/* DONSTORE UI layer. Палитра прежняя: #21A038 / #158a2a + slate. */
@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:local("Inter"),url(/assets/fonts/InterVariable.woff2) format("woff2")}
:root{--g:#21A038;--gd:#158a2a;--ink:#0f172a;--mut:#64748b;--line:#e2e8f0;--bg:#f8fafc;--r1:10px;--r2:16px;--r3:20px;--sh:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.07)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;background:var(--bg)!important;background-image:none!important;color:var(--ink)}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* Шапка */
header{box-shadow:0 1px 0 var(--line)!important}
header .site-header-nav a{font-size:.9375rem!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
header #global-search-input{border-radius:var(--r1)}

/* Типографика: меньше капса и сверхжирного */
main .font-black{font-weight:700}
main .uppercase{text-transform:none}
main .tracking-widest,main [class*="tracking-["]{letter-spacing:0}
main [class*="text-[9px]"],main [class*="text-[10px]"],main [class*="text-[11px]"]{font-size:.8125rem}
main h3.font-black{font-size:1.375rem;line-height:1.2;letter-spacing:-.01em}
@media(min-width:640px){main h3.font-black{font-size:1.75rem}}

/* Радиусы: три ступени вместо 2–3 rem */
main [class*="rounded-[3rem]"],main [class*="rounded-[2.5rem]"]{border-radius:var(--r3)}
main [class*="rounded-[2rem]"],main [class*="rounded-[1.5rem]"],main [class*="rounded-[1.25rem]"]{border-radius:var(--r2)}
main .rounded-3xl,main .rounded-2xl,main .rounded-xl{border-radius:var(--r1)}

/* Баннер */
.home-banner{border-radius:var(--r3)!important;box-shadow:none!important;margin-bottom:2rem!important}
.home-banner h2{font-weight:700!important;letter-spacing:-.02em!important;line-height:1.1!important}
.home-banner-control{width:2.5rem;height:2.5rem}

/* Категории */
.home-category-card{min-height:0;gap:.25rem;padding:1rem;border-radius:var(--r2);background:#fff;box-shadow:none}
.home-category-card:hover{transform:none;box-shadow:var(--sh)}
.home-category-card .home-category-node:nth-child(n+5){display:none}
.home-category-icon{border-radius:var(--r1)}
.home-category-link{padding:.25rem 0;font-size:.875rem;font-weight:500}

/* Карточка товара */
#products-container{gap:.75rem}
@media(min-width:640px){#products-container{gap:1rem}}
@media(min-width:1024px){#products-container{gap:1.25rem}}
.product-card{border:1px solid var(--line);border-radius:var(--r2);padding:.75rem;box-shadow:none;transition:border-color .15s,box-shadow .15s}
@media(min-width:640px){.product-card{padding:1rem}}
.product-card:hover{transform:none;border-color:#b7e1c1;box-shadow:var(--sh)}
.product-card .aspect-\[4\/5\]{aspect-ratio:1/1;border-radius:var(--r1);margin-bottom:.75rem}
.product-card .bg-gradient-to-t{display:none}
.product-card h4{font-size:.9375rem;font-weight:600;line-height:1.35;min-height:2.7em;cursor:pointer}
.product-card .items-baseline>span:first-child{font-size:1.25rem}
.product-card .translate-y-12 button{border-radius:var(--r1)}
.product-card a.absolute.top-0{border-radius:var(--r2) var(--r2) 0 0}
@media(hover:none){.product-card .translate-y-12{transform:none}}

/* Скелетоны вместо «Загрузка…» */
.sk{background:linear-gradient(90deg,#e8edf3 25%,#f4f7fa 50%,#e8edf3 75%);background-size:200% 100%;animation:sk 1.3s linear infinite;border-radius:var(--r1)}
.sk-card{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:1rem}
.sk-card .sk{height:.9rem;margin-top:.6rem}
.sk-card .sk:first-child{height:auto;aspect-ratio:1;margin:0}
.sk-cat{height:7rem;min-width:260px;border-radius:var(--r2)}
@keyframes sk{to{background-position:-200% 0}}

/* Страница товара */
#product-container>div{gap:2rem}
@media(min-width:1024px){#product-container>div{gap:3rem}}
#product-container .lg\:col-span-7>*+*{margin-top:1rem}
#product-container .lg\:col-span-5>*+*{margin-top:1.5rem}
.product-image-container{border-radius:var(--r2);box-shadow:none!important;border-color:var(--line)}
.thumb-btn{width:64px;height:64px;border-radius:var(--r1)}
.thumb-btn.active{box-shadow:none}
.product-title{font-size:clamp(1.5rem,2.4vw,2.125rem)!important;font-weight:700!important;line-height:1.25!important}
.product-info-card{border-radius:var(--r2)!important;padding:1.25rem!important;box-shadow:var(--sh)!important}
.product-info-card .text-3xl{font-size:clamp(1.75rem,3vw,2.25rem)!important}
.product-info-card .grid>button{padding-block:.9rem!important;font-size:.9375rem!important;border-radius:var(--r1)!important}
@media(min-width:1024px){.product-info-card{position:sticky;top:9rem}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
