.main-nav a, .mobile-menu a, .breadcrumbs a { display:inline-block; text-align:center; text-transform:none; text-indent:0; text-shadow:none; letter-spacing:normal; word-spacing:normal; }
    :root {
      --ink:#0c110f;
      --ink-2:#141a17;
      --ink-3:#202824;
      --lime:#d8ff3e;
      --lime-soft:#edff9e;
      --paper:#f2f2ec;
      --white:#fbfcf7;
      --line:#d8dcd4;
      --muted:#66706a;
      --muted-dark:#9aa49f;
      --orange:#ff7042;
      --shadow:0 24px 70px rgba(12,17,15,.13);
      --radius:22px;
      --display:'Barlow Condensed', Impact, sans-serif;
      --body:'Manrope', Arial, sans-serif;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--body); font-size:15px; line-height:1.55; }
    body.menu-open { overflow:hidden; }
    button, input, select { font:inherit; }
    button, a { -webkit-tap-highlight-color:transparent; }
    button { color:inherit; }
    a { color:inherit; text-decoration:none; }
    img { display:block; max-width:100%; }
    .screen-reader { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .page { display:none; min-height:100vh; animation:pageIn .34s ease both; }
    .page.active { display:block; }
    @keyframes pageIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
    .container { width:min(1320px, calc(100% - 48px)); margin-inline:auto; }
    .eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 14px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
    .eyebrow::before { content:''; width:24px; height:3px; background:currentColor; }
    .eyebrow.lime { color:var(--lime); }
    .section { padding:104px 0; }
    .section.compact { padding:72px 0; }
    .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:42px; }
    .section-head h2 { max-width:740px; margin:0; font-family:var(--display); font-size:clamp(44px,5vw,72px); line-height:.92; letter-spacing:-.035em; text-transform:uppercase; }
    .section-head p { max-width:410px; margin:0; color:var(--muted); }
    .text-link { display:inline-flex; align-items:center; gap:10px; padding-bottom:5px; border-bottom:1px solid currentColor; font-size:13px; font-weight:800; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 22px; border:1px solid transparent; border-radius:4px; background:var(--ink); color:white; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
    .btn:hover { transform:translateY(-2px); }
    .btn-lime { background:var(--lime); color:var(--ink); }
    .btn-light { background:white; color:var(--ink); }
    .btn-outline { border-color:#4a554f; background:transparent; color:white; }
    .btn-outline-dark { border-color:var(--ink); background:transparent; color:var(--ink); }
    .btn-block { width:100%; }
    .icon-btn { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid rgba(255,255,255,.18); border-radius:50%; background:transparent; color:inherit; cursor:pointer; }
    .utility { height:34px; background:var(--lime); color:var(--ink); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .utility .container { height:100%; display:flex; align-items:center; justify-content:space-between; }
    .utility-list { display:flex; align-items:center; gap:24px; }
    .site-header { position:sticky; top:0; z-index:80; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(12,17,15,.96); color:white; backdrop-filter:blur(14px); }
    .header-main { height:76px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:42px; }
    .logo { display:flex; align-items:center; padding:0; border:0; background:transparent; color:inherit; font-family:var(--display); font-size:26px; font-weight:900; font-style:italic; line-height:1; letter-spacing:-.045em; cursor:pointer; }
    .logo span { display:inline-block; margin-left:3px; padding:4px 7px 5px; background:var(--lime); color:var(--ink); font-style:normal; transform:skew(-7deg); }
    .main-nav { display:flex; align-items:center; gap:28px; }
    .main-nav button, .main-nav a { padding:26px 0; border:0; background:transparent; color:#dfe5e1; font-size:12px; font-weight:700; cursor:pointer; }
    .main-nav button:hover, .main-nav a:hover { color:var(--lime); }
    .header-actions { display:flex; align-items:center; gap:9px; }
    .header-actions .cart { width:auto; padding-inline:16px; border-radius:99px; gap:8px; }
    .cart-count { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--lime); color:var(--ink); font-size:10px; font-weight:900; }
    .mobile-toggle { display:none; }
    .mobile-menu { display:none; }
    .trust-strip { background:var(--lime); }
    .trust-grid { min-height:76px; display:grid; grid-template-columns:repeat(3,1fr); }
    .trust-item { display:flex; align-items:center; justify-content:center; gap:14px; padding:18px; border-left:1px solid rgba(12,17,15,.18); font-size:11px; font-weight:800; letter-spacing:.09em; text-align:center; text-transform:uppercase; }
    .trust-item:last-child { border-right:1px solid rgba(12,17,15,.18); }
    .trust-num { font-family:var(--display); font-size:26px; line-height:1; }
    .preview-toggle { display:none; }
    .preview-dock { display:flex; gap:4px; padding:5px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(12,17,15,.92); color:white; box-shadow:0 20px 50px rgba(0,0,0,.28); backdrop-filter:blur(16px); }
    .preview-dock button { min-height:40px; padding:0 16px; border:0; border-radius:999px; background:transparent; color:#b8c1bc; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
    .preview-dock button.active { background:var(--lime); color:var(--ink); }

    /* Homepage */
    .home-hero { position:relative; min-height:700px; overflow:hidden; background:var(--ink); color:white; }
    .home-hero::before { content:''; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,black,transparent 80%); }
    .hero-grid { position:relative; min-height:700px; display:grid; grid-template-columns:1.06fr .94fr; }
    .hero-copy { display:flex; flex-direction:column; justify-content:center; padding:80px 7vw 90px 0; }
    .hero-copy h1 { max-width:760px; margin:0 0 26px; font-family:var(--display); font-size:clamp(72px,7.3vw,116px); font-weight:900; line-height:.82; letter-spacing:-.045em; text-transform:uppercase; }
    .hero-copy h1 em { color:var(--lime); font-style:italic; }
    .hero-copy > p { max-width:620px; margin:0 0 34px; color:#c2cac6; font-size:17px; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
    .hero-note { display:flex; align-items:center; gap:12px; margin-top:32px; color:#949f99; font-size:11px; font-weight:700; text-transform:uppercase; }
    .hero-note .line { width:46px; height:1px; background:#4d5752; }
    .hero-visual { position:relative; min-height:700px; display:grid; place-items:center; background:radial-gradient(circle at 48% 45%, #374139 0, #1b221e 40%, #0c110f 72%); }
    .hero-visual::before { content:'20'; position:absolute; right:-15px; bottom:-80px; color:transparent; font-family:var(--display); font-size:460px; font-weight:900; line-height:1; -webkit-text-stroke:1px rgba(216,255,62,.17); }
    .hero-visual img { position:relative; z-index:2; width:min(92%,650px); filter:drop-shadow(0 40px 36px rgba(0,0,0,.48)); mix-blend-mode:screen; }
    .hero-badge { position:absolute; z-index:3; display:flex; flex-direction:column; padding:14px 16px; border:1px solid rgba(255,255,255,.17); background:rgba(12,17,15,.68); backdrop-filter:blur(12px); }
    .hero-badge b { font-family:var(--display); font-size:26px; line-height:1; }
    .hero-badge span { color:#aeb8b2; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
    .badge-one { top:18%; left:8%; }
    .badge-two { right:7%; bottom:20%; }
    .hero-product-label { position:absolute; z-index:3; right:6%; top:11%; display:flex; align-items:center; gap:8px; color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
    .hero-product-label::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 6px rgba(216,255,62,.13); }
    .goal-grid { display:grid; grid-template-columns:1.1fr .95fr .95fr; gap:14px; }
    .goal-card { position:relative; min-height:420px; overflow:hidden; isolation:isolate; border:1px solid #313a35; background:var(--ink-2); color:white; cursor:pointer; transition:transform .25s ease, box-shadow .25s ease; }
    .goal-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(8,13,11,.92) 0%,rgba(8,13,11,.72) 40%,rgba(8,13,11,.22) 72%,rgba(8,13,11,.08) 100%),linear-gradient(90deg,rgba(8,13,11,.48),transparent 80%); pointer-events:none; }
    .goal-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
    .goal-card.dark { background:var(--ink-2); color:white; }
    .goal-content { position:relative; z-index:2; padding:30px; }
    .goal-index { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-right:56px; color:#d8ded9; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    .goal-index span { white-space:nowrap; }
    .goal-card.dark .goal-index { color:#d8ded9; }
    .goal-card h3 { max-width:310px; margin:62px 0 10px; font-family:var(--display); font-size:43px; line-height:.92; text-shadow:0 2px 18px rgba(0,0,0,.35); text-transform:uppercase; }
    .goal-card p { max-width:300px; margin:0; color:#e1e6e2; font-size:13px; text-shadow:0 1px 12px rgba(0,0,0,.5); }
    .goal-card.dark p { color:#e1e6e2; }
    .goal-card img { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center center; transition:transform .45s ease; }
    .goal-card:hover img { transform:scale(1.025); }
    .goal-arrow { position:absolute; z-index:3; right:24px; top:24px; display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--line); border-radius:50%; font-size:20px; }
    .goal-card .goal-arrow, .goal-card.dark .goal-arrow { border-color:rgba(255,255,255,.38); color:var(--lime); background:rgba(8,13,11,.24); backdrop-filter:blur(6px); }
    .equipment-section { background:#e6e8e0; }
    .equipment-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .equipment-card { position:relative; min-height:0; overflow:hidden; border:1px solid #cfd4ca; background:var(--white); cursor:pointer; }
    .equipment-card img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; object-position:center; transition:transform .45s ease; }
    .equipment-card:hover img { transform:scale(1.05); }
    .equipment-card .meta { display:flex; align-items:center; justify-content:space-between; padding:20px; border-top:1px solid var(--line); }
    .equipment-card h3 { margin:0; font-family:var(--display); font-size:25px; text-transform:uppercase; }
    .equipment-card span { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .featured { background:var(--ink); color:white; }
    .featured .section-head p { color:#a4ada8; }
    .product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .product-card { position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid var(--line); background:var(--white); color:var(--ink); transition:transform .24s ease, box-shadow .24s ease; }
    .product-card:hover { transform:translateY(-4px); box-shadow:0 20px 46px rgba(0,0,0,.16); }
    .product-media { position:relative; aspect-ratio:1/.9; overflow:hidden; background:#f7f8f3; cursor:pointer; }
    .product-media img { width:100%; height:100%; object-fit:contain; padding:20px; transition:transform .35s ease; }
    .product-card:hover .product-media img { transform:scale(1.045); }
    .product-tag { position:absolute; left:12px; top:12px; padding:7px 9px; background:var(--ink); color:white; font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .product-tag.lime { background:var(--lime); color:var(--ink); }
    .heart { position:absolute; right:12px; top:12px; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; background:rgba(255,255,255,.9); cursor:pointer; }
    .heart.active { background:var(--ink); color:var(--lime); }
    .product-info { display:flex; flex:1; flex-direction:column; padding:18px; }
    .product-brand { margin-bottom:7px; color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .product-info h3 { min-height:45px; margin:0 0 12px; font-size:13px; line-height:1.4; cursor:pointer; }
    .product-specs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
    .product-specs span { padding:5px 7px; border:1px solid var(--line); color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }
    .product-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:auto; }
    .price { font-family:var(--display); font-size:30px; font-weight:800; line-height:1; }
    .price small { font-family:var(--body); font-size:11px; }
    .stock { display:flex; align-items:center; gap:6px; color:#3c6950; font-size:9px; font-weight:800; text-transform:uppercase; }
    .stock::before { content:''; width:6px; height:6px; border-radius:50%; background:#39a966; }
    .product-compare { width:100%; margin-top:16px; padding:11px 0 0; border:0; border-top:1px solid var(--line); background:transparent; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.08em; text-align:left; text-transform:uppercase; cursor:pointer; }
    .product-compare.active { color:var(--ink); }
    .fit-finder { overflow:hidden; background:var(--lime); }
    .finder-grid { display:grid; grid-template-columns:.92fr 1.08fr; min-height:520px; }
    .finder-copy { display:flex; flex-direction:column; justify-content:center; padding:70px 7vw 70px 0; }
    .finder-copy h2 { margin:0 0 22px; font-family:var(--display); font-size:clamp(58px,6vw,90px); line-height:.86; text-transform:uppercase; }
    .finder-copy p { max-width:530px; margin:0 0 30px; }
    .finder-steps { display:grid; grid-template-columns:repeat(3,1fr); align-content:center; gap:10px; padding:70px 0; }
    .finder-step { min-height:260px; padding:24px; border:1px solid rgba(12,17,15,.23); background:rgba(255,255,255,.2); }
    .finder-step b { font-family:var(--display); font-size:54px; line-height:1; }
    .finder-step h3 { margin:50px 0 7px; font-size:13px; text-transform:uppercase; }
    .finder-step p { margin:0; font-size:11px; }
    .brand-story { background:var(--white); }
    .brand-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
    .brand-visual { position:relative; min-height:520px; display:grid; place-items:center; overflow:hidden; background:var(--ink-2); }
    .brand-visual::before { content:'F'; position:absolute; color:transparent; font-family:var(--display); font-size:560px; font-weight:900; line-height:.8; -webkit-text-stroke:1px rgba(216,255,62,.16); transform:rotate(-9deg); }
    .brand-visual img { position:relative; z-index:2; width:78%; filter:drop-shadow(0 30px 34px rgba(0,0,0,.5)); }
    .brand-copy h2 { margin:0 0 24px; font-family:var(--display); font-size:clamp(58px,6vw,90px); line-height:.88; text-transform:uppercase; }
    .brand-copy p { max-width:550px; color:var(--muted); }
    .brand-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin:32px 0; background:var(--line); border:1px solid var(--line); }
    .brand-fact { padding:22px; background:var(--white); }
    .brand-fact b { display:block; font-family:var(--display); font-size:28px; }
    .brand-fact span { color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase; }
    .journal-grid { display:grid; grid-template-columns:1.15fr .85fr .85fr; gap:14px; }
    .article-card { min-height:380px; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; border:1px solid var(--line); background:var(--white); }
    .article-card.featured-article { background:var(--ink-2); color:white; }
    .article-number { margin-bottom:auto; color:var(--muted); font-family:var(--display); font-size:82px; line-height:1; }
    .featured-article .article-number { color:#334038; }
    .article-card .eyebrow { margin-bottom:9px; }
    .article-card h3 { margin:0 0 10px; font-family:var(--display); font-size:34px; line-height:.98; text-transform:uppercase; }
    .article-card p { margin:0; color:var(--muted); font-size:12px; }
    .featured-article p { color:#a7b0ab; }
    .newsletter { padding:68px 0; background:var(--lime); }
    .newsletter-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:end; }
    .newsletter h2 { margin:0; font-family:var(--display); font-size:54px; line-height:.9; text-transform:uppercase; }
    .newsletter p { margin:12px 0 0; }
    .newsletter-form { display:flex; gap:8px; }
    .newsletter-form input { flex:1; min-width:0; height:54px; padding:0 18px; border:1px solid rgba(12,17,15,.45); background:transparent; color:var(--ink); outline:none; }
    .newsletter-form input::placeholder { color:#52603f; }
    .site-footer { padding:68px 0 32px; background:var(--ink); color:white; }
    .footer-grid { display:grid; grid-template-columns:1.35fr repeat(3,1fr); gap:44px; }
    .footer-intro p { max-width:330px; color:#89958e; font-size:12px; }
    .footer-col h3 { margin:0 0 18px; color:var(--lime); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
    .footer-col a { display:block; margin:9px 0; color:#c1c9c4; font-size:12px; }
    .footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:56px; padding-top:24px; border-top:1px solid #2a332e; color:#77827c; font-size:9px; text-transform:uppercase; }

    /* Category */
    .inner-hero { padding:62px 0 50px; background:var(--ink); color:white; }
    .breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:46px; color:#8f9b94; font-size:10px; font-weight:700; text-transform:uppercase; }
    .breadcrumbs button, .breadcrumbs a { padding:0; border:0; background:transparent; color:inherit; cursor:pointer; }
    .inner-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:end; }
    .inner-hero h1 { max-width:800px; margin:0; font-family:var(--display); font-size:clamp(72px,8vw,120px); line-height:.82; text-transform:uppercase; }
    .inner-hero p { max-width:520px; margin:0 0 8px; color:#aeb7b2; }
    .category-shortcuts { padding:24px 0; border-bottom:1px solid var(--line); background:var(--white); }
    .shortcut-shell { position:relative; }
    .shortcut-row { display:flex; gap:8px; overflow:auto; scrollbar-width:none; }
    .shortcut-cue { display:none; }
    .shortcut { flex:0 0 auto; padding:12px 16px; border:1px solid var(--line); background:white; font-size:10px; font-weight:800; text-transform:uppercase; cursor:pointer; }
    .shortcut.active { border-color:var(--ink); background:var(--ink); color:white; }
    .category-intro { padding:42px 0; border-bottom:1px solid var(--line); background:var(--white); }
    .category-intro-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:start; }
    .category-intro h2 { margin:0; font-family:var(--display); font-size:38px; line-height:.95; text-transform:uppercase; }
    .category-intro-copy { columns:2; column-gap:34px; color:var(--muted); font-size:13px; }
    .category-intro-copy p { margin:0 0 14px; break-inside:avoid; }
    .catalog { padding:56px 0 110px; }
    .catalog-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
    .catalog-head strong { font-family:var(--display); font-size:26px; text-transform:uppercase; }
    .catalog-controls { display:flex; align-items:center; gap:8px; }
    .catalog-controls button, .catalog-controls select { height:44px; padding:0 15px; border:1px solid var(--line); background:var(--white); font-size:10px; font-weight:800; text-transform:uppercase; }
    .catalog-layout { display:grid; grid-template-columns:250px 1fr; gap:28px; align-items:start; }
    .filters { position:sticky; top:126px; border-top:3px solid var(--ink); }
    .filter-group { padding:20px 0; border-bottom:1px solid var(--line); }
    .filter-group h3 { margin:0 0 14px; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
    .filter-option { display:flex; align-items:center; justify-content:space-between; width:100%; padding:8px 0; border:0; background:transparent; color:var(--muted); font-size:11px; text-align:left; cursor:pointer; }
    .filter-option::before { content:''; width:14px; height:14px; margin-right:10px; border:1px solid #aeb5ae; }
    .filter-option span:first-of-type { flex:1; }
    .filter-option.active { color:var(--ink); font-weight:800; }
    .filter-option.active::before { border-color:var(--ink); background:var(--lime); box-shadow:inset 0 0 0 3px white; }
    .catalog-products { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .active-filters { display:none; align-items:center; gap:8px; margin-bottom:18px; }
    .active-filters.visible { display:flex; }
    .active-filter-pill { padding:7px 10px; background:var(--lime); font-size:9px; font-weight:800; text-transform:uppercase; }
    .compare-tray { position:fixed; left:50%; bottom:20px; z-index:95; display:none; align-items:center; gap:18px; min-width:420px; padding:10px 12px 10px 20px; background:var(--ink); color:white; box-shadow:0 20px 60px rgba(0,0,0,.35); transform:translateX(-50%); }
    .compare-tray.visible { display:flex; }
    .compare-tray strong { font-size:11px; text-transform:uppercase; }
    .compare-tray span { color:#aeb8b2; font-size:10px; }
    .category-guide { padding:90px 0; background:var(--ink-2); color:white; }
    .guide-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }
    .guide-grid h2 { margin:0; font-family:var(--display); font-size:68px; line-height:.88; text-transform:uppercase; }
    .guide-table { border-top:1px solid #39433e; }
    .guide-row { display:grid; grid-template-columns:1fr 1.4fr; gap:20px; padding:22px 0; border-bottom:1px solid #39433e; }
    .guide-row b { color:var(--lime); font-size:11px; text-transform:uppercase; }
    .guide-row span { color:#b5beb9; font-size:12px; }
    .answer-section { padding:88px 0; background:var(--white); }
    .answer-head { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; margin-bottom:38px; align-items:end; }
    .answer-head h2 { max-width:620px; margin:0; font-family:var(--display); font-size:clamp(48px,5vw,72px); line-height:.9; text-transform:uppercase; }
    .answer-head > p { max-width:570px; margin:0; color:var(--muted); }
    .answer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .answer-card { padding:28px; border:1px solid var(--line); background:#f7f8f3; }
    .answer-card h3 { margin:0 0 12px; font-family:var(--display); font-size:28px; line-height:1; text-transform:uppercase; }
    .answer-card p { margin:0; color:var(--muted); font-size:12px; }
    .answer-source { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .comparison-section { padding:88px 0; background:var(--paper); }
    .comparison-shell { overflow-x:auto; border:1px solid var(--line); background:var(--white); }
    .comparison-table { width:100%; min-width:760px; border-collapse:collapse; text-align:left; }
    .comparison-table caption { padding:0; overflow:hidden; width:1px; height:1px; position:absolute; clip:rect(0,0,0,0); }
    .comparison-table th, .comparison-table td { padding:18px 20px; border-bottom:1px solid var(--line); }
    .comparison-table thead th { background:var(--ink); color:white; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
    .comparison-table tbody th { font-family:var(--display); font-size:21px; line-height:1; text-transform:uppercase; }
    .comparison-table td { color:var(--muted); font-size:12px; }
    .comparison-table tr:last-child th, .comparison-table tr:last-child td { border-bottom:0; }
    .comparison-best { display:inline-flex; padding:5px 8px; background:var(--lime); color:var(--ink); font-size:8px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
    .faq-section { padding:92px 0; background:var(--ink); color:white; }
    .faq-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:start; }
    .faq-intro { position:sticky; top:126px; }
    .faq-intro h2 { max-width:520px; margin:0 0 20px; font-family:var(--display); font-size:clamp(54px,6vw,82px); line-height:.86; text-transform:uppercase; }
    .faq-intro p { max-width:430px; color:#aeb8b2; }
    .faq-list { border-top:1px solid #39433e; }
    .faq-item { border-bottom:1px solid #39433e; }
    .faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 0; cursor:pointer; list-style:none; font-size:14px; font-weight:800; }
    .faq-item summary::-webkit-details-marker { display:none; }
    .faq-item summary::after { content:'＋'; flex:0 0 auto; color:var(--lime); font-size:22px; transition:transform .2s ease; }
    .faq-item[open] summary::after { transform:rotate(45deg); }
    .faq-item p { max-width:720px; margin:0; padding:0 42px 24px 0; color:#b8c1bc; font-size:13px; }
    .related-section { padding:88px 0; background:var(--white); }
    .related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .related-card { min-height:210px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; border:1px solid var(--line); background:#f7f8f3; cursor:pointer; }
    .related-card:first-child { background:var(--lime); border-color:var(--lime); }
    .related-card span { font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .related-card h3 { margin:32px 0 0; font-family:var(--display); font-size:30px; line-height:1; text-transform:uppercase; }
    .related-card b { align-self:flex-end; font-size:22px; }

    /* Product */
    .product-page-main { padding:42px 0 95px; background:var(--white); }
    .product-page-main .breadcrumbs { margin-bottom:30px; color:var(--muted); }
    .product-layout { display:grid; grid-template-columns:1.08fr .92fr; gap:58px; align-items:start; }
    .gallery { display:grid; grid-template-columns:84px 1fr; gap:12px; }
    .thumb-list { display:flex; flex-direction:column; gap:10px; }
    .thumb { width:84px; height:84px; padding:6px; border:1px solid var(--line); background:white; cursor:pointer; }
    .thumb.active { border:2px solid var(--ink); }
    .thumb img { width:100%; height:100%; object-fit:contain; }
    .main-image { position:relative; min-height:640px; display:grid; place-items:center; overflow:hidden; background:#f0f2eb; }
    .main-image::before { content:'FITTRONIC'; position:absolute; left:24px; bottom:3px; color:transparent; font-family:var(--display); font-size:112px; font-weight:900; -webkit-text-stroke:1px #d8ddd4; }
    .main-image img { position:relative; z-index:2; width:86%; max-height:570px; object-fit:contain; mix-blend-mode:multiply; }
    .main-image .zoom { position:absolute; z-index:3; right:18px; bottom:18px; display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; background:white; box-shadow:0 8px 24px rgba(0,0,0,.1); }
    .product-summary { position:sticky; top:126px; }
    .product-summary .product-brand { font-size:10px; }
    .product-summary h1 { margin:10px 0 20px; font-family:var(--display); font-size:56px; line-height:.94; text-transform:uppercase; }
    .product-code { color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase; }
    .product-price { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:30px 0 22px; padding:22px 0; border-block:1px solid var(--line); }
    .product-price .price { font-size:48px; }
    .summary-lead { margin:0 0 25px; color:var(--muted); }
    .decision-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:20px 0 28px; }
    .decision { min-height:94px; padding:14px; border:1px solid var(--line); }
    .decision b { display:block; font-family:var(--display); font-size:25px; line-height:1; }
    .decision span { color:var(--muted); font-size:9px; font-weight:700; text-transform:uppercase; }
    .purchase-row { display:grid; grid-template-columns:116px 1fr; gap:10px; }
    .quantity { display:grid; grid-template-columns:1fr 1fr 1fr; height:56px; border:1px solid var(--line); }
    .quantity button { border:0; background:transparent; cursor:pointer; }
    .quantity span { display:grid; place-items:center; font-weight:800; }
    .support-note { display:flex; align-items:flex-start; gap:12px; margin-top:18px; padding:16px; background:#edf0e8; font-size:11px; }
    .support-note b { display:block; }
    .support-note span { color:var(--muted); }
    .product-details { padding:100px 0; background:var(--paper); }
    .details-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:90px; }
    .details-intro h2 { margin:0 0 22px; font-family:var(--display); font-size:70px; line-height:.88; text-transform:uppercase; }
    .details-intro p { color:var(--muted); }
    .detail-callout { margin-top:30px; padding:22px; border-left:4px solid var(--lime); background:var(--white); font-size:12px; }
    .accordion { border-top:1px solid var(--line); }
    .accordion-item { border-bottom:1px solid var(--line); }
    .accordion-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; padding:24px 0; border:0; background:transparent; font-weight:800; text-align:left; cursor:pointer; }
    .accordion-trigger span:last-child { font-size:22px; transition:transform .2s ease; }
    .accordion-item.open .accordion-trigger span:last-child { transform:rotate(45deg); }
    .accordion-content { display:none; padding:0 0 24px; color:var(--muted); font-size:12px; }
    .accordion-item.open .accordion-content { display:block; }
    .spec-table { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); }
    .spec-table div { display:flex; justify-content:space-between; gap:15px; padding:13px 15px; background:var(--white); }
    .spec-table b { color:var(--ink); }
    .package-list { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; padding:0; margin:0; list-style:none; }
    .package-list li { padding:12px; border:1px solid var(--line); color:var(--ink); }
    .product-support { padding:92px 0; background:var(--white); }
    .fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:48px; }
    .fit-card { min-height:270px; padding:30px; border:1px solid var(--line); background:#f5f6f0; }
    .fit-card.positive { background:var(--lime); border-color:var(--lime); }
    .fit-card h3 { margin:0 0 24px; font-family:var(--display); font-size:36px; line-height:1; text-transform:uppercase; }
    .fit-list { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
    .fit-list li { display:flex; gap:10px; color:#4f5953; font-size:12px; }
    .fit-card.positive .fit-list li { color:var(--ink); }
    .fit-list li::before { content:'→'; flex:0 0 auto; font-weight:900; }
    .policy-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .policy-card { padding:24px; border-top:3px solid var(--ink); background:var(--paper); }
    .policy-card span { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .policy-card h3 { margin:12px 0 10px; font-family:var(--display); font-size:28px; line-height:1; text-transform:uppercase; }
    .policy-card p { margin:0 0 18px; color:var(--muted); font-size:11px; }
    .policy-card a { font-size:9px; font-weight:800; text-decoration:underline; text-transform:uppercase; }
    .review-section { padding:88px 0; background:var(--paper); }
    .review-integrity { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; padding:34px; border:1px solid var(--line); background:var(--white); }
    .review-integrity h2 { margin:0; font-family:var(--display); font-size:54px; line-height:.9; text-transform:uppercase; }
    .review-empty { padding:24px; border-left:4px solid var(--lime); background:#f5f6f0; }
    .review-empty strong { display:block; margin-bottom:8px; }
    .review-empty p { margin:0; color:var(--muted); font-size:12px; }
    .recommendations { background:var(--ink); color:white; }
    .recommendations .section-head p { color:#aab3ae; }

    /* Editorial guide */
    .guide-hero { padding:58px 0 72px; background:var(--ink); color:white; }
    .guide-hero .breadcrumbs { margin-bottom:58px; }
    .guide-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:64px; align-items:end; }
    .guide-hero h1 { max-width:850px; margin:12px 0 24px; font-family:var(--display); font-size:clamp(64px,7vw,106px); line-height:.84; text-transform:uppercase; }
    .guide-deck { max-width:760px; margin:0; color:#b5beb9; font-size:17px; }
    .guide-meta { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:30px; color:#8f9b94; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .guide-visual { min-height:480px; display:grid; place-items:center; position:relative; overflow:hidden; background:#202a25; }
    .guide-visual::before { content:'VS'; position:absolute; color:transparent; font-family:var(--display); font-size:250px; -webkit-text-stroke:1px #3d4942; }
    .guide-visual img { position:relative; z-index:2; width:82%; max-height:410px; object-fit:contain; filter:drop-shadow(0 26px 28px rgba(0,0,0,.45)); }
    .guide-content { padding:92px 0; background:var(--white); }
    .guide-shell { display:grid; grid-template-columns:290px minmax(0,820px); justify-content:space-between; gap:90px; }
    .guide-toc { position:sticky; top:126px; align-self:start; padding:24px; border-top:4px solid var(--lime); background:#f1f3ec; }
    .guide-toc strong { display:block; margin-bottom:16px; font-family:var(--display); font-size:24px; text-transform:uppercase; }
    .guide-toc a { display:block; padding:11px 0; border-top:1px solid var(--line); color:var(--muted); font-size:11px; font-weight:800; }
    .guide-copy { min-width:0; }
    .guide-answer { margin-bottom:54px; padding:30px; border-left:6px solid var(--lime); background:#f4f6ef; }
    .guide-answer strong { display:block; margin-bottom:10px; font-family:var(--display); font-size:34px; line-height:1; text-transform:uppercase; }
    .guide-answer p { margin:0; font-size:16px; }
    .guide-chapter { scroll-margin-top:130px; margin-bottom:64px; }
    .guide-chapter h2 { margin:0 0 22px; font-family:var(--display); font-size:clamp(44px,5vw,66px); line-height:.9; text-transform:uppercase; }
    .guide-chapter h3 { margin:30px 0 12px; font-family:var(--display); font-size:30px; line-height:1; text-transform:uppercase; }
    .guide-chapter p { color:#4f5a54; }
    .guide-checklist { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; margin:24px 0 0; list-style:none; }
    .guide-checklist li { padding:18px; border:1px solid var(--line); background:#fafbf7; font-size:12px; }
    .guide-checklist b { display:block; margin-bottom:6px; color:var(--ink); text-transform:uppercase; }
    .guide-sources { padding:28px; border:1px solid var(--line); background:#f7f8f3; }
    .guide-sources h2 { font-size:42px; }
    .guide-sources ol { padding-left:20px; color:var(--muted); }
    .guide-sources li { margin:10px 0; font-size:12px; }
    .guide-sources a { font-weight:800; text-decoration:underline; }

    @media (max-width:1100px) {
      .main-nav { display:none; }
      .header-main { grid-template-columns:auto 1fr auto; }
      .mobile-toggle { display:grid; }
      .goal-grid { grid-template-columns:1fr 1fr; }
      .goal-card:first-child { grid-column:1/-1; }
      .equipment-grid, .product-grid { grid-template-columns:repeat(2,1fr); }
      .journal-grid { grid-template-columns:1fr 1fr; }
      .journal-grid .featured-article { grid-column:1/-1; }
      .catalog-products { grid-template-columns:repeat(2,1fr); }
      .product-layout { gap:30px; }
      .main-image { min-height:520px; }
      .product-summary h1 { font-size:48px; }
    }
    @media (max-width:760px) {
      .container { width:min(100% - 28px,1320px); }
      .section { padding:70px 0; }
      .section.compact { padding:52px 0; }
      .utility { display:none; }
      .site-header { top:0; }
      .header-main { height:66px; gap:10px; }
      .logo { font-size:22px; }
      .header-actions .icon-btn:not(.cart):not(.mobile-toggle) { display:none; }
      .header-actions .cart { width:44px; padding:0; font-size:0; }
      .mobile-menu { position:absolute; inset:66px 0 auto; z-index:79; display:none; min-height:calc(100dvh - 66px); flex-direction:column; padding:28px 18px; overflow-y:auto; background:var(--ink); color:white; }
      .menu-open .mobile-menu { display:flex; }
      .mobile-menu button, .mobile-menu a { padding:18px 0; border:0; border-bottom:1px solid #2c3530; background:transparent; color:white; font-family:var(--display); font-size:30px; text-align:left; text-transform:uppercase; }
      .section-head { display:block; margin-bottom:28px; }
      .section-head h2 { font-size:48px; }
      .section-head p, .section-head .text-link { margin-top:16px; }
      .home-hero, .hero-grid, .hero-visual { min-height:auto; }
      .hero-grid { display:flex; flex-direction:column; }
      .hero-copy { padding:68px 0 42px; }
      .hero-copy h1 { font-size:64px; }
      .hero-copy > p { font-size:14px; }
      .hero-actions { display:grid; }
      .hero-visual { height:420px; order:2; }
      .hero-visual::before { right:-20px; bottom:-30px; font-size:280px; }
      .hero-badge { padding:10px 12px; }
      .badge-one { left:3%; top:12%; }
      .badge-two { right:3%; bottom:12%; }
      .trust-grid { grid-template-columns:1fr; }
      .trust-item { justify-content:flex-start; border:0; border-bottom:1px solid rgba(12,17,15,.17); }
      .trust-item:last-child { border-bottom:0; }
      .goal-grid, .equipment-grid, .product-grid, .finder-grid, .brand-grid, .journal-grid, .newsletter-grid, .footer-grid, .inner-hero-grid, .catalog-layout, .guide-grid, .product-layout, .details-grid, .answer-head, .answer-grid, .category-intro-grid, .faq-layout, .fit-grid, .review-integrity, .guide-hero-grid, .guide-shell { grid-template-columns:1fr; }
      .goal-card:first-child, .journal-grid .featured-article { grid-column:auto; }
      .goal-card { min-height:390px; }
      .goal-card h3 { margin-top:46px; font-size:38px; }
      .equipment-grid, .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .equipment-card { min-height:250px; }
      .equipment-card img { height:auto; aspect-ratio:1; }
      .equipment-card .meta { display:block; padding:14px; }
      .equipment-card h3 { font-size:20px; }
      .product-media { aspect-ratio:1; }
      .product-info { padding:13px; }
      .product-info h3 { min-height:60px; font-size:11px; }
      .product-specs { display:none; }
      .product-bottom { display:block; }
      .stock { margin-top:8px; }
      .finder-copy { padding:68px 0 20px; }
      .finder-copy h2 { font-size:58px; }
      .finder-steps { grid-template-columns:1fr; padding:20px 0 68px; }
      .finder-step { min-height:170px; }
      .finder-step h3 { margin-top:24px; }
      .brand-grid { gap:34px; }
      .brand-visual { min-height:380px; }
      .brand-copy h2 { font-size:58px; }
      .journal-grid { gap:10px; }
      .article-card { min-height:300px; }
      .newsletter-form { display:grid; }
      .footer-grid { gap:30px; }
      .footer-bottom { display:block; padding-bottom:72px; }
      .footer-bottom span { display:block; margin-top:8px; }
      .preview-toggle { display:flex; align-items:center; gap:10px; min-height:46px; padding:0 16px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(12,17,15,.94); color:white; box-shadow:0 16px 38px rgba(0,0,0,.28); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; backdrop-filter:blur(16px); }
      .preview-toggle b { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--lime); color:var(--ink); font-size:14px; transition:transform .2s ease; }
      .preview-dock { position:absolute; right:0; bottom:56px; width:176px; flex-direction:column; padding:6px; border-radius:18px; opacity:0; pointer-events:none; transform:translateY(8px) scale(.98); transform-origin:bottom right; transition:opacity .18s ease, transform .18s ease; }
      .preview-dock button { width:100%; padding:0 14px; text-align:left; }
      .preview-open .preview-dock { opacity:1; pointer-events:auto; transform:none; }
      .preview-open .preview-toggle b { transform:rotate(45deg); }
      .inner-hero { padding:42px 0 34px; }
      .breadcrumbs { margin-bottom:28px; }
      .inner-hero h1 { font-size:72px; }
      .inner-hero p { margin-top:24px; }
      .shortcut-row { padding-right:48px; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
      .shortcut-cue { position:absolute; inset:0 0 0 auto; z-index:2; display:flex; width:58px; align-items:center; justify-content:flex-end; padding-right:4px; background:linear-gradient(90deg,rgba(255,255,255,0),var(--white) 42%); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease,visibility .18s ease; }
      .shortcut-cue b { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:var(--ink); color:var(--lime); font-size:16px; }
      .shortcut-shell.has-overflow:not(.at-end) .shortcut-cue { opacity:1; visibility:visible; }
      .catalog-layout { gap:20px; }
      .filters { position:static; display:grid; grid-template-columns:1fr 1fr; gap:12px; border-top:0; }
      .filter-group { padding:14px; border:1px solid var(--line); background:var(--white); }
      .filter-option:nth-of-type(n+4) { display:none; }
      .catalog-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .catalog-head { align-items:flex-start; }
      .catalog-controls { display:grid; }
      .compare-tray { bottom:62px; width:calc(100% - 20px); min-width:0; }
      .guide-grid { gap:40px; }
      .guide-grid h2 { font-size:54px; }
      .answer-head { gap:18px; }
      .answer-source { align-items:flex-start; flex-direction:column; gap:8px; }
      .category-intro-grid { gap:20px; }
      .category-intro-copy { columns:1; }
      .faq-layout { gap:34px; }
      .faq-intro { position:static; }
      .guide-toc { position:static; }
      .guide-visual { min-height:360px; }
      .guide-shell { gap:46px; }
      .related-grid { grid-template-columns:1fr 1fr; }
      .policy-grid { grid-template-columns:1fr 1fr; }
      .review-integrity { gap:26px; }
      .product-page-main { padding-top:24px; }
      .product-layout { display:flex; flex-direction:column; gap:0; }
      .product-summary { display:contents; }
      .product-intro { order:1; padding-bottom:22px; }
      .gallery { order:2; grid-template-columns:1fr; }
      .product-buying { order:3; padding-top:24px; }
      .thumb-list { order:2; flex-direction:row; overflow:auto; }
      .thumb { flex:0 0 70px; width:70px; height:70px; }
      .main-image { min-height:330px; aspect-ratio:1; }
      .main-image::before { font-size:70px; }
      .product-summary { position:static; }
      .product-summary h1 { margin:8px 0 14px; font-size:40px; }
      .product-price { margin:18px 0 0; padding:16px 0; }
      .product-price .price { font-size:42px; }
      .decision-grid { grid-template-columns:repeat(3,1fr); }
      .purchase-row { grid-template-columns:104px 1fr; }
      .details-grid { gap:36px; }
      .details-intro h2 { font-size:54px; }
      .spec-table { grid-template-columns:1fr; }
      .package-list { grid-template-columns:1fr; }
      .guide-checklist { grid-template-columns:1fr; }
      .guide-hero { padding:34px 0 52px; }
      .guide-hero h1 { font-size:54px; }
      .guide-visual { min-height:310px; }
      .guide-content { padding:62px 0; }
    }
    @media (max-width:410px) {
      .hero-copy h1 { font-size:58px; }
      .equipment-grid, .product-grid, .catalog-products { grid-template-columns:1fr; }
      .product-info h3 { min-height:auto; }
      .filters { grid-template-columns:1fr; }
      .decision-grid { gap:5px; }
      .decision { padding:10px; }
      .related-grid { grid-template-columns:1fr; }
      .policy-grid { grid-template-columns:1fr; }
    }