/* CATEGORY PAGE STYLES
   Page-specific styles extracted from category.html.
   Keep shared styles in style.css. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
:root {
  --cat-font:"Cormorant Garamond","Times New Roman",serif
}
body.category-page {
  background:#090909;
  color:#f5ead9;
  font-family:var(--cat-font);
  min-height:100vh
}
.category-shell {
  padding:118px 0 90px;
  position:relative;
  overflow:hidden
}
.category-shell:before {
  content:"";
  position:absolute;
  inset:-20% -10% auto;
  height:680px;
  background:radial-gradient(circle at 50% 0,rgba(214,164,88,.13),transparent 62%);
  pointer-events:none
}
.category-back {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#caa45e;
  text-decoration:none;
  font-size:13px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  border:1px solid rgba(202,164,94,.28);
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.025);
  transition:.25s
}
.category-back:hover {
  border-color:rgba(202,164,94,.65);
  transform:translateX(-2px)
}
.category-hero {
  max-width:900px;
  margin:44px auto 0;
  text-align:center;
  position:relative
}
   .category-page.category-best-sellers .category-hero {
  max-width:1120px;
  padding:64px 44px 52px;
  border:2px solid #d6a458;
  border-radius:28px;
  background-image:linear-gradient(rgba(7,6,4,.34),rgba(7,6,4,.48)),url("../assets/images/bestseller-background.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,223,155,.18)
}
   .category-page.category-best-sellers .category-hero h1,.category-page.category-best-sellers .category-hero p,.category-page.category-best-sellers .category-kicker {
  position:relative;
  z-index:2
}
   .category-page.category-best-sellers .category-hero-bottle {
  position:relative;
  z-index:2
}
   .category-page.category-mens .category-hero {
  max-width:1120px;
  padding:64px 44px 52px;
  border:2px solid #d6a458;
  border-radius:28px;
  background-image:linear-gradient(rgba(4,10,24,.24),rgba(4,10,24,.50)),url("../assets/images/mens-background.jfif");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,223,155,.18)
}
   .category-page.category-mens .category-hero .category-kicker,.category-page.category-mens .category-hero h1,.category-page.category-mens .category-hero p {
  position:relative;
  z-index:2;
  color:#fff!important
}
   .category-page.category-mens .category-hero-bottle {
  position:relative;
  z-index:2
}
   .category-page.category-womens .category-hero {
  max-width:1120px;
  padding:64px 44px 52px;
  border:2px solid #d6a458;
  border-radius:28px;
  background-image:linear-gradient(rgba(255,192,214,.12),rgba(255,192,214,.22)),url("../assets/images/womens-background.webp");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,223,155,.18)
}
   .category-page.category-womens .category-hero .category-kicker,.category-page.category-womens .category-hero h1,.category-page.category-womens .category-hero p {
  position:relative;
  z-index:2;
  color:#fff!important
}
   .category-page.category-womens .category-hero-bottle {
  position:relative;
  z-index:2
}
   .category-page.category-celebrity .category-hero {
  max-width:1120px;
  padding:64px 44px 52px;
  border:2px solid #d6a458;
  border-radius:28px;
  background-image:linear-gradient(rgba(8,12,18,.18),rgba(8,12,18,.42)),url("../assets/images/celebrity-background.jfif");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,223,155,.18)
}
   .category-page.category-celebrity .category-hero .category-kicker,.category-page.category-celebrity .category-hero h1,.category-page.category-celebrity .category-hero p {
  position:relative;
  z-index:2;
  color:#fff!important
}
   .category-page.category-celebrity .category-hero-bottle {
  position:relative;
  z-index:2
}
.category-kicker {
  font-size:11px;
  letter-spacing:4px;
  color:#c9a15f;
  font-weight:700
}
.category-hero h1 {
  font-size:clamp(60px,9vw,112px);
  line-height:.9;
  font-weight:500;
  margin:16px 0 20px;
  color:#f0d4a3
}
.category-hero p {
  max-width:650px;
  margin:0 auto;
  color:#a9a09a;
  font-size:17px;
  line-height:1.7
}
.category-hero-bottle {
  width:76px;
  height:104px;
  margin:38px auto 8px;
  position:relative;
  border-radius:18px 18px 23px 23px;
  box-shadow:0 25px 55px rgba(0,0,0,.6),inset 7px 0 13px rgba(255,255,255,.12),inset -7px 0 13px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.16)
}
.category-hero-bottle:before {
  content:"";
  position:absolute;
  width:32px;
  height:20px;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  border-radius:6px 6px 3px 3px;
  background:linear-gradient(90deg,#111,#777,#111);
  border:1px solid rgba(255,255,255,.16)
}
.category-hero-bottle:after {
  content:"LEO";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:2px;
  color:#e8c986;
  border:1px solid rgba(226,195,135,.6);
  padding:8px 9px;
  border-radius:5px;
  background:rgba(0,0,0,.25)
}
.category-content {
  margin-top:70px;
  position:relative
}
.custom-perfume-button {
  display:flex;
  align-items:center;
  gap:14px;
  max-width:520px;
  margin:0 auto 46px;
  padding:16px 20px;
  border:1px solid rgba(214,164,88,.55);
  border-radius:12px;
  background:linear-gradient(110deg,rgba(214,164,88,.18),rgba(255,255,255,.04));
  color:#f5ead9;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(0,0,0,.2);
  transition:transform .2s ease,border-color .2s ease
}
.custom-perfume-button:hover {
  transform:translateY(-2px);
  border-color:#e4bd75
}
.custom-perfume-button > span:nth-child(2) {
  display:grid;
  gap:3px;
  flex:1
}
.custom-perfume-button strong {
  color:#f0d4a3;
  font-size:18px;
  font-weight:600
}
.custom-perfume-button small {
  color:#b8aaa0;
  font-family:Arial,sans-serif;
  font-size:11px;
  letter-spacing:.02em
}
.custom-perfume-icon,.custom-perfume-button > span:last-child {
  color:#d6a458;
  font-size:21px
}
.category-products-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:25px;
  border-bottom:1px solid rgba(202,164,94,.2);
  padding-bottom:18px
}
.category-products-head h2 {
  margin:0;
  font-size:34px;
  font-weight:500;
  color:#f0d4a3
}
.category-count {
  color:#9d9287;
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase
}
.category-sort {
  display:flex;
  align-items:center;
  gap:10px;
  color:#c9a15f;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase
}
.category-sort select {
  min-height:38px;
  padding:0 32px 0 11px;
  border:1px solid rgba(202,164,94,.35);
  border-radius:8px;
  background:#15120f;
  color:#f0d4a3;
  font:inherit;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer
}
.category-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:28px;
  color:#c9a15f;
  font-family:Arial,sans-serif;
  font-size:12px;
  letter-spacing:1px
}
.category-page-arrow {
  width:40px;
  height:40px;
  border:1px solid rgba(202,164,94,.35);
  border-radius:50%;
  background:#15120f;
  color:#e0b96e;
  font-size:18px;
  cursor:pointer
}
.category-page-arrow:disabled {
  opacity:.35;
  cursor:not-allowed
}
.category-products {
  margin-top:0
}
@media(max-width:600px) {
  .category-shell {
    padding-top:95px
  }
  .category-hero {
    margin-top:34px
  }
  .category-hero h1 {
    font-size:62px
  }
  .category-hero p {
    font-size:15px
  }
  .category-content {
    margin-top:52px
  }
  .category-products-head {
    align-items:flex-start;
    flex-direction:column
  }
  .category-products-head h2 {
    font-size:27px
  }
  .category-count {
    font-size:9px
  }
  .category-sort {
    justify-content:space-between;
    width:100%
  }
  .category-sort select {
    flex:1;
    max-width:220px
  }
   .category-page.category-best-sellers .category-hero {
    padding:42px 18px 34px;
    border-radius:22px;
    background-position:center top
  }
  .category-page.category-mens .category-hero {
    padding:42px 18px 34px;
    border-radius:22px;
    background-position:center center
  }
   .category-page.category-womens .category-hero {
    padding:42px 18px 34px;
    border-radius:22px;
    background-position:center center
  }
   .category-page.category-celebrity .category-hero {
    padding:42px 18px 34px;
    border-radius:22px;
    background-position:center center
  }
}
/* Targeted light theme for collection pages only. */
body.category-page {
  background:#fff8f7;
  color:#2b2026!important
}
.category-shell:before {
  background:radial-gradient(circle at 50% 0,rgba(225,166,192,.18),transparent 62%)!important
}
.category-back {
  color:#5b3a49!important;
  border-color:rgba(160,102,128,.32)!important;
  background:rgba(255,255,255,.72)!important
}
.category-kicker {
  color:#8b5270!important
}
.category-hero h1 {
  color:#2a1c23!important
}
.category-hero p {
  color:#57424c!important
}
.category-products-head {
  border-bottom-color:rgba(160,102,128,.20)!important
}
.category-products-head h2 {
  color:#2a1c23!important
}
.category-count {
  color:#6a5360!important
}
.category-products .product {
  background:linear-gradient(145deg,#fffaf8,#f8e9ef)!important;
  border-color:rgba(183,128,151,.28)!important;
  box-shadow:0 16px 45px rgba(100,55,75,.09)!important;
  color:#2b2026!important
}
.category-products .product-info h3,.category-products .product-brand,.category-products .price {
  color:#2b2026!important
}
.category-products .product-info p {
  color:#604c57!important
}
.category-products .product-image {
  background:radial-gradient(circle,rgba(211,150,177,.20),transparent 65%)!important
}
.category-products .small-btn {
  color:#2f2028!important;
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(150,94,119,.28)!important
}
.category-products .small-btn.buy {
  color:#fff!important;
  background:#7b2cff!important;
  border-color:#7b2cff!important
}
  .category-page.category-best-sellers .category-hero .category-kicker,
  .category-page.category-best-sellers .category-hero h1,
  .category-page.category-best-sellers .category-hero p {
  color:#fff!important
}

/* Remove the empty decorative bottle/placeholder from all category hero sections. */
.category-page.category-best-sellers .category-hero-bottle,
.category-page.category-mens .category-hero-bottle,
.category-page.category-womens .category-hero-bottle,
.category-page.category-celebrity .category-hero-bottle {
  display: none;
}

/* Gesture support: horizontal swipes work without changing the existing visual design. */
#productGrid, #categoryProductGrid { touch-action: pan-y; }

/* Celebrity collection displays its full product list without pagination. */
.category-celebrity .category-pagination{display:none;}