/* Уральские Семена — design v1.00 (green system) */
:root{
  --deep:#143d26;--green:#1e5b34;--leaf:#2e7d46;--accent:#f0a63a;--accent-dark:#c07d1d;
  --bg:#f4f7f2;--white:#fff;--graphite:#233028;--steel:#5f7266;--line:#dfe7dd;--muted:#5f7266;
  --grad-accent:linear-gradient(135deg,#f6b949 0%,#f0a63a 55%,#d98f22 100%);
  --grad-hero:linear-gradient(160deg,#0e2c1b 0%,#173f26 55%,#24593a 100%);
  --shadow-md:0 6px 22px rgba(20,61,38,.10),0 2px 6px rgba(20,61,38,.05);
  --shadow-lg:0 18px 44px rgba(20,61,38,.16),0 4px 12px rgba(20,61,38,.07);
  --radius:14px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
[data-theme="dark"]{
  --bg:#0c1410;--white:#14231a;--graphite:#dce8de;--steel:#93a89a;--line:#2a3d30;--muted:#93a89a;
  --deep:#0e2c1b;--green:#1c5030;
  --shadow-md:0 6px 22px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25);
  --shadow-lg:0 18px 44px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.3);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--graphite);background:
 radial-gradient(1100px 480px at 88% -8%, rgba(240,166,58,.08), transparent 60%),
 radial-gradient(900px 420px at -8% 12%, rgba(46,125,70,.09), transparent 60%),var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
[data-theme="dark"] body{background:
 radial-gradient(1100px 500px at 88% -8%, rgba(240,166,58,.10), transparent 62%),
 radial-gradient(900px 440px at -10% 14%, rgba(46,125,70,.14), transparent 60%),#0c1410}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
img,svg{max-width:100%}
a{color:var(--green);text-decoration:none}
[data-theme="dark"] a{color:#9fd4ae}
a:hover{text-decoration:underline}
h1,h2,h3{color:var(--deep);letter-spacing:-.018em}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3{color:#e9f2e9}
h1{font-size:clamp(26px,3.8vw,40px);font-weight:900;line-height:1.15;margin-bottom:10px}
h2{font-size:clamp(20px,2.4vw,27px);font-weight:850;margin:26px 0 10px}
h2:after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--grad-accent);margin-top:8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.page{padding:26px 0 46px;min-height:55vh}
code{font-family:var(--mono);background:rgba(240,166,58,.12);padding:2px 7px;border-radius:6px;font-size:.9em;color:var(--accent-dark)}
::selection{background:rgba(240,166,58,.35)}
/* header */
.sm-header{background:linear-gradient(180deg,#0e2c1b,#143d26);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(14,44,27,.3)}
.head-in{display:flex;align-items:center;gap:18px;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}
.logo:hover{text-decoration:none}
.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--grad-accent);font-size:19px;overflow:hidden;position:relative}
.logo-mark:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);animation:shine 4.5s infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.logo-txt{font-size:17.5px}
.logo-txt b{color:#f6b949}
.main-nav{display:flex;gap:18px;margin-left:auto;align-items:center}
.main-nav a{color:#d9e6dc;font-size:14.5px;font-weight:650;position:relative}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--grad-accent);transition:right .25s ease;border-radius:2px}
.main-nav a:hover:after{right:0}
.main-nav a:hover{color:#fff;text-decoration:none}
.head-tools{display:flex;align-items:center;gap:10px}
.theme-toggle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;width:38px;height:38px;cursor:pointer;font-size:16px}
.cart-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);font-size:18px}
.cart-btn:hover{text-decoration:none;transform:translateY(-1px)}
.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#143d26;font-size:11px;font-weight:900;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}
.burger{display:none;background:none;border:0;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px}
#progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad-accent);z-index:60}
/* hero */
.sm-hero{position:relative;background:var(--grad-hero);color:#fff;padding:74px 0 56px;overflow:hidden}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.45;pointer-events:none}
.sm-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(620px 300px at 14% 22%,rgba(240,166,58,.16),transparent 60%),radial-gradient(680px 360px at 86% 80%,rgba(46,125,70,.30),transparent 60%);animation:heroShift 16s ease-in-out infinite alternate;pointer-events:none}
@keyframes heroShift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-26px,16px,0) scale(1.05)}}
.sm-hero .wrap{position:relative;z-index:2}
.hero-badge{display:inline-block;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:4px 14px;font-size:13px;margin-bottom:16px;background:rgba(255,255,255,.06)}
.sm-hero h1{color:#fff;font-size:clamp(30px,4.6vw,48px);line-height:1.1;max-width:900px}
.grad{background:linear-gradient(92deg,#f8d9a0 0%,#f6b949 40%,#e09a2d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.type-cursor{display:inline-block;width:3px;height:1em;background:var(--accent);margin-left:2px;animation:blink 1s steps(1) infinite;vertical-align:-.12em}
@keyframes blink{50%{opacity:0}}
.hero-lead{font-size:clamp(15px,1.7vw,19px);opacity:.94;max-width:720px;margin:14px 0 22px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.stat{background:rgba(255,255,255,.07);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:14px 16px;transition:transform .25s ease,border-color .25s ease}
.stat:hover{transform:translateY(-3px);border-color:rgba(240,166,58,.5)}
.kv{color:#fff;font-size:clamp(20px,2.3vw,25px);font-weight:850}
.st-l{font-size:13px;opacity:.85}
/* buttons, cards */
.btn{display:inline-block;border-radius:10px;padding:11px 20px;font-weight:750;font-size:14.5px;cursor:pointer;border:0;transition:transform .18s ease,box-shadow .25s ease;will-change:transform}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn-accent{background:var(--grad-accent);color:#143d26;box-shadow:0 4px 14px rgba(240,166,58,.35);position:relative;overflow:hidden}
.btn-accent:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:ctaShine 3.8s infinite}
@keyframes ctaShine{0%,55%{left:-80%}100%{left:130%}}
.btn-ghost{background:transparent;border:1px solid var(--green);color:var(--green)}
[data-theme="dark"] .btn-ghost{border-color:#8fb99c;color:#9fd4ae}
.btn-full{width:100%;text-align:center;margin-top:12px}
.btn-small{padding:4px 10px;font-size:12.5px;border-radius:8px;background:var(--green);color:#fff;cursor:pointer;border:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:14px 0}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-md);transition:transform .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.svc-ic{font-size:26px;margin-bottom:8px}
.svc-name{font-weight:800;color:var(--deep);font-size:17px;margin-bottom:6px}
[data-theme="dark"] .svc-name{color:#e9f2e9}
.svc-desc{color:var(--steel);font-size:14px}
.sect{padding:38px 0}
.sect-alt{background:#ecf3e8}
[data-theme="dark"] .sect-alt{background:#101a14}
.sect-lead{color:var(--steel);max-width:780px;margin-bottom:16px}
.center-link{text-align:center;margin-top:14px;font-weight:700}
.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin:14px 0;box-shadow:var(--shadow-md)}
.panel.center{text-align:center;max-width:620px;margin:24px auto}
.panel.tip{border-left:4px solid var(--accent)}
.muted{color:var(--steel);font-size:14px}
.small{font-size:12.5px;color:var(--steel)}
.crumb{color:var(--steel);font-size:13px;margin-bottom:12px}
.alert{border-radius:10px;padding:12px 16px;margin:10px 0;font-size:14.5px}
.alert.err{background:#fdecec;color:#b23a2f;border:1px solid #f5c6c2}
[data-theme="dark"] .alert.err{background:rgba(178,58,47,.15)}
/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:108px;gap:12px;margin:16px 0}
.b{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:inherit}
.b:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(240,166,58,.5);text-decoration:none}
.b:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(240,166,58,.13),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
.b:hover:before{opacity:1}
.b-ic{font-size:28px;margin-bottom:6px}
.b-name{font-weight:850;color:var(--deep);font-size:16.5px}
[data-theme="dark"] .b-name{color:#e9f2e9}
.b-desc{color:var(--steel);font-size:13px;margin-top:3px}
.b-price{margin-top:auto;font-weight:800;color:var(--accent-dark);font-size:13.5px}
.b-hero{grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,var(--deep),#24593a);border:0}
.b-hero .b-name{color:#fff;font-size:22px;font-weight:900}
.b-hero .b-desc{color:#cfe2d2;font-size:14px}
.b-hero .b-price{color:#f6b949}
.b-wide{grid-column:span 2}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.bento{grid-template-columns:1fr}.b-hero,.b-wide{grid-column:span 1;grid-row:span 1}}
/* products grid */
.prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin:14px 0}
.pcard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow-md);transition:transform .22s ease,box-shadow .22s ease;color:inherit}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);text-decoration:none}
.pack{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:120px;border-radius:12px;padding:12px;background:linear-gradient(160deg,var(--pc,#2e7d46),color-mix(in srgb,var(--pc,#2e7d46) 65%, #000 35%));margin-bottom:10px;overflow:hidden;transition:transform .25s ease}
.pack:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);transition:left .5s ease}
.pcard:hover .pack:after{left:130%}
.pack-ic{font-size:38px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}
.pack-label{color:#fff;font-weight:850;font-size:13.5px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.pack-sub{color:rgba(255,255,255,.85);font-size:11.5px;font-family:var(--mono)}
.pack.big{min-height:280px;border-radius:16px}
.pack.big .pack-ic{font-size:64px}
.pack.big .pack-label{font-size:17px}
.pack-badge{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.92);color:#143d26;border-radius:12px;padding:2px 9px;font-size:11.5px;font-weight:850}
.pack-badge.sale{background:var(--accent);color:#143d26}
.pack-badge.hit{background:#7cb342;color:#0e2c1b}
.p-name{font-weight:800;color:var(--deep);font-size:14.5px;line-height:1.35}
[data-theme="dark"] .p-name{color:#e9f2e9}
.p-pack{color:var(--steel);font-size:12.5px;font-family:var(--mono);margin:3px 0 6px}
.p-price{font-weight:900;color:var(--accent-dark);font-size:17px}
[data-theme="dark"] .p-price{color:#f6b949}
.p-price s{color:var(--steel);font-weight:600;font-size:13.5px;margin-right:6px}
.p-price.big{font-size:26px}
.p-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.big-add{font-size:16px;padding:14px 26px}
/* filters */
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.filters input[type=search]{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--bg)}
[data-theme="dark"] .filters input[type=search]{background:#0e1a13;border-color:#2a3d30;color:#dce8de}
.filters select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--bg)}
[data-theme="dark"] .filters select{background:#0e1a13;color:#dce8de}
.filters .chk{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;cursor:pointer}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.chip{border:1px solid var(--line);border-radius:20px;padding:5px 13px;font-size:13px;font-weight:650;color:var(--graphite);background:var(--white)}
[data-theme="dark"] .chip{background:#14231a}
.chip.on{background:var(--green);color:#fff;border-color:var(--green)}
.chip:hover{text-decoration:none;border-color:var(--accent)}
/* cart/checkout */
.cart-tbl{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:8px 14px}
[data-theme="dark"] .cart-tbl{background:var(--white)}
.qty{display:flex;gap:6px;align-items:center}
.qbtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-weight:800;color:var(--graphite)}
[data-theme="dark"] .qbtn{background:#0e1a13;color:#dce8de}
.qbtn.del{color:#b23a2f;border-color:#f5c6c2}
.total-row td{font-size:17px;padding-top:12px}
.cart-total{color:var(--accent-dark)}
[data-theme="dark"] .cart-total{color:#f6b949}
.checkout-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
@media (max-width:860px){.checkout-grid{grid-template-columns:1fr}}
.form label{display:block;margin-bottom:13px;font-weight:700;font-size:14px;color:var(--deep)}
[data-theme="dark"] .form label{color:#cfe0d2}
.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--bg);color:inherit}
[data-theme="dark"] .form input,[data-theme="dark"] .form select,[data-theme="dark"] .form textarea{background:#0e1a13;border-color:#2a3d30;color:#dce8de}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid rgba(240,166,58,.4);border-color:var(--accent)}
.check{font-weight:500;font-size:13.5px}
.check input{width:auto;margin-right:6px}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th{text-align:left;color:var(--steel);font-weight:700;padding:8px 10px;vertical-align:top}
.tbl td{padding:8px 10px;border-top:1px solid var(--line)}
.order-status{display:inline-block;padding:6px 18px;border-radius:20px;font-weight:800;margin-bottom:8px}
.st-new{background:rgba(240,166,58,.18);color:var(--accent-dark)}
.st-packed,.st-shipped{background:rgba(124,179,66,.18);color:#4c7a28}
.st-done{background:rgba(46,125,70,.18);color:var(--green)}
[data-theme="dark"] .st-done{color:#9fd4ae}
.st-canceled{background:rgba(178,58,47,.14);color:#b23a2f}
.prod-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:start}
@media (max-width:860px){.prod-grid{grid-template-columns:1fr}}
/* footer */
.sm-footer{background:linear-gradient(180deg,#0e2c1b,#0b2115);color:#c8dcd0;margin-top:36px;padding:38px 0 18px;position:relative;overflow:hidden}
.sm-footer:before{content:"🌱";position:absolute;right:-30px;bottom:-40px;font-size:200px;opacity:.05;pointer-events:none}
.footer-in{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px}
.f-logo{color:#fff;font-weight:850;font-size:17px;margin-bottom:8px}
.f-col p{font-size:13.5px;opacity:.85}
.f-col a{display:block;color:#c8dcd0;font-size:13.5px;padding:3px 0}
.f-col a:hover{color:#fff}
.f-h{color:#f6b949;font-weight:800;margin-bottom:8px}
.f-clock{font-family:var(--mono);font-size:12.5px;color:#9db4a5;margin-top:6px}
.f-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:12px;font-size:12.5px;opacity:.85}
/* utils */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}
h2[data-decode]{font-family:var(--mono);letter-spacing:.04em}
h2[data-decode].done{font-family:inherit;letter-spacing:-.018em}
.rain-canvas{position:fixed;inset:0;z-index:9999;pointer-events:none;display:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(150%);background:var(--deep);color:#fff;border:1px solid var(--accent);border-radius:14px;padding:13px 20px;box-shadow:var(--shadow-lg);z-index:10000;max-width:92vw;transition:transform .4s cubic-bezier(.2,.7,.3,1.2);font-size:14.5px;text-align:center}
.toast.show{transform:translateX(-50%) translateY(0)}
.game-modal{position:fixed;inset:0;z-index:10001;display:none;align-items:center;justify-content:center;background:rgba(8,20,12,.75);backdrop-filter:blur(4px)}
.game-modal.open{display:flex}
.game-box{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;max-width:420px;width:92vw;box-shadow:var(--shadow-lg);text-align:center}
[data-theme="dark"] .game-box{background:#14231a}
.game-area{background:linear-gradient(160deg,#0e2c1b,#24593a);border-radius:12px;height:260px;position:relative;overflow:hidden;cursor:pointer}
.game-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}
.g-veg{position:absolute;font-size:30px;user-select:none;transition:transform .12s ease}
.g-veg:active{transform:scale(1.35)}
.adm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:14px 0}
.adm-stats .stat{background:var(--white);border:1px solid var(--line)}
.adm-stats .kv{color:var(--deep)}
[data-theme="dark"] .adm-stats .kv{color:#e9f2e9}
.adm-stats .st-l{color:var(--steel)}
@media (max-width:1279px){.burger{display:block}.main-nav{position:fixed;left:0;right:0;top:64px;background:#143d26;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 16px;transform:translateY(-120%);transition:transform .25s;z-index:49}.main-nav.open{transform:translateY(0)}.main-nav a{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.08)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* ===== v2.00 — demo-прототип «Семена Алтая» ===== */
.demo-strip{background:linear-gradient(90deg,#f6b949,#f0a63a);color:#1c1206;font-size:13px;font-weight:650;padding:8px 14px;text-align:center;position:relative;z-index:55}
.demo-strip b{font-weight:850}
.demo-strip a{color:#143d26;font-weight:800;text-decoration:underline}
.hero-packs{position:absolute;inset:0;pointer-events:none;z-index:1}
.hpack{position:absolute;width:120px;height:158px;border-radius:10px;background:linear-gradient(160deg,#fff,#e8f0e4);box-shadow:0 18px 44px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:floaty2 7s ease-in-out infinite}
.hpack span{font-size:44px}
.hpack b{color:#1e5b34;font-size:12.5px;font-weight:850;text-align:center;padding:0 8px}
.hpack:after{content:"";position:absolute;top:0;left:0;right:0;height:18px;background:linear-gradient(90deg,#f0a63a,#d98f22);border-radius:10px 10px 0 0}
.hpack.p1{top:22%;left:70%;transform:rotate(7deg)}
.hpack.p2{top:52%;left:79%;transform:rotate(-6deg);animation-delay:1.4s}
.hpack.p3{top:72%;left:62%;transform:rotate(4deg);animation-delay:2.6s}
@keyframes floaty2{0%,100%{translate:0 0}50%{translate:0 -14px}}
@media (max-width:900px){.hero-packs{display:none}}
.sm-header{backdrop-filter:blur(10px)}
.sm-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f0a63a,transparent)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0}
.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-md)}
.step b{color:var(--deep)}
[data-theme="dark"] .step b{color:#e9f2e9}
.st-n{width:34px;height:34px;border-radius:50%;background:var(--grad-accent);color:#143d26;display:grid;place-items:center;font-weight:900;margin-bottom:8px}
.step p{color:var(--steel);font-size:13.5px;margin:4px 0 0}
.cta-band{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(135deg,var(--deep),var(--green));color:#fff;border-radius:var(--radius);padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-lg)}
.f-note{color:#9db4a5;font-size:13px;margin-bottom:6px}


/* ============================================================
   v3.00 — PREMIUM UPGRADE «Семена Алтая» (cemena.urals-snab.ru)
   ============================================================ */
/* hero с фотографией Алтая */
.hero-photo{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:#0e2c1b}
.hero-bg{position:absolute;inset:-6% 0;background-size:cover;background-position:center bottom;transform:scale(1.06);will-change:transform}
.hero-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,18,.62) 0%,rgba(10,30,18,.34) 45%,rgba(10,30,18,.78) 100%)}
.hero-in{position:relative;z-index:2;padding:120px 16px 90px;width:100%}
.hero-mega{color:#fff;font-size:clamp(38px,7vw,84px);font-weight:900;line-height:1.02;letter-spacing:-.04em;max-width:1100px;text-shadow:0 4px 40px rgba(0,0,0,.35)}
.hero-mega .grad{background:linear-gradient(92deg,#ffe9b8 0%,#f6b949 45%,#e09a2d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero-photo .hero-lead{color:#eef5ee;font-size:clamp(16px,1.9vw,21px);max-width:760px;opacity:.96}
.hero-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:36px;max-width:900px}
.hstat{background:rgba(255,255,255,.10);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 18px;transition:transform .25s,background .25s}
.hstat:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}
.hstat b{display:block;color:#f6b949;font-size:clamp(20px,2.4vw,28px);font-weight:900}
.hstat span{font-size:12.5px;color:#d9e6dc}
.btn-xl{padding:16px 30px;font-size:16.5px;border-radius:14px}
.btn-arrow{display:inline-block;transition:transform .25s ease}
.btn-xl:hover .btn-arrow{transform:translateX(5px)}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.2)}
.hero-scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.75);font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.hero-scroll span{width:2px;height:38px;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.4;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
.hv{opacity:0;transform:translateY(26px);animation:hvIn .8s cubic-bezier(.2,.7,.3,1) forwards}
.hv:nth-child(2){animation-delay:.12s}.hero-lead.hv{animation-delay:.24s}.hero-actions.hv{animation-delay:.36s}.hero-strip.hv{animation-delay:.48s}
@keyframes hvIn{to{opacity:1;transform:none}}
/* marquee */
.marquee{background:var(--deep);color:#cfe0d2;overflow:hidden;padding:13px 0;border-top:1px solid rgba(240,166,58,.3);border-bottom:1px solid rgba(240,166,58,.3)}
.marquee-in{display:flex;gap:26px;width:max-content;animation:mq 30s linear infinite;font-size:13.5px;white-space:nowrap}
.marquee-in span b{color:#f6b949}
@keyframes mq{to{transform:translateX(-50%)}}
/* brand section */
.sect-brand{background:linear-gradient(180deg,#ecf3e8,#f4f7f2)}
[data-theme="dark"] .sect-brand{background:linear-gradient(180deg,#101a14,#0c1410)}
.brand-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center}
@media (max-width:880px){.brand-grid{grid-template-columns:1fr}}
.brand-photo img{width:100%;border-radius:20px;box-shadow:var(--shadow-lg);aspect-ratio:4/3;object-fit:cover}
.brand-text p{color:var(--steel);font-size:15.5px;margin-bottom:14px}
.brand-nums{display:flex;gap:26px;flex-wrap:wrap;margin:16px 0 20px}
.brand-nums div{display:flex;flex-direction:column}
.brand-nums b{color:var(--accent-dark);font-size:26px;font-weight:900}
[data-theme="dark"] .brand-nums b{color:#f6b949}
.brand-nums span{color:var(--steel);font-size:12.5px}
/* feature grid */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:16px 0}
.fcard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .25s ease,box-shadow .25s ease;color:inherit}
.fcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);text-decoration:none}
.f-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--pc,#2e7d46)}
.f-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.fcard:hover .f-photo img{transform:scale(1.07)}
.f-tag{position:absolute;top:10px;left:10px;background:rgba(14,44,27,.85);color:#f6d9a0;font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:12px;backdrop-filter:blur(4px)}
.f-body{padding:14px 16px 16px}
.f-price{font-weight:900;color:var(--accent-dark);font-size:19px;margin-top:6px}
[data-theme="dark"] .f-price{color:#f6b949}
/* pcard overlay */
.pcard{position:relative;overflow:hidden}
.pcard .p-cta{position:absolute;left:12px;right:12px;bottom:12px;opacity:0;transform:translateY(14px);transition:opacity .28s ease,transform .28s ease;z-index:4}
.pcard:hover .p-cta{opacity:1;transform:none}
.pcard .pimg{transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.pcard:hover .pimg{transform:scale(1.09)}
/* header scrolled */
.sm-header{transition:background .3s ease,box-shadow .3s ease}
.sm-header.scrolled{box-shadow:0 6px 24px rgba(10,30,18,.45)}
.sm-header.scrolled .head-in{height:54px}
.sm-header .head-in{transition:height .3s ease}
/* поступательная х2 полировка */
h2[data-decode]{font-size:clamp(22px,3vw,32px)}
.sect{padding:44px 0}
.panel{padding:24px 26px}
.prods{gap:16px}
.prods .pcard{padding:0}
.prods .pcard .pack{margin-bottom:0;border-radius:16px 16px 0 0;min-height:150px}
.prods .pcard .p-name,.prods .pcard .p-pack,.prods .pcard .p-price,.prods .pcard .btn-add{margin:0;padding-left:14px;padding-right:14px}
.prods .pcard .p-name{padding-top:12px}
.prods .pcard .btn-add{margin:10px 14px 14px;width:calc(100% - 28px)}