/* Generated from the canonical storefront header stylesheet. */
/* TehranLight unified storefront header 1.0.36.18 */

.unified-header-hidden {
    display: none !important;
}

@media (max-width: 840px) {
    .unified-header-desktop-only {
        display: none !important;
    }
}

@media (min-width: 841px) {
    .unified-header-mobile-only {
        display: none !important;
    }

    .site-header.unified-site-header,
    .site-header.unified-site-header,
    .site-header.unified-site-header,
    .site-header.unified-site-header,
    .site-header.unified-site-header,
    .site-header.unified-site-header {
        position: sticky !important;
        z-index: 4100 !important;
        top: 0 !important;
        display: block !important;
        min-height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
    }

    .unified-site-header .announcement-bar {
        display: none !important;
    }

    .unified-site-header .header-glass,
    .unified-site-header .header-glass,
    .unified-site-header .header-glass {
        min-height: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(23, 63, 105, .11) !important;
        background: var(--tl-primary-header-bg) !important;
        box-shadow: 0 5px 20px rgba(8, 31, 58, .055) !important;
        backdrop-filter: blur(18px) saturate(145%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    }

    .unified-site-header .header-row,
    .unified-site-header .header-row,
    .unified-site-header .header-row {
        width: min(var(--unified-header-max-width, 1440px), calc(100% - 48px)) !important;
        min-height: 70px !important;
        height: 70px !important;
        display: grid !important;
        grid-template-columns: minmax(130px, var(--unified-header-logo-width, 190px)) minmax(320px, 1fr) auto !important;
        gap: clamp(12px, 1.8vw, 26px) !important;
        align-items: center !important;
        padding: 8px 0 !important;
        transition: min-height .2s ease, height .2s ease, padding .2s ease !important;
    }

    .unified-site-header .site-logo {
        width: min(100%, var(--unified-header-logo-width, 190px));
        min-width: 0;
        height: var(--unified-header-logo-height, 48px);
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        overflow: hidden;
    }

    .unified-site-header .site-logo .logo-mark.has-image {
        width: 100% !important;
        min-width: 0 !important;
        max-width: var(--unified-header-logo-width, 190px) !important;
        height: var(--unified-header-logo-height, 48px) !important;
        display: block !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    .unified-site-header .site-logo .logo-mark.has-image::after {
        display: none !important;
    }

    .unified-site-header .site-logo .logo-mark.has-image picture,
    .unified-site-header .site-logo .logo-mark.has-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        display: block !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: right center !important;
    }

    .unified-site-header .site-logo:has(.logo-mark.has-image) .logo-copy {
        display: none !important;
    }

    .unified-site-header .header-search,
    .unified-site-header .header-search,
    .unified-site-header .header-search {
        width: 100% !important;
        min-width: 0 !important;
        min-height: var(--unified-header-search-height, 46px) !important;
        height: var(--unified-header-search-height, 46px) !important;
        display: grid !important;
        grid-template-columns: 24px minmax(0, 1fr) auto !important;
        align-items: center !important;
        margin: 0 !important;
        border: 1px solid transparent !important;
        border-radius: 13px !important;
        background: #f1f3f6 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transition: border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
    }

    .unified-site-header .header-search:focus-within {
        border-color: color-mix(in srgb, var(--tl-color-primary, #173f69) 28%, transparent) !important;
        background: var(--tl-color-surface, #fff) !important;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-color-primary, #173f69) 8%, transparent) !important;
    }

    .unified-site-header .header-search > svg {
        width: 20px !important;
        height: 20px !important;
        margin: 0 12px 0 0 !important;
        fill: none !important;
        stroke: #7f8998 !important;
        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
    }

    .unified-site-header .header-search input,
    .unified-site-header .header-search input,
    .unified-site-header .header-search input {
        min-width: 0 !important;
        height: calc(var(--unified-header-search-height, 46px) - 2px) !important;
        padding: 0 13px !important;
        border: 0 !important;
        color: var(--tl-primary-header-text) !important;
        background: transparent !important;
        font-size: var(--tl-type-300) !important;
    }

    .unified-site-header .header-search button,
    .unified-site-header .header-search button,
    .unified-site-header .header-search button {
        min-width: 68px !important;
        min-height: 36px !important;
        height: 36px !important;
        margin: 0 0 0 6px !important;
        padding: 0 15px !important;
        border: 0 !important;
        border-radius: 10px !important;
        color: var(--tl-primary-header-button-text) !important;
        background: var(--tl-primary-header-button-bg) !important;
        box-shadow: none !important;
        font-size: var(--tl-type-100) !important;
        font-weight: 850 !important;
    }

    .unified-site-header .header-search button:hover {
        background: var(--tl-primary-header-button-hover-bg) !important;
    }

    .unified-site-header .header-actions,
    .unified-site-header .header-actions,
    .unified-site-header .header-actions {
        min-width: max-content !important;
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
    }

    .unified-site-header :is(.theme-toggle, .header-action, .cart-link),
    .unified-site-header :is(.theme-toggle, .header-action, .cart-link),
    .unified-site-header :is(.theme-toggle, .header-action, .cart-link) {
        position: relative !important;
        min-width: var(--unified-header-action-size, 44px) !important;
        min-height: var(--unified-header-action-size, 44px) !important;
        height: var(--unified-header-action-size, 44px) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border: 1px solid rgba(23, 63, 105, .12) !important;
        border-radius: 11px !important;
        color: var(--tl-primary-header-button-text) !important;
        background: var(--tl-primary-header-button-bg) !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    .unified-site-header .header-action {
        min-width: 118px !important;
        justify-content: flex-start !important;
    }

    .unified-site-header .theme-toggle > span:not(.theme-toggle__icon),
    .unified-site-header .cart-label,
    .unified-site-header .cart-label,
    .unified-site-header .cart-label {
        display: none !important;
    }

    .unified-site-header .header-action > span:not(.action-icon),
    .unified-site-header .header-action > span:not(.action-icon),
    .unified-site-header .header-action > span:not(.action-icon) {
        min-width: 0 !important;
        display: block !important;
    }

    .unified-site-header .header-action small {
        display: none !important;
    }

    .unified-site-header .header-action strong {
        display: block !important;
        overflow: hidden !important;
        font-size: var(--tl-type-100) !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .unified-site-header :is(.action-icon, .theme-toggle__icon),
    .unified-site-header :is(.action-icon, .theme-toggle__icon),
    .unified-site-header :is(.action-icon, .theme-toggle__icon) {
        width: 28px !important;
        height: 28px !important;
        flex: 0 0 28px !important;
        display: grid !important;
        place-items: center !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
    }

    .unified-site-header :is(.action-icon, .theme-toggle__icon) svg {
        width: 20px !important;
        height: 20px !important;
    }

    .unified-site-header .cart-count,
    .unified-site-header .cart-count,
    .unified-site-header .cart-count {
        position: absolute !important;
        top: -5px !important;
        left: -5px !important;
        min-width: 19px !important;
        height: 19px !important;
        padding: 0 4px !important;
        border: 2px solid var(--tl-color-surface, #fff) !important;
        border-radius: 999px !important;
        color: #173f69 !important;
        background: #ffc845 !important;
        font-size: var(--tl-type-100) !important;
        font-weight: 900 !important;
    }

    .unified-site-header .main-nav-wrap,
    .unified-site-header .main-nav-wrap,
    .unified-site-header .main-nav-wrap,
    .unified-site-header .main-nav-wrap,
    .unified-site-header .main-nav-wrap,
    .unified-site-header .main-nav-wrap {
        max-height: 45px !important;
        display: block !important;
        overflow: hidden !important;
        border-top: 1px solid rgba(23, 63, 105, .075) !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        transition: max-height .2s ease, opacity .16s ease, transform .2s ease, border-color .2s ease !important;
    }

    .unified-site-header .main-nav {
        width: min(var(--unified-header-max-width, 1440px), calc(100% - 48px)) !important;
        min-height: 44px !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        gap: clamp(15px, 2vw, 28px) !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .unified-site-header .main-nav a {
        position: relative !important;
        min-width: 0;
        height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        color: var(--tl-primary-header-text) !important;
        font-size: var(--tl-type-100) !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    .unified-site-header .main-nav a::after {
        right: 0 !important;
        bottom: 0 !important;
        height: 2px !important;
        background: #ffb515 !important;
    }

    .unified-site-header .main-nav a:is(:hover, .is-active, [aria-current="page"]) {
        color: var(--tl-primary-header-text) !important;
    }

    .unified-site-header .main-nav a:is(.is-active, [aria-current="page"])::after {
        width: 100% !important;
    }

    .unified-site-header .main-nav .nav-emphasis {
        padding-left: 18px !important;
        border-left: 1px solid rgba(23, 63, 105, .12) !important;
        font-weight: 900 !important;
    }

    .unified-site-header .main-nav :is(svg, img) {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
        object-fit: contain !important;
    }

    .unified-site-header .main-nav .nav-spacer {
        flex: 1 1 auto !important;
    }

    .unified-site-header .main-nav :is(.nav-support, .nav-support-phone) {
        color: #168154 !important;
        font-size: var(--tl-type-100) !important;
    }

    .unified-site-header.is-scrolled .header-glass {
        background: var(--tl-primary-header-bg) !important;
        box-shadow: 0 9px 28px rgba(8, 31, 58, .10) !important;
    }

    .unified-site-header.is-scrolled .header-row {
        min-height: 62px !important;
        height: 62px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .unified-site-header.is-scrolled .main-nav-wrap {
        max-height: 0 !important;
        border-top-color: transparent !important;
        opacity: 0 !important;
        transform: translateY(-6px) !important;
        pointer-events: none !important;
    }

    body.storefront-body.product-detail-route .product-detail-toolbar {
        min-height: 38px !important;
        margin: 12px 0 4px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    body.storefront-body.product-detail-route .product-detail-toolbar__back,
    body.storefront-body.product-detail-route .product-detail-toolbar__identity {
        display: none !important;
    }

    body.storefront-body.product-detail-route .product-detail-toolbar__actions {
        margin-right: auto !important;
        gap: 6px !important;
    }

    body.storefront-body.product-detail-route .product-detail-toolbar__button {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        border: 1px solid rgba(23, 63, 105, .12) !important;
        border-radius: 10px !important;
        background: var(--tl-color-surface, #fff) !important;
        box-shadow: none !important;
    }

    html[data-theme="dark"] .unified-site-header .header-search {
        background: rgba(255, 255, 255, .07) !important;
    }

    html[data-theme="dark"] .unified-site-header .main-nav a {
        color: var(--tl-primary-header-text) !important;
    }
}

@media (min-width: 841px) and (max-width: 1160px) {
    .unified-site-header .header-row {
        width: calc(100% - 28px) !important;
        grid-template-columns: minmax(120px, 170px) minmax(250px, 1fr) auto !important;
        gap: 10px !important;
    }

    .unified-site-header .header-action {
        min-width: var(--unified-header-action-size, 44px) !important;
        padding: 0 !important;
    }

    .unified-site-header .header-action > span:not(.action-icon),
    .unified-site-header .nav-support-phone {
        display: none !important;
    }

    .unified-site-header .main-nav {
        width: calc(100% - 28px) !important;
        gap: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .unified-site-header :is(.header-row, .main-nav-wrap) {
        transition: none !important;
    }
}
/* TL_HEADER_LAYOUT_V2_START */
@media (min-width: 841px) {
    .unified-site-header .header-row {
        grid-template-columns: minmax(130px, var(--unified-header-logo-width, 190px)) var(--unified-header-action-size, 44px) minmax(320px, 1fr) auto !important;
        column-gap: 8px !important;
    }

    .unified-site-header .header-theme-toggle {
        grid-column: 2;
        width: var(--unified-header-action-size, 44px) !important;
        min-width: var(--unified-header-action-size, 44px) !important;
        padding: 0 !important;
    }

    .unified-site-header .header-search {
        grid-column: 3;
    }

    .unified-site-header .header-actions {
        grid-column: 4;
    }

    .unified-site-header .cart-link {
        width: auto !important;
        min-width: 122px !important;
        padding: 0 15px !important;
        gap: 8px !important;
        border-color: #e58a00 !important;
        color: var(--tl-primary-header-button-text) !important;
        background: var(--tl-primary-header-button-bg) !important;
        box-shadow: 0 7px 17px rgba(229, 138, 0, .2) !important;
    }

    .unified-site-header .cart-link:hover {
        border-color: #d47d00 !important;
        background: var(--tl-primary-header-button-hover-bg) !important;
        box-shadow: 0 9px 20px rgba(229, 138, 0, .28) !important;
        transform: translateY(-1px);
    }

    .unified-site-header .cart-label {
        display: inline-flex !important;
        align-items: center;
        color: var(--tl-primary-header-button-text) !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        white-space: nowrap;
    }

    .unified-site-header .cart-link .action-icon,
    .unified-site-header .cart-link .action-icon svg {
        color: var(--tl-primary-header-button-text) !important;
        stroke: currentColor !important;
    }

    .unified-site-header .cart-count {
        top: -7px !important;
        left: -7px !important;
        right: auto !important;
        width: auto !important;
        min-width: 21px !important;
        max-width: 38px !important;
        height: 21px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 5px !important;
        border: 2px solid var(--tl-color-surface, #fff) !important;
        border-radius: 999px !important;
        color: #fff !important;
        background: #123f6d !important;
        line-height: 1 !important;
        box-shadow: 0 3px 8px rgba(10, 43, 75, .2) !important;
    }

    html[data-theme="dark"] .unified-site-header .cart-link {
        border-color: #ffad1f !important;
        color: var(--tl-primary-header-button-text) !important;
        background: var(--tl-primary-header-button-bg) !important;
        box-shadow: 0 8px 20px rgba(255, 152, 0, .22) !important;
    }

    html[data-theme="dark"] .unified-site-header .cart-link:hover {
        background: var(--tl-primary-header-button-hover-bg) !important;
    }

    html[data-theme="dark"] .unified-site-header .cart-count {
        border-color: #10243a !important;
        color: #0b3158 !important;
        background: #fff !important;
    }
}
/* TL_HEADER_LAYOUT_V2_END */
/* TL_DARK_ACCOUNT_CONTRAST_START */
@media (min-width: 841px) {
    html[data-theme="dark"] .unified-site-header .header-action {
        border-color: #527394 !important;
        color: var(--tl-primary-header-button-text) !important;
        background: var(--tl-primary-header-button-bg) !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    }

    html[data-theme="dark"] .unified-site-header .header-action:hover {
        border-color: #f5a20b !important;
        background: var(--tl-primary-header-button-hover-bg) !important;
        box-shadow: 0 7px 18px rgba(0, 0, 0, .24), 0 0 0 2px rgba(245, 162, 11, .1) !important;
        transform: translateY(-1px);
    }

    html[data-theme="dark"] .unified-site-header .header-action strong,
    html[data-theme="dark"] .unified-site-header .header-action small,
    html[data-theme="dark"] .unified-site-header .header-action .action-icon,
    html[data-theme="dark"] .unified-site-header .header-action .action-icon svg {
        color: var(--tl-primary-header-button-text) !important;
        stroke: currentColor !important;
    }

    html[data-theme="dark"] .unified-site-header .header-action:focus-visible {
        outline: 3px solid rgba(245, 162, 11, .3) !important;
        outline-offset: 2px;
    }
}
/* TL_DARK_ACCOUNT_CONTRAST_END */
/* TL_CART_HIDE_DESKTOP_NAV_START */
@media (min-width: 841px) {
    body.customer-account-body > .unified-site-header .main-nav-wrap {
        display: none !important;
        max-height: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }
    body.customer-account-body > .unified-site-header .header-glass {
        border-bottom: 1px solid rgba(23, 63, 105, .11) !important;
    }
}
/* TL_CART_HIDE_DESKTOP_NAV_END */
/* TL_HEADER_THEME_TEXT_START */
@media (min-width: 841px) {
    .unified-site-header .header-row {
        grid-template-columns: minmax(130px, var(--unified-header-logo-width, 190px)) 84px minmax(320px, 1fr) auto !important;
    }

    .unified-site-header .header-theme-toggle {
        width: 84px !important;
        min-width: 84px !important;
        padding: 0 10px !important;
        gap: 5px !important;
    }

    .unified-site-header .header-theme-toggle > span:not(.theme-toggle__icon),
    .unified-site-header .header-theme-toggle [data-theme-label] {
        display: inline-flex !important;
        align-items: center !important;
        color: var(--tl-primary-header-button-text) !important;
        font-size: 0 !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .unified-site-header .header-theme-toggle [data-theme-label]::after {
        content: "\062A\0627\0631\06CC\06A9";
        font-size: 12px !important;
    }

    html[data-theme="dark"] .unified-site-header .header-theme-toggle [data-theme-label]::after {
        content: "\0631\0648\0634\0646";
    }

    html[data-theme="dark"] .unified-site-header .header-theme-toggle > span:not(.theme-toggle__icon),
    html[data-theme="dark"] .unified-site-header .header-theme-toggle [data-theme-label] {
        color: var(--tl-primary-header-button-text) !important;
    }
}
/* TL_HEADER_THEME_TEXT_END */

body.customer-account-body > .site-header.unified-site-header { display: none !important; }
@media (min-width: 841px) {
    body.customer-account-body > .site-header.unified-site-header { display: block !important; }
}
@media (max-width: 840px) {
    body.customer-account-body > .site-header.unified-site-header { display: none !important; }
}