/*
  Clean Home main static catalog styles
  ====================================

  Файл отвечает за внешний вид главной страницы index.html и карточки товара product.html.
  Сайт работает как каталог: корзины и оформления заказа нет.
  SVG-листочки в hero-блоке демонстрируют CSS-анимацию.
*/

/* Базовые дизайн-токены: цвета, радиусы, тени. */
:root{
  --bg:#f8faf6;
  --paper:#ffffff;
  --ink:#56616a;
  --muted:#75818a;
  --green:#69b71b;
  --green-dark:#4b8f17;
  --mint:#edf7e4;
  --mint-2:#f5fbef;
  --peach:#f1f4f6;
  --blue:#e8f3fa;
  --lime:#9bd43a;
  --line:#dfe7de;
  --brand-gray:#8b969f;
  --brand-green:#69b71b;
  --shadow:0 24px 70px rgba(74,101,83,.12);
  --font-base:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-base);color:var(--ink);background:var(--bg);line-height:1.5;font-weight:400}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.container{width:min(1200px,calc(100% - 32px));margin-inline:auto}
.section-pad{padding:72px 0}

/* Верхняя промо-плашка и шапка сайта. */
.promo-line{min-height:42px;display:flex;gap:18px;align-items:center;justify-content:center;padding:8px 16px;background:#59656d;color:#fff;font-size:14px;font-weight:600;text-align:center}
.promo-line a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.site-header{position:sticky;top:0;z-index:10;background:rgba(248,250,246,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,231,222,.9)}
.header-inner{height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:58px;height:48px;border-radius:16px;background:linear-gradient(135deg,#eef7e3,#8bd02b);display:grid;place-items:center;text-align:center;font-size:9px;font-weight:700;line-height:1.05;color:var(--green-dark)}.brand-text{font-size:24px;font-weight:500;text-transform:uppercase;letter-spacing:0}.brand-word-clean{color:var(--brand-gray)}.brand-word-home{color:var(--brand-green)}.main-nav{display:flex;gap:22px;font-size:15px;font-weight:600;color:var(--ink)}.main-nav a:hover,.text-link:hover,.ghost-link:hover{color:var(--green)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.ghost-link{font-size:14px;font-weight:600}.icon-btn,.slider-controls button{border:1px solid var(--line);background:#fff;border-radius:999px;color:var(--ink);font-weight:700;box-shadow:0 8px 24px rgba(74,101,83,.06)}.icon-btn{width:42px;height:42px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:700;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--green);color:#fff;box-shadow:0 16px 32px rgba(105,183,27,.25)}.btn.secondary{background:#fff;color:var(--green-dark);border:1px solid var(--line)}.eyebrow,.tag{text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:700;color:var(--green)}

/* Главный hero-блок и декоративная визуальная карточка товара. */
.hero{position:relative;overflow:hidden}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-copy h1{font-size:68px;line-height:.92;letter-spacing:0;margin:14px 0 24px;max-width:720px}.hero-copy p{font-size:19px;color:var(--muted);max-width:620px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-points span,.badges span{border:1px solid var(--line);background:rgba(255,255,255,.72);padding:10px 14px;border-radius:999px;font-size:14px;font-weight:800}.hero-visual{min-height:560px;position:relative;border-radius:44px;background:radial-gradient(circle at 28% 18%,#efffd1,transparent 34%),linear-gradient(140deg,#e4f6df,#c4ecd7 52%,#f9f6df);box-shadow:var(--shadow);overflow:hidden}.blob{position:absolute;border-radius:999px;filter:blur(0)}.blob-a{width:340px;height:340px;background:rgba(255,255,255,.48);left:28px;top:52px}.product-bottle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250px;height:390px;border-radius:44px 44px 72px 72px;background:linear-gradient(180deg,#fff,#f3f8ef);border:8px solid rgba(255,255,255,.72);box-shadow:0 30px 70px rgba(24,83,52,.2);display:grid;place-items:center;text-align:center;font-weight:900;color:#79a287}.product-bottle:before{content:"";position:absolute;top:-54px;width:92px;height:66px;border-radius:20px 20px 10px 10px;background:#fff;box-shadow:0 12px 18px rgba(24,83,52,.08)}.floating-card{position:absolute;z-index:3;background:#fff;border-radius:22px;padding:18px 20px;box-shadow:0 18px 42px rgba(31,68,49,.14)}.floating-card b{display:block;font-size:30px}.floating-card span{color:var(--muted);font-size:13px;font-weight:800}.fc-one{left:34px;bottom:72px}.fc-two{right:40px;top:72px}.banner-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:18px}.campaign-card{border-radius:var(--radius-xl);padding:28px;min-height:220px;position:relative;overflow:hidden;box-shadow:0 18px 50px rgba(31,68,49,.08)}.campaign-card h2,.campaign-card h3{margin:10px 0 12px;line-height:1}.campaign-card h2{font-size:42px;letter-spacing:0}.campaign-card h3{font-size:28px;letter-spacing:0}.campaign-card p{color:#49645b;margin:0 0 18px}.campaign-card a{font-weight:900;color:var(--green-dark);text-decoration:underline;text-underline-offset:5px}.green{background:#dff3dd}.peach{background:var(--peach)}.blue{background:var(--blue)}.campaign-card.large{display:grid;grid-template-columns:1fr 220px;gap:20px}.banner-image{border-radius:26px;background:rgba(255,255,255,.6);display:grid;place-items:center;text-align:center;font-weight:900;color:#75a183}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{font-size:48px;line-height:1;letter-spacing:0;margin:8px 0 0}.text-link{font-weight:900;color:var(--green-dark)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.category-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:16px;min-height:210px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 38px rgba(31,68,49,.06);transition:.2s transform,.2s box-shadow}.category-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(31,68,49,.12)}.category-card span,.product-image,.main-photo,.story-media{background:linear-gradient(145deg,#eef8e8,#dcefdc);border:1px dashed #99c79d;border-radius:22px;display:grid;place-items:center;text-align:center;color:#74a37b;font-weight:900}.category-card span{height:110px}.category-card b{font-size:18px;line-height:1.1}.category-card small{color:var(--muted);font-weight:700}.soft-bg{background:#edf5e9}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-grid.compact{grid-template-columns:repeat(3,1fr)}.product-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:16px;box-shadow:0 14px 38px rgba(31,68,49,.06);transition:.2s transform,.2s box-shadow}.product-card.accent{background:linear-gradient(180deg,#fff,#f0fbdf)}.product-image{height:230px;margin-bottom:16px}.rating{font-size:14px;color:#f2a800;font-weight:900}.rating span{color:var(--muted);font-weight:700}.rating.big{font-size:16px;margin:12px 0 18px}.product-card h3{font-size:19px;line-height:1.2;margin:10px 0}.product-card p{color:var(--muted);margin:0 0 14px}.card-link-row{display:flex;align-items:center;gap:10px;margin-top:16px}.card-link-row a{font-weight:900;color:var(--green)}.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.story-media{min-height:420px;border-radius:var(--radius-xl);font-size:24px}.story-copy h2{font-size:54px;line-height:1;letter-spacing:0;margin:12px 0 20px}.story-copy p{font-size:18px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.stats-grid div{background:#fff;border-radius:22px;padding:20px}.stats-grid b{display:block;font-size:34px}.stats-grid span{color:var(--muted);font-weight:800}.eco-card,.marketplaces-inner{border-radius:var(--radius-xl);background:linear-gradient(135deg,#163129,#2f8f5b);color:#fff;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.eco-card .eyebrow{color:var(--lime)}.eco-card h2,.marketplaces h2{font-size:44px;line-height:1;margin:8px 0 12px;letter-spacing:0}.eco-card p{color:#d7eee2;max-width:680px}.marketplaces{padding-bottom:72px}.marketplaces-inner{background:#fff;color:var(--ink);display:block}.marketplace-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.marketplace-list a,.catalog-links a{border-radius:18px;background:var(--mint-2);border:1px solid var(--line);padding:16px;text-align:center;font-weight:900;color:var(--green-dark)}.site-footer{background:#10251f;color:#dcece5;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.footer-grid p{color:#9db4ab}.footer-grid a{display:block;color:#c6dad1;margin-top:8px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;font-weight:800;margin-bottom:22px}.breadcrumbs a{color:var(--green-dark)}.product-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:start}.gallery{position:sticky;top:112px}.main-photo{min-height:560px;border-radius:42px;font-size:28px;background:linear-gradient(145deg,#f0faeb,#d7f0dd)}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.thumb-row button{border:1px dashed #9bcaa1;background:#fff;border-radius:18px;min-height:82px;color:#75a183;font-size:12px;font-weight:900}.product-info{background:#fff;border:1px solid var(--line);border-radius:42px;padding:34px;box-shadow:var(--shadow)}.product-info h1{font-size:56px;line-height:.98;letter-spacing:0;margin:14px 0}.lead{font-size:18px;color:var(--muted)}.badges{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.catalog-links-card{border-radius:30px;background:var(--mint-2);border:1px solid var(--line);padding:24px;margin-top:26px}.catalog-links-card p{color:var(--muted);margin-top:0}.catalog-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px}.detail-card.wide{grid-column:1/-1}.detail-card h2{font-size:32px;letter-spacing:0;margin:0 0 14px}.detail-card h3{margin:0 0 8px}.detail-card p{color:var(--muted)}.check-list{padding-left:20px;color:var(--muted);font-weight:700}.specs{margin:0}.specs div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.specs dt{font-weight:900}.specs dd{margin:0;color:var(--muted);font-weight:800;text-align:right}.columns-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
/* Текстовая настройка под логотип: спокойный серый гротеск и зелёный акцент. */
.hero-copy h1,.campaign-card h2,.campaign-card h3,.section-head h2,.story-copy h2,.marketplaces h2,.product-info h1,.detail-card h2{font-weight:500;letter-spacing:0;color:var(--ink)}
.eco-card h2{font-weight:500;letter-spacing:0}
.hero-copy p,.product-card p,.story-copy p,.lead,.detail-card p,.check-list,.specs dd{color:var(--muted);font-weight:400}
.category-card b,.product-card h3,.specs dt{color:var(--ink);font-weight:600}
.text-link,.card-link-row a,.marketplace-list a,.catalog-links a{font-weight:600;color:var(--green-dark)}
.floating-card b,.stats-grid b{font-weight:500;color:var(--brand-gray)}
.floating-card span,.stats-grid span{font-weight:500;color:var(--muted)}
.eco-card{background:linear-gradient(135deg,#59656d,#69b71b)}
.site-footer{background:#505b63;color:#eef4ef}.footer-grid p{color:#c8d2cb}.footer-grid a{color:#e1e9e4}

/* Реальные изображения бренда и продуктов. */
.brand-logo{display:block;width:236px;max-width:36vw;height:auto}
.hero-product-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(52%,300px);max-height:88%;object-fit:contain;filter:drop-shadow(0 30px 42px rgba(74,101,83,.22));z-index:1}
.banner-image{overflow:hidden}.banner-image img,.product-image img,.category-card span img,.main-photo img,.thumb-row button img,.story-media img,.mini-product{display:block;max-width:100%;max-height:100%;object-fit:contain}
.mini-product{height:104px;margin:4px auto 14px}
.category-card span,.product-image,.main-photo{background:#fff;border-style:solid;border-color:var(--line)}
.category-card span{overflow:hidden;position:relative}
.category-card span img{width:100%;height:100%;padding:8px}
.product-image{overflow:hidden;padding:16px}.product-image img{width:100%;height:100%}
.product-meta{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--mint-2);color:var(--green-dark);font-size:12px;font-weight:700;padding:7px 10px}
.product-meta.big{font-size:14px;margin:12px 0 18px}
.main-photo{overflow:hidden;padding:34px}.main-photo img{width:100%;height:100%}
.thumb-row button{display:grid;grid-template-rows:1fr auto;gap:6px;align-items:center;justify-items:center;padding:8px;overflow:hidden}
.thumb-row button img{height:48px}.thumb-row button span{line-height:1.1}
.story-media{overflow:hidden;background:#fff;border-style:solid}.story-media img{width:100%;height:100%;object-fit:cover}

/* Демонстрационная SVG-анимация в первом экране. */
.edge-leaf{position:absolute;pointer-events:none;z-index:1;user-select:none}.edge-leaf-right{right:-8vw;bottom:-2vw;width:min(54vw,760px);text-align:right;transform-origin:72% 80%;animation:leaf-sway 8s ease-in-out infinite}.edge-leaf img{display:block;width:100%;height:auto}.edge-leaf-right img{animation:leaf-float 12s ease-in-out infinite;filter:drop-shadow(0 24px 42px rgba(74,101,83,.16))}@keyframes leaf-sway{0%,100%{transform:translateY(3%) rotate(0deg) scale(1)}35%{transform:translateY(0) rotate(-1.8deg) scale(1.012)}70%{transform:translateY(5%) rotate(1.2deg) scale(.995)}}@keyframes leaf-float{0%,100%{opacity:.9}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.edge-leaf-right,.edge-leaf-right img{animation:none}}
@media(max-width:1020px){.main-nav{display:none}.hero-grid,.product-layout,.story-grid{grid-template-columns:1fr}.gallery{position:static}.banner-grid{grid-template-columns:1fr}.campaign-card.large{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.marketplace-list,.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 22px,1200px)}.section-pad{padding:48px 0}.promo-line{font-size:12px}.header-inner{height:auto;padding:12px 0;align-items:flex-start}.header-actions{margin-left:0;flex-wrap:wrap;justify-content:flex-end}.brand-text{font-size:20px}.brand-logo{width:190px;max-width:58vw}.hero-copy h1{font-size:40px}.section-head h2,.story-copy h2,.marketplaces h2,.eco-card h2,.product-info h1{font-size:34px}.hero-visual{min-height:420px}.product-bottle{width:190px;height:300px}.hero-product-photo{width:min(62%,230px)}.edge-leaf-right{right:-30vw;bottom:52vw;width:96vw;opacity:.62}.category-grid,.product-grid,.product-grid.compact,.detail-grid,.marketplace-list,.footer-grid,.catalog-links,.columns-two{grid-template-columns:1fr}.section-head,.eco-card{align-items:flex-start;flex-direction:column}.main-photo{min-height:390px}.thumb-row{grid-template-columns:repeat(2,1fr)}.product-info{padding:22px;border-radius:30px}.stats-grid{grid-template-columns:1fr}.campaign-card h2{font-size:34px}}