/* Shared checkout shell used by Arsenal and Territoire. Dashboard calculator
   does not load catalog styling, so this component owns its full appearance. */
.qty-popover-overlay { position:fixed; inset:0; z-index:8700; display:none; align-items:center; justify-content:center; padding:var(--sp-4,16px); background:rgba(0,0,0,.68); backdrop-filter:blur(4px); }
.qty-popover-overlay.open { display:flex; }
.qty-popover { width:min(100%,420px); max-height:min(88vh,760px); overflow-y:auto; box-sizing:border-box; padding:var(--sp-5,20px); display:flex; flex-direction:column; gap:var(--sp-3,12px); color:var(--text-primary,#f0f0f0); background:var(--bg-surface,#191919); border:1px solid var(--border-gold,rgba(213,182,84,.46)); border-radius:var(--r-lg,12px); box-shadow:var(--shadow-lg,0 18px 55px rgba(0,0,0,.55)); }
.qty-popover-title { font:700 1.08rem/1.2 'Rajdhani',sans-serif; color:var(--gold,#d5b654); text-transform:uppercase; letter-spacing:.04em; }
.qty-popover-actions { display:flex; justify-content:flex-end; gap:var(--sp-2,8px); margin-top:var(--sp-2,8px); }
.qty-popover-actions .btn { flex:1; }
.ars-build-modal { max-width:440px; }
.ars-build-modal .form-label { display:block; margin-top:var(--sp-2,8px); color:var(--text-secondary,#c0c0c0); font-weight:650; }
.ars-build-modal .form-control { width:100%; box-sizing:border-box; min-height:42px; color:var(--text-primary,#f0f0f0); background:var(--bg-raised,#232323); border:1.5px solid var(--border-mid,#4b4b4b); border-radius:var(--r-sm,6px); padding:9px 11px; font:inherit; }
.ars-build-modal .form-control:focus { outline:none; border-color:var(--gold,#d5b654); box-shadow:0 0 0 3px rgba(213,182,84,.14); }
.ars-build-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3,12px); }
.ars-country-picker { position:relative; }
.ars-country-dropdown { position:absolute; z-index:4; top:calc(100% + 4px); left:0; right:0; max-height:220px; overflow-y:auto; padding:4px; background:var(--bg-overlay,#242424); border:1px solid var(--border-mid,#484848); border-radius:var(--r-sm,6px); box-shadow:0 10px 30px rgba(0,0,0,.45); }
.ars-country-option,.ars-country-none { width:100%; box-sizing:border-box; padding:8px 10px; border:0; border-radius:4px; background:transparent; color:var(--text-secondary,#c0c0c0); text-align:left; font:inherit; }
.ars-country-option { cursor:pointer; }
.ars-country-option:hover,.ars-country-option.active { color:var(--gold,#d5b654); background:rgba(213,182,84,.1); }
.ars-country-none { color:var(--text-muted,#888); }
.ars-picker-hint { float:right; color:var(--text-muted,#888); font-size:.78em; }
.ars-build-price { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-top:4px; padding:11px 12px; border:1px solid rgba(213,182,84,.26); border-radius:var(--r-md,8px); background:rgba(213,182,84,.07); }
.ars-build-price-label { color:var(--text-muted,#888); font-size:.73rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.ars-build-price-value { color:var(--gold,#d5b654); font:700 1.25rem/1 'Rajdhani',sans-serif; }
.ars-checkout-summary { margin:0; color:var(--text-secondary,#c0c0c0); line-height:1.55; }
.ars-checkout-count { color:var(--gold,#d5b654); font-weight:700; }
@media (max-width:480px) { .qty-popover-overlay { align-items:flex-end; padding:0; } .qty-popover { width:100%; max-width:none; border-radius:14px 14px 0 0; } .ars-build-row { grid-template-columns:1fr; } }