.outfit-wrapper{display:flex;gap:40px;width:100%;align-items:flex-start}.outfit-model-box{width:50%}.outfit-model-stage{position:relative;width:100%;line-height:0}.outfit-model{width:100%;display:block;height:auto}.outfit-overlay{position:absolute;--x: var(--desktop-x, 0);--x-fine: var(--desktop-x-fine, 0);--x-ultra: var(--desktop-x-ultra, 0);--y: var(--desktop-y, 0);--y-fine: var(--desktop-y-fine, 0);--y-ultra: var(--desktop-y-ultra, 0);--scale: var(--desktop-scale, 100);--scale-fine: var(--desktop-scale-fine, 0);--scale-ultra: var(--desktop-scale-ultra, 0);top:calc(50% + (((var(--y) + (var(--y-fine) / 100) + (var(--y-ultra) / 1000)) * 1%)));left:calc(50% + (((var(--x) + (var(--x-fine) / 100) + (var(--x-ultra) / 1000)) * 1%)));width:calc(var(--overlay-base-width, 0%) * (((var(--scale) + (var(--scale-fine) / 100) + (var(--scale-ultra) / 1000)) / 100)));height:auto;transform:translate(-50%,-50%);transform-origin:center center;pointer-events:none;z-index:10;opacity:0;transition:opacity .25s ease;will-change:transform,top,left,width}.outfit-overlay.is-active{opacity:1}@media(max-width:768px){.outfit-overlay{--x: var(--mobile-x, 0);--x-fine: var(--mobile-x-fine, 0);--x-ultra: var(--mobile-x-ultra, 0);--y: var(--mobile-y, 0);--y-fine: var(--mobile-y-fine, 0);--y-ultra: var(--mobile-y-ultra, 0);--scale: var(--mobile-scale, 100);--scale-fine: var(--mobile-scale-fine, 0);--scale-ultra: var(--mobile-scale-ultra, 0)}}.outfit-overlay.is-hat{z-index:30;--hat-y: var(--hat-desktop-y, 0);--hat-y-fine: var(--hat-desktop-y-fine, 0);--hat-y-ultra: var(--hat-desktop-y-ultra, 0);top:calc(0% - (((var(--hat-y) + (var(--hat-y-fine) / 100) + (var(--hat-y-ultra) / 1000)) * 1%)));left:calc(50% + (((var(--x) + (var(--x-fine) / 100) + (var(--x-ultra) / 1000)) * 1%)));transform:translate(-50%,-100%);transform-origin:center bottom}@media(max-width:768px){.outfit-overlay.is-hat{--hat-y: var(--hat-mobile-y, 0);--hat-y-fine: var(--hat-mobile-y-fine, 0);--hat-y-ultra: var(--hat-mobile-y-ultra, 0)}}.outfit-products{width:50%;position:relative;overflow:visible}.outfit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;overflow:visible}.outfit-item{border:1px solid #ececec;border-radius:16px;background:#fff;padding:16px;position:relative;overflow:visible;z-index:2}.outfit-item h3{margin:0 0 8px;font-size:18px;line-height:1.25;color:#000}.outfit-product-image{width:100%;max-height:260px;object-fit:contain;display:block;margin:10px auto 14px}.outfit-price{margin:0;font-size:16px;font-weight:600;color:#000}.outfit-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.outfit-size-wrap{display:flex;flex-direction:column;gap:10px;margin-top:10px;position:relative;overflow:visible;z-index:3}.outfit-product-form{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;position:relative;overflow:visible}.outfit-size-label{font-size:14px;font-weight:600;color:#000;text-align:left}.outfit-size-select{width:100%;min-height:46px;border:1px solid #dcdcdc;border-radius:12px;background:#fff;color:#000;padding:12px 14px;font-size:15px;line-height:1.2;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.outfit-size-select:focus{outline:none;border-color:#000}.outfit-size-guide-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid #000;border-radius:12px;background:#fff;color:#000;text-decoration:none;font-size:14px;font-weight:600;padding:10px 14px;box-sizing:border-box;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.outfit-size-guide-link:hover{opacity:.9}.outfit-size-guide-link:active{transform:scale(.99)}.outfit-size-guide-link.is-disabled,.outfit-size-guide-link:disabled{opacity:.5;cursor:not-allowed}.outfit-variant-note{margin:0;font-size:12px;color:#666;line-height:1.4;text-align:left}.outfit-debug-box{margin-top:6px;border:1px dashed #bdbdbd;background:#fafafa;border-radius:12px;padding:10px 12px}.outfit-debug-title{margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#000}.outfit-debug-row{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.outfit-debug-row:last-child{margin-bottom:0}.outfit-debug-label{font-size:12px;font-weight:700;color:#333;min-width:92px}.outfit-debug-value{font-size:12px;color:#000;text-align:right;word-break:break-word}.model-actions{display:flex;flex-direction:column;gap:14px;margin-top:20px}.btn-remove-all,.btn-add-more,.btn-add-cart,.btn-checkout,.btn-show{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;background:#000;color:#fff;text-align:center;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:none;transition:opacity .2s ease,transform .2s ease;text-decoration:none;min-height:48px;padding:12px 16px;border-radius:14px;font-size:15px;font-weight:600;line-height:1.2;box-sizing:border-box}.btn-remove-all:hover,.btn-add-more:hover,.btn-add-cart:hover,.btn-checkout:hover,.btn-show:hover{opacity:.9}.btn-remove-all:active,.btn-add-more:active,.btn-add-cart:active,.btn-checkout:active,.btn-show:active{transform:scale(.99)}.btn-show.is-added{background:#111}.outfit-total{margin-top:18px;padding:34px 22px;border:2px solid #000;border-radius:28px;background:#f3f3f3;text-align:center}.outfit-total-label{margin:0;font-size:16px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.08em}.outfit-total-price{margin-top:14px;font-size:46px;font-weight:800;line-height:1;color:#000}.outfit-dots,.outfit-size-modal[hidden]{display:none!important}.outfit-size-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999}.outfit-size-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.outfit-size-modal__dialog{position:relative;z-index:2;width:min(92vw,900px);max-height:90vh;margin:5vh auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000047}.outfit-size-modal__header{padding:18px 56px 12px 20px;border-bottom:1px solid #ececec}.outfit-size-modal__title{margin:0;font-size:20px;line-height:1.2;color:#000}.outfit-size-modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:999px;background:#000;color:#fff;font-size:26px;line-height:1;cursor:pointer}.outfit-size-modal__body{padding:16px;overflow:auto;max-height:calc(90vh - 70px)}.outfit-size-modal__image{display:block;width:100%;height:auto}html.outfit-modal-open,body.outfit-modal-open{overflow:hidden}@media(max-width:990px){.outfit-wrapper{gap:28px}.outfit-total-price{font-size:38px}}@media(max-width:768px){.outfit-wrapper{flex-direction:column;gap:24px}.outfit-products,.outfit-model-box{width:100%}.outfit-products{order:1;overflow:visible}.outfit-model-box{order:2;display:flex;flex-direction:column}.outfit-grid{display:flex;overflow-x:auto;overflow-y:visible;gap:16px;padding-bottom:220px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.outfit-grid::-webkit-scrollbar{display:none}.outfit-item{min-width:85%;flex-shrink:0;scroll-snap-align:center;text-align:center;overflow:visible}.outfit-item h3{font-size:17px}.outfit-product-image{max-width:220px;height:200px;margin:10px auto 14px}.outfit-size-label,.outfit-variant-note{text-align:center}.outfit-debug-row{flex-direction:column;align-items:center;gap:2px}.outfit-debug-label,.outfit-debug-value{text-align:center;min-width:0}.model-actions{gap:12px;margin-top:14px}.outfit-total{margin-top:16px;padding:28px 16px;border-radius:24px}.outfit-total-label{font-size:14px;letter-spacing:.08em}.outfit-total-price{margin-top:12px;font-size:28px}.outfit-dots{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.outfit-dot{width:30px;height:30px;border-radius:50%;border:1px solid #d0d0d0;background:#fff;color:#000;font-size:13px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.outfit-dot.active{background:#000;color:#fff;border-color:#000}.outfit-size-modal__dialog{width:min(96vw,900px);margin:2vh auto;max-height:96vh;border-radius:16px}.outfit-size-modal__body{max-height:calc(96vh - 70px);padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/dress-outfit.css.map */