/* main-page-block-34 meryosab electronics web devolper resume.meryosab.com */
.wp-block-html:has(> .home-page-block-34[data-home-page-block-34-root="34"]){margin-block-start:0!important;margin-block-end:0!important}
.home-page-block-34[data-home-page-block-34-root="34"]{
 --h34-bg:var(--tvr-bg,#f5f7fa);--h34-surface:var(--tvr-surface,#fff);--h34-surface-2:var(--tvr-surface-2,#edf2f6);
 --h34-line:var(--tvr-line,rgba(16,38,65,.10));--h34-line-strong:var(--tvr-line-strong,rgba(16,38,65,.18));
 --h34-text:var(--tvr-text,#17283b);--h34-muted:var(--tvr-muted,#5b6e82);--h34-dim:var(--tvr-dim,#8090a0);
 --h34-accent:var(--tvr-accent,#087f87);--h34-accent-soft:var(--tvr-accent-soft,rgba(8,127,135,.10));
 --h34-cta:var(--tvr-cta,#f47a29);--h34-cta-hover:var(--tvr-cta-hover,#ff8f48);--h34-font:var(--tvr-font,Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif);
 position:relative;width:100vw;max-width:100vw!important;margin:0 calc(50% - 50vw)!important;overflow:hidden;background:var(--h34-bg);color:var(--h34-text);font:400 16px/1.55 var(--h34-font);isolation:isolate
}
.home-page-block-34[data-home-page-block-34-root="34"] *,
.home-page-block-34[data-home-page-block-34-root="34"] *::before,
.home-page-block-34[data-home-page-block-34-root="34"] *::after{box-sizing:border-box;min-width:0}
.home-page-block-34[data-home-page-block-34-root="34"] a{color:inherit;text-decoration:none}
.home-page-block-34[data-home-page-block-34-root="34"] button,.home-page-block-34[data-home-page-block-34-root="34"] input{font:inherit}
.home-page-block-34[data-home-page-block-34-root="34"] button{color:inherit}
.home-page-block-34[data-home-page-block-34-root="34"] svg{display:block;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page-block-34__symbols{position:absolute;width:0;height:0;overflow:hidden}
.home-page-block-34__section{padding:58px 0 64px;background:linear-gradient(180deg,var(--h34-surface),var(--h34-bg) 72%)}
.home-page-block-34__container{width:100%;max-width:1540px;margin:0 auto;padding:0 24px}
.home-page-block-34__head{max-width:940px;margin-bottom:24px}
.home-page-block-34__kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;color:var(--h34-accent);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-page-block-34__head h2{margin:0 0 11px;color:var(--h34-text);font:900 clamp(31px,3vw,44px)/1.05 var(--h34-font);letter-spacing:-.04em;text-wrap:balance}
.home-page-block-34__head p{max-width:820px;margin:0;color:var(--h34-muted);font-size:15px;line-height:1.65}
.home-page-block-34__shell{display:grid;grid-template-columns:minmax(420px,.94fr) minmax(0,1.06fr);gap:18px;align-items:stretch}
.home-page-block-34__map-card,.home-page-block-34__directory{border:1px solid var(--h34-line);border-radius:22px;background:var(--h34-surface);box-shadow:0 18px 54px rgba(20,39,58,.08);overflow:hidden}
.home-page-block-34__map-card{display:flex;min-height:560px;flex-direction:column}
.home-page-block-34__map-wrap{position:relative;flex:1 1 auto;min-height:445px;background:var(--h34-surface-2);overflow:hidden}
.home-page-block-34__map{display:block;width:100%;height:100%;min-height:445px;border:0}
.home-page-block-34__map-open{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid rgba(255,255,255,.36);border-radius:11px;background:rgba(8,25,39,.84);color:#fff!important;font-size:10px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.17);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}
.home-page-block-34__map-open:hover{transform:translateY(-1px);background:rgba(8,25,39,.96)}
.home-page-block-34__map-open svg{width:15px;height:15px}
.home-page-block-34__office{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border-top:1px solid var(--h34-line);background:linear-gradient(180deg,var(--h34-surface),color-mix(in srgb,var(--h34-surface) 88%,var(--h34-bg)))}
.home-page-block-34__office-icon{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:var(--h34-accent-soft);color:var(--h34-accent)}
.home-page-block-34__office-icon svg{width:20px;height:20px}
.home-page-block-34__office-copy strong{display:block;margin-bottom:3px;color:var(--h34-text);font-size:14px;font-weight:900}
.home-page-block-34__office-address{display:inline-flex;align-items:center;gap:5px;color:var(--h34-muted)!important;font-size:11px;line-height:1.45;transition:color .18s ease}
.home-page-block-34__office-address:hover{color:var(--h34-accent)!important}
.home-page-block-34__office-address svg{width:13px;height:13px;flex:0 0 auto}
.home-page-block-34__office-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.home-page-block-34__office-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--h34-line-strong);border-radius:10px;background:var(--h34-surface);color:var(--h34-text)!important;font-size:10px;font-weight:900;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.home-page-block-34__office-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--h34-accent) 45%,var(--h34-line));background:var(--h34-accent-soft);color:var(--h34-accent)!important}
.home-page-block-34__office-action--route{border-color:var(--h34-accent);background:var(--h34-accent);color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--h34-accent) 18%,transparent)}
.home-page-block-34__office-action--route:hover{border-color:var(--h34-accent);background:color-mix(in srgb,var(--h34-accent) 90%,#000);color:#fff!important}
.home-page-block-34__office-action svg{width:13px;height:13px;flex:0 0 auto}
.home-page-block-34__directory{display:flex;min-height:560px;padding:16px;flex-direction:column}
.home-page-block-34__toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}
.home-page-block-34__toolbar>*{box-sizing:border-box}
.home-page-block-34__back{display:none;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:1px solid var(--h34-line);border-radius:11px;background:var(--h34-surface-2);color:var(--h34-accent);cursor:pointer;transition:transform .18s ease,border-color .18s ease}
.home-page-block-34__back.is-visible{display:flex}
.home-page-block-34__back:hover{transform:translateX(-1px);border-color:color-mix(in srgb,var(--h34-accent) 38%,var(--h34-line))}
.home-page-block-34__search-row{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;width:100%;height:40px;min-height:40px;padding:0 11px;border:1px solid var(--h34-line);border-radius:11px;background:var(--h34-surface-2);cursor:text;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.home-page-block-34__search-row:hover{border-color:color-mix(in srgb,var(--h34-accent) 32%,var(--h34-line))}
.home-page-block-34__search-row:focus-within{border-color:var(--h34-accent);background:var(--h34-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--h34-accent) 10%,transparent)}
.home-page-block-34__search-row>svg{width:15px;height:15px;color:var(--h34-muted);flex:0 0 auto}
.home-page-block-34__search{display:block;width:100%;height:38px;min-height:0;padding:0;border:0;outline:0;background:transparent;color:var(--h34-text);font-size:12px;line-height:38px;appearance:none;-webkit-appearance:none}
.home-page-block-34__search::placeholder{color:var(--h34-dim)}
.home-page-block-34__toolbar-call{display:inline-flex;height:40px;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--h34-accent);border-radius:11px;background:var(--h34-accent);color:#fff!important;font-size:10px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 7px 18px color-mix(in srgb,var(--h34-accent) 16%,transparent);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.home-page-block-34__toolbar-call:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--h34-accent) 90%,#000);border-color:var(--h34-accent);color:#fff!important}
.home-page-block-34__toolbar-call svg{width:15px;height:15px;flex:0 0 auto}
.home-page-block-34__path{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px 11px}
.home-page-block-34__crumbs{display:flex;align-items:center;gap:6px;min-width:0;color:var(--h34-muted);font-size:10px}
.home-page-block-34__crumbs strong,.home-page-block-34__crumbs a{overflow:hidden;color:var(--h34-text)!important;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.home-page-block-34__crumbs a:hover{color:var(--h34-accent)!important}
.home-page-block-34__crumbs svg{width:11px;height:11px;color:var(--h34-dim);flex:0 0 auto}
.home-page-block-34__locations{display:grid;grid-template-columns:minmax(0,1fr) 6px;gap:9px;min-height:0;flex:1 1 auto;overflow:hidden}
.home-page-block-34__list{display:flex;max-height:445px;min-height:0;flex-direction:column;gap:7px;overflow-y:auto;overflow-x:hidden;padding:1px 1px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.home-page-block-34__list::-webkit-scrollbar{display:none}
.home-page-block-34__region{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;min-height:72px;padding:7px;border:1px solid var(--h34-line);border-radius:14px;background:var(--h34-surface);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.home-page-block-34__region:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--h34-accent) 32%,var(--h34-line));box-shadow:0 9px 24px rgba(20,39,58,.06)}
.home-page-block-34__region-main{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:4px 5px;border-radius:10px;transition:background .18s ease}
.home-page-block-34__region-main:hover{background:var(--h34-accent-soft)}
.home-page-block-34__region-icon,.home-page-block-34__district-icon{display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--h34-accent-soft);color:var(--h34-accent)}
.home-page-block-34__region-icon{width:40px;height:40px}
.home-page-block-34__region-copy strong{display:block;color:var(--h34-text);font-size:12.5px;font-weight:900;line-height:1.25}
.home-page-block-34__region-copy span{display:block;margin-top:4px;color:var(--h34-muted);font-size:9px;line-height:1.3}
.home-page-block-34__region-arrow{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:9px;color:var(--h34-dim);transition:color .18s ease,transform .18s ease}
.home-page-block-34__region-main:hover .home-page-block-34__region-arrow{color:var(--h34-accent);transform:translateX(1px)}
.home-page-block-34__region-arrow svg{width:13px;height:13px}
.home-page-block-34__explore{display:inline-flex;min-width:94px;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--h34-accent) 28%,var(--h34-line));border-radius:10px;background:var(--h34-accent-soft);color:var(--h34-accent);font-size:9.5px;font-weight:900;cursor:pointer;transition:background .18s ease,transform .18s ease}
.home-page-block-34__explore:hover{transform:translateX(1px);background:color-mix(in srgb,var(--h34-accent) 16%,transparent)}
.home-page-block-34__explore svg{width:12px;height:12px}
.home-page-block-34__district{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:66px;padding:8px 10px;border:1px solid var(--h34-line);border-radius:14px;background:var(--h34-surface);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.home-page-block-34__district:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--h34-accent) 34%,var(--h34-line));background:color-mix(in srgb,var(--h34-accent-soft) 34%,var(--h34-surface));box-shadow:0 8px 22px rgba(20,39,58,.06)}
.home-page-block-34__district-icon{width:40px;height:40px}
.home-page-block-34__district-copy strong{display:block;color:var(--h34-text);font-size:11.5px;font-weight:900;line-height:1.25}
.home-page-block-34__district-copy span{display:block;margin-top:4px;color:var(--h34-muted);font-size:8.5px;line-height:1.3}
.home-page-block-34__district-go{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;background:var(--h34-accent-soft);color:var(--h34-accent)}
.home-page-block-34__district-go svg{width:13px;height:13px}
.home-page-block-34__district:hover .home-page-block-34__district-go{background:var(--h34-accent);color:#fff}
.home-page-block-34__empty{padding:20px;border:1px dashed var(--h34-line-strong);border-radius:14px;background:var(--h34-surface-2);color:var(--h34-muted);font-size:11px;text-align:center}
.home-page-block-34__scrollbar{position:relative;width:6px;min-height:100%;overflow:hidden;border-radius:999px;background:var(--h34-line)}
.home-page-block-34__scrollbar-thumb{position:absolute;top:0;left:0;width:6px;min-height:42px;border-radius:999px;background:var(--h34-accent);transition:height .12s linear,transform .12s linear}
.home-page-block-34__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:12px;padding:12px 2px 0;border-top:1px solid var(--h34-line)}
.home-page-block-34__footer p{margin:0;color:var(--h34-muted);font-size:10px;line-height:1.45}
.home-page-block-34__cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid var(--h34-cta);border-radius:11px;background:var(--h34-cta);color:#fff!important;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 9px 22px color-mix(in srgb,var(--h34-cta) 18%,transparent);transition:transform .18s ease,background .18s ease}
.home-page-block-34__cta:hover{transform:translateY(-1px);background:var(--h34-cta-hover)}
.home-page-block-34__cta svg{width:13px;height:13px}
:root[data-tvr-theme="dark"] .home-page-block-34[data-home-page-block-34-root="34"],body[data-tvr-theme="dark"] .home-page-block-34[data-home-page-block-34-root="34"],.tvr-dark .home-page-block-34[data-home-page-block-34-root="34"]{
 --h34-bg:var(--tvr-bg,#08131f);--h34-surface:var(--tvr-surface,#0f1e2d);--h34-surface-2:var(--tvr-surface-2,#14283a);--h34-line:var(--tvr-line,rgba(222,239,255,.10));--h34-line-strong:var(--tvr-line-strong,rgba(222,239,255,.18));--h34-text:var(--tvr-text,#f2f7fb);--h34-muted:var(--tvr-muted,#9cb0c3);--h34-dim:var(--tvr-dim,#73879b)
}
:root[data-tvr-theme="dark"] .home-page-block-34__map-card,:root[data-tvr-theme="dark"] .home-page-block-34__directory,body[data-tvr-theme="dark"] .home-page-block-34__map-card,body[data-tvr-theme="dark"] .home-page-block-34__directory{box-shadow:0 22px 62px rgba(0,0,0,.24)}
.home-page-block-34[data-home-page-block-34-root="34"] a:focus-visible,.home-page-block-34[data-home-page-block-34-root="34"] button:focus-visible,.home-page-block-34[data-home-page-block-34-root="34"] input:focus-visible{outline:3px solid color-mix(in srgb,var(--h34-accent) 60%,transparent);outline-offset:3px}
@media(max-width:1080px){.home-page-block-34__shell{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}}
@media(max-width:900px){
 .home-page-block-34__section{padding:52px 0 58px}.home-page-block-34__container{padding-inline:18px}.home-page-block-34__shell{grid-template-columns:1fr}
 .home-page-block-34__map-card,.home-page-block-34__directory{min-height:0}.home-page-block-34__map-wrap,.home-page-block-34__map{min-height:330px}.home-page-block-34__list{max-height:470px}
}
@media(max-width:640px){
 .home-page-block-34__section{padding:44px 0 50px}.home-page-block-34__container{padding-inline:13px}.home-page-block-34__head{margin-bottom:19px}.home-page-block-34__head h2{font-size:31px}.home-page-block-34__head p{font-size:13px}
 .home-page-block-34__map-card,.home-page-block-34__directory{border-radius:18px}.home-page-block-34__map-wrap,.home-page-block-34__map{min-height:270px}
 .home-page-block-34__office{grid-template-columns:40px minmax(0,1fr);padding:13px}.home-page-block-34__office-icon{width:40px;height:40px;border-radius:12px}.home-page-block-34__office-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}.home-page-block-34__office-action{width:100%}
 .home-page-block-34__directory{padding:12px}.home-page-block-34__toolbar{gap:6px}.home-page-block-34__back{width:40px;height:40px}.home-page-block-34__search-row,.home-page-block-34__toolbar-call{height:40px;min-height:40px}.home-page-block-34__toolbar-call{width:40px;padding:0;gap:0}.home-page-block-34__toolbar-call span{display:none}.home-page-block-34__toolbar-call svg{display:block;width:18px;height:18px;color:#fff!important;stroke:#fff!important;opacity:1;visibility:visible;flex:0 0 18px}.home-page-block-34__locations{grid-template-columns:1fr}.home-page-block-34__scrollbar{display:none}.home-page-block-34__list{max-height:480px}
 .home-page-block-34__region{grid-template-columns:minmax(0,1fr) 82px;min-height:70px;padding:6px}.home-page-block-34__region-main{grid-template-columns:38px minmax(0,1fr) 24px;gap:8px;padding:4px}.home-page-block-34__region-icon{width:38px;height:38px}.home-page-block-34__explore{min-width:82px;padding-inline:7px}
 .home-page-block-34__footer{grid-template-columns:1fr}.home-page-block-34__cta{width:100%}
}
@media(max-width:390px){.home-page-block-34__region{grid-template-columns:1fr}.home-page-block-34__explore{width:100%;min-height:36px}}
@media(prefers-reduced-motion:reduce){.home-page-block-34[data-home-page-block-34-root="34"] *,.home-page-block-34[data-home-page-block-34-root="34"] *::before,.home-page-block-34[data-home-page-block-34-root="34"] *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}