/* ============================
تنسيق العناوين والخطوط (تم إصلاحها)
============================= */
#main-content > section > div > div > h2 {
position: relative;
padding-bottom: 25px;
}

#main-content > section > div > div > h2::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 10px;
height: 10px;
background: #AC3E5B;
border: 2px solid #E8A7B9;
border-radius: 50%;
}

#main-content > section > div > div > h2::before {
content: "";
position: absolute;
left: 50%;
bottom: 4px;
transform: translateX(-50%);
width: 80px;
height: 1.5px;
background: linear-gradient(90deg, #FEF9F6 0%, #E8A7B9 30%, #AC3E5B 50%, #E8A7B9 70%, #FEF9F6 100%);
}

/* رسم الخط الرفيع تحت العناوين */
.sand-feature a > div.text > h4::after,
.sand-feature > div > div > div::after {
content: '' !important;
position: absolute !important;
bottom: -6px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 50% !important;
height: 3px !important;
background: #E8A7B9 !important;
opacity: 0.7 !important;
border-radius: 10px !important;
z-index: 1 !important;
}

/* إضافة مهمة (عشان الـ ::after يظهر فوق الكلمة) */
.sand-feature a > div.text > h4,
.sand-categories-02 a h4 {
position: relative !important; 
display: inline-block !important; /* عشان العرض يبقى حسب النص */
}

/* *************** */

/* تخصيص التحديد */
::selection {
background: #AC3E5B;
color: #FEF9F6;
}
::-moz-selection {
background: #AC3E5B;
color: #FEF9F6;
}

/* شريط التمرير */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #FEF9F6;
border-radius: 999px;
}
::-webkit-scrollbar-thumb {
background: #AC3E5B !important;
border: 2px solid #FEF9F6 !important;
border-radius: 999px;
background-clip: padding-box;
transition: background-color .35s ease;
}
::-webkit-scrollbar-thumb:hover {
background: #E9A9BB !important;
border-color: #FEF9F6 !important;
}
::-webkit-scrollbar-thumb:active {
background: #E9A9BB !important;
border-color: #FEF9F6 !important;
}
html {
scrollbar-width: thin;
scrollbar-color: #AC3E5B #FEF9F6;
}

/* تخطيطات المنتجات والبانرات */
.s-block.s-block-tabs.s-block--tabs-produtcs.s-block--full-bg,
#featured-products-style2-4 {
background: var(--color-background-store) !important; 
}
 #swiper-wrapper-ed1e2352ff48cc74, .sand-categories-02 salla-slider .swiper-wrapper {
margin: auto !important;
justify-content: center !important;
} 

@media (min-width: 767px) {
.sand-feature > div > div {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}

.sand-banners.py-16 > div > div > div > div.flex.flex-col.justify-start.relative.z-10 > a {
display: none !important;
}
.sand-feature {
overflow: hidden !important;
margin: auto !important;
text-align: center !important;
}
.sand-feature *, .sand-feature {
margin: auto !important;
text-align: center !important;
justify-content: center !important;
}

@media (max-width: 767px) {
.s-product-card-entry {
width: 11rem;
max-width: 11rem;
}

#main-content > div.container  > div > div > div  ,.s-products-list-vertical-cards ,
salla-products-list{
margin-top: 0.25rem !important;
padding-top: 0.25rem !important;
}
.sand-feature > div > div > div > div, 
.sand-feature > div > div > div > div > img {
width: 4rem !important;
max-width: 4rem !important;
margin: auto !important;
}
.sand-banners> div > div > div > div.absolute.inset-0 {
background-repeat: no-repeat;
background-size: contain;
object-fit: contain;
}
}

.s-block.s-block--fixed-banner.wide-placeholder .container {
width: 100% !important;
max-width: 100% !important;
}

/* تنسيق أشكال الفئات */
.sand-categories-category a > div > div {
border-radius: 50% 50% 50% 20%;
overflow: hidden;
transition: .4s ease;
}
.sand-categories-category:hover a > div > div {
transform: scale(.95) rotate(-3deg);
}

/* ******** */

/* custom-salla-product-card {
position: relative;
overflow: hidden;
border-radius: 15px !important;
padding: 0.4rem !important;
will-change: transform;
transform: translateZ(0);
backface-visibility: hidden;
transition: transform .35s ease, box-shadow .35s ease;
}
custom-salla-product-card::before,
custom-salla-product-card::after {
content: "";
position: absolute;
width: 20px;
height: 20px;
pointer-events: none;
z-index: 2;
transition: width .45s cubic-bezier(0.22,1,0.36,1), height .45s cubic-bezier(0.22,1,0.36,1);
}
custom-salla-product-card::before {
top: 0;
left: 0;
border-top: 2px solid #AC3E5B;
border-left: 2px solid #AC3E5B;
border-radius: 15px 0 0 0;
}
custom-salla-product-card::after {
right: 0;
bottom: 0;
border-right: 2px solid #E8A7B9;
border-bottom: 2px solid #E8A7B9;
border-radius: 0 0 15px 0;
}
custom-salla-product-card:hover::before,
custom-salla-product-card:hover::after {
width: calc(100% - 10px);
height: calc(100% - 10px);
}
custom-salla-product-card:hover {
transform: translate3d(0,-5px,0);
box-shadow: 0 12px 28px rgba(172,62,91,.12);
}
custom-salla-product-card > * {
position: relative;
z-index: 3;
}
.swiper-wrapper,
.swiper-slide,
custom-salla-product-card {
backface-visibility: hidden;
transform-style: preserve-3d;
}
.swiper-slide {
transform: translateZ(0);
} */


/* ==========================================
1. الكارد الأساسي (Minimal Glow)
========================================== */

custom-salla-product-card::before,
custom-salla-product-card::after {
display: none !important;
}

custom-salla-product-card {
position: relative;
overflow: hidden;
border-radius: 20px !important;
padding: 0.8rem !important;
background: #ffffff;
border: 1px solid rgba(60, 128, 237, 0.08);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
will-change: transform, box-shadow, background;
}

custom-salla-product-card:hover {
transform: translateY(-6px) scale(1.005);
background: #f5dee4;
border-color: #ac3e5b;
box-shadow: 
0 20px 40px -12px rgba(233, 169, 187, 0.35),
0 4px 18px -6px rgba(233, 169, 187, 0.15);
}

custom-salla-product-card > * {
position: relative;
z-index: 2;
}

/* ==========================================
2. الوهج في الزاوية العليا
========================================== */

custom-salla-product-card::after {
content: '' !important;
position: absolute !important;
top: -20% !important;
right: -20% !important;
width: 60px !important;
height: 60px !important;
background: radial-gradient(circle, rgba(233, 169, 187, 0.8) 0%, transparent 70%);
border-radius: 50% !important;
pointer-events: none !important;
opacity: 0 !important;
z-index: 0 !important;
transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

custom-salla-product-card:hover::after {
opacity: 1 !important;
}

/* ==========================================
3. اللمعة الزجاجية / البلاستيكية الناعمة والشفافة
(خفيفة جداً زي انعكاس الضوء على الزجاج)
========================================== */

.s-product-card-image {
position: relative !important;
overflow: hidden !important;
border-radius: 16px !important;
display: block !important;
}

.s-product-card-image::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -120% !important;
width: 50% !important;
height: 100% !important;
background: linear-gradient(
100deg,
transparent 0%,
rgba(251, 218, 224, 0.25) 35%,
rgba(251, 218, 224, 0.4) 50%,
rgba(251, 218, 224, 0.15) 65%,
transparent 100%
) !important;
transform: skewX(-25deg) !important;
z-index: 10 !important;
pointer-events: none !important;
border-radius: inherit !important;
transition: left 1.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

custom-salla-product-card:hover .s-product-card-image::after {
left: 130% !important;
}


/* ************************ */

/* بانرات الصور */
.sand-banners > div > div > div,
.sand-banners > div > div {
margin: 0.9rem !important;
}
#main-content > section.sand-banners.py-16.block.block > div > div > div {
position: relative;
overflow: hidden;
transition: .35s ease;
}
#main-content > section.sand-banners.py-16.block.block > div > div > div > * {
transition: transform .35s ease;
transform-origin: center;
}
#main-content > section.sand-banners.py-16.block.block > div > div > div:hover > * {
transform: scale(.94);
}
#main-content > section.sand-banners.py-16.block.block > div > div > div:hover {
border-color: #AC3E5B;
box-shadow: 0 15px 35px rgba(172,62,91,.18), 0 0 0 8px rgba(246,227,233,.65);
}

/* تأثيرات إضافية تحت النصوص */
.sand-categories-02 a h4::after, 
.sand-feature > div > div > div::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
right: 50% !important;
height: 1rem !important;
width: 5rem !important;
transform: translateX(50%) !important;
margin:auto !important;
text-align:center !important;
background: #E8A7B9 !important;
opacity: 0.4 !important;
border-radius: 1rem !important;
z-index: -1 !important;
}

/* أزرار التبويبات */
#featured-products-style2-4 > div > div.tabs.hide-scroll > salla-button > button > span {
color: #E9A9BB !important;
}
#featured-products-style2-4 > div > div.tabs.hide-scroll > salla-button > button {
border-color: #E9A9BB !important;
}
.sand-feature.py-16.block.block > div > div > div > p {
font-size: 0.77rem !important;
height: 1.8rem !important;
overflow: hidden;
}

/* ****** */

#main-content > section  > div , .s-product-card-content-sub {
margin: auto !important;
text-align: center !important;
}

.sand-slider-simple{
margin-top: 2rem !important;
}
#featured-products-style2-4{
padding-top: 0 !important;
}