.vtop{--vtop-orange:#ed741b;--vtop-gap:22px;--vtop-cols:4;box-sizing:border-box;padding:52px 32px 32px;background:#fff;color:#17191e;border-radius:10px;font-family:inherit;min-width:0}
.vtop *{box-sizing:border-box}.vtop.vtop--orange{background:var(--vtop-orange);color:#fff}.vtop__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.vtop .vtop__header h2{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.025em;font-weight:700;margin:0 0 10px;color:inherit}.vtop .vtop__header p{font-size:16px;line-height:1.5;color:inherit;opacity:.8;margin:0}.vtop__arrows{display:flex;gap:10px;flex-shrink:0}.vtop .vtop__arrows button{display:grid;place-items:center;padding:0;width:46px;height:46px;border:1px solid #a4a8ae;border-radius:50%;font-size:32px;font-weight:400;line-height:1;background:transparent;color:inherit;cursor:pointer;box-shadow:none}.vtop--orange .vtop__arrows button{border-color:currentColor}.vtop .vtop__arrows button:disabled{opacity:.32;cursor:default}.vtop .vtop__arrows button:hover:not(:disabled){background:#0000000d}.vtop .vtop__arrows button:focus-visible,.vtop a:focus-visible,.vtop__track:focus-visible,.vtop .vtop__dot:focus-visible{outline:3px solid currentColor;outline-offset:4px}.vtop__track{display:flex;gap:var(--vtop-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#92929266 transparent;padding:2px 2px 14px;-webkit-overflow-scrolling:touch}.vtop__track.vtop__enhanced{scrollbar-width:none}.vtop__track.vtop__enhanced::-webkit-scrollbar{display:none}.vtop .vtop__card{flex:0 0 calc((100% - (var(--vtop-cols) - 1)*var(--vtop-gap))/var(--vtop-cols));min-width:0;scroll-snap-align:start;background:#fff;color:#17191e;border:1px solid #e2e4e8;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 10px #00000004}.vtop--orange .vtop__card{box-shadow:0 7px 20px #78310016;border-color:#ffffff80}.vtop .vtop__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;margin:10px 10px 0;background:#f4f4f4;border-radius:6px;overflow:hidden;text-decoration:none}.vtop .vtop__image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}.vtop__card:hover .vtop__image img{transform:scale(1.035)}.vtop__placeholder{font-size:14px;color:#6c7179}.vtop__body{display:flex;flex:1;flex-direction:column;padding:20px 18px}.vtop .vtop__body h3{font-size:19px;font-weight:650;line-height:1.3;margin:0 0 22px;overflow-wrap:anywhere;color:#17191e}.vtop .vtop__body h3 a{color:inherit;text-decoration:none}.vtop .vtop__specs{display:flex;gap:14px;margin:auto 0 22px;padding:0;min-height:49px;flex-wrap:wrap}.vtop__specs>div{flex:1;min-width:70px}.vtop__specs>div+div{border-left:1px solid #e3e5e8;padding-left:14px}.vtop .vtop__specs dt{color:#777e89;font-size:11px;font-weight:700;letter-spacing:.07em;margin:0 0 7px;line-height:1.4}.vtop .vtop__specs dd{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere;font-weight:400}.vtop .vtop__link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e6e7e9;padding-top:17px;font-size:15px;font-weight:600;color:#b84a00;text-decoration:none}.vtop .vtop__link:hover{text-decoration:underline}.vtop__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.vtop .vtop__dot{padding:0;width:12px;height:12px;min-width:12px;background:#dddfe3;border:0;border-radius:50%;box-shadow:none;cursor:pointer}.vtop .vtop__dot[aria-current=true]{background:var(--vtop-orange)}.vtop--orange .vtop__dot{background:#ffffff66}.vtop--orange .vtop__dot[aria-current=true]{background:#fff}.vtop .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vtop__arrows[hidden],.vtop__dots[hidden]{display:none!important}@media(max-width:1024px){.vtop{--vtop-cols:2;padding:36px 24px 28px}}@media(max-width:600px){.vtop{--vtop-cols:1;padding:28px 18px 24px}.vtop__header{gap:12px;align-items:flex-start}.vtop .vtop__header p{font-size:14px}.vtop__arrows{gap:6px}.vtop .vtop__arrows button{width:36px;height:36px;font-size:27px}.vtop__body{padding:20px}.vtop .vtop__body h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.vtop .vtop__image img{transition:none}}
