.store-header,
body {
  background: #fff9f4 url("https://cdn.files.salla.network/other/1002874110/c40f55c4-2009-4e6b-9218-1628653292e2-original.webp") repeat;
    font-family: 'Saudi' !important;}
.header-container li a {
    font-size: 22px;}
.header-container li a:hover {
    border: solid 1px #af665e;}
/* Hero */
.main-banner {
    background-color: unset;
    --circle-color: unset !important;}
.main-banner h2 {
    font-size: 62px;}
.main-banner p{
    font-size: 25px;}
.main-banner-0 .slider-container .images-container:nth-child(2):before {
    aspect-ratio: unset;}
.main-banner-0 .slider-container .images-container:nth-child(2):after {
    aspect-ratio: unset;}
.main-banner-0 .slider-container .images-container:nth-child(2).image-item img {
    border-radius: 0px;}
.main-banner .slider-container {
    margin-top: 25px;}
@media(max-width: 576px) {
    .main-banner .flex-container {
        gap: 4rem !important;}
    .main-banner .heading span {
        line-height: 1em;}
    .main-banner .sub-heading {
        line-height: 1.2em;}}
/* Titles */
/* 1. Target the specific product title container */
.headings.relative.flex.flex-col.mb-4.py-4.gap-2.w-fit.mx-auto.px-4.md\:px-8.justify-center.items-center svg {
    /* Hide the original SVG paths/content */
    display: none !important;}
/* 2. Add the new image using a pseudo-element */
.headings.relative.flex.flex-col.mb-4.py-4.gap-2.w-fit.mx-auto.px-4.md\:px-8.justify-center.items-center::after {
    content: "";
    display: block;
    width: 250px; /* Matches the original width */
    height: 10px; /* Adjust height based on the image aspect ratio */
    background-image: url("https://cdn.files.salla.network/other/1002874110/0cfd9849-0085-439b-a922-36aa807f48ff-original.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
/* Features & Offer*/
.ZA_limited-offers salla-slider > div ,
.ZA_store-features .feature {
  border: solid 2px #af665e;
  border-radius: 12px}
.feature-media {
    background-color: #af665e;}
.swiper-pagination span.swiper-pagination-bullet-active{
    background-color: #af665e;}
/* Testemonials */
.testimonial-card .quote i {
    background-color: #fff9f4 !important;}
/* Footer */
.store-footer__inner {
    background-color: #af665e !important;
    color: #fff;
    font-size: 18px}
.store-footer {
    background-color: #dda79f !important;}
.store-footer__inner > div > div:nth-child(2) h3,
.store-footer__inner > div > div:nth-child(3) h3 {
    font-size: 24px;}
.store-footer__inner > div > div:nth-child(2) a,
salla-trust-badges div p,
salla-trust-badges div b {
    font-size: 18px !important;
    font-weight: 300;}
.store-footer__inner > div > div:nth-child(3) a {
    font-size: 22px !important;
    font-weight: 300;}
.store-footer__inner .container { 
  grid-template-columns: repeat(4, minmax(0, 1fr));}
@media (max-width: 768px) { 
  .store-footer__inner .container { 
    grid-template-columns: 1fr; 
    justify-items: center;   
    text-align: center;}} 
.store-footer__inner > .container > div > div p:first-of-type {
  background-image: url('https://cdn.files.salla.network/other/1002874110/3a15690b-e655-4e1d-a1a6-3e2e48efe533-original.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 70%;
  min-height: 125px;
  color: transparent;}
@media (max-width: 768px) {
  .store-footer__inner .flex.items-center {
    width: 99%;
    min-height: 90px !important;
    background-size: contain !important;
    background-position: center;}}
@media (max-width: 768px) { 
.store-footer__inner div,
.s-contacts-list-vertical{
place-items: center;}}
@media (max-width: 768px) {
.s-social-list {
    justify-content: center;}}
@media (max-width: 768px) {
    .store-footer__inner > div > div:nth-child(2) {
    margin-top: 50px;}}
@media (max-width: 768px) {
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) {
    margin-top: 0px;}}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.max-w-sm.leading-6.mb-6 > p:nth-child(3) {
    display: none;}
@media (min-width: 1024px) {
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div {
    row-gap: 0px !important;}}
.store-footer__inner {
    padding-bottom: 1rem;
    padding-top: 2rem;}
.s-social-link {
    border: solid 2px #fff;
    border-radius: 50%;
    transition: transform 0.3s ease;}
.s-social-link a {
    background-color: #dda79f !important;}
.s-social-link:hover {
    transform: scale(1.1);}
.s-contacts-icon {
    display: flex;}
.copyright-text p {
    color: #ffff !important;
    font-size: 20px;}
.copyright-text a:hover {
    color: #af665e !important;}