:root{--accent:#FF450A;--accent-600:#E83C05;--accent-50:#FFF1EB;--ink-2:#30363B;--muted-2:#6E7378;--line-2:#D1D4D6;--r-sm:8px;--r:12px;--r-lg:16px;--sh-lg:0 30px 70px -24px rgba(14,16,19,.45);--g:clamp(16px,3vw,80px);--maxw:1920px;--hh:76px}
.header,.utility-bar,.drawer{--ink:#0E1013;--ink-2:#30363B;--muted:#5C6166;--muted-2:#6E7378;--line:#E7E8E9;--bg:#F6F6F5;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
.header *,.utility-bar *,.drawer *{box-sizing:border-box}:where(.header,.utility-bar,.drawer) button{font-family:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit}:where(.header,.drawer) ul{list-style:none;padding:0;margin:0}:where(.header,.utility-bar,.drawer) p{margin:0}:where(.header,.utility-bar,.drawer) a{color:inherit;text-decoration:none}.header img,.header svg,.utility-bar svg,.drawer svg{display:block;max-width:100%}.header [hidden],.utility-bar [hidden],.drawer [hidden]{display:none!important}.header .i,.utility-bar .i,.drawer .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.header .i-sm,.drawer .i-sm{width:16px;height:16px}.header .i-fill,.utility-bar .i-fill{fill:currentColor;stroke:none}.container{width:min(100% - 2*var(--g),var(--maxw));margin-inline:auto}.header :focus-visible,.utility-bar :focus-visible,.drawer :focus-visible{outline:2px solid var(--accent);outline-offset:3px}body.no-scroll{overflow:hidden}
/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 24px;border-radius:var(--r-sm);font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.btn .i{width:18px;height:18px}
.btn--sm{height:42px;padding:0 18px;font-size:13px}
/* header tugmalari: header balandligining ~40% i */
.btn--hdr{height:32px;padding:0 16px;font-size:13px;border-radius:7px}
.btn--block{width:100%}
.btn[hidden]{display:none}
.btn--accent{background:var(--accent);color:#fff;box-shadow:0 10px 24px -10px rgba(255,69,10,.75)}
.btn--accent:hover{background:var(--accent-600);transform:translateY(-1px)}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{background:#EFEFEE}
.btn--ghost{background:#fff;border:1px solid var(--line-2);color:var(--ink)}
.btn--ghost:hover{border-color:var(--ink)}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:#000}
.link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;font-size:13px;white-space:nowrap}
.link-arrow .i{width:16px;height:16px;transition:transform .2s}
.link-arrow:hover .i{transform:translateX(3px)}

/* ---------- Topbar & header ---------- */
.tb-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tb-item .i{width:14px;height:14px;color:var(--accent)}
.lang{display:inline-flex;background:rgba(255,255,255,.07);border-radius:7px;padding:2px}
.lang button{height:24px;padding:0 9px;border-radius:5px;font-size:11.5px;font-weight:700;color:#AEB4BA;letter-spacing:.04em}
.lang button.is-active{background:#fff;color:var(--ink)}
.lang--light{background:var(--bg)}
.lang--light button{color:var(--muted)}
.lang--light button.is-active{background:var(--ink);color:#fff}

.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.header.is-scrolled{box-shadow:0 10px 30px -18px rgba(14,16,19,.3)}
.header__in{display:flex;align-items:center;gap:20px;height:var(--hh)}
.logo{display:flex;align-items:center;gap:11px;flex:none}
.logo__mark{width:auto;height:36px}
.logo__txt{display:flex;flex-direction:column;line-height:1.1}
.logo__txt b{font-size:17px;font-weight:800;letter-spacing:.01em}
.logo__txt small{font-size:10.5px;color:var(--muted-2);margin-top:3px}
/* Asosiy menyu: ikonkasiz, matn "aylanib" almashadi, ostida qizigan poʻlat chizigʻi yuradi */
.nav{display:flex;align-items:stretch;align-self:stretch;margin-left:auto;position:relative}
.nav__link{position:relative;display:inline-flex;align-items:center;height:100%;padding:0 12px;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:color .25s}
.nav__link:hover,.nav__link[aria-expanded="true"]{color:var(--ink)}
.nav__link.is-active{color:var(--accent)}
.roll{display:block;height:1.5em;line-height:1.5em;overflow:hidden}
.roll>span{display:block;text-shadow:0 1.5em 0 var(--accent);transition:transform .5s cubic-bezier(.65,0,.2,1)}
.nav__link:hover .roll>span,.nav__link:focus-visible .roll>span,.nav__link[aria-expanded="true"] .roll>span,.has-drop:hover .roll>span{transform:translateY(-1.5em)}
.nav__bar{position:absolute;left:0;bottom:-1px;height:3px;width:0;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#FF450A,#FFC46B 50%,#FF450A);box-shadow:0 0 14px 1px rgba(255,90,20,.75);opacity:0;pointer-events:none;transform:translateX(var(--bx,0));transition:transform .45s cubic-bezier(.3,.8,.2,1),width .45s cubic-bezier(.3,.8,.2,1),opacity .3s;z-index:4}
.nav__bar.is-on{opacity:1}
.nav__bar.no-tr{transition:opacity .3s}
.nav__tel{display:none}
.has-drop{position:relative;display:flex;align-items:stretch}
.drop{position:absolute;top:100%;left:-16px;width:660px;display:grid;grid-template-columns:1fr 210px;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-lg);padding:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.has-drop:hover .drop,.has-drop:focus-within .drop{opacity:1;visibility:visible;transform:none}
.drop__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.drop__item{display:flex;align-items:center;gap:12px;padding:9px;border-radius:10px;transition:background .2s}
.drop__item:hover{background:var(--bg)}
.drop__item b{display:block;font-size:13.5px;font-weight:600}
.drop__item small{display:block;font-size:11.5px;color:var(--muted-2)}
.glyph{width:40px;height:40px;border-radius:10px;background:var(--dark);color:#fff;display:grid;place-items:center;flex:none}
.glyph .i{width:22px;height:22px;stroke-width:1.6}
.drop__item:hover .glyph{background:var(--accent)}
.drop__promo{background:var(--dark);color:#fff;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.drop__promo::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,69,10,.55),transparent 70%)}
.drop__promo b{font-size:15px;line-height:1.3}
.drop__promo small{color:#AEB4BA;font-size:12px}
.drop__promo .btn{margin-top:auto;position:relative;z-index:1}
.header__act{display:flex;align-items:center;gap:4px;margin-left:8px}
.icon-btn{position:relative;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2);transition:background .2s,color .2s}
.icon-btn:hover{background:var(--bg);color:var(--ink)}
.badge{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;line-height:1}
.badge[data-n="0"]{display:none}
.header__act .btn,.header__act .lang{margin-left:8px}
.burger{display:none}
.drawer{position:fixed;left:0;right:0;bottom:0;top:var(--hh);z-index:45;background:#fff;padding:12px var(--g) 110px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}
.drawer.is-open{opacity:1;visibility:visible;transform:none}
.dlink,.dacc__h{position:relative;display:block;width:100%;text-align:left;padding:16px 0;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink);border-bottom:1px solid var(--line);transition:color .25s}
.dacc__h::before{content:"";position:absolute;left:calc(-1*var(--g));top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#FFC46B,#FF450A);transform:scaleY(0);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.dacc.is-open .dacc__h{color:var(--accent);border-color:transparent}
.dacc.is-open .dacc__h::before{transform:scaleY(1)}
.dacc__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.dacc.is-open .dacc__b{grid-template-rows:1fr;border-bottom:1px solid var(--line)}
.dacc__in{overflow:hidden;min-height:0}
.dacc__lede{font-size:13.5px;color:var(--muted);padding:0 0 8px}
.dacc__a{display:block;margin-left:2px;padding:10px 0 10px 16px;border-left:1px solid var(--line);font-size:15.5px;color:var(--ink-2);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .35s,color .2s,border-color .2s}
.dacc.is-open .dacc__a{opacity:1;transform:none;transition-delay:calc(var(--d)*35ms + 90ms)}
.dacc__a:hover,.dacc__a:active{color:var(--accent);border-color:var(--accent)}
.dacc__in>:last-child{margin-bottom:14px}
.drawer__foot{display:grid;gap:12px;margin-top:20px}
.drawer__foot .tb-item{color:var(--muted);font-size:14px}

/* ---------- Mega-menyu: "prokat" paneli ----------
   Panel jaluzi kabi pastga ochiladi, tepasidan qizigan poʻlat chizigʻi tarqaladi,
   havolalar "tirqish"dan koʻtariladi, rasm qizigan qirra bilan almashadi. */
.mega{position:absolute;left:0;right:0;top:100%;z-index:3;color:#fff;overflow:hidden;height:var(--mh,auto);
  background:radial-gradient(55% 140% at 100% 100%,rgba(255,69,10,.17),transparent 62%),linear-gradient(180deg,#151619,#0E0F11);
  clip-path:inset(0 0 100% 0);visibility:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);
  transition:clip-path .6s cubic-bezier(.7,0,.2,1),height .5s cubic-bezier(.3,.8,.2,1),visibility 0s .6s}
.mega.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .6s cubic-bezier(.7,0,.2,1),height .5s cubic-bezier(.3,.8,.2,1),visibility 0s}
.mega__heat{position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#FF450A 16%,#FFD9A0 50%,#FF450A 84%,transparent);box-shadow:0 0 22px 2px rgba(255,90,20,.6);transform:scaleX(0);transform-origin:var(--ox,50%) 50%}
.mega.is-open .mega__heat{animation:mmHeat 1.2s cubic-bezier(.2,.8,.2,1) .12s both}
@keyframes mmHeat{0%{transform:scaleX(0);opacity:1}55%{opacity:1}100%{transform:scaleX(1);opacity:.4}}
.mega__in{position:relative;display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr) minmax(300px,420px);gap:clamp(32px,4vw,80px);padding-block:40px 46px}
.mega-dim{position:absolute;left:0;right:0;top:100%;height:100vh;z-index:1;background:rgba(10,11,13,.5);opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
body.mm-on .mega-dim{opacity:1;visibility:visible;transition:opacity .45s}
/* chap ustun: boʻlimlar — faoli oq va qizigan chiziq bilan, shrift oʻlchami oʻzgarmaydi */
.mm-rail{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:20px;border-left:1px solid rgba(255,255,255,.08);align-self:start}
.mm-rail__b{position:relative;text-align:left;font-size:15px;line-height:1.25;font-weight:500;color:#80868C;padding:6px 0;transition:color .3s}
.mm-rail__b::before{content:"";position:absolute;left:-21.5px;top:6px;bottom:6px;width:3px;border-radius:2px;background:linear-gradient(#FFC46B,#FF450A);box-shadow:0 0 12px rgba(255,69,10,.8);transform:scaleY(0);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mm-rail__b:hover{color:#E3E6E9}
.mm-rail__b.is-on{color:#fff}
.mm-rail__b.is-on::before{transform:scaleY(1)}
/* oʻrta ustun: izoh va havolalar */
.mm-body{min-width:0}
.mm-lede{font-size:15.5px;line-height:1.55;color:#9EA4AA;max-width:560px;animation:mmFade .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes mmFade{from{opacity:0;transform:translateY(8px)}}
.mm-links{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),auto);grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:48px;margin-top:20px}
.mm-link{position:relative;display:block;overflow:hidden;padding:14px 0 13px;border-bottom:1px solid rgba(255,255,255,.08);font-size:16.5px;font-weight:500;line-height:1.3;color:#C9CDD1;outline:none}
.mm-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#FF450A,#FFC46B 55%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.mm-link__r{display:block;animation:mmRise .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d)*45ms + 140ms)}
.mm-body[data-dir="l"] .mm-link__r{animation-name:mmFromL}
.mm-body[data-dir="r"] .mm-link__r{animation-name:mmFromR}
.mm-link__t{display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1),color .25s}
.mm-link:hover .mm-link__t,.mm-link:focus-visible .mm-link__t{transform:translateX(14px);color:#fff}
.mm-link:hover::after,.mm-link:focus-visible::after{transform:scaleX(1)}
@keyframes mmRise{from{transform:translateY(115%) skewY(6deg);opacity:0}}
@keyframes mmFromL{from{transform:translateX(-36px);opacity:0}}
@keyframes mmFromR{from{transform:translateX(36px);opacity:0}}
/* oʻng ustun: rasm qizigan qirra bilan almashadi */
.mm-view{min-width:0}
.mm-frame{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#1d1f23}
.mm-layer{position:absolute;inset:0;clip-path:inset(0 100% 0 0);animation:mmWipe .95s cubic-bezier(.7,0,.2,1) forwards}
.mm-layer img{width:100%;height:100%;object-fit:cover;animation:mmKen 8s cubic-bezier(.2,.6,.2,1) both}
.mm-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,11,13,.55));pointer-events:none}
.mm-edge{position:absolute;top:0;bottom:0;left:0;width:2px;z-index:3;background:#FFD9A0;box-shadow:0 0 18px 5px rgba(255,90,20,.85);animation:mmEdge .95s cubic-bezier(.7,0,.2,1) forwards;pointer-events:none}
@keyframes mmWipe{to{clip-path:inset(0 0 0 0)}}
@keyframes mmEdge{0%{left:0;opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@keyframes mmKen{from{transform:scale(1.14)}to{transform:scale(1)}}
.mm-cap{padding-top:16px;min-height:74px}
.mm-cap b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.mm-cap p{font-size:13.5px;line-height:1.5;color:#9EA4AA;margin-top:4px}
.mm-cap.swap{animation:mmFade .45s cubic-bezier(.2,.8,.2,1)}
.mm-card{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px);background:radial-gradient(80% 90% at 100% 0%,rgba(255,69,10,.32),transparent 60%),#1B1D21}
.mm-card small{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FF7A40;font-weight:700}
.mm-card__addr{font-size:clamp(17px,1.4vw,21px);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-top:6px}
.mm-card>*{flex:none}
.mm-card dl{display:grid;gap:6px;margin-top:auto}
.mm-card dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13.5px}
.mm-card dt{color:#9EA4AA}
.mm-card dd a{font-weight:600;color:#fff;white-space:nowrap}
.mm-card dd a:hover{color:#FFC46B}
.mm-card .btn{align-self:flex-start;height:40px}

/* Menus grow one branch at a time and stay inside the visible viewport. */
.mega__in{max-height:calc(100dvh - var(--hh) - 80px);overflow-y:auto;overscroll-behavior:contain;align-items:start}
.live-menu-level{margin:16px 0 0;padding:0;list-style:none;display:block}
.live-menu-row{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09)}
.live-menu-row>a{flex:1;min-width:0;padding:15px 0;color:inherit;line-height:1.45;overflow-wrap:anywhere}
.live-menu-row>.mm-link{border:0}
.live-menu-link{font-size:15px;color:#c9cdd1}
.live-menu-link:hover,.live-menu-link:focus-visible{color:var(--accent)}
.live-menu-toggle{flex:none;display:grid;place-items:center;width:40px;min-height:44px;margin-left:12px;border-radius:6px;color:inherit}
.live-menu-toggle:hover,.live-menu-toggle:focus-visible{background:rgba(255,255,255,.08);color:var(--accent)}
.live-menu-toggle .i{transition:transform .2s}
.live-menu-toggle[aria-expanded=true] .i{transform:rotate(90deg)}
.live-menu-children{padding-left:18px;border-left:2px solid var(--accent);margin:8px 0 12px}
.live-menu-children>.live-menu-level{margin:0}
.drawer .live-menu-row{border-color:var(--line);color:var(--ink-2)}
.drawer .live-menu-toggle:hover{background:var(--bg)}
.drawer .live-menu-level{margin-top:0}
.drawer .live-menu-row>a{font-size:15px}
@media(min-width:1025px){
  .mega.is-wide-menu .mega__in{grid-template-columns:minmax(220px,290px) minmax(0,1fr)}
  .mega.is-wide-menu .mm-view{display:none}
  .mega.is-wide-menu #mmBody>[data-menu-root]{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--live-menu-rows),auto);column-gap:clamp(24px,4vw,64px);align-items:start}
}
@media(max-width:600px){.live-menu-children{padding-left:12px}.live-menu-toggle{margin-left:4px}}

.nav__link{padding-inline:8px}
@media(min-width:1025px) and (max-width:1679px){.header__in{flex-wrap:wrap;height:auto;column-gap:20px;row-gap:0}.logo,.header__act{height:var(--hh)}.header__act{margin-left:auto}.nav{order:3;flex:0 0 100%;margin:0;height:50px;border-top:1px solid var(--line)}.nav>:first-child .nav__link{padding-left:0}.nav__tel{display:flex;align-items:center;margin-left:auto;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}}
@media(max-width:1024px){.header .nav,.header .mega,.header .mega-dim{display:none}.header .burger{display:grid}.header__act{margin-left:auto}}
@media(max-width:760px){:root{--hh:64px}.logo__mark{height:32px}.logo__txt b{font-size:15px}.header__act .icon-btn:not(.js-search):not(.burger),.header__act .btn,.header__act .lang{display:none}}
@media(prefers-reduced-motion:reduce){.header *,.drawer *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.utility-bar{position:relative;z-index:60;background:#1c1d20;color:#c6c8cc;font-size:12px;border-bottom:1px solid #303236}
.utility-bar__in{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility-bar__tools,.utility-bar__right,.utility-socials,.utility-phone{display:flex;align-items:center;gap:14px}.utility-bar__tools{gap:5px}.utility-bar .i{width:17px;height:17px;stroke-width:1.8}.utility-icon{padding:8px 12px 8px 0}.utility-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;background:#292b2f;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.utility-button:hover{background:#383b40;color:#fff}.utility-socials{gap:16px;margin-right:10px}.utility-socials a:hover{color:#fff}.utility-phone{gap:8px;white-space:nowrap}.utility-phone .i{color:#ffb323}.utility-phone b{color:#f2f3f4;font-size:13px;letter-spacing:.03em}.utility-data{display:inline-flex;align-items:center;gap:8px;color:#ffb323;background:#ffb3230a;border:1px solid #ffb32366;border-radius:6px;padding:6px 12px;font-weight:600;white-space:nowrap}.utility-data:hover{background:#ffb32318}.utility-bar .access-panel{position:absolute;top:calc(100% + 6px);left:var(--g);right:auto;max-height:min(65vh,460px);box-shadow:0 16px 40px #0002;border:1px solid #e7e8e9;border-radius:12px}.access-panel h2{margin-bottom:12px}.access-panel p{font-size:12px;line-height:1.6;margin-top:12px}.access-panel label{font-size:12px;color:#5c6166}.access-panel select{width:100%;margin:6px 0 10px;border-color:#d1d4d6}.access-panel button{font-size:12px;border-color:#d1d4d6}.footer-details{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:28px;padding:24px 0;border-top:1px solid var(--dark-line)}.footer-details__label{display:block;font-size:11px;font-weight:600;letter-spacing:.03em;color:#8c9299;margin-bottom:10px}.footer-details__links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:#d0d3d6}.footer-details__links a:hover{color:#fff}.footer-details__links span{color:#8c9299}
@media(max-width:1100px){.utility-socials{display:none}.utility-phone>span{display:none}.utility-bar__right{gap:12px}}
@media(max-width:700px){.utility-bar__in{min-height:42px;gap:8px}.utility-button{font-size:11px;padding:0 8px;gap:5px}.utility-icon,.utility-phone{display:none}.utility-data{font-size:0;padding:8px}.utility-data .i{width:17px;height:17px}.utility-bar__right{gap:0}.footer-details{grid-template-columns:1fr;gap:20px}.utility-bar .access-panel{left:16px;width:calc(100% - 32px)}}


.utility-controls{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid #393c41;flex-shrink:0}.utility-controls .icon-btn{width:32px;height:32px;color:#c6c8cc;border-radius:6px}.utility-controls .icon-btn:hover{background:#303237;color:#fff}.utility-lang{background:#2a2c30;padding:2px;border-radius:6px}.utility-lang button{height:26px;padding:0 8px;font-size:11px;color:#bfc3c9}.utility-lang button.is-active{background:#f3f4f5;color:#191a1d}.utility-bar__right{flex-shrink:0}
@media(max-width:1250px){.utility-socials{display:none}.utility-phone>span{display:none}.utility-bar__in{gap:12px}.utility-bar__right{gap:12px}}
@media(max-width:700px){.utility-bar__in{flex-wrap:wrap;padding-block:5px;row-gap:5px}.utility-bar__tools{flex:1}.utility-bar__right{gap:8px}.utility-controls{gap:3px;padding-right:0;border:0}.utility-controls .icon-btn{width:28px;height:30px}.utility-lang button{padding:0 6px}.utility-button{padding:0 7px;font-size:10px}.utility-data{display:none}}
@media(max-width:420px){.utility-bar__in{justify-content:center}.utility-bar__tools{flex:0 1 auto}.utility-bar__right{margin-left:auto}.utility-button span{max-width:72px;overflow:hidden;text-overflow:ellipsis}.utility-button .i{width:15px;height:15px}}


.access-help{position:fixed;inset:0;margin:auto;width:min(460px,calc(100% - 32px));max-height:80vh;padding:28px;border:1px solid #e7e8e9;border-radius:14px;background:#fff;color:#30363b;box-shadow:0 24px 80px #0003}.access-help::backdrop{background:#10131866;backdrop-filter:blur(3px)}.access-help h2{font-size:18px;padding-right:24px;margin-bottom:14px}.access-help p{font-size:14px;line-height:1.85}.access-help p img{display:inline-block;vertical-align:middle;margin:0 3px}.access-help__close{position:absolute;right:14px;top:10px;font-size:25px;color:#6e7378;padding:4px 8px}.selection-voice{position:fixed;z-index:250;display:flex;align-items:center;gap:3px;padding:4px;background:#fff;border:1px solid #d1d4d6;border-radius:9px;box-shadow:0 5px 20px #0002}.selection-voice[hidden]{display:none}.selection-voice button{display:grid;place-items:center;padding:5px;border-radius:5px}.selection-voice button:hover{background:#f0f1f2}.selection-voice button:disabled{opacity:.45}.voice-status{font-size:11px;max-width:170px}.voice-status:empty{display:none}@media(max-width:420px){.utility-button span{max-width:none}}


.access-settings{display:grid;gap:8px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid #e7e8e9}.access-settings label{font-size:12px;font-weight:600;color:#5c6166}.access-settings select{width:100%;padding:10px 12px;border:1px solid #d1d4d6;border-radius:7px;background:#fff;color:#30363b;margin-bottom:6px}.access-settings button{justify-self:start;font-size:12px;padding:8px 12px;border:1px solid #d1d4d6;border-radius:7px;background:#f6f6f5;color:#30363b}.access-settings button:hover{background:#e7e8e9}


.access-colors{min-width:0;margin:0;padding:0;border:0;display:grid;gap:6px}.access-colors legend{padding:0;margin-bottom:9px;font-size:12px;font-weight:600;color:#5c6166}.access-settings .access-colors label{display:flex;align-items:center;gap:9px;min-height:34px;padding:7px 10px;border:1px solid #e7e8e9;border-radius:7px;font-weight:400;color:#30363b;cursor:pointer}.access-colors label:hover{background:#f6f6f5}.access-colors label:has(input:checked){border-color:var(--accent);background:#fff1eb}.access-colors input{width:15px;height:15px;margin:0;accent-color:var(--accent);flex-shrink:0}


body:is([data-access-color="light"],[data-access-color="dark"],[data-access-color="yellow"]) :is(.utility-bar,.utility-bar *,.fab,.fab *,.chat,.chat *){
  background-color:var(--bg)!important;
  color:var(--ink)!important;
  border-color:currentColor!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body:is([data-access-color="light"],[data-access-color="dark"],[data-access-color="yellow"]) :is(.fab,.chat,.utility-data,.utility-button){border:1px solid var(--ink)!important}
body:is([data-access-color="light"],[data-access-color="dark"],[data-access-color="yellow"]) .utility-lang button.is-active{outline:1px solid currentColor;text-decoration:underline;text-underline-offset:3px}
body:is([data-access-color="light"],[data-access-color="dark"],[data-access-color="yellow"]) :is(.utility-bar,.fab,.chat) :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--ink)!important;outline-offset:3px}
body[data-access-color="gray"] :is(.utility-bar,.fab,.chat){filter:grayscale(1)}

.header-search{width:min(620px,calc(100vw - 32px));border:1px solid #ddd;border-radius:14px;padding:28px;color:#111;background:#fff}.header-search::backdrop{background:#0008}.header-search form{display:flex;gap:12px;flex-wrap:wrap}.header-search label{width:100%;font-size:18px;font-weight:600}.header-search input{flex:1;min-width:160px;padding:12px;border:1px solid #ccc;border-radius:7px}.header-search .search-close{position:absolute;right:12px;top:5px;border:0;background:none;font-size:24px;cursor:pointer}.drawer[aria-hidden=true]{visibility:hidden}