/* v76/v77: market polish; existing mobile balance and equal popular tiles are preserved. */
.garantMobileBalance{display:none}
.siteHeader .headerBalanceCurrency{display:flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px}
.siteHeader .headerBalanceCurrency [hidden]{display:none!important}
.siteHeader .headerBalanceCurrency .balanceRubleMark{margin:0}
.siteHeader .accountAvatar>img,.garantHeader .gsiteProfileBtn>span>img{width:100%;height:100%;object-fit:cover;display:block}
.serviceButtonAsset{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex:none;overflow:hidden}
.serviceButtonAsset img,.serviceButtonAsset svg{display:block;width:100%!important;height:100%!important;object-fit:contain;object-position:center;margin:0;border:0;filter:none}
.serviceButtonAsset [hidden]{display:none!important}
/* v77: compact service shortcuts. One visual language at every breakpoint. */
.homePage .homeFeatureBar{
 --service-bg:var(--surface,#1a1e27);
 --service-hover:var(--surface2,#1d222b);
 --service-text:var(--text,#f4f7fb);
 margin:14px 0 18px!important;padding:0!important;max-width:100%;min-width:0;
 border:0!important;box-shadow:none!important;background:transparent!important;
}
.homePage .homeFeatureInner{
 display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px!important;
 width:100%;max-width:100%;min-width:0;min-height:0!important;height:auto!important;
 padding:0!important;overflow:visible!important;scrollbar-width:none;
}
.homePage .homeFeatureBar .headerFeature{
 appearance:none;-webkit-appearance:none;box-sizing:border-box;
 display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;
 min-width:0!important;max-width:100%;min-height:40px!important;height:40px!important;
 margin:0!important;padding:0 14px!important;gap:9px!important;
 background:var(--service-bg)!important;background-image:none!important;
 border:0!important;border-radius:10px!important;box-shadow:none!important;
 color:var(--service-text)!important;font-size:13px!important;font-weight:600!important;
 letter-spacing:0;line-height:1.25;white-space:nowrap;text-align:left;text-decoration:none;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 transform:none!important;filter:none!important;cursor:pointer;touch-action:manipulation;
 transition:background-color .16s ease,color .16s ease!important;
 -webkit-tap-highlight-color:transparent;
}
.homePage .homeFeatureBar .headerFeature::before,
.homePage .homeFeatureBar .headerFeature::after{content:none!important;display:none!important}
.homePage .homeFeatureBar .headerFeature>span:last-child{display:block;min-width:0;line-height:1.25}
.homePage .homeFeatureBar .headerFeature .headerFeatureIcon{
 display:flex;align-items:center;justify-content:center;
 width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;
 flex:0 0 20px!important;padding:0!important;margin:0!important;
 background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 color:inherit!important;opacity:.88;
}
.homePage .homeFeatureBar .headerFeature .headerFeatureSvg{
 display:block;width:20px!important;height:20px!important;fill:currentColor;stroke:none;stroke-width:0!important;
}
.homePage .homeFeatureBar .headerFeature:hover,
.homePage .homeFeatureBar .headerFeature:active{transform:none!important;filter:none!important;box-shadow:none!important}
@media(hover:hover){
 .homePage .homeFeatureBar .headerFeature:hover{background:var(--service-hover)!important;color:var(--service-text)!important}
}
.homePage .homeFeatureBar .headerFeature:active{background:var(--surface3,#232934)!important}
/* A focus outline is shown only for keyboard navigation, never as a decorative frame. */
.homePage .homeFeatureBar .headerFeature:focus-visible{outline:2px solid var(--blue2,#74b4ff);outline-offset:3px}
.homePage .homeFeatureBar .headerFeature:focus:not(:focus-visible){outline:none}
@media(max-width:800px){
 .homePage .homeFeatureBar{margin:12px 0 14px!important}
 .homePage .homeFeatureInner{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr) minmax(0,1.8fr);gap:8px!important}
 .homePage .homeFeatureBar .headerFeature{
  width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;
  padding:0 11px!important;gap:8px!important;font-size:12px!important;white-space:normal!important;
 }
 .homePage .homeFeatureBar .headerFeature>span:last-child{overflow-wrap:normal;word-break:normal}
 .homePage .homeFeatureBar .headerFeature .headerFeatureIcon{
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex-basis:18px!important;
 }
 .homePage .homeFeatureBar .headerFeature .headerFeatureSvg{width:18px!important;height:18px!important}
}
/* On narrow phones, all three shortcuts remain visible; no sideways scrolling or clipped API label. */
@media(max-width:560px){
 .homePage .homeFeatureInner{grid-template-columns:repeat(2,minmax(0,1fr))}
 .homePage .homeFeatureBar .headerFeature{justify-content:center;padding:0 10px!important}
 .homePage .homeFeatureBar .headerFeature.api{grid-column:1/-1}
}
@media(min-width:801px){
 .homePage .popularRail{align-items:flex-start;gap:12px;max-width:100%;min-width:0}
 .homePage .popularMini{flex:0 0 92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;align-self:flex-start}
 .homePage .popularThumb{width:92px!important;min-width:92px!important;max-width:92px!important;height:92px!important;min-height:92px!important;max-height:92px!important;aspect-ratio:1/1!important;box-sizing:border-box;overflow:hidden}
 .homePage .popularThumb>img,.homePage .popularThumb>.fallback{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:cover;object-position:center}
 .homePage .popularThumb>.fallback{place-items:center;overflow:hidden;line-height:1}
 .homePage .popularName{width:92px!important;max-width:92px!important;height:30px;margin:8px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;line-height:15px;font-size:11px}
}
/* Scoped fallback: browsers without backdrop filtering get an opaque readable panel. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 @media(max-width:800px){.siteHeader .headerNav{background:#1a1e27!important}}
}
/* Admin editor is independent of home content, banner media and mobile logos. */
.sbAdmin{margin:18px 0}
.sbAdminHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.sbAdminHeader h2{margin:0 0 8px;font-size:21px}
.sbAdminHeader p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 18px;max-width:720px}
.sbAdminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sbAdminItem{border:1px solid var(--line);border-radius:14px;background:var(--surface2);padding:16px;min-width:0}
.sbAdminItem>small{display:block;font-size:10px;line-height:1.5;letter-spacing:.04em;color:var(--muted);margin-bottom:12px}
.sbPreview{display:flex;align-items:center;gap:9px;min-height:40px;padding:10px 12px;border:0;border-radius:10px;background:var(--surface,#1a1e27);color:var(--text);box-shadow:none;font-size:13px;font-weight:600;line-height:1.3}
.sbPreview .serviceButtonAsset{width:20px;height:20px;flex:0 0 20px;opacity:.88}
.sbPreview>span:last-child{min-width:0}
.sbAdminActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.sbAdmin button,.sbUpload{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid var(--line2);border-radius:9px;background:var(--surface3);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;box-shadow:none;position:relative}
.sbUpload{background:#2c3543;overflow:hidden;border-color:#465368}
.sbUpload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}
.sbUpload:focus-within,.sbAdmin button:focus-visible{outline:2px solid #a7b7cb;outline-offset:3px}
.sbAdmin button:disabled,.sbUpload:has(input:disabled){opacity:.5;cursor:wait}
.sbAdminStatus{min-height:20px;margin-top:14px;font-size:12px;color:#99cbb3;line-height:1.6}
.sbAdminStatus.is-error{color:#ef9eaf}
.sbAdminItem p{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}
@media(max-width:900px){.sbAdminGrid{grid-template-columns:1fr}.sbAdminHeader{gap:12px}.sbAdminHeader h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.homePage .homeFeatureBar .headerFeature{transition:none!important}}