.gallery{grid-template-columns:80px 1fr;align-items:start;gap:16px;display:grid}.gallery--single{grid-template-columns:1fr;gap:0}@media (max-width:820px){.gallery{grid-template-columns:1fr}}.gallery-thumbs{flex-direction:column;gap:10px;display:flex}@media (max-width:820px){.gallery-thumbs{flex-flow:wrap;order:2}}.gallery-thumb{cursor:pointer;background:#fff;border:2px solid #e5ebf2;border-radius:12px;flex-shrink:0;place-items:center;width:80px;height:80px;transition:border-color .15s;display:grid;overflow:hidden}.gallery-thumb.is-active{border-color:#157abf}.gallery-thumb:hover:not(.is-active){border-color:#d2e7f5}.gallery-thumb:focus-visible{outline-offset:2px;outline:2px solid #157abf}.gallery-thumb img{display:block}.gallery-thumb__placeholder{background:#e2e8f0;border-radius:8px;width:70%;height:70%}.gallery-main{aspect-ratio:1;background:#fff;border:1px solid #e5ebf2;border-radius:22px;width:100%;max-height:620px;position:relative;overflow:hidden}@media (max-width:820px){.gallery-main{order:1;max-height:480px}}.gallery-main .slider,.gallery-main .slider__viewport,.gallery-main .swiper-wrapper,.gallery-main .slider .swiper-slide{height:100%}.gallery-main .slider__arrow{background:#ffffffe6;width:40px;height:40px}.gallery-main .slider__arrow--prev{left:12px}.gallery-main .slider__arrow--next{right:12px}.gallery-main .slider__arrow svg{width:18px;height:18px}.gallery-main .slider__dots{z-index:3;margin:0;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.gallery-main .badges{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;top:20px;left:20px}.gallery-slide{width:100%;height:100%;position:relative}.gallery-slide__img{object-fit:contain;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply;width:80%;height:80%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-slide__img--cover{object-fit:cover;mix-blend-mode:normal;width:100%;height:100%;top:0;left:0;transform:none}.gallery-slide__illu{width:75%;height:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge-pill{letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#0b1b2b;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700}.badge-pill.sale{background:#d23b3b}.badge-pill.new{color:#0b1b2b;background:#aabd12}.badge-pill.hit{background:#157abf}