/* Connected-store additions; shared storefront components keep their own layout. */
.backend-connection-status{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;background:linear-gradient(115deg,#e1efeb,#f5ead7);color:#12395e;font:inherit;font-size:14px;font-weight:600;line-height:1.5;border-bottom:1px solid #ccdcd8;position:relative;z-index:20}
.backend-connection-status[hidden]{display:none}
.backend-connection-status[data-tone=error]{background:#fff0e6;color:#934316}
.backend-connection-status button{border:1px solid currentColor;background:transparent;color:inherit;padding:5px 12px;border-radius:7px;cursor:pointer;font-weight:700}
html[data-backend-catalog=loading] #rows-wrapper,html[data-backend-catalog=loading] #bento-container,html[data-backend-catalog=error] #rows-wrapper,html[data-backend-catalog=error] #bento-container{opacity:.3;pointer-events:none}
/* These commercial features require a server pricing/payment implementation. */
html[data-backend-catalog] .promo-row,html[data-backend-catalog] #order-bump-card,html[data-backend-catalog] #promo-input,html[data-backend-catalog] #promo-input+button{display:none!important}
.backend-checkout-identity{padding:13px 15px;margin:0 0 14px;border:1px solid var(--border-strong,#d3e0df);border-radius:12px;background:linear-gradient(115deg,rgba(182,216,222,.25),rgba(245,220,181,.25));font-size:14px;line-height:1.6}
.backend-checkout-identity p{margin:6px 0 0;color:var(--text-secondary,#405a78);font-size:13px}
.backend-checkout-message{font-size:14px;line-height:1.6;color:var(--brand-orange,#c54f0c);font-weight:600;min-height:0;margin:8px 0}
.backend-empty{text-align:center;padding:60px 15px;line-height:1.8;color:var(--text-secondary,#405a78)}
html[data-backend-catalog] #compare-tbody .backend-compare-unavailable .v35-compare-cta{background:var(--bg-page);color:var(--text-muted);border:1px solid var(--border-hairline);box-shadow:none;cursor:not-allowed}
html[data-backend-catalog] #compare-tbody .backend-compare-unavailable .v35-compare-cta:hover{transform:none;color:var(--text-muted)}
html.dark .backend-connection-status{background:linear-gradient(115deg,#183443,#3d3428);color:#dbe9ef;border-color:#344b56}
html.dark .backend-connection-status[data-tone=error]{background:#443028;color:#ffd3b8}
@media(max-width:600px){.backend-connection-status{font-size:13px;padding:10px 14px}}