.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9998}.cart-drawer-overlay.is-open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;height:100vh;width:860px;max-width:100vw;background:#fff;display:flex;flex-direction:row;transform:translate(100%);transition:transform .35s ease,width .25s ease;z-index:9999;box-shadow:-4px 0 24px #0000001f;overflow:hidden}.cart-drawer.is-open{transform:translate(0)}body.cart-drawer-open{overflow:hidden}.cart-drawer-recommend{width:42%;height:100vh;display:flex;flex-direction:column;border-right:1px solid #eee;background:#fff}.cdr-header{flex-shrink:0;padding:20px 20px 12px;font-size:16px;font-weight:600;color:#222}.cdr-list{flex:1;min-height:0;overflow-y:auto;padding:0 20px 20px;display:flex;flex-direction:column;gap:18px}.cdr-list::-webkit-scrollbar{width:6px}.cdr-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.cdr-item{display:flex;gap:12px;align-items:flex-start}.cdr-item-image{width:120px;height:120px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f5f5f5}.cdr-item-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cdr-item-info{flex:1;min-width:0}.cdr-item-title{font-size:14px;color:#2a2a2a;font-weight:500;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cdr-item-price{font-size:13px;color:#333;margin-bottom:6px}.cdr-item-price .compare-price{text-decoration:line-through;color:#999;margin-left:6px}.cdr-add-btn{background:none;border:none;padding:0;font-size:13px;color:#315b48;text-decoration:underline;cursor:pointer}.cart-drawer-main{width:58%;height:100vh;display:flex;flex-direction:column;background:#fff;transition:width .2s ease}.cdm-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;font-size:17px;font-weight:600;color:#222}.cdm-count{background:#000;color:#fff;font-size:12px;font-weight:600;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.cdm-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#333}.cdm-divider{flex-shrink:0;height:1px;background:#eee;margin:0 24px}.cdm-items{flex:1;min-height:0;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:18px}.cdm-items::-webkit-scrollbar{width:6px}.cdm-items::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.cdm-empty{text-align:center;color:#888;padding:40px 0}.cdm-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:16px}.cdm-empty-icon{width:90px;height:90px;border-radius:50%;background:#f2f2f2;display:flex;align-items:center;justify-content:center}.cdm-empty-icon svg{width:34px;height:34px}.cdm-empty-text{font-size:15px;color:#555;margin:0}.cdm-empty-btn{display:inline-block;border:1px solid #222;color:#222;background:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;padding:13px 28px;text-decoration:none;border-radius:2px;transition:background .2s ease,color .2s ease}.cdm-empty-btn:hover{background:#222;color:#fff}.cdm-item{display:flex;gap:14px;align-items:flex-start;position:relative}.cdm-item-image{width:130px;height:130px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f5f5f5}.cdm-item-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cdm-item-info{flex:1;min-width:0}.cdm-item-title{font-size:14px;font-weight:600;color:#222;margin:0 0 6px}.cdm-item-price{font-size:13px;color:#555;margin-bottom:10px}.cdm-qty-row{display:flex;align-items:center;gap:10px}.cdm-qty-btn{width:26px;height:26px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center}.cdm-qty-value{min-width:18px;text-align:center;font-size:14px}.cdm-remove{position:absolute;top:0;right:0;font-size:12px;color:#777;text-decoration:underline;cursor:pointer;background:none;border:none}.cdm-footer{flex-shrink:0;padding:16px 24px 22px;border-top:1px solid #eee;background:#fff}.cdm-order-note{margin-bottom:14px}.cdm-order-note button{background:none;border:none;font-size:14px;color:#333;cursor:pointer;padding:0}.cdm-order-note textarea{width:100%;margin-top:10px;min-height:70px;border:1px solid #ddd;border-radius:6px;padding:10px;font-size:13px;resize:vertical}.cdm-total-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;margin-bottom:6px}.cdm-tax-note{font-size:12px;color:#888;margin:0 0 14px}.cdm-pay-btn,.cdm-checkout-btn{display:block;text-align:center;background:#000;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600;padding:14px;border-radius:6px;margin-bottom:10px;text-decoration:none;position:relative}.cdm-view-cart{display:block;text-align:center;font-size:13px;color:#333;text-decoration:underline}@media screen and (max-width:749px){.cart-drawer{width:100vw!important;flex-direction:column!important;height:100vh!important;height:100dvh!important}.cart-drawer-main{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.cdm-header{position:sticky!important;top:0!important;z-index:6!important;background:#fff!important;padding:16px 16px 10px!important}.cdm-divider{margin:0 16px!important;flex-shrink:0!important}.cdm-items{flex:none!important;overflow:visible!important;padding:16px!important}.cdm-empty-state{padding:50px 16px!important}.cart-drawer-recommend{display:block!important;width:100%!important;height:auto!important;flex-shrink:0!important;border-top:8px solid #f5f5f5!important;border-right:none!important;padding:20px 0 16px!important;margin:0!important}.cdr-header{padding:0 16px 12px!important}.cdr-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:14px!important;padding:0 16px!important;scrollbar-width:none!important}.cdr-list::-webkit-scrollbar{display:none!important}.cdr-item{flex:0 0 150px!important;width:150px!important;max-width:150px!important;flex-direction:column!important}.cdr-item-image{width:150px!important;height:150px!important}.cdr-item-title{-webkit-line-clamp:2!important}.cdm-item-image{width:100px!important;height:100px!important}.cdm-footer{position:sticky!important;bottom:0!important;z-index:6!important;background:#fff!important;box-shadow:0 -4px 10px #0000000f!important;padding:14px 16px 18px!important;flex-shrink:0!important}}@media screen and (min-width:750px){.cart-drawer.is-empty{width:450px!important}.cart-drawer.is-empty .cart-drawer-recommend{display:none!important}.cart-drawer.is-empty .cart-drawer-main{width:100%!important}}@media screen and (max-width:749px){.cart-drawer.is-empty .cart-drawer-recommend{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cart-drawer.css.map */