/* Skonar editorial direction: warm neutrals, inclusive styling, original catalog. */
:root{--bg:#f5f1e9;--panel:#fffdf8;--line:#d8d0c3;--ink:#292925;--muted:#66655d}
body{background:var(--bg);color:var(--ink)}
.offer{background:#292925;color:#faf7f0;border:0}.offer span{background:#77766b}
.header{background:#f5f1e9f5;backdrop-filter:blur(12px)}.header .brand img{filter:brightness(0)}
.brand-note{color:#66655d}.actions button{color:var(--ink)}.actions button span{background:#292925;color:#fff}
.actions .admin-link{color:#45453c;border-color:#bdb6aa}.header a:hover{color:#725640}
.hero{background:#e9e0d2;padding:0;display:grid;grid-template-columns:45% 55%;min-height:590px;align-items:stretch;isolation:isolate}
.hero:before{display:none}.hero-copy{width:auto;padding:70px 30px 60px max(5vw,24px);align-self:center}
.hero .eyebrow{color:#615748;font-size:11px;letter-spacing:.18em}.hero h1{font-size:clamp(48px,5.3vw,82px);line-height:1.06;letter-spacing:-.045em;margin:24px 0}
.hero-copy>p{color:#57574e;line-height:1.7;max-width:380px}.hero-copy>small{color:#615d53;letter-spacing:.12em;font-size:9px;line-height:1.8}
.hero-actions{flex-wrap:wrap;gap:16px}.hero .button.light{background:#292925;color:#faf7ef;padding:17px 25px}.hero-actions span{color:#615d53;font-size:11px}
.hero-editorial{margin:0;position:relative;min-width:0;overflow:hidden}.hero-editorial img{display:block;width:100%;height:100%;min-height:590px;object-fit:cover;object-position:center}
.hero-editorial figcaption{position:absolute;bottom:18px;left:20px;color:#fff;background:#292925c9;padding:7px 10px;font-size:8px;letter-spacing:.12em}
.catalog{padding-top:32px}.filters{margin:0 0 40px;justify-content:flex-start;padding-bottom:8px;gap:10px}.filters button{background:transparent;color:#59594e;border-color:#c8c0b3;min-width:auto;white-space:nowrap}.filters button.active{background:#292925;color:#fff}
.heading .eyebrow{color:#71644f}.heading>small{color:#706b61}.heading h2{letter-spacing:-.025em}
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product,.collections article,.testimonials article{background:#fffdf8;border-color:var(--line);border-radius:4px}
.product-info{padding:20px}.product h3{font-size:18px}.product p{color:#68685e;font-size:13px;line-height:1.5}.product strong{font-size:18px}.product del{color:#737267}.product em{background:#f7f3e9;color:#3a3d32;border:1px solid #d8d0c3}
.color-picker{color:#626459;font-size:12px}.color-picker select{background:#f5f1e9;color:#35382f;border-color:#c8c0b3;font-size:12px;width:100px;padding:7px}
.add{color:#34372d;border-color:#b5b9a8;padding:12px;font-size:12px}.add:hover{background:#30362b;color:white}.product:hover{transform:translateY(-3px);border-color:#aaa28f}
#catalogSearch{background:white;color:#292925;border-color:#bcb3a4}.catalog-empty{color:#68685e}
.campaign{background:#353e34;min-height:310px;color:#f7f4ec;max-width:none;width:100%;padding:56px max(5vw,24px);border:0;border-radius:0;overflow:hidden}
.campaign:before{display:none}.campaign div{max-width:700px}.campaign h2{font-size:clamp(34px,4.2vw,62px);line-height:1.1;letter-spacing:-.025em}.campaign p{max-width:550px;color:#dddccf;line-height:1.7}.campaign small{right:6vw;bottom:55px;color:#d7d8c7}
.collections p,.quality-copy p,.faq>div:first-child p,.faq details p,.step-grid p,.testimonials p{color:#66655d;line-height:1.7}
.quality{background:#e9e2d6}.quality .button.light,.faq .button.light{background:#292925;color:#faf7ef}.details article{color:#fff}.details small{color:#ddd}
.benefits span,.bottom-benefits small{color:#68675d}.testimonials small{color:#737267}.testimonials strong{color:#866b30}.faq details{border-color:var(--line)}
footer,.bottom-benefits{background:#292925;color:#f4f1e8;border-color:#505147}.bottom-benefits small{color:#c0c1b4}footer a,footer p{color:#c0c1b4}footer>small{color:#aaa99b;border-color:#505147}
.drawer,#checkoutDialog{color:#edece3}.prototype-note{background:#292925;color:#c0c1b4;border-color:#505147}
:focus-visible{outline:3px solid #9c7543;outline-offset:4px}
@media(max-width:1100px){.hero{grid-template-columns:48% 52%}.hero-copy{padding:45px 24px}.hero h1{font-size:58px}.hero-editorial img{min-height:560px}.hero{min-height:560px}.products{gap:16px}}
@media(max-width:760px){.header nav{background:#f5f1e9}.hero{display:flex;flex-direction:column;min-height:0}.hero-editorial{order:-1;width:100%;height:330px}.hero-editorial img{min-height:0;height:100%;object-position:center 35%}.hero-copy{padding:32px 24px 38px}.hero h1{font-size:52px;margin:16px 0;max-width:none}.hero-copy>p{font-size:15px;margin-bottom:18px}.hero-actions{flex-direction:row;align-items:center;margin:20px 0}.hero-copy>small{font-size:8px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info{padding:14px 11px}.product h3{font-size:15px}.product p{font-size:12px}.product strong{font-size:16px}.color-picker{flex-wrap:wrap;gap:6px}.color-picker select{max-width:100%}.add{font-size:11px;min-height:44px}.campaign{padding:38px 24px;min-height:0}.campaign small{display:none}.collections{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{margin:0 0 26px}.hero-editorial figcaption{left:12px;bottom:12px}.heading h2{font-size:34px}.quality{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product,.collections article,.drawer{transition:none}}

/* Clear storefront icons and a persistent, accessible cart entry. */
.store-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle}
.actions .cart-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid currentColor;border-radius:24px;position:relative}
.actions .cart-button .cart-label{font-size:12px;font-weight:600}
.actions .cart-button #cartCount{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:50%;font-size:11px;padding:0 4px}
.hero-actions .delivery-note{display:inline-flex;align-items:center;gap:7px}
.hero-actions .store-icon{width:17px;height:17px}
.bottom-benefits .store-icon{width:21px;height:21px}
.bottom-benefits article{align-items:center;gap:12px}
.benefits article{grid-template-columns:24px minmax(0,1fr);column-gap:10px}
.benefits i,.step-grid i{font-style:normal;font-size:22px;line-height:1;align-self:center}
.step-grid article{grid-template-columns:28px minmax(0,1fr);column-gap:12px}
.details span{font-size:24px;line-height:1.2}
.bottom-benefits article>span{min-width:0}
.delivery-motion{animation:delivery-drive 2.8s ease-in-out 2}
@keyframes delivery-drive{0%,100%{transform:translateX(0)}35%{transform:translateX(4px) translateY(-1px)}65%{transform:translateX(2px) translateY(1px)}}
@media(max-width:760px){.actions .cart-button{gap:5px;padding:8px}.actions .cart-button .cart-label{display:none}.actions .cart-button .store-icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.delivery-motion{animation:none}}

/* Campaign photo with a readable text area in both themes. */
.campaign{background-repeat:no-repeat;background-color:#20271f;background-image:linear-gradient(90deg,rgba(18,23,18,.96) 0%,rgba(18,23,18,.85) 44%,rgba(18,23,18,.18) 78%),url('/assets/campaign-skonar-v2-optimized.webp');background-size:cover;background-position:center}
.campaign small{background:#182017b3;padding:8px 10px}
@media(max-width:760px){.campaign{background-image:linear-gradient(90deg,rgba(18,23,18,.92),rgba(18,23,18,.68)),url('/assets/campaign-skonar-v2-optimized.webp');background-position:65% center}}