/* Shared Islamic Reads header: keep its flow and opaque panels while scrolling. */
.irhp-site-header,
.irhp-site-header__glass,
.irhp-site-header__mobile,
.irhp-site-header__menu .sub-menu {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.irhp-site-header.irhp-sticky-active:not(.irhp-site-header--overlay) {
    position: sticky !important;
    top: var(--irhp-header-top, 0px) !important;
    inset-inline: auto !important;
    width: 100% !important;
    margin-block: 0 !important;
    transform: none !important;
}
.admin-bar .irhp-site-header.irhp-sticky-active:not(.irhp-site-header--overlay) { top: 32px !important; }
.irhp-site-header .irhp-site-header__glass,
.irhp-site-header.is-scrolled .irhp-site-header__glass {
    background: var(--irhp-header-light-panel, #f4f0e4) !important;
    margin-block-start: var(--irhp-header-panel-gap, 12px) !important;
    transition: background-color .18s ease, box-shadow .18s ease !important;
}
.irhp-site-header__mobile,
.irhp-site-header__menu .sub-menu { background: var(--irhp-header-light-panel, #f4f0e4) !important; }
html[data-irhp-theme="dark"] .irhp-site-header .irhp-site-header__glass,
html[data-irhp-theme="dark"] .irhp-site-header__mobile,
html[data-irhp-theme="dark"] .irhp-site-header__menu .sub-menu { background: var(--irhp-header-dark-panel, #050505) !important; }
.irhp-site-header::before,
.irhp-site-header::after { background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* The date-strip plugin also changes these margins on scroll. Keep both states
   identical so the sticky header retains the same space in document flow. */
html body .irhp-site-header.irhp-sticky-active.irph-has-top-strip:not(.irhp-site-header--overlay) > .irph-header-strip-slot {
    margin-block-start: 7px !important;
    margin-top: 7px !important;
}
html body .irhp-site-header.irhp-sticky-active.irph-has-top-strip:not(.irhp-site-header--overlay) > .irhp-site-header__glass {
    margin-block-start: 12px !important;
    margin-top: 12px !important;
}

/* The Quran children use the existing primary menu and its mobile toggle. */
.irhp-site-header__menu li:has(> .sub-menu > .irqc-navigation-section) > a { display: inline-flex; align-items: center; gap: 8px; }
.irhp-site-header__menu .sub-menu:has(> .irqc-navigation-section) {
    box-sizing: border-box; min-width: 260px; max-width: min(330px, calc(100vw - 32px));
    padding: 8px !important; border-radius: 18px !important; direction: ltr; text-align: left;
}
.irhp-site-header__menu .irqc-navigation-section > a {
    display: flex !important; align-items: center; gap: 12px;
    min-height: 48px; padding: 10px 12px !important; border-radius: 12px;
    white-space: normal !important; line-height: 1.45; overflow-wrap: anywhere;
}
.irhp-site-header__menu .irqc-navigation-section > a::before {
    content: ''; flex: 0 0 20px; width: 20px; height: 20px; background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h8v7H3zm10 0h8v7h-8zM3 13h8v7H3zm10 0h8v7h-8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.irhp-site-header__menu .irqc-navigation-section:nth-child(2) > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4c4-1 7 0 10 2 3-2 6-3 10-2v16c-4-1-7 0-10 2-3-2-6-3-10-2z'/%3E%3C/svg%3E");
}
.irhp-site-header__menu .irqc-navigation-section:nth-child(3) > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2A10 10 0 0 0 2 12v8h6v-9H4a8 8 0 0 1 16 0h-4v9h6v-8A10 10 0 0 0 12 2z'/%3E%3C/svg%3E");
}
@media (max-width: 850px) {
    .irhp-site-header .irhp-site-header__glass,
    .irhp-site-header.is-scrolled .irhp-site-header__glass { margin-block-start: var(--irhp-header-mobile-panel-gap, 8px) !important; }
    .admin-bar .irhp-site-header.irhp-sticky-active:not(.irhp-site-header--overlay) { top: 46px !important; }
    .irhp-site-header__mobile .sub-menu:has(> .irqc-navigation-section) { min-width: 0; max-width: 100%; width: 100%; }
}

/* Shared icons, green hover and collapsed nested mobile navigation. */
.irhp-site-header__menu a{display:flex!important;align-items:center;gap:9px}
.irqc-menu-icon{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.irhp-site-header__menu .irqc-navigation-section>a::before{display:none!important}
.irqc-menu-arrow{display:grid;place-items:center;margin-inline-start:auto;width:28px;height:28px;border-radius:50%;color:#236d4f;background:#e0eee5;transition:transform .2s}
.irhp-site-header__menu li.irqc-menu-open>a>.irqc-menu-arrow{transform:rotate(180deg)}
.irhp-site-header__menu .sub-menu a:hover,.irhp-site-header__menu .sub-menu a:focus-visible{color:#145e3f!important;background:#dfefe4!important}
.irhp-site-header__menu li{position:relative}
.irhp-site-header__menu:not(.irhp-site-header__menu--mobile) .sub-menu .sub-menu{top:0!important;inset-inline-start:100%!important;inset-inline-end:auto!important;margin-inline:5px!important}
.irhp-site-header__menu:not(.irhp-site-header__menu--mobile) .sub-menu .irqc-menu-flip>.sub-menu{inset-inline-start:auto!important;inset-inline-end:100%!important}
.irhp-site-header__menu--mobile li>.sub-menu{display:none!important;min-width:0!important;width:auto!important;margin:4px 8px 8px 16px!important;padding:4px!important;border-inline-start:2px solid #c2dfcc!important}
.irhp-site-header__menu--mobile li.irqc-menu-open>.sub-menu{display:grid!important}
.irhp-site-header__menu--mobile li>a{width:100%;padding:12px!important;white-space:normal}
html[data-irhp-theme=dark] .irhp-site-header__menu .sub-menu a:hover{background:#173d29!important;color:#c5f1d5!important}
html[data-irhp-theme=dark] .irqc-menu-arrow{color:#b5e6ca;background:#193c2b}
/* Preserve any cover aspect ratio inside the unchanged, aligned book-media box. */
html body .irhp-book-card .irhp-book-card__media img,
html body .irhp-book-card:hover .irhp-book-card__media img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
html body .irhp-site-header__menu--mobile li>.sub-menu{transform:none!important;inset:auto!important;float:none!important;box-sizing:border-box!important}

/* Navigation reserves its real space, including translated labels and icons. */
.irqc-menu-arrow{flex:0 0 28px;box-sizing:border-box;padding:0;line-height:1}
.irqc-menu-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.irhp-site-header__menu .sub-menu>li+li{border-top:1px solid #c8ddcf;padding-top:4px!important;margin-top:4px!important}
.irhp-site-header__menu a:hover,.irhp-site-header__menu a:focus-visible{color:#176548!important}
.irhp-site-header.irqc-header-compact .irhp-site-header__inner{grid-template-columns:minmax(0,1fr) max-content!important}
.irhp-site-header.irqc-header-compact .irhp-site-header__nav{display:none!important}
.irhp-site-header.irqc-header-compact .irhp-site-header__toggle{display:grid!important;visibility:visible!important;pointer-events:auto!important}
.irhp-site-header.irqc-header-measuring .irhp-site-header__nav{position:absolute!important;display:block!important;width:max-content!important;visibility:hidden!important;pointer-events:none!important}
.irhp-site-header__mobile{box-sizing:border-box!important;padding:12px!important;border:1px solid #c6ddce!important;border-radius:22px!important;box-shadow:0 16px 40px #063b2a22!important;max-height:calc(100dvh - 190px)!important;overflow-y:auto!important;overscroll-behavior:contain}
.irhp-site-header__menu--mobile{display:grid!important;gap:5px!important;width:100%!important;padding:0!important}
.irhp-site-header__menu--mobile>li+li{border-top:1px solid #d1e2d7;padding-top:5px!important}
.irhp-site-header__menu--mobile li>a{box-sizing:border-box!important;min-height:50px;border-radius:13px;font-size:14px!important}
.irhp-site-header__menu--mobile>li>a>.irqc-menu-icon{box-sizing:content-box;padding:9px;border-radius:12px;color:#236d4f;background:#e1eee5}
.irhp-site-header__menu--mobile li>a:hover,.irhp-site-header__menu--mobile li.irqc-menu-open>a{color:#155f42!important;background:#dfefe4!important}
.irhp-site-header__menu--mobile li>.sub-menu{box-shadow:none!important;border-radius:12px!important;background:#edf4ee!important}
.irhp-site-header__menu--mobile .sub-menu a{min-height:46px;font-size:12px!important;padding:9px 10px!important}
html[data-irhp-theme=dark] .irhp-site-header__mobile{border-color:#365342!important}
html[data-irhp-theme=dark] .irhp-site-header__menu :is(li+li,.sub-menu>li+li){border-color:#2b4938}
html[data-irhp-theme=dark] .irhp-site-header__menu--mobile :is(.sub-menu,li.irqc-menu-open>a){color:#c6ebd6!important;background:#153322!important}
html[data-irhp-theme=dark] .irhp-site-header__menu--mobile>li>a>.irqc-menu-icon{color:#bcebd1;background:#193c2b}
html[data-irhp-theme=dark] .irhp-site-header__menu a:hover{color:#bcebd1!important}
@media(max-width:760px){html body main.irqc-wrap{box-sizing:border-box!important;width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-inline:14px!important;padding-inline:0!important}html body .irqc-wrap>.irhp-container{padding-inline:0!important}}

/* Sculpted green/gold navigation; dimensions stay identical while scrolling. */
html body .irhp-site-header.irqc-header-designed {
    --irqc-nav-green: #0b3e2e;
    --irqc-nav-gold: #d8bd79;
    color: #fff !important; background: transparent !important;
    border: 0 !important; box-shadow: none !important;
}
html body .irhp-site-header.irqc-header-designed > .irph-header-strip-slot {
    width: min(1320px, calc(100% - 32px)) !important;
    margin: 8px auto 0 !important; transition: none !important;
}
html body .irhp-site-header.irqc-header-designed .irph-header-strip {
    border-radius: 22px 22px 0 0 !important;
    border-color: #8d9362 !important;
    background: radial-gradient(ellipse at 15% 0, #48794e 0, transparent 56%), linear-gradient(180deg, #1f6146, #0a3528) !important;
    box-shadow: inset 0 1px 0 #e9dbab73, inset 0 -1px 0 #021b157a !important;
}
html body .irhp-site-header.irqc-header-designed > .irhp-site-header__glass {
    position: relative; box-sizing: border-box;
    width: min(1320px, calc(100% - 32px)) !important; margin: 8px auto 0 !important;
    color: #fff !important; border: 1px solid #a98d53 !important; border-radius: 22px !important;
    background: radial-gradient(ellipse at 22% 0, #397b54 0, transparent 60%), linear-gradient(135deg, #195b40 0, #0b4633 52%, #062e24 100%) !important;
    box-shadow: inset 0 1px 0 #f4e4b183, inset 0 -2px 0 #001b17b3, 0 4px 0 #073427, 0 7px 0 -2px #bf9d59, 0 16px 28px #062c2538 !important;
    overflow: visible !important; isolation: isolate;
}
html body .irhp-site-header.irqc-header-designed > .irhp-site-header__glass::before {
    content: ''; position: absolute; inset: 4px; border: 1px solid #bca77026;
    border-radius: inherit; pointer-events: none; z-index: -1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23d8bd79' stroke-opacity='.13' stroke-width='.8'%3E%3Ccircle cx='0' cy='0' r='60'/%3E%3Ccircle cx='90' cy='90' r='60'/%3E%3Ccircle cx='180' cy='0' r='60'/%3E%3Ccircle cx='0' cy='180' r='60'/%3E%3Ccircle cx='180' cy='180' r='60'/%3E%3C/g%3E%3C/svg%3E") right center / 180px 180px;
}
html body .irhp-site-header.irqc-header-designed.irph-has-top-strip > .irhp-site-header__glass {
    margin-top: -1px !important; margin-block-start: -1px !important;
    border-top: 1px solid #96a06a !important; border-radius: 0 0 22px 22px !important;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__inner {
    position: relative; width: 100% !important; min-height: 0 !important; padding: 0 26px !important;
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: 'tools brand' 'nav nav'; gap: 0 24px !important;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__brand {
    grid-area: brand; justify-self: end; min-height: 88px; padding-inline: 16px;
    background: radial-gradient(ellipse at center, #7dac6b24, transparent 72%);
    filter: drop-shadow(0 3px 2px #00271bb3);
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__brand .irhp-mode-logo img { height: 54px !important; max-width: 240px !important; object-position: center !important; }
html body .irhp-site-header.irqc-header-designed .irhp-mode-logo__light { display: none !important; }
html body .irhp-site-header.irqc-header-designed .irhp-mode-logo__dark { display: block !important; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions {
    grid-area: tools; justify-content: flex-start; margin: 0 !important; gap: 12px !important; min-width: 0;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions > :is(button,a) {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 46px !important; height: 46px !important; min-height: 46px !important; padding: 0 !important;
    border: 1px solid #91a87a !important; border-radius: 15px !important; color: #fff7d9 !important;
    background: linear-gradient(145deg, #548763 0, #2b684c 46%, #174833 100%) !important;
    box-shadow: inset 0 1px 1px #f4edc988, inset 0 -2px 2px #0b3127, 0 3px 0 #052e23, 0 6px 10px #002b2366 !important;
    transform: none !important; transition: box-shadow .18s, border-color .18s, background .18s !important;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions > :is(button,a):hover {
    background: linear-gradient(145deg, #679a73, #397b56 48%, #1c5038) !important;
    border-color: #e5cb87 !important; box-shadow: inset 0 1px 1px #fff1c9, inset 0 -2px 2px #0b3127, 0 3px 0 #052e23, 0 7px 14px #002b2380 !important;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions > :is(button,a):active { box-shadow: inset 0 2px 5px #02251d99, 0 1px 0 #91a87a !important; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions .irhp-site-header__cta { order: -1; width: auto !important; padding: 0 18px !important; gap: 10px !important; border-color: #c3aa69 !important; font-size: 12px !important; white-space: nowrap; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__cta > svg:last-child { display: none; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions svg { width: 22px !important; height: 22px !important; color: inherit !important; stroke: currentColor !important; fill: none !important; filter: drop-shadow(0 2px 0 #153f30); }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions .irhp-favorites-toggle { color: #fff7d9 !important; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__actions .irqc-drawer-alert-label { display: none; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__toggle { display: none !important; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav {
    grid-area: nav; display: block !important; width: 100%; padding: 10px 0 13px !important;
    border-top: 1px solid #b6bd802e; box-shadow: inset 0 1px 0 #062f2666;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav > .irhp-site-header__menu { gap: clamp(6px, 1vw, 14px) !important; justify-content: center; flex-wrap: wrap; }
.irqc-menu-label { min-width: 0; line-height: 1.4; }
.irqc-menu-icon--video .irqc-video-screen { fill: currentColor; stroke: none; }
.irqc-menu-icon--video .irqc-video-play { fill: var(--irqc-video-cutout, #eaf0df); stroke: none; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .irhp-site-header__menu > li > a[href] {
    --irqc-video-cutout: #285d42;
    box-sizing: border-box; min-height: 49px; padding: 7px 12px !important; gap: 9px;
    border: 1px solid #8ea27540; border-radius: 14px; color: #faf6e8 !important;
    background: linear-gradient(160deg, #326a4b80, #103e2e8c) !important;
    box-shadow: inset 0 1px 0 #c4c89033, inset 0 -1px 0 #032b2366, 0 2px 4px #00281e38;
    -webkit-text-fill-color: currentColor !important; font-size: 13px !important; transform: none !important;
    transition: background .18s, border-color .18s, box-shadow .18s;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .irhp-site-header__menu > li > a::after { display: none !important; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .irhp-site-header__menu > li > a > .irqc-menu-icon {
    box-sizing: content-box; padding: 6px; width: 19px; height: 19px; flex-basis: 19px;
    border: 1px solid #b5b88966; border-radius: 10px; color: #f2db9e;
    background: linear-gradient(145deg, #4d7852, #1b4a36); box-shadow: inset 0 1px 0 #f1e6b65c, 0 2px 2px #00241b80;
    filter: drop-shadow(0 1px 0 #00261b);
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .irhp-site-header__menu > li:is(:hover,:focus-within,.current-menu-item) > a {
    border-color: #d8bd79; color: #fff !important;
    background: linear-gradient(140deg, #547a50, #2b6746 55%, #164834) !important;
    box-shadow: inset 0 1px 0 #f7e9b373, inset 0 -2px 0 #133c2b, 0 3px 0 #032c22, 0 6px 12px #032b224d;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .irqc-menu-arrow {
    width: 25px; height: 25px; flex-basis: 25px; color: #fae7b0; border: 1px solid #b5b88966;
    background: linear-gradient(145deg, #5a7b53, #244c35); box-shadow: inset 0 1px 0 #fff0c14d, 0 2px 2px #00291c66;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu {
    top: calc(100% + 10px); padding: 10px !important; color: #153f30; border: 1px solid #c6ae74 !important;
    border-radius: 20px !important; background: linear-gradient(145deg, #fffdf4, #efedda) !important;
    box-shadow: inset 0 1px 0 #fff, 0 4px 0 #c4b792, 0 18px 32px #03271e3d !important;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu > li > a {
    min-height: 54px; padding: 9px 12px !important; gap: 12px; color: #1d513a !important;
    -webkit-text-fill-color: currentColor !important; font-size: 13px !important; border-radius: 12px;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu a > .irqc-menu-icon {
    box-sizing: content-box; padding: 7px; width: 19px; height: 19px; flex-basis: 19px; border-radius: 10px;
    color: #245d42; background: linear-gradient(140deg, #f7f9ee, #dde6d4); border: 1px solid #becfb5;
    box-shadow: inset 0 1px 0 #fff, 0 2px 2px #385d3021;
}
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu > li + li { border-color: #d7d8c0; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav li.irqc-menu-open > .sub-menu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu .sub-menu { transform: none !important; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav li.irqc-menu-dismissed > .sub-menu { opacity: 0 !important; visibility: hidden !important; pointer-events: none; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__nav > ul > li > .sub-menu::before { content: ''; position: absolute; top: -14px; left: 0; width: 100%; height: 14px; }
html body .irhp-site-header.irqc-header-designed :is(a,button):focus-visible,
html body .irqc-navigation-drawer :is(a,button):focus-visible { outline: 2px solid #d8bd79 !important; outline-offset: 3px; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__inner { grid-template-areas: 'brand tools'; padding: 0 14px !important; gap: 12px !important; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__brand { justify-self: start; min-height: 76px; padding-inline: 0; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__nav { display: none !important; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__actions > .irhp-favorites-toggle { display: none !important; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__actions .irhp-site-header__toggle { display: flex !important; flex-direction: column; gap: 5px; }
html body .irhp-site-header.irqc-header-designed .irhp-site-header__toggle span { width: 18px; height: 2px; margin: 0 !important; background: #fff3cb !important; box-shadow: 0 1px 0 #1a462d; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__actions { justify-content: flex-end; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__cta { width: 46px !important; padding: 0 !important; }
html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__cta > span { display: none; }

/* Opaque ivory drawer: decorative arches sit behind its raised navigation cards. */
html body.irqc-navigation-open { overflow: hidden !important; }
html body .irqc-navigation-scrim { position: fixed; inset: 0; z-index: 2147483000; background: #082f26; opacity: .88; touch-action: none; animation: irqc-nav-fade .2s ease; }
html body .irqc-navigation-drawer {
    --irqc-video-cutout: #f4f5e7;
    position: fixed !important; inset: 0 0 0 auto !important; z-index: 2147483001 !important;
    width: min(390px, calc(100vw - 24px)) !important; height: 100dvh !important; max-height: 100dvh !important;
    box-sizing: border-box !important; margin: 0 !important;
    padding: max(16px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom)) !important;
    border: 0 !important; border-left: 2px solid #c2a76a !important; border-radius: 28px 0 0 28px !important;
    color: #153f30 !important;
    background: radial-gradient(ellipse at 100% 0, #e6d8a4 0, transparent 44%), radial-gradient(ellipse at 0 85%, #dce7cf 0, transparent 56%), linear-gradient(135deg, #fffdf4, #f4f1e4 70%, #eae9d9) !important;
    box-shadow: inset 3px 0 0 #fffdf0, -8px 0 0 #0d4634, -10px 0 0 #a78b53, -22px 0 60px #001f1980 !important;
    overflow-y: auto !important; overscroll-behavior: contain; isolation: isolate; animation: irqc-nav-enter .24s ease;
}
html body .irqc-navigation-drawer::before {
    content: ''; position: absolute; inset: 0; height: 100%; min-height: 820px; z-index: -1; pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='840' viewBox='0 0 360 840'%3E%3Cg fill='none' stroke='%23af965d' stroke-width='1'%3E%3Cg opacity='.22'%3E%3Ccircle cx='332' cy='30' r='82'/%3E%3Ccircle cx='332' cy='30' r='62'/%3E%3Ccircle cx='280' cy='30' r='62'/%3E%3Ccircle cx='332' cy='82' r='62'/%3E%3Ccircle cx='22' cy='790' r='110'/%3E%3Ccircle cx='22' cy='790' r='84'/%3E%3Ccircle cx='92' cy='790' r='84'/%3E%3Ccircle cx='22' cy='720' r='84'/%3E%3C/g%3E%3Cg opacity='.18'%3E%3Cpath d='M52 840V650c0-62 68-78 128-136 60 58 128 74 128 136v190M67 840V654c0-53 62-68 113-116 51 48 113 63 113 116v186M82 840V658c0-42 55-59 98-96 43 37 98 54 98 96v182'/%3E%3Cpath d='M180 514v-20m-6 7h12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center top / 100% auto no-repeat;
}
html body :is(.irqc-navigation-drawer,.irqc-navigation-scrim)[hidden] { display: none !important; }
html body .irqc-navigation-drawer .irhp-site-header__mobile-inner { position: relative; display: grid; gap: 18px; }
html body .irqc-drawer-heading {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px;
    min-height: 82px; box-sizing: border-box; border: 1px solid #b89e63; border-radius: 20px;
    background: radial-gradient(ellipse at 0 0, #5e8856, transparent 66%), linear-gradient(135deg, #265f40, #0b3c2b 80%);
    box-shadow: inset 0 1px 0 #f4e1aa99, inset 0 -2px 0 #042d22, 0 3px 0 #0a3829, 0 6px 0 -2px #bca368, 0 12px 20px #253b2526;
}
html body .irqc-drawer-brand { min-height: 0; flex: 1; min-width: 0; }
html body .irqc-drawer-brand .irhp-mode-logo img { height: 52px !important; max-width: 200px !important; width: 100% !important; object-fit: contain; filter: drop-shadow(0 2px 1px #062d22); }
html body .irqc-drawer-brand .irhp-mode-logo__light { display: none !important; }
html body .irqc-drawer-brand .irhp-mode-logo__dark { display: block !important; }
html body .irqc-drawer-close {
    display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; padding: 0;
    color: #fbefc8; background: linear-gradient(145deg, #66835a, #284b33);
    border: 1px solid #c2ac73; border-radius: 12px; box-shadow: inset 0 1px 0 #f8e4b973, 0 3px 0 #062d23, 0 5px 8px #042f2299; cursor: pointer;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile { gap: 8px !important; grid-template-columns: minmax(0, 1fr); justify-content: stretch; align-items: stretch; }
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li + li { border: 0; padding-top: 0 !important; }
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li > a {
    display: flex !important; align-items: center; gap: 13px; box-sizing: border-box;
    font-size: 14px !important; min-height: 60px; padding: 9px 12px !important; color: #214e36 !important;
    -webkit-text-fill-color: currentColor !important; border: 1px solid #d3d5bc; border-radius: 16px;
    background: linear-gradient(135deg, #fffef6, #edeee0) !important;
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #e5e4cc, 0 3px 0 #d3d7bd, 0 6px 10px #3c4b2821;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li > a > .irqc-menu-icon {
    box-sizing: content-box; padding: 9px; width: 20px; height: 20px; flex-basis: 20px;
    color: #f8e6ac; border: 1px solid #819766; border-radius: 12px;
    --irqc-video-cutout: #2d5739;
    background: linear-gradient(145deg, #6e8b55, #3c7047 45%, #245637) !important;
    box-shadow: inset 0 1px 0 #f7e9b98c, inset 0 -2px 0 #1d432b, 0 3px 0 #bec6a5, 0 5px 7px #1c3e2926;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li:is(.current-menu-item,.irqc-menu-open) > a,
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li > a:hover {
    color: #fff9e4 !important; border-color: #8d9c62;
    background: linear-gradient(140deg, #507b48, #2b6542 50%, #174b32) !important;
    box-shadow: inset 0 1px 0 #f1dfaa66, inset 0 -2px 0 #153f2b, 0 3px 0 #0f3828, 0 7px 12px #223e282e;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile .irqc-menu-arrow {
    flex: 0 0 30px; width: 30px; height: 30px; border: 1px solid #c2cbb0; color: #476744;
    background: linear-gradient(145deg, #f6f8ed, #dbe5ce); box-shadow: inset 0 1px 0 #fff, 0 2px 2px #445c2b22;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile li.irqc-menu-open > a > .irqc-menu-arrow { color: #fbefbb; background: linear-gradient(145deg, #78935c, #345c3e); border-color: #a5b376; box-shadow: inset 0 1px 0 #e4d9a95c, 0 2px 2px #1b3f2680; }
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile li > .sub-menu {
    position: relative !important; max-width: 100% !important; direction: inherit; gap: 0 !important;
    margin: 10px 0 4px !important; padding: 6px !important; border: 1px solid #c8cbaa !important;
    border-inline-start: 3px solid #a99157 !important; border-radius: 16px !important;
    background: linear-gradient(135deg, #eef1e4, #e4e9d9) !important;
    box-shadow: inset 0 2px 4px #65724c1a, 0 2px 0 #fff9e4 !important;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu > li + li { border-top: 1px solid #c8d1b8; padding-top: 4px !important; margin-top: 4px !important; }
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu a {
    gap: 11px; min-height: 49px; padding: 8px 9px !important; color: #24513a !important;
    -webkit-text-fill-color: currentColor !important; white-space: normal !important; font-size: 12px !important;
    line-height: 1.4; border-radius: 11px; background: linear-gradient(135deg, #fffef54d, #f4f5e933) !important;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu a > .irqc-menu-icon {
    box-sizing: content-box; flex-basis: 18px; width: 18px; height: 18px; padding: 7px;
    color: #3b6242; background: linear-gradient(145deg, #fffff7, #d5dec5); border: 1px solid #b5c3a4;
    border-radius: 10px; box-shadow: inset 0 1px 0 #fff, 0 2px 1px #a1b39266;
}
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu a:hover { color: #18482f !important; background: #d4e3c9 !important; }
html body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu .sub-menu { margin-inline: 10px 0 !important; background: #dce5d1 !important; }
html body .irqc-drawer-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-top: 18px; border-top: 1px solid #c6be95; }
html body .irqc-drawer-tools > :is(button,a) {
    position: relative; display: flex !important; box-sizing: border-box; align-items: center; justify-content: center;
    flex-direction: column; gap: 7px; width: 100% !important; min-width: 0; min-height: 70px; margin: 0 !important; padding: 11px 7px !important;
    color: #365238 !important; background: linear-gradient(145deg, #fffdf1, #e6e7d3) !important;
    border: 1px solid #c4c5a6 !important; border-radius: 15px !important;
    box-shadow: inset 0 1px 0 #fff, 0 3px 0 #c2c7a6, 0 6px 10px #3c4b2821 !important;
    font-size: 12px !important; font-weight: 650; line-height: 1.4; text-align: center; text-decoration: none;
    transform: none !important; cursor: pointer;
}
html body .irqc-drawer-tools > :is(button,a):hover { background: linear-gradient(145deg, #edf6df, #d6e4c5) !important; color: #15573b !important; border-color: #9dae7c !important; }
html body .irqc-drawer-tools svg { width: 23px !important; height: 23px !important; flex: 0 0 23px; fill: none; stroke: currentColor; stroke-width: 1.8; filter: drop-shadow(0 1px 0 #fff); }
html body .irqc-drawer-tools .irhp-site-header__mobile-favorites > span { display: flex; flex-direction: column; align-items: center; gap: 7px; }
html body .irqc-drawer-tools :is([data-irhp-favorites-count],[data-irla-count]) { position: absolute !important; top: 8px !important; inset-inline-end: 9px !important; inset-inline-start: auto !important; margin: 0 !important; min-width: 20px; height: 20px; display: grid; place-items: center; font-size: 10px; color: #fff8df; background: #276344; border: 1px solid #b8c392; box-shadow: 0 2px 3px #304d2926; }
html body .irqc-drawer-tools .irhp-site-header__mobile-cta > svg:last-child { display: none !important; }

/* Dark surfaces keep the same highlights and raised edges, with readable gold/green icons. */
html[data-irhp-theme='dark'] body .irhp-site-header.irqc-header-designed > .irhp-site-header__glass { background: radial-gradient(ellipse at 20% 0, #234d36, transparent 65%), linear-gradient(135deg, #103b2b, #051e18) !important; border-color: #a68d56 !important; }
html[data-irhp-theme='dark'] body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu,
html[data-irhp-theme='dark'] body .irqc-navigation-drawer { --irqc-video-cutout: #213e2b; background: radial-gradient(ellipse at 100% 0, #354429, transparent 55%), linear-gradient(135deg, #132a1e, #091d16) !important; color: #e1ebda !important; border-color: #a28a52 !important; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer { box-shadow: inset 3px 0 0 #415635, -8px 0 0 #0d3829, -10px 0 0 #9b804b, -22px 0 60px #001b16 !important; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer::before { opacity: .6; }
html[data-irhp-theme='dark'] body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu > li > a,
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li > a { color: #e5efd7 !important; background: linear-gradient(145deg, #30482e, #173122) !important; border-color: #526340; box-shadow: inset 0 1px 0 #7d8c5659, inset 0 -1px 0 #071c14, 0 3px 0 #071b13, 0 6px 10px #04150d66; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li:is(.current-menu-item,.irqc-menu-open) > a { background: linear-gradient(140deg, #577346, #2d583b 60%, #1c3c29) !important; border-color: #b5a86b; color: #fff5d1 !important; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li > a > .irqc-menu-icon { color: #f3df9d; background: linear-gradient(145deg, #6e8151, #2b5135) !important; box-shadow: inset 0 1px 0 #d9d29b73, inset 0 -2px 0 #1d432b, 0 3px 0 #13261b, 0 5px 7px #03190e80; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile li > .sub-menu { background: linear-gradient(135deg, #192e21, #112419) !important; border-color: #3d5232 !important; border-inline-start-color: #ad9459 !important; box-shadow: inset 0 2px 5px #05170d80, 0 2px 0 #455432 !important; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu a { color: #dceacc !important; background: none !important; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu a:hover { color: #f0f9dc !important; background: #2b4830 !important; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu > li + li { border-color: #3e5034; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile .sub-menu a > .irqc-menu-icon,
html[data-irhp-theme='dark'] body .irhp-site-header.irqc-header-designed .irhp-site-header__nav .sub-menu a > .irqc-menu-icon { color: #d6dda6; background: linear-gradient(145deg, #465938, #233c28); border-color: #5f7047; box-shadow: inset 0 1px 0 #86986766, 0 2px 1px #061a10; }
html[data-irhp-theme='dark'] body .irqc-navigation-drawer .irhp-site-header__menu--mobile .irqc-menu-arrow { color: #e8dfa9; background: linear-gradient(145deg, #4f6140, #2a422b); border-color: #677650; box-shadow: inset 0 1px 0 #82966780, 0 2px 2px #071d1380; }
html[data-irhp-theme='dark'] body .irqc-drawer-tools { border-color: #5a6040; }
html[data-irhp-theme='dark'] body .irqc-drawer-tools > :is(button,a) { color: #e0e5bd !important; background: linear-gradient(145deg, #36472d, #1c3221) !important; border-color: #596749 !important; box-shadow: inset 0 1px 0 #8a95604d, 0 3px 0 #0b2015, 0 6px 10px #051b1080 !important; }
html[data-irhp-theme='dark'] body .irqc-drawer-tools svg { filter: drop-shadow(0 1px 0 #061a0e); }
@media (max-width: 600px) {
    html body .irhp-site-header.irqc-header-designed > :is(.irph-header-strip-slot,.irhp-site-header__glass) { width: calc(100% - 20px) !important; }
    html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__brand .irhp-mode-logo img { max-width: 145px !important; height: 43px !important; }
    html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__inner { padding: 0 10px !important; gap: 8px !important; }
    html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__actions { gap: 7px !important; }
    html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__actions > :is(button,a) { width: 40px !important; height: 40px !important; min-height: 40px !important; border-radius: 12px !important; }
}
@media (max-width: 360px) {
    html body .irhp-site-header.irqc-header-designed.irqc-header-compact .irhp-site-header__brand .irhp-mode-logo img { max-width: 116px !important; }
    html body .irqc-drawer-heading { padding: 11px; gap: 9px; }
    html body .irqc-drawer-brand .irhp-mode-logo img { max-width: 165px !important; height: 48px !important; }
    html body .irqc-navigation-drawer .irhp-site-header__menu--mobile > li > a { padding-inline: 9px !important; gap: 9px; font-size: 13px !important; }
}
@keyframes irqc-nav-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes irqc-nav-fade { from { opacity: 0; } to { opacity: .88; } }
@media (prefers-reduced-motion: reduce) {
    html body :is(.irqc-navigation-drawer,.irqc-navigation-scrim) { animation: none; }
    html body .irhp-site-header.irqc-header-designed :is(a,button), html body .irqc-navigation-drawer :is(a,button,.irqc-menu-arrow) { transition: none !important; }
}
/* Stronger theme/date-plugin selectors must not change the header height on scroll. */
html body .irhp-site-header.irqc-header-designed.irhp-sticky-active.irph-has-top-strip:not(.irhp-site-header--overlay) > .irph-header-strip-slot { margin-top: 8px !important; margin-block-start: 8px !important; }
html body .irhp-site-header.irqc-header-designed.irhp-sticky-active.irph-has-top-strip:not(.irhp-site-header--overlay) > .irhp-site-header__glass { margin-top: -1px !important; margin-block-start: -1px !important; }
