.shop-cart-nav{position:fixed;right:16px;bottom:18px;padding:12px 18px;background:#263d4a;color:white!important;border-radius:28px;z-index:800;box-shadow:0 3px 12px #0003;text-decoration:none}#cart-notice{position:fixed;bottom:76px;right:16px;background:#fff;color:#222;padding:10px;z-index:801;border-radius:8px}#cart-notice:empty{display:none}.cart-wrap{max-width:1000px;margin:24px auto;padding:24px;color:#222;font:16px/1.6 system-ui;background:#fff}.cart-row{display:grid;grid-template-columns:minmax(100px,1fr) 100px 80px 60px;gap:12px;align-items:center;border-bottom:1px solid #ddd;padding:14px 0}.cart-row input{width:70px}.cart-wrap label{display:block;margin:14px 0}.cart-wrap input:not([type=checkbox]),.cart-wrap textarea{box-sizing:border-box;max-width:100%;padding:10px;border:1px solid #aaa;border-radius:6px}.cart-wrap input:not([type=checkbox]){width:100%}.cart-wrap button,.cart-wrap .button{padding:10px 15px;border:0;background:#284450;color:#fff;border-radius:6px;cursor:pointer;margin:5px}.cart-wrap button:disabled{opacity:.5;cursor:default}.cart-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cart-fields .full{grid-column:1/-1}.cart-wrap [hidden]{display:none!important}.cart-wrap .trap{position:absolute;left:-10000px}.payment-qr{display:block;max-width:320px;width:100%;height:auto;margin:20px auto}.cart-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere}#cart-result{white-space:pre-wrap;color:#36493a}.cart-wrap #payment-panel{margin-top:25px;padding:20px;border-top:2px solid #b9aa86}.cart-wrap #payment-panel:empty{display:none}@media(max-width:600px){.cart-wrap{padding:14px;margin:5px}.cart-row{grid-template-columns:1fr 75px}.cart-row p{grid-column:1/-1}.cart-fields{grid-template-columns:1fr}.cart-fields .full{grid-column:auto}}
.shop-home-thumbs{display:flex;gap:5px;padding:8px;overflow-x:auto;scrollbar-width:thin}.shop-home-thumbs button{flex:0 0 48px;width:48px;height:48px;padding:2px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.shop-home-thumbs button[aria-pressed=true]{border:2px solid #aa763e}.shop-home-thumbs img{width:100%;height:100%;object-fit:contain}.shop-photo-dialog{max-width:95vw;max-height:95vh;padding:12px;border:0;border-radius:10px}.shop-photo-dialog::backdrop{background:#000b}.shop-photo-dialog>img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}.shop-photo-dialog button{display:block;margin-left:auto;padding:10px}

/* Cart layout and action hierarchy, 2026-10-30. */
body:has(#shop-cart-root){margin:0;background:#f5f6f8;color:#24333b;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}
.cart-wrap{box-sizing:border-box;max-width:980px;margin:32px auto;padding:32px;background:#fff;border:1px solid #e4e8ec;border-radius:16px;box-shadow:0 6px 24px #24333b08;font:16px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}
.cart-wrap a{color:#245e75;text-decoration:none}.cart-wrap a:hover{text-decoration:underline}.cart-wrap h1{font-size:28px;margin:26px 0 20px}.cart-wrap h2{font-size:22px;margin:0 0 22px}
.cart-row{grid-template-columns:minmax(0,1fr) 110px 84px 82px;gap:18px;padding:20px 0}.cart-row p{margin:0;overflow-wrap:anywhere}.cart-row>span{font-weight:650}.cart-row input{width:84px!important;min-height:46px}.cart-wrap button{font-weight:600;font-family:inherit;font-size:15px;line-height:1.4;margin:0;min-height:46px;padding:12px 18px;white-space:nowrap;border-radius:9px;transition:background .15s,box-shadow .15s}
.cart-wrap button:focus-visible,.cart-wrap a:focus-visible,.cart-wrap input:focus-visible,.cart-wrap textarea:focus-visible{outline:3px solid #2879a6;outline-offset:3px}
.cart-wrap .cart-remove{background:#f1f3f5;color:#59636b;border:1px solid #e0e4e8;padding:10px 14px}.cart-wrap .cart-remove:hover{background:#fbecec;color:#a73131}
.cart-wrap #review-cart,.cart-wrap #cart-pay{background:#b94b16;color:white;font-size:17px;font-weight:700;min-height:52px;padding:14px 26px;box-shadow:0 3px 8px #9a3e1520}.cart-wrap #review-cart:hover,.cart-wrap #cart-pay:hover{background:#9f3d10}.cart-wrap #review-cart{display:block;margin:24px 0 32px}.cart-wrap button:disabled{opacity:.55;box-shadow:none}
#checkout-fields{margin-top:30px;padding-top:28px;border-top:1px solid #e4e8ec;scroll-margin-top:24px}.cart-fields{grid-template-columns:1fr 1fr;gap:20px 24px}.cart-wrap label{margin:0 0 6px;font-weight:500}.cart-fields>label{margin:0}.cart-wrap input:not([type=checkbox]),.cart-wrap textarea{display:block;margin-top:8px;min-height:48px;border:1px solid #cbd2d8;background:#fff;color:#202c34;font:inherit;padding:11px 13px;border-radius:8px;width:100%}.cart-wrap input::placeholder,.cart-wrap textarea::placeholder{color:#79858f;font-size:14px}.cart-wrap textarea{resize:vertical;min-height:108px}
.phone-entry{display:flex;align-items:stretch;gap:10px}.phone-entry input{flex:1;min-width:0;margin-top:0!important}.phone-entry button{flex-shrink:0;background:#eaf2f6;color:#21566d;border:1px solid #b7ceda}.phone-entry button:hover{background:#dbeaf1}.code-field>input{max-width:320px}.cart-wrap #phone-status{font-size:14px;color:#276343;margin:8px 0 0;min-height:22px}.cart-fields+label{margin-top:20px}.confirm-line{display:flex!important;gap:10px;align-items:flex-start;margin:24px 0 12px!important}.confirm-line input{width:19px;height:19px;flex-shrink:0;margin-top:4px;accent-color:#b94b16}.cart-wrap form section>p{font-size:13px;color:#68757f}.cart-wrap #cart-pay{margin-top:12px}#cart-result:empty{display:none}.cart-contact{border-top:1px solid #e4e8ec;margin-top:30px;padding-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px}.cart-contact>span{color:#6a7880}.cart-contact a{background:#edf4f0;color:#276343;border-radius:8px;padding:9px 14px}
@media(max-width:600px){.cart-wrap{margin:10px;padding:20px 16px;border-radius:12px}.cart-row{grid-template-columns:minmax(0,1fr) 84px 74px;gap:12px}.cart-row p{grid-column:1/-1}.cart-row>span{font-size:18px}.cart-row .cart-remove{padding:10px}.cart-fields{grid-template-columns:1fr;gap:18px}.cart-fields .full{grid-column:1/-1}.cart-wrap #review-cart,.cart-wrap #cart-pay{width:100%;font-size:16px}.phone-entry{gap:8px}.phone-entry button{padding:10px 12px;font-size:14px}.cart-wrap h1{font-size:26px}.code-field>input{max-width:none}.cart-contact{gap:10px}.cart-wrap #payment-panel{padding:20px 0}}

/* Refined controls: compact form, porcelain blue and warm copper. */
.shop-cart-nav{background:#244c59;color:#fff!important;border:1px solid #345e6b;border-radius:999px;padding:11px 20px;font:600 15px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif;box-shadow:0 3px 12px #244c5926}
.shop-cart-nav:hover{background:#193e49}
.cer-new-card .button,.cer-new-card a[href*="checkout"],.cer-new-card [data-add-cart],.cer-new-card .card-buy{background:#a94f27!important;color:#fff!important;border:1px solid #a94f27!important;border-radius:8px!important;box-shadow:0 2px 5px #8b43151a;padding:10px 16px!important;font-weight:600}
.cer-new-card .button:hover,.cer-new-card a[href*="checkout"]:hover,.cer-new-card .card-buy:hover{background:#8d3f1d!important;border-color:#8d3f1d!important}
.cer-wechat-button{background:#f1f7f4!important;color:#27664d!important;border:1px solid #bfd8cb!important;border-radius:8px!important;padding:9px 15px!important;font:500 14px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif!important;box-shadow:none!important}
.cer-wechat-button:hover{background:#e3efe8!important;border-color:#86b39c!important}
.cart-wrap{max-width:900px;padding:28px 32px;border-radius:12px;box-shadow:0 4px 18px #24333b05}.cart-wrap #checkout-fields{max-width:620px}.cart-wrap h2{font-size:20px;margin-bottom:20px}.cart-fields{display:flex;flex-direction:column;gap:16px}.cart-wrap label{font-size:14px;color:#344952;font-weight:500}.cart-wrap input:not([type=checkbox]),.cart-wrap textarea{min-height:42px;padding:9px 12px;border-color:#d4dce0;border-radius:6px;background:#fcfdfd;line-height:1.5;margin-top:6px;font-size:16px}.cart-wrap input:focus,.cart-wrap textarea:focus{border-color:#638e9c;background:#fff;box-shadow:0 0 0 3px #638e9c12}
.cart-wrap input[name=name]{width:200px;max-width:100%}.cart-wrap .phone-entry{width:352px;max-width:100%;gap:8px}.cart-wrap .phone-entry input{flex:0 1 220px;width:220px;max-width:220px;margin:0!important}.cart-wrap .phone-entry button{min-height:42px;padding:9px 12px;border-radius:6px;font-size:14px;background:#eef4f6;border-color:#c8d9df;color:#315f70}.cart-wrap #sms-code{width:180px;max-width:100%}.cart-wrap input[name=country]{width:200px;max-width:100%}.cart-wrap input[name=email]{width:320px;max-width:100%}.cart-wrap input[name=wechat]{width:240px;max-width:100%}.cart-wrap input[name=address]{width:560px;max-width:100%}.cart-wrap textarea[name=message]{width:560px;max-width:100%;min-height:76px}.cart-wrap #phone-status{min-height:0;margin-top:6px;font-size:13px}.cart-wrap #phone-status:empty{display:none}.cart-wrap #review-cart,.cart-wrap #cart-pay{min-height:46px;font-size:16px;padding:11px 22px;border-radius:8px;background:#a94f27;box-shadow:0 2px 5px #8b43151a}.cart-wrap #review-cart:hover,.cart-wrap #cart-pay:hover{background:#8d3f1d}.cart-wrap .confirm-line{font-size:14px;gap:8px;margin-top:20px!important}.cart-wrap form section>p{font-size:12px;color:#7a858c}.cart-wrap .cart-contact a{padding:8px 13px;border:1px solid #d9e5de;border-radius:7px;background:#f1f7f4}.cart-wrap .cart-contact{font-size:13px}.cart-wrap #cart-result{font-size:14px}.cart-wrap #cart-pay:disabled{background:#b9a499;opacity:1;color:#fff;box-shadow:none}
@media(max-width:600px){.cart-wrap{padding:20px 16px;margin:8px}.cart-wrap #review-cart,.cart-wrap #cart-pay{width:auto;max-width:100%;font-size:15px}.cart-wrap input[name=name]{width:200px}.cart-wrap #sms-code{width:180px}.cart-wrap .phone-entry{width:352px}.cart-wrap .phone-entry input{min-width:0;flex:1 1 180px}.cart-wrap .phone-entry button{flex:0 0 auto;padding:9px 10px}.cart-wrap #checkout-fields{padding-top:22px;margin-top:24px}}

/* Final action labels and inline icons. */
.shop-cart-nav{display:inline-flex;align-items:center;gap:6px;background:#c93632;border-color:#c93632;color:#fff!important}.shop-cart-nav:hover{background:#ae2926;border-color:#ae2926}.shop-cart-nav svg{flex-shrink:0}
[data-add-cart]{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;background:#f5a52a!important;color:#33230d!important;border:1px solid #f5a52a!important;border-radius:8px!important;padding:11px 17px!important;font-weight:600!important;text-decoration:none!important}
[data-add-cart]:hover{background:#ed9619!important;border-color:#ed9619!important}
[data-add-cart] svg,[data-cer-wechat] svg,.cart-contact a svg{vertical-align:middle;flex-shrink:0;pointer-events:none}
[data-cer-wechat],.cart-contact a:has(svg){display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cart-wrap #review-cart,.cart-wrap #cart-pay{background:#c93632;color:#fff}.cart-wrap #review-cart:hover,.cart-wrap #cart-pay:hover{background:#ae2926}.cart-wrap #cart-pay:disabled{background:#b6a3a1;color:#fff}

/* Category navigation and verified phone feedback. */
#continue-shopping{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.cart-wrap a.continue-shopping{display:inline-flex;align-items:center;min-height:46px;box-sizing:border-box;padding:11px 18px;background:#fff0df;color:#914315;border:1px solid #e7bb91;border-radius:8px;font-weight:650;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.cart-wrap a.continue-shopping:hover{background:#ffe4c6}
.category-contact{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%}.category-contact strong{min-width:100px}
.cart-wrap #phone-status{color:#65727d}.cart-wrap #phone-status[data-state=success]{color:#16763d;font-weight:650}.cart-wrap #phone-status[data-state=error]{color:#b82d2d}
.code-field{scroll-margin:28px;border-radius:8px}.verification-attention{animation:verify-attention 1.1s ease-out}
@keyframes verify-attention{0%,65%{outline:2px solid #d47777;outline-offset:7px}100%{outline:2px solid transparent;outline-offset:7px}}
@media(prefers-reduced-motion:reduce){.verification-attention{animation:none;outline:2px solid #d47777;outline-offset:6px}}
@media(max-width:600px){#continue-shopping{gap:10px}.cart-wrap a.continue-shopping{max-width:100%;font-size:14px}.category-contact{align-items:flex-start}.category-contact strong{width:100%}}

/* Compact phone verification: two 250px fields, resend inside code field. */
.cart-wrap .phone-verification{width:250px;max-width:100%;padding:0;border:0;margin:4px 0 2px;box-sizing:border-box}
.cart-wrap .phone-verification h3{font-size:14px;font-weight:500;line-height:1.65;text-align:left;margin:0 0 6px;color:#344952}
.cart-wrap .phone-verification #customer-phone{width:100%;height:40px;min-height:40px;margin:0 0 10px;padding:9px 14px;background:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}
.cart-wrap .phone-verification .code-entry{position:relative;width:100%}
.cart-wrap .phone-verification #sms-code{width:100%;max-width:100%;height:40px;min-height:40px;margin:0;padding:9px 112px 9px 14px;background:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}
.cart-wrap .phone-verification #sms-send{position:absolute;right:5px;top:3px;width:103px;min-height:34px;height:34px;padding:0 4px;margin:0;border:0;border-radius:3px;background:transparent;color:#245e75;box-shadow:none;font-size:12px;font-weight:400;line-height:34px;white-space:nowrap}
.cart-wrap .phone-verification #sms-send:hover:not(:disabled){background:#f0f6fa}
.cart-wrap .phone-verification #sms-send:disabled{color:#818a94;background:transparent;opacity:1}
.cart-wrap .phone-verification #phone-status{font-size:12px;line-height:1.6;margin:7px 0 0;overflow-wrap:anywhere}
.cart-wrap .phone-verification input::placeholder{font-size:13px;color:#89929a}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Payment action stays subdued until delivery, OTP and confirmation are complete. */
.cart-wrap #cart-pay,.cart-wrap #cart-pay:disabled{background:#efbe80;color:#5c3812;border:1px solid #dfa864;box-shadow:none;opacity:1;cursor:not-allowed}
.cart-wrap #cart-pay[data-ready=true]:not(:disabled){background:#c93632;border-color:#c93632;color:#fff;cursor:pointer;box-shadow:0 3px 10px #c9363226}
.cart-wrap #cart-pay[data-ready=true]:not(:disabled):hover{background:#ae2926;border-color:#ae2926}
