/* Saba Header 7.0 — layered floating header, liquid nav, curtain mega menus, morphing search */
.saba-header{
 --sh-ink:#12303a;--sh-teal:#16807d;--sh-accent:#2fb5b0;--sh-surface:#fff;--sh-line:#d6e6e4;--sh-hero:#e3f4f2;--sh-muted:#5b7279;--sh-sun:#f5d547;
 --sh-deep:#0f4a50;--sh-strip-end:#16807d;
 --sh-bar-h:76px;--sh-ib:var(--sh-ib-d,46px);--sh-reserve:calc(var(--sh-bar-h) + 70px);--sh-mega-r:26px;--sh-field-w:520px;
 --sh-chevron-size:13px;--sh-chevron-stroke:1.6;--sh-chevron-gap:8px;--sh-chevron-color:var(--sh-muted);--sh-chevron-active:var(--sh-teal);
 --sh-search-bg:var(--sh-surface);--sh-search-input:var(--sh-hero);--sh-search-border:var(--sh-line);--sh-search-button:var(--sh-teal);
 position:relative;z-index:100;height:var(--sh-reserve);color:var(--sh-ink);font-family:Vazirmatn,Tahoma,sans-serif!important;line-height:1.8;box-sizing:border-box
}
.saba-header.sh-no-top{--sh-reserve:calc(var(--sh-bar-h) + 28px)}
.saba-header *,.saba-header *::before,.saba-header *::after{box-sizing:border-box}
.saba-header,.saba-header button,.saba-header input,.saba-header a,.saba-header kbd{font-family:Vazirmatn,Tahoma,sans-serif!important}
.saba-header a{text-decoration:none;color:inherit}
.saba-header ul{list-style:none;margin:0;padding:0}
.saba-header [hidden]{display:none!important}
.saba-header button{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:inherit;text-transform:none;text-shadow:none;box-shadow:none;border-radius:0;cursor:pointer}
.saba-header button:hover,.saba-header button:focus{background-color:transparent;color:inherit;text-decoration:none}
.saba-header button:focus-visible,.saba-header a:focus-visible,.saba-header input:focus-visible{outline:3px solid var(--sh-sun);outline-offset:2px}

/* ---------- shell (floating island) ---------- */
.saba-header .sh-shell{position:absolute;top:10px;inset-inline:0;margin:0 auto;width:calc(100% - 24px);max-width:1120px}
.saba-header.sh-sticky .sh-shell{position:fixed}
body.admin-bar .saba-header.sh-sticky .sh-shell{top:42px}
@media(max-width:782px){body.admin-bar .saba-header.sh-sticky .sh-shell{top:56px}}

/* ---------- top strip (sits behind the bar like a stacked card) ---------- */
.saba-header .sh-top{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;max-height:96px;padding:8px 26px 26px;border-radius:26px 26px 0 0;color:#e6f6f5;font-size:13px;
 background:radial-gradient(circle at 10% 140%,color-mix(in srgb,var(--sh-sun) 45%,transparent),transparent 42%),linear-gradient(100deg,var(--sh-deep),var(--sh-strip-end));
 transition:max-height .5s cubic-bezier(.3,.8,.3,1),min-height .5s,padding .5s,opacity .35s}
.saba-header .sh-top::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%,transparent);mask-image:linear-gradient(90deg,transparent,#000 45%,transparent)}
.saba-header .sh-top>*{position:relative}
.saba-header .sh-social,.saba-header .sh-mobile-social{display:flex;gap:8px;align-items:center}
.saba-header .sh-social a,.saba-header .sh-mobile-social a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);color:#fff;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .25s,color .25s}
.saba-header .sh-social a:hover{background:var(--sh-sun);color:#12303a;border-color:var(--sh-sun);transform:translateY(-4px) rotate(-8deg)}
.saba-header .sh-social svg,.saba-header .sh-mobile-social svg{width:15px;height:15px;display:block}
.saba-header .sh-info{display:flex;gap:20px;align-items:center}
.saba-header .sh-info a{display:flex;align-items:center;gap:7px;opacity:.9;transition:color .2s,opacity .2s}
.saba-header .sh-info a:hover{opacity:1;color:var(--sh-sun)}
.saba-header .sh-info svg{width:15px;height:15px;flex:none}
.saba-header .sh-info bdi{direction:ltr;unicode-bidi:isolate}
.saba-header.sh-scrolled .sh-top{max-height:0!important;min-height:0!important;padding-block:0;opacity:0}

/* ---------- main bar (the white card) ---------- */
.saba-header .sh-bar{position:relative;display:flex;align-items:center;gap:14px;min-height:var(--sh-bar-h);padding:0 18px;margin-top:-18px;background:var(--sh-surface);border:1px solid var(--sh-line);border-radius:26px;box-shadow:0 14px 34px -14px rgba(15,74,80,.35);
 transition:margin .5s cubic-bezier(.3,.8,.3,1),min-height .5s,box-shadow .5s}
.saba-header .sh-top[hidden]+.sh-bar,.saba-header.sh-no-top .sh-bar{margin-top:0}
.saba-header.sh-scrolled .sh-bar{margin-top:0;min-height:calc(var(--sh-bar-h) - 10px)!important;box-shadow:0 18px 44px -10px rgba(15,74,80,.45)}
.saba-header.sh-sticky.sh-progress .sh-bar::after{content:"";position:absolute;bottom:-1px;inset-inline:26px;height:3px;border-radius:3px;background:linear-gradient(270deg,var(--sh-sun),var(--sh-accent));transform:scaleX(var(--sh-p,0));transform-origin:100% 50%;pointer-events:none}

/* ---------- brand ---------- */
.saba-header .sh-brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;max-width:260px;font-weight:800;font-size:15px;line-height:1.3;color:var(--sh-teal);transition:opacity .3s}
.saba-header .sh-brand img{flex:0 0 auto;width:68px;height:auto;max-height:110px;object-fit:contain;transition:width .5s}
.saba-header .sh-logo-svg{flex:none;width:54px;height:54px;overflow:visible;transition:width .5s,height .5s}
.saba-header.sh-scrolled .sh-logo-svg{width:46px;height:46px}
.saba-header .sh-sun{transform-box:fill-box;transform-origin:center;animation:sh-breathe 5s ease-in-out infinite}
.saba-header .sh-leaf{transform-box:fill-box;transform-origin:20% 95%;animation:sh-sway 6s ease-in-out infinite}
.saba-header .sh-blob{fill:var(--sh-ink)}
.saba-header .sh-brand:hover .sh-leaf{animation-duration:1.4s}
.saba-header .sh-brand-text{display:flex;flex-direction:column;min-width:0}
.saba-header .sh-brand-text small{font-weight:400;font-size:.63em;color:var(--sh-muted);margin-top:3px;white-space:nowrap}
@keyframes sh-breathe{50%{transform:scale(1.08)}}
@keyframes sh-sway{50%{transform:rotate(5deg) translateY(-1px)}}

/* ---------- liquid pill ---------- */
.saba-header .sh-pill{position:absolute;left:0;top:0;z-index:0;border-radius:14px;opacity:0;pointer-events:none;
 background:linear-gradient(135deg,color-mix(in srgb,var(--sh-accent) 22%,transparent),color-mix(in srgb,var(--sh-sun) 40%,transparent));
 transition:transform .5s cubic-bezier(.3,1.4,.5,1),width .5s cubic-bezier(.3,1.4,.5,1),height .3s,opacity .3s}

/* ---------- desktop nav ---------- */
@media(min-width:1025px){
 .saba-header .sh-drawer{display:contents}
 .saba-header .sh-mobile-head,.saba-header .sh-mobile-social{display:none!important}
 .saba-header .sh-menu{display:flex;flex:1;min-width:0;gap:2px;margin-inline-start:12px;transition:opacity .3s}
 .saba-header.sh-search-open .sh-menu{opacity:.06;pointer-events:none}
 .saba-header.sh-search-open .sh-pill{opacity:0!important}
}
.saba-header .sh-toggle,.saba-header .sh-simple{position:relative;z-index:1;display:flex;align-items:center;gap:var(--sh-chevron-gap);height:42px;padding:0 15px;border-radius:14px;background:transparent;color:var(--sh-ink);font-size:14.5px;font-weight:600;white-space:nowrap;
 transition:transform .3s cubic-bezier(.3,1.6,.5,1),color .2s,background .2s}
.saba-header .sh-toggle:hover,.saba-header .sh-simple:hover{color:var(--sh-teal);transform:translateY(-1px)}
.saba-header .sh-item.sh-open>.sh-toggle{color:var(--sh-teal)}
.saba-header.sh-nopill .sh-toggle:hover,.saba-header.sh-nopill .sh-simple:hover,.saba-header.sh-nopill .sh-item.sh-open>.sh-toggle{background:var(--sh-hero)}
.saba-header .sh-item.sh-act>.sh-simple::after,.saba-header .sh-item.sh-act>.sh-toggle::after{content:"";position:absolute;bottom:2px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--sh-sun);box-shadow:0 0 0 3px color-mix(in srgb,var(--sh-sun) 30%,transparent)}
.saba-header .sh-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--sh-chevron-size);height:var(--sh-chevron-size);color:var(--sh-chevron-color);transition:color .2s}
.saba-header .sh-chevron svg{display:block;width:100%;height:100%;stroke-width:var(--sh-chevron-stroke);stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.saba-header .sh-item.sh-open>.sh-toggle .sh-chevron{color:var(--sh-chevron-active)}
.saba-header .sh-item.sh-open>.sh-toggle .sh-chevron svg{transform:rotate(180deg)}

/* ---------- mega menu (curtain) ---------- */
.saba-header .sh-mega{position:absolute;z-index:6;top:calc(100% + 10px);inset-inline:0;overflow:hidden;padding:28px;background:var(--sh-surface);border:1px solid var(--sh-line);border-radius:var(--sh-mega-r);box-shadow:0 30px 60px -20px rgba(15,74,80,.45);
 clip-path:inset(0 0 100% 0 round var(--sh-mega-r));visibility:hidden;transition:clip-path .55s cubic-bezier(.65,0,.2,1),visibility 0s .55s}
.saba-header .sh-open>.sh-mega{clip-path:inset(0 0 0 0 round var(--sh-mega-r));visibility:visible;transition:clip-path .55s cubic-bezier(.65,0,.2,1)}
.saba-header .sh-mega::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-start:-70px;bottom:-110px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--sh-sun) 38%,transparent),transparent 68%)}
.saba-header .sh-mega-grid{position:relative;display:grid;grid-template-columns:repeat(var(--sh-n,3),minmax(0,1fr)) 1.35fr;gap:28px}
.saba-header .sh-mega-grid.sh-nofeature{grid-template-columns:repeat(var(--sh-n,3),minmax(0,1fr))}
.saba-header .sh-mega-grid>*{opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s}
.saba-header .sh-open>.sh-mega .sh-mega-grid>*{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.2,.7,.2,1) calc(var(--sh-k,0)*70ms + 180ms),transform .55s cubic-bezier(.2,.7,.2,1) calc(var(--sh-k,0)*70ms + 180ms)}
.saba-header .sh-group h3{margin:0 0 8px;font-size:12.5px;font-weight:800;color:var(--sh-teal);letter-spacing:.03em}
.saba-header .sh-group a{display:block;width:max-content;max-width:100%;padding:4px 0;font-size:14.5px;border-radius:0;background:linear-gradient(var(--sh-accent),var(--sh-accent)) 100% 100%/0 2px no-repeat;transition:background-size .3s,color .2s}
.saba-header .sh-group a:hover{background-size:100% 2px;color:var(--sh-teal)}
.saba-header .sh-group-main{font-weight:700}
.saba-header .sh-feature{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:150px;padding:20px;border-radius:20px;color:#fff;background:linear-gradient(150deg,var(--sh-strip-end),var(--sh-deep))}
.saba-header .sh-feature::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--sh-sun);inset-inline-end:-30px;top:-34px;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
.saba-header .sh-feature:hover::after{transform:scale(1.25) translate(-6px,6px)}
.saba-header .sh-feature strong{position:relative;z-index:1;font-size:16px}
.saba-header .sh-feature p{position:relative;z-index:1;margin:0;font-size:13px;opacity:.88;line-height:1.9}
.saba-header .sh-feature a{position:static;z-index:1;font-size:13px;font-weight:700;color:var(--sh-sun)}
.saba-header .sh-feature a::before{content:"";position:absolute;inset:0;z-index:2}

/* ---------- actions ---------- */
.saba-header .sh-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.saba-header .sh-actions>button{position:relative;z-index:1;width:var(--sh-ib);height:var(--sh-ib);flex:none;border-radius:50%;border:1px solid var(--sh-line);background:var(--sh-surface);color:var(--sh-ink);display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s,transform .3s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.saba-header .sh-actions>button:hover{background:var(--sh-teal);color:#fff;border-color:var(--sh-teal);transform:scale(1.06)}
.saba-header .sh-actions svg{width:20px;height:20px;display:block}
.saba-header .sh-burger{display:none!important;position:relative}
.saba-header .sh-burger i{position:absolute;left:calc(50% - 9px);width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.3,1.4,.5,1),top .3s,width .3s}
.saba-header .sh-burger i:nth-child(1){top:calc(50% - 6px)}
.saba-header .sh-burger i:nth-child(2){top:calc(50% - 1px)}
.saba-header .sh-burger i:nth-child(3){top:calc(50% + 4px);width:11px}
.saba-header.sh-drawer-open .sh-burger i:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg)}
.saba-header.sh-drawer-open .sh-burger i:nth-child(2){transform:scaleX(0)}
.saba-header.sh-drawer-open .sh-burger i:nth-child(3){top:calc(50% - 1px);width:18px;transform:rotate(-45deg)}

/* ---------- morphing search ---------- */
.saba-header .sh-search-slot{position:relative;flex:none;width:var(--sh-ib);height:var(--sh-ib)}
.saba-header .sh-search-field{position:absolute;left:0;top:0;z-index:5;display:flex;align-items:center;direction:ltr;width:var(--sh-ib);height:var(--sh-ib);margin:0;overflow:hidden;border-radius:calc(var(--sh-ib)/2);border:1px solid var(--sh-search-border);background:var(--sh-search-input);
 transition:width .6s cubic-bezier(.3,1.25,.4,1),left .6s cubic-bezier(.3,1.25,.4,1),border-color .3s,box-shadow .3s}
.saba-header .sh-search-field:hover{border-color:var(--sh-accent)}
.saba-header .sh-search-field .sh-search-toggle{flex:none;width:calc(var(--sh-ib) - 2px);height:calc(var(--sh-ib) - 2px);display:grid;place-items:center;color:var(--sh-ink);transition:color .2s}
.saba-header .sh-search-field .sh-search-toggle:hover{color:var(--sh-teal);background:transparent}
.saba-header .sh-search-field input{flex:1;min-width:0;direction:rtl;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--sh-ink)!important;font-size:15px;padding:0 6px;height:100%;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .6s}
.saba-header .sh-search-field input::placeholder{color:var(--sh-muted);opacity:1}
.saba-header .sh-search-field kbd{display:none;flex:none;font-size:11px;border:1px solid var(--sh-line);border-radius:6px;padding:0 7px;margin-inline-end:6px;color:var(--sh-muted);white-space:nowrap}
.saba-header .sh-search-field .sh-submit{display:none!important}
.saba-header.sh-search-open .sh-search-field{width:min(var(--sh-field-w),62vw);border-color:var(--sh-teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--sh-accent) 22%,transparent)}
.saba-header.sh-search-open .sh-search-field input{opacity:1;visibility:visible;transition:opacity .3s .25s,visibility 0s .25s}
.saba-header.sh-search-open .sh-search-field kbd{display:block}
.saba-header.sh-search-open .sh-search-field .sh-submit{display:inline-flex!important}
.saba-header .sh-search-field .sh-submit,.saba-header.sh-dark .sh-search-field .sh-submit{flex:none;align-items:center;justify-content:center;gap:8px;height:calc(var(--sh-ib) - 10px);margin:0 4px 0 2px;padding:0 15px;background:var(--sh-search-button)!important;color:var(--sh-search-button-text,#fff)!important;border:0!important;border-radius:var(--sh-button-radius,11px)!important;font-size:13px;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s!important}
.saba-header .sh-search-field .sh-submit:hover{background:var(--sh-search-button-hover,#126c6a)!important;color:var(--sh-search-button-hover-text,#fff)!important;transform:translateY(-1px)}
.saba-header .sh-search-field .sh-submit svg{width:16px;height:16px;flex:none;stroke:currentColor}

.saba-header .sh-search-panel{--sh-result-bg:var(--sh-search-input);--sh-result-hover:var(--sh-hero);--sh-result-radius:12px;--sh-result-gap:7px;--sh-result-image-size:56px;--sh-button-radius:11px;
 position:absolute;z-index:6;top:calc(100% + 10px);left:18px;width:calc(100% - 36px);max-width:680px;padding:14px;color:var(--sh-ink);background:var(--sh-search-bg);border:1px solid var(--sh-search-border);border-radius:18px;box-shadow:0 24px 50px -14px rgba(15,74,80,.4);
 opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility 0s .3s}
.saba-header.sh-search-open .sh-search-panel{opacity:1;visibility:visible;transform:none;transition:opacity .3s .15s,transform .3s .15s,visibility 0s}
.saba-header .sh-search-results{max-height:min(48vh,390px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sh-line) transparent}
.saba-header .sh-search-results::-webkit-scrollbar{width:5px}
.saba-header .sh-search-results::-webkit-scrollbar-thumb{background:var(--sh-line);border-radius:10px}
.saba-header .sh-search-hint,.saba-header .sh-search-loading,.saba-header .sh-search-empty{font-size:13px;color:var(--sh-muted);padding:8px 8px;margin:0}
.saba-header .sh-result-list{display:flex;flex-direction:column;gap:var(--sh-result-gap);margin:0;padding:2px}
.saba-header .sh-result-card{border:1px solid var(--sh-search-border);border-radius:var(--sh-result-radius);background:var(--sh-result-bg);overflow:hidden;transition:background .2s,border-color .2s,transform .2s}
.saba-header .sh-result-card:hover{background:var(--sh-result-hover);border-color:var(--sh-teal);transform:translateY(-1px)}
.saba-header .sh-result-card a{display:flex;align-items:center;gap:13px;padding:11px}
.saba-header .sh-result-card img,.saba-header .sh-result-placeholder{width:var(--sh-result-image-size);height:var(--sh-result-image-size);object-fit:cover;border-radius:9px;flex:none}
.saba-header .sh-result-placeholder{display:grid;place-items:center;background:var(--sh-hero);color:var(--sh-teal);font-size:22px}
.saba-header .sh-result-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.saba-header .sh-result-copy strong{font-size:13px;line-height:1.7;font-weight:700;color:var(--sh-ink)}
.saba-header .sh-type{font-size:11px;color:var(--sh-teal);font-weight:700}
.saba-header .sh-excerpt{font-size:11px;color:var(--sh-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.saba-header .sh-result-arrow{width:17px;height:17px;flex:none;color:var(--sh-muted);transition:transform .2s,color .2s}
.saba-header .sh-result-card:hover .sh-result-arrow{transform:translate(-3px,-3px);color:var(--sh-teal)}
.saba-header .sh-search-panel mark{background:color-mix(in srgb,var(--sh-sun) 55%,transparent);color:inherit;border-radius:3px;padding-inline:1px}
.saba-header .sh-group-label{display:flex;align-items:center;gap:9px;color:var(--sh-teal);font-weight:700;font-size:12px;padding:10px 6px 5px}
.saba-header .sh-group-label b{background:var(--sh-hero);border-radius:99px;padding:1px 7px}
.saba-header .sh-search-panel.sh-compact .sh-result-card a{padding:7px 10px}
.saba-header .sh-search-panel.sh-compact .sh-excerpt{display:none}
.saba-header .sh-all-results{display:block;margin-top:10px;border-top:1px solid var(--sh-line);padding:12px 6px 2px;font-size:12.5px;color:var(--sh-teal);font-weight:700}

/* ---------- dark ---------- */
.saba-header.sh-dark,html.saba-dark-mode .saba-header{--sh-ink:#e8f3f2!important;--sh-teal:#6fe0db!important;--sh-accent:#46c9c4!important;--sh-surface:#13262c!important;--sh-line:#2f4a51!important;--sh-hero:#18343a!important;--sh-muted:#a9c2c5!important;
 --sh-search-bg:#13262c!important;--sh-search-input:#10252b!important;--sh-search-border:#34535a!important;--sh-search-button:#46c9c4!important}
.saba-header.sh-dark .sh-search-panel{--sh-result-bg:#1b353a;--sh-result-hover:#24464a}
.saba-header.sh-dark .sh-search-field .sh-submit{color:#10252b!important}
.saba-header.sh-dark .sh-bar{box-shadow:0 14px 34px -14px rgba(0,0,0,.7)}
html.saba-dark-mode{color-scheme:dark}

/* ---------- tablet & mobile ---------- */
@media(max-width:1100px) and (min-width:1025px){.saba-header .sh-toggle,.saba-header .sh-simple{padding-inline:9px;font-size:13.5px}}
@media(max-width:1024px){
 .saba-header{--sh-reserve:calc(var(--sh-bar-h) + 16px);--sh-ib:44px}
 .saba-header .sh-top,.saba-header .sh-pill{display:none!important}
 .saba-header .sh-bar{margin-top:0;padding-inline:14px;min-height:calc(var(--sh-bar-h) - 8px)}
 .saba-header .sh-burger{display:grid!important}
 .saba-header .sh-brand-text small{display:none}

 .saba-header .sh-search-slot{position:static}
 .saba-header .sh-search-field{left:calc(14px + var(--sh-ib) + 8px);top:50%;margin-top:calc(var(--sh-ib)/-2)}
 .saba-header.sh-search-open .sh-search-field{left:10px;width:calc(100% - 20px)}
 .saba-header.sh-search-open .sh-brand,.saba-header.sh-search-open .sh-actions>button{opacity:0;pointer-events:none}
 .saba-header .sh-search-field kbd,.saba-header.sh-search-open .sh-search-field kbd{display:none}
 .saba-header .sh-search-panel{left:10px;width:calc(100% - 20px);max-width:none}

 .saba-header .sh-drawer{position:fixed;inset:0;z-index:-1;display:block;overflow-y:auto;padding:calc(104px + env(safe-area-inset-top,0px)) 24px calc(30px + env(safe-area-inset-bottom,0px));color:#fff;
  background:radial-gradient(circle at 15% 100%,color-mix(in srgb,var(--sh-sun) 50%,transparent),transparent 45%),linear-gradient(160deg,var(--sh-strip-end),var(--sh-deep) 70%);
  clip-path:circle(0 at var(--sh-ox,44px) var(--sh-oy,46px));visibility:hidden;transition:clip-path .8s cubic-bezier(.65,0,.2,1),visibility 0s .8s}
 .saba-header.sh-drawer-open .sh-drawer{clip-path:circle(160vmax at var(--sh-ox,44px) var(--sh-oy,46px));visibility:visible;transition:clip-path .9s cubic-bezier(.65,0,.2,1)}
 body.admin-bar .saba-header .sh-drawer{padding-top:calc(136px + env(safe-area-inset-top,0px))}
 .saba-header .sh-mobile-head{display:block;margin-bottom:6px;font-size:13px;opacity:.85}
 .saba-header .sh-menu{display:block}
 .saba-header .sh-item{border-bottom:1px solid rgba(255,255,255,.22)}
 .saba-header .sh-toggle,.saba-header .sh-simple{width:100%;height:auto;justify-content:space-between;padding:14px 4px;border-radius:0;font-size:22px;font-weight:800;color:#fff}
 .saba-header .sh-toggle:hover,.saba-header .sh-simple:hover,.saba-header .sh-item.sh-open>.sh-toggle{color:#fff;transform:none;background:transparent}
 .saba-header .sh-chevron{--sh-chevron-color:#fff;color:#fff;width:20px;height:20px}
 .saba-header .sh-item.sh-open>.sh-toggle .sh-chevron{color:#fff}
 .saba-header .sh-item.sh-act>.sh-simple::after,.saba-header .sh-item.sh-act>.sh-toggle::after{left:auto;right:auto;inset-inline-start:4px;bottom:auto;top:18px;margin:0}
 .saba-header .sh-menu>li{opacity:0;transform:translateY(24px)}
 .saba-header.sh-drawer-open .sh-menu>li{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1) calc(var(--sh-i,0)*70ms + 350ms),transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--sh-i,0)*70ms + 350ms)}
 .saba-header .sh-mega{position:static;display:none;overflow:visible;padding:0 0 16px;background:none;border:0;border-radius:0;box-shadow:none;clip-path:none;visibility:visible;transition:none}
 .saba-header .sh-mega::before,.saba-header .sh-feature{display:none}
 .saba-header .sh-open>.sh-mega{display:block;clip-path:none}
 .saba-header .sh-mega-grid,.saba-header .sh-mega-grid.sh-nofeature{display:flex;flex-wrap:wrap;gap:8px}
 .saba-header .sh-mega-grid>*,.saba-header .sh-open>.sh-mega .sh-mega-grid>*{opacity:1;transform:none;transition:none}
 .saba-header .sh-group{display:contents}
 .saba-header .sh-group h3{display:none}
 .saba-header .sh-group a,.saba-header .sh-group-main{width:auto;max-width:none;padding:3px 14px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:14px;font-weight:400;color:#fff;background:none}
 .saba-header .sh-group a:hover{background:var(--sh-sun);color:#12303a}
 .saba-header .sh-mobile-social{margin-top:26px}
}
@media(max-width:480px){
 .saba-header .sh-brand{font-size:12px;max-width:170px}
 .saba-header .sh-brand img{width:44px}
 .saba-header .sh-logo-svg{width:42px;height:42px}
 .saba-header{--sh-ib:40px}
 .saba-header .sh-actions{gap:6px}
}
@media(prefers-reduced-motion:reduce){.saba-header *,.saba-header *::before,.saba-header *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}}
