@font-face{font-family:YazdgonbadFont;src:url('../fonts/font.woff2') format('woff2');font-display:swap}
:root{--yg-bg:#f7f3eb;--yg-surface:#fffaf3;--yg-dark:#0b1f2d;--yg-muted:#6f7b83;--yg-primary:#b9833b;--yg-primary-2:#e6c18a;--yg-border:rgba(11,31,45,.11);--yg-shadow:0 24px 70px rgba(11,31,45,.12);--yg-radius:28px;--yg-radius-sm:18px;--yg-font:YazdgonbadFont,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yg-bg);color:var(--yg-dark);font-family:var(--yg-font);direction:rtl;text-align:right;line-height:1.9}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.yg-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.yg-page-spacing{padding:58px 0}.yg-header{position:sticky;top:0;z-index:99;background:rgba(247,243,235,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--yg-border)}.yg-header-inner{height:86px;display:flex;align-items:center;gap:22px}.yg-brand{display:flex;align-items:center;gap:12px;margin-left:auto}.custom-logo{max-height:58px;width:auto}.yg-logo-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--yg-primary),var(--yg-primary-2));display:grid;place-items:center;color:white;font-weight:900}.yg-brand-text{display:flex;flex-direction:column;line-height:1.4}.yg-brand-text small{color:var(--yg-muted);font-size:12px}.yg-menu{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:center}.yg-menu a{display:block;padding:10px 14px;border-radius:999px;color:#263744}.yg-menu a:hover,.yg-menu .current-menu-item>a{background:white;box-shadow:0 10px 24px rgba(11,31,45,.08);color:var(--yg-primary)}.yg-header-cta,.yg-btn{border:0;border-radius:999px;padding:12px 22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s}.yg-header-cta,.yg-btn-primary{background:var(--yg-dark);color:#fff}.yg-btn-primary:hover,.yg-header-cta:hover{transform:translateY(-2px);box-shadow:var(--yg-shadow)}.yg-btn-light{background:white;color:var(--yg-dark)}.yg-menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px}.yg-menu-toggle span{display:block;height:2px;background:var(--yg-dark);margin:7px;border-radius:20px}.yg-hero{position:relative;overflow:hidden;background:#081420}.yg-hero-slider{display:flex;transition:transform .7s cubic-bezier(.2,.7,.2,1);direction:ltr}.yg-hero-slide{min-width:100%;height:650px;background-size:cover;background-position:center;display:flex;align-items:center;direction:rtl}.yg-hero-content{max-width:650px;color:white}.yg-eyebrow{display:inline-flex;color:var(--yg-primary);font-weight:900;letter-spacing:.6px;margin-bottom:10px}.yg-hero-content .yg-eyebrow{color:var(--yg-primary-2)}.yg-hero h1{font-size:clamp(34px,5vw,70px);line-height:1.25;margin:0 0 18px}.yg-hero p{font-size:18px;color:rgba(255,255,255,.82);max-width:560px;margin:0 0 28px}.yg-slider-dots{position:absolute;right:50%;transform:translateX(50%);bottom:28px;display:flex;gap:8px}.yg-slider-dots button{width:9px;height:9px;border:0;border-radius:20px;background:rgba(255,255,255,.45);transition:.25s}.yg-slider-dots .is-active{width:34px;background:white}.yg-section{padding:82px 0}.yg-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.yg-section-head h2,.yg-about-text h2,.yg-cta h2,.yg-page-header h1{font-size:clamp(28px,3.5vw,46px);line-height:1.35;margin:0}.yg-link{color:var(--yg-primary);font-weight:900}.yg-carousel-wrap{position:relative}.yg-carousel{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 28px;direction:ltr}.yg-carousel::-webkit-scrollbar{display:none}.yg-carousel>*{direction:rtl;scroll-snap-align:start;flex:0 0 280px}.yg-product-card,.yg-post-card{background:rgba(255,250,243,.88);border:1px solid var(--yg-border);border-radius:var(--yg-radius);overflow:hidden;box-shadow:0 16px 42px rgba(11,31,45,.07);transition:.25s}.yg-product-card:hover,.yg-post-card:hover{transform:translateY(-6px);box-shadow:var(--yg-shadow)}.yg-product-img,.yg-post-img{height:220px;background:#eadfce;display:block;overflow:hidden}.yg-product-img img,.yg-post-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.yg-product-card:hover img,.yg-post-card:hover img{transform:scale(1.06)}.yg-product-body,.yg-post-body{padding:20px}.yg-product-body h3,.yg-post-body h3{font-size:19px;line-height:1.6;margin:0 0 8px}.yg-product-body p,.yg-post-body p{margin:0;color:var(--yg-muted);font-size:14px}.yg-product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;border-top:1px solid var(--yg-border);padding-top:14px}.yg-product-foot span{font-weight:900;color:var(--yg-primary)}.yg-product-foot a,.yg-post-body span{color:var(--yg-primary);font-weight:900;font-size:13px}.yg-arrow{position:absolute;top:40%;z-index:2;width:46px;height:46px;border:1px solid var(--yg-border);background:white;border-radius:50%;box-shadow:0 12px 28px rgba(11,31,45,.12);font-size:32px;line-height:1;cursor:pointer}.yg-arrow-prev{right:-12px}.yg-arrow-next{left:-12px}.yg-about-band{background:var(--yg-dark);color:white;padding:76px 0;position:relative;overflow:hidden}.yg-about-band:before{content:'';position:absolute;inset:auto -20% -50% auto;width:600px;height:600px;border-radius:50%;background:rgba(185,131,59,.24)}.yg-about-grid{display:grid;grid-template-columns:330px 1fr;gap:38px;align-items:center;position:relative}.yg-about-card{height:260px;border-radius:36px;background:linear-gradient(135deg,var(--yg-primary),#7d592e);display:grid;place-items:center;text-align:center;box-shadow:var(--yg-shadow)}.yg-about-card span{font-size:78px;font-weight:900;line-height:1}.yg-about-card small{display:block;color:rgba(255,255,255,.82)}.yg-about-text p{color:rgba(255,255,255,.78);font-size:17px;max-width:740px}.yg-cta{margin-bottom:76px;background:linear-gradient(135deg,#fffaf3,#ead6b7);border:1px solid var(--yg-border);border-radius:36px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:26px}.yg-cta p{color:var(--yg-muted);margin-bottom:0}.yg-footer{background:#06111b;color:white;padding-top:58px}.yg-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:34px}.yg-footer h3{margin:0 0 16px}.yg-footer p{color:rgba(255,255,255,.68);margin:0}.yg-footer-menu{list-style:none;padding:0;margin:0;display:grid;gap:8px}.yg-footer-menu a{color:rgba(255,255,255,.72)}.yg-footer-menu a:hover{color:var(--yg-primary-2)}.yg-enamad-box{display:flex;gap:10px;flex-wrap:wrap}.yg-enamad-placeholder{width:94px;height:94px;border-radius:20px;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.25);display:grid;place-items:center;text-align:center;font-size:12px;color:rgba(255,255,255,.58)}.yg-copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding:18px 0;color:rgba(255,255,255,.62);font-size:14px}.yg-page-header{text-align:center;max-width:820px;margin:0 auto 34px}.yg-page-header p{color:var(--yg-muted);margin:12px 0 0}.yg-grid{display:grid;gap:22px}.yg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.yg-page-cover{border-radius:34px;overflow:hidden;margin-bottom:28px;box-shadow:var(--yg-shadow)}.yg-page-cover img{width:100%;max-height:520px;object-fit:cover}.yg-rich-content{background:rgba(255,250,243,.78);border:1px solid var(--yg-border);border-radius:30px;padding:34px;box-shadow:0 16px 42px rgba(11,31,45,.06)}.yg-rich-content h2,.yg-rich-content h3{line-height:1.5}.yg-rich-content p{color:#334651}.yg-single-layout{display:grid;grid-template-columns:1fr 310px;gap:28px}.yg-sidebar{display:grid;gap:18px;align-content:start}.yg-widget{background:rgba(255,250,243,.82);border:1px solid var(--yg-border);border-radius:24px;padding:22px}.yg-widget-title{margin-top:0}.yg-search-form{display:flex;gap:8px;background:white;border:1px solid var(--yg-border);border-radius:999px;padding:6px}.yg-search-form input{border:0;background:transparent;outline:0;flex:1;padding:10px 14px;font-family:inherit}.yg-search-form button{border:0;background:var(--yg-dark);color:white;border-radius:999px;padding:10px 16px;font-family:inherit}.yg-product-single{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.yg-product-gallery{border-radius:34px;overflow:hidden;background:white;box-shadow:var(--yg-shadow)}.yg-product-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}.yg-product-detail{background:rgba(255,250,243,.82);border:1px solid var(--yg-border);border-radius:34px;padding:34px}.yg-product-detail h1{font-size:42px;line-height:1.35;margin:0 0 18px}.yg-product-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.yg-product-meta span,.yg-product-meta strong{background:white;border:1px solid var(--yg-border);border-radius:999px;padding:9px 15px}.yg-product-meta strong{color:var(--yg-primary)}.yg-empty,.yg-404{text-align:center}.yg-404-code{font-size:120px;font-weight:900;color:var(--yg-primary);line-height:1}.yg-post-nav{display:flex;justify-content:space-between;margin-top:24px}.yg-post-nav a{background:white;border:1px solid var(--yg-border);border-radius:999px;padding:10px 18px}.yg-comments{margin-top:30px;background:white;border-radius:28px;padding:28px}.yg-about-page-grid,.yg-contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.yg-about-stats,.yg-contact-info{display:grid;gap:14px;align-content:start}.yg-about-stats div,.yg-contact-info div{background:white;border:1px solid var(--yg-border);border-radius:24px;padding:22px;box-shadow:0 14px 32px rgba(11,31,45,.06)}.yg-about-stats strong,.yg-contact-info strong{display:block;color:var(--yg-primary);font-size:22px}.yg-about-stats span,.yg-contact-info span{color:var(--yg-muted)}.navigation.pagination{margin-top:34px;text-align:center}.nav-links{display:flex;justify-content:center;gap:8px}.page-numbers{background:white;border:1px solid var(--yg-border);border-radius:12px;padding:8px 13px}.page-numbers.current{background:var(--yg-dark);color:white}@media (max-width: 920px){.yg-menu-toggle{display:block}.yg-header-inner{height:76px}.yg-header-cta{display:none}.yg-nav{position:fixed;inset:76px 0 auto 0;background:rgba(247,243,235,.98);border-bottom:1px solid var(--yg-border);padding:18px 16px;transform:translateY(-130%);transition:.28s}.yg-nav.is-open{transform:translateY(0)}.yg-menu{display:grid}.yg-hero-slide{height:560px}.yg-about-grid,.yg-footer-grid,.yg-single-layout,.yg-product-single,.yg-about-page-grid,.yg-contact-grid{grid-template-columns:1fr}.yg-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.yg-section-head,.yg-cta{align-items:flex-start;flex-direction:column}.yg-arrow{display:none}}@media (max-width: 620px){.yg-container{width:min(100% - 22px,1180px)}.yg-hero-slide{height:520px}.yg-hero h1{font-size:34px}.yg-section{padding:56px 0}.yg-grid-3{grid-template-columns:1fr}.yg-carousel>*{flex-basis:78vw}.yg-product-img,.yg-post-img{height:190px}.yg-rich-content,.yg-product-detail,.yg-cta{padding:22px;border-radius:24px}.yg-footer-grid{gap:24px}.yg-product-detail h1{font-size:32px}}

@font-face {
    font-family: 'BBardiya';
    src: url('../fonts/BBardiya.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BBardiya.ttf')  format('truetype'),
    url('../fonts/BBardiya.svg#svgFontName') format('svg');
}
body{
    font-family: BBardiya;
}




/* Desktop Header Fix */
.yg-header-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 24px;
}

.yg-nav {
    display: flex;
    justify-content: center;
}

.yg-menu {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.yg-menu > li {
    position: relative;
    flex: 0 0 auto;
}

.yg-menu > li > a {
    white-space: nowrap;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.yg-menu .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid var(--yg-border);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: .2s;
    z-index: 9999;
}

.yg-menu li:hover > .sub-menu,
.yg-menu li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.yg-menu .sub-menu li a {
    display: block;
    padding: 8px 12px;
}



.yg-menu .menu-item-has-children > a::after {
    margin-right: 0 !important;
}




/* Fix nested desktop submenus */
@media (min-width: 921px) {

    .yg-menu > li > .sub-menu {
        top: calc(100% + 10px);
        right: 0;
        left: auto;
    }

    .yg-menu .sub-menu .sub-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-right: 10px;
        margin-top: 0;
    }

    .yg-menu .sub-menu li {
        position: relative;
    }

    .yg-menu .sub-menu .menu-item-has-children > a {
        position: relative;
        padding-left: 28px;
    }

    .yg-menu .sub-menu .menu-item-has-children > a::after {
        content: "‹";
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        line-height: 1;
        color: var(--yg-primary);
    }

    .yg-menu .sub-menu li:hover > .sub-menu,
    .yg-menu .sub-menu li:focus-within > .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* Dropdown icon for menu items with children */
@media (min-width: 921px) {

    .yg-menu > li.menu-item-has-children > a {
        position: relative;
        padding-left: 30px;
    }

    .yg-menu > li.menu-item-has-children > a::after {
        content: "⌄";
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 15px;
        font-weight: 900;
        line-height: 1;
        color: var(--yg-primary);
        transition: .2s ease;
    }

    .yg-menu > li.menu-item-has-children:hover > a::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .yg-menu .sub-menu li.menu-item-has-children > a {
        position: relative;
        padding-left: 30px;
    }

    .yg-menu .sub-menu li.menu-item-has-children > a::after {
        content: "‹";
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        font-weight: 900;
        color: var(--yg-primary);
    }
}

/* Mobile Menu */
@media (max-width: 920px) {
    .yg-nav {
        position: fixed;
        top: 76px; /* ارتفاع هدر موبایل */
        right: 0;
        left: 0;
        display: block;
        padding: 16px;
        background: rgba(247, 243, 235, .98);
        border-bottom: 1px solid var(--yg-border);
        transform: translateY(-130%);
        opacity: 0;
        visibility: hidden;
        transition: .25s ease;
        z-index: 9998;
        overflow-y: auto;
        max-height: calc(100vh - 76px);
    }

    .yg-nav.is-open {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .yg-menu {
        display: grid;
        gap: 6px;
        justify-content: stretch;
    }

    .yg-menu > li > a {
        width: 100%;
        justify-content: flex-start;
        padding: 12px 16px;
        background: #fff;
        border-radius: 14px;
        white-space: nowrap;
    }

    /* زیرمنوها موبایل */
    .yg-menu .sub-menu {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none;
        margin-top: 6px;
        box-shadow: none;
        background: rgba(255,255,255,.55);
    }

    /* دکمه تماس با ما مخفی شود */
    .yg-header-cta {
        display: none;
    }

    /* نمایش دکمه همبرگر */
    .yg-menu-toggle {
        display: block;
    }
}
/* Mobile Menu - Clean nested display */
@media (max-width: 920px) {

    .yg-nav {
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        transition: .25s ease;
        position: fixed;
        top: 76px;
        right: 0;
        left: 0;
        padding: 16px;
        background: #f7f3eb;
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        z-index: 9999;
    }

    .yg-nav.is-open {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .yg-menu {
        display: block;
        padding: 0;
        margin: 0;
    }

    .yg-menu > li > a {
        display: block;
        padding: 12px 16px;
        background: #fff;
        margin-bottom: 6px;
        border-radius: 12px;
        white-space: normal;
    }

    /* زیرمنو موبایل */
    .yg-menu .sub-menu {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin: 0 0 6px 12px; /* فاصله از parent */
        padding: 0;
        border: none;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .yg-menu .sub-menu li > a {
        padding: 10px 12px;
        background: #fefefe;
        margin-bottom: 4px;
        border-radius: 10px;
    }

    .yg-menu-toggle {
        display: block;
    }

    .yg-header-cta {
        display: none;
    }
}

/* Fix hamburger clickable area */
.yg-header {
    z-index: 999999;
}

.yg-header-inner {
    position: relative;
}

.yg-menu-toggle {
    position: relative;
    z-index: 1000001;
    pointer-events: auto;
}

@media (max-width: 920px) {
    .yg-header-inner {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .yg-brand {
        grid-column: 1;
        grid-row: 1;
    }

    .yg-menu-toggle {
        grid-column: 2;
        grid-row: 1;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border: 0;
        border-radius: 14px;
        background: #fff;
        cursor: pointer;
        z-index: 1000001;
    }

    .yg-menu-toggle span {
        display: block;
        width: 24px;
        height: 2px;
        margin: 3px 0;
        background: var(--yg-dark);
        border-radius: 20px;
    }

    .yg-nav {
        position: fixed;
        top: 76px;
        right: 0;
        left: 0;
        z-index: 999999;
        display: block;
        background: #f7f3eb;
        padding: 14px;
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        transform: translateY(-120%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: .25s ease;
    }

    .yg-nav.is-open {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .yg-header-cta {
        display: none !important;
    }
}




/* Final Header / Mobile Menu Fix */
.yg-header {
    position: sticky;
    top: 0;
    z-index: 999999;
    background: rgba(247, 243, 235, .96);
    border-bottom: 1px solid var(--yg-border);
    backdrop-filter: blur(14px);
}

.admin-bar .yg-header {
    top: 32px;
}

.yg-header-inner {
    min-height: 88px;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) 150px;
    align-items: center;
    gap: 20px;
    position: relative;
}

.yg-header-logo {
    display: flex;
    align-items: center;
    min-width: 0;
}

.yg-brand {
    display: flex;
    align-items: center;
    min-width: 0;
}

.yg-fixed-logo {
    max-height: 68px;
    width: auto;
    display: block;
    object-fit: contain;
}

.yg-nav {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.yg-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.yg-menu > li {
    position: relative;
    flex: 0 0 auto;
}

.yg-menu > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 8px 14px;
    border-radius: 999px;
    color: #263744;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
    white-space: nowrap;
    transition: .2s ease;
}

.yg-menu > li:hover > a,
.yg-menu > li.current-menu-item > a,
.yg-menu > li.current-menu-ancestor > a {
    background: #fff;
    color: var(--yg-primary);
    box-shadow: 0 10px 24px rgba(11, 31, 45, .08);
}

.yg-menu > li.menu-item-has-children > a {
    padding-left: 30px;
    position: relative;
}

.yg-menu > li.menu-item-has-children > a::after {
    content: "⌄";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--yg-primary);
    font-size: 15px;
    font-weight: 900;
}

.yg-menu .sub-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    width: 240px;
    list-style: none;
    margin: 0;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--yg-border);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(11, 31, 45, .14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: .2s ease;
    z-index: 999999;
}

.yg-menu li:hover > .sub-menu,
.yg-menu li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.yg-menu .sub-menu li {
    position: relative;
}

.yg-menu .sub-menu a {
    display: block;
    padding: 10px 13px;
    border-radius: 12px;
    color: #263744;
    font-size: 14px;
    line-height: 1.9;
    white-space: normal;
}

.yg-menu .sub-menu a:hover {
    background: rgba(185, 131, 59, .10);
    color: var(--yg-primary);
}

.yg-menu .sub-menu .sub-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-right: 10px;
    margin-top: 0;
}

.yg-menu .sub-menu li.menu-item-has-children > a {
    padding-left: 30px;
    position: relative;
}

.yg-menu .sub-menu li.menu-item-has-children > a::after {
    content: "‹";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--yg-primary);
    font-size: 18px;
    font-weight: 900;
}

.yg-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.yg-header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px 20px;
    border-radius: 999px;
    background: var(--yg-dark);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
}

.yg-menu-toggle {
    display: none;
}

/* Mobile Header */
@media (max-width: 920px) {
    .admin-bar .yg-header {
        top: 46px;
    }

    .yg-header-inner {
        min-height: 76px;
        grid-template-columns: 1fr auto;
        gap: 12px;
    }

    .yg-header-logo {
        grid-column: 1;
        grid-row: 1;
    }

    .yg-header-actions {
        grid-column: 2;
        grid-row: 1;
    }

    .yg-fixed-logo {
        max-height: 58px;
    }

    .yg-header-cta {
        display: none !important;
    }

    .yg-menu-toggle {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border: 0;
        border-radius: 14px;
        background: #fff;
        cursor: pointer;
        box-shadow: 0 8px 22px rgba(11, 31, 45, .08);
        position: relative;
        z-index: 1000001;
    }

    .yg-menu-toggle span {
        display: block;
        width: 24px;
        height: 2px;
        margin: 3px 0;
        background: var(--yg-dark);
        border-radius: 20px;
        transition: .2s ease;
    }

    .yg-menu-toggle.is-open span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .yg-menu-toggle.is-open span:nth-child(2) {
        opacity: 0;
    }

    .yg-menu-toggle.is-open span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .yg-nav {
        position: fixed;
        top: 76px;
        right: 0;
        left: 0;
        display: block;
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        padding: 14px;
        background: #f7f3eb;
        border-top: 1px solid var(--yg-border);
        border-bottom: 1px solid var(--yg-border);
        transform: translateY(-120%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: .25s ease;
        z-index: 999999;
    }

    .admin-bar .yg-nav {
        top: 122px;
        max-height: calc(100vh - 122px);
    }

    .yg-nav.is-open {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .yg-menu {
        display: block !important;
        width: 100%;
    }

    .yg-menu > li {
        width: 100%;
        margin: 0 0 7px;
    }

    .yg-menu > li > a {
        width: 100%;
        min-height: 48px;
        display: flex;
        justify-content: space-between;
        padding: 10px 16px;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 8px 22px rgba(11, 31, 45, .05);
        white-space: normal;
    }

    .yg-menu > li.menu-item-has-children > a {
        padding-left: 36px;
    }

    .yg-menu > li.menu-item-has-children > a::after {
        left: 16px;
    }

    .yg-menu .sub-menu,
    .yg-menu .sub-menu .sub-menu {
        position: static !important;
        width: 100%;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        margin: 6px 0 0 0 !important;
        padding: 0 12px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .yg-menu .sub-menu li {
        margin: 0 0 6px;
    }

    .yg-menu .sub-menu a {
        background: rgba(255, 255, 255, .72);
        border: 1px solid rgba(11, 31, 45, .06);
        border-radius: 12px;
        padding: 9px 14px;
        font-size: 14px;
        line-height: 1.9;
    }

    .yg-menu .sub-menu li.menu-item-has-children > a::after {
        content: "⌄";
        left: 14px;
        font-size: 15px;
    }
}

@media (max-width: 600px) {
    .admin-bar .yg-header {
        top: 0;
    }

    .admin-bar .yg-nav {
        top: 76px;
        max-height: calc(100vh - 76px);
    }

    .yg-fixed-logo {
        max-height: 52px;
    }
}
/* Mobile submenu collapsed by default */
@media (max-width: 920px) {

    .yg-menu .sub-menu,
    .yg-menu .sub-menu .sub-menu {
        display: none !important;
        position: static !important;
        width: 100%;
        margin: 6px 0 0 0 !important;
        padding: 0 12px 0 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .yg-menu li.is-submenu-open > .sub-menu {
        display: block !important;
    }

    .yg-menu li.menu-item-has-children > a {
        position: relative;
        padding-left: 42px !important;
    }

    .yg-menu li.menu-item-has-children > a::after {
        content: "⌄" !important;
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--yg-primary);
        font-size: 15px;
        font-weight: 900;
        transition: .2s ease;
    }

    .yg-menu li.is-submenu-open > a::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .yg-menu .sub-menu a {
        background: rgba(255,255,255,.72);
        border: 1px solid rgba(11,31,45,.06);
        border-radius: 12px;
        padding: 9px 14px;
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 1.9;
    }
}