:root {
  --green: #0f8f5f;
  --green-dark: #0b6f4b;
  --orange: #f97316;
  --rose: #e11d48;
  --ink: #111827;
  --muted: #6b7280;
  --line: #e5e7eb;
  --soft: #f5f7f8;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--soft);
  color: var(--ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }

.site-header {
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 14px;
  grid-template-columns: 190px 1fr auto;
  left: 0;
  padding: 13px clamp(16px, 4vw, 44px);
  position: sticky;
  right: 0;
  top: 0;
  z-index: 10;
}
.logo {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 900;
  gap: 10px;
}
.logo span {
  align-items: center;
  background: var(--green);
  border-radius: 8px;
  color: white;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.search {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 82px;
}
.search input,
.track-form input,
.form input,
.form textarea,
.form select {
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  min-height: 44px;
  padding: 0 12px;
  width: 100%;
}
.form textarea {
  min-height: 82px;
  padding-top: 10px;
  resize: vertical;
}
.site-header nav {
  display: flex;
  gap: 16px;
  font-weight: 800;
}
.site-header nav b {
  background: var(--orange);
  border-radius: 999px;
  color: white;
  font-size: 12px;
  padding: 2px 7px;
}
main {
  margin: 0 auto;
  max-width: 1220px;
  padding: 26px;
}
.hero {
  align-items: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  display: grid;
  gap: 28px;
  grid-template-columns: 1.03fr 0.97fr;
  min-height: 470px;
  overflow: hidden;
  padding: clamp(24px, 5vw, 56px);
}
.badge, .trust span, .spec {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  color: var(--green-dark);
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  padding: 8px 11px;
}
h1 {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.04;
  margin: 16px 0;
}
.hero p {
  color: #4b5563;
  font-size: 18px;
  line-height: 1.7;
  max-width: 620px;
}
.actions, .trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.btn, .search button {
  align-items: center;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  font-weight: 900;
  height: 44px;
  justify-content: center;
  padding: 0 16px;
}
.primary, .search button { background: var(--orange); color: white; }
.outline { background: white; border: 1px solid #cbd5e1; color: #1f2937; }
.wide { width: 100%; }
.hero-visual {
  background: linear-gradient(145deg, #f8fafc, #eef7f2);
  border-radius: 18px;
  height: 360px;
  position: relative;
}
.key, .chip, .programmer, .parcel {
  position: absolute;
  box-shadow: 0 20px 40px rgba(17, 24, 39, 0.15);
}
.key::after {
  background: #d1d5db;
  border-radius: 7px;
  content: "";
  height: 92px;
  left: 47px;
  position: absolute;
  top: 102px;
  width: 17px;
}
.key-a {
  background: #111827;
  border-radius: 30px 30px 42px 42px;
  height: 120px;
  left: 76px;
  top: 70px;
  transform: rotate(-18deg);
  width: 110px;
}
.key-b {
  background: #334155;
  border-radius: 42px;
  height: 126px;
  right: 90px;
  top: 50px;
  transform: rotate(16deg);
  width: 76px;
}
.chip {
  background: #111827;
  border-radius: 10px;
  height: 70px;
  left: 250px;
  top: 210px;
  transform: rotate(8deg);
  width: 100px;
}
.programmer {
  background: #0f172a;
  border-radius: 14px;
  bottom: 58px;
  height: 92px;
  left: 96px;
  width: 154px;
}
.programmer::after {
  background: var(--green);
  border-radius: 5px;
  content: "";
  height: 34px;
  left: 33px;
  position: absolute;
  top: 24px;
  width: 88px;
}
.parcel {
  align-items: center;
  background: #d8a15f;
  border-radius: 12px;
  bottom: 70px;
  color: #6b3d13;
  display: flex;
  font-weight: 900;
  height: 120px;
  justify-content: center;
  right: 90px;
  width: 140px;
}
.categories, .product-grid {
  display: grid;
  gap: 14px;
}
.categories {
  grid-template-columns: repeat(5, 1fr);
  margin: 18px 0 32px;
}
.category-card, .product-card, .panel {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(17, 24, 39, 0.04);
}
.category-card {
  cursor: default;
  padding: 18px;
}
.category-card b, .category-card span { display: block; }
.category-card span {
  color: var(--muted);
  font-size: 13px;
  margin-top: 6px;
}
.section-head {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.eyebrow {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.section-head h2 {
  font-size: 30px;
  margin: 6px 0 0;
}
.product-grid {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 34px;
}
.product-card {
  padding: 14px;
}
.product-art {
  align-items: center;
  background: #f8fafc;
  border-radius: 12px;
  display: flex;
  height: 160px;
  justify-content: center;
  margin-bottom: 12px;
}
.product-art::before {
  background: #111827;
  border-radius: 24px;
  content: "";
  height: 82px;
  transform: rotate(-18deg);
  width: 58px;
}
.product-card h3 {
  font-size: 16px;
  line-height: 1.35;
  min-height: 44px;
}
.meta {
  color: var(--muted);
  display: grid;
  font-size: 13px;
  gap: 4px;
}
.price {
  color: var(--rose);
  display: block;
  font-size: 24px;
  font-weight: 900;
  margin: 12px 0;
}
.card-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
}
.checkout-wrap {
  display: grid;
  gap: 20px;
  grid-template-columns: 0.9fr 1.1fr;
  margin: 24px 0;
}
.panel { padding: 22px; }
.cart-row {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto;
  padding: 13px 0;
}
.cart-row small { color: var(--muted); display: block; margin-top: 5px; }
.qty {
  align-items: center;
  display: flex;
  gap: 8px;
}
.qty button {
  background: #f3f4f6;
  border: 1px solid var(--line);
  border-radius: 6px;
  height: 30px;
  width: 30px;
}
.form {
  display: grid;
  gap: 12px;
}
.form label {
  color: #374151;
  display: grid;
  font-size: 13px;
  font-weight: 900;
  gap: 7px;
}
.two {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
.summary {
  background: #f9fafb;
  border: 1px solid var(--line);
  border-radius: 12px;
  display: grid;
  gap: 9px;
  grid-template-columns: 1fr auto;
  padding: 14px;
}
.summary strong { color: var(--rose); font-size: 20px; }
.hidden { display: none; }
.payment {
  margin: 28px 0;
}
.payment-panel {
  margin: 0 auto;
  max-width: 720px;
}
.bank-card {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 12px;
  margin: 14px 0;
  padding: 16px;
}
.bank-card b {
  display: block;
  font-size: 26px;
  margin: 5px 0;
}
.track {
  margin: 26px 0;
}
.track-form {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 120px;
}
.status-line {
  background: #f9fafb;
  border-radius: 12px;
  margin-top: 14px;
  padding: 15px;
}
footer {
  color: var(--muted);
  display: grid;
  gap: 6px;
  padding: 30px;
  text-align: center;
}

@media (max-width: 900px) {
  .site-header, .hero, .checkout-wrap { grid-template-columns: 1fr; }
  .site-header nav { justify-content: space-between; }
  main { padding: 16px; }
  .categories, .product-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-visual { height: 290px; }
}

@media (max-width: 560px) {
  .categories, .product-grid, .two, .card-actions, .track-form { grid-template-columns: 1fr; }
}

/* Formal homepage refinement */
.logo span {
  min-width: 40px;
  width: 40px;
}
.image-hero {
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px #e5e7eb;
  overflow: hidden;
}
.image-hero img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.service-strip {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr);
  margin: 8px 0 34px;
}
.service-strip article,
.order-flow,
.flow-grid article {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(17, 24, 39, 0.04);
}
.service-strip article {
  padding: 18px;
}
.service-strip b,
.service-strip span,
.flow-grid strong,
.flow-grid span {
  display: block;
}
.service-strip b {
  margin-bottom: 6px;
}
.service-strip span,
.flow-grid span,
.order-heading p {
  color: var(--muted);
  line-height: 1.6;
}
.order-flow {
  display: grid;
  gap: 22px;
  grid-template-columns: 0.75fr 1.25fr;
  margin: 10px 0 34px;
  padding: 24px;
}
.order-flow h2 {
  font-size: 28px;
  line-height: 1.2;
  margin: 6px 0 0;
}
.flow-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}
.flow-grid article {
  padding: 16px;
}
.flow-grid b {
  align-items: center;
  background: #ecfdf5;
  border-radius: 8px;
  color: var(--green-dark);
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-bottom: 12px;
  width: 30px;
}
.flow-grid strong {
  margin-bottom: 7px;
}
.order-heading {
  align-items: center;
}
.order-heading p {
  margin: 0;
  max-width: 520px;
  text-align: right;
}
.checkout-wrap.empty .panel:first-child {
  min-height: 260px;
}
.checkout-wrap.empty .panel:first-child p {
  background: #f9fafb;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  color: var(--muted);
  margin-top: 16px;
  padding: 22px;
}
.product-card {
  display: flex;
  flex-direction: column;
}
.product-card h3 {
  margin-bottom: 10px;
}
.product-art {
  overflow: hidden;
}
.product-art::after {
  background: #d1d5db;
  border-radius: 8px;
  content: "";
  height: 70px;
  margin-left: -7px;
  margin-top: 80px;
  position: absolute;
  transform: rotate(-18deg);
  width: 14px;
}
.product-art.smart-art::before {
  background: #334155;
  border-radius: 36px;
  height: 92px;
  width: 62px;
}
.product-art.chip-art::before {
  background: linear-gradient(135deg, #111827, #334155);
  border-radius: 10px;
  height: 62px;
  transform: rotate(7deg);
  width: 92px;
}
.product-art.chip-art::after {
  display: none;
}
.product-art.tool-art::before {
  background: #0f172a;
  border-radius: 12px;
  height: 72px;
  transform: rotate(0deg);
  width: 120px;
}
.product-art.tool-art::after {
  background: var(--green);
  border-radius: 5px;
  height: 28px;
  margin: 0;
  transform: rotate(0deg);
  width: 72px;
}
.product-art.blank-art::before {
  background: #d1d5db;
  border-radius: 9px 9px 3px 3px;
  height: 118px;
  transform: rotate(36deg);
  width: 24px;
}
.product-art.blank-art::after {
  background: #111827;
  border-radius: 50%;
  display: block;
  height: 36px;
  margin: -84px 0 0 -32px;
  transform: rotate(0deg);
  width: 36px;
}
.card-actions {
  margin-top: auto;
}
.payment-panel {
  box-shadow: 0 24px 70px rgba(17, 24, 39, 0.08);
}
@media (max-width: 900px) {
  .service-strip,
  .order-flow,
  .flow-grid {
    grid-template-columns: 1fr;
  }
  .order-heading p {
    text-align: left;
  }
}
/* Ecommerce-grade homepage polish */
.top-notice {
  align-items: center;
  background: #0f172a;
  color: white;
  display: flex;
  font-size: 13px;
  gap: 14px;
  justify-content: center;
  min-height: 36px;
  padding: 7px 16px;
}
.top-notice b {
  color: #86efac;
}
.ecommerce-header {
  grid-template-columns: 210px minmax(240px, 1fr) auto;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}
.logo strong {
  letter-spacing: 0;
}
.ecommerce-header nav {
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}
.ecommerce-header nav a {
  color: #334155;
  font-size: 14px;
}
.cart-link {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  padding: 8px 12px;
}
.commerce-hero {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 58%, #f0fdf4 100%);
  border-radius: 20px;
  grid-template-columns: 0.9fr 1.1fr;
  min-height: 520px;
  padding: clamp(28px, 5vw, 64px);
}
.hero-copy h1 {
  max-width: 620px;
}
.hero-copy p {
  max-width: 590px;
}
.hero-metrics {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 26px;
  max-width: 520px;
}
.hero-metrics div {
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px;
}
.hero-metrics b,
.hero-metrics span {
  display: block;
}
.hero-metrics b {
  color: var(--green-dark);
  font-size: 22px;
}
.hero-metrics span {
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
.image-hero {
  min-height: 370px;
}
.image-hero img {
  filter: saturate(1.04) contrast(1.02);
}
.assurance-bar {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, 1fr);
  margin: 18px 0 34px;
}
.assurance-bar article {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(17, 24, 39, 0.04);
  padding: 18px;
}
.assurance-bar b,
.assurance-bar span {
  display: block;
}
.assurance-bar b {
  margin-bottom: 6px;
}
.assurance-bar span,
.category-heading p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.category-heading {
  align-items: center;
}
.category-heading p {
  margin: 0;
  max-width: 530px;
  text-align: right;
}
.commerce-categories {
  margin-bottom: 26px;
}
.commerce-categories .category-card {
  border-bottom: 3px solid transparent;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.commerce-categories .category-card:hover {
  border-bottom-color: var(--green);
  box-shadow: 0 20px 55px rgba(17, 24, 39, 0.08);
  transform: translateY(-2px);
}
.promo-band {
  align-items: center;
  background: #0f172a;
  border-radius: 18px;
  color: white;
  display: grid;
  gap: 22px;
  grid-template-columns: 1fr auto;
  margin: 8px 0 34px;
  padding: 28px;
}
.promo-band h2 {
  font-size: 30px;
  margin: 5px 0 8px;
}
.promo-band p {
  color: #cbd5e1;
  line-height: 1.7;
  margin: 0;
  max-width: 760px;
}
.promo-band .eyebrow {
  color: #86efac;
}
.product-heading {
  align-items: center;
}
.commerce-products {
  align-items: stretch;
}
.commerce-products .product-card {
  border-radius: 16px;
  padding: 14px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.commerce-products .product-card:hover {
  box-shadow: 0 24px 60px rgba(17, 24, 39, 0.10);
  transform: translateY(-3px);
}
.commerce-products .product-art {
  background: linear-gradient(135deg, #f8fafc, #eef7f2);
  border: 1px solid #edf2f7;
  height: 170px;
}
.commerce-products .spec {
  margin-bottom: 10px;
  width: fit-content;
}
.checkout-wrap.empty {
  grid-template-columns: 1fr;
}
.checkout-wrap.empty .checkout-panel {
  display: none;
}
.checkout-wrap.empty .cart-panel {
  min-height: 190px;
}
.checkout-wrap:not(.empty) .checkout-panel {
  display: block;
}
.cart-panel h2::after {
  color: var(--muted);
  content: "Tambahkan produk untuk mulai checkout";
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-top: 8px;
}
.checkout-wrap:not(.empty) .cart-panel h2::after {
  content: "Periksa jumlah sebelum membuat pesanan";
}
.track.panel {
  border-radius: 16px;
}
@media (max-width: 1060px) {
  .ecommerce-header {
    grid-template-columns: 1fr;
  }
  .ecommerce-header nav {
    flex-wrap: wrap;
  }
  .commerce-hero,
  .promo-band {
    grid-template-columns: 1fr;
  }
  .assurance-bar {
    grid-template-columns: repeat(2, 1fr);
  }
  .category-heading p {
    text-align: left;
  }
}
@media (max-width: 640px) {
  .top-notice {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  .hero-metrics,
  .assurance-bar {
    grid-template-columns: 1fr;
  }
  .promo-band {
    padding: 22px;
  }
}
/* Dedicated cart and checkout pages */
.page-hero {
  align-items: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 16px 50px rgba(17, 24, 39, 0.04);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 22px;
  padding: 30px;
}
.compact-page-hero h1 {
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.08;
  margin: 14px 0 10px;
}
.compact-page-hero p {
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
  max-width: 720px;
}
.cart-page-grid,
.checkout-page-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 360px;
  margin-bottom: 28px;
}
.checkout-page-grid {
  grid-template-columns: minmax(0, 1fr) 420px;
}
.cart-summary-panel,
.checkout-side {
  align-self: start;
  position: sticky;
  top: 96px;
}
.cart-line {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 14px;
  grid-template-columns: 82px 1fr auto auto;
  padding: 16px 0;
}
.cart-line-art {
  background: linear-gradient(135deg, #f8fafc, #eef7f2);
  border: 1px solid var(--line);
  border-radius: 12px;
  height: 74px;
  position: relative;
}
.cart-line-art::before {
  background: #111827;
  border-radius: 18px;
  content: "";
  height: 42px;
  left: 28px;
  position: absolute;
  top: 13px;
  transform: rotate(-18deg);
  width: 28px;
}
.cart-line b,
.cart-line small,
.cart-line strong {
  display: block;
}
.cart-line small {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 5px 0;
}
.cart-line strong {
  color: var(--rose);
}
.remove-btn {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #be123c;
}
.empty-state {
  align-items: flex-start;
  background: #f9fafb;
  border: 1px dashed #cbd5e1;
  border-radius: 14px;
  color: var(--muted);
  display: grid;
  gap: 10px;
  padding: 24px;
}
.empty-state b {
  color: var(--ink);
}
.empty-state.small {
  padding: 18px;
}
.disabled {
  opacity: .45;
  pointer-events: none;
}
.checkout-item {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 5px;
  padding: 13px 0;
}
.checkout-item b,
.checkout-item span,
.checkout-item strong {
  display: block;
}
.checkout-item span {
  color: var(--muted);
  font-size: 13px;
}
.checkout-item strong {
  color: var(--rose);
}
.checkout-cta {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 24px 0;
}
.checkout-cta h2 {
  margin: 6px 0 8px;
}
.checkout-cta p {
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 900px) {
  .page-hero,
  .checkout-cta {
    align-items: flex-start;
    flex-direction: column;
  }
  .cart-page-grid,
  .checkout-page-grid {
    grid-template-columns: 1fr;
  }
  .cart-summary-panel,
  .checkout-side {
    position: static;
  }
  .cart-line {
    grid-template-columns: 70px 1fr;
  }
  .cart-line .qty,
  .cart-line .remove-btn {
    grid-column: 2;
    justify-self: start;
  }
}
/* Wide desktop layout adjustment */
main {
  max-width: 1760px;
  padding-left: clamp(24px, 4vw, 72px);
  padding-right: clamp(24px, 4vw, 72px);
}
.commerce-hero {
  grid-template-columns: minmax(520px, 0.82fr) minmax(620px, 1.18fr);
  min-height: 560px;
}
.hero-copy h1 {
  font-size: clamp(44px, 4.4vw, 76px);
}
.hero-copy p {
  font-size: 19px;
}
.image-hero {
  min-height: 420px;
}
.product-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.categories {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.assurance-bar,
.service-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.service-strip article:nth-child(3) {
  grid-column: auto;
}
@media (min-width: 1600px) {
  .product-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .commerce-products .product-art {
    height: 190px;
  }
}
@media (max-width: 1200px) {
  .commerce-hero {
    grid-template-columns: 1fr;
  }
  .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .assurance-bar,
  .service-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  main {
    padding-left: 16px;
    padding-right: 16px;
  }
  .product-grid,
  .assurance-bar,
  .service-strip {
    grid-template-columns: 1fr;
  }
}
/* Surabaya warehouse and box sales mode */
.badge::after {
  content: "Dikirim dari Surabaya";
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #c2410c;
  margin-left: 8px;
  padding: 6px 9px;
}
.product-card::before {
  background: #0f172a;
  border-radius: 0 14px 0 12px;
  color: white;
  content: "Per box";
  font-size: 12px;
  font-weight: 900;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.product-card {
  position: relative;
}
.assurance-bar article:first-child {
  background: linear-gradient(135deg, #ecfdf5, #ffffff);
  border-color: #bbf7d0;
}
.promo-band {
  background: linear-gradient(135deg, #0f172a, #123c2e);
}
.cart-summary-panel::before,
.checkout-side::before {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  color: var(--green-dark);
  content: "Semua produk dijual per box/kotak dan dikirim dari gudang Surabaya.";
  display: block;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 14px;
  padding: 12px;
}
/* Box product card redesign */
.box-card {
  gap: 12px;
}
.box-card::before {
  display: none;
}
.square-art {
  aspect-ratio: 1 / 1;
  height: auto !important;
  margin-bottom: 0;
  width: 100%;
}
.box-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.box-price-label,
.box-content {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 10px;
}
.box-price-label {
  background: #0f172a;
  color: white;
}
.box-content {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  color: var(--green-dark);
}
.box-card .meta {
  min-height: 76px;
}
.box-price {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 12px;
  padding: 12px;
}
.box-price small,
.box-price strong {
  display: block;
}
.box-price small {
  color: #be123c;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 3px;
}
.box-price strong {
  color: var(--rose);
  font-size: 26px;
  font-weight: 900;
}
.box-qty-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: 38px minmax(54px, 1fr) 38px auto;
}
.box-qty-row button,
.box-qty-row input {
  border-radius: 8px;
  height: 40px;
}
.box-qty-row button {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  color: var(--ink);
  font-size: 18px;
  font-weight: 900;
  padding: 0;
}
.box-qty-row input {
  border: 1px solid #cbd5e1;
  font-weight: 900;
  text-align: center;
}
.box-qty-row span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}
.box-card .card-actions {
  grid-template-columns: 0.8fr 1.2fr;
}
.cart-line small,
.checkout-item span {
  line-height: 1.6;
}
@media (max-width: 520px) {
  .box-card .card-actions {
    grid-template-columns: 1fr;
  }
}
/* Side cart drawer */
.cart-trigger {
  cursor: pointer;
  font: inherit;
}
.cart-backdrop {
  background: rgba(15, 23, 42, 0.34);
  inset: 0;
  opacity: 0;
  position: fixed;
  transition: opacity .18s ease;
  z-index: 80;
}
.cart-backdrop.open {
  opacity: 1;
}
.cart-drawer {
  background: white;
  bottom: 0;
  box-shadow: -24px 0 70px rgba(15, 23, 42, 0.22);
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  max-width: 520px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(104%);
  transition: transform .22s ease;
  width: min(92vw, 520px);
  z-index: 90;
}
.cart-drawer.open {
  transform: translateX(0);
}
.cart-open {
  overflow: hidden;
}
.drawer-head {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  padding: 22px;
}
.drawer-head h2 {
  margin: 4px 0 0;
}
.drawer-close {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  color: var(--ink);
  display: inline-flex;
  font-size: 28px;
  height: 42px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 42px;
}
.drawer-note {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  color: var(--green-dark);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.5;
  margin: 16px 22px 0;
  padding: 12px;
}
.drawer-items {
  overflow: auto;
  padding: 10px 22px;
}
.drawer-cart-line {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 12px;
  grid-template-columns: 74px 1fr;
  padding: 16px 0;
}
.drawer-cart-info b,
.drawer-cart-info span,
.drawer-cart-info strong {
  display: block;
}
.drawer-cart-info b {
  line-height: 1.35;
}
.drawer-cart-info span {
  color: var(--muted);
  font-size: 13px;
  margin: 5px 0;
}
.drawer-cart-info strong {
  color: var(--rose);
}
.drawer-qty {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-column: 2;
  grid-template-columns: 34px 74px 34px;
}
.drawer-qty button,
.drawer-qty input {
  border-radius: 8px;
  height: 36px;
}
.drawer-qty button {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  font-weight: 900;
  padding: 0;
}
.drawer-qty input {
  border: 1px solid #cbd5e1;
  font-weight: 900;
  text-align: center;
}
.drawer-cart-line .remove-btn {
  grid-column: 2;
  justify-self: start;
  min-height: 34px;
  padding: 0 12px;
}
.drawer-summary {
  background: #f8fafc;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto;
  padding: 16px 22px;
}
.drawer-summary span {
  color: var(--muted);
}
.drawer-summary strong {
  color: var(--rose);
  font-size: 22px;
}
.drawer-actions {
  display: grid;
  gap: 10px;
  padding: 16px 22px 22px;
}
.drawer-actions .disabled {
  opacity: .45;
  pointer-events: none;
}
@media (max-width: 560px) {
  .cart-drawer {
    max-width: none;
    width: 100vw;
  }
}
/* Final storefront visual refinement - WD Kunci wholesale */
:root {
  --page: #f3f6f8;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --ink-strong: #0f172a;
  --green-soft: #eafaf1;
  --orange-soft: #fff7ed;
}

body {
  background: var(--page);
  color: var(--ink-strong);
}

.top-notice {
  background: #0b1220;
  border-bottom: 1px solid rgba(255,255,255,.08);
  justify-content: space-between;
  padding-left: clamp(18px, 5vw, 82px);
  padding-right: clamp(18px, 5vw, 82px);
}

.top-notice span {
  color: #f8fafc;
  font-weight: 900;
}

.top-notice b {
  color: #bbf7d0;
  font-weight: 800;
}

.site-header {
  backdrop-filter: blur(14px);
  border-bottom: 1px solid #dbe3ea;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .06);
  padding-left: clamp(18px, 5vw, 82px);
  padding-right: clamp(18px, 5vw, 82px);
}

.logo span,
.btn,
.search button,
.search input,
.track-form input,
.form input,
.form textarea,
.form select,
.category-card,
.product-card,
.panel,
.hero,
.assurance-bar article,
.service-strip article,
.order-flow,
.flow-grid article,
.promo-band,
.cart-drawer,
.drawer-note,
.drawer-close,
.drawer-summary,
.box-price,
.box-qty-row button,
.box-qty-row input,
.drawer-qty button,
.drawer-qty input {
  border-radius: 8px;
}

main {
  max-width: 1880px;
  padding: clamp(22px, 3vw, 46px) clamp(22px, 4.8vw, 86px);
}

.commerce-hero {
  background: linear-gradient(115deg, #ffffff 0%, #ffffff 54%, #edf8f1 100%);
  border: 1px solid #dfe7ee;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .07);
  grid-template-columns: minmax(520px, .9fr) minmax(620px, 1.1fr);
  margin-bottom: 18px;
  min-height: 590px;
  padding: clamp(40px, 4.6vw, 78px);
}

.hero-copy h1 {
  font-size: clamp(46px, 4.3vw, 78px);
  letter-spacing: 0;
  line-height: .98;
  margin-bottom: 22px;
  max-width: 760px;
}

.hero-copy p {
  color: #475569;
  font-size: clamp(18px, 1.1vw, 22px);
  line-height: 1.72;
  max-width: 720px;
}

.badge {
  background: #eafaf1;
  border-color: #b7efcf;
  color: #047857;
  font-size: 13px;
  padding: 9px 13px;
}

.badge::after {
  background: #fff7ed;
  border-color: #fdba74;
  color: #c2410c;
}

.actions .btn {
  min-width: 168px;
}

.hero-metrics {
  max-width: 640px;
}

.hero-metrics div {
  border-color: #dbe3ea;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .04);
  min-height: 82px;
}

.image-hero {
  border: 1px solid #dbe3ea;
  min-height: 455px;
}

.assurance-bar,
.service-strip {
  gap: 18px;
  margin-bottom: 42px;
}

.assurance-bar article,
.service-strip article {
  border-color: #dfe7ee;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
  min-height: 116px;
  padding: 22px;
}

.assurance-bar b,
.service-strip b {
  color: #0f172a;
  font-size: 18px;
}

.assurance-bar span,
.service-strip span,
.category-heading p,
.promo-band p,
.checkout-cta p {
  font-size: 14px;
}

.section-head {
  margin-top: 8px;
}

.section-head h2 {
  font-size: clamp(28px, 2.1vw, 40px);
  letter-spacing: 0;
}

.commerce-categories {
  gap: 16px;
}

.category-card {
  background: #ffffff;
  border-color: #dfe7ee;
  cursor: pointer;
  min-height: 96px;
  padding: 20px;
  text-align: left;
}

.category-card b {
  font-size: 17px;
}

.category-card span {
  color: #64748b;
}

.promo-band {
  align-items: center;
  background: linear-gradient(120deg, #0f172a, #164431);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .12);
  padding: 34px 38px;
}

.product-grid {
  gap: 20px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (min-width: 1680px) {
  .product-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.commerce-products .product-card,
.box-card {
  background: #ffffff;
  border: 1px solid #dde6ee;
  box-shadow: 0 12px 36px rgba(15, 23, 42, .055);
  gap: 12px;
  min-height: 100%;
  padding: 16px;
}

.commerce-products .product-card:hover {
  border-color: #b9c8d6;
  box-shadow: 0 22px 54px rgba(15, 23, 42, .10);
  transform: translateY(-2px);
}

.product-media {
  position: relative;
}

.commerce-products .product-art,
.square-art {
  aspect-ratio: 1 / 1;
  background: linear-gradient(145deg, #f8fafc, #eef7f2);
  border: 1px solid #e2e8f0;
  height: auto;
  margin: 0;
  position: relative;
  width: 100%;
}

.product-photo img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.art-label {
  bottom: 14px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  position: absolute;
  right: 14px;
}

.warehouse-chip {
  background: #0f172a;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.box-tags {
  min-height: 34px;
}

.box-price-label,
.box-content {
  font-size: 12px;
  padding: 7px 10px;
}

.box-card h3 {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.32;
  margin: 2px 0 0;
  min-height: 48px;
}

.box-card .meta {
  display: none;
}

.product-specs {
  border-top: 1px solid #edf2f7;
  display: grid;
  gap: 9px;
  grid-template-columns: 1fr 1fr;
  padding-top: 10px;
}

.product-specs span {
  color: #475569;
  font-size: 12px;
  line-height: 1.38;
  min-width: 0;
}

.product-specs b {
  color: #94a3b8;
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.box-price {
  background: #fff7ed;
  border-color: #fed7aa;
  padding: 13px 14px;
}

.box-price small {
  color: #9a3412;
}

.box-price strong {
  color: #e11d48;
  font-size: clamp(23px, 1.55vw, 30px);
  letter-spacing: 0;
}

.stock-line {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  min-height: 38px;
  padding: 0 12px;
}

.stock-line span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.stock-line b {
  color: #047857;
  font-size: 13px;
}

.box-qty-row {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  gap: 7px;
  grid-template-columns: 40px minmax(58px, 1fr) 40px 38px;
  padding: 8px;
}

.box-qty-row button,
.box-qty-row input {
  background: #ffffff;
  border-color: #d5dee8;
}

.box-qty-row span {
  color: #475569;
  text-align: center;
}

.box-card .card-actions {
  gap: 10px;
  grid-template-columns: .8fr 1.2fr;
}

.box-card .btn {
  height: 46px;
}

.btn.primary,
.primary,
.search button {
  background: #f97316;
  box-shadow: 0 8px 18px rgba(249, 115, 22, .20);
}

.btn.outline,
.outline {
  border-color: #cbd5e1;
}

.cart-link {
  background: #fff7ed;
  border-color: #fdba74;
  color: #0f172a;
}

.cart-drawer {
  border-left: 1px solid #dfe7ee;
  max-width: 560px;
  width: min(94vw, 560px);
}

.drawer-head {
  padding: 24px 26px;
}

.drawer-note {
  margin-left: 26px;
  margin-right: 26px;
}

.drawer-items {
  padding-left: 26px;
  padding-right: 26px;
}

.drawer-cart-line {
  grid-template-columns: 86px 1fr;
  padding: 18px 0;
}

.drawer-summary,
.drawer-actions {
  padding-left: 26px;
  padding-right: 26px;
}

.cart-line-art {
  border-radius: 8px;
}

.order-flow,
.checkout-cta.panel,
.track.panel {
  border-color: #dfe7ee;
  box-shadow: 0 14px 38px rgba(15, 23, 42, .055);
}

footer {
  border-top: 1px solid #dfe7ee;
  margin-top: 24px;
}

@media (max-width: 1280px) {
  .commerce-hero {
    grid-template-columns: 1fr;
  }
  .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .site-header,
  .ecommerce-header {
    grid-template-columns: 1fr;
  }
  .site-header nav {
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .commerce-hero {
    min-height: auto;
    padding: 24px;
  }
  .hero-copy h1 {
    font-size: 38px;
  }
  .image-hero {
    min-height: 280px;
  }
  .product-grid,
  .categories,
  .product-specs {
    grid-template-columns: 1fr;
  }
  .top-notice {
    justify-content: flex-start;
  }
}

/* Compact product card refinement */
.product-grid {
  gap: 16px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (min-width: 1680px) {
  .product-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

.commerce-products .product-card,
.box-card {
  gap: 8px;
  padding: 12px;
}

.product-media {
  margin-bottom: 2px;
}

.commerce-products .product-art,
.square-art {
  border-radius: 8px;
}

.warehouse-chip {
  font-size: 11px;
  padding: 6px 8px;
}

.box-tags {
  gap: 6px;
  min-height: 28px;
}

.box-price-label,
.box-content {
  font-size: 11px;
  line-height: 1;
  padding: 6px 8px;
}

.box-card h3 {
  display: -webkit-box;
  font-size: 16px;
  line-height: 1.25;
  margin: 2px 0;
  min-height: 40px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.product-specs {
  border-top: 1px solid #edf2f7;
  gap: 4px;
  grid-template-columns: 1fr;
  padding-top: 7px;
}

.product-specs span {
  color: #475569;
  display: block;
  font-size: 12px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-specs b {
  color: #94a3b8;
  display: inline;
  font-size: 10px;
  margin: 0 5px 0 0;
}

.product-specs b::after {
  content: ":";
}

.box-price {
  padding: 9px 10px;
}

.box-price small {
  font-size: 11px;
  margin-bottom: 1px;
}

.box-price strong {
  font-size: clamp(21px, 1.25vw, 26px);
  line-height: 1.05;
}

.stock-line {
  min-height: 32px;
  padding: 0 10px;
}

.stock-line span,
.stock-line b {
  font-size: 12px;
}

.box-qty-row {
  gap: 6px;
  grid-template-columns: 34px minmax(48px, 1fr) 34px 32px;
  padding: 6px;
}

.box-qty-row button,
.box-qty-row input {
  height: 34px;
}

.box-qty-row button {
  font-size: 16px;
}

.box-qty-row span {
  font-size: 12px;
}

.box-card .card-actions {
  gap: 8px;
  grid-template-columns: .78fr 1.22fr;
}

.box-card .btn {
  height: 40px;
  padding: 0 10px;
}

.art-label {
  bottom: 10px;
  font-size: 10px;
  right: 10px;
}

@media (max-width: 1500px) {
  .product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
}

/* Product-first homepage refinement */
.top-notice {
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.site-header {
  padding-top: 10px;
  padding-bottom: 10px;
}

main {
  padding-top: 18px;
}

.commerce-hero {
  grid-template-columns: minmax(520px, .92fr) minmax(520px, 1.08fr);
  margin-bottom: 12px;
  min-height: 360px;
  padding: clamp(24px, 3vw, 42px);
}

.hero-copy h1 {
  font-size: clamp(34px, 3.1vw, 54px);
  line-height: 1.02;
  margin: 12px 0 12px;
  max-width: 620px;
}

.hero-copy p {
  font-size: clamp(15px, .92vw, 17px);
  line-height: 1.55;
  max-width: 650px;
}

.badge {
  font-size: 12px;
  padding: 7px 10px;
}

.badge::after {
  padding: 5px 8px;
}

.actions {
  margin-top: 14px;
}

.actions .btn {
  height: 40px;
  min-width: 132px;
}

.hero-metrics {
  gap: 8px;
  margin-top: 16px;
  max-width: 500px;
}

.hero-metrics div {
  min-height: 58px;
  padding: 9px 11px;
}

.hero-metrics b {
  font-size: 18px;
}

.hero-metrics span {
  font-size: 11px;
}

.image-hero {
  min-height: 300px;
}

.assurance-bar {
  gap: 10px;
  margin: 10px 0 18px;
}

.assurance-bar article {
  min-height: 72px;
  padding: 13px 15px;
}

.assurance-bar b {
  font-size: 15px;
  margin-bottom: 3px;
}

.assurance-bar span {
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.35;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.category-heading {
  align-items: center;
  margin-bottom: 10px;
}

.category-heading h2,
.product-heading h2 {
  font-size: clamp(24px, 1.75vw, 32px);
}

.category-heading p {
  font-size: 13px;
  max-width: 420px;
}

.commerce-categories {
  gap: 10px;
  margin: 10px 0 22px;
}

.category-card {
  min-height: 64px;
  padding: 12px 14px;
}

.category-card b {
  font-size: 14px;
}

.category-card span {
  font-size: 11px;
  margin-top: 3px;
}

.product-heading {
  background: var(--page);
  margin: 4px 0 12px;
  position: sticky;
  top: 73px;
  z-index: 6;
  padding: 8px 0;
}

.product-heading .btn {
  height: 38px;
}

.order-flow {
  gap: 18px;
  grid-template-columns: 260px 1fr;
  margin: 28px 0 18px;
  padding: 18px;
}

.order-flow h2 {
  font-size: 22px;
}

.flow-grid {
  gap: 10px;
}

.flow-grid article {
  padding: 12px;
}

.flow-grid b {
  height: 24px;
  margin-bottom: 7px;
  width: 24px;
}

.flow-grid strong {
  font-size: 14px;
  margin-bottom: 3px;
}

.flow-grid span {
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.track.panel {
  margin-top: 16px;
  padding: 18px;
}

.track.panel h2 {
  font-size: 22px;
  margin-top: 0;
}

footer {
  padding: 20px 30px;
}

@media (max-width: 1280px) {
  .commerce-hero,
  .order-flow {
    grid-template-columns: 1fr;
  }
  .product-heading {
    position: static;
  }
}

@media (max-width: 760px) {
  .commerce-hero {
    padding: 20px;
  }
  .hero-metrics,
  .assurance-bar {
    grid-template-columns: 1fr;
  }
  .image-hero {
    min-height: 220px;
  }
  .category-heading {
    align-items: flex-start;
  }
}

/* Product multi-image detail modal */
.product-modal {
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity .18s ease;
  z-index: 120;
}

.product-modal.open {
  opacity: 1;
  pointer-events: auto;
}

.product-modal-backdrop {
  background: rgba(15, 23, 42, .48);
  inset: 0;
  position: absolute;
}

.product-modal-card {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 8px;
  box-shadow: 0 30px 90px rgba(15, 23, 42, .24);
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(360px, .95fr) minmax(360px, 1.05fr);
  left: 50%;
  max-height: min(88vh, 820px);
  max-width: 1120px;
  overflow: auto;
  padding: 22px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(92vw, 1120px);
}

.detail-close {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: #0f172a;
  display: inline-flex;
  font-size: 26px;
  height: 38px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 18px;
  top: 18px;
  width: 38px;
  z-index: 2;
}

.detail-gallery {
  display: grid;
  gap: 12px;
}

.detail-main-image {
  align-items: center;
  aspect-ratio: 1 / 1;
  background: linear-gradient(145deg, #f8fafc, #eef7f2);
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.detail-main-image img,
.detail-main-image .product-art {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.detail-thumbs {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, 1fr);
}

.detail-thumbs button {
  aspect-ratio: 1 / 1;
  background: #f8fafc;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
}

.detail-thumbs button.active {
  border-color: var(--orange);
}

.detail-thumbs img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.detail-info {
  align-self: start;
  padding: 8px 8px 8px 0;
}

.detail-info h2 {
  font-size: clamp(26px, 2vw, 36px);
  line-height: 1.12;
  margin: 16px 44px 12px 0;
}

.detail-info p {
  color: #64748b;
  line-height: 1.65;
}

.detail-price {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  margin: 16px 0;
  padding: 14px;
}

.detail-price small,
.detail-price strong {
  display: block;
}

.detail-price small {
  color: #9a3412;
  font-size: 12px;
  font-weight: 900;
}

.detail-price strong {
  color: var(--rose);
  font-size: 34px;
  font-weight: 900;
}

.detail-specs {
  display: grid;
  gap: 9px;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}

.detail-specs div {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
}

.detail-specs dt {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.detail-specs dd {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  margin: 0;
}

.detail-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin-top: 18px;
}

.detail-open {
  overflow: hidden;
}

@media (max-width: 860px) {
  .product-modal-card {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .detail-thumbs {
    grid-template-columns: repeat(5, 1fr);
  }
  .detail-specs,
  .detail-actions {
    grid-template-columns: 1fr;
  }
}

/* Detail quantity and cart image polish */
.cart-line-img {
  aspect-ratio: 1 / 1;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: block;
  height: 74px;
  object-fit: cover;
  width: 74px;
}

.detail-buy-row {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 40px 80px 40px;
  margin: 14px 0;
  padding: 10px;
}

.detail-buy-row span {
  color: #475569;
  font-size: 13px;
  font-weight: 900;
}

.detail-buy-row button,
.detail-buy-row input {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  height: 38px;
  text-align: center;
}

.detail-buy-row button {
  font-size: 18px;
  font-weight: 900;
  padding: 0;
}

.detail-buy-row input {
  font-weight: 900;
}

@media (max-width: 560px) {
  .detail-buy-row {
    grid-template-columns: 1fr 36px 70px 36px;
  }
}

/* Store product filters */
.store-filter-panel {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .045);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) auto 110px;
  margin: 0 0 16px;
  padding: 12px;
}

.store-filter-panel select,
.store-filter-panel label {
  min-height: 40px;
}

.store-filter-panel select {
  background: #f8fafc;
  border: 1px solid #d5dee8;
  border-radius: 8px;
  padding: 0 10px;
  width: 100%;
}

.store-filter-panel label {
  align-items: center;
  color: #475569;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  gap: 7px;
  white-space: nowrap;
}

.store-filter-panel input[type="checkbox"] {
  height: 16px;
  width: 16px;
}

@media (max-width: 980px) {
  .store-filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .store-filter-panel {
    grid-template-columns: 1fr;
  }
}

/* Customer account */
.account-hero {
  align-items: center;
}
.account-auth-grid,
.account-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: .85fr 1.15fr;
  margin-top: 22px;
}
.account-form h2,
.account-orders-card h2 {
  margin: 0 0 4px;
}
.account-dashboard {
  display: grid;
  gap: 20px;
  margin-top: 22px;
}
.account-profile-card {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.account-profile-card h2 {
  margin: 4px 0;
}
.account-profile-card p {
  color: var(--muted);
  margin: 0;
}
.inline-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.account-order-line {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr auto auto 1fr;
  margin-bottom: 10px;
  padding: 12px;
}
.account-order-line b,
.account-order-line strong {
  color: var(--ink);
}
.account-order-line span {
  color: var(--muted);
  display: block;
  font-size: 13px;
}
.order-pill {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  color: #047857 !important;
  display: inline-flex !important;
  font-weight: 900;
  padding: 6px 10px;
}
.account-order-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  .account-auth-grid,
  .account-grid,
  .account-order-line {
    grid-template-columns: 1fr;
  }
  .account-profile-card,
  .inline-head,
  .account-order-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Marketing conversion package */
.conversion-trust,
.checkout-confidence {
  margin: 24px auto;
  max-width: 1500px;
  padding: 0 28px;
}
.conversion-trust {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: .9fr 1.4fr;
}
.trust-copy {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 24px;
}
.trust-copy h2 {
  color: var(--ink);
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
  margin: 8px 0 12px;
}
.trust-copy p {
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}
.trust-grid,
.checkout-confidence {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}
.trust-grid article,
.checkout-confidence div {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 18px;
}
.trust-grid b {
  color: var(--orange);
  display: block;
  font-size: 13px;
  margin-bottom: 12px;
}
.trust-grid strong,
.checkout-confidence b {
  color: var(--ink);
  display: block;
  font-size: 17px;
  margin-bottom: 7px;
}
.trust-grid span,
.checkout-confidence span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.checkout-confidence {
  grid-template-columns: repeat(3, 1fr);
}
.detail-trust-box,
.detail-alerts,
.detail-note,
.payment-success-box,
.payment-steps {
  border-radius: 12px;
}
.detail-trust-box {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  display: grid;
  gap: 4px;
  margin-top: 12px;
  padding: 12px;
}
.detail-trust-box b {
  color: #047857;
}
.detail-trust-box span,
.detail-note {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.detail-price em {
  color: var(--muted);
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  margin-top: 6px;
}
.detail-alerts {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
}
.detail-alerts span {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
  padding: 10px;
}
.conversion-actions {
  grid-template-columns: 1fr 1fr;
}
.conversion-actions a {
  text-align: center;
}
.enhanced-checkout-item {
  grid-template-columns: 1fr auto;
}
.enhanced-checkout-item small {
  color: var(--muted);
  display: block;
  font-size: 12px;
  margin-top: 4px;
}
.payment-success-box {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
  padding: 18px;
}
.payment-success-box span {
  color: #047857;
  font-size: 13px;
  font-weight: 900;
}
.payment-success-box h3 {
  color: var(--ink);
  font-size: 28px;
  margin: 0;
}
.payment-success-box p {
  color: var(--muted);
  margin: 0;
}
.payment-success-box .btn {
  justify-self: start;
}
.payment-steps {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 14px;
}
.payment-steps div {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
}
.payment-steps b {
  align-items: center;
  background: var(--orange);
  border-radius: 999px;
  color: white;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  margin-bottom: 8px;
  width: 28px;
}
.payment-steps span {
  color: var(--ink);
  display: block;
  font-size: 13px;
  font-weight: 900;
}
.bank-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
.conversion-bank-card {
  margin: 0;
}
.drawer-actions {
  gap: 8px;
}
@media (max-width: 1000px) {
  .conversion-trust,
  .trust-grid,
  .checkout-confidence,
  .detail-alerts,
  .payment-steps,
  .bank-grid {
    grid-template-columns: 1fr;
  }
  .conversion-trust,
  .checkout-confidence {
    padding: 0 16px;
  }
}

.shipping-info {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  background: #f0fdf4;
  color: #0f5132;
}

.shipping-info b {
  color: #047857;
}

.shipping-info span {
  color: #536174;
  font-size: 13px;
  font-weight: 700;
}

.shipping-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shipping-info-grid span {
  padding: 8px 10px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #dcfce7;
}

@media (max-width: 720px) {
  .shipping-info-grid {
    grid-template-columns: 1fr;
  }
}

button:disabled,
.btn:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.payment-warning {
  border: 1px solid #fed7aa;
  border-radius: 14px;
  background: #fff7ed;
  color: #9a3412;
  display: grid;
  gap: 6px;
  padding: 16px;
}

.payment-warning b {
  color: #c2410c;
}

.payment-warning span {
  color: #7c2d12;
  font-weight: 800;
}

/* Homepage refinement approved mockup */
.homepage-refined {
  background: #f4f7fa;
}
.homepage-refined .refined-notice {
  align-items: center;
  background: #0f172a;
  color: #e5e7eb;
  display: flex;
  font-size: 13px;
  font-weight: 850;
  gap: 18px;
  justify-content: center;
  min-height: 38px;
  padding: 8px 18px;
}
.homepage-refined .refined-notice b {
  color: #86efac;
}
.homepage-refined .refined-main {
  max-width: 1560px;
  padding: 26px 28px 60px;
}
.homepage-refined .refined-header {
  background: rgba(255,255,255,.94);
  border: 1px solid #e3e8ef;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 16px 46px rgba(15,23,42,.06);
  gap: 18px;
  grid-template-columns: 220px minmax(360px,1fr) auto;
  left: auto;
  margin: 0 auto;
  max-width: 1560px;
  min-height: 82px;
  padding: 16px 24px;
  right: auto;
  width: calc(100% - 56px);
}
.homepage-refined .refined-logo strong {
  display: grid;
  gap: 3px;
  line-height: 1;
}
.homepage-refined .refined-logo small {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}
.homepage-refined .refined-logo span {
  border-radius: 10px;
  height: 42px;
  width: 42px;
}
.homepage-refined .refined-search {
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  gap: 10px;
  grid-template-columns: 1fr auto;
  padding: 6px;
}
.homepage-refined .refined-search input {
  background: transparent;
  border: 0;
  min-height: 40px;
  outline: 0;
}
.homepage-refined .refined-search button {
  border-radius: 10px;
  min-width: 86px;
}
.homepage-refined .site-header nav {
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}
.homepage-refined .site-header nav a {
  color: #334155;
  font-size: 14px;
}
.homepage-refined .cart-link {
  align-items: center;
  background: #0f172a;
  border: 0;
  border-radius: 12px;
  color: white;
  display: inline-flex;
  font-weight: 950;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
}
.homepage-refined .cart-link b {
  align-items: center;
  background: var(--orange);
  display: inline-flex;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  padding: 0 6px;
}
.homepage-refined .refined-hero {
  background: linear-gradient(180deg,#ffffff 0%,#f0fdf4 100%);
  border-color: #e3e8ef;
  border-radius: 20px;
  gap: 34px;
  grid-template-columns: minmax(520px,.78fr) minmax(460px,.72fr);
  margin-top: 0;
  min-height: 390px;
  padding: 40px 46px;
}
.homepage-refined .refined-hero h1 {
  font-size: clamp(42px,4.3vw,56px);
  letter-spacing: 0;
  line-height: .98;
  margin: 18px 0 16px;
  max-width: 760px;
}
.homepage-refined .refined-hero p {
  color: #667085;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.65;
  margin: 0 0 22px;
  max-width: 650px;
}
.homepage-refined .refined-metrics {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3,minmax(0,1fr));
  max-width: 560px;
}
.homepage-refined .refined-metrics div {
  background: white;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  padding: 14px;
}
.homepage-refined .refined-metrics b {
  color: #07835f;
  display: block;
  font-size: 24px;
}
.homepage-refined .refined-metrics span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 850;
  margin-top: 4px;
}
.homepage-refined .refined-hero-image {
  border-radius: 18px;
  height: 315px;
  overflow: hidden;
  position: relative;
}
.homepage-refined .refined-hero-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.homepage-refined .refined-hero-image::after {
  background: linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,0) 42%);
  content: "";
  inset: 0;
  position: absolute;
}
.homepage-refined .refined-categories {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5,minmax(0,1fr));
  margin: 18px 0 28px;
}
.homepage-refined .refined-categories .category-card {
  background: white;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  cursor: pointer;
  display: grid;
  gap: 4px;
  min-height: 72px;
  padding: 14px;
  text-align: left;
}
.homepage-refined .refined-categories .category-card b {
  color: #111827;
  font-size: 15px;
  line-height: 1.2;
}
.homepage-refined .refined-categories .category-card span {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 0;
}
.homepage-refined .refined-product-head {
  margin-bottom: 14px;
}
.homepage-refined .refined-product-head h2 {
  font-size: 30px;
  margin: 4px 0 0;
}
.homepage-refined .refined-filter-panel {
  align-items: center;
  background: white;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  box-shadow: 0 16px 42px rgba(15,23,42,.04);
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3,minmax(150px,1fr)) minmax(160px,.7fr) auto;
  margin-bottom: 18px;
  padding: 14px;
}
.homepage-refined .refined-filter-panel select,
.homepage-refined .refined-filter-panel label {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  min-height: 42px;
}
.homepage-refined .refined-filter-panel label {
  align-items: center;
  color: #334155;
  display: flex;
  font-weight: 900;
  gap: 8px;
  padding: 0 12px;
}
.homepage-refined .refined-products {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(5,minmax(0,1fr));
}
.homepage-refined .refined-products .product-card {
  background: white;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(15,23,42,.06);
  display: grid;
  gap: 11px;
  padding: 14px;
  position: relative;
}
.homepage-refined .product-media {
  aspect-ratio: 1;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 13px;
  height: auto;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.homepage-refined .product-photo,
.homepage-refined .square-art,
.homepage-refined .product-art {
  aspect-ratio: 1;
  border-radius: 13px;
  height: 100%;
  width: 100%;
}
.homepage-refined .product-photo img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.homepage-refined .warehouse-chip {
  background: #e8fbf2;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  color: #07835f;
  font-size: 12px;
  font-weight: 950;
  padding: 6px 9px;
}
.homepage-refined .warehouse-chip.inline {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: static;
  width: fit-content;
}
.homepage-refined .box-tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}
.homepage-refined .box-price-label {
  background: #0f172a;
  border-radius: 999px;
  color: white;
  font-size: 12px;
  font-weight: 950;
  padding: 7px 10px;
}
.homepage-refined .box-content {
  background: #e8fbf2;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  color: #07835f;
  font-size: 12px;
  font-weight: 950;
  padding: 7px 10px;
}
.homepage-refined .product-card h3 {
  color: #111827;
  display: -webkit-box;
  font-size: 17px;
  line-height: 1.32;
  margin: 2px 0;
  min-height: 44px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.homepage-refined .product-specs {
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr 1fr;
}
.homepage-refined .product-specs span {
  color: #667085;
  font-size: 12px;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-refined .product-specs b {
  color: #94a3b8;
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}
.homepage-refined .box-price {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 13px;
  padding: 10px 12px;
}
.homepage-refined .box-price small {
  color: #9a3412;
  display: block;
  font-size: 12px;
  font-weight: 900;
}
.homepage-refined .box-price strong {
  color: #e11d48;
  display: block;
  font-size: 24px;
  margin-top: 3px;
}
.homepage-refined .stock-line {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  padding: 0 11px;
}
.homepage-refined .stock-line span {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}
.homepage-refined .stock-line b {
  color: #07835f;
}
.homepage-refined .box-qty-row {
  display: grid;
  gap: 8px;
  grid-template-columns: 42px 1fr 42px 32px;
}
.homepage-refined .box-qty-row button,
.homepage-refined .box-qty-row input {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  font-weight: 950;
  min-height: 42px;
  text-align: center;
}
.homepage-refined .box-qty-row span {
  align-self: center;
  color: #667085;
  font-size: 13px;
  font-weight: 900;
}
.homepage-refined .card-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: .8fr 1fr;
}
.homepage-refined .card-actions .btn {
  border-radius: 10px;
}
.homepage-refined .refined-order-flow {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  gap: 14px;
  grid-template-columns: 220px 1fr;
  margin-top: 30px;
  padding: 0;
}
.homepage-refined .refined-order-flow h2 {
  font-size: 30px;
  margin: 4px 0 0;
}
.homepage-refined .flow-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.homepage-refined .flow-grid article {
  background: white;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  padding: 18px;
}
.homepage-refined .flow-grid b {
  color: var(--orange);
  display: block;
  font-size: 22px;
  margin-bottom: 10px;
}
.homepage-refined .flow-grid strong {
  display: block;
  font-size: 16px;
  margin-bottom: 6px;
}
.homepage-refined .flow-grid span {
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.55;
}
.homepage-refined .refined-track {
  align-items: center;
  background: white;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  display: grid;
  gap: 14px;
  grid-template-columns: 220px 1fr;
  margin-top: 18px;
  padding: 18px;
}
.homepage-refined .refined-track h2 {
  margin: 0;
}
.homepage-refined .refined-track .track-form {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr auto;
}
@media (max-width: 1280px) {
  .homepage-refined .refined-header,
  .homepage-refined .refined-hero,
  .homepage-refined .refined-order-flow,
  .homepage-refined .refined-track {
    grid-template-columns: 1fr;
  }
  .homepage-refined .site-header nav {
    flex-wrap: wrap;
  }
  .homepage-refined .refined-products {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .homepage-refined .refined-filter-panel {
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width: 980px) {
  .homepage-refined .refined-categories,
  .homepage-refined .flow-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .homepage-refined .refined-products {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media (max-width: 720px) {
  .homepage-refined .refined-main {
    padding: 18px 14px 42px;
  }
  .homepage-refined .refined-header {
    width: calc(100% - 28px);
  }
  .homepage-refined .refined-hero {
    padding: 24px;
  }
  .homepage-refined .refined-hero h1 {
    font-size: 38px;
  }
  .homepage-refined .refined-metrics,
  .homepage-refined .refined-categories,
  .homepage-refined .refined-filter-panel,
  .homepage-refined .refined-products,
  .homepage-refined .flow-grid,
  .homepage-refined .refined-track .track-form {
    grid-template-columns: 1fr;
  }
  .homepage-refined .refined-products {
    gap: 14px;
  }
}

/* Refined side cart drawer */
.homepage-refined .cart-drawer {
  background: #ffffff;
  box-shadow: -28px 0 80px rgba(15,23,42,.24);
  grid-template-rows: auto auto minmax(0,1fr) auto auto;
  max-width: 480px;
  width: min(94vw,480px);
}
.homepage-refined .refined-drawer-head {
  align-items: flex-start;
  padding: 22px 22px 16px;
}
.homepage-refined .drawer-head h2 {
  font-size: 24px;
  margin: 4px 0 5px;
}
.homepage-refined .drawer-head p {
  color: #667085;
  font-size: 13px;
  font-weight: 850;
  margin: 0;
}
.homepage-refined .drawer-close {
  border-radius: 12px;
  font-size: 20px;
  font-weight: 950;
}
.homepage-refined .refined-drawer-note {
  display: grid;
  gap: 4px;
  margin: 14px 18px 0;
  padding: 13px 14px;
}
.homepage-refined .refined-drawer-note b {
  color: #047857;
}
.homepage-refined .refined-drawer-note span {
  color: #0f5132;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}
.homepage-refined .drawer-items {
  display: grid;
  gap: 12px;
  overflow: auto;
  padding: 14px 18px;
}
.homepage-refined .drawer-cart-line {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  display: grid;
  gap: 10px;
  grid-template-columns: 76px 1fr;
  padding: 12px;
}
.homepage-refined .drawer-cart-line.stock-issue {
  border-color: #fecdd3;
  background: #fff7f8;
}
.homepage-refined .cart-line-img,
.homepage-refined .cart-line-art {
  align-self: start;
  aspect-ratio: 1;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  height: 76px;
  object-fit: cover;
  width: 76px;
}
.homepage-refined .drawer-cart-info {
  min-width: 0;
}
.homepage-refined .drawer-cart-info b {
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.35;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.homepage-refined .drawer-cart-info span {
  color: #667085;
  font-size: 12px;
  font-weight: 750;
  margin: 5px 0 0;
}
.homepage-refined .drawer-cart-info .drawer-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-refined .drawer-cart-info strong {
  color: #e11d48;
  font-size: 14px;
  margin-top: 6px;
}
.homepage-refined .drawer-line-bottom {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-column: 1 / -1;
  grid-template-columns: 1fr auto;
}
.homepage-refined .drawer-qty {
  grid-column: auto;
  grid-template-columns: 34px 68px 34px 32px;
}
.homepage-refined .drawer-qty button,
.homepage-refined .drawer-qty input {
  border-color: #d7dee8;
  border-radius: 9px;
  height: 36px;
}
.homepage-refined .drawer-qty button:disabled,
.homepage-refined .drawer-qty input:disabled {
  opacity: .5;
}
.homepage-refined .drawer-qty span {
  align-self: center;
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}
.homepage-refined .drawer-line-total {
  color: #111827;
  font-size: 15px;
  white-space: nowrap;
}
.homepage-refined .drawer-stock-note {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  color: #9a3412;
  font-size: 12px;
  font-weight: 850;
  grid-column: 1 / -1;
  line-height: 1.45;
  padding: 8px 10px;
}
.homepage-refined .drawer-stock-note.bad {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #be123c;
}
.homepage-refined .drawer-cart-line .remove-btn {
  background: transparent;
  color: #e11d48;
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 28px;
  padding: 0;
}
.homepage-refined .drawer-empty {
  margin-top: 26px;
}
.homepage-refined .drawer-empty .btn {
  margin-top: 10px;
}
.homepage-refined .drawer-summary {
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  display: grid;
  gap: 9px;
  grid-template-columns: 1fr auto;
  margin: 0 18px 12px;
  padding: 14px;
}
.homepage-refined .drawer-summary-title {
  color: #111827;
  font-size: 16px;
  font-weight: 950;
  grid-column: 1 / -1;
}
.homepage-refined .drawer-summary span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}
.homepage-refined .drawer-summary b {
  color: #111827;
  font-size: 14px;
}
.homepage-refined .drawer-summary strong {
  color: #e11d48;
  font-size: 22px;
}
.homepage-refined .drawer-summary small {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  grid-column: 1 / -1;
}
.homepage-refined .drawer-actions {
  background: #ffffff;
  border-top: 1px solid #e3e8ef;
  gap: 8px;
  padding: 14px 18px 18px;
}
.homepage-refined .drawer-actions .btn {
  border-radius: 11px;
  min-height: 44px;
}
@media (max-width: 560px) {
  .homepage-refined .cart-drawer {
    max-width: none;
    width: 100vw;
  }
  .homepage-refined .drawer-cart-line {
    grid-template-columns: 68px 1fr;
  }
  .homepage-refined .cart-line-img,
  .homepage-refined .cart-line-art {
    height: 68px;
    width: 68px;
  }
}

/* Compact cart drawer: more visible product rows */
.homepage-refined .cart-drawer {
  grid-template-rows: auto auto minmax(0,1fr) auto auto;
  max-width: 460px;
  width: min(92vw,460px);
}
.homepage-refined .refined-drawer-head {
  padding: 14px 18px 10px;
}
.homepage-refined .drawer-head h2 {
  font-size: 22px;
  margin: 2px 0 3px;
}
.homepage-refined .drawer-head .eyebrow {
  font-size: 11px;
}
.homepage-refined .drawer-head p {
  font-size: 12px;
}
.homepage-refined .drawer-close {
  border-radius: 10px;
  height: 38px;
  min-height: 38px;
  width: 38px;
}
.homepage-refined .compact-cart-note {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 10px 18px 0;
  padding: 9px 12px;
}
.homepage-refined .compact-cart-note b,
.homepage-refined .compact-cart-note span {
  font-size: 12px;
  line-height: 1.35;
}
.homepage-refined .drawer-items {
  gap: 8px;
  padding: 10px 18px;
}
.homepage-refined .drawer-cart-line {
  border-radius: 12px;
  gap: 8px 10px;
  grid-template-columns: 62px 1fr;
  padding: 10px;
}
.homepage-refined .cart-line-img,
.homepage-refined .cart-line-art {
  border-radius: 10px;
  height: 62px;
  width: 62px;
}
.homepage-refined .drawer-cart-info b {
  font-size: 13px;
  line-height: 1.28;
}
.homepage-refined .drawer-cart-info span {
  font-size: 11px;
  margin-top: 3px;
}
.homepage-refined .drawer-cart-info strong {
  font-size: 13px;
  margin-top: 4px;
}
.homepage-refined .drawer-line-bottom {
  gap: 8px;
  margin-top: -2px;
}
.homepage-refined .drawer-qty {
  gap: 6px;
  grid-template-columns: 30px 58px 30px 28px;
}
.homepage-refined .drawer-qty button,
.homepage-refined .drawer-qty input {
  border-radius: 8px;
  height: 32px;
  min-height: 32px;
}
.homepage-refined .drawer-qty span {
  font-size: 11px;
}
.homepage-refined .drawer-line-total {
  font-size: 14px;
}
.homepage-refined .drawer-stock-note {
  border-radius: 8px;
  font-size: 11px;
  padding: 6px 8px;
}
.homepage-refined .drawer-cart-line .remove-btn {
  font-size: 12px;
  min-height: 22px;
}
.homepage-refined .drawer-summary {
  border-radius: 12px;
  gap: 5px 10px;
  margin: 0 18px 8px;
  padding: 10px 12px;
}
.homepage-refined .drawer-summary-title {
  font-size: 14px;
  margin-bottom: 2px;
}
.homepage-refined .drawer-summary span,
.homepage-refined .drawer-summary b {
  font-size: 12px;
}
.homepage-refined .drawer-summary strong {
  font-size: 20px;
}
.homepage-refined .drawer-summary small {
  font-size: 11px;
  line-height: 1.3;
  margin-top: 2px;
}
.homepage-refined .drawer-actions {
  gap: 7px;
  padding: 10px 18px 14px;
}
.homepage-refined .drawer-actions .btn {
  border-radius: 10px;
  min-height: 40px;
  height: 40px;
}
@media (max-width: 560px) {
  .homepage-refined .cart-drawer {
    width: 100vw;
  }
  .homepage-refined .drawer-items {
    padding-left: 14px;
    padding-right: 14px;
  }
  .homepage-refined .refined-drawer-head,
  .homepage-refined .drawer-actions {
    padding-left: 14px;
    padding-right: 14px;
  }
  .homepage-refined .compact-cart-note,
  .homepage-refined .drawer-summary {
    margin-left: 14px;
    margin-right: 14px;
  }
}

/* Cart delete button moved to top-right corner */
.homepage-refined .drawer-cart-line {
  position: relative;
  padding-right: 34px;
}
.homepage-refined .drawer-cart-line .drawer-remove-corner {
  align-items: center;
  background: #fff7f8;
  border: 1px solid #fecdd3;
  border-radius: 999px;
  color: #e11d48;
  display: inline-flex;
  font-size: 13px;
  font-weight: 950;
  height: 24px;
  justify-content: center;
  min-height: 24px;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
}
.homepage-refined .drawer-cart-line .drawer-remove-corner:hover {
  background: #ffe4e6;
}

/* Fixed cart item slots and non-overlapping delete button */
.homepage-refined .drawer-cart-line {
  align-items: start;
  height: 124px;
  max-height: 124px;
  min-height: 124px;
  overflow: hidden;
  padding: 9px 10px;
  padding-right: 10px;
}
.homepage-refined .drawer-image-box {
  height: 58px;
  position: relative;
  width: 58px;
}
.homepage-refined .drawer-image-box .cart-line-img,
.homepage-refined .drawer-image-box .cart-line-art {
  height: 58px;
  width: 58px;
}
.homepage-refined .drawer-image-box .drawer-remove-corner {
  box-shadow: 0 4px 10px rgba(225,29,72,.12);
  height: 20px;
  min-height: 20px;
  right: -6px;
  top: -6px;
  width: 20px;
}
.homepage-refined .drawer-cart-info {
  display: grid;
  gap: 2px;
  min-height: 58px;
  padding-right: 0;
}
.homepage-refined .drawer-cart-info b {
  -webkit-line-clamp: 2;
  min-height: 32px;
}
.homepage-refined .drawer-cart-info .drawer-meta,
.homepage-refined .drawer-cart-info span {
  display: block;
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-refined .drawer-cart-info strong {
  display: none;
}
.homepage-refined .drawer-line-bottom {
  height: 34px;
}
.homepage-refined .drawer-stock-note {
  max-height: 24px;
  overflow: hidden;
}
.homepage-refined .drawer-cart-line.stock-issue {
  height: 148px;
  max-height: 148px;
  min-height: 148px;
}
@media (max-width: 560px) {
  .homepage-refined .drawer-cart-line {
    grid-template-columns: 58px 1fr;
  }
}

/* Product card compact purchase controls */
.homepage-refined .refined-products .product-card {
  cursor: pointer;
}
.homepage-refined .refined-products .product-card:focus-visible {
  outline: 3px solid rgba(255, 106, 22, .28);
  outline-offset: 3px;
}
.homepage-refined .compact-buy-row {
  align-items: center;
  grid-template-columns: 40px minmax(58px, 1fr) 40px 30px 48px;
}
.homepage-refined .compact-buy-row .cart-add-icon {
  background: var(--orange);
  border-color: var(--orange);
  box-shadow: 0 8px 18px rgba(255, 106, 22, .22);
  cursor: pointer;
  min-height: 42px;
  padding: 0;
}
.homepage-refined .compact-buy-row .cart-add-icon:hover {
  background: #f05d12;
  border-color: #f05d12;
}
.homepage-refined .compact-buy-row .cart-add-icon:disabled {
  background: #cbd5e1;
  border-color: #cbd5e1;
  box-shadow: none;
  cursor: not-allowed;
}
.homepage-refined .cart-add-icon span {
  display: block;
  height: 18px;
  position: relative;
  width: 22px;
}
.homepage-refined .cart-add-icon span::before {
  border: 2px solid #fff;
  border-radius: 3px;
  border-top: 0;
  bottom: 2px;
  content: "";
  height: 10px;
  left: 2px;
  position: absolute;
  width: 15px;
}
.homepage-refined .cart-add-icon span::after {
  color: #fff;
  content: "+";
  font-size: 15px;
  font-weight: 950;
  line-height: 1;
  position: absolute;
  right: 0;
  top: -2px;
}
.homepage-refined .cart-add-icon:disabled span {
  opacity: .72;
}

/* Cart drawer item layout fix: stable rows, bigger image, delete at card corner */
.homepage-refined .drawer-items {
  align-content: start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  padding: 10px 18px;
}
.homepage-refined .drawer-cart-line {
  align-items: start;
  display: grid;
  flex: 0 0 auto;
  gap: 8px 12px;
  grid-template-columns: 74px minmax(0, 1fr);
  grid-template-rows: 74px 34px;
  height: 130px;
  max-height: 130px;
  min-height: 130px;
  overflow: hidden;
  padding: 10px 44px 10px 12px;
  position: relative;
}
.homepage-refined .drawer-image-box {
  height: 74px;
  position: relative;
  width: 74px;
}
.homepage-refined .drawer-image-box .cart-line-img,
.homepage-refined .drawer-image-box .cart-line-art,
.homepage-refined .cart-line-img,
.homepage-refined .cart-line-art {
  border-radius: 11px;
  height: 74px;
  width: 74px;
}
.homepage-refined .drawer-cart-line .drawer-remove-corner,
.homepage-refined .drawer-image-box .drawer-remove-corner {
  align-items: center;
  background: #fff7f8;
  border: 1px solid #fecdd3;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(225,29,72,.12);
  color: #e11d48;
  display: inline-flex;
  font-size: 13px;
  font-weight: 950;
  height: 24px;
  justify-content: center;
  min-height: 24px;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
  z-index: 3;
}
.homepage-refined .drawer-cart-line .drawer-remove-corner:hover {
  background: #ffe4e6;
}
.homepage-refined .drawer-cart-info {
  align-self: start;
  display: grid;
  gap: 3px;
  min-height: 74px;
  min-width: 0;
  padding-right: 0;
}
.homepage-refined .drawer-cart-info b {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.28;
  min-height: 32px;
  overflow: hidden;
}
.homepage-refined .drawer-cart-info .drawer-meta,
.homepage-refined .drawer-cart-info span {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-refined .drawer-cart-info strong {
  display: none;
}
.homepage-refined .drawer-line-bottom {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-column: 1 / -1;
  grid-template-columns: 1fr auto;
  height: 34px;
  margin-top: 2px;
}
.homepage-refined .drawer-qty {
  gap: 6px;
  grid-template-columns: 32px 64px 32px 28px;
}
.homepage-refined .drawer-qty button,
.homepage-refined .drawer-qty input {
  border-radius: 8px;
  height: 34px;
  min-height: 34px;
}
.homepage-refined .drawer-line-total {
  font-size: 14px;
  white-space: nowrap;
}
.homepage-refined .drawer-stock-note {
  grid-column: 1 / -1;
  max-height: 24px;
  overflow: hidden;
}
.homepage-refined .drawer-cart-line.stock-issue {
  height: 154px;
  max-height: 154px;
  min-height: 154px;
}
@media (max-width: 560px) {
  .homepage-refined .drawer-items {
    padding-left: 14px;
    padding-right: 14px;
  }
  .homepage-refined .drawer-cart-line {
    grid-template-columns: 72px minmax(0, 1fr);
    padding-right: 42px;
  }
  .homepage-refined .drawer-image-box,
  .homepage-refined .drawer-image-box .cart-line-img,
  .homepage-refined .drawer-image-box .cart-line-art,
  .homepage-refined .cart-line-img,
  .homepage-refined .cart-line-art {
    height: 72px;
    width: 72px;
  }
}

/* Cart drawer title must not sit under delete button */
.homepage-refined .drawer-cart-info {
  padding-right: 34px;
}
.homepage-refined .drawer-cart-info b,
.homepage-refined .drawer-cart-info .drawer-meta,
.homepage-refined .drawer-cart-info span {
  max-width: 100%;
}
.homepage-refined .drawer-cart-line .drawer-remove-corner {
  right: 12px;
  top: 12px;
}

/* Real product photos must not inherit placeholder key graphics */
.homepage-refined .product-photo {
  display: block;
  margin-bottom: 0;
  position: relative;
}
.homepage-refined .product-photo::before,
.homepage-refined .product-photo::after,
.product-photo::before,
.product-photo::after {
  content: none !important;
  display: none !important;
}
.homepage-refined .product-photo img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* Use a clear cart icon for add-to-cart */
.homepage-refined .compact-buy-row {
  grid-template-columns: 40px minmax(58px, 1fr) 40px 30px 52px;
}
.homepage-refined .compact-buy-row .cart-add-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.homepage-refined .cart-add-icon svg {
  fill: none;
  height: 23px;
  pointer-events: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.2;
  width: 23px;
}
.homepage-refined .cart-add-icon span,
.homepage-refined .cart-add-icon span::before,
.homepage-refined .cart-add-icon span::after {
  content: none !important;
  display: none !important;
}

/* Refined checkout page */
.checkout-refined main {
  max-width: none;
}
.checkout-refined .checkout-hero,
.checkout-refined .checkout-steps,
.checkout-refined .refined-checkout-grid,
.checkout-refined .refined-payment-section {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.checkout-refined .checkout-hero {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 64%, #ecfdf5 100%);
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 360px;
  margin-top: 24px;
  padding: 28px 32px;
}
.checkout-refined .checkout-hero h1 {
  max-width: 720px;
}
.checkout-hero-note {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  color: #0f5132;
  display: grid;
  gap: 7px;
  padding: 18px;
}
.checkout-hero-note b {
  color: #047857;
  font-size: 18px;
}
.checkout-hero-note span {
  color: #536174;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.55;
}
.checkout-steps {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0 28px;
  margin-top: 18px;
}
.checkout-steps article {
  align-items: center;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  display: flex;
  gap: 10px;
  min-height: 58px;
  padding: 12px 14px;
}
.checkout-steps b {
  align-items: center;
  background: #f1f5f9;
  border-radius: 999px;
  color: #111827;
  display: inline-flex;
  flex: 0 0 30px;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.checkout-steps span {
  color: #334155;
  font-size: 14px;
  font-weight: 950;
}
.checkout-steps .active {
  border-color: #fdba74;
  box-shadow: 0 14px 34px rgba(255,106,22,.10);
}
.checkout-steps .active b {
  background: var(--orange);
  color: #ffffff;
}
.checkout-refined .refined-checkout-grid {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  padding: 22px 28px 0;
}
.checkout-refined .refined-checkout-panel,
.checkout-refined .refined-checkout-side,
.checkout-refined .payment-panel {
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 20px 48px rgba(15,23,42,.06);
}
.checkout-section-head {
  border-bottom: 1px solid #eef2f6;
  margin: -4px -4px 18px;
  padding: 4px 4px 16px;
}
.checkout-section-head span {
  color: #047857;
  display: block;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.checkout-section-head h2 {
  color: #111827;
  font-size: 26px;
  margin: 4px 0 6px;
}
.checkout-section-head p {
  color: #667085;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.55;
  margin: 0;
}
.checkout-section-head.small h2 {
  font-size: 24px;
}
.checkout-refined .checkout-panel .form {
  display: grid;
  gap: 14px;
}
.checkout-refined .checkout-panel label {
  color: #334155;
  font-size: 13px;
  font-weight: 900;
}
.checkout-refined .checkout-panel input,
.checkout-refined .checkout-panel select,
.checkout-refined .checkout-panel textarea,
.checkout-refined .proof-form input,
.checkout-refined .proof-form textarea {
  border: 1px solid #dfe7ee;
  border-radius: 11px;
  min-height: 44px;
}
.checkout-refined .checkout-panel textarea,
.checkout-refined .proof-form textarea {
  min-height: 92px;
}
.checkout-refined .checkout-panel .wide,
.checkout-refined .proof-form .wide {
  border-radius: 12px;
  font-size: 16px;
  min-height: 48px;
}
.checkout-refined .shipping-info {
  background: #ecfdf5;
  border-radius: 14px;
  margin-top: -4px;
}
.checkout-refined .refined-checkout-side {
  position: sticky;
  top: 18px;
}
.checkout-refined #checkoutItems {
  display: grid;
  gap: 10px;
}
.checkout-refined .enhanced-checkout-item {
  align-items: center;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  min-height: 102px;
  padding: 10px;
}
.checkout-item-image {
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  height: 76px;
  overflow: hidden;
  width: 76px;
}
.checkout-item-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.checkout-item-placeholder {
  background: #111827;
  border-radius: 28px;
  height: 48px;
  margin: 14px auto;
  transform: rotate(-18deg);
  width: 34px;
}
.checkout-item-main {
  min-width: 0;
}
.checkout-item-main b {
  color: #111827;
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.32;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.checkout-item-main span {
  color: #e11d48;
  display: block;
  font-size: 13px;
  font-weight: 950;
  margin-top: 5px;
}
.checkout-item-main small {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 760;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkout-item-total {
  text-align: right;
  white-space: nowrap;
}
.checkout-item-total em {
  color: #94a3b8;
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.checkout-item-total strong {
  color: #111827;
  font-size: 15px;
}
.checkout-refined #cartSummary {
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  display: grid;
  gap: 9px 12px;
  grid-template-columns: 1fr auto;
  margin-top: 14px;
  padding: 14px;
}
.checkout-refined #cartSummary span {
  color: #667085;
  font-size: 13px;
  font-weight: 850;
}
.checkout-refined #cartSummary b {
  color: #111827;
  font-size: 13px;
}
.checkout-refined #cartSummary strong {
  color: #e11d48;
  font-size: 24px;
}
.checkout-refined #cartSummary small {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  grid-column: 1 / -1;
}
.checkout-refined .payment-panel {
  margin-top: 20px;
}
.checkout-refined .payment-total-summary {
  background: #fff7ed;
  border: 1px solid #fed7aa;
}
.checkout-refined .proof-form {
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  margin-top: 14px;
  padding: 14px;
}
@media (max-width: 1100px) {
  .checkout-refined .checkout-hero,
  .checkout-refined .refined-checkout-grid {
    grid-template-columns: 1fr;
  }
  .checkout-refined .refined-checkout-side {
    position: static;
  }
}
@media (max-width: 760px) {
  .checkout-refined .checkout-hero,
  .checkout-refined .refined-checkout-grid,
  .checkout-refined .checkout-steps,
  .checkout-refined .refined-payment-section {
    padding-left: 14px;
    padding-right: 14px;
  }
  .checkout-refined .checkout-hero {
    border-radius: 0;
    margin-top: 0;
  }
  .checkout-steps {
    grid-template-columns: 1fr 1fr;
  }
  .checkout-refined .enhanced-checkout-item {
    grid-template-columns: 64px 1fr;
  }
  .checkout-item-image {
    height: 64px;
    width: 64px;
  }
  .checkout-item-total {
    grid-column: 1 / -1;
    text-align: left;
  }
}

/* Refined customer account center */
.account-refined main {
  max-width: none;
}
.account-refined .refined-account-hero,
.account-refined .account-auth-grid,
.account-refined .account-dashboard {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.account-refined .refined-account-hero {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 64%, #ecfdf5 100%);
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr auto;
  margin-top: 24px;
  padding: 28px 32px;
}
.account-refined .refined-account-hero h1 {
  max-width: 720px;
}
.account-hero-actions,
.account-profile-actions {
  align-items: center;
  display: flex;
  gap: 10px;
}
.account-refined .account-auth-grid,
.account-refined .refined-account-grid {
  gap: 18px;
  padding: 0 28px;
}
.account-refined .account-auth-grid {
  grid-template-columns: .82fr 1.18fr;
}
.account-refined .account-dashboard {
  gap: 16px;
  padding: 0 28px 28px;
}
.account-refined .panel,
.account-refined .account-quick-actions a,
.account-refined .account-stats article {
  border-color: #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(15,23,42,.06);
}
.account-refined .refined-account-profile {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  padding: 22px;
}
.account-refined .refined-account-profile h2 {
  color: #111827;
  font-size: 30px;
  margin: 3px 0;
}
.account-refined .refined-account-profile p {
  color: #667085;
  font-weight: 800;
}
.account-stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.account-stats article {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  display: grid;
  gap: 6px;
  min-height: 88px;
  padding: 16px;
}
.account-stats span {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.account-stats b {
  color: #111827;
  font-size: 26px;
  line-height: 1;
}
.account-stats .wide b {
  color: #e11d48;
  font-size: 22px;
}
.account-quick-actions {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.account-quick-actions a {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  display: grid;
  gap: 6px;
  padding: 16px;
  text-decoration: none;
}
.account-quick-actions b {
  color: #111827;
  font-size: 16px;
}
.account-quick-actions span {
  color: #667085;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.45;
}
.account-refined .refined-account-grid {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
}
.account-section-head {
  border-bottom: 1px solid #eef2f6;
  margin-bottom: 16px;
  padding-bottom: 14px;
}
.account-section-head span,
.account-refined .inline-head .eyebrow {
  color: #047857;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.account-section-head h2,
.account-refined .inline-head h2 {
  color: #111827;
  font-size: 24px;
  margin: 4px 0 6px;
}
.account-section-head p {
  color: #667085;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.5;
  margin: 0;
}
.account-refined .account-form label {
  color: #334155;
  font-size: 13px;
  font-weight: 900;
}
.account-refined .account-form input,
.account-refined .account-form select,
.account-refined .account-form textarea {
  border: 1px solid #dfe7ee;
  border-radius: 11px;
  min-height: 44px;
}
.account-refined .account-form textarea {
  min-height: 92px;
}
.account-refined .account-orders-card #ordersList {
  display: grid;
  gap: 10px;
}
.account-refined .refined-account-order {
  align-items: center;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-left: 4px solid #fdba74;
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(170px, 1fr) auto auto minmax(190px, 1fr) auto;
  margin: 0;
  padding: 14px;
}
.account-order-main b {
  color: #111827;
  display: block;
  font-size: 15px;
}
.account-order-main span,
.account-order-total span,
.account-order-progress span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 760;
  margin-top: 4px;
}
.account-order-total {
  text-align: right;
}
.account-order-total strong {
  color: #e11d48;
  font-size: 16px;
}
.account-refined .order-pill {
  justify-content: center;
  white-space: nowrap;
}
.account-refined .order-pill.waiting,
.account-refined .order-pill.review {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412 !important;
}
.account-refined .order-pill.processing {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8 !important;
}
.account-refined .order-pill.shipped {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #047857 !important;
}
.account-refined .order-pill.danger {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #be123c !important;
}
.account-refined .refined-account-order.shipped {
  border-left-color: #10b981;
}
.account-refined .refined-account-order.processing {
  border-left-color: #3b82f6;
}
.account-refined .refined-account-order.danger {
  border-left-color: #e11d48;
}
.account-refined .account-order-actions .btn {
  border-radius: 10px;
  min-height: 38px;
  padding: 0 12px;
}
@media (max-width: 1180px) {
  .account-refined .refined-account-order {
    grid-template-columns: 1fr auto;
  }
  .account-order-progress,
  .account-order-actions {
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  .account-refined .refined-account-hero,
  .account-refined .account-auth-grid,
  .account-refined .refined-account-grid,
  .account-stats,
  .account-quick-actions {
    grid-template-columns: 1fr;
  }
  .account-refined .account-auth-grid,
  .account-refined .account-dashboard,
  .account-refined .refined-account-grid {
    padding-left: 14px;
    padding-right: 14px;
  }
  .account-hero-actions,
  .account-profile-actions,
  .account-refined .account-order-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .account-refined .refined-account-hero {
    border-radius: 0;
    margin-top: 0;
  }
}

/* Customer ecommerce dashboard redesign */
.customer-console {
  background: #eef2f6;
  color: #111827;
}
.customer-console .btn {
  white-space: nowrap;
}
.customer-topbar {
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #e3e8ef;
  display: flex;
  gap: 22px;
  min-height: 72px;
  padding: 0 32px;
  position: sticky;
  top: 0;
  z-index: 20;
}
.customer-brand {
  align-items: center;
  color: #111827;
  display: flex;
  gap: 10px;
  min-width: 220px;
  text-decoration: none;
}
.customer-brand-mark {
  align-items: center;
  background: #111827;
  border-radius: 12px;
  color: #ffffff;
  display: flex;
  font-weight: 950;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.customer-brand strong,
.customer-brand em {
  display: block;
  font-style: normal;
}
.customer-brand strong {
  font-size: 18px;
}
.customer-brand em {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 2px;
}
.customer-search {
  flex: 1;
  max-width: 620px;
}
.customer-search input {
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  font-size: 14px;
  height: 44px;
  padding: 0 16px;
  width: 100%;
}
.customer-top-actions {
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.customer-page {
  margin: 0;
  max-width: none;
  padding: 0;
}
.customer-auth-view {
  display: grid;
  gap: 20px;
  margin: 24px auto;
  max-width: 1500px;
  padding: 0 28px;
}
.customer-auth-hero {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 62%, #ecfdf5 100%);
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 340px;
  padding: 28px 32px;
}
.customer-auth-hero h1 {
  font-size: 38px;
  line-height: 1.08;
  margin: 8px 0 10px;
  max-width: 780px;
}
.customer-auth-hero p,
.customer-auth-note span {
  color: #667085;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.6;
  margin: 0;
}
.customer-auth-note {
  background: #ffffff;
  border: 1px solid #bbf7d0;
  border-radius: 16px;
  display: grid;
  gap: 8px;
  padding: 18px;
}
.customer-auth-note b {
  color: #07835f;
  font-size: 18px;
}
.customer-auth-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: .82fr 1.18fr;
}
.customer-auth-card {
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 20px 48px rgba(15,23,42,.055);
  padding: 22px;
}
.customer-auth-card h2 {
  font-size: 26px;
  margin: 4px 0 18px;
}
.customer-auth-card label,
.customer-profile-form label {
  color: #334155;
  font-size: 13px;
  font-weight: 900;
}
.customer-auth-card input,
.customer-auth-card select,
.customer-auth-card textarea,
.customer-profile-form input,
.customer-profile-form select,
.customer-profile-form textarea {
  border: 1px solid #dfe7ee;
  border-radius: 11px;
  min-height: 44px;
}
.customer-auth-card textarea,
.customer-profile-form textarea {
  min-height: 92px;
}
.customer-shell {
  display: grid;
  gap: 22px;
  grid-template-columns: 280px minmax(0, 1fr);
  margin: 24px auto;
  max-width: 1540px;
  padding: 0 28px 34px;
}
.customer-sidebar {
  align-self: start;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(15,23,42,.06);
  padding: 18px;
  position: sticky;
  top: 96px;
}
.customer-profile-mini {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  gap: 12px;
  padding-bottom: 18px;
}
.customer-avatar {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 16px;
  color: #07835f;
  display: flex;
  flex: 0 0 54px;
  font-size: 22px;
  font-weight: 950;
  height: 54px;
  justify-content: center;
  width: 54px;
}
.customer-profile-mini b {
  color: #111827;
  display: block;
  font-size: 16px;
}
.customer-profile-mini span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  margin-top: 4px;
}
.customer-menu {
  display: grid;
  gap: 6px;
  margin-top: 16px;
}
.customer-menu a,
.customer-menu button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 12px;
  color: #334155;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 900;
  gap: 10px;
  min-height: 44px;
  padding: 0 12px;
  text-align: left;
  text-decoration: none;
}
.customer-menu a.active {
  background: #fff7ed;
  color: #9a3412;
}
.customer-menu i {
  align-items: center;
  background: #f1f5f9;
  border-radius: 10px;
  display: flex;
  font-style: normal;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.customer-menu a.active i {
  background: #ff6a16;
  color: #ffffff;
}
.customer-support-box {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  color: #0f5132;
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding: 14px;
}
.customer-support-box b {
  color: #047857;
}
.customer-support-box span {
  color: #536174;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.customer-main-console {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.customer-console-hero {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 62%, #ecfdf5 100%);
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) 320px;
  padding: 26px 28px;
}
.customer-console-hero h1 {
  font-size: 34px;
  line-height: 1.08;
  margin: 8px 0 10px;
}
.customer-console-hero p {
  color: #667085;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.55;
  margin: 0;
}
.customer-warehouse-card {
  background: #ffffff;
  border: 1px solid #bbf7d0;
  border-radius: 16px;
  display: grid;
  gap: 8px;
  padding: 18px;
}
.customer-warehouse-card b {
  color: #07835f;
  font-size: 18px;
}
.customer-warehouse-card span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}
.customer-stats {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.customer-stats article,
.customer-alerts article,
.customer-content-grid .panel {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(15,23,42,.055);
}
.customer-stats article {
  display: grid;
  gap: 9px;
  min-height: 104px;
  padding: 17px;
}
.customer-stats span {
  color: #667085;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.customer-stats b {
  color: #111827;
  font-size: 28px;
  line-height: 1;
}
.customer-stats .money b {
  color: #e11d48;
  font-size: 22px;
}
.customer-alerts {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.customer-alerts article {
  display: grid;
  gap: 10px;
  padding: 18px;
}
.customer-alerts .warning {
  background: #fffaf5;
  border-color: #fed7aa;
}
.customer-alerts .blue {
  background: #f8fbff;
  border-color: #bfdbfe;
}
.customer-alerts .green {
  background: #f7fffb;
  border-color: #bbf7d0;
}
.customer-alerts b {
  color: #111827;
  font-size: 16px;
}
.customer-alerts span {
  color: #667085;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.45;
}
.customer-content-grid {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.34fr) 390px;
}
.customer-content-grid .panel {
  padding: 20px;
}
.customer-panel-head {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  justify-content: space-between;
  margin: -2px -2px 16px;
  padding: 2px 2px 16px;
}
.customer-panel-head.compact {
  margin-bottom: 14px;
}
.customer-panel-head span {
  color: #07835f;
  display: block;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.customer-panel-head h2 {
  color: #111827;
  font-size: 24px;
  margin: 4px 0 0;
}
.customer-order-list {
  display: grid;
  gap: 10px;
}
.customer-order-card {
  align-items: center;
  border: 1px solid #e3e8ef;
  border-left: 4px solid #fdba74;
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(170px, 1fr) auto auto minmax(190px, 1fr) auto;
  padding: 14px;
}
.customer-order-card.shipped { border-left-color: #10b981; }
.customer-order-card.processing { border-left-color: #2563eb; }
.customer-order-card.danger { border-left-color: #e11d48; }
.customer-order-main b {
  color: #111827;
  display: block;
  font-size: 15px;
}
.customer-order-main span,
.customer-order-progress span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 760;
  margin-top: 4px;
}
.customer-order-amount {
  color: #e11d48;
  font-size: 16px;
  font-weight: 950;
  white-space: nowrap;
}
.customer-status-pill {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #9a3412;
  display: inline-flex;
  font-size: 12px;
  font-weight: 950;
  justify-content: center;
  padding: 7px 10px;
  white-space: nowrap;
}
.customer-status-pill.processing { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.customer-status-pill.shipped { background: #ecfdf5; border-color: #bbf7d0; color: #047857; }
.customer-status-pill.danger { background: #fff1f2; border-color: #fecdd3; color: #be123c; }
.customer-order-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.customer-order-actions .btn {
  border-radius: 10px;
  height: 36px;
  padding: 0 12px;
}
.customer-side-stack {
  display: grid;
  gap: 18px;
}
.customer-address-summary {
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  display: grid;
  gap: 7px;
  padding: 14px;
}
.customer-address-summary b {
  color: #111827;
}
.customer-address-summary span,
.customer-address-summary small {
  color: #667085;
  display: block;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.45;
}
.customer-mini-products {
  display: grid;
  gap: 10px;
}
.customer-mini-products a {
  align-items: center;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  color: #111827;
  display: grid;
  gap: 12px;
  grid-template-columns: 58px 1fr;
  padding: 10px;
  text-decoration: none;
}
.mini-thumb {
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  height: 58px;
  position: relative;
  width: 58px;
}
.mini-thumb::before {
  background: #111827;
  border-radius: 22px;
  content: "";
  height: 38px;
  left: 17px;
  position: absolute;
  top: 10px;
  transform: rotate(-18deg);
  width: 25px;
}
.customer-mini-products b,
.customer-mini-products em {
  display: block;
  font-style: normal;
}
.customer-mini-products b {
  font-size: 13px;
}
.customer-mini-products em {
  color: #e11d48;
  font-size: 13px;
  font-weight: 950;
  margin-top: 4px;
}
.customer-profile-form {
  display: grid;
  gap: 12px;
}
.customer-profile-form .wide,
.customer-auth-card .wide {
  border-radius: 12px;
  min-height: 46px;
}
@media (max-width: 1180px) {
  .customer-shell,
  .customer-content-grid,
  .customer-console-hero,
  .customer-auth-hero {
    grid-template-columns: 1fr;
  }
  .customer-sidebar {
    position: static;
  }
  .customer-order-card {
    grid-template-columns: 1fr auto;
  }
  .customer-order-progress,
  .customer-order-actions {
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  .customer-topbar,
  .customer-top-actions,
  .customer-order-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .customer-topbar {
    position: static;
    padding: 14px;
  }
  .customer-brand,
  .customer-search {
    min-width: 0;
    width: 100%;
  }
  .customer-shell,
  .customer-auth-view {
    padding-left: 14px;
    padding-right: 14px;
  }
  .customer-auth-grid,
  .customer-stats,
  .customer-alerts {
    grid-template-columns: 1fr;
  }
  .customer-order-card {
    grid-template-columns: 1fr;
  }
}

/* Customer center display fix */
.customer-console .hidden,
.customer-auth-view.hidden,
.customer-shell.hidden {
  display: none !important;
}
.customer-menu i {
  font-size: 12px;
  font-weight: 950;
}
.customer-auth-card {
  align-self: start;
}
.customer-auth-card:not(.register-card) {
  min-height: 360px;
}
.customer-auth-card:not(.register-card) label:first-of-type {
  margin-top: 34px;
}
.customer-console .customer-auth-grid .panel,
.customer-console .customer-content-grid .panel,
.customer-console .customer-sidebar,
.customer-console .customer-stats article,
.customer-console .customer-alerts article {
  box-shadow: 0 14px 34px rgba(15,23,42,.055);
}

/* Account based checkout flow */
.checkout-refined .checkout-hero-note {
  background: #fff7ed;
  border-color: #fed7aa;
}
.checkout-refined .checkout-hero-note b {
  color: #9a3412;
}
.checkout-refined .checkout-steps article:first-child {
  border-color: #fdba74;
}
.customer-auth-note {
  background: #fff7ed;
  border-color: #fed7aa;
}
.customer-auth-note b {
  color: #9a3412;
}

/* Simple ecommerce customer account center */
.shop-account-page {
  background: #f3f6f9;
  color: #101828;
  min-height: 100vh;
}
.shop-account-page .hidden {
  display: none !important;
}
.shop-account-topbar {
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #e5ebf2;
  display: flex;
  gap: 28px;
  min-height: 68px;
  padding: 0 34px;
  position: sticky;
  top: 0;
  z-index: 30;
}
.shop-account-brand {
  align-items: center;
  color: #101828;
  display: flex;
  gap: 11px;
  min-width: 220px;
  text-decoration: none;
}
.shop-account-logo {
  align-items: center;
  background: #101828;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 14px;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.shop-account-brand strong,
.shop-account-brand em {
  display: block;
  font-style: normal;
}
.shop-account-brand strong {
  font-size: 17px;
  line-height: 1;
}
.shop-account-brand em {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 4px;
}
.shop-account-topnav {
  display: flex;
  gap: 4px;
}
.shop-account-topnav a {
  border-radius: 10px;
  color: #475467;
  font-size: 14px;
  font-weight: 900;
  padding: 10px 14px;
  text-decoration: none;
}
.shop-account-topnav a:hover {
  background: #f8fafc;
  color: #101828;
}
.shop-account-topbar > .btn {
  margin-left: auto;
}
.shop-account-wrap {
  margin: 0 auto;
  max-width: 1460px;
  padding: 24px 28px 46px;
}
.shop-card {
  background: #ffffff;
  border: 1px solid #e1e8f0;
  border-radius: 16px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .055);
}
.shop-card-title span,
.shop-card-head span {
  color: #07835f;
  display: block;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}
.shop-card-title h2,
.shop-card-head h2 {
  color: #101828;
  font-size: 23px;
  line-height: 1.15;
  margin: 5px 0 0;
}
.shop-auth-layout {
  display: grid;
  gap: 20px;
  grid-template-columns: 390px minmax(0, 1fr);
}
.shop-auth-copy {
  align-self: start;
  background: #ffffff;
  border: 1px solid #d7f8e6;
  border-radius: 18px;
  display: grid;
  gap: 18px;
  padding: 26px;
}
.shop-auth-copy h1 {
  color: #101828;
  font-size: 38px;
  line-height: 1.08;
  margin: 0;
}
.shop-auth-copy p {
  color: #667085;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.62;
  margin: 0;
}
.shop-auth-points {
  display: grid;
  gap: 10px;
}
.shop-auth-points span {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  color: #047857;
  font-size: 13px;
  font-weight: 900;
  padding: 11px 13px;
}
.shop-auth-forms {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(320px, .75fr) minmax(420px, 1.25fr);
}
.shop-login-card,
.shop-register-card,
.shop-profile-form {
  display: grid;
  gap: 14px;
  padding: 22px;
}
.shop-login-card {
  align-self: start;
}
.shop-account-page .form label {
  color: #344054;
  display: grid;
  font-size: 13px;
  font-weight: 900;
  gap: 7px;
}
.shop-account-page input,
.shop-account-page select,
.shop-account-page textarea {
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  color: #101828;
  font-size: 14px;
  font-weight: 800;
  min-height: 44px;
  padding: 0 13px;
  width: 100%;
}
.shop-account-page textarea {
  min-height: 84px;
  padding-bottom: 11px;
  padding-top: 11px;
  resize: vertical;
}
.shop-account-page .wide {
  border-radius: 11px;
  min-height: 46px;
  width: 100%;
}
.shop-two {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.shop-account-layout {
  align-items: start;
  display: grid;
  gap: 20px;
  grid-template-columns: 240px minmax(0, 1fr);
}
.shop-account-sidebar {
  align-self: start;
  background: #ffffff;
  border: 1px solid #e1e8f0;
  border-radius: 16px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .055);
  padding: 16px;
  position: sticky;
  top: 92px;
}
.shop-profile-mini {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  gap: 12px;
  padding-bottom: 16px;
}
.shop-avatar {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  color: #047857;
  display: flex;
  flex: 0 0 48px;
  font-size: 20px;
  font-weight: 950;
  height: 48px;
  justify-content: center;
  width: 48px;
}
.shop-profile-mini b {
  color: #101828;
  display: block;
  font-size: 15px;
  line-height: 1.25;
}
.shop-profile-mini span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  margin-top: 4px;
}
.shop-account-nav {
  display: grid;
  gap: 6px;
  margin-top: 14px;
}
.shop-account-nav a,
.shop-account-nav button {
  background: transparent;
  border: 0;
  border-radius: 11px;
  color: #475467;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
  min-height: 42px;
  padding: 0 12px;
  text-align: left;
  text-decoration: none;
}
.shop-account-nav a {
  align-items: center;
  display: flex;
}
.shop-account-nav a.active,
.shop-account-nav a:hover,
.shop-account-nav button:hover {
  background: #fff7ed;
  color: #c2410c;
}
.shop-account-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.shop-account-head {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 70%, #ecfdf5 100%);
  border: 1px solid #e1e8f0;
  border-radius: 18px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 22px 24px;
}
.shop-account-head h1 {
  color: #101828;
  font-size: 30px;
  line-height: 1.1;
  margin: 5px 0 8px;
}
.shop-account-head p {
  color: #667085;
  font-size: 14px;
  font-weight: 800;
  margin: 0;
}
.shop-head-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}
.shop-status-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.shop-status-card {
  background: #ffffff;
  border: 1px solid #e1e8f0;
  border-radius: 14px;
  display: grid;
  gap: 8px;
  min-height: 86px;
  padding: 15px;
}
.shop-status-card.active {
  border-color: #fdba74;
}
.shop-status-card span {
  color: #667085;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.shop-status-card b {
  color: #101828;
  font-size: 25px;
  line-height: 1;
}
.shop-status-card.money b {
  color: #e11d48;
  font-size: 20px;
}
.shop-account-alerts {
  display: grid;
}
.shop-alert-line {
  align-items: center;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 14px 16px;
}
.shop-alert-line b,
.shop-alert-line span {
  display: block;
}
.shop-alert-line b {
  color: #9a3412;
  font-size: 15px;
}
.shop-alert-line span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  margin-top: 3px;
}
.shop-account-content {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 360px;
}
.shop-orders-card,
.shop-address-card {
  padding: 18px;
}
.shop-card-head {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.shop-card-head.compact {
  margin-bottom: 12px;
}
.shop-order-list {
  display: grid;
  gap: 10px;
}
.shop-order-row {
  align-items: center;
  border: 1px solid #e1e8f0;
  border-left: 4px solid #fdba74;
  border-radius: 13px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(170px, 1.2fr) auto minmax(120px, .55fr) minmax(190px, 1fr) auto;
  padding: 13px;
}
.shop-order-row.processing { border-left-color: #2563eb; }
.shop-order-row.shipped { border-left-color: #10b981; }
.shop-order-row.danger { border-left-color: #e11d48; }
.shop-order-id b {
  color: #101828;
  display: block;
  font-size: 15px;
}
.shop-order-id span,
.shop-order-note span,
.shop-order-total span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 800;
  margin-top: 4px;
}
.shop-status-pill {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #9a3412;
  display: inline-flex;
  font-size: 12px;
  font-weight: 950;
  justify-content: center;
  padding: 7px 10px;
  white-space: nowrap;
}
.shop-status-pill.processing { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.shop-status-pill.shipped { background: #ecfdf5; border-color: #bbf7d0; color: #047857; }
.shop-status-pill.danger { background: #fff1f2; border-color: #fecdd3; color: #be123c; }
.shop-order-total b {
  color: #e11d48;
  display: block;
  font-size: 16px;
  font-weight: 950;
  margin-top: 4px;
  white-space: nowrap;
}
.shop-order-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.shop-order-actions .btn,
.shop-card-head .btn,
.shop-alert-line .btn {
  border-radius: 10px;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
}
.shop-account-side {
  display: grid;
  gap: 16px;
}
.shop-address-summary {
  background: #f8fafc;
  border: 1px solid #e1e8f0;
  border-radius: 13px;
  display: grid;
  gap: 7px;
  padding: 14px;
}
.shop-address-summary b {
  color: #101828;
  font-size: 15px;
}
.shop-address-summary span,
.shop-address-summary small {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}
.shop-profile-form {
  padding: 18px;
}
.shop-empty-orders {
  min-height: 220px;
}
@media (max-width: 1180px) {
  .shop-auth-layout,
  .shop-auth-forms,
  .shop-account-layout,
  .shop-account-content {
    grid-template-columns: 1fr;
  }
  .shop-account-sidebar {
    position: static;
  }
  .shop-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .shop-order-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .shop-order-total,
  .shop-order-note,
  .shop-order-actions {
    grid-column: 1 / -1;
  }
  .shop-order-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 760px) {
  .shop-account-topbar,
  .shop-account-topnav,
  .shop-account-head,
  .shop-head-actions,
  .shop-alert-line {
    align-items: stretch;
    flex-direction: column;
  }
  .shop-account-topbar {
    position: static;
    padding: 14px;
  }
  .shop-account-wrap {
    padding: 14px;
  }
  .shop-auth-copy h1,
  .shop-account-head h1 {
    font-size: 28px;
  }
  .shop-two,
  .shop-status-grid,
  .shop-order-row {
    grid-template-columns: 1fr;
  }
  .shop-card-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* One page checkout redesign */
.checkout-onepage {
  background: #f4f6f8;
  color: #101828;
}
.checkout-onepage .hidden {
  display: none !important;
}
.checkout-topbar {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e4ebf2;
  display: flex;
  gap: 24px;
  min-height: 68px;
  padding: 0 34px;
  position: sticky;
  top: 0;
  z-index: 20;
}
.checkout-brand {
  align-items: center;
  color: #101828;
  display: flex;
  gap: 11px;
  min-width: 210px;
  text-decoration: none;
}
.checkout-logo {
  align-items: center;
  background: #101828;
  border-radius: 11px;
  color: #fff;
  display: flex;
  font-weight: 950;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.checkout-brand strong,
.checkout-brand em {
  display: block;
  font-style: normal;
}
.checkout-brand em {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 3px;
}
.checkout-nav {
  display: flex;
  gap: 4px;
}
.checkout-nav a {
  border-radius: 10px;
  color: #475467;
  font-size: 14px;
  font-weight: 900;
  padding: 10px 13px;
  text-decoration: none;
}
.checkout-nav a.active,
.checkout-nav a:hover {
  background: #fff7ed;
  color: #c2410c;
}
.checkout-nav b {
  background: #ff6a16;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 11px;
  justify-content: center;
  margin-left: 4px;
  min-width: 20px;
  padding: 2px 6px;
}
.checkout-topbar > .btn {
  margin-left: auto;
}
.checkout-main {
  margin: 0 auto;
  max-width: 1440px;
  padding: 22px 28px 42px;
}
.checkout-title-card {
  align-items: center;
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 18px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 22px 24px;
}
.checkout-title-card h1 {
  color: #101828;
  font-size: 32px;
  line-height: 1.08;
  margin: 6px 0 8px;
}
.checkout-title-card p {
  color: #667085;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.55;
  margin: 0;
  max-width: 780px;
}
.checkout-account-chip {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  display: flex;
  gap: 10px;
  min-width: 300px;
  padding: 12px 14px;
}
.checkout-account-chip i {
  align-items: center;
  background: #fff;
  border-radius: 12px;
  color: #047857;
  display: flex;
  flex: 0 0 42px;
  font-style: normal;
  font-weight: 950;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.checkout-account-chip b,
.checkout-account-chip small {
  display: block;
}
.checkout-account-chip small {
  color: #047857;
  font-size: 12px;
  font-weight: 850;
  margin-top: 3px;
}
.checkout-form-shell {
  margin: 0;
}
.checkout-layout-onepage {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 420px;
  margin-top: 16px;
}
.checkout-main-stack {
  display: grid;
  gap: 14px;
}
.checkout-card,
.checkout-success {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
  overflow: hidden;
}
.checkout-card-head {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  justify-content: space-between;
  padding: 15px 18px;
}
.checkout-card-head span {
  color: #07835f;
  display: block;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.checkout-card-head h2 {
  color: #101828;
  font-size: 21px;
  line-height: 1.15;
  margin: 4px 0 0;
}
.checkout-card-body {
  padding: 16px 18px;
}
.checkout-address-summary {
  align-items: start;
  background: #f8fafc;
  border: 1px solid #dfe7ee;
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 14px;
}
.checkout-radio-dot {
  border: 6px solid #ff6a16;
  border-radius: 999px;
  height: 22px;
  width: 22px;
}
.checkout-address-summary b,
.checkout-address-summary span {
  display: block;
}
.checkout-address-summary span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.42;
  margin-top: 4px;
}
.checkout-address-editor {
  border-top: 1px solid #edf2f7;
  display: grid;
  gap: 12px;
  margin-top: 13px;
  padding-top: 13px;
}
.checkout-field-grid {
  display: grid;
  gap: 11px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.checkout-onepage label {
  color: #344054;
  display: grid;
  font-size: 13px;
  font-weight: 900;
  gap: 6px;
}
.checkout-onepage input,
.checkout-onepage select,
.checkout-onepage textarea {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  color: #101828;
  font-size: 14px;
  font-weight: 800;
  min-height: 43px;
  padding: 0 12px;
  width: 100%;
}
.checkout-onepage textarea {
  min-height: 76px;
  padding-bottom: 10px;
  padding-top: 10px;
  resize: vertical;
}
.checkout-field-grid .full {
  grid-column: 1 / -1;
}
.checkout-items {
  display: grid;
  gap: 9px;
}
.checkout-order-item {
  align-items: center;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  display: grid;
  gap: 12px;
  grid-template-columns: 74px minmax(0, 1fr) 96px 124px;
  padding: 10px;
}
.checkout-order-thumb {
  align-items: center;
  background: #f3f8f7;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  display: flex;
  height: 74px;
  justify-content: center;
  overflow: hidden;
  width: 74px;
}
.checkout-order-thumb img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.checkout-order-item h3 {
  color: #101828;
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
}
.checkout-order-item span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  margin-top: 5px;
}
.checkout-order-item > b {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  display: flex;
  font-weight: 950;
  height: 38px;
  justify-content: center;
}
.checkout-order-item > strong {
  color: #e11d48;
  font-size: 16px;
  font-weight: 950;
  text-align: right;
}
.checkout-item-placeholder {
  background: #101828;
  border-radius: 22px;
  height: 48px;
  transform: rotate(-18deg);
  width: 30px;
}
.checkout-shipping-list {
  display: grid;
  gap: 9px;
}
.checkout-ship-option {
  align-items: center;
  border: 1px solid #dfe7ee;
  border-radius: 13px;
  cursor: pointer;
  display: grid;
  gap: 10px;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  padding: 13px;
}
.checkout-ship-option input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}
.checkout-ship-option.active {
  background: #f0fdf4;
  border-color: #bbf7d0;
}
.checkout-ship-option b,
.checkout-ship-option small {
  display: block;
}
.checkout-ship-option small {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 3px;
}
.checkout-ship-option > strong {
  white-space: nowrap;
}
.checkout-summary-card {
  position: sticky;
  top: 90px;
}
.checkout-summary-body {
  display: grid;
  gap: 14px;
  padding: 16px;
}
.checkout-note {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 13px;
  color: #047857;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.45;
  padding: 12px;
}
.checkout-summary-lines {
  display: grid;
  gap: 9px;
}
.checkout-summary-lines div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.checkout-summary-lines span {
  color: #667085;
  font-size: 14px;
  font-weight: 850;
}
.checkout-summary-lines b {
  color: #101828;
  font-size: 15px;
}
.checkout-summary-lines .total {
  border-top: 1px solid #edf2f7;
  margin-top: 4px;
  padding-top: 13px;
}
.checkout-summary-lines .total strong {
  color: #e11d48;
  font-size: 28px;
  font-weight: 950;
}
.checkout-bank-list {
  display: grid;
  gap: 9px;
}
.checkout-bank-card,
.checkout-empty-box {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  padding: 12px;
}
.checkout-bank-card span,
.checkout-bank-card small,
.checkout-empty-box span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 850;
}
.checkout-bank-card b {
  color: #101828;
  display: block;
  font-size: 22px;
  margin: 5px 0;
}
.checkout-empty-box {
  display: grid;
  gap: 8px;
}
.checkout-payment-area {
  display: grid;
  gap: 11px;
}
.checkout-proof-preview {
  align-items: center;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 13px;
  color: #667085;
  display: flex;
  font-size: 13px;
  font-weight: 850;
  justify-content: center;
  line-height: 1.45;
  min-height: 180px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}
.checkout-proof-preview img {
  border-radius: 10px;
  display: block;
  max-height: 240px;
  max-width: 100%;
  object-fit: contain;
}
.checkout-submit {
  border-radius: 13px;
  font-size: 17px;
  height: 54px;
  width: 100%;
}
.checkout-submit-help {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
  text-align: center;
}
.checkout-success {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 18px;
}
.checkout-success b {
  color: #047857;
}
.checkout-success strong {
  color: #101828;
  font-size: 28px;
}
.checkout-success p {
  color: #667085;
  font-size: 14px;
  font-weight: 760;
  margin: 0;
}
.checkout-success div {
  display: flex;
  gap: 10px;
  margin-top: 4px;
}
@media (max-width: 1080px) {
  .checkout-layout-onepage,
  .checkout-field-grid {
    grid-template-columns: 1fr;
  }
  .checkout-summary-card {
    position: static;
  }
  .checkout-order-item {
    grid-template-columns: 70px 1fr;
  }
  .checkout-order-item > b,
  .checkout-order-item > strong {
    grid-column: 2;
    justify-self: start;
    text-align: left;
  }
}
@media (max-width: 760px) {
  .checkout-topbar,
  .checkout-title-card,
  .checkout-success div {
    align-items: stretch;
    flex-direction: column;
  }
  .checkout-topbar {
    position: static;
    padding: 14px;
  }
  .checkout-topbar > .btn {
    margin-left: 0;
  }
  .checkout-main {
    padding: 14px;
  }
  .checkout-title-card h1 {
    font-size: 28px;
  }
  .checkout-account-chip {
    min-width: 0;
  }
  .checkout-address-summary,
  .checkout-ship-option {
    grid-template-columns: 1fr;
  }
  .checkout-card-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* Checkout quantity edit controls */
.checkout-order-item {
  grid-template-columns: 74px minmax(0, 1fr) 176px 124px;
}
.checkout-qty-control {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  display: grid;
  gap: 6px;
  grid-template-columns: 34px 58px 34px auto;
  height: 42px;
  padding: 3px;
}
.checkout-qty-control button {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  color: #101828;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 950;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px;
}
.checkout-qty-control input {
  border: 0;
  border-left: 1px solid #e4ebf2;
  border-radius: 0;
  border-right: 1px solid #e4ebf2;
  font-size: 16px;
  font-weight: 950;
  height: 34px;
  min-height: 34px;
  padding: 0 4px;
  text-align: center;
}
.checkout-qty-control span {
  color: #667085;
  font-size: 13px;
  font-weight: 900;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 1080px) {
  .checkout-qty-control,
  .checkout-order-item > strong {
    grid-column: 2;
    justify-self: start;
  }
}
@media (max-width: 520px) {
  .checkout-qty-control {
    grid-template-columns: 32px minmax(48px, 1fr) 32px auto;
    width: 100%;
  }
}

/* Compact ecommerce customer center */
.account-compact-page {
  background: #f4f6f8;
  color: #101828;
  min-height: 100vh;
}
.account-compact-page .hidden {
  display: none !important;
}
.account-compact-topbar {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e4ebf2;
  display: flex;
  gap: 24px;
  min-height: 68px;
  padding: 0 34px;
  position: sticky;
  top: 0;
  z-index: 30;
}
.account-compact-brand {
  align-items: center;
  color: #101828;
  display: flex;
  gap: 11px;
  min-width: 220px;
  text-decoration: none;
}
.account-compact-logo {
  align-items: center;
  background: #101828;
  border-radius: 11px;
  color: #fff;
  display: flex;
  font-weight: 950;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.account-compact-brand strong,
.account-compact-brand em {
  display: block;
  font-style: normal;
}
.account-compact-brand em {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 3px;
}
.account-compact-topnav {
  display: flex;
  gap: 4px;
}
.account-compact-topnav a {
  border-radius: 10px;
  color: #475467;
  font-size: 14px;
  font-weight: 900;
  padding: 10px 13px;
  text-decoration: none;
}
.account-compact-topnav a.active,
.account-compact-topnav a:hover {
  background: #fff7ed;
  color: #c2410c;
}
.account-compact-topbar > .btn {
  margin-left: auto;
}
.account-compact-wrap {
  margin: 0 auto;
  max-width: 1460px;
  padding: 18px 24px 40px;
}
.account-card {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(15,23,42,.045);
}
.account-auth-compact {
  display: grid;
  gap: 16px;
  grid-template-columns: 360px minmax(0, 1fr);
}
.account-auth-copy {
  background: #fff;
  border: 1px solid #d7f8e6;
  border-radius: 16px;
  padding: 22px;
}
.account-auth-copy h1 {
  color: #101828;
  font-size: 32px;
  line-height: 1.08;
  margin: 8px 0 10px;
}
.account-auth-copy p {
  color: #667085;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.55;
  margin: 0;
}
.account-auth-forms-compact {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, .7fr) minmax(420px, 1.3fr);
}
.account-auth-box,
.account-profile-form-compact {
  display: grid;
  gap: 12px;
  padding: 16px;
}
.account-compact-page label {
  color: #344054;
  display: grid;
  font-size: 13px;
  font-weight: 900;
  gap: 6px;
}
.account-compact-page input,
.account-compact-page select,
.account-compact-page textarea {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  color: #101828;
  font-size: 14px;
  font-weight: 800;
  min-height: 42px;
  padding: 0 12px;
  width: 100%;
}
.account-compact-page textarea {
  min-height: 74px;
  padding-bottom: 10px;
  padding-top: 10px;
  resize: vertical;
}
.account-two {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.account-compact-layout {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: 220px minmax(0, 1fr);
}
.account-compact-sidebar {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(15,23,42,.045);
  padding: 14px;
  position: sticky;
  top: 86px;
}
.account-profile-mini {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  gap: 10px;
  padding-bottom: 13px;
}
.account-avatar {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  color: #047857;
  display: flex;
  flex: 0 0 44px;
  font-size: 18px;
  font-weight: 950;
  height: 44px;
  justify-content: center;
  width: 44px;
}
.account-profile-mini b,
.account-profile-mini span {
  display: block;
}
.account-profile-mini b {
  color: #101828;
  font-size: 15px;
}
.account-profile-mini span {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  margin-top: 3px;
}
.account-side-nav {
  display: grid;
  gap: 5px;
  margin-top: 12px;
}
.account-side-nav a,
.account-side-nav button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: #475467;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 900;
  min-height: 40px;
  padding: 0 11px;
  text-align: left;
  text-decoration: none;
}
.account-side-nav a.active,
.account-side-nav a:hover,
.account-side-nav button:hover {
  background: #fff7ed;
  color: #c2410c;
}
.account-compact-main {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.account-overview-strip {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 16px 18px;
}
.account-overview-strip h1 {
  color: #101828;
  font-size: 26px;
  line-height: 1.08;
  margin: 4px 0 6px;
}
.account-overview-strip p {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  margin: 0;
}
.account-head-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 9px;
}
.account-status-filter {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.account-status-card {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  cursor: pointer;
  display: grid;
  gap: 6px;
  min-height: 74px;
  padding: 13px;
  text-align: left;
}
.account-status-card.active {
  background: #fff7ed;
  border-color: #fdba74;
}
.account-status-card span {
  color: #667085;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.account-status-card b {
  color: #101828;
  font-size: 24px;
  line-height: 1;
}
.account-alert-compact article {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 13px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 12px 14px;
}
.account-alert-compact b,
.account-alert-compact span {
  display: block;
}
.account-alert-compact b {
  color: #047857;
  font-size: 14px;
}
.account-alert-compact span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  margin-top: 3px;
}
.account-content-compact {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) 330px;
}
.account-card-head {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}
.account-card-head.compact {
  padding-bottom: 12px;
}
.account-card-head span {
  color: #07835f;
  display: block;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.account-card-head h2 {
  color: #101828;
  font-size: 20px;
  line-height: 1.1;
  margin: 4px 0 0;
}
.account-order-list-compact {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.account-order-row {
  align-items: center;
  border: 1px solid #e4ebf2;
  border-left: 4px solid #fdba74;
  border-radius: 12px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(160px, 1.1fr) auto 124px minmax(170px, .9fr) auto;
  padding: 11px;
}
.account-order-row.processing { border-left-color: #2563eb; }
.account-order-row.shipped { border-left-color: #10b981; }
.account-order-row.danger { border-left-color: #e11d48; }
.account-order-main {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  text-align: left;
}
.account-order-main b,
.account-order-main span,
.account-order-money span,
.account-order-meta span {
  display: block;
}
.account-order-main b {
  color: #101828;
  font-size: 15px;
}
.account-order-main span,
.account-order-money span,
.account-order-meta span {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 3px;
}
.account-order-money b {
  color: #e11d48;
  font-size: 16px;
  font-weight: 950;
}
.account-status-pill {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #9a3412;
  display: inline-flex;
  font-size: 12px;
  font-weight: 950;
  justify-content: center;
  padding: 7px 10px;
  white-space: nowrap;
}
.account-status-pill.processing { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.account-status-pill.shipped { background: #ecfdf5; border-color: #bbf7d0; color: #047857; }
.account-status-pill.danger { background: #fff1f2; border-color: #fecdd3; color: #be123c; }
.account-side-stack-compact {
  display: grid;
  gap: 12px;
}
.account-address-summary-compact {
  display: grid;
  gap: 7px;
  padding: 14px;
}
.account-address-summary-compact b,
.account-address-summary-compact span,
.account-address-summary-compact small {
  display: block;
}
.account-address-summary-compact b {
  color: #101828;
  font-size: 15px;
}
.account-address-summary-compact span,
.account-address-summary-compact small {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}
.account-profile-form-compact {
  padding: 14px;
}
.account-empty-orders {
  min-height: 180px;
}
.account-order-drawer {
  inset: 0;
  position: fixed;
  z-index: 100;
}
.account-drawer-shade {
  background: rgba(15, 23, 42, .38);
  inset: 0;
  position: absolute;
}
.account-drawer-panel {
  background: #fff;
  box-shadow: -22px 0 55px rgba(15,23,42,.18);
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  margin-left: auto;
  max-width: 620px;
  position: relative;
  width: min(620px, 100%);
}
.account-drawer-panel header {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  justify-content: space-between;
  padding: 16px 18px;
}
.account-drawer-panel header span {
  color: #07835f;
  display: block;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.account-drawer-panel header h2 {
  color: #101828;
  font-size: 22px;
  margin: 4px 0 0;
}
.account-drawer-panel header button {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.account-drawer-body {
  display: grid;
  gap: 12px;
  overflow: auto;
  padding: 14px;
}
.account-detail-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.account-detail-summary div,
.account-detail-box,
.account-proof-empty,
.account-drawer-loading {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  padding: 12px;
}
.account-detail-summary span,
.account-detail-address span,
.account-detail-address small {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 850;
}
.account-detail-summary b {
  color: #101828;
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
.account-detail-summary strong {
  color: #e11d48;
  display: block;
  font-size: 18px;
  margin-top: 5px;
}
.account-detail-box h3 {
  color: #101828;
  font-size: 16px;
  margin: 0 0 10px;
}
.account-detail-items {
  border-collapse: collapse;
  width: 100%;
}
.account-detail-items th,
.account-detail-items td {
  border-bottom: 1px solid #e4ebf2;
  color: #475467;
  font-size: 12px;
  padding: 8px 6px;
  text-align: left;
  vertical-align: top;
}
.account-detail-items b,
.account-detail-items small {
  display: block;
}
.account-detail-items b {
  color: #101828;
  font-size: 13px;
}
.account-detail-address {
  display: grid;
  gap: 6px;
}
.account-detail-address b {
  color: #101828;
}
.account-proof-list {
  display: grid;
  gap: 10px;
}
.account-proof-card {
  align-items: start;
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  display: grid;
  gap: 10px;
  grid-template-columns: 142px 1fr;
  padding: 10px;
}
.account-proof-card img {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 10px;
  display: block;
  height: 120px;
  object-fit: contain;
  width: 142px;
}
.account-proof-card b,
.account-proof-card span,
.account-proof-card p {
  display: block;
}
.account-proof-card b {
  color: #047857;
  font-size: 14px;
}
.account-proof-card span,
.account-proof-card p,
.account-proof-empty,
.account-drawer-loading {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}
.account-detail-actions {
  display: flex;
  gap: 10px;
}
@media (max-width: 1120px) {
  .account-auth-compact,
  .account-auth-forms-compact,
  .account-compact-layout,
  .account-content-compact {
    grid-template-columns: 1fr;
  }
  .account-compact-sidebar {
    position: static;
  }
  .account-order-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .account-order-money,
  .account-order-meta,
  .account-order-actions {
    grid-column: 1 / -1;
  }
}
@media (max-width: 720px) {
  .account-compact-topbar,
  .account-compact-topnav,
  .account-overview-strip,
  .account-head-actions,
  .account-alert-compact article,
  .account-detail-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .account-compact-topbar {
    position: static;
    padding: 14px;
  }
  .account-compact-topbar > .btn {
    margin-left: 0;
  }
  .account-compact-wrap {
    padding: 14px;
  }
  .account-status-filter,
  .account-two,
  .account-detail-summary,
  .account-proof-card {
    grid-template-columns: 1fr;
  }
  .account-proof-card img {
    height: 190px;
    width: 100%;
  }
}

/* Compact login/register account entry */
.account-auth-simple {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
  max-width: 1180px;
}
.account-auth-intro {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 16px 18px;
}
.account-auth-intro h1 {
  color: #101828;
  font-size: 26px;
  line-height: 1.1;
  margin: 4px 0 6px;
}
.account-auth-intro p {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
}
.account-auth-two-col {
  display: grid;
  gap: 14px;
  grid-template-columns: 360px minmax(0, 1fr);
}
.account-auth-two-col .account-auth-box {
  gap: 0;
  padding: 0;
}
.account-form-body {
  display: grid;
  gap: 11px;
  padding: 14px;
}
.account-login-compact .account-form-body {
  align-content: start;
  min-height: 250px;
}
.account-register-compact .register-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.account-register-compact .full {
  grid-column: 1 / -1;
}
.account-auth-simple .account-card-head {
  padding: 13px 15px;
}
.account-auth-simple .account-card-head h2 {
  font-size: 20px;
}
.account-auth-simple input,
.account-auth-simple select,
.account-auth-simple textarea {
  min-height: 40px;
}
.account-auth-simple textarea {
  min-height: 68px;
}
.account-auth-simple .wide {
  min-height: 42px;
}
.homepage-refined .home-account-entry {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #c2410c !important;
  font-weight: 950;
}
@media (max-width: 980px) {
  .account-auth-two-col {
    grid-template-columns: 1fr;
  }
  .account-login-compact .account-form-body {
    min-height: 0;
  }
}
@media (max-width: 720px) {
  .account-auth-intro {
    align-items: stretch;
    flex-direction: column;
  }
  .account-register-compact .register-grid {
    grid-template-columns: 1fr;
  }
}

/* Customer order detail refinement */
.account-progress-line {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 10px;
}
.account-progress-line span {
  align-items: center;
  color: #667085;
  display: flex;
  font-size: 12px;
  font-weight: 900;
  gap: 8px;
}
.account-progress-line b {
  align-items: center;
  background: #e4ebf2;
  border-radius: 999px;
  color: #475467;
  display: flex;
  flex: 0 0 26px;
  height: 26px;
  justify-content: center;
  width: 26px;
}
.account-progress-line span.done {
  color: #047857;
}
.account-progress-line span.done b {
  background: #ecfdf5;
  color: #047857;
}
.refined-account-detail-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.account-proof-focus-box {
  background: #fbfdff;
}
.account-proof-focus-box .account-proof-card {
  grid-template-columns: 190px 1fr;
}
.account-proof-focus-box .account-proof-card img {
  height: 150px;
  width: 190px;
}
@media (max-width: 720px) {
  .account-progress-line,
  .refined-account-detail-summary,
  .account-proof-focus-box .account-proof-card {
    grid-template-columns: 1fr;
  }
  .account-proof-focus-box .account-proof-card img {
    height: 210px;
    width: 100%;
  }
}

/* box-sales-refine-start */
.homepage-refined .box-price em,
.box-price em {
  color: #9a3412;
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  margin-top: 2px;
}
.homepage-refined .drawer-unit-note,
.drawer-unit-note {
  color: #9a3412;
  display: block;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
  margin-top: 2px;
}
.detail-box-info {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 13px;
  color: #334155;
  margin-top: 12px;
  padding: 12px 14px;
}
.detail-box-info b {
  color: #9a3412;
  display: block;
  font-size: 13px;
  margin-bottom: 7px;
}
.detail-box-info ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
}
.detail-box-info li {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}
.checkout-box-rule {
  display: grid;
  gap: 5px;
}
.checkout-box-rule b {
  color: #047857;
  font-size: 13px;
}
.checkout-box-rule span {
  color: #065f46;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}
.checkout-box-label,
.checkout-unit-price {
  display: block;
  font-style: normal;
  line-height: 1.35;
}
.checkout-box-label {
  color: #334155;
  font-size: 12px;
  font-weight: 900;
  margin-top: 2px;
}
.checkout-unit-price {
  color: #9a3412;
  font-size: 11px;
  font-weight: 850;
  margin-top: 2px;
}
/* box-sales-refine-end */


/* box-sales-simple-start */
.homepage-refined .box-price em,
.box-price em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  margin-top: 2px;
}
.detail-box-info.compact-rule {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  color: #047857;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 10px;
  padding: 8px 12px;
}
.checkout-box-rule {
  gap: 3px;
  padding: 10px 12px;
}
.checkout-box-rule b {
  font-size: 12px;
  line-height: 1.2;
}
.checkout-box-rule span {
  font-size: 12px;
  line-height: 1.3;
}
.checkout-box-label {
  color: #475569;
  font-size: 12px;
  margin-top: 2px;
}
.checkout-unit-price {
  color: #e11d48;
  font-size: 12px;
  margin-top: 2px;
}
/* box-sales-simple-end */

/* category-config-refine-start */
.homepage-refined .refined-categories .category-card {
  align-items: start;
  grid-template-columns: 42px minmax(0, 1fr);
  min-height: 78px;
}
.homepage-refined .refined-categories .category-card b,
.homepage-refined .refined-categories .category-card span:not(.category-visual) {
  grid-column: 2;
}
.homepage-refined .refined-categories .category-card .category-visual {
  align-items: center;
  align-self: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  color: #047857;
  display: inline-flex;
  font-size: 13px;
  font-weight: 950;
  grid-row: 1 / span 2;
  height: 42px;
  justify-content: center;
  overflow: hidden;
  width: 42px;
}
.homepage-refined .refined-categories .category-visual.image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.homepage-refined .refined-categories .category-card:hover .category-visual {
  background: #fff7ed;
  border-color: #fdba74;
  color: #ea580c;
}
@media (max-width: 760px) {
  .homepage-refined .refined-categories .category-card {
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 68px;
    padding: 11px;
  }
  .homepage-refined .refined-categories .category-card .category-visual {
    height: 38px;
    width: 38px;
  }
}
/* category-config-refine-end */







/* product-variant-picker-start */
.variant-picker,
.detail-variant-picker {
  display: grid;
  gap: 6px;
}
.variant-picker span,
.detail-variant-picker span {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}
.variant-picker select,
.detail-variant-picker select {
  appearance: none;
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  color: #101828;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  min-height: 40px;
  padding: 0 12px;
  width: 100%;
}
.homepage-refined .variant-picker select:focus,
.detail-variant-picker select:focus {
  border-color: #ff6a16;
  box-shadow: 0 0 0 3px rgba(255, 106, 22, .14);
  outline: none;
}
/* product-variant-picker-end */

/* product-card-variant-buttons-start */
.variant-single {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #667085;
  display: flex;
  font-size: 12px;
  font-weight: 900;
  justify-content: space-between;
  min-height: 36px;
  padding: 7px 10px;
}
.variant-single b {
  color: #0f172a;
  font-size: 13px;
}
.variant-choice-row {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
}
.variant-choice {
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  color: #0f172a;
  cursor: pointer;
  display: grid;
  flex: 0 0 auto;
  gap: 2px;
  min-width: 92px;
  padding: 7px 9px;
  text-align: left;
}
.variant-choice b {
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}
.variant-choice em {
  color: #e11d48;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
.variant-choice.active {
  background: #fff7ed;
  border-color: #ff6a16;
  box-shadow: 0 0 0 2px rgba(255, 106, 22, .12);
}
/* product-card-variant-buttons-end */

/* product-card-variant-space-trim-start */
.homepage-refined .refined-products .product-card .box-tags {
  display: none;
}
.variant-choice {
  align-items: center;
  min-height: 52px;
}
.variant-choice b {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.variant-choice em {
  display: none;
}
/* product-card-variant-space-trim-end */

/* detail-variant-choice-start */
.detail-variant-picker {
  display: grid;
  gap: 8px;
  margin: 10px 0 12px;
}
.detail-variant-picker > span {
  color: #667085;
  font-size: 13px;
  font-weight: 900;
}
.detail-variant-choice-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.detail-variant-choice {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  color: #0f172a;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  min-height: 52px;
  min-width: 112px;
  padding: 0 14px;
  text-align: center;
}
.detail-variant-choice.active {
  background: #fff7ed;
  border-color: #ff6a16;
  box-shadow: 0 0 0 2px rgba(255, 106, 22, .12);
}
.detail-variant-choice:hover {
  border-color: #ff6a16;
}
/* detail-variant-choice-end */

/* single-variant-visible-start */
.single-variant-choice {
  cursor: default;
  pointer-events: none;
}
.variant-picker-single .variant-choice,
.detail-variant-picker-single .detail-variant-choice {
  background: #fff7ed;
  border-color: #ff6a16;
}
/* single-variant-visible-end */

/* two-level-categories-start */
.category-parent-card {
  align-content: start;
  display: grid;
  gap: 10px;
  padding: 0;
}
.category-main-button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 6px;
  justify-items: center;
  min-height: 100%;
  padding: 14px 12px 10px;
  text-align: center;
  width: 100%;
}
.subcategory-row {
  border-top: 1px solid #e5edf5;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  padding: 0 10px 12px;
}
.subcategory-row button {
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  color: #334155;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  min-height: 30px;
  padding: 0 10px;
}
.subcategory-row button:hover,
.category-main-button:hover b {
  color: #ff6a16;
}
/* two-level-categories-end */

/* category-module-polish-20260812-start */
.refined-categories {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
  display: grid;
  gap: 14px;
  padding: 16px;
}
.category-module-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.category-module-head h2 {
  color: #111827;
  font-size: 22px;
  line-height: 1.15;
  margin: 2px 0 0;
}
.category-module-head > button {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #c2410c;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
  min-height: 36px;
  padding: 0 14px;
}
.category-grid-refined {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.category-parent-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #dde6ee;
  border-radius: 14px;
  box-shadow: none;
  gap: 0;
  min-height: 116px;
  overflow: hidden;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.category-parent-card:hover {
  border-color: #ffbf91;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}
.category-main-button {
  align-items: center;
  grid-template-columns: 42px minmax(0, 1fr);
  justify-items: start;
  min-height: 72px;
  padding: 12px;
  text-align: left;
}
.category-main-button .category-visual {
  height: 42px;
  width: 42px;
}
.category-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.category-copy b,
.category-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-copy b {
  color: #111827;
  font-size: 15px;
}
.category-copy small {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
}
.subcategory-row {
  justify-content: flex-start;
  max-height: 74px;
  overflow: hidden;
  padding: 9px 12px 12px;
}
.subcategory-row button {
  background: #f8fafc;
  border-color: #dbe4ee;
  color: #344054;
  font-size: 11px;
  min-height: 26px;
  padding: 0 9px;
}
.subcategory-row button:hover {
  background: #fff7ed;
  border-color: #ff6a16;
  color: #c2410c;
}
@media (max-width: 1400px) {
  .category-grid-refined { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .category-grid-refined { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-module-head { align-items: start; flex-direction: column; }
}
@media (max-width: 560px) {
  .category-grid-refined { grid-template-columns: 1fr; }
}
/* category-module-polish-20260812-end */

/* compact-home-category-filter-pagination-20260812 */
.homepage-refined .refined-categories {
  background: #fff;
  border: 1px solid #dbe3ee;
  border-radius: 18px;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .06);
  display: grid !important;
  gap: 12px;
  grid-template-columns: 1fr !important;
  margin: 18px 0 28px;
  min-height: 0 !important;
  padding: 18px 20px !important;
}
.homepage-refined .compact-category-head {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.homepage-refined .compact-category-head h2 {
  font-size: 24px;
  line-height: 1.15;
  margin: 2px 0 0;
}
.homepage-refined .category-reset {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #c2410c;
  cursor: pointer;
  font-weight: 900;
  min-height: 38px;
  padding: 0 16px;
}
.homepage-refined .category-pill-row,
.homepage-refined .category-sub-pills {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 6px;
  scrollbar-width: thin;
}
.homepage-refined .category-sub-pills {
  border-top: 1px solid #e5e7eb;
  padding-top: 10px;
}
.homepage-refined .category-pill {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ee;
  border-radius: 999px;
  color: #0f172a;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 900;
  gap: 8px;
  min-height: 40px;
  padding: 0 15px;
  white-space: nowrap;
}
.homepage-refined .category-pill small {
  background: #ecfdf5;
  border-radius: 999px;
  color: #047857;
  font-size: 11px;
  line-height: 1;
  padding: 5px 7px;
}
.homepage-refined .category-pill.active {
  background: #ff6b16;
  border-color: #ff6b16;
  color: #fff;
  box-shadow: 0 10px 24px rgba(249, 115, 22, .22);
}
.homepage-refined .category-pill.active small {
  background: rgba(255, 255, 255, .22);
  color: #fff;
}
.homepage-refined .category-pill.sub {
  min-height: 36px;
  padding: 0 13px;
}
.homepage-refined .refined-product-head {
  align-items: end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.homepage-refined .product-head-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: min(520px, 48vw);
}
.homepage-refined .product-head-actions input {
  background: #fff;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
  font-weight: 800;
  height: 48px;
  padding: 0 15px;
  width: 100%;
}
.homepage-refined .product-head-actions .btn {
  height: 48px;
  min-width: 92px;
}
.homepage-refined .refined-filter-panel {
  align-items: center;
  display: grid !important;
  gap: 10px;
  grid-template-columns: minmax(160px, 220px) minmax(160px, 220px) minmax(180px, 240px);
  justify-content: start;
  margin-bottom: 18px;
  padding: 12px !important;
}
.homepage-refined .refined-filter-panel #storeFilterCategory,
.homepage-refined .refined-filter-panel .filter-submit {
  display: none !important;
}
.homepage-refined .refined-filter-panel select,
.homepage-refined .refined-filter-panel label {
  min-height: 42px !important;
}
.homepage-refined .refined-products {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.homepage-refined .product-empty {
  grid-column: 1 / -1;
  min-height: 140px;
}
.homepage-refined .compact-product-pager {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 18px 0 34px;
}
.homepage-refined .pager-summary {
  color: #64748b;
  font-weight: 900;
}
.homepage-refined .pager-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.homepage-refined .pager-buttons button,
.homepage-refined .pager-ellipsis {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  color: #0f172a;
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-height: 38px;
  min-width: 38px;
  padding: 0 12px;
}
.homepage-refined .pager-buttons button.active {
  background: #ff6b16;
  border-color: #ff6b16;
  color: #fff;
}
.homepage-refined .pager-buttons button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
@media (max-width: 1280px) {
  .homepage-refined .refined-products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 940px) {
  .homepage-refined .refined-product-head,
  .homepage-refined .compact-category-head,
  .homepage-refined .compact-product-pager {
    align-items: stretch;
    flex-direction: column;
  }
  .homepage-refined .product-head-actions {
    min-width: 0;
    width: 100%;
  }
  .homepage-refined .refined-filter-panel {
    grid-template-columns: 1fr;
  }
  .homepage-refined .refined-products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .homepage-refined .refined-categories { padding: 14px !important; }
  .homepage-refined .refined-products { grid-template-columns: 1fr !important; }
  .homepage-refined .product-head-actions { flex-direction: column; }
  .homepage-refined .product-head-actions .btn { width: 100%; }
}
/* compact-home-category-filter-pagination-20260812-end */

/* preorder-flow-20260812 */
.sale-type-tabs {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ee;
  border-radius: 14px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  white-space: nowrap;
}
.sale-type-tabs button {
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: #475569;
  cursor: pointer;
  font-weight: 900;
  min-height: 38px;
  padding: 0 14px;
}
.sale-type-tabs button.active {
  background: #0f172a;
  color: #fff;
}
.product-sale-chip {
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  left: 10px;
  padding: 6px 10px;
  position: absolute;
  top: 10px;
  z-index: 2;
}
.product-sale-chip.ready {
  background: #ecfdf5;
  color: #047857;
}
.product-sale-chip.preorder {
  background: #fff7ed;
  color: #c2410c;
}
.box-price em {
  color: #c2410c;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  margin-top: 4px;
}
.stock-line.preorder {
  background: #fff7ed;
  border-color: #fed7aa;
}
.stock-line.preorder b {
  color: #c2410c;
}
@media (max-width: 940px) {
  .sale-type-tabs { width: 100%; }
  .sale-type-tabs button { flex: 1; }
}
/* preorder-flow-20260812-end */

/* preorder customer payment phase 2 */
.preorder-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.preorder-progress {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.account-payment-action {
  background: #fff7ed;
  border-color: #fed7aa;
}
.account-payment-action.done {
  background: #f8fafc;
  border-color: #e4ebf2;
}
.account-payment-action.done p {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
  margin: 0;
}
.payment-action-head {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.payment-action-head span {
  color: #c2410c;
  display: block;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.payment-action-head h3 {
  color: #101828;
  font-size: 18px;
  margin: 3px 0 5px;
}
.payment-action-head p {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
}
.payment-action-head strong {
  color: #e11d48;
  flex: 0 0 auto;
  font-size: 22px;
  font-weight: 950;
  white-space: nowrap;
}
.account-bank-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 12px;
}
.account-bank-list article {
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 12px;
  padding: 10px 12px;
}
.account-bank-list span,
.account-bank-list b,
.account-bank-list small {
  display: block;
}
.account-bank-list span {
  color: #9a3412;
  font-size: 12px;
  font-weight: 900;
}
.account-bank-list b {
  color: #101828;
  font-size: 20px;
  margin-top: 3px;
}
.account-bank-list small {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  margin-top: 3px;
}
.account-proof-upload {
  display: grid;
  gap: 10px;
}
.account-proof-upload label {
  color: #344054;
  display: grid;
  font-size: 12px;
  font-weight: 950;
  gap: 6px;
}
.account-proof-upload textarea,
.account-proof-upload input[type="file"] {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 11px;
  color: #101828;
  font: inherit;
  min-height: 42px;
  padding: 10px 12px;
}
.account-proof-upload textarea {
  min-height: 74px;
  resize: vertical;
}
@media (max-width: 900px) {
  .preorder-summary-grid,
  .preorder-progress,
  .account-bank-list {
    grid-template-columns: 1fr;
  }
  .payment-action-head {
    display: grid;
  }
}
/* preorder customer payment phase 2 end */

/* preorder front experience refinement */
.preorder-card-info {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 12px;
  display: grid;
  gap: 4px;
  margin-top: 8px;
  padding: 8px 10px;
}
.preorder-card-info span {
  color: #9a3412;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
}
.preorder-detail-flow {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 12px 0;
}
.preorder-detail-flow div {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  padding: 10px;
}
.preorder-detail-flow span,
.preorder-detail-flow small,
.checkout-preorder-line,
.account-upload-preview span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 850;
}
.preorder-detail-flow b {
  color: #e11d48;
  display: block;
  font-size: 18px;
  font-weight: 950;
  margin: 3px 0;
}
.checkout-preorder-line {
  color: #c2410c;
  margin-top: 4px;
}
.account-upload-preview {
  align-items: center;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  min-height: 120px;
  overflow: hidden;
}
.account-upload-preview img {
  display: block;
  max-height: 220px;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 760px) {
  .preorder-detail-flow {
    grid-template-columns: 1fr;
  }
}
/* preorder front experience refinement end */
/* preorder default category 20260813 */
.preorder-default-category-head {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
}
.preorder-default-category-card {
  background: linear-gradient(135deg, #fff7ed 0%, #ecfdf5 100%);
  border: 1px solid #fed7aa;
  border-radius: 14px;
  display: grid;
  gap: 6px;
  margin-top: 12px;
  padding: 14px 16px;
}
.preorder-default-category-card b {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}
.preorder-default-category-card span {
  color: #64748b;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .preorder-default-category-head {
    grid-template-columns: 1fr;
  }
}
/* preorder default category 20260813 end */
/* account preorder balance refinement 20260813 */
.account-status-filter {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.account-status-card {
  min-height: 62px;
  padding: 10px 12px;
}
.account-status-card b {
  font-size: 21px;
}
.account-order-group {
  display: grid;
  gap: 8px;
}
.account-order-group + .account-order-group {
  border-top: 1px solid #edf2f7;
  margin-top: 6px;
  padding-top: 12px;
}
.account-order-group > header {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
}
.account-order-group > header b,
.account-order-group > header span,
.account-order-group > header em {
  display: block;
}
.account-order-group > header b {
  color: #101828;
  font-size: 15px;
}
.account-order-group > header span,
.account-order-group > header em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  margin-top: 2px;
}
.account-order-row.preorder {
  background: linear-gradient(90deg, #fff7ed 0, #fff 28%);
}
.account-order-row.preorder .account-order-main b::before {
  background: #0f172a;
  border-radius: 999px;
  color: #fff;
  content: "PO";
  display: inline-flex;
  font-size: 10px;
  font-weight: 950;
  justify-content: center;
  margin-right: 7px;
  padding: 3px 6px;
  vertical-align: 1px;
}
.account-payment-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
}
.account-transfer-panel h4 {
  color: #101828;
  font-size: 14px;
  margin: 0 0 8px;
}
.account-payment-action.phase-balance {
  background: linear-gradient(135deg, #fff7ed 0, #fff 58%);
  border-color: #fb923c;
}
.account-payment-action.phase-deposit {
  background: linear-gradient(135deg, #ecfdf5 0, #fff 58%);
  border-color: #86efac;
}
.account-upload-preview {
  align-items: center;
  background: #fff;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  min-height: 142px;
  overflow: hidden;
  padding: 8px;
}
.account-upload-preview img {
  border-radius: 10px;
  display: block;
  max-height: 240px;
  max-width: 100%;
  object-fit: contain;
}
.account-proof-card small {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #c2410c;
  display: inline-flex;
  font-size: 11px;
  font-weight: 950;
  margin-bottom: 6px;
  padding: 4px 8px;
}
.account-proof-card.balance small {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
.account-proof-review {
  background: #fff7ed;
  border-radius: 10px;
  color: #9a3412 !important;
  margin-top: 7px !important;
  padding: 7px 8px;
}
@media (max-width: 1120px) {
  .account-status-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .account-payment-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .account-status-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-order-group > header,
  .payment-action-head {
    align-items: stretch;
    display: grid;
  }
}
/* account preorder balance refinement 20260813 end */
/* preorder product card refine 20260813 */
.homepage-refined .product-card.preorder-card { gap: 12px; }
.homepage-refined .product-card.preorder-card h3 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 17px; line-height: 1.3; margin-bottom: 0; min-height: 44px; overflow: hidden; }
.homepage-refined .product-card.preorder-card .product-sale-chip.preorder { background: #fff7ed; border: 1px solid #fed7aa; box-shadow: 0 10px 22px rgba(194, 65, 12, .12); color: #c2410c; left: 12px; top: 12px; }
.homepage-refined .preorder-spec-line { border-top: 1px solid #edf2f7; color: #64748b; font-size: 12px; font-weight: 850; line-height: 1.45; min-height: 34px; overflow: hidden; padding-top: 9px; text-overflow: ellipsis; }
.homepage-refined .preorder-box-label { align-items: center; background: #f8fafc; border: 1px solid #dbe3ee; border-radius: 10px; color: #0f172a; display: inline-flex; font-size: 13px; font-weight: 950; min-height: 34px; padding: 0 11px; width: fit-content; }
.homepage-refined .product-card.preorder-card .variant-picker { gap: 7px; }
.homepage-refined .product-card.preorder-card .variant-picker > span { font-size: 11px; }
.homepage-refined .product-card.preorder-card .box-price { background: linear-gradient(180deg, #fff7ed, #fffaf3); border: 1px solid #fed7aa; border-radius: 12px; padding: 12px 14px; }
.homepage-refined .product-card.preorder-card .box-price small { color: #9a3412; font-size: 12px; font-weight: 950; }
.homepage-refined .product-card.preorder-card .box-price strong { font-size: clamp(24px, 1.55vw, 30px); }
.homepage-refined .product-card.preorder-card .box-price em { color: #475569; font-size: 12px; margin-top: 3px; }
.homepage-refined .product-card.preorder-card .stock-line.preorder { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 10px; min-height: 38px; }
.homepage-refined .product-card.preorder-card .preorder-card-info { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; }
.homepage-refined .product-card.preorder-card .preorder-card-info span { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 10px; color: #9a3412; display: block; font-size: 12px; font-weight: 900; line-height: 1.35; padding: 9px 10px; }
.homepage-refined .product-card.preorder-card .preorder-card-info b { color: #c2410c; display: block; font-size: 10px; font-weight: 950; letter-spacing: .04em; margin-bottom: 2px; text-transform: uppercase; }
.homepage-refined .preorder-buy-row { grid-template-columns: 40px minmax(54px, 1fr) 40px 32px minmax(84px, .95fr); }
.homepage-refined .compact-buy-row .cart-add-icon.preorder-add { width: auto; }
.homepage-refined .cart-add-icon.preorder-add span { color: #fff; display: inline; font-size: 12px; font-weight: 950; line-height: 1; position: static; }
.homepage-refined .cart-add-icon.preorder-add span::before, .homepage-refined .cart-add-icon.preorder-add span::after { content: none; }
@media (max-width: 560px) { .homepage-refined .product-card.preorder-card .preorder-card-info { grid-template-columns: 1fr; } .homepage-refined .preorder-buy-row { grid-template-columns: 38px minmax(48px, 1fr) 38px 28px 78px; } }
/* preorder product card refine 20260813 end */
/* preorder card overflow and button fix 20260813 */
.homepage-refined .refined-products .product-card.preorder-card {
  box-sizing: border-box;
  overflow: hidden;
}
.homepage-refined .product-card.preorder-card > *,
.homepage-refined .product-card.preorder-card .product-media,
.homepage-refined .product-card.preorder-card .product-photo,
.homepage-refined .product-card.preorder-card .square-art,
.homepage-refined .product-card.preorder-card .box-price,
.homepage-refined .product-card.preorder-card .stock-line,
.homepage-refined .product-card.preorder-card .preorder-card-info,
.homepage-refined .product-card.preorder-card .preorder-buy-row {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.homepage-refined .product-card.preorder-card .product-media,
.homepage-refined .product-card.preorder-card .product-photo,
.homepage-refined .product-card.preorder-card .square-art {
  overflow: hidden;
}
.homepage-refined .product-card.preorder-card .product-photo img {
  max-width: 100%;
}
.homepage-refined .product-card.preorder-card .box-price,
.homepage-refined .product-card.preorder-card .stock-line,
.homepage-refined .product-card.preorder-card .preorder-card-info span {
  box-sizing: border-box;
}
.homepage-refined .product-card.preorder-card .preorder-card-info {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.homepage-refined .product-card.preorder-card .preorder-card-info span {
  min-width: 0;
  overflow: hidden;
}
.homepage-refined .preorder-buy-row {
  grid-template-columns: 40px minmax(50px, 1fr) 40px 30px minmax(92px, 108px);
}
.homepage-refined .compact-buy-row .cart-add-icon.preorder-add {
  min-width: 92px;
  padding: 0 10px;
}
.homepage-refined .cart-add-icon.preorder-add span {
  content: normal !important;
  display: inline-flex !important;
  height: auto !important;
  position: static !important;
  width: auto !important;
}
.homepage-refined .cart-add-icon.preorder-add span::before,
.homepage-refined .cart-add-icon.preorder-add span::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 560px) {
  .homepage-refined .preorder-buy-row {
    grid-template-columns: 38px minmax(44px, 1fr) 38px 26px minmax(82px, 92px);
  }
  .homepage-refined .compact-buy-row .cart-add-icon.preorder-add {
    min-width: 82px;
    padding: 0 8px;
  }
}
/* preorder card overflow and button fix 20260813 end */
/* preorder card compact fix 20260813 */
.homepage-refined .product-card.preorder-card {
  gap: 9px;
  padding: 12px;
}
.homepage-refined .product-card.preorder-card h3 {
  font-size: 16px;
  min-height: 40px;
}
.homepage-refined .preorder-spec-line {
  min-height: 28px;
  padding-top: 7px;
  white-space: nowrap;
}
.homepage-refined .preorder-box-label {
  min-height: 30px;
  padding: 0 10px;
}
.homepage-refined .product-card.preorder-card .box-price {
  padding: 10px 12px;
}
.homepage-refined .product-card.preorder-card .box-price strong {
  font-size: 26px;
}
.homepage-refined .product-card.preorder-card .stock-line.preorder {
  min-height: 34px;
  padding: 0 10px;
}
.homepage-refined .product-card.preorder-card .preorder-card-info {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 38px;
  overflow: hidden;
}
.homepage-refined .product-card.preorder-card .preorder-card-info span {
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 11px;
  line-height: 1.25;
  padding: 7px 10px;
}
.homepage-refined .product-card.preorder-card .preorder-card-info span + span {
  border-left: 1px solid #fed7aa;
}
.homepage-refined .product-card.preorder-card .preorder-card-info b {
  font-size: 9px;
  margin-bottom: 1px;
}
.homepage-refined .preorder-buy-row,
.homepage-refined .compact-buy-row.preorder-buy-row {
  gap: 6px;
  grid-template-columns: 38px minmax(48px, 1fr) 38px 28px 46px;
  padding: 7px;
}
.homepage-refined .preorder-buy-row button,
.homepage-refined .preorder-buy-row input {
  min-height: 38px;
}
.homepage-refined .compact-buy-row .cart-add-icon.preorder-add {
  min-width: 0;
  padding: 0;
  width: 46px;
}
.homepage-refined .compact-buy-row .cart-add-icon.preorder-add svg {
  display: block !important;
  height: 22px;
  width: 22px;
}
@media (max-width: 560px) {
  .homepage-refined .preorder-buy-row,
  .homepage-refined .compact-buy-row.preorder-buy-row {
    grid-template-columns: 36px minmax(42px, 1fr) 36px 26px 42px;
  }
  .homepage-refined .compact-buy-row .cart-add-icon.preorder-add {
    width: 42px;
  }
}
/* preorder card compact fix 20260813 end */
/* ready stock product card refine 20260813 */
.homepage-refined .product-card.box-card:not(.preorder-card) { gap: 9px; overflow: hidden; padding: 12px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .product-media { border-radius: 12px; }
.homepage-refined .product-card.box-card:not(.preorder-card) h3 { font-size: 16px; line-height: 1.28; margin: 0; min-height: 40px; }
.homepage-refined .ready-spec-line { border-top: 1px solid #edf2f7; color: #64748b; font-size: 12px; font-weight: 850; line-height: 1.35; min-height: 27px; overflow: hidden; padding-top: 7px; text-overflow: ellipsis; white-space: nowrap; }
.homepage-refined .ready-box-label { align-items: center; background: #f8fafc; border: 1px solid #dbe3ee; border-radius: 10px; color: #0f172a; display: inline-flex; font-size: 13px; font-weight: 950; min-height: 30px; padding: 0 10px; width: 100%; }
.homepage-refined .product-card.box-card:not(.preorder-card) .box-price { padding: 9px 12px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .box-price small { font-size: 12px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .box-price strong { font-size: 24px; margin-top: 1px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .stock-line { min-height: 34px; padding: 0 10px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .stock-line span,
.homepage-refined .product-card.box-card:not(.preorder-card) .stock-line b { font-size: 12px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .compact-buy-row { gap: 6px; grid-template-columns: 38px minmax(48px, 1fr) 38px 28px 46px; padding: 7px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .compact-buy-row button,
.homepage-refined .product-card.box-card:not(.preorder-card) .compact-buy-row input { min-height: 38px; }
.homepage-refined .product-card.box-card:not(.preorder-card) .compact-buy-row .cart-add-icon { width: 46px; }
@media (max-width: 560px) { .homepage-refined .product-card.box-card:not(.preorder-card) .compact-buy-row { grid-template-columns: 36px minmax(42px, 1fr) 36px 26px 42px; } .homepage-refined .product-card.box-card:not(.preorder-card) .compact-buy-row .cart-add-icon { width: 42px; } }
/* ready stock product card refine 20260813 end */
/* independent product detail page 20260813 */
.product-detail-page {
  background: #f3f6f9;
  color: #0f172a;
  min-height: 100vh;
}
.detail-page-header {
  align-items: center;
  background: rgba(255, 255, 255, .92);
  border: 1px solid #e2e8f0;
  border-radius: 0 0 18px 18px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1500px;
  padding: 14px 22px;
  position: sticky;
  top: 0;
  z-index: 20;
}
.detail-page-header .brand {
  align-items: center;
  color: #0f172a;
  display: flex;
  gap: 10px;
  text-decoration: none;
}
.detail-page-header .brand strong {
  display: block;
  font-size: 18px;
}
.detail-page-header .brand span {
  color: #047857;
  font-size: 12px;
  font-weight: 900;
}
.detail-page-header nav {
  align-items: center;
  display: flex;
  gap: 10px;
}
.detail-page-header nav a {
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
  padding: 9px 14px;
  text-decoration: none;
}
.detail-page-shell {
  margin: 22px auto 60px;
  max-width: 1500px;
  padding: 0 18px;
}
.product-detail-layout {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 18px;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .08);
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(360px, .9fr) minmax(420px, 1.1fr);
  padding: 24px;
}
.detail-page-gallery .detail-main-image {
  border-radius: 16px;
}
.detail-page-info {
  display: grid;
  gap: 14px;
  padding: 4px 4px 4px 0;
}
.detail-page-info h1 {
  color: #0f172a;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1.08;
  margin: 0;
}
.detail-page-info p {
  color: #64748b;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}
.detail-page-info .detail-specs {
  margin-top: 4px;
}
.product-detail-page .detail-price {
  margin: 0;
}
.product-detail-page .detail-actions .btn {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 48px;
  text-decoration: none;
}
.product-detail-page .detail-note {
  margin: 0;
}
@media (max-width: 980px) {
  .product-detail-layout {
    grid-template-columns: 1fr;
  }
  .detail-page-header {
    align-items: stretch;
    display: grid;
    gap: 12px;
  }
  .detail-page-header nav {
    overflow-x: auto;
  }
}
@media (max-width: 560px) {
  .detail-page-shell {
    padding: 0 10px;
  }
  .product-detail-layout {
    padding: 12px;
  }
  .detail-page-info h1 {
    font-size: 26px;
  }
}
/* independent product detail page 20260813 end */
/* product detail seo extras 20260813 */
.detail-breadcrumb {
  align-items: center;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 850;
  gap: 8px;
  margin: 0 0 14px;
}
.detail-breadcrumb a {
  color: #047857;
  text-decoration: none;
}
.detail-breadcrumb b {
  color: #0f172a;
}
.detail-related-products {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 18px;
  box-shadow: 0 16px 46px rgba(15, 23, 42, .055);
  margin-top: 22px;
  padding: 22px;
}
.detail-related-head {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.detail-related-head span {
  color: #047857;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.detail-related-head h2 {
  color: #0f172a;
  font-size: 24px;
  margin: 4px 0 0;
}
.detail-related-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.detail-related-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  color: #0f172a;
  display: grid;
  gap: 8px;
  padding: 10px;
  text-decoration: none;
}
.detail-related-card:hover {
  border-color: #ff6a16;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}
.detail-related-card img {
  aspect-ratio: 1 / 1;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  object-fit: contain;
  width: 100%;
}
.detail-related-card b {
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.3;
  min-height: 36px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.detail-related-card small {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-related-card strong {
  color: #e11d48;
  font-size: 18px;
  font-weight: 950;
}
@media (max-width: 980px) {
  .detail-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .detail-related-products {
    padding: 14px;
  }
  .detail-related-grid {
    grid-template-columns: 1fr;
  }
}
/* product detail seo extras 20260813 end */
/* homepage category split 20260813 */
.home-landing-page .refined-main {
  max-width: 1580px;
}
.home-top-category-nav {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .055);
  display: flex;
  gap: 10px;
  margin: 14px auto 0;
  max-width: 1580px;
  overflow-x: auto;
  padding: 10px 14px;
}
.home-top-category-nav a {
  align-items: center;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  color: #0f172a;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 950;
  gap: 7px;
  min-height: 38px;
  padding: 0 16px;
  text-decoration: none;
}
.home-top-category-nav a.active,
.home-top-category-nav a:hover {
  background: #fff7ed;
  border-color: #fdba74;
  color: #c2410c;
}
.home-top-category-nav small {
  background: #dcfce7;
  border-radius: 999px;
  color: #047857;
  min-width: 20px;
  padding: 2px 6px;
  text-align: center;
}
.home-promo-hero {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #f8fffb 58%, #fff7ed 100%);
  border: 1px solid #dfe7ee;
  border-radius: 22px;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .08);
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(360px, .95fr) minmax(420px, 1.05fr);
  margin-top: 18px;
  padding: clamp(26px, 4vw, 56px);
}
.home-hero-copy {
  display: grid;
  gap: 18px;
}
.home-hero-copy h1 {
  color: #0f172a;
  font-size: clamp(38px, 4.3vw, 72px);
  line-height: 1.02;
  margin: 0;
  max-width: 760px;
}
.home-hero-copy p {
  color: #64748b;
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
  max-width: 680px;
}
.home-hero-image {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  overflow: hidden;
}
.home-hero-image img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}
.home-banner-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
}
.home-banner-card {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .055);
  color: #0f172a;
  display: grid;
  gap: 7px;
  min-height: 138px;
  padding: 20px;
  text-decoration: none;
}
.home-banner-card span,
.home-section-head .eyebrow {
  color: #047857;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-banner-card b {
  font-size: 22px;
  line-height: 1.2;
}
.home-banner-card small {
  color: #64748b;
  font-size: 14px;
  font-weight: 800;
}
.preorder-banner {
  background: #fff7ed;
  border-color: #fed7aa;
}
.promo-banner {
  background: #f0fdf4;
  border-color: #bbf7d0;
}
.home-category-showcase,
.home-product-section,
.home-order-flow {
  margin-top: 28px;
}
.home-section-head {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.home-section-head h2 {
  color: #0f172a;
  font-size: clamp(26px, 2.4vw, 38px);
  margin: 3px 0 0;
}
.home-section-head a {
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  color: #0f172a;
  font-weight: 950;
  padding: 10px 16px;
  text-decoration: none;
}
.home-category-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-category-card {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .055);
  padding: 14px;
}
.home-category-main {
  color: #0f172a;
  display: grid;
  gap: 6px;
  grid-template-columns: 54px 1fr;
  text-decoration: none;
}
.home-category-main span {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  color: #047857;
  display: flex;
  font-weight: 950;
  grid-row: span 2;
  justify-content: center;
  min-height: 54px;
}
.home-category-main b {
  font-size: 18px;
}
.home-category-main small {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}
.home-category-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.home-category-card div a {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 10px;
  text-decoration: none;
}
.home-feature-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-product-card {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .055);
  display: grid;
  gap: 10px;
  padding: 12px;
}
.home-product-card a {
  color: #0f172a;
  display: grid;
  gap: 7px;
  text-decoration: none;
}
.home-product-card img {
  aspect-ratio: 1 / 1;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  object-fit: contain;
  width: 100%;
}
.home-product-card span {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  color: #047857;
  font-size: 11px;
  font-weight: 950;
  justify-self: start;
  padding: 5px 9px;
}
.home-product-card b {
  display: -webkit-box;
  font-size: 16px;
  line-height: 1.3;
  min-height: 42px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-product-card small,
.home-product-card em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-product-card strong {
  color: #e11d48;
  font-size: 22px;
  font-weight: 950;
}
.home-product-card button {
  background: #ff6a16;
  border: 0;
  border-radius: 11px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 950;
  min-height: 40px;
}
.home-empty-card {
  background: #ffffff;
  border: 1px dashed #cbd5e1;
  border-radius: 16px;
  color: #64748b;
  font-weight: 900;
  padding: 24px;
}
.category-page-hero {
  background: linear-gradient(135deg, #ffffff, #f0fdf4);
  border: 1px solid #dfe7ee;
  border-radius: 20px;
  box-shadow: 0 18px 54px rgba(15, 23, 42, .06);
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding: 28px;
}
.category-page-hero h1 {
  color: #0f172a;
  font-size: clamp(32px, 3vw, 54px);
  line-height: 1.06;
  margin: 0;
}
.category-page-hero p {
  color: #64748b;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  max-width: 820px;
}
@media (max-width: 1100px) {
  .home-promo-hero,
  .home-banner-grid,
  .home-category-grid,
  .home-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .home-promo-hero,
  .home-banner-grid,
  .home-category-grid,
  .home-feature-grid {
    grid-template-columns: 1fr;
  }
  .home-section-head {
    align-items: stretch;
    display: grid;
    gap: 10px;
  }
}
/* homepage category split 20260813 end */
/* homepage managed media 20260813 */
.home-banner-card { overflow: hidden; position: relative; }
.home-banner-card > img { width: 100%; height: 132px; object-fit: cover; border-radius: 12px; border: 1px solid #e5edf6; background: #f8fafc; margin-bottom: 12px; }
.home-banner-card:has(> img) { padding-top: 14px; }
.home-banner-card:has(> img) b { font-size: 19px; }
/* homepage managed media 20260813 end */

/* homepage final polish 20260813 */
.home-shell {
  max-width: 1760px;
}
.store-header {
  backdrop-filter: blur(14px);
}
.top-category-nav {
  gap: 8px;
}
.top-category-nav a {
  min-height: 38px;
}
.home-promo-hero {
  align-items: center;
  gap: 26px;
  grid-template-columns: minmax(440px, .92fr) minmax(520px, 1.08fr);
  padding: clamp(26px, 3vw, 54px);
}
.home-hero-copy h1 {
  max-width: 720px;
}
.home-hero-copy p {
  max-width: 690px;
}
.home-hero-image img {
  max-height: 430px;
  object-fit: contain;
}
.home-banner-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-banner-card {
  min-height: 168px;
}
.home-banner-card > img {
  height: 116px;
}
.home-category-grid {
  grid-template-columns: repeat(4, minmax(240px, 1fr));
}
.home-category-card {
  min-height: 132px;
}
.home-feature-grid {
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
}
.home-product-card {
  align-content: start;
  min-height: 0;
}
.home-product-card img {
  max-height: 230px;
}
.home-product-card b {
  font-size: 15px;
  min-height: 39px;
}
.home-product-card strong {
  font-size: 20px;
}
.home-product-card button {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 1500px) {
  .home-feature-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 1180px) {
  .home-promo-hero {
    grid-template-columns: 1fr;
  }
  .home-banner-grid,
  .home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .home-shell {
    padding-inline: 12px;
  }
  .home-promo-hero {
    border-radius: 18px;
    gap: 18px;
    padding: 20px;
  }
  .home-banner-grid,
  .home-category-grid,
  .home-feature-grid {
    grid-template-columns: 1fr;
  }
  .home-section-head h2 {
    font-size: 24px;
  }
  .home-banner-card {
    min-height: 0;
  }
}
/* homepage final polish 20260813 end */

/* managed home module ordering 20260813 */
.home-landing-main {
  display: flex;
  flex-direction: column;
}
.home-promo-hero,
.home-banner-grid,
.home-category-showcase,
.home-product-section,
.home-order-flow {
  min-width: 0;
}
/* managed home module ordering 20260813 end */

/* ecommerce homepage refinement 20260814 */
.home-landing-page {
  background: #f4f7fa;
}
.home-landing-page .refined-main,
.home-top-category-nav,
.home-header {
  max-width: 1680px;
}
.home-landing-page .refined-main {
  gap: 0;
  padding-top: 14px;
}
.home-header {
  border-radius: 0 0 20px 20px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
  margin-top: 0;
}
.home-top-category-nav {
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
  margin-top: 10px;
  padding: 8px 12px;
}
.home-top-category-nav a {
  min-height: 34px;
  padding: 0 14px;
}
.home-promo-hero {
  background: linear-gradient(120deg, #ffffff 0%, #ffffff 48%, #eefdf5 100%);
  border-radius: 18px;
  gap: clamp(22px, 3vw, 52px);
  grid-template-columns: minmax(420px, .9fr) minmax(520px, 1.1fr);
  margin-top: 12px;
  overflow: hidden;
  padding: clamp(24px, 3vw, 44px);
  position: relative;
}
.home-promo-hero::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(16, 185, 129, .08));
  content: "";
  inset: auto 0 0 0;
  height: 42%;
  pointer-events: none;
  position: absolute;
}
.home-hero-copy {
  gap: 14px;
  position: relative;
  z-index: 1;
}
.home-hero-copy .badge {
  justify-self: start;
}
.home-hero-copy h1 {
  font-size: clamp(34px, 3.4vw, 58px);
  line-height: 1.04;
  max-width: 680px;
}
.home-hero-copy p {
  font-size: 16px;
  line-height: 1.58;
  max-width: 640px;
}
.home-hero-copy .actions {
  gap: 10px;
  margin-top: 2px;
}
.home-hero-copy .btn {
  min-height: 44px;
  padding-inline: 18px;
}
.home-promo-hero .hero-metrics {
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 4px;
  max-width: 520px;
}
.home-promo-hero .hero-metrics div {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: none;
  min-height: 70px;
  padding: 12px;
}
.home-hero-image {
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .72);
  min-height: 340px;
  position: relative;
  z-index: 1;
}
.home-hero-image img {
  aspect-ratio: 16 / 10;
  max-height: 420px;
  object-fit: cover;
}
.home-service-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 12px;
}
.home-service-strip div {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .045);
  display: grid;
  gap: 3px;
  min-height: 76px;
  padding: 14px 16px;
}
.home-service-strip b {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
}
.home-service-strip span {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}
.home-banner-grid {
  gap: 12px;
  grid-template-columns: 1.25fr .875fr .875fr;
  margin-top: 16px;
}
.home-banner-card {
  border-radius: 14px;
  min-height: 126px;
  padding: 18px;
}
.home-banner-card b {
  font-size: 20px;
}
.home-banner-card small {
  line-height: 1.45;
}
.home-banner-card > img {
  height: 110px;
  margin-bottom: 10px;
}
.home-category-showcase,
.home-product-section,
.home-order-flow {
  margin-top: 22px;
}
.home-section-head {
  margin-bottom: 10px;
}
.home-section-head h2 {
  font-size: clamp(24px, 2vw, 34px);
}
.home-section-head a {
  min-height: 38px;
  padding: 8px 14px;
}
.home-category-grid {
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-category-card {
  border-radius: 14px;
  min-height: 0;
  padding: 12px;
}
.home-category-main {
  align-items: center;
  grid-template-columns: 46px 1fr;
}
.home-category-main span {
  border-radius: 12px;
  min-height: 46px;
}
.home-category-main b {
  font-size: 17px;
}
.home-category-main small {
  display: -webkit-box;
  line-height: 1.25;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.home-category-card div {
  gap: 6px;
  margin-top: 10px;
  max-height: 34px;
  overflow: hidden;
}
.home-category-card div a {
  font-size: 11px;
  padding: 6px 9px;
}
.home-feature-grid {
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.home-product-card {
  border-radius: 14px;
  gap: 8px;
  min-height: 0;
  padding: 10px;
  position: relative;
}
.home-product-card:hover {
  border-color: #fdba74;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .09);
  transform: translateY(-1px);
}
.home-product-card a {
  gap: 6px;
}
.home-product-card img {
  border-radius: 12px;
  max-height: none;
}
.home-product-card span {
  font-size: 10px;
  padding: 4px 8px;
}
.home-product-card b {
  display: -webkit-box;
  font-size: 15px;
  line-height: 1.28;
  min-height: 38px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-product-card small {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
  min-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-product-card strong {
  color: #e11d48;
  font-size: 19px;
  line-height: 1;
}
.home-product-card em {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #047857;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  padding: 7px 9px;
}
.home-product-card button {
  background: #ff6b14;
  border: 0;
  border-radius: 11px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 950;
  min-height: 40px;
  padding: 0 12px;
}
.preorder-home-section .home-product-card em,
.preorder-home-section .home-product-card span {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}
.home-order-flow {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
  padding: 20px;
}
.home-order-flow .flow-grid {
  gap: 10px;
}
.home-order-flow article {
  min-height: 116px;
  padding: 14px;
}
@media (max-width: 1360px) {
  .home-promo-hero {
    grid-template-columns: minmax(360px, .95fr) minmax(420px, 1.05fr);
  }
  .home-feature-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .home-promo-hero {
    grid-template-columns: 1fr;
  }
  .home-banner-grid,
  .home-service-strip,
  .home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .home-landing-page .refined-main {
    padding-inline: 12px;
  }
  .home-promo-hero {
    border-radius: 16px;
    gap: 16px;
    padding: 18px;
  }
  .home-hero-copy h1 {
    font-size: 30px;
  }
  .home-promo-hero .hero-metrics,
  .home-service-strip,
  .home-banner-grid,
  .home-category-grid,
  .home-feature-grid {
    grid-template-columns: 1fr;
  }
  .home-hero-image {
    min-height: 220px;
  }
  .home-hero-image img {
    max-height: 260px;
  }
  .home-section-head {
    align-items: stretch;
    display: grid;
    gap: 8px;
  }
  .home-product-card {
    grid-template-columns: 112px 1fr;
  }
  .home-product-card a {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 112px 1fr;
  }
  .home-product-card img {
    grid-row: span 6;
  }
  .home-product-card button {
    grid-column: 2;
  }
}
/* ecommerce homepage refinement 20260814 end */
/* commerce homepage v2 formal 20260814 */
.commerce-v2-page {
  background: #f4f7fa;
}
.commerce-v2-topbar {
  background: #0f172a;
  border: 0;
  border-radius: 0;
  color: #e5edf6;
  margin: 0;
  max-width: none;
  min-height: 36px;
  padding: 8px 20px;
}
.commerce-v2-topbar b {
  color: #86efac;
}
.commerce-v2-header {
  border-radius: 0 0 18px 18px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
  max-width: 100%;
  padding-left: max(24px, calc((100vw - 1580px) / 2));
  padding-right: max(24px, calc((100vw - 1580px) / 2));
}
.commerce-v2-header nav {
  gap: 10px;
}
.commerce-v2-header nav a {
  white-space: nowrap;
}
.commerce-v2-main {
  display: grid;
  gap: 18px;
  max-width: 1580px;
  padding-top: 18px;
}
.commerce-v2-hero-shell {
  display: grid;
  gap: 16px;
  grid-template-columns: 300px minmax(0, 1fr) 300px;
}
.commerce-v2-category-menu,
.commerce-v2-hero-main,
.commerce-v2-buyer-panel,
.commerce-v2-op-card,
.commerce-v2-section,
.commerce-v2-consult {
  background: #ffffff;
  border: 1px solid #dfe7ee;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}
.commerce-v2-category-menu,
.commerce-v2-buyer-panel {
  align-content: start;
  display: grid;
  gap: 10px;
  padding: 16px;
}
.commerce-v2-eyebrow {
  color: #047857;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  margin: 0 0 4px;
  text-transform: uppercase;
}
.commerce-v2-category-skeleton,
.commerce-v2-cat-group {
  border-bottom: 1px solid #eef2f7;
  display: grid;
  gap: 8px;
  padding: 12px 0;
}
.commerce-v2-cat-group:last-child {
  border-bottom: 0;
}
.commerce-v2-cat-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.commerce-v2-cat-title b {
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
}
.commerce-v2-cat-title span {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}
.commerce-v2-cat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.commerce-v2-cat-tags a {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 10px;
}
.commerce-v2-hero-main {
  background: linear-gradient(120deg, #ffffff 0%, #ffffff 45%, #e9fff5 100%);
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(320px, .9fr) minmax(340px, 1.1fr);
  margin-top: 0;
  min-height: 460px;
  overflow: hidden;
  padding: 34px;
}
.commerce-v2-hero-main::after {
  display: none;
}
.commerce-v2-hero-copy {
  align-content: center;
  gap: 16px;
}
.commerce-v2-hero-copy h1 {
  font-size: clamp(38px, 3.4vw, 56px);
  line-height: 1.04;
  max-width: 620px;
}
.commerce-v2-hero-copy p {
  font-size: 16px;
  line-height: 1.62;
  max-width: 560px;
}
.commerce-v2-metrics {
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 2px;
  max-width: 520px;
}
.commerce-v2-metrics div {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  min-height: 70px;
  padding: 12px;
}
.commerce-v2-hero-image {
  align-self: center;
  border-radius: 18px;
}
.commerce-v2-hero-image img {
  aspect-ratio: 4 / 3;
  max-height: none;
  object-fit: cover;
}
.commerce-v2-info-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 13px;
  display: grid;
  gap: 5px;
  padding: 14px;
}
.commerce-v2-info-card.hot {
  background: #fff7ed;
  border-color: #fed7aa;
}
.commerce-v2-info-card b {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
}
.commerce-v2-info-card span {
  color: #64748b;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}
.commerce-v2-operation-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.3fr 1fr 1fr;
  margin-top: 0;
}
.commerce-v2-op-card,
.commerce-v2-operation-grid .home-banner-card {
  border-radius: 16px;
  min-height: 132px;
  padding: 20px;
}
.commerce-v2-operation-grid .home-banner-card b {
  font-size: 24px;
  line-height: 1.15;
}
.commerce-v2-operation-grid .home-banner-card small {
  font-size: 14px;
  line-height: 1.45;
}
.commerce-v2-section {
  margin-top: 0;
  padding: 20px;
}
.commerce-v2-preorder-section {
  background: #fffaf3;
  border-color: #fed7aa;
}
.commerce-v2-section-head {
  margin-bottom: 14px;
}
.commerce-v2-section-head h2 {
  font-size: clamp(26px, 2vw, 34px);
}
.commerce-v2-section-head a {
  min-height: 40px;
}
.commerce-v2-products {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.commerce-v2-products .home-product-card {
  border-radius: 14px;
  box-shadow: none;
  gap: 9px;
  padding: 10px;
}
.commerce-v2-products .home-product-card:hover {
  border-color: #fdba74;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .09);
  transform: translateY(-1px);
}
.commerce-v2-products .home-product-card img {
  border-radius: 12px;
}
.commerce-v2-products .home-product-card b {
  font-size: 16px;
  line-height: 1.25;
  min-height: 40px;
}
.commerce-v2-products .home-product-card strong {
  font-size: 22px;
}
.commerce-v2-products .home-product-card em {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #047857;
  padding: 8px 9px;
}
.commerce-v2-products .home-product-card button {
  min-height: 42px;
}
.commerce-v2-preorder-section .home-product-card,
.commerce-v2-preorder-section .home-product-card em,
.commerce-v2-preorder-section .home-product-card span {
  border-color: #fed7aa;
}
.commerce-v2-preorder-section .home-product-card span,
.commerce-v2-preorder-section .home-product-card em {
  background: #fff7ed;
  color: #c2410c;
}
.commerce-v2-order-flow {
  margin-top: 0;
}
.commerce-v2-consult {
  align-items: center;
  background: #0f172a;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 22px 24px;
}
.commerce-v2-consult h2 {
  color: #ffffff;
  font-size: 28px;
  margin: 0 0 6px;
}
.commerce-v2-consult p {
  color: #cbd5e1;
  font-weight: 800;
  margin: 0;
}
.commerce-v2-consult .btn {
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .commerce-v2-hero-shell {
    grid-template-columns: 280px 1fr;
  }
  .commerce-v2-buyer-panel {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .commerce-v2-buyer-panel .commerce-v2-eyebrow {
    grid-column: 1 / -1;
  }
}
@media (max-width: 1080px) {
  .commerce-v2-header {
    grid-template-columns: 1fr;
  }
  .commerce-v2-hero-shell,
  .commerce-v2-hero-main,
  .commerce-v2-operation-grid {
    grid-template-columns: 1fr;
  }
  .commerce-v2-buyer-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .commerce-v2-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .commerce-v2-main {
    padding-inline: 12px;
  }
  .commerce-v2-header {
    padding-left: 12px;
    padding-right: 12px;
  }
  .commerce-v2-hero-main {
    min-height: 0;
    padding: 20px;
  }
  .commerce-v2-hero-copy h1 {
    font-size: 31px;
  }
  .commerce-v2-metrics,
  .commerce-v2-buyer-panel,
  .commerce-v2-products {
    grid-template-columns: 1fr;
  }
  .commerce-v2-consult {
    align-items: flex-start;
    display: grid;
    gap: 16px;
  }
}
/* commerce homepage v2 formal 20260814 end */
/* commerce homepage v2 layout fix 20260814 */
.commerce-v2-hero-shell {
  align-items: stretch;
  grid-template-areas: "category hero buyer";
  grid-template-columns: 290px minmax(0, 1fr) 290px;
}
.commerce-v2-category-menu {
  grid-area: category;
  min-height: 420px;
}
.commerce-v2-hero-main {
  grid-area: hero;
  min-height: 420px;
  order: 0 !important;
}
.commerce-v2-buyer-panel {
  grid-area: buyer;
  min-height: 420px;
}
.commerce-v2-hero-copy h1 {
  font-size: clamp(34px, 3vw, 50px);
}
.commerce-v2-hero-image img {
  height: 100%;
  min-height: 300px;
}
.commerce-v2-info-card {
  min-height: 0;
}
.commerce-v2-buyer-panel {
  gap: 9px;
}
@media (max-width: 1280px) {
  .commerce-v2-hero-shell {
    grid-template-areas:
      "category hero"
      "buyer buyer";
    grid-template-columns: 280px minmax(0, 1fr);
  }
  .commerce-v2-category-menu,
  .commerce-v2-hero-main,
  .commerce-v2-buyer-panel {
    min-height: 0;
  }
}
@media (max-width: 1080px) {
  .commerce-v2-hero-shell {
    grid-template-areas:
      "hero"
      "category"
      "buyer";
    grid-template-columns: 1fr;
  }
}
/* commerce homepage v2 layout fix 20260814 end */
/* homepage v2 refine 5-col and category links 20260814 */
.commerce-v2-hero-shell {
  align-items: start;
  grid-template-columns: 282px minmax(0, 1fr) 282px;
}
.commerce-v2-category-menu,
.commerce-v2-buyer-panel {
  min-height: 0;
}
.commerce-v2-category-menu {
  padding: 14px;
}
.commerce-v2-cat-group {
  gap: 9px;
  padding: 13px 0;
}
.commerce-v2-cat-title {
  border-radius: 10px;
  margin: -4px -5px 0;
  padding: 4px 5px;
}
.commerce-v2-cat-title:hover {
  background: #f8fafc;
}
.commerce-v2-cat-title b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commerce-v2-cat-title span {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  white-space: nowrap;
}
.commerce-v2-cat-title span i {
  color: #ff6b14;
  font-style: normal;
  font-weight: 950;
}
.commerce-v2-cat-tags {
  gap: 8px;
}
.commerce-v2-cat-tags a {
  line-height: 1;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.commerce-v2-cat-tags a:hover {
  background: #fff7ed;
  border-color: #fdba74;
  color: #c2410c;
}
.commerce-v2-products {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.commerce-v2-products .home-product-card {
  gap: 7px;
  padding: 9px;
}
.commerce-v2-products .home-product-card img {
  max-height: 180px;
}
.commerce-v2-products .home-product-card b {
  font-size: 14px;
  line-height: 1.25;
  min-height: 35px;
}
.commerce-v2-products .home-product-card small {
  font-size: 11px;
  min-height: 14px;
}
.commerce-v2-products .home-product-card strong {
  font-size: 19px;
}
.commerce-v2-products .home-product-card em {
  font-size: 11px;
  padding: 7px 8px;
}
.commerce-v2-products .home-product-card button {
  min-height: 38px;
}
@media (max-width: 1480px) {
  .commerce-v2-products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1080px) {
  .commerce-v2-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .commerce-v2-products {
    grid-template-columns: 1fr !important;
  }
}
/* homepage v2 refine 5-col and category links 20260814 end */
/* commerce homepage v4 wholesale 20260814 */
.commerce-v4-page {
  background: #eef3f7;
  color: #101828;
}
.commerce-v4-shell {
  width: min(1680px, calc(100% - 56px));
  margin: 0 auto;
}
.commerce-v4-topbar {
  background: #101827;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  border: 0;
  padding: 0;
}
.commerce-v4-topbar .commerce-v4-shell {
  min-height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 44px;
  white-space: nowrap;
  overflow-x: auto;
}
.commerce-v4-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  border-bottom: 1px solid #dbe4ee;
  box-shadow: 0 8px 22px rgba(16, 24, 40, .05);
  border-radius: 0;
  max-width: none;
  margin: 0;
  padding: 0;
}
.commerce-v4-header-grid {
  min-height: 86px;
  display: grid;
  grid-template-columns: 230px 1fr auto;
  gap: 22px;
  align-items: center;
}
.commerce-v4-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.commerce-v4-brand-mark {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #15955d;
  color: #fff;
  font-size: 23px;
  font-weight: 900;
}
.commerce-v4-brand b {
  display: block;
  font-size: 24px;
  line-height: 1;
}
.commerce-v4-brand small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 14px;
  font-weight: 900;
}
.commerce-v4-search-bar {
  display: grid;
  grid-template-columns: 1fr 110px;
  min-width: 0;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.commerce-v4-search-bar input {
  border: 0;
  outline: 0;
  min-height: 56px;
  padding: 0 20px;
  font-size: 17px;
  color: #101828;
  background: #fff;
}
.commerce-v4-search-bar button,
.commerce-v4-primary,
.commerce-v4-page .btn.primary {
  border: 0;
  background: #ff6a16;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  border-radius: 8px;
}
.commerce-v4-search-bar button { border-radius: 0; }
.commerce-v4-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 900;
  white-space: nowrap;
}
.commerce-v4-nav a {
  font-size: 15px;
  color: #101828;
}
.commerce-v4-login {
  color: #c2410c !important;
  background: #fff4e8;
  padding: 7px 9px;
  border-radius: 6px;
}
.commerce-v4-cart {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: #101827;
  color: #fff;
  padding: 13px 16px;
  border-radius: 8px;
  font-weight: 900;
}
.commerce-v4-cart b {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #ff6a16;
  font-size: 12px;
}
.commerce-v4-main {
  display: block;
  padding: 24px 0 70px;
  max-width: none;
  width: 100%;
}
.commerce-v4-market-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 20px;
  align-items: stretch;
}
.commerce-v4-hero-banner {
  min-height: 430px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
  margin: 0;
  padding: 0;
}
.commerce-v4-hero-banner::after { display: none; }
.commerce-v4-hero-copy {
  padding: 42px 44px;
  display: grid;
  align-content: center;
}
.commerce-v4-label-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
.commerce-v4-label {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #b8f0d4;
  background: #e9fbf2;
  color: #00856f;
  font-size: 13px;
  font-weight: 900;
}
.commerce-v4-label.orange {
  border-color: #fed7aa;
  background: #fff4e8;
  color: #c2410c;
}
.commerce-v4-hero-copy h1 {
  margin: 0;
  max-width: 720px;
  font-size: clamp(42px, 4.1vw, 70px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: 0;
}
.commerce-v4-hero-copy p {
  margin: 20px 0 24px;
  max-width: 700px;
  color: #64748b;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 800;
}
.commerce-v4-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.commerce-v4-page .btn,
.commerce-v4-primary,
.commerce-v4-secondary {
  min-height: 48px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: 900;
}
.commerce-v4-secondary,
.commerce-v4-page .btn.outline {
  border: 1px solid #dbe4ee;
  background: #fff;
  color: #101828;
}
.commerce-v4-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 540px;
}
.commerce-v4-hero-stats div {
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #f8fafc;
  padding: 14px 16px;
}
.commerce-v4-hero-stats b {
  display: block;
  color: #00856f;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 6px;
}
.commerce-v4-hero-stats span {
  color: #64748b;
  font-size: 13px;
  font-weight: 900;
}
.commerce-v4-hero-image {
  position: relative;
  min-height: 100%;
  background: linear-gradient(135deg, #eefbf5, #fff);
  border-left: 1px solid #dbe4ee;
  display: grid;
  place-items: center;
  padding: 28px;
}
.commerce-v4-hero-image img {
  width: min(96%, 480px);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(16, 24, 40, .15);
}
.commerce-v4-side-ads {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 0;
}
.commerce-v4-side-ad {
  min-height: 134px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
  padding: 22px;
  display: grid;
  align-content: center;
}
.commerce-v4-side-ad.orange { border-color: #fed7aa; background: #fff4e8; }
.commerce-v4-side-ad.green { border-color: #b8f0d4; background: #e9fbf2; }
.commerce-v4-side-ad img { width: 100%; max-height: 96px; object-fit: cover; border-radius: 8px; margin-bottom: 10px; }
.commerce-v4-side-ad b {
  display: block;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 8px;
}
.commerce-v4-side-ad span {
  color: #64748b;
  line-height: 1.45;
  font-weight: 800;
}
.commerce-v4-category-shop,
.commerce-v4-section {
  margin-top: 22px;
}
.commerce-v4-category-shop {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
  padding: 22px;
}
.commerce-v4-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.commerce-v4-section-head.compact { margin-bottom: 12px; }
.commerce-v4-section-head .eyebrow,
.commerce-v4-page .eyebrow {
  margin: 0 0 6px;
  color: #00856f;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-size: 13px;
  font-weight: 900;
}
.commerce-v4-section-head h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.1;
}
.commerce-v4-section-head p {
  margin: 8px 0 0;
  color: #64748b;
  font-weight: 800;
}
.commerce-v4-view-all {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #ffb783;
  border-radius: 999px;
  background: #fff4e8;
  padding: 0 14px;
  color: #c2410c;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
}
.commerce-v4-category-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.commerce-v4-category-card {
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fbfdff;
  padding: 18px;
}
.commerce-v4-category-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.commerce-v4-category-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #e9fbf2;
  border: 1px solid #b8f0d4;
  color: #00856f;
  font-weight: 900;
  flex: 0 0 auto;
}
.commerce-v4-category-title b {
  display: block;
  font-size: 22px;
}
.commerce-v4-category-title small {
  display: block;
  color: #64748b;
  font-size: 13px;
  font-weight: 900;
  margin-top: 3px;
}
.commerce-v4-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.commerce-v4-tag-list a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  background: #fff;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 900;
}
.commerce-v4-tag-list a:hover {
  border-color: #ffb783;
  background: #fff4e8;
  color: #c2410c;
}
.commerce-v4-product-toolbar {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.commerce-v4-segmented {
  display: flex;
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  padding: 4px;
}
.commerce-v4-segmented a {
  min-height: 42px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  border-radius: 7px;
  font-weight: 900;
  color: #64748b;
}
.commerce-v4-segmented a.active {
  background: #101827;
  color: #fff;
}
.commerce-v4-mini-filter,
.commerce-v4-mini-search {
  height: 52px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
  padding: 0 16px;
  font-weight: 900;
  color: #64748b;
}
.commerce-v4-mini-search {
  min-width: 260px;
  color: #101828;
}
.commerce-v4-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.commerce-v4-product-card {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(16, 24, 40, .06);
  padding: 12px;
  display: grid;
  gap: 10px;
  min-width: 0;
}
.commerce-v4-product-image {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
}
.commerce-v4-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.commerce-v4-pre-label {
  position: absolute;
  top: 10px;
  left: 10px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #fed7aa;
  background: #fff4e8;
  color: #c2410c;
  font-size: 12px;
  font-weight: 900;
  z-index: 1;
}
.commerce-v4-product-card h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.25;
  min-height: 42px;
}
.commerce-v4-product-meta {
  color: #64748b;
  font-size: 13px;
  font-weight: 900;
  min-height: 18px;
}
.commerce-v4-box-chip {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  padding: 0 12px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #f8fafc;
  font-size: 13px;
  font-weight: 900;
}
.commerce-v4-price-box {
  border: 1px solid #fed7aa;
  background: #fff4e8;
  border-radius: 8px;
  padding: 11px 12px;
}
.commerce-v4-price-box span {
  display: block;
  color: #9a3412;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 4px;
}
.commerce-v4-price-box b {
  display: block;
  color: #e11d48;
  font-size: 24px;
  line-height: 1;
}
.commerce-v4-stock-box {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  border: 1px solid #dbe4ee;
  background: #f8fafc;
  border-radius: 8px;
  padding: 9px 11px;
  color: #64748b;
  font-size: 13px;
  font-weight: 900;
}
.commerce-v4-stock-box b { color: #00856f; }
.commerce-v4-buy-box {
  display: grid;
  grid-template-columns: 36px 1fr 36px 38px 46px;
  gap: 6px;
  align-items: center;
  border: 1px solid #dbe4ee;
  background: #f8fafc;
  border-radius: 8px;
  padding: 8px;
}
.commerce-v4-buy-box button,
.commerce-v4-buy-box input {
  height: 36px;
  border-radius: 8px;
  border: 1px solid #dbe4ee;
  background: #fff;
  text-align: center;
  font-weight: 900;
  min-width: 0;
}
.commerce-v4-buy-box span {
  color: #64748b;
  font-weight: 900;
  text-align: center;
  font-size: 13px;
}
.commerce-v4-buy-box .add {
  border: 0;
  background: #ff6a16;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.commerce-v4-promo-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 22px;
}
.commerce-v4-promo-card {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
}
.commerce-v4-promo-card b {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.commerce-v4-promo-card span {
  display: block;
  color: #64748b;
  font-weight: 800;
  line-height: 1.45;
}
.commerce-v4-preorder-section {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 18px;
  align-items: stretch;
  margin-top: 22px;
}
.commerce-v4-preorder-info {
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff4e8;
  padding: 24px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
}
.commerce-v4-preorder-info h2 {
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.12;
}
.commerce-v4-preorder-info p {
  color: #64748b;
  font-weight: 800;
  line-height: 1.55;
  margin: 0 0 18px;
}
.commerce-v4-order-flow {
  margin-top: 22px;
}
.commerce-v4-order-flow .flow-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.commerce-v4-order-flow article {
  border: 1px solid #dbe4ee;
  background: #fff;
  border-radius: 8px;
  padding: 18px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
}
.commerce-v4-order-flow article b {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #ff6a16;
  color: #fff;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 10px;
}
.commerce-v4-order-flow article strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}
.commerce-v4-order-flow article span {
  color: #64748b;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}
.commerce-v4-page footer {
  margin-top: 34px;
  padding: 28px 0;
  color: #64748b;
  text-align: center;
  font-weight: 800;
  display: grid;
  gap: 6px;
}
@media (max-width: 1380px) {
  .commerce-v4-market-grid { grid-template-columns: 1fr; }
  .commerce-v4-side-ads { grid-template-columns: repeat(3, 1fr); }
  .commerce-v4-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .commerce-v4-promo-strip { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1040px) {
  .commerce-v4-shell { width: min(100% - 28px, 100%); }
  .commerce-v4-header-grid { grid-template-columns: 1fr; padding: 14px 0; }
  .commerce-v4-nav { overflow-x: auto; padding-bottom: 4px; }
  .commerce-v4-hero-banner,
  .commerce-v4-category-row,
  .commerce-v4-preorder-section { grid-template-columns: 1fr; }
  .commerce-v4-hero-image { border-left: 0; border-top: 1px solid #dbe4ee; }
  .commerce-v4-side-ads,
  .commerce-v4-product-grid,
  .commerce-v4-order-flow .flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commerce-v4-product-toolbar { grid-template-columns: 1fr; }
  .commerce-v4-mini-search { min-width: 0; }
}
@media (max-width: 620px) {
  .commerce-v4-topbar .commerce-v4-shell { justify-content: flex-start; }
  .commerce-v4-search-bar { grid-template-columns: 1fr 78px; }
  .commerce-v4-hero-copy { padding: 28px 22px; }
  .commerce-v4-hero-copy h1 { font-size: 38px; }
  .commerce-v4-hero-stats,
  .commerce-v4-side-ads,
  .commerce-v4-product-grid,
  .commerce-v4-promo-strip,
  .commerce-v4-order-flow .flow-grid { grid-template-columns: 1fr; }
  .commerce-v4-section-head { align-items: flex-start; flex-direction: column; }
}
/* commerce homepage v4 wholesale 20260814 end */

/* commerce homepage v4 polish 20260814 */
.commerce-v4-page {
  background: linear-gradient(180deg, #eef3f7 0, #eaf1f6 520px, #eef3f7 100%);
}
.commerce-v4-main {
  padding-top: 18px;
}
.commerce-v4-market-grid {
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 16px;
}
.commerce-v4-hero-banner {
  min-height: 388px;
}
.commerce-v4-hero-copy {
  padding: 34px 38px;
}
.commerce-v4-hero-copy h1 {
  max-width: 620px;
  font-size: clamp(40px, 3.55vw, 62px);
}
.commerce-v4-hero-copy p {
  margin: 16px 0 20px;
  font-size: 16px;
  line-height: 1.55;
}
.commerce-v4-hero-actions {
  margin-bottom: 18px;
}
.commerce-v4-hero-image {
  padding: 24px;
}
.commerce-v4-hero-image img {
  width: min(88%, 420px);
}
.commerce-v4-side-ads {
  gap: 12px;
}
.commerce-v4-side-ad {
  min-height: 118px;
  padding: 18px;
}
.commerce-v4-side-ad img {
  max-height: 72px;
  object-fit: cover;
  object-position: center;
}
.commerce-v4-side-ad b {
  font-size: 20px;
}
.commerce-v4-category-shop {
  margin-top: 16px;
  padding: 20px;
}
.commerce-v4-category-card {
  min-height: 122px;
}
.commerce-v4-section {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: rgba(255,255,255,.58);
}
.commerce-v4-section .commerce-v4-product-grid {
  min-height: 0;
}
.commerce-v4-section-head {
  margin-bottom: 12px;
}
.commerce-v4-section-head h2 {
  font-size: 30px;
}
.commerce-v4-section-head p {
  font-size: 14px;
}
.commerce-v4-product-toolbar {
  margin-bottom: 14px;
}
.commerce-v4-product-grid {
  align-items: stretch;
}
.commerce-v4-product-card {
  gap: 8px;
  padding: 10px;
}
.commerce-v4-product-card h3 {
  font-size: 15px;
  min-height: 38px;
}
.commerce-v4-product-meta {
  font-size: 12px;
  min-height: 16px;
}
.commerce-v4-box-chip {
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
}
.commerce-v4-price-box {
  padding: 9px 10px;
}
.commerce-v4-price-box b {
  font-size: 22px;
}
.commerce-v4-stock-box {
  padding: 8px 10px;
  font-size: 12px;
}
.commerce-v4-buy-box {
  grid-template-columns: 34px 1fr 34px 32px 42px;
  padding: 7px;
}
.commerce-v4-buy-box button,
.commerce-v4-buy-box input {
  height: 34px;
}
.commerce-v4-promo-strip {
  margin-top: 16px;
}
.commerce-v4-promo-card {
  padding: 16px;
}
.commerce-v4-preorder-section {
  grid-template-columns: 300px 1fr;
  gap: 16px;
  margin-top: 18px;
  align-items: start;
}
.commerce-v4-preorder-info {
  padding: 20px;
  min-height: 100%;
}
.commerce-v4-preorder-info h2 {
  font-size: 26px;
}
.commerce-v4-preorder-info p {
  font-size: 14px;
}
.commerce-v4-preorder-section > div {
  padding: 18px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: rgba(255,255,255,.58);
}
.commerce-v4-order-flow {
  margin-top: 18px;
}
.commerce-v4-order-flow article {
  padding: 16px;
}
@media (min-width: 1381px) {
  .commerce-v4-promo-products .commerce-v4-product-grid,
  .commerce-v4-preorder-section .commerce-v4-product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 1380px) {
  .commerce-v4-market-grid { grid-template-columns: 1fr; }
  .commerce-v4-side-ads { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 620px) {
  .commerce-v4-section,
  .commerce-v4-preorder-section > div { padding: 12px; }
}
/* commerce homepage v4 polish 20260814 end */

/* homepage product card template 20260814 */
.commerce-v4-product-grid {
  gap: 18px;
  align-items: stretch;
}
.commerce-v4-product-card {
  border-radius: 8px;
  border: 1px solid #d8e2ee;
  background: #fff;
  padding: 16px;
  gap: 12px;
  box-shadow: 0 12px 28px rgba(16, 24, 40, .07);
  align-content: start;
}
.commerce-v4-product-image {
  border-radius: 8px;
  border: 1px solid #d8e2ee;
  aspect-ratio: 1 / 1;
  background: #fff;
}
.commerce-v4-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.commerce-v4-pre-label {
  top: 12px;
  left: 12px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 13px;
}
.commerce-v4-product-card h3 {
  margin: 0;
  min-height: 56px;
  font-size: 22px;
  line-height: 1.16;
  letter-spacing: 0;
}
.commerce-v4-product-card h3 a {
  color: #101828;
}
.commerce-v4-product-meta {
  min-height: 22px;
  color: #667085;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 900;
}
.commerce-v4-box-chip {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #d8e2ee;
  background: #f8fbff;
  color: #101828;
  font-size: 16px;
  font-weight: 900;
}
.commerce-v4-price-box {
  border-radius: 8px;
  border: 1px solid #ffc98f;
  background: #fff4e8;
  padding: 16px;
}
.commerce-v4-price-box span {
  margin-bottom: 6px;
  color: #9a3412;
  font-size: 15px;
  font-weight: 900;
}
.commerce-v4-price-box b {
  color: #e11d48;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0;
}
.commerce-v4-stock-box {
  min-height: 52px;
  border-radius: 8px;
  border: 1px solid #d8e2ee;
  background: #f8fbff;
  padding: 0 16px;
  color: #667085;
  font-size: 16px;
  font-weight: 900;
}
.commerce-v4-stock-box b {
  color: #00856f;
  font-size: 16px;
}
.commerce-v4-buy-box {
  min-height: 58px;
  grid-template-columns: 48px minmax(70px, 1fr) 48px 48px 58px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #d8e2ee;
  background: #f8fbff;
  padding: 10px;
}
.commerce-v4-buy-box button,
.commerce-v4-buy-box input {
  height: 48px;
  border-radius: 8px;
  border: 1px solid #d8e2ee;
  background: #fff;
  color: #101828;
  font-size: 21px;
  font-weight: 900;
}
.commerce-v4-buy-box input {
  width: 100%;
  font-size: 22px;
}
.commerce-v4-buy-box span {
  color: #667085;
  font-size: 16px;
  font-weight: 900;
}
.commerce-v4-buy-box .add {
  border: 0;
  background: #ff6a16;
  color: #fff;
  font-size: 24px;
}
.commerce-v4-preorder-section .commerce-v4-product-card {
  border-color: #ffd2a6;
}
.commerce-v4-preorder-section .commerce-v4-stock-box,
.commerce-v4-preorder-section .commerce-v4-price-box {
  border-color: #ffc98f;
  background: #fff4e8;
}
@media (max-width: 1380px) {
  .commerce-v4-product-card h3 { font-size: 20px; }
  .commerce-v4-price-box b { font-size: 28px; }
  .commerce-v4-buy-box { grid-template-columns: 42px minmax(60px, 1fr) 42px 40px 52px; }
  .commerce-v4-buy-box button,
  .commerce-v4-buy-box input { height: 42px; }
}
@media (max-width: 620px) {
  .commerce-v4-product-card { padding: 14px; }
  .commerce-v4-product-card h3 { font-size: 20px; min-height: auto; }
  .commerce-v4-product-meta { font-size: 14px; }
  .commerce-v4-price-box b { font-size: 28px; }
}
/* homepage product card template 20260814 end */

/* homepage product card hard fix 20260814 */
.commerce-v4-page .commerce-v4-product-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
  overflow: visible;
}
.commerce-v4-page .commerce-v4-product-card,
.commerce-v4-page .commerce-v4-product-card * {
  box-sizing: border-box;
}
.commerce-v4-page .commerce-v4-product-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-content: start !important;
  border-radius: 8px !important;
  padding: 16px !important;
}
.commerce-v4-page .commerce-v4-product-card > * {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.commerce-v4-page .commerce-v4-product-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  flex: none !important;
}
.commerce-v4-page .commerce-v4-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 0 !important;
}
.commerce-v4-page .commerce-v4-product-card h3 {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  min-height: 56px !important;
  overflow: hidden !important;
}
.commerce-v4-page .commerce-v4-product-card h3 a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  width: 100% !important;
  color: #101828 !important;
  text-decoration: none !important;
}
.commerce-v4-page .commerce-v4-product-meta,
.commerce-v4-page .commerce-v4-box-chip,
.commerce-v4-page .commerce-v4-price-box,
.commerce-v4-page .commerce-v4-stock-box,
.commerce-v4-page .commerce-v4-buy-box {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}
.commerce-v4-page .commerce-v4-box-chip {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  justify-self: start !important;
  white-space: nowrap !important;
}
.commerce-v4-page .commerce-v4-price-box {
  display: block !important;
  overflow: hidden !important;
}
.commerce-v4-page .commerce-v4-price-box span,
.commerce-v4-page .commerce-v4-stock-box span {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.commerce-v4-page .commerce-v4-price-box b {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  overflow-wrap: anywhere !important;
}
.commerce-v4-page .commerce-v4-stock-box {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}
.commerce-v4-page .commerce-v4-buy-box {
  display: grid !important;
  grid-template-columns: 48px minmax(58px, 1fr) 48px 44px 58px !important;
  overflow: hidden !important;
}
.commerce-v4-page .commerce-v4-buy-box button,
.commerce-v4-page .commerce-v4-buy-box input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
}
.commerce-v4-page .commerce-v4-buy-box span {
  display: grid !important;
  place-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
@media (max-width: 1380px) {
  .commerce-v4-page .commerce-v4-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .commerce-v4-page .commerce-v4-buy-box { grid-template-columns: 42px minmax(54px, 1fr) 42px 38px 52px !important; }
}
@media (max-width: 1040px) {
  .commerce-v4-page .commerce-v4-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
  .commerce-v4-page .commerce-v4-product-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .commerce-v4-page .commerce-v4-product-card { padding: 14px !important; }
}
/* homepage product card hard fix 20260814 end */

/* homepage real product cards 20260814 */
.commerce-v4-page .commerce-v4-product-grid {
  align-items: stretch;
}
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card > * {
  max-width: 100%;
}
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .product-media,
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .product-photo,
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .square-art {
  box-sizing: border-box;
  width: 100%;
}
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .box-price,
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .stock-line,
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .box-qty-row {
  box-sizing: border-box;
  width: 100%;
}
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .variant-choice-row {
  display: flex;
  flex-wrap: wrap;
}
.commerce-v4-page .commerce-v4-product-grid .product-card.box-card .cart-add-icon svg {
  display: block;
  height: 20px;
  margin: auto;
  width: 20px;
}
/* homepage real product cards 20260814 end */

/* homepage preorder compact band 20260814 */
.commerce-v4-page .commerce-v4-preorder-section {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-top: 16px !important;
  padding: 18px !important;
  border: 1px solid #fed7aa !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #fff7ed 0%, #fffdf8 46%, #f8fbff 100%) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
  overflow: hidden !important;
}
.commerce-v4-page .commerce-v4-preorder-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 0 !important;
  padding: 20px !important;
  border: 1px solid #fed7aa !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.commerce-v4-page .commerce-v4-preorder-info .eyebrow {
  margin: 0 0 8px !important;
}
.commerce-v4-page .commerce-v4-preorder-info h2 {
  margin: 0 0 10px !important;
  font-size: 26px !important;
  line-height: 1.12 !important;
  max-width: 220px !important;
}
.commerce-v4-page .commerce-v4-preorder-info p:not(.eyebrow) {
  margin: 0 0 18px !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
}
.commerce-v4-page .commerce-v4-preorder-info .commerce-v4-primary {
  width: fit-content !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.commerce-v4-page .commerce-v4-preorder-section > div {
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 12px !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head {
  margin: 0 !important;
  padding: 4px 2px 0 !important;
  align-items: center !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head h2 {
  font-size: 28px !important;
  line-height: 1.15 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head .eyebrow {
  margin-bottom: 4px !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-product-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(224px, 260px)) !important;
  justify-content: start !important;
  align-items: stretch !important;
  gap: 14px !important;
  overflow: visible !important;
}
.commerce-v4-page .commerce-v4-preorder-section .product-card.box-card {
  width: 100% !important;
  max-width: 260px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .product-media {
  aspect-ratio: 1 / 1 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .box-price,
.commerce-v4-page .commerce-v4-preorder-section .stock-line,
.commerce-v4-page .commerce-v4-preorder-section .preorder-card-info {
  border-color: #fed7aa !important;
}
.commerce-v4-page .commerce-v4-preorder-section .home-empty-card {
  min-height: 136px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px dashed #fed7aa !important;
}
@media (max-width: 1040px) {
  .commerce-v4-page .commerce-v4-preorder-section {
    grid-template-columns: 1fr !important;
  }
  .commerce-v4-page .commerce-v4-preorder-info {
    min-height: 0 !important;
  }
  .commerce-v4-page .commerce-v4-preorder-info h2 {
    max-width: none !important;
  }
  .commerce-v4-page .commerce-v4-preorder-section .commerce-v4-product-grid {
    display: flex !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
    scroll-snap-type: x proximity;
  }
  .commerce-v4-page .commerce-v4-preorder-section .product-card.box-card {
    flex: 0 0 246px !important;
    scroll-snap-align: start;
  }
}
@media (max-width: 620px) {
  .commerce-v4-page .commerce-v4-preorder-section {
    padding: 14px !important;
    border-radius: 14px !important;
  }
  .commerce-v4-page .commerce-v4-preorder-info {
    padding: 16px !important;
  }
  .commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head {
    flex-direction: row !important;
  }
  .commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head h2 {
    font-size: 23px !important;
  }
}
/* homepage preorder compact band 20260814 end */

/* homepage preorder batch final polish 20260814 */
.commerce-v4-page .commerce-v4-preorder-section {
  order: 28 !important;
  display: grid !important;
  grid-template-columns: 270px minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 16px !important;
  margin-top: 18px !important;
  border: 1px solid #fed7aa !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #fff7ed 0%, #fffaf3 44%, #f8fbff 100%) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .07) !important;
}
.commerce-v4-page .commerce-v4-preorder-info {
  min-height: 0 !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #fed7aa !important;
  box-shadow: none !important;
}
.commerce-v4-page .commerce-v4-preorder-info h2 {
  max-width: none !important;
  margin: 0 0 10px !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
}
.commerce-v4-page .commerce-v4-preorder-info p:not(.eyebrow) {
  margin: 0 0 16px !important;
  color: #7c2d12 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 900 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 2px 0 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head h2 {
  margin: 0 !important;
  font-size: 27px !important;
  line-height: 1.12 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head p {
  margin: 5px 0 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .commerce-v4-product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  overflow: visible !important;
}
.commerce-v4-page .commerce-v4-preorder-section .product-card.box-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .preorder-empty-card {
  grid-column: 1 / -1 !important;
  min-height: 112px !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px dashed #fed7aa !important;
  color: #101828 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .preorder-empty-card b,
.commerce-v4-page .commerce-v4-preorder-section .preorder-empty-card span,
.commerce-v4-page .commerce-v4-preorder-section .preorder-empty-card a {
  display: block !important;
}
.commerce-v4-page .commerce-v4-preorder-section .preorder-empty-card span {
  color: #64748b !important;
  font-weight: 800 !important;
}
.commerce-v4-page .commerce-v4-preorder-section .preorder-empty-card a {
  width: fit-content !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  background: #ff6a16 !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
@media (max-width: 1380px) {
  .commerce-v4-page .commerce-v4-preorder-section .commerce-v4-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1040px) {
  .commerce-v4-page .commerce-v4-preorder-section {
    grid-template-columns: 1fr !important;
  }
  .commerce-v4-page .commerce-v4-preorder-section .commerce-v4-product-grid {
    display: flex !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
    scroll-snap-type: x proximity !important;
  }
  .commerce-v4-page .commerce-v4-preorder-section .product-card.box-card {
    flex: 0 0 250px !important;
    scroll-snap-align: start !important;
  }
}
@media (max-width: 620px) {
  .commerce-v4-page .commerce-v4-preorder-section {
    padding: 12px !important;
    gap: 12px !important;
  }
  .commerce-v4-page .commerce-v4-preorder-info {
    padding: 14px !important;
  }
  .commerce-v4-page .commerce-v4-preorder-section .commerce-v4-section-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
/* homepage preorder batch final polish 20260814 end */

/* homepage image-only ad slots 20260814 */
.commerce-v4-page .commerce-v4-hero-image {
  padding: 0 !important;
  overflow: hidden !important;
  border-left: 1px solid #dbe4ee !important;
  background: #f8fafc !important;
  display: block !important;
  text-decoration: none !important;
}
.commerce-v4-page .commerce-v4-hero-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.commerce-v4-page .commerce-v4-side-ad.image-only-ad {
  padding: 0 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 7 !important;
  display: block !important;
  background: #f8fafc !important;
  border-color: #dbe4ee !important;
}
.commerce-v4-page .commerce-v4-side-ad.image-only-ad img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.commerce-v4-page .commerce-v4-side-ad.image-only-ad b,
.commerce-v4-page .commerce-v4-side-ad.image-only-ad span,
.commerce-v4-page .commerce-v4-side-ad.image-only-ad small {
  display: none !important;
}
@media (max-width: 1380px) {
  .commerce-v4-page .commerce-v4-side-ad.image-only-ad {
    aspect-ratio: 16 / 6 !important;
  }
}
@media (max-width: 1040px) {
  .commerce-v4-page .commerce-v4-hero-image {
    border-left: 0 !important;
    border-top: 1px solid #dbe4ee !important;
    aspect-ratio: 16 / 9 !important;
  }
  .commerce-v4-page .commerce-v4-side-ad.image-only-ad {
    aspect-ratio: 16 / 8 !important;
  }
}
@media (max-width: 620px) {
  .commerce-v4-page .commerce-v4-side-ad.image-only-ad,
  .commerce-v4-page .commerce-v4-hero-image {
    aspect-ratio: 16 / 9 !important;
  }
}
/* homepage image-only ad slots 20260814 end */

/* checkout-flow visual polish 20260814 */
.cart-page-grid,
.checkout-main,
.account-compact-wrap {
  max-width: 1540px;
}
.checkout-topbar,
.account-compact-topbar,
.site-header.ecommerce-header {
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}
.site-header.ecommerce-header nav,
.checkout-nav,
.account-compact-topnav {
  gap: 8px;
}
.site-header.ecommerce-header nav a,
.checkout-nav a,
.account-compact-topnav a {
  border-radius: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.site-header.ecommerce-header nav a:hover,
.checkout-nav a:hover,
.account-compact-topnav a:hover {
  background: #f8fafc;
  color: #ff6a16;
}
.top-notice {
  background: #101827;
  color: #fff;
}
.compact-page-hero,
.checkout-title-card,
.account-overview-strip {
  border-radius: 18px;
  border: 1px solid #dbe4ee;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .06);
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 58%, #ecfdf5 100%);
}
.cart-page-grid {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
}
.cart-panel,
.cart-summary-panel,
.checkout-card,
.account-card {
  border-radius: 16px;
  border-color: #dbe4ee;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}
.modern-cart-line {
  grid-template-columns: 92px minmax(0, 1fr) auto 140px 82px;
  gap: 16px;
  align-items: center;
  padding: 14px;
  border: 1px solid #dbe4ee;
  border-radius: 14px;
  margin-bottom: 12px;
  background: #fff;
}
.modern-cart-line .cart-line-art {
  width: 92px;
  height: 92px;
  border-radius: 12px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e5edf6;
}
.modern-cart-line .cart-line-art::before {
  display: none;
}
.modern-cart-line .cart-line-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.modern-cart-line .cart-line-info {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.modern-cart-line .cart-line-info b {
  font-size: 18px;
  line-height: 1.25;
}
.modern-cart-line .cart-line-info span,
.modern-cart-line .cart-line-info small {
  color: #64748b;
  font-weight: 800;
}
.modern-cart-line .cart-line-info strong {
  color: #e11d48;
  font-size: 18px;
}
.modern-cart-line .cart-line-total {
  font-size: 18px;
  color: #101827;
  text-align: right;
}
.cart-summary-panel .summary small {
  grid-column: 1 / -1;
  color: #64748b;
  font-weight: 800;
  margin-top: 6px;
}
.checkout-layout-onepage {
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 18px;
}
.checkout-card-head,
.account-card-head {
  padding-bottom: 12px;
  border-bottom: 1px solid #e5edf6;
}
.checkout-order-item {
  border-radius: 14px;
  border: 1px solid #dbe4ee;
  padding: 12px;
  background: #fff;
}
.checkout-proof-preview {
  background: #f8fafc;
}
.account-compact-layout {
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
}
.account-compact-sidebar,
.account-content-compact .account-card,
.account-side-stack-compact .account-card {
  border-radius: 16px;
}
@media (max-width: 1100px) {
  .cart-page-grid,
  .checkout-layout-onepage,
  .account-compact-layout {
    grid-template-columns: 1fr;
  }
  .checkout-summary-card {
    position: static;
  }
  .modern-cart-line {
    grid-template-columns: 84px minmax(0, 1fr);
  }
  .modern-cart-line .qty,
  .modern-cart-line .cart-line-total,
  .modern-cart-line .remove-btn {
    grid-column: 2;
    justify-self: start;
  }
}
@media (max-width: 720px) {
  .checkout-topbar,
  .account-compact-topbar,
  .site-header.ecommerce-header {
    border-radius: 0 0 14px 14px;
  }
  .site-header.ecommerce-header nav,
  .checkout-nav,
  .account-compact-topnav {
    overflow-x: auto;
    justify-content: flex-start;
    width: 100%;
  }
  .modern-cart-line {
    grid-template-columns: 76px minmax(0, 1fr);
    padding: 10px;
  }
  .modern-cart-line .cart-line-art {
    width: 76px;
    height: 76px;
  }
}
/* checkout-flow visual polish 20260814 end */
/* product variant strip card 20260814 */
.product-card.box-card > .stock-line {
  display: none !important;
}
.product-card.box-card .product-media-link {
  color: inherit;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.product-card.box-card .product-media-link:hover {
  border-color: #ff6a16;
  box-shadow: 0 10px 24px rgba(255, 106, 22, .12);
}
.product-card.box-card {
  cursor: default !important;
}
.variant-strip-picker {
  gap: 6px !important;
  margin: 8px 0 10px !important;
}
.variant-strip-picker > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}
.variant-strip-row {
  display: grid !important;
  gap: 6px !important;
  overflow: visible !important;
  padding: 0 !important;
}
.variant-strip-choice {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 8px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 34px !important;
  min-width: 0 !important;
  padding: 7px 10px !important;
  width: 100% !important;
}
.variant-strip-choice b {
  color: #101827 !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.variant-strip-choice small {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  gap: 4px;
  white-space: nowrap;
}
.variant-strip-choice small strong {
  color: #008a63;
  font-size: 12px;
}
.variant-strip-choice.active {
  background: #fff7ed !important;
  border-color: #ff6a16 !important;
  box-shadow: 0 0 0 2px rgba(255, 106, 22, .12) !important;
}
.product-card.box-card .box-price {
  margin-top: 8px !important;
}
@media (max-width: 620px) {
  .variant-strip-choice {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
}
/* product variant strip card 20260814 end */
/* Customer center ecommerce refinement */
.account-compact-wrap {
  max-width: 1520px;
}
.account-compact-layout {
  grid-template-columns: 1fr;
}
.account-compact-sidebar {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 12px 14px;
  position: static;
}
.account-profile-mini {
  border-bottom: 0;
  min-width: 260px;
  padding-bottom: 0;
}
.account-side-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  margin-top: 0;
}
.account-side-nav a,
.account-side-nav button {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  min-height: 36px;
  padding: 0 12px;
}
.account-overview-strip {
  background: linear-gradient(135deg, #fff 0%, #fff 68%, #ecfdf5 100%);
  padding: 14px 16px;
}
.account-overview-strip h1 {
  font-size: 24px;
}
.account-status-filter {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
.account-kpi-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.account-kpi-grid article {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  padding: 13px 14px;
}
.account-kpi-grid span,
.account-kpi-grid small {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 900;
}
.account-kpi-grid b {
  color: #101828;
  display: block;
  font-size: 22px;
  line-height: 1;
  margin: 7px 0 6px;
}
.account-order-tabs {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 8px;
}
.account-order-tabs .account-status-card {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
}
.account-order-tabs .account-status-card span {
  font-size: 13px;
  text-transform: none;
}
.account-order-tabs .account-status-card b {
  background: #ecfdf5;
  border-radius: 999px;
  color: #047857;
  font-size: 12px;
  min-width: 24px;
  padding: 4px 7px;
  text-align: center;
}
.account-order-tabs .account-status-card.active b {
  background: #ff6a16;
  color: #fff;
}
.account-alert-compact article {
  padding: 10px 12px;
}
.account-content-compact {
  grid-template-columns: minmax(0, 1fr) 360px;
}
.account-orders-compact {
  overflow: hidden;
}
.account-order-list-compact {
  gap: 12px;
  padding: 12px;
}
.account-order-group {
  display: grid;
  gap: 8px;
}
.account-order-group > header {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
}
.account-order-group > header b,
.account-order-group > header span,
.account-order-group > header em {
  display: block;
}
.account-order-group > header b {
  color: #101828;
  font-size: 15px;
}
.account-order-group > header span,
.account-order-group > header em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  margin-top: 2px;
}
.account-order-group-list {
  display: grid;
  gap: 8px;
}
.account-order-row {
  grid-template-columns: minmax(260px, 1.3fr) 130px 150px minmax(210px, .9fr) 78px;
  min-height: 82px;
  padding: 10px 12px;
}
.account-order-main .account-order-type {
  color: #07835f;
  font-size: 11px;
  font-weight: 950;
  margin: 0 0 4px;
  text-transform: uppercase;
}
.account-order-main b {
  font-size: 16px;
}
.account-order-main small {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 850;
  margin-top: 4px;
}
.account-order-money b {
  font-size: 17px;
}
.account-side-stack-compact {
  gap: 12px;
  position: sticky;
  top: 86px;
}
.account-address-summary-compact {
  gap: 10px;
  padding: 14px;
}
.account-address-user {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  padding: 10px;
}
.account-address-user b,
.account-address-user span,
.account-address-line small,
.account-address-line strong,
.account-address-mini span {
  display: block;
}
.account-address-line {
  border-top: 1px solid #edf2f7;
  padding-top: 10px;
}
.account-address-line small,
.account-address-mini span {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}
.account-address-line strong {
  color: #101828;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 4px;
}
.account-address-mini {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
}
.account-address-mini span {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 10px;
  padding: 9px;
}
.account-drawer-panel {
  max-width: 760px;
  width: min(760px, 100%);
}
.account-detail-items th,
.account-detail-items td {
  padding: 10px 8px;
}
.account-detail-product {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 58px minmax(0, 1fr);
}
.account-detail-product img,
.account-item-noimage {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  display: flex;
  height: 58px;
  justify-content: center;
  object-fit: contain;
  width: 58px;
}
.account-item-noimage {
  color: #667085;
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 1120px) {
  .account-content-compact,
  .account-kpi-grid {
    grid-template-columns: 1fr 1fr;
  }
  .account-side-stack-compact {
    position: static;
  }
  .account-order-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
@media (max-width: 760px) {
  .account-compact-sidebar,
  .account-side-nav,
  .account-alert-compact article {
    align-items: stretch;
    flex-direction: column;
  }
  .account-content-compact,
  .account-kpi-grid,
  .account-address-mini {
    grid-template-columns: 1fr;
  }
  .account-order-tabs {
    margin-left: -2px;
    margin-right: -2px;
  }
}

/* customer-order-detail-v2-start */
.account-drawer-panel {
  max-width: 860px;
  width: min(860px, 100%);
}
.account-drawer-panel header {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
}
.account-drawer-body {
  background: #f4f6f8;
  gap: 10px;
  padding: 12px;
}
.account-detail-hero {
  align-items: center;
  background: #fff;
  border: 1px solid #e4ebf2;
  border-left: 5px solid #ff6a16;
  border-radius: 14px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 14px;
}
.account-detail-hero.preorder {
  background: linear-gradient(135deg, #fff 0%, #fff7ed 100%);
}
.account-detail-hero span,
.account-detail-hero p,
.account-detail-next small {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 900;
}
.account-detail-hero h3 {
  color: #101828;
  font-size: 22px;
  line-height: 1.1;
  margin: 4px 0;
}
.account-detail-next {
  background: #101828;
  border-radius: 12px;
  color: #fff;
  min-width: 190px;
  padding: 11px 13px;
  text-align: right;
}
.account-detail-next small {
  color: rgba(255,255,255,.68);
}
.account-detail-next b {
  display: block;
  font-size: 15px;
  margin-top: 4px;
}
.account-progress-line {
  background: #fff;
  border-radius: 14px;
  padding: 12px;
}
.account-progress-line span {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  justify-content: center;
  min-height: 42px;
  padding: 8px;
}
.account-progress-line span.done {
  background: #ecfdf5;
  border-color: #bbf7d0;
}
.refined-account-detail-summary {
  background: transparent;
  border: 0;
  padding: 0;
}
.refined-account-detail-summary div {
  background: #fff;
  border-color: #e4ebf2;
  padding: 12px 13px;
}
.account-payment-action {
  background: #fff;
  padding: 0;
  overflow: hidden;
}
.payment-action-head {
  align-items: center;
  background: #fff7ed;
  border-bottom: 1px solid #fed7aa;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 14px;
}
.payment-action-head span {
  color: #c2410c;
  display: block;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.payment-action-head h3 {
  font-size: 20px;
  margin: 4px 0 5px;
}
.payment-action-head p {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
}
.payment-action-head strong {
  color: #e11d48;
  flex: 0 0 auto;
  font-size: 24px;
  font-weight: 950;
}
.payment-done-state {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 13px;
  display: grid;
  gap: 4px;
  padding: 12px;
}
.payment-done-state b {
  color: #047857;
  font-size: 15px;
}
.payment-done-state span {
  color: #667085;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.account-payment-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  padding: 12px;
}
.account-transfer-panel,
.account-proof-upload {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 13px;
  padding: 12px;
}
.account-transfer-panel h4 {
  color: #101828;
  font-size: 15px;
  margin: 0 0 10px;
}
.account-bank-list {
  display: grid;
  gap: 8px;
}
.account-bank-list article {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  display: grid;
  gap: 4px;
  padding: 10px;
}
.account-bank-list span,
.account-bank-list small {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}
.account-bank-list b {
  color: #101828;
  font-size: 20px;
  font-weight: 950;
  letter-spacing: .02em;
}
.account-bank-list button {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 9px;
  color: #c2410c;
  cursor: pointer;
  font-size: 12px;
  font-weight: 950;
  justify-self: start;
  min-height: 30px;
  padding: 0 10px;
}
.account-transfer-note {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
  margin: 10px 0 0;
}
.account-proof-upload {
  display: grid;
  gap: 10px;
}
.account-upload-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.account-upload-head b {
  color: #101828;
  font-size: 15px;
}
.account-upload-head span {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}
.account-file-field input {
  background: #fff;
  padding: 9px;
}
.account-upload-preview {
  align-items: center;
  background: #fff;
  border: 1px dashed #cbd5e1;
  border-radius: 13px;
  color: #667085;
  display: flex;
  font-size: 13px;
  font-weight: 850;
  justify-content: center;
  min-height: 170px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}
.account-upload-preview img {
  border-radius: 10px;
  max-height: 230px;
  max-width: 100%;
  object-fit: contain;
}
.account-detail-section-head {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  justify-content: space-between;
  margin: -2px 0 12px;
  padding-bottom: 10px;
}
.account-detail-section-head h3 {
  margin: 0;
}
.account-detail-section-head span {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}
.account-proof-focus-box,
.account-items-box,
.account-detail-box {
  background: #fff;
}
.account-proof-card {
  grid-template-columns: 180px minmax(0, 1fr);
}
.account-proof-image img,
.account-proof-card img {
  height: 150px;
  width: 180px;
}
.account-proof-info {
  display: grid;
  gap: 6px;
}
.account-proof-info small {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 900;
}
.account-proof-info a {
  color: #2563eb;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}
.account-detail-items th {
  background: #f8fafc;
  color: #667085;
  font-size: 11px;
  text-transform: uppercase;
}
.account-detail-items td:last-child,
.account-detail-items th:last-child {
  text-align: right;
}
.account-detail-product img,
.account-item-noimage {
  height: 64px;
  width: 64px;
}
.account-detail-product {
  grid-template-columns: 64px minmax(0, 1fr);
}
.account-detail-address {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  padding: 12px;
}
@media (max-width: 760px) {
  .account-detail-hero,
  .payment-action-head,
  .account-upload-head {
    align-items: stretch;
    flex-direction: column;
  }
  .account-detail-next {
    min-width: 0;
    text-align: left;
  }
  .account-payment-grid,
  .account-proof-card {
    grid-template-columns: 1fr;
  }
  .account-proof-image img,
  .account-proof-card img {
    height: 210px;
    width: 100%;
  }
  .account-detail-items {
    min-width: 680px;
  }
  .account-items-box {
    overflow-x: auto;
  }
}
/* customer-order-detail-v2-end */

/* customer-order-detail-page-start */
.account-detail-page {
  overflow: hidden;
}
.account-detail-page-head {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e4ebf2;
  display: grid;
  gap: 14px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 14px 16px;
}
.account-detail-page-head span {
  color: #07835f;
  display: block;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.account-detail-page-head h2 {
  color: #101828;
  font-size: 24px;
  line-height: 1.1;
  margin: 4px 0 0;
}
.account-detail-page-body {
  background: #f4f6f8;
  display: grid;
  gap: 12px;
  padding: 14px;
}
.account-detail-page-body .account-detail-hero,
.account-detail-page-body .account-progress-line,
.account-detail-page-body .account-payment-action,
.account-detail-page-body .account-proof-focus-box,
.account-detail-page-body .account-items-box,
.account-detail-page-body .account-detail-box {
  box-shadow: 0 10px 24px rgba(15,23,42,.035);
}
.account-detail-page-body .account-detail-hero {
  padding: 16px;
}
.account-detail-page-body .account-payment-grid {
  grid-template-columns: minmax(280px, .8fr) minmax(360px, 1.2fr);
}
.account-detail-page-body .account-proof-card {
  grid-template-columns: 220px minmax(0, 1fr);
}
.account-detail-page-body .account-proof-image img,
.account-detail-page-body .account-proof-card img {
  height: 170px;
  width: 220px;
}
.account-detail-page-body .account-detail-items th,
.account-detail-page-body .account-detail-items td {
  font-size: 13px;
  padding: 11px 10px;
}
.account-detail-page-body .account-detail-product {
  grid-template-columns: 74px minmax(0, 1fr);
}
.account-detail-page-body .account-detail-product img,
.account-detail-page-body .account-item-noimage {
  height: 74px;
  width: 74px;
}
.account-detail-page-body .account-detail-actions {
  background: #fff;
  border: 1px solid #e4ebf2;
  border-radius: 14px;
  justify-content: flex-end;
  padding: 12px;
}
@media (max-width: 920px) {
  .account-detail-page-head,
  .account-detail-page-body .account-payment-grid,
  .account-detail-page-body .account-proof-card {
    grid-template-columns: 1fr;
  }
  .account-detail-page-head > .btn:last-child {
    justify-self: start;
  }
  .account-detail-page-body .account-proof-image img,
  .account-detail-page-body .account-proof-card img {
    height: 230px;
    width: 100%;
  }
}
/* customer-order-detail-page-end */

/* customer-order-ops-start */
.account-kpi-grid.account-kpi-ops article.attention {
  background: #fff7ed;
  border-color: #fed7aa;
}
.account-kpi-grid.account-kpi-ops article.attention b {
  color: #e11d48;
}
.account-reminder-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.account-reminder-card {
  align-items: center;
  background: #fff;
  border: 1px solid #e4ebf2;
  border-left: 5px solid #ff6a16;
  border-radius: 14px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 92px;
  padding: 13px 14px;
}
.account-reminder-card.balance,
.account-reminder-card.deposit,
.account-reminder-card.payment {
  background: #fff7ed;
  border-color: #fed7aa;
  border-left-color: #ff6a16;
}
.account-reminder-card.review {
  background: #eff6ff;
  border-color: #bfdbfe;
  border-left-color: #2563eb;
}
.account-reminder-card.shipped,
.account-reminder-card.calm {
  background: #ecfdf5;
  border-color: #bbf7d0;
  border-left-color: #10b981;
}
.account-reminder-card span,
.account-reminder-card b,
.account-reminder-card small {
  display: block;
}
.account-reminder-card span {
  align-items: center;
  background: #101828;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 950;
  height: 26px;
  justify-content: center;
  min-width: 26px;
  padding: 0 8px;
}
.account-reminder-card b {
  color: #101828;
  font-size: 15px;
  margin-top: 7px;
}
.account-reminder-card small {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  margin-top: 4px;
}
.account-reminder-card .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}
.account-order-row.needs-action {
  background: #fffaf5;
  border-color: #fdba74;
}
.account-order-cta {
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  color: #101828;
  min-width: 108px;
}
.account-order-cta.urgent {
  background: #ff6a16;
  border-color: #ff6a16;
  color: #fff;
}
.account-order-cta.review {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
.account-order-cta.eta {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}
.account-order-cta.shipped {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #047857;
}
.account-order-group:first-child > header {
  background: #fff7ed;
  border-color: #fed7aa;
}
.account-order-group:first-child > header b {
  color: #c2410c;
}
@media (max-width: 1120px) {
  .account-reminder-grid {
    grid-template-columns: 1fr;
  }
  .account-reminder-card {
    align-items: stretch;
    flex-direction: column;
  }
  .account-reminder-card .btn {
    width: 100%;
  }
}
/* customer-order-ops-end */

.checkout-success-eyebrow {
  align-self: start;
  background: #ecfdf3;
  border: 1px solid #abefc6;
  border-radius: 999px;
  color: #047857;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  padding: 5px 10px;
  text-transform: uppercase;
  width: max-content;
}
.checkout-success small {
  color: #667085;
  font-size: 13px;
  font-weight: 780;
}
.checkout-success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

/* customer-order-detail-v3-start */
.account-detail-page-body {
  gap: 14px;
}
.account-detail-page-body .account-detail-hero {
  border-left-width: 6px;
  min-height: 86px;
}
.account-detail-page-body .account-detail-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.account-detail-page-body .account-payment-action {
  order: 3;
}
.account-items-wide {
  order: 4;
  overflow-x: auto;
}
.account-detail-info-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  order: 5;
}
.account-detail-info-grid .account-proof-focus-box,
.account-detail-info-grid .account-shipping-box {
  min-height: 100%;
}
.account-detail-page-body .account-detail-actions {
  order: 6;
}
.account-detail-page-body .account-items-wide .account-detail-product {
  grid-template-columns: 86px minmax(0, 1fr);
}
.account-detail-page-body .account-items-wide .account-detail-product img,
.account-detail-page-body .account-items-wide .account-item-noimage {
  height: 86px;
  width: 86px;
}
.account-detail-page-body .account-detail-items {
  min-width: 860px;
}
.account-detail-page-body .account-detail-items td:first-child,
.account-detail-page-body .account-detail-items th:first-child {
  width: 42%;
}
.account-detail-page-body .account-detail-items b {
  color: #101828;
  font-size: 15px;
  line-height: 1.25;
}
.account-detail-page-body .account-detail-items small {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
  margin-top: 4px;
}
.account-shipping-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.account-shipping-grid div {
  background: #f8fafc;
  border: 1px solid #e4ebf2;
  border-radius: 12px;
  padding: 11px 12px;
}
.account-shipping-grid .full {
  grid-column: 1 / -1;
}
.account-shipping-grid span {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 5px;
}
.account-shipping-grid b,
.account-shipping-grid p {
  color: #101828;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.45;
  margin: 0;
}
.account-detail-page-body .account-proof-card {
  align-items: stretch;
  grid-template-columns: 190px minmax(0, 1fr);
}
.account-detail-page-body .account-proof-image img,
.account-detail-page-body .account-proof-card img {
  height: 158px;
  width: 190px;
}
@media (max-width: 980px) {
  .account-detail-page-body .account-detail-summary,
  .account-detail-info-grid,
  .account-shipping-grid,
  .account-detail-page-body .account-proof-card {
    grid-template-columns: 1fr;
  }
  .account-detail-page-body .account-proof-image img,
  .account-detail-page-body .account-proof-card img {
    height: 220px;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .account-detail-page-body {
    padding: 10px;
  }
  .account-detail-page-body .account-items-wide .account-detail-product {
    grid-template-columns: 70px minmax(0, 1fr);
  }
  .account-detail-page-body .account-items-wide .account-detail-product img,
  .account-detail-page-body .account-items-wide .account-item-noimage {
    height: 70px;
    width: 70px;
  }
}
/* customer-order-detail-v3-end */

/* customer-order-list-v3-start */
.account-orders-compact .account-card-head {
  align-items: center;
  padding: 13px 14px;
}
.account-order-list-compact {
  background: #fbfcfe;
}
.ecommerce-order-group {
  gap: 9px;
}
.ecommerce-order-group > header {
  min-height: 50px;
}
.ecommerce-order-group.action > header {
  background: #fff7ed;
  border-color: #fed7aa;
}
.ecommerce-order-group.action > header b {
  color: #c2410c;
}
.ecommerce-order-group.review > header {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.ecommerce-order-group.review > header b {
  color: #1d4ed8;
}
.ecommerce-order-group.preorder > header {
  background: #fffaf5;
  border-color: #fed7aa;
}
.ecommerce-order-group.ready > header {
  background: #f8fafc;
}
.ecommerce-order-row {
  background: #fff;
  box-shadow: 0 8px 18px rgba(15,23,42,.025);
  grid-template-columns: minmax(240px, 1.2fr) 142px minmax(160px, .72fr) minmax(210px, .9fr) 124px;
  min-height: 74px;
  padding: 9px 11px;
}
.ecommerce-order-row.preorder {
  background: linear-gradient(90deg, #fff7ed 0, #fff 22%);
  border-left-color: #f97316;
}
.ecommerce-order-row.ready {
  border-left-color: #10b981;
}
.ecommerce-order-row.needs-action {
  box-shadow: 0 10px 22px rgba(249,115,22,.08);
}
.ecommerce-order-main b {
  letter-spacing: 0;
}
.ecommerce-order-main small {
  white-space: normal;
}
.ecommerce-order-status {
  display: grid;
  gap: 5px;
  justify-items: start;
}
.ecommerce-order-status small {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}
.ecommerce-order-money b {
  font-size: 16px;
  line-height: 1.2;
}
.ecommerce-order-note {
  display: grid;
  gap: 3px;
}
.ecommerce-order-note span:first-child {
  color: #344054;
  font-size: 12px;
  line-height: 1.35;
}
.ecommerce-order-note span:last-child {
  color: #98a2b3;
  font-size: 11px;
  text-transform: uppercase;
}
.ecommerce-order-row .account-order-actions {
  justify-content: stretch;
}
.ecommerce-order-row .account-order-cta {
  width: 100%;
}
@media (max-width: 1180px) {
  .ecommerce-order-row {
    grid-template-columns: minmax(0, 1fr) 132px;
  }
  .ecommerce-order-status,
  .ecommerce-order-money,
  .ecommerce-order-note,
  .ecommerce-order-row .account-order-actions {
    grid-column: 1 / -1;
  }
  .ecommerce-order-row .account-order-actions {
    justify-content: start;
  }
  .ecommerce-order-row .account-order-cta {
    width: auto;
  }
}
@media (max-width: 640px) {
  .ecommerce-order-row {
    grid-template-columns: 1fr;
  }
  .ecommerce-order-status,
  .ecommerce-order-row .account-order-actions {
    justify-items: stretch;
  }
  .ecommerce-order-row .account-order-cta {
    width: 100%;
  }
}
/* customer-order-list-v3-end */

/* mobile commerce flow approved 20260815 */
.mobile-bottom-nav {
  display: none;
}
@media (max-width: 760px) {
  html { background: #edf2f6; }
  body {
    background: #eef3f7 !important;
    color: #101828;
    overflow-x: hidden;
    padding-bottom: 78px !important;
  }
  body.homepage-refined,
  body.category-products-page,
  body.checkout-onepage,
  body.account-compact-page {
    min-width: 0 !important;
  }
  .commerce-v4-shell,
  .refined-main,
  .commerce-v4-main,
  .home-landing-main,
  .category-page-main,
  .checkout-main,
  .account-compact-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .top-strip,
  .top-notice,
  .commerce-v4-topbar,
  .refined-notice,
  .commerce-v2-topbar {
    height: 28px !important;
    min-height: 28px !important;
    background: #0f172a !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding: 0 14px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }
  .top-strip > *,
  .top-notice > *,
  .commerce-v4-topbar > *,
  .refined-notice > * {
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    flex: 0 0 auto;
  }
  .site-header,
  .commerce-v4-header,
  .ecommerce-header,
  .refined-header,
  .checkout-topbar,
  .account-compact-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 12px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #d9e2ec !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px);
  }
  .commerce-v4-header-grid {
    display: contents !important;
  }
  .logo,
  .refined-logo,
  .commerce-v4-brand,
  .checkout-brand,
  .account-compact-brand {
    min-width: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .commerce-v4-brand-mark,
  .refined-logo > span,
  .logo > span,
  .checkout-logo,
  .account-compact-logo {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 9px !important;
    display: grid !important;
    place-items: center !important;
    background: #15965f !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }
  .commerce-v4-brand b,
  .refined-logo strong,
  .checkout-brand strong,
  .account-compact-brand strong {
    display: block !important;
    font-size: 15px !important;
    line-height: 1 !important;
    color: #101828 !important;
    white-space: nowrap !important;
  }
  .commerce-v4-brand small,
  .refined-logo small,
  .checkout-brand em,
  .account-compact-brand em {
    display: block !important;
    margin-top: 3px !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }
  .commerce-v4-nav,
  .site-header nav,
  .checkout-nav,
  .account-compact-topnav {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
  }
  .commerce-v4-nav a:not(.commerce-v4-login),
  .commerce-v4-nav a:not(.home-account-entry):not(.commerce-v4-login),
  .site-header nav a:not(.home-account-entry):not(.commerce-v4-login),
  .checkout-nav a:not([href="/account"]),
  .account-compact-topnav a:not(.active) {
    display: none !important;
  }
  .home-account-entry,
  .commerce-v4-login,
  .checkout-nav a[href="/account"],
  .account-compact-topnav a.active,
  .cart-link,
  .commerce-v4-cart {
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 9px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #101828 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }
  .cart-link b,
  .commerce-v4-cart b {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #ff6b16 !important;
    color: #fff !important;
    display: inline-grid !important;
    place-items: center !important;
    font-size: 10px !important;
    margin-left: 4px !important;
  }
  .commerce-v4-search-bar,
  .search,
  .refined-search,
  .commerce-v2-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .commerce-v4-search-bar input,
  .search input,
  .refined-search input,
  .commerce-v2-search input {
    height: 44px !important;
    min-width: 0 !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    padding: 0 13px !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
  }
  .commerce-v4-search-bar button,
  .search button,
  .refined-search button,
  .commerce-v2-search button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #ff6b16 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    padding: 0 !important;
  }
  .commerce-v4-main,
  .commerce-v2-main,
  .home-landing-main,
  .category-page-main,
  .checkout-main,
  .account-compact-wrap {
    padding-top: 12px !important;
  }
  .commerce-v4-market-grid,
  .commerce-v2-hero-shell {
    display: block !important;
    margin: 0 !important;
  }
  .commerce-v2-category-menu,
  .commerce-v2-buyer-panel,
  .commerce-v4-side-ads {
    display: none !important;
  }
  .home-promo-hero,
  .commerce-v4-hero-banner,
  .commerce-v2-hero-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .08) !important;
  }
  .home-hero-image,
  .commerce-v4-hero-image,
  .commerce-v2-hero-image {
    order: 0 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #e7f8ef !important;
    box-shadow: none !important;
  }
  .home-hero-image img,
  .commerce-v4-hero-image img,
  .commerce-v2-hero-image img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .home-hero-copy,
  .commerce-v4-hero-copy,
  .commerce-v2-hero-copy {
    order: 1 !important;
    width: 100% !important;
    padding: 14px !important;
    background: #fff !important;
  }
  .commerce-v4-label-row,
  .home-hero-copy .badge {
    display: inline-flex !important;
    max-width: 100% !important;
    gap: 6px !important;
    overflow-x: auto !important;
    margin: 0 0 10px !important;
    white-space: nowrap !important;
  }
  .home-hero-copy .badge,
  .commerce-v4-label,
  .commerce-v4-label.orange {
    border: 1px solid #b8f0d0 !important;
    background: #e7f8ef !important;
    color: #078765 !important;
    border-radius: 999px !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }
  .home-hero-copy h1,
  .commerce-v4-hero-copy h1,
  .commerce-v2-hero-copy h1 {
    max-width: 330px !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }
  .home-hero-copy p,
  .commerce-v4-hero-copy p,
  .commerce-v2-hero-copy p {
    margin: 10px 0 13px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-weight: 700 !important;
  }
  .home-hero-copy .actions,
  .commerce-v4-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
  }
  .home-hero-copy .actions .btn,
  .commerce-v4-hero-actions .btn {
    min-width: 0 !important;
    height: 44px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    padding: 0 8px !important;
  }
  .home-hero-copy .actions .btn:nth-child(n+3) {
    display: none !important;
  }
  .hero-metrics,
  .commerce-v4-hero-stats,
  .commerce-v2-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  .hero-metrics div,
  .commerce-v4-hero-stats div,
  .commerce-v2-metrics div {
    min-height: 60px !important;
    padding: 9px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 12px !important;
    background: #fbfdff !important;
    box-shadow: none !important;
  }
  .hero-metrics b,
  .commerce-v4-hero-stats b,
  .commerce-v2-metrics b {
    display: block !important;
    color: #078765 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
  .hero-metrics span,
  .commerce-v4-hero-stats span,
  .commerce-v2-metrics span {
    display: block !important;
    margin-top: 5px !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }
  .commerce-v4-category-shop,
  .commerce-v2-operation-grid,
  .home-product-section,
  .commerce-v4-section,
  .commerce-v2-section,
  .preorder-home-section,
  .order-flow,
  .category-page-hero,
  .refined-categories,
  .store-filter-panel,
  .track,
  .checkout-title-card,
  .checkout-card,
  .account-card {
    margin: 12px 0 !important;
    padding: 13px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .08) !important;
  }
  .section-head,
  .home-section-head,
  .commerce-v4-section-head,
  .commerce-v2-section-head,
  .product-heading,
  .refined-product-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .section-head h2,
  .home-section-head h2,
  .product-heading h2,
  .category-page-hero h1,
  .checkout-title-card h1,
  .account-card h1 {
    margin: 2px 0 0 !important;
    color: #101828 !important;
    font-size: 21px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }
  .category-page-hero h1,
  .checkout-title-card h1,
  .account-card h1 { font-size: 24px !important; }
  .section-head p,
  .home-section-head p,
  .category-page-hero p,
  .checkout-title-card p,
  .account-card p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
  }
  .section-head a,
  .home-section-head a,
  .commerce-v4-view-all,
  .commerce-v2-section-head a {
    flex: 0 0 auto !important;
    padding: 8px 10px !important;
    border: 1px solid #ffc591 !important;
    border-radius: 999px !important;
    background: #fff3e8 !important;
    color: #b94309 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }
  .commerce-v4-category-row,
  .commerce-categories,
  .refined-categories,
  #categories {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 0 2px !important;
    white-space: nowrap !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .commerce-v4-category-card,
  .home-category-card,
  .category-card,
  .refined-category-card,
  .commerce-categories article,
  #categories article {
    flex: 0 0 82% !important;
    width: 82% !important;
    min-width: 250px !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    white-space: normal !important;
  }
  .commerce-v4-tag-list,
  .home-category-card div,
  .category-tags,
  .commerce-category-tags {
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    margin-top: 10px !important;
    padding: 0 !important;
  }
  .commerce-v4-tag-list a,
  .home-category-card div a,
  .category-tags a,
  .commerce-category-tags a {
    flex: 0 0 auto !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #101828 !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }
  .preorder-home-section,
  .commerce-v4-preorder-section,
  .commerce-v2-preorder-section {
    display: block !important;
    background: #fff7ee !important;
    border-color: #ffd4a8 !important;
    overflow: hidden !important;
  }
  .commerce-v4-preorder-info {
    margin: 0 0 10px !important;
    padding: 13px !important;
    border: 1px dashed #ffb36e !important;
    border-radius: 14px !important;
    background: #fffaf4 !important;
  }
  .commerce-v4-preorder-info h2 { font-size: 18px !important; line-height: 1.15 !important; margin: 0 !important; }
  .commerce-v4-preorder-info p:not(.eyebrow) { margin: 9px 0 12px !important; font-size: 12px !important; line-height: 1.45 !important; }
  .commerce-v4-preorder-section .commerce-v4-product-grid,
  .commerce-v2-preorder-section .commerce-v2-products {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    grid-template-columns: none !important;
  }
  .commerce-v4-preorder-section .product-card.box-card,
  .commerce-v2-preorder-section .product-card.box-card {
    flex: 0 0 178px !important;
    width: 178px !important;
  }
  .commerce-v4-product-toolbar,
  .product-head-actions,
  .refined-filter-panel,
  .store-filter-panel {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 0 2px !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .commerce-v4-product-toolbar > *,
  .product-head-actions > *,
  .store-filter-panel > * {
    flex: 0 0 auto !important;
    height: 42px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }
  .sale-type-tabs,
  .commerce-v4-segmented { display: flex !important; gap: 0 !important; background: #fff !important; border: 1px solid #d9e2ec !important; border-radius: 12px !important; padding: 3px !important; }
  .sale-type-tabs button,
  .commerce-v4-segmented a { height: 34px !important; padding: 0 12px !important; border-radius: 9px !important; border: 0 !important; font-size: 12px !important; font-weight: 950 !important; display: grid !important; place-items: center !important; }
  .sale-type-tabs .active,
  .commerce-v4-segmented .active { background: #0f172a !important; color: #fff !important; }
  .home-feature-grid,
  .commerce-v4-product-grid,
  .commerce-v2-products,
  .product-grid,
  .commerce-products,
  .refined-products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .product-card.box-card,
  .commerce-v4-page .commerce-v4-product-grid .product-card.box-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .07) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  .product-card.box-card .product-media,
  .product-card.box-card .product-media-link,
  .product-card.box-card .product-art,
  .product-card.box-card .square-art,
  .product-card.box-card .product-photo {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 12px !important;
    background: #f9fbfd !important;
    overflow: hidden !important;
    box-shadow: none !important;
    position: relative !important;
  }
  .product-card.box-card .product-photo img,
  .product-card.box-card .product-art img,
  .product-card.box-card .product-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    display: block !important;
  }
  .product-sale-chip.preorder {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 2 !important;
    padding: 5px 8px !important;
    border: 1px solid #ffb36e !important;
    border-radius: 999px !important;
    background: #fff4e8 !important;
    color: #c74709 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
  }
  .product-card.box-card h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    min-height: 34px !important;
    margin: 8px 0 0 !important;
    overflow: hidden !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }
  .ready-spec-line,
  .preorder-spec-line {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    min-height: 30px !important;
    margin: 8px 0 !important;
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
  }
  .variant-strip-picker {
    display: grid !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
  }
  .variant-strip-picker > span {
    display: none !important;
  }
  .variant-strip-row {
    display: grid !important;
    gap: 5px !important;
    width: 100% !important;
  }
  .variant-strip-choice {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 0 8px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
  }
  .variant-strip-choice.active {
    border-color: #ff6b16 !important;
    background: #fffaf4 !important;
    box-shadow: inset 0 0 0 1px #ff6b16 !important;
  }
  .variant-strip-choice b {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #101828 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }
  .variant-strip-choice small {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    color: #078765 !important;
    font-size: 0 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }
  .variant-strip-choice small strong {
    color: #078765 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }
  .box-price {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 7px !important;
    padding: 8px 9px !important;
    border: 1px solid #ffd3a6 !important;
    border-radius: 11px !important;
    background: #fff3e8 !important;
    overflow: hidden !important;
  }
  .box-price small {
    display: block !important;
    margin: 0 0 3px !important;
    color: #a94207 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
  }
  .box-price strong {
    display: block !important;
    color: #e51b4d !important;
    font-size: 20px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .box-price em {
    display: block !important;
    margin-top: 4px !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
  }
  .preorder-card-info {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  .preorder-card-info span {
    min-width: 0 !important;
    padding: 7px !important;
    border: 1px solid #ffd3a6 !important;
    border-radius: 10px !important;
    background: #fff7ed !important;
    color: #9a3412 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }
  .preorder-card-info b { display: block !important; margin-bottom: 3px !important; color: #c2410c !important; font-size: 9px !important; text-transform: uppercase !important; }
  .box-qty-row,
  .compact-buy-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 34px 29px 38px !important;
    gap: 5px !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 5px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 11px !important;
    background: #f8fafc !important;
    overflow: hidden !important;
  }
  .box-qty-row button,
  .box-qty-row input,
  .compact-buy-row button,
  .compact-buy-row input {
    width: 100% !important;
    min-width: 0 !important;
    height: 33px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #101828 !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    padding: 0 !important;
  }
  .box-qty-row span,
  .compact-buy-row span {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }
  .box-qty-row .cart-add-icon,
  .compact-buy-row .cart-add-icon {
    border: 0 !important;
    background: #ff6b16 !important;
    color: #fff !important;
    display: grid !important;
    place-items: center !important;
  }
  .cart-add-icon svg { width: 18px !important; height: 18px !important; stroke: currentColor !important; stroke-width: 2.4 !important; fill: none !important; }
  .cart-add-icon[disabled],
  .box-qty-row button[disabled] {
    opacity: .45 !important;
    background: #e2e8f0 !important;
    color: #94a3b8 !important;
  }
  .product-pager,
  .compact-product-pager {
    margin: 10px 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .product-pager button,
  .product-pager a {
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    border: 1px solid #d9e2ec !important;
    background: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }
  .cart-backdrop[hidden] { display: none !important; }
  .cart-backdrop { background: rgba(15, 23, 42, .35) !important; }
  .cart-drawer {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: min(82vh, 720px) !important;
    transform: translateY(105%) !important;
    border-radius: 18px 18px 0 0 !important;
    border: 1px solid #d9e2ec !important;
    background: #fff !important;
    box-shadow: 0 -18px 42px rgba(16, 24, 40, .18) !important;
  }
  .cart-drawer.open,
  body.cart-open .cart-drawer {
    transform: translateY(0) !important;
  }
  .drawer-head { padding: 13px !important; border-bottom: 1px solid #d9e2ec !important; }
  .drawer-head h2 { font-size: 22px !important; line-height: 1.1 !important; }
  .drawer-close { width: 44px !important; height: 44px !important; border-radius: 12px !important; font-size: 20px !important; }
  .compact-cart-note { margin: 12px !important; padding: 10px 12px !important; border-radius: 12px !important; }
  .drawer-items { padding: 0 12px 12px !important; overflow-y: auto !important; }
  .drawer-summary { margin: 0 12px 12px !important; border-radius: 14px !important; background: #f8fafc !important; }
  .drawer-actions { position: sticky !important; bottom: 0 !important; padding: 12px !important; background: #fff !important; border-top: 1px solid #d9e2ec !important; display: grid !important; gap: 8px !important; }
  .drawer-actions .btn { height: 46px !important; border-radius: 12px !important; font-size: 15px !important; }
  .drawer-items .cart-line,
  .drawer-items .modern-cart-line {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 14px !important;
    margin-bottom: 8px !important;
  }
  .drawer-items .cart-line-art { width: 64px !important; height: 64px !important; border-radius: 11px !important; }
  .drawer-items .cart-line-img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
  .mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    height: 66px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid #d9e2ec;
    background: #fff;
    box-shadow: 0 -12px 28px rgba(16, 24, 40, .08);
  }
  .mobile-bottom-nav a,
  .mobile-bottom-nav button {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    border: 0;
    background: transparent;
    color: #667085;
    font-size: 10px;
    font-weight: 950;
    text-decoration: none;
    padding: 0;
  }
  .mobile-bottom-nav b {
    color: #101828;
    font-size: 18px;
    line-height: 1;
  }
  .mobile-bottom-nav i {
    position: absolute;
    top: 8px;
    right: calc(50% - 22px);
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ff6b16;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
  }
  .checkout-layout-onepage,
  .account-auth-two-col,
  .account-content-compact,
  .account-detail-info-grid,
  .checkout-field-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .checkout-summary-card { position: static !important; top: auto !important; }
  .checkout-submit { height: 48px !important; border-radius: 12px !important; }
  footer { padding-bottom: 86px !important; font-size: 12px !important; }
}
/* mobile commerce flow approved 20260815 end */

/* mobile homepage readability fix 20260815 */
@media (max-width: 760px) {
  body.home-landing-page .commerce-v4-market-grid,
  body.home-landing-page .commerce-v2-hero-shell {
    margin-bottom: 12px !important;
  }

  body.home-landing-page .commerce-v4-main,
  body.home-landing-page .commerce-v4-shell {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-landing-page .home-promo-hero,
  body.home-landing-page .commerce-v4-hero-banner,
  body.home-landing-page .commerce-v2-hero-main {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body.home-landing-page .home-hero-copy,
  body.home-landing-page .commerce-v4-hero-copy {
    min-width: 0 !important;
  }

  body.home-landing-page .home-hero-copy h1,
  body.home-landing-page .commerce-v4-hero-copy h1,
  body.home-landing-page .commerce-v2-hero-copy h1 {
    font-size: clamp(24px, 7.2vw, 30px) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.home-landing-page .home-hero-copy p,
  body.home-landing-page .commerce-v4-hero-copy p,
  body.home-landing-page .commerce-v2-hero-copy p {
    font-size: 13px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
  }

  body.home-landing-page .commerce-v4-label-row,
  body.home-landing-page .actions,
  body.home-landing-page .commerce-v4-hero-actions {
    gap: 7px !important;
  }

  body.home-landing-page .commerce-v4-label,
  body.home-landing-page .badge,
  body.home-landing-page .btn,
  body.home-landing-page .commerce-v4-primary,
  body.home-landing-page .commerce-v4-secondary {
    white-space: normal !important;
    line-height: 1.18 !important;
  }

  body.home-landing-page .hero-metrics,
  body.home-landing-page .commerce-v4-hero-stats,
  body.home-landing-page .commerce-v2-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.home-landing-page .hero-metrics div,
  body.home-landing-page .commerce-v4-hero-stats div,
  body.home-landing-page .commerce-v2-metrics div {
    min-height: 54px !important;
    padding: 8px 7px !important;
  }

  body.home-landing-page .hero-metrics b,
  body.home-landing-page .commerce-v4-hero-stats b,
  body.home-landing-page .commerce-v2-metrics b {
    font-size: clamp(16px, 4.8vw, 20px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.home-landing-page .hero-metrics span,
  body.home-landing-page .commerce-v4-hero-stats span,
  body.home-landing-page .commerce-v2-metrics span {
    font-size: 9px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }

  body.home-landing-page .commerce-v4-category-shop,
  body.home-landing-page .home-product-section,
  body.home-landing-page .commerce-v4-section,
  body.home-landing-page .commerce-v2-section,
  body.home-landing-page .preorder-home-section,
  body.home-landing-page .order-flow,
  body.home-landing-page .home-order-flow {
    padding: 12px !important;
    margin: 10px 0 !important;
    border-radius: 18px !important;
  }

  body.home-landing-page .section-head,
  body.home-landing-page .home-section-head,
  body.home-landing-page .commerce-v4-section-head,
  body.home-landing-page .commerce-v2-section-head {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  body.home-landing-page .section-head > div,
  body.home-landing-page .home-section-head > div,
  body.home-landing-page .commerce-v4-section-head > div,
  body.home-landing-page .commerce-v2-section-head > div {
    min-width: 0 !important;
  }

  body.home-landing-page .section-head h2,
  body.home-landing-page .home-section-head h2,
  body.home-landing-page .commerce-v4-section-head h2,
  body.home-landing-page .commerce-v2-section-head h2 {
    font-size: 20px !important;
    line-height: 1.14 !important;
    overflow-wrap: break-word !important;
  }

  body.home-landing-page .section-head p,
  body.home-landing-page .home-section-head p,
  body.home-landing-page .commerce-v4-section-head p,
  body.home-landing-page .commerce-v2-section-head p {
    max-width: 270px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.home-landing-page .section-head a,
  body.home-landing-page .home-section-head a,
  body.home-landing-page .commerce-v4-view-all,
  body.home-landing-page .commerce-v2-section-head a {
    max-width: 118px !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    padding: 7px 9px !important;
  }

  body.home-landing-page .commerce-v4-category-row,
  body.home-landing-page #homeCategoryMenu {
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
  }

  body.home-landing-page .commerce-v4-category-card,
  body.home-landing-page .home-category-card,
  body.home-landing-page .commerce-v2-cat-group {
    min-width: 0 !important;
    flex: 0 0 84% !important;
    padding: 11px !important;
    border-radius: 15px !important;
  }

  body.home-landing-page .commerce-v4-category-title,
  body.home-landing-page .home-category-main,
  body.home-landing-page .commerce-v2-cat-title {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
  }

  body.home-landing-page .commerce-v4-category-title b,
  body.home-landing-page .home-category-main b,
  body.home-landing-page .commerce-v2-cat-title b {
    font-size: 16px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
  }

  body.home-landing-page .commerce-v4-category-title small,
  body.home-landing-page .home-category-main small,
  body.home-landing-page .commerce-v2-cat-title span {
    font-size: 11px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }

  body.home-landing-page .commerce-v4-tag-list,
  body.home-landing-page .commerce-v2-cat-tags {
    gap: 6px !important;
  }

  body.home-landing-page .commerce-v4-tag-list a,
  body.home-landing-page .commerce-v2-cat-tags a {
    padding: 6px 9px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    max-width: 100% !important;
  }

  body.home-landing-page .home-feature-grid,
  body.home-landing-page .commerce-v4-product-grid,
  body.home-landing-page .commerce-v2-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  body.home-landing-page .product-card.box-card {
    padding: 8px !important;
    border-radius: 14px !important;
    min-width: 0 !important;
  }

  body.home-landing-page .product-card.box-card h3 {
    min-height: 36px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }

  body.home-landing-page .ready-spec-line,
  body.home-landing-page .preorder-spec-line,
  body.home-landing-page .product-meta-line {
    min-height: 30px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }

  body.home-landing-page .variant-strip-choice {
    height: auto !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
  }

  body.home-landing-page .variant-strip-choice b,
  body.home-landing-page .variant-strip-choice small strong {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  body.home-landing-page .box-price {
    padding: 8px !important;
  }

  body.home-landing-page .box-price strong {
    font-size: clamp(17px, 5.2vw, 20px) !important;
    line-height: 1.05 !important;
  }

  body.home-landing-page .box-qty-row,
  body.home-landing-page .compact-buy-row {
    grid-template-columns: 32px minmax(0, 1fr) 32px 24px 36px !important;
    gap: 4px !important;
    padding: 6px !important;
  }

  body.home-landing-page .box-qty-row button,
  body.home-landing-page .box-qty-row input,
  body.home-landing-page .compact-buy-row button,
  body.home-landing-page .compact-buy-row input {
    min-width: 0 !important;
    height: 34px !important;
  }

  body.home-landing-page .box-qty-row span,
  body.home-landing-page .compact-buy-row span {
    font-size: 10px !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 380px) {
  body.home-landing-page .home-feature-grid,
  body.home-landing-page .commerce-v4-product-grid,
  body.home-landing-page .commerce-v2-products {
    gap: 8px !important;
  }

  body.home-landing-page .product-card.box-card {
    padding: 7px !important;
  }

  body.home-landing-page .box-price {
    padding: 7px !important;
  }

  body.home-landing-page .box-price strong {
    font-size: 17px !important;
  }

  body.home-landing-page .box-qty-row,
  body.home-landing-page .compact-buy-row {
    grid-template-columns: 30px minmax(0, 1fr) 30px 22px 34px !important;
  }
}
/* mobile homepage readability fix 20260815 end */

/* mobile single product card layout 20260815 */
@media (max-width: 760px) {
  .home-feature-grid,
  .commerce-v4-product-grid,
  .commerce-v2-products,
  .product-grid,
  .category-product-grid,
  .store-product-grid,
  .products-grid,
  #homeHotGrid,
  #homePromoGrid,
  #homePreorderGrid,
  #productGrid,
  #productsGrid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.home-landing-page .home-feature-grid,
  body.home-landing-page .commerce-v4-product-grid,
  body.home-landing-page .commerce-v2-products,
  body.commerce-v4-page .commerce-v4-product-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .product-card.box-card,
  body.home-landing-page .product-card.box-card,
  body.commerce-v4-page .commerce-v4-product-grid .product-card.box-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 11px !important;
    border-radius: 16px !important;
  }

  .product-card.box-card .product-media,
  .product-card.box-card .product-photo,
  .product-card.box-card .square-art,
  body.home-landing-page .product-card.box-card .product-media,
  body.home-landing-page .product-card.box-card .product-photo,
  body.home-landing-page .product-card.box-card .square-art {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .product-card.box-card > *,
  body.home-landing-page .product-card.box-card > * {
    min-width: 0 !important;
  }

  .product-card.box-card h3,
  body.home-landing-page .product-card.box-card h3 {
    min-height: 0 !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.22 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .product-card.box-card .ready-spec-line,
  .product-card.box-card .preorder-spec-line,
  .product-card.box-card .product-meta-line,
  body.home-landing-page .ready-spec-line,
  body.home-landing-page .preorder-spec-line,
  body.home-landing-page .product-meta-line {
    min-height: 0 !important;
    margin: 2px 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }

  .product-card.box-card .variant-strip,
  .product-card.box-card .variant-choice-row,
  body.home-landing-page .product-card.box-card .variant-strip,
  body.home-landing-page .product-card.box-card .variant-choice-row {
    margin: 2px 0 !important;
  }

  .product-card.box-card .variant-strip-choice,
  body.home-landing-page .variant-strip-choice {
    min-height: 34px !important;
    padding: 7px 10px !important;
  }

  .product-card.box-card .box-price,
  body.home-landing-page .box-price {
    margin: 3px 0 !important;
    padding: 10px 12px !important;
  }

  .product-card.box-card .box-price strong,
  body.home-landing-page .box-price strong {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  .product-card.box-card .stock-line,
  body.home-landing-page .product-card.box-card .stock-line {
    min-height: 36px !important;
    padding: 8px 10px !important;
    margin: 2px 0 !important;
  }

  .product-card.box-card .box-qty-row,
  .product-card.box-card .compact-buy-row,
  body.home-landing-page .box-qty-row,
  body.home-landing-page .compact-buy-row {
    grid-template-columns: 40px minmax(62px, 1fr) 40px 32px 48px !important;
    gap: 7px !important;
    padding: 7px !important;
    margin-top: 2px !important;
  }

  .product-card.box-card .box-qty-row button,
  .product-card.box-card .box-qty-row input,
  .product-card.box-card .compact-buy-row button,
  .product-card.box-card .compact-buy-row input,
  body.home-landing-page .box-qty-row button,
  body.home-landing-page .box-qty-row input {
    height: 40px !important;
  }
}

@media (max-width: 420px) {
  .product-card.box-card,
  body.home-landing-page .product-card.box-card,
  body.commerce-v4-page .commerce-v4-product-grid .product-card.box-card {
    padding: 10px !important;
    gap: 7px !important;
  }

  .product-card.box-card h3,
  body.home-landing-page .product-card.box-card h3 {
    font-size: 17px !important;
  }

  .product-card.box-card .box-price strong,
  body.home-landing-page .box-price strong {
    font-size: 23px !important;
  }

  .product-card.box-card .box-qty-row,
  .product-card.box-card .compact-buy-row,
  body.home-landing-page .box-qty-row,
  body.home-landing-page .compact-buy-row {
    grid-template-columns: 38px minmax(56px, 1fr) 38px 28px 44px !important;
    gap: 6px !important;
  }
}
/* mobile single product card layout 20260815 end */


/* mobile cart checkout flow polish 20260815 */
@media (max-width: 760px) {
  body.cart-open .mobile-bottom-nav {
    transform: translateY(110%) !important;
    pointer-events: none !important;
  }

  .cart-backdrop {
    z-index: 120 !important;
  }

  .cart-drawer {
    z-index: 130 !important;
    height: min(86vh, 720px) !important;
    max-height: calc(100dvh - 10px) !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
  }

  .drawer-items {
    min-height: 0 !important;
    overscroll-behavior: contain !important;
  }

  .drawer-summary {
    margin-bottom: 8px !important;
  }

  .drawer-actions {
    padding: 10px 12px calc(12px + env(safe-area-inset-bottom)) !important;
    z-index: 2 !important;
  }

  .drawer-actions .btn:first-child {
    background: #ff6b16 !important;
    color: #fff !important;
  }

  body.checkout-onepage {
    padding-bottom: 86px !important;
  }

  .checkout-main {
    padding: 10px !important;
  }

  .checkout-title-card,
  .checkout-card,
  .checkout-summary-card,
  .checkout-success {
    border-radius: 16px !important;
  }

  .checkout-title-card {
    padding: 14px !important;
    gap: 12px !important;
  }

  .checkout-title-card h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  .checkout-title-card p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .checkout-card-head {
    padding: 13px 14px !important;
  }

  .checkout-card-body,
  .checkout-summary-body {
    padding: 12px !important;
  }

  .checkout-address-summary {
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
  }

  .checkout-address-summary .btn,
  #toggleAddress {
    min-width: 58px !important;
    height: 36px !important;
    padding: 0 12px !important;
  }

  .checkout-order-item {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  .checkout-order-thumb {
    width: 64px !important;
    height: 64px !important;
  }

  .checkout-order-item h3 {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .checkout-qty-control {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    grid-template-columns: 38px minmax(70px, 1fr) 38px 34px !important;
    height: 44px !important;
    margin-top: 4px !important;
  }

  .checkout-qty-control button,
  .checkout-qty-control input {
    height: 36px !important;
  }

  .checkout-order-item > strong {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    font-size: 17px !important;
  }

  .checkout-ship-option {
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    gap: 9px !important;
  }

  .checkout-ship-option > strong {
    font-size: 14px !important;
  }

  .checkout-bank-card {
    padding: 10px 12px !important;
  }

  .checkout-bank-card b {
    font-size: 20px !important;
  }

  .checkout-payment-area label {
    gap: 7px !important;
  }

  .checkout-payment-area input[type="file"] {
    background: #fff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 12px !important;
    min-height: 46px !important;
    padding: 10px !important;
    width: 100% !important;
  }

  .checkout-file-help {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
  }

  .checkout-proof-preview {
    min-height: 128px !important;
    padding: 8px !important;
  }

  .checkout-proof-preview img {
    max-height: 190px !important;
  }

  .checkout-proof-preview small {
    color: #667085 !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    margin-top: 6px !important;
    overflow-wrap: anywhere !important;
  }

  .checkout-submit {
    position: sticky !important;
    bottom: 78px !important;
    height: 50px !important;
    font-size: 16px !important;
  }
}
/* mobile cart checkout flow polish 20260815 end */



/* mobile product detail polish 20260815 */
@media (max-width: 760px) {
  body.product-detail-page {
    padding-bottom: 86px !important;
    background: #eef3f7 !important;
  }

  .detail-page-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 70 !important;
    border-radius: 0 0 16px 16px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .detail-page-header .brand {
    min-width: 0 !important;
  }

  .detail-page-header .brand strong {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  .detail-page-header .brand span {
    font-size: 11px !important;
  }

  .detail-page-header nav {
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }

  .detail-page-header nav::-webkit-scrollbar {
    display: none !important;
  }

  .detail-page-header nav a {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .detail-page-shell {
    margin: 10px auto 20px !important;
    padding: 0 10px !important;
  }

  .product-detail-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    border-radius: 18px !important;
    padding: 10px !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
  }

  .detail-page-gallery,
  .detail-gallery {
    gap: 8px !important;
  }

  .detail-main-image {
    border-radius: 15px !important;
    min-height: 0 !important;
  }

  .detail-main-image img,
  .detail-main-image .product-art {
    object-fit: contain !important;
  }

  .detail-thumbs {
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding-bottom: 3px !important;
    scrollbar-width: none !important;
  }

  .detail-thumbs::-webkit-scrollbar {
    display: none !important;
  }

  .detail-thumbs button {
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 12px !important;
  }

  .detail-page-info,
  .detail-info {
    gap: 9px !important;
    padding: 0 !important;
  }

  .detail-page-info h1,
  .detail-info h2 {
    font-size: 22px !important;
    line-height: 1.14 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .detail-page-info p,
  .detail-info p {
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  .detail-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .detail-specs div {
    border-radius: 12px !important;
    padding: 8px 9px !important;
  }

  .detail-specs dt {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  .detail-specs dd {
    font-size: 12px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }

  .detail-variant-picker {
    gap: 7px !important;
    margin: 6px 0 !important;
  }

  .detail-variant-picker > span {
    font-size: 12px !important;
  }

  .detail-variant-choice-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .detail-variant-choice {
    min-width: 0 !important;
    min-height: 42px !important;
    width: 100% !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    border-radius: 12px !important;
  }

  .detail-price {
    border-radius: 14px !important;
    margin: 4px 0 !important;
    padding: 11px 12px !important;
  }

  .detail-price small {
    font-size: 11px !important;
  }

  .detail-price strong {
    font-size: 30px !important;
    line-height: 1 !important;
  }

  .detail-price em {
    font-size: 12px !important;
    margin-top: 5px !important;
  }

  .detail-actions {
    background: #fff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 15px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(64px, 1fr) 40px !important;
    gap: 8px !important;
    margin-top: 4px !important;
    padding: 8px !important;
  }

  .detail-actions button:not(.btn),
  .detail-actions input {
    border: 1px solid #d9e2ec !important;
    border-radius: 12px !important;
    height: 42px !important;
    min-width: 0 !important;
  }

  .detail-actions input {
    font-size: 17px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .detail-actions .btn,
  .product-detail-page .detail-actions .btn {
    grid-column: 1 / -1 !important;
    min-height: 48px !important;
    border-radius: 13px !important;
    font-size: 15px !important;
  }

  .detail-box-info.compact-rule,
  .detail-note,
  .detail-trust-box {
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 10px 11px !important;
  }
}

@media (max-width: 380px) {
  .detail-page-info h1,
  .detail-info h2 {
    font-size: 20px !important;
  }

  .detail-price strong {
    font-size: 27px !important;
  }

  .detail-variant-choice-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* mobile product detail polish 20260815 end */

/* mobile product detail buy row fix 20260815 */
@media (max-width: 760px) {
  .detail-breadcrumb {
    font-size: 11px !important;
    gap: 5px !important;
    margin: 0 0 8px !important;
    max-height: 38px !important;
    overflow: hidden !important;
  }

  .detail-buy-row {
    border-radius: 15px !important;
    grid-template-columns: 1fr 42px 82px 42px !important;
    gap: 7px !important;
    margin: 4px 0 !important;
    padding: 8px !important;
  }

  .detail-buy-row span {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .detail-buy-row button,
  .detail-buy-row input {
    border-radius: 12px !important;
    height: 42px !important;
    min-width: 0 !important;
  }

  .detail-buy-row input {
    font-size: 17px !important;
  }

  .detail-alerts {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .detail-alerts span {
    border-radius: 12px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding: 9px 10px !important;
  }

  .conversion-actions,
  .detail-actions.conversion-actions {
    border: 0 !important;
    padding: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .conversion-actions .btn,
  .detail-actions.conversion-actions .btn {
    min-height: 48px !important;
    width: 100% !important;
  }
}

@media (max-width: 380px) {
  .detail-buy-row {
    grid-template-columns: 1fr 38px 68px 38px !important;
    gap: 6px !important;
  }
}
/* mobile product detail buy row fix 20260815 end */

/* mobile account center polish 20260815 */
@media (max-width: 760px) {
  body.account-compact-page {
    background: #eef3f7 !important;
    padding-bottom: 88px !important;
  }
  .account-compact-topbar {
    align-items: stretch !important;
    border-radius: 0 0 16px 16px !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 10px 12px !important;
    position: sticky !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 70 !important;
  }
  .account-compact-brand {
    gap: 8px !important;
    min-width: 0 !important;
  }
  .account-compact-logo {
    border-radius: 10px !important;
    height: 36px !important;
    width: 36px !important;
  }
  .account-compact-brand strong {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }
  .account-compact-brand em {
    font-size: 11px !important;
  }
  .account-compact-topbar > .btn {
    border-radius: 11px !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
  }
  .account-compact-topnav {
    grid-column: 1 / -1 !important;
    display: flex !important;
    gap: 7px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    padding-bottom: 1px !important;
    scrollbar-width: none !important;
  }
  .account-compact-topnav::-webkit-scrollbar { display: none !important; }
  .account-compact-topnav a {
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    white-space: nowrap !important;
  }
  .account-compact-wrap {
    margin: 0 auto !important;
    max-width: 100% !important;
    padding: 10px !important;
  }
  .account-auth-compact,
  .account-auth-two-col,
  .account-compact-layout,
  .account-content-compact,
  .account-detail-info-grid,
  .account-payment-grid,
  .account-two,
  .register-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .account-compact-sidebar {
    border-radius: 16px !important;
    padding: 10px !important;
    position: static !important;
  }
  .account-profile-mini {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
  }
  .account-avatar {
    height: 44px !important;
    width: 44px !important;
  }
  .account-side-nav {
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }
  .account-side-nav::-webkit-scrollbar { display: none !important; }
  .account-side-nav a,
  .account-side-nav button {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    white-space: nowrap !important;
  }
  .account-card,
  .account-auth-intro,
  .account-auth-box,
  .account-overview-strip,
  .account-orders-compact,
  .account-address-compact,
  .account-profile-form-compact,
  .account-detail-page,
  .account-detail-box {
    border-radius: 16px !important;
    padding: 12px !important;
  }
  .account-auth-intro,
  .account-overview-strip {
    align-items: start !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .account-auth-intro h1,
  .account-overview-strip h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
    margin: 4px 0 6px !important;
  }
  .account-auth-intro p,
  .account-overview-strip p {
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }
  .account-card-head {
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }
  .account-card-head h2,
  .account-detail-page-head h2 {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }
  .account-form-body,
  .account-profile-form-compact {
    gap: 9px !important;
  }
  .account-compact-page label,
  .account-compact-page input,
  .account-compact-page select,
  .account-compact-page textarea {
    font-size: 14px !important;
  }
  .account-compact-page input,
  .account-compact-page select {
    border-radius: 12px !important;
    min-height: 44px !important;
  }
  .account-compact-page textarea {
    border-radius: 12px !important;
    min-height: 78px !important;
  }
  .account-compact-page .btn {
    border-radius: 12px !important;
    min-height: 42px !important;
  }
  .account-head-actions,
  .account-detail-actions,
  .account-order-actions {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
  .account-kpi-grid,
  .account-kpi-grid.account-kpi-ops,
  .account-reminder-grid,
  .account-order-tabs {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .account-kpi-grid article,
  .account-status-card,
  .account-reminder-card {
    border-radius: 14px !important;
    min-height: auto !important;
    padding: 10px !important;
  }
  .account-reminder-card {
    align-items: stretch !important;
    display: grid !important;
    gap: 8px !important;
  }
  .account-order-list-compact,
  .account-order-group-list {
    gap: 9px !important;
  }
  .account-order-group {
    border-radius: 15px !important;
    padding: 9px !important;
  }
  .account-order-group > header {
    align-items: start !important;
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 8px !important;
  }
  .account-order-row,
  .ecommerce-order-row,
  .account-preorder-card {
    border-radius: 14px !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 10px !important;
  }
  .account-order-main,
  .ecommerce-order-main {
    min-width: 0 !important;
    text-align: left !important;
  }
  .account-order-main b,
  .ecommerce-order-main b {
    font-size: 16px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }
  .account-order-main small,
  .account-order-main span,
  .account-order-meta,
  .ecommerce-order-note,
  .account-order-money span {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  .account-order-money,
  .ecommerce-order-money {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  .account-order-money b,
  .ecommerce-order-money b {
    font-size: 18px !important;
  }
  .account-detail-page-head {
    border-radius: 16px 16px 0 0 !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 12px !important;
  }
  .account-detail-page-head .btn {
    width: 100% !important;
  }
  .account-detail-page-body {
    gap: 10px !important;
    padding: 10px !important;
  }
  .account-detail-hero,
  .account-detail-page-body .account-detail-hero {
    align-items: stretch !important;
    border-radius: 15px !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 12px !important;
  }
  .account-detail-hero h3 {
    font-size: 22px !important;
    overflow-wrap: anywhere !important;
  }
  .account-detail-next {
    border-radius: 13px !important;
    justify-self: stretch !important;
    padding: 11px !important;
    text-align: left !important;
  }
  .account-progress-line,
  .account-detail-page-body .account-progress-line {
    border-radius: 14px !important;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 9px !important;
  }
  .account-progress-line span {
    align-items: center !important;
    display: flex !important;
    font-size: 12px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
  }
  .refined-account-detail-summary,
  .preorder-summary-grid,
  .account-detail-summary {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .refined-account-detail-summary div,
  .account-detail-summary div {
    border-radius: 13px !important;
    padding: 10px !important;
  }
  .refined-account-detail-summary strong,
  .account-detail-summary strong {
    font-size: 18px !important;
  }
  .account-payment-action .payment-action-head {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .account-payment-action .payment-action-head strong {
    font-size: 22px !important;
  }
  .account-bank-list {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .account-proof-upload {
    padding: 10px !important;
  }
  .account-proof-upload input[type="file"],
  .account-detail-box input[type="file"] {
    background: #fff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 12px !important;
    min-height: 44px !important;
    padding: 9px !important;
    width: 100% !important;
  }
  .account-upload-preview {
    min-height: 116px !important;
  }
  .account-upload-preview img {
    border-radius: 12px !important;
    max-height: 180px !important;
    object-fit: contain !important;
    width: 100% !important;
  }
  .account-proof-card,
  .account-detail-page-body .account-proof-card,
  .account-proof-focus-box .account-proof-card {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    padding: 10px !important;
  }
  .account-proof-image img,
  .account-detail-page-body .account-proof-image img,
  .account-proof-focus-box .account-proof-card img,
  .account-proof-card img {
    border-radius: 12px !important;
    height: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    width: 96px !important;
  }
  .account-proof-info {
    min-width: 0 !important;
  }
  .account-proof-info p,
  .account-proof-info span,
  .account-proof-info a {
    font-size: 12px !important;
    overflow-wrap: anywhere !important;
  }
  .account-items-box,
  .account-detail-page-body .account-items-box {
    overflow-x: auto !important;
  }
  .account-detail-items,
  .account-detail-page-body .account-detail-items {
    min-width: 680px !important;
  }
  .account-detail-page-body .account-detail-product,
  .account-detail-product {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }
  .account-detail-product img,
  .account-detail-page-body .account-detail-product img,
  .account-item-noimage,
  .account-detail-page-body .account-item-noimage {
    border-radius: 12px !important;
    height: 58px !important;
    width: 58px !important;
  }
  .account-shipping-grid {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 380px) {
  .account-kpi-grid,
  .account-kpi-grid.account-kpi-ops,
  .account-order-tabs,
  .refined-account-detail-summary,
  .preorder-summary-grid,
  .account-detail-summary {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .account-proof-card,
  .account-detail-page-body .account-proof-card,
  .account-proof-focus-box .account-proof-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .account-proof-image img,
  .account-detail-page-body .account-proof-image img,
  .account-proof-focus-box .account-proof-card img,
  .account-proof-card img {
    height: 150px !important;
    max-height: 150px !important;
    width: 100% !important;
  }
}
/* mobile account center polish 20260815 end */

/* category page homepage-style navigation 20260815 */
.category-products-page {
  background: #eef3f7;
  color: #101828;
}
.category-products-page .commerce-v4-shell {
  width: min(1680px, calc(100% - 56px));
  margin: 0 auto;
}
.category-products-page .commerce-v4-topbar {
  background: #101827;
  border: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  padding: 0;
}
.category-products-page .commerce-v4-topbar .commerce-v4-shell {
  align-items: center;
  display: flex;
  gap: 44px;
  justify-content: center;
  min-height: 38px;
  overflow-x: auto;
  white-space: nowrap;
}
.category-products-page .commerce-v4-header {
  background: #fff;
  border-bottom: 1px solid #dbe4ee;
  border-radius: 0;
  box-shadow: 0 8px 22px rgba(16, 24, 40, .05);
  margin: 0;
  max-width: none;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 20;
}
.category-products-page .commerce-v4-header-grid {
  align-items: center;
  display: grid;
  gap: 22px;
  grid-template-columns: 230px 1fr auto;
  min-height: 86px;
}
.category-products-page .commerce-v4-brand {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}
.category-products-page .commerce-v4-brand-mark {
  align-items: center;
  background: #15955d;
  border-radius: 8px;
  color: #fff;
  display: grid;
  font-size: 23px;
  font-weight: 900;
  height: 52px;
  justify-content: center;
  place-items: center;
  width: 52px;
}
.category-products-page .commerce-v4-brand b,
.category-products-page .commerce-v4-brand small {
  display: block;
}
.category-products-page .commerce-v4-brand b {
  color: #101828;
  font-size: 24px;
  line-height: 1;
}
.category-products-page .commerce-v4-brand small {
  color: #64748b;
  font-size: 14px;
  font-weight: 900;
  margin-top: 4px;
}
.category-products-page .commerce-v4-search-bar {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1fr 110px;
  min-width: 0;
  overflow: hidden;
}
.category-products-page .commerce-v4-search-bar input {
  background: #fff;
  border: 0;
  color: #101828;
  font-size: 17px;
  min-height: 56px;
  outline: 0;
  padding: 0 20px;
}
.category-products-page .commerce-v4-search-bar button,
.category-products-page .commerce-v4-cart {
  border: 0;
}
.category-products-page .commerce-v4-search-bar button {
  background: #ff6a16;
  border-radius: 0;
  color: #fff;
  font-weight: 900;
}
.category-products-page .commerce-v4-nav {
  align-items: center;
  display: flex;
  font-weight: 900;
  gap: 16px;
  white-space: nowrap;
}
.category-products-page .commerce-v4-nav a {
  color: #101828;
  font-size: 15px;
}
.category-products-page .commerce-v4-login {
  background: #fff4e8;
  border-radius: 6px;
  color: #c2410c !important;
  padding: 7px 9px;
}
.category-products-page .commerce-v4-cart {
  align-items: center;
  background: #101827;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-weight: 900;
  gap: 10px;
  padding: 13px 16px;
}
.category-products-page .commerce-v4-cart b {
  background: #ff6a16;
  border-radius: 999px;
  display: grid;
  font-size: 12px;
  height: 24px;
  place-items: center;
  width: 24px;
}
.category-products-page .refined-categories {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .06);
  display: grid !important;
  gap: 14px;
  margin: 18px 0 24px;
  padding: 18px;
}
.category-products-page .category-page-nav-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.category-products-page .category-page-category-row {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.category-products-page .category-page-category-card {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  box-shadow: none;
  display: grid;
  gap: 10px;
  padding: 14px;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.category-products-page .category-page-category-card.active {
  border-color: #ff6a16;
  box-shadow: 0 12px 28px rgba(249, 115, 22, .11);
}
.category-products-page .commerce-v4-category-title {
  align-items: center;
  color: #101828;
  display: grid;
  gap: 10px;
  grid-template-columns: 52px minmax(0, 1fr);
  margin-bottom: 0;
  text-decoration: none;
}
.category-products-page .commerce-v4-category-icon {
  align-items: center;
  background: #e9fbf2;
  border: 1px solid #b8f0d4;
  border-radius: 12px;
  color: #00856f;
  display: grid;
  font-weight: 950;
  height: 52px;
  place-items: center;
  width: 52px;
}
.category-products-page .commerce-v4-category-title b,
.category-products-page .commerce-v4-category-title small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-products-page .commerce-v4-category-title b {
  font-size: 20px;
  line-height: 1.15;
}
.category-products-page .commerce-v4-category-title small {
  color: #64748b;
  font-size: 13px;
  font-weight: 900;
  margin-top: 3px;
}
.category-products-page .commerce-v4-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.category-products-page .commerce-v4-tag-list a {
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  color: #101828;
  font-size: 13px;
  font-weight: 900;
  min-height: 34px;
  padding: 8px 12px;
  text-decoration: none;
}
.category-products-page .commerce-v4-tag-list a.active,
.category-products-page .commerce-v4-tag-list a:hover,
.category-products-page .commerce-v4-view-all.active {
  background: #ff6a16;
  border-color: #ff6a16;
  color: #fff;
}
@media (max-width: 1100px) {
  .category-products-page .commerce-v4-header-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px 0 12px;
  }
  .category-products-page .commerce-v4-nav {
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  .category-products-page .commerce-v4-nav::-webkit-scrollbar {
    display: none;
  }
  .category-products-page .category-page-category-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .category-products-page .commerce-v4-shell {
    width: min(100% - 20px, 100%);
  }
  .category-products-page .commerce-v4-topbar .commerce-v4-shell {
    gap: 18px;
    justify-content: flex-start;
    min-height: 32px;
  }
  .category-products-page .commerce-v4-header-grid {
    min-height: 0;
  }
  .category-products-page .commerce-v4-brand-mark {
    font-size: 18px;
    height: 38px;
    width: 38px;
  }
  .category-products-page .commerce-v4-brand b {
    font-size: 17px;
  }
  .category-products-page .commerce-v4-brand small {
    font-size: 11px;
  }
  .category-products-page .commerce-v4-search-bar {
    grid-template-columns: 1fr 72px;
  }
  .category-products-page .commerce-v4-search-bar input {
    font-size: 14px;
    min-height: 42px;
    padding: 0 12px;
  }
  .category-products-page .commerce-v4-nav a,
  .category-products-page .commerce-v4-cart {
    font-size: 12px;
  }
  .category-products-page .commerce-v4-cart {
    min-height: 36px;
    padding: 8px 12px;
  }
  .category-products-page .refined-categories {
    border-radius: 14px;
    gap: 10px;
    margin: 12px 0 18px;
    padding: 12px;
  }
  .category-products-page .category-page-nav-head {
    align-items: flex-start;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .category-products-page .category-page-nav-head h2 {
    font-size: 22px;
    line-height: 1.15;
  }
  .category-products-page .category-page-nav-head p {
    font-size: 12px;
    line-height: 1.35;
  }
  .category-products-page .category-page-category-row {
    display: flex;
    gap: 10px;
    margin: 0 -12px;
    overflow-x: auto;
    padding: 0 12px 4px;
    scroll-snap-type: x mandatory;
  }
  .category-products-page .category-page-category-card {
    flex: 0 0 82%;
    gap: 8px;
    padding: 12px;
    scroll-snap-align: start;
  }
  .category-products-page .commerce-v4-category-title {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .category-products-page .commerce-v4-category-icon {
    height: 44px;
    width: 44px;
  }
  .category-products-page .commerce-v4-category-title b {
    font-size: 18px;
  }
  .category-products-page .commerce-v4-tag-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  .category-products-page .commerce-v4-tag-list::-webkit-scrollbar {
    display: none;
  }
  .category-products-page .commerce-v4-tag-list a {
    flex: 0 0 auto;
    font-size: 12px;
    min-height: 32px;
    padding: 7px 10px;
  }
}
/* category page homepage-style navigation 20260815 end */
/* category page mobile nav visibility fix 20260815 */
@media (max-width: 760px) {
  body.category-products-page #categories.refined-categories {
    display: grid !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 12px !important;
    white-space: normal !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .08) !important;
  }
  body.category-products-page #categories .category-page-nav-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 8px !important;
    width: 100% !important;
  }
  body.category-products-page #categories .category-page-category-row {
    display: flex !important;
    gap: 10px !important;
    margin: 0 -12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 12px 4px !important;
    scroll-snap-type: x mandatory;
    white-space: normal !important;
    width: auto !important;
  }
  body.category-products-page #categories .category-page-category-card {
    flex: 0 0 84% !important;
    min-width: 272px !important;
    width: 84% !important;
    scroll-snap-align: start;
  }
  body.category-products-page #categories .commerce-v4-tag-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    white-space: nowrap !important;
  }
  body.category-products-page #categories .commerce-v4-tag-list a {
    flex: 0 0 auto !important;
  }
}
/* category page mobile nav visibility fix 20260815 end */

/* Dynamic homepage modules */
.home-dynamic-modules { display: grid; gap: 22px; margin-top: 22px; }
.home-dynamic-banner-section { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.home-dynamic-banner-section.wide { grid-template-columns: 1fr; }
.home-dynamic-banner-card { display: block; overflow: hidden; border-radius: 16px; background: #fff; border: 1px solid #dce6f2; min-height: 180px; box-shadow: 0 14px 34px rgba(15, 23, 42, .05); }
.home-dynamic-banner-section.wide .home-dynamic-banner-card { min-height: 240px; }
.home-dynamic-banner-card img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; display: block; }
.home-dynamic-product-section { margin: 0; }
.home-dynamic-product-section .commerce-v4-product-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  .home-dynamic-product-section .commerce-v4-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-dynamic-banner-section { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .home-dynamic-modules { gap: 14px; margin-top: 14px; }
  .home-dynamic-product-section .commerce-v4-product-grid { grid-template-columns: 1fr; }
  .home-dynamic-banner-section { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
  .home-dynamic-banner-card { flex: 0 0 82%; min-height: 150px; scroll-snap-align: start; border-radius: 14px; }
  .home-dynamic-banner-section.wide { display: grid; overflow: visible; }
  .home-dynamic-banner-section.wide .home-dynamic-banner-card { min-height: 180px; }
}
/* mobile app compact v20260822 */
@media (max-width: 720px) {
  html { scroll-padding-top: 72px; }
  body,
  body.homepage-refined,
  body.category-products-page,
  body.checkout-onepage,
  body.account-compact-page {
    background: #eef3f8 !important;
    padding-bottom: 78px !important;
  }

  .commerce-v4-shell,
  .checkout-main,
  .account-compact-wrap,
  .store-wrap,
  .page-wrap,
  main > .container {
    width: min(100% - 20px, 100%) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .commerce-v4-topbar,
  .top-strip,
  .checkout-topbar .checkout-nav,
  .account-compact-topnav {
    display: none !important;
  }

  .commerce-v4-header,
  .site-header,
  .checkout-topbar,
  .account-compact-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    padding: 8px 0 !important;
    background: rgba(255, 255, 255, .97) !important;
    border-bottom: 1px solid #dbe5f0 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;
    backdrop-filter: blur(12px);
  }

  .commerce-v4-header-grid {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .commerce-v4-brand {
    min-width: 38px !important;
    gap: 6px !important;
  }
  .commerce-v4-brand b,
  .commerce-v4-brand small,
  .commerce-v4-brand span:not(.commerce-v4-brand-mark) {
    display: none !important;
  }
  .commerce-v4-brand-mark,
  .checkout-logo,
  .account-compact-logo {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    font-size: 15px !important;
  }

  .commerce-v4-search-bar {
    grid-column: auto !important;
    height: 42px !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    gap: 6px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .commerce-v4-search-bar input {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #dbe5f0 !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    font-size: 13px !important;
  }
  .commerce-v4-search-bar button {
    height: 42px !important;
    min-width: 54px !important;
    padding: 0 !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  .commerce-v4-nav {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    min-width: 0 !important;
  }
  .commerce-v4-nav a,
  .commerce-v4-login {
    display: none !important;
  }
  .commerce-v4-cart,
  .cart-link {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 0 !important;
    white-space: nowrap !important;
  }
  .commerce-v4-cart::before,
  .cart-link::before {
    content: "Cart";
    font-size: 13px;
    font-weight: 950;
  }
  .commerce-v4-cart b,
  .cart-link b {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-left: 6px !important;
    border-radius: 999px !important;
    background: #ff6b16 !important;
    color: #fff !important;
    font-size: 11px !important;
  }

  .commerce-v4-main { padding-top: 12px !important; }
  .commerce-v4-market-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  .home-promo-hero,
  .commerce-v4-hero-banner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  .commerce-v4-label-row { gap: 6px !important; overflow-x: auto !important; flex-wrap: nowrap !important; scrollbar-width: none; }
  .commerce-v4-label-row::-webkit-scrollbar { display: none; }
  .commerce-v4-label-row > * { flex: 0 0 auto !important; }
  .commerce-v4-hero-copy h1,
  .home-hero-copy h1 {
    font-size: clamp(28px, 9vw, 40px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin: 10px 0 8px !important;
  }
  .commerce-v4-hero-copy p,
  .home-hero-copy p {
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }
  .commerce-v4-hero-actions,
  .actions.commerce-v4-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }
  .commerce-v4-hero-actions .btn,
  .commerce-v4-primary,
  .commerce-v4-secondary {
    min-height: 42px !important;
    border-radius: 12px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
  .commerce-v4-hero-stats,
  .hero-metrics.commerce-v4-hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }
  .commerce-v4-hero-stats article,
  .hero-metrics article {
    min-height: 56px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }
  .commerce-v4-hero-image,
  .home-hero-image {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    border-radius: 14px !important;
  }
  .commerce-v4-hero-image img,
  .home-hero-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .commerce-v4-side-ads,
  .home-banner-grid {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none;
  }
  .commerce-v4-side-ads::-webkit-scrollbar,
  .home-banner-grid::-webkit-scrollbar { display: none; }
  .commerce-v4-side-ad,
  .home-banner-card {
    flex: 0 0 78% !important;
    min-height: 112px !important;
    padding: 14px !important;
    border-radius: 15px !important;
    scroll-snap-align: start !important;
  }

  .commerce-v4-section,
  .home-product-section,
  .commerce-v4-category-shop,
  .refined-categories,
  #categories.refined-categories,
  .checkout-card,
  .checkout-summary-card,
  .account-card,
  .account-auth-box,
  .account-overview-strip,
  .account-orders-compact,
  .account-detail-page,
  .panel {
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06) !important;
  }
  .commerce-v4-section-head,
  .section-head,
  .checkout-card-head,
  .account-card-head {
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }
  .commerce-v4-section-head h2,
  .section-head h2,
  .checkout-card-head h2,
  .account-card-head h2 {
    font-size: 22px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }
  .eyebrow,
  .commerce-v4-section-head p,
  .section-head p {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .commerce-v4-category-row,
  .category-page-category-row {
    display: flex !important;
    gap: 10px !important;
    margin: 0 -12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 12px 4px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none;
  }
  .commerce-v4-category-row::-webkit-scrollbar,
  .category-page-category-row::-webkit-scrollbar { display: none; }
  .commerce-v4-category-card,
  .category-page-category-card {
    flex: 0 0 86% !important;
    min-width: 280px !important;
    max-width: 360px !important;
    padding: 12px !important;
    border-radius: 15px !important;
    scroll-snap-align: start !important;
  }
  .commerce-v4-tag-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none;
  }
  .commerce-v4-tag-list::-webkit-scrollbar { display: none; }
  .commerce-v4-tag-list a,
  .commerce-v4-view-all,
  .category-pill {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
  }

  .commerce-v4-product-toolbar,
  .catalog-toolbar,
  .filter-panel {
    position: sticky !important;
    top: 59px !important;
    z-index: 45 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
    margin: 0 0 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dbe5f0 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
  }
  .commerce-v4-segmented,
  .commerce-v4-mini-search,
  .commerce-v4-mini-filter,
  .catalog-toolbar select,
  .catalog-toolbar input,
  .filter-panel select,
  .filter-panel input {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }
  .commerce-v4-segmented { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; padding: 4px !important; }
  .commerce-v4-segmented a { min-height: 34px !important; display: grid !important; place-items: center !important; font-size: 12px !important; }

  .commerce-v4-product-grid,
  .home-feature-grid,
  .product-grid,
  .store-grid,
  .commerce-products,
  .refined-products {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .product-card.box-card,
  body.home-landing-page .product-card.box-card,
  body.commerce-v4-page .commerce-v4-product-grid .product-card.box-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  .product-card.box-card .product-media,
  .product-card.box-card .product-media-link,
  .product-card.box-card .product-art,
  .product-card.box-card .square-art,
  .product-card.box-card .product-photo {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }
  .product-card.box-card .product-photo img,
  .product-card.box-card .product-art img,
  .product-card.box-card .product-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }
  .product-card.box-card h3,
  body.home-landing-page .product-card.box-card h3 {
    min-height: 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .product-card.box-card .product-meta-line,
  .product-card.box-card .ready-spec-line,
  .product-card.box-card .preorder-spec-line {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }
  .product-card.box-card .variant-picker > span,
  .product-card.box-card .variant-strip > span,
  .product-card.box-card .variant-choice-row > span { display: none !important; }
  .product-card.box-card .variant-strip,
  .product-card.box-card .variant-choice-row,
  .product-card.box-card .variant-picker {
    display: grid !important;
    gap: 6px !important;
  }
  .product-card.box-card .variant-strip-choice,
  .product-card.box-card .variant-choice,
  .product-card.box-card .variant-choice-row button {
    width: 100% !important;
    min-height: 36px !important;
    border-radius: 11px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  .product-card.box-card .box-price {
    min-height: 0 !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
  }
  .product-card.box-card .box-price small { font-size: 11px !important; }
  .product-card.box-card .box-price strong { font-size: 26px !important; line-height: 1.05 !important; margin-top: 2px !important; }
  .product-card.box-card .stock-line,
  body.home-landing-page .product-card.box-card .stock-line {
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }
  .product-card.box-card .stock-line span,
  .product-card.box-card .stock-line b { font-size: 12px !important; }
  .product-card.box-card .box-qty-row,
  .product-card.box-card .compact-buy-row,
  .product-card.box-card .preorder-buy-row {
    display: grid !important;
    grid-template-columns: 42px minmax(56px, 1fr) 42px 34px 54px !important;
    gap: 7px !important;
    align-items: center !important;
    padding: 7px !important;
    border-radius: 13px !important;
    overflow: hidden !important;
  }
  .product-card.box-card .box-qty-row button,
  .product-card.box-card .box-qty-row input,
  .product-card.box-card .compact-buy-row button,
  .product-card.box-card .compact-buy-row input,
  .product-card.box-card .preorder-buy-row button,
  .product-card.box-card .preorder-buy-row input {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
    font-size: 18px !important;
  }
  .product-card.box-card .cart-add-icon,
  .product-card.box-card .add-to-cart {
    width: 54px !important;
    min-width: 54px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    background: #ff6b16 !important;
  }

  .cart-drawer {
    inset: 0 0 0 auto !important;
    width: min(100vw, 430px) !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    border-radius: 0 !important;
    padding: 14px 12px calc(16px + env(safe-area-inset-bottom)) !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
  }
  .cart-drawer.open,
  body.cart-open .cart-drawer { transform: translateX(0) !important; }
  .drawer-head { padding: 4px 2px 10px !important; }
  .drawer-head h2 { font-size: 25px !important; line-height: 1.1 !important; }
  .drawer-note { padding: 10px 12px !important; border-radius: 13px !important; font-size: 12px !important; }
  .drawer-items { overflow-y: auto !important; padding: 0 0 8px !important; gap: 8px !important; }
  .drawer-items .cart-line,
  .drawer-items .modern-cart-line {
    min-height: 116px !important;
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 8px 10px !important;
    padding: 10px !important;
    border-radius: 14px !important;
    position: relative !important;
  }
  .drawer-items .cart-line-art,
  .drawer-image-box {
    width: 76px !important;
    height: 76px !important;
    border-radius: 12px !important;
  }
  .drawer-items .cart-line-img,
  .drawer-image-box img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
  .drawer-items .remove-btn,
  .drawer-items [data-remove] {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 0 !important;
    display: grid !important;
    place-items: center !important;
  }
  .drawer-items .remove-btn::before,
  .drawer-items [data-remove]::before { content: "X"; font-size: 13px; font-weight: 950; }
  .drawer-summary { padding: 12px !important; border-radius: 14px !important; }
  .drawer-actions { display: grid !important; gap: 8px !important; padding-top: 8px !important; }
  .drawer-actions .btn { min-height: 46px !important; border-radius: 13px !important; }

  body.checkout-onepage .checkout-main { padding: 12px 0 !important; }
  .checkout-title-card { padding: 14px !important; border-radius: 17px !important; margin-bottom: 12px !important; }
  .checkout-title-card h1 { font-size: 26px !important; line-height: 1.12 !important; }
  .checkout-title-card p { font-size: 13px !important; line-height: 1.45 !important; }
  .checkout-layout-onepage,
  .checkout-main-stack,
  .checkout-field-grid,
  .checkout-summary-body,
  .checkout-bank-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .checkout-card-body { padding: 0 !important; }
  .checkout-order-item {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }
  .checkout-order-thumb { width: 58px !important; height: 58px !important; border-radius: 11px !important; }
  .checkout-order-item h3 { font-size: 14px !important; line-height: 1.25 !important; }
  .checkout-qty-control { grid-column: 1 / -1 !important; grid-template-columns: 40px 1fr 40px auto !important; gap: 7px !important; }
  .checkout-submit { min-height: 50px !important; border-radius: 14px !important; font-size: 16px !important; }
  .checkout-summary-card { position: static !important; }
  .checkout-proof-preview { min-height: 150px !important; border-radius: 13px !important; }
  .checkout-proof-preview img { max-height: 260px !important; object-fit: contain !important; }

  body.account-compact-page .account-compact-wrap { padding: 12px 0 !important; }
  .account-auth-compact,
  .account-auth-two-col,
  .account-compact-layout,
  .account-content-compact,
  .account-detail-page-body,
  .account-two,
  .account-detail-info-grid,
  .account-payment-grid,
  .account-shipping-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .account-compact-sidebar { position: static !important; padding: 10px !important; border-radius: 16px !important; }
  .account-side-nav {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none;
  }
  .account-side-nav::-webkit-scrollbar { display: none; }
  .account-side-nav a,
  .account-side-nav button {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    border-radius: 999px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }
  .account-kpi-grid,
  .account-reminder-grid,
  .account-order-tabs {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }
  .account-kpi-grid > *,
  .account-reminder-grid > *,
  .account-order-tabs > * { flex: 0 0 72% !important; }
  .account-order-row,
  .account-preorder-card {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }
  .account-detail-product {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 9px !important;
  }
  .account-detail-product img,
  .account-item-noimage { width: 56px !important; height: 56px !important; border-radius: 11px !important; }
  .account-proof-card { grid-template-columns: 1fr !important; }
  .account-proof-image img,
  .account-proof-card img { width: 100% !important; max-height: 260px !important; object-fit: contain !important; }

  .mobile-bottom-nav {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 4px !important;
    padding: 7px !important;
    border: 1px solid #dbe5f0 !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.18) !important;
    backdrop-filter: blur(12px);
  }
  body.cart-open .mobile-bottom-nav { display: none !important; }
  .mobile-bottom-nav a,
  .mobile-bottom-nav button {
    position: relative !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    display: grid !important;
    place-items: center !important;
    gap: 2px !important;
    font: inherit !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }
  .mobile-bottom-nav b {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 24px !important;
    border-radius: 10px !important;
    background: #f1f5f9 !important;
    color: #081326 !important;
    font-size: 14px !important;
  }
  .mobile-bottom-nav i {
    position: absolute !important;
    top: 0 !important;
    right: 16% !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #ff6b16 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-style: normal !important;
    display: grid !important;
    place-items: center !important;
  }
}

@media (max-width: 420px) {
  .commerce-v4-shell,
  .checkout-main,
  .account-compact-wrap { width: min(100% - 16px, 100%) !important; }
  .commerce-v4-hero-actions { grid-template-columns: 1fr !important; }
  .product-card.box-card h3,
  body.home-landing-page .product-card.box-card h3 { font-size: 19px !important; }
  .product-card.box-card .box-qty-row,
  .product-card.box-card .compact-buy-row,
  .product-card.box-card .preorder-buy-row { grid-template-columns: 40px minmax(46px, 1fr) 40px 30px 50px !important; }
  .commerce-v4-category-card,
  .category-page-category-card { flex-basis: 90% !important; min-width: 260px !important; }
}
/* mobile app compact v20260822 end */
/* mobile space audit v20260822 */
@media (max-width: 720px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body.homepage-refined,
  body.category-products-page,
  body.checkout-onepage,
  body.account-compact-page,
  body.product-detail-page {
    font-size: 14px !important;
  }

  .commerce-v4-main *,
  .refined-main *,
  .checkout-main *,
  .account-compact-page *,
  .product-detail-page *,
  .cart-drawer * {
    min-width: 0;
    box-sizing: border-box;
  }

  .commerce-v4-main h1,
  .commerce-v4-main h2,
  .commerce-v4-main h3,
  .refined-main h1,
  .refined-main h2,
  .refined-main h3,
  .checkout-main h1,
  .checkout-main h2,
  .account-compact-page h1,
  .account-compact-page h2,
  .account-compact-page h3,
  .product-detail-page h1,
  .product-detail-page h2,
  .product-card.box-card h3,
  .drawer-items b,
  .checkout-order-item h3,
  .account-order-main b {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .commerce-v4-header,
  .site-header,
  .checkout-topbar,
  .account-compact-topbar,
  .detail-page-header {
    padding: 6px 0 !important;
  }

  .commerce-v4-header-grid {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }

  .commerce-v4-brand-mark,
  .checkout-logo,
  .account-compact-logo {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }

  .commerce-v4-search-bar,
  .commerce-v4-search-bar input,
  .commerce-v4-search-bar button,
  .commerce-v4-cart,
  .cart-link {
    height: 38px !important;
    min-height: 38px !important;
  }

  .commerce-v4-search-bar {
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 5px !important;
  }

  .commerce-v4-search-bar input {
    border-radius: 11px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
  }

  .commerce-v4-search-bar button {
    min-width: 48px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }

  .commerce-v4-cart,
  .cart-link {
    border-radius: 11px !important;
    padding: 0 9px !important;
  }

  .commerce-v4-cart::before,
  .cart-link::before {
    content: "Cart" !important;
    font-size: 12px !important;
  }

  .commerce-v4-main {
    padding-top: 8px !important;
  }

  body.home-landing-page .commerce-v4-market-grid {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  body.home-landing-page .home-promo-hero,
  body.home-landing-page .commerce-v4-hero-banner {
    display: grid !important;
    grid-template-columns: 1fr 96px !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  body.home-landing-page .commerce-v4-hero-copy {
    display: grid !important;
    gap: 7px !important;
  }

  body.home-landing-page .commerce-v4-label-row {
    gap: 5px !important;
    margin: 0 !important;
  }

  body.home-landing-page .commerce-v4-label,
  body.home-landing-page .badge.commerce-v4-label {
    max-width: 100% !important;
    min-height: 24px !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.home-landing-page .commerce-v4-hero-copy h1,
  body.home-landing-page .home-hero-copy h1 {
    font-size: 24px !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-hero-copy p,
  body.home-landing-page .home-hero-copy p {
    font-size: 12px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-hero-actions,
  body.home-landing-page .actions.commerce-v4-hero-actions {
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    margin-top: 2px !important;
  }

  body.home-landing-page .commerce-v4-hero-actions .btn,
  body.home-landing-page .commerce-v4-primary,
  body.home-landing-page .commerce-v4-secondary {
    min-height: 34px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home-landing-page .commerce-v4-hero-actions .btn:nth-child(3) {
    display: none !important;
  }

  body.home-landing-page .commerce-v4-hero-stats,
  body.home-landing-page .hero-metrics.commerce-v4-hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: 0 !important;
  }

  body.home-landing-page .commerce-v4-hero-stats div,
  body.home-landing-page .hero-metrics div,
  body.home-landing-page .hero-metrics article {
    min-height: 42px !important;
    padding: 7px !important;
    border-radius: 10px !important;
  }

  body.home-landing-page .commerce-v4-hero-stats b,
  body.home-landing-page .hero-metrics b {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  body.home-landing-page .commerce-v4-hero-stats span,
  body.home-landing-page .hero-metrics span {
    font-size: 9px !important;
    line-height: 1.15 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-hero-image,
  body.home-landing-page .home-hero-image {
    width: 96px !important;
    height: 100% !important;
    min-height: 170px !important;
    max-height: 210px !important;
    aspect-ratio: auto !important;
    border-radius: 13px !important;
  }

  body.home-landing-page .commerce-v4-hero-image img,
  body.home-landing-page .home-hero-image img {
    object-fit: cover !important;
  }

  body.home-landing-page .commerce-v4-side-ads,
  body.home-landing-page .home-banner-grid {
    gap: 8px !important;
    margin: 0 !important;
    padding-bottom: 2px !important;
  }

  body.home-landing-page .commerce-v4-side-ad,
  body.home-landing-page .home-banner-card {
    flex-basis: 62% !important;
    min-height: 74px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.home-landing-page .commerce-v4-side-ad b,
  body.home-landing-page .home-banner-card b {
    font-size: 13px !important;
    line-height: 1.15 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-side-ad span,
  body.home-landing-page .home-banner-card span {
    font-size: 10px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-category-shop,
  body.home-landing-page .commerce-v4-section,
  body.home-landing-page .home-product-section,
  body.category-products-page .refined-categories,
  body.category-products-page .category-page-hero {
    padding: 10px !important;
    border-radius: 15px !important;
    margin-bottom: 10px !important;
  }

  body.category-products-page .category-page-hero {
    display: grid !important;
    gap: 4px !important;
  }

  body.category-products-page .category-page-hero h1 {
    font-size: 23px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  body.category-products-page .category-page-hero p {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-section-head,
  body.category-products-page .category-page-nav-head,
  body.category-products-page .refined-product-head,
  .checkout-card-head,
  .account-card-head {
    margin-bottom: 7px !important;
  }

  body.home-landing-page .commerce-v4-section-head h2,
  body.category-products-page .category-page-nav-head h2,
  body.category-products-page .refined-product-head h2 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  body.home-landing-page .commerce-v4-section-head p,
  body.category-products-page .category-page-nav-head p,
  body.category-products-page .refined-product-head p {
    display: none !important;
  }

  body.home-landing-page .commerce-v4-category-row,
  body.category-products-page .category-page-category-row {
    gap: 8px !important;
    margin: 0 -10px !important;
    padding: 0 10px 2px !important;
  }

  body.home-landing-page .commerce-v4-category-card,
  body.category-products-page .category-page-category-card {
    flex-basis: 74% !important;
    min-width: 238px !important;
    max-width: 300px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .commerce-v4-category-title {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .commerce-v4-category-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
  }

  .commerce-v4-category-title b {
    font-size: 16px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .commerce-v4-category-title small {
    font-size: 11px !important;
  }

  .commerce-v4-tag-list {
    gap: 6px !important;
  }

  .commerce-v4-tag-list a,
  .commerce-v4-view-all,
  .category-pill {
    min-height: 30px !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home-landing-page .commerce-v4-product-toolbar {
    display: none !important;
  }

  body.category-products-page .refined-product-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 10px 0 8px !important;
  }

  body.category-products-page .product-head-actions {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 7px !important;
  }

  body.category-products-page .sale-type-tabs {
    grid-column: 1 / -1 !important;
    min-height: 36px !important;
  }

  body.category-products-page #productQuickSearch {
    min-height: 38px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }

  body.category-products-page #clearFilter {
    min-height: 38px !important;
    border-radius: 11px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  body.category-products-page .refined-filter-panel,
  body.category-products-page #storeFilterForm {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    padding: 9px !important;
    margin: 0 0 10px !important;
    border-radius: 14px !important;
  }

  body.category-products-page .refined-filter-panel select,
  body.category-products-page .refined-filter-panel label,
  body.category-products-page .filter-submit {
    min-height: 36px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }

  body.category-products-page .filter-submit {
    grid-column: 1 / -1 !important;
  }

  body.home-landing-page .home-dynamic-modules {
    gap: 10px !important;
    margin-top: 10px !important;
  }

  body.home-landing-page .home-dynamic-banner-section {
    gap: 8px !important;
    padding-bottom: 2px !important;
  }

  body.home-landing-page .home-dynamic-banner-card {
    flex-basis: 74% !important;
    min-height: 108px !important;
    border-radius: 13px !important;
  }

  body.home-landing-page .home-dynamic-banner-section.wide .home-dynamic-banner-card {
    min-height: 126px !important;
  }

  body.home-landing-page .commerce-v4-promo-strip,
  body.home-landing-page .commerce-v4-order-flow .flow-grid {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none;
  }

  body.home-landing-page .commerce-v4-promo-strip::-webkit-scrollbar,
  body.home-landing-page .commerce-v4-order-flow .flow-grid::-webkit-scrollbar {
    display: none !important;
  }

  body.home-landing-page .commerce-v4-promo-card,
  body.home-landing-page .commerce-v4-order-flow article {
    flex: 0 0 72% !important;
    min-height: 72px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.home-landing-page .commerce-v4-order-flow,
  body.home-landing-page #homeOrderFlow {
    padding: 10px !important;
    margin-top: 10px !important;
  }

  body.home-landing-page .preorder-home-section,
  body.home-landing-page .commerce-v4-preorder-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  body.home-landing-page .commerce-v4-preorder-info {
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.home-landing-page .commerce-v4-preorder-info h2 {
    font-size: 18px !important;
    line-height: 1.12 !important;
    margin: 0 0 4px !important;
  }

  body.home-landing-page .commerce-v4-preorder-info p {
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin: 0 0 8px !important;
  }

  .product-card.box-card,
  body.home-landing-page .product-card.box-card,
  body.category-products-page .product-card.box-card {
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  .product-card.box-card .product-media,
  .product-card.box-card .product-media-link,
  .product-card.box-card .product-art,
  .product-card.box-card .square-art,
  .product-card.box-card .product-photo {
    border-radius: 13px !important;
  }

  .product-card.box-card h3,
  body.home-landing-page .product-card.box-card h3 {
    font-size: 18px !important;
    line-height: 1.18 !important;
  }

  .product-card.box-card .product-meta-line,
  .product-card.box-card .ready-spec-line,
  .product-card.box-card .preorder-spec-line {
    font-size: 12px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .product-card.box-card .variant-strip-choice,
  .product-card.box-card .variant-choice,
  .product-card.box-card .variant-choice-row button {
    min-height: 32px !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
  }

  .product-card.box-card .box-price {
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  .product-card.box-card .box-price strong {
    font-size: 24px !important;
  }

  .product-card.box-card .stock-line,
  body.home-landing-page .product-card.box-card .stock-line {
    min-height: 30px !important;
    padding: 0 9px !important;
  }

  .product-card.box-card .box-qty-row,
  .product-card.box-card .compact-buy-row,
  .product-card.box-card .preorder-buy-row {
    grid-template-columns: 38px minmax(46px, 1fr) 38px 28px 46px !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 12px !important;
  }

  .product-card.box-card .box-qty-row button,
  .product-card.box-card .box-qty-row input,
  .product-card.box-card .compact-buy-row button,
  .product-card.box-card .compact-buy-row input,
  .product-card.box-card .preorder-buy-row button,
  .product-card.box-card .preorder-buy-row input {
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
  }

  .product-card.box-card .cart-add-icon,
  .product-card.box-card .add-to-cart {
    width: 46px !important;
    min-width: 46px !important;
  }

  .product-pager,
  .compact-product-pager {
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding: 8px 0 2px !important;
    scrollbar-width: none;
  }

  .product-pager::-webkit-scrollbar,
  .compact-product-pager::-webkit-scrollbar {
    display: none !important;
  }

  .product-pager button,
  .product-pager a,
  .compact-product-pager button,
  .compact-product-pager a {
    flex: 0 0 auto !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  body.product-detail-page .detail-page-shell,
  body.product-detail-page .product-detail-layout {
    width: min(100% - 20px, 100%) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.product-detail-page .detail-page-gallery,
  body.product-detail-page .detail-page-info,
  body.product-detail-page .detail-related-products {
    padding: 10px !important;
    border-radius: 15px !important;
  }

  body.product-detail-page .detail-page-info h1 {
    font-size: 23px !important;
    line-height: 1.12 !important;
  }

  body.product-detail-page .detail-main-image {
    max-height: 330px !important;
    border-radius: 14px !important;
  }

  body.product-detail-page .detail-specs,
  body.product-detail-page .detail-variant-choice-row,
  body.product-detail-page .detail-buy-row,
  body.product-detail-page .detail-actions {
    gap: 7px !important;
  }

  .checkout-title-card {
    padding: 10px !important;
    margin-bottom: 10px !important;
  }

  .checkout-title-card h1 {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .checkout-title-card p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .checkout-account-chip {
    padding: 8px !important;
    border-radius: 12px !important;
  }

  .checkout-card,
  .checkout-summary-card,
  .account-card,
  .account-auth-box,
  .account-overview-strip,
  .account-detail-page {
    padding: 10px !important;
    border-radius: 15px !important;
  }

  .checkout-order-item {
    padding: 8px !important;
  }

  .checkout-order-item h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .account-compact-wrap,
  body.account-compact-page .account-compact-wrap {
    padding: 8px 0 !important;
  }

  .account-auth-intro,
  .account-overview-strip {
    padding: 12px !important;
  }

  .account-auth-intro h1,
  .account-overview-strip h1 {
    font-size: 24px !important;
    line-height: 1.1 !important;
  }

  .account-profile-mini {
    padding: 8px !important;
  }

  .account-order-row,
  .account-preorder-card,
  .account-detail-page-body .account-detail-product,
  .account-detail-product {
    padding: 8px !important;
  }

  .account-order-main b,
  .account-detail-product b,
  .account-detail-items b {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .drawer-head h2 {
    font-size: 22px !important;
  }

  .drawer-note {
    padding: 8px 10px !important;
  }

  .drawer-items .drawer-cart-line,
  .drawer-items .cart-line,
  .drawer-items .modern-cart-line {
    min-height: 96px !important;
    padding: 8px !important;
    gap: 7px !important;
  }

  .drawer-items .cart-line-art,
  .drawer-image-box {
    width: 68px !important;
    height: 68px !important;
  }

  .drawer-summary {
    padding: 10px !important;
  }

  .drawer-actions .btn {
    min-height: 42px !important;
  }
}

@media (max-width: 380px) {
  body.home-landing-page .home-promo-hero,
  body.home-landing-page .commerce-v4-hero-banner {
    grid-template-columns: 1fr !important;
  }

  body.home-landing-page .commerce-v4-hero-image,
  body.home-landing-page .home-hero-image {
    width: 100% !important;
    min-height: 96px !important;
    max-height: 120px !important;
  }

  .product-card.box-card .box-qty-row,
  .product-card.box-card .compact-buy-row,
  .product-card.box-card .preorder-buy-row {
    grid-template-columns: 36px minmax(40px, 1fr) 36px 24px 42px !important;
  }
}
/* mobile space audit v20260822 end */
/* mobile header width fix v20260822 */
@media (max-width: 720px) {
  body.homepage-refined,
  body.category-products-page,
  body.checkout-onepage,
  body.account-compact-page,
  body.product-detail-page {
    background: #eef3f8 !important;
  }

  .commerce-v4-shell,
  .checkout-main,
  .account-compact-wrap,
  .detail-page-shell,
  .product-detail-page .detail-page-shell,
  .refined-main,
  .category-page-main {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .commerce-v4-header,
  .site-header {
    padding: 6px 0 7px !important;
  }

  .commerce-v4-header-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 8px !important;
    align-items: center !important;
  }

  .commerce-v4-brand {
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  .commerce-v4-brand span:not(.commerce-v4-brand-mark) {
    display: grid !important;
    min-width: 0 !important;
    line-height: 1.08 !important;
  }

  .commerce-v4-brand b {
    display: block !important;
    max-width: 160px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    line-height: 1.05 !important;
  }

  .commerce-v4-brand small {
    display: block !important;
    max-width: 160px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    color: #64748b !important;
  }

  .commerce-v4-brand-mark {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
  }

  .commerce-v4-nav {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  .commerce-v4-search-bar {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
  }

  .commerce-v4-search-bar,
  .commerce-v4-search-bar input,
  .commerce-v4-search-bar button {
    height: 36px !important;
    min-height: 36px !important;
  }

  .commerce-v4-cart,
  .cart-link {
    min-width: 76px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 9px !important;
  }

  .commerce-v4-cart::before,
  .cart-link::before {
    font-size: 12px !important;
  }

  .commerce-v4-cart b,
  .cart-link b {
    min-width: 18px !important;
    height: 18px !important;
    margin-left: 5px !important;
    font-size: 10px !important;
  }

  body.home-landing-page .commerce-v4-main {
    padding-top: 6px !important;
  }

  body.home-landing-page .commerce-v4-shell {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body.home-landing-page .commerce-v4-market-grid,
  body.home-landing-page .commerce-v4-category-shop,
  body.home-landing-page .commerce-v4-section,
  body.home-landing-page .home-product-section,
  body.home-landing-page .home-dynamic-modules,
  body.home-landing-page .commerce-v4-promo-strip,
  body.home-landing-page .commerce-v4-order-flow {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-landing-page .home-promo-hero,
  body.home-landing-page .commerce-v4-hero-banner,
  body.home-landing-page .commerce-v4-category-shop,
  body.home-landing-page .commerce-v4-section,
  body.home-landing-page .home-product-section,
  body.home-landing-page .preorder-home-section,
  body.home-landing-page .commerce-v4-order-flow,
  body.home-landing-page .home-dynamic-banner-card,
  body.home-landing-page .product-card.box-card {
    border-radius: 14px !important;
  }

  body.home-landing-page .home-promo-hero,
  body.home-landing-page .commerce-v4-hero-banner {
    padding: 10px !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 8px !important;
  }

  body.home-landing-page .commerce-v4-hero-image,
  body.home-landing-page .home-hero-image {
    width: 88px !important;
    min-height: 154px !important;
    max-height: 190px !important;
  }

  body.home-landing-page .commerce-v4-category-shop,
  body.home-landing-page .commerce-v4-section,
  body.home-landing-page .home-product-section,
  body.home-landing-page .preorder-home-section,
  body.home-landing-page .commerce-v4-order-flow,
  body.category-products-page .refined-categories,
  body.category-products-page .category-page-hero {
    padding: 8px !important;
  }

  body.home-landing-page .commerce-v4-category-row,
  body.category-products-page .category-page-category-row {
    margin-left: -8px !important;
    margin-right: -8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.home-landing-page .commerce-v4-category-card,
  body.category-products-page .category-page-category-card {
    flex-basis: 78% !important;
    min-width: 226px !important;
  }

  body.home-landing-page .commerce-v4-product-grid,
  body.home-landing-page .home-feature-grid,
  body.category-products-page .product-grid,
  body.category-products-page .commerce-products,
  body.category-products-page .refined-products {
    gap: 9px !important;
  }

  body.home-landing-page .product-card.box-card,
  body.category-products-page .product-card.box-card {
    padding: 8px !important;
  }

  body.home-landing-page .home-dynamic-banner-card {
    flex-basis: 78% !important;
  }

  body.home-landing-page .home-dynamic-banner-section.wide .home-dynamic-banner-card {
    min-height: 112px !important;
  }

  body.home-landing-page .commerce-v4-side-ad,
  body.home-landing-page .home-banner-card {
    flex-basis: 68% !important;
  }
}

@media (max-width: 390px) {
  .commerce-v4-brand b,
  .commerce-v4-brand small {
    max-width: 128px !important;
  }

  body.home-landing-page .home-promo-hero,
  body.home-landing-page .commerce-v4-hero-banner {
    grid-template-columns: minmax(0, 1fr) 76px !important;
  }

  body.home-landing-page .commerce-v4-hero-image,
  body.home-landing-page .home-hero-image {
    width: 76px !important;
    min-height: 144px !important;
  }
}
/* mobile header width fix v20260822 end */
/* mobile home hero final fix v20260822 */
@media (max-width: 720px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.home-landing-page,
  body.homepage-refined {
    background: #eef3f8 !important;
  }

  body.home-landing-page .commerce-v4-main,
  body.home-landing-page .commerce-v4-shell,
  body.home-landing-page .refined-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  body.home-landing-page .commerce-v4-market-grid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  body.home-landing-page .home-promo-hero,
  body.home-landing-page .commerce-v4-hero-banner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-hero-image,
  body.home-landing-page .home-hero-image {
    order: 1 !important;
    width: 100% !important;
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-hero-image img,
  body.home-landing-page .home-hero-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 12px !important;
  }

  body.home-landing-page .commerce-v4-hero-copy,
  body.home-landing-page .home-hero-copy {
    order: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 7px !important;
  }

  body.home-landing-page .commerce-v4-label-row,
  body.home-landing-page .home-hero-copy .label-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: 1px !important;
  }

  body.home-landing-page .commerce-v4-label-row::-webkit-scrollbar,
  body.home-landing-page .home-hero-copy .label-row::-webkit-scrollbar {
    display: none;
  }

  body.home-landing-page .commerce-v4-label,
  body.home-landing-page .badge.commerce-v4-label {
    flex: 0 0 auto !important;
    max-width: 180px !important;
    height: 24px !important;
    padding: 0 9px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home-landing-page .commerce-v4-hero-copy h1,
  body.home-landing-page .home-hero-copy h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-hero-copy p,
  body.home-landing-page .home-hero-copy p {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-hero-actions,
  body.home-landing-page .actions.commerce-v4-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.home-landing-page .commerce-v4-hero-actions .btn,
  body.home-landing-page .commerce-v4-primary,
  body.home-landing-page .commerce-v4-secondary {
    min-width: 0 !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home-landing-page .commerce-v4-hero-stats,
  body.home-landing-page .hero-metrics.commerce-v4-hero-stats,
  body.home-landing-page .hero-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.home-landing-page .commerce-v4-hero-stats div,
  body.home-landing-page .commerce-v4-hero-stats article,
  body.home-landing-page .hero-metrics div,
  body.home-landing-page .hero-metrics article {
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 6px 7px !important;
    border-radius: 10px !important;
  }

  body.home-landing-page .commerce-v4-hero-stats b,
  body.home-landing-page .hero-metrics b {
    font-size: 17px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.home-landing-page .commerce-v4-hero-stats span,
  body.home-landing-page .hero-metrics span {
    font-size: 9px !important;
    line-height: 1.1 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home-landing-page .commerce-v4-side-ads,
  body.home-landing-page .home-banner-grid {
    display: flex !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 7px 0 0 !important;
    padding: 0 0 2px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
  }

  body.home-landing-page .commerce-v4-side-ads::-webkit-scrollbar,
  body.home-landing-page .home-banner-grid::-webkit-scrollbar {
    display: none;
  }

  body.home-landing-page .commerce-v4-side-ad,
  body.home-landing-page .home-banner-card {
    flex: 0 0 78% !important;
    min-width: 0 !important;
    min-height: 78px !important;
    padding: 10px !important;
    border-radius: 12px !important;
    scroll-snap-align: start !important;
  }

  body.home-landing-page .commerce-v4-side-ad b,
  body.home-landing-page .home-banner-card b {
    font-size: 16px !important;
    line-height: 1.15 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-side-ad span,
  body.home-landing-page .home-banner-card span {
    font-size: 10px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.home-landing-page .commerce-v4-category-shop,
  body.home-landing-page .commerce-v4-section,
  body.home-landing-page .home-product-section,
  body.home-landing-page .preorder-home-section,
  body.home-landing-page .commerce-v4-order-flow,
  body.home-landing-page .home-dynamic-modules {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 390px) {
  body.home-landing-page .commerce-v4-main,
  body.home-landing-page .commerce-v4-shell,
  body.home-landing-page .refined-main {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body.home-landing-page .commerce-v4-hero-image,
  body.home-landing-page .home-hero-image {
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
  }

  body.home-landing-page .commerce-v4-hero-copy h1,
  body.home-landing-page .home-hero-copy h1 {
    font-size: 22px !important;
  }

  body.home-landing-page .commerce-v4-hero-actions .btn,
  body.home-landing-page .commerce-v4-primary,
  body.home-landing-page .commerce-v4-secondary {
    font-size: 11px !important;
  }
}
/* mobile home hero final fix v20260822 end */
/* mobile cart and product sku fix v20260822 */
.product-card.box-card .product-sku-line {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}
.product-card.box-card .product-sku-line span {
  flex: 0 0 auto;
  color: #008866;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.product-card.box-card .product-sku-line b {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .commerce-v4-cart,
  .cart-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 72px !important;
    max-width: 84px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    overflow: visible !important;
    border-radius: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .commerce-v4-cart > b,
  .cart-link > b {
    position: absolute !important;
    right: -5px !important;
    top: -7px !important;
    display: grid !important;
    place-items: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    background: #ff6a16 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(255, 106, 22, .24) !important;
  }
  .commerce-v4-cart > b[hidden],
  .cart-link > b[hidden] {
    display: none !important;
  }
  .product-card.box-card .product-sku-line {
    font-size: 11px !important;
    margin-top: -2px !important;
  }
}
/* mobile cart and product sku fix v20260822 end */
/* Group buy feature 20260822 */
.group-buy-page { background:#eef3f7; color:#081426; }
.group-buy-main { padding: 28px 0 90px; }
.group-buy-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; background:linear-gradient(135deg,#fff7ed,#ecfdf5); border:1px solid #d9e4ee; border-radius:18px; padding:28px; margin-bottom:18px; box-shadow:0 18px 50px rgba(8,20,38,.06); }
.group-buy-hero h1 { margin:8px 0; font-size:42px; line-height:1.05; letter-spacing:0; }
.group-buy-hero p { max-width:760px; color:#64748b; font-weight:700; line-height:1.7; }
.group-buy-section, .group-buy-detail-card { background:#fff; border:1px solid #d9e4ee; border-radius:18px; padding:22px; box-shadow:0 12px 40px rgba(8,20,38,.05); }
.group-buy-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.group-buy-card { border:1px solid #dbe5ef; border-radius:16px; background:#fff; padding:14px; display:flex; flex-direction:column; gap:12px; overflow:hidden; }
.group-buy-image { position:relative; display:block; aspect-ratio:1/1; border:1px solid #dbe5ef; border-radius:14px; overflow:hidden; background:#f8fafc; }
.group-buy-image img { width:100%; height:100%; object-fit:contain; display:block; }
.group-buy-image span { position:absolute; top:10px; left:10px; background:#fff7ed; color:#c2410c; border:1px solid #fdba74; border-radius:999px; padding:6px 10px; font-weight:900; font-size:12px; }
.group-buy-card-body { display:flex; flex-direction:column; gap:10px; }
.group-buy-title { color:#081426; text-decoration:none; font-weight:950; font-size:18px; line-height:1.2; min-height:42px; }
.group-buy-card p, .group-buy-card small { color:#64748b; font-weight:800; margin:0; }
.group-buy-box { display:block; border:1px solid #dbe5ef; background:#f8fafc; border-radius:10px; padding:10px 12px; }
.group-buy-price { border:1px solid #fdba74; background:#fff7ed; border-radius:12px; padding:12px; }
.group-buy-price small { display:block; color:#9a3412; font-weight:900; }
.group-buy-price strong { display:block; color:#e11d48; font-size:26px; line-height:1.05; }
.group-buy-progress div { height:8px; border-radius:999px; background:#e5e7eb; overflow:hidden; }
.group-buy-progress div span { display:block; height:100%; background:#ff6a16; border-radius:999px; }
.group-buy-progress p { margin-top:6px; font-size:12px; }
.group-buy-meta { display:flex; gap:8px; flex-wrap:wrap; }
.group-buy-meta span, .group-buy-specs span { border:1px solid #dbe5ef; background:#f8fafc; border-radius:999px; padding:7px 10px; font-size:12px; font-weight:900; color:#475569; }
.group-buy-detail-grid { display:grid; grid-template-columns:minmax(280px,420px) 1fr; gap:24px; align-items:start; }
.group-buy-detail-grid > img { width:100%; aspect-ratio:1/1; object-fit:contain; border:1px solid #dbe5ef; border-radius:16px; background:#fff; }
.group-buy-detail-grid h2 { font-size:36px; line-height:1.1; margin:6px 0 12px; }
.group-buy-specs { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.group-buy-join-form { display:grid; gap:12px; max-width:520px; }
.group-buy-join-form input, .group-buy-join-form textarea { width:100%; border:1px solid #dbe5ef; border-radius:12px; padding:12px; font:inherit; font-weight:800; }
.group-buy-account-card { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; }
.group-buy-proof-form { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr auto; gap:8px; align-items:center; }
.group-buy-proof-form input { border:1px solid #dbe5ef; border-radius:10px; padding:10px; font-weight:800; min-width:0; }
.groupbuy-admin-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:16px 0; }
.groupbuy-admin-board { display:grid; gap:16px; }
.groupbuy-admin-list { display:grid; gap:10px; }
.groupbuy-admin-product, .groupbuy-admin-order { display:grid; grid-template-columns:76px 1fr 180px 260px; gap:14px; align-items:center; border:1px solid #dbe5ef; border-radius:14px; padding:12px; background:#fff; }
.groupbuy-admin-order { grid-template-columns:1fr 180px 260px; }
.groupbuy-admin-product h4, .groupbuy-admin-order b { margin:0; font-size:18px; }
.groupbuy-admin-product p, .groupbuy-admin-product small, .groupbuy-admin-order span, .groupbuy-admin-order small { display:block; color:#64748b; font-weight:800; margin-top:4px; }
.groupbuy-admin-actions { display:grid; grid-template-columns:1fr; gap:8px; }
.groupbuy-admin-actions button { min-height:38px; }
.groupbuy-mini-progress { height:8px; background:#e5e7eb; border-radius:999px; margin:8px 0 4px; overflow:hidden; }
.groupbuy-mini-progress span { display:block; height:100%; background:#ff6a16; border-radius:999px; }
@media (max-width: 900px) {
  .group-buy-main { padding:12px 8px 86px; }
  .group-buy-hero { padding:16px; align-items:flex-start; }
  .group-buy-hero h1 { font-size:26px; }
  .group-buy-grid { grid-template-columns:1fr; }
  .group-buy-section, .group-buy-detail-card { padding:12px; border-radius:14px; }
  .group-buy-detail-grid { grid-template-columns:1fr; gap:14px; }
  .group-buy-detail-grid h2 { font-size:24px; }
  .group-buy-account-card { grid-template-columns:1fr; }
  .group-buy-proof-form { grid-template-columns:1fr; }
  .groupbuy-admin-summary { grid-template-columns:repeat(2,1fr); }
  .groupbuy-admin-product, .groupbuy-admin-order { grid-template-columns:64px 1fr; }
  .groupbuy-admin-product > div:nth-child(3), .groupbuy-admin-product > div:nth-child(4), .groupbuy-admin-order > div:nth-child(2), .groupbuy-admin-order > div:nth-child(3) { grid-column:1/-1; }
}
/* product social promo export 20260822 */
.product-card.box-card { position: relative; overflow: hidden; }
.product-card.box-card .product-share-actions {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 5;
  display: inline-flex;
  gap: 5px;
  padding: 4px;
  border: 1px solid rgba(217, 228, 238, .88);
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
  backdrop-filter: blur(8px);
}
.product-card.box-card .product-share-actions button {
  width: auto;
  min-width: 34px;
  height: 28px;
  min-height: 28px;
  border: 0;
  border-radius: 999px;
  background: #f8fafc;
  color: #0f172a;
  cursor: pointer;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  padding: 0 8px;
}
.product-card.box-card .product-share-actions button:hover { background: #ff6a16; color: #fff; }
.product-card.box-card .product-share-actions button:disabled { opacity: .55; cursor: wait; }
.detail-actions.conversion-actions .share-detail-btn {
  min-width: 132px;
  background: #fff;
}
.product-detail-page .detail-actions.conversion-actions,
.product-modal-card .detail-actions.conversion-actions {
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .product-card.box-card .product-share-actions {
    top: 14px;
    right: 14px;
    gap: 4px;
    padding: 3px;
  }
  .product-card.box-card .product-share-actions button {
    min-width: 30px;
    height: 26px;
    min-height: 26px;
    font-size: 10px;
    padding: 0 7px;
  }
  .detail-actions.conversion-actions .share-detail-btn {
    min-width: 0;
    width: 100%;
  }
}
/* product social promo export 20260822 end */
/* product share button placement fix 20260822 */
.product-card.box-card .product-media-wrap {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}
.product-card.box-card .product-media-wrap .product-media-link {
  display: block;
}
.product-card.box-card .product-media-wrap .product-share-actions {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  max-width: calc(100% - 20px);
  transform: none !important;
}
@media (max-width: 720px) {
  .product-card.box-card .product-media-wrap .product-share-actions {
    top: 9px !important;
    right: 9px !important;
  }
}
/* product share button placement fix 20260822 end */
/* homepage managed hero ads stable layout v20260823 */
body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image,
body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad,
body.home-landing-page.commerce-v4-page .home-dynamic-banner-card {
  overflow: hidden !important;
}
body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image img,
body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad img,
body.home-landing-page.commerce-v4-page .home-dynamic-banner-card img {
  display: block !important;
  margin: 0 !important;
  width: 100% !important;
}
body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad b,
body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad span,
body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad small {
  display: none !important;
}
@media (min-width: 761px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market {
    align-items: stretch !important;
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    margin-bottom: 24px !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block {
    align-items: stretch !important;
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(440px, 0.95fr) minmax(420px, 1.05fr) !important;
    min-height: 500px !important;
    overflow: hidden !important;
    padding: 36px 38px !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-copy {
    align-items: flex-start !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-label-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    max-width: 100% !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-label {
    max-width: none !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-copy h1 {
    display: block !important;
    font-size: clamp(42px, 3.35vw, 60px) !important;
    letter-spacing: 0 !important;
    line-height: 1.02 !important;
    margin: 0 !important;
    max-width: 560px !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-copy p {
    display: block !important;
    font-size: 17px !important;
    line-height: 1.58 !important;
    margin: 20px 0 24px !important;
    max-width: 560px !important;
    overflow: visible !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 0 24px !important;
    width: auto !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-actions .btn {
    min-width: 0 !important;
    width: auto !important;
    white-space: nowrap !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-stats {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 520px !important;
    width: 100% !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image {
    align-self: stretch !important;
    background: #fff !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    height: 100% !important;
    min-height: 420px !important;
    padding: 0 !important;
    width: 100% !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image img {
    border: 0 !important;
    border-radius: 0 !important;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-side-ads.managed-home-side-ads {
    align-self: stretch !important;
    align-content: stretch !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    height: 100% !important;
    min-height: 500px !important;
    padding: 0 !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad {
    background: #fff !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(16, 24, 40, .08) !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad img {
    border-radius: 0 !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}
@media (max-width: 760px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market {
    display: block !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-copy {
    display: grid !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image {
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image img {
    height: 100% !important;
    object-fit: cover !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-side-ads.managed-home-side-ads {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 1fr !important;
    margin-top: 8px !important;
    padding: 0 !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad {
    height: 92px !important;
    min-height: 92px !important;
    padding: 0 !important;
  }
  body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad img {
    height: 100% !important;
    object-fit: cover !important;
  }
}
/* homepage managed hero ads stable layout v20260823 end */
/* homepage managed side ads alignment fix v20260823 */
@media (max-width: 760px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market > .commerce-v4-hero-banner.managed-home-hero-block,
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market > .commerce-v4-side-ads.managed-home-side-ads {
    box-sizing: border-box !important;
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-side-ads.managed-home-side-ads {
    margin-top: 8px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-side-ad.managed-home-side-ad {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* homepage managed side ads alignment fix v20260823 end */
/* unified frontend content width 20260823 */
:root {
  --wd-front-max: 1680px;
  --wd-front-gutter: 28px;
}

body.home-landing-page .commerce-v4-shell,
body.category-products-page .commerce-v4-shell,
body.group-buy-page .commerce-v4-shell,
body.category-products-page .category-page-main,
body.checkout-onepage .checkout-main,
body.account-compact-page .account-compact-wrap,
body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) > main,
body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) .cart-page-grid {
  box-sizing: border-box !important;
  width: min(var(--wd-front-max), calc(100% - (var(--wd-front-gutter) * 2))) !important;
  max-width: var(--wd-front-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.checkout-onepage .checkout-topbar,
body.account-compact-page .account-compact-topbar,
body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) .site-header.ecommerce-header,
body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) .top-notice {
  box-sizing: border-box !important;
  width: min(var(--wd-front-max), calc(100% - (var(--wd-front-gutter) * 2))) !important;
  max-width: var(--wd-front-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.category-products-page .category-page-main,
body.checkout-onepage .checkout-main,
body.account-compact-page .account-compact-wrap,
body.group-buy-page .group-buy-main {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 760px) {
  :root { --wd-front-gutter: 8px; }

  body.home-landing-page .commerce-v4-shell,
  body.category-products-page .commerce-v4-shell,
  body.group-buy-page .commerce-v4-shell,
  body.category-products-page .category-page-main,
  body.checkout-onepage .checkout-main,
  body.account-compact-page .account-compact-wrap,
  body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) > main,
  body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) .cart-page-grid {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.checkout-onepage .checkout-topbar,
  body.account-compact-page .account-compact-topbar,
  body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) .site-header.ecommerce-header,
  body:not(.home-landing-page):not(.category-products-page):not(.checkout-onepage):not(.account-compact-page):not(.group-buy-page) .top-notice {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market > .commerce-v4-hero-banner.managed-home-hero-block,
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market > .commerce-v4-side-ads.managed-home-side-ads {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* unified frontend content width 20260823 end */


/* homepage side promo overflow guard 20260823 */
@media (max-width: 760px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads,
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market > #homeBanners.managed-home-side-ads {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    scroll-snap-type: none !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads > .managed-home-side-ad,
  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads > .commerce-v4-side-ad {
    box-sizing: border-box !important;
    display: block !important;
    flex: none !important;
    flex-basis: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: none !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads img {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}
/* homepage side promo overflow guard 20260823 end */
/* homepage desktop side promo boundary guard 20260823 */
@media (min-width: 761px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market > .commerce-v4-hero-banner.managed-home-hero-block,
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market > #homeBanners.managed-home-side-ads {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-copy,
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image,
  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads,
  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads > .managed-home-side-ad {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads > .managed-home-side-ad {
    height: 140px !important;
    min-height: 140px !important;
    width: 100% !important;
  }
}
/* homepage desktop side promo boundary guard 20260823 end */
/* homepage mobile promo natural image ratio 20260823 */
@media (max-width: 760px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image img {
    aspect-ratio: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: hidden !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads > .managed-home-side-ad,
  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads > .commerce-v4-side-ad {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.home-landing-page.commerce-v4-page #homeBanners.managed-home-side-ads img {
    aspect-ratio: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}
/* homepage mobile promo natural image ratio 20260823 end */
/* gift feature 20260829 */
.product-media-wrap { position: relative; }
.product-gift-button,
.product-gift-badge {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #b7f2cf;
  border-radius: 999px;
  background: #eafff3;
  color: #007d5a;
  box-shadow: 0 10px 26px rgba(0, 132, 95, .14);
  font-size: 13px;
  font-weight: 1000;
  line-height: 1;
}
.product-gift-badge { pointer-events: none; }
.product-gift-button:hover { border-color: #ff8a3d; color: #d94d00; background: #fff7ed; }
.gift-modal { position: fixed; inset: 0; z-index: 1200; display: none; }
.gift-modal.open { display: block; }
.gift-modal-backdrop { position: absolute; inset: 0; background: rgba(8, 19, 38, .42); }
.gift-modal-card {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(680px, calc(100vw - 28px));
  max-height: min(760px, calc(100vh - 28px));
  overflow: auto;
  border: 1px solid #dbe5ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(8, 19, 38, .24);
}
.gift-modal-body { display: grid; gap: 14px; padding: 18px; }
.gift-modal-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; border-bottom: 1px solid #e7eef7; padding-bottom: 12px; }
.gift-modal-head span,
.detail-gift-title span { color: #00845f; font-size: 12px; font-weight: 1000; letter-spacing: .08em; text-transform: uppercase; }
.gift-modal-head h3 { margin: 2px 0 4px; font-size: 24px; }
.gift-modal-head p { margin: 0; color: #64748b; font-weight: 800; }
.gift-modal-head button { width: 40px; height: 40px; border: 1px solid #d7e2ee; border-radius: 12px; background: #f8fafc; font-weight: 1000; }
.gift-modal-product { display: flex; justify-content: space-between; gap: 12px; padding: 11px 13px; border-radius: 12px; background: #f7fbff; color: #081326; font-weight: 950; }
.gift-group-list,
.detail-gift-panel { display: grid; gap: 12px; }
.gift-group-row,
.detail-gift-row { display: grid; gap: 9px; padding: 12px; border: 1px solid #dce7f2; border-radius: 14px; background: #fbfdff; }
.gift-group-title { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.gift-group-title b { color: #081326; font-size: 15px; }
.gift-group-title small { color: #00845f; font-weight: 950; }
.gift-choice-strip { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 2px; }
.gift-choice {
  flex: 0 0 136px;
  display: grid;
  gap: 6px;
  align-content: start;
  min-height: 142px;
  border: 1px solid #dbe5ef;
  border-radius: 13px;
  background: #fff;
  padding: 8px;
  text-align: left;
  color: #081326;
  font-weight: 900;
}
.gift-choice img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; border: 1px solid #eef3f8; border-radius: 10px; background: #fff; }
.gift-choice span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; line-height: 1.25; }
.gift-choice small { color: #64748b; font-size: 11px; }
.gift-choice.active { border-color: #ff6b16; box-shadow: 0 0 0 2px rgba(255, 107, 22, .12); }
.gift-choice:disabled { opacity: .5; cursor: not-allowed; }
.gift-modal-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cart-gift-list,
.checkout-gift-list,
.order-gift-list,
.admin-order-gift-list { display: grid; gap: 5px; margin-top: 7px; }
.cart-gift-list span,
.checkout-gift-list span,
.order-gift-list span,
.admin-order-gift-list span { display: inline-flex; width: fit-content; max-width: 100%; border-radius: 999px; background: #ecfdf3; border: 1px solid #bbf7d0; color: #007d5a; padding: 4px 8px; font-size: 12px; font-weight: 900; }
.detail-gift-panel { border: 1px solid #dce7f2; border-radius: 14px; padding: 12px; background: #f8fbff; }
.detail-gift-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.detail-gift-title b { font-size: 16px; }
.detail-gift-panel .gift-choice { flex-basis: 128px; min-height: 132px; }
@media (max-width: 760px) {
  .product-gift-button,
.product-gift-badge { right: 8px; bottom: 8px; min-width: 44px; height: 32px; font-size: 12px; }
  .gift-modal-card { left: 8px; right: 8px; bottom: 8px; top: auto; transform: none; width: auto; max-height: 82vh; border-radius: 18px; }
  .gift-modal-body { padding: 14px; gap: 12px; }
  .gift-modal-head h3 { font-size: 20px; }
  .gift-choice { flex-basis: 126px; min-height: 132px; }
}
/* gift feature 20260829 end */
/* gift image display refinement 20260829 */
.cart-gift-image-list,
.checkout-gift-image-list {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}
.cart-gift-line,
.checkout-gift-line {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 7px;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  background: #ecfdf5;
  color: #073b2d;
}
.cart-gift-line img,
.checkout-gift-line img,
.cart-gift-thumb,
.checkout-gift-thumb {
  width: 46px;
  height: 46px;
  border: 1px solid #d9e8f1;
  border-radius: 10px;
  background: #fff;
  object-fit: contain;
}
.cart-gift-thumb.empty,
.checkout-gift-thumb.empty {
  display: grid;
  place-items: center;
  color: #00845f;
  font-size: 11px;
  font-weight: 1000;
}
.cart-gift-line div,
.checkout-gift-line div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.cart-gift-line small,
.checkout-gift-line small {
  color: #00845f;
  font-size: 11px;
  font-weight: 1000;
}
.cart-gift-line b,
.checkout-gift-line b {
  overflow: hidden;
  color: #081326;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-gift-line span,
.checkout-gift-line span {
  display: block;
  width: auto;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gift-choice-empty {
  min-width: 220px;
  padding: 14px;
  border: 1px dashed #cbd8e6;
  border-radius: 12px;
  color: #64748b;
  font-weight: 900;
  background: #f8fafc;
}
@media (max-width: 760px) {
  .cart-gift-line,
  .checkout-gift-line { grid-template-columns: 42px minmax(0, 1fr); padding: 6px; }
  .cart-gift-line img,
  .checkout-gift-line img,
  .cart-gift-thumb,
  .checkout-gift-thumb { width: 42px; height: 42px; }
}
/* gift image display refinement 20260829 end */
/* account/admin order gift image refinement 20260829 */
.order-gift-image-list,
.admin-order-gift-list.order-gift-image-list {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}
.order-gift-line {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 7px;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  background: #ecfdf5;
  color: #073b2d;
}
.order-gift-line img,
.order-gift-thumb {
  width: 46px;
  height: 46px;
  border: 1px solid #d9e8f1;
  border-radius: 10px;
  background: #fff;
  object-fit: contain;
}
.order-gift-thumb.empty {
  display: grid;
  place-items: center;
  color: #00845f;
  font-size: 11px;
  font-weight: 1000;
}
.order-gift-line div { min-width: 0; display: grid; gap: 2px; }
.order-gift-line small { color: #00845f; font-size: 11px; font-weight: 1000; }
.order-gift-line b { overflow: hidden; color: #081326; font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.order-gift-line span { display: block; width: auto; max-width: 100%; border: 0; border-radius: 0; background: transparent; padding: 0; color: #64748b; font-size: 11px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) {
  .order-gift-line { grid-template-columns: 42px minmax(0, 1fr); padding: 6px; }
  .order-gift-line img,
  .order-gift-thumb { width: 42px; height: 42px; }
}
/* account/admin order gift image refinement 20260829 end */
/* gift-pcs-quota-refinement-start */
.gift-choice-card {
  cursor: default;
  grid-template-rows: auto auto auto auto;
}
.gift-choice-card.disabled {
  opacity: .64;
}
.gift-choice-card .gift-choice-meta {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  align-items: center;
}
.gift-choice-card .gift-choice-meta small:last-child {
  color: #00845f;
  font-weight: 1000;
}
.gift-choice-qty {
  display: grid;
  grid-template-columns: 28px minmax(34px, 1fr) 28px;
  gap: 5px;
  align-items: center;
  margin-top: 2px;
}
.gift-choice-qty button,
.gift-choice-qty input {
  height: 30px;
  border: 1px solid #d8e3ef;
  border-radius: 9px;
  background: #fff;
  color: #081326;
  font-size: 13px;
  font-weight: 1000;
  text-align: center;
}
.gift-choice-qty button {
  display: grid;
  place-items: center;
}
.gift-choice-qty button:disabled {
  color: #94a3b8;
  background: #f1f5f9;
}
.gift-choice-qty input::-webkit-inner-spin-button,
.gift-choice-qty input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.detail-gift-title small {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}
@media (max-width: 760px) {
  .gift-choice-qty { grid-template-columns: 26px minmax(32px, 1fr) 26px; }
  .gift-choice-qty button,
  .gift-choice-qty input { height: 28px; }
}
/* gift-pcs-quota-refinement-end */

/* cart drawer gift visibility fix 20260829 */
.drawer-items .drawer-cart-line,
.homepage-refined .drawer-cart-line {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  grid-template-rows: auto auto auto !important;
}
.drawer-cart-line .cart-gift-list,
.homepage-refined .drawer-cart-line .cart-gift-list {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
}
.drawer-cart-line .drawer-stock-note,
.homepage-refined .drawer-cart-line .drawer-stock-note {
  grid-column: 1 / -1 !important;
}
.drawer-cart-line .cart-gift-empty,
.homepage-refined .drawer-cart-line .cart-gift-empty {
  display: grid;
  gap: 5px;
  padding: 8px;
  border: 1px dashed #bbf7d0;
  border-radius: 12px;
  background: #f0fdf4;
}
.cart-gift-empty button {
  width: fit-content;
  border: 1px solid #8ee6ad;
  border-radius: 999px;
  background: #ecfdf5;
  color: #00845f;
  font-size: 12px;
  font-weight: 1000;
  padding: 6px 10px;
  cursor: pointer;
}
.cart-gift-empty small {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}
@media (max-width: 760px) {
  .drawer-cart-line .cart-gift-line,
  .homepage-refined .drawer-cart-line .cart-gift-line {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    padding: 6px !important;
  }
}
/* cart drawer gift visibility fix 20260829 end */
/* cart centered modal redesign 20260829 */
.cart-backdrop {
  background: rgba(8, 19, 38, .52) !important;
  backdrop-filter: blur(4px);
  z-index: 2990 !important;
}
.cart-backdrop.open {
  opacity: 1 !important;
}
.cart-drawer {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(1080px, calc(100vw - 48px)) !important;
  height: min(720px, calc(100vh - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  min-height: 520px !important;
  transform: translate(-50%, -46%) scale(.98) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  border: 1px solid #d9e4ef !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 34px 90px rgba(8, 19, 38, .24) !important;
  z-index: 3000 !important;
  transition: transform .18s ease, opacity .18s ease, visibility .18s ease !important;
}
.cart-drawer.open,
body.cart-open .cart-drawer {
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.cart-drawer .drawer-head {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 20px 24px 16px !important;
  border-bottom: 1px solid #e3ebf3 !important;
  background: #fff !important;
}
.cart-drawer .drawer-head h2 {
  margin: 4px 0 0 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
}
.cart-drawer .drawer-head p {
  margin: 6px 0 0 !important;
  color: #64748b !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}
.cart-drawer .drawer-close {
  flex: 0 0 auto !important;
  width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 13px !important;
}
.cart-drawer .drawer-note {
  grid-column: 1 / -1 !important;
  margin: 14px 24px 0 !important;
  padding: 11px 14px !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 0 !important;
}
.cart-drawer .drawer-items {
  grid-column: 1 !important;
  grid-row: 3 / 5 !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 14px 18px 20px 24px !important;
  border-right: 1px solid #e3ebf3 !important;
  min-height: 0 !important;
}
.cart-drawer .drawer-summary {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: start !important;
  margin: 14px 24px 12px 16px !important;
  padding: 16px !important;
  border: 1px solid #dbe6f1 !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 9px 12px !important;
}
.cart-drawer .drawer-summary-title {
  grid-column: 1 / -1 !important;
  color: #081326 !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  margin-bottom: 4px !important;
}
.cart-drawer .drawer-summary span,
.cart-drawer .drawer-summary b {
  font-size: 14px !important;
  line-height: 1.35 !important;
}
.cart-drawer .drawer-summary strong {
  grid-column: 1 / -1 !important;
  justify-self: end !important;
  color: #e11d48 !important;
  font-size: 26px !important;
  line-height: 1.1 !important;
}
.cart-drawer .drawer-summary small {
  grid-column: 1 / -1 !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.cart-drawer .drawer-actions {
  grid-column: 2 !important;
  grid-row: 4 !important;
  display: grid !important;
  gap: 9px !important;
  padding: 0 24px 20px 16px !important;
  border-top: 0 !important;
  background: #fff !important;
}
.cart-drawer .drawer-actions .btn {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
}
.cart-drawer .drawer-cart-line,
.homepage-refined .cart-drawer .drawer-cart-line {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) 188px !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 10px 13px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 116px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 12px 44px 12px 12px !important;
  border: 1px solid #dbe6f1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: visible !important;
}
.cart-drawer .drawer-image-box,
.homepage-refined .cart-drawer .drawer-image-box,
.cart-drawer .drawer-image-box .cart-line-img,
.cart-drawer .drawer-image-box .cart-line-art,
.homepage-refined .cart-drawer .drawer-image-box .cart-line-img,
.homepage-refined .cart-drawer .drawer-image-box .cart-line-art {
  width: 92px !important;
  height: 92px !important;
  border-radius: 13px !important;
}
.cart-drawer .drawer-image-box {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
}
.cart-drawer .drawer-cart-info {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.cart-drawer .drawer-cart-info b {
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #081326 !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
.cart-drawer .drawer-cart-info span,
.cart-drawer .drawer-cart-info .drawer-meta {
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.cart-drawer .drawer-cart-info strong {
  display: block !important;
  color: #e11d48 !important;
  font-size: 14px !important;
}
.cart-drawer .drawer-line-bottom,
.homepage-refined .cart-drawer .drawer-line-bottom {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: end !important;
  gap: 9px !important;
  height: auto !important;
  margin: 0 !important;
}
.cart-drawer .drawer-qty,
.homepage-refined .cart-drawer .drawer-qty {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 34px 58px 34px 28px !important;
  align-items: center !important;
  gap: 6px !important;
}
.cart-drawer .drawer-qty button,
.cart-drawer .drawer-qty input {
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 9px !important;
}
.cart-drawer .drawer-line-total {
  color: #081326 !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}
.cart-drawer .drawer-remove-corner,
.homepage-refined .cart-drawer .drawer-remove-corner {
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  border-radius: 999px !important;
  z-index: 4 !important;
}
.cart-drawer .cart-gift-list,
.homepage-refined .cart-drawer .cart-gift-list {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  margin: 2px 0 0 !important;
}
.cart-drawer .cart-gift-line,
.homepage-refined .cart-drawer .cart-gift-line {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  padding: 7px 9px !important;
  border-radius: 12px !important;
}
.cart-drawer .drawer-stock-note,
.homepage-refined .cart-drawer .drawer-stock-note {
  grid-column: 2 / 4 !important;
  margin: 0 !important;
}
@media (max-width: 760px) {
  .cart-backdrop { background: rgba(8, 19, 38, .4) !important; }
  .cart-drawer {
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    transform: translateY(22px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
  }
  .cart-drawer.open,
  body.cart-open .cart-drawer {
    transform: translateY(0) !important;
  }
  .cart-drawer .drawer-head {
    grid-column: 1 !important;
    padding: 14px 14px 10px !important;
  }
  .cart-drawer .drawer-head h2 {
    font-size: 24px !important;
  }
  .cart-drawer .drawer-close {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  .cart-drawer .drawer-note {
    grid-column: 1 !important;
    margin: 8px 12px 0 !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
  }
  .cart-drawer .drawer-items {
    grid-column: 1 !important;
    grid-row: 3 !important;
    border-right: 0 !important;
    padding: 10px 12px !important;
    gap: 8px !important;
  }
  .cart-drawer .drawer-summary {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 12px 8px !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }
  .cart-drawer .drawer-summary strong {
    font-size: 24px !important;
  }
  .cart-drawer .drawer-actions {
    grid-column: 1 !important;
    grid-row: 5 !important;
    padding: 10px 12px calc(12px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #e3ebf3 !important;
  }
  .cart-drawer .drawer-actions .btn {
    min-height: 45px !important;
  }
  .cart-drawer .drawer-cart-line,
  .homepage-refined .cart-drawer .drawer-cart-line {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    min-height: 0 !important;
    padding: 10px 38px 10px 10px !important;
    gap: 8px 10px !important;
    border-radius: 15px !important;
  }
  .cart-drawer .drawer-image-box,
  .homepage-refined .cart-drawer .drawer-image-box,
  .cart-drawer .drawer-image-box .cart-line-img,
  .cart-drawer .drawer-image-box .cart-line-art,
  .homepage-refined .cart-drawer .drawer-image-box .cart-line-img,
  .homepage-refined .cart-drawer .drawer-image-box .cart-line-art {
    width: 76px !important;
    height: 76px !important;
  }
  .cart-drawer .drawer-cart-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .cart-drawer .drawer-cart-info b {
    font-size: 15px !important;
    line-height: 1.22 !important;
  }
  .cart-drawer .drawer-line-bottom,
  .homepage-refined .cart-drawer .drawer-line-bottom {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    justify-items: stretch !important;
  }
  .cart-drawer .drawer-qty,
  .homepage-refined .cart-drawer .drawer-qty {
    grid-template-columns: 36px 80px 36px 32px !important;
  }
  .cart-drawer .drawer-line-total {
    font-size: 15px !important;
    justify-self: end !important;
  }
  .cart-drawer .cart-gift-list,
  .homepage-refined .cart-drawer .cart-gift-list,
  .cart-drawer .drawer-stock-note,
  .homepage-refined .cart-drawer .drawer-stock-note {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
  .cart-drawer .cart-gift-line,
  .homepage-refined .cart-drawer .cart-gift-line {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    padding: 6px !important;
  }
}
/* cart centered modal redesign 20260829 end */
/* cart centered modal width hotfix 20260829 */
body.homepage-refined .cart-drawer,
body.category-products-page .cart-drawer,
.homepage-refined .cart-drawer,
.category-products-page .cart-drawer {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(1240px, calc(100vw - 64px)) !important;
  max-width: min(1240px, calc(100vw - 64px)) !important;
  min-width: min(980px, calc(100vw - 64px)) !important;
  height: min(760px, calc(100vh - 64px)) !important;
  max-height: calc(100vh - 64px) !important;
  min-height: min(620px, calc(100vh - 64px)) !important;
  transform: translate(-50%, -46%) scale(.98) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}
body.homepage-refined .cart-drawer.open,
body.homepage-refined.cart-open .cart-drawer,
body.category-products-page .cart-drawer.open,
body.category-products-page.cart-open .cart-drawer,
.homepage-refined .cart-drawer.open,
.category-products-page .cart-drawer.open {
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.homepage-refined .cart-drawer .drawer-items,
body.category-products-page .cart-drawer .drawer-items,
.homepage-refined .cart-drawer .drawer-items,
.category-products-page .cart-drawer .drawer-items {
  grid-column: 1 !important;
  grid-row: 3 / 5 !important;
  min-width: 0 !important;
  border-right: 1px solid #e3ebf3 !important;
  padding: 14px 18px 20px 24px !important;
}
body.homepage-refined .cart-drawer .drawer-summary,
body.category-products-page .cart-drawer .drawer-summary,
.homepage-refined .cart-drawer .drawer-summary,
.category-products-page .cart-drawer .drawer-summary {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 14px 24px 12px 16px !important;
  width: auto !important;
  max-width: none !important;
}
body.homepage-refined .cart-drawer .drawer-actions,
body.category-products-page .cart-drawer .drawer-actions,
.homepage-refined .cart-drawer .drawer-actions,
.category-products-page .cart-drawer .drawer-actions {
  grid-column: 2 !important;
  grid-row: 4 !important;
  padding: 0 24px 20px 16px !important;
}
body.homepage-refined .cart-drawer .drawer-cart-line,
body.category-products-page .cart-drawer .drawer-cart-line,
.homepage-refined .cart-drawer .drawer-cart-line,
.category-products-page .cart-drawer .drawer-cart-line {
  grid-template-columns: 98px minmax(0, 1fr) 210px !important;
  min-height: 122px !important;
}
body.homepage-refined .cart-drawer .drawer-image-box,
body.category-products-page .cart-drawer .drawer-image-box,
.homepage-refined .cart-drawer .drawer-image-box,
.category-products-page .cart-drawer .drawer-image-box,
body.homepage-refined .cart-drawer .drawer-image-box .cart-line-img,
body.category-products-page .cart-drawer .drawer-image-box .cart-line-img,
.homepage-refined .cart-drawer .drawer-image-box .cart-line-img,
.category-products-page .cart-drawer .drawer-image-box .cart-line-img,
body.homepage-refined .cart-drawer .drawer-image-box .cart-line-art,
body.category-products-page .cart-drawer .drawer-image-box .cart-line-art,
.homepage-refined .cart-drawer .drawer-image-box .cart-line-art,
.category-products-page .cart-drawer .drawer-image-box .cart-line-art {
  width: 98px !important;
  height: 98px !important;
}
body.homepage-refined .cart-drawer .drawer-cart-info b,
body.category-products-page .cart-drawer .drawer-cart-info b,
.homepage-refined .cart-drawer .drawer-cart-info b,
.category-products-page .cart-drawer .drawer-cart-info b {
  font-size: 18px !important;
  line-height: 1.22 !important;
}
body.homepage-refined .cart-drawer .cart-gift-list,
body.category-products-page .cart-drawer .cart-gift-list,
.homepage-refined .cart-drawer .cart-gift-list,
.category-products-page .cart-drawer .cart-gift-list {
  grid-column: 2 / 4 !important;
}
@media (max-width: 900px) {
  body.homepage-refined .cart-drawer,
  body.category-products-page .cart-drawer,
  .homepage-refined .cart-drawer,
  .category-products-page .cart-drawer {
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    transform: translateY(22px) !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
  }
  body.homepage-refined .cart-drawer.open,
  body.homepage-refined.cart-open .cart-drawer,
  body.category-products-page .cart-drawer.open,
  body.category-products-page.cart-open .cart-drawer,
  .homepage-refined .cart-drawer.open,
  .category-products-page .cart-drawer.open {
    transform: translateY(0) !important;
  }
  body.homepage-refined .cart-drawer .drawer-items,
  body.category-products-page .cart-drawer .drawer-items,
  .homepage-refined .cart-drawer .drawer-items,
  .category-products-page .cart-drawer .drawer-items {
    grid-column: 1 !important;
    grid-row: 3 !important;
    border-right: 0 !important;
    padding: 10px 12px !important;
  }
  body.homepage-refined .cart-drawer .drawer-summary,
  body.category-products-page .cart-drawer .drawer-summary,
  .homepage-refined .cart-drawer .drawer-summary,
  .category-products-page .cart-drawer .drawer-summary {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 12px 8px !important;
  }
  body.homepage-refined .cart-drawer .drawer-actions,
  body.category-products-page .cart-drawer .drawer-actions,
  .homepage-refined .cart-drawer .drawer-actions,
  .category-products-page .cart-drawer .drawer-actions {
    grid-column: 1 !important;
    grid-row: 5 !important;
    padding: 10px 12px calc(12px + env(safe-area-inset-bottom)) !important;
  }
  body.homepage-refined .cart-drawer .drawer-cart-line,
  body.category-products-page .cart-drawer .drawer-cart-line,
  .homepage-refined .cart-drawer .drawer-cart-line,
  .category-products-page .cart-drawer .drawer-cart-line {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }
  body.homepage-refined .cart-drawer .drawer-image-box,
  body.category-products-page .cart-drawer .drawer-image-box,
  .homepage-refined .cart-drawer .drawer-image-box,
  .category-products-page .cart-drawer .drawer-image-box,
  body.homepage-refined .cart-drawer .drawer-image-box .cart-line-img,
  body.category-products-page .cart-drawer .drawer-image-box .cart-line-img,
  .homepage-refined .cart-drawer .drawer-image-box .cart-line-img,
  .category-products-page .cart-drawer .drawer-image-box .cart-line-img,
  body.homepage-refined .cart-drawer .drawer-image-box .cart-line-art,
  body.category-products-page .cart-drawer .drawer-image-box .cart-line-art,
  .homepage-refined .cart-drawer .drawer-image-box .cart-line-art,
  .category-products-page .cart-drawer .drawer-image-box .cart-line-art {
    width: 76px !important;
    height: 76px !important;
  }
  body.homepage-refined .cart-drawer .cart-gift-list,
  body.category-products-page .cart-drawer .cart-gift-list,
  .homepage-refined .cart-drawer .cart-gift-list,
  .category-products-page .cart-drawer .cart-gift-list {
    grid-column: 1 / -1 !important;
  }
}
/* cart centered modal width hotfix 20260829 end */
/* cart compact modal v2 20260829 */
html body .cart-backdrop {
  background: rgba(8, 19, 38, .54) !important;
  backdrop-filter: blur(4px) !important;
  z-index: 2990 !important;
}
html body .cart-backdrop.open {
  opacity: 1 !important;
}
html body.cart-open .cart-drawer,
html body .cart-drawer.open {
  opacity: 1 !important;
  visibility: visible !important;
}
@media (min-width: 901px) {
  html body .cart-drawer,
  html body.homepage-refined .cart-drawer,
  html body.category-products-page .cart-drawer,
  html body.commerce-v4-page .cart-drawer {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(1280px, calc(100vw - 72px)) !important;
    max-width: min(1280px, calc(100vw - 72px)) !important;
    min-width: min(980px, calc(100vw - 72px)) !important;
    height: min(780px, calc(100vh - 60px)) !important;
    max-height: calc(100vh - 60px) !important;
    min-height: min(620px, calc(100vh - 60px)) !important;
    transform: translate(-50%, -46%) scale(.985) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    border: 1px solid #d9e4ef !important;
    background: #fff !important;
    box-shadow: 0 34px 90px rgba(8, 19, 38, .25) !important;
    z-index: 3000 !important;
  }
  html body.cart-open .cart-drawer,
  html body .cart-drawer.open,
  html body.homepage-refined.cart-open .cart-drawer,
  html body.category-products-page.cart-open .cart-drawer,
  html body.commerce-v4-page.cart-open .cart-drawer {
    transform: translate(-50%, -50%) scale(1) !important;
  }
  html body .cart-drawer .drawer-head {
    grid-column: 1 / -1 !important;
    padding: 16px 20px 12px !important;
  }
  html body .cart-drawer .drawer-head h2 {
    font-size: 28px !important;
    line-height: 1.08 !important;
    margin: 2px 0 0 !important;
  }
  html body .cart-drawer .drawer-head p {
    margin-top: 5px !important;
    font-size: 14px !important;
  }
  html body .cart-drawer .drawer-close {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  html body .cart-drawer .drawer-note {
    grid-column: 1 / -1 !important;
    margin: 10px 20px 0 !important;
    padding: 9px 12px !important;
    min-height: 0 !important;
  }
  html body .cart-drawer .drawer-items {
    grid-column: 1 !important;
    grid-row: 3 / 5 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 12px 16px 18px 20px !important;
    gap: 9px !important;
    border-right: 1px solid #e3ebf3 !important;
  }
  html body .cart-drawer .drawer-summary {
    grid-column: 2 !important;
    grid-row: 3 !important;
    align-self: start !important;
    width: auto !important;
    max-width: none !important;
    margin: 12px 20px 10px 14px !important;
    padding: 14px !important;
    border-radius: 15px !important;
    gap: 7px 10px !important;
  }
  html body .cart-drawer .drawer-summary-title {
    font-size: 17px !important;
    margin-bottom: 2px !important;
  }
  html body .cart-drawer .drawer-summary span,
  html body .cart-drawer .drawer-summary b {
    font-size: 13px !important;
  }
  html body .cart-drawer .drawer-summary strong {
    font-size: 25px !important;
  }
  html body .cart-drawer .drawer-actions {
    grid-column: 2 !important;
    grid-row: 4 !important;
    padding: 0 20px 18px 14px !important;
    gap: 8px !important;
  }
  html body .cart-drawer .drawer-actions .btn {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }
  html body .cart-drawer .drawer-cart-line,
  html body.homepage-refined .cart-drawer .drawer-cart-line,
  html body.category-products-page .cart-drawer .drawer-cart-line,
  html body.commerce-v4-page .cart-drawer .drawer-cart-line {
    grid-template-columns: 98px minmax(0, 1fr) 210px !important;
    min-height: 116px !important;
    padding: 10px 42px 10px 10px !important;
    gap: 9px 12px !important;
  }
}
@media (max-width: 900px) {
  html body .cart-drawer,
  html body.homepage-refined .cart-drawer,
  html body.category-products-page .cart-drawer,
  html body.commerce-v4-page .cart-drawer {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    transform: translateY(18px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    z-index: 3000 !important;
  }
  html body.cart-open .cart-drawer,
  html body .cart-drawer.open,
  html body.homepage-refined.cart-open .cart-drawer,
  html body.category-products-page.cart-open .cart-drawer,
  html body.commerce-v4-page.cart-open .cart-drawer {
    transform: translateY(0) !important;
  }
  html body .cart-drawer .drawer-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 10px 10px 8px !important;
    gap: 10px !important;
    border-bottom: 1px solid #e3ebf3 !important;
  }
  html body .cart-drawer .drawer-head .eyebrow {
    font-size: 10px !important;
    letter-spacing: .08em !important;
  }
  html body .cart-drawer .drawer-head h2 {
    font-size: 22px !important;
    line-height: 1.08 !important;
    margin: 2px 0 0 !important;
  }
  html body .cart-drawer .drawer-head p {
    margin: 3px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }
  html body .cart-drawer .drawer-close {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
  }
  html body .cart-drawer .drawer-note {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 7px 10px 0 !important;
    padding: 7px 9px !important;
    border-radius: 12px !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body .cart-drawer .drawer-note b,
  html body .cart-drawer .drawer-note span {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
  html body .cart-drawer .drawer-note span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body .cart-drawer .drawer-items {
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 8px 10px 7px !important;
    border-right: 0 !important;
  }
  html body .cart-drawer .drawer-cart-line,
  html body.homepage-refined .cart-drawer .drawer-cart-line,
  html body.category-products-page .cart-drawer .drawer-cart-line,
  html body.commerce-v4-page .cart-drawer .drawer-cart-line {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 36px 8px 8px !important;
    gap: 7px 9px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }
  html body .cart-drawer .drawer-image-box,
  html body.homepage-refined .cart-drawer .drawer-image-box,
  html body.category-products-page .cart-drawer .drawer-image-box,
  html body.commerce-v4-page .cart-drawer .drawer-image-box,
  html body .cart-drawer .drawer-image-box .cart-line-img,
  html body .cart-drawer .drawer-image-box .cart-line-art {
    width: 76px !important;
    height: 76px !important;
    border-radius: 12px !important;
  }
  html body .cart-drawer .drawer-cart-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    gap: 3px !important;
  }
  html body .cart-drawer .drawer-cart-info b {
    font-size: 14px !important;
    line-height: 1.18 !important;
    -webkit-line-clamp: 2 !important;
  }
  html body .cart-drawer .drawer-cart-info span,
  html body .cart-drawer .drawer-cart-info .drawer-meta,
  html body .cart-drawer .drawer-cart-info strong {
    font-size: 11px !important;
    line-height: 1.16 !important;
  }
  html body .cart-drawer .drawer-line-bottom,
  html body.homepage-refined .cart-drawer .drawer-line-bottom,
  html body.category-products-page .cart-drawer .drawer-line-bottom,
  html body.commerce-v4-page .cart-drawer .drawer-line-bottom {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  html body .cart-drawer .drawer-qty,
  html body.homepage-refined .cart-drawer .drawer-qty,
  html body.category-products-page .cart-drawer .drawer-qty,
  html body.commerce-v4-page .cart-drawer .drawer-qty {
    display: grid !important;
    grid-template-columns: 32px 64px 32px 28px !important;
    gap: 5px !important;
  }
  html body .cart-drawer .drawer-qty button,
  html body .cart-drawer .drawer-qty input {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
  }
  html body .cart-drawer .drawer-line-total {
    justify-self: end !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html body .cart-drawer .drawer-remove-corner,
  html body.homepage-refined .cart-drawer .drawer-remove-corner,
  html body.category-products-page .cart-drawer .drawer-remove-corner,
  html body.commerce-v4-page .cart-drawer .drawer-remove-corner {
    top: 8px !important;
    right: 8px !important;
    width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    border-radius: 999px !important;
  }
  html body .cart-drawer .cart-gift-list,
  html body.homepage-refined .cart-drawer .cart-gift-list,
  html body.category-products-page .cart-drawer .cart-gift-list,
  html body.commerce-v4-page .cart-drawer .cart-gift-list,
  html body .cart-drawer .drawer-stock-note {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    margin: 0 !important;
  }
  html body .cart-drawer .cart-gift-line {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    padding: 5px 6px !important;
    border-radius: 10px !important;
  }
  html body .cart-drawer .cart-gift-line img,
  html body .cart-drawer .cart-gift-thumb {
    width: 38px !important;
    height: 38px !important;
  }
  html body .cart-drawer .drawer-summary {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 10px 6px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto 1fr !important;
    align-items: center !important;
    gap: 4px 8px !important;
    width: auto !important;
    max-width: none !important;
  }
  html body .cart-drawer .drawer-summary-title,
  html body .cart-drawer .drawer-summary small {
    display: none !important;
  }
  html body .cart-drawer .drawer-summary span,
  html body .cart-drawer .drawer-summary b {
    font-size: 11px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }
  html body .cart-drawer .drawer-summary span:nth-of-type(3) {
    grid-column: 1 / 2 !important;
  }
  html body .cart-drawer .drawer-summary strong {
    grid-column: 2 / -1 !important;
    justify-self: end !important;
    font-size: 20px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  html body .cart-drawer .drawer-actions {
    grid-column: 1 !important;
    grid-row: 5 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    padding: 7px 10px calc(9px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #e3ebf3 !important;
    background: #fff !important;
  }
  html body .cart-drawer .drawer-actions .btn {
    min-height: 38px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    padding: 8px 10px !important;
  }
  html body .cart-drawer .drawer-actions .btn:first-child {
    grid-column: 1 / -1 !important;
    min-height: 42px !important;
    font-size: 14px !important;
  }
}
@media (max-width: 380px) {
  html body .cart-drawer .drawer-cart-line,
  html body.homepage-refined .cart-drawer .drawer-cart-line,
  html body.category-products-page .cart-drawer .drawer-cart-line,
  html body.commerce-v4-page .cart-drawer .drawer-cart-line {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    padding-right: 34px !important;
  }
  html body .cart-drawer .drawer-image-box,
  html body .cart-drawer .drawer-image-box .cart-line-img,
  html body .cart-drawer .drawer-image-box .cart-line-art {
    width: 68px !important;
    height: 68px !important;
  }
  html body .cart-drawer .drawer-qty,
  html body.homepage-refined .cart-drawer .drawer-qty,
  html body.category-products-page .cart-drawer .drawer-qty,
  html body.commerce-v4-page .cart-drawer .drawer-qty {
    grid-template-columns: 30px 54px 30px 26px !important;
  }
  html body .cart-drawer .drawer-summary strong {
    font-size: 18px !important;
  }
}
/* cart compact modal v2 20260829 end */
/* homepage managed hero compact height 20260830 */
@media (min-width: 1181px) {
  body.home-landing-page.commerce-v4-page .commerce-v4-market-grid.managed-home-market {
    gap: 18px !important;
    margin-bottom: 20px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block {
    gap: 24px !important;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
    min-height: 400px !important;
    padding: 28px 34px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-label-row {
    gap: 7px !important;
    margin-bottom: 12px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-label {
    min-height: 28px !important;
    padding: 0 11px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-copy h1 {
    font-size: clamp(38px, 3vw, 52px) !important;
    line-height: 1.02 !important;
    max-width: 540px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-copy p {
    font-size: 16px !important;
    line-height: 1.48 !important;
    margin: 16px 0 18px !important;
    max-width: 540px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-actions {
    gap: 10px !important;
    margin-bottom: 18px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-actions .btn,
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-primary,
  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-secondary {
    min-height: 44px !important;
    padding: 0 18px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-stats {
    gap: 10px !important;
    max-width: 500px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-stats div {
    padding: 10px 14px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-stats b {
    font-size: 23px !important;
    margin-bottom: 4px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-banner.managed-home-hero-block .commerce-v4-hero-stats span {
    font-size: 12px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-hero-image.managed-home-hero-image {
    min-height: 336px !important;
  }

  body.home-landing-page.commerce-v4-page .commerce-v4-side-ads.managed-home-side-ads {
    gap: 14px !important;
    min-height: 400px !important;
  }
}
/* homepage managed hero compact height 20260830 end */

/* customer account order detail compact refresh 20260830 */
.account-detail-page-body {
  background: #f3f7fb;
  gap: 12px;
}
.account-detail-page-body .account-detail-hero {
  min-height: 72px;
  padding: 13px 14px;
}
.account-detail-page-body .account-detail-summary {
  gap: 10px;
}
.account-detail-page-body .account-items-wide {
  order: 3;
  overflow-x: auto;
}
.account-detail-page-body .account-payment-action {
  order: 4;
}
.account-detail-info-grid {
  order: 5;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.account-detail-page-body .account-detail-items {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 820px;
}
.account-detail-page-body .account-detail-items th {
  background: #f8fafc;
  padding: 10px 12px;
}
.account-detail-page-body .account-detail-items td {
  border-bottom: 1px solid #e8eef5;
  padding: 12px;
  vertical-align: middle;
}
.account-detail-page-body .account-detail-product {
  align-items: center;
  grid-template-columns: 78px minmax(0, 1fr);
}
.account-detail-page-body .account-detail-product img,
.account-detail-page-body .account-item-noimage {
  background: #fff;
  border: 1px solid #dbe7f2;
  border-radius: 12px;
  height: 78px;
  object-fit: contain;
  width: 78px;
}
.account-detail-page-body .account-detail-product b {
  display: -webkit-box;
  font-size: 15px;
  line-height: 1.25;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.account-detail-page-body .account-detail-product small {
  color: #667085;
  display: block;
  font-size: 12px;
  font-weight: 850;
  margin-top: 3px;
}
.account-detail-page-body .order-gift-image-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}
.account-detail-page-body .order-gift-line {
  align-items: center;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  display: grid;
  gap: 8px;
  grid-template-columns: 44px minmax(0, 1fr);
  padding: 6px;
}
.account-detail-page-body .order-gift-line img,
.account-detail-page-body .order-gift-thumb {
  background: #fff;
  border: 1px solid #d8f3df;
  border-radius: 10px;
  height: 44px;
  object-fit: contain;
  width: 44px;
}
.account-detail-page-body .order-gift-line small,
.account-detail-page-body .order-gift-line span,
.account-detail-page-body .order-gift-line b {
  min-width: 0;
}
.account-detail-page-body .order-gift-line b {
  color: #081326;
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-detail-page-body .order-gift-line small,
.account-detail-page-body .order-gift-line span {
  background: transparent;
  border: 0;
  color: #047857;
  display: block;
  font-size: 11px;
  font-weight: 900;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-detail-page-body .account-proof-card {
  background: #fbfdff;
  border: 1px solid #e1eaf3;
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: 190px minmax(0, 1fr);
  padding: 12px;
}
.account-detail-page-body .account-proof-image img,
.account-detail-page-body .account-proof-card img {
  background: #fff;
  border: 1px solid #e1eaf3;
  border-radius: 12px;
  height: 160px;
  object-fit: contain;
  width: 190px;
}
.account-detail-page-body .account-payment-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}
@media (max-width: 760px) {
  .account-detail-page-body {
    gap: 8px !important;
    padding: 8px !important;
  }
  .account-detail-page-body .account-detail-hero {
    min-height: auto !important;
    padding: 10px !important;
  }
  .account-detail-page-body .account-detail-summary,
  .account-detail-info-grid,
  .account-detail-page-body .account-payment-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .account-detail-page-body .account-items-wide {
    overflow: visible !important;
  }
  .account-detail-page-body .account-detail-items {
    border-spacing: 0 8px !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .account-detail-page-body .account-detail-items tbody,
  .account-detail-page-body .account-detail-items tr,
  .account-detail-page-body .account-detail-items td {
    display: block !important;
    width: 100% !important;
  }
  .account-detail-page-body .account-detail-items tr:first-child {
    display: none !important;
  }
  .account-detail-page-body .account-detail-items tr {
    background: #fff !important;
    border: 1px solid #e1eaf3 !important;
    border-radius: 14px !important;
    margin-bottom: 8px !important;
    padding: 9px !important;
  }
  .account-detail-page-body .account-detail-items td {
    border: 0 !important;
    padding: 3px 0 !important;
  }
  .account-detail-page-body .account-detail-items td:not(:first-child) {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    padding-left: 66px !important;
  }
  .account-detail-page-body .account-detail-items td:last-child {
    color: #e11d48 !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
    text-align: left !important;
  }
  .account-detail-page-body .account-detail-product {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }
  .account-detail-page-body .account-detail-product img,
  .account-detail-page-body .account-item-noimage {
    height: 58px !important;
    width: 58px !important;
  }
  .account-detail-page-body .order-gift-line {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
  .account-detail-page-body .order-gift-line img,
  .account-detail-page-body .order-gift-thumb {
    height: 40px !important;
    width: 40px !important;
  }
  .account-detail-page-body .account-proof-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    padding: 8px !important;
  }
  .account-detail-page-body .account-proof-image img,
  .account-detail-page-body .account-proof-card img {
    height: 92px !important;
    width: 92px !important;
  }
  .account-detail-page-body .account-detail-actions {
    padding: 8px !important;
  }
}
/* customer account order detail compact refresh 20260830 end */
/* customer account order detail mobile labels 20260830 */
@media (max-width: 760px) {
  .account-detail-page-body .account-detail-items td:not(:first-child) {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    padding-left: 0 !important;
  }
  .account-detail-page-body .account-detail-items td:not(:first-child)::before {
    color: #667085;
    content: attr(data-label);
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
  }
}
/* customer account order detail mobile labels 20260830 end */
/* order gift row overlap fix 20260830 */
.account-detail-page-body .account-detail-product > img,
.account-detail-page-body .account-detail-product > .account-item-noimage {
  width: 78px;
  height: 78px;
  flex: 0 0 78px;
}
.account-detail-page-body .order-gift-image-list {
  margin: 8px 0 0 90px;
  max-width: min(560px, calc(100% - 90px));
}
.account-detail-page-body .order-gift-line,
.admin-order-gift-list .order-gift-line {
  box-sizing: border-box;
  grid-template-columns: 58px minmax(0, 1fr);
  min-height: 72px;
  overflow: hidden;
}
.account-detail-page-body .order-gift-line img,
.account-detail-page-body .order-gift-thumb,
.admin-order-gift-list .order-gift-line img,
.admin-order-gift-list .order-gift-thumb {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px;
}
.account-detail-page-body .order-gift-line > div,
.admin-order-gift-list .order-gift-line > div {
  min-width: 0;
  overflow: hidden;
}
.account-detail-page-body .order-gift-line small,
.account-detail-page-body .order-gift-line b,
.account-detail-page-body .order-gift-line span,
.admin-order-gift-list .order-gift-line small,
.admin-order-gift-list .order-gift-line b,
.admin-order-gift-list .order-gift-line span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .account-detail-page-body .order-gift-image-list {
    margin-left: 0;
    max-width: 100%;
  }
  .account-detail-page-body .order-gift-line,
  .admin-order-gift-list .order-gift-line {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    min-height: 64px;
  }
  .account-detail-page-body .order-gift-line img,
  .account-detail-page-body .order-gift-thumb,
  .admin-order-gift-list .order-gift-line img,
  .admin-order-gift-list .order-gift-thumb {
    width: 50px !important;
    height: 50px !important;
  }
}
/* order gift row overlap fix 20260830 end */
.account-review-section {
  max-width: 960px;
  margin: 24px auto;
  padding: 28px;
  display: grid;
  gap: 20px;
}
.account-review-section.hidden { display: none !important; }
.account-review-copy h1 { margin: 8px 0 10px; font-size: clamp(28px, 4vw, 48px); line-height: 1.05; }
.account-review-copy p { margin: 0; color: var(--muted); max-width: 720px; }
.account-review-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.account-review-grid div { background: var(--soft); border: 1px solid var(--line); border-radius: 10px; padding: 14px; }
.account-review-grid span { display: block; color: var(--muted); font-weight: 800; font-size: 12px; margin-bottom: 6px; }
.account-review-grid b { display: block; color: var(--ink); word-break: break-word; }
.account-review-actions { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 760px) {
  .account-review-section { margin: 10px; padding: 18px; }
  .account-review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-review-actions .btn { flex: 1; min-width: 140px; }
}

/* customer account ecommerce refresh 20260831 */
.account-compact-page .account-compact-wrap {
  max-width: 1500px;
  padding: 14px 18px 58px;
}
.account-compact-page .account-compact-topbar {
  max-width: 1500px;
  margin: 0 auto;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}
.account-compact-layout {
  grid-template-columns: 208px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.account-compact-sidebar {
  position: sticky;
  top: 12px;
  padding: 12px;
  border-radius: 14px;
}
.account-profile-mini {
  padding: 10px;
  border-radius: 12px;
  background: #f8fafc;
}
.account-side-nav {
  gap: 6px;
  margin-top: 10px;
}
.account-side-nav a,
.account-side-nav button {
  min-height: 38px;
  padding: 9px 10px;
  border-radius: 10px;
  font-size: 14px;
}
.account-compact-main {
  gap: 10px;
}
.account-overview-strip {
  min-height: auto;
  padding: 14px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
}
.account-overview-strip h1 {
  margin: 3px 0 4px;
  font-size: 28px;
  line-height: 1.05;
}
.account-overview-strip p {
  margin: 0;
  max-width: 760px;
  font-size: 14px;
}
.account-head-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.account-kpi-grid.account-kpi-ops {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.account-kpi-grid.account-kpi-ops article {
  min-height: 72px;
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: none;
}
.account-kpi-grid.account-kpi-ops article span,
.account-kpi-grid.account-kpi-ops article small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-kpi-grid.account-kpi-ops article b {
  display: block;
  margin: 3px 0;
  font-size: 24px;
  line-height: 1;
}
.account-kpi-grid.account-kpi-ops article.attention {
  border-color: #fed7aa;
  background: #fff7ed;
}
.account-order-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 4px;
}
.account-order-tabs .account-status-card {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 999px;
}
.account-order-tabs .account-status-card span,
.account-order-tabs .account-status-card b {
  line-height: 1;
}
.account-content-compact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 12px;
  align-items: start;
}
.account-orders-compact {
  overflow: hidden;
  border-radius: 14px;
}
.account-orders-compact#group-buy-orders {
  grid-column: 1;
}
.account-order-list-compact {
  display: grid;
  gap: 10px;
  padding: 10px;
}
.account-order-group {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.account-order-group > header {
  margin: 0 0 8px;
  padding: 9px 11px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}
.account-order-row {
  grid-template-columns: minmax(210px, 1.1fr) 150px 145px minmax(180px, 0.9fr) auto;
  min-height: 72px;
  padding: 10px 12px;
  border-radius: 12px;
}
.account-order-main b,
.customer-group-main b,
.customer-group-main strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-group-order {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 168px auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #0ea5e9;
  border-radius: 12px;
  background: #fff;
}
.customer-group-main,
.customer-group-side {
  min-width: 0;
}
.customer-group-main .account-order-type {
  display: inline-flex;
  margin-bottom: 4px;
}
.customer-group-main b,
.customer-group-main strong,
.customer-group-main small {
  display: block;
}
.customer-group-main strong {
  margin: 2px 0;
  font-size: 15px;
}
.customer-group-main small {
  color: #64748b;
  font-weight: 850;
}
.customer-group-side {
  display: grid;
  justify-items: end;
  gap: 6px;
}
.customer-group-side strong {
  color: #e11d48;
  font-size: 18px;
  font-weight: 1000;
}
.customer-group-actions {
  display: flex;
  justify-content: flex-end;
}
.customer-group-progress {
  display: flex;
  gap: 8px;
  align-items: center;
  max-width: 280px;
  margin-top: 8px;
}
.customer-group-progress span {
  flex: 1;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e7eb;
}
.customer-group-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #ff6a16;
}
.customer-group-progress b {
  flex: 0 0 auto;
  font-size: 12px;
  color: #475569;
}
.group-buy-proof-form {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid #e2e8f0;
}
.group-buy-proof-form.hidden {
  display: none !important;
}
.group-buy-proof-form input {
  min-height: 40px;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  padding: 8px 10px;
}
.account-side-stack-compact {
  position: sticky;
  top: 12px;
  display: grid;
  gap: 10px;
}
.account-address-compact,
.account-profile-form-compact {
  border-radius: 14px;
}
.account-address-summary-compact {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 12px;
  background: #f8fafc;
}
.account-address-line,
.account-address-mini {
  min-width: 0;
}
.account-address-line strong,
.account-address-mini span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 980px) {
  .account-compact-layout,
  .account-content-compact {
    grid-template-columns: 1fr;
  }
  .account-compact-sidebar,
  .account-side-stack-compact {
    position: static;
  }
  .account-side-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .account-kpi-grid.account-kpi-ops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-order-row,
  .customer-group-order {
    grid-template-columns: 1fr;
  }
  .customer-group-side,
  .customer-group-actions {
    justify-items: start;
    justify-content: flex-start;
  }
  .group-buy-proof-form {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .account-compact-page .account-compact-wrap {
    padding: 8px 8px 76px;
  }
  .account-compact-page .account-compact-topbar {
    margin: 0;
    padding: 8px;
    border-radius: 0 0 12px 12px;
  }
  .account-compact-topnav {
    display: none;
  }
  .account-auth-two-col {
    grid-template-columns: 1fr;
  }
  .account-auth-intro,
  .account-overview-strip,
  .account-orders-compact,
  .account-address-compact,
  .account-profile-form-compact {
    border-radius: 12px;
  }
  .account-overview-strip {
    gap: 10px;
    padding: 12px;
  }
  .account-overview-strip h1 {
    font-size: 22px;
  }
  .account-head-actions .btn {
    min-height: 36px;
    padding: 8px 10px;
  }
  .account-kpi-grid.account-kpi-ops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .account-kpi-grid.account-kpi-ops article {
    min-height: 64px;
    padding: 9px 10px;
  }
  .account-kpi-grid.account-kpi-ops article b {
    font-size: 21px;
  }
  .account-side-nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
  }
  .account-side-nav a,
  .account-side-nav button {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 8px 10px;
  }
  .account-order-list-compact {
    padding: 8px;
    gap: 8px;
  }
  .account-order-group > header {
    padding: 8px 9px;
  }
  .account-order-row,
  .customer-group-order {
    gap: 8px;
    min-height: auto;
    padding: 10px;
  }
  .customer-group-progress {
    max-width: 100%;
  }
}
/* customer account ecommerce refresh 20260831 end */

/* account center layout hardening 20260831 */
.account-compact-page #accountSection.account-compact-layout {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
}

.account-compact-page .account-compact-sidebar {
  position: sticky !important;
  top: 14px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 260px !important;
  align-self: start !important;
  padding: 14px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.account-compact-page .account-profile-mini {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 11px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
}

.account-compact-page .account-profile-mini > div:last-child {
  min-width: 0 !important;
  max-width: 100% !important;
}

.account-compact-page .account-profile-mini b,
.account-compact-page .account-profile-mini span {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.account-compact-page .account-side-nav {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

.account-compact-page .account-side-nav a,
.account-compact-page .account-side-nav button {
  position: static !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.account-compact-page .account-compact-main {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.account-compact-page .account-overview-strip {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.account-compact-page .account-content-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 12px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

.account-compact-page .account-content-compact > #orders,
.account-compact-page .account-content-compact > #group-buy-orders {
  grid-column: 1 !important;
  min-width: 0 !important;
}

.account-compact-page .account-side-stack-compact {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  position: sticky !important;
  top: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.account-compact-page #accountDetailSection.account-detail-page {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .account-compact-page #accountSection.account-compact-layout,
  .account-compact-page .account-content-compact {
    grid-template-columns: 1fr !important;
  }

  .account-compact-page .account-compact-sidebar,
  .account-compact-page .account-side-stack-compact {
    position: static !important;
    max-width: none !important;
  }

  .account-compact-page .account-side-stack-compact,
  .account-compact-page .account-content-compact > #orders,
  .account-compact-page .account-content-compact > #group-buy-orders,
  .account-compact-page #accountDetailSection.account-detail-page {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 640px) {
  .account-compact-page .account-compact-sidebar {
    padding: 10px !important;
  }

  .account-compact-page .account-side-nav {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
  }

  .account-compact-page .account-side-nav a,
  .account-compact-page .account-side-nav button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 34px !important;
    white-space: nowrap !important;
  }
}
/* account center layout hardening 20260831 end */

/* account center ecommerce refinement v2 20260831 */
body.account-compact-page {
  background: #eef3f8 !important;
}

.account-compact-page *,
.account-compact-page *::before,
.account-compact-page *::after {
  box-sizing: border-box;
}

.account-compact-page .account-compact-wrap {
  width: min(100%, 1500px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 12px 16px 64px !important;
}

.account-compact-page .account-compact-topbar {
  width: min(calc(100% - 32px), 1500px) !important;
  min-height: 64px !important;
  margin: 10px auto 12px !important;
  padding: 10px 16px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  overflow: visible !important;
}

.account-compact-page .account-compact-brand {
  flex: 0 0 230px !important;
  min-width: 0 !important;
}

.account-compact-page .account-compact-brand strong,
.account-compact-page .account-compact-brand em {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.account-compact-page .account-compact-topnav {
  flex: 1 1 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
}

.account-compact-page .account-compact-topnav a {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.account-compact-page .account-compact-topbar > .btn {
  flex: 0 0 auto !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
}

.account-compact-page #accountSection.account-compact-layout {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 236px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  margin: 0 !important;
}

.account-compact-page .account-compact-sidebar {
  position: sticky !important;
  top: 12px !important;
  width: 100% !important;
  max-width: 236px !important;
  min-height: auto !important;
  padding: 12px !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 10px !important;
  overflow: hidden !important;
}

.account-compact-page .account-profile-mini {
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  overflow: hidden !important;
  transform: none !important;
}

.account-compact-page .account-avatar {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 11px !important;
  font-size: 18px !important;
}

.account-compact-page .account-profile-mini > div:last-child {
  min-width: 0 !important;
}

.account-compact-page .account-profile-mini b,
.account-compact-page .account-profile-mini span {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.account-compact-page .account-side-nav {
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  overflow: visible !important;
  transform: none !important;
}

.account-compact-page .account-side-nav a,
.account-compact-page .account-side-nav button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.account-compact-page .account-side-nav a.active {
  background: #0f172a !important;
  color: #fff !important;
}

.account-compact-page .account-compact-main {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  gap: 12px !important;
}

.account-compact-page .account-overview-strip {
  min-height: 94px !important;
  padding: 16px 18px !important;
  border-radius: 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
}

.account-compact-page .account-overview-strip h1 {
  margin: 2px 0 4px !important;
  font-size: 25px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.account-compact-page .account-overview-strip p {
  max-width: 820px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.account-compact-page .account-overview-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

.account-compact-page .account-kpi-grid.account-kpi-ops {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.account-compact-page .account-kpi-grid.account-kpi-ops article {
  min-height: 64px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

.account-compact-page .account-kpi-grid.account-kpi-ops article span,
.account-compact-page .account-kpi-grid.account-kpi-ops article small {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.account-compact-page .account-kpi-grid.account-kpi-ops article b {
  margin-top: 5px !important;
  font-size: 21px !important;
  line-height: 1.05 !important;
}

.account-compact-page .account-order-tabs {
  padding: 8px !important;
  border-radius: 13px !important;
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
}

.account-compact-page .account-order-tabs .account-status-card {
  flex: 0 0 auto !important;
  min-width: 104px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.account-compact-page .account-order-tabs .account-status-card b {
  font-size: 14px !important;
  line-height: 1 !important;
}

.account-compact-page .account-order-tabs .account-status-card span,
.account-compact-page .account-order-tabs .account-status-card small {
  display: inline !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.account-compact-page .account-reminder-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.account-compact-page .account-reminder-card {
  min-height: 60px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.account-compact-page .account-reminder-card div {
  min-width: 0 !important;
}

.account-compact-page .account-reminder-card b,
.account-compact-page .account-reminder-card small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.account-compact-page .account-content-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 12px !important;
  align-items: start !important;
}

.account-compact-page .account-content-compact > #orders,
.account-compact-page .account-content-compact > #group-buy-orders {
  grid-column: 1 !important;
  min-width: 0 !important;
}

.account-compact-page .account-side-stack-compact {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  position: sticky !important;
  top: 12px !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.account-compact-page .account-card,
.account-compact-page .account-order-group,
.account-compact-page .account-address-card,
.account-compact-page .account-profile-card,
.account-compact-page .account-detail-page {
  border-radius: 14px !important;
}

.account-compact-page .account-card-head {
  min-height: 52px !important;
  padding: 12px 14px !important;
  gap: 10px !important;
}

.account-compact-page .account-card-head h2 {
  font-size: 18px !important;
  line-height: 1.15 !important;
}

.account-compact-page .account-order-list-compact {
  padding: 10px !important;
  display: grid !important;
  gap: 8px !important;
}

.account-compact-page .account-order-row {
  min-height: 68px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 1.3fr) 132px 150px minmax(170px, .9fr) 94px !important;
  gap: 10px !important;
  align-items: center !important;
  overflow: hidden !important;
}

.account-compact-page .account-order-main,
.account-compact-page .account-order-note,
.account-compact-page .account-order-status,
.account-compact-page .account-order-money {
  min-width: 0 !important;
}

.account-compact-page .account-order-main b,
.account-compact-page .account-order-note b {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.account-compact-page .account-order-main small,
.account-compact-page .account-order-note small,
.account-compact-page .account-order-status small,
.account-compact-page .account-order-money small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.account-compact-page .account-order-money b {
  font-size: 16px !important;
  line-height: 1.1 !important;
}

.account-compact-page .account-order-actions {
  display: flex !important;
  justify-content: flex-end !important;
}

.account-compact-page .account-order-actions .btn,
.account-compact-page .customer-order-actions .btn {
  min-height: 34px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
}

.account-compact-page .account-address-card .account-form-body,
.account-compact-page .account-profile-card .account-form-body {
  padding: 12px !important;
  display: grid !important;
  gap: 9px !important;
}

.account-compact-page .account-address-card label,
.account-compact-page .account-profile-card label {
  gap: 5px !important;
  font-size: 12px !important;
}

.account-compact-page .account-address-card input,
.account-compact-page .account-profile-card input,
.account-compact-page .account-address-card textarea,
.account-compact-page .account-profile-card textarea,
.account-compact-page .account-profile-card select {
  min-height: 38px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

.account-compact-page #accountDetailSection.account-detail-page {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.account-compact-page .customer-detail-header {
  padding: 14px 16px !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.account-compact-page .customer-detail-header h1 {
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

.account-compact-page .customer-detail-body {
  padding: 12px !important;
  display: grid !important;
  gap: 12px !important;
}

.account-compact-page .order-product-table .order-product-main,
.account-compact-page .customer-order-gifts,
.account-compact-page .customer-gift-line {
  min-width: 0 !important;
}

.account-compact-page .customer-gift-line {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 8px !important;
}

.account-compact-page .customer-gift-line img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
}

.account-compact-page .customer-gift-line b,
.account-compact-page .customer-gift-line small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .account-compact-page .account-compact-topbar {
    flex-wrap: wrap !important;
  }

  .account-compact-page .account-compact-brand {
    flex-basis: auto !important;
  }

  .account-compact-page #accountSection.account-compact-layout,
  .account-compact-page .account-content-compact {
    grid-template-columns: 1fr !important;
  }

  .account-compact-page .account-compact-sidebar,
  .account-compact-page .account-side-stack-compact {
    position: static !important;
    max-width: none !important;
  }

  .account-compact-page .account-compact-sidebar {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    align-items: center !important;
  }

  .account-compact-page .account-side-nav {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .account-compact-page .account-side-stack-compact,
  .account-compact-page .account-content-compact > #orders,
  .account-compact-page .account-content-compact > #group-buy-orders,
  .account-compact-page #accountDetailSection.account-detail-page {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .account-compact-page .account-order-row {
    grid-template-columns: minmax(220px, 1fr) 132px 150px 94px !important;
  }

  .account-compact-page .account-order-note {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  .account-compact-page .account-compact-wrap {
    padding: 8px 8px 76px !important;
  }

  .account-compact-page .account-compact-topbar {
    width: calc(100% - 16px) !important;
    margin: 8px auto !important;
    padding: 8px !important;
    gap: 8px !important;
  }

  .account-compact-page .account-compact-brand {
    flex: 1 1 calc(100% - 90px) !important;
  }

  .account-compact-page .account-compact-topbar > .btn {
    padding: 9px 10px !important;
    min-height: 36px !important;
  }

  .account-compact-page .account-compact-topnav {
    order: 3 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding-top: 2px !important;
  }

  .account-compact-page .account-compact-topnav a {
    min-height: 32px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  .account-compact-page #accountSection.account-compact-layout {
    gap: 8px !important;
  }

  .account-compact-page .account-compact-sidebar {
    grid-template-columns: 1fr !important;
    padding: 8px !important;
    gap: 8px !important;
  }

  .account-compact-page .account-profile-mini {
    min-height: 54px !important;
    padding: 8px !important;
  }

  .account-compact-page .account-side-nav {
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
  }

  .account-compact-page .account-side-nav::-webkit-scrollbar {
    display: none !important;
  }

  .account-compact-page .account-side-nav a,
  .account-compact-page .account-side-nav button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 32px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  .account-compact-page .account-overview-strip {
    min-height: auto !important;
    padding: 12px !important;
    grid-template-columns: 1fr !important;
  }

  .account-compact-page .account-overview-strip h1 {
    font-size: 20px !important;
  }

  .account-compact-page .account-overview-actions {
    justify-content: stretch !important;
  }

  .account-compact-page .account-overview-actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
  }

  .account-compact-page .account-kpi-grid.account-kpi-ops {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .account-compact-page .account-reminder-grid {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .account-compact-page .account-order-list-compact {
    padding: 8px !important;
  }

  .account-compact-page .account-order-row {
    min-height: auto !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  .account-compact-page .account-order-main,
  .account-compact-page .account-order-note {
    grid-column: 1 / -1 !important;
  }

  .account-compact-page .account-order-status,
  .account-compact-page .account-order-money {
    grid-column: auto !important;
  }

  .account-compact-page .account-order-actions {
    grid-column: 1 / -1 !important;
    justify-content: stretch !important;
  }

  .account-compact-page .account-order-actions .btn {
    width: 100% !important;
  }

  .account-compact-page .customer-detail-header {
    padding: 12px !important;
    grid-template-columns: 1fr auto !important;
  }

  .account-compact-page .customer-detail-header h1 {
    font-size: 20px !important;
  }

  .account-compact-page .customer-detail-body {
    padding: 8px !important;
  }
}
/* account center ecommerce refinement v2 20260831 end */

/* Customer approval gate */
html.customer-gate-locked,
body.customer-gate-locked {
  overflow: hidden !important;
}

.customer-gate-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(8, 20, 38, 0.94);
  backdrop-filter: blur(14px);
  overflow: auto;
}

.customer-gate-overlay.hidden,
.customer-gate-form.hidden,
.customer-gate-review.hidden {
  display: none !important;
}

.customer-gate-card {
  width: min(980px, 100%);
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(219, 229, 239, 0.95);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.customer-gate-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 38px;
  color: #081426;
  background: linear-gradient(135deg, #ecfdf5 0%, #fff7ed 100%);
}

.customer-gate-logo {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #059669;
  color: #fff;
  font-size: 22px;
  font-weight: 950;
}

.customer-gate-intro small,
.customer-gate-intro p,
.customer-gate-points span,
.customer-gate-message,
.customer-gate-form label,
.customer-gate-review p {
  color: #64748b;
  font-weight: 800;
}

.customer-gate-intro h1 {
  margin: 0;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: 0;
}

.customer-gate-intro p {
  margin: 0;
  line-height: 1.65;
}

.customer-gate-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.customer-gate-points span {
  padding: 8px 12px;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #047857;
  font-size: 12px;
}

.customer-gate-auth {
  padding: 34px;
}

.customer-gate-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 6px;
  margin-bottom: 14px;
  border: 1px solid #dbe5ef;
  border-radius: 14px;
  background: #f8fafc;
}

.customer-gate-tabs button {
  min-height: 44px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #475569;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.customer-gate-tabs button.active {
  background: #081426;
  color: #fff;
  box-shadow: 0 8px 18px rgba(8, 20, 38, 0.16);
}

.customer-gate-message {
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  background: #f8fafc;
}

.customer-gate-message[data-tone="warning"] {
  border-color: #fdba74;
  color: #9a3412;
  background: #fff7ed;
}

.customer-gate-message[data-tone="danger"] {
  border-color: #fecdd3;
  color: #be123c;
  background: #fff1f2;
}

.customer-gate-form {
  display: grid;
  gap: 14px;
}

.customer-gate-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.customer-gate-form label {
  display: grid;
  gap: 7px;
  font-size: 13px;
}

.customer-gate-form input,
.customer-gate-form select,
.customer-gate-form textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  background: #fff;
  color: #081426;
  font: inherit;
  font-weight: 850;
  padding: 12px 14px;
  outline: 0;
}

.customer-gate-form input:focus,
.customer-gate-form select:focus,
.customer-gate-form textarea:focus {
  border-color: #ff6a16;
  box-shadow: 0 0 0 3px rgba(255, 106, 22, 0.12);
}

.customer-gate-review {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  background: #ecfdf5;
}

.customer-gate-review b {
  color: #047857;
  font-size: 20px;
}

@media (max-width: 760px) {
  .customer-gate-overlay {
    padding: 0;
    align-items: stretch;
  }

  .customer-gate-card {
    min-height: 100vh;
    width: 100%;
    grid-template-columns: 1fr;
    border-radius: 0;
    border: 0;
  }

  .customer-gate-intro {
    padding: 24px 18px 18px;
    gap: 10px;
  }

  .customer-gate-intro h1 {
    font-size: 30px;
  }

  .customer-gate-auth {
    padding: 18px;
  }

  .customer-gate-grid {
    grid-template-columns: 1fr;
  }
}

/* Gift/order/cart final display fixes 20260831 */
.cart-drawer .drawer-cart-line {
  box-sizing: border-box !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.cart-drawer .cart-gift-list {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 6px !important;
  grid-column: 1 / -1 !important;
  margin: 2px 0 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

.cart-drawer .cart-gift-line {
  align-items: center !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  min-height: 60px !important;
  overflow: hidden !important;
  padding: 6px 8px !important;
}

.cart-drawer .cart-gift-line img,
.cart-drawer .cart-gift-thumb {
  background: #fff !important;
  border: 1px solid #d8f3df !important;
  border-radius: 10px !important;
  height: 48px !important;
  object-fit: contain !important;
  width: 48px !important;
}

.cart-drawer .cart-gift-line > div,
.cart-drawer .cart-gift-line small,
.cart-drawer .cart-gift-line b,
.cart-drawer .cart-gift-line span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.cart-drawer .cart-gift-line small {
  color: #047857 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.cart-drawer .cart-gift-line b {
  color: #081326 !important;
  display: block !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.cart-drawer .cart-gift-line span {
  color: #047857 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.account-detail-page-body .order-gift-image-list,
.admin-order-gift-list.order-gift-image-list,
.admin-order-gift-list {
  box-sizing: border-box !important;
  clear: both !important;
  display: grid !important;
  gap: 8px !important;
  margin: 10px 0 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

.account-detail-page-body .order-gift-line,
.admin-order-gift-list .order-gift-line {
  align-items: center !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  min-height: 76px !important;
  overflow: hidden !important;
  padding: 7px !important;
}

.account-detail-page-body .order-gift-line img,
.account-detail-page-body .order-gift-thumb,
.admin-order-gift-list .order-gift-line img,
.admin-order-gift-list .order-gift-thumb {
  background: #fff !important;
  border: 1px solid #d8f3df !important;
  border-radius: 10px !important;
  flex: 0 0 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  width: 64px !important;
}

.account-detail-page-body .order-gift-line > div,
.admin-order-gift-list .order-gift-line > div {
  min-width: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 901px) {
  html body .cart-drawer,
  html body.homepage-refined .cart-drawer,
  html body.category-products-page .cart-drawer,
  html body.commerce-v4-page .cart-drawer {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    height: min(820px, calc(100vh - 48px)) !important;
    max-height: calc(100vh - 48px) !important;
    width: min(1220px, calc(100vw - 56px)) !important;
    max-width: min(1220px, calc(100vw - 56px)) !important;
  }

  html body .cart-drawer .drawer-items {
    min-width: 0 !important;
  }

  html body .cart-drawer .drawer-cart-line,
  html body.homepage-refined .cart-drawer .drawer-cart-line,
  html body.category-products-page .cart-drawer .drawer-cart-line,
  html body.commerce-v4-page .cart-drawer .drawer-cart-line {
    grid-template-columns: 92px minmax(0, 1fr) 190px !important;
    grid-template-rows: auto auto auto !important;
    padding: 10px 42px 10px 10px !important;
  }

  html body .cart-drawer .drawer-line-bottom {
    align-self: end !important;
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }
}

@media (max-width: 760px) {
  .cart-drawer .cart-gift-line {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    min-height: 54px !important;
    padding: 5px 7px !important;
  }

  .cart-drawer .cart-gift-line img,
  .cart-drawer .cart-gift-thumb {
    height: 42px !important;
    width: 42px !important;
  }

  .account-detail-page-body .order-gift-line,
  .admin-order-gift-list .order-gift-line {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    min-height: 64px !important;
    padding: 6px !important;
  }

  .account-detail-page-body .order-gift-line img,
  .account-detail-page-body .order-gift-thumb,
  .admin-order-gift-list .order-gift-line img,
  .admin-order-gift-list .order-gift-thumb {
    flex-basis: 52px !important;
    height: 52px !important;
    width: 52px !important;
  }
}
/* Gift/order/cart final display fixes 20260831 end */
/* preorder shipment batch inventory 20260831 */
.home-shipment-section {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}
.home-shipment-note {
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  padding: 16px;
}
.home-shipment-note h2 {
  margin: 6px 0 8px;
  color: #0f172a;
  font-size: 28px;
  line-height: 1.05;
}
.home-shipment-note p {
  margin: 0 0 14px;
  color: #7c2d12;
  font-weight: 850;
  line-height: 1.5;
}
.home-shipment-note a,
.home-shipment-empty a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  background: #ff6b1a;
  color: #fff;
  font-weight: 950;
  text-decoration: none;
}
.home-shipment-list-panel {
  min-width: 0;
}
.home-shipment-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.home-shipment-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 10px;
  min-height: 132px;
  padding: 10px;
  color: #0f172a;
  text-decoration: none;
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  overflow: hidden;
}
.home-shipment-card:hover {
  border-color: #fb923c;
  box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);
}
.home-shipment-image {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  color: #059669;
  font-weight: 950;
}
.home-shipment-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-shipment-body {
  min-width: 0;
  display: grid;
  gap: 6px;
  align-content: start;
}
.home-shipment-tag {
  width: max-content;
  padding: 3px 8px;
  color: #c2410c;
  background: #ffedd5;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
}
.home-shipment-body b {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.15;
}
.home-shipment-body small {
  color: #64748b;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-shipment-progress {
  height: 8px;
  overflow: hidden;
  background: #ffedd5;
  border-radius: 999px;
}
.home-shipment-progress i {
  display: block;
  height: 100%;
  background: #f97316;
  border-radius: inherit;
}
.home-shipment-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #047857;
  font-size: 12px;
  font-weight: 950;
}
.home-shipment-empty {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: space-between;
  min-height: 96px;
  padding: 16px;
  background: #fff;
  border: 1px dashed #fed7aa;
  border-radius: 14px;
}
.preorder-batch-main .commerce-v4-shell {
  display: grid;
  gap: 16px;
}
.preorder-shipment-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 20px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}
.preorder-shipment-hero h1 {
  margin: 6px 0;
  color: #0f172a;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.04;
}
.preorder-shipment-hero p {
  margin: 0;
  color: #64748b;
  font-weight: 850;
}
.preorder-shipment-summary {
  min-width: 280px;
  padding: 14px;
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 14px;
}
.preorder-shipment-summary b {
  display: block;
  margin: 5px 0;
  color: #e11d48;
  font-size: 24px;
}
.preorder-shipment-summary span,
.preorder-shipment-summary small {
  display: block;
  color: #64748b;
  font-weight: 850;
}
.preorder-shipment-products {
  padding: 16px;
  background: #fff;
  border: 1px solid #dbe5ef;
  border-radius: 18px;
}
.preorder-list-main .commerce-v4-shell {
  display: grid;
  gap: 16px;
}
.preorder-list-hero,
.preorder-list-section {
  background: #fff;
  border: 1px solid #dbe5ef;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}
.preorder-list-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: center;
  padding: 22px;
  background: linear-gradient(135deg, #fff7ed 0%, #fff 54%, #ecfdf5 100%);
}
.preorder-list-hero h1 {
  margin: 6px 0 10px;
  color: #0f172a;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.02;
}
.preorder-list-hero p {
  max-width: 760px;
  margin: 0;
  color: #64748b;
  font-weight: 850;
  line-height: 1.55;
}
.preorder-list-hero-card {
  display: grid;
  gap: 8px;
  padding: 16px;
  background: #fff;
  border: 1px solid #fed7aa;
  border-radius: 14px;
}
.preorder-list-hero-card b {
  color: #0f172a;
  font-size: 18px;
}
.preorder-list-hero-card span {
  color: #7c2d12;
  font-weight: 850;
}
.preorder-list-section {
  padding: 18px;
}
.preorder-list-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.preorder-list-grid .home-shipment-card {
  min-height: 150px;
}
.shipment-products-list {
  display: grid;
  gap: 10px;
}
.shipment-product-row {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr) 220px;
  gap: 14px;
  align-items: center;
  padding: 10px;
  background: #fff;
  border: 1px solid #dbe5ef;
  border-radius: 14px;
}
.shipment-product-image {
  width: 108px;
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  color: #64748b;
  font-weight: 900;
}
.shipment-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.shipment-product-info {
  min-width: 0;
}
.shipment-product-info a {
  color: #0f172a;
  text-decoration: none;
}
.shipment-product-info b {
  font-size: 18px;
  line-height: 1.2;
}
.shipment-product-info small {
  display: block;
  margin: 5px 0 8px;
  color: #64748b;
  font-weight: 850;
}
.shipment-variant-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.shipment-variant-row button {
  min-height: 38px;
  padding: 7px 11px;
  background: #f8fafc;
  border: 1px solid #dbe5ef;
  border-radius: 10px;
  color: #0f172a;
  font-weight: 900;
}
.shipment-variant-row button.active {
  background: #fff7ed;
  border-color: #fb923c;
  color: #c2410c;
}
.shipment-progress-row {
  display: grid;
  grid-template-columns: auto minmax(90px, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}
.shipment-progress-row i {
  height: 8px;
  overflow: hidden;
  background: #ffedd5;
  border-radius: 999px;
}
.shipment-progress-row em {
  display: block;
  height: 100%;
  background: #f97316;
  border-radius: inherit;
}
.shipment-product-buy {
  display: grid;
  gap: 8px;
}
.shipment-product-buy span {
  color: #64748b;
  font-weight: 850;
}
.shipment-product-buy b {
  color: #e11d48;
  font-size: 24px;
  line-height: 1;
}
.shipment-product-buy small {
  color: #64748b;
  font-weight: 850;
}
.shipment-qty-control {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  gap: 6px;
}
.shipment-qty-control input,
.shipment-qty-control button {
  height: 42px;
  text-align: center;
  background: #fff;
  border: 1px solid #dbe5ef;
  border-radius: 10px;
  color: #0f172a;
  font-weight: 950;
}
.shipment-qty-control button:disabled,
.shipment-product-buy button:disabled {
  opacity: 0.45;
}
.shipment-checkout-bar {
  position: sticky;
  bottom: 14px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #dbe5ef;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}
.shipment-checkout-bar div {
  display: grid;
  gap: 2px;
}
.shipment-checkout-bar span,
.shipment-checkout-bar small {
  color: #64748b;
  font-weight: 850;
}
.shipment-checkout-bar b {
  color: #0f172a;
  font-size: 20px;
}
.shipment-checkout-bar a.disabled {
  pointer-events: none;
  opacity: 0.45;
}
@media (max-width: 1100px) {
  .home-shipment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .home-shipment-section {
    grid-template-columns: 1fr;
    padding: 12px;
  }
  .home-shipment-note {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
  }
  .home-shipment-note h2 {
    font-size: 22px;
  }
  .home-shipment-note p {
    margin: 0;
    font-size: 12px;
  }
  .home-shipment-note a {
    white-space: nowrap;
  }
  .home-shipment-grid {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 4px;
  }
  .home-shipment-card {
    min-width: 260px;
    scroll-snap-align: start;
  }
  .home-shipment-empty {
    min-width: 280px;
  }
  .preorder-shipment-hero {
    display: grid;
    padding: 14px;
  }
  .preorder-shipment-summary {
    min-width: 0;
  }
  .preorder-shipment-products {
    padding: 10px;
  }
  .preorder-list-hero {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .preorder-list-hero-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .preorder-list-hero-card b {
    grid-column: 1 / -1;
  }
  .preorder-list-grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  .shipment-product-row {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }
  .shipment-product-image {
    width: 82px;
    height: 82px;
  }
  .shipment-product-info b {
    font-size: 16px;
  }
  .shipment-progress-row {
    grid-template-columns: 1fr;
  }
  .shipment-product-buy {
    grid-column: 1 / -1;
  }
  .shipment-checkout-bar {
    bottom: 78px;
    flex-direction: column;
    align-items: stretch;
    margin: 0 4px;
  }
  .shipment-checkout-bar .commerce-v4-primary {
    text-align: center;
  }
}
/* preorder shipment batch inventory 20260831 end */
/* Customer center page layout refinement */
.account-compact-page .account-page-layout {
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.account-compact-page .account-page-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.account-page-profile {
  padding: 10px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid #e5edf5;
}

.account-compact-page .account-page-nav {
  display: grid;
  gap: 8px;
}

.account-compact-page .account-page-nav a,
.account-compact-page .account-page-nav button {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 14px;
  border: 1px solid #dce6f0;
  border-radius: 12px;
  background: #f8fafc;
  color: #172033;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.account-compact-page .account-page-nav a.active,
.account-compact-page .account-page-nav button:hover,
.account-compact-page .account-page-nav a:hover {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}

.account-page-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.account-page-panel {
  display: grid;
  gap: 14px;
}

.account-page-panel.hidden,
.account-detail-page.hidden {
  display: none !important;
}

.account-page-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 24px;
  background: linear-gradient(110deg, #fff, #eefdf5);
}

.account-page-hero h1 {
  margin: 4px 0 6px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
}

.account-page-hero p {
  margin: 0;
  color: #64748b;
  font-weight: 800;
}

.account-page-kpis .account-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.account-page-kpis .account-kpi-grid article {
  min-height: 92px;
  padding: 16px;
  border: 1px solid #dce6f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}

.account-page-kpis .account-kpi-grid span,
.account-page-section-head span {
  color: #00866a;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}

.account-page-kpis .account-kpi-grid b {
  display: block;
  margin: 6px 0 2px;
  font-size: 30px;
  line-height: 1;
}

.account-page-kpis .account-kpi-grid small {
  color: #64748b;
  font-weight: 800;
}

.account-page-alerts .account-reminder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.account-page-alerts .account-reminder-card {
  min-height: 82px;
  padding: 14px;
  border-radius: 14px;
}

.account-page-section {
  padding: 0;
  overflow: hidden;
}

.account-page-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid #e5edf5;
}

.account-page-section-head h2 {
  margin: 2px 0 0;
  font-size: 24px;
}

.account-page-filter-tabs {
  padding: 14px 20px 4px;
}

.account-page-filter-tabs .account-order-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

.account-page-filter-tabs .account-status-card {
  min-width: 112px;
  min-height: 44px;
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 999px;
}

.account-page-section .account-order-list-compact,
.account-page-section .customer-group-orders {
  padding: 18px 20px 20px;
}

.account-page-section .account-order-group {
  margin: 0;
}

.account-page-section .account-order-group + .account-order-group {
  margin-top: 12px;
}

.account-page-section .account-order-row {
  border-radius: 14px;
  padding: 14px;
  grid-template-columns: minmax(260px, 1.6fr) minmax(130px, .7fr) minmax(150px, .75fr) minmax(210px, 1fr) auto;
}

.account-address-page-summary {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 12px;
}

.account-address-page-summary > div {
  border: 1px solid #e5edf5;
  border-radius: 12px;
  background: #f8fafc;
  padding: 14px;
}

.account-page-main .account-profile-form-compact {
  padding: 20px;
}

.account-page-main .account-profile-form-compact .account-page-section-head {
  padding: 0 0 16px;
  margin-bottom: 14px;
}

.account-page-main .account-profile-form-compact label {
  margin-bottom: 12px;
}

@media (max-width: 980px) {
  .account-compact-page .account-page-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .account-compact-page .account-page-sidebar {
    position: static;
    padding: 10px;
    box-shadow: none;
  }

  .account-compact-page .account-page-nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .account-compact-page .account-page-nav a,
  .account-compact-page .account-page-nav button {
    flex: 0 0 auto;
    width: auto;
    min-height: 38px;
    padding: 0 12px;
  }

  .account-page-hero {
    display: grid;
    padding: 16px;
  }

  .account-page-kpis .account-kpi-grid,
  .account-page-alerts .account-reminder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-page-section .account-order-row {
    grid-template-columns: 1fr;
  }

  .account-address-page-summary {
    grid-template-columns: 1fr;
    padding: 14px;
  }
}

@media (max-width: 560px) {
  .account-compact-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .account-page-kpis .account-kpi-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .account-page-kpis .account-kpi-grid article {
    min-height: 78px;
    padding: 12px;
  }

  .account-page-kpis .account-kpi-grid b {
    font-size: 24px;
  }

  .account-page-alerts .account-reminder-grid {
    grid-template-columns: 1fr;
  }

  .account-page-section-head {
    padding: 14px;
  }

  .account-page-section-head h2 {
    font-size: 20px;
  }

  .account-page-section .account-order-list-compact,
  .account-page-section .customer-group-orders {
    padding: 12px;
  }
}

/* Mobile app polish 20260902
   These rules only target small screens so desktop layouts stay unchanged. */
@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    min-width: 0 !important;
    padding-bottom: 78px;
  }

  .commerce-v4-shell,
  .commerce-v4-main,
  .home-landing-page .commerce-v4-shell,
  .category-page-main,
  .refined-main,
  .checkout-main,
  .account-compact-wrap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box;
  }

  .commerce-v4-topbar,
  .top-strip {
    display: none !important;
  }

  .site-header.commerce-v4-header,
  .category-page-header,
  .checkout-topbar,
  .account-compact-topbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
  }

  .commerce-v4-header-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center;
    gap: 8px !important;
    padding: 0 !important;
  }

  .commerce-v4-brand {
    min-width: 0;
    gap: 8px;
  }

  .commerce-v4-brand-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
  }

  .commerce-v4-brand b {
    font-size: 15px !important;
    line-height: 1.1;
  }

  .commerce-v4-brand small {
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px !important;
  }

  .commerce-v4-search-bar {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 62px !important;
    width: 100%;
    min-width: 0;
    height: auto !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .commerce-v4-search-bar input {
    min-width: 0;
    min-height: 42px;
    padding: 0 12px !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    font-size: 14px !important;
  }

  .commerce-v4-search-bar button {
    min-height: 42px;
    padding: 0 !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  .commerce-v4-nav {
    grid-column: 2;
    grid-row: 1;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 6px !important;
    min-width: 0;
    overflow: visible !important;
    padding: 0 !important;
  }

  .commerce-v4-nav > a:not(.commerce-v4-login),
  .commerce-v4-nav > a[href="/preorder"],
  .commerce-v4-nav > a[href="/group-buy"],
  .commerce-v4-nav > a[href="#categories"],
  .commerce-v4-nav > a[href="#products"] {
    display: none !important;
  }

  .commerce-v4-login {
    min-height: 38px !important;
    padding: 0 9px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    white-space: nowrap;
  }

  .commerce-v4-cart,
  .cart-trigger {
    min-height: 38px !important;
    padding: 0 9px !important;
    gap: 5px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    white-space: nowrap;
  }

  .commerce-v4-cart b,
  #cartCount {
    position: static !important;
    display: inline-grid !important;
    place-items: center;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .mobile-bottom-nav {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: 8px;
    z-index: 9999;
    gap: 3px;
    padding: 6px;
    border: 1px solid #dbe4ee;
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .15);
    backdrop-filter: blur(12px);
  }

  .mobile-bottom-nav a,
  .mobile-bottom-nav button {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 46px;
    padding: 4px 2px;
    border: 0;
    background: transparent;
    color: #0f172a;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
  }

  .mobile-bottom-nav b {
    display: none !important;
  }

  .mobile-bottom-nav span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-bottom-nav i {
    position: absolute;
    top: 2px;
    right: 16%;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #ff6b16;
    color: #fff;
    font-size: 10px;
    font-style: normal;
  }

  .commerce-v4-main,
  .category-page-main {
    padding-top: 8px !important;
  }

  .commerce-v4-market-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 8px 0 10px !important;
  }

  .commerce-v4-hero-banner,
  .home-promo-hero.commerce-v4-hero-banner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    overflow: hidden;
  }

  .commerce-v4-hero-copy {
    order: 2;
    min-width: 0;
    padding: 0 !important;
  }

  .commerce-v4-hero-copy h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .commerce-v4-hero-copy p {
    display: -webkit-box;
    margin: 6px 0 8px !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .commerce-v4-label-row {
    display: flex;
    gap: 6px !important;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 1px;
  }

  .commerce-v4-label,
  .badge {
    min-height: 26px !important;
    padding: 0 9px !important;
    font-size: 11px !important;
  }

  .commerce-v4-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 6px !important;
    margin: 0 !important;
  }

  .commerce-v4-hero-actions .btn {
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .commerce-v4-hero-actions .btn:nth-child(3) {
    grid-column: 1 / -1;
  }

  .commerce-v4-hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 8px !important;
  }

  .commerce-v4-hero-stats div {
    min-height: 48px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }

  .commerce-v4-hero-stats b {
    font-size: 18px !important;
  }

  .commerce-v4-hero-stats span {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .commerce-v4-hero-image {
    order: 1;
    width: 100%;
    min-width: 0;
    min-height: 0 !important;
    aspect-ratio: 16 / 10;
    border-left: 0 !important;
    border-radius: 14px !important;
    overflow: hidden;
  }

  .commerce-v4-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .commerce-v4-side-ads,
  .home-banner-grid.commerce-v4-side-ads {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    min-height: 0 !important;
  }

  .commerce-v4-side-ad,
  .home-banner-card {
    min-width: 0;
    min-height: 74px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .commerce-v4-side-ad img,
  .home-banner-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .commerce-v4-side-ad b {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px !important;
    line-height: 1.18 !important;
  }

  .commerce-v4-side-ad span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }

  .commerce-v4-category-shop,
  .commerce-v4-section,
  .home-product-section,
  .commerce-v4-promo-strip,
  .commerce-v4-preorder-section,
  .commerce-v4-order-flow,
  .category-page-hero,
  .refined-filter-panel,
  .refined-track,
  .panel,
  .checkout-card,
  .checkout-summary-card,
  .account-page-section,
  .account-page-hero {
    margin: 8px 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .commerce-v4-section-head,
  .home-section-head,
  .section-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .commerce-v4-section-head h2,
  .section-head h2,
  .category-page-hero h1 {
    font-size: 21px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  .commerce-v4-section-head p,
  .section-head p,
  .category-page-hero p {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .commerce-v4-view-all {
    flex: 0 0 auto;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    white-space: nowrap;
  }

  .commerce-v4-category-row,
  .commerce-v4-category-grid,
  .refined-categories {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x mandatory;
  }

  .commerce-v4-category-card,
  .refined-categories > * {
    flex: 0 0 82%;
    min-width: 0;
    min-height: 0 !important;
    padding: 12px !important;
    scroll-snap-align: start;
  }

  .commerce-v4-tag-list,
  .commerce-v4-category-card div {
    gap: 6px !important;
    overflow-x: auto;
  }

  .commerce-v4-tag-list a,
  .commerce-v4-category-card a {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .commerce-v4-product-toolbar,
  .product-head-actions,
  .store-filter-panel,
  .refined-filter-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  .commerce-v4-segmented,
  .sale-type-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .commerce-v4-mini-filter,
  .commerce-v4-mini-search,
  #productQuickSearch,
  .store-filter-panel select,
  .store-filter-panel label,
  .store-filter-panel button {
    width: 100%;
    min-height: 40px !important;
    min-width: 0 !important;
  }

  .product-grid,
  .commerce-v4-product-grid,
  .home-feature-grid,
  .refined-products {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .product-card.box-card,
  .commerce-v4-product-grid .product-card.box-card,
  .homepage-refined .refined-products .product-card,
  .commerce-v4-product-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 12px !important;
    gap: 9px !important;
    border-radius: 16px !important;
    box-sizing: border-box;
  }

  .product-card.box-card .product-media,
  .product-card.box-card .product-photo,
  .product-card.box-card .square-art,
  .commerce-v4-product-image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 14px !important;
    overflow: hidden;
  }

  .product-card.box-card .product-media img,
  .product-card.box-card .product-photo img,
  .product-card.box-card .square-art img,
  .commerce-v4-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .product-card.box-card h3,
  .commerce-v4-product-card h3 {
    display: -webkit-box;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  .product-card.box-card .product-meta-grid,
  .product-card.box-card .product-specs,
  .commerce-v4-product-meta {
    display: block !important;
    min-height: 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .product-card.box-card .box-price,
  .commerce-v4-price-box {
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }

  .product-card.box-card .box-price strong,
  .commerce-v4-price-box b {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  .product-card.box-card .stock-line,
  .commerce-v4-stock-box {
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
  }

  .product-card.box-card .compact-buy-row,
  .product-card.box-card .box-qty-row,
  .commerce-v4-buy-box {
    display: grid !important;
    grid-template-columns: 42px minmax(52px, 1fr) 42px 32px 48px !important;
    gap: 6px !important;
    padding: 7px !important;
    border-radius: 12px !important;
  }

  .product-card.box-card .compact-buy-row button,
  .product-card.box-card .box-qty-row button,
  .product-card.box-card .compact-buy-row input,
  .product-card.box-card .box-qty-row input,
  .commerce-v4-buy-box button,
  .commerce-v4-buy-box input {
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .product-card.box-card .cart-add-icon,
  .commerce-v4-buy-box .add {
    width: 48px !important;
    min-width: 48px !important;
  }

  html body .cart-drawer,
  html body.homepage-refined .cart-drawer,
  html body.category-products-page .cart-drawer,
  html body.commerce-v4-page .cart-drawer {
    position: fixed !important;
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
    z-index: 10000 !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 10px !important;
    border-radius: 18px !important;
    transform: translateY(18px) scale(.98) !important;
  }

  html body.cart-open .cart-drawer,
  html body .cart-drawer.open,
  html body.homepage-refined.cart-open .cart-drawer,
  html body.category-products-page.cart-open .cart-drawer,
  html body.commerce-v4-page.cart-open .cart-drawer {
    transform: translateY(0) scale(1) !important;
  }

  html body .cart-drawer .drawer-head {
    padding: 2px 2px 8px !important;
  }

  html body .cart-drawer .drawer-head h2 {
    font-size: 23px !important;
    line-height: 1.05 !important;
  }

  html body .cart-drawer .drawer-close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  html body .cart-drawer .drawer-note {
    min-height: 0 !important;
    margin: 0 0 8px !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  html body .cart-drawer .drawer-items {
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    padding: 0 0 8px !important;
  }

  html body .cart-drawer .drawer-cart-line,
  html body.homepage-refined .cart-drawer .drawer-cart-line,
  html body.category-products-page .cart-drawer .drawer-cart-line,
  html body.commerce-v4-page .cart-drawer .drawer-cart-line {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 9px !important;
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  html body .cart-drawer .drawer-image-box,
  html body .cart-drawer .drawer-image-box .cart-line-img,
  html body .cart-drawer .drawer-image-box .cart-line-art {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    border-radius: 12px !important;
  }

  html body .cart-drawer .drawer-cart-info b {
    padding-right: 34px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html body .cart-drawer .drawer-line-bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center;
  }

  html body .cart-drawer .drawer-qty {
    grid-template-columns: 38px 64px 38px auto !important;
    gap: 5px !important;
  }

  html body .cart-drawer .drawer-qty button,
  html body .cart-drawer .drawer-qty input {
    height: 38px !important;
    min-height: 38px !important;
  }

  html body .cart-drawer .cart-gift-list,
  html body .cart-drawer .drawer-stock-note {
    grid-column: 1 / -1;
    margin-top: 7px !important;
  }

  html body .cart-drawer .cart-gift-line {
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 7px !important;
  }

  html body .cart-drawer .cart-gift-line img,
  html body .cart-drawer .cart-gift-thumb {
    width: 46px !important;
    height: 46px !important;
  }

  html body .cart-drawer .drawer-summary {
    margin-top: 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  html body .cart-drawer .drawer-summary strong {
    font-size: 23px !important;
  }

  html body .cart-drawer .drawer-actions {
    display: grid !important;
    gap: 8px !important;
    padding-top: 8px !important;
  }

  html body .cart-drawer .drawer-actions .btn {
    min-height: 44px !important;
    font-size: 14px !important;
  }

  .checkout-topbar,
  .account-compact-topbar {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
  }

  .checkout-nav,
  .account-compact-topnav {
    grid-column: 1 / -1;
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .checkout-nav a,
  .account-compact-topnav a {
    flex: 0 0 auto;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  .checkout-layout-onepage,
  .checkout-field-grid,
  .checkout-order-item,
  .checkout-success div,
  .account-page-layout,
  .account-page-kpis .account-kpi-grid,
  .account-page-alerts .account-reminder-grid,
  .account-page-section .account-order-row,
  .account-auth-two-col,
  .register-grid {
    grid-template-columns: 1fr !important;
  }

  .checkout-title-card {
    display: grid !important;
    gap: 10px !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .checkout-title-card h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  .checkout-title-card p {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .checkout-order-item {
    gap: 8px !important;
    padding: 10px !important;
  }

  .checkout-order-thumb {
    width: 72px !important;
    height: 72px !important;
  }

  .checkout-qty-control {
    width: 100% !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px auto !important;
  }

  .checkout-summary-card {
    position: static !important;
  }

  .account-compact-wrap {
    padding-top: 8px !important;
  }

  .account-page-sidebar {
    position: static !important;
    width: 100% !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  .account-page-profile {
    padding: 8px !important;
  }

  .account-compact-page .account-page-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .account-compact-page .account-page-nav a,
  .account-compact-page .account-page-nav button {
    flex: 0 0 auto;
    min-height: 34px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
  }

  .account-page-hero {
    display: grid !important;
    gap: 10px !important;
  }

  .account-page-hero h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  .account-page-kpis .account-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .account-page-kpis .account-kpi-grid article {
    min-height: 72px !important;
    padding: 10px !important;
  }

  .account-page-section-head,
  .account-page-section .account-order-list-compact,
  .account-page-section .customer-group-orders {
    padding: 10px !important;
  }

  .customer-gate-overlay {
    padding: 10px !important;
  }

  .customer-gate-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - 20px) !important;
    overflow: auto !important;
    border-radius: 18px !important;
  }

  .customer-gate-intro,
  .customer-gate-auth {
    padding: 14px !important;
  }

  .customer-gate-intro h1 {
    font-size: 25px !important;
    line-height: 1.1 !important;
  }

  .customer-gate-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 380px) {
  .commerce-v4-shell,
  .refined-main,
  .checkout-main,
  .account-compact-wrap {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .commerce-v4-hero-copy h1 {
    font-size: 23px !important;
  }

  .commerce-v4-side-ads {
    grid-template-columns: 1fr !important;
  }

  .account-page-kpis .account-kpi-grid {
    grid-template-columns: 1fr !important;
  }

  .mobile-bottom-nav {
    left: 6px;
    right: 6px;
  }
}

/* Pre-order mobile cleanup 20260902 */
@media (max-width: 760px) {
  body.preorder-list-page,
  body.preorder-batch-page {
    padding-bottom: 96px;
  }

  body.preorder-list-page .commerce-v4-main,
  body.preorder-batch-page .commerce-v4-main {
    padding: 8px 0 102px !important;
  }

  body.preorder-list-page .preorder-list-main .commerce-v4-shell,
  body.preorder-batch-page .preorder-batch-main .commerce-v4-shell {
    display: grid;
    gap: 10px;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.preorder-list-page .preorder-list-hero,
  body.preorder-list-page .preorder-list-section,
  body.preorder-batch-page .preorder-shipment-hero,
  body.preorder-batch-page .preorder-shipment-products {
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  body.preorder-list-page .preorder-list-hero,
  body.preorder-batch-page .preorder-shipment-hero {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.preorder-list-page .preorder-list-hero h1,
  body.preorder-batch-page .preorder-shipment-hero h1 {
    margin: 2px 0 6px !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body.preorder-list-page .preorder-list-hero p,
  body.preorder-batch-page .preorder-shipment-hero p,
  body.preorder-list-page .commerce-v4-section-head p,
  body.preorder-batch-page .commerce-v4-section-head p {
    margin: 4px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body.preorder-list-page .preorder-list-hero-card {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  body.preorder-list-page .preorder-list-hero-card b {
    grid-column: 1 / -1;
    font-size: 13px !important;
  }

  body.preorder-list-page .preorder-list-hero-card span {
    min-height: 34px;
    padding: 7px 8px;
    border: 1px solid #eef2f7;
    border-radius: 10px;
    background: #fff;
    font-size: 11px !important;
    font-weight: 850;
  }

  body.preorder-list-page .commerce-v4-section-head,
  body.preorder-batch-page .commerce-v4-section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.preorder-list-page .commerce-v4-section-head h2,
  body.preorder-batch-page .commerce-v4-section-head h2 {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  body.preorder-list-page .commerce-v4-view-all,
  body.preorder-batch-page .commerce-v4-view-all {
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    white-space: nowrap;
  }

  body.preorder-list-page .preorder-list-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.preorder-list-page .preorder-list-card,
  body.preorder-list-page .home-shipment-card {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  body.preorder-list-page .home-shipment-image {
    width: 86px !important;
    height: 86px !important;
    border-radius: 12px !important;
  }

  body.preorder-list-page .home-shipment-body {
    min-width: 0;
    gap: 4px !important;
  }

  body.preorder-list-page .home-shipment-body b {
    display: -webkit-box;
    overflow: hidden;
    font-size: 15px !important;
    line-height: 1.25 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.preorder-list-page .home-shipment-body small {
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px !important;
    line-height: 1.35 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.preorder-list-page .home-shipment-meta {
    flex-wrap: wrap !important;
    gap: 6px !important;
    font-size: 11px !important;
  }

  body.preorder-list-page .home-shipment-empty {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  body.preorder-batch-page .preorder-shipment-summary {
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.preorder-batch-page .preorder-shipment-summary b {
    font-size: 16px !important;
  }

  body.preorder-batch-page .shipment-products-list {
    display: grid !important;
    gap: 8px !important;
  }

  body.preorder-batch-page .shipment-product-row {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  body.preorder-batch-page .shipment-product-image {
    width: 96px !important;
    height: 96px !important;
    border-radius: 13px !important;
  }

  body.preorder-batch-page .shipment-product-info {
    min-width: 0 !important;
  }

  body.preorder-batch-page .shipment-product-info b {
    display: -webkit-box;
    overflow: hidden;
    font-size: 15px !important;
    line-height: 1.25 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.preorder-batch-page .shipment-product-info small {
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  body.preorder-batch-page .shipment-variant-row {
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
  }

  body.preorder-batch-page .shipment-variant-row button {
    min-width: 118px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
  }

  body.preorder-batch-page .shipment-progress-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    font-size: 11px !important;
  }

  body.preorder-batch-page .shipment-product-buy {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #eef2f7 !important;
  }

  body.preorder-batch-page .shipment-product-buy span,
  body.preorder-batch-page .shipment-product-buy small {
    grid-column: 1 / -1;
    font-size: 11px !important;
  }

  body.preorder-batch-page .shipment-product-buy b {
    font-size: 20px !important;
    color: #e7184d;
  }

  body.preorder-batch-page .shipment-qty-control {
    display: grid !important;
    grid-template-columns: 40px 54px 40px !important;
    gap: 5px !important;
  }

  body.preorder-batch-page .shipment-qty-control input,
  body.preorder-batch-page .shipment-qty-control button {
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }

  body.preorder-batch-page .shipment-product-buy > .commerce-v4-primary {
    display: grid !important;
    min-height: 38px !important;
    height: 38px !important;
    place-items: center;
    padding: 0 12px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body.preorder-batch-page .shipment-checkout-bar {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 76px !important;
    z-index: 9998 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .16) !important;
  }

  body.preorder-batch-page .shipment-checkout-bar div {
    min-width: 0 !important;
  }

  body.preorder-batch-page .shipment-checkout-bar b {
    font-size: 15px !important;
  }

  body.preorder-batch-page .shipment-checkout-bar small {
    display: block;
    overflow: hidden;
    font-size: 10px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.preorder-batch-page .shipment-checkout-bar .commerce-v4-primary {
    display: grid;
    min-height: 40px !important;
    place-items: center;
    padding: 0 12px !important;
    border-radius: 12px !important;
    white-space: nowrap;
  }
}

@media (max-width: 380px) {
  body.preorder-list-page .preorder-list-main .commerce-v4-shell,
  body.preorder-batch-page .preorder-batch-main .commerce-v4-shell {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.preorder-list-page .preorder-list-hero h1,
  body.preorder-batch-page .preorder-shipment-hero h1 {
    font-size: 22px !important;
  }

  body.preorder-batch-page .shipment-product-row {
    grid-template-columns: 84px minmax(0, 1fr) !important;
  }

  body.preorder-batch-page .shipment-product-image {
    width: 84px !important;
    height: 84px !important;
  }

  body.preorder-batch-page .shipment-qty-control {
    grid-template-columns: 36px 48px 36px !important;
  }
}

/* Mobile bottom nav cleanup 20260902 */
@media (max-width: 760px) {
  .mobile-bottom-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .mobile-bottom-nav a,
  .mobile-bottom-nav button {
    min-width: 0 !important;
  }
}

/* Mobile homepage preorder cleanup 20260902 */
@media (max-width: 760px) {
  body.home-landing-page .commerce-v4-topbar span:nth-child(3),
  body.home-landing-page .commerce-v4-nav > a[href="/preorder"],
  body.home-landing-page .commerce-v4-nav > a[href="/group-buy"],
  body.home-landing-page .commerce-v4-hero-actions a[href="/preorder"],
  body.home-landing-page .commerce-v4-hero-stats > div:nth-child(3),
  body.home-landing-page .commerce-v4-side-ads a[href="/preorder"],
  body.home-landing-page .home-banner-card[href="/preorder"],
  body.home-landing-page .commerce-v4-segmented a[href="/preorder"],
  body.home-landing-page .commerce-v4-segmented a[href="/group-buy"],
  body.home-landing-page .preorder-home-section,
  body.home-landing-page .commerce-v4-preorder-section,
  body.home-landing-page #homePreorderGrid {
    display: none !important;
  }
}

/* Mobile normal shopping cleanup 20260902 */
@media (max-width: 760px) {
  body.category-products-page .commerce-v4-nav > a[href="/preorder"],
  body.category-products-page .commerce-v4-nav > a[href="/group-buy"],
  body.category-products-page .sale-type-tabs,
  body.checkout-onepage .checkout-nav > a[href="/preorder"],
  .ecommerce-header nav > a[href="/preorder"],
  .account-compact-topnav > a[href="/preorder"],
  .account-compact-topnav > a[href="/group-buy"] {
    display: none !important;
  }

  body.category-products-page .product-head-actions {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.category-products-page #productQuickSearch {
    min-width: 0 !important;
  }
}