.sq-commerce-dialog{padding:0;width:min(1050px,calc(100% - 40px));max-width:calc(100% - 40px);max-height:min(880px,calc(100dvh - 40px));overflow:hidden;border:1px solid #d4be86;border-radius:22px;background:#fff;color:#191919;box-shadow:0 25px 100px #0006}
.sq-commerce-dialog[open]{display:flex;flex-direction:column}
.sq-commerce-dialog::backdrop{background:#090909b3;backdrop-filter:blur(5px)}
.sq-commerce-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 28px 16px;background:#111;color:#fff;flex-shrink:0}
.sq-commerce-head h2{font-size:28px;line-height:1.65;color:#fff;margin:0}
.sq-commerce-kicker{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#d9b557}
.sq-commerce-close{display:grid;place-items:center;border:1px solid #675934;border-radius:50%;background:transparent;color:#e2c479;font:28px/1 Arial,sans-serif;width:44px;height:44px;flex-shrink:0;cursor:pointer}
.sq-commerce-steps{display:flex;gap:10px;padding:14px 28px;border-bottom:1px solid #e7e1d7;flex-shrink:0;background:#faf8f1}
.sq-commerce-steps button{padding:8px 14px;min-height:44px;background:transparent;border:1px solid #ded6c3;border-radius:8px;font:inherit;line-height:1.6;color:#625d50}
.sq-commerce-steps button[aria-current=true]{background:#d9b557;border-color:#d9b557;color:#15120b}
.sq-commerce-body{padding:26px 28px 30px;overflow:auto;overscroll-behavior:contain;min-height:110px;min-width:0}
.sq-commerce-body>.sq-commerce-load{display:grid;justify-items:center;gap:12px;font-size:17px;line-height:1.9;text-align:center;padding:28px 18px;border:1px solid #eee6d4;border-radius:14px;background:linear-gradient(100deg,#faf8f1 20%,#fff 40%,#faf8f1 60%);background-size:220% 100%;animation:sq-commerce-shimmer 1.25s linear infinite}
.sq-commerce-body>.sq-commerce-load::before{content:"";width:31px;height:31px;border:3px solid #e1d6bb;border-top-color:#a87e25;border-radius:50%;animation:sq-commerce-spin .75s linear infinite}
@keyframes sq-commerce-spin{to{transform:rotate(1turn)}}
@keyframes sq-commerce-shimmer{to{background-position:-220% 0}}
.sq-commerce-body .cart-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:24px}
.sq-commerce-body .checkout-layout{grid-template-columns:minmax(0,1.15fr) minmax(230px,1fr);gap:22px}
.sq-commerce-body .cart-line{grid-template-columns:72px minmax(0,1fr);gap:14px}
.sq-commerce-body .cart-line-end{grid-column:2;display:flex;align-items:center;gap:20px;text-align:left}
.sq-commerce-body .cart-line-end strong{margin:0}
.sq-commerce-body .cart-line h2{font-size:15px;overflow-wrap:anywhere}
.sq-commerce-body .panel{padding:20px;min-width:0}
.sq-commerce-body .panel h2{font-size:23px}
.sq-commerce-body .order-summary{position:static}
.sq-commerce-body .checkout-item{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}
.sq-commerce-body .checkout-item h3{overflow-wrap:anywhere;font-size:13px}
.sq-commerce-body .checkout-item>strong{font-size:13px}
.sq-commerce-body label,.sq-commerce-body p{line-height:1.95}
.sq-commerce-body .form-fields input,.sq-commerce-body .form-fields textarea{font-size:16px}
.sq-commerce-body .button{gap:10px}
.sq-commerce-body [hidden]{display:none!important}
.sq-commerce-return{padding:28px 0 50px;display:grid;justify-items:start;gap:20px}
.sq-commerce-dialog :focus-visible{outline:3px solid #ba902e;outline-offset:3px}
@media(max-width:700px){
 .sq-commerce-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 24px);border-radius:16px}
 .sq-commerce-head{padding:15px 17px 12px}.sq-commerce-head h2{font-size:24px}.sq-commerce-kicker{font-size:10px}
 .sq-commerce-steps{padding:11px 15px;gap:8px}.sq-commerce-steps button{font-size:16px;padding:8px 12px;flex:1}
 .sq-commerce-body{padding:18px 15px max(24px,env(safe-area-inset-bottom))}
 .sq-commerce-body .cart-layout,.sq-commerce-body .checkout-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .sq-commerce-body .checkout-layout .order-summary{order:-1}
 .sq-commerce-body .panel{padding:18px 15px}.sq-commerce-body .quantity-control button{width:40px;height:42px}
 .sq-commerce-body .cart-line{grid-template-columns:66px minmax(0,1fr);gap:11px}
 .sq-commerce-body .cart-line h2{font-size:14px}.sq-commerce-body .summary-row{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.sq-commerce-dialog *{scroll-behavior:auto!important}.sq-commerce-body>.sq-commerce-load{animation:none}.sq-commerce-body>.sq-commerce-load::before{animation:none}}
