/* Integration states only. Layout, fonts, cards and form styling come from the reference CSS. */
[hidden]{display:none!important}
.product-placeholder{width:100%;height:220px;display:flex;align-items:center;justify-content:center;background:#f4f4f4;color:#999}
.preview-wrap .product-placeholder{height:243px}
.aos-empty{padding:30px}
.form-trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.form-message{color:#c00;line-height:1.6;overflow-wrap:anywhere}
.form-message:empty{display:none}
#order-actions:empty{display:none}
#order-actions button,.delivery-retry{padding:5px 12px;margin:5px 8px 5px 0;border:1px solid #ccc;background:#fff;color:#555;cursor:pointer}
.aos-shipping{font-size:12px;color:#999;margin-left:10px}
.store-address{clear:both;color:#666;margin:0;line-height:1.6}
.address-selects .alizi-region{width:48.5%;margin-right:1%}
#order-store{width:98%}
#order-street{width:98%;margin-bottom:5px}
.alizi-params{position:relative}
.alizi-params input[type=radio]{display:block!important;position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.alizi-params:focus-within{outline:2px solid #2874ab;outline-offset:2px}
.aos-contact{display:inline-block;position:fixed;z-index:100;right:10px;bottom:100px}
#order-review{max-width:600px;width:calc(100% - 32px);padding:24px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#333;box-shadow:0 5px 24px #0003;margin:auto}
#order-review::backdrop{background:#0006}
#order-review h2{font-size:20px;margin-bottom:18px}
#review-summary{display:grid;grid-template-columns:90px 1fr;gap:12px;margin:0 0 18px}
#review-summary dt,#review-summary dd{margin:0;overflow-wrap:anywhere}
.review-actions{display:flex;gap:12px}
.review-actions button{width:50%;padding:12px;border:1px solid #ccc;font-size:16px;cursor:pointer}
.review-actions .alizi-btn{border-color:#EE3300;background:#EE3300}
.alizi-submit:disabled,#review-send:disabled{opacity:.65;cursor:wait}
.aos-success{padding:40px;background:#fff;min-height:450px}
.aos-success h1{font-size:24px;margin-bottom:20px;text-align:center;color:#333}
.aos-success dl{max-width:600px;margin:25px auto;display:grid;grid-template-columns:100px 1fr;gap:14px}
.aos-success dt,.aos-success dd{margin:0;overflow-wrap:anywhere}
.aos-success .btn-group a,.aos-success button{display:inline-block;max-width:230px;margin:10px;padding:10px 15px}
.aos-success p{text-align:center}
*:focus-visible{outline:2px solid #2874ab;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.img img{transition:none}}

.aos-display-note{padding:4px 10px;font-size:12px;color:#777;background:#fafafa;line-height:1.5}
.aos-product .alizi-params-text input[type=radio]{display:inline-block!important;inset:auto;position:static;opacity:1;width:auto;height:auto;margin:0 3px 0 0}

.aos-product .aos-product-description{font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.aos-product .aos-product-description :where(p,li,div,span,td,th,blockquote){font-size:inherit;line-height:inherit}
.aos-product .aos-product-description p{margin:0 0 1em}
.aos-product .aos-product-description img{max-width:100%;height:auto}
.aos-product .news,.aos-product .alizi-content-title{font-size:18px;line-height:1.8}
.aos-product #aliziOrder{scroll-margin-top:10px}

.aos-pc del,.aos-pc del *,.aos-mobile del,.aos-mobile del *{color:#888!important}

.alizi-payment .payment-cod{background-image:url('../payment-tw.png?v=3.5.4');background-repeat:no-repeat;background-position:left -5px;padding-left:32px!important}
.alizi-payment .payment-cod.active,.alizi-payment .payment-cod:hover{background-position:-200px -5px}

.alizi-payment .alizi-payment-payOnDelivery{background-position:left -450px}
.alizi-payment .alizi-payment-payOnDelivery.active,.alizi-payment .alizi-payment-payOnDelivery:hover{background-position:-200px -450px}
.alizi-payment .alizi-payment-711{background-position:left -350px}
.alizi-payment .alizi-payment-711.active,.alizi-payment .alizi-payment-711:hover{background-position:-200px -350px}
.alizi-payment :is(.alizi-payment-family,.alizi-payment-familymart,.alizi-payment-familyMart,.alizi-payment-fami,.alizi-payment-quanjia){background-position:left -400px}
.alizi-payment :is(.alizi-payment-family,.alizi-payment-familymart,.alizi-payment-familyMart,.alizi-payment-fami,.alizi-payment-quanjia):is(.active,:hover){background-position:-200px -400px}