/* =====================================================================
   INCASE × قالب «سوكيت» (سلة) — CSS مخصص بهوية INCASE
   الألوان: أحمر #CF1E24 · أسود #111111 · بيج #FBF5E9 · أصفر #F6F960 · برتقالي #F9692A
   ===================================================================== */

/* ---------- 0) متغيرات الهوية ---------- */
:root {
  --inc-red: #CF1E24;
  --inc-black: #111111;
  --inc-beige: #FBF5E9;
  --inc-yellow: #F6F960;
  --inc-orange: #F9692A;
  --inc-radius: 24px;
  --color-primary: #CF1E24 !important;
  --color-primary-dark: #A8171C !important;
  --color-primary-light: #E04A4F !important;
  --color-primary-reverse: #FFFFFF !important;
}

/* خط الهوية CodecProME — ملفات woff2 المرفوعة في سلة */
@font-face { font-family: "CodecProME"; src: url("https://cdn.salla.sa/themes/custom_fonts/2015021638/1789185611.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "CodecProME"; src: url("https://cdn.salla.sa/themes/custom_fonts/2015021638/1789185651.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "CodecProME"; src: url("https://cdn.salla.sa/themes/custom_fonts/2015021638/1789185751.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root { --font-main: "CodecProME" !important; }
body, p, span, a, li, td, th, label, input, select, textarea, button, .s-product-card-content-subtitle {
  font-family: "CodecProME", "PingARLT", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, b, strong, .font-bold,
.s-block__title h2, .s-product-card-content-title a, .s-product-card-price, .s-product-card-sale-price,
.btn, button, .s-button-btn, .s-button-text, .banner__title, .slide--cat-entry h2, .s-block--features__item h2,
custom-main-menu a, .main-menu a, footer.store-footer h3 { font-weight: 700; }
.s-block__title p, .banner__description, .s-block--features__item p, .s-breadcrumb-item, .s-product-card-content-subtitle { font-weight: 500; }

/* ---------- 1) الصفحة ---------- */
body { background-color: var(--inc-beige) !important; color: var(--inc-black); }
/* كل خلفيات الصفحات بيج الهوية (درجتان) — البطاقات تبقى بيضاء */
html, body, main, .app-inner { background-color: var(--inc-beige) !important; }
.s-block--faqs.s-block--full-bg, .s-block--full-bg:not(.s-block--hero-slider), .s-block--slider-with-bg { background-color: var(--inc-beige) !important; }
.bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-grey, .bg-light-grey, .bg-stone-100 { background-color: #F3EEE2 !important; }
.product-single, .container--products-list, .container--product-details, .cart-page, .page-single { background: transparent !important; }
.top-navbar { display: none !important; }
h1, h2, h3, .s-block__title h2 { font-weight: 800 !important; }
.s-block__title h2 { font-size: 1.6rem !important; }
.s-block__display-all { color: var(--inc-red) !important; opacity: 1 !important; }

/* ---------- 2) الرأس العائم (أسود + بيج) ---------- */
header.store-header { background: transparent !important; padding-top: 16px !important; }
header.store-header #mainnav,
header.store-header .main-nav-container,
header.store-header .inner {
  background-color: var(--inc-black) !important;
  width: calc(100% - 32px) !important; max-width: 100% !important;
  margin-left: auto !important; margin-right: auto !important;
  border-radius: 48px !important; overflow: hidden !important;
  border: none !important; box-shadow: none !important;
  height: auto !important; min-height: 120px !important;
  padding-top: 16px !important; padding-bottom: 16px !important;
}
header.store-header .container, header.store-header .flex { min-height: 80px !important; align-items: center !important; }
header.store-header .navbar-brand img { max-height: 28px; width: auto; }
nav#mobile_menu a, nav#mobile_menu a span, .main-menu a, .main-menu a span,
custom-main-menu a, custom-main-menu a span,
.header-btn, .header-btn *, .summary_cart, .summary_cart *, span.hidden.md\:block,
salla-cart-summary, salla-cart-summary * { color: var(--inc-beige) !important; fill: var(--inc-beige) !important; }
custom-main-menu a:hover, .main-menu a:hover { color: var(--inc-yellow) !important; opacity: 1 !important; }
custom-main-menu a[href$="/offers"] { color: var(--inc-yellow) !important; }
.s-cart-summary-count, salla-cart-summary .s-cart-summary-count { background-color: var(--inc-red) !important; color: #fff !important; }
salla-search input, .s-search-input-wrapper input { border: 1px solid var(--inc-beige) !important; color: var(--inc-beige) !important; background: transparent !important; border-radius: 24px !important; }
salla-search input::placeholder, .s-search-input-wrapper input::placeholder { color: var(--inc-beige) !important; opacity: .8 !important; }
.s-search-icon-wrap, .s-search-icon-wrap * { color: var(--inc-beige) !important; fill: var(--inc-beige) !important; stroke: var(--inc-beige) !important; }
.sub-menu, div.sub-menu, nav#mobile_menu .sub-menu {
  background-color: var(--inc-black) !important; border-radius: 24px !important; overflow: hidden !important;
  border: 1px solid var(--inc-beige) !important; box-shadow: none !important; padding: 8px 0 !important;
}
.sub-menu li, .sub-menu a { border-radius: 12px !important; color: var(--inc-beige) !important; }
.mm-ocd .mm-spn, .mm-spn { background: var(--inc-black) !important; color: var(--inc-beige) !important; }
.mm-spn li a, .mm-spn li span { color: var(--inc-beige) !important; }

/* ---------- 3) البطل (صور متحركة محسنة) ---------- */
.s-block--hero-slider .swiper-slide { border-radius: var(--inc-radius); overflow: hidden; margin: 0 16px; width: calc(100% - 32px) !important; }
.s-block--hero-slider h2 { font-weight: 800 !important; line-height: 1.25 !important; }
.s-block--hero-slider .swiper-pagination-bullet-active { background: var(--inc-red) !important; }

/* البانر الرئيسي (مكوّن سوكيت) بعرض الرأس العائم نفسه وزوايا 48px */
section.S_main_banner { width: calc(100% - 32px) !important; max-width: 100% !important; margin: 16px auto 0 !important; border-radius: 48px !important; overflow: hidden !important; }
section.S_main_banner, section.S_main_banner .swiper-slide { height: auto !important; min-height: min(640px, 78vh) !important; }
/* الصورة الجانبية أعرض */
section.S_main_banner img.object-contain { width: min(900px, 46vw) !important; height: auto !important; aspect-ratio: 1242 / 636; max-height: none !important; object-fit: contain !important; border-radius: 32px; margin: 40px 0; }
section.S_main_banner p.text-sm { margin-top: 16px !important; background: #111111 !important; color: #FFFFFF !important; border-radius: 32px !important; padding: 10px 20px !important; display: inline-block !important; width: fit-content !important; line-height: 1.6 !important; }
section.S_main_banner .h-full:has(> img.object-contain) { height: auto !important; }
section.S_main_banner div.justify-around { height: auto !important; padding-top: 0 !important; align-items: center !important; }

/* ---------- 4) روابط سريعة / التصنيفات ---------- */
.slide--cat-entry { background: #fff !important; border: none !important; border-radius: var(--inc-radius) !important; box-shadow: none !important; }
.slide--cat-entry i { color: var(--inc-red) !important; }
.slide--cat-entry:hover { transform: translateY(-3px); color: var(--inc-black) !important; box-shadow: none !important; }
.slide--cat-entry h2 { font-weight: 700 !important; }

/* ---------- 5) مميزات المتجر ---------- */
.s-block--features__item { background: #fff !important; border-radius: var(--inc-radius) !important; box-shadow: none !important; }
.s-block--features__item .feature-icon { background: var(--inc-red) !important; color: #fff !important; border-radius: 50% !important; }
.s-block--features__item .feature-icon i { color: #fff !important; }
.s-block--features__item h2 { font-weight: 800 !important; }

/* ---------- 6) منتجات مع خلفية / بنرات ---------- */
.s-block--slider-with-bg { background: transparent !important; }
.s-block--slider-with-bg .slider-bg { border-radius: var(--inc-radius); overflow: hidden; margin: 0 16px; }
.banner-entry, .banner--fixed img, .full-banner-entry { border-radius: var(--inc-radius) !important; }
.banner-entry h3.text-with-border { border: none !important; }

/* ---------- 7) بطاقات المنتجات ---------- */
salla-products-list, .s-products-list, div.s-products-list { overflow: visible !important; }
.s-products-list-wrapper { overflow: visible !important; padding: 16px !important; margin: -16px !important; }
custom-salla-product-card, salla-product-card { border-radius: var(--inc-radius) !important; overflow: visible !important; border: none !important; }
custom-salla-product-card form.s-product-card-entry, .s-product-card-vertical { border-radius: var(--inc-radius) !important; overflow: hidden !important; border: none !important; box-shadow: none !important; }
.s-product-card-image, .s-product-card-image img { border-radius: 20px 20px 0 0 !important; overflow: hidden !important; background: #F3EEE2 !important; }
.s-product-card-content { background: transparent !important; box-shadow: none !important; padding: 12px 16px 20px !important; }
.s-product-card-content-title a { font-weight: 700 !important; color: var(--inc-black) !important; }
.s-product-card-content-title a:hover { color: var(--inc-red) !important; }
.s-product-card-price, .s-product-card-sale-price h4, .s-product-card-content-sub .s-product-card-price { color: var(--inc-red) !important; font-weight: 800 !important; }
.s-product-card-promotion-title { background: var(--inc-black) !important; color: var(--inc-beige) !important; border-radius: 8px !important; }
.obts, .btn_side { display: none !important; }
salla-add-product-button { background: transparent !important; box-shadow: none !important; width: 100% !important; display: block !important; }
.s-product-card-entry salla-add-product-button button, .s-product-card-content button, .s-product-card-vertical salla-button button,
.s-product-card-entry salla-add-product-button button * {
  background-color: var(--inc-black) !important; color: var(--inc-beige) !important; border: none !important;
  border-radius: 12px !important; width: 100% !important; min-height: 48px !important; box-shadow: none !important;
  transition: background-color .2s ease !important; opacity: 1 !important;
}
.s-product-card-entry salla-add-product-button button * { min-height: 0 !important; width: auto !important; background: transparent !important; }
.s-product-card-entry salla-add-product-button:hover button, .s-product-card-vertical salla-button:hover button { background-color: var(--inc-red) !important; color: #fff !important; }
.s-product-card-entry salla-add-product-button:hover button * { color: #fff !important; }

/* نص زر السلة في البطاقة يأخذ لونه من --color-primary في القالب؛ نضبطه محلياً */
.s-product-card-entry salla-add-product-button, .s-product-card-entry salla-add-product-button * { --color-primary: #FBF5E9 !important; --color-primary-reverse: #111111 !important; }
.s-product-card-entry salla-add-product-button .s-button-text { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; }
.s-product-card-entry salla-add-product-button .btn-text-one, .s-product-card-entry salla-add-product-button .btn-text-two, .s-product-card-entry salla-add-product-button svg { color: #FBF5E9 !important; fill: #FBF5E9 !important; }
.s-product-card-entry salla-add-product-button button { font-size: 14px !important; }

/* ---------- 8) صفحة المنتج ---------- */
.product-single .s-button-primary, .product-single salla-add-product-button button,
.product-single salla-add-product-button[width="wide"] button { background: var(--inc-red) !important; color: #fff !important; border-radius: 14px !important; min-height: 52px !important; font-weight: 800 !important; }
.product-single salla-add-product-button button * { color: #fff !important; }
.product-single .price, .s-product-price, .product-single h2.font-bold.text-primary { color: var(--inc-red) !important; }
.product-single .form-input, .product-single select, .product-single textarea,
.s-product-options-option-input, .s-product-options select { background: #fff !important; border: none !important; border-radius: 14px !important; }
.s-product-options-option-radio-label:has(input:checked), .s-product-options-option-radio-checked { border-color: var(--inc-red) !important; }
.sticky-product-bar, .product-sticky-bar { background: var(--inc-beige) !important; color: var(--inc-black) !important; border-top: 1px solid rgba(17,17,17,.08) !important; }
.sticky-product-bar .sticky-product-bar__quantity label, .sticky-product-bar .sticky-product-bar__quantity span { color: var(--inc-black) !important; }

/* ---------- 9) الأزرار والعناصر العامة ---------- */
.btn, .s-button-btn, salla-button:not([shape="link"]) button { border-radius: 999px !important; font-weight: 700 !important; }
.btn--primary, .s-button-primary, .s-button-btn-primary { background: var(--inc-red) !important; color: #fff !important; border-color: var(--inc-red) !important; }
.btn--outline { border-color: var(--inc-black) !important; color: var(--inc-black) !important; }
.s-breadcrumb-item a:hover, a.text-primary, .text-primary { color: var(--inc-red) !important; }
.s-pagination .s-pagination-active, .pagination .active { background: var(--inc-red) !important; color: #fff !important; }
.s-filters-wrapper, .filters-wrapper, .s-sort-select, .form-select { background: #fff !important; border-radius: 16px !important; border: none !important; }

/* ---------- 10) التذييل العائم (أسود + بيج) ---------- */
footer.store-footer { background: transparent !important; padding-bottom: 16px !important; }
footer.store-footer .store-footer__inner, div[aria-label="footer"], div[aria-label="Footer"] {
  background-color: var(--inc-black) !important; width: calc(100% - 32px) !important; max-width: 100% !important;
  margin-left: auto !important; margin-right: auto !important; border-radius: 48px !important; overflow: hidden !important;
}
footer.store-footer, footer.store-footer *, salla-contacts, salla-contacts *, salla-menu, salla-menu * { color: var(--inc-beige) !important; fill: var(--inc-beige) !important; }
footer.store-footer h3 { font-weight: 800 !important; }
footer.store-footer a:hover { color: var(--inc-yellow) !important; }
footer.store-footer [class*="opacity"] { opacity: 1 !important; }
footer.store-footer .s-contacts-icon, salla-contacts a > div { border-color: var(--inc-beige) !important; background: transparent !important; }
footer.store-footer .border-t, footer.store-footer [class*="border-dashed"] { border-color: var(--inc-beige) !important; }
salla-payments, .s-payments-list, .s-payments-list-item, .s-payments-list-item img { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; }
.s-payments-list-item img { object-fit: contain !important; filter: none !important; }

/* ---------- 11) زر واتساب العائم ---------- */
.Moa_whatsapp, [class*="whatsapp-float"] { background: var(--inc-red) !important; border-radius: 999px !important; }
/* FAQ block 2: theme reuses the same checkbox ids (faq-1-N) in both FAQ blocks, so block 2 never expands -> keep its answers open */
section.s-block--bundle-questions ~ section.s-block--bundle-questions .faq-answer { grid-template-rows: 1fr !important; }
section.s-block--bundle-questions ~ section.s-block--bundle-questions .faq-answer__content { opacity: 1 !important; padding-bottom: 32px !important; }
section.s-block--bundle-questions ~ section.s-block--bundle-questions .faq-item label { pointer-events: none !important; cursor: default !important; }
section.s-block--bundle-questions ~ section.s-block--bundle-questions .faq-item label::after, section.s-block--bundle-questions ~ section.s-block--bundle-questions .faq-item label::before { display: none !important; }
/* INCASE 2026-10-18: hide header category bar on desktop + main-category cards ABOVE latest products (v2, 9 cats) */
@media (min-width:1024px){ header.store-header custom-main-menu{display:none !important} }
body.index main#main-content{display:flex;flex-direction:column}
body.index main#main-content > section.S_categories{order:1}
body.index main#main-content > section.s-block--best-offers{order:2}
body.index main#main-content > section.s-block--fixed-banner,
body.index main#main-content > section.s-block--bundle-questions,
body.index main#main-content > salla-hook:last-child{order:3}
section.S_categories{padding-top:8px!important;padding-bottom:8px!important;margin:0!important}
section.s-block--bundle-questions + section.S_categories{padding-top:40px!important}
section.s-block--bundle-questions + section.S_categories > .container::before{content:"تسوّق حسب القسم";display:block;font-weight:700;font-size:22px;color:#111;margin-bottom:6px}
section.S_categories + section.S_categories + section.S_categories{padding-bottom:40px!important}
section.S_categories .swiper{overflow:visible!important}
section.S_categories .swiper-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;transform:none!important;width:100%!important}
section.S_categories .swiper-wrapper>div{width:auto!important;margin:0!important;padding:0!important;background:#FBF5E9!important;border-radius:28px!important;flex-direction:column;overflow:hidden;box-shadow:0 0 0 1px rgba(17,17,17,.06);transition:transform .25s ease,box-shadow .25s ease}
section.S_categories .swiper-wrapper>div:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(17,17,17,.12)}
section.S_categories .swiper-wrapper>div>div:first-child{height:auto!important;aspect-ratio:3/4;margin:0!important;width:100%;border-radius:0!important}
section.S_categories .swiper-wrapper>div img{width:100%;height:100%!important;object-fit:cover;border-radius:0!important}
section.S_categories .swiper-wrapper>div h2{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0!important}
section.S_categories .swiper-wrapper>div p:empty{display:none}
section.S_categories .swiper-wrapper>div a{margin:0 auto 22px!important;background:#111111!important;color:#FBF5E9!important;border-radius:999px!important;padding:9px 26px!important;border:0!important;font-weight:700}
section.S_categories .s-slider-block__title,section.S_categories .s-slider-nav-arrow,section.S_categories .swiper-button-next,section.S_categories .swiper-button-prev,section.S_categories .swiper-pagination{display:none!important}
@media (max-width:767px){section.S_categories .swiper-wrapper{gap:8px}section.S_categories .swiper-wrapper>div{border-radius:16px!important}section.S_categories .swiper-wrapper>div a{display:none!important}section.S_categories .swiper-wrapper>div>div:first-child{border-radius:16px!important}}
/* product options: selected choice = black with beige text (2026-10-18) */
.s-product-options-grid-mode label input:checked + .s-product-options-grid-mode-span, .s-product-options-grid-mode input:checked + .s-product-options-grid-mode-span { background: var(--inc-black) !important; color: var(--inc-beige) !important; border-color: var(--inc-black) !important; }
/* INCASE 2026-10-18: subcategory cards at the TOP of each main category page («تصنيفات مميزة ⌁ سوكيت» per category, theme editor → صفحة التصنيفات) */
body.product-index main#main-content{display:flex;flex-direction:column}
body.product-index main#main-content > .s-blocks-wrapper.s-after-testimonials{order:-1}
body.product-index section.S_categories{padding-top:28px!important;padding-bottom:4px!important}
body.product-index section.S_categories > .container::before{content:"الأقسام الفرعية";display:block;font-weight:700;font-size:22px;color:#111;margin-bottom:10px}
body.product-index section.S_categories .swiper-wrapper{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
body.product-index section.S_categories .swiper-wrapper>div a{white-space:nowrap;margin-top:16px!important}
@media (max-width:767px){body.product-index section.S_categories .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-index section.S_categories .swiper-wrapper>div a{display:inline-block!important;padding:6px 16px!important;margin-bottom:14px!important;font-size:13px}}
/* INCASE 2026-10-18: 10th category card centred alone in its own row (same size) */
section.S_categories + section.S_categories + section.S_categories .swiper-wrapper>div:nth-child(4){grid-column:2}
/* INCASE 2026-10-18: 4th homepage categories element (10th card) centred, same size */
section.S_categories + section.S_categories + section.S_categories + section.S_categories .swiper-wrapper>div{grid-column:2}
section.S_categories + section.S_categories + section.S_categories:has(+ section.S_categories){padding-bottom:8px!important}
/* INCASE 2026-10-18: the whole category card is clickable (the link was hidden on mobile) */
section.S_categories .swiper-wrapper>div a::after{content:"";position:absolute;inset:0;z-index:3}
@media (max-width:767px){body:not(.product-index) section.S_categories .swiper-wrapper>div a{display:block!important;position:static!important;width:0!important;height:0!important;padding:0!important;margin:0!important;font-size:0!important;background:none!important;color:transparent!important}}
/* INCASE 2026-10-18: الطباعة الحرارية مخفي مؤقتاً (542195588) - احذف هذه القاعدة عند إظهار القسم */
section.S_categories .swiper-wrapper>div:has(a[href*="542195588"]),section.S_categories .swiper-slide:has(a[href*="542195588"]){display:none!important}

/* ===== خيارات الألوان: دوائر لونية صغيرة بدل صور كاملة (2026-10-20) =====
   خيار «اللون» في المنتجات بنوع عرض «صورة» (مربعات 140px). نُبقي ربط الصورة
   (النقر يبدّل صورة المعرض) لكن نعرض دائرة بلون القيمة فقط لتوفير المساحة. */
.s-product-options-thumbnails-wrapper{display:flex!important;flex-wrap:wrap!important;gap:10px 12px!important;align-items:flex-start!important;grid-template-columns:none!important}
.s-product-options-thumbnails-wrapper>div{width:auto!important;margin:0!important}
.s-product-options-thumbnails-wrapper>div>p{display:none!important}
.s-product-options-thumbnails-wrapper label.go-to-slide{position:relative!important;display:block!important;width:36px!important;height:36px!important;border-radius:50%!important;overflow:hidden!important;cursor:pointer;background-color:#DDD;border:0!important;margin:0!important;padding:0!important;box-shadow:0 0 0 2px #FBF5E9,0 0 0 3px rgba(17,17,17,.28)!important;transition:box-shadow .15s ease}
.s-product-options-thumbnails-wrapper label.go-to-slide img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;opacity:0!important}
/* القيمة الافتراضية «كما في الصورة»: نُبقي صورة المنتج داخل الدائرة */
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt^="اللون الافتراضي"]) img{opacity:1!important}
.s-product-options-thumbnails-wrapper input:checked+label.go-to-slide{box-shadow:0 0 0 2px #FBF5E9,0 0 0 4px #111111!important}
.s-product-options-thumbnails-wrapper label.go-to-slide .s-product-options-thumbnails-icon{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;opacity:0!important;width:auto!important;height:auto!important;border-radius:0!important}
.s-product-options-thumbnails-wrapper input:checked+label.go-to-slide .s-product-options-thumbnails-icon{opacity:1!important}
.s-product-options-thumbnails-wrapper .s-product-options-thumbnails-icon svg{width:16px!important;height:16px!important;fill:#FFFFFF;filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}
/* لون كل دائرة حسب اسم القيمة */
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="أسود"]){background-color:#111111!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="أبيض"]){background-color:#FFFFFF!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="أحمر"]){background-color:#D7262C!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="أزرق"]){background-color:#1E5BD8!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="أخضر"]){background-color:#2E9E4F!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="أصفر"]){background-color:#F4C21A!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="برتقالي"]){background-color:#F0741E!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="رمادي"]){background-color:#8A8A8A!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="بيج"]){background-color:#E6D7B8!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="بني"]){background-color:#7A4B2A!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="وردي"]){background-color:#F28BB5!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="بنفسجي"]){background-color:#7B3FBF!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="ذهبي"]){background:linear-gradient(135deg,#B8891B 0%,#F1D77A 55%,#C9A227 100%)!important}
.s-product-options-thumbnails-wrapper label.go-to-slide:has(img[alt="فضي"]){background:linear-gradient(135deg,#8E9398 0%,#E8EBEE 55%,#A8ADB2 100%)!important}
/* علامة الاختيار داكنة فوق الألوان الفاتحة */
.s-product-options-thumbnails-wrapper label.go-to-slide:is(:has(img[alt="أبيض"]),:has(img[alt="بيج"]),:has(img[alt="أصفر"]),:has(img[alt="فضي"]),:has(img[alt="ذهبي"])) .s-product-options-thumbnails-icon svg{fill:#111111;filter:none}
/* إظهار الدوائر كاملة (لا قصّ للإطار) + زوايا صورة المعاينة 48px كالهيدر (2026-10-20) */
.s-product-options-option-content,.s-product-options-option,.s-product-options-option-container{overflow:visible!important}
.s-product-options-thumbnails-wrapper{padding:5px!important;overflow:visible!important}
.s-product-options-thumbnails-wrapper>div{overflow:visible!important}
salla-slider.details-slider.image-slider .swiper.swiper-autoheight{border-radius:48px!important;overflow:hidden!important}
salla-slider.details-slider.image-slider .swiper.swiper-autoheight .swiper-slide,salla-slider.details-slider.image-slider .swiper.swiper-autoheight .swiper-slide img{border-radius:48px!important}

/* ===== INCASE 2026-10-20: شبكة بطاقات الأقسام (بطلب المالك) =====
   الكمبيوتر: كل 4 أقسام في صف. الجوال: عمودان. صفحات الأقسام الرئيسية على الكمبيوتر: 4 أقسام فرعية في الصف.
   البطاقات موزّعة على 4 عناصر «تصنيفات مميزة» (3+3+3+1، الرابع «الطباعة الحرارية» مخفي)؛ تُذاب العناصر (display:contents)
   فتصير البطاقات خلايا شبكة واحدة ولكل بطاقة عمود محدّد حسب ترتيبها. إن تغيّر عدد البطاقات في أي عنصر يجب تعديل التوزيع.
   نسخة: salla-assets/home-cats-grid.css */
@media (min-width:768px){
body.index main#main-content{display:grid!important;grid-template-columns:minmax(16px,1fr) repeat(4,minmax(0,280px)) minmax(16px,1fr);column-gap:22px}
body.index main#main-content>*{grid-column:1/-1;min-width:0}
body.index main#main-content>section.S_categories,body.index section.S_categories>.container,body.index section.S_categories salla-slider,body.index section.S_categories .swiper,body.index section.S_categories .swiper-wrapper{display:contents!important}
body.index section.S_categories .swiper-wrapper>div{order:1;margin:0 0 22px!important}
body.index section.s-block--bundle-questions+section.S_categories>.container::before{order:1;grid-column:2/6;padding-top:40px;margin-bottom:6px}
body.index section.s-block--bundle-questions+section.S_categories .swiper-wrapper>div:nth-child(1),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(2){grid-column:2!important}
body.index section.s-block--bundle-questions+section.S_categories .swiper-wrapper>div:nth-child(2),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(3){grid-column:3!important}
body.index section.s-block--bundle-questions+section.S_categories .swiper-wrapper>div:nth-child(3),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(1){grid-column:4!important}
body.index section.s-block--bundle-questions+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(1),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(2){grid-column:5!important}
body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(n+3),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div{grid-column:2/6!important;justify-self:center;width:calc((100% - 66px)/4)!important}
body.product-index section.S_categories .swiper-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:767px){
body.index main#main-content{display:grid!important;grid-template-columns:16px minmax(0,1fr) minmax(0,1fr) 16px;column-gap:0}
body.index main#main-content>*{grid-column:1/-1;min-width:0}
body.index main#main-content>section.S_categories,body.index section.S_categories>.container,body.index section.S_categories salla-slider,body.index section.S_categories .swiper,body.index section.S_categories .swiper-wrapper{display:contents!important}
body.index section.S_categories .swiper-wrapper>div{order:1;margin:0 0 10px!important;border-radius:18px!important}
body.index section.S_categories .swiper-wrapper>div>div:first-child{border-radius:18px!important}
body.index section.s-block--bundle-questions+section.S_categories>.container::before{order:1;grid-column:2/4;padding-top:32px;margin-bottom:12px}
body.index section.s-block--bundle-questions+section.S_categories .swiper-wrapper>div:nth-child(odd),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(2),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(1){grid-column:2!important;margin-left:5px!important}
body.index section.s-block--bundle-questions+section.S_categories .swiper-wrapper>div:nth-child(even),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(odd),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(2){grid-column:3!important;margin-right:5px!important}
body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div:nth-child(n+3),body.index section.s-block--bundle-questions+section.S_categories+section.S_categories+section.S_categories+section.S_categories .swiper-wrapper>div{grid-column:2/4!important;justify-self:center;width:calc(50% - 5px)!important;margin:0 0 10px!important}
}

/* ---------- INC header height fix (2026-10-21) ----------
   الطبقات الثلاث للرأس كانت تحمل min-height:120px وحشوة 16px، وكل عنصر .flex داخله min-height:80px، فتتراكم.
   نُبقي الشكل العائم على الطبقة الخارجية فقط. */
header.store-header #mainnav, header.store-header #mainnav.main-nav-container, header.store-header .main-nav-container { min-height: 0 !important; padding-top: 8px !important; padding-bottom: 8px !important; }
header.store-header .main-nav-container .inner { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 0 !important; width: 100% !important; }
header.store-header .main-nav-container .container, header.store-header .main-nav-container .container > .flex { min-height: 64px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
header.store-header .main-nav-container .container > .flex .flex, header.store-header .main-nav-container .container > .flex .header-btn { min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }

/* INCASE 2026-10-22: «مجسّمات معمارية» (1876859318) مخفي مؤقتاً حتى بناء صفحة المجسمات — احذف هذه القاعدة عند إظهاره */
section.S_categories .swiper-wrapper > div:has(a[href*="c1876859318"]), section.S_categories .swiper-slide:has(a[href*="c1876859318"]) { display: none !important; }

/* INCASE 2026-10-22: حقل رفع الصورة في المنتجات حسب الطلب كان ينضغط إلى عرض صفر */
.s-product-options-option-content:has(salla-file-upload) { width: 100%; max-width: 420px; }
salla-file-upload.s-product-options-image-input { display: block; width: 100%; }

/* INCASE 2026-10-22: شريط الإعلان من الثيم بدل إعلان سلة (إعلان سلة كان يظهر بنسخة مخزنة قديمة). لتغيير النص عدّل content هنا */
salla-advertisement{display:none!important}
.app-inner::before{content:"شحن مجاني فوق 249 ريال • خصم 10% بكود INCASE10";display:block;background:#CF1E24;color:#FBF5E9;text-align:center;font-weight:700;font-size:14px;line-height:20px;padding:13px 16px}
/* ===== INCASE 2026-10-23: بطاقات الأقسام — الصورة من أعلى البطاقة + فراغ بسيط قبل «تسوّق الآن» ===== */
section.S_categories .swiper-wrapper>div{justify-content:flex-start!important;padding-top:0!important;height:auto!important;min-height:0!important;padding-bottom:16px!important}
section.S_categories .swiper-wrapper>div>div:first-child{margin:0 0 14px!important}
/* INCASE 2026-10-25: gifts 2nd cards element — one heading only for consecutive subcategory card blocks */
body.product-index section.S_categories + section.S_categories > .container::before{content:none!important;display:none!important}
body.product-index section.S_categories + section.S_categories{padding-top:14px!important}
/* INCASE 2026-10-25: خمس بطاقات أقسام فرعية في صف واحد (صفحة اطلب تصميمك) */
@media (min-width:1024px){body:not(.index) section.S_categories .swiper-wrapper:has(>div:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}}
/* INCASE 2026-10-26: إخفاء شارة «الأكثر مبيعاً» التي يضعها القالب على كل بطاقات الأقسام */
.s-product-card-promotion-title > .text-green-600.border-green-300{display:none!important}