/* Variables */
:root {
    --primary-color: #5a0f23;
    --secondary-color: #941914;
    --light-background: #fcf8f8;
    --dark-background: #1E1E1E;
    --white: #ffffff;
    --black: #000000;
    --shadow-light: -1px 1px 5px rgba(54, 53, 53, 0.12);
    --shadow-faq: 0 4px 6px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1);
    --border-color: #ffffff;
    --border-radius-base: 16px;
    
    /* Feature Background Color - Change this value to change the background */
    --feature-bg: #ffffff; 

    /* Spacing Variables */
    --spacing-xxs: 1px;
    --spacing-xs: 2px;
    --spacing-sm: 3px;
    --spacing-md: 5px;
    --spacing-lg: 5px;
    --spacing-xl: 10px;
    --spacing-xxl: 10px;
    --spacing-xxxl: 10px;
}

.dark {
    --text-color-dark: var(--white);
    --background-color-dark: var(--dark-background);
    --feature-bg-dark: var(--dark-background);
}

/* Navbar */
.top-navbar.bg-inherit.text-inherit {
    display: none;
}
.main-nav-container {
    background: var(--light-background) !important; 
}
header.store-header.has-logo-on-merge {
    padding-block: 4px;
    background: linear-gradient(180deg, #91191C, #540121);
}
button.header-btn.header-signInBtn {
    background: transparent !important; 
    color: var(--primary-color) !important; 
}

/* Features */
section.s-block.s-block--features.all.enhanced-features.anmt-none.container {
    padding-block: var(--spacing-xxxl); 
}
/* Force background color with high specificity and !important */
#app .s-block--features__item, 
.s-block--features__item {
    background: var(--feature-bg) !important;
    border-radius: var(--border-radius-base) !important;
    box-shadow: var(--shadow-light), var(--shadow-light) !important;
    padding: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-lg) !important;
}
.dark #app .enhanced-features .s-block--features__item[style*=transp] {
    background: var(--feature-bg-dark) !important; 
    box-shadow: var(--shadow-light), var(--shadow-light) !important;
    border-radius: var(--border-radius-base) !important; 
}
.s-block--features__item h4 {
    color: var(--primary-color);
    font-size: 1.25rem;
}
.s-block--features__item p {
    color: var(--dark-background);
    margin-top: var(--spacing-sm);
}
.s-block--features__item .feature-icon {
    background-color: transparent;
}
.s-block--features__item .feature-icon i {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    width: 100%; 
    max-width: 150px; 
    height: 150px; 
    display: block; 
    margin: 0 auto; 
}
.s-block--features__item .feature-icon i::before {
    display: none;
}
.s-block--features__item:nth-of-type(1) .feature-icon i {
    background-image: url(https://i.postimg.cc/bN5rGWHj/arcticons-eset-payment-protection.webp );
}
.s-block--features__item:nth-of-type(2) .feature-icon i {
    background-image: url(https://i.postimg.cc/90MX0Yrv/carbon-delivery.webp );
}
.s-block--features__item:nth-of-type(3) .feature-icon i {
    background-image: url(https://i.postimg.cc/NGJfVSn8/mdi-star-outline.webp );
}

/* Testimonials */
.special-testimonial,
.dark .index .testimonial {
    border-radius: var(--border-radius-base) !important; 
    box-shadow: var(--shadow-light), var(--shadow-light);
    overflow: visible !important; 
    margin-top: var(--spacing-lg); 
    margin-bottom: var(--spacing-lg); 
}
.dark .index .testimonial {
    padding: var(--spacing-xl);
    background: transparent !important; 
}
.special-testimonial__info.flex.items-center {
    margin-bottom: var(--spacing-sm);
}
p.special-testimonial__text_down.leading-\[1\.2\].mb-2.sm\:mt-0.text-start.dm-text-sec {
    margin-top: var(--spacing-xxs);
    line-height: 24px;
    color: var(--primary-color);
}
.special-testimonials-slider {
    padding-bottom: var(--spacing-xs);
}
.testimonials-slider .swiper-slide {
    padding-block: var(--spacing-xxl) !important; 
}
.s-block-special-testimonials .swiper-slide:nth-of-type(3),
.s-block-special-testimonials .swiper-slide:nth-of-type(7),
.s-block-special-testimonials .swiper-slide:nth-of-type(8),
.s-block-special-testimonials .swiper-slide:nth-of-type(9),
.s-block-special-testimonials .swiper-slide:nth-of-type(10),
.s-block-special-testimonials .swiper-slide:nth-of-type(11),
.s-block-special-testimonials .swiper-slide:nth-of-type(17),
.s-block-special-testimonials .swiper-slide:nth-of-type(19) {
    display: none;
}
.s-comments-item-user-info {
    justify-content: space-between;
    width: 100%;
}
.s-block-special-testimonials .swiper-slide{
	margin-bottom: var(--spacing-xxl);
}
#s-block-21 .special-testimonial__inner {
    background: var(--white) !important; 
    height: calc(70px + (218px * 0.56));
    color: var(--secondary-color);
    border-radius: var(--border-radius-base);
}

/* Questions (FAQs) */
.faq-item {
    background: var(--white) !important; 
    border-radius: var(--border-radius-base) !important; 
    box-shadow: var(--shadow-faq) !important; 
    margin-top: 0px !important; 
    margin-bottom: 0px !important; 
    border: 1px solid var(--border-color) !important; 
    overflow: visible !important; 
    transition: transform 0.3s ease;
}
.faq-item .faq-inner {
    padding:var(--spacing-xs) var(--spacing-xs) !important;
    border-bottom: 1px solid var(--border-color) !important; 
}
h2.text-sm.question.dm-text-main {
    font-weight: 400;
    font-size: 16px;
    color: var(--secondary-color);
    margin: 0 !important; 
}
.answer.mb-2.dm-text-sec {
    color: var(--primary-color) !important; 
    margin-top: var(--spacing-md) !important; 
    line-height: 1.6;
}
.question-outer,
.dark .dm-bg-sec,
.faq-item .faq-inner .faq-icon {
    background: transparent !important; 
}
section.s-block.s-block-faqs-home.faqs-section.all {
    margin-top: var(--spacing-xs) !important; 
    margin-bottom: 0px !important; 
    padding-top: var(--spacing-sm) !important; 
    padding-bottom: var(--spacing-xs) !important; 
}
.faq-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important; 
}

/* Footer */
footer.store-footer,
.store-footer__inner,
.footer-small-shape .store-footer {
    margin: 0 !important; 
    width: 100% !important; 
    border-radius: 0px !important; 
    color: #EBDFD7 !important; 
    background: linear-gradient(180deg, #91191C, #540121) !important; 
}
.footer-small-shape .store-footer__inner {
    border-radius: 0 !important; 
}
footer * {
    color: #EBDFD7 !important; 
}
p.max-w-sm.leading-6.mb-6 {
    position: relative;
    width: 100%;
}
.store-footer h3 {
    color: #EBDFD7 !important; 
}
footer .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
p.max-w-sm.leading-6.mb-6 + p {
    margin-bottom: var(--spacing-lg);
}
#app.footer-centered .s-contacts-list {
    gap: 8px;
}
.s-trust-badges-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
}
.store-footer.icons-rounded-none .s-social-link a,
.store-footer.icons-rounded-none .s-contacts-icon {
    border: none;
}
.footer-foot.container.flex.flex-col-reverse.lg\:flex-row.lg\:justify-between.items-center.mb-2.lg\:mb-4 {
    margin-top: var(--spacing-md);
}
.footer-is-dark .store-footer .text-gray-400 {
    color: #EBDFD7 !important; 
    font-weight: 500;
}

/* Blog & Misc */
salla-slider#blog-home-slider {
    display: none;
}
.mobile-nav-inner.fixed.bottom-0.left-0.right-0.z-50.w-full {
    bottom: 0; 
}
.post-entry img,
.blog-slider .swiper-slide img {
    object-fit: cover; 
}
article h1, article h1 strong, article h2, article h2 strong {
    color: #601326 !important; 
}
article, article p, article p strong, article span, article p span strong, article strong, article ul, article ul li, article ul li span {
    color: var(--black) !important; 
}