@font-face{font-family:Dana;src:url('../fonts/Dana-Hairline.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-Thin.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-UltraLight.woff2') format('woff2');font-weight:250;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-DemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url('../fonts/Dana-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}

:root{
  --ink:#211b1e;--ink-2:#2b2428;--red:#d7080d;--red-2:#ee151b;--red-soft:#fff0f0;
  --paper:#f7f7fb;--panel:#fff;--muted:#747078;--line:#e9e7eb;--soft:#f1f1f4;
  --green:#1da77a;--yellow:#f4b51c;--shadow:0 20px 60px rgba(29,22,27,.09);
  --shadow-sm:0 10px 30px rgba(29,22,27,.08);--radius:28px;--radius-sm:18px;
  --ease:cubic-bezier(.16,1,.3,1);--max:1480px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Dana,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8;overflow-x:clip}body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}img{max-width:100%;display:block}svg{display:block}::selection{background:var(--red);color:#fff}
/* `<svg width="18"><use href="#icon"></svg>` carries no viewBox of its own (the
   symbol has it), so it has no intrinsic ratio: height falls back to the 150px
   replaced-element default and silently inflates every button, icon tile and
   flex row it sits in. All icon symbols here are square, so pin the ratio. */
/* `:where()` keeps this at plain type-selector specificity so any rule that
   sizes a decorative SVG (hero curve, contour, promo curves) still wins. */
svg:where(:not([height])){height:auto;aspect-ratio:1}
.container-xl{width:min(calc(100% - 48px),var(--max));margin-inline:auto;min-width:0}.section{padding:90px 0}.section-tight{padding:62px 0}.section-white{background:#fff}.section-dark{background:var(--ink);color:#fff}.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:700;font-size:13px}.eyebrow:before{content:"";width:22px;height:3px;border-radius:9px;background:var(--red)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{font-size:clamp(25px,3vw,39px);line-height:1.3;margin:5px 0 8px;font-weight:900;letter-spacing:-.7px}.section-head p{margin:0;color:var(--muted);max-width:650px}.section-link{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:800;white-space:nowrap}.section-link:hover{gap:14px}.section-link,.btn-primary,.btn-outline,.btn-ghost,.icon-btn,.product-card,.category-card,.service-card,.blog-card,.mini-product,.brand-chip,.faq-item{transition:.35s var(--ease)}
.promo-strip{height:38px;background:var(--red);color:#fff;font-size:12px;font-weight:700}.promo-strip .container-xl{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.promo-strip .promo-left{display:flex;align-items:center;gap:18px}.promo-strip b{font-weight:900}.promo-strip a{border-bottom:1px solid rgba(255,255,255,.65)}
.hero-wrap{padding:18px 0 0}.hero-shell{position:relative;min-height:715px;border-radius:38px;overflow:hidden;background:#1c1719;box-shadow:0 30px 80px rgba(21,16,19,.14)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,11,13,.42),rgba(15,11,13,.72)),url('../img/hero-fireplace.jpg') center/cover no-repeat;transform:scale(1.03)}.hero-glow{position:absolute;width:480px;height:480px;left:56%;top:30%;border-radius:50%;background:rgba(221,29,26,.16);filter:blur(100px);pointer-events:none}.site-header{position:relative;z-index:20;margin:0 28px;border-radius:25px;background:rgba(30,24,27,.93);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.13)}.hero-shell .site-header{margin-top:26px}.header-top{min-height:92px;padding:0 25px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;min-width:205px}.brand-badge{width:54px;height:54px;border-radius:50%;background:#fff;color:var(--red);border:4px solid var(--red);display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 2px #fff}.brand-text{display:flex;flex-direction:column;line-height:1.45}.brand-text strong{font-size:18px}.brand-text small{font-size:10px;color:#cfc9cc}.searchbar{height:47px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:10px;padding:0 16px;max-width:650px;width:100%;justify-self:center}.searchbar svg{width:18px;height:18px;opacity:.85}.searchbar input{border:0;outline:0;background:transparent;color:#fff;width:100%;min-width:0}.searchbar input::placeholder{color:#aaa5a8}.header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;white-space:nowrap}.login{font-size:13px;margin-left:5px}.icon-btn{position:relative;width:43px;height:43px;border-radius:14px;color:#fff;background:transparent;display:grid;place-items:center}.icon-btn svg{width:20px;height:20px}.icon-btn:hover,.icon-btn.active{background:var(--red)}.cart-count{position:absolute;right:0;top:-3px;width:18px;height:18px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff;font-size:10px;border:2px solid var(--ink)}.header-bottom{min-height:66px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav>a{position:relative;opacity:.92}.nav>a:after{content:"";position:absolute;right:0;left:100%;bottom:-8px;height:2px;background:var(--red);transition:.3s var(--ease)}.nav>a:hover:after{left:0}.nav .category-trigger{display:flex;align-items:center;gap:8px;font-weight:700}.support{display:flex;align-items:center;gap:10px;direction:ltr;text-align:left}.support .support-icon{width:36px;height:36px;border:1px solid rgba(255,255,255,.13);border-radius:12px;display:grid;place-items:center}.support b{font-size:12px}.support small{display:block;color:#aaa5a8;font-size:9px}.mobile-menu-btn{display:none}.mobile-drawer{display:none}.mega-menu{position:absolute;z-index:40;right:22px;left:22px;top:100%;margin-top:10px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(15,10,13,.2);padding:20px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.28s var(--ease)}.mega-menu.open{opacity:1;transform:none;pointer-events:auto}.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mega-item{padding:16px;border-radius:16px;background:#f8f8fa;display:flex;align-items:center;gap:11px}.mega-item:hover{background:var(--red-soft);color:var(--red)}.mega-icon{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--red);box-shadow:0 6px 16px rgba(20,15,18,.06)}
.hero-content{position:relative;z-index:3;padding:96px 70px 120px;max-width:760px;margin-right:auto;text-align:right;color:#fff}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:13px;color:#f5dede}.hero-kicker:before{content:"";width:34px;height:3px;background:var(--red);border-radius:8px}.hero-content h1{font-size:clamp(42px,5vw,72px);line-height:1.12;margin:15px 0 18px;font-weight:900;letter-spacing:-1.8px}.hero-content p{max-width:680px;color:#e6e1e3;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-primary{min-height:48px;border-radius:14px;padding:0 22px;background:var(--red);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px rgba(215,8,13,.21)}.btn-primary:hover{background:var(--red-2);transform:translateY(-2px);box-shadow:0 14px 30px rgba(215,8,13,.28)}.btn-outline{min-height:48px;border-radius:14px;padding:0 22px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-outline:hover{border-color:var(--red);color:var(--red)}.btn-ghost{min-height:48px;border-radius:14px;padding:0 18px;color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:9px}.btn-ghost:hover{background:rgba(255,255,255,.08)}.social-pill{position:absolute;z-index:4;left:26px;bottom:25px;border-radius:17px;background:rgba(31,24,28,.86);padding:8px 12px;display:flex;gap:10px;color:#fff;backdrop-filter:blur(12px)}.social-pill a{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:12px}.social-pill a:hover{background:var(--red)}.hero-stats{position:absolute;z-index:5;bottom:-1px;right:48%;transform:translateX(50%);display:flex;align-items:center;background:var(--paper);color:var(--ink);min-width:455px;padding:28px 42px;border-radius:45px 45px 0 0;gap:34px}.hero-stats:before,.hero-stats:after{content:"";width:1px;height:46px;background:#dedde1}.hero-stats:before{order:1}.hero-stats .stat{display:flex;align-items:center;gap:10px}.hero-stats strong{font-size:40px;line-height:1;font-weight:900}.hero-stats span{font-size:11px;color:var(--muted);line-height:1.6}.hero-scroll{position:absolute;z-index:4;left:50%;bottom:26px;transform:translateX(-50%);color:#fff;opacity:.65;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:7px}.hero-scroll i{display:block;width:1px;height:30px;background:#fff;animation:scrollLine 1.8s infinite}@keyframes scrollLine{0%,100%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1)}}
.trust-strip{padding:28px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm)}.trust-item{min-height:95px;display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-left:1px solid var(--line)}.trust-item:last-child{border-left:0}.trust-icon{width:48px;height:48px;border-radius:15px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.trust-icon svg{width:23px}.trust-item b{display:block;font-size:14px}.trust-item small{color:var(--muted)}
.categories-swiper{overflow:visible}.category-card{min-height:205px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 30px rgba(26,20,24,.04)}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#f2c7c9}.category-art{width:92px;height:92px;border-radius:28px;background:linear-gradient(145deg,#fbfbfc,#ececef);display:grid;place-items:center;margin-bottom:14px;position:relative;overflow:hidden}.category-art:after{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:var(--red);filter:blur(26px);opacity:.2}.category-art svg{width:44px;height:44px;color:var(--ink);position:relative;z-index:2}.category-card strong{font-size:15px}.category-card small{color:var(--muted);font-size:11px}.swiper-nav{display:flex;gap:8px}.swiper-nav button{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink)}.swiper-nav button:hover{background:var(--red);color:#fff;border-color:var(--red)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:15px;position:relative;overflow:hidden;min-width:0}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#f0cfd0}.product-media{position:relative;border-radius:19px;background:#f7f7f8;aspect-ratio:1.08;overflow:hidden;display:grid;place-items:center}.product-media img{width:100%;height:100%;object-fit:cover;transition:.55s var(--ease)}.product-card:hover .product-media img{transform:scale(1.04)}.badge{position:absolute;z-index:3;top:12px;right:12px;border-radius:10px;padding:5px 9px;background:#fff;font-size:10px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.07)}.badge.sale{background:var(--red);color:#fff}.product-tools{position:absolute;z-index:3;top:12px;left:12px;display:flex;flex-direction:column;gap:7px;opacity:0;transform:translateX(-6px);transition:.3s var(--ease)}.product-card:hover .product-tools{opacity:1;transform:none}.product-tools button{width:35px;height:35px;border-radius:11px;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.07)}.product-tools button:hover{background:var(--red);color:#fff}.rating{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin:14px 2px 6px}.rating b{color:#f4b51c}.product-card h3{font-size:14px;line-height:1.8;margin:0 2px 6px;min-height:50px;font-weight:800}.product-card .meta{color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;margin-top:12px;border-top:1px solid var(--line)}.price-row strong{font-size:16px}.price-row small{font-size:10px;font-weight:500;color:var(--muted)}.add-mini{width:42px;height:42px;border-radius:13px;background:var(--red);color:#fff;display:grid;place-items:center}.add-mini:hover{transform:rotate(-7deg) scale(1.05)}.old-inline{text-decoration:line-through;color:#aaa;font-size:10px;font-weight:500;display:block}.stock{color:var(--green);font-size:10px}.promo-card{min-height:100%;border-radius:25px;background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.promo-card:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:var(--red);left:-90px;top:-100px}.promo-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:45%;background:#f1f1f1;left:-68px;bottom:-155px}.promo-card h3,.promo-card p,.promo-card a{position:relative;z-index:3}.promo-card h3{font-size:30px;margin:0 0 7px}.promo-card p{color:#cbc6c8;font-size:12px}.promo-card .btn-primary{margin-top:10px}.camera-shape{position:absolute;z-index:4;bottom:28px;left:20px;width:190px;height:100px;border-radius:52px 18px 18px 52px;background:#f5f5f5;transform:rotate(-8deg);box-shadow:-14px 18px 30px rgba(0,0,0,.22)}.camera-shape:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;border:17px solid #bfc0c4;background:#151515;left:17px;top:11px}.camera-shape:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);right:28px;top:34px}
.split-promos{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.feature-banner{position:relative;min-height:310px;border-radius:30px;overflow:hidden;padding:36px;display:flex;align-items:flex-start;background:#fff;border:1px solid var(--line)}.feature-banner.dark{background:linear-gradient(135deg,#2e262a,var(--ink));color:#fff}.feature-banner.red{background:linear-gradient(135deg,#ef2025,#a90005);color:#fff}.feature-banner .content{position:relative;z-index:3;max-width:55%}.feature-banner h3{font-size:34px;margin:6px 0 10px;line-height:1.25}.feature-banner p{color:inherit;opacity:.75}.feature-banner .art{position:absolute;left:0;bottom:0;width:46%;height:100%;display:grid;place-items:center}.feature-banner .art img{max-height:88%;width:100%;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(0,0,0,.22))}.feature-banner .big-number{position:absolute;font-size:160px;font-weight:900;left:12%;top:-45px;opacity:.06}
.offer-section{position:relative;overflow:hidden}.offer-shell{min-height:430px;border-radius:34px;background:var(--ink);color:#fff;padding:40px;display:grid;grid-template-columns:300px 1fr;gap:26px;position:relative;overflow:hidden}.offer-shell:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(215,8,13,.18);filter:blur(50px);left:-220px;bottom:-300px}.offer-intro{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.offer-intro h2{font-size:42px;line-height:1.25;margin:10px 0}.offer-intro p{color:#c9c2c6}.countdown-inline{display:flex;gap:8px;margin-top:16px}.countdown-inline .time-box{min-width:58px;border-radius:13px;background:rgba(255,255,255,.08);text-align:center;padding:8px}.time-box b{display:block;font-size:19px}.time-box small{font-size:9px;color:#c8c1c4}.offer-products{align-self:center;min-width:0;position:relative;z-index:3}.offer-products .product-card{color:var(--ink)}
.brand-row-scroll{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.brand-track{display:flex;gap:12px;width:max-content;animation:marquee 28s linear infinite}.brand-chip{width:170px;height:90px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-weight:900;font-size:18px;color:#aaa;letter-spacing:1px}.brand-chip:hover{color:var(--red);border-color:#f0c7c8}@keyframes marquee{to{transform:translateX(50%)}}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border-radius:26px;padding:28px;background:#fff;border:1px solid var(--line);min-height:260px;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-icon{width:56px;height:56px;border-radius:17px;background:var(--red-soft);display:grid;place-items:center;color:var(--red);margin-bottom:28px}.service-icon svg{width:27px}.service-card h3{font-size:20px;margin:0 0 8px}.service-card p{color:var(--muted);font-size:13px}.service-card .arrow{position:absolute;left:24px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}.service-card:hover .arrow{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(-30deg)}
.consult-shell{border-radius:34px;background:linear-gradient(135deg,#fff,#f0eff2);border:1px solid var(--line);padding:50px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;position:relative;overflow:hidden}.consult-shell:before{content:"";position:absolute;width:260px;height:260px;background:var(--red);border-radius:50%;left:-140px;top:-140px;opacity:.08}.consult-shell h2{font-size:38px;margin:4px 0 8px}.consult-shell p{margin:0;color:var(--muted)}.consult-actions{display:flex;gap:10px;position:relative;z-index:2}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{border-radius:24px;background:#fff;border:1px solid var(--line);padding:28px;text-align:center}.stat-card strong{font-size:42px;display:block;font-weight:900;line-height:1.2}.stat-card span{color:var(--muted);font-size:12px}.stat-card:nth-child(2n){transform:translateY(12px)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#fff;border-radius:25px;border:1px solid var(--line);overflow:hidden}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.blog-cover{height:230px;background:linear-gradient(135deg,#2d2529,#120f11);position:relative;overflow:hidden}.blog-cover:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:var(--red);left:-100px;top:-100px}.blog-cover img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.56}.blog-body{padding:22px}.blog-meta{display:flex;gap:12px;color:var(--muted);font-size:10px}.blog-body h3{font-size:17px;line-height:1.7;margin:8px 0 10px}.blog-body p{font-size:12px;color:var(--muted);margin:0}.blog-body a{display:inline-flex;margin-top:14px;color:var(--red);font-weight:800;font-size:12px}
.testimonial-shell{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px}.testimonial{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.avatar{width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#f1f1f3,#dedde1);display:grid;place-items:center;font-weight:900;color:var(--red)}.testimonial p{font-size:15px;line-height:2;color:#4d474b;margin:0 0 15px}.testimonial b{display:block}.testimonial small{color:var(--muted)}
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:start}.faq-intro h2{font-size:40px;line-height:1.35;margin:10px 0}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq-q{width:100%;padding:18px 20px;background:transparent;color:var(--ink);display:flex;justify-content:space-between;align-items:center;text-align:right;font-weight:800}.faq-q .plus{width:30px;height:30px;border-radius:9px;background:#f5f4f6;display:grid;place-items:center;transition:.3s}.faq-a{display:none;padding:0 20px 20px;color:var(--muted);font-size:13px}.faq-item.open{border-color:#f2c7c9}.faq-item.open .plus{background:var(--red);color:#fff;transform:rotate(45deg)}
.newsletter{padding:0 0 30px}.newsletter-shell{border-radius:32px;background:var(--red);color:#fff;padding:38px 44px;display:grid;grid-template-columns:1fr minmax(360px,.8fr);align-items:center;gap:35px;overflow:hidden;position:relative}.newsletter-shell:after{content:"@";position:absolute;left:20px;top:-65px;font-size:190px;font-weight:900;opacity:.07}.newsletter h2{font-size:31px;margin:0 0 6px}.newsletter p{margin:0;color:#ffe7e8}.newsletter-form{height:58px;background:#fff;border-radius:17px;padding:5px;display:flex;gap:6px;position:relative;z-index:2}.newsletter-form input{border:0;outline:0;padding:0 16px;flex:1;min-width:0}.newsletter-form button{border-radius:13px;background:var(--ink);color:#fff;padding:0 24px;font-weight:800}
.site-footer{background:var(--ink);color:#fff;padding:62px 0 0;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:48px}.footer-about p{color:#aaa2a6;font-size:13px;max-width:450px}.footer-title{font-size:15px;margin:0 0 16px}.footer-links{display:flex;flex-direction:column;gap:9px;color:#bfb8bc;font-size:12px}.footer-links a:hover{color:#fff;transform:translateX(-3px)}.footer-contact{display:grid;gap:10px;margin-top:24px}.contact-line{display:flex;align-items:center;gap:10px;color:#c9c3c6;font-size:12px}.contact-line i{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#fff;font-style:normal}.footer-bottom{margin-top:46px;border-top:1px solid rgba(255,255,255,.08);min-height:70px;display:flex;justify-content:space-between;align-items:center;color:#8f898c;font-size:11px;gap:20px}.footer-social{display:flex;gap:8px}.footer-social a{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.06);display:grid;place-items:center}.footer-social a:hover{background:var(--red);color:#fff}

/* product page */
.product-page{background:#f3f3f5}.product-page .site-header{margin:20px 0 0}.page-pad{padding-bottom:70px}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;padding:24px 4px}.breadcrumb b{color:var(--ink)}.product-main-grid{display:grid;grid-template-columns:300px minmax(0,.88fr) minmax(0,1.22fr);grid-template-areas:"buy info gallery";gap:18px;align-items:start}.buy-rail{grid-area:buy;display:flex;flex-direction:column;gap:14px}.product-info{grid-area:info}.gallery-panel{grid-area:gallery}.panel{background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:0 6px 24px rgba(25,20,23,.035)}.countdown-panel{padding:17px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.countdown>div{border:1px solid var(--line);border-radius:13px;text-align:center;padding:8px 4px}.countdown .num{font-size:17px;font-weight:900;line-height:1.3}.countdown small{font-size:8px;color:var(--muted)}.price-panel{padding:20px}.price-panel h4{margin:0 0 10px}.price-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.discount-tag{font-size:10px;color:var(--red);font-weight:700}.final-price{font-size:21px;font-weight:900}.final-price small{font-size:10px;color:var(--muted);font-weight:500}.old-price{text-decoration:line-through;color:#cb9698;font-size:11px;margin-top:3px}.quantity-row{display:grid;grid-template-columns:1fr 92px;gap:8px;margin-top:13px}.qty{height:48px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center}.qty button{height:100%;background:transparent;font-size:18px}.qty b{font-size:14px}.notice{margin-top:8px;border-radius:12px;background:#fff1f1;color:#a04a4d;padding:9px 10px;font-size:9px}.shipping-panel{padding:14px 18px}.shipping{display:flex;align-items:center;gap:12px}.ship-icon{width:38px;height:38px;border-radius:50%;border:1px solid #efb6b8;color:var(--red);display:grid;place-items:center}.shipping b{font-size:12px}.wholesale{padding:20px}.wholesale h4{margin:0 0 8px;font-size:15px}.wholesale p{font-size:11px;color:var(--muted);margin:0 0 14px}.wholesale .btn-primary{min-height:40px;padding:0 17px;font-size:11px}.product-info{padding:28px}.product-info h1{font-size:24px;line-height:1.55;margin:0 0 4px}.product-info .en{font-size:11px;color:var(--muted);direction:ltr;text-align:right}.status-row{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 22px;font-size:11px}.ok{color:var(--green)}.colors-label,.select-label{font-size:11px;margin:14px 0 7px}.colors{display:flex;gap:9px}.color-dot{width:36px;height:36px;border-radius:12px;border:3px solid #fff;outline:1px solid transparent}.color-dot.active{outline-color:var(--red)}.c-teal{background:#17b8ae}.c-green{background:#42bb67}.c-yellow{background:#ffc51d}.c-red{background:#ff3f43}.selectbox{width:100%;height:44px;border:0;outline:0;border-radius:12px;background:#f1f1f2;padding:0 13px;color:#716c6f;font-size:11px}.features-title{font-weight:900;margin:18px 0 7px;display:flex;align-items:center;gap:8px}.features-title:after{content:"";width:24px;height:24px;border-radius:50%;background:var(--red)}.feature-list{margin:0;padding-right:17px;font-size:11px;line-height:2.1}.brand-row{margin-top:14px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:13px;font-size:10px}.brand-logo-mini{padding:5px 10px;border:1px solid var(--line);border-radius:9px;color:#267fc5;font-weight:900}.gallery-panel{padding:15px}.main-product-img{position:relative;border-radius:21px;background:#eee;overflow:hidden;aspect-ratio:1.32}.main-product-img img{width:100%;height:100%;object-fit:cover}.float-tools{position:absolute;right:15px;top:15px;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.08)}.float-tools button{width:42px;height:42px;background:#fff;color:var(--red);display:grid;place-items:center;border-bottom:1px solid var(--line)}.float-tools button:last-child{border-bottom:0}.thumbs{display:flex;align-items:center;gap:9px;margin-top:11px}.thumb{width:74px;height:62px;border-radius:14px;background:#f0f0f1;overflow:hidden;border:2px solid transparent;padding:0;flex:0 0 auto}.thumb.active{border-color:var(--red)}.thumb img{width:100%;height:100%;object-fit:cover}.thumbs .arrowbtn{width:28px;height:42px;background:transparent;font-size:22px}.product-sections{display:grid;gap:18px;margin-top:18px}.product-wide{padding:30px}.product-wide h2{font-size:20px;margin:0 0 15px}.product-wide p{color:#4e494c;font-size:12px;line-height:2.15}.product-tabs{position:sticky;top:10px;z-index:15;background:#fff;border:1px solid var(--line);border-radius:18px;padding:7px;display:flex;gap:5px;overflow:auto;scrollbar-width:none}.product-tabs::-webkit-scrollbar{display:none}.product-tabs a{flex:0 0 auto;padding:10px 16px;border-radius:12px;font-size:11px;font-weight:800;color:var(--muted)}.product-tabs a.active,.product-tabs a:hover{background:var(--red);color:#fff}.spec-table{display:grid;gap:8px}.spec-row{display:grid;grid-template-columns:190px 1fr;gap:9px}.spec-key,.spec-val{min-height:45px;border-radius:12px;background:#f1f1f2;padding:10px 14px;font-size:11px;display:flex;align-items:center}.spec-key{font-weight:800;justify-content:center}.feature-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-icon-card{border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center}.feature-icon-card i{width:50px;height:50px;border-radius:15px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin:0 auto 10px;font-style:normal}.feature-icon-card b{font-size:12px}.feature-icon-card small{display:block;color:var(--muted);font-size:9px}.review-summary{display:grid;grid-template-columns:220px 1fr;gap:30px}.review-score{text-align:center;border-left:1px solid var(--line)}.review-score strong{font-size:48px;line-height:1;display:block}.stars{color:#f4b51c;letter-spacing:2px}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:70px 1fr 35px;gap:9px;align-items:center;font-size:10px;color:var(--muted)}.bar{height:7px;background:#eee;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:#f4b51c;border-radius:inherit}.comments{margin-top:28px;display:grid;gap:10px}.comment{border:1px solid var(--line);border-radius:17px;padding:18px}.comment-head{display:flex;justify-content:space-between;gap:20px;font-size:11px}.comment p{margin:9px 0 0!important}.related-swiper{overflow:visible}.mobile-buybar{display:none}.quick-modal,.search-overlay,.cart-drawer-backdrop{position:fixed;inset:0;background:rgba(14,10,12,.62);backdrop-filter:blur(7px);z-index:90;opacity:0;pointer-events:none;transition:.3s}.quick-modal.open,.search-overlay.open,.cart-drawer-backdrop.open{opacity:1;pointer-events:auto}.quick-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%) scale(.97);width:min(820px,calc(100% - 30px));background:#fff;border-radius:28px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:20px;transition:.35s var(--ease)}.quick-modal.open .quick-dialog{transform:translate(-50%,-50%) scale(1)}.quick-dialog img{border-radius:20px;width:100%;height:100%;object-fit:cover;background:#eee}.quick-content{padding:22px}.quick-close{position:absolute;left:15px;top:15px;width:38px;height:38px;border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);z-index:2}.search-overlay{display:grid;place-items:start center;padding-top:13vh}.search-box{width:min(780px,calc(100% - 30px));background:#fff;border-radius:24px;padding:16px;transform:translateY(-12px);transition:.3s var(--ease)}.search-overlay.open .search-box{transform:none}.search-box .big-search{height:60px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;padding:0 16px;gap:10px}.big-search input{border:0;outline:0;flex:1;min-width:0}.search-suggestions{padding:14px 5px 2px;display:flex;flex-wrap:wrap;gap:7px}.search-suggestions a{border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:10px}.cart-drawer{position:fixed;top:0;bottom:0;left:0;width:min(420px,92vw);background:#fff;z-index:95;transform:translateX(-103%);transition:.4s var(--ease);padding:22px;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.cart-list{display:grid;gap:10px;margin-top:15px}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center}.cart-item img{width:72px;height:72px;border-radius:14px;object-fit:cover;background:#eee}.cart-item b{font-size:11px}.cart-item small{display:block;color:var(--muted);font-size:9px}.cart-total{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.cart-total-row{display:flex;justify-content:space-between;margin-bottom:12px}.toast{position:fixed;z-index:120;bottom:28px;right:50%;transform:translate(50%,25px);opacity:0;background:#1d171a;color:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 18px 50px rgba(0,0,0,.2);font-size:12px;pointer-events:none;transition:.35s var(--ease)}.toast.show{opacity:1;transform:translate(50%,0)}
/* Revealed content is only hidden once JS confirms it can animate it back in,
   so a blocked/failed script never leaves the page blank. */
.js-reveal .reveal{opacity:0;transform:translateY(22px)}

@media(max-width:1220px){
  .container-xl{width:min(calc(100% - 32px),var(--max))}.header-top{grid-template-columns:auto 1fr auto;gap:16px}.brand{min-width:auto}.brand-text{display:none}.nav{gap:20px}.hero-content{padding-right:48px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-grid .promo-card{grid-column:span 1}.services-grid{grid-template-columns:repeat(3,1fr)}.product-main-grid{grid-template-columns:270px minmax(0,1fr) minmax(0,1.05fr)}
}
@media(max-width:1040px){
  .header-bottom .support{display:none}.nav{width:100%;justify-content:space-between}.hero-stats{right:50%;min-width:420px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-left:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-grid{grid-template-columns:repeat(2,1fr)}.split-promos{grid-template-columns:1fr}.feature-banner{min-height:280px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card:last-child{grid-column:span 2}.footer-grid{grid-template-columns:1.2fr repeat(2,.7fr)}.footer-grid>div:last-child{grid-column:2/4}.product-main-grid{grid-template-columns:1fr 1fr;grid-template-areas:"gallery info" "buy buy"}.buy-rail{display:grid;grid-template-columns:1fr 1fr}.buy-rail .countdown-panel,.buy-rail .shipping-panel{grid-column:span 1}.offer-shell{grid-template-columns:240px 1fr}.faq-wrap{grid-template-columns:1fr}.faq-intro{max-width:650px}
}
@media(max-width:820px){
  .promo-strip{display:none}.hero-wrap{padding-top:0}.hero-shell{width:100%;border-radius:0 0 30px 30px;min-height:690px}.site-header,.hero-shell .site-header,.product-page .site-header{margin:12px 12px 0;border-radius:22px}.header-top{min-height:78px;padding:0 14px;grid-template-columns:auto 1fr auto}.searchbar{display:none}.brand-badge{width:48px;height:48px}.brand-text{display:flex}.brand-text strong{font-size:15px}.brand-text small{font-size:8px}.login,.fav-head{display:none}.mobile-menu-btn{display:grid}.header-bottom{display:none}.mobile-drawer{display:flex;position:absolute;top:calc(100% + 8px);right:0;left:0;background:#fff;color:var(--ink);border-radius:18px;padding:8px;flex-direction:column;box-shadow:var(--shadow);opacity:0;transform:translateY(-6px);pointer-events:none;transition:.3s}.mobile-drawer.open{opacity:1;transform:none;pointer-events:auto}.mobile-drawer a{padding:11px 13px;border-radius:12px}.mobile-drawer a:hover{background:#f5f5f6;color:var(--red)}.mega-menu{display:none}.hero-content{padding:105px 28px 150px;text-align:center;margin:0 auto}.hero-kicker{justify-content:center}.hero-actions{justify-content:center}.hero-stats{min-width:0;width:88%;padding:22px 26px;gap:20px}.hero-stats strong{font-size:31px}.hero-scroll{display:none}.section{padding:68px 0}.section-head{align-items:center}.section-head p{display:none}.trust-strip{padding:20px 0}.split-promos{gap:12px}.offer-shell{grid-template-columns:1fr;padding:28px}.offer-intro{text-align:center;align-items:center}.offer-intro h2{font-size:34px}.newsletter-shell{grid-template-columns:1fr;text-align:center}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:span 2}.footer-grid>div:last-child{grid-column:auto}.consult-shell{grid-template-columns:1fr;text-align:center;padding:38px 24px}.consult-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr 1fr}.blog-card:last-child{grid-column:span 2}.product-page .container-xl{width:min(calc(100% - 20px),var(--max))}.product-main-grid{grid-template-columns:1fr;grid-template-areas:"gallery" "info" "buy"}.buy-rail{display:grid;grid-template-columns:1fr 1fr}.gallery-panel{order:1}.product-info{order:2}.buy-rail{order:3}.spec-row{grid-template-columns:130px 1fr}.feature-icon-grid{grid-template-columns:repeat(2,1fr)}.review-summary{grid-template-columns:1fr}.review-score{border-left:0;border-bottom:1px solid var(--line);padding-bottom:20px}.mobile-buybar{display:flex;position:fixed;z-index:70;right:10px;left:10px;bottom:10px;border-radius:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(25,18,22,.18);padding:9px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.7)}.mobile-buybar .price-mini{display:flex;flex-direction:column}.price-mini small{font-size:8px;color:var(--muted)}.price-mini strong{font-size:13px}.product-page{padding-bottom:80px}.product-tabs{top:6px}.quick-dialog{grid-template-columns:1fr;max-height:88vh;overflow:auto}.quick-dialog img{height:280px}
}
@media(max-width:600px){
  body{font-size:14px}.container-xl{width:min(calc(100% - 20px),var(--max))}.brand-text{display:none}.hero-shell{min-height:640px}.hero-content{padding:92px 20px 145px}.hero-content h1{font-size:40px}.hero-content p{font-size:12px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.social-pill{left:50%;transform:translateX(-50%);bottom:92px}.hero-stats{width:96%;padding:18px 18px;gap:12px;border-radius:30px 30px 0 0}.hero-stats:before,.hero-stats:after{height:35px}.hero-stats strong{font-size:24px}.hero-stats span{font-size:9px}.section{padding:52px 0}.section-head h2{font-size:25px}.section-link{font-size:11px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{flex-direction:column;text-align:center;gap:7px;min-height:125px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-card{border-radius:18px;padding:8px}.product-media{border-radius:14px}.product-tools{display:none}.product-card h3{font-size:11px;min-height:44px;line-height:1.75}.product-card .meta{font-size:9px}.rating{font-size:9px;margin-top:9px}.price-row{padding-top:9px;margin-top:8px}.price-row strong{font-size:12px}.add-mini{width:36px;height:36px}.product-grid .promo-card{grid-column:span 2;min-height:300px}.feature-banner{min-height:300px;padding:25px}.feature-banner .content{max-width:66%}.feature-banner h3{font-size:27px}.feature-banner .art{width:48%}.offer-shell{border-radius:25px;padding:22px}.offer-intro h2{font-size:29px}.services-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.service-card{min-height:220px}.consult-shell h2{font-size:29px}.consult-actions{flex-direction:column}.stats-grid{gap:8px}.stat-card{padding:20px 10px}.stat-card strong{font-size:32px}.blog-grid{grid-template-columns:1fr}.blog-card:last-child{grid-column:auto}.newsletter-shell{padding:28px 18px;border-radius:25px}.newsletter h2{font-size:24px}.newsletter-form{height:auto;padding:7px;flex-direction:column;background:transparent}.newsletter-form input{height:50px;border-radius:13px;background:#fff}.newsletter-form button{height:50px}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;padding:20px 0}.breadcrumb{overflow:auto;white-space:nowrap}.product-info{padding:20px}.product-info h1{font-size:20px}.buy-rail{grid-template-columns:1fr}.quantity-row{grid-template-columns:1fr 90px}.main-product-img{aspect-ratio:1.08}.thumb{width:58px;height:52px}.product-wide{padding:22px 18px}.product-wide h2{font-size:18px}.spec-row{grid-template-columns:100px 1fr}.spec-key,.spec-val{padding:8px 10px;font-size:9px}.feature-icon-grid{grid-template-columns:1fr 1fr;gap:7px}.review-summary{gap:18px}.mobile-buybar .btn-primary{min-height:45px;padding:0 16px;font-size:11px}.faq-q{font-size:12px}.search-overlay{padding-top:8vh}
}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-grid .promo-card{grid-column:auto}.trust-grid{grid-template-columns:1fr}.trust-item{border-left:0!important;border-bottom:1px solid var(--line)!important;min-height:90px;flex-direction:row;text-align:right;justify-content:flex-start}.hero-stats{gap:8px}.hero-stats strong{font-size:21px}.countdown-inline .time-box{min-width:50px}.stats-grid{grid-template-columns:1fr 1fr}.footer-grid{gap:28px}.feature-icon-grid{grid-template-columns:1fr}.quantity-row{grid-template-columns:1fr}.qty{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}
.scroll-progress{position:fixed;z-index:140;top:0;right:0;height:3px;width:0;background:var(--red);box-shadow:0 0 14px rgba(215,8,13,.55);pointer-events:none}.product-page .site-header{transition:.3s var(--ease)}.product-page .site-header.header-compact{box-shadow:0 18px 50px rgba(20,14,18,.12)}


/* =========================================================
   V3 — reference-fidelity / real RTL / Dana / curved glass hero
   ========================================================= */
:root{
  --font-sans:"Dana",Tahoma,Arial,sans-serif;
  --hero-glass:rgba(26,21,24,.56);
  --hero-glass-strong:rgba(26,21,24,.72);
  --hero-highlight:rgba(255,255,255,.13);
}
html[dir="rtl"],html[lang="fa"]{direction:rtl}
html[dir="rtl"] body,.rtl-page{direction:rtl;text-align:right}
body,button,input,select,textarea{font-family:"Dana",Tahoma,Arial,sans-serif!important}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
input,textarea,select{direction:rtl;text-align:right}
.en,[dir="ltr"],.support{direction:ltr}

/* Hero — rebuild the geometry instead of using a rounded rectangle only */
.home-page .hero-wrap{position:relative;padding:18px 0 0;isolation:isolate}
.home-page .hero-wrap:before,.home-page .hero-wrap:after{
  content:"";position:absolute;z-index:-1;pointer-events:none;border:2px solid rgba(255,255,255,.78);border-radius:50%;
}
.home-page .hero-wrap:before{width:72vw;height:220px;right:-13vw;top:-135px;transform:rotate(-3deg)}
.home-page .hero-wrap:after{width:52vw;height:180px;left:-11vw;top:12px;opacity:.55;transform:rotate(7deg)}
.home-page .hero-shell{
  position:relative;min-height:748px;border-radius:38px;overflow:hidden;background:#1b1618;
  box-shadow:0 28px 80px rgba(19,14,17,.13);isolation:isolate;
}
.home-page .hero-bg{inset:0;transform:none;background:
  linear-gradient(90deg,rgba(13,10,11,.18) 0%,rgba(13,10,11,.30) 35%,rgba(13,10,11,.64) 72%,rgba(13,10,11,.76) 100%),
  linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.23)),
  url('../img/hero-fireplace.jpg') center 57%/cover no-repeat;
}
.home-page .hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,rgba(218,16,20,.10),transparent 31%);mix-blend-mode:screen}
.home-page .hero-glow{width:520px;height:520px;right:51%;left:auto;top:25%;background:rgba(214,15,20,.09);filter:blur(115px)}
.hero-contour{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.13}
.hero-contour path{fill:none;stroke:#fff;stroke-width:2.2;vector-effect:non-scaling-stroke}
.hero-curve{position:absolute;z-index:4;right:-1px;bottom:-1px;width:61.5%;height:165px;pointer-events:none;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.35))}
.hero-curve path{fill:var(--paper)}

/* Header glass from the reference: translucent, outlined and layered */
.site-header,.hero-shell .site-header{
  direction:rtl;text-align:right;
  background:linear-gradient(180deg,rgba(34,28,31,.68),rgba(24,19,22,.53));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(22px) saturate(126%);-webkit-backdrop-filter:blur(22px) saturate(126%);
}
.site-header:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 28%,transparent 67%,rgba(255,255,255,.025));z-index:-1}
.header-top,.header-bottom,.nav,.header-actions,.brand{direction:rtl}
.header-top{grid-template-columns:auto minmax(280px,1fr) auto}
.header-actions{justify-content:flex-start}
.brand{justify-self:start}
.searchbar{direction:rtl;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.searchbar span,.searchbar input{text-align:right!important;direction:rtl}
.login{margin-left:0;margin-right:5px}
.cart-count{right:auto;left:-2px}
.nav>a:after{right:0;left:100%}

/* Correct home RTL composition: content belongs to the right side */
.home-page .hero-content{
  z-index:5;max-width:705px;padding:88px 72px 188px;margin-right:0;margin-left:auto;text-align:right;color:#fff;
}
.home-page .hero-content h1{font-size:clamp(39px,4vw,60px);line-height:1.18;letter-spacing:-1.25px;margin:13px 0 17px}
.home-page .hero-content p{max-width:650px;margin:0 0 27px;font-size:14px;line-height:2.05;color:rgba(255,255,255,.86)}
.home-page .hero-kicker{justify-content:flex-start}
.home-page .hero-actions{justify-content:flex-start;direction:rtl}
.home-page .hero-actions .btn-primary span,.home-page .hero-actions .btn-ghost span{display:inline-block}
.home-page .social-pill{z-index:7;left:25px;right:auto;bottom:24px;background:rgba(28,22,25,.58);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(120%)}
.home-page .hero-stats{
  z-index:7;right:6.7%;left:auto;bottom:9px;transform:none;min-width:455px;background:transparent;padding:25px 24px 21px;border-radius:0;gap:36px;
}
.home-page .hero-stats:before,.home-page .hero-stats:after{background:#dfdde2}
.home-page .hero-stats .stat{direction:rtl;text-align:right}
.home-page .hero-scroll{z-index:3;left:46%;bottom:26px}

/* Force genuine RTL throughout both pages, but keep deliberate LTR technical fragments */
.rtl-page .container-xl,.rtl-page section,.rtl-page footer{direction:rtl}
.rtl-page .section-head,.rtl-page .trust-item,.rtl-page .product-card,.rtl-page .category-card,.rtl-page .service-card,.rtl-page .blog-card,.rtl-page .footer-grid,.rtl-page .newsletter-shell{direction:rtl;text-align:right}
.rtl-page .section-head{flex-direction:row}
.rtl-page .product-card h3,.rtl-page .product-card .meta,.rtl-page .price-row{text-align:right}
.rtl-page .price-row{direction:rtl}
.rtl-page .swiper{direction:rtl}
.rtl-page .swiper-wrapper{direction:rtl}

/* Product desktop reference is physically: gallery on right / info center / buy rail left */
.product-page{direction:rtl;text-align:right}
.product-page .site-header{direction:rtl}
.product-page .breadcrumb{direction:rtl;justify-content:flex-start;text-align:right}
.product-page .product-main-grid{direction:ltr;grid-template-areas:"buy info gallery"}
.product-page .product-main-grid>.buy-rail,.product-page .product-main-grid>.product-info,.product-page .product-main-grid>.gallery-panel{direction:rtl;text-align:right}
.product-page .buy-rail{grid-area:buy}.product-page .product-info{grid-area:info}.product-page .gallery-panel{grid-area:gallery}
.product-page .price-top,.product-page .quantity-row,.product-page .colors,.product-page .brand-row,.product-page .shipping,.product-page .comment-head{direction:rtl}
.product-page .main-product-img .float-tools{right:15px;left:auto}
.product-page .product-info .en{direction:ltr;text-align:right}
.product-page .feature-list{padding-right:17px;padding-left:0}
.product-page .spec-row,.product-page .spec-key,.product-page .spec-val{direction:rtl;text-align:right}
.product-page .spec-key{justify-content:center}.product-page .spec-val{justify-content:flex-start}
.product-page .cart-drawer{right:0;left:auto;transform:translateX(103%)}
.product-page .cart-drawer.open{transform:none}

/* font verification chip is intentionally omitted from UI; the actual font files are now packaged */
@media(max-width:1220px){
  .home-page .hero-content{padding-right:52px;padding-left:52px;max-width:650px}
  .home-page .hero-stats{right:4%;min-width:420px}
  .hero-curve{width:64%;height:155px}
}
@media(max-width:1040px){
  .home-page .hero-content{max-width:610px;padding-top:82px}
  .home-page .hero-stats{right:4%;min-width:390px}
  .hero-curve{width:68%}
}
@media(max-width:820px){
  .home-page .hero-shell{min-height:700px;border-radius:0 0 30px 30px}
  .home-page .hero-content{max-width:none;margin:0 auto;padding:100px 28px 160px;text-align:center}
  .home-page .hero-kicker,.home-page .hero-actions{justify-content:center}
  .hero-contour{opacity:.08}
  .hero-curve{width:100%;height:122px;right:0}
  .home-page .hero-stats{right:50%;transform:translateX(50%);bottom:0;width:88%;min-width:0;padding:18px 22px 14px;justify-content:center}
  .home-page .social-pill{left:50%;transform:translateX(-50%);bottom:98px}
  .product-page .product-main-grid{direction:rtl;grid-template-areas:"gallery" "info" "buy"}
  .product-page .cart-drawer{right:0;left:auto}
}
@media(max-width:600px){
  .home-page .hero-shell{min-height:655px}
  .home-page .hero-content{padding:88px 20px 158px}
  .home-page .hero-content h1{font-size:39px}
  .home-page .hero-content p{font-size:12px}
  .hero-curve{height:110px}
  .home-page .hero-stats{width:94%;gap:12px;padding:16px 14px 12px}
  .home-page .social-pill{bottom:91px}
  .header-top{direction:rtl}
}

/* RTL drawers and overlays */
.rtl-page .cart-drawer{right:0;left:auto;transform:translateX(103%)}
.rtl-page .cart-drawer.open{transform:none}
.rtl-page .cart-item,.rtl-page .cart-head,.rtl-page .cart-total-row,.rtl-page .search-suggestions{direction:rtl;text-align:right}
.rtl-page .big-search{direction:rtl}.rtl-page .big-search input{direction:rtl;text-align:right}

/* =========================================================
   V3.1 — source-faithful camera category promo card
   ========================================================= */
.camera-promo{
  isolation:isolate;
  min-height:100%;
  aspect-ratio:.72;
  padding:0;
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.075),transparent 24%),
    linear-gradient(145deg,#211b1e 0%,#241d21 54%,#181316 100%);
  color:#fff;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(31,22,27,.09);
  border:1px solid rgba(37,28,33,.08);
  align-items:stretch;
}
.camera-promo:before,
.camera-promo:after{content:none!important}
.camera-promo__red-curve,
.camera-promo__white-curve{
  position:absolute;
  inset:auto;
  width:100%;
  height:100%;
  pointer-events:none;
}
.camera-promo__red-curve{
  z-index:1;
  top:0;
  left:0;
  width:57%;
  height:53%;
  filter:drop-shadow(14px 18px 30px rgba(166,0,7,.13));
}
.camera-promo__red-curve path{fill:#d70910}
.camera-promo__white-curve{
  z-index:2;
  right:0;
  bottom:-1px;
  width:100%;
  height:54%;
  filter:drop-shadow(0 -10px 18px rgba(0,0,0,.035));
}
.camera-promo__white-curve path{fill:#f4f4f5}
.camera-promo__copy{
  position:relative;
  z-index:6;
  padding:29px 27px 0;
  text-align:right;
  direction:rtl;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.camera-promo__copy h3{
  margin:0;
  font-family:"Dana",Tahoma,Arial,sans-serif;
  font-size:clamp(24px,2.15vw,34px);
  font-weight:900;
  line-height:1.25;
  letter-spacing:-.04em;
  color:#fff;
}
.camera-promo__copy p{
  max-width:225px;
  margin:8px 0 0;
  font-size:11px;
  line-height:1.9;
  color:rgba(255,255,255,.67);
}
.camera-promo__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:39px;
  margin-top:16px;
  padding:0 18px;
  border-radius:12px;
  background:#d7080d;
  color:#fff!important;
  font-size:11px;
  font-weight:800;
  box-shadow:0 9px 20px rgba(215,8,13,.23),inset 0 1px 0 rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.10);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s ease;
}
.camera-promo__cta:hover{
  background:#eb1117;
  transform:translateY(-2px);
  box-shadow:0 13px 28px rgba(215,8,13,.32),inset 0 1px 0 rgba(255,255,255,.22);
}
.camera-promo__cta span{font-size:16px;line-height:1;transition:transform .35s var(--ease)}
.camera-promo__cta:hover span{transform:translateX(-3px)}
.camera-promo__visual{
  position:absolute;
  z-index:5;
  left:-9%;
  bottom:-1.5%;
  width:111%;
  height:55%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  pointer-events:none;
}
.camera-promo__visual img{
  position:relative;
  z-index:2;
  width:103%;
  max-width:none;
  height:auto;
  object-fit:contain;
  object-position:left bottom;
  transform:translate3d(-2%,7%,0) rotate(-2.4deg);
  transform-origin:45% 60%;
  filter:drop-shadow(8px 16px 17px rgba(0,0,0,.25));
  transition:transform .7s var(--ease),filter .7s var(--ease);
}
.camera-promo__shadow{
  position:absolute;
  z-index:1;
  left:14%;
  bottom:5%;
  width:68%;
  height:13%;
  border-radius:50%;
  background:rgba(21,17,19,.18);
  filter:blur(14px);
  transform:rotate(-3deg);
}
.camera-promo__ring{
  position:absolute;
  z-index:3;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  pointer-events:none;
}
.camera-promo__ring--one{width:245px;height:245px;left:-117px;bottom:54px}
.camera-promo__ring--two{width:152px;height:152px;left:-69px;bottom:100px;border-color:rgba(215,8,13,.16)}
.camera-promo:hover .camera-promo__visual img{
  transform:translate3d(0,3%,0) rotate(-.6deg) scale(1.035);
  filter:drop-shadow(10px 20px 22px rgba(0,0,0,.29));
}
.camera-promo:hover .camera-promo__red-curve{filter:drop-shadow(14px 22px 34px rgba(166,0,7,.2))}

@media(max-width:1220px){
  .camera-promo__copy{padding:24px 22px 0}
  .camera-promo__copy h3{font-size:28px}
  .camera-promo__copy p{font-size:10px}
  .camera-promo__visual{height:56%}
}
@media(max-width:1040px){
  .camera-promo{aspect-ratio:auto;min-height:360px}
  .camera-promo__visual{width:78%;height:63%;left:-1%;bottom:-5%}
  .camera-promo__white-curve{height:59%}
}
@media(max-width:600px){
  .product-grid .camera-promo{min-height:350px;border-radius:22px;grid-column:span 2}
  .camera-promo__copy{padding:25px 23px 0}
  .camera-promo__copy h3{font-size:29px}
  .camera-promo__copy p{max-width:210px;font-size:10px}
  .camera-promo__visual{width:78%;height:61%;left:-2%;bottom:-4%}
  .camera-promo__red-curve{width:55%;height:51%}
  .camera-promo__white-curve{height:57%}
}
@media(max-width:390px){
  .product-grid .camera-promo{grid-column:auto;min-height:410px}
  .camera-promo__copy{padding:28px 26px 0}
  .camera-promo__copy h3{font-size:31px}
  .camera-promo__copy p{font-size:11px}
  .camera-promo__visual{width:102%;height:58%;left:-13%;bottom:-1%}
}

/* =========================================================
   V3.2 — Bargh Niro Kala content + richer retail detailing
   ========================================================= */
:root{
  --bnk-red:#d70b12;
  --bnk-red-2:#ef1820;
  --bnk-ink:#1d171a;
  --bnk-soft:#f6f5f6;
  --bnk-line:#e9e6e8;
}
.brand-badge{min-width:44px;width:auto;padding-inline:8px;font-size:11px;letter-spacing:.02em}
.brand-text strong{letter-spacing:-.025em}
.mega-grid--detailed{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mega-grid--detailed .mega-item{align-items:flex-start;min-height:82px;padding:15px;border-radius:17px;background:#f8f7f9;border:1px solid #ece8eb}
.mega-grid--detailed .mega-item span:last-child{display:flex;flex-direction:column;gap:4px}
.mega-grid--detailed .mega-item small{font-size:11px;line-height:1.7;color:#8a8286}
.mega-grid--detailed .mega-icon{flex:0 0 auto}

/* category catalog */
.category-rich-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.category-rich-card{position:relative;min-height:174px;padding:22px 20px;border:1px solid #ebe8ea;border-radius:24px;background:linear-gradient(145deg,#fff,#f9f8f9);box-shadow:0 12px 32px rgba(31,23,27,.045);display:flex;flex-direction:column;justify-content:flex-end;gap:5px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease}
.category-rich-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-45px;background:radial-gradient(circle,rgba(215,11,18,.075),transparent 70%);transition:transform .55s var(--ease)}
.category-rich-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(31,23,27,.085);border-color:rgba(215,11,18,.2)}
.category-rich-card:hover:before{transform:scale(1.35)}
.category-rich-card .cat-index{position:absolute;left:16px;top:15px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#bbb5b8}
.category-rich-card .cat-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#f0edef;color:var(--bnk-ink);margin-bottom:auto;box-shadow:inset 0 1px 0 #fff}
.category-rich-card .cat-icon svg{width:22px;height:22px}
.category-rich-card strong{font-size:16px;color:#211a1e;letter-spacing:-.025em}
.category-rich-card small{font-size:10px;color:#8e878b}
.category-rich-card>i{position:absolute;left:18px;bottom:18px;font-style:normal;font-size:18px;color:#b7b0b4;transition:transform .35s var(--ease),color .35s ease}
.category-rich-card:hover>i{transform:translateX(-4px);color:var(--bnk-red)}
.category-rich-card--hero{grid-column:span 2;grid-row:span 2;min-height:360px;padding:28px;background:linear-gradient(145deg,#211b1e,#120f11);color:#fff;border-color:rgba(255,255,255,.06);justify-content:flex-end}
.category-rich-card--hero:before{width:320px;height:320px;right:auto;left:-95px;top:-90px;background:radial-gradient(circle,rgba(215,11,18,.35),transparent 66%)}
.category-rich-card--hero:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 40%,rgba(255,255,255,.02));pointer-events:none}
.category-rich-card--hero .cat-index{color:rgba(255,255,255,.35)}
.category-rich-card--hero .cat-icon{width:62px;height:62px;border-radius:20px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.category-rich-card--hero .cat-icon svg{width:28px;height:28px}
.category-rich-card--hero strong{display:block;font-size:32px;color:#fff;margin-bottom:5px}
.category-rich-card--hero p{font-size:12px;line-height:2;color:rgba(255,255,255,.65);max-width:430px;margin:0 0 15px}
.category-rich-card--hero>i{color:rgba(255,255,255,.7);font-size:24px}
.cat-chips{display:flex;flex-wrap:wrap;gap:6px}
.cat-chips span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);font-size:9px;color:rgba(255,255,255,.78)}

/* filters in section head */
.section-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.filter-pill{height:34px;padding:0 13px;border-radius:999px;border:1px solid #e8e4e6;background:#fff;color:#857e82;font-size:10px;font-weight:700;transition:.3s ease}
.filter-pill:hover,.filter-pill.active{border-color:#242024;color:#fff;background:#242024}

/* richer products */
.product-grid--rich{align-items:stretch}
.product-card--rich{display:flex;flex-direction:column;min-height:100%;border-radius:24px;border:1px solid #ece9eb;background:#fff;box-shadow:0 12px 34px rgba(33,25,29,.04);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s ease}
.product-card--rich:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(33,25,29,.1);border-color:rgba(215,11,18,.17)}
.product-card--rich .product-media{margin:8px 8px 0;height:232px;border-radius:18px;background:radial-gradient(circle at 50% 45%,#fff 0,#f4f2f3 63%,#eeecee 100%);overflow:hidden}
.product-card--rich .product-media:after{content:"";position:absolute;inset:auto 14% 6% 14%;height:16%;border-radius:50%;background:rgba(24,18,21,.08);filter:blur(13px);z-index:0;transition:.5s var(--ease)}
.product-card--rich .product-media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:19px;mix-blend-mode:multiply;transition:transform .65s var(--ease)}
.product-card--rich:hover .product-media img{transform:translateY(-4px) scale(1.055)}
.product-card--rich:hover .product-media:after{transform:scale(.86);opacity:.6}
.product-media--warm{background:radial-gradient(circle at 48% 45%,#fff 0,#fbf5f1 62%,#f2e8e3 100%)!important}
.product-media--cool{background:radial-gradient(circle at 48% 45%,#fff 0,#f2f5f7 62%,#e7edf0 100%)!important}
.product-media--soft{background:radial-gradient(circle at 48% 45%,#fff 0,#f7f7f8 62%,#ebebed 100%)!important}
.product-card--rich .product-copy{padding:15px 17px 18px;display:flex;flex-direction:column;flex:1}
.product-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:9px;font-weight:700;color:#989095}
.availability{color:#498060;font-size:9px}
.product-card--rich h3{font-size:13px;line-height:1.9;min-height:50px;margin:0 0 7px;color:#211b1e}
.product-card--rich .meta{font-size:9px;line-height:1.8;color:#999195;min-height:32px}
.product-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed #eee9eb;font-size:9px;font-weight:800;color:#5b5357}
.product-brand span{padding:4px 7px;border-radius:7px;background:#f4f1f2;color:#8b8387;font-size:8px}
.product-card--rich .price-row{margin-top:auto;padding-top:13px}
.product-card--rich .price-row strong{font-size:14px;letter-spacing:-.02em}
.product-card--rich .add-mini{width:36px;height:36px;border-radius:12px}
.product-card--rich .product-tools{opacity:0;transform:translateX(-7px);transition:.35s var(--ease)}
.product-card--rich:hover .product-tools{opacity:1;transform:none}
.product-card--rich .badge{z-index:4}

/* curve promo refinements */
.camera-promo{border-radius:25px!important;box-shadow:0 18px 44px rgba(31,22,27,.09),inset 0 1px 0 rgba(255,255,255,.04)!important}
.camera-promo__copy{padding-top:26px!important}
.camera-promo__copy .promo-label{display:inline-flex;margin-bottom:8px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);font-size:8px;font-weight:800;color:rgba(255,255,255,.63)}
.camera-promo__copy h3{font-size:27px!important}
.camera-promo__copy p{font-size:10px!important;max-width:230px!important}
.camera-promo__cta{margin-top:13px!important}

/* solution mosaic */
.solutions-section{overflow:hidden}
.solution-mosaic{display:grid;grid-template-columns:1.15fr .95fr .95fr;gap:14px}
.solution-card{position:relative;min-height:370px;border-radius:28px;overflow:hidden;padding:28px;isolation:isolate;box-shadow:0 18px 46px rgba(32,23,28,.08);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.solution-card:hover{transform:translateY(-6px);box-shadow:0 30px 64px rgba(32,23,28,.14)}
.solution-card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.solution-card img{position:absolute;z-index:-1;left:-4%;bottom:-4%;width:72%;height:58%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 22px rgba(0,0,0,.18));transition:transform .7s var(--ease)}
.solution-card:hover img{transform:translateY(-7px) rotate(-2deg) scale(1.04)}
.solution-no{position:absolute;left:22px;top:20px;font-size:10px;font-weight:900;letter-spacing:.16em;opacity:.4}
.solution-copy{position:relative;z-index:3;max-width:80%}
.solution-copy>span{font-size:9px;font-weight:800;opacity:.68}
.solution-copy h3{font-size:25px;line-height:1.55;letter-spacing:-.04em;margin:10px 0 8px}
.solution-copy p{font-size:10px;line-height:1.9;opacity:.68;max-width:300px}
.solution-copy a{display:inline-flex;margin-top:12px;font-size:10px;font-weight:800}
.solution-card--dark{background:linear-gradient(145deg,#241d21,#120f11);color:#fff}
.solution-card--dark:after{background:radial-gradient(circle at 85% 85%,rgba(215,11,18,.18),transparent 42%)}
.solution-card--dark img{mix-blend-mode:screen;opacity:.7}
.solution-card--red{background:linear-gradient(145deg,#d80d14,#a80007);color:#fff}
.solution-card--red:after{background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 30%)}
.solution-card--red img{width:78%;left:-12%;bottom:-8%;mix-blend-mode:normal;background:#fff;border-radius:48% 52% 0 0/33% 44% 0 0;padding:12px}
.solution-card--glass{background:linear-gradient(145deg,#f5f4f5,#fff);border:1px solid #e7e3e6;color:#272024}
.solution-card--glass:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(215,11,18,.1),transparent 38%);z-index:-1}
.solution-card--glass img{width:68%;left:-3%;bottom:-2%}

/* offer section details */
.offer-bullets{display:flex;flex-direction:column;gap:8px;margin-top:25px;font-size:9px;color:rgba(255,255,255,.58)}
.offer-bullets span::first-letter{color:#ff454b}
.offer-section .product-card .product-media img{object-fit:contain;padding:16px;mix-blend-mode:multiply}
.offer-section .product-card .rating{font-size:9px;color:#8c8488}

/* brands */
.brand-chip--accent{background:#211b1e!important;color:#fff!important;border-color:#211b1e!important}

/* services detail */
.services-grid--detail .service-card{min-height:290px;display:flex;flex-direction:column}
.service-kicker{font-size:8px;letter-spacing:.12em;color:#aca5a9;font-weight:800;margin:8px 0 4px;direction:ltr;text-align:right}
.services-grid--detail .service-card p{max-width:330px}
.services-grid--detail .service-card .arrow{margin-top:auto}

/* footer richer */
.footer-topline{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:35px;margin-bottom:38px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-topline h3{margin:5px 0 0;font-size:30px;color:#fff;letter-spacing:-.04em}
.footer-topline .eyebrow{color:#ef4b51}
.footer-cta{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 18px;border-radius:14px;background:#d70b12;color:#fff;font-size:10px;font-weight:800;box-shadow:0 10px 25px rgba(215,11,18,.23)}
.footer-badges{display:flex;gap:6px;flex-wrap:wrap}
.footer-badges span{font-size:8px;letter-spacing:.08em;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.55)}

/* product page V3.2 */
.product-page .product-main-grid{gap:13px}
.product-page .gallery-panel,.product-page .product-info,.product-page .buy-rail .panel{border-radius:22px;border:1px solid #ebe7e9;box-shadow:0 14px 38px rgba(34,25,30,.045)}
.product-page .main-product-img{background:radial-gradient(circle at 50% 45%,#fff,#f6f4f5 64%,#ece9eb);border-radius:18px;overflow:hidden}
.product-page .main-product-img:after{content:"";position:absolute;left:15%;right:15%;bottom:8%;height:13%;border-radius:50%;background:rgba(23,18,20,.09);filter:blur(16px)}
.product-page .main-product-img .gallery-main{position:relative;z-index:1;object-fit:contain;padding:34px;mix-blend-mode:multiply}
.product-page .thumb img{object-fit:contain;padding:5px;mix-blend-mode:multiply}
.product-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}
.product-badges span{padding:6px 9px;border-radius:999px;background:#f5f2f3;border:1px solid #ece8ea;color:#7c7478;font-size:8px;font-weight:800}
.product-rating-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #f0edef;border-bottom:1px solid #f0edef;margin:12px 0;font-size:9px;color:#938b8f}
.product-lead{font-size:11px;line-height:2.05;color:#6f686c;margin:14px 0}
.product-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}
.product-proof span{min-height:68px;border:1px solid #ebe7e9;border-radius:15px;background:#faf9fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:8px;font-weight:800;color:#6a6266}
.product-proof svg{color:#d70b12}
.mini-label{font-size:8px;font-weight:800;color:#a49ca0;margin-bottom:8px}
.availability-box{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;background:#f3f8f4;border:1px solid #e4eee6}
.availability-box>span{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#4b9b68;box-shadow:0 0 0 5px rgba(75,155,104,.11)}
.availability-box div{display:flex;flex-direction:column;gap:3px}
.availability-box b{font-size:10px;color:#365943}
.availability-box small{font-size:8px;line-height:1.7;color:#789080}
.description-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}
.description-callouts>div{padding:16px;border-radius:16px;background:#f7f5f6;border:1px solid #ece8ea;display:flex;flex-direction:column;gap:5px}
.description-callouts b{font-size:14px;color:#251e22}
.description-callouts span{font-size:9px;color:#928a8e}
.empty-review{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;border-radius:18px;background:#faf9fa;border:1px dashed #ded8dc}
.empty-review-icon{width:52px;height:52px;border-radius:17px;background:#fff;border:1px solid #ebe7e9;display:grid;place-items:center;color:#d70b12;font-size:26px}
.empty-review b{font-size:12px}.empty-review p{font-size:9px;color:#968e92;margin:5px 0 0}
.related-section .product-card .product-media img{object-fit:contain;padding:15px;mix-blend-mode:multiply}

@media(max-width:1180px){
  .category-rich-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .category-rich-card--hero{grid-column:span 2}
  .solution-mosaic{grid-template-columns:1fr 1fr}
  .solution-card:first-child{grid-column:1/-1;min-height:330px}
}
@media(max-width:900px){
  .mega-grid--detailed{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-rich-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .category-rich-card--hero{grid-column:1/-1;grid-row:auto;min-height:300px}
  .product-card--rich .product-media{height:220px}
  .solution-mosaic{grid-template-columns:1fr}
  .solution-card,.solution-card:first-child{grid-column:auto;min-height:315px}
  .footer-topline{align-items:flex-start;flex-direction:column}
  .product-proof{grid-template-columns:1fr}
  .description-callouts{grid-template-columns:1fr}
  .empty-review{grid-template-columns:auto 1fr}.empty-review .btn-outline{grid-column:1/-1;width:100%}
}
@media(max-width:650px){
  .category-rich-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .category-rich-card{min-height:150px;padding:17px 15px;border-radius:19px}
  .category-rich-card--hero{min-height:280px;padding:22px}
  .category-rich-card--hero strong{font-size:27px}
  .category-rich-card--hero p{font-size:10px}
  .section-actions{display:none}
  .product-card--rich .product-media{height:190px}
  .product-card--rich .product-media img{padding:13px}
  .solution-card{padding:22px;border-radius:23px;min-height:295px}
  .solution-copy{max-width:92%}.solution-copy h3{font-size:21px}
  .solution-card img{width:65%;opacity:.82}
  .footer-topline h3{font-size:24px}
  .product-page .main-product-img .gallery-main{padding:20px}
}


/* =========================================================
   V3.3 — compact curved hero + real sticky navigation
   ========================================================= */
.site-header{will-change:transform,background,box-shadow;transition:background .3s var(--ease),box-shadow .3s var(--ease),border-radius .3s var(--ease),top .3s var(--ease)}
.site-header.is-sticky{
  position:fixed!important;top:12px;right:auto;left:50%;transform:translateX(-50%);
  width:min(calc(100% - 48px),1424px);margin:0!important;z-index:180;
  background:rgba(28,23,26,.84);border:1px solid rgba(255,255,255,.1);
  border-radius:20px;box-shadow:0 18px 55px rgba(17,12,15,.24);
  backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);
  animation:stickyDrop .38s var(--ease) both;
}
.site-header.is-sticky .header-top{min-height:66px;padding-inline:20px}
.site-header.is-sticky .header-bottom{min-height:48px;padding-inline:20px}
.site-header.is-sticky .brand-badge{width:44px;height:44px;font-size:15px}
.site-header.is-sticky .brand-text small{display:none}
.site-header.is-sticky .searchbar{height:42px;max-width:560px}
.site-header.is-sticky .icon-btn{width:39px;height:39px;border-radius:12px}
.site-header.is-sticky .mega-menu{top:calc(100% + 2px)}
@keyframes stickyDrop{from{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%,0)}}

.home-page .hero-shell{min-height:630px}
.home-page .hero-content{padding-top:68px;padding-bottom:98px}
.home-page .hero-content h1{font-size:clamp(38px,4.4vw,62px);margin:12px 0 15px}
.home-page .hero-content p{margin-bottom:22px;line-height:1.95}
.home-page .hero-curve{height:108px;width:58%}
.home-page .hero-stats{
  right:50%;bottom:-1px;transform:translateX(50%);min-width:650px;
  padding:17px 28px 14px;gap:0;border-radius:32px 32px 0 0;justify-content:center;
}
.home-page .hero-stats:before,.home-page .hero-stats:after{display:none}
.home-page .hero-stats .stat{flex:1;justify-content:center;gap:9px;padding:0 22px;min-width:0}
.home-page .hero-stats .stat+.stat{border-right:1px solid #dfdde2}
.home-page .hero-stats strong{font-size:28px;white-space:nowrap}
.home-page .hero-stats span{font-size:10px;line-height:1.55;white-space:nowrap}
.home-page .hero-scroll{bottom:17px;left:27%}
.home-page .social-pill{bottom:17px}

@media(max-width:1100px){
  .site-header.is-sticky{width:min(calc(100% - 30px),1060px);top:9px}
  .site-header.is-sticky .header-bottom{min-height:46px}
  .home-page .hero-shell{min-height:610px}
  .home-page .hero-content{padding-top:62px;padding-bottom:105px}
  .home-page .hero-stats{min-width:590px}
  .home-page .hero-curve{height:96px;width:66%}
}
@media(max-width:850px){
  .site-header.is-sticky{width:calc(100% - 20px);top:8px;border-radius:17px}
  .site-header.is-sticky .header-top{min-height:60px;padding-inline:13px}
  .site-header.is-sticky .header-bottom{display:none}
  .site-header.is-sticky .brand-badge{width:40px;height:40px}
  .home-page .hero-shell{min-height:590px}
  .home-page .hero-content{padding:82px 24px 148px}
  .home-page .hero-curve{height:88px;width:100%}
  .home-page .hero-stats{width:94%;min-width:0;padding:13px 12px 11px;border-radius:24px 24px 0 0}
  .home-page .hero-stats .stat{padding:0 10px;gap:6px}
  .home-page .hero-stats strong{font-size:22px}
  .home-page .hero-stats span{font-size:8.5px;white-space:normal}
  .home-page .hero-scroll{display:none}
}
@media(max-width:560px){
  .home-page .hero-shell{min-height:560px}
  .home-page .hero-content{padding:74px 18px 142px}
  .home-page .hero-content h1{font-size:35px}
  .home-page .hero-curve{height:74px}
  .home-page .hero-stats{width:97%;padding:11px 6px 10px}
  .home-page .hero-stats .stat{padding:0 7px;display:block;text-align:center}
  .home-page .hero-stats strong{display:block;font-size:19px;margin-bottom:4px}
  .home-page .hero-stats span{display:block;font-size:7.8px;line-height:1.45}
  .home-page .social-pill{bottom:78px}
}


/* Hero utility pill replaces generic social links */
.hero-service-pill{position:absolute;z-index:7;left:25px;bottom:17px;display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:17px;color:#fff;background:rgba(28,22,25,.58);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.hero-service-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(215,8,13,.9);box-shadow:0 8px 20px rgba(215,8,13,.22)}
.hero-service-pill b{display:block;font-size:10.5px;line-height:1.45}.hero-service-pill small{display:block;margin-top:2px;color:rgba(255,255,255,.62);font-size:8px;white-space:nowrap}
@media(max-width:850px){.hero-service-pill{left:50%;transform:translateX(-50%);bottom:86px}.home-page .social-pill{display:none!important}}
@media(max-width:560px){.hero-service-pill{bottom:75px;padding:7px 10px}.hero-service-icon{width:30px;height:30px}.hero-service-pill b{font-size:9.5px}.hero-service-pill small{font-size:7.5px}}

/* =========================================================
   V3.4 — hero stats placement + equal header dimensions
   ========================================================= */
/* Desktop/tablet header now starts at the exact compact size used by sticky mode. */
.site-header:not(.is-sticky) .header-top{min-height:66px;padding-inline:20px}
.site-header:not(.is-sticky) .header-bottom{min-height:48px;padding-inline:20px}
.site-header:not(.is-sticky) .brand-badge{width:44px;height:44px;font-size:15px}
.site-header:not(.is-sticky) .brand-text small{display:none}
.site-header:not(.is-sticky) .searchbar{height:42px;max-width:560px}
.site-header:not(.is-sticky) .icon-btn{width:39px;height:39px;border-radius:12px}
.site-header:not(.is-sticky){border-radius:20px}

/* Exact requested desktop position for the curved hero stats block. */
.home-page .hero-stats{right:23%;bottom:23px;transform:none}

@media(max-width:1100px){
  .site-header:not(.is-sticky) .header-bottom{min-height:46px}
  .home-page .hero-stats{right:23%;bottom:23px;transform:none}
}

/* On mobile, normal and sticky header keep the same compact geometry as well. */
@media(max-width:850px){
  .site-header:not(.is-sticky){border-radius:17px}
  .site-header:not(.is-sticky) .header-top{min-height:60px;padding-inline:13px}
  .site-header:not(.is-sticky) .header-bottom{display:none}
  .site-header:not(.is-sticky) .brand-badge{width:40px;height:40px}
  .home-page .hero-stats{right:50%;bottom:0;transform:translateX(50%)}
}


/* =========================================================
   V3.4 — official brand logo integration
   ========================================================= */
.brand--logo{
  min-width:190px;
  gap:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  line-height:0;
}
.brand-logo{
  display:block;
  width:184px;
  height:auto;
  max-height:54px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 3px 10px rgba(225,20,22,.18));
}
.footer-brand-logo{min-width:0;width:max-content;margin-bottom:18px}
.footer-brand-logo .brand-logo{width:218px;max-height:72px}

.site-header.is-sticky .brand--logo,
.site-header:not(.is-sticky) .brand--logo{min-width:190px}
.site-header.is-sticky .brand-logo,
.site-header:not(.is-sticky) .brand-logo{width:184px;max-height:54px}

@media (max-width:1100px){
  .brand--logo{min-width:150px}
  .brand-logo{width:148px;max-height:48px}
  .site-header.is-sticky .brand--logo,
  .site-header:not(.is-sticky) .brand--logo{min-width:150px}
  .site-header.is-sticky .brand-logo,
  .site-header:not(.is-sticky) .brand-logo{width:148px;max-height:48px}
}
@media (max-width:760px){
  .brand--logo{min-width:128px}
  .brand-logo{width:128px;max-height:44px}
  .site-header.is-sticky .brand--logo,
  .site-header:not(.is-sticky) .brand--logo{min-width:128px}
  .site-header.is-sticky .brand-logo,
  .site-header:not(.is-sticky) .brand-logo{width:128px;max-height:44px}
  .footer-brand-logo .brand-logo{width:190px;max-height:64px}
}
@media (max-width:430px){
  .brand--logo{min-width:112px}
  .brand-logo{width:112px;max-height:40px}
  .site-header.is-sticky .brand--logo,
  .site-header:not(.is-sticky) .brand--logo{min-width:112px}
  .site-header.is-sticky .brand-logo,
  .site-header:not(.is-sticky) .brand-logo{width:112px;max-height:40px}
}

/* ===== V3.5 upgrades ===== */
html,body{overflow-x:clip}
img{max-width:100%;display:block}
.section,.site-footer{position:relative;z-index:1}
.hero-wrap,.hero-shell{isolation:isolate}
.site-header{z-index:120}
.site-header.is-sticky{position:fixed!important;top:12px;left:50%;transform:translateX(-50%);z-index:5000!important;width:min(calc(100% - 28px),1418px);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 45px rgba(10,10,10,.24)}
.site-header .mega-menu{z-index:5100}
.search-overlay,.cart-drawer,.cart-drawer-backdrop,.quick-modal{z-index:5200}

/* Category redesign */
.bnk-categories-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);gap:18px;align-items:stretch}
.bnk-cat-feature{position:relative;min-height:340px;border-radius:32px;overflow:hidden;padding:28px;background:linear-gradient(145deg,#1d1719 0%,#2a2024 55%,#150f12 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;box-shadow:0 24px 60px rgba(25,19,22,.12)}
.bnk-cat-feature:before{content:"";position:absolute;inset:auto -18% -32% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,86,.28),transparent 62%)}
.bnk-cat-feature__art{position:relative;height:170px;display:grid;place-items:center}
.bnk-cat-feature__art svg{width:170px;height:170px;position:relative;z-index:2;filter:drop-shadow(0 20px 30px rgba(0,0,0,.24))}
.bnk-cat-feature__halo{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%);filter:blur(4px)}
.bnk-cat-feature__copy h3{font-size:32px;font-weight:900;margin:8px 0 10px}
.bnk-cat-feature__copy p{color:#dbd4d6;font-size:13px;line-height:2;margin:0 0 16px}
.bnk-cat-tags{display:flex;gap:8px;flex-wrap:wrap}.bnk-cat-tags span{height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.08);font-size:11px}
.bnk-categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bnk-cat-card{position:relative;min-height:160px;border-radius:26px;padding:18px 18px 16px;background:linear-gradient(145deg,#fff,#f8f6f7);border:1px solid #ece7ea;box-shadow:0 16px 38px rgba(31,23,27,.05);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease}
.bnk-cat-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(31,23,27,.10);border-color:rgba(215,11,18,.18)}
.bnk-cat-card:before{content:"";position:absolute;inset:auto auto -55px -35px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,87,92,.14),transparent 65%)}
.bnk-cat-card__badge{position:absolute;left:14px;top:13px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#bbb1b7}
.bnk-cat-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(15,15,15,.05);background:linear-gradient(160deg,#fff,#f4f1f2)}
.bnk-cat-icon svg{width:100%;height:100%}
.bnk-cat-card strong{font-size:16px;color:#231d21;margin-top:14px}
.bnk-cat-card small{font-size:10.5px;color:#8a8187;margin-top:4px}

/* New products slider */
.bnk-products-layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:18px;align-items:stretch}
.bnk-featured-product{min-height:100%}
.bnk-featured-product__inner{height:100%;display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#1f181b,#181214 55%,#0f0d0e);color:#fff;box-shadow:0 26px 66px rgba(23,16,18,.18)}
.bnk-featured-product__copy{padding:28px 28px 22px}
.bnk-featured-product__copy h3{font-size:30px;line-height:1.3;margin:12px 0;font-weight:900}
.bnk-featured-product__copy p{color:#d7d0d2;line-height:2;font-size:13px;margin:0 0 14px}
.bnk-featured-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:#f1ecee;font-size:12px}
.bnk-featured-list li{padding-right:15px;position:relative}.bnk-featured-list li:before{content:"";position:absolute;right:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.bnk-featured-meta{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.bnk-featured-meta strong{font-size:30px}.bnk-featured-meta small{font-size:11px;color:#d9d1d4}
.bnk-featured-product__media{position:relative;min-height:260px;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 35%,rgba(255,79,86,.24),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.bnk-featured-product__media img{max-width:84%;max-height:220px;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.35));mix-blend-mode:normal;position:relative;z-index:2}
.bnk-product-orb{position:absolute;inset:auto 50% 22px auto;transform:translateX(50%);width:220px;height:54px;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(24px)}
.bnk-products-slider{min-width:0;border-radius:30px;padding:22px;background:#fff;border:1px solid #ece7ea;box-shadow:0 18px 44px rgba(31,23,27,.06)}
.bnk-slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.bnk-slider-head span{font-weight:800;font-size:15px;color:#251e23}
.new-products-swiper{overflow:hidden;padding-bottom:4px}.new-products-swiper .swiper-slide{height:auto}
.new-products-swiper .product-card{height:100%}
.new-products-swiper .product-card h3{min-height:56px}

/* Footer pro */
.site-footer--pro{margin-top:42px;background:linear-gradient(180deg,#151114,#0f0c0e);color:#fff;padding:26px 0 18px}
.footer-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border-radius:28px;background:linear-gradient(140deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.footer-ribbon h3{font-size:28px;line-height:1.4;margin:8px 0 10px}.footer-ribbon p{max-width:760px;color:#c9c2c5;line-height:2;font-size:13px;margin:0}
.footer-ribbon__actions{display:flex;gap:10px;flex-wrap:wrap}.footer-cta.footer-cta--ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}
.footer-main{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:22px;padding:30px 0 20px}.footer-brandbox p{color:#c8c1c5;line-height:2;font-size:13px;margin:15px 0 0}
.footer-mini-cards{display:grid;gap:12px;margin-top:18px}.footer-mini-card{padding:16px 16px 15px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.footer-mini-card b{display:block;font-size:13px;margin-bottom:6px}.footer-mini-card span{font-size:11px;line-height:1.8;color:#bfb8bc}
.footer-contact-pro{display:grid;gap:10px}.contact-pro-item{padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.contact-pro-item span{display:block;color:#a69ea3;font-size:10px;margin-bottom:6px}.contact-pro-item b{font-size:13px}
.footer-bottom--pro{padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.site-footer--pro .footer-links a{color:#ddd7da}.site-footer--pro .footer-links a:hover{color:#fff;transform:translateX(-3px)}
.site-footer--pro .footer-title{color:#fff;margin-bottom:14px}.site-footer--pro .brand-logo{width:220px;max-height:68px;object-fit:contain}

/* Responsive repairs */
@media (max-width:1270px){.bnk-categories-layout{grid-template-columns:1fr}.bnk-products-layout{grid-template-columns:1fr}.bnk-featured-product__inner{flex-direction:row-reverse;align-items:stretch}.bnk-featured-product__media,.bnk-featured-product__copy{width:50%}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.site-header.is-sticky{width:calc(100% - 20px)}.bnk-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bnk-featured-product__inner{flex-direction:column}.bnk-featured-product__media,.bnk-featured-product__copy{width:100%}.footer-ribbon{flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.site-header.is-sticky{top:8px}.bnk-categories-grid{grid-template-columns:1fr 1fr;gap:12px}.bnk-cat-card{min-height:145px;padding:16px;border-radius:22px}.bnk-cat-feature{min-height:320px;padding:24px}.bnk-products-slider{padding:16px}.bnk-featured-product__copy{padding:22px 18px 16px}.bnk-featured-product__copy h3{font-size:24px}.bnk-featured-meta strong{font-size:24px}.footer-main{grid-template-columns:1fr}.footer-ribbon h3{font-size:22px}.site-footer--pro .brand-logo{width:180px}}
@media (max-width:560px){.bnk-categories-grid{grid-template-columns:1fr}.bnk-cat-card{min-height:132px}.bnk-slider-head{flex-direction:column;align-items:flex-start}.new-products-swiper .product-card h3{min-height:unset}.footer-ribbon{padding:20px 18px}.footer-main{padding-top:22px}.footer-badges{flex-wrap:wrap}}

/* ===== V3.6 video hero ===== */
.hero-bg--video{
  background:#0f0c0e;
  overflow:hidden;
}
.hero-bg--video .hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  z-index:0;
  filter:saturate(1.04) contrast(1.03) brightness(.82);
}
.hero-bg--video:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 68% 45%,rgba(204,15,22,.10),transparent 38%),
    linear-gradient(90deg,rgba(13,10,12,.30) 0%,rgba(13,10,12,.44) 34%,rgba(13,10,12,.69) 72%,rgba(13,10,12,.80) 100%);
}
.hero-bg--video:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 38%,rgba(9,7,8,.18));
  box-shadow:inset 0 0 130px rgba(0,0,0,.18);
}
.hero-shell .hero-content,.hero-shell .hero-service-pill,.hero-shell .hero-stats,.hero-shell .hero-scroll,.hero-shell .site-header,.hero-shell .hero-curve,.hero-shell .hero-contour,.hero-shell .hero-glow{position:relative;z-index:3}
.hero-shell .hero-glow{position:absolute;z-index:2}
.hero-shell .hero-contour{position:absolute;z-index:2;pointer-events:none}
.hero-shell .hero-curve{position:absolute;z-index:4}
@media (max-width:820px){
  .hero-bg--video .hero-video{object-position:42% center;filter:saturate(1.03) contrast(1.02) brightness(.72)}
  .hero-bg--video:before{background:linear-gradient(90deg,rgba(13,10,12,.32),rgba(13,10,12,.66) 72%,rgba(13,10,12,.78))}
}
@media (prefers-reduced-motion:reduce){
  .hero-bg--video .hero-video{filter:saturate(1) contrast(1) brightness(.78)}
}

/* =========================================================
   V3.6.1 — VIDEO HERO POSITIONING HOTFIX
   Restores the intended absolute positioning that was
   accidentally overridden by the V3.6 video stacking rule.
   ========================================================= */
.hero-shell .hero-content{
  position:relative;
  z-index:3;
}
.hero-shell .site-header{
  position:relative;
  z-index:120;
}
.hero-shell .site-header.is-sticky{
  position:fixed!important;
  z-index:5000!important;
}
.hero-shell .hero-service-pill{
  position:absolute;
  z-index:8;
  left:25px;
  bottom:17px;
}
.home-page .hero-shell .hero-stats{
  position:absolute;
  z-index:7;
  right:23%;
  bottom:23px;
  transform:none;
}
.hero-shell .hero-scroll{
  position:absolute;
  z-index:6;
}
.hero-shell .hero-contour{
  position:absolute;
  z-index:2;
}
.hero-shell .hero-glow{
  position:absolute;
  z-index:2;
}
.hero-shell .hero-curve{
  position:absolute;
  z-index:4;
}

/* keep both utility blocks visually separated from the white curve */
.hero-service-pill{
  box-shadow:0 12px 32px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.home-page .hero-stats{
  box-shadow:0 -10px 30px rgba(17,12,15,.07);
}

@media (max-width:1100px){
  .home-page .hero-shell .hero-stats{
    right:23%;
    bottom:23px;
    transform:none;
  }
}

@media (max-width:850px){
  .hero-shell .hero-service-pill{
    left:50%;
    bottom:86px;
    transform:translateX(-50%);
  }
  .home-page .hero-shell .hero-stats{
    right:50%;
    bottom:0;
    transform:translateX(50%);
    width:94%;
  }
}

@media (max-width:560px){
  .hero-shell .hero-service-pill{
    bottom:72px;
    max-width:calc(100% - 36px);
  }
  .home-page .hero-shell .hero-stats{
    width:97%;
    right:50%;
    bottom:0;
    transform:translateX(50%);
  }
}

/* ===== V3.7 — sticky layer, category deck, curve category promo ===== */
:root{--z-sticky:2147483000}
html,body{overflow-x:clip}
/* The old hero isolation trapped the fixed header inside a lower stacking context. */
.hero-wrap,.hero-shell{isolation:auto!important}
.hero-wrap{z-index:auto!important}
.hero-shell{z-index:auto!important}
.site-header{position:relative;z-index:120!important}
.site-header.is-sticky{
  position:fixed!important;
  top:10px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 28px),1418px)!important;
  z-index:var(--z-sticky)!important;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 24px 65px rgba(10,8,9,.30)!important;
}
.site-header.is-sticky .mega-menu,.site-header.is-sticky .mobile-drawer{z-index:2147483001!important}
.header-is-sticky .search-overlay,.header-is-sticky .cart-drawer,.header-is-sticky .cart-drawer-backdrop,.header-is-sticky .quick-modal{z-index:2147483100!important}

/* New category deck — clean equal tiles instead of the previous feature/grid composition */
.category-section-v37{background:linear-gradient(180deg,#faf9fa 0%,#fff 100%)}
.category-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.category-tile{position:relative;min-height:178px;padding:18px 18px 17px;border-radius:26px;background:#fff;border:1px solid #ebe7e9;box-shadow:0 12px 32px rgba(32,25,28,.045);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s ease}
.category-tile:before{content:"";position:absolute;width:130px;height:78px;left:-48px;bottom:-42px;border-radius:50%;background:radial-gradient(ellipse,rgba(226,24,35,.13),rgba(226,24,35,0) 70%);transform:rotate(-15deg);transition:transform .45s var(--ease),opacity .45s ease}
.category-tile:after{content:"";position:absolute;width:74px;height:74px;right:-41px;top:-38px;border:1px solid rgba(224,25,35,.09);border-radius:50%}
.category-tile:hover{transform:translateY(-7px);border-color:rgba(224,25,35,.22);box-shadow:0 24px 54px rgba(31,23,27,.095)}
.category-tile:hover:before{transform:rotate(-15deg) scale(1.28)}
.category-tile__no{position:absolute;left:16px;top:14px;color:#b9b1b5;font-size:9px;font-weight:800;letter-spacing:.13em}
.category-tile__icon{width:68px;height:68px;display:grid;place-items:center;margin-bottom:auto;border-radius:22px;background:linear-gradient(145deg,#fbfafb,#f2eef0);box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(31,23,27,.045);transition:transform .45s var(--ease)}
.category-tile__icon svg{width:64px;height:64px;overflow:visible}
.category-tile:hover .category-tile__icon{transform:translateY(-3px) rotate(-2deg)}
.category-tile__copy{display:flex;flex-direction:column;margin-top:16px;position:relative;z-index:2}
.category-tile__copy strong{font-size:15px;color:#211b1e;font-weight:850}
.category-tile__copy small{margin-top:5px;color:#8a8286;font-size:10px;line-height:1.7}
.category-tile>i{position:absolute;left:16px;bottom:16px;color:#beb6ba;font-size:17px;font-style:normal;transition:.35s var(--ease)}
.category-tile:hover>i{left:12px;color:var(--red)}

/* Products: RTL curve category promo on the right + slider beside it */
.bnk-products-layout{direction:rtl;grid-template-columns:minmax(340px,420px) minmax(0,1fr)!important;align-items:stretch}
.category-curve-card{position:relative;min-height:565px;border-radius:31px;overflow:hidden;background:linear-gradient(155deg,#21181c 0%,#171114 48%,#0f0c0e 100%);color:#fff;box-shadow:0 28px 70px rgba(24,17,20,.19);isolation:isolate}
.category-curve-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 56%,rgba(231,29,39,.28),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 40%);z-index:-4}
.category-curve-card__curve{position:absolute;inset:auto;pointer-events:none;z-index:-2}
.category-curve-card__curve--red{width:118%;height:59%;right:-10%;top:-10%;fill:rgba(221,20,31,.93);filter:drop-shadow(0 12px 24px rgba(222,19,30,.18))}
.category-curve-card__curve--light{width:118%;height:44%;right:-8%;bottom:-8%;fill:#f5f2f3}
.category-curve-card__ring{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none;z-index:-1}
.category-curve-card__ring--a{width:290px;height:290px;left:-115px;top:120px}
.category-curve-card__ring--b{width:190px;height:190px;left:-70px;top:170px;border-color:rgba(229,30,40,.24)}
.category-curve-card__copy{position:relative;z-index:4;padding:34px 29px 0;text-align:right;max-width:92%}
.category-curve-card__copy .promo-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);font-size:10px;color:#f4e9eb;backdrop-filter:blur(12px)}
.category-curve-card__copy h3{font-size:34px;line-height:1.2;margin:14px 0 10px;font-weight:900;letter-spacing:-.04em}
.category-curve-card__copy p{font-size:12px;line-height:2;color:#d9d1d4;margin:0;max-width:340px}
.category-curve-card__cta{display:inline-flex;align-items:center;gap:10px;min-height:45px;margin-top:18px;padding:0 17px;border-radius:14px;background:#fff;color:#211b1e;font-size:12px;font-weight:850;box-shadow:0 10px 26px rgba(0,0,0,.12)}
.category-curve-card__cta:hover{transform:translateY(-2px);background:#fff5f5;color:var(--red)}
.category-curve-card__visual{position:absolute;z-index:3;left:-3%;right:auto;bottom:-2px;width:94%;height:58%;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 0 3%;pointer-events:none}
.category-curve-card__visual img{position:relative;z-index:2;width:92%;max-height:290px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 28px 25px rgba(0,0,0,.30));transform:rotate(-4deg);transition:transform .7s var(--ease)}
.category-curve-card:hover .category-curve-card__visual img{transform:rotate(-2deg) translateY(-7px) scale(1.025)}
.category-curve-card__shadow{position:absolute;width:70%;height:42px;left:7%;bottom:24px;border-radius:50%;background:rgba(16,12,14,.28);filter:blur(19px)}
.bnk-products-slider{direction:rtl;min-width:0}
.new-products-swiper{direction:rtl!important}
.new-products-swiper .swiper-wrapper{direction:rtl!important}

@media (max-width:1240px){
  .category-deck{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bnk-products-layout{grid-template-columns:minmax(320px,390px) minmax(0,1fr)!important}
}
@media (max-width:1020px){
  .category-deck{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bnk-products-layout{grid-template-columns:1fr!important}
  .category-curve-card{min-height:440px}
  .category-curve-card__copy{max-width:58%}
  .category-curve-card__visual{width:54%;height:68%;left:1%}
}
@media (max-width:820px){
  .site-header.is-sticky{top:7px!important;width:calc(100% - 18px)!important;border-radius:18px!important}
  .category-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-tile{min-height:156px;border-radius:21px;padding:15px}
  .category-tile__icon{width:58px;height:58px;border-radius:18px}.category-tile__icon svg{width:55px;height:55px}
  .category-curve-card{min-height:500px}
  .category-curve-card__copy{max-width:none;padding:27px 22px 0}
  .category-curve-card__copy h3{font-size:29px}
  .category-curve-card__copy p{max-width:86%}
  .category-curve-card__visual{width:82%;height:52%;left:-3%;bottom:0}
}
@media (max-width:520px){
  .category-deck{grid-template-columns:1fr 1fr;gap:8px}
  .category-tile{min-height:142px;padding:13px;border-radius:18px}
  .category-tile__no{left:12px;top:11px}.category-tile__icon{width:51px;height:51px;border-radius:16px}.category-tile__icon svg{width:48px;height:48px}
  .category-tile__copy{margin-top:12px}.category-tile__copy strong{font-size:13px}.category-tile__copy small{font-size:8.5px}.category-tile>i{display:none}
  .category-curve-card{min-height:460px;border-radius:24px}
  .category-curve-card__copy{padding:23px 18px 0}.category-curve-card__copy h3{font-size:26px}.category-curve-card__copy p{font-size:10px;max-width:100%}
  .category-curve-card__visual{width:97%;height:48%;left:-10%}
}
/* absolute top-layer override: beats the older .hero-shell .site-header.is-sticky rule */
.hero-shell .site-header.is-sticky,
.product-page .site-header.is-sticky,
body .site-header.is-sticky{z-index:2147483000!important}

/* ===== V3.7.1 — requested hero positioning ===== */
.home-page .hero-shell .hero-stats{
  position:absolute;
  z-index:7;
  right:0;
}
.hero-shell .hero-content{
  padding-top:23px;
}

/* ===== V3.7.2 — image solution banners + desktop hero height ===== */
@media (min-width:1024px){
  .home-page .hero-shell{min-height:700px!important}
}

.solution-image-mosaic{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:16px;
  direction:rtl;
}
.solution-image-card{
  position:relative;
  display:block;
  min-width:0;
  overflow:hidden;
  border-radius:28px;
  background:#161214;
  border:1px solid rgba(24,18,21,.08);
  box-shadow:0 18px 48px rgba(25,18,22,.09);
  isolation:isolate;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease;
}
.solution-image-card--primary{grid-row:1 / span 2;grid-column:1}
.solution-image-card--secondary{grid-column:2}
.solution-image-card picture,.solution-image-card img{display:block;width:100%;height:100%}
.solution-image-card img{object-fit:cover;transition:transform .75s var(--ease),filter .45s ease}
.solution-image-card--primary{aspect-ratio:1.33}
.solution-image-card--secondary{aspect-ratio:2.1}
.solution-image-card:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.025)
}
.solution-image-card:hover{transform:translateY(-5px);box-shadow:0 28px 66px rgba(25,18,22,.16);border-color:rgba(215,11,18,.2)}
.solution-image-card:hover img{transform:scale(1.018);filter:saturate(1.04) contrast(1.02)}

@media (max-width:1180px){
  .solution-image-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .solution-image-card--primary{grid-column:1/-1;grid-row:auto;aspect-ratio:1.55}
  .solution-image-card--secondary{grid-column:auto;aspect-ratio:1.33}
}
@media (max-width:720px){
  .solution-image-mosaic{grid-template-columns:1fr;gap:12px}
  .solution-image-card--primary,.solution-image-card--secondary{grid-column:auto;grid-row:auto;aspect-ratio:1.333}
  .solution-image-card{border-radius:20px}
}


/* ===== V3.7.3 — equal solution banners ===== */
.solution-image-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:16px;direction:rtl;align-items:stretch}
.solution-image-card,.solution-image-card--equal{position:relative;display:block;min-width:0;overflow:hidden;border-radius:28px;background:#161214;border:1px solid rgba(24,18,21,.08);box-shadow:0 18px 48px rgba(25,18,22,.09);isolation:isolate;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease;aspect-ratio:4/3;height:100%}
.solution-image-card picture,.solution-image-card img{display:block;width:100%;height:100%}
.solution-image-card img{object-fit:cover;object-position:center center;transition:transform .75s var(--ease),filter .45s ease;margin:0;padding:0}
.solution-image-card--primary,.solution-image-card--secondary,.solution-image-card--equal{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
@media (max-width:1180px){.solution-image-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.solution-image-card--equal:first-child{grid-column:1/-1}}
@media (max-width:720px){.solution-image-mosaic{grid-template-columns:1fr;gap:12px}.solution-image-card,.solution-image-card--equal{aspect-ratio:4/3;border-radius:20px}}

/* ===== V4.1 — wide 16:9 banner artwork (assets/img/banner) =====
   The new banners are 1672×941; matching the card ratio keeps the
   typography inside the artwork uncropped at every breakpoint. */
.solution-image-card,.solution-image-card--equal,
.solution-image-card--primary,.solution-image-card--secondary{aspect-ratio:16/9}
/* flat banners: the artwork carries its own frame, so no chrome around it */
.solution-image-card,.solution-image-card--equal,
.solution-image-card:hover{border:none;box-shadow:none}
.solution-image-card:after{box-shadow:none}
.solution-image-card img{object-fit:unset}
@media (max-width:1180px){
  .solution-image-card,.solution-image-card--equal{aspect-ratio:16/9}
}
@media (max-width:720px){
  .solution-image-card,.solution-image-card--equal{aspect-ratio:16/9;border-radius:18px}
}

/* ===== V3.7.4 category icon upgrade ===== */
.category-section-v37 .section-head p{max-width:860px}
.category-tile{align-items:flex-start}
.category-tile__icon{width:86px;height:86px;margin-bottom:8px;border-radius:24px;background:linear-gradient(145deg,#fbfafb,#f2eef0);box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(31,23,27,.05);padding:8px;overflow:visible}
.category-tile__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(15,15,15,.12));transform:translateZ(0);transition:transform .45s var(--ease),filter .45s ease}
.category-tile:hover .category-tile__icon img{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 14px 24px rgba(15,15,15,.16))}
.category-tile__copy strong{font-size:16px}
.category-tile__copy small{line-height:1.8}
@media (max-width: 899px){.category-tile__icon{width:72px;height:72px;border-radius:20px;padding:7px}}
@media (max-width: 560px){.category-tile__icon{width:64px;height:64px;border-radius:18px;padding:6px}}

/* ===== V3.7.5 flat white icon set ===== */
.category-tile__icon{
  width:100px;
  height:100px;
  margin-bottom:10px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(16,18,22,.07);
  box-shadow:0 10px 28px rgba(20,20,20,.05);
  padding:0;
  overflow:hidden;
  display:grid;
  place-items:center;
}
.category-tile__icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
  border-radius:20px;
  transition:transform .35s var(--ease), box-shadow .35s ease;
}
.category-tile:hover .category-tile__icon img{
  transform:scale(1.035);
}
@media (max-width: 899px){
  .category-tile__icon{width:88px;height:88px;border-radius:18px}
  .category-tile__icon img{border-radius:16px}
}
@media (max-width: 560px){
  .category-tile__icon{width:74px;height:74px;border-radius:16px}
  .category-tile__icon img{border-radius:14px}
}

/* ===== V3.7.6 industrial icon sizing ===== */
/* NOTE: the old `scale:1.6 + margin-right:-64px` logo hack existed only because
   the source PNG carried ~50% transparent padding. The artwork is now trimmed
   (assets/img/logo-bnk.*), so the logo is sized honestly in the V4 block below
   and no longer overflows the header on small screens. */
.category-curve-card__visual img[src*="industrial-connections"]{
  width: 300px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 899px){
  .category-curve-card__visual img[src*="industrial-connections"]{width:240px;}
}

@media (max-width: 560px){
  .category-curve-card__visual img[src*="industrial-connections"]{width:190px;}
}


/* =========================================================================
   V4.0 — bug fixes · mobile-first rebuild · professional polish
   -------------------------------------------------------------------------
   Everything below intentionally sits last so it wins the cascade over the
   accumulated V3.x layers. Organised in blocks:
     01 tokens        05 off-canvas nav   09 sections
     02 base/a11y     06 bottom nav       10 product page
     03 rails         07 overlays         11 mobile typography floor
     04 header        08 hero             12 motion / print
   ========================================================================= */

/* ---------------------------------------------------------- 01 · tokens -- */
:root{
  --header-h:72px;
  --bn-h:64px;                       /* mobile bottom navigation height */
  --safe-b:env(safe-area-inset-bottom,0px);
  --rail-gap:14px;
  --card-shadow:0 14px 38px rgba(31,23,27,.06);
  --card-shadow-hover:0 26px 58px rgba(31,23,27,.12);
  --ink-45:#8d858a;
}

/* ------------------------------------------------------ 02 · base / a11y -- */
html{-webkit-text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
[id]{scroll-margin-top:calc(var(--header-h) + 26px)}
.header-spacer{height:0;width:100%;flex:none;pointer-events:none}

:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:2px solid var(--red);outline-offset:3px;border-radius:10px;
}
.site-header :where(a,button):focus-visible,
.cart-drawer :where(a,button):focus-visible,
.mnav :where(a,button):focus-visible{outline-color:#fff}

.skip-link{
  position:fixed;z-index:2147483200;top:10px;right:10px;transform:translateY(-180%);
  background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;font-size:13px;
  transition:transform .25s var(--ease);
}
.skip-link:focus{transform:none}

body.is-locked{overflow:hidden}
img,video{max-width:100%}
:where(.product-media,.blog-cover,.solution-image-card,.main-product-img) img{background:#f2f0f1}

.sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* Scroll progress — transform-based, no layout thrash while scrolling */
.scroll-progress{
  position:fixed;z-index:2147483210;top:0;right:0;left:0;height:3px;width:100%;
  background:linear-gradient(90deg,#ff3a3f,var(--red));transform:scaleX(0);transform-origin:right center;
  box-shadow:0 0 14px rgba(215,8,13,.5);pointer-events:none;
}

/* Reveal-on-scroll */
.js-reveal .reveal{
  opacity:0;transform:translateY(22px);
  transition:opacity .7s var(--ease),transform .7s var(--ease);
  transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform;
}
.js-reveal .reveal.is-in{opacity:1;transform:none;will-change:auto}

/* Back to top */
.to-top{
  position:fixed;z-index:80;left:16px;bottom:calc(20px + var(--safe-b));
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
  background:rgba(28,22,25,.9);color:#fff;box-shadow:0 14px 34px rgba(15,10,13,.28);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);
  transition:.35s var(--ease);
}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--red)}

/* --------------------------------------------------------- 03 · rails ---- */
/* CSS scroll-snap carousels (Swiper replacement): native momentum on touch. */
.swiper{
  position:relative;display:block;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;
  --per:3;
}
.swiper::-webkit-scrollbar{display:none}
.swiper.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.swiper-wrapper{display:flex;align-items:stretch;gap:var(--rail-gap);min-width:0}
.swiper-slide{
  flex:0 0 auto;min-width:0;display:flex;scroll-snap-align:start;
  width:calc((100% - (var(--per) - 1) * var(--rail-gap)) / var(--per));
}
.swiper-slide>*{width:100%}
.swiper-slide[hidden]{display:none}

.rail-dots{display:none;justify-content:center;gap:7px;margin-top:16px}
.rail-dot{
  width:7px;height:7px;padding:0;border-radius:99px;background:#d8d3d6;
  transition:.3s var(--ease);position:relative;
}
.rail-dot:before{content:"";position:absolute;inset:-9px}   /* 25px touch target */
.rail-dot.is-active{width:22px;background:var(--red)}
.swiper-nav button{width:42px;height:42px}
.swiper-nav button[disabled]{opacity:.35;cursor:not-allowed}
.swiper-nav button[disabled]:hover{background:#fff;color:var(--ink);border-color:var(--line)}

/* Per-rail density */
.new-products-swiper{--per:2.4}
.offer-swiper{--per:3}
.related-swiper{--per:4}
.categories-swiper{--per:6}
@media (max-width:1280px){.new-products-swiper{--per:2}.related-swiper{--per:3.3}}
@media (max-width:1020px){.new-products-swiper{--per:2.6}.offer-swiper{--per:2.4}.related-swiper{--per:2.8}}
@media (max-width:760px){
  .swiper{--rail-gap:12px}
  .new-products-swiper{--per:1.75}.offer-swiper{--per:1.6}.related-swiper{--per:2}
}
@media (max-width:520px){
  .new-products-swiper{--per:1.28}.offer-swiper{--per:1.2}.related-swiper{--per:1.6}
}
@media (max-width:900px){
  .rail-dots{display:flex}
  .swiper-nav{display:none}
}

/* --------------------------------------------------------- 04 · header --- */
.brand--logo{min-width:0!important;gap:0;line-height:0}
.brand--logo picture{display:block;line-height:0}
.brand-logo{
  width:auto!important;height:40px;max-height:none!important;
  scale:none;margin:0!important;object-fit:contain;
  filter:drop-shadow(0 3px 10px rgba(225,20,22,.18));
}
.site-header.is-sticky .brand-logo,.site-header:not(.is-sticky) .brand-logo{
  width:auto;height:40px;max-height:none;scale:none;margin:0;transform-origin:center;
}
.footer-brand-logo{min-width:0;width:max-content;margin-bottom:18px}
.site-footer--pro .brand-logo,.footer-brand-logo .brand-logo{width:auto!important;height:52px;max-height:none!important}

.header-top{gap:18px}
.mobile-search-btn{display:none}
.searchbar{cursor:pointer;transition:.3s var(--ease)}
.searchbar:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
.searchbar span{flex:1;text-align:right;font-size:13px;color:#aaa5a8}
.searchbar:hover span{color:#d6d1d4}
.login{
  background:transparent;color:#fff;font-size:13px;font-weight:600;
  padding:9px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
  white-space:nowrap;transition:.3s var(--ease);
}
.login:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.icon-btn{flex:none}
.cart-count,.fav-count{
  position:absolute;top:-4px;left:-4px;right:auto;
  min-width:19px;height:19px;padding:0 5px;border-radius:99px;
  background:var(--red);color:#fff;font-size:10px;font-weight:800;
  display:grid;place-items:center;border:2px solid #241d21;line-height:1;
}
.cart-count[hidden],.fav-count[hidden]{display:none}
.nav>a{padding:6px 0;font-size:13.5px}
.category-trigger span{transition:transform .3s var(--ease);display:inline-block}
.category-trigger[aria-expanded="true"] span{transform:rotate(180deg)}
.support b{font-size:12.5px}
.support small{font-size:10.5px}

/* mega menu — the old white-on-white body text was invisible */
.mega-menu{padding:18px;border:1px solid var(--line)}
.mega-item{min-height:78px;transition:.28s var(--ease)}
.mega-item:hover{background:var(--red-soft);color:var(--red);transform:translateY(-2px)}
.mega-item b{font-size:14px}
.mega-icon{flex:0 0 auto;width:42px;height:42px}
.mega-menu__foot{
  margin-top:12px;padding-top:14px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-size:12px;color:var(--muted);
}
.mega-menu__foot a{color:var(--red);font-weight:800}

/* Buttons */
.btn-primary,.btn-outline,.btn-ghost{min-height:50px;font-size:14px;border-radius:15px}
.btn-ghost{border:1px solid rgba(255,255,255,.24)}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.btn-primary span,.btn-ghost span,.footer-cta span{transition:transform .3s var(--ease);display:inline-block}
.btn-primary:hover span,.btn-ghost:hover span,.footer-cta:hover span{transform:translateX(-4px)}
.add-mini{transition:.3s var(--ease)}
.add-mini.is-added,.btn-primary.is-added{background:var(--green)}

/* --------------------------------------------------- 05 · off-canvas nav -- */
.layer-backdrop{
  position:fixed;inset:0;z-index:2147483050;background:rgba(14,10,12,.6);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;pointer-events:none;transition:opacity .32s var(--ease);
}
.layer-backdrop.open{opacity:1;pointer-events:auto}

.mnav{
  position:fixed;z-index:2147483080;top:0;bottom:0;right:0;
  width:min(370px,88vw);display:flex;flex-direction:column;
  background:linear-gradient(180deg,#221b1f,#161113);color:#fff;
  transform:translateX(102%);transition:transform .4s var(--ease);
  box-shadow:-20px 0 60px rgba(10,7,9,.4);overscroll-behavior:contain;
  padding-bottom:var(--safe-b);
}
.mnav.open{transform:none}
.mnav__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);flex:none;
}
.mnav__head .brand-logo{height:34px}
.mnav__close{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:#fff;font-size:16px;flex:none;
}
.mnav__close:hover{background:var(--red)}
.mnav__body{flex:1;overflow-y:auto;padding:16px 18px 24px;-webkit-overflow-scrolling:touch}
.mnav__search{
  width:100%;min-height:48px;border-radius:14px;display:flex;align-items:center;gap:10px;
  padding:0 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  color:#b8b1b5;font-size:13px;text-align:right;
}
.mnav__search svg{width:18px;height:18px;flex:none}
.mnav__label{
  display:block;margin:22px 2px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;
  color:rgba(255,255,255,.42);
}
.mnav__links{display:flex;flex-direction:column;gap:2px}
.mnav__links a{
  display:flex;align-items:center;gap:12px;min-height:50px;padding:0 12px;border-radius:14px;
  font-size:14px;font-weight:600;transition:.25s var(--ease);
}
.mnav__links a:hover,.mnav__links a:focus-visible{background:rgba(255,255,255,.07)}
.mnav__links a i{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:rgba(255,255,255,.07);color:#ff6b70;font-style:normal;
}
.mnav__links a svg{width:18px;height:18px}
.mnav__links a:after{content:"‹";margin-inline-start:auto;color:rgba(255,255,255,.3);font-size:18px}
.mnav__cats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mnav__cats a{
  display:flex;align-items:center;gap:9px;min-height:56px;padding:10px;border-radius:15px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
  font-size:12.5px;font-weight:700;transition:.25s var(--ease);
}
.mnav__cats a:hover{background:rgba(215,8,13,.18);border-color:rgba(255,90,95,.35)}
.mnav__cats img{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#fff;flex:none}
.mnav__cta{
  display:flex;align-items:center;gap:12px;margin-top:20px;padding:15px 16px;border-radius:18px;
  background:linear-gradient(140deg,#d7080d,#a90409);box-shadow:0 14px 30px rgba(215,8,13,.28);
}
.mnav__cta b{display:block;font-size:13.5px}
.mnav__cta small{display:block;font-size:11px;color:rgba(255,255,255,.78);margin-top:2px}
.mnav__cta svg{width:22px;height:22px;flex:none}
.mnav__foot{
  flex:none;padding:14px 18px;border-top:1px solid rgba(255,255,255,.09);
  display:flex;gap:10px;
}
.mnav__foot .login{flex:1;justify-content:center;display:flex;align-items:center;min-height:46px}
.mnav__foot .icon-btn{width:46px;height:46px;border:1px solid rgba(255,255,255,.14);border-radius:13px}

/* ----------------------------------------------------- 06 · bottom nav --- */
.bottom-nav{display:none}
@media (max-width:900px){
  .bottom-nav{
    position:fixed;z-index:2147482900;right:0;left:0;bottom:0;
    display:grid;grid-template-columns:repeat(5,1fr);
    padding:6px 4px calc(6px + var(--safe-b));
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);
    border-top:1px solid #eae6e8;box-shadow:0 -8px 30px rgba(24,18,22,.09);
  }
  .bn-item{
    position:relative;background:transparent;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:4px;min-height:52px;
    color:#7b7378;font-size:10.5px;font-weight:700;border-radius:14px;
    transition:color .25s var(--ease);
  }
  .bn-item svg{width:22px;height:22px}
  .bn-item.is-active{color:var(--red)}
  .bn-item.is-active:before{
    content:"";position:absolute;top:0;right:50%;transform:translateX(50%);
    width:26px;height:3px;border-radius:0 0 6px 6px;background:var(--red);
  }
  .bn-item .cart-count,.bn-item .fav-count{top:2px;left:calc(50% - 22px);border-color:#fff}
  body{padding-bottom:calc(var(--bn-h) + var(--safe-b))}
  .to-top{bottom:calc(var(--bn-h) + var(--safe-b) + 14px);left:14px}
  .toast{bottom:calc(var(--bn-h) + var(--safe-b) + 18px)}
  .product-page .bottom-nav{display:none}
  .product-page{padding-bottom:0}
}

/* ---------------------------------------------------------- 07 · overlays -- */
.search-overlay,.quick-modal{z-index:2147483100!important}
.cart-drawer{z-index:2147483120!important}
.search-overlay,.quick-modal,.cart-drawer-backdrop{background:rgba(14,10,12,.62)}
.cart-drawer{padding-bottom:calc(22px + var(--safe-b));overscroll-behavior:contain}
.cart-head b{font-size:16px}
.cart-close,.search-close,.quick-close{
  width:38px;height:38px;border-radius:12px;background:#f4f2f3;color:var(--ink);
  display:grid;place-items:center;font-size:15px;flex:none;
}
.cart-close:hover,.search-close:hover,.quick-close:hover{background:var(--red);color:#fff}
.cart-list{overflow-y:auto;flex:1;align-content:start;padding-left:2px}
.cart-item{padding:10px;border:1px solid var(--line);border-radius:16px;align-items:center}
.cart-item img{flex:none;align-self:center}
.cart-item b{font-size:12.5px;line-height:1.7}
.cart-item small{font-size:11px}

.search-box{padding:18px}
.big-search{height:58px}
.big-search input{font-size:15px}
.search-suggestions{gap:8px;padding-top:16px}
.search-suggestions a{
  border-radius:99px;padding:9px 14px;font-size:12.5px;background:#f8f7f8;
  border-color:#eeebec;transition:.25s var(--ease);
}
.search-suggestions a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.search-label{display:block;font-size:12px;font-weight:800;color:var(--muted);padding:14px 4px 0}

.quick-dialog{padding:14px;gap:18px}
.quick-content{padding:18px 14px}
.quick-content .final-price{font-size:24px;margin-top:14px}
.quick-meta{font-size:12.5px;color:var(--muted);margin:6px 0 0}

/* ------------------------------------------------------------- 08 · hero -- */
.hero-video{background:#0f0c0e}
.hero-content h1{text-wrap:balance}
.hero-stats .stat span{text-wrap:balance}
.hero-service-pill b{font-size:12px}
.hero-service-pill small{font-size:10px}
.home-page .hero-stats strong{font-size:30px}
.home-page .hero-stats span{font-size:11px}
.hero-kicker{font-size:13px}

/* --------------------------------------------------------- 09 · sections -- */
.section-head{margin-bottom:34px;align-items:flex-end}
.section-head p{font-size:14px;line-height:1.95}
.eyebrow{font-size:12.5px;letter-spacing:.01em}

.trust-item b{font-size:14.5px}
.trust-item small{font-size:12px;line-height:1.7}
.trust-item{transition:.3s var(--ease)}
.trust-item:hover .trust-icon{background:var(--red);color:#fff}

.category-tile__copy strong{font-size:16px}
.category-tile__copy small{font-size:11.5px;line-height:1.75;color:var(--ink-45)}
.category-tile__no{font-size:10.5px}

.product-card--rich h3{font-size:14px;line-height:1.85;min-height:52px}
.product-card--rich .meta{font-size:11px;line-height:1.75;color:var(--ink-45);min-height:36px}
.product-topline{font-size:11px;color:var(--ink-45)}
.availability{font-size:11px;color:#3f7d5c;font-weight:700}
.product-brand{font-size:11px}
.product-brand span{font-size:10px;padding:5px 8px}
.product-card--rich .price-row strong{font-size:16px}
.price-row small{font-size:11px}
.badge{font-size:11px;padding:6px 10px}
.rating{font-size:12px}
.product-card h3{font-size:14px}
/* Hover-only tools are unreachable on touch devices */
@media (hover:none),(pointer:coarse){
  .product-tools,.product-card--rich .product-tools{opacity:1;transform:none;display:flex}
  .product-tools button{width:34px;height:34px;background:rgba(255,255,255,.94)}
}
.favorite-btn.is-active{background:var(--red)!important;color:#fff!important}

.section-actions{gap:8px}
.filter-pill{height:38px;padding:0 16px;font-size:12.5px;border-radius:99px}

.offer-shell{padding:44px}
.offer-intro h2{font-size:clamp(26px,2.6vw,40px)}
.offer-intro p{font-size:14px;line-height:2}
.offer-bullets{font-size:12.5px;color:rgba(255,255,255,.72);gap:10px}

.brand-chip{font-size:17px}

.service-kicker{font-size:10.5px;letter-spacing:.1em;color:var(--ink-45)}
.service-card p{font-size:13.5px;line-height:2}
.service-card h3{font-size:20px;letter-spacing:-.03em}

.stat-card span{font-size:13px}

.blog-meta{font-size:11.5px}
.blog-body p{font-size:13px;line-height:1.95}
.blog-body a{font-size:13px}
.blog-body h3{font-size:17.5px;line-height:1.75}

/* FAQ — animated open/close without JS height math */
.faq-a{display:grid!important;grid-template-rows:0fr;padding:0 20px;
  transition:grid-template-rows .38s var(--ease),padding .38s var(--ease);
  color:var(--muted);font-size:13.5px;line-height:2}
.faq-a__in{overflow:hidden;min-height:0}
.faq-item.open>.faq-a{grid-template-rows:1fr;padding-bottom:20px}
.faq-q{font-size:14.5px;gap:14px;min-height:60px;line-height:1.7}
.faq-q:hover{color:var(--red)}
.faq-intro h2{font-size:clamp(26px,2.6vw,38px)}

.newsletter-form input,.newsletter-form button{font-size:14px}
.newsletter p{font-size:14px}

.footer-ribbon p{font-size:13.5px}
.footer-links{font-size:13px;gap:11px}
.footer-mini-card span{font-size:12px}
.contact-pro-item span{font-size:11.5px}
.contact-pro-item b{font-size:13.5px}
.footer-badges span{font-size:11px;padding:7px 11px}
.footer-bottom{font-size:12px}
.footer-cta{height:48px;font-size:12.5px;padding:0 20px}
.footer-acc{
  all:unset;display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;cursor:default;color:inherit;font:inherit;
}
.footer-acc i{display:none}

/* ------------------------------------------------------ 10 · product page -- */
.product-tabs{top:calc(var(--header-h) + 14px)}
.qty{grid-template-columns:44px 1fr 44px}
.qty button{font-size:20px;color:var(--ink);border-radius:12px}
.qty button:hover{background:var(--red-soft);color:var(--red)}
.qty b{font-size:15px;font-weight:800}
.spec-key,.spec-val{font-size:12.5px;min-height:48px}
.product-badges span{font-size:11px;padding:7px 11px}
.product-proof span{font-size:11px}
.availability-box b{font-size:12.5px}
.availability-box small{font-size:11px}
.mini-label{font-size:11px}
.description-callouts b{font-size:15px}
.description-callouts span{font-size:11.5px}
.empty-review b{font-size:13.5px}
.empty-review p{font-size:11.5px}
.product-wide p{font-size:13.5px}
.product-info h1{font-size:clamp(19px,2vw,25px)}
.product-lead{font-size:12.5px}
.feature-list{font-size:12.5px}
.product-rating-row{font-size:11.5px}
.brand-row{font-size:12px}
.float-tools button{width:44px;height:44px}
.gallery-main{transition:opacity .18s var(--ease),transform .18s var(--ease)}
.gallery-main.is-swapping{opacity:0;transform:scale(.985)}
.thumb{transition:.25s var(--ease)}
.thumb:hover{border-color:#f0c7c8}
.mobile-buybar{z-index:2147482880!important}
.discount-tag,.notice{font-size:11px}
.comment-head{font-size:12px}
.breadcrumb{font-size:12.5px;gap:8px}
.breadcrumb a:hover{color:var(--red)}

/* ============================== MOBILE ================================== */
@media (max-width:900px){
  /* ---- header ---- */
  .header-top{min-height:62px!important;padding-inline:14px!important;gap:10px;
    grid-template-columns:auto 1fr auto}
  .brand-logo{height:34px}
  .header-actions{gap:2px}
  .icon-btn{width:42px;height:42px;border-radius:13px}
  .searchbar{display:none}
  .login{display:none}
  .mobile-menu-btn,.mobile-search-btn{display:grid!important}
  .site-header{margin:10px 10px 0!important;border-radius:18px!important}
  .site-header.is-sticky{top:8px!important;width:calc(100% - 20px)!important;margin:0!important}
  .mobile-drawer{display:none!important}   /* replaced by the off-canvas panel */
  .mega-menu{display:none!important}

  /* ---- hero: everything in normal flow, nothing overlapping ---- */
  .home-page .hero-wrap{padding:0}
  .home-page .hero-wrap:before,.home-page .hero-wrap:after{display:none}
  .home-page .hero-shell{
    min-height:0!important;border-radius:0 0 28px 28px;
    padding-bottom:20px;box-shadow:0 18px 44px rgba(19,14,17,.16);
  }
  .hero-contour,.hero-curve,.hero-scroll{display:none!important}
  .home-page .hero-content{
    position:relative;max-width:none;margin:0;
    padding:36px 20px 24px!important;text-align:right;
  }
  .home-page .hero-kicker,.home-page .hero-actions{justify-content:flex-start}
  .home-page .hero-content h1{font-size:clamp(28px,7.6vw,40px);line-height:1.24;letter-spacing:-.8px;margin:12px 0 14px}
  .home-page .hero-content p{font-size:13.5px;line-height:2;margin-bottom:22px;color:rgba(255,255,255,.82)}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  .home-page .hero-actions a{width:100%}
  .home-page .hero-actions .btn-ghost{background:rgba(255,255,255,.07)}

  /* `position:relative` + `inset:auto` puts these back in normal flow while
     keeping them above the hero's overlay gradients (which sit at z-index 1–2);
     a plain `position:static` would drop them behind the scrim and vanish. */
  .hero-service-pill,.hero-shell .hero-service-pill{
    position:relative!important;inset:auto!important;transform:none!important;z-index:5;
    margin:0 20px 14px;max-width:none;width:auto;
    background:rgba(255,255,255,.08);border-radius:16px;padding:11px 13px;
  }
  .home-page .hero-stats,.home-page .hero-shell .hero-stats{
    position:relative!important;inset:auto!important;transform:none!important;z-index:5;
    width:auto;min-width:0;margin:0 20px;padding:0;gap:8px;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    background:transparent;border-radius:0;box-shadow:none;
  }
  .home-page .hero-stats:before,.home-page .hero-stats:after{display:none}
  .home-page .hero-stats .stat{
    display:block;text-align:center;padding:12px 6px;
    border-radius:16px;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1)!important;color:#fff;
  }
  .home-page .hero-stats strong{display:block;font-size:22px;margin-bottom:4px;color:#fff}
  .home-page .hero-stats span{display:block;font-size:10.5px;line-height:1.5;color:rgba(255,255,255,.7);white-space:normal}

  /* ---- rhythm ---- */
  .section{padding:46px 0}
  .section-tight{padding:38px 0}
  .container-xl{width:min(calc(100% - 28px),var(--max))}
  /* beats the non-media `.rtl-page .section-head{flex-direction:row}` rule */
  .section-head,.rtl-page .section-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px}
  .section-head h2{font-size:clamp(21px,5.4vw,27px);line-height:1.4;margin:6px 0 8px}
  .section-head p{display:block!important;font-size:13px;line-height:1.9;color:var(--muted)}
  .section-link{font-size:13px}

  /* ---- trust: real cards instead of a squeezed table ---- */
  .trust-strip{padding:18px 0 0}
  .trust-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:10px;
    background:transparent;border:0;box-shadow:none;border-radius:0;
  }
  .trust-item{
    flex-direction:column;align-items:flex-start;text-align:right;gap:10px;
    min-height:0;padding:15px 14px;background:#fff;
    border:1px solid var(--line)!important;
    border-radius:20px;box-shadow:var(--card-shadow);
  }
  .trust-icon{width:42px;height:42px;border-radius:13px}
  .trust-icon svg{width:20px}
  .trust-item b{font-size:13px;line-height:1.6}
  .trust-item small{font-size:11px;line-height:1.65;display:block}

  /* ---- categories ---- */
  .category-deck{grid-template-columns:1fr 1fr;gap:10px}
  .category-tile{min-height:0;padding:14px 14px 16px;border-radius:20px}
  .category-tile__icon{width:64px!important;height:64px!important;border-radius:16px!important}
  .category-tile__copy{margin-top:12px}
  .category-tile__copy strong{font-size:13.5px}
  .category-tile__copy small{font-size:11px;line-height:1.6}
  .category-tile__no{font-size:10px;left:12px;top:11px}
  .category-tile>i{display:none}
  .category-tile:hover{transform:none}

  /* ---- products ---- */
  .bnk-products-layout{gap:16px}
  .bnk-products-slider{padding:14px;border-radius:22px}
  .bnk-slider-head{flex-direction:row;align-items:center;margin-bottom:12px}
  .bnk-slider-head span{font-size:13.5px}
  .section-actions{
    display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:8px;width:100%;
    scrollbar-width:none;padding-bottom:2px;justify-content:flex-start;
  }
  .section-actions::-webkit-scrollbar{display:none}
  .filter-pill{flex:0 0 auto;height:36px;font-size:12px}
  .product-card--rich .product-media{height:172px;margin:7px 7px 0;border-radius:15px}
  .product-card--rich .product-media img{padding:14px}
  .product-card--rich .product-copy{padding:13px 13px 15px}
  .product-card--rich h3{font-size:13px;min-height:46px;line-height:1.75}
  .product-card--rich .meta{font-size:10.5px;min-height:0;margin-bottom:2px}
  .product-brand{margin-top:9px;padding-top:8px}
  .product-card--rich .price-row strong{font-size:14.5px}
  .product-card--rich:hover{transform:none}

  /* curve promo card */
  .category-curve-card{min-height:0!important;border-radius:24px;padding-bottom:150px}
  .category-curve-card__copy{padding:24px 20px 0!important;max-width:none!important}
  .category-curve-card__copy h3{font-size:25px!important}
  .category-curve-card__copy p{font-size:12px!important;max-width:none!important}
  .category-curve-card__visual{width:70%!important;height:150px!important;left:-4%!important;bottom:0!important}
  .category-curve-card__visual img{max-height:150px}
  .category-curve-card__ring{display:none}

  /* ---- offer ---- */
  .offer-shell{padding:24px 18px;border-radius:26px;gap:20px}
  .offer-intro h2{font-size:24px;line-height:1.45}
  .offer-intro p{font-size:12.5px}
  .offer-bullets{
    flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:18px;justify-content:center;font-size:11.5px;
  }
  .offer-bullets span{
    padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
  }

  /* ---- services / stats / blog ---- */
  .services-grid,.services-grid--detail{grid-template-columns:1fr;gap:12px}
  .service-card,.services-grid--detail .service-card{min-height:0;padding:22px;border-radius:22px}
  .service-card .arrow{position:static;margin-top:16px}
  .service-icon{margin-bottom:18px;width:50px;height:50px;border-radius:15px}
  .service-card h3{font-size:17.5px}
  .service-card p{font-size:13px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:10px}
  .stat-card{padding:20px 12px;border-radius:20px}
  .stat-card:nth-child(2n){transform:none}
  .stat-card strong{font-size:30px}
  .stat-card span{font-size:11.5px;line-height:1.6}
  .blog-grid{grid-template-columns:1fr;gap:12px}
  .blog-card:last-child{grid-column:auto}
  .blog-cover{height:190px}
  .blog-body{padding:18px}
  .blog-body h3{font-size:16px}
  .consult-shell{padding:28px 20px;border-radius:26px;text-align:right}
  .consult-shell h2{font-size:23px;line-height:1.45}
  .consult-actions{flex-direction:column;width:100%}
  .consult-actions a{width:100%}

  /* ---- faq / newsletter ---- */
  .faq-wrap{gap:22px}
  .faq-q{font-size:13.5px;padding:16px;min-height:56px}
  .faq-a{font-size:12.5px;padding-inline:16px}
  .faq-item.open>.faq-a{padding-bottom:16px}
  .newsletter-shell{padding:26px 20px;border-radius:26px;text-align:right;gap:20px}
  .newsletter h2{font-size:21px;line-height:1.5}
  .newsletter p{font-size:12.5px}
  .newsletter-form{flex-direction:column;height:auto;background:transparent;padding:0;gap:8px}
  .newsletter-form input{height:52px;border-radius:15px;background:#fff}
  .newsletter-form button{height:52px;border-radius:15px}

  /* ---- footer: accordion columns ---- */
  .site-footer--pro{padding-top:18px}
  .footer-ribbon{padding:20px 18px;border-radius:22px;gap:14px}
  .footer-ribbon h3{font-size:19px;line-height:1.55}
  .footer-ribbon p{font-size:12.5px}
  .footer-ribbon__actions{width:100%}
  .footer-ribbon__actions a{flex:1;justify-content:center}
  .footer-main{grid-template-columns:1fr;gap:0;padding-bottom:8px}
  .footer-brandbox{padding-bottom:18px}
  .footer-brandbox p{font-size:12.5px}
  .site-footer--pro .brand-logo,.footer-brand-logo .brand-logo{height:44px}
  .footer-col{border-top:1px solid rgba(255,255,255,.08)}
  .footer-col .footer-title{margin:0}
  .footer-acc{cursor:pointer;padding:16px 2px;font-size:14px;font-weight:800}
  .footer-acc i{
    display:grid;place-items:center;width:26px;height:26px;border-radius:9px;
    background:rgba(255,255,255,.08);font-style:normal;font-size:15px;
    transition:transform .3s var(--ease);flex:none;
  }
  .footer-col .footer-links{
    display:grid;grid-template-rows:0fr;gap:0;overflow:hidden;
    transition:grid-template-rows .35s var(--ease),padding .35s var(--ease);
  }
  .footer-col .footer-links>span{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}
  .footer-col.open .footer-links{grid-template-rows:1fr;padding-bottom:16px}
  .footer-col.open .footer-acc i{transform:rotate(45deg)}
  .footer-contact-pro{gap:8px}
  .footer-bottom--pro{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 0 4px}
  .footer-bottom{font-size:11.5px;line-height:1.9}

  /* ---- product page ---- */
  .product-page .page-pad{padding-bottom:96px}
  .product-tabs{top:calc(var(--header-h) + 10px)}
  .product-tabs a{font-size:12.5px;padding:11px 15px}
  .mobile-buybar{
    right:10px;left:10px;bottom:calc(10px + var(--safe-b));padding:10px;border-radius:20px;
  }
  .mobile-buybar .btn-primary{min-height:48px;font-size:13px;flex:1;max-width:60%}
  .price-mini small{font-size:10.5px}
  .price-mini strong{font-size:14.5px}
  .product-info{padding:20px}
  .buy-rail{grid-template-columns:1fr!important}
  .main-product-img{aspect-ratio:1.05}
  .thumbs{gap:8px;overflow-x:auto;scrollbar-width:none}
  .thumbs::-webkit-scrollbar{display:none}
  .thumb{width:62px;height:56px}
  .spec-row{grid-template-columns:112px 1fr}
  .spec-key,.spec-val{font-size:11.5px;min-height:44px;padding:9px 11px}
  .feature-icon-grid{grid-template-columns:1fr 1fr;gap:9px}
  .empty-review{grid-template-columns:1fr;text-align:right;gap:12px;padding:18px}
  .empty-review .btn-outline{width:100%}

  /* ---- overlays become mobile sheets ---- */
  .search-overlay{padding-top:0;place-items:start stretch;align-content:start}
  .search-box{
    width:100%;border-radius:0 0 24px 24px;padding:14px 14px 18px;
    padding-top:calc(14px + env(safe-area-inset-top,0px));
  }
  .big-search{height:52px;border-radius:14px}
  .big-search input{font-size:16px}       /* ≥16px stops iOS zoom-on-focus */
  .cart-drawer{width:100%;border-radius:22px 22px 0 0;top:auto;height:auto;max-height:86vh;
    transform:translateY(102%)!important}
  .cart-list{flex:0 1 auto;min-height:0}
  .cart-total{margin-top:16px}
  .cart-drawer.open{transform:none!important}
  .cart-drawer:before{
    content:"";display:block;width:44px;height:4px;border-radius:99px;background:#e2dee0;
    margin:0 auto 12px;flex:none;
  }
  .quick-dialog{
    left:0;right:0;top:auto;bottom:0;width:100%;transform:translateY(102%);
    border-radius:24px 24px 0 0;max-height:90vh;overflow:auto;
    padding:14px 14px calc(18px + var(--safe-b));
  }
  .quick-modal.open .quick-dialog{transform:none}
  .quick-dialog img{height:210px}
  .quick-close{left:14px;top:14px}
  .to-top{width:42px;height:42px}
}

@media (max-width:520px){
  .container-xl{width:min(calc(100% - 24px),var(--max))}
  .category-deck{gap:9px}
  .bn-item{font-size:10px}
  .footer-ribbon__actions{flex-direction:column}
  .footer-ribbon__actions a{width:100%}
}

@media (max-width:380px){
  .header-top{gap:6px}
  .brand-logo{height:30px}
  .icon-btn{width:38px;height:38px}
  .category-deck,.trust-grid{grid-template-columns:1fr}
  .home-page .hero-stats,.home-page .hero-shell .hero-stats{grid-template-columns:1fr;gap:7px}
  .home-page .hero-stats .stat{display:flex;align-items:center;gap:10px;text-align:right;padding:11px 13px}
  .home-page .hero-stats strong{margin:0;font-size:20px}
  .bn-item svg{width:20px;height:20px}
}

/* ---------------------------------------------- 11 · typography guard ----- */
/* Nothing on a phone should render below ~10.5px. */
@media (max-width:900px){
  .hero-service-pill small,.product-brand span,.badge,.service-kicker,
  .footer-badges span,.blog-meta,.cart-item small,.mini-label,
  .product-badges span,.availability-box small,.description-callouts span,
  .product-proof span,.time-box small,.countdown small,.notice{font-size:10.5px!important}
}

/* ------------------------------------------------- 12 · motion & print ---- */
@media (prefers-reduced-motion:reduce){
  .js-reveal .reveal{opacity:1!important;transform:none!important}
  .swiper{scroll-behavior:auto}
  .brand-track{animation:none}
}
@media print{
  .site-header,.bottom-nav,.mnav,.to-top,.scroll-progress,.promo-strip,
  .mobile-buybar,.cart-drawer,.search-overlay,.quick-modal,.layer-backdrop{display:none!important}
  body{background:#fff;color:#000;padding-bottom:0}
  .js-reveal .reveal{opacity:1!important;transform:none!important}
}

/* ---- 13 · blog covers: show the photograph instead of screen-blending it
        into the dark plate, which washed every image out to a red haze ---- */
.blog-cover{height:230px;background:#e9e6e8}
.blog-cover:before{display:none}
.blog-cover img{
  position:relative;z-index:1;mix-blend-mode:normal;opacity:1;
  width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);
}
.blog-card:hover .blog-cover img{transform:scale(1.05)}
.blog-cover:after{
  content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,15,17,0) 52%,rgba(20,15,17,.38));
}

/* ---- 14 · product page polish ---- */
/* The translucent hero-glass header washed out to grey over this light page. */
.product-page .site-header:not(.is-sticky){
  background:linear-gradient(180deg,#241d21,#1a1417);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 16px 42px rgba(24,17,21,.14);
}
.product-proof span{gap:8px;padding:10px 6px;line-height:1.5}
.product-proof svg{flex:none}
@media (max-width:900px){
  .product-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
  .product-proof span{min-height:76px;font-size:10.5px!important}
  .quantity-row{grid-template-columns:1fr 118px!important;align-items:center}
  .quantity-row>span{font-size:13px}
  .feature-icon-card{padding:16px 12px}
  .shipping{gap:10px}
  .shipping b{font-size:12.5px}
  .shipping small{font-size:11px;line-height:1.7;display:block}
  .wholesale h3{font-size:16px;line-height:1.6}
  .wholesale p{font-size:11.5px}
}

/* Icons sitting directly in a flex row must not be shrunk by long labels. */
.shipping>svg,.support svg,.mnav__cta>svg,.hero-service-pill svg,
.trust-item>svg,.searchbar>svg,.big-search>svg,.mnav__search>svg{flex:none}