/* ============================================================
   PrinterWorld India — printer specialist store
   Navy/cobalt/cyan/orange, Plus Jakarta Sans + Source Sans 3.
   ============================================================ */
:root{
  --navy:#0B1B3B; --navy-2:#13284f; --cobalt:#0878DA; --cyan:#17B6EE;
  --orange:#FF6A00; --green:#18A66A; --white:#fff; --mist:#F3F8FC;
  --ink:#0f1a30; --text:#28344d; --muted:#6b7891; --line:#dfe7f0; --line-2:#cdd8e6;
  --r:12px; --r-lg:18px;
  --head:"Plus Jakarta Sans",sans-serif; --body:"Source Sans 3",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--body);background:var(--mist);color:var(--text);line-height:1.55;font-size:16.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.modal-open,body.drawer-open{overflow:hidden}
img,svg{max-width:100%;display:block} a{color:inherit;text-decoration:none} ul{list-style:none} button{font-family:inherit;cursor:pointer}
::selection{background:var(--cobalt);color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;z-index:300;background:var(--navy);color:#fff;padding:10px 16px}.skip-link:focus{left:0}
.container{width:min(1320px,calc(100% - 48px));margin-inline:auto}.center{text-align:center;margin-inline:auto}
h1,h2,h3,h4{font-family:var(--head);font-weight:800;line-height:1.1;letter-spacing:-.015em;color:var(--ink)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--head);font-weight:700;font-size:15px;padding:12px 22px;border-radius:var(--r);border:1.5px solid transparent;transition:.2s;white-space:nowrap}
.btn-lg{padding:15px 28px;font-size:16px}.btn-sm{padding:9px 15px;font-size:13.5px}
.btn-primary{background:var(--cobalt);color:#fff}.btn-primary:hover{background:#066bc4;transform:translateY(-1px);box-shadow:0 10px 22px rgba(8,120,218,.32)}
.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#e85f00;transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,106,0,.32)}
.btn-outline{background:#fff;color:var(--ink);border-color:var(--line-2)}.btn-outline:hover{border-color:var(--cobalt);color:var(--cobalt)}
.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:var(--cyan);color:var(--navy)}
.btn span{transition:transform .2s}.btn:hover span{transform:translateX(4px)}

.eyebrow{display:inline-block;font-family:var(--head);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);margin-bottom:12px}.eyebrow.center{display:block}.eyebrow.light{color:#bfe6f7}
.section{padding:clamp(52px,7vh,76px) 0}.section-head{max-width:660px;margin-bottom:34px}.section-head.center{margin-inline:auto}
h2{font-size:clamp(26px,3vw,38px)}.section-sub{color:var(--muted);font-size:17px;margin-top:10px}

/* header */
.site-header{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid var(--line)}
.header-top{display:flex;align-items:center;gap:20px;padding:14px 0}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:40px;height:40px;border-radius:10px;overflow:hidden}
.brand-text{font-family:var(--head);font-weight:800;font-size:21px;color:var(--navy);line-height:1}.brand-text b{color:var(--cobalt)}.brand-text i{font-style:normal;display:block;font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:700;margin-top:2px}
.big-search{flex:1;display:flex;gap:0;max-width:560px;border:2px solid var(--cobalt);border-radius:var(--r);overflow:hidden;min-width:0}
.big-search input{flex:1;border:none;outline:none;padding:11px 14px;font-family:var(--body);font-size:15px;min-width:0}
.big-search .btn{border-radius:0}
.header-utils{display:flex;align-items:center;gap:6px;flex-shrink:0}
.util{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;color:var(--text);font-size:11.5px;font-weight:600;border-radius:8px;transition:.2s;position:relative;background:none;border:none}
.util svg{color:var(--navy)}.util:hover{background:var(--mist);color:var(--cobalt)}.util:hover svg{color:var(--cobalt)}
.util.cart .cart-count{position:absolute;top:0;right:2px;background:var(--orange);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:none;place-items:center;padding:0 4px;font-style:normal}.util.cart .cart-count.show{display:grid}
.menu-toggle{display:none}
.primary-nav{border-top:1px solid var(--line);background:#fff}
.nav-row{display:flex;align-items:center;gap:22px;height:46px;flex-wrap:wrap}
.nav-row>a{font-family:var(--head);font-size:14px;font-weight:600;color:var(--text);transition:color .2s}.nav-row>a.is-active{color:var(--cobalt)}.nav-row>a:hover{color:var(--cobalt)}
.nav-quote{margin-left:auto}

/* hero */
.hero{background:linear-gradient(135deg,#eaf2fb,var(--mist) 55%,#e4f1f8);padding:clamp(40px,6vh,60px) 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.hero-copy h1{font-size:clamp(34px,4.6vw,56px);color:var(--navy)}.hero-copy h1 span{color:var(--cobalt)}
.hero-copy .subhead{font-family:var(--head);font-weight:600;font-size:20px;color:var(--cobalt);margin:8px 0 14px}
.hero-copy .lede{color:var(--text);max-width:50ch;margin-bottom:24px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.hero-trust{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--text);font-weight:600}.hero-trust span:first-child{color:var(--orange);font-weight:800}
.hero-visual{position:relative;display:grid;place-items:center;min-height:360px}
.hv-products{filter:drop-shadow(0 26px 30px rgba(11,27,59,.18))}
.hv-products [data-printer]{transform:scale(1.5)}
.hv-floats{position:absolute;top:0;right:-4px;display:flex;flex-direction:column;gap:8px}
.hv-floats li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--navy);box-shadow:0 8px 18px -10px rgba(11,27,59,.3)}

/* printer svg scale helper */
[data-printer]{display:inline-block}

/* brand strip */
.brand-strip{background:#fff;border-block:1px solid var(--line);padding:24px 0}
.brand-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}
.brand-carousel{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.brand-carousel::-webkit-scrollbar{display:none}
.brand-track{display:flex;gap:14px;width:max-content}
.brand-pill{flex-shrink:0;min-width:150px;height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-family:var(--head);font-weight:800;font-size:20px;color:#41526b;transition:.2s}.brand-pill:hover{border-color:var(--cobalt);color:var(--cobalt);box-shadow:0 6px 16px -8px rgba(8,120,218,.3)}

/* car nav */
.car-nav{display:flex;gap:8px}
.car-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s}.car-btn:hover{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.carousel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}

/* categories */
.cat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 10px;text-align:center;cursor:pointer;transition:.25s}.cat-card:hover{transform:translateY(-4px);background:var(--mist);border-color:var(--cyan)}
.cat-ico{width:48px;height:48px;margin:0 auto 10px;border-radius:12px;background:var(--mist);color:var(--cobalt);display:grid;place-items:center}.cat-card:hover .cat-ico{background:#dff1fb}.cat-ico svg{width:26px;height:26px}
.cat-card b{display:block;font-family:var(--head);font-size:13px;font-weight:700;color:var(--navy);line-height:1.25}

/* featured carousel */
.feat-carousel{overflow-x:auto;scrollbar-width:none;padding:4px calc((100% - min(1320px,calc(100% - 48px)))/2) 12px;-webkit-overflow-scrolling:touch}.feat-carousel::-webkit-scrollbar{display:none}
.feat-track{display:flex;gap:16px;width:max-content}
.fcard{scroll-snap-align:start;flex-shrink:0;width:268px;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.25s}.fcard:hover{transform:translateY(-5px);box-shadow:0 18px 36px -22px rgba(11,27,59,.3)}
.fc-media{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:#fff;padding:18px;border-bottom:1px solid var(--line)}.fc-media [data-printer]{transform:scale(1.15)}
.fc-badge{position:absolute;top:10px;left:10px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.04em}.fc-badge.new{background:var(--green)}
.fc-body{padding:13px;display:flex;flex-direction:column;gap:5px;flex:1}
.fc-brand{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.fc-name{font-family:var(--head);font-size:14px;font-weight:700;color:var(--navy);line-height:1.3;min-height:36px}
.fc-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.fc-price b{font-family:var(--head);font-size:18px;font-weight:800;color:var(--ink)}.fc-mrp{font-size:12px;color:var(--muted);text-decoration:line-through}.fc-off{font-size:11.5px;font-weight:700;color:var(--green)}
.fc-meta{font-size:11.5px;color:var(--muted)}.fc-meta .stars{color:var(--orange)}
.fc-actions{display:flex;gap:7px;margin-top:auto;padding-top:8px}.fc-actions .btn{flex:1;padding:9px 6px;font-size:12.5px}

/* featured grid */
.feat-grid-sec{background:#fff;border-block:1px solid var(--line)}
.fg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fg-card{background:var(--mist);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.25s}.fg-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -24px rgba(11,27,59,.3);background:#fff}
.fg-media{position:relative;aspect-ratio:4/3;display:grid;place-items:center;padding:22px}.fg-media [data-printer]{transform:scale(1.2)}
.fg-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.fg-name{font-family:var(--head);font-size:15.5px;font-weight:700;color:var(--navy);line-height:1.3}
.fg-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fg-price b{font-family:var(--head);font-size:22px;font-weight:800;color:var(--ink)}.fg-mrp{font-size:13px;color:var(--muted);text-decoration:line-through}.fg-off{font-size:12px;font-weight:700;color:var(--green);background:rgba(24,166,106,.12);padding:3px 8px;border-radius:999px}
.fg-emi{font-size:12.5px;color:var(--cobalt);font-weight:600}
.fg-actions{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.fg-wish{width:42px;height:42px;flex-shrink:0;border-radius:var(--r);background:#fff;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--muted)}.fg-wish svg{width:18px;height:18px}.fg-wish.is-active{color:var(--orange);border-color:var(--orange)}

/* deal */
.deal{padding:clamp(40px,6vh,60px) 0}
.deal-banner{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:linear-gradient(120deg,#ff7a14,#ff5500);border-radius:var(--r-lg);padding:30px;color:#fff;box-shadow:0 24px 50px -24px rgba(255,106,0,.5)}
.deal-prod{width:150px;height:150px;background:rgba(255,255,255,.16);border-radius:var(--r);display:grid;place-items:center}.deal-prod [data-printer]{transform:scale(1.5);filter:brightness(0) invert(1)}
.deal-tag{font-family:var(--head);font-weight:800;font-size:15px;letter-spacing:.04em;margin-bottom:6px}
.deal-info h3{color:#fff;font-size:clamp(18px,2vw,24px);margin-bottom:10px}
.deal-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.deal-mrp{font-size:16px;text-decoration:line-through;opacity:.85}.deal-price b{font-family:var(--head);font-size:38px;font-weight:800}.deal-save{background:#fff;color:var(--orange);font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px}
.deal-emi{font-size:13.5px;opacity:.9;margin-top:8px}
.deal-right{text-align:center}.deal-end{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.countdown{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
.countdown>div{background:rgba(0,0,0,.22);border-radius:10px;padding:8px 6px;min-width:56px}
.countdown b{display:block;font-family:var(--head);font-size:28px;font-weight:800;line-height:1}.countdown span{font-size:10px;letter-spacing:.08em;opacity:.85}

/* why */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why-card{background:var(--mist);border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:.25s}.why-card:hover{transform:translateY(-4px);border-color:var(--cyan);background:#fff}
.why-ico{width:42px;height:42px;border-radius:10px;background:#e7f1fb;color:var(--cobalt);display:grid;place-items:center;margin-bottom:12px}.why-ico svg{width:22px;height:22px}
.why-card b{display:block;font-family:var(--head);font-size:15.5px;font-weight:700;color:var(--navy);margin-bottom:4px}
.why-card p{font-size:14px;color:var(--muted)}

/* reviews */
.reviews{background:#e9f0f8;padding:clamp(52px,7vh,76px) 0}
.rev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rev-card{background:#fff;border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 20px -14px rgba(11,27,59,.3)}
.rev-top{display:flex;align-items:center;gap:11px}.rev-ava{width:42px;height:42px;border-radius:50%;background:var(--mist);object-fit:cover}
.rev-top b{display:block;font-size:14.5px;color:var(--navy)}.rev-top span{font-size:12px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:4px}
.rev-stars{color:var(--orange);letter-spacing:2px;font-size:13px}
.rev-text{font-size:14px;color:var(--text);line-height:1.6}

/* bulk */
.bulk{padding:clamp(40px,6vh,60px) 0}
.bulk-banner{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:linear-gradient(120deg,#17B6EE,#0878DA);border-radius:var(--r-lg);padding:clamp(30px,4vw,46px);color:#fff;overflow:hidden}
.bulk-copy h2{color:#fff;font-size:clamp(24px,3vw,36px)}.bulk-copy p{color:rgba(255,255,255,.9);font-size:16.5px;margin:14px 0 22px;max-width:46ch}
.bulk-art svg{width:100%;height:auto}

/* business */
.biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.biz-card{border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:4/3;background:linear-gradient(150deg,#1a2c52,#0b1b3b)}
.biz-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.biz-card:hover img{transform:scale(1.06)}
.biz-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,27,59,.85))}
.biz-label{position:absolute;left:14px;bottom:12px;right:14px;z-index:2;color:#fff;font-family:var(--head);font-weight:700;font-size:16px}

/* corp */
.corp{padding-bottom:clamp(52px,7vh,76px)}
.corp-banner{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:var(--r-lg);overflow:hidden;background:var(--navy);min-height:300px}
.corp-banner>img{width:100%;height:100%;object-fit:cover;min-height:300px}
.corp-copy{background:linear-gradient(120deg,var(--navy),var(--navy-2));padding:clamp(30px,4vw,46px);color:#fff;display:flex;flex-direction:column;justify-content:center}
.corp-copy h2{color:#fff;font-size:clamp(24px,3vw,34px)}.corp-copy p{color:rgba(255,255,255,.85);font-size:16.5px;margin:14px 0 22px;max-width:42ch}

/* footer */
.site-footer{background:var(--navy);color:#fff;padding:60px 0 26px}
.footer-cols{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:30px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
.fc-brand .brand-text{color:#fff}.fc-brand .brand-text b{color:var(--cyan)}.fc-brand p{color:rgba(255,255,255,.7);font-size:14px;margin-top:14px;max-width:32ch}
.footer-col h4{font-family:var(--head);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:12px}
.footer-col a{display:block;color:rgba(255,255,255,.85);font-size:14px;padding:5px 0;transition:.2s}.footer-col a:hover{color:var(--cyan)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.trust-marks{display:flex;gap:10px;flex-wrap:wrap}.trust-marks span{font-size:12.5px;font-weight:600;color:#cdd8e6}
.pays{display:flex;gap:8px}.pays span{font-size:11px;font-weight:700;letter-spacing:.04em;padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.12);color:#dbe4f0}
.footer-legal{display:flex;justify-content:space-between;gap:12px;padding-top:18px;font-size:13px;color:rgba(255,255,255,.55);flex-wrap:wrap}

/* modal (quick view) */
.pmodal,.qmodal{position:fixed;inset:0;z-index:950;display:none}.pmodal.open,.qmodal.open{display:block}
.pmodal-backdrop,.qmodal-backdrop{position:absolute;inset:0;background:rgba(11,27,59,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .3s}
.pmodal-card{position:absolute;top:50%;left:50%;width:min(840px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--r-lg);transform:translate(-50%,-48%) scale(.96);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 80px -30px rgba(0,0,0,.4)}
.pmodal.open .pmodal-card{transform:translate(-50%,-50%) scale(1);opacity:1}
.pmodal-grid{display:grid;grid-template-columns:1fr 1fr}
.pm-visual{min-height:320px;display:grid;place-items:center;background:var(--mist);padding:30px}.pm-visual [data-printer]{transform:scale(1.4)}
.pm-info{padding:clamp(24px,4vw,36px);display:flex;flex-direction:column;gap:8px}
.pm-brand{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt);font-weight:700}.pm-name{font-size:clamp(20px,2.4vw,28px)}
.pm-rate{font-size:14px;color:var(--text)}.pm-rate .stars{color:var(--orange);letter-spacing:2px}.pm-rate span{color:var(--muted)}
.pm-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px}.pm-price b{font-family:var(--head);font-size:28px;font-weight:800;color:var(--ink)}.pm-mrp{font-size:14px;color:var(--muted);text-decoration:line-through}.pm-off{font-size:12px;font-weight:700;color:var(--green);background:rgba(24,166,106,.12);padding:3px 9px;border-radius:999px}
.pm-emi{font-size:13.5px;color:var(--cobalt);font-weight:600}
.pm-feats{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-top:1px solid var(--line);margin:8px 0 12px}
.pm-feats li{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--text)}.pm-feats i{width:18px;height:18px;border-radius:50%;background:rgba(24,166,106,.15);flex-shrink:0;position:relative}.pm-feats i::after{content:"";position:absolute;left:5.5px;top:2.5px;width:5px;height:9px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pm-actions{display:flex;gap:10px}.pm-actions .btn{flex:1}
.pmodal-close,.qmodal-close{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:.2s}.pmodal-close:hover,.qmodal-close:hover{background:var(--navy);color:#fff;transform:rotate(90deg)}
.pmodal-close svg,.qmodal-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}

/* quote modal */
.qmodal-card{position:absolute;top:50%;left:50%;width:min(560px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:var(--r-lg);transform:translate(-50%,-48%) scale(.96);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 80px -30px rgba(0,0,0,.4)}
.qmodal.open .qmodal-card{transform:translate(-50%,-50%) scale(1);opacity:1}
.qmodal-body{padding:clamp(28px,5vw,40px)}
.qmodal-body h2{font-size:26px}.qm-sub{color:var(--muted);margin:8px 0 22px}
.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qf-field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.qf-field label{font-size:13px;font-weight:700;color:var(--navy)}
.qf-field input,.qf-field textarea{border:1.5px solid var(--line-2);border-radius:var(--r);padding:11px 14px;font-family:var(--body);font-size:15px;outline:none;resize:vertical}
.qf-field input:focus,.qf-field textarea:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px rgba(8,120,218,.14)}
.qf-error{color:var(--orange);font-size:13.5px;font-weight:600;min-height:18px;margin-bottom:8px}
.qmodal-body .btn{width:100%}
.qf-success{text-align:center;padding:20px 0}
.qs-check{width:60px;height:60px;border-radius:50%;background:rgba(24,166,106,.15);color:var(--green);font-size:30px;font-weight:800;display:grid;place-items:center;margin:0 auto 14px}
.qf-success h3{font-size:22px;color:var(--navy);margin-bottom:6px}.qf-success p{color:var(--muted)}

/* cart + toast */
.cart-overlay{position:fixed;inset:0;background:rgba(11,27,59,.55);z-index:800;opacity:0;visibility:hidden;transition:.4s}.cart-overlay.open{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:#fff;z-index:900;transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 60px -30px rgba(0,0,0,.4)}.cart-drawer.open{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.cart-head h3{font-size:19px;font-weight:800;color:var(--navy)}.cart-head span{font-size:14px;color:var(--muted);font-weight:600}
.cart-close{width:38px;height:38px;border-radius:50%;border:0;background:var(--mist);display:grid;place-items:center;color:var(--ink);transition:.2s}.cart-close:hover{background:var(--navy);color:#fff}.cart-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.cart-items{flex:1;overflow-y:auto;padding:6px 22px}
.cart-empty{text-align:center;padding:56px 20px;color:var(--muted)}.cart-empty svg{width:54px;height:54px;margin:0 auto 14px;fill:none;stroke:var(--line-2);stroke-width:1.6}
.cart-item{display:grid;grid-template-columns:54px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}
.ci-img{width:54px;height:54px;display:grid;place-items:center;background:var(--mist);border-radius:10px}.ci-img [data-printer]{transform:scale(.7)}
.ci-info b{display:block;font-size:14px;font-weight:700;color:var(--navy);line-height:1.25}.ci-info span{font-size:12px;color:var(--muted)}
.ci-controls{display:flex;align-items:center;gap:6px;margin-top:6px}
.ci-controls button{width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);background:transparent;font-size:14px;line-height:1;display:grid;place-items:center;color:var(--ink);transition:.2s}.ci-controls button:hover{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.ci-controls span{font-size:13px;font-weight:600;min-width:18px;text-align:center}
.ci-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ci-price{font-weight:800;font-size:14px;color:var(--ink)}
.ci-remove{font-size:11px;color:var(--muted);text-decoration:underline;background:none;border:0}.ci-remove:hover{color:var(--orange)}
.cart-foot{padding:18px 22px;border-top:1px solid var(--line);background:#fff}
.cart-sub{display:flex;justify-content:space-between;align-items:baseline}.cart-sub b{font-family:var(--head);font-size:24px;font-weight:800;color:var(--ink)}
.cart-tax{font-size:12px;color:var(--muted);margin:6px 0 14px}.cart-foot .btn{width:100%;margin-top:8px}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,160%);z-index:1000;background:var(--navy);color:#fff;padding:13px 22px;border-radius:999px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 40px -15px rgba(0,0,0,.4);transition:transform .45s cubic-bezier(.2,.7,.2,1);max-width:90vw}.toast.show{transform:translate(-50%,0)}
.toast svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2.5}
.cart-count.bump{animation:bump .45s cubic-bezier(.2,.8,.2,1)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.5)}100%{transform:scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}

@media(max-width:1180px){.header-utils .util:not(.cart){display:none}.big-search{max-width:none}.cat-grid{grid-template-columns:repeat(4,1fr)}.why-grid{grid-template-columns:repeat(3,1fr)}.rev-grid{grid-template-columns:repeat(2,1fr)}.biz-grid{grid-template-columns:repeat(3,1fr)}.fg-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.header-top{flex-wrap:wrap}.big-search{order:3;flex-basis:100%;max-width:none}.hero-grid{grid-template-columns:1fr;gap:36px}.deal-banner{grid-template-columns:1fr;text-align:center;justify-items:center}.deal-prod{width:120px;height:120px}.bulk-banner{grid-template-columns:1fr}.bulk-art{display:none}.corp-banner{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(3,1fr)}.fc-brand{grid-column:1/-1}.nav-quote{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:44px;height:44px;background:none;border:1px solid var(--line-2);border-radius:10px;align-items:center;justify-content:center}.menu-toggle span{width:20px;height:2px;background:var(--navy);transition:.3s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.primary-nav{position:fixed;inset:0 auto auto 0;background:#fff;border-bottom:1px solid var(--line);padding:70px 24px 24px;transform:translateY(-150%);transition:transform .4s;z-index:89;box-shadow:0 20px 30px -20px rgba(0,0,0,.2);width:min(280px,80vw)}.primary-nav[data-open="true"]{transform:translateY(0)}.nav-row{flex-direction:column;align-items:stretch;height:auto;gap:2px}.nav-row>a{padding:13px 4px;border-bottom:1px solid var(--line)}}
@media(max-width:640px){body{font-size:16px}.cat-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.rev-grid{grid-template-columns:1fr}.biz-grid{grid-template-columns:repeat(2,1fr)}.fg-grid{grid-template-columns:repeat(2,1fr);gap:14px}.feat-carousel,.brand-carousel{padding-left:24px;padding-right:24px}.fcard{width:240px}.footer-cols{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.pmodal-grid{grid-template-columns:1fr}.pm-visual{min-height:220px}.pm-actions{flex-direction:column}.countdown>div{min-width:48px}.countdown b{font-size:24px}.qf-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}