/* Add custom CSS styles below */ 
/* =========================
   VLOLETA HEADER V1
========================= */

.store-header{
    background:#FAF8F5 !important;
    border-bottom:1px solid #ECE8E2 !important;
    box-shadow:0 2px 12px rgba(0,0,0,.04) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transition:.3s ease;
    min-height:78px !important;
}

.store-header svg{
    color:#8F82B3 !important;
    stroke:#8F82B3 !important;
    transition:.25s;
}

.store-header svg:hover{
    color:#6F6192 !important;
    stroke:#6F6192 !important;
}

header{
    background:#FAF8F5 !important;
}
[data-testid="store-header"]{
    background:#FAF8F5 !important;
}
[data-testid="store-header"]{
    background:#FAF8F5 !important;

/* ===== Header ===== */

.store-header{
    background:#FAF8F5 !important;

/* ===== Header ===== */

.store-header{
    background:#FAF8F5 !important;
}

.top-navbar{
    background:#FAF8F5 !important;
}

.main-nav-container{
    background:#FAF8F5 !important;
}

.top-navbar{
    background:#FAF8F5 !important;
}

.main-nav-container{
    background:#FAF8F5 !important;
}

/* ======================================
   VLOLETA THEME V1.0
====================================== */


/* ========= COLORS ========= */

:root{
    --vloleta-bg: #FAF8F6;
    --vloleta-header: #F2E8E3;
    --vloleta-card: #FFFFFF;
    --vloleta-text: #2E2E2E;
    --vloleta-primary: #8F82B3;
    --vloleta-border: #E7DDD6;
}


/* ========= HEADER ========= */

#mainnav,
.top-navbar,
#mainnav *{
    background: var(--vloleta-header) !important;
}


/* ========= LOGO ========= */

/* هنا لاحقًا نحط كود إخفاء اللوقو */


/* ========= BRAND NAME ========= */

/* هنا نحط كلمة فلوليتا بالنص */


/* ========= ICONS ========= */

/* هنا نغير لون الأيقونات */


/* ========= SEARCH ========= */

/* هنا نصمم شريط البحث */
#mainnav li.lg\:hidden.text-sm.font-bold{
    display: none !important;
}


/* ========= PRODUCT CARDS ========= */

/* هنا البطاقات */


/* ========= BUTTONS ========= */

/* هنا الأزرار */


/* ========= FOOTER ========= */

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


/* ========= ANIMATIONS ========= */

.store-header{
    outline:none !important;
}
section{
    background:#FAF8F6 !important;
}
body{
    background:#FAF8F6 !important;
}
  /* إخفاء السعر والعملة بجانب السلة */
.s-cart-summary-content,
.s-cart-summary-total,
.sicon-sar{
    display:none !important;
}