/* Шрифты Playfair Display и Inter (SIL Open Font License), подключены локально */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url("../fonts/inter-cyrillic.de93fdc85e3d.woff2") format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url("../fonts/inter-latin.260c81a4759b.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 700;font-display:swap;src:url("../fonts/playfair-display-cyrillic.66a1a9a1a310.woff2") format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 700;font-display:swap;src:url("../fonts/playfair-display-latin.ef05b30d6e5c.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg: #f6f7f2;--surface: #ffffff;--alt: #eef2e8;--ink: #1d2a1f;--muted: #6b766b;--accent: #2f6b3a;--accent-hover: #24552e;--warn: #9a3b2a;--border: #dfe5d8;--radius: 14px;--shadow: 0 6px 24px rgba(20, 40, 25, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}h1,h2,h3{font-family:Playfair Display,Georgia,serif;line-height:1.2;margin:0 0 .5em}a{color:var(--accent)}.container{max-width:1120px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:10;background:#f6f7f2eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.logo{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:700;color:var(--ink);text-decoration:none}.logo span{color:var(--accent)}.nav{display:flex;gap:22px}.nav a{color:var(--ink);text-decoration:none;font-weight:500}.nav a:hover{color:var(--accent)}.cart-btn{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;font:inherit;font-weight:500}.badge{display:inline-block;min-width:22px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--accent);text-align:center;font-size:.85rem}.hero{padding:96px 0 80px;background:radial-gradient(ellipse at 80% 20%,rgba(47,107,58,.18),transparent 60%),var(--bg)}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:16ch}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--accent);font-weight:600;margin:0 0 12px}.lead{max-width:56ch;color:var(--muted);font-size:1.1rem;margin:0 0 28px}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 22px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{padding:8px 14px;font-size:.92rem}.section{padding:72px 0}.section-alt{background:var(--alt)}.section h2{font-size:clamp(1.7rem,3vw,2.4rem)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 28px}.chip{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit}.chip-active{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.card-image{height:170px;background:linear-gradient(135deg,#e3ecd9,#cfe0c2);display:flex;align-items:center;justify-content:center;font-size:3.5rem}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card-group{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card h3{font-size:1.25rem;margin-top:4px;font-style:italic}.card-desc{color:var(--muted);font-size:.95rem;margin:0 0 12px}.care{font-size:.92rem;margin-bottom:14px}.care summary{cursor:pointer;color:var(--accent);font-weight:600}.care p{margin:8px 0 0;color:var(--muted)}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-weight:700;font-size:1.15rem}.out{color:var(--warn);font-size:.9rem;font-weight:600}.about p{max-width:62ch;color:var(--ink)}.contacts{list-style:none;padding:0;margin:0}.contacts li{margin-bottom:10px;font-size:1.05rem}.footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);font-size:.9rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1673;z-index:50;display:flex;justify-content:flex-end}.cart{width:min(420px,100%);height:100%;background:var(--surface);padding:22px;overflow-y:auto;box-shadow:-8px 0 30px #00000026}.cart-head{display:flex;justify-content:space-between;align-items:center}.close{background:none;border:0;font-size:1.8rem;cursor:pointer;line-height:1}.cart-list{list-style:none;padding:0;margin:16px 0}.cart-list li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.muted{color:var(--muted);font-size:.9rem}.qty{display:flex;align-items:center;gap:6px}.qty button{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg);cursor:pointer}.qty button:disabled{opacity:.4;cursor:default}.remove{background:none;border:0;color:var(--warn);cursor:pointer;font-size:1rem}.total{font-size:1.1rem;text-align:right}.order-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.order-form input,.order-form textarea{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.cart-done p,.empty{color:var(--muted)}@media (max-width: 640px){.nav{display:none}.hero{padding:64px 0 56px}}.header-actions{display:flex;align-items:center;gap:10px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.6;cursor:default}.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0}.burger span{display:block;height:2px;width:22px;margin:0 auto;background:var(--ink);border-radius:2px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.article-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s}.article-card:hover{transform:translateY(-2px)}.article-card h3{font-size:1.3rem}.read-more{margin-top:auto;color:var(--accent);font-weight:600}.article{max-width:720px}.article p{font-size:1.05rem}.article-title{font-size:clamp(1.8rem,4vw,2.6rem);margin-top:8px}.article-sub{font-size:1.4rem;margin-top:28px}.back{display:inline-block;margin-bottom:18px;text-decoration:none;font-weight:600}.chat-fab{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:1.6rem;cursor:pointer;box-shadow:0 8px 24px #14281940;z-index:40}.chat{position:fixed;right:20px;bottom:90px;width:min(360px,calc(100vw - 40px));max-height:70vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:41;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--ink);color:#fff}.chat-head .close{color:#fff}.chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:180px}.bubble{max-width:85%;padding:8px 12px;border-radius:12px;font-size:.95rem;white-space:pre-wrap}.bubble-bot{background:var(--alt);align-self:flex-start}.bubble-me{background:var(--accent);color:#fff;align-self:flex-end}.chat-form{padding:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.chat-row{display:flex;gap:8px}.chat-form input{flex:1;min-width:0;font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.error{color:var(--warn);font-size:.92rem;margin:0}@media (max-width: 820px){.burger{display:flex}.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 10px 20px #0000000f}.nav.nav-open{display:flex}.nav a{padding:14px 20px;border-top:1px solid var(--border)}.header{position:sticky}.header-inner{position:relative}}@media (max-width: 640px){.section{padding:48px 0}.hero{padding:56px 0 48px}.hero h1{font-size:2rem}.lead{font-size:1rem}.grid{grid-template-columns:1fr;gap:16px}.articles-grid{grid-template-columns:1fr}.card-image{height:140px}.cart{width:100%}.cart-list li{grid-template-columns:1fr auto}.cart-list li .remove{grid-column:2;justify-self:end}.chat-fab{right:14px;bottom:14px}.chat{right:10px;bottom:82px;width:calc(100vw - 20px)}.logo{font-size:1.2rem}.cart-btn{padding:8px 12px}}

/* --- добавлено для версии на Django --- */
[hidden]{display:none!important}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.chip{text-decoration:none;display:inline-block}
.card-image img.is-broken{visibility:hidden}

/* --- карусель товаров --- */
.carousel-section{padding-top:0;padding-bottom:24px}
.carousel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.carousel-head h2{margin:0}
.carousel-nav{display:flex;gap:8px}
.carousel-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:var(--shadow);transition:border-color .2s,color .2s}
.carousel-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.carousel-btn:disabled{opacity:.35;cursor:default}
.carousel{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0 -20px;padding:12px 20px 20px;scroll-padding-inline:20px;outline:none}
.carousel::-webkit-scrollbar{display:none}
.carousel:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-radius:var(--radius)}
.carousel-track{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.slide{flex:0 0 calc((100% - 3 * 18px) / 4);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.slide-image{height:160px}
.slide-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.slide h3{font-size:1.1rem;font-style:italic;margin:4px 0 12px}
@media (max-width: 980px){.slide{flex-basis:calc((100% - 2 * 18px) / 3)}}
@media (max-width: 640px){.slide{flex-basis:78%}.carousel-btn{width:38px;height:38px}}
@media (prefers-reduced-motion: reduce){.carousel{scroll-behavior:auto}}

/* --- рубрики статей --- */
.page-title{font-size:clamp(2rem,4vw,2.8rem)}
.article-cats{margin:12px 0 32px;display:flex;flex-direction:column;gap:14px}
.article-cats > .chip{align-self:flex-start}
.cat-group-title{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.cat-group .filters{margin:0}
.chip-count{display:inline-block;min-width:20px;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--alt);color:var(--muted);font-size:.8rem;text-align:center}
.chip-active .chip-count{background:rgba(255,255,255,.2);color:#fff}
.cat-link{color:var(--accent);text-decoration:none;font-weight:600}
.cat-link:hover{text-decoration:underline}
.more-link{margin-top:32px;padding:16px 18px;background:var(--alt);border-radius:var(--radius);color:var(--muted);font-size:.95rem}
.section-more{margin:28px 0 0}
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px}
.pagination .chip{text-decoration:none}
.pagination-gap{color:var(--muted);padding:0 4px}
@media (max-width: 640px){
  .cat-group .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}
  .cat-group .filters::-webkit-scrollbar{display:none}
  .cat-group .chip{flex:0 0 auto;white-space:nowrap}
}

/* --- светящийся логотип --- */
.logo{display:inline-flex;align-items:center;gap:8px}
.logo .logo-text{color:var(--ink)}
.logo .logo-accent{color:var(--accent);animation:logo-text-glow 3.2s ease-in-out infinite}
.logo-mark{width:42px;height:42px;margin:-4px 0;flex:none;overflow:visible;animation:logo-breathe 3.2s ease-in-out infinite}
.logo-stem{fill:none;stroke:#2f6b3a;stroke-width:2.4;stroke-linecap:round}
.logo-tentacles path{fill:none;stroke:#b0303f;stroke-width:1.6;stroke-linecap:round}
.logo-pad{fill:url(#logo-leaf)}
.logo-mark .dew{fill:url(#logo-dew);transform-box:fill-box;transform-origin:center;animation:dew-twinkle 2.4s ease-in-out infinite}
.logo-mark .dew-2{animation-delay:.3s}
.logo-mark .dew-3{animation-delay:.6s}
.logo-mark .dew-4{animation-delay:.9s}
.logo-mark .dew-5{animation-delay:1.2s}
.logo:hover .logo-mark,.logo:focus-visible .logo-mark{animation-duration:1.4s}
.logo:hover .dew,.logo:focus-visible .dew{animation-duration:1.2s}
@keyframes logo-breathe{
  0%,100%{filter:drop-shadow(0 0 3px rgba(255,90,120,.55)) drop-shadow(0 0 7px rgba(92,191,108,.35))}
  50%{filter:drop-shadow(0 0 7px rgba(255,90,120,1)) drop-shadow(0 0 16px rgba(92,191,108,.8))}
}
@keyframes dew-twinkle{
  0%,100%{opacity:.7;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.18)}
}
@keyframes logo-text-glow{
  0%,100%{text-shadow:0 0 4px rgba(92,191,108,.25)}
  50%{text-shadow:0 0 8px rgba(92,191,108,.85),0 0 20px rgba(92,191,108,.55),0 0 34px rgba(92,191,108,.3)}
}
@media (max-width: 640px){.logo-mark{width:34px;height:34px}.logo{gap:6px}}
@media (prefers-reduced-motion: reduce){
  .logo-mark,.logo-mark .dew,.logo .logo-accent{animation:none}
  .logo-mark{filter:drop-shadow(0 0 4px rgba(255,120,145,.6)) drop-shadow(0 0 8px rgba(92,191,108,.4))}
}

/* --- подпись автора фото --- */
.card-image{position:relative}
.photo-credit{position:absolute;right:6px;bottom:6px;max-width:calc(100% - 12px);margin:0;padding:2px 7px;border-radius:6px;background:rgba(20,30,22,.55);color:#fff;font-size:.68rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-credit a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5)}
.photo-credit a:hover{text-decoration-color:#fff}

/* --- остатки и выбор количества --- */
.card-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.card-bottom .card-footer{margin-top:0}
.stock-note{font-size:.85rem;font-weight:600;color:var(--accent)}
.stock-low{color:#b5651d}
.slide-stock{margin:-6px 0 10px}
.buy-row{display:flex;align-items:center;gap:10px}
.buy-row .btn{flex:1;text-align:center}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--bg);overflow:hidden;flex:none}
.stepper button{width:32px;height:36px;border:0;background:none;font:inherit;font-size:1.1rem;color:var(--ink);cursor:pointer}
.stepper button:hover:not(:disabled){background:var(--alt)}
.stepper button:disabled{opacity:.35;cursor:default}
.stepper input{width:40px;height:36px;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);text-align:center;font:inherit;font-weight:600;color:var(--ink);-moz-appearance:textfield;appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* --- согласие на обработку ПД и подвал --- */
.consent{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.4;color:var(--muted);cursor:pointer}
.consent input{margin:2px 0 0;width:16px;height:16px;flex:none;accent-color:var(--accent)}
.consent a{color:var(--accent)}
.consent-sm{font-size:.78rem}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 20px}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:var(--accent)}
.legal p{font-size:1rem}

/* --- новый первый экран --- */
.hero{padding:64px 0 72px;overflow:hidden;background:
  radial-gradient(circle at 88% 12%,rgba(232,67,94,.12),transparent 38%),
  radial-gradient(ellipse at 72% 62%,rgba(47,107,58,.20),transparent 58%),
  radial-gradient(ellipse at 0% 100%,rgba(92,191,108,.10),transparent 45%),
  var(--bg)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.hero-grid-single{grid-template-columns:1fr}
.hero h1{font-size:clamp(2.3rem,4.6vw,3.8rem);max-width:14ch;margin-bottom:.4em}
.hero-accent{color:var(--accent);position:relative;z-index:0;white-space:nowrap}
.hero-accent::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.18em;border-radius:99px;background:linear-gradient(90deg,rgba(232,67,94,.35),rgba(92,191,108,.35));z-index:-1}
.btn-lg{padding:14px 26px;font-size:1.02rem}
.hero-perks{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:.95rem}
.hero-perks li{display:flex;align-items:center;gap:8px}
.hero-perks li::before{content:"";width:20px;height:20px;flex:none;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.hero-visual{position:relative}
.hero-gallery{position:relative;height:440px}
.hero-photo{position:absolute;margin:0;border-radius:22px;overflow:hidden;background:#e3ecd9;border:5px solid #fff;box-shadow:0 22px 44px rgba(20,40,25,.20);animation:hero-float 7s ease-in-out infinite}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-photo figcaption{position:absolute;left:10px;bottom:10px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.92);font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:.85rem;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.hero-photo-1{left:0;top:40px;width:58%;height:320px;--r:-3deg;z-index:2}
.hero-photo-2{right:2%;top:0;width:44%;height:220px;--r:4deg;animation-delay:-2.3s}
.hero-photo-3{right:6%;bottom:0;width:46%;height:200px;--r:-2deg;z-index:3;animation-delay:-4.6s}
.hero-photo-1:only-child{width:80%;left:10%}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
.hero-credits{margin:14px 0 0;font-size:.72rem;color:var(--muted);text-align:right}
.hero-credits a{color:var(--muted)}
.carousel-section{padding-top:56px}
.carousel-all{display:inline-block;margin-top:4px;font-weight:600;text-decoration:none}
.carousel-all:hover{text-decoration:underline}
.catalog-page{padding-top:48px}
@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-gallery{height:360px;max-width:560px;margin:0 auto}
  .hero-credits{text-align:center}
}
@media (max-width: 640px){
  .hero{padding:40px 0 48px}
  .hero h1{font-size:2.1rem}
  .hero-accent{white-space:normal}
  .hero-gallery{height:280px}
  .hero-photo-1{height:210px;top:30px}
  .hero-photo-2{height:150px}
  .hero-photo-3{height:140px}
  .hero-photo figcaption{left:6px;bottom:6px;max-width:calc(100% - 12px);padding:2px 8px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero-perks{font-size:.9rem}
  .btn-lg{padding:12px 20px;font-size:.98rem}
}
@media (prefers-reduced-motion: reduce){.hero-photo{animation:none;transform:rotate(var(--r,0deg))}}

/* --- активный пункт меню --- */
.nav a.is-active{color:var(--accent);position:relative}
@media (min-width: 821px){.nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--accent)}}
@media (max-width: 820px){.nav a.is-active{background:var(--alt)}}
/* --- уведомление о cookie --- */
.cookie-note{position:fixed;left:20px;right:96px;bottom:20px;z-index:39;max-width:560px;display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font-size:.92rem}
.cookie-note p{margin:0;flex:1}
@media (max-width: 640px){.cookie-note{left:12px;right:84px;bottom:12px;flex-direction:column;align-items:stretch;gap:10px}}