:root{
  --bg:#f6f2ec;
  --bg-2:#fffdf9;
  --card:#ffffff;
  --ink:#2c2c35;
  --muted:#686470;
  --olive:#6c8265;
  --olive-2:#93a98e;
  --wine:#8e3d47;
  --gold:#d2b177;
  --line:#e4ddd4;
  --shadow:0 18px 40px rgba(56,44,34,.08);
  --radius:26px;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8f4ef 0,#fcfbf9 35%,#f5f1eb 100%);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.65}
a{color:var(--wine);text-decoration:none} a:hover{text-decoration:underline}
img{display:block;max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.topline{background:#ece5dc;border-bottom:1px solid var(--line);font-size:12px;color:#665f56}
.topline-row{display:flex;justify-content:space-between;gap:18px;min-height:38px;align-items:center;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,252,249,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(228,221,212,.8)}
.nav-row{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:78px}
.logo,.footer-logo{font-family:Georgia,serif;font-size:32px;letter-spacing:.10em;font-weight:700;color:var(--ink)}
.nav{display:flex;gap:24px;flex-wrap:wrap;font-size:15px}
.nav a{color:#413830}
.hero{padding:26px 0 10px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
.paper{background:linear-gradient(180deg,#fffefc 0,#fbf7f2 100%);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)}
.hero-copy{padding:38px 38px 26px}
.kicker{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:#efe8de;border:1px solid #e0d4c7;padding:8px 14px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#665545}
.hero h1{font-family:Georgia,serif;font-size:54px;line-height:1.03;margin:16px 0 14px;color:#31261f}
.hero .lead{font-size:18px;color:#5d5860;margin:0 0 22px}
.fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.fact{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.fact b{display:block;font-size:24px;color:var(--wine);margin-bottom:4px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.chip{padding:8px 12px;border-radius:999px;background:#f4efe9;border:1px solid #e3d9ce;font-size:13px;color:#5f564f}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:14px;border:0;font-weight:900;cursor:pointer}
.btn-primary{background:linear-gradient(180deg,var(--wine) 0,#71303a 100%);color:#fff;box-shadow:0 12px 24px rgba(142,61,71,.18)}
.btn-secondary{background:#fff;color:#40362f;border:1px solid var(--line)}
.small-note{margin-top:14px;font-size:12px;color:#7a746d}
.hero-side{padding:18px;display:grid;gap:16px}
.feature-card{padding:20px}.feature-card h3,.offer-card h3,.text-card h3,.ingredients h2,.cta h2,.faq h2,.section h2,.gallery-head h2,.aside-card h3{font-family:Georgia,serif;color:#342821}
.feature-card h3,.offer-card h3,.text-card h3,.aside-card h3{margin:0 0 10px;font-size:24px}
.feature-card p,.offer-card p,.text-card p,.aside-card p,.section p,.faq p{margin:0;color:var(--muted)}
.feature-card img,.aside-card img{border-radius:18px}
.offer-card{padding:24px;background:linear-gradient(180deg,#fff 0,#faf4ef 100%)}
.offer-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f8ecee;color:var(--wine);font-size:13px;font-weight:900}
.price-row{display:flex;align-items:flex-end;gap:14px;margin:12px 0 10px}.old{font-size:22px;color:#8c7f78;text-decoration:line-through}.new{font-size:52px;line-height:1;color:var(--wine);font-weight:900}
.stock{margin-top:14px;padding:14px;border-radius:16px;background:#eff4ec;border:1px solid #dbe6d6;color:#4e6647;font-weight:700;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:8px 0 32px}.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center;box-shadow:0 10px 24px rgba(58,48,39,.05)}.stat strong{display:block;font-size:32px;color:var(--wine);font-family:Georgia,serif}.stat span{font-size:14px;color:#665f66}
.section{padding:42px 0}.section h2{margin:0 0 12px;text-align:left;font-size:40px}.section .intro{max-width:820px;color:var(--muted);margin-bottom:24px}
.editorial{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.story{padding:26px}.story ul{margin:16px 0 0;padding-left:22px;color:var(--muted)}.story li+li{margin-top:8px}
.aside-stack{display:grid;gap:18px}
.gallery-wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:22px;align-items:start}
.gallery-head{padding:24px}.gallery-head h2{margin:0 0 12px;font-size:38px}.gallery-head p{color:var(--muted);margin:0 0 16px}
.note-box{padding:18px;border-radius:18px;background:#f6efe6;border:1px solid #e4d5c6;color:#5f554c;font-size:14px}
.stack-gallery{display:grid;gap:16px}
.thumb{padding:12px}.thumb img{border-radius:18px;width:100%}.thumb p{margin:10px 2px 2px;color:#5f5a62;font-size:13px}
.mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.text-card{padding:26px}.pill-list{display:grid;gap:12px;margin-top:16px}.pill{padding:14px 16px;border-radius:16px;background:#faf6f1;border:1px solid var(--line)}.pill strong{display:block;color:#453831;margin-bottom:4px}
.ingredients{padding:42px 0}.ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ing{padding:22px}.ing span{display:inline-flex;padding:6px 10px;background:#f0e7dd;border-radius:999px;border:1px solid #e2d6ca;font-size:12px;font-weight:800;color:#63554a;margin-bottom:10px}.ing h3{margin:0 0 8px;font-size:22px;font-family:Georgia,serif;color:#33271f}.ing p{margin:0;color:var(--muted);font-size:14px}
.comment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comment{padding:22px}.comment h3{margin:0 0 8px;font-size:20px;font-family:Georgia,serif;color:#33271f}.comment p{margin:0;color:var(--muted)}.who{margin-top:12px;font-size:13px;color:#7c756b;font-weight:700}
.faq-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.faq{padding:26px}.faq-item+.faq-item{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.faq-item h4{margin:0 0 8px;font-size:18px;color:#3e332c}.faq-item p{margin:0;color:var(--muted)}
.cta{padding:28px;background:linear-gradient(180deg,#fff 0,#fbf5ef 100%)}.product-mini{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center;margin-bottom:18px}.product-mini img{max-width:100%}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;color:var(--ink)}.warning{margin-top:18px;padding:16px;border-radius:18px;background:#fff7df;border:1px solid #eddca0;color:#675b2e;font-size:14px}
.page-main{padding:38px 0}.legal{padding:28px}.legal h1{font-family:Georgia,serif;color:#32261f;margin-top:0}.legal h2{font-family:Georgia,serif;color:#372b24;margin-top:26px}.legal p,.legal li{color:var(--muted)}
.footer{margin-top:22px;padding:34px 0 18px;background:#f1ebe3;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .95fr .9fr;gap:20px}.footer h4{margin:0 0 10px;color:#372c25;font-family:Georgia,serif}.footer p,.footer li{font-size:14px;color:#625c62}.footer ul{list-style:none;padding:0;margin:0}.footer li+li{margin-top:8px}.footer-note{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.footer-note p{font-size:12px;color:#6d6862;margin:0}
@media (max-width:1100px){.hero-grid,.editorial,.gallery-wrap,.content-grid,.faq-wrap,.ingredient-grid,.comment-grid,.stats{grid-template-columns:1fr 1fr}.nav{display:none}.hero h1{font-size:46px}}
@media (max-width:740px){.wrap{padding:0 16px}.topline-row,.nav-row,.actions,.chips{gap:10px}.hero-grid,.editorial,.gallery-wrap,.mosaic,.content-grid,.faq-wrap,.ingredient-grid,.comment-grid,.stats,.fact-row,.footer-grid,.product-mini{grid-template-columns:1fr}.hero-copy{padding:26px 22px}.hero h1{font-size:36px}.section h2,.gallery-head h2{font-size:30px}}