/* Dawaak — design system for the approved option «العلبة».
   Concept: the box itself is the system — a product-coloured swoosh band with a rounded tip,
   a silver-stamp bar beneath it, Cinzel Decorative product names and pearl-white panels like the box sides.
   All Dawaak widgets live under .dw so nothing collides with Elementor or the theme. */
:root{
  --dw-bg:#F5F5F8; --dw-surface:#FFFFFF; --dw-ink:#17141F; --dw-muted:#625E6E; --dw-line:#E2E0E8; --dw-chip:#ECEAF2;
  --dw-navy:#26225F; --dw-cyan:#00AEEF;
  --dw-vita:#5B2A97; --dw-calk:#24489A; --dw-ferro:#8A1E4C; --dw-ome:#1D5468;
  --dw-pc:var(--dw-navy);
  --dw-silver:linear-gradient(90deg,#8d8f96 0%,#e9eaee 22%,#a9abb2 45%,#f4f5f7 62%,#9a9ca3 82%,#d9dadf 100%);
  --dw-f-logo:"Cinzel Decorative",Georgia,serif;
  --dw-f-head:"Readex Pro","Cairo",system-ui,sans-serif;
  --dw-f-body:"Cairo",system-ui,sans-serif;
  --dw-f-latin:"Poppins","Cairo",system-ui,sans-serif;
  --dw-r:18px; --dw-gut:clamp(16px,4vw,48px); --dw-max:1240px;
  --dw-ease:cubic-bezier(.2,.7,.1,1);
}
html[lang^="en"]{--dw-f-body:"Poppins","Cairo",system-ui,sans-serif;--dw-f-head:"Poppins","Readex Pro",system-ui,sans-serif}
body{background:var(--dw-bg);color:var(--dw-ink);font-family:var(--dw-f-body);-webkit-font-smoothing:antialiased}
.dw,.dw *{box-sizing:border-box}
.dw a{color:inherit}
.dw h1,.dw h2,.dw h3,.dw h4{font-family:var(--dw-f-head);line-height:1.25;margin:0;text-wrap:balance;font-weight:700;color:inherit}
.dw p{margin:0}
.dw-wrap{max-width:var(--dw-max);margin-inline:auto;padding-inline:var(--dw-gut)}
.dw .latin{font-family:var(--dw-f-latin);direction:ltr;unicode-bidi:isolate}
.dw .logo-latin{font-family:var(--dw-f-logo);direction:ltr;unicode-bidi:isolate;letter-spacing:.02em}
.dw .eyebrow{font-family:var(--dw-f-latin);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dw-muted)}
.dw :focus-visible{outline:2px solid var(--dw-pc);outline-offset:3px}
.dw-silver-bar{height:14px;background:var(--dw-silver);border-radius:0 0 2px 2px}
.dw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Neutralise the theme's button reset inside our components */
.dw button,.dw [type=button]{border:0;background:none;color:inherit;font:inherit;padding:0;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal}
.dw button:hover,.dw button:focus,.dw [type=button]:hover,.dw [type=button]:focus{background:none;color:inherit}

/* Buttons */
.dw-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;border-radius:999px;padding:.8em 1.5em;font:600 1rem var(--dw-f-body);cursor:pointer;text-decoration:none!important;line-height:1.2;transition:transform .2s var(--dw-ease),background .3s,color .3s,box-shadow .3s}
.dw-btn:hover{transform:translateY(-2px)}
.dw-btn-solid{background:var(--dw-ink);color:var(--dw-bg)!important}
.dw-btn-light{background:#fff;color:var(--dw-pc)!important}
.dw-btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.dw-btn-pc{background:var(--dw-pc);color:#fff!important}

/* ---------- Header ---------- */
.dw-header{position:relative;padding-block:12px;padding-inline:var(--dw-gut)}
/* Sticky on Elementor's header location wrapper (the widget itself is too short to stick). */
.elementor-location-header{position:sticky;top:0;z-index:50}
.admin-bar .elementor-location-header{top:32px}
.dw-nav{max-width:var(--dw-max);margin-inline:auto;display:flex;align-items:center;gap:20px;background:color-mix(in srgb,var(--dw-surface) 82%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--dw-line);border-radius:999px;padding:8px;padding-inline-start:22px;transition:box-shadow .4s}
.dw-header.is-scrolled .dw-nav{box-shadow:0 18px 40px -26px rgb(23 20 31/.35)}
.dw-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;flex-shrink:0;color:var(--dw-ink)}
.dw-brand svg{width:32px;height:32px;flex-shrink:0}
.dw-brand b{font-family:var(--dw-f-head);font-weight:700;font-size:1.45rem;line-height:1}
.dw-brand span{font-family:var(--dw-f-logo);font-size:.72rem;color:var(--dw-muted)}
.dw-menu{display:flex;gap:4px;margin:0;margin-inline-start:auto;list-style:none;padding:0}
.dw-menu{align-items:center}
.dw .dw-menu a,.dw .dw-menu button{display:block;padding:.45em .95em;border-radius:999px;text-decoration:none!important;font:600 .95rem/1.6 var(--dw-f-body);background:none;border:0;color:var(--dw-ink);cursor:pointer;white-space:nowrap}
.dw .dw-menu a:hover,.dw .dw-menu button:hover,.dw .dw-menu .current-menu-item>a,.dw .dw-menu [aria-expanded="true"]{background:var(--dw-chip);color:var(--dw-ink)}
.dw-lang{font:600 .8rem var(--dw-f-body);border:1px solid var(--dw-line);border-radius:999px;padding:.4em .8em;text-decoration:none!important;color:var(--dw-ink)}
.dw-lang:hover{background:var(--dw-chip)}
.dw-nav-cta{flex-shrink:0}
.dw .dw-burger,.dw .dw-burger:hover,.dw .dw-burger:focus{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--dw-ink);color:var(--dw-bg);cursor:pointer;margin-inline-start:auto;padding:0}
.dw-burger i{display:block;width:18px;height:2px;background:currentColor;margin:4px auto;transition:transform .3s}
.dw-mega{max-width:var(--dw-max);margin:10px auto 0;background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:28px;padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;box-shadow:0 30px 60px -30px rgb(0 0 0/.35);transform-origin:top center;animation:dwMega .35s var(--dw-ease)}
@keyframes dwMega{from{opacity:0;transform:translateY(-8px) scale(.98)}}
.dw-mega[hidden]{display:none}
.dw-mega a{display:grid;gap:8px;text-decoration:none!important;border-radius:20px;padding:12px;transition:background .25s;color:var(--dw-ink)}
.dw-mega a:hover{background:var(--dw-chip)}
.dw-mega .thumb{aspect-ratio:1.45;border-radius:14px;background:var(--c);display:grid;place-items:center;overflow:hidden;max-width:100%}
.dw-mega .thumb img{width:86%;height:auto;filter:drop-shadow(0 10px 14px rgb(0 0 0/.3));transition:transform .4s var(--dw-ease)}
.dw-mega a:hover .thumb img{transform:scale(1.05) rotate(-2deg)}
.dw-mega strong{font-family:var(--dw-f-head);font-size:1.05rem}
.dw-mega small{color:var(--dw-muted);font-size:.85rem;line-height:1.5}
.dw-mobile{position:fixed;inset:0;z-index:60;background:var(--dw-bg);padding:84px var(--dw-gut) 24px;display:flex;flex-direction:column;gap:6px;overflow:auto}
.dw-mobile[hidden]{display:none}
.dw-mobile a{text-decoration:none!important;font-family:var(--dw-f-head);font-size:1.5rem;font-weight:500;padding:.35em 0;border-bottom:1px solid var(--dw-line);color:var(--dw-ink)}
.dw-mobile .mm-prod{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dw-mobile .mm-prod span{font-family:var(--dw-f-logo);font-size:.9rem;color:var(--c)}
.dw-mobile .dw-btn{margin-top:18px;font-size:1.1rem;border:0}
.dw .dw-mobile .dw-close,.dw .dw-mobile .dw-close:hover,.dw .dw-mobile .dw-close:focus{position:absolute;top:20px;inset-inline-end:var(--dw-gut);display:block;background:var(--dw-ink)!important;color:var(--dw-bg)!important}

/* ---------- Footer ---------- */
.dw-footer{margin-top:40px;background:var(--dw-surface);border-top:1px solid var(--dw-line)}
.dw-foot{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;padding-block:48px 28px}
.dw-foot h4,.dw .dw-foot .dw-foot-h{margin:0 0 10px;font-family:var(--dw-f-head);font-size:1rem}
.dw-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.dw-foot a{text-decoration:none!important;color:var(--dw-muted)}
.dw-foot a:hover{color:var(--dw-ink)}
.dw-legal{border-top:1px solid var(--dw-line);padding-block:18px 26px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.84rem;color:var(--dw-muted)}
.dw-disclaimer{font-size:.84rem;color:var(--dw-muted);max-width:70ch;line-height:1.7}

/* ---------- Swoosh hero (the box's diagonal band) ---------- */
.dw-hero{position:relative;overflow:hidden;padding-block:clamp(28px,5vw,56px) 0;--dw-pc:var(--pc,var(--dw-navy))}
.dw-swoosh{position:absolute;inset:0 0 14px 0;width:100%;height:calc(100% - 14px);pointer-events:none}
.dw-swoosh .band{fill:var(--dw-pc);transition:fill .8s ease}
html[dir="ltr"] .dw-swoosh,html:not([dir="rtl"]) .dw-swoosh{transform:scaleX(-1)}
.dw-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:24px;min-height:min(620px,78vh)}
.dw-hero-copy{color:#fff;padding-block:40px;padding-inline-start:clamp(8px,3vw,40px);max-width:620px}
.dw-hero-copy .eyebrow{color:rgb(255 255 255/.75)}
.dw-crumbs{font-size:.85rem;color:rgb(255 255 255/.8);margin-bottom:6px}
.dw-crumbs a{text-decoration:none!important}
.dw-hero-ar{font-size:clamp(2.2rem,5.4vw,4.2rem);margin-top:14px;line-height:1}
.dw-hero-ar img{height:clamp(2.2rem,5vw,3.6rem);width:auto;display:block}
.dw .dw-hero-logo{font-family:var(--dw-f-logo);font-size:clamp(2.6rem,7vw,5.6rem);line-height:1;direction:ltr;text-align:right;margin-block:4px 18px;font-weight:700;color:#fff}
html[dir="ltr"] .dw .dw-hero-logo,html:not([dir="rtl"]) .dw .dw-hero-logo{text-align:left}
.dw-contains-label{font-weight:700;margin-bottom:10px}
.dw-contains{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:8px}
.dw-contains li{display:inline-flex;align-items:center;gap:.4em;background:rgb(255 255 255/.14);border:1px solid rgb(255 255 255/.25);border-radius:999px;padding:.2em .85em;font-weight:600;font-size:.92rem}
.dw-contains li::before{content:"";width:9px;height:5px;border-inline-start:2px solid #9be15d;border-bottom:2px solid #9be15d;transform:rotate(-45deg) translateY(-2px)}
.dw-actions{display:flex;flex-wrap:wrap;gap:10px}

/* 3D box — built from the six print faces; drag to turn, scroll turns it to the back */
.dw-stage{perspective:1400px;display:grid;place-items:center;min-height:360px;position:relative;touch-action:pan-y}
.dw-box{position:relative;transform-style:preserve-3d;width:var(--bw);height:var(--bh);cursor:grab;will-change:transform}
.dw-box.is-dragging{cursor:grabbing}
.dw-face{position:absolute;background-size:100% 100%;background-color:#fff;backface-visibility:hidden}
.dw-f-front{width:var(--bw);height:var(--bh);transform:translateZ(calc(var(--bd)/2))}
.dw-f-back{width:var(--bw);height:var(--bh);transform:rotateY(180deg) translateZ(calc(var(--bd)/2))}
.dw-f-right{width:var(--bd);height:var(--bh);left:calc((var(--bw) - var(--bd))/2);transform:rotateY(90deg) translateZ(calc(var(--bw)/2))}
.dw-f-left{width:var(--bd);height:var(--bh);left:calc((var(--bw) - var(--bd))/2);transform:rotateY(-90deg) translateZ(calc(var(--bw)/2))}
.dw-f-top{width:var(--bw);height:var(--bd);top:calc((var(--bh) - var(--bd))/2);transform:rotateX(90deg) translateZ(calc(var(--bh)/2))}
.dw-f-bottom{width:var(--bw);height:var(--bd);top:calc((var(--bh) - var(--bd))/2);transform:rotateX(-90deg) translateZ(calc(var(--bh)/2))}
.dw-shadow{position:absolute;bottom:8%;width:60%;height:26px;background:radial-gradient(closest-side,rgb(0 0 0/.35),transparent);filter:blur(4px);z-index:-1}
.dw-stage-hint{position:absolute;bottom:4px;font:500 .75rem var(--dw-f-body);color:rgb(255 255 255/.75);pointer-events:none}

/* Sections */
.dw-block{padding-block:clamp(56px,8vw,104px)}
.dw-block.tight{padding-top:0}
.dw-sec-head{display:grid;gap:10px;margin-bottom:36px;max-width:680px}
.dw-sec-head h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
.dw-sec-head p{color:var(--dw-muted)}
.dw-qfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--dw-line);border:1px solid var(--dw-line);border-radius:var(--dw-r);overflow:hidden;margin-top:-1px}
.dw-qfacts div{background:var(--dw-surface);padding:18px;display:grid;gap:2px}
.dw-qfacts span{font-size:.82rem;color:var(--dw-muted)}
.dw-qfacts b{font-family:var(--dw-f-head);font-weight:500;font-size:1.05rem}
.dw-verbatim{font-size:.82rem;color:var(--dw-muted);margin-top:14px}
.dw-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dw-benefit{background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:var(--dw-r);padding:20px;display:grid;gap:6px;align-content:start}
.dw-benefit b{font-family:var(--dw-f-head);color:color-mix(in srgb,var(--dw-pc) 75%,var(--dw-ink))}
.dw-benefit p{font-size:.95rem;line-height:1.7}
.dw-facts-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.dw-nf-wrap{border:2px solid var(--dw-pc);border-radius:var(--dw-r);overflow:hidden;background:var(--dw-surface)}
.dw-nf-head{background:var(--dw-pc);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dw-nf-head b{font-family:var(--dw-f-head);font-size:1.15rem}
.dw-nf-head span{font-size:.85rem;opacity:.9}
.dw-table-scroll{overflow-x:auto}
.dw table.dw-nf{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;background:var(--dw-surface);margin:0;border:0}
.dw .dw-nf th,.dw .dw-nf td{padding:10px 18px;border:0;border-bottom:1px solid var(--dw-line);text-align:start;background:none}
.dw .dw-nf td:not(:first-child),.dw .dw-nf th:not(:first-child){text-align:end}
.dw .dw-nf thead th{font-size:.8rem;color:var(--dw-muted);font-weight:600}
.dw-nf .en{font-family:var(--dw-f-latin);font-size:.78rem;color:var(--dw-muted);display:block;line-height:1.3}
.dw-nf-note{padding:12px 18px;font-size:.8rem;color:var(--dw-muted);line-height:1.7}
.dw-backshot{display:grid;gap:12px}
.dw .dw-backshot button{cursor:zoom-in;border-radius:var(--dw-r);overflow:hidden;border:1px solid var(--dw-line);display:block;width:100%;background:var(--dw-surface)}
.dw-backshot img{display:block;width:100%;height:auto}
.dw-backshot small{color:var(--dw-muted)}
.dw-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dw-info{background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:var(--dw-r);padding:22px;display:grid;gap:8px;align-content:start}
.dw-info h3{font-size:1.1rem}
.dw-info p,.dw-info li{line-height:1.8}
.dw-info ul{margin:0;padding-inline-start:1.1em;display:grid;gap:4px}
.dw-info.warn{border-color:color-mix(in srgb,#c47b00 45%,var(--dw-line));grid-column:1/-1}
.dw-reg-line{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding:18px 22px;border-radius:var(--dw-r);background:var(--dw-chip);font-size:.92rem}
.dw-faq{display:grid;gap:10px;max-width:860px}
.dw-faq details{background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:16px;padding:4px 20px}
.dw-faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
.dw-faq summary::-webkit-details-marker{display:none}
.dw-faq summary::after{content:"+";font-family:var(--dw-f-latin);font-size:1.3rem;line-height:1;transition:transform .3s}
.dw-faq details[open] summary::after{transform:rotate(45deg)}
.dw-faq details p{padding-bottom:16px;color:var(--dw-muted);line-height:1.8}

/* Product cards */
.dw-family{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px}
.dw-pcard{display:grid;grid-template-rows:auto 1fr;text-decoration:none!important;background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:var(--dw-r);overflow:hidden;transition:transform .35s var(--dw-ease),box-shadow .35s;color:var(--dw-ink)}
.dw-pcard:hover{transform:translateY(-6px);box-shadow:0 28px 50px -30px var(--c)}
.dw-pcard .pc-top{position:relative;aspect-ratio:1.4;background:var(--c);display:grid;place-items:center;overflow:hidden;max-width:100%}
.dw-pcard .pc-top svg{position:absolute;inset:0;width:100%;height:100%}
.dw-pcard .pc-top img{position:relative;width:84%;height:auto;filter:drop-shadow(0 18px 18px rgb(0 0 0/.35));transition:transform .5s var(--dw-ease)}
.dw-pcard:hover .pc-top img{transform:translateY(-6px) rotate(-3deg) scale(1.03)}
.dw-pcard .pc-body{padding:18px 18px 20px;display:grid;gap:8px;align-content:start}
.dw-pcard h3{font-size:1.3rem}
.dw-pcard .logo-latin{font-size:1.05rem;color:var(--c)}
.dw-pcard .meta{color:var(--dw-muted);font-size:.9rem}
.dw-pcard .go{margin-top:6px;font-weight:700;color:color-mix(in srgb,var(--c) 70%,var(--dw-ink))}

/* Home */
.dw-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.dw .dw-switcher button{font:600 .82rem var(--dw-f-latin);border-radius:999px;border:1px solid rgb(255 255 255/.4);background:transparent;color:#fff;padding:.4em 1em;cursor:pointer;transition:background .3s,color .3s}
.dw .dw-switcher button[aria-pressed="true"]{background:#fff;color:var(--dw-pc)}
.dw-home-hero .dw-hero-copy>*{transition:opacity .35s var(--dw-ease),transform .35s var(--dw-ease)}
.dw-home-hero.is-swapping [data-hh]{opacity:0;transform:translateY(8px)}
.dw-facts-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--dw-line);border-block:1px solid var(--dw-line)}
.dw-facts-strip div{background:var(--dw-bg);padding:22px var(--dw-gut);display:grid;gap:2px}
.dw-facts-strip b{font-family:var(--dw-f-head);font-size:1.35rem}
.dw-facts-strip span{color:var(--dw-muted);font-size:.9rem}
.dw-compare-wrap{border:1px solid var(--dw-line);border-radius:var(--dw-r);background:var(--dw-surface)}
.dw table.dw-compare{border-collapse:collapse;width:100%;min-width:640px;font-variant-numeric:tabular-nums;margin:0;border:0}
.dw .dw-compare th,.dw .dw-compare td{padding:12px 16px;text-align:center;border:0;border-bottom:1px solid var(--dw-line);background:none}
.dw .dw-compare th:first-child,.dw .dw-compare td:first-child{text-align:start}
.dw .dw-compare thead th{font-family:var(--dw-f-logo);font-size:.95rem;color:var(--c)}
.dw .dw-compare thead th a{text-decoration:none!important;color:inherit}
.dw .dw-compare thead th:first-child{font-family:var(--dw-f-body);color:var(--dw-muted);font-size:.85rem}
.dw .dw-compare tbody tr:last-child td{border-bottom:0}
.dw-compare .dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--c)}
.dw-compare .nodot{display:inline-block;width:12px;height:2px;background:var(--dw-line)}
.dw-compare .amt{font-size:.8rem;color:var(--dw-muted)}
.dw-b2b{background:var(--dw-ink);color:var(--dw-bg);border-radius:32px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;position:relative;overflow:hidden}
.dw-b2b .eyebrow{color:color-mix(in srgb,var(--dw-bg) 60%,transparent)}
.dw-b2b h2{font-size:clamp(1.7rem,3.4vw,2.6rem);margin-block:10px 14px;color:var(--dw-bg)}
.dw-b2b p{color:color-mix(in srgb,var(--dw-bg) 75%,transparent);line-height:1.8}
.dw-b2b .dw-btn-light{color:var(--dw-ink)!important;margin-top:24px}
.dw-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:s}
.dw-steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;background:color-mix(in srgb,var(--dw-bg) 7%,transparent);border-radius:16px;padding:16px;line-height:1.7}
.dw-steps li::before{content:counter(s);font-family:var(--dw-f-logo);font-size:1.3rem;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--dw-silver);color:var(--dw-ink)}
.dw-steps b{display:block;font-family:var(--dw-f-head)}
.dw-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dw-article{display:grid;gap:10px;align-content:start;text-decoration:none!important;padding:22px;background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:var(--dw-r);color:var(--dw-ink);transition:transform .35s var(--dw-ease),box-shadow .35s}
.dw-article:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgb(23 20 31/.4)}
.dw-article .tag{font-size:.8rem;font-weight:700;color:var(--dw-navy)}
.dw-article h3{font-size:1.15rem;line-height:1.5}
.dw-article p{color:var(--dw-muted);font-size:.93rem;line-height:1.7}

/* Sticky bar on phones (product pages) */
.dw-sticky{position:fixed;bottom:0;inset-inline:0;z-index:40;padding:10px var(--dw-gut) calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--dw-surface) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--dw-line);display:none;gap:8px}
.dw-sticky .dw-btn{flex:1;padding:.75em 1em}

/* Zoom dialog */
.dw-dialog{border:0;border-radius:20px;padding:0;max-width:min(96vw,1200px);background:var(--dw-surface)}
.dw-dialog::backdrop{background:rgb(10 8 16/.75)}
.dw-dialog img{display:block;width:100%;height:auto}
.dw .dw-dialog .dw-close-x{position:absolute;top:10px;inset-inline-end:10px}

/* Reveal on scroll (content is visible without JS; JS adds the motion) */
.dw-js .dw-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--dw-ease),transform .8s var(--dw-ease)}
.dw-js .dw-reveal.is-in{opacity:1;transform:none}

@media (max-width:1080px){ .dw-benefits{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
  .dw-menu,.dw-nav-cta,.dw-header .dw-lang{display:none}
  .dw .dw-burger,.dw .dw-burger:hover,.dw .dw-burger:focus{display:block}
  .dw-mega{display:none!important}
  .dw-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}
  .dw-hero-copy{padding-block:24px 0;padding-inline:0}
  .dw-stage{min-height:300px;padding-bottom:30px}
  .dw-qfacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dw-facts-layout,.dw-b2b,.dw-articles{grid-template-columns:minmax(0,1fr)}
  .dw-facts-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dw-sticky.is-on{display:flex}
  /* phone: the stretched swoosh left a white wedge behind white text → solid product colour, gentle diagonal top */
  .dw-hero .dw-swoosh{display:none}
  .dw-hero::before{content:"";position:absolute;inset:0 0 14px 0;background:var(--dw-pc);clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);transition:background .8s ease}
  .dw-foot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){ .dw-foot,.dw-benefits,.dw-info-grid{grid-template-columns:minmax(0,1fr)} .dw-info.warn{grid-column:auto} }
@media (max-width:782px){ .admin-bar .elementor-location-header{top:46px} }
@media (prefers-reduced-motion:reduce){ .dw *,.dw *::before,.dw *::after{animation:none!important;transition:none!important} .dw-js .dw-reveal{opacity:1;transform:none} }
/* Wide content (tables) must scroll inside its box, never widen the page */
.elementor-widget[class*="elementor-widget-dawaak-"],.e-con:has(>.e-con-inner>.elementor-widget[class*="elementor-widget-dawaak-"]),.e-con:has(>.elementor-widget[class*="elementor-widget-dawaak-"]){min-width:0;max-width:100%}
.dw-table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}
html,body{overflow-x:clip}
.dw .dw-compare th:first-child,.dw .dw-compare td:first-child{position:sticky;inset-inline-start:0;background:var(--dw-surface);z-index:1}
@media (max-width:640px){.dw table.dw-compare{min-width:560px}.dw .dw-compare th,.dw .dw-compare td{padding:10px 10px}}
/* Box scale by screen width */
@media (max-width:900px){.dw-stage{--bs:.82}}
@media (max-width:640px){.dw-stage{--bs:.68}}
@media (max-width:380px){.dw-stage{--bs:.6}}
/* Compare: ingredient names are row headers */
.dw .dw-compare tbody th{font-weight:500;font-family:var(--dw-f-body);font-size:.95rem;color:var(--dw-ink)}
.dw-scroll-hint{display:none;margin-top:10px;font-size:.8rem;color:var(--dw-muted)}
@media (max-width:640px){.dw-scroll-hint{display:block}}
.dw-compare-wrap:focus-visible{outline:2px solid var(--dw-navy);outline-offset:3px}
/* Section heading with a link on the other side (Articles) */
.dw-sec-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.dw .dw-more{font-weight:700;text-decoration:none!important;color:var(--dw-navy);white-space:nowrap}
.dw .dw-more:hover{text-decoration:underline!important}
.dw-article .thumb{display:block;margin:-22px -22px 6px;aspect-ratio:16/9;overflow:hidden;border-radius:var(--dw-r) var(--dw-r) 0 0;background:var(--dw-chip)}
.dw-article .thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* ================= Inner pages ================= */
.dw .dw-page-h1{font-size:clamp(2.2rem,5vw,3.8rem);color:#fff;margin-top:12px;line-height:1.15}
.dw-page-lead{margin-block:14px 24px;color:rgb(255 255 255/.85);max-width:46ch;line-height:1.8;font-size:1.05rem}
.dw-collage-stage{min-height:320px}
.dw-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(400px,86%);transform:rotate(-4deg)}
.dw-collage img{width:100%;height:auto;border-radius:10px;box-shadow:0 22px 36px -18px rgb(0 0 0/.7);animation:dwFloat 6s ease-in-out infinite;animation-delay:calc(var(--i) * -1.5s)}
@keyframes dwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* Specs table */
.dw table.dw-specs{min-width:880px}
.dw .dw-specs th,.dw .dw-specs td{white-space:nowrap;text-align:start}
.dw .dw-specs thead th{font-family:var(--dw-f-body);color:var(--dw-muted);font-size:.85rem;font-weight:600}
.dw .dw-specs tbody th{border-inline-start:4px solid var(--c)}
.dw .dw-specs tbody th a{text-decoration:none!important;color:var(--dw-ink)}

/* Quote: form card + side card */
.e-con.dw-quote-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start;padding-block:36px clamp(56px,8vw,104px)!important}
.e-con.dw-form-card{background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:24px;padding:clamp(18px,3vw,32px)!important}
.e-con.dw-quote-side{position:sticky;top:96px}
.dw-quote-form [hidden]{display:none!important}
.dw-quote-form .elementor-form-fields-wrapper{margin-inline:-8px!important}
.dw-quote-form .elementor-field-group{padding-inline:8px!important;margin-bottom:16px!important}
.dw-quote-form .elementor-field-label{font:700 .92rem/1.5 var(--dw-f-body)!important;color:var(--dw-ink)!important;margin-bottom:6px!important}
.dw-quote-form .elementor-mark-required .elementor-field-label:after{color:#b42318}
.dw-quote-form .elementor-field-textual,.dw-quote-form .elementor-field-group select{border:1px solid var(--dw-line)!important;border-radius:12px!important;background:var(--dw-bg)!important;font:500 1rem var(--dw-f-body)!important;color:var(--dw-ink)!important;min-height:48px;padding:10px 14px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.dw-quote-form textarea.elementor-field-textual{min-height:110px}
.dw-quote-form .elementor-field-textual:focus,.dw-quote-form select:focus{border-color:var(--dw-navy)!important;box-shadow:0 0 0 3px rgb(38 34 95/.14)!important;outline:0}
.dw-quote-form .elementor-field-textual::placeholder{color:#9b97a6}
.dw-quote-form input[dir="ltr"]{text-align:start}
html[dir="rtl"] .dw-quote-form input[dir="ltr"]{text-align:right}
/* request type as pills */
.dw-quote-form .dwf-type .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:8px}
.dw-quote-form .dwf-type .elementor-field-option{margin:0!important;position:relative}
.dw-quote-form .dwf-type input{position:absolute;opacity:0;pointer-events:none}
.dw-quote-form .dwf-type .elementor-field-option label{display:inline-block;padding:.6em 1.25em;border:1.5px solid var(--dw-line);border-radius:999px;font:700 .95rem var(--dw-f-body);cursor:pointer;background:var(--dw-surface);color:var(--dw-ink);transition:background .25s,color .25s,border-color .25s}
.dw-quote-form .dwf-type input:checked+label{background:var(--dw-ink);color:var(--dw-bg);border-color:var(--dw-ink)}
.dw-quote-form .dwf-type input:focus-visible+label{outline:2px solid var(--dw-navy);outline-offset:2px}
/* carton steppers */
.dw-quote-form .dwf-qty-head{margin-bottom:6px!important}
.dw-quote-form .dwf-qty-title{font-weight:700;margin:4px 0 0}
.dw-quote-form .dwf-qty-title span{font-weight:400;color:var(--dw-muted)}
.dwq-card{display:grid;gap:8px;align-content:start;height:100%;padding:12px;border:1.5px solid var(--dw-line);border-radius:16px;background:var(--dw-surface);transition:border-color .3s,box-shadow .3s,transform .3s}
.dwq.is-on .dwq-card{border-color:var(--c);box-shadow:0 14px 28px -20px var(--c);transform:translateY(-2px)}
.dwq-img{width:100%;aspect-ratio:1.45;object-fit:contain;border-radius:10px;background:color-mix(in srgb,var(--c) 12%,#fff)}
.dw-quote-form .dwq .elementor-field-label{margin:0!important}
.dwq-latin{display:block;font-family:var(--dw-f-logo);font-size:.8rem;color:var(--c);direction:ltr;text-align:start}
.dwq-stepper{display:flex;align-items:center;border:1px solid var(--dw-line);border-radius:999px;background:var(--dw-bg);overflow:hidden}
.dw-quote-form .dwq-stepper button{width:42px;height:42px;flex-shrink:0;border:0;background:none;color:var(--c);font:700 1.35rem/1 var(--dw-f-latin);cursor:pointer;padding:0;border-radius:0}
.dw-quote-form .dwq-stepper button:hover{background:color-mix(in srgb,var(--c) 10%,transparent)}
.dw-quote-form .dwq-stepper input{flex:1;min-width:0;text-align:center!important;border:0!important;background:none!important;min-height:42px!important;padding:0!important;font:700 1.1rem var(--dw-f-latin)!important;-moz-appearance:textfield;box-shadow:none!important}
.dwq-stepper input::-webkit-inner-spin-button,.dwq-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dwq-note{font-size:.78rem;color:var(--dw-muted);font-variant-numeric:tabular-nums}
/* consent checkboxes */
.dw-quote-form .elementor-field-type-acceptance .elementor-field-option{display:flex;gap:10px;align-items:flex-start}
.dw-quote-form .elementor-field-type-acceptance input{width:18px;height:18px;margin-top:4px;accent-color:var(--dw-navy);flex-shrink:0}
.dw-quote-form .elementor-field-type-acceptance label{font-size:.92rem;line-height:1.7;color:var(--dw-ink)}
.dw-quote-form .elementor-field-type-acceptance a{color:var(--dw-navy);text-decoration:underline}
/* submit + messages */
.dw-quote-form .e-form__buttons,.dw-quote-form .elementor-field-type-submit{justify-content:flex-start!important}
.dw-quote-form .elementor-button{background:var(--dw-ink)!important;color:var(--dw-bg)!important;border-radius:999px!important;padding:1em 2.4em!important;font:700 1.05rem var(--dw-f-body)!important;transition:transform .2s var(--dw-ease),box-shadow .3s;box-shadow:0 16px 30px -18px rgb(23 20 31/.7)}
.dw-quote-form .elementor-button:hover{transform:translateY(-2px)}
.dw-quote-form .elementor-message{font-size:.86rem;margin-top:6px}
.dw-quote-form .elementor-message-danger,.dw-quote-form .elementor-error .elementor-message{color:#b42318}
.dw-quote-form .elementor-error .elementor-field-textual,.dw-quote-form .elementor-error .dwq-card{border-color:#b42318!important}
.dw-quote-form .elementor-message-success{color:#1f7a45;font-weight:700}
/* side card */
.dw-quote-aside{background:var(--dw-ink);color:var(--dw-bg);border-radius:24px;padding:clamp(20px,3vw,32px);display:grid;gap:16px}
.dw-quote-aside .eyebrow{color:rgb(255 255 255/.6)}
.dw-quote-aside h3{font-size:1.4rem;color:#fff}
.dw-after{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:a}
.dw-after li{counter-increment:a;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;line-height:1.75;color:rgb(255 255 255/.86)}
.dw-after li::before{content:counter(a);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--dw-silver);color:var(--dw-ink);font:700 1rem var(--dw-f-logo)}
.dw-aside-meta{display:grid;gap:12px;border-top:1px solid rgb(255 255 255/.12);padding-top:16px}
.dw-aside-meta div{display:grid;gap:2px}
.dw-aside-meta span{font-size:.8rem;color:rgb(255 255 255/.6)}
.dw-aside-meta b,.dw-aside-meta a{font-weight:700;color:#fff;text-decoration:none!important}
.dw-aside-note{font-size:.8rem;color:rgb(255 255 255/.55);line-height:1.7}

/* Thank-you */
.dw-thanks{padding-block:clamp(56px,10vw,120px)}
.dw-thanks-card{max-width:660px;margin-inline:auto;text-align:center;display:grid;gap:14px;justify-items:center;background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:28px;padding:clamp(28px,5vw,56px)}
.dw-thanks h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.dw-check{width:76px;height:76px;color:#1f9d55}
.dw-check circle{stroke-dasharray:190;stroke-dashoffset:190;animation:dwDraw .9s var(--dw-ease) forwards}
.dw-check path{stroke-dasharray:50;stroke-dashoffset:50;animation:dwDraw .5s .7s var(--dw-ease) forwards}
@keyframes dwDraw{to{stroke-dashoffset:0}}
.dw-thanks-lead{color:var(--dw-muted);line-height:1.9;max-width:52ch}
.dw-thanks-ref{font-size:.95rem;background:var(--dw-chip);border-radius:999px;padding:.4em 1.1em}

@media (max-width:900px){
  .e-con.dw-quote-grid{grid-template-columns:minmax(0,1fr)}
  .e-con.dw-quote-side{position:static}
  .dw-collage-stage{min-height:240px;padding-bottom:36px}
}
@media (max-width:640px){
  .dw-quote-form .elementor-field-group{width:100%!important}
  .dw-quote-form .elementor-field-group.dwq{width:50%!important}
}
@media (prefers-reduced-motion:reduce){ .dw-collage img{animation:none} .dw-check circle,.dw-check path{animation:none;stroke-dashoffset:0} }

/* ================= Articles ================= */
.dw-sec-head h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.dw-progress{position:fixed;inset-inline:0;top:0;height:3px;z-index:70;pointer-events:none}
.dw-progress i{display:block;height:100%;width:100%;transform-origin:var(--dw-origin,right);transform:scaleX(0);background:linear-gradient(90deg,var(--dw-navy),var(--dw-cyan))}
html:not([dir="rtl"]) .dw-progress i{--dw-origin:left}
.dw-a-hero{padding-top:clamp(28px,5vw,64px);display:grid;gap:14px;justify-items:start;text-align:start}
.dw-a-hero>*{max-width:860px}
.dw-a-hero .dw-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--dw-muted);margin:0}
.dw .dw-a-hero .dw-crumbs a{text-decoration:none;color:var(--dw-navy)}
.dw .dw-hero .dw-crumbs a{color:#fff;text-decoration:none}
.dw .dw-hero .dw-crumbs a:hover{text-decoration:underline}
.dw .dw-a-title{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.2}
.dw-a-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--dw-muted);line-height:1.9;max-width:62ch}
.dw-a-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.85rem;color:var(--dw-muted)}
.dw-a-meta span+span::before{content:"·";margin-inline-end:18px;color:var(--dw-line)}
.dw-a-figure{margin-block:clamp(24px,4vw,44px) 0}
.dw-a-img{border-radius:28px;overflow:hidden;aspect-ratio:16/8;background:var(--dw-chip);box-shadow:0 40px 70px -50px rgb(23 20 31/.55)}
.dw-a-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform .2s linear;will-change:transform}
.dw-a-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(28px,5vw,72px);align-items:start;padding-block:clamp(36px,6vw,72px)}
.dw-a-side{grid-column:2;grid-row:1;position:sticky;top:100px;display:grid;gap:22px}
.dw-prose{grid-column:1;grid-row:1;max-width:740px;font-size:1.08rem;line-height:2;color:var(--dw-ink)}
html[lang^="en"] .dw-prose{line-height:1.8}
.dw-prose>*+*{margin-top:1.1em}
.dw .dw-prose h2{font-size:clamp(1.45rem,2.6vw,1.9rem);margin-top:2.2em;scroll-margin-top:110px;padding-top:.2em}
.dw .dw-prose h3{font-size:1.2rem;margin-top:1.8em}
.dw-prose a{color:var(--dw-navy);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--dw-cyan) 60%,transparent);text-underline-offset:4px;text-decoration-thickness:2px}
.dw-prose a:hover{text-decoration-color:var(--dw-navy)}
.dw-prose ul,.dw-prose ol{padding-inline-start:1.3em}
.dw-prose li+li{margin-top:.45em}
.dw-prose ul li::marker{color:var(--dw-cyan)}
.dw-prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;line-height:1.6;border:1px solid var(--dw-line);border-radius:16px;overflow:hidden;background:var(--dw-surface);display:block;overflow-x:auto}
.dw-prose th,.dw-prose td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--dw-line);vertical-align:top}
.dw-prose thead th{background:var(--dw-bg);font-weight:700;font-size:.85rem;color:var(--dw-muted);white-space:nowrap}
.dw-prose tbody tr:last-child td{border-bottom:0}
.dw-prose tbody tr:hover td{background:color-mix(in srgb,var(--dw-cyan) 5%,transparent)}
/* side */
.dw-toc p,.dw-a-prods>p,.dw-share>p{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dw-muted);margin-bottom:10px;font-weight:700}
.dw-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:2px;border-inline-start:2px solid var(--dw-line)}
.dw .dw-toc a{display:block;padding:6px 14px;margin-inline-start:-2px;border-inline-start:2px solid transparent;text-decoration:none;color:var(--dw-muted);font-size:.92rem;line-height:1.5;transition:color .2s,border-color .2s}
.dw .dw-toc a:hover,.dw .dw-toc a.is-on{color:var(--dw-ink);border-color:var(--dw-navy);font-weight:700}
.dw-a-prods{display:grid;gap:8px}
.dw .dw-a-prods a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none;color:var(--dw-ink);padding:8px;border-radius:14px;border:1px solid var(--dw-line);background:var(--dw-surface);transition:border-color .2s,transform .2s}
.dw .dw-a-prods a:hover{border-color:var(--c);transform:translateY(-2px)}
.dw-a-prods img{width:64px;height:auto;border-radius:6px}
.dw-a-prods b{display:block;font-size:.95rem}
.dw-a-prods small{display:block;color:var(--dw-muted);font-size:.78rem;line-height:1.5}
.dw-share{display:flex;flex-wrap:wrap;gap:8px}
.dw-share>p{width:100%;margin:0}
.dw .dw-share a,.dw .dw-share button{font:600 .82rem var(--dw-f-body);padding:.45em .9em;border-radius:999px;border:1px solid var(--dw-line);background:var(--dw-surface);color:var(--dw-ink);text-decoration:none;cursor:pointer}
.dw .dw-share a:hover,.dw .dw-share button:hover{background:var(--dw-chip)}
/* components */
.dw-takeaways{background:linear-gradient(135deg,color-mix(in srgb,var(--dw-cyan) 10%,#fff),#fff 60%);border:1px solid color-mix(in srgb,var(--dw-cyan) 35%,var(--dw-line));border-radius:20px;padding:20px 24px;margin-block:1.6em!important}
.dw-tk-title{font-weight:800;color:var(--dw-navy);margin-bottom:8px!important}
.dw-tk-title span{color:var(--dw-cyan)}
.dw-takeaways ul{margin:0;padding-inline-start:1.2em;display:grid;gap:6px}
.dw-takeaways li{line-height:1.85}
.dw-boxquote{margin:1.2em 0 0!important;display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start;background:var(--dw-surface);border:1px solid var(--dw-line);border-inline-start:5px solid var(--c);border-radius:18px;padding:16px}
.dw .bq-img{display:block;text-decoration:none}
.bq-img img{width:100%;height:auto;border-radius:8px;box-shadow:0 14px 24px -16px rgb(0 0 0/.5);transition:transform .35s var(--dw-ease)}
.dw-boxquote:hover .bq-img img{transform:rotate(-3deg) scale(1.04)}
.bq-label{font-size:.78rem;color:var(--c);font-weight:700;margin:0 0 4px!important}
.dw-boxquote blockquote{margin:0;padding:0;border:0;font-size:1rem;line-height:1.9}
.dw-boxquote blockquote p{margin:0}
.dw .bq-link{display:inline-block;margin-top:8px;font-size:.88rem;font-weight:700;text-decoration:none;color:color-mix(in srgb,var(--c) 75%,var(--dw-ink))}
.dw-note{border-radius:16px;padding:14px 18px;background:var(--dw-bg);border:1px solid var(--dw-line);font-size:.92rem;line-height:1.8;color:var(--dw-muted)}
.dw-note p{margin:0}
.dw-note p+p{margin-top:6px}
.dw-note-legal{margin-top:2.4em!important}
.dw-prose .dw-faq{max-width:none}
.dw-q-a{color:var(--dw-muted);line-height:1.9;padding-bottom:14px}
.dw-q-a p{margin:0}
.dw-sources{border:1px solid var(--dw-line);border-radius:16px;padding:4px 18px;background:var(--dw-surface)}
.dw-sources summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--dw-navy)}
.dw-sources ol{font-size:.92rem;line-height:1.8;padding-bottom:12px}
.dw-acta{background:var(--dw-ink);color:var(--dw-bg);border-radius:24px;padding:clamp(22px,4vw,36px);margin-block:2.4em!important}
.dw .dw-acta h2{color:#fff;margin-top:0!important;font-size:1.5rem}
.dw-acta p{color:rgb(255 255 255/.8)}
.dw .dw-acta a:not(.dw-btn){color:#fff}
.dw .dw-acta .dw-btn{color:var(--dw-ink)!important;text-decoration:none}
.dw-acta-btn{margin-top:16px!important}
/* tools */
.dw-tool{margin-block:1.8em!important;background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:24px;padding:clamp(18px,3vw,28px);box-shadow:0 30px 60px -48px rgb(23 20 31/.5);display:grid;gap:16px;font-size:1rem;line-height:1.6}
.tool-head .eyebrow{margin:0}
.tool-title{font:700 1.25rem var(--dw-f-head);margin:2px 0 0!important}
.tool-sub{color:var(--dw-muted);font-size:.88rem;margin:4px 0 0!important}
.tool-src{font-size:.8rem;color:var(--dw-muted);margin:0!important;border-top:1px dashed var(--dw-line);padding-top:12px}
.d3-io{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end}
.d3-io b{font:700 1.6rem var(--dw-f-latin);color:var(--dw-muted);padding-bottom:8px}
.d3-io label{display:grid;gap:6px;font-size:.85rem;color:var(--dw-muted);font-weight:600}
.dw .d3-io input{width:100%;font:700 1.6rem var(--dw-f-latin);color:var(--dw-ink);background:var(--dw-bg);border:1px solid var(--dw-line);border-radius:14px;padding:10px 14px;text-align:center;direction:ltr}
.dw .d3-io input:focus{outline:0;border-color:var(--dw-navy);box-shadow:0 0 0 3px rgb(38 34 95/.12)}
.d3-track{position:relative;height:44px;margin-top:8px}
.d3-track::before{content:"";position:absolute;inset-inline:0;top:18px;height:8px;border-radius:99px;background:linear-gradient(90deg,#d8f1e4 0 12%,#eef6f1 12% 80%,#fde6e2 80% 100%)}
html[dir="rtl"] .d3-track::before{background:linear-gradient(270deg,#d8f1e4 0 12%,#eef6f1 12% 80%,#fde6e2 80% 100%)}
.d3-fill{position:absolute;top:18px;height:8px;inset-inline-start:0;width:var(--w,8%);border-radius:99px;background:linear-gradient(90deg,var(--dw-navy),var(--dw-cyan));transition:width .35s var(--dw-ease)}
.d3-fill.is-over{background:linear-gradient(90deg,#d06a4e,#b42318)}
.d3-ref{position:absolute;inset-inline-start:var(--x);top:0;bottom:0}
.d3-ref i{position:absolute;top:12px;width:2px;height:20px;background:var(--dw-muted);border-radius:2px}
.d3-ref em{position:absolute;top:34px;transform:translateX(50%);white-space:nowrap;font-style:normal;font-size:.72rem;color:var(--dw-muted)}
html:not([dir="rtl"]) .d3-ref em{transform:translateX(-50%)}
.d3-ul i{background:#b42318}
.d3-dot{position:absolute;inset-inline-start:var(--x);top:15px;width:14px;height:14px;margin-inline-start:-7px;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 2px 6px rgb(0 0 0/.25)}
.d3-range{width:100%;accent-color:var(--dw-navy);margin-top:6px}
.d3-msg{font-weight:700;font-size:1.05rem;margin:0!important;line-height:1.8}
.d3-msg.is-over{color:#b42318;font-weight:600;font-size:.95rem}
.d3-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0!important;margin:0!important}
.d3-chips li{margin:0!important}
.dw .d3-chips button{font:600 .82rem var(--dw-f-body);border:1px solid var(--dw-line);border-radius:999px;padding:.4em .9em;background:var(--dw-bg);color:var(--dw-ink);cursor:pointer}
.dw .d3-chips button:hover{border-color:var(--dw-navy)}
.d3-boxes>p{font-size:.85rem;color:var(--dw-muted);font-weight:700;margin:0 0 8px!important}
.d3-boxes ul{list-style:none;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.d3-boxes li{margin:0!important}
.dw .d3-boxes button{width:100%;height:100%;display:grid;gap:2px;text-align:start;border:1px solid var(--dw-line);border-top:4px solid var(--c);border-radius:12px;padding:10px;background:var(--dw-surface);cursor:pointer;color:var(--dw-ink);font:inherit;transition:transform .2s,box-shadow .2s}
.dw .d3-boxes button:hover{transform:translateY(-2px);box-shadow:0 12px 20px -16px var(--c)}
.d3-boxes b{font-size:.92rem}
.d3-boxes .latin{font-size:.82rem;color:color-mix(in srgb,var(--c) 70%,var(--dw-ink));font-weight:700}
.d3-boxes small{font-size:.72rem;color:var(--dw-muted);line-height:1.5}
/* folic timeline */
.fo-axis{position:relative;height:22px;margin-inline-start:150px;border-bottom:1px dashed var(--dw-line)}
.fo-axis span{position:absolute;inset-inline-start:var(--x);font-size:.72rem;color:var(--dw-muted);white-space:nowrap;transform:translateX(50%)}
html:not([dir="rtl"]) .fo-axis span{transform:translateX(-50%)}
.fo-axis span:first-child{transform:none!important}
.fo-axis span::after{content:"";position:absolute;top:18px;inset-inline-start:50%;width:1px;height:calc(var(--rows,4) * 54px);background:var(--dw-line)}
.fo-rows{list-style:none;padding:0!important;margin:0!important;display:grid;gap:10px;position:relative}
.fo-rows li{margin:0!important}
.dw .fo-rows button{width:100%;display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:center;background:none;border:0;padding:4px 0;cursor:pointer;text-align:start;color:var(--dw-ink);font:600 .9rem var(--dw-f-body)}
.fo-bar{position:relative;height:30px;border-radius:10px;background:var(--dw-bg)}
.fo-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:10px;background:var(--c);transition:width 1.1s var(--dw-ease) var(--d);box-shadow:0 8px 16px -10px var(--c)}
.dw-tool.is-in .fo-bar i,.dw-js .dw-tool:not(.dw-reveal) .fo-bar i{width:var(--end)}
.fo-rows li.is-try .fo-bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,transparent),var(--c) 22%)}
html[dir="rtl"] .fo-rows li.is-try .fo-bar i{background:linear-gradient(270deg,color-mix(in srgb,var(--c) 30%,transparent),var(--c) 22%)}
.fo-rows li.is-open .fo-bar i::after{content:"";position:absolute;inset-inline-end:-10px;top:5px;border-block:10px solid transparent;border-inline-start:12px solid var(--c)}
.fo-rows li button[aria-expanded="true"] .fo-name{color:var(--c)}
.fo-text{margin:4px 0 6px!important;margin-inline-start:150px!important;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--c) 7%,#fff);border-inline-start:3px solid var(--c);font-size:.92rem;line-height:1.8}
.fo-legend{font-size:.78rem;color:var(--dw-muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0!important}
.fo-legend span{display:inline-block;width:26px;height:10px;border-radius:4px}
.lg-try{background:linear-gradient(90deg,#cfe8de,#0F7A5C)}
.lg-open{background:#4A4A68;clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%)}
.dw-a-more{padding-bottom:clamp(56px,8vw,104px)}
@media (max-width:1000px){
  .dw-a-grid{grid-template-columns:minmax(0,1fr)}
  .dw-a-side{grid-column:1;grid-row:auto;position:static;order:2}
  .dw-toc{display:none}
  .dw-prose{grid-row:auto}
}
@media (max-width:640px){
  .dw-a-img{aspect-ratio:4/3;border-radius:20px}
  .dw-boxquote{grid-template-columns:96px minmax(0,1fr);gap:12px}
  .d3-boxes ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fo-axis{margin-inline-start:0}
  .dw .fo-rows button{grid-template-columns:minmax(0,1fr);gap:4px}
  .fo-text{margin-inline-start:0!important}
  .fo-axis span::after{display:none}
}
/* Article fixes */
.dw-post{background:transparent}
.dw .dw-prose p,.dw .dw-prose li{font-size:1.08rem;line-height:2;color:var(--dw-ink)}
html[lang^="en"] .dw .dw-prose p,html[lang^="en"] .dw .dw-prose li{line-height:1.8}
.dw .dw-prose>p{margin:0 0 1.1em}
.dw .dw-prose .dw-takeaways li,.dw .dw-prose .dw-boxquote p{font-size:1rem}
.dw .dw-prose .dw-note p{font-size:.92rem;color:var(--dw-muted)}
.dw .dw-prose .dw-q-a p{color:var(--dw-muted)}
.dw .dw-prose .dw-acta p{color:rgb(255 255 255/.82)}
.dw-prose-table{border:1px solid var(--dw-line);border-radius:16px;background:var(--dw-surface)}
.dw-prose .dw-prose-table table{display:table;border:0;border-radius:0;min-width:620px}
.dw-a-img{aspect-ratio:16/9}
.dw-a-img img{object-position:50% 62%;transform:none}
.dw .d3-boxes button{white-space:normal;align-content:start}
.d3-boxes b,.d3-boxes .latin,.d3-boxes small{display:block}
.d3-ref em{font-size:.7rem}

/* ================= About ================= */
.dw-sec-pad{padding-top:clamp(64px,9vw,120px)}
.dw-sec-pad>.dw-sec-head{margin-bottom:36px!important}
/* 3D logo */
.dw-logo-stage{perspective:1100px;min-height:380px}
.dw-logo3d{position:relative;width:min(240px,46vw);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-24deg);will-change:transform}
.lg-layer{position:absolute;inset:0}
.lg-layer svg{width:100%;height:100%;display:block}
.lg-front{transform:translateZ(1px)}
.lg-front svg{filter:drop-shadow(0 0 1px rgb(255 255 255/.25))}
.lg-gloss{position:absolute;inset:0;border-radius:17%;background:linear-gradient(125deg,rgb(255 255 255/.32),rgb(255 255 255/0) 42%,rgb(255 255 255/0) 70%,rgb(255 255 255/.12));pointer-events:none;mix-blend-mode:screen}
.dw-logo-shadow{position:absolute;bottom:8%;width:46%;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0/.45),transparent);filter:blur(6px)}
/* counters */
.dw-stats b{font-size:clamp(1.8rem,3.4vw,2.6rem);font-family:var(--dw-f-latin);font-weight:700;letter-spacing:-.02em;color:var(--dw-navy)}
/* values */
.dw-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:1000px}
.dw-value{position:relative;background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:24px;padding:28px 26px 30px;display:grid;gap:10px;align-content:start;transform-style:preserve-3d;transition:transform .5s var(--dw-ease),box-shadow .5s,opacity .8s var(--dw-ease)!important;overflow:hidden}
.dw-value::after{content:"";position:absolute;inset:auto -30% -60% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--dw-cyan) 22%,transparent),transparent);pointer-events:none}
.dw-value:hover{box-shadow:0 30px 50px -36px rgb(38 34 95/.5)}
.dw-value .num{font-size:2.6rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--dw-navy),var(--dw-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.dw-value h3{font-size:1.25rem}
.dw-value p{color:var(--dw-muted);line-height:1.85}
/* timeline */
.dw-timeline{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:34px;max-width:820px}
.tl-line{position:absolute;inset-block:8px;inset-inline-start:13px;width:3px;border-radius:3px;background:var(--dw-line)}
.tl-line b{position:absolute;inset-inline:0;top:0;height:var(--p,0%);border-radius:3px;background:linear-gradient(180deg,var(--dw-navy),var(--dw-cyan));transition:height .2s linear}
.dw-timeline li{position:relative;padding-inline-start:58px;display:grid;gap:6px}
.tl-dot{position:absolute;inset-inline-start:2px;top:4px;width:25px;height:25px;border-radius:50%;background:var(--dw-surface);border:3px solid var(--dw-line);transition:border-color .5s,transform .5s var(--dw-ease)}
.dw-timeline li.is-in .tl-dot{border-color:var(--dw-cyan);transform:scale(1.08);box-shadow:0 0 0 6px color-mix(in srgb,var(--dw-cyan) 18%,transparent)}
.tl-year{font:700 clamp(1.6rem,3.2vw,2.4rem)/1 var(--dw-f-latin);color:var(--dw-navy)}
.dw-timeline h3{font-size:1.25rem}
.dw-timeline li>p:last-child{color:var(--dw-muted);line-height:1.85;max-width:60ch}
/* branches */
.dw-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dw-branch{position:relative;background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:24px;padding:26px;display:grid;gap:8px;align-content:start;overflow:hidden;transition:transform .4s var(--dw-ease),box-shadow .4s,opacity .8s var(--dw-ease)!important}
.dw-branch:hover{transform:translateY(-4px);box-shadow:0 30px 50px -36px rgb(23 20 31/.45)}
.dw-branch::before{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:140px;height:140px;border-radius:32px;background:var(--dw-navy);opacity:.06;transform:rotate(18deg)}
.br-num{font:700 .85rem var(--dw-f-latin);color:var(--dw-cyan);letter-spacing:.1em}
.br-area{color:var(--dw-muted);font-size:.9rem}
.dw-branch h3{font-size:1.3rem}
.br-hours{font-size:.92rem;line-height:1.8;background:var(--dw-bg);border-radius:12px;padding:10px 12px}
.br-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.dw .br-phone{font-weight:700;text-decoration:none;color:var(--dw-ink);direction:ltr}
/* brand band */
.dw-brand-band{background:var(--dw-navy);border-radius:32px;padding:clamp(28px,5vw,60px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;overflow:hidden;position:relative}
.dw-brand-band::before{content:"";position:absolute;inset:auto auto -120px -80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgb(0 174 239/.35),transparent)}
.dw-brand-band .dw-sec-head h2{color:#fff}
.dw-brand-band .dw-sec-head p{color:rgb(255 255 255/.8)}
.dw-brand-band .eyebrow{color:rgb(255 255 255/.6)}
.bb-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.bb-stage{min-height:170px;text-decoration:none!important}
.bb-stage .dw-box{animation:dwBob 5s ease-in-out infinite;animation-delay:calc(var(--i) * -1.2s)}
@keyframes dwBob{0%,100%{translate:0 0}50%{translate:0 -8px}}
/* legal */
.dw-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dw-lg-card{background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:24px;padding:26px}
.dw-lg-card h3{font-size:1.2rem;margin-bottom:12px}
.dw-lg-card ul{margin:0;padding-inline-start:1.1em;display:grid;gap:8px;line-height:1.8}
.dw-lg-card li::marker{color:var(--dw-cyan)}
.dw .dw-lg-card a{color:var(--dw-navy)}
@media (max-width:900px){
  .dw-values,.dw-branches,.dw-legal-grid,.dw-brand-band{grid-template-columns:minmax(0,1fr)}
  .dw-logo-stage{min-height:260px;padding-bottom:30px}
}
@media (prefers-reduced-motion:reduce){ .bb-stage .dw-box{animation:none} }

/* ================= FAQ page / legal / 404 ================= */
.dw-faq-page .dw-sec-head h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.dw-faq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.dw .dw-faq-chips a{display:inline-flex;gap:8px;align-items:center;padding:.5em 1.1em;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 35%,var(--dw-line));background:var(--dw-surface);text-decoration:none;color:var(--dw-ink);font-weight:700;font-size:.92rem;transition:background .25s,color .25s}
.dw .dw-faq-chips a:hover{background:var(--c);color:#fff}
.dw-faq-chips a span{font-size:.75rem;opacity:.7}
.dw-faq-groups{display:grid;gap:40px;margin-top:40px}
.dw-faq-group{scroll-margin-top:110px}
.fg-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;border-inline-start:4px solid var(--c);padding-inline-start:14px}
.dw .fg-head h2{font-size:1.5rem}
.dw-faq-group .dw-faq{max-width:none}
.dw-faq-group .dw-faq details[open]{border-color:color-mix(in srgb,var(--c) 40%,var(--dw-line))}
.dw-ask{margin-top:56px;background:var(--dw-ink);color:var(--dw-bg);border-radius:28px;padding:clamp(24px,4vw,40px);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.dw .dw-ask h2{color:#fff;font-size:1.6rem}
.dw-ask p{color:rgb(255 255 255/.8);margin-top:6px}
.dw-legal-page .dw-a-hero{padding-bottom:10px}
.dw-legal-page .dw-prose h2{font-size:1.35rem}
.dw-404{padding-block:clamp(56px,10vw,120px);text-align:center}
.dw-404 .dw-wrap{display:grid;justify-items:center;gap:16px}
.nf-big{display:flex;align-items:center;gap:clamp(8px,2vw,22px);font:700 clamp(6rem,18vw,12rem)/1 var(--dw-f-latin);color:var(--dw-navy);letter-spacing:-.04em}
.nf-mark svg{width:clamp(80px,14vw,140px);height:auto;display:block;animation:dwSpin 9s var(--dw-ease) infinite;filter:drop-shadow(0 20px 30px rgb(38 34 95/.35))}
@keyframes dwSpin{0%,100%{transform:perspective(600px) rotateY(-22deg) rotate(-6deg) translateY(0)}50%{transform:perspective(600px) rotateY(22deg) rotate(6deg) translateY(-8px)}}
.dw-404 h1{font-size:clamp(1.6rem,4vw,2.4rem)}
.dw-404 p{color:var(--dw-muted);max-width:52ch}
.dw-404 .dw-actions{max-width:760px}
@media (prefers-reduced-motion:reduce){ .nf-mark svg{animation:none} }

/* ================= Cookie consent ================= */
.dw .dw-cs-open{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
/* Comfortable tap targets on phones */
.dw .dw-compare thead th a,.dw .dw-specs tbody th a,.dw .bq-link,.dw .dw-more{display:inline-block;padding-block:9px}
.dw .d3-range{height:32px}
.d3-boxes small{font-size:.78rem}
.dw-quote-form .elementor-field-type-acceptance label{padding-block:4px}

/* ================= Alignment: every block on the same two edges ================= */
.dw-nav{max-width:calc(var(--dw-max) - 2 * var(--dw-gut))}
.dw-mega{max-width:calc(var(--dw-max) - 2 * var(--dw-gut))}
.dw .dw-a-figure{margin-inline:auto;width:100%}
.dw-legal{border-top:0;position:relative}
.dw-legal::before{content:"";position:absolute;top:0;inset-inline:var(--dw-gut);height:1px;background:var(--dw-line)}
/* Article polish */
.dw-a-cat{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--dw-navy);background:color-mix(in srgb,var(--dw-cyan) 12%,#fff);border:1px solid color-mix(in srgb,var(--dw-cyan) 30%,var(--dw-line));border-radius:999px;padding:.3em .9em;text-decoration:none!important}
.dw .dw-prose h2::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--dw-navy),var(--dw-cyan));margin-bottom:14px}
html[dir="rtl"] .dw .dw-prose h2::before{background:linear-gradient(270deg,var(--dw-navy),var(--dw-cyan))}
.dw-toc-m{display:none;margin-bottom:1.6em!important;border:1px solid var(--dw-line);border-radius:16px;background:var(--dw-surface);padding:4px 16px}
.dw-toc-m summary{cursor:pointer;font-weight:700;padding:12px 0;list-style:none;display:flex;justify-content:space-between}
.dw-toc-m summary::after{content:"+";font-family:var(--dw-f-latin)}
.dw-toc-m[open] summary::after{content:"−"}
.dw-toc-m ol{margin:0 0 12px;padding-inline-start:1.2em;display:grid;gap:6px;font-size:.95rem}
.dw .dw-toc-m a{text-decoration:none;color:var(--dw-ink)}
.dw-mega-all{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;background:var(--dw-ink);color:var(--dw-bg)!important;border-radius:18px!important;padding:14px 18px!important;font-weight:700}
.dw-mega-all span{color:rgb(255 255 255/.7);font-weight:400;font-size:.88rem}
.dw-mega a.dw-mega-all:hover{background:var(--dw-navy)}
.dw .dw-foot h4 a,.dw .dw-foot .dw-foot-h a{color:inherit}
@media (max-width:1000px){ .dw-toc-m{display:block} }
.dw-mobile .mm-all{font-weight:700;color:var(--dw-navy)!important;border-bottom:1px solid var(--dw-line)}
/* Elementor zeroes figure margins inside widgets; keep the article image centred on the same edges */
.dw .dw-a-figure{margin:clamp(24px,4vw,44px) auto 0!important}
.dw .dw-prose figure{margin-inline:0!important}
/* Facts strip: band stays full width, its text sits on the page edges */
.dw-facts-strip{--edge:max(var(--dw-gut),calc((100% - var(--dw-max)) / 2 + var(--dw-gut)));background:var(--dw-bg);gap:0;padding-inline:var(--edge)}
.dw-facts-strip>div{background:transparent;padding:22px clamp(14px,2vw,28px);border-inline-start:1px solid var(--dw-line)}
.dw-facts-strip>div:first-child{border-inline-start:0;padding-inline-start:0}
.dw-facts-strip>div:last-child{padding-inline-end:0}
@media (max-width:900px){
  .dw-facts-strip>div{padding-inline:14px}
  .dw-facts-strip>div:nth-child(odd){border-inline-start:0;padding-inline-start:0}
  .dw-facts-strip>div:nth-child(even){padding-inline-end:0}
  .dw-facts-strip>div:nth-child(n+3){border-top:1px solid var(--dw-line)}
}
/* Elementor containers that carry .dw-wrap keep the page width */
.e-con.dw-wrap{max-width:var(--dw-max)!important;width:100%!important;margin-inline:auto!important;padding-inline:var(--dw-gut)!important;box-sizing:border-box}

/* ---------- Pre-launch review fixes (1.8.7) ---------- */
html{scroll-padding-top:110px}
/* Quote form: field edges at 3:1, readable placeholders, clear focus */
.dw-quote-form .elementor-field-textual,.dw-quote-form .elementor-field-group select{border-color:#8E8A9A!important;background:#fff!important}
.dw-quote-form .elementor-field-textual::placeholder{color:#6F6B7B}
.dw-quote-form .elementor-field-textual:focus,.dw-quote-form select:focus{outline:2px solid var(--dw-navy)!important;outline-offset:2px}
.dw-quote-form .elementor-field-type-acceptance label{font-family:var(--dw-f-body)}
.br-num{color:#0077A8}
html[lang^="en"] .dw-hero-copy .eyebrow{margin-bottom:18px}
/* Cards right under a section head (home, /products/) */
.dw-block.tight.no-head{padding-top:clamp(28px,4vw,44px)}
/* Articles: no empty column when there are fewer than three */
@media (min-width:901px){
  .dw-articles:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .dw-articles:has(> :only-child){grid-template-columns:minmax(0,1fr);max-width:420px}
}
/* Home hero: line for pharmacies and distributors */
.dw .dw-hero-b2b{display:inline-flex;gap:6px;margin-top:18px;font-size:.92rem;color:rgb(255 255 255/.88);text-decoration:underline;text-decoration-color:rgb(255 255 255/.35);text-underline-offset:4px}
.dw .dw-hero-b2b:hover{color:#fff;text-decoration-color:#fff}
.dw-hero-b2b+.dw-switcher{margin-top:20px}
/* Product page: questions + side card */
.dw-pmeta-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:start}
.dw-pmeta-grid .dw-faq{max-width:none}
.dw-p-aside{background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:22px;padding:24px;display:grid;gap:20px;margin-top:20px}
.dw-p-aside>div{display:grid;gap:6px}
.dw-p-aside>div+div{border-top:1px solid var(--dw-line);padding-top:18px}
.dw-p-aside h3{font-size:1.05rem}
.dw-p-aside p{color:var(--dw-muted);line-height:1.7;margin:0}
.dw-p-aside ul{margin:0;padding-inline-start:1.1em;display:grid;gap:6px}
.dw-p-aside a{color:var(--dw-navy);font-weight:600}
@media (max-width:900px){
  .dw-pmeta-grid{grid-template-columns:minmax(0,1fr)}
  /* Quote button stays visible in the phone header */
  .dw .dw-nav-cta{display:inline-flex;margin-inline-start:auto;padding:0 16px;min-height:44px;font-size:.86rem}
  .dw .dw-nav-cta+.dw-burger{margin-inline-start:8px}
}
@media (max-width:340px){ .dw .dw-nav-cta{display:none} .dw .dw-nav-cta+.dw-burger{margin-inline-start:auto} }
.dw-main{display:block;outline:0}
.dw-compare-note{margin:14px 0 0;font-size:.88rem;color:var(--dw-muted)}
@media (max-width:900px){
  .dw-header .dw-nav{gap:8px}
  .dw .dw-burger,.dw .dw-nav-cta{flex-shrink:0}
  .dw-nav .dw-brand{min-width:0}
  .dw .dw-hero-b2b{display:inline}
}
@media (max-width:480px){
  .dw-header .dw-brand span{display:none}
  .dw .dw-nav-cta{padding:0 14px;font-size:.82rem}
}
@media (max-width:380px){ .dw .dw-nav-cta{padding:0 11px;font-size:.76rem;letter-spacing:0} }
.dw .dw-page-h1.is-long{font-size:clamp(1.9rem,3.6vw,2.9rem);max-width:16em}

/* ================= Cookie notice: small, quiet card ================= */
.dw-consent{position:fixed;bottom:20px;inset-inline-start:20px;z-index:90;width:min(372px,calc(100vw - 32px));padding-bottom:env(safe-area-inset-bottom,0px)}
.dw-consent .cs-box{background:rgb(255 255 255/.94);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgb(23 20 31/.08);border-radius:16px;box-shadow:0 22px 48px -24px rgb(23 20 31/.38);padding:14px 16px;display:grid;gap:12px;animation:dwCs .45s var(--dw-ease) both}
.dw-intro-on .dw-consent .cs-box{animation-delay:1.2s}
@keyframes dwCs{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.dw .cs-text{margin:0;color:var(--dw-muted);font:400 .82rem/1.7 var(--dw-f-body)}
.dw .cs-text a{color:var(--dw-ink);text-decoration:underline;text-underline-offset:3px}
.cs-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.dw .cs-btn,.dw .cs-btn:hover,.dw .cs-btn:focus{min-height:34px;padding:0 16px!important;border-radius:999px!important;font:600 .8rem/1 var(--dw-f-body)!important;cursor:pointer;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
.dw .cs-yes,.dw .cs-yes:hover,.dw .cs-yes:focus{background:var(--dw-ink)!important;color:#fff!important;border:1px solid var(--dw-ink)!important}
.dw .cs-no,.dw .cs-no:hover,.dw .cs-no:focus{background:transparent!important;color:var(--dw-ink)!important;border:1px solid rgb(23 20 31/.22)!important}
.dw .cs-btn[hidden]{display:none!important}
.dw .cs-link,.dw .cs-link:hover,.dw .cs-link:focus{margin-inline-start:auto;background:none!important;border:0!important;padding:8px 4px!important;color:var(--dw-muted)!important;font:500 .78rem var(--dw-f-body)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none!important}
.dw .cs-btn:focus-visible,.dw .cs-link:focus-visible{outline:2px solid var(--dw-navy);outline-offset:2px}
.cs-prefs{display:grid;gap:2px;border-top:1px solid rgb(23 20 31/.08);padding-top:6px}
.cs-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;cursor:pointer}
.cs-opt span{display:grid;gap:1px}
.cs-opt b{font:600 .82rem var(--dw-f-body);color:var(--dw-ink)}
.cs-opt small{font-size:.74rem;color:var(--dw-muted)}
.dw .cs-opt input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:34px;height:20px;margin:0;border-radius:999px;background:#D9D6E0;position:relative;cursor:pointer;transition:background .2s}
.dw .cs-opt input::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/.25);transition:inset-inline-start .2s}
.dw .cs-opt input:checked{background:var(--dw-navy)}
.dw .cs-opt input:checked::after{inset-inline-start:16px}
.dw .cs-opt input:disabled{opacity:.55;cursor:default}
.dw .cs-opt input:focus-visible{outline:2px solid var(--dw-navy);outline-offset:2px}
@media (max-width:600px){
  .dw-consent{inset-inline:12px;bottom:12px;width:auto}
  .dw-consent .cs-box{padding:12px 14px;gap:10px}
}
.dw .cs-prefs[hidden]{display:none!important}
/* Accept leads; «لا، شكرًا» stays visible and one tap, but quiet. */
.dw .cs-yes,.dw .cs-yes:hover,.dw .cs-yes:focus{min-height:36px;padding:0 22px!important}
.dw .cs-later,.dw .cs-later:hover,.dw .cs-later:focus{background:none!important;border:0!important;box-shadow:none!important;padding:8px 6px!important;color:#8E8A9A!important;font:500 .76rem var(--dw-f-body)!important;text-decoration:none;cursor:pointer}
.dw .cs-later:hover{color:var(--dw-muted)!important;text-decoration:underline}
.dw .cs-later:focus-visible{outline:2px solid var(--dw-navy);outline-offset:2px}
.dw .cs-actions{justify-content:flex-start;gap:10px}