﻿.site-footer{
            background:var(--brand);
            color:var(--brand-contrast);
            padding:2.25rem 0 1.15rem;
            margin-top:3rem;
        }
.site-footer .footer-shell{
            position:relative;
            overflow:hidden;
            border-radius:24px;
            padding:1.25rem;
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.18);
            box-shadow:0 18px 45px rgba(0,0,0,.12);
        }
.site-footer .footer-shell::before{
            content:none!important;
            display:none!important;
        }
.site-footer .footer-link-grid{
            position:relative;
            z-index:1;
            display:grid;
            grid-template-columns:repeat(auto-fit, minmax(155px, 1fr));
            gap:.65rem;
            align-items:stretch;
        }
.site-footer .footer-link,.site-footer .payment-list-item{
            min-height:44px;
            display:flex;
            align-items:center;
            gap:.6rem;
            padding:.62rem .75rem;
            border-radius:15px;
            color:var(--brand-contrast) !important;
            text-decoration:none;
            background:rgba(255,255,255,.075);
            border:1px solid rgba(255,255,255,.12);
            opacity:.94;
            line-height:1.35;
            font-size:.95rem;
            font-weight:400;
            transition:background .15s ease, opacity .15s ease, transform .15s ease;
        }
.site-footer .footer-link:hover,.site-footer .payment-list-item:hover{
            opacity:1;
            background:rgba(255,255,255,.13);
            transform:translateY(-1px);
        }
.site-footer .footer-link i,.site-footer .payment-list-icon i{
            width:1.35rem;
            min-width:1.35rem;
            height:1.35rem;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:1.02rem;
            opacity:.9;
        }
.site-footer .footer-link span,.site-footer .payment-list-text{
            color:var(--brand-contrast) !important;
            white-space:normal;
            word-break:break-word;
        }
.site-footer .footer-payment-list{
            display:contents;
            margin:0;
            padding:0;
        }
.site-footer .payment-list-icon{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            color:var(--brand-contrast) !important;
            opacity:.9;
        }
.site-footer .footer-meta{
            position:relative;
            z-index:1;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:1rem;
            flex-wrap:wrap;
            margin-top:1rem;
            padding-top:1rem;
            border-top:1px solid rgba(255,255,255,.16);
        }
.site-footer .footer-social{
            display:flex;
            align-items:center;
            gap:.55rem;
            flex-wrap:wrap;
        }
.site-footer .footer-social a{
            width:38px;
            height:38px;
            border-radius:50%;
            border:1px solid rgba(255,255,255,.23);
            display:flex;
            align-items:center;
            justify-content:center;
            color:var(--brand-contrast);
            background:rgba(255,255,255,.07);
            font-size:1rem;
            text-decoration:none;
            transition:background .15s ease, transform .15s ease;
        }
.site-footer .footer-social a:hover{
            background:rgba(255,255,255,.18);
            transform:translateY(-1px);
        }
.site-footer .footer-contact-list{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            gap:.55rem;
            flex-wrap:wrap;
        }
.site-footer .footer-contact-list .footer-link{
            min-height:38px;
            padding:.45rem .65rem;
            font-size:.92rem;
            background:transparent;
            border-color:rgba(255,255,255,.14);
        }
.site-footer .footer-copy{
            position:relative;
            z-index:1;
            margin-top:.95rem;
            text-align:center;
            opacity:.78;
            font-size:.84rem;
        }
@media (max-width:767px){.site-footer{ padding:1.6rem 0 1rem; }
.site-footer .footer-shell{ border-radius:20px; padding:.9rem; }
.site-footer .footer-link-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.5rem; }
.site-footer .footer-link,.site-footer .payment-list-item{ min-height:42px; padding:.55rem .58rem; border-radius:13px; font-size:.88rem; gap:.48rem; }
.site-footer .footer-meta{ justify-content:center; gap:.75rem; text-align:center; }
.site-footer .footer-social,.site-footer .footer-contact-list{ justify-content:center; width:100%; }
}
@media (max-width:380px){.site-footer .footer-link-grid{ grid-template-columns:1fr; }
}
.hero-shell{
            position:relative;
            min-height:0;
            overflow:hidden;
            width:100%;
        }
.topbar{
            left:auto;
            right:auto;
            z-index:99999;
            width:100%;
            height:70px;
            transform:none !important;
            transition:none !important;
        }
.store-page.topbar-below .topbar{
            position:sticky !important;
            top:0;
        }
.store-page.topbar-overlay .topbar{
            position:absolute !important;
            top:0;
            inset-inline:0;
        }
.store-page.topbar-overlay .hero-shell{ position:relative; }
.topbar.topbar-hidden{ transform:none !important; }
.topbar .container{
            position:relative;
            height:100%;
            max-width:100%;
            padding-inline:14px;
        }
.topbar-left{
            position:absolute;
            left:0;
            top:50%;
            transform:translateY(-50%);
            display:flex;
            align-items:center;
            gap:4px;
            z-index:12;
        }
.topbar-right{
            position:absolute;
            right:0;
            top:50%;
            transform:translateY(-50%);
            display:flex;
            align-items:center;
            gap:6px;
            z-index:12;
        }
html[dir="rtl"] .topbar-left{
            left:auto;
            right:14px;
        }
html[dir="rtl"] .topbar-right{
            right:auto;
            left:14px;
        }
.topbar-logo-wrap{
            position:absolute;
            left:50%;
            top:50%;
            transform:translate(-50%,-50%);
            z-index:13;
            pointer-events:none;
            text-align:center;
            max-width:42%;
        }
.topbar-logo-wrap{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:13;
    pointer-events:none;
    text-align:center;

    padding:4px;
    border-radius:50%;

    background:rgba(255,255,255,0.22);
    border:1px solid rgba(255,255,255,0.35);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    box-shadow:0 8px 24px rgba(0,0,0,0.18);
}
.topbar-logo{
    display:block;
    height:56px;
    width:56px;
    object-fit:cover;
    border-radius:50%;
    background:#fff;
    border:0;
    padding:0;
    box-shadow:none;
}
.topbar-logo-fallback{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:42px;
            max-width:220px;
            padding:6px 14px;
            border-radius:999px;
            background:rgba(255,255,255,.96);
            color:var(--brand);
            font-weight:800;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            box-shadow:0 1px 8px rgba(0,0,0,.12);
        }
.topbar a,.topbar button{
            color:var(--brand-contrast) !important;
            font-size:1.25rem;
            opacity:1 !important;
        }
.topbar a:hover,.topbar button:hover{ color:var(--brand-contrast) !important; filter:brightness(.92); }
.search-btn,.cart-btn,.info-btn,.social-burger{ position:relative; background:transparent; border:0; opacity:1 !important; color:var(--brand-contrast) !important; }
.social-burger{ width:38px; height:38px; padding:0; display:inline-flex; align-items:center; justify-content:center; font-size:1.55rem !important; line-height:1; }
.topbar-home-back{ width:28px; height:28px; flex:0 0 28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; font-size:1rem !important; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); }
.topbar-home-back:hover{ background:rgba(255,255,255,.25); }
.topbar .dropdown-menu{ min-width:190px; }
.topbar .dropdown-menu .dropdown-item{ color:var(--brand) !important; font-size:1rem; display:flex; align-items:center; gap:.55rem; }
.topbar .dropdown-menu .dropdown-item:hover{ color:var(--brand) !important; background:#f4f4f4; filter:none; }
.topbar .dropdown-menu .dropdown-item i{ color:var(--brand); width:1.2rem; text-align:center; font-size:1.05rem; }
.info-btn{ position:relative; background:transparent; border:0; opacity:1 !important; }
.si-head{ padding:1rem .9rem .85rem; }
.si-name{ color:var(--brand); font-weight:800; font-size:1.15rem; }
.si-desc{ color:var(--brand); font-size:.92rem; line-height:1.8; margin-top:.35rem; }
.si-sec{ border-top:1px solid rgba(0,0,0,.08); padding:.85rem .9rem; }
.si-sec > i{ display:block; font-size:1.55rem; color:var(--brand) !important; line-height:1; margin-bottom:.3rem; }
.si-title{ color:var(--brand); font-weight:800; font-size:.98rem; margin-bottom:.35rem; }
.si-text,.topbar a.si-text{ display:block; color:var(--brand) !important; font-size:.92rem !important; line-height:1.8; text-decoration:none !important; }
.topbar a.si-text:hover{ color:var(--brand) !important; filter:brightness(.85) !important; text-decoration:none !important; }
.si-social{ border-top:1px solid rgba(0,0,0,.08); padding:.85rem .9rem; display:flex; justify-content:center; gap:.55rem; flex-wrap:wrap; }
.si-social-title{ flex:0 0 100%; margin:0 0 .35rem; text-align:center; font-size:1rem; font-weight:700; color:var(--brand-readable); }
.si-social a{ width:38px; height:38px; border-radius:50%; border:1px solid rgba(0,0,0,.2); display:flex; align-items:center; justify-content:center; color:var(--brand) !important; font-size:1rem !important; text-decoration:none; transition:all .15s; }
.si-social a:hover{ background:var(--brand); color:var(--brand-contrast) !important; filter:none !important; transform:translateY(-2px); }
html[dir="rtl"] .topbar-left .dropdown-menu{
            right: 0 !important;
            left: auto !important;
            text-align: right;
        }
html[dir="rtl"] .topbar-right .dropdown-menu{
            left: 0 !important;
            right: auto !important;
        }
.topbar-left .social-burger,.topbar-left .info-btn,.topbar-right .search-btn,.topbar-right .cart-btn{
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            padding: 0;
            line-height: 1;
        }
.topbar-left .social-burger:hover,.topbar-left .info-btn:hover,.topbar-right .search-btn:hover,.topbar-right .cart-btn:hover{
            background: rgba(255,255,255,.14);
        }
.topbar-left .social-burger{ width:38px; height:38px; }
.cart-badge{ position:absolute; top:-6px; inset-inline-start:-10px; font-size:.7rem; }
.cart-btn.bump{ animation: cartBump .5s ease; }
.hero{ position:relative; width:100%; min-height:0; overflow:hidden; background:transparent; }
.hero.hero-has-image{ padding:0; }
.hero.hero-no-image{ min-height:220px; padding-top:0; background:var(--brand); }
.hero-image{ display:block; width:100%; height:auto; object-fit:contain; object-position:center; }
.hero .hero-text{ position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; pointer-events:none; text-shadow:0 2px 10px rgba(0,0,0,.75); }
.hero.hero-no-image .hero-text{ position:relative; inset:auto; min-height:150px; }
.store-info-modal{ z-index: 300020 !important; }
.store-info-modal .modal-backdrop{ z-index: 199990; }
.store-info-dialog{
            width: min(380px, calc(100vw - 28px));
            max-width: min(380px, calc(100vw - 28px));
            margin-inline: auto;
        }
.store-info-modal .modal-content{
            position: relative;
            border: 0;
            border-radius: 18px;
            overflow: hidden;
            text-align: center;
            box-shadow: 0 18px 55px rgba(0,0,0,.24);
        }
.store-info-modal .si-modal-close{
            position: absolute;
            top: 10px;
            inset-inline-end: 10px;
            width: 34px;
            height: 34px;
            border: 0;
            border-radius: 50%;
            background: rgba(0,0,0,.08);
            color: var(--brand);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
        }
.store-info-modal .si-modal-close:hover{ background: rgba(0,0,0,.14); }
.store-info-modal .si-head{ padding-top: 1.35rem; }
.store-info-modal .si-text{ color: var(--brand) !important; }
@media (max-width:575px){.store-info-dialog{
                width: calc(100vw - 24px);
                max-width: calc(100vw - 24px);
                margin: .75rem auto;
            }
.store-info-modal .modal-content{ border-radius: 16px; }
}
.store-info-modal{
            position: fixed !important;
            inset: 0 !important;
            z-index: 300020 !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }
.store-info-modal .store-info-dialog{
            width: min(390px, calc(100vw - 28px)) !important;
            max-width: min(390px, calc(100vw - 28px)) !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
.store-info-modal .modal-content{
            border: 0 !important;
            border-radius: 18px !important;
            overflow: hidden !important;
            text-align: center !important;
            box-shadow: 0 18px 55px rgba(0,0,0,.28) !important;
        }
.burger-recognized-dot{
            position: absolute;
            top: 3px;
            inset-inline-end: 3px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #0d6efd;
            border: 2px solid #fff;
            box-shadow: 0 0 0 1px rgba(0,0,0,.08);
        }
.burger-recognized-status{
            position: absolute;
            top: -7px;
            inset-inline-end: 12px;
            min-width: 36px;
            height: 16px;
            padding: 0 .34rem;
            border-radius: 999px;
            background: #6c757d;
            color: #fff;
            border: 2px solid #fff;
            box-shadow: 0 1px 4px rgba(0,0,0,.18);
            font-size: .55rem;
            line-height: 12px;
            font-weight: 800;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            letter-spacing: .01em;
            z-index: 3;
        }
.burger-recognized-dot.is-online,.burger-recognized-status.is-online{
            background: #0d6efd !important;
        }
.burger-recognized-dot.is-offline,.burger-recognized-status.is-offline{
            background: #6c757d !important;
        }
.visitor-auth-login.visitor-hidden,.visitor-auth-logout.visitor-hidden,.visitor-recognized-menu.visitor-hidden{
            display: none !important;
        }
.store-info-modal{
            overflow: hidden !important;
            scrollbar-width: none !important;
        }
.store-info-modal::-webkit-scrollbar{
            width: 0 !important;
            height: 0 !important;
            display: none !important;
        }
.store-info-modal .store-info-dialog{
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
.store-info-modal .modal-content{
            max-height: calc(100vh - 32px) !important;
            overflow: hidden !important;
        }
.store-info-modal .modal-body{
            max-height: none !important;
            overflow: visible !important;
        }
@supports (height: 100dvh){.store-info-modal .modal-content{
                max-height: calc(100dvh - 32px) !important;
            }
}
.social-burger .burger-recognized-status{
            display: none !important;
        }
.social-burger .burger-recognized-dot{
            position: absolute !important;
            top: 6px !important;
            inset-inline-end: 6px !important;
            width: 10px !important;
            height: 10px !important;
            border-radius: 50% !important;
            background: #0d6efd !important;
            border: 2px solid #fff !important;
            box-shadow: 0 0 0 2px rgba(13,110,253,.22), 0 2px 6px rgba(0,0,0,.20) !important;
            display: none !important;
        }
.social-burger .burger-recognized-dot.is-online{
            display: block !important;
        }
.visitor-account-card{
            display: flex !important;
            align-items: center !important;
            gap: .55rem !important;
            width: 100% !important;
            padding: .55rem .65rem !important;
            border-radius: 12px !important;
            background: linear-gradient(135deg, rgba(13,110,253,.10), rgba(13,202,240,.08)) !important;
            border: 1px solid rgba(13,110,253,.18) !important;
            color: #0d6efd !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
        }
.visitor-account-icon{
            flex: 0 0 30px !important;
            width: 30px !important;
            height: 30px !important;
            border-radius: 50% !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: #0d6efd !important;
            color: #fff !important;
            font-size: .95rem !important;
        }
.visitor-account-copy{
            min-width: 0 !important;
            flex: 1 1 auto !important;
            display: flex !important;
            flex-direction: column !important;
            gap: .08rem !important;
            line-height: 1.15 !important;
        }
.visitor-greeting{
            font-size: .78rem !important;
            font-weight: 800 !important;
            color: #0b5ed7 !important;
        }
.visitor-recognized-mobile{
            font-size: .74rem !important;
            font-weight: 700 !important;
            color: #495057 !important;
            direction: ltr !important;
            unicode-bidi: plaintext !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
.visitor-online-chip{
            flex: 0 0 auto !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: .28rem !important;
            padding: .18rem .45rem !important;
            border-radius: 999px !important;
            background: rgba(13,110,253,.12) !important;
            color: #0d6efd !important;
            border: 1px solid rgba(13,110,253,.18) !important;
            font-size: .66rem !important;
            font-weight: 800 !important;
            white-space: nowrap !important;
        }
.visitor-online-dot{
            width: 6px !important;
            height: 6px !important;
            border-radius: 50% !important;
            background: #0d6efd !important;
            box-shadow: 0 0 0 2px rgba(13,110,253,.18) !important;
        }
.topbar .dropdown-menu{
            min-width: 240px !important;
            padding: .55rem !important;
            border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent) !important;
            border-top: 3px solid var(--brand) !important;
            border-radius: 18px !important;
            background: rgba(255,255,255,.97) !important;
            box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
            overflow: hidden !important;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
.topbar .dropdown-menu .dropdown-item{
            border-radius: 13px !important;
            margin: .12rem 0 !important;
            min-height: 42px !important;
            padding: .52rem .68rem !important;
            color: var(--brand) !important;
            background: transparent !important;
            font-size: .94rem !important;
            font-weight: 800 !important;
            line-height: 1.2 !important;
            transition: background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
        }
.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item){
            display: flex !important;
            align-items: center !important;
            gap: .6rem !important;
        }
.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item) i{
            width: 30px !important;
            height: 30px !important;
            flex: 0 0 30px !important;
            border-radius: 10px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 !important;
            background: color-mix(in srgb, var(--brand) 11%, transparent) !important;
            color: var(--brand) !important;
            font-size: .96rem !important;
        }
.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item):hover,.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item):focus,.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item).active{
            background: var(--brand) !important;
            color: var(--brand-contrast) !important;
            filter: none !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 8px 18px color-mix(in srgb, var(--brand) 24%, transparent) !important;
        }
.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item):hover i,.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item):focus i,.topbar .dropdown-menu .dropdown-item:not(.recognized-menu-item).active i{
            background: color-mix(in srgb, var(--brand-contrast) 18%, transparent) !important;
            color: var(--brand-contrast) !important;
        }
.topbar .dropdown-menu .recognized-menu-item{
            padding: .15rem 0 .45rem !important;
            margin-bottom: .35rem !important;
            border-bottom: 1px solid color-mix(in srgb, var(--brand) 13%, transparent) !important;
            background: transparent !important;
            min-height: auto !important;
        }
.topbar .dropdown-menu .recognized-menu-item:hover,.topbar .dropdown-menu .recognized-menu-item:focus{
            background: transparent !important;
            box-shadow: none !important;
            transform: none !important;
        }
.visitor-account-card{
            padding: .62rem .68rem !important;
            border-radius: 15px !important;
            background: linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 72%, #111 28%)) !important;
            border: 1px solid color-mix(in srgb, var(--brand-contrast) 22%, transparent) !important;
            color: var(--brand-contrast) !important;
            box-shadow: 0 10px 22px color-mix(in srgb, var(--brand) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--brand-contrast) 25%, transparent) !important;
        }
.visitor-account-icon{
            background: color-mix(in srgb, var(--brand-contrast) 18%, transparent) !important;
            color: var(--brand-contrast) !important;
            border: 1px solid color-mix(in srgb, var(--brand-contrast) 26%, transparent) !important;
        }
.visitor-greeting,.visitor-recognized-mobile{
            color: var(--brand-contrast) !important;
        }
.visitor-recognized-mobile{
            opacity: .88 !important;
            font-size: .76rem !important;
        }
.visitor-online-chip{
            background: color-mix(in srgb, var(--brand-contrast) 18%, transparent) !important;
            color: var(--brand-contrast) !important;
            border: 1px solid color-mix(in srgb, var(--brand-contrast) 25%, transparent) !important;
        }
.visitor-online-dot{
            background: var(--brand-contrast) !important;
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-contrast) 18%, transparent) !important;
        }
.social-burger .burger-recognized-dot.is-online{
            background: var(--brand) !important;
            border-color: var(--brand-contrast) !important;
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 25%, transparent), 0 2px 6px rgba(0,0,0,.20) !important;
        }
@media (max-width:575px){.topbar .dropdown-menu{
                min-width: 230px !important;
                max-width: calc(100vw - 22px) !important;
            }
.topbar .dropdown-menu .dropdown-item{
                font-size: .9rem !important;
            }
}
.social-burger .burger-recognized-dot,.social-burger .burger-recognized-status{
            display: none !important;
        }
.topbar .search-btn,.topbar .cart-btn,.topbar .social-burger,.topbar .header-icon,.topbar .info-btn,.topbar .topbar-home-back{
    transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.topbar.topbar-is-light .search-btn,.topbar.topbar-is-light .cart-btn,.topbar.topbar-is-light .social-burger,.topbar.topbar-is-light .header-icon,.topbar.topbar-is-light .info-btn,.topbar.topbar-is-light .topbar-home-back{
    color:#1f2937 !important;
    background:rgba(17,24,39,.055) !important;
    border-color:rgba(17,24,39,.12) !important;
    text-shadow:none !important;
    box-shadow:0 2px 10px rgba(17,24,39,.08);
}
.topbar.topbar-is-light .search-btn:hover,.topbar.topbar-is-light .cart-btn:hover,.topbar.topbar-is-light .social-burger:hover,.topbar.topbar-is-light .header-icon:hover,.topbar.topbar-is-light .info-btn:hover,.topbar.topbar-is-light .topbar-home-back:hover{
    color:#111827 !important;
    background:rgba(17,24,39,.105) !important;
    filter:none !important;
}
.topbar.topbar-is-light .search-btn i,.topbar.topbar-is-light .cart-btn i,.topbar.topbar-is-light .social-burger i,.topbar.topbar-is-light .header-icon i,.topbar.topbar-is-light .info-btn i,.topbar.topbar-is-light .topbar-home-back i{
    color:currentColor !important;
}
.topbar.topbar-is-light .topbar-logo-wrap{
    background:rgba(255,255,255,.82) !important;
    border-color:rgba(17,24,39,.12) !important;
    box-shadow:0 8px 24px rgba(17,24,39,.12) !important;
}
.topbar.topbar-is-light .topbar-logo-fallback{
    color:#1f2937 !important;
    background:rgba(255,255,255,.92) !important;
}
.topbar.topbar-is-light .cart-badge{
    color:#fff !important;
    background-color:#dc3545 !important;
}
.topbar.topbar-is-dark .search-btn,.topbar.topbar-is-dark .cart-btn,.topbar.topbar-is-dark .social-burger,.topbar.topbar-is-dark .header-icon,.topbar.topbar-is-dark .info-btn,.topbar.topbar-is-dark .topbar-home-back{
    color:var(--brand-contrast) !important;
}
.topbar.topbar-is-transparent .search-btn,.topbar.topbar-is-transparent .cart-btn,.topbar.topbar-is-transparent .social-burger,.topbar.topbar-is-transparent .header-icon,.topbar.topbar-is-transparent .info-btn,.topbar.topbar-is-transparent .topbar-home-back{
    color:#fff !important;
    background:rgba(15,23,42,.16) !important;
    border-color:rgba(255,255,255,.32) !important;
    text-shadow:0 1px 5px rgba(0,0,0,.72) !important;
    box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.topbar.topbar-is-transparent .search-btn:hover,.topbar.topbar-is-transparent .cart-btn:hover,.topbar.topbar-is-transparent .social-burger:hover,.topbar.topbar-is-transparent .header-icon:hover,.topbar.topbar-is-transparent .info-btn:hover,.topbar.topbar-is-transparent .topbar-home-back:hover{
    color:#fff !important;
    background:rgba(15,23,42,.30) !important;
    filter:none !important;
}
.topbar.topbar-is-transparent .search-btn i,.topbar.topbar-is-transparent .cart-btn i,.topbar.topbar-is-transparent .social-burger i,.topbar.topbar-is-transparent .header-icon i,.topbar.topbar-is-transparent .info-btn i,.topbar.topbar-is-transparent .topbar-home-back i{ color:#fff !important; }
.topbar a.topbar-home-back.topbar-home-back{
 display:inline-flex;align-items:center;justify-content:center;gap:5px;
 width:auto!important;height:44px;min-width:44px;min-height:44px;flex:0 0 auto;
 padding:0 10px!important;border-radius:10px!important;direction:rtl;
 color:var(--brand-contrast,#fff)!important;background:transparent!important;
 border:1px solid currentColor!important;box-shadow:none!important;text-shadow:none!important;
 font-family:Cairo,sans-serif;font-size:12px!important;font-weight:600;white-space:nowrap;
}
.topbar a.topbar-home-back.topbar-home-back i{
 color:inherit!important;font-size:20px!important;line-height:1;animation:none!important;transform:none!important;
}
.topbar a.topbar-home-back.topbar-home-back:hover{background:color-mix(in srgb,currentColor 10%,transparent)!important;filter:none!important}
.topbar a.topbar-home-back.topbar-home-back:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:380px){.trusty-shell .topbar-left,.trusty-shell .topbar-right{gap:4px!important}.topbar a.topbar-home-back.topbar-home-back{padding-inline:7px!important}}
.store-info-modal .modal-content{
    background:#fff !important;
    color:#1f2937 !important;
}
.store-info-modal .si-name,.store-info-modal .si-title,.store-info-modal .si-sec > i,.store-info-modal .si-modal-close{
    color:var(--brand-readable) !important;
}
.store-info-modal .si-desc,.store-info-modal .si-text,.topbar .store-info-modal a.si-text{
    color:#374151 !important;
}
.store-info-modal .phone-link,.store-info-modal .phone-ltr,.site-footer .phone-ltr,.info-card-body .phone-ltr{
    direction:ltr !important;
    unicode-bidi:isolate !important;
    display:inline-block;
    text-align:left;
}
.store-info-modal .phone-link{
    width:100%;
}
.site-footer .footer-phone-link span{
    display:flex;
    align-items:center;
    gap:.25rem;
    flex-wrap:wrap;
}
.store-info-modal .si-social a,.topbar .store-info-modal .si-social a{
    color:var(--brand-readable) !important;
    background:rgba(31,41,55,.045) !important;
    border-color:rgba(31,41,55,.20) !important;
    text-shadow:none !important;
    filter:none !important;
}
.store-info-modal .si-social a i,.topbar .store-info-modal .si-social a i{
    color:currentColor !important;
}
.store-info-modal .si-social a:hover,.topbar .store-info-modal .si-social a:hover{
    color:#ffffff !important;
    background:var(--brand-readable) !important;
    border-color:var(--brand-readable) !important;
    filter:none !important;
}
.store-info-modal .phone-link{
    width:100% !important;
    display:block !important;
    text-align:center !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
}
.store-info-modal .phone-ltr{
    direction:ltr !important;
    unicode-bidi:isolate !important;
    display:inline-block !important;
    text-align:center !important;
}
.site-footer .footer-phone-link .phone-ltr,.info-card-body .phone-ltr{
    direction:ltr !important;
    unicode-bidi:isolate !important;
    display:inline-block !important;
}
.site-footer .footer-link,.site-footer .payment-list-item,.site-footer .footer-contact-list .footer-link{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
}
.site-footer .footer-link:hover,.site-footer .payment-list-item:hover,.site-footer .footer-contact-list .footer-link:hover{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
}
.site-footer .footer-social a{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}
.site-footer .footer-social a:hover{
    border:0 !important;
    box-shadow:none !important;
    background:rgba(255,255,255,.12) !important;
}
.topbar .info-btn,.topbar .info-btn:hover,.topbar .info-btn:focus,.topbar .info-btn:focus-visible,.topbar .info-btn:active,.topbar .info-btn.show,.topbar .info-btn[aria-expanded="true"],.topbar .header-icon.info-btn,.topbar .header-icon.info-btn:hover,.topbar .header-icon.info-btn:focus,.topbar .header-icon.info-btn:focus-visible,.topbar .header-icon.info-btn:active,.topbar .header-icon.info-btn.show,.topbar .header-icon.info-btn[aria-expanded="true"]{
    outline:0 !important;
    box-shadow:none !important;
    border:0 !important;
}
.topbar .info-btn::before,.topbar .info-btn::after,.topbar .header-icon.info-btn::before,.topbar .header-icon.info-btn::after{
    content:none !important;
    display:none !important;
    border:0 !important;
    box-shadow:none !important;
}
.topbar .info-btn i,.topbar .info-btn:focus i,.topbar .info-btn:active i{
    outline:0 !important;
    box-shadow:none !important;
    border:0 !important;
}
@media (hover:none) and (pointer:coarse){.topbar .info-btn:hover,.topbar .info-btn:focus,.topbar .info-btn:focus-visible,.topbar .info-btn:active,.topbar .info-btn.show,.topbar .info-btn[aria-expanded="true"]{
        outline:0 !important;
        box-shadow:none !important;
        border:0 !important;
    }
}
.site-footer .footer-shell::before,.site-footer .footer-shell::after,.site-footer::before,.site-footer::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
    box-shadow:none!important;
}
.site-footer .footer-shell{
    overflow:visible!important;
}
.site-footer{
    background:var(--brand) !important;
    color:var(--brand-contrast) !important;
    border:0 !important;
    box-shadow:none !important;
}
.site-footer .footer-shell{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
.site-footer .footer-shell::before,.site-footer .footer-shell::after,.site-footer::before,.site-footer::after{
    content:none !important;
    display:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}
.site-footer .footer-link,.site-footer .payment-list-item,.site-footer .footer-contact-list .footer-link,.site-footer .footer-social a{
    color:var(--brand-contrast) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
}
.site-footer .footer-link span,.site-footer .footer-link i,.site-footer .payment-list-icon,.site-footer .payment-list-icon i,.site-footer .payment-list-text,.site-footer .footer-contact-list span,.site-footer .footer-contact-list i,.site-footer .footer-social a i,.site-footer .footer-copy{
    color:var(--brand-contrast) !important;
}
.site-footer .footer-meta{
    border-top:0 !important;
    padding-top:.45rem !important;
    margin-top:.75rem !important;
}
.site-footer .footer-link:hover,.site-footer .payment-list-item:hover,.site-footer .footer-contact-list .footer-link:hover,.site-footer .footer-social a:hover{
    color:var(--brand-contrast) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    opacity:.78 !important;
}
@media (max-width:767px){.site-footer .footer-shell{ padding:0 !important; }
}
.topbar{
            height:var(--store-topbar-height, 112px) !important;
        }
.topbar-logo-wrap,.topbar.topbar-is-light .topbar-logo-wrap,.topbar.topbar-is-dark .topbar-logo-wrap{
            max-width:52vw !important;
            padding:0 !important;
            border:0 !important;
            border-radius:0 !important;
            background:transparent !important;
            box-shadow:none !important;
            backdrop-filter:none !important;
            -webkit-backdrop-filter:none !important;
        }
.topbar-logo{
            display:block !important;
            width:var(--store-logo-width, 280px) !important;
            height:var(--store-logo-height, 104px) !important;
            max-width:52vw !important;
            max-height:calc(var(--store-topbar-height, 112px) - 8px) !important;
            object-fit:contain !important;
            object-position:center !important;
            border:0 !important;
            border-radius:14px !important;
            background:transparent !important;
            padding:0 !important;
            box-shadow:none !important;
        }
.topbar.logo-ratio-off .topbar-logo-wrap{
            width:var(--store-logo-width, 280px) !important;
            max-width:none !important;
            overflow:visible !important;
        }
.topbar.logo-ratio-off .topbar-logo{
            object-fit:fill !important;
            width:var(--store-logo-width, 280px) !important;
            height:var(--store-logo-height, 104px) !important;
            max-width:none !important;
            max-height:none !important;
        }
@media (max-width:575.98px){.topbar.logo-ratio-on .topbar-logo-wrap,.topbar.logo-ratio-on.topbar-is-light .topbar-logo-wrap,.topbar.logo-ratio-on.topbar-is-dark .topbar-logo-wrap,.topbar.logo-ratio-on .topbar-logo{
                max-width:48vw !important;
            }
.topbar.logo-ratio-on .topbar-logo{
                height:auto !important;
            }
.topbar.logo-ratio-off .topbar-logo-wrap,.topbar.logo-ratio-off .topbar-logo{
                max-width:none !important;
            }
.topbar.logo-ratio-off .topbar-logo{
                width:var(--store-logo-width, 280px) !important;
                height:var(--store-logo-height, 104px) !important;
                object-fit:fill !important;
            }
}
.topbar,.store-page.topbar-below .topbar,.store-page.topbar-overlay .topbar{
            overflow:visible !important;
        }
.topbar-left{
            z-index:100050 !important;
        }
.topbar-left > .dropdown{
            position:relative !important;
            z-index:100051 !important;
        }
.topbar-left .social-burger{
            position:relative !important;
            z-index:100052 !important;
        }
.topbar-left .dropdown-menu,.topbar-left .dropdown-menu.show{
            z-index:100060 !important;
        }
@media(max-width:767px){.topbar button{ min-height:44px !important; min-width:44px; }
}
.topbar[data-opacity]:not([data-opacity="1"]) .topbar-logo-wrap .topbar-logo{
 width:min(var(--store-logo-height,104px),40vw)!important;height:min(var(--store-logo-height,104px),40vw)!important;
 aspect-ratio:1;border-radius:50%!important;object-fit:contain!important;overflow:hidden;
}
.store-header-region{position:relative}
.store-page.topbar-below .store-header-region{display:contents}
.store-page.topbar-overlay .store-header-region.has-header-ticker .topbar{position:relative!important}
@media (min-width: 992px){.hero.hero-has-image{ height:clamp(220px,36vh,360px); min-height:0; background:var(--brand); }
.hero.hero-has-image .hero-image{ width:100%; height:100%; max-height:360px; object-fit:contain; object-position:center; }
}
.store-page .topbar-left,.store-page .topbar-right{ gap:12px; }
.store-page .hero-text h1{ font-size:clamp(1.8rem,4vw,3.75rem); line-height:1.35; margin-bottom:16px; }
.store-page .hero-text p{ font-size:clamp(1rem,1.6vw,1.25rem); line-height:1.7; }
.store-page .hero.hero-has-image:has(.hero-text){ height:clamp(300px,60vh,520px); min-height:0; }
.store-page .hero.hero-has-image:has(.hero-text) .hero-image{ height:100%; max-height:none; object-fit:cover; }
.store-page .hero.hero-has-image:has(.hero-text)::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.38); pointer-events:none; }
@media(max-width:767px){.store-page .topbar-left,.store-page .topbar-right{ gap:4px; }
}
#storeMenuPanel{ right:0!important; left:auto!important; width:min(340px,88vw); z-index:200001!important; background:#fff; color:#17233d; border:0; }
#storeMenuPanel.offcanvas:not(.show):not(.showing){ transform:translateX(100%); }
#storeMenuPanel .offcanvas-header{ padding:20px; border-bottom:1px solid #edf0f5; display:flex; flex-direction:row; direction:rtl; justify-content:space-between; gap:16px; }
#storeMenuPanel .offcanvas-title{ font-size:1.15rem; font-weight:700; }
#storeMenuPanel .btn-close{ margin:0; padding:12px; }
#storeMenuPanel .offcanvas-body{ padding:16px; }
#storeMenuPanel .dropdown-menu{ display:block; position:static!important; transform:none!important; float:none; border:0; padding:0; width:100%; box-shadow:none; background:transparent; }
#storeMenuPanel .dropdown-item{ display:flex; align-items:center; gap:12px; white-space:normal; padding:16px 12px; border-radius:12px; color:#17233d; font-weight:700; text-decoration:none; }
#storeMenuPanel a.dropdown-item:hover,#storeMenuPanel a.dropdown-item:focus-visible{ background:#edf2fb; }
#storeMenuPanel .dropdown-item>i{ font-size:22px; }
#storeMenuPanel .recognized-menu-item{ padding:0; margin-bottom:12px; }
#storeMenuPanel .visitor-account-card{ width:100%; }
#storeMenuPanel .visitor-hidden{ display:none!important; }
#storeMenuPanel summary{ cursor:pointer; list-style:none; }
#storeMenuPanel summary::-webkit-details-marker{ display:none; }
#storeMenuPanel .category-chevron{ margin-inline-start:auto; font-size:16px; }
#storeMenuPanel details[open] .category-chevron{ transform:rotate(180deg); }
#storeMenuPanel .store-menu-categories nav{ margin:0 12px 12px; border-inline-start:2px solid #e5eaf3; padding-inline-start:8px; }
#storeMenuPanel .store-menu-category{ font-size:.95rem; font-weight:600; min-height:44px; overflow-wrap:anywhere; }
#storeMenuPanel .store-menu-category[aria-current="page"]{ background:#edf2fb; color:#2e436e; }
@media(prefers-reduced-motion:reduce){#storeMenuPanel{ transition:none!important; }
}

.trusty-shell .hero-shell:empty{display:none}
.trusty-shell .topbar .container{max-width:none;width:100%}
.trusty-shell .hero-shell{margin:0!important;padding:0!important}
.trusty-shell .hero{margin:0!important}
.trusty-shell .site-footer .footer-copy{padding:0!important;border:0!important}
/* Fade the actual artwork edges, rather than the edges of its wide letterbox. */
@media (min-width:992px){
    .trusty-shell .hero.hero-has-image{background-color:var(--brand)}
    .trusty-shell .hero.hero-has-image:not(:has(.hero-text)) .hero-image{
        width:auto;max-width:100%;height:100%;margin-inline:auto;
    }
    /* Photographic banners with overlaid headings must fill the hero, not use
       the intrinsic-width treatment intended for standalone banner artwork. */
    .trusty-shell .hero.hero-has-image:has(.hero-text) .hero-image{
        width:100%!important;max-width:100%!important;height:100%!important;
        max-height:none!important;object-fit:cover!important;object-position:center;
        margin-inline:0!important;
    }
    .trusty-shell .hero.hero-has-image .hero-image{
        -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
        mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
        -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
        -webkit-mask-size:100% 100%;mask-size:100% 100%;
    }
}
/* One icon hit area and hover treatment on every store page, at every width. */
.trusty-shell .topbar :is(.social-burger,.info-btn,.search-btn,.cart-btn){
    display:inline-flex!important;align-items:center;justify-content:center;
    flex:0 0 44px!important;width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
    box-sizing:border-box;padding:0!important;margin:0;border:0!important;
    border-radius:50%!important;aspect-ratio:1;line-height:1!important;
    background:transparent!important;box-shadow:none!important;
}
.trusty-shell .topbar :is(.social-burger,.info-btn,.search-btn,.cart-btn):hover{
    background:color-mix(in srgb,currentColor 14%,transparent)!important;filter:none!important;
}
.trusty-shell .topbar :is(.social-burger,.info-btn,.search-btn,.cart-btn):focus-visible{
    outline:2px solid currentColor;outline-offset:2px;
    background:color-mix(in srgb,currentColor 14%,transparent)!important;
}

/* Shared offcanvas, loaded identically by both store pages. */

#storeMenuPanel { right:0!important; left:auto!important; width:min(340px,88vw); z-index:200001!important; background:#fff; color:#17233d; border:0; }
#storeMenuPanel.offcanvas:not(.show):not(.showing) { transform:translateX(100%); }
#storeMenuPanel .offcanvas-header { padding:20px; border-bottom:1px solid #edf0f5; display:flex; flex-direction:row; direction:rtl; justify-content:space-between; gap:16px; }
#storeMenuPanel .offcanvas-title { font-size:1.15rem; font-weight:700; }
#storeMenuPanel .btn-close { margin:0; padding:12px; }
#storeMenuPanel .offcanvas-body { padding:16px; }
#storeMenuPanel .dropdown-menu { display:block; position:static!important; transform:none!important; float:none; border:0; padding:0; width:100%; box-shadow:none; background:transparent; }
#storeMenuPanel .dropdown-item { display:flex; align-items:center; gap:12px; white-space:normal; padding:16px 12px; border-radius:12px; color:#17233d; font-weight:700; text-decoration:none; }
#storeMenuPanel a.dropdown-item:hover,#storeMenuPanel a.dropdown-item:focus-visible { background:#edf2fb; }
#storeMenuPanel .dropdown-item>i { font-size:22px; }
#storeMenuPanel .recognized-menu-item { padding:0; margin-bottom:12px; }
#storeMenuPanel .visitor-account-card { width:100%; }
#storeMenuPanel .visitor-hidden { display:none!important; }
#mobileModal .store-mobile-header { background:var(--brand); color:var(--brand-contrast); display:flex; direction:rtl; flex-direction:row; justify-content:space-between; gap:16px; }
#mobileModal .store-mobile-header .modal-title { margin:0; }
#mobileModal .store-mobile-header .btn-close { margin:0; flex:0 0 44px; width:44px; height:44px; padding:0; opacity:1; background:#fff; color:#17233d; border-radius:50%; display:grid; place-items:center; }
#mobileModal .store-mobile-header .btn-close::before { content:'×'; font-family:Arial,sans-serif; font-size:28px; line-height:1; }
#mobileModal .store-mobile-header .btn-close:focus-visible { outline:2px solid var(--brand-contrast); outline-offset:3px; box-shadow:none; }
#storeMenuPanel summary { cursor:pointer; list-style:none; }
#storeMenuPanel summary::-webkit-details-marker { display:none; }
#storeMenuPanel .category-chevron { margin-inline-start:auto; font-size:16px; }
#storeMenuPanel details[open] .category-chevron { transform:rotate(180deg); }
#storeMenuPanel .store-menu-categories nav { margin:0 12px 12px; border-inline-start:2px solid #e5eaf3; padding-inline-start:8px; }
#storeMenuPanel .store-menu-category { font-size:.95rem; font-weight:600; min-height:44px; overflow-wrap:anywhere; }
#storeMenuPanel .store-menu-category[aria-current="page"] { background:#edf2fb; color:#2e436e; }
@media(prefers-reduced-motion:reduce) { #storeMenuPanel { transition:none!important; } }

.trusty-shell .topbar .store-home-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--brand-contrast);background:transparent;text-decoration:none;font-size:1.3rem;line-height:1}
.trusty-shell .topbar .store-home-btn:hover{background:color-mix(in srgb,currentColor 14%,transparent)}
.trusty-shell .topbar .store-home-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Same paired footer links on Android and iOS, including narrow phones. */
@media(max-width:767px){.trusty-shell .site-footer .footer-link-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.trusty-shell .site-footer .footer-link{min-width:0;white-space:normal;overflow-wrap:break-word;padding:10px 8px;font-size:12px}.trusty-shell .site-footer .footer-link i{flex-shrink:0}}
