/* Customer shell pages (Browse, Pabili, Orders, etc.) — light/dark aligned with Design 3 */

.storefront-header-actions-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) {
  --sf-page-bg: linear-gradient(135deg, #e8eaee, #f3f4f6 55%, #eceef2);
  --sf-ink: #121826;
  --sf-muted: #6b7280;
  --sf-surface: #f7f8fa;
  --sf-surface-soft: #f3f4f6;
  --sf-border: rgba(0, 0, 0, 0.08);
  --sf-border-strong: rgba(0, 0, 0, 0.12);
  --sf-accent: #ff5a1f;
  --sf-accent-hover: #ea580c;
  --sf-accent-soft: #ff7a45;
  --sf-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
  --sf-input-bg: #fff;
  --sf-hover: rgba(0, 0, 0, 0.04);
  color: var(--sf-ink);
  background: var(--sf-page-bg);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) {
  --sf-page-bg: #111111;
  --sf-ink: #ffffff;
  --sf-muted: #a3a3a3;
  --sf-surface: #1c1c1f;
  --sf-surface-soft: #252528;
  --sf-border: rgba(255, 255, 255, 0.12);
  --sf-border-strong: rgba(255, 255, 255, 0.18);
  --sf-accent: #ff5a1f;
  --sf-accent-hover: #ff7a45;
  --sf-accent-soft: #ffb48a;
  --sf-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  --sf-input-bg: #252528;
  --sf-hover: rgba(255, 255, 255, 0.06);
  color: var(--sf-ink);
  background: var(--sf-page-bg);
}

/* Theme toggle in header */
.storefront-theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--sf-border-strong, rgba(30, 58, 138, 0.2));
  border-radius: 14px;
  background: var(--sf-surface, #fff);
  color: var(--sf-accent, #ff5a1f);
  cursor: pointer;
  box-shadow: var(--sf-shadow, 0 6px 18px rgba(15, 23, 42, 0.08));
  flex-shrink: 0;
}

.storefront-theme-toggle:hover {
  background: var(--sf-surface-soft, #eff6ff);
}

.storefront-theme-toggle svg {
  width: 20px;
  height: 20px;
  display: block;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-brand strong {
  font-weight: 600;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-brand span,
html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-brand span {
  color: var(--sf-muted);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-toggle,
html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-theme-toggle {
  background: var(--sf-surface);
  border-color: var(--sf-border);
  color: var(--sf-accent-soft);
  box-shadow: var(--sf-shadow);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-toggle:hover,
html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-theme-toggle:hover {
  background: var(--sf-surface-soft);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-panel {
  background: var(--sf-surface);
  border-color: var(--sf-border);
  box-shadow: var(--sf-shadow);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-item {
  color: var(--sf-ink);
  font-weight: 500;
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-item:hover {
  background: var(--sf-hover);
  color: var(--sf-accent-soft);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-toggle {
  background: var(--sf-surface);
  border-color: var(--sf-border);
  color: var(--sf-ink);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-panel {
  background: var(--sf-surface);
  border-color: var(--sf-border);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-item {
  color: var(--sf-ink);
  font-weight: 500;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-menu-item:hover {
  background: var(--sf-hover);
  color: var(--sf-accent);
}

/* Forms, panels, search */
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-form,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-search-panel,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-location-panel,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-order-panel,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-catalog,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-ad-carousel,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-order-card,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-construction-card,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-group,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-total {
  background: var(--sf-surface);
  border-color: var(--sf-border);
  box-shadow: var(--sf-shadow);
  color: var(--sf-ink);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-fields label,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-field label,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-step-title,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-search-label,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-catalog-title,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-title {
  color: var(--sf-ink);
  font-weight: 600;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-fields input,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-fields select,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-fields textarea,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-field input,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-field select,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-field textarea,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-search-input,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-order-panel textarea {
  background: var(--sf-input-bg);
  border-color: var(--sf-border-strong);
  color: var(--sf-ink);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-search-input::placeholder {
  color: #8a94a6;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-search-icon {
  fill: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-location-status {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-page .storefront-location-button {
  background: var(--sf-surface-soft);
  border-color: var(--sf-border);
  color: var(--sf-accent);
  font-weight: 600;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-page .storefront-location-button:hover {
  background: var(--sf-hover);
}

/* Primary actions — orange to match Design 3 */
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .pabili-button,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-confirm-button,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-checkout:not(:disabled),
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-page .storefront-product-row-add-btn {
  background: linear-gradient(135deg, #ff5a1f, #f97316);
  box-shadow: 0 12px 28px rgba(255, 90, 31, 0.28);
  color: #fff;
  font-weight: 600;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-page .storefront-product-row-add-btn:hover,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-checkout:not(:disabled):hover {
  background: linear-gradient(135deg, #ea580c, #ff5a1f);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-product-row-price,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-order-fare,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-fare-estimate,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-login-link {
  color: var(--sf-accent-soft);
  font-weight: 700;
}

/* Product rows & cart items */
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-product-row,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-item,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-item,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-merchant-group {
  background: var(--sf-surface-soft);
  border-color: var(--sf-border);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-product-row.in-cart {
  border-color: rgba(255, 90, 31, 0.35);
  background: var(--sf-hover);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-product-row-name,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-merchant-group-name {
  color: var(--sf-ink);
  font-weight: 600;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-product-row-desc {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-qty-control {
  background: var(--sf-input-bg);
  border-color: var(--sf-border-strong);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-qty-button {
  color: var(--sf-accent);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-qty-value {
  color: var(--sf-ink);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart.has-items {
  border-color: rgba(255, 90, 31, 0.35);
}

/* Cart text — override site.css hardcoded light-mode colors in dark theme */
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-count {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-item-info strong {
  color: var(--sf-ink);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-item-info span {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-line-total {
  color: var(--sf-accent-soft);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-empty {
  background: var(--sf-surface-soft);
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-summary {
  border-top-color: var(--sf-border);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-total-row {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-total-row strong {
  color: var(--sf-ink);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-coupon {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-coupon input {
  background: var(--sf-input-bg);
  border-color: var(--sf-border-strong);
  color: var(--sf-ink);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-coupon input::placeholder {
  color: #8a94a6;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-head h2,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-head strong,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-item span:first-child,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-item strong,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-fare strong,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-total strong,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-total .is-grand {
  color: var(--sf-ink);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-head strong {
  color: var(--sf-accent-soft);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-item {
  color: var(--sf-muted);
  border-top-color: var(--sf-border);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-item span {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-fare {
  color: var(--sf-muted);
  border-top-color: var(--sf-border);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-fare > span,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-total > div,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-total > div > span {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-total .is-grand {
  border-top-color: var(--sf-border);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-head p,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-fare small,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-cart-review-note {
  color: var(--sf-muted);
}

/* Chat bubbles (Pabili) */
html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .chat-bubble-bot {
  background: var(--sf-surface-soft);
  border-color: var(--sf-border);
  color: var(--sf-ink);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .chat-bubble-bot {
  background: var(--sf-surface);
  border-color: var(--sf-border);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .chat-bubble-user {
  background: linear-gradient(135deg, #ff5a1f, #f97316);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .chat-bubble-bot .muted {
  color: #94a3b8;
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .chat-bubble-bot .muted a {
  color: #93c5fd;
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .chat-example {
  background: rgba(15, 23, 42, 0.55);
  color: #f8fafc;
  border: 1px solid var(--sf-border);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .chat-example {
  background: var(--sf-surface-soft);
  color: var(--sf-ink);
  border: 1px solid var(--sf-border);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .chat-label {
  color: #fb923c;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-order-detail {
  background: var(--sf-surface-soft);
  border-color: var(--sf-border);
  color: var(--sf-ink);
}

/* Alerts — keep semantic hues, adapt surfaces */
html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-alert-error {
  background: rgba(220, 38, 38, 0.15);
  color: #fecaca;
  border-color: rgba(220, 38, 38, 0.25);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-alert-success {
  background: rgba(22, 163, 74, 0.15);
  color: #bbf7d0;
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-alert-info {
  background: rgba(59, 130, 246, 0.12);
  color: #bfdbfe;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-alert-error {
  background: #fef2f2;
  color: #b91c1c;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-alert-success {
  background: #ecfdf5;
  color: #047857;
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-alert-info {
  background: #eff6ff;
  color: #1d4ed8;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .muted {
  color: var(--sf-muted);
}

/* Checkout auth — readable panel + buttons in light/dark */
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-auth-options {
  background: var(--sf-surface);
  border-color: var(--sf-border);
  color: var(--sf-ink);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-auth-options span {
  color: var(--sf-muted);
  font-weight: 600;
  font-size: 0.84rem;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-google {
  background: #fff;
  border: 1px solid var(--sf-border-strong);
  color: #121826;
  font-weight: 600;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-signin {
  background: transparent;
  border: 1px solid var(--sf-accent);
  color: var(--sf-accent-soft);
  font-weight: 600;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-google:hover {
  background: #f3f4f6;
  border-color: var(--sf-border-strong);
  color: #121826;
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-signin:hover {
  background: var(--sf-hover);
  border-color: var(--sf-accent-hover);
  color: var(--sf-accent-soft);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-signin {
  color: var(--sf-accent);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-signin:hover {
  color: var(--sf-accent-hover);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-booking-section + .storefront-booking-section {
  border-top-color: var(--sf-border);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-checkout-status {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-field-hint,
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-booking-foot {
  color: var(--sf-muted);
}

html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-gate {
  background: var(--sf-surface-soft);
  border: 1px solid var(--sf-border);
  color: var(--sf-ink);
}

/* Login modal */
html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-login-modal-content {
  background: var(--sf-surface);
  color: var(--sf-ink);
  border: 1px solid var(--sf-border);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .storefront-login-modal-dismiss {
  background: var(--sf-surface-soft);
  color: var(--sf-ink);
  border-color: var(--sf-border);
}

/* Order chat widget */
html[data-storefront-theme] body.storefront-page:not(:has(.storefront-d3-live)) .pikap-order-chat-fab {
  background: linear-gradient(145deg, #ff5a1f, #ea580c);
  box-shadow: 0 10px 28px rgba(255, 90, 31, 0.4);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .pikap-order-chat-panel {
  background: var(--sf-surface);
  border-color: var(--sf-border);
  color: var(--sf-ink);
}

html[data-storefront-theme="light"] body.storefront-page:not(:has(.storefront-d3-live)) .pikap-order-chat-panel {
  background: var(--sf-surface);
  border-color: var(--sf-border);
}

html[data-storefront-theme="dark"] body.storefront-page:not(:has(.storefront-d3-live)) .pikap-order-chat-bubble:not(.is-mine) {
  background: var(--sf-surface-soft);
  color: var(--sf-ink);
}

/* Pasuyo modal — dark */
html[data-storefront-theme="dark"] #pasuyoAddressModal .storefront-pasuyo-modal-card {
  background: var(--sf-surface);
  border-color: var(--sf-border);
  color: var(--sf-ink);
}

html[data-storefront-theme="dark"] #pasuyoAddressModal .pasuyo-modal-header {
  background: var(--sf-surface-soft);
  border-bottom-color: var(--sf-border);
}

html[data-storefront-theme="dark"] #pasuyoAddressModal .storefront-pasuyo-modal-card h3 {
  color: var(--sf-ink);
}

html[data-storefront-theme="dark"] #pasuyoAddressModal .pasuyo-modal-task {
  background: var(--sf-hover);
  border-color: var(--sf-border);
}

html[data-storefront-theme="dark"] #pasuyoAddressModal .pasuyo-modal-task-text {
  color: var(--sf-ink);
}

html[data-storefront-theme="light"] #pasuyoAddressModal .storefront-pasuyo-modal-card {
  background: var(--sf-surface);
  border-color: var(--sf-border);
}