/* Add custom CSS styles below */
@media (max-width:767px) {
.s-block--banners > div {
grid-template-columns: 1fr 1fr;
}
}

.s-block--banners > div a.banner-entry {
background-size: 100% 100%;
background-color: transparent;
}

/* إضافة النص "أصلي 100%" لجميع المنتجات */
.product-title::after {
content: " - أصلي 100%";
font-size: 14px;
color: #FF0000; /* لون النص - أحمر */
font-weight: bold;
}

/* ===== FREESIA «الجمعة البيضاء» — LAUNCH v3 (owner-approved 2026-11-04) =====
   Appended BELOW the existing custom CSS. Old rules untouched. Scoped to page class, fr-* module,
   product card, store header, or one cart block. Selectors verified in preview DOM 2026-11-04.
   ROLLBACK: delete from this line to the END marker. */

/* L1 — Floating widgets never cover purchase controls (mobile). PDP sticky bar = 114px. */
@media (max-width:767px){
  body.product-single.is-sticky-product-bar #karzoun-widget-send-button{bottom:calc(132px + env(safe-area-inset-bottom,0px))!important}
  body.product-single.is-sticky-product-bar .smt-app .sm-fixed.bottom-right{bottom:calc(184px + env(safe-area-inset-bottom,0px))!important}
  body.product-single.is-sticky-product-bar .s-app-install-alert-wrapper{display:none!important}
  body.cart #karzoun-widget-send-button{bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
}
.smt-app [class*="end_of_trial"],[class*="smt-app-end_of_trial"]{display:none!important}

/* L2 — Product card system */
custom-salla-product-card .price_is_on_sale{align-items:baseline!important;gap:6px!important;flex-wrap:wrap}
custom-salla-product-card .total-price{font-size:17px!important;font-weight:800!important;color:#141414!important}
custom-salla-product-card .before-price{font-size:12px!important;font-weight:400!important;color:#8A8A8A!important;text-decoration:line-through;text-decoration-thickness:1px}
custom-salla-product-card .product-card__promotion{background:#B3123B!important;color:#fff!important;border-radius:6px!important;font-weight:700!important;font-size:12px!important;line-height:1!important;padding:5px 8px!important}
custom-salla-product-card .s-product-card-rating{opacity:.85}
custom-salla-product-card .product-card__subtitle.fr-sub-dup{display:none!important}
custom-salla-product-card salla-add-product-button .s-button-element.s-button-btn{min-height:44px!important;font-weight:700!important;border-radius:10px!important;transition:background-color .15s,color .15s}
custom-salla-product-card salla-add-product-button .s-button-element.s-button-btn:hover,
custom-salla-product-card salla-add-product-button .s-button-element.s-button-btn:active{background:#141414!important;color:#fff!important}
custom-salla-product-card salla-add-product-button .s-button-element.s-button-btn .s-button-text{color:inherit!important}

/* L3 — Campaign offer section: light (owner request); tabs as clean pills */
body.index .fr-bf-module .product-tab{border-radius:999px!important}

/* L4 — بنفت brand moment */
body.index .fr-benefit{background:linear-gradient(135deg,#FCE4EC 0%,#F8C9D8 55%,#FBF1F4 100%);padding:56px 0 32px!important;position:relative;overflow:hidden}
body.index .fr-benefit::before{content:"";position:absolute;top:20px;left:4%;width:300px;height:190px;pointer-events:none;background:url("https://cdn.files.salla.network/products/721557510/beff2cfc-b833-4b6e-b53c-5a1de616c739-original.webp") no-repeat left center/contain,url("https://cdn.salla.sa/VlyP/bb0a28db-0772-474e-bda5-653745f0c311-500x500-P7V3cVd3YCXjETSBT5Mfjg1CE1eAWKohaVtmNwww.png") no-repeat 85% center/contain}
body.index .fr-benefit .home-block-title{position:relative;z-index:1}
body.index .fr-benefit .product-tabs__title{font-size:44px!important;font-weight:800!important;color:#141414!important}
body.index .fr-benefit .product-tabs__title::after{content:"Benefit Cosmetics";display:block;margin-top:6px;font:600 12px/1 system-ui,sans-serif;letter-spacing:3px;color:#B3123B}
body.index .fr-benefit .product-tabs__subtitle{color:#3a3a3a!important}
body.index .fr-benefit .btn-tabs-container{display:none!important}
body.index .fr-benefit .product-tabs__view-all{background:#141414;color:#fff!important;border-radius:999px;padding:10px 24px}
@media (max-width:767px){
  body.index .fr-benefit{padding-top:150px!important}
  body.index .fr-benefit::before{top:16px;left:50%;transform:translateX(-50%);width:230px;height:120px}
  body.index .fr-benefit .product-tabs__title{font-size:32px!important}
}

/* L5 — Concern + campaign tabs as swipe chips on mobile */
body.index .fr-concern{background:#F7F4F2}
body.index .fr-concern .product-tab{border-radius:999px!important;font-size:13px!important;padding:8px 14px!important}
@media (max-width:767px){
  body.index .fr-concern .btn-tabs-container,
  body.index .fr-bf-module .btn-tabs-container{flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none;padding-inline:16px;gap:8px;-webkit-overflow-scrolling:touch}
  body.index .fr-concern .btn-tabs-container::-webkit-scrollbar,
  body.index .fr-bf-module .btn-tabs-container::-webkit-scrollbar{display:none}
  body.index .fr-concern .product-tab,
  body.index .fr-bf-module .product-tab{flex:0 0 auto;white-space:nowrap}
}

/* L6 — Compact header; campaign pill first; no duplicate «تخفيضات» */
.store-header .header__main-row img.logo-normal{max-height:76px!important;height:auto!important;width:auto!important}
@media (max-width:1023px){ .store-header .header__main-row img.logo-normal{max-height:48px!important} }
.store-header .main-menu > li:has(> a[href$="/offers"]){display:none!important}
.store-header .main-menu > li:has(> a[href*="c1868405691"]){order:-1}
.store-header .main-menu > li > a[href*="c1868405691"]{background:#141414!important;color:#fff!important;font-weight:700!important;border-radius:999px;padding:0 14px!important;line-height:30px!important;display:inline-flex!important;align-items:center;gap:6px}
.store-header .main-menu > li > a[href*="c1868405691"]::before{content:"";width:6px;height:6px;border-radius:50%;background:#F08CB0;display:inline-block}

/* L7 — Mobile title rhythm, our modules only */
@media (max-width:767px){
  body.index :is(.fr-bf-module,.fr-concern,.fr-blog) .product-tabs__title,
  body.index .fr-departments .circle-links__title{font-size:21px!important;line-height:1.35!important}
  body.index :is(.fr-bf-module,.fr-concern,.fr-benefit) .product-tabs__subtitle{font-size:13px!important}
}

/* L8 — Blog cards */
body.index .fr-blog .post-entry{border:1px solid #EFEAE6;border-radius:12px;overflow:hidden;background:#fff}
body.index .fr-blog .blog__post-image{aspect-ratio:4/3;object-fit:cover}

/* L11 — Gomla bundle #14018 (misleading «بأقل من 5 ريال»): cart page only, this block only */
body.cart .gomla-cart-bundle-14018{display:none!important}

/* L12 — Free-shipping progress line (cart page, rendered by JS) */
.fr-ship{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#F7F4F2;color:#141414;font-size:13px;font-weight:600;line-height:1.5}
.fr-ship.is-free{background:#E8F5EC;color:#1E7A3C}
.fr-ship__bar{height:4px;border-radius:4px;background:#E4DEDA;margin-top:6px;overflow:hidden}
.fr-ship__bar i{display:block;height:100%;background:#141414}
/* L13 — Header spacer matches the compact header (absolute header): no dead space above the hero */
body.index .s-block--splitter.splitter-0{height:72px!important;min-height:0!important}
@media (max-width:1023px){ body.index .s-block--splitter.splitter-0{height:48px!important} }
/* L14 — Campaign nav label is always «الجمعة البيضاء» (Salla menu cache can hold an old category name) */
.store-header .main-menu a[href*="c1868405691"]{font-size:0!important}
.store-header .main-menu a[href*="c1868405691"] *{display:none!important}
.store-header .main-menu a[href*="c1868405691"]::after{content:"الجمعة البيضاء";font-size:13px;font-weight:700;line-height:30px}
/* L15 — بنفت packshots blend into the blush band */
body.index .fr-benefit::before{mix-blend-mode:multiply}
/* L16 — بنفت: offer is the first thing read */
body.index .fr-benefit .product-tabs__subtitle{font-size:22px!important;font-weight:800!important;color:#B3123B!important;margin-top:10px!important}
/* L19 — تسوّق حسب القسم (.fr-departments): compact text pills, no empty image circles */
body.index .fr-departments ul.grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px!important}
body.index .fr-departments .circle-links__image-wrap,body.index .fr-departments .circle-links__item-subtitle{display:none!important}
body.index .fr-departments .circle-links__item a{display:block;padding:10px 20px;border:1px solid #EFEAE6;border-radius:999px;background:#fff}
body.index .fr-departments .circle-links__item-title{margin:0!important;font-size:14px!important;font-weight:700!important;white-space:nowrap}
@media (max-width:767px){body.index .fr-departments ul.grid{flex-wrap:nowrap!important;justify-content:flex-start;overflow-x:auto;padding-inline:16px!important;scrollbar-width:none}body.index .fr-departments ul.grid::-webkit-scrollbar{display:none}body.index .fr-departments .circle-links__item{flex:0 0 auto}}
/* L20 — Original stats: dark closing treatment (styling only, numbers unchanged) */
body.index .s-block--stats{background:#141414!important;padding:40px 0!important}
body.index .s-block--stats, body.index .s-block--stats *{color:#fff!important}
body.index .s-block--stats p, body.index .s-block--stats span{color:#cfcfcf!important}
/* L21 — بنفت: packshots centred above the title at all widths (no overlap with text) */
body.index .fr-benefit{padding-top:200px!important}
body.index .fr-benefit::before{top:24px!important;left:50%!important;transform:translateX(-50%)!important;width:320px!important;height:160px!important}
@media (max-width:767px){body.index .fr-benefit{padding-top:150px!important}body.index .fr-benefit::before{top:16px!important;width:230px!important;height:120px!important}}
/* ===== END FREESIA «الجمعة البيضاء» launch v3 ===== */