/* =========================================================
   ORV — CLEAN OVERLAND STORE
   V6
   HERO → PRODUCTS → WORKSHOP → FEATURES → REVIEWS
   ========================================================= */


/* =========================================================
   COLORS
   ========================================================= */

:root{
  --orv-black:#090909;
  --orv-dark:#101010;
  --orv-card:#151515;
  --orv-card-hover:#1b1b1b;

  --orv-white:#f4f3ef;
  --orv-muted:#a3a19b;

  --orv-sand:#c8b88d;
  --orv-sand-light:#e2d8bc;
  --orv-olive:#5d6045;

  --orv-line:rgba(255,255,255,.10);
}


/* =========================================================
   GLOBAL
   ========================================================= */

html{
  scroll-behavior:smooth;
}

body{
  background:var(--orv-black) !important;
  color:var(--orv-white) !important;
}

main,
.app-inner,
.content,
.page-wrapper{
  background:var(--orv-black) !important;
}

section,
.s-block{
  background:var(--orv-black) !important;
}


/* Main content width */

.container{
  width:calc(100% - 64px) !important;
  max-width:1180px !important;

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


/* Sections spacing */

.s-block{
  padding-top:44px !important;
  padding-bottom:44px !important;
}

.s-block:empty{
  display:none !important;
}


/* =========================================================
   HEADER
   ========================================================= */

header,
.main-header,
.store-header,
.navbar,
.header-wrapper{
  background:#080808 !important;

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

  box-shadow:none !important;
}


header a,
header button,
header svg,
header i{
  color:#ffffff !important;
}


header img{
  max-height:68px !important;
}


/* SEARCH */

header input,
.main-header input,
.store-header input{
  background:#111111 !important;

  color:#ffffff !important;

  border:1px solid #292929 !important;

  border-radius:5px !important;
}


header input::placeholder{
  color:#777777 !important;
}


/* =========================================================
   HERO
   ========================================================= */

.s-block--fixed-banner,
.s-block--hero-slider,
.main-slider,
.hero,
.banner{
  padding:0 !important;
  margin:0 !important;

  background:#000000 !important;
}


/* Full width hero */

.s-block--fixed-banner .container,
.s-block--hero-slider .container,
.main-slider .container,
.hero .container,
.banner .container{
  width:100% !important;

  max-width:none !important;

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


/* Hero image */

.s-block--fixed-banner img,
.s-block--hero-slider img,
.main-slider img,
.hero img,
.banner img{
  display:block !important;

  width:100% !important;

  height:auto !important;

  min-height:500px !important;
  max-height:700px !important;

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


/* Hero title */

.s-block--fixed-banner h1,
.s-block--hero-slider h1,
.hero h1,
.banner h1{
  color:#ffffff !important;

  font-size:clamp(42px,4.5vw,70px) !important;

  font-weight:800 !important;

  line-height:1 !important;

  letter-spacing:-1px !important;
}


/* Hero description */

.s-block--fixed-banner p,
.s-block--hero-slider p,
.hero p,
.banner p{
  color:rgba(255,255,255,.82) !important;

  font-size:17px !important;
}


/* =========================================================
   SECTION TITLES
   ========================================================= */

h1,
h2,
h3,
h4,
.section-title,
.s-block__title,
.s-block__title h2{
  color:var(--orv-white) !important;
}


.s-block__title{
  margin-bottom:28px !important;
}


.s-block__title h2,
.section-title{
  font-size:clamp(27px,2.6vw,36px) !important;

  font-weight:800 !important;

  letter-spacing:-.5px !important;
}


/* Small accent line */

.s-block__title h2::after,
.section-title::after{
  content:"";

  display:block;

  width:44px;
  height:2px;

  margin-top:10px;

  background:var(--orv-sand);
}


/* =========================================================
   PRODUCTS SECTION
   ========================================================= */

.s-block--products-slider,
.s-block--products,
.products-slider{
  background:var(--orv-black) !important;
}


/* =========================================================
   PRODUCT CARD
   IMPORTANT:
   VERTICAL CARD — IMAGE TOP / CONTENT BOTTOM
   ========================================================= */

.s-product-card-entry,
.product-entry,
.product-card,
.s-products-slider-card{
  display:flex !important;

  flex-direction:column !important;

  align-items:stretch !important;

  position:relative !important;

  width:100% !important;

  height:auto !important;

  min-height:0 !important;

  background:var(--orv-card) !important;

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

  border-radius:10px !important;

  overflow:hidden !important;

  box-shadow:none !important;

  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease !important;
}


.s-product-card-entry:hover,
.product-entry:hover,
.product-card:hover{
  transform:translateY(-4px) !important;

  border-color:rgba(200,184,141,.50) !important;

  background:var(--orv-card-hover) !important;
}


/* =========================================================
   PRODUCT IMAGE AREA
   KEEP FULL IMAGE + DARK RATIO FILL
   ========================================================= */

.s-product-card-image,
.product-entry__image{
  position:relative !important;

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

  order:1 !important;

  width:100% !important;

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

  flex:0 0 290px !important;

  /* فرق أبعاد الصور يكون بنفس لون الكرت */
  background:#151515 !important;

  overflow:hidden !important;
}


/* الصورة نفسها */

.s-product-card-image img,
.product-entry__image img,
.product-card img{
  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:12px !important;

  margin:0 !important;

  /* مهم: لا نعطي الصورة خلفية بيضاء */
  background:transparent !important;
  background-color:transparent !important;
}


/* =========================================================
   PRODUCT CONTENT
   ========================================================= */

.s-product-card-content,
.product-entry__content{
  position:relative !important;

  order:2 !important;

  display:flex !important;

  flex-direction:column !important;

  width:100% !important;

  height:auto !important;

  flex:1 1 auto !important;

  padding:20px !important;

  background:var(--orv-card) !important;
}


/* Product title */

.s-product-card-content-title,
.s-product-card-content-title a,
.product-title,
.product-title a,
.product-entry__title,
.product-entry__title a{
  display:block !important;

  color:var(--orv-white) !important;

  opacity:1 !important;

  font-size:16px !important;

  font-weight:650 !important;

  line-height:1.5 !important;

  margin:0 0 10px 0 !important;

  min-height:0 !important;
}


/* Price */

.s-product-card-price,
.product-price,
.product-entry__price{
  display:block !important;

  color:var(--orv-sand-light) !important;

  font-size:18px !important;

  font-weight:800 !important;

  margin-top:4px !important;

  margin-bottom:15px !important;
}


/* Product footer */

.s-product-card-content-footer,
.product-entry__footer{
  width:100% !important;

  margin-top:auto !important;
}


/* =========================================================
   PRODUCT GRID — DESKTOP
   3 LARGE CARDS
   ========================================================= */

@media(min-width:992px){

  .s-block--products-slider .swiper-wrapper,
  .products-slider .swiper-wrapper{
    gap:22px !important;

    align-items:stretch !important;
  }


  .s-block--products-slider .swiper-slide,
  .products-slider .swiper-slide{
    width:calc((100% - 44px) / 3) !important;

    flex:0 0 calc((100% - 44px) / 3) !important;

    height:auto !important;
  }


  .s-block--products-slider .swiper-slide > *,
  .products-slider .swiper-slide > *{
    height:100% !important;
  }
}


/* =========================================================
   TABLET — 2 PRODUCTS
   ========================================================= */

@media(min-width:769px) and (max-width:991px){

  .s-block--products-slider .swiper-wrapper,
  .products-slider .swiper-wrapper{
    gap:20px !important;
  }


  .s-block--products-slider .swiper-slide,
  .products-slider .swiper-slide{
    width:calc((100% - 20px) / 2) !important;

    flex:0 0 calc((100% - 20px) / 2) !important;

    height:auto !important;
  }


  .s-product-card-image,
  .product-entry__image{
    height:260px !important;

    min-height:260px !important;

    max-height:260px !important;

    flex-basis:260px !important;
  }
}


/* =========================================================
   BUTTONS
   ========================================================= */

.s-button-primary,
.add-to-cart,
button.btn-primary{
  background:var(--orv-white) !important;

  color:#080808 !important;

  border:1px solid var(--orv-white) !important;

  border-radius:5px !important;

  font-weight:700 !important;

  min-height:44px !important;

  transition:.2s ease !important;
}


.s-button-primary:hover,
.add-to-cart:hover,
button.btn-primary:hover{
  background:var(--orv-sand) !important;

  border-color:var(--orv-sand) !important;

  color:#080808 !important;
}


/* Sold out */

button:disabled,
.s-button-disabled,
.s-button-primary:disabled{
  background:#292929 !important;

  color:#aaaaaa !important;

  border:1px solid #3b3b3b !important;

  opacity:1 !important;
}


/* Wishlist */

.s-product-card-wishlist-btn,
.add-to-wishlist{
  background:#111111 !important;

  color:#ffffff !important;

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

  border-radius:5px !important;
}


/* =========================================================
   WORKSHOP BANNER
   ========================================================= */

.s-block--enhanced-banner{
  position:relative !important;

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


.s-block--enhanced-banner img{
  width:100% !important;

  border-radius:0 !important;
}


.s-block--enhanced-banner h2,
.s-block--enhanced-banner h3{
  color:#ffffff !important;

  font-weight:800 !important;

  font-size:clamp(32px,4vw,58px) !important;

  line-height:1.05 !important;
}


.s-block--enhanced-banner p{
  color:rgba(255,255,255,.82) !important;
}


/* =========================================================
   STORE FEATURES
   ========================================================= */

.s-block--features,
.features,
.store-features{
  background:#0d0d0d !important;

  padding-top:48px !important;

  padding-bottom:48px !important;
}


.s-block--features .container,
.store-features .container,
.features .container{
  width:calc(100% - 64px) !important;

  max-width:1180px !important;

  background:transparent !important;
}


/* Cards */

.s-block--features .feature-item,
.s-block--features .feature,
.s-block--features .store-feature,
.store-features .feature-item,
.store-features .feature,
.store-features .store-feature,
.features .feature-item,
.features .feature,
.features .store-feature,
.s-block--features .grid > div{
  background:#171717 !important;

  border:1px solid rgba(255,255,255,.10) !important;

  border-radius:14px !important;

  box-shadow:none !important;

  padding:32px 24px !important;

  min-height:230px !important;

  text-align:center !important;

  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease !important;
}


.s-block--features .feature-item:hover,
.s-block--features .feature:hover,
.store-features .feature-item:hover,
.store-features .feature:hover,
.features .feature-item:hover,
.features .feature:hover{
  background:#1d1d1d !important;

  border-color:rgba(200,184,141,.40) !important;

  transform:translateY(-3px) !important;
}


/* White backgrounds inside features */

.s-block--features .bg-white,
.s-block--features .bg-gray-50,
.s-block--features .bg-light,
.store-features .bg-white,
.store-features .bg-gray-50,
.store-features .bg-light,
.features .bg-white,
.features .bg-gray-50,
.features .bg-light{
  background:transparent !important;
}


/* Feature icon */

.s-block--features .icon,
.s-block--features .feature-icon,
.store-features .icon,
.store-features .feature-icon,
.features .icon,
.features .feature-icon{
  background:var(--orv-olive) !important;

  width:80px !important;
  height:80px !important;

  border-radius:50% !important;

  display:flex !important;

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

  margin:0 auto 20px auto !important;
}


.s-block--features svg,
.store-features svg,
.features svg{
  color:#f5f3ea !important;
}


/* Feature title */

.s-block--features h3,
.s-block--features .feature-title,
.store-features h3,
.store-features .feature-title,
.features h3,
.features .feature-title{
  color:#f3f1eb !important;

  font-size:22px !important;

  font-weight:700 !important;

  line-height:1.5 !important;

  margin-top:6px !important;

  margin-bottom:8px !important;

  opacity:1 !important;
}


/* Feature description */

.s-block--features p,
.s-block--features .feature-description,
.store-features p,
.store-features .feature-description,
.features p,
.features .feature-description{
  color:#c9c5bb !important;

  font-size:16px !important;

  line-height:1.8 !important;

  margin:0 !important;

  opacity:1 !important;
}


/* =========================================================
   CUSTOMER REVIEWS
   SAFE VERSION
   ========================================================= */

.s-block--testimonials,
.testimonials{
  background:#0d0d0d !important;

  padding-top:48px !important;

  padding-bottom:48px !important;
}


.s-block--testimonials .container,
.testimonials .container{
  width:calc(100% - 64px) !important;

  max-width:1180px !important;

  background:transparent !important;
}


/* Known/common review card classes */

.s-testimonial-card,
.testimonial,
.testimonial-card,
.testimonial-item,
.testimonials-item{
  background:#171717 !important;

  color:#f4f3ef !important;

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

  border-radius:14px !important;

  box-shadow:none !important;
}


/* White utility classes only inside reviews */

.s-block--testimonials .bg-white,
.s-block--testimonials .bg-gray-50,
.s-block--testimonials .bg-gray-100,
.s-block--testimonials .bg-light,
.testimonials .bg-white,
.testimonials .bg-gray-50,
.testimonials .bg-gray-100,
.testimonials .bg-light{
  background:#171717 !important;

  background-color:#171717 !important;
}


/* Review title */

.s-block--testimonials h2,
.s-block--testimonials h3,
.s-block--testimonials h4,
.testimonials h2,
.testimonials h3,
.testimonials h4{
  color:#f4f3ef !important;

  opacity:1 !important;
}


/* Review text */

.s-block--testimonials p,
.testimonials p{
  color:#c8c5bc !important;

  opacity:1 !important;

  line-height:1.8 !important;
}


/* Stars */

.s-block--testimonials [class*="star"],
.s-block--testimonials .text-yellow-400,
.testimonials [class*="star"],
.testimonials .text-yellow-400{
  color:#d6b64c !important;
}


/* =========================================================
   SLIDER ARROWS
   ========================================================= */

.swiper-button-next,
.swiper-button-prev,
.s-slider-block__title-nav button{
  background:#181818 !important;

  color:#ffffff !important;

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

  box-shadow:none !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

footer,
.store-footer{
  background:#050505 !important;

  color:var(--orv-muted) !important;

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


footer h3,
footer h4{
  color:#ffffff !important;
}


footer a{
  color:#bcbcb7 !important;
}


footer a:hover{
  color:var(--orv-sand-light) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

  .container{
    width:calc(100% - 28px) !important;

    max-width:none !important;

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


  .s-block{
    padding-top:30px !important;

    padding-bottom:30px !important;
  }


  /* HERO */

  .s-block--fixed-banner .container,
  .s-block--hero-slider .container,
  .main-slider .container,
  .hero .container,
  .banner .container{
    width:100% !important;
  }


  .s-block--fixed-banner img,
  .s-block--hero-slider img,
  .hero img,
  .banner img{
    min-height:380px !important;

    max-height:520px !important;
  }


  .s-block--fixed-banner h1,
  .s-block--hero-slider h1,
  .hero h1{
    font-size:34px !important;
  }


  /* PRODUCTS */

  .s-block--products-slider .swiper-slide,
  .products-slider .swiper-slide{
    width:84% !important;

    flex:0 0 84% !important;

    height:auto !important;
  }


  .s-product-card-entry,
  .product-entry,
  .product-card,
  .s-products-slider-card{
    display:flex !important;

    flex-direction:column !important;

    height:auto !important;

    min-height:0 !important;
  }


  .s-product-card-image,
  .product-entry__image{
    order:1 !important;

    width:100% !important;

    height:230px !important;

    min-height:230px !important;

    max-height:230px !important;

    flex:0 0 230px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
  }


  .s-product-card-image img,
  .product-entry__image img,
  .product-card img{
    width:100% !important;

    height:100% !important;

    object-fit:contain !important;

    padding:8px !important;
  }


  .s-product-card-content,
  .product-entry__content{
    order:2 !important;

    width:100% !important;

    padding:16px !important;
  }


  /* FEATURES */

  .s-block--features .container,
  .store-features .container,
  .features .container{
    width:calc(100% - 28px) !important;
  }


  .s-block--features .feature-item,
  .s-block--features .feature,
  .store-features .feature-item,
  .store-features .feature,
  .features .feature-item,
  .features .feature{
    min-height:auto !important;

    padding:27px 18px !important;

    border-radius:12px !important;
  }


  .s-block--features .icon,
  .s-block--features .feature-icon,
  .store-features .icon,
  .store-features .feature-icon,
  .features .icon,
  .features .feature-icon{
    width:70px !important;

    height:70px !important;

    margin-bottom:16px !important;
  }


  .s-block--features h3,
  .store-features h3,
  .features h3{
    font-size:20px !important;
  }


  .s-block--features p,
  .store-features p,
  .features p{
    font-size:15px !important;
  }


  /* REVIEWS */

  .s-block--testimonials .container,
  .testimonials .container{
    width:calc(100% - 28px) !important;
  }

}


/* =========================================================
   LARGE SCREENS
   ========================================================= */

@media(min-width:1500px){

  .container,
  .s-block--features .container,
  .store-features .container,
  .features .container,
  .s-block--testimonials .container,
  .testimonials .container{
    max-width:1220px !important;
  }

}
/* =========================================================
   ORV — FIX LOGO / ACCOUNT BAR
   ========================================================= */

header,
.main-header,
.store-header,
.navbar,
.header-wrapper,
.navbar-brand,
.navbar-container,
.header-inner,
.main-nav,
.s-header,
.s-header-wrapper,
.s-header__bottom,
.s-header__main,
.s-header__container {
  background:#151515 !important;
  background-color:#151515 !important;
  border-color:rgba(255,255,255,.10) !important;
}

/* أي طبقة داخل الهيدر ما زالت بيضاء */
header .bg-white,
.main-header .bg-white,
.store-header .bg-white,
.navbar .bg-white,
.header-wrapper .bg-white,
.s-header .bg-white {
  background:#151515 !important;
  background-color:#151515 !important;
}

/* النصوص والأيقونات */
header a,
header button,
header svg,
header i,
.main-header a,
.main-header button,
.main-header svg,
.store-header a,
.store-header button,
.store-header svg {
  color:#ffffff !important;
  fill:currentColor !important;
}

/* الشريط اللي فيه اللوقو */
header > div,
.main-header > div,
.store-header > div {
  border-color:rgba(255,255,255,.10) !important;
}

/* الحساب والسلة */
.s-user-menu-trigger,
.s-cart-summary,
.s-cart-summary-wrapper,
.header-btn,
.header-icon {
  background:transparent !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* Search bar */
header input,
.main-header input,
.store-header input {
  background:#111111 !important;
  color:#ffffff !important;
  border:1px solid #2a2a2a !important;
}
/* =========================================================
   ORV — PRODUCT PAGE DARK FIX
   Description + Product Options
   ========================================================= */


/* =========================================================
   1) PRODUCT DESCRIPTION
   يشيل الخلفيات البيضاء من النص نفسه
   ========================================================= */

.product-description,
.product-details,
.product-single__description,
.product-entry-description,
.content-entry,
.product-description * ,
.product-details * ,
.product-single__description * ,
.product-entry-description * ,
.content-entry * {
  background-color: transparent !important;
  background: transparent !important;
}


/* النص */
.product-description,
.product-description p,
.product-description span,
.product-description div,
.product-details,
.product-details p,
.product-details span,
.product-details div,
.product-single__description,
.product-single__description p,
.product-single__description span,
.content-entry,
.content-entry p,
.content-entry span {
  color: #d8d6cf !important;
}


/* العناوين داخل الوصف */
.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-details h1,
.product-details h2,
.product-details h3,
.product-details h4,
.content-entry h1,
.content-entry h2,
.content-entry h3,
.content-entry h4 {
  color: #f4f3ef !important;
}


/* إزالة أي خلفية Inline مكتوبة من محرر المنتج */
.product-description [style*="background"],
.product-details [style*="background"],
.product-single__description [style*="background"],
.content-entry [style*="background"] {
  background: transparent !important;
  background-color: transparent !important;
}


/* لو النص نفسه فيه لون رمادي ضعيف */
.product-description [style*="color"],
.product-details [style*="color"],
.product-single__description [style*="color"],
.content-entry [style*="color"] {
  color: #d8d6cf !important;
}


/* =========================================================
   2) PRODUCT OPTIONS WRAPPER
   ========================================================= */

salla-product-options,
.s-product-options,
.product-options,
.product-options-wrapper,
.product-form,
.product-form-wrapper {
  display:block !important;

  background:#151515 !important;
  background-color:#151515 !important;

  color:#f4f3ef !important;

  border:1px solid rgba(255,255,255,.10) !important;

  border-radius:14px !important;

  box-shadow:none !important;
}


/* الحاويات داخل خيارات المنتج */
salla-product-options > *,
salla-product-options .form-group,
salla-product-options .s-form-group,
salla-product-options .option,
salla-product-options [class*="option"] {
  background:transparent !important;
  background-color:transparent !important;
}


/* =========================================================
   3) OPTION LABELS
   مثل JEEP JK / JEEP JL
   ========================================================= */

salla-product-options label,
.s-product-options label,
.product-options label,
.product-form label {
  color:#f4f3ef !important;
  opacity:1 !important;
  font-weight:700 !important;
}


/* النجمة المطلوبة */
salla-product-options .text-red-500,
salla-product-options [class*="required"],
.product-options .text-red-500 {
  color:#d86c61 !important;
}


/* النص الصغير تحت اسم الخيار */
salla-product-options small,
salla-product-options .text-gray-400,
salla-product-options .text-gray-500,
salla-product-options p {
  color:#aaa79f !important;
}


/* =========================================================
   4) SELECT / DROPDOWN
   ========================================================= */

salla-product-options select,
salla-product-options .s-form-control,
salla-product-options input,
salla-product-options textarea,

.product-options select,
.product-options input,

.product-form select,
.product-form input {
  background:#0f0f0f !important;
  background-color:#0f0f0f !important;

  color:#f4f3ef !important;

  border:1px solid rgba(255,255,255,.16) !important;

  border-radius:10px !important;

  box-shadow:none !important;
}


/* placeholder */
salla-product-options select:invalid,
salla-product-options input::placeholder,
salla-product-options textarea::placeholder {
  color:#aaa79f !important;
}


/* السهم */
salla-product-options svg,
.product-options svg {
  color:#c8b88d !important;
}


/* =========================================================
   5) OPTION ROW SPACING
   ========================================================= */

salla-product-options .form-group,
salla-product-options .s-form-group,
salla-product-options [class*="option"] {
  margin-bottom:18px !important;
}


/* =========================================================
   6) SHARE + HEART BUTTONS
   ========================================================= */

.product-single button,
.product-details button,
.product-page button {
  box-shadow:none !important;
}


/* فقط الأزرار الدائرية الثانوية */
.product-single .rounded-full,
.product-details .rounded-full,
.product-page .rounded-full {
  background:#151515 !important;
  color:#f4f3ef !important;

  border:1px solid rgba(255,255,255,.12) !important;
}


/* =========================================================
   7) GENERIC WHITE BOX FIX INSIDE PRODUCT PAGE
   آمن نسبيًا لأنه محصور في مناطق المنتج
   ========================================================= */

.product-description .bg-white,
.product-details .bg-white,
.product-form .bg-white,
.product-options .bg-white,
salla-product-options .bg-white {
  background:#151515 !important;
  background-color:#151515 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

  salla-product-options,
  .s-product-options,
  .product-options,
  .product-options-wrapper,
  .product-form,
  .product-form-wrapper {
    border-radius:10px !important;
  }

  salla-product-options select,
  salla-product-options .s-form-control,
  salla-product-options input {
    min-height:48px !important;
  }

}
/* =========================================================
   ORV — PRODUCT COMMENT / QUESTION FORM
   "شارك رأيك أو سؤالك"
   ========================================================= */

/* السكشن اللي يحتوي نموذج التعليق */
section:has(textarea[placeholder*="شارك رأيك"]),
section:has(textarea[placeholder*="سؤالك"]),
div:has(> form textarea[placeholder*="شارك رأيك"]) {
  background:#090909 !important;
  background-color:#090909 !important;
}


/* الفورم نفسه */
form:has(textarea[placeholder*="شارك رأيك"]),
form:has(textarea[placeholder*="سؤالك"]) {
  background:#151515 !important;
  background-color:#151515 !important;

  border:1px solid rgba(255,255,255,.10) !important;

  border-radius:14px !important;

  padding:24px !important;

  box-shadow:none !important;
}


/* مربع الكتابة */
textarea[placeholder*="شارك رأيك"],
textarea[placeholder*="سؤالك"] {
  background:#0f0f0f !important;
  background-color:#0f0f0f !important;

  color:#f4f3ef !important;

  border:1px solid rgba(255,255,255,.14) !important;

  border-radius:10px !important;

  box-shadow:none !important;

  min-height:140px !important;

  padding:18px !important;
}


/* Placeholder */
textarea[placeholder*="شارك رأيك"]::placeholder,
textarea[placeholder*="سؤالك"]::placeholder {
  color:#9e9e98 !important;
  opacity:1 !important;
}


/* عند الضغط داخل مربع الكتابة */
textarea[placeholder*="شارك رأيك"]:focus,
textarea[placeholder*="سؤالك"]:focus {
  background:#111 !important;

  border-color:#5d6045 !important;

  outline:none !important;

  box-shadow:0 0 0 2px rgba(93,96,69,.18) !important;
}


/* زر إرسال داخل نفس الفورم */
form:has(textarea[placeholder*="شارك رأيك"]) button,
form:has(textarea[placeholder*="سؤالك"]) button,
form:has(textarea[placeholder*="شارك رأيك"]) input[type="submit"],
form:has(textarea[placeholder*="سؤالك"]) input[type="submit"] {
  background:#5d6045 !important;

  color:#ffffff !important;

  border:1px solid #5d6045 !important;

  border-radius:6px !important;

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

  font-weight:700 !important;

  box-shadow:none !important;
}


/* Hover */
form:has(textarea[placeholder*="شارك رأيك"]) button:hover,
form:has(textarea[placeholder*="سؤالك"]) button:hover,
form:has(textarea[placeholder*="شارك رأيك"]) input[type="submit"]:hover,
form:has(textarea[placeholder*="سؤالك"]) input[type="submit"]:hover {
  background:#707354 !important;
  border-color:#707354 !important;
}


/* أي طبقة بيضاء مباشرة داخل الفورم */
form:has(textarea[placeholder*="شارك رأيك"]) .bg-white,
form:has(textarea[placeholder*="سؤالك"]) .bg-white {
  background:#151515 !important;
  background-color:#151515 !important;
}


/* النصوص داخل الفورم */
form:has(textarea[placeholder*="شارك رأيك"]) label,
form:has(textarea[placeholder*="شارك رأيك"]) p,
form:has(textarea[placeholder*="شارك رأيك"]) span,
form:has(textarea[placeholder*="سؤالك"]) label,
form:has(textarea[placeholder*="سؤالك"]) p,
form:has(textarea[placeholder*="سؤالك"]) span {
  color:#d8d6cf !important;
}


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

  form:has(textarea[placeholder*="شارك رأيك"]),
  form:has(textarea[placeholder*="سؤالك"]) {
    padding:16px !important;
    border-radius:10px !important;
  }

  textarea[placeholder*="شارك رأيك"],
  textarea[placeholder*="سؤالك"] {
    min-height:120px !important;
  }

}
/* =========================================================
   ORV — OUTER WRAPPER FIX FOR COMMENT FORM
   ========================================================= */

/* أقرب حاوية كبيرة تحتوي نموذج "شارك رأيك أو سؤالك" */
section:has(form textarea[placeholder*="شارك رأيك"]),
section:has(form textarea[placeholder*="سؤالك"]),
main div:has(> div > form textarea[placeholder*="شارك رأيك"]),
main div:has(> div > form textarea[placeholder*="سؤالك"]) {
  background:#090909 !important;
  background-color:#090909 !important;
}

/* الطبقة المباشرة حول الفورم */
section:has(form textarea[placeholder*="شارك رأيك"]) > div,
section:has(form textarea[placeholder*="سؤالك"]) > div,
div:has(> form textarea[placeholder*="شارك رأيك"]),
div:has(> form textarea[placeholder*="سؤالك"]) {
  background:#090909 !important;
  background-color:#090909 !important;
  box-shadow:none !important;
}

/* لو فيه wrapper داخلي أبيض */
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-white,
section:has(form textarea[placeholder*="سؤالك"]) .bg-white,
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-gray-50,
section:has(form textarea[placeholder*="سؤالك"]) .bg-gray-50,
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-gray-100,
section:has(form textarea[placeholder*="سؤالك"]) .bg-gray-100 {
  background:#090909 !important;
  background-color:#090909 !important;
}

/* إزالة أي لون خلفية inline من الحاوية الخارجية */
section:has(form textarea[placeholder*="شارك رأيك"]) [style*="background"],
section:has(form textarea[placeholder*="سؤالك"]) [style*="background"] {
  background:#090909 !important;
  background-color:#090909 !important;
}
/* =========================================================
   ORV — OUTER WRAPPER FIX FOR COMMENT FORM
   ========================================================= */

/* أقرب حاوية كبيرة تحتوي نموذج "شارك رأيك أو سؤالك" */
section:has(form textarea[placeholder*="شارك رأيك"]),
section:has(form textarea[placeholder*="سؤالك"]),
main div:has(> div > form textarea[placeholder*="شارك رأيك"]),
main div:has(> div > form textarea[placeholder*="سؤالك"]) {
  background:#090909 !important;
  background-color:#090909 !important;
}

/* الطبقة المباشرة حول الفورم */
section:has(form textarea[placeholder*="شارك رأيك"]) > div,
section:has(form textarea[placeholder*="سؤالك"]) > div,
div:has(> form textarea[placeholder*="شارك رأيك"]),
div:has(> form textarea[placeholder*="سؤالك"]) {
  background:#090909 !important;
  background-color:#090909 !important;
  box-shadow:none !important;
}

/* لو فيه wrapper داخلي أبيض */
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-white,
section:has(form textarea[placeholder*="سؤالك"]) .bg-white,
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-gray-50,
section:has(form textarea[placeholder*="سؤالك"]) .bg-gray-50,
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-gray-100,
section:has(form textarea[placeholder*="سؤالك"]) .bg-gray-100 {
  background:#090909 !important;
  background-color:#090909 !important;
}

/* إزالة أي لون خلفية inline من الحاوية الخارجية */
section:has(form textarea[placeholder*="شارك رأيك"]) [style*="background"],
section:has(form textarea[placeholder*="سؤالك"]) [style*="background"] {
  background:#090909 !important;
  background-color:#090909 !important;
}
/* =========================================================
   ORV — OUTER WRAPPER FIX FOR COMMENT FORM
   ========================================================= */

/* أقرب حاوية كبيرة تحتوي نموذج "شارك رأيك أو سؤالك" */
section:has(form textarea[placeholder*="شارك رأيك"]),
section:has(form textarea[placeholder*="سؤالك"]),
main div:has(> div > form textarea[placeholder*="شارك رأيك"]),
main div:has(> div > form textarea[placeholder*="سؤالك"]) {
  background:#090909 !important;
  background-color:#090909 !important;
}

/* الطبقة المباشرة حول الفورم */
section:has(form textarea[placeholder*="شارك رأيك"]) > div,
section:has(form textarea[placeholder*="سؤالك"]) > div,
div:has(> form textarea[placeholder*="شارك رأيك"]),
div:has(> form textarea[placeholder*="سؤالك"]) {
  background:#090909 !important;
  background-color:#090909 !important;
  box-shadow:none !important;
}

/* لو فيه wrapper داخلي أبيض */
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-white,
section:has(form textarea[placeholder*="سؤالك"]) .bg-white,
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-gray-50,
section:has(form textarea[placeholder*="سؤالك"]) .bg-gray-50,
section:has(form textarea[placeholder*="شارك رأيك"]) .bg-gray-100,
section:has(form textarea[placeholder*="سؤالك"]) .bg-gray-100 {
  background:#090909 !important;
  background-color:#090909 !important;
}

/* إزالة أي لون خلفية inline من الحاوية الخارجية */
section:has(form textarea[placeholder*="شارك رأيك"]) [style*="background"],
section:has(form textarea[placeholder*="سؤالك"]) [style*="background"] {
  background:#090909 !important;
  background-color:#090909 !important;
}
/* =========================================================
   ORV — FIX SALLA COMMENTS OUTER BACKGROUND
   ========================================================= */

salla-comments,
salla-comments.hydrated {
  display:block !important;
  background:#090909 !important;
  background-color:#090909 !important;
  color:#f4f3ef !important;
}

/* المنطقة الداخلية لقسم التعليقات */
salla-comments .s-comments,
salla-comments .s-comments-product,
.s-comments.s-comments-product {
  background:#090909 !important;
  background-color:#090909 !important;
}

/* أي Wrapper داخل قسم التعليقات */
salla-comments .container,
salla-comments > div,
salla-comments .s-comments > div {
  background-color:transparent !important;
}

/* الكرت اللي يحتوي مربع الكتابة */
salla-comments form {
  background:#151515 !important;
  background-color:#151515 !important;

  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;

  box-shadow:none !important;
}

/* مربع الكتابة */
salla-comments textarea {
  background:#0f0f0f !important;
  background-color:#0f0f0f !important;

  color:#f4f3ef !important;

  border:1px solid rgba(255,255,255,.14) !important;

  box-shadow:none !important;
}

/* Placeholder */
salla-comments textarea::placeholder {
  color:#9e9e98 !important;
  opacity:1 !important;
}

/* زر إرسال */
salla-comments button[type="submit"],
salla-comments input[type="submit"] {
  background:#5d6045 !important;
  color:#fff !important;

  border-color:#5d6045 !important;

  box-shadow:none !important;
}

/* إزالة الأبيض والرمادي الافتراضي داخل هذا السكشن فقط */
salla-comments .bg-white,
salla-comments .bg-gray-50,
salla-comments .bg-gray-100,
salla-comments .bg-gray-200 {
  background:#090909 !important;
  background-color:#090909 !important;
}
salla-comments.hydrated {
  background:#090909 !important;
}

salla-comments .s-comments-product {
  background:#090909 !important;
}
/* =========================================================
   ORV — PRODUCT PAGE MAIN BACKGROUND FIX
   ========================================================= */

html body main#main-content,
body main#main-content,
#main-content {
    background: #090909 !important;
    background-color: #090909 !important;
}


/* المساحة حول التعليقات */
#main-content > salla-comments,
#main-content > salla-comments.hydrated {
    background: #090909 !important;
    background-color: #090909 !important;
}


/* لأن سلة تستخدم space-y وتظهر خلفية الـmain بين العناصر */
#main-content.flex,
#main-content.flex.flex-col {
    background: #090909 !important;
    background-color: #090909 !important;
}


/* احتياط للـwrapper الخارجي المباشر */
body:has(#main-content) .app-inner,
body:has(#main-content) .page-wrapper {
    background: #090909 !important;
    background-color: #090909 !important;
}
/* =========================================================
   ORV — FINAL COMMENTS BACKGROUND FIX
   ========================================================= */

.s-comments-product {
  background: #090909 !important;
  background-color: #090909 !important;

  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}


/* الكرت الداخلي */
.s-comments-product form,
.s-comments-product .s-comments-form {
  background: #151515 !important;
  background-color: #151515 !important;

  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
}


/* مربع الكتابة */
.s-comments-product textarea {
  background: #0f0f0f !important;
  background-color: #0f0f0f !important;

  color: #f4f3ef !important;

  border: 1px solid rgba(255,255,255,.14) !important;
}


/* Placeholder */
.s-comments-product textarea::placeholder {
  color: #9e9e98 !important;
  opacity: 1 !important;
}


/* زر إرسال */
.s-comments-product button[type="submit"] {
  background: #5d6045 !important;
  color: #ffffff !important;

  border-color: #5d6045 !important;
}