/* Scrollbars hidden storewide */
html, body, * { scrollbar-width: none !important; -ms-overflow-style: none !important; }
html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar {
  width: 0 !important; height: 0 !important; display: none !important;
}

/* ==========================================================================
   Tneen Express — AliExpress-inspired retail schema (sitewide)
   Warm off-white + navy header + coral CTAs
   ========================================================================== */
:root {
  --az-bg: #F7F4EF;
  --az-page: #ffffff;
  --az-text: #0B1F33;
  --az-muted: #4a5568;
  --az-link: #007185;
  --az-link-hover: #E62E04;
  --az-border: #e2ddd4;
  --az-price: #E62E04;
  --az-star: #de7921;
  --az-nav: #0B1F33;
  --az-nav-2: #132a45;
  --az-nav-3: #1e3a5f;
  --az-search: #FF4747;
  --az-atc: #FF4747;
  --az-atc-border: #E62E04;
  --az-buy: #E62E04;
  --az-buy-border: #c42800;
  --az-success: #007600;
  --bg-main: var(--az-bg);
  --accent-amber: #FF4747;
  --brand-orange: #FF4747;
  --font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, "Helvetica Neue", sans-serif;
}

html {
  color-scheme: light;
}

html.dark {
  color-scheme: light;
}

body {
  font-family: var(--font-sans) !important;
  background: var(--az-bg) !important;
  color: var(--az-text) !important;
}

body.az-pdp-mode {
  background: var(--az-page) !important;
}

.font-display {
  font-family: var(--font-sans) !important;
  font-weight: 700;
}

/* ——— Header (Amazon.ae desktop chrome) ——— */
#store-header,
header#store-header,
.az-topnav {
  background: var(--az-nav) !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
  color: #fff !important;
  padding: 0 !important;
  gap: 0 !important;
  flex-wrap: nowrap;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: block !important;
}
.az-topnav-inner {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.75rem 0.55rem;
  min-height: 60px;
}
.az-header-brand {
  display: flex !important;
  align-items: center;
  gap: 0.45rem;
  flex-shrink: 0;
  padding: 0.25rem 0.4rem !important;
  margin-right: 0.15rem;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 2px !important;
  cursor: pointer;
  color: #fff !important;
}
.az-header-brand:hover {
  border-color: #fff !important;
}
#store-header .brand-mark {
  border-radius: 4px !important;
  box-shadow: none !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  object-fit: cover;
}
.az-brand-text {
  display: none;
  text-align: left;
  line-height: 1.1;
}
.az-brand-name {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}
.az-brand-tag {
  font-size: 0.62rem;
  color: #48c3ff;
  font-weight: 600;
  margin-top: 1px;
}
@media (min-width: 900px) {
  .az-brand-text { display: block; }
}

.az-deliver-btn {
  display: none;
  align-items: center;
  gap: 0.2rem;
  flex-shrink: 0;
  padding: 0.35rem 0.45rem !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 2px !important;
  color: #fff !important;
  cursor: pointer;
  text-align: left;
  max-width: 9.5rem;
}
.az-deliver-btn:hover { border-color: #fff !important; }
.az-deliver-pin {
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
  margin-top: 0.55rem;
}
.az-deliver-copy {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  min-width: 0;
}
.az-deliver-line1 {
  font-size: 0.7rem;
  color: #ccc;
  white-space: nowrap;
}
.az-deliver-line2 {
  font-size: 0.82rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .az-deliver-btn { display: inline-flex !important; }
}

.az-search-form {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  min-width: 0;
  max-width: none;
  height: 40px;
  margin: 0 0.35rem;
  position: relative;
}
.az-search-field {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: stretch;
}
.az-search-suggest {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  z-index: 80;
  margin: 0;
  padding: 0.35rem 0;
  list-style: none;
  background: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(15, 17, 17, 0.18);
  max-height: min(70vh, 22rem);
  overflow-y: auto;
}
.az-search-suggest[hidden] {
  display: none !important;
}
.az-search-suggest-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  padding: 0.55rem 0.85rem;
  border: 0;
  background: transparent;
  color: #0f1111;
  text-align: left;
  cursor: pointer;
  font-size: 0.92rem;
  line-height: 1.25;
}
.az-search-suggest-item:hover,
.az-search-suggest-item.is-active {
  background: #f7fafa;
}
.az-search-suggest-item img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 4px;
  background: #fff;
  flex-shrink: 0;
}
.az-search-suggest-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #565959;
  background: #f0f2f2;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.az-search-suggest-text {
  min-width: 0;
  flex: 1;
}
.az-search-suggest-text strong {
  display: block;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.az-search-suggest-text span {
  display: block;
  font-size: 0.72rem;
  color: #565959;
  margin-top: 0.1rem;
}
.az-search-dept {
  display: none;
  flex-shrink: 0;
  position: relative;
}
.az-search-dept select {
  appearance: none;
  -webkit-appearance: none;
  height: 100%;
  max-width: 7.5rem;
  padding: 0 1.6rem 0 0.7rem;
  border: 0;
  border-radius: 4px 0 0 4px;
  background: #e6e6e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.45rem center;
  color: #555;
  font-size: 0.78rem;
  cursor: pointer;
  border-right: 1px solid #cdcdcd;
}
.az-search-dept select:hover,
.az-search-dept select:focus {
  background-color: #d4d4d4;
  outline: none;
}
.az-search-shell,
#search-form .az-search-shell,
.az-search-form .az-search-shell,
#search-form .relative {
  display: flex !important;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  background: #fff;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
}
.az-search-shell:focus-within,
.az-search-form .az-search-shell:focus-within {
  box-shadow: 0 0 0 2px #f90, 0 0 0 3px rgba(255, 153, 0, 0.45);
}
#search-form .relative::after {
  display: none !important;
}
#search-form .relative > i[data-lucide="search"],
#search-form .az-search-icon,
.az-search-form .az-search-icon {
  display: none;
}
#search-input,
.az-search-shell input[type="search"],
.az-search-form input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 40px !important;
  background: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  color: #0f1111 !important;
  padding: 0 0.75rem !important;
  font-size: 0.95rem !important;
}
#search-input:focus,
.az-search-shell input[type="search"]:focus {
  outline: none;
}
.az-search-submit {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  border: 0 !important;
  border-radius: 0 4px 4px 0 !important;
  background: var(--az-search) !important;
  color: #0B1F33 !important;
  cursor: pointer;
  padding: 0 !important;
}
.az-search-submit:hover {
  background: #f3a847 !important;
  border-color: transparent !important;
}
@media (min-width: 768px) {
  .az-search-dept { display: block; }
  .az-search-submit { display: inline-flex !important; }
  .az-search-shell { border-radius: 0 4px 4px 0; }
}

.az-header-actions {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  flex-shrink: 0;
  margin-left: 0.25rem;
}
.az-header-lang,
.az-header-orders,
.az-header-wish,
.az-header-notif,
.az-header-cart,
.az-header-account button {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  padding: 0.35rem 0.45rem !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 2px !important;
  color: #fff !important;
  cursor: pointer;
  line-height: 1.1;
  text-align: left;
}
.az-header-lang:hover,
.az-header-orders:hover,
.az-header-wish:hover,
.az-header-notif:hover,
.az-header-cart:hover,
.az-header-account button:hover {
  border-color: #fff !important;
}
.az-header-lang {
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  font-weight: 700;
  font-size: 0.82rem;
}
.az-lang-flag { display: inline-flex; align-items: center; line-height: 1; color: #fff; }
.az-lang-caret { width: 0.75rem; height: 0.75rem; opacity: 0.85; }
.az-nav-eyebrow {
  font-size: 0.7rem;
  color: #ccc;
  font-weight: 400;
}
.az-nav-strong {
  font-size: 0.82rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.az-header-cart {
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 0.15rem !important;
  padding: 0.2rem 0.45rem 0.35rem !important;
  position: relative;
}
.az-cart-icon-wrap {
  position: relative;
  display: inline-flex;
  width: 2.4rem;
  height: 1.85rem;
  align-items: flex-end;
  justify-content: center;
}
.az-cart-icon {
  width: 2.15rem !important;
  height: 2.15rem !important;
}
.az-cart-count,
#cart-badge {
  position: absolute !important;
  top: -2px;
  left: 50%;
  transform: translateX(-20%);
  min-width: 1.1rem;
  height: 1.05rem;
  padding: 0 0.25rem;
  border-radius: 999px;
  background: var(--az-search) !important;
  color: #111 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 0 !important;
}
#cart-badge:not(.hidden),
.az-cart-count:not(.hidden) {
  display: flex !important;
}
.az-cart-label {
  font-size: 0.82rem;
  font-weight: 700;
  padding-bottom: 0.1rem;
}
.az-header-account {
  display: none;
}
@media (min-width: 768px) {
  .az-header-lang,
  .az-header-orders,
  .az-header-cart {
    display: inline-flex !important;
  }
  .az-header-account {
    display: block !important;
  }
  .az-header-account button {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .az-header-wish,
  .az-header-notif {
    display: inline-flex !important;
    flex-direction: row;
    align-items: center;
    padding: 0.55rem 0.45rem !important;
  }
}

#store-header button,
#store-header a {
  color: #fff;
  box-shadow: none !important;
}
#store-header .az-search-submit {
  color: #0B1F33 !important;
}
#store-header .az-search-dept select {
  color: #555 !important;
}
.az-account-btn {
  display: inline-flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  padding: 0.35rem 0.45rem !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 2px !important;
  color: #fff !important;
  cursor: pointer;
  line-height: 1.1;
  text-align: left;
}
.az-account-btn:hover {
  border-color: #fff !important;
}
#cart-badge-mobile,
#notif-badge {
  background: var(--az-search) !important;
  color: #111 !important;
}

.az-nav-sub {
  background: var(--az-nav-2);
  color: #fff;
  font-size: 0.82rem;
  padding: 0.35rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.15rem 1rem;
  overflow-x: auto;
  white-space: nowrap;
  min-height: 39px;
}
.az-nav-sub a,
.az-nav-sub button {
  color: #fff;
  background: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 500;
  padding: 0.3rem 0.4rem;
  flex-shrink: 0;
}
.az-nav-sub a:hover,
.az-nav-sub button:hover {
  border-color: #fff;
  text-decoration: none;
  color: #fff;
}
.az-nav-all {
  display: inline-flex !important;
  align-items: center;
  gap: 0.3rem;
  font-weight: 700 !important;
}
.az-nav-promo {
  margin-left: auto;
  flex-shrink: 0;
  background: #1a7aad;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: 2px;
  white-space: nowrap;
}
.az-nav-promo strong { font-weight: 800; }
@media (max-width: 1100px) {
  .az-nav-promo { display: none; }
}

#store-main {
  max-width: 1500px !important;
  background: transparent;
}
body.profile-mode #store-main {
  max-width: min(1400px, 100%) !important;
  width: 100%;
}
@media (min-width: 768px) {
  body.profile-mode #store-main {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}
body.az-pdp-mode #store-main {
  padding-top: 0.35rem !important;
  padding-bottom: 1rem !important;
  max-width: none !important;
}
.az-pdp-shell {
  background: var(--az-page) !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}
.az-pdp-topbar {
  padding: 0.35rem 0.75rem 0.15rem !important;
}
.az-pdp-root {
  padding-top: 0.25rem !important;
}
.tab-content {
  color: var(--az-text);
}

.text-slate-100,
.text-slate-200,
.text-white {
  color: var(--az-text) !important;
}
.text-slate-300,
.text-slate-400,
.text-slate-500 {
  color: var(--az-muted) !important;
}
.text-amber-400,
.text-orange-400,
.text-orange-300 {
  color: var(--az-link) !important;
}
.text-rose-400 {
  color: #b12704 !important;
}
.bg-\[\#090d16\],
.bg-slate-900,
.bg-slate-900\/80,
.bg-slate-950 {
  background: var(--az-page) !important;
}
.border-white\/5,
.border-white\/10,
.border-white\/15 {
  border-color: var(--az-border) !important;
}

.glass-panel {
  background: var(--az-page) !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 4px !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  color: var(--az-text) !important;
}

.input-field {
  background: #fff !important;
  border: 1px solid #888c8c !important;
  border-radius: 4px !important;
  color: var(--az-text) !important;
  box-shadow: none !important;
}
.label {
  color: var(--az-text) !important;
  font-weight: 700;
  font-size: 0.8rem;
}

.product-card {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: var(--az-text) !important;
}
.product-card:hover {
  border-color: #e77600 !important;
}
.product-card .font-mono {
  color: var(--az-price) !important;
}

#home-banner-carousel {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 4px !important;
}
.amazon-section h2,
#for-you-section h2,
#home-rails h2 {
  color: var(--az-text) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}
.cat-chip {
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 4px;
  color: var(--az-text);
  padding: 0.5rem 0.65rem;
}
.cat-chip:hover {
  border-color: #e77600;
  color: var(--az-link-hover);
}

button.bg-amber-500,
button.bg-orange-500,
.bg-gradient-to-r.from-orange-500 {
  background: var(--az-atc) !important;
  background-image: none !important;
  color: #0f1111 !important;
  border: 1px solid var(--az-atc-border) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

#filter-drawer {
  background: #fff !important;
}
#search-stats-bar,
#search-stats-text {
  color: var(--az-text) !important;
}

#tab-cart h1,
#tab-wishlist h1,
#tab-notifications h1 {
  color: var(--az-text) !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
}
#cart-grand-total,
#mobile-cart-total {
  color: var(--az-price) !important;
}

.profile-guest {
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 8px;
  margin-top: 1rem;
  color: var(--az-text);
}
.profile-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  text-align: left;
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 8px !important;
  padding: 0.9rem 1rem !important;
  margin-bottom: 0.65rem;
  color: var(--az-text) !important;
  cursor: pointer;
}
.profile-row:hover {
  background: #f7fafa !important;
  border-color: #e77600 !important;
}
.profile-row-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #f0f2f2;
  display: grid;
  place-items: center;
  color: var(--az-nav-2);
  flex-shrink: 0;
}
.profile-row-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--az-text);
  display: block;
}
.profile-row-desc,
.profile-row-meta {
  color: var(--az-muted) !important;
  font-size: 0.8rem;
}
.profile-row-chevron {
  color: var(--az-muted);
  margin-left: auto;
}

#bottom-nav,
.bottom-nav,
nav.bottom-nav {
  background: #fff !important;
  border-top: 1px solid var(--az-border) !important;
  color: var(--az-text) !important;
  backdrop-filter: none !important;
}
.bottom-nav-btn {
  color: var(--az-muted) !important;
  background: transparent !important;
}
.bottom-nav-btn.active,
.bottom-nav-btn:hover {
  color: var(--az-nav) !important;
}

#seo-footer {
  background: var(--az-nav-2) !important;
  border-top: none !important;
  color: #ddd !important;
}
#seo-footer a,
#seo-footer .text-slate-400,
#seo-footer p {
  color: #ddd !important;
}
#seo-footer .text-orange-400 {
  color: #FF4747 !important;
}

#mobile-cart-dock,
.mobile-cart-dock {
  background: #fff !important;
  border-top: 1px solid var(--az-border) !important;
  color: var(--az-text) !important;
}

.spinner {
  border-color: rgba(254, 189, 105, 0.35);
  border-top-color: #FF4747;
}

#notifications-list button,
#wishlist-grid article,
#search-results-grid article {
  background: #fff !important;
  color: var(--az-text) !important;
  border-color: var(--az-border) !important;
}

/* ——— Profile (Amazon Your Account) ——— */
.profile-hub-hero {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 8px !important;
}
.profile-avatar {
  background: #132a45 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.profile-stat {
  background: #f0f2f2 !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 4px !important;
}
.profile-stat-n { color: var(--az-text) !important; }
.profile-stat-l { color: var(--az-muted) !important; }
.profile-row-group {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 8px !important;
}
.profile-row-group-label {
  color: var(--az-muted) !important;
  background: #f7fafa;
}
.profile-row {
  border-top: 1px solid var(--az-border) !important;
  background: transparent !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
.profile-row:hover {
  background: #f7fafa !important;
}
.profile-row-icon {
  background: #f0f2f2 !important;
  color: var(--az-nav-2) !important;
  border-radius: 50% !important;
}
.profile-row-title { color: var(--az-text) !important; }
.profile-row-desc,
.profile-row-meta { color: var(--az-muted) !important; }
.profile-row-danger .profile-row-icon {
  background: #fef2f2 !important;
  color: #b12704 !important;
}
.profile-row-danger .profile-row-title { color: #b12704 !important; }
.profile-detail-bar {
  background: #fff !important;
  border-bottom: 1px solid var(--az-border) !important;
  backdrop-filter: none !important;
}
.profile-back {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  color: var(--az-link) !important;
  border-radius: 4px !important;
}
.profile-detail-title {
  font-family: var(--font-sans) !important;
  color: var(--az-text) !important;
  font-weight: 700 !important;
}
.profile-guest {
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 8px;
  max-width: 28rem;
  margin: 1.5rem auto;
  padding: 2rem 1.5rem;
}
.profile-guest .az-btn {
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
}

/* ——— Cart Amazon ——— */
.az-cart-item {
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 4px;
  padding: 0.85rem;
  display: flex;
  gap: 0.85rem;
}
.az-cart-item .az-cart-title {
  color: var(--az-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.35;
}
.az-cart-item .az-cart-title:hover { color: var(--az-link-hover); }
.az-cart-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  overflow: hidden;
  background: #f0f2f2;
}
.az-cart-qty button {
  padding: 0.35rem 0.65rem;
  background: transparent;
  border: 0;
  color: var(--az-text);
  cursor: pointer;
}
.az-cart-summary {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 8px !important;
}
.az-cart-summary .az-btn-atc {
  width: 100%;
  margin-top: 0.5rem;
}

/* ——— Home rails Amazon ——— */
.amazon-section {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 4px !important;
}
.amazon-section a,
.amazon-section button.text-amber-400,
.amazon-section .text-amber-400 {
  color: var(--az-link) !important;
}
.home-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(140px, 160px);
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.product-card .text-slate-200,
.product-card .text-white {
  color: var(--az-text) !important;
}
.product-card .font-mono {
  color: var(--az-price) !important;
}

/* ——— Auth Amazon ——— */
body.az-auth {
  background: var(--az-bg) !important;
  color: var(--az-text) !important;
}
.az-auth-card {
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: var(--az-text);
}
.az-auth-input {
  width: 100%;
  padding: 0.55rem 0.65rem;
  border: 1px solid #888c8c;
  border-radius: 3px;
  background: #fff;
  color: #0f1111;
  font-size: 0.9rem;
}
.az-auth-input:focus {
  border-color: #e77600;
  box-shadow: 0 0 0 3px rgba(228, 121, 17, 0.35);
  outline: none;
}
.az-auth-btn {
  width: 100%;
  padding: 0.55rem 1rem;
  border-radius: 20px;
  background: var(--az-atc);
  border: 1px solid var(--az-atc-border);
  color: #0f1111;
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
}
.az-auth-btn:hover { background: #f7ca00; }
.az-auth-header {
  background: var(--az-nav);
  color: #fff;
  padding: 0.65rem 1rem;
}

/* ——— Track page ——— */
body.az-track {
  background: var(--az-bg) !important;
  color: var(--az-text) !important;
}
.az-track header {
  background: var(--az-nav) !important;
  color: #fff !important;
  border: none !important;
}
.az-track header a { color: #fff !important; }
.az-track .text-orange-400,
.az-track .text-blue-300 { color: #FF4747 !important; }

/* Sheet / modals light */
.sheet-panel,
.sheet .glass-panel,
#auth-modal .glass-panel,
#checkout-sheet .glass-panel {
  background: #fff !important;
  color: var(--az-text) !important;
  border-color: var(--az-border) !important;
}
.sheet-backdrop {
  background: rgba(15, 17, 17, 0.55) !important;
}

/* Search list links */
#search-results-grid .text-amber-400,
#search-view-grid,
#active-filter-chips button {
  color: var(--az-link) !important;
}
#search-view-grid {
  border-color: #e77600 !important;
}

/* ==========================================================================
   Amazon mobile schema
   ========================================================================== */
.az-deliver-strip {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--az-nav-2);
  color: #fff;
  font-size: 0.75rem;
  padding: 0.4rem 0.75rem;
  line-height: 1.3;
}
.az-deliver-strip b { font-weight: 700; color: #fff; }
.az-deliver-icon { display: inline-flex; align-items: center; line-height: 1; color: #fff; }
.az-secure iconify-icon { vertical-align: -2px; margin-right: 0.2rem; }
.az-order-help { margin-top: 0.35rem; }
.az-order-help summary::-webkit-details-marker { display: none; }
.az-order-help summary::after {
  content: '+';
  float: right;
  color: #888c8c;
  font-weight: 700;
}
.az-order-help[open] summary::after { content: '−'; }
.az-order-help-sum:hover { color: #c7511f; }
.az-deliver-strip.hidden { display: none !important; }

.az-mobile-buybar {
  display: none;
}

@media (max-width: 767.98px) {
  /* Amazon.ae app chrome — peach header + pill search (desktop unchanged) */
  #store-header,
  header#store-header,
  .az-topnav {
    background: linear-gradient(180deg, #f7d5a8 0%, #f8e0bc 55%, #faf1df 100%) !important;
    color: #0f1111 !important;
    padding: 0 !important;
    border-bottom: none !important;
    display: block !important;
  }
  .az-topnav-inner {
    padding: 0.55rem 0.75rem 0.65rem !important;
    gap: 0.45rem !important;
    align-items: center !important;
    min-height: 0;
  }
  #store-header .az-header-brand.az-brand-mobile-hide {
    display: none !important;
  }
  #store-header .az-header-back {
    color: #0f1111 !important;
    display: inline-flex !important;
  }
  #store-header .az-header-back.hidden {
    display: none !important;
  }
  #store-header .brand-mark {
    width: 2rem !important;
    height: 2rem !important;
  }
  .az-deliver-btn,
  .az-search-dept,
  .az-search-submit,
  .az-header-actions {
    display: none !important;
  }
  #store-header form#search-form,
  .az-search-form {
    order: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    max-width: none !important;
    height: auto !important;
  }
  #store-header .az-search-field,
  .az-search-field {
    width: 100%;
  }
  .az-search-suggest {
    border-radius: 12px;
    left: 0;
    right: 0;
  }
  #store-header .az-search-shell,
  #search-form .az-search-shell,
  .az-search-form .az-search-shell,
  #search-form .relative {
    display: flex !important;
    align-items: center;
    width: 100%;
    background: #fff !important;
    border: 1px solid #d5d9d9 !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 2px rgba(15, 17, 17, 0.06);
    overflow: hidden;
    min-height: 2.55rem;
  }
  #search-form .az-search-shell:focus-within,
  .az-search-form .az-search-shell:focus-within {
    box-shadow: 0 0 0 2px rgba(15, 17, 17, 0.12);
  }
  #search-form .relative::after {
    display: none !important;
  }
  #search-form .relative > i[data-lucide="search"],
  #search-form .az-search-icon,
  .az-search-form .az-search-icon {
    display: block !important;
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #565959 !important;
    z-index: 1;
    pointer-events: none;
  }
  #search-input,
  .az-search-shell input[type="search"],
  .az-search-form input[type="search"] {
    height: 2.55rem !important;
    font-size: 0.95rem !important;
    border-radius: 999px !important;
    padding: 0 1rem 0 2.5rem !important;
    background: transparent !important;
    border: none !important;
    color: #0f1111 !important;
  }
  #search-input::placeholder,
  .az-search-shell input[type="search"]::placeholder {
    color: #888 !important;
  }
  #header-cart-btn {
    display: none !important;
  }

  .az-deliver-strip.md\:hidden,
  .az-deliver-strip,
  .az-nav-sub {
    display: none !important;
  }

  #store-main {
    padding: 0.55rem 0.7rem 1rem !important;
    background: #fff;
  }
  body.az-pdp-mode #store-main {
    padding: 0 !important;
  }
  body.az-menu-mode #store-main,
  body.az-cart-mode #store-main,
  body.profile-mode #store-main {
    background: #fff !important;
  }

  /* Home: Amazon flush rails with soft rounded cards */
  #tab-home {
    gap: 0.75rem !important;
  }
  #tab-home.space-y-5 > :not([hidden]) ~ :not([hidden]),
  #tab-home.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.75rem;
  }
  #home-category-strip {
    gap: 0.65rem;
    padding-bottom: 0.25rem;
  }
  #home-category-strip .cat-chip {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-width: 4.4rem;
    padding: 0.55rem 0.45rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e3e6e6;
    font-size: 0.65rem;
    font-weight: 600;
  }
  #home-category-strip .cat-chip i {
    width: 1.35rem !important;
    height: 1.35rem !important;
    color: #0B1F33 !important;
  }
  #home-banner-carousel {
    min-height: 150px !important;
    border-radius: 12px !important;
    margin: 0;
    width: 100%;
    overflow: hidden;
    border: none !important;
  }
  .amazon-section {
    border-radius: 12px !important;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border: 1px solid #e3e6e6 !important;
    padding: 0.85rem 0.75rem !important;
    background: #fff !important;
  }
  .home-rail {
    grid-auto-columns: minmax(120px, 138px);
    gap: 0.55rem;
  }
  #for-you-grid {
    gap: 0.55rem !important;
  }
  .product-card {
    padding: 0.55rem !important;
    border-radius: 10px !important;
  }
  .product-card button.az-btn {
    border-radius: 16px !important;
    padding: 0.4rem 0.5rem !important;
    font-size: 0.7rem !important;
  }

  /* Search list/grid */
  #filter-drawer {
    border-radius: 12px !important;
    margin: 0;
    width: 100%;
  }
  #search-results-grid.az-product-grid {
    gap: 0.55rem !important;
  }
  #search-results-grid.az-product-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.55rem !important;
  }
  .az-list-row {
    border-radius: 10px !important;
    padding: 0.7rem !important;
  }

  /* Bottom nav — Amazon Home / You / Cart / Menu */
  .bottom-nav {
    padding: 0 !important;
    pointer-events: auto;
  }
  .bottom-nav-inner {
    height: 58px !important;
    border-radius: 0 !important;
    background: #fff !important;
    border: none !important;
    border-top: 1px solid #d5d9d9 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 2px !important;
  }
  .bottom-nav-btn {
    position: relative;
    color: #0f1111 !important;
    border-radius: 0 !important;
    gap: 2px !important;
    font-weight: 400 !important;
  }
  .bottom-nav-btn .bn-label {
    font-size: 0.62rem !important;
    font-weight: 500 !important;
    color: inherit !important;
  }
  .bottom-nav-btn.active,
  .bottom-nav-btn:hover {
    color: #0f1111 !important;
    background: transparent !important;
  }
  .bottom-nav-btn.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18%;
    right: 18%;
    height: 3px;
    background: #0f1111;
    border-radius: 0 0 2px 2px;
  }
  .bottom-nav-btn.active .bn-icon {
    color: #0f1111 !important;
  }
  .bottom-nav-badge {
    background: #FF4747 !important;
    color: #111 !important;
    min-width: 1rem;
    height: 1rem;
    font-size: 0.6rem;
    top: -2px;
    right: -6px;
  }

  /* ——— PDP mobile (Amazon app-like) ——— */
  body.az-pdp-mode {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }
  body.az-pdp-mode #store-main {
    padding-bottom: 5.5rem !important;
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  body.az-pdp-mode #store-header {
    /* peach search with back */
  }
  .az-pdp-topbar {
    display: none !important;
  }
  .az-pdp-root,
  .az-pdp-shell {
    padding: 0 0 1rem !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
  }
  .az-trust {
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0.65rem 0.75rem !important;
    font-size: 0.72rem !important;
    gap: 0.45rem !important;
  }
  .az-trust-points {
    gap: 0.35rem 0.75rem !important;
    font-size: 0.68rem !important;
  }
  .az-grid {
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .az-gallery,
  .az-gallery-col {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }
  .az-thumbs {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0.55rem 0.75rem !important;
    gap: 0.4rem !important;
    box-sizing: border-box;
  }
  .az-main-stage {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: min(100vw, 380px) !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    box-sizing: border-box;
    overflow: hidden !important;
  }
  .az-main-stage img,
  .az-main-stage video {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }
  .az-zoom-hint { display: none !important; }
  .az-info-col,
  .az-buybox {
    padding: 0.75rem !important;
    border: none !important;
    border-top: 1px solid #d5d9d9 !important;
    border-radius: 0 !important;
    position: static !important;
    background: #fff !important;
  }
  .az-title {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    margin: 0.15rem 0 0.35rem !important;
  }
  .az-price {
    font-size: 1.45rem !important;
  }
  .az-buybox .az-btn-atc,
  .az-buybox .az-btn-buy {
    display: none !important; /* sticky bar handles these on mobile */
  }
  .az-buybox .az-btn-ghost {
    margin-top: 0.25rem;
  }
  .az-section {
    border-radius: 0 !important;
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 0.85rem 0.75rem !important;
  }
  .az-below {
    margin-top: 0 !important;
  }
  .az-rail {
    margin: 0 -0.75rem;
    padding: 0 0.75rem;
  }

  /* Sticky Amazon ATC bar */
  .az-mobile-buybar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 48;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.65rem calc(0.55rem + env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #d5d9d9;
    box-shadow: 0 -4px 16px rgba(15, 17, 17, 0.08);
  }
  .az-mobile-buybar.hidden {
    display: none !important;
  }
  .az-mobile-buybar-price {
    flex: 1;
    min-width: 0;
  }
  .az-mobile-buybar-amount {
    font-size: 1.05rem;
    font-weight: 700;
    color: #b12704;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .az-mobile-buybar-sub {
    font-size: 0.65rem;
    color: #007600;
    margin-top: 0.1rem;
  }
  .az-mobile-buybar .az-btn {
    width: auto;
    flex: 1.15;
    margin: 0;
    padding: 0.65rem 0.4rem;
    font-size: 0.8rem;
    white-space: nowrap;
  }
  .az-mobile-buybar .az-btn-buy {
    flex: 1;
  }

  /* Profile mobile already light via theme */
  .profile-hub-hero {
    border-radius: 0 !important;
    margin: 0 -0.55rem;
    width: calc(100% + 1.1rem);
  }
  .profile-row-group {
    border-radius: 0 !important;
    margin-left: -0.55rem;
    margin-right: -0.55rem;
    width: calc(100% + 1.1rem);
  }
}

@media (min-width: 768px) {
  .az-mobile-buybar {
    display: none !important;
  }
}

/* ——— Home banners (Amazon light deal cards) ——— */
#home-banner-carousel {
  background: #fff !important;
  border: 1px solid var(--az-border) !important;
  border-radius: 4px !important;
  min-height: 200px;
  overflow: hidden;
}
.az-banner-slide {
  position: relative;
  min-width: 100%;
  min-height: 200px;
  height: clamp(200px, 32vw, 320px);
  background: #f8fafc;
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
}
.az-banner-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}
.az-banner-fallback {
  background: linear-gradient(90deg, #f8fafc, #e8f2fa);
}
.az-banner-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.55rem;
  max-width: min(34rem, 58%);
  padding: 1.25rem 1.35rem;
  color: #0f1111;
}
.az-banner-title {
  font-size: clamp(1.35rem, 3.2vw, 2.15rem);
  font-weight: 700;
  line-height: 1.15;
  color: #0f1111 !important;
  letter-spacing: -0.01em;
}
.az-banner-sub {
  margin: 0;
  font-size: clamp(0.8rem, 1.5vw, 0.95rem);
  line-height: 1.4;
  color: #565959 !important;
  max-width: 34rem;
}
.az-banner-cta {
  align-self: flex-start;
  margin-top: 0.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 1.05rem;
  border-radius: 20px;
  background: #FF4747;
  border: 1px solid #E62E04;
  color: #0f1111 !important;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
}
.az-banner-cta:hover { background: #f7ca00; }
#banner-dots {
  bottom: 0.65rem !important;
}
.az-banner-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  border: 1px solid #888c8c;
  background: #fff;
  padding: 0;
  cursor: pointer;
}
.az-banner-dot.is-active {
  background: #FF4747;
  border-color: #e47911;
  width: 1.1rem;
}

@media (max-width: 767.98px) {
  #home-banner-carousel {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }
  .az-banner-slide {
    min-height: 168px;
    height: 180px;
  }
  .az-banner-copy {
    max-width: 70%;
    padding: 0.85rem 0.9rem;
    gap: 0.35rem;
  }
  .az-banner-title { font-size: 1.15rem !important; }
  .az-banner-sub { font-size: 0.72rem !important; }
  .az-banner-cta {
    padding: 0.4rem 0.85rem;
    font-size: 0.75rem;
  }
}

/* ——— Responsive product grids (auto-fill by screen, no column max) ——— */
.az-product-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.65rem;
  width: 100%;
}
@media (min-width: 480px) {
  .az-product-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}
@media (min-width: 640px) {
  .az-product-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
  }
}
@media (min-width: 900px) {
  .az-product-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
}
@media (min-width: 1200px) {
  .az-product-grid {
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    gap: 0.85rem;
  }
}
@media (min-width: 1500px) {
  .az-product-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}
.az-product-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  width: 100%;
  grid-template-columns: none !important;
}
.az-list-row {
  display: grid !important;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: 1rem 1.25rem;
  align-items: start;
  width: 100%;
  min-width: 0;
  height: auto !important;
  padding: 0.9rem 1.05rem !important;
  background: #fff !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  cursor: pointer;
  box-sizing: border-box;
}
.az-list-row:hover {
  border-color: #e77600 !important;
  box-shadow: 0 1px 3px rgba(15, 17, 17, 0.08);
}
.az-list-thumb {
  width: 9rem;
  height: 9rem;
  grid-column: 1;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem;
  overflow: hidden;
}
.az-list-thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.az-list-main {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.28rem;
  padding-top: 0.1rem;
}
.az-list-brand {
  font-size: 0.72rem;
  font-weight: 600;
  color: #007185;
}
.az-list-title {
  margin: 0;
  max-width: 46rem;
  font-size: 1.05rem;
  font-weight: 500;
  color: #0f1111;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.az-list-title:hover { color: #c45500; }
.az-list-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  font-size: 0.8rem;
}
.az-list-stars { color: #de7921; letter-spacing: 0.02em; }
.az-list-rating-n { color: #0f1111; font-weight: 600; }
.az-list-reviews { color: #007185; }
.az-list-price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.1rem;
}
.az-list-price {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1.35rem;
  font-weight: 700;
  color: #b12704;
  line-height: 1.15;
}
.az-list-was {
  font-size: 0.8rem;
  color: #565959;
  text-decoration: line-through;
}
.az-list-ship {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  color: #565959;
  line-height: 1.35;
}
.az-list-prime {
  color: #007185;
  font-weight: 700;
}
.az-list-stock {
  font-size: 0.78rem;
  color: #067d62;
  font-weight: 600;
}
.az-list-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.35rem;
}
.az-list-atc {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.45rem 1.15rem !important;
  border-radius: 20px !important;
  border: 1px solid #E62E04 !important;
  background: #FF4747 !important;
  color: #0f1111 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}
.az-list-atc:hover { background: #f7ca00 !important; }
.az-list-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0.42rem 1rem;
  border-radius: 20px;
  border: 1px solid #d5d9d9;
  background: #fff;
  color: #0f1111;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.az-list-more:hover { background: #f7fafa; border-color: #bbb; }

/* Legacy classes from older list markup */
.az-list-body { min-width: 0; }
.az-list-meta,
.az-list-buy { display: none !important; }

@media (max-width: 767.98px) {
  .az-list-row {
    grid-template-columns: 5.75rem minmax(0, 1fr);
    gap: 0.65rem 0.75rem;
    padding: 0.75rem !important;
  }
  .az-list-thumb {
    width: 5.75rem;
    height: 5.75rem;
  }
  .az-list-title {
    font-size: 0.92rem;
    -webkit-line-clamp: 3;
    max-width: none;
  }
  .az-list-price { font-size: 1.15rem; }
  .az-list-actions {
    width: 100%;
    margin-top: 0.45rem;
    padding-top: 0.45rem;
    border-top: 1px solid #eee;
  }
  .az-list-atc,
  .az-list-more {
    flex: 1 1 auto;
    min-width: 6.5rem;
  }
}

@media (min-width: 1100px) {
  .az-list-row {
    grid-template-columns: 11rem minmax(0, 1fr);
    gap: 1.15rem 1.5rem;
    padding: 1.05rem 1.2rem !important;
  }
  .az-list-thumb {
    width: 11rem;
    height: 11rem;
  }
  .az-list-title { font-size: 1.12rem; max-width: 52rem; }
  .az-list-price { font-size: 1.45rem; }
}

.az-product-grid .product-card {
  min-width: 0;
  height: 100%;
}
.az-product-grid .product-card .az-btn {
  margin-top: auto;
}

/* ——— Menu (Shop by category) ——— */
.az-menu-page {
  max-width: 40rem;
  margin: 0 auto;
  padding: 0.25rem 0 1rem;
}
.az-menu-heading {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--az-text);
  margin: 0.35rem 0 0.85rem;
  padding: 0 0.15rem;
}
.az-menu-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.az-menu-card {
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 12px;
  overflow: hidden;
}
.az-menu-card.is-open {
  border-color: #1485cc;
  box-shadow: 0 0 0 1px #1485cc;
}
.az-menu-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  color: var(--az-text);
}
.az-menu-thumb {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 8px;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0B1F33;
  flex-shrink: 0;
}
.az-menu-label {
  flex: 1;
  font-size: 0.95rem;
  font-weight: 500;
}
.az-menu-chevron { color: #565959; flex-shrink: 0; }
.az-menu-kids {
  display: flex;
  flex-direction: column;
  padding: 0 0.5rem 0.65rem 0.85rem;
  gap: 0.15rem;
}
.az-menu-kid {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.35rem;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  color: var(--az-text);
  font-size: 0.9rem;
  border-radius: 8px;
}
.az-menu-kid:hover { background: #f7f8f8; }
.az-menu-kid-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 10px;
  background: linear-gradient(145deg, #fff4e0, #ffe0b8);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0B1F33;
  flex-shrink: 0;
}

.az-cart-proceed-top {
  width: 100%;
  margin: 0.35rem 0 0.75rem !important;
  border-radius: 10px !important;
  padding: 0.85rem 1rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}
.az-header-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  background: transparent;
  border: 0;
  color: inherit;
  border-radius: 999px;
  flex-shrink: 0;
}
.az-header-back.hidden { display: none !important; }

/* ——— Cart page (Amazon) ——— */
.az-cart-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.15rem 0 0.35rem;
  border-bottom: 1px solid var(--az-border);
  margin-bottom: 0.35rem;
}
.az-cart-title {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--az-text);
  line-height: 1.2;
}
.az-cart-count-line {
  margin: 0.15rem 0 0;
  font-size: 0.8rem;
  color: var(--az-muted);
}
.az-cart-clear {
  background: none;
  border: 0;
  color: var(--az-link);
  font-size: 0.8rem;
  cursor: pointer;
  padding: 0.25rem 0;
}
.az-cart-clear:hover { color: var(--az-link-hover); text-decoration: underline; }
.az-cart-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .az-cart-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1.25rem;
    align-items: start;
  }
}
.az-cart-item {
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 4px;
  padding: 0.85rem;
  display: flex;
  gap: 0.85rem;
}
.az-cart-thumb {
  width: 5.5rem;
  height: 5.5rem;
  flex-shrink: 0;
  border: 1px solid var(--az-border);
  border-radius: 2px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0.25rem;
}
.az-cart-title {
  color: var(--az-text);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.35;
}
.az-cart-title:hover { color: var(--az-link-hover); }
.az-cart-meta {
  font-size: 0.72rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--az-muted);
  margin-top: 0.25rem;
}
.az-cart-stock {
  font-size: 0.75rem;
  color: var(--az-success);
  margin-top: 0.25rem;
}
.az-cart-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.55rem;
  flex-wrap: wrap;
}
.az-cart-line-total {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--az-price);
}
.az-cart-delete {
  background: none;
  border: 0;
  color: var(--az-link);
  font-size: 0.75rem;
  cursor: pointer;
  padding: 0.15rem 0.25rem;
}
.az-cart-delete:hover { text-decoration: underline; color: var(--az-link-hover); }
.az-cart-empty {
  text-align: center;
  padding: 2.5rem 1rem;
  color: var(--az-muted);
  font-size: 0.9rem;
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 4px;
}
.az-cart-empty-link {
  color: var(--az-link);
  font-weight: 600;
  background: none;
  border: 0;
  cursor: pointer;
}
.az-cart-mobile-ship {
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 4px;
  padding: 0.75rem;
  margin-top: 0.35rem;
}

/* Sticky Amazon checkout bar */
.az-cart-bottom {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem calc(0.7rem + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid var(--az-border);
  box-shadow: 0 -4px 18px rgba(15, 17, 17, 0.08);
}
.az-cart-bottom-meta { flex: 1; min-width: 0; }
.az-cart-bottom-label {
  font-size: 0.72rem;
  color: var(--az-muted);
}
.az-cart-bottom-total {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--az-price);
  line-height: 1.2;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.az-cart-bottom-ship {
  font-size: 0.65rem;
  color: var(--az-muted);
  margin-top: 0.1rem;
}
.az-cart-bottom-cta {
  flex: 1.1;
  margin: 0 !important;
  white-space: nowrap;
  padding: 0.75rem 0.85rem !important;
  font-size: 0.85rem !important;
}

body.az-cart-mode.cart-dock-open {
  padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
}
body.az-cart-mode #store-main {
  padding-bottom: 1rem !important;
}
@media (max-width: 767.98px) {
  body.az-cart-mode .az-cart-head .az-cart-title { font-size: 1.35rem; font-weight: 700; }
  body.az-cart-mode .az-cart-thumb {
    width: 5.5rem;
    height: 5.5rem;
  }
  body.az-cart-mode #store-header {
    /* peach search header — same as rest of app */
  }
  body.az-cart-mode.cart-dock-open {
    padding-bottom: calc(58px + env(safe-area-inset-bottom)) !important;
  }
  .az-cart-item {
    border-radius: 10px;
    padding: 0.75rem;
  }
  .az-cart-clear {
    color: #007185;
  }
}

/* ——— Search layout + Amazon filter sheet ——— */
.az-search-layout {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .az-search-layout {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.25rem;
  }
}

.az-filter-open-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid #d5d9d9;
  border-radius: 999px;
  background: #fff;
  color: #0f1111;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}
.az-filter-open-btn:hover { border-color: #e77600; }

/* Desktop: sticky sidebar */
.az-filters {
  display: none;
}
@media (min-width: 1024px) {
  .az-filters {
    display: block;
    width: 16rem;
    flex-shrink: 0;
    position: sticky;
    top: 6.5rem;
    align-self: start;
  }
  .az-filters-panel {
    background: #fff;
    border: 1px solid var(--az-border);
    border-radius: 8px;
    overflow: hidden;
  }
  .az-filters-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid var(--az-border);
  }
  .az-filters-head h2 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: var(--az-text);
  }
  .az-filters-close { display: none !important; }
  .az-filters-split {
    display: block;
  }
  .az-filters-cats { display: none; }
  .az-filters-panels {
    padding: 0.75rem 0.85rem 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .az-filters-pane {
    display: block !important;
  }
  .az-filters-pane-title {
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0 0 0.4rem;
    color: var(--az-text);
  }
  .az-filters-pane[data-filter-pane="continue"] { display: none !important; }
  .az-filters-foot {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 0.85rem 0.9rem;
    border-top: 1px solid var(--az-border);
  }
}

/* Mobile: full-screen closable filter sheet */
@media (max-width: 1023.98px) {
  .az-filters {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(15, 17, 17, 0.45);
    margin: 0;
    padding: 0;
    width: auto;
  }
  .az-filters.is-open {
    display: block;
  }
  .az-filters-panel {
    position: absolute;
    inset: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    animation: azFilterIn 0.22s ease-out;
  }
  @keyframes azFilterIn {
    from { transform: translateY(12px); opacity: 0.7; }
    to { transform: translateY(0); opacity: 1; }
  }
  .az-filters-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e7e7e7;
    flex-shrink: 0;
    background: #fff;
  }
  .az-filters-head h2 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f1111;
  }
  .az-filters-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    background: transparent;
    color: #0f1111;
    border-radius: 999px;
    cursor: pointer;
  }
  .az-filters-split {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 38% 62%;
    overflow: hidden;
  }
  .az-filters-cats {
    background: #f3f3f3;
    overflow-y: auto;
    border-right: 1px solid #e7e7e7;
  }
  .az-filters-cat {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.85rem 0.75rem 0.85rem 0.85rem;
    border: 0;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
    color: #0f1111;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    border-left: 3px solid transparent;
  }
  .az-filters-cat.is-active {
    background: #fff;
    color: #007185;
    font-weight: 700;
    border-left-color: #007185;
  }
  .az-filters-panels {
    background: #fff;
    overflow-y: auto;
    padding: 0.9rem 0.95rem 1.25rem;
  }
  .az-filters-pane { display: none; }
  .az-filters-pane.is-active { display: block; }
  .az-filters-pane-title {
    margin: 0 0 0.65rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f1111;
  }
  .az-filters-pane-sub {
    margin: 0 0 0.55rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0f1111;
  }
  .az-filters-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
  }
  .az-filters-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.75rem;
    border: 1px solid #d5d9d9;
    border-radius: 8px;
    background: #fff;
    color: #0f1111;
    font-size: 0.8rem;
    cursor: pointer;
  }
  .az-filters-pill:hover { border-color: #e77600; }
  .az-filters-foot {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.9rem calc(0.75rem + env(safe-area-inset-bottom));
    border-top: 1px solid #e7e7e7;
    background: #fff;
  }
  .az-filters-clear {
    border: 0;
    background: transparent;
    color: #007185;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem 0.35rem;
  }
  .az-filters-show {
    flex: 1;
    border: 0;
    border-radius: 999px;
    background: #FF4747;
    color: #0f1111;
    font-size: 0.95rem;
    font-weight: 700;
    padding: 0.85rem 1rem;
    cursor: pointer;
  }
  .az-filters-show:hover { background: #f7ca00; }
  body.filter-sheet-open {
    overflow: hidden !important;
  }
}

/* ——— PDP in-page loading skeleton ——— */
.az-pdp-skeleton .az-skel-stage {
  position: relative;
  background: #f7f8f8 !important;
}
.az-skel-preview-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.55;
  filter: saturate(0.85);
}
.az-skel-spinner {
  position: absolute;
  inset: auto 0 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #565959;
  font-size: 0.8rem;
  font-weight: 600;
  pointer-events: none;
}
.az-skel-spinner .spinner {
  width: 1.15rem;
  height: 1.15rem;
  border-width: 2px;
}
.az-skel-block,
.az-skel-line,
.az-skel-cta {
  background: linear-gradient(90deg, #eee 25%, #f6f6f6 37%, #eee 63%);
  background-size: 400% 100%;
  animation: azSkel 1.2s ease infinite;
  border-radius: 4px;
}
@keyframes azSkel {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}
.az-skel-img {
  width: 100%;
  height: 100%;
  min-height: 280px;
}
.az-skel-line {
  height: 0.75rem;
  margin: 0.55rem 0;
}
.az-skel-w30 { width: 30%; }
.az-skel-w40 { width: 40%; }
.az-skel-w50 { width: 50%; }
.az-skel-w55 { width: 55%; }
.az-skel-w65 { width: 65%; }
.az-skel-w70 { width: 70%; }
.az-skel-cta {
  height: 2.5rem;
  margin-top: 0.85rem;
  border-radius: 20px;
}
.az-skel-cta-2 {
  background: linear-gradient(90deg, #ffe6a8 25%, #fff3cc 37%, #ffe6a8 63%);
  background-size: 400% 100%;
}

/* ——— Page load skeletons (cart / orders / profile) ——— */
.az-page-skel {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.5rem 0 1rem;
}
.az-page-skel-row {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid var(--az-border, #d5d9d9);
  border-radius: 8px;
}
.az-page-skel-lines {
  flex: 1;
  min-width: 0;
}
.az-skel-thumb {
  width: 5.5rem;
  height: 5.5rem;
  flex-shrink: 0;
  border-radius: 6px;
}
.az-page-skel-card {
  padding: 1rem 1.1rem;
  background: #fff;
  border: 1px solid var(--az-border, #d5d9d9);
  border-radius: 8px;
  margin-bottom: 0.65rem;
}
.az-pdp-error {
  text-align: center;
  padding: 3rem 1.25rem;
  background: #fff;
  border: 1px solid var(--az-border);
  border-radius: 8px;
  max-width: 28rem;
  margin: 2rem auto;
}
.az-pdp-error h2 {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: var(--az-text);
}
.az-pdp-error p {
  color: var(--az-muted);
  font-size: 0.9rem;
  margin: 0 0 1.25rem;
}
.az-pdp-error .az-btn {
  margin: 0.25rem;
}

/* ——— Tneen delivery estimate (Dubai hub + Thursday flight) ——— */
.az-delivery-box {
  margin: 0.65rem 0 0.35rem;
  padding: 0.7rem 0.8rem;
  background: #f7fafa;
  border: 1px solid var(--az-border);
  border-radius: 8px;
}
.az-delivery-headline {
  font-size: 0.95rem;
  color: var(--az-text);
  margin-bottom: 0.4rem;
  line-height: 1.35;
}
.az-delivery-headline b {
  color: #007600;
  font-weight: 700;
}
.az-delivery-steps {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.78rem;
  color: var(--az-muted);
  line-height: 1.4;
}
.az-delivery-steps b { color: var(--az-text); font-weight: 600; }
.az-delivery-note {
  margin-top: 0.35rem;
  padding-top: 0.4rem;
  border-top: 1px solid #e3e6e6;
  font-size: 0.72rem;
  color: #565959;
}
.az-buybox .az-delivery-box {
  margin-top: 0.55rem;
  background: #fff;
}

/* ==========================================================================
   Amazon-style Checkout (desktop + mobile)
   ========================================================================== */
body.checkout-open {
  overflow: hidden !important;
}
body.checkout-open #bottom-nav,
body.checkout-open #store-header,
body.checkout-open .az-nav-sub,
body.checkout-open .az-deliver-strip,
body.checkout-open #mobile-cart-dock,
body.checkout-open #az-mobile-buybar,
body.checkout-open #pwa-install-banner {
  display: none !important;
}

.az-checkout {
  position: fixed;
  inset: 0;
  z-index: 85;
  background: #F7F4EF;
  color: #0f1111;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.az-checkout.hidden { display: none !important; }

.az-checkout-top {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 1rem;
  background: #fff;
  border-bottom: 1px solid #d5d9d9;
  min-height: 56px;
}
.az-checkout-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  background: transparent;
  color: #0f1111;
  border-radius: 999px;
  cursor: pointer;
}
.az-checkout-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 0;
  background: transparent;
  color: #0f1111;
  font-size: 1.25rem;
  font-weight: 400;
  cursor: pointer;
  padding: 0.15rem 0.25rem;
}
.az-checkout-logo {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 4px;
  object-fit: cover;
}
.az-checkout-secure {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  color: #565959;
}

.az-checkout-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.85rem 0.75rem 1.5rem;
}
.az-checkout-form {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 900px) {
  .az-checkout-body { padding: 1.25rem 1.5rem 2rem; }
  .az-checkout-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.25rem;
    align-items: start;
  }
}

.az-checkout-main {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-width: 0;
}

.az-co-card {
  background: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  overflow: hidden;
}
.az-co-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem 0.35rem;
}
.az-co-card-head h2 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f1111;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.az-co-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: #132a45;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}
.az-co-change,
.az-co-link {
  border: 0;
  background: none;
  color: #007185;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
}
.az-co-change:hover,
.az-co-link:hover { color: #c45500; text-decoration: underline; }
.az-co-card-body {
  padding: 0.35rem 1rem 1rem;
}
.az-co-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: #0f1111;
  margin: 0.55rem 0 0.3rem;
}
.az-co-select,
.az-co-input {
  width: 100%;
  height: 2.5rem;
  padding: 0 0.7rem;
  border: 1px solid #888c8c;
  border-radius: 4px;
  background: #fff;
  color: #0f1111;
  font-size: 0.9rem;
  box-sizing: border-box;
}
.az-co-select:focus,
.az-co-input:focus {
  outline: none;
  border-color: #e77600;
  box-shadow: 0 0 0 3px rgba(228, 121, 17, 0.35);
}
.az-co-note {
  margin: 0.45rem 0 0;
  font-size: 0.72rem;
  color: #565959;
  line-height: 1.4;
}
.az-co-note-ok { color: #007600 !important; }
.az-co-note-error { color: #b12704 !important; }

.az-co-address-preview {
  margin-top: 0.75rem;
  padding: 0.7rem 0.8rem;
  background: #f7fafa;
  border: 1px solid #d5d9d9;
  border-radius: 6px;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #0f1111;
}
.az-co-addr-name { font-weight: 700; margin-bottom: 0.15rem; }

.az-co-pay-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
  margin-top: 0.35rem;
}
.az-co-pay {
  cursor: pointer;
  position: relative;
}
.az-co-pay input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.az-co-pay-face {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.25rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  background: #0a0a0a;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.az-co-pay input:checked + .az-co-pay-face {
  border-color: #e77600;
  box-shadow: 0 0 0 2px #e77600;
  background: #0a0a0a;
}
.az-co-pay-logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 2.35rem;
  object-fit: contain;
}
.az-co-pay-face-text {
  flex-direction: column;
  gap: 0.15rem;
  background: #fff;
}
.az-co-pay-card-label {
  font-weight: 700;
  font-size: 0.95rem;
  color: #0f1111;
  letter-spacing: 0.02em;
}
.az-co-pay-card-sub {
  font-size: 0.68rem;
  color: #565959;
}
.az-co-pay-name { font-weight: 700; font-size: 0.95rem; color: #0f1111; }
.az-co-pay-hint { font-size: 0.72rem; color: #565959; }

/* Profile / shared payment method logos */
.pay-logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 1.85rem;
  object-fit: contain;
}
.pay-logo-lg { height: 2.25rem; }
.pay-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 3.5rem;
  padding: 0.55rem 0.65rem !important;
  background: #0a0a0a !important;
  border-color: #333 !important;
}
.pay-option:has(:checked) {
  border-color: #e77600 !important;
  box-shadow: 0 0 0 1px #e77600;
}
.pay-method-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.45rem;
  border-radius: 4px;
  background: #0a0a0a;
  vertical-align: middle;
}
.pay-method-badge img {
  height: 1.15rem;
  width: auto;
  object-fit: contain;
}

.az-co-payto {
  margin-top: 0.85rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid #E62E04;
  border-radius: 8px;
  background: #fff8e7;
}
.az-co-payto-label { font-size: 0.72rem; color: #565959; margin-bottom: 0.2rem; }
.az-co-payto-name { font-size: 0.85rem; font-weight: 600; color: #0f1111; }
.az-co-payto-number {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 1.35rem;
  font-weight: 700;
  color: #b12704;
  letter-spacing: 0.02em;
  margin: 0.15rem 0;
}
.az-co-payto-instr { font-size: 0.75rem; color: #565959; line-height: 1.4; }

.az-co-saved-cards {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  background: #f7fafa;
}
.az-co-saved-list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.4rem;
}
.az-co-saved-item {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font-size: 0.8rem;
  color: #0f1111;
}
.az-co-saved-item:has(input:checked) {
  border-color: #f0c14b;
  box-shadow: 0 0 0 1px #f0c14b;
}
.az-co-saved-item input { margin-top: 0.15rem; }
.az-co-saved-item strong { display: block; font-weight: 700; }
.az-co-saved-item em {
  font-style: normal;
  font-size: 0.68rem;
  color: #067d62;
  margin-right: 0.35rem;
}
.az-co-secure { color: #067d62 !important; }

.az-co-items {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 0.85rem;
}
.az-co-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.65rem;
  border: 1px solid #e3e6e6;
  border-radius: 8px;
  background: #fff;
}
.az-co-item-img {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e3e6e6;
  border-radius: 4px;
  flex-shrink: 0;
}
.az-co-item-img-empty { background: #f0f2f2; }
.az-co-item-body { min-width: 0; flex: 1; }
.az-co-item-title {
  font-size: 0.85rem;
  font-weight: 500;
  color: #0f1111;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
}
.az-co-item-meta { font-size: 0.75rem; color: #565959; margin-top: 0.2rem; }
.az-co-item-line {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #b12704;
  margin-top: 0.2rem;
}
.az-co-item-ship { font-size: 0.7rem; color: #007600; margin-top: 0.25rem; }

.az-co-promo { margin-top: 0.85rem; }
.az-co-promo-row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.az-co-promo-btn {
  border: 1px solid #d5d9d9;
  background: #fff;
  color: #0f1111;
  border-radius: 8px;
  padding: 0 0.9rem;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.az-co-promo-btn:hover { background: #f7f8f8; }

.az-checkout-summary {
  background: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  padding: 1rem;
  position: sticky;
  top: 0.75rem;
}
.az-co-place {
  width: 100%;
  border: 1px solid #E62E04;
  background: #FF4747;
  color: #0f1111;
  font-size: 0.95rem;
  font-weight: 700;
  border-radius: 20px;
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.az-co-place:hover { background: #f7ca00; }
.az-co-place-secondary { margin-top: 0.85rem; }
.az-co-terms {
  margin: 0.55rem 0 0.85rem;
  font-size: 0.7rem;
  color: #565959;
  line-height: 1.4;
}
.az-co-summary-title {
  margin: 0 0 0.55rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0f1111;
  padding-top: 0.35rem;
  border-top: 1px solid #e3e6e6;
}
.az-co-summary-rows {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.az-co-row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.85rem;
  color: #0f1111;
}
.az-co-row-discount span:last-child { color: #007600; }
.az-co-row-total {
  margin-top: 0.35rem;
  padding-top: 0.55rem;
  border-top: 1px solid #e3e6e6;
  font-size: 1.05rem;
  font-weight: 700;
  color: #b12704;
}
.az-co-summary-note {
  margin: 0.55rem 0 0;
  font-size: 0.7rem;
  color: #565959;
}

@media (max-width: 899.98px) {
  .az-checkout-summary {
    order: -1;
    position: static;
    border-radius: 8px;
    padding-bottom: 0.25rem;
  }
  .az-co-place-secondary { display: none; }
  .az-checkout-form {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom));
  }
  .az-checkout-summary .az-co-place:first-of-type {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 86;
    width: auto;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px solid #E62E04;
    padding: 0.95rem 1rem calc(0.95rem + env(safe-area-inset-bottom));
    font-size: 1rem;
    font-weight: 700;
    background: linear-gradient(to bottom, #ffe566, #FF4747);
    box-shadow: 0 -6px 20px rgba(15, 17, 17, 0.12);
  }
  .az-checkout-summary .az-co-place:first-of-type:active {
    background: #f7ca00;
  }
  .az-co-terms { display: none; }
}

/* ——— Order tracking (Amazon-style progress) ——— */
.tk-card {
  background: #fff;
  color: #0f1111;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  padding: 1rem 1.1rem 1.15rem;
  margin-bottom: 0.75rem;
}
.tk-compact { padding: 0.85rem 0.9rem; }
.tk-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #e7e7e7;
}
.tk-arrive {
  font-size: 1.15rem;
  font-weight: 700;
  color: #007185;
  line-height: 1.25;
}
.tk-link {
  color: #007185;
  font-size: 0.82rem;
  text-decoration: none;
  white-space: nowrap;
}
.tk-link:hover { text-decoration: underline; color: #c7511f; }
.tk-status-label {
  text-align: center;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0.95rem 0 0.65rem;
  color: #0f1111;
}
.tk-pkg-photo {
  margin: 0 0 0.85rem;
  padding: 0.65rem 0.75rem;
  background: #f7fafa;
  border: 1px solid #e3e6e6;
  border-radius: 8px;
}
.tk-pkg-photo-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #565959;
  margin-bottom: 0.45rem;
}
.tk-pkg-photo-link {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d5d9d9;
}
.tk-pkg-photo-link img {
  display: block;
  width: 100%;
  max-height: 14rem;
  object-fit: contain;
  background: #fff;
}
.tk-compact .tk-pkg-photo-link img { max-height: 11rem; }
@media (min-width: 640px) {
  .tk-pkg-photo-link img { max-height: 18rem; }
  .tk-compact .tk-pkg-photo-link img { max-height: 14rem; }
}
.tk-tracker { padding: 0.15rem 0.25rem 0.35rem; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tk-rail-wrap {
  position: relative;
  min-width: 640px;
}
.tk-rail {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.tk-rail::before {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  top: 11px;
  height: 4px;
  background: #d5d9d9;
  border-radius: 2px;
  z-index: 0;
}
.tk-rail-fill {
  position: absolute;
  left: 12px;
  top: 11px;
  height: 4px;
  background: #007185;
  border-radius: 2px;
  z-index: 1;
  max-width: calc(100% - 24px);
}
.tk-step {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
  pointer-events: none;
}
.tk-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #d5d9d9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.tk-step.done .tk-dot,
.tk-step.active .tk-dot {
  border-color: #007185;
  background: #007185;
  color: #fff;
}
.tk-step.active .tk-dot {
  border-color: #e47911;
  background: #FF4747;
  box-shadow: 0 0 0 3px rgba(228, 121, 17, 0.2);
}
.tk-dot svg { width: 12px; height: 12px; display: none; }
.tk-step.done .tk-dot svg,
.tk-step.active .tk-dot svg { display: block; }
.tk-step-label {
  margin-top: 0.45rem;
  font-size: 0.68rem;
  color: #565959;
  line-height: 1.25;
  padding: 0 0.15rem;
  max-width: 7rem;
}
.tk-step.done .tk-step-label,
.tk-step.active .tk-step-label { color: #0f1111; font-weight: 600; }
.tk-step.active .tk-step-label { font-weight: 700; }
@media (min-width: 900px) {
  .tk-arrive { font-size: 1.35rem; }
  .tk-step-label { font-size: 0.75rem; max-width: 8rem; }
  .tk-rail-wrap { min-width: 0; }
}
.tk-compact .tk-arrive { font-size: 1.05rem; }
.tk-compact .tk-status-label { margin: 0.65rem 0 0.45rem; font-size: 0.88rem; }
.tk-compact .tk-step-label { font-size: 0.65rem; max-width: 6.5rem; }

/* Vertical read-only status timeline (no interactions) */
.tk-vrail {
  list-style: none;
  margin: 0.85rem 0 0.35rem;
  padding: 0 0 0 0.15rem;
  position: relative;
}
.tk-vrail::before {
  content: '';
  position: absolute;
  left: 9px;
  top: 6px;
  bottom: 6px;
  width: 3px;
  background: #d5d9d9;
  border-radius: 2px;
}
.tk-vstep {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.35rem 0 0.55rem 0;
  pointer-events: none;
  user-select: none;
}
.tk-vdot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #d5d9d9;
  background: #fff;
  flex-shrink: 0;
  margin-top: 1px;
  z-index: 1;
  box-sizing: border-box;
}
.tk-vstep.done .tk-vdot,
.tk-vstep.active .tk-vdot {
  border-color: #007185;
  background: #007185;
  box-shadow: 0 0 0 3px rgba(0, 113, 133, 0.15);
}
.tk-vstep.active .tk-vdot {
  background: #FF4747;
  border-color: #e47911;
  box-shadow: 0 0 0 3px rgba(228, 121, 17, 0.2);
}
.tk-vlabel {
  font-size: 0.88rem;
  line-height: 1.35;
  color: #565959;
  padding-top: 0.05rem;
}
.tk-vstep.done .tk-vlabel { color: #0f1111; }
.tk-vstep.active .tk-vlabel { color: #0f1111; font-weight: 700; }
.tk-track-id {
  margin-top: 0.85rem;
  font-size: 0.84rem;
  color: #565959;
  padding-top: 0.65rem;
  border-top: 1px solid #e7e7e7;
}
.tk-track-id strong { color: #0f1111; letter-spacing: 0.04em; }

/* User profile orders — professional list with filters */
.uo-page { display: flex; flex-direction: column; gap: 0.75rem; max-width: none; width: 100%; }
.uo-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: stretch;
  background: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  padding: 0.75rem;
}
.uo-search {
  flex: 1 1 16rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  background: #fff;
  border: 1px solid #888c8c;
  border-radius: 6px;
  padding: 0.15rem 0.15rem 0.15rem 0.65rem;
}
.uo-search:focus-within { border-color: #e77600; box-shadow: 0 0 0 2px rgba(228, 121, 17, 0.35); }
.uo-search-icon { color: #565959; flex-shrink: 0; }
.uo-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 0.875rem;
  color: #0f1111;
  padding: 0.45rem 0.25rem;
}
.uo-search-clear {
  border: 0;
  background: transparent;
  color: #565959;
  font-size: 1.15rem;
  line-height: 1;
  padding: 0.25rem 0.4rem;
  cursor: pointer;
}
.uo-search-btn {
  flex-shrink: 0;
  border: 0;
  border-radius: 4px;
  background: #FF4747;
  color: #0f1111;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 0.45rem 0.85rem;
  cursor: pointer;
}
.uo-search-btn:hover { background: #f3a847; }
.uo-range {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.78rem;
  color: #565959;
  flex: 0 0 auto;
}
.uo-range select {
  border: 1px solid #d5d9d9;
  border-radius: 6px;
  background: #fff;
  color: #0f1111;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.45rem 0.55rem;
  min-height: 2.4rem;
}
.uo-chips {
  display: flex;
  gap: 0.45rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 0.15rem;
}
.uo-chips::-webkit-scrollbar { display: none; }
.uo-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid #d5d9d9;
  background: #fff;
  color: #0f1111;
  border-radius: 999px;
  padding: 0.4rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.12s, border-color 0.12s;
}
.uo-chip:hover { background: #f7fafa; border-color: #bbb; }
.uo-chip.is-active {
  background: #0B1F33;
  border-color: #0B1F33;
  color: #fff;
}
.uo-chip.has-alert:not(.is-active) { border-color: #f0c14b; background: #fff8e7; }
.uo-chip-n {
  font-size: 0.68rem;
  font-weight: 700;
  opacity: 0.75;
  font-variant-numeric: tabular-nums;
}
.uo-chip.is-active .uo-chip-n { opacity: 0.9; }
.uo-result-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.78rem;
  color: #565959;
  padding: 0 0.1rem;
}
.uo-empty {
  text-align: center;
  background: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  padding: 2.5rem 1.25rem;
}
.uo-empty-icon {
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto 0.85rem;
  border-radius: 999px;
  background: #f0f2f2;
  color: #565959;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uo-empty h3 {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f1111;
}
.uo-empty p {
  margin: 0 auto;
  max-width: 22rem;
  font-size: 0.85rem;
  color: #565959;
  line-height: 1.45;
}
.uo-empty-cta { margin-top: 1rem; }
.uo-empty-filter { padding: 2rem 1rem; }

.uo-list { display: flex; flex-direction: column; gap: 0.55rem; }
.uo-row {
  background: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  overflow: hidden;
}
.uo-row.is-open { border-color: #f0c14b; box-shadow: 0 1px 2px rgba(15,17,17,.06); }
.uo-row.needs-action:not(.is-open) { border-left: 3px solid #e47911; }
.uo-summary {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto 1fr auto auto;
  gap: 0.65rem;
  align-items: center;
  padding: 0.85rem 0.95rem;
  background: #fff;
  border: 0;
  cursor: pointer;
  text-align: left;
  color: #0f1111;
  min-height: 4.25rem;
}
.uo-summary:hover { background: #f7fafa; }
.uo-row.is-open .uo-summary { background: #fff8e7; border-bottom: 1px solid #eee; }
.uo-chevron {
  font-size: 1.15rem;
  font-weight: 700;
  color: #565959;
  transition: transform 0.15s ease;
  line-height: 1;
  width: 1rem;
}
.uo-row.is-open .uo-chevron { transform: rotate(90deg); color: #c45500; }
.uo-thumb {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #d5d9d9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.uo-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }
.uo-main { min-width: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.uo-track {
  font-size: 0.88rem;
  font-weight: 700;
  color: #0f1111;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.uo-attention {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e47911;
  box-shadow: 0 0 0 3px rgba(228, 121, 17, 0.2);
  flex-shrink: 0;
}
.uo-meta { font-size: 0.72rem; color: #565959; }
.uo-status { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; }
.uo-pay { font-size: 0.68rem; color: #565959; text-transform: capitalize; }
.uo-total { font-size: 0.95rem; font-weight: 700; color: #b12704; white-space: nowrap; }
.uo-panel { padding: 0.85rem 0.95rem 1rem; background: #f7fafa; }
.uo-items { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 0.45rem; }
.uo-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  font-size: 0.8rem;
}
.uo-item:last-child { border-bottom: 0; }
.uo-item-img {
  width: 44px;
  height: 44px;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.uo-item-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.uo-item-body { flex: 1; min-width: 0; }
.uo-item-title { font-weight: 600; color: #0f1111; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.uo-item-qty { font-size: 0.7rem; color: #565959; margin-top: 0.1rem; }
.uo-item-price { font-weight: 700; color: #0f1111; }
.uo-foot {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px solid #e7e7e7;
  font-size: 0.78rem;
  color: #565959;
}
.uo-foot-total { font-weight: 800; color: #b12704; font-size: 0.95rem; }
.uo-method { text-transform: uppercase; font-weight: 700; color: #c45500; }
.uo-promo { color: #067d62; margin-top: 0.2rem; }
.uo-paybox {
  margin-top: 0.75rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid #f0c14b;
  background: #fff8e7;
  border-radius: 8px;
  font-size: 0.8rem;
  color: #0f1111;
}
.uo-pay-name { font-weight: 700; margin-top: 0.35rem; }
.uo-pay-num { font-size: 1.05rem; font-weight: 800; color: #c45500; margin: 0.2rem 0; }
.uo-pay-note { font-size: 0.72rem; color: #565959; }
.uo-pay-form { display: flex; gap: 0.5rem; margin-top: 0.55rem; flex-wrap: wrap; }
.uo-pay-form .input-field { min-width: 10rem; }
.uo-ref { margin-top: 0.55rem; font-size: 0.75rem; color: #565959; }
.uo-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 0.75rem;
  padding-top: 0.55rem;
}
.uo-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: #007185;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
}
.uo-link:hover { color: #c7511f; text-decoration: underline; }

/* Light order status badges (override dark leftovers) */
.uo-page .badge,
.uo-list .badge,
.profile-detail .badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  white-space: nowrap;
}
.uo-page .badge-pending,
.uo-page .badge-payment_submitted { background: #fff6e0; color: #8a6d00; border-color: #f0d78c; }
.uo-page .badge-paid,
.uo-page .badge-staged,
.uo-page .badge-ordered { background: #e7f4ff; color: #007185; border-color: #b3dce6; }
.uo-page .badge-amazon_shipped,
.uo-page .badge-shipped_to_dubai { background: #fff0e0; color: #c45500; border-color: #f0c9a0; }
.uo-page .badge-at_dubai,
.uo-page .badge-awaiting_flight,
.uo-page .badge-waiting_for_flight { background: #eef2ff; color: #3730a3; border-color: #c7d2fe; }
.uo-page .badge-in_transit,
.uo-page .badge-shipped,
.uo-page .badge-fulfilled,
.uo-page .badge-local_office { background: #e6f6f1; color: #067d62; border-color: #a7e0d0; }
.uo-page .badge-out_for_delivery { background: #f3e8ff; color: #6b21a8; border-color: #e9d5ff; }
.uo-page .badge-delivered,
.uo-page .badge-completed { background: #e6f6f1; color: #067d62; border-color: #9ad9c7; }
.uo-page .badge-cancelled,
.uo-page .badge-refunded { background: #fdecec; color: #b12704; border-color: #f5c2c0; }

/* Account CMS pages */
.cms-page { padding: 0.25rem 0 1.5rem; }
.cms-intro { font-size: 0.9rem; color: #565959; margin-bottom: 1rem; line-height: 1.45; }
.cms-blocks { display: flex; flex-direction: column; gap: 0.75rem; }
.cms-perk {
  padding: 0.85rem 1rem;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  background: #fff;
}
.cms-perk-title { font-weight: 700; font-size: 0.95rem; color: #0f1111; }
.cms-perk-body { font-size: 0.85rem; color: #565959; margin-top: 0.25rem; line-height: 1.4; }
.cms-faq {
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  background: #fff;
  padding: 0.65rem 0.9rem;
}
.cms-faq-q { font-weight: 600; font-size: 0.9rem; cursor: pointer; color: #0f1111; }
.cms-faq-a { font-size: 0.85rem; color: #565959; margin-top: 0.5rem; line-height: 1.45; }
.cms-text-title { font-weight: 700; font-size: 0.95rem; margin-bottom: 0.25rem; }
.cms-text { font-size: 0.88rem; color: #0f1111; line-height: 1.45; }
.cms-link { color: #007185; font-weight: 600; font-size: 0.9rem; }
.cms-suggest-form { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #e7e7e7; }

.uo-pay-form-proof {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  align-items: stretch;
}
.uo-pay-upload {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #0f1111;
}
.uo-pay-upload input[type="file"] {
  font-weight: 400;
}

@media (max-width: 640px) {
  .uo-toolbar { padding: 0.65rem; gap: 0.55rem; }
  .uo-search { flex: 1 1 100%; }
  .uo-range { width: 100%; justify-content: space-between; }
  .uo-range select { flex: 1; }
  .uo-summary {
    grid-template-columns: auto auto 1fr;
    grid-template-areas:
      "chev thumb main"
      "chev thumb status"
      "chev thumb total";
    gap: 0.45rem 0.55rem;
    padding: 0.75rem;
    min-height: 0;
  }
  .uo-chevron { grid-area: chev; align-self: start; margin-top: 0.15rem; }
  .uo-thumb { grid-area: thumb; width: 44px; height: 44px; }
  .uo-main { grid-area: main; }
  .uo-status { grid-area: status; align-items: flex-start; }
  .uo-total { grid-area: total; font-size: 0.9rem; }
  .uo-pay-form { flex-direction: column; }
  .uo-pay-form .az-btn { width: 100%; }
}