/* Shared shell: the approved header/footer classes without loading home CSS on every page. */
.inner-page .home-header{background:linear-gradient(115deg,#24533f,#38755b 58%,#285942);color:#fff;border-bottom:1px solid #9abca2}
.inner-page .header-row{display:flex;align-items:center;gap:18px;min-height:94px}
.inner-page .header-row .brand{display:flex;align-items:center;gap:8px;color:#fff;flex-shrink:0}
.inner-page .header-row .brand svg{width:42px;height:42px;color:#e0bc70}
.inner-page .header-row .brand span{display:grid}
.inner-page .header-row .brand strong{font-size:22px}
.inner-page .header-row .brand small{font-size:10px}
.inner-page .header-row .owner-logo{display:none}
.inner-page .header-row nav{display:flex;gap:15px;align-items:center}
.inner-page .header-row nav>a,.inner-page .header-row nav ul a{font-size:13px;color:#fff;text-decoration:none}
.inner-page .header-row nav ul{display:flex;gap:15px}
.inner-page .head-actions{display:flex;gap:8px;align-items:center}
.inner-page .head-actions .icon-button{display:grid;place-items:center;min-width:38px;min-height:38px;color:#fff}
.inner-page .head-actions .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.inner-page .mana-search{position:relative;min-width:180px;flex:1;max-width:320px}
.inner-page .mana-search form{display:flex;align-items:center;background:#fff;color:#183d32;border-radius:30px;padding:4px 10px}
.inner-page .mana-search input{border:0;background:transparent;min-width:0;width:100%;font:inherit;outline:0}
.inner-page .mana-search button{display:grid;place-items:center;width:34px;height:34px;background:#edf4ed;border-radius:50%;color:#24533f}
.inner-page .mana-search .icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.inner-page .mana-search #manaSearchResults{position:absolute;top:100%;right:0;left:0;z-index:80;max-height:390px;overflow:auto;background:#fff;border:1px solid #d8c9a8;border-radius:15px;box-shadow:0 16px 30px #00382d28;color:#173e34;padding:8px}
.inner-page #manaSearchResults a{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #eee6da}
.inner-page #manaSearchResults img{width:42px;height:42px;object-fit:cover}
.inner-page #manaSearchResults small{display:block}
.inner-page .mobile-app-nav,.inner-page .mobile-footer-intro{display:none}
.inner-page .footer-credentials,.inner-page .footer-gold-base,.inner-page .footer-credit{position:relative}
.inner-page .footer-credentials{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff40;padding-top:20px;margin-top:20px;color:#fff}
.inner-page .footer-credentials .license-grid{display:flex;gap:8px}
.inner-page .footer-credentials .license-slot{display:grid;place-content:center;text-align:center;min-width:90px;min-height:72px;background:#fffaf1;color:#244c3a;border:1px solid #c7a763;border-radius:10px}
.inner-page .footer-credentials small{font-size:11px}
.inner-page .footer-gold-base{display:none}
.inner-page .footer-credit{text-align:center;color:#fff7df;font-size:12px}
.inner-page .footer-content .newsletter-unavailable{font-size:12px;color:#ecdfbc}
.inner-page .footer-content .brand{color:#fff;display:flex;align-items:center;gap:7px}
.inner-page .footer-content .brand svg{width:42px;height:42px;color:#e0bc70}
.inner-page .footer-content .brand span{display:grid}
.inner-page .footer-content .brand small{font-size:10px}
.inner-page .footer-content .owner-logo{display:none}
.inner-page .footer-content .mg-footer-menu{display:block;padding:0;margin:0;list-style:none}
@media(max-width:1000px){.inner-page .header-row{flex-wrap:wrap}.inner-page .header-row nav{order:4;width:100%;justify-content:center}.inner-page .mana-search{max-width:none}.inner-page .header-row nav ul{flex-wrap:wrap}}
@media(max-width:700px){.inner-page .home-header{position:sticky;top:0;z-index:60;background:#fff;color:#173d31;border-radius:0 0 22px 22px}.inner-page .header-row{display:grid;grid-template-columns:1fr auto;min-height:100px;padding:10px 16px;gap:8px}.inner-page .header-row .brand{grid-column:1;grid-row:1;color:#173d31}.inner-page .header-row .brand svg{display:none}.inner-page .header-row .owner-logo{display:block;width:32px;height:40px;object-fit:contain}.inner-page .header-row .brand strong{font-size:20px}.inner-page .head-actions{grid-column:2;grid-row:1}.inner-page .head-actions .icon-button{color:#173d31}.inner-page .mana-search{grid-column:1/-1;grid-row:2;min-width:0;max-width:none}.inner-page .mana-search form{background:#f7f5f0;border:1px solid #ddd6ca;border-radius:14px}.inner-page #navigation{display:none;grid-column:1/-1;grid-row:3;order:initial;width:100%;background:#fff;color:#173d31;border:1px solid #dfd4c2;border-radius:18px;padding:15px;max-height:55vh;overflow:auto}.inner-page #navigation.open{display:block}.inner-page #navigation>a,.inner-page #navigation ul a{display:block;color:#173d31;padding:8px}.inner-page #navigation ul{display:block}.inner-page .mobile-app-nav{position:fixed;z-index:80;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-around;background:#fff;border:1px solid #d6dfd3;border-radius:24px;padding:8px;box-shadow:0 8px 28px #10372835}.inner-page .mobile-app-nav a{display:grid;place-items:center;font-size:11px;color:#285c42}.inner-page .mobile-app-nav .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.inner-page .footer-credentials{display:block}.inner-page .footer-credentials .license-grid{overflow-x:auto;margin-top:12px}.inner-page .footer-content{grid-template-columns:1fr 1fr}.inner-page footer{padding-bottom:110px}}

@media (min-width: 1001px) {
    .inner-page .topbar { min-height: 29px; }
    .inner-page .home-header { margin-inline: 16px; border: 1px solid #9abca2; border-radius: 0 0 30px 30px; box-shadow: 0 12px 28px #234d3520; }
    .inner-page .header-row { display: grid; grid-template-columns: auto minmax(190px, 360px) auto; justify-content: space-between; min-height: 121px; gap: 6px 18px; padding-block: 4px; }
    .inner-page .header-row > nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; width: 100%; }
    .inner-page .header-row > .mana-search { grid-column: 2; grid-row: 1; width: 100%; max-width: none; }
    .inner-page .header-row > .head-actions { grid-column: 3; grid-row: 1; }
}
@media (max-width: 700px) {
    .inner-page .topbar { display: none; }
    .inner-page .header-row { min-height: 110px; }
    .inner-page .mobile-footer-intro { display: block; }
    .inner-page .mobile-footer-identity { display: flex; align-items: center; gap: 10px; color: #fff; }
    .inner-page .mobile-footer-identity img { width: 36px; height: auto; }
    .inner-page .footer-content { grid-template-columns: minmax(0, 1fr); }
    .inner-page .footer-content .footer-brand,
    .inner-page .footer-content > div:nth-child(2),
    .inner-page .footer-content > div:nth-child(3) { display: none; }
}
.mg-approved-layout-about { max-width: 1120px; }
.mg-approved-layout-contact { max-width: 1024px; }
@media (min-width: 1001px) {
    .mg-approved-layout { margin-top: 63px; }
}

/* The skip link is available on every route and takes no space until focused. */
.skip-link {
    position: absolute;
    inset-block-start: -100px;
    inset-inline-start: 15px;
    z-index: 999;
    padding: 12px 20px;
    background: #fffdf7;
    border: 1px solid #bd9758;
    border-radius: 12px;
}
.skip-link:focus { inset-block-start: 10px; }

/* Shared header and footer proportions from the approved mobile demo. */
.mobile-footer-license img { width: 46px; height: 46px; object-fit: contain; }
.mobile-footer-license h3 { margin: 0 0 10px; font-size: 16px; }
@media (min-width: 701px) {
    #footer .footer-art path:nth-of-type(n+3) { opacity: .18; }
}
@media (max-width: 700px) {
    .inner-page .home-header {
        border-color: #e6dccb;
        border-radius: 0 0 28px 18px;
        box-shadow: 0 9px 24px #1c29251c;
    }
    .inner-page .home-header::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 5px;
        border-radius: 0 0 70% 30%;
        background: linear-gradient(90deg, #b8794c, #f1c93b 45%, #38755b 70%);
    }
    .inner-page .head-actions .icon-button {
        background: #f8f4ed;
        border: 1px solid #e6dccb;
        border-radius: 15px 9px 15px 9px;
    }
    .inner-page #footer {
        margin-top: 10px;
        padding: 37px 0 calc(97px + env(safe-area-inset-bottom));
        min-height: 0;
        background: #173f32;
        color: #fff;
        border-radius: 34px 34px 0 0;
        overflow: hidden;
    }
    .inner-page #footer .footer-art,
    .inner-page #footer .footer-gold-base,
    .inner-page #footer .footer-credentials { display: none; }
    .inner-page #footer .mobile-footer-identity {
        padding: 15px;
        background: #fff;
        color: #173f32;
        border-radius: 24px 12px 24px 12px;
    }
    .inner-page #footer .mobile-footer-identity img { width: 53px; height: 68px; object-fit: contain; }
    .inner-page #footer .mobile-footer-identity p { margin: 3px 0 5px; color: #5f6e64; font-size: 11px; }
    .inner-page #footer .mobile-footer-identity a { color: #925a36; font-size: 11px; font-weight: 700; }
    .inner-page #footer .mobile-footer-quick { margin-block: 21px; }
    .inner-page #footer .mobile-footer-quick h3 { margin: 0 0 10px; font-size: 16px; }
    .inner-page #footer .mobile-footer-quick > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .inner-page #footer .mobile-footer-quick a {
        display: flex;
        justify-content: space-between;
        gap: 5px;
        align-items: center;
        min-height: 43px;
        padding: 8px 12px;
        border: 1px solid #ffffff36;
        border-radius: 15px 8px;
        background: #ffffff13;
        color: #fff;
        font-size: 12px;
    }
    .inner-page #footer .mobile-footer-quick a span { color: #f1c93b; }
    .inner-page #footer .mobile-footer-license { margin-bottom: 16px; }
    .inner-page #footer .mobile-license-rail { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; }
    .inner-page #footer .mobile-license-rail a {
        flex: 0 0 112px;
        display: grid;
        justify-items: center;
        align-content: center;
        gap: 3px;
        min-height: 101px;
        padding: 8px;
        scroll-snap-align: start;
        background: #f8f4ed;
        color: #173f32;
        border-radius: 18px;
        text-align: center;
        font-size: 11px;
    }
    .inner-page #footer .footer-content { display: block; margin: 0 auto; }
    .inner-page #footer .newsletter-area {
        padding: 17px 14px 18px;
        border-radius: 22px 12px;
        background: #f8f4ed;
        color: #1c2925;
    }
    .inner-page #footer .newsletter-area :is(h3, p) { color: #173f32; }
    .inner-page #footer .footer-credit { margin-top: 18px; color: #d4dfd5; }
}

.mobile-menu-close, .mobile-menu-backdrop { display: none; }
@media (max-width: 700px) {
    .mobile-menu-backdrop:not([hidden]) {
        position: fixed;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0;
        background: #142d2a66;
        z-index: 49;
    }
    body.mg-menu-open { overflow: hidden; }
    body.inner-page .home-header #navigation {
        position: fixed;
        inset: 0 0 0 auto;
        width: min(88vw, 340px);
        height: 100dvh;
        max-height: none;
        margin: 0;
        padding: 76px 17px 28px;
        border-radius: 24px 0 0 24px;
        background: #f8f4ed;
        z-index: 90;
    }
    body.inner-page #navigation::before {
        content: 'کاوش مانا گوهر';
        position: absolute;
        inset: 25px 18px auto auto;
        font-size: 21px;
        font-weight: 700;
    }
    .inner-page #navigation.open .mobile-menu-close {
        position: absolute;
        top: 19px;
        left: 18px;
        display: grid;
        place-items: center;
        width: 39px;
        height: 39px;
        background: #fff;
        border: 1px solid #ded2c0;
        border-radius: 12px;
        font-size: 23px;
    }
    .inner-page #navigation a {
        margin-bottom: 6px;
        min-height: 44px;
        border: 1px solid #e6dccb;
        border-radius: 14px 8px;
        background: #fff;
    }
    .inner-page .mobile-app-nav.mg-mobile-nav-five {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .inner-page .mobile-app-nav.mg-mobile-nav-five a:nth-child(2) {
        min-height: 50px;
        margin-inline: auto;
        padding: 2px 7px;
        border: 2px solid #fff;
        border-radius: 16px;
        background: #173f32;
        color: #fff;
        transform: translateY(-10px);
    }
    .inner-page .mobile-app-nav.mg-mobile-nav-five a:nth-child(2) .icon { color: #f1c93b; }
}

.mobile-menu-feature, .footer-license-carousel > button { display: none; }
@media (max-width: 700px) {
    .inner-page #navigation .mobile-menu-feature {
        position: relative;
        display: block;
        overflow: hidden;
        min-height: 118px;
        padding: 0;
        border: 1px solid #d4bd81;
        border-radius: 27px 12px;
        background: #173f32;
        color: #fff;
    }
    .inner-page #navigation .mobile-menu-feature::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(270deg, #0c1111e8, #0c1111a8 58%, #0c111117);
    }
    .inner-page #navigation .mobile-menu-feature img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .inner-page #navigation .mobile-menu-feature span {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 73%;
        min-height: 118px;
        padding: 13px;
    }
    .inner-page #navigation .mobile-menu-feature small { color: #f1c93b; }
    .inner-page #navigation .mobile-menu-feature em { font-style: normal; font-size: 11px; }
}
@media (min-width: 701px) {
    #footer .footer-license-carousel { display: flex; align-items: center; gap: 8px; width: min(100%, 420px); min-width: 0; }
    #footer .footer-license-carousel .license-grid {
        display: flex;
        flex: 1;
        min-width: 0;
        margin: 0;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        gap: 9px;
    }
    #footer .footer-license-carousel .license-slot { flex: 0 0 calc((100% - 9px) / 2); min-width: 0; scroll-snap-align: start; }
    #footer .footer-license-carousel > button {
        display: grid;
        place-items: center;
        flex: 0 0 30px;
        height: 30px;
        border: 1px solid #e6efdf;
        border-radius: 50%;
        background: #fffdf9;
        color: #24533f;
    }
    #footer .footer-license-carousel > button:disabled { opacity: .45; }
    #footer .footer-license-carousel :focus-visible { outline: 2px solid #f1c93b; outline-offset: 2px; }
}