:root{
  --cream:#f7f2ec;
  --ink:#111;
  --muted:#7a7a7a;
}
body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;}
.serif{font-family:'Cormorant Garamond',serif;font-weight:500;letter-spaced:-.02em;}
em{font-style:italic;color:#6b5a3e;}
.brand-logo{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.35em;font-size:1.4rem;}
.letter-spaced{letter-spacing:.25em;}
.bg-cream{background:var(--cream)!important;}
.min-vh-75{min-height:75vh;}
.navbar .nav-link{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#222;}
.navbar .nav-link.active{border-bottom:1px solid #111;}
.btn{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;}
.btn-lg{padding:.9rem 2rem;}

/* Hero */
.hero{background:var(--cream);}
.hero-image{
  height:600px;
  background-image:url('https://images.unsplash.com/photo-1592945403244-b3fbafd7f539?w=1200&q=80');
  background-size:cover;background-position:center;
  filter:saturate(.9);
}

/* Category cards */
.cat-card{
  position:relative;height:420px;overflow:hidden;
  background-size:cover;background-position:center;
  transition:transform .5s ease;
}
.cat-card:hover{transform:scale(1.02);}
.cat-women{background-image:url('https://images.unsplash.com/photo-1615634260167-c8cdede054de?w=800&q=80');}
.cat-men{background-image:url('https://images.unsplash.com/photo-1594035910387-fea47794261f?w=800&q=80');}
.cat-unisex{background-image:url('https://images.unsplash.com/photo-1541643600914-78b084683601?w=800&q=80');}
.cat-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 60%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;color:#fff;
}
.cat-overlay h3{font-size:2rem;margin:0;}
.cat-overlay a{color:#fff;text-decoration:none;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;}

/* Story image */
.story-image{
  height:520px;
  background-image:url('https://images.unsplash.com/photo-1523293182086-7651a899d37f?w=1000&q=80');
  background-size:cover;background-position:center;
}

/* Product card */
.product-card{background:#fff;transition:transform .3s;}
.product-card:hover{transform:translateY(-4px);}
.product-img{
  aspect-ratio:1/1.15;background:var(--cream);
  background-size:cover;background-position:center;position:relative;overflow:hidden;
}
.product-badge{position:absolute;top:12px;left:12px;background:#111;color:#fff;font-size:.65rem;letter-spacing:.2em;padding:4px 10px;text-transform:uppercase;}
.product-info{padding:1rem .25rem 0;}
.product-info h5{font-family:'Cormorant Garamond',serif;font-size:1.35rem;margin-bottom:.15rem;}
.product-info .cat{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.product-info .price{font-size:1rem;margin-top:.4rem;}
.add-btn{width:100%;margin-top:.75rem;}

/* Filters */
#filters .btn.active{background:#111;color:#fff;}

/* Cart row */
.cart-row{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #eee;align-items:center;}
.cart-row .thumb{width:100px;height:120px;background-size:cover;background-position:center;background-color:var(--cream);flex-shrink:0;}
.cart-row .qty{display:inline-flex;align-items:center;gap:.5rem;}
.cart-row .qty button{width:28px;height:28px;border:1px solid #ddd;background:#fff;}

/* Utility */
a{transition:opacity .2s;}
a:hover{opacity:.7;}

.my-cart-icon {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #000;
}

.my-cart-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    width: 22px;
    height: 22px;
    background:black;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    z-index: 99999;
}