:root{--bg:#f6efe6;--ink:#3a2a1f;--ink-2:#5a4334;--gold:#b98b45;--card:#fff8f0;--muted:#8a7a6c;--radius:14px;--shadow:0 8px 20px rgba(58,42,31,.12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--ink);background:var(--bg);line-height:1.45}a{color:var(--ink);text-decoration:none}a:hover{color:var(--gold)}.container{width:min(1100px,92%);margin-inline:auto;padding-block:24px}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);background:"transparent";border-bottom:1px solid #eadfd2}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:12px;align-items:center}.logo{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 60% 40%,#714e2e,#3a2a1f)}.brand h1{font-size:1.25rem;margin:0;letter-spacing:.5px}.nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}.nav a{padding:8px 12px;border-radius:10px}.nav a.active,.nav a[aria-current=page]{background:#efe6da}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding-block:36px}.hero .title{font-size:clamp(2rem,4vw,3rem);margin:0 0 8px}.subtitle{color:var(--muted);margin:0 0 18px}.cta{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 18px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;box-shadow:var(--shadow)}.btn.secondary{background:transparent;color:var(--ink);border-color:#cdb79e}.btn:hover{transform:translateY(-1px)}.card{background:var(--card);border:1px solid #eadfd2;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 880px){.hero,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.product{display:flex;flex-direction:column;gap:10px}.product .price{font-weight:700}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#efe6da;color:var(--ink-2);font-size:.8rem}.footer{margin-top:36px;border-top:1px solid #eadfd2;padding:24px 0;color:var(--muted)}.notice{display:flex;gap:16px;align-items:flex-start;border-left:4px solid var(--gold);padding:14px 16px;background:#fff0dc;border-radius:10px}.form{display:grid;gap:12px}.input,select{padding:12px 14px;border-radius:10px;border:1px solid #d9cbb9;background:#fff}:root{--step-0: clamp(.95rem, .38vw + .86rem, 1.05rem);--step-1: clamp(1.15rem, .68vw + .98rem, 1.35rem);--step-2: clamp(1.45rem, 1.25vw + 1.14rem, 1.8rem);--step-3: clamp(1.85rem, 1.9vw + 1.3rem, 2.4rem);--hit: 44px}body{font-size:var(--step-0)}.title{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}img{max-width:100%;height:auto;display:block}.header nav{display:none}.header nav.open{display:block;position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid #eadfd2;border-radius:12px;box-shadow:var(--shadow);padding:8px;width:min(90vw,320px)}.header nav ul{display:grid;gap:6px}.header nav a{padding:12px;border-radius:10px}.mobile-toggle{display:inline-grid;gap:4px;align-items:center;justify-items:center;width:var(--hit);height:var(--hit);border-radius:12px;border:1px solid #e0d6c7;background:#fff9f1}.mobile-toggle .bar{width:22px;height:2px;background:var(--ink);border-radius:2px}.mobile-toggle:active{transform:scale(.98)}@media (min-width: 880px){.mobile-toggle{display:none}.header nav{display:block;position:static;background:transparent;border:0;box-shadow:none;padding:0;width:auto}.header nav ul{display:flex;gap:16px}}.container{width:min(1100px,94%);padding-block:18px}.hero{gap:18px;padding-block:20px}.grid{gap:14px}.btn{min-height:var(--hit);padding:12px 18px}@media (max-width: 480px){.card{padding:14px}}@media (prefers-color-scheme: dark){:root{--bg:#151210;--ink:#efe6da;--ink-2:#d6c2ae;--card:#1f1a16;--gold:#e3b468;--muted:#b9ab9c}.header{border-bottom-color:#3b3028}.footer{border-top-color:#3b3028}.nav a.active,.nav a[aria-current=page]{background:#2a241e}}.cta{width:100%}@media (max-width: 480px){.cta .btn,.cta .btn.secondary{flex:1 1 100%;text-align:center}}.header .nav{position:relative}.primary-nav{display:none}.primary-nav.open{display:block;position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid #eadfd2;border-radius:12px;box-shadow:var(--shadow);padding:8px;width:min(92vw,320px);z-index:20}.primary-nav ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.primary-nav a{padding:12px;border-radius:10px;display:block}.hamburger{display:inline-grid;gap:5px;align-items:center;justify-items:center;width:44px;height:44px;border-radius:10px;border:1px solid #e0d6c7;background:color-mix(in srgb,var(--bg) 90%,white 10%);cursor:pointer}.hamburger span{width:22px;height:2px;background:var(--ink);border-radius:2px;display:block}.hamburger.is-open span:nth-child(2){transform:scaleX(.85)}@media (min-width: 900px){.hamburger{display:none}.primary-nav{display:block;position:static;background:transparent;border:0;box-shadow:none;padding:0;width:auto}.primary-nav ul{display:flex;gap:16px}.primary-nav a{padding:8px 12px}}.amazon-subscribe-btn{display:inline-block;padding:.8rem 1.2rem;background-color:#232f3e;color:#fff;font-size:1rem;font-weight:600;border-radius:6px;text-decoration:none;transition:background .2s ease}.amazon-subscribe-btn:hover{background-color:#37475a}.footer{margin-top:48px;border-top:1px solid #eadfd2;padding:24px 0;background:var(--bg);color:var(--muted)}.footer-grid{display:grid;gap:20px}@media (min-width:680px){.footer-grid{grid-template-columns:1.2fr .8fr auto;align-items:start}}.footer-brand h2{margin:0;font-size:1.25rem;color:var(--ink)}.footer-brand p{margin:8px 0 0;color:var(--muted)}.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.footer-nav a{color:var(--ink);font-size:.95rem}.footer-nav a:hover{color:var(--gold)}.footer-social{display:flex;gap:14px;font-size:1.4rem}.footer-social a{color:var(--ink-2);transition:color .2s}.footer-social a:hover{color:var(--gold)}.footer-bottom{margin-top:18px;text-align:center}.small{font-size:.85rem}.toast{position:fixed;bottom:20px;right:20px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;animation:fadeInOut 2.5s ease forwards;z-index:1000;font-weight:500}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(10px)}}