/* undefined image */
.rounded-generalButtons{
  display: none;
}
/* =========================
Product Description Layout
========================= */

.product__description{
    padding:20px !important;
    border-radius:24px;
    overflow:hidden;
}


/* =========================
Reveal Animation
========================= */

.product__description ul li,
.product__description ol li,
.product__description img{

    opacity:0;
    transform:translateY(35px);

    transition:
    opacity .7s ease,
    transform .7s ease;

}


.product__description .show-item{

    opacity:1 !important;
    transform:translateY(0) !important;

}


.product__description li:nth-child(1){transition-delay:.1s;}
.product__description li:nth-child(2){transition-delay:.2s;}
.product__description li:nth-child(3){transition-delay:.3s;}
.product__description li:nth-child(4){transition-delay:.4s;}
.product__description li:nth-child(5){transition-delay:.5s;}
.product__description li:nth-child(6){transition-delay:.6s;}


/* =========================
Accordion Scroll Animation
========================= */

.product__description .accordion-title{

opacity:0;

transform:
translateY(50px)
scale(.95);

transition:
opacity .8s ease,
transform .8s ease,
box-shadow .4s ease;

}


.product__description .accordion-visible{

opacity:1 !important;

transform:
translateY(0)
scale(1);

}


/* Hover effect */

.product__description .accordion-title:hover{

transform:
translateY(-3px);

box-shadow:
0 15px 35px rgba(0,0,0,.2);

}


/* Accordion open animation */

.product__description .accordion-content{

max-height:0;

opacity:0;

overflow:hidden;

transform:translateY(-10px);

transition:

max-height .7s ease,
opacity .5s ease,
transform .5s ease;

}


.product__description .accordion-content.active{

opacity:1;

transform:translateY(0);

}


/* =========================
Accordion Titles
========================= */

.product__description .accordion-title{

    display:flex;
    align-items:center;

    background:
    linear-gradient(
    135deg,
    #111,
    #2b2b2b
    );

    color:#fff;

    padding:18px 22px;

    border-radius:18px;

    margin:30px 0 15px;

    font-size:18px;
    font-weight:700;

    cursor:pointer;

    position:relative;

    box-shadow:
    0 10px 25px rgba(0,0,0,.15);

}


.product__description .accordion-title strong{

font-weight:700;

}


.product__description .accordion-title::before{

    content:"";

    width:4px;
    height:70%;

    margin-left:12px;

    border-radius:50px;

    background:
    linear-gradient(
    to bottom,
    #c89d5c,
    #f3d09a
    );

}


.product__description .accordion-title::after{

    content:"+";

    position:absolute;

    left:20px;

    font-size:24px;
    font-weight:700;

    transition:.4s;

}


.product__description .accordion-title.active::after{

    transform:rotate(45deg);

}


/* =========================
Accordion Content
========================= */

.product__description .accordion-content{

    max-height:0;

    overflow:hidden;

    opacity:0;

    transition:
    max-height .6s ease,
    opacity .4s ease,
    margin .3s ease;

}


.product__description .accordion-content.active{

    opacity:1;
    margin-top:15px;

}



/* =========================
Feature Cards
========================= */

.product__description ul{

    padding:0;
    margin:0;

    display:grid;
    gap:16px;

    list-style:none;

}


.product__description ul li{

    background:#fff;

    padding:18px 70px 18px 25px;

    border-radius:20px;

    position:relative;

    box-shadow:
    0 5px 15px rgba(0,0,0,.08);

    transition:.4s;

}


.product__description ul li::before{

    content:"✓";

    position:absolute;

    right:18px;
    top:50%;

    transform:translateY(-50%);

    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#111;
    color:#fff;

    font-weight:bold;

}


.product__description ul li:hover,
.product__description ol li:hover{

    transform:translateY(-6px);

    box-shadow:
    0 15px 30px rgba(0,0,0,.15);

}


.product__description ul li p{

    margin:0;
    line-height:1.9;

}


/* =========================
Dimensions Cards
========================= */

.product__description ul:nth-of-type(3){

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:15px;

}


.product__description ul:nth-of-type(3) li{

text-align:center;

background:
linear-gradient(
135deg,
#111,
#333
);

color:#fff;

}


.product__description ul:nth-of-type(3) li::before{

display:none;

}


/* =========================
Cleaning Steps
========================= */

.product__description ol{

padding:0;
margin:0;

counter-reset:steps;

}


.product__description ol li{

list-style:none;

padding:24px 90px 24px 25px;

margin-bottom:20px;

background:#fff;

border-radius:20px;

position:relative;

counter-increment:steps;

box-shadow:
0 5px 15px rgba(0,0,0,.08);

}


.product__description ol li::marker{

font-size:0;

}


.product__description ol li::before{

content:counter(steps);

position:absolute;

right:20px;
top:50%;

transform:translateY(-50%);

width:40px;
height:40px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

background:#111;
color:white;

font-weight:700;

}


/* =========================
Product Image
========================= */

.product__description img{

display:block;

width:100% !important;
max-width:650px !important;

height:auto !important;

margin:40px auto !important;

padding:14px;

background:#fff;

border-radius:24px;

object-fit:contain;

box-shadow:
0 15px 35px rgba(0,0,0,.12);

transition:.5s;

}


.product__description img:hover{

transform:scale(1.03);

}


/* =========================
Responsive
========================= */

@media(max-width:768px){

.product__description{

padding:10px !important;

}

.product__description .accordion-title{

font-size:16px;

padding:15px;

}

.product__description ul:nth-of-type(3){

grid-template-columns:1fr;

}

.product__description ul li,
.product__description ol li{

padding:18px 65px 18px 18px;

}

.product__description ul li::before,
.product__description ol li::before{

right:15px;

width:34px;
height:34px;

}

.product__description img{

max-width:100% !important;

}

}

/* =========================================
   Smooth Infinite Brands Slider
========================================= */

.s-block--logos-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* السطر المتحرك */
.s-block--logos-slider .grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 20px;

    width: max-content;

    /* الحركة الناعمة */
    animation: smoothLoopRight 35s linear infinite;

    will-change: transform;
}

/* الكارد */
.s-block--logos-slider .brand-item {
    min-width: 240px;
    height: 120px !important;

    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    border-radius: 18px;

    padding: 20px;

    transition: transform .3s ease;
}

/* الصور */
.s-block--logos-slider .brand-item img {
    max-width: 100%;
    max-height: 70px;
    object-fit: contain;

    transition: .3s ease;
}

/* Hover */
.s-block--logos-slider .brand-item:hover {
    transform: translateY(-4px);
}

.s-block--logos-slider .brand-item:hover img {
    transform: scale(1.04);
}

/* الحركة لليمين بشكل ناعم */
@keyframes smoothLoopRight {

    0% {
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        transform: translate3d(0%, 0, 0);
    }
}

/* موبايل */
@media (max-width: 768px) {

    .s-block--logos-slider .grid {
        gap: 14px;
        animation-duration: 22s;
    }

    .s-block--logos-slider .brand-item {
        min-width: 170px;
        height: 90px !important;
        padding: 14px;
    }

    .s-block--logos-slider .brand-item img {
        max-height: 50px;
    }
}

custom-salla-product-card {
    border: 1px solid #000 !important;
    border-radius: 12px; 
}
.theme-toggle-icon{
  display: none !important;
}


/*product page   */
/* ضبط الجريد */
.s-products-list-vertical-cards{
    display:grid !important;

    /* الكارد ياخد أقل عرض 220px ويكبر حسب المساحة */
    grid-template-columns: repeat(auto-fit,minmax(220px,1fr)) !important;

    gap:12px !important;
    padding:0 !important;
}


/* تقصير الكارد نفسه */
.s-product-card-entry{
    max-width:none !important;
    width:100% !important;
    border-radius:14px;
}


/* تصغير جزء الصورة */
.s-product-card-image{
    height:180px !important;
}

.s-product-card-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}


/* تقليل المسافات الداخلية */
.s-product-card-content{
    padding:10px !important;
}

/* تقليل ارتفاع الزر */
.s-product-card-content-footer .s-button-element{
    min-height:38px !important;
    font-size:13px;
}

/* دمج الصورة مع الكارد */
.s-product-card-entry{
    background:#fff !important;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,.06);
}

.s-product-card-image{
    background:#fff !important;
    border-bottom:none !important;
}

.s-product-card-content,
.s-product-card-content-main{
    background:#fff !important;
    border-top:none !important;
}

.s-product-card-image::after{
    display:none !important;
}

/* =========================
  footer
========================= */

.store-footer .store-footer__inner .container{
    display: grid !important;
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 22px;
}

/* =========================
   اللوجو والوصف
========================= */

.store-footer .store-data{
    order: 1;
    margin-top: -80px !important;
}

.store-footer .store-data img{
    width: 240px !important;
    height: auto;
    margin-bottom: 14px;
}

.store-footer .store-data .max-w-sm{
    max-width: 760px;
    color: rgba(255,255,255,.92);
    font-size: 20px;
    line-height: 2;
    margin: 0 auto !important;
    font-weight: 300;
}

/* اخفاء البادجز */

.store-footer .store-data .flex.gap-4{
    display: none !important;
}

/* =========================
   روابط الصفحات
========================= */

.store-footer .text-center{
    order: 2;
    width: 100%;
    margin-top: -5px;
}

.store-footer .text-center h3{
    display: none;
}

.store-footer .s-menu-footer-list{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    position: relative;
    padding-top: 25px;
}

/* الخط العلوي */

.store-footer .s-menu-footer-list::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 78%;
    height: 1px;
    background: rgba(255,255,255,.08);
}

/* الروابط */

.store-footer .s-menu-footer-item{
    color: #fff !important;
    font-size: 20px;
    font-weight: 300;
    position: relative;
    transition: .3s ease;
}

.store-footer .s-menu-footer-item:hover,
.store-footer .s-menu-footer-item:focus{
    color: #fff !important;
    opacity: .7;
}

/* الفواصل */

.store-footer .s-menu-footer-item:not(:last-child)::after{
    content: "";
    position: absolute;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 22px;
    background: rgba(255,255,255,.18);
}

/* =========================
   الرقم والسوشيال
========================= */

.store-footer .store-footer__inner .border-t{
    order: 3;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    margin-top: 10px !important;
    padding-top: 28px !important;
}

/* الرقم */

.store-footer #contact-slot{
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.store-footer .s-contacts-item{
    color: #fff !important;
    font-size: 18px;
    gap: 10px;
}

/* السوشيال */

.store-footer .s-social-list{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 0;
}

.store-footer .s-social-link a{
    width: 62px;
    height: 62px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
    background: transparent;
}

.store-footer .s-social-link a:hover{
    border-color: #fff;
    transform: translateY(-3px);
    background: rgba(255,255,255,.05);
}

.store-footer .s-social-icon svg{
    width: 26px;
    height: 26px;
    fill: #fff;
}

/* =========================
   وسائل الدفع والحقوق
========================= */

.store-footer .md\:flex.items-center.justify-between.py-1{
    padding-top: 25px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.store-footer .s-payments-list{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
}

/* الحقوق */

.store-footer .copyright-text,
.store-footer .copyright-text *{
    color: rgba(255,255,255,.7) !important;
    font-size: 17px;
    text-align: center;
}

/* =========================
   الموبايل
========================= */

@media(max-width:768px){

    .store-footer .store-footer__inner{
        padding-top: 20px;
    }

    .store-footer .store-data{
        margin-top: -10px !important;
    }

    .store-footer .store-data img{
        width: 180px !important;
    }

    .store-footer .store-data .max-w-sm{
        font-size: 16px;
        line-height: 1.9;
        padding: 0 15px;
    }

    .store-footer .s-menu-footer-list{
        gap: 18px;
        padding-top: 20px;
    }

    .store-footer .s-menu-footer-item{
        font-size: 16px;
    }

    .store-footer .s-menu-footer-item:not(:last-child)::after{
        display: none;
    }

    .store-footer .s-social-link a{
        width: 56px;
        height: 56px;
    }

    .store-footer .s-social-icon svg{
        width: 24px;
        height: 24px;
    }

    .store-footer .s-payments-list{
        gap: 18px;
        flex-wrap: wrap;
    }

    .store-footer .copyright-text,
    .store-footer .copyright-text *{
        font-size: 14px;
    }
}

/* ترتيب عناصر الفوتر */

.store-footer .store-footer__inner .container > div:nth-child(1){
    order: 2 !important;
}

.store-footer .store-footer__inner .container > div:nth-child(2){
    order: 1 !important;
}

.store-footer .store-footer__inner .container > div:nth-child(3){
    display: none !important;
}

/* submenu active/hover fix */

.store-header .main-menu > li:hover{
    opacity: 1 !important;
}

/* اللينكات الأساسية */

.store-header .main-menu > li > a,
.store-header .main-menu > li > a span{
    color: #fff !important;
}

/* وقت الهوفر */

.store-header .main-menu > li:hover > a,
.store-header .main-menu > li:hover > a span,
.store-header .main-menu > li.has-children:hover > a,
.store-header .main-menu > li.has-children:hover > a span{
    color: #fff !important;
    opacity: 1 !important;
}

/* submenu نفسها */

.store-header .sub-menu,
.store-header .sub-menu a,
.store-header .sub-menu a span{
    color: #fff !important;
}

/* submenu hover */

.store-header .sub-menu li:hover,
.store-header .sub-menu li:hover a,
.store-header .sub-menu li:hover span{
    color: #fff !important;
    opacity: 1 !important;
}