/* Add custom CSS styles below */

/* Add custom CSS styles below */


.product-card__addToCart__btn salla-button button {


background: #e1b3b0a1;


color: #fff;


border: 0;



}


.product-single .countdown-single {


padding: 12px !important;


display: none;


}


}




.navbar{top:0;background-color:#333}.fixed-header.inner{background-color:#C2A39D}


body.trans_header.slider_has_overlay.store-header.main-nav-container.fixed-header*:not(custom-salla-product-card*){color:var(--header-text-color);background-color:#d29998}.s-block{margin-top:2rem}


grid-template-columns:repeat(2,minmax(0,1fr));@media only screen and(max-width:768px){.object-contain{object-fit:cover;width:100%;height:100vh;display:block}}


@media only screen and(max-width:768px){.px-2\.5{padding-left:0.325rem;padding-right:0.325rem}}


@media only screen and(max-width:768px){.s-products-list-filters-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.125rem}}


@media only screen and(max-width:768px){.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}


@media only screen and(max-width:768px){.py-5{padding-top:1.25rem;padding-bottom:-55.75rem;display:none}}


@media only screen and(max-width:768px){.h-full object-cover w-full{margin-top:-1800px}}color:#d29998}.footer-is-custom.store-footer.store-footer__inner,.footer-is-custom.store-footer.store-footer__contacts-row,.footer-is-custom.store-footer.store-footer__newsletter{background-color:#d29998}.footer-is-custom.store-footer.store-footer__curve{background-color:#d29998}


@media only screen and(max-width:760px){.text-store-text-primary{height:25px}}


@media only screen and(max-width:760px){.auto-fit-grid{.store-footer{background-color:#d29998}


grid-template-columns:repeat(2,minmax(0,1fr))}}.body.trans_header.slider_has_overlay.store-header.main-nav-container.fixed-header*:not(custom-salla-product-card*){backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 6px 20px rgba(0,0,0,0.08);padding:1rem 2rem;border-radius:0 0 16px 16px;transition:all 0.3s ease-in-out;z-index:1000}.btn--primary{background-color:#d29998;color:#d29998}.s-login-modal-link{color:black}und:#d29998;border-radius:5px;bottom:-40px;right:-40px;transform:rotate(45deg);animation:floatShape2 15s infinite linear reverse}


@keyframes floatShape{0%{transform:translate(0,0)rotate(0deg)}


50%{transform:translate(40px,50px)rotate(180deg)}


100%{transform:translate(0,0)rotate(360deg)}}


@keyframes floatShape2{0%{transform:translate(0,0)rotate(45deg)}


50%{transform:translate(-50px,-40px)rotate(225deg)}


100%{transform:translate(0,0)rotate(405deg)}}.bg-store-bg-secondary:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 12px 35px rgba(210,153,152,0.25)}.bg-store-bg-secondary:hover::before{opacity:0.12;animation-duration:12s}.bg-store-bg-secondary:hover::after{opacity:0.12}.bg-store-bg-secondary>*{position:relative;z-index:1}.bg-store-bg-secondary.decorative-dot{position:absolute;width:6px;height:6px;background:rgba(210,153,152,0.15);border-radius:50%;animation:floatDot 20s infinite linear}


@keyframes floatDot{0%{transform:translate(0,0)}


25%{transform:translate(10px,15px)}


50%{transform:translate(20px,5px)}


75%{transform:translate(10px,-10px)}


100%{transform:translate(0,0)}}


@media(max-width:767px){.index.mobile_small_blocks_titles h2.text-3xl+p.text-lg{margin-top:17px}}



.bg-store-bg-secondary {


/* background: #000000; */


/* border-radius: 18px; */


border: 1px solid #d29998;


/* position: relative; */


/* overflow: hidden; */


/* padding: 25px; */


box-shadow: 0 8px 25px rgba(210, 153, 152, 0.15);


transition: all 0.4s ease;


-ms-overflow-style: none;


/* scrollbar-width: none; */


}


.s-login-modal-link {


color: #000000;


margin-top: 1.5rem;


text-align: center;


width: 100%;


}



.s-login-modal-link {


color: #000000;


margin-top: 1.5rem;


text-align: center;


width: 100%;


}



.s-login-modal-label, .s-login-modal-link {


display: block;


font-size: .875rem;


line-height: 1.25rem;


color: black;


}




/* تنسيق الجدول للجوال */


.mobile-cart-summary {


width: 100%;


margin: 15px 0;


border-collapse: collapse;


font-family: 'Tajawal', sans-serif;


}



.mobile-cart-summary td {


padding: 10px;


border-bottom: 1px solid #eee;


}



.mobile-cart-summary tr:last-child td {


border-bottom: none;


}



.mobile-cart-summary tr.total td {


font-weight: bold;


color: #000;


}



/* تنسيق الزر */


.checkout-btn {


width: 100%;


padding: 12px;


background-color: #d82e2e; /* اللون الأحمر كما في الصورة */


color: white;


border: none;


border-radius: 4px;


font-weight: bold;


cursor: pointer;


transition: background-color 0.3s;


}



.checkout-btn:hover {


background-color: #c02525;


}



/* لجعل القائمة الجانبية مناسبة للجوال */


.offcanvas-cart {


padding: 15px;


}



.mobile-summary-container {


margin-top: auto; /* ليبقى في الأسفل */


padding-top: 15px;


border-top: 1px solid #eee;


}



.promotion-banner.fixed-promotion, .animated-text.fixed-promotion {


color: white;


transform: none;


top: 0;


background-color: #d29998;


}