.drawer{position:fixed;top:0;bottom:0;z-index:var(--z-drawer);width:min(90vw,420px);background:var(--color-white);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);transform:translate(100%);visibility:hidden;transition:transform var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);overflow:hidden}.drawer--right{right:0;transform:translate(100%)}.drawer--left{left:0;transform:translate(-100%)}.drawer.is-open{transform:translate(0);visibility:visible}.drawer--fullscreen{width:100%;max-width:100%}@media(min-width:768px){.drawer--fullscreen{width:min(90vw,420px);max-width:420px}}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);min-height:60px;flex-shrink:0}.drawer__title{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:var(--weight-bold)}.drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);transition:background-color var(--duration-micro) var(--ease-out)}.drawer__close:hover{background:var(--color-light)}.drawer__close svg{width:24px;height:24px}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-4);-webkit-overflow-scrolling:touch}.drawer__footer{padding:var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0}.drawer--cart .drawer__body{padding:0}.cart-item{display:flex;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.cart-item__image{width:80px;height:100px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-light);flex-shrink:0}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__details{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.cart-item__title{font-weight:var(--weight-semibold);font-size:var(--text-body-sm);line-height:var(--leading-snug)}.cart-item__variant{font-size:var(--text-caption);color:var(--text-tertiary)}.cart-item__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.cart-item__price{font-family:var(--font-heading);font-weight:var(--weight-bold)}.cart-item__remove{font-size:var(--text-caption);color:var(--text-tertiary);text-decoration:underline;cursor:pointer}.cart-item__remove:hover{color:var(--color-error)}.cart-footer__shipping{margin-bottom:var(--space-4)}.shipping-bar{background:var(--color-light);border-radius:var(--radius-full);height:6px;overflow:hidden;margin-top:var(--space-2)}.shipping-bar__fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-in-out)}.cart-footer__totals{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.cart-footer__total-label{font-weight:var(--weight-medium)}.cart-footer__total-value{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-bold)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out)}.modal.is-open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.modal__content{position:relative;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(var(--space-4));transition:transform var(--duration-normal) var(--ease-out)}.modal.is-open .modal__content{transform:scale(1) translateY(0)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.modal__title{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-bold)}.modal__body{padding:var(--space-5)}.modal__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end}.modal--size-guide .modal__content{max-width:720px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}@media(max-width:767px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-black);pointer-events:auto;animation:slideUp var(--duration-normal) var(--ease-out);max-width:380px}@media(max-width:767px){.toast{max-width:100%}}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--warning{border-left-color:var(--color-warning)}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast__body{flex:1}.toast__title{font-weight:var(--weight-semibold);font-size:var(--text-body-sm);margin-bottom:var(--space-1)}.toast__message{font-size:var(--text-body-sm);color:var(--text-secondary)}.toast__close{flex-shrink:0;width:20px;height:20px;opacity:.5;cursor:pointer}.toast__close:hover{opacity:1}.tooltip-wrap{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--color-black);color:var(--color-white);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-normal);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out);pointer-events:none;z-index:var(--z-tooltip)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-black)}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-overlay.css.map */