.v2-gal{position:relative;min-width:0;width:100%;overflow:hidden;background:#0b0b0b}.v2-gal__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:0}.v2-gal__item,.v2-gal__item:first-child{flex:0 0 100%;aspect-ratio:1/1;grid-column:auto;border-radius:0;background:#0b0b0b}.v2-gal__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease,ease)}@media(hover:hover){.v2-gal:hover .v2-gal__item img{transform:scale(1.025)}}.v2-gal__item--label{display:grid;place-items:center;container-type:inline-size;isolation:isolate}.v2-gal__item--label:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:-1;background:url(rok-v2-gal-fruit-front.webp) center/cover;filter:blur(18px) saturate(1.2) brightness(.55)}.v2-label--gal{width:78cqw;padding:3.4cqw 4.4cqw;box-shadow:0 30px 70px #0000008c}.v2-label--gal:after{display:none}.v2-label--gal .v2-label__top{padding-bottom:1.6cqw;border-bottom-width:1.4cqw}.v2-label--gal .v2-label__top h3{font-size:5.6cqw}.v2-label--gal .v2-label__top img{width:9cqw}.v2-label--gal .v2-label__meta{padding:1.3cqw 0;font-size:max(9px,1.7cqw);border-bottom-width:.6cqw}.v2-label--gal .v2-label__th{padding:1.1cqw 0 .8cqw;font-size:max(8px,1.4cqw)}.v2-label--gal .v2-lrow{padding:1.15cqw 0 1.05cqw;gap:.3cqw 2cqw}.v2-label--gal .v2-lrow:before{display:none}.v2-label--gal .v2-lrow b{font-size:max(12px,2.5cqw)}.v2-label--gal .v2-lrow small{font-size:max(9px,1.6cqw)}.v2-label--gal .v2-lrow .v2-num{font-size:4.6cqw}.v2-label--gal .v2-lrow--total{padding:1.4cqw 0;border-bottom-width:1.4cqw}.v2-label--gal .v2-lrow--total b{font-size:max(11px,2.5cqw)}.v2-label--gal .v2-lrow--rest b{font-size:max(11px,2.2cqw)}.v2-label--gal .v2-lrow--rest .v2-num{font-size:3.4cqw}.v2-label--gal .v2-label__foot{padding-top:1.5cqw;font-size:max(8px,1.4cqw)}.v2-label--gal .v2-label__foot strong{font-size:max(9px,1.7cqw)}@container (max-width:600px){.v2-label--gal{width:84cqw;padding:4cqw 5cqw}.v2-label--gal .v2-label__top{padding-bottom:1.6cqw}.v2-label--gal .v2-label__top h3{font-size:5.3cqw;white-space:nowrap}.v2-label--gal .v2-label__top img{width:9cqw;flex:none}.v2-label--gal .v2-label__th,.v2-label--gal .v2-lrow small{display:none}.v2-label--gal .v2-label__meta{font-size:2.3cqw;padding:1.6cqw 0}.v2-label--gal .v2-lrow{padding:1.3cqw 0 1.1cqw}.v2-label--gal .v2-lrow b{font-size:3.6cqw}.v2-label--gal .v2-lrow .v2-num{grid-row:auto;font-size:5.4cqw}.v2-label--gal .v2-lrow--total{padding:1.8cqw 0}.v2-label--gal .v2-lrow--total b{font-size:3.2cqw}.v2-label--gal .v2-lrow--rest b{font-size:3cqw}.v2-label--gal .v2-lrow--rest .v2-num{font-size:4cqw}.v2-label--gal .v2-label__foot{font-size:2.1cqw;padding-top:1.6cqw}.v2-label--gal .v2-label__foot strong{font-size:2.6cqw}}.v2-gal__arw{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:52px;height:52px;margin-top:-26px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#0b0b0b73;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s,border-color .25s,opacity .25s,transform .25s}.v2-gal__arw--prev{left:18px}.v2-gal__arw--next{right:18px}.v2-gal__arw:hover{background:#0b0b0bbf;border-color:#fff}.v2-gal__arw:active{transform:scale(.94)}.v2-gal__arw:disabled{opacity:0;pointer-events:none}.v2-gal__arw:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(hover:none){.v2-gal__arw{display:none}}@media(max-width:600px){.v2-gal__arw{width:40px;height:40px;margin-top:-20px}.v2-gal__arw--prev{left:8px}.v2-gal__arw--next{right:8px}}.v2-gal__count{position:absolute;bottom:10px;right:14px;z-index:2;margin:0;padding:5px 10px;border-radius:99px;background:#0b0b0b80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--rok-data);font-size:11px;letter-spacing:.08em;color:#ffffffb3}.v2-gal__count b{color:#fff;font-weight:600}.v2-gal__dots,.v2-gal .v2-gal__dots{display:flex;position:absolute;left:0;right:0;bottom:16px;z-index:2;justify-content:center;gap:6px}.v2-gal__dots i{width:18px;height:3px;border-radius:2px;background:#fff6;box-shadow:0 1px 4px #0006}.v2-gal__dots i.is-on{width:34px;background:#fff}@media(min-width:1001px){.v2-pdp{max-width:none;margin:0;padding:20px 20px 0;gap:20px;grid-template-columns:minmax(0,1fr) clamp(400px,30vw,600px);align-items:start}.v2-gal{overflow:visible;background:none;position:sticky;top:20px;height:calc(100svh - var(--v2-gal-top,146px));min-height:500px}.v2-gal__track{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1.15fr) minmax(0,1fr);gap:16px;overflow:visible;scroll-snap-type:none}.v2-gal__item,.v2-gal__item:first-child{flex:none;aspect-ratio:auto;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #00000014,0 14px 34px -14px #00000059;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.v2-gal__item:hover{transform:translateY(-4px);box-shadow:0 2px 4px #00000014,0 24px 48px -16px #00000073}.v2-gal__item:nth-child(1),.v2-gal__item:nth-child(2){grid-area:1/1/3/3;transition:opacity .8s ease,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.v2-gal.has-hero .v2-gal__item:nth-child(1),.v2-gal.has-hero .v2-gal__item:nth-child(2){opacity:0;pointer-events:none}.v2-gal.has-hero .v2-gal__item.is-hero{opacity:1;pointer-events:auto}.v2-gal__item--label{padding:0 24px 112px}.v2-gal__item:nth-child(3){grid-area:1/3/2/5}.v2-gal__item:nth-child(4){grid-area:2/3/3/4}.v2-gal__item:nth-child(5){grid-area:2/4/3/5}.v2-gal__item:nth-child(1) img{object-position:50% 50%}.v2-gal__item:nth-child(3) img{object-position:50% 38%}.v2-gal__item:nth-child(4) img{object-position:50% 50%}.v2-gal__item:nth-child(5) img{object-position:62% 50%}.v2-gal:hover .v2-gal__item img{transform:none}.v2-gal__arw,.v2-gal__count,.v2-gal .v2-gal__dots{display:none}.v2-hero{position:absolute;z-index:3;bottom:24px;left:40px;display:flex;gap:12px}.v2-hero__th{position:relative;display:block;width:68px;height:68px;padding:0;border:0;border-radius:12px;background:#f4f4f2;cursor:pointer;opacity:.62;box-shadow:0 0 0 1px #00000014,0 10px 24px -10px #0000008c;transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.v2-hero__th:hover{opacity:.9;transform:translateY(-2px)}.v2-hero__th.is-on{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000002e,0 12px 28px -10px #0009}.v2-hero__th:focus{outline:none}.v2-hero__th:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #0b0b0b}.v2-hero__th img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:12px}.v2-hero__mini{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px;background:#ececea}.v2-hero__mini-in{position:absolute;left:50%;top:50%;width:400px;container-type:inline-size;transform:translate(-50%,-50%) scale(.17);pointer-events:none}.v2-hero__mini-in .v2-label--gal{margin:0 auto;box-shadow:none}.rok-v3 .v2-hero__mini{background:#ececea}html:not(.rok-v3) .v2-hero__mini{background:#1a1a1a}.v2-hero__ln{position:absolute;left:8px;right:8px;bottom:-7px;height:2px;border-radius:2px;background:#ffffff59;overflow:hidden;opacity:0;transition:opacity .3s}.v2-hero__th.is-on .v2-hero__ln{opacity:1}.v2-hero__ln b{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(var(--p,0));transform-origin:left}.rok-v3 .v2-hero__ln{background:#00000026}.rok-v3 .v2-hero__ln b{background:#0b0b0b}html:not(.rok-v3) .v2-gal__item{box-shadow:0 0 0 1px #ffffff14,0 18px 40px -18px #000000e6}.rok-v3 .v2-gal{background:none}.v2-gal__item--label:before{display:none}.v2-gal__item--label{background:#1a1a1a}.rok-v3 .v2-gal__item--label{background:#ececea}.rok-v3 .v2-label--gal{box-shadow:0 18px 40px -18px #00000059}}@media(max-width:1000px){.v2-hero{display:none}}@media(max-width:1000px){.rok-v3 .v2-gal,.rok-v3 .v2-gal__item{background:#0b0b0b}}.rok-v3 .v2-gal__dots i{background:#fff6}.rok-v3 .v2-gal__dots i.is-on{background:#fff}@media(max-width:900px)and (orientation:landscape)and (max-height:500px){.v2-gal{max-width:82svh;margin-inline:auto}}.v2-gal__item picture{display:contents}
/*# sourceMappingURL=/cdn/shop/t/3/assets/rok-v2-gal.css.map */