.elementor-9896 .elementor-element.elementor-element-3b9632f{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9896 .elementor-element.elementor-element-3b9632f:not(.elementor-motion-effects-element-type-background), .elementor-9896 .elementor-element.elementor-element-3b9632f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9896 .elementor-element.elementor-element-3b9632f{--justify-content:center;}}@media(min-width:768px){.elementor-9896 .elementor-element.elementor-element-3b9632f{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-3b9632f *//* ===================================================================
   CUSTOM DISCOVERY SET – FINAL SINGLE CSS (CLEAN & COMPACT)
   =================================================================== */

/* -------------------- ROOT SECTION -------------------- */
.cds-section{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  position:relative !important;
  overflow:hidden !important;

  background-image:url("https://6666perfumes.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-16-2026-03_06_48-PM.png") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  border:none !important;
  box-shadow:none !important;
}

/* dark overlay for readability */
.cds-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.65) !important;
  z-index:0;
}

/* remove theme dividers */
.cds-section hr,
.cds-section::after,
.cds-section .elementor-divider,
.cds-section .elementor-widget-divider,
.cds-section .wp-block-separator{
  display:none !important;
}

/* -------------------- WRAPPER -------------------- */
.cds-wrapper{
  position:relative !important;
  z-index:2 !important;
  background:transparent !important;
  padding:60px 16px !important;
}

/* -------------------- TITLE -------------------- */
.cds-title,
.cds-subtitle{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  color:#FFD966 !important;
  font-weight:600 !important;
}

.cds-title{margin-bottom:10px !important;}
.cds-subtitle{margin-bottom:26px !important;}

/* -------------------- FILTER MENU -------------------- */
.cds-cats{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
  margin-bottom:18px !important;
  flex-wrap:nowrap !important;
}

.cds-cats button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:10px 28px !important;
  height:42px !important;
  min-width:120px !important;

  border-radius:999px !important;
  border:1px solid #FFD966 !important;
  background:rgba(0,0,0,0.85) !important;
  color:#FFD966 !important;

  font-weight:600 !important;
  cursor:pointer !important;
}

.cds-cats button.active{
  background:#FFD966 !important;
  color:#000 !important;
}

/* -------------------- SIZE SELECTOR -------------------- */
.cds-sizes{
  display:flex !important;
  justify-content:center !important;
  gap:14px !important;
  margin-bottom:30px !important;
}

.cds-sizes input{display:none !important;}

.cds-sizes label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:10px 26px !important;
  height:42px !important;
  min-width:90px !important;

  border-radius:999px !important;
  border:1px solid #FFD966 !important;
  background:rgba(0,0,0,0.85) !important;

  color:#FFD966 !important;
  font-weight:600 !important;
  cursor:pointer !important;
}

.cds-sizes label:has(input:checked){
  background:#FFD966 !important;
  color:#000 !important;
}

/* -------------------- GRID -------------------- */
.cds-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  gap:10px !important;
  justify-content:center !important;
}

/* -------------------- PERFUME CARD -------------------- */
.cds-item{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  padding:6px 10px !important;
  min-height:42px !important;
  max-width:240px !important;
  margin:0 auto !important;

  background:rgba(0,0,0,0.85) !important;
  border:1px solid #FFD966 !important;
  border-radius:8px !important;

  font-size:12px !important;
  font-weight:600 !important;
  color:#FFD966 !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.cds-item:hover{
  box-shadow:0 0 14px rgba(255,217,102,0.35) !important;
}

/* checkbox */
.cds-item input[type="checkbox"]{
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  flex-shrink:0 !important;
  accent-color:#FFD966 !important;
}

/* -------------------- FOOTER COUNT -------------------- */
.cds-footer{
  text-align:center !important;
  padding:18px 0 !important;
  color:#FFD966 !important;
  font-weight:600 !important;
}

/* -------------------- RESPONSIVE -------------------- */
@media(max-width:1024px){
  .cds-grid{grid-template-columns:repeat(4,1fr) !important;}
}

@media(max-width:768px){
  .cds-cats{flex-wrap:wrap !important;}
  .cds-grid{grid-template-columns:repeat(2,1fr) !important;}
  .cds-item{font-size:11px !important;}
}
/* =================================================================
   CUSTOM DISCOVERY SET – FINAL HARD FIX (CLEAN + BALANCED)
   ================================================================= */

/* ---------------- SECTION ---------------- */
.cds-section{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  position:relative !important;
  background:url("https://6666perfumes.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-16-2026-03_06_48-PM.png")
    center/cover no-repeat !important;
}

/* dark overlay */
.cds-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.6);
  z-index:0;
}

/* ---------------- WRAPPER ---------------- */
.cds-wrapper{
  position:relative;
  z-index:2;
  padding:50px 20px;
  background:transparent;
}

/* ---------------- TITLE ---------------- */
.cds-title{
  text-align:center;
  color:#FFD966;
  font-size:36px;
  font-weight:700;
  margin-bottom:8px;
}

.cds-subtitle{
  text-align:center;
  color:#FFD966;
  font-size:14px;
  margin-bottom:28px;
}

/* ---------------- FILTER PILLS ---------------- */
.cds-cats{
  display:flex;
  justify-content:center;
  gap:16px;
  margin-bottom:18px;
}

.cds-cats button{
  min-width:140px;
  height:44px;
  padding:0 28px;
  border-radius:999px;
  border:1px solid #FFD966;
  background:rgba(0,0,0,0.85);
  color:#FFD966;
  font-weight:600;
}

.cds-cats button.active{
  background:#FFD966;
  color:#000;
}

/* ---------------- SIZE PILLS ---------------- */
.cds-sizes{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-bottom:36px;
}

.cds-sizes input{display:none;}

.cds-sizes label{
  min-width:90px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid #FFD966;
  background:rgba(0,0,0,0.85);
  color:#FFD966;
  font-weight:600;
}

.cds-sizes label:has(input:checked){
  background:#FFD966;
  color:#000;
}

/* ---------------- GRID (REAL GRID, NOT COLUMNS) ---------------- */
.cds-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:14px;
  justify-items:center;
}

/* ---------------- PERFUME CARD ---------------- */
.cds-item{
  width:100%;
  max-width:220px;
  height:44px;

  display:flex;
  align-items:center;
  gap:8px;

  padding:6px 10px;
  background:rgba(0,0,0,0.85);
  border:1px solid #FFD966;
  border-radius:8px;

  color:#FFD966;
  font-size:12px;
  font-weight:600;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* selected glow */
.cds-item:has(input:checked){
  box-shadow:0 0 14px rgba(255,217,102,0.45);
}

/* checkbox */
.cds-item input{
  width:14px;
  height:14px;
  accent-color:#FFD966;
  flex-shrink:0;
}

/* ---------------- FOOTER COUNT ---------------- */
.cds-footer{
  margin-top:28px;
  text-align:center;
  color:#FFD966;
  font-weight:600;
}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:1200px){
  .cds-grid{grid-template-columns:repeat(4,1fr);}
}

@media (max-width:768px){
  .cds-grid{grid-template-columns:repeat(2,1fr);}
  .cds-item{max-width:100%;}
  .cds-cats{flex-wrap:wrap;}
}
/* ================= FINAL FIX: FILTER PILLS WIDTH ================= */

/* container */
.cds-cats{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
}

/* pills */
.cds-cats button{
  flex:0 0 auto !important;          /* STOP stretching */
  width:140px !important;            /* SAME width for all */
  max-width:140px !important;

  height:44px !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:999px !important;
  border:1px solid #FFD966 !important;

  background:rgba(0,0,0,0.85) !important;
  color:#FFD966 !important;

  font-weight:600 !important;
  text-align:center !important;
}

/* active pill */
.cds-cats button.active{
  background:#FFD966 !important;
  color:#000 !important;
}

/* mobile safety */
@media (max-width:768px){
  .cds-cats{
    flex-wrap:wrap !important;
  }

  .cds-cats button{
    width:120px !important;
  }
}/* End custom CSS */