@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap');
:root {
  --cr:    #FFFCF9;
  --cr2:   #FFF5F5;
  --surf2: #FFF5F5;
  --cr3:   #FDE2E4;
  --or:    #D48C8C;
  --or2:   #c4757a;
  --or3:   #E8B4B8;
  --or4:   rgba(212,140,140,.08);
  --brun:  #1A1A1A;
  --brun2: #141414;
  --brun3: #1E1E1E;
  --pk:    #D48C8C;
  --pk2:   #E8B4B8;
  --pk3:   #c4757a;
  --sg:    #7A9E7E;
  --sg2:   #5E8063;
  --sg3:   rgba(122,158,126,.08);
  --txt:   #1A1A1A;
  --txt2:  #6B6B6B;
  --txt3:  #A0A0A0;
  --bd:    rgba(212,140,140,.15);
  --bd2:   rgba(212,140,140,.08);
  --bg:    #FFFCF9;
  --wh:    #FFFFFF;
  --ok:    #7A9E7E;
  --er:    #C0392B;
  --r2:    6px;
  --r3:    10px;
  --r4:    14px;
  --sh:    0 2px 12px rgba(212,140,140,.08);
  --sh2:   0 8px 32px rgba(212,140,140,.14);
  --sh3:   0 2px 8px rgba(212,140,140,.06);
  --nr:    #1A1A1A;
  --pk4:   rgba(212,140,140,.1);
  --gld2:  #D48C8C;
  --sw:    260px;
  --hh:    64px;
}
html[data-theme="dark"] {
  --surf2: #2E2224;
  --or:    #E29999;
  --or2:   #D48C8C;
  --or3:   #B87478;
  --or4:   rgba(212,140,140,.15);
  --brun:  #0D0D0D;
  --brun2: #0A0A0A;
  --brun3: #121212;
  --pk:    #E29999;
  --pk2:   #D48C8C;
  --pk3:   #E8ADB1;
  --sg:    #8FB594;
  --sg2:   #7A9E7E;
  --sg3:   rgba(122,158,126,.15);
  --txt:   #F5EDE9;
  --txt2:  #B8ADA8;
  --txt3:  #7D746F;
  --bd:    rgba(232,180,184,.18);
  --bd2:   rgba(232,180,184,.1);
  --bg:    #171414;
  --wh:    #221D1D;
  --ok:    #8FB594;
  --er:    #E05C4A;
  --nr:    #F5EDE9;
  --pk4:   rgba(232,180,184,.12);
  --gld2:  #E29999;
}
html { transition:background-color .25s ease; }
body { transition:background-color .25s ease, color .25s ease; }
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:15px; }
body { font-family:'DM Sans',sans-serif; background:var(--bg); color:var(--txt); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
a { text-decoration:none; color:inherit; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }
img { display:block; max-width:100%; }
input, select, textarea { font-family:inherit; }
#loadScreen { position:fixed; inset:0; z-index:9999; background:var(--bg); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; transition:opacity .5s, visibility .5s; }
#loadScreen.gone { opacity:0; visibility:hidden; }
.load-badge { position:relative; width:88px; height:88px; display:flex; align-items:center; justify-content:center; margin-bottom:6px; }
.load-ring { position:absolute; inset:0; border:3px solid var(--bd); border-top-color:var(--or); border-radius:50%; animation:loadSpin 1s linear infinite; }
.load-ball { font-size:1.8rem; color:var(--pk); animation:loadPulse 1.2s ease-in-out infinite; }
@keyframes loadSpin { to { transform:rotate(360deg); } }
@keyframes loadPulse { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(0.82); opacity:.7; } }
.load-wordmark { font-family:'Cormorant Garamond',serif; font-size:1.8rem; letter-spacing:2px; line-height:1; display:flex; gap:8px; }
.load-wordmark span { color:var(--txt); }
.load-wordmark em { font-style:normal; color:var(--pk); text-shadow:0 0 20px rgba(212,140,140,.5); }
.load-tagline { font-family:'DM Sans',sans-serif; font-size:.7rem; letter-spacing:2px; text-transform:uppercase; color:var(--txt3); }
.load-logo-img { width:120px; height:120px; object-fit:contain; border-radius:50%; animation:loadPulseImg .9s ease infinite alternate; }
@keyframes loadPulseImg { from{opacity:.7;transform:scale(.96)} to{opacity:1;transform:scale(1)} }
.load-prog { width:160px; height:3px; background:var(--cr3); border-radius:3px; overflow:hidden; margin-top:8px; }
.load-bar { height:100%; background:linear-gradient(90deg,var(--or2),var(--or)); animation:lprog 1.2s ease forwards; border-radius:3px; }
@keyframes lprog { to{width:100%;} }
.toasty { position:fixed; top:80px; right:24px; z-index:7000; background:var(--brun); color:var(--cr); padding:14px 18px; font-size:.8rem; max-width:300px; opacity:0; transform:translateX(120%); transition:all .35s cubic-bezier(.34,1.56,.64,1); display:flex; align-items:flex-start; gap:10px; border-radius:var(--r2); box-shadow:var(--sh2); }
.toasty i { color:var(--or); font-size:.95rem; margin-top:1px; }
.toasty.in { opacity:1; transform:translateX(0); }
.toasty.ok i { color:var(--sg); }
.toasty.er { border-left:3px solid var(--er); }
.top-ticker { background:var(--brun); overflow:hidden; height:38px; display:flex; align-items:center; }
.top-ticker-track { display:flex; white-space:nowrap; will-change:transform; }
.top-ticker-track span { display:inline-flex; align-items:center; gap:8px; padding:0 28px; font-size:.74rem; font-weight:500; letter-spacing:.4px; color:rgba(245,237,227,.78); border-right:1px solid rgba(245,237,227,.12); flex-shrink:0; }
.top-ticker-track span i { color:var(--or); font-size:.78rem; }
header { background:var(--wh); border-bottom:1px solid var(--bd); position:sticky; top:0; z-index:600; box-shadow:var(--sh3); }
.header-main { height:60px; display:flex; align-items:center; gap:12px; max-width:1380px; margin:0 auto; padding:0 24px; }
.logo { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.logo-img { height:52px; width:52px; object-fit:contain; border-radius:50%; flex-shrink:0; }
.logo-text { line-height:1.1; }
.logo-name { font-family:'Cormorant Garamond',serif; font-size:1.05rem; font-weight:700; color:var(--txt); display:block; letter-spacing:.3px; }
.logo-tagline { font-size:.58rem; color:var(--or2); letter-spacing:2.5px; text-transform:uppercase; display:block; font-weight:600; }
.search-bar { flex:1; max-width:480px; position:relative; }
.search-bar input { width:100%; height:42px; padding:0 48px 0 16px; border:1.5px solid var(--bd); border-radius:30px; font-size:.82rem; color:var(--txt); outline:none; background:var(--bg); transition:border .2s; }
.search-bar input:focus { border-color:var(--or); background:var(--wh); }
.search-bar input::placeholder { color:var(--txt3); }
.search-bar button { position:absolute; right:0; top:0; height:42px; width:48px; border-radius:0 30px 30px 0; background:linear-gradient(135deg,var(--or2),var(--brun2)); color:var(--cr); font-size:.85rem; }
.search-results { position:absolute; top:48px; left:0; right:0; background:var(--wh); border:1px solid var(--bd); border-radius:var(--r3); box-shadow:var(--sh2); z-index:100; display:none; max-height:360px; overflow-y:auto; }
.search-results.open { display:block; }
.sr-item { display:flex; align-items:center; gap:12px; padding:10px 14px; cursor:pointer; transition:background .15s; }
.sr-item:hover { background:var(--or4); }
.sr-img { width:44px; height:52px; border-radius:6px; object-fit:cover; background:var(--surf2); flex-shrink:0; }
.sr-name { font-size:.82rem; font-weight:500; color:var(--txt); }
.sr-price { font-size:.78rem; color:var(--or2); font-weight:600; font-family:'Cormorant Garamond',serif; }
.hdr-actions { display:flex; align-items:center; gap:4px; margin-left:auto; }
.hdr-btn { display:flex; flex-direction:column; align-items:center; gap:2px; padding:6px 10px; border-radius:var(--r2); color:var(--txt3); transition:all .2s; position:relative; font-size:.62rem; cursor:pointer; font-weight:500; flex-shrink:0; }
.hdr-btn i { font-size:1rem; color:var(--txt2); transition:color .2s; }
.hdr-btn:hover { background:var(--or4); color:var(--or2); }
.hdr-btn:hover i { color:var(--or2); }
.hdr-badge { position:absolute; top:4px; right:8px; width:17px; height:17px; border-radius:50%; background:var(--or2); color:var(--wh); font-size:.58rem; font-weight:700; display:flex; align-items:center; justify-content:center; }
.mob-toggle { display:none; font-size:1.2rem; color:var(--txt); padding:8px; }
.nav-bar { border-top:1px solid var(--bd2); display:flex; align-items:center; height:44px; max-width:1380px; margin:0 auto; padding:0 24px; }
.nav-item { position:relative; height:44px; display:flex; align-items:center; }
.nav-link { display:flex; align-items:center; gap:5px; padding:0 15px; height:44px; font-size:.78rem; font-weight:500; color:var(--txt2); transition:color .2s; white-space:nowrap; border-bottom:2px solid transparent; letter-spacing:.3px; }
.nav-link:hover, .nav-link.active { color:var(--or2); border-bottom-color:var(--or); }
.nav-link i { font-size:.6rem; }
.nav-item:hover .mega-menu { display:block; }
.mega-menu { display:none; position:absolute; top:44px; left:0; background:var(--wh); border:1px solid var(--bd); border-radius:0 0 var(--r3) var(--r3); box-shadow:var(--sh2); padding:18px; min-width:220px; z-index:500; }
.mega-link { display:flex; align-items:center; gap:8px; padding:8px 10px; font-size:.8rem; color:var(--txt); border-radius:var(--r2); transition:all .15s; }
.mega-link:hover { background:var(--or4); color:var(--or2); }
.mega-link i { color:var(--or); font-size:.85rem; width:16px; }
.nav-promo { margin-left:auto; }
.nav-promo a { background:var(--pk); color:var(--wh); padding:6px 18px; border-radius:20px; font-size:.75rem; font-weight:600; transition:opacity .2s; }
.nav-promo a:hover { opacity:.88; }
.mob-menu-panel { position:fixed; top:0; left:-100%; bottom:0; width:300px; background:var(--wh); z-index:900; transition:left .3s ease; display:flex; flex-direction:column; box-shadow:4px 0 24px rgba(44,26,14,.12); overflow-y:auto; }
.mob-menu-panel.open { left:0; }
.mob-menu-head { height:64px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--bd); }
.mob-menu-links { flex:1; padding:8px 0; }
.mob-menu-link { display:flex; align-items:center; gap:12px; padding:13px 20px; font-size:.85rem; color:var(--txt); border-bottom:1px solid var(--bd2); transition:color .2s; }
.mob-menu-link i { color:var(--or); font-size:.85rem; width:16px; }
.mob-menu-link:hover { color:var(--or2); }
.mob-menu-social { display:flex; justify-content:center; gap:12px; padding:20px; border-top:1px solid var(--bd2); }
.mob-soc-btn { width:40px; height:40px; border-radius:50%; background:var(--bg); border:1px solid var(--bd); display:flex; align-items:center; justify-content:center; font-size:.95rem; color:var(--txt2); transition:all .2s; }
.mob-soc-btn:hover { background:var(--pk); color:#fff; border-color:var(--pk); }
.mob-backdrop { position:fixed; inset:0; background:rgba(44,26,14,.45); z-index:850; display:none; }
.mob-backdrop.open { display:block; }
.overlay { position:fixed; inset:0; background:rgba(44,26,14,.45); z-index:700; display:none; }
.overlay.open { display:block; }
.hero { background:linear-gradient(160deg,#FFFCF9 0%,#FDE2E4 50%,#FFFCF9 100%); overflow:hidden; position:relative; min-height:620px; display:flex; align-items:center; }
.hero-bg-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; z-index:0; }
.hero-bg-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,252,249,.96) 0%,rgba(255,252,249,.85) 32%,rgba(255,252,249,.4) 58%,rgba(255,252,249,.1) 75%); z-index:1; }
.hero-grid { display:grid; grid-template-columns:1fr; gap:0; align-items:center; max-width:1480px; margin:0 auto; padding:0; width:100%; min-height:620px; position:relative; z-index:2; }
#heroCanvas { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.hero-particles { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.hero-particles .particle { position:absolute; background:var(--pk); border-radius:50%; animation:floatParticle linear infinite; }
@keyframes floatParticle {
  0%   { transform:translateY(0) translateX(0); opacity:0; }
  10%  { opacity:1; }
  90%  { opacity:1; }
  100% { transform:translateY(-120px) translateX(20px); opacity:0; }
}
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:var(--or4); border:1px solid var(--or); color:var(--or); font-size:.72rem; font-weight:700; letter-spacing:1.5px; padding:7px 16px; border-radius:30px; margin-bottom:20px; text-transform:uppercase; }
.hero-h1 { display:flex; flex-direction:column; font-family:'Cormorant Garamond',serif; font-weight:400; line-height:.95; margin-bottom:18px; }
.h1-line1 { font-size:clamp(2.6rem,5vw,4.2rem); color:var(--txt); letter-spacing:2px; }
.h1-line2 { font-size:clamp(3.2rem,6.5vw,5.4rem); color:var(--pk); letter-spacing:2px; text-shadow:0 0 30px rgba(0,200,81,.4); }
.h1-line3 { font-size:clamp(1.2rem,2vw,1.6rem); color:var(--txt3); font-family:'DM Sans',sans-serif; font-weight:500; letter-spacing:6px; text-transform:uppercase; margin-top:6px; }
.hero-h1 em { font-style:normal; font-weight:700; color:var(--pk); display:block; }
.kpi { text-align:center; }
.kpi strong { display:block; font-family:'Cormorant Garamond',serif; font-size:1.5rem; color:var(--or); letter-spacing:1px; }
.kpi span { font-size:.7rem; letter-spacing:1px; color:var(--txt3); text-transform:uppercase; }
.kpi-sep { width:1px; height:40px; background:var(--bd); }
.hero-badge { display:none; }
.hero-h1 { font-family:'Cormorant Garamond',serif; font-weight:700; font-size:clamp(2.2rem,4.2vw,3.6rem); line-height:1.12; color:var(--txt); margin-bottom:18px; }
.hero-h1 em { font-style:normal; font-weight:700; color:var(--pk); display:block; }
.hero-divider { display:flex; align-items:center; gap:14px; margin-bottom:22px; max-width:420px; }
.hero-divider .line { flex:1; height:1px; background:var(--or); opacity:.5; }
.hero-divider i { color:var(--or); font-size:.85rem; }
.hero-sub { display:none; }
.hero-p { font-size:.92rem; color:var(--txt2); line-height:1.8; max-width:420px; margin-bottom:32px; }
.hero-ctas { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:44px; }
.btn-or { display:inline-flex; align-items:center; gap:8px; background:var(--pk); color:var(--wh); padding:14px 28px; border-radius:30px; font-size:.85rem; font-weight:600; letter-spacing:.3px; box-shadow:0 6px 20px rgba(214,58,110,.3); transition:all .25s; }
.btn-or:hover { transform:translateY(-2px); background:var(--pk3); box-shadow:0 10px 28px rgba(214,58,110,.4); }
.btn-or.sm { padding:10px 20px; font-size:.78rem; }
.btn-or.dk { background:var(--brun); color:var(--cr); }
.btn-cr { display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--txt); padding:13px 26px; border-radius:30px; font-size:.85rem; font-weight:500; border:1.5px solid var(--or); transition:all .25s; }
.btn-cr:hover { background:var(--or4); }
.btn-pk { display:inline-flex; align-items:center; gap:8px; background:var(--pk); color:var(--wh); padding:12px 24px; border-radius:var(--r2); font-size:.82rem; font-weight:600; letter-spacing:.3px; box-shadow:0 4px 14px rgba(214,58,110,.25); transition:all .25s; cursor:pointer; border:none; font-family:inherit; }
.btn-pk:hover { transform:translateY(-1px); background:var(--pk3); box-shadow:0 6px 20px rgba(214,58,110,.35); }
.btn-pk.sm { padding:9px 18px; font-size:.78rem; }
.btn-pk.fw { width:100%; justify-content:center; }
.btn-dark { display:inline-flex; align-items:center; gap:8px; background:var(--brun); color:var(--cr); padding:12px 24px; border-radius:var(--r2); font-size:.82rem; font-weight:600; transition:all .25s; }
.btn-dark:hover { background:var(--brun2); }
.btn-outline { display:inline-flex; align-items:center; gap:8px; border:1.5px solid var(--bd); color:var(--txt2); padding:10px 18px; border-radius:var(--r2); font-size:.78rem; font-weight:500; transition:all .2s; }
.btn-outline:hover { border-color:var(--or); color:var(--or2); }
.hero-kpis { display:flex; gap:0; }
.feat-mini { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; flex:1; padding:0 12px; position:relative; }
.feat-mini:not(:last-child)::after { content:''; position:absolute; right:0; top:8px; bottom:8px; width:1px; background:var(--bd); }
.feat-mini-icon { width:38px; height:38px; border-radius:50%; background:rgba(214,58,110,.08); display:flex; align-items:center; justify-content:center; color:var(--pk); font-size:.95rem; }
.feat-mini h5 { font-size:.78rem; font-weight:600; color:var(--txt); }
.feat-mini p { font-size:.65rem; color:var(--txt3); }
.kpi-n { font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:700; color:var(--or2); display:block; line-height:1; }
.kpi-l { font-size:.62rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--txt3); margin-top:3px; }
.kpi-div { width:1px; background:rgba(201,168,76,.2); }
.hero-text-col { position:relative; z-index:2; padding:64px 32px 64px 64px; max-width:640px; }
.hero-img-col { position:relative; z-index:2; height:100%; display:flex; align-items:center; justify-content:center; padding:32px; }
.hero-photo { width:100%; max-width:480px; border-radius:var(--r4); box-shadow:var(--sh2); object-fit:cover; aspect-ratio:4/5; }
@media (max-width:1000px) { .hero-img-col { display:none; } .hero-grid { grid-template-columns:1fr; } }
.reviews-carousel { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.hero-pill { position:absolute; bottom:28px; left:0; background:rgba(20,20,20,.92); backdrop-filter:blur(6px); border-radius:var(--r3); padding:12px 16px; box-shadow:var(--sh2); display:flex; align-items:center; gap:10px; border:1px solid var(--bd); }
.hero-pill i { color:var(--or); font-size:1.1rem; }
.hero-pill strong { display:block; font-size:.78rem; color:var(--txt); }
.hero-pill span { font-size:.62rem; color:var(--txt3); }
.hero-countdown { position:absolute; top:20px; right:20px; background:rgba(20,20,20,.92); backdrop-filter:blur(6px); border-radius:var(--r3); padding:14px 18px; box-shadow:var(--sh2); text-align:center; border:1px solid var(--bd); }
.hero-countdown .cd-label { font-size:.62rem; color:var(--or2); font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:8px; }
.cd-nums { display:flex; gap:8px; align-items:center; }
.cd-box { background:var(--brun); color:var(--cr); border-radius:6px; width:36px; text-align:center; padding:4px 0; }
.cd-box span { display:block; font-weight:700; font-size:.92rem; line-height:1.2; }
.cd-box small { font-size:.5rem; opacity:.7; }
.cd-sep { color:var(--or2); font-weight:700; }
.strip { background:var(--brun); overflow:hidden; height:40px; display:flex; align-items:center; }
.strip-track { display:flex; animation:stk 22s linear infinite; white-space:nowrap; }
@keyframes stk { to{transform:translateX(-50%)} }
.strip-item { padding:0 20px; font-size:.72rem; color:rgba(245,237,227,.6); letter-spacing:1.5px; text-transform:uppercase; }
.strip-dot { color:var(--or); padding:0 4px; }
.container { max-width:1380px; margin:0 auto; padding:0 24px; }
.section { padding:64px 0; }
.section-hd { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30px; gap:16px; }
.sec-tag { font-size:.62rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--or); margin-bottom:6px; }
.sec-title { font-family:'Cormorant Garamond',serif; font-size:clamp(1.4rem,2.5vw,2rem); font-weight:700; color:var(--txt); line-height:1.2; }
.sec-title em { font-style:normal; color:var(--or2); font-weight:400; }
.see-all { font-size:.78rem; color:var(--or2); font-weight:600; display:flex; align-items:center; gap:5px; white-space:nowrap; }
.see-all i { transition:transform .2s; }
.see-all:hover i { transform:translateX(3px); }
.cats-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:14px; }
.cat-card { background:var(--wh); border-radius:var(--r3); overflow:hidden; border:1.5px solid var(--bd); cursor:pointer; transition:all .25s; text-align:center; padding:20px 12px 16px; display:flex; flex-direction:column; align-items:center; gap:10px; }
.cat-card:hover { border-color:var(--or); box-shadow:var(--sh); transform:translateY(-3px); }
.cat-img { width:80px; height:80px; border-radius:50%; object-fit:cover; background:var(--surf2); display:flex; align-items:center; justify-content:center; font-size:1.8rem; }
.cat-img img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.cat-name { font-size:.8rem; font-weight:600; color:var(--txt); font-family:'Cormorant Garamond',serif; font-size:.95rem; }
.cat-count { font-size:.65rem; color:var(--txt3); }
.prod-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; }
.prod-card { background:var(--wh); border-radius:var(--r3); overflow:hidden; border:1px solid var(--bd); transition:all .25s; cursor:pointer; }
.prod-card:hover { border-color:var(--or); box-shadow:var(--sh2); transform:translateY(-4px); }
.pc-img { position:relative; aspect-ratio:1; background:var(--surf2); overflow:hidden; }
.pc-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.prod-card:hover .pc-img img { transform:scale(1.06); }
.pc-ph { width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; color:var(--or); }
.pc-ph i { font-size:2.5rem; opacity:.25; }
.pc-ph span { font-size:.7rem; opacity:.35; letter-spacing:1px; text-transform:uppercase; font-family:'Cormorant Garamond',serif; }
.pc-badge { position:absolute; top:10px; left:10px; padding:3px 10px; border-radius:20px; font-size:.62rem; font-weight:700; text-transform:uppercase; }
.pc-badge.red { background:var(--er); color:var(--wh); }
.pc-badge.or { background:var(--or2); color:var(--wh); }
.pc-badge.gld { background:var(--brun); color:var(--or3); }
.pc-badge.ok { background:var(--sg); color:var(--wh); }
.pc-badge.pk { background:var(--pk); color:var(--wh); }
.pc-badge.pack { background:linear-gradient(135deg,#8E5CD9,#B084E8); color:#fff; }
.pc-wish { position:absolute; top:8px; right:10px; width:32px; height:32px; border-radius:50%; background:rgba(20,20,20,.85); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; font-size:.85rem; color:var(--txt3); transition:all .2s; border:none; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.3); }
.pc-wish:hover, .pc-wish.on { color:var(--or2); background:var(--wh); }
.pc-actions { position:absolute; bottom:0; left:0; right:0; display:flex; transform:translateY(100%); transition:transform .25s; }
.prod-card:hover .pc-actions { transform:none; }
.pc-atc { flex:1; padding:10px; background:var(--brun); color:var(--cr); font-size:.75rem; font-weight:600; display:flex; align-items:center; justify-content:center; gap:6px; transition:background .2s; }
.pc-atc:hover { background:var(--brun2); }
.pc-quick { width:40px; padding:10px; background:var(--or2); color:var(--wh); display:flex; align-items:center; justify-content:center; font-size:.82rem; transition:background .2s; }
.pc-quick:hover { background:var(--or); }
.pc-body { padding:12px 14px 14px; }
.pc-brand { font-size:.62rem; color:var(--txt3); text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.pc-name { font-family:'Cormorant Garamond',serif; font-size:1rem; font-weight:600; color:var(--txt); margin-bottom:6px; line-height:1.3; }
.pc-stars { display:flex; align-items:center; gap:4px; margin-bottom:8px; }
.stars { color:var(--or); font-size:.72rem; }
.stars-count { font-size:.65rem; color:var(--txt3); }
.pc-price-row { display:flex; align-items:baseline; gap:8px; }
.pc-price { font-family:'Cormorant Garamond',serif; font-size:1.05rem; font-weight:700; color:var(--or2); }
.pc-old { font-size:.75rem; color:var(--txt3); text-decoration:line-through; }
.pc-disc { font-size:.68rem; background:rgba(192,57,43,.1); color:var(--er); padding:2px 6px; border-radius:4px; font-weight:600; }
.stock-low { font-size:.65rem; color:var(--er); margin-top:4px; display:flex; align-items:center; gap:4px; }
.promo-banner { background:linear-gradient(135deg,rgba(212,140,140,.55),rgba(196,117,122,.88)), url('images/promo-bg.jpg') center/cover no-repeat; border-radius:var(--r4); padding:56px 52px; display:flex; align-items:center; justify-content:space-between; gap:32px; color:var(--wh); position:relative; overflow:hidden; min-height:340px; border:1px solid var(--bd); }
.promo-banner::before { content:''; position:absolute; right:-60px; top:-60px; width:280px; height:280px; border-radius:50%; background:rgba(214,58,110,.1); pointer-events:none; }
.pb-tag { font-size:.68rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; opacity:.7; margin-bottom:8px; color:var(--or3); }
.pb-title { font-family:'Cormorant Garamond',serif; font-size:clamp(1.4rem,2.5vw,2.2rem); font-weight:700; line-height:1.2; margin-bottom:8px; }
.pb-text { font-size:.85rem; opacity:.85; line-height:1.6; margin-bottom:18px; max-width:420px; }
.pb-sub { font-size:.82rem; opacity:.7; margin-bottom:20px; }
.pb-countdown { display:flex; gap:10px; align-items:center; }
.pb-cd-box { background:rgba(201,168,76,.2); backdrop-filter:blur(4px); border:1px solid rgba(201,168,76,.3); border-radius:8px; padding:8px 12px; text-align:center; min-width:52px; }
.pb-cd-box span { display:block; font-size:1.2rem; font-weight:700; line-height:1; color:var(--or3); }
.pb-cd-box small { font-size:.55rem; opacity:.65; letter-spacing:.5px; text-transform:uppercase; }
.pb-sep { font-size:1.2rem; font-weight:700; color:var(--or3); opacity:.6; }
.pb-img { width:220px; flex-shrink:0; }
.pb-img img { width:100%; filter:drop-shadow(0 10px 20px rgba(0,0,0,.2)); }
.page-header { background:var(--wh); border-bottom:1px solid var(--bd); padding:14px 0; }
.breadcrumb { display:flex; align-items:center; gap:6px; font-size:.78rem; color:var(--txt3); }
.breadcrumb a { color:var(--txt2); transition:color .2s; }
.breadcrumb a:hover { color:var(--or2); }
.breadcrumb i { font-size:.6rem; }
.shop-layout { display:grid; grid-template-columns:260px 1fr; gap:28px; align-items:start; }
.shop-main { min-width:0; }
.section-hd-left { min-width:0; }
.promo-flash-bar {
  display:none; align-items:center; justify-content:center; gap:14px;
  background:linear-gradient(90deg,var(--pk),var(--pk3));
  color:#fff; padding:10px 16px; text-align:center; font-size:.82rem; font-weight:600;
  flex-wrap:wrap; position:relative; z-index:950;
}
.promo-flash-bar.open { display:flex; }
.promo-flash-bar .pf-count { background:rgba(255,255,255,.25); padding:3px 10px; border-radius:20px; font-weight:700; font-variant-numeric:tabular-nums; }
.theme-toggle {
  width:38px; height:38px; border-radius:50%;
  background:var(--cr2); border:1px solid var(--bd);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; color:var(--txt2); font-size:.95rem;
  transition:background .2s, color .2s;
  flex-shrink:0;
}
.theme-toggle:hover { background:var(--pk4); color:var(--pk3); }
.theme-toggle .fa-sun { display:none; }
html[data-theme="dark"] .theme-toggle .fa-moon { display:none; }
html[data-theme="dark"] .theme-toggle .fa-sun { display:block; }
.wa-float-btn {
  position:fixed; bottom:24px; right:24px; z-index:600;
  width:52px; height:52px; border-radius:50%;
  background:linear-gradient(135deg,var(--pk),var(--pk3));
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 18px rgba(214,58,110,.35);
  transition:transform .25s, bottom .25s;
}
.wa-float-btn:hover { transform:scale(1.08); }
@media (max-width:720px) {
  .wa-float-btn { bottom:calc(86px + env(safe-area-inset-bottom,0px)); right:16px; }
}
.install-banner {
  position:fixed; left:0; right:0; bottom:0; z-index:850;
  background:var(--brun); color:#fff; padding:12px 16px;
  display:none; align-items:center; gap:12px;
  box-shadow:0 -4px 16px rgba(0,0,0,.18);
  transform:translateY(100%); transition:transform .3s ease;
}
.install-banner.open { display:flex; transform:translateY(0); }
.install-banner .ib-icon { width:38px; height:38px; border-radius:10px; flex-shrink:0; }
.install-banner .ib-text { flex:1; font-size:.8rem; line-height:1.4; }
.install-banner .ib-btn { background:var(--pk); color:#fff; border:none; padding:8px 16px; border-radius:20px; font-size:.78rem; font-weight:700; cursor:pointer; white-space:nowrap; }
.install-banner .ib-close { background:none; border:none; color:rgba(255,255,255,.6); font-size:1rem; cursor:pointer; padding:4px; flex-shrink:0; }
@media (max-width:720px) { .install-banner.open { bottom:calc(70px + env(safe-area-inset-bottom,0px)); } }
.mobile-tabbar { display:none; }
@media (max-width:720px) {
  body { padding-bottom:calc(70px + env(safe-area-inset-bottom,0px)); }
  footer { display:none; }
  .mobile-tabbar {
    display:flex; align-items:flex-end; position:fixed; left:0; right:0; bottom:0; z-index:800;
    background:var(--wh); border-top:1px solid var(--bd);
    box-shadow:0 -6px 20px rgba(44,26,14,.08);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .mobile-tabbar a, .mobile-tabbar button {
    flex:1; display:flex; flex-direction:column; align-items:center; gap:3px;
    padding:10px 4px; font-size:.62rem; color:var(--txt3); font-weight:600;
    background:none; border:none; cursor:pointer; font-family:inherit; position:relative;
  }
  .mobile-tabbar .mtb-icon { font-size:1.15rem; }
  .mobile-tabbar a.active, .mobile-tabbar button.active { color:var(--pk3); }
  .mobile-tabbar .mtb-fab { color:transparent; font-size:0; padding-top:0; }
  .mobile-tabbar .mtb-fab .mtb-icon {
    width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--pk),var(--pk3)); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:1.3rem;
    margin-top:-22px; box-shadow:0 10px 20px -6px rgba(214,58,110,.55);
  }
  .mobile-tabbar .mtb-badge {
    position:absolute; top:2px; right:calc(50% - 20px); background:var(--pk3); color:#fff;
    font-size:.6rem; font-weight:700; min-width:16px; height:16px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; padding:0 3px;
  }
}
.tuto-popup-overlay{position:fixed;inset:0;background:rgba(20,15,15,.55);backdrop-filter:blur(3px);z-index:900;display:none;align-items:center;justify-content:center;padding:20px;}
.tuto-popup-overlay.open{display:flex;}
.tuto-popup{background:var(--wh);border-radius:var(--r4);padding:36px 32px;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:var(--sh2);animation:tutoPop .3s ease;}
@keyframes tutoPop{from{transform:scale(.92);opacity:0;}to{transform:scale(1);opacity:1;}}
.tuto-popup-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--txt3);font-size:1rem;cursor:pointer;}
.tuto-popup-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--pk),var(--pk3));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 16px;}
.tuto-popup h3{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.4rem;color:var(--txt);margin-bottom:10px;}
.tuto-popup p{font-size:.87rem;color:var(--txt2);line-height:1.7;margin-bottom:20px;}
.tuto-popup .btn-pk{width:100%;margin-bottom:12px;justify-content:center;}
.tuto-popup-skip{background:none;border:none;color:var(--txt3);font-size:.78rem;text-decoration:underline;cursor:pointer;}
.prod-gallery { position:sticky; top:90px; min-width:0; }
.prod-info { min-width:0; }
.sidebar-filters { background:var(--wh); border-radius:var(--r3); border:1px solid var(--bd); overflow:hidden; position:sticky; top:134px; }
.sf-header { padding:16px 20px; border-bottom:1px solid var(--bd); display:flex; align-items:center; justify-content:space-between; }
.sf-header h3 { font-size:.88rem; font-weight:700; color:var(--txt); font-family:'Cormorant Garamond',serif; font-size:1rem; }
.sf-clear { font-size:.75rem; color:var(--or2); font-weight:500; cursor:pointer; }
.sf-clear:hover { text-decoration:underline; }
.filter-section { border-bottom:1px solid var(--bd2); }
.filter-section:last-child { border-bottom:none; }
.filter-toggle { width:100%; display:flex; align-items:center; justify-content:space-between; padding:13px 20px; font-size:.82rem; font-weight:600; color:var(--txt); cursor:pointer; background:none; border:none; font-family:inherit; }
.filter-toggle i { font-size:.7rem; color:var(--txt3); transition:transform .2s; }
.filter-toggle.open i { transform:rotate(180deg); }
.filter-body { padding:0 20px 14px; display:none; }
.filter-body.open { display:block; }
.filter-check { display:flex; align-items:center; justify-content:space-between; padding:6px 0; cursor:pointer; }
.filter-check label { display:flex; align-items:center; gap:8px; font-size:.78rem; color:var(--txt2); cursor:pointer; }
.filter-check input[type=checkbox] { width:15px; height:15px; accent-color:var(--or2); }
.filter-count { font-size:.65rem; color:var(--txt3); background:var(--bd2); padding:1px 7px; border-radius:10px; }
.price-range { display:flex; flex-direction:column; gap:10px; }
.price-range input[type=range] { accent-color:var(--or2); width:100%; }
.price-vals { display:flex; justify-content:space-between; font-size:.75rem; color:var(--txt2); }
.star-filter { display:flex; align-items:center; gap:4px; padding:6px 0; cursor:pointer; }
.star-filter:hover .stars { color:var(--or2); }
.shop-toolbar { background:var(--wh); border:1px solid var(--bd); border-radius:var(--r3); padding:12px 16px; margin-bottom:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.toolbar-left { font-size:.78rem; color:var(--txt2); }
.toolbar-left strong { color:var(--txt); }
.toolbar-right { display:flex; align-items:center; gap:10px; }
.sort-select { height:34px; padding:0 12px; border:1px solid var(--bd); border-radius:var(--r2); font-size:.78rem; color:var(--txt); background:var(--wh); outline:none; cursor:pointer; min-width:160px; }
.sort-select:focus { border-color:var(--or); }
.view-btns { display:flex; gap:4px; }
.view-btn { width:32px; height:32px; border-radius:6px; border:1px solid var(--bd); display:flex; align-items:center; justify-content:center; font-size:.78rem; color:var(--txt3); transition:all .2s; cursor:pointer; }
.view-btn.on { background:var(--or2); border-color:var(--or2); color:var(--wh); }
.pagination { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:32px; }
.pg-btn { width:36px; height:36px; border-radius:6px; border:1px solid var(--bd); display:flex; align-items:center; justify-content:center; font-size:.78rem; color:var(--txt2); cursor:pointer; transition:all .2s; }
.pg-btn:hover { border-color:var(--or); color:var(--or2); }
.pg-btn.on { background:var(--or2); border-color:var(--or2); color:var(--wh); }
.no-results { grid-column:1/-1; text-align:center; padding:60px 20px; color:var(--txt3); }
.no-results i { font-size:2.5rem; display:block; margin-bottom:14px; opacity:.2; color:var(--or); }
.prod-page-layout { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; }
.gallery-main { border-radius:var(--r3); overflow:hidden; aspect-ratio:1; background:var(--cr2); margin-bottom:10px; position:relative; }
.gallery-main img { width:100%; height:100%; object-fit:cover; }
.gallery-main-ph { width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; color:var(--or); }
.gallery-main-ph i { font-size:4rem; opacity:.2; }
.gallery-thumbs { display:flex; gap:8px; }
.g-thumb { width:72px; height:72px; border-radius:8px; overflow:hidden; border:2px solid transparent; cursor:pointer; transition:border-color .2s; flex-shrink:0; }
.g-thumb img { width:100%; height:100%; object-fit:cover; }
.g-thumb.on { border-color:var(--or); }
.prod-brand { font-size:.7rem; color:var(--txt3); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:6px; }
.prod-name-big { font-family:'Cormorant Garamond',serif; font-size:1.8rem; font-weight:700; color:var(--txt); line-height:1.2; margin-bottom:10px; }
.prod-meta { display:flex; align-items:center; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.prod-rating { display:flex; align-items:center; gap:6px; font-size:.78rem; color:var(--txt2); }
.prod-rating .stars { font-size:.85rem; }
.prod-stock { font-size:.75rem; font-weight:600; }
.prod-stock.ok { color:var(--ok); }
.prod-stock.low { color:var(--er); }
.prod-price-big { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:700; color:var(--or2); margin-bottom:18px; display:flex; align-items:baseline; gap:12px; }
.prod-price-big .old { font-size:1.1rem; color:var(--txt3); text-decoration:line-through; font-weight:300; }
.prod-desc { font-size:.82rem; color:var(--txt2); line-height:1.8; margin-bottom:18px; }
.prod-option-label { font-size:.78rem; font-weight:600; color:var(--txt); margin-bottom:8px; }
.size-options { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.size-opt { padding:7px 16px; border:1.5px solid var(--bd); border-radius:6px; font-size:.78rem; font-weight:500; cursor:pointer; transition:all .2s; background:var(--wh); color:var(--txt); }
.size-opt:hover { border-color:var(--or); color:var(--or2); }
.size-opt.on { border-color:var(--or2); background:var(--brun); color:var(--cr); }
.qty-add-row { display:flex; gap:12px; align-items:center; margin-bottom:16px; }
.qty-ctrl { display:flex; align-items:center; border:1.5px solid var(--bd); border-radius:30px; overflow:hidden; }
.qty-btn { width:38px; height:42px; display:flex; align-items:center; justify-content:center; font-size:.9rem; color:var(--txt2); transition:all .2s; cursor:pointer; }
.qty-btn:hover { background:var(--or4); color:var(--or2); }
.qty-n { min-width:36px; text-align:center; font-size:.88rem; font-weight:600; }
.btn-buy { flex:1; padding:13px; background:var(--brun); color:var(--cr); border-radius:30px; font-size:.82rem; font-weight:600; display:flex; align-items:center; justify-content:center; gap:8px; transition:background .2s; }
.btn-buy:hover { background:var(--brun2); }
.prod-actions-row { display:flex; gap:8px; margin-bottom:20px; }
.prod-features { display:flex; flex-direction:column; gap:0; border:1px solid var(--bd); border-radius:var(--r3); overflow:hidden; }
.prod-feat { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--bd2); font-size:.78rem; color:var(--txt2); }
.prod-feat:last-child { border-bottom:none; }
.prod-feat i { color:var(--or); font-size:.9rem; width:16px; }
.tabs { border-bottom:1px solid var(--bd); margin-bottom:24px; display:flex; gap:0; }
.tab-btn { padding:12px 20px; font-size:.82rem; font-weight:500; color:var(--txt2); border-bottom:2px solid transparent; cursor:pointer; transition:all .2s; background:none; border-top:none; border-left:none; border-right:none; font-family:inherit; }
.tab-btn:hover { color:var(--or2); }
.tab-btn.on { color:var(--or2); border-bottom-color:var(--or); font-weight:600; }
.tab-panel { display:none; }
.tab-panel.on { display:block; }
.review-card { background:var(--wh); border:1px solid var(--bd); border-radius:var(--r3); padding:18px; margin-bottom:12px; }
.rc-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:8px; }
.rc-author { font-size:.82rem; font-weight:600; color:var(--txt); }
.rc-date { font-size:.68rem; color:var(--txt3); }
.rc-text { font-size:.8rem; color:var(--txt2); line-height:1.7; }
.rev-form { background:var(--or4); border-radius:var(--r3); padding:20px; }
.rev-stars-pick { display:flex; gap:6px; margin-bottom:12px; }
.rstar { font-size:1.8rem; color:var(--bd); cursor:pointer; transition:color .15s; }
.rstar.on { color:var(--or); }
.cart-panel { position:fixed; top:0; right:-480px; bottom:0; width:460px; max-width:100vw; background:var(--wh); z-index:800; transition:right .35s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; box-shadow:-4px 0 40px rgba(44,26,14,.15); }
.cart-panel.open { right:0; }
.cart-hd { padding:18px 20px; border-bottom:1px solid var(--bd); display:flex; align-items:center; justify-content:space-between; flex-shrink:0; }
.cart-hd h3 { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:700; color:var(--txt); display:flex; align-items:center; gap:8px; }
.cart-close { font-size:1rem; color:var(--txt3); padding:6px; transition:color .2s; }
.cart-close:hover { color:var(--or2); }
.cart-body { flex:1; overflow-y:auto; padding:14px 20px; }
.cart-empty { text-align:center; padding:60px 20px; color:var(--txt3); }
.cart-empty i { font-size:3rem; display:block; margin-bottom:16px; color:var(--cr3); }
.cart-empty p { font-family:'Cormorant Garamond',serif; font-size:1.1rem; margin-bottom:20px; }
.cart-item { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--bd2); align-items:flex-start; }
.ci-img { width:70px; height:82px; border-radius:var(--r2); overflow:hidden; flex-shrink:0; background:var(--cr2); }
.ci-img img { width:100%; height:100%; object-fit:cover; }
.ci-info { flex:1; }
.ci-brand { font-size:.62rem; color:var(--txt3); text-transform:uppercase; letter-spacing:1px; }
.ci-name { font-size:.82rem; font-weight:600; color:var(--txt); margin:2px 0 5px; line-height:1.3; }
.ci-variants { display:flex; gap:5px; flex-wrap:wrap; }
.ci-tag { font-size:.62rem; background:var(--or4); color:var(--or2); padding:2px 8px; border-radius:10px; }
.ci-price { font-family:'Cormorant Garamond',serif; font-size:.95rem; font-weight:700; color:var(--or2); margin-top:5px; }
.ci-qty { display:flex; align-items:center; gap:6px; margin-top:7px; }
.ci-qty-btn { width:24px; height:24px; border-radius:50%; border:1.5px solid var(--bd); display:flex; align-items:center; justify-content:center; font-size:.75rem; cursor:pointer; transition:all .2s; }
.ci-qty-btn:hover { border-color:var(--or); color:var(--or2); }
.ci-qty-n { font-size:.8rem; font-weight:600; min-width:20px; text-align:center; }
.ci-rm { font-size:.72rem; color:var(--txt3); transition:color .2s; }
.ci-rm:hover { color:var(--er); }
.ci-total { font-size:.88rem; font-weight:700; color:var(--txt); align-self:center; white-space:nowrap; }
.cart-ft { padding:16px 20px; border-top:1px solid var(--bd); flex-shrink:0; }
.cart-summary { background:var(--bg); border-radius:var(--r2); padding:14px; margin-bottom:14px; }
.cs-row { display:flex; justify-content:space-between; font-size:.78rem; margin-bottom:6px; }
.cs-row span:first-child { color:var(--txt2); }
.cs-row span:last-child { font-weight:600; color:var(--txt); }
.cs-row.total { border-top:1px dashed var(--bd); padding-top:8px; margin-top:4px; }
.cs-row.total span { font-size:.9rem; font-weight:700; }
.cs-row.total span:last-child { color:var(--or2); font-family:'Cormorant Garamond',serif; font-size:1.1rem; }
.promo-row { display:flex; gap:8px; margin-bottom:12px; }
.promo-inp { flex:1; height:38px; padding:0 12px; border:1.5px solid var(--bd); border-radius:6px; font-size:.78rem; outline:none; transition:border .2s; }
.promo-inp:focus { border-color:var(--or); }
.promo-apply { padding:0 16px; border-radius:6px; background:var(--brun); color:var(--cr); font-size:.75rem; font-weight:600; transition:background .2s; }
.promo-apply:hover { background:var(--brun2); }
.btn-checkout { width:100%; padding:14px; background:linear-gradient(135deg,var(--or2),var(--brun2)); color:var(--cr); border-radius:var(--r2); font-size:.82rem; font-weight:600; display:flex; align-items:center; justify-content:center; gap:8px; transition:all .2s; cursor:pointer; border:none; font-family:inherit; }
.btn-checkout:hover { transform:translateY(-1px); box-shadow:0 4px 18px rgba(184,146,42,.3); }
.ck-modal { display:none; position:fixed; inset:0; z-index:900; background:rgba(44,26,14,.5); padding:20px; overflow-y:auto; }
.ck-modal.open { display:flex; align-items:flex-start; justify-content:center; padding-top:40px; }
.ck-box { background:var(--wh); border-radius:var(--r4); width:100%; max-width:800px; overflow:hidden; box-shadow:0 20px 60px rgba(44,26,14,.2); }
.ck-steps { background:var(--bg); border-bottom:1px solid var(--bd); padding:20px 28px; display:flex; align-items:center; gap:0; }
.ck-step { display:flex; align-items:center; gap:8px; flex:1; }
.ck-step-num { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.72rem; font-weight:700; background:var(--bd); color:var(--txt3); transition:all .3s; flex-shrink:0; }
.ck-step.done .ck-step-num { background:var(--ok); color:var(--wh); }
.ck-step.active .ck-step-num { background:var(--or2); color:var(--wh); }
.ck-step-lbl { font-size:.72rem; font-weight:500; color:var(--txt3); }
.ck-step.active .ck-step-lbl { color:var(--or2); font-weight:600; }
.ck-step.done .ck-step-lbl { color:var(--ok); }
.ck-step-line { flex:1; height:1px; background:var(--bd); margin:0 8px; }
.ck-step-line.done { background:var(--ok); }
.ck-body { display:grid; grid-template-columns:1fr 340px; }
.ck-form { padding:28px; border-right:1px solid var(--bd); }
.ck-sidebar { padding:28px; background:var(--bg); }
.ck-section-title { font-family:'Cormorant Garamond',serif; font-size:1.05rem; font-weight:700; color:var(--txt); margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.ck-section-title i { color:var(--or); }
.form-group { margin-bottom:14px; }
.form-group label { display:block; font-size:.72rem; font-weight:600; color:var(--txt); margin-bottom:5px; letter-spacing:.3px; }
.form-group input, .form-group select, .form-group textarea { width:100%; padding:11px 14px; border:1.5px solid var(--bd); border-radius:var(--r2); font-family:inherit; font-size:.82rem; color:var(--txt); background:var(--wh); outline:none; transition:border .2s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--or); }
.form-row-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.delivery-opts { display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.del-opt { border:1.5px solid var(--bd); border-radius:var(--r2); padding:14px 16px; cursor:pointer; transition:all .2s; }
.del-opt:hover { border-color:var(--or); }
.del-opt.on { border-color:var(--or2); background:var(--or4); }
.del-opt-top { display:flex; align-items:center; justify-content:space-between; }
.del-name { font-size:.82rem; font-weight:600; color:var(--txt); }
.del-price { font-weight:700; color:var(--or2); font-size:.85rem; font-family:'Cormorant Garamond',serif; }
.del-desc { font-size:.72rem; color:var(--txt3); margin-top:3px; }
.pay-opts { display:flex; flex-direction:column; gap:8px; }
.pay-opt { border:1.5px solid var(--bd); border-radius:var(--r2); padding:14px 16px; cursor:pointer; transition:all .2s; display:flex; align-items:center; gap:14px; }
.pay-opt:hover { border-color:var(--or); }
.pay-opt.on { border-color:var(--or2); background:var(--or4); }
.pay-ico { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.pay-ico.wave { background:#E3F2FD; color:#1565C0; }
.pay-ico.om { background:#FFF3E0; color:#E65100; }
.pay-info strong { display:block; font-size:.82rem; font-weight:700; color:var(--txt); }
.pay-info span { font-size:.72rem; color:var(--txt3); }
.pay-note { background:var(--or4); border-radius:var(--r2); padding:12px; font-size:.78rem; color:var(--txt2); margin-top:8px; line-height:1.65; display:none; border-left:3px solid var(--or); }
.pay-note.on { display:block; }
.pay-num { font-size:1.05rem; font-weight:700; color:var(--or2); letter-spacing:1px; margin:5px 0; font-family:'Cormorant Garamond',serif; }
.ck-order-sum { background:var(--wh); border-radius:var(--r2); border:1px solid var(--bd); padding:14px; margin-bottom:14px; }
.cos-item { display:flex; gap:10px; margin-bottom:10px; align-items:center; }
.cos-img { width:46px; height:46px; border-radius:6px; overflow:hidden; background:var(--cr2); flex-shrink:0; }
.cos-img img { width:100%; height:100%; object-fit:cover; }
.cos-name { font-size:.75rem; font-weight:600; color:var(--txt); flex:1; line-height:1.3; }
.cos-price { font-size:.78rem; font-weight:700; color:var(--or2); font-family:'Cormorant Garamond',serif; white-space:nowrap; }
.cos-sum-row { display:flex; justify-content:space-between; font-size:.78rem; padding:5px 0; }
.cos-sum-row span:first-child { color:var(--txt2); }
.cos-sum-row span:last-child { font-weight:600; }
.cos-sum-row.total { border-top:1px dashed var(--bd); margin-top:5px; padding-top:8px; }
.cos-sum-row.total span { font-weight:700; font-size:.9rem; }
.cos-sum-row.total span:last-child { color:var(--or2); font-family:'Cormorant Garamond',serif; }
.cos-sum-row.promo span { color:var(--ok); }
.ck-nav { display:flex; gap:10px; padding:20px 28px; border-top:1px solid var(--bd); justify-content:space-between; }
.trk-modal { display:none; position:fixed; inset:0; z-index:900; background:rgba(44,26,14,.5); padding:20px; overflow-y:auto; align-items:flex-start; justify-content:center; }
.trk-modal.open { display:flex; padding-top:60px; }
.trk-box { background:var(--wh); border-radius:var(--r4); width:100%; max-width:560px; overflow:hidden; box-shadow:0 20px 60px rgba(44,26,14,.2); }
.trk-hd { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid var(--bd); }
.trk-hd h3 { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-weight:700; color:var(--txt); display:flex; align-items:center; gap:8px; }
.trk-hd h3 i { color:var(--or); }
.trk-body { padding:24px; }
.trk-search-row { display:flex; gap:8px; margin-bottom:18px; }
.trk-search-row input { flex:1; padding:12px 14px; border:1.5px solid var(--bd); border-radius:var(--r2); font-family:inherit; font-size:.85rem; outline:none; transition:border .2s; }
.trk-search-row input:focus { border-color:var(--or); }
.trk-search-row button { padding:0 20px; background:var(--pk); color:var(--wh); border-radius:var(--r2); font-size:.82rem; font-weight:600; transition:background .2s; }
.trk-search-row button:hover { background:var(--pk3); }
.trk-empty { text-align:center; padding:30px 10px; color:var(--txt3); }
.trk-empty i { font-size:2rem; display:block; margin-bottom:10px; opacity:.3; color:var(--or); }
.trk-card { border:1.5px solid var(--bd); border-radius:var(--r3); padding:18px; margin-bottom:12px; }
.trk-card-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:6px; gap:8px; }
.trk-card-id { font-weight:700; color:var(--txt); font-size:.92rem; }
.trk-card-date { font-size:.7rem; color:var(--txt3); margin-top:2px; }
.trk-status-badge { font-size:.65rem; font-weight:700; padding:4px 11px; border-radius:20px; white-space:nowrap; }
.trk-progress { display:flex; align-items:flex-start; margin:16px 0; }
.trk-progress-step { display:flex; flex-direction:column; align-items:center; gap:6px; flex:1; text-align:center; }
.trk-progress-dot { width:30px; height:30px; border-radius:50%; background:var(--bg); border:2px solid var(--bd); display:flex; align-items:center; justify-content:center; font-size:.72rem; color:var(--txt3); transition:all .3s; flex-shrink:0; }
.trk-progress-step.done .trk-progress-dot { background:var(--ok); border-color:var(--ok); color:#fff; }
.trk-progress-step.active .trk-progress-dot { background:var(--pk); border-color:var(--pk); color:#fff; box-shadow:0 0 0 4px rgba(214,58,110,.18); }
.trk-progress-lbl { font-size:.62rem; color:var(--txt3); font-weight:500; max-width:70px; }
.trk-progress-step.done .trk-progress-lbl, .trk-progress-step.active .trk-progress-lbl { color:var(--txt); font-weight:600; }
.trk-progress-line { flex:0 0 auto; width:30px; height:2px; background:var(--bd); margin-top:14px; }
.trk-items { border-top:1px dashed var(--bd); padding-top:10px; margin-top:10px; }
.trk-item-line { display:flex; justify-content:space-between; font-size:.78rem; color:var(--txt2); margin-bottom:4px; }
.trk-total { text-align:right; font-weight:700; color:var(--or2); font-family:'Cormorant Garamond',serif; font-size:1rem; margin-top:8px; }
.feats-bar { background:var(--wh); border-top:1px solid var(--bd); border-bottom:1px solid var(--bd); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; display:block; }
.feats-bar::-webkit-scrollbar { display:none; }
.feats-inner { display:flex; flex-wrap:nowrap !important; width:max-content; min-width:100%; margin:0; padding:0; }
.feat-item { flex:0 0 auto; display:flex; align-items:center; gap:10px; padding:14px 18px; border-right:1px solid var(--bd); white-space:nowrap; min-width:0; }
.feat-item:last-child { border-right:none; }
.feat-icon { width:44px; height:44px; border-radius:50%; background:var(--or4); display:flex; align-items:center; justify-content:center; font-size:1rem; color:var(--or2); flex-shrink:0; }
.feat-info h4 { font-size:.82rem; font-weight:600; color:var(--txt); margin-bottom:2px; }
.feat-info p { font-size:.7rem; color:var(--txt3); }
footer { background:var(--brun); color:rgba(245,237,227,.6); padding:60px 0 24px; }
.ft-inner { display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr; gap:40px; margin-bottom:48px; max-width:1380px; margin-left:auto; margin-right:auto; padding:0 24px; }
.ft-logo-img { height:64px; object-fit:contain; margin-bottom:14px; }
.ft-about { font-size:.78rem; line-height:1.75; margin-bottom:16px; color:rgba(245,237,227,.45); }
.ft-social { display:flex; gap:8px; }
.ft-soc-btn { width:34px; height:34px; border-radius:50%; background:rgba(245,237,227,.14); border:1px solid rgba(245,237,227,.25); display:flex; align-items:center; justify-content:center; font-size:.9rem; color:rgba(245,237,227,.85); transition:all .2s; }
.ft-soc-btn:hover { background:var(--or2); color:var(--cr); }
.ft-col h5 { font-size:.75rem; font-weight:700; color:var(--cr); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:16px; }
.ft-link { display:block; font-size:.78rem; color:rgba(245,237,227,.45); margin-bottom:9px; transition:color .2s; }
.ft-link:hover { color:var(--or3); }
.ft-bottom { border-top:1px solid rgba(245,237,227,.08); padding:22px 24px 0; max-width:1380px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; font-size:.72rem; flex-wrap:wrap; gap:10px; }
.ft-pays { display:flex; gap:8px; }
.ft-pay { padding:4px 10px; background:rgba(245,237,227,.08); border-radius:4px; font-size:.65rem; color:rgba(245,237,227,.45); }
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}
input, input:focus,
select, select:focus,
textarea, textarea:focus,
button, button:focus {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}
html, body { max-width: 100%; overflow-x: hidden; }
img, video, svg { max-width: 100%; height: auto; }
* { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
input, input:focus,
select, select:focus,
textarea, textarea:focus {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}
@media (max-width: 960px) {
  .hdr-btn,
  .nb,
  .pc-wish,
  .qty-btn,
  .ci-qty-btn,
  .cart-close,
  .cp-close,
  .modal-close,
  .tab-btn,
  .filter-chip { min-height: 44px; min-width: 44px; }
  .nav-link, .mob-menu-link { min-height: 48px; }
}
@media (min-width: 2560px) {
  :root { font-size: 18px; }
  .container, .nav-inner, .header-main, .ft-inner, .ft-bottom { max-width: 1800px; }
  .hero-text-col { padding: 80px 48px 80px 80px; }
  .hero-h1 { font-size: 4.5rem; }
  .prod-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
  .stat-card { padding: 28px 32px; }
}
@media (max-width: 1920px) and (min-width: 1441px) {
  .container, .nav-inner, .header-main, .ft-inner, .ft-bottom { max-width: 1480px; }
  .prod-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
  .hero-h1 { font-size: clamp(2.4rem, 3.2vw, 3.8rem); }
}
@media (max-width: 1440px) {
  .container, .nav-inner, .header-main, .nav-bar, .ft-inner, .ft-bottom { max-width: 1280px; }
  .hero-grid { max-width: 100%; }
  .hero-text-col { padding: 56px 32px 56px 56px; }
}
@media (max-width: 1280px) {
  .container, .nav-inner, .header-main, .nav-bar, .ft-inner, .ft-bottom { max-width: 100%; padding-left: 32px; padding-right: 32px; }
  .hero-text-col { padding: 48px 28px 48px 40px; }
  .prod-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}
@media (max-width: 1100px) {
  .ft-inner { grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
  .ft-bottom { flex-direction: column; gap: 12px; text-align: center; }
  .shop-layout { grid-template-columns: 210px 1fr; gap: 16px; }
  .prod-grid { grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); gap: 14px; }
  .feats-inner { flex-wrap: nowrap; overflow-x: auto; }
  .feat-item { flex: 0 0 auto; }
  .cats-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
  .sec-title { font-size: 1.6rem; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .charts-row { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
  .nav-bar { display: none; }
  .mob-toggle { display: flex !important; align-items: center; justify-content: center; }
  .logo-text { display: none; }
  .logo-img { height: 44px; width: 44px; }
  .header-main { height: 60px; gap: 8px; padding: 0 16px; }
  .hdr-btn span { display: none; }
  .hdr-btn { padding: 7px 8px; }
  .hdr-actions { gap: 0; }
  .search-bar { flex: 0 0 auto; width: auto; }
  .search-bar input { display: none; }
  .search-bar button {
    position: static; width: 40px; height: 40px; border-radius: 50%;
    background: var(--or4); color: var(--or2); font-size: .95rem;
    display: flex; align-items: center; justify-content: center;
  }
  .search-bar.open { flex: 1; }
  .search-bar.open input { display: block; }
  .search-bar.open button {
    position: absolute; right: 0; top: 0; width: 48px; height: 42px;
    border-radius: 0 30px 30px 0;
    background: linear-gradient(135deg, var(--or2), var(--brun2));
    color: var(--cr);
  }
  .top-ticker { height: 34px; }
  .top-ticker-track span { font-size: .7rem; padding: 0 20px; }
  .container { padding: 0 18px; }
  .section { padding: 40px 0; }
  .sec-title { font-size: 1.5rem; }
}
@media (max-width: 900px) {
  .hero { min-height: 500px; }
  .hero-grid { grid-template-columns: 1fr; min-height: 500px; }
  .hero-bg-overlay { background: linear-gradient(160deg, rgba(255,252,249,.95) 0%, rgba(255,252,249,.88) 40%, rgba(255,252,249,.4) 100%); }
  .hero-text-col { padding: 44px 24px; max-width: 100%; }
  .hero-h1 { font-size: clamp(1.9rem, 6vw, 2.8rem); }
  .hero-p { max-width: 480px; }
  .feats-bar { -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .feats-bar::-webkit-scrollbar { display: none; }
  .shop-layout { grid-template-columns: 1fr; gap: 12px; }
  .sidebar-filters { position: static; display: none; max-height: none; }
  .sidebar-filters.mob-open { display: block; }
  .ck-body { grid-template-columns: 1fr; }
  .ck-form { border-right: none; }
  .ck-sidebar { border-top: 1px solid var(--bd); padding: 20px; order: 2; }
  .ck-box { max-width: 96vw; margin: 0 auto; border-radius: var(--r4) var(--r4) 0 0; }
  .ck-modal.open { align-items: flex-end; padding: 0; }
  .ck-steps { padding: 14px 16px; gap: 4px; }
  .ck-step-lbl { display: none; }
  .prod-page-layout { grid-template-columns: 1fr; gap: 20px; }
  .promo-banner { flex-direction: column; padding: 32px 20px; text-align: center; min-height: unset; }
  .pb-countdown { justify-content: center; }
  .pb-img { display: none; }
  .nav-bar { display: none; }
  .mega-menu { position: static; box-shadow: none; border: none; }
  .ft-inner { grid-template-columns: 1fr 1fr; gap: 24px; }
  .ft-bottom { flex-direction: column; gap: 8px; text-align: center; }
}
@media (max-width: 768px) {
  .header-main { height: 58px; }
  .hero { min-height: 460px; }
  .hero-h1 { font-size: clamp(1.7rem, 5.5vw, 2.4rem); }
  .hero-ctas { gap: 10px; }
  .btn-or, .btn-cr { padding: 12px 22px; font-size: .82rem; }
  .hero-kpis { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 16px; padding-bottom: 4px; }
  .hero-kpis::-webkit-scrollbar { display: none; }
  .feat-mini { flex: 0 0 auto; flex-direction: row; gap: 7px; padding: 0 12px 0 0; text-align: left; }
  .feat-mini:not(:last-child)::after { display: none; }
  .feat-mini-icon { width: 30px; height: 30px; font-size: .78rem; flex-shrink: 0; }
  .feat-mini h5 { font-size: .7rem; white-space: nowrap; }
  .feat-mini p { display: none; }
  .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .cats-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .cat-card { padding: 14px 10px; }
  .cat-icon { font-size: 1.3rem; }
  .cat-name { font-size: .72rem; }
  .cart-panel { width: 100%; right: -100%; }
  .gallery-thumbs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .gallery-thumbs::-webkit-scrollbar { display: none; }
  .tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .tabs::-webkit-scrollbar { display: none; }
  .tab-btn { white-space: nowrap; flex-shrink: 0; font-size: .8rem; }
  .ft-inner { grid-template-columns: 1fr 1fr; gap: 20px; }
  .ft-logo-img { height: 48px; }
  .section { padding: 36px 0; }
  .section-hd { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media (max-width: 640px) {
  .container { padding: 0 16px; }
  .section { padding: 30px 0; }
  .header-main { padding: 0 14px; height: 56px; }
  .hero { min-height: 420px; }
  .hero-text-col { padding: 36px 16px; }
  .hero-h1 { font-size: clamp(1.6rem, 7vw, 2.2rem); }
  .hero-divider { margin-bottom: 14px; }
  .hero-p { font-size: .85rem; margin-bottom: 20px; }
  .hero-ctas { flex-direction: row; gap: 8px; }
  .btn-or, .btn-cr { padding: 11px 18px; font-size: .8rem; }
  .feats-bar { -webkit-overflow-scrolling: touch; }
  .feat-item { padding: 14px 16px; }
  .feat-icon { width: 36px; height: 36px; font-size: .9rem; }
  .feat-info strong { font-size: .8rem; }
  .feat-info span { font-size: .7rem; }
  .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .pc-body { padding: 10px 12px 12px; }
  .pc-name { font-size: .83rem; }
  .pc-price { font-size: .9rem; }
  .pc-actions { transform: none; position: static; }
  .pc-atc { font-size: .72rem; padding: 8px 6px; }
  .pc-quick { display: none; }
  .cats-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .cat-card { padding: 12px 8px; border-radius: var(--r3); }
  .cat-icon { font-size: 1.2rem; }
  .ck-modal, .trk-modal { padding: 0; align-items: flex-end; }
  .ck-box, .trk-box { border-radius: var(--r4) var(--r4) 0 0; max-height: 92vh; overflow-y: auto; }
  .ck-form, .ck-sidebar { padding: 16px; }
  .form-row-2 { grid-template-columns: 1fr; }
  .ck-steps { padding: 12px 14px; }
  .shop-toolbar { flex-direction: column; gap: 10px; align-items: stretch; }
  .toolbar-left { font-size: .8rem; }
  .toolbar-right { flex-wrap: wrap; gap: 8px; }
  .sort-select { flex: 1; }
  .view-btns { display: none; }
  footer { display: none; }
  .promo-banner { padding: 26px 16px; }
  .pb-title { font-size: 1.3rem; }
  .pb-cd-box { min-width: 40px; padding: 6px 8px; }
  .pb-cd-box span { font-size: 1rem; }
  .review-card { padding: 14px; }
  .sidebar { position: fixed; left: -260px; top: 0; bottom: 0; width: 260px; z-index: 200; transition: left .3s; }
  .sidebar.open { left: 0; }
}
@media (max-width: 480px) {
  :root { --r4: 12px; --r3: 8px; }
  .header-main { padding: 0 12px; height: 54px; gap: 6px; }
  .logo-img { height: 40px; width: 40px; }
  .hdr-btn { padding: 6px 7px; }
  .hero { min-height: 380px; }
  .hero-text-col { padding: 30px 14px; }
  .hero-h1 { font-size: clamp(1.5rem, 8vw, 2rem); }
  .hero-ctas { gap: 6px; }
  .btn-or, .btn-cr { padding: 10px 16px; font-size: .78rem; }
  .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .cats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .pc-img-wrap { height: 150px; }
  .pc-badge { font-size: .58rem; padding: 3px 8px; }
  .top-ticker { height: 32px; }
  .top-ticker-track span { font-size: .65rem; padding: 0 14px; }
  .section { padding: 26px 0; }
  .sec-title { font-size: 1.3rem; }
  .sec-tag { font-size: .62rem; }
  .cp-head { padding: 14px 16px; }
  .ci { padding: 12px 14px; }
  .wa-float { width: 46px; height: 46px; bottom: 14px; right: 14px; }
  .sr-item { padding: 10px 12px; }
  .sr-img { width: 40px; height: 40px; }
  .sr-name { font-size: .8rem; }
  .promo-banner { padding: 22px 14px; }
  .pb-title { font-size: 1.2rem; }
  .pb-tag { font-size: .65rem; }
}
@media (max-width: 390px) {
  .header-main { padding: 0 10px; gap: 4px; }
  .logo-img { height: 36px; width: 36px; }
  .hdr-btn { padding: 5px 6px; }
  .hdr-btn i { font-size: .88rem; }
  .hero { min-height: 360px; }
  .hero-h1 { font-size: 1.5rem; }
  .hero-text-col { padding: 26px 12px; }
  .prod-grid { gap: 7px; }
  .pc-img-wrap { height: 140px; }
  .pc-body { padding: 8px 10px 10px; }
  .pc-name { font-size: .8rem; line-height: 1.3; }
  .pc-price { font-size: .85rem; }
  .cats-grid { grid-template-columns: repeat(2, 1fr); gap: 7px; }
  .cat-card { padding: 10px 6px; }
  .cat-name { font-size: .68rem; }
  .ck-step-num { width: 26px; height: 26px; font-size: .72rem; }
  .ck-section-title { font-size: .88rem; }
  .adm-inp, .form-group input, .form-group select { padding: 10px 12px; }
  .top-ticker-track span { font-size: .62rem; padding: 0 12px; }
  .feat-mini h5 { font-size: .65rem; }
}
@media (max-width: 375px) {
  :root { font-size: 13px; }
  .header-main { padding: 0 10px; }
  .hero-h1 { font-size: 1.4rem; }
  .btn-or, .btn-cr { padding: 9px 14px; font-size: .76rem; }
  .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
  .pc-img-wrap { height: 130px; }
  .cats-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
  .sec-title { font-size: 1.2rem; }
  .cart-panel { width: 100%; }
  .cp-title { font-size: .95rem; }
  .ck-box { max-height: 95vh; }
}
@media (max-width: 360px) {
  .header-main { padding: 0 8px; gap: 2px; }
  .logo-img { height: 34px; width: 34px; }
  .hdr-btn { padding: 4px 5px; }
  .hero-h1 { font-size: 1.35rem; }
  .hero-text-col { padding: 22px 10px; }
  .prod-grid { gap: 5px; }
  .pc-img-wrap { height: 120px; }
  .cats-grid { grid-template-columns: repeat(2, 1fr); gap: 5px; }
  .btn-or, .btn-cr { padding: 8px 12px; font-size: .74rem; }
  .top-ticker-track span { font-size: .58rem; padding: 0 10px; }
  .top-ticker { height: 30px; }
  .wa-float { width: 44px; height: 44px; bottom: 12px; right: 12px; }
}
@media print {
  .top-ticker, header, .mob-toggle, .wa-float, .cart-panel,
  .ck-modal, .trk-modal, footer, .hdr-actions, .nav-bar { display: none !important; }
  body { background: #fff; color: #000; }
  .prod-grid { grid-template-columns: repeat(3, 1fr); }
  a { color: #000; text-decoration: underline; }
}
@media (prefers-reduced-data: reduce) {
  .hero-bg-img, .promo-banner { background-image: none !important; }
  .hero-bg-img { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .top-ticker-track { animation-duration: 60s; }
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light;
  }
}