*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0b0b;color:#fff;font-family:Arial,sans-serif;overflow:hidden}
.topbar{height:54px;position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:rgba(0,0,0,.45);backdrop-filter:blur(12px);z-index:100}
#menuBtn{background:none;border:none;color:#fff;font-size:18px}
#catalog{display:flex;height:100dvh;overflow-x:auto;scroll-snap-type:x mandatory}
.slide{min-width:100vw;height:100dvh;scroll-snap-align:start;position:relative;background:#111}
.image-area{position:absolute;top:54px;left:0;right:0;bottom:82px;background:linear-gradient(135deg,#2a2a2a,#555)}
.overlay{position:absolute;left:0;right:0;bottom:82px;padding:14px 18px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px)}
.overlay span,.overlay small{display:block}
.overlay span{color:#ffd700;font-size:20px;font-weight:bold}
.overlay small{margin-top:4px}
.actionbar{position:fixed;left:0;right:0;bottom:0;height:82px;background:rgba(10,10,10,.92);display:flex;justify-content:space-evenly;align-items:center;border-top:1px solid #333;z-index:100}
.actionbar a,.actionbar button{text-decoration:none;color:#fff;background:#1b1b1b;border:none;padding:12px 18px;border-radius:18px}
.portada .hero{position:absolute;inset:54px 0 82px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}
#sideMenu{position:fixed;left:-320px;top:0;width:80vw;max-width:320px;height:100%;background:#121212;padding:70px 20px;transition:.3s;z-index:200}
#sideMenu.open{left:0}
#sideMenu a{display:block;color:#fff;text-decoration:none;padding:10px 0}
#backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:150}
#backdrop.show{display:block}

#currentTitle{font-size:14px;opacity:.9}
.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:10px}
.overlay{padding:10px 16px}
.actionbar{height:72px}
.image-area{bottom:72px}
#orderModal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:300}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#111;padding:20px;border-radius:20px 20px 0 0}
.sheet input,.sheet select{width:100%;padding:12px;margin:6px 0}
.delivery{display:flex;gap:15px;margin:10px 0}
.sendBtn{width:100%;padding:12px}

#sideMenu{width:88vw!important;max-width:360px!important;font-size:16px}
#sideMenu a{padding:6px 0!important}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:999}
.sheet{position:absolute;bottom:0;left:0;right:0;height:85vh;background:#111;border-radius:20px 20px 0 0;padding:16px;overflow:auto}
.sheetHeader{display:flex;justify-content:space-between;align-items:center}
.sheet input,.sheet select{width:100%;padding:12px;margin:8px 0}
.qtyRow{display:flex;justify-content:center;align-items:center;gap:15px;margin:12px 0}
.qtyRow button,#sendOrder,#closeModal{padding:10px 14px}

.qtyRow{display:flex;justify-content:center;gap:15px;margin:12px 0}.qtyRow button{padding:8px 14px}
/* V1.5 premium overlay */
.overlay{
 background:rgba(8,8,8,.58)!important;
 backdrop-filter:blur(12px)!important;
 border-top:1px solid rgba(255,255,255,.08);
 padding:8px 16px!important;
}
.overlay h2{margin:0;font-size:20px}
.overlay p{margin:0;opacity:.8;font-size:13px}
.overlay span{display:inline-block;margin-right:20px;color:#d9b44a!important;font-weight:700}
.overlay small{display:inline-block;color:#4fd18b!important;font-size:18px;font-weight:700}

.overlay{padding:18px 20px!important;background:rgba(8,8,8,.68)!important;backdrop-filter:blur(12px)!important;border-top:1px solid rgba(255,255,255,.08)}
.overlay h2{margin:0 0 8px 0}
.overlay p{margin:0 0 12px 0;color:#d0d0d0}
.overlay b{display:block;margin:10px 0 6px 0}

/* V1.7 Premium UI */
.overlay{
 backdrop-filter:blur(14px)!important;
 background:rgba(8,12,20,.72)!important;
 border-top:1px solid rgba(255,255,255,.08)!important;
 padding:14px 18px 8px 18px!important;
}
.actionbar{
 margin-top:0!important;
 border-top:1px solid rgba(255,255,255,.08)!important;
 background:rgba(8,12,20,.95)!important;
}
.actionbar a,.actionbar button{
 min-width:64px;
 min-height:64px;
 border-radius:18px!important;
 border:1px solid rgba(90,180,255,.35)!important;
 background:#071221!important;
 box-shadow:0 0 10px rgba(90,180,255,.12);
}

/* V1.8 overlay refinement */
.overlay{
padding:12px 22px 6px 22px!important;
}
.overlay h2{display:inline-block;margin:0;font-size:22px}
.overlay p{float:right;margin-top:4px;font-size:15px}
.overlay b{display:block;margin:12px 0 8px 0;font-size:15px}
.overlay span{font-size:18px!important}
.overlay small{font-size:18px!important;margin-left:24px}
.actionbar{
height:86px!important;
display:flex;gap:14px;justify-content:center!important;
}
.actionbar a,.actionbar button{
width:78px;min-width:78px;height:78px;min-height:78px;
border-radius:22px!important;
font-size:0;
position:relative;
}
.actionbar a:first-child::before{content:"☎";font-size:34px;color:#8fd3ff;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.actionbar a:nth-child(2)::before{content:"◔";font-size:34px;color:#8fd3ff;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.actionbar button{width:150px!important;font-size:22px;color:#fff}

/* V2 final buttons and overlay */
.overlay{padding:10px 22px 4px 22px!important}
.overlay h2{display:inline-block;margin:0 0 10px 0!important;font-size:22px}
.overlay p{float:right;margin:2px 0 0 0!important;font-size:14px}
.overlay b{display:block;margin:10px 0 4px 0!important}
.overlay span{display:inline-block!important}
.overlay small{display:inline-block!important;margin-left:28px}

.actionbar{height:84px!important;gap:12px!important}
.actionbar a::before{content:none!important}
.waBtn,.callBtn,.orderBtn{
display:flex!important;align-items:center;justify-content:center;
font-size:16px!important;font-weight:700;color:#d8ecff!important;
}
.waBtn,.callBtn{
width:78px!important;height:78px!important;
}
.waBtn{color:#25D366!important}
.callBtn{color:#8fd3ff!important}
.orderBtn{width:150px!important}

.overlay{
display:grid!important;
grid-template-columns:1fr auto!important;
gap:10px 12px!important;
padding:12px 18px!important;
background:rgba(8,12,20,.78)!important;
backdrop-filter:blur(14px)!important;
}
.overlay h2{margin:0;font-size:20px}
.overlay p{margin:0;text-align:right;opacity:.85}
.overlay span{grid-column:1;color:#ffd700!important}
.overlay small{grid-column:2;text-align:right;font-size:18px;color:#72d572}
.overlay b{grid-column:1 / span 2;margin-top:2px}
.actionbar{
height:92px!important;
background:rgba(8,12,20,.98)!important;
gap:10px;padding:8px 12px;
}
.action-btn{
width:92px;height:72px;border-radius:18px;
display:flex!important;flex-direction:column;justify-content:center;align-items:center;
background:#071221!important;border:1px solid rgba(90,180,255,.35)!important;
color:#fff;text-decoration:none;
}
.action-btn .icon{font-size:24px;line-height:1}
.action-btn .label{font-size:12px;margin-top:4px}

.actionbar{height:96px!important;gap:10px!important}
.action-btn{width:92px!important;height:78px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:#081321!important;border:1px solid rgba(100,180,255,.35)!important;border-radius:20px!important}
.action-btn .icon{display:flex;align-items:center;justify-content:center;color:#dfefff}
.action-btn .label{font-size:11px;margin-top:4px;color:#dfefff}

/* V3.1 Premium Interaction */
.action-btn,.actionbar a,.actionbar button{
transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
box-shadow:0 6px 14px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);
}
.action-btn:active,.actionbar a:active,.actionbar button:active{
transform:translateY(3px) scale(.98);
box-shadow:0 2px 6px rgba(0,0,0,.35);
}

#sendOrder{display:block;margin:24px auto 0 auto;min-width:220px;}#addProductBtn{display:block;margin:16px 0;} .order-actions{margin-top:20px;text-align:center;}


/* V4.2.5 premium send button */
#sendOrder, .sendOrderBtn{
  min-height:56px;
  border-radius:18px;
  border:1px solid #0ea5ff;
  box-shadow:0 0 12px rgba(14,165,255,.35);
}


/* V4.2.6 Premium Form Polish */
input, select, textarea{
  border-radius:18px !important;
  background:#EEF2F7 !important;
}

#addProductBtn, .addProductBtn{
  min-height:56px;
  padding:12px 20px;
  border-radius:18px;
  border:1px solid #0ea5ff;
  box-shadow:0 0 8px rgba(14,165,255,.25);
}

#sendOrder, .sendOrderBtn{
  min-height:60px;
}

h1,h2,.orderTitle{
  letter-spacing:.3px;
}


/* V4.2.7 visual harmony */
.delivery-options,.deliveryRow,.radioRow{
  display:flex;
  justify-content:center;
  gap:60px;
}

#addProductBtn,.addProductBtn,
#sendOrder,.sendOrderBtn{
  width:260px;
  min-height:60px;
  border-radius:22px;
  display:block;
  margin:18px auto;
}

#addProductBtn,.addProductBtn{
  border:1px solid #0ea5ff;
  box-shadow:0 0 10px rgba(14,165,255,.25);
}

#sendOrder,.sendOrderBtn{
  border:1px solid #22c55e;
  box-shadow:0 0 10px rgba(34,197,94,.25);
}


/* V4.2.8 refinements */
#addProductBtn,.addProductBtn{
 border-width:2px !important;
 box-shadow:0 0 14px rgba(14,165,255,.35) !important;
}
#sendOrder,.sendOrderBtn{
 border-width:2px !important;
 box-shadow:0 0 14px rgba(34,197,94,.35) !important;
}

.overlay{
min-height:120px !important;
display:flex !important;
flex-direction:column;
justify-content:space-between;
}
.overlay h2{
min-height:48px;
display:flex;
align-items:center;
margin:0 0 8px 0;
}


/* V5.0.3 Form layout polish */
.delivery-options,.shipping-options,.method-options{
    justify-content:center !important;
    gap:48px !important;
    margin:20px 0 28px 0 !important;
}

#addProductBtn,.add-product-btn{
    margin-top:24px !important;
}

#sendOrder,.send-order-btn{
    margin-top:20px !important;
}

.order-actions,.form-actions{
    margin-top:28px !important;
}


/* V5.0.4 Premium Delivery Selector */
.delivery-options,.shipping-options,.method-options{
 display:flex;
 justify-content:center;
 gap:24px;
 margin:24px 0 34px 0;
 flex-wrap:wrap;
}

.delivery-options label,
.shipping-options label,
.method-options label{
 padding:14px 18px;
 border-radius:16px;
 border:2px solid rgba(255,255,255,.25);
 min-width:180px;
 text-align:center;
}

.delivery-options input:checked + span,
.shipping-options input:checked + span,
.method-options input:checked + span{
 text-shadow:0 0 8px rgba(255,255,255,.5);
}


/* V5.0.5 spacing refinement */
#addProductBtn,.add-product-btn{
  margin-top:40px !important;
}

#sendOrder,.send-order-btn{
  margin-top:28px !important;
}

.order-actions,.form-actions{
  margin-top:40px !important;
}

.delivery-options,.shipping-options,.method-options{
  margin-bottom:36px !important;
}


/* V5.0.6 Premium order items */
.order-item,.selected-product,.product-row{
  margin:10px 0 !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.12) !important;
}

/* Delivery choice emphasis */
.delivery-options,.shipping-options,.method-options{
  margin-top:12px !important;
  margin-bottom:42px !important;
}

#orderItems > div{
 background:rgba(255,255,255,.08);
 border:1px solid rgba(255,255,255,.15);
 border-radius:14px;
 padding:10px 12px;
 margin:10px 0 !important;
 box-shadow:0 2px 10px rgba(0,0,0,.12);
}


/* V5.0.8 Accessibility refinement */
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select{
    font-size:18px !important;
    line-height:1.4 !important;
}

input::placeholder,
textarea::placeholder{
    font-size:17px !important;
}

label{
    font-size:16px !important;
}


/* V5.0.9 Form final polish */
.form-title, .order-title, h1.form-title, h2.form-title{
 text-align:center !important;
 font-size:1.25rem !important;
 letter-spacing:.3px;
 margin-bottom:6px !important;
}

.form-subtitle{
 text-align:center !important;
 font-size:12px !important;
 font-weight:600 !important;
 opacity:.9;
 margin-bottom:16px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"]{
 margin-bottom:10px !important;
}

.form-group{
 margin-bottom:10px !important;
}


.form-subtitle{
 text-align:center;
 font-size:0.82rem;
 font-weight:600;
 opacity:.9;
 margin-bottom:14px;
}


/* V5.1 Contact Form Final */
.form-title,.order-title,h1.form-title,h2.form-title{
 text-align:center !important;
 font-size:1.45rem !important;
 font-weight:700 !important;
 margin-bottom:14px !important;
}

.form-subtitle{
 display:none !important;
}

input[type="text"],
input[type="tel"],
input[type="email"]{
 font-size:20px !important;
 text-align:center !important;
}

input::placeholder{
 font-size:18px !important;
 text-align:center !important;
}


/* V5.1.1 entered text readability */
input[type="text"],
input[type="tel"],
input[type="email"]{
  font-size:22px !important;
  text-align:center !important;
  font-weight:600 !important;
  caret-color:inherit;
}

input:not(:placeholder-shown){
  font-size:22px !important;
  text-align:center !important;
  font-weight:600 !important;
}


@media (min-width:1024px){
#desktopNav{
position:fixed;bottom:20px;left:50%;
transform:translateX(-50%);
display:flex;gap:12px;z-index:999;
}
#desktopNav button{
padding:10px 16px;cursor:pointer;
}
}
@media (max-width:1023px){
#desktopNav{display:none!important;}
}


@media (min-width:1024px){
#desktopNav{
 position:fixed;
 top:70px;
 left:50%;
 transform:translateX(-50%);
 z-index:1000;
 display:flex;
 gap:12px;
}
#desktopNav button{
 padding:10px 16px;
 cursor:pointer;
}
.slide,.card,.product{
 padding-left:40px !important;
 padding-right:40px !important;
 box-sizing:border-box;
}
}


/* Desktop Layer V3 */
@media (min-width:1024px){

  .overlay{
    left:60px !important;
    right:60px !important;
    width:auto !important;
    max-width:none !important;
  }

  .image-area{
    left:60px !important;
    right:60px !important;
  }

  #desktopNav{
    position:fixed !important;
    top:70px !important;
    right:40px !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    display:flex !important;
    gap:10px !important;
    z-index:9999 !important;
  }
}


@media (min-width:1024px){
#desktopSidebar{
position:fixed;left:0;top:0;bottom:0;width:260px;
background:#fff;border-right:1px solid #ddd;
overflow-y:auto;padding:20px;z-index:900;
display:block;
}
#desktopProductList button{
display:block;width:100%;text-align:left;margin:4px 0;padding:8px;border:0;background:#f5f5f5;cursor:pointer;
}
#catalog{margin-left:260px !important;width:calc(100% - 260px) !important;}
.topbar button:first-child{display:none !important;}
}
@media (max-width:1023px){#desktopSidebar{display:none;}}


/* Desktop UX Final */
@media (min-width:1024px){
  #catalog{
    margin-left:260px !important;
    width:calc(100vw - 260px) !important;
  }
  .slide{
    min-width:calc(100vw - 260px) !important;
  }
  .image-area,
  .overlay{
    left:20px !important;
    right:20px !important;
  }
  .overlay{
    padding-right:70px !important;
  }

  #desktopProductList button.active{
    background:#0ea5ff !important;
    color:#fff !important;
    border-left:4px solid #ffd700 !important;
  }

  .sheet{
    max-width:900px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }

  #desktopNav button{
    padding:6px 10px !important;
    font-size:12px !important;
    opacity:.85;
  }
}

@media (min-width:1024px){
  a[href^="tel"], .call-btn, #callBtn {display:none !important;}
  .actionbar{
    display:flex !important;
    justify-content:center !important;
    gap:16px !important;
  }
}

@media (min-width:1024px){
.actionbar{
 transform:translateX(140px);
}
}


/* ===== V6.9 Desktop UX Redesign ===== */
@media (min-width: 1024px){

  .image-area{
    right:45% !important;
    bottom:86px !important;
  }

  .overlay{
    left:auto !important;
    width:45% !important;
    right:0 !important;
    top:54px !important;
    bottom:86px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:28px !important;
    border-left:1px solid rgba(255,255,255,.08);
    border-top:none !important;
  }

  .overlay h2{
    font-size:34px !important;
    margin-bottom:12px !important;
  }

  .overlay b,
  .overlay span,
  .overlay small{
    margin-bottom:10px;
  }

  .desktop-info{
    display:block !important;
    margin-bottom:20px;
    padding:16px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(255,255,255,.03);
  }

  .desktop-info h3{
    margin:0 0 10px 0;
  }

  .desktop-info p{
    float:none !important;
    margin:0 !important;
    line-height:1.5;
  }

  .actionbar{
    justify-content:center !important;
  }
}

@media (max-width: 1023px){
  .desktop-info{display:none !important;}
}

@media (min-width:1024px){
.overlay .desktop-info{
 margin:12px 0 20px 0;
 padding:0;
 background:none;
 border:none;
}
.overlay .desktop-info h3{
 font-size:1.15rem;
 margin-bottom:8px;
 color:#d8d8d8;
}
}


/* Build55 Premium Theme Migration */
html,body{
background:#080808!important;
color:#fff!important;
font-family:Arial,sans-serif!important;
}

.topbar{
background:rgba(8,8,8,.92)!important;
backdrop-filter:blur(12px)!important;
border-bottom:1px solid rgba(180,140,80,.25)!important;
}

#currentTitle{
letter-spacing:1px;
}

.image-area{
background:linear-gradient(135deg,#1b1b1b,#343434)!important;
}

.overlay{
background:rgba(0,0,0,.60)!important;
backdrop-filter:blur(10px)!important;
border-top:1px solid rgba(200,155,91,.15);
}

.overlay span{
color:#c89b5b!important;
font-weight:700!important;
}

.actionbar{
background:rgba(10,10,10,.95)!important;
border-top:1px solid rgba(200,155,91,.20)!important;
}

.actionbar a,.actionbar button{
border-radius:14px!important;
font-weight:700!important;
}

.actionbar a{
background:#25D366!important;
color:#fff!important;
}

.actionbar button{
background:#d4af37!important;
color:#000!important;
}

.sheet{
background:linear-gradient(180deg,#131313,#0d0d0d)!important;
border-top:1px solid rgba(200,155,91,.25)!important;
}

.sheet input,.sheet select{
background:#161616!important;
color:#fff!important;
border:1px solid rgba(200,155,91,.25)!important;
border-radius:12px!important;
}

#sendOrder{
background:#d4af37!important;
color:#000!important;
border:none!important;
border-radius:14px!important;
font-weight:700!important;
}

#closeModal{
background:#1f1f1f!important;
color:#fff!important;
border:1px solid rgba(200,155,91,.20)!important;
border-radius:14px!important;
}

.qtyRow button{
background:#d4af37!important;
color:#000!important;
border:none!important;
border-radius:12px!important;
font-weight:700!important;
}


/* V7.4 visual refinement */
.overlay h2{
 color:#fff;
 font-size:22px;
 font-weight:700;
 margin-bottom:6px;
}
.overlay b{
 color:#57d98a!important;
 font-weight:700;
}
.overlay b::before{
 content:"● ";
}
.overlay span{
 display:block;
 font-size:24px!important;
 color:#d4af37!important;
 margin-top:6px;
}
.overlay{
 border-radius:18px 18px 0 0;
}
.image-area{
 box-shadow: inset 0 -80px 120px rgba(0,0,0,.35);
}
.actionbar a,.actionbar button{
 border-radius:16px!important;
 border:1px solid rgba(212,175,55,.25)!important;
 box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.actionbar button{
 background:linear-gradient(180deg,#e0c05a,#caa233)!important;
}




/* V7.5 visual refinements */
.floating-badge{position:absolute;top:12px;left:12px;z-index:5}
.title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.size-chip{padding:4px 10px;border-radius:999px;font-size:.8em}

.image-area{position:absolute}
.floating-badge{
 position:absolute;top:16px;left:16px;z-index:5;
 padding:8px 14px;border-radius:14px;font-size:14px;font-weight:800;
 box-shadow:0 4px 12px rgba(0,0,0,.35)
}
.floating-badge.roll{background:#d4af37;color:#111}
.floating-badge.spray{background:#c0c0c0;color:#111}
.floating-badge.promo{background:#2fbf71;color:#fff}

.overlay h2{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cap-chip{font-size:.7em;padding:4px 8px;border-radius:999px;border:1px solid rgba(212,175,55,.35);background:rgba(212,175,55,.12);white-space:nowrap}


/* V7.7 Refinements */

/* Capacity chip */
.capacity-chip,.size-chip,.ml-chip{
    font-size:12px !important;
    font-weight:600 !important;
    color:#b5b5b5 !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    margin-left:auto !important;
    float:right !important;
    border-radius:999px !important;
    padding:4px 10px !important;
}

/* Price champagne gold */
.price,.product-price{
    color:#d9b56d !important;
    font-weight:800 !important;
    text-shadow:0 0 10px rgba(217,181,109,.18) !important;
}

/* Metallic badges */
.floating-badge,.badge,.product-badge{
    font-weight:800 !important;
    letter-spacing:.4px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.35),
      inset 0 -1px 0 rgba(0,0,0,.25),
      0 4px 12px rgba(0,0,0,.25) !important;
}

.badge-rollon,.floating-badge.rollon{
 background:linear-gradient(180deg,#f3d58a,#cfa247) !important;
}
.badge-spray,.floating-badge.spray{
 background:linear-gradient(180deg,#f0f0f0,#a9a9a9) !important;
}
.badge-promo,.floating-badge.promo{
 background:linear-gradient(180deg,#6edb86,#2f9b4a) !important;
}

/* V7.9 capacity chip rebuild */
.overlay h2{
 display:flex !important;
 align-items:center !important;
 justify-content:space-between !important;
 gap:12px !important;
 margin:0 !important;
 width:100% !important;
}
.cap-chip{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 margin-left:auto !important;
 flex-shrink:0 !important;
 font-size:11px !important;
 font-weight:600 !important;
 color:#b8bcc3 !important;
 background:rgba(255,255,255,.06) !important;
 border:1px solid rgba(255,255,255,.10) !important;
 border-radius:999px !important;
 padding:3px 8px !important;
 line-height:1 !important;
 box-shadow:none !important;
}


/* V8.0 capacity chip rebuild */
.title-row,.product-title-row,h2{
    position:relative;
}
.cap-chip{
    float:right !important;
    display:inline-block !important;
    margin-left:12px !important;
    padding:2px 8px !important;
    border-radius:10px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    color:#aeb4bb !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:none !important;
    text-shadow:none !important;
}


/* V8.1 REAL cap chip fix */
.overlay h2{
 display:flex !important;
 align-items:center !important;
 justify-content:space-between !important;
 width:100% !important;
}

.overlay h2 .cap-chip{
 margin-left:auto !important;
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 min-width:auto !important;
 padding:2px 6px !important;
 font-size:10px !important;
 font-weight:600 !important;
 color:#a8afb7 !important;
 background:rgba(255,255,255,.05) !important;
 border:1px solid rgba(255,255,255,.08) !important;
 border-radius:999px !important;
 box-shadow:none !important;
 text-shadow:none !important;
 line-height:1 !important;
}


/* V8.2 capacity chip final balance */
.overlay h2 .cap-chip{
 font-size:12px !important;
 padding:4px 8px !important;
}


/* V8.3 Capacity chip slightly larger */
.overlay h2 .cap-chip{
 font-size:13px !important;
 padding:5px 10px !important;
}

/* Build55 premium filter-chip style for action buttons */
.actionbar a,
.actionbar button,
.actionbar .btn{
 border-radius:999px !important;
 padding:10px 16px !important;
 font-weight:700 !important;
 letter-spacing:.2px !important;
 box-shadow:none !important;
 text-transform:none !important;
}

.actionbar a{
 background:rgba(37,211,102,.14) !important;
 border:1px solid rgba(37,211,102,.35) !important;
 color:#7ef0a6 !important;
}

.actionbar button,
.actionbar .btn{
 background:rgba(212,175,55,.12) !important;
 border:1px solid rgba(212,175,55,.30) !important;
 color:#d9b56d !important;
}


/* V8.4 unified premium metallic buttons */
.actionbar{
 display:flex !important;
 gap:10px !important;
}

.actionbar a,
.actionbar button,
.actionbar .btn{
 flex:1 1 0 !important;
 min-width:0 !important;
 text-align:center !important;
 font-size:13px !important;
 font-weight:700 !important;
 color:#e5c98a !important;
 border-radius:999px !important;
 border:1px solid rgba(212,175,55,.35) !important;
 background:
 linear-gradient(180deg,
 rgba(255,255,255,.12) 0%,
 rgba(212,175,55,.16) 35%,
 rgba(160,120,35,.18) 100%) !important;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.20),
 inset 0 -1px 0 rgba(0,0,0,.20),
 0 0 0 1px rgba(212,175,55,.08) !important;
}

.actionbar a:hover,
.actionbar button:hover{
 filter:brightness(1.05);
}


/* V8.6 Quick Add selector scaffold */
.quick-add-toggle{
  width:100%;
  margin-top:8px;
}
.quick-add-select{
  width:100%;
  margin-top:6px;
  border-radius:12px;
}


/* V8.7 Test: hide Order button on catalog cards */
.catalog .order-btn,
.product-grid .order-btn,
.card .order-btn{
    display:none !important;
}


/* TEST IMAGE S1 - Choco Musk Roll-On */
#s1 .image-area.product-s1{
  background-image:url('../assets/products/choco-musk-rollon-6ml.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:contain !important;
}


/* HCS Luxury Perfume Layout Test */
.image-area{
  bottom:220px !important;
}

.overlay{
  left:0 !important;
  right:0 !important;
  bottom:72px !important;
  min-height:148px !important;
  border-radius:0 !important;
  padding:14px 18px !important;
  background:rgba(5,8,12,.88) !important;
  display:block !important;
}

.actionbar{
  height:72px !important;
  padding:8px 10px !important;
  gap:10px !important;
}

.action-btn{
  height:52px !important;
  width:32% !important;
  border-radius:28px !important;
  flex-direction:row !important;
  gap:8px !important;
  border:1px solid rgba(212,175,55,.55) !important;
  background:rgba(10,10,10,.92) !important;
}

.action-btn .label{
  font-size:14px !important;
  margin-top:0 !important;
}



/* HCS Luxury UI vNext */
.image-area{
  left:0!important;
  right:0!important;
  background-position:center top!important;
}

.overlay{
  left:0!important;
  right:0!important;
  width:100%!important;
  border-radius:0!important;
  padding:16px 24px!important;
  background:linear-gradient(180deg,rgba(2,4,8,.96),rgba(5,8,12,.98))!important;
}

.price-row,.prices{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
}

.action-btn{
  border-radius:24px!important;
  border:1px solid rgba(212,175,55,.65)!important;
  background:rgba(8,8,10,.95)!important;
  min-height:54px!important;
  box-shadow:0 0 12px rgba(212,175,55,.12)!important;
}


/* PERFUME_02 OVERRIDE */
.image-area{left:0!important;right:0!important;width:100%!important;max-width:none!important;}
.overlay{
 width:100%!important;left:0!important;right:0!important;border-radius:0!important;
 padding:12px 18px!important;
}
.action-btn{
 min-height:40px!important;
 height:40px!important;
 border-radius:22px!important;
 border:1.5px solid #cfa43a!important;
 background:#14110c!important;
}

/* PERFUME_03 QC EDIT APPLIED */


/* PERFUME_04 STRUCTURAL OVERRIDE */
.action-btn .icon,
.action-btn svg,
.action-btn img.icon{
 display:none !important;
}

.action-btn{
 min-height:40px !important;
 height:40px !important;
 border-radius:24px !important;
 border:1.5px solid rgba(212,175,55,.95) !important;
 background:rgba(12,12,12,.96) !important;
 box-shadow:0 0 8px rgba(212,175,55,.18) !important;
}

.action-btn .label{
 margin:0 auto !important;
 text-align:center !important;
}

.overlay{
 border-radius:0 !important;
}

.price-grid,
.price-row,
.prices{
 display:flex !important;
 justify-content:space-between !important;
 align-items:center !important;
}


/* PERFUME_06 REBUILD ATTEMPT */
.overlay,
.product-overlay,
.info-overlay{
    padding:14px 18px !important;
}

.overlay h1,
.overlay h2,
.overlay .product-title{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
}

.overlay .price-row,
.overlay .prices,
.overlay .price-grid{
    display:grid !important;
    grid-template-columns:1fr 1px 1fr !important;
    align-items:center !important;
    gap:10px !important;
}

.overlay .price-row:before,
.overlay .prices:before,
.overlay .price-grid:before{
    content:'';
    position:relative;
}

.overlay .action-btn{
    height:36px !important;
    min-height:36px !important;
}


.stock-line{color:#42d97c;font-weight:700;margin:4px 0;}
.overlay-line{height:1px;background:rgba(212,175,55,.35);margin:8px 0;}
.price-grid{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:10px;}
.price-divider{width:1px;height:24px;background:rgba(212,175,55,.7);}
.price-usd,.price-bs{text-align:center;font-weight:700;}
.action-btn{min-height:34px!important;border-color:#d4af37!important;}


/* PERFUME_09 REAL REBUILD */
.overlay{padding:10px 16px!important;}
.overlay h2{margin:0 0 4px 0!important;}
.stock-line{margin:2px 0 4px 0!important;font-size:.92em!important;}
.overlay-line{height:1px;background:rgba(212,175,55,.45)!important;margin:6px 0!important;}
.price-grid{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 align-items:center!important;
 position:relative!important;
 padding:8px 0!important;
}
.price-grid:after{
 content:''!important;
 position:absolute!important;
 left:50%!important;
 top:4px!important;
 bottom:4px!important;
 width:1px!important;
 background:rgba(212,175,55,.8)!important;
}
.price-usd,.price-bs{text-align:center!important;font-weight:700!important;}
.action-btn{min-height:32px!important;height:32px!important;border-color:#d4af37!important;}

/* PERFUME_10 */
.price-grid{padding:4px 0!important;margin:0!important;}
.price-grid:after{left:50%!important;}
.price-col{text-align:center!important;white-space:nowrap!important;}
.currency{display:block!important;font-size:12px!important;line-height:1.1!important;color:#fff!important;}
.amount{display:block!important;font-size:18px!important;font-weight:700!important;line-height:1.1!important;color:#d9c36a!important;}
.overlay-line{margin:4px 0!important;}
.overlay{padding:8px 16px!important;}
.actionbar{height:84px!important;}
.action-btn{height:30px!important;min-height:30px!important;border:1px solid rgba(212,175,55,.75)!important;box-shadow:0 0 10px rgba(212,175,55,.18) inset!important;}

/* PERFUME_11 refinements */
.overlay h2{margin-bottom:2px!important;}
.stock-line{margin-top:0!important;margin-bottom:2px!important;}
.price-grid{padding:4px 0!important;}
.price-col,.price-usd,.price-bs{text-align:center!important;}
.amount,.price-usd,.price-bs{
  font-size:1.15rem!important;
  font-weight:800!important;
}
.price-divider{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#d4af37!important;
  font-weight:700!important;
}
.action-btn{
  border-color:#d4af37!important;
  box-shadow:0 0 6px rgba(212,175,55,.35)!important;
}


/* PERFUME_12 */
.overlay h2{margin-bottom:0!important;}
.stock-line{margin-top:-2px!important;margin-bottom:1px!important;}
.overlay-line{margin:4px 0!important;}
.price-grid{
display:grid!important;
grid-template-columns:1fr 24px 1fr!important;
align-items:center!important;
padding:2px 0!important;
}
.price-divider{
text-align:center!important;
color:#d4af37!important;
font-size:18px!important;
font-weight:700!important;
}
.currency{font-size:.7rem!important;line-height:1!important;}
.amount{font-size:1.3rem!important;font-weight:800!important;line-height:1!important;}


/* PERFUME_13 FINAL OVERLAY TUNING */
.stock-line{
 margin-top:-2px !important;
 margin-bottom:8px !important;
}

.overlay-line{
 margin-top:10px !important;
 margin-bottom:8px !important;
}

.price-grid{
 display:grid !important;
 grid-template-columns:1fr 24px 1fr !important;
 align-items:end !important;
 text-align:center !important;
}

.price-col{
 display:flex !important;
 flex-direction:column !important;
 align-items:center !important;
 justify-content:center !important;
}

.price-divider{
 width:auto !important;
 height:52px !important;
 background:none !important;
 color:#d4af37 !important;
 font-size:28px !important;
 line-height:52px !important;
 text-align:center !important;
}

.currency{
 font-size:12px !important;
 opacity:.9 !important;
 margin-bottom:2px !important;
}

.amount{
 font-size:20px !important;
 font-weight:800 !important;
 white-space:nowrap !important;
}

.price-grid .price-col:first-child{
 order:1 !important;
}
.price-grid .price-divider{
 order:2 !important;
}
.price-grid .price-col:last-child{
 order:3 !important;
}


/* PERFUME_14 PRICE SECTION CLEAN OVERRIDE */
/* Final authority: ignore all earlier price experiments */
.price-grid,
.price-row,
.prices{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  justify-items:center !important;
  gap:8px !important;
  width:100% !important;
  padding:4px 0 !important;
}

.price-grid::before,
.price-grid::after{
  content:none !important;
  display:none !important;
}

.price-col,
.price-usd,
.price-bs{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.price-divider{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  color:#d4af37 !important;
  font-weight:700 !important;
}

.overlay h2{margin-bottom:1px !important;}
.stock-line{margin-top:0 !important; margin-bottom:1px !important;}
.overlay-line{margin-top:6px !important; margin-bottom:4px !important;}


/* PERFUME_15 final mobile refinement */
.price-divider{
  line-height:0.75 !important;
  transform:scaleY(0.75) !important;
  opacity:.85 !important;
}

.price-grid,.price-row,.prices{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.price-col,.price-usd,.price-bs{
  align-self:center !important;
}

.currency{
  margin-bottom:2px !important;
}

.action-btn, .actions button, .button-row button{
  max-width:100% !important;
  box-sizing:border-box !important;
  border-color:#d4af37 !important;
  box-shadow:0 0 8px rgba(212,175,55,.25) !important;
}

img{
  max-width:100% !important;
}

body{
  overflow-x:hidden !important;
}


/* PERFUME_16 aesthetic refinement */
.overlay h2{
  font-weight:800 !important;
  letter-spacing:-0.3px !important;
}

.stock-line{
  font-size:.90em !important;
}

.overlay-line{
  opacity:.75 !important;
}

.currency{
  font-size:.80rem !important;
  opacity:.9 !important;
}

.amount{
  font-size:1.40rem !important;
  font-weight:800 !important;
}

.price-divider{
  opacity:.65 !important;
  transform:scaleY(.65) !important;
}

.action-btn,
.actions button,
.button-row button{
  border-color:#d4af37 !important;
  box-shadow:
    0 0 10px rgba(212,175,55,.18),
    inset 0 1px 0 rgba(255,215,120,.18) !important;
}

.size-badge,
.chip,
.volume-chip{
  background:rgba(212,175,55,.08) !important;
  border-color:rgba(212,175,55,.25) !important;
}


/* PERFUME_17 final polish */
.overlay h2{
  font-weight:850 !important;
  letter-spacing:-0.4px !important;
}

.overlay-line{
  opacity:.55 !important;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.55) 18%,
    rgba(212,175,55,.75) 50%,
    rgba(212,175,55,.55) 82%,
    rgba(212,175,55,0) 100%
  ) !important;
}

.action-btn,
.actions button,
.button-row button{
  color:#f4f0e6 !important;
  border-color:#dcb84a !important;
  box-shadow:
    0 0 12px rgba(212,175,55,.22),
    inset 0 1px 0 rgba(255,225,140,.22) !important;
}

/* PERFUME20 overlay master */
.trust-link{text-align:center;margin:8px 0 10px}
.trust-link a{color:#dcb84a;text-decoration:none;font-size:.92rem}
.ml-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);align-items:center;justify-content:center;z-index:9999}
.ml-card{background:#111;border:1px solid rgba(220,184,74,.45);border-radius:14px;padding:18px;width:min(92vw,360px);text-align:center;color:#eee}
.actionbar a,.actionbar button{
background:linear-gradient(180deg,#232323 0%,#111 100%)!important;
border:1px solid #dcb84a!important;
box-shadow:0 0 12px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,225,140,.22)!important;
}
.title-long{font-size:.92em!important}

.title-long{font-size:.84rem!important;letter-spacing:-0.2px!important}
.trust-link{display:block!important;text-align:center!important;padding:8px 0 10px!important;position:relative!important;z-index:5!important}
.trust-link a{color:#dcb84a!important;text-decoration:none!important;font-size:.92rem!important}
.slide .stock-line{margin-bottom:2px!important}

.slide[data-product*="Marshmallow"] h2{font-size:1.02em!important;}
.actionbar .trust-btn{
background:linear-gradient(180deg,#2b2410 0%,#111 100%)!important;
}

/* PERFUME_23 */
.trust-link,.mercadolibre-link{
 display:block !important;
 width:100% !important;
 text-align:center !important;
 margin:10px 0 8px !important;
}
.actionbar{
 flex-wrap:wrap !important;
}
.trust-link{
 flex:0 0 100% !important;
 order:-1 !important;
}
.slide[data-product*="Pistachio"] h2,
h2.title-long.pistachio{
 font-size:106% !important;
}


/* PERFUME 24 trust row */
.actionbar{
display:flex !important;
flex-wrap:wrap !important;
}
.actionbar .trust-btn{
flex:0 0 100% !important;
width:100% !important;
display:flex !important;
justify-content:center !important;
margin-bottom:8px !important;
}
.actionbar .trust-btn .label{
width:100%;
text-align:center;
}


/* PERFUME_25 vertical optimization */
.slide .overlay h2{
  margin-bottom:2px !important;
}
.slide .stock-line{
  margin-top:0 !important;
  margin-bottom:0 !important;
  line-height:1.05 !important;
}
.slide .overlay-line{
  margin-top:3px !important;
  margin-bottom:3px !important;
}
.trust-link{
  margin:4px 0 4px !important;
  padding:4px 0 !important;
}
.actionbar{
  padding-top:2px !important;
}
.actionbar a,
.actionbar button{
  margin-top:2px !important;
}


/* PERFUME_26 micro spacing */
.slide .overlay h2{
 margin-bottom:0px !important;
}
.slide .stock-line{
 margin-top:-4px !important;
 margin-bottom:-2px !important;
}
.trust-link{
 margin-top:2px !important;
 margin-bottom:2px !important;
}
.actionbar{
 margin-top:0 !important;
 padding-top:0 !important;
}


/* PERFUME_27 micro spacing */
.stock-line{
  margin-top:-4px !important;
}
.trust-link{
  margin-bottom:1px !important;
}
.actionbar{
  padding-top:0 !important;
}
.actionbar a,
.actionbar button{
  margin-top:0 !important;
}


/* PERFUME_28 final micro adjustments */
.stock-line{
  margin-bottom: 3px !important;
}
.trust-link{
  margin-bottom: 1px !important;
}
.actionbar{
  margin-top: -3px !important;
}

.bcv-date{display:block;font-size:10px;opacity:.75;margin-top:2px;text-align:center;line-height:1.1;}


/* PERFUME_30 visual refinement */
.price-col .amount.bs-price{
 font-size:0.90em !important;
}
.price-col{
 text-align:center !important;
}
.bcv-date{
 display:block;
 text-align:center !important;
 font-size:9px !important;
 opacity:.68 !important;
 margin-top:1px !important;
 width:100%;
}
.actionbar .trust-btn{
 padding-left:8px !important;
 padding-right:8px !important;
}
.actionbar .trust-btn .label{
 display:inline-block !important;
 width:auto !important;
}
.actionbar .action-btn{
 min-width:0 !important;
 width:84px !important;
}
.order-btn{
 width:132px !important;
}


/* PERFUME_31 Portada Premium */
body.portada-mode .topbar{
  display:none !important;
}
body.portada-mode .actionbar{
  display:none !important;
}



.hero-cover{
 width:100%;
 height:100%;
 background:url('../assets/hero/alrehab-hero-cover.png') center center/cover no-repeat;
}

body.portada-mode, body.portada-mode .slide, body.portada-mode .hero{overflow:hidden !important;}

/* PERFUME_32.2 layout fixes */
body.portada-mode .hero{
 position:absolute !important;
 inset:0 !important;
 min-height:0 !important;
}
body.portada-mode .hero-cover{
 position:absolute !important;
 inset:0 !important;
 width:100% !important;
 height:100% !important;
}
body.portada-mode .slide{
 height:100dvh !important;
 overflow:hidden !important;
}
#catalog{
 overflow-y:hidden !important;
 touch-action:pan-x !important;
}
.slide{
 overflow:hidden !important;
}

#menuBtn{
background:#1b1b1b;border:none;padding:12px 18px;border-radius:18px;color:#fff;font-size:14px;
}
#currentTitle{text-align:right;justify-self:end;font-size:14px;opacity:.95}

#menuBtn{
border:1px solid rgba(212,175,55,.7)!important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 0 10px rgba(212,175,55,.12);
}

#menuBtn{
border:2px solid rgba(212,175,55,.9)!important;
box-shadow:0 0 12px rgba(212,175,55,.18), inset 0 0 8px rgba(212,175,55,.08)!important;
}
.menu-section-title{
color:#d4af37;
letter-spacing:1px;
padding-bottom:8px;
border-bottom:1px solid rgba(212,175,55,.35);
margin-bottom:10px;
}


#sideMenu h3{
 color:#d4af37!important;
 font-weight:700;
 letter-spacing:2px;
 text-transform:uppercase;
 margin:22px 0 12px;
 padding-bottom:10px;
 border-bottom:1px solid rgba(212,175,55,.35);
}
#sideMenu a{
 padding:8px 0;
 display:block;
}


#sideMenu h3{
 color:#d4af37!important;
 font-weight:800;
 letter-spacing:3px;
 text-transform:uppercase;
 margin:28px 0 14px;
 border-bottom:none!important;
 position:relative;
}

#sideMenu h3::before{
 content:"✦";
 color:#d4af37;
 margin-right:10px;
 font-size:.9em;
}

#sideMenu h3::after{
 content:"";
 display:block;
 height:1px;
 margin-top:10px;
 background:linear-gradient(90deg,
 rgba(212,175,55,.75) 0%,
 rgba(212,175,55,.35) 45%,
 rgba(212,175,55,.75) 100%);
}

#sideMenu a{
 display:block;
 padding:9px 0;
 color:#f1f1f1;
}

#sideMenu{
 text-shadow:0 0 1px rgba(255,255,255,.15);
}


#sideMenu{
background:linear-gradient(180deg,#050505,#090909 55%,#050505)!important;
}

#sideMenu h3{
color:#d4af37!important;
font-size:2rem!important;
letter-spacing:4px!important;
font-weight:800!important;
border:none!important;
position:relative;
margin:32px 0 18px!important;
}

#sideMenu h3::before{
content:"✦ ";
}

#sideMenu h3::after{
content:" ♛ ";
display:block;
text-align:center;
color:#d4af37;
margin-top:10px;
padding-top:8px;
border-top:1px solid rgba(212,175,55,.75);
}

#sideMenu a{
font-size:1.15rem;
line-height:1.8;
color:#f2f2f2!important;
padding:8px 0 8px 12px!important;
display:block;
}

#sideMenu::after{
content:"♛";
display:block;
text-align:center;
color:#d4af37;
font-size:42px;
margin:30px 0 10px;
}


/* MENU PREMIUM LUXURY V3 */

#sideMenu{
background:
radial-gradient(circle at top center, rgba(212,175,55,.04), transparent 35%),
linear-gradient(180deg,#050505,#090909 55%,#040404)!important;
}

#sideMenu h3{
font-size:1.25rem !important;
font-weight:700 !important;
letter-spacing:3px !important;
color:#d4af37 !important;
margin:22px 0 10px !important;
border:none !important;
}

#sideMenu h3::before{
content:"✦ ";
}

#sideMenu h3::after{
content:" ◇ ";
display:block;
text-align:center;
font-size:.8rem;
color:#d4af37;
margin-top:8px;
opacity:.85;
}

#sideMenu a{
font-size:1rem !important;
line-height:1.45 !important;
padding:7px 0 7px 10px !important;
color:#f3f3f3 !important;
}

#sideMenu::after{
content:"❦";
display:block;
text-align:center;
color:#d4af37;
font-size:24px;
margin:18px 0 6px;
opacity:.9;
}


/* MENU BOUTIQUE V4 - subtle feminine luxury */

#sideMenu{
background:
radial-gradient(circle at top center, rgba(212,175,55,.025), transparent 40%),
linear-gradient(180deg,#050505,#070707 60%,#040404)!important;
}

#sideMenu h3{
font-size:1.08rem !important;
font-weight:600 !important;
letter-spacing:1.5px !important;
text-transform:none !important;
color:#d4af37 !important;
margin:18px 0 10px !important;
padding:0 !important;
border:none !important;
line-height:1.2;
}

#sideMenu h3::before{
content:"✦ ";
font-size:.8rem;
opacity:.9;
}

#sideMenu h3::after{
content:"";
display:block;
width:38px;
height:1px;
margin-top:8px;
background:rgba(212,175,55,.35);
}

#sideMenu a{
font-size:.98rem !important;
font-weight:400 !important;
line-height:1.45 !important;
padding:6px 0 6px 12px !important;
color:#f2f2f2 !important;
letter-spacing:.1px;
}

#sideMenu a::before{
content:"";
}

#sideMenu::after{
content:"❦";
display:block;
text-align:center;
font-size:16px;
color:rgba(212,175,55,.65);
margin:18px 0 4px;
}



/* MENU LUXURY COLLECTIONS */

#sideMenu{
background:
radial-gradient(circle at top center, rgba(212,175,55,.03), transparent 35%),
linear-gradient(180deg,#050505,#070707 55%,#040404)!important;
}

#sideMenu h3{
font-size:1.15rem!important;
font-weight:500!important;
letter-spacing:.5px!important;
text-transform:none!important;
color:#d9b56a!important;
margin:22px 0 12px!important;
border:none!important;
}

#sideMenu h3::before{
content:"✧ ";
font-size:.9rem;
opacity:.9;
}

#sideMenu h3::after{
content:"◇";
display:block;
text-align:center;
color:rgba(217,181,106,.8);
font-size:.7rem;
margin-top:10px;
position:relative;
}

#sideMenu a{
display:flex!important;
align-items:center;
justify-content:space-between;
margin:10px 0!important;
padding:14px 16px!important;
border-radius:14px;
background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
border:1px solid rgba(255,255,255,.04);
box-shadow:
0 8px 18px rgba(0,0,0,.35),
inset 0 1px 0 rgba(255,255,255,.03);
font-size:1rem!important;
color:#f3f3f3!important;
}

#sideMenu a:hover{
transform:translateY(-1px);
}

#sideMenu a::before{
content:"✦";
color:#d9b56a;
margin-right:10px;
}

#sideMenu a::after{
content:"›";
color:#d9b56a;
opacity:.85;
}

#sideMenu::after{
content:"❦";
display:block;
text-align:center;
font-size:22px;
color:#d9b56a;
margin:20px 0 8px;
opacity:.75;
}


/* Boutique refinement */
#sideMenu h3{
font-size:1.35rem!important;
font-weight:400!important;
letter-spacing:.2px!important;
text-transform:none!important;
font-family: Georgia, serif!important;
color:#d8bf86!important;
}

#sideMenu h3::before{
content:"✧ ";
font-size:.9rem;
}

#sideMenu h3::after{
content:"";
display:block;
height:1px;
margin-top:10px;
background:linear-gradient(90deg,
rgba(216,191,134,.0),
rgba(216,191,134,.65) 45%,
rgba(216,191,134,.0));
}

#sideMenu a{
padding:12px 18px!important;
border-radius:18px!important;
background:rgba(255,255,255,.015)!important;
border:1px solid rgba(216,191,134,.08)!important;
box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
font-size:1.02rem!important;
font-weight:300!important;
}

#sideMenu a::before{
content:""!important;
}

#sideMenu::after{
content:"❦";
font-size:20px!important;
opacity:.55!important;
}


/* FINAL BOUTIQUE MENU SPEC */

#sideMenu h3{
 text-transform:none !important;
 font-size:1.18rem !important;
 font-weight:400 !important;
 letter-spacing:.2px !important;
 color:#d8bf86 !important;
}

#sideMenu h3::before{
 content:"" !important;
}

#sideMenu h3::after{
 content:"◇" !important;
 display:block;
 text-align:center;
 font-size:.7rem;
 color:rgba(216,191,134,.65);
 margin-top:8px;
}

#sideMenu a{
 display:flex !important;
 align-items:center !important;
 justify-content:space-between !important;
 min-height:58px !important;
 padding:12px 16px !important;
 border-radius:16px !important;
 background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)) !important;
 border:1px solid rgba(216,191,134,.06) !important;
 box-shadow:0 6px 16px rgba(0,0,0,.25) !important;
 font-size:1rem !important;
 font-weight:300 !important;
}

#sideMenu a::before{
 content:"" !important;
}

#sideMenu a::after{
 content:"›" !important;
 color:rgba(216,191,134,.75) !important;
 font-size:1.15rem !important;
}

#sideMenu::after{
 content:"── ✦ ❁ ✦ ──" !important;
 font-size:12px !important;
 color:rgba(216,191,134,.6) !important;
 letter-spacing:2px;
}


.menu-divider{
display:flex;height:1px;margin:8px 0 14px;
background:linear-gradient(90deg,rgba(216,191,134,.7),rgba(216,191,134,.15),rgba(216,191,134,.7));
position:relative;
}
.menu-divider:after{
content:"◇";position:absolute;left:50%;transform:translateX(-50%);
top:-8px;color:#d8bf86;background:#080808;padding:0 10px;font-size:12px;
}
#sideMenu h3{
text-transform:none!important;
font-size:2rem!important;
font-weight:400!important;
font-style:italic!important;
color:#d8bf86!important;
}
#sideMenu .menu-card{
display:flex!important;justify-content:space-between;align-items:center;
}
#sideMenu .menu-card span:first-child{font-size:1.05rem;}
.menu-arrow{color:#d8bf86;transition:.2s ease;}
.menu-card:active{transform:scale(.995);}
.menu-card:active .menu-arrow{transform:translateX(3px);}
.menu-filigree{text-align:center;color:#d8bf86;margin:24px 0 10px;opacity:.8;}


/* REFERENCE MATCH REFINEMENT */

#sideMenu{
background:
radial-gradient(circle at 50% 20%, rgba(216,191,134,.03), transparent 40%),
linear-gradient(180deg,#050505,#070707,#040404)!important;
}

#sideMenu h3{
font-size:1.95rem!important;
font-style:normal!important;
font-weight:400!important;
font-family: Georgia, serif!important;
color:#d8bf86!important;
margin:24px 0 12px!important;
}

.menu-divider{
margin:8px 0 20px!important;
background:linear-gradient(90deg,
rgba(216,191,134,.55),
rgba(216,191,134,.25),
rgba(216,191,134,.55))!important;
}

.menu-card{
min-height:52px!important;
border-radius:16px!important;
border:1px solid rgba(216,191,134,.12)!important;
box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
background:linear-gradient(180deg,
rgba(255,255,255,.015),
rgba(255,255,255,.005))!important;
}

.menu-card span:first-child{
font-family: Georgia, serif!important;
font-size:1rem!important;
font-weight:400!important;
color:#ece6dc!important;
}

.menu-arrow{
font-size:1.5rem!important;
opacity:.9!important;
color:#d8bf86!important;
}

.menu-filigree{
font-size:18px!important;
opacity:.85!important;
}


/* ===== REFERENCE MENU RECONSTRUCTION ===== */

#sideMenu{
 background:
 radial-gradient(circle at 50% 20%, rgba(216,191,134,.04), transparent 45%),
 linear-gradient(180deg,#060606,#090909,#060606) !important;
}

#sideMenu h3{
 font-family: Georgia, "Times New Roman", serif !important;
 font-size: 1.75rem !important;
 font-weight: 400 !important;
 font-style: normal !important;
 color:#d8bf86 !important;
 margin: 28px 0 12px !important;
 padding-left: 34px !important;
 position: relative !important;
 text-transform:none !important;
}

#sideMenu h3::before{
 content:"✦" !important;
 position:absolute !important;
 left:0 !important;
 top:50% !important;
 transform:translateY(-50%) !important;
 color:#d8bf86 !important;
 font-size:1rem !important;
}

.menu-divider{
 height:1px !important;
 margin: 10px 0 16px !important;
 position:relative !important;
 background:linear-gradient(90deg,
 rgba(216,191,134,.65),
 rgba(216,191,134,.25),
 rgba(216,191,134,.65)) !important;
}

.menu-divider::after{
 content:"◇" !important;
 position:absolute !important;
 left:50% !important;
 top:-9px !important;
 transform:translateX(-50%) !important;
 background:#080808 !important;
 color:#d8bf86 !important;
 padding:0 10px !important;
}

.menu-card{
 min-height:58px !important;
 border-radius:14px !important;
 border:1px solid rgba(216,191,134,.18) !important;
 background:rgba(8,8,8,.65) !important;
 box-shadow:0 2px 8px rgba(0,0,0,.22) !important;
 margin:12px 0 !important;
 padding:0 18px !important;
}

.menu-card span:first-child{
 font-family: Georgia, "Times New Roman", serif !important;
 font-size:0.98rem !important;
 font-weight:400 !important;
 color:#efe8db !important;
}

.menu-arrow{
 color:#d8bf86 !important;
 font-size:1.8rem !important;
 line-height:1 !important;
 opacity:.95 !important;
}

.menu-filigree{
 text-align:center !important;
 color:#d8bf86 !important;
 opacity:.9 !important;
 margin:28px 0 12px !important;
 font-size:22px !important;
}


/* ===== MENU FROM ZERO OVERRIDE ===== */

#sideMenu *::before,
#sideMenu *::after{
}

#sideMenu a::before,
#sideMenu a::after,
#sideMenu h3::before,
#sideMenu h3::after{
  content:none !important;
}

#sideMenu h3{
  font-family: Georgia, serif !important;
  font-size: 1.9rem !important;
  color:#d8bf86 !important;
  font-weight:400 !important;
  text-transform:none !important;
  margin:28px 0 10px !important;
  padding-left:28px !important;
  position:relative !important;
}

#sideMenu h3{
 background:none !important;
}

#sideMenu h3{
 border:none !important;
}

#sideMenu h3{
 box-shadow:none !important;
}

#sideMenu h3 span{all:unset;}

#sideMenu h3{
}
#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3{
}

#sideMenu h3::before{
  content:"✦" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#d8bf86 !important;
  font-size:1rem !important;
}

#sideMenu a{
  min-height:58px !important;
  border-radius:14px !important;
  border:1px solid rgba(216,191,134,.18) !important;
  background:rgba(8,8,8,.75) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  padding:16px 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

#sideMenu a{
  font-family: Georgia, serif !important;
  color:#efe8db !important;
  font-size:1rem !important;
}

#sideMenu a::after{
  content:"›" !important;
  color:#d8bf86 !important;
  font-size:1.8rem !important;
}

#sideMenu .menu-divider,
.menu-divider{
  height:1px !important;
  background:linear-gradient(90deg,rgba(216,191,134,.6),rgba(216,191,134,.2),rgba(216,191,134,.6)) !important;
  position:relative !important;
  margin:10px 0 16px !important;
}

.menu-divider::after{
 content:"◇" !important;
 position:absolute !important;
 left:50% !important;
 transform:translateX(-50%) !important;
 top:-9px !important;
 background:#080808 !important;
 color:#d8bf86 !important;
 padding:0 10px !important;
}



/* ===== CLEAN MENU REBUILD FINAL ===== */
#sideMenu{
 left:-100vw!important;
 width:92vw!important;
 max-width:420px!important;
 padding:58px 24px 24px!important;
 background:#090909!important;
 overflow-y:auto!important;
}
#sideMenu.open{left:0!important;}

#sideMenu h3{
 font-family:Georgia,serif!important;
 font-size:1.55rem!important;
 color:#d8bf86!important;
 font-weight:400!important;
 margin:26px 0 10px!important;
 padding-left:26px!important;
 position:relative!important;
}
#sideMenu h3::before{
 content:"✦"!important;
 position:absolute!important;
 left:0!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 color:#d8bf86!important;
}
#sideMenu h3::after{content:none!important;}

.menu-divider{
 height:1px!important;
 margin:8px 0 12px!important;
 background:linear-gradient(90deg,rgba(216,191,134,.55),rgba(216,191,134,.25),rgba(216,191,134,.55))!important;
 position:relative!important;
}
.menu-divider::after{
 content:"◇"!important;
 position:absolute!important;
 left:50%!important;
 top:-8px!important;
 transform:translateX(-50%)!important;
 color:#d8bf86!important;
 background:transparent!important;
 padding:0 8px!important;
}

#sideMenu a,
.menu-card{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 min-height:44px!important;
 padding:12px 14px!important;
 margin:10px 0!important;
 border-radius:12px!important;
 background:rgba(10,10,10,.55)!important;
 border:1px solid rgba(216,191,134,.08)!important;
 box-shadow:none!important;
}

#sideMenu a::before{content:none!important;}
#sideMenu a::after{content:none!important;}

.menu-card span:first-child{
 font-family:Georgia,serif!important;
 font-size:.92rem!important;
 color:#efe8db!important;
}

.menu-arrow{
 display:block!important;
 color:#d8bf86!important;
 font-size:1.4rem!important;
}

.menu-filigree{
 text-align:center!important;
 color:#d8bf86!important;
 margin:18px 0 6px!important;
}


/* ===== REFERENCE REFINEMENT PASS ===== */

#sideMenu{
  padding-top: 34px !important;
}

#sideMenu h3{
  font-family: Georgia, serif !important;
  font-size: 1.72rem !important;
  font-weight: 400 !important;
  color:#d8bf86 !important;
  margin:22px 0 8px !important;
}

#sideMenu a,
.menu-card{
  min-height: 38px !important;
  padding: 10px 16px !important;
  margin: 8px 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(216,191,134,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -1px 0 rgba(0,0,0,.40),
    0 3px 8px rgba(0,0,0,.18) !important;
}

#sideMenu a,
.menu-card,
.menu-card span:first-child{
  font-family: Georgia, serif !important;
  color:#efe6d2 !important;
  font-size: .98rem !important;
  font-weight: 400 !important;
}

.menu-arrow,
#sideMenu a::after{
  color:#d8bf86 !important;
  opacity:.95 !important;
}

.menu-divider{
  margin: 8px 0 12px !important;
}

.menu-divider::after{
  background: transparent !important;
}

.menu-filigree{
  opacity:.9 !important;
}


/* ===== PREMIUM POLISH PASS ===== */

/* Slightly stronger gold border + subtle depth */
#sideMenu a,
.menu-card{
  border:1px solid rgba(216,191,134,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.50),
    0 4px 12px rgba(0,0,0,.22) !important;
  transition: all .20s ease !important;
}

/* Elegant interaction */
#sideMenu a:hover,
.menu-card:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(216,191,134,.34) !important;
}

.menu-arrow{
  transition: transform .20s ease !important;
}

#sideMenu a:hover .menu-arrow,
.menu-card:hover .menu-arrow{
  transform: translateX(2px) !important;
}

/* Softer product text */
#sideMenu a,
.menu-card span:first-child{
  color:#efe6d2 !important;
  letter-spacing:.01em !important;
  font-weight:400 !important;
}

/* Refine section titles */
#sideMenu h3{
  color:#dfc892 !important;
  text-shadow: 0 0 8px rgba(216,191,134,.08) !important;
}

/* Small signature above first section */
#sideMenu::before{
  content:"AL-REHAB" !important;
  display:block !important;
  text-align:center !important;
  color:rgba(216,191,134,.28) !important;
  letter-spacing:.35em !important;
  font-size:.62rem !important;
  margin-bottom:10px !important;
}


/* ===== HEADER REFINEMENT ===== */
#sideMenu h3{
    font-family: Georgia, serif !important;
    font-size: 1.62rem !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
    color: #d8bf86 !important;
    text-shadow: 0 0 2px rgba(216,191,134,.08) !important;
}

#sideMenu h3::before{
    color:#d8bf86 !important;
    opacity:.95 !important;
}


/* ===== MENU REBUILD REFERENCE MATCH ===== */

#sideMenu{
background:#050505!important;
padding:48px 24px 30px!important;
overflow-y:auto;
}

.menu-brand{
text-align:center;
color:rgba(216,191,134,.55);
font-size:.72rem;
letter-spacing:.42em;
margin:0 0 26px 0;
}

#sideMenu h3{
font-family: Georgia, serif!important;
font-size:2.1rem!important;
font-weight:400!important;
color:#d8bf86!important;
margin:22px 0 12px!important;
position:relative;
}

#sideMenu h3::before{
content:"✦";
display:inline-block;
margin-right:14px;
font-size:.9em;
color:#d8bf86;
}

.menu-divider{
height:1px;
background:linear-gradient(90deg,#c8a862, #d8bf86 45%, #c8a862);
opacity:.9;
margin:8px 0 16px!important;
position:relative;
}

.menu-divider::after{
content:"◇";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-55%);
background:#050505;
padding:0 10px;
color:#d8bf86;
font-size:15px;
}

.menu-card{
display:flex!important;
align-items:center;
justify-content:space-between;
min-height:56px!important;
padding:0 18px!important;
margin:10px 0!important;
border-radius:18px!important;
background:linear-gradient(180deg,rgba(18,18,18,.92),rgba(8,8,8,.96))!important;
border:1.2px solid rgba(216,191,134,.35)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.03),
0 6px 14px rgba(0,0,0,.30)!important;
}

.menu-card span:first-child{
font-family:Georgia,serif!important;
font-size:1.02rem!important;
font-weight:400!important;
color:#f0eadf!important;
}

.menu-arrow{
font-size:1.8rem!important;
font-weight:300!important;
color:#d8bf86!important;
}

.menu-filigree{
text-align:center;
color:#d8bf86;
font-size:2rem;
margin:20px 0 8px;
}

/* ===== FINAL LUXURY HEADER POLISH ===== */
.menu-brand{
 white-space:nowrap !important;
 color:#b9985f !important;
 font-size:.68rem !important;
 letter-spacing:.42em !important;
 margin-bottom:34px !important;
}

#sideMenu h3,
.menu-title{
 font-family:"Cormorant Garamond", Georgia, serif !important;
 font-size:1.72rem !important;
 font-weight:400 !important;
 color:#c6a364 !important;
 text-shadow:none !important;
}

#sideMenu h3::before{
 color:#c6a364 !important;
}

.menu-card{
 box-shadow: inset 0 1px 0 rgba(255,255,255,.02),
             0 4px 10px rgba(0,0,0,.22) !important;
}

.menu-card span:first-child{
 color:#ece4d5 !important;
 font-weight:400 !important;
}

/* ===== MICRO TUNE HEADERS ===== */
#sideMenu h3,
.menu-title{
    font-size:1.50rem !important;
    font-weight:300 !important;
    color:#c3a063 !important;
    margin-bottom:8px !important;
}

#sideMenu h3::before{
    transform:scale(.80) !important;
    opacity:.85 !important;
}

/* AL-REHAB MENU FIX */
.menu-brand,.brand-title,.menu-header-brand{
  white-space:nowrap !important;
}

.menu-section-title,
.category-title,
#sideMenu h3{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

#sideMenu h3::before,
.menu-section-title .star,
.category-title .star{
  top:0 !important;
  transform:none !important;
  vertical-align:middle !important;
}

#sideMenu h3{
  color:#bea06a !important;
}


/* ===== REFERENCE FONT REFINEMENT ===== */

/* AL-REHAB header */
.menu-brand,
.brand-title,
.menu-header-brand{
    color:#b8945d !important;
    font-weight:300 !important;
    letter-spacing:.32em !important;
    text-transform:uppercase !important;
}

/* Section titles: lighter, softer, elegant */
#sideMenu h3,
.menu-title,
.category-title{
    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:1.42rem !important;
    font-weight:300 !important;
    color:#c1a06a !important;
    text-shadow:none !important;
    letter-spacing:0 !important;
}

/* Product labels less harsh white */
.menu-card,
.menu-card span,
.menu-item,
.menu-item-title{
    color:#e5ddd0 !important;
    font-weight:400 !important;
}

/* Softer luxury gold */
:root{
    --lux-gold:#c1a06a;
}

/* REAL FIX BASED ON REFERENCE */
.menu-brand{
font-family:Arial,sans-serif !important;
font-size:.72rem !important;
font-weight:300 !important;
letter-spacing:.45em !important;
color:#b28a52 !important;
text-align:center !important;
margin:8px 0 34px 0 !important;
text-transform:none !important;
}
#sideMenu h3{
font-family: Georgia, "Times New Roman", serif !important;
font-size:1.18rem !important;
font-weight:400 !important;
line-height:1.1 !important;
color:#c7a266 !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
}
#sideMenu h3::before{
content:"✦" !important;
font-size:.72rem !important;
opacity:.95 !important;
margin:0 !important;
color:#c7a266 !important;
}
.menu-card span:first-child{
font-family: Georgia, "Times New Roman", serif !important;
font-size:.95rem !important;
font-weight:400 !important;
color:#e6dfd2 !important;
}


/* ===== ULTRA REFINED FEMININE LUXURY ===== */

/* Remove harsh gold */
:root{
 --lux-gold:#c3a26b !important;
}

/* Section titles */
#sideMenu h3,
.menu-title,
.category-title{
 font-family:"Cormorant Garamond","Bodoni Moda",serif !important;
 font-size:1.28rem !important;
 font-weight:300 !important;
 color:#c3a26b !important;
 letter-spacing:-0.01em !important;
 text-shadow:none !important;
 opacity:.96 !important;
}

/* Product names */
.menu-item,
.menu-item-title,
.menu-card,
.menu-card span,
.menu-card div{
 font-family:"Cormorant Garamond",serif !important;
 font-weight:400 !important;
 color:#e4dbcf !important;
 letter-spacing:.01em !important;
}

/* Softer arrows */
.menu-item i,
.menu-arrow,
.chevron{
 opacity:.78 !important;
}

/* AL-REHAB branding */
.menu-brand,
.brand-title,
.menu-header-brand{
 color:#b99762 !important;
 letter-spacing:.38em !important;
 font-weight:300 !important;
}

/* Delicate luxury feeling */
.menu-item,
.menu-card{
 backdrop-filter:blur(2px);
}


/* ===== FINAL BOUTIQUE REFINEMENT ===== */

/* Keep only large AL-REHAB visual line */
.menu-brand-small,
.brand-subtitle,
.brand-caption{
 display:none !important;
}

/* Perfect title alignment */
#sideMenu h3,
.category-title,
.menu-title{
 display:flex !important;
 align-items:center !important;
 gap:12px !important;
}

/* Align star */
#sideMenu h3::before,
.star,
.title-star{
 position:relative !important;
 top:0 !important;
 transform:none !important;
}

/* Product cards = perfume labels */
.menu-item,
.menu-item-title,
.menu-card,
.menu-card span,
.menu-card div{
 font-family:"Cormorant Garamond","EB Garamond",serif !important;
 font-weight:300 !important;
 color:#e1d8ca !important;
 letter-spacing:.015em !important;
 text-shadow:none !important;
}

/* More elegant left padding */
.menu-item,
.menu-card{
 padding-left:22px !important;
}

/* Softer arrows */
.menu-arrow,
.chevron{
 opacity:.65 !important;
}


/* ===== SOFT FEMININE PERFUME LABELS ===== */

/* Hide small duplicated brand line if present */
.menu-brand-small,
.brand-subtitle,
.brand-caption,
.brand-mini{
    display:none !important;
}

/* Product names: much softer and lighter */
.menu-item,
.menu-item-title,
.menu-card,
.menu-card span,
.menu-card div,
.product-name{
    font-family:"Cormorant Garamond","Times New Roman",serif !important;
    font-weight:300 !important;
    color:#e6ddd0 !important;
    letter-spacing:0.01em !important;
    text-shadow:none !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
}

/* Prevent browser fake bold */
.menu-item *,
.menu-card *{
    font-synthesis-weight:none !important;
}

/* Section titles slightly softer */
#sideMenu h3,
.menu-title,
.category-title{
    color:#c0a06a !important;
    font-weight:300 !important;
}

/* Better star alignment */
.star,
.title-star,
#sideMenu h3::before{
    vertical-align:middle !important;
    transform:translateY(-1px) !important;
}


/* ===== TITLE HARMONY REFINEMENT ===== */

/* Section titles should match the softer perfume labels */
#sideMenu h3,
.menu-title,
.category-title,
.section-title{
    font-family:"Cormorant Garamond","EB Garamond",serif !important;
    font-size:1.18rem !important;
    font-weight:300 !important;
    color:#c7a874 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    opacity:.96 !important;
}

/* Decorative star aligned with title */
.star,
.title-star,
#sideMenu h3::before{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateY(-1px) !important;
    color:#c7a874 !important;
}

/* Softer visual hierarchy */
.section-title-wrap,
.menu-section-title{
    gap:10px !important;
}

/* Remove any accidental bolding */
#sideMenu h3 *,
.menu-title *,
.category-title *{
    font-weight:300 !important;
}


/* ===== HIERARCHY + HARMONY ===== */

/* Remove secondary AL-REHAB line */
.menu-brand-small,
.brand-subtitle,
.brand-mini,
.brand-caption{
    display:none !important;
}

/* Elegant hierarchy: larger titles, same light weight */
#sideMenu h3,
.menu-title,
.category-title,
.section-title{
    font-size:1.42rem !important;
    font-weight:300 !important;
    color:#c9ab76 !important;
    letter-spacing:0 !important;
    opacity:.98 !important;
}

/* More breathing room around category titles */
.menu-section,
.category-block{
    margin-top:10px !important;
}

#sideMenu h3{
    margin-bottom:14px !important;
}

/* Products remain lighter */
.menu-item,
.menu-item-title,
.menu-card,
.menu-card span{
    font-size:1rem !important;
    font-weight:300 !important;
    color:#e6ddd0 !important;
}

/* Match star with title color */
.star,
.title-star,
#sideMenu h3::before{
    color:#c9ab76 !important;
    opacity:.98 !important;
}


/* ===== PRODUCT TITLES USE SAME STYLE AS ACEITES/SPRAYS/OFERTAS ===== */

.product-title,
.product-name,
.hero-title,
.slide-title,
.catalog-title,
.product-info h1,
.product-info h2,
.product-details h1,
.product-details h2,
.product-header h1,
.product-header h2{
    font-family:"Cormorant Garamond","EB Garamond",serif !important;
    font-weight:300 !important;
    color:#c9ab76 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
}


/* PERFUME TITLE REFINEMENT */
.overlay h2{
 font-family:"Cormorant Garamond","Times New Roman",serif !important;
 font-weight:300 !important;
 font-size:2.15rem !important;
 line-height:1.05 !important;
 color:#c9ab76 !important;
 text-shadow:none !important;
 letter-spacing:0 !important;
 -webkit-font-smoothing:antialiased !important;
}


/* Product titles -2% */
.overlay h2{
    font-size:98% !important;
}

/* Marshmallow & Pistachio stay untouched if special title hooks exist */
.marshmallow-title,
.pistachio-title,
.slide-marshmallow .overlay h2,
.slide-pistachio .overlay h2{
    font-size:20px !important;
}


/* ===== PHASE 1 : BADGE HARMONIZATION ===== */

/* Roll-on / Spray / Promo badges */
.badge,
.badge-rollon,
.badge-spray,
.badge-promo,
.product-badge,
.type-badge{
    font-family:"Cormorant Garamond","EB Garamond",serif !important;
    font-weight:500 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;

    box-shadow:none !important;
    text-shadow:none !important;

    border-width:1px !important;
    border-style:solid !important;

    opacity:.96 !important;
}

/* Luxury boutique palette */
.badge-rollon{
    color:#e7ddd0 !important;
    border-color:#b99762 !important;
}

.badge-spray{
    color:#e7ddd0 !important;
    border-color:#b99762 !important;
}

.badge-promo{
    color:#f0e6d8 !important;
    border-color:#c7a874 !important;
}


/* ===== PHASE 2 : PRODUCTS BUTTON HARMONIZATION ===== */

#menuBtn,
.menu-btn,
.products-btn{
    font-family:"Cormorant Garamond","EB Garamond",serif !important;
    font-weight:500 !important;

    color:#e6ddd0 !important;

    letter-spacing:.03em !important;

    text-shadow:none !important;

    border:1px solid rgba(185,151,98,.55) !important;

    box-shadow:none !important;
}

/* Menu icon less dominant */
#menuBtn i,
#menuBtn .icon,
.menu-btn i{
    opacity:.82 !important;
}


/* ===== PHASE 3 : PRICE HARMONIZATION ===== */

.price,
.product-price,
.amount,
.price-usd,
.price-bs{
    font-weight:600 !important;
}

/* soften glow without removing identity */
.price,
.product-price{
    text-shadow:0 0 4px rgba(217,181,109,.18) !important;
}


/* ===== PHASE 4 : TITLE / AVAILABLE BALANCE ===== */

/* Products except Marshmallow & Pistachio:
   create better optical balance without touching capacity chip */

.overlay h2{
    transform:translateX(6px);
}

/* Give 'Disponible' a little more breathing room above divider */
.available,
.stock-status,
.in-stock,
.disponible{
    margin-bottom:6px !important;
    transform:translateX(6px);
}


/* ===== PHASE 4B : TITLE HIERARCHY REFINEMENT ===== */

/* Give standard product titles a little more authority */
.overlay h2{
    font-size:105% !important;
}

/* Bring Available closer to title and make it less dominant */
.available,
.stock-status,
.in-stock,
.disponible{
    margin-top:-2px !important;
    margin-bottom:8px !important;
    font-size:0.92em !important;
    font-weight:500 !important;
}


/* ===== TITLE AUTHORITY ADJUSTMENT =====
   Goal: give standard product titles more presence.
   Marshmallow & Pistachio remain visually unchanged if they already
   use their own sizing/fit rules.
*/

.overlay h2{
    font-size:112% !important;
}

/* Keep status secondary */
.available,
.stock-status,
.in-stock,
.disponible{
    font-size:0.90em !important;
    font-weight:500 !important;
}


/* ===== TITLE SIZE ONLY ===== */
/* Standard product titles only.
   Marshmallow & Pistachio keep their own optimized behavior. */
.overlay h2{
    font-size:118% !important;
}