/* BK Digital V202 — shared customer presentation.
 * Loaded after bk-theme.css. Activation is limited to body.bk-customer-v202.
 * No visibility, route, form submission, payment, stock, or wallet-state changes.
 * Individual catalogue/list view layout remains in its own stylesheet.
 */
body.bk-customer-v202 {
  --p202-bg: #08111f;
  --p202-surface: #111f30;
  --p202-soft: #0d1928;
  --p202-raised: #18283b;
  --p202-line: rgba(151, 177, 208, .15);
  --p202-text: #eef4fc;
  --p202-muted: #a7b6c9;
  --p202-link: #9dc8ff;
  --p202-accent: #ff8a1f;
  --p202-accent-text: #ffb16d;
  --p202-shadow: 0 8px 28px rgba(0, 0, 0, .12);
  --p202-radius: 18px;
  background: var(--p202-bg) !important;
  color: var(--p202-text) !important;
}
html[data-bk-theme="light"] body.bk-customer-v202 {
  --p202-bg: #f3f6fa;
  --p202-surface: #fff;
  --p202-soft: #f6f8fb;
  --p202-raised: #edf2f8;
  --p202-line: rgba(37, 57, 83, .09);
  --p202-text: #182538;
  --p202-muted: #586b82;
  --p202-link: #2364ad;
  --p202-accent-text: #ad5100;
  --p202-shadow: 0 8px 28px rgba(40, 64, 96, .055);
}

/* Shared chrome: existing menu, login, cart and search controls keep their IDs. */
html[data-bk-theme] .bk-customer-v202 :is(.topMenu, .header-top) {
  background: var(--p202-bg) !important;
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 #mainMenu {
  background: var(--p202-surface) !important;
  border-color: var(--p202-line) !important;
  border-radius: 16px;
  box-shadow: none !important;
}
html[data-bk-theme] .bk-customer-v202 #mainMenu .menu-element {
  color: var(--p202-text) !important;
  border-radius: 10px;
}
html[data-bk-theme] .bk-customer-v202 #mainMenu .menu-element:hover {
  background: var(--p202-raised);
}
html[data-bk-theme] .bk-customer-v202 :is(.header-search-form input, .search-form input) {
  background: var(--p202-soft) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  box-shadow: none;
}
html[data-bk-theme] .bk-customer-v202 :is(.category-menu, .modern-user-actions .dropdown-menu, .mobile-login-box) {
  background: var(--p202-surface) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: 16px;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .16) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.category-menu a, .modern-user-actions .dropdown-item) {
  color: var(--p202-text) !important;
  border-radius: 8px;
}
html[data-bk-theme] .bk-customer-v202 .category-menu a {
  background: var(--p202-soft) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.category-menu a:hover, .modern-user-actions .dropdown-item:hover) {
  background: var(--p202-raised) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.site-notice-bar, .mobile-login-header, .mobile-login-footer) {
  background: var(--p202-soft) !important;
  border-color: var(--p202-line) !important;
}
.bk-customer-v202 :is(.guest-btn, .modern-user-btn, .modern-cart-btn) {
  border-radius: 12px;
}
.bk-customer-v202 .nav-wallet-values {
  font-variant-numeric: tabular-nums;
}

/* Page canvas: excludes the homepage, standalone dealer panel and Telegram. */
html[data-bk-theme] .bk-customer-v202 :is(
  .kategori-page, .all-products-page, .product-detail-page, .sepet-page,
  .account-page, .balance-page, .siparis-page, .order-message-page,
  .bk-payment-page, .support-page, .issue-page, .auth-page, .register-page,
  .forgot-page, .reset-page, .verify-page, .about-page, .contact-page,
  .help-page, .legal-page, .refund-page, .article-detail-page, .bk-guides-page,
  .bk-fav-page, .bk-not-found-page, .bk-dealer-application, .payment-guest,
  .dealer-page
) {
  background: radial-gradient(ellipse at 90% 0%, rgba(78, 129, 202, .06), transparent 500px), var(--p202-bg) !important;
  color: var(--p202-text) !important;
}
.bk-customer-v202 :is(
  .kategori-page, .product-detail-page, .sepet-page, .account-page,
  .balance-page, .siparis-page, .order-message-page, .bk-payment-page,
  .issue-page, .about-page, .contact-page, .help-page, .legal-page,
  .refund-page, .article-detail-page, .bk-guides-page, .bk-fav-page, .dealer-page
) {
  padding-top: 32px;
  padding-bottom: 64px;
}

/* Common surfaces. Specific names avoid changing hidden tabs or modal states. */
html[data-bk-theme] .bk-customer-v202 :is(
  .category-hero, .product-list-header, .subcategory-card, .product-card,
  .category-description, .bk-catalog-tools, .all-product-card,
  .product-main-card, .product-info-card, .sepet-card, .sepet-summary,
  .empty-cart, .account-sidebar, .account-content, .balance-sidebar,
  .balance-content, .order-card, .order-list-box, .order-chat-box,
  .bk-payment-hero, .bk-bank-card, .support-item, .support-empty,
  .issue-card, .issue-history-item, .auth-shell, .register-card,
  .register-side, .forgot-card, .reset-card, .verify-card, .about-card,
  .contact-card, .help-item, .help-empty, .legal-card, .refund-card,
  .article-main-card, .other-articles-card, .bk-guide-intro,
  .bk-guide-tile, .bk-guide-body, .bk-guide-sidebar, .bk-fav-card,
  .bk-fav-empty, .bk-not-found-card, .bk-application-card,
  .payment-guest-card, .bk-catalog-empty, .empty-category,
  .bk-payment-nav, .bk-payment-empty, .dealer-card
) {
  background: var(--p202-surface) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: var(--p202-radius);
  box-shadow: var(--p202-shadow) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .product-buy-card, .product-price-box, .product-feature,
  .sepet-info-box, .account-info-card, .summary-card, .history-card,
  .order-info-box, .bk-order-box, .bk-order-summary, .bk-delivery-box,
  .about-mini-card, .about-highlight, .contact-box, .seller-box,
  .issue-note, .issue-admin-note, .password-rules, .auth-register,
  .variable-amount-box, .total-info, .bk-public-payment-info,
  .bk-public-payment-security, .bk-public-payment-actions,
  .bk-payment-balance, .bk-payment-help, .no-order-box
) {
  background: var(--p202-soft) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: 13px;
  box-shadow: none !important;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .product-buy-header, .product-buy-body, .product-buy-footer,
  .order-card-head, .order-list-header, .order-chat-header,
  .history-head, .account-profile, .balance-profile, .bk-bank-footer,
  .bk-bank-title, .bk-order-modal-header, .bk-payment-modal-header,
  .bk-payment-modal-footer, .mobile-login-body
) {
  background: var(--p202-surface) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .sepet-hero, .siparis-hero, .order-message-hero, .all-products-hero,
  .help-hero, .article-detail-hero
) {
  background: transparent !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  box-shadow: none !important;
}
.bk-customer-v202 :is(.sepet-hero, .siparis-hero, .all-products-hero, .help-hero, .article-detail-hero) {
  padding-top: 30px;
  padding-bottom: 28px;
}
.bk-customer-v202 :is(.account-content, .balance-content, .product-content, .product-info-card, .article-main-card) {
  padding: clamp(20px, 3vw, 32px);
}
.bk-customer-v202 :is(.legal-card, .refund-card, .about-card, .contact-card) {
  padding: clamp(22px, 3vw, 36px);
}
.bk-customer-v202 :is(.order-card-body, .subcategory-body, .product-card-body) {
  padding: 20px;
}
.bk-customer-v202 :is(.product-list-header, .bk-catalog-tools) {
  padding: 20px 22px;
}
.bk-customer-v202 :is(.product-card, .all-product-card, .subcategory-card, .bk-fav-card) {
  transition: border-color .18s ease, box-shadow .18s ease;
}
.bk-customer-v202 :is(.product-card, .all-product-card, .subcategory-card, .bk-fav-card):hover {
  border-color: rgba(255, 138, 31, .36) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .1) !important;
  transform: none;
}

/* Shared hierarchy, with exact selectors so status/amount colors survive. */
html[data-bk-theme] .bk-customer-v202 :is(
  .category-hero, .product-list-header, .all-products-hero, .bk-catalog-summary,
  .product-content, .product-info-card, .sepet-hero, .sepet-summary,
  .account-content, .balance-content, .siparis-hero, .order-message-hero,
  .bk-payment-hero, .support-head, .issue-card, .auth-card, .dealer-head, .dealer-card,
  .auth-aside, .register-card, .register-side, .forgot-card,
  .reset-card, .verify-card, .about-card, .contact-card,
  .help-hero, .legal-card, .refund-card, .article-detail-hero,
  .article-main-card, .other-articles-card, .bk-guides-page,
  .bk-fav-page, .bk-not-found-card, .bk-application-card,
  .payment-guest-card
) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--p202-text) !important;
  letter-spacing: -.025em;
  line-height: 1.3;
}
.bk-customer-v202 :is(
  .category-hero, .all-products-hero, .product-content, .sepet-hero,
  .account-content, .balance-content, .siparis-hero, .order-message-hero,
  .bk-payment-hero, .support-head, .issue-card, .auth-card,
  .register-card, .about-card, .contact-card, .help-hero, .dealer-head,
  .legal-card, .refund-card, .article-detail-hero, .bk-fav-page
) h1 {
  font-size: clamp(27px, 3.4vw, 39px);
  font-weight: 800;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .product-title, .product-card-title, .all-product-name, .subcategory-name,
  .order-card-title, .account-name, .balance-name, .history-head,
  .bk-bank-title, .bk-fav-name, .support-id, .sepet-product-name,
  .auth-label, .detail-input-label, .order-info-box strong:not(.price),
  .bk-fav-title, .help-item summary, .bk-guide-body summary
) {
  color: var(--p202-text) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .category-hero p, .product-list-header small, .bk-catalog-count,
  .all-product-category, .product-price-box small, .product-feature span,
  .detail-delivery-note, .form-help, .sepet-hero p, .sepet-product-sub,
  .summary-row, .account-email, .account-content-desc,
  .account-balance-label, .account-info-card p, .balance-email,
  .balance-desc, .balance-label, .summary-title, .order-info-box small,
  .order-progress, .order-live-state, .siparis-hero p,
  .order-message-hero p, .order-chat-meta, .support-meta,
  .register-note, .auth-card-heading p, .auth-aside li,
  .auth-register span, .welcome-desc, .welcome-feature,
  .about-card p, .legal-card p, .legal-card li, .legal-meta,
  .contact-card p, .help-content, .bk-guide-meta,
  .bk-guide-body p, .bk-guide-body li, .bk-guide-intro p,
  .bk-guide-tile p, .bk-guide-sidebar p, .bk-fav-sub,
  .bk-application-intro, .bk-application-hint, .payment-privacy,
  .seller-box strong, .bk-payment-hero p, .empty-cart p, .bk-cart-price-note,
  .bk-order-box p span, .bk-order-summary div, .order-list-item small,
  .text-muted
) {
  color: var(--p202-muted) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .category-breadcrumb, .product-breadcrumb, .bk-guide-breadcrumb
) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.bk-customer-v202 :is(.category-breadcrumb, .product-breadcrumb) {
  margin-bottom: 18px;
}
.bk-customer-v202 :is(.category-breadcrumb, .product-breadcrumb) .breadcrumb {
  padding-left: 0;
  padding-right: 0;
  background: transparent !important;
  flex-wrap: wrap;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .category-breadcrumb a, .product-breadcrumb a, .bk-guide-breadcrumb a,
  .bk-catalog-reset, .order-again-link, .other-article-link,
  .account-info-card a, .bk-page-return, .article-back-btn
) {
  color: var(--p202-link) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .category-breadcrumb .active, .product-breadcrumb .active,
  .bk-guide-eyebrow, .price-new, .product-price-box strong,
  .account-balance-value, .balance-value, .summary-total span:last-child
) {
  color: var(--p202-accent-text) !important;
}
.bk-customer-v202 :is(.product-card-title, .all-product-name, .order-card-title) {
  line-height: 1.5;
  font-weight: 750;
}
html[data-bk-theme] .bk-customer-v202 :is(.bk-order-box p, .bk-order-summary .total, .order-list-item strong, .bk-bank-info strong) {
  color: var(--p202-text) !important;
}
html[data-bk-theme] .bk-customer-v202 .summary-card .summary-value:not(.orange):not(.green):not(.red) {
  color: var(--p202-text) !important;
}
.bk-customer-v202 :is(
  .price-new, .authorized-usdt-price, .global-try-equivalent,
  .price-total, .product-price-box strong, .summary-total,
  .account-balance-value, .balance-value, .summary-value, .order-no
) {
  font-variant-numeric: tabular-nums;
}

/* Forms retain disabled/readonly state and native validation behavior. */
html[data-bk-theme] .bk-customer-v202 :is(
  .form-control, .bk-catalog-field input, .bk-catalog-field select,
  .auth-input, .reply textarea, .chat-form textarea,
  .variable-amount-input, .sepet-qty input
) {
  background: var(--p202-soft) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: 11px;
  box-shadow: none;
}
.bk-customer-v202 :is(.form-control, .bk-catalog-field input, .bk-catalog-field select) {
  min-height: 46px;
  padding: 10px 12px;
  font-size: 14px;
}
.bk-customer-v202 textarea.form-control {
  height: auto;
  min-height: 112px;
  resize: vertical;
}
.bk-customer-v202 :is(.form-control, .bk-catalog-field input)::placeholder {
  color: var(--p202-muted) !important;
  opacity: .8;
}
html[data-bk-theme] .bk-customer-v202 :is(.form-control:disabled, .form-control[readonly]) {
  background: var(--p202-raised) !important;
  color: var(--p202-muted) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.form-control:focus, .auth-input:focus-within) {
  border-color: #dc7820 !important;
  box-shadow: 0 0 0 3px rgba(255, 138, 31, .12) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.account-form label, .bk-catalog-field label, .register-card label) {
  color: var(--p202-text) !important;
  font-size: 13px;
  font-weight: 650;
}
.bk-customer-v202 .form-group {
  margin-bottom: 19px;
}
.bk-customer-v202 :is(.form-control, .auth-input input, .variable-amount-input) {
  max-width: 100%;
}
html[data-bk-theme] .bk-customer-v202 .auth-input input {
  background: transparent !important;
  color: var(--p202-text) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.auth-card, .auth-aside) {
  background: var(--p202-surface) !important;
  border-color: var(--p202-line) !important;
}
html[data-bk-theme="light"] .bk-customer-v202 .auth-alert-danger {
  background: #fbe9ec;
  color: #a52943;
  border-color: #efc8d0;
}
html[data-bk-theme="light"] .bk-customer-v202 .auth-alert-success {
  background: #e4f4ec;
  color: #17613f;
  border-color: #c6e7d7;
}
.bk-customer-v202 :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid #dc7820;
  outline-offset: 3px;
}
.bk-customer-v202 :is(button, input, select, textarea) {
  accent-color: #e47c20;
}
.bk-customer-v202 :is(
  .detail-add-cart, .add-cart-btn, .all-product-btn, .sepet-btn-main,
  .account-submit, .auth-submit, .register-btn, .forgot-btn,
  .reset-btn, .verify-btn, .bk-catalog-submit, .bk-payment-submit,
  .bk-bank-button, .issue-submit, .chat-send-btn, .support-new,
  .bk-application-submit, .bk-guide-cta
) {
  min-height: 46px;
  border-radius: 11px;
  font-weight: 750;
  line-height: 1.35;
  white-space: normal;
  text-align: center;
}
html[data-bk-theme] .bk-customer-v202 :is(
  .detail-add-cart, .all-product-btn, .sepet-btn-main, .account-submit,
  .auth-submit, .register-btn, .forgot-btn, .reset-btn, .verify-btn,
  .bk-catalog-submit, .bk-payment-submit, .issue-submit,
  .chat-send-btn, .support-new, .bk-application-submit, .bk-guide-cta
) {
  background: #ff8a1f !important;
  border-color: #ff8a1f !important;
  color: #142033 !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.view-detail-btn, .order-message-btn, .verify-secondary) {
  background: var(--p202-raised) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: 11px;
}
.bk-customer-v202 :is(.product-actions, .order-actions, .login-required-actions, .payment-guest-actions) {
  gap: 10px;
}
.bk-customer-v202 :is(.product-actions, .order-actions) > * {
  min-width: 0;
}
.bk-customer-v202 :is(.stock-badge, .all-product-stock, .type-badge, .order-status) {
  line-height: 1.35;
  font-weight: 650;
}
/* Semantic state colors are deliberately not replaced by neutral text. */
html[data-bk-theme="light"] .bk-customer-v202 :is(.stock-badge:not(.out), .all-product-stock:not(.out), .account-badge, .balance-badge, .type-badge.in) {
  background: #e4f4ec !important;
  color: #17613f !important;
}
html[data-bk-theme="light"] .bk-customer-v202 :is(.stock-badge.out, .all-product-stock.out) {
  background: #fbe9ec !important;
  color: #9c2944 !important;
}
html[data-bk-theme="light"] .bk-customer-v202 .amount-plus {
  color: #176d49;
}
html[data-bk-theme="light"] .bk-customer-v202 .amount-minus {
  color: #aa2841;
}

/* Product detail uses its existing image and purchase layout. */
html[data-bk-theme] .bk-customer-v202 .product-visual {
  background: var(--p202-soft) !important;
}
.bk-customer-v202 .product-visual {
  padding: 20px;
}
.bk-customer-v202 .product-visual:before {
  border-color: transparent;
}
.bk-customer-v202 .product-visual-image {
  border-radius: 13px;
  object-fit: contain;
}
.bk-customer-v202 .product-feature-grid {
  gap: 12px;
}
html[data-bk-theme] .bk-customer-v202 :is(.qty-box input, .qty-detail-box input) {
  background: var(--p202-soft) !important;
  color: var(--p202-text) !important;
}
.bk-customer-v202 :is(.qty-box, .qty-detail-box) {
  border-radius: 10px;
}
.bk-customer-v202 .product-price-box {
  padding: 20px;
}
.bk-customer-v202 .product-buy-card {
  border-radius: 14px;
}
html[data-bk-theme] .bk-customer-v202 .product-info-card #information {
  color: var(--p202-muted) !important;
}
html[data-bk-theme] .bk-customer-v202 .product-info-card #information :is(p, li, span, div) {
  color: var(--p202-muted) !important;
}
html[data-bk-theme] .bk-customer-v202 .product-info-card #information :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--p202-text) !important;
}
html[data-bk-theme] .bk-customer-v202 .product-info-card #information a {
  color: var(--p202-link) !important;
}

/* Existing cart and history tables keep their native table structure. */
html[data-bk-theme] .bk-customer-v202 :is(.sepet-table, .balance-table) {
  color: var(--p202-text) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.sepet-table, .balance-table) th {
  background: var(--p202-soft) !important;
  color: var(--p202-muted) !important;
  border-color: var(--p202-line) !important;
  letter-spacing: .035em;
  font-weight: 650;
}
html[data-bk-theme] .bk-customer-v202 .sepet-table td {
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
}
.bk-customer-v202 :is(.sepet-table, .balance-table) :is(th, td) {
  padding: 16px 14px;
}
.bk-customer-v202 .balance-table td {
  border-color: var(--p202-line);
}
.bk-customer-v202 .sepet-summary {
  padding: 24px;
}
.bk-customer-v202 .summary-row {
  border-color: var(--p202-line);
  gap: 12px;
}
html[data-bk-theme] .bk-customer-v202 .summary-total {
  color: var(--p202-text) !important;
}
.bk-customer-v202 :is(.checkout-legal, .checkout-obligation) {
  line-height: 1.6;
}

/* Account/sidebar and order layouts remain native, with safer long values. */
.bk-customer-v202 :is(.account-avatar, .balance-avatar) {
  width: 62px;
  height: 62px;
  background: var(--p202-raised);
  color: var(--p202-link);
  font-size: 32px;
}
.bk-customer-v202 :is(.account-balance-box, .balance-box) {
  flex-wrap: wrap;
  gap: 14px;
}
.bk-customer-v202 :is(.account-balance-item, .balance-item) {
  flex: 1 1 105px;
  min-width: 0;
}
.bk-customer-v202 :is(.account-balance-value, .balance-value, .summary-value) {
  overflow-wrap: anywhere;
}
.bk-customer-v202 :is(.account-email, .balance-email) {
  overflow-wrap: anywhere;
}
html[data-bk-theme] .bk-customer-v202 :is(.account-content, .balance-content, .product-info-card, .dealer-card) hr {
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.account-menu a, .balance-menu a) {
  color: var(--p202-text) !important;
  border-radius: 10px;
}
html[data-bk-theme] .bk-customer-v202 :is(.account-menu a.active, .balance-menu a.active, .account-menu a:hover, .balance-menu a:hover) {
  background: var(--p202-raised) !important;
  border-left-color: #ff8a1f;
}
html[data-bk-theme] .bk-customer-v202 :is(.account-menu a.text-danger, .balance-menu a.text-danger) {
  color: #e95f78 !important;
}
html[data-bk-theme="light"] .bk-customer-v202 :is(.account-menu a.text-danger, .balance-menu a.text-danger) {
  color: #a52943 !important;
}
.bk-customer-v202 .order-card-head {
  padding: 20px;
}
.bk-customer-v202 .order-card-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.bk-customer-v202 .order-no {
  flex: 0 0 auto;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  width: auto;
  padding: 6px 10px;
  border: 0;
}
.bk-customer-v202 .order-info-box {
  padding: 14px;
  min-width: 0;
}
.bk-customer-v202 .order-info-box strong {
  overflow-wrap: anywhere;
  font-size: 15px;
}
.bk-customer-v202 .order-info-box .price {
  color: var(--p202-accent-text);
}
.bk-customer-v202 .order-history-tools {
  gap: 14px;
  flex-wrap: wrap;
}
.bk-customer-v202 .order-filterbar {
  border-radius: 14px;
  gap: 10px;
}
.bk-customer-v202 .order-actions :is(a, button) {
  padding: 11px 10px;
  min-height: 44px;
  line-height: 1.35;
  white-space: normal;
}
html[data-bk-theme] .bk-customer-v202 :is(.bk-order-modal-content, .bk-payment-modal, .modal-content, .cart-toast-box) {
  background: var(--p202-surface) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: 18px;
}
html[data-bk-theme] .bk-customer-v202 :is(.bk-delivery-box pre, .bk-delivery-box code) {
  background: var(--p202-soft) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
}
.bk-customer-v202 :is(.bk-delivery-box pre, .bk-delivery-box code) {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
html[data-bk-theme] .bk-customer-v202 :is(.bk-message-item, .bk-message-head, .bk-message-box, .order-chat-messages, .chat-empty) {
  background: var(--p202-soft) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.order-list-item, .chat-message, .bk-message-text) {
  color: var(--p202-text) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.chat-message.admin, .bubble-admin) {
  background: var(--p202-raised) !important;
  color: var(--p202-text) !important;
}

/* Payment/help surfaces: QR codes, bank logos and existing overlays are untouched. */
.bk-customer-v202 .bk-bank-card {
  border-radius: 16px;
}
.bk-customer-v202 .bk-bank-iban {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
html[data-bk-theme] .bk-customer-v202 .bk-payment-balance span {
  background: var(--p202-raised) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.bk-payment-nav .nav-link, .bk-bank-info, .bk-bank-iban) {
  color: var(--p202-text) !important;
  background: var(--p202-soft) !important;
  border-color: var(--p202-line) !important;
}
.bk-customer-v202 .bk-payment-nav .nav-link {
  border-radius: 11px;
  padding: 13px 15px;
}
html[data-bk-theme] .bk-customer-v202 .bk-payment-nav .nav-link.active {
  background: #ff8a1f !important;
  color: #142033 !important;
}
.bk-customer-v202 :is(.support-top, .support-meta) {
  padding-left: 20px;
  padding-right: 20px;
}
.bk-customer-v202 .support-top {
  gap: 14px;
  align-items: flex-start;
}
.bk-customer-v202 .support-id {
  min-width: 0;
  overflow-wrap: anywhere;
}
html[data-bk-theme] .bk-customer-v202 .reply {
  background: var(--p202-soft) !important;
  border-color: var(--p202-line) !important;
}
.bk-customer-v202 .bubble {
  font-size: 14px;
  line-height: 1.65;
}
html[data-bk-theme] .bk-customer-v202 :is(.help-item, .bk-guide-body) details {
  border-color: var(--p202-line) !important;
}

/* Text pages and favourites use the same rhythm without recoloring brand images. */
.bk-customer-v202 :is(.bk-managed-content, .article-content, .refund-section, .help-content, .bk-guide-body) {
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.bk-customer-v202 :is(.bk-managed-content, .article-content, .refund-section, .help-content) :is(h2, h3) {
  margin-top: 1.65em;
  margin-bottom: .7em;
}
html[data-bk-theme] .bk-customer-v202 :is(.bk-managed-content, .article-content, .refund-section, .help-content, .bk-guide-body) a {
  color: var(--p202-link) !important;
  text-underline-offset: 3px;
}
html[data-bk-theme] .bk-customer-v202 .bk-fav-tabs {
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 .bk-fav-tab {
  background: var(--p202-soft) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: 11px;
}
html[data-bk-theme] .bk-customer-v202 .bk-fav-tab.active {
  background: #ff8a1f !important;
  color: #142033 !important;
  border-color: #ff8a1f !important;
}
.bk-customer-v202 .bk-fav-tabs {
  flex-wrap: wrap;
  gap: 10px;
}
.bk-customer-v202 :is(.bk-catalog-pages, .pagination-wrap, .order-pagination) :is(a, span) {
  border-radius: 10px;
}
html[data-bk-theme] .bk-customer-v202 :is(.bk-catalog-pages, .pagination-wrap, .order-pagination) a {
  color: var(--p202-text) !important;
  background: var(--p202-surface) !important;
  border-color: var(--p202-line) !important;
}
.bk-customer-v202 .article-main-image {
  border-radius: 12px;
}
html[data-bk-theme] .bk-customer-v202 footer.page-footer {
  background: var(--p202-soft) !important;
  color: var(--p202-muted) !important;
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 footer.page-footer :is(a, p, li) {
  color: var(--p202-muted) !important;
}
html[data-bk-theme] .bk-customer-v202 footer.page-footer h6 {
  background: transparent !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  box-shadow: none !important;
  letter-spacing: .035em;
}

/* Older customer notification/sales screens have no page-specific wrapper. */
html[data-bk-theme] .bk-customer-v202 :is(.jumbotron, .card:has(.urunlerTablosu), .card:has(.siparislerTablosu)) {
  background: var(--p202-surface) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
  border-radius: 18px;
  box-shadow: var(--p202-shadow) !important;
}
.bk-customer-v202 .jumbotron {
  padding: 30px 24px;
}
html[data-bk-theme] .bk-customer-v202 .jumbotron :is(h1, h2, h3) {
  color: var(--p202-text) !important;
  font-size: clamp(27px, 3.4vw, 39px);
}
html[data-bk-theme] .bk-customer-v202 :is(.urunlerTablosu, .siparislerTablosu) {
  color: var(--p202-text) !important;
  background: var(--p202-surface) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.urunlerTablosu, .siparislerTablosu) th {
  background: var(--p202-soft) !important;
  color: var(--p202-muted) !important;
}
html[data-bk-theme] .bk-customer-v202 :is(.urunlerTablosu, .siparislerTablosu) :is(th, td) {
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 #BildirimAccordion :is(.card, .card-header, .card-body) {
  background: var(--p202-surface) !important;
  color: var(--p202-text) !important;
  border-color: var(--p202-line) !important;
}
html[data-bk-theme] .bk-customer-v202 #BildirimAccordion .card-header {
  border-radius: 14px 14px 0 0 !important;
}
html[data-bk-theme] .bk-customer-v202 #BildirimAccordion .card-header a {
  color: var(--p202-link) !important;
}

/* The legacy /bayi page is shared customer chrome; standalone dealer hosts
 * never receive bk-customer-v202, so this cannot affect those applications. */
html[data-bk-theme] .bk-customer-v202 .dealer-wrap {
  --dealer-card: var(--p202-surface);
  --dealer-text: var(--p202-text);
  --dealer-muted: var(--p202-muted);
  --dealer-border: var(--p202-line);
  --dealer-hover: var(--p202-raised);
  --dealer-code: var(--p202-soft);
  --dealer-input: var(--p202-soft);
  color: var(--p202-text);
}
.bk-customer-v202 .dealer-head > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.bk-customer-v202 .dealer-card {
  padding: 22px;
}
.bk-customer-v202 .dealer-tabs a {
  border-radius: 11px;
  min-height: 44px;
}
.bk-customer-v202 .dealer-table {
  font-size: 14px;
  line-height: 1.65;
}
.bk-customer-v202 .dealer-table :is(th, td) {
  padding: 14px 12px;
}
.bk-customer-v202 .dealer-search {
  min-height: 46px;
  border-radius: 11px;
}
.bk-customer-v202 .dealer-code {
  padding: 12px;
  border-radius: 11px;
}

@media (max-width: 991px) {
  .bk-customer-v202 :is(.account-content, .balance-content, .product-content, .product-info-card) {
    padding: 22px;
  }
  .bk-customer-v202 .product-feature-grid {
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .bk-customer-v202 :is(
    .kategori-page, .product-detail-page, .sepet-page, .account-page,
    .balance-page, .siparis-page, .order-message-page, .bk-payment-page,
    .issue-page, .about-page, .contact-page, .help-page, .legal-page,
    .refund-page, .article-detail-page, .bk-guides-page, .bk-fav-page
  ) {
    padding-top: 22px;
    padding-bottom: 42px;
  }
  .bk-customer-v202 :is(.sepet-hero, .siparis-hero, .all-products-hero, .help-hero, .article-detail-hero) {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .bk-customer-v202 :is(.category-hero, .product-list-header, .bk-catalog-tools) {
    padding: 18px;
  }
  .bk-customer-v202 .product-list-header {
    flex-wrap: wrap;
    gap: 14px;
  }
  .bk-customer-v202 :is(.account-content, .balance-content, .product-info-card) {
    padding: 20px;
  }
  .bk-customer-v202 .product-visual {
    padding: 16px;
  }
  .bk-customer-v202 .order-card-head {
    padding: 18px;
    gap: 10px;
  }
  .bk-customer-v202 .order-card-body {
    padding: 18px;
  }
  .bk-customer-v202 .order-info-box strong {
    font-size: 15px;
  }
  .bk-customer-v202 .sepet-summary {
    position: static;
  }
  .bk-customer-v202 :is(.bk-delivery-header, .bk-delivery-actions, .bk-payment-help-actions) {
    flex-wrap: wrap;
    gap: 10px;
  }
  .bk-customer-v202 .support-status {
    max-width: 35%;
    overflow-wrap: anywhere;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bk-customer-v202 :is(.product-card, .all-product-card, .subcategory-card, .bk-fav-card) {
    transition: none;
  }
}