/* ==============================
   DEFINE — Ultimate Premium CSS
   Salla / Selia Theme
   Midnight Navy × Champagne Gold
============================== */

:root{
  --df-bg:#070914;
  --df-bg2:#0b0f1c;
  --df-card:#111522;
  --df-gold:#c99f77;
  --df-gold2:#e7c18d;
  --df-ivory:#f8efe2;
  --df-muted:#a99b89;
  --df-border:rgba(201,159,119,.22);
  --df-radius:22px;
}

/* Base */
html,body,body.index,.app-inner,.bg-storeBG,main{
  background:linear-gradient(180deg,#070914 0%,#0b0f1c 45%,#070914 100%)!important;
  color:var(--df-ivory)!important;
  font-family:'Cairo',sans-serif!important;
}

.container{max-width:1320px!important}

/* Header */
.store-header,
.main-nav-container,
.main-nav-container .inner,
.main-menu-row{
  background:rgba(7,9,20,.96)!important;
  border-bottom:1px solid rgba(201,159,119,.16)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.navbar-brand img{
  max-height:54px!important;
  width:auto!important;
  filter:drop-shadow(0 6px 16px rgba(201,159,119,.28));
}

.main-menu{
  justify-content:center!important;
  gap:3px!important;
}

.main-menu li>a{
  color:var(--df-ivory)!important;
  font-size:13px!important;
  font-weight:700!important;
  padding:10px 11px!important;
  border-radius:999px!important;
  transition:.25s ease!important;
}

.main-menu li>a:hover{
  color:var(--df-gold2)!important;
  background:rgba(201,159,119,.12)!important;
}

.header-btn__icon,
.sicon-search,
.sicon-user,
.sicon-cart,
.theme-toggle{color:var(--df-gold2)!important}

/* Hero — keep original theme height */
.advanced-slider,
.advanced-slider salla-slider,
.advanced-slider__slide{
  height:var(--sliderHeight,100vh)!important;
  min-height:unset!important;
  margin:0!important;
  background:#050711!important;
  overflow:hidden!important;
}

.advanced-slider video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
}

.advanced-slider__caption{background:transparent!important}

/* Sections */
.s-block{
  margin:0!important;
  padding:34px 0!important;
  border:0!important;
  box-shadow:none!important;
}

.s-block h2,
.s-block__title,
.s-block .title{
  font-size:clamp(22px,2.4vw,34px)!important;
  font-weight:900!important;
  margin-bottom:10px!important;
  letter-spacing:-.4px;
}

.s-block h2::after,
.s-block__title::after{content:none!important}

.s-block p,
.s-block__subtitle,
.s-block .subtitle{
  color:#777!important;
  margin-bottom:18px!important;
}

/* White premium commercial sections */
.s-block--bundle-stacked-banners,
.s-block--bundle-categories-grid,
.s-block--bundle-products-slider{
  background:#fff!important;
}

.s-block--bundle-stacked-banners h2,
.s-block--bundle-categories-grid h2,
.s-block--bundle-products-slider h2,
.s-block--bundle-stacked-banners .title,
.s-block--bundle-categories-grid .title,
.s-block--bundle-products-slider .title{
  color:#111827!important;
}

/* Exclusive brand banners */
.s-block--bundle-stacked-banners{
  padding:36px 0 42px!important;
}

.s-block--bundle-stacked-banners img{
  width:100%!important;
  border-radius:18px!important;
  border:1px solid #eee!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
  transition:.3s ease!important;
}

.s-block--bundle-stacked-banners img:hover{
  transform:translateY(-4px) scale(1.01);
  box-shadow:0 22px 50px rgba(0,0,0,.18)!important;
}

/* Categories */
.s-block--bundle-categories-grid{
  padding:34px 0 38px!important;
}

.s-block--bundle-categories-grid img{
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:22px!important;
  border:1px solid #eee!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
  transition:.3s ease!important;
}

.s-block--bundle-categories-grid a:hover img{
  transform:scale(1.035);
  filter:brightness(1.05);
}

/* Products */
.s-block--bundle-products-slider{
  padding:42px 0 46px!important;
}

custom-salla-product-card,
salla-product-card,
.product-card,
.product-entry{
  background:#fff!important;
  border:1px solid #ececec!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(0,0,0,.08)!important;
  transition:.28s ease!important;
}

custom-salla-product-card:hover,
salla-product-card:hover,
.product-card:hover,
.product-entry:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(201,159,119,.45)!important;
  box-shadow:0 18px 42px rgba(201,159,119,.18)!important;
}

custom-salla-product-card img,
salla-product-card img,
.product-card img{
  background:#faf7f1!important;
  object-fit:contain!important;
  transition:.32s ease!important;
}

custom-salla-product-card:hover img,
salla-product-card:hover img,
.product-card:hover img{
  transform:scale(1.035);
}

/* Buttons */
button,.btn,.s-button-btn,.s-button-element{
  border-radius:999px!important;
}

.s-button-primary,
.s-button-btn[type="button"],
button[type="submit"]{
  background:linear-gradient(135deg,var(--df-gold),var(--df-gold2))!important;
  color:#080b16!important;
  border:none!important;
  font-weight:900!important;
  box-shadow:0 10px 26px rgba(201,159,119,.26)!important;
}

/* Fixed niche banner */
.s-block--fixed-banner{
  background:var(--df-bg)!important;
  padding:46px 0!important;
}

.s-block--fixed-banner .container{max-width:1380px!important}

.banner--fixed{
  display:block!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#090c16!important;
}

.banner--fixed img{
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  border-radius:26px!important;
  border:1px solid var(--df-border)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.36)!important;
}

/* Brands marquee */
.s-block--animated-brands{
  background:#070914!important;
  padding:34px 0!important;
  border-top:1px solid rgba(201,159,119,.12)!important;
  border-bottom:1px solid rgba(201,159,119,.12)!important;
}

.s-block--animated-brands--brand{
  background:#fff!important;
  border-radius:16px!important;
  padding:14px 26px!important;
  margin:0 9px!important;
  opacity:.96!important;
  filter:none!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}

.s-block--animated-brands--brand img{
  max-height:54px!important;
  object-fit:contain!important;
}

/* About Section */
#about-6{
  background:
    radial-gradient(circle at 82% 15%,rgba(201,159,119,.18),transparent 32%),
    linear-gradient(135deg,#070914 0%,#0c101c 55%,#15101a 100%)!important;
  padding:70px 0!important;
  color:#f8efe2!important;
  position:relative;
  overflow:hidden;
}

#about-6::before{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(201,159,119,.18);
  border-radius:34px;
  pointer-events:none;
}

#about-6 .container{position:relative;z-index:2}

#about-6 .flex{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,159,119,.20);
  border-radius:34px;
  padding:34px;
  box-shadow:0 28px 80px rgba(0,0,0,.35);
  backdrop-filter:blur(10px);
}

#about-6 h3{
  color:#e7c18d!important;
  opacity:1!important;
  font-size:15px!important;
  font-weight:800!important;
}

#about-6 h2{
  color:#fff7ea!important;
  font-size:clamp(28px,4vw,48px)!important;
  font-weight:900!important;
  line-height:1.25!important;
}

#about-6 p{
  color:#f4eadc!important;
  font-size:17px!important;
  line-height:2!important;
  font-weight:500!important;
  white-space:pre-line;
}

#about-6 .btn{
  background:linear-gradient(135deg,#c99f77,#e7c18d)!important;
  color:#070914!important;
  border-radius:999px!important;
  height:48px!important;
  padding-inline:28px!important;
  font-weight:900!important;
  border:0!important;
}

#about-6 img{
  width:100%!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border-radius:28px!important;
  border:1px solid rgba(201,159,119,.28)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.38)!important;
  filter:brightness(.92) contrast(1.08) saturate(1.05);
}

/* Footer */
footer,.store-footer{
  background:#050711!important;
  color:var(--df-ivory)!important;
  border-top:1px solid rgba(201,159,119,.18)!important;
}

footer a,.store-footer a{color:var(--df-muted)!important}
footer a:hover,.store-footer a:hover{color:var(--df-gold2)!important}

/* Bottom nav */
.bottom-nav,
.has-bottom-nav .bottom-nav{
  background:rgba(7,9,20,.97)!important;
  border-top:1px solid var(--df-border)!important;
  backdrop-filter:blur(16px);
}

.bottom-nav a,
.bottom-nav i{color:var(--df-ivory)!important}

/* Mobile */
@media(max-width:768px){
  .advanced-slider,
  .advanced-slider salla-slider,
  .advanced-slider__slide{
    height:var(--mobileSliderHeight,90vh)!important;
    min-height:unset!important;
  }

  .navbar-brand img{max-height:46px!important}

  .s-block{padding:24px 0!important}

  .s-block h2,
  .s-block__title,
  .s-block .title{
    font-size:24px!important;
  }

  .main-menu li>a{
    color:#111827!important;
    font-size:14px!important;
    padding:12px 10px!important;
  }

  .s-block--bundle-stacked-banners img,
  .banner--fixed img{border-radius:16px!important}

  .s-block--bundle-categories-grid img{border-radius:18px!important}

  custom-salla-product-card,
  salla-product-card,
  .product-card,
  .product-entry{border-radius:16px!important}

  #about-6{padding:42px 0!important}

  #about-6::before{
    inset:12px;
    border-radius:24px;
  }

  #about-6 .flex{
    padding:20px!important;
    border-radius:24px!important;
    gap:22px!important;
  }

  #about-6 p{
    font-size:15px!important;
    line-height:1.9!important;
  }

  #about-6 img{
    aspect-ratio:1/1!important;
    border-radius:20px!important;
  }

  #about-6 .btn{
    width:100%;
    justify-content:center;
  }
}
/* ==============================
   DEFINE — Product Page Luxury PDP
============================== */

body.product-single,
body.product{
  background:#070914!important;
}

/* Breadcrumbs */
.breadcrumbs{
  padding:18px 0!important;
}
.breadcrumbs,
.breadcrumbs a,
.s-breadcrumb-item,
.s-breadcrumb-wrapper{
  color:#d9c8b4!important;
  font-size:13px!important;
}
.s-breadcrumb-item:last-child{
  color:#fff7ea!important;
}

/* Product layout wrapper */
.product-single{
  background:
    radial-gradient(circle at 80% 10%,rgba(201,159,119,.16),transparent 30%),
    linear-gradient(135deg,#070914,#0b0f1c 65%,#120d14)!important;
  border:1px solid rgba(201,159,119,.18)!important;
  border-radius:34px!important;
  padding:28px!important;
  margin-bottom:50px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
}

/* Product image area */
.product-single__slider__inner,
.product-single__main-media,
.details-slider,
.magnify-wrapper{
  background:#f8f3ea!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(201,159,119,.24)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}

.product-single__main-media img{
  object-fit:contain!important;
  padding:22px!important;
  background:#faf7f1!important;
}

/* Share / wishlist */
.share-and-wish{
  opacity:1!important;
}
.share-and-wish button{
  background:rgba(7,9,20,.82)!important;
  color:#e7c18d!important;
  border:1px solid rgba(201,159,119,.35)!important;
}

/* Product info card */
.product-single__info{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(201,159,119,.20)!important;
  border-radius:30px!important;
  padding:28px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px);
}

.product-single__info h1{
  color:#fff7ea!important;
  font-size:clamp(24px,3vw,36px)!important;
  line-height:1.45!important;
  font-weight:900!important;
  margin-bottom:14px!important;
}

/* Brand authenticity box */
.product-single__info .border.border-gray-200{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(201,159,119,.24)!important;
  border-radius:20px!important;
  padding:14px!important;
}

.product-single__info .product-brand,
.product-single__info .brand-logo{
  background:#fff!important;
  border-radius:16px!important;
}

.product-single__info h4{
  color:#e7c18d!important;
  font-weight:900!important;
}

.product-single__info p,
.product-single__info label,
.product-single__info .text-store-text-primary{
  color:#f4eadc!important;
}

/* Price */
.product-price{
  margin:18px 0!important;
}
.total-price{
  color:#e7c18d!important;
  font-size:30px!important;
  font-weight:900!important;
}
.before-price{
  color:#9b8c7d!important;
}

/* Stock badge */
#variant-inventory{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  background:rgba(34,197,94,.12)!important;
  color:#86efac!important;
  border:1px solid rgba(34,197,94,.28)!important;
  border-radius:999px!important;
  padding:9px 16px!important;
  font-weight:800!important;
}

/* Tamara / installment wrapper */
salla-installment > div,
tamara-widget{
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Price + CTA area */
.product-price-bottom,
.sticky-product-bar{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(201,159,119,.20)!important;
  border-radius:22px!important;
  padding:18px!important;
}

.sticky-product-bar__quantity{
  color:#fff7ea!important;
}

/* Quantity */
salla-quantity-input{
  border-radius:999px!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* Add to cart */
salla-add-product-button .s-button-primary,
.sticky-product-bar__btn button,
.s-add-product-button-main button{
  min-height:54px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#c99f77,#e7c18d)!important;
  color:#070914!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 16px 38px rgba(201,159,119,.32)!important;
}

salla-add-product-button .s-button-primary:hover,
.s-add-product-button-main button:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 50px rgba(201,159,119,.42)!important;
}

/* Quick order */
salla-quick-order .s-quick-order-container{
  background:linear-gradient(135deg,#c99f77,#f1d39f)!important;
  color:#070914!important;
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(201,159,119,.20)!important;
}

/* Mobile PDP */
@media(max-width:768px){
  .product-single{
    padding:14px!important;
    border-radius:24px!important;
  }

  .product-single__info{
    padding:20px!important;
    border-radius:24px!important;
  }

  .product-single__main-media{
    max-height:460px!important;
  }

  .product-single__main-media img{
    padding:14px!important;
  }

  .product-single__info h1{
    font-size:24px!important;
  }

  .total-price{
    font-size:26px!important;
  }

  .sticky-product-bar{
    position:sticky!important;
    bottom:74px!important;
    z-index:20!important;
    box-shadow:0 -14px 40px rgba(0,0,0,.35)!important;
  }
}
/* ==============================
   DEFINE — Mobile Quick Order Polish
============================== */

@media(max-width:768px){

  salla-quick-order.block.sm\:hidden,
  salla-quick-order.s-quick-order{
    display:block!important;
    margin:18px 0!important;
  }

  salla-quick-order .s-quick-order-container{
    background:
      linear-gradient(135deg,#0b0f1c 0%,#15101a 55%,#070914 100%)!important;
    border:1px solid rgba(201,159,119,.28)!important;
    border-radius:24px!important;
    padding:18px!important;
    box-shadow:0 22px 55px rgba(0,0,0,.36)!important;
    overflow:hidden!important;
  }

  salla-quick-order .s-quick-order-button-cont{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(201,159,119,.18)!important;
    border-radius:20px!important;
    padding:16px!important;
  }

  salla-quick-order h3{
    color:#fff7ea!important;
    font-size:18px!important;
    font-weight:900!important;
    margin:0 0 4px!important;
  }

  salla-quick-order p{
    color:#d9c8b4!important;
    font-size:13px!important;
    line-height:1.6!important;
    margin:0!important;
  }

  salla-quick-order .s-quick-order-button-cont button{
    background:linear-gradient(135deg,#c99f77,#e7c18d)!important;
    color:#070914!important;
    border:0!important;
    border-radius:999px!important;
    min-height:42px!important;
    padding:0 18px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    box-shadow:0 12px 26px rgba(201,159,119,.28)!important;
  }

  salla-quick-order .s-quick-order-expandable{
    margin-top:16px!important;
  }

  salla-quick-order .s-form-group{
    position:relative!important;
    margin-bottom:12px!important;
  }

  salla-quick-order .s-form-group > span{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2!important;
    color:#c99f77!important;
    opacity:.9!important;
  }

  salla-quick-order .s-form-group svg{
    width:18px!important;
    height:18px!important;
    fill:#c99f77!important;
  }

  salla-quick-order input,
  salla-quick-order .s-form-control,
  salla-quick-order .s-tel-input-control{
    width:100%!important;
    height:48px!important;
    background:#fff!important;
    color:#111827!important;
    border:1px solid rgba(201,159,119,.28)!important;
    border-radius:999px!important;
    padding:0 44px 0 16px!important;
    font-size:14px!important;
    box-shadow:none!important;
  }

  salla-quick-order input::placeholder{
    color:#8b8b8b!important;
  }

  salla-quick-order .s-quick-order-flex-input{
    display:block!important;
  }

  salla-quick-order .iti{
    width:100%!important;
  }

  salla-quick-order .iti__selected-flag{
    border-radius:999px 0 0 999px!important;
  }

  salla-quick-order .iti__tel-input{
    direction:ltr!important;
    text-align:left!important;
    padding-right:86px!important;
  }

  salla-quick-order button[type="submit"]{
    width:100%!important;
    min-height:50px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#c99f77,#e7c18d)!important;
    color:#070914!important;
    border:0!important;
    font-size:16px!important;
    font-weight:900!important;
    box-shadow:0 16px 34px rgba(201,159,119,.32)!important;
  }

  salla-quick-order button[type="submit"]:active,
  salla-quick-order .s-quick-order-button-cont button:active{
    transform:scale(.98);
  }
}
/* ==============================
   DEFINE — Luxury Product Cards
============================== */

custom-salla-product-card.product-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbf7ef 100%)!important;
  border:1px solid rgba(201,159,119,.28)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(0,0,0,.10)!important;
  transition:.32s ease!important;
  position:relative!important;
}

custom-salla-product-card.product-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 24px 55px rgba(201,159,119,.22)!important;
  border-color:rgba(201,159,119,.55)!important;
}

/* صورة المنتج */
.product-card__image{
  background:
    radial-gradient(circle at 50% 20%,rgba(231,193,141,.22),transparent 42%),
    linear-gradient(180deg,#fffaf2,#f7efe4)!important;
  padding:18px!important;
  min-height:245px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-bottom:1px solid rgba(201,159,119,.18)!important;
}

.product-card__image img{
  object-fit:contain!important;
  max-height:230px!important;
  width:100%!important;
  mix-blend-mode:multiply;
  transition:.35s ease!important;
}

custom-salla-product-card.product-card:hover .product-card__image img{
  transform:scale(1.055)!important;
}

/* أزرار القلب والمعاينة */
.product-card__actions,
.product-card__buttons{
  top:12px!important;
  left:12px!important;
  gap:8px!important;
}

.product-card__actions button,
.product-card__buttons button{
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
  background:rgba(7,9,20,.88)!important;
  color:#e7c18d!important;
  border:1px solid rgba(231,193,141,.38)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
}

/* محتوى الكارت */
.product-card__content{
  padding:16px 15px 18px!important;
  background:#fff!important;
}

.product-card__title{
  min-height:48px!important;
  margin-bottom:10px!important;
  text-align:center!important;
}

.product-card__title a{
  color:#111827!important;
  font-size:14.5px!important;
  font-weight:800!important;
  line-height:1.7!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}

.product-card__title a:hover{
  color:#a37951!important;
}

/* السعر */
.product-card__price,
.price-wrapper{
  justify-content:center!important;
  margin:6px 0 12px!important;
}

.product-card__price .total-price{
  color:#a37951!important;
  font-size:18px!important;
  font-weight:900!important;
}

.product-card__price .before-price{
  color:#999!important;
  font-size:13px!important;
}

/* زر إضافة للسلة */
.product-card__addToCart,
.product-card__mini-cart{
  padding:0 14px 16px!important;
  margin-top:0!important;
}

.product-card__addToCart button,
.product-card__mini-cart button{
  width:100%!important;
  min-height:42px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#c99f77,#e7c18d)!important;
  color:#070914!important;
  border:0!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(201,159,119,.24)!important;
}

.product-card__addToCart button:hover,
.product-card__mini-cart button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(201,159,119,.34)!important;
}

/* إخفاء تكرار الأزرار لو ظاهر مرتين */
.product-card__addToCart + .product-card__mini-cart{
  display:none!important;
}

/* Label فاخر أعلى الكارت */
custom-salla-product-card.product-card::before{
  content:"أصلي 100%";
  position:absolute;
  top:12px;
  right:12px;
  z-index:5;
  background:rgba(7,9,20,.88);
  color:#e7c18d;
  border:1px solid rgba(231,193,141,.38);
  border-radius:999px;
  padding:6px 11px;
  font-size:11px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}

/* موبايل */
@media(max-width:768px){
  custom-salla-product-card.product-card{
    border-radius:18px!important;
  }

  .product-card__image{
    min-height:190px!important;
    padding:14px!important;
  }

  .product-card__image img{
    max-height:180px!important;
  }

  .product-card__content{
    padding:12px!important;
  }

  .product-card__title a{
    font-size:13px!important;
  }

  .product-card__price .total-price{
    font-size:16px!important;
  }

  custom-salla-product-card.product-card::before{
    font-size:10px;
    padding:5px 9px;
  }
}