/* Shared floating close controls for site dialogs. */
dialog .site-dialog-close{position:fixed!important;float:none!important;margin:0!important;inset:auto!important;left:var(--close-left)!important;top:var(--close-top)!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid #e4d3bd!important;border-radius:50%!important;background:linear-gradient(145deg,#fff,#fff5e6)!important;color:#244156!important;box-shadow:inset 0 1px 0 #fff,0 5px 18px #06172b35!important;z-index:100!important;transform:none!important;cursor:pointer;transition:background .18s,box-shadow .18s}
dialog .site-dialog-close svg{width:20px!important;height:20px!important;transform:none!important}dialog .site-dialog-close:hover{background:#ffe8c8!important;box-shadow:0 6px 22px #06172b45!important}dialog .site-dialog-close:focus-visible{outline:3px solid #e49b47!important;outline-offset:3px!important}
dialog:has(.site-dialog-close){max-width:calc(100vw - 48px)}

/* Reserve space around the cart so its floating close control is not clipped. */
dialog.cart-drawer{inset:24px 24px 24px auto;width:min(620px,calc(100vw - 48px));height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);overflow:visible;border-radius:16px}
.cart-drawer .drawer-heading{border-radius:16px 16px 0 0;background:#fff}.cart-drawer .drawer-items{min-height:0}.cart-drawer .drawer-footer{border-radius:0 0 16px 16px}
@media(max-width:600px){dialog.cart-drawer{inset:24px 20px 24px auto;width:calc(100vw - 40px);max-width:calc(100vw - 40px);height:calc(100dvh - 48px)}}

/* Compact cart controls on phones and short viewports. */
@media(max-width:700px),(max-height:740px){
 dialog.cart-drawer{inset:22px 18px 14px auto;width:min(620px,calc(100vw - 36px));max-width:calc(100vw - 36px);height:calc(100dvh - 36px);max-height:calc(100dvh - 36px)}
 .cart-drawer .drawer-heading{padding:16px 18px 14px}.cart-drawer .drawer-heading p{font-size:10px;margin-bottom:5px}.cart-drawer .drawer-heading h2{font-size:28px}
 .cart-drawer .drawer-notice{padding:9px 16px;font-size:11px;line-height:1.4}
 .cart-drawer .drawer-items{flex:1 1 auto;min-height:100px;overflow-y:auto;padding-inline:14px}
 .cart-drawer .drawer-footer{padding:10px 14px 8px;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
 .cart-drawer .drawer-footer>.clear-cart-button{grid-column:1/-1;justify-self:end;margin:0;padding:4px 9px;min-height:28px;font-size:11px}
 .cart-drawer .drawer-total{grid-column:1/-1;font-size:11px;gap:8px}.cart-drawer .drawer-total>strong{font-size:23px}
 .cart-drawer .drawer-footer>p{grid-column:1/-1;margin:0;font-size:10px;line-height:1.4}
 .cart-drawer .drawer-view.drawer-continue,.cart-drawer .drawer-request{min-height:44px;margin:2px 0 3px;padding:10px;border-radius:9px;font-size:12px!important;gap:7px;line-height:1.2}
 .cart-drawer .drawer-request svg{width:19px;height:19px;margin:0}.cart-drawer .drawer-request>span:last-child{font-size:17px;margin-left:0}
 .cart-drawer .drawer-footer>.drawer-request-note{padding:5px 8px;font-size:9px;line-height:1.4;margin:0}
 .cart-drawer .drawer-bottom-cart{grid-column:1/-1;min-height:30px;margin:0;font-size:12px}
}

/* Readable destructive action without dominating checkout. */
.cart-drawer .drawer-footer>.clear-cart-button,#commerce-root .clear-cart-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid #e9adb4;border-radius:9px;background:linear-gradient(145deg,#fff7f7,#ffe5e8);color:#a52238;font-family:"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.3;box-shadow:inset 0 1px 0 #fff,0 2px 0 #efd1d5;cursor:pointer}
.clear-cart-button svg{width:17px;height:17px;flex:none}.cart-drawer .drawer-footer>.clear-cart-button:hover,#commerce-root .clear-cart-button:hover{background:#ffd8de;border-color:#d97f8c;color:#85152b}.clear-cart-button:focus-visible{outline:3px solid #cb6174;outline-offset:3px}

.cart-drawer .drawer-bottom-cart{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;margin-top:6px;padding:10px 16px;border:1px solid #c3d7e5;border-radius:9px;background:linear-gradient(145deg,#f9fcff,#e5eff7);color:#244d6b;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d2e0eb;font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none}.cart-drawer .drawer-bottom-cart svg{width:19px;height:19px}.cart-drawer .drawer-bottom-cart:hover{background:#dcebf5;color:#153d5a;text-decoration:none}.cart-drawer .drawer-bottom-cart:focus-visible{outline:3px solid #3184ac;outline-offset:3px}

.cart-drawer .drawer-shipping{grid-column:1/-1;font-size:11px;margin-top:4px}.cart-drawer .drawer-shipping>strong{font-size:15px}.cart-drawer .drawer-order-total{grid-column:1/-1;border-top:1px solid #dce5ed;padding-top:7px;margin-top:4px;font-size:12px}.cart-drawer .drawer-order-total>strong{font-size:23px}

.payment-methods{min-width:0;text-align:left}.payment-methods-title{display:block;margin-bottom:6px;font:600 10px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:.045em;color:#65798d}.payment-methods-list{display:flex;flex-wrap:wrap;gap:5px}.payment-badge{display:inline-flex;align-items:center;gap:4px;min-height:23px;padding:3px 6px;border:1px solid #dce5ed;border-radius:5px;background:#fff;color:#3d5267;font:650 9px/1.2 "Segoe UI",Arial,sans-serif;white-space:nowrap}.payment-badge b{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;font-size:12px}.payment-badge svg{width:15px;height:15px}.payment-alibaba b{background:#ff6a00;color:white}.payment-paypal b{color:#1469b2;font-style:italic}.payment-cash b{background:#00b94b;color:#fff;border-radius:4px}.payment-btc b{background:#f4931a;color:#fff}.payment-eth b{color:#6374b0;font-size:18px}.payment-usdc b{background:#2775ca;color:white;border:1px solid #2775ca}
.cart-drawer .drawer-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px}.cart-drawer .drawer-footer>.payment-methods{grid-column:1;grid-row:1;align-self:center}.cart-drawer .drawer-footer>.clear-cart-button{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0}.cart-drawer .drawer-footer>.drawer-total,.cart-drawer .drawer-footer>.drawer-view,.cart-drawer .drawer-footer>.drawer-request,.cart-drawer .drawer-footer>.drawer-request-note,.cart-drawer .drawer-footer>.drawer-bottom-cart{grid-column:1/-1}.cart-clear-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.cart-clear-actions .payment-methods{margin-right:auto}
@media(max-width:700px),(max-height:740px){.cart-drawer .drawer-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cart-drawer .drawer-footer>.payment-methods{grid-column:1;grid-row:1}.cart-drawer .drawer-footer>.clear-cart-button{grid-column:2;grid-row:1}.cart-drawer .drawer-footer>.drawer-view{grid-column:1}.cart-drawer .drawer-footer>.drawer-request{grid-column:2}.payment-methods-list{gap:4px}.payment-badge{font-size:8px;padding:2px 4px;gap:3px;min-height:21px}}

.payment-methods-list{flex-wrap:nowrap;gap:4px}.payment-badge{flex-shrink:0}.payment-crypto b{color:#7257a5;background:#f0eafa}.cart-drawer .drawer-footer{column-gap:8px}
@media(max-width:700px),(max-height:740px){.cart-drawer .drawer-footer{grid-template-columns:minmax(0,1fr) auto}.cart-drawer .drawer-footer>.drawer-view,.cart-drawer .drawer-footer>.drawer-request{grid-column:1/-1}.payment-badge{padding:3px 4px;font-size:8px}.payment-badge b{width:12px;height:12px;font-size:10px}.payment-badge svg{width:13px;height:13px}.cart-drawer .drawer-footer>.clear-cart-button{font-size:10px;padding:7px;gap:4px;min-height:36px}}

/* Keep cart contents dominant; checkout controls form a compact bottom bar. */
.cart-drawer .drawer-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px;padding:10px 16px 8px}
.cart-drawer .drawer-footer>.payment-methods{grid-column:1;grid-row:1}.cart-drawer .drawer-footer>.clear-cart-button{grid-column:2;grid-row:1;min-height:32px;padding:6px 9px;font-size:10px}
.cart-drawer .payment-methods-title{display:none}.cart-drawer .payment-methods-list{gap:3px}.cart-drawer .payment-badge{font-size:8px;padding:3px 4px;min-height:21px}
.cart-drawer .drawer-footer>.drawer-total{grid-column:1/-1;min-height:22px;margin:0;padding:0;font-size:11px;line-height:1.35;font-weight:500;gap:10px}
.cart-drawer .drawer-footer>.drawer-total>strong{font-size:15px;line-height:1.35}
.cart-drawer .drawer-footer>.drawer-order-total{border-top:1px solid #dce5ed;padding-top:6px;margin-top:1px;min-height:30px;font-weight:700}
.cart-drawer .drawer-footer>.drawer-order-total>strong{font-size:21px}
.cart-drawer .drawer-footer>.drawer-view.drawer-continue{grid-column:1;min-height:42px;height:42px;padding:8px;margin:3px 0 2px;font-size:12px!important}
.cart-drawer .drawer-footer>.drawer-request{grid-column:2;min-height:42px;height:42px;padding:8px 12px;margin:3px 0 2px;font-size:12px!important;gap:8px}
.cart-drawer .drawer-request svg{width:19px;height:19px}.cart-drawer .drawer-request>span:last-child{font-size:17px}
.cart-drawer .drawer-footer>.drawer-request-note{display:none}
.cart-drawer .drawer-footer>.drawer-bottom-cart{grid-column:1/-1;min-height:30px;height:30px;padding:5px 12px;margin:1px 0 0;font-size:11px;border-radius:7px;box-shadow:none}
.cart-drawer .drawer-bottom-cart svg{width:16px;height:16px}
.cart-drawer .drawer-items{flex:1 1 auto;min-height:0;overflow-y:auto}
@media(max-width:380px){.cart-drawer .drawer-footer{padding-inline:10px;column-gap:6px}.cart-drawer .payment-badge{font-size:7px;padding:3px;gap:2px}.cart-drawer .payment-badge b{width:10px;height:10px}.cart-drawer .payment-badge svg{width:11px}}

/* Polished payment badges, kept in one compact row. */
.payment-methods-list{display:flex;flex-wrap:nowrap;gap:5px}
.payment-methods .payment-badge,.cart-drawer .payment-methods .payment-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:5px 7px;border:1px solid #dbe5ed;border-radius:7px;background:linear-gradient(155deg,#fff,#f4f7fa);box-shadow:inset 0 1px 0 #fff,0 2px 4px #17364e08;color:#314c64;font:700 9px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.015em}
.payment-methods .payment-badge b,.cart-drawer .payment-methods .payment-badge b{display:grid;place-items:center;width:17px;height:17px;font-size:14px;line-height:1;flex:none}
.payment-methods .payment-alibaba{border-color:#f2d7c1;background:linear-gradient(145deg,#fff,#fff5e9)}.payment-methods .payment-alibaba b{background:linear-gradient(145deg,#ff981b,#ff6000);border-radius:50%;font-family:Arial,sans-serif;font-weight:800;font-style:italic;color:white}
.payment-methods .payment-paypal{color:#174d83;background:linear-gradient(145deg,#fff,#edf5ff);border-color:#d0e0f3}.payment-methods .payment-paypal b{font-family:Arial,sans-serif;font-size:19px;font-style:italic;font-weight:900;color:#006bb5;text-shadow:-2px -1px 0 #003c77}
.payment-methods .payment-card svg,.cart-drawer .payment-methods .payment-card svg{width:19px;height:19px;color:#36556f}
.payment-methods .payment-crypto{color:#654592;background:linear-gradient(145deg,#fff,#f5effe);border-color:#e2d6f2}.payment-methods .payment-crypto svg{width:19px;height:19px;color:#7953ac}
@media(max-width:600px){.payment-methods .payment-badge,.cart-drawer .payment-methods .payment-badge{font-size:8px;min-height:25px;padding:4px 5px;gap:4px}.payment-methods-list{gap:4px}.payment-methods .payment-badge b,.cart-drawer .payment-methods .payment-badge b{width:14px;height:14px;font-size:12px}.payment-methods .payment-card svg,.cart-drawer .payment-methods .payment-card svg,.payment-methods .payment-crypto svg{width:16px;height:16px}}