/* main-page-block-2 meryosab electronics web devolper resume.meryosab.com */
/* Убирает стандартный вертикальный зазор Gutenberg между соседними HTML-блоками этой страницы. */
.wp-block-html:has(> .tvr-home[data-tvr-block-root="2"]){margin-block-start:0!important;margin-block-end:0!important}
/* Все правила изолированы внутри блока №2 и не меняют первый экран. */
.tvr-home[data-tvr-block-root="2"]{
  --tvr-home-bg:var(--tvr-bg,#0a1322);
  --tvr-home-surface:var(--tvr-surface,#101b2e);
  --tvr-home-surface-2:var(--tvr-surface-2,#16243a);
  --tvr-home-line:var(--tvr-line,rgba(255,255,255,.09));
  --tvr-home-line-strong:var(--tvr-line-strong,rgba(255,255,255,.16));
  --tvr-home-text:var(--tvr-text,#f3f6fa);
  --tvr-home-muted:var(--tvr-muted,#a8b5c7);
  --tvr-home-dim:var(--tvr-dim,#74849a);
  --tvr-home-accent:var(--tvr-accent,#28c4c8);
  --tvr-home-accent-soft:var(--tvr-accent-soft,rgba(40,196,200,.13));
  --tvr-home-font:var(--tvr-font,Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif);
  --tvr-home-container:var(--tvr-container,1540px);
  position:relative;
  width:100vw;
  max-width:100vw!important;
  margin:0 calc(50% - 50vw)!important;
  overflow:hidden;
  background:var(--tvr-home-bg);
  color:var(--tvr-home-text);
  font:400 16px/1.6 var(--tvr-home-font);
  letter-spacing:normal;
  isolation:isolate;
}
.tvr-home[data-tvr-block-root="2"],
.tvr-home[data-tvr-block-root="2"] *,
.tvr-home[data-tvr-block-root="2"] *::before,
.tvr-home[data-tvr-block-root="2"] *::after{box-sizing:border-box}
.tvr-home[data-tvr-block-root="2"] a{color:inherit;text-decoration:none}
.tvr-home[data-tvr-block-root="2"] svg{display:block;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tvr-home[data-tvr-block-root="2"] .tvr-home__symbols{position:absolute;width:0;height:0;overflow:hidden}
.tvr-home[data-tvr-block-root="2"] .tvr-container{width:100%;max-width:var(--tvr-home-container);margin:0 auto;padding:0 24px}
.tvr-home[data-tvr-block-root="2"] a:focus-visible{outline:3px solid color-mix(in srgb,var(--tvr-home-accent) 60%,transparent);outline-offset:-3px}
.tvr-b02{position:relative;border-block:1px solid var(--tvr-home-line);background:var(--tvr-home-bg)}
.tvr-b02::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--tvr-home-accent) 5%,transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--tvr-home-accent) 5%,transparent));content:"";pointer-events:none}
.tvr-b02__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:0!important;padding-bottom:0!important}
.tvr-b02__item{position:relative;min-width:0;min-height:126px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:22px 20px;border-right:1px solid var(--tvr-home-line);background:color-mix(in srgb,var(--tvr-home-surface) 56%,transparent);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.tvr-b02__item:first-child{border-left:1px solid var(--tvr-home-line)}
.tvr-b02__item::after{position:absolute;top:11px;right:13px;color:var(--tvr-home-dim);font-size:9px;font-weight:800;letter-spacing:.14em;line-height:1;content:attr(data-index)}
.tvr-b02__icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--tvr-home-accent) 24%,var(--tvr-home-line));border-radius:13px;background:var(--tvr-home-accent-soft);color:var(--tvr-home-accent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tvr-home-text) 6%,transparent)}
.tvr-b02__icon svg{width:23px!important;height:23px!important;stroke-width:1.8!important}
.tvr-b02__copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.tvr-b02__copy b{color:var(--tvr-home-text);font-size:14px;font-weight:850;letter-spacing:-.015em;line-height:1.25}
.tvr-b02__copy small{color:var(--tvr-home-muted);font-size:11px;line-height:1.4}
.tvr-b02 a.tvr-b02__item:hover{z-index:2;border-color:color-mix(in srgb,var(--tvr-home-accent) 35%,var(--tvr-home-line));background:color-mix(in srgb,var(--tvr-home-accent-soft) 70%,var(--tvr-home-surface));transform:translateY(-2px)}
.tvr-b02 a.tvr-b02__item:hover .tvr-b02__icon{border-color:color-mix(in srgb,var(--tvr-home-accent) 54%,var(--tvr-home-line));background:color-mix(in srgb,var(--tvr-home-accent) 18%,transparent)}
@media (prefers-reduced-motion:no-preference){
  .tvr-home[data-tvr-block-root="2"] [data-tvr-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
  .tvr-home[data-tvr-block-root="2"] [data-tvr-reveal].is-visible{opacity:1;transform:none}
}
@media (max-width:1180px){
  .tvr-b02__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tvr-b02__item:nth-child(4){border-left:1px solid var(--tvr-home-line)}
  .tvr-b02__item:nth-child(n+4){border-top:1px solid var(--tvr-home-line)}
  .tvr-b02__item:nth-child(5){grid-column:span 2}
}
@media (max-width:900px){
  .tvr-home[data-tvr-block-root="2"] .tvr-container{padding-inline:18px}
  .tvr-b02__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tvr-b02__item:nth-child(3),.tvr-b02__item:nth-child(5){border-left:1px solid var(--tvr-home-line)}
  .tvr-b02__item:nth-child(n+3){border-top:1px solid var(--tvr-home-line)}
  .tvr-b02__item:nth-child(4){border-left:0}
  .tvr-b02__item:nth-child(5){grid-column:1/-1}
}
@media (max-width:640px){
  .tvr-home[data-tvr-block-root="2"]{font-size:15px}
  .tvr-home[data-tvr-block-root="2"] .tvr-container{padding-inline:14px}
  .tvr-b02__grid{display:flex;overflow-x:auto;padding-left:14px!important;padding-right:14px!important;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
  .tvr-b02__grid::-webkit-scrollbar{display:none}
  .tvr-b02__item{flex:0 0 218px;min-height:112px;padding:18px 16px;border-top:0!important;border-left:0!important;scroll-snap-align:start}
  .tvr-b02__item:first-child{border-left:1px solid var(--tvr-home-line)!important}
  .tvr-b02__item:last-child{border-right:1px solid var(--tvr-home-line)}
  .tvr-b02__icon{width:42px;height:42px;border-radius:12px}
  .tvr-b02__icon svg{width:21px!important;height:21px!important}
  .tvr-b02__copy b{font-size:13px}
  .tvr-b02__copy small{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  .tvr-home[data-tvr-block-root="2"] *,
  .tvr-home[data-tvr-block-root="2"] *::before,
  .tvr-home[data-tvr-block-root="2"] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}