/* ===================================================================== AirCabin — ZanCMS PC theme for car air purifier exporters (EU / NA) Prefix: ac- | Tone: professional · natural · lively Palette: forest / pine / mint / lime / sky / warm white ===================================================================== */ /* ---------- 0. Tokens ---------- */ :root{ --ac-forest:#0E4D45; --ac-pine:#16665B; --ac-pine-2:#1F7F71; --ac-mint:#DFF5EC; --ac-mint-2:#BFEBD9; --ac-lime:#C6F04C; --ac-lime-2:#A9D92E; --ac-sky:#DCEEFF; --ac-sky-2:#B9DBFF; --ac-ink:#10221F; --ac-text:#22332F; --ac-muted:#5B6B67; --ac-line:#DCE5E1; --ac-warm:#F7F9F6; --ac-grey:#EEF2EF; --ac-white:#FFFFFF; --ac-danger:#C0392B; --ac-r-sm:10px; --ac-r:16px; --ac-r-lg:24px; --ac-r-xl:32px; --ac-pill:999px; --ac-shadow-sm:0 2px 10px rgba(16,34,31,.06); --ac-shadow:0 10px 30px rgba(16,34,31,.10); --ac-shadow-lg:0 24px 60px rgba(16,34,31,.16); --ac-wrap:1240px; --ac-head-h:88px; --ac-font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif; --ac-ease:cubic-bezier(.2,.7,.2,1); /* aliases used by pagination rules */ --vl-pine:var(--ac-pine); --vl-volt:var(--ac-lime); } /* ---------- 1. Reset / base ---------- */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--ac-head-h) + 16px)} body{margin:0;font-family:var(--ac-font);font-size:16px;line-height:1.6;color:var(--ac-text);background:var(--ac-warm);-webkit-font-smoothing:antialiased} body.aircabin-theme{padding-top:var(--ac-head-h)} img,svg,video{max-width:100%;height:auto;display:block} a{color:var(--ac-pine);text-decoration:none;transition:color .2s var(--ac-ease)} a:hover{color:var(--ac-forest)} h1,h2,h3,h4,h5{margin:0 0 .5em;line-height:1.15;color:var(--ac-ink);font-weight:800;letter-spacing:-.01em} h1{font-size:clamp(34px,4.6vw,60px);letter-spacing:-.025em} h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.02em} h3{font-size:20px} h4{font-size:17px} p{margin:0 0 1em} ul,ol{margin:0;padding:0;list-style:none} button,input,select,textarea{font:inherit;color:inherit} button{cursor:pointer;background:none;border:0;padding:0} figure{margin:0} dl,dd,dt{margin:0} :focus-visible{outline:3px solid var(--ac-lime);outline-offset:2px;border-radius:4px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip-link:focus{position:fixed;left:16px;top:16px;z-index:2000;width:auto;height:auto;clip:auto;margin:0;padding:10px 16px;background:var(--ac-lime);color:var(--ac-ink);border-radius:var(--ac-pill);font-weight:700} [hidden]{display:none!important} /* ---------- 2. Layout primitives ---------- */ .ac-wrap{width:100%;max-width:var(--ac-wrap);margin:0 auto;padding:0 28px} .ac-narrow{max-width:860px} .ac-sec{padding:88px 0} .ac-sec-tight{padding:56px 0} .ac-sec-mint{background:linear-gradient(180deg,var(--ac-mint) 0%,#eef9f4 100%)} .ac-sec-soft{background:var(--ac-grey)} .ac-sec-forest{background:radial-gradient(1200px 500px at 90% -10%,rgba(198,240,76,.18),transparent 60%),var(--ac-forest);color:#d8ece6} .ac-sec-forest h2,.ac-sec-forest h3,.ac-sec-forest h4{color:#fff} .ac-sec-forest a{color:#fff} .ac-center{text-align:center} .ac-center .ac-btn+.ac-btn{margin-left:14px} .ac-gap{margin-top:24px} .ac-gap-lg{margin-top:56px} .ac-duo{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:48px;align-items:start} .ac-duo-main,.ac-duo-side{min-width:0} .ac-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center} .ac-split-copy,.ac-split-media{min-width:0} /* .ac-photo-note is absolutely positioned inside .ac-split-media. It must NOT rely on the .ac-reveal transform for its containing block: that transform is `translateY(18px)` before the reveal but becomes `none` once it finishes, which removes the containing block and makes the note escape to (it then spanned the full page width up in the hero). */ .ac-split-media{position:relative} .ac-split-copy h2{margin-bottom:16px} /* Section heads */ .ac-sechead{margin-bottom:40px;max-width:760px} .ac-sechead h2{margin-bottom:12px} .ac-sechead p{color:var(--ac-muted);font-size:17px;margin:0} .ac-sec-forest .ac-sechead p{color:rgba(255,255,255,.82)} .ac-sechead-center{text-align:center;margin-left:auto;margin-right:auto} .ac-sechead-row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap} .ac-sechead-row>div{max-width:720px} .ac-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ac-pine);margin-bottom:14px} .ac-eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--ac-lime)} .ac-eyebrow-lime{color:var(--ac-lime)} .ac-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--ac-muted);max-width:640px} .ac-note{font-size:13.5px;color:var(--ac-muted);display:flex;gap:8px;align-items:flex-start;margin:0} .ac-note i{margin-top:3px;color:var(--ac-pine)} .ac-note-light{color:rgba(255,255,255,.7)} .ac-note-light i{color:var(--ac-lime)} .ac-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ac-pine);white-space:nowrap} .ac-link i{transition:transform .25s var(--ac-ease)} .ac-link:hover i{transform:translateX(4px)} .ac-count{font-size:14px;color:var(--ac-muted)} .ac-count b{color:var(--ac-ink);font-size:16px} /* Pills / chips / badges */ .ac-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--ac-pill);font-size:12.5px;font-weight:700;letter-spacing:.02em;background:var(--ac-grey);color:var(--ac-text);line-height:1.2} .ac-pill-mint{background:var(--ac-mint);color:var(--ac-forest)} .ac-chips{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px} .ac-chips::-webkit-scrollbar{display:none} .ac-chips-wrap{flex-wrap:wrap;overflow:visible} .ac-chips.is-dragscroll,.ac-subchips.is-dragscroll{cursor:grab;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none} .ac-chips.is-dragging,.ac-subchips.is-dragging{cursor:grabbing} .ac-chips.is-dragging .ac-chip,.ac-subchips.is-dragging .ac-chip{transition:none} .ac-chips:focus-visible,.ac-subchips:focus-visible{outline:2px solid var(--ac-pine);outline-offset:3px;border-radius:var(--ac-pill)} .ac-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--ac-pill);border:1.5px solid var(--ac-line);background:#fff;color:var(--ac-text);font-weight:600;font-size:14.5px;white-space:nowrap;transition:all .2s var(--ac-ease)} .ac-chip:hover{border-color:var(--ac-pine);color:var(--ac-pine)} .ac-chip.on{background:var(--ac-forest);border-color:var(--ac-forest);color:#fff} .ac-chip-sm{padding:7px 14px;font-size:13px} .ac-badge{position:absolute;top:-4px;right:-4px;display:none;min-width:18px;height:18px;padding:0 5px;border-radius:var(--ac-pill);background:var(--ac-lime);color:var(--ac-ink);font-size:11px;font-weight:800;align-items:center;justify-content:center;line-height:1} /* Buttons */ .ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--ac-pill);font-weight:700;font-size:15px;line-height:1;border:1.5px solid transparent;white-space:nowrap;transition:transform .2s var(--ac-ease),box-shadow .2s,background .2s,color .2s,border-color .2s;cursor:pointer} .ac-btn i{font-size:14px} .ac-btn:hover{transform:translateY(-2px)} .ac-btn:active{transform:translateY(0)} .ac-btn-forest{background:var(--ac-forest);color:#fff} .ac-btn-forest:hover{background:var(--ac-pine);color:#fff;box-shadow:0 10px 24px rgba(14,77,69,.28)} .ac-btn-lime{background:var(--ac-lime);color:var(--ac-ink)} .ac-btn-lime:hover{background:#d5f56a;color:var(--ac-ink);box-shadow:0 10px 24px rgba(198,240,76,.4)} .ac-btn-outline{background:transparent;border-color:var(--ac-forest);color:var(--ac-forest)} .ac-btn-outline:hover{background:var(--ac-forest);color:#fff} .ac-sec-forest .ac-btn-outline,.ac-phead-forest .ac-btn-outline,.ac-sidecard-forest .ac-btn-outline,.ac-casehero .ac-btn-outline{border-color:rgba(255,255,255,.55);color:#fff} .ac-sec-forest .ac-btn-outline:hover,.ac-phead-forest .ac-btn-outline:hover,.ac-sidecard-forest .ac-btn-outline:hover,.ac-casehero .ac-btn-outline:hover{background:#fff;color:var(--ac-forest)} .ac-btn-glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px)} .ac-btn-glass:hover{background:rgba(255,255,255,.22);color:#fff} .ac-btn-lg{padding:17px 30px;font-size:16px} .ac-btn-sm{padding:10px 16px;font-size:13.5px} .ac-btn-block{width:100%} .ac-iconbtn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ac-forest);color:#fff;transition:all .2s var(--ac-ease);flex:0 0 auto} .ac-iconbtn:hover{background:var(--ac-lime);color:var(--ac-ink);transform:rotate(90deg)} .ac-iconbtn-ghost{background:var(--ac-mint);color:var(--ac-forest)} .ac-tool-btn{position:relative;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ac-ink);background:transparent;transition:background .2s} .ac-tool-btn:hover{background:var(--ac-mint);color:var(--ac-forest)} /* Placeholders (no image) */ .ac-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,var(--ac-mint) 0%,#f2faf6 60%,var(--ac-sky) 100%);color:var(--ac-pine);font-size:34px;border-radius:inherit} .ac-ph-lg{min-height:280px;font-size:64px} .ac-ph-sky{background:linear-gradient(135deg,var(--ac-sky) 0%,#f0f7ff 60%,var(--ac-mint) 100%)} .ac-ph-doc{background:repeating-linear-gradient(0deg,#fff 0 22px,#f1f5f3 22px 24px)} .ac-ph-cabin{background:radial-gradient(circle at 30% 30%,rgba(198,240,76,.35),transparent 40%),linear-gradient(135deg,var(--ac-forest),var(--ac-pine-2));color:#fff} /* Reveal / stagger */ .ac-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ac-ease),transform .7s var(--ac-ease)} .ac-reveal.in{opacity:1;transform:none} .ac-stagger>*{opacity:0;transform:translateY(14px);animation:acRise .6s var(--ac-ease) forwards} .ac-stagger>*:nth-child(1){animation-delay:.05s}.ac-stagger>*:nth-child(2){animation-delay:.12s}.ac-stagger>*:nth-child(3){animation-delay:.19s}.ac-stagger>*:nth-child(4){animation-delay:.26s}.ac-stagger>*:nth-child(5){animation-delay:.33s}.ac-stagger>*:nth-child(6){animation-delay:.4s}.ac-stagger>*:nth-child(n+7){animation-delay:.45s} @keyframes acRise{to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.ac-reveal,.ac-stagger>*{opacity:1;transform:none;animation:none;transition:none}} /* ---------- 3. Header (floating pill) ---------- */ .ac-topbar{position:fixed;top:0;left:0;right:0;z-index:900;padding:14px 0;transition:padding .3s var(--ac-ease)} .ac-topbar.scrolled{padding:8px 0} .ac-header-pill{display:flex;align-items:center;gap:20px;height:60px;padding:0 10px 0 18px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(220,229,225,.9);border-radius:var(--ac-pill);box-shadow:var(--ac-shadow-sm);transition:box-shadow .3s} .ac-topbar.scrolled .ac-header-pill{box-shadow:var(--ac-shadow)} .ac-logo img{height:38px;width:auto} .ac-nav{flex:1;min-width:0} .ac-nav>ul{display:flex;align-items:center;gap:2px;justify-content:center} .ac-nav>ul>li{position:relative} .ac-nav>ul>li>a{display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:var(--ac-pill);font-weight:600;font-size:15px;color:var(--ac-ink);white-space:nowrap;transition:background .2s,color .2s} .ac-nav>ul>li>a i{font-size:10px;opacity:.6;transition:transform .2s} .ac-nav>ul>li:hover>a,.ac-nav>ul>li>a.on{background:var(--ac-mint);color:var(--ac-forest)} .ac-nav>ul>li:hover>a i{transform:rotate(180deg)} .ac-drop{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);padding-top:14px;opacity:0;visibility:hidden;transition:all .22s var(--ac-ease);z-index:20} .ac-nav li.has-sub:hover .ac-drop,.ac-nav li.has-sub:focus-within .ac-drop{opacity:1;visibility:visible;transform:translate(-50%,0)} .ac-drop-card{min-width:300px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);box-shadow:var(--ac-shadow-lg);padding:18px} .ac-drop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 20px} .ac-drop-grid:has(.ac-drop-group:nth-child(2)){min-width:480px} .ac-drop-grid:has(.ac-drop-group:nth-child(3)){min-width:720px} .ac-drop-group{padding:6px 0;min-width:0} .ac-drop-parent{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--ac-r-sm);font-weight:700;color:var(--ac-ink);line-height:1.3} .ac-drop-parent span{min-width:0;overflow-wrap:break-word} .ac-drop-parent i{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--ac-mint);color:var(--ac-forest);font-size:13px;flex:0 0 auto} .ac-drop-parent:hover{background:var(--ac-warm);color:var(--ac-pine)} .ac-drop-child{display:block;padding:5px 10px 5px 50px;font-size:14px;color:var(--ac-muted);border-radius:8px;overflow-wrap:break-word} .ac-drop-child:hover{color:var(--ac-pine);background:var(--ac-warm)} .ac-drop-all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px 14px;border-radius:var(--ac-r);background:var(--ac-forest);color:#fff;font-weight:700;font-size:14px} .ac-drop-all:hover{background:var(--ac-pine);color:#fff} .ac-more-sub{padding:10px} .ac-more-sub>li>a,.ac-more-sub a{display:block;padding:9px 14px;border-radius:10px;font-weight:600;color:var(--ac-ink);white-space:nowrap} .ac-more-sub a:hover{background:var(--ac-mint);color:var(--ac-forest)} .ac-more-sub .ac-drop{display:none} .ac-tools{display:flex;align-items:center;gap:4px;flex:0 0 auto} .ac-lang{position:relative} .ac-lang-btn img{border-radius:3px;display:block} .ac-lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:170px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r);box-shadow:var(--ac-shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s var(--ac-ease);z-index:30} .ac-lang.open .ac-lang-menu,.ac-lang:hover .ac-lang-menu,.ac-lang:focus-within .ac-lang-menu{opacity:1;visibility:visible;transform:none} .ac-lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ac-ink)} .ac-lang-menu a:hover,.ac-lang-menu a.on{background:var(--ac-mint);color:var(--ac-forest)} .ac-lang-menu img{border-radius:3px} .ac-desk-cta{margin-left:8px;padding:12px 20px} .ac-burger{display:none;flex-direction:column;gap:5px} .ac-burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ac-ink);transition:transform .25s var(--ac-ease),opacity .2s} .ac-burger.is-open span:nth-child(1){transform:translateY(3.5px) rotate(45deg)} .ac-burger.is-open span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)} /* Search overlay */ .ac-search{position:absolute;left:0;right:0;top:calc(100% - 4px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s var(--ac-ease);pointer-events:none} .ac-search.open{opacity:1;visibility:visible;transform:none;pointer-events:auto} .ac-search-card{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);box-shadow:var(--ac-shadow-lg);padding:18px 20px} .ac-search-form{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 18px;border-radius:var(--ac-pill);border:1.5px solid var(--ac-line);background:var(--ac-warm)} .ac-search-form i{color:var(--ac-muted)} .ac-search-form input{flex:1;min-width:0;border:0;background:transparent;padding:10px 0;font-size:16px;outline:none} .ac-search-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:var(--ac-muted)} .ac-search-quick a{padding:6px 12px;border-radius:var(--ac-pill);background:var(--ac-mint);color:var(--ac-forest);font-weight:600;font-size:13px} .ac-search-quick a:hover{background:var(--ac-forest);color:#fff} /* Drawer */ .ac-mask{position:fixed;inset:0;background:rgba(16,34,31,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:all .3s;z-index:950} .ac-mask.open{opacity:1;visibility:visible} .ac-drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);background:#fff;z-index:960;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s var(--ac-ease);box-shadow:var(--ac-shadow-lg)} .ac-drawer.open{transform:none} .ac-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--ac-line)} .ac-drawer-head img{height:34px;width:auto} .ac-drawer-body{flex:1;overflow-y:auto;padding:18px} .ac-drawer-search{display:flex;border:1.5px solid var(--ac-line);border-radius:var(--ac-pill);overflow:hidden;background:var(--ac-warm);margin-bottom:16px} .ac-drawer-search input{flex:1;min-width:0;border:0;background:transparent;padding:12px 16px;outline:none} .ac-drawer-search button{width:48px;background:var(--ac-forest);color:#fff} .ac-drawer-nav{display:flex;flex-direction:column;gap:4px} .ac-drawer-link,.ac-drawer-acc summary{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;font-weight:700;color:var(--ac-ink);font-size:16px;cursor:pointer;list-style:none} .ac-drawer-acc summary::-webkit-details-marker{display:none} .ac-drawer-acc summary{justify-content:space-between} .ac-drawer-acc summary i{font-size:12px;color:var(--ac-pine);transition:transform .25s} .ac-drawer-acc[open] summary{background:var(--ac-mint);color:var(--ac-forest)} .ac-drawer-acc[open] summary i{transform:rotate(45deg)} .ac-drawer-link:hover,.ac-drawer-link.on{background:var(--ac-mint);color:var(--ac-forest)} .ac-drawer-link i{width:20px;text-align:center;color:var(--ac-pine)} .ac-drawer-sub{display:flex;flex-direction:column;padding:6px 0 8px 14px;border-left:2px solid var(--ac-mint);margin:6px 0 6px 16px} .ac-drawer-sub a{padding:9px 12px;border-radius:10px;font-weight:600;color:var(--ac-text);font-size:15px} .ac-drawer-sub a:hover{background:var(--ac-warm);color:var(--ac-pine)} .ac-drawer-sub .ac-drawer-l2{padding-left:26px;font-weight:500;font-size:14px;color:var(--ac-muted)} .ac-drawer-all{color:var(--ac-pine)!important;font-size:13.5px!important;text-transform:uppercase;letter-spacing:.06em} .ac-drawer-lang{margin-top:22px;padding-top:18px;border-top:1px solid var(--ac-line)} .ac-drawer-lang>span{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ac-muted);margin-bottom:10px} .ac-drawer-langs{display:flex;flex-wrap:wrap;gap:8px} .ac-drawer-langs a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--ac-pill);border:1.5px solid var(--ac-line);font-size:14px;font-weight:600;color:var(--ac-ink)} .ac-drawer-langs a.on{background:var(--ac-forest);border-color:var(--ac-forest);color:#fff} .ac-drawer-contact{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:14.5px} .ac-drawer-contact a{display:flex;align-items:center;gap:10px;color:var(--ac-text)} .ac-drawer-contact i{color:var(--ac-pine)} .ac-drawer-foot{display:grid;gap:10px;padding:16px 18px;border-top:1px solid var(--ac-line);background:var(--ac-warm)} /* ---------- 4. Page heads ---------- */ .ac-crumb{font-size:13.5px;color:var(--ac-muted);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center} .ac-crumb a{color:var(--ac-muted)} .ac-crumb a:hover{color:var(--ac-pine)} .ac-crumb-center{justify-content:center} .ac-crumb-light,.ac-crumb-light a{color:rgba(255,255,255,.7)} .ac-crumb-light a:hover{color:#fff} .ac-phead{position:relative;padding:44px 0 56px;background:linear-gradient(180deg,#fff 0%,var(--ac-warm) 100%);border-bottom:1px solid var(--ac-line);overflow:hidden} .ac-phead::after{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(198,240,76,.28),transparent 65%);pointer-events:none} .ac-phead h1{margin-bottom:14px} .ac-phead .ac-lead{margin-bottom:0} .ac-phead-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap} .ac-phead-row>div:first-child{min-width:0;max-width:720px} .ac-phead-acts{display:flex;gap:12px;flex-wrap:wrap} .ac-phead-center{text-align:center} .ac-phead-center .ac-lead{margin:0 auto} .ac-phead-forest{background:radial-gradient(900px 400px at 80% -20%,rgba(198,240,76,.22),transparent 60%),linear-gradient(135deg,var(--ac-forest),#0b3d37);color:#d8ece6;border-bottom:0} .ac-phead-forest::after{display:none} .ac-phead-forest h1{color:#fff} .ac-phead-forest .ac-lead{color:rgba(255,255,255,.78)} .ac-phead-sky{background:linear-gradient(135deg,var(--ac-sky) 0%,#f3f9ff 55%,var(--ac-mint) 100%)} .ac-phead-sky::after{background:radial-gradient(circle,rgba(255,255,255,.7),transparent 65%)} .ac-phead-mag{background:#fff;padding-bottom:0;border-bottom:0} .ac-phead-legal{padding-bottom:40px} .ac-phead-legal::after{background:radial-gradient(circle,rgba(220,238,255,.9),transparent 65%)} .ac-phead-terms{background:linear-gradient(180deg,#fff,var(--ac-grey))} /* ---------- 5. Home: hero ---------- */ .ac-hero{position:relative;padding:36px 0 64px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--ac-mint) 100%)} .ac-hero-bg{position:absolute;inset:0;pointer-events:none} .ac-orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.6;animation:acFloat 12s ease-in-out infinite} .ac-orb-1{width:420px;height:420px;background:rgba(198,240,76,.45);top:-120px;right:8%} .ac-orb-2{width:320px;height:320px;background:rgba(220,238,255,.9);bottom:-80px;left:-60px;animation-delay:-4s} .ac-orb-3{width:220px;height:220px;background:rgba(191,235,217,.9);top:40%;left:45%;animation-delay:-8s} @keyframes acFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}} .ac-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;min-height:560px} .ac-hero-copy h1{margin:18px 0 20px;font-size:clamp(38px,5vw,68px)} .ac-hero-copy h1 em{display:block;font-style:normal;color:var(--ac-pine);background:linear-gradient(90deg,var(--ac-pine),var(--ac-pine-2) 50%,#4c9c3f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .ac-hero-acts{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 24px} .ac-hero-checks{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;font-weight:600;color:var(--ac-text)} .ac-hero-checks li{display:flex;align-items:center;gap:8px} .ac-hero-checks i{width:20px;height:20px;border-radius:50%;background:var(--ac-lime);color:var(--ac-ink);font-size:10px;display:inline-flex;align-items:center;justify-content:center} .ac-hero-stage{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center} .ac-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none} .ac-rings span{position:absolute;border-radius:50%;border:1.5px solid rgba(22,102,91,.25);animation:acRing 6s linear infinite} .ac-rings span:nth-child(1){width:60%;padding-top:60%} .ac-rings span:nth-child(2){width:78%;padding-top:78%;animation-delay:-2s;border-style:dashed} .ac-rings span:nth-child(3){width:96%;padding-top:96%;animation-delay:-4s;border-color:rgba(198,240,76,.5)} @keyframes acRing{0%{transform:scale(.96);opacity:.9}50%{transform:scale(1.02);opacity:.5}100%{transform:scale(.96);opacity:.9}} .ac-hero-plate{position:relative;width:min(440px,100%);aspect-ratio:1;border-radius:var(--ac-r-xl);background:rgba(255,255,255,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--ac-shadow-lg);display:flex;align-items:center;justify-content:center;overflow:hidden} .ac-hero-plate img{width:100%;height:100%;object-fit:cover} .ac-hero-svg{width:86%;height:86%} .ac-hero-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:#fff;box-shadow:var(--ac-shadow);border:1px solid var(--ac-line);animation:acFloat 8s ease-in-out infinite} .ac-hero-chip i{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--ac-mint);color:var(--ac-forest);font-size:16px;flex:0 0 auto} .ac-hero-chip b{display:block;font-size:14px;color:var(--ac-ink);line-height:1.2} .ac-hero-chip small{display:block;font-size:12px;color:var(--ac-muted)} .ac-hero-chip-a{top:6%;left:0} .ac-hero-chip-b{bottom:14%;left:-4%;animation-delay:-3s} .ac-hero-chip-b i{background:var(--ac-sky)} .ac-hero-chip-c{top:34%;right:-2%;animation-delay:-5s} .ac-hero-chip-c i{background:var(--ac-lime);color:var(--ac-ink)} .ac-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px;padding:22px;border-radius:var(--ac-r-lg);background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);box-shadow:var(--ac-shadow-sm);position:relative} .ac-trust li{display:flex;gap:14px;align-items:flex-start;min-width:0} .ac-trust li>i{width:44px;height:44px;border-radius:14px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--ac-forest);color:var(--ac-lime);font-size:18px} .ac-trust b{display:block;font-size:15px;color:var(--ac-ink)} .ac-trust span{font-size:13px;color:var(--ac-muted)} /* Horizontal rails (categories, related products) */ .ac-rail{position:relative} .ac-rail-nav{display:flex;gap:8px} .ac-rail-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ac-line);background:#fff;color:var(--ac-ink);display:inline-flex;align-items:center;justify-content:center;transition:all .2s} .ac-rail-nav button:hover{background:var(--ac-forest);border-color:var(--ac-forest);color:#fff} .ac-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 18px;margin:0 -28px;padding-left:28px;padding-right:28px} .ac-track::-webkit-scrollbar{display:none} .ac-track>*{scroll-snap-align:start;flex:0 0 auto} .ac-cat{width:250px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);overflow:hidden;color:var(--ac-ink);transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-cat:hover{transform:translateY(-6px);box-shadow:var(--ac-shadow);color:var(--ac-ink)} .ac-cat-media{aspect-ratio:4/3;overflow:hidden;background:var(--ac-mint)} .ac-cat-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s} .ac-cat:hover .ac-cat-media img{transform:scale(1.05)} .ac-cat-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:44px;color:var(--ac-pine);background:linear-gradient(135deg,var(--ac-mint),var(--ac-sky))} .ac-cat-body{padding:16px 18px 18px} .ac-cat-body h3{font-size:17px;margin-bottom:6px} .ac-cat-body p{font-size:13.5px;color:var(--ac-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-cat-go{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ac-pine)} .ac-ptrack .ac-pcard{width:280px} /* Product cards */ .ac-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .ac-pgrid-4{grid-template-columns:repeat(4,minmax(0,1fr))} .ac-pcard{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-pcard:hover{transform:translateY(-6px);box-shadow:var(--ac-shadow)} .ac-pcard-media{position:relative;display:block;aspect-ratio:1;background:var(--ac-warm);overflow:hidden} .ac-pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s} .ac-pcard:hover .ac-pcard-media img{transform:scale(1.05)} .ac-pcard-cat{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:var(--ac-pill);background:rgba(255,255,255,.9);color:var(--ac-forest);font-size:12px;font-weight:700} .ac-pcard-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1} .ac-pcard-body h3{font-size:16.5px;margin-bottom:8px;line-height:1.35} .ac-pcard-body h3 a{color:var(--ac-ink)} .ac-pcard-body h3 a:hover{color:var(--ac-pine)} .ac-pcard-body p{font-size:13.5px;color:var(--ac-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-pcard-acts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto} /* Filtration flow (forest) */ .ac-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:flow} .ac-flow li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n h i" "p p p";align-items:center;column-gap:12px;padding:24px 24px 24px;border-radius:var(--ac-r-lg);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);min-width:0} .ac-flow li::after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--ac-lime);color:var(--ac-ink);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2} .ac-flow li:last-child::after{display:none} .ac-flow-n{grid-area:n;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--ac-lime);color:var(--ac-ink);font-weight:800;flex:0 0 auto} .ac-flow li i{grid-area:i;font-size:22px;color:rgba(255,255,255,.6)} .ac-flow li h3{grid-area:h;font-size:18px;color:#fff;margin:0} .ac-flow li p{grid-area:p;font-size:14px;line-height:1.6;color:rgba(255,255,255,.88);margin:14px 0 0} .ac-flow-foot{text-align:center;margin-top:36px} /* Vehicle scenes */ .ac-photo{position:relative;border-radius:var(--ac-r-xl);overflow:hidden;box-shadow:var(--ac-shadow);aspect-ratio:4/3;background:var(--ac-mint)} .ac-photo img{width:100%;height:100%;object-fit:cover} .ac-photo-wide{aspect-ratio:16/9} .ac-photo-wide+.ac-helpbar{margin-top:28px} .ac-photo-note{position:absolute;left:18px;bottom:18px;right:18px;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:var(--ac-shadow-sm);font-size:13.5px} .ac-photo-note i{width:36px;height:36px;border-radius:10px;background:var(--ac-lime);color:var(--ac-ink);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto} .ac-photo-note b{display:block;color:var(--ac-ink)} .ac-scen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 28px} .ac-scen-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--ac-r);background:#fff;border:1px solid var(--ac-line);min-width:0} .ac-scen-item>i{width:42px;height:42px;border-radius:12px;background:var(--ac-mint);color:var(--ac-forest);display:inline-flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto} .ac-scen-item b{display:block;font-size:15px;color:var(--ac-ink);margin-bottom:2px} .ac-scen-item span{font-size:13.5px;color:var(--ac-muted)} /* Solutions grid */ .ac-solgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .ac-solcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--ac-r-lg);overflow:hidden;border:1px solid var(--ac-line);min-width:0;color:var(--ac-ink);transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-solcard:hover{transform:translateY(-6px);box-shadow:var(--ac-shadow);color:var(--ac-ink)} .ac-solcard-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ac-sky)} .ac-solcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s} .ac-solcard:hover .ac-solcard-media img{transform:scale(1.05)} .ac-solcard-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1} .ac-solcard-body h3{font-size:18px;margin-bottom:8px} .ac-solcard-body h3 a{color:var(--ac-ink)} .ac-solcard-body p{font-size:14px;color:var(--ac-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .ac-solcard-body .ac-link{margin-top:auto} /* OEM steps */ .ac-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:st} .ac-steps li,.ac-steps3 li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n h" "p p";align-items:center;column-gap:12px;padding:24px 20px 22px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);min-width:0} .ac-steps li b,.ac-steps3 li b{grid-area:n;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--ac-mint);color:var(--ac-forest);font-weight:800;font-size:14px} .ac-steps li i,.ac-steps3 li i{grid-column:1/-1;font-size:24px;color:var(--ac-forest);margin-bottom:12px;display:block} .ac-steps li h3,.ac-steps3 li h3{grid-area:h;font-size:16.5px;margin:0} .ac-steps li p,.ac-steps3 li p{grid-area:p;font-size:13.5px;line-height:1.6;color:var(--ac-muted);margin:14px 0 0} .ac-steps3{grid-template-columns:repeat(3,minmax(0,1fr))} .ac-steps3 li{padding:28px 24px 24px} /* News list + FAQ box (home) */ .ac-newslist{display:grid;gap:18px} .ac-news{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);overflow:hidden;transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-news:hover{transform:translateY(-3px);box-shadow:var(--ac-shadow)} .ac-news-media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ac-mint)} .ac-news-media img{width:100%;height:100%;object-fit:cover} .ac-news-body{padding:18px 20px 18px 0;min-width:0;display:flex;flex-direction:column} .ac-news-body time,.ac-news-body small{font-size:12.5px;color:var(--ac-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase} .ac-news-body h3{font-size:18px;margin:6px 0 8px} .ac-news-body h3 a{color:var(--ac-ink)} .ac-news-body p{font-size:14px;color:var(--ac-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-faqbox{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);padding:26px 26px 22px;position:sticky;top:calc(var(--ac-head-h) + 16px)} .ac-faqbox h2,.ac-faqbox h3{font-size:22px;margin-bottom:14px} /* FAQ accordion */ .ac-faq{display:flex;flex-direction:column;gap:8px} .ac-faq-item{border:1px solid var(--ac-line);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s} .ac-faq-item.open{border-color:var(--ac-pine);box-shadow:var(--ac-shadow-sm)} .ac-faq-q{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px 18px;font-weight:700;color:var(--ac-ink);font-size:15.5px;line-height:1.4} .ac-faq-q span{flex:1;min-width:0} .ac-faq-q i{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--ac-mint);color:var(--ac-forest);display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:transform .25s var(--ac-ease),background .2s} .ac-faq-item.open .ac-faq-q i{transform:rotate(45deg);background:var(--ac-lime);color:var(--ac-ink)} .ac-faq-a{display:none;padding:0 18px 18px;color:var(--ac-muted);font-size:15px;line-height:1.7} .ac-faq-item.open .ac-faq-a{display:block} .ac-faq-a p:last-child{margin:0} .ac-faq-numbered{counter-reset:fq} .ac-faq-numbered .ac-faq-item{counter-increment:fq} .ac-faq-numbered .ac-faq-q em{flex:0 0 auto;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--ac-pine);min-width:32px} .ac-faq-numbered .ac-faq-q em::before{content:counter(fq,decimal-leading-zero)} .ac-faq-numbered .ac-faq-a{padding-left:62px} /* ---------- 6. Product list ---------- */ .ac-phead-product{padding-bottom:36px} .ac-filterbar{position:sticky;top:calc(var(--ac-head-h) - 6px);z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--ac-line);padding:12px 0} .ac-filterbar-in{display:flex;align-items:center;justify-content:space-between;gap:20px} .ac-filterbar-in .ac-chips{flex:1;min-width:0} .ac-filterbar-tools{display:flex;align-items:center;gap:16px;flex:0 0 auto} .ac-viewsw{display:inline-flex;padding:4px;border-radius:var(--ac-pill);background:var(--ac-grey)} .ac-viewsw button{width:36px;height:32px;border-radius:var(--ac-pill);color:var(--ac-muted);display:inline-flex;align-items:center;justify-content:center} .ac-viewsw button.on{background:#fff;color:var(--ac-forest);box-shadow:var(--ac-shadow-sm)} .ac-subchips{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap} .ac-catintro{margin-bottom:32px;padding:22px 26px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line)} .ac-catintro .detail-content{font-size:15px;color:var(--ac-muted)} .ac-catintro .detail-content p:last-child{margin:0} .ac-plist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .ac-prow{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-prow:hover{transform:translateY(-6px);box-shadow:var(--ac-shadow)} .ac-prow-media{display:block;aspect-ratio:1;background:var(--ac-warm);overflow:hidden;position:relative} .ac-prow-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s} .ac-prow:hover .ac-prow-media img{transform:scale(1.05)} .ac-prow-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;min-width:0} .ac-prow-cat{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-pine);margin-bottom:8px} .ac-prow-body h3,.ac-prow-body h2{font-size:17px;margin-bottom:8px;line-height:1.35} .ac-prow-body h3 a,.ac-prow-body h2 a{color:var(--ac-ink)} .ac-prow-body p{font-size:14px;color:var(--ac-muted);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .ac-prow-acts{display:flex;align-items:center;gap:8px;margin-top:auto;flex-wrap:wrap} .ac-prow-acts .ac-iconbtn{margin-left:auto} .ac-plist.is-list{grid-template-columns:1fr;gap:16px} .ac-plist.is-list .ac-prow{flex-direction:row;align-items:stretch} .ac-plist.is-list .ac-prow-media{width:240px;flex:0 0 240px;aspect-ratio:auto} .ac-plist.is-list .ac-prow-body{padding:22px 26px} .ac-plist.is-list .ac-prow-body p{-webkit-line-clamp:2} .ac-pager{margin-top:44px} .ac-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px} .ac-guide-card{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);padding:26px;min-width:0} .ac-guide-card>i{font-size:26px;color:var(--ac-forest);width:52px;height:52px;border-radius:16px;background:var(--ac-mint);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px} .ac-guide-card h3{font-size:18px} .ac-guide-card p{font-size:14.5px;color:var(--ac-muted);margin:0} .ac-guide-card ul{margin-top:10px;font-size:14px;color:var(--ac-text)} .ac-guide-card li{padding:5px 0 5px 22px;position:relative} .ac-guide-card li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:7px;font-size:11px;color:var(--ac-pine)} .ac-helpbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 28px;border-radius:var(--ac-r-lg);background:var(--ac-forest);color:#fff} .ac-helpbar p,.ac-helpbar h3{margin:0;color:#fff} .ac-helpbar p{color:rgba(255,255,255,.75);font-size:14.5px} .ac-helpbar-acts{display:flex;gap:10px;flex-wrap:wrap} .ac-helpbar .ac-btn-outline{border-color:rgba(255,255,255,.5);color:#fff} .ac-helpbar .ac-btn-outline:hover{background:#fff;color:var(--ac-forest)} /* ---------- 7. Product detail ---------- */ .ac-pbar{position:fixed;top:0;left:0;right:0;z-index:890;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--ac-line);transform:translateY(-110%);transition:transform .3s var(--ac-ease);padding:10px 0} .ac-pbar.on{transform:translateY(var(--ac-head-h))} .ac-topbar.scrolled~main .ac-pbar.on{transform:translateY(calc(var(--ac-head-h) - 12px))} .ac-pbar-in{display:flex;align-items:center;justify-content:space-between;gap:20px} .ac-pbar-title{font-weight:800;color:var(--ac-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .ac-pbar-acts{display:flex;gap:8px;flex:0 0 auto} .ac-pdp-sec{padding-top:36px} .ac-pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start} .ac-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;position:sticky;top:calc(var(--ac-head-h) + 20px)} .ac-thumbs{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow-y:auto;scrollbar-width:none} .ac-thumbs::-webkit-scrollbar{display:none} .ac-thumbs button{width:84px;height:84px;border-radius:14px;overflow:hidden;border:2px solid var(--ac-line);background:#fff;flex:0 0 auto;transition:border-color .2s} .ac-thumbs button img{width:100%;height:100%;object-fit:cover} .ac-thumbs button.on,.ac-thumbs button:hover{border-color:var(--ac-forest)} .ac-thumbs.is-single{display:none} .ac-gallery:has(.ac-thumbs.is-single){grid-template-columns:1fr} .ac-mainimg{position:relative;border-radius:var(--ac-r-xl);overflow:hidden;background:#fff;border:1px solid var(--ac-line);aspect-ratio:1;display:flex;align-items:center;justify-content:center} .ac-mainimg img{width:100%;height:100%;object-fit:contain;transition:opacity .25s} .ac-mainimg-tag{position:absolute;left:16px;top:16px;padding:7px 12px;border-radius:var(--ac-pill);background:var(--ac-lime);color:var(--ac-ink);font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;gap:6px} .ac-pinfo{min-width:0} .ac-pinfo-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px} .ac-pinfo h1{font-size:clamp(28px,3vw,42px);margin-bottom:14px} .ac-pinfo-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0} .ac-pinfo-points li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--ac-line);font-size:14px;min-width:0} .ac-pinfo-points li i{color:var(--ac-forest);width:30px;height:30px;border-radius:9px;background:var(--ac-mint);display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto} .ac-pinfo-points b{display:block;color:var(--ac-ink);font-size:14px} .ac-pinfo-points span{color:var(--ac-muted);font-size:13px} .ac-pinfo-acts{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px} .ac-pinfo-contact{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--ac-muted);padding:16px 0;border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line)} .ac-pinfo-contact a{display:inline-flex;align-items:center;gap:8px;color:var(--ac-text);font-weight:600} .ac-pinfo-contact i{color:var(--ac-pine)} .ac-share{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:var(--ac-muted)} .ac-share a,.ac-share button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ac-line);display:inline-flex;align-items:center;justify-content:center;color:var(--ac-text);background:#fff;transition:all .2s} .ac-share a:hover,.ac-share button:hover{background:var(--ac-forest);border-color:var(--ac-forest);color:#fff} .ac-share-col{flex-wrap:wrap} .ac-share-v{flex-direction:column;align-items:center;margin:0} .ac-anchors{position:sticky;top:calc(var(--ac-head-h) - 6px);z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line)} .ac-anchors .ac-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none} .ac-anchors .ac-wrap::-webkit-scrollbar{display:none} .ac-anchors a{padding:16px 16px 14px;border-bottom:3px solid transparent;font-weight:700;color:var(--ac-muted);white-space:nowrap;font-size:14.5px} .ac-anchors a.on,.ac-anchors a:hover{color:var(--ac-forest);border-bottom-color:var(--ac-lime)} .ac-pdp-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start} .ac-pdp-main{min-width:0} .ac-pdp-side{position:sticky;top:calc(var(--ac-head-h) + 70px);display:grid;gap:18px} .ac-block{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);padding:30px 32px;margin-bottom:24px;min-width:0} .ac-block-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--ac-line)} .ac-block-head h2{font-size:22px;margin:0} .ac-block-head .ac-eyebrow{margin:0} .ac-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px} .ac-spec-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;padding:12px 0;border-bottom:1px dashed var(--ac-line);font-size:14.5px} .ac-spec-row dt{color:var(--ac-muted);font-weight:600} .ac-spec-row dd{color:var(--ac-ink);font-weight:600;word-break:break-word} .ac-pager2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px} .ac-pager2-item{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:var(--ac-r);background:#fff;border:1px solid var(--ac-line);color:var(--ac-ink);min-width:0;transition:all .2s} .ac-pager2-item:hover{border-color:var(--ac-pine);color:var(--ac-forest);box-shadow:var(--ac-shadow-sm)} .ac-pager2-item small{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac-muted);display:flex;align-items:center;gap:6px} .ac-pager2-item b{font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-pager2-next{text-align:right;align-items:flex-end} .ac-pager2-next small{flex-direction:row-reverse} /* Side cards */ .ac-sidecard{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);padding:24px;min-width:0} .ac-sidecard h3{font-size:18px;margin-bottom:12px} .ac-sidecard p{font-size:14.5px;color:var(--ac-muted)} .ac-sidecard-forest{background:radial-gradient(500px 240px at 100% 0%,rgba(198,240,76,.22),transparent 60%),var(--ac-forest);border-color:transparent;color:#d8ece6} .ac-sidecard-forest h3,.ac-sidecard-forest h2{color:#fff} .ac-sidecard-forest p{color:rgba(255,255,255,.75)} .ac-sidecard-sky{background:var(--ac-sky);border-color:transparent} .ac-sidecard-links{display:flex;flex-direction:column;gap:6px;margin-top:14px} .ac-sidecard-links a{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:14.5px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.08)} .ac-sidecard-links a:hover{background:rgba(255,255,255,.16)} .ac-sidecard-links i{color:var(--ac-lime)} .ac-doclist{display:flex;flex-direction:column} .ac-doclist li+li{border-top:1px solid var(--ac-line)} .ac-doclist a{display:flex;align-items:center;gap:12px;padding:11px 4px;font-weight:600;color:var(--ac-text);font-size:14.5px} .ac-doclist a:hover{color:var(--ac-pine)} .ac-doclist i{width:32px;height:32px;border-radius:10px;background:var(--ac-mint);color:var(--ac-forest);display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto} .ac-toplist{counter-reset:tl;display:flex;flex-direction:column} .ac-toplist li{counter-increment:tl;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--ac-line)} .ac-toplist li:last-child{border-bottom:0} .ac-toplist li::before{content:counter(tl,decimal-leading-zero);font-size:20px;font-weight:800;color:var(--ac-mint-2);line-height:1.1;flex:0 0 auto} .ac-toplist a{color:var(--ac-ink);font-weight:700;font-size:14.5px;line-height:1.4} .ac-toplist a:hover{color:var(--ac-pine)} .ac-toplist time,.ac-toplist small{display:block;font-size:12px;color:var(--ac-muted);margin-top:2px} .ac-toplist-plain li::before{display:none} .ac-minilist{display:flex;flex-direction:column;gap:12px} .ac-minilist li{display:flex;gap:12px;align-items:center;min-width:0} .ac-minilist-pic{display:block;width:60px;height:60px;flex:0 0 60px;border-radius:12px;overflow:hidden} .ac-minilist .ac-ph{min-height:0;font-size:20px} .ac-minilist img{width:60px;height:60px;object-fit:cover;border-radius:12px;display:block} .ac-minilist li>div{min-width:0} .ac-minilist li>div a{color:var(--ac-ink);font-weight:700;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-minilist li>div span{display:block;font-size:12.5px;color:var(--ac-muted);margin-top:2px} .ac-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .ac-tags a{padding:7px 12px;border-radius:var(--ac-pill);background:#fff;border:1px solid var(--ac-line);font-size:13px;font-weight:600;color:var(--ac-text)} .ac-tags a:hover{border-color:var(--ac-pine);color:var(--ac-pine)} .ac-tags>i{color:var(--ac-pine)} .ac-tags-lg a{padding:10px 16px;font-size:14.5px} /* ---------- 8. RFQ workbench (inquiry list) ---------- */ .ac-ministeps{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;counter-reset:ms} .ac-ministeps li{counter-increment:ms;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:var(--ac-pill);background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:14px;font-weight:600} .ac-ministeps li::before{content:counter(ms);width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800} .ac-ministeps li.on{background:var(--ac-lime);color:var(--ac-ink)} .ac-ministeps li.on::before{background:var(--ac-ink);color:var(--ac-lime)} .ac-rfq{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start} .ac-rfq-main{min-width:0} .ac-rfq-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap} .ac-rfq-list{display:flex;flex-direction:column;gap:12px} .ac-rfq-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:14px 18px 14px 14px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r)} .ac-rfq-media{width:96px;height:96px;border-radius:14px;overflow:hidden;background:var(--ac-warm)} .ac-rfq-media img{width:100%;height:100%;object-fit:cover} .ac-rfq-media .ac-ph{min-height:96px;font-size:26px} .ac-rfq-body{min-width:0} .ac-rfq-body h3{font-size:16px;margin-bottom:4px} .ac-rfq-body h3 a{color:var(--ac-ink)} .ac-rfq-body span{font-size:13px;color:var(--ac-muted)} .ac-qty{display:inline-flex;align-items:center;border:1.5px solid var(--ac-line);border-radius:var(--ac-pill);overflow:hidden;background:var(--ac-warm)} .ac-qty button{width:38px;height:40px;color:var(--ac-forest);font-weight:800} .ac-qty button:hover{background:var(--ac-mint)} .ac-qty input{width:52px;text-align:center;border:0;background:transparent;font-weight:700;outline:none;-moz-appearance:textfield} .ac-qty input::-webkit-inner-spin-button,.ac-qty input::-webkit-outer-spin-button{-webkit-appearance:none} .ac-rfq-rm{width:40px;height:40px;border-radius:50%;color:var(--ac-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .2s} .ac-rfq-rm:hover{background:#fdecea;color:var(--ac-danger)} .ac-rfq-tips{margin-top:28px} .ac-rfq-tips h3{font-size:18px;margin-bottom:14px} .ac-tipgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ac-tipgrid>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--ac-r);background:#fff;border:1px solid var(--ac-line);font-size:14px;min-width:0} .ac-tipgrid i{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--ac-mint);color:var(--ac-forest);font-size:15px} .ac-tipgrid>div>span,.ac-tipgrid>div>div{min-width:0;line-height:1.5} .ac-tipgrid b{display:block;color:var(--ac-ink);margin-bottom:4px} .ac-tipgrid span,.ac-tipgrid p{color:var(--ac-muted);font-size:13.5px;margin:0} .ac-rfq-side{position:sticky;top:calc(var(--ac-head-h) + 20px)} .ac-rfq-empty{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start} /* Forms */ .ac-form{display:flex;flex-direction:column;gap:14px} .ac-form-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ac-field{display:flex;flex-direction:column;gap:6px;min-width:0} .ac-field label{font-size:13px;font-weight:700;color:var(--ac-ink)} .ac-field input,.ac-field textarea,.ac-field select{width:100%;padding:13px 16px;border-radius:14px;border:1.5px solid var(--ac-line);background:#fff;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s} .ac-field textarea{min-height:120px;resize:vertical} .ac-field input:focus,.ac-field textarea:focus,.ac-field select:focus{border-color:var(--ac-pine);box-shadow:0 0 0 4px rgba(22,102,91,.12)} .ac-verify{display:flex;align-items:center;gap:12px} .ac-verify input{flex:1;min-width:0;padding:13px 16px;border-radius:14px;border:1.5px solid var(--ac-line);outline:none} .ac-verify img{height:44px;border-radius:10px;cursor:pointer;border:1px solid var(--ac-line)} .ac-form-dark label{color:#fff} .ac-form-dark input,.ac-form-dark textarea,.ac-form-dark select,.ac-form-dark .ac-verify input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff} .ac-form-dark input::placeholder,.ac-form-dark textarea::placeholder{color:rgba(255,255,255,.55)} .ac-form-dark input:focus,.ac-form-dark textarea:focus{border-color:var(--ac-lime);box-shadow:0 0 0 4px rgba(198,240,76,.2)} .ac-form-topics{display:flex;flex-wrap:wrap;gap:8px} .ac-form-topics button{padding:7px 13px;border-radius:var(--ac-pill);border:1.5px solid var(--ac-line);background:#fff;font-size:13px;font-weight:600;color:var(--ac-text);transition:all .2s} .ac-form-topics button:hover,.ac-form-topics button.on{background:var(--ac-mint);border-color:var(--ac-pine);color:var(--ac-forest)} .ac-formpanel{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-xl);padding:32px;box-shadow:var(--ac-shadow)} .ac-formpanel h2{font-size:24px;margin-bottom:8px} .ac-formpanel>p.ac-note{margin-bottom:20px} .ac-formpanel .ac-form>p.ac-note{margin-top:6px} /* ---------- 9. About ---------- */ .ac-about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;padding-top:10px} .ac-about-copy{min-width:0} .ac-about-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--ac-line)} .ac-about-meta div b,.ac-about-meta li b{display:block;font-size:26px;color:var(--ac-forest);line-height:1.1} .ac-about-meta div span,.ac-about-meta li span{font-size:13px;color:var(--ac-muted)} .ac-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:480px} .ac-mosaic figure{border-radius:var(--ac-r-lg);overflow:hidden;background:var(--ac-mint);position:relative} .ac-mosaic figure img{width:100%;height:100%;object-fit:cover} .ac-mosaic-a{grid-row:1/3} .ac-mosaic .ac-ph{min-height:0} .ac-about-story{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start} .ac-about-story-side{position:sticky;top:calc(var(--ac-head-h) + 20px)} .ac-about-story-main{min-width:0} .ac-about-story-main h2{margin-bottom:20px} .ac-values{display:flex;flex-direction:column;gap:10px;margin-top:14px} .ac-values span,.ac-values li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--ac-line);font-weight:600;font-size:14.5px} .ac-values i{width:32px;height:32px;border-radius:10px;background:var(--ac-mint);color:var(--ac-forest);display:inline-flex;align-items:center;justify-content:center;font-size:13px} .ac-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .ac-tiles .ac-tile{padding:28px 24px;border-radius:var(--ac-r-lg);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);min-width:0} .ac-tiles .ac-tile i{font-size:26px;color:var(--ac-lime);margin-bottom:14px;display:block} .ac-tiles .ac-tile h3{color:#fff;font-size:17px} .ac-tiles .ac-tile p{color:rgba(255,255,255,.72);font-size:14px;margin:0} .ac-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:28px} .ac-timeline::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--ac-mint-2),var(--ac-pine),var(--ac-mint-2))} .ac-timeline li{position:relative;min-width:0} .ac-tl-dot{position:absolute;top:-28px;left:0;width:20px;height:20px;border-radius:50%;background:var(--ac-lime);border:4px solid #fff;box-shadow:0 0 0 2px var(--ac-pine)} .ac-timeline b,.ac-timeline time{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--ac-pine);margin-bottom:6px} .ac-timeline h3{font-size:17px} .ac-timeline p{font-size:14px;color:var(--ac-muted);margin:0} /* ---------- 10. Manufacturing ---------- */ .ac-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:36px} .ac-stepper li{min-width:0} .ac-stepper a{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 18px;border-radius:var(--ac-r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:14.5px;line-height:1.35;transition:background .2s,border-color .2s,transform .2s var(--ac-ease)} .ac-stepper b{font-size:12px;letter-spacing:.12em;color:var(--ac-lime);font-weight:800} .ac-stepper a:hover,.ac-stepper a.on{background:var(--ac-lime);border-color:var(--ac-lime);color:var(--ac-ink);transform:translateY(-2px)} .ac-stepper a:hover b,.ac-stepper a.on b{color:var(--ac-ink)} .ac-mf-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center} .ac-mf-intro-copy{min-width:0} .ac-mf-intro-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ac-mf-intro-media figure{border-radius:var(--ac-r-lg);overflow:hidden;aspect-ratio:3/4;background:var(--ac-mint)} .ac-mf-intro-media figure:last-child{margin-top:40px} .ac-mf-intro-media img{width:100%;height:100%;object-fit:cover} .ac-mf-intro-media .ac-ph{min-height:0} .ac-mfrows{display:flex;flex-direction:column;gap:18px} .ac-mfrow{display:grid;grid-template-columns:110px minmax(0,1fr) 300px;gap:32px;padding:30px 34px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);scroll-margin-top:calc(var(--ac-head-h) + 20px)} .ac-mfrow-n{font-size:52px;font-weight:800;line-height:1;color:var(--ac-mint-2);letter-spacing:-.04em} .ac-mfrow-n small{display:block;font-size:12px;letter-spacing:.12em;color:var(--ac-pine);margin-top:8px;text-transform:uppercase} .ac-mfrow-body h3,.ac-mfrow-body h2{font-size:22px} .ac-mfrow-body p{color:var(--ac-muted);font-size:15px} .ac-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:14px} .ac-checks li{display:flex;gap:10px;align-items:flex-start;font-size:14px} .ac-checks li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--ac-ink);background:var(--ac-lime);width:20px;height:20px;border-radius:50%;font-size:10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:2px} .ac-mfrow-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--ac-r);overflow:hidden;background:var(--ac-mint);min-height:220px} .ac-mfrow-pic{position:absolute;inset:0;margin:0;z-index:0} .ac-mfrow-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ac-ease)} .ac-mfrow:hover .ac-mfrow-side img{transform:scale(1.04)} .ac-mfrow-side .ac-ph{min-height:220px} .ac-mfrow-cap{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:auto;padding:52px 18px 16px;background:linear-gradient(180deg,rgba(16,34,31,0) 0%,rgba(16,34,31,.82) 55%);color:#fff;font-size:13.5px;font-weight:700;line-height:1.45} .ac-mfrow-cap i{flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:var(--ac-lime);color:var(--ac-ink);display:inline-flex;align-items:center;justify-content:center;font-size:14px} .ac-mfrow-cap span{min-width:0} .ac-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .ac-fact{padding:24px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);display:flex;gap:16px;align-items:flex-start;min-width:0} .ac-fact>i{width:46px;height:46px;border-radius:14px;background:var(--ac-mint);color:var(--ac-forest);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto} .ac-fact b{display:block;font-size:16px;color:var(--ac-ink)} .ac-fact span,.ac-fact p{font-size:13.5px;color:var(--ac-muted);margin:0} .ac-ctastrip{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:36px 40px;border-radius:var(--ac-r-xl);background:radial-gradient(600px 300px at 100% 0%,rgba(198,240,76,.25),transparent 60%),var(--ac-forest);color:#fff} .ac-ctastrip h2,.ac-ctastrip h3{color:#fff;margin-bottom:6px} .ac-ctastrip p{color:rgba(255,255,255,.75);margin:0} .ac-ctastrip-acts{display:flex;gap:12px;flex-wrap:wrap} .ac-ctastrip .ac-btn-outline{border-color:rgba(255,255,255,.5);color:#fff} .ac-ctastrip .ac-btn-outline:hover{background:#fff;color:var(--ac-forest)} /* ---------- 11. Solutions ---------- */ .ac-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px} .ac-channel{padding:24px;border-radius:var(--ac-r-lg);background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.9);box-shadow:var(--ac-shadow-sm);min-width:0} .ac-channel>i{width:46px;height:46px;border-radius:14px;background:var(--ac-forest);color:var(--ac-lime);display:inline-flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px} .ac-channel h3{font-size:17px} .ac-channel p{font-size:14px;color:var(--ac-muted);margin:0} .ac-caserows{display:flex;flex-direction:column;gap:22px} .ac-caserow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-radius:var(--ac-r-xl);overflow:hidden;background:#fff;border:1px solid var(--ac-line);transition:box-shadow .25s} .ac-caserow:hover{box-shadow:var(--ac-shadow)} .ac-caserow:nth-child(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)} .ac-caserow:nth-child(even) .ac-caserow-media{order:2} .ac-caserow-media{display:block;min-height:320px;background:var(--ac-sky);overflow:hidden} .ac-caserow-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s} .ac-caserow:hover .ac-caserow-media img{transform:scale(1.04)} .ac-caserow-media .ac-ph{min-height:320px} .ac-caserow-body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;min-width:0} .ac-caserow-n{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--ac-pine);margin-bottom:12px} .ac-caserow-body h2,.ac-caserow-body h3{font-size:26px} .ac-caserow-body h2 a,.ac-caserow-body h3 a{color:var(--ac-ink)} .ac-caserow-body p{color:var(--ac-muted);font-size:15.5px;margin-bottom:20px} .ac-caserow-body .ac-pill{align-self:flex-start;margin-bottom:10px} .ac-inclist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ac-inclist li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--ac-r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14.5px;color:#fff;min-width:0} .ac-inclist i{color:var(--ac-lime);margin-top:3px} .ac-inclist b{display:block} .ac-inclist span{color:rgba(255,255,255,.7);font-size:13.5px} .ac-linkcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .ac-linkcard{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);color:var(--ac-ink);min-width:0;transition:all .2s} .ac-linkcard:hover{border-color:var(--ac-pine);transform:translateY(-4px);box-shadow:var(--ac-shadow-sm);color:var(--ac-ink)} .ac-linkcard>i{font-size:22px;color:var(--ac-forest);margin-bottom:4px} .ac-linkcard b{font-size:16px} .ac-linkcard span{font-size:13.5px;color:var(--ac-muted)} .ac-linkcard .ac-link{margin-top:auto;font-size:14px} /* Solution detail */ .ac-casehero{position:relative;min-height:520px;display:flex;align-items:flex-end;padding:60px 0 56px;overflow:hidden;background:var(--ac-forest);color:#fff} .ac-casehero-bg{position:absolute;inset:0} .ac-casehero-bg img{width:100%;height:100%;object-fit:cover;opacity:.55} .ac-casehero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,77,69,.2) 0%,rgba(14,77,69,.85) 100%)} .ac-casehero-bg .ac-ph{min-height:100%;opacity:.35;border-radius:0} .ac-casehero .ac-wrap{position:relative} .ac-casehero-card{max-width:760px} .ac-casehero-card h1{color:#fff;margin:12px 0 16px} .ac-casehero-card .ac-lead{color:rgba(255,255,255,.8)} .ac-casehero-card .ac-crumb,.ac-casehero-card .ac-crumb a{color:rgba(255,255,255,.7)} .ac-casehero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px} .ac-case{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start} .ac-case-rail{position:sticky;top:calc(var(--ac-head-h) + 20px)} .ac-case-main{min-width:0} .ac-glance{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);padding:24px} .ac-glance h3{font-size:16px;margin-bottom:12px} .ac-glance dl{display:flex;flex-direction:column;margin-bottom:18px} .ac-glance dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--ac-line);font-size:14px} .ac-glance dt{color:var(--ac-muted)} .ac-glance dd{font-weight:700;color:var(--ac-ink);text-align:right} /* ---------- 12. Certificates ---------- */ .ac-scope{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:40px} .ac-scope-item{padding:20px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);min-width:0} .ac-scope-item>i{font-size:22px;color:var(--ac-forest);margin-bottom:10px;display:block} .ac-scope-item b{display:block;font-size:15px;color:var(--ac-ink);margin-bottom:4px} .ac-scope-item span,.ac-scope-item p{font-size:13px;color:var(--ac-muted);margin:0} .ac-docwall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .ac-doc{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-doc:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow)} .ac-doc-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:var(--ac-grey);padding:14px;cursor:zoom-in} .ac-doc-media img{width:100%;height:100%;object-fit:contain;box-shadow:var(--ac-shadow-sm);background:#fff} .ac-doc-media .ac-ph{min-height:0;height:100%} .ac-doc-zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:var(--ac-forest);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transition:opacity .2s} .ac-doc:hover .ac-doc-zoom{opacity:1} .ac-doc-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1} .ac-doc-body h3{font-size:15.5px;margin-bottom:6px;line-height:1.4} .ac-doc-body h3 a{color:var(--ac-ink)} .ac-doc-body p{font-size:13.5px;color:var(--ac-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-doc-body .ac-link{margin-top:auto;font-size:13.5px} .ac-lightbox{position:fixed;inset:0;z-index:1200;background:rgba(16,34,31,.92);display:none;align-items:center;justify-content:center;padding:32px} .ac-lightbox.open,.ac-lightbox.show{display:flex} .ac-lightbox figure{max-width:min(960px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px} .ac-lightbox img{max-height:80vh;width:auto;max-width:100%;object-fit:contain;border-radius:12px;background:#fff} .ac-lightbox figcaption{color:#fff;font-weight:600} .ac-lightbox-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px;display:inline-flex;align-items:center;justify-content:center} .ac-lightbox-close:hover{background:var(--ac-lime);color:var(--ac-ink)} /* ---------- 13. Contact ---------- */ .ac-contact{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:start;padding-top:8px} .ac-contact-left{min-width:0} .ac-contact-left h1{margin-bottom:12px} .ac-chan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px} .ac-chan{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:12px;padding:20px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);color:var(--ac-ink);min-width:0;transition:all .2s} .ac-chan:hover{border-color:var(--ac-pine);transform:translateY(-3px);box-shadow:var(--ac-shadow-sm);color:var(--ac-ink)} .ac-chan>i:first-child{grid-column:1;grid-row:1;width:42px;height:42px;border-radius:12px;background:var(--ac-mint);color:var(--ac-forest);display:inline-flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:0} .ac-chan>div{grid-column:2;grid-row:1;min-width:0} .ac-chan:not(.ac-chan-static)>div{padding-right:16px} .ac-chan small{display:block;margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac-muted)} .ac-chan b{font-size:15.5px;word-break:break-word;margin-right:6px} .ac-chan span{font-size:13.5px;color:var(--ac-muted)} .ac-chan-go{position:absolute;right:16px;top:18px;color:var(--ac-pine);font-size:14px;opacity:0;transition:opacity .2s,transform .2s} .ac-chan:hover .ac-chan-go{opacity:1;transform:translateX(3px)} .ac-chan-static{cursor:default} .ac-chan-static:hover{transform:none;border-color:var(--ac-line);box-shadow:none} .ac-contact-qr{display:flex;align-items:center;gap:18px;margin-top:20px;padding:16px 20px;border-radius:var(--ac-r-lg);background:var(--ac-mint);font-size:14px} .ac-contact-qr img{width:96px;height:96px;border-radius:12px;background:#fff;padding:6px;flex:0 0 auto} .ac-contact-qr b{display:block;color:var(--ac-ink);margin-bottom:2px} .ac-contact-qr span{color:var(--ac-muted)} .ac-contact-form{min-width:0} .ac-contact-body{max-width:860px;margin:0 auto} .ac-nextsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ns;margin-top:24px} .ac-nextsteps li{counter-increment:ns;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n h" "p p";align-items:center;column-gap:12px;row-gap:14px;padding:26px 22px 22px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);min-width:0} .ac-nextsteps li>div{display:contents} .ac-nextsteps li::before{grid-area:n;content:counter(ns);width:34px;height:34px;border-radius:50%;background:var(--ac-forest);color:var(--ac-lime);font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-bottom:0} .ac-nextsteps h3{grid-area:h;font-size:17px;margin:0} .ac-nextsteps p{grid-area:p;font-size:14px;color:var(--ac-muted);margin:0} .ac-nextsteps time,.ac-nextsteps small{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac-pine);margin-bottom:6px} /* ---------- 14. FAQ page ---------- */ .ac-faqsearch{position:relative;display:flex;align-items:center;gap:12px;max-width:640px;margin:28px auto 0;padding:6px 8px 6px 20px;border-radius:var(--ac-pill);background:#fff;border:1.5px solid var(--ac-line);box-shadow:var(--ac-shadow-sm)} .ac-faqsearch>i{color:var(--ac-muted)} .ac-faqsearch input{flex:1;min-width:0;border:0;background:transparent;padding:12px 0;font-size:16px;outline:none} .ac-faqsearch-count{font-size:13px;font-weight:700;color:var(--ac-pine);padding:8px 14px;border-radius:var(--ac-pill);background:var(--ac-mint);white-space:nowrap} .ac-faqtopics{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px} .ac-faqtopics button{padding:8px 14px;border-radius:var(--ac-pill);border:1.5px solid var(--ac-line);background:#fff;font-size:13.5px;font-weight:600;color:var(--ac-text);transition:all .2s} .ac-faqtopics button:hover,.ac-faqtopics button.on{background:var(--ac-forest);border-color:var(--ac-forest);color:#fff} .ac-faqpage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start} .ac-faqpage-main{min-width:0} .ac-faqpage-side{position:sticky;top:calc(var(--ac-head-h) + 20px);display:grid;gap:18px} /* ---------- 15. Catalog ---------- */ .ac-catalog{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start;padding-top:8px} .ac-catalog-copy{min-width:0} .ac-catalog-copy h1{color:#fff} .ac-catalog-incl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 36px} .ac-catalog-incl li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.85)} .ac-catalog-incl i{color:var(--ac-lime)} .ac-brochure{position:relative;width:min(380px,100%);aspect-ratio:3/4;margin-top:10px} .ac-brochure-page{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--ac-shadow-lg);transform:rotate(-3deg);transition:transform .4s var(--ac-ease)} .ac-brochure-page img{width:100%;height:100%;object-fit:cover} .ac-brochure-back{transform:rotate(4deg) translate(18px,10px);background:var(--ac-mint-2)} .ac-brochure:hover .ac-brochure-page:not(.ac-brochure-back){transform:rotate(-1deg) translateY(-8px)} .ac-brochure-cover{height:100%;display:flex;flex-direction:column;padding:26px 28px 28px;background:linear-gradient(160deg,var(--ac-forest) 0%,var(--ac-pine-2) 70%,#4c9c3f 100%);color:#fff} .ac-brochure-cover>*{min-width:0} .ac-brochure-cover small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ac-lime);font-weight:800} .ac-brochure-cover h3,.ac-brochure-cover b{order:2;color:#fff;font-size:26px;line-height:1.15;display:block;margin:0 0 8px;overflow-wrap:anywhere} .ac-brochure-cover p{order:3;color:rgba(255,255,255,.75);font-size:13.5px;line-height:1.5;margin:0} .ac-brochure-cover i{order:1;flex:1;display:flex;align-items:center;justify-content:center;margin:18px 0;font-size:72px;color:rgba(255,255,255,.18)} .ac-brochure-year{order:0;align-self:flex-start;max-width:100%;padding:6px 12px;border-radius:var(--ac-pill);background:var(--ac-lime);color:var(--ac-ink);font-weight:800;font-size:12.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-catalog-form{min-width:0} .ac-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .ac-chapter{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);overflow:hidden;color:var(--ac-ink);min-width:0;transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-chapter:hover{transform:translateY(-6px);box-shadow:var(--ac-shadow);color:var(--ac-ink)} .ac-chapter-n{position:absolute;left:16px;top:16px;z-index:2;padding:6px 12px;border-radius:var(--ac-pill);background:var(--ac-ink);color:var(--ac-lime);font-size:12px;font-weight:800;letter-spacing:.1em} .ac-chapter-media{aspect-ratio:16/10;background:var(--ac-mint);overflow:hidden} .ac-chapter-media img{width:100%;height:100%;object-fit:cover} .ac-chapter-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1} .ac-chapter-body h3{font-size:17px} .ac-chapter-body p{font-size:14px;color:var(--ac-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-chapter-body .ac-link{margin-top:auto;font-size:14px} /* ---------- 16. Magazine / articles ---------- */ .ac-maghead{padding:12px 0 0;border-bottom:1px solid var(--ac-line)} .ac-maghead h1{font-size:clamp(40px,6vw,84px);letter-spacing:-.035em;margin-bottom:8px} .ac-maghead .ac-lead{margin-bottom:24px} .ac-magtabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none} .ac-magtabs::-webkit-scrollbar{display:none} .ac-magtabs a{padding:14px 18px 12px;border-bottom:3px solid transparent;font-weight:700;color:var(--ac-muted);white-space:nowrap;font-size:15px} .ac-magtabs a.on,.ac-magtabs a:hover{color:var(--ac-forest);border-bottom-color:var(--ac-lime)} .ac-mag{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start} .ac-mag-main{min-width:0} .ac-mag-side{position:sticky;top:calc(var(--ac-head-h) + 20px);display:grid;gap:18px} .ac-magfeed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} .ac-story{display:flex;flex-direction:column;min-width:0} .ac-story-media{display:block;border-radius:var(--ac-r-lg);overflow:hidden;aspect-ratio:16/10;background:var(--ac-sky);margin-bottom:16px} .ac-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s} .ac-story:hover .ac-story-media img{transform:scale(1.04)} .ac-story-body{min-width:0;display:flex;flex-direction:column;gap:8px} .ac-story-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--ac-muted)} .ac-story-body h2,.ac-story-body h3{font-size:20px;line-height:1.3;margin:0} .ac-story-body h2 a,.ac-story-body h3 a{color:var(--ac-ink)} .ac-story-body h2 a:hover,.ac-story-body h3 a:hover{color:var(--ac-pine)} .ac-story-body p{font-size:14.5px;color:var(--ac-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .ac-story-lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--ac-line)} .ac-story-lead .ac-story-media{aspect-ratio:4/3;margin:0} .ac-story-lead .ac-story-body h2{font-size:30px} .ac-story-lead .ac-story-body p{-webkit-line-clamp:4;font-size:16px} .ac-storygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .ac-story-card{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);overflow:hidden;transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-story-card:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow)} .ac-story-card .ac-story-media{border-radius:0;margin:0} .ac-story-card .ac-story-body{padding:18px 20px 20px} .ac-story-card .ac-story-body h3{font-size:17px} /* Article detail */ .ac-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;background:transparent} .ac-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ac-pine),var(--ac-lime))} .ac-phead-article{text-align:center;padding-bottom:0} .ac-phead-article h1{max-width:900px;margin:14px auto 18px;font-size:clamp(30px,4vw,54px)} .ac-article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--ac-muted);margin-bottom:32px} .ac-article-meta span,.ac-article-meta time{display:inline-flex;align-items:center;gap:6px} .ac-article-meta i{color:var(--ac-pine)} .ac-article-hero{border-radius:var(--ac-r-xl);overflow:hidden;aspect-ratio:21/9;background:var(--ac-mint);box-shadow:var(--ac-shadow)} .ac-article-hero img{width:100%;height:100%;object-fit:cover} .ac-article{display:grid;grid-template-columns:64px minmax(0,1fr) 300px;gap:40px;align-items:start} .ac-article-rail{position:sticky;top:calc(var(--ac-head-h) + 20px)} .ac-article-main{min-width:0} .ac-article-toc{position:sticky;top:calc(var(--ac-head-h) + 20px);display:grid;gap:18px} .ac-toc{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);padding:22px} .ac-toc h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac-muted);margin-bottom:12px} .ac-toc ol{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--ac-line)} .ac-toc li a{display:block;padding:7px 12px;font-size:14px;color:var(--ac-text);border-left:2px solid transparent;margin-left:-2px;line-height:1.4} .ac-toc li a:hover,.ac-toc li a.on{color:var(--ac-forest);border-left-color:var(--ac-lime)} .ac-toc li.sub a{padding-left:24px;font-size:13px;color:var(--ac-muted)} .ac-article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:40px 0;padding:26px 30px;border-radius:var(--ac-r-lg);background:var(--ac-mint)} .ac-article-cta h3{font-size:19px;margin-bottom:4px} .ac-article-cta p{margin:0;font-size:14.5px;color:var(--ac-muted)} .ac-prenext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px} .ac-prenext-a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:var(--ac-r);background:#fff;border:1px solid var(--ac-line);color:var(--ac-ink);min-width:0;transition:all .2s} .ac-prenext-a:hover{border-color:var(--ac-pine);color:var(--ac-forest)} .ac-prenext-a small{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac-muted)} .ac-prenext-a b{font-size:15px;line-height:1.4} .ac-prenext-next{text-align:right;align-items:flex-end} /* ---------- 17. Search ---------- */ .ac-phead-search{padding-bottom:56px} .ac-bigsearch{display:flex;align-items:center;gap:12px;max-width:820px;margin:24px 0 18px;padding:8px 8px 8px 24px;border-radius:var(--ac-pill);background:#fff;box-shadow:var(--ac-shadow-lg)} .ac-bigsearch>i{color:var(--ac-muted);font-size:18px} .ac-bigsearch input{flex:1;min-width:0;border:0;background:transparent;padding:14px 0;font-size:18px;outline:none;color:var(--ac-ink)} .ac-searchchips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.7)} .ac-searchchips button{padding:7px 13px;border-radius:var(--ac-pill);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:600;transition:all .2s} .ac-searchchips button:hover{background:var(--ac-lime);border-color:var(--ac-lime);color:var(--ac-ink)} .ac-searchpage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start} .ac-searchpage-main{min-width:0} .ac-searchpage-side{position:sticky;top:calc(var(--ac-head-h) + 20px);display:grid;gap:18px} .ac-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px} .ac-toolbar-plain{padding-bottom:14px;border-bottom:1px solid var(--ac-line)} .ac-results{display:flex;flex-direction:column;gap:14px} .ac-result{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:14px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);transition:all .2s} .ac-result:hover{border-color:var(--ac-pine);box-shadow:var(--ac-shadow-sm)} .ac-result-media{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--ac-mint)} .ac-result-media img{width:100%;height:100%;object-fit:cover} .ac-result-media .ac-ph{min-height:0;height:100%} .ac-result-body{min-width:0;display:flex;flex-direction:column;gap:6px;padding:4px 6px 4px 0} .ac-result-body h2{font-size:18px;margin:0;line-height:1.35} .ac-result-body h2 a{color:var(--ac-ink)} .ac-result-body p{font-size:14px;color:var(--ac-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-result-body .ac-link{font-size:13.5px;margin-top:auto} .ac-result-body .ac-pill{align-self:flex-start} /* ---------- 18. Tags ---------- */ .ac-taghead{display:flex;align-items:center;gap:24px;flex-wrap:wrap} .ac-taghash{font-size:96px;font-weight:800;line-height:1;color:var(--ac-pine);opacity:.35;letter-spacing:-.05em} .ac-taghead>div{flex:1;min-width:240px} .ac-taghead h1{margin-bottom:6px} .ac-taghead .ac-lead{margin:0} .ac-taghead-acts{display:flex;gap:10px;flex-wrap:wrap} .ac-tagtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .ac-tagtiles .ac-tile{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .25s var(--ac-ease),box-shadow .25s} .ac-tagtiles .ac-tile:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow)} .ac-tile-media{display:block;aspect-ratio:16/10;background:var(--ac-sky);overflow:hidden} .ac-tile-media img{width:100%;height:100%;object-fit:cover} .ac-tile-media .ac-ph{min-height:0;height:100%} .ac-tile-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;gap:8px} .ac-tile-body h3{font-size:17px;margin:0;line-height:1.35} .ac-tile-body h3 a{color:var(--ac-ink)} .ac-tile-body p{font-size:14px;color:var(--ac-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-tile-body .ac-link{margin-top:auto;font-size:14px} .ac-tile-body .ac-pill{align-self:flex-start} .ac-alpha{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px} .ac-alpha button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ac-line);background:#fff;font-weight:700;font-size:13px;color:var(--ac-text);transition:all .2s} .ac-alpha button:hover,.ac-alpha button.on{background:var(--ac-forest);border-color:var(--ac-forest);color:#fff} .ac-tagwall{display:flex;flex-direction:column;gap:22px} .ac-tagwall>a{display:none} .ac-tagwall-group{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:22px 26px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-lg)} .ac-tagwall-group>b{font-size:40px;line-height:1;color:var(--ac-mint-2);font-weight:800} .ac-tagwall-group>div{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start} .ac-tagwall-group a{display:inline-block;padding:8px 14px;border-radius:var(--ac-pill);background:var(--ac-warm);border:1px solid var(--ac-line);font-size:14px;font-weight:600;color:var(--ac-text)} .ac-tagwall-group a:hover{background:var(--ac-forest);border-color:var(--ac-forest);color:#fff} /* ---------- 19. Legal ---------- */ .ac-legalmeta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px} .ac-legalmeta div{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--ac-line);min-width:0} .ac-legalmeta dt{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac-muted);margin-bottom:4px} .ac-legalmeta dd{font-size:14px;font-weight:600;color:var(--ac-ink);word-break:break-word} .ac-legalmeta-stack{grid-template-columns:1fr;margin-top:0;gap:10px} .ac-legalmeta-stack div{border:0;padding:0;background:transparent} .ac-termsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px} .ac-termsum div{padding:18px;border-radius:var(--ac-r);background:#fff;border:1px solid var(--ac-line);display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--ac-muted);min-width:0} .ac-termsum i{color:var(--ac-forest);font-size:20px;margin-bottom:6px} .ac-termsum b{color:var(--ac-ink);font-size:15px} .ac-legal{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start} .ac-legal-flip{grid-template-columns:minmax(0,1fr) 300px} .ac-legal-toc{position:sticky;top:calc(var(--ac-head-h) + 20px);display:grid;gap:18px} .ac-legal-doc{min-width:0;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r-xl);padding:48px 56px} .ac-legal-links{display:flex;flex-direction:column;gap:6px} .ac-legal-links a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--ac-line);font-weight:600;font-size:14px;color:var(--ac-text)} .ac-legal-links a:hover{border-color:var(--ac-pine);color:var(--ac-pine)} .ac-legal-links i{color:var(--ac-pine)} .ac-legal-foot{display:flex;gap:14px;align-items:flex-start;margin-top:36px;padding:20px 22px;border-radius:var(--ac-r);background:var(--ac-mint);font-size:14px;color:var(--ac-text)} .ac-legal-foot i{color:var(--ac-forest);font-size:20px;margin-top:2px} .ac-legal-foot p{margin:0} .ac-prose-legal{font-size:15.5px} .ac-prose-numbered{counter-reset:cl} .ac-prose-numbered h2{counter-increment:cl;display:flex;gap:14px;align-items:baseline} .ac-prose-numbered h2::before{content:counter(cl) ".";color:var(--ac-pine);font-weight:800} /* ---------- 20. Rich text ---------- */ .detail-content{min-width:0;font-size:16px;line-height:1.8;color:var(--ac-text);word-wrap:break-word;overflow-wrap:anywhere} .detail-content h2,.detail-content h3,.detail-content h4{margin:1.6em 0 .6em;scroll-margin-top:calc(var(--ac-head-h) + 24px)} .detail-content h2{font-size:26px} .detail-content h3{font-size:21px} .detail-content h2:first-child,.detail-content h3:first-child{margin-top:0} .detail-content p{margin:0 0 1.1em} .detail-content img{border-radius:var(--ac-r);margin:1.2em auto} .detail-content ul,.detail-content ol{margin:0 0 1.2em;padding-left:1.4em} .detail-content ul{list-style:disc} .detail-content ol{list-style:decimal} .detail-content li{margin:.35em 0} .detail-content a{text-decoration:underline;text-underline-offset:3px} .detail-content blockquote{margin:1.4em 0;padding:18px 24px;border-left:4px solid var(--ac-lime);background:var(--ac-mint);border-radius:0 var(--ac-r) var(--ac-r) 0;color:var(--ac-forest);font-weight:600} .detail-content table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0} .detail-content th,.detail-content td{padding:12px 14px;border:1px solid var(--ac-line);text-align:left;vertical-align:top} .detail-content th{background:var(--ac-mint);color:var(--ac-forest);font-weight:700} .detail-content tr:nth-child(even) td{background:var(--ac-warm)} .detail-content iframe,.detail-content video{max-width:100%;border-radius:var(--ac-r)} .ac-prose{font-size:17px} .ac-prose>p:first-of-type{font-size:19px;color:var(--ac-ink)} .ac-tablewrap{margin:1.4em 0;border:1px solid var(--ac-line);border-radius:var(--ac-r);overflow:hidden;position:relative;background:#fff} .ac-tablewrap-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .ac-tablewrap-scroll table{min-width:520px} .ac-tablewrap.is-scrollable:not(.at-end)::after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9));pointer-events:none} .ac-tablehint{display:none;margin:0;padding:8px 14px;font-size:12.5px;color:var(--ac-muted);background:var(--ac-warm);border-top:1px solid var(--ac-line)} .ac-tablewrap.is-scrollable .ac-tablehint{display:flex;align-items:center;gap:8px} /* ---------- 21. Pagination ---------- */ .pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin-top:40px} .pagination span,.pagination a{display:inline-flex} .pagination a{min-width:42px;height:42px;padding:0 14px;border-radius:var(--ac-pill);border:1.5px solid var(--ac-line);background:#fff;color:var(--ac-text);font-weight:700;font-size:14px;align-items:center;justify-content:center;transition:all .2s} .pagination a:hover{border-color:var(--ac-pine);color:var(--ac-pine)} .pagination span.active a,.pagination a.active,.pagination .active a{border-color:var(--vl-pine);background:var(--vl-pine);color:#fff} .pagination a:focus-visible{outline:2px solid var(--vl-volt);outline-offset:2px} .pagination i.iconfont{font-style:normal;line-height:1} .pagination i.icon-arrow5::before{content:"\2039";font-size:18px} .pagination i.icon-arrow6::before{content:"\203A";font-size:18px} .pagination .pageinfo,.pagination span:not(.active):not(:has(a)){color:var(--ac-muted);font-size:13.5px;padding:0 8px} /* ---------- 22. Empty states ---------- */ .ac-empty{grid-column:1/-1;text-align:center;padding:56px 24px;border-radius:var(--ac-r-lg);background:#fff;border:1px dashed var(--ac-line);display:flex;flex-direction:column;align-items:center;gap:8px} .ac-empty>i{font-size:34px;color:var(--ac-pine);width:72px;height:72px;border-radius:50%;background:var(--ac-mint);display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px} .ac-empty h3{margin:0;font-size:20px} .ac-empty p{margin:0 0 10px;color:var(--ac-muted);max-width:420px} .ac-empty-card{width:100%} .ac-empty-inline{padding:36px 20px;margin-top:16px} .ac-is-empty{display:block!important} .ac-rfq-empty .ac-empty{align-items:center} /* ---------- 23. Footer ---------- */ .ac-footer{position:relative;margin-top:120px;background:var(--ac-ink);color:#b9c9c4;padding:0 0 32px} .ac-footer a{color:#e6efec} .ac-footer a:hover{color:var(--ac-lime)} .ac-island{position:relative;top:-70px;margin-bottom:-24px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center;padding:44px 48px;border-radius:var(--ac-r-xl);background:radial-gradient(700px 320px at 100% 0%,rgba(198,240,76,.3),transparent 60%),linear-gradient(135deg,var(--ac-forest),var(--ac-pine-2));box-shadow:var(--ac-shadow-lg);color:#fff} .ac-island h2{color:#fff;font-size:clamp(26px,3vw,38px);margin-bottom:10px} .ac-island p{color:rgba(255,255,255,.78);margin:0;font-size:16px} .ac-island-acts{display:flex;flex-direction:column;align-items:flex-end;gap:12px} .ac-island-acts>.ac-btn{min-width:260px} .ac-island .ac-btn-outline{border-color:rgba(255,255,255,.55);color:#fff} .ac-island .ac-btn-outline:hover{background:#fff;border-color:#fff;color:var(--ac-forest)} .ac-island-link{font-size:14px;font-weight:600;color:rgba(255,255,255,.8)!important;display:inline-flex;gap:8px;align-items:center} .ac-island-link:hover{color:var(--ac-lime)!important} .ac-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.1fr);gap:48px;padding:40px 0 44px;border-bottom:1px solid rgba(255,255,255,.1)} .ac-foot-grid>*{min-width:0} .ac-foot-logo img{height:42px;width:auto;filter:brightness(0) invert(1);opacity:.95;margin-bottom:18px} .ac-foot-brand p{font-size:14.5px;line-height:1.7;max-width:380px} .ac-foot-sub{margin-top:22px} .ac-foot-sub h4,.ac-foot-col h4,.ac-foot-contact h4{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px} .ac-subform{display:flex;padding:5px;border-radius:var(--ac-pill);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);max-width:420px} .ac-subform input{flex:1;min-width:0;border:0;background:transparent;padding:10px 16px;color:#fff;outline:none;font-size:14.5px} .ac-subform input::placeholder{color:rgba(255,255,255,.5)} .ac-subform button{padding:10px 18px;border-radius:var(--ac-pill);background:var(--ac-lime);color:var(--ac-ink);font-weight:700;font-size:14px;white-space:nowrap} .ac-subform button:hover{background:#d5f56a} .ac-foot-col ul{display:flex;flex-direction:column;gap:9px} .ac-foot-col a{font-size:14.5px;display:inline-flex;align-items:center;gap:8px} .ac-foot-more{color:var(--ac-lime)!important;font-weight:700;font-size:13.5px!important;margin-top:4px} .ac-foot-contact{display:flex;flex-direction:column;gap:12px} .ac-foot-ch{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:14px;transition:background .2s} a.ac-foot-ch:hover{background:rgba(255,255,255,.1);color:#fff} .ac-foot-ch>i{width:36px;height:36px;border-radius:10px;background:rgba(198,240,76,.15);color:var(--ac-lime);display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto} .ac-foot-ch small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)} .ac-foot-ch b,.ac-foot-ch span{display:block;color:#fff;font-weight:600;word-break:break-word} .ac-foot-ch-static{cursor:default} .ac-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:13.5px} .ac-foot-legal{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;color:rgba(255,255,255,.55)} .ac-foot-legal a{color:rgba(255,255,255,.75)} .ac-social{display:flex;gap:8px} .ac-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .2s} .ac-social a:hover{background:var(--ac-lime);color:var(--ac-ink)} /* ---------- 24. Modal / success / toast / floating ---------- */ .ac-modal{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(16,34,31,.55);backdrop-filter:blur(4px)} .ac-modal.on{display:flex} .ac-modal-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:var(--ac-r-xl);box-shadow:var(--ac-shadow-lg);animation:acPop .3s var(--ac-ease)} @keyframes acPop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}} .ac-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--ac-grey);color:var(--ac-ink);display:inline-flex;align-items:center;justify-content:center;z-index:2} .ac-modal-close:hover{background:var(--ac-lime)} .ac-modal-head{padding:32px 36px 8px} .ac-modal-head h3{font-size:24px;margin:12px 0 8px} .ac-modal-head p{color:var(--ac-muted);font-size:14.5px;margin:0} .ac-modal-main{padding:20px 36px 36px} .ac-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px} .success-overlay,.success-box{position:fixed;z-index:1300} .success-overlay{inset:0;background:rgba(16,34,31,.6);display:none} .success-box{left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,92vw);background:#fff;border-radius:var(--ac-r-xl);padding:40px 32px;text-align:center;box-shadow:var(--ac-shadow-lg);display:none} .success-overlay.on,.success-overlay.show,.success-box.on,.success-box.show{display:block} .success-icon{width:72px;height:72px;border-radius:50%;background:var(--ac-lime);color:var(--ac-ink);display:inline-flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:16px} .success-box h3{font-size:22px} .success-box p{color:var(--ac-muted);margin-bottom:20px} .ac-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:1400;display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:var(--ac-r);background:var(--ac-ink);color:#fff;box-shadow:var(--ac-shadow-lg);opacity:0;transition:all .3s var(--ac-ease);max-width:calc(100vw - 32px)} .ac-toast.on{opacity:1;transform:translate(-50%,0)} .ac-toast>i{width:34px;height:34px;border-radius:50%;background:var(--ac-lime);color:var(--ac-ink);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto} .ac-toast strong{display:block;font-size:14.5px} .ac-toast a{color:var(--ac-lime);font-size:13.5px;font-weight:700} .wa-float{position:fixed;right:24px;bottom:96px;z-index:800;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 10px 24px rgba(37,211,102,.4);transition:transform .2s} .wa-float:hover{transform:scale(1.08);color:#fff} .back-to-top{position:fixed;right:24px;bottom:32px;z-index:800;width:48px;height:48px;border-radius:50%;background:var(--ac-forest);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;box-shadow:var(--ac-shadow)} .back-to-top.show{opacity:1;visibility:visible;transform:none} .back-to-top:hover{background:var(--ac-lime);color:var(--ac-ink)} .ac-mobilebar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:850;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--ac-line)} .ac-mobilebar .ac-btn{flex:1;padding:13px 10px;font-size:14px} .ac-cookie{position:fixed;left:24px;bottom:24px;z-index:1000;width:min(420px,calc(100vw - 48px));display:none;gap:16px;padding:20px 22px;border-radius:var(--ac-r-lg);background:#fff;border:1px solid var(--ac-line);box-shadow:var(--ac-shadow-lg)} .ac-cookie.show,.ac-cookie.on{display:flex} .ac-cookie-icon{width:44px;height:44px;border-radius:14px;background:var(--ac-mint);color:var(--ac-forest);display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto} .ac-cookie-body{min-width:0} .ac-cookie-body b,.ac-cookie-body h4{display:block;font-size:15px;color:var(--ac-ink);margin-bottom:4px} .ac-cookie-body p{font-size:13.5px;color:var(--ac-muted);margin:0 0 12px} .ac-cookie-body a{text-decoration:underline} .ac-cookie-acts{display:flex;gap:8px;flex-wrap:wrap} /* ---------- 25. Responsive ---------- */ @media (max-width:1180px){ .ac-nav>ul>li>a{padding:10px 11px;font-size:14px} .ac-desk-cta{display:none} .ac-pgrid-4,.ac-docwall,.ac-linkcards,.ac-channels,.ac-tiles,.ac-timeline,.ac-legalmeta{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-steps,.ac-scope,.ac-stepper{grid-template-columns:repeat(3,minmax(0,1fr))} .ac-pdp-body,.ac-faqpage,.ac-mag,.ac-searchpage{grid-template-columns:minmax(0,1fr) 300px;gap:32px} .ac-article{grid-template-columns:minmax(0,1fr) 280px} .ac-article-rail{display:none} .ac-mfrow{grid-template-columns:90px minmax(0,1fr) 240px;gap:24px;padding:26px} .ac-legal{grid-template-columns:240px minmax(0,1fr);gap:32px} .ac-legal-flip{grid-template-columns:minmax(0,1fr) 260px} .ac-legal-doc{padding:36px} .ac-rfq{grid-template-columns:minmax(0,1fr) 340px;gap:28px} .ac-rfq-empty{grid-template-columns:minmax(0,1fr) 320px} } @media (max-width:1024px){ :root{--ac-head-h:76px} .ac-nav{display:none} .ac-burger{display:inline-flex;align-items:center;justify-content:center} .ac-header-pill{height:56px;justify-content:space-between} .ac-sec{padding:64px 0} .ac-sec-tight{padding:44px 0} .ac-hero-in{grid-template-columns:1fr;min-height:0;gap:36px} .ac-hero-stage{min-height:420px} .ac-hero-plate{width:min(380px,90%)} .ac-trust{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-duo,.ac-split{grid-template-columns:1fr;gap:36px} .ac-faqbox,.ac-about-story-side,.ac-case-rail,.ac-rfq-side,.ac-gallery{position:static} .ac-pgrid,.ac-plist,.ac-solgrid,.ac-guide,.ac-chapters,.ac-tagtiles,.ac-storygrid,.ac-magfeed{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-flow{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-flow li::after{display:none} .ac-pdp{grid-template-columns:1fr;gap:36px} .ac-pdp-body,.ac-faqpage,.ac-mag,.ac-searchpage,.ac-article,.ac-legal,.ac-legal-flip{grid-template-columns:1fr} .ac-pdp-side,.ac-faqpage-side,.ac-mag-side,.ac-searchpage-side,.ac-article-toc,.ac-legal-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))} .ac-legal-flip .ac-legal-toc{order:-1} .ac-about-hero,.ac-about-story,.ac-mf-intro,.ac-contact,.ac-catalog,.ac-case{grid-template-columns:1fr;gap:36px} .ac-mosaic{height:380px} .ac-mfrow{grid-template-columns:1fr;gap:18px} .ac-mfrow-n{font-size:40px} .ac-mfrow-side{min-height:180px} .ac-facts,.ac-nextsteps,.ac-termsum,.ac-tipgrid,.ac-steps3{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-caserow,.ac-caserow:nth-child(even){grid-template-columns:1fr} .ac-caserow:nth-child(even) .ac-caserow-media{order:0} .ac-caserow-media,.ac-caserow-media .ac-ph{min-height:240px} .ac-caserow-body{padding:28px} .ac-casehero{min-height:420px} .ac-rfq,.ac-rfq-empty{grid-template-columns:1fr} .ac-island{grid-template-columns:1fr;padding:36px} .ac-island-acts{align-items:flex-start} .ac-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px} .ac-story-lead{grid-template-columns:1fr} .ac-brochure{margin:24px auto 0} } @media (max-width:768px){ :root{--ac-head-h:68px} .ac-topbar{padding:8px 0} .ac-topbar.scrolled{padding:6px 0} .ac-wrap{padding:0 18px} .ac-header-pill{height:52px;padding:0 6px 0 14px;gap:8px} .ac-logo img{height:30px} .ac-tool-btn{width:38px;height:38px} .ac-lang-menu{right:auto;left:0} body.aircabin-theme{padding-bottom:78px} .ac-mobilebar{display:flex} .wa-float{display:none} .back-to-top{bottom:92px;right:16px;width:42px;height:42px} .ac-cookie{left:12px;bottom:88px;width:calc(100vw - 24px);padding:16px} .ac-toast{bottom:92px} .ac-sec{padding:52px 0} .ac-sec-tight{padding:36px 0} .ac-phead{padding:28px 0 40px} .ac-hero{padding:20px 0 44px} .ac-hero-copy h1{font-size:clamp(32px,9vw,44px)} .ac-hero-stage{min-height:340px} .ac-hero-chip{padding:9px 12px;border-radius:14px} .ac-hero-chip small{display:none} .ac-hero-chip-b{left:0} .ac-hero-chip-c{right:0} .ac-trust{grid-template-columns:1fr;gap:12px;padding:16px} .ac-track{margin:0 -18px;padding-left:18px;padding-right:18px;gap:14px} .ac-cat{width:210px} .ac-ptrack .ac-pcard{width:230px} .ac-pgrid,.ac-pgrid-4,.ac-plist,.ac-solgrid,.ac-guide,.ac-chapters,.ac-tagtiles,.ac-storygrid,.ac-magfeed,.ac-docwall,.ac-linkcards,.ac-channels,.ac-tiles,.ac-timeline,.ac-flow,.ac-steps,.ac-steps3,.ac-scope,.ac-facts,.ac-nextsteps,.ac-termsum,.ac-tipgrid,.ac-legalmeta,.ac-scen,.ac-checks,.ac-inclist,.ac-catalog-incl,.ac-pinfo-points,.ac-chan-cards,.ac-spec,.ac-pager2,.ac-prenext,.ac-form-2,.ac-pdp-side,.ac-faqpage-side,.ac-mag-side,.ac-searchpage-side,.ac-article-toc,.ac-legal-toc,.ac-foot-grid,.ac-mf-intro-media{grid-template-columns:1fr} .ac-pgrid,.ac-plist{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ac-pcard-body,.ac-prow-body{padding:12px 12px 14px} .ac-pcard-body h3,.ac-prow-body h3{font-size:14.5px} .ac-pcard-acts .ac-btn-sm{padding:8px 12px;font-size:12.5px} .ac-plist.is-list .ac-prow{flex-direction:column} .ac-plist.is-list .ac-prow-media{width:100%;flex:none;aspect-ratio:4/3} /* filter bar: the chips need their own full-width row, otherwise the count + view switcher squeeze the bar to ~100px and the category names are cut off */ .ac-filterbar{padding:10px 0} .ac-filterbar-in{flex-wrap:wrap;gap:10px} .ac-filterbar-in .ac-chips{flex:1 1 100%} .ac-filterbar-tools{flex:1 1 100%;justify-content:space-between;gap:12px} .ac-subchips{margin-top:8px} .ac-stepper{grid-template-columns:repeat(2,minmax(0,1fr))} .ac-timeline{padding-top:0;gap:0;padding-left:26px;border-left:2px solid var(--ac-mint-2)} .ac-timeline::before{display:none} .ac-timeline li{padding:0 0 26px} .ac-tl-dot{left:-37px;top:2px} .ac-mosaic{height:auto;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))} .ac-mosaic-a{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10} .ac-mosaic-b,.ac-mosaic-c{aspect-ratio:1} .ac-mf-intro-media figure:last-child{margin-top:0} .ac-mf-intro-media figure{aspect-ratio:16/10} .ac-gallery{grid-template-columns:1fr} .ac-thumbs{flex-direction:row;order:2;max-height:none;overflow-x:auto} .ac-thumbs button{width:64px;height:64px} .ac-pinfo-acts .ac-btn{flex:1} .ac-block{padding:20px} .ac-pbar{display:none} .ac-anchors a{padding:12px 12px 10px;font-size:13.5px} .ac-news{grid-template-columns:1fr} .ac-news-body{padding:16px 18px 18px} .ac-result{grid-template-columns:96px minmax(0,1fr);gap:14px} .ac-result-body h2{font-size:16px} .ac-result-body p{display:none} .ac-bigsearch{padding:6px 6px 6px 16px} .ac-bigsearch input{font-size:16px;padding:10px 0} .ac-bigsearch .ac-btn{padding:12px 16px} .ac-maghead h1{font-size:clamp(34px,11vw,52px)} .ac-article-hero{border-radius:var(--ac-r-lg);aspect-ratio:16/10} .ac-legal-doc{padding:24px 20px;border-radius:var(--ac-r-lg)} .ac-formpanel{padding:22px 18px;border-radius:var(--ac-r-lg)} .ac-modal-head{padding:24px 20px 4px} .ac-modal-main{padding:14px 20px 24px} .ac-modal{padding:12px;align-items:flex-end} .ac-modal-box{max-height:calc(100vh - 24px)} .ac-rfq-row{grid-template-columns:72px minmax(0,1fr);gap:12px} .ac-rfq-media{width:72px;height:72px} .ac-rfq-media .ac-ph{min-height:72px} .ac-rfq-qty{grid-column:2} .ac-rfq-rm{grid-column:2;justify-self:end;margin-top:-40px} .ac-island{padding:28px 22px;top:-56px} .ac-island-acts>.ac-btn{min-width:0;width:100%} .ac-footer{margin-top:96px} .ac-foot-bottom{flex-direction:column;align-items:flex-start} .ac-taghash{font-size:64px} .ac-tagwall-group{grid-template-columns:1fr;gap:10px;padding:18px} .ac-caserow-body h2,.ac-caserow-body h3{font-size:22px} .ac-ctastrip{padding:26px 22px} .ac-helpbar{padding:20px} .ac-sechead-row{align-items:flex-start} .ac-faq-numbered .ac-faq-a{padding-left:18px} .ac-faq-numbered .ac-faq-q em{min-width:26px} .ac-empty{padding:40px 16px} .ac-share-v{flex-direction:row} .detail-content h2{font-size:22px} .detail-content h3{font-size:19px} .detail-content img{margin:1em 0} .ac-prose{font-size:16px} .ac-prose>p:first-of-type{font-size:17px} } @media (max-width:480px){ .ac-wrap{padding:0 14px} .ac-track{margin:0 -14px;padding-left:14px;padding-right:14px} .ac-pgrid,.ac-plist{grid-template-columns:1fr} .ac-hero-acts .ac-btn,.ac-phead-acts .ac-btn{flex:1;justify-content:center} .ac-btn-lg{padding:15px 20px;font-size:15px} .ac-alpha button{width:32px;height:32px;font-size:12px} .ac-searchchips{gap:6px} .ac-taghead{gap:14px} .ac-ministeps li{font-size:12.5px;padding:6px 12px 6px 6px} } @media print{ .ac-topbar,.ac-drawer,.ac-mask,.ac-mobilebar,.wa-float,.back-to-top,.ac-cookie,.ac-island,.ac-modal,.ac-filterbar,.ac-anchors,.ac-pbar{display:none!important} body.aircabin-theme{padding:0;background:#fff} }