:root {
--accent: #f1a7c5 !important;
--primary: #000000 !important;
--secondary: #000000 !important;
--primary-font: Figtree, sans-serif;
--secondary-font: Poppins, sans-serif;
}



/* Button primary gradient override */
.cs_btn.cs_style_1::before {
    background-image: linear-gradient(134deg, rgb(243, 167, 199) 0%, rgb(233, 140, 176) 100%) !important;
}
.cs_btn.cs_style_1::after {
    background-image: linear-gradient(270deg, rgb(243, 167, 199) 0%, rgb(233, 140, 176) 100%) !important;
}

/* "Show More" skin-types CTA: force pink even with inline styles */
.text-center a[href*="/skin-types"] {
    background: linear-gradient(135deg, rgb(243, 167, 199) 0%, rgb(233, 140, 176) 100%) !important;
    box-shadow: rgba(243, 167, 199, 0.45) 0px 4px 15px !important;
    color: #fff !important;
}
.text-center a[href*="/skin-types"]:hover {
    filter: brightness(1.05) !important;
    transform: translateY(-1px) !important;
}

.cs_footer.cs_style_4 .footer-grid > div:first-child {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}
.cs_footer.cs_style_4 .footer-grid > div:first-child img {
    max-width: 180px;
}
.cs_footer.cs_style_4 .footer-grid > div:first-child p {
    margin: 0;
    max-width: 520px;
}
.rtl .cs_footer.cs_style_4 .footer-grid > div:first-child {
    flex-direction: row-reverse;
}
.rtl .cs_footer.cs_style_4 .footer-grid > div:first-child p {
    text-align: right;
}

.cs_footer.cs_style_2 .cs_text_widget {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}
.cs_footer.cs_style_2 .cs_text_widget img {
    max-width: 160px;
}
.cs_footer.cs_style_2 .cs_text_widget p {
    margin: 0;
    max-width: 520px;
}
.rtl .cs_footer.cs_style_2 .cs_text_widget {
    flex-direction: row-reverse;
}
.rtl .cs_footer.cs_style_2 .cs_text_widget p {
    text-align: right;
}

.cs_footer.cs_style_0 .container > div:first-child {
    display: flex !important;
    align-items: center;
    gap: 32px;
    text-align: left !important;
    justify-content: flex-start;
}
.cs_footer.cs_style_0 .container > div:first-child img {
    max-width: 180px !important;
    margin-bottom: 0 !important;
}
.cs_footer.cs_style_0 .container > div:first-child p {
    margin: 0 !important;
    max-width: 800px;
}
@media (max-width: 768px) {
    .cs_footer.cs_style_0 .container > div:first-child {
        flex-direction: column;
        text-align: center !important;
    }
}