:root {
    --repe-olive-dark: #546142;
    --repe-olive-deep: #3F4A34;
    --repe-olive-light: #728062;
    --repe-sage: #AABAA6;
    --repe-blush: #E8D3C5;
    --repe-bone: #E6DED7;
    --repe-warm-white: #FAF8F5;
    --repe-gold: #C9A46A;
    --repe-text: #20231C;
}

/* Hide WoodMart visual header */
.whb-header,
.whb-sticky-header,
.whb-clone,
.whb-header-mobile {
    display: none !important;
}

.repe-header {
    position: relative;
    z-index: 9999;
    margin-bottom: 24px;
    font-family: inherit;
}

.repe-header-inner {
    background:
        radial-gradient(circle at 50% -20%, rgba(201,164,106,.20), transparent 34%),
        linear-gradient(135deg, var(--repe-olive-deep), var(--repe-olive-dark) 58%, #35402E);
    color: var(--repe-warm-white);
    border-radius: 0 0 24px 24px;
    box-shadow: 0 16px 38px rgba(32,35,28,.18);
    padding: 20px 34px 13px;
}

.repe-header-main {
    max-width: 1380px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
}

.repe-header-left,
.repe-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.repe-header-left {
    justify-content: flex-start;
}

.repe-header-right {
    justify-content: flex-end;
}

.repe-logo {
    text-align: center;
    text-decoration: none !important;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.repe-logo span {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 54px;
    color: var(--repe-gold);
    letter-spacing: .5px;
}

.repe-logo small {
    margin-top: 7px;
    font-size: 11px;
    letter-spacing: 4px;
    color: var(--repe-bone);
}

.repe-pill,
.repe-icon-btn {
    min-height: 44px;
    border: 1px solid rgba(201,164,106,.72);
    border-radius: 13px;
    background: rgba(250,248,245,.045);
    color: var(--repe-warm-white) !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    font-size: 13px;
    white-space: nowrap;
    transition: .22s ease;
}

.repe-icon-btn {
    width: 46px;
    padding: 0;
    font-size: 23px;
    cursor: pointer;
    position: relative;
}

.repe-pill:hover,
.repe-icon-btn:hover {
    background: rgba(201,164,106,.16);
    border-color: var(--repe-gold);
    transform: translateY(-1px);
}

.repe-cart em {
    position: absolute;
    top: -7px;
    left: -7px;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: var(--repe-gold);
    color: #26301F;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.repe-nav {
    max-width: 1380px;
    margin: 18px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    position: relative;
}

.repe-nav > a,
.repe-mega-wrap > button {
    color: var(--repe-warm-white) !important;
    background: transparent;
    border: 0;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 0;
    cursor: pointer;
    position: relative;
}

.repe-nav > a:hover,
.repe-mega-wrap:hover > button {
    color: var(--repe-gold) !important;
}

.repe-mega-wrap {
    position: static;
}

.repe-mega {
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%) translateY(10px);
    width: min(1180px, calc(100vw - 60px));
    background: var(--repe-warm-white);
    border: 1px solid rgba(170,186,166,.48);
    border-radius: 24px;
    box-shadow: 0 26px 70px rgba(32,35,28,.20);
    padding: 28px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .22s ease;
}

.repe-mega-wrap:hover .repe-mega,
.repe-mega-wrap:focus-within .repe-mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(50%) translateY(0);
}

.repe-mega-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.repe-mega-card {
    background: #fff;
    border: 1px solid rgba(230,222,215,.9);
    border-radius: 14px;
    padding: 13px 16px;
    color: var(--repe-text) !important;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .22s ease;
}

.repe-mega-card:hover {
    transform: translateY(-3px);
    border-color: rgba(201,164,106,.65);
    box-shadow: 0 16px 34px rgba(84,97,66,.12);
}

.repe-mega-card b {
    font-size: 15px;
}

.repe-mega-card small {
    color: #68705F;
    line-height: 1.8;
}

.repe-search-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(32,35,28,.52);
    backdrop-filter: blur(8px);
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 90px 20px 20px;
}

.repe-search-modal.active {
    display: flex;
}

.repe-search-box {
    width: min(760px, 100%);
    background: var(--repe-warm-white);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 24px 80px rgba(32,35,28,.28);
    position: relative;
}

.repe-search-close {
    position: absolute;
    top: 14px;
    left: 18px;
    background: transparent;
    border: 0;
    color: var(--repe-olive-dark);
    font-size: 34px;
    cursor: pointer;
}

.repe-search-box form {
    margin-top: 24px;
    display: flex;
    gap: 10px;
}

.repe-search-box input[type="search"] {
    flex: 1;
    border: 1px solid var(--repe-bone);
    border-radius: 15px;
    background: #fff;
    padding: 14px 16px;
}

.repe-search-box button[type="submit"] {
    border: 0;
    border-radius: 15px;
    background: var(--repe-olive-dark);
    color: var(--repe-warm-white);
    padding: 0 24px;
}

.repe-search-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.repe-search-tags a {
    background: #fff;
    border: 1px solid rgba(170,186,166,.58);
    border-radius: 999px;
    padding: 8px 13px;
    color: var(--repe-olive-dark);
    text-decoration: none !important;
    font-size: 13px;
}

@media (max-width: 1024px) {
    .repe-header-inner {
        padding: 16px 18px 12px;
        border-radius: 0 0 18px 18px;
    }

    .repe-header-main {
        grid-template-columns: auto 1fr auto;
    }

    .repe-logo span {
        font-size: 39px;
    }

    .repe-logo small {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .repe-pill {
        width: 44px;
        padding: 0;
        font-size: 0;
    }

    .repe-pill::before {
        content: "•";
        font-size: 20px;
    }

    .repe-nav {
        overflow-x: auto;
        justify-content: flex-start;
        gap: 18px;
        scrollbar-width: none;
    }

    .repe-nav::-webkit-scrollbar {
        display: none;
    }

    .repe-nav > a,
    .repe-mega-wrap > button {
        white-space: nowrap;
        font-size: 13px;
    }

    .repe-mega {
        width: calc(100vw - 28px);
        right: 14px;
        transform: translateY(10px);
        padding: 18px;
    }

    .repe-mega-wrap:hover .repe-mega,
    .repe-mega-wrap:focus-within .repe-mega {
        transform: translateY(0);
    }

    .repe-mega-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .repe-nav {
        display: none;
    }

    .repe-mega-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RePe Header Visual Fixes
   Fix search icon, hover background, minimal arrow
   ========================================================= */

/* جلوگیری از سفید شدن بک‌گراند آیتم‌های منو هنگام هاور */
.repe-nav > a,
.repe-mega-wrap > button,
.repe-nav > a:hover,
.repe-nav > a:focus,
.repe-mega-wrap > button:hover,
.repe-mega-wrap > button:focus,
.repe-mega-wrap:hover > button {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* آیتم فعال و هاور با رنگ طلایی، بدون باکس سفید */
.repe-nav > a:hover,
.repe-mega-wrap:hover > button,
.repe-mega-wrap:focus-within > button {
    color: var(--repe-gold) !important;
}

/* فلش مینیمال زیر دسته‌بندی محصولات */
.repe-mega-wrap > button::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -13px;
    width: 13px;
    height: 13px;
    background: var(--repe-warm-white);
    border-top: 1px solid rgba(170,186,166,.48);
    border-right: 1px solid rgba(170,186,166,.48);
    transform: translateX(50%) rotate(-45deg);
    opacity: 0;
    visibility: hidden;
    transition: all .18s ease;
    z-index: 10001;
}

.repe-mega-wrap:hover > button::before,
.repe-mega-wrap:focus-within > button::before {
    opacity: 1;
    visibility: visible;
}

/* خط طلایی ظریف زیر آیتم دسته‌بندی */
.repe-mega-wrap > button::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 2px;
    width: 0;
    height: 2px;
    background: var(--repe-gold);
    border-radius: 999px;
    transform: translateX(50%);
    transition: width .2s ease;
}

.repe-mega-wrap:hover > button::after,
.repe-mega-wrap:focus-within > button::after {
    width: 26px;
}

/* اصلاح آیکون سرچ: حذف کاراکتر قبلی و ساخت آیکون با CSS */
.repe-search-open {
    font-size: 0 !important;
}

.repe-search-open::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid var(--repe-warm-white);
    border-radius: 50%;
    display: block;
    position: relative;
}

.repe-search-open::after {
    content: "";
    width: 8px;
    height: 2px;
    background: var(--repe-warm-white);
    border-radius: 999px;
    position: absolute;
    transform: rotate(-45deg);
    right: 25px;
    top: 28px;
}

/* هاور سرچ با رنگ طلایی */
.repe-search-open:hover::before {
    border-color: var(--repe-gold);
}

.repe-search-open:hover::after {
    background: var(--repe-gold);
}

/* مگامنو کمی لوکس‌تر و تمیزتر */
.repe-mega {
    margin-top: 8px;
    background:
        linear-gradient(180deg, rgba(250,248,245,.98), rgba(250,248,245,.96)) !important;
    border: 1px solid rgba(170,186,166,.55) !important;
    box-shadow: 0 24px 70px rgba(32,35,28,.18) !important;
}

/* کارت‌های مگامنو روشن‌تر و شیک‌تر */
.repe-mega-card {
    background: rgba(255,255,255,.82) !important;
    border-color: rgba(230,222,215,.92) !important;
}

.repe-mega-card:hover {
    background: #fff !important;
    border-color: rgba(201,164,106,.75) !important;
}

/* متن دکمه دسته‌بندی در حالت هاور سفید نشود */
.repe-mega-wrap > button,
.repe-mega-wrap > button span {
    color: var(--repe-warm-white) !important;
}

.repe-mega-wrap:hover > button,
.repe-mega-wrap:focus-within > button {
    color: var(--repe-gold) !important;
}

/* فاصله بهتر بین منو و مگامنو */
.repe-nav {
    z-index: 10002;
}

.repe-mega-wrap {
    z-index: 10003;
}

/* اصلاح موبایل: فلش زیر دسته‌بندی در موبایل مزاحم نباشد */
@media (max-width: 1024px) {
    .repe-mega-wrap > button::before {
        display: none !important;
    }

    .repe-search-open::after {
        right: 23px;
        top: 26px;
    }
}


/* =========================================================
   RePe Header Polish v2
   Full text underline, minimal dropdown pointer, clean search icon
   ========================================================= */

/* خط طلایی زیر همه آیتم‌ها، مخصوصاً دسته‌بندی محصولات */
.repe-nav > a::after,
.repe-mega-wrap > button::after {
    content: "";
    position: absolute;
    right: 0 !important;
    left: 0 !important;
    bottom: 1px;
    width: 100% !important;
    height: 1.5px;
    background: var(--repe-gold);
    border-radius: 999px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .22s ease, opacity .22s ease;
    opacity: 0;
}

.repe-nav > a:hover::after,
.repe-nav > a:focus::after,
.repe-mega-wrap:hover > button::after,
.repe-mega-wrap:focus-within > button::after {
    transform: scaleX(1);
    opacity: 1;
}

/* حذف فلش قبلی و ساخت نشانگر مینیمال جدید */
.repe-mega-wrap > button::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -11px;
    width: 7px;
    height: 7px;
    background: var(--repe-warm-white);
    border: 0;
    border-radius: 1.5px;
    transform: translateX(50%) rotate(45deg) scale(.65);
    opacity: 0;
    visibility: hidden;
    box-shadow:
        -1px -1px 0 rgba(170,186,166,.28),
        0 0 0 1px rgba(250,248,245,.88);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    z-index: 10004;
}

.repe-mega-wrap:hover > button::before,
.repe-mega-wrap:focus-within > button::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(50%) rotate(45deg) scale(1);
}

/* فاصله مگامنو با فلش */
.repe-mega {
    margin-top: 9px !important;
}

/* اصلاح دکمه سرچ */
.repe-search-open {
    font-size: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    overflow: hidden;
}

/* حذف شکل قبلی سرچ */
.repe-search-open::before,
.repe-search-open::after {
    content: none !important;
}

/* آیکون سرچ تمیز با SVG */
.repe-search-open {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23FAF8F5' stroke-width='2'/%3E%3Cpath d='M16.2 16.2L21 21' stroke='%23FAF8F5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
}

/* هاور سرچ با SVG طلایی */
.repe-search-open:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23C9A46A' stroke-width='2'/%3E%3Cpath d='M16.2 16.2L21 21' stroke='%23C9A46A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* بهتر شدن ظاهر دکمه‌های سمت راست/چپ */
.repe-pill,
.repe-icon-btn {
    border-color: rgba(201,164,106,.60) !important;
    background: rgba(250,248,245,.035) !important;
}

.repe-pill:hover,
.repe-icon-btn:hover {
    background: rgba(201,164,106,.12) !important;
}

/* کمی نازک‌تر و مینیمال‌تر کردن منو */
.repe-nav > a,
.repe-mega-wrap > button {
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

/* فلش مزاحم در موبایل حذف شود */
@media (max-width: 1024px) {
    .repe-mega-wrap > button::before {
        display: none !important;
    }
}


/* =========================================================
   RePe Visual Upgrade
   Header spacing, calm body background, refined search icon,
   premium mega menu category cards
   ========================================================= */

/* بک‌گراند آرام و سازمانی RePe */
body {
    background:
        radial-gradient(circle at 8% 10%, rgba(170,186,166,.30), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(232,211,197,.34), transparent 30%),
        linear-gradient(180deg, #FAF8F5 0%, #F3EFE8 48%, #EDE8DF 100%) !important;
}

/* فاصله ظریف هدر از بالا و کنارها */
.repe-header {
    padding: 10px 12px 0 !important;
    margin-bottom: 28px !important;
}

.repe-header-inner {
    border-radius: 22px !important;
    border: 1px solid rgba(230,222,215,.22) !important;
    box-shadow:
        0 18px 45px rgba(32,35,28,.18),
        inset 0 1px 0 rgba(250,248,245,.12) !important;
}

/* هدر کمی جمع‌وجورتر و مینیمال‌تر */
.repe-header-inner {
    padding-top: 18px !important;
    padding-bottom: 12px !important;
}

.repe-logo span {
    font-size: 50px !important;
}

.repe-logo small {
    font-size: 10px !important;
    letter-spacing: 3.4px !important;
}

/* دکمه‌ها ظریف‌تر */
.repe-pill,
.repe-icon-btn {
    min-height: 42px !important;
    border-radius: 14px !important;
    border-color: rgba(201,164,106,.54) !important;
    background: rgba(250,248,245,.025) !important;
}

/* آیکون سرچ بسیار تمیزتر */
.repe-search-open {
    background-image: none !important;
    font-size: 0 !important;
    position: relative !important;
}

.repe-search-open::before {
    content: "" !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    border: 1.8px solid var(--repe-warm-white) !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: transparent !important;
}

.repe-search-open::after {
    content: "" !important;
    display: block !important;
    width: 7px !important;
    height: 1.8px !important;
    background: var(--repe-warm-white) !important;
    border-radius: 999px !important;
    position: absolute !important;
    top: 27px !important;
    right: 26px !important;
    transform: rotate(-45deg) !important;
}

.repe-search-open:hover::before {
    border-color: var(--repe-gold) !important;
}

.repe-search-open:hover::after {
    background: var(--repe-gold) !important;
}

/* Mega Menu: حالت لوکس‌تر و تصویری‌تر */
.repe-mega {
    background:
        radial-gradient(circle at 12% 12%, rgba(170,186,166,.15), transparent 24%),
        radial-gradient(circle at 88% 14%, rgba(232,211,197,.18), transparent 28%),
        rgba(250,248,245,.98) !important;
    border-radius: 26px !important;
    padding: 26px !important;
}

/* کارت‌ها از حالت ساده خارج شوند */
.repe-mega-card {
    min-height: 124px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 20px 20px 18px 18px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(250,248,245,.86)) !important;
    border: 1px solid rgba(230,222,215,.92) !important;
}

/* آیکون دایره‌ای تزئینی برای کارت‌ها */
.repe-mega-card::before {
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 35% 35%, rgba(201,164,106,.30), rgba(170,186,166,.18));
    position: absolute;
    top: 16px;
    left: 16px;
    opacity: .95;
    box-shadow: inset 0 0 0 1px rgba(201,164,106,.18);
}

/* نماد مینیمال داخل دایره */
.repe-mega-card::after {
    position: absolute;
    top: 25px;
    left: 30px;
    color: var(--repe-olive-dark);
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
}

/* آیکون‌های متفاوت برای ۸ کارت */
.repe-mega-card:nth-child(1)::after { content: "♧"; }
.repe-mega-card:nth-child(2)::after { content: "◌"; }
.repe-mega-card:nth-child(3)::after { content: "✦"; }
.repe-mega-card:nth-child(4)::after { content: "◇"; }
.repe-mega-card:nth-child(5)::after { content: "◍"; }
.repe-mega-card:nth-child(6)::after { content: "□"; }
.repe-mega-card:nth-child(7)::after { content: "✓"; }
.repe-mega-card:nth-child(8)::after { content: "%"; }

/* متن کارت‌ها */
.repe-mega-card b {
    font-size: 15.5px !important;
    color: var(--repe-text) !important;
    padding-left: 58px !important;
}

.repe-mega-card small {
    font-size: 12px !important;
    color: #67705D !important;
    padding-left: 58px !important;
}

/* خط ظریف پایین کارت */
.repe-mega-card b::after {
    content: "";
    display: block;
    width: 28px;
    height: 1.5px;
    margin-top: 8px;
    background: rgba(201,164,106,.55);
    border-radius: 999px;
}

/* هاور کارت‌ها */
.repe-mega-card:hover {
    background:
        linear-gradient(135deg, #fff, #FAF8F5) !important;
    border-color: rgba(201,164,106,.72) !important;
    box-shadow:
        0 18px 40px rgba(84,97,66,.13),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.repe-mega-card:hover::before {
    background:
        radial-gradient(circle at 35% 35%, rgba(201,164,106,.42), rgba(170,186,166,.25));
}

/* کمی بهتر شدن فاصله منو */
.repe-nav {
    gap: 27px !important;
}

/* باکس جستجو هم با همین پالت */
.repe-search-box {
    background:
        radial-gradient(circle at 12% 5%, rgba(170,186,166,.18), transparent 30%),
        var(--repe-warm-white) !important;
    border: 1px solid rgba(170,186,166,.38) !important;
}

/* موبایل */
@media (max-width: 1024px) {
    .repe-header {
        padding: 8px 8px 0 !important;
    }

    .repe-header-inner {
        border-radius: 18px !important;
    }

    .repe-logo span {
        font-size: 38px !important;
    }

    .repe-mega-card b,
    .repe-mega-card small {
        padding-left: 46px !important;
    }

    .repe-mega-card::before {
        width: 40px;
        height: 40px;
        left: 13px;
        top: 14px;
    }

    .repe-mega-card::after {
        left: 25px;
        top: 22px;
        font-size: 18px;
    }
}


/* =========================================================
   RePe SVG Icons Upgrade
   Search icon alignment + professional SVG mega menu icons
   ========================================================= */

/* یکسان‌سازی کامل دکمه سرچ با سبد خرید */
.repe-search-open {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background-color: rgba(250,248,245,.035) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8' cy='10.8' r='6.2' stroke='%23FAF8F5' stroke-width='1.9'/%3E%3Cpath d='M15.4 15.4L20 20' stroke='%23FAF8F5' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* حذف کامل سرچ قبلی که با before/after ساخته شده بود */
.repe-search-open::before,
.repe-search-open::after {
    display: none !important;
    content: none !important;
}

/* هاور سرچ */
.repe-search-open:hover {
    background-color: rgba(201,164,106,.13) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8' cy='10.8' r='6.2' stroke='%23C9A46A' stroke-width='1.9'/%3E%3Cpath d='M15.4 15.4L20 20' stroke='%23C9A46A' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* هماهنگی سایز سبد خرید با سرچ */
.repe-cart {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
}

/* کارت‌های مگامنو: فضای آیکون حرفه‌ای‌تر */
.repe-mega-card {
    padding-left: 82px !important;
}

.repe-mega-card::before {
    width: 54px !important;
    height: 54px !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background:
        radial-gradient(circle at 35% 35%, rgba(201,164,106,.22), rgba(170,186,166,.18)) !important;
}

/* حذف نمادهای متنی قبلی و جایگزینی با SVG */
.repe-mega-card::after {
    content: "" !important;
    width: 27px !important;
    height: 27px !important;
    position: absolute !important;
    left: 31px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 27px 27px !important;
}

/* مراقبت پوست - بطری و برگ */
.repe-mega-card:nth-child(1)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11H17C18.1 11 19 11.9 19 13V23H8V13C8 11.9 8.9 11 10 11Z' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M11 11V7H16V11' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M12 7V4H15V7' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M19 9C22 7.8 23.6 5.5 24 3C21.4 3.2 19.4 4.6 18 7' stroke='%23546142' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M11 16H16' stroke='%23546142' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* مراقبت مو - شانه و قطره */
.repe-mega-card:nth-child(2)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5H19C20.1 5 21 5.9 21 7V9C21 10.1 20.1 11 19 11H9C7.9 11 7 10.1 7 9V7C7 5.9 7.9 5 9 5Z' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M9 11V23M12 11V21M15 11V23M18 11V21' stroke='%23546142' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M22.5 18C24.5 20.5 24.2 23 22 24C19.8 23 19.5 20.5 21.5 18L22 17.4L22.5 18Z' stroke='%23546142' stroke-width='1.3'/%3E%3C/svg%3E") !important;
}

/* آرایشی - براش و رژ */
.repe-mega-card:nth-child(3)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 18L17.5 8.5C18.7 7.3 20.6 7.3 21.8 8.5C23 9.7 23 11.6 21.8 12.8L12.3 22.3L8 18Z' stroke='%23546142' stroke-width='1.5'/%3E%3Cpath d='M8 18L5.5 22.8C5.2 23.4 5.8 24 6.4 23.7L12.3 22.3' stroke='%23546142' stroke-width='1.5'/%3E%3Cpath d='M6 5H11V16H6V5Z' stroke='%23546142' stroke-width='1.5'/%3E%3Cpath d='M7 3H10' stroke='%23546142' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* بهداشتی - قطره و سپر */
.repe-mega-card:nth-child(4)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4C14 4 20 10.2 20 16C20 20 17.3 23 14 23C10.7 23 8 20 8 16C8 10.2 14 4 14 4Z' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M11.5 16C11.5 18.1 12.6 19.5 14 19.5' stroke='%23546142' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M5 8L14 4L23 8' stroke='%23546142' stroke-width='1.2' stroke-linecap='round' opacity='.75'/%3E%3C/svg%3E") !important;
}

/* عطر و پرفیوم */
.repe-mega-card:nth-child(5)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11H18C19.1 11 20 11.9 20 13V23H8V13C8 11.9 8.9 11 10 11Z' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M11 11V7H17V11' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M12 7V4H16V7' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M20 8H24' stroke='%23546142' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M22 6V10' stroke='%23546142' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M11 16H17' stroke='%23546142' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* پک‌ها و ست‌ها - هدیه */
.repe-mega-card:nth-child(6)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11H23V23H5V11Z' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M4 8H24V12H4V8Z' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M14 8V23' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M14 8C12.5 5 9 4.8 8 6.5C7 8.2 9.8 9 14 8Z' stroke='%23546142' stroke-width='1.3'/%3E%3Cpath d='M14 8C15.5 5 19 4.8 20 6.5C21 8.2 18.2 9 14 8Z' stroke='%23546142' stroke-width='1.3'/%3E%3C/svg%3E") !important;
}

/* برند تراست - نشان تایید */
.repe-mega-card:nth-child(7)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4L22 7V13C22 18.5 18.5 22.5 14 24C9.5 22.5 6 18.5 6 13V7L14 4Z' stroke='%23546142' stroke-width='1.6'/%3E%3Cpath d='M10 14L13 17L18.5 11.5' stroke='%23546142' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* پیشنهاد ویژه RePe - درصد */
.repe-mega-card:nth-child(8)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4L16.5 7.2L20.5 7.5L20.8 11.5L24 14L20.8 16.5L20.5 20.5L16.5 20.8L14 24L11.5 20.8L7.5 20.5L7.2 16.5L4 14L7.2 11.5L7.5 7.5L11.5 7.2L14 4Z' stroke='%23546142' stroke-width='1.5'/%3E%3Cpath d='M10 18L18 10' stroke='%23546142' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='1.4' stroke='%23546142' stroke-width='1.3'/%3E%3Ccircle cx='17.5' cy='17.5' r='1.4' stroke='%23546142' stroke-width='1.3'/%3E%3C/svg%3E") !important;
}

/* تنظیم متن بعد از تغییر آیکون‌ها */
.repe-mega-card b,
.repe-mega-card small {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* کارت در حالت RTL، آیکون سمت چپ بماند و متن نفس بکشد */
.repe-mega-card {
    justify-content: center !important;
}

/* موبایل */
@media (max-width: 1024px) {
    .repe-mega-card {
        padding-left: 68px !important;
    }

    .repe-mega-card::before {
        width: 46px !important;
        height: 46px !important;
        left: 14px !important;
    }

    .repe-mega-card::after {
        width: 23px !important;
        height: 23px !important;
        left: 25px !important;
        background-size: 23px 23px !important;
    }
}


/* =========================================================
   RePe Fix: Search duplicated icon + MegaMenu hover gap
   ========================================================= */

/* سرچ: پاکسازی کامل همه نسخه‌های قبلی آیکون */
.repe-search-open,
.repe-search-open:hover,
.repe-search-open:focus {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    background-image: none !important;
    position: relative !important;
}

/* هیچ آیکون قبلی از before/after نمایش داده نشود */
.repe-search-open::before,
.repe-search-open::after,
.repe-search-open:hover::before,
.repe-search-open:hover::after,
.repe-search-open:focus::before,
.repe-search-open:focus::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* آیکون سرچ فقط با یک span داخلی مجازی از box-shadow ساخته شود */
.repe-search-open {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(201,164,106,.54) !important;
    background-color: rgba(250,248,245,.035) !important;
}

/* ساخت یک آیکون واحد و تمیز با background لایه داخلی */
.repe-search-open {
    background:
        linear-gradient(var(--repe-warm-white), var(--repe-warm-white)) 25px 26px / 8px 2px no-repeat,
        radial-gradient(circle at center, transparent 0 7px, var(--repe-warm-white) 7.4px 8.9px, transparent 9.3px) center / 22px 22px no-repeat,
        rgba(250,248,245,.035) !important;
}

.repe-search-open:hover,
.repe-search-open:focus {
    background:
        linear-gradient(var(--repe-gold), var(--repe-gold)) 25px 26px / 8px 2px no-repeat,
        radial-gradient(circle at center, transparent 0 7px, var(--repe-gold) 7.4px 8.9px, transparent 9.3px) center / 22px 22px no-repeat,
        rgba(201,164,106,.13) !important;
    border-color: var(--repe-gold) !important;
}

/* =========================================================
   Mega Menu hover safe zone
   ========================================================= */

/* والد باید یک ناحیه امن داشته باشد تا فاصله بین دکمه و مگامنو باعث بسته شدن نشود */
.repe-mega-wrap {
    position: static !important;
}

/* یک پل نامرئی بین دکمه دسته‌بندی و مگامنو */
.repe-mega-wrap::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 26px;
    background: transparent;
    z-index: 10002;
}

/* مگامنو کمی نزدیک‌تر شود */
.repe-mega {
    margin-top: 2px !important;
    top: calc(100% + 2px) !important;
    z-index: 10003 !important;
}

/* وقتی موس روی خود مگامنو است، باز بماند */
.repe-mega:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* فلش مینیمال‌تر و بدون اجبار برای عبور موس */
.repe-mega-wrap > button::before {
    bottom: -8px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 1px !important;
    pointer-events: none !important;
}

/* باز شدن منو هم با هاور روی دکمه، هم روی فضای امن، هم روی پنل */
.repe-mega-wrap:hover .repe-mega,
.repe-mega-wrap:focus-within .repe-mega {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(50%) translateY(0) !important;
}

/* جلوگیری از بسته شدن سریع هنگام حرکت موس */
.repe-mega {
    transition:
        opacity .18s ease,
        visibility .18s ease,
        transform .18s ease !important;
}

/* خط طلایی کامل زیر متن */
.repe-mega-wrap > button::after {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    transform: scaleX(0) !important;
}

.repe-mega-wrap:hover > button::after,
.repe-mega-wrap:focus-within > button::after {
    transform: scaleX(1) !important;
}


/* =========================================================
   RePe Elegant Search Icon
   Thin luxury SVG search icon
   ========================================================= */

.repe-search-open,
.repe-search-open:hover,
.repe-search-open:focus,
.repe-search-open:active {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(201,164,106,.54) !important;
    background-color: rgba(250,248,245,.035) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 19px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* خاموش کردن همه آیکون‌های قبلی */
.repe-search-open::before,
.repe-search-open::after,
.repe-search-open:hover::before,
.repe-search-open:hover::after,
.repe-search-open:focus::before,
.repe-search-open:focus::after,
.repe-search-open:active::before,
.repe-search-open:active::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* آیکون سرچ ظریف */
.repe-search-open {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8' cy='10.8' r='5.9' stroke='%23FAF8F5' stroke-width='1.45'/%3E%3Cpath d='M15.25 15.25L20 20' stroke='%23FAF8F5' stroke-width='1.45' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.repe-search-open:hover,
.repe-search-open:focus {
    border-color: var(--repe-gold) !important;
    background-color: rgba(201,164,106,.12) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8' cy='10.8' r='5.9' stroke='%23C9A46A' stroke-width='1.45'/%3E%3Cpath d='M15.25 15.25L20 20' stroke='%23C9A46A' stroke-width='1.45' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* هماهنگ‌سازی ظرافت دکمه سبد خرید */
.repe-cart {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 14px !important;
    border-color: rgba(201,164,106,.54) !important;
    background-color: rgba(250,248,245,.035) !important;
    font-size: 17px !important;
}

.repe-cart:hover {
    border-color: var(--repe-gold) !important;
    background-color: rgba(201,164,106,.12) !important;
}


/* =========================================================
   RePe Fix: Narrow Mega Menu hover safe zone
   Prevent mega menu opening across whole navbar
   ========================================================= */

/* پل نامرئی قبلی کل نوبار را می‌گرفت؛ حالا فقط زیر خود دسته‌بندی فعال است */
.repe-mega-wrap::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    right: 50% !important;
    left: auto !important;
    width: 180px !important;
    height: 22px !important;
    transform: translateX(50%) !important;
    background: transparent !important;
    z-index: 10002 !important;
    pointer-events: auto !important;
}

/* خود آیتم دسته‌بندی مرجع ناحیه هاور باشد */
.repe-mega-wrap {
    position: relative !important;
}

/* پنل مگامنو نسبت به همان آیتم باز شود، ولی عرض بزرگ خودش را حفظ کند */
.repe-mega {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    right: 50% !important;
    transform: translateX(50%) translateY(8px) !important;
    width: min(1180px, calc(100vw - 60px)) !important;
    margin-top: 0 !important;
}

/* باز شدن طبیعی فقط وقتی روی خود دسته‌بندی، پل کوچک یا پنل هستیم */
.repe-mega-wrap:hover .repe-mega,
.repe-mega-wrap:focus-within .repe-mega,
.repe-mega:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(50%) translateY(0) !important;
}

/* فلش کوچک‌تر و دقیق‌تر */
.repe-mega-wrap > button::before {
    bottom: -9px !important;
    width: 6px !important;
    height: 6px !important;
    pointer-events: none !important;
}

/* روی سایر آیتم‌های منو، مگامنو نباید فعال شود */
.repe-nav > a:hover ~ .repe-mega,
.repe-nav > a:focus ~ .repe-mega {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 1024px) {
    .repe-mega-wrap {
        position: static !important;
    }

    .repe-mega-wrap::after {
        display: none !important;
    }
}


/* =========================================================
   RePe Fix: responsive contact/account icons + exact mega hover zone
   ========================================================= */

/* Mega Menu hover zone دقیقا به اندازه متن خودش */
.repe-mega-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* پل نامرئی فقط زیر خود متن دسته‌بندی محصولات */
.repe-mega-wrap::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 18px !important;
    transform: none !important;
    background: transparent !important;
    z-index: 10002 !important;
    pointer-events: auto !important;
}

/* خط طلایی دقیقا اندازه متن دکمه */
.repe-mega-wrap > button::after {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
}

.repe-mega-wrap:hover > button::after,
.repe-mega-wrap:focus-within > button::after {
    transform: scaleX(1) !important;
}

/* مگامنو همچنان وسط صفحه/هدر باز شود */
.repe-mega {
    top: calc(100% + 4px) !important;
    right: 50% !important;
    transform: translateX(50%) translateY(8px) !important;
}

.repe-mega-wrap:hover .repe-mega,
.repe-mega-wrap:focus-within .repe-mega,
.repe-mega:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(50%) translateY(0) !important;
}

/* فلش کوچک‌تر و فقط زیر خود متن */
.repe-mega-wrap > button::before {
    bottom: -8px !important;
    width: 5px !important;
    height: 5px !important;
    pointer-events: none !important;
}

/* =========================================================
   Responsive icons for Contact and Account buttons
   ========================================================= */

@media (max-width: 1024px) {
    .repe-header-left {
        gap: 8px !important;
    }

    .repe-pill {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
        position: relative !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 21px 21px !important;
    }

    /* حذف نقطه یا آیکون قبلی */
    .repe-pill::before,
    .repe-pill::after {
        content: none !important;
        display: none !important;
    }

    /* تماس با ما */
    .repe-header-left .repe-pill:nth-child(1) {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 4.5L9.6 7.4C10.1 8 10.1 8.9 9.5 9.5L8.4 10.6C9.7 13.1 11.8 15.2 14.3 16.5L15.5 15.3C16 14.8 16.9 14.7 17.5 15.2L20.4 17.6C21.1 18.2 21.2 19.2 20.6 19.9C19.8 20.9 18.7 21.5 17.4 21.4C9.6 20.8 3.3 14.5 2.7 6.7C2.6 5.4 3.2 4.2 4.2 3.5C5.1 2.9 6.3 3.5 7.2 4.5Z' stroke='%23FAF8F5' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    }

    .repe-header-left .repe-pill:nth-child(1):hover {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 4.5L9.6 7.4C10.1 8 10.1 8.9 9.5 9.5L8.4 10.6C9.7 13.1 11.8 15.2 14.3 16.5L15.5 15.3C16 14.8 16.9 14.7 17.5 15.2L20.4 17.6C21.1 18.2 21.2 19.2 20.6 19.9C19.8 20.9 18.7 21.5 17.4 21.4C9.6 20.8 3.3 14.5 2.7 6.7C2.6 5.4 3.2 4.2 4.2 3.5C5.1 2.9 6.3 3.5 7.2 4.5Z' stroke='%23C9A46A' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    }

    /* ورود / ثبت نام */
    .repe-header-left .repe-pill:nth-child(2) {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='3.5' stroke='%23FAF8F5' stroke-width='1.55'/%3E%3Cpath d='M5.5 20C6.3 16.6 8.7 14.7 12 14.7C15.3 14.7 17.7 16.6 18.5 20' stroke='%23FAF8F5' stroke-width='1.55' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    }

    .repe-header-left .repe-pill:nth-child(2):hover {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='3.5' stroke='%23C9A46A' stroke-width='1.55'/%3E%3Cpath d='M5.5 20C6.3 16.6 8.7 14.7 12 14.7C15.3 14.7 17.7 16.6 18.5 20' stroke='%23C9A46A' stroke-width='1.55' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    }
}

/* روی دسکتاپ متن دکمه‌ها طبیعی بماند */
@media (min-width: 1025px) {
    .repe-pill {
        text-indent: 0 !important;
        overflow: visible !important;
        font-size: 13px !important;
        line-height: 1 !important;
        background-image: none !important;
    }
}


/* =========================================================
   RePe Header Upgrade:
   Sticky header + separated nav strip + remove top contact button
   ========================================================= */

/* هدر هنگام اسکرول فریز/Sticky باشد */
.repe-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99990 !important;
    padding: 10px 12px 0 !important;
    margin-bottom: 28px !important;
}

/* وقتی با ادمین لاگین هستی، زیر admin bar قرار بگیرد */
.admin-bar .repe-header {
    top: 32px !important;
}

@media (max-width: 782px) {
    .admin-bar .repe-header {
        top: 46px !important;
    }
}

/* حذف دکمه تماس با ما از اکشن‌های بالایی؛ تماس با ما در منو باقی می‌ماند */
.repe-header-left .repe-pill:first-child {
    display: none !important;
}

/* تنظیم فاصله وقتی فقط ورود / ثبت نام می‌ماند */
.repe-header-left {
    justify-content: flex-start !important;
}

/* ردیف اصلی هدر کمی شیک‌تر و جدا از بدنه */
.repe-header-inner {
    border-radius: 22px !important;
    border: 1px solid rgba(230,222,215,.22) !important;
    box-shadow:
        0 18px 46px rgba(32,35,28,.20),
        inset 0 1px 0 rgba(250,248,245,.12) !important;
    overflow: visible !important;
}

/* منوی خانه/فروشگاه/... یک نوار جدا با بک‌گراند متفاوت بگیرد */
.repe-nav {
    width: fit-content !important;
    max-width: calc(100% - 32px) !important;
    margin: 18px auto 0 !important;
    padding: 5px 22px !important;
    gap: 24px !important;

    background:
        linear-gradient(180deg, rgba(250,248,245,.96), rgba(230,222,215,.88)) !important;
    border: 1px solid rgba(201,164,106,.22) !important;
    border-radius: 18px !important;
    box-shadow:
        0 10px 28px rgba(32,35,28,.10),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
    backdrop-filter: blur(8px);
}

/* رنگ متن منو داخل نوار روشن */
.repe-nav > a,
.repe-mega-wrap > button {
    color: var(--repe-olive-dark) !important;
    font-weight: 600 !important;
    padding: 10px 0 !important;
}

/* هاور منو */
.repe-nav > a:hover,
.repe-nav > a:focus,
.repe-mega-wrap:hover > button,
.repe-mega-wrap:focus-within > button {
    color: var(--repe-gold) !important;
}

/* خط طلایی زیر آیتم‌ها */
.repe-nav > a::after,
.repe-mega-wrap > button::after {
    background: var(--repe-gold) !important;
    height: 1.5px !important;
    bottom: 2px !important;
}

/* فلش مگامنو با رنگ نوار روشن هماهنگ شود */
.repe-mega-wrap > button::before {
    background: var(--repe-warm-white) !important;
    box-shadow:
        -1px -1px 0 rgba(170,186,166,.22),
        0 0 0 1px rgba(250,248,245,.92) !important;
}

/* دکمه ورود/ثبت‌نام هم‌خانواده با سرچ و سبد خرید */
.repe-header-left .repe-pill {
    border-color: rgba(201,164,106,.56) !important;
    background: rgba(250,248,245,.035) !important;
}

/* بک‌گراند کلی سایت آرام‌تر و برندمحورتر */
body {
    background:
        radial-gradient(circle at 8% 8%, rgba(170,186,166,.26), transparent 28%),
        radial-gradient(circle at 94% 10%, rgba(232,211,197,.28), transparent 31%),
        linear-gradient(180deg, #FAF8F5 0%, #F4F0E9 45%, #EDE8DF 100%) !important;
}

/* وقتی هدر sticky است، مگامنو روی محتوا درست نمایش داده شود */
.repe-mega {
    z-index: 99999 !important;
}

/* نسخه موبایل و تبلت */
@media (max-width: 1024px) {
    .repe-header {
        padding: 8px 8px 0 !important;
    }

    .repe-nav {
        width: auto !important;
        max-width: 100% !important;
        margin-top: 14px !important;
        padding: 4px 14px !important;
        border-radius: 15px !important;
        justify-content: flex-start !important;
        gap: 18px !important;
    }

    .repe-header-left .repe-pill:first-child {
        display: none !important;
    }
}


/* =========================================================
   RePe Fix: Single responsive account icon
   Prevent duplicate icons on login/register button
   ========================================================= */

@media (max-width: 1024px) {

    /* دکمه ورود / ثبت نام در حالت ریسپانسیو */
    .repe-header-left .repe-pill:nth-child(2),
    .repe-header-left .repe-pill:nth-child(2):hover,
    .repe-header-left .repe-pill:nth-child(2):focus,
    .repe-header-left .repe-pill:nth-child(2):active {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 14px !important;

        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        text-indent: -9999px !important;
        overflow: hidden !important;

        background-color: rgba(250,248,245,.035) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 21px 21px !important;
        box-shadow: none !important;
        position: relative !important;
    }

    /* حذف کامل هر آیکون قبلی، نقطه، before و after */
    .repe-header-left .repe-pill:nth-child(2)::before,
    .repe-header-left .repe-pill:nth-child(2)::after,
    .repe-header-left .repe-pill:nth-child(2):hover::before,
    .repe-header-left .repe-pill:nth-child(2):hover::after,
    .repe-header-left .repe-pill:nth-child(2):focus::before,
    .repe-header-left .repe-pill:nth-child(2):focus::after,
    .repe-header-left .repe-pill:nth-child(2):active::before,
    .repe-header-left .repe-pill:nth-child(2):active::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* فقط یک آیکون کاربر SVG */
    .repe-header-left .repe-pill:nth-child(2) {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8.2' r='3.45' stroke='%23FAF8F5' stroke-width='1.55'/%3E%3Cpath d='M5.6 20C6.45 16.65 8.8 14.8 12 14.8C15.2 14.8 17.55 16.65 18.4 20' stroke='%23FAF8F5' stroke-width='1.55' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    }

    .repe-header-left .repe-pill:nth-child(2):hover,
    .repe-header-left .repe-pill:nth-child(2):focus {
        border-color: var(--repe-gold) !important;
        background-color: rgba(201,164,106,.12) !important;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8.2' r='3.45' stroke='%23C9A46A' stroke-width='1.55'/%3E%3Cpath d='M5.6 20C6.45 16.65 8.8 14.8 12 14.8C15.2 14.8 17.55 16.65 18.4 20' stroke='%23C9A46A' stroke-width='1.55' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    }
}

/* در دسکتاپ متن ورود / ثبت نام عادی بماند */
@media (min-width: 1025px) {
    .repe-header-left .repe-pill:nth-child(2),
    .repe-header-left .repe-pill:nth-child(2):hover,
    .repe-header-left .repe-pill:nth-child(2):focus {
        width: auto !important;
        min-width: auto !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 15px !important;
        font-size: 13px !important;
        line-height: 1 !important;
        color: var(--repe-warm-white) !important;
        text-indent: 0 !important;
        overflow: visible !important;
        background-image: none !important;
    }
}


/* =========================================================
   RePe Wide Navbar Strip
   Make main nav strip wider and more premium
   ========================================================= */

/* نوار منو حدود ۹۵ درصد عرض هدر را بگیرد */
.repe-nav {
    width: 95% !important;
    max-width: 1320px !important;
    margin: 18px auto 0 !important;
    padding: 6px 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;

    background:
        linear-gradient(180deg, rgba(250,248,245,.97), rgba(230,222,215,.90)) !important;
    border: 1px solid rgba(201,164,106,.24) !important;
    border-radius: 18px !important;
    box-shadow:
        0 12px 30px rgba(32,35,28,.10),
        inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* آیتم‌ها داخل نوار مرتب و هم‌اندازه‌تر نفس بکشند */
.repe-nav > a,
.repe-mega-wrap > button {
    white-space: nowrap !important;
    text-align: center !important;
    padding: 10px 2px !important;
    font-size: 13.5px !important;
}

/* دسته‌بندی محصولات وسط‌چین و بدون کشیدگی عجیب */
.repe-mega-wrap {
    flex: 0 0 auto !important;
}

/* روی دسکتاپ اگر فضا کم شد، کمی فونت کوچک‌تر شود */
@media (max-width: 1200px) and (min-width: 1025px) {
    .repe-nav {
        width: 96% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        gap: 10px !important;
    }

    .repe-nav > a,
    .repe-mega-wrap > button {
        font-size: 12.5px !important;
    }
}

/* در تبلت و موبایل، منو دوباره قابل اسکرول و جمع‌وجور باشد */
@media (max-width: 1024px) {
    .repe-nav {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        gap: 18px !important;
        padding: 5px 14px !important;
        scrollbar-width: none !important;
    }

    .repe-nav::-webkit-scrollbar {
        display: none !important;
    }

    .repe-nav > a,
    .repe-mega-wrap > button {
        font-size: 13px !important;
        flex: 0 0 auto !important;
    }
}


/* =========================================================
   RePe Fix: Keep Mega Menu inside navbar/header width
   ========================================================= */

/* نوار منو مرجع جایگیری مگامنو باشد */
.repe-nav {
    position: relative !important;
    overflow: visible !important;
}

/* آیتم دسته‌بندی فقط برای هاور باشد، نه مرجع عرض پنل */
.repe-mega-wrap {
    position: static !important;
}

/* پل هاور کوچک فقط زیر متن دسته‌بندی */
.repe-mega-wrap::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    right: auto !important;
    left: auto !important;
    width: 150px !important;
    height: 18px !important;
    transform: none !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 10002 !important;
}

/* پنل مگامنو داخل خود نوار منو باز شود */
.repe-mega {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 50% !important;
    left: auto !important;

    width: min(100%, 1180px) !important;
    max-width: calc(100vw - 48px) !important;

    transform: translateX(50%) translateY(8px) !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* هنگام هاور درست باز شود */
.repe-mega-wrap:hover .repe-mega,
.repe-mega-wrap:focus-within .repe-mega,
.repe-mega:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(50%) translateY(0) !important;
}

/* گرید داخل مگامنو از کادر بیرون نزند */
.repe-mega-grid {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* کارت‌ها داخل پنل جمع شوند و بیرون نزنند */
.repe-mega-card {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* اگر عرض صفحه کمتر شد، ۳ ستونه شود */
@media (max-width: 1200px) and (min-width: 1025px) {
    .repe-mega-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .repe-mega {
        padding: 20px !important;
    }

    .repe-mega-card {
        padding: 15px 14px 15px 66px !important;
    }
}

/* در تبلت و موبایل، پنل داخل صفحه بماند */
@media (max-width: 1024px) {
    .repe-mega-wrap {
        position: static !important;
    }

    .repe-mega {
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: translateY(8px) !important;
        top: calc(100% + 8px) !important;
    }

    .repe-mega-wrap:hover .repe-mega,
    .repe-mega-wrap:focus-within .repe-mega,
    .repe-mega:hover {
        transform: translateY(0) !important;
    }
}


/* =========================================================
   RePe Header/Hero Integration Fix
   Nav overlaps green header and hero, no gap under header
   ========================================================= */

/* هدر سبز جمع‌تر شود و با Hero یکیپارچه‌تر دیده شود */
.repe-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99990 !important;
    padding: 8px 12px 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
}

/* باکس سبز هدر از حالت خیلی بلند خارج شود */
.repe-header-inner {
    position: relative !important;
    padding-top: 14px !important;
    padding-bottom: 38px !important;
    border-radius: 0 0 20px 20px !important;
    overflow: visible !important;
    box-shadow:
        0 12px 34px rgba(32,35,28,.16),
        inset 0 1px 0 rgba(250,248,245,.10) !important;
}

/* لوگو و ردیف بالا جمع‌تر */
.repe-header-main {
    min-height: 66px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.repe-logo span {
    font-size: 46px !important;
    line-height: .9 !important;
}

.repe-logo small {
    font-size: 9px !important;
    letter-spacing: 3px !important;
}

/* نوار منو روی لبه پایین هدر بنشیند، نه جدا و با فاصله */
.repe-nav {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: -28px !important;
    transform: translateX(-50%) !important;

    width: 95% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 6px 28px !important;

    z-index: 100000 !important;
    border-radius: 16px !important;

    background:
        linear-gradient(180deg, rgba(250,248,245,.98), rgba(236,229,219,.94)) !important;
    border: 1px solid rgba(201,164,106,.25) !important;
    box-shadow:
        0 16px 34px rgba(32,35,28,.14),
        inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* چون nav absolute شد، مگامنو هم درست نسبت به nav باز شود */
.repe-mega {
    top: calc(100% + 8px) !important;
    z-index: 100001 !important;
}

/* حذف فاصله اضافه زیر هدر در حالت admin */
.admin-bar .repe-header {
    top: 32px !important;
}

@media (max-width: 782px) {
    .admin-bar .repe-header {
        top: 46px !important;
    }
}

@media (max-width: 1024px) {
    .repe-header {
        padding: 6px 8px 0 !important;
    }

    .repe-header-inner {
        padding-bottom: 32px !important;
        border-radius: 0 0 18px 18px !important;
    }

    .repe-header-main {
        min-height: 58px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .repe-logo span {
        font-size: 36px !important;
    }

    .repe-logo small {
        font-size: 8px !important;
        letter-spacing: 2.3px !important;
    }

    .repe-nav {
        bottom: -24px !important;
        width: calc(100% - 20px) !important;
        padding: 5px 14px !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }
}


/* =========================================================
   RePe Header Final Layout:
   Nav over hero + mobile hamburger menu
   ========================================================= */

/* هدر سبز جمع‌تر و بدون فاصله اضافه */
.repe-header {
    margin-bottom: 0 !important;
    padding: 8px 12px 0 !important;
    background: transparent !important;
}

/* باکس سبز فقط بخش اصلی لوگو/اکشن‌ها باشد */
.repe-header-inner {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    border-radius: 0 0 20px 20px !important;
    overflow: visible !important;
}

/* ردیف اصلی هدر جمع‌تر */
.repe-header-main {
    min-height: 66px !important;
}

/* نوار منو روی عکس Hero بنشیند */
.repe-nav {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: -31px !important;
    transform: translateX(-50%) !important;

    width: 95% !important;
    max-width: 1320px !important;
    margin: 0 !important;
    z-index: 100000 !important;

    background:
        linear-gradient(180deg, rgba(250,248,245,.985), rgba(236,229,219,.94)) !important;
    border: 1px solid rgba(201,164,106,.26) !important;
    box-shadow:
        0 18px 36px rgba(32,35,28,.15),
        inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* دکمه همبرگر در دسکتاپ مخفی باشد */
.repe-mobile-menu-toggle {
    display: none !important;
}

/* مگامنو روی Hero و زیر نوار سفید درست باز شود */
.repe-mega {
    z-index: 100001 !important;
}

/* =========================================================
   Mobile / Tablet Header
   ========================================================= */

@media (max-width: 1024px) {
    .repe-header {
        padding: 6px 8px 0 !important;
    }

    .repe-header-inner {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-radius: 0 0 18px 18px !important;
    }

    .repe-header-main {
        min-height: 56px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .repe-logo {
        justify-self: center !important;
    }

    .repe-logo span {
        font-size: 35px !important;
    }

    .repe-logo small {
        font-size: 8px !important;
        letter-spacing: 2.2px !important;
    }

    /* دکمه همبرگر کنار ورود/ثبت نام */
    .repe-mobile-menu-toggle {
        display: inline-flex !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(201,164,106,.54) !important;
        background: rgba(250,248,245,.035) !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        cursor: pointer !important;
        position: relative !important;
        font-size: 0 !important;
        color: transparent !important;
    }

    .repe-mobile-menu-toggle span,
    .repe-mobile-menu-toggle::before,
    .repe-mobile-menu-toggle::after {
        content: "" !important;
        display: block !important;
        width: 18px !important;
        height: 1.7px !important;
        border-radius: 999px !important;
        background: var(--repe-warm-white) !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        transition: all .22s ease !important;
    }

    .repe-mobile-menu-toggle::before {
        top: 14px !important;
    }

    .repe-mobile-menu-toggle span {
        top: 20px !important;
    }

    .repe-mobile-menu-toggle::after {
        top: 26px !important;
    }

    body.repe-mobile-menu-open .repe-mobile-menu-toggle::before {
        top: 20px !important;
        transform: translateX(-50%) rotate(45deg) !important;
        background: var(--repe-gold) !important;
    }

    body.repe-mobile-menu-open .repe-mobile-menu-toggle span {
        opacity: 0 !important;
    }

    body.repe-mobile-menu-open .repe-mobile-menu-toggle::after {
        top: 20px !important;
        transform: translateX(-50%) rotate(-45deg) !important;
        background: var(--repe-gold) !important;
    }

    /* نوار منو در موبایل دیگر افقی نباشد؛ تبدیل به پنل همبرگری شود */
    .repe-nav {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 10px !important;
        left: 10px !important;
        bottom: auto !important;
        transform: none !important;

        width: auto !important;
        max-width: none !important;
        padding: 14px !important;
        border-radius: 18px !important;

        background:
            linear-gradient(180deg, rgba(250,248,245,.99), rgba(236,229,219,.97)) !important;
        box-shadow:
            0 22px 54px rgba(32,35,28,.20),
            inset 0 1px 0 rgba(255,255,255,.88) !important;

        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        overflow: visible !important;
        z-index: 100002 !important;
    }

    body.repe-mobile-menu-open .repe-nav {
        display: flex !important;
    }

    .repe-nav > a,
    .repe-mega-wrap > button {
        width: 100% !important;
        text-align: right !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
        color: var(--repe-olive-dark) !important;
        font-size: 14px !important;
    }

    .repe-nav > a:hover,
    .repe-mega-wrap > button:hover {
        background: rgba(170,186,166,.14) !important;
        color: var(--repe-olive-dark) !important;
    }

    .repe-nav > a::after,
    .repe-mega-wrap > button::after,
    .repe-mega-wrap > button::before,
    .repe-mega-wrap::after {
        display: none !important;
    }

    /* مگامنو در موبایل داخل پنل منو نمایش داده شود */
    .repe-mega-wrap {
        width: 100% !important;
        position: relative !important;
        display: block !important;
    }

    .repe-mega {
        position: static !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 6px 0 8px !important;
        padding: 12px !important;
        border-radius: 16px !important;
        box-shadow: none !important;
        background: rgba(255,255,255,.58) !important;
    }

    .repe-mega-wrap:hover .repe-mega,
    .repe-mega-wrap:focus-within .repe-mega {
        display: block !important;
        transform: none !important;
    }

    .repe-mega-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .repe-mega-card {
        min-height: 78px !important;
        padding: 12px 62px 12px 12px !important;
    }

    .repe-mega-card::before {
        right: 14px !important;
        left: auto !important;
        width: 38px !important;
        height: 38px !important;
    }

    .repe-mega-card::after {
        right: 22px !important;
        left: auto !important;
        width: 22px !important;
        height: 22px !important;
        background-size: 22px 22px !important;
    }
}


/* =========================================================
   RePe Fix: Better nav spacing + remove duplicate contact button
   ========================================================= */

/* حذف قطعی دکمه تماس با ما از بخش اکشن‌های بالای هدر */
.repe-header-left a[href*="/contact"],
.repe-header-left a[href*="contact-us"],
.repe-header-left .repe-pill:first-child {
    display: none !important;
}

/* دکمه‌های باقی‌مانده سمت چپ مرتب بمانند */
.repe-header-left {
    gap: 10px !important;
    align-items: center !important;
}

/* هدر سبز کمی ارتفاع بگیرد تا نوار سفید به دکمه‌ها نچسبد */
.repe-header-inner {
    padding-top: 16px !important;
    padding-bottom: 44px !important;
}

/* ردیف لوگو و دکمه‌ها کمی بالاتر و تمیزتر بماند */
.repe-header-main {
    min-height: 64px !important;
}

/* نوار سفید خانه/فروشگاه کمی پایین‌تر بنشیند */
.repe-nav {
    bottom: -32px !important;
}

/* Hero همچنان به هدر بچسبد، ولی زیر نوار سفید فضای امن داشته باشد */
.repe-home-hero-bg {
    margin-top: 0 !important;
}

/* متن Hero کمی پایین‌تر از نوار سفید شروع شود */
.repe-home-hero-content {
    padding-top: 158px !important;
}

/* موبایل و تبلت */
@media (max-width: 1024px) {
    /* حذف تماس با ما حتی وقتی همبرگر اضافه شده */
    .repe-header-left a[href*="/contact"],
    .repe-header-left a[href*="contact-us"],
    .repe-header-left .repe-pill:first-child {
        display: none !important;
    }

    .repe-header-inner {
        padding-top: 11px !important;
        padding-bottom: 12px !important;
    }

    .repe-header-main {
        min-height: 58px !important;
    }

    /* چون در موبایل منو همبرگری است، نوار سفید نباید روی Hero باشد */
    .repe-nav {
        bottom: auto !important;
    }

    .repe-home-hero-content {
        padding-top: 54px !important;
    }
}

/* =========================================================
   RePe Header Visual Refinement V3
   Semantic per-category icons (inline SVG in PHP) replace the
   old position-based (:nth-child) icon system; compact mega-card
   composition; consistent top-nav hit area.
   ========================================================= */

.repe-mega-card::before,
.repe-mega-card::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
}

.repe-mega-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 84px !important;
    padding: 14px 12px !important;
    text-align: center !important;
}

.repe-mega-card b {
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.repe-mega-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 35% 35%, rgba(201,164,106,.22), rgba(170,186,166,.18)) !important;
    color: var(--repe-olive-dark) !important;
    flex-shrink: 0 !important;
}

.repe-mega-card:hover .repe-mega-icon {
    background:
        radial-gradient(circle at 35% 35%, rgba(201,164,106,.38), rgba(170,186,166,.24)) !important;
}

.repe-mega-icon-svg {
    display: block !important;
}

.repe-mega-grid {
    gap: 10px !important;
}

.repe-mega {
    padding: 22px !important;
}

/* tighter, responsive top-level rhythm; overrides the old fixed 27px gap */
.repe-nav {
    gap: clamp(16px, 1.5vw, 22px) !important;
}

/* consistent top-level hit area */
.repe-nav > a,
.repe-mega-wrap > button,
.repe-nav-static {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.repe-nav-static {
    cursor: default !important;
    opacity: .95 !important;
}

@media (max-width: 1024px) {
    .repe-mega-card {
        flex-direction: row !important;
        justify-content: flex-start !important;
        text-align: right !important;
        gap: 12px !important;
        min-height: 0 !important;
        padding: 12px 14px !important;
    }

    .repe-mega-icon {
        width: 34px !important;
        height: 34px !important;
    }
}

/* =========================================================
   RePe Header Compact Dropdown V4
   Smaller, tighter mega-menu panel and cards for a more
   minimal/premium feel. Desktop/tablet only (>=1025px);
   mobile row-layout from V3 is left untouched.
   ========================================================= */

@media (min-width: 1025px) {
    .repe-mega {
        width: min(100%, 720px) !important;
        max-width: calc(100vw - 48px) !important;
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .repe-mega-grid {
        gap: 8px !important;
    }

    .repe-mega-card {
        min-height: 66px !important;
        padding: 10px 8px !important;
        gap: 6px !important;
        border-radius: 12px !important;
    }

    .repe-mega-card b {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    .repe-mega-icon {
        width: 32px !important;
        height: 32px !important;
    }
}

/* =========================================================
   RePe Header Top-Nav Refinement V5
   Fix: برندها inherits its inline white color from PHP because
   every later color-normalization layer in this file (e.g. the
   "رنگ متن منو داخل نوار روشن" block) targets
   ".repe-nav > a, .repe-mega-wrap > button" only and never
   included .repe-nav-static, so it never got switched to the
   dark olive text the real items use once the nav became a
   light floating bar. Match it here explicitly.

   Fix: the top-level items look spread apart because a later
   layer changed .repe-nav's justify-content from center to
   space-between; with the bar at width:95%/max-width:1320px,
   that spreads the 6 items across nearly the full bar instead
   of clustering them. Restoring center (gap already controls
   the visible spacing) is what actually closes the gap.
   ========================================================= */

.repe-nav-static {
    color: var(--repe-olive-dark) !important;
    font-weight: 600 !important;
    padding: 10px 2px !important;
    font-size: 13.5px !important;
}

@media (min-width: 1025px) {
    .repe-nav {
        justify-content: center !important;
        gap: clamp(10px, 1vw, 16px) !important;
    }
}

/* =========================================================
   RePe Header Top-Nav Refinement V6

   Brand color: exhaustive trace of every color/opacity/filter/
   text-shadow declaration touching ".repe-nav > a" confirms the
   sole effective value real items resolve to is
   color: var(--repe-olive-dark) !important (line ~1502) with
   font-weight: 600 (no opacity/filter/text-shadow rule exists
   for real items anywhere in this file - opacity is effectively
   1). V5 already matched color/font-weight/padding/font-size on
   .repe-nav-static, but an earlier rule (pre-V5) still leaves
   opacity: .95 !important on .repe-nav-static, which real items
   never had - that residual is the remaining visible mismatch.
   Fixed below.

   Gap: tripled per explicit request, scoped to min-width:1025px.
   ========================================================= */

.repe-nav-static {
    opacity: 1 !important;
}

@media (min-width: 1025px) {
    .repe-nav {
        justify-content: center !important;
        gap: clamp(30px, 3vw, 48px) !important;
    }
}