cart-drawer .drawer__inner.cart-drawer-pane,cart-drawer.is-empty .drawer__inner.cart-drawer-pane{width:440px;max-width:calc(100vw - 3rem);background:var(--color-white);display:flex;flex-direction:column;align-items:stretch;box-shadow:var(--shadow-xl);padding:0;border:0;grid-template-rows:none}cart-drawer #CartDrawer-Overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:pointer}cart-drawer .drawer__inner.cart-drawer-pane{position:relative;z-index:1}.cart-drawer-footer[hidden],.cart-drawer-empty[hidden]{display:none!important}.cart-drawer-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-20) var(--space-24);border-bottom:1px solid var(--color-border)}.cart-drawer-title{display:flex;flex-direction:row;align-items:center;gap:var(--space-12)}.cart-drawer-title i{font-size:var(--font-size-20);color:var(--color-primary)}.cart-drawer-title h3{font-family:var(--font-family-primary);font-size:var(--font-size-18);font-weight:var(--fw-bold);color:var(--color-black);text-transform:none;letter-spacing:0}.cart-drawer-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-8);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-11);font-weight:var(--fw-bold);border-radius:var(--radius-full)}.cart-drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-grey-100);color:var(--color-text);border-radius:var(--radius-full);font-size:var(--font-size-16);transition:all var(--transition-fast)}.cart-drawer-close:hover{background:var(--color-black);color:var(--color-white)}.cart-drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.cart-drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-80) var(--space-24);text-align:center;flex:1}.cart-drawer-empty i{font-size:64px;color:var(--color-grey-300)}.cart-drawer-empty h4{font-size:var(--font-size-18);color:var(--color-black)}.cart-drawer-empty p{font-size:var(--font-size-14);color:var(--color-text-muted);max-width:280px}.cart-drawer-items{display:flex;flex-direction:column;padding:var(--space-8) var(--space-24)}.cart-drawer-footer{display:flex;flex-direction:column;padding:var(--space-20) var(--space-24);border-top:1px solid var(--color-border);background:var(--color-off-white)}.cart-drawer-subtotal{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:var(--font-size-15);font-weight:var(--fw-semibold);color:var(--color-black)}.cart-drawer-total{font-size:var(--font-size-20);font-weight:var(--fw-extrabold);color:var(--color-primary)}.cart-drawer-note{font-size:var(--font-size-12);color:var(--color-text-muted)}.cart-drawer-actions{display:flex;flex-direction:row;gap:var(--space-12);padding-top:var(--space-8)}.cart-drawer-actions .btn{flex:1;justify-content:center}body.cart-open{overflow:hidden}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);z-index:300}.search-overlay.active{opacity:1;visibility:visible}.search-drawer{position:fixed;top:0;left:0;right:0;width:100%;max-height:85vh;background:var(--color-white);display:flex;flex-direction:column;transform:translateY(-100%);transition:transform var(--transition-base);z-index:310;box-shadow:var(--shadow-xl)}.search-drawer.active{transform:translateY(0)}.search-drawer-header{display:flex;flex-direction:row;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--color-border)}.search-drawer-form{flex:1;display:flex;flex-direction:row;align-items:center;gap:var(--space-12);padding:0 var(--space-16);background:var(--color-grey-50);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-drawer-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f2672326}.search-drawer-form>i{font-size:var(--font-size-20);color:var(--color-text-muted);flex-shrink:0}.search-drawer-form input{flex:1;border:none;outline:none;background:transparent;padding:var(--space-16) 0;font-size:var(--font-size-16);color:var(--color-text);min-width:0}.search-drawer-form input::placeholder{color:var(--color-text-muted)}.search-drawer-clear{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-20);color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.search-drawer-clear:hover{color:var(--color-primary)}.search-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-grey-100);color:var(--color-text);border-radius:var(--radius-full);font-size:var(--font-size-18);flex-shrink:0;transition:all var(--transition-fast)}.search-drawer-close:hover{background:var(--color-black);color:var(--color-white)}.search-drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-32);padding:var(--space-32) var(--space-24)}.search-drawer-section{display:flex;flex-direction:column;gap:var(--space-16)}.search-drawer-section-title{font-size:var(--font-size-12);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:var(--tt-upper);color:var(--color-text-muted)}.search-tag-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-8)}.search-tag{display:inline-flex;align-items:center;padding:var(--space-8) var(--space-16);background:var(--color-grey-50);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-13);font-weight:var(--fw-medium);transition:all var(--transition-fast)}.search-tag:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.search-cat-list{display:flex;flex-direction:column;gap:var(--space-8)}.search-cat-item{display:flex;flex-direction:row;align-items:center;gap:var(--space-16);padding:var(--space-16);background:var(--color-grey-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:all var(--transition-fast)}.search-cat-item:hover{background:var(--color-white);border-color:var(--color-primary);transform:translate(4px)}.search-cat-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-white);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-20);flex-shrink:0}.search-cat-text{flex:1;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.search-cat-text strong{font-size:var(--font-size-15);font-weight:var(--fw-bold);color:var(--color-black)}.search-cat-text span{font-size:var(--font-size-13);color:var(--color-text-muted)}.search-cat-item>i:last-child{color:var(--color-text-muted);font-size:var(--font-size-16);flex-shrink:0}.search-drawer-empty{align-items:center;justify-content:center;text-align:center;padding:var(--space-48) var(--space-24)}.search-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--color-grey-50);color:var(--color-text-muted);border-radius:var(--radius-full);font-size:32px}.search-drawer-empty h4{font-size:var(--font-size-18);font-weight:var(--fw-bold);color:var(--color-black);text-transform:none}.search-drawer-empty p{font-size:var(--font-size-14);color:var(--color-text-muted);max-width:320px}body.search-open{overflow:hidden}@media(max-width:767px){.search-drawer{max-height:100vh;height:100vh}.search-drawer-header{padding:var(--space-12) var(--space-16)}.search-drawer-form input{padding:var(--space-12) 0;font-size:var(--font-size-15)}.search-drawer-body{padding:var(--space-24) var(--space-16);gap:var(--space-24)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-drawer.css.map */