.collino-willys{--willys-position: 50%;--willys-ink: #f7f7f7;--willys-surface: #121212;display:block;position:relative;isolation:isolate;padding:clamp(32px,5vw,72px) 16px 24px;color:var(--willys-ink);background:var(--willys-surface)}.collino-willys .collino-willys__inner{position:relative;max-width:1320px;margin-inline:auto;display:grid;gap:24px;align-items:center}.collino-willys .collino-willys__ambience{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.collino-willys .collino-willys__ambience img{width:calc(100% + 48px);height:calc(100% + 48px);max-width:none;margin:-24px;object-fit:cover;filter:blur(12px);opacity:.22}.collino-willys .collino-willys__ambience:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1212124d,#12121240 50%,#121212)}.collino-willys .collino-willys__copy{min-width:0}.collino-willys .collino-willys__media{min-width:0;width:100%;max-width:min(100%,max(200px,calc((100svh - 220px)*1.7768)));justify-self:center}.collino-willys .collino-willys__header{margin:0}.collino-willys .collino-willys__header h2{margin:0;color:inherit;font-size:clamp(25px,5.8vw,38px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:break-word}.collino-willys .collino-willys__header h2:before{content:"";display:block;width:36px;height:3px;margin-bottom:16px;background:#e6001f}.collino-willys .collino-willys__header p{max-width:56ch;margin:16px 0 0;color:#dedede;font-size:15px;line-height:1.6}.collino-willys .collino-willys__stage{position:relative;overflow:hidden;border-radius:8px;background:#191919;box-shadow:0 0 0 1px #ffffff20,0 16px 40px #0004}.collino-willys .collino-willys__frame{position:relative;margin:0;background:#191919}.collino-willys .collino-willys__frame--before{overflow:hidden}.collino-willys img[data-willys-reference-before]{transform:translate(-1.66%,3.05%) scale(1.25);transform-origin:center}.collino-willys .collino-willys__frame img{display:block;width:100%;height:auto;aspect-ratio:3200 / 1801;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.collino-willys .collino-willys__caption{position:absolute;top:12px;max-width:calc(100% - 24px);padding:6px 12px;color:#fff;background:#161616;border:1px solid #777;border-radius:2px;font-size:13px;font-weight:600;overflow-wrap:anywhere}.collino-willys .collino-willys__caption--before{left:12px}.collino-willys .collino-willys__caption--after{right:12px}.collino-willys .collino-willys__divider{display:none}.collino-willys[data-initialized=true] .collino-willys__stage{touch-action:pan-y;cursor:ew-resize}.collino-willys[data-initialized=true] .collino-willys__frame--before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--willys-position)) 0 0)}.collino-willys[data-initialized=true] .collino-willys__frame--before img{height:100%}.collino-willys[data-initialized=true] .collino-willys__divider{display:flex;position:absolute;inset-block:0;left:var(--willys-position);width:2px;align-items:center;justify-content:center;background:#fff;transform:translate(-50%);pointer-events:none}.collino-willys .collino-willys__divider span{display:grid;flex-shrink:0;place-items:center;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#161616;color:#fff;font-size:24px}.collino-willys .collino-willys__controls[hidden]{display:none}@media(min-width:769px){.collino-willys .collino-willys__caption{top:20px;font-size:15px}.collino-willys .collino-willys__caption--before{left:20px}.collino-willys .collino-willys__caption--after{right:20px}}.collino-willys .collino-willys__controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.collino-willys .collino-willys__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.collino-willys .collino-willys__stage:has(.collino-willys__range:focus-visible){outline:2px solid #fff;outline-offset:5px}.collino-willys .collino-willys__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:900px){.collino-willys{padding-inline:clamp(24px,4vw,64px)}.collino-willys .collino-willys__inner{grid-template-columns:minmax(280px,1fr) minmax(0,1.5fr);gap:clamp(32px,4vw,64px)}.collino-willys .collino-willys__header h2{font-size:clamp(30px,2.8vw,42px)}}.collino-willys .collino-willys__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 16px;color:#ccc;font-size:13px;line-height:1.5}.collino-willys .collino-willys__meta span{min-width:0;overflow-wrap:anywhere}.collino-willys .collino-willys__actions{display:flex;flex-wrap:wrap;gap:12px}.collino-willys .collino-willys__actions:has(a){margin-top:24px}.collino-willys .collino-willys__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;max-width:100%;padding:10px 18px;border:1px solid #fff;border-radius:3px;color:#121212;background:#fff;font-size:14px;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.collino-willys .collino-willys__cta+.collino-willys__cta{color:#fff;background:transparent}.collino-willys .collino-willys__cta:hover{color:#121212;background:#ddd}.collino-willys .collino-willys__cta:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:768px){.collino-willys .collino-willys__ambience{display:none}.collino-willys .collino-willys__inner{gap:18px}.collino-willys .collino-willys__meta{margin-bottom:8px}.collino-willys .collino-willys__header h2:before{display:none}.collino-willys .collino-willys__header p{margin-top:12px}.collino-willys .collino-willys__actions{gap:8px}.collino-willys .collino-willys__actions:has(a){margin-top:16px}.collino-willys .collino-willys__cta{padding-inline:14px;font-weight:600}.collino-willys .collino-willys__stage{border-radius:4px;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/collino-willys.css.map */