:root {
        --yashiil-green: #287563;
        --yashiil-green-light: #348f78;
        --yashiil-gold: #e8c670;
        --yashiil-glass: rgba(40,117,99,.13);
    }

    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .yashiil-header-wrap {
        position: fixed !important;
        top: 12px !important;
        left: 20px !important;
        right: 20px !important;
        transform: none !important;
        width: auto !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        min-height: 54px !important;
        box-sizing: border-box !important;
        padding: 0 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        background: rgba(40,117,99,.12) !important;
        backdrop-filter: blur(20px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
        border: 1px solid rgba(255,255,255,.20) !important;
        border-radius: 18px !important;
        box-shadow: 0 8px 30px rgba(0,0,0,.10),
                    inset 0 1px 0 rgba(255,255,255,.12) !important;
        z-index: 999999 !important;
    }

    .yashiil-header-wrap.scrolled {
        top: 7px !important;
        min-height: 50px !important;
        background: rgba(40,117,99,.17) !important;
    }

    .yashiil-logo {
        flex: 0 0 150px !important;
        width: 150px !important;
        max-width: 150px !important;
    }

    .yashiil-logo img {
        display: block !important;
        width: auto !important;
        height: 34px !important;
        max-width: 150px !important;
        object-fit: contain !important;
    }

    .yashiil-desktop-menu {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 13px !important;
    }

    .yashiil-desktop-menu > a,
    .yashiil-parent-link {
        display: inline-flex !important;
        align-items: center !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        text-shadow: 0 1px 4px rgba(0,0,0,.35) !important;
    }

    .yashiil-desktop-menu > a:hover,
    .yashiil-parent-link:hover {
        color: var(--yashiil-gold) !important;
    }

    .yashiil-menu-item {
        position: relative !important;
    }

    .yashiil-submenu {
        position: absolute !important;
        top: calc(100% + 9px) !important;
        right: 50% !important;
        left: auto !important;
        transform: translateX(50%) translateY(-7px) !important;
        width: 240px !important;
        padding: 8px 0 !important;
        background: rgba(40,117,99,.78) !important;
        backdrop-filter: blur(22px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 45px rgba(0,0,0,.20) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .2s ease,
                    transform .2s ease,
                    visibility .2s ease !important;
    }

    .yashiil-submenu a {
        display: block !important;
        padding: 8px 18px !important;
        color: #fff !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        text-decoration: none !important;
    }

    .yashiil-submenu a:hover {
        color: var(--yashiil-gold) !important;
        background: rgba(232,198,112,.10) !important;
    }

    .yashiil-menu-item:hover .yashiil-submenu,
    .yashiil-menu-item:focus-within .yashiil-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(50%) translateY(0) !important;
    }

    .yashiil-actions {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
    }

    .yashiil-call-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 7px 14px !important;
        color: #163d33 !important;
        background: linear-gradient(135deg, #f0d486, #d4af37) !important;
        border-radius: 30px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }

    .yashiil-mobile-toggle {
        display: none;
        padding: 4px 7px;
        color: #fff;
        background: transparent;
        border: 0;
        font-size: 26px;
        cursor: pointer;
    }

    .yashiil-mobile-overlay {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0,0,0,.28) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 999997 !important;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease;
    }

    .yashiil-mobile-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .yashiil-mobile-menu {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: min(300px,82vw) !important;
        height: 100vh !important;
        display: flex !important;
        flex-direction: column !important;
        background: rgba(40,117,99,.72) !important;
        backdrop-filter: blur(25px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(25px) saturate(160%) !important;
        border-left: 1px solid rgba(255,255,255,.16) !important;
        z-index: 999998 !important;
        overflow-y: auto !important;
        transition: right .35s ease !important;
    }

    .yashiil-mobile-menu.active {
        right: 0 !important;
    }

    .yashiil-mobile-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        color: #fff;
        font-weight: 700;
        border-bottom: 1px solid rgba(255,255,255,.12);
    }

    .yashiil-mobile-close {
        color: #fff;
        background: transparent;
        border: 0;
        font-size: 22px;
        cursor: pointer;
    }

    .yashiil-mobile-menu-body {
        padding: 12px 16px 30px;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .yashiil-mobile-menu-body > a,
    .yashiil-mobile-parent {
        color: #fff !important;
        text-decoration: none !important;
        padding: 12px !important;
        border-radius: 9px;
    }

    .yashiil-mobile-menu-body > a:hover,
    .yashiil-mobile-parent:hover {
        background: rgba(255,255,255,.08);
    }

    .yashiil-mobile-submenu {
        max-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: 0 8px;
        transition: max-height .35s ease, padding .35s ease;
    }

    .yashiil-mobile-submenu.active {
        max-height: 650px;
        padding: 5px 8px 10px;
    }

    .yashiil-mobile-submenu a {
        display: block;
        padding: 9px 13px;
        color: rgba(255,255,255,.82) !important;
        text-decoration: none;
        font-size: 13px;
        border-radius: 8px;
    }

    .yashiil-mobile-submenu a:hover {
        color: var(--yashiil-gold) !important;
        background: rgba(232,198,112,.10);
    }

    body.page .site-content,
    body.page .site-main,
    body.page .content-area,
    body.single-post .site-content,
    body.single-post .site-main,
    body.single-post .content-area {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.single-post .site-main {
        padding-top: 78px !important;
    }

    body.single-post .entry-header {
        position: relative !important;
        z-index: 1 !important;
    }

    body.page .site-main {
        padding-top: 70px !important;
    }

    body.single-post .site-main > .container,
    body.single-post .site-content > .container,
    body.page .site-main > .container,
    body.page .site-content > .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .entry-content img,
    .wp-block-image img,
    .post img,
    .single img {
        max-width: 100% !important;
        height: auto !important;
    }

    @media (max-width:1100px) {
        .yashiil-header-wrap {
            left: 14px !important;
            right: 14px !important;
            width: auto !important;
            max-width: none !important;
            min-height: 50px !important;
            padding: 0 13px !important;
        }

        .yashiil-desktop-menu,
        .yashiil-call-btn {
            display: none !important;
        }

        .yashiil-mobile-toggle {
            display: block !important;
        }

        .yashiil-logo {
            flex: 0 0 135px !important;
            width: 135px !important;
            max-width: 135px !important;
        }

        .yashiil-logo img {
            height: 30px !important;
        }

        body.single-post .site-main {
            padding-top: 70px !important;
        }

        body.page .site-main {
            padding-top: 65px !important;
        }
    }

    @media (max-width:480px) {
        .yashiil-header-wrap {
            top: 8px !important;
            left: 10px !important;
            right: 10px !important;
            min-height: 46px !important;
            padding: 0 10px !important;
            border-radius: 14px !important;
        }

        .yashiil-logo {
            flex: 0 0 120px !important;
            width: 120px !important;
        }

        .yashiil-logo img {
            height: 28px !important;
        }

        .yashiil-mobile-toggle {
            font-size: 24px;
        }

        body.single-post .site-main {
            padding-top: 64px !important;
        }

        body.page .site-main {
            padding-top: 60px !important;
        }
    }

    #yashil-modal {
        position: fixed !important;
        inset: 0 !important;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background: rgba(0,0,0,.70) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        z-index: 9999999 !important;
    }

    #yashil-modal.is-visible {
        display: flex;
    }

    .yashiil-modal-box {
        width: min(430px,100%);
        padding: 36px 26px;
        color: #fff;
        text-align: center;
        background: rgba(20,25,23,.96) !important;
        border-radius: 20px;
        box-shadow: 0 30px 80px rgba(0,0,0,.55);
    }

    .yashiil-header {
        margin-bottom: 18px;
        color: var(--yashiil-gold);
        font-size: 19px;
        font-weight: 700;
    }

    .yashiil-body {
        margin-bottom: 25px;
        color: #f2f2f2;
        font-size: 15px;
        line-height: 1.9;
    }

    .yashiil-call {
        display: block;
        margin-bottom: 17px;
        padding: 13px;
        color: #102c25 !important;
        background: linear-gradient(135deg, #efd47f, #d4af37);
        border-radius: 11px;
        font-weight: 700;
        text-decoration: none;
    }

    .yashiil-close {
        padding: 5px 10px;
        color: #ccc;
        background: transparent;
        border: 0;
        font-size: 14px;
        cursor: pointer;
    }

    .yashiil-close:hover {
        color: var(--yashiil-gold);
    }