/* =========================================================
   OBSESSION PERFUMES — V22.4.2.1 SAFE
   Luxury Product Card UI Polish
   UI only — no DB / pricing / variant changes
   ========================================================= */

.product-card.obs-variant-card,
.product-card.product-card-v112.catalog-card-clean.obs-variant-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
  border:1px solid #e9e1d6;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(41,31,23,.02);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
@media (hover:hover){
  .product-card.obs-variant-card:hover{
    transform:translateY(-3px);
    border-color:#dfd3c4;
    box-shadow:0 14px 34px rgba(48,36,25,.085);
  }
}
.product-card.obs-variant-card .product-img{
  position:relative;
  width:100%;
  padding:12px 12px 0;
  margin:0;
  background:#f8f5f0;
  overflow:hidden;
}
.product-card.obs-variant-card .product-card-image{
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:center;
  background:#f6f2ec;
  border:0;
  transition:transform .35s ease;
}
@media (hover:hover){
  .product-card.obs-variant-card:hover .product-card-image{transform:scale(1.018)}
}
.product-card.obs-variant-card .badge{
  position:absolute;
  z-index:10;
  top:22px;
  left:22px;
  right:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  margin:0;
  border:0;
  border-radius:0;
  background:#16130f;
  color:#fff;
  box-shadow:none;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
html[dir="rtl"] .product-card.obs-variant-card .badge{
  left:auto;right:22px;letter-spacing:0;
}
.product-card.obs-variant-card .obs-card-sale-ribbon{
  position:absolute;
  z-index:11;
  top:22px;
  right:22px;
  left:auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:34px;
  padding:8px 13px;
  border:0;
  border-radius:999px;
  background:#7b2630;
  color:#fff;
  box-shadow:0 7px 18px rgba(88,25,34,.16);
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}
.product-card.obs-variant-card .obs-card-sale-ribbon span{
  font-size:8px;font-weight:700;letter-spacing:.10em;
}
html[dir="rtl"] .product-card.obs-variant-card .obs-card-sale-ribbon{
  right:auto;left:22px;
}
html[dir="rtl"] .product-card.obs-variant-card .obs-card-sale-ribbon span{letter-spacing:0}
.product-card.obs-variant-card .product-card-info{
  display:flex;
  flex-direction:column;
  gap:0;
  flex:1 1 auto;
  padding:18px 18px 12px;
  background:#fff;
}
.product-card.obs-variant-card .product-card-brand,
.product-card.obs-variant-card .brand,
.product-card.obs-variant-card [class*="card-brand"]{
  margin:0 0 8px;
  color:#9a7040;
  font-size:10px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
html[dir="rtl"] .product-card.obs-variant-card .product-card-brand,
html[dir="rtl"] .product-card.obs-variant-card .brand,
html[dir="rtl"] .product-card.obs-variant-card [class*="card-brand"]{letter-spacing:0}
.product-card.obs-variant-card .product-card-title{
  margin:0 0 10px;
  color:#241f1a;
  font-size:19px;
  line-height:1.25;
  font-weight:500;
  letter-spacing:-.01em;
}
html[dir="rtl"] .product-card.obs-variant-card .product-card-title{
  font-size:18px;line-height:1.55;letter-spacing:0;
}
.product-card.obs-variant-card .product-card-meta{
  min-height:18px;
  margin:0 0 10px;
  color:#8b8176;
  font-size:11px;
  line-height:1.45;
  font-weight:500;
}
.product-card.obs-variant-card .product-card-stock{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:20px;
  margin:0;
  color:#68715e;
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.product-card.obs-variant-card .product-card-stock i{
  width:7px;height:7px;border-radius:50%;flex:0 0 auto;
}
.product-card.obs-variant-card .product-card-stock.out{color:#9a7777}
html[dir="rtl"] .product-card.obs-variant-card .product-card-stock{letter-spacing:0}
.product-card.obs-variant-card .obs-card-variants{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
  min-height:52px;
  padding:0 18px 14px;
  overflow-x:auto;
  overflow-y:hidden;
  background:#fff;
  scrollbar-width:none;
}
.product-card.obs-variant-card .obs-card-variants::-webkit-scrollbar{display:none}
.product-card.obs-variant-card .obs-card-variant{
  appearance:none;
  flex:0 0 auto;
  min-width:64px;
  height:38px;
  padding:0 13px;
  border:1px solid #d9d0c5;
  border-radius:999px;
  background:#fff;
  color:#554c43;
  box-shadow:none;
  font-size:11px;
  line-height:36px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.product-card.obs-variant-card .obs-card-variant:hover:not(:disabled){border-color:#9d7a4d}
.product-card.obs-variant-card .obs-card-variant.active{
  border-color:#211b16;background:#211b16;color:#fff;
  box-shadow:inset 0 0 0 1px rgba(200,166,111,.22);
}
.product-card.obs-variant-card .obs-card-variant.out,
.product-card.obs-variant-card .obs-card-variant:disabled{
  opacity:.38;text-decoration:line-through;cursor:not-allowed;
}
.product-card.obs-variant-card .product-card-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:74px;
  margin-top:auto;
  padding:13px 18px 15px;
  border-top:1px solid #ece5dc;
  background:#fffdfa;
}
.product-card.obs-variant-card .obs-card-price,
.product-card.obs-variant-card .product-card-price{
  display:flex !important;
  flex-wrap:wrap;
  align-items:baseline;
  gap:5px 7px;
  min-width:0;
  margin:0;
  color:#211b17;
  line-height:1.15;
}
.product-card.obs-variant-card .obs-card-current{
  color:#211b17;font-size:17px;font-weight:800;white-space:nowrap;
}
.product-card.obs-variant-card .obs-card-compare{
  color:#aaa097;font-size:11px;font-weight:500;white-space:nowrap;text-decoration-thickness:1px;
}
.product-card.obs-variant-card .obs-card-pct{display:none !important}
.product-card.obs-variant-card .product-card-add{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:122px;
  height:42px;
  padding:0 17px;
  border:1px solid #a6814d;
  border-radius:0;
  background:transparent;
  color:#2c241d;
  box-shadow:none;
  font-size:12px;
  line-height:1;
  font-weight:600;
  letter-spacing:.01em;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.product-card.obs-variant-card .product-card-add:hover:not(:disabled){
  border-color:#211b16;background:#211b16;color:#fff;
}
.product-card.obs-variant-card .product-card-add:disabled{opacity:.45;cursor:not-allowed}
.product-card.obs-variant-card .product-card-add.obs-added{
  border-color:#41583b !important;background:#41583b !important;color:#fff !important;
}
.obs-special-offers-section{
  position:relative;
  padding-top:82px;
  padding-bottom:86px;
  background:radial-gradient(circle at 86% 10%,rgba(151,108,52,.09),transparent 25%),linear-gradient(180deg,#f8f3eb 0%,#fff 78%);
  border-top:1px solid #eee5da;
  border-bottom:1px solid #eee5da;
}
.obs-special-offers-section .kicker{color:#8e672f;font-weight:700;letter-spacing:.18em}
.obs-special-offers-section .home-section-head h2,
.obs-special-offers-section .home-section-head p{max-width:680px}
.obs-special-offers-section .home-section-head p{color:#80756b}
.obs-special-count{margin-top:10px;color:#a38660;font-size:10px;font-weight:600}
#home-special-offers{margin-top:34px}
.product-grid > .product-card.obs-variant-card,
.home-product-grid > .product-card.obs-variant-card{min-width:0}

@media (max-width:980px){
  .product-card.obs-variant-card .product-card-title{font-size:18px}
  .product-card.obs-variant-card .product-card-bottom{gap:10px;padding-left:14px;padding-right:14px}
  .product-card.obs-variant-card .product-card-info{padding-left:14px;padding-right:14px}
  .product-card.obs-variant-card .obs-card-variants{padding-left:14px;padding-right:14px}
}
@media (max-width:760px){
  .product-card.obs-variant-card .product-img{padding:9px 9px 0}
  .product-card.obs-variant-card .badge{
    top:17px;left:17px;min-height:30px;padding:7px 10px;font-size:9px;
  }
  html[dir="rtl"] .product-card.obs-variant-card .badge{left:auto;right:17px}
  .product-card.obs-variant-card .obs-card-sale-ribbon{
    top:17px;right:17px;min-height:30px;padding:7px 10px;font-size:10px;
  }
  html[dir="rtl"] .product-card.obs-variant-card .obs-card-sale-ribbon{right:auto;left:17px}
  .product-card.obs-variant-card .product-card-info{padding:15px 13px 10px}
  .product-card.obs-variant-card .product-card-title{font-size:17px;margin-bottom:8px}
  .product-card.obs-variant-card .product-card-meta{font-size:10px;margin-bottom:9px}
  .product-card.obs-variant-card .obs-card-variants{min-height:49px;padding:0 13px 12px;gap:7px}
  .product-card.obs-variant-card .obs-card-variant{
    min-width:58px;height:36px;padding:0 11px;line-height:34px;font-size:10px;
  }
  .product-card.obs-variant-card .product-card-bottom{
    grid-template-columns:minmax(0,1fr) auto;gap:9px;min-height:70px;padding:12px 13px 13px;
  }
  .product-card.obs-variant-card .obs-card-current{font-size:15px}
  .product-card.obs-variant-card .obs-card-compare{font-size:10px}
  .product-card.obs-variant-card .product-card-add{
    min-width:108px;height:40px;padding:0 12px;font-size:11px;
  }
  .obs-special-offers-section{padding-top:62px;padding-bottom:66px}
  #home-special-offers{margin-top:26px}
}
@media (max-width:370px){
  .product-card.obs-variant-card .product-card-bottom{grid-template-columns:1fr}
  .product-card.obs-variant-card .product-card-add{width:100%}
}