/* =================================================================
   Nabila — WooCommerce theme for nabilam.com
   Same design language as the landing pages (nabilam-landing plugin):
   Intel Clear Arabic, navy ink, Rachad green actions, vivid story colours,
   zellij on navy, 3D blocks and 3D buttons.
   ================================================================= */

@font-face{font-family:IC;src:url(../fonts/intelclear-ar-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:IC;src:url(../fonts/intelclear-ar-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
 --night:#1E2A5A;--night2:#273873;--sky:#EEF4FF;--paper:#fff;--sun:#FFC400;--logo:#ED2590;
 --go:#26965B;--go-tint:#EAF6EF;--go-ring:rgba(38,150,91,.22);--go-edge:#11663A;--go-text:#1B7A47;
 --red:#F60839;--ink:#1E2A5A;--mute:#55617E;--line:#D3DCEC;
 --k0:#26965B;--k1:#5DB557;--k2:#F6C844;--k3:#FE5200;--k4:#FF91A4;--k5:#7B68EE;--k6:#F60839;
 --t0:#fff;--t1:#000032;--t2:#000032;--t3:#fff;--t4:#000032;--t5:#fff;--t6:#fff;
 --r:16px;--wrap:1180px;--head:72px;
 --font:IC,Tahoma,"Segoe UI",Arial,sans-serif;
 --zellij:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' fill-opacity='0.075' fill-rule='evenodd' d='M15 15L85 15L85 85L15 85ZM42.5 33.5L33.5 33.5L33.5 42.5L26 50L33.5 57.5L33.5 66.5L42.5 66.5L50 74L57.5 66.5L66.5 66.5L66.5 57.5L74 50L66.5 42.5L66.5 33.5L57.5 33.5L50 26ZM50 26L62.5 15L37.5 15ZM74 50L85 62.5L85 37.5ZM50 74L62.5 85L37.5 85ZM26 50L15 62.5L15 37.5Z'/%3E%3Cpath fill='%23fff' fill-opacity='0.045' d='M0 22L15 50L0 78L-15 50ZM100 22L115 50L100 78L85 50ZM22 0L50 15L78 0L50 -15ZM22 100L50 85L78 100L50 115Z'/%3E%3C/svg%3E");
}
/* Story colours: Adobe RGB (1998) values, as defined in Photoshop. Hex above = sRGB fallback. */
@supports (color:color(a98-rgb 0 0 0)){:root{--logo:color(a98-rgb .9294 .1451 .5647);--go:color(a98-rgb .149 .5882 .3569);--red:color(a98-rgb .9647 .0314 .2235);
 --k0:color(a98-rgb .149 .5882 .3569);--k1:color(a98-rgb .3647 .7098 .3412);--k2:color(a98-rgb .9647 .7843 .2667);--k3:color(a98-rgb .9961 .3216 0);--k4:color(a98-rgb 1 .5686 .6431);--k5:color(a98-rgb .4824 .4078 .9333);--k6:color(a98-rgb .9647 .0314 .2235)}}
/* UI yellow: story-3 hue at full display-P3 saturation, vivid on navy */
@supports (color:color(display-p3 0 0 0)){:root{--sun:color(display-p3 1 .77 0)}}
@supports (color:oklch(from red l c h)){:root{--go-tint:color-mix(in oklch,var(--go) 9%,white);--go-ring:oklch(from var(--go) l c h / .22);--go-edge:oklch(from var(--go) calc(l * .68) calc(c * .8) h);--go-text:oklch(from var(--go) calc(l * .84) c h)}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 16px)}
html,body{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--font)}
img,video,iframe{max-width:100%;height:auto}
img{display:block}
a{color:var(--go-text);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
h1,h2,h3,h4{line-height:1.3;margin:0 0 .4em;font-weight:700;color:var(--ink)}
h1{font-size:clamp(30px,7vw,46px);letter-spacing:-.01em}
h2{font-size:clamp(24px,5.4vw,32px)}
h3{font-size:19px}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.narrow{max-width:760px}
.c{text-align:center}
.sub{color:var(--mute);font-size:16px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;top:-60px;right:12px;z-index:100;background:var(--sun);color:var(--night);padding:8px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.i{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
bdi[dir=ltr]{unicode-bidi:isolate}
::selection{background:var(--sun);color:var(--night)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- buttons: 3D slabs ---------- */
.btn,.button,button.button,input.button,#respond input#submit,.wp-block-button__link,.wc-block-components-button:not(.is-link),.added_to_cart{
 display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:52px;padding:10px 24px;
 border:0;border-radius:14px;background:var(--go);color:#fff;font:700 18px/1.2 var(--font);text-decoration:none;cursor:pointer;
 box-shadow:0 4px 0 var(--go-edge);transition:transform .08s,box-shadow .08s,filter .15s;-webkit-tap-highlight-color:transparent}
.btn:hover,.button:hover,.wp-block-button__link:hover,.wc-block-components-button:not(.is-link):hover{color:#fff;filter:brightness(1.06)}
.btn:active,.button:active,.wp-block-button__link:active{transform:translateY(3px);box-shadow:0 1px 0 var(--go-edge)}
.btn .i{margin-bottom:2px}
.btn small{font-weight:400;font-size:13px;opacity:.92}
.btn-big{min-height:64px;font-size:21px;padding:12px 32px}
.btn-ghost,.button.alt-ghost{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset,0 4px 0 var(--ink)}
.btn-ghost:hover{color:var(--ink);background:var(--sky)}
.btn-ghost:active{box-shadow:0 0 0 2px var(--ink) inset,0 1px 0 var(--ink)}
.btn-sun{background:var(--sun);color:var(--night);box-shadow:0 4px 0 #A87A00}
.btn-sun:hover{color:var(--night)}
.btn-sun:active{box-shadow:0 1px 0 #A87A00}
.button:disabled,.button.disabled,.button[disabled]{opacity:.55;cursor:not-allowed;transform:none}

/* ---------- header (sticky) ---------- */
.site-head{position:sticky;top:0;z-index:50;background:var(--night);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08),0 6px 18px -10px rgba(0,0,0,.45)}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:0}}
.announce{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--go);color:#fff;font-size:14px;font-weight:700;line-height:1.3;padding:6px 12px;text-align:center}
.head-in{display:flex;align-items:center;gap:14px;height:var(--head)}
.brand{display:block;flex:none;line-height:0}
.brand-logo,.custom-logo{display:block;height:54px;width:auto}
svg.brand-logo{aspect-ratio:900/815}
.brand-logo path{fill:var(--logo)}
.menu-toggle{display:grid;place-items:center;width:44px;height:44px;margin-inline-start:-8px;border:0;border-radius:12px;background:transparent;color:#fff;cursor:pointer}
.menu-toggle:hover{background:rgba(255,255,255,.08)}
.site-nav{display:none}
.site-nav .menu{list-style:none;margin:0;padding:0}
.site-nav a{color:#fff;text-decoration:none;font-weight:700}
.head-actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}
.head-cod{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:700;color:var(--sun);white-space:nowrap}
.head-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff}
.head-icon:hover{color:#fff;background:rgba(255,255,255,.08)}
.cart-count{position:absolute;top:2px;left:0;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;padding:0 4px}
.head-cta{font-weight:700;font-size:15px;line-height:1.2;color:#fff;background:var(--go);border-radius:99px;padding:9px 18px;text-decoration:none;white-space:nowrap;box-shadow:0 3px 0 var(--go-edge);transition:transform .08s,box-shadow .08s}
.head-cta:hover{color:#fff;filter:brightness(1.06)}
.head-cta:active{transform:translateY(2px);box-shadow:0 1px 0 var(--go-edge)}

/* mobile drawer */
.nav-open .site-nav{display:block;position:absolute;inset:100% 0 auto 0;background:var(--night);border-top:1px solid rgba(255,255,255,.1);padding:8px 16px 18px;box-shadow:0 18px 30px -12px rgba(0,0,0,.5);max-height:calc(100dvh - 110px);overflow:auto}
.nav-open .site-nav .menu a{display:block;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:18px}
.nav-open .site-nav .sub-menu{list-style:none;padding:0 16px 0 0;margin:0}
.nav-open .site-nav .sub-menu a{font-weight:400;font-size:16px}
.site-nav .current-menu-item>a,.site-nav .current_page_item>a{color:var(--sun)}
.nav-contact a{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--sun)}
@media (max-width:420px){.head-in{gap:8px}.head-actions{gap:8px}.head-cod{font-size:12.5px;gap:4px}.head-cod .i{width:19px;height:19px}.head-cta{padding:8px 13px;font-size:14px}.brand-logo{height:46px}}
@media (max-width:350px){.head-cod{display:none}}

@media (min-width:960px){
 .menu-toggle{display:none}
 .site-nav,.nav-open .site-nav{display:block;position:static;background:none;border:0;padding:0;box-shadow:none;margin-inline-start:18px;overflow:visible;max-height:none}
 .site-nav .menu{display:flex;gap:4px}
 .site-nav .menu>li{position:relative}
 .site-nav .menu>li>a,.nav-open .site-nav .menu>li>a{display:block;padding:8px 12px;border:0;border-radius:10px;font-size:16px}
 .site-nav .menu>li>a:hover{background:rgba(255,255,255,.08)}
 .site-nav .sub-menu{display:none;position:absolute;top:100%;right:0;min-width:220px;list-style:none;margin:0;padding:8px;background:#fff;border-radius:14px;box-shadow:0 14px 30px -10px rgba(0,0,0,.35)}
 .site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:block}
 .site-nav .sub-menu a,.nav-open .site-nav .sub-menu a{color:var(--ink);display:block;padding:8px 12px;border:0;border-radius:8px;font-size:15px}
 .site-nav .sub-menu a:hover{background:var(--sky)}
 .nav-contact{display:none}
 .head-cta{padding:10px 22px;font-size:16px}
}

/* ---------- zellij sections (navy, motif fades top and bottom) ---------- */
.zellij{position:relative;isolation:isolate;background:var(--night) var(--zellij) 0 0/88px 88px;color:#fff;overflow:hidden}
.zellij::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--night) 0,rgba(30,42,90,0) 22%,rgba(30,42,90,0) 70%,var(--night) 100%)}
.zellij h1,.zellij h2,.zellij h3{color:#fff}
@media (min-width:900px){.zellij{background-size:120px 120px}}

/* ---------- home: hero ---------- */
.hero{padding:26px 0 40px}
.hero-grid{display:grid;gap:26px;align-items:center}
.pill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:2px 14px;font-size:14px;margin-bottom:12px}
.hero .lead{opacity:.92;max-width:34em;font-size:18px}
.hero-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:18px 0 4px}
.hero-price strong{font-size:44px;line-height:1;color:var(--sun)}
.hero-price strong .woocommerce-Price-currencySymbol{font-size:.5em}
.hero-price del{opacity:.6;font-size:20px}
.hero-price>span{font-size:15px;opacity:.85}
.hero .btn{margin-top:16px;width:100%}
.trust{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:13.5px;text-align:center;line-height:1.35}
.trust li{display:grid;justify-items:center;gap:6px;background:rgba(255,255,255,.07);border-radius:12px;padding:12px 4px}
.trust .i{color:var(--sun)}
.hero-media{position:relative}
.hero-img{display:block;border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 8px 0 rgba(0,0,0,.18)}
.hero-img img{width:100%;height:auto}
.seal{position:absolute;top:-8px;left:-6px;width:88px;height:88px;display:grid;place-items:center;transform:rotate(-12deg);pointer-events:none}
.seal svg{position:absolute;inset:0;fill:var(--red);filter:drop-shadow(0 3px 0 rgba(0,0,0,.18))}
.seal span{position:relative;color:#fff;font-weight:700;font-size:21px;direction:ltr}
@media (min-width:900px){
 .hero{padding:48px 0 64px}
 .hero-grid{grid-template-columns:1.05fr 1fr;gap:56px}
 .hero .btn{width:auto;min-width:340px}
 .trust{max-width:460px}
 .seal{width:108px;height:108px}.seal span{font-size:25px}
}

/* ---------- sections ---------- */
.sec{padding:52px 0}
.sec:nth-of-type(even){background:var(--sky)}
.sec h2.c{margin-bottom:6px}
.sec .sub.c{margin:0 auto 26px;max-width:36em}

/* heroes shelf: each book a 3D block in its story colour */
.rail-frame{position:relative}
.shelf{--d:10px;list-style:none;margin:0;padding:var(--d) var(--d) 18px 4px;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.shelf::-webkit-scrollbar{display:none}
.book{flex:0 0 70%;max-width:260px;scroll-snap-align:start}
.book a{display:block;text-decoration:none;color:inherit}
.book-cover{display:block;position:relative;aspect-ratio:3/4;background:#fff;overflow:hidden;border:3px solid var(--c);border-bottom:0}
.book-cover img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.book a:hover .book-cover img{transform:scale(1.03)}
.book-spine{position:relative;display:flex;align-items:center;gap:10px;background:var(--c);color:var(--t);padding:10px 12px;font-weight:700;font-size:16.5px;line-height:1.3;min-height:62px}
@supports (color:oklch(from red l c h)){.steps li,.nb-card{--top:oklch(from var(--c) calc(l * .8) calc(c * .78) h);--side:oklch(from var(--c) calc(l * .63) calc(c * .7) h)}}
.book a{position:relative;background:var(--c);--top:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--c);--side:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),var(--c)}
@supports (color:oklch(from red l c h)){.book a{--top:oklch(from var(--c) calc(l * .8) calc(c * .78) h);--side:oklch(from var(--c) calc(l * .63) calc(c * .7) h)}}
/* 3D block: top face + left face extruded by --d, seen from the top-left (same as the landing spines) */
.book a::before,.book a::after{content:"";position:absolute;top:calc(-1 * var(--d));left:calc(-1 * var(--d))}
.book a::before{right:0;height:var(--d);background:var(--top);clip-path:polygon(0 0,calc(100% - var(--d)) 0,100% 100%,var(--d) 100%)}
.book a::after{width:var(--d);bottom:0;background:var(--side);clip-path:polygon(0 0,100% var(--d),100% 100%,0 calc(100% - var(--d)))}
.book-spine b{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:var(--night);font-size:15px}
.rail-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.rail-nav button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}
.rail-nav button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.rail-nav button:disabled{opacity:.35;cursor:default}
.rail-nav span{min-width:52px;text-align:center;font-weight:700;direction:ltr}
.heroes-note{margin:18px 0 0;font-size:16px;color:var(--mute)}
@media (min-width:600px){.book{flex-basis:40%}}
@media (min-width:900px){.book{flex-basis:calc((100% - 3 * 20px) / 4)}}
@media (min-width:1100px){.shelf{gap:22px}.book{flex-basis:calc((100% - 3 * 22px) / 4)}}

/* inside the box */
.inside-grid{display:grid;gap:28px;align-items:center}
.inside-img{margin:0;border-radius:var(--r);overflow:hidden;background:#fff;border:2px solid var(--night);box-shadow:0 6px 0 var(--night)}
.inside-img img{width:100%;height:auto}
.why{list-style:none;padding:0;margin:18px 0 6px;display:grid;gap:16px}
.why li{display:flex;gap:14px;align-items:flex-start}
.why .i{width:48px;height:48px;padding:11px;border-radius:14px;background:#fff;color:var(--go);border:2px solid var(--line)}
.why h3{font-size:18px;margin-bottom:2px}
.why p{color:var(--mute);font-size:16px;margin:0}
.inside .btn{margin-top:14px}
@media (min-width:900px){.inside-grid{grid-template-columns:1fr 1fr;gap:56px}.why{grid-template-columns:1fr 1fr}}

/* how to order: three 3D blocks */
.steps{--d:10px;list-style:none;margin:28px 0 0;padding:var(--d) var(--d) 0 0;display:grid;gap:calc(var(--d) + 14px);counter-reset:s}
.steps li{position:relative;background:var(--c);color:var(--t);padding:18px 18px 16px;border-radius:0;
 --top:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--c);--side:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),var(--c)}
.steps li::before,.steps li::after{content:"";position:absolute;top:calc(-1 * var(--d));left:calc(-1 * var(--d))}
.steps li::before{right:0;height:var(--d);background:var(--top);clip-path:polygon(0 0,calc(100% - var(--d)) 0,100% 100%,var(--d) 100%)}
.steps li::after{width:var(--d);bottom:0;background:var(--side);clip-path:polygon(0 0,100% var(--d),100% 100%,0 calc(100% - var(--d)))}
.steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sun);color:var(--night);font-size:18px;margin-bottom:8px}
.steps li[style*="--k2"] b{background:#fff}
.steps h3{color:inherit;margin-bottom:4px}
.steps p{margin:0;font-size:16px;opacity:.95}
@media (min-width:800px){.steps{grid-template-columns:repeat(3,1fr);gap:28px}}

/* reviews */
.reviews{display:grid;gap:12px;margin-top:18px}
blockquote{margin:0;background:#fff;border:2px solid var(--line);border-radius:14px;padding:14px 16px}
blockquote .r{color:#E0A400;letter-spacing:2px}
blockquote p{margin:4px 0 8px}
cite{font-style:normal;font-weight:700;font-size:15px}
cite time{font-weight:400;color:var(--mute);margin-inline-start:8px;font-size:13px}
@media (min-width:800px){.reviews{grid-template-columns:repeat(3,1fr)}}

/* faq */
.faq{margin-top:18px;display:grid;gap:8px}
details{background:#fff;border:2px solid var(--line);border-radius:12px;padding:0 16px;transition:border-color .15s}
details[open]{border-color:var(--go)}
summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:24px;line-height:1;color:var(--go);flex:none}
details[open] summary::after{content:"−"}
details p{padding-bottom:14px;margin:0;color:var(--mute)}

/* final call */
.final{padding:58px 0 64px}
.final .lead{opacity:.9;font-size:18px}
.final .btn{margin-top:10px}

/* ---------- swipe hint (touch carousels, until the first touch) ---------- */
.swipe-hint{position:absolute;z-index:6;left:50%;top:42%;translate:-50% -50%;display:none;flex-direction:column;align-items:center;pointer-events:none;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:opacity .4s}
.swipe-hint svg{width:70px;height:70px;overflow:visible}
.swipe-hint .sh-hand{fill:#fff;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round}
.swipe-hint .sh-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.swipe-hint .sh-arrow,.swipe-hint .sh-ring{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.swipe-hint b{font-size:14px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6);margin-top:-2px}
.swipe-hint.is-on svg{animation:nb-swipe 1.8s cubic-bezier(.45,0,.25,1) 4}
.swipe-hint .sh-ring{transform-origin:32px 19px;opacity:0}
.swipe-hint.is-on .sh-ring{animation:nb-tap 1.8s ease-out 4}
.swipe-hint.is-on .sh-arrow{animation:nb-blink 1.8s ease-in-out 4}
.swipe-hint.is-done{opacity:0}
@keyframes nb-swipe{0%,12%{transform:translateX(-18px)}55%,68%{transform:translateX(18px)}100%{transform:translateX(-18px)}}
@keyframes nb-tap{0%,8%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1)}45%{opacity:0;transform:scale(1.35)}100%{opacity:0}}
@keyframes nb-blink{0%,100%{opacity:.35}50%{opacity:1}}
.nb-touch .swipe-hint{display:flex}

/* ---------- footer ---------- */
.site-foot{position:relative;isolation:isolate;background:var(--night) var(--zellij) 0 0/88px 88px;color:rgba(255,255,255,.82);font-size:15.5px;margin-top:0}
.site-foot::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--night) 0,rgba(30,42,90,.55) 40%,var(--night) 100%)}
.site-foot a{color:#fff;text-decoration:none}
.site-foot a:hover{color:var(--sun)}
.foot-grid{display:grid;gap:30px;padding-top:44px;padding-bottom:34px}
.site-foot h2{font-size:17px;color:var(--sun);margin-bottom:12px}
.site-foot ul{list-style:none;margin:0;padding:0}
.foot-brand .brand-logo{height:76px;margin-bottom:12px}
.foot-brand p{max-width:30em}
.social{display:flex;gap:10px}
.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1)}
.social a:hover{background:var(--sun);color:var(--night)}
.foot-links li a{display:inline-block;padding:5px 0}
.foot-links .menu{display:grid;gap:0}
.foot-contact li,.foot-promise li{display:flex;align-items:flex-start;gap:10px;padding:5px 0}
.foot-contact li a{display:flex;gap:10px;align-items:center}
.foot-contact .i,.foot-promise .i{color:var(--sun);margin-top:3px}
.foot-extra{padding-bottom:24px}
.foot-legal{border-top:1px solid rgba(255,255,255,.12);padding:20px 0 calc(22px + env(safe-area-inset-bottom));font-size:14px;color:rgba(255,255,255,.7)}
.foot-legal p{margin:0 0 8px}
.seller{display:flex;flex-wrap:wrap;gap:4px 18px}
.seller strong{color:#fff}
.legal-menu{display:flex;flex-wrap:wrap;gap:6px 18px;margin:6px 0 10px!important}
.legal-menu a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.35)}
.copy{color:rgba(255,255,255,.55)}
@media (min-width:700px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.foot-grid{grid-template-columns:1.5fr 1fr 1.2fr 1.2fr;gap:40px}}

/* ---------- pages & posts ---------- */
.page-wrap{padding-top:28px;padding-bottom:56px}
.page-head{margin-bottom:22px}
.page-head h1{color:var(--red)}
.page-head h1 span{color:var(--ink)}
.meta{color:var(--mute);font-size:14px;margin:0}
.entry{font-size:18px}
.narrow-entry{max-width:760px}
.entry h2{margin-top:1.6em;font-size:clamp(22px,4.6vw,27px)}
.entry h3{margin-top:1.4em}
.entry ul,.entry ol{padding-inline-start:1.3em}
.entry li{margin-bottom:.35em}
.entry img{border-radius:12px}
.entry blockquote{border-inline-start:5px solid var(--k5);border-radius:0 12px 12px 0}
.entry table{width:100%;border-collapse:collapse;font-size:16px}
.entry th,.entry td{border:1px solid var(--line);padding:8px 10px;text-align:start}
.entry th{background:var(--sky)}
.entry .wp-block-button__link{border-radius:14px}
.alignwide{max-width:var(--wrap)}
.alignfull{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}
.wp-caption-text,figcaption{font-size:14px;color:var(--mute);text-align:center;margin-top:6px}
.post-hero{margin:0 0 24px;border-radius:var(--r);overflow:hidden}
.post-hero img{width:100%}
.post-grid{display:grid;gap:20px}
.post-card{background:#fff;border:2px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .15s,transform .15s}
.post-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.post-card-img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post-card-body{padding:16px}
.post-card h2{font-size:20px}
.post-card h2 a{color:var(--ink);text-decoration:none}
.post-card p:last-child{margin:0;color:var(--mute);font-size:16px}
@media (min-width:700px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-cta{margin:36px 0 0;max-width:760px;padding:20px;border-radius:var(--r);background:var(--sky);display:grid;gap:10px;justify-items:start}
.post-cta p{margin:0}
.post-nav{max-width:760px;margin-top:26px}
.post-nav .nav-links{display:flex;justify-content:space-between;gap:16px}
.pagination .nav-links,.woocommerce-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:28px 0 0;border:0!important}
.pagination .page-numbers,.woocommerce-pagination .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:2px solid var(--line)!important;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:700}
.woocommerce-pagination li{border:0!important}
.pagination .current,.woocommerce-pagination .page-numbers.current{background:var(--ink);border-color:var(--ink)!important;color:#fff}
.empty{padding:20px 0}
.nf{text-align:center;padding-top:50px}
.nf-num{display:flex;justify-content:center;gap:8px;margin:0 0 10px}
.nf-num span{display:grid;place-items:center;width:84px;height:100px;background:var(--c);color:#fff;font-size:58px;font-weight:700;border-radius:12px;box-shadow:0 6px 0 rgba(0,0,0,.2)}
.nf .search-form{margin:22px auto}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}

/* comments */
.comments{padding-bottom:50px}
.comment-list{list-style:none;padding:0}
.comment-list .children{list-style:none;padding-inline-start:24px}
.comment-body{border-bottom:1px solid var(--line);padding:14px 0}
.comment-meta{font-size:14px;color:var(--mute)}
.comment-author img{border-radius:50%;float:right;margin-inline-end:10px}

/* ---------- forms ---------- */
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea{
 width:100%;min-height:52px;border:2px solid var(--line);border-radius:12px;padding:10px 14px;font:400 17px/1.4 var(--font);color:var(--ink);background:#fff;appearance:none;-webkit-appearance:none;transition:border-color .15s,box-shadow .15s}
textarea{min-height:120px}
select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%231E2A5A' stroke-width='2'/%3E%3C/svg%3E") no-repeat left 12px center;padding-left:40px}
input:focus,select:focus,textarea:focus{border-color:var(--go);outline:0;box-shadow:0 0 0 3px var(--go-ring)}
input[type=radio],input[type=checkbox]{accent-color:var(--go);width:20px;height:20px;vertical-align:middle}
input[type=tel],input[type=email],input[type=url]{direction:ltr;text-align:right}
label{font-weight:700;font-size:15px}
.search-form{display:flex;max-width:480px;gap:8px}
.search-form button{flex:none;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:12px;background:var(--ink);color:#fff;cursor:pointer}

/* =================================================================
   WooCommerce
   ================================================================= */
.crumbs{font-size:14px;color:var(--mute);margin-bottom:14px}
.crumbs a{color:var(--mute)}
.crumbs .sep{margin:0 8px;opacity:.6}
.shop-head .sub{margin:0}
.woocommerce-result-count{color:var(--mute);font-size:14px;margin:0 0 16px}
.woocommerce-ordering{margin:0 0 20px}
.woocommerce-ordering select{width:auto;min-height:44px;font-size:15px}
@media (min-width:700px){.woocommerce-result-count{float:right}.woocommerce-ordering{float:left}.woocommerce .products{clear:both}}

/* product cards: white page, coloured 3D edge in the book's story colour */
ul.products{--d:8px;list-style:none;margin:0 0 24px!important;padding:var(--d) var(--d) 0 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--d) + 14px) 18px}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0!important}
.nb-card{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid var(--c);
 --top:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--c);--side:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),var(--c)}
.nb-card::before,.nb-card::after{content:"";position:absolute;top:calc(-1 * var(--d) - 2px);left:calc(-1 * var(--d) - 2px);pointer-events:none}
.nb-card::before{right:-2px;height:var(--d);background:var(--top);clip-path:polygon(0 0,calc(100% - var(--d)) 0,100% 100%,var(--d) 100%)}
.nb-card::after{width:var(--d);bottom:-2px;background:var(--side);clip-path:polygon(0 0,100% var(--d),100% 100%,0 calc(100% - var(--d)))}
.nb-card-cover{position:relative;display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.nb-card-cover img{width:100%!important;height:100%!important;object-fit:contain;margin:0!important;transition:transform .3s}
.nb-card:hover .nb-card-cover img{transform:scale(1.04)}
.nb-card-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px 12px 14px;border-top:6px solid var(--c)}
.nb-card .woocommerce-loop-product__title{font-size:17px!important;line-height:1.35;margin:0;padding:0!important}
.nb-card .woocommerce-loop-product__title a{color:var(--ink);text-decoration:none}
.nb-card .woocommerce-loop-product__title a::after{content:"";position:absolute;inset:0;z-index:1}
.nb-card .btn,.nb-card .button{position:relative;z-index:2;margin-top:auto;min-height:46px;font-size:16px;padding:8px 14px;width:100%}
.nb-card .price{margin:0;font-weight:700;font-size:18px;color:var(--ink)}
.nb-card .price del{color:var(--mute);font-weight:400;font-size:.85em;opacity:1}
.nb-card .price ins{text-decoration:none;color:var(--red)}
.out-of-stock-card .price,.nb-card.outofstock .price{color:var(--mute)}
.nb-note{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;color:var(--go-text)}
.nb-note-soft{color:var(--mute);font-weight:400}
.nb-ribbon{position:absolute;top:10px;right:10px;z-index:2;background:var(--red);color:#fff;font-size:13px;font-weight:700;border-radius:99px;padding:2px 12px;line-height:1.7}
.nb-ribbon-soft{background:var(--night)}
.onsale{position:absolute;top:10px;left:10px;z-index:2;min-width:0;min-height:0;margin:0;background:var(--red);color:#fff;font-size:14px;font-weight:700;line-height:1.6;border-radius:99px;padding:2px 10px;direction:ltr}
.nb-card.is-box{border-width:3px}
.nb-card.is-box .nb-card-body{border-top-color:var(--k2)}
.nb-card.outofstock .nb-card-cover img{filter:saturate(.85)}
@media (min-width:900px){ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--d) + 22px) 26px}ul.products.columns-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--d) + 20px) 22px}.nb-card-body{padding:14px 16px 16px}.nb-card .woocommerce-loop-product__title{font-size:19px!important}}
@media (max-width:380px){ul.products{gap:calc(var(--d) + 12px) 12px}.nb-card .btn{font-size:14.5px;padding:8px}}

/* single product (books) */
.single-product div.product{display:grid;gap:26px;position:relative}
.single-product div.product .woocommerce-product-gallery,.single-product div.product .summary{float:none!important;width:auto!important;margin:0!important}
.woocommerce-product-gallery{position:relative;opacity:1!important}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery__image img{width:100%;height:auto;border-radius:var(--r);background:#fff}
.woocommerce-product-gallery .flex-viewport{border-radius:var(--r);border:2px solid var(--line)}
.woocommerce-product-gallery .flex-control-thumbs{list-style:none;display:flex;gap:8px;margin:10px 0 0;padding:0;overflow-x:auto}
.woocommerce-product-gallery .flex-control-thumbs li{flex:0 0 72px}
.woocommerce-product-gallery .flex-control-thumbs img{border-radius:10px;border:2px solid var(--line);cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover{opacity:1;border-color:var(--ink)}
.woocommerce-product-gallery__trigger{position:absolute;top:12px;left:12px;z-index:3;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);text-indent:-9999px;overflow:hidden}
.woocommerce-product-gallery__trigger::before{content:"";position:absolute;inset:11px;border:2.5px solid var(--ink);border-radius:50%;width:12px;height:12px}
.woocommerce-product-gallery__trigger::after{content:"";position:absolute;width:3px;height:9px;background:var(--ink);left:26px;top:24px;transform:rotate(-45deg);border-radius:2px}
.single-product .product_title{color:var(--red);font-size:clamp(28px,6vw,40px)}
.single-product .summary .price{font-size:26px;font-weight:700;color:var(--ink);margin:0 0 10px}
.single-product .summary .price del{color:var(--mute);font-size:.7em;font-weight:400}
.single-product .summary .price ins{text-decoration:none;color:var(--red)}
.woocommerce-product-details__short-description{color:var(--ink)}
.stock{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;border-radius:99px;padding:3px 14px;margin:0 0 12px}
.stock.in-stock{background:var(--go-tint);color:var(--go-text)}
.stock.out-of-stock{background:#FFF1E6;color:#9A3A00}
.single-product form.cart{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.quantity .qty{width:84px!important;text-align:center!important}
.single_add_to_cart_button{flex:1;min-width:200px}
.in-box{--c:var(--k2);--d:8px;position:relative;margin:16px 0 18px;padding:18px;background:#FFF9E6;border:2px solid var(--ink);border-radius:14px;box-shadow:0 5px 0 var(--ink)}
.in-box p{margin:0 0 12px}
.in-box .btn{width:100%}
.product_meta{font-size:14px;color:var(--mute);display:grid;gap:2px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.product_meta a{color:var(--mute)}
.woocommerce-tabs{grid-column:1/-1;margin-top:10px}
.woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:6px;padding:0!important;margin:0 0 -2px!important;overflow-x:auto}
.woocommerce-tabs ul.tabs::before,.woocommerce-tabs ul.tabs::after{display:none!important}
.woocommerce-tabs ul.tabs li{margin:0!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce-tabs ul.tabs li a{display:block;padding:10px 18px!important;border:2px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;text-decoration:none;color:var(--mute);font-weight:700;background:var(--sky)}
.woocommerce-tabs ul.tabs li.active a{background:#fff;color:var(--ink);border-color:var(--ink)}
.woocommerce-tabs .panel{border:2px solid var(--ink);border-radius:0 14px 14px 14px;padding:20px;margin:0 0 30px!important;background:#fff}
.woocommerce-tabs .panel h2:first-child{font-size:22px}
.woocommerce-Reviews .commentlist{list-style:none;padding:0}
.woocommerce-Reviews .comment_container{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}
.woocommerce-Reviews .avatar{border-radius:50%;width:44px;height:44px}
.star-rating{color:#E0A400}
.related,.upsells{grid-column:1/-1}
.related>h2,.upsells>h2{text-align:center;margin-bottom:24px}
@media (min-width:900px){.single-product div.product{grid-template-columns:1fr 1fr;gap:48px;align-items:start}.single-product .summary{position:sticky;top:calc(var(--head) + 50px)}}

/* notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{list-style:none;margin:0 0 20px!important;padding:14px 16px!important;border-radius:12px;border:2px solid;font-size:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message{background:var(--go-tint);border-color:var(--go);color:var(--ink)}
.woocommerce-info{background:var(--sky);border-color:var(--ink);color:var(--ink)}
.woocommerce-error{background:#FFF0F2;border-color:var(--red);color:#A3132A}
.woocommerce-message .button,.woocommerce-info .button{min-height:42px;font-size:15px;padding:6px 16px;order:2}

/* cart / checkout / account (classic and blocks) */
.woocommerce table.shop_table{width:100%;border-collapse:separate;border-spacing:0;border:2px solid var(--line);border-radius:14px;overflow:hidden}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:12px;border-top:1px solid var(--line);text-align:start}
.woocommerce table.shop_table thead th{background:var(--sky);border-top:0}
.woocommerce table.shop_table img{width:64px;border-radius:8px}
.woocommerce a.remove{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--red)!important;text-decoration:none;font-size:20px}
.woocommerce a.remove:hover{background:var(--red);color:#fff!important}
.cart-collaterals .cart_totals,.woocommerce-checkout-review-order,.woocommerce form.login,.woocommerce form.register,.woocommerce-MyAccount-content{background:#fff}
.woocommerce form .form-row{margin:0 0 14px;padding:0}
.woocommerce form .form-row label{display:block;margin-bottom:4px}
.woocommerce form .form-row .required{color:var(--red);text-decoration:none}
.woocommerce-checkout #payment{background:var(--sky);border-radius:14px;padding:16px}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;padding:0;margin:0 0 12px}
.woocommerce-checkout #payment .payment_box{background:#fff;border-radius:10px;padding:10px 12px;font-size:15px;margin:6px 0}
#place_order{width:100%;min-height:58px;font-size:20px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:6px}
.woocommerce-MyAccount-navigation a{display:block;padding:8px 14px;border-radius:10px;border:2px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700}
.woocommerce-MyAccount-navigation .is-active a{background:var(--ink);border-color:var(--ink);color:#fff}
.wc-block-components-button:not(.is-link){border-radius:14px!important}
.wc-block-components-totals-item__value,.wc-block-components-product-price{font-weight:700}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--font)}
.wc-block-components-text-input input,.wc-block-components-combobox input{border-radius:12px!important}

/* print */
@media print{.site-head,.site-foot .foot-grid,.swipe-hint,.rail-nav,.btn{display:none!important}body{font-size:12pt}.zellij{background:#fff;color:#000}.zellij h1,.zellij h2{color:#000}}
.woocommerce-Price-amount .num{direction:ltr;unicode-bidi:isolate;display:inline-block}
.in-box .btn{flex-direction:row;gap:8px}
.woocommerce-Price-amount{white-space:nowrap}
.nb-ribbon{top:auto;bottom:10px}
@media (max-width:480px){.nb-card .price{font-size:16px}.nb-card .price del{display:block;line-height:1.2}.nb-card-body{padding:10px 10px 12px}.nb-card .woocommerce-loop-product__title{font-size:16px!important}.nb-ribbon{font-size:12px;padding:1px 9px}}