/*
Theme Name: Daksh Books
Theme URI: https://dakshbooks.com
Description: Standalone theme for Daksh Publication — Rajasthan's competitive-exam book store. Navy + saffron, Hindi-first, fully responsive, conversion-focused. Built to the approved homepage mock.
Author: Daksh + Rana
Version: 0.9.9
Text Domain: dakshbooks
*/

/* ====================================================================
   Daksh Books — standalone theme (NOT a block-theme child, so no parent
   theme.json CSS interferes). Palette navy #1A2F5A + saffron #FF6B00.
   Fonts: Mukta + Baloo 2.
   ==================================================================== */

:root{
  --saffron:#FF6B00; --saffron-l:#FFF0E5; --saffron-d:#CC5500;
  --navy:#1A2F5A; --blue:#2C4A8A;
  --green:#1A9E5A; --green-l:#E6F7EE;
  --red:#D42B2B; --gold:#E8A320;
  --g100:#F8F8F6; --g200:#EFEFED; --g400:#BBBAB5; --g600:#737270; --g800:#3A3A38;
  --white:#FFFFFF; --whatsapp:#25D366; --telegram:#229ED9;
  --gut:24px; --sec-pad:56px; --max:1200px;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:'Mukta','Noto Sans Devanagari',sans-serif;background:var(--g100);color:var(--g800);font-size:15px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit}

.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec-pad)}
.sec + .sec{padding-top:0}
.sec-tight{padding-block:32px}

/* announcement bar */
.ann{background:var(--navy);color:#fff;font-size:13px;padding:8px var(--gut)}
.ann-row{max-width:var(--max);margin:0 auto;display:flex;justify-content:center;gap:14px 30px;flex-wrap:wrap}
.ann-i{display:flex;align-items:center;gap:5px;white-space:nowrap}
.ann-i em{color:var(--gold);font-style:normal;font-weight:600}

/* header */
header.db-header{background:var(--white);border-bottom:1px solid var(--g200);position:sticky;top:0;z-index:1000;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.hdr{max-width:var(--max);margin:0 auto;padding:12px var(--gut);min-height:72px;display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;flex-shrink:0;line-height:0}
.logo .logo-svg{height:46px!important;width:auto!important;max-width:170px!important;display:block;object-fit:contain}
.srch{flex:1;max-width:560px;position:relative}
.srch input{width:100%;height:46px;border:2px solid var(--g200);border-radius:50px;padding:0 52px 0 22px;font-size:14px;font-family:inherit;background:var(--g100);outline:none;transition:border-color .2s,background .2s}
.srch input:focus{border-color:var(--saffron);background:#fff}
.srch input::placeholder{color:var(--g400)}
.srch-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--saffron);border:none;border-radius:50px;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px}
.hdr-acts{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.wa-btn{background:var(--whatsapp);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff}
.wa-btn .wa-ico,.btn-wa .wa-ico,.sb.wa .wa-ico,.ann-i .wa-ico{vertical-align:middle;flex-shrink:0}
.ann-i .wa-ico{margin-right:2px}
.btn-wa .wa-ico,.sb.wa .wa-ico{margin-right:4px}
.lang-btn{display:inline-flex;border:1.5px solid var(--g200);border-radius:50px;overflow:hidden}
.lang-btn button{border:none;background:none;cursor:pointer;font:600 12px 'Mukta',sans-serif;padding:8px 12px;color:var(--g600)}
.lang-btn button[aria-pressed="true"]{background:var(--navy);color:#fff}
.login-btn{padding:9px 18px;border:1.5px solid var(--navy);border-radius:50px;font-size:13px;font-weight:600;color:var(--navy);background:none;white-space:nowrap;transition:all .15s}
.login-btn:hover{background:var(--navy);color:#fff}
.cart-btn{position:relative;background:var(--saffron);border-radius:50px;padding:9px 18px 9px 14px;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}
.cart-n{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;font-size:10px;font-weight:700;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.nav-toggle{display:none;background:none;border:none;font-size:24px;color:var(--navy);cursor:pointer;padding:4px 8px}

/* nav + mega-menu */
nav.db-nav{background:var(--navy);position:sticky;top:72px;z-index:999}
.nav-r{max-width:var(--max);margin:0 auto;padding-inline:var(--gut);display:flex;align-items:stretch}
.ni{position:relative;padding:0 16px;height:46px;display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:all .15s}
.ni:hover,.ni.act{color:#fff;border-bottom-color:var(--saffron);background:rgba(255,255,255,.06)}
.ni-all{background:var(--saffron);color:#fff!important;border-radius:4px;margin-right:6px;border-bottom:none!important}
.ni-all:hover{background:var(--saffron-d)!important}
.ni-offers{margin-left:auto;color:var(--gold)!important}
.mm{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 12px 36px rgba(0,0,0,.16);padding:24px 26px;min-width:480px;border-top:3px solid var(--saffron);z-index:1100;gap:26px}
.ni:hover .mm{display:flex}
.mc{min-width:150px}
.mc-ttl{font-size:11px;font-weight:700;color:var(--saffron);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--g200)}
.ml{display:block;font-size:13px;color:var(--g800);padding:5px 0;transition:color .12s}
.ml:hover{color:var(--saffron)}
.mc-ct{font-size:11px;color:var(--g400);margin-left:4px}

/* hero */
.hero{background:var(--navy);position:relative;overflow:hidden}
.hero-r{max-width:var(--max);margin:0 auto;padding:48px var(--gut);display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:center}
.hero-c{position:relative;z-index:2;min-width:0}
.h-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,107,0,.18);color:#FFB07A;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:6px 13px;border-radius:4px;margin-bottom:16px}
.ldot{width:6px;height:6px;background:var(--saffron);border-radius:50%;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}
.hero h1{font-family:'Baloo 2',sans-serif;font-size:clamp(26px,3.4vw,36px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:10px}
.hero h1 em{color:var(--saffron);font-style:normal}
.hero-sub{font-size:15px;color:rgba(255,255,255,.68);margin-bottom:24px;max-width:36em}
.h-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.h-stats{display:flex;gap:14px 28px;margin-top:28px;flex-wrap:wrap}
.h-stat{color:rgba(255,255,255,.72);font-size:13px}
.h-stat strong{display:block;font-size:22px;color:#fff;font-family:'Baloo 2',sans-serif;font-weight:700;line-height:1.1}
.hero-v{display:flex;align-items:flex-end;justify-content:center;min-width:0;max-width:100%;overflow:hidden}
.hbooks{display:flex;align-items:flex-end;gap:10px;transform:perspective(800px) rotateY(-12deg)}
.hb{border-radius:4px 8px 8px 4px;box-shadow:6px 8px 26px rgba(0,0,0,.5);overflow:hidden;flex-shrink:0;transition:transform .2s;background:#0d1f42}
.hb:hover{transform:translateY(-8px) scale(1.03)}
.hb img{width:100%;height:100%;object-fit:cover}
.hbg{position:absolute;inset:0;background:radial-gradient(circle at 12% 50%,rgba(44,74,138,.55),transparent 55%),radial-gradient(circle at 88% 18%,rgba(255,107,0,.08),transparent 50%);pointer-events:none}

/* buttons */
.btn-p,.btn-g,.btn-wa{display:inline-flex;align-items:center;gap:7px;padding:13px 26px;border-radius:50px;font-size:14px;font-weight:700;font-family:'Mukta',sans-serif;border:none;cursor:pointer;transition:transform .12s,background .15s;text-decoration:none;line-height:1}
.btn-p{background:var(--saffron);color:#fff}
.btn-p:hover{background:var(--saffron-d);transform:translateY(-1px);color:#fff}
.btn-g{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);font-weight:600}
.btn-g:hover{background:rgba(255,255,255,.12);color:#fff}
.btn-wa{background:var(--whatsapp);color:#fff}
.btn-wa:hover{background:#1eb858;transform:translateY(-1px);color:#fff}

/* section heading */
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sh h2{font-family:'Baloo 2',sans-serif;font-size:clamp(20px,2.4vw,25px);font-weight:700;color:var(--navy);line-height:1.2}
.sh h2 .a{color:var(--saffron)}
.sh a{font-size:13px;color:var(--saffron);font-weight:600;white-space:nowrap}

/* exam tiles */
.tg{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.tile{background:#fff;border-radius:12px;padding:22px 12px;text-align:center;border:1.5px solid var(--g200);transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none}
.tile:hover{border-color:var(--saffron);box-shadow:0 6px 18px rgba(0,0,0,.10);transform:translateY(-3px)}
.t-ico{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px}
.t-name{font-size:13px;font-weight:700;color:var(--navy);line-height:1.3}
.t-sub{font-size:11px;color:var(--g600)}

/* popular pills */
.pills{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.pills::-webkit-scrollbar{display:none}
.pill{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;background:#fff;border:1.5px solid var(--g200);border-radius:50px;white-space:nowrap;font-size:13px;font-weight:600;color:var(--g800);transition:all .15s;flex-shrink:0}
.pill:hover{border-color:var(--saffron);color:var(--saffron);background:var(--saffron-l)}
.pill.hot{border-color:#E8A08A;color:#C33}
.pdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

/* book grid + cards (clean, no blur halo, no fake rating) */
.bg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}
.bc{position:relative;background:#fff;border-radius:14px;border:1px solid var(--g200);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s}
.bc:hover{box-shadow:0 14px 30px rgba(26,47,90,.13);transform:translateY(-4px);border-color:#dde1e6}
.bc-cover{display:block}
.bi{position:relative;aspect-ratio:3/4;background:var(--g100);border-bottom:1px solid var(--g200);display:flex;align-items:center;justify-content:center;padding:14px}
.bi img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:3px;box-shadow:0 3px 10px rgba(0,0,0,.14)}
/* placeholder cover for products with no image */
.bcp{width:100%;height:100%;display:flex;flex-direction:column;padding:20px 16px;background:linear-gradient(155deg,#22407a,#0d1f42);border-radius:4px;position:relative;overflow:hidden}
.bl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#7FA8E0;margin-bottom:6px}
.be{font-weight:800;line-height:1.2;font-family:'Baloo 2',sans-serif;font-size:17px;color:#fff}
.bb{font-size:9px;font-weight:700;letter-spacing:.7px;margin-top:auto;color:rgba(255,255,255,.4)}
.bbar{position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#FF6B00,#FFB07A)}
/* NEW / OOS ribbon (sale % ribbon removed — the strikethrough MRP already communicates the discount) */
.bt{position:absolute;top:0;left:0;font-size:11px;font-weight:700;padding:5px 13px;letter-spacing:.4px;border-bottom-right-radius:12px;z-index:2}
.tn{background:var(--green);color:#fff}
.tos{background:var(--red);color:#fff}
.bc-oos .bi img,.bc-oos .bcp{filter:grayscale(.55) opacity(.6)}
.bc-oos .btit{color:var(--g600)}
/* wishlist heart */
.wl{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid var(--g200);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;color:var(--g600);z-index:3;transition:color .15s,transform .15s}
.wl:hover{color:var(--red);transform:scale(1.1)}
/* info block — 4 calm elements: tag → title → price → button */
.binfo{padding:16px;flex:1;display:flex;flex-direction:column;gap:9px}
.et{display:inline-block;align-self:flex-start;font-size:10px;font-weight:700;padding:4px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px;background:#EEF3FF;color:var(--blue)}
.btit{font-size:14px;font-weight:600;color:var(--navy);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.btit:hover{color:var(--saffron)}
.bpr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:2px}
.pn{font-size:22px;font-weight:800;color:var(--navy);font-family:'Baloo 2',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-0.01em}
.pw{font-size:16px;color:var(--g600);text-decoration:line-through;font-family:'Mukta',sans-serif;font-weight:500}
.acb{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--saffron);color:#fff;border:none;border-radius:9px;padding:12px 0;font-size:13.5px;font-weight:700;font-family:'Mukta',sans-serif;transition:background .15s;text-decoration:none}
.acb:hover{background:var(--saffron-d);color:#fff}
.acb-ico{font-size:14px}
.acb-oos{background:var(--g200);color:var(--g600);cursor:not-allowed;pointer-events:none}
.acb-oos:hover{background:var(--g200);color:var(--g600)}

/* promo banners */
.bans{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.promo{border-radius:16px;padding:28px 30px;overflow:hidden;min-height:130px;display:flex;flex-direction:column;justify-content:center;transition:transform .15s;text-decoration:none}
.promo:hover{transform:scale(1.01)}
.promo h3{font-family:'Baloo 2',sans-serif;font-size:21px;font-weight:700;margin-bottom:5px}
.promo p{font-size:13.5px;opacity:.85}
.pcta{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;margin-top:12px}

/* subjects */
.sg{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sj{background:#fff;border:1.5px solid var(--g200);border-radius:12px;padding:18px 12px;text-align:center;transition:all .15s}
.sj:hover{border-color:var(--saffron);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}
.sico{font-size:26px;margin-bottom:8px}
.sn{font-size:12.5px;font-weight:600;color:var(--g800)}
.sc{font-size:11px;color:var(--g400);margin-top:2px}

/* free resources */
.freeres{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fr-card{background:#fff;border:1.5px solid var(--g200);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.fr-card h3{font-family:'Baloo 2',sans-serif;font-size:17px;color:var(--navy)}
.fr-card p{font-size:13.5px;color:var(--g600)}
.fr-card form{display:flex;gap:8px;margin-top:auto}
.fr-card input[type=tel]{flex:1;min-width:0;height:42px;border:1.5px solid var(--g200);border-radius:8px;padding:0 14px;font:14px 'Mukta',sans-serif;outline:none}
.fr-card input[type=tel]:focus{border-color:var(--saffron)}
.fr-note{font-size:11px;color:var(--g400)}

/* testimonials */
.tests{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tcard{background:#fff;border:1.5px solid var(--g200);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}
.tcard-q{font-size:14px;color:var(--g800);line-height:1.65}
.tcard-q::before{content:"\201C";font-family:'Baloo 2';font-size:32px;color:var(--saffron);line-height:0;vertical-align:-9px;margin-right:3px}
.tcard-w{display:flex;align-items:center;gap:12px;margin-top:auto}
.tcard-ph{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Baloo 2';font-weight:700;flex-shrink:0}
.tcard-n{font-weight:700;font-size:13.5px;color:var(--navy)}
.tcard-r{font-size:11.5px;color:var(--g600)}

/* distributor band */
.distrib{background:var(--navy)}
.distrib-r{max-width:var(--max);margin:0 auto;padding:48px var(--gut);display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.distrib h2{font-family:'Baloo 2',sans-serif;font-size:clamp(20px,2.6vw,26px);color:#fff;margin-bottom:8px;line-height:1.25}
.distrib-sub{font-size:14.5px;color:rgba(255,255,255,.72);margin-bottom:18px}
.distrib-sub em{color:#FFB07A;font-style:normal;font-weight:600}
.distrib-cta{display:flex;gap:12px;flex-wrap:wrap}
.distrib-cities{font-size:13px;color:rgba(255,255,255,.72);line-height:1.8}
.distrib-cities strong{display:block;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}

/* trust bar */
.trust{background:var(--navy)}
.tr{max-width:var(--max);margin:0 auto;padding:28px var(--gut);display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.ti{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9)}
.tic{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.ti strong{display:block;font-size:14px;color:#fff}
.ti span{font-size:12px;color:rgba(255,255,255,.62)}

/* footer */
footer.db-footer{background:#262624;color:rgba(255,255,255,.72)}
.f{max-width:var(--max);margin:0 auto;padding:44px var(--gut) 22px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:36px;margin-bottom:28px}
.fbrand{display:inline-flex;align-items:center;background:#fff;padding:8px 14px;border-radius:8px;line-height:0}
.fbrand img{height:38px;width:auto;display:block}
.fp{font-size:13px;margin-top:10px;line-height:1.7}
.srow{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.sb{background:rgba(255,255,255,.1);padding:7px 12px;border-radius:6px;font-size:12px;color:#fff;display:inline-flex;align-items:center;gap:6px;line-height:1;transition:background .12s}
.sb:hover{background:rgba(255,255,255,.18)}
.sb.wa{background:var(--whatsapp)}
.sb.wa:hover{background:#1fbb59}
.sb.tg{background:var(--telegram)}
.sb.tg:hover{background:#1e8bc0}
.sb.fb{background:#1877F2}
.sb.fb:hover{background:#0f5fce}
.sb.ig{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
.sb.ig:hover{filter:brightness(1.08)}
.sb svg{display:block;flex-shrink:0}
.fc h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:12px}
.fc a{display:block;font-size:13px;padding:4px 0;color:rgba(255,255,255,.62);transition:color .12s}
.fc a:hover{color:var(--saffron)}
.ci{display:flex;align-items:flex-start;gap:8px;font-size:13px;margin-bottom:8px}
.fbot{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}

/* pagination (archive, search) */
.db-pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:32px}
.db-pager__i .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1.5px solid var(--g200);border-radius:8px;background:#fff;color:var(--navy);font:600 13px 'Mukta',sans-serif;text-decoration:none}
.db-pager__i .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.db-pager__i .page-numbers:hover:not(.current){border-color:var(--saffron);color:var(--saffron)}
.db-pager__i .dots{border-color:transparent}

/* sticky WA float */
.wa-float{position:fixed;bottom:22px;right:22px;width:56px;height:56px;border-radius:50%;background:var(--whatsapp);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.28);z-index:900}
.wa-float svg{width:30px;height:30px}
.wa-float:hover{transform:scale(1.07)}

/* PDP */
.pdp-wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.crumbs{font-size:12.5px;color:var(--g600);padding:16px 0}
.crumbs a:hover{color:var(--saffron)}
.crumbs .cur{color:var(--navy);font-weight:600}
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding-bottom:8px}
.pdp-gal{max-width:460px;width:100%;display:flex;flex-direction:column;gap:10px}
.pdp-gal-main{background:#fff;border:1px solid var(--g200);border-radius:14px;overflow:hidden;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative}
.pdp-gal-main img{width:100%;height:100%;object-fit:contain}
.pdp-gal-oos{position:absolute;top:0;left:0;background:var(--red);color:#fff;font-size:13px;font-weight:800;padding:8px 18px;letter-spacing:.5px;border-bottom-right-radius:14px;z-index:3}
.pdp-gal-main:has(.pdp-gal-oos) img{filter:grayscale(.5) opacity(.65)}
.pdp-gal-thumbs{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:0}
.pdp-gal-thumb{position:relative;background:#fff;border:1.5px solid var(--g200);border-radius:8px;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:border-color .15s,transform .1s;display:flex;flex-direction:column}
.pdp-gal-thumb.active{border-color:var(--saffron);box-shadow:0 0 0 2px var(--saffron-l)}
.pdp-gal-thumb.has:hover{border-color:var(--saffron)}
.pdp-gal-thumb.empty{cursor:default;background:linear-gradient(135deg,#F8F8F6 0%,#EFEFED 100%);border-style:dashed}
.pdp-gal-thumb.empty:hover{border-color:var(--g400)}
.pdp-gal-thumb img{width:100%;height:100%;object-fit:contain;flex:1;min-height:0}
.pdp-gal-ph{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--g400);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.pdp-gal-ph-ico{font-size:18px;opacity:.5}
.pdp-gal-lbl{position:absolute;bottom:0;left:0;right:0;background:rgba(26,47,90,.85);color:#fff;font-size:9.5px;font-weight:600;text-align:center;padding:3px 2px;letter-spacing:.3px;text-transform:uppercase}
.pdp-gal-thumb.empty .pdp-gal-lbl{background:rgba(115,114,112,.6)}
.pdp-gal-thumb.pdf{border-style:solid;border-color:var(--saffron);background:var(--saffron-l)}
.pdp-gal-thumb.pdf:hover{background:#fff}
.pdp-gal-thumb.pdf .pdp-gal-pdf-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}
.pdp-gal-ph--pdf{color:var(--saffron-d)!important;font-size:11px!important}
.pdp-gal-ph--pdf .pdp-gal-ph-ico{font-size:22px!important;opacity:1!important}
.pdp-ed{display:inline-block;background:var(--saffron-l);color:var(--saffron-d);font-size:11px;font-weight:700;padding:5px 11px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.pdp h1{font-family:'Baloo 2',sans-serif;font-size:clamp(22px,2.6vw,28px);font-weight:700;color:var(--navy);line-height:1.25;margin-bottom:8px}
.pdp-author{color:var(--g600);font-size:14px;margin-bottom:14px}
.pdp-author strong{color:var(--g800)}
.pdp-price{display:flex;align-items:baseline;gap:14px;margin-bottom:10px;flex-wrap:wrap}
.pdp-price .pn{font-size:34px;font-family:'Baloo 2';font-weight:800}
.pdp-price .pw{font-size:22px;color:var(--g600);font-weight:500;text-decoration:line-through;font-family:'Mukta',sans-serif}
.pdp-badges{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.pdp-badge{font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:50px;display:inline-flex;align-items:center;gap:4px}
.pdp-badge.stock{background:var(--green-l);color:var(--green)}
.pdp-badge.ship{background:var(--saffron-l);color:var(--saffron-d)}
.pdp-badge.lang{background:#EEF3FF;color:var(--blue)}
.pdp-badge.oos{background:#FFE5E5;color:var(--red)}
.pdp-meta{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:13.5px;border-block:1px solid var(--g200);padding:16px 0;margin:16px 0}
.pdp-meta dt{color:var(--g600)}
.pdp-meta dd{color:var(--navy);font-weight:600}
.pdp-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin-top:10px}
.pdp-qty{width:78px;border:1.5px solid var(--g200);border-radius:8px;text-align:center;font:600 15px 'Mukta',sans-serif}
.pdp-cta .btn-p,.pdp-cta .btn-wa{flex:1;justify-content:center;min-width:160px}
.btn-p--disabled{background:var(--g200)!important;color:var(--g600)!important;cursor:not-allowed;pointer-events:none;transform:none!important}
.pdp-sample{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;margin-top:12px;padding:14px 20px;background:#fff;border:2px dashed var(--saffron);border-radius:10px;color:var(--navy);font-family:'Mukta',sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.pdp-sample strong{font-size:15px;font-weight:700;letter-spacing:.01em}
.pdp-sample span{font-size:12px;color:var(--g600);font-weight:500}
.pdp-sample:hover{background:var(--saffron-l);border-color:var(--saffron-d);border-style:solid}
.pdp-ship{font-size:12.5px;color:var(--g600);margin-top:14px;line-height:1.8}
.pdp-ship strong{color:var(--navy)}
.pdp-tabs{margin-top:40px}
.tabnav{display:flex;gap:6px;border-bottom:2px solid var(--g200);overflow-x:auto;scrollbar-width:none}
.tabnav::-webkit-scrollbar{display:none}
.tabnav button{background:none;border:none;font:600 13.5px 'Mukta',sans-serif;padding:12px 18px;color:var(--g600);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;margin-bottom:-2px}
.tabnav button[aria-selected="true"]{color:var(--saffron);border-bottom-color:var(--saffron)}
.tabpanel{display:none;padding:22px 0;font-size:14px;line-height:1.75}
.tabpanel.on{display:block}
.toc{list-style:none}
.toc li{padding:11px 0;border-bottom:1px solid var(--g200);font-size:13.5px}
.toc li span{color:var(--saffron);font-weight:700;margin-right:10px;font-variant-numeric:tabular-nums}

/* exam-hub */
.hub-fact{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px 16px}
.hub-fact .l{font-size:10.5px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.05em}
.hub-fact .v{font-family:'Baloo 2';font-weight:700;font-size:17px;color:#fff}
.hub-body{max-width:760px;margin:0 auto}
.hub-body h3{font-family:'Baloo 2';color:var(--navy);margin:20px 0 8px}
.hub-body ul{margin:0 0 14px 22px}
.hub-body li{margin:5px 0}
.hub-body p{margin:0 0 12px}

/* WooCommerce fallback skin (shop, cart, checkout when non-custom) */
.woocommerce-notices-wrapper{max-width:var(--max);margin:14px auto 0;padding-inline:var(--gut)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:8px;font-family:'Mukta',sans-serif}
.wc-page{max-width:var(--max);margin:0 auto;padding:32px var(--gut) 56px}
.wc-page h1{font-family:'Baloo 2';color:var(--navy);font-size:26px;margin-bottom:6px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:22px!important;margin:0!important;list-style:none!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border:1px solid var(--g200);border-radius:12px;overflow:hidden;padding:0!important}
.woocommerce ul.products li.product a img{margin:0;border-radius:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13.5px;padding:0 14px;color:var(--navy)}
.woocommerce ul.products li.product .price{padding:0 14px 6px;color:var(--navy);font-weight:700}
.woocommerce ul.products li.product .button{margin:0 14px 14px;background:var(--saffron);color:#fff;border-radius:8px;display:block;text-align:center}
.woocommerce ul.products li.product .button:hover{background:var(--saffron-d)}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:18px}

/* distributors page */
.distrib-page{padding-block:12px 60px}
.dp-hero{background:linear-gradient(155deg,#1A2F5A,#22407a);color:#fff;border-radius:16px;padding:36px 32px;margin:24px 0 28px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}
.dp-hero__eyebrow{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:1px;text-transform:uppercase}
.dp-hero h1{font-family:'Baloo 2',sans-serif;font-size:clamp(24px,3.2vw,32px);font-weight:800;margin:8px 0 10px;color:#fff;line-height:1.15}
.dp-hero__sub{color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.6;margin:0 0 20px;max-width:520px}
.dp-hero__cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dp-hero__cta .btn-p{background:var(--whatsapp);color:#fff;display:inline-flex;align-items:center;gap:8px}
.dp-hero__cta .btn-p:hover{background:#1fbb59}
.dp-hero__count{font-size:13px;color:rgba(255,255,255,.72)}
.dp-hero__perks{display:flex;flex-direction:column;gap:14px}
.dp-perk{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;display:flex;gap:12px;align-items:center}
.dp-perk__ico{width:38px;height:38px;background:rgba(255,255,255,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.dp-perk strong{display:block;font-size:14px;color:#fff;margin-bottom:2px}
.dp-perk span{font-size:12.5px;color:rgba(255,255,255,.65)}

.dp-empty{background:#fff;border:1px dashed var(--g400);border-radius:14px;padding:52px 32px;text-align:center;max-width:640px;margin:0 auto}
.dp-empty__ico{font-size:56px;line-height:1;margin-bottom:12px;opacity:.5}
.dp-empty h2{font-family:'Baloo 2',sans-serif;color:var(--navy);font-size:22px;font-weight:800;margin:0 0 10px}
.dp-empty p{color:var(--g600);font-size:14px;line-height:1.65;margin:0 0 22px;max-width:480px;margin-inline:auto}
.dp-empty .btn-p{background:var(--whatsapp);color:#fff;display:inline-flex;align-items:center;gap:8px}
.dp-empty .btn-p:hover{background:#1fbb59}
.dp-empty__addr{margin-top:22px;font-size:12.5px;color:var(--g600);border-top:1px solid var(--g200);padding-top:18px}
.dp-empty__addr strong{color:var(--g800)}

.dp-city{margin-top:32px}
.dp-city__t{font-family:'Baloo 2',sans-serif;font-size:20px;font-weight:800;color:var(--navy);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.dp-city__n{font-size:11px;font-weight:700;color:var(--g600);background:var(--g200);padding:3px 9px;border-radius:50px}
.dp-city__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.dp-card{background:#fff;border:1px solid var(--g200);border-radius:10px;padding:16px}
.dp-card__n{font-family:'Baloo 2',sans-serif;font-size:15px;font-weight:700;color:var(--navy);margin:0 0 3px}
.dp-card__cp{font-size:13px;color:var(--g600);margin:0 0 8px}
.dp-card__addr{font-size:12.5px;color:var(--g800);line-height:1.5;margin:0 0 10px}
.dp-card__acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.dp-card__link{font-size:12px;padding:5px 10px;background:var(--g100);border:1px solid var(--g200);border-radius:6px;color:var(--g800);display:inline-flex;align-items:center;gap:5px;transition:all .12s}
.dp-card__link:hover{background:var(--saffron-l);border-color:var(--saffron);color:var(--saffron-d)}
.dp-card__link.wa{background:var(--whatsapp);border-color:var(--whatsapp);color:#fff}
.dp-card__link.wa:hover{background:#1fbb59;color:#fff}

/* contact page */
.contact-page{padding-block:12px 60px}
.cp-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:36px;margin-top:24px}
.cp-info h1{font-family:'Baloo 2',sans-serif;font-size:clamp(24px,3vw,30px);font-weight:800;color:var(--navy);margin:0 0 8px}
.cp-lead{color:var(--g600);font-size:14.5px;margin:0 0 22px;line-height:1.55}
.cp-wa{background:var(--whatsapp)!important;color:#fff!important;display:inline-flex!important;align-items:center;gap:8px;font-size:15px;padding:14px 22px}
.cp-wa:hover{background:#1fbb59!important}
.cp-wa-sub{font-size:12px;color:var(--g600);margin:8px 0 24px}
.cp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.cp-list li{display:flex;gap:14px;align-items:flex-start}
.cp-list__ico{width:40px;height:40px;background:var(--saffron-l);color:var(--saffron-d);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.cp-list li strong{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--g600);margin-bottom:3px}
.cp-list li span,.cp-list li a{font-size:14px;color:var(--g800);line-height:1.5}
.cp-list li a{color:var(--navy);font-weight:600}
.cp-list li a:hover{color:var(--saffron)}

.cp-form{background:#fff;border:1px solid var(--g200);border-radius:14px;padding:28px 26px}
.cp-form h2{font-family:'Baloo 2',sans-serif;font-size:20px;font-weight:800;color:var(--navy);margin:0 0 6px}
.cp-form__sub{color:var(--g600);font-size:13px;margin:0 0 20px}
.cp-form form{display:flex;flex-direction:column;gap:14px}
.cp-form label{display:flex;flex-direction:column;gap:6px}
.cp-form label>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--g800)}
.cp-form input[type=text],.cp-form input[type=tel],.cp-form textarea{width:100%;border:1.5px solid var(--g200);border-radius:8px;background:var(--g100);padding:11px 14px;font-size:14px;font-family:inherit;outline:none;color:var(--g800)}
.cp-form input:focus,.cp-form textarea:focus{border-color:var(--saffron);background:#fff}
.cp-form textarea{resize:vertical;min-height:110px}
.cp-phone{display:flex;align-items:stretch;border:1.5px solid var(--g200);border-radius:8px;overflow:hidden;background:var(--g100)}
.cp-phone:focus-within{border-color:var(--saffron);background:#fff}
.cp-phone__cc{padding:11px 13px;background:var(--g200);font-weight:700;color:var(--g800);font-size:14px}
.cp-phone input{border:0!important;background:transparent!important;border-radius:0!important;padding:11px 12px!important}
.cp-submit{background:var(--saffron)!important;color:#fff!important;border:0;border-radius:50px;padding:12px 24px;font-weight:700;cursor:pointer;font-family:inherit;align-self:flex-start;transition:background .12s}
.cp-submit:hover{background:var(--saffron-d)!important}
.cp-msg{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.55}
.cp-msg--ok{background:var(--green-l);color:var(--green);border-left:3px solid var(--green)}
.cp-msg--err{background:#FFE5E5;color:var(--red);border-left:3px solid var(--red)}

@media(max-width:768px){
  .dp-hero{grid-template-columns:1fr;padding:26px 22px;gap:20px}
  .dp-hero__perks{flex-direction:row;flex-wrap:wrap}
  .dp-perk{flex:1 1 260px}
  .cp-grid{grid-template-columns:1fr;gap:22px}
  .cp-info h1{font-size:24px}
  .cp-form{padding:22px 18px}
}

/* shop popular-exam pill strip */
.shop-pills-wrap{margin-top:22px}
.shop-pills{background:#fff;border:1px solid var(--g200);border-radius:12px;padding:14px 18px}
.shop-pills-lead{font-size:12px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.6px;display:inline-block;margin-bottom:10px}
.shop-pills-lead::first-letter{margin-right:2px}
.shop-pills ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.shop-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:7px 14px;border:1.5px solid var(--g200);border-radius:50px;color:var(--g800);background:var(--g100);white-space:nowrap;transition:all .15s;text-decoration:none}
.shop-pill:hover{border-color:var(--saffron);color:var(--saffron-d);background:var(--saffron-l)}
.shop-pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.shop-pill.active .shop-pill-n{background:rgba(255,255,255,.18);color:#fff}
.shop-pill.hot{border-color:var(--red);color:var(--red);background:#FFE5E5}
.shop-pill.hot .shop-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:shop-pill-pulse 1.6s ease-in-out infinite}
@keyframes shop-pill-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.shop-pill.hot:hover{background:#fff;color:var(--red);border-color:var(--red)}
.shop-pill.hot.active{background:var(--red);color:#fff}
.shop-pill.hot.active .shop-pill-dot{background:#fff}
.shop-pill-n{background:var(--g200);color:var(--g600);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:50px;line-height:1}
.shop-pill.hot .shop-pill-n{background:#fff;color:var(--red)}
@media(max-width:768px){
  .shop-pills{padding:12px 0 12px 14px;border-radius:10px}
  .shop-pills-lead{padding-inline:0 14px;display:block}
  .shop-pills ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:14px;padding-bottom:2px}
  .shop-pills ul::-webkit-scrollbar{display:none}
  .shop-pill{flex-shrink:0}
}

/* homepage free-resources compact strip (full cards live on /free/) */
.freeres-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.freeres-item{background:#fff;border:1px solid var(--g200);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .12s}
.freeres-item:hover{border-color:var(--saffron);transform:translateY(-2px)}
.freeres-link{display:flex;gap:12px;padding:12px;text-decoration:none;color:inherit;align-items:center;min-height:88px}
.freeres-thumb{flex-shrink:0;width:54px;height:54px;border-radius:8px;background:linear-gradient(135deg,#22407a,#0d1f42);display:flex;align-items:center;justify-content:center;overflow:hidden}
.freeres-thumb img{width:100%;height:100%;object-fit:cover}
.freeres-ico{font-size:26px;color:#fff;opacity:.85}
.freeres-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.freeres-kind{font-size:10px;font-weight:700;color:var(--saffron-d);text-transform:uppercase;letter-spacing:.5px}
.freeres-title{font-family:'Baloo 2',sans-serif;font-size:14px;font-weight:600;color:var(--navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.freeres-meta{display:flex;align-items:center;gap:8px;margin-top:2px}
.freeres-free{font-size:9.5px;font-weight:700;color:#fff;background:var(--green);padding:2px 7px;border-radius:50px;letter-spacing:.5px}
.freeres-dl{font-size:11px;color:var(--g600)}
.freeres-empty{color:var(--g600);font-size:13.5px;text-align:center;padding:20px}
.freeres-empty a{color:var(--saffron);font-weight:600}

/* responsive */
@media(max-width:1024px){
  :root{--sec-pad:44px}
  .tg,.sg{grid-template-columns:repeat(4,1fr)}
  .hero-r{grid-template-columns:minmax(0,1fr);gap:28px}
  .hero-v{display:none}
  .fg{grid-template-columns:1fr 1fr}
  .distrib-r{grid-template-columns:1fr}
  .freeres,.tests{grid-template-columns:1fr 1fr}
  .tr{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  :root{--gut:16px;--sec-pad:38px}
  .ann{padding:6px 0;font-size:12px}
  .ann-row{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 var(--gut);gap:22px}
  .ann-row::-webkit-scrollbar{display:none}
  .logo .logo-svg{height:34px!important;max-width:130px!important}
  .hdr{flex-wrap:wrap;min-height:0;padding:10px var(--gut);gap:10px}
  .hdr-acts{gap:8px}
  .srch{order:3;flex-basis:100%;max-width:none;margin-top:6px}
  .srch input{height:42px;font-size:13px}
  .nav-toggle{display:block;margin-left:0}
  .login-btn{display:none}
  .lang-btn{display:none}
  .wa-btn{width:36px;height:36px;font-size:16px}
  .cart-btn{padding:8px 14px 8px 12px;font-size:12px}
  body.woocommerce-cart .wa-float,
  body.woocommerce-checkout .wa-float{display:none!important}
  nav.db-nav{position:static}
  .nav-r{display:none;flex-direction:column;align-items:stretch;padding:0}
  body.nav-open .nav-r{display:flex}
  .ni{height:auto;padding:13px var(--gut);border-bottom:1px solid rgba(255,255,255,.1)}
  .ni-all{margin:0;border-radius:0}
  .ni-offers{margin-left:0}
  .mm{position:static;display:none!important;min-width:0;box-shadow:none;border:none;padding:0 var(--gut) 12px;flex-direction:column;background:rgba(255,255,255,.04);border-radius:0}
  .bans{grid-template-columns:1fr}
  .tg,.sg{grid-template-columns:repeat(3,1fr)}
  .freeres,.tests{grid-template-columns:1fr}
  .freeres-strip{grid-template-columns:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}
  .freeres-strip::-webkit-scrollbar{display:none}
  .freeres-item{flex:0 0 78%;scroll-snap-align:start}
  .tr{grid-template-columns:repeat(2,1fr)}
  .fg{grid-template-columns:1fr 1fr}
  .pdp{grid-template-columns:1fr;gap:24px}
  .pdp-gal{max-width:340px;margin:0 auto}
}
@media(max-width:480px){
  .bg{grid-template-columns:repeat(2,1fr);gap:12px}
  .tg,.sg{grid-template-columns:repeat(2,1fr)}
  .tr{grid-template-columns:1fr 1fr}
  .fg{grid-template-columns:1fr}
  .ann-row{font-size:12px;gap:8px 16px}
  .binfo{padding:11px;gap:5px}
  .btit{font-size:12.5px}
  .hbooks{transform:perspective(800px) rotateY(-6deg) scale(.7)}
  .h-stats{gap:12px 20px}
}
