/* Scoped commerce presentation. Server totals, tokens and payment bindings stay native. */
body.at-commerce { margin:0; background:#f6f4ee; color:#242824; font-family:Arial,"Microsoft YaHei",sans-serif; font-size:16px; }
.at-commerce *, .at-commerce *::before, .at-commerce *::after { box-sizing:border-box; }
.at-commerce a { color:inherit; }
.at-commerce-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px max(24px,calc((100% - 1240px)/2)); background:#fbfaf7; border-bottom:1px solid #dedbd2; }
.at-commerce-logo { font:30px Georgia,serif; letter-spacing:.06em; text-decoration:none; }
.at-commerce-logo span { display:block; margin-top:8px; font:10px Arial,sans-serif; letter-spacing:.12em; }
.at-commerce-header nav { display:flex; align-items:center; gap:28px; font-size:14px; }
.at-commerce-header nav > a { text-decoration:none; }
.at-commerce-header details { position:relative; }
.at-commerce-header summary { cursor:pointer; padding:12px 0; }
.at-commerce-header details > div { position:absolute; right:0; top:100%; min-width:180px; padding:12px; background:#fff; border:1px solid #dedbd2; z-index:20; box-shadow:0 12px 32px #24282414; }
.at-commerce-header details a { display:block; padding:12px; }
.at-commerce .ey-body-bg { background:none; min-height:60vh; padding:40px 24px; }
.at-commerce .ey-body, .at-commerce .ey-body .container { width:100%; max-width:1240px; margin:auto; min-width:0; }
.at-commerce .ey-body .row { margin-top:0!important; }
.at-commerce .card { border:1px solid #dedbd2!important; border-radius:6px; background:#fff; box-shadow:none!important; overflow:visible; }
.at-commerce .card-body { padding:28px!important; }
.at-commerce .name-title { font:32px Georgia,"Microsoft YaHei",serif; margin:0 0 24px; }
.at-commerce .btn-primary, .at-commerce .bg-primary { background:#242824!important; border-color:#242824!important; color:white!important; }
.at-commerce button.btn, .at-commerce a.btn { min-height:46px; border-radius:3px; padding:12px 24px; }
.at-commerce input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .at-commerce select, .at-commerce textarea { max-width:100%; border:1px solid #cbc7bc; border-radius:3px; min-height:44px; font-size:16px; }
.at-commerce input[type=checkbox], .at-commerce input[type=radio] { accent-color:#242824; }
.at-commerce :focus-visible { outline:2px solid #72583e; outline-offset:3px; }
.at-commerce .text-muted { color:#62665e!important; }
.at-commerce .p-image img { width:84px; height:96px; object-fit:contain; background:#f6f4ee; }
.at-commerce .quantity-wrap { max-width:100px; }
.at-commerce .sub-total { white-space:nowrap; }
.at-commerce .submit-cart-wrap { margin-top:24px; border-top:1px solid #dedbd2; padding-top:24px; }
.at-commerce .submit-cart-wrap .list-group { margin-left:auto; max-width:400px; }
.at-commerce .submit-cart-wrap > button { display:block; margin:20px 0 0 auto; min-width:240px; }
.at-commerce .checkout_form_input { margin-bottom:20px; }
.at-commerce .checkout_form_input label { display:block; margin-bottom:8px; }
.at-commerce .checkout_form_input label { color:#555b52; font-size:14px; }
.at-commerce .checkout-title { flex-wrap:wrap; gap:12px; }
.at-commerce .products-wrap .item { display:block!important; padding:16px 0!important; background:transparent!important; }
.at-commerce .products-wrap .item .image { display:flex; gap:12px; width:100%!important; }
.at-commerce .products-wrap .item .image .img { flex:0 0 64px; }
.at-commerce .products-wrap .item .name { min-width:0; flex:1; }
.at-commerce .products-wrap .item .price { width:auto!important; margin-top:12px; text-align:right; }
.at-commerce .form-check-input:checked { background-color:#242824!important; border-color:#242824!important; }
.at-commerce .radio-line-item.active .radio, .at-commerce .radio-line-item.active .panel_radio span { border-color:#72583e!important; }
.at-commerce .radio-line-item.active .radio::before, .at-commerce .radio-line-item.active .panel_radio span.checkmark::before { background:#72583e!important; }
.at-commerce .checkout_form_input input, .at-commerce .checkout_form_input select { width:100%; padding:10px 12px; }
.at-commerce .checkout-black { margin-bottom:28px; }
.at-commerce .checkout-title { margin-bottom:20px; }
.at-commerce .radio-line-item { border:1px solid #dedbd2; padding:16px; border-radius:4px; margin:8px 0; }
.at-commerce .radio-line-item.active { border-color:#72583e; background:#fbfaf7; }
.at-commerce .products-wrap .image img { object-fit:contain; }
.at-commerce .total-price, .at-commerce .f18 { color:#242824!important; }
.at-commerce-footer { display:flex; justify-content:space-between; gap:24px; max-width:1240px; margin:0 auto; border-top:1px solid #dedbd2; padding:28px 24px; font-size:13px; }
@media(min-width:769px) { .at-checkout #theForm { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:28px; } .at-checkout #theForm > .left-column, .at-checkout #theForm > .right-column { width:auto; padding:0; min-width:0; } }
@media(max-width:768px) {
 .at-commerce-header { padding:20px; flex-wrap:wrap; gap:12px; }
 .at-commerce-header nav { width:100%; gap:20px; justify-content:space-between; }
 .at-commerce .ey-body-bg { padding:24px 12px; }
 .at-commerce .card-body { padding:18px!important; }
 .at-commerce .ey-body .container { padding:0; }
 .at-commerce .left-column, .at-commerce .right-column { padding:0 8px; width:100%; }
 .at-commerce .right-column { margin-top:20px; }
 .at-cart .table-responsive { overflow:visible; }
 .at-cart table, .at-cart tbody { display:block; width:100%; }
 .at-cart thead, .at-cart thead tr, .at-cart thead th:first-child { display:block; width:100%; }
 .at-cart thead th:not(:first-child) { display:none; }
 .at-cart tbody tr { display:grid; grid-template-columns:110px minmax(0,1fr); border-bottom:1px solid #dedbd2; padding:16px 0; gap:12px; }
 .at-cart tbody td { display:block; width:auto!important; min-width:0!important; padding:0!important; border:0!important; }
 .at-cart tbody td:nth-child(3) { grid-column:2; }
 .at-cart tbody td:nth-child(4) { grid-column:2; }
 .at-cart tbody td:nth-child(5) { grid-column:2; }
 .at-cart tbody td:nth-child(6) { grid-column:2; }
 .at-cart .submit-cart-wrap > button { width:100%; min-width:0; }
 .at-commerce .x-fixed-top { position:static!important; }
 .at-checkout .order-top { display:block; }
 .at-checkout .order-top > .left { display:none; }
 .at-checkout .order-top > .right { width:100%; margin:0; min-width:0; }
 .at-checkout .order-info table, .at-checkout .order-info tbody, .at-checkout .order-info tr, .at-checkout .order-info td { display:block; width:100%; overflow-wrap:anywhere; }
 .at-commerce-footer { padding:24px 20px; flex-wrap:wrap; }
}