/* =========================================
   SOURCE: style.css
   ========================================= */


:root{
  --bg:#f7f1e7;
  --paper:#fffaf3;
  --paper2:#f0e5d4;
  --ink:#17130f;
  --ink2:#2d251d;
  --muted:#756b5f;
  --gold:#b8852f;
  --gold2:#d9bb79;
  --line:#e4d7c2;
  --shadow:0 24px 70px rgba(65,44,18,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1200px,calc(100% - 36px));margin:auto}
.topbar{background:#100e0c;color:#e9dece;font-size:10px;letter-spacing:.1em}
.topbar-inner{height:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header{position:sticky;top:0;z-index:100;background:rgba(247,241,231,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(110,80,32,.12)}
.nav{height:82px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.brand-copy strong{display:block;font:700 23px/1 "Cormorant Garamond",serif;letter-spacing:.12em}
.brand-copy span{display:block;font-size:8px;letter-spacing:.42em;color:#7b5f2f;margin-top:3px}
.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:12px}
.navlinks>a,.dropbtn{padding:12px 0}
.dropdown{position:relative;padding:10px 0;margin:-10px 0}
.dropmenu{display:none;position:absolute;top:100%;left:-18px;min-width:240px;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 40px rgba(62,42,17,.12);padding:10px}
.dropdown:hover .dropmenu,.dropdown:focus-within .dropmenu{display:block}
.dropmenu a{display:block;padding:10px 12px;font-size:11px}
.dropmenu a:hover{background:#f3eadc}
.nav-actions{display:flex;align-items:center;gap:8px}
.lang-switch{display:flex;align-items:center;gap:4px;height:39px;border:1px solid #caa45e;padding:0 9px}
.lang-btn{border:0;background:transparent;font-size:10px;font-weight:700;color:#806b47;padding:4px}
.lang-btn.active{color:#17130f;text-decoration:underline;text-underline-offset:4px}
.icon-btn{height:39px;min-width:39px;padding:0 9px;display:grid;place-items:center;border:1px solid #caa45e;background:transparent;font-size:11px}
.cart-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--gold);color:#fff;font-size:9px;margin-left:3px}
.menu-btn{display:none;border:0;background:transparent;font-size:24px}

.hero{min-height:670px;position:relative;overflow:hidden;background:linear-gradient(120deg,#14110e 0%,#2c251e 48%,#bda06d 100%);display:grid;align-items:center}
.hero:before{content:"";position:absolute;width:390px;height:515px;right:10%;top:10%;border:1px solid rgba(255,230,181,.48);border-radius:42% 42% 20% 20%;box-shadow:0 0 0 18px rgba(255,255,255,.035),0 40px 90px rgba(0,0,0,.24)}
.hero:after{content:"O";position:absolute;right:18.3%;top:25%;font:700 190px/1 "Cormorant Garamond",serif;color:rgba(255,231,181,.68)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,11,.94),rgba(15,13,11,.75) 48%,rgba(15,13,11,.07) 78%)}
.hero-content{position:relative;color:#fff;padding:95px 0}
.kicker,.eyebrow{font-size:10px;letter-spacing:.24em;color:#d8b36a}
.hero h1{font:600 clamp(55px,7vw,94px)/.9 "Cormorant Garamond",serif;margin:15px 0 22px;max-width:800px}
.hero h1 em{font-weight:500;color:#f0d9b1}
.hero p{max-width:620px;color:#ddd2c1;line-height:1.85;font-size:14px}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-badge{border-top:1px solid rgba(222,186,116,.5);padding-top:10px;min-width:130px}
.hero-badge b{display:block;color:#fff;font:600 19px "Cormorant Garamond",serif}
.hero-badge span{font-size:9px;color:#c9bda9}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 22px;border:1px solid var(--gold);font-size:11px;letter-spacing:.05em;background:transparent}
.btn.gold{background:var(--gold);color:#17130f}
.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.light{border-color:rgba(255,255,255,.5);color:#fff}
.btn.full{width:100%}

.section{padding:92px 0}
.section.alt{background:var(--paper)}
.heading{max-width:720px;margin:0 auto 42px;text-align:center}
.heading.left{text-align:left;margin-left:0}
.heading h2,.page-hero h1,.story h2,.panel h2{font:600 clamp(38px,5vw,60px)/1 "Cormorant Garamond",serif;margin:10px 0}
.heading p,.page-hero p{font-size:13px;line-height:1.8;color:var(--muted)}

.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.collection-card{position:relative;min-height:430px;padding:30px;color:#fff;overflow:hidden;display:flex;align-items:flex-end;box-shadow:var(--shadow);transition:.3s}
.collection-card:hover{transform:translateY(-6px)}
.collection-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 5%,rgba(12,10,8,.9))}
.collection-card:after{content:"";position:absolute;width:150px;height:225px;left:50%;top:48px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.4);border-radius:34% 34% 18% 18%;box-shadow:0 0 0 12px rgba(255,255,255,.025)}
.c1{background:linear-gradient(135deg,#bca579,#76634b)}
.c2{background:linear-gradient(135deg,#2c251e,#8f703d)}
.c3{background:linear-gradient(135deg,#9b7c52,#e0c9a0)}
.card-content{position:relative;z-index:2}
.card-content small{font-size:9px;letter-spacing:.18em;color:#ead9b7}
.card-content h3{font:600 36px "Cormorant Garamond",serif;margin:7px 0 13px}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{border:1px solid rgba(255,255,255,.4);padding:6px 9px;font-size:9px}

.luxury-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.lux-item{background:var(--paper);padding:25px}
.lux-item b{display:block;font:600 23px "Cormorant Garamond",serif}
.lux-item p{font-size:11px;color:var(--muted);line-height:1.7;margin:6px 0 0}

.gender-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.gender-card{min-height:210px;background:#17130f;color:#fff;padding:28px;border:1px solid #4d412f;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.gender-card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(218,184,118,.2);border-radius:50%;right:-25px;top:-25px}
.gender-card span{font-size:9px;letter-spacing:.22em;color:#d9b66e}
.gender-card strong{font:600 46px "Cormorant Garamond",serif}

.page-hero{padding:80px 0 54px;background:linear-gradient(120deg,#17130f,#4b3927);color:#fff}
.page-hero p{color:#dacdb9;max-width:680px}
.breadcrumbs{font-size:9px;letter-spacing:.13em;color:#c8a96f;margin-bottom:13px}

.shop-shell{display:grid;grid-template-columns:250px 1fr;gap:34px}
.filters{background:var(--paper);border:1px solid var(--line);padding:21px;position:sticky;top:104px;height:max-content}
.filters h3{font:600 26px "Cormorant Garamond",serif;margin:0 0 15px}
.filter-group{border-top:1px solid var(--line);padding:16px 0}
.filter-group:first-of-type{border-top:0}
.filter-group b{display:block;font-size:10px;margin-bottom:9px}
.filter-group label{display:block;font-size:11px;color:#625a4f;margin:8px 0}
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}
.toolbar input,.toolbar select,.form-control{width:100%;border:1px solid var(--line);background:#fff;padding:12px 13px;outline:none;font-size:11px}
.toolbar .search{flex:1;max-width:450px}
.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.category-tabs a{border:1px solid var(--line);background:#fff;padding:9px 12px;font-size:10px}
.category-tabs a.active{background:#17130f;color:#fff;border-color:#17130f}

.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{background:#fff;border:1px solid var(--line);transition:.25s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(70,48,20,.08)}
.product-img{height:265px;background:linear-gradient(145deg,#f5eee2,#e3d0ae);display:grid;place-items:center;position:relative}
.placeholder-bottle{width:100px;height:145px;border:2px solid rgba(113,82,36,.43);border-radius:28px 28px 14px 14px;display:grid;place-items:center;font:600 60px "Cormorant Garamond",serif;color:#b2863e;position:relative}
.placeholder-bottle:before{content:"";position:absolute;top:-34px;width:52px;height:35px;border:2px solid rgba(113,82,36,.43);border-radius:6px;background:rgba(255,255,255,.23)}
.badge{position:absolute;top:13px;left:13px;background:#17130f;color:#fff;padding:6px 8px;font-size:8px;letter-spacing:.14em}
.product-copy{padding:16px}
.product-copy small{font-size:9px;color:#9c742f}
.product-copy h3{font:600 24px "Cormorant Garamond",serif;margin:6px 0}
.product-copy p{font-size:10px;color:#756d62}
.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.price-row strong{font:600 19px "Cormorant Garamond",serif}
.mini-btn{border:1px solid var(--gold);background:transparent;padding:8px 11px;font-size:9px}
.empty-note{grid-column:1/-1;border:1px dashed #cbb48c;background:#fffaf4;padding:38px;text-align:center}
.empty-note h3{font:600 31px "Cormorant Garamond",serif;margin:0 0 8px}
.empty-note p{font-size:12px;color:var(--muted);line-height:1.7}

.product-page{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;padding:72px 0}
.gallery-main{background:linear-gradient(145deg,#f5eee3,#e2ceaa);min-height:560px;display:grid;place-items:center;position:relative}
.gallery-main .placeholder-bottle{transform:scale(1.8)}
.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}
.thumb{height:95px;background:#eee2d0;border:1px solid var(--line)}
.product-detail .collection-name{font-size:9px;letter-spacing:.18em;color:#9e742d}
.product-detail h1{font:600 54px/1 "Cormorant Garamond",serif;margin:10px 0}
.product-detail .price{font:600 28px "Cormorant Garamond",serif;color:#8c651f}
.product-detail .desc{font-size:12px;color:#655d53;line-height:1.9;margin-top:20px}
.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.product-tag{border:1px solid var(--line);padding:7px 10px;font-size:9px}
.product-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}
.product-meta div{border-top:1px solid var(--line);padding-top:10px}
.product-meta b{display:block;font-size:9px;color:#916a29;margin-bottom:4px}
.product-meta span{font-size:11px}
.qty-row{display:flex;gap:10px;margin-top:22px}
.qty-row input{width:76px;border:1px solid var(--line);padding:12px}
.accordions{margin-top:28px;border-top:1px solid var(--line)}
.accordion{border-bottom:1px solid var(--line)}
.accordion button{width:100%;border:0;background:transparent;text-align:left;padding:14px 0;font-size:11px;font-weight:600;display:flex;justify-content:space-between}
.accordion-content{display:none;padding:0 0 14px;color:var(--muted);font-size:11px;line-height:1.8}
.accordion.open .accordion-content{display:block}

.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.story img{border-radius:50%;box-shadow:var(--shadow)}
.story p{font-size:12px;color:#665e54;line-height:1.9}

.panel{background:#fff;border:1px solid var(--line);padding:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-grid .full{grid-column:1/-1}
textarea.form-control{min-height:110px;resize:vertical}

.cart-table{width:100%;border-collapse:collapse;background:#fff}
.cart-table th,.cart-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}
.cart-table th{background:#f1e7d7}
.cart-summary{margin-left:auto;margin-top:25px;max-width:420px;background:#fff;border:1px solid var(--line);padding:22px}
.sumrow{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}
.sumrow.total{font-size:14px;font-weight:700}
.checkout-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px}
.cod-box{border:1px solid #c9a052;background:#fff9ed;padding:15px;font-size:11px;line-height:1.7}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
.contact-cards{display:grid;gap:12px}
.contact-card{background:#fff;border:1px solid var(--line);padding:20px}
.contact-card b{font:600 24px "Cormorant Garamond",serif}
.contact-card p{font-size:11px;color:var(--muted);line-height:1.7}

.policy{max-width:850px}
.policy h2{font:600 32px "Cormorant Garamond",serif}
.policy p,.policy li{font-size:12px;color:#5f584f;line-height:1.85}

.footer{background:#100e0c;color:#cec4b5;padding:58px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}
.footer h3{font:600 32px "Cormorant Garamond",serif;color:#dfba70;margin:0}
.footer small{letter-spacing:.34em}
.footer p{font-size:11px;line-height:1.8;color:#938a7d}
.footer b{display:block;color:#fff;font-size:11px;margin-bottom:13px}
.footer a{display:block;color:#a69d91;font-size:10px;margin:9px 0}
.copyright{border-top:1px solid #2b2823;margin-top:34px;padding-top:18px;font-size:9px;color:#746f67}

/* RTL */
html.obs-lang-ar body{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;text-align:right}
html.obs-lang-ar .brand-copy strong,
html.obs-lang-ar .hero h1,
html.obs-lang-ar .heading h2,
html.obs-lang-ar .page-hero h1,
html.obs-lang-ar .story h2,
html.obs-lang-ar .panel h2,
html.obs-lang-ar .card-content h3,
html.obs-lang-ar .gender-card strong,
html.obs-lang-ar .filters h3,
html.obs-lang-ar .product-copy h3,
html.obs-lang-ar .empty-note h3,
html.obs-lang-ar .product-detail h1,
html.obs-lang-ar .product-detail .price,
html.obs-lang-ar .contact-card b,
html.obs-lang-ar .policy h2,
html.obs-lang-ar .footer h3{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif}
html.obs-lang-ar .hero h1{line-height:1.25}
html.obs-lang-ar .hero h1 em{font-style:normal}
html.obs-lang-ar .navlinks{margin-left:0;margin-right:auto}
html.obs-lang-ar .dropmenu{left:auto;right:-18px}
html.obs-lang-ar .heading.left{text-align:right}
html.obs-lang-ar .badge{left:auto;right:13px}
html.obs-lang-ar .cart-table th,html.obs-lang-ar .cart-table td{text-align:right}
html.obs-lang-ar .accordion button{text-align:right}
html.obs-lang-ar .form-control{text-align:right}
html.obs-lang-ar .kicker,html.obs-lang-ar .eyebrow,html.obs-lang-ar .breadcrumbs{letter-spacing:.05em}

@media(max-width:960px){
  .navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:var(--bg);padding:18px 28px;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line)}
  .navlinks.open{display:flex}
  .dropdown:hover .dropmenu,.dropdown:focus-within .dropmenu{display:none}
  .dropmenu{position:static;box-shadow:none;border:0;background:transparent;padding-left:15px}
  .dropdown.open .dropmenu{display:block}
  .menu-btn{display:block;margin-left:auto}
  html.obs-lang-ar .menu-btn{margin-left:auto;margin-right:0}
  .collection-grid{grid-template-columns:1fr 1fr}
  .luxury-strip{grid-template-columns:1fr 1fr}
  .shop-shell{grid-template-columns:1fr}
  .filters{position:static}
  .product-grid{grid-template-columns:1fr 1fr}
  .product-page,.story,.checkout-grid,.contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1200px)}
  .topbar-inner span:last-child{display:none}
  .brand img{width:41px;height:41px}
  .brand-copy strong{font-size:18px}
  .nav{height:70px}.navlinks{top:70px}
  .lang-switch{padding:0 6px}
  .hero{min-height:575px}.hero:before,.hero:after{opacity:.25}.hero-overlay{background:rgba(15,13,11,.73)}
  .hero h1{font-size:56px}
  .section{padding:68px 0}
  .collection-grid,.gender-grid,.luxury-strip,.product-grid,.form-grid,.footer-grid{grid-template-columns:1fr}
  .collection-card{min-height:355px}
  .toolbar{flex-direction:column;align-items:stretch}.toolbar .search{max-width:none}
  .product-page{padding:55px 0}.gallery-main{min-height:390px}.product-detail h1{font-size:43px}
  .product-meta{grid-template-columns:1fr}
}


/* ===== Functional structure v6 ===== */
.home-catalog-section .home-product-grid{min-height:170px}
.catalog-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 8px;font-size:10px;color:#766b5c}
.text-button{border:0;background:transparent;color:#8d6422;text-decoration:underline;text-underline-offset:3px;padding:5px;cursor:pointer;font-size:10px}
.filters-ready-note{font-size:10px;line-height:1.7;color:#897c6b;margin:0 0 18px;padding:10px 12px;border-left:2px solid #caa45e;background:#fffaf2}
html.obs-lang-ar .filters-ready-note{border-left:0;border-right:2px solid #caa45e}
.product-card-link{display:block}
.product-card .product-actions{display:flex;gap:7px;align-items:center}
.product-card .product-actions .mini-btn{white-space:nowrap}
.product-card .product-actions .mini-btn.dark{background:#17130f;color:#fff;border-color:#17130f}
.product-img img{width:100%;height:100%;object-fit:contain;padding:20px}
.qty-control{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff}
.qty-control button{width:30px;height:30px;border:0;background:transparent}
.qty-control span{min-width:28px;text-align:center}
.cart-remove{border:0;background:transparent;color:#97681f;text-decoration:underline;font-size:10px}
.cart-product{display:flex;align-items:center;gap:11px}
.cart-product-thumb{width:52px;height:65px;background:linear-gradient(145deg,#f5eee3,#e4d1ae);display:grid;place-items:center;flex:0 0 auto}
.cart-product-thumb img{width:100%;height:100%;object-fit:contain;padding:5px}
.cart-product-thumb .mini-bottle{width:25px;height:38px;border:1px solid #a77d3e;border-radius:8px 8px 4px 4px}
.cart-product b{display:block;font-size:11px}
.cart-product small{font-size:9px;color:#81766a}
.checkout-items{margin-bottom:12px}
.checkout-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}
.checkout-line span:first-child{max-width:72%}
.delivery-note{font-size:9px;line-height:1.7;color:#7b6d5b;margin:12px 0}
.form-error{display:none;border:1px solid #b45343;background:#fff2ef;color:#8f352a;padding:10px 12px;font-size:10px;line-height:1.6}
.form-error.show{display:block}
.form-control.invalid{border-color:#b45343;background:#fff8f6}
.template-notice{margin:16px 0;padding:11px 13px;border-left:2px solid #c49a50;background:#fff9ee;color:#746653;font-size:10px;line-height:1.7}
html.obs-lang-ar .template-notice{border-left:0;border-right:2px solid #c49a50}
.success-card{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);padding:42px;text-align:center;box-shadow:var(--shadow)}
.success-card h2{font:600 42px "Cormorant Garamond",serif;margin:8px 0 12px}
.success-card p{font-size:12px;color:var(--muted);line-height:1.8}
.success-mark{width:72px;height:72px;border-radius:50%;border:1px solid #c79b4e;display:grid;place-items:center;margin:0 auto 18px;font:600 34px "Cormorant Garamond",serif;color:#a87524}
.success-summary{margin:22px 0;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
html.obs-lang-ar .success-summary{text-align:right}
.success-card .btn{margin:5px}
.shop-placeholder-card{min-height:165px;background:#fff;border:1px dashed #ccb58d;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.shop-placeholder-card b{font:600 26px "Cormorant Garamond",serif}
.shop-placeholder-card span{font-size:10px;color:#776c5d;margin-top:6px;line-height:1.6}
.disabled-link{opacity:.45;pointer-events:none}
.product-gallery-message{font-size:11px;color:#756a5b;text-align:center;padding:20px}

@media(max-width:700px){
  .cart-table thead{display:none}
  .cart-table,.cart-table tbody,.cart-table tr,.cart-table td{display:block;width:100%}
  .cart-table tr{padding:14px;border-bottom:1px solid var(--line)}
  .cart-table td{border:0;padding:7px 0;text-align:right}
  .cart-table td:before{content:attr(data-label);float:left;font-size:9px;color:#8b7d69}
  html.obs-lang-ar .cart-table td{text-align:left}
  html.obs-lang-ar .cart-table td:before{float:right}
  .success-card{padding:28px 18px}
}


/* ===== Product Experience v7 ===== */
.product-page-v7{align-items:start}
.product-gallery-wrap{position:sticky;top:105px}
.gallery-main{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#f5eee3,#e2ceaa);
}
.gallery-main img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:34px;
  transition:transform .25s ease;
}
.gallery-main:hover img{transform:scale(1.025)}
.gallery-thumbs{
  grid-template-columns:repeat(4,1fr);
}
.gallery-thumbs .thumb{
  height:105px;
  padding:0;
  border:1px solid var(--line);
  background:#eee2d0;
  overflow:hidden;
  position:relative;
}
.gallery-thumbs .thumb.active{outline:2px solid var(--gold);outline-offset:-2px}
.gallery-thumbs .thumb img{width:100%;height:100%;object-fit:contain;padding:8px}
.gallery-thumbs .thumb .mini-photo{
  width:42px;height:62px;border:1px solid #b28a4e;border-radius:12px 12px 6px 6px;margin:auto;
}
.product-rating-summary{display:flex;align-items:center;gap:9px;margin:11px 0 15px;font-size:10px;color:#756b5d}
.product-rating-summary a{text-decoration:underline;text-underline-offset:3px}
.stars{letter-spacing:.08em;color:#b8852f;font-size:16px;white-space:nowrap}
.product-meta-v7{grid-template-columns:repeat(2,1fr)}
.quantity-purchase{
  display:flex;align-items:flex-end;gap:12px;margin-top:23px;
  padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.quantity-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8b6d3c;margin-bottom:7px}
.quantity-selector{display:flex;align-items:center;border:1px solid var(--line);height:45px;background:#fff}
.quantity-selector button{width:42px;height:43px;border:0;background:transparent;font-size:18px}
.quantity-selector input{width:58px;height:43px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;outline:none}
.quantity-selector input::-webkit-inner-spin-button,.quantity-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.add-main-btn{height:45px;flex:1}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.info-grid div{padding:10px 0;border-top:1px solid var(--line)}
.info-grid b{display:block;font-size:9px;color:#926a29;margin-bottom:5px}
.info-grid span{font-size:11px;color:#625b51}
.related-section .product-grid{grid-template-columns:repeat(4,1fr)}
.reviews-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}
.reviews-overview{border:1px solid var(--line);background:#fff;padding:20px;margin-bottom:18px}
.rating-big{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.rating-big strong{font:600 40px/1 "Cormorant Garamond",serif}
.rating-big small{font-size:10px;color:#7d7264}
.reviews-list{display:grid;gap:12px}
.review-card{border:1px solid var(--line);background:#fff;padding:19px}
.review-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.review-card h4{margin:0;font:600 20px "Cormorant Garamond",serif}
.review-card small{font-size:9px;color:#958875}
.review-card p{font-size:11px;line-height:1.8;color:#625a50;margin:12px 0 0}
.review-form-card{position:sticky;top:105px;border:1px solid var(--line);background:#fff;padding:24px}
.review-form-card h3{font:600 30px "Cormorant Garamond",serif;margin:0 0 18px}
.review-form{display:grid;gap:12px}
.rating-picker{display:flex;gap:4px}
.rating-picker button{border:0;background:transparent;color:#c8b99d;font-size:27px;padding:2px;line-height:1}
.rating-picker button.active{color:#b8852f}
.review-success{display:none;border:1px solid #8fa86f;background:#f5faee;color:#526a36;padding:10px 12px;font-size:10px;line-height:1.6}
.review-success.show{display:block}
.review-form-card textarea{min-height:120px}
html.obs-lang-ar .review-card-top{direction:rtl}
html.obs-lang-ar .quantity-selector input{border-left:1px solid var(--line);border-right:1px solid var(--line)}

@media(max-width:960px){
  .product-gallery-wrap{position:static}
  .related-section .product-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-layout{grid-template-columns:1fr}
  .review-form-card{position:static}
}
@media(max-width:620px){
  .gallery-thumbs .thumb{height:78px}
  .quantity-purchase{flex-direction:column;align-items:stretch}
  .quantity-selector{width:max-content}
  .related-section .product-grid{grid-template-columns:1fr}
  .info-grid{grid-template-columns:1fr}
}


/* v11 usability fixes */
@media(min-width:961px){
  .dropdown::after{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:12px}
  .dropmenu{margin-top:0;z-index:250}
}
.product-card-name{display:block!important;color:var(--ink)!important;min-height:30px;line-height:1.1;opacity:1!important;visibility:visible!important}
.product-card .product-copy small{display:block;min-height:12px}
.quantity-live-total{min-width:125px;border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column;justify-content:center}
.quantity-live-total span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8b6d3c;margin-bottom:4px}
.quantity-live-total strong{font:600 24px "Cormorant Garamond",serif;color:#17130f;white-space:nowrap}
html.obs-lang-ar .quantity-live-total{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:16px}
@media(max-width:620px){
  .quantity-live-total{border-left:0;border-right:0!important;padding:0!important;align-items:flex-start}
}


/* v11.1 — always-visible product name */
.product-name-strip{
  display:block!important;
  padding:14px 16px 10px;
  background:#fff;
  border-top:1px solid var(--line);
  min-height:72px;
  position:relative;
  z-index:3;
}
.product-name-strip h3{
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#17130f!important;
  font:600 24px/1.05 "Cormorant Garamond",serif!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  white-space:normal!important;
}
.product-name-strip small{
  display:block!important;
  color:#9c742f!important;
  font-size:9px!important;
  line-height:1.3;
}
.product-card-details{padding-top:4px!important}
.product-card-details p{margin:0 0 8px}
html.obs-lang-ar .product-name-strip h3{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.6!important;
}


/* v11.2 — clean storefront product cards */
.product-card-v112{
  background:#fff!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  position:relative!important;
}
.product-card-v112 .product-card-link{
  display:block!important;
  background:#fff!important;
  overflow:hidden!important;
}
.product-card-v112 .product-img{
  height:400px!important;
  min-height:400px!important;
  max-height:400px!important;
  overflow:hidden!important;
  background:#f4eee5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
}
.product-card-v112 .product-card-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:24px!important;
  margin:0!important;
}
.product-card-v112 .product-card-info{
  display:block!important;
  background:#fff!important;
  padding:16px 18px 13px!important;
  position:relative!important;
  z-index:5!important;
  overflow:hidden!important;
  min-height:105px!important;
}
.product-card-v112 .product-card-info img,
.product-card-v112 .product-card-info picture{
  display:none!important;
}
.product-card-v112 .product-card-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:#17130f!important;
  font:600 20px/1.2 "Cormorant Garamond",serif!important;
  margin:0 0 6px!important;
  padding:0!important;
  min-height:24px!important;
  max-height:48px!important;
  letter-spacing:0!important;
}
.product-card-v112 .product-card-collection{
  display:block!important;
  font-size:9px!important;
  line-height:1.4!important;
  color:#9a722f!important;
  margin:0 0 7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.product-card-v112 .product-card-meta{
  display:block!important;
  font-size:10px!important;
  line-height:1.4!important;
  color:#756d62!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.product-card-v112 .product-card-bottom{
  margin-top:auto!important;
  background:#fff!important;
  border-top:1px solid var(--line)!important;
  padding:13px 18px 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  position:relative!important;
  z-index:6!important;
}
.product-card-v112 .product-card-bottom img{
  display:none!important;
}
.product-card-v112 .product-card-price{
  color:#17130f!important;
  font:600 21px/1 "Cormorant Garamond",serif!important;
  white-space:nowrap!important;
}
.product-card-v112 .product-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
.product-card-v112 .mini-btn{
  padding:9px 12px!important;
  font-size:9px!important;
}
html.obs-lang-ar .product-card-v112 .product-card-title{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.65!important;
  max-height:52px!important;
}
html.obs-lang-ar .product-card-v112 .product-card-info,
html.obs-lang-ar .product-card-v112 .product-card-bottom{
  text-align:right!important;
}

@media(max-width:1200px){
  .product-card-v112 .product-img{
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
  }
}
@media(max-width:620px){
  .product-card-v112 .product-img{
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
  }
  .product-card-v112 .product-card-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}


/* v11.5 — customer Sort By */
.toolbar{
  align-items:center!important;
  gap:14px!important;
}
.sort-control{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}
.sort-control label{
  display:block!important;
  color:#6c6255!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.sort-control select{
  display:block!important;
  min-width:235px!important;
  height:44px!important;
  border:1px solid #cdb78d!important;
  background:#fff!important;
  color:#1d1914!important;
  padding:0 36px 0 13px!important;
  font-size:11px!important;
  cursor:pointer!important;
  outline:none!important;
}
.sort-control select:focus{
  border-color:#a9792f!important;
  box-shadow:0 0 0 2px rgba(169,121,47,.10)!important;
}
html.obs-lang-ar .sort-control{
  margin-left:0!important;
  margin-right:auto!important;
}
html.obs-lang-ar .sort-control select{
  padding:0 13px 0 36px!important;
}
@media(max-width:760px){
  .toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .sort-control{
    width:100%!important;
    margin:0!important;
    justify-content:space-between!important;
  }
  .sort-control select{
    min-width:0!important;
    flex:1!important;
  }
}


/* v11.6 — balanced storefront product cards */
.product-card-v112{
  height:100%!important;
  min-height:0!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
}

.product-card-v112 .product-img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
  background:#f2ece3!important;
  display:block!important;
  position:relative!important;
}

.product-card-v112 .product-card-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
}

.product-card-v112 .placeholder-bottle{
  width:100%!important;
  height:100%!important;
}

.product-card-v112 .product-card-info{
  min-height:112px!important;
  padding:15px 16px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}

.product-card-v112 .product-card-title{
  font-size:19px!important;
  line-height:1.2!important;
  margin-bottom:6px!important;
  min-height:46px!important;
  max-height:46px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

.product-card-v112 .product-card-collection{
  min-height:17px!important;
  margin-bottom:6px!important;
}

.product-card-v112 .product-card-meta{
  min-height:17px!important;
}

.product-card-v112 .product-card-bottom{
  min-height:70px!important;
  padding:12px 16px!important;
  margin-top:auto!important;
}

.product-card-v112 .product-card-price{
  font-size:20px!important;
}

.product-grid{
  align-items:stretch!important;
}

html.obs-lang-ar .product-card-v112 .product-card-title{
  font-size:14px!important;
  line-height:1.55!important;
  min-height:44px!important;
  max-height:44px!important;
}

/* Desktop: denser, cleaner cards */
@media(min-width:1100px){
  .catalog-main .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:700px){
  .catalog-main .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media(max-width:699px){
  .catalog-main .product-grid{
    grid-template-columns:1fr!important;
  }
}


/* v11.9 — homepage hero with 3 perfumes */
.hero{
  min-height:670px!important;
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  align-items:center!important;
  background-image:url("optimized-assets-v1/hero/obsession-three-perfumes-hero.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* remove the old abstract bottle graphic */
.hero:before,
.hero:after{
  display:none!important;
  content:none!important;
}

.hero-overlay{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(
      90deg,
      rgba(14,11,8,.82) 0%,
      rgba(14,11,8,.68) 30%,
      rgba(14,11,8,.24) 52%,
      rgba(14,11,8,0) 72%
    )!important;
}

.hero-content{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  padding:92px 0!important;
  max-width:1200px!important;
}

.hero-content > .eyebrow,
.hero-content > h1,
.hero-content > p,
.hero-content > .actions,
.hero-content > .hero-badges{
  max-width:620px!important;
}

.hero h1{
  text-shadow:0 2px 18px rgba(0,0,0,.28)!important;
}

.hero p{
  color:#f2eadf!important;
  text-shadow:0 1px 12px rgba(0,0,0,.28)!important;
}

.hero-actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

.hero-actions .btn.gold{
  background:#c99a49!important;
  border-color:#c99a49!important;
  color:#17120d!important;
}

.hero-actions .btn.light{
  border-color:rgba(255,255,255,.72)!important;
  color:#fff!important;
  background:rgba(0,0,0,.10)!important;
  backdrop-filter:blur(2px);
}

@media(max-width:900px){
  .hero{
    min-height:620px!important;
    background-position:64% center!important;
  }
  .hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(14,11,8,.88) 0%,
        rgba(14,11,8,.73) 48%,
        rgba(14,11,8,.22) 78%
      )!important;
  }
  .hero-content > .eyebrow,
  .hero-content > h1,
  .hero-content > p,
  .hero-content > .actions,
  .hero-content > .hero-badges{
    max-width:540px!important;
  }
}

@media(max-width:620px){
  .hero{
    min-height:690px!important;
    background-position:68% center!important;
  }
  .hero-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(14,11,8,.42) 0%,
        rgba(14,11,8,.55) 36%,
        rgba(14,11,8,.90) 100%
      )!important;
  }
  .hero-content{
    padding:260px 0 54px!important;
    align-self:end!important;
  }
  .hero h1{
    font-size:50px!important;
  }
  .hero-actions{
    width:100%!important;
  }
  .hero-actions .btn{
    flex:1 1 180px!important;
  }
}


/* v12.0 — improved Arabic homepage hero */
html.obs-lang-ar .hero-content{
  width:min(56%, 640px)!important;
  max-width:640px!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding-top:86px!important;
  padding-bottom:86px!important;
  position:relative!important;
  z-index:2!important;
}
html.obs-lang-ar .hero-content > .eyebrow,
html.obs-lang-ar .hero-content > h1,
html.obs-lang-ar .hero-content > p,
html.obs-lang-ar .hero-content > .actions,
html.obs-lang-ar .hero-content > .hero-badges{
  max-width:100%!important;
}
html.obs-lang-ar .hero h1{
  font-size:clamp(42px,5.5vw,78px)!important;
  line-height:1.18!important;
  margin:12px 0 16px!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
html.obs-lang-ar .hero p{
  font-size:15px!important;
  line-height:1.9!important;
  max-width:560px!important;
  margin:0 0 4px!important;
}
html.obs-lang-ar .hero-actions{
  margin-top:24px!important;
}
html.obs-lang-ar .hero-actions .btn{
  min-width:190px!important;
}
html.obs-lang-ar .hero-badges{
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
html.obs-lang-ar .hero-badge{
  min-width:0!important;
}
html.obs-lang-ar .hero-badge b{
  font-size:17px!important;
}
html.obs-lang-ar .hero-badge span{
  font-size:8px!important;
}

@media(max-width:1100px){
  html.obs-lang-ar .hero-content{
    width:min(60%, 560px)!important;
  }
  html.obs-lang-ar .hero h1{
    font-size:clamp(38px,5vw,62px)!important;
  }
}

@media(max-width:820px){
  html.obs-lang-ar .hero{
    background-position:62% center!important;
  }
  html.obs-lang-ar .hero-content{
    width:min(68%, 500px)!important;
    padding-top:78px!important;
    padding-bottom:74px!important;
  }
  html.obs-lang-ar .hero-badges{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  html.obs-lang-ar .hero{
    background-position:66% center!important;
  }
  html.obs-lang-ar .hero-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:295px 0 50px!important;
  }
  html.obs-lang-ar .hero h1{
    font-size:38px!important;
    line-height:1.35!important;
    margin-bottom:14px!important;
  }
  html.obs-lang-ar .hero p{
    font-size:13px!important;
    line-height:1.85!important;
  }
  html.obs-lang-ar .hero-actions{
    gap:10px!important;
  }
  html.obs-lang-ar .hero-actions .btn{
    min-width:0!important;
    flex:1 1 100%!important;
  }
  html.obs-lang-ar .hero-badges{
    display:none!important;
  }
}


/* v12.1 — final Arabic hero polish */
html.obs-lang-ar .hero h1{
  font-size:clamp(36px,4.7vw,66px)!important;
  line-height:1.22!important;
  margin:10px 0 14px!important;
}

html.obs-lang-ar .hero-badges{
  margin-top:18px!important;
  gap:12px!important;
}

html.obs-lang-ar .hero-badge{
  padding-top:8px!important;
  border-top:1px solid rgba(222,186,116,.32)!important;
}

html.obs-lang-ar .hero-badge b{
  font-size:14px!important;
  font-weight:500!important;
  opacity:.92!important;
}

html.obs-lang-ar .hero-badge span{
  font-size:7px!important;
  opacity:.55!important;
}

@media(max-width:820px){
  html.obs-lang-ar .hero h1{
    font-size:clamp(34px,5vw,54px)!important;
  }
}

@media(max-width:620px){
  html.obs-lang-ar .hero h1{
    font-size:34px!important;
    line-height:1.35!important;
  }
}


/* v12.2 — move Arabic hero content fully to the far-left side */
html.obs-lang-ar .hero-content{
  width:min(44%, 500px)!important;
  max-width:500px!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding-left:34px!important;
  padding-right:0!important;
}

html.obs-lang-ar .hero-content > .eyebrow,
html.obs-lang-ar .hero-content > h1,
html.obs-lang-ar .hero-content > p,
html.obs-lang-ar .hero-content > .actions,
html.obs-lang-ar .hero-content > .hero-badges{
  max-width:100%!important;
}

@media(max-width:1100px){
  html.obs-lang-ar .hero-content{
    width:min(48%, 500px)!important;
    padding-left:26px!important;
  }
}

@media(max-width:820px){
  html.obs-lang-ar .hero-content{
    width:min(54%, 460px)!important;
    padding-left:20px!important;
  }
}

@media(max-width:620px){
  html.obs-lang-ar .hero-content{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* ===== v13 Smart Scent Finder ===== */
.scent-finder-nav{color:#b88739!important;font-weight:600}.home-scent-finder{background:#f3eadb;border-bottom:1px solid #dfd0b5}.scent-finder-cta{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:26px;padding-bottom:26px}.scent-finder-cta span{font-size:9px;letter-spacing:.18em;color:#a9792f}.scent-finder-cta h2{font:600 clamp(30px,4vw,46px)/1.05 "Cormorant Garamond",serif;margin:7px 0}.scent-finder-cta p{max-width:700px;margin:0;color:#6c6256;line-height:1.7}.finder-shell{max-width:1050px}.finder-progress{display:flex;gap:6px;margin:0 0 14px}.finder-progress span{height:3px;flex:1;background:#e5dccd}.finder-progress span.active{background:var(--gold)}.finder-card{background:#fff;border:1px solid var(--line);box-shadow:0 16px 50px rgba(51,39,23,.07);padding:42px}.finder-kicker{font-size:9px;letter-spacing:.2em;color:#a37a38;margin-bottom:10px}.finder-card h2{font:600 clamp(34px,4vw,50px)/1.05 "Cormorant Garamond",serif;margin:0 0 8px}.finder-card>p{color:#74695c;margin:0 0 24px}.finder-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 30px}.finder-chips button{border:1px solid #d8c9b0;background:#fbf8f2;border-radius:999px;padding:10px 15px;cursor:pointer;color:#4f463d}.finder-chips button:hover,.finder-chips button.active{background:#17130f;color:#fff;border-color:#17130f}.finder-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}.finder-two-col label b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.finder-two-col select{width:100%;height:48px;border:1px solid var(--line);background:#fff;padding:0 13px}.finder-free{margin-top:20px}.finder-free label{display:block;font-weight:600;font-size:12px;margin-bottom:7px}.finder-free textarea{width:100%;min-height:100px;border:1px solid var(--line);padding:14px;resize:vertical;font:inherit}.finder-submit{margin-top:20px;min-width:220px}.finder-submit.loading:after{content:' …'}.finder-note{margin-top:14px;color:#837666;font-size:11px;line-height:1.6}.finder-results{padding-top:68px}.finder-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.finder-result-card{position:relative;background:#fff;border:1px solid var(--line);overflow:hidden}.finder-result-card.best{border-color:#c89d55;box-shadow:0 18px 45px rgba(99,70,30,.13)}.finder-rank{position:absolute;z-index:3;top:10px;left:10px;width:31px;height:31px;border-radius:50%;background:#181410;color:#e8c786;display:grid;place-items:center;font-size:11px}.finder-result-image{height:280px;background:#f3eee5;display:block;position:relative;overflow:hidden}.finder-result-image img{width:100%;height:100%;object-fit:cover}.match-ring{position:absolute;right:10px;bottom:10px;width:68px;height:68px;border-radius:50%;background:rgba(22,18,14,.94);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;font-weight:700;border:2px solid #caa15d}.match-ring small{font-size:7px;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.finder-result-copy{padding:18px}.finder-result-copy>small{font-size:9px;color:#8c7d6b;text-transform:uppercase;letter-spacing:.05em}.finder-result-copy h3{font:600 25px/1.05 "Cormorant Garamond",serif;margin:6px 0 8px;min-height:52px}.finder-result-copy>strong{font-size:16px}.finder-reasons{margin:15px 0;padding-top:12px;border-top:1px solid var(--line)}.finder-reasons b{font-size:10px;text-transform:uppercase;color:#8f6b34}.finder-reasons p{font-size:11px;line-height:1.6;margin:4px 0}.finder-performance{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.finder-performance span,.review-performance-tags span{background:#f5efe4;border-radius:999px;padding:5px 8px;font-size:9px}.finder-unknown{display:block;color:#9a8d7c;margin:10px 0 14px}.review-performance{display:grid;grid-template-columns:1fr 1fr;gap:9px}.review-performance label span{display:block;font-size:10px;margin-bottom:5px}.review-performance-tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}html.obs-lang-ar .finder-rank{left:auto;right:10px}html.obs-lang-ar .match-ring{right:auto;left:10px}html.obs-lang-ar .finder-card h2,html.obs-lang-ar .scent-finder-cta h2,html.obs-lang-ar .finder-result-copy h3{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.55}.scent-finder-hero{background:linear-gradient(105deg,#1b1712,#4b3922)}.scent-finder-hero h1,.scent-finder-hero p,.scent-finder-hero .breadcrumbs{color:#fff}@media(max-width:900px){.finder-result-grid{grid-template-columns:repeat(2,1fr)}.scent-finder-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.finder-card{padding:26px 17px}.finder-two-col,.finder-result-grid,.review-performance{grid-template-columns:1fr}.finder-result-image{height:320px}.scent-finder-cta{padding-top:30px;padding-bottom:30px}.home-scent-finder .btn{width:100%}}


/* ============================================================
   v14 — Conversion-focused homepage / OBSESSION brand experience
   ============================================================ */
.hero-badges{display:none!important}
.home-trust{background:#fbf8f0;border-bottom:1px solid var(--line)}
.home-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:98px}
.trust-point{display:flex;align-items:center;gap:15px;padding:22px 30px;border-right:1px solid var(--line)}
.trust-point:last-child{border-right:0}
.trust-point i{font-style:normal;width:38px;height:38px;border:1px solid #c8a45e;border-radius:50%;display:grid;place-items:center;color:#9d712d;font:600 14px/1 Montserrat,sans-serif;flex:0 0 auto}
.trust-point b{display:block;font-size:12px;letter-spacing:.03em;color:#2a2118;margin-bottom:4px}.trust-point span{font-size:10px;line-height:1.5;color:#85786a}
html.obs-lang-ar .trust-point{border-right:0;border-left:1px solid var(--line)}html.obs-lang-ar .trust-point:last-child{border-left:0}
.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}.home-section-head>div{max-width:720px}.home-section-head h2{font:600 clamp(38px,5vw,58px)/1 "Cormorant Garamond",serif;margin:8px 0 12px}.home-section-head p{color:#817567;line-height:1.8;margin:0}.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #b58a43;padding-bottom:5px;color:#64471f;font-size:11px;white-space:nowrap}.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.obs-lang-ar .home-section-head h2{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.45;font-size:clamp(30px,4vw,46px)}

.signature-oils-section{background:linear-gradient(115deg,#16120e 0%,#241d16 58%,#735a37 100%);color:#fff;padding:94px 0;overflow:hidden;position:relative}.signature-oils-section:after{content:"O";position:absolute;right:-35px;top:-100px;font:700 430px/1 "Cormorant Garamond",serif;color:rgba(218,180,108,.035);pointer-events:none}.signature-oils-shell{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.35fr);gap:64px;align-items:center;position:relative;z-index:1}.signature-oils-copy .kicker{color:#d7ad64}.signature-oils-copy h2{font:600 clamp(45px,5vw,70px)/.98 "Cormorant Garamond",serif;margin:12px 0 20px;color:#f8f0e3}.signature-oils-copy p{color:#d4c9b8;line-height:1.85;max-width:490px}.signature-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.signature-pills span{border:1px solid rgba(217,177,102,.35);padding:8px 11px;font-size:9px;letter-spacing:.12em;color:#e0bd79}.signature-oils-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signature-oils-products .product-card{border-color:rgba(255,255,255,.13)!important}.signature-oils-products .product-card-info,.signature-oils-products .product-card-bottom{background:#fff}.signature-teaser{min-height:430px;border:1px solid rgba(218,180,108,.32);background:radial-gradient(circle at 50% 36%,rgba(205,166,93,.24),transparent 27%),linear-gradient(145deg,#e8d6ae,#a47835 45%,#4b351b);display:grid;place-items:center;text-align:center;box-shadow:0 28px 60px rgba(0,0,0,.22)}.signature-teaser.noir{background:radial-gradient(circle at 50% 36%,rgba(219,183,111,.18),transparent 27%),linear-gradient(145deg,#302b26,#0f0e0d 58%,#594525)}.signature-teaser div{width:70%;height:65%;border:1px solid rgba(255,239,204,.58);display:flex;flex-direction:column;justify-content:center;align-items:center}.signature-teaser span{font-size:10px;letter-spacing:.35em}.signature-teaser strong{font:600 38px/1.1 "Cormorant Garamond",serif;margin:10px 0;color:#fff3d7}.signature-teaser small{font-size:8px;letter-spacing:.16em;color:#ead6aa}html.obs-lang-ar .signature-oils-copy h2{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.45;font-size:clamp(34px,4vw,50px)}

.home-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.home-collection-grid .collection-card{min-height:390px!important}.home-collection-grid .collection-card:nth-child(4n){background:linear-gradient(145deg,#6d5432,#1c1712)!important}.home-category-section .gender-card{position:relative;overflow:hidden}.gender-card em{position:absolute;right:24px;bottom:24px;font-style:normal;font-size:22px;color:#d3ad68}html.obs-lang-ar .gender-card em{right:auto;left:24px}

.scent-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scent-shortcut{min-height:270px;padding:30px;display:flex;flex-direction:column;border:1px solid #d9ccba;background:#fff;position:relative;overflow:hidden;transition:.25s}.scent-shortcut:before{content:"";position:absolute;inset:auto -50px -75px auto;width:190px;height:190px;border-radius:50%;background:rgba(193,151,79,.1)}.scent-shortcut:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(44,32,18,.09);border-color:#b99555}.scent-shortcut small{color:#b58c48;letter-spacing:.2em}.scent-shortcut h3{font:600 33px/1.05 "Cormorant Garamond",serif;margin:45px 0 10px;color:#2c2117}.scent-shortcut p{font-size:11px;line-height:1.7;color:#827567;max-width:280px}.scent-shortcut span{margin-top:auto;font-size:10px;letter-spacing:.05em;color:#6b4b22}.scent-shortcut.power{background:linear-gradient(145deg,#fff,#f2eadf)}.scent-shortcut.fresh{background:linear-gradient(145deg,#fff,#eef4ef)}.scent-shortcut.warm{background:linear-gradient(145deg,#fff,#f3e9dd)}html.obs-lang-ar .scent-shortcut h3{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:24px;line-height:1.5}.home-scent-finder-v14{margin-top:28px;background:#e9d9b7;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 38px}.home-scent-finder-v14>div>span{font-size:9px;letter-spacing:.14em;color:#785626}.home-scent-finder-v14 h3{font:600 31px/1.1 "Cormorant Garamond",serif;margin:8px 0}.home-scent-finder-v14 p{font-size:11px;color:#6d5c48;margin:0}html.obs-lang-ar .home-scent-finder-v14 h3{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:22px;line-height:1.6}

.home-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-review-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:250px;display:flex;flex-direction:column}.review-stars{color:#b4873d;letter-spacing:.15em;font-size:13px}.home-review-card>p{font:500 22px/1.45 "Cormorant Garamond",serif;color:#33271c;margin:23px 0 32px}.home-review-card footer{margin-top:auto;display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #eee6da;padding-top:18px}.home-review-card footer b,.home-review-card footer span{display:block}.home-review-card footer b{font-size:11px}.home-review-card footer span{font-size:9px;color:#8a7d6f;margin-top:4px}.home-review-card footer img{width:48px;height:48px;object-fit:cover;border-radius:50%}.home-review-empty{grid-column:1/-1;padding:40px;border:1px dashed #cdbb9e;text-align:center;color:#8a7964;background:#fff}html.obs-lang-ar .home-review-card>p{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}

.social-proof-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}.social-proof-copy h2{font:600 clamp(40px,5vw,62px)/1 "Cormorant Garamond",serif;margin:10px 0 18px}.social-proof-copy p{color:#807465;line-height:1.75;margin-bottom:24px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-grid a,.social-placeholder{aspect-ratio:1/1;position:relative;overflow:hidden;background:#e5dac7}.social-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}.social-grid a:hover img{transform:scale(1.04)}.social-grid a span{position:absolute;left:10px;bottom:8px;font-size:7px;letter-spacing:.16em;color:white;text-shadow:0 1px 8px #000}.social-placeholder{display:grid;place-items:center;font:600 18px "Cormorant Garamond",serif;color:#9f7e47}html.obs-lang-ar .social-proof-copy h2{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.5;font-size:34px}

.home-final-cta{padding:72px 0;background:#1b1713;color:#fff}.home-final-cta .container{display:flex;justify-content:space-between;align-items:center;gap:35px}.home-final-cta span{font-size:9px;letter-spacing:.18em;color:#cba35e}.home-final-cta h2{font:600 clamp(40px,5vw,64px)/1 "Cormorant Garamond",serif;margin:8px 0}.home-final-cta p{color:#bfb4a5;margin:0}.home-final-cta .btn{min-width:180px}html.obs-lang-ar .home-final-cta h2{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.45;font-size:35px}

.product-buy-trust{display:flex;gap:15px;flex-wrap:wrap;padding:14px 0 0;color:#716451}.product-buy-trust span{font-size:9px}.product-buy-trust b{font-weight:500}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:80;background:#201a15;color:#fff;display:flex;align-items:center;gap:9px;padding:9px 13px 9px 9px;border-radius:28px;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:.2s}.floating-whatsapp:hover{transform:translateY(-2px)}.floating-whatsapp b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d0a95f;color:#1b1713;font-size:9px}.floating-whatsapp span{font-size:9px;white-space:nowrap}html.obs-lang-ar .floating-whatsapp{right:auto;left:20px}

@media(max-width:1100px){.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.signature-oils-shell{grid-template-columns:1fr}.signature-oils-products{max-width:720px}.social-proof-shell{grid-template-columns:1fr}.home-reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.home-trust-grid{grid-template-columns:1fr}.trust-point,.trust-point:last-child{border-right:0!important;border-left:0!important;border-bottom:1px solid var(--line);padding:16px 0}.trust-point:last-child{border-bottom:0}.home-section-head{align-items:flex-start;flex-direction:column;gap:14px}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.signature-oils-section{padding:68px 0}.signature-oils-products{grid-template-columns:repeat(2,1fr)}.signature-teaser{min-height:310px}.signature-teaser strong{font-size:28px}.home-collection-grid{grid-template-columns:1fr!important}.scent-shortcuts{grid-template-columns:1fr}.scent-shortcut{min-height:220px}.home-scent-finder-v14{align-items:flex-start;flex-direction:column;padding:28px}.home-reviews-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(3,1fr)}.home-final-cta .container{align-items:flex-start;flex-direction:column}.floating-whatsapp span{display:none}.floating-whatsapp{padding:8px}.floating-whatsapp b{width:36px;height:36px}.product-buy-trust{gap:9px;flex-direction:column}}
@media(max-width:500px){.home-product-grid{grid-template-columns:1fr!important}.signature-oils-products{grid-template-columns:1fr}.signature-oils-products .signature-teaser:nth-child(2){display:none}.social-grid{grid-template-columns:repeat(2,1fr)}}


/* v16 — compact catalog cards, full product images, stock filter/status */
.product-card-v112 .product-img{
  aspect-ratio:1/1!important;
  background:#fbf8f2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.product-card-v112 .product-card-image{
  object-fit:contain!important;
  object-position:center!important;
  padding:12px!important;
}
.product-card-v112 .product-card-info{
  min-height:96px!important;
  padding:12px 14px 10px!important;
}
.product-card-v112 .product-card-title{
  font-size:17px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin-bottom:4px!important;
}
.product-card-v112 .product-card-collection,
.product-card-v112 .product-card-meta{font-size:8.5px!important;margin-bottom:4px!important}
.product-card-stock{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:8px;color:#567052;text-transform:uppercase;letter-spacing:.04em}
.product-card-stock i{width:6px;height:6px;border-radius:50%;background:#5d8557;display:inline-block}
.product-card-stock.out{color:#9a5b54}.product-card-stock.out i{background:#ad655d}
.product-card-v112 .product-card-bottom{min-height:58px!important;padding:9px 14px!important}
.product-card-v112 .product-card-price{font-size:18px!important}
.product-card-v112 .mini-btn{padding:8px 9px!important;font-size:8px!important}
.product-card-v112 .mini-btn:disabled{opacity:.48;cursor:not-allowed}
html.obs-lang-ar .product-card-v112 .product-card-title{font-size:13px!important;line-height:1.55!important;min-height:40px!important;max-height:40px!important}

/* More products on wide catalog screens without making each card oversized */
@media(min-width:1280px){
  .shop-shell>div:last-child .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:1279px) and (min-width:700px){
  .shop-shell>div:last-child .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
}

.filter-group label{cursor:pointer}
.filter-group input.filter-stock{accent-color:#9b7639}

/* Scent Finder collection field uses the same refined select layout */
.finder-two-col select{width:100%}

/* Real WhatsApp glyph instead of WA letters */
.floating-whatsapp .wa-icon{background:#25D366!important;color:#fff!important}
.floating-whatsapp .wa-icon svg{width:19px;height:19px;display:block;fill:currentColor}


/* ============================================================
   v16.1 — S'cento card image correction
   A+ keeps the compact full-image (contain) treatment.
   S'cento lifestyle/product photography fills the card naturally.
   ============================================================ */
.product-card-v112[data-collection="scento"] .product-img{
  background:#f4eee4!important;
  overflow:hidden!important;
}
.product-card-v112[data-collection="scento"] .product-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
}

/* Slightly softer crop on narrow screens */
@media(max-width:620px){
  .product-card-v112[data-collection="scento"] .product-card-image{
    object-position:center!important;
  }
}


/* ============================================================
   v16.3 — Product page gallery size refinement
   Only affects the single product page.
   Does NOT change shop / collection product cards.
   ============================================================ */

/* Give product information a little more room than the photo */
.product-page.product-page-v7{
  grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr)!important;
  gap:46px!important;
}

/* Main product photo: smaller, cleaner luxury presentation */
.product-page-v7 .gallery-main{
  min-height:0!important;
  height:470px!important;
  max-height:470px!important;
  border:1px solid var(--line);
}

/* Keep full product visible with breathing room */
.product-page-v7 .gallery-main img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:44px!important;
}

/* No aggressive zoom on hover */
.product-page-v7 .gallery-main:hover img{
  transform:scale(1.012)!important;
}

/* Thumbnails slightly smaller too */
.product-page-v7 .gallery-thumbs .thumb{
  height:88px!important;
}
.product-page-v7 .gallery-thumbs .thumb img{
  padding:10px!important;
}

/* Tablet */
@media(max-width:960px){
  .product-page.product-page-v7{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .product-page-v7 .product-gallery-wrap{
    position:static!important;
    max-width:620px!important;
    width:100%!important;
    margin:0 auto!important;
  }
  .product-page-v7 .gallery-main{
    height:430px!important;
    max-height:430px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .product-page-v7 .product-gallery-wrap{
    max-width:100%!important;
  }
  .product-page-v7 .gallery-main{
    height:340px!important;
    max-height:340px!important;
  }
  .product-page-v7 .gallery-main img{
    padding:26px!important;
  }
  .product-page-v7 .gallery-thumbs .thumb{
    height:72px!important;
  }
}


/* ============================================================
   v16.4 — final single product gallery behavior
   - no sticky image while scrolling
   - smaller visual footprint on desktop
   - A+ image stays fully visible without cropping
   ============================================================ */
.product-page-v7 .product-gallery-wrap{
  position:static!important;
  top:auto!important;
  width:100%!important;
  max-width:510px!important;
  align-self:start!important;
}
.product-page.product-page-v7{
  grid-template-columns:minmax(380px, .72fr) minmax(0, 1.28fr)!important;
  gap:54px!important;
  align-items:start!important;
}
.product-page-v7 .gallery-main{
  height:400px!important;
  max-height:400px!important;
  min-height:0!important;
  background:#f5eee3!important;
}
.product-page-v7 .gallery-main img{
  object-fit:contain!important;
  object-position:center!important;
  padding:24px!important;
}
.product-page-v7 .gallery-main:hover img{
  transform:none!important;
}

@media(max-width:1100px){
  .product-page.product-page-v7{
    grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr)!important;
    gap:38px!important;
  }
  .product-page-v7 .product-gallery-wrap{max-width:470px!important;}
  .product-page-v7 .gallery-main{height:380px!important;max-height:380px!important;}
}
@media(max-width:960px){
  .product-page.product-page-v7{grid-template-columns:1fr!important;gap:30px!important;}
  .product-page-v7 .product-gallery-wrap{max-width:520px!important;margin:0 auto!important;}
  .product-page-v7 .gallery-main{height:390px!important;max-height:390px!important;}
}
@media(max-width:620px){
  .product-page-v7 .product-gallery-wrap{max-width:100%!important;}
  .product-page-v7 .gallery-main{height:315px!important;max-height:315px!important;}
  .product-page-v7 .gallery-main img{padding:18px!important;}
}


/* ============================================================
   v16.5 — A+ single product image: smaller & cleaner
   ============================================================ */

/* A+ product pages use a smaller visual block than other collections */
.product-page-v7 .product-gallery-wrap[data-collection="aplus"]{
  width:100%!important;
  max-width:430px!important;
  position:static!important;
  top:auto!important;
  margin:0!important;
  align-self:start!important;
}

.product-page-v7 .gallery-main[data-collection="aplus"]{
  width:100%!important;
  height:330px!important;
  min-height:0!important;
  max-height:330px!important;
  overflow:hidden!important;
  background:#f7f1e7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.product-page-v7 .gallery-main[data-collection="aplus"] .product-main-photo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:18px!important;
  margin:auto!important;
  transform:none!important;
}

/* If there is only one image JS hides the redundant thumbnail row */
.product-page-v7 .gallery-thumbs[data-collection="aplus"]{
  margin-top:8px!important;
}

/* Keep the right side dominant and balanced */
@media(min-width:961px){
  .product-page.product-page-v7{
    grid-template-columns:minmax(330px,430px) minmax(0,1fr)!important;
    gap:54px!important;
  }
}

/* Tablet */
@media(max-width:960px){
  .product-page-v7 .product-gallery-wrap[data-collection="aplus"]{
    max-width:410px!important;
    margin:0 auto!important;
  }
  .product-page-v7 .gallery-main[data-collection="aplus"]{
    height:320px!important;
    max-height:320px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .product-page-v7 .product-gallery-wrap[data-collection="aplus"]{
    max-width:100%!important;
  }
  .product-page-v7 .gallery-main[data-collection="aplus"]{
    height:285px!important;
    max-height:285px!important;
  }
  .product-page-v7 .gallery-main[data-collection="aplus"] .product-main-photo{
    padding:14px!important;
  }
}


/* ============================================================
   v16.6 — Product page image balance
   Slightly larger than v16.5, with less empty space.
   ============================================================ */

.product-page-v7 .product-gallery-wrap[data-collection="aplus"]{
  max-width:500px!important;
}

.product-page-v7 .gallery-main[data-collection="aplus"]{
  height:410px!important;
  max-height:410px!important;
}

.product-page-v7 .gallery-main[data-collection="aplus"] .product-main-photo{
  padding:10px!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(min-width:961px){
  .product-page.product-page-v7{
    grid-template-columns:minmax(390px,500px) minmax(0,1fr)!important;
    gap:48px!important;
  }
}

@media(max-width:960px){
  .product-page-v7 .product-gallery-wrap[data-collection="aplus"]{
    max-width:470px!important;
  }
  .product-page-v7 .gallery-main[data-collection="aplus"]{
    height:380px!important;
    max-height:380px!important;
  }
}

@media(max-width:620px){
  .product-page-v7 .gallery-main[data-collection="aplus"]{
    height:320px!important;
    max-height:320px!important;
  }
  .product-page-v7 .gallery-main[data-collection="aplus"] .product-main-photo{
    padding:8px!important;
  }
}


/* ============================================================
   v16.8 — White Luxury Theme
   Clean white storefront with champagne-gold accents.
   Hero and footer intentionally keep their visual contrast.
   ============================================================ */

:root{
  --bg:#ffffff!important;
  --paper:#ffffff!important;
  --paper2:#ffffff!important;
  --line:#ebe4d8!important;
  --shadow:0 16px 46px rgba(45,34,20,.07)!important;
}

html,
body{
  background:#ffffff!important;
}

/* Header */
.header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #eee8de!important;
}

/* Main content and sections */
main,
.section,
.section.alt,
.page-hero,
.shop-shell,
.product-page,
.product-page-v7,
.policy,
.story,
.checkout-page,
.cart-page,
.contact-page{
  background:#ffffff!important;
}

/* Shop filters / toolbar / forms */
.filters,
.panel,
.toolbar input,
.toolbar select,
.form-control,
.sort-control select,
.category-tabs a,
.cart-table,
.cart-summary,
.success-card,
.shop-placeholder-card{
  background:#ffffff!important;
}

/* Product cards */
.product-card,
.product-card-v112,
.product-card-v112 .product-card-link,
.product-card-v112 .product-card-info,
.product-card-v112 .product-card-bottom{
  background:#ffffff!important;
}

/* Product image areas — white blends naturally with catalogue photography */
.product-card-v112 .product-img,
.product-card-v112[data-collection="scento"] .product-img,
.product-card-v112[data-collection="aplus"] .product-img{
  background:#ffffff!important;
}

/* Single product page */
.gallery-main,
.product-page-v7 .gallery-main,
.product-page-v7 .gallery-main[data-collection="aplus"]{
  background:#ffffff!important;
  border-color:#eee8de!important;
}

.gallery-thumbs,
.thumb{
  background:#ffffff!important;
}

/* Keep subtle visual separation without beige blocks */
.product-card,
.filters,
.panel,
.gallery-main,
.cart-summary,
.success-card{
  border-color:#ebe4d8!important;
}

/* Inputs stay crisp white */
input,
select,
textarea{
  background:#ffffff;
}

/* Collection / gender image cards keep their photography */
.collection-card,
.gender-card,
.hero{
  background-color:transparent;
}

/* Soft neutral hover instead of beige */
.dropmenu a:hover,
.category-tabs a:hover{
  background:#faf8f4!important;
}

/* Footer remains dark as a deliberate luxury anchor */
.footer{
  background:#100e0c!important;
}


/* ============================================================
   v16.9 — S'cento single product page balance
   Keeps A+ styling unchanged.
   ============================================================ */

/* S'cento gallery: smaller and cleaner on product page */
.product-page-v7 .product-gallery-wrap[data-collection="scento"]{
  width:100%!important;
  max-width:520px!important;
  position:static!important;
  top:auto!important;
  margin:0!important;
  align-self:start!important;
}

.product-page-v7 .gallery-main[data-collection="scento"]{
  width:100%!important;
  height:460px!important;
  min-height:0!important;
  max-height:460px!important;
  background:#fff!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.product-page-v7 .gallery-main[data-collection="scento"] .product-main-photo,
.product-page-v7 .gallery-main[data-collection="scento"] img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:12px!important;
  margin:auto!important;
  transform:none!important;
}

/* Better desktop balance */
@media(min-width:961px){
  .product-page.product-page-v7{
    grid-template-columns:minmax(390px,520px) minmax(0,1fr)!important;
    gap:52px!important;
  }
}

/* Arabic product title was visually too dominant */
html.obs-lang-ar .product-detail h1{
  font-size:clamp(40px,4.6vw,68px)!important;
  line-height:1.2!important;
  margin-bottom:18px!important;
}

/* Slightly tighter spacing in product information */
.product-page-v7 .product-detail{
  align-self:start!important;
}

@media(max-width:960px){
  .product-page-v7 .product-gallery-wrap[data-collection="scento"]{
    max-width:500px!important;
    margin:0 auto!important;
  }
  .product-page-v7 .gallery-main[data-collection="scento"]{
    height:420px!important;
    max-height:420px!important;
  }
}

@media(max-width:620px){
  .product-page-v7 .product-gallery-wrap[data-collection="scento"]{
    max-width:100%!important;
  }
  .product-page-v7 .gallery-main[data-collection="scento"]{
    height:330px!important;
    max-height:330px!important;
  }
  .product-page-v7 .gallery-main[data-collection="scento"] .product-main-photo,
  .product-page-v7 .gallery-main[data-collection="scento"] img{
    padding:8px!important;
  }
  html.obs-lang-ar .product-detail h1{
    font-size:36px!important;
  }
}


/* ============================================================
   v16.10 — S'cento product image: always show FULL image
   No crop, no zoom, no distortion.
   ============================================================ */
.product-page-v7 .gallery-main[data-collection="scento"]{
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}

.product-page-v7 .gallery-main[data-collection="scento"] img,
.product-page-v7 .gallery-main[data-collection="scento"] .product-main-photo{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}

.product-page-v7 .gallery-main[data-collection="scento"]:hover img,
.product-page-v7 .gallery-main[data-collection="scento"]:hover .product-main-photo{
  transform:none!important;
}


/* ============================================================
   v16.14 — Compact white collection/page header
   Removes the large empty gap introduced by the white theme.
   ============================================================ */

.page-hero{
  background:#ffffff!important;
  color:var(--ink)!important;
  padding:36px 0 28px!important;
  min-height:0!important;
  height:auto!important;
  border-bottom:1px solid #eee8de!important;
}

.page-hero .container{
  min-height:0!important;
}

.page-hero .breadcrumbs{
  color:#ad8747!important;
  margin:0 0 10px!important;
}

.page-hero h1{
  color:var(--ink)!important;
  margin:4px 0 10px!important;
  font-size:clamp(36px,4.2vw,56px)!important;
  line-height:1.05!important;
}

.page-hero p{
  color:#756e64!important;
  margin:0!important;
  max-width:680px!important;
  line-height:1.7!important;
}

/* Bring the catalogue directly under the collection intro */
.page-hero + .section{
  padding-top:34px!important;
}

/* Collection/category tabs should not have a big top gap */
.page-hero + .section .category-tabs{
  margin-top:0!important;
}

/* Arabic */
html.obs-lang-ar .page-hero h1{
  color:var(--ink)!important;
  line-height:1.35!important;
  font-size:clamp(32px,4vw,50px)!important;
}

/* Mobile */
@media(max-width:620px){
  .page-hero{
    padding:25px 0 20px!important;
  }
  .page-hero + .section{
    padding-top:24px!important;
  }
  .page-hero h1{
    font-size:34px!important;
  }
}


/* ============================================================
   v16.15 — Catalog Upgrade
   Brand counts + price range + 4-column desktop + cleaner cards
   ============================================================ */

/* Filters */
.brand-filter-list{
  max-height:230px;
  overflow:auto;
  padding-right:4px;
  scrollbar-width:thin;
}
.brand-filter-option{
  display:flex!important;
  align-items:center;
  gap:7px;
  margin:8px 0!important;
}
.brand-filter-option span{
  display:flex;
  justify-content:space-between;
  gap:8px;
  width:100%;
}
.brand-filter-option small{
  color:#a38b67;
  font-size:9px;
}

.price-range-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.price-range-fields label{
  margin:0!important;
}
.price-range-fields label>span{
  display:block;
  font-size:9px;
  margin-bottom:6px;
  color:#776b5d;
}
.price-input-wrap{
  display:flex;
  align-items:center;
  height:39px;
  border:1px solid var(--line);
  background:#fff;
  padding:0 9px;
}
.price-input-wrap>span{
  color:#a27a37;
  font-size:11px;
  margin-right:4px;
}
.price-input-wrap input{
  width:100%;
  min-width:0;
  border:0!important;
  outline:0;
  padding:0!important;
  font-size:11px;
  background:transparent!important;
}
html.obs-lang-ar .brand-filter-list{padding-right:0;padding-left:4px}
html.obs-lang-ar .price-input-wrap>span{margin-right:0;margin-left:4px}

/* Four products per row on normal desktop, not only very wide screens */
@media(min-width:1100px){
  .shop-shell>div:last-child .product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
}
@media(max-width:1099px) and (min-width:700px){
  .shop-shell>div:last-child .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

/* Cleaner catalogue card:
   image -> name -> size/type -> stock -> price + one purchase action */
.catalog-card-clean .product-card-info{
  min-height:82px!important;
  padding:11px 12px 9px!important;
}
.catalog-card-clean .product-card-title{
  margin:0 0 6px!important;
  min-height:38px!important;
  max-height:38px!important;
  font-size:15px!important;
  line-height:1.25!important;
  overflow:hidden!important;
}
.catalog-card-clean .product-card-meta{
  min-height:14px!important;
  margin:0!important;
  color:#8a8074!important;
  font-size:8.5px!important;
}
.catalog-card-clean .product-card-stock{
  margin-top:5px!important;
  font-size:7.5px!important;
}
.catalog-card-clean .product-card-bottom{
  min-height:52px!important;
  padding:9px 12px!important;
}
.catalog-card-clean .product-card-price{
  font-size:18px!important;
}
.catalog-card-clean .product-card-add{
  min-width:82px!important;
  white-space:nowrap!important;
  padding:8px 10px!important;
}

/* Slightly more compact product visual on 4-column desktop */
@media(min-width:1100px){
  .shop-shell>div:last-child .catalog-card-clean .product-img{
    aspect-ratio:1/1!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* Mobile keeps filters readable */
@media(max-width:699px){
  .price-range-fields{grid-template-columns:1fr 1fr}
  .brand-filter-list{max-height:180px}
  .catalog-card-clean .product-card-title{
    font-size:16px!important;
    min-height:auto!important;
    max-height:none!important;
  }
}

/* ============================================================
   v17 — Commerce, Product, Mobile & Trust polish
   ============================================================ */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.compact-commerce-hero{padding:30px 0 24px!important}.commerce-section{padding-top:38px!important}.cart-layout-v17{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:34px;align-items:start}.cart-main-card{min-width:0}.cart-summary-v17{position:sticky;top:105px;padding:24px!important;border:1px solid var(--line);background:#fff}.cart-summary-v17 h2{font:600 27px/1.1 "Cormorant Garamond",serif;margin:0 0 18px}.delivery-zone-label{display:grid;gap:7px;margin-bottom:18px;font-size:10px;font-weight:600}.delivery-zone-label select{height:44px}.cart-stock-warning{display:inline-block;margin-top:5px;font-size:9px;color:#a64333}.cart-row-unavailable{opacity:.68}.cart-row-unavailable .cart-product-thumb{filter:grayscale(.25)}.commerce-trust-mini{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;color:#756957;font-size:9px}.commerce-trust-mini span{border:1px solid var(--line);padding:7px 9px;background:#fcfaf6}.cart-summary-v17 .btn{margin-top:9px}
.checkout-grid-v17{grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr)!important;gap:34px!important;align-items:start}.checkout-details-card,.checkout-summary-card{position:relative;padding:28px!important}.checkout-summary-card{position:sticky;top:105px}.checkout-step-label{position:absolute;right:22px;top:20px;font:600 28px/1 "Cormorant Garamond",serif;color:#d9c49d}.checkout-form-v17{grid-template-columns:1fr!important}.checkout-form-v17 textarea{min-height:95px}.checkout-item-line{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.checkout-thumb{width:54px;height:62px;background:#fff;display:grid;place-items:center}.checkout-thumb img{width:100%;height:100%;object-fit:contain}.checkout-item-line span{display:block;font-size:11px;font-weight:600}.checkout-item-line small{display:block;margin-top:4px;color:#8c8173;font-size:8px}.checkout-item-line strong{font-size:12px}.checkout-summary-card .sumrow{padding:12px 0}.checkout-summary-card .sumrow.total{font-size:17px;border-top:1px solid #cdb78d}.checkout-summary-card #place-order-btn{margin-top:14px}
.product-page-hero{padding:12px 0!important;border-bottom:0!important}.product-page-v17{padding-top:34px!important}.product-accordions-v17{margin-top:20px}.scent-dna-panel{margin-top:22px;border:1px solid var(--line);padding:18px;background:#fff}.scent-dna-heading b{display:block;font:600 22px "Cormorant Garamond",serif}.scent-dna-heading small{display:block;margin:4px 0 15px;color:#827669;font-size:9px;line-height:1.6}.scent-dna-row{display:grid;grid-template-columns:92px 1fr 38px;gap:10px;align-items:center;margin:9px 0;font-size:9px}.scent-dna-row>div{height:6px;background:#efe9df;overflow:hidden}.scent-dna-row i{display:block;height:100%;background:#c69a53}.scent-dna-row b{text-align:right;font-size:8px;color:#8d744d}.recommended-section{padding-top:70px!important}.product-detail .desc:empty{display:none}.product-tags:has(.product-tag:not([style*="display: none"])){margin-top:16px}
.footer-trust-strip{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:15px 0!important;margin-top:26px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:9px}.footer-trust-strip a,.footer-trust-strip span{color:#d8c8ac}.footer-trust-strip a:hover{color:#fff}

/* Mobile pass */
@media(max-width:960px){.cart-layout-v17,.checkout-grid-v17{grid-template-columns:1fr!important}.cart-summary-v17,.checkout-summary-card{position:static!important}.commerce-section{padding-top:28px!important}.product-page-v17{padding-top:22px!important}.reviews-layout{grid-template-columns:1fr!important}.review-form-card{position:static!important}.footer-trust-strip{justify-content:flex-start}.nav-actions{gap:8px}.icon-btn{white-space:nowrap}}
@media(max-width:700px){.page-hero.compact-commerce-hero{padding:22px 0 17px!important}.commerce-section{padding:22px 0 54px!important}.cart-table thead{display:none}.cart-table,.cart-table tbody,.cart-table tr,.cart-table td{display:block;width:100%}.cart-table tr{position:relative;padding:14px 0;border-bottom:1px solid var(--line)}.cart-table td{border:0!important;padding:7px 0!important;text-align:right!important}.cart-table td:first-child{text-align:left!important;padding-right:78px!important}.cart-table td:before{content:attr(data-label);float:left;font-size:9px;color:#8b8174}.cart-table td:first-child:before,.cart-table td:last-child:before{display:none}.cart-table td:last-child{position:absolute;right:0;top:18px;width:auto}.cart-product-thumb{width:64px!important;height:74px!important}.cart-summary-v17,.checkout-details-card,.checkout-summary-card{padding:18px!important}.checkout-step-label{font-size:22px;top:16px;right:16px}.checkout-item-line{grid-template-columns:46px 1fr auto}.checkout-thumb{width:46px;height:54px}.product-buy-trust{display:grid!important;grid-template-columns:1fr!important}.quantity-purchase{grid-template-columns:1fr!important}.quantity-live-total{border:0!important;padding:0!important}.scent-dna-row{grid-template-columns:75px 1fr 34px}.footer-grid{gap:26px!important}.footer-trust-strip{gap:12px;font-size:8px}.floating-whatsapp span{display:none!important}.floating-whatsapp{width:52px!important;height:52px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}}
@media(max-width:480px){.container{width:min(100% - 28px,1180px)!important}.product-grid{grid-template-columns:1fr!important}.checkout-item-line strong{font-size:10px}.cart-product small{font-size:8px}.product-page-v7 .gallery-main[data-collection="scento"],.product-page-v7 .gallery-main[data-collection="aplus"]{height:300px!important;max-height:300px!important}.product-detail h1{font-size:34px!important}.product-detail .price{font-size:26px!important}.reviews-section{padding-top:55px!important}}
.public-delivery-zones{display:grid;max-width:620px;margin:18px 0 26px;border:1px solid var(--line);background:#fff}.delivery-public-row{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border-bottom:1px solid var(--line);font-size:11px}.delivery-public-row:last-child{border-bottom:0}.delivery-public-row strong{color:#9a7131}.delivery-public-empty{padding:14px;color:#80766b;font-size:10px}
.mobile-filter-toggle,.mobile-filter-close,.mobile-filter-backdrop{display:none}@media(max-width:960px){.shop-shell{display:block!important}.mobile-filter-toggle{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;border:1px solid var(--ink);background:#fff;padding:11px 14px;font-size:10px}.filters{position:fixed!important;left:0;top:0;bottom:0;width:min(360px,88vw);z-index:1200;background:#fff!important;padding:60px 22px 24px!important;overflow:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.12)}html.obs-lang-ar .filters{left:auto;right:0;transform:translateX(105%)}.filters.mobile-open{transform:translateX(0)!important}.mobile-filter-close{display:block;position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer}html.obs-lang-ar .mobile-filter-close{right:auto;left:16px}.mobile-filter-backdrop{position:fixed;inset:0;background:rgba(20,17,14,.34);z-index:1190}.filters-open .mobile-filter-backdrop{display:block}.filters-open{overflow:hidden}.category-tabs{overflow:auto;white-space:nowrap;padding-bottom:4px}.toolbar{gap:10px!important}}


/* ============================================================
   v17.2 — Product Page Retail Redesign
   Inspired by premium retail layout, while keeping OBSESSION identity.
   ============================================================ */

/* No oversized intro gap on product pages */
.product-page-hero{
  display:none!important;
}

.product-page-retail{
  display:grid!important;
  grid-template-columns:minmax(440px, 1fr) minmax(430px, .95fr)!important;
  gap:72px!important;
  align-items:start!important;
  padding-top:46px!important;
  padding-bottom:56px!important;
}

/* Gallery */
.product-page-retail .product-gallery-wrap{
  width:100%!important;
  max-width:620px!important;
  margin:0 auto!important;
  position:static!important;
  top:auto!important;
}

.product-page-retail .gallery-main{
  width:100%!important;
  height:560px!important;
  min-height:0!important;
  max-height:560px!important;
  background:#fff!important;
  border:1px solid #ece6dc!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

.product-page-retail .gallery-main img,
.product-page-retail .gallery-main .product-main-photo{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:18px!important;
  transform:none!important;
}

.product-page-retail .gallery-main:hover img{
  transform:none!important;
}

.product-page-retail .gallery-thumbs{
  margin-top:10px!important;
}

/* Purchase panel */
.product-retail-detail{
  padding-top:8px!important;
}

.product-brand-line{
  margin-bottom:12px!important;
  font-size:13px!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  color:#4f4942!important;
}

.product-retail-detail h1{
  font-family:"Cormorant Garamond",serif!important;
  font-size:clamp(42px,4.1vw,64px)!important;
  line-height:1.02!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
  margin:0 0 14px!important;
}

.product-retail-detail .product-rating-summary{
  margin:0 0 28px!important;
}

.product-retail-price{
  font-size:34px!important;
  margin:0 0 22px!important;
  color:#191612!important;
}

.product-retail-desc{
  max-width:620px!important;
  margin:0 0 28px!important;
  line-height:1.8!important;
  font-size:13px!important;
}

/* Single size choice — clear but not a fake variant dropdown */
.product-size-choice{
  margin:22px 0 28px!important;
  max-width:355px!important;
}

.product-size-choice label{
  display:block!important;
  margin-bottom:9px!important;
  font-size:12px!important;
  font-weight:500!important;
  color:#2c2823!important;
}

.single-size-choice{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid #d8d2c8!important;
  background:#fff!important;
  font-size:14px!important;
  color:#17130f!important;
}

/* Quantity + Add to Bag */
.product-retail-buy-row{
  display:grid!important;
  grid-template-columns:166px minmax(0,1fr)!important;
  gap:14px!important;
  margin-top:8px!important;
}

.retail-quantity{
  height:58px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  border:1px solid #17130f!important;
  background:#fff!important;
}

.retail-quantity button,
.retail-quantity input{
  height:56px!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  font-size:18px!important;
  text-align:center!important;
  color:#17130f!important;
}

.retail-quantity button:first-child{
  background:#f0efed!important;
}

.retail-quantity button:last-child{
  background:#17130f!important;
  color:#fff!important;
}

.retail-quantity input{
  border-left:1px solid #d9d4cc!important;
  border-right:1px solid #d9d4cc!important;
  -moz-appearance:textfield;
}
.retail-quantity input::-webkit-inner-spin-button,
.retail-quantity input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.retail-add-btn{
  height:58px!important;
  border:1px solid #17130f!important;
  background:#fff!important;
  color:#17130f!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}

.retail-add-btn:hover{
  background:#17130f!important;
  color:#fff!important;
}

.retail-buy-now{
  width:100%!important;
  height:60px!important;
  margin-top:14px!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

.product-retail-total{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:14px 0 18px!important;
  border-bottom:1px solid #e7e2da!important;
  color:#72695f!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

.product-retail-total strong{
  font-family:"Cormorant Garamond",serif!important;
  font-size:24px!important;
  color:#17130f!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.retail-trust{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 22px!important;
  padding:17px 0!important;
  border-bottom:1px solid #e7e2da!important;
  font-size:10px!important;
}

.product-retail-hidden-meta{
  display:none!important;
}

.product-retail-detail .accordions{
  margin-top:10px!important;
}

/* Better visual balance for Arabic */
html.obs-lang-ar .product-retail-detail h1{
  font-family:"Noto Kufi Arabic",sans-serif!important;
  font-size:clamp(34px,3.6vw,54px)!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

html.obs-lang-ar .product-brand-line{
  text-align:right!important;
}

/* Tablet */
@media(max-width:1050px){
  .product-page-retail{
    grid-template-columns:minmax(360px,.9fr) minmax(390px,1fr)!important;
    gap:38px!important;
  }
  .product-page-retail .gallery-main{
    height:500px!important;
    max-height:500px!important;
  }
}

/* Mobile */
@media(max-width:820px){
  .product-page-retail{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-top:24px!important;
  }

  .product-page-retail .product-gallery-wrap{
    max-width:560px!important;
  }

  .product-page-retail .gallery-main{
    height:440px!important;
    max-height:440px!important;
  }

  .product-retail-detail{
    padding-top:0!important;
  }
}

@media(max-width:560px){
  .product-page-retail .gallery-main{
    height:350px!important;
    max-height:350px!important;
  }

  .product-page-retail .gallery-main img,
  .product-page-retail .gallery-main .product-main-photo{
    padding:10px!important;
  }

  .product-retail-detail h1{
    font-size:40px!important;
  }

  html.obs-lang-ar .product-retail-detail h1{
    font-size:32px!important;
  }

  .product-retail-buy-row{
    grid-template-columns:1fr!important;
  }

  .retail-quantity,
  .retail-add-btn,
  .retail-buy-now{
    width:100%!important;
  }

  .product-size-choice{
    max-width:none!important;
  }

  .retail-trust{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}


/* ============================================================
   v17.5 — S'cento catalogue image fix
   Full image is always visible. No bottle/label cropping.
   ============================================================ */
.shop-shell .product-card-v112[data-collection="scento"] .product-img{
  background:#ffffff!important;
  overflow:hidden!important;
  aspect-ratio:1 / 1!important;
}

.shop-shell .product-card-v112[data-collection="scento"] .product-card-image{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}

.shop-shell .product-card-v112[data-collection="scento"] .product-img:hover .product-card-image{
  transform:none!important;
}

/* ============================================================
   v17.5 — Catalogue pagination
   ============================================================ */
.catalog-pagination{
  margin:34px 0 12px;
  padding-top:22px;
  border-top:1px solid #ece6dc;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.catalog-pagination-summary{
  color:#7d7367;
  font-size:11px;
}

.catalog-pagination-controls{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.catalog-page-btn,
.catalog-page-nav{
  min-width:38px;
  height:38px;
  border:1px solid #d8c8a7;
  background:#fff;
  color:#17130f;
  padding:0 11px;
  cursor:pointer;
  font-size:11px;
}

.catalog-page-btn.active{
  background:#17130f;
  border-color:#17130f;
  color:#fff;
}

.catalog-page-btn:hover:not(.active),
.catalog-page-nav:hover:not(:disabled){
  border-color:#aa8141;
  color:#8c6428;
}

.catalog-page-nav:disabled{
  opacity:.35;
  cursor:not-allowed;
}

.catalog-page-ellipsis{
  min-width:22px;
  text-align:center;
  color:#9b8e7c;
}

html.obs-lang-ar .catalog-pagination{
  direction:rtl;
}

@media(max-width:620px){
  .catalog-pagination{
    justify-content:center;
    text-align:center;
  }
  .catalog-pagination-summary{
    width:100%;
  }
  .catalog-pagination-controls{
    justify-content:center;
  }
  .catalog-page-nav{
    padding:0 9px;
  }
}


/* ============================================================
   v17.6 — Uniform S'cento catalogue cards
   Generated card assets are exactly 4:5.
   Original product images remain untouched.
   ============================================================ */
.shop-shell .product-card-v112[data-collection="scento"] .product-img{
  width:100%!important;
  aspect-ratio:4 / 5!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:#fff!important;
  overflow:hidden!important;
}

.shop-shell .product-card-v112[data-collection="scento"] .product-card-image{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}

.shop-shell .product-card-v112[data-collection="scento"] .product-img:hover .product-card-image{
  transform:none!important;
}


/* ============================================================
   v17.7 — Product buttons + related cards refinement
   ============================================================ */

/* Product purchase controls: smaller and more elegant */
.product-page-retail .product-retail-buy-row{
  grid-template-columns:138px minmax(220px, 420px)!important;
  gap:12px!important;
  justify-content:start!important;
  align-items:center!important;
}

.product-page-retail .retail-quantity{
  height:48px!important;
  max-width:138px!important;
}

.product-page-retail .retail-quantity button,
.product-page-retail .retail-quantity input{
  height:46px!important;
  font-size:15px!important;
}

.product-page-retail .retail-add-btn{
  height:48px!important;
  max-width:420px!important;
  font-size:11px!important;
  letter-spacing:.045em!important;
  padding:0 18px!important;
}

.product-page-retail .retail-buy-now{
  width:min(100%, 570px)!important;
  max-width:570px!important;
  height:50px!important;
  margin-top:10px!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
  padding:0 18px!important;
}

/* Keep selected total aligned with the purchase area, not full-page wide */
.product-page-retail .product-retail-total{
  width:min(100%, 570px)!important;
  max-width:570px!important;
  padding:11px 0 14px!important;
}

/* Trust row also follows purchase width */
.product-page-retail .retail-trust{
  width:min(100%, 570px)!important;
  max-width:570px!important;
  gap:8px 18px!important;
  padding:13px 0!important;
}

/* Related product grids: uniform card height and image ratio */
#related-brand-products,
#recommended-products{
  align-items:stretch!important;
}

#related-brand-products .product-card,
#recommended-products .product-card{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}

#related-brand-products .product-card-link,
#recommended-products .product-card-link{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}

#related-brand-products .product-img,
#recommended-products .product-img{
  aspect-ratio:4 / 5!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#fbfaf7!important;
}

/* Use generated S'cento card images cleanly; no visual zoom */
#related-brand-products .product-card[data-collection="scento"] .product-card-image,
#recommended-products .product-card[data-collection="scento"] .product-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}

#related-brand-products .product-card-info,
#recommended-products .product-card-info{
  min-height:88px!important;
}

#related-brand-products .product-card-bottom,
#recommended-products .product-card-bottom{
  margin-top:auto!important;
}

/* Smaller buttons on recommendation cards */
#related-brand-products .mini-btn,
#recommended-products .mini-btn{
  min-height:32px!important;
  padding:6px 10px!important;
  font-size:9px!important;
}

/* Better page-break behavior when printing/saving PDF */
#related-brand-products .product-card,
#recommended-products .product-card{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}

@media(max-width:820px){
  .product-page-retail .product-retail-buy-row{
    grid-template-columns:126px minmax(0,1fr)!important;
  }

  .product-page-retail .retail-quantity{
    max-width:126px!important;
  }

  .product-page-retail .retail-buy-now,
  .product-page-retail .product-retail-total,
  .product-page-retail .retail-trust{
    width:100%!important;
    max-width:none!important;
  }
}

@media(max-width:560px){
  .product-page-retail .product-retail-buy-row{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:9px!important;
  }

  .product-page-retail .retail-quantity{
    max-width:112px!important;
    height:44px!important;
  }

  .product-page-retail .retail-quantity button,
  .product-page-retail .retail-quantity input{
    height:42px!important;
    font-size:14px!important;
  }

  .product-page-retail .retail-add-btn{
    height:44px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }

  .product-page-retail .retail-buy-now{
    height:46px!important;
    font-size:10px!important;
  }
}


/* ============================================================
   v17.7.2 — all-in-one polish
   - smaller quantity +/-
   - sharper product display
   - uniform related/catalog images
   ============================================================ */

/* Product main image: cleaner containment and higher perceived quality */
.product-page-retail .product-media-main,
.product-page-retail .product-media-stage,
.product-page-retail .product-gallery-main,
.product-page-retail .product-gallery-frame{
  background:#fbfaf7 !important;
}

.product-page-retail .product-main-image,
.product-page-retail .product-gallery-main img,
.product-page-retail .product-media-main img,
.product-page-retail .product-hero-image{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  image-rendering:auto;
  filter: contrast(1.02) saturate(1.02) !important;
}

/* Strong purchase controls fix */
@media (min-width:821px){
  .product-page-retail .product-retail-buy-row{
    display:grid !important;
    grid-template-columns:96px 248px !important;
    gap:10px !important;
    width:354px !important;
    max-width:354px !important;
    justify-content:start !important;
    align-items:center !important;
  }

  .product-page-retail .retail-quantity,
  .product-page-retail .quantity-box,
  .product-page-retail .quantity-selector{
    width:96px !important;
    max-width:96px !important;
    min-width:96px !important;
    height:38px !important;
    min-height:38px !important;
    border-radius:0 !important;
  }

  .product-page-retail .retail-quantity button,
  .product-page-retail .quantity-box button,
  .product-page-retail .quantity-selector button,
  .product-page-retail .retail-quantity .qty-btn,
  .product-page-retail .retail-quantity .minus,
  .product-page-retail .retail-quantity .plus{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:36px !important;
    min-height:36px !important;
    font-size:14px !important;
    line-height:36px !important;
    padding:0 !important;
  }

  .product-page-retail .retail-quantity input,
  .product-page-retail .quantity-box input,
  .product-page-retail .quantity-selector input{
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    font-size:13px !important;
    line-height:36px !important;
    padding:0 !important;
    text-align:center !important;
  }

  .product-page-retail #product-add-btn,
  .product-page-retail .retail-add-btn,
  .product-page-retail .add-to-cart,
  .product-page-retail .add-to-bag{
    width:248px !important;
    max-width:248px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 14px !important;
    font-size:10px !important;
    letter-spacing:.05em !important;
    line-height:38px !important;
  }

  .product-page-retail #product-buy-now-btn,
  .product-page-retail .retail-buy-now,
  .product-page-retail .buy-now{
    display:block !important;
    width:354px !important;
    max-width:354px !important;
    height:40px !important;
    min-height:40px !important;
    margin-top:9px !important;
    padding:0 14px !important;
    font-size:10px !important;
    letter-spacing:.06em !important;
    line-height:40px !important;
  }

  .product-page-retail .product-retail-total,
  .product-page-retail .retail-trust{
    width:354px !important;
    max-width:354px !important;
  }
}

@media (max-width:820px){
  .product-page-retail .product-retail-buy-row{
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:8px !important;
  }
  .product-page-retail .retail-quantity,
  .product-page-retail .quantity-box,
  .product-page-retail .quantity-selector{
    width:92px !important;
    max-width:92px !important;
    height:40px !important;
    min-height:40px !important;
  }
  .product-page-retail .retail-quantity button,
  .product-page-retail .quantity-box button,
  .product-page-retail .quantity-selector button,
  .product-page-retail .retail-quantity .qty-btn,
  .product-page-retail .retail-quantity .minus,
  .product-page-retail .retail-quantity .plus{
    width:29px !important;
    min-width:29px !important;
    height:38px !important;
    min-height:38px !important;
    font-size:14px !important;
    padding:0 !important;
  }
  .product-page-retail .retail-quantity input,
  .product-page-retail .quantity-box input,
  .product-page-retail .quantity-selector input{
    width:34px !important;
    min-width:34px !important;
    height:38px !important;
    min-height:38px !important;
    font-size:13px !important;
    padding:0 !important;
  }
  .product-page-retail .retail-add-btn,
  .product-page-retail #product-add-btn{height:40px !important; font-size:10px !important;}
  .product-page-retail .retail-buy-now,
  .product-page-retail #product-buy-now-btn{height:42px !important; font-size:10px !important;}
}

/* S'cento card images and related cards — cleaner and more consistent */
.shop-shell .product-card-v112[data-collection="scento"] .product-img,
#related-brand-products .product-card[data-collection="scento"] .product-img,
#recommended-products .product-card[data-collection="scento"] .product-img{
  background:#fbfaf7 !important;
  aspect-ratio:4 / 5 !important;
  overflow:hidden !important;
}

.shop-shell .product-card-v112[data-collection="scento"] .product-card-image,
#related-brand-products .product-card[data-collection="scento"] .product-card-image,
#recommended-products .product-card[data-collection="scento"] .product-card-image{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter: contrast(1.02) saturate(1.02) !important;
  transform:none !important;
}

#related-brand-products .product-card,
#recommended-products .product-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  break-inside:avoid !important;
  page-break-inside:avoid !important;
}

#related-brand-products .product-card-link,
#recommended-products .product-card-link{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

#related-brand-products .product-card-info,
#recommended-products .product-card-info{
  min-height:88px !important;
}

#related-brand-products .product-card-bottom,
#recommended-products .product-card-bottom{
  margin-top:auto !important;
}

#related-brand-products .mini-btn,
#recommended-products .mini-btn{
  min-height:30px !important;
  padding:6px 10px !important;
  font-size:9px !important;
}


/* ============================================================
   v17.7.3 — A+ generated card library
   ============================================================ */
.shop-shell .product-card-v112[data-collection="aplus"] .product-img,
#related-brand-products .product-card[data-collection="aplus"] .product-img,
#recommended-products .product-card[data-collection="aplus"] .product-img{
  aspect-ratio:4 / 5!important;
  height:auto!important;
  background:#ffffff!important;
  overflow:hidden!important;
}

.shop-shell .product-card-v112[data-collection="aplus"] .product-card-image,
#related-brand-products .product-card[data-collection="aplus"] .product-card-image,
#recommended-products .product-card[data-collection="aplus"] .product-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:contrast(1.02) saturate(1.02)!important;
}


/* v17.8 luxury size variants */
.product-size-choice{margin:19px 0 18px}.product-size-choice>label{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.variant-size-buttons{display:flex;flex-wrap:wrap;gap:9px}.variant-size-btn{position:relative;min-width:76px;height:42px;padding:0 15px;border:1px solid #cfc5b7;background:#fff;color:#201c18;border-radius:3px;font:600 11px/1 Montserrat,sans-serif;cursor:pointer}.variant-size-btn:hover:not(:disabled){border-color:#a8874f}.variant-size-btn.active{background:#1d1a17;color:#fff;border-color:#1d1a17;box-shadow:0 4px 14px rgba(0,0,0,.1)}.variant-size-btn:disabled{cursor:not-allowed;color:#aaa39a;border-color:#e2ddd5;background:#f7f5f2;text-decoration:line-through}.variant-size-hint{display:block;margin-top:8px;font-size:10px;color:#8a8177}.price-from-label{font-size:9px;font-weight:500;color:#807668;margin-right:4px}.cart-variant-size{font-weight:600;color:#2d2823}


/* OBSESSION_V17_9_1_TYPOGRAPHY_POLISH */
:root{
  --obs-body-font:Montserrat,"Segoe UI",Arial,sans-serif;
  --obs-display-font:"Cormorant Garamond",Georgia,serif;
}
body{
  font-family:var(--obs-body-font)!important;
  font-size:14px!important;
  line-height:1.55!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.navlinks{font-size:12.5px!important;font-weight:500!important;letter-spacing:.01em!important}
.dropmenu a{font-size:11.5px!important;line-height:1.45!important}

.product-page-retail .product-retail-detail{
  font-family:var(--obs-body-font)!important;
  color:#211b16!important;
}
.product-page-retail .product-retail-detail h1{
  font-family:var(--obs-display-font)!important;
  font-size:clamp(40px,4vw,55px)!important;
  line-height:.98!important;
  font-weight:600!important;
  letter-spacing:-.018em!important;
  margin-bottom:14px!important;
}
.product-page-retail .product-retail-price,
.product-page-retail .price,
.product-page-retail #product-price{
  font-family:var(--obs-display-font)!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.product-page-retail .product-description,
.product-page-retail .product-retail-description,
.product-page-retail #product-description{
  font-size:12.5px!important;
  line-height:1.8!important;
  font-weight:400!important;
  color:#675f57!important;
}
.product-page-retail .breadcrumbs,
.product-page-retail .product-breadcrumb,
.product-page-retail .product-collection-label{
  font-size:10.5px!important;
  line-height:1.4!important;
  letter-spacing:.025em!important;
  color:#81776b!important;
}
.product-page-retail .kicker,
.product-page-retail .eyebrow,
.product-page-retail .section-kicker,
.product-page-retail .heading .kicker{
  font-family:var(--obs-body-font)!important;
  font-size:9.5px!important;
  font-weight:600!important;
  letter-spacing:.15em!important;
  line-height:1.45!important;
  color:#ac8137!important;
}

/* Inspired By: label and brand are intentionally separated */
#meta-inspired-by-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  width:100%!important;
  margin:4px 0 0!important;
  padding:12px 0 14px!important;
  border-bottom:1px solid #e7e2da!important;
  line-height:1.2!important;
}
#meta-inspired-by-wrap b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--obs-body-font)!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:.15em!important;
  color:#aa7d31!important;
  text-transform:uppercase!important;
}
#meta-inspired-by-wrap #meta-inspired-by{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--obs-display-font)!important;
  font-size:19px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:#211b16!important;
}

.product-page-retail .size-label,
.product-page-retail .product-size-label,
.product-page-retail label[for*="size"]{
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.10em!important;
}
.product-page-retail .product-size-hint,
.product-page-retail .size-hint,
.product-page-retail .variant-hint{
  font-size:11px!important;
  line-height:1.5!important;
  color:#81786e!important;
}
.product-page-retail .size-option,
.product-page-retail .variant-size-btn,
.product-page-retail .product-size-btn{
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.product-page-retail .retail-add-btn,
.product-page-retail .retail-buy-now,
.product-page-retail #product-add-btn,
.product-page-retail #product-buy-now-btn{
  font-family:var(--obs-body-font)!important;
  font-size:10.5px!important;
  font-weight:600!important;
  letter-spacing:.055em!important;
}
.product-page-retail .retail-trust{
  font-size:10.5px!important;
  line-height:1.55!important;
  color:#6e655c!important;
}
.product-page-retail .product-retail-total{
  font-size:10px!important;
  letter-spacing:.055em!important;
}
.product-page-retail .product-retail-total strong{
  font-family:var(--obs-display-font)!important;
  font-size:24px!important;
}
.product-page-retail .accordion button{
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:600!important;
  letter-spacing:0!important;
  padding:15px 0!important;
}
.product-page-retail .accordion-content{
  font-size:12.5px!important;
  line-height:1.8!important;
  color:#675f57!important;
}
.product-card-v112 .product-card-title,
#related-brand-products .product-card-title,
#recommended-products .product-card-title{
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.product-card-v112 .product-card-meta,
.product-card-v112 .product-card-details,
#related-brand-products .product-card-meta,
#recommended-products .product-card-meta{
  font-size:10.5px!important;
  line-height:1.5!important;
}
.product-card-v112 .product-card-price,
#related-brand-products .product-card-price,
#recommended-products .product-card-price{
  font-family:var(--obs-display-font)!important;
  font-size:16px!important;
  font-weight:600!important;
}
.heading h2,
.customer-reviews h2,
.review-section .heading h2,
.reviews-section .heading h2{
  font-family:var(--obs-display-font)!important;
  letter-spacing:-.015em!important;
}
.heading>p,
.review-section,
.reviews-section,
.customer-reviews{
  font-size:12.5px!important;
  line-height:1.65!important;
}
html.obs-lang-ar body{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  line-height:1.75!important;
}
html.obs-lang-ar #meta-inspired-by-wrap b{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:10px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html.obs-lang-ar #meta-inspired-by-wrap #meta-inspired-by{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.6!important;
  letter-spacing:0!important;
}
html.obs-lang-ar .kicker,
html.obs-lang-ar .eyebrow,
html.obs-lang-ar .section-kicker{
  letter-spacing:0!important;
}
@media(max-width:620px){
  .product-page-retail .product-retail-detail h1{
    font-size:38px!important;
    line-height:1.02!important;
  }
  #meta-inspired-by-wrap #meta-inspired-by{font-size:18px!important}
}

/* OBSESSION_V17_12_SIGNATURE_OILS_POLISH */

.signature-oils-section{
  padding:64px 0!important;
}
.signature-oils-shell{
  grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr)!important;
  gap:38px!important;
  align-items:center!important;
}
.signature-oils-copy{
  max-width:410px!important;
}
.signature-oils-copy .kicker{
  margin-bottom:9px!important;
  font-size:10px!important;
  letter-spacing:.20em!important;
}
.signature-oils-copy h2{
  font-size:clamp(42px,4.15vw,60px)!important;
  line-height:.98!important;
  margin:8px 0 16px!important;
  max-width:390px!important;
}
.signature-oils-copy p{
  max-width:390px!important;
  font-size:13px!important;
  line-height:1.72!important;
  margin-bottom:0!important;
}
.signature-pills{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  margin:18px 0 22px!important;
}
.signature-pills span{
  border:0!important;
  padding:0!important;
  background:transparent!important;
  color:#d9b36d!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
}
.signature-pills span + span:before{
  content:"•";
  display:inline-block;
  margin:0 10px;
  color:rgba(217,179,109,.55);
}
.signature-oils-copy > .btn.gold{
  min-height:40px!important;
  padding:10px 18px!important;
  font-size:10px!important;
  letter-spacing:.04em!important;
}
.signature-oils-products{
  gap:14px!important;
  align-items:stretch!important;
}
.signature-oils-products .product-card-v112{
  min-height:0!important;
  box-shadow:0 14px 35px rgba(0,0,0,.12)!important;
}
.signature-oils-products .product-card-v112:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.17)!important;
}
.signature-oils-products .product-card-v112 .product-img{
  height:310px!important;
  min-height:310px!important;
  max-height:310px!important;
  aspect-ratio:auto!important;
  background:#f7f4ef!important;
}
.signature-oils-products .product-card-v112 .product-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.signature-oils-products .product-card-v112 .badge{
  top:12px!important;
  left:12px!important;
  padding:7px 10px!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
}
.signature-oils-products .product-card-v112 .product-card-info{
  min-height:92px!important;
  padding:13px 14px 10px!important;
}
.signature-oils-products .product-card-v112 .product-card-title{
  min-height:24px!important;
  max-height:42px!important;
  font-size:17px!important;
  line-height:1.18!important;
  margin-bottom:5px!important;
}
.signature-oils-products .product-card-v112 .product-card-meta{
  min-height:14px!important;
  font-size:9px!important;
}
.signature-oils-products .product-card-v112 .product-card-stock{
  margin-top:6px!important;
  font-size:8px!important;
}
.signature-oils-products .product-card-v112 .product-card-bottom{
  min-height:56px!important;
  padding:9px 14px!important;
  gap:10px!important;
}
.signature-oils-products .product-card-v112 .product-card-price{
  font-size:18px!important;
}
.signature-oils-products .product-card-v112 .product-card-add{
  min-height:34px!important;
  padding:8px 12px!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
.header .lang-switch{
  min-height:40px!important;
  padding:0 11px!important;
}
.header .lang-switch .lang-btn{
  font-size:10px!important;
  padding:6px 4px!important;
}
.header .icon-btn{
  min-height:40px!important;
  padding:7px 11px!important;
  font-size:10px!important;
}
.header .cart-count{
  min-width:20px!important;
  height:20px!important;
  line-height:20px!important;
  font-size:9px!important;
}
html.obs-lang-ar .signature-oils-copy h2{
  font-size:clamp(31px,3.3vw,44px)!important;
  line-height:1.42!important;
}
html.obs-lang-ar .signature-oils-products .product-card-v112 .product-card-title{
  font-size:13px!important;
  line-height:1.55!important;
  min-height:24px!important;
}
@media(max-width:1180px){
  .signature-oils-shell{
    grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)!important;
    gap:28px!important;
  }
  .signature-oils-products .product-card-v112 .product-img{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
}
@media(max-width:900px){
  .signature-oils-section{
    padding:52px 0!important;
  }
  .signature-oils-shell{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .signature-oils-copy{
    max-width:620px!important;
  }
  .signature-oils-copy h2,
  .signature-oils-copy p{
    max-width:620px!important;
  }
  .signature-oils-products{
    max-width:none!important;
  }
}
@media(max-width:620px){
  .signature-oils-section{
    padding:44px 0!important;
  }
  .signature-oils-copy h2{
    font-size:39px!important;
  }
  .signature-oils-products{
    gap:9px!important;
  }
  .signature-oils-products .product-card-v112 .product-img{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
  .signature-oils-products .product-card-v112 .product-card-info{
    min-height:82px!important;
    padding:10px!important;
  }
  .signature-oils-products .product-card-v112 .product-card-title{
    font-size:15px!important;
  }
  .signature-oils-products .product-card-v112 .product-card-bottom{
    min-height:52px!important;
    padding:8px 10px!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  .signature-oils-products .product-card-v112 .product-card-add{
    padding:7px 9px!important;
  }
}
@media(max-width:430px){
  .signature-oils-products{
    grid-template-columns:1fr 1fr!important;
  }
  .signature-oils-products .product-card-v112 .product-img{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
  .signature-oils-products .product-card-v112 .product-card-meta{
    white-space:normal!important;
  }
  .signature-oils-products .product-card-v112 .product-card-bottom{
    gap:5px!important;
  }
  .signature-oils-products .product-card-v112 .product-card-price{
    font-size:16px!important;
  }
  .signature-oils-products .product-card-v112 .product-card-add{
    font-size:7px!important;
    padding:7px!important;
  }
}

/* OBSESSION V20 — Scent Concierge */
.product-card-brand{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#9c783e;margin:0 0 7px;font-weight:600}.concierge-page{background:#f8f4ed}.concierge-hero{background:radial-gradient(circle at 78% 22%,rgba(199,158,88,.22),transparent 28%),linear-gradient(112deg,#100d0a 0%,#221a12 55%,#4a3520 100%);color:#fff;border-bottom:1px solid rgba(213,176,112,.28)}.concierge-hero-inner{min-height:500px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:70px;padding-bottom:70px}.concierge-hero-copy{max-width:750px}.concierge-eyebrow{font-size:9px;letter-spacing:.28em;color:#dab775;margin-bottom:22px}.concierge-hero h1{font:600 clamp(52px,7vw,86px)/.95 "Cormorant Garamond",serif;letter-spacing:-.025em;margin:0 0 22px}.concierge-hero p{font-size:13px;line-height:1.9;color:#d9d0c4;max-width:700px}.concierge-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}.concierge-trust span{font-size:9px;color:#c49b5d;display:flex;gap:9px}.concierge-trust b{color:#e5ddd2;font-weight:500}.concierge-seal{width:240px;height:240px;border:1px solid rgba(219,185,125,.55);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 12px rgba(255,255,255,.025),inset 0 0 50px rgba(217,174,97,.08);flex:none}.concierge-seal span{font-size:8px;letter-spacing:.3em;color:#d9b36f}.concierge-seal b{font:600 34px/1 "Cormorant Garamond",serif;margin:12px 0}.concierge-seal small{font-size:7px;letter-spacing:.18em;color:#aaa095}.finder-shell-v20{max-width:1120px}.finder-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a7760}.finder-progress-head b{font-size:10px;color:#3f3328}.finder-card-v20{padding:50px 54px;min-height:560px;position:relative;overflow:hidden}.finder-card-v20:before{content:"";position:absolute;right:-130px;top:-130px;width:330px;height:330px;border:1px solid #eee3d4;border-radius:50%;pointer-events:none}.finder-step{position:relative;z-index:1}.finder-step h2{max-width:780px}.finder-vibe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.finder-vibe{min-height:185px;border:1px solid #d9cbb6;background:linear-gradient(145deg,#fff,#f9f4eb);padding:22px;text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:.22s;color:#2e261e}.finder-vibe i{font:normal 9px/1 Montserrat,sans-serif;color:#ad8240;letter-spacing:.1em}.finder-vibe strong{font:600 27px/1.05 "Cormorant Garamond",serif;margin:auto 0 9px}.finder-vibe small{font-size:9px;color:#857664}.finder-vibe:hover,.finder-vibe.active{transform:translateY(-3px);border-color:#a87b39;box-shadow:0 18px 34px rgba(67,48,24,.09)}.finder-vibe.active{background:#18130f;color:#fff}.finder-vibe.active small{color:#cfc2b2}.finder-actions{display:flex;justify-content:space-between;gap:12px;margin-top:32px}.finder-actions.end{justify-content:flex-end}.finder-choice-block{margin:25px 0 12px}.finder-choice-block>b{display:block;font-size:9px;letter-spacing:.18em;color:#99713a}.finder-choice-block.avoid>b{color:#86665e}.finder-choice-block.avoid .finder-chips button.active{background:#5e4740;border-color:#5e4740}.finder-two-col-v20{margin-top:28px}.finder-field-note{display:block;font-size:8px;line-height:1.5;color:#918576;margin-top:6px}.finder-free-v20 textarea{min-height:155px;font-size:13px;line-height:1.7}.finder-examples{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.finder-examples button{border:1px solid #ded4c5;background:#fff;padding:7px 10px;border-radius:999px;font-size:9px;cursor:pointer}.concierge-final-box{margin-top:24px;border:1px solid #d9c8aa;background:#f5edde;padding:18px 20px}.concierge-final-box>span{font-size:8px;letter-spacing:.17em;color:#9d7438}.concierge-final-box p{margin:7px 0 0;font-size:11px;line-height:1.65;color:#6e6154}.finder-results-v20{padding-top:82px}.finder-results-v20 .heading{border-left:2px solid #b68b49;padding-left:18px}.finder-result-card.best:before{content:"OBSESSION · #1";position:absolute;top:0;left:52px;z-index:4;background:#b78b46;color:#fff;padding:7px 10px;font-size:7px;letter-spacing:.12em}.finder-step[hidden]{display:none!important}html.obs-lang-ar .concierge-hero h1,html.obs-lang-ar .finder-vibe strong{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.5}html.obs-lang-ar .finder-vibe{text-align:right}html.obs-lang-ar .finder-results-v20 .heading{border-left:0;border-right:2px solid #b68b49;padding-left:0;padding-right:18px}
@media(max-width:900px){.concierge-hero-inner{min-height:auto}.concierge-seal{width:180px;height:180px}.finder-vibe-grid{grid-template-columns:repeat(2,1fr)}.finder-card-v20{padding:38px 28px}.concierge-trust{grid-template-columns:1fr}}
@media(max-width:650px){.concierge-hero-inner{flex-direction:column;align-items:flex-start;padding-top:52px;padding-bottom:52px}.concierge-hero h1{font-size:50px}.concierge-seal{display:none}.finder-vibe-grid{grid-template-columns:1fr 1fr}.finder-vibe{min-height:150px;padding:16px}.finder-vibe strong{font-size:23px}.finder-card-v20{padding:30px 17px}.finder-actions{flex-wrap:wrap}.finder-actions .btn{flex:1}.finder-examples{display:grid}.concierge-trust{margin-top:28px}}

/* OBSESSION_V24_2_CORE_CARD_FIX_START */
/* ============================================================
   OBSESSION V24.2 — CORE CARD FIX
   Direct fix for current product-card rules.
   ============================================================ */

/* ORIGINAL PERFUMES — override old contain + padding rules */
.product-card-v112.catalog-card-clean[data-collection="original"] .product-img,
.product-card.obs-variant-card[data-collection="original"] .product-img{
  overflow:hidden!important;
  padding:6px!important;
  background:#f7f3ed!important;
}

.product-card-v112.catalog-card-clean[data-collection="original"] .product-card-image,
.product-card.obs-variant-card[data-collection="original"] .product-card-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  transform:scale(1.055)!important;
  transform-origin:center center!important;
}

@media (hover:hover){
  .product-card-v112.catalog-card-clean[data-collection="original"]:hover .product-card-image,
  .product-card.obs-variant-card[data-collection="original"]:hover .product-card-image{
    transform:scale(1.075)!important;
  }
}

.product-card-v112.catalog-card-clean[data-collection="original"] .obs-card-price,
.product-card.obs-variant-card[data-collection="original"] .obs-card-price{
  align-items:baseline!important;
  gap:5px 10px!important;
}

.product-card-v112.catalog-card-clean[data-collection="original"] .obs-card-current,
.product-card.obs-variant-card[data-collection="original"] .obs-card-current{
  color:#201914!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1!important;
}

.product-card-v112.catalog-card-clean[data-collection="original"] .obs-card-compare,
.product-card.obs-variant-card[data-collection="original"] .obs-card-compare{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  color:#74685d!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration-line:line-through!important;
  text-decoration-thickness:1.7px!important;
  text-decoration-color:#827468!important;
}

.product-card-v112.catalog-card-clean[data-collection="original"] .obs-card-sale-ribbon,
.product-card.obs-variant-card[data-collection="original"] .obs-card-sale-ribbon{
  font-size:12px!important;
  font-weight:900!important;
}

/* S'CENTO — original image only; no overlay text */
.product-card-v112.catalog-card-clean[data-collection="scento"] .product-img,
.product-card.obs-variant-card[data-collection="scento"] .product-img{
  overflow:hidden!important;
  padding:0!important;
  background:#f4eee4!important;
}

.product-card-v112.catalog-card-clean[data-collection="scento"] .product-card-image,
.product-card.obs-variant-card[data-collection="scento"] .product-card-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}

.product-card[data-collection="scento"] .obs-card-collection-chip,
.product-card[data-collection="scento"] [class*="collection-chip"]{
  display:none!important;
}

@media(max-width:760px){
  .product-card-v112.catalog-card-clean[data-collection="original"] .obs-card-current,
  .product-card.obs-variant-card[data-collection="original"] .obs-card-current{
    font-size:18px!important;
  }
  .product-card-v112.catalog-card-clean[data-collection="original"] .obs-card-compare,
  .product-card.obs-variant-card[data-collection="original"] .obs-card-compare{
    font-size:12.5px!important;
  }
}
/* OBSESSION_V24_2_CORE_CARD_FIX_END */
/* OBSESSION_V24_5_LIVE_SEARCH_START */

.obs-header-search-btn{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  color:inherit;
}

.obs-header-search-btn svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

body.obs-search-open{
  overflow:hidden;
}

.obs-search-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:88px 18px 24px;
  background:rgba(18,14,11,.48);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}

.obs-search-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.obs-search-panel{
  width:min(760px,100%);
  max-height:min(720px,calc(100vh - 116px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #e8dfd4;
  box-shadow:0 24px 70px rgba(28,19,11,.22);
  transform:translateY(-10px);
  transition:transform .2s ease;
}

.obs-search-overlay.open .obs-search-panel{
  transform:translateY(0);
}

.obs-search-top{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px;
  border-bottom:1px solid #ece4da;
  background:#fffdfa;
}

.obs-search-input-wrap{
  flex:1;
  min-width:0;
  height:52px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 13px;
  border:1px solid #d9ccbd;
  background:#fff;
}

.obs-search-input-wrap:focus-within{
  border-color:#9c7745;
  box-shadow:0 0 0 2px rgba(156,119,69,.08);
}

.obs-search-input-wrap svg{
  width:20px;
  height:20px;
  flex:0 0 auto;
  fill:none;
  stroke:#6e6257;
  stroke-width:1.8;
  stroke-linecap:round;
}

#obs-live-search-input{
  flex:1;
  min-width:0;
  height:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#241e18;
  font:500 14px/1.2 Montserrat,sans-serif;
}

html.obs-lang-ar #obs-live-search-input{
  font-family:"Noto Kufi Arabic",Montserrat,sans-serif;
}

#obs-live-search-input::placeholder{
  color:#9b9084;
}

#obs-search-clear{
  display:none;
  width:28px;
  height:28px;
  border:0;
  background:#f3eee7;
  color:#75695d;
  border-radius:50%;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}

#obs-search-clear.show{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.obs-search-close{
  width:44px;
  height:44px;
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#2f2923;
  cursor:pointer;
  font-size:29px;
  font-weight:300;
  line-height:1;
}

.obs-search-body{
  overflow:auto;
  overscroll-behavior:contain;
  background:#fff;
}

.obs-search-hint{
  padding:38px 24px 42px;
  text-align:center;
  color:#8a7f74;
  font-size:13px;
}

.obs-search-results{
  display:flex;
  flex-direction:column;
}

.obs-search-result{
  display:grid;
  grid-template-columns:84px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  min-height:104px;
  padding:10px 16px;
  border-bottom:1px solid #eee7de;
  color:inherit;
  text-decoration:none;
  background:#fff;
  transition:background .14s ease;
}

.obs-search-result:hover{
  background:#fbf7f1;
}

.obs-search-thumb{
  width:84px;
  height:84px;
  overflow:hidden;
  background:#f5f0e9;
  border:1px solid #ece3d8;
}

.obs-search-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.obs-search-placeholder{
  width:100%;
  height:100%;
  place-items:center;
  font:600 28px/1 "Cormorant Garamond",serif;
  color:#b08b55;
}

.obs-search-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.obs-search-brand{
  margin-bottom:4px;
  color:#9a7040;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

html.obs-lang-ar .obs-search-brand{
  letter-spacing:0;
}

.obs-search-copy strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#251f19;
  font-family:"Cormorant Garamond",serif;
  font-size:20px;
  line-height:1.12;
  font-weight:600;
}

html.obs-lang-ar .obs-search-copy strong{
  font-family:"Noto Kufi Arabic",Montserrat,sans-serif;
  font-size:15px;
  line-height:1.55;
}

.obs-search-copy small{
  max-width:100%;
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8a8075;
  font-size:10px;
}

.obs-search-copy em{
  margin-top:7px;
  color:#56804f;
  font-size:9px;
  font-style:normal;
  font-weight:700;
  text-transform:uppercase;
}

.obs-search-copy em.out{
  color:#9c6d6d;
}

.obs-search-price{
  padding-left:10px;
  color:#211a15;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
}

html.obs-lang-ar .obs-search-price{
  padding-left:0;
  padding-right:10px;
}

.obs-search-empty{
  padding:52px 24px;
  display:flex;
  flex-direction:column;
  gap:7px;
  align-items:center;
  text-align:center;
}

.obs-search-empty strong{
  color:#2b241e;
  font-size:17px;
}

.obs-search-empty span{
  color:#8d8277;
  font-size:12px;
}

/* MOBILE */
@media(max-width:700px){
  .obs-search-overlay{
    padding:0;
    align-items:stretch;
    background:#fff;
  }

  .obs-search-panel{
    width:100%;
    height:100dvh;
    max-height:none;
    border:0;
    box-shadow:none;
    transform:none;
  }

  .obs-search-top{
    position:sticky;
    top:0;
    z-index:2;
    padding:11px 10px;
  }

  .obs-search-input-wrap{
    height:48px;
  }

  .obs-search-close{
    width:38px;
    height:38px;
  }

  .obs-search-result{
    grid-template-columns:72px minmax(0,1fr) auto;
    gap:11px;
    min-height:92px;
    padding:10px 11px;
  }

  .obs-search-thumb{
    width:72px;
    height:72px;
  }

  .obs-search-copy strong{
    font-size:17px;
  }

  html.obs-lang-ar .obs-search-copy strong{
    font-size:14px;
  }

  .obs-search-copy small{
    font-size:9px;
  }

  .obs-search-price{
    padding-left:5px;
    font-size:12px;
  }

  html.obs-lang-ar .obs-search-price{
    padding-left:0;
    padding-right:5px;
  }
}

/* Very narrow phones: price moves under name area. */
@media(max-width:380px){
  .obs-search-result{
    grid-template-columns:64px minmax(0,1fr);
  }

  .obs-search-thumb{
    width:64px;
    height:64px;
  }

  .obs-search-price{
    grid-column:2;
    padding:0!important;
    margin-top:-4px;
  }
}

/* OBSESSION_V24_5_LIVE_SEARCH_END */

/* OBSESSION_V24_4_GRID_OILS_FIX_START */

/* ============================================================
   CATALOG GRID
   Desktop = 3 cards
   Tablet  = 2 cards
   Mobile  = 2 cards
   ============================================================ */

@media (min-width: 1100px){
  #product-grid.product-grid,
  #product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
  }
}

@media (min-width: 700px) and (max-width:1099px){
  #product-grid.product-grid,
  #product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
}

@media (max-width:699px){
  #product-grid.product-grid,
  #product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  #product-grid .product-card{
    min-width:0!important;
    width:100%!important;
  }

  #product-grid .product-img{
    min-height:0!important;
    padding:5px!important;
  }

  #product-grid .product-card-info{
    padding:11px 9px 8px!important;
  }

  #product-grid .product-card-title{
    font-size:14px!important;
    line-height:1.28!important;
    margin-bottom:6px!important;
  }

  #product-grid .product-card-brand,
  #product-grid [class*="card-brand"]{
    font-size:8px!important;
    margin-bottom:5px!important;
  }

  #product-grid .product-card-meta{
    font-size:9px!important;
    line-height:1.3!important;
    min-height:0!important;
    margin-bottom:7px!important;
  }

  #product-grid .product-card-stock{
    font-size:8px!important;
    gap:5px!important;
  }

  #product-grid .obs-card-variants{
    padding:0 9px 9px!important;
    gap:5px!important;
    min-height:0!important;
  }

  #product-grid .obs-card-variant{
    min-width:0!important;
    height:31px!important;
    padding:0 9px!important;
    font-size:9px!important;
    line-height:29px!important;
  }

  #product-grid .product-card-bottom{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px 9px 10px!important;
  }

  #product-grid .obs-card-price,
  #product-grid .product-card-price{
    justify-content:flex-start!important;
  }

  #product-grid .obs-card-current{
    font-size:14px!important;
  }

  #product-grid .obs-card-compare{
    font-size:10px!important;
  }

  #product-grid .product-card-add{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }

  #product-grid .badge{
    top:10px!important;
    left:10px!important;
    min-height:27px!important;
    padding:6px 8px!important;
    font-size:8px!important;
  }

  html.obs-lang-ar #product-grid .badge{
    left:auto!important;
    right:10px!important;
  }

  #product-grid .obs-card-sale-ribbon{
    top:10px!important;
    right:10px!important;
    min-height:27px!important;
    padding:6px 8px!important;
    font-size:9px!important;
  }

  html.obs-lang-ar #product-grid .obs-card-sale-ribbon{
    right:auto!important;
    left:10px!important;
  }
}

/* Very narrow phones: preserve usability. */
@media (max-width:360px){
  #product-grid.product-grid,
  #product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  #product-grid .product-card-title{
    font-size:13px!important;
  }
}

/* ============================================================
   PERFUME OILS — same image issue as Original.
   Collection slug in the current site: perfume-oils
   ============================================================ */

.product-card-v112.catalog-card-clean[data-collection="perfume-oils"] .product-img,
.product-card.obs-variant-card[data-collection="perfume-oils"] .product-img,
.product-card[data-collection="perfume-oils"] .product-img{
  overflow:hidden!important;
  padding:6px!important;
  background:#f7f3ed!important;
}

.product-card-v112.catalog-card-clean[data-collection="perfume-oils"] .product-card-image,
.product-card.obs-variant-card[data-collection="perfume-oils"] .product-card-image,
.product-card[data-collection="perfume-oils"] .product-card-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  transform:scale(1.055)!important;
  transform-origin:center center!important;
}

@media (hover:hover){
  .product-card[data-collection="perfume-oils"]:hover .product-card-image{
    transform:scale(1.075)!important;
  }
}

/* Do not let the previous S'cento large-card patch force oversized cards. */
#product-grid.obs-scento-large-grid{
  grid-template-columns:inherit;
}

/* OBSESSION_V24_4_GRID_OILS_FIX_END */

/* OBSESSION_V24_6_BADGE_POLISH_START */

/* ============================================================
   PRODUCT CARD BADGES — DESKTOP / TABLET
   ============================================================ */

.product-card .badge,
.product-card .product-badge,
.product-card .new-badge,
.product-card .badge-new{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  right:auto!important;

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

  min-height:29px!important;
  height:29px!important;
  padding:0 11px!important;

  border:0!important;
  border-radius:0!important;

  background:#171411!important;
  color:#fff!important;

  box-shadow:0 6px 14px rgba(23,20,17,.13)!important;

  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

html.obs-lang-ar .product-card .badge,
html.obs-lang-ar .product-card .product-badge,
html.obs-lang-ar .product-card .new-badge,
html.obs-lang-ar .product-card .badge-new{
  left:auto!important;
  right:14px!important;
  letter-spacing:0!important;
}

/* Discount badge */
.product-card .obs-card-sale-ribbon,
.product-card .sale-ribbon,
.product-card .discount-badge,
.product-card .sale-badge,
.product-card .badge-sale{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;

  min-height:30px!important;
  height:30px!important;
  padding:0 12px!important;

  border:0!important;
  border-radius:999px!important;

  background:linear-gradient(180deg,#8a2f3b 0%,#742632 100%)!important;
  color:#fff!important;

  box-shadow:0 7px 16px rgba(112,35,48,.16)!important;

  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

.product-card .obs-card-sale-ribbon span,
.product-card .sale-ribbon span,
.product-card .discount-badge span,
.product-card .sale-badge span,
.product-card .badge-sale span{
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  opacity:.92!important;
}

html.obs-lang-ar .product-card .obs-card-sale-ribbon,
html.obs-lang-ar .product-card .sale-ribbon,
html.obs-lang-ar .product-card .discount-badge,
html.obs-lang-ar .product-card .sale-badge,
html.obs-lang-ar .product-card .badge-sale{
  right:auto!important;
  left:14px!important;
}

html.obs-lang-ar .product-card .obs-card-sale-ribbon span,
html.obs-lang-ar .product-card .sale-ribbon span,
html.obs-lang-ar .product-card .discount-badge span,
html.obs-lang-ar .product-card .sale-badge span,
html.obs-lang-ar .product-card .badge-sale span{
  letter-spacing:0!important;
}

/* If NEW and discount are both present, they should feel balanced. */
.product-card .product-img,
.product-card .product-image,
.product-card .product-media{
  position:relative;
}

/* ============================================================
   MOBILE — smaller so they don't dominate the bottle image
   ============================================================ */

@media (max-width:699px){

  .product-card .badge,
  .product-card .product-badge,
  .product-card .new-badge,
  .product-card .badge-new{
    top:8px!important;
    left:8px!important;

    min-height:24px!important;
    height:24px!important;
    padding:0 8px!important;

    font-size:7.5px!important;
    letter-spacing:.12em!important;

    box-shadow:0 4px 10px rgba(23,20,17,.10)!important;
  }

  html.obs-lang-ar .product-card .badge,
  html.obs-lang-ar .product-card .product-badge,
  html.obs-lang-ar .product-card .new-badge,
  html.obs-lang-ar .product-card .badge-new{
    left:auto!important;
    right:8px!important;
  }

  .product-card .obs-card-sale-ribbon,
  .product-card .sale-ribbon,
  .product-card .discount-badge,
  .product-card .sale-badge,
  .product-card .badge-sale{
    top:8px!important;
    right:8px!important;

    min-height:25px!important;
    height:25px!important;
    padding:0 8px!important;

    gap:3px!important;

    font-size:8.5px!important;

    box-shadow:0 4px 11px rgba(112,35,48,.12)!important;
  }

  .product-card .obs-card-sale-ribbon span,
  .product-card .sale-ribbon span,
  .product-card .discount-badge span,
  .product-card .sale-badge span,
  .product-card .badge-sale span{
    font-size:6px!important;
    letter-spacing:.07em!important;
  }

  html.obs-lang-ar .product-card .obs-card-sale-ribbon,
  html.obs-lang-ar .product-card .sale-ribbon,
  html.obs-lang-ar .product-card .discount-badge,
  html.obs-lang-ar .product-card .sale-badge,
  html.obs-lang-ar .product-card .badge-sale{
    right:auto!important;
    left:8px!important;
  }
}

/* Very narrow phones */
@media (max-width:380px){
  .product-card .badge,
  .product-card .product-badge,
  .product-card .new-badge,
  .product-card .badge-new{
    min-height:22px!important;
    height:22px!important;
    padding:0 7px!important;
    font-size:7px!important;
  }

  .product-card .obs-card-sale-ribbon,
  .product-card .sale-ribbon,
  .product-card .discount-badge,
  .product-card .sale-badge,
  .product-card .badge-sale{
    min-height:23px!important;
    height:23px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }

  .product-card .obs-card-sale-ribbon span,
  .product-card .sale-ribbon span,
  .product-card .discount-badge span,
  .product-card .sale-badge span,
  .product-card .badge-sale span{
    font-size:5.5px!important;
  }
}

/* OBSESSION_V24_6_BADGE_POLISH_END */


/* OBSESSION SCENT AFFINITY COMPACT LUXURY V32.18.8.7 START */

#meta-inspired-by-wrap.obs-affinity-row.obs-affinity-luxury{
  position:relative!important;

  display:grid!important;
  grid-template-columns:4px minmax(0,1fr)!important;

  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;

  gap:0!important;
  align-items:stretch!important;

  margin:10px 0 4px!important;
  padding:0!important;

  border:1px solid rgba(171,133,54,.20)!important;
  border-radius:18px!important;

  background:
    linear-gradient(135deg,
      rgba(255,253,247,.98),
      rgba(250,247,239,.76)
    )!important;

  box-shadow:0 10px 28px rgba(31,24,14,.035)!important;
  overflow:hidden!important;

  flex-direction:initial!important;
}

/* slim gold rail */
#meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-accent{
  position:relative!important;
  display:block!important;

  grid-column:1!important;
  grid-row:1!important;

  width:4px!important;
  min-width:4px!important;
  height:100%!important;

  background:linear-gradient(
    180deg,
    #d4b66c,
    #aa7d31,
    #d6ba74
  )!important;
}

/* smaller decorative seal */
#meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-accent::before{
  content:""!important;

  position:absolute!important;
  top:18px!important;
  left:17px!important;

  width:38px!important;
  height:38px!important;

  border-radius:50%!important;
  border:1px solid rgba(171,133,54,.25)!important;

  background:
    radial-gradient(
      circle at center,
      rgba(190,151,67,.18) 0 5px,
      transparent 6px
    ),
    rgba(255,253,247,.94)!important;

  box-shadow:0 3px 12px rgba(59,44,18,.035)!important;
}

/* compact content */
#meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-copy{
  grid-column:2!important;
  grid-row:1!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  width:100%!important;
  min-width:0!important;
  max-width:none!important;

  min-height:132px!important;

  padding:22px 30px 22px 74px!important;
  box-sizing:border-box!important;
}

/* eyebrow */
#meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-eyebrow{
  display:block!important;

  width:100%!important;
  min-width:0!important;

  margin:0 0 4px!important;
  padding:0!important;

  font-size:12px!important;
  line-height:1.45!important;
}

/* subtitle */
#meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-sub{
  display:block!important;

  width:100%!important;

  margin:0 0 8px!important;
  padding:0!important;

  font-size:13px!important;
  line-height:1.5!important;

  opacity:.72!important;
}

/* reference fragrance name */
#meta-inspired-by-wrap.obs-affinity-luxury #meta-inspired-by.obs-affinity-name{
  display:block!important;

  width:100%!important;
  max-width:850px!important;
  min-width:0!important;

  margin:0!important;
  padding:0!important;

  font-size:22px!important;
  line-height:1.45!important;
  font-weight:700!important;

  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Arabic stays on the right, decoration stays elegantly on the left */
html.obs-lang-ar #meta-inspired-by-wrap.obs-affinity-luxury{
  direction:ltr!important;
}

html.obs-lang-ar #meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-copy{
  direction:rtl!important;
  text-align:right!important;
  align-items:flex-start!important;

  padding:22px 30px 22px 74px!important;
}

html.obs-lang-ar #meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-eyebrow,
html.obs-lang-ar #meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-sub,
html.obs-lang-ar #meta-inspired-by-wrap.obs-affinity-luxury #meta-inspired-by.obs-affinity-name{
  text-align:right!important;
  direction:rtl!important;
}

html.obs-lang-ar #meta-inspired-by-wrap.obs-affinity-luxury #meta-inspired-by.obs-affinity-name{
  font-size:21px!important;
  line-height:1.65!important;
}

@media(max-width:620px){

  #meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-copy{
    min-height:118px!important;
    padding:18px 18px 18px 54px!important;
  }

  #meta-inspired-by-wrap.obs-affinity-luxury .obs-affinity-accent::before{
    top:16px!important;
    left:12px!important;
    width:30px!important;
    height:30px!important;
  }

  #meta-inspired-by-wrap.obs-affinity-luxury #meta-inspired-by.obs-affinity-name{
    font-size:18px!important;
  }

  html.obs-lang-ar #meta-inspired-by-wrap.obs-affinity-luxury #meta-inspired-by.obs-affinity-name{
    font-size:18px!important;
  }
}

/* OBSESSION SCENT AFFINITY COMPACT LUXURY V32.18.8.7 END */

/* =========================================================
   OBSESSION — YOU MAY ALSO LIKE COMPACT CARDS V1
   Only affects #recommended-products
   ========================================================= */

#recommended-products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

#recommended-products .product-card{
  min-width:0!important;
}

#recommended-products .product-img{
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
}

#recommended-products .product-card-info{
  min-height:66px!important;
  padding:10px 11px!important;
}

#recommended-products .product-card-title{
  font-size:12.5px!important;
  line-height:1.35!important;
}

#recommended-products .product-card-meta,
#recommended-products .product-card-details{
  font-size:9.5px!important;
}

#recommended-products .product-card-price{
  font-size:15px!important;
}

#recommended-products .mini-btn{
  min-height:28px!important;
  padding:5px 8px!important;
  font-size:8.5px!important;
}

#recommended-products .obs-card-variants{
  gap:5px!important;
  padding:0 9px 8px!important;
}

#recommended-products .obs-card-variant{
  min-height:28px!important;
  padding:4px 7px!important;
  font-size:8.5px!important;
}

@media(max-width:900px){
  #recommended-products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:760px!important;
  }
}

@media(max-width:650px){
  #recommended-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    max-width:100%!important;
  }

  #recommended-products .product-card-info{
    min-height:58px!important;
    padding:8px!important;
  }

  #recommended-products .product-card-title{
    font-size:11.5px!important;
  }

  #recommended-products .product-card-price{
    font-size:14px!important;
  }
}

/* =========================================================
   OBSESSION — RECOMMENDED ALIGNMENT V2
   Align You May Also Like with More from Brand
   ========================================================= */

#recommended-products{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-content:stretch!important;
}

/* Same visual card width/rhythm as the section above */
@media(min-width:901px){
  #recommended-products{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }
}

@media(min-width:651px) and (max-width:900px){
  #recommended-products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

@media(max-width:650px){
  #recommended-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
}

/* OBSESSION — PRODUCT TRUST ALIGNMENT V1 */
.product-buy-trust{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
}

.product-buy-trust > *,
.product-buy-trust span,
.product-buy-trust a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  line-height:24px!important;
  vertical-align:middle!important;
}

.product-buy-trust a{
  text-decoration:none!important;
}

/* Keep them visually aligned on mobile too */
@media(max-width:760px){
  .product-buy-trust{
    flex-direction:row!important;
    align-items:center!important;
    gap:8px 14px!important;
  }

  .product-buy-trust > *,
  .product-buy-trust span,
  .product-buy-trust a{
    min-height:22px!important;
    line-height:22px!important;
  }
}

/* =========================================================
   OBSESSION — FOOTER TRUST ALIGNMENT V1
   ========================================================= */

.footer-trust-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:0!important;
}

.footer-trust-strip > span,
.footer-trust-strip > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;

  margin:0!important;
  padding:8px 12px!important;

  line-height:1.2!important;
  vertical-align:middle!important;

  text-align:center!important;
  box-sizing:border-box!important;
}

.footer-trust-strip > a{
  text-decoration:none!important;
}

/* Tablet / mobile */
@media(max-width:760px){
  .footer-trust-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .footer-trust-strip > span,
  .footer-trust-strip > a{
    min-height:40px!important;
    padding:7px 8px!important;
  }
}

/* =========================================================
   OBSESSION — HOME OILS + CATEGORY POLISH V1
   ========================================================= */


/* ---------------------------------------------------------
   1. Signature Oils
   Make ROYALE + NOIR use the exact same visual frame
   --------------------------------------------------------- */

#home-signature .product-card-v112 .product-img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:4 / 3!important;

  overflow:hidden!important;
  padding:0!important;
  background:#f5f0e8!important;

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

#home-signature .product-card-v112 .product-card-image{
  display:block!important;

  width:100%!important;
  height:100%!important;

  padding:0!important;
  margin:0!important;

  object-fit:cover!important;
  object-position:center center!important;

  transform:none!important;
}


/* Both oil cards stay visually equal */
#home-signature .product-card-v112{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}

#home-signature .product-card-v112 .product-card-info{
  flex:1 0 auto!important;
}


/* ---------------------------------------------------------
   2. CHOOSE YOUR STYLE — Arabic
   Subjects are on the right side of the photos.
   Put Arabic copy on the cleaner left side.
   --------------------------------------------------------- */

html.obs-lang-ar .home-category-section .gender-card{
  text-align:left!important;
  padding:25px!important;
}

/* small gold line */
html.obs-lang-ar .home-category-section .gender-card > span{
  position:relative!important;
  z-index:2!important;

  width:max-content!important;
  max-width:58%!important;

  margin-left:0!important;
  margin-right:auto!important;

  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  text-align:left!important;
}

/* Main Arabic: رجالي / نسائي / للجنسين */
html.obs-lang-ar .home-category-section .gender-card > strong{
  position:relative!important;
  z-index:2!important;

  width:max-content!important;
  max-width:62%!important;

  margin-left:0!important;
  margin-right:auto!important;

  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:clamp(27px,2.6vw,37px)!important;
  font-weight:600!important;
  line-height:1.35!important;

  text-align:left!important;

  text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}

/* Arrow goes to opposite side so it does not hit Arabic title */
html.obs-lang-ar .home-category-section .gender-card > em{
  left:auto!important;
  right:24px!important;
}


/* Mobile Arabic */
@media(max-width:760px){

  html.obs-lang-ar .home-category-section .gender-card > strong{
    font-size:30px!important;
    max-width:68%!important;
  }

  html.obs-lang-ar .home-category-section .gender-card > span{
    max-width:68%!important;
  }
}


/* =========================================================
   OBSESSION — HOME SIGNATURE OILS MATCH V1
   Normalize Royale + Noir only
   ========================================================= */

#home-signature .product-card-image[src*="obsession-royale.png"],
#home-signature .product-card-image[src*="obsession-noir.png"]{
  object-fit:contain!important;
  object-position:center center!important;
  width:100%!important;
  height:100%!important;
  padding:10px 14px!important;
  background:#f5f0e8!important;
}

/* Royale slightly tighter */
#home-signature .product-card-image[src*="obsession-royale.png"]{
  transform:scale(0.88)!important;
}

/* Noir reduced a bit more so both bottles feel balanced */
#home-signature .product-card-image[src*="obsession-noir.png"]{
  transform:scale(0.80)!important;
}

#home-signature .product-card-v112 .product-img{
  background:#f5f0e8!important;
}

/* =========================================================
   OBSESSION — SIGNATURE OILS FULL FRAME V2
   Royale + Noir fill the same frame
   ========================================================= */

#home-signature .product-card-image[src*="obsession-royale.png"],
#home-signature .product-card-image[src*="obsession-noir.png"]{
  width:100%!important;
  height:100%!important;

  object-fit:cover!important;
  object-position:center center!important;

  padding:0!important;
  margin:0!important;

  transform:none!important;
}

#home-signature .product-card-v112 .product-img{
  aspect-ratio:4 / 3!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
}

/* =========================================================
   OBSESSION — ROYALE NUDGE UP V1
   Lift Royale slightly upward to match Noir
   ========================================================= */

#home-signature .product-card-image[src*="obsession-royale.png"]{
  object-position:center 38%!important;
}

/* OBSESSION — ROYALE POSITION FIX V2 */
#home-signature .product-card-image[src*="obsession-royale.png"]{
  object-position:center 62%!important;
}

/* OBSESSION — MOBILE HERO NO IMAGE V1 */
@media(max-width:760px){

  .hero,
  html.obs-lang-ar .hero{
    background-image:none!important;
    background:#0d0a08!important;
  }

  .hero:before,
  .hero:after,
  html.obs-lang-ar .hero:before,
  html.obs-lang-ar .hero:after{
    display:none!important;
  }

  .hero-overlay,
  html.obs-lang-ar .hero-overlay{
    background:linear-gradient(
      180deg,
      #0d0a08 0%,
      #17110d 100%
    )!important;
  }
}

/* OBSESSION — MOBILE HERO CONTENT TOP V1 */
@media(max-width:760px){

  .hero,
  html.obs-lang-ar .hero{
    min-height:auto!important;
    align-items:start!important;
  }

  .hero-content,
  html.obs-lang-ar .hero-content{
    padding-top:34px!important;
    padding-bottom:48px!important;
    margin-top:0!important;
    transform:none!important;
  }
}

/* =========================================================
   OBSESSION — RELATED BRAND CARDS MOBILE MATCH V1
   Match "More from this brand" with "You may also like"
   ========================================================= */
@media(max-width:760px){

  #related-brand-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  #related-brand-products .product-img{
    aspect-ratio:1 / 1!important;
    height:auto!important;
    min-height:0!important;
  }

  #related-brand-products .product-card{
    height:auto!important;
  }
}


/* OBSESSION LANGUAGE SWITCH NO-FLASH */
html.obs-lang-switching,
html.obs-lang-switching body {
  scroll-behavior: auto !important;
}

html.obs-lang-switching *,
html.obs-lang-switching *::before,
html.obs-lang-switching *::after {
  transition: none !important;
  animation: none !important;
}


/* OBSESSION STABLE LANGUAGE SHELL */

/*
  The store shell stays LTR at all times.
  Arabic changes text direction, not the physical
  navigation/grid/flex layout.
*/

html,
html body {
  direction: ltr;
}

html.obs-lang-ar [data-i18n],
html.obs-lang-ar [data-local-ar],
html.obs-lang-ar h1,
html.obs-lang-ar h2,
html.obs-lang-ar h3,
html.obs-lang-ar h4,
html.obs-lang-ar h5,
html.obs-lang-ar h6,
html.obs-lang-ar p,
html.obs-lang-ar label,
html.obs-lang-ar input,
html.obs-lang-ar textarea,
html.obs-lang-ar select,
html.obs-lang-ar option {
  direction: rtl;
  unicode-bidi: plaintext;
}

html.obs-lang-ar h1,
html.obs-lang-ar h2,
html.obs-lang-ar h3,
html.obs-lang-ar h4,
html.obs-lang-ar h5,
html.obs-lang-ar h6,
html.obs-lang-ar p,
html.obs-lang-ar label,
html.obs-lang-ar input,
html.obs-lang-ar textarea {
  text-align: right;
}

html.obs-lang-en [data-i18n],
html.obs-lang-en [data-local-en] {
  direction: ltr;
}


/* =========================================================
   OBSESSION MOBILE HERO LANGUAGE GEOMETRY V1
   Arabic + English keep identical vertical anchors.
   Direction/font remain language-specific.
   ========================================================= */

@media(max-width:760px){

  html body .hero [data-hero-slide="perfume"] .eyebrow{
    min-height:18px!important;
    margin-top:0!important;
    margin-bottom:14px!important;
  }

  html body .hero [data-hero-slide="perfume"] h1{
    min-height:122px!important;
    margin-top:0!important;
    margin-bottom:18px!important;
  }

  html body .hero [data-hero-slide="perfume"] > p{
    min-height:104px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  html body .hero [data-hero-slide="perfume"] .hero-actions{
    margin-top:26px!important;
    padding-top:0!important;
  }

  /* Keep button/category zone identical in both languages */
  html body .hero [data-hero-slide="perfume"] .hero-actions > .btn.gold{
    min-height:46px!important;
  }

  html body .hero [data-hero-slide="perfume"] .hero-collection-shortcuts{
    min-height:34px!important;
  }

  html body .hero [data-hero-slide="perfume"] .hero-collection-shortcuts a{
    min-height:34px!important;
    white-space:nowrap!important;
  }

  /* Beauty tab geometry */
  html body .hero [data-hero-slide="beauty"] .beauty-kicker-mobile{
    min-height:18px!important;
  }

  html body .hero [data-hero-slide="beauty"] h1{
    min-height:66px!important;
  }

  html body .hero [data-hero-slide="beauty"] > p{
    min-height:86px!important;
  }
}

@media(max-width:430px){

  html body .hero [data-hero-slide="perfume"] h1{
    min-height:124px!important;
  }

  html body .hero [data-hero-slide="perfume"] > p{
    min-height:116px!important;
  }
}


/* =========================================================
   OBSESSION BEAUTY FINAL NAV V1
   ========================================================= */

@media(max-width:760px){

  /*
   * Explore Beauty stays in the same action zone
   * as the Perfume action area.
   */
  html body .hero
  [data-hero-slide="beauty"]
  .obs-beauty-mobile-cta{

    margin-top:26px!important;
    margin-bottom:0!important;

    width:auto!important;

    min-width:190px!important;
    max-width:240px!important;

    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;

    align-self:center!important;

    flex:0 0 46px!important;
  }


  /* Main Beauty lower navigation */

  html body .hero .obs-beauty-final-nav{
    width:100%!important;

    margin-top:14px!important;

    box-sizing:border-box!important;
  }


  /* SKIN • BODY • HAIR • SELF-CARE */

  html body .hero .obs-beauty-care-line{
    width:100%!important;

    min-height:30px!important;

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

    gap:7px!important;

    padding:0 6px!important;

    border-top:
      1px solid rgba(214,165,72,.24)!important;

    border-bottom:
      1px solid rgba(214,165,72,.24)!important;

    box-sizing:border-box!important;

    white-space:nowrap!important;
  }

  html body .hero .obs-beauty-care-line span{
    display:inline-flex!important;
    align-items:center!important;
  }

  html body .hero .obs-beauty-care-line b{
    color:#e0bd79!important;

    font-family:
      Montserrat,Arial,sans-serif!important;

    font-size:8px!important;
    font-weight:600!important;

    line-height:1!important;

    letter-spacing:.085em!important;
  }

  html body .hero .obs-beauty-care-line i{
    color:rgba(255,255,255,.34)!important;

    font-style:normal!important;
    font-size:8px!important;
  }


  /* Khan El Saboun / The Beauty Spot */

  html body .hero .obs-beauty-brand-row{
    width:100%!important;

    display:grid!important;
    grid-template-columns:1fr 1fr!important;

    gap:8px!important;

    margin-top:10px!important;
  }

  html body .hero .obs-beauty-brand-row > a{
    position:relative!important;

    min-width:0!important;

    height:48px!important;
    min-height:48px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    padding:7px 24px 7px 10px!important;

    border:
      1px solid rgba(214,165,72,.48)!important;

    background:
      linear-gradient(
        135deg,
        rgba(214,165,72,.10),
        rgba(255,255,255,.02)
      )!important;

    color:#fff!important;

    text-decoration:none!important;

    box-sizing:border-box!important;

    overflow:hidden!important;
  }

  html body .hero .obs-beauty-brand-row small{
    display:block!important;

    margin-bottom:3px!important;

    color:#ad9167!important;

    font-family:
      Montserrat,Arial,sans-serif!important;

    font-size:6px!important;
    font-weight:600!important;

    letter-spacing:.14em!important;
  }

  html body .hero .obs-beauty-brand-row strong{
    color:#f4eee5!important;

    font-family:
      Montserrat,Arial,sans-serif!important;

    font-size:8px!important;
    font-weight:600!important;

    line-height:1.2!important;

    letter-spacing:.04em!important;
  }

  html body .hero .obs-final-arrow{
    position:absolute!important;

    right:8px!important;
    top:50%!important;

    transform:translateY(-50%)!important;

    color:#d6a548!important;

    font-size:14px!important;
    font-weight:400!important;
  }


  /* Language */

  html body .hero .obs-final-ar{
    display:none!important;
  }

  html.obs-lang-ar body .hero .obs-final-en{
    display:none!important;
  }

  html.obs-lang-ar body .hero .obs-final-ar{
    display:inline!important;
  }

  html.obs-lang-ar body .hero .obs-beauty-care-line{
    direction:rtl!important;
  }

  html.obs-lang-ar body .hero .obs-beauty-care-line b{
    font-family:
      "Noto Kufi Arabic",
      Tahoma,
      Arial,
      sans-serif!important;

    font-size:8px!important;
    letter-spacing:0!important;
  }

  html.obs-lang-ar body .hero
  .obs-beauty-brand-row > a{

    direction:rtl!important;

    padding-left:24px!important;
    padding-right:10px!important;
  }

  html.obs-lang-ar body .hero
  .obs-beauty-brand-row small,

  html.obs-lang-ar body .hero
  .obs-beauty-brand-row strong{

    font-family:
      "Noto Kufi Arabic",
      Tahoma,
      Arial,
      sans-serif!important;

    letter-spacing:0!important;
  }

  html.obs-lang-ar body .hero .obs-final-arrow{
    right:auto!important;
    left:8px!important;

    transform:
      translateY(-50%)
      rotate(180deg)!important;
  }
}


@media(max-width:390px){

  html body .hero .obs-beauty-care-line{
    gap:5px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  html body .hero .obs-beauty-care-line b{
    font-size:7.2px!important;
    letter-spacing:.05em!important;
  }

  html.obs-lang-ar body .hero
  .obs-beauty-care-line b{
    font-size:7.5px!important;
  }

  html body .hero
  .obs-beauty-brand-row strong{
    font-size:7.3px!important;
  }
}

/* =========================================================
   OBSESSION — MOBILE HORIZONTAL OVERFLOW LOCK V1
   Prevent page from becoming wider than the viewport.
   ========================================================= */

html,
body{
  width:100%;
  max-width:100%;
}

html{
  overflow-x:hidden;
  overflow-x:clip;
}

body{
  overflow-x:hidden;
  overflow-x:clip;
  position:relative;
}

img,
picture,
video,
canvas,
svg{
  max-width:100%;
}

@media(max-width:760px){

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-x:clip!important;
  }

  main,
  section,
  header,
  footer{
    max-width:100%!important;
  }
}


/* =========================================================
   OBSESSION BAG CHECKOUT ROOT FIX V1
   ========================================================= */


/* ---------------------------------------------------------
   EMPTY BAG
   One stable geometry before + after JS rendering.
   --------------------------------------------------------- */

body.obs-cart-page
.cart-table
tr.obs-cart-empty-row{
  height:104px!important;
}

body.obs-cart-page
.cart-table
tr.obs-cart-empty-row
td.obs-cart-empty-cell{
  height:104px!important;

  padding:0 24px!important;

  text-align:center!important;
  vertical-align:middle!important;

  color:#756d62!important;

  font-size:11px!important;
  line-height:1.65!important;
}


/* ---------------------------------------------------------
   CHECKOUT
   Keep the complete order area visually centered.
   --------------------------------------------------------- */

.checkout-grid-v17{
  width:min(1040px,calc(100% - 36px))!important;
  max-width:1040px!important;

  margin-left:auto!important;
  margin-right:auto!important;
}

.checkout-details-card,
.checkout-summary-card{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:960px){

  .checkout-grid-v17{
    width:min(680px,calc(100% - 36px))!important;
    max-width:680px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    grid-template-columns:1fr!important;
  }

  .checkout-details-card,
  .checkout-summary-card{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


@media(max-width:700px){

  /*
   * Generic cart mobile CSS treats last TD as Remove button.
   * Empty state has only one TD, therefore it must be excluded
   * from those product-row rules.
   */

  body.obs-cart-page
  .cart-table
  tr.obs-cart-empty-row{

    display:block!important;

    position:relative!important;

    width:100%!important;

    height:104px!important;
    min-height:104px!important;

    padding:0!important;

    border-bottom:1px solid var(--line)!important;
  }


  body.obs-cart-page
  .cart-table
  tr.obs-cart-empty-row
  td.obs-cart-empty-cell{

    position:static!important;

    display:flex!important;

    width:100%!important;
    height:104px!important;
    min-height:104px!important;

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

    padding:0 18px!important;

    text-align:center!important;

    float:none!important;

    box-sizing:border-box!important;
  }


  body.obs-cart-page
  .cart-table
  tr.obs-cart-empty-row
  td.obs-cart-empty-cell:first-child{

    padding-left:18px!important;
    padding-right:18px!important;

    text-align:center!important;
  }


  body.obs-cart-page
  .cart-table
  tr.obs-cart-empty-row
  td.obs-cart-empty-cell:last-child{

    position:static!important;

    right:auto!important;
    left:auto!important;
    top:auto!important;

    width:100%!important;
  }


  body.obs-cart-page
  .cart-table
  tr.obs-cart-empty-row
  td.obs-cart-empty-cell::before{

    display:none!important;
    content:none!important;
  }
}


@media(max-width:480px){

  .checkout-grid-v17{
    width:calc(100% - 28px)!important;
    max-width:680px!important;
  }
}


/* =========================================================
   OBSESSION BAG EMPTY SUMMARY FIRST PAINT V1
   ========================================================= */

body.obs-cart-page .obs-cart-critical-en{
  display:inline;
}

body.obs-cart-page .obs-cart-critical-ar{
  display:none;
}

html.obs-lang-ar body.obs-cart-page .obs-cart-critical-en{
  display:none;
}

html.obs-lang-ar body.obs-cart-page .obs-cart-critical-ar{
  display:inline;
}


/* Order Summary occupies final height from first paint. */
body.obs-cart-page .cart-summary-v17 h2{
  min-height:30px!important;
}


/* Empty Bag uses exactly the same geometry before/after JS. */
body.obs-cart-page
.cart-table
tr.obs-cart-empty-row
td.obs-cart-empty-cell{
  min-height:104px!important;
}


/* =========================================================
   OBSESSION — BAG GRID STABILITY V1
   Remove legacy intrinsic-width behaviour from V17 Bag.
   ========================================================= */

body.obs-cart-page .cart-layout-v17{
  width:100%!important;

  grid-template-columns:
    minmax(0,1.65fr)
    minmax(300px,.65fr)!important;

  align-items:start!important;
}


/* Both grid children must be allowed to stay inside
   the grid tracks from the very first layout. */
body.obs-cart-page .cart-main-card,
body.obs-cart-page .cart-summary-v17{
  min-width:0!important;
  box-sizing:border-box!important;
}


/* Kill legacy .cart-summary geometry:
   margin-left:auto / margin-top / max-width:420px */
body.obs-cart-page .cart-summary-v17{
  width:100%!important;
  max-width:none!important;

  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;

  align-self:start!important;
}


/* Dynamic summary children may never expand the grid track. */
body.obs-cart-page .cart-summary-v17 > *,
body.obs-cart-page .obs-promo-ui,
body.obs-cart-page #obs-cart-gifts,
body.obs-cart-page .obs-coupon-box,
body.obs-cart-page .obs-coupon-row,
body.obs-cart-page .delivery-zone-label,
body.obs-cart-page .delivery-zone-label select{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}


body.obs-cart-page .delivery-zone-label select{
  width:100%!important;
}


/* Empty side also remains exactly inside its grid track. */
body.obs-cart-page .cart-table,
body.obs-cart-page #cart-body,
body.obs-cart-page .obs-cart-empty-row,
body.obs-cart-page .obs-cart-empty-cell{
  max-width:100%!important;
  box-sizing:border-box!important;
}


/* Tablet/mobile: one exact full-width column.
   No retained 420px legacy summary width. */
@media(max-width:960px){

  body.obs-cart-page .cart-layout-v17{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.obs-cart-page .cart-main-card,
  body.obs-cart-page .cart-summary-v17{
    width:100%!important;
    max-width:none!important;

    margin-left:0!important;
    margin-right:0!important;
  }
}



/* =========================================================
   OBSESSION PICKUP FROM SAIDA V2
   ========================================================= */

.obs-fulfillment-choice{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
}


.obs-fulfillment-option{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;

  min-width:0;
  min-height:108px;

  padding:17px 18px;

  border:1px solid #ded3c2;
  background:#fff;

  cursor:pointer;

  box-sizing:border-box;

  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}


.obs-fulfillment-option:hover{
  border-color:#b58b50;
}


.obs-fulfillment-option:has(input:checked){
  border-color:#9c743b;
  background:#fdf9f2;

  box-shadow:
    0 7px 24px
    rgba(73,54,27,.08);
}


.obs-fulfillment-option input{
  margin:3px 0 0;
  flex:0 0 auto;
  accent-color:#9c743b;
}


.obs-fulfillment-copy{
  min-width:0;
}


.obs-fulfillment-copy strong{
  display:block;

  color:#211a14;

  font-size:12px;
  line-height:1.4;
}


.obs-fulfillment-copy small{
  display:block;

  margin-top:7px;

  color:#776a5a;

  font-size:9px;
  line-height:1.65;
}


.obs-pickup-notice{
  display:none;

  width:100%;
  box-sizing:border-box;

  padding:14px 16px;

  border:1px solid #dfc99e;
  background:#fbf6ec;

  color:#66553d;

  font-size:10px;
  line-height:1.7;
}


html.obs-pickup-mode
.obs-pickup-notice{
  display:block;
}


html.obs-pickup-mode
.obs-delivery-only{
  display:none!important;
}


.obs-pickup-ar{
  display:none;
}


html.obs-lang-ar
.obs-pickup-en{
  display:none!important;
}


html.obs-lang-ar
.obs-pickup-ar{
  display:inline!important;
}


html.obs-lang-ar
.obs-fulfillment-option{
  text-align:right;
}


@media(max-width:620px){

  .obs-fulfillment-choice{
    grid-template-columns:1fr;
  }

  .obs-fulfillment-option{
    min-height:auto;
  }
}


/* ==========================================================
   OBSESSION A+ FREE SCENTO CARD BADGE — SOURCE V1
   ========================================================== */

.product-card[data-collection="aplus"] .badge{
  background:#17130f;
  color:#e7c47d;
  border:1px solid rgba(231,196,125,.30);
  letter-spacing:.07em;
}

/* A+ already has collection/meta text under the product.
   Prevent any legacy collection chip from sitting beside
   the promotional badge. */
.product-card[data-collection="aplus"] .obs-card-collection-chip,
.product-card[data-collection="aplus"] [class*="collection-chip"]{
  display:none!important;
}

html.obs-lang-ar .product-card[data-collection="aplus"] .badge{
  letter-spacing:0;
}

/* =========================================================
   OBSESSION_ARABIC_DESKTOP_HEADER_CLEAN_V1
   Arabic language, physical LTR shell.
   Desktop only. English and mobile untouched.
   ========================================================= */

@media (min-width:961px){

  html.obs-lang-ar .header{
    direction:ltr!important;
  }

  html.obs-lang-ar .header .container.nav{
    direction:ltr!important;

    display:grid!important;
    grid-template-columns:
      minmax(285px,max-content)
      minmax(0,1fr)
      max-content!important;

    align-items:center!important;
    column-gap:clamp(18px,1.5vw,32px)!important;

    width:min(1840px,calc(100% - 48px))!important;
    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }


  /* ---------- BRAND ---------- */

  html.obs-lang-ar .header .brand{
    grid-column:1!important;

    direction:ltr!important;

    width:max-content!important;
    min-width:0!important;
    max-width:none!important;

    margin:0!important;

    justify-self:start!important;
    flex:none!important;
  }


  /* ---------- MAIN NAV ---------- */

  html.obs-lang-ar .header .navlinks{
    grid-column:2!important;

    direction:ltr!important;

    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;

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

    width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;

    gap:clamp(18px,1.25vw,28px)!important;
  }


  html.obs-lang-ar .header .navlinks > a,
  html.obs-lang-ar .header .navlinks > .dropdown{
    flex:0 0 auto!important;
    min-width:0!important;
  }


  html.obs-lang-ar .header .navlinks > a,
  html.obs-lang-ar .header .navlinks .dropbtn,
  html.obs-lang-ar .header .navlinks .dropdown > a{
    direction:rtl!important;

    display:inline-flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;

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

    width:max-content!important;
    max-width:none!important;

    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;

    line-height:1.65!important;

    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;

    font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
    font-size:clamp(11px,.72vw,14px)!important;
  }


  /* Dropdown arrow stays beside its label */
  html.obs-lang-ar .header .navlinks .dropbtn > span{
    display:inline!important;
    white-space:nowrap!important;
  }


  html.obs-lang-ar .header .navlinks .dropdown{
    direction:ltr!important;

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

    flex:0 0 auto!important;

    padding-top:10px!important;
    padding-bottom:10px!important;

    margin-top:-10px!important;
    margin-bottom:-10px!important;
  }


  /* Dropdown contents themselves read naturally in Arabic */
  html.obs-lang-ar .header .navlinks .dropmenu{
    direction:rtl!important;
    text-align:right!important;
  }


  /* ---------- SCENT FINDER ---------- */

  html.obs-lang-ar .header .scent-finder-nav{
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
  }


  /* ---------- RIGHT ACTIONS ---------- */

  html.obs-lang-ar .header .nav-actions{
    grid-column:3!important;

    direction:ltr!important;

    display:flex!important;
    flex-wrap:nowrap!important;

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

    width:max-content!important;
    min-width:max-content!important;

    margin:0!important;

    gap:10px!important;

    justify-self:end!important;
  }


  html.obs-lang-ar .header .lang-switch,
  html.obs-lang-ar .header .obs-global-search-link,
  html.obs-lang-ar .header .icon-btn{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }


  html.obs-lang-ar .header .icon-btn[href="cart.html"]{
    direction:rtl!important;
  }
}


/* Compact desktop / small laptop */
@media (min-width:961px) and (max-width:1280px){

  html.obs-lang-ar .header .container.nav{
    grid-template-columns:
      minmax(235px,max-content)
      minmax(0,1fr)
      max-content!important;

    column-gap:12px!important;

    width:calc(100% - 28px)!important;
  }

  html.obs-lang-ar .header .navlinks{
    gap:12px!important;
  }

  html.obs-lang-ar .header .navlinks > a,
  html.obs-lang-ar .header .navlinks .dropbtn,
  html.obs-lang-ar .header .navlinks .dropdown > a{
    font-size:10px!important;
  }

  html.obs-lang-ar .header .nav-actions{
    gap:6px!important;
  }
}

/* =========================================
   SOURCE: product-beauty.css
   ========================================= */

/* OBSESSION V21 — Product Page Polish + Beauty-specific presentation */
.product-page-retail{padding-top:54px!important;padding-bottom:64px!important;grid-template-columns:minmax(480px,1.08fr) minmax(430px,.92fr)!important;gap:64px!important;align-items:start!important}.product-page-retail .product-gallery-wrap{max-width:650px!important}.product-page-retail .gallery-main{height:610px!important;max-height:610px!important;border-color:#e8e0d5!important;background:linear-gradient(180deg,#fff,#fdfbf8)!important}.product-page-retail .gallery-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}.product-page-retail .gallery-thumbs .thumb{aspect-ratio:1/1!important;min-width:0!important}.product-page-retail .product-retail-detail{padding-top:5px!important;max-width:570px!important}.product-page-retail .product-brand-line{display:inline-flex!important;align-items:center!important;min-height:27px!important;margin:0 0 15px!important;padding:6px 10px!important;border:1px solid #dfd4c4!important;background:#fbf8f2!important;color:#8f6930!important;font-size:9px!important;font-weight:700!important;letter-spacing:.11em!important;text-transform:uppercase!important}.product-page-retail .product-retail-detail h1{font-size:clamp(44px,4.5vw,62px)!important;line-height:.98!important;margin-bottom:14px!important}.product-page-retail .product-rating-summary{margin-bottom:20px!important}.product-page-retail #product-price{font-size:34px!important;margin-bottom:20px!important}.product-page-retail #product-description{font-size:12.5px!important;line-height:1.82!important;color:#6f655b!important;margin-bottom:22px!important}.product-size-choice{max-width:none!important;margin:18px 0 22px!important;padding:16px 0 2px!important;border-top:1px solid #eee7dc!important}.product-size-choice>label{font-size:9px!important;letter-spacing:.16em!important;color:#745a32!important}.variant-size-buttons{gap:10px!important}.variant-size-btn{height:auto!important;min-height:49px!important;min-width:104px!important;padding:9px 15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:0!important}.variant-size-btn span{font-size:11px}.variant-size-btn small{font-size:8px;font-weight:600;opacity:.72}.variant-size-btn.active small{opacity:.88}.variant-size-hint{font-size:9.5px!important;margin-top:9px!important}.product-page-retail .product-retail-buy-row{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:10px!important;width:100%!important;max-width:none!important}.product-page-retail .retail-quantity{width:118px!important;max-width:none!important;min-width:118px!important;height:48px!important;min-height:48px!important}.product-page-retail .retail-quantity button,.product-page-retail .retail-quantity input{height:46px!important;min-height:46px!important}.product-page-retail #product-add-btn{width:100%!important;max-width:none!important;height:48px!important;min-height:48px!important;line-height:normal!important}.product-page-retail #product-buy-now-btn{width:100%!important;max-width:none!important;height:50px!important;min-height:50px!important;line-height:normal!important;margin-top:10px!important}.product-page-retail .product-retail-total,.product-page-retail .retail-trust{width:100%!important;max-width:none!important}.product-page-retail .retail-trust{gap:8px 16px!important;padding:14px 0!important}.product-page-retail .accordions{margin-top:14px!important}.related-section,.recommended-section{padding:62px 0!important}.related-section .heading,.recommended-section .heading{margin-bottom:24px!important}.related-section .heading h2,.recommended-section .heading h2{font-size:clamp(36px,4vw,52px)!important;margin:4px 0 5px!important}.related-section .heading p,.recommended-section .heading p{margin:0!important}.reviews-section{padding-top:68px!important}.review-metrics-v21{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.review-metrics-v21 label span{display:block;min-height:30px;font-size:8.5px;line-height:1.4;color:#6e645a}.review-performance-tags-v21{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.review-performance-tags-v21 span{display:inline-flex!important;gap:5px!important}.review-performance-tags-v21 b{font-weight:600!important}
/* Beauty product personality */
body.is-beauty-product .product-page-retail{background:radial-gradient(circle at 0 0,rgba(204,169,109,.06),transparent 28%)}body.is-beauty-product .product-brand-line{background:#f8f2e8!important;border-color:#d7c5a8!important;color:#8b642b!important}body.is-beauty-product .product-size-choice{border-top-color:#e9dfd0!important}body.is-beauty-product .scent-dna-panel{display:none!important}body.is-beauty-product #notes-accordion{display:none!important}.beauty-brand-signature{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:16px 0 8px;padding:17px 18px;border:1px solid #dfd2bd;background:linear-gradient(135deg,#fff,#faf5ec)}.beauty-brand-signature div{display:grid;gap:3px}.beauty-brand-signature small{font-size:7px;font-weight:700;letter-spacing:.15em;color:#9d7638}.beauty-brand-signature b{font:600 21px/1.1 "Cormorant Garamond",serif;color:#2b2016}.beauty-brand-signature span{font-size:8.5px;color:#807365}.beauty-brand-signature a{border:1px solid #b38b50;padding:9px 11px;color:#75531f;text-decoration:none;font-size:8px;font-weight:700;text-transform:uppercase;white-space:nowrap}.beauty-brand-signature a:hover{background:#211b16;color:#fff;border-color:#211b16}body.is-beauty-product .reviews-section{background:linear-gradient(180deg,#fff,#fcfaf6)!important}
html.obs-lang-ar .product-page-retail .product-brand-line{text-transform:none!important;letter-spacing:0!important}html.obs-lang-ar .beauty-brand-signature b{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.6}html.obs-lang-ar .beauty-brand-signature small{letter-spacing:0}
@media(max-width:1050px){.product-page-retail{grid-template-columns:minmax(390px,.95fr) minmax(390px,1.05fr)!important;gap:36px!important}.product-page-retail .gallery-main{height:520px!important;max-height:520px!important}.review-metrics-v21{grid-template-columns:1fr!important}}
@media(max-width:820px){.product-page-retail{grid-template-columns:1fr!important;padding-top:28px!important;gap:30px!important}.product-page-retail .product-retail-detail{max-width:none!important}.product-page-retail .gallery-main{height:470px!important;max-height:470px!important}.product-page-retail .gallery-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))!important}.beauty-brand-signature{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.product-page-retail .gallery-main{height:360px!important;max-height:360px!important}.product-page-retail .gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.product-page-retail .product-retail-detail h1{font-size:40px!important}.product-page-retail .product-retail-buy-row{grid-template-columns:104px minmax(0,1fr)!important}.product-page-retail .retail-quantity{width:104px!important;min-width:104px!important}.variant-size-btn{min-width:calc(50% - 5px)!important}.related-section,.recommended-section{padding:48px 0!important}.review-metrics-v21 label span{min-height:0}}

/* =========================================
   SOURCE: beauty-care.css
   ========================================= */

/* OBSESSION V21 — BEAUTY SYSTEM */
.beauty-nav-dropdown .dropmenu{min-width:235px!important}.beauty-nav-dropdown .dropmenu a{white-space:nowrap}.beauty-menu-label{display:block;padding:9px 14px 4px;font-size:7px;letter-spacing:.18em;color:#a38355;pointer-events:none}.obs-en{display:inline}.obs-ar{display:none}html.obs-lang-ar .obs-en,html[lang="ar"] .obs-en{display:none}html.obs-lang-ar .obs-ar,html[lang="ar"] .obs-ar{display:inline}
.beauty-kicker{font-size:9px;font-weight:700;letter-spacing:.2em;color:#a97d38;text-transform:uppercase}html.obs-lang-ar .beauty-kicker{letter-spacing:0;text-transform:none}
.beauty-v21-page{background:#fff}.beauty-v21-hero{padding:78px 0 70px;background:radial-gradient(circle at 83% 23%,rgba(203,164,94,.20),transparent 24%),radial-gradient(circle at 18% 80%,rgba(226,207,175,.20),transparent 30%),linear-gradient(180deg,#fbf7f0 0%,#fff 100%);border-bottom:1px solid #eee5d8}.beauty-v21-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 250px;gap:70px;align-items:center}.beauty-v21-hero h1{max-width:780px;margin:8px 0 18px;font:600 clamp(48px,6vw,78px)/.94 "Cormorant Garamond",serif;letter-spacing:-.025em;color:#20170f}.beauty-v21-hero p{max-width:710px;margin:0;font-size:13px;line-height:1.8;color:#73695e}.beauty-v21-monogram{width:230px;height:230px;border:1px solid #cdb995;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.48);box-shadow:0 24px 70px rgba(59,42,22,.07)}.beauty-v21-monogram:before,.beauty-v21-monogram:after{content:"";position:absolute}.beauty-v21-monogram span{font-size:8px;letter-spacing:.2em;color:#9d7741}.beauty-v21-monogram b{margin:7px 0;font:600 28px/1 "Cormorant Garamond",serif}.beauty-v21-monogram small{font-size:7px;letter-spacing:.14em;color:#887a69}
.beauty-brand-directory{padding:72px 0 90px}.beauty-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.beauty-section-head h2{margin:6px 0 7px;font:600 clamp(38px,4vw,54px)/1 "Cormorant Garamond",serif;color:#211910}.beauty-section-head p{margin:0;color:#7d7164;font-size:11px;line-height:1.7}.beauty-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.beauty-brand-card{position:relative;min-height:305px;padding:34px;border:1px solid #ddd1c0;background:linear-gradient(145deg,#fff,#fcf9f4);color:#241c14;text-decoration:none;overflow:hidden;transition:.28s ease}.beauty-brand-card:before{content:"";position:absolute;right:-80px;top:-100px;width:270px;height:270px;border:1px solid rgba(180,139,73,.18);border-radius:50%}.beauty-brand-card:after{content:"";position:absolute;right:-20px;bottom:-95px;width:220px;height:220px;border-radius:50%;background:rgba(182,141,76,.07)}.beauty-brand-card:hover{transform:translateY(-5px);border-color:#bb9456;box-shadow:0 24px 55px rgba(52,38,20,.09)}.beauty-brand-logo{position:relative;z-index:2;width:76px;height:76px;display:grid;place-items:center;border:1px solid #ded2c1;background:#fff;margin-bottom:38px}.beauty-brand-logo img{width:100%;height:100%;object-fit:contain;padding:7px}.beauty-brand-logo span{font:600 22px "Cormorant Garamond",serif;color:#9a7136}.beauty-brand-card small{position:relative;z-index:2;font-size:8px;letter-spacing:.16em;color:#9c7742}.beauty-brand-card h3{position:relative;z-index:2;margin:8px 0 10px;font:600 39px/.95 "Cormorant Garamond",serif}.beauty-brand-card p{position:relative;z-index:2;max-width:480px;margin:0;color:#786d61;font-size:10.5px;line-height:1.75}.beauty-brand-card b{position:absolute;z-index:2;left:34px;bottom:30px;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.beauty-brand-card .beauty-brand-count{position:absolute;right:28px;bottom:27px;z-index:2;font:600 22px "Cormorant Garamond",serif;color:#a8834a}.beauty-brand-card .beauty-brand-count small{display:block;font:500 7px Montserrat,sans-serif;text-align:right;letter-spacing:.12em}html.obs-lang-ar .beauty-brand-card b{left:auto;right:34px}html.obs-lang-ar .beauty-brand-card .beauty-brand-count{right:auto;left:28px}.beauty-empty{grid-column:1/-1;padding:52px 22px;border:1px dashed #d8cbb8;background:#fffaf4;text-align:center;color:#827568;font-size:12px}
.beauty-brand-store{padding:44px 0 90px}.beauty-brand-hero-card{position:relative;padding:30px 34px 36px;border:1px solid #dfd4c3;background:radial-gradient(circle at 90% 10%,rgba(200,159,91,.12),transparent 28%),#fcfaf6;margin-bottom:28px}.beauty-back-brands{border:0;background:transparent;padding:0;margin:0 0 24px;color:#8f6930;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.beauty-brand-hero-content{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center}.beauty-brand-hero-logo{width:96px;height:96px;border:1px solid #d8cab6;background:#fff;display:grid;place-items:center}.beauty-brand-hero-logo img{width:100%;height:100%;object-fit:contain;padding:9px}.beauty-brand-hero-logo span{font:600 27px "Cormorant Garamond",serif;color:#9a7136}.beauty-brand-hero-card h1{margin:5px 0 8px;font:600 clamp(40px,5vw,62px)/.95 "Cormorant Garamond",serif}.beauty-brand-hero-card p{max-width:700px;margin:0;color:#766b60;font-size:11px;line-height:1.75}.beauty-type-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:17px 0 24px;border-bottom:1px solid #ebe4d9;margin-bottom:28px}.beauty-toolbar-label{display:block;margin-bottom:10px;font-size:8px;font-weight:700;letter-spacing:.16em;color:#9d773c}.beauty-type-pills{display:flex;flex-wrap:wrap;gap:8px}.beauty-type-pill{border:1px solid #d9cebe;background:#fff;padding:9px 13px;font-size:9px;cursor:pointer;transition:.2s}.beauty-type-pill:hover,.beauty-type-pill.active{background:#201b16;color:#fff;border-color:#201b16}.beauty-product-count{font:600 22px "Cormorant Garamond",serif;color:#372c21;white-space:nowrap}.beauty-product-count small{display:block;font:500 8px Montserrat,sans-serif;color:#8c8175;text-align:right}.beauty-product-grid{padding-top:2px}
/* Home Beauty area becomes brand-first too */.beauty-home-section .beauty-grid.beauty-home-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.beauty-home-section .beauty-home-brand-card{min-height:230px}.beauty-home-section .beauty-home-brand-card .beauty-brand-logo{margin-bottom:22px}.beauty-home-section .beauty-home-brand-card h3{font-size:31px}
html.obs-lang-ar .beauty-v21-hero h1,html.obs-lang-ar .beauty-section-head h2,html.obs-lang-ar .beauty-brand-card h3,html.obs-lang-ar .beauty-brand-hero-card h1{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.45;letter-spacing:0}.beauty-brand-card h3{overflow-wrap:anywhere}
@media(max-width:900px){.beauty-v21-hero-grid{grid-template-columns:1fr}.beauty-v21-monogram{display:none}.beauty-brand-grid{grid-template-columns:1fr}.beauty-home-section .beauty-grid.beauty-home-brands{grid-template-columns:1fr}.beauty-v21-hero{padding:58px 0}.beauty-brand-directory{padding:52px 0 70px}}
@media(max-width:620px){.beauty-v21-hero h1{font-size:48px}.beauty-brand-card{min-height:270px;padding:26px}.beauty-brand-card b{left:26px;bottom:24px}html.obs-lang-ar .beauty-brand-card b{left:auto;right:26px}.beauty-brand-hero-card{padding:24px 20px}.beauty-brand-hero-content{grid-template-columns:1fr}.beauty-brand-hero-logo{width:76px;height:76px}.beauty-type-toolbar{align-items:flex-start;flex-direction:column}.beauty-product-count small{text-align:left}}

/* OBSESSION V21.1 — HOME BEAUTY BRAND LAYOUT FIX */
.beauty-home-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 3% 18%,rgba(190,151,84,.09),transparent 22%),
    radial-gradient(circle at 97% 82%,rgba(211,190,154,.10),transparent 24%),
    #fff;
}
.beauty-home-section>.container{position:relative;z-index:1}

.beauty-home-section .beauty-home-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:30px!important;
  width:100%!important;
  margin-bottom:28px!important;
}
.beauty-home-section .beauty-home-head>div{min-width:0}
.beauty-home-section .beauty-home-head h2{
  margin:7px 0 8px!important;
  font:600 clamp(36px,3.6vw,52px)/1 "Cormorant Garamond",serif!important;
  color:#211910;
}
.beauty-home-section .beauty-home-head p{
  max-width:650px;
  margin:0!important;
  font-size:12px!important;
  line-height:1.75!important;
  color:#7b7064;
}
.beauty-home-section .beauty-all-link{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:205px;
  min-height:42px;
  padding:0 17px!important;
  border:1px solid #cdbb9c;
  background:#fff;
  color:#2a2118;
  text-decoration:none;
  font-size:9px!important;
  font-weight:600;
  letter-spacing:.07em;
  white-space:nowrap;
  transition:.2s ease;
}
.beauty-home-section .beauty-all-link:hover{
  border-color:#9e7435;
  color:#8b642d;
  transform:translateY(-1px);
}

.beauty-home-section .beauty-grid.beauty-home-brands{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.beauty-home-section .beauty-home-brand-card{
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:265px!important;
  padding:28px 30px!important;
  margin:0!important;
}
.beauty-home-section .beauty-home-brand-card .beauty-brand-logo{
  width:68px!important;
  height:68px!important;
  margin:0 0 24px!important;
}
.beauty-home-section .beauty-home-brand-card h3{
  max-width:72%;
  margin:7px 0 9px!important;
  font-size:34px!important;
  line-height:1!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.beauty-home-section .beauty-home-brand-card p{
  max-width:72%!important;
  margin:0!important;
  padding-bottom:45px!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}
.beauty-home-section .beauty-home-brand-card b{
  left:30px!important;
  bottom:25px!important;
}
.beauty-home-section .beauty-home-brand-card .beauty-brand-count{
  right:28px!important;
  bottom:23px!important;
}
html.obs-lang-ar .beauty-home-section .beauty-home-brand-card b{
  left:auto!important;
  right:30px!important;
}
html.obs-lang-ar .beauty-home-section .beauty-home-brand-card .beauty-brand-count{
  right:auto!important;
  left:28px!important;
}
html.obs-lang-ar .beauty-home-section .beauty-home-head h2{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  line-height:1.45!important;
}

@media(max-width:900px){
  .beauty-home-section .beauty-home-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .beauty-home-section .beauty-all-link{min-width:0}
  .beauty-home-section .beauty-grid.beauty-home-brands{
    grid-template-columns:1fr!important;
  }
  .beauty-home-section .beauty-home-brand-card{
    min-height:250px!important;
  }
}
@media(max-width:620px){
  .beauty-home-section .beauty-home-head{margin-bottom:22px!important}
  .beauty-home-section .beauty-all-link{width:100%!important}
  .beauty-home-section .beauty-home-brand-card{
    padding:24px!important;
    min-height:275px!important;
  }
  .beauty-home-section .beauty-home-brand-card h3,
  .beauty-home-section .beauty-home-brand-card p{max-width:100%!important}
  .beauty-home-section .beauty-home-brand-card p{padding-bottom:58px!important}
  .beauty-home-section .beauty-home-brand-card b{left:24px!important;bottom:24px!important}
  .beauty-home-section .beauty-home-brand-card .beauty-brand-count{right:24px!important;bottom:22px!important}
  html.obs-lang-ar .beauty-home-section .beauty-home-brand-card b{left:auto!important;right:24px!important}
  html.obs-lang-ar .beauty-home-section .beauty-home-brand-card .beauty-brand-count{right:auto!important;left:24px!important}
}




/* OBSESSION BEAUTY BRAND LOGOS FINAL V21.7B */

.beauty-home-section .beauty-home-brand-card .beauty-brand-logo{
    width:200px !important;
    height:130px !important;

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

    margin:0 0 24px 0 !important;
    padding:10px !important;

    box-sizing:border-box !important;

    background:#fff !important;
    border:1px solid rgba(174,145,98,.18) !important;

    overflow:visible !important;
}

.beauty-home-section .beauty-home-brand-card .beauty-brand-logo img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:100% !important;
    max-height:100% !important;

    object-fit:contain !important;
    object-position:center !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}

/* Khan Al Saboun */
.beauty-home-section
.beauty-home-brand-card:nth-child(1)
.beauty-brand-logo img{
    max-width:118px !important;
    max-height:110px !important;
}

/* The Beauty Spot */
.beauty-home-section
.beauty-home-brand-card:nth-child(2)
.beauty-brand-logo img{
    max-width:178px !important;
    max-height:105px !important;
}

@media(max-width:700px){

    .beauty-home-section .beauty-home-brand-card .beauty-brand-logo{
        width:175px !important;
        height:115px !important;
    }

    .beauty-home-section
    .beauty-home-brand-card:nth-child(1)
    .beauty-brand-logo img{
        max-width:100px !important;
        max-height:95px !important;
    }

    .beauty-home-section
    .beauty-home-brand-card:nth-child(2)
    .beauty-brand-logo img{
        max-width:155px !important;
        max-height:92px !important;
    }
}

/* =========================================
   SOURCE: beauty-bundles.css
   ========================================= */

/* OBSESSION v17.17 — BEAUTY BUNDLES */
.bundle-set-summary{display:flex;align-items:center;gap:10px;margin:4px 0 18px;color:#80602d;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.bundle-set-summary i{width:5px;height:5px;border-radius:50%;background:#b98b43;display:inline-block}.bundle-contents-card{margin:12px 0 24px;padding:22px;border:1px solid #e8dece;border-radius:18px;background:linear-gradient(180deg,#fff,#fcf9f4)}.bundle-contents-kicker{font-size:10px;letter-spacing:.18em;color:#ae7d32;font-weight:700;margin-bottom:7px}.bundle-contents-card h3{margin:0 0 5px;font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;color:#281d13}.bundle-contents-card>p{margin:0 0 18px;color:#817467;font-size:11px;line-height:1.65}.bundle-items-list{display:grid;gap:8px}.bundle-item-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #eee5d9;border-radius:12px;background:#fff}.bundle-item-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f6efe4;color:#a7772d;font-family:"Cormorant Garamond",Georgia,serif;font-size:15px}.bundle-item-name{font-size:12px;font-weight:600;color:#30251c}.bundle-item-size{font-size:10px;color:#928476;white-space:nowrap}.bundle-free{display:inline-block;margin-inline-start:7px;padding:3px 7px;border:1px solid #d8bd8d;border-radius:999px;color:#91641f;font-size:8px;letter-spacing:.08em;font-weight:800;vertical-align:middle}.bundle-card-meta{color:#9b6e29!important;font-weight:700!important;letter-spacing:.04em}.bundle-card-badge{position:absolute;z-index:4;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:#241b14;color:#fff;font-size:8px;letter-spacing:.1em;font-weight:800}.product-img{position:relative}html.obs-lang-ar .bundle-card-badge{left:auto;right:12px}html.obs-lang-ar .bundle-contents-kicker{letter-spacing:0}.bundle-product #product-size-block{display:none!important}.bundle-product #product-scent-dna{display:none!important}@media(max-width:600px){.bundle-contents-card{padding:17px}.bundle-item-row{grid-template-columns:28px 1fr}.bundle-item-size{grid-column:2}.bundle-contents-card h3{font-size:25px}}

/* v17.17.3 — runtime-hidden Inspired By blocks */
[data-obs-inspired-hidden="1"]{
  display:none !important;
}

/* =========================================
   SOURCE: product-beauty-2.css
   ========================================= */

/* OBSESSION V21.2 — PREMIUM PRODUCT EXPERIENCE */

.product-page-hero{
  min-height:0!important;
}
body.is-beauty-product .product-page-hero{
  padding:18px 0 0!important;
  background:#fff!important;
}
body.is-beauty-product .product-page-hero .breadcrumbs{
  font-size:8px!important;
  letter-spacing:.12em!important;
  color:#9a815f!important;
}

/* Main product composition */
body.is-beauty-product .product-page-retail{
  width:min(100% - 48px,1220px)!important;
  padding-top:32px!important;
  padding-bottom:72px!important;
  grid-template-columns:minmax(500px,1.07fr) minmax(420px,.93fr)!important;
  gap:66px!important;
}
body.is-beauty-product .product-gallery-wrap{
  position:relative!important;
  max-width:690px!important;
}
body.is-beauty-product .gallery-main{
  height:620px!important;
  max-height:620px!important;
  border:1px solid #e8dfd2!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(208,181,135,.09),transparent 31%),
    linear-gradient(180deg,#fff 0%,#fcfaf6 100%)!important;
  cursor:zoom-in;
  overflow:hidden!important;
}
body.is-beauty-product .gallery-main img,
body.is-beauty-product .gallery-main .product-main-photo{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:38px!important;
}
body.is-beauty-product .gallery-thumbs{
  margin-top:10px!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
body.is-beauty-product .gallery-thumbs .thumb{
  aspect-ratio:1/1!important;
  border:1px solid #e7ded1!important;
  background:#fff!important;
  padding:4px!important;
}
body.is-beauty-product .gallery-thumbs .thumb.active{
  border-color:#a97a37!important;
  box-shadow:inset 0 0 0 1px #a97a37!important;
}

/* Gallery controls live outside gallery-main so they survive thumbnail changes */
.beauty-gallery-control{
  position:absolute;
  top:290px;
  z-index:8;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #ded3c3;
  background:rgba(255,255,255,.94);
  color:#32271c;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  transition:.2s ease;
}
.beauty-gallery-control:hover{
  background:#201a15;
  color:#fff;
  border-color:#201a15;
}
.beauty-gallery-prev{left:13px}
.beauty-gallery-next{right:13px}
.beauty-gallery-count{
  position:absolute;
  z-index:8;
  right:14px;
  top:14px;
  min-width:48px;
  padding:7px 9px;
  border:1px solid #e0d5c6;
  background:rgba(255,255,255,.94);
  color:#746554;
  text-align:center;
  font-size:8px;
  font-weight:600;
  letter-spacing:.08em;
}
html.obs-lang-ar .beauty-gallery-count{right:auto;left:14px}

/* Product information hierarchy */
body.is-beauty-product .product-retail-detail{
  max-width:580px!important;
}
body.is-beauty-product .product-brand-line{
  margin-bottom:12px!important;
  background:#fbf7f0!important;
}
body.is-beauty-product .product-retail-detail h1{
  margin:0 0 13px!important;
  font-size:clamp(46px,4.2vw,61px)!important;
  line-height:.96!important;
  letter-spacing:-.02em!important;
}
body.is-beauty-product .product-rating-summary{
  margin-bottom:17px!important;
}
body.is-beauty-product .product-retail-price{
  margin:0 0 18px!important;
  font-size:35px!important;
  line-height:1!important;
}

.beauty-product-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 16px;
}
.beauty-product-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:6px 9px;
  border:1px solid #e1d8ca;
  background:#fff;
  color:#756858;
  font-size:8px;
  font-weight:600;
  letter-spacing:.055em;
}
.beauty-product-chip strong{
  color:#34291e;
  font-weight:600;
}
.beauty-product-chip.stock-ok::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#58704d;
}
.beauty-product-chip.stock-low::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#a17635;
}
.beauty-product-chip.stock-out::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#8b5b52;
}

/* Long descriptions are elegant instead of dominating the purchase area */
body.is-beauty-product .product-retail-desc{
  position:relative;
  margin-bottom:6px!important;
  font-size:12px!important;
  line-height:1.82!important;
  color:#71675d!important;
}
body.is-beauty-product .product-retail-desc.beauty-desc-collapsible{
  max-height:92px;
  overflow:hidden;
}
body.is-beauty-product .product-retail-desc.beauty-desc-collapsible:not(.expanded)::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:30px;
  background:linear-gradient(transparent,#fff);
  pointer-events:none;
}
.beauty-desc-toggle{
  display:none;
  border:0;
  background:transparent;
  padding:6px 0 2px;
  color:#946d34;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.06em;
  cursor:pointer;
}
.beauty-desc-toggle.show{display:inline-flex}
html.obs-lang-ar .beauty-desc-toggle{letter-spacing:0}

/* Variants */
body.is-beauty-product .product-size-choice{
  margin:20px 0 18px!important;
  padding:18px 0 0!important;
}
body.is-beauty-product .product-size-choice>label{
  display:block;
  margin-bottom:10px!important;
}
body.is-beauty-product .variant-size-buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
body.is-beauty-product .variant-size-btn{
  position:relative;
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:10px 13px!important;
  justify-content:space-between!important;
  border:1px solid #d8cdbd!important;
  background:#fff!important;
  color:#2c231a!important;
  text-align:left!important;
  transition:.18s ease!important;
}
body.is-beauty-product .variant-size-btn:hover:not(:disabled){
  border-color:#a77c3d!important;
  background:#fcfaf6!important;
}
body.is-beauty-product .variant-size-btn.active{
  border-color:#241d17!important;
  background:#241d17!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.is-beauty-product .variant-size-btn.active::after{
  content:"✓";
  position:absolute;
  top:5px;
  right:7px;
  font-size:8px;
  opacity:.7;
}
html.obs-lang-ar body.is-beauty-product .variant-size-btn.active::after{
  right:auto;left:7px;
}
body.is-beauty-product .variant-size-btn:disabled{
  opacity:.47!important;
  cursor:not-allowed!important;
  text-decoration:none!important;
}
.variant-size-main{
  display:flex;
  flex-direction:column;
  gap:3px;
  align-items:flex-start;
}
.variant-size-main strong{
  font-size:10.5px;
  font-weight:600;
}
.variant-size-main em{
  font-style:normal;
  font-size:7px;
  opacity:.72;
}
.variant-size-price{
  font-size:11px!important;
  font-weight:600!important;
  white-space:nowrap;
}
.variant-size-hint{
  display:none!important;
}
.beauty-variant-status{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  margin-top:8px;
  color:#74695d;
  font-size:8.5px;
}
.beauty-variant-status::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#627557;
}
.beauty-variant-status.low::before{background:#ae813e}
.beauty-variant-status.out::before{background:#936056}

/* Purchase zone */
body.is-beauty-product .product-retail-buy-row{
  margin-top:18px!important;
}
body.is-beauty-product #product-add-btn,
body.is-beauty-product #product-buy-now-btn{
  font-weight:600!important;
  letter-spacing:.08em!important;
}
body.is-beauty-product .product-retail-total{
  margin-top:11px!important;
  padding:12px 0!important;
}
body.is-beauty-product .retail-trust{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:14px 0!important;
  border-top:1px solid #ece4d9;
  border-bottom:1px solid #ece4d9;
}
body.is-beauty-product .retail-trust span{
  padding:0 11px;
  border-right:1px solid #eee6db;
  text-align:center;
  line-height:1.45;
}
body.is-beauty-product .retail-trust span:first-child{padding-left:0}
body.is-beauty-product .retail-trust span:last-child{
  padding-right:0;border-right:0
}
html.obs-lang-ar body.is-beauty-product .retail-trust span{
  border-right:0;border-left:1px solid #eee6db;
}
html.obs-lang-ar body.is-beauty-product .retail-trust span:last-child{border-left:0}

/* Brand signature */
body.is-beauty-product .beauty-brand-signature{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:15px!important;
  margin:17px 0 4px!important;
  padding:15px!important;
  border:1px solid #ded1be!important;
  background:
    radial-gradient(circle at 90% 0,rgba(188,146,78,.12),transparent 33%),
    #fdfaf5!important;
}
.beauty-brand-signature-logo{
  width:64px;height:64px;
  border:1px solid #dfd3c2;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.beauty-brand-signature-logo img{
  width:100%;height:100%;object-fit:contain;padding:6px;
}
.beauty-brand-signature-logo span{
  font:600 20px/1 "Cormorant Garamond",serif;
  color:#99703a;
}
body.is-beauty-product .beauty-brand-signature div.beauty-brand-signature-copy{
  display:block!important;
}
body.is-beauty-product .beauty-brand-signature-copy small{
  display:block;margin-bottom:3px
}
body.is-beauty-product .beauty-brand-signature-copy b{
  display:block!important;
  margin-bottom:4px;
  font-size:22px!important;
}
body.is-beauty-product .beauty-brand-signature-copy span{
  display:block;
  max-width:330px;
  line-height:1.55;
}
body.is-beauty-product .beauty-brand-signature>a{
  align-self:center!important;
}

/* Sections after product */
body.is-beauty-product .related-section,
body.is-beauty-product .recommended-section{
  padding:58px 0!important;
}
body.is-beauty-product .related-section{
  background:#fbf8f3!important;
}
body.is-beauty-product .recommended-section{
  background:#fff!important;
}
body.is-beauty-product .related-section .product-grid,
body.is-beauty-product .recommended-section .product-grid{
  gap:14px!important;
}
body.is-beauty-product .reviews-section{
  padding:66px 0 76px!important;
  background:#faf7f2!important;
}
body.is-beauty-product .reviews-layout{
  gap:38px!important;
}
body.is-beauty-product .review-form-card{
  border-color:#ded2c1!important;
  background:#fff!important;
}
body.is-beauty-product .review-metrics-v21{
  gap:8px!important;
}

/* Lightbox */
.obs-product-lightbox{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:34px 74px;
  background:rgba(19,16,13,.91);
}
.obs-product-lightbox.open{display:flex}
.obs-product-lightbox-stage{
  position:relative;
  width:min(100%,980px);
  height:min(86vh,850px);
  display:grid;
  place-items:center;
}
.obs-product-lightbox img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  background:#fff;
}
.obs-product-lightbox-close,
.obs-product-lightbox-prev,
.obs-product-lightbox-next{
  position:absolute;
  z-index:2;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(20,17,14,.65);
  color:#fff;
  cursor:pointer;
}
.obs-product-lightbox-close{
  top:-8px;right:-48px;
  width:38px;height:38px;
  font-size:20px;
}
.obs-product-lightbox-prev,
.obs-product-lightbox-next{
  top:50%;
  transform:translateY(-50%);
  width:42px;height:54px;
  font-size:22px;
}
.obs-product-lightbox-prev{left:-58px}
.obs-product-lightbox-next{right:-58px}
.obs-product-lightbox-count{
  position:absolute;
  bottom:-25px;
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  font-size:9px;
  letter-spacing:.12em;
}
html.obs-lang-ar .obs-product-lightbox-close{right:auto;left:-48px}

/* Arabic polish */
html.obs-lang-ar body.is-beauty-product .product-retail-detail h1{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:clamp(31px,3.4vw,46px)!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
html.obs-lang-ar .variant-size-main{align-items:flex-end}
html.obs-lang-ar body.is-beauty-product .variant-size-btn{text-align:right!important}
html.obs-lang-ar .beauty-product-chip{letter-spacing:0}

@media(max-width:1050px){
  body.is-beauty-product .product-page-retail{
    grid-template-columns:minmax(400px,.95fr) minmax(390px,1.05fr)!important;
    gap:38px!important;
  }
  body.is-beauty-product .gallery-main{
    height:540px!important;
    max-height:540px!important;
  }
  .beauty-gallery-control{top:250px}
}
@media(max-width:820px){
  body.is-beauty-product .product-page-retail{
    width:min(100% - 34px,740px)!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-top:24px!important;
  }
  body.is-beauty-product .product-gallery-wrap{
    max-width:none!important;
  }
  body.is-beauty-product .gallery-main{
    height:500px!important;
    max-height:500px!important;
  }
  .beauty-gallery-control{top:230px}
  body.is-beauty-product .retail-trust{
    grid-template-columns:1fr!important;
  }
  body.is-beauty-product .retail-trust span{
    border-right:0!important;
    border-left:0!important;
    border-bottom:1px solid #eee6db;
    padding:8px 0!important;
    text-align:left;
  }
  html.obs-lang-ar body.is-beauty-product .retail-trust span{text-align:right}
  body.is-beauty-product .retail-trust span:last-child{border-bottom:0}
}
@media(max-width:620px){
  body.is-beauty-product .product-page-retail{
    width:min(100% - 26px,560px)!important;
  }
  body.is-beauty-product .gallery-main{
    height:390px!important;
    max-height:390px!important;
  }
  body.is-beauty-product .gallery-main img,
  body.is-beauty-product .gallery-main .product-main-photo{
    padding:23px!important;
  }
  body.is-beauty-product .gallery-thumbs{
    display:flex!important;
    overflow-x:auto;
    grid-template-columns:none!important;
    scrollbar-width:thin;
    padding-bottom:4px;
  }
  body.is-beauty-product .gallery-thumbs .thumb{
    flex:0 0 70px;
    width:70px;
  }
  .beauty-gallery-control{
    top:176px;
    width:34px;height:34px;
  }
  .beauty-gallery-prev{left:8px}
  .beauty-gallery-next{right:8px}
  body.is-beauty-product .product-retail-detail h1{
    font-size:39px!important;
  }
  body.is-beauty-product .variant-size-buttons{
    grid-template-columns:1fr!important;
  }
  body.is-beauty-product .beauty-brand-signature{
    grid-template-columns:54px 1fr!important;
  }
  body.is-beauty-product .beauty-brand-signature-logo{
    width:54px;height:54px;
  }
  body.is-beauty-product .beauty-brand-signature>a{
    grid-column:1/-1;
    width:100%;
    text-align:center;
  }
  .obs-product-lightbox{padding:50px 16px}
  .obs-product-lightbox-stage{height:78vh}
  .obs-product-lightbox-close{
    top:-43px;right:0!important;left:auto!important
  }
  .obs-product-lightbox-prev{left:5px}
  .obs-product-lightbox-next{right:5px}
}

/* =========================================
   SOURCE: product-beauty-3.css
   ========================================= */

/* OBSESSION V21.3 — FINAL BEAUTY PRODUCT POLISH */
body.is-beauty-product .header{position:relative!important;top:auto!important}
body.is-beauty-product .product-page-retail{padding-top:38px!important;padding-bottom:46px!important}
body.is-beauty-product .product-size-choice>label{font-size:9px!important;letter-spacing:.14em!important;color:#54483b!important}
body.is-beauty-product .variant-size-btn:not(:disabled) .variant-size-main em{display:none!important}
body.is-beauty-product .beauty-variant-status{margin-top:10px!important;padding:8px 10px!important;width:max-content;max-width:100%;border:1px solid #ded5c8;background:#fcfaf6;font-size:8px!important;letter-spacing:.035em}
body.is-beauty-product .beauty-variant-status.out{background:#faf7f5;color:#8a625b}
body.is-beauty-product .related-section,body.is-beauty-product .recommended-section{padding:42px 0 50px!important}
body.is-beauty-product .related-section .heading,body.is-beauty-product .recommended-section .heading{margin-bottom:24px!important}
body.is-beauty-product .related-section .heading h2,body.is-beauty-product .recommended-section .heading h2{margin-bottom:7px!important}
body.is-beauty-product .related-section .product-grid,body.is-beauty-product .recommended-section .product-grid{margin-top:0!important}
body.is-beauty-product .reviews-section{padding-top:54px!important}body.is-beauty-product .footer{margin-top:0!important}
@media(max-width:820px){body.is-beauty-product .product-page-retail{padding-top:24px!important}body.is-beauty-product .related-section,body.is-beauty-product .recommended-section{padding:36px 0 42px!important}}

/* =========================================
   SOURCE: sale.css
   ========================================= */

/* OBSESSION V22.1.2 — one clean price per size */
.obs-reference-note{display:none!important}

/* Hide any legacy price node V21 might briefly inject before V22.1.2 rebuilds the button. */
#tag-size .variant-size-btn > small{display:none!important}

.product-retail-price .obs-sale-price{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.product-retail-price .obs-current-price{
  font-weight:700!important;
}
.product-retail-price .obs-old-price{
  color:#a4937d!important;
  font-size:16px!important;
  font-weight:500!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1px!important;
}
.obs-discount-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  background:#2a2119!important;
  color:#fff!important;
  font-weight:700!important;
}

#tag-size.variant-size-buttons{
  gap:12px!important;
}

#tag-size .variant-size-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:62px!important;
  padding:13px 20px!important;
}

#tag-size .variant-size-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  flex:0 0 auto!important;
}
#tag-size .variant-size-main>strong{
  font-size:15px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
#tag-size .obs-variant-state{
  font-size:7px!important;
  font-style:normal!important;
  opacity:.65!important;
}

#tag-size .variant-size-price{
  display:block!important;
  margin-left:auto!important;
  white-space:normal!important;
}
html.obs-lang-ar #tag-size .variant-size-price{
  margin-left:0!important;
  margin-right:auto!important;
}

#tag-size .obs-variant-prices{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
#tag-size .obs-variant-prices>strong{
  font-size:13px!important;
  font-weight:700!important;
  color:#211b16!important;
}
#tag-size .obs-variant-prices>del{
  font-size:10px!important;
  font-weight:500!important;
  color:#a4937d!important;
  text-decoration-thickness:1px!important;
}
#tag-size .obs-variant-prices .obs-discount-badge{
  min-height:20px!important;
  padding:3px 6px!important;
  font-size:8px!important;
}

/* Selected size */
#tag-size .variant-size-btn.active .variant-size-main>strong,
#tag-size .variant-size-btn.active .obs-variant-prices>strong{
  color:#fff!important;
}
#tag-size .variant-size-btn.active .obs-variant-prices>del{
  color:rgba(255,255,255,.58)!important;
}
#tag-size .variant-size-btn.active .obs-discount-badge{
  background:#fff!important;
  color:#241d17!important;
}

@media(max-width:620px){
  .product-retail-price .obs-sale-price{gap:7px!important}
  .product-retail-price .obs-old-price{font-size:14px!important}

  #tag-size .variant-size-btn{
    padding:12px 15px!important;
    gap:10px!important;
  }
  #tag-size .variant-size-main>strong{font-size:13px!important}
  #tag-size .obs-variant-prices{gap:5px!important}
  #tag-size .obs-variant-prices>strong{font-size:11px!important}
  #tag-size .obs-variant-prices>del{font-size:9px!important}
  #tag-size .obs-variant-prices .obs-discount-badge{
    font-size:7px!important;
    padding:2px 5px!important;
  }
}

/* =========================================
   SOURCE: product-ui.css
   ========================================= */

/* OBSESSION V22.2.1 — notes, typography and stable lightbox */

/* ===== Readable typography on ALL product/catalog surfaces ===== */
.product-page-retail,
.product-page-retail button,
.product-page-retail input,
.product-page-retail select,
.product-page-retail textarea,
.product-card,
.product-card button,
.related-section,
.recommended-section,
.reviews-section{
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
}

.product-page-retail,
.product-page-retail p,
.product-page-retail li,
.product-page-retail .accordion-content,
.product-card,
.product-card-meta,
.product-card-subtitle,
.product-card-brand,
.product-card-collection{
  font-weight:500!important;
}

.product-page-retail h1,
.product-page-retail h2,
.product-page-retail h3,
.product-card-title,
.collection-card-title,
.brand-card-title{
  font-weight:600!important;
}

.product-retail-detail h1{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:600!important;
}

.product-description,
.product-retail-desc,
.product-description p,
.product-page-retail .accordion-content,
#product-details{
  font-size:15px!important;
  line-height:1.8!important;
  color:#51463d!important;
  font-weight:500!important;
}

.product-card-title{
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

.product-card-price,
.product-retail-price,
.variant-size-price,
.variant-size-main strong{
  font-weight:700!important;
}

.product-accordions-v17 .accordion>button{
  font-weight:600!important;
}

/* Arabic: real Arabic font + readable weight */
html.obs-lang-ar .product-page-retail,
html.obs-lang-ar .product-page-retail button,
html.obs-lang-ar .product-page-retail input,
html.obs-lang-ar .product-page-retail select,
html.obs-lang-ar .product-page-retail textarea,
html.obs-lang-ar .product-card,
html.obs-lang-ar .related-section,
html.obs-lang-ar .recommended-section,
html.obs-lang-ar .reviews-section{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}

html.obs-lang-ar .product-retail-detail h1,
html.obs-lang-ar .product-page-retail h1,
html.obs-lang-ar .product-page-retail h2,
html.obs-lang-ar .product-page-retail h3,
html.obs-lang-ar .product-card-title{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

html.obs-lang-ar .product-description,
html.obs-lang-ar .product-retail-desc,
html.obs-lang-ar .product-page-retail .accordion-content,
html.obs-lang-ar #product-details,
html.obs-lang-ar .product-card{
  font-weight:500!important;
  line-height:1.95!important;
  letter-spacing:0!important;
}

/* ===== Notes: clear vertical pyramid instead of one long mixed line ===== */
#product-notes.obs-notes-rendered,
#product-notes{
  padding:4px 0 6px!important;
}

.obs-notes-list{
  display:flex;
  flex-direction:column;
  gap:11px;
  width:100%;
}

.obs-note-row{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  align-items:start;
  gap:15px;
  padding:13px 14px;
  border:1px solid #e7ded2;
  border-radius:12px;
  background:#fff;
}

.obs-note-row-head{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:30px;
}

.obs-note-marker{
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#b58a48;
  box-shadow:0 0 0 4px rgba(181,138,72,.10);
}

.obs-note-row-head strong{
  color:#33271d;
  font-size:11px!important;
  line-height:1.45!important;
  letter-spacing:.07em;
  font-weight:700!important;
}

.obs-note-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.obs-note-chip{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 9px;
  border:1px solid #eadfce;
  border-radius:999px;
  background:#faf6ef;
  color:#504337;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:500!important;
  white-space:normal;
}

html.obs-lang-ar .obs-note-row{
  grid-template-columns:135px minmax(0,1fr);
  direction:rtl;
}

html.obs-lang-ar .obs-note-row-head strong{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:12px!important;
  letter-spacing:0!important;
  font-weight:600!important;
}

html.obs-lang-ar .obs-note-chip{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.7!important;
}

.obs-notes-accordion>button span:first-child{
  font-weight:600!important;
}

/* ===== Lightbox: keep X visible; only image viewport is clipped ===== */
.obs-product-lightbox{
  z-index:5000!important;
}

.obs-product-lightbox-stage{
  overflow:visible!important;
  width:min(92vw,1180px)!important;
  height:min(88vh,900px)!important;
}

.obs-zoom-viewport{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#11100e;
}

.obs-zoom-viewport .obs-lightbox-zoom-target,
.obs-zoom-viewport>img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  background:#11100e!important;
  transform-origin:center center;
  transition:transform .13s ease;
  user-select:none;
  -webkit-user-drag:none;
  touch-action:none;
  cursor:zoom-in;
}

.obs-zoom-viewport .obs-lightbox-zoom-target.obs-zoomed{cursor:grab}
.obs-zoom-viewport .obs-lightbox-zoom-target.obs-dragging{
  cursor:grabbing;
  transition:none;
}

/* The old V22.2 put overflow:hidden on the entire stage. Undo it. */
.obs-product-lightbox-stage.obs-lightbox-zoom-wrap{
  overflow:visible!important;
}

/* Close is always outside the image, fixed to the screen. */
.obs-product-lightbox .obs-product-lightbox-close{
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  z-index:5005!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:50%!important;
  background:rgba(24,20,17,.92)!important;
  color:#fff!important;
  font:600 25px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  transform:none!important;
}

html.obs-lang-ar .obs-product-lightbox .obs-product-lightbox-close{
  right:auto!important;
  left:18px!important;
}

.obs-product-lightbox .obs-product-lightbox-close:hover{
  background:#fff!important;
  color:#211b16!important;
}

/* Zoom controls don't overlap X */
.obs-lightbox-toolbar{
  position:fixed!important;
  top:18px!important;
  left:18px!important;
  right:auto!important;
  z-index:5004!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px!important;
  border-radius:999px!important;
  background:rgba(24,20,17,.88)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}

html.obs-lang-ar .obs-lightbox-toolbar{
  left:auto!important;
  right:18px!important;
}

.obs-lightbox-btn{
  min-width:38px!important;
  height:38px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#fff!important;
  font-family:"Montserrat","Noto Kufi Arabic",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  cursor:pointer!important;
}

.obs-lightbox-reset{min-width:62px!important}

.obs-lightbox-zoom-label{
  min-width:50px;
  text-align:center;
  color:#fff;
  font-size:12px;
  font-weight:600;
}

.obs-product-lightbox-prev,
.obs-product-lightbox-next{
  z-index:5003!important;
}

/* Remove the old stuck tooltip added by V22.2 */
.obs-lightbox-tip{display:none!important}

@media(max-width:760px){
  .obs-note-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:12px!important;
  }
  .obs-note-row-head{min-height:auto}
  .obs-product-lightbox{padding:56px 10px 22px!important}
  .obs-product-lightbox-stage{
    width:100%!important;
    height:calc(100vh - 90px)!important;
  }
  .obs-product-lightbox .obs-product-lightbox-close{
    top:10px!important;
    right:10px!important;
    width:40px!important;
    height:40px!important;
  }
  html.obs-lang-ar .obs-product-lightbox .obs-product-lightbox-close{
    right:auto!important;
    left:10px!important;
  }
  .obs-lightbox-toolbar{
    top:10px!important;
    left:10px!important;
    padding:5px!important;
  }
  html.obs-lang-ar .obs-lightbox-toolbar{
    left:auto!important;
    right:10px!important;
  }
  .obs-lightbox-btn{
    min-width:32px!important;
    height:32px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  .obs-lightbox-reset{min-width:50px!important}
  .obs-lightbox-zoom-label{min-width:42px;font-size:11px}
}

/* ==========================================================
   OBSESSION A+ PRODUCT GIFT — SOURCE V1
   ========================================================== */

.obs-aplus-product-gift-offer{
  display:flex;
  align-items:flex-start;
  gap:14px;
  width:100%;
  margin:16px 0 20px;
  padding:17px 18px;
  border:1px solid rgba(181,139,73,.32);
  border-radius:17px;
  background:
    radial-gradient(circle at 100% 0%,rgba(181,139,73,.09),transparent 38%),
    linear-gradient(135deg,#fffdf9,#faf7f1);
}

.obs-aplus-product-gift-icon{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#171411;
  color:#e6c37d;
  font-size:19px;
}

.obs-aplus-product-gift-copy small{
  display:block;
  margin-bottom:4px;
  color:#a17636;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.obs-aplus-product-gift-copy strong{
  display:block;
  margin-bottom:5px;
  color:#211a14;
  font-size:13px;
  line-height:1.4;
}

.obs-aplus-product-gift-copy p{
  margin:0;
  color:#746b61;
  font-size:10px;
  line-height:1.6;
}

.obs-aplus-product-gift-copy span{
  display:block;
  margin-top:7px;
  color:#946b30;
  font-size:9px;
  font-weight:600;
}

html.obs-lang-ar .obs-aplus-product-gift-offer{
  text-align:right;
}

html.obs-lang-ar .obs-aplus-product-gift-copy small{
  letter-spacing:0;
}

/* =========================================
   SOURCE: gallery-cleanup.css
   ========================================= */

/* OBSESSION V22.2.4 — clean product gallery controls */

/* Hide the inline product-page arrows + image counter.
   Thumbnails remain available below the product image.
   Lightbox arrows/counter are NOT affected. */
.product-gallery-wrap > .beauty-gallery-control,
.product-gallery-wrap > .beauty-gallery-count,
.beauty-gallery-prev,
.beauty-gallery-next,
.beauty-gallery-count{
  display:none!important;
}

/* Make sure lightbox navigation remains visible */
.obs-product-lightbox .obs-product-lightbox-prev,
.obs-product-lightbox .obs-product-lightbox-next,
.obs-product-lightbox .obs-product-lightbox-count{
  display:block!important;
}

/* =========================================
   SOURCE: discount-cards.css
   ========================================= */

/* OBSESSION V22.4 — Discount Cards + Clickable Variants + Special Offers */

/* ===== Discount badge outside product ===== */
.obs-variant-card .product-img{
  overflow:hidden;
}
.obs-card-sale-ribbon{
  position:absolute;
  top:12px;
  right:12px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 9px;
  border-radius:999px;
  background:#6f1f27;
  color:#fff;
  box-shadow:0 7px 18px rgba(55,20,20,.18);
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
}
.obs-card-sale-ribbon span{
  font-size:7px;
  letter-spacing:.12em;
}
html.obs-lang-ar .obs-card-sale-ribbon{
  right:auto;
  left:12px;
}
html.obs-lang-ar .obs-card-sale-ribbon span{
  letter-spacing:0;
}

/* ===== Clickable sizes directly on cards ===== */
.obs-card-variants{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:0 14px 9px;
  background:#fff;
}
.obs-card-variant{
  appearance:none;
  min-width:48px;
  min-height:29px;
  padding:5px 9px;
  border:1px solid #ddd2c4;
  border-radius:999px;
  background:#fff;
  color:#51473e;
  font:600 9px/1.1 "Montserrat","Segoe UI",Arial,sans-serif;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease;
}
.obs-card-variant:hover{
  border-color:#9b7742;
  transform:translateY(-1px);
}
.obs-card-variant.active{
  background:#201a15;
  border-color:#201a15;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(213,175,105,.28);
}
.obs-card-variant.out,
.obs-card-variant:disabled{
  opacity:.38;
  text-decoration:line-through;
  cursor:not-allowed;
  transform:none;
}
html.obs-lang-ar .obs-card-variant{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;
  font-weight:600;
}

/* ===== Dynamic card price ===== */
.obs-card-price{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  line-height:1.2!important;
}
.obs-card-current{
  color:#211a15;
  font-weight:800;
}
.obs-card-compare{
  color:#9a8e82;
  font-size:12px;
  font-weight:500;
}
.obs-card-pct{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:3px 6px;
  border-radius:999px;
  background:#f4e9df;
  color:#7a2530;
  font-size:9px;
  font-weight:800;
}
.obs-card-add.obs-added{
  background:#405b3b!important;
  border-color:#405b3b!important;
}

/* Let cards grow naturally now that size pills are present. */
.obs-variant-card{
  display:flex;
  flex-direction:column;
}
.obs-variant-card .product-card-link{
  flex:1 1 auto;
}
.obs-variant-card .product-card-bottom{
  margin-top:auto;
}

/* ===== Homepage Special Offers ===== */
.obs-special-offers-section{
  padding:86px 0;
  background:
    radial-gradient(circle at 88% 14%,rgba(176,132,62,.10),transparent 24%),
    linear-gradient(180deg,#f8f3eb 0%,#fff 100%);
  border-top:1px solid #eee4d7;
  border-bottom:1px solid #eee4d7;
}
.obs-special-offers-shell{
  position:relative;
}
.obs-special-offers-shell:before{
  content:"SALE";
  position:absolute;
  right:0;
  top:-50px;
  color:rgba(124,88,41,.045);
  font:700 clamp(90px,16vw,210px)/1 "Cormorant Garamond",Georgia,serif;
  letter-spacing:.02em;
  pointer-events:none;
}
html.obs-lang-ar .obs-special-offers-shell:before{
  right:auto;
  left:0;
}
.obs-special-offers-section .home-section-head{
  position:relative;
  z-index:1;
}
.obs-special-offers-section .kicker{
  color:#875f2d;
}
.obs-special-offers-section .home-section-head h2{
  margin-bottom:10px;
}
.obs-special-count{
  display:block;
  margin-top:9px;
  color:#9a8060;
  font-size:10px;
  font-weight:600;
  letter-spacing:.03em;
}
#home-special-offers{
  position:relative;
  z-index:1;
}

/* Signature/home cards need white variant strip as well */
.signature-oils-products .obs-card-variants{
  background:#fff;
}

/* prevent old sale CSS from forcing nested price layout oddly */
.obs-variant-card .product-card-price .obs-sale-price{
  display:none!important;
}

@media(max-width:760px){
  .obs-special-offers-section{padding:64px 0}
  .obs-card-variants{padding:0 12px 9px;gap:5px}
  .obs-card-variant{min-width:44px;padding:5px 8px}
  .obs-card-sale-ribbon{top:9px;right:9px}
  html.obs-lang-ar .obs-card-sale-ribbon{right:auto;left:9px}
}

/* =========================================
   SOURCE: card-polish.css
   ========================================= */

/* OBSESSION V22.4.1 — card polish */
.product-card.obs-variant-card,
.product-card.product-card-v112.catalog-card-clean.obs-variant-card{
  border:1px solid #e8dfd2;
  border-radius:0;
  overflow:hidden;
  background:#fff;
  box-shadow:none;
}
.product-card.obs-variant-card .product-card-link{
  display:flex;
  flex-direction:column;
}
.product-card.obs-variant-card .product-img{
  background:#faf7f2;
  padding:14px 14px 0;
  min-height:auto;
}
.product-card.obs-variant-card .product-card-image{
  display:block;
  width:100%;
  aspect-ratio: 4 / 5;
  object-fit:cover;
  border:1px solid #ece4d9;
  background:#fff;
}
.product-card.obs-variant-card .badge{
  top:14px;
  left:14px;
  right:auto;
  z-index:9;
}
html.obs-lang-ar .product-card.obs-variant-card .badge{
  left:auto;
  right:14px;
}
.product-card.obs-variant-card .obs-card-sale-ribbon{
  top:14px;
  right:14px;
  padding:8px 12px;
  font-size:11px;
}
html.obs-lang-ar .product-card.obs-variant-card .obs-card-sale-ribbon{
  right:auto;
  left:14px;
}
.product-card.obs-variant-card .product-card-info{
  padding:12px 16px 10px;
}
.product-card.obs-variant-card .product-card-title{
  font-size:18px;
  line-height:1.3;
  margin-bottom:7px;
}
html.obs-lang-ar .product-card.obs-variant-card .product-card-title{
  font-size:19px;
}
.product-card.obs-variant-card .product-card-meta{
  font-size:11px;
  line-height:1.45;
  color:#8d7d6d;
  margin-bottom:8px;
}
.product-card.obs-variant-card .product-card-stock{
  font-size:11px;
  margin-top:0;
}
.product-card.obs-variant-card .obs-card-variants{
  padding:0 16px 12px;
  gap:8px;
}
.product-card.obs-variant-card .obs-card-variant{
  min-width:58px;
  min-height:38px;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
}
html.obs-lang-ar .product-card.obs-variant-card .obs-card-variant{
  font-size:12px;
}
.product-card.obs-variant-card .product-card-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 16px 16px;
  border-top:1px solid #ece4d9;
  background:#fffdfa;
}
.product-card.obs-variant-card .obs-card-price{
  display:flex!important;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 8px;
}
.product-card.obs-variant-card .obs-card-current{
  font-size:16px;
  font-weight:800;
}
.product-card.obs-variant-card .obs-card-compare{
  font-size:11px;
  color:#a49586;
}
.product-card.obs-variant-card .obs-card-pct{
  display:none!important; /* top ribbon is enough and cleaner */
}
.product-card.obs-variant-card .product-card-add{
  min-width:126px;
  min-height:42px;
  padding:10px 16px;
  font-size:14px;
  font-weight:600;
}
@media (max-width: 760px){
  .product-card.obs-variant-card .product-card-info{padding:12px 14px 9px}
  .product-card.obs-variant-card .obs-card-variants{padding:0 14px 11px}
  .product-card.obs-variant-card .product-card-bottom{
    grid-template-columns:1fr;
    align-items:stretch;
    gap:10px;
    padding:12px 14px 14px;
  }
  .product-card.obs-variant-card .product-card-add{
    width:100%;
  }
}

/* =========================================
   SOURCE: luxury-card-ui.css
   ========================================= */

/* =========================================================
   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.obs-lang-ar .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.obs-lang-ar .product-card.obs-variant-card .obs-card-sale-ribbon{
  right:auto;left:22px;
}
html.obs-lang-ar .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.obs-lang-ar .product-card.obs-variant-card .product-card-brand,
html.obs-lang-ar .product-card.obs-variant-card .brand,
html.obs-lang-ar .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.obs-lang-ar .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.obs-lang-ar .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.obs-lang-ar .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.obs-lang-ar .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%}
}

/* =========================================
   SOURCE: sale-giftbox-nav.css
   ========================================= */

/* OBSESSION V22.4.4 — Sale + Gift Box navigation/pages */
.navlinks .obs-sale-nav,.navlinks .obs-gift-nav{position:relative;white-space:nowrap}
.navlinks .obs-sale-nav{color:#7d2831;font-weight:700}
.navlinks .obs-sale-nav:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .18s ease}
.navlinks .obs-sale-nav:hover:after,body.obs-sale-page .navlinks .obs-sale-nav:after{transform:scaleX(1)}
body.obs-sale-page .navlinks .obs-sale-nav,body.obs-gift-box-page .navlinks .obs-gift-nav{font-weight:700}
.obs-catalog-hero{position:relative;overflow:hidden}
.obs-sale-page .obs-catalog-hero{background:radial-gradient(circle at 88% 12%,rgba(126,40,49,.09),transparent 28%),linear-gradient(180deg,#fbf6f0 0%,#fff 100%)}
.obs-gift-box-page .obs-catalog-hero{background:radial-gradient(circle at 88% 12%,rgba(156,118,59,.11),transparent 28%),linear-gradient(180deg,#faf6ef 0%,#fff 100%)}
.obs-catalog-hero .obs-page-kicker{display:inline-block;margin-bottom:10px;color:#976c36;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
html.obs-lang-ar .obs-catalog-hero .obs-page-kicker{letter-spacing:0}
.obs-page-empty{grid-column:1/-1;padding:54px 28px;text-align:center}
.obs-page-empty p{max-width:560px;margin:10px auto 22px}
@media(max-width:960px){.navlinks .obs-sale-nav:after{display:none}.navlinks .obs-sale-nav,.navlinks .obs-gift-nav{width:100%}}

/* =========================================
   SOURCE: obsession-luxury-performance.css
   ========================================= */

/* OBSESSION LUXURY AFFINITY + PERFORMANCE V32.9.1 */

/* Scent Affinity */
body #meta-inspired-by-wrap.obs-affinity-row{
  position:relative !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  grid-template-rows:auto auto auto !important;
  column-gap:16px !important;
  row-gap:3px !important;
  align-items:center !important;
  padding:21px 24px !important;
  margin:18px 0 5px !important;
  border:1px solid rgba(165,127,54,.22) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 92% 8%,rgba(178,139,62,.09),transparent 27%),
    linear-gradient(135deg,#fff,#faf7ef) !important;
  box-shadow:0 14px 34px rgba(55,43,24,.055) !important;
  overflow:hidden !important;
}
body #meta-inspired-by-wrap.obs-affinity-row::before{
  content:"";
  grid-row:1/4;
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(163,124,48,.34);
  background:
    radial-gradient(circle at 50% 50%,rgba(179,139,62,.25) 0 4px,transparent 5px),
    rgba(255,252,245,.95);
  box-shadow:inset 0 0 0 7px rgba(171,132,56,.04);
}
body #meta-inspired-by-wrap.obs-affinity-row::after{
  content:"";
  position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(to bottom,transparent,#ad8335 22%,#ad8335 78%,transparent);
  opacity:.8;
}
body[dir="rtl"] #meta-inspired-by-wrap.obs-affinity-row::after{left:auto;right:0}
body #meta-inspired-by-wrap.obs-affinity-row > b{
  grid-column:2 !important;grid-row:1 !important;
  min-width:0 !important;margin:0 !important;
  color:#977126 !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:10px !important;font-weight:600 !important;
  letter-spacing:2.35px !important;line-height:1.4 !important;
  text-transform:uppercase !important;
}
body #meta-inspired-by-wrap.obs-affinity-row > .obs-affinity-subtitle-v3291{
  grid-column:2;grid-row:2;display:block;margin:0;
  color:#8b8175;font-family:Montserrat,Arial,sans-serif;
  font-size:12px;line-height:1.45;
}
body #meta-inspired-by-wrap.obs-affinity-row > span{
  grid-column:2 !important;grid-row:3 !important;
  display:block !important;margin:2px 0 0 !important;
  color:#221c16 !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif !important;
  font-size:27px !important;font-weight:600 !important;
  letter-spacing:.12px !important;line-height:1.08 !important;
}

/* Performance */
.obs-performance-v3291{
  position:relative;
  margin:18px 0 6px;padding:24px;
  border:1px solid rgba(165,127,54,.20);
  border-radius:22px;
  background:
    radial-gradient(circle at 10% 0,rgba(178,139,62,.065),transparent 26%),
    #fffdfa;
  box-shadow:0 14px 34px rgba(55,43,24,.05);
  overflow:hidden;
}
.obs-performance-v3291::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(172,132,52,.82),transparent);
}
.obs-performance-head-v3291{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:18px;padding-bottom:17px;
  border-bottom:1px solid rgba(159,128,70,.14);
}
.obs-performance-kicker-v3291{
  color:#987125;font-family:Montserrat,Arial,sans-serif;
  font-size:10px;font-weight:600;letter-spacing:2.25px;text-transform:uppercase;
}
.obs-performance-title-v3291{
  margin:5px 0 0;color:#241e17;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:25px;font-weight:600;line-height:1.05;
}
.obs-performance-source-v3291{
  color:#92877a;font-family:Montserrat,Arial,sans-serif;
  font-size:9px;letter-spacing:.8px;text-transform:uppercase;
  white-space:nowrap;
}
.obs-performance-grid-v3291{
  display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:0;margin-top:18px;
}
.obs-performance-item-v3291{
  min-width:0;padding:2px 20px;border-inline-end:1px solid rgba(159,128,70,.14);
}
.obs-performance-item-v3291:first-child{padding-inline-start:0}
.obs-performance-item-v3291:last-child{padding-inline-end:0;border-inline-end:0}
.obs-performance-label-v3291{
  display:block;color:#756b60;font-family:Montserrat,Arial,sans-serif;
  font-size:10px;font-weight:600;letter-spacing:1.45px;text-transform:uppercase;
}
.obs-performance-scoreline-v3291{
  display:flex;align-items:baseline;gap:7px;margin-top:9px;
}
.obs-performance-score-v3291{
  color:#241e17;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:31px;font-weight:600;line-height:1;
}
.obs-performance-outof-v3291{
  color:#a09589;font-family:Montserrat,Arial,sans-serif;font-size:10px;
}
.obs-performance-word-v3291{
  min-height:18px;margin-top:5px;color:#61584f;
  font-family:Montserrat,Arial,sans-serif;font-size:11px;
}
.obs-performance-bar-v3291{
  height:5px;margin-top:13px;border-radius:99px;background:#efe9df;overflow:hidden;
}
.obs-performance-bar-v3291 > i{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#d8bd7b,#987025);
}
.obs-season-list-v3291{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.obs-season-chip-v3291{
  display:inline-flex;align-items:center;gap:7px;
  min-height:31px;padding:7px 10px;
  border:1px solid rgba(159,128,70,.18);border-radius:999px;
  background:#fbf7ee;color:#4b433a;
  font-family:Montserrat,Arial,sans-serif;font-size:10px;
}
.obs-season-chip-v3291::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#ac8232;
}
.obs-performance-empty-v3291{
  margin-top:10px;color:#9a9187;font-family:Montserrat,Arial,sans-serif;
  font-size:11px;line-height:1.5;
}
@media(max-width:760px){
  body #meta-inspired-by-wrap.obs-affinity-row{
    grid-template-columns:36px minmax(0,1fr) !important;
    padding:17px 18px !important;column-gap:12px !important;border-radius:18px !important;
  }
  body #meta-inspired-by-wrap.obs-affinity-row::before{width:34px;height:34px}
  body #meta-inspired-by-wrap.obs-affinity-row > span{font-size:23px !important}
  .obs-performance-v3291{padding:20px 18px;border-radius:18px}
  .obs-performance-head-v3291{align-items:flex-start;flex-direction:column;gap:7px}
  .obs-performance-grid-v3291{grid-template-columns:1fr;gap:16px}
  .obs-performance-item-v3291,
  .obs-performance-item-v3291:first-child,
  .obs-performance-item-v3291:last-child{
    padding:0 0 16px;border-inline-end:0;border-bottom:1px solid rgba(159,128,70,.14);
  }
  .obs-performance-item-v3291:last-child{padding-bottom:0;border-bottom:0}
}

/* =========================================
   SOURCE: obsession-affinity-empty-fix.css
   ========================================= */

/* OBSESSION V32.9.2 */
#meta-inspired-by-wrap[hidden],
#meta-inspired-by-wrap[aria-hidden="true"]{
  display:none !important;
}

/* =========================================
   SOURCE: store-navigation.css
   ========================================= */

/* OBSESSION PREMIUM STORE NAVIGATION V1 */

/* ---------- DESKTOP HEADER ---------- */

.header{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  background:rgba(255,253,249,.96)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(93,70,43,.10)!important;
  box-shadow:0 7px 26px rgba(43,31,19,.045);
}

.header .nav{
  min-height:76px;
}

.navlinks > a,
.navlinks > .dropdown > .dropbtn{
  position:relative;
}

.navlinks > a.obs-nav-active,
.navlinks > .dropdown.obs-nav-active > .dropbtn{
  color:#8d6529!important;
  font-weight:700!important;
}

@media(min-width:1181px){
  .navlinks > a.obs-nav-active::after,
  .navlinks > .dropdown.obs-nav-active > .dropbtn::after{
    content:"";
    position:absolute;
    left:20%;
    right:20%;
    bottom:-14px;
    height:1px;
    background:#b18443;
  }
}


/* ---------- STORE CATEGORY RAIL ---------- */

.obs-store-rail{
  position:relative;
  z-index:1100;
  background:#17120e;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.obs-store-rail-inner{
  width:min(1180px,calc(100% - 36px));
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
}

.obs-store-rail-inner::-webkit-scrollbar{
  display:none;
}

.obs-store-rail a{
  position:relative;
  flex:0 0 auto;
  padding:13px 18px;
  color:rgba(255,255,255,.76);
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  white-space:nowrap;
  transition:.2s ease;
}

.obs-store-rail a:hover,
.obs-store-rail a.obs-rail-active{
  color:#fff;
}

.obs-store-rail a.obs-rail-active::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:7px;
  height:1px;
  background:#d1ab69;
}


/* ---------- MOBILE DRAWER ---------- */

.obs-nav-backdrop{
  display:none;
}

.obs-mobile-nav-head{
  display:none;
}

@media(max-width:1180px){

  body.obs-nav-open{
    overflow:hidden!important;
  }

  .menu-btn{
    position:relative;
    z-index:1302;
  }

  .header .navlinks{
    display:flex!important;
    position:fixed!important;
    z-index:1305!important;
    top:0!important;
    bottom:0!important;
    inset-inline-start:0!important;

    width:min(88vw,390px)!important;
    height:100dvh!important;

    padding:0 22px 34px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;

    overflow-y:auto!important;

    background:#fffdf9!important;
    border:0!important;
    box-shadow:18px 0 60px rgba(25,18,12,.18)!important;

    transform:translateX(-105%);
    visibility:hidden!important;

    transition:
      transform .28s cubic-bezier(.22,.61,.36,1),
      visibility .28s ease!important;
  }

  html.obs-lang-ar .header .navlinks{
    transform:translateX(105%);
    box-shadow:-18px 0 60px rgba(25,18,12,.18)!important;
  }

  body.obs-nav-open .header .navlinks,
  .header .navlinks.open{
    transform:translateX(0)!important;
    visibility:visible!important;
  }

  .obs-mobile-nav-head{
    display:flex;
    position:sticky;
    top:0;
    z-index:2;
    min-height:88px;
    align-items:center;
    justify-content:space-between;

    margin:0 -22px 10px;
    padding:15px 22px;

    background:#fffdf9;
    border-bottom:1px solid #eee5da;
  }

  .obs-mobile-nav-brand{
    display:flex;
    flex-direction:column;
    color:#221911;
    line-height:1;
  }

  .obs-mobile-nav-brand strong{
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:24px;
    letter-spacing:.10em;
  }

  .obs-mobile-nav-brand small{
    margin-top:5px;
    color:#a27a40;
    font-size:8px;
    letter-spacing:.30em;
  }

  .obs-mobile-nav-close{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;

    border:1px solid #e8ded1;
    border-radius:50%;
    background:#fff;
    color:#2b2119;

    font-size:22px;
    line-height:1;
    cursor:pointer;
  }

  .header .navlinks > a,
  .header .navlinks > .dropdown > .dropbtn{
    width:100%!important;
    min-height:54px!important;

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

    margin:0!important;
    padding:14px 4px!important;

    border-bottom:1px solid #eee7de!important;

    color:#2c231c!important;
    font-size:13px!important;
    font-weight:700!important;

    text-decoration:none!important;
  }

  .header .navlinks > a.obs-nav-active,
  .header .navlinks > .dropdown.obs-nav-active > .dropbtn{
    color:#9a7135!important;
  }

  .header .navlinks .dropdown{
    width:100%!important;
  }

  .header .navlinks .dropmenu{
    position:static!important;
    width:100%!important;
    min-width:0!important;

    display:none!important;

    padding:3px 0 10px 15px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html.obs-lang-ar .header .navlinks .dropmenu{
    padding-left:0!important;
    padding-right:15px!important;
  }

  .header .navlinks .dropdown.open > .dropmenu{
    display:grid!important;
  }

  .header .navlinks .dropmenu a{
    padding:11px 10px!important;

    border-bottom:1px solid rgba(134,103,61,.09)!important;

    color:#6e6257!important;
    font-size:11px!important;
    text-decoration:none!important;
  }

  .obs-nav-backdrop{
    display:block;
    position:fixed;
    z-index:1300;
    inset:0;

    background:rgba(21,15,10,.42);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:.25s ease;
  }

  body.obs-nav-open .obs-nav-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .obs-store-rail-inner{
    width:100%;
    justify-content:flex-start;
    padding:0 8px;
  }

  .obs-store-rail a{
    padding:12px 13px;
    font-size:9px;
  }
}

@media(max-width:520px){
  .header .navlinks{
    width:92vw!important;
  }
}


/* OBSESSION STORE RAIL DISABLED V1 */
.obs-store-rail{
  display:none!important;
}

/* =========================================
   SOURCE: store-breadcrumbs.css
   ========================================= */

/* OBSESSION STORE BREADCRUMBS V1 */

.breadcrumbs.obs-store-breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;

  margin-bottom:14px;

  font-size:9px;
  font-weight:600;
  letter-spacing:.10em;
  line-height:1.6;
  text-transform:uppercase;
}

.breadcrumbs.obs-store-breadcrumbs a{
  color:inherit;
  opacity:.72;
  text-decoration:none;
  transition:opacity .18s ease,color .18s ease;
}

.breadcrumbs.obs-store-breadcrumbs a:hover{
  opacity:1;
  color:#9a7135;
}

.breadcrumbs.obs-store-breadcrumbs .obs-bc-sep{
  opacity:.38;
  font-weight:400;
}

.breadcrumbs.obs-store-breadcrumbs .obs-bc-current{
  opacity:1;
  font-weight:700;
}

html.obs-lang-ar .breadcrumbs.obs-store-breadcrumbs{
  letter-spacing:.03em;
}

@media(max-width:620px){
  .breadcrumbs.obs-store-breadcrumbs{
    gap:5px;
    margin-bottom:11px;
    font-size:8px;
  }
}

/* =========================================
   SOURCE: mobile-foundation.css
   ========================================= */

/* =========================================================
   OBSESSION — MOBILE FOUNDATION V1
   Mobile only. Desktop untouched.
   ========================================================= */

@media (max-width:620px){

  /* ---------- TOP BAR ---------- */

  .topbar{
    min-height:28px!important;
    height:28px!important;
  }

  .topbar .topbar-inner{
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    justify-content:center!important;
  }

  .topbar .topbar-inner span:last-child{
    display:none!important;
  }

  .topbar .topbar-inner span:first-child{
    font-size:8px!important;
    letter-spacing:.10em!important;
    white-space:nowrap!important;
  }


  /* ---------- HEADER ---------- */

  .header{
    position:relative!important;
    z-index:1300!important;
  }

  .header .nav{
    min-height:68px!important;
    padding:7px 0!important;

    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-areas:"menu brand actions"!important;

    align-items:center!important;
    column-gap:7px!important;

    flex-wrap:nowrap!important;
    direction:ltr!important;
  }


  /* LOGO */

  .header .brand{
    grid-area:brand!important;

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

    gap:7px!important;
    margin:0!important;

    width:auto!important;
    min-width:0!important;
    max-width:150px!important;
  }

  .header .brand img{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;

    object-fit:contain!important;
  }

  .header .brand-copy{
    min-width:0!important;
  }

  .header .brand-copy strong{
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:.13em!important;
    white-space:nowrap!important;
  }

  .header .brand-copy span{
    display:block!important;
    margin-top:4px!important;

    font-size:7px!important;
    letter-spacing:.30em!important;
    white-space:nowrap!important;
  }


  /* MENU BUTTON */

  .header .menu-btn{
    grid-area:menu!important;
    justify-self:start!important;

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

    width:40px!important;
    height:40px!important;

    padding:0!important;
    margin:0!important;

    font-size:28px!important;
    line-height:1!important;
  }


  /* RIGHT ACTIONS */

  .header .nav-actions{
    grid-area:actions!important;
    justify-self:end!important;

    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;

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

    gap:5px!important;
    margin:0!important;

    min-width:0!important;
  }


  /* LANGUAGE */

  .header .lang-switch{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:36px!important;

    padding:0 5px!important;
    margin:0!important;

    gap:2px!important;
  }

  .header .lang-switch .lang-btn{
    min-width:0!important;
    padding:0 2px!important;

    font-size:9px!important;
    line-height:1!important;
  }

  .header .lang-switch > span{
    font-size:8px!important;
  }


  /* BAG — permanent visible mobile icon */

  .header .icon-btn[href="cart.html"]{
    position:relative!important;

    display:block!important;
    flex:none!important;

    width:38px!important;
    height:38px!important;

    min-width:38px!important;
    max-width:38px!important;

    padding:0!important;
    margin:0!important;

    font-size:0!important;
    line-height:0!important;

    overflow:visible!important;
    border:1px solid rgba(181,138,67,.45)!important;
  }

  .header .icon-btn[href="cart.html"] > span[data-i18n="bag"]{
    display:none!important;
  }

  /* bag body */
  .header .icon-btn[href="cart.html"]::before{
    content:""!important;

    position:absolute!important;
    left:50%!important;
    top:14px!important;

    width:15px!important;
    height:13px!important;

    transform:translateX(-50%)!important;

    border:1.5px solid currentColor!important;
    border-radius:2px!important;
    box-sizing:border-box!important;
  }

  /* bag handle */
  .header .icon-btn[href="cart.html"]::after{
    content:""!important;

    position:absolute!important;
    left:50%!important;
    top:9px!important;

    width:7px!important;
    height:6px!important;

    transform:translateX(-50%)!important;

    border:1.5px solid currentColor!important;
    border-bottom:0!important;
    border-radius:8px 8px 0 0!important;
    box-sizing:border-box!important;
  }

  .header .cart-count{
    position:absolute!important;

    top:2px!important;
    right:2px!important;

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

    width:16px!important;
    height:16px!important;

    min-width:16px!important;

    padding:0!important;
    margin:0!important;

    border-radius:50%!important;

    background:#b88739!important;
    color:#fff!important;

    font-size:8px!important;
    line-height:1!important;

    z-index:4!important;
  }


  /* ---------- MOBILE MENU DRAWER ---------- */

  .header .navlinks{
    position:fixed!important;

    top:96px!important;
    bottom:0!important;
    left:0!important;

    width:min(330px,88vw)!important;
    height:auto!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;

    gap:0!important;

    padding:14px 18px 30px!important;

    overflow-y:auto!important;
    overscroll-behavior:contain!important;

    background:#17130f!important;
    color:#fff!important;

    box-shadow:22px 0 50px rgba(0,0,0,.28)!important;

    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;

    opacity:1!important;
    visibility:visible!important;

    pointer-events:none!important;
    z-index:1290!important;
  }

  .header .navlinks.open{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }

  html.obs-lang-ar .header .navlinks{
    left:auto!important;
    right:0!important;

    direction:rtl!important;
    text-align:right!important;

    transform:translateX(105%)!important;

    box-shadow:-22px 0 50px rgba(0,0,0,.28)!important;
  }

  html.obs-lang-ar .header .navlinks.open{
    transform:translateX(0)!important;
  }


  .header .navlinks > a,
  .header .navlinks > .dropdown > .dropbtn{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    width:100%!important;
    min-height:48px!important;

    margin:0!important;
    padding:11px 4px!important;

    border-bottom:1px solid rgba(255,255,255,.09)!important;

    font-size:12px!important;
    line-height:1.4!important;

    text-align:left!important;
  }

  html.obs-lang-ar .header .navlinks > a,
  html.obs-lang-ar .header .navlinks > .dropdown > .dropbtn{
    text-align:right!important;
  }


  /* Dropdowns don't remain huge/open */

  .header .navlinks .dropdown{
    width:100%!important;
  }

  .header .navlinks .dropmenu{
    position:static!important;

    display:none!important;

    width:100%!important;
    min-width:0!important;

    padding:5px 0 8px 12px!important;
    margin:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html.obs-lang-ar .header .navlinks .dropmenu{
    padding:5px 12px 8px 0!important;
  }

  .header .navlinks .dropdown.open > .dropmenu{
    display:block!important;
  }

  .header .navlinks .dropmenu a{
    display:block!important;

    min-height:38px!important;
    padding:9px 4px!important;

    font-size:10px!important;
    line-height:1.5!important;

    border-bottom:1px solid rgba(255,255,255,.05)!important;
  }


  /* ---------- HOME HERO ---------- */

  .hero{
    min-height:620px!important;
    height:auto!important;

    display:flex!important;
    align-items:flex-end!important;

    background-position:center center!important;
  }

  .hero .hero-content{
    position:relative!important;

    inset:auto!important;
    left:auto!important;
    right:auto!important;

    transform:none!important;

    width:min(100% - 32px,1180px)!important;
    max-width:none!important;

    margin:0 auto!important;

    padding:290px 0 24px!important;
  }

  .hero .eyebrow{
    margin-bottom:14px!important;
    font-size:9px!important;
  }

  .hero h1{
    width:100%!important;
    max-width:100%!important;

    margin:0 0 16px!important;

    font-size:48px!important;
    line-height:.98!important;

    overflow:visible!important;
  }

  .hero p{
    width:100%!important;
    max-width:100%!important;

    margin:0 0 18px!important;

    font-size:14px!important;
    line-height:1.75!important;
  }

  .hero .hero-actions{
    width:100%!important;

    display:grid!important;
    grid-template-columns:1fr!important;

    gap:9px!important;

    margin:0!important;
  }

  .hero .hero-actions .btn{
    width:100%!important;
    min-height:50px!important;

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

    padding:12px!important;
  }


  /* Arabic hero — undo old desktop RTL positioning */

  html.obs-lang-ar .hero .hero-content{
    position:relative!important;

    inset:auto!important;
    left:auto!important;
    right:auto!important;

    transform:none!important;

    width:min(100% - 32px,1180px)!important;
    max-width:none!important;

    margin:0 auto!important;

    padding:290px 0 24px!important;

    text-align:right!important;
    direction:rtl!important;
  }

  html.obs-lang-ar .hero .hero-content > *{
    width:100%!important;
    max-width:100%!important;

    margin-left:0!important;
    margin-right:0!important;

    text-align:right!important;
  }

  html.obs-lang-ar .hero h1{
    font-size:36px!important;
    line-height:1.45!important;
    letter-spacing:0!important;

    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  html.obs-lang-ar .hero p{
    font-size:13px!important;
    line-height:1.9!important;
  }


  /* ---------- HOME PRODUCT CARDS — ALWAYS TWO ---------- */

  .home-product-grid,
  #home-signature{
    display:grid!important;

    grid-template-columns:repeat(2,minmax(0,1fr))!important;

    gap:10px!important;

    width:100%!important;
    max-width:none!important;
  }

  .home-product-grid .product-card,
  #home-signature .product-card{
    width:100%!important;
    min-width:0!important;
    height:100%!important;

    margin:0!important;
  }

  .home-product-grid .product-img{
    width:100%!important;

    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;

    overflow:hidden!important;
  }

  #home-signature .product-img{
    width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    aspect-ratio:4 / 3!important;

    overflow:hidden!important;
  }

  .home-product-grid .product-card-info,
  #home-signature .product-card-info{
    padding:9px 8px 6px!important;
  }

  .home-product-grid .product-card-brand,
  #home-signature .product-card-brand{
    margin-bottom:4px!important;

    font-size:7px!important;
    line-height:1.3!important;
    letter-spacing:.08em!important;
  }

  .home-product-grid .product-card-title,
  #home-signature .product-card-title{
    min-height:32px!important;

    margin:3px 0 5px!important;

    font-size:12px!important;
    line-height:1.35!important;
  }

  .home-product-grid .product-card-meta,
  .home-product-grid .product-card-stock,
  #home-signature .product-card-meta,
  #home-signature .product-card-stock{
    font-size:7.5px!important;
    line-height:1.45!important;
  }


  /* size buttons */

  .home-product-grid .obs-card-variants,
  #home-signature .obs-card-variants{
    display:flex!important;
    flex-wrap:wrap!important;

    gap:4px!important;

    margin-top:6px!important;
  }

  .home-product-grid .obs-card-variant,
  #home-signature .obs-card-variant{
    min-width:0!important;

    padding:5px 6px!important;

    font-size:7.5px!important;
    line-height:1!important;
  }


  /* bottom */

  .home-product-grid .product-card-bottom,
  #home-signature .product-card-bottom{
    display:grid!important;
    grid-template-columns:1fr!important;

    gap:7px!important;

    padding:8px!important;
  }

  .home-product-grid .product-card-price,
  .home-product-grid .obs-card-price,
  .home-product-grid .obs-card-current,
  #home-signature .product-card-price,
  #home-signature .obs-card-price,
  #home-signature .obs-card-current{
    font-size:12px!important;
  }

  .home-product-grid .mini-btn,
  .home-product-grid .product-card-add,
  #home-signature .mini-btn,
  #home-signature .product-card-add{
    width:100%!important;
    min-height:34px!important;

    padding:7px 5px!important;

    font-size:8px!important;
    line-height:1.2!important;
  }


  /* ---------- WHATSAPP ---------- */

  .floating-whatsapp{
    width:44px!important;
    height:44px!important;

    min-width:44px!important;

    padding:0!important;

    right:12px!important;
    bottom:12px!important;
    left:auto!important;

    justify-content:center!important;
  }

  html.obs-lang-ar .floating-whatsapp{
    right:auto!important;
    left:12px!important;
  }

  .floating-whatsapp b,
  .floating-whatsapp .wa-icon{
    width:32px!important;
    height:32px!important;
  }

}


/* extra narrow phones — still keep two product cards */
@media (max-width:390px){

  .header .nav{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    column-gap:4px!important;
  }

  .header .brand{
    gap:5px!important;
    max-width:125px!important;
  }

  .header .brand img{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  .header .brand-copy strong{
    font-size:15px!important;
    letter-spacing:.10em!important;
  }

  .header .brand-copy span{
    font-size:6px!important;
    letter-spacing:.20em!important;
  }

  .header .lang-switch{
    padding:0 3px!important;
  }

  .home-product-grid,
  #home-signature{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .home-product-grid .product-img{
    height:135px!important;
    min-height:135px!important;
    max-height:135px!important;
  }

  .home-product-grid .product-card-title,
  #home-signature .product-card-title{
    font-size:11px!important;
  }

}

/* =========================================================
   OBSESSION — MOBILE HEADER / MENU / RTL HERO FIX V1.1
   ========================================================= */

@media (max-width:620px){

  /* ======================================================
     HEADER — SAME PHYSICAL LAYOUT IN EN + AR
     menu | brand | actions
     ====================================================== */

  .header{
    position:relative!important;
    z-index:5000!important;
  }

  .header .nav,
  html.obs-lang-ar .header .nav{
    direction:ltr!important;

    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) max-content!important;
    grid-template-areas:"menu brand actions"!important;

    align-items:center!important;

    width:min(100% - 24px,1180px)!important;

    height:68px!important;
    min-height:68px!important;

    padding:6px 0!important;
    margin:0 auto!important;

    column-gap:5px!important;

    flex-wrap:nowrap!important;
  }


  /* ---------- MENU ---------- */

  .header .menu-btn,
  html.obs-lang-ar .header .menu-btn{
    grid-area:menu!important;

    position:relative!important;
    inset:auto!important;

    justify-self:start!important;

    width:38px!important;
    height:38px!important;

    min-width:38px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    z-index:50!important;
    pointer-events:auto!important;

    font-size:27px!important;
    line-height:1!important;
  }


  /* ---------- BRAND ---------- */

  .header .brand,
  html.obs-lang-ar .header .brand{
    grid-area:brand!important;

    position:static!important;
    inset:auto!important;

    justify-self:center!important;

    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;

    direction:ltr!important;

    width:auto!important;
    min-width:0!important;
    max-width:145px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    gap:6px!important;
  }

  .header .brand img{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;

    margin:0!important;
  }

  .header .brand-copy{
    min-width:0!important;
  }

  .header .brand-copy strong{
    font-size:16px!important;
    line-height:1!important;

    letter-spacing:.12em!important;

    white-space:nowrap!important;
  }

  .header .brand-copy span{
    margin-top:4px!important;

    font-size:6px!important;
    line-height:1!important;

    letter-spacing:.25em!important;

    white-space:nowrap!important;
  }


  /* ---------- ACTIONS ---------- */

  .header .nav-actions,
  html.obs-lang-ar .header .nav-actions{
    grid-area:actions!important;

    position:static!important;
    inset:auto!important;

    justify-self:end!important;

    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;

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

    width:max-content!important;
    min-width:0!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    direction:ltr!important;

    gap:3px!important;
  }


  /* ---------- LANGUAGE ---------- */

  .header .lang-switch,
  html.obs-lang-ar .header .lang-switch{
    position:static!important;

    width:62px!important;
    min-width:62px!important;
    height:34px!important;

    margin:0!important;
    padding:0 3px!important;

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

    gap:1px!important;

    transform:none!important;
  }

  .header .lang-switch .lang-btn{
    min-width:0!important;

    padding:0 2px!important;

    font-size:8.5px!important;
    line-height:1!important;
  }

  .header .lang-switch > span{
    font-size:8px!important;
  }


  /* ======================================================
     SEARCH — KEEP ITS HIT BOX AWAY FROM MENU
     ====================================================== */

  .header .obs-header-search-btn{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    inset:auto!important;

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

    flex:0 0 32px!important;

    width:32px!important;
    height:32px!important;

    min-width:32px!important;
    max-width:32px!important;

    margin:0!important;
    padding:6px!important;

    transform:none!important;

    z-index:2!important;

    box-sizing:border-box!important;
  }

  .header .obs-header-search-btn svg{
    width:17px!important;
    height:17px!important;

    pointer-events:none!important;
  }


  /* ---------- BAG ---------- */

  .header .icon-btn[href="cart.html"],
  html.obs-lang-ar .header .icon-btn[href="cart.html"]{
    position:relative!important;

    inset:auto!important;

    flex:0 0 34px!important;

    width:34px!important;
    height:34px!important;

    min-width:34px!important;
    max-width:34px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    z-index:3!important;
  }

  .header .cart-count{
    top:-3px!important;
    right:-3px!important;
  }


  /* ======================================================
     MOBILE MENU DRAWER
     completely hidden when closed — no black sliver
     ====================================================== */

  .header .navlinks{
    position:fixed!important;

    top:96px!important;
    bottom:0!important;

    left:0!important;
    right:auto!important;

    width:min(320px,86vw)!important;
    height:auto!important;

    margin:0!important;
    padding:15px 18px 28px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    overflow-y:auto!important;

    background:#17130f!important;

    opacity:1!important;

    transform:translateX(-110%)!important;

    visibility:hidden!important;
    pointer-events:none!important;

    transition:transform .22s ease,visibility 0s linear .22s!important;

    box-shadow:18px 0 45px rgba(0,0,0,.30)!important;

    z-index:6000!important;
  }

  .header .navlinks.open{
    transform:translateX(0)!important;

    visibility:visible!important;
    pointer-events:auto!important;

    transition:transform .22s ease!important;
  }


  /* Arabic drawer comes from right */

  html.obs-lang-ar .header .navlinks{
    left:auto!important;
    right:0!important;

    direction:rtl!important;

    transform:translateX(110%)!important;

    box-shadow:-18px 0 45px rgba(0,0,0,.30)!important;
  }

  html.obs-lang-ar .header .navlinks.open{
    transform:translateX(0)!important;
  }


  /* ======================================================
     SEARCH OVERLAY
     never inherit weird header positioning
     ====================================================== */

  .obs-search-overlay{
    z-index:9000!important;
  }


  /* ======================================================
     ARABIC HERO
     ====================================================== */

  html.obs-lang-ar .hero{
    min-height:620px!important;
    height:auto!important;
  }

  html.obs-lang-ar .hero .hero-content{
    position:relative!important;

    inset:auto!important;

    width:min(100% - 32px,1180px)!important;
    max-width:none!important;

    margin:0 auto!important;

    padding:285px 0 24px!important;

    transform:none!important;

    direction:rtl!important;
    text-align:right!important;
  }

  html.obs-lang-ar .hero .eyebrow{
    width:100%!important;

    margin:0 0 11px!important;

    font-size:8px!important;
    line-height:1.5!important;

    text-align:right!important;
  }

  html.obs-lang-ar .hero h1{
    width:100%!important;
    max-width:100%!important;

    margin:0 0 14px!important;

    padding:0!important;

    font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;

    font-size:30px!important;
    line-height:1.55!important;

    font-weight:600!important;
    letter-spacing:0!important;

    text-align:right!important;

    white-space:normal!important;

    transform:none!important;
  }

  html.obs-lang-ar .hero h1 > span,
  html.obs-lang-ar .hero h1 > em{
    display:block!important;

    width:100%!important;

    margin:0!important;
    padding:0!important;

    text-align:right!important;
  }

  html.obs-lang-ar .hero h1 br{
    display:none!important;
  }

  html.obs-lang-ar .hero p{
    width:100%!important;
    max-width:100%!important;

    margin:0 0 18px!important;

    padding:0!important;

    font-size:12.5px!important;
    line-height:1.9!important;

    text-align:right!important;
  }

}


/* narrow phones */
@media(max-width:390px){

  .header .brand,
  html.obs-lang-ar .header .brand{
    max-width:128px!important;
    gap:4px!important;
  }

  .header .brand img{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  .header .brand-copy strong{
    font-size:14px!important;
  }

  .header .brand-copy span{
    font-size:5.5px!important;
  }

  .header .lang-switch,
  html.obs-lang-ar .header .lang-switch{
    width:58px!important;
    min-width:58px!important;
  }

  .header .obs-header-search-btn{
    flex-basis:30px!important;

    width:30px!important;
    height:30px!important;

    min-width:30px!important;
    max-width:30px!important;
  }

  html.obs-lang-ar .hero h1{
    font-size:28px!important;
  }
}

/* OBSESSION — BEAUTY HERO EXTRA COPY V1 */
@media(max-width:760px){

  .hero .obs-beauty-extra-copy{
    margin-top:22px;
    max-width:470px;
  }

  .hero .obs-beauty-extra-copy p{
    margin:0 0 15px;
    font-size:14px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
  }

  .hero .obs-beauty-extra-copy .obs-beauty-signature{
    color:#ead8b4;
    font-size:13px;
  }

  .hero .obs-beauty-tags{
    margin-top:22px;
    padding-top:14px;
    border-top:1px solid rgba(211,169,90,.35);

    color:#d4a64f;
    font-size:10px;
    font-weight:600;
    letter-spacing:.13em;
    line-height:1.6;
  }

  html.obs-lang-ar .hero .obs-beauty-extra-copy{
    text-align:right;
  }

  html.obs-lang-ar .hero .obs-beauty-extra-copy p{
    font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;
    font-size:13px;
    line-height:1.9;
  }

  html.obs-lang-ar .hero .obs-beauty-tags{
    font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;
    letter-spacing:0;
    font-size:10px;
  }
}

/* CENTER BEAUTY TAGS */
@media(max-width:760px){
  .hero .obs-beauty-tags{
    text-align:center!important;
    width:100%!important;
  }
}

/* =========================================
   SOURCE: mobile-header-final.css
   ========================================= */

/* =========================================================
   OBSESSION — MOBILE HEADER FINAL ALIGNMENT V1
   ========================================================= */

@media(max-width:760px){

  /* ======================================================
     HEADER — identical physical layout EN / AR
     ====================================================== */

  .header{
    position:relative!important;
    z-index:5000!important;
  }

  .header .nav,
  html.obs-lang-ar .header .nav{
    direction:ltr!important;

    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 132px!important;
    grid-template-areas:"menu brand actions"!important;

    align-items:center!important;

    width:calc(100% - 24px)!important;
    max-width:none!important;

    height:72px!important;
    min-height:72px!important;

    margin:0 auto!important;
    padding:6px 0!important;

    column-gap:6px!important;

    flex-wrap:nowrap!important;
  }


  /* MENU */

  .header .menu-btn,
  html.obs-lang-ar .header .menu-btn{
    grid-area:menu!important;

    position:static!important;

    justify-self:start!important;
    align-self:center!important;

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

    width:40px!important;
    height:40px!important;

    min-width:40px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    font-size:28px!important;
    line-height:1!important;
  }


  /* BRAND */

  .header .brand,
  html.obs-lang-ar .header .brand{
    grid-area:brand!important;

    position:static!important;

    justify-self:start!important;
    align-self:center!important;

    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;

    direction:ltr!important;

    width:auto!important;
    max-width:100%!important;
    min-width:0!important;

    gap:6px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
  }

  .header .brand img{
    flex:none!important;

    width:38px!important;
    height:38px!important;
    min-width:38px!important;

    object-fit:contain!important;
  }

  .header .brand-copy{
    min-width:0!important;
    overflow:hidden!important;
  }

  .header .brand-copy strong{
    display:block!important;

    font-size:15px!important;
    line-height:1!important;

    letter-spacing:.11em!important;

    white-space:nowrap!important;
  }

  .header .brand-copy span{
    display:block!important;

    margin-top:5px!important;

    font-size:5.8px!important;
    line-height:1!important;

    letter-spacing:.25em!important;

    white-space:nowrap!important;
  }


  /* ======================================================
     ACTIONS — NEVER DROP TO SECOND ROW
     ====================================================== */

  .header .nav-actions,
  html.obs-lang-ar .header .nav-actions{
    grid-area:actions!important;

    position:static!important;

    justify-self:end!important;
    align-self:center!important;

    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;

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

    direction:ltr!important;

    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;

    height:40px!important;

    gap:4px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
  }


  /* LANGUAGE */

  .header .lang-switch,
  html.obs-lang-ar .header .lang-switch{
    flex:0 0 62px!important;

    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;

    height:38px!important;

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

    gap:2px!important;

    margin:0!important;
    padding:0 3px!important;

    box-sizing:border-box!important;
  }

  .header .lang-switch .lang-btn{
    min-width:0!important;

    padding:0 2px!important;

    font-size:9px!important;
    line-height:1!important;
  }


  /* SEARCH */

  .header .obs-header-search-btn{
    flex:0 0 28px!important;

    position:static!important;

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

    width:28px!important;
    height:38px!important;

    min-width:28px!important;
    max-width:28px!important;

    margin:0!important;
    padding:5px!important;

    transform:none!important;
  }

  .header .obs-header-search-btn svg{
    width:16px!important;
    height:16px!important;
  }


  /* BAG */

  .header .icon-btn[href="cart.html"],
  html.obs-lang-ar .header .icon-btn[href="cart.html"]{
    flex:0 0 34px!important;

    position:relative!important;

    width:34px!important;
    height:38px!important;

    min-width:34px!important;
    max-width:34px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
  }

  .header .cart-count{
    top:-4px!important;
    right:-3px!important;
  }


  /* ======================================================
     MOBILE MENU CONTENT
     ====================================================== */

  body > .navlinks.obs-mobile-hard-nav > a,
  body > .navlinks.obs-mobile-hard-nav > .dropdown > .dropbtn{
    min-height:50px!important;

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

    font-size:12px!important;
    line-height:1.35!important;

    box-sizing:border-box!important;
  }

  body > .navlinks.obs-mobile-hard-nav > a{
    justify-content:flex-start!important;
  }

  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav > a{
    justify-content:flex-start!important;
    text-align:right!important;
  }


  /* ======================================================
     SCENT FINDER — emoji next to text, not opposite side
     ====================================================== */

  body > .navlinks.obs-mobile-hard-nav > a.scent-finder-nav{
    display:flex!important;
    flex-direction:row!important;

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

    gap:9px!important;

    width:100%!important;

    color:#fff!important;

    font-weight:500!important;
  }

  body > .navlinks.obs-mobile-hard-nav > a.scent-finder-nav span{
    display:inline-block!important;
    flex:0 0 auto!important;

    width:auto!important;

    margin:0!important;

    color:inherit!important;
  }

  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav > a.scent-finder-nav{
    direction:rtl!important;
    justify-content:flex-start!important;
    text-align:right!important;
  }


  /* dropdown rows */

  body > .navlinks.obs-mobile-hard-nav > .dropdown > .dropbtn{
    justify-content:space-between!important;
  }

  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav > .dropdown > .dropbtn{
    direction:rtl!important;
    text-align:right!important;
  }


  /* Arabic menu text */

  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav{
    font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  }

  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav > a,
  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav > .dropdown > .dropbtn{
    font-size:12px!important;
    line-height:1.7!important;
  }

}


/* Very narrow phones */
@media(max-width:390px){

  .header .nav,
  html.obs-lang-ar .header .nav{
    grid-template-columns:38px minmax(0,1fr) 124px!important;
    column-gap:4px!important;
  }

  .header .nav-actions,
  html.obs-lang-ar .header .nav-actions{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
  }

  .header .brand img{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  .header .brand-copy strong{
    font-size:13px!important;
  }

  .header .brand-copy span{
    font-size:5px!important;
  }

  .header .lang-switch,
  html.obs-lang-ar .header .lang-switch{
    flex-basis:58px!important;

    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }
}

/* =========================================================
   OBSESSION — RTL MENU SAME SIDE AS ENGLISH V1
   Drawer always opens from LEFT
   ========================================================= */

@media(max-width:760px){

  /* Hamburger stays physically on the LEFT */
  html.obs-lang-ar .header .menu-btn{
    grid-area:menu!important;
    justify-self:start!important;
    margin:0!important;
    left:auto!important;
    right:auto!important;
  }

  /* Arabic drawer opens from LEFT just like English */
  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav{
    left:0!important;
    right:auto!important;

    transform:translate3d(-105%,0,0)!important;

    box-shadow:20px 0 50px rgba(0,0,0,.35)!important;

    direction:rtl!important;
    text-align:right!important;
  }

  html.obs-lang-ar body > .navlinks.obs-mobile-hard-nav.obs-mobile-hard-open{
    transform:translate3d(0,0,0)!important;
  }
}

/* =========================================================
   OBSESSION — MOBILE STICKY HEADER + MENU SCROLL FIX V1
   ========================================================= */

@media(max-width:760px){

  /* Header must stay visible while scrolling */
  .header,
  html.obs-lang-ar .header{
    position:sticky!important;
    top:0!important;
    z-index:5000!important;
  }

  /* Physical header layout stays identical EN / AR */
  .header .nav,
  html.obs-lang-ar .header .nav{
    direction:ltr!important;
  }

  .header .menu-btn,
  html.obs-lang-ar .header .menu-btn{
    grid-area:menu!important;
    justify-self:start!important;

    margin:0!important;
    left:auto!important;
    right:auto!important;

    transform:none!important;
  }

  /* Drawer itself scrolls, NOT the page behind it */
  body > .navlinks.obs-mobile-hard-nav{
    overflow-y:auto!important;
    overflow-x:hidden!important;

    overscroll-behavior:contain!important;

    max-height:calc(100dvh - var(--obs-mobile-nav-top,72px))!important;
  }

  /* Lock background whenever drawer is open */
  html:has(body > .navlinks.obs-mobile-hard-nav.obs-mobile-hard-open),
  body:has(> .navlinks.obs-mobile-hard-nav.obs-mobile-hard-open){
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
}

/* =========================================================
   OBSESSION — MOBILE HEADER PHYSICAL LOCK V1
   Same physical layout EN / AR
   Arabic page content remains RTL
   ========================================================= */

@media(max-width:760px){

  .header .nav,
  html.obs-lang-ar .header .nav{
    display:grid!important;
    direction:ltr!important;

    grid-template-columns:42px minmax(0,1fr) 132px!important;
    grid-template-areas:"menu brand actions"!important;

    column-gap:4px!important;
    row-gap:22px!important;

    align-items:center!important;
  }

  .header .menu-btn,
  html.obs-lang-ar .header .menu-btn{
    grid-area:menu!important;

    justify-self:start!important;
    align-self:center!important;

    margin:0!important;

    position:static!important;
    left:auto!important;
    right:auto!important;

    transform:none!important;
  }

  .header .brand,
  html.obs-lang-ar .header .brand{
    grid-area:brand!important;

    justify-self:start!important;
    align-self:center!important;

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

    direction:ltr!important;
    text-align:left!important;

    margin:0!important;
    padding:0!important;

    gap:6px!important;

    transform:none!important;
    transition:none!important;

    font-family:"Montserrat",Arial,sans-serif!important;
  }

  .header .brand img,
  html.obs-lang-ar .header .brand img{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;

    flex:0 0 34px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
    transition:none!important;
  }

  .header .brand-copy,
  .header .brand-copy strong,
  .header .brand-copy span,
  html.obs-lang-ar .header .brand-copy,
  html.obs-lang-ar .header .brand-copy strong,
  html.obs-lang-ar .header .brand-copy span{
    direction:ltr!important;
    text-align:left!important;

    font-family:"Montserrat",Arial,sans-serif!important;

    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  .header .nav-actions,
  html.obs-lang-ar .header .nav-actions{
    grid-area:actions!important;

    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;

    direction:ltr!important;

    justify-self:end!important;
    align-self:center!important;

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

    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;

    height:40px!important;

    gap:4px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
  }

  .header .lang-switch,
  html.obs-lang-ar .header .lang-switch{
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;

    height:40px!important;

    direction:ltr!important;
  }

  .header .obs-global-search-link,
  html.obs-lang-ar .header .obs-global-search-link{
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;

    height:40px!important;
  }

  .header .nav-actions > a.icon-btn[href="cart.html"],
  html.obs-lang-ar .header .nav-actions > a.icon-btn[href="cart.html"]{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;

    height:40px!important;

    direction:ltr!important;
  }
}


/* Phones used in current mobile layout */
@media(max-width:390px){

  .header .nav,
  html.obs-lang-ar .header .nav{
    grid-template-columns:38px minmax(0,1fr) 124px!important;
    column-gap:4px!important;
  }

  .header .brand,
  html.obs-lang-ar .header .brand{
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;

    height:34px!important;
  }

  .header .nav-actions,
  html.obs-lang-ar .header .nav-actions{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;

    height:40px!important;
  }

  .header .lang-switch,
  html.obs-lang-ar .header .lang-switch{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;

    height:40px!important;
  }
}


/* =========================================================
   OBSESSION — MOBILE HEADER FINAL PHYSICAL LOCK
   Same physical positions EN / AR
   ========================================================= */
@media(max-width:760px){

  .header .container.nav,
  html.obs-lang-ar .header .container.nav{
    display:grid!important;
    direction:ltr!important;
    grid-template-areas:"menu brand actions"!important;
    grid-template-columns:42px minmax(0,1fr) 132px!important;
    column-gap:4px!important;
    row-gap:22px!important;
    align-items:center!important;
  }

  .header .menu-btn,
  html.obs-lang-ar .header .menu-btn{
    grid-area:menu!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
  }

  .header .brand,
  html.obs-lang-ar .header .brand{
    grid-area:brand!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    direction:ltr!important;
    text-align:left!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    transition:none!important;
  }

  .header .brand img,
  html.obs-lang-ar .header .brand img{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    transition:none!important;
  }

  .header .brand-copy,
  .header .brand-copy strong,
  .header .brand-copy span,
  html.obs-lang-ar .header .brand-copy,
  html.obs-lang-ar .header .brand-copy strong,
  html.obs-lang-ar .header .brand-copy span{
    font-family:"Montserrat",Arial,sans-serif!important;
    direction:ltr!important;
    text-align:left!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  .header .nav-actions,
  html.obs-lang-ar .header .nav-actions{
    grid-area:actions!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    direction:ltr!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:40px!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
  }
}

@media(max-width:390px){

  .header .container.nav,
  html.obs-lang-ar .header .container.nav{
    grid-template-columns:38px minmax(0,1fr) 124px!important;
    column-gap:4px!important;
  }

  .header .brand,
  html.obs-lang-ar .header .brand{
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;
  }

  .header .nav-actions,
  html.obs-lang-ar .header .nav-actions{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    gap:4px!important;
  }

  .header .lang-switch,
  html.obs-lang-ar .header .lang-switch{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:40px!important;
    direction:ltr!important;
  }

  .header .obs-global-search-link,
  html.obs-lang-ar .header .obs-global-search-link{
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
    height:40px!important;
  }

  .header .nav-actions > a[href="cart.html"],
  html.obs-lang-ar .header .nav-actions > a[href="cart.html"]{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:40px!important;
    direction:ltr!important;
  }
}

/* =========================================================
   OBSESSION — NARROW PHONE WORDMARK FIX V1
   Keep full OBSESSION visible on small phones
   ========================================================= */
@media(max-width:390px){

  .header .brand,
  html.obs-lang-ar .header .brand{
    overflow:visible!important;
  }

  .header .brand-copy,
  html.obs-lang-ar .header .brand-copy{
    overflow:visible!important;
    min-width:0!important;
  }

  .header .brand-copy strong,
  html.obs-lang-ar .header .brand-copy strong{
    font-size:12px!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}

/* =========================================
   SOURCE: product-mobile-controls.css
   ========================================= */

/* OBSESSION — MOBILE PRODUCT CONTROLS V1 */

@media(max-width:760px){

  .product-page-retail .product-size-choice{
    text-align:left!important;
  }

  /* SIZE WRAPPER */
  .product-page-retail #tag-size.variant-size-buttons{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* SIZE BUTTON */
  .product-page-retail #tag-size .variant-size-btn{
    position:static!important;
    transform:none!important;
    box-sizing:border-box!important;

    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 12px!important;

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

    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .product-page-retail #tag-size .variant-size-main{
    width:100%!important;
    height:100%!important;

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

    margin:0!important;
    padding:0!important;
  }

  .product-page-retail #tag-size .variant-size-main strong{
    margin:0!important;
    padding:0!important;

    color:#fff!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1!important;
  }

  /* QUANTITY + ADD TO BAG */
  .product-page-retail .product-retail-buy-row{
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    gap:10px!important;

    width:100%!important;
    max-width:none!important;

    margin-top:18px!important;
    align-items:center!important;
  }

  .product-page-retail .retail-quantity,
  .product-page-retail .quantity-selector{
    box-sizing:border-box!important;

    display:flex!important;

    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0!important;

    border:1px solid #17130f!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  /* − / + */
  .product-page-retail #product-qty-minus,
  .product-page-retail #product-qty-plus{
    box-sizing:border-box!important;

    flex:0 0 40px!important;

    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;

    height:46px!important;
    min-height:46px!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-radius:0!important;

    background:#17130f!important;
    color:#fff!important;

    font-size:17px!important;
    line-height:46px!important;
    text-align:center!important;
  }

  /* NUMBER */
  .product-page-retail #product-qty{
    box-sizing:border-box!important;

    flex:0 0 38px!important;

    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;

    height:46px!important;
    min-height:46px!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-left:1px solid #ddd!important;
    border-right:1px solid #ddd!important;
    border-radius:0!important;

    background:#fff!important;
    color:#17130f!important;

    text-align:center!important;
    font-size:14px!important;

    appearance:textfield!important;
    -moz-appearance:textfield!important;
  }

  .product-page-retail #product-qty::-webkit-inner-spin-button,
  .product-page-retail #product-qty::-webkit-outer-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
  }

  /* ADD TO BAG */
  .product-page-retail #product-add-btn{
    box-sizing:border-box!important;

    width:100%!important;
    max-width:none!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 14px!important;

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

    font-size:11px!important;
    line-height:1!important;
  }

  /* BUY NOW */
  .product-page-retail #product-buy-now-btn{
    box-sizing:border-box!important;

    width:100%!important;
    max-width:none!important;

    height:50px!important;
    min-height:50px!important;

    margin:10px 0 0!important;
    padding:0 14px!important;

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

    font-size:11px!important;
    line-height:1!important;
  }

  html.obs-lang-ar .product-page-retail .product-size-choice{
    text-align:right!important;
  }

  html.obs-lang-ar .product-page-retail #tag-size.variant-size-buttons{
    justify-content:flex-end!important;
  }
}

/* OBSESSION MOBILE MULTI SIZE FIX V2 */
@media(max-width:760px){

  .product-page-retail #tag-size.variant-size-buttons{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;

    margin:0!important;
    padding:0 0 2px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .product-page-retail #tag-size .variant-size-btn{
    position:static!important;
    transform:none!important;

    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    max-width:none!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 18px!important;

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

    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
    border-radius:0!important;
    box-shadow:none!important;

    white-space:nowrap!important;
  }

  /* إذا في size واحد فقط */
  .product-page-retail #tag-size .variant-size-btn:only-child{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
  }

  .product-page-retail #tag-size .variant-size-main{
    width:auto!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  .product-page-retail #tag-size .variant-size-main strong{
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .product-page-retail .variant-size-hint{
    display:block!important;
    margin-top:8px!important;
  }

  html.obs-lang-ar .product-page-retail #tag-size.variant-size-buttons{
    justify-content:flex-start!important;
  }
}

/* OBSESSION MOBILE MULTI SIZE FIX V2 */
@media(max-width:760px){

  .product-page-retail #tag-size.variant-size-buttons{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;

    margin:0!important;
    padding:0 0 2px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .product-page-retail #tag-size .variant-size-btn{
    position:static!important;
    transform:none!important;

    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    max-width:none!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 18px!important;

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

    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
    border-radius:0!important;
    box-shadow:none!important;

    white-space:nowrap!important;
  }

  /* إذا في size واحد فقط */
  .product-page-retail #tag-size .variant-size-btn:only-child{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
  }

  .product-page-retail #tag-size .variant-size-main{
    width:auto!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  .product-page-retail #tag-size .variant-size-main strong{
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .product-page-retail .variant-size-hint{
    display:block!important;
    margin-top:8px!important;
  }

  html.obs-lang-ar .product-page-retail #tag-size.variant-size-buttons{
    justify-content:flex-start!important;
  }
}

/* OBSESSION — MOBILE SIZE POSITION FIX V1 */
@media(max-width:760px){

  .product-page-retail #tag-size.variant-size-buttons{
    height:50px!important;
    min-height:50px!important;
    padding:1px 0 0!important;
    align-items:flex-start!important;
  }

  .product-page-retail #tag-size .variant-size-btn{
    transform:translateY(1px)!important;
  }
}

/* OBSESSION — MOBILE SIZE VISUAL STATE V2 */
@media(max-width:760px){

  /* NOT SELECTED */
  .product-page-retail #tag-size .variant-size-btn[aria-pressed="false"]{
    background:#fff!important;
    color:#17130f!important;
    border:1px solid #17130f!important;
  }

  .product-page-retail #tag-size .variant-size-btn[aria-pressed="false"] .variant-size-main strong{
    color:#17130f!important;
  }

  /* SELECTED */
  .product-page-retail #tag-size .variant-size-btn[aria-pressed="true"]{
    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
  }

  .product-page-retail #tag-size .variant-size-btn[aria-pressed="true"] .variant-size-main strong{
    color:#fff!important;
  }
}

/* =========================================
   SOURCE: mobile-filter-search-fix.css
   ========================================= */

/* =========================================================
   OBSESSION — MOBILE FILTER + SEARCH FIX V1
   ========================================================= */

@media(max-width:960px){

  /* Filter drawer stays below mobile header and scrolls internally */
  .filters.mobile-open{
    position:fixed!important;
    top:var(--obs-mobile-nav-top,72px)!important;
    bottom:0!important;
    height:auto!important;
    max-height:calc(100dvh - var(--obs-mobile-nav-top,72px))!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;

    padding-top:24px!important;
    padding-bottom:60px!important;
  }

  .mobile-filter-backdrop{
    top:var(--obs-mobile-nav-top,72px)!important;
  }
}

@media(max-width:700px){

  /* Keep Search price inside each result card */
  .obs-search-result{
    height:auto!important;
    min-height:104px!important;
    align-items:center!important;
  }

  .obs-search-result-price{
    position:static!important;
    inset:auto!important;
    transform:none!important;

    margin:6px 0 0!important;

    align-self:auto!important;
  }
}