.vsklo-image-banner{--vib-ink:#171717;position:relative;margin-top:var(--vib-top-spacing-desktop,48px)}.vsklo-image-banner *,.vsklo-image-banner *:before,.vsklo-image-banner *:after{box-sizing:border-box}.vsklo-image-banner__announcement{display:grid;min-height:36px;place-items:center;padding:7px 16px;background:var(--vib-announcement-bg,var(--vsklo-action-red,#d6001c));color:var(--vib-announcement-color,#fff);text-align:center;font-size:13px;font-weight:600;line-height:1.25}.vsklo-image-banner__announcement-mobile{display:none}.vsklo-image-banner__shell{position:relative;margin-inline:auto}.vsklo-image-banner--full .vsklo-image-banner__shell{width:100%;max-width:none;padding:0}.vsklo-image-banner__slider{display:block;position:relative;width:100%;aspect-ratio:var(--vib-ratio-desktop,3.5);overflow:hidden;background:#f3f3f8;touch-action:pan-y}.vsklo-image-banner__slider:not(.swiper-initialized)>.swiper-wrapper{display:flex;width:100%}.vsklo-image-banner__slider:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{flex:0 0 100%;width:100%}.vsklo-image-banner__slider:not(.swiper-initialized) .swiper-slide:not(:first-child){display:none}.vsklo-image-banner__slider>.swiper-wrapper,.vsklo-image-banner__slider .swiper-slide{height:100%}.vsklo-image-banner__slide-link{position:relative;display:block;width:100%;height:100%;color:inherit}.vsklo-image-banner__picture{display:block;width:100%;height:100%;overflow:hidden}.vsklo-image-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--vib-image-pos-desktop,center center);image-rendering:auto}.vsklo-image-banner__picture--contain{background:var(--vib-ink,#171717)}.vsklo-image-banner__picture--contain .vsklo-image-banner__image{object-fit:contain}.vsklo-image-banner__slide-title{position:absolute;z-index:2;bottom:22px;left:24px;max-width:calc(100% - 48px);color:var(--vib-slide-title-color,#fff);font-size:22px;font-weight:600;line-height:1.2;opacity:var(--vib-slide-title-opacity,1)}.vsklo-image-banner__slide-title.has-cta{bottom:82px}.vsklo-image-banner__slide-cta{position:absolute;z-index:3;bottom:24px;left:24px;width:max-content;max-width:calc(100% - 48px)}.vsklo-image-banner__slide-title.has-shadow{text-shadow:0 1px 8px rgba(0,0,0,.42)}.vsklo-image-banner--fixed .vsklo-image-banner__slider{min-height:var(--vib-height-desktop,420px);aspect-ratio:auto}.vsklo-image-banner--fixed .vsklo-image-banner__slider>.swiper-wrapper,.vsklo-image-banner--fixed .vsklo-image-banner__slider .swiper-slide,.vsklo-image-banner--fixed .vsklo-image-banner__slide-link,.vsklo-image-banner--fixed .vsklo-image-banner__picture{min-height:inherit}.vsklo-image-banner--fixed .vsklo-image-banner__picture{position:relative}.vsklo-image-banner--fixed .vsklo-image-banner__image{position:absolute;top:0;right:0;bottom:0;left:0}.vsklo-image-banner__placeholder{display:grid;width:100%;height:100%;min-height:280px;place-items:center;padding:24px;background:#f3f3f8;color:#555;text-align:center}.vsklo-image-banner__arrow{position:absolute;z-index:3;top:var(--vib-arrow-desktop-y,50%);display:var(--vib-arrow-desktop-display,grid);width:var(--vib-arrow-desktop-size,36px);height:var(--vib-arrow-desktop-size,36px);place-items:center;padding:0;transform:translateY(-50%);border:var(--vib-arrow-border-width,1px) solid var(--vib-arrow-border-color,#fff);border-radius:var(--vib-arrow-radius,50%);background:var(--vib-arrow-bg,rgba(23,23,23,.2));color:var(--vib-arrow-color,#fff);box-shadow:0 4px 14px #0000001f;-webkit-backdrop-filter:blur(var(--vib-arrow-blur,6px));backdrop-filter:blur(var(--vib-arrow-blur,6px));cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.vsklo-image-banner__arrow svg{display:block;width:var(--vib-arrow-icon-size,16px);height:var(--vib-arrow-icon-size,16px);pointer-events:none}.vsklo-image-banner__arrow--prev{left:var(--vib-arrow-desktop-offset,16px)}.vsklo-image-banner__arrow--next{right:var(--vib-arrow-desktop-offset,16px)}.vsklo-image-banner__arrow:not(:disabled):hover{background:var(--vib-arrow-hover-bg,#d6001c);border-color:var(--vib-arrow-hover-border,#d6001c);color:var(--vib-arrow-hover-color,#fff);box-shadow:0 7px 18px #00000038;transform:translateY(-50%) scale(1.04)}.vsklo-image-banner__arrow:not(:disabled):active{transform:translateY(-50%) scale(.97)}.vsklo-image-banner__arrow:disabled{cursor:default;opacity:.8;box-shadow:none}.vsklo-image-banner__arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}.vsklo-image-banner .vsklo-image-banner__pagination{position:absolute;z-index:3;right:0;bottom:14px;left:0;display:flex;width:100%;align-items:center;justify-content:center;gap:5px;font-size:0;line-height:0;transform:none}.vsklo-image-banner .vsklo-image-banner__pagination .swiper-pagination-bullet{display:block;flex:0 0 7px;width:7px;min-width:7px;max-width:7px;height:7px;min-height:7px;max-height:7px;margin:0;padding:0;border:0;border-radius:50%;background:#222;opacity:.35;box-shadow:none;transform:none;-webkit-appearance:none;appearance:none}.vsklo-image-banner .vsklo-image-banner__pagination .swiper-pagination-bullet-active{opacity:1}.vsklo-image-banner__catalog-button{position:relative;z-index:2;display:none;width:100%;min-height:66px;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border:1px solid #d8d8d8;border-radius:0;background:#fff;color:var(--vib-ink);font-family:inherit;font-size:17px;font-weight:600;line-height:1.25;text-decoration:none;cursor:pointer;transition:background-color .26s ease,border-color .26s ease,color .26s ease,transform .16s ease}.vsklo-image-banner__catalog-button svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8}@media(hover:hover)and (pointer:fine){.vsklo-image-banner__catalog-button:hover{background-color:#111;color:#fff;border-color:var(--vsklo-action-red,#d6001c)}}.vsklo-image-banner__catalog-button:active{background-color:#111;color:#fff;transform:scale(.985)}.vsklo-image-banner .vsklo-image-banner__drawer[hidden]{display:none}.vsklo-image-banner__drawer{position:fixed;z-index:2147483000;top:0;right:0;bottom:0;left:0}.vsklo-image-banner__drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0000007a;cursor:pointer}.vsklo-image-banner__drawer-panel{position:absolute;top:0;right:0;bottom:0;display:flex;width:min(440px,100%);flex-direction:column;padding:0;overflow:hidden;background:#fff;box-shadow:-12px 0 45px #0002;transform:translate(100%);transition:transform .28s ease}.vsklo-image-banner__drawer.is-open .vsklo-image-banner__drawer-panel{transform:translate(0)}.vsklo-image-banner__catalog-panels{position:relative;width:100%;flex:1 1 auto;min-height:0;overflow:hidden}.vsklo-image-banner .vsklo-image-banner__catalog-panels>.vsklo-image-banner__catalog-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;max-width:none;height:100%;margin:0;flex-direction:column;align-items:stretch;padding:0 22px 22px;overflow-x:hidden;overflow-y:auto;background:#fff;color:#171717;visibility:hidden;transform:none}.vsklo-image-banner .vsklo-image-banner__catalog-panels>.vsklo-image-banner__catalog-panel.is-before{transform:none}.vsklo-image-banner .vsklo-image-banner__catalog-panels>.vsklo-image-banner__catalog-panel.is-active{z-index:2;display:flex;visibility:visible;transform:none}.vsklo-image-banner__drawer-header{position:sticky;z-index:3;top:0;display:flex;width:100%;min-height:76px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e5e5e5;background:#fff}.vsklo-image-banner .vsklo-image-banner__drawer-header--nested{position:sticky;display:flex;width:100%;max-width:none;align-items:center;justify-content:center;padding-inline:52px}.vsklo-image-banner__drawer-header h2{margin:0;color:#171717;font-size:23px}.vsklo-image-banner__drawer-close,.vsklo-image-banner__drawer-back{display:grid;width:42px;height:42px;place-items:center;padding:0;border:0;background:#fff;color:#171717;font-size:32px;line-height:1;cursor:pointer}.vsklo-image-banner__drawer-back{position:absolute;left:0;flex:0 0 42px}.vsklo-image-banner__drawer-back svg{display:block;width:14px;height:14px}.vsklo-image-banner__drawer-close{justify-self:end;font-weight:300}.vsklo-image-banner .vsklo-image-banner__panel-title{display:inline-flex;width:auto;max-width:100%;min-width:0;align-items:center;justify-content:center;padding:10px 30px;border:1px solid transparent;border-radius:6px;background-color:var(--vsklo-action-red,#d6001c);color:#fff;text-align:center;text-decoration:none;font-size:16px;font-weight:600;line-height:1.2;opacity:1;visibility:visible}.vsklo-image-banner__panel-title .vsklo-image-banner__menu-arrow{display:none}.vsklo-image-banner .vsklo-image-banner__catalog-panel>.vsklo-image-banner__menu-list{display:grid;width:100%;max-width:none;margin:0;padding:20px 0 0}.vsklo-image-banner .vsklo-image-banner__catalog-panel .vsklo-image-banner__menu-link{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:none;min-height:62px;align-items:center;justify-content:stretch;gap:16px;margin:0;padding:13px 8px;border:0;border-bottom:1px solid #ededed;background:#fff;color:#171717;text-align:left;text-decoration:none;font-family:inherit;font-size:18px;font-weight:500;line-height:1.25;opacity:1;visibility:visible;cursor:pointer}.vsklo-image-banner .vsklo-image-banner__catalog-panel .vsklo-image-banner__menu-link>span:first-child{min-width:0;text-align:left}.vsklo-image-banner__menu-arrow{display:block;width:14px;height:14px;flex:0 0 14px}.vsklo-image-banner__collection{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;min-height:84px;padding:11px 0;border-bottom:1px solid #ededed;color:#171717;text-decoration:none;font-size:16px;font-weight:600}.vsklo-image-banner__collection img{display:block;width:62px;height:62px;border-radius:8px;object-fit:cover}.vsklo-image-banner__collection>span:last-child{font-size:20px}.vsklo-image-banner__seo{padding-top:24px;padding-bottom:24px;color:var(--vib-ink);font-size:15px;line-height:1.6}.vsklo-image-banner__seo>:first-child{margin-top:0}.vsklo-image-banner__seo>:last-child{margin-bottom:0}.vsklo-image-banner__catalog-button:focus-visible,.vsklo-image-banner__arrow:focus-visible,.vsklo-image-banner__drawer button:focus-visible,.vsklo-image-banner__drawer a:focus-visible{outline:3px solid currentColor;outline-offset:-2px}@media(min-width:768px){.vsklo-image-banner--desktop-catalog .vsklo-image-banner__catalog-button{display:flex}}@media(max-width:767px){.vsklo-image-banner__announcement{min-height:32px;padding:6px 10px;font-size:12px}.vsklo-image-banner__announcement-desktop{display:none}.vsklo-image-banner__announcement-mobile{display:inline}.vsklo-image-banner__slider{aspect-ratio:var(--vib-ratio-mobile,1.25)}.vsklo-image-banner--fixed .vsklo-image-banner__slider{min-height:var(--vib-height-mobile,260px);aspect-ratio:auto}.vsklo-image-banner__arrow{display:var(--vib-arrow-mobile-display,grid);top:var(--vib-arrow-mobile-y,50%);width:var(--vib-arrow-mobile-size,32px);height:var(--vib-arrow-mobile-size,32px)}.vsklo-image-banner__arrow--prev{left:var(--vib-arrow-mobile-offset,10px)}.vsklo-image-banner__arrow--next{right:var(--vib-arrow-mobile-offset,10px)}.vsklo-image-banner__image{object-position:var(--vib-image-pos-mobile,center center)}.vsklo-image-banner .vsklo-image-banner__pagination{bottom:8px}.vsklo-image-banner__slide-title{bottom:14px;left:16px;max-width:calc(100% - 32px);font-size:17px}.vsklo-image-banner__slide-title.has-cta{bottom:74px}.vsklo-image-banner__slide-cta{bottom:14px;left:16px;max-width:calc(100% - 32px)}.vsklo-image-banner__catalog-button{display:flex}.vsklo-image-banner--hide-mobile-catalog .vsklo-image-banner__catalog-button{display:none}.vsklo-image-banner__drawer-panel{top:auto;width:100%;height:min(82dvh,720px);padding:0;border-radius:18px 18px 0 0;transform:translateY(100%)}.vsklo-image-banner__drawer.is-open .vsklo-image-banner__drawer-panel{transform:translateY(0)}.vsklo-image-banner__catalog-panels>.vsklo-image-banner__catalog-panel{padding:0 18px calc(20px + env(safe-area-inset-bottom))}.vsklo-image-banner__drawer-header{min-height:70px}.vsklo-image-banner .vsklo-image-banner__catalog-panel>.vsklo-image-banner__menu-list{padding-top:0}.vsklo-image-banner__catalog-panel .vsklo-image-banner__menu-link{min-height:66px;padding:14px 4px;font-size:18px}}html.vsklo-image-catalog-open,body.vsklo-image-catalog-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.vsklo-image-banner__drawer-panel,.vsklo-image-banner__arrow,.vsklo-image-banner__catalog-button{transition:none}}@media(max-width:767px){.vsklo-image-banner{margin-top:var(--vib-top-spacing-mobile,24px)}}.vsklo-image-banner__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/566/assets/vsklo-image-catalog-banner.css.map */