/* ═══════════════════════════════════════
   CSS CUSTOM PROPERTIES
═══════════════════════════════════════ */
:root {
  --cream:        #faf7f2;
  --warm-white:   #ffffff;
  --blush:        #f4d4cc;
  --rose:         #e8998d;
  --rose-deep:    #c97060;
  --sky:          #c8dff0;
  --sky-deep:     #5fa8d3;
  --sage:         #bdd5b8;
  --sage-deep:    #7aaa72;
  --peach:        #f9e0c7;
  --gold:         #d4a853;
  --gold-light:   #f0d598;
  --dark:         #2c2416;
  --mid:          #6b5744;
  --light-text:   #9c8878;
  --border:       #ecdfd6;
  --sidebar-w:    260px;
  --nav-h:        68px;
  --radius:       16px;
  --radius-sm:    10px;
  --shadow-sm:    0 2px 12px rgba(44,36,22,0.07);
  --shadow-md:    0 8px 32px rgba(44,36,22,0.12);
  --shadow-lg:    0 20px 60px rgba(44,36,22,0.18);
  --transition:   all 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* ═══════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'DM Sans',sans-serif;
  background:var(--cream);
  color:var(--dark);
  overflow-x:hidden;
  min-height:100vh;
}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;font-family:'DM Sans',sans-serif;}
input,select,textarea{font-family:'DM Sans',sans-serif;}
img{max-width:100%;display:block;}

/* ═══════════════════════════════════════
   LOADING SCREEN
═══════════════════════════════════════ */
#loader{
  position:fixed;inset:0;z-index:9999;
  background:var(--cream);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:opacity 0.5s,visibility 0.5s;
}
#loader.hidden{opacity:0;visibility:hidden;}
.loader-logo{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;font-weight:700;color:var(--rose-deep);
  margin-bottom:24px;letter-spacing:-1px;
}
.loader-logo span{color:var(--sky-deep);}
.loader-bar{
  width:160px;height:3px;background:var(--border);border-radius:99px;overflow:hidden;
}
.loader-fill{
  height:100%;background:linear-gradient(90deg,var(--rose),var(--sky-deep));
  border-radius:99px;animation:fill-bar 1.4s ease forwards;
}
@keyframes fill-bar{from{width:0;}to{width:100%;}}

/* ═══════════════════════════════════════
   ANNOUNCEMENT BAR
═══════════════════════════════════════ */
.announce-bar{
  background:linear-gradient(90deg,var(--rose-deep),var(--rose),var(--gold),var(--sky-deep));
  color:#fff;text-align:center;padding:9px 20px;
  font-size:0.82rem;font-weight:600;letter-spacing:0.4px;
  position:relative;z-index:200;
  overflow:hidden;
}
.announce-bar marquee{display:inline;}

/* ═══════════════════════════════════════
   TOP NAVBAR
═══════════════════════════════════════ */
.top-nav{
  position:sticky;top:0;z-index:190;
  background:rgba(250,247,242,0.98);
  border-bottom:1px solid var(--border);
  height:var(--nav-h);
  display:flex;align-items:center;
  padding:0 28px;gap:20px;
}
.nav-hamburger{
  display:none;background:none;border:none;
  font-size:1.3rem;color:var(--dark);padding:6px;
}
.nav-logo{
  font-family:'Cormorant Garamond',serif;
  font-size:1.85rem;font-weight:700;
  color:var(--rose-deep);letter-spacing:-0.5px;
  white-space:nowrap;cursor:pointer;flex-shrink:0;
}
.nav-logo span{color:var(--sky-deep);}
.nav-search{
  flex:1;max-width:440px;margin:0 auto;
  position:relative;
}
.nav-search input{
  width:100%;padding:11px 20px 11px 44px;
  border:2px solid var(--border);border-radius:99px;
  background:var(--warm-white);font-size:0.9rem;
  outline:none;transition:var(--transition);color:var(--dark);
}
.nav-search input:focus{border-color:var(--rose);}
.nav-search .search-icon{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  color:var(--light-text);font-size:0.9rem;pointer-events:none;
}
.nav-actions{display:flex;align-items:center;gap:6px;margin-left:auto;}
.nav-btn{
  position:relative;width:44px;height:44px;border-radius:50%;
  border:none;background:var(--warm-white);
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;color:var(--mid);
  transition:var(--transition);box-shadow:var(--shadow-sm);
}
.nav-btn:hover{background:var(--blush);color:var(--rose-deep);}
.cart-badge{
  position:absolute;top:4px;right:4px;
  background:var(--rose-deep);color:#fff;
  font-size:0.6rem;font-weight:700;
  width:16px;height:16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}

/* ═══════════════════════════════════════
   LAYOUT WRAPPER
═══════════════════════════════════════ */
.layout{display:flex;min-height:calc(100vh - var(--nav-h));}

/* ═══════════════════════════════════════
   SIDEBAR
═══════════════════════════════════════ */
.sidebar{
  width:var(--sidebar-w);flex-shrink:0;
  background:var(--warm-white);
  border-right:1px solid var(--border);
  position:sticky;top:var(--nav-h);
  height:calc(100vh - var(--nav-h));
  overflow-y:auto;padding:28px 0;
  transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);
  scrollbar-width:thin;scrollbar-color:var(--border) transparent;
}
.sidebar::-webkit-scrollbar{width:4px;}
.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px;}
.sidebar-section{margin-bottom:8px;}
.sidebar-label{
  font-size:0.68rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--light-text);
  padding:8px 24px 4px;
}
.sidebar-link{
  display:flex;align-items:center;gap:12px;
  padding:12px 24px;font-size:0.92rem;font-weight:500;
  color:var(--mid);transition:var(--transition);cursor:pointer;
  border-left:3px solid transparent;
}
.sidebar-link i{width:18px;text-align:center;font-size:0.9rem;color:var(--light-text);}
.sidebar-link:hover{
  color:var(--rose-deep);background:var(--cream);
  border-left-color:var(--rose);
}
.sidebar-link:hover i{color:var(--rose-deep);}
.sidebar-link.active{
  color:var(--rose-deep);background:var(--blush);
  border-left-color:var(--rose-deep);font-weight:600;
}
.sidebar-link.active i{color:var(--rose-deep);}
.sidebar-sale{
  color:var(--rose-deep)!important;
}
.sidebar-sale .badge{
  margin-left:auto;background:var(--rose-deep);color:#fff;
  font-size:0.62rem;font-weight:700;padding:2px 7px;border-radius:99px;
}
.sidebar-divider{height:1px;background:var(--border);margin:12px 24px;}
.sidebar-promo{
  margin:16px 16px 0;padding:16px;
  background:linear-gradient(135deg,var(--blush),var(--peach));
  border-radius:var(--radius-sm);
}
.sidebar-promo h4{font-size:0.85rem;font-weight:700;color:var(--rose-deep);margin-bottom:4px;}
.sidebar-promo p{font-size:0.75rem;color:var(--mid);line-height:1.4;}
.sidebar-overlay{
  display:none;position:fixed;inset:0;z-index:149;
  background:rgba(0,0,0,0.4);
}

/* ═══════════════════════════════════════
   MAIN CONTENT
═══════════════════════════════════════ */
.main{flex:1;overflow:hidden;}
.page{display:none;animation:pageIn 0.4s ease;}
.page.active{display:block;}
@keyframes pageIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* ═══════════════════════════════════════
   HERO BANNER
═══════════════════════════════════════ */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#fdf0ea 0%,#fae8f0 40%,#e8f4fb 100%);
  min-height:520px;display:flex;align-items:center;
  padding:60px 60px;
}
.hero-pattern{
  position:absolute;inset:0;opacity:0.04;
  background-image:
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c97060' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero-content{position:relative;z-index:2;max-width:520px;}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(201,112,96,0.12);color:var(--rose-deep);
  padding:6px 16px;border-radius:99px;
  font-size:0.78rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;
  margin-bottom:20px;
}
.hero-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--rose-deep);}
.hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem,5vw,4rem);
  font-weight:700;line-height:1.1;
  color:var(--dark);margin-bottom:16px;
}
.hero h1 em{font-style:normal;color:var(--rose-deep);}
.hero p{
  font-size:1.05rem;color:var(--mid);
  line-height:1.7;margin-bottom:32px;max-width:400px;
}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.btn-primary{
  background:var(--rose-deep);color:#fff;
  border:none;border-radius:99px;
  padding:14px 30px;font-size:0.92rem;font-weight:600;
  transition:var(--transition);
  box-shadow:0 6px 24px rgba(201,112,96,0.35);
}
.btn-primary:hover{background:var(--dark);transform:translateY(-2px);box-shadow:0 10px 32px rgba(44,36,22,0.25);}
.btn-outline{
  background:transparent;color:var(--dark);
  border:2px solid var(--dark);border-radius:99px;
  padding:12px 28px;font-size:0.92rem;font-weight:600;
  transition:var(--transition);
}
.btn-outline:hover{background:var(--dark);color:#fff;transform:translateY(-2px);}
.hero-visuals{
  position:absolute;right:0;top:0;bottom:0;
  width:46%;display:flex;align-items:center;justify-content:center;
}
.hero-circles{position:relative;width:380px;height:380px;}
.hero-circle-1{
  position:absolute;width:320px;height:320px;border-radius:50%;
  background:linear-gradient(135deg,rgba(232,153,141,0.25),rgba(200,223,240,0.25));
  border:2px solid rgba(232,153,141,0.2);
  top:30px;left:30px;
  animation:pulse-circle 4s ease-in-out infinite;
}
.hero-circle-2{
  position:absolute;width:220px;height:220px;border-radius:50%;
  background:linear-gradient(135deg,rgba(200,223,240,0.3),rgba(249,224,199,0.3));
  top:80px;left:80px;
  animation:pulse-circle 4s ease-in-out infinite 1s;
}
.hero-emoji{
  position:absolute;font-size:5.5rem;
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:float-emoji 3s ease-in-out infinite;
}
.hero-tag{
  position:absolute;background:white;border-radius:var(--radius-sm);
  box-shadow:var(--shadow-md);padding:10px 14px;
  font-size:0.78rem;font-weight:600;
}
.hero-tag-1{top:20px;right:20px;color:var(--rose-deep);}
.hero-tag-2{bottom:60px;left:10px;color:var(--sky-deep);}
@keyframes pulse-circle{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.04);}
}
@keyframes float-emoji{
  0%,100%{transform:translate(-50%,-50%) translateY(0);}
  50%{transform:translate(-50%,-50%) translateY(-14px);}
}

/* ═══════════════════════════════════════
   FEATURES STRIP
═══════════════════════════════════════ */
.features-strip{
  display:grid;grid-template-columns:repeat(3,1fr);
  background:var(--warm-white);border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.feature-item{
  display:flex;align-items:center;gap:14px;
  padding:20px 24px;border-right:1px solid var(--border);
}
.feature-item:last-child{border-right:none;}
.feature-icon{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;
}
.feature-icon.rose{background:var(--blush);color:var(--rose-deep);}
.feature-icon.sky{background:var(--sky);color:var(--sky-deep);}
.feature-icon.sage{background:var(--sage);color:var(--sage-deep);}
.feature-icon.gold{background:var(--gold-light);color:var(--gold);}
.feature-text h4{font-size:0.88rem;font-weight:700;color:var(--dark);}
.feature-text p{font-size:0.76rem;color:var(--light-text);}

/* ═══════════════════════════════════════
   SECTION TITLES
═══════════════════════════════════════ */
.section{padding:56px 48px;}
.section-header{margin-bottom:36px;}
.section-eyebrow{
  font-size:0.72rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--rose);margin-bottom:8px;
}
.section-title{
  font-family:'Cormorant Garamond',serif;
  font-size:2.1rem;font-weight:700;color:var(--dark);
  margin-bottom:8px;
}
.section-title span{color:var(--rose-deep);}
.section-sub{font-size:0.92rem;color:var(--light-text);}
.section-header-row{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:36px;
}
.view-all{
  font-size:0.85rem;font-weight:600;color:var(--rose-deep);
  display:flex;align-items:center;gap:6px;
  transition:var(--transition);cursor:pointer;
  background:none;border:none;
}
.view-all:hover{gap:10px;}

/* ═══════════════════════════════════════
   CATEGORY CARDS
═══════════════════════════════════════ */
.cat-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
.cat-card{
  position:relative;border-radius:var(--radius);overflow:hidden;
  min-height:280px;cursor:pointer;
  transition:var(--transition);
  display:flex;align-items:flex-end;padding:28px;
}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.cat-boys{background:linear-gradient(135deg,#deeeff,#c8dff0,#b3d2f5);}
.cat-girls{background:linear-gradient(135deg,#fde8f0,#f4d4cc,#f9c8d0);}
.cat-bg-pattern{
  position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,0.4) 1.5px,transparent 1.5px);
  background-size:18px 18px;
}
.cat-emoji{
  position:absolute;right:24px;top:24px;
  font-size:6rem;opacity:0.75;
  transition:var(--transition);
}
.cat-card:hover .cat-emoji{transform:scale(1.1) rotate(5deg);}
.cat-content{position:relative;z-index:2;}
.cat-content h3{
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;font-weight:700;color:var(--dark);
}
.cat-content p{font-size:0.85rem;color:var(--mid);margin:4px 0 14px;}
.cat-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 20px;border-radius:99px;
  font-size:0.82rem;font-weight:700;border:none;
  transition:var(--transition);
}
.cat-boys .cat-btn{background:var(--sky-deep);color:#fff;}
.cat-girls .cat-btn{background:var(--rose-deep);color:#fff;}
.cat-btn:hover{transform:scale(1.05);}

/* ═══════════════════════════════════════
   PRODUCT CARDS
═══════════════════════════════════════ */
.products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:20px;
}
.product-card{
  background:var(--warm-white);border-radius:var(--radius);
  overflow:hidden;transition:var(--transition);
  box-shadow:var(--shadow-sm);cursor:pointer;
}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.product-img-wrap{
  position:relative;overflow:hidden;
  aspect-ratio:3/3.5;
  background:var(--cream);
  display:flex;align-items:center;justify-content:center;
}
.product-emoji{font-size:5.5rem;transition:var(--transition);}
.product-card:hover .product-emoji{transform:scale(1.1);}
.product-badge{
  position:absolute;top:12px;left:12px;
  padding:4px 10px;border-radius:99px;
  font-size:0.68rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;
}
.badge-new{background:var(--sage-deep);color:#fff;}
.badge-sale{background:var(--rose-deep);color:#fff;}
.badge-hot{background:var(--gold);color:#fff;}
.badge-eid{background:linear-gradient(90deg,var(--gold),var(--rose));color:#fff;}
.product-wishlist{
  position:absolute;top:12px;right:12px;
  width:32px;height:32px;border-radius:50%;
  background:white;border:none;
  display:flex;align-items:center;justify-content:center;
  font-size:0.85rem;color:var(--light-text);
  box-shadow:var(--shadow-sm);transition:var(--transition);
  opacity:0;
}
.product-card:hover .product-wishlist{opacity:1;}
.product-wishlist:hover{color:var(--rose-deep);transform:scale(1.1);}
.product-info{padding:16px;}
.product-category{font-size:0.72rem;color:var(--light-text);font-weight:600;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:4px;}
.product-name{font-size:0.95rem;font-weight:600;color:var(--dark);margin-bottom:6px;line-height:1.3;}
.product-sizes{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap;}
.size-dot{
  font-size:0.68rem;font-weight:600;color:var(--mid);
  padding:2px 6px;border-radius:5px;background:var(--cream);
}
.product-bottom{display:flex;align-items:center;justify-content:space-between;}
.price-wrap{}
.price-new{font-size:1.05rem;font-weight:700;color:var(--rose-deep);}
.price-old{font-size:0.78rem;color:var(--light-text);text-decoration:line-through;margin-left:4px;}
.add-to-cart-btn{
  background:var(--rose-deep);color:#fff;
  border:none;border-radius:99px;
  padding:8px 16px;font-size:0.78rem;font-weight:700;
  transition:var(--transition);display:flex;align-items:center;gap:5px;
}
.add-to-cart-btn:hover{background:var(--dark);transform:scale(1.05);}

/* ═══════════════════════════════════════
   PROMO BANNER
═══════════════════════════════════════ */
.promo-banner{
  margin:0 48px 56px;border-radius:var(--radius);overflow:hidden;
  position:relative;
  background:linear-gradient(135deg,var(--dark) 0%,#3d2d1f 50%,var(--dark) 100%);
  padding:48px 56px;display:flex;align-items:center;justify-content:space-between;
}
.promo-pattern{
  position:absolute;inset:0;opacity:0.06;
  background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f0d598' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.promo-content{position:relative;z-index:2;}
.promo-badge{
  display:inline-block;background:var(--gold);color:var(--dark);
  font-size:0.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  padding:5px 14px;border-radius:99px;margin-bottom:14px;
}
.promo-content h2{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;font-weight:700;color:#fff;line-height:1.1;margin-bottom:10px;
}
.promo-content h2 span{color:var(--gold-light);}
.promo-content p{color:rgba(255,255,255,0.7);font-size:0.95rem;margin-bottom:24px;}
.btn-gold{
  background:var(--gold);color:var(--dark);
  border:none;border-radius:99px;
  padding:13px 28px;font-size:0.9rem;font-weight:700;
  transition:var(--transition);
}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);}
.promo-right{position:relative;z-index:2;font-size:8rem;opacity:0.8;}
.promo-countdown{
  display:flex;gap:12px;margin-top:16px;
}
.countdown-box{
  background:rgba(255,255,255,0.1);border-radius:var(--radius-sm);
  padding:10px 14px;text-align:center;min-width:56px;
}
.countdown-box .num{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;font-weight:700;color:#fff;display:block;
}
.countdown-box .lbl{font-size:0.62rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;}

/* ═══════════════════════════════════════
   FILTERS BAR
═══════════════════════════════════════ */
.page-hero{
  padding:48px 48px 32px;
  background:linear-gradient(135deg,var(--cream),var(--warm-white));
  border-bottom:1px solid var(--border);
}
.page-hero.boys-bg{background:linear-gradient(135deg,#e8f4fb,#deeeff,#f0f8ff);}
.page-hero.girls-bg{background:linear-gradient(135deg,#fde8f0,#faf0f5,#fff5f7);}
.page-hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:2.6rem;font-weight:700;margin-bottom:8px;
}
.page-hero p{color:var(--mid);font-size:0.95rem;}

.filters-wrap{
  padding:20px 48px;background:var(--warm-white);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.filter-label{font-size:0.82rem;font-weight:700;color:var(--mid);margin-right:4px;}
.filter-btn{
  padding:7px 16px;border-radius:99px;
  font-size:0.82rem;font-weight:600;border:1.5px solid var(--border);
  background:transparent;color:var(--mid);transition:var(--transition);
}
.filter-btn:hover{border-color:var(--rose);color:var(--rose-deep);}
.filter-btn.active{background:var(--rose-deep);border-color:var(--rose-deep);color:#fff;}
.filter-select{
  padding:7px 16px;border-radius:99px;
  font-size:0.82rem;font-weight:600;
  border:1.5px solid var(--border);background:transparent;
  color:var(--mid);outline:none;cursor:pointer;
}
.products-section{padding:32px 48px 56px;}
.results-info{font-size:0.85rem;color:var(--light-text);margin-bottom:20px;}

/* ═══════════════════════════════════════
   CART DRAWER
═══════════════════════════════════════ */
.cart-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,0.45);
}
.cart-overlay.open{display:block;}
.cart-drawer{
  position:fixed;right:0;top:0;bottom:0;z-index:501;
  width:420px;max-width:100vw;
  background:var(--warm-white);
  box-shadow:-20px 0 60px rgba(0,0,0,0.15);
  display:flex;flex-direction:column;
  transform:translateX(100%);
  transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);
}
.cart-drawer.open{transform:translateX(0);}
.cart-header{
  padding:24px 28px;border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.cart-header h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.6rem;font-weight:700;
}
.cart-close{
  width:36px;height:36px;border-radius:50%;border:none;
  background:var(--cream);display:flex;align-items:center;justify-content:center;
  font-size:1rem;color:var(--mid);transition:var(--transition);
}
.cart-close:hover{background:var(--blush);color:var(--rose-deep);}
.cart-items{flex:1;overflow-y:auto;padding:20px 28px;}
.cart-empty{
  text-align:center;padding:60px 20px;
  color:var(--light-text);
}
.cart-empty .icon{font-size:4rem;margin-bottom:16px;opacity:0.5;}
.cart-empty p{font-size:0.95rem;}
.cart-item{
  display:flex;gap:14px;padding:16px 0;
  border-bottom:1px solid var(--border);
}
.cart-item-img{
  width:72px;height:80px;border-radius:var(--radius-sm);
  background:var(--cream);display:flex;align-items:center;justify-content:center;
  font-size:2.2rem;flex-shrink:0;
}
.cart-item-info{flex:1;}
.cart-item-name{font-size:0.9rem;font-weight:600;color:var(--dark);margin-bottom:3px;}
.cart-item-meta{font-size:0.78rem;color:var(--light-text);margin-bottom:8px;}
.cart-item-actions{display:flex;align-items:center;gap:10px;}
.qty-wrap{display:flex;align-items:center;gap:8px;}
.qty-btn{
  width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border);
  background:transparent;font-size:0.85rem;color:var(--mid);
  display:flex;align-items:center;justify-content:center;
  transition:var(--transition);
}
.qty-btn:hover{border-color:var(--rose-deep);color:var(--rose-deep);}
.qty-num{font-size:0.9rem;font-weight:600;min-width:20px;text-align:center;}
.cart-item-price{font-size:0.92rem;font-weight:700;color:var(--rose-deep);margin-left:auto;}
.cart-remove{
  background:none;border:none;color:var(--light-text);
  font-size:0.78rem;transition:var(--transition);
}
.cart-remove:hover{color:var(--rose-deep);}
.cart-footer{
  padding:20px 28px;border-top:1px solid var(--border);
  background:var(--cream);
}
.cart-subtotal{
  display:flex;justify-content:space-between;
  font-size:0.9rem;margin-bottom:6px;
}
.cart-subtotal span:last-child{font-weight:700;}
.cart-shipping{
  display:flex;justify-content:space-between;
  font-size:0.82rem;color:var(--light-text);margin-bottom:16px;
}
.cart-total{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 0;border-top:1px solid var(--border);margin-bottom:16px;
}
.cart-total span:first-child{font-weight:700;font-size:1rem;}
.cart-total span:last-child{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;font-weight:700;color:var(--rose-deep);
}
.checkout-btn{
  width:100%;background:var(--rose-deep);color:#fff;
  border:none;border-radius:99px;
  padding:15px;font-size:0.95rem;font-weight:700;
  transition:var(--transition);
}
.checkout-btn:hover{background:var(--dark);}
.continue-btn{
  width:100%;background:transparent;color:var(--mid);
  border:none;font-size:0.85rem;margin-top:10px;
  padding:8px;transition:var(--transition);
}
.continue-btn:hover{color:var(--rose-deep);}

/* ═══════════════════════════════════════
   CHECKOUT PAGE
═══════════════════════════════════════ */
.checkout-wrap{
  display:grid;grid-template-columns:1fr 400px;
  gap:32px;padding:48px;
}
.checkout-form-section{background:var(--warm-white);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-sm);}
.checkout-form-section h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.8rem;font-weight:700;margin-bottom:24px;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-size:0.82rem;font-weight:700;color:var(--mid);margin-bottom:6px;letter-spacing:0.3px;}
.form-group input,
.form-group select,
.form-group textarea{
  width:100%;padding:12px 16px;
  border:2px solid var(--border);border-radius:var(--radius-sm);
  background:var(--cream);font-size:0.92rem;color:var(--dark);
  outline:none;transition:var(--transition);
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{border-color:var(--rose);}
.payment-options{display:grid;gap:12px;margin-top:8px;}
.payment-opt{
  display:flex;align-items:center;gap:14px;
  padding:16px;border-radius:var(--radius-sm);
  border:2px solid var(--border);cursor:pointer;
  transition:var(--transition);
}
.payment-opt.selected{border-color:var(--rose-deep);background:rgba(201,112,96,0.05);}
.payment-opt input[type=radio]{display:none;}
.radio-custom{
  width:20px;height:20px;border-radius:50%;
  border:2px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:var(--transition);
}
.payment-opt.selected .radio-custom{border-color:var(--rose-deep);}
.radio-inner{width:10px;height:10px;border-radius:50%;background:var(--rose-deep);display:none;}
.payment-opt.selected .radio-inner{display:block;}
.payment-icon{font-size:1.4rem;}
.payment-text h4{font-size:0.88rem;font-weight:700;}
.payment-text p{font-size:0.75rem;color:var(--light-text);}
.place-order-btn{
  width:100%;background:var(--rose-deep);color:#fff;
  border:none;border-radius:99px;
  padding:16px;font-size:1rem;font-weight:700;
  margin-top:24px;transition:var(--transition);
  box-shadow:0 6px 24px rgba(201,112,96,0.3);
}
.place-order-btn:hover{background:var(--dark);transform:translateY(-2px);}
.order-summary-card{
  background:var(--warm-white);border-radius:var(--radius);
  padding:32px;box-shadow:var(--shadow-sm);
  position:sticky;top:calc(var(--nav-h) + 20px);
}
.order-summary-card h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.6rem;font-weight:700;margin-bottom:20px;
}
.order-item{
  display:flex;gap:12px;padding:12px 0;
  border-bottom:1px solid var(--border);align-items:center;
}
.order-item-img{
  width:56px;height:62px;border-radius:8px;
  background:var(--cream);display:flex;align-items:center;
  justify-content:center;font-size:1.8rem;flex-shrink:0;
}
.order-item-name{font-size:0.85rem;font-weight:600;margin-bottom:2px;}
.order-item-meta{font-size:0.75rem;color:var(--light-text);}
.order-item-price{margin-left:auto;font-weight:700;font-size:0.9rem;color:var(--rose-deep);}
.order-totals{padding-top:16px;}
.order-line{
  display:flex;justify-content:space-between;
  font-size:0.85rem;margin-bottom:8px;color:var(--mid);
}
.order-line.total{
  font-size:1rem;font-weight:700;color:var(--dark);
  border-top:1px solid var(--border);padding-top:12px;margin-top:4px;
}
.order-line.total span:last-child{color:var(--rose-deep);font-size:1.2rem;}

/* ═══════════════════════════════════════
   MY CART PAGE
═══════════════════════════════════════ */
.cart-page-wrap{
  display:grid;grid-template-columns:1fr 380px;
  gap:28px;padding:40px 48px 60px;align-items:start;
}
.cart-page-left{}
.cart-page-title{
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;font-weight:700;color:var(--dark);
  margin-bottom:24px;display:flex;align-items:center;gap:12px;
}
.cart-page-title span{
  font-size:1rem;font-weight:500;color:var(--light-text);
  font-family:'DM Sans',sans-serif;
}
.cart-table{width:100%;border-collapse:collapse;}
.cart-table thead tr{border-bottom:2px solid var(--border);}
.cart-table thead th{
  text-align:left;padding:10px 14px;
  font-size:0.72rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--light-text);
}
.cart-table thead th:last-child{text-align:right;}
.cart-table tbody tr{
  border-bottom:1px solid var(--border);
  transition:background 0.2s;
}
.cart-table tbody tr:hover{background:var(--cream);}
.cart-table td{padding:18px 14px;vertical-align:middle;}
.cart-table td:last-child{text-align:right;}
.cart-product-cell{display:flex;align-items:center;gap:16px;}
.cart-product-thumb{
  width:80px;height:90px;border-radius:var(--radius-sm);
  flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-size:2.5rem;
}
.cart-product-info{}
.cart-product-name{font-size:0.95rem;font-weight:600;color:var(--dark);margin-bottom:4px;}
.cart-product-meta{font-size:0.78rem;color:var(--light-text);}
.cart-unit-price{font-size:0.92rem;color:var(--mid);font-weight:500;}
.cart-qty-cell{}
.cart-qty-wrap{
  display:inline-flex;align-items:center;
  border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;
}
.cart-qty-btn{
  width:34px;height:34px;border:none;background:transparent;
  font-size:1rem;color:var(--mid);cursor:pointer;
  transition:var(--transition);display:flex;align-items:center;justify-content:center;
}
.cart-qty-btn:hover{background:var(--blush);color:var(--rose-deep);}
.cart-qty-num{
  width:38px;text-align:center;font-size:0.9rem;font-weight:700;
  color:var(--dark);border-left:1px solid var(--border);border-right:1px solid var(--border);
  padding:6px 0;
}
.cart-item-total{font-size:1rem;font-weight:700;color:var(--rose-deep);}
.cart-remove-btn{
  background:none;border:none;color:var(--light-text);
  font-size:1rem;cursor:pointer;transition:var(--transition);
  padding:4px 8px;border-radius:6px;
}
.cart-remove-btn:hover{color:var(--rose-deep);background:var(--blush);}
.cart-page-empty{
  text-align:center;padding:80px 40px;
  background:var(--warm-white);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.cart-page-empty .empty-icon{font-size:5rem;margin-bottom:20px;opacity:0.4;}
.cart-page-empty h3{
  font-family:'Cormorant Garamond',serif;
  font-size:1.8rem;font-weight:700;margin-bottom:10px;
}
.cart-page-empty p{color:var(--light-text);font-size:0.92rem;margin-bottom:28px;}
.cart-page-actions{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:20px;flex-wrap:wrap;gap:12px;
}
.continue-shopping-link{
  display:inline-flex;align-items:center;gap:8px;
  font-size:0.88rem;font-weight:600;color:var(--mid);
  background:none;border:1.5px solid var(--border);
  border-radius:99px;padding:10px 20px;
  transition:var(--transition);cursor:pointer;
}
.continue-shopping-link:hover{border-color:var(--rose-deep);color:var(--rose-deep);}
.clear-cart-btn{
  font-size:0.82rem;color:var(--light-text);
  background:none;border:none;cursor:pointer;
  transition:var(--transition);text-decoration:underline;
}
.clear-cart-btn:hover{color:var(--rose-deep);}
/* Cart Summary Card */
.cart-summary-card{
  background:var(--warm-white);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);overflow:hidden;
  position:sticky;top:calc(var(--nav-h) + 48px);
}
.cart-summary-header{
  padding:20px 24px;border-bottom:1px solid var(--border);
  background:var(--cream);
}
.cart-summary-header h3{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;font-weight:700;color:var(--dark);
}
.cart-summary-body{padding:20px 24px;}
.summary-line{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 0;border-bottom:1px solid var(--border);
  font-size:0.88rem;color:var(--mid);
}
.summary-line:last-of-type{border-bottom:none;}
.summary-line span:last-child{font-weight:600;color:var(--dark);}
.summary-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 24px;border-top:2px solid var(--border);
  background:var(--cream);
}
.summary-total-row .label{font-size:1rem;font-weight:700;color:var(--dark);}
.summary-total-row .amount{
  font-family:'Cormorant Garamond',serif;
  font-size:1.6rem;font-weight:700;color:var(--rose-deep);
}
.cart-coupon-wrap{
  padding:16px 24px;border-top:1px solid var(--border);
}
.cart-coupon-wrap label{
  font-size:0.78rem;font-weight:700;color:var(--mid);
  letter-spacing:0.5px;display:block;margin-bottom:8px;
}
.coupon-input-row{display:flex;gap:8px;}
.coupon-input-row input{
  flex:1;padding:10px 14px;border:1.5px solid var(--border);
  border-radius:var(--radius-sm);font-size:0.85rem;
  background:var(--cream);outline:none;transition:var(--transition);
  color:var(--dark);
}
.coupon-input-row input:focus{border-color:var(--rose);}
.coupon-input-row button{
  padding:10px 16px;background:var(--dark);color:#fff;
  border:none;border-radius:var(--radius-sm);
  font-size:0.82rem;font-weight:700;cursor:pointer;
  transition:var(--transition);white-space:nowrap;
}
.coupon-input-row button:hover{background:var(--rose-deep);}
.proceed-checkout-btn{
  display:block;width:calc(100% - 48px);margin:16px 24px 20px;
  background:var(--rose-deep);color:#fff;
  border:none;border-radius:99px;
  padding:15px;font-size:0.95rem;font-weight:700;
  text-align:center;cursor:pointer;transition:var(--transition);
  box-shadow:0 6px 24px rgba(201,112,96,0.3);
}
.proceed-checkout-btn:hover{background:var(--dark);transform:translateY(-2px);}
.secure-badges{
  display:flex;align-items:center;justify-content:center;gap:16px;
  padding:0 24px 20px;
}
.secure-badge{
  display:flex;align-items:center;gap:5px;
  font-size:0.72rem;color:var(--light-text);font-weight:600;
}
.secure-badge i{font-size:0.8rem;color:var(--sage-deep);}
@media(max-width:1100px){
  .cart-page-wrap{grid-template-columns:1fr;}
  .cart-summary-card{position:static;}
}
@media(max-width:600px){
  .cart-page-wrap{padding:20px 16px 40px;}
  .cart-table thead{display:none;}
  .cart-table tbody tr{display:flex;flex-wrap:wrap;padding:12px 0;}
  .cart-table td{padding:4px 0;border:none;}
  .cart-product-cell{width:100%;}
  .cart-product-thumb{width:60px;height:68px;font-size:1.8rem;}
}

/* ═══════════════════════════════════════
   SUCCESS PAGE
═══════════════════════════════════════ */
.success-page{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding:80px 48px;text-align:center;
}
.success-icon{font-size:6rem;margin-bottom:24px;animation:bounce-in 0.6s cubic-bezier(0.4,0,0.2,1);}
@keyframes bounce-in{
  0%{transform:scale(0);}60%{transform:scale(1.2);}100%{transform:scale(1);}
}
.success-page h1{
  font-family:'Cormorant Garamond',serif;
  font-size:2.4rem;font-weight:700;margin-bottom:12px;
}
.success-page p{color:var(--mid);font-size:1rem;margin-bottom:32px;}
.order-id{
  background:var(--cream);border-radius:var(--radius-sm);
  padding:12px 24px;font-size:0.9rem;
  color:var(--mid);margin-bottom:32px;
}
.order-id strong{color:var(--rose-deep);}

/* ═══════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════ */
.contact-wrap{
  display:grid;grid-template-columns:1fr 1fr;
  gap:32px;padding:48px;
}
.contact-card{
  background:var(--warm-white);border-radius:var(--radius);
  padding:36px;box-shadow:var(--shadow-sm);
}
.contact-card h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.8rem;font-weight:700;margin-bottom:20px;
}
.contact-info-item{
  display:flex;align-items:flex-start;gap:16px;
  margin-bottom:24px;
}
.contact-info-icon{
  width:44px;height:44px;border-radius:50%;
  background:var(--blush);color:var(--rose-deep);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;font-size:1.1rem;
}
.contact-info-text h4{font-size:0.9rem;font-weight:700;margin-bottom:3px;}
.contact-info-text p{font-size:0.85rem;color:var(--mid);line-height:1.5;}
.send-btn{
  width:100%;background:var(--rose-deep);color:#fff;
  border:none;border-radius:99px;padding:14px;
  font-size:0.92rem;font-weight:700;
  margin-top:8px;transition:var(--transition);
}
.send-btn:hover{background:var(--dark);}

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
footer{
  background:var(--dark);color:rgba(255,255,255,0.8);
  padding:56px 48px 28px;
}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;margin-bottom:40px;
}
.footer-brand{}
.footer-brand .logo{
  font-family:'Cormorant Garamond',serif;
  font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:14px;
}
.footer-brand .logo span{color:var(--rose);}
.footer-brand p{font-size:0.85rem;line-height:1.7;color:rgba(255,255,255,0.55);max-width:280px;}
.footer-socials{display:flex;gap:10px;margin-top:20px;}
.social-btn{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.7);
  display:flex;align-items:center;justify-content:center;
  font-size:0.95rem;transition:var(--transition);border:none;
}
.social-btn:hover{background:var(--rose-deep);color:#fff;transform:translateY(-2px);}
.footer-col h4{
  font-size:0.78rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:rgba(255,255,255,0.5);
  margin-bottom:18px;
}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{
  font-size:0.88rem;color:rgba(255,255,255,0.65);
  transition:var(--transition);cursor:pointer;
}
.footer-col ul li a:hover{color:#fff;padding-left:4px;}
.footer-newsletter{margin-top:28px;}
.footer-newsletter h4{
  font-size:0.78rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:rgba(255,255,255,0.5);
  margin-bottom:12px;
}
.newsletter-input{
  display:flex;gap:0;border-radius:99px;overflow:hidden;
  border:1px solid rgba(255,255,255,0.12);
}
.newsletter-input input{
  flex:1;padding:11px 18px;background:rgba(255,255,255,0.06);
  border:none;color:#fff;font-size:0.85rem;outline:none;
}
.newsletter-input input::placeholder{color:rgba(255,255,255,0.3);}
.newsletter-input button{
  background:var(--rose-deep);color:#fff;border:none;
  padding:11px 20px;font-size:0.82rem;font-weight:700;
  transition:var(--transition);cursor:pointer;
}
.newsletter-input button:hover{background:var(--rose);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.07);
  padding-top:24px;
  display:flex;justify-content:space-between;align-items:center;
  font-size:0.8rem;color:rgba(255,255,255,0.3);
  flex-wrap:wrap;gap:12px;
}

/* ═══════════════════════════════════════
   TOAST NOTIFICATION
═══════════════════════════════════════ */
.toast{
  position:fixed;bottom:32px;right:32px;z-index:1000;
  background:var(--dark);color:#fff;
  padding:14px 20px;border-radius:var(--radius-sm);
  display:flex;align-items:center;gap:12px;
  box-shadow:var(--shadow-lg);font-size:0.88rem;font-weight:500;
  transform:translateY(100px);opacity:0;
  transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
  max-width:320px;
}
.toast.show{transform:translateY(0);opacity:1;}
.toast-icon{font-size:1.2rem;}

/* ═══════════════════════════════════════
   SALE PAGE
═══════════════════════════════════════ */
.sale-hero{
  background:linear-gradient(135deg,var(--dark),#3d2d1f);
  padding:48px;text-align:center;position:relative;overflow:hidden;
}
.sale-hero::before{
  content:'';position:absolute;inset:0;opacity:0.05;
  background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f0d598' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.sale-hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:3.5rem;font-weight:700;color:#fff;position:relative;
}
.sale-hero h1 span{color:var(--gold-light);}
.sale-hero p{color:rgba(255,255,255,0.7);font-size:1rem;margin-top:10px;position:relative;}

/* ═══════════════════════════════════════
   ACCESSORIES PAGE
═══════════════════════════════════════ */
.accessories-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;
}

/* ═══════════════════════════════════════
   SCROLLBAR
═══════════════════════════════════════ */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px;}

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:1100px){
  .hero{padding:48px 36px;}
  .section{padding:48px 32px;}
  .promo-banner{margin:0 32px 48px;}
  .checkout-wrap{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  :root{--sidebar-w:280px;}
  .sidebar{
    position:fixed;top:0;left:0;height:100vh;
    z-index:300;transform:translateX(-100%);
    box-shadow:var(--shadow-lg);
  }
  .sidebar.mobile-open{transform:translateX(0);}
  .nav-hamburger{display:flex;}
  .features-strip{grid-template-columns:repeat(3,1fr);}
  .hero-visuals{display:none;}
  .hero{min-height:420px;}
  .contact-wrap{grid-template-columns:1fr;}
  .filters-wrap{padding:16px 20px;}
  .products-section{padding:20px 20px 48px;}
  .page-hero{padding:32px 20px 24px;}
  .section{padding:40px 20px;}
  .promo-banner{margin:0 20px 40px;padding:32px 28px;}
  .promo-right{display:none;}
  .checkout-wrap{padding:24px 20px;}
  .contact-wrap{padding:24px 20px;}
  footer{padding:40px 20px 24px;}
  .footer-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .top-nav{top:0;}
  .layout{min-height:calc(100vh - var(--nav-h));}
  .sidebar{top:0;height:100vh;}
}
@media(max-width:600px){
  .top-nav{padding:0 14px;gap:8px;}
  .nav-search{max-width:140px;}
  .nav-search input{padding:9px 12px 9px 36px;font-size:0.82rem;}
  .hero{padding:36px 20px;min-height:360px;}
  .hero h1{font-size:2rem;}
  .hero p{font-size:0.92rem;}
  .features-strip{grid-template-columns:1fr;}
  .features-strip .feature-item{border-right:none;border-bottom:1px solid var(--border);}
  .cat-grid{grid-template-columns:1fr;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .promo-content h2{font-size:2rem;}
  .promo-banner{padding:28px 20px;margin:0 12px 32px;}
  .section{padding:32px 16px;}
  .products-section{padding:16px 16px 40px;}
  .page-hero{padding:24px 16px 20px;}
  .page-hero h1{font-size:1.9rem;}
  .filters-wrap{padding:12px 16px;gap:8px;}
  .cart-page-wrap{padding:16px 12px 40px;}
  .checkout-wrap{padding:16px 12px;}
  .contact-wrap{padding:16px 12px;}
  footer{padding:32px 16px 20px;}
  .announce-bar{font-size:0.75rem;padding:7px 12px;}
  .nav-logo{font-size:1.5rem;}
  .cart-drawer{width:100vw;}
  .toast{bottom:16px;right:16px;left:16px;max-width:none;}
  .products-grid{gap:12px;}
  .product-card .product-info{padding:12px;}
  .product-name{font-size:0.85rem;}
  .price-new{font-size:0.95rem;}
  .add-to-cart-btn{padding:6px 10px;font-size:0.72rem;}
}