/* ═══════════════════════════════════════
   BUTCHER'S SILENCE v2 — Design System
   Брусилів Premium · bkonline.store
   ═══════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --red:#A00606;--red-hover:#8B0505;--red-deep:#6B0303;
  --red-light:rgba(160,6,6,0.05);--red-glow:rgba(160,6,6,0.12);
  --red-warm:#C41919;
  --black:#0F0F0F;--dark:#1A1A1A;
  --gray-700:#3A3A3A;--gray-600:#555;--gray-500:#6B6B6B;
  --gray-400:#8E8E8E;--gray-300:#B0B0B0;--gray-200:#D4D4D4;
  --gray-100:#EEEEEE;--gray-50:#F7F7F7;--white:#FFFFFF;
  --bone:#D4C5A9;--bone-light:#F0EBE0;--bone-warm:#E8DFD0;
  --bone-dark:#B8A88A;--cream:#FAF8F4;
  --success:#16a34a;--warning:#D97706;--info:#2563eb;--error:#dc2626;
  --font-head:'Playfair Display',Georgia,serif;
  --font-body:'Inter',system-ui,sans-serif;
  --radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;
  --shadow-xs:0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm:0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:0 8px 32px rgba(0,0,0,0.10);
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);color:var(--black);background:var(--cream);line-height:1.65;overflow-x:hidden;font-size:15px}
h1,h2,h3,h4,h5{font-family:var(--font-head);line-height:1.15;font-weight:700}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font-family:var(--font-body);cursor:pointer;border:none;background:none}
input,select,textarea{font-family:var(--font-body);font-size:15px}

/* ═══ UTILITY ═══ */
.container{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
*:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:var(--radius-xs)}

/* ═══ HEADER ═══ */
.header{position:sticky;top:0;z-index:100;background:rgba(250,248,244,0.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,0.05);height:72px;display:flex;align-items:center}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{display:flex;align-items:center;gap:12px}
.logo-mark{width:44px;height:44px;background:var(--red);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-head);font-weight:800;font-size:20px;letter-spacing:-0.5px;transition:transform 0.3s var(--ease-spring)}
.logo:hover .logo-mark{transform:rotate(-3deg) scale(1.05)}
.logo-text{font-family:var(--font-head);font-weight:700;font-size:20px;letter-spacing:0.3px;color:var(--black)}
.logo-sub{font-family:var(--font-body);font-size:10px;letter-spacing:2px;color:var(--bone-dark);text-transform:uppercase;margin-top:-2px;font-weight:500}
nav{display:flex;gap:28px}
nav a{font-size:14px;font-weight:500;color:var(--gray-500);transition:color 0.2s;letter-spacing:0.2px}
nav a:hover,nav a.active{color:var(--black)}
.header-actions{display:flex;gap:6px;align-items:center}
.icon-btn{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all 0.2s var(--ease);position:relative}
.icon-btn:hover{background:var(--bone-light);color:var(--black)}
.icon-btn svg{width:20px;height:20px}
.badge{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--cream);transition:transform 0.3s var(--ease-spring)}
.badge.bump{animation:badgeBump 0.4s var(--ease-spring)}
@keyframes badgeBump{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}
.hamburger{display:none}

/* ═══ MOBILE MENU ═══ */
.mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:360px;height:100vh;background:var(--cream);z-index:200;padding:80px 32px 32px;transition:right 0.35s var(--ease);box-shadow:-8px 0 40px rgba(0,0,0,0.15)}
.mobile-menu.open{right:0}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:199;opacity:0;pointer-events:none;transition:opacity 0.3s}
.mobile-overlay.open{opacity:1;pointer-events:all}
.mobile-menu a{display:block;padding:16px 0;font-size:18px;font-weight:600;color:var(--black);border-bottom:1px solid var(--gray-100)}
.mobile-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:24px;color:var(--gray-500)}

/* ═══ SEARCH MODAL ═══ */
.search-modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding-top:120px}
.search-modal.open{display:flex}
.search-box{background:var(--white);border-radius:var(--radius-lg);padding:8px;width:90%;max-width:600px;box-shadow:var(--shadow-lg)}
.search-input{width:100%;height:52px;border:none;padding:0 20px;font-size:17px;border-radius:var(--radius-md);background:transparent}
.search-input:focus{outline:none}
.search-hints{padding:12px 20px;border-top:1px solid var(--gray-100);font-size:13px;color:var(--gray-400)}

/* ═══ BUTTONS ═══ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-sm);transition:all 0.25s var(--ease);letter-spacing:0.2px}
.btn-lg{height:52px;padding:0 28px;font-size:15px}
.btn-md{height:44px;padding:0 22px;font-size:14px}
.btn-sm{height:36px;padding:0 16px;font-size:13px}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-hover);box-shadow:0 4px 20px rgba(160,6,6,0.25);transform:translateY(-1px)}
.btn-primary:active{transform:translateY(0)}
.btn-outline{background:transparent;color:var(--black);border:1.5px solid var(--gray-200)}
.btn-outline:hover{border-color:var(--black);background:var(--bone-light)}
.btn-ghost{background:transparent;color:var(--gray-500)}
.btn-ghost:hover{color:var(--black);background:var(--bone-light)}
.btn-bone{background:var(--bone-light);color:var(--black)}
.btn-bone:hover{background:var(--bone-warm)}
.btn-white{background:#fff;color:var(--black)}
.btn-white:hover{background:var(--gray-50)}
.btn-block{width:100%}
.btn svg{width:18px;height:18px}
.btn:disabled{opacity:0.5;pointer-events:none}

/* ═══ HERO ═══ */
.hero{padding:clamp(48px,8vw,100px) 0 clamp(40px,6vw,60px);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,var(--bone-light) 0%,var(--bone-warm) 100%);border-radius:0 0 0 80px;z-index:0;opacity:0.5}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--bone-light);border:1px solid var(--bone);border-radius:var(--radius-full);padding:6px 16px 6px 8px;font-size:13px;font-weight:600;color:var(--red-deep);margin-bottom:24px}
.hero-eyebrow-dot{width:6px;height:6px;background:var(--red);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.hero h1{font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-1.5px;margin-bottom:20px;line-height:1.08}
.hero h1 .accent{color:var(--red);font-style:italic}
.hero-desc{font-size:clamp(15px,1.2vw,18px);color:var(--gray-500);max-width:440px;margin-bottom:32px;line-height:1.75}
.hero-ctas{display:flex;gap:12px;margin-bottom:40px}
.hero-trust{display:flex;gap:28px}
.hero-trust-item{display:flex;flex-direction:column}
.hero-trust-num{font-family:var(--font-head);font-size:28px;font-weight:800;color:var(--black)}
.hero-trust-label{font-size:13px;color:var(--gray-400);margin-top:-2px}
.hero-visual{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:140px 140px 100px;gap:10px}
.hero-img{border-radius:var(--radius-md);overflow:hidden;position:relative;transition:transform 0.4s var(--ease)}
.hero-img:hover{transform:scale(1.02)}
.hero-img:nth-child(1){grid-row:1/3}
.hero-img-ph{width:100%;height:100%;display:flex;align-items:flex-end;padding:16px;font-family:var(--font-head);font-weight:600;font-size:14px;letter-spacing:1px;color:rgba(255,255,255,0.85)}
.hero-img:nth-child(1) .hero-img-ph{background:linear-gradient(160deg,#3d0a0a 0%,#1a0505 60%,#0a0202 100%);font-size:18px;color:rgba(212,197,169,0.6)}
.hero-img:nth-child(2) .hero-img-ph{background:linear-gradient(160deg,#f0ebe0 0%,#e0d5c0 100%);color:var(--bone-dark)}
.hero-img:nth-child(3) .hero-img-ph{background:linear-gradient(160deg,#2a0808 0%,#1a0404 100%);color:rgba(255,255,255,0.3)}
.hero-img:nth-child(4){grid-column:1/-1}
.hero-img:nth-child(4) .hero-img-ph{background:linear-gradient(90deg,var(--bone-warm) 0%,var(--bone-light) 50%,var(--bone-warm) 100%);color:var(--bone-dark);font-size:12px;letter-spacing:3px;justify-content:center;align-items:center;text-align:center}

/* ═══ HOLD EXPLAINER ═══ */
.hold-section{background:var(--dark);color:#fff;padding:clamp(48px,6vw,72px) 0;position:relative;overflow:hidden}
.hold-section::after{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(160,6,6,0.15) 0%,transparent 70%);border-radius:50%}
.hold-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.hold-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(160,6,6,0.2);border:1px solid rgba(160,6,6,0.3);border-radius:var(--radius-full);padding:5px 14px;font-size:12px;font-weight:600;color:var(--bone);margin-bottom:16px;letter-spacing:0.5px}
.hold-title{font-size:clamp(28px,3vw,40px);font-weight:800;margin-bottom:16px;line-height:1.1}
.hold-title .accent{color:var(--bone);font-style:italic}
.hold-desc{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.8;max-width:420px;margin-bottom:24px}
.hold-steps{display:flex;flex-direction:column;gap:16px}
.hold-step{display:flex;gap:14px;align-items:flex-start}
.hold-step-num{width:36px;height:36px;border-radius:50%;background:rgba(160,6,6,0.2);border:1px solid rgba(160,6,6,0.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:15px;color:var(--bone);flex-shrink:0}
.hold-step-text{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.6;padding-top:6px}
.hold-step-text strong{color:#fff}
.hold-visual{display:flex;flex-direction:column;gap:12px;padding:32px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-lg)}
.hold-calc{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:14px;color:rgba(255,255,255,0.5)}
.hold-calc:last-child{border:none;padding-bottom:0}
.hold-calc-val{font-family:var(--font-head);font-weight:700;font-size:20px}
.hold-calc-val.red{color:var(--red-warm)}
.hold-calc-val.bone{color:var(--bone)}
.hold-calc-val.green{color:var(--success)}

/* ═══ FEATURES STRIP ═══ */
.features-strip{background:var(--bone-light);border-top:1px solid var(--bone);border-bottom:1px solid var(--bone);padding:16px 0}
.features-list{display:flex;justify-content:space-between;gap:16px}
.feat{display:flex;align-items:center;gap:10px;color:var(--gray-700);font-size:13px;font-weight:500}
.feat-icon{width:36px;height:36px;border-radius:var(--radius-xs);background:var(--white);border:1px solid var(--bone);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-icon svg{width:18px;height:18px;stroke:var(--red);fill:none;stroke-width:1.5}

/* ═══ SECTION ═══ */
.section{padding:clamp(56px,7vw,88px) 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(28px,4vw,44px)}
.section-title{font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-0.5px}
.section-title .accent{color:var(--red);font-style:italic}
.section-link{font-size:14px;font-weight:600;color:var(--red);display:flex;align-items:center;gap:6px;transition:gap 0.2s var(--ease)}
.section-link:hover{gap:10px}

/* ═══ PRODUCT CARD ═══ */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);overflow:hidden;transition:all 0.3s var(--ease);position:relative}
.card:hover{box-shadow:var(--shadow-md);border-color:transparent;transform:translateY(-3px)}
.card-img{aspect-ratio:4/3;overflow:hidden;position:relative}
.card-img-bg{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:16px;font-family:var(--font-head);font-weight:600;transition:transform 0.5s var(--ease)}
.card:hover .card-img-bg{transform:scale(1.03)}
.card-img-bg.warm{background:linear-gradient(160deg,#3d0a0a 0%,#1a0505 70%)}
.card-img-bg.cool{background:linear-gradient(160deg,#f0ebe0 0%,#e0d5c0 100%)}
.card-img-bg.dark{background:linear-gradient(160deg,#0a0202 0%,#1a0808 100%)}
.card-img-bg.bone{background:linear-gradient(160deg,var(--bone-warm) 0%,var(--bone-light) 100%)}
.card-img-label{font-size:22px;letter-spacing:2px;color:rgba(255,255,255,0.12)}
.card-img-bg.cool .card-img-label,.card-img-bg.bone .card-img-label{color:rgba(0,0,0,0.06)}
.card-badge{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:0.3px}
.card-badge.hot{background:var(--red);color:#fff}
.card-badge.new{background:var(--dark);color:var(--bone)}
.card-badge.sale{background:var(--success);color:#fff}
.card-fav{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;color:var(--gray-400)}
.card:hover .card-fav{opacity:1}
.card-fav:hover{color:var(--red)}
.card-fav svg{width:16px;height:16px}
.card-body{padding:16px 18px 18px}
.card-cat{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gray-400);margin-bottom:4px;font-weight:500}
.card-marbling{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.marbling-bar{display:flex;gap:2px;align-items:center}
.marbling-bar span{width:16px;height:4px;border-radius:2px;background:var(--gray-200);transition:background 0.2s}
.marbling-bar span.on{background:var(--red)}
.marbling-label{font-size:11px;color:var(--gray-400);font-weight:500}
.card-name{font-family:var(--font-head);font-size:17px;font-weight:700;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.card-weight{font-size:13px;color:var(--gray-400);margin-bottom:12px}
.card-footer{display:flex;align-items:center;justify-content:space-between}
.card-price-portion{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--black)}
.card-price-kg{font-size:12px;color:var(--gray-400);margin-top:1px}
.card-add{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;transition:all 0.25s var(--ease)}
.card-add:hover{background:var(--red);transform:scale(1.05)}
.card-add.added{background:var(--success)}
.card-add.added svg{display:none}
.card-add.added::after{content:'\2713';font-size:16px;font-weight:700}
.card-add svg{width:18px;height:18px}

/* ═══ HOW IT WORKS ═══ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,24px);counter-reset:s}
.step{text-align:center;padding:28px 16px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-100);transition:all 0.3s var(--ease);position:relative}
.step:hover{border-color:var(--bone);box-shadow:var(--shadow-sm)}
.step-num{font-family:var(--font-head);font-size:44px;font-weight:800;color:var(--red-glow);margin-bottom:4px;line-height:1;counter-increment:s}
.step-num::after{content:counter(s)}
.step-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.step-icon svg{width:20px;height:20px;fill:#fff}
.step h3{font-size:16px;font-weight:700;margin-bottom:4px}
.step p{font-size:13px;color:var(--gray-500);line-height:1.6}

/* ═══ TESTIMONIALS ═══ */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial{padding:28px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-100)}
.testimonial-stars{color:var(--warning);font-size:14px;letter-spacing:2px;margin-bottom:12px}
.testimonial-text{font-size:14px;color:var(--gray-600);line-height:1.7;margin-bottom:16px;font-style:italic}
.testimonial-author{font-weight:600;font-size:14px;color:var(--black)}
.testimonial-city{font-size:12px;color:var(--gray-400)}

/* ═══ FAQ ═══ */
.faq-list{display:flex;flex-direction:column;gap:8px;max-width:720px}
.faq-item{border:1px solid var(--gray-100);border-radius:var(--radius-md);background:var(--white);overflow:hidden}
.faq-q{padding:18px 24px;font-weight:600;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.2s}
.faq-q:hover{background:var(--bone-light)}
.faq-q::after{content:'+';font-size:20px;color:var(--gray-400);transition:transform 0.3s}
.faq-item.open .faq-q::after{transform:rotate(45deg);color:var(--red)}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s var(--ease)}
.faq-item.open .faq-a{max-height:300px}
.faq-a-inner{padding:0 24px 18px;font-size:14px;color:var(--gray-500);line-height:1.8}

/* ═══ STORES ═══ */
.stores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.store{padding:24px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-100);transition:all 0.3s var(--ease)}
.store:hover{border-color:var(--red);box-shadow:var(--shadow-sm)}
.store-city{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--red);margin-bottom:6px}
.store-addr{font-size:13px;color:var(--gray-500);margin-bottom:8px}
.store-hours{font-size:13px;color:var(--gray-400);display:flex;align-items:center;gap:4px}

/* ═══ CTA ═══ */
.cta{background:var(--dark);border-radius:var(--radius-xl);padding:clamp(44px,6vw,72px) clamp(28px,4vw,56px);text-align:center;color:#fff;margin:0 clamp(16px,4vw,40px)}
.cta h2{font-size:clamp(26px,3vw,38px);margin-bottom:12px;font-weight:800}
.cta p{font-size:15px;color:rgba(255,255,255,0.55);max-width:440px;margin:0 auto 28px}
.cta-code{display:inline-block;background:rgba(212,197,169,0.12);border:1px dashed var(--bone-dark);border-radius:var(--radius-sm);padding:8px 24px;font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:24px;color:var(--bone)}

/* ═══ RECIPES TEASER ═══ */
.recipes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.recipe-card{border-radius:var(--radius-md);overflow:hidden;background:var(--white);border:1px solid var(--gray-100);transition:all 0.3s var(--ease)}
.recipe-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.recipe-img{height:160px;display:flex;align-items:flex-end;padding:16px}
.recipe-img.r1{background:linear-gradient(160deg,#2a0808 0%,#4a1010 100%)}
.recipe-img.r2{background:linear-gradient(160deg,#1a0404 0%,#3a0808 100%)}
.recipe-img.r3{background:linear-gradient(160deg,#0a0202 0%,#2a0a0a 100%)}
.recipe-tag{background:rgba(212,197,169,0.2);border:1px solid rgba(212,197,169,0.3);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;color:var(--bone);font-weight:500}
.recipe-body{padding:16px 18px}
.recipe-body h3{font-size:16px;font-weight:700;margin-bottom:4px}
.recipe-body p{font-size:13px;color:var(--gray-500)}
.recipe-meta{display:flex;gap:12px;margin-top:8px;font-size:12px;color:var(--gray-400)}

/* ═══ PLATA BY MONO ═══ */
.btn-plata{background:#000;color:#fff;border-radius:8px;height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;transition:all 0.25s var(--ease);width:100%;cursor:pointer;border:none;font-family:var(--font-body)}
.btn-plata:hover{background:#1a1a1a;box-shadow:0 4px 16px rgba(0,0,0,0.3);transform:translateY(-1px)}
.btn-plata:active{transform:translateY(0)}
.btn-plata .mono-logo{display:flex;align-items:center;gap:6px}
.btn-plata .mono-cat{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.btn-plata .mono-cat svg{width:22px;height:22px}
.btn-plata .mono-text{font-size:14px;font-weight:700;letter-spacing:-0.2px}
.btn-plata .mono-separator{width:1px;height:20px;background:rgba(255,255,255,0.2)}

/* ═══ FOOTER ═══ */
.footer{background:var(--dark);color:#fff;padding:56px 0 20px;margin-top:clamp(48px,7vw,80px)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand p{color:rgba(255,255,255,0.45);font-size:13px;max-width:260px;margin-top:12px;line-height:1.7}
.footer h4{font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--bone);margin-bottom:14px;letter-spacing:0.5px}
.footer ul{list-style:none}
.footer li{margin-bottom:8px}
.footer li a{font-size:13px;color:rgba(255,255,255,0.45);transition:color 0.2s}
.footer li a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,0.3)}
.pay-icons{display:flex;gap:8px}
.pay-icon{padding:4px 10px;background:rgba(255,255,255,0.06);border-radius:var(--radius-xs);font-size:11px;font-weight:600}

/* ═══ CATALOG ═══ */
.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:28px}
.filters{position:sticky;top:84px;align-self:start}
.filter-group{margin-bottom:24px}
.filter-label{font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:0.5px;color:var(--gray-500);margin-bottom:10px}
.filter-option{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:14px;color:var(--gray-500);cursor:pointer;transition:color 0.2s}
.filter-option:hover{color:var(--black)}
.filter-check{width:18px;height:18px;border:1.5px solid var(--gray-200);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}
.filter-check.on{background:var(--red);border-color:var(--red)}
.filter-check.on svg{display:block}
.filter-check svg{display:none;width:12px;height:12px;fill:#fff}
.filter-range{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--gray-400)}
.filter-input{width:80px;height:38px;border:1.5px solid var(--gray-200);border-radius:var(--radius-xs);padding:0 10px;font-size:14px;text-align:center;transition:border 0.2s}
.filter-input:focus{outline:none;border-color:var(--red)}
.catalog-sort{display:flex;gap:8px;margin-bottom:20px;font-size:13px}
.sort-chip{padding:6px 14px;border-radius:var(--radius-full);background:var(--white);border:1px solid var(--gray-100);color:var(--gray-500);cursor:pointer;font-weight:500;transition:all 0.2s}
.sort-chip.active,.sort-chip:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}

/* ═══ PRODUCT DETAIL ═══ */
.pdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.pdp-gallery{position:sticky;top:84px}
.pdp-main-img{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:10px}
.pdp-main-ph{width:100%;height:100%;background:linear-gradient(135deg,#1a0505 0%,#3d0a0a 50%,#1a0505 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:48px;font-weight:300;color:rgba(212,197,169,0.1);letter-spacing:4px}
.pdp-thumbs{display:flex;gap:8px}
.pdp-thumb{width:72px;height:72px;border-radius:var(--radius-sm);border:2px solid var(--gray-100);overflow:hidden;cursor:pointer;transition:border 0.2s;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--gray-300);font-weight:500}
.pdp-thumb.active,.pdp-thumb:hover{border-color:var(--red)}
.pdp-thumb:nth-child(1){background:linear-gradient(135deg,#2a0808,#1a0505)}
.pdp-thumb:nth-child(2){background:var(--bone-light)}
.pdp-thumb:nth-child(3){background:linear-gradient(135deg,#1a0505,#0a0202)}
.pdp-thumb:nth-child(4){background:var(--bone-warm)}
.pdp-info .card-cat{font-size:13px;margin-bottom:8px}
.pdp-name{font-size:clamp(26px,3vw,36px);font-weight:800;margin-bottom:8px;letter-spacing:-0.5px}
.pdp-rating{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:var(--gray-400)}
.pdp-stars{color:var(--warning);font-size:14px;letter-spacing:1px}
.pdp-price-block{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--gray-100)}
.pdp-price-portion{font-family:var(--font-head);font-size:32px;font-weight:800;color:var(--black)}
.pdp-price-kg{font-size:14px;color:var(--gray-400)}
.pdp-desc{font-size:14px;color:var(--gray-500);line-height:1.8;margin-bottom:24px}
.pdp-attrs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.pdp-attr{padding:14px 16px;border-radius:var(--radius-sm);background:var(--bone-light);border:1px solid var(--bone)}
.pdp-attr-label{font-size:12px;color:var(--gray-500);margin-bottom:2px;font-weight:500}
.pdp-attr-val{font-family:var(--font-head);font-size:15px;font-weight:700}
.weight-selector{margin-bottom:24px}
.weight-label{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--gray-600)}
.weight-options{display:flex;gap:8px;flex-wrap:wrap}
.weight-opt{padding:10px 20px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all 0.2s var(--ease);cursor:pointer}
.weight-opt:hover{border-color:var(--gray-400)}
.weight-opt.selected{border-color:var(--red);background:var(--red-light);color:var(--red);font-weight:600}
.pdp-actions{display:flex;gap:12px}
.pdp-qty{display:flex;align-items:center;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}
.pdp-qty button{width:44px;height:52px;font-size:18px;color:var(--gray-500);transition:all 0.2s}
.pdp-qty button:hover{background:var(--bone-light);color:var(--black)}
.pdp-qty span{width:44px;text-align:center;font-weight:600;font-size:15px}
.pdp-hold-note{margin-top:20px;padding:20px;border-radius:var(--radius-md);background:var(--dark);color:#fff;display:flex;gap:14px;align-items:flex-start;line-height:1.7;font-size:14px}
.pdp-hold-note svg{width:24px;height:24px;flex-shrink:0;margin-top:2px;fill:var(--bone)}
.pdp-hold-note strong{color:var(--bone)}
.pdp-hold-note .hold-amounts{display:flex;gap:16px;margin-top:10px;font-size:13px}
.hold-amt{padding:6px 12px;border-radius:var(--radius-xs);background:rgba(255,255,255,0.06)}
.hold-amt.return{color:var(--success)}

/* ═══ CART ═══ */
.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start}
.cart-empty{text-align:center;padding:80px 20px}
.cart-empty-icon{font-size:48px;margin-bottom:16px;color:var(--gray-200)}
.cart-empty h3{font-size:20px;margin-bottom:8px}
.cart-empty p{font-size:14px;color:var(--gray-400);margin-bottom:24px}
.cart-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--gray-100)}
.cart-item-img{width:100px;height:80px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:12px;color:rgba(212,197,169,0.2);letter-spacing:1px}
.cart-item-img.c1{background:linear-gradient(135deg,#2a0808,#1a0505)}
.cart-item-img.c2{background:linear-gradient(135deg,#1a0404,#0a0202)}
.cart-item-img.c3{background:var(--bone-light)}
.cart-item-info{flex:1}
.cart-item-name{font-family:var(--font-head);font-size:16px;font-weight:700;margin-bottom:2px}
.cart-item-weight{font-size:13px;color:var(--gray-400);margin-bottom:8px}
.cart-item-bottom{display:flex;align-items:center;justify-content:space-between}
.cart-item-price{font-family:var(--font-head);font-size:17px;font-weight:700}
.cart-item-actions{display:flex;align-items:center;gap:8px}
.cart-item-remove{color:var(--gray-300);transition:color 0.2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs)}
.cart-item-remove:hover{color:var(--error);background:rgba(220,38,38,0.06)}
.cart-item-remove svg{width:18px;height:18px}
.cart-summary{position:sticky;top:84px;background:var(--white);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--gray-100)}
.cart-summary h3{font-size:20px;font-weight:800;margin-bottom:20px}
.cart-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--gray-500)}
.cart-row-val{font-weight:600;color:var(--black)}
.cart-divider{border:none;border-top:1px solid var(--gray-200);margin:10px 0}
.cart-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.cart-total-label{font-size:14px;color:var(--gray-500)}
.cart-total-amount{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--black)}
.cart-hold{margin:16px 0;padding:16px;border-radius:var(--radius-md);background:var(--dark);color:#fff;font-size:13px;line-height:1.7}
.cart-hold strong{color:var(--bone)}
.cart-hold .return{color:var(--success)}
.cart-promo{display:flex;gap:8px;margin-bottom:16px}
.cart-promo input{flex:1;height:40px;border:1.5px solid var(--gray-200);border-radius:var(--radius-xs);padding:0 12px;font-size:14px}
.cart-promo input:focus{outline:none;border-color:var(--red)}

/* ═══ CHECKOUT ═══ */
.checkout-steps-bar{display:flex;gap:4px;margin-bottom:32px}
.checkout-step-bar{flex:1;height:4px;border-radius:2px;background:var(--gray-100)}
.checkout-step-bar.done{background:var(--red)}
.checkout-step-bar.current{background:var(--bone)}
.checkout-section{margin-bottom:28px}
.checkout-section h3{font-size:18px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.checkout-section h3 .step-circle{width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--font-body)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-group{display:flex;flex-direction:column;gap:4px}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:13px;font-weight:600;color:var(--gray-500)}
.form-input{height:44px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:0 14px;font-size:15px;transition:border 0.2s}
.form-input:focus{outline:none;border-color:var(--red)}
textarea.form-input{height:auto;padding:14px;resize:vertical;min-height:80px}
.delivery-options{display:flex;flex-direction:column;gap:8px}
.delivery-opt{display:flex;align-items:center;gap:12px;padding:16px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s}
.delivery-opt:hover{border-color:var(--gray-400)}
.delivery-opt.selected{border-color:var(--red);background:var(--red-light)}
.delivery-radio{width:20px;height:20px;border:2px solid var(--gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border 0.2s}
.delivery-opt.selected .delivery-radio{border-color:var(--red)}
.delivery-opt.selected .delivery-radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--red)}
.delivery-name{font-weight:600;font-size:15px}
.delivery-desc{font-size:13px;color:var(--gray-400)}

/* ═══ ORDER SUCCESS ═══ */
.success-page{text-align:center;padding:80px 20px}
.success-check{width:72px;height:72px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:32px}
.success-page h2{font-size:28px;margin-bottom:8px}
.success-page .order-num{font-family:var(--font-head);font-size:20px;color:var(--red);margin-bottom:20px}
.success-hold-info{max-width:480px;margin:0 auto 28px;padding:20px;border-radius:var(--radius-md);background:var(--dark);color:#fff;font-size:14px;line-height:1.7;text-align:left}

/* ═══ ACCOUNT ═══ */
.account-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}
.account-nav{position:sticky;top:84px}
.account-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);transition:all 0.2s;margin-bottom:2px}
.account-nav a:hover{background:var(--bone-light);color:var(--black)}
.account-nav a.active{background:var(--red-light);color:var(--red);font-weight:600}
.account-nav a svg{width:18px;height:18px}
.order-card{border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:20px;margin-bottom:12px;background:var(--white);transition:all 0.2s}
.order-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-xs)}
.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.order-num{font-family:var(--font-head);font-size:16px;font-weight:700}
.order-date{font-size:13px;color:var(--gray-400)}
.order-status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}
.order-status.processing{background:#eff6ff;color:#2563eb}
.order-status.weighing{background:#fffbeb;color:#d97706}
.order-status.shipped{background:#f0fdf4;color:#16a34a}
.order-status.delivered{background:#f0fdf4;color:#15803d}
.order-items-preview{display:flex;gap:8px;margin-bottom:12px}
.order-items-preview .mini-img{width:48px;height:48px;border-radius:var(--radius-xs);border:1px solid var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:7px;color:rgba(212,197,169,0.3);font-family:var(--font-head);font-weight:600;letter-spacing:0.5px}
.mini-img.d1{background:linear-gradient(135deg,#2a0808,#1a0505)}
.mini-img.d2{background:var(--bone-light)}
.order-footer{display:flex;justify-content:space-between;align-items:center}
.order-total{font-family:var(--font-head);font-size:18px;font-weight:700}
.order-hold-detail{font-size:12px;color:var(--gray-400);margin-top:2px}
.order-hold-detail .return{color:var(--success);font-weight:600}

/* ═══ AUTH FORMS ═══ */
.auth-page{max-width:440px;margin:0 auto;padding:60px 20px}
.auth-page h1{font-size:28px;font-weight:800;margin-bottom:8px;text-align:center}
.auth-page .auth-sub{text-align:center;color:var(--gray-400);font-size:14px;margin-bottom:32px}
.auth-form{display:flex;flex-direction:column;gap:16px}
.auth-form .form-group{display:flex;flex-direction:column;gap:4px}
.auth-form .form-group label{font-size:13px;font-weight:600;color:var(--gray-600)}
.auth-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--gray-400)}
.auth-switch a{color:var(--red);font-weight:600}

/* ═══ INFO PAGES ═══ */
.info-page{max-width:800px;margin:0 auto;padding:48px 20px}
.info-page h1{font-size:clamp(28px,3vw,40px);font-weight:800;margin-bottom:24px}
.info-page h2{font-size:22px;font-weight:700;margin-top:36px;margin-bottom:12px;color:var(--red)}
.info-page h3{font-size:18px;font-weight:700;margin-top:24px;margin-bottom:8px}
.info-page p{font-size:15px;color:var(--gray-600);line-height:1.8;margin-bottom:16px}
.info-page ul,.info-page ol{margin-bottom:16px;padding-left:24px}
.info-page li{font-size:15px;color:var(--gray-600);line-height:1.8;margin-bottom:6px}
.info-card{padding:24px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-100);margin-bottom:16px}
.info-card h3{margin-top:0}

/* ═══ ADMIN & SELLER PANELS ═══ */
.admin-page{padding:32px 20px}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.admin-header h1{font-size:28px;font-weight:800}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}
.stat-card{padding:24px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-100)}
.stat-card .stat-label{font-size:13px;color:var(--gray-400);margin-bottom:4px}
.stat-card .stat-value{font-family:var(--font-head);font-size:28px;font-weight:800}
.stat-card .stat-change{font-size:12px;font-weight:600;margin-top:4px}
.stat-card .stat-change.up{color:var(--success)}
.stat-card .stat-change.down{color:var(--error)}
.admin-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--gray-100);padding-bottom:0}
.admin-tab{padding:10px 20px;font-size:14px;font-weight:600;color:var(--gray-400);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all 0.2s}
.admin-tab.active{color:var(--red);border-bottom-color:var(--red)}
.admin-tab:hover{color:var(--black)}
.admin-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-100)}
.admin-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:0.5px;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}
.admin-table td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--gray-100)}
.admin-table tr:last-child td{border-bottom:none}
.admin-table tr:hover td{background:var(--bone-light)}
.admin-actions{display:flex;gap:6px}
.admin-actions .btn-sm{height:32px;padding:0 12px;font-size:12px}

/* ═══ TOAST ═══ */
.toast-container{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}
.toast{padding:14px 20px;border-radius:var(--radius-sm);background:var(--dark);color:#fff;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);transform:translateX(120%);transition:transform 0.35s var(--ease);max-width:360px}
.toast.show{transform:translateX(0)}
.toast.success{background:var(--success)}
.toast.error{background:var(--error)}

/* ═══ LOADING ═══ */
.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--gray-400);font-size:15px;gap:8px}
.spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--red);border-radius:50%;animation:spin 0.6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══ BREADCRUMBS ═══ */
.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--gray-400);margin-bottom:24px;padding-top:8px}
.breadcrumbs a{color:var(--gray-400);transition:color 0.2s}
.breadcrumbs a:hover{color:var(--black)}
.breadcrumbs span{color:var(--gray-300)}


/* Product card real images */
.card-img-real{width:100%;height:100%;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;display:block}
.card-img{position:relative;overflow:hidden;aspect-ratio:1/1;background:var(--black)}
/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-desc{margin:0 auto 32px}
  .hero-ctas{justify-content:center}
  .hero-trust{justify-content:center}
  .hero-visual{grid-template-columns:repeat(3,1fr);grid-template-rows:160px 80px}
  .hero-img:nth-child(1){grid-row:auto}
  .features-list{flex-wrap:wrap;justify-content:center}
  .steps{grid-template-columns:repeat(2,1fr)}
  .stores-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-layout{grid-template-columns:1fr}
  .filters{position:static}
  .pdp-grid{grid-template-columns:1fr}
  .pdp-gallery{position:static}
  .cart-layout{grid-template-columns:1fr}
  .cart-summary{position:static}
  .account-layout{grid-template-columns:1fr}
  .account-nav{position:static;display:flex;overflow-x:auto;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--gray-100)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hold-grid{grid-template-columns:1fr}
  .testimonials{grid-template-columns:1fr 1fr}
  .recipes-grid{grid-template-columns:1fr 1fr}
  .admin-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .header nav{display:none}
  .hamburger{display:flex}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .card-body{padding:10px 12px 14px}
  .card-name{font-size:14px}
  .steps{grid-template-columns:1fr 1fr}
  .stores-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .pdp-actions{flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .testimonials{grid-template-columns:1fr}
  .recipes-grid{grid-template-columns:1fr}
  .admin-stats{grid-template-columns:1fr}
  .admin-table{font-size:12px}
  .admin-table th,.admin-table td{padding:10px 8px}
}
/* Modal */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.modal{background:var(--cream);border-radius:var(--radius);padding:28px;max-height:90vh;overflow-y:auto;width:100%}
.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.modal-header h3{margin:0;font-family:var(--font-heading);color:var(--black)}
.modal-footer{border-top:1px solid var(--bone);padding-top:16px}

/* Mobile menu extras */
.mobile-menu-divider{height:1px;background:var(--bone);margin:12px 0}
.mobile-menu-label{font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:1px;padding:4px 0}

/* Header user button */
.header-user-btn{position:relative}
.header-user-btn::after{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;background:var(--green,#2d6b2d);border-radius:50%;border:2px solid var(--cream)}

/* Checkout steps bar */
.checkout-steps-bar{display:flex;gap:6px;margin-bottom:28px}
.checkout-step-bar{flex:1;height:4px;background:var(--bone);border-radius:2px}
.checkout-step-bar.done{background:var(--red)}
.checkout-step-bar.current{background:var(--bone-dark,#b5a68f)}


/* ═══ SMALL MOBILE (≤480px) ═══ */
@media(max-width:480px){
  .container{padding:0 12px}
  .hero h1{font-size:28px;line-height:1.2}
  .hero-desc{font-size:14px}
  .section-title{font-size:22px}
  .products-grid{grid-template-columns:1fr;gap:16px}
  .card-body{padding:14px 16px 18px}
  .card-name{font-size:16px}
  .card-price{font-size:15px}
  .steps{grid-template-columns:1fr}
  .btn,.btn-primary,.btn-outline{min-height:48px;font-size:15px;padding:12px 20px}
  .form-field input,.form-field select,.form-field textarea{min-height:48px;font-size:16px}
  .cart-item{flex-direction:column;align-items:flex-start;gap:12px}
  .cart-item-price{align-self:flex-end}
  .checkout-summary{padding:16px}
  .pdp-price{font-size:28px}
  .pdp-title{font-size:24px}
  .header .logo{font-size:18px}
  .features-item{min-width:100%}
  .hold-card{padding:16px}
}

/* Touch-friendly improvements */
@media(pointer:coarse){
  a,button,.btn{min-height:44px;min-width:44px}
  .quantity-btn{width:44px;height:44px;font-size:20px}
  .filter-tag{padding:10px 16px}
}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:0s!important}}