/*
Theme Name: Atlantic Healthcare
Theme URI: https://atlantichc.org
Author: Webabby Services
Author URI: https://webabby.com
Description: Premium medical equipment supplier theme for Atlantic Healthcare Limited. Includes homepage sections for products, services, brands, testimonials and a quote-request system (requires the Atlantic Core plugin for products, testimonials and quote handling).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atlantic-healthcare
Tags: business, medical, e-commerce, custom-menu, custom-logo, featured-images
*/

:root{
  /* Brand — taken from the Atlantic Healthcare Limited wordmark */
  --brand:#FD5A10;
  --brand-600:#E64E08;
  --brand-700:#C2410C;
  --brand-soft:#FFF1E9;
  /* Secondary medical blue + semantic green */
  --steel:#1F6F8B;
  --steel-soft:#3E9CBE;
  --green:#0F7A54;
  --bg:#F7F8FA;
  --white:#FFFFFF;
  --line:#E4E7EB;
  --muted:#5C6B7A;
  --ink:#1B2530;
  --ink-900:#131C26;
  --radius:16px;
  --radius-sm:12px;
  --shadow:0 10px 30px rgba(19,28,38,.08);
  --shadow-lg:0 24px 60px rgba(19,28,38,.14);
  --font-display:'Poppins',sans-serif;
  --font-body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s !important;transition-duration:.001s !important}
}
body{font-family:var(--font-body);color:var(--ink);background:var(--white);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.container{width:min(1180px,92%);margin:0 auto}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;color:var(--ink-900)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:14px}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--steel);border-radius:2px}
.section{padding:88px 0}
.section.alt{background:var(--bg)}
.section-head{max-width:640px;margin-bottom:48px}
.section-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:700;margin-bottom:12px}
.section-head p{color:var(--muted);font-size:17px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head.center .eyebrow{justify-content:center}
.section-head.center .eyebrow::before{display:none}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;border:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn svg{width:17px;height:17px}
.btn-primary{background:linear-gradient(120deg,var(--brand) 0%,#FF7A33 100%);color:#fff;box-shadow:0 10px 22px rgba(253,90,16,.30)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(253,90,16,.38);color:#fff}
.btn-ghost{background:#fff;color:var(--brand);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--brand);transform:translateY(-2px)}
.btn-teal{background:var(--steel);color:#fff;box-shadow:0 10px 22px rgba(31,111,139,.28)}
.btn-teal:hover{transform:translateY(-2px);color:#fff}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--steel-soft);outline-offset:3px;border-radius:6px}

/* Top bar */
.topbar{background:var(--ink-900);color:#C6CED6;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:16px}
.topbar span{display:inline-flex;align-items:center;gap:6px}
.topbar svg{width:14px;height:14px}
.topbar .right{display:flex;gap:20px}
@media(max-width:760px){.topbar .right span:last-child{display:none}}

/* Nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:74px;gap:24px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--font-display)}
.logo img,.logo .custom-logo{display:block;width:auto;height:44px;max-width:250px;object-fit:contain}
.site-footer .logo img{height:40px}
@media(max-width:600px){.logo img,.logo .custom-logo{height:34px;max-width:190px}}
.nav-links{display:flex;gap:26px;list-style:none;font-size:14.5px;font-weight:500;color:#3B4A59}
.nav-links a{position:relative;padding:6px 0;transition:color .15s;display:inline-block}
.nav-links a:hover{color:var(--brand)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--steel-soft);border-radius:2px;transition:width .2s}
.nav-links a:hover::after,.nav-links .current-menu-item a::after{width:100%}
.nav-links .sub-menu{display:none;position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:10px 16px;min-width:210px;list-style:none;margin-top:8px;z-index:70}
.nav-links li{position:relative}
.nav-links li:hover>.sub-menu{display:block}
.nav-links .sub-menu a{display:block;padding:8px 0}
.nav-cta{display:flex;align-items:center;gap:12px}
.hamburger{display:none;background:none;border:0;padding:8px}
.hamburger svg{width:26px;height:26px;stroke:var(--ink-900)}
@media(max-width:1020px){
  .nav-links{position:fixed;inset:74px 0 auto 0;background:#fff;flex-direction:column;gap:0;padding:12px 6%;box-shadow:var(--shadow-lg);display:none;border-bottom:1px solid var(--line);max-height:70vh;overflow:auto}
  .nav-links.open{display:flex}
  .nav-links li{border-bottom:1px solid var(--bg)}
  .nav-links a{display:block;padding:14px 0}
  .nav-links .sub-menu{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 16px}
  .hamburger{display:block}
  .nav-cta .btn{padding:11px 18px;font-size:14px}
}

/* Hero */
.hero{background:
  radial-gradient(900px 500px at 85% -10%, rgba(253,90,16,.14), transparent 60%),
  radial-gradient(700px 420px at -10% 110%, rgba(253,90,16,.10), transparent 60%),
  linear-gradient(180deg,#FAF9F7 0%, #FFFFFF 100%);
  overflow:hidden;position:relative}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:84px 0 96px}
.hero h1{font-size:clamp(32px,4.6vw,52px);font-weight:800;letter-spacing:-.01em;margin:0 0 18px}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--brand),var(--steel-soft));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lede{font-size:18px;color:var(--muted);max-width:520px;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.hero-badges{display:flex;gap:26px;flex-wrap:wrap;color:var(--muted);font-size:13.5px;font-weight:500}
.hero-badges span{display:inline-flex;align-items:center;gap:8px}
.hero-badges svg{width:17px;height:17px;stroke:var(--steel)}
.monitor{background:linear-gradient(160deg,#0C141C 0%,#131C26 60%,#243141 100%);border-radius:22px;box-shadow:var(--shadow-lg);padding:26px 26px 20px;color:#E6E9ED;position:relative;border:1px solid rgba(200,210,220,.16)}
.monitor::before{content:"";position:absolute;inset:0;border-radius:22px;background:radial-gradient(400px 160px at 80% 0%, rgba(253,90,16,.20), transparent 70%);pointer-events:none}
.monitor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#94A2B0}
.monitor-head .dot{display:inline-flex;align-items:center;gap:7px}
.monitor-head .dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#28D07E;box-shadow:0 0 10px #28D07E;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.ecg-wrap{background:rgba(4,16,30,.55);border-radius:14px;padding:14px 12px 8px;border:1px solid rgba(200,210,220,.12)}
.ecg{width:100%;height:110px}
.ecg path{fill:none;stroke:#FF6B24;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,107,36,.55));stroke-dasharray:920;stroke-dashoffset:920;animation:trace 3.4s linear infinite}
@keyframes trace{to{stroke-dashoffset:0}}
.vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.vital{background:rgba(255,255,255,.05);border:1px solid rgba(200,210,220,.12);border-radius:12px;padding:12px 14px}
.vital small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#94A2B0;margin-bottom:2px}
.vital b{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff}
.vital b i{font-style:normal;font-size:12px;color:#94A2B0;font-weight:500;margin-left:3px}
.vital.hr b{color:#FF6B24}.vital.spo b{color:#4FC8F0}.vital.nibp b{color:#FFD166}
.monitor-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12.5px;color:#94A2B0}
.monitor-foot .tag{background:rgba(253,90,16,.14);border:1px solid rgba(253,90,16,.38);color:#FFC09A;padding:4px 12px;border-radius:999px;font-weight:600;font-size:11.5px;letter-spacing:.06em}
.float-chip{position:absolute;background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);padding:12px 16px;display:flex;gap:11px;align-items:center;font-size:13px;font-weight:600;color:var(--ink-900);border:1px solid var(--line);z-index:1}
.float-chip svg{width:20px;height:20px;stroke:var(--steel)}
.float-chip small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.chip-1{top:-18px;left:-26px;animation:float 5s ease-in-out infinite}
.chip-2{bottom:-20px;right:-18px;animation:float 6s ease-in-out infinite reverse}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-visual{position:relative}
@media(max-width:960px){
  .hero .container{grid-template-columns:1fr;padding:56px 0 72px}
  .chip-1{left:0}.chip-2{right:0}
}

/* Grids & cards */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}
.icon-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.icon-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand),var(--steel-soft));transform:scaleX(0);transform-origin:left;transition:transform .25s}
.icon-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon-card:hover::after{transform:scaleX(1)}
.icon-badge{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(253,90,16,.10),rgba(31,111,139,.12));display:grid;place-items:center;margin-bottom:18px}
.icon-badge svg{width:25px;height:25px;stroke:var(--brand)}
.icon-card h3{font-size:17px;font-weight:600;margin-bottom:8px}
.icon-card p{font-size:14.5px;color:var(--muted)}

/* Categories */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1000px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.cat-grid{grid-template-columns:1fr}}
.cat{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:22px 18px;display:flex;flex-direction:column;gap:10px;transition:all .2s;cursor:pointer}
.cat:hover{border-color:var(--steel-soft);box-shadow:var(--shadow);transform:translateY(-4px)}
.cat svg{width:28px;height:28px;stroke:var(--steel)}
.cat b{font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--ink-900)}
.cat span{font-size:12.5px;color:var(--muted)}

/* Products */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1000px){.prod-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.prod-grid{grid-template-columns:1fr}}
.prod{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.prod:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.prod-visual{height:190px;display:grid;place-items:center;position:relative;overflow:hidden;background:#EEF1F4}
.prod-visual img{width:100%;height:100%;object-fit:cover}
.prod-visual svg.art{width:96px;height:96px;stroke-width:1.3}
.prod-visual .avail{position:absolute;top:14px;left:14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;z-index:1}
.avail.in{background:rgba(15,122,84,.12);color:var(--green)}
.avail.order{background:rgba(255,171,0,.14);color:#B27400}
.prod-visual .avail.in{background:#E6F4EE}
.prod-visual .avail.order{background:#FFF2DA}
.prod-visual .brand{position:absolute;top:14px;right:14px;font-size:11.5px;font-weight:700;color:var(--brand);background:#fff;padding:5px 12px;border-radius:999px;border:1px solid var(--line);z-index:1}
.pv-blue{background:linear-gradient(150deg,#FFF1E9,#FFE4D3)}.pv-blue svg{stroke:var(--brand)}
.pv-teal{background:linear-gradient(150deg,#EEF5F9,#DFEBF2)}.pv-teal svg{stroke:var(--steel)}
.pv-cyan{background:linear-gradient(150deg,#F1F4F7,#E4E9EF)}.pv-cyan svg{stroke:#1F6F8B}
.prod-body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.prod-body h3{font-size:17px;font-weight:600}
.prod-body h3 a:hover{color:var(--brand)}
.prod-body p{font-size:14px;color:var(--muted);flex:1}
.prod-actions{display:flex;gap:10px;margin-top:14px}
.prod-actions .btn{padding:10px 16px;font-size:13.5px;flex:1}
.link-dl{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--brand);margin-top:6px}
.link-dl svg{width:15px;height:15px}
.link-dl:hover{text-decoration:underline}

/* Services */
.svc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1050px){.svc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
.svc{background:var(--bg);border-radius:var(--radius-sm);padding:22px 18px;text-align:center;border:1px solid transparent;transition:all .2s}
.svc:hover{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.svc svg{width:26px;height:26px;stroke:var(--brand);margin:0 auto 12px}
.svc b{font-size:13.5px;font-weight:600;color:var(--ink-900);display:block;font-family:var(--font-display)}

/* Stats */
.stats{background:linear-gradient(130deg,#0F1720 0%,#1A2531 55%,#243141 100%);color:#fff;position:relative;overflow:hidden}
.stats::after{content:"";position:absolute;inset:0;background:radial-gradient(560px 260px at 88% -10%, rgba(253,90,16,.30), transparent 65%);pointer-events:none}
.stats::before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="120" viewBox="0 0 600 120"><path d="M0 60 H140 L160 60 168 30 178 92 188 48 196 60 H300 L318 60 326 34 336 88 346 52 354 60 H460 L478 60 486 30 496 92 506 48 514 60 H600" fill="none" stroke="white" stroke-opacity=".08" stroke-width="2"/></svg>') repeat;opacity:.9}
.stats .container{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:26px;padding:70px 0;text-align:center}
@media(max-width:900px){.stats .container{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.stats .container{grid-template-columns:repeat(2,1fr)}}
.stat b{font-family:var(--font-display);font-size:clamp(30px,4vw,44px);font-weight:800;display:block;color:#fff}
.stat b i{font-style:normal;color:#FF9A5C}
.stat span{font-size:13.5px;color:#B9C4CF;font-weight:500;letter-spacing:.04em}

/* Industries */
.ind-grid{display:flex;flex-wrap:wrap;gap:12px}
.ind{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:500;color:#3B4A59;transition:all .2s}
.ind:hover{border-color:var(--steel);color:var(--steel);transform:translateY(-2px)}
.ind svg{width:16px;height:16px;stroke:var(--steel)}

/* Brands marquee */
.marquee{overflow:hidden;position:relative;padding:8px 0}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.marquee::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.marquee-track{display:flex;gap:18px;width:max-content;animation:scroll 34s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
.brand-logo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 30px;font-family:var(--font-display);font-weight:700;font-size:17px;color:#8A97A5;letter-spacing:.02em;white-space:nowrap;transition:color .2s;display:flex;align-items:center;gap:10px}
.brand-logo img{max-height:34px;width:auto}
.brand-logo:hover{color:var(--brand)}

/* Testimonials */
.testi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s}
.testi:hover{box-shadow:var(--shadow)}
.stars{color:#FFB400;letter-spacing:2px;font-size:15px}
.testi p{font-size:14.5px;color:#44515F}
.testi-who{display:flex;align-items:center;gap:13px;margin-top:auto}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#fff;font-size:15px;flex-shrink:0}
.av-1{background:linear-gradient(135deg,var(--brand),var(--steel-soft))}
.av-2{background:linear-gradient(135deg,var(--steel),#3E9CBE)}
.av-3{background:linear-gradient(135deg,#E64E08,var(--steel-soft))}
.testi-who b{display:block;font-size:14px;color:var(--ink-900)}
.testi-who small{font-size:12.5px;color:var(--muted)}

/* Blog */
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.blog-thumb{height:150px;display:grid;place-items:center;overflow:hidden}
.blog-thumb img{width:100%;height:100%;object-fit:cover}
.blog-thumb svg{width:52px;height:52px;stroke-width:1.4}
.blog-body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.blog-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.blog-body h3{font-size:16.5px;font-weight:600}
.blog-body h3 a:hover{color:var(--brand)}
.blog-body p{font-size:13.5px;color:var(--muted);flex:1}
.blog-body time{font-size:12.5px;color:#8A97A5}

/* CTA */
.cta{background:linear-gradient(120deg,#0F1720 0%,#1B2734 58%,#26364a 130%);border-radius:24px;color:#fff;padding:60px 48px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;box-shadow:0 26px 60px rgba(19,28,38,.30);position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;inset:0;background:radial-gradient(520px 300px at 8% 120%, rgba(253,90,16,.34), transparent 62%);pointer-events:none}
.cta::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.09)}
.cta h2{position:relative;z-index:1;color:#fff;font-size:clamp(24px,3vw,34px);font-weight:700;margin-bottom:8px}
.cta p{color:#C6CED7;max-width:520px;position:relative;z-index:1}
.cta .btn{background:var(--brand);color:#fff;font-weight:700;position:relative;z-index:1;box-shadow:0 12px 26px rgba(253,90,16,.34)}
.cta .btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.16)}

/* Footer */
.site-footer{background:var(--ink-900);color:#AFB9C4;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding:70px 0 50px}
@media(max-width:920px){.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}
.foot-grid h4{color:#fff;font-size:15px;margin-bottom:18px;font-weight:600}
.foot-grid ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.foot-grid a:hover{color:#fff}
.foot-brand p{margin:16px 0 20px;font-size:13.5px;line-height:1.7}
.foot-contact li{display:flex;gap:10px;align-items:flex-start}
.foot-contact svg{width:16px;height:16px;stroke:var(--steel-soft);flex-shrink:0;margin-top:3px}
.newsletter{display:flex;margin-top:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;overflow:hidden;max-width:320px}
.newsletter input{flex:1;background:none;border:0;padding:12px 18px;color:#fff;font-family:inherit;font-size:13.5px;outline:none}
.newsletter input::placeholder{color:#8996A4}
.newsletter button{background:var(--steel-soft);border:0;color:#fff;padding:0 18px;display:grid;place-items:center}
.newsletter button svg{width:16px;height:16px}
.socials{display:flex;gap:10px;margin-top:20px}
.socials a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;transition:background .2s}
.socials a:hover{background:var(--brand)}
.socials svg{width:16px;height:16px;stroke:#E6E9ED}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#8996A4}
.foot-bottom a:hover{color:#fff}

/* Floating buttons */
.float-btns{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:12px;z-index:70}
.fbtn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:0;box-shadow:0 12px 28px rgba(19,28,38,.24);transition:transform .18s}
.fbtn:hover{transform:translateY(-3px)}
.fbtn svg{width:24px;height:24px}
.fbtn-wa{background:#25D366}
.fbtn-wa svg{fill:#fff}
.fbtn-top{background:#fff;border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .25s,transform .18s}
.fbtn-top.show{opacity:1;pointer-events:auto}
.fbtn-top svg{stroke:var(--brand)}

/* Quote modal */
.modal{position:fixed;inset:0;background:rgba(10,26,42,.55);backdrop-filter:blur(4px);display:none;place-items:center;z-index:90;padding:20px}
.modal.open{display:grid}
.modal-card{background:#fff;border-radius:20px;max-width:560px;width:100%;max-height:90vh;overflow:auto;padding:34px;position:relative;box-shadow:var(--shadow-lg)}
.modal-card h3{font-size:22px;margin-bottom:6px}
.modal-card>div>p{color:var(--muted);font-size:14px;margin-bottom:22px}
.modal-close{position:absolute;top:16px;right:16px;background:var(--bg);border:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.modal-close svg{width:17px;height:17px;stroke:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}}
.field label{display:block;font-size:12.5px;font-weight:600;color:#3B4A59;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;font-family:inherit;font-size:14px;color:var(--ink);background:#fff;transition:border-color .15s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand)}
.field textarea{resize:vertical;min-height:84px}
.form-note{font-size:12px;color:#8A97A5;margin-top:12px;display:flex;gap:7px;align-items:center}
.form-note svg{width:14px;height:14px;stroke:var(--steel)}
.form-error{display:none;background:#FDECEC;color:#B4232A;border-radius:10px;padding:10px 14px;font-size:13px;margin-top:12px}
.success{display:none;text-align:center;padding:30px 10px}
.success svg{width:56px;height:56px;stroke:var(--green);margin:0 auto 16px}
.success h3{margin-bottom:8px}
.success p{color:var(--muted);font-size:14.5px}

/* Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

/* ---------- Inner pages ---------- */
.page-hero{background:linear-gradient(130deg,#0F1720,#243141);color:#fff;padding:64px 0;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(520px 240px at 92% 0%, rgba(253,90,16,.28), transparent 68%);pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{color:#fff;font-size:clamp(28px,4vw,42px);font-weight:700}
.page-hero .crumbs{font-size:13px;color:#C9D3DC;margin-bottom:10px}
.page-hero .crumbs a:hover{color:#fff}
.content-area{padding:64px 0}
.content-area .entry-content{max-width:760px}
.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:1.2em;color:#3B4A59}
.entry-content h2,.entry-content h3{margin:1.6em 0 .6em}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content img{border-radius:var(--radius)}
.entry-content a{color:var(--brand);text-decoration:underline}
.entry-content blockquote{border-left:4px solid var(--steel-soft);padding:10px 20px;background:var(--bg);border-radius:0 12px 12px 0;margin:1.4em 0}
.wp-block-button__link{border-radius:999px}
.post-meta{font-size:13px;color:#8A97A5;margin:8px 0 24px}
.pagination{display:flex;gap:8px;margin-top:40px;flex-wrap:wrap}
.pagination .page-numbers{border:1px solid var(--line);border-radius:10px;padding:8px 15px;font-size:14px;font-weight:600;color:#3B4A59}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--brand);color:#fff;border-color:var(--brand)}

/* Single product */
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:900px){.product-layout{grid-template-columns:1fr}}
.product-gallery{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg);position:sticky;top:100px}
.product-gallery img{width:100%;height:auto}
.product-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px}
.pill{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;letter-spacing:.04em}
.pill-brand{background:#FFF1E9;color:var(--brand)}
.pill-cat{background:var(--bg);color:#3B4A59;border:1px solid var(--line)}
.spec-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px}
.spec-table th,.spec-table td{border:1px solid var(--line);padding:11px 14px;text-align:left}
.spec-table th{background:var(--bg);font-weight:600;color:var(--ink-900);width:38%}
.related{margin-top:72px}