/* Add custom CSS styles below */ 
.s-product-card-content-footer salla-add-product-button .s-button-element,
.s-product-card-content salla-add-product-button .s-button-element {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    color: #ffffff !important;
    border: 1px solid #f97316 !important;
    border-radius: 50px !important; 
    padding: 10px 16px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.s-product-card-content salla-add-product-button .s-button-text {
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.s-product-card-content salla-add-product-button .s-button-element:hover {
    background: linear-gradient(135deg, #2b1708 0%, #43230d 100%) !important;
    border-color: #d97706 !important;
    box-shadow: 0 6px 16px rgba(43, 23, 8, 0.35) !important;
    transform: translateY(-2px) !important;
}







.s-block--banners .banner-square p {
    position: relative !important;
    display: inline-block !important;
    padding: 7px 22px !important;
    margin-top: 12px !important;
    border-radius: 50px !important;
    color: #fffbeb !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    letter-spacing: 0.3px !important;
    
   
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.28), transparent 70%) padding-box,
        linear-gradient(180deg, #3b1d0a 0%, #1f0e04 100%) padding-box,
        linear-gradient(90deg, 
            rgba(234, 88, 12, 0.1) 0%, 
            rgba(251, 191, 36, 0.95) 50%, 
            rgba(234, 88, 12, 0.1) 100%
        ) border-box !important;
    border: 1.5px solid transparent !important;
    
    box-shadow: 
        0 6px 15px -3px rgba(43, 23, 8, 0.4),
        0 0 12px rgba(234, 88, 12, 0.18),
        inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
        
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.s-block--banners .banner-square p::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 90% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(251, 191, 36, 0.12) 30%,
        rgba(253, 224, 71, 0.45) 50%,
        rgba(251, 191, 36, 0.12) 70%,
        transparent 100%
    ) !important;
    transform: skewX(-25deg) !important;
    animation: wsamRoyalShimmer 3.8s infinite ease-in-out !important;
    pointer-events: none !important;
}

@keyframes wsamRoyalShimmer {
    0% {
        left: -150%;
    }
    55%, 100% {
        left: 160%;
    }
}

.s-block--banners .banner-square:hover p {
    transform: translateY(-3px) scale(1.03) !important;
    color: #ffffff !important;
    box-shadow: 
        0 10px 20px -4px rgba(43, 23, 8, 0.55),
        0 0 18px rgba(245, 158, 11, 0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}











.s-block__title:has(+ .faqs-list) h2 {
    font-size: 2rem !important;
    font-weight: 800 !important;
    background: linear-gradient(90deg, #2b1708 0%, #c2410c 50%, #2b1708 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    position: relative !important;
    display: inline-block !important;
    margin: 0 auto 14px auto !important;
    padding-bottom: 12px !important;
}

.s-block__title:has(+ .faqs-list) h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 75px !important;
    height: 4px !important;
    border-radius: 50px !important;
    background: linear-gradient(90deg, transparent, #ea580c, #fbbf24, #ea580c, transparent) !important;
}

.s-block__title:has(+ .faqs-list) p {
    color: #78350f !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    opacity: 0.85 !important;
}

.faqs-list {
    gap: 18px !important;
}

.faqs-list__item {
    background: linear-gradient(145deg, #ffffff 0%, #fffaf5 100%) !important;
    border: 1px solid rgba(234, 88, 12, 0.16) !important;
    border-right: 4px solid #ea580c !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(43, 23, 8, 0.04) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.faqs-list__item:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(234, 88, 12, 0.4) !important;
    border-right-color: #c2410c !important;
    box-shadow: 0 12px 24px rgba(43, 23, 8, 0.09) !important;
}

.faqs-list__item label {
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    color: #2b1708 !important;
    padding: 20px 24px !important;
    transition: color 0.3s ease !important;
}

.faqs-list__item:hover label {
    color: #c2410c !important;
}

.faqs-list__item .open-badge {
    background: linear-gradient(135deg, #2b1708 0%, #43230d 100%) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(251, 191, 36, 0.35) !important;
    width: 36px !important;
    height: 36px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 4px 10px rgba(43, 23, 8, 0.18) !important;
    transition: all 0.35s ease !important;
}

.faqs-list__item:hover .open-badge {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    transform: translateY(-50%) rotate(90deg) scale(1.06) !important;
}

.faq-container input:checked ~ .faqs-list__item {
    background: linear-gradient(145deg, #fffcf7 0%, #fff3e6 100%) !important;
    border-color: rgba(234, 88, 12, 0.45) !important;
    border-right: 4px solid #2b1708 !important;
    box-shadow: 0 10px 25px rgba(234, 88, 12, 0.12) !important;
}

.faq-container input:checked ~ .faqs-list__item label {
    color: #c2410c !important;
}

.faq-container input:checked ~ .faqs-list__item .open-badge {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    color: #ffffff !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.faqs-list__item .faq-answer {
    color: #43230d !important;
    font-size: 0.95rem !important;
    line-height: 1.8 !important;
    border-top: 1px dashed rgba(234, 88, 12, 0.2) !important;
    margin-top: 4px !important;
    padding-top: 14px !important;
}

.wsam-faq-hidden {
    display: none !important;
}

.wsam-faq-btn-wrap {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 18px !important;
}

.wsam-faq-more-btn {
    position: relative !important;
    padding: 12px 36px !important;
    border-radius: 50px !important;
    color: #fffbeb !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.35), transparent 70%) padding-box,
        linear-gradient(180deg, #3b1d0a 0%, #1f0e04 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.15) 0%, rgba(251, 191, 36, 0.95) 50%, rgba(234, 88, 12, 0.15) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    box-shadow: 0 8px 20px -4px rgba(43, 23, 8, 0.45), 0 0 15px rgba(234, 88, 12, 0.2) !important;
    transition: all 0.3s ease !important;
}

.wsam-faq-more-btn:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 12px 25px -4px rgba(43, 23, 8, 0.6), 0 0 22px rgba(245, 158, 11, 0.45) !important;
}



















.divider-title h2 {
    font-size: 2rem !important;
    font-weight: 800 !important;
    background: linear-gradient(90deg, #2b1708 0%, #c2410c 50%, #2b1708 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    padding-bottom: 4px !important;
}

.divider-title p {
    color: #78350f !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    opacity: 0.85 !important;
}

.vertical-lines {
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(234, 88, 12, 0.35) 50%, rgba(251, 191, 36, 0.85) 100%) !important;
    border-radius: 50px !important;
}

.s-block--testimonials .swiper-slide > div {
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.08), transparent 65%) padding-box,
        linear-gradient(180deg, #ffffff 0%, #fffaf5 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.12) 0%, rgba(251, 191, 36, 0.85) 50%, rgba(234, 88, 12, 0.12) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-bottom: 3px solid #ea580c !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 25px -5px rgba(43, 23, 8, 0.06), 0 4px 10px rgba(234, 88, 12, 0.04) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}



.testimonial__avatar {
    border-radius: 50% !important;
    padding: 3px !important;
    background: linear-gradient(135deg, #2b1708 0%, #ea580c 50%, #fbbf24 100%) !important;
    box-shadow: 0 8px 18px rgba(43, 23, 8, 0.22) !important;
    transition: all 0.35s ease !important;
}

.testimonial__avatar img {
    border-radius: 50% !important;
    border: 2.5px solid #ffffff !important;
    background-color: #fff7ed !important;
}


.s-testimonials--slider--img p {
    color: #2b1708 !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    margin-top: 6px !important;
}

.testimonial__rating {
    background: #fff7ed !important;
    padding: 3px 14px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 4px auto 6px auto !important;
}

.s-block--testimonials .swiper-slide p.text-base {
    color: #43230d !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    padding: 0 10px !important;
}

.testimonial__icon {
    color: #ea580c !important;
    opacity: 0.14 !important;
    font-size: 2.4rem !important;
    top: 16px !important;
    transition: all 0.35s ease !important;
}

.s-block--testimonials .swiper-slide > div:hover .testimonial__icon {
    color: #c2410c !important;
    opacity: 0.28 !important;
    transform: scale(-1.12, -1.12) !important;
}

.s-block--testimonials .swiper-scrollbar {
    background: rgba(43, 23, 8, 0.08) !important;
    height: 5px !important;
    border-radius: 50px !important;
}

.s-block--testimonials .swiper-scrollbar-drag {
    background: linear-gradient(90deg, #2b1708, #ea580c, #fbbf24) !important;
    border-radius: 50px !important;
}


























footer.store-footer .store-footer__inner {
    position: relative !important;
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.16), transparent 60%),
        linear-gradient(180deg, #241105 0%, #120802 100%) !important;
    border-top: 2px solid transparent !important;
    border-image: linear-gradient(90deg, rgba(234, 88, 12, 0.05) 0%, #ea580c 30%, #fbbf24 50%, #ea580c 70%, rgba(234, 88, 12, 0.05) 100%) 1 !important;
    color: #fff7ed !important;
    padding-top: 10px !important;
}

footer.store-footer .to-top {
    margin-bottom: 15px !important;
}

footer.store-footer .to-top a {
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.35), transparent 70%) padding-box,
        linear-gradient(180deg, #3b1d0a 0%, #1f0e04 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.2) 0%, #fbbf24 50%, rgba(234, 88, 12, 0.2) 100%) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 50px !important;
    padding: 8px 26px !important;
    color: #fffbeb !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45), 0 0 12px rgba(234, 88, 12, 0.2) !important;
    transition: all 0.35s ease !important;
}

footer.store-footer .to-top a:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.6), 0 0 18px rgba(251, 191, 36, 0.4) !important;
    color: #fbbf24 !important;
}

footer.store-footer .to-top a i {
    color: #fbbf24 !important;
    transition: transform 0.3s ease !important;
}

footer.store-footer .to-top a:hover i {
    transform: translateY(-3px) !important;
}

footer.store-footer .footer-top,
footer.store-footer .footer-middle {
    border-color: rgba(251, 191, 36, 0.12) !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

footer.store-footer .title-mail strong {
    background: linear-gradient(90deg, #ffffff 0%, #fbbf24 60%, #ea580c 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    display: inline-block !important;
    margin-bottom: 4px !important;
}

footer.store-footer .title-mail p {
    color: #fed7aa !important;
    opacity: 0.85 !important;
    font-size: 0.92rem !important;
}

footer.store-footer .footer-newsletter form input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(251, 191, 36, 0.28) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    transition: all 0.3s ease !important;
}

footer.store-footer .footer-newsletter form input:focus {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: #fbbf24 !important;
    box-shadow: 0 0 14px rgba(234, 88, 12, 0.25) !important;
    outline: none !important;
}

footer.store-footer .footer-newsletter form button {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    border: 1px solid rgba(251, 191, 36, 0.35) !important;
    transition: all 0.3s ease !important;
}

footer.store-footer .footer-newsletter form button:hover {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    box-shadow: 0 5px 15px rgba(234, 88, 12, 0.4) !important;
    transform: translateY(-1px) !important;
}

footer.store-footer .s-social-list a {
    background: linear-gradient(145deg, #2b1708, #1a0c03) !important;
    border: 1px solid rgba(251, 191, 36, 0.3) !important;
    color: #fbbf24 !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.35s ease !important;
}

footer.store-footer .s-social-list a:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    color: #ffffff !important;
    border-color: #fbbf24 !important;
    transform: translateY(-4px) scale(1.08) !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.45) !important;
}

footer.store-footer .logo-footer img {
    filter: drop-shadow(0 4px 12px rgba(234, 88, 12, 0.3)) !important;
    transition: transform 0.35s ease !important;
}

footer.store-footer .logo-footer:hover img {
    transform: scale(1.04) !important;
}

footer.store-footer .footer-profile p {
    color: #ffedd5 !important;
    opacity: 0.85 !important;
    line-height: 1.8 !important;
    font-size: 0.94rem !important;
}

footer.store-footer .footer-title,
footer.store-footer .s-contacts-title {
    color: #fbbf24 !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    position: relative !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

footer.store-footer .footer-title::after,
footer.store-footer .s-contacts-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 45px !important;
    height: 3px !important;
    border-radius: 50px !important;
    background: linear-gradient(90deg, transparent, #ea580c, #fbbf24) !important;
}

footer.store-footer .store-links-items a {
    color: #ffedd5 !important;
    opacity: 0.8 !important;
    font-size: 0.94rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

footer.store-footer .store-links-items a:hover {
    color: #fbbf24 !important;
    opacity: 1 !important;
    transform: translateX(-6px) !important;
}

footer.store-footer .s-contacts-list #contact-slot a,
footer.store-footer .s-contacts-list a {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(234, 88, 12, 0.22) !important;
    border-radius: 12px !important;
    padding: 8px 14px !important;
    color: #fff7ed !important;
    transition: all 0.3s ease !important;
}

footer.store-footer .s-contacts-list #contact-slot a:hover,
footer.store-footer .s-contacts-list a:hover {
    background: rgba(234, 88, 12, 0.15) !important;
    border-color: #fbbf24 !important;
    color: #fbbf24 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3) !important;
}

footer.store-footer .s-trust-badges-wrapper {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(251, 191, 36, 0.2) !important;
    border-radius: 16px !important;
    padding: 12px 18px !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25) !important;
}

footer.store-footer .footer-bottom {
    background: rgba(0, 0, 0, 0.28) !important;
    border-radius: 18px !important;
    padding: 16px 24px !important;
    margin-top: 10px !important;
    margin-bottom: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

footer.store-footer .sbc-certificate {
    background: rgba(255, 255, 255, 0.04) !important;
    padding: 6px 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(251, 191, 36, 0.22) !important;
    color: #ffedd5 !important;
    font-weight: 600 !important;
}

footer.store-footer .sbc-link {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

footer.store-footer .s-payments-list-item {
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 8px !important;
    padding: 4px 8px !important;
    margin: 2px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
    transition: transform 0.25s ease !important;
}

footer.store-footer .s-payments-list-item:hover {
    transform: translateY(-2px) !important;
}

footer.store-footer .copyrights p {
    color: #fed7aa !important;
    opacity: 0.8 !important;
}

footer.store-footer .copyrights a {
    color: #fbbf24 !important;
    font-weight: 700 !important;
    transition: color 0.3s ease !important;
}

footer.store-footer .copyrights a:hover {
    color: #ea580c !important;
}


































.p--features__item {
    background: linear-gradient(145deg, #ffffff 0%, #fffaf5 100%) !important;
    border: 1px solid rgba(234, 88, 12, 0.2) !important;
    border-bottom: 2.5px solid #ea580c !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(43, 23, 8, 0.05) !important;
    transition: all 0.3s ease !important;
}

.p--features__item:hover {
    transform: translateY(-2px) !important;
    border-color: #fbbf24 !important;
    border-bottom-color: #2b1708 !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.12) !important;
}

.p--features__item .feature-desc p {
    color: #2b1708 !important;
    font-weight: 700 !important;
}

.p--features__item:nth-child(2) .feature-desc p {
    font-size: 0 !important;
}

.p--features__item:nth-child(2) .feature-desc p::after {
    content: "ضمان وسم" !important;
    font-size: 0.875rem !important;
    color: #2b1708 !important;
    font-weight: 700 !important;
}





















.wsam-hide-header {
    transform: translateY(-120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform 0.35s ease, opacity 0.35s ease !important;
}






















body.product-single .main-content h1 {
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    background: linear-gradient(90deg, #2b1708 0%, #c2410c 60%, #2b1708 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}

body.product-single .s-rating-stars-wrapper {
    background: #fff7ed !important;
    padding: 4px 14px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

body.product-single .price {
    background: linear-gradient(145deg, #fffcf7 0%, #fff3e6 100%) !important;
    border: 1px solid rgba(234, 88, 12, 0.2) !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    margin: 14px 0 !important;
    box-shadow: 0 4px 15px rgba(43, 23, 8, 0.04) !important;
}

body.product-single article.full-description {
    background: linear-gradient(145deg, #ffffff 0%, #fffaf5 100%) !important;
    border: 1px solid rgba(234, 88, 12, 0.15) !important;
    border-right: 4px solid #ea580c !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: 0 6px 18px rgba(43, 23, 8, 0.04) !important;
}

body.product-single article.full-description h2 {
    color: #2b1708 !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    position: relative !important;
    padding-bottom: 8px !important;
}

body.product-single article.full-description h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 40px !important;
    height: 3px !important;
    border-radius: 50px !important;
    background: linear-gradient(90deg, #ea580c, #fbbf24) !important;
}

body.product-single article.full-description li::before {
    display: none !important;
}

body.product-single article.full-description li {
    color: #43230d !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    padding-right: 0 !important;
}

body.product-single .sticky-product-bar {
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.15), transparent 70%) padding-box,
        linear-gradient(180deg, #2b1708 0%, #1a0c03 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.2) 0%, #fbbf24 50%, rgba(234, 88, 12, 0.2) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3) !important;
}

body.product-single section.p-block--features .p--features__item {
    background: linear-gradient(145deg, #ffffff 0%, #fffaf5 100%) !important;
    border: 1px solid rgba(234, 88, 12, 0.2) !important;
    border-bottom: 3px solid #ea580c !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 12px rgba(43, 23, 8, 0.05) !important;
    transition: all 0.3s ease !important;
}

body.product-single section.p-block--features .p--features__item:hover {
    transform: translateY(-3px) !important;
    border-bottom-color: #2b1708 !important;
    box-shadow: 0 8px 20px rgba(234, 88, 12, 0.15) !important;
}

body.product-single .sidebar .relative {
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.08), transparent 70%) padding-box,
        linear-gradient(145deg, #ffffff 0%, #fffaf5 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.15) 0%, rgba(251, 191, 36, 0.85) 50%, rgba(234, 88, 12, 0.15) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-radius: 20px !important;
    padding: 16px !important;
    box-shadow: 0 10px 25px rgba(43, 23, 8, 0.06), 0 0 15px rgba(234, 88, 12, 0.1) !important;
    transition: all 0.35s ease !important;
}

body.product-single .sidebar .relative:hover {
    box-shadow: 0 15px 30px rgba(43, 23, 8, 0.1), 0 0 20px rgba(234, 88, 12, 0.2) !important;
    transform: translateY(-2px) !important;
}













body.product-index .nav-header {
    background: 
        radial-gradient(circle at 85% 20%, rgba(234, 88, 12, 0.1), transparent 55%),
        linear-gradient(180deg, #fffcf7 0%, #fff5eb 100%) !important;
    border-bottom: 1.5px solid rgba(234, 88, 12, 0.2) !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    box-shadow: 0 8px 25px -5px rgba(43, 23, 8, 0.05) !important;
}

body.product-index .nav-title {
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.08), transparent 70%) padding-box,
        linear-gradient(145deg, #ffffff 0%, #fffaf5 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.15) 0%, rgba(251, 191, 36, 0.85) 50%, rgba(234, 88, 12, 0.15) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-right: 4px solid #ea580c !important;
    border-radius: 20px !important;
    padding: 16px 22px !important;
    box-shadow: 0 8px 22px rgba(43, 23, 8, 0.05), 0 0 12px rgba(234, 88, 12, 0.08) !important;
}

body.product-index .cat_profile {
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    border: 2.5px solid #fbbf24 !important;
    box-shadow: 0 0 0 3px #2b1708, 0 6px 16px rgba(234, 88, 12, 0.35) !important;
    transition: transform 0.35s ease !important;
    flex-shrink: 0 !important;
}

body.product-index .nav-title:hover .cat_profile {
    transform: scale(1.06) rotate(-3deg) !important;
}

body.product-index #page-main-title.category_title {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    background: linear-gradient(90deg, #2b1708 0%, #c2410c 55%, #2b1708 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    margin-bottom: 6px !important;
}

body.product-index nav.breadcrumbs {
    background: #fff7ed !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    border-radius: 50px !important;
    padding: 4px 14px !important;
    width: max-content !important;
    max-width: 100% !important;
}

body.product-index nav.breadcrumbs salla-breadcrumb,
body.product-index nav.breadcrumbs a,
body.product-index nav.breadcrumbs span {
    color: #78350f !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    transition: color 0.25s ease !important;
}

body.product-index nav.breadcrumbs a:hover {
    color: #ea580c !important;
}

body.product-index .sub-cat-icon a.sub-categories {
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.08), transparent 70%) padding-box,
        linear-gradient(180deg, #ffffff 0%, #fffaf5 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.15) 0%, rgba(251, 191, 36, 0.85) 50%, rgba(234, 88, 12, 0.15) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-bottom: 3px solid #ea580c !important;
    border-radius: 18px !important;
    padding: 14px 10px !important;
    box-shadow: 0 6px 18px rgba(43, 23, 8, 0.05) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.product-index .sub-cat-icon a.sub-categories:hover {
    transform: translateY(-5px) !important;
    border-bottom-color: #2b1708 !important;
    box-shadow: 0 14px 26px rgba(43, 23, 8, 0.12), 0 0 16px rgba(234, 88, 12, 0.18) !important;
}

body.product-index .sub-cat-icon a.sub-categories img,
body.product-index .sub-cat-icon a.sub-categories .lazy__bg {
    border-radius: 12px !important;
    transition: transform 0.35s ease !important;
}

body.product-index .sub-cat-icon a.sub-categories:hover img,
body.product-index .sub-cat-icon a.sub-categories:hover .lazy__bg {
    transform: scale(1.05) !important;
}

body.product-index .sub-cat-icon a.sub-categories span,
body.product-index .sub-cat-icon a.sub-categories p {
    color: #2b1708 !important;
    font-weight: 800 !important;
    font-size: 0.96rem !important;
    margin-top: 6px !important;
    transition: color 0.3s ease !important;
}

body.product-index .sub-cat-icon a.sub-categories:hover span,
body.product-index .sub-cat-icon a.sub-categories:hover p {
    color: #c2410c !important;
}

.subcat-sliders .s-slider-block__title,
salla-products-slider .s-slider-block__title {
    background: 
        radial-gradient(circle at 100% 50%, rgba(234, 88, 12, 0.1), transparent 60%) padding-box,
        linear-gradient(90deg, #fffcf7 0%, #fff5eb 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.1) 0%, rgba(251, 191, 36, 0.75) 50%, rgba(234, 88, 12, 0.35) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-right: 5px solid #ea580c !important;
    border-radius: 16px !important;
    padding: 12px 20px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 6px 18px rgba(43, 23, 8, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.subcat-sliders .s-slider-block__title-right h2,
salla-products-slider .s-slider-block__title-right h2 {
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    background: linear-gradient(90deg, #2b1708 0%, #c2410c 60%, #2b1708 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    margin: 0 !important;
    position: relative !important;
    display: inline-block !important;
}











.s-block--banners .banner-square p {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    margin-top: 8px !important;
    border-radius: 50px !important;
    color: #fffbeb !important;
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0.1px !important;
    white-space: nowrap !important;
    max-width: 95% !important;
    
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.28), transparent 70%) padding-box,
        linear-gradient(180deg, #3b1d0a 0%, #1f0e04 100%) padding-box,
        linear-gradient(90deg, 
            rgba(234, 88, 12, 0.1) 0%, 
            rgba(251, 191, 36, 0.95) 50%, 
            rgba(234, 88, 12, 0.1) 100%
        ) border-box !important;
    border: 1.5px solid transparent !important;
    
    box-shadow: 
        0 4px 12px -2px rgba(43, 23, 8, 0.4),
        0 0 10px rgba(234, 88, 12, 0.15),
        inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
        
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@media (min-width: 768px) {
    .s-block--banners .banner-square p {
        padding: 7px 20px !important;
        margin-top: 12px !important;
        font-size: 0.92rem !important;
        letter-spacing: 0.3px !important;
        line-height: 1.4 !important;
    }
}

.s-block--banners .banner-square p::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 90% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(251, 191, 36, 0.12) 30%,
        rgba(253, 224, 71, 0.45) 50%,
        rgba(251, 191, 36, 0.12) 70%,
        transparent 100%
    ) !important;
    transform: skewX(-25deg) !important;
    animation: wsamRoyalShimmer 3.8s infinite ease-in-out !important;
    pointer-events: none !important;
}

@keyframes wsamRoyalShimmer {
    0% {
        left: -150%;
    }
    55%, 100% {
        left: 160%;
    }
}

.s-block--banners .banner-square:hover p {
    transform: translateY(-2px) scale(1.03) !important;
    color: #ffffff !important;
    box-shadow: 
        0 8px 18px -3px rgba(43, 23, 8, 0.55),
        0 0 16px rgba(245, 158, 11, 0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

























footer.store-footer .to-top {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

footer.store-footer .to-top a {
    margin: 0 !important;
    height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.verified-store-badge--footer {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    cursor: pointer !important;
    user-select: none !important;
    overflow: hidden !important;
    background: 
        radial-gradient(circle at 50% 0%, rgba(234, 88, 12, 0.28), transparent 70%) padding-box,
        linear-gradient(145deg, #2b1708 0%, #160a02 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.2) 0%, #fbbf24 50%, rgba(234, 88, 12, 0.2) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-radius: 50px !important;
    padding: 6px 18px 6px 14px !important;
    height: 54px !important;
    width: max-content !important;
    margin: 0 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45), 0 0 12px rgba(234, 88, 12, 0.18) !important;
    transition: all 0.35s ease !important;
}

.verified-store-badge--footer:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.6), 0 0 18px rgba(251, 191, 36, 0.35) !important;
}

.wsam-badge-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.wsam-badge-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    border: 1px solid rgba(251, 191, 36, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.verified-store-badge--footer.copied .wsam-badge-icon {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
}

.badge-svg-icon {
    width: 19px !important;
    height: 19px !important;
    fill: #fffbeb !important;
}

.wsam-badge-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-align: right !important;
}

.wsam-badge-title {
    font-size: 0.86rem !important;
    font-weight: 800 !important;
    color: #fffbeb !important;
    line-height: 1.2 !important;
}

.wsam-badge-sub {
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    color: #fed7aa !important;
    line-height: 1.2 !important;
}

.wsam-badge-num {
    font-family: monospace, sans-serif !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.5px !important;
    padding: 2px 8px !important;
    border-radius: 50px !important;
    background: rgba(251, 191, 36, 0.15) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(251, 191, 36, 0.35) !important;
}

.wsam-sbc-product-card {
    position: relative !important;
    overflow: hidden !important;
    background: 
        radial-gradient(circle at 85% 15%, rgba(234, 88, 12, 0.22), transparent 60%) padding-box,
        linear-gradient(135deg, #2b1708 0%, #160a02 100%) padding-box,
        linear-gradient(90deg, rgba(234, 88, 12, 0.25) 0%, #fbbf24 50%, rgba(234, 88, 12, 0.25) 100%) border-box !important;
    border: 1.5px solid transparent !important;
    border-radius: 18px !important;
    padding: 20px 22px !important;
    margin: 14px 0 18px 0 !important;
    width: 100% !important;
    box-shadow: 0 12px 28px rgba(43, 23, 8, 0.25), 0 0 15px rgba(234, 88, 12, 0.12) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    transition: all 0.35s ease !important;
}

.wsam-sbc-product-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 32px rgba(43, 23, 8, 0.32), 0 0 20px rgba(251, 191, 36, 0.22) !important;
}

.wsam-sbc-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.wsam-sbc-logo {
    height: 46px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) drop-shadow(0 2px 8px rgba(251, 191, 36, 0.25)) !important;
}

.wsam-sbc-heading {
    color: #fffbeb !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    margin: 0 !important;
    letter-spacing: 0.2px !important;
}

.wsam-sbc-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 10px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(251, 191, 36, 0.14) !important;
}

.wsam-sbc-copy-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

.wsam-sbc-tax-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}

.wsam-sbc-label {
    color: #fed7aa !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

.wsam-sbc-number {
    color: #ffffff !important;
    font-family: monospace, sans-serif !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
}

.wsam-sbc-copy-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(251, 191, 36, 0.45) !important;
    border-radius: 10px !important;
    padding: 6px 18px !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.wsam-sbc-copy-btn:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.35) !important;
}

.wsam-sbc-product-card.copied .wsam-sbc-copy-btn {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #86efac !important;
}

.wsam-sbc-cert-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #fffcf7 0%, #ffedd5 100%) !important;
    color: #2b1708 !important;
    border: 1px solid #fbbf24 !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-size: 0.86rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.25s ease !important;
}

.wsam-sbc-cert-btn:hover {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #160a02 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(251, 191, 36, 0.35) !important;
}

.badge-toast {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, #2b1708 0%, #43230d 100%) !important;
    color: #fbbf24 !important;
    font-weight: 800 !important;
    font-size: 0.88rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 3 !important;
}

.badge-toast.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}