.herbal-page{
      --mugwort-950:#17241e;--mugwort-900:#273c32;--mugwort-850:#30463a;--mugwort-800:#375044;
      --mugwort-700:#405b49;--mugwort-600:#55705b;--mugwort-500:#667f68;--mugwort-300:#9caf9d;
      --mugwort-200:#c9d4c9;--mugwort-100:#e5ebe3;
      --paper:#f6f1e7;--paper-light:#fbf8f2;--paper-deep:#ede5d8;--paper-warm:#f1e7da;
      --ink:#213028;--muted:#68726c;--line:rgba(39,60,50,.15);--line-strong:rgba(39,60,50,.28);
      --bead:#8b5c46;--bead-deep:#6d4333;--bead-soft:#c49b80;--clay:#a76850;--amber:#c2a06d;
      --sage:#829681;--charcoal:#292d2a;--cream:#fffdf8;--shadow:0 30px 88px rgba(28,40,33,.11);
      --serif:Georgia,"Times New Roman",serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      --container:min(calc(100% - 32px),1350px);
      position:relative;isolation:isolate;overflow-x:clip;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;
      background:
        radial-gradient(circle at 8% 5%,rgba(156,175,157,.18),transparent 31rem),
        radial-gradient(circle at 92% 10%,rgba(139,92,70,.12),transparent 30rem),
        linear-gradient(180deg,var(--paper-light),var(--paper));
      -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    }
    .herbal-page,.herbal-page *,.herbal-page *::before,.herbal-page *::after{box-sizing:border-box}
    .herbal-page a{color:inherit;text-underline-offset:4px}
    .herbal-page img,.herbal-page svg{display:block;max-width:100%}
    .herbal-page button,.herbal-page select{font:inherit}
    .herbal-page h1,.herbal-page h2,.herbal-page h3,.herbal-page p{margin-top:0}
    .herbal-page h1,.herbal-page h2,.herbal-page h3{font-family:var(--serif);font-weight:500;letter-spacing:-.03em;text-wrap:balance}
    .herbal-page p{color:var(--muted)}
    .herbal-page [hidden]{display:none!important}
    .herbal-page :focus-visible{outline:3px solid rgba(167,104,80,.48);outline-offset:4px}
    .herbal-page .container{width:var(--container);margin-inline:auto}
    .herbal-page .section{padding:75px 0; position:relative}
    .herbal-page .kicker{display:inline-flex;align-items:center;gap:10px;color:var(--mugwort-700);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
    .herbal-page .kicker::before{content:"";width:30px;height:1px;background:currentColor}
    .herbal-page .section-title{font-size:clamp(2.42rem,4.5vw,4.8rem);line-height:1.01;margin:12px 0 18px}
    .herbal-page .section-head{display:grid;grid-template-columns:minmax(0,.96fr) minmax(320px,1.04fr);gap:52px;align-items:end;margin-bottom:46px}
    .herbal-page .section-head>p{max-width:730px;justify-self:end;margin-bottom:4px}
    .herbal-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 21px;border:1px solid var(--mugwort-900);border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:780;transition:transform .2s ease,background .2s ease}
    .herbal-page .btn:hover{transform:translateY(-2px)}
    .herbal-page .btn-solid{background:var(--mugwort-900);color:#fff}
    .herbal-page .btn-soft{background:rgba(255,255,255,.58);color:var(--mugwort-900)}
    .herbal-page .btn-bead{background:var(--bead-deep);border-color:var(--bead-deep);color:#fff}
    .herbal-page .skip{position:fixed;left:16px;top:10px;z-index:200;transform:translateY(-180%);background:#fff;padding:10px 14px;border-radius:8px;font-weight:800}
    .herbal-page .skip:focus{transform:none}

    /* Header */
    .herbal-page .preview-bar{background:var(--charcoal);color:#fff;font-size:.68rem;letter-spacing:.04em}
    .herbal-page .preview-bar .container{min-height:34px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
    .herbal-page .preview-dot{width:7px;height:7px;border-radius:50%;background:var(--amber)}
    .herbal-page .site-header{position:sticky;top:0;z-index:90;background:rgba(251,248,242,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(39,60,50,.09)}
    .herbal-page .nav-wrap{width:var(--container);min-height:76px;margin-inline:auto;display:flex;align-items:center;gap:26px}
    .herbal-page .brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
    .herbal-page .brand-mark{width:38px;aspect-ratio:1;border:1px solid var(--mugwort-500);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.2rem}
    .herbal-page .brand-copy{display:grid;line-height:1.03}
    .herbal-page .brand-copy strong{font-family:var(--serif);font-size:1.08rem;font-weight:600}
    .herbal-page .brand-copy small{margin-top:4px;color:var(--muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}
    .herbal-page .primary-nav{display:flex;align-items:center;justify-content:center;gap:21px;margin-left:auto}
    .herbal-page .primary-nav a{text-decoration:none;font-size:.83rem;font-weight:680;color:#35483d}
    .herbal-page .primary-nav a[aria-current="page"]{color:var(--clay)}
    .herbal-page .nav-cta{margin-left:auto;white-space:nowrap}
    .herbal-page .menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}
    .herbal-page .breadcrumb{padding:19px 0 0}
    .herbal-page .breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;font-size:.75rem;color:#7b827d}
    .herbal-page .breadcrumb li+li::before{content:"/";margin-right:8px;color:#a2a8a3}
    .herbal-page .breadcrumb a{text-decoration:none}

    /* Hero */
    .herbal-page .hero{padding:clamp(36px,5vw,68px) 0 0}
    .herbal-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:clamp(38px,6vw,88px);align-items:stretch}
    .herbal-page .hero-copy{padding:clamp(34px,4vw,58px) 0 clamp(48px,5vw,76px)}
    .herbal-page .hero h1{font-size:clamp(3.55rem,6.15vw,6.65rem);line-height:.9;letter-spacing:-.06em;margin:16px 0 20px;max-width:930px}
    .herbal-page .hero h1 em{font-style:italic;color:var(--bead-deep)}
    .herbal-page .hero-lede{max-width:810px;font-size:clamp(1rem,1.36vw,1.18rem);margin-bottom:14px}
    .herbal-page .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
    .herbal-page .hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
    .herbal-page .chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.46);font-size:.69rem;color:var(--muted)}
    .herbal-page .chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bead)}
    .herbal-page .bracelet-stage{position:relative;min-height:610px;overflow:hidden;border-radius:30px 30px 0 0;background:
      radial-gradient(circle at 74% 17%,rgba(225,204,159,.13),transparent 17rem),
      linear-gradient(145deg,#35463d,#25322c 58%,#19211d);}
    .herbal-page .bracelet-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:64px 64px;opacity:.5}
    .herbal-page .stage-label{position:absolute;left:28px;top:26px;color:#dae2dc;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
    .herbal-page .bracelet-art{position:absolute;inset:4% 3% 4%;width:94%;height:92%}
    .herbal-page .wear-note{position:absolute;right:24px;bottom:24px;width:min(335px,67%);padding:17px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(21,28,25,.76);backdrop-filter:blur(10px)}
    .herbal-page .wear-note small{display:block;color:var(--bead-soft);font-size:.61rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}
    .herbal-page .wear-note strong{display:block;color:#fff;font-family:var(--serif);font-size:1.18rem;font-weight:500;margin-top:5px}
    .herbal-page .wear-note p{color:#bdc8c0;font-size:.75rem;margin:6px 0 0}
    .herbal-page .hero-ribbon{background:var(--mugwort-900);color:#fff}
    .herbal-page .hero-ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .herbal-page .hero-ribbon-cell{min-height:110px;padding:19px 23px;display:grid;align-content:center;border-right:1px solid rgba(255,255,255,.12)}
    .herbal-page .hero-ribbon-cell:last-child{border-right:0}
    .herbal-page .hero-ribbon-cell span{font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;color:#a9b9ad}
    .herbal-page .hero-ribbon-cell strong{margin-top:4px;color:#fff;font-family:var(--serif);font-size:1.02rem;font-weight:500}
    .herbal-page .short-answer{padding:52px 0 72px}
    .herbal-page .short-answer-grid{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .herbal-page .short-answer h2{font-size:1.15rem;margin:0}
    .herbal-page .short-answer p{font-size:clamp(1.05rem,1.48vw,1.27rem);margin:0;color:var(--ink);max-width:1040px}

    /* Gate + product */
    .herbal-page .gate{padding-top:48px}
    .herbal-page .gate-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px;align-items:start}
    .herbal-page .gate-card{padding:29px;border:1px solid rgba(167,104,80,.27);border-radius:20px;background:linear-gradient(145deg,rgba(167,104,80,.08),rgba(255,255,255,.48))}
    .herbal-page .gate-card h2{font-size:2rem;margin:10px 0 13px}
    .herbal-page .gate-card p{font-size:.84rem}
    .herbal-page .gate-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
    .herbal-page .gate-tag{padding:7px 10px;border:1px solid rgba(167,104,80,.22);border-radius:999px;background:rgba(255,255,255,.44);font-size:.64rem;font-weight:800;color:var(--bead-deep)}
    .herbal-page .gate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
    .herbal-page .gate-item{min-height:148px;padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.52)}
    .herbal-page .gate-item span{font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:var(--clay);font-weight:800}
    .herbal-page .gate-item h3{font-size:1.15rem;margin:11px 0 7px}
    .herbal-page .gate-item p{font-size:.72rem;margin:0}
    .herbal-page .product-area{padding-top:46px}
    .herbal-page .product-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:21px;border-bottom:1px solid var(--line)}
    .herbal-page .product-toolbar h2{font-size:clamp(2rem,3.35vw,3.45rem);margin:9px 0 0}
    .herbal-page .catalog-status{display:flex;align-items:center;gap:9px;max-width:570px;text-align:right;font-size:.81rem;color:var(--muted)}
    .herbal-page .status-dot{width:8px;height:8px;border-radius:50%;background:var(--clay);flex:0 0 auto}
    .herbal-page .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:25px}
    .herbal-page .product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.58);transition:transform .2s ease,box-shadow .2s ease}
    .herbal-page .product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .herbal-page .product-media{aspect-ratio:1;background:linear-gradient(145deg,#e5dbd1,#f8f4ed);overflow:hidden}
    .herbal-page .product-media img{width:100%;height:100%;object-fit:cover}
    .herbal-page .product-body{padding:19px}
    .herbal-page .product-body h3{font-size:1.38rem;margin:10px 0}
    .herbal-page .badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(64,91,73,.09);color:var(--mugwort-700);font-size:.61rem;font-weight:800;margin-right:4px}
    .herbal-page .badge.test{background:rgba(167,104,80,.10);color:var(--bead-deep)}
    .herbal-page .product-meta{font-size:.74rem;margin:5px 0}
    .herbal-page .price-line{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
    .herbal-page .price{font-family:var(--serif);font-size:1.18rem}
    .herbal-page .inventory{font-size:.67rem;color:var(--muted);text-align:right}

    /* Definition */
    .herbal-page .definition{background:linear-gradient(180deg,var(--paper),var(--paper-deep))}
    .herbal-page .definition-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(44px,7vw,98px);align-items:start}
    .herbal-page .definition-copy{position:sticky;top:108px}
    .herbal-page .definition-copy h2{font-size:clamp(2.65rem,4.7vw,5rem);line-height:.98;margin:13px 0 20px}
    .herbal-page .definition-stack{border-top:1px solid var(--line-strong)}
    .herbal-page .definition-row{display:grid;grid-template-columns:170px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
    .herbal-page .definition-row strong{font-family:var(--serif);font-size:1.2rem;color:var(--bead-deep)}
    .herbal-page .definition-row p{font-size:.82rem;margin:0}
    .herbal-page .do-not-burn{margin-top:20px;padding:17px;border-left:3px solid var(--clay);background:rgba(167,104,80,.08);font-family:var(--serif);font-size:1.03rem;color:var(--ink)}

    /* Material structures */
    .herbal-page .materials{background:var(--mugwort-950);color:#fff}
    .herbal-page .materials .kicker{color:#bdc8c0}
    .herbal-page .materials .section-title{color:#fff}
    .herbal-page .materials .section-head>p{color:#b8c2bb}
    .herbal-page .material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .herbal-page .material-card{min-height:320px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.035);display:flex;flex-direction:column}
    .herbal-page .material-card span{font-size:.59rem;text-transform:uppercase;letter-spacing:.12em;color:var(--bead-soft);font-weight:800}
    .herbal-page .material-card h3{font-size:1.48rem;color:#fff;margin:16px 0 10px}
    .herbal-page .material-card p{font-size:.76rem;color:#aebbb2}
    .herbal-page .material-card ul{padding-left:18px;margin:8px 0 0;color:#cbd4cd;font-size:.72rem}
    .herbal-page .material-card li{margin:5px 0}
    .herbal-page .material-card .material-rule{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:.68rem;color:#dbe2dc}

    /* Material facts */
    .herbal-page .facts-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:58px;align-items:start}
    .herbal-page .facts-copy h2{font-size:clamp(2.6rem,4.55vw,4.85rem);line-height:.98;margin:13px 0 20px}
    .herbal-page .definition-media,.herbal-page .facts-media{margin-top:clamp(40px,5.5vw,64px)}
    .herbal-page .fact-board{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:rgba(255,255,255,.52)}
    .herbal-page .fact-row{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:15px 18px;border-bottom:1px solid var(--line)}
    .herbal-page .fact-row:last-child{border-bottom:0}
    .herbal-page .fact-row strong{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mugwort-700)}
    .herbal-page .fact-row span{font-size:.81rem;color:var(--muted)}
    .herbal-page .fact-note{margin-top:17px;padding:14px;border-left:2px solid var(--bead);background:rgba(139,92,70,.07);font-size:.78rem;color:var(--muted)}

    /* Choose */
    .herbal-page .choose{background:#efe7db}
    .herbal-page .choose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .herbal-page .choose-card{min-height:245px;padding:21px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.52);display:flex;flex-direction:column}
    .herbal-page .choose-card span{font-size:.59rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);font-weight:800}
    .herbal-page .choose-card h3{font-size:1.45rem;margin:14px 0 9px}
    .herbal-page .choose-card p{font-size:.76rem}
    .herbal-page .choose-options{margin-top:auto;padding-top:11px;border-top:1px solid var(--line);font-size:.7rem;color:var(--mugwort-700)}
    .herbal-page .choose-options a{font-weight:800;text-decoration:none}

    /* Scent */
    .herbal-page .scent-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:start}
    .herbal-page .scent-copy h2{font-size:clamp(2.6rem,4.55vw,4.85rem);line-height:.98;margin:13px 0 20px}
    .herbal-page .scent-factors{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}
    .herbal-page .scent-factors span{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.46);font-size:.72rem;color:var(--muted)}
    .herbal-page .test-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(229,235,227,.35))}
    .herbal-page .test-card h3{font-size:1.75rem;margin:10px 0 14px}
    .herbal-page .test-row{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:11px 0;border-top:1px solid var(--line)}
    .herbal-page .test-row strong{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mugwort-700)}
    .herbal-page .test-row span{font-size:.79rem;color:var(--muted)}
    .herbal-page .timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:18px}
    .herbal-page .timeline span{padding:8px 4px;border:1px solid var(--line);border-radius:7px;text-align:center;font-size:.65rem;color:var(--muted);background:rgba(255,255,255,.42)}
    .herbal-page .no-test{margin-top:17px;padding:13px;border-left:2px solid var(--clay);background:rgba(167,104,80,.06);font-size:.76rem;color:var(--muted)}

    /* Care */
    .herbal-page .care{background:linear-gradient(145deg,#304038,#1e2924);color:#fff}
    .herbal-page .care .kicker{color:#bdc8c0}
    .herbal-page .care .section-title{color:#fff}
    .herbal-page .care .section-head>p{color:#bac4bd}
    .herbal-page .care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
    .herbal-page .care-card{min-height:190px;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.035)}
    .herbal-page .care-card span{font-size:.58rem;text-transform:uppercase;letter-spacing:.11em;color:var(--bead-soft);font-weight:800}
    .herbal-page .care-card h3{font-size:1.22rem;color:#fff;margin:12px 0 7px}
    .herbal-page .care-card p{font-size:.73rem;color:#aebbb2;margin:0}
    .herbal-page .care-note{margin-top:18px;padding:14px;border-left:2px solid var(--amber);background:rgba(194,160,109,.08);font-size:.76rem;color:#c6d0c8}

    /* Compare */
    .herbal-page .compare{background:linear-gradient(180deg,var(--paper-light),#eee7dc)}
    .herbal-page .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.64)}
    .herbal-page .table-wrap table{border-collapse:collapse;width:100%;min-width:1240px;font-size:.74rem}
    .herbal-page .table-wrap caption{text-align:left;padding:17px 20px;font-weight:800;background:#f7f2e8;border-bottom:1px solid var(--line)}
    .herbal-page .table-wrap th,.herbal-page .table-wrap td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
    .herbal-page .table-wrap th{font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mugwort-700);background:rgba(229,235,227,.38)}
    .herbal-page .table-wrap td:first-child{font-weight:800}
    .herbal-page .compare-note{margin-top:18px;font-size:.81rem}

    /* Claims */
    .herbal-page .claims-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:start}
    .herbal-page .claims-copy h2{font-size:clamp(2.6rem,4.55vw,4.85rem);line-height:.98;margin:13px 0 20px}
    .herbal-page .claim-stack{border-top:1px solid var(--line-strong)}
    .herbal-page .claim-row{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
    .herbal-page .claim-row strong{font-family:var(--serif);font-size:1.18rem;color:var(--bead-deep)}
    .herbal-page .claim-row p{font-size:.79rem;margin:0}

    /* Safety */
    .herbal-page .safety{background:#ece4d7}
    .herbal-page .risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .herbal-page .risk-card{min-height:325px;padding:23px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.52);display:flex;flex-direction:column}
    .herbal-page .risk-card .risk-label{font-size:.59rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);font-weight:800}
    .herbal-page .risk-card h3{font-size:1.55rem;margin:15px 0 9px}
    .herbal-page .risk-card p{font-size:.77rem}
    .herbal-page .risk-list{padding-left:18px;color:var(--muted);font-size:.73rem}
    .herbal-page .risk-list li{margin:5px 0}
    .herbal-page .risk-state{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:.68rem;font-weight:800;color:var(--bead-deep)}

    /* Culture */
    .herbal-page .culture-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
    .herbal-page .culture-copy h2{font-size:clamp(2.6rem,4.55vw,4.85rem);line-height:.98;margin:13px 0 20px}
    .herbal-page .culture-quotes{display:grid;gap:9px}
    .herbal-page .culture-good,.herbal-page .culture-no{padding:15px 17px;border-radius:12px;font-family:var(--serif);font-size:1rem}
    .herbal-page .culture-good{border-left:2px solid var(--mugwort-500);background:rgba(64,91,73,.06)}
    .herbal-page .culture-no{border-left:2px solid var(--clay);background:rgba(167,104,80,.06);color:#6d5148}

    /* Related */
    .herbal-page .related{background:var(--paper-deep)}
    .herbal-page .related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
    .herbal-page .related-card{min-height:220px;padding:21px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.52);display:flex;flex-direction:column}
    .herbal-page .related-card span{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--clay);font-weight:800}
    .herbal-page .related-card h3{font-size:1.3rem;margin:14px 0 8px}
    .herbal-page .related-card p{font-size:.75rem}
    .herbal-page .related-card a{margin-top:auto;text-decoration:none;font-size:.76rem;font-weight:800;color:var(--mugwort-700)}

    /* FAQ */
    .herbal-page .faq{max-width:980px;margin-inline:auto;border-top:1px solid var(--line)}
    .herbal-page details{border-bottom:1px solid var(--line)}
    .herbal-page summary{cursor:pointer;list-style:none;padding:21px 44px 21px 0;font-family:var(--serif);font-size:1.22rem;position:relative}
    .herbal-page summary::-webkit-details-marker{display:none}
    .herbal-page summary::after{content:"+";position:absolute;right:5px;top:17px;font-family:var(--sans);font-size:1.4rem;color:var(--mugwort-600)}
    .herbal-page details[open] summary::after{content:"−"}
    .herbal-page details p{padding:0 46px 20px 0;margin:0}

    /* Review */
    .herbal-page .review{background:var(--mugwort-950);color:#fff}
    .herbal-page .review .kicker{color:#bdc8c0}
    .herbal-page .review .section-title{color:#fff}
    .herbal-page .review p{color:#b7c1ba}
    .herbal-page .review-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:56px}
    .herbal-page .review-ledger{border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.035)}
    .herbal-page .review-row{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
    .herbal-page .review-row:last-child{border-bottom:0}
    .herbal-page .review-row strong{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#9fb0a3}
    .herbal-page .review-row span{font-size:.79rem;color:#d4ddd6}

    /* Footer */
    .herbal-page .footer{background:#121c17;color:#fff;padding:64px 0 26px}
    .herbal-page .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding-bottom:42px}
    .herbal-page .footer-brand p{max-width:430px;color:#a9b6ac;font-size:.82rem;margin-top:18px}
    .herbal-page .footer-col h2{font-family:var(--sans);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#819288;margin-bottom:15px}
    .herbal-page .footer-col a{display:block;text-decoration:none;color:#dbe2dd;font-size:.81rem;margin:8px 0}
    .herbal-page .footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;color:#8e9d92;font-size:.69rem}
    .herbal-page .footer-bottom span:first-child{max-width:900px}

    /* Editorial photos (integrated 2026-08-30) */
    .herbal-page .bracelet-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .herbal-page .stage-label{z-index:2;text-shadow:0 1px 18px rgba(15,17,14,.65)}
    .herbal-page .wear-note{z-index:2}
    .herbal-page .detail-photo{margin:0;display:flex;flex-direction:column;max-width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.5)}
    .herbal-page .detail-photo img{width:100%;height:auto;flex:1;min-height:0;aspect-ratio:4/5;object-fit:cover;object-position:var(--op,50% 50%);display:block}
    .herbal-page .detail-photo figcaption{padding:9px 12px;font-size:.72rem;color:var(--muted)}
    .herbal-page .detail-photo.landscape img{aspect-ratio:3/2}
    .herbal-page .section-photo{grid-column:2;grid-row:1/3;margin:22px 0 0;justify-self:end;width:100%}
    .herbal-page .section-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;border:1px solid var(--line);display:block}
    .herbal-page .section-photo figcaption{margin-top:8px;font-size:.72rem;color:var(--muted);text-align:right}
    .herbal-page .section-head:has(.section-photo){align-items:center}
    .herbal-page .section-head:has(.section-photo)>p{grid-column:1;justify-self:start}

    @media(max-width:1100px){
      .herbal-page .hero-grid,.herbal-page .gate-layout,.herbal-page .definition-layout,.herbal-page .facts-layout,.herbal-page .scent-layout,.herbal-page .claims-layout,.herbal-page .culture-layout,.herbal-page .review-layout{grid-template-columns:1fr}
      .herbal-page .definition-copy{position:static}
      .herbal-page .bracelet-stage{min-height:520px;border-radius:30px}
      .herbal-page .hero-ribbon-grid{grid-template-columns:repeat(2,1fr)}
      .herbal-page .hero-ribbon-cell:nth-child(2){border-right:0}
      .herbal-page .hero-ribbon-cell:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
      .herbal-page .material-grid,.herbal-page .choose-grid{grid-template-columns:repeat(2,1fr)}
      .herbal-page .related-grid{grid-template-columns:repeat(3,1fr)}
      .herbal-page .footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:860px){
      .herbal-page .primary-nav{display:none;position:absolute;left:16px;right:16px;top:68px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper-light);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .herbal-page .primary-nav[data-open="true"]{display:flex}
      .herbal-page .menu-toggle{display:grid;place-items:center}
      .herbal-page .nav-cta{margin-left:auto}
      .herbal-page .section-head{grid-template-columns:1fr;gap:15px}
      .herbal-page .section-head>p{justify-self:start}
      .herbal-page .section-photo{grid-column:auto;grid-row:auto;justify-self:start}
      .herbal-page .short-answer-grid{grid-template-columns:1fr;gap:12px}
      .herbal-page .gate-grid{grid-template-columns:repeat(2,1fr)}
      .herbal-page .product-toolbar{flex-direction:column;align-items:flex-start}
      .herbal-page .catalog-status{text-align:left}
      .herbal-page .product-grid{grid-template-columns:repeat(2,1fr)}
      .herbal-page .care-grid,.herbal-page .risk-grid{grid-template-columns:1fr}
      .herbal-page .related-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:620px){
      .herbal-page{--container:min(calc(100% - 24px),1350px)}
      .herbal-page .nav-wrap{min-height:68px;gap:12px}
      .herbal-page .brand-copy small,.herbal-page .nav-cta{display:none}
      .herbal-page .hero h1{font-size:clamp(3rem,14vw,4.65rem)}
      .herbal-page .bracelet-stage{min-height:445px}
      .herbal-page .wear-note{left:18px;right:18px;bottom:18px;width:auto}
      .herbal-page .hero-ribbon-grid,.herbal-page .gate-grid,.herbal-page .product-grid,.herbal-page .material-grid,.herbal-page .choose-grid,.herbal-page .scent-factors,.herbal-page .timeline,.herbal-page .related-grid,.herbal-page .footer-grid{grid-template-columns:1fr}
      .herbal-page .hero-ribbon-cell{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}
      .herbal-page .hero-ribbon-cell:last-child{border-bottom:0}
      .herbal-page .definition-row,.herbal-page .fact-row,.herbal-page .test-row,.herbal-page .claim-row,.herbal-page .review-row{grid-template-columns:1fr;gap:5px}
      .herbal-page .footer-bottom{flex-direction:column}
    }
    @media(prefers-reduced-motion:reduce){
      .herbal-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    }
    @media (max-width:760px){.herbal-page .section{padding:55px 0}}