.zw-tryon{position:relative;padding:48px 0 56px;background:#f5f0e8;overflow:hidden}.zw-tryon__accent{position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:1px;background:#b8924a}.zw-tryon__grid{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:36px}.zw-tryon__visual{width:100%;order:1}.zw-tryon__comp{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;cursor:col-resize;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;border:1px solid rgba(184,146,74,.12)}.zw-tryon__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.zw-tryon__layer img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.zw-tryon__before{z-index:2;clip-path:inset(0 50% 0 0)}.zw-tryon__tag{position:absolute;bottom:16px;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffffe6;padding:6px 14px;background:#2c2c2c73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:5;pointer-events:none;font-weight:400}.zw-tryon__tag--l{left:16px}.zw-tryon__tag--r{right:16px}.zw-tryon__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#9a958e;letter-spacing:1.5px;text-transform:uppercase}.zw-tryon__ph--before{background:#e8e3da}.zw-tryon__ph--after{background:#ddd8cf}.zw-tryon__slider{position:absolute;top:0;bottom:0;left:50%;width:52px;margin-left:-26px;z-index:10;cursor:col-resize;display:flex;align-items:center;justify-content:center}.zw-tryon__slider:focus{outline:none}.zw-tryon__slider:focus-visible .zw-tryon__handle{box-shadow:0 0 0 3px #b8924a66}.zw-tryon__slider-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffffffa6;pointer-events:none}.zw-tryon__handle{position:relative;z-index:11;width:52px;height:52px;border-radius:50%;background:#2c2c2c;border:2px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;color:#f5f0e8;transition:background .2s,transform .15s;box-shadow:0 2px 16px #00000040}.zw-tryon__slider:hover .zw-tryon__handle,.zw-tryon__slider:active .zw-tryon__handle{background:#b8924a;transform:scale(1.06)}.zw-tryon__hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#9a958e;font-weight:300;transition:opacity .6s ease}.zw-tryon__hint svg{animation:zw-swipe 1.8s ease-in-out infinite}@keyframes zw-swipe{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.zw-tryon__comp--in .zw-tryon__layer img{animation:zw-reveal .7s ease-out both}@keyframes zw-reveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.zw-tryon__content{order:2;text-align:center;padding:0 8px}.zw-tryon__eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#b8924a;margin:0 0 14px;font-weight:400}.zw-tryon__heading{font-size:30px;font-weight:300;color:#2c2c2c;line-height:1.15;margin:0 0 16px;letter-spacing:-.3px;font-family:inherit}.zw-tryon__body{font-size:15px;line-height:1.7;color:#5a5550;margin:0 0 32px;font-weight:300}.zw-tryon__steps{display:flex;justify-content:center;gap:28px;margin-bottom:32px}.zw-tryon__step{display:flex;flex-direction:column;align-items:center;gap:6px}.zw-tryon__step-n{font-size:12px;color:#b8924a;letter-spacing:1px;font-variant-numeric:tabular-nums}.zw-tryon__step-t{font-size:13px;color:#2c2c2c;font-weight:400;letter-spacing:.2px;text-align:center}.zw-tryon__cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:360px;margin:0 auto 20px;padding:16px 32px;background:#2c2c2c;color:#f5f0e8;font-size:13px;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent}.zw-tryon__cta:hover,.zw-tryon__cta:active{background:#b8924a;color:#f5f0e8}.zw-tryon__cta svg{transition:transform .3s ease}.zw-tryon__cta:hover svg{transform:translate(4px)}.zw-tryon__meta{display:flex;flex-direction:column;align-items:center;gap:10px}.zw-tryon__badge{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b8924a;padding:6px 16px;border:1px solid #B8924A;font-weight:400}.zw-tryon__privacy{font-size:11px;color:#9a958e;font-weight:300;letter-spacing:.3px}@media(min-width:768px){.zw-tryon{padding:72px 0}.zw-tryon__grid{padding:0 32px;gap:48px}.zw-tryon__visual{max-width:560px;margin:0 auto}.zw-tryon__heading{font-size:36px}.zw-tryon__steps{gap:40px}.zw-tryon__cta{width:auto;max-width:none;display:inline-flex}.zw-tryon__meta{flex-direction:row;justify-content:center;gap:20px}}@media(min-width:1024px){.zw-tryon{padding:100px 0}.zw-tryon__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0 48px}.zw-tryon__visual{order:2;max-width:none}.zw-tryon__content{order:1;text-align:left;padding:0;max-width:460px}.zw-tryon__heading{font-size:clamp(36px,3.5vw,48px)}.zw-tryon__steps{justify-content:flex-start;gap:32px}.zw-tryon__step{align-items:flex-start}.zw-tryon__step-t{text-align:left}.zw-tryon__cta{margin:0 0 20px;width:auto}.zw-tryon__meta{justify-content:flex-start}.zw-tryon__handle{width:48px;height:48px}.zw-tryon__slider{width:48px;margin-left:-24px}.zw-tryon__hint{justify-content:center}}@media(min-width:1400px){.zw-tryon__grid{max-width:1320px;gap:100px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/zawjien-tryon-homepage.css.map */