/* ==========================================================

RawaSafi Premium / Raed / شبكة المنتجات 4 و2 / 30-10-2026

استبدل جميع أكواد الهوية السابقة بهذا الملف. بدون وسم style.

نسخة كاملة بديلة لخانة CSS. المنتجات الثابتة في الرئيسية شبكة: 4 في كل صف على الكمبيوتر و2 على الهاتف.

صور المنتجات والأسعار وسلوك السلايدر الأصلي محفوظة.

========================================================== */

:root {

--rs-navy:#002D65;

--rs-blue:#006CB4;

--rs-aqua:#25CAD3;

--rs-soft:#F2FAFD;

--rs-line:#DCEAF3;

--rs-ink:#375775;

--rs-radius:20px;

--color-primary:#006CB4 !important;

--color-primary-dark:#002D65 !important;

--color-primary-light:#EAF7FC !important;

--color-primary-reverse:#FFFFFF !important;

}

body.theme-raed { background:#fff; color:var(--rs-navy); }

body.theme-raed :is(a,button,input,select,textarea):focus-visible {

outline:3px solid var(--rs-aqua); outline-offset:4px;

}


/* 01 — الهيدر */

body.theme-raed .store-header { background:#fff !important; color:var(--rs-navy); }

body.theme-raed .store-header .top-navbar {

background:var(--rs-navy) !important; color:#fff !important;

padding-block:10px; border:0;

}

body.theme-raed .top-navbar .s-contacts-item { color:#fff !important; }

body.theme-raed .store-header .header-search { max-width:620px; }

body.theme-raed .store-header .s-search-input {

background:#fff !important; color:var(--rs-navy) !important;

border:1px solid var(--rs-line) !important; box-shadow:none;

font-family:inherit; padding-inline:42px 16px;

}

body.theme-raed .store-header .s-search-input::placeholder { color:#56738C; opacity:1; }

body.theme-raed .store-header .s-search-icon { color:var(--rs-blue) !important; }

body.theme-raed .store-header .s-search-icon svg { fill:currentColor; }

body.theme-raed .store-header #mainnav,

body.theme-raed .store-header #mainnav > .inner {

background:#fff !important; color:var(--rs-navy);

}

body.theme-raed .store-header #mainnav {

border-bottom:1px solid var(--rs-line); box-shadow:0 3px 15px #002d6505;

}

html.rs-premium-scrolled body.theme-raed .store-header #mainnav {

box-shadow:0 6px 24px #002d6512;

}

body.theme-raed .store-header .navbar-brand img {

width:auto; max-width:200px; max-height:66px; object-fit:contain;

}

body.theme-raed .store-header :is(.s-user-menu-login-btn,.s-user-menu-trigger,.header-btn__icon,.s-cart-summary-wrapper,.s-cart-summary-total,.mburger,.sicon-menu) {

color:var(--rs-navy) !important;

}

body.theme-raed .store-header .s-user-menu-login-btn {

min-width:44px; min-height:44px; border:1px solid var(--rs-line);

border-radius:14px; background:#fff; transition:background .2s,border-color .2s;

}

body.theme-raed .store-header .s-user-menu-login-btn:hover {

background:var(--rs-soft); border-color:var(--rs-blue);

}

body.theme-raed .store-header .s-user-menu-login-btn svg { width:25px; height:25px; fill:currentColor; }

body.theme-raed .store-header .s-cart-summary-count {

background:var(--rs-blue) !important; color:#fff !important;

border:2px solid #fff; font-weight:700;

}

body.theme-raed .store-header .main-menu > li > a { color:var(--rs-navy) !important; font-weight:600; }

body.theme-raed .store-header .main-menu > li > a:hover { color:var(--rs-blue) !important; }

body.theme-raed #mobile-menu { background:#fff; color:var(--rs-navy); }

body.theme-raed #mobile-menu .main-menu a { color:var(--rs-navy); }


/* 02 — إيقاع الأقسام: مساحات قصيرة، لا التصاق ولا فراغات ضخمة */

body.theme-raed.index #main-content { row-gap:0 !important; }

body.theme-raed.index #main-content > .s-block { margin-block:0 !important; min-width:0; }

body.theme-raed.index #main-content > :is(.s-block--bundle-marquee,.s-block--bundle-hero-banner,.s-block--bundle-double-square-banners) {

padding-block:0 !important;

}

body.theme-raed.index #main-content > .s-block--bundle-marquee { margin-bottom:12px !important; }

body.theme-raed.index #main-content > .s-block--bundle-hero-banner + .s-block--bundle-double-square-banners {

margin-top:32px !important;

}

body.theme-raed.index #main-content > .s-block > [component-name] {

display:block; margin-block:0 !important; min-width:0;

}

body.theme-raed.index #main-content > :is([data-testid="store-home-fixed-products"],.rs-premium-products) {

padding-block:36px !important;

}

body.theme-raed .s-block__title { margin-bottom:22px; align-items:center; gap:16px; }

body.theme-raed .s-block__title h2,

body.theme-raed .s-slider-block__title h2 {

color:var(--rs-navy); font-size:clamp(21px,2vw,29px); font-weight:700; line-height:1.65;

}

body.theme-raed .s-block__title .right-side > h2::after {

content:""; display:block; width:36px; height:3px; margin-top:8px;

border-radius:4px; background:var(--rs-aqua);

}

body.theme-raed .s-block__display-all {

color:var(--rs-blue); font-size:13px; font-weight:600;

padding:8px 14px; border:1px solid var(--rs-line);

border-radius:30px; white-space:nowrap; background:#fff;

}

body.theme-raed .s-block__display-all:hover { background:var(--rs-soft); border-color:var(--rs-blue); }


/* 03 — بطاقات المنتجات: نفس التصميم للقوائم الثابتة والسلايدر */

body.theme-raed .s-product-card-entry.s-product-card-vertical {

display:flex !important; flex-direction:column !important;

position:relative; min-width:0; height:100%; margin-block:0;

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

background:#fff !important; box-shadow:0 5px 20px #002d6506;

overflow:hidden; isolation:isolate;

transition:box-shadow .25s,border-color .25s,transform .25s;

}

@media(hover:hover) and (pointer:fine) {

body.theme-raed .s-product-card-entry.s-product-card-vertical:hover {

transform:translateY(-4px); border-color:#93D9E9 !important;

box-shadow:0 16px 36px #002d6512;

}

}

body.theme-raed .s-product-card-vertical > .s-product-card-image {

position:relative; width:100%; height:auto !important;

aspect-ratio:4 / 3; flex:none; background:#F6FBFD;

border-bottom:1px solid #EDF4F8; overflow:hidden; margin:0;

}

body.theme-raed .s-product-card-vertical > .s-product-card-image > a {

display:flex; width:100%; height:100%; align-items:center; justify-content:center;

}

body.theme-raed .s-product-card-vertical .s-product-card-image img {

display:block; width:100% !important; height:100% !important;

max-height:none !important; object-fit:contain !important;

object-position:center; border-radius:0 !important;

}

body.theme-raed .s-product-card-vertical > .s-product-card-content {

display:flex; flex-direction:column; flex:1; gap:12px;

padding:18px !important; min-width:0;

}

body.theme-raed .s-product-card-vertical .s-product-card-content-main { margin:0; padding:0; }

body.theme-raed .s-product-card-vertical .s-product-card-content-title {

margin:0; font-size:15px; font-weight:600; line-height:1.8;

min-height:5.4em; max-height:none;

}

body.theme-raed .s-product-card-vertical .s-product-card-content-title a {

color:var(--rs-navy) !important; text-decoration:none;

display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;

overflow:hidden; line-height:inherit; font-size:inherit;

}

body.theme-raed .s-product-card-vertical .s-product-card-content-title a:hover { color:var(--rs-blue) !important; }

body.theme-raed .s-product-card-vertical .s-product-card-content-sub {

display:flex; align-items:center; flex-wrap:wrap; gap:8px;

min-height:30px; margin:0; padding:0;

}

body.theme-raed .s-product-card-vertical :is(.s-product-card-price,.s-product-card-sale-price) {

color:var(--rs-blue) !important; font-size:20px; line-height:1.5;

font-weight:700; margin:0;

}

body.theme-raed .s-product-card-vertical :is(.s-product-card-price-before,.s-product-card-regular-price) {

color:#60788C; font-size:13px; text-decoration:line-through; font-weight:400;

}

body.theme-raed .s-product-card-vertical .sicon-sar { font-size:.85em; }

body.theme-raed .s-product-card-vertical .s-product-card-content-footer {

margin-top:auto; padding-top:4px; gap:8px; align-items:center;

}

body.theme-raed .s-product-card-vertical salla-add-product-button { display:block; width:100%; min-width:0; }

/* هذا هو اسم زر الإضافة الفعلي في الملف المرسل. */

body.theme-raed .s-product-card-vertical salla-add-product-button .s-button-element:not(:disabled):not([aria-disabled="true"]) {

background:var(--rs-blue) !important; color:#fff !important;

border:1px solid var(--rs-blue) !important; border-radius:12px !important;

width:100%; min-height:46px; padding:10px 12px;

font-family:inherit; font-size:14px; font-weight:600;

box-shadow:none; transition:background .2s,border-color .2s;

}

body.theme-raed .s-product-card-vertical salla-add-product-button .s-button-element:not(:disabled):not([aria-disabled="true"]):hover {

background:var(--rs-navy) !important; border-color:var(--rs-navy) !important;

}

body.theme-raed .s-product-card-vertical salla-add-product-button .s-button-text {

display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:7px; line-height:1.7;

}

body.theme-raed .s-product-card-vertical salla-add-product-button .s-button-element:disabled {

opacity:.55; cursor:not-allowed; box-shadow:none;

}

body.theme-raed .s-product-card-vertical button.s-product-card-wishlist-btn {

width:36px; height:36px; min-width:36px; border-radius:50% !important;

background:#fff !important; color:var(--rs-navy); border:1px solid var(--rs-line) !important;

box-shadow:0 3px 12px #002d6510;

}

/* يبقى لون حالة الإضافة للمفضلة من القالب الأصلي. */

body.theme-raed .s-product-card-vertical button.s-product-card-wishlist-btn.not-added:hover {

color:var(--rs-blue); background:var(--rs-soft) !important;

}

/* قوائم التصنيفات خارج الرئيسية تبقى شبكة */

body.theme-raed:not(.index) salla-products-list .s-products-list-vertical-cards {

display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px;

align-items:stretch;

}


/* المنتجات الثابتة: أربعة أعمدة على الكمبيوتر وعمودان على الهاتف */

body.theme-raed.index #main-content salla-products-list {

display:block !important;

width:100% !important;

max-width:100% !important;

min-width:0 !important;

}

body.theme-raed.index #main-content salla-products-list .s-products-list-wrapper {

display:grid !important;

grid-template-columns:repeat(4,minmax(0,1fr)) !important;

grid-auto-flow:row !important;

grid-auto-columns:auto !important;

align-items:stretch !important;

gap:22px !important;

width:100% !important;

max-width:100% !important;

min-width:0 !important;

max-height:none !important;

box-sizing:border-box;

overflow:visible !important;

padding:6px 0 18px !important;

direction:rtl;

scroll-snap-type:none !important;

}

body.theme-raed.index #main-content salla-products-list .s-products-list-wrapper > .s-product-card-entry {

display:flex !important;

flex-direction:column !important;

flex:initial !important;

width:100% !important;

min-width:0 !important;

max-width:none !important;

height:auto !important;

margin:0 !important;

box-sizing:border-box;

}

body.theme-raed.index #main-content salla-products-list .s-product-card-entry > .s-product-card-image {

width:100% !important;

height:auto !important;

min-height:0 !important;

aspect-ratio:4 / 3 !important;

flex:none !important;

border-inline-end:0 !important;

}

body.theme-raed.index #main-content salla-products-list .s-product-card-content-footer {

margin-top:auto !important;

}

body.theme-raed.index #main-content salla-products-list salla-add-product-button {

width:100% !important;

max-width:none !important;

}

@media(max-width:1023px) {

body.theme-raed.index #main-content salla-products-list .s-products-list-wrapper {

grid-template-columns:repeat(2,minmax(0,1fr)) !important;

gap:12px !important;

}

}


/* لا نغيّر عرض الشرائح أو transform أو التشغيل الأصلي للسلايدر. */

body.theme-raed salla-products-slider .swiper-wrapper { align-items:stretch; }

body.theme-raed salla-products-slider .swiper-slide { height:auto; }

body.theme-raed salla-products-slider .swiper-slide > .s-product-card-vertical { height:100%; }

body.theme-raed salla-products-slider .swiper { padding-block:7px 18px; }

body.theme-raed :is(salla-products-slider,salla-slider) .s-slider-nav-arrow {

color:var(--rs-navy); background:#fff; border:1px solid var(--rs-line);

border-radius:50%; box-shadow:0 3px 12px #002d650a;

}

body.theme-raed :is(salla-products-slider,salla-slider) .s-slider-nav-arrow:hover {

color:#fff; background:var(--rs-blue); border-color:var(--rs-blue);

}


/* 04 — الأزرار والنماذج العامة: دون مساس بألوان الخطأ والتقييم */

body.theme-raed .s-button-element:is(.s-button-primary,.s-button-primary-outline):not(.s-button-icon):not(:disabled):not([aria-disabled="true"]) {

border-radius:12px; font-family:inherit; min-height:44px;

}

body.theme-raed .s-button-solid.s-button-primary:not(:disabled) {

background:var(--rs-blue) !important; border-color:var(--rs-blue) !important; color:#fff !important;

}

body.theme-raed .s-button-primary-outline:not(:disabled) {

color:var(--rs-blue); border-color:var(--rs-blue);

}

body.theme-raed :is(.s-form-control,.s-form-input) {

border-radius:11px; border-color:var(--rs-line); color:var(--rs-navy); font-family:inherit;

}


/* 05 — البانرات والسكشن التعريفي الموجود بالفعل */

body.theme-raed [component-name="double-square-banners"] :is(section,.container) {

margin-block:0 !important; padding-block:0 !important;

}

body.theme-raed [component-name="double-square-banners"] img {

border-radius:20px; display:block;

}

body.theme-raed [component-name="marquee"] section {

background:var(--rs-navy) !important; color:#fff !important;

}

body.theme-raed [component-name="hero-area"] .s-block--hero-area {

background:var(--rs-soft) !important; color:var(--rs-navy) !important;

padding-block:36px !important; margin-block:0 !important;

}

body.theme-raed [component-name="hero-area"] .content { gap:20px; }

body.theme-raed [component-name="hero-area"] .sub {

color:var(--rs-blue); border-bottom:0; font-size:14px; line-height:1.8; margin-bottom:12px;

}

body.theme-raed [component-name="hero-area"] .main {

color:var(--rs-navy); font-size:clamp(26px,3.3vw,44px); line-height:1.65;

}

body.theme-raed [component-name="hero-area"] .desc {

color:var(--rs-ink); font-size:16px; line-height:2; margin-top:18px;

}

body.theme-raed [component-name="hero-area"] .media img { border-radius:24px; }


/* 06 — فوتر كحلي بأعمدة موزونة */

body.theme-raed .store-footer,

body.theme-raed .store-footer .store-footer__inner {

background:var(--rs-navy) !important; color:#fff !important;

}

body.theme-raed .store-footer { border-top:3px solid var(--rs-aqua); margin-top:28px; }

body.theme-raed .store-footer .store-footer__inner { padding-block:46px 34px; }

body.theme-raed .store-footer :is(h2,h3,h4) { color:#fff !important; line-height:1.7; font-weight:600; }

body.theme-raed .store-footer h3 { font-size:18px; margin-bottom:16px; }

body.theme-raed .store-footer .store-footer__inner > .container > div:first-child > a h3 { font-size:23px; }

body.theme-raed .store-footer :is(p,.s-trust-badges-label,.copyright-text) {

color:#DCEBFA !important; line-height:1.95; font-size:14px;

}

body.theme-raed.rtl .store-footer .ql-align-left { text-align:right !important; }

body.theme-raed .store-footer :is(.s-menu-footer-item,.s-contacts-item,.s-trust-badges-number) { color:#fff !important; }

body.theme-raed .store-footer .s-menu-footer-item {

display:block; font-size:14px; padding-block:7px; line-height:1.8;

}

body.theme-raed .store-footer :is(.s-menu-footer-item,.s-contacts-item):hover { color:var(--rs-aqua) !important; }

body.theme-raed .store-footer .s-contacts-item { overflow-wrap:anywhere; font-size:14px; }

body.theme-raed .store-footer .s-contacts-icon { color:var(--rs-aqua); }

body.theme-raed .store-footer .s-contacts-icon svg { fill:currentColor; }

body.theme-raed .store-footer .s-trust-badges-number { font-size:15px; }

body.theme-raed .store-footer :is(.s-social-link,.social-link) {

color:#fff; border-color:#ffffff30; background:#ffffff08; border-radius:10px;

}

body.theme-raed .store-footer :is(.s-social-link,.social-link):hover { color:var(--rs-aqua); }

body.theme-raed .store-footer > .container {

border-top:0 !important; padding-block:22px; gap:18px;

}

body.theme-raed .store-footer .copyright-text a { color:#fff; }

body.theme-raed .store-footer .s-payments-list { gap:8px; flex-wrap:wrap; justify-content:center; }

body.theme-raed .store-footer .s-payments-list-item { background:#fff; border-radius:7px; padding:5px; }

body.theme-raed .store-footer salla-apps-icons.hydrated:empty { display:none; }

.rs-premium-contact-links { display:flex; flex-direction:column; gap:10px; margin-top:14px; }

.rs-premium-contact-links a { color:#fff !important; font-size:14px; line-height:1.8; overflow-wrap:anywhere; text-decoration:none; }

.rs-premium-contact-links a:hover { color:var(--rs-aqua) !important; }

.rs-premium-contact-links bdi { font-family:Arial,sans-serif; }


/* 07 — واتساب باللون المطلوب */

#rs-floating-whatsapp {

position:fixed; left:max(20px,env(safe-area-inset-left,0px));

bottom:calc(24px + env(safe-area-inset-bottom,0px)); z-index:1000;

display:flex; align-items:center; justify-content:center; width:58px; height:58px;

border-radius:50%; background:#25D366 !important; color:#fff !important;

border:2px solid #fff; box-shadow:0 8px 24px #128c7e30; text-decoration:none;

transition:transform .2s,background .2s;

}

#rs-floating-whatsapp svg { width:30px; height:30px; fill:currentColor; }

#rs-floating-whatsapp:hover { transform:translateY(-3px); background:#128C7E !important; }

#rs-floating-whatsapp:focus-visible { outline:3px solid var(--rs-blue); outline-offset:4px; }


/* 08 — ظهور الشعار الأصلي، بلا تعطيل للتمرير أو الانتظار للصور */

#rs-brand-intro {

position:fixed; inset:0; z-index:2000; display:grid; place-items:center;

background:radial-gradient(circle at center,#EFFBFC,#fff 70%); pointer-events:none;

animation:rs-premium-dismiss .25s ease .7s forwards;

}

#rs-brand-intro .rs-intro-content { text-align:center; padding:24px; }

#rs-brand-intro img { display:block; width:min(230px,65vw); max-height:160px; object-fit:contain; margin:auto; }

#rs-brand-intro .rs-intro-line { display:block; width:70px; height:3px; margin:24px auto 0; border-radius:8px; background:linear-gradient(90deg,var(--rs-navy),var(--rs-blue),var(--rs-aqua)); }

@keyframes rs-premium-dismiss { to { opacity:0; visibility:hidden; } }


/* 09 — الهاتف والتابلت */

@media(min-width:1024px) {

body.theme-raed .store-footer__inner > .container.grid { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr); gap:44px; }

body.theme-raed .store-footer__inner > .container.grid > div:first-child { grid-column:auto; padding-inline:0; }

body.theme-raed .store-footer__inner > .container.grid > salla-apps-icons { grid-column:1 / -1; padding-inline:0; }

}

@media(min-width:768px) and (max-width:1023px) {

body.theme-raed:not(.index) salla-products-list .s-products-list-vertical-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }

}

@media(max-width:767px) {

body.theme-raed .store-header .navbar-brand img { max-width:155px; max-height:54px; }

body.theme-raed.index #main-content > .s-block--bundle-hero-banner + .s-block--bundle-double-square-banners { margin-top:24px !important; }

body.theme-raed.index #main-content > :is([data-testid="store-home-fixed-products"],.rs-premium-products) { padding-block:26px !important; }

body.theme-raed .s-block__title { margin-bottom:18px; gap:10px; }

body.theme-raed .s-block__display-all { font-size:12px; padding:7px 11px; }

body.theme-raed:not(.index) salla-products-list .s-products-list-vertical-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }

body.theme-raed .s-product-card-entry.s-product-card-vertical { border-radius:15px !important; }

body.theme-raed .s-product-card-vertical > .s-product-card-content { padding:12px !important; gap:9px; }

body.theme-raed .s-product-card-vertical .s-product-card-content-title { font-size:13px; }

body.theme-raed .s-product-card-vertical :is(.s-product-card-price,.s-product-card-sale-price) { font-size:18px; }

body.theme-raed .s-product-card-vertical salla-add-product-button .s-button-element:not(:disabled):not([aria-disabled="true"]) { font-size:12px; padding:9px 6px; min-height:44px; border-radius:10px !important; }

body.theme-raed .s-product-card-vertical button.s-product-card-wishlist-btn { width:32px; height:32px; min-width:32px; }

body.theme-raed [component-name="hero-area"] .s-block--hero-area { padding-block:26px !important; }

body.theme-raed .store-footer .store-footer__inner { padding-block:32px 26px; }

body.theme-raed .store-footer .store-footer__inner > .container.grid { gap:28px; }

#rs-floating-whatsapp { left:16px; width:54px; height:54px; }

body.is-sticky-product-bar #rs-floating-whatsapp { bottom:calc(112px + env(safe-area-inset-bottom,0px)); }

}

@media(max-width:350px) {

body.theme-raed:not(.index) salla-products-list .s-products-list-vertical-cards { grid-template-columns:1fr; }

}

@media(prefers-reduced-motion:reduce) {

body.theme-raed .s-product-card-entry.s-product-card-vertical,

#rs-floating-whatsapp { transition:none; transform:none !important; }

#rs-brand-intro { display:none; }

}


/* V4 — الفوتر والتنقل على الهاتف وتفاصيل المنتج */

.rs-footer-logo { display:block; width:220px; max-width:100%; height:auto; max-height:100px; object-fit:contain; background:transparent!important; border:0; border-radius:0; padding:0!important; box-shadow:none; box-sizing:border-box; }

.rs-footer-brand { display:flex; align-items:center; margin-bottom:20px!important; }

.rs-footer-brand .rs-footer-logo { display:block; }

.rs-footer-brand-ready .rs-footer-logo { display:block; }

.rs-footer-brand-ready h3 { display:none!important; }

body.theme-raed .store-footer .rs-footer-contact { display:flex; align-items:center; gap:12px; color:#fff; font-size:14px; min-height:44px; line-height:1.7; text-decoration:none; }

.rs-contact-symbol { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; color:var(--rs-aqua); background:#ffffff08; border:1px solid #ffffff30; border-radius:50%; }

.rs-contact-symbol svg { width:21px; height:21px; }

.rs-footer-contact[data-rs-contact="whatsapp"] svg { fill:currentColor; }

.rs-footer-contact bdi { overflow-wrap:anywhere; min-width:0; }

#rs-mobile-nav { display:none; }

#rs-brand-intro .rs-intro-line { display:none; }

#rs-brand-intro .rs-intro-water { position:relative; display:block; width:80px; height:48px; margin:24px auto 0; }

.rs-water-drop { position:absolute; top:0; left:33px; width:14px; height:18px; border-radius:75% 55% 70% 55%; background:linear-gradient(135deg,var(--rs-aqua),var(--rs-blue)); transform:rotate(45deg); animation:rs-water-fall 1s ease-in infinite; }

.rs-intro-water i { position:absolute; width:48px; height:12px; border:1.5px solid var(--rs-aqua); border-radius:50%; left:16px; bottom:1px; animation:rs-water-ring 1s ease-out infinite; opacity:0; }

.rs-intro-water i:nth-of-type(2) { animation-delay:.18s; }

.rs-intro-water i:nth-of-type(3) { animation-delay:.36s; }

@keyframes rs-water-fall { 0% { opacity:0; transform:translateY(-6px) rotate(45deg) scale(.6); } 25% {opacity:1;} 80%,100% { opacity:0; transform:translateY(26px) rotate(45deg) scale(.4); } }

@keyframes rs-water-ring { 15% { opacity:0; transform:scale(.3); } 45% {opacity:.85;} 100% { opacity:0; transform:scale(1.45); } }

body.rs-product-page .rs-product-recommendations { margin-top:24px!important; padding-top:12px!important; }

body.rs-product-page .rs-product-empty-gap { display:none!important; }

body.rs-product-page .rs-product-before-recommendations { margin-bottom:24px!important; padding-bottom:0!important; }

@media(max-width:767px) {

html.rs-has-mobile-nav { --rs-nav-height:calc(68px + env(safe-area-inset-bottom,0px)); scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }

html.rs-has-mobile-nav body { padding-bottom:var(--rs-nav-height)!important; }

#rs-mobile-nav { position:fixed; inset-inline:0; bottom:0; z-index:999; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px)); background:#fff; border-top:1px solid var(--rs-line); box-shadow:0 -5px 24px #002d650c; box-sizing:border-box; min-height:var(--rs-nav-height); }

#rs-mobile-nav .rs-nav-item { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; border:0; border-radius:12px; min-width:0; min-height:56px; background:transparent; color:var(--rs-navy); text-decoration:none; font-weight:500; font-family:inherit; font-size:11px; line-height:1.5; padding:3px 1px; cursor:pointer; -webkit-tap-highlight-color:transparent; }

#rs-mobile-nav .rs-nav-item[aria-current="page"] { background:var(--rs-soft); color:var(--rs-blue); }

.rs-nav-icon { position:relative; display:block; width:26px; height:26px; }

.rs-nav-icon svg { width:26px; height:26px; display:block; }

.rs-nav-count { position:absolute; top:-5px; left:-9px; min-width:17px; height:17px; padding:0 3px; border-radius:12px; background:var(--rs-blue); color:white; font:700 10px/17px Arial,sans-serif; border:2px solid white; box-sizing:content-box; }

.rs-nav-count[hidden] { display:none!important; }

html.rs-has-mobile-nav body.theme-raed .store-header .rs-mobile-search-card,

html.rs-has-mobile-nav body.theme-raed .store-header .rs-top-search-only { display:none!important; }

html.rs-has-mobile-nav #rs-floating-whatsapp { bottom:calc(var(--rs-nav-height) + 8px) !important; }

html.rs-has-mobile-nav body.is-sticky-product-bar #rs-floating-whatsapp { bottom:calc(var(--rs-nav-height) + 88px) !important; }

/* Sticky purchase rows stay above the bottom navigation when provided by Raed. */

html.rs-has-mobile-nav body.rs-product-page :is(.product-single__sticky-add-to-cart,.sticky-product-bar,.product-sticky-bar,.rs-native-sticky-purchase) { bottom:var(--rs-nav-height)!important; }

body.theme-raed .store-footer .store-footer__inner > .container { text-align:center; }

body.theme-raed .store-footer .store-footer__inner > .container > div { width:100%; margin-inline:auto; }

body.theme-raed.rtl .store-footer :is(.ql-align-left,p,h3,.s-trust-badges-content) { text-align:center!important; }

body.theme-raed .store-footer .store-footer__inner > .container > div:first-child > div { margin-inline:auto; }

body.theme-raed .store-footer :is(.rs-footer-brand,.rs-footer-contact,.s-contacts-item,.s-contacts-list,.s-social-list,.s-trust-badges-wrapper) { justify-content:center; }

body.theme-raed .store-footer .store-footer__inner > .container > div:first-child > .flex { justify-content:center; }

body.theme-raed .store-footer .rs-footer-logo { width:210px; margin-inline:auto; }

body.theme-raed .store-footer .rs-premium-contact-links { align-items:center; }

body.rs-product-page .rs-product-recommendations { margin-top:18px!important; padding-top:8px!important; }

}

@media(prefers-reduced-motion:reduce) { .rs-intro-water * { animation:none!important; } }



/* إزالة الشريط أعلى الهيدر على الهاتف فقط */

@media(max-width:767px) {

body.theme-raed .store-header > .top-navbar {

display:none !important;

height:0 !important;

min-height:0 !important;

margin:0 !important;

padding:0 !important;

border:0 !important;

}

}

/* إزالة الفاصل فوق حقوق النشر */

body.theme-raed .store-footer > .container {

border-top:0 !important;

box-shadow:none !important;

}

body.theme-raed .store-footer hr { display:none !important; }


@media(max-width:767px) {

html.rs-has-mobile-nav body.theme-raed #rs-floating-whatsapp {

bottom:calc(var(--rs-nav-height) + 4px) !important;

}

}


/* V7 — مساحة الهيرو، المنتجات الثابتة، وإنهاء الفوتر */

body.theme-raed.index #main-content > .rs-banners-after-hero {

margin-top:32px !important;

}

body.theme-raed.index .rs-fixed-products .s-products-list-wrapper {

gap:24px !important;

padding-block:8px 16px !important;

}

body.theme-raed.index .rs-fixed-products .s-product-card-entry {

border-color:#DFEBF3 !important;

border-radius:20px !important;

box-shadow:0 6px 22px #002d6507;

}

body.theme-raed.index .rs-fixed-products .s-product-card-entry > .s-product-card-image {

aspect-ratio:1 / 1 !important;

background:var(--rs-soft);

border-bottom:1px solid #EDF4F8;

}

body.theme-raed.index .rs-fixed-products .s-product-card-entry > .s-product-card-content {

padding:20px !important;

gap:12px;

}

body.theme-raed.index .rs-fixed-products .s-product-card-content-main {

display:flex; flex-direction:column; flex:1; gap:14px;

}

body.theme-raed.index .rs-fixed-products .s-product-card-content-title {

font-size:15px; line-height:1.8; min-height:5.4em;

}

body.theme-raed.index .rs-fixed-products .s-product-card-content-sub {

margin-top:auto; min-height:32px;

}

body.theme-raed.index .rs-fixed-products .s-product-card-content-footer {

padding-top:4px;

}

body.theme-raed.index .rs-fixed-products salla-add-product-button .s-button-element {

min-height:46px;

}

body.theme-raed .store-footer .rs-footer-logo {

width:260px; max-width:100%; max-height:none; height:auto;

filter:none !important; opacity:1 !important; mix-blend-mode:normal;

}

body.theme-raed .store-footer .rs-footer-brand-ready :is(h3,img:not(.rs-footer-logo),picture) {

display:none !important;

}

/* لا يشمل حدود شعارات الدفع أو أيقونات التواصل */

body.theme-raed .store-footer,

body.theme-raed .store-footer > .store-footer__inner,

body.theme-raed .store-footer > .container,

body.theme-raed .store-footer .rs-footer-bottom,

body.theme-raed .store-footer .copyright-text {

border-block:0 !important;

background-color:var(--rs-navy) !important;

background-image:none !important;

box-shadow:none !important;

outline:0 !important;

}

body.theme-raed .store-footer::before,

body.theme-raed .store-footer::after,

body.theme-raed .store-footer > .store-footer__inner::after,

body.theme-raed .store-footer > .container::before,

body.theme-raed .store-footer > .container::after,

body.theme-raed .store-footer .rs-footer-bottom::before,

body.theme-raed .store-footer .rs-footer-bottom::after {

content:none !important; display:none !important;

}

@media(max-width:1023px) {

body.theme-raed.index .rs-fixed-products .s-products-list-wrapper { gap:14px !important; }

}

@media(max-width:767px) {

body.theme-raed.index #main-content > .rs-banners-after-hero { margin-top:24px !important; }

body.theme-raed.index .rs-fixed-products .s-products-list-wrapper { gap:12px !important; }

body.theme-raed.index .rs-fixed-products .s-product-card-entry { border-radius:16px !important; }

body.theme-raed.index .rs-fixed-products .s-product-card-entry > .s-product-card-content { padding:12px !important; gap:10px; }

body.theme-raed.index .rs-fixed-products .s-product-card-content-main { gap:10px; }

body.theme-raed.index .rs-fixed-products .s-product-card-content-title { font-size:13px; }

body.theme-raed .store-footer .rs-footer-logo { width:240px; }

}

/* - */

@media (max-width: 767px) {

html.rs-has-mobile-nav

salla-cart-summary-card[data-testid="store-cart-summary"] {

position: fixed !important;

inset-inline: 0 !important;

top: auto !important;

bottom: calc(var(--rs-nav-height, 68px) + 8px) !important;

width: 100% !important;

max-width: none !important;

margin: 0 !important;

z-index: 998 !important;

box-sizing: border-box !important;

background: #fff !important;

border-radius: 18px 18px 0 0;

box-shadow: 0 -6px 24px #002d6514;

}


/* مساحة لتمرير آخر محتويات السلة فوق الإجراء الثابت */

html.rs-has-mobile-nav

#main-content:has(salla-cart-summary-card[data-testid="store-cart-summary"]) {

padding-bottom: 180px !important;

}


#s-cart-summary-card-submit .s-button-element {

min-height: 48px;

border-radius: 12px !important;

background: #006CB4 !important;

border-color: #006CB4 !important;

color: #fff !important;

}

}

/* رواء صافي — تحسين كروت المنتجات وتقليل الفراغات */

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-vertical {

position: relative;

min-height: 0 !important;

border: 1px solid #DCEAF3 !important;

border-radius: 18px !important;

background: #fff !important;

box-shadow: 0 5px 18px #002D6508 !important;

overflow: hidden;

}


/* الصورة: إطار داخلي هادئ دون قص المنتج */

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-vertical > .s-product-card-image {

position: relative;

border-bottom: 1px solid #EAF3F8 !important;

background: #F2FAFD !important;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-image::after {

content: "";

position: absolute;

inset: 8px;

border: 1px solid #006CB426;

border-radius: 12px;

pointer-events: none;

}


/* إلغاء التمدد الذي يبعد السعر عن العنوان */

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-vertical > .s-product-card-content {

height: auto !important;

min-height: 0 !important;

justify-content: flex-start !important;

padding: 16px !important;

gap: 10px !important;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-content-main {

display: flex !important;

flex-direction: column !important;

flex: 0 0 auto !important;

justify-content: flex-start !important;

height: auto !important;

min-height: 0 !important;

gap: 8px !important;

}


/* مساحة عنوان تكفي لسطرين بدلًا من ثلاثة */

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-content-title {

height: auto !important;

min-height: 3.4em !important;

margin: 0 !important;

padding: 0 !important;

font-size: 15px !important;

line-height: 1.7 !important;

font-weight: 600 !important;

text-align: center;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-content-title a {

color: #002D65 !important;

-webkit-line-clamp: 3;

}


/* السعر قريب من العنوان */

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-content-sub {

flex: 0 0 auto !important;

justify-content: center !important;

min-height: 28px !important;

margin: 0 !important;

padding: 0 !important;

gap: 8px !important;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

:is(.s-product-card-price, .s-product-card-sale-price) {

color: #006CB4 !important;

font-size: 20px !important;

font-weight: 700 !important;

}


/* زر الإضافة قريب من السعر */

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-content-footer {

margin-top: 4px !important;

padding-top: 0 !important;

gap: 8px !important;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

salla-add-product-button

.s-button-element:not(:disabled):not([aria-disabled="true"]) {

min-height: 46px !important;

width: 100% !important;

border: 1px solid #006CB4 !important;

border-radius: 12px !important;

background: #fff !important;

color: #006CB4 !important;

box-shadow: none !important;

font-weight: 600 !important;

}


/* المفضلة أعلى الصورة، مع الاحتفاظ بوظيفتها الأصلية */

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

button.s-product-card-wishlist-btn {

position: absolute !important;

top: 14px !important;

left: 14px !important;

right: auto !important;

bottom: auto !important;

z-index: 3;

width: 38px !important;

height: 38px !important;

margin: 0 !important;

border: 1px solid #DCEAF3 !important;

background: #fff !important;

box-shadow: 0 3px 12px #002D6510 !important;

}


/* تفاعل بسيط على الكمبيوتر */

@media (hover: hover) and (pointer: fine) {

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-vertical:hover {

border-color: #25CAD3 !important;

box-shadow: 0 10px 26px #002D6512 !important;

transform: translateY(-3px);

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

salla-add-product-button

.s-button-element:not(:disabled):not([aria-disabled="true"]):hover {

background: #006CB4 !important;

color: #fff !important;

}

}


/* الهاتف */

@media (max-width: 767px) {

body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-vertical > .s-product-card-content {

padding: 12px !important;

gap: 8px !important;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

.s-product-card-content-title {

font-size: 13px !important;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

:is(.s-product-card-price, .s-product-card-sale-price) {

font-size: 18px !important;

}


body.theme-raed.index #main-content

:is(salla-products-list, salla-products-slider)

button.s-product-card-wishlist-btn {

top: 10px !important;

left: 10px !important;

width: 34px !important;

height: 34px !important;

}

}

/* إظهار البانرات أسفل الهيرو كاملة */

.rs-banners-after-hero .banner-entry {

width: 100% !important;

height: auto !important;

min-height: 0 !important;

aspect-ratio: 2 / 1 !important;

padding: 0 !important;


background-size: contain !important;

background-position: center !important;

background-repeat: no-repeat !important;

}


/* عندما يكون البانر صورة داخل العنصر */

.rs-banners-after-hero .banner-entry picture {

display: block !important;

width: 100% !important;

height: 100% !important;

}


.rs-banners-after-hero .banner-entry img {

display: block !important;

width: 100% !important;

height: 100% !important;

min-height: 0 !important;

max-height: none !important;

object-fit: contain !important;

object-position: center !important;

transform: none !important;

}


/* إلغاء أي تكبير عند مرور المؤشر */

.rs-banners-after-hero .banner-entry:hover img {

transform: none !important;

}

/* =====================================

رواء صافي — كروت صفحات التصنيف

===================================== */


/* شبكة المنتجات */

body.theme-raed.product-index

salla-products-list[data-testid="store-products-list"]

.s-products-list-wrapper {

display: grid !important;

grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

gap: 24px !important;

align-items: stretch !important;

}


/* الكارت */

body.theme-raed.product-index

.container--products-list .s-product-card-entry {

position: relative !important;

display: flex !important;

flex-direction: column !important;

width: 100% !important;

min-width: 0 !important;

height: auto !important;

margin: 0 !important;

overflow: hidden !important;

background: #fff !important;

border: 1px solid #dceaf3 !important;

border-radius: 18px !important;

box-shadow: 0 6px 20px rgba(0, 45, 101, 0.045);

transition: transform .25s ease,

box-shadow .25s ease,

border-color .25s ease;

}


/* صورة المنتج */

body.theme-raed.product-index

.container--products-list .s-product-card-image {

position: relative !important;

flex: 0 0 auto !important;

width: 100% !important;

height: auto !important;

min-height: 0 !important;

aspect-ratio: 3 / 2 !important;

overflow: hidden !important;

background: #f2fafd !important;

}


body.theme-raed.product-index

.container--products-list .s-product-card-image > a {

display: block !important;

width: 100% !important;

height: 100% !important;

}


body.theme-raed.product-index

.container--products-list .s-product-card-image img {

display: block !important;

width: 100% !important;

height: 100% !important;

object-fit: contain !important;

object-position: center !important;

}


/* إطار خفيف حول الصورة */

body.theme-raed.product-index

.container--products-list .s-product-card-image::after {

content: "";

position: absolute;

inset: 8px;

border: 1px solid rgba(0, 108, 180, .15);

border-radius: 12px;

pointer-events: none;

}


/* محتوى الكارت: إزالة التمدد والفراغ الكبير */

body.theme-raed.product-index

.container--products-list .s-product-card-content {

display: flex !important;

flex-direction: column !important;

justify-content: flex-start !important;

flex: 0 0 auto !important;

height: auto !important;

min-height: 0 !important;

padding: 16px !important;

gap: 10px !important;

}


body.theme-raed.product-index

.container--products-list .s-product-card-content-main {

display: flex !important;

flex-direction: column !important;

flex: 0 0 auto !important;

height: auto !important;

min-height: 0 !important;

margin: 0 !important;

padding: 0 !important;

gap: 8px !important;

}


/* عنوان المنتج */

body.theme-raed.product-index

.container--products-list .s-product-card-content-title {

height: auto !important;

min-height: 3.4em !important;

margin: 0 !important;

padding: 0 !important;

font-size: 15px !important;

line-height: 1.7 !important;

text-align: center !important;

}


body.theme-raed.product-index

.container--products-list .s-product-card-content-title a {

display: -webkit-box !important;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden !important;

color: #002d65 !important;

font-weight: 700 !important;

line-height: inherit !important;

}


/* السعر قريب من العنوان */

body.theme-raed.product-index

.container--products-list .s-product-card-content-sub {

display: flex !important;

align-items: center !important;

justify-content: center !important;

flex: 0 0 auto !important;

min-height: 28px !important;

margin: 0 !important;

padding: 0 !important;

gap: 8px !important;

}


body.theme-raed.product-index

.container--products-list :is(

.s-product-card-price,

.s-product-card-sale-price

) {

margin: 0 !important;

color: #006cb4 !important;

font-size: 20px !important;

font-weight: 800 !important;

line-height: 1.4 !important;

}


/* زر الإضافة للسلة */

body.theme-raed.product-index

.container--products-list .s-product-card-content-footer {

display: flex !important;

align-items: center !important;

margin: 4px 0 0 !important;

padding: 0 !important;

}


body.theme-raed.product-index

.container--products-list salla-add-product-button {

display: block !important;

flex: 1 1 auto !important;

width: 100% !important;

min-width: 0 !important;

}


body.theme-raed.product-index

.container--products-list

salla-add-product-button .s-button-element {

width: 100% !important;

min-height: 46px !important;

border: 1px solid #006cb4 !important;

border-radius: 12px !important;

background: #fff !important;

color: #006cb4 !important;

font-weight: 700 !important;

}


/* المفضلة: وضع الحاوية فقط لمنع تكرار التمركز */

body.theme-raed.product-index

.container--products-list

.s-product-card-image > salla-button.s-product-card-wishlist-btn {

position: absolute !important;

inset: auto !important;

top: 14px !important;

left: 14px !important;

z-index: 3 !important;

width: 38px !important;

height: 38px !important;

}


body.theme-raed.product-index

.container--products-list

salla-button.s-product-card-wishlist-btn > button {

position: static !important;

width: 100% !important;

height: 100% !important;

margin: 0 !important;

border: 1px solid #dceaf3 !important;

border-radius: 50% !important;

background: #fff !important;

}


/* تأثيرات الكمبيوتر */

@media (hover: hover) and (prefers-reduced-motion: no-preference) {

body.theme-raed.product-index

.container--products-list .s-product-card-entry:hover {

transform: translateY(-3px);

border-color: #25cad3 !important;

box-shadow: 0 12px 28px rgba(0, 45, 101, .09);

}


body.theme-raed.product-index

.container--products-list

salla-add-product-button .s-button-element:not(:disabled):hover {

background: #006cb4 !important;

color: #fff !important;

}

}


/* الهاتف والتابلت: منتجان في الصف */

@media (max-width: 1023px) {

body.theme-raed.product-index

salla-products-list[data-testid="store-products-list"]

.s-products-list-wrapper {

grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

gap: 14px !important;

}

}


/* ضبط تفاصيل الهاتف */

@media (max-width: 767px) {

body.theme-raed.product-index

.container--products-list .s-product-card-content {

padding: 12px !important;

gap: 8px !important;

}


body.theme-raed.product-index

.container--products-list .s-product-card-content-title {

font-size: 13px !important;

}


body.theme-raed.product-index

.container--products-list :is(

.s-product-card-price,

.s-product-card-sale-price

) {

font-size: 18px !important;

}


body.theme-raed.product-index

.container--products-list

salla-add-product-button .s-button-element {

min-height: 44px !important;

padding-inline: 6px !important;

font-size: 12px !important;

}


body.theme-raed.product-index

.container--products-list

.s-product-card-image > salla-button.s-product-card-wishlist-btn {

top: 10px !important;

left: 10px !important;

width: 34px !important;

height: 34px !important;

}

}

/* ==========================================

رواء صافي — تنسيق صفحة المنتج

========================================== */


/* المسافات بين أقسام صفحة المنتج */

#main-content:has(.container--product-details) {

row-gap: 28px !important;

}


#main-content:has(.container--product-details) > * {

margin-top: 0 !important;

}


#main-content:has(.container--product-details)

> .s-blocks-wrapper:empty {

display: none !important;

}


/* توزيع الصور ومعلومات المنتج */

.container--product-details > [id^="product-"] {

gap: 32px !important;

align-items: flex-start !important;

}


.container--product-details > [id^="product-"] > .sidebar,

.container--product-details > [id^="product-"] > .main-content {

box-sizing: border-box !important;

min-width: 0 !important;

margin-inline: 0 !important;

}


.container--product-details > [id^="product-"] > .main-content {

position: static !important;

overflow: visible !important;

background: #fff;

border: 1px solid #dceaf3;

border-radius: 22px;

padding: 26px;

box-shadow: 0 8px 28px rgba(0, 45, 101, .045);

}


/* معرض الصور */

.container--product-details

[data-testid="store-product-image-slider"] {

display: block;

border-radius: 22px !important;

}


.container--product-details

[data-testid="store-product-image-slider"]

> .s-slider-container {

background: #f2fafd !important;

border: 1px solid #dceaf3;

border-radius: 22px !important;

overflow: hidden !important;

}


.container--product-details

[data-testid="store-product-image-slider"]

.magnify-wrapper img {

object-fit: contain !important;

object-position: center !important;

border-radius: 18px;

}


/* الصور المصغرة */

.container--product-details .s-slider-thumbs {

margin-top: 12px !important;

}


.container--product-details

.s-slider-thumbs .swiper-slide {

box-sizing: border-box;

overflow: hidden;

border: 1px solid #dceaf3 !important;

border-radius: 12px !important;

background: #f2fafd;

}


.container--product-details

.s-slider-thumbs .swiper-slide-thumb-active {

border-color: #006cb4 !important;

box-shadow: inset 0 0 0 1px #006cb4;

}


.container--product-details .s-slider-thumbs img {

object-fit: contain !important;

border-radius: 10px !important;

}


/* عنوان المنتج */

.container--product-details

[data-testid="store-product-title"] {

margin: 0 0 12px !important;

color: #002d65 !important;

font-size: clamp(21px, 2vw, 28px) !important;

font-weight: 800 !important;

line-height: 1.7 !important;

}


/* السعر الرئيسي */

.container--product-details

[data-testid="store-product-price"] {

flex-wrap: wrap;

margin-bottom: 18px !important;

color: #006cb4;

}


.container--product-details

[data-testid="store-product-price"] p {

margin: 0 !important;

color: #006cb4 !important;

font-size: 26px !important;

font-weight: 800 !important;

}


/* وصف المنتج */

.container--product-details

[data-testid="store-product-description"] {

margin: 0 0 18px !important;

padding: 18px !important;

background: #f2fafd;

border: 1px solid #e0eef5;

border-radius: 16px;

color: #002d65 !important;

font-size: 14px;

line-height: 1.95 !important;

overflow-wrap: anywhere;

}


.container--product-details .article--main p {

margin: 0 0 10px;

}


.container--product-details .article--main strong {

color: #002d65;

font-weight: 800;

}


.container--product-details .article--main ul,

.container--product-details .article--main ol {

margin-block: 10px;

padding-inline-start: 22px;

}


.container--product-details .article--main li {

margin-bottom: 6px;

}


.container--product-details .article--main table {

width: 100%;

border-collapse: collapse;

}


.container--product-details .article--main th,

.container--product-details .article--main td {

padding: 10px;

border: 1px solid #dceaf3;

text-align: start;

}


/* معلومات الوزن والخيارات */

.container--product-details

[data-testid="store-product-form"] > section {

padding: 16px !important;

margin-bottom: 14px !important;

background: #f2fafd !important;

border: 1px solid #dceaf3;

border-radius: 14px !important;

}


.container--product-details .form-label,

.container--product-details .product-weight {

color: #002d65 !important;

}


/* السعر الإجمالي */

.container--product-details .total-price {

color: #006cb4 !important;

font-weight: 800 !important;

}


/* منطقة الكمية والشراء */

.container--product-details .sticky-product-bar {

border: 1px solid #dceaf3;

border-radius: 16px !important;

background: #fff !important;

padding: 16px !important;

}


.container--product-details .sticky-product-bar__quantity {

margin-bottom: 12px !important;

gap: 12px;

}


/* اختيار الكمية */

.container--product-details .s-quantity-input-container {

min-height: 44px;

overflow: hidden;

border: 1px solid #dceaf3 !important;

border-radius: 12px !important;

background: #fff;

}


.container--product-details .s-quantity-input-button {

color: #006cb4 !important;

background: #f2fafd !important;

}


.container--product-details .s-quantity-input-input {

color: #002d65 !important;

font-weight: 700;

}


/* زر الإضافة الرئيسي */

.container--product-details

salla-add-product-button[data-testid="store-product-add-to-cart"] {

display: block;

width: 100% !important;

margin-top: 12px !important;

}


.container--product-details

button[data-testid="store-product-add-to-cart"] {

min-height: 50px !important;

border: 1px solid #006cb4 !important;

border-radius: 13px !important;

background: #006cb4 !important;

color: #fff !important;

font-size: 16px !important;

font-weight: 800 !important;

}


/* أزرار المشاركة والمفضلة */

.container--product-details button.s-social-share-btn,

.container--product-details button.btn--wishlist {

border-color: #dceaf3 !important;

border-radius: 12px !important;

background: #fff !important;

color: #006cb4 !important;

}


/* التقييمات */

#main-content:has(.container--product-details)

.s-comments-container {

border: 1px solid #dceaf3;

border-radius: 18px;

background: #fff;

padding: 20px;

}


/* ==========================================

كروت المنتجات المقترحة

========================================== */


#main-content [data-testid="store-product-related"] {

display: block;

margin-top: 0 !important;

}


#main-content

[data-testid="store-product-related"]

.s-slider-block__title h2 {

color: #002d65 !important;

font-size: 22px;

font-weight: 800;

}


/* شكل الكارت */

#main-content

[data-testid="store-product-related"]

.s-product-card-entry {

position: relative !important;

display: flex !important;

flex-direction: column !important;

width: 100% !important;

min-width: 0 !important;

height: auto !important;

overflow: hidden !important;

border: 1px solid #dceaf3 !important;

border-radius: 18px !important;

background: #fff !important;

box-shadow: 0 6px 20px rgba(0, 45, 101, .045);

}


/* صورة الكارت */

#main-content

[data-testid="store-product-related"]

.s-product-card-image {

position: relative !important;

flex: 0 0 auto !important;

width: 100% !important;

height: auto !important;

min-height: 0 !important;

aspect-ratio: 3 / 2 !important;

background: #f2fafd !important;

overflow: hidden !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-image > a {

display: block !important;

width: 100% !important;

height: 100% !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-image img {

width: 100% !important;

height: 100% !important;

object-fit: contain !important;

object-position: center !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-image::after {

content: "";

position: absolute;

inset: 8px;

border: 1px solid rgba(0, 108, 180, .15);

border-radius: 12px;

pointer-events: none;

}


/* إزالة الفراغ بين العنوان والسعر */

#main-content

[data-testid="store-product-related"]

.s-product-card-content {

display: flex !important;

flex-direction: column !important;

justify-content: flex-start !important;

flex: 0 0 auto !important;

height: auto !important;

min-height: 0 !important;

padding: 16px !important;

gap: 10px !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-content-main {

flex: 0 0 auto !important;

height: auto !important;

min-height: 0 !important;

margin: 0 !important;

padding: 0 !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-content-title {

height: auto !important;

min-height: 3.4em !important;

margin: 0 !important;

font-size: 15px !important;

line-height: 1.7 !important;

text-align: center !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-content-title a {

display: -webkit-box !important;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

color: #002d65 !important;

font-weight: 700 !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-content-sub {

display: flex !important;

justify-content: center !important;

align-items: center !important;

flex: 0 0 auto !important;

min-height: 28px !important;

margin: 0 !important;

padding: 0 !important;

gap: 8px !important;

}


#main-content

[data-testid="store-product-related"]

:is(.s-product-card-price, .s-product-card-sale-price) {

margin: 0 !important;

color: #006cb4 !important;

font-size: 20px !important;

font-weight: 800 !important;

}


/* زر السلة داخل الكارت */

#main-content

[data-testid="store-product-related"]

.s-product-card-content-footer {

margin: 4px 0 0 !important;

padding: 0 !important;

}


#main-content

[data-testid="store-product-related"]

salla-add-product-button {

display: block !important;

flex: 1 1 auto !important;

width: 100% !important;

min-width: 0 !important;

}


#main-content

[data-testid="store-product-related"]

salla-add-product-button .s-button-element {

width: 100% !important;

min-height: 46px !important;

border: 1px solid #006cb4 !important;

border-radius: 12px !important;

background: #fff !important;

color: #006cb4 !important;

font-weight: 700 !important;

}


/* المفضلة أعلى الصورة */

#main-content

[data-testid="store-product-related"]

.s-product-card-image > salla-button.s-product-card-wishlist-btn {

position: absolute !important;

inset: auto !important;

top: 12px !important;

left: 12px !important;

z-index: 3 !important;

width: 36px !important;

height: 36px !important;

}


#main-content

[data-testid="store-product-related"]

salla-button.s-product-card-wishlist-btn > button {

position: static !important;

width: 100% !important;

height: 100% !important;

border: 1px solid #dceaf3 !important;

border-radius: 50% !important;

background: #fff !important;

}


/* توزيع صفحة المنتج على الكمبيوتر */

@media (min-width: 768px) {

.container--product-details

> [id^="product-"] > .sidebar,

.container--product-details

> [id^="product-"] > .main-content {

flex: 1 1 0% !important;

width: 0 !important;

}

}


/* الهاتف */

@media (max-width: 767px) {

#main-content:has(.container--product-details) {

row-gap: 20px !important;

}


.container--product-details > [id^="product-"] {

gap: 18px !important;

}


.container--product-details

> [id^="product-"] > .sidebar {

width: 100% !important;

margin-bottom: 0 !important;

}


.container--product-details

> [id^="product-"] > .main-content {

width: 100% !important;

padding: 16px !important;

border-radius: 18px;

}


.container--product-details

[data-testid="store-product-title"] {

font-size: 21px !important;

line-height: 1.65 !important;

margin-bottom: 10px !important;

}


.container--product-details

[data-testid="store-product-description"] {

padding: 14px !important;

font-size: 14px;

}


/* رفع شريط الشراء عندما يكون مثبتًا */

html.rs-has-mobile-nav

.container--product-details .sticky-product-bar {

bottom: calc(var(--rs-nav-height, 68px) + 8px) !important;

z-index: 998 !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-content {

padding: 12px !important;

gap: 8px !important;

}


#main-content

[data-testid="store-product-related"]

.s-product-card-content-title {

font-size: 13px !important;

}


#main-content

[data-testid="store-product-related"]

:is(.s-product-card-price, .s-product-card-sale-price) {

font-size: 18px !important;

}


#main-content

[data-testid="store-product-related"]

salla-add-product-button .s-button-element {

min-height: 44px !important;

padding-inline: 6px !important;

font-size: 12px !important;

}

}