/* 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[dir="rtl"] .obs-en,html[lang="ar"] .obs-en{display:none}html[dir="rtl"] .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[dir="rtl"] .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[dir="rtl"] .beauty-brand-card b{left:auto;right:34px}html[dir="rtl"] .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[dir="rtl"] .beauty-v21-hero h1,html[dir="rtl"] .beauty-section-head h2,html[dir="rtl"] .beauty-brand-card h3,html[dir="rtl"] .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[dir="rtl"] .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[dir="rtl"] .beauty-home-section .beauty-home-brand-card b{
  left:auto!important;
  right:30px!important;
}
html[dir="rtl"] .beauty-home-section .beauty-home-brand-card .beauty-brand-count{
  right:auto!important;
  left:28px!important;
}
html[dir="rtl"] .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[dir="rtl"] .beauty-home-section .beauty-home-brand-card b{left:auto!important;right:24px!important}
  html[dir="rtl"] .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;
    }
}