.site-header{
    position:relative;
    z-index:100;
    background:transparent;
    box-shadow:none;
}

/* —— نوار بالایی —— */
.top-header{
    background:var(--header-dark, #4a1212);
    color:#fff;
    font-size:13px;
    padding:0;
    min-height:36px;
}

.top-header-wrap{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
    align-items:center;
    gap:10px 16px;
    min-height:40px;
    max-width:100%;
    box-sizing:border-box;
}

.top-links-col ul,
.top-links-col ol{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.top-links-col li{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.top-links-col a{
    display:inline-flex;
    align-items:center;
    line-height:1;
    color:#fff;
    font-weight:600;
    font-size:13px;
}

.top-links-col a:hover{
    color:var(--accent);
}

.top-date-col{
    grid-column:1;
    justify-self:start;
    min-width:0;
}

.top-date-col .date-icon{
    display:block;
    margin:0;
    font-weight:600;
    font-size:13px;
    line-height:1.45;
    color:#fff;
    white-space:nowrap;
}

.top-date-col .date-jalali{
    font-weight:700;
}

.top-date-col .date-sep{
    opacity:.85;
}

.top-date-col .date-latin{
    font-weight:500;
    opacity:.92;
    font-size:12px;
}

.top-links-col{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:36px;
    overflow:hidden;
    grid-column:2;
}

.top-links-col ul{
    display:flex;
    align-items:center;
    gap:18px;
    list-style:none;
    margin:0;
    padding:0;
}

.top-tools-col,
.top-search-col{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:10px 12px;
    min-height:36px;
    grid-column:3;
    justify-self:end;
}

.top-social{
    display:flex;
    align-items:center;
    gap:6px;
}

.top-social-link{
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--accent);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    flex-shrink:0;
    transition:transform .2s ease, opacity .2s ease;
}

.top-social-link:hover{
    transform:scale(1.08);
    opacity:.92;
}

.top-social-link::after{
    content:'';
    width:12px;
    height:12px;
    background:#4a1212;
    mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
}

.top-social-youtube::after{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23 7.6a3 3 0 0 0-2.1-2.1C19.5 5 12 5 12 5s-7.5 0-8.9.5A3 3 0 0 0 1 7.6 13 13 0 0 0 .5 12 13 13 0 0 0 1 16.4a3 3 0 0 0 2.1 2.1c1.4.5 8.9.5 8.9.5s7.5 0 8.9-.5a3 3 0 0 0 2.1-2.1c.5-1.4.5-4.4.5-4.4s0-3-.5-4.4zM10 15.5V8.5l6 3.5-6 3.5z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23 7.6a3 3 0 0 0-2.1-2.1C19.5 5 12 5 12 5s-7.5 0-8.9.5A3 3 0 0 0 1 7.6 13 13 0 0 0 .5 12 13 13 0 0 0 1 16.4a3 3 0 0 0 2.1 2.1c1.4.5 8.9.5 8.9.5s7.5 0 8.9-.5a3 3 0 0 0 2.1-2.1c.5-1.4.5-4.4.5-4.4s0-3-.5-4.4zM10 15.5V8.5l6 3.5-6 3.5z'/%3E%3C/svg%3E");
}

.top-social-telegram::after{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.9 15.4 9.7 19c.4 0 .6-.2.8-.4l2-1.9 4.1 3c.8.4 1.3.2 1.5-.7l3-14.1c.3-1.2-.4-1.7-1.2-1.4L2.5 9.6c-1.2.5-1.2 1.1 0 1.4l4.8 1.5L18.7 6.5c.6-.4 1.1-.2.7.2'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.9 15.4 9.7 19c.4 0 .6-.2.8-.4l2-1.9 4.1 3c.8.4 1.3.2 1.5-.7l3-14.1c.3-1.2-.4-1.7-1.2-1.4L2.5 9.6c-1.2.5-1.2 1.1 0 1.4l4.8 1.5L18.7 6.5c.6-.4 1.1-.2.7.2'/%3E%3C/svg%3E");
}

.top-social-twitter::after{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.2 2.25h3.3l-7.2 8.23 8.5 11.27H16.6l-5.2-6.8-5.95 6.8H2.2l7.7-8.8L1.7 2.25h6.8l4.7 6.2 5.5-6.2zm-1.15 17.52h1.83L7.05 4.13H5.1l12 15.64z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.2 2.25h3.3l-7.2 8.23 8.5 11.27H16.6l-5.2-6.8-5.95 6.8H2.2l7.7-8.8L1.7 2.25h6.8l4.7 6.2 5.5-6.2zm-1.15 17.52h1.83L7.05 4.13H5.1l12 15.64z'/%3E%3C/svg%3E");
}

.top-social-instagram::after{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 7.2A4.8 4.8 0 1 0 16.8 12 4.8 4.8 0 0 0 12 7.2zm0-4.2a8.4 8.4 0 0 0-2.7.4 4.2 4.2 0 0 0-1.5.9 4.2 4.2 0 0 0-.9 1.5 8.4 8.4 0 0 0-.4 2.7 8.4 8.4 0 0 0 .4 2.7 4.2 4.2 0 0 0 .9 1.5 4.2 4.2 0 0 0 1.5.9 8.4 8.4 0 0 0 2.7.4 8.4 8.4 0 0 0 2.7-.4 4.2 4.2 0 0 0 1.5-.9 4.2 4.2 0 0 0 .9-1.5 8.4 8.4 0 0 0 .4-2.7 8.4 8.4 0 0 0-.4-2.7 4.2 4.2 0 0 0-.9-1.5 4.2 4.2 0 0 0-1.5-.9A8.4 8.4 0 0 0 12 3zm6.6 1.5a2 2 0 1 0 2 2 2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 7.2A4.8 4.8 0 1 0 16.8 12 4.8 4.8 0 0 0 12 7.2zm0-4.2a8.4 8.4 0 0 0-2.7.4 4.2 4.2 0 0 0-1.5.9 4.2 4.2 0 0 0-.9 1.5 8.4 8.4 0 0 0-.4 2.7 8.4 8.4 0 0 0 .4 2.7 4.2 4.2 0 0 0 .9 1.5 4.2 4.2 0 0 0 1.5.9 8.4 8.4 0 0 0 2.7.4 8.4 8.4 0 0 0 2.7-.4 4.2 4.2 0 0 0 1.5-.9 4.2 4.2 0 0 0 .9-1.5 8.4 8.4 0 0 0 .4-2.7 8.4 8.4 0 0 0-.4-2.7 4.2 4.2 0 0 0-.9-1.5 4.2 4.2 0 0 0-1.5-.9A8.4 8.4 0 0 0 12 3zm6.6 1.5a2 2 0 1 0 2 2 2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

.top-search-form{
    display:flex;
    align-items:center;
    gap:6px;
}

.top-search-input{
    height:28px;
    width:min(150px,32vw);
    max-width:100%;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    padding:0 4px;
    outline:none;
    font-size:13px;
    font-family:inherit;
}

.top-search-input::placeholder{
    color:rgba(255,255,255,.75);
}

.top-search-btn{
    height:auto;
    width:auto;
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.top-search-btn-icon{
    display:block;
    width:15px;
    height:15px;
    box-sizing:border-box;
    border:2px solid currentColor;
    border-radius:50%;
    position:relative;
}

.top-search-btn-icon::after{
    content:'';
    position:absolute;
    width:7px;
    height:2px;
    background:currentColor;
    border-radius:1px;
    right:-3px;
    bottom:-2px;
    transform:rotate(45deg);
    transform-origin:right bottom;
}

.top-menu{
    display:flex;
    align-items:center;
    gap:18px;
    list-style:none;
    margin:0;
    padding:0;
    white-space:nowrap;
}

.top-menu a{
    color:#fff;
    font-weight:600;
    font-size:13px;
}

.top-menu a:hover{
    color:var(--accent);
}

/* —— بنر برند صفحهٔ اصلی —— */
.home-hero-banner{
    width:100%;
    min-height:118px;
    background:
        linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.08) 38%, rgba(0,0,0,.2) 100%),
        linear-gradient(180deg, color-mix(in srgb, var(--primary) 88%, #000) 0%, var(--primary) 55%, color-mix(in srgb, var(--primary) 75%, #000) 100%);
    background-size:cover;
    background-position:center;
    position:relative;
    overflow:hidden;
}

.home-hero-rig-deco{
    position:absolute;
    left:0;
    bottom:0;
    width:min(42%, 520px);
    height:100%;
    opacity:.22;
    pointer-events:none;
    background:
        linear-gradient(0deg, transparent 0%, rgba(0,0,0,.15) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' fill='%23ffffff'%3E%3Cpath d='M20 110V70l25-8 8 48H20zm55 0V45l18-6 6 71H75zm40 0V30l22-10 10 90h-32zm50 0V55l30-12 12 67H165zm70 0V20l35-12 15 102h-50zm90 0V40l28-8 10 78h-38zm55 0V60l20-6 8 56h-28z' opacity='.9'/%3E%3Ccircle cx='310' cy='28' r='14' opacity='.5'/%3E%3C/svg%3E") left bottom / contain no-repeat;
}

.home-hero-inner{
    position:relative;
    z-index:2;
    min-height:118px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:14px 0;
}

.home-hero-brand-block{
    display:flex;
    align-items:center;
    gap:14px;
}

.home-hero-logo-wrap img,
.home-hero-logo-wrap .custom-logo{
    height:72px;
    width:auto;
    display:block;
}

.home-hero-logo-fallback{
    display:block;
    width:64px;
    height:72px;
    background:
        radial-gradient(circle at 50% 35%, #ff6b35 0%, #ff3d00 35%, transparent 36%),
        radial-gradient(ellipse 70% 90% at 50% 100%, #1a1a1a 0%, #2d1515 55%, transparent 56%),
        linear-gradient(180deg, #3d1212 0%, #1a0808 100%);
    border-radius:50% 50% 45% 45% / 55% 55% 45% 45%;
    position:relative;
    flex-shrink:0;
}

.home-hero-site-title{
    display:block;
    color:#fff;
    font-weight:900;
    font-size:clamp(26px, 3.2vw, 38px);
    line-height:1.15;
    letter-spacing:-.02em;
    text-shadow:0 2px 16px rgba(0,0,0,.35);
}

.home-hero-subtitle{
    margin:4px 0 0;
    color:var(--accent);
    font-size:13px;
    font-weight:600;
    line-height:1.5;
}

.home-hero-cta{
    display:none;
}

/* —— منوی اصلی صفحهٔ اصلی —— */
.home-main-nav-bar{
    background:var(--primary);
    border:0;
    position:relative;
    z-index:50;
}

.home-main-nav-inner{
    display:grid;
    grid-template-columns:48px 1fr auto;
    align-items:center;
    gap:0;
    padding:0;
    min-height:44px;
}

.nav-home-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    min-width:48px;
    height:44px;
    background:var(--accent);
    flex-shrink:0;
}

.nav-home-icon{
    display:block;
    width:20px;
    height:18px;
    position:relative;
}

.nav-home-icon::before{
    content:'';
    position:absolute;
    left:50%;
    top:2px;
    transform:translateX(-50%);
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:9px solid var(--primary);
}

.nav-home-icon::after{
    content:'';
    position:absolute;
    left:2px;
    right:2px;
    bottom:0;
    height:10px;
    background:var(--primary);
    border-radius:1px;
}

.home-main-nav-bar .main-navigation{
    display:flex;
    justify-content:center;
    overflow:hidden;
    min-width:0;
}

.home-main-nav-bar .main-menu{
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:0;
    list-style:none;
    margin:0 auto;
    padding:0;
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
}

.home-main-nav-bar .main-menu::-webkit-scrollbar{
    display:none;
}

.home-main-nav-bar .main-menu > li > a{
    color:#fff;
    padding:12px 16px;
    border-radius:0;
    display:inline-flex;
    align-items:center;
    font-weight:700;
    font-size:14px;
    white-space:nowrap;
    border-bottom:3px solid transparent;
    transition:border-color .2s ease, color .2s ease;
}

.home-main-nav-bar .main-menu > li > a:hover,
.home-main-nav-bar .main-menu > li.current-menu-item > a,
.home-main-nav-bar .main-menu > li.current-menu-ancestor > a{
    color:#fff;
    background:transparent;
    border-bottom-color:var(--accent);
}

.home-main-nav-bar .main-menu .sub-menu{
    background:color-mix(in srgb, var(--primary) 92%, #000);
    border-color:rgba(255,255,255,.15);
}

.home-main-nav-bar .main-menu .sub-menu a{
    color:#fff;
}

.home-main-nav-bar .mobile-menu-toggle{
    color:#fff;
    margin:0;
    padding:8px 14px;
    justify-self:flex-start;
}

/* —— هدر صفحات داخلی —— */
.header-inner{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    justify-content:center;
    padding:15px 0;
}

.main-header .main-navigation{
    display:flex;
    justify-content:center;
    min-width:0;
}

.main-header .main-menu{
    justify-content:center;
}

.main-header{
    background:var(--primary);
    border-bottom:3px solid var(--accent);
}

.main-menu{
    display:flex;
    align-items:center;
    gap:25px;
    list-style:none;
    margin:0;
    padding:0;
}

.main-menu li{
    position:relative;
}

.main-menu a{
    font-weight:700;
}

.main-header .main-menu > li > a{
    color:#fff;
    padding:8px 12px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
}

.main-header .main-menu > li > a:hover{
    color:#fff;
    background:rgba(255,255,255,.14);
}

.main-header .main-menu .sub-menu{
    background:color-mix(in srgb, var(--primary) 90%, #000);
    border-color:rgba(255,255,255,.12);
}

.main-header .main-menu .sub-menu a{
    color:#fff;
}

.main-header .main-menu .sub-menu a:hover{
    color:#fff;
    background:rgba(255,255,255,.12);
}

.main-menu .sub-menu{
    list-style:none;
    margin:0;
    padding:10px 0;
    position:absolute;
    top:100%;
    right:0;
    min-width:220px;
    background:#fff;
    box-shadow:0 12px 40px rgba(0,0,0,.12);
    border-radius:10px;
    border:1px solid var(--border);
    z-index:1000;
}

@media (min-width:993px){

    .main-menu .sub-menu{
        opacity:0;
        visibility:hidden;
        transform:translateY(8px);
        transition:opacity .2s ease,transform .2s ease,visibility .2s;
    }

    .main-menu li:hover > .sub-menu,
    .main-menu li:focus-within > .sub-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

}

.main-menu .sub-menu a{
    display:block;
    padding:8px 18px;
    font-weight:500;
    font-size:14px;
    color:var(--secondary);
}

.main-menu .sub-menu a:hover{
    color:var(--primary);
    background:var(--light);
}

.main-navigation:not(.mega-menu-enabled) .main-menu .sub-menu .sub-menu{
    top:0;
    right:100%;
    left:auto;
    margin-top:0;
}

@media (min-width:993px){

    .main-navigation.mega-menu-enabled .main-menu > .menu-item-has-children > .sub-menu{
        display:grid;
        grid-template-columns:repeat(var(--mega-cols,3),minmax(160px,1fr));
        gap:4px 28px;
        min-width:min(720px,94vw);
        padding:20px 24px;
    }

    .main-navigation.mega-menu-enabled .main-menu > .menu-item-has-children > .sub-menu > li > a{
        font-weight:700;
        border-bottom:1px solid var(--border);
        margin-bottom:6px;
        padding-bottom:10px;
    }

    .main-navigation.mega-menu-enabled .main-menu > .menu-item-has-children .sub-menu .sub-menu{
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        box-shadow:none;
        border:none;
        padding:0 0 0 8px;
        min-width:0;
        display:block;
    }

}

.mobile-menu-toggle{
    display:none;
    border:none;
    background:none;
    font-size:28px;
    cursor:pointer;
    position:relative;
    z-index:1002;
    line-height:1;
    padding:4px 8px;
    border-radius:8px;
}

@media(max-width:992px){

    .mobile-menu-toggle{
        display:block;
    }

    .top-header{
        overflow-x:visible;
    }

    .top-header-wrap{
        display:grid;
        grid-template-columns:1fr auto;
        grid-template-rows:auto auto;
        max-width:100%;
        gap:8px 12px;
        height:auto;
        min-height:36px;
        padding:8px 0;
    }

    .top-date-col{
        grid-column:1 / -1;
        grid-row:1;
        justify-self:start;
        width:100%;
        text-align:right;
        padding-bottom:6px;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .top-date-col .date-icon{
        white-space:normal;
        font-size:12px;
        line-height:1.6;
    }

    .top-links-col{
        display:none;
    }

    .top-tools-col,
    .top-search-col{
        grid-column:1;
        grid-row:2;
        justify-self:end;
        width:100%;
        justify-content:flex-end;
    }

    .home-hero-brand-block{
        gap:10px;
    }

    .home-hero-logo-wrap img,
    .home-hero-logo-wrap .custom-logo,
    .home-hero-logo-fallback{
        height:56px;
        width:auto;
    }

    .home-hero-logo-fallback{
        width:50px;
    }

}
