@font-face {
  font-family: "Vazir";
  src: local("Vazir"), local("Vazir Regular"), url("/static/_font/Vazir-Regular.woff2") format("woff2");
  font-weight: 360;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazir";
  src: local("Vazir Medium"), local("Vazir"), url("/static/_font/Vazir-Medium.woff2") format("woff2");
  font-weight: 460;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazir";
  src: local("Vazir Bold"), local("Vazir"), url("/static/_font/Vazir-Bold.woff2") format("woff2");
  font-weight: 660;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #090a0c;
  --bg-2: #0f1114;
  --surface: rgba(15, 18, 22, 0.96);
  --surface-2: rgba(19, 23, 28, 0.98);
  --surface-3: rgba(24, 29, 35, 0.99);
  --surface-4: rgba(32, 38, 45, 0.99);
  --text: #f6efe5;
  --muted: #baae9d;
  --soft: #8e8477;
  --line: rgba(255,255,255,.07);
  --line-2: rgba(212, 171, 111, .22);
  --gold: #d0a56f;
  --gold-2: #efc995;
  --gold-deep: #9f7344;
  --gold-soft: rgba(208,165,111,.12);
  --success: rgba(84, 178, 120, .14);
  --danger: rgba(215, 95, 95, .14);
  --warning: rgba(227, 177, 77, .16);
  --info: rgba(74, 133, 255, .16);
  --shadow: 0 30px 70px rgba(0, 0, 0, .38);
  --shadow-soft: 0 16px 36px rgba(0,0,0,.26);
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 18px;
  --font-sans: "Vazir", "Vazirmatn", "IRANSansX", "Yekan Bakh", "Segoe UI", Tahoma, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.10), transparent 18%),
    radial-gradient(circle at 15% 10%, rgba(255,255,255,.025), transparent 15%),
    linear-gradient(180deg, #07080a 0%, #0c0f13 42%, #090b0e 100%);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: 1.9;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(circle at center, black 35%, transparent 82%);
  opacity: .18;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.wrap { width: min(1120px, calc(100% - 28px)); margin: 0 auto; }
.topbar {
  position: sticky; top: 0; z-index: 30;
  background: rgba(8, 10, 13, .78);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}
.topbar-inner {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0 10px;
}
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; font-size: 1.04rem; }
.brand-mark {
  width: 50px; height: 50px; border-radius: 18px;
  background: linear-gradient(180deg, rgba(239,201,149,.28), rgba(208,165,111,.08));
  border: 1px solid rgba(239,201,149,.24);
  display: grid; place-items: center; font-size: 1.14rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), var(--shadow-soft);
}
.brand-sub { display: block; color: var(--soft); font-size: .8rem; font-weight: 500; }
.header-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.header-phone {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 40px; padding: 8px 14px; border-radius: 14px;
  color: var(--muted); background: rgba(255,255,255,.035); border: 1px solid var(--line);
}
.header-phone:hover { color: var(--text); background: rgba(255,255,255,.055); }
.header-subnav {
  display: flex; justify-content: flex-start; padding: 0 0 14px;
}
.quick-links {
  display: inline-flex; gap: 8px; flex-wrap: wrap;
  padding: 8px; border-radius: 18px; background: rgba(255,255,255,.025); border: 1px solid var(--line);
}
.quick-links a {
  padding: 9px 14px; border-radius: 12px; color: var(--muted); transition: .18s ease;
}
.quick-links a:hover { background: rgba(255,255,255,.055); color: var(--text); }
.mobile-dock {
  display: none;
  position: fixed;
  right: 12px; left: 12px; bottom: 12px;
  z-index: 35;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: rgba(16, 20, 24, .94);
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow);
}
.mobile-dock-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 8px; }
.dock-item {
  display: grid; gap: 2px; place-items: center;
  border-radius: 18px; padding: 10px 6px; color: var(--muted);
  font-size: .78rem;
}
.dock-item strong { font-size: 1.1rem; }
.dock-item.is-active, .dock-item:hover { background: rgba(255,255,255,.05); color: var(--text); }
.page-space { padding: 14px 0 24px; }
.footer { padding: 12px 0 92px; color: var(--muted); text-align: center; }
.footer-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1.15fr .85fr;
  align-items: center;
}
.card {
  position: relative;
  background: linear-gradient(180deg, var(--surface), var(--surface-2));
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  padding: 20px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.card::after {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  opacity: .55;
}
.muted-card {
  background: linear-gradient(180deg, rgba(29,34,39,.98), rgba(22,26,31,.98));
}
.glass-card {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
}
.narrow-card { width: min(680px, 100%); margin: 0 auto; }
.hero {
  display: grid;
  grid-template-columns: 1.16fr .84fr;
  gap: 16px;
  align-items: stretch;
  padding: 18px;
}
.hero-panel {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(208,165,111,.055));
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 24px;
}
.hero-panel::before {
  content: "";
  position: absolute;
  inset: auto -40px -50px auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,201,149,.12), transparent 70%);
  pointer-events: none;
}
.hero-list { display: grid; gap: 12px; margin-top: 16px; }
.hero-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.05);
}
.hero-list-icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(239,201,149,.12);
  border: 1px solid rgba(239,201,149,.18);
  flex: 0 0 auto;
  font-weight: 700;
  color: var(--gold-2);
}
.kicker {
  display: inline-flex; margin: 0 0 10px; color: var(--gold-2); font-weight: 700;
  background: var(--gold-soft); border: 1px solid rgba(239,201,149,.20);
  border-radius: 999px; padding: 4px 12px;
}
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(1.78rem, 3vw, 3rem); line-height: 1.45; margin-bottom: 10px; }
h2 { font-size: 1.26rem; margin-bottom: 10px; }
h3 { font-size: 1.03rem; margin-bottom: 8px; }
.lead { color: var(--muted); font-size: 1.02rem; }
.muted, small, .helper { color: var(--muted); }
.soft { color: var(--soft); }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.grid { display: grid; gap: 16px; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.quick-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tile {
  display: flex; flex-direction: column; justify-content: space-between; min-height: 174px;
  gap: 10px; padding: 20px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.tile:hover {
  transform: translateY(-3px);
  border-color: rgba(239,201,149,.24);
  background: linear-gradient(180deg, rgba(43,49,56,.98), rgba(30,35,40,.98));
  box-shadow: 0 20px 35px rgba(0,0,0,.22);
}
.tile .icon {
  width: 58px; height: 58px; border-radius: 20px; display: grid; place-items: center;
  font-size: 1.42rem; background: rgba(255,255,255,.04); border: 1px solid var(--line);
}
.tile-title { font-size: 1.08rem; font-weight: 800; }
.hero-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.stat-box, .stat-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 14px;
  background: rgba(255,255,255,.03);
}
.stat-box strong, .stat-card strong { display: block; font-size: 1.08rem; margin-bottom: 4px; }
.stat-card {
  background: linear-gradient(180deg, rgba(33,38,44,.98), rgba(26,30,35,.98));
  text-align: center;
}
.stat-number {
  font-size: 1.52rem;
  font-weight: 800;
  color: #f1d4ad;
  line-height: 1.2;
}
.cta-row, .action-row, .form-inline { display: flex; gap: 10px; flex-wrap: wrap; }
.form-stack { display: grid; gap: 12px; }
.input-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
label { color: #e7ddd1; font-weight: 700; }
.input, select, textarea {
  width: 100%; padding: 14px 15px; border-radius: 18px; border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035); font: inherit; color: var(--text);
}
.input::placeholder, textarea::placeholder { color: #978d81; }
option { color: #0f1113; }
textarea { resize: vertical; min-height: 120px; }
.input:focus, select:focus, textarea:focus {
  outline: none; border-color: rgba(239,201,149,.55); box-shadow: 0 0 0 4px rgba(239,201,149,.13);
}
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 12px 16px; border: 1px solid transparent; border-radius: 18px;
  font-weight: 700; cursor: pointer; transition: .18s ease;
}
.btn-primary {
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  color: #16110b; box-shadow: 0 10px 22px rgba(208,165,111,.18);
}
.btn-primary:hover { transform: translateY(-1px); filter: brightness(1.04); }
.btn-secondary { background: rgba(255,255,255,.04); color: var(--text); border-color: var(--line); }
.btn-secondary:hover, .btn-ghost:hover, .btn-small:hover { background: rgba(255,255,255,.07); }
.btn-ghost { background: transparent; border: 1px solid var(--line); color: var(--text); }
.btn-small { min-height: 38px; padding: 8px 12px; border-radius: 14px; background: rgba(255,255,255,.045); border: 1px solid var(--line); color: var(--text); }
.btn-lg { min-height: 56px; font-size: 1.04rem; }
.badge {
  display: inline-flex; align-items: center; justify-content: center; min-height: 32px;
  padding: 6px 12px; border-radius: 999px; font-size: .9rem;
  background: rgba(255,255,255,.05); color: #ecd8bf; border: 1px solid rgba(255,255,255,.06);
}
.badge.ok { background: rgba(84,178,120,.12); color: #d8f2df; }
.badge.warn { background: rgba(227,177,77,.12); color: #f4dfae; }
.badge.info { background: rgba(74,133,255,.12); color: #d8e4ff; }
.toast-viewport {
  position: fixed;
  top: 94px;
  right: clamp(14px, 2.4vw, 28px);
  z-index: 4000;
  display: grid;
  gap: 12px;
  width: min(100%, 380px);
  pointer-events: none;
}
.app-toast {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: start;
  padding: 14px 14px 14px 12px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(10, 16, 28, .96), rgba(8, 12, 22, .98)),
    var(--surface);
  box-shadow: 0 22px 46px rgba(0,0,0,.34);
  backdrop-filter: blur(14px);
  pointer-events: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: opacity .24s ease, transform .24s ease;
}
.js-toasts .app-toast {
  opacity: 0;
  transform: translate3d(26px, 0, 0) scale(.98);
}
.js-toasts .app-toast.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.app-toast-icon,
.app-toast-close {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  flex: none;
}
.app-toast-icon {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.06);
}
.app-toast-copy {
  display: grid;
  gap: 4px;
  padding-top: 2px;
}
.app-toast-copy strong {
  font-size: .96rem;
  color: #f7f2ea;
}
.app-toast-copy p {
  margin: 0;
  color: var(--muted);
  line-height: 1.8;
  font-size: .93rem;
}
.app-toast-close {
  background: transparent;
  border: 0;
  color: var(--muted);
  cursor: pointer;
}
.toast-success {
  border-color: rgba(84,178,120,.20);
}
.toast-success .app-toast-icon {
  color: #7de2a1;
  background: rgba(84,178,120,.12);
  border-color: rgba(84,178,120,.18);
}
.toast-danger {
  border-color: rgba(215,95,95,.24);
}
.toast-danger .app-toast-icon {
  color: #ff8b8b;
  background: rgba(215,95,95,.12);
  border-color: rgba(215,95,95,.18);
}
.toast-warning {
  border-color: rgba(227,177,77,.24);
}
.toast-warning .app-toast-icon {
  color: #f7cb73;
  background: rgba(227,177,77,.12);
  border-color: rgba(227,177,77,.18);
}
.toast-info {
  border-color: rgba(74,133,255,.24);
}
.toast-info .app-toast-icon {
  color: #8bb6ff;
  background: rgba(74,133,255,.12);
  border-color: rgba(74,133,255,.18);
}
.list-row {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.07);
}
.list-row:last-child { border-bottom: 0; padding-bottom: 0; }
.info-list { display: grid; gap: 12px; }
.info-row {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
  padding: 14px; border-radius: 18px; background: rgba(255,255,255,.025); border: 1px solid var(--line);
}
.info-row strong { display: block; margin-bottom: 2px; }
.price { font-size: 1.18rem; font-weight: 800; color: #f2d4ae; }
.check-row { display: flex; align-items: center; gap: 8px; }
.check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.center-text { text-align: center; }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mb-16 { margin-bottom: 16px; }
.panel-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pager { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
.notice { background: rgba(227,177,77,.12); border: 1px solid rgba(227,177,77,.28); border-radius: 20px; padding: 14px; }
.subtle-divider { height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); margin: 8px 0; }
.empty-state { padding: 22px 16px; text-align: center; border: 1px dashed rgba(255,255,255,.08); border-radius: 20px; color: var(--muted); background: rgba(255,255,255,.02); }
.admin-banner, .user-banner {
  display: flex; justify-content: space-between; gap: 14px; align-items: center;
  padding: 22px; border-radius: 26px; border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(208,165,111,.11), rgba(255,255,255,.02));
}
.admin-section-grid { display: grid; gap: 16px; grid-template-columns: 1.1fr .9fr; }
.data-table { display: grid; gap: 10px; }
.data-row {
  display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,.9fr) auto; gap: 10px;
  align-items: center; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.025); border: 1px solid var(--line);
}
.data-row.compact { grid-template-columns: minmax(0,1fr) auto; }
.code-input { text-align: center; font-size: 1.2rem; letter-spacing: 4px; }
.surface-section {
  border-radius: 26px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  padding: 18px;
}
.service-strip {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.service-chip {
  padding: 15px 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid var(--line);
}
.booking-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
}
.timeline-note {
  position: relative;
  padding-right: 18px;
}
.timeline-note::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gold-2);
  box-shadow: 0 0 0 6px rgba(239,201,149,.10);
}
.product-card, .news-card {
  display: grid;
  gap: 14px;
  border-radius: 24px;
  border: 1px solid var(--line);
  padding: 18px;
  background: linear-gradient(180deg, rgba(31,36,42,.97), rgba(24,28,33,.98));
  box-shadow: var(--shadow-soft);
}
.product-card:hover, .news-card:hover {
  border-color: rgba(239,201,149,.2);
  transform: translateY(-2px);
}
.thumb-placeholder {
  height: 156px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(239,201,149,.16), rgba(255,255,255,.03));
  border: 1px solid var(--line-2);
  display: grid;
  place-items: center;
  font-size: 2rem;
}
.news-meta, .product-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: .92rem;
}
.booking-summary { position: sticky; top: 90px; }
.hero-brand-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.brand-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: .92rem;
}
.hero-cta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.action-card {
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid var(--line);
}
.action-card strong { display: block; margin-bottom: 6px; }
.luxury-divider {
  height: 1px;
  margin: 20px 0;
  background: linear-gradient(90deg, transparent, rgba(239,201,149,.28), transparent);
}
.section-frame {
  padding: 18px;
  border-radius: 28px;
  border: 1px solid rgba(239,201,149,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.soft-list {
  display: grid;
  gap: 10px;
}
.soft-list-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.soft-list-item:last-child { border-bottom: 0; padding-bottom: 0; }
.soft-list-dot {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(239,201,149,.12);
  color: var(--gold-2);
  flex: 0 0 auto;
}
.dual-highlight {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.mini-stat {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--line);
}
.mini-stat strong { display: block; font-size: 1.05rem; margin-bottom: 4px; }
.page-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
.page-heading p { margin-bottom: 0; }
.collection-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.collection-hero {
  min-height: 210px;
  border-radius: 26px;
  padding: 22px;
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(239,201,149,.12), rgba(255,255,255,.02));
}
.footer-note { color: var(--soft); font-size: .92rem; }
@media (max-width: 860px) {
  .hero, .grid-2, .grid-3, .grid-4, .stats-grid, .quick-grid, .hero-stat-grid, .input-grid-2, .data-row, .admin-section-grid, .service-strip, .booking-layout, .footer-grid, .hero-cta-grid, .collection-grid, .dual-highlight { grid-template-columns: 1fr; }
  .topbar-inner, .section-head, .list-row, .info-row, .admin-banner, .user-banner, .page-heading, .hero-brand-band { align-items: stretch; }
}
@media (max-width: 680px) {
  .topbar-inner { flex-direction: column; align-items: stretch; }
  .header-actions { justify-content: stretch; }
  .header-actions > * { flex: 1 1 auto; justify-content: center; }
  .header-subnav { display: none; }
  .mobile-dock { display: block; }
  .card { border-radius: 22px; padding: 16px; }
  .hero-panel, .admin-banner, .user-banner, .surface-section, .collection-hero, .section-frame { border-radius: 22px; }
  h1 { font-size: 1.6rem; }
  .page-space { padding-top: 16px; padding-bottom: 90px; }
  .thumb-placeholder { height: 128px; }
}

.input-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.check-row { display: inline-flex; align-items: center; gap: 10px; color: var(--muted); }
.check-row input { accent-color: var(--gold); }
.info-row-block { align-items: flex-start; }
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pager { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.pager-link {
  min-width: 42px; height: 42px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.03); color: var(--muted);
}
.pager-link.is-active, .pager-link:hover { background: rgba(239,201,149,.10); color: var(--text); border-color: rgba(239,201,149,.28); }
.admin-shell { align-items: start; }
.booking-admin-list { gap: 14px; }
.booking-card {
  display: grid; gap: 12px; padding: 16px; border-radius: 22px; border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.booking-card-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.booking-badges { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.badge.ok { background: rgba(84, 178, 120, .14); }
.badge.muted { background: rgba(255,255,255,.08); color: var(--muted); }
@media (max-width: 900px) {
  .input-grid-3, .stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .booking-card-top { flex-direction: column; }
}
@media (max-width: 640px) {
  .input-grid-2, .input-grid-3, .grid-2, .stats-grid { grid-template-columns: 1fr; }
}


.compact-head { align-items: flex-start; }
.stretch-actions > * { flex: 1 1 0; }
.inline-grow { flex: 1 1 auto; }
.mini-input, .mini-select { max-width: 110px; min-height: 44px; padding: 10px 12px; border-radius: 14px; }
.product-showcase { min-height: 100%; }
.big-thumb { min-height: 360px; }
.order-actions-wrap { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.price-row { display: flex; justify-content: flex-end; }
.compact-item { justify-content: space-between; align-items: center; }
.admin-stats-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  .admin-stats-7 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .admin-stats-7 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .big-thumb { min-height: 220px; }
}


.note-box{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.12);border-radius:18px;padding:14px 16px;line-height:2;color:var(--text);}


.compact-stats .stat-card { min-height: 112px; display: grid; place-items: center; }
.info-row-stacked { align-items: stretch; gap: 10px; }
.chips-wrap { display: flex; gap: 8px; flex-wrap: wrap; }
.order-row .action-row { justify-content: flex-start; }
.timeline-card { display: grid; gap: 12px; }
.timeline-item { display: flex; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.03); }
.timeline-item.is-done { border-color: rgba(84,178,120,.28); background: rgba(84,178,120,.08); }
.timeline-item.is-pending { border-color: rgba(239,201,149,.16); }
.receipt-shell { padding: 24px; }
.receipt-head { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.receipt-items { display: grid; gap: 10px; }
.receipt-line { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px dashed var(--line); }
.receipt-total { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; font-size: 1.06rem; }
.toggle-row { display: flex; align-items: center; gap: 10px; color: var(--muted); padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
.toggle-row input { width: auto; accent-color: var(--gold); }
.choice-grid { display: grid; gap: 12px; }
.choice-card { display: flex; gap: 12px; align-items: center; padding: 16px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.03); cursor: pointer; }
.choice-card input { width: auto; accent-color: var(--gold); }
.choice-card strong { display: block; }
.choice-card small { color: var(--muted); }
.user-shell { padding: 24px; }
.checkout-grid { align-items: start; }
@media print {
  .topbar, .mobile-dock, .footer, .btn { display: none !important; }
  body { background: #fff; color: #111; }
  .card { box-shadow: none; border-color: #ddd; background: #fff; }
}
@media (max-width: 900px) {
  .receipt-head { flex-direction: column; align-items: stretch; }
}


.admin-topnav { margin-bottom: 18px; padding: 16px 18px; }
.admin-topnav-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.admin-topnav-head strong { display:block; font-size:1.02rem; }
.admin-topnav-grid { display:grid; grid-template-columns: repeat(8, minmax(0,1fr)); gap:10px; }
.admin-chip {
  display:flex; align-items:center; justify-content:center; min-height:46px; padding:10px 12px;
  border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--muted);
  font-weight:700; transition:.18s ease;
}
.admin-chip:hover { background:rgba(255,255,255,.06); color:var(--text); }
.admin-chip.is-active { color:#1a120a; background:linear-gradient(180deg, var(--gold-2), var(--gold)); border-color:transparent; }
.admin-layout-grid { display:grid; gap:16px; grid-template-columns: 1.15fr .85fr; }
.admin-sidebar-card { position:sticky; top:92px; }
.filter-bar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.filter-bar .input, .filter-bar .mini-select { flex:1 1 180px; max-width:none; }
.section-subtitle { color:var(--muted); margin-top:-6px; margin-bottom:0; }
.section-label { color:var(--gold-2); font-weight:700; font-size:.92rem; }
.form-section { padding:16px; border-radius:20px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
.form-section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.admin-list-card { padding:18px; border-radius:24px; border:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); }
.admin-list-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.table-like { display:grid; gap:10px; }
.table-like-row {
  display:grid; gap:12px; grid-template-columns:minmax(0,1.2fr) repeat(3, auto); align-items:center;
  padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.028); border:1px solid rgba(255,255,255,.05);
}
.table-like-row:hover { border-color:rgba(239,201,149,.18); }
.table-like-main strong { display:block; margin-bottom:4px; }
.helper-box { padding:14px 16px; border-radius:18px; background:rgba(208,165,111,.08); border:1px solid rgba(208,165,111,.16); color:var(--muted); }
.metric-strip { display:grid; gap:10px; grid-template-columns:repeat(3, minmax(0,1fr)); }
.metric-mini { padding:14px; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid var(--line); }
.metric-mini strong { display:block; font-size:1rem; }
.badge.warn { background:rgba(227,177,77,.16); color:#f0d6a2; }
.badge.info { background:rgba(74,133,255,.16); color:#cfe0ff; }
.inline-note { color:var(--soft); font-size:.9rem; }
.info-row-meta { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.sticky-actions { position:sticky; bottom:12px; padding-top:10px; background:linear-gradient(180deg, rgba(18,22,27,0), rgba(18,22,27,.92) 36%); }

@media (max-width: 1180px) {
  .admin-topnav-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .admin-layout-grid { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .admin-topnav-head, .admin-list-toolbar, .filter-bar, .form-section-title { align-items:stretch; }
  .admin-topnav-grid, .metric-strip { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .table-like-row { grid-template-columns:1fr; }
  .admin-sidebar-card { position:static; }
}
@media (max-width: 560px) {
  .admin-topnav-grid { grid-template-columns:1fr 1fr; }
}


.user-topnav { margin-bottom: 18px; padding: 16px 18px; border-color: rgba(239,201,149,.14); }
.user-topnav-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.user-topnav-head strong { display:block; font-size:1.02rem; }
.user-topnav-grid { display:grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap:10px; }
.user-chip {
  display:flex; align-items:center; justify-content:center; min-height:46px; padding:10px 12px;
  border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--muted); font-weight:700; transition:.18s ease;
}
.user-chip:hover { background:rgba(255,255,255,.06); color:var(--text); }
.user-chip.is-active { color:#1a120a; background:linear-gradient(180deg, var(--gold-2), var(--gold)); border-color:transparent; }
.user-banner-polished { align-items:flex-start; }
.user-banner-meta { display:flex; gap:8px; flex-wrap:wrap; }
.user-stats-grid .stat-card { min-height: 126px; }
.stat-card-emphasis { border-color: rgba(239,201,149,.22); background: linear-gradient(180deg, rgba(208,165,111,.15), rgba(255,255,255,.025)); }
.user-quick-grid .user-tile { min-height: 186px; background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.015)); }
.user-dashboard-grid, .user-order-grid, .user-cart-grid, .user-checkout-grid { align-items:start; }
.user-section-card { border-color: rgba(239,201,149,.16); }
.user-info-row { background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018)); }
.user-page-heading { margin-bottom: 20px; }
.user-auth-card { padding: 28px; border-color: rgba(239,201,149,.16); }
.auth-tip-box { text-align:right; }
.input-large { min-height: 58px; font-size: 1.02rem; }
.booking-summary-polished { border-color: rgba(239,201,149,.2); }
.booking-highlight { background: linear-gradient(180deg, rgba(208,165,111,.1), rgba(255,255,255,.02)); }
.booking-form-card { padding-bottom: 12px; }
.booking-step-card { padding: 16px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.022); }
.user-detail-list .soft-list-item span { color: var(--muted); }
.user-receipt-card { border-color: rgba(239,201,149,.18); }
.user-summary-card { background: linear-gradient(180deg, rgba(208,165,111,.08), rgba(255,255,255,.02)); }
.cart-item-row { gap: 14px; }
.cart-actions-row { align-items:center; justify-content:space-between; }
.cart-update-form { align-items:center; }
.checkout-form-card textarea { min-height: 112px; }
.payment-choice-grid .choice-card { min-height: 74px; }
@media (max-width: 1180px) {
  .user-topnav-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .user-topnav-head { align-items:stretch; }
  .user-topnav-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .user-banner-polished { align-items:stretch; }
  .user-auth-card { padding: 20px; }
}
@media (max-width: 560px) {
  .user-topnav-grid { grid-template-columns: 1fr 1fr; }
  .user-banner-meta { display:grid; grid-template-columns:1fr; }
  .cart-actions-row, .cart-update-form { flex-direction:column; align-items:stretch; }
}


.compact-list .info-row{padding:10px 0}.vertical-row{display:block}.small{padding:18px;font-size:.92rem}.form-inline{display:flex;gap:10px;align-items:center}.form-inline .input{min-width:90px;max-width:120px}.muted-card{background:rgba(255,255,255,.03)}


.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stack-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.textarea{min-height:96px;resize:vertical}.preview-box{padding:12px 14px;border:1px dashed rgba(212,175,55,.25);border-radius:16px;background:rgba(255,255,255,.03)}.code-inline{display:block;white-space:pre-wrap;word-break:break-word;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.22);direction:ltr;text-align:left}.sticky-form-actions{position:sticky;bottom:84px;background:linear-gradient(180deg,rgba(10,10,12,0),rgba(10,10,12,.95) 30%);padding-top:10px}
@media (max-width: 900px){.grid-two{grid-template-columns:1fr}.sticky-form-actions{bottom:90px}}


.compact-stat-card {
  padding: 16px 16px 14px;
  min-height: 186px;
}
.compact-stat-card h3 {
  font-size: .98rem;
  margin-bottom: 0;
}
.code-inline {
  display: inline-block;
  width: 100%;
  direction: ltr;
  text-align: left;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line);
  color: #f0d7b5;
  overflow-wrap: anywhere;
}
.vertical-row {
  align-items: stretch;
}


:root {
  color-scheme: dark;
}
body[data-theme="light"] {
  --bg: #f6f1ea;
  --bg-2: #fffaf4;
  --surface: rgba(255, 252, 247, 0.96);
  --surface-2: rgba(255, 248, 240, 0.98);
  --surface-3: rgba(255, 245, 236, 0.99);
  --surface-4: rgba(248, 239, 231, 0.99);
  --text: #2b2219;
  --muted: #6c5f53;
  --soft: #8f7f70;
  --line: rgba(73, 50, 24, .10);
  --line-2: rgba(176, 121, 48, .18);
  --gold-soft: rgba(208,165,111,.16);
  --success: rgba(84, 178, 120, .12);
  --danger: rgba(215, 95, 95, .10);
  --warning: rgba(227, 177, 77, .13);
  --info: rgba(74, 133, 255, .12);
  --shadow: 0 24px 48px rgba(96, 77, 52, .10);
  --shadow-soft: 0 12px 28px rgba(96, 77, 52, .08);
  color-scheme: light;
}
body[data-theme="light"] {
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.14), transparent 18%),
    radial-gradient(circle at 15% 10%, rgba(255,255,255,.8), transparent 18%),
    linear-gradient(180deg, #fffdf9 0%, #f6f0e8 42%, #f8f3ed 100%);
}
body[data-theme="light"]::before {
  background-image: linear-gradient(rgba(72,50,24,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(72,50,24,.04) 1px, transparent 1px);
  opacity: .08;
}
::selection { background: rgba(208,165,111,.28); color: inherit; }
.brand-title { display:block; }
.topbar-shell { padding-top: 10px; }
.topbar {
  background: color-mix(in srgb, var(--bg) 84%, transparent);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}
.header-actions .btn, .header-phone, .quick-link, .theme-toggle { backdrop-filter: blur(8px); }
.quick-link { display:inline-flex; align-items:center; gap:8px; }
.quick-link.is-active {
  background: rgba(239,201,149,.14);
  color: var(--text);
  border: 1px solid rgba(239,201,149,.22);
}
.nav-link-icon { font-size: .95rem; }
.theme-toggle {
  min-width: 132px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border: 1px solid var(--line);
}
.theme-toggle-icon { font-size: 1rem; }
.home-hero-card {
  box-shadow: var(--shadow);
  border-color: color-mix(in srgb, var(--line) 72%, transparent);
}
.hero-main-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(208,165,111,.08));
}
.hero-side-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}
.feature-band {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.feature-band-card {
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:18px;
  border-radius:24px;
  border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  box-shadow: var(--shadow-soft);
}
.feature-band-card p { margin: 4px 0 0; color: var(--muted); }
.feature-band-icon {
  width: 46px; height: 46px; display:grid; place-items:center; flex:0 0 auto;
  border-radius:16px; background: rgba(239,201,149,.14); border:1px solid rgba(239,201,149,.2);
}
.collection-hero, .action-card, .service-chip, .feature-band-card, .tile, .product-card, .news-card, .hero-list-item, .stat-box, .mini-stat, .admin-chip, .user-chip, .quick-link, .header-phone, .btn {
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.collection-hero:hover, .action-card:hover, .service-chip:hover, .feature-band-card:hover, .product-card:hover, .news-card:hover, .header-phone:hover, .quick-link:hover {
  transform: translateY(-2px);
  border-color: rgba(239,201,149,.22);
}
.collection-hero h3 { margin-bottom: 8px; }
body[data-theme="light"] .card,
body[data-theme="light"] .product-card,
body[data-theme="light"] .news-card,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .admin-list-card,
body[data-theme="light"] .booking-card,
body[data-theme="light"] .choice-card,
body[data-theme="light"] .toggle-row,
body[data-theme="light"] .table-like-row,
body[data-theme="light"] .info-row,
body[data-theme="light"] .service-chip,
body[data-theme="light"] .action-card,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .collection-hero,
body[data-theme="light"] .quick-links,
body[data-theme="light"] .mobile-dock,
body[data-theme="light"] .feature-band-card,
body[data-theme="light"] .admin-topnav,
body[data-theme="light"] .user-topnav,
body[data-theme="light"] .header-phone,
body[data-theme="light"] .btn-secondary,
body[data-theme="light"] .btn-ghost,
body[data-theme="light"] .btn-small,
body[data-theme="light"] .theme-toggle,
body[data-theme="light"] .input,
body[data-theme="light"] select,
body[data-theme="light"] textarea {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(251,245,239,.92));
}
body[data-theme="light"] .muted-card,
body[data-theme="light"] .glass-card {
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(249,241,233,.72));
}
body[data-theme="light"] .btn-primary {
  color: #24170c;
}
body[data-theme="light"] .input::placeholder,
body[data-theme="light"] textarea::placeholder { color: #9b8876; }
body[data-theme="light"] .admin-chip.is-active,
body[data-theme="light"] .user-chip.is-active,
body[data-theme="light"] .pager-link.is-active {
  color: #1a120a;
}
@media (max-width: 860px) {
  .feature-band { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .theme-toggle { min-width: 100%; }
  .mobile-dock-grid { grid-template-columns: repeat(5, minmax(0,1fr)); }
}


/* polish pass v2 */
.page-shell { padding-bottom: 96px; }
.topbar-premium { position: sticky; top: 0; z-index: 30; backdrop-filter: blur(14px); }
.topbar-inner-polished, .brand-polished, .quick-links-polished, .admin-chip, .user-chip { position: relative; }
.brand-mark-polished {
  display:grid; place-items:center; width:58px; height:58px; border-radius:20px;
  background: radial-gradient(circle at 30% 30%, rgba(239,201,149,.24), rgba(208,165,111,.09));
  border:1px solid rgba(239,201,149,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.btn-icon, .nav-link-icon {
  width: 28px; height: 28px; display:inline-grid; place-items:center; border-radius: 10px;
  background: rgba(239,201,149,.10); border:1px solid rgba(239,201,149,.12); flex: 0 0 auto;
}
.quick-links-polished { padding: 8px; border-radius: 24px; box-shadow: var(--shadow-soft); }
.quick-link { padding: 11px 14px; border-radius: 16px; font-weight: 600; }
.quick-link span:last-child { white-space: nowrap; }
.header-phone, .btn, .admin-chip, .user-chip { font-weight: 700; }
.admin-chip, .user-chip {
  display:flex; align-items:center; gap: 10px; justify-content:center; min-height: 48px;
  border-radius: 16px; padding: 12px 14px;
}
.admin-chip span:first-child, .user-chip span:first-child { font-size: 1rem; }
.section-frame { overflow: hidden; }
.admin-hero-grid, .panel-grid-2 { display:grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); gap: 18px; }
.panel-grid-2.compact-gap { gap: 16px; }
.admin-hero-card {
  padding: 24px; border-radius: 28px; border:1px solid var(--line);
  background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(208,165,111,.08));
}
.summary-side-card {
  padding: 20px; border-radius: 24px; border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.summary-stack, .mini-summary-grid { display:grid; gap: 12px; }
.mini-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.summary-pill {
  display:flex; align-items:center; justify-content:space-between; gap: 12px; padding: 14px 16px;
  border-radius: 18px; background: rgba(255,255,255,.03); border:1px solid var(--line);
}
.summary-pill-label { color: var(--muted); font-size: .92rem; }
.summary-pill strong { font-size: 1rem; }
.surface-subcard {
  padding: 16px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid var(--line);
}
.filter-bar-polished {
  display:grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px;
  padding: 14px; border:1px solid var(--line); border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.filter-actions-inline { display:flex; gap: 10px; flex-wrap:wrap; align-items:center; }
.info-row-meta, .chips-wrap { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.badge.icon-badge { display:inline-flex; gap:6px; align-items:center; }
.action-row.wrap-actions { flex-wrap: wrap; }
.booking-card, .product-card, .news-card, .table-like-row, .info-row, .toggle-row, .input, .btn, .admin-chip, .user-chip, .quick-link, .header-phone {
  border-radius: 18px;
}
.booking-card {
  padding: 18px; border:1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow: var(--shadow-soft);
}
.booking-card-top { display:flex; gap:14px; justify-content:space-between; align-items:flex-start; }
.form-section { padding: 16px; border-radius: 18px; background: rgba(255,255,255,.025); border:1px solid var(--line); }
.form-section + .form-section { margin-top: 14px; }
.action-row .btn { justify-content:center; }
.page-banner {
  display:flex; align-items:flex-start; justify-content:space-between; gap: 18px; padding: 22px;
  border-radius: 24px; background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(208,165,111,.07));
  border:1px solid var(--line);
}
.page-banner h1, .page-banner h2 { margin-top: 4px; }
.page-banner-meta { display:flex; gap:10px; flex-wrap:wrap; }
.grid-icon-cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.icon-stat-card {
  padding:16px; border-radius:20px; border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
}
.icon-stat-card strong { display:block; margin-top: 12px; }
.icon-stat { width: 42px; height: 42px; display:grid; place-items:center; border-radius: 14px; background: rgba(239,201,149,.12); border:1px solid rgba(239,201,149,.18); }
.login-split { display:grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: 18px; }
.auth-showcase {
  padding: 24px; border-radius: 30px; border:1px solid var(--line);
  background: linear-gradient(135deg, rgba(255,255,255,.04), rgba(208,165,111,.08)); box-shadow: var(--shadow);
}
.auth-card-polished { padding: 28px; }
.auth-benefits { display:grid; gap: 12px; margin-top: 18px; }
.auth-benefit { display:flex; gap: 12px; align-items:flex-start; padding: 14px; border-radius: 18px; border:1px solid var(--line); background: rgba(255,255,255,.025); }
.hero-tag-cloud { display:flex; gap:10px; flex-wrap:wrap; margin-top: 18px; }
.shop-hero-grid { display:grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); gap: 18px; }
.card-accent { position:relative; isolation:isolate; }
.card-accent::after {
  content:""; position:absolute; inset:auto 18px 18px auto; width: 110px; height: 110px; border-radius: 999px;
  background: radial-gradient(circle, rgba(239,201,149,.15), transparent 70%); pointer-events:none;
}
.table-like-row { padding: 16px 18px; }
.table-like-row:hover { background: rgba(255,255,255,.03); transform: translateY(-2px); }
.booking-step-card { padding: 18px; border-radius: 20px; border:1px solid var(--line); background: rgba(255,255,255,.02); }
.section-label {
  display:inline-flex; align-items:center; justify-content:center; min-width: 76px; padding: 6px 12px; margin-bottom: 12px;
  border-radius: 999px; background: rgba(239,201,149,.12); color: var(--gold-2); font-weight: 800; font-size: .88rem;
}
.user-auth-card .input-large { min-height: 58px; font-size: 1rem; }
.user-auth-card .btn-lg, .booking-form-card .btn-lg, .settings-submit .btn-lg { min-height: 54px; }
.sticky-actions { position: sticky; bottom: 8px; z-index: 3; }
.sticky-actions .btn-primary { box-shadow: 0 14px 28px rgba(208,165,111,.18); }
@media (max-width: 980px) {
  .admin-hero-grid, .panel-grid-2, .login-split, .shop-hero-grid { grid-template-columns: 1fr; }
  .page-banner, .booking-card-top { flex-direction: column; }
}
@media (max-width: 680px) {
  .page-shell { padding-bottom: 116px; }
  .admin-chip, .user-chip { justify-content:flex-start; }
  .mini-summary-grid { grid-template-columns: 1fr; }
}


/* polish pass v3 */
.mb-16 { margin-bottom: 16px; }
.polished-info-list { gap: 14px; }
.polished-item-card {
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.014));
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}
.polished-item-card:hover { border-color: rgba(239,201,149,.22); transform: translateY(-2px); }
.settings-check-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.polished-log-row {
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
}
.code-inline { line-height: 1.8; }
.field label { margin-bottom: 2px; }
.page-banner .surface-subcard { min-width: 280px; }
.feature-band-card strong { display: block; margin-bottom: 4px; }
@media (max-width: 860px) {
  .settings-check-grid { grid-template-columns: 1fr; }
}


/* v4 polish */
html[data-theme="light"], body[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"], body[data-theme="dark"] { color-scheme: dark; }
.ui-icons { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; }
.icon-wrap { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid var(--line); }
.theme-toggle .icon { width: 1.1rem; height: 1.1rem; }
.nav-link-icon { width: 1rem; height: 1rem; }
.topbar { position: sticky; top: 0; z-index: 30; backdrop-filter: blur(18px); }
.header-actions .btn, .header-phone { box-shadow: 0 10px 25px rgba(0,0,0,.14); }
.hero-main-panel { position: relative; overflow: hidden; }
.hero-main-panel::after { content: ""; position: absolute; inset: auto -80px -80px auto; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(239,201,149,.14), transparent 70%); pointer-events: none; }
.home-hero-card { overflow: hidden; }
.action-card { position: relative; }
.action-card::before { content: "↗"; position: absolute; left: 18px; top: 16px; color: var(--gold-2); opacity: .85; }
.product-showcase { min-height: 100%; }
.product-showcase .big-thumb { min-height: 360px; display: grid; place-items: center; font-size: 5rem; background: radial-gradient(circle at top, rgba(239,201,149,.16), rgba(255,255,255,.03) 55%, transparent 70%); }
.product-points, .trust-list { display: grid; gap: 10px; }
.product-point, .trust-item { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.03); }
.point-badge { width: 30px; height: 30px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--gold-soft); color: var(--gold-2); font-weight: 800; }
.checkout-hero, .surface-split { display: grid; grid-template-columns: 1.3fr .9fr; gap: 16px; }
.checkout-help-card { background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); }
.checkout-summary-list { display: grid; gap: 10px; }
.checkout-summary-item { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--line); }
.choice-card { transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.choice-card:hover { transform: translateY(-2px); }
.choice-card:has(input:checked) { border-color: rgba(239,201,149,.45); background: rgba(239,201,149,.10); box-shadow: 0 14px 30px rgba(0,0,0,.12); }
.cart-item-row { display: grid; grid-template-columns: 1.2fr auto auto; gap: 18px; align-items: center; }
.cart-item-row .price-row { text-align: left; }
.user-banner-polished { position: relative; overflow: hidden; }
.user-banner-polished::before { content: ""; position: absolute; inset: auto auto -80px -80px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(239,201,149,.14), transparent 65%); pointer-events: none; }
.order-row { padding-block: 16px; }
.info-row-stacked .action-row .btn { min-height: 40px; }
.cta-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.cta-strip-card { padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.03); }
.cta-strip-card strong { display: block; margin-bottom: 6px; }
@media (max-width: 980px) { .checkout-hero, .surface-split, .cart-item-row, .cta-strip { grid-template-columns: 1fr; } .cart-item-row .price-row { text-align: right; } }


.inline-badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-weight:700;
}
.mx-auto { margin-inline:auto; }
.btn-wide { width:100%; justify-content:center; }
.field-shell {
  display:grid;
  gap:10px;
  text-align:right;
}
.field-label { font-weight:700; color:var(--text); }
.field-input-wrap {
  display:flex;
  align-items:center;
  gap:10px;
  padding: 0 14px;
  min-height: 62px;
  border:1px solid var(--line);
  border-radius:20px;
  background: rgba(255,255,255,.03);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.field-input-wrap:focus-within {
  border-color: rgba(239,201,149,.44);
  box-shadow: 0 0 0 4px rgba(239,201,149,.10);
  transform: translateY(-1px);
}
.field-icon {
  width: 2.3rem;
  height: 2.3rem;
  display:grid;
  place-items:center;
  border-radius:14px;
  background: rgba(239,201,149,.10);
  color: var(--gold-2);
  flex:0 0 auto;
}
.field-input {
  border:none !important;
  background: transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.field-input:focus { outline:none; }
.field-shell-center { text-align:center; }
.field-input-wrap-center { justify-content:center; }
.auth-topline, .news-article-top {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.auth-side-panel {
  display:grid;
  align-content:start;
}
.auth-benefits-tight { margin-top:22px; }
.auth-benefit-icon {
  width: 2rem;
  height: 2rem;
  display:grid;
  place-items:center;
  border-radius: 999px;
  background: rgba(239,201,149,.12);
  color: var(--gold-2);
  font-weight:800;
  flex:0 0 auto;
}
.mini-stat-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
}
.feature-stack { display:grid; gap:12px; }
.feature-inline {
  display:flex;
  gap:10px;
  align-items:center;
  padding: 12px 14px;
  border-radius: 16px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
}
.feature-dot {
  width:10px;
  height:10px;
  border-radius:999px;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  box-shadow: 0 0 0 6px rgba(239,201,149,.10);
}
.verify-card-shell { max-width: 560px; }
.verify-head { display:grid; gap:0; }
.news-detail-shell {
  display:grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr);
  gap:18px;
}
.news-article-card { padding: 28px; }
.news-detail-meta {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.prose-block { line-height: 2.1; color: var(--text); }
.prose-block p { margin: 0 0 16px; }
.action-link-card {
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding: 16px;
  border-radius: 18px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
  color: inherit;
  text-decoration:none;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.action-link-card:hover {
  transform: translateY(-2px);
  border-color: rgba(239,201,149,.22);
  background: rgba(255,255,255,.045);
}
.action-link-icon {
  width: 2.5rem;
  height: 2.5rem;
  display:grid;
  place-items:center;
  border-radius:16px;
  background: rgba(239,201,149,.10);
  color: var(--gold-2);
  flex:0 0 auto;
}
.premium-receipt-card {
  position: relative;
  overflow:hidden;
}
.premium-receipt-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-2), transparent);
}
.receipt-head-polished { align-items:flex-start; }
.receipt-actions { flex-wrap:wrap; }
.receipt-grid {
  display:grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  gap:16px;
}
.receipt-panel {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.025);
}
.receipt-panel-muted {
  display:grid;
  gap:12px;
  align-content:start;
}
.receipt-mini-card {
  padding: 14px 16px;
  border-radius: 18px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
  display:grid;
  gap:6px;
}
.receipt-mini-card span { color: var(--muted); font-size:.92rem; }
.receipt-items-polished {
  padding: 10px 14px;
  border-radius: 22px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.02);
}
body[data-theme="light"] .inline-badge,
body[data-theme="light"] .field-input-wrap,
body[data-theme="light"] .feature-inline,
body[data-theme="light"] .action-link-card,
body[data-theme="light"] .receipt-panel,
body[data-theme="light"] .receipt-mini-card,
body[data-theme="light"] .receipt-items-polished {
  background: rgba(255,255,255,.78);
}
@media (max-width: 980px) {
  .mini-stat-grid,
  .news-detail-shell,
  .receipt-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .auth-topline, .news-article-top { align-items:stretch; }
  .field-input-wrap { min-height: 58px; }
  .news-article-card { padding: 22px; }
}


/* v6 polish */
.admin-command-center{overflow:hidden}
.admin-banner-upgraded{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.metric-strip-upgraded{min-width:min(320px,100%);justify-content:flex-end}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.admin-kpi-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}
.admin-kpi-card strong{display:block;font-size:2rem;line-height:1;margin:14px 0 8px}
.admin-kpi-card small{color:var(--muted)}
.admin-kpi-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.admin-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-link-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface),var(--surface-2));transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;color:inherit;text-decoration:none}
.admin-link-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:var(--shadow-md)}
.admin-link-card p{margin:6px 0 0;color:var(--muted);font-size:.93rem}
.admin-link-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--surface-3);font-size:1.3rem}
.admin-focus-stack{display:grid;gap:12px}
.focus-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.focus-label{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:8px 10px;border-radius:999px;background:rgba(99,102,241,.12);color:var(--brand);font-size:.82rem;font-weight:700}

.booking-card-polished{padding:0}
.order-card-shell{padding:18px}
.order-progress{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.progress-step{display:grid;gap:6px;justify-items:center;min-width:68px;color:var(--muted);font-size:.8rem}
.progress-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);font-weight:700}
.progress-step.is-active{color:var(--text)}
.progress-step.is-active span{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}
.progress-line{height:2px;flex:1;background:var(--line);min-width:18px}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(99,102,241,.12);color:var(--brand);font-size:.82rem;font-weight:700;border:1px solid rgba(99,102,241,.16)}
.status-pill.subtle{background:var(--surface-3);color:var(--text);border-color:var(--line)}
.status-pill.is-success{background:rgba(16,185,129,.13);color:#059669;border-color:rgba(16,185,129,.18)}
.status-pill.is-warning{background:rgba(245,158,11,.13);color:#d97706;border-color:rgba(245,158,11,.18)}

.payments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.payment-card{padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}
.payment-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.payment-card-meta{display:grid;gap:8px;margin-top:14px}

.dashboard-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.overview-card{padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.overview-card.emphasis{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(16,185,129,.08))}
.overview-card .overview-kicker{display:block;color:var(--muted);font-size:.84rem}
.overview-card strong{display:block;font-size:1.9rem;line-height:1;margin:10px 0 8px}
.overview-card small{color:var(--muted)}
.order-row-visual{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:var(--surface-2)}

.status-stack{display:grid;gap:10px}
.status-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.detail-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mini-detail-card{padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2)}
.mini-detail-card span{display:block;color:var(--muted);font-size:.84rem;margin-bottom:8px}

.product-showcase-rich{position:relative;overflow:hidden}
.product-floating-notes{position:absolute;top:18px;right:18px;display:flex;gap:8px;flex-wrap:wrap}
.product-card-upgraded{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface-2)}
.checkout-help-card-rich{position:relative;overflow:hidden}
.checkout-summary-card .checkout-summary-box{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}

.compact-payments{grid-template-columns:repeat(2,minmax(0,1fr))}

@media (max-width: 1024px){
  .admin-kpi-grid,.dashboard-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-link-grid,.payments-grid,.compact-payments{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .admin-banner-upgraded{flex-direction:column}
  .admin-kpi-grid,.dashboard-overview-grid,.detail-card-grid{grid-template-columns:1fr}
  .order-progress{overflow:auto;padding-bottom:4px}
  .order-progress::-webkit-scrollbar{height:6px}
  .order-progress::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
  .admin-link-card{grid-template-columns:auto 1fr}
  .admin-link-card .badge{grid-column:2}
}


/* v7 polish */
.footer-premium-wrap{padding-bottom:100px}
.footer-grid-premium{grid-template-columns:1.3fr .85fr 1fr;gap:18px;padding:24px}
.footer-brand-row{display:flex;gap:14px;align-items:flex-start}
.footer-mark{flex:0 0 auto}
.footer-link-list,.footer-contact-list{display:grid;gap:10px}
.footer-link-list a{color:var(--text);text-decoration:none;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);transition:transform .18s ease,border-color .18s ease}
.footer-link-list a:hover{transform:translateY(-2px);border-color:var(--brand)}
.footer-contact-item{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.footer-contact-item span{color:var(--muted);font-size:.84rem}
.footer-tag-row{display:flex;gap:8px;flex-wrap:wrap}

.booking-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px}
.booking-steps{display:grid;gap:12px}
.booking-step-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.booking-step-item span,.verify-step span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-weight:800;border:1px solid var(--line);background:var(--surface-3)}
.booking-step-item.is-active span,.verify-step.is-active span,.verify-step.is-done span{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}
.booking-step-item small{display:block;margin-top:6px;color:var(--muted)}
.booking-side-card{align-content:start}
.booking-state-list{display:grid;gap:10px}
.booking-state-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2)}
.booking-panel-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.booking-highlight-rich{border-radius:22px}

.cart-card-list{display:grid;gap:14px}
.cart-line-card{display:grid;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.cart-line-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cart-summary-upgraded{position:sticky;top:96px}
.cart-summary-note{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--muted)}

.verify-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.verify-step{display:grid;gap:8px;justify-items:center;color:var(--muted);font-size:.82rem}
.verify-step.is-done,.verify-step.is-active{color:var(--text)}

@media (max-width: 980px){
  .footer-grid-premium,.booking-hero-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .footer-premium-wrap{padding-bottom:92px}
  .cart-summary-upgraded{position:static}
}

/* v8 polish */
.admin-chip{display:inline-flex;align-items:center;gap:8px}.admin-chip .icon{width:16px;height:16px}
.footer-mark .icon{width:20px;height:20px}
.polished-side-card{background:linear-gradient(180deg,var(--surface),var(--surface-3));border:1px solid var(--line-2)}
.product-grid-upgraded,.news-grid-upgraded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.product-card-v8,.news-card-v8{border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.product-card-v8:hover,.news-card-v8:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:var(--shadow-soft)}
.product-thumb-clean,.news-thumb-clean{display:grid;place-items:center;min-height:120px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(208,165,111,.08));border-radius:18px;border:1px dashed var(--line)}
.xl-icon{width:34px;height:34px}
.receipt-panel .status-pill{justify-self:flex-start}
@media (max-width: 860px){.product-grid-upgraded,.news-grid-upgraded{grid-template-columns:1fr}}


/* v9 layout cleanup */
.header-actions{row-gap:8px}
.quick-links-polished{width:100%}
.admin-topnav-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.admin-topnav-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.page-heading,.page-banner{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.page-heading > *, .page-banner > *{min-width:0}
.payment-gateway-grid{align-items:start}
.gateway-action-grid{display:grid;gap:12px}
.code-like-box{direction:ltr;text-align:left;overflow:auto}
.feature-band-icon .icon,.soft-list-dot .icon,.tile .icon .icon{width:20px;height:20px}
.tile .icon{display:grid;place-items:center}
.about-feature-grid .feature-band-card{height:100%}
.shop-hero-grid-upgraded,.collection-grid,.payment-gateway-grid{align-items:start}
.polished-side-card,.collection-hero,.booking-side-card,.cart-summary-upgraded{height:100%}
.product-grid-upgraded .action-row form,.cart-update-form{min-width:0}
.cart-update-form .mini-input{max-width:88px}
.payment-card-meta .soft-list-item,.soft-list .soft-list-item{min-width:0}
.note-box, .status-row strong, .payment-card strong, .mini-detail-card strong{overflow-wrap:anywhere}
.brand-mark .icon{width:24px;height:24px}
.gateway-action-card .btn{justify-content:center}
.cta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cta-strip-card{padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.filter-actions-inline{display:flex;gap:10px;flex-wrap:wrap}
.quick-link span,.admin-chip span,.btn span{min-width:0}
.news-card-v8 h3,.product-card-v8 h3{margin:0 0 8px}
.collection-hero .soft-list-item,.page-banner-meta .badge{min-width:0}
.verify-card-shell{padding-inline:22px}
.gateway-action-card,.payment-gateway-grid .card{overflow:hidden}
.hero,.booking-hero-grid,.shop-hero-grid{align-items:start}

@media (max-width: 1100px){
  .topbar-inner-polished{align-items:flex-start}
  .header-actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .feature-band,.cta-strip{grid-template-columns:1fr}
  .shop-hero-grid,.news-detail-shell{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .page-heading,.page-banner{flex-direction:column}
  .page-banner-meta{width:100%}
  .topbar-inner-polished{flex-direction:column;align-items:stretch}
  .header-actions{width:100%}
  .header-phone{width:100%;justify-content:center}
  .quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .admin-topnav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .brand{align-items:flex-start}
  .brand-title{display:block}
  .brand-sub{margin-top:2px}
  .header-actions .btn,.header-actions .theme-toggle{flex:1 1 calc(50% - 8px);justify-content:center}
  .quick-links{grid-template-columns:1fr 1fr}
  .hero-cta-grid,.feature-band,.quick-grid,.dashboard-overview-grid,.admin-kpi-grid,.payments-grid,.compact-payments,.cta-strip,.detail-card-grid{grid-template-columns:1fr}
  .product-grid-upgraded,.news-grid-upgraded,.admin-link-grid,.collection-grid{grid-template-columns:1fr}
  .user-cart-grid,.payment-gateway-grid{grid-template-columns:1fr}
  .cart-line-meta{flex-direction:column;align-items:stretch}
  .cart-line-meta form{width:100%}
  .cart-update-form{display:grid;grid-template-columns:minmax(0,88px) 1fr}
  .booking-state-row,.status-row{grid-template-columns:1fr;display:grid}
}
@media (max-width: 560px){
  .quick-links{grid-template-columns:1fr}
  .admin-topnav-grid{grid-template-columns:1fr}
  .header-actions .btn,.header-actions .theme-toggle{flex:1 1 100%}
  .page-space{padding-top:20px}
}


/* v10 polish */
.hero-brand-band{display:flex;flex-direction:column;gap:10px}
.icon-list-clean .soft-list-dot{display:grid;place-items:center}
.home-section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.home-spotlight-card{display:flex;flex-direction:column;justify-content:space-between}
.home-spotlight-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gateway-hint-strip{display:flex;gap:10px;flex-wrap:wrap}
.footer-link-list a,.footer-contact-item strong,.footer-contact-item a{overflow-wrap:anywhere}
.brand-sub{max-width:34ch}
.page-banner-meta,.filter-actions-inline,.header-actions,.cta-row,.action-row{align-items:center}
.product-card-v8 .action-row.inline-grow{min-width:min(100%,320px)}
.product-card-v8 form.action-row{flex-wrap:wrap}
.product-card-v8 .mini-input{width:86px}
.news-card-v8 h3,.product-card-v8 h3{line-height:1.5}
.payment-gateway-grid .status-row strong{max-width:55%;text-align:left;overflow-wrap:anywhere}
@media (max-width: 960px){
  .home-section-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .home-spotlight-metrics{grid-template-columns:1fr}
  .payment-gateway-grid .status-row{align-items:flex-start}
  .payment-gateway-grid .status-row strong{max-width:60%;text-align:right}
}


/* booking page cleanup */
.booking-main-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:16px;align-items:start}
.booking-form-main{min-width:0}
.booking-guide-card{position:sticky;top:96px}
.booking-guide-card .booking-state-row strong{max-width:58%;text-align:left;overflow-wrap:anywhere}
.booking-guide-card .booking-step-item{min-width:0}
.booking-guide-card .note-box{overflow-wrap:anywhere}
@media (max-width: 980px){
  .booking-main-grid{grid-template-columns:1fr}
  .booking-guide-card{position:static;order:-1}
}
@media (max-width: 680px){
  .booking-state-row{align-items:flex-start;flex-direction:column}
  .booking-guide-card .booking-state-row strong{max-width:100%;text-align:right}
}


/* final copy and spacing cleanup */
body{line-height:1.8}
.lead{max-width:62ch}
.section-subtitle,.soft,.helper,small{line-height:1.85}
.booking-form-main .lead,.booking-guide-card .soft{max-width:none}
.booking-form-main{padding:24px}
.booking-form-main .section-label{margin-bottom:6px}
.booking-panel-card{padding:20px}
.booking-panel-card label{font-size:.95rem;font-weight:600;margin-bottom:6px;display:block}
.booking-panel-card .input,.booking-panel-card select,.booking-panel-card textarea{margin-top:4px}
.booking-step-item{padding:16px}
.booking-step-item strong{display:block;margin-bottom:2px}
.booking-state-row{padding:13px 15px}
.booking-guide-card h2{margin-bottom:6px}
.auth-showcase .lead,.checkout-hero .lead,.page-heading .lead,.page-banner .lead{max-width:56ch}
.user-section-card .section-head h2,.booking-form-main h1{letter-spacing:-0.01em}
.note-box,.helper-box{line-height:1.9}
@media (max-width: 720px){
  .booking-form-main,.booking-panel-card{padding:18px}
  .lead{max-width:none}
}


/* copy cleanup pass */
.kicker{letter-spacing:0}
h1{letter-spacing:-0.015em}
h2{letter-spacing:-0.01em}
p, .soft, .helper, small, .section-subtitle{word-spacing:0.02em}
.hero-list-item, .soft-list-item, .auth-benefit, .trust-item{align-items:flex-start}
.home-hero-card .lead, .news-content p, .auth-showcase .lead, .checkout-hero .lead{font-size:1rem}


/* header refinement */
.header-actions-refined{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.header-phone{display:none !important}
.user-menu{position:relative}
.user-menu summary{list-style:none}
.user-menu summary::-webkit-details-marker{display:none}
.user-menu-trigger{
  min-width:220px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  color:var(--text);
  cursor:pointer;
  box-shadow:var(--shadow-soft);
}
.user-menu-trigger .icon{width:20px;height:20px}
.user-menu-name{display:block;font-weight:800;line-height:1.3}
.user-menu-meta{display:block;color:var(--soft);font-size:.82rem;line-height:1.4}
.user-menu[open] .user-menu-trigger{border-color:rgba(239,201,149,.28);background:linear-gradient(180deg, rgba(239,201,149,.12), rgba(255,255,255,.03))}
.user-menu-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:220px;
  display:grid;
  gap:6px;
  padding:8px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(13,16,21,.98);
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  z-index:60;
}
.user-menu-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-radius:12px;
  color:var(--muted);
  transition:.18s ease;
}
.user-menu-link:hover{background:rgba(255,255,255,.055);color:var(--text)}
.user-menu-link.is-danger{color:#f2b4b4}
.user-menu-link.is-danger:hover{background:rgba(215,95,95,.12);color:#ffd2d2}
.topbar-inner-polished{align-items:flex-start}
.brand-polished{flex:1;min-width:0}
.header-actions-refined .theme-toggle{order:2}
.header-actions-refined .user-menu,
.header-actions-refined > .btn-primary{order:1}
.quick-links-polished{width:100%;justify-content:flex-start}
.quick-link{display:inline-flex;align-items:center;gap:8px}
.quick-link .nav-link-icon{width:18px;height:18px}
@media (max-width: 980px){
  .topbar-inner-polished{flex-direction:column;align-items:stretch}
  .brand-polished{justify-content:space-between}
  .header-actions-refined{justify-content:space-between}
  .user-menu{flex:1;min-width:0}
  .user-menu-trigger{min-width:0;width:100%}
}
@media (max-width: 760px){
  .topbar{position:sticky}
  .header-subnav{padding-bottom:10px}
  .quick-links-polished{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:8px;
    width:100%;
  }
  .quick-link{
    justify-content:center;
    flex-direction:column;
    gap:6px;
    min-height:58px;
    text-align:center;
    padding:10px 8px !important;
    font-size:.86rem;
  }
  .user-menu-dropdown{
    position:absolute;
    left:auto;
    right:0;
    min-width:min(240px, calc(100vw - 40px));
  }
  .theme-toggle .theme-toggle-label{display:none}
}


/* v15 header alignment */
.header-actions-refined{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}
.header-theme-toggle{
  order:0;
  margin-inline-start:0;
}
.header-actions-refined .user-menu,
.header-actions-refined > .btn-primary{
  order:1;
}
.user-menu{
  position:relative;
  margin-inline-start:auto;
}
.user-menu-trigger{
  min-width:250px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  text-align:right;
}
.user-menu-text{
  min-width:0;
  display:grid;
  gap:2px;
  text-align:right;
}
.user-menu-name{
  display:block;
  font-size:1rem;
  line-height:1.35;
}
.user-menu-meta{
  display:block;
  direction:ltr;
  text-align:right;
  font-variant-numeric:tabular-nums;
  unicode-bidi:plaintext;
}
.user-menu-icons{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.user-menu-caret{
  font-size:1rem;
  line-height:1;
  color:var(--soft);
  transform:translateY(-1px);
}
.user-menu[open] .user-menu-caret{
  transform:rotate(180deg) translateY(1px);
}
.user-menu-dropdown{
  left:0;
  right:auto;
  min-width:250px;
}
.user-menu-link{
  justify-content:space-between;
  text-align:right;
}
.user-menu-link span{
  flex:1;
}
.theme-toggle{
  white-space:nowrap;
}
@media (max-width: 980px){
  .header-actions-refined{
    justify-content:space-between;
    align-items:stretch;
  }
  .header-theme-toggle{
    order:0;
    flex:0 0 auto;
  }
  .user-menu,
  .header-actions-refined > .btn-primary{
    order:1;
    margin-inline-start:0;
    flex:1 1 auto;
  }
  .user-menu-trigger{
    width:100%;
    min-width:0;
  }
}
@media (max-width: 760px){
  .header-actions-refined{
    gap:10px;
  }
  .header-theme-toggle{
    min-width:48px;
    justify-content:center;
  }
  .header-theme-toggle .theme-toggle-label{
    display:none;
  }
  .user-menu{
    flex:1 1 auto;
  }
  .user-menu-trigger{
    min-width:0;
    padding:10px 12px;
  }
  .user-menu-name{
    font-size:.94rem;
  }
  .user-menu-meta{
    font-size:.78rem;
  }
  .user-menu-dropdown{
    left:0;
    right:auto;
    width:min(260px, calc(100vw - 40px));
  }
}


/* v16 header swap toggle/user and compact brand */
.brand-polished{min-width:0;flex:0 0 auto;font-size:1.1rem;line-height:1.2;white-space:nowrap}
.header-actions-refined{justify-content:flex-end;gap:8px;align-items:center}
.user-menu-trigger{min-width:200px;padding:8px 12px}
.user-menu-name{font-size:.95rem;line-height:1.25}
.user-menu-meta{font-size:.78rem;direction:ltr;text-align:right}
.header-theme-toggle{order:1;margin-inline-start:12px}
.user-menu{order:0;margin-inline-start:auto}
.user-menu-dropdown{min-width:220px}
@media (max-width:980px){
  .header-actions-refined{flex-wrap:wrap;justify-content:space-between;gap:6px}
  .brand-polished{font-size:1rem}
  .user-menu-trigger{width:100%;padding:8px 10px}
  .user-menu-dropdown{width:min(240px, calc(100vw - 32px))}
}
@media (max-width:760px){
  .header-actions-refined{gap:6px}
  .user-menu-trigger{font-size:.92rem;padding:6px 8px}
  .user-menu-meta{font-size:.72rem}
}


/* v17 header: swap toggle/user positions and compact brand */
.header-actions-refined{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}
.header-theme-toggle{order:1;margin-inline-start:10px}
.user-menu{order:2;margin-inline-start:auto}
.brand-polished{flex:0 0 auto;min-width:0;font-size:1.05rem;line-height:1.2;white-space:nowrap}
.user-menu-trigger{min-width:200px;padding:8px 12px}
.user-menu-name{font-size:.95rem;line-height:1.25}
.user-menu-meta{font-size:.78rem;direction:ltr;text-align:right}
.user-menu-icons{display:flex;align-items:center;gap:6px}
@media (max-width:980px){
  .header-actions-refined{flex-wrap:wrap;justify-content:space-between}
  .brand-polished{font-size:1rem}
  .user-menu-trigger{width:100%;padding:8px 10px}
  .user-menu-dropdown{width:min(240px, calc(100vw - 32px))}
}
@media (max-width:760px){
  .header-actions-refined{gap:6px}
  .user-menu-trigger{font-size:.92rem;padding:6px 8px}
  .user-menu-meta{font-size:.72rem}
  .user-menu-dropdown{width:min(260px, calc(100vw - 32px))}
}


/* v18 header: DOM swap toggle/user, compact brand */
.brand-polished{flex:0 0 auto;min-width:0;font-size:1rem;line-height:1.2;white-space:nowrap}
.header-actions-refined{display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-end}
.header-theme-toggle{order:0;margin-inline-start:0}
.user-menu{order:1;margin-inline-start:auto}
.user-menu-trigger{min-width:200px;padding:6px 10px}
.user-menu-name{font-size:.94rem;line-height:1.2}
.user-menu-meta{font-size:.75rem;direction:ltr;text-align:right}
@media (max-width:980px){
  .header-actions-refined{flex-wrap:wrap;justify-content:space-between}
  .brand-polished{font-size:.95rem}
  .user-menu-trigger{width:100%;padding:6px 8px}
  .user-menu-dropdown{width:min(240px, calc(100vw - 32px))}
}
@media (max-width:760px){
  .header-actions-refined{gap:5px}
  .user-menu-trigger{font-size:.9rem;padding:4px 6px}
  .user-menu-meta{font-size:.72rem}
  .user-menu-dropdown{width:min(260px, calc(100vw - 32px))}
}

/* responsive and visual tune-up v2026-04 */
:root{
  --page-max: 1180px;
  --space-section: clamp(18px, 2vw, 28px);
  --radius-card: clamp(20px, 2.4vw, 30px);
}
html, body{max-width:100%;overflow-x:hidden}
body{
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.12), transparent 22%),
    radial-gradient(circle at 14% 10%, rgba(255,255,255,.03), transparent 18%),
    linear-gradient(180deg, #07090c 0%, #0d1117 46%, #0a0d12 100%);
}
.wrap{width:min(var(--page-max), calc(100% - 28px))}
.card, .hero-panel, .section-frame, .collection-hero, .feature-band-card, .admin-link-card, .payment-card, .overview-card, .cart-line-card{
  border-radius: var(--radius-card);
}
.brand-copy,
.section-head > *,
.page-heading > *,
.page-banner > *,
.hero > *,
.grid > *,
.quick-grid > *,
.stats-grid > *,
.feature-band > *,
.footer-grid > *,
.user-dashboard-grid > *,
.user-cart-grid > *,
.user-checkout-grid > *,
.home-section-grid > *,
.booking-main-grid > *,
.checkout-hero > *,
.shop-hero-grid > *,
.login-split > *,
.surface-split > *,
.panel-grid-2 > *,
.admin-layout-grid > *,
.news-detail-shell > *{
  min-width:0;
}
a, button, input, select, textarea, summary{
  -webkit-tap-highlight-color: transparent;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible{
  outline: 3px solid rgba(239,201,149,.28);
  outline-offset: 2px;
}
.topbar{
  border-bottom-color: rgba(255,255,255,.06);
  box-shadow: 0 16px 40px rgba(0,0,0,.16);
}
.brand-polished{
  gap: 14px;
}
.brand-copy{display:grid;gap:4px}
.brand-title{line-height:1.25}
.brand-sub{line-height:1.55;max-width:30ch}
.quick-links-polished{
  width:100%;
  overflow:auto hidden;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.quick-links-polished::-webkit-scrollbar{display:none}
.quick-link{
  scroll-snap-align:start;
  white-space:nowrap;
}
.quick-link span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
}
.quick-link.is-active,
.dock-item.is-active{
  box-shadow: 0 12px 26px rgba(208,165,111,.14);
}
.header-actions-refined{
  gap: 12px;
  align-items: center;
}
.header-actions-refined .btn,
.header-actions-refined .theme-toggle,
.user-menu-trigger{
  min-height: 46px;
}
.theme-toggle{
  min-width: 144px;
}
.user-menu{
  position: relative;
}
.user-menu-trigger,
.user-menu-dropdown{
  inline-size: max-content;
  min-inline-size: 250px;
  max-inline-size: min(340px, calc(100vw - 28px));
}
.user-menu-trigger{
  justify-content: space-between;
}
.user-menu-dropdown{
  inset-inline-start: 0;
  inset-inline-end: auto;
  left: auto;
  right: auto;
}
.user-menu-link{
  justify-content: flex-start;
}
.page-space{
  padding-top: var(--space-section);
  padding-bottom: 104px;
}
.flash{
  padding: 14px 16px;
  line-height: 1.8;
  box-shadow: var(--shadow-soft);
}
.btn{
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}
.btn-secondary,
.btn-small,
.btn-ghost{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.hero,
.page-banner,
.page-heading,
.checkout-hero,
.shop-hero-grid,
.booking-main-grid,
.home-section-grid,
.news-detail-shell,
.login-split{
  gap: 18px;
}
.hero-panel,
.section-frame,
.admin-link-card,
.overview-card,
.payment-card,
.cart-line-card{
  border-color: color-mix(in srgb, var(--line) 90%, transparent);
}
.feature-band-card,
.action-card,
.tile,
.product-card,
.news-card,
.admin-link-card,
.cart-line-card,
.payment-card,
.overview-card,
.mini-detail-card,
.mini-stat,
.cta-strip-card{
  box-shadow: var(--shadow-soft);
}
.hero-cta-grid,
.wrap-actions,
.inline-grow,
.stretch-actions,
.gateway-action-grid,
.filter-actions-inline,
.footer-link-list{
  gap: 12px;
}
.inline-grow{
  min-width: 0;
}
.product-card-v8,
.news-card-v8,
.payment-card,
.cart-line-card,
.user-info-row,
.table-like-row,
.info-row{
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.product-card-v8:hover,
.news-card-v8:hover,
.payment-card:hover,
.cart-line-card:hover,
.user-info-row:hover,
.table-like-row:hover,
.info-row:hover{
  transform: translateY(-2px);
  border-color: rgba(239,201,149,.18);
}
.product-thumb-clean,
.news-thumb-clean,
.thumb-placeholder{
  border-radius: 20px;
}
.product-meta,
.news-meta,
.payment-card-meta,
.checkout-summary-box,
.booking-state-list,
.checkout-summary-list{
  gap: 12px;
}
.cart-line-card,
.checkout-summary-item,
.booking-state-row,
.status-row,
.payment-card-meta .soft-list-item,
.soft-list .soft-list-item,
.footer-contact-item{
  align-items: center;
  gap: 12px;
}
.code-like-box,
.note-box,
.footer-contact-item strong,
.footer-contact-item a,
.user-menu-name,
.user-menu-meta,
.status-row strong,
.booking-state-row strong,
.checkout-summary-item strong,
.payment-card strong,
.news-card p,
.product-card p{
  overflow-wrap:anywhere;
}
.mobile-dock{
  right: max(12px, env(safe-area-inset-right));
  left: max(12px, env(safe-area-inset-left));
  bottom: max(12px, env(safe-area-inset-bottom));
  padding: 10px;
  border-radius: 24px;
  box-shadow: 0 26px 60px rgba(0,0,0,.30);
}
.dock-item{
  min-height: 58px;
  gap: 5px;
  border: 1px solid transparent;
}
.dock-item .icon{width:1.15rem;height:1.15rem}
.dock-item.is-active{
  background: linear-gradient(180deg, rgba(239,201,149,.18), rgba(239,201,149,.08));
  border-color: rgba(239,201,149,.18);
  color: var(--text);
}
.footer-premium-wrap{
  padding-bottom: calc(112px + env(safe-area-inset-bottom));
}
body[data-theme="light"]{
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.16), transparent 22%),
    radial-gradient(circle at 15% 10%, rgba(255,255,255,.88), transparent 18%),
    linear-gradient(180deg, #fffdf9 0%, #f6efe7 44%, #f8f3ed 100%);
}
body[data-theme="light"] .topbar{
  box-shadow: 0 16px 40px rgba(125, 94, 60, .12);
}
body[data-theme="light"] .btn-secondary,
body[data-theme="light"] .btn-small,
body[data-theme="light"] .btn-ghost,
body[data-theme="light"] .theme-toggle,
body[data-theme="light"] .user-menu-trigger,
body[data-theme="light"] .user-menu-dropdown,
body[data-theme="light"] .mobile-dock{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(252,246,239,.94));
}
body[data-theme="light"] .dock-item.is-active,
body[data-theme="light"] .quick-link.is-active{
  background: linear-gradient(180deg, rgba(239,201,149,.26), rgba(239,201,149,.12));
}
@media (max-width: 1100px){
  .wrap{width:min(var(--page-max), calc(100% - 24px))}
  .topbar-shell{padding-top:8px}
  .header-actions-refined{
    width:100%;
    justify-content:space-between;
    align-items:stretch;
  }
  .header-actions-refined .user-menu,
  .header-actions-refined > .btn-primary{
    flex:1 1 auto;
  }
  .user-menu-trigger,
  .header-actions-refined > .btn-primary{
    width:100%;
  }
}
@media (max-width: 860px){
  .topbar-inner-polished{
    gap: 14px;
  }
  .header-subnav{
    padding-bottom: 8px;
  }
  .quick-links-polished{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    padding: 6px;
  }
  .quick-link{
    min-width: max-content;
    padding: 10px 12px !important;
  }
  .page-space{
    padding-top: 18px;
  }
  .footer-grid-premium{
    gap: 16px;
  }
}
@media (max-width: 720px){
  .topbar-shell{padding-top:6px}
  .topbar-inner-polished{
    flex-direction:column;
    align-items:stretch;
  }
  .brand-polished{
    align-items:flex-start;
  }
  .header-actions-refined{
    display:grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items:stretch;
  }
  .header-actions-refined .user-menu,
  .header-actions-refined > .btn-primary{
    grid-column: 1 / -1;
  }
  .header-theme-toggle{
    grid-column: 2;
    min-width: 46px;
  }
  .header-theme-toggle .theme-toggle-label{display:none}
  .header-subnav{
    display:none;
  }
  .page-space{
    padding-bottom: calc(108px + env(safe-area-inset-bottom));
  }
  .feature-band,
  .cta-strip,
  .quick-grid,
  .dashboard-overview-grid,
  .admin-kpi-grid,
  .payments-grid,
  .compact-payments,
  .detail-card-grid,
  .product-grid-upgraded,
  .news-grid-upgraded,
  .admin-link-grid,
  .collection-grid,
  .user-cart-grid,
  .payment-gateway-grid,
  .checkout-hero,
  .shop-hero-grid,
  .booking-main-grid,
  .home-section-grid,
  .news-detail-shell,
  .login-split,
  .grid-2,
  .grid-3,
  .stats-grid,
  .hero-stat-grid,
  .input-grid-2,
  .surface-split,
  .panel-grid-2{
    grid-template-columns:1fr;
  }
  .hero,
  .card,
  .section-frame,
  .hero-panel,
  .collection-hero,
  .user-auth-card,
  .booking-form-main,
  .booking-panel-card,
  .checkout-form-card,
  .user-summary-card{
    padding: 18px;
  }
  .hero{
    padding: 12px;
  }
  .section-head,
  .page-heading,
  .page-banner,
  .user-banner,
  .admin-banner,
  .cart-line-card,
  .status-row,
  .booking-state-row,
  .checkout-summary-item{
    align-items:flex-start;
  }
  .action-row,
  .stretch-actions,
  .filter-actions-inline,
  .hero-cta-grid,
  .gateway-action-grid,
  .cta-row{
    display:grid;
    grid-template-columns:1fr;
  }
  .action-row .btn,
  .stretch-actions .btn,
  .hero-cta-grid > *,
  .filter-actions-inline > *,
  .gateway-action-grid > *,
  .cta-row > *{
    width:100%;
  }
  .product-card-v8 .action-row.inline-grow,
  .cart-update-form,
  .wrap-actions,
  .inline-grow{
    display:grid;
    grid-template-columns: minmax(0,90px) 1fr;
    width:100%;
    align-items:stretch;
  }
  .cart-line-meta{
    width:100%;
    display:grid;
    gap:10px;
  }
  .cart-line-meta > form{
    width:100%;
  }
  .mini-input,
  .mini-select{
    max-width:none;
    width:100%;
  }
  .booking-guide-card,
  .admin-sidebar-card{
    position:static;
  }
}
@media (max-width: 560px){
  .wrap{width:min(var(--page-max), calc(100% - 18px))}
  h1{font-size: clamp(1.45rem, 8vw, 1.85rem); line-height:1.5}
  h2{font-size:1.15rem}
  .lead{font-size:.98rem}
  .card,
  .hero-panel,
  .section-frame,
  .collection-hero,
  .feature-band-card,
  .admin-link-card,
  .payment-card,
  .overview-card,
  .cart-line-card{
    border-radius: 20px;
  }
  .brand-mark-polished{width:52px;height:52px;border-radius:18px}
  .brand-sub{max-width:none}
  .header-actions-refined{
    grid-template-columns:1fr auto;
    gap:8px;
  }
  .user-menu-trigger,
  .user-menu-dropdown{
    min-inline-size: 0;
    max-inline-size: calc(100vw - 18px);
  }
  .user-menu-name{font-size:.94rem}
  .user-menu-meta{font-size:.78rem}
  .quick-links-polished{display:none}
  .mobile-dock{display:block}
  .mobile-dock-grid{gap:6px}
  .dock-item{
    min-height:56px;
    padding:8px 4px;
    font-size:.72rem;
  }
  .footer-grid-premium,
  .home-spotlight-metrics,
  .mini-summary-grid,
  .settings-check-grid,
  .admin-topnav-grid,
  .user-topnav-grid,
  .dashboard-overview-grid,
  .detail-card-grid,
  .payments-grid,
  .compact-payments{
    grid-template-columns:1fr;
  }
  .badge,
  .status-pill{
    max-width:100%;
    white-space:normal;
    text-align:center;
  }
}


/* v19 unified visual system */
:root {
  --brand: #d39a5f;
  --brand-2: #f1cfaa;
  --shadow-sm: 0 14px 28px rgba(0, 0, 0, .16);
  --shadow-md: 0 24px 50px rgba(0, 0, 0, .24);
  --focus-ring: 0 0 0 4px rgba(239, 201, 149, .16);
  --content-width: 1180px;
}
.wrap { width: min(var(--content-width), calc(100% - 32px)); }
html, body { max-width: 100%; overflow-x: clip; }
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
.icon { width: 20px; height: 20px; flex: 0 0 auto; }
.page-space > section,
.page-space > article,
.page-space > div.card { scroll-margin-top: 120px; }

.card,
.section-frame,
.page-banner,
.admin-hero-card,
.summary-side-card,
.collection-hero,
.booking-card,
.product-card,
.news-card,
.admin-kpi-card,
.overview-card,
.payment-card,
.cart-line-card,
.receipt-panel,
.receipt-mini-card,
.mini-detail-card,
.feature-band-card,
.admin-link-card,
.choice-card,
.toggle-row,
.table-like-row,
.info-row,
.checkout-summary-box,
.form-section,
.note-box,
.helper-box,
.surface-subcard {
  box-shadow: var(--shadow-soft);
  border-color: color-mix(in srgb, var(--line) 86%, rgba(255,255,255,.04));
}
.card,
.section-frame,
.page-banner,
.admin-hero-card,
.summary-side-card,
.collection-hero,
.booking-card,
.product-card,
.news-card,
.admin-kpi-card,
.overview-card,
.payment-card,
.cart-line-card,
.receipt-panel,
.receipt-mini-card,
.mini-detail-card,
.feature-band-card,
.admin-link-card,
.choice-card,
.table-like-row,
.info-row,
.surface-subcard,
.note-box,
.helper-box {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--surface), var(--surface-2));
}
.section-frame,
.page-banner,
.admin-hero-card,
.summary-side-card,
.collection-hero,
.product-card,
.news-card,
.payment-card,
.cart-line-card,
.receipt-panel,
.receipt-mini-card,
.mini-detail-card,
.feature-band-card,
.admin-link-card,
.choice-card,
.table-like-row,
.info-row,
.surface-subcard,
.note-box,
.helper-box { position: relative; overflow: hidden; }
.section-frame::before,
.page-banner::before,
.admin-hero-card::before,
.summary-side-card::before,
.collection-hero::before,
.product-card::before,
.news-card::before,
.payment-card::before,
.cart-line-card::before,
.receipt-panel::before,
.receipt-mini-card::before,
.mini-detail-card::before,
.feature-band-card::before,
.admin-link-card::before,
.choice-card::before,
.table-like-row::before,
.info-row::before,
.surface-subcard::before,
.note-box::before,
.helper-box::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  opacity: .8;
  pointer-events: none;
}

h1, h2, h3, .tile-title, .brand-title {
  letter-spacing: -.015em;
  text-wrap: balance;
}
p, .lead, .soft, .muted, .helper, small { text-wrap: pretty; }
strong, h1, h2, h3, .price, .stat-number { overflow-wrap: anywhere; }
.lead { max-width: 62ch; }
label {
  display: inline-flex;
  margin-bottom: 8px;
  font-size: .95rem;
}

.input,
select,
textarea {
  min-height: 52px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid color-mix(in srgb, var(--line) 86%, rgba(255,255,255,.04));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
textarea { min-height: 130px; }
.input:hover,
select:hover,
textarea:hover {
  border-color: rgba(239,201,149,.24);
  background: rgba(255,255,255,.05);
}
.input:focus,
select:focus,
textarea:focus { box-shadow: var(--focus-ring); }

.btn {
  position: relative;
  overflow: hidden;
  min-height: 48px;
  padding: 12px 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.09), transparent 58%);
  opacity: .85;
  pointer-events: none;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }
.btn:disabled,
button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  opacity: .58;
  cursor: not-allowed;
  filter: grayscale(.08);
}
.btn-primary {
  background: linear-gradient(180deg, var(--brand-2), var(--brand));
  box-shadow: 0 14px 28px rgba(211,154,95,.24);
}
.btn-secondary,
.btn-ghost,
.btn-small,
.theme-toggle,
.header-phone,
.quick-link,
.admin-chip,
.user-chip {
  background: rgba(255,255,255,.045);
  border-color: color-mix(in srgb, var(--line) 88%, rgba(255,255,255,.06));
}
.btn-secondary:hover,
.btn-ghost:hover,
.btn-small:hover,
.theme-toggle:hover,
.header-phone:hover,
.quick-link:hover,
.admin-chip:hover,
.user-chip:hover {
  background: rgba(255,255,255,.07);
}

.badge,
.tag-pill,
.inline-badge,
.status-pill,
.focus-label {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  border: 1px solid transparent;
}
.badge,
.tag-pill,
.inline-badge {
  background: rgba(255,255,255,.05);
  border-color: color-mix(in srgb, var(--line) 86%, rgba(255,255,255,.06));
}
.status-pill,
.focus-label {
  background: rgba(211,154,95,.12);
  color: var(--brand-2);
  border-color: rgba(211,154,95,.18);
}
.status-pill.subtle {
  background: rgba(255,255,255,.045);
  color: var(--text);
  border-color: var(--line);
}
.status-pill.is-success { color: #34d399; background: rgba(16,185,129,.14); border-color: rgba(16,185,129,.22); }
.status-pill.is-warning { color: #fbbf24; background: rgba(245,158,11,.16); border-color: rgba(245,158,11,.24); }

.section-head,
.page-heading,
.admin-list-toolbar,
.payment-card-head,
.receipt-head,
.receipt-head-polished,
.page-banner,
.topbar-inner,
.hero-brand-band,
.footer-brand-row {
  gap: 14px;
}
.section-head,
.page-heading,
.admin-list-toolbar,
.payment-card-head,
.receipt-head,
.receipt-head-polished { align-items: flex-start; }
.page-heading,
.page-banner,
.admin-banner,
.user-banner {
  padding: 22px;
  border-radius: 28px;
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(255,255,255,.04), rgba(208,165,111,.075));
  box-shadow: var(--shadow-soft);
}
.page-banner .lead,
.page-heading .lead,
.admin-banner .lead,
.user-banner .lead { margin-bottom: 0; }

.topbar-premium {
  background: color-mix(in srgb, var(--bg) 82%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--line) 90%, rgba(255,255,255,.06));
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
}
.topbar-shell {
  border-radius: 0 0 28px 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.brand-mark-polished {
  width: 56px;
  height: 56px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 24px rgba(0,0,0,.14);
}
.quick-links-polished,
.admin-topnav,
.user-topnav,
.mobile-dock {
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  border-color: color-mix(in srgb, var(--line) 86%, rgba(255,255,255,.06));
  box-shadow: var(--shadow-soft);
}
.quick-links-polished { padding: 10px; }
.quick-link,
.admin-chip,
.user-chip,
.dock-item {
  min-width: 0;
  font-weight: 700;
}
.quick-link.is-active,
.admin-chip.is-active,
.user-chip.is-active,
.dock-item.is-active {
  background: linear-gradient(180deg, rgba(211,154,95,.18), rgba(211,154,95,.09));
  border-color: rgba(211,154,95,.24);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.mobile-dock {
  bottom: max(12px, env(safe-area-inset-bottom));
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
}
.dock-item {
  gap: 6px;
  border: 1px solid transparent;
  min-height: 64px;
}
.dock-item strong,
.dock-item .icon { width: 20px; height: 20px; }

.hero,
.home-section-grid,
.admin-layout-grid,
.checkout-hero,
.surface-split,
.shop-hero-grid,
.news-detail-shell,
.panel-grid-2,
.user-dashboard-grid,
.user-order-grid,
.user-cart-grid,
.user-checkout-grid,
.payment-gateway-grid {
  align-items: start;
}
.hero-panel,
.collection-hero,
.summary-side-card,
.checkout-help-card,
.user-summary-card,
.booking-side-card,
.cart-summary-upgraded,
.polished-side-card {
  height: 100%;
}
.hero-panel,
.collection-hero,
.summary-side-card,
.checkout-help-card,
.user-summary-card,
.booking-side-card,
.cart-summary-upgraded,
.polished-side-card,
.page-banner,
.page-heading,
.admin-banner,
.user-banner {
  backdrop-filter: blur(12px);
}
.feature-band-card,
.admin-link-card,
.product-card,
.news-card,
.action-card,
.tile,
.table-like-row,
.info-row,
.choice-card {
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.feature-band-card:hover,
.admin-link-card:hover,
.product-card:hover,
.news-card:hover,
.action-card:hover,
.tile:hover,
.table-like-row:hover,
.info-row:hover,
.choice-card:hover {
  transform: translateY(-3px);
  border-color: rgba(239,201,149,.22);
  box-shadow: var(--shadow-md);
}

.admin-link-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid var(--line);
}
.admin-link-icon,
.feature-band-icon,
.soft-list-dot,
.point-badge,
.icon-stat,
.hero-list-icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.admin-link-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(211,154,95,.12);
  border: 1px solid rgba(211,154,95,.18);
  font-size: 1.3rem;
}
.metric-mini,
.overview-card,
.admin-kpi-card,
.mini-detail-card,
.receipt-mini-card,
.checkout-summary-box .checkout-summary-item,
.summary-pill,
.stat-box,
.mini-stat {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.metric-mini,
.overview-card,
.admin-kpi-card,
.mini-detail-card,
.receipt-mini-card,
.summary-pill,
.stat-box,
.mini-stat {
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}
.metric-mini strong,
.overview-card strong,
.admin-kpi-card strong,
.stat-number {
  font-size: clamp(1.5rem, 2vw, 2.2rem);
  letter-spacing: -.03em;
}
.overview-card.emphasis,
.admin-kpi-card .badge.warn + .soft,
.focus-label {
  color: var(--brand-2);
}
.choice-grid,
.payment-choice-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.choice-card,
.toggle-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid var(--line);
}
.choice-card input,
.toggle-row input { margin-top: 4px; accent-color: var(--brand); }
.choice-card span,
.toggle-row span { min-width: 0; }
.choice-card strong,
.toggle-row strong { display: block; margin-bottom: 4px; }
.sticky-actions {
  padding: 10px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  border: 1px solid var(--line);
  backdrop-filter: blur(10px);
}

.helper-box,
.note-box {
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
}
.helper-box {
  color: var(--muted);
  background: linear-gradient(180deg, rgba(211,154,95,.08), rgba(255,255,255,.02));
}
.note-box {
  background: rgba(255,255,255,.03);
}
.soft-list,
.info-list,
.checkout-summary-list,
.receipt-items,
.receipt-items-polished,
.summary-stack,
.admin-focus-stack,
.cart-card-list { gap: 12px; }
.soft-list-item,
.receipt-line,
.checkout-summary-item,
.footer-contact-item {
  border-bottom-color: color-mix(in srgb, var(--line) 80%, transparent);
}
.soft-list-item,
.checkout-summary-item,
.footer-contact-item,
.cart-line-meta,
.payment-card-meta .soft-list-item { gap: 10px; }
.payment-card-meta .soft-list-item,
.soft-list .soft-list-item {
  padding: 10px 0;
  align-items: center;
}
.info-row,
.table-like-row,
.cart-line-card,
.receipt-panel,
.payment-card,
.order-row-visual,
.user-info-row {
  border-radius: 22px;
}
.info-row,
.table-like-row {
  padding: 16px 18px;
  align-items: center;
}
.table-like-main,
.info-row > div:first-child,
.cart-line-card > div:first-child,
.payment-card-head > div:first-child,
.admin-link-card > div:nth-child(2) {
  min-width: 0;
}
.table-like-main strong,
.info-row strong,
.admin-link-card strong,
.cart-line-card strong,
.payment-card strong { line-height: 1.55; }

.product-card,
.news-card,
.product-card-v8,
.news-card-v8 {
  border-radius: 24px;
  padding: 18px;
}
.thumb-placeholder,
.big-thumb {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  background: linear-gradient(135deg, rgba(211,154,95,.18), rgba(255,255,255,.03));
}
.product-floating-notes {
  position: absolute;
  top: 18px;
  left: 18px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.tag-row,
.footer-tag-row,
.hero-tag-cloud,
.chips-wrap,
.page-banner-meta,
.cart-line-meta { display: flex; gap: 10px; flex-wrap: wrap; }
.product-point,
.trust-item,
.focus-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px 0;
}
.product-point + .product-point,
.trust-item + .trust-item,
.focus-row + .focus-row {
  border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
}
.point-badge {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(211,154,95,.14);
  border: 1px solid rgba(211,154,95,.18);
  color: var(--brand-2);
  font-weight: 800;
}

.footer-grid-premium {
  grid-template-columns: 1.2fr .9fr .9fr;
  gap: 16px;
  align-items: start;
}
.footer-link-list,
.footer-contact-list { display: grid; gap: 10px; }
.footer-link-list a,
.footer-contact-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--line);
}
.footer-link-list a:hover,
.footer-contact-item:hover {
  transform: translateY(-2px);
  border-color: rgba(239,201,149,.24);
}

body[data-theme="light"] {
  --brand: #b97a39;
  --brand-2: #e7b87f;
  --shadow-sm: 0 14px 24px rgba(114, 85, 43, .10);
  --shadow-md: 0 24px 42px rgba(114, 85, 43, .14);
  --focus-ring: 0 0 0 4px rgba(185, 122, 57, .12);
}
body[data-theme="light"] .page-banner,
body[data-theme="light"] .page-heading,
body[data-theme="light"] .admin-banner,
body[data-theme="light"] .user-banner,
body[data-theme="light"] .admin-link-card,
body[data-theme="light"] .feature-band-card,
body[data-theme="light"] .section-frame,
body[data-theme="light"] .page-banner::before,
body[data-theme="light"] .section-frame::before {
  border-color: rgba(90, 62, 33, .12);
}
body[data-theme="light"] .btn-primary { color: #22150a; }
body[data-theme="light"] .btn-secondary,
body[data-theme="light"] .btn-ghost,
body[data-theme="light"] .btn-small,
body[data-theme="light"] .theme-toggle,
body[data-theme="light"] .quick-link,
body[data-theme="light"] .admin-chip,
body[data-theme="light"] .user-chip,
body[data-theme="light"] .header-phone,
body[data-theme="light"] .footer-link-list a,
body[data-theme="light"] .footer-contact-item {
  background: rgba(255,255,255,.7);
}
body[data-theme="light"] .status-pill.subtle,
body[data-theme="light"] .badge,
body[data-theme="light"] .tag-pill,
body[data-theme="light"] .inline-badge {
  background: rgba(255,255,255,.66);
}
body[data-theme="light"] .helper-box,
body[data-theme="light"] .note-box,
body[data-theme="light"] .surface-subcard,
body[data-theme="light"] .sticky-actions {
  background: rgba(255,255,255,.78);
}

@media (max-width: 1180px) {
  .footer-grid-premium,
  .checkout-hero,
  .surface-split,
  .news-detail-shell,
  .admin-layout-grid,
  .panel-grid-2,
  .shop-hero-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 860px) {
  .wrap { width: min(var(--content-width), calc(100% - 24px)); }
  .footer-grid-premium,
  .feature-band,
  .detail-card-grid,
  .hero-cta-grid,
  .choice-grid,
  .payment-choice-grid,
  .hero-stat-grid,
  .admin-kpi-grid,
  .dashboard-overview-grid,
  .collection-grid,
  .grid-2,
  .grid-3,
  .grid-4,
  .quick-grid,
  .stats-grid,
  .input-grid-2,
  .input-grid-3,
  .booking-layout,
  .service-strip,
  .checkout-hero,
  .surface-split,
  .news-detail-shell,
  .payment-gateway-grid,
  .user-dashboard-grid,
  .user-order-grid,
  .user-cart-grid,
  .user-checkout-grid,
  .admin-layout-grid,
  .panel-grid-2,
  .shop-hero-grid { grid-template-columns: 1fr; }
  .page-banner,
  .page-heading,
  .admin-banner,
  .user-banner,
  .section-head,
  .receipt-head,
  .payment-card-head,
  .admin-list-toolbar,
  .booking-card-top,
  .cart-actions-row,
  .cart-update-form,
  .hero-brand-band { flex-direction: column; align-items: stretch; }
  .admin-link-card,
  .focus-row,
  .product-point,
  .trust-item,
  .checkout-summary-item,
  .receipt-line { grid-template-columns: 1fr; }
  .info-row,
  .table-like-row,
  .data-row,
  .cart-item-row { grid-template-columns: 1fr; }
  .sticky-actions { position: static; }
}
@media (max-width: 680px) {
  .wrap { width: min(var(--content-width), calc(100% - 20px)); }
  .card,
  .section-frame,
  .page-banner,
  .page-heading,
  .admin-banner,
  .user-banner,
  .admin-hero-card,
  .summary-side-card,
  .collection-hero,
  .booking-card,
  .product-card,
  .news-card,
  .payment-card,
  .cart-line-card,
  .receipt-panel,
  .receipt-mini-card { border-radius: 22px; padding: 16px; }
  .brand-mark-polished { width: 50px; height: 50px; border-radius: 16px; }
  .topbar-shell { padding-top: 8px; }
  .topbar-inner { gap: 12px; }
  .brand-polished { width: 100%; }
  .brand-copy { min-width: 0; }
  .brand-title { font-size: 1rem; }
  .brand-sub { font-size: .75rem; max-width: none; }
  .header-actions { width: 100%; }
  .header-actions > * { flex: 1 1 100%; }
  .btn,
  .btn-small,
  .btn-lg,
  .theme-toggle,
  .header-phone { width: 100%; }
  .filter-actions-inline,
  .cta-row,
  .action-row { display: grid; grid-template-columns: 1fr; }
  .footer-premium-wrap { padding-bottom: 104px; }
  .mobile-dock { right: 10px; left: 10px; }
  .dock-item { min-height: 60px; padding: 8px 4px; }
}
@media (max-width: 480px) {
  h1 { font-size: 1.48rem; }
  h2 { font-size: 1.12rem; }
  .lead { font-size: .96rem; }
  .page-space { padding-top: 14px; }
  .hero-panel,
  .summary-side-card,
  .checkout-help-card,
  .user-summary-card,
  .booking-side-card,
  .collection-hero { padding: 16px; }
  .badge,
  .tag-pill,
  .inline-badge,
  .status-pill,
  .focus-label { font-size: .78rem; padding: 7px 10px; }
  .mobile-dock-grid { gap: 6px; }
  .dock-item span { font-size: .72rem; }
}

/* Home hub upgrade */
.home-shortcuts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.home-shortcut-card,
.mini-hub-card,
.home-preview-card {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow: var(--shadow-soft);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.home-shortcut-card:hover,
.mini-hub-card:hover,
.home-preview-card:hover {
  transform: translateY(-3px);
  border-color: rgba(239,201,149,.24);
  background: linear-gradient(180deg, rgba(41,47,54,.96), rgba(27,32,37,.98));
}
.home-shortcut-card {
  grid-template-columns: auto 1fr;
  align-items: start;
}
.home-shortcut-card p,
.mini-hub-card p,
.home-preview-card p { margin: 4px 0 0; color: var(--muted); }
.home-shortcut-icon,
.mini-hub-icon,
.home-preview-badge {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(239,201,149,.12);
  border: 1px solid rgba(239,201,149,.18);
  color: var(--gold-2);
}
.home-hub-shell {
  padding: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.012));
}
.home-hub-head { align-items: end; }
.home-tab-switcher {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 8px;
  border-radius: 20px;
  background: rgba(255,255,255,.025);
  border: 1px solid var(--line);
}
.home-tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 50px;
  padding: 10px 16px;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: .18s ease;
}
.home-tab-btn:hover,
.home-tab-btn.is-active {
  background: linear-gradient(180deg, rgba(239,201,149,.16), rgba(208,165,111,.08));
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.home-tab-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(239,201,149,.16);
}
.home-tab-panels { display: grid; }
.home-tab-panel {
  display: grid;
  gap: 18px;
  animation: homeTabFade .22s ease;
}
.home-tab-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}
.home-service-grid,
.home-preview-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-preview-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-news-preview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-preview-card {
  min-height: 100%;
  align-content: start;
}
.home-preview-top,
.home-preview-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.home-preview-meta {
  margin-top: auto;
  color: var(--muted);
}
.inline-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gold-2);
  font-weight: 700;
}
.inline-link::after {
  content: "←";
  font-size: .95rem;
}
@keyframes homeTabFade {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

body[data-theme="light"] .home-tab-switcher,
body[data-theme="light"] .home-hub-shell {
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.58));
}
body[data-theme="light"] .home-tab-btn,
body[data-theme="light"] .home-shortcut-card,
body[data-theme="light"] .mini-hub-card,
body[data-theme="light"] .home-preview-card {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,242,234,.8));
}

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

@media (max-width: 860px) {
  .home-shortcuts,
  .home-service-grid,
  .home-preview-grid,
  .home-news-preview-grid { grid-template-columns: 1fr; }

  .home-tab-intro,
  .home-hub-head {
    flex-direction: column;
    align-items: stretch;
  }

  .home-tab-switcher {
    width: 100%;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .home-shortcut-card {
    grid-template-columns: 1fr;
  }

  .home-hub-shell,
  .home-shortcut-card,
  .mini-hub-card,
  .home-preview-card {
    border-radius: 22px;
  }
}

/* v21 minimal hub redesign for home and news */
.minimal-page-shell {
  display: grid;
  gap: 16px;
}

.minimal-stage-shell,
.minimal-footer-shell {
  position: relative;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--line) 92%, rgba(255,255,255,.04));
  border-radius: 30px;
  background:
    radial-gradient(circle at top left, rgba(31, 94, 189, .12), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 98%, transparent));
  box-shadow: var(--shadow-soft);
  overflow: clip;
}

.minimal-stage-shell::before,
.minimal-footer-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0, rgba(255,255,255,.015) 48%, transparent 100%);
  opacity: .55;
}

.minimal-stage-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.minimal-stage-intro {
  max-width: 640px;
  display: grid;
  gap: 10px;
}

.minimal-stage-intro h1 {
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 2.2rem);
  line-height: 1.35;
}

.minimal-stage-intro p { margin: 0; }

.minimal-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px;
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--line-2) 55%, var(--line));
  background: color-mix(in srgb, var(--surface-2) 88%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.minimal-tab-btn {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 16px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.minimal-tab-btn:hover,
.minimal-tab-btn:focus-visible,
.minimal-link-pill:hover,
.minimal-link-pill:focus-visible,
.minimal-action-card:hover,
.minimal-action-card:focus-visible,
.minimal-list-item:hover,
.minimal-list-item:focus-visible {
  border-color: color-mix(in srgb, var(--line-2) 82%, transparent);
  color: var(--text);
  box-shadow: var(--focus-ring);
  outline: none;
}

.minimal-tab-btn.is-active,
.minimal-tab-btn.is-link:hover {
  color: var(--text);
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 92%, transparent), color-mix(in srgb, var(--surface-4) 92%, transparent));
  border-color: color-mix(in srgb, var(--line-2) 88%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), var(--shadow-sm);
}

.minimal-tab-btn.is-link {
  color: var(--text);
}

.minimal-panels {
  display: grid;
  gap: 14px;
}

.minimal-panel {
  display: block;
}

.minimal-panel[hidden] {
  display: none !important;
}

.minimal-stage-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) 280px;
  gap: 18px;
  align-items: stretch;
}

.minimal-display-card,
.minimal-side-card,
.minimal-footer-card,
.minimal-action-card,
.minimal-list-item,
.minimal-contact-row,
.minimal-link-pill,
.minimal-stat-box {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--line) 94%, rgba(255,255,255,.04));
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 98%, transparent));
  border-radius: 24px;
  box-shadow: var(--shadow-soft);
}

.minimal-display-card {
  min-height: 390px;
  padding: 26px;
  overflow: hidden;
}

.minimal-display-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 18%, rgba(33, 119, 224, .12), transparent 30%),
    linear-gradient(90deg, rgba(255,255,255,.015) 0, transparent 26%, rgba(255,255,255,.015) 52%, transparent 78%, rgba(255,255,255,.015) 100%);
  opacity: .9;
}

.minimal-display-card > * {
  position: relative;
  z-index: 1;
}

.minimal-display-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.minimal-display-header.compact {
  justify-content: flex-start;
  margin-bottom: 16px;
}

.minimal-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  color: var(--text);
  font-weight: 800;
  background: color-mix(in srgb, var(--surface-3) 94%, transparent);
  border: 1px solid color-mix(in srgb, var(--line-2) 52%, var(--line));
}

.minimal-display-copy {
  max-width: 620px;
  display: grid;
  gap: 14px;
  margin-bottom: 22px;
}

.minimal-display-copy.spacious {
  min-height: 220px;
  align-content: flex-start;
}

.minimal-display-copy h2 {
  margin: 0;
  font-size: clamp(1.25rem, 1.7vw, 1.9rem);
  line-height: 1.45;
}

.minimal-display-copy p,
.minimal-side-card p,
.minimal-footer-card p {
  margin: 0;
}

.minimal-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}

.minimal-chip-row.compact {
  margin-bottom: 0;
}

.minimal-chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-3) 96%, transparent);
  color: var(--muted);
  border: 1px solid color-mix(in srgb, var(--line) 94%, rgba(255,255,255,.04));
  font-weight: 700;
}

.minimal-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.minimal-stat-box {
  padding: 16px;
  display: grid;
  gap: 8px;
}

.minimal-stat-box span {
  color: var(--soft);
  font-size: .9rem;
}

.minimal-stat-box strong,
.minimal-stat-box strong a {
  color: var(--text);
  text-decoration: none;
}

.minimal-list-stack,
.minimal-link-stack,
.minimal-contact-list,
.minimal-action-grid {
  display: grid;
  gap: 14px;
}

.minimal-list-stack.expanded {
  max-height: 420px;
  overflow: auto;
  padding-inline-end: 4px;
}

.minimal-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.minimal-list-item:hover,
.minimal-action-card:hover {
  transform: translateY(-2px);
}

.minimal-list-copy {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.minimal-list-copy strong {
  font-size: 1rem;
}

.minimal-list-meta {
  flex-shrink: 0;
  display: grid;
  gap: 8px;
  justify-items: end;
  text-align: left;
}

.minimal-list-meta-news,
.minimal-list-meta-news.wide {
  justify-items: start;
  text-align: right;
}

.minimal-list-arrow {
  color: var(--soft);
  font-size: .9rem;
}

.minimal-side-card {
  padding: 20px;
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 390px;
}

.minimal-side-top,
.minimal-footer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.minimal-side-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--brand-2);
  background: linear-gradient(180deg, rgba(212, 171, 111, .14), rgba(255,255,255,.04));
  border: 1px solid color-mix(in srgb, var(--line-2) 86%, transparent);
}

.minimal-side-icon.is-static {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
}

.minimal-side-card h3,
.minimal-footer-card h2 {
  margin: 0;
  font-size: 1.12rem;
}

.minimal-side-metric {
  font-size: 1.28rem;
  font-weight: 900;
}

.minimal-side-submeta {
  color: var(--soft);
  font-size: .92rem;
}

.minimal-side-action {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.minimal-footer-grid {
  display: grid;
  grid-template-columns: 1.1fr .95fr .95fr;
  gap: 14px;
}

.minimal-footer-card {
  padding: 20px;
  display: grid;
  gap: 16px;
}

.minimal-link-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 16px;
  color: var(--text);
  text-decoration: none;
  font-weight: 800;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.minimal-contact-row {
  padding: 14px 16px;
  display: grid;
  gap: 8px;
}

.minimal-contact-row span {
  color: var(--soft);
  font-size: .92rem;
}

.minimal-contact-row strong {
  color: var(--text);
}

.minimal-action-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.minimal-action-card {
  min-height: 160px;
  padding: 18px;
  text-decoration: none;
  color: inherit;
  display: grid;
  gap: 16px;
  align-content: space-between;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.minimal-action-card strong {
  display: block;
  margin-bottom: 8px;
}

.minimal-action-card p {
  margin: 0;
  color: var(--soft);
  line-height: 1.8;
}

.minimal-prose {
  display: grid;
  gap: 14px;
  max-width: 860px;
  line-height: 2;
  color: var(--text);
}

.minimal-prose p {
  margin: 0;
  color: color-mix(in srgb, var(--text) 92%, var(--muted));
}

.article-head-single {
  align-items: center;
}

.article-grid {
  grid-template-columns: minmax(0, 1.5fr) 280px;
}

.minimal-article-card {
  min-height: 0;
}

body[data-theme="light"] .minimal-stage-shell,
body[data-theme="light"] .minimal-footer-shell {
  background:
    radial-gradient(circle at top left, rgba(132, 173, 233, .18), transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 98%, transparent));
}

body[data-theme="light"] .minimal-tab-btn.is-active,
body[data-theme="light"] .minimal-tab-btn.is-link:hover {
  background: linear-gradient(180deg, #fff8ef, #fff1df);
}

body[data-theme="light"] .minimal-side-icon {
  background: linear-gradient(180deg, rgba(202, 160, 94, .14), rgba(255,255,255,.62));
}

body[data-theme="light"] .minimal-display-card::before {
  background:
    radial-gradient(circle at 14% 18%, rgba(118, 168, 235, .16), transparent 30%),
    linear-gradient(90deg, rgba(84, 67, 41, .03) 0, transparent 26%, rgba(84, 67, 41, .03) 52%, transparent 78%, rgba(84, 67, 41, .03) 100%);
}

@media (max-width: 1080px) {
  .minimal-stage-grid,
  .article-grid,
  .minimal-footer-grid,
  .minimal-action-grid {
    grid-template-columns: 1fr;
  }

  .minimal-side-card,
  .minimal-display-card {
    min-height: 0;
  }
}

@media (max-width: 820px) {
  .minimal-stage-shell,
  .minimal-footer-shell {
    padding: 16px;
    border-radius: 24px;
  }

  .minimal-stage-head {
    flex-direction: column;
    align-items: stretch;
  }

  .minimal-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .minimal-tab-btn,
  .minimal-tab-btn.is-link {
    min-width: 0;
    padding-inline: 12px;
    font-size: .95rem;
  }

  .minimal-stat-grid,
  .minimal-action-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .minimal-display-card,
  .minimal-side-card,
  .minimal-footer-card {
    padding: 16px;
    border-radius: 20px;
  }

  .minimal-tabs {
    grid-template-columns: 1fr;
  }

  .minimal-list-item,
  .minimal-footer-head {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .minimal-list-item {
    display: grid;
  }

  .minimal-list-meta,
  .minimal-list-meta-news,
  .minimal-list-meta-news.wide {
    justify-items: start;
    text-align: right;
  }

  .minimal-stage-intro h1 {
    font-size: 1.3rem;
  }

  .minimal-display-copy h2 {
    font-size: 1.12rem;
  }
}

/* v22 home tab interaction and spacing fixes */
.page-space {
  padding-top: 12px;
  padding-bottom: 20px;
}

.footer {
  padding-top: 8px;
  padding-bottom: 92px;
}

.footer-premium-wrap {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
}

.minimal-page-shell {
  gap: 14px;
}

.minimal-stage-shell {
  padding-top: 18px;
  padding-bottom: 18px;
}

.minimal-stage-head {
  margin-bottom: 12px;
}

.minimal-panels {
  gap: 16px;
}

.minimal-stage-grid {
  gap: 20px;
}

.minimal-display-card,
.minimal-side-card,
.minimal-footer-card {
  padding: 22px;
}

.minimal-display-copy {
  gap: 14px;
  margin-bottom: 24px;
}

.minimal-chip-row {
  margin-bottom: 24px;
}

.minimal-list-stack,
.minimal-link-stack,
.minimal-contact-list,
.minimal-action-grid,
.minimal-stat-grid {
  gap: 14px;
}

.minimal-list-item {
  gap: 16px;
  padding: 18px 20px;
}

.minimal-list-copy {
  gap: 10px;
}

.minimal-panel[hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  .page-space {
    padding-top: 10px;
    padding-bottom: calc(98px + env(safe-area-inset-bottom));
  }

  .footer {
    padding-top: 6px;
  }
}

@media (max-width: 480px) {
  .minimal-stage-shell,
  .minimal-display-card,
  .minimal-side-card,
  .minimal-footer-card {
    padding: 16px;
  }

  .minimal-stage-grid,
  .minimal-panels,
  .minimal-list-stack,
  .minimal-stat-grid {
    gap: 12px;
  }
}


.footer-brand-block,
.footer-links-block,
.footer-contact-block {
  display: grid;
  gap: 10px;
  align-content: start;
}
.footer-section-head {
  display: grid;
  gap: 6px;
}
.footer-section-lead {
  margin: 0;
  color: var(--soft);
  font-size: .9rem;
  line-height: 1.8;
}
.footer-links-block strong,
.footer-contact-block strong {
  display: block;
  line-height: 1.5;
}
.footer-link-list a {
  justify-content: flex-start;
  text-align: right;
}
.footer-link-list a span {
  /* display: block; */
  width: 100%;
}
.footer-contact-item {
  align-items: flex-start;
  flex-direction: column;
}
.footer-contact-item strong,
.footer-contact-item a {
  line-height: 1.9;
  text-align: right;
}


.footer-brand-row-refined {
  align-items: center;
}

.footer-brand-copy {
  display: grid;
  gap: 6px;
}

.footer-brand-title {
  display: block;
  font-size: 1.06rem;
  line-height: 1.5;
}

.footer-brand-lead {
  margin: 0;
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.9;
}

.footer-overview-panel {
  display: grid;
  gap: 14px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}

.footer-overview-head {
  display: grid;
  gap: 6px;
}

.footer-overview-head strong {
  display: block;
  line-height: 1.6;
}

.footer-overview-head p {
  margin: 0;
  color: var(--soft);
  font-size: .9rem;
  line-height: 1.9;
}

.footer-feature-list {
  display: grid;
  gap: 10px;
}

.footer-feature-item {
  margin-top:17px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.05);
  background: rgba(255,255,255,.024);
}

.footer-feature-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--gold-2);
  background: rgba(208,165,111,.11);
  border: 1px solid rgba(208,165,111,.18);
}

.footer-feature-item strong {
  display: block;
  line-height: 1.5;
}

.footer-feature-item span {
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.85;
}

.footer-contact-list {
  gap: 8px;
}

.footer-contact-item {
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
}

.footer-contact-item span {
  font-size: .78rem;
}

.footer-contact-item strong,
.footer-contact-item a {
  font-size: .92rem;
  line-height: 1.75;
}

@media (max-width: 720px) {
  .footer-overview-panel {
    padding: 12px;
  }

  .footer-feature-item {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 10px;
  }

  .footer-feature-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
  }
}


/* footer premium refinement v2 */
.footer-premium-wrap{
  padding-top: 2px;
  padding-bottom: 92px;
}

.footer-grid-premium{
  position: relative;
  grid-template-columns: minmax(0, 1.28fr) minmax(240px, .9fr) minmax(250px, .96fr);
  gap: 18px;
  padding: 18px;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.12), transparent 34%),
    linear-gradient(180deg, rgba(18,22,31,.96), rgba(11,15,22,.92));
}

.footer-grid-premium::before{
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.05), transparent 30%, transparent 70%, rgba(255,255,255,.02));
}

.footer-column-card{
  position: relative;
  z-index: 1;
  min-height: 100%;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 20px 48px rgba(0,0,0,.16);
}

.footer-column-card::after{
  content: '';
  position: absolute;
  inset-inline: 18px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(208,165,111,.55), transparent);
  opacity: .75;
}

.footer-kicker{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gold-2);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.footer-kicker::before{
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(208,165,111,.7);
  box-shadow: 0 0 0 4px rgba(208,165,111,.12);
}

.footer-section-head,
.footer-brand-copy,
.footer-overview-head{
  gap: 8px;
}

.footer-brand-title,
.footer-section-head strong,
.footer-overview-head strong,
.footer-nav-copy strong{
  font-size: 1.08rem;
}

.footer-brand-lead,
.footer-section-lead,
.footer-overview-head p{
  max-width: 34ch;
}

.footer-overview-panel{
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022));
  border: 1px solid rgba(255,255,255,.055);
}

.footer-feature-list,
.footer-link-list,
.footer-contact-list{
  gap: 10px;
}

.footer-feature-item,
.footer-link-list a,
.footer-contact-item{
  min-height: 86px;
  border-radius: 18px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.footer-feature-item{
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 14px;
  align-items: center;
  background: rgba(255,255,255,.028);
  border: 1px solid rgba(255,255,255,.055);
}

.footer-feature-item:hover,
.footer-link-list a:hover,
.footer-contact-item:hover{
  transform: translateY(-2px);
  border-color: rgba(208,165,111,.28);
  background: rgba(255,255,255,.04);
}

.footer-feature-copy{
  display: grid;
  gap: 4px;
}

.footer-feature-icon,
.footer-nav-icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: var(--gold-2);
  background: rgba(208,165,111,.12);
  border: 1px solid rgba(208,165,111,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.footer-link-list a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  background: rgba(255,255,255,.026);
  border: 1px solid rgba(255,255,255,.055);
}

.footer-nav-copy{
  display: grid;
  gap: 4px;
}

.footer-nav-copy small{
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.8;
}

.footer-contact-item{
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 6px;
  padding: 10px 12px;
  background: rgba(255,255,255,.026);
  border: 1px solid rgba(255,255,255,.055);
}

.footer-contact-label{
  color: var(--soft);
  font-size: .78rem;
}

.footer-contact-value,
.footer-contact-item strong,
.footer-contact-item a{
  display: block;
  font-size: .92rem;
  line-height: 1.9;
  color: var(--text);
}

.footer-contact-value.is-placeholder{
  color: var(--muted);
}

@media (max-width: 960px){
  .footer-grid-premium{
    grid-template-columns: 1fr;
  }

  .footer-column-card{
    padding: 16px;
  }

  .footer-brand-lead,
  .footer-section-lead,
  .footer-overview-head p{
    max-width: none;
  }
}

@media (max-width: 720px){
  .footer-grid-premium{
    padding: 14px;
    gap: 14px;
    border-radius: 24px;
  }

  .footer-column-card{
    border-radius: 20px;
  }

  .footer-feature-item,
  .footer-link-list a,
  .footer-contact-item{
    min-height: 78px;
  }

  .footer-feature-item{
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }

  .footer-feature-icon,
  .footer-nav-icon{
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }
}


/* ==== Header Premium Refresh ==== */
.topbar-premium {
  top: 0;
  z-index: 40;
  padding-top: 10px;
  background: linear-gradient(180deg, rgba(6, 8, 11, .94) 0%, rgba(6, 8, 11, .78) 60%, rgba(6, 8, 11, 0) 100%);
  border-bottom: 0;
  backdrop-filter: blur(20px);
}

.topbar-shell {
  padding-top: 0;
  padding-bottom: 0;
}

.topbar-panel {
  position: relative;
  padding: 12px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.12), transparent 24%),
    linear-gradient(180deg, rgba(18, 22, 28, .96), rgba(11, 14, 19, .92));
  box-shadow: 0 28px 56px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
  overflow: hidden;
}

.topbar-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.05), transparent 26%, transparent 70%, rgba(208,165,111,.08));
  opacity: .8;
}

.topbar-panel::after {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  opacity: .9;
}

.topbar-utility,
.topbar-inner-polished,
.polished-subnav {
  position: relative;
  z-index: 1;
}

.topbar-utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 2px 4px 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.topbar-utility-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.topbar-utility-pill,
.topbar-contact-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.topbar-utility-pill .icon,
.topbar-contact-pill .icon {
  width: 16px;
  height: 16px;
  color: var(--gold-2);
}

.topbar-utility-pill {
  font-size: .84rem;
}

.topbar-utility-pill-soft {
  color: var(--soft);
}

.topbar-contact-pill {
  flex: 0 0 auto;
  color: var(--text);
}

.topbar-contact-pill:hover {
  border-color: rgba(208,165,111,.24);
  background: rgba(255,255,255,.045);
}

.topbar-inner-polished {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 14px 4px 12px;
}

.brand-polished {
  min-width: 0;
  gap: 14px;
}

.brand-mark-polished {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  color: var(--gold-2);
  background: linear-gradient(180deg, rgba(239,201,149,.24), rgba(208,165,111,.08));
  border: 1px solid rgba(239,201,149,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 30px rgba(0,0,0,.24);
}

.brand-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.brand-title {
  display: block;
  font-size: 1.14rem;
  font-weight: 900;
  letter-spacing: -.01em;
}

.topbar-premium .brand-sub {
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.7;
}

.header-actions-refined {
  gap: 12px;
  align-items: center;
}

.header-theme-toggle,
.header-login-btn,
.user-menu-trigger {
  min-height: 54px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.header-theme-toggle {
  min-width: 138px;
  padding-inline: 14px;
}

.header-login-btn {
  padding-inline: 18px;
}

.header-login-btn:hover,
.header-theme-toggle:hover,
.user-menu-trigger:hover,
.user-menu[open] .user-menu-trigger {
  border-color: rgba(208,165,111,.22);
  background: linear-gradient(180deg, rgba(208,165,111,.14), rgba(255,255,255,.035));
}

.user-menu-trigger {
  min-width: 232px;
  padding: 10px 14px;
}

.user-menu-dropdown {
  margin-top: 10px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(180deg, rgba(19,23,29,.98), rgba(13,16,21,.98));
  box-shadow: 0 22px 40px rgba(0,0,0,.28);
}

.polished-subnav {
  padding: 4px;
}

.quick-links-polished {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  border-radius: 24px;
  background: rgba(255,255,255,.028);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.quick-links-polished .quick-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 18px;
  color: var(--muted);
  border: 1px solid transparent;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.quick-links-polished .quick-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  opacity: 0;
  transition: opacity .18s ease;
}

.quick-links-polished .quick-link:hover {
  transform: translateY(-1px);
  color: var(--text);
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}

.quick-links-polished .quick-link:hover::after {
  opacity: 1;
}

.quick-links-polished .quick-link.is-active {
  color: var(--text);
  border-color: rgba(208,165,111,.22);
  background: linear-gradient(180deg, rgba(208,165,111,.16), rgba(255,255,255,.04));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 22px rgba(0,0,0,.18);
}

.quick-links-polished .quick-link.is-active::after {
  opacity: 1;
}

.nav-link-icon {
  width: 18px;
  height: 18px;
  color: var(--gold-2);
}

body[data-theme="light"] .topbar-premium {
  background: linear-gradient(180deg, rgba(246,240,231,.9) 0%, rgba(246,240,231,.7) 60%, rgba(246,240,231,0) 100%);
}

body[data-theme="light"] .topbar-panel {
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.14), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,239,231,.92));
  border-color: rgba(159,115,68,.14);
  box-shadow: 0 20px 42px rgba(126, 106, 82, .14), inset 0 1px 0 rgba(255,255,255,.6);
}

body[data-theme="light"] .topbar-utility,
body[data-theme="light"] .quick-links-polished,
body[data-theme="light"] .topbar-contact-pill,
body[data-theme="light"] .topbar-utility-pill,
body[data-theme="light"] .header-theme-toggle,
body[data-theme="light"] .header-login-btn,
body[data-theme="light"] .user-menu-trigger,
body[data-theme="light"] .user-menu-dropdown {
  border-color: rgba(159,115,68,.14);
}

@media (max-width: 1040px) {
  .topbar-utility-pill-soft {
    display: none;
  }
}

@media (max-width: 960px) {
  .topbar-premium {
    padding-top: 8px;
  }

  .topbar-panel {
    padding: 10px;
    border-radius: 26px;
  }

  .topbar-utility {
    display: none;
  }

  .topbar-inner-polished {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 6px 2px 10px;
  }

  .brand-polished {
    width: 100%;
  }

  .header-actions-refined {
    width: 100%;
    justify-content: space-between;
  }

  .quick-links-polished {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 8px;
    scrollbar-width: none;
  }

  .quick-links-polished::-webkit-scrollbar {
    display: none;
  }

  .quick-links-polished .quick-link {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  .topbar-premium {
    padding-top: 6px;
  }

  .topbar-panel {
    padding: 8px;
    border-radius: 22px;
  }

  .brand-mark-polished {
    width: 50px;
    height: 50px;
    border-radius: 16px;
  }

  .brand-title {
    font-size: 1rem;
  }

  .topbar-premium .brand-sub {
    font-size: .76rem;
  }

  .header-actions-refined {
    gap: 8px;
  }

  .header-theme-toggle {
    min-width: 48px;
    padding-inline: 12px;
  }

  .header-theme-toggle .theme-toggle-label {
    display: none;
  }

  .user-menu {
    flex: 1 1 auto;
    min-width: 0;
  }

  .user-menu-trigger {
    min-width: 0;
    width: 100%;
    padding: 8px 10px;
  }

  .quick-links-polished .quick-link {
    min-height: 44px;
    padding-inline: 14px;
    font-size: .92rem;
  }
}


/* header navigation rebuild */
.quick-links-architected{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:stretch;
  gap:10px;
}

.quick-links-secondary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,max-content));
  gap:8px;
  align-content:start;
}

.quick-links-primary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  min-width:0;
}

.quick-links-polished .quick-link-secondary{
  min-height:56px;
  padding-inline:18px;
  border-radius:18px;
  font-weight:700;
  color:var(--soft);
  background:rgba(255,255,255,.022);
  border:1px solid rgba(255,255,255,.055);
}

.quick-links-polished .quick-link-feature{
  min-height:84px;
  padding:12px 14px 12px 16px;
  align-items:center;
  justify-content:space-between;
  text-align:right;
  color:var(--text);
  background:rgba(255,255,255,.026);
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.quick-links-polished .quick-link-feature::after,
.quick-links-polished .quick-link-secondary::after{
  border-radius:inherit;
}

.quick-links-polished .quick-link-feature:hover,
.quick-links-polished .quick-link-secondary:hover{
  transform:translateY(-2px);
}

.quick-link-copy{
  display:grid;
  gap:4px;
  min-width:0;
}

.quick-link-copy strong{
  display:block;
  font-size:.98rem;
  line-height:1.55;
}

.quick-link-copy small{
  display:block;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.75;
}

.quick-link-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.quick-links-polished .quick-link-feature .nav-link-icon,
.quick-links-polished .quick-link-secondary .nav-link-icon{
  width:18px;
  height:18px;
}

.quick-links-polished .quick-link-feature .nav-link-icon{
  width:42px;
  height:42px;
  padding:11px;
  border-radius:15px;
  color:var(--gold-2);
  background:rgba(208,165,111,.12);
  border:1px solid rgba(208,165,111,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.quick-link-badge{
  min-width:28px;
  height:28px;
  padding-inline:8px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(208,165,111,.16);
  border:1px solid rgba(208,165,111,.26);
  color:var(--text);
  font-size:.78rem;
  font-weight:800;
}

.quick-links-polished .quick-link-feature.is-active{
  color:var(--text);
  border-color:rgba(208,165,111,.24);
  background:linear-gradient(180deg, rgba(208,165,111,.16), rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 22px rgba(0,0,0,.16);
}

.quick-links-polished .quick-link-secondary.is-active{
  color:var(--text);
  border-color:rgba(208,165,111,.2);
  background:rgba(208,165,111,.12);
}

@media (max-width: 1240px){
  .quick-links-architected{
    grid-template-columns:1fr;
  }

  .quick-links-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 1040px){
  .quick-links-primary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 960px){
  .quick-links-architected{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .quick-links-secondary,
  .quick-links-primary{
    display:flex;
    gap:8px;
    min-width:max-content;
  }

  .quick-links-polished .quick-link-feature{
    min-width:260px;
    min-height:78px;
  }

  .quick-links-polished .quick-link-secondary{
    min-width:max-content;
  }
}

@media (max-width: 640px){
  .quick-links-polished .quick-link-feature{
    min-width:236px;
    min-height:74px;
    padding:11px 12px 11px 14px;
  }

  .quick-link-copy strong{
    font-size:.94rem;
  }

  .quick-link-copy small{
    font-size:.75rem;
  }

  .quick-links-polished .quick-link-feature .nav-link-icon{
    width:38px;
    height:38px;
    padding:10px;
    border-radius:14px;
  }
}

/* v20 page rebuild + header fixes */
.topbar-panel{position:relative;isolation:isolate}
.topbar-inner-polished{position:relative;z-index:4}
.polished-subnav{position:relative;z-index:2}
.user-menu{z-index:20}
.user-menu[open]{z-index:40}
.user-menu-dropdown{z-index:120}
.quick-links-polished{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  overflow:visible;
}
.quick-links-polished .quick-link{
  min-height:44px;
  padding:10px 14px !important;
  white-space:nowrap;
}
.quick-links-polished .quick-link span:last-child{
  overflow:visible;
  text-overflow:clip;
}
.refined-page-shell{display:grid;gap:16px}
.refined-page-hero{
  display:grid;
  gap:16px;
  align-items:flex-start;
  padding:22px;
}
.hero-pill-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.refined-two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px;align-items:start}
.refined-two-col-hero{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)}
.refined-main-stack{display:grid;gap:16px}
.refined-surface-card,.refined-side-panel{padding:22px}
.refined-side-panel{position:sticky;top:104px}
.refined-section-head{align-items:flex-start}
.refined-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:12px}
.refined-toggle-row{justify-content:flex-start;gap:10px}
.surface-list{display:grid;gap:10px}
.surface-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
}
.surface-line span{color:var(--muted)}
.surface-line strong{color:var(--text);text-align:left}
.page-summary-card,
.mini-note-box{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
}
.refined-product-card,
.refined-cart-line,
.refined-feature-card{height:100%}
.refined-product-meta{align-items:center}
.refined-thumb-box{min-height:132px;display:grid;place-items:center}
.refined-card-copy{min-width:0}
.refined-card-copy h3,
.refined-card-copy strong{overflow-wrap:anywhere}
.footer-grid-premium,
.refined-page-shell,
.refined-two-col,
.refined-two-col-hero,
.refined-main-stack,
.product-grid-upgraded,
.about-feature-grid{min-width:0}
@media (max-width: 980px){
  .refined-two-col,
  .refined-two-col-hero,
  .refined-form-grid{grid-template-columns:1fr}
  .refined-side-panel{position:static}
}
@media (max-width: 860px){
  .quick-links-polished{flex-wrap:nowrap;overflow:auto hidden;padding:6px}
  .quick-links-polished .quick-link{flex:0 0 auto}
}
@media (max-width: 720px){
  .refined-page-hero,
  .refined-surface-card,
  .refined-side-panel{padding:18px}
  .surface-line{align-items:flex-start;flex-direction:column}
}


/* v21 header rollback + dropdown visibility fix */
.topbar,
.topbar-premium{
  z-index: 220;
}
.topbar-panel{
  overflow: visible;
}
.topbar-inner-polished,
.polished-subnav,
.header-actions-refined,
.user-menu{
  overflow: visible;
}
.user-menu{
  position: relative;
  z-index: 260;
}
.user-menu[open]{
  z-index: 320;
}
.user-menu-dropdown{
  inset-inline-start: auto;
  inset-inline-end: 0;
  left: auto;
  right: 0;
  min-width: 224px;
  z-index: 400;
}
@media (max-width: 720px){
  .user-menu-dropdown{
    inset-inline-end: 0;
    width: min(260px, calc(100vw - 24px));
  }
}


/* v23 user menu premium dropdown fix */
.topbar-premium{z-index:180;isolation:isolate;}
.topbar-panel,.topbar-inner-polished,.header-actions-refined,.polished-subnav{overflow:visible;}
.topbar-panel{overflow:visible !important;}
.page-shell,.footer{position:relative;z-index:1;}
.footer{z-index:0;}
.user-menu{position:relative;z-index:220;}
.user-menu[open]{z-index:260;}
.user-menu-trigger{transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;}
.user-menu-trigger:focus-visible{outline:none;border-color:rgba(208,165,111,.28);box-shadow:0 0 0 4px rgba(208,165,111,.12);}
.user-menu-trigger:hover{transform:translateY(-1px);}
.user-menu-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  left:auto;
  width:min(320px, calc(100vw - 24px));
  min-width:280px;
  max-width:calc(100vw - 24px);
  padding:12px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(18,22,29,.98), rgba(11,14,19,.985));
  box-shadow:0 28px 64px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
}
.user-menu-dropdown::before{
  content:'';
  position:absolute;
  top:-7px;
  right:22px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  border-top:1px solid rgba(255,255,255,.08);
  border-left:1px solid rgba(255,255,255,.08);
  background:rgba(18,22,29,.98);
}
.user-menu-dropdown-head,.user-menu-dropdown-group,.user-menu-dropdown-foot{position:relative;z-index:1;}
.user-menu-dropdown-head{
  display:grid;
  gap:4px;
  padding:6px 6px 12px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.user-menu-dropdown-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--gold-2);
  font-size:.76rem;
  font-weight:800;
}
.user-menu-dropdown-kicker::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(208,165,111,.78);
  box-shadow:0 0 0 4px rgba(208,165,111,.12);
}
.user-menu-dropdown-head strong{font-size:.98rem;line-height:1.45;color:var(--text);}
.user-menu-dropdown-head small{font-size:.8rem;line-height:1.8;color:var(--soft);}
.user-menu-dropdown-group,.user-menu-dropdown-foot{display:grid;gap:8px;}
.user-menu-dropdown-foot{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);}
.user-menu-link{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 12px;
  border-radius:18px;
  color:var(--text);
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.user-menu-link:hover{
  transform:translateY(-1px);
  color:var(--text);
  background:rgba(255,255,255,.04);
  border-color:rgba(208,165,111,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.user-menu-link-copy{display:grid;gap:3px;min-width:0;text-align:right;}
.user-menu-link-copy strong{display:block;font-size:.94rem;line-height:1.5;color:inherit;}
.user-menu-link-copy small{display:block;font-size:.78rem;line-height:1.75;color:var(--soft);}
.user-menu-link-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:14px;
  color:var(--gold-2);
  background:rgba(208,165,111,.12);
  border:1px solid rgba(208,165,111,.18);
}
.user-menu-link.is-danger{color:#ffd2d2;background:rgba(215,95,95,.05);border-color:rgba(215,95,95,.12);}
.user-menu-link.is-danger .user-menu-link-copy small{color:#efc0c0;}
.user-menu-link.is-danger .user-menu-link-icon{color:#ffd2d2;background:rgba(215,95,95,.12);border-color:rgba(215,95,95,.18);}
.user-menu-link.is-danger:hover{background:rgba(215,95,95,.09);border-color:rgba(215,95,95,.24);}
body[data-theme="light"] .user-menu-dropdown{background:linear-gradient(180deg, rgba(255,255,255,.985), rgba(247,243,236,.985));border-color:rgba(159,115,68,.16);box-shadow:0 20px 40px rgba(126,106,82,.18);}
body[data-theme="light"] .user-menu-dropdown::before{background:rgba(255,255,255,.985);border-color:rgba(159,115,68,.16);}
body[data-theme="light"] .user-menu-dropdown-head,body[data-theme="light"] .user-menu-dropdown-foot{border-color:rgba(159,115,68,.12);}
body[data-theme="light"] .user-menu-link{background:rgba(159,115,68,.04);border-color:rgba(159,115,68,.1);}
@media (max-width: 960px){
  .user-menu-dropdown{right:0;left:auto;width:min(300px, calc(100vw - 20px));min-width:0;}
}
@media (max-width: 640px){
  .user-menu-dropdown{top:calc(100% + 10px);width:min(280px, calc(100vw - 16px));padding:10px;border-radius:20px;}
  .user-menu-dropdown::before{right:18px;}
  .user-menu-link{padding:11px 10px;border-radius:16px;}
  .user-menu-link-icon{width:38px;height:38px;border-radius:12px;}
}


/* v24 premium header harmony */
:root{
  --header-shell-bg: linear-gradient(180deg, rgba(16,20,27,.92), rgba(10,13,18,.9));
  --header-shell-border: rgba(255,255,255,.08);
  --header-soft-border: rgba(255,255,255,.05);
  --header-pill-bg: rgba(255,255,255,.03);
  --header-pill-hover: rgba(255,255,255,.055);
  --header-gold-bg: rgba(208,165,111,.14);
}
.topbar-premium{
  top:0;
  z-index:260;
  padding-bottom:0;
}
.topbar-shell{
  padding-top:10px;
}
.topbar-panel{
  border-radius:28px;
  border:1px solid var(--header-shell-border);
  background:var(--header-shell-bg);
  box-shadow:0 20px 48px rgba(0,0,0,.24);
}
.topbar-panel::before{opacity:.7}
.topbar-panel::after{opacity:.45}
.topbar-inner-polished{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:18px 20px 14px;
}
.brand-polished{
  gap:14px;
  min-width:0;
}
.brand-mark-polished{
  width:52px;
  height:52px;
  border-radius:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.brand-copy{
  min-width:0;
}
.brand-title{
  display:block;
  font-size:1.08rem;
  line-height:1.25;
  letter-spacing:-.01em;
}
.brand-sub{
  display:block;
  margin-top:4px;
  color:var(--soft);
  font-size:.82rem;
  line-height:1.7;
}
.header-actions-refined{
  width:auto;
  justify-content:flex-end;
  gap:10px;
  margin-inline-start:auto;
}
.header-actions-refined .theme-toggle,
.header-actions-refined > .btn-primary,
.user-menu-trigger{
  min-height:50px;
  border-radius:18px;
  background:var(--header-pill-bg);
  border:1px solid var(--header-soft-border);
  box-shadow:none;
}
.header-actions-refined .theme-toggle,
.header-actions-refined > .btn-primary{
  padding-inline:14px;
}
.header-actions-refined .theme-toggle:hover,
.header-actions-refined > .btn-primary:hover,
.user-menu-trigger:hover{
  background:var(--header-pill-hover);
  border-color:rgba(208,165,111,.16);
}
.user-menu-trigger{
  min-width:226px;
  padding:10px 14px;
  gap:12px;
}
.user-menu-text{
  gap:2px;
}
.user-menu-name{
  font-size:.95rem;
}
.user-menu-meta{
  font-size:.78rem;
  color:var(--soft);
}
.user-menu-icons{
  gap:8px;
}
.user-menu-icons .icon{
  width:18px;
  height:18px;
}
.user-menu-caret{
  font-size:1rem;
  line-height:1;
  opacity:.72;
}
.header-subnav-refined{
  padding:0 20px 18px;
}
.quick-links-polished{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:10px;
  border-radius:22px;
  border:1px solid var(--header-soft-border);
  background:rgba(255,255,255,.025);
}
.quick-link{
  min-height:48px;
  padding:0 16px;
  gap:10px;
  border-radius:16px;
  background:transparent;
  border:1px solid transparent;
}
.quick-link .nav-link-icon{
  width:18px;
  height:18px;
}
.quick-link > span{
  font-size:.92rem;
  font-weight:700;
  line-height:1;
}
.quick-link:hover{
  background:var(--header-pill-hover);
  border-color:rgba(208,165,111,.12);
}
.quick-link.is-active{
  background:linear-gradient(180deg, rgba(208,165,111,.16), rgba(255,255,255,.04));
  border-color:rgba(208,165,111,.22);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.quick-link-badge,
.dock-badge{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:var(--header-gold-bg);
  border:1px solid rgba(208,165,111,.22);
  color:var(--gold-2);
  font-size:.76rem;
  font-weight:800;
  line-height:1;
}
.user-menu-dropdown{
  top:calc(100% + 14px);
  border-radius:24px;
  border:1px solid rgba(255,255,255,.085);
  box-shadow:0 30px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
}
.user-menu-dropdown::before{
  right:26px;
}
.user-menu-dropdown-head{
  gap:6px;
  padding:8px 8px 14px;
}
.user-menu-dropdown-head strong{
  font-size:1rem;
}
.user-menu-dropdown-head small{
  font-size:.81rem;
  line-height:1.8;
}
.user-menu-link{
  padding:13px 13px;
  border-radius:18px;
}
.user-menu-link-copy strong{
  font-size:.95rem;
}
.user-menu-link-copy small{
  font-size:.79rem;
}
.user-menu-link-icon{
  width:42px;
  height:42px;
  border-radius:15px;
}
.mobile-dock{
  z-index:140;
}
.dock-item{
  position:relative;
}
.dock-badge{
  position:absolute;
  top:6px;
  inset-inline-start:50%;
  transform:translateX(-4px);
  min-width:18px;
  height:18px;
  padding:0 4px;
  font-size:.68rem;
}
body[data-theme="light"] .topbar-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,243,236,.96));
  border-color:rgba(159,115,68,.14);
  box-shadow:0 16px 38px rgba(126,106,82,.14);
}
body[data-theme="light"] .quick-links-polished{
  background:rgba(159,115,68,.04);
  border-color:rgba(159,115,68,.1);
}
body[data-theme="light"] .quick-link:hover{
  background:rgba(159,115,68,.08);
  border-color:rgba(159,115,68,.12);
}
body[data-theme="light"] .quick-link.is-active{
  background:linear-gradient(180deg, rgba(159,115,68,.12), rgba(159,115,68,.05));
  border-color:rgba(159,115,68,.18);
}
@media (max-width: 980px){
  .topbar-inner-polished{
    grid-template-columns:1fr;
    padding:16px 16px 12px;
  }
  .header-actions-refined{
    width:100%;
  }
  .header-subnav-refined{
    padding:0 16px 16px;
  }
  .quick-links-polished{
    padding:8px;
    gap:8px;
  }
  .quick-link{
    padding:0 14px;
  }
}
@media (max-width: 720px){
  .topbar-shell{padding-top:8px;}
  .topbar-panel{border-radius:22px;}
  .topbar-inner-polished{padding:14px 14px 10px;gap:12px;}
  .brand-mark-polished{width:46px;height:46px;border-radius:16px;}
  .brand-title{font-size:1rem;}
  .brand-sub{font-size:.77rem;}
  .header-actions-refined{gap:8px;}
  .header-actions-refined .theme-toggle,
  .header-actions-refined > .btn-primary,
  .user-menu-trigger{min-height:46px;}
  .user-menu-trigger{min-width:0;padding:8px 12px;}
  .header-subnav-refined{padding:0 14px 14px;}
  .quick-links-polished{padding:6px;border-radius:18px;overflow:auto hidden;scrollbar-width:none;}
  .quick-links-polished::-webkit-scrollbar{display:none;}
  .quick-link{flex:0 0 auto;min-height:44px;padding:0 13px;border-radius:14px;}
  .quick-link > span{font-size:.88rem;}
  .quick-link-badge{min-width:20px;height:20px;font-size:.72rem;}
}
@media (max-width: 520px){
  .header-actions-refined{
    flex-wrap:nowrap;
    align-items:stretch;
  }
  .header-theme-toggle{
    flex:0 0 46px;
    min-width:46px;
    padding:0;
  }
  .header-theme-toggle .theme-toggle-label{display:none;}
  .user-menu,
  .header-actions-refined > .btn-primary{
    flex:1 1 auto;
    min-width:0;
  }
  .user-menu-dropdown{
    width:min(300px, calc(100vw - 16px));
    min-width:0;
    right:0;
  }
}

/* v25 premium shop rebuild */
.shop-shell,
.shop-detail-shell{
  display:grid;
  gap:16px;
}
.shop-hero-grid-premium,
.shop-detail-grid,
.shop-detail-lower{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:16px;
  align-items:start;
}
.shop-hero-premium,
.shop-flow-card,
.shop-catalog-panel,
.shop-detail-preview,
.shop-detail-main,
.shop-benefits-card,
.shop-side-note{
  padding:24px;
}
.shop-hero-premium,
.shop-detail-main{
  display:grid;
  gap:18px;
}
.shop-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.shop-metric-card,
.shop-stat-panel{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
}
.shop-metric-card span,
.shop-stat-panel span,
.shop-preview-info span{
  color:var(--muted);
  font-size:.92rem;
}
.shop-metric-card strong,
.shop-stat-panel strong{
  font-size:1.18rem;
}
.shop-flow-card,
.shop-side-note{
  position:sticky;
  top:104px;
}
.shop-flow-list,
.shop-benefit-list{
  display:grid;
  gap:12px;
}
.shop-flow-item,
.shop-benefit-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
}
.shop-step-dot{
  width:34px;
  height:34px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(208,165,111,.14);
  border:1px solid rgba(208,165,111,.24);
  color:var(--gold-2);
  font-weight:800;
}
.shop-flow-note{
  padding:13px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.028);
  color:var(--muted);
}
.shop-catalog-head{
  align-items:flex-start;
}
.shop-head-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.shop-product-grid,
.shop-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.shop-product-card{
  position:relative;
  display:grid;
  gap:16px;
  min-height:100%;
  padding:16px;
  border-radius:26px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(18,22,27,.96), rgba(13,16,20,.98));
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.shop-product-card:hover{
  transform:translateY(-4px);
  border-color:var(--line-2);
  box-shadow:0 20px 42px rgba(0,0,0,.28);
}
.shop-product-visual{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  min-height:200px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at top, rgba(239,201,149,.16), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  overflow:hidden;
}
.shop-product-visual::before,
.shop-preview-stage::before{
  content:"";
  position:absolute;
  inset:auto auto 18px 50%;
  width:70%;
  height:18px;
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(circle, rgba(0,0,0,.34), transparent 72%);
  filter:blur(12px);
}
.shop-product-visual::after,
.shop-preview-stage::after{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.shop-product-icon,
.shop-preview-icon{
  position:relative;
  z-index:2;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:var(--gold-2);
}
.shop-product-sheen{
  position:absolute;
  inset:auto -10% 8% auto;
  width:56%;
  height:56%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(208,165,111,.18), transparent 68%);
  pointer-events:none;
}
.shop-product-copy{
  display:grid;
  gap:10px;
  min-width:0;
}
.shop-card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.shop-card-link{
  transition:color .18s ease;
}
.shop-card-link:hover{
  color:var(--gold-2);
}
.shop-product-description{
  margin:0;
  color:var(--muted);
  min-height:5.6em;
  line-height:1.85;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.shop-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.024);
}
.shop-stock-pill{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  white-space:nowrap;
}
.shop-card-actions,
.shop-qty-form{
  display:flex;
  gap:10px;
  align-items:center;
}
.shop-card-actions{
  margin-top:auto;
  justify-content:space-between;
  flex-wrap:wrap;
}
.shop-qty-form{
  flex:1 1 210px;
}
.shop-qty-form .mini-input{
  width:82px;
  min-width:82px;
}
.shop-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.94rem;
}
.shop-breadcrumb strong{color:var(--text)}
.shop-detail-preview{
  display:grid;
  gap:18px;
}
.shop-preview-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.shop-preview-stage{
  position:relative;
  isolation:isolate;
  min-height:360px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at top, rgba(239,201,149,.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  overflow:hidden;
  display:grid;
  place-items:center;
}
.shop-preview-glow{
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(208,165,111,.16), transparent 70%);
  filter:blur(8px);
}
.shop-preview-bottle{
  position:absolute;
  bottom:70px;
  border-radius:30px 30px 18px 18px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.shop-preview-bottle::before{
  content:"";
  position:absolute;
  top:-28px;
  left:50%;
  transform:translateX(-50%);
  width:34%;
  height:34px;
  border-radius:12px 12px 8px 8px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.08);
}
.shop-preview-bottle-main{
  width:148px;
  height:190px;
  z-index:2;
}
.shop-preview-bottle-alt{
  width:94px;
  height:132px;
  left:calc(50% + 64px);
  bottom:84px;
  border-radius:24px 24px 14px 14px;
  opacity:.76;
}
.shop-preview-icon{
  position:absolute;
  top:24px;
  right:24px;
}
.shop-preview-info{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.shop-preview-info > div,
.shop-detail-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.024);
}
.shop-detail-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.shop-detail-list{
  display:grid;
  gap:10px;
}
.shop-detail-purchase{
  display:grid;
  grid-template-columns:minmax(0,130px) minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:end;
}
.shop-detail-purchase label{
  display:block;
  margin-bottom:8px;
}
.shop-product-card-compact .shop-product-visual{
  min-height:160px;
}
.shop-product-card-compact .shop-card-meta{
  padding:0;
  background:none;
  border:none;
}
@media (max-width: 1080px){
  .shop-product-grid,
  .shop-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 980px){
  .shop-hero-grid-premium,
  .shop-detail-grid,
  .shop-detail-lower,
  .shop-detail-purchase{
    grid-template-columns:1fr;
  }
  .shop-flow-card,
  .shop-side-note{
    position:static;
  }
}
@media (max-width: 720px){
  .shop-hero-premium,
  .shop-flow-card,
  .shop-catalog-panel,
  .shop-detail-preview,
  .shop-detail-main,
  .shop-benefits-card,
  .shop-side-note{
    padding:18px;
  }
  .shop-hero-metrics,
  .shop-product-grid,
  .shop-related-grid,
  .shop-preview-info,
  .shop-detail-stats{
    grid-template-columns:1fr;
  }
  .shop-card-meta,
  .shop-card-actions,
  .shop-qty-form,
  .shop-detail-line,
  .shop-preview-topline{
    flex-direction:column;
    align-items:stretch;
  }
  .shop-qty-form .mini-input{
    width:100%;
    min-width:0;
  }
  .shop-preview-stage{
    min-height:280px;
  }
  .shop-preview-bottle-main{
    width:122px;
    height:160px;
  }
  .shop-preview-bottle-alt{
    width:82px;
    height:114px;
    left:calc(50% + 46px);
  }
}

/* v11 checkout and order flow */
.journey-shell{display:grid;gap:16px}
.journey-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start;overflow:hidden}
.journey-hero::before{content:"";position:absolute;inset:-60px auto auto -50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(239,201,149,.14),transparent 72%);pointer-events:none}
.journey-hero-copy,.journey-hero-side{position:relative;z-index:1}
.journey-hero-copy h1{margin-bottom:10px}
.journey-hero-side{display:grid;gap:12px;align-content:start}
.journey-mini-stat{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-3));display:grid;gap:6px}
.journey-mini-stat span{color:var(--muted);font-size:.86rem}
.journey-mini-stat strong{font-size:1.02rem;line-height:1.6}
.journey-step-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.journey-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.journey-step span{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-3);font-weight:800;color:var(--muted)}
.journey-step strong{display:block;font-size:.95rem}
.journey-step small{display:block;color:var(--muted);margin-top:3px}
.journey-step.is-active,.journey-step.is-done{border-color:rgba(239,201,149,.18);background:linear-gradient(180deg,rgba(239,201,149,.08),rgba(255,255,255,.02))}
.journey-step.is-active span,.journey-step.is-done span{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#17110a;border-color:transparent;box-shadow:var(--shadow-soft)}
.checkout-layout-premium,.order-shell-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);gap:16px;align-items:start}
.checkout-main-card,.order-main-card{padding:22px}
.checkout-sidebar-stack,.order-sidebar-stack{display:grid;gap:16px}
.checkout-side-card,.order-sidebar-card{padding:20px}
.checkout-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field-card{display:grid;gap:8px;padding:16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-3))}
.field-card label{font-weight:700;font-size:.94rem}
.field-card .input{margin:0}
.checkout-main-card textarea{min-height:120px}
.checkout-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.checkout-choice-card{align-items:flex-start;min-height:unset;padding:18px}
.checkout-choice-card input{margin-top:4px}
.checkout-choice-card small{display:block;margin-top:6px;line-height:1.8}
.checkout-action-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(239,201,149,.08),rgba(255,255,255,.02))}
.checkout-action-bar .soft{max-width:520px}
.checkout-item-stack,.order-items-stack{display:grid;gap:12px}
.checkout-item-card,.order-line-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-3))}
.summary-breakdown{display:grid;gap:10px}
.summary-breakdown-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2)}
.summary-breakdown-row.is-total{background:linear-gradient(180deg,rgba(239,201,149,.12),rgba(255,255,255,.02));border-color:rgba(239,201,149,.18)}
.support-note-card h2,.order-sidebar-card h2{margin-bottom:0}
.order-hero-card .journey-mini-stat strong{font-size:1rem}
.order-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.order-overview-card,.detail-highlight-card{display:grid;gap:8px;padding:15px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-3))}
.order-overview-card span,.detail-highlight-card span{color:var(--muted);font-size:.85rem}
.detail-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-highlight-card .status-pill{justify-self:flex-start}
.order-note-grid{display:grid;gap:12px}
.order-note-card{display:grid;gap:8px}
.order-note-card .note-box{height:100%}
.order-inline-panel{padding:18px}
.admin-order-grid{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)}
.admin-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-action-card .toggle-row{margin-top:2px}
.checkout-shell-premium .btn,.order-detail-shell .btn{white-space:nowrap}
body[data-theme="light"] .journey-step,
body[data-theme="light"] .journey-mini-stat,
body[data-theme="light"] .field-card,
body[data-theme="light"] .checkout-item-card,
body[data-theme="light"] .order-line-card,
body[data-theme="light"] .summary-breakdown-row,
body[data-theme="light"] .order-overview-card,
body[data-theme="light"] .detail-highlight-card,
body[data-theme="light"] .checkout-action-bar{background:rgba(255,255,255,.8)}

@media (max-width: 1080px){
  .journey-hero,.checkout-layout-premium,.order-shell-grid,.admin-order-grid{grid-template-columns:1fr}
  .order-sidebar-stack,.checkout-sidebar-stack{grid-template-columns:1fr 1fr}
}
@media (max-width: 860px){
  .journey-step-strip,.checkout-field-grid,.checkout-choice-grid,.order-overview-grid,.detail-highlight-grid,.admin-select-grid,.order-sidebar-stack,.checkout-sidebar-stack{grid-template-columns:1fr}
  .checkout-action-bar{flex-direction:column;align-items:stretch}
  .checkout-item-card,.order-line-card{flex-direction:column}
}
@media (max-width: 640px){
  .journey-hero,.checkout-main-card,.checkout-side-card,.order-main-card,.order-sidebar-card{padding:18px}
  .journey-step{padding:12px 14px}
  .journey-mini-stat{padding:13px 14px}
}

/* === Payment gateway + receipt refresh === */
.payment-shell-v2 {
  display: grid;
  gap: 16px;
}
.payment-hero-card-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  gap: 18px;
  align-items: stretch;
}
.payment-hero-copy-v2 {
  display: grid;
  align-content: start;
}
.payment-step-strip-v2 {
  max-width: 100%;
}
.payment-hero-summary-v2 {
  display: grid;
  gap: 14px;
  align-content: start;
}
.payment-amount-box-v2,
.payment-inline-meta-v2,
.payment-trust-item-v2,
.receipt-identity-item-v2,
.receipt-summary-card-v2,
.receipt-lines-card-v2,
.receipt-note-box-v2,
.payment-support-card-v2 {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border: 1px solid rgba(239, 201, 149, .13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.payment-amount-box-v2 {
  border-radius: 24px;
  padding: 20px 22px;
  display: grid;
  gap: 6px;
}
.payment-amount-box-v2 span,
.payment-inline-meta-v2 span,
.payment-technical-head-v2 small,
.receipt-identity-item-v2 span,
.receipt-card-head-v2 small,
.receipt-total-box-v2 span {
  color: var(--muted);
}
.payment-amount-box-v2 strong {
  font-size: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.35;
}
.payment-inline-meta-v2 {
  border-radius: 20px;
  padding: 14px 16px;
  display: grid;
  gap: 10px;
}
.payment-hold-card-v2 {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(239, 201, 149, .11), rgba(255,255,255,.02));
  border: 1px solid rgba(239, 201, 149, .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.payment-hold-head-v2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.payment-hold-head-v2 span,
.payment-hold-meta-v2,
.payment-hold-note-v2 {
  color: var(--muted);
}
.payment-hold-head-v2 strong {
  display: block;
}
.payment-hold-clock-v2 {
  font-size: 1.3rem;
  line-height: 1;
  color: var(--gold-2);
  min-width: 64px;
  text-align: left;
}
.payment-hold-progress-v2 {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.06);
}
.payment-hold-progress-v2 span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(239, 201, 149, .95), rgba(255, 153, 92, .92));
  transition: width .9s linear;
}
.payment-hold-meta-v2 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: .93rem;
}
.payment-hold-meta-v2 span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
}
.payment-hold-note-v2 {
  margin: 0;
  line-height: 1.9;
}
.payment-hold-card-v2.is-urgent {
  border-color: rgba(255, 153, 92, .35);
}
.payment-hold-card-v2.is-urgent .payment-hold-clock-v2 {
  color: #ffb37d;
}
.payment-hold-card-v2.is-urgent .payment-hold-progress-v2 span {
  background: linear-gradient(90deg, rgba(255, 179, 125, .98), rgba(255, 103, 87, .92));
}
.payment-hold-card-v2.is-expired {
  border-color: rgba(255, 103, 87, .38);
  background: linear-gradient(180deg, rgba(255, 103, 87, .12), rgba(255,255,255,.02));
}
.payment-hold-card-v2.is-expired .payment-hold-progress-v2 span {
  width: 0 !important;
}
.payment-inline-meta-v2 div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.payment-back-btn {
  justify-content: center;
}
.payment-layout-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
  gap: 16px;
  align-items: start;
}
.payment-sidebar-v2 {
  display: grid;
  gap: 16px;
}
.payment-detail-card-v2,
.payment-action-card-v2,
.payment-support-card-v2 {
  overflow: hidden;
}
.payment-technical-note-v2 {
  display: grid;
  gap: 10px;
}
.payment-technical-head-v2 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.payment-trust-list-v2 {
  display: grid;
  gap: 12px;
}
.payment-trust-item-v2 {
  border-radius: 20px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.payment-trust-item-v2 strong,
.receipt-card-head-v2 strong {
  display: block;
  margin-bottom: 2px;
}
.payment-trust-item-v2 small {
  color: var(--muted);
  line-height: 1.8;
}
.payment-trust-icon-v2 {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: var(--gold-2);
  background: rgba(239, 201, 149, .10);
  border: 1px solid rgba(239, 201, 149, .18);
}
.payment-action-grid-v2 form {
  display: block;
}
.payment-action-grid-v2 .btn {
  min-height: 54px;
}
.receipt-page-v2 {
  display: grid;
  gap: 16px;
}
.receipt-toolbar-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.receipt-toolbar-v2 h1 {
  margin: 4px 0 6px;
}
.receipt-toolbar-actions-v2 {
  flex-wrap: wrap;
}
.receipt-document-v2 {
  padding: 28px;
  overflow: hidden;
}
.receipt-document-head-v2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(239, 201, 149, .14);
}
.receipt-brand-v2 {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.receipt-brand-mark-v2 {
  width: 64px;
  height: 64px;
  border-radius: 22px;
}
.receipt-brand-v2 h2 {
  margin: 10px 0 6px;
  font-size: clamp(1.25rem, 2vw, 1.6rem);
}
.receipt-brand-v2 p {
  margin: 0;
  color: var(--muted);
}
.receipt-identity-v2 {
  display: grid;
  gap: 12px;
  min-width: min(100%, 280px);
}
.receipt-identity-item-v2 {
  border-radius: 18px;
  padding: 14px 16px;
  display: grid;
  gap: 4px;
}
.receipt-status-strip-v2 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 18px;
}
.receipt-summary-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.receipt-summary-card-v2 {
  border-radius: 24px;
  padding: 20px;
}
.receipt-summary-accent-v2 {
  background: linear-gradient(180deg, rgba(239, 201, 149, .10), rgba(255,255,255,.02));
}
.receipt-card-head-v2 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.receipt-total-box-v2 {
  margin-top: 16px;
  padding: 18px 18px 16px;
  border-radius: 20px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(239, 201, 149, .15);
  display: grid;
  gap: 4px;
}
.receipt-total-box-v2 strong {
  font-size: 1.55rem;
  line-height: 1.35;
}
.receipt-lines-card-v2 {
  border-radius: 24px;
  padding: 20px;
}
.receipt-table-title-v2 {
  margin-bottom: 14px;
}
.receipt-table-head-v2,
.receipt-table-row-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) .65fr .9fr .9fr;
  gap: 12px;
  align-items: center;
}
.receipt-table-head-v2 {
  padding: 0 12px 12px;
  color: var(--muted);
  font-size: .92rem;
  border-bottom: 1px solid rgba(239, 201, 149, .14);
}
.receipt-table-body-v2 {
  display: grid;
}
.receipt-table-row-v2 {
  padding: 16px 12px;
  border-bottom: 1px dashed rgba(255,255,255,.08);
}
.receipt-table-row-v2:last-child {
  border-bottom: 0;
}
.receipt-table-row-v2 strong:last-child {
  color: var(--gold-2);
}
.receipt-footer-grid-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.receipt-note-box-v2 {
  border-radius: 20px;
  padding: 16px 18px;
}
.receipt-note-box-v2 strong {
  display: block;
  margin-bottom: 6px;
}
.receipt-note-box-v2 p {
  margin: 0;
  color: var(--muted);
}
body[data-theme="light"] .payment-amount-box-v2,
body[data-theme="light"] .payment-inline-meta-v2,
body[data-theme="light"] .payment-trust-item-v2,
body[data-theme="light"] .receipt-identity-item-v2,
body[data-theme="light"] .receipt-summary-card-v2,
body[data-theme="light"] .receipt-lines-card-v2,
body[data-theme="light"] .receipt-note-box-v2,
body[data-theme="light"] .payment-support-card-v2,
body[data-theme="light"] .receipt-total-box-v2 {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(248, 242, 232, .92));
}
body[data-theme="light"] .payment-hold-card-v2 {
  background: linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(250, 242, 230, .96));
  border-color: rgba(184, 128, 62, .18);
}
body[data-theme="light"] .payment-hold-meta-v2 span,
body[data-theme="light"] .payment-hold-progress-v2 {
  background: rgba(125, 84, 36, .05);
  border-color: rgba(125, 84, 36, .08);
}
@media (max-width: 980px) {
  .payment-hero-card-v2,
  .payment-layout-v2,
  .receipt-summary-grid-v2,
  .receipt-footer-grid-v2 {
    grid-template-columns: 1fr;
  }
  .receipt-document-head-v2,
  .receipt-toolbar-v2 {
    flex-direction: column;
    align-items: stretch;
  }
  .receipt-identity-v2 {
    min-width: 0;
  }
}
@media (max-width: 720px) {
  .payment-shell-v2,
  .receipt-page-v2 {
    gap: 14px;
  }
  .payment-hero-card-v2,
  .receipt-document-v2,
  .receipt-summary-card-v2,
  .receipt-lines-card-v2 {
    padding: 18px;
  }
  .payment-amount-box-v2,
  .receipt-identity-item-v2,
  .receipt-total-box-v2,
  .receipt-note-box-v2,
  .payment-hold-card-v2 {
    padding: 14px 15px;
  }
  .payment-hold-head-v2 {
    flex-direction: column;
    align-items: stretch;
  }
  .payment-hold-clock-v2 {
    text-align: right;
  }
  .payment-trust-item-v2,
  .receipt-brand-v2 {
    grid-template-columns: 1fr;
  }
  .receipt-brand-mark-v2,
  .payment-trust-icon-v2 {
    width: 52px;
    height: 52px;
  }
  .receipt-table-head-v2 {
    display: none;
  }
  .receipt-table-row-v2 {
    grid-template-columns: 1fr;
    padding: 14px 0;
  }
  .receipt-table-row-v2 > * {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  .receipt-table-row-v2 > *::before {
    color: var(--muted);
    font-weight: 500;
  }
  .receipt-table-row-v2 > *:nth-child(1)::before { content: "محصول"; }
  .receipt-table-row-v2 > *:nth-child(2)::before { content: "تعداد"; }
  .receipt-table-row-v2 > *:nth-child(3)::before { content: "قیمت واحد"; }
  .receipt-table-row-v2 > *:nth-child(4)::before { content: "جمع"; }
}
@media print {
  body {
    background: #fff !important;
    color: #111 !important;
  }
  body::before,
  .topbar,
  .footer,
  .mobile-dock,
  .toast-viewport,
  .admin-topnav,
  .receipt-toolbar-v2 {
    display: none !important;
  }
  .page-space,
  .page-shell,
  .wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .receipt-page-v2,
  .receipt-document-v2,
  .receipt-summary-grid-v2,
  .receipt-footer-grid-v2 {
    gap: 12px !important;
  }
  .card,
  .section-frame,
  .premium-receipt-card,
  .receipt-summary-card-v2,
  .receipt-lines-card-v2,
  .receipt-note-box-v2,
  .receipt-identity-item-v2,
  .receipt-total-box-v2 {
    box-shadow: none !important;
    background: #fff !important;
    color: #111 !important;
    border-color: rgba(0, 0, 0, .15) !important;
  }
  .receipt-document-v2 {
    padding: 18px !important;
  }
  .receipt-brand-v2 p,
  .payment-amount-box-v2 span,
  .payment-inline-meta-v2 span,
  .receipt-identity-item-v2 span,
  .receipt-card-head-v2 small,
  .receipt-note-box-v2 p,
  .receipt-table-head-v2,
  .soft-list-item span {
    color: #555 !important;
  }
  .receipt-table-row-v2 strong:last-child,
  .receipt-total-box-v2 strong {
    color: #111 !important;
  }
}

/* ===== Premium dashboard refresh ===== */
.dashboard-shell{display:grid;gap:24px}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:20px;align-items:stretch;padding:24px;border:1px solid rgba(239,201,149,.14);border-radius:28px;background:linear-gradient(180deg,rgba(20,24,33,.96),rgba(13,16,23,.98));box-shadow:0 18px 48px rgba(0,0,0,.22);position:relative;overflow:hidden}
.dashboard-hero::before{content:"";position:absolute;inset:auto -60px -60px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(239,201,149,.12),transparent 68%);pointer-events:none}
.dashboard-hero-main,.dashboard-hero-actions,.admin-hero-pills{position:relative;z-index:1}
.dashboard-kicker{margin:0 0 10px;color:var(--brand);font-size:.82rem;font-weight:800;letter-spacing:.08em}
.dashboard-hero h1{margin:0;font-size:clamp(1.65rem,2vw,2.25rem);line-height:1.2}
.dashboard-lead{margin:12px 0 0;color:var(--muted);max-width:62ch;line-height:1.9}
.dashboard-chip-row,.admin-hero-pills{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.dashboard-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(239,201,149,.16);background:rgba(255,255,255,.04);color:var(--text);font-size:.92rem;line-height:1.2}
.dashboard-chip.is-info{background:rgba(88,166,255,.12);border-color:rgba(88,166,255,.22)}
.dashboard-chip.is-success{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.22)}
.dashboard-chip.is-warning{background:rgba(255,188,92,.12);border-color:rgba(255,188,92,.24)}
.dashboard-chip.is-subtle{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);color:var(--muted)}
.dashboard-hero-actions{display:flex;flex-direction:column;gap:10px;justify-content:center}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dashboard-stat-card{padding:20px;border-radius:24px;border:1px solid rgba(239,201,149,.12);background:linear-gradient(180deg,rgba(22,26,36,.98),rgba(16,19,27,.98));box-shadow:0 14px 36px rgba(0,0,0,.16)}
.dashboard-stat-card strong{display:block;margin-top:10px;font-size:2rem;line-height:1.05}
.dashboard-stat-card p{margin:10px 0 0;color:var(--muted);line-height:1.8}
.stat-label{display:block;color:var(--muted);font-size:.9rem}
.dashboard-stat-card-highlight{background:linear-gradient(180deg,rgba(39,29,16,.96),rgba(20,16,10,.98));border-color:rgba(239,201,149,.22)}
.dashboard-mini-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.dashboard-mini-links a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.dashboard-mini-links a:hover{transform:translateY(-2px);border-color:rgba(239,201,149,.3);background:rgba(239,201,149,.08)}
.dashboard-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dashboard-quick-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:18px 20px;border-radius:22px;text-decoration:none;color:inherit;border:1px solid rgba(239,201,149,.12);background:linear-gradient(180deg,rgba(20,23,32,.98),rgba(15,18,26,.98));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-quick-card:hover{transform:translateY(-2px);border-color:rgba(239,201,149,.24);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.dashboard-quick-card strong{display:block;margin-bottom:6px}
.dashboard-quick-card p{margin:0;color:var(--muted);line-height:1.8}
.dashboard-quick-icon,.admin-shortcut-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.18);font-size:1.25rem}
.dashboard-content-grid,.admin-dashboard-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px}
.dashboard-panel{padding:22px;border-radius:26px;border:1px solid rgba(239,201,149,.12);background:linear-gradient(180deg,rgba(19,23,32,.98),rgba(14,17,25,.98));box-shadow:0 16px 40px rgba(0,0,0,.18)}
.dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.dashboard-panel-head.compact{padding-bottom:10px}
.dashboard-panel-head h2{margin:4px 0 0;font-size:1.18rem}
.dashboard-panel-kicker{margin:0;color:var(--muted);font-size:.84rem}
.dashboard-list{display:grid;gap:14px;margin-top:18px}
.dashboard-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.dashboard-list-item-rich{align-items:flex-start;flex-wrap:wrap}
.dashboard-list-main{min-width:0}
.dashboard-list-main strong{display:block}
.dashboard-list-main p{margin:6px 0 0;color:var(--muted);line-height:1.8}
.dashboard-list-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.dashboard-list-actions{display:flex;flex-wrap:wrap;gap:10px}
.dashboard-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.dashboard-payment-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.dashboard-payment-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.dashboard-payment-top p{margin:6px 0 0;color:var(--muted)}
.dashboard-payment-meta{display:grid;gap:12px;margin-top:16px}
.dashboard-payment-meta div{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.dashboard-payment-meta span{color:var(--muted)}
.admin-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.admin-shortcut-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.admin-shortcut-card:hover{transform:translateY(-2px);border-color:rgba(239,201,149,.24);box-shadow:0 16px 34px rgba(0,0,0,.16)}
.admin-shortcut-card strong{display:block;margin-bottom:6px}
.admin-shortcut-card p{margin:0;color:var(--muted);line-height:1.8}
.admin-sidebar-panel{display:flex;flex-direction:column}
.admin-priority-stack{display:grid;gap:12px;margin-top:18px}
.admin-priority-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.admin-priority-item span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.18);font-weight:700}
.admin-priority-item p{margin:6px 0 0;color:var(--muted);line-height:1.8}
.compact-list .dashboard-list-item{padding:14px 16px}
.compact-actions{justify-content:flex-end}
.orders-note{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px dashed rgba(239,201,149,.16);color:var(--muted);line-height:1.9}
.orders-filter-bar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.orders-filter-field{display:grid;gap:8px;min-width:240px}
.orders-filter-field label,.order-manage-form label{font-size:.88rem;color:var(--muted)}
.orders-filter-actions{display:flex;gap:10px;flex-wrap:wrap}
.orders-card-stack{display:grid;gap:18px}
.order-manage-card{padding:20px;border-radius:24px;border:1px solid rgba(239,201,149,.12);background:linear-gradient(180deg,rgba(22,26,36,.98),rgba(16,19,27,.98));box-shadow:0 16px 38px rgba(0,0,0,.16)}
.order-manage-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.order-manage-top p{margin:7px 0 0;color:var(--muted);line-height:1.8}
.order-manage-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.order-stage-row{display:grid;grid-template-columns:repeat(4,auto 1fr);align-items:center;gap:10px;margin-top:18px}
.order-stage-row i{display:block;height:1px;background:rgba(255,255,255,.08)}
.order-stage-row i:last-child{display:none}
.order-stage{display:grid;gap:8px;justify-items:center;text-align:center}
.order-stage span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--muted);font-weight:800}
.order-stage small{color:var(--muted);font-size:.82rem}
.order-stage.is-active span{background:rgba(239,201,149,.16);border-color:rgba(239,201,149,.28);color:var(--text)}
.order-stage.is-active small{color:var(--text)}
.order-manage-form{display:grid;gap:14px;margin-top:18px}
.order-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.order-form-toggle{display:flex;align-items:end}
.order-manage-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.orders-hero-clean .dashboard-chip-row{justify-content:flex-end}
.dashboard-empty-overview{grid-template-columns:auto minmax(0,1fr);align-items:start}
.dashboard-empty-overview .state-copy,.dashboard-empty-state .state-copy{max-width:none}
.dashboard-empty-wrap{margin-top:18px}
.dashboard-empty-wrap-wide{margin-top:18px}
.dashboard-empty-state{gap:18px}
.dashboard-empty-state .state-actions{margin-top:2px}
.dashboard-empty-state .state-mark{width:70px;height:70px;font-size:1.8rem}
.dashboard-empty-overview .state-mark{font-size:1.9rem}
.dashboard-empty-overview .state-actions{grid-column:1/-1}
.dashboard-empty-overview .state-points{grid-column:1/-1}
@media (max-width: 1080px){
  .dashboard-stat-grid,.dashboard-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-content-grid,.admin-dashboard-layout,.dashboard-hero{grid-template-columns:1fr}
  .admin-shortcut-grid,.dashboard-quick-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){
  .dashboard-hero{padding:20px;border-radius:24px}
  .dashboard-empty-overview{grid-template-columns:1fr}
  .dashboard-empty-state .state-mark,.dashboard-empty-overview .state-mark{width:64px;height:64px;font-size:1.45rem}
  .dashboard-stat-grid,.dashboard-quick-grid,.dashboard-payment-grid,.admin-shortcut-grid,.order-form-grid{grid-template-columns:1fr}
  .dashboard-panel-head,.dashboard-list-item,.order-manage-top,.order-manage-actions,.dashboard-payment-top{flex-direction:column;align-items:stretch}
  .dashboard-list-meta,.dashboard-list-actions,.order-manage-badges,.orders-filter-actions,.compact-actions{justify-content:flex-start}
  .dashboard-hero-actions{justify-content:flex-start}
  .orders-filter-bar{align-items:stretch}
  .order-stage-row{grid-template-columns:1fr;gap:12px}
  .order-stage-row i{display:none}
}

/* ---- Admin bookings premium refresh ---- */
.bookings-hero-clean{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:26px 28px;
}
.booking-admin-board{
  padding:22px;
  overflow:visible;
}
.booking-admin-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}
.booking-admin-filter-field,
.booking-admin-toolbar-copy{
  display:grid;
  gap:8px;
}
.booking-admin-filter-field label,
.booking-admin-editor label{
  font-size:.9rem;
  color:var(--muted);
}
.booking-admin-toolbar-copy{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.booking-admin-toolbar-copy strong{
  font-size:.96rem;
}
.booking-admin-toolbar-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}
.booking-admin-toolbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.booking-admin-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.booking-admin-summary-card{
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  display:grid;
  gap:8px;
}
.booking-admin-summary-card span{
  color:var(--muted);
  font-size:.88rem;
}
.booking-admin-summary-card strong{
  font-size:1.05rem;
}
.booking-admin-summary-card p,
.booking-admin-note,
.booking-admin-last-note p{
  margin:0;
  color:var(--muted);
  line-height:1.9;
}
.booking-admin-note{
  padding:14px 16px;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.12);
  background:rgba(255,255,255,.02);
}
.booking-admin-stack{
  display:grid;
  gap:18px;
}
.booking-admin-entry{
  border-radius:26px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:0 20px 48px rgba(0,0,0,.18);
  overflow:hidden;
}
.booking-admin-form{
  display:grid;
  gap:18px;
  padding:22px;
}
.booking-admin-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.booking-admin-identity{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
}
.booking-admin-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-size:1.2rem;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  flex:0 0 48px;
}
.booking-admin-identity h2{
  margin:0;
  font-size:1.15rem;
}
.booking-admin-identity p{
  margin:6px 0 0;
  color:var(--muted);
}
.booking-admin-inline-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
  color:var(--muted);
  font-size:.92rem;
}
.booking-admin-inline-meta i,
.booking-admin-stage i{
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  display:block;
}
.booking-admin-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.booking-admin-stage{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.booking-stage{
  min-width:126px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.booking-stage span{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  font-weight:700;
}
.booking-stage small{
  font-size:.84rem;
  color:var(--muted);
}
.booking-stage.is-active{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
}
.booking-stage.is-active span{
  background:linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.08));
}
.booking-admin-body{
  display:grid;
  grid-template-columns:minmax(250px,330px) minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.booking-admin-sidebox,
.booking-admin-editor{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.028);
}
.booking-admin-sidebox-head,
.booking-admin-editor-head{
  display:grid;
  gap:4px;
  margin-bottom:14px;
}
.booking-admin-sidebox-head span,
.booking-admin-editor-head span,
.booking-admin-last-note span,
.booking-admin-fact-list span{
  color:var(--muted);
  font-size:.86rem;
}
.booking-admin-fact-list{
  display:grid;
  gap:12px;
}
.booking-admin-fact-list > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.booking-admin-fact-list > div:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.booking-admin-fact-list strong{
  text-align:left;
}
.booking-admin-last-note{
  margin-top:16px;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px dashed rgba(255,255,255,.1);
}
.booking-admin-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.booking-admin-toggle{
  justify-content:flex-start;
}
.booking-admin-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.booking-admin-actions-group{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.booking-admin-save{
  min-width:188px;
}
body[data-theme="light"] .booking-admin-toolbar-copy,
body[data-theme="light"] .booking-admin-summary-card,
body[data-theme="light"] .booking-admin-entry,
body[data-theme="light"] .booking-admin-sidebox,
body[data-theme="light"] .booking-admin-editor,
body[data-theme="light"] .booking-admin-note,
body[data-theme="light"] .booking-admin-last-note,
body[data-theme="light"] .booking-stage{
  border-color:rgba(20,26,40,.08);
}
@media (max-width: 1080px){
  .booking-admin-body,
  .booking-admin-toolbar,
  .booking-admin-summary-grid{
    grid-template-columns:1fr;
  }
  .bookings-hero-clean,
  .booking-admin-head,
  .booking-admin-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .booking-admin-badges{
    justify-content:flex-start;
  }
}
@media (max-width: 720px){
  .booking-admin-board,
  .booking-admin-form,
  .booking-admin-sidebox,
  .booking-admin-editor,
  .bookings-hero-clean{
    padding:18px;
  }
  .booking-admin-form-grid{
    grid-template-columns:1fr;
  }
  .booking-admin-actions-group,
  .booking-admin-inline-meta,
  .booking-admin-stage{
    flex-direction:column;
    align-items:stretch;
  }
  .booking-stage{
    width:100%;
  }
  .booking-admin-actions .btn,
  .booking-admin-actions-group .btn,
  .booking-admin-save{
    width:100%;
  }
}


/* ===== admin unified sections ===== */
.admin-unified-shell{display:grid;gap:24px}
.admin-section-hero{margin-bottom:0}
.admin-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-metric-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-metric-card{padding:20px;border-radius:24px;border:1px solid rgba(239,201,149,.12);background:linear-gradient(180deg,rgba(22,26,36,.98),rgba(15,18,26,.98));box-shadow:0 16px 36px rgba(0,0,0,.16)}
.admin-metric-card span{display:block;color:var(--muted);font-size:.88rem}
.admin-metric-card strong{display:block;margin-top:10px;font-size:1.7rem;line-height:1.2}
.admin-metric-card p{margin:10px 0 0;color:var(--muted);line-height:1.8}
.admin-metric-card-soft{background:linear-gradient(180deg,rgba(39,29,16,.96),rgba(20,16,10,.98));border-color:rgba(239,201,149,.22)}
.admin-unified-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:20px;align-items:start}
.admin-main-panel,.admin-side-panel{padding:22px;border-radius:26px}
.admin-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-record-stack{display:grid;gap:14px}
.admin-record-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.admin-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.admin-record-head strong{display:block;line-height:1.55}
.admin-record-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.admin-record-copy{margin:12px 0 0;color:var(--muted);line-height:1.9}
.admin-record-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.admin-record-actions form{margin:0}
.admin-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-form-section{padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.admin-transaction-card{min-height:100%}
body[data-theme="light"] .admin-metric-card,
body[data-theme="light"] .admin-main-panel,
body[data-theme="light"] .admin-side-panel,
body[data-theme="light"] .admin-record-card,
body[data-theme="light"] .admin-form-section{border-color:rgba(20,26,40,.08)}
body[data-theme="light"] .admin-record-card,
body[data-theme="light"] .admin-form-section{background:rgba(20,26,40,.025)}
@media (max-width: 1180px){
  .admin-unified-grid,
  .admin-subgrid,
  .admin-record-grid,
  .admin-metric-grid-4{grid-template-columns:1fr 1fr}
}
@media (max-width: 860px){
  .admin-unified-grid,
  .admin-metric-grid,
  .admin-metric-grid-4,
  .admin-record-grid,
  .admin-subgrid{grid-template-columns:1fr}
  .admin-record-head,
  .admin-record-actions{flex-direction:column;align-items:stretch}
}

/* ---- Simplified booking page ---- */
.booking-clean-shell{max-width:1180px;margin-inline:auto}
.booking-clean-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);grid-template-areas:"form guide";gap:18px;align-items:start}
.booking-form-card-clean{grid-area:form;padding:28px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-soft)}
.booking-form-card-clean{position:relative;overflow:visible;padding-top:34px}
.booking-corner-tab{position:absolute;inset-inline-end:24px;top:-12px;width:126px;height:34px;border-radius:999px;background:linear-gradient(180deg,rgba(198,104,39,.98),rgba(128,53,13,.98));border:1px solid rgba(255,210,165,.16);box-shadow:0 16px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,222,189,.18);pointer-events:none;z-index:2}
.booking-corner-tab::before{content:"";position:absolute;inset-inline-start:12px;inset-inline-end:12px;bottom:-8px;height:12px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,rgba(8,12,20,.34),rgba(8,12,20,0));filter:blur(2px);opacity:.85}
.booking-corner-tab::after{content:"";position:absolute;inset-inline-end:14px;top:7px;width:26px;height:18px;border-radius:0 0 12px 0;background:linear-gradient(135deg,rgba(255,229,201,.46),rgba(255,229,201,.08) 48%,rgba(88,31,6,.05) 49%,rgba(88,31,6,.32));transform:rotate(7deg) skewX(-18deg);box-shadow:-1px 1px 0 rgba(0,0,0,.1)}
.booking-help-card{grid-area:guide;position:sticky;top:96px;padding:22px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow-soft)}
.booking-help-kicker,.booking-form-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.8rem;font-weight:800;border:1px solid var(--line)}
.booking-form-head-clean{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.booking-form-head-clean h1,.booking-help-card h2{margin:12px 0 8px}
.booking-help-lead{margin:0;color:var(--muted);line-height:1.95}
.booking-help-steps{display:grid;gap:12px}
.booking-help-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px 15px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),rgba(255,255,255,.015))}
.booking-help-step-no{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-size:.9rem;font-weight:800;color:var(--text);border:1px solid var(--line);background:var(--surface-3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.booking-help-step strong{display:block;margin-bottom:4px;font-size:.95rem}
.booking-help-step p{margin:0;color:var(--soft);line-height:1.9;font-size:.85rem}
.booking-help-note{display:grid;gap:8px;padding:16px 16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),rgba(255,255,255,.02));color:var(--text)}
.booking-help-note strong{font-size:.95rem}
.booking-help-note p{margin:0;color:var(--muted);line-height:1.95}
.booking-service-chip-clean{display:grid;gap:6px;min-width:150px;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-3));text-align:center}
.booking-service-chip-clean strong{font-size:1rem}
.booking-service-chip-clean span{color:var(--muted);font-size:.88rem}
.booking-unified-form{display:grid;gap:16px}
.booking-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.booking-unified-form label{display:block;margin-bottom:7px;font-weight:700}
.booking-unified-form .input{margin-top:0;min-height:52px}
.booking-picked-service{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.booking-picked-service > div{padding:14px 15px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-3))}
.booking-picked-service span{display:block;color:var(--muted);font-size:.84rem;margin-bottom:6px}
.booking-picked-service strong{display:block;line-height:1.8}
.booking-payment-toggle-clean{margin-bottom:0;border-radius:18px;padding:14px 16px;border-color:var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-3))}
.booking-submit-row{display:flex;justify-content:flex-end}
.booking-submit-row .btn{min-width:220px}
body[data-theme="light"] .booking-form-card-clean,
body[data-theme="light"] .booking-help-card,
body[data-theme="light"] .booking-help-step,
body[data-theme="light"] .booking-help-note,
body[data-theme="light"] .booking-service-chip-clean,
body[data-theme="light"] .booking-picked-service > div,
body[data-theme="light"] .booking-payment-toggle-clean{border-color:rgba(20,26,40,.08)}
@media (max-width: 960px){
  .booking-clean-layout{grid-template-columns:1fr;grid-template-areas:"form" "guide"}
  .booking-help-card{position:static}
}
@media (max-width: 720px){
  .booking-form-card-clean,
  .booking-help-card{padding:18px}
  .booking-form-card-clean{padding-top:28px}
  .booking-corner-tab{inset-inline-end:16px;top:-10px;width:108px;height:30px}
  .booking-field-grid,
  .booking-picked-service{grid-template-columns:1fr}
  .booking-form-head-clean,
  .booking-submit-row{display:grid}
  .booking-submit-row .btn{width:100%;min-width:0}
}

body[data-theme="light"] .booking-input-shell,
body[data-theme="light"] .booking-inline-fact,
body[data-theme="light"] .booking-submit-strip,
body[data-theme="light"] .booking-payment-toggle-clean.booking-input-shell{
  border-color:rgba(20,26,40,.08);
}
body[data-theme="light"] .booking-unified-form .input,
body[data-theme="light"] .booking-unified-form select{
  background:rgba(255,255,255,.82);
}
@media (max-width: 820px){
  .booking-service-compact{
    grid-template-columns:1fr;
  }
  .booking-submit-strip{
    display:grid;
  }
  .booking-submit-btn{
    width:100%;
    min-width:0;
  }
}
@media (max-width: 640px){
  .booking-input-shell,
  .booking-submit-strip{
    padding:14px;
    border-radius:20px;
  }
  .booking-unified-form .input,
  .booking-unified-form select,
  .booking-submit-btn{
    min-height:54px;
  }
}


.booking-help-card .mt-20{margin-top:18px}
.booking-form-head-clean--locked{border-bottom:none;margin-bottom:0;padding-bottom:0}
.booking-auth-gate{display:grid;gap:18px;align-items:start;padding:22px;border-radius:24px;border:1px dashed rgba(239,201,149,.18);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.booking-auth-gate-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:rgba(239,201,149,.11);border:1px solid rgba(239,201,149,.18);color:var(--gold-2)}
.booking-auth-gate-copy{display:grid;gap:8px}
.booking-auth-gate-copy strong{font-size:1.08rem;color:var(--text)}
.booking-auth-gate-copy p{margin:0;color:var(--muted);line-height:1.9}
.booking-auth-gate .btn{width:100%}
body[data-theme="light"] .booking-auth-gate{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(245,239,231,.94));border-color:rgba(159,115,68,.18)}
@media (max-width: 900px){
  .booking-auth-gate{padding:18px}
}
.booking-help-step + .booking-help-step{margin-top:0}
.booking-payment-toggle-clean input{margin:0}
.booking-payment-toggle-clean span{font-weight:700}
body[data-theme="light"] .booking-help-step-no{background:#f7efe6;border-color:rgba(20,26,40,.08)}
@media (max-width: 720px){
  .booking-help-step{grid-template-columns:auto 1fr;padding:13px 14px}
}

/* v34 minimal auth flow */
.auth-page-space {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 32px 18px;
  gap: 18px;
}
.auth-page-shell {
  padding-bottom: 32px;
}
.auth-page-space .toast-viewport {
  width: min(100%, 440px);
  margin: 0 auto;
}
.auth-plain-shell {
  width: 100%;
  display: grid;
  justify-items: center;
}
.auth-center-card {
  width: min(100%, 440px);
  padding: 34px 28px 28px;
  border-radius: 30px;
  border: 1px solid color-mix(in srgb, var(--line) 90%, rgba(255,255,255,.04));
  background:
    radial-gradient(circle at top right, rgba(239,201,149,.10), transparent 28%),
    radial-gradient(circle at bottom left, rgba(31,94,189,.08), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 98%, transparent));
  box-shadow: var(--shadow);
  text-align: center;
}
.auth-center-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  margin: 0 auto 18px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(239,201,149,.16);
  background: rgba(255,255,255,.03);
  color: var(--gold-2);
  font-weight: 800;
}
.auth-center-card h1 {
  margin: 0;
  font-size: clamp(1.8rem, 4.5vw, 2.4rem);
  line-height: 1.2;
}
.auth-center-lead {
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.9;
}
.auth-plain-form {
  display: grid;
  gap: 16px;
  margin-top: 26px;
}
.auth-input-group {
  display: grid;
  gap: 10px;
  text-align: right;
}
.auth-input-label {
  color: var(--text);
  font-weight: 700;
  font-size: .96rem;
}
.auth-plain-input {
  width: 100%;
  min-height: 62px;
  padding: 0 18px;
  border-radius: 20px;
  border: 1px solid color-mix(in srgb, var(--line) 92%, rgba(255,255,255,.05));
  background: rgba(255,255,255,.035);
  color: var(--text);
  box-shadow: none;
  font-size: 1.02rem;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.auth-plain-input::placeholder {
  color: color-mix(in srgb, var(--muted) 88%, transparent);
}
.auth-plain-input:focus {
  outline: none;
  border-color: rgba(239,201,149,.34);
  box-shadow: 0 0 0 4px rgba(239,201,149,.08);
  transform: translateY(-1px);
}
.auth-plain-input[type="tel"] {
  text-align: left;
}
.auth-plain-input-code {
  text-align: center;
  letter-spacing: .34em;
  font-size: 1.18rem;
  font-weight: 800;
}
.auth-inline-note {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.028);
  border: 1px solid color-mix(in srgb, var(--line) 92%, rgba(255,255,255,.05));
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.8;
}
.auth-submit-btn {
  min-height: 56px;
}
.auth-verify-actions {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.auth-verify-actions form {
  margin: 0;
}
.auth-back-link {
  color: var(--gold-2);
  text-decoration: none;
  font-weight: 700;
}
.auth-back-link:hover {
  color: var(--text);
}
.auth-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.auth-center-card .btn[disabled] {
  opacity: .65;
  cursor: not-allowed;
}
@media (max-width: 640px) {
  .auth-page-space {
    padding: 20px 14px;
  }
  .auth-center-card {
    width: min(100%, 100%);
    padding: 28px 18px 20px;
    border-radius: 24px;
  }
  .auth-center-card h1 {
    font-size: 1.85rem;
  }
  .auth-plain-input {
    min-height: 58px;
    border-radius: 18px;
  }
}


/* v35 auth modal overlay */
body.has-auth-modal-open {
  overflow: hidden;
}

.auth-modal {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
  z-index: 2400;
}
.auth-modal.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.auth-modal-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(4, 7, 14, .68);
  backdrop-filter: blur(10px);
}
.auth-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 470px);
  padding: 34px 28px 26px;
  border-radius: 30px;
  border: 1px solid color-mix(in srgb, var(--line) 90%, rgba(255,255,255,.04));
  background:
    radial-gradient(circle at top right, rgba(239,201,149,.12), transparent 24%),
    radial-gradient(circle at bottom left, rgba(31,94,189,.08), transparent 32%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 98%, transparent), color-mix(in srgb, var(--surface-2) 99%, transparent));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .48);
}
.auth-modal.is-locked .auth-modal-close {
  display: none;
}
.auth-modal.is-locked .auth-modal-backdrop {
  cursor: default;
}
.auth-modal-close {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.035);
  color: var(--text);
  display: grid;
  place-items: center;
}
.auth-modal-head {
  display: grid;
  gap: 10px;
  text-align: center;
  margin-bottom: 22px;
}
.auth-modal-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  margin: 0 auto;
  padding: 9px 15px;
  border-radius: 999px;
  border: 1px solid rgba(239, 201, 149, .18);
  background: rgba(255,255,255,.03);
  color: var(--gold-2);
  font-weight: 800;
}
.auth-modal-head h2 {
  margin: 0;
  font-size: clamp(1.7rem, 4vw, 2.2rem);
  line-height: 1.2;
}
.auth-modal-lead {
  margin: 0;
  color: var(--muted);
  line-height: 1.9;
}
.auth-modal-form {
  display: grid;
  gap: 16px;
}
.auth-modal-actions {
  margin-top: 14px;
}
.auth-modal .auth-plain-input {
  min-height: 60px;
}
.auth-modal .auth-submit-btn {
  min-height: 56px;
}
@media (max-width: 640px) {
  .auth-modal {
    padding: 18px 12px;
    align-items: end;
  }
  .auth-modal-dialog {
    width: 100%;
    padding: 28px 18px 18px;
    border-radius: 24px;
  }
  .auth-modal-close {
    top: 12px;
    left: 12px;
    width: 40px;
    height: 40px;
  }
  .auth-modal-head {
    margin-bottom: 18px;
  }
  .auth-modal-head h2 {
    font-size: 1.8rem;
  }
  .auth-modal .auth-plain-input {
    min-height: 58px;
    border-radius: 18px;
  }
}

.booking-login-note {
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(239, 201, 149, .14);
  background: rgba(255,255,255,.03);
  color: var(--muted);
  line-height: 1.9;
}

@media (max-width: 768px) {
  .toast-viewport {
    top: 14px;
    right: 12px;
    left: 12px;
    width: auto;
  }
  .js-toasts .app-toast {
    transform: translate3d(0, -16px, 0) scale(.98);
  }
}


.booking-rule-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);margin-bottom:16px}
.booking-rule-banner strong{font-size:.92rem;white-space:nowrap;color:var(--text-strong,#fff)}
.booking-rule-banner span{font-size:.88rem;line-height:1.9;color:var(--text-soft,#c7cad1)}
.booking-beneficiary-box{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.028)}
.booking-beneficiary-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.booking-beneficiary-head strong{font-size:.96rem}
.booking-beneficiary-head span{font-size:.85rem;color:var(--text-soft,#c7cad1)}
.booking-beneficiary-toggle{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.booking-choice{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);cursor:pointer}
.booking-choice input{accent-color:var(--accent,#d59b6f)}
.booking-beneficiary-fields{display:flex;flex-direction:column;gap:14px;padding-top:4px}
.toast-inline-note{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06)}
.toast-inline-note strong{font-size:.9rem}
.toast-inline-note span{font-size:.82rem;line-height:1.8}
@media (max-width:768px){.booking-rule-banner{flex-direction:column}.booking-beneficiary-toggle{flex-direction:column}.booking-choice{justify-content:flex-start}}


.dashboard-inline-note{margin-top:16px}
.booking-list-main{display:grid;gap:4px}
.booking-item-note{display:block;margin-top:2px}
.dashboard-list-item.is-pending{border-color:rgba(239,201,149,.18);background:linear-gradient(180deg,rgba(39,29,16,.22),rgba(255,255,255,.025))}
.dashboard-list-item.is-muted{opacity:.94}
.dashboard-list-actions-booking{width:100%;justify-content:flex-start;padding-top:4px}
.inline-form{margin:0}
.inline-form button{margin:0}
@media (max-width: 720px){
  .dashboard-list-actions-booking{display:grid;grid-template-columns:1fr;}
  .dashboard-list-actions-booking .btn,
  .dashboard-list-actions-booking .inline-form,
  .dashboard-list-actions-booking .inline-form button{width:100%}
}
.booking-live-hold{display:grid;gap:8px;margin-top:8px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.booking-live-hold-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.booking-live-hold-head span{font-size:.78rem;color:var(--muted)}
.booking-live-hold-head strong{font-size:.98rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.booking-live-hold-progress{height:7px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.booking-live-hold-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(213,155,111,.96),rgba(236,198,145,.9));transition:width .85s ease}
.booking-live-hold.is-urgent{border-color:rgba(232,180,88,.32);background:rgba(92,58,18,.16)}
.booking-live-hold.is-urgent .booking-live-hold-progress span{background:linear-gradient(90deg,rgba(232,180,88,.95),rgba(239,148,77,.92))}
.booking-live-hold.is-expired{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.booking-live-hold.is-expired .booking-live-hold-progress span{background:rgba(255,255,255,.22)}
.dashboard-list-actions-booking .btn.is-disabled,
.dashboard-list-actions-booking .btn[aria-disabled="true"]{pointer-events:none;opacity:.55;filter:saturate(.65)}
body[data-theme="light"] .booking-live-hold{background:rgba(18,23,33,.04);border-color:rgba(18,23,33,.08)}
body[data-theme="light"] .booking-live-hold-progress{background:rgba(18,23,33,.08)}
body[data-theme="light"] .booking-live-hold.is-urgent{background:rgba(232,180,88,.12);border-color:rgba(232,180,88,.24)}


.auth-profile-form .auth-input-group {
  display: grid;
  gap: 10px;
}


.cart-auth-hero{
  gap:18px;
}

.cart-auth-gate{
  max-width:680px;
}

.shop-qty-form--locked,
.shop-detail-purchase--locked{
  opacity:.88;
}

.shop-login-disabled,
.shop-login-disabled[disabled]{
  cursor:not-allowed;
  opacity:.58;
  filter:saturate(.72);
}

.shop-login-inline-note{
  margin-top:12px;
  padding:10px 12px;
  border-radius:16px;
  border:1px dashed rgba(239,201,149,.18);
  background:rgba(255,255,255,.025);
  color:var(--muted);
  font-size:.92rem;
  line-height:1.8;
}

body[data-theme="light"] .shop-login-inline-note{
  background:rgba(255,255,255,.82);
  border-color:rgba(159,115,68,.18);
}

.shop-detail-purchase--locked .input,
.shop-qty-form--locked .input{
  opacity:.78;
}

@media (max-width: 720px){
  .cart-auth-gate{
    max-width:none;
  }
  .shop-login-inline-note{
    font-size:.88rem;
  }
}


.auth-required-shell{max-width:860px;margin:0 auto}
.auth-required-card{display:grid;gap:22px;padding:34px;border-radius:30px}
.auth-required-mark{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.18);color:var(--gold-2)}
.auth-required-mark .icon{width:30px;height:30px}
.auth-required-copy{display:grid;gap:10px}
.auth-required-copy h1{margin:0;font-size:clamp(1.55rem,2.6vw,2.2rem)}
.auth-required-copy .lead{margin:0;color:var(--muted);line-height:1.9}
.auth-required-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.auth-required-chip{padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:grid;gap:6px}
.auth-required-chip span{font-size:.82rem;color:var(--muted)}
.auth-required-chip strong{font-size:.98rem;color:var(--text)}
.auth-required-gate{padding:20px 22px}
.auth-required-actions{display:grid;gap:10px}
body[data-theme="light"] .auth-required-chip{background:rgba(255,255,255,.84);border-color:rgba(159,115,68,.16)}
@media (max-width: 760px){
  .auth-required-card{padding:24px;border-radius:24px}
  .auth-required-highlights{grid-template-columns:1fr}
}
.checkout-shell-gated .journey-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);min-height:0}
.checkout-gate-hero .journey-hero-side{align-self:stretch}
.checkout-auth-gate{height:100%;align-content:center}
.checkout-auth-gate .booking-auth-gate-copy strong{font-size:1.02rem}
.checkout-auth-gate .booking-auth-gate-copy p{line-height:1.85}
@media (max-width: 860px){
  .checkout-shell-gated .journey-hero{grid-template-columns:1fr}
  .checkout-gate-hero .journey-hero-side{order:2}
}

.admin-access-shell{max-width:920px}
.admin-access-card{position:relative;overflow:hidden}
.admin-access-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(212,175,119,.12),transparent 46%);pointer-events:none}
.admin-access-highlights{position:relative;z-index:1}
.admin-access-chip{backdrop-filter:blur(10px)}
.admin-access-gate{position:relative;z-index:1;border-style:solid}
.admin-access-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}
.admin-access-mark{position:relative;z-index:1}
.admin-access-card-forbidden .admin-access-mark{background:rgba(255,107,107,.10);border-color:rgba(255,107,107,.20);color:#ff8f8f}
.admin-access-card-forbidden::before{background:radial-gradient(circle at top left,rgba(255,107,107,.12),transparent 42%)}
.admin-access-card-forbidden .admin-access-gate{border-color:rgba(255,107,107,.18);background:linear-gradient(180deg,rgba(255,107,107,.06),rgba(255,255,255,.02))}
.admin-access-card-forbidden .admin-access-gate-icon{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.18);color:#ff9e9e}
body[data-theme="light"] .admin-access-card::before{background:radial-gradient(circle at top left,rgba(212,175,119,.14),transparent 48%)}
body[data-theme="light"] .admin-access-card-forbidden::before{background:radial-gradient(circle at top left,rgba(220,84,84,.12),transparent 44%)}
body[data-theme="light"] .admin-access-card-forbidden .admin-access-gate{background:linear-gradient(180deg,rgba(255,245,245,.92),rgba(255,255,255,.96));border-color:rgba(220,84,84,.18)}
@media (max-width: 640px){
  .admin-access-actions{grid-template-columns:1fr}
}


/* v33 premium error pages */
.error-shell{max-width:1100px;margin:0 auto}
.error-card{padding:34px;border-radius:32px;overflow:hidden;position:relative}
.error-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(239,201,149,.10),transparent 42%);pointer-events:none}
.error-card-danger::before{background:radial-gradient(circle at top left,rgba(255,110,110,.12),transparent 40%)}
.error-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.72fr);gap:18px;align-items:stretch}
.error-copy{display:grid;gap:18px;align-content:start}
.error-title-row{display:flex;align-items:flex-start;gap:16px}
.error-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.18);color:var(--gold-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.error-card-danger .error-mark{background:rgba(255,107,107,.10);border-color:rgba(255,107,107,.18);color:#ff9f9f}
.error-mark .icon{width:30px;height:30px}
.error-title-copy{display:grid;gap:6px}
.error-code{display:inline-flex;align-self:flex-start;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-weight:700;letter-spacing:.08em}
.error-title-copy h1{margin:0;font-size:clamp(1.7rem,2.9vw,2.65rem);line-height:1.5}
.error-lead{margin:0;max-width:760px}
.error-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.error-meta-card{padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:grid;gap:7px;min-width:0}
.error-meta-card span{font-size:.84rem;color:var(--muted)}
.error-meta-card strong{font-size:.98rem;line-height:1.85;overflow-wrap:anywhere}
.error-actions{display:flex;flex-wrap:wrap;gap:10px}
.error-side{display:block}
.error-side-panel{height:100%;padding:20px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);display:grid;gap:16px;align-content:start;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.error-side-label{margin:0;color:var(--muted);font-size:.9rem}
.error-quick-links{display:grid;gap:12px}
.error-quick-link{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px 15px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.error-quick-link:hover{transform:translateY(-2px);border-color:rgba(239,201,149,.22);background:rgba(255,255,255,.05)}
.error-quick-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.18);color:var(--gold-2)}
.error-card-danger .error-quick-icon{background:rgba(255,107,107,.10);border-color:rgba(255,107,107,.18);color:#ff9f9f}
.error-quick-copy{display:grid;gap:4px;min-width:0}
.error-quick-copy strong{font-size:.98rem;color:var(--text)}
.error-quick-copy small{font-size:.84rem;line-height:1.8;color:var(--muted)}
body[data-theme="light"] .error-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,244,239,.98));border-color:rgba(159,115,68,.14)}
body[data-theme="light"] .error-card::before{background:radial-gradient(circle at top left,rgba(212,175,119,.14),transparent 44%)}
body[data-theme="light"] .error-card-danger::before{background:radial-gradient(circle at top left,rgba(220,84,84,.12),transparent 42%)}
body[data-theme="light"] .error-code,body[data-theme="light"] .error-meta-card,body[data-theme="light"] .error-side-panel,body[data-theme="light"] .error-quick-link{background:rgba(255,255,255,.8);border-color:rgba(159,115,68,.14)}
@media (max-width: 900px){
  .error-hero-grid{grid-template-columns:1fr}
  .error-side{order:2}
}
@media (max-width: 640px){
  .error-card{padding:22px;border-radius:24px}
  .error-title-row{gap:12px}
  .error-mark{width:64px;height:64px;border-radius:20px}
  .error-meta-grid{grid-template-columns:1fr}
  .error-actions{display:grid;grid-template-columns:1fr}
  .error-side-panel{padding:16px;border-radius:22px}
}


/* unified outcome and empty states */
.state-shell{max-width:920px;margin:0 auto}
.state-card{display:grid;gap:20px;padding:30px;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));box-shadow:0 24px 60px rgba(0,0,0,.22)}
.state-card--inline{padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025))}
.state-card--compact{gap:16px;text-align:center;justify-items:center}
.state-card--success{background:linear-gradient(180deg,rgba(239,201,149,.12),rgba(255,255,255,.03))}
.state-mark{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.2);color:var(--gold-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.state-mark .icon{width:32px;height:32px}
.state-copy{display:grid;gap:10px}
.state-copy h1,.state-copy h2,.state-copy h3{margin:0}
.state-copy .lead{margin:0;color:var(--muted);line-height:1.95}
.state-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.state-point{display:grid;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.state-point span{font-size:.82rem;color:var(--muted)}
.state-point strong{font-size:.98rem;color:var(--text)}
.state-actions{display:flex;gap:10px;flex-wrap:wrap}
.state-actions .btn{justify-content:center}
.shop-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}
.shop-empty-state{margin-top:4px}
body[data-theme="light"] .state-card,
body[data-theme="light"] .state-card--inline{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,243,237,.94));border-color:rgba(159,115,68,.14);box-shadow:0 20px 44px rgba(41,27,11,.08)}
body[data-theme="light"] .state-point{background:rgba(255,255,255,.86);border-color:rgba(159,115,68,.12)}
body[data-theme="light"] .state-mark{background:rgba(159,115,68,.1);border-color:rgba(159,115,68,.16)}
@media (max-width: 860px){
  .state-card{padding:24px;border-radius:24px}
  .state-points{grid-template-columns:1fr}
  .shop-search-form{grid-template-columns:1fr}
  .state-actions{display:grid;grid-template-columns:1fr}
}

/* ---- User dashboard simplified hub ---- */
.account-hub-wrap{margin-top:20px;margin-bottom:20px}
.account-hub{position:relative;display:grid;direction:ltr;grid-template-columns:minmax(0,1fr) 292px;grid-template-areas:"content sidebar";gap:24px;align-items:stretch;padding:24px;border-radius:34px;border:1px solid rgba(239,201,149,.14);background:radial-gradient(circle at top,rgba(239,201,149,.08),transparent 32%),linear-gradient(180deg,rgba(18,22,31,.985),rgba(11,14,21,.985));box-shadow:0 26px 64px rgba(0,0,0,.24)}
.account-hub::before{content:"";position:absolute;inset:1px;border-radius:33px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.01));pointer-events:none}
.account-hub-sidebar{grid-area:sidebar;direction:rtl;display:flex;flex-direction:column;gap:18px;min-width:0;position:relative;z-index:1}
.account-hub-content{grid-area:content;direction:rtl;min-width:0;display:flex;position:relative;z-index:1}
.account-sidebar-card{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:28px;border:1px solid rgba(239,201,149,.14);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 44px rgba(0,0,0,.14)}
.account-sidebar-head{padding:16px 16px 14px;border-radius:22px;border:1px solid rgba(239,201,149,.1);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.account-sidebar-kicker,.account-panel-kicker{display:block;margin-bottom:8px;color:var(--brand);font-size:.8rem;font-weight:800;letter-spacing:.06em}
.account-sidebar-head strong{display:block;font-size:1.08rem;line-height:1.8}
.account-sidebar-head small{display:block;margin-top:6px;color:var(--muted)}
.account-side-nav{display:grid;gap:10px}
.account-side-btn{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:14px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));color:var(--text);font:inherit;text-align:right;cursor:pointer;transition:border-color .28s ease,background .28s ease,transform .28s ease,box-shadow .28s ease,color .28s ease}
.account-side-btn-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(180deg,rgba(239,201,149,.22),rgba(239,201,149,.08));border:1px solid rgba(239,201,149,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 24px rgba(0,0,0,.14),0 0 0 1px rgba(255,255,255,.02);color:var(--brand)}
.account-side-btn-icon svg{width:21px;height:21px}
.account-side-btn-label{font-weight:800;font-size:.96rem;line-height:1.7}
.account-side-btn:hover{border-color:rgba(239,201,149,.24);background:linear-gradient(180deg,rgba(239,201,149,.11),rgba(239,201,149,.05));transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.14)}
.account-side-btn.is-active{background:linear-gradient(180deg,rgba(239,201,149,.18),rgba(239,201,149,.09));border-color:rgba(239,201,149,.34);color:var(--brand);box-shadow:0 16px 32px rgba(0,0,0,.18)}
.account-side-btn.is-active .account-side-btn-icon{background:linear-gradient(180deg,rgba(239,201,149,.3),rgba(239,201,149,.14));border-color:rgba(239,201,149,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 26px rgba(239,201,149,.08)}
.account-panel{display:none;min-height:540px;width:100%;padding:30px;border-radius:30px;border:1px solid rgba(239,201,149,.12);background:radial-gradient(circle at top left,rgba(239,201,149,.08),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 50px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.account-panel.is-active{display:block;animation:accountPanelFade .42s cubic-bezier(.2,.8,.2,1)}
.account-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.account-panel-title-wrap{display:flex;align-items:center;gap:14px}
.account-panel-icon{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(180deg,rgba(239,201,149,.22),rgba(239,201,149,.08));border:1px solid rgba(239,201,149,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 32px rgba(0,0,0,.14),0 0 0 1px rgba(255,255,255,.02);color:var(--brand)}
.account-panel-icon svg{width:22px;height:22px}
.account-panel-head h1,.account-panel-head h2{margin:0;font-size:1.35rem}
.account-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-summary-card{position:relative;overflow:hidden;display:grid;align-content:start;gap:8px;padding:18px 18px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.account-summary-card::after{content:"";position:absolute;left:-24px;top:-40px;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,rgba(239,201,149,.13),transparent 68%);pointer-events:none}
.account-summary-icon{position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;margin-bottom:6px;border-radius:16px;background:linear-gradient(180deg,rgba(239,201,149,.22),rgba(239,201,149,.08));border:1px solid rgba(239,201,149,.14);color:var(--brand);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 24px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.02)}
.account-summary-icon svg{width:21px;height:21px}
.account-summary-card span{display:grid}
.account-summary-card > span:not(.account-summary-icon){position:relative;z-index:1;display:grid;gap:2px;margin-bottom:0;color:var(--muted);font-size:.84rem}
.account-summary-card strong{position:relative;z-index:1;font-size:1.1rem;line-height:1.9}
.account-summary-card-wide{grid-column:1/-1;background:linear-gradient(135deg,rgba(239,201,149,.15),rgba(255,255,255,.035))}
.account-edit-form{display:grid;gap:12px;max-width:560px}
.account-submit-btn{margin-top:6px;justify-self:flex-start}
.account-scroll-list{max-height:460px;overflow:auto;padding-left:6px;display:grid;gap:12px;scrollbar-width:thin}
.account-scroll-list::-webkit-scrollbar{width:8px}
.account-scroll-list::-webkit-scrollbar-thumb{background:rgba(239,201,149,.18);border-radius:999px}
.account-list-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.018));transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.account-list-card:hover{transform:translateY(-2px);border-color:rgba(239,201,149,.18);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));box-shadow:0 18px 30px rgba(0,0,0,.12)}
.account-list-card.is-pending{border-color:rgba(239,201,149,.22)}
.account-list-card.is-muted{opacity:.82}
.account-list-main{display:flex;align-items:flex-start;gap:14px}
.account-list-text{display:grid;gap:4px}
.account-list-icon{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(180deg,rgba(239,201,149,.22),rgba(239,201,149,.08));border:1px solid rgba(239,201,149,.12);color:var(--brand);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 20px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.02)}
.account-list-icon svg{width:21px;height:21px}
.account-list-main strong{display:block;font-size:1rem}
.account-list-main p{margin:6px 0 0;color:var(--muted)}
.account-list-main small{display:block;margin-top:8px;color:var(--muted)}
.account-list-note b{color:var(--brand)}
.account-list-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.account-empty-center{min-height:360px;display:flex;align-items:center;justify-content:center;padding:12px}
.account-hub [class$="-icon"] svg,.account-hub [class*="-icon"] svg{display:block;opacity:.98}
.account-side-btn,.account-list-card,.account-summary-card{backdrop-filter:blur(10px)}
@keyframes accountPanelFade{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
body[data-theme="light"] .account-hub{background:radial-gradient(circle at top,rgba(191,134,64,.08),transparent 32%),linear-gradient(180deg,#fffdfa,#fff8f0);border-color:rgba(191,134,64,.18);box-shadow:0 18px 40px rgba(118,82,33,.09)}
body[data-theme="light"] .account-sidebar-card,
body[data-theme="light"] .account-sidebar-head,
body[data-theme="light"] .account-panel,
body[data-theme="light"] .account-summary-card,
body[data-theme="light"] .account-list-card,
body[data-theme="light"] .account-side-btn{background:#ffffff;border-color:rgba(191,134,64,.16)}
body[data-theme="light"] .account-side-btn.is-active{background:rgba(191,134,64,.12)}
body[data-theme="light"] .account-side-btn-icon,
body[data-theme="light"] .account-panel-icon,
body[data-theme="light"] .account-summary-icon,
body[data-theme="light"] .account-list-icon{background:linear-gradient(180deg,rgba(191,134,64,.16),rgba(191,134,64,.07));border-color:rgba(191,134,64,.16)}
body[data-theme="light"] .account-summary-card-wide{background:linear-gradient(135deg,rgba(191,134,64,.13),rgba(255,255,255,.92))}
@media (max-width: 980px){
  .account-hub{grid-template-columns:1fr;grid-template-areas:"sidebar" "content";padding:18px}
  .account-hub-sidebar,.account-hub-content{grid-column:auto}
  .account-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-panel{min-height:unset}
  .account-sidebar-card{padding:14px}
}
@media (max-width: 640px){
  .account-hub{padding:16px;border-radius:24px;gap:16px}
  .account-side-nav{grid-template-columns:1fr}
  .account-side-btn{grid-template-columns:42px minmax(0,1fr);padding:12px 12px}
  .account-side-btn-icon,.account-panel-icon{width:42px;height:42px;border-radius:14px}
  .account-summary-grid{grid-template-columns:1fr}
  .account-scroll-list{max-height:none}
  .account-list-card,.account-panel-head{flex-direction:column;align-items:stretch}
  .account-list-main{gap:12px}
  .account-list-side{align-items:flex-start}
  .account-empty-center{min-height:260px}
}

/* v33 minimal premium shop + collapsible shop search */
.header-subnav-shop{
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.header-shop-search{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.header-shop-search-toggle{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  color:var(--muted);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}
.header-shop-search:hover .header-shop-search-toggle,
.header-shop-search.is-open .header-shop-search-toggle,
.header-shop-search:focus-within .header-shop-search-toggle{
  color:var(--text);
  border-color:rgba(208,165,111,.22);
  background:linear-gradient(180deg, rgba(208,165,111,.12), rgba(255,255,255,.04));
}
.header-shop-search-panel{
  position:absolute;
  top:50%;
  inset-inline-end:0;
  transform:translateY(-50%);
  width:54px;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px;
  border-radius:18px;
  border:1px solid transparent;
  background:transparent;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transition:width .24s ease, opacity .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.header-shop-search:hover .header-shop-search-panel,
.header-shop-search:focus-within .header-shop-search-panel,
.header-shop-search.is-open .header-shop-search-panel{
  width:min(360px, 42vw);
  opacity:1;
  pointer-events:auto;
  border-color:rgba(208,165,111,.14);
  background:linear-gradient(180deg, rgba(17,21,26,.98), rgba(13,16,20,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.32);
}
.header-shop-search-input{
  flex:1 1 auto;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--text);
  font:inherit;
  padding:0 4px;
}
.header-shop-search-input::placeholder{color:var(--soft)}
.header-shop-search-submit,
.header-shop-search-clear{
  width:38px;
  height:38px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:var(--muted);
}
.header-shop-search-submit{cursor:pointer}
.header-shop-search-submit:hover,
.header-shop-search-clear:hover{
  color:var(--text);
  border-color:rgba(208,165,111,.18);
  background:rgba(208,165,111,.08);
}

.shop-shell--minimal{
  gap:0;
}
.shop-catalog-panel--minimal{
  padding:20px;
}
.shop-catalog-head--minimal{
  gap:14px;
  margin-bottom:4px;
}
.shop-catalog-head--minimal h1{
  margin:2px 0 0;
  font-size:1.56rem;
}
.shop-catalog-head--minimal .soft{
  max-width:540px;
}
.shop-product-grid--minimal{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}
.shop-product-card--minimal{
  gap:12px;
  padding:14px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(18,22,27,.98), rgba(12,15,19,.98));
  box-shadow:0 16px 34px rgba(0,0,0,.2);
}
.shop-product-card--minimal:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(0,0,0,.28);
}
.shop-product-visual--minimal{
  min-height:158px;
  border-radius:20px;
}
.shop-product-icon--minimal{
  width:62px;
  height:62px;
  border-radius:20px;
}
.shop-product-copy--minimal{
  gap:8px;
}
.shop-product-card--minimal h3{
  margin:0;
  font-size:1.02rem;
}
.shop-product-card--minimal .shop-product-description{
  min-height:3.9em;
  font-size:.92rem;
  line-height:1.7;
  -webkit-line-clamp:2;
}
.shop-card-meta--minimal{
  padding:12px 13px;
  border-radius:16px;
}
.shop-card-meta--minimal .price{
  font-size:1rem;
}
.shop-card-actions--minimal{
  gap:8px;
  align-items:stretch;
}
.shop-card-actions--minimal .btn,
.shop-qty-form--minimal .btn{
  min-height:42px;
  padding-inline:14px;
  border-radius:14px;
}
.shop-qty-form--minimal{
  flex:1 1 164px;
  gap:8px;
}
.shop-qty-form--minimal .mini-input{
  width:68px;
  min-width:68px;
}
.shop-login-inline-note--minimal{
  margin-top:-2px;
  font-size:.8rem;
  color:var(--soft);
}

@media (max-width: 1180px){
  .shop-product-grid--minimal{grid-template-columns:repeat(3, minmax(0,1fr));}
}
@media (max-width: 980px){
  .header-subnav-shop{
    gap:10px;
    align-items:stretch;
  }
  .header-shop-search:hover .header-shop-search-panel,
  .header-shop-search:focus-within .header-shop-search-panel,
  .header-shop-search.is-open .header-shop-search-panel{
    width:min(300px, 40vw);
  }
}
@media (max-width: 720px){
  .header-subnav-shop{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:0 14px 14px;
  }
  .header-subnav-shop .quick-links-polished{
    overflow:auto hidden;
    flex-wrap:nowrap;
  }
  .header-shop-search{
    width:100%;
    justify-content:stretch;
  }
  .header-shop-search-toggle{
    width:100%;
    min-height:44px;
    border-radius:14px;
  }
  .header-shop-search-panel{
    position:static;
    transform:none;
    width:100%;
    min-height:0;
    margin-top:8px;
    border-radius:16px;
    opacity:0;
    max-height:0;
    padding:0 6px;
  }
  .header-shop-search.is-open .header-shop-search-panel,
  .header-shop-search:focus-within .header-shop-search-panel{
    width:100%;
    max-height:72px;
    opacity:1;
    padding:6px;
  }
  .shop-catalog-panel--minimal{
    padding:16px;
  }
  .shop-catalog-head--minimal h1{
    font-size:1.34rem;
  }
  .shop-product-grid--minimal{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }
  .shop-product-card--minimal{
    border-radius:22px;
    padding:12px;
  }
  .shop-product-visual--minimal{
    min-height:136px;
  }
  .shop-card-actions--minimal,
  .shop-qty-form--minimal{
    flex-direction:column;
    align-items:stretch;
  }
  .shop-qty-form--minimal .mini-input{
    width:100%;
    min-width:0;
  }
}
@media (max-width: 520px){
  .shop-product-grid--minimal{grid-template-columns:1fr;}
}
body[data-theme="light"] .header-shop-search-toggle{
  background:linear-gradient(180deg, rgba(159,115,68,.08), rgba(159,115,68,.03));
  border-color:rgba(159,115,68,.14);
}
body[data-theme="light"] .header-shop-search-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,235,.98));
  border-color:rgba(159,115,68,.16);
  box-shadow:0 18px 40px rgba(124,97,62,.14);
}
body[data-theme="light"] .header-shop-search-submit,
body[data-theme="light"] .header-shop-search-clear{
  background:rgba(159,115,68,.05);
  border-color:rgba(159,115,68,.12);
}
body[data-theme="light"] .shop-product-card--minimal{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,235,.98));
  border-color:rgba(159,115,68,.12);
  box-shadow:0 16px 32px rgba(124,97,62,.08);
}
body[data-theme="light"] .shop-product-card--minimal:hover{
  box-shadow:0 20px 40px rgba(124,97,62,.12);
}
body[data-theme="light"] .shop-card-meta--minimal{
  background:rgba(159,115,68,.045);
  border-color:rgba(159,115,68,.1);
}

/* v35 shop detail minimal cleanup */
.shop-detail-shell-minimal{
  gap:14px;
}
.shop-breadcrumb-minimal{
  padding-inline:4px;
}
.shop-detail-clean-card{
  padding:18px;
}
.shop-detail-clean-grid{
  display:grid;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);
  gap:18px;
  align-items:stretch;
}
.shop-detail-clean-visual,
.shop-detail-clean-main{
  min-width:0;
}
.shop-detail-clean-visual{
  display:grid;
  gap:14px;
}
.shop-detail-clean-stage{
  position:relative;
  isolation:isolate;
  min-height:360px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at top, rgba(239,201,149,.14), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  display:grid;
  place-items:center;
  overflow:hidden;
}
.shop-detail-clean-stage::before{
  content:"";
  position:absolute;
  inset:auto 12% 18px 12%;
  height:24px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(0,0,0,.3), transparent 72%);
  filter:blur(10px);
}
.shop-detail-clean-glow{
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(208,165,111,.18), transparent 70%);
  filter:blur(14px);
}
.shop-detail-clean-orb{
  position:absolute;
  width:178px;
  height:228px;
  border-radius:44px;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 24px 40px rgba(0,0,0,.22);
}
.shop-detail-clean-orb::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.08);
}
.shop-detail-clean-icon{
  position:relative;
  z-index:2;
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  border-radius:26px;
  background:rgba(18,22,27,.68);
  border:1px solid rgba(255,255,255,.09);
  color:var(--gold-2);
  backdrop-filter:blur(10px);
}
.shop-detail-clean-tags{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.shop-detail-clean-main{
  display:grid;
  align-content:center;
  gap:18px;
  padding:6px 4px;
}
.shop-detail-clean-head{
  display:grid;
  gap:10px;
}
.shop-detail-clean-head h1{
  margin:0;
}
.shop-detail-clean-head .lead{
  margin:0;
  max-width:62ch;
}
.shop-detail-clean-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.shop-detail-clean-stat{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
}
.shop-detail-clean-stat span{
  color:var(--muted);
  font-size:.9rem;
}
.shop-detail-clean-stat strong{
  font-size:1.08rem;
}
.shop-detail-clean-buy{
  display:grid;
  gap:14px;
}
.shop-detail-clean-qty{
  max-width:150px;
}
.shop-detail-clean-qty label{
  display:block;
  margin-bottom:8px;
}
.shop-detail-clean-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.shop-detail-clean-buy--locked .input,
.shop-detail-clean-buy--locked .btn[disabled]{
  opacity:.82;
}
.shop-detail-related-simple{
  padding:18px;
}
.shop-related-grid-simple{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.shop-product-card-minimal{
  gap:12px;
  padding:14px;
  border-radius:24px;
}
.shop-product-card-minimal .shop-product-visual{
  min-height:150px;
}
.shop-card-meta-minimal{
  align-items:center;
}
.shop-card-meta-minimal .btn{
  min-width:96px;
}
body[data-theme="light"] .shop-detail-clean-stage,
body[data-theme="light"] .shop-detail-clean-stat{
  background:rgba(255,255,255,.82);
}
body[data-theme="light"] .shop-detail-clean-orb{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,248,250,.8));
}

@media (max-width: 980px){
  .shop-detail-clean-grid,
  .shop-related-grid-simple{
    grid-template-columns:1fr;
  }
  .shop-related-grid-simple--minimal{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .shop-detail-clean-stage{
    min-height:300px;
  }
}
@media (max-width: 720px){
  .shop-detail-clean-card,
  .shop-detail-related-simple{
    padding:16px;
  }
  .shop-detail-clean-meta{
    grid-template-columns:1fr;
  }
  .shop-detail-clean-actions{
    flex-direction:column;
  }
  .shop-detail-clean-actions .btn,
  .shop-detail-clean-qty{
    width:100%;
    max-width:none;
  }
  .shop-detail-clean-stage{
    min-height:240px;
    border-radius:24px;
  }
  .shop-detail-clean-orb{
    width:144px;
    height:188px;
    border-radius:36px;
  }
  .shop-detail-clean-icon{
    width:72px;
    height:72px;
    border-radius:22px;
  }
  .shop-detail-related-tools,
  .shop-related-slider-controls{
    width:100%;
    justify-content:space-between;
  }
  .shop-related-grid-simple--minimal{
    grid-template-columns:1fr;
  }
  .shop-related-mini-card{
    padding:12px;
  }
}

/* v36 shop detail related + cart simplified */
.shop-detail-related-simple--tight{
  padding:16px;
}
.shop-detail-related-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.shop-detail-related-head h2{
  margin:2px 0 0;
  font-size:1.1rem;
}
.shop-detail-related-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.shop-related-slider-controls{
  display:flex;
  align-items:center;
  gap:8px;
}
.shop-related-slider-arrow{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  color:var(--text);
  box-shadow:0 10px 22px rgba(0,0,0,.16);
  transition:transform .18s ease, opacity .18s ease, border-color .18s ease, background .18s ease;
}
.shop-related-slider-arrow:hover:not([disabled]){
  transform:translateY(-2px);
  border-color:rgba(208,165,111,.24);
}
.shop-related-slider-arrow[disabled]{
  opacity:.42;
  cursor:not-allowed;
  box-shadow:none;
}
.shop-related-slider{
  display:grid;
  gap:12px;
}
.shop-related-slider-viewport{
  overflow:hidden;
}
.shop-related-grid-simple--minimal{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.shop-related-slide[hidden]{
  display:none !important;
}
.shop-related-slide.is-visible{
  animation:shopRelatedCardIn .28s ease;
}
@keyframes shopRelatedCardIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.shop-related-mini-card{
  display:grid;
  gap:8px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(17,21,26,.96), rgba(12,15,19,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  min-width:0;
}
.shop-related-mini-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,0,0,.22);
  border-color:rgba(208,165,111,.16);
}
.shop-related-mini-visual{
  min-height:96px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  display:grid;
  place-items:center;
}
.shop-related-mini-card .shop-product-icon--minimal{
  width:48px;
  height:48px;
  font-size:1.08rem;
}
.shop-related-mini-copy{
  display:grid;
  gap:6px;
}
.shop-related-mini-copy h3{
  margin:0;
  font-size:.9rem;
  line-height:1.7;
}
.shop-related-mini-copy .price{
  font-size:.88rem;
}
body[data-theme="light"] .shop-related-slider-arrow{
  background:rgba(255,255,255,.92);
}

.shop-cart-shell--simple{
  gap:0;
}
.shop-cart-layout{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);
  gap:16px;
  align-items:start;
}
.shop-cart-main-card,
.shop-cart-summary-card,
.shop-cart-login-card{
  padding:18px;
}
.shop-cart-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.shop-cart-head h1,
.shop-cart-login-card h1{
  margin:2px 0 0;
}
.shop-cart-list{
  display:grid;
  gap:12px;
}
.shop-cart-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.shop-cart-item-copy{
  display:grid;
  gap:6px;
  min-width:0;
}
.shop-cart-item-copy strong{
  font-size:1rem;
}
.shop-cart-item-controls{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.shop-cart-qty-form{
  display:flex;
  align-items:center;
  gap:8px;
}
.shop-cart-qty-form .mini-input{
  width:72px;
  min-width:72px;
}
.shop-cart-item > .price{
  white-space:nowrap;
}
.shop-cart-summary-card{
  position:sticky;
  top:96px;
}
.shop-cart-login-card,
.shop-cart-empty-state{
  display:grid;
  justify-items:center;
  text-align:center;
  gap:12px;
}
.shop-cart-login-card{
  max-width:520px;
  margin-inline:auto;
}
.shop-cart-empty-state{
  padding:30px 14px 10px;
}
body[data-theme="light"] .shop-related-mini-card,
body[data-theme="light"] .shop-cart-item{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,235,.98));
  border-color:rgba(159,115,68,.12);
  box-shadow:0 14px 28px rgba(124,97,62,.08);
}
body[data-theme="light"] .shop-related-mini-visual{
  background:rgba(159,115,68,.045);
  border-color:rgba(159,115,68,.1);
}
@media (max-width: 1040px){
  .shop-related-grid-simple--minimal{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .shop-cart-layout{
    grid-template-columns:1fr;
  }
  .shop-cart-summary-card{
    position:static;
  }
}
@media (max-width: 720px){
  .shop-detail-related-head,
  .shop-cart-head{
    align-items:stretch;
    flex-direction:column;
  }
  .shop-detail-related-simple--tight,
  .shop-cart-main-card,
  .shop-cart-summary-card,
  .shop-cart-login-card{
    padding:16px;
  }
  .shop-cart-item{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .shop-cart-item-controls,
  .shop-cart-qty-form{
    justify-content:stretch;
    flex-direction:column;
    align-items:stretch;
  }
  .shop-cart-qty-form .mini-input,
  .shop-cart-item-controls .btn{
    width:100%;
  }
}
@media (max-width: 560px){
  .shop-related-grid-simple--minimal{
    grid-template-columns:1fr;
  }
}


/* checkout minimal refresh */
.checkout-minimal-shell{display:grid;gap:18px}
.checkout-minimal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:4px 2px 2px}
.checkout-minimal-head h1{margin:0 0 8px}
.checkout-minimal-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);gap:16px;align-items:start}
.checkout-minimal-form,.checkout-minimal-summary{padding:20px}
.checkout-minimal-form{display:grid;gap:16px}
.checkout-minimal-block{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface-2),rgba(255,255,255,.02))}
.checkout-minimal-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.checkout-minimal-block-head h2{margin:0;font-size:1.02rem}
.checkout-minimal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field-card-minimal{padding:0;border:none;background:none}
.field-card-minimal textarea{min-height:104px}
.checkout-payment-options-minimal{display:grid;gap:12px}
.payment-option-minimal{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.payment-option-minimal input{margin-top:3px;accent-color:var(--gold-2)}
.payment-option-minimal span{display:grid;gap:4px}
.payment-option-minimal small{color:var(--muted);line-height:1.7}
.payment-option-minimal:hover{transform:translateY(-1px);border-color:rgba(239,201,149,.24)}
.payment-option-minimal:has(input:checked){border-color:rgba(239,201,149,.42);background:rgba(239,201,149,.10);box-shadow:0 16px 30px rgba(0,0,0,.12)}
.checkout-minimal-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}
.checkout-minimal-summary{position:sticky;top:104px;display:grid;gap:16px}
.checkout-mini-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-left:2px}
.checkout-mini-list::-webkit-scrollbar{width:6px}
.checkout-mini-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
.checkout-mini-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.checkout-mini-total{display:grid;gap:10px;padding-top:4px;border-top:1px solid var(--line)}
.checkout-mini-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}
.checkout-mini-total-row strong{color:var(--text)}
.checkout-mini-total-row.is-total{font-size:1.04rem;color:var(--text)}
.checkout-gate-card-minimal,.checkout-empty-state-minimal{padding:34px 22px;max-width:620px;margin:0 auto;display:grid;justify-items:center;text-align:center;gap:14px}
.checkout-gate-card-minimal h1,.checkout-empty-state-minimal h1{margin:0}
.checkout-gate-icon-minimal{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.22);color:var(--gold-2)}
.checkout-gate-icon-minimal .icon{width:28px;height:28px}
.checkout-gate-copy-minimal{max-width:42ch}
.checkout-gate-actions-minimal{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
body[data-theme="light"] .checkout-minimal-block,
body[data-theme="light"] .checkout-mini-row,
body[data-theme="light"] .payment-option-minimal{background:#fff}
@media (max-width: 980px){
  .checkout-minimal-layout{grid-template-columns:1fr}
  .checkout-minimal-summary{position:static}
}
@media (max-width: 720px){
  .checkout-minimal-head,.checkout-minimal-submit,.checkout-gate-actions-minimal{flex-direction:column;align-items:stretch}
  .checkout-minimal-grid{grid-template-columns:1fr}
  .checkout-minimal-form,.checkout-minimal-summary{padding:16px}
  .checkout-minimal-block{padding:14px;border-radius:18px}
  .checkout-mini-list{max-height:none}
}

/* minimal payment gateway */
.payment-gateway-minimal-shell{
  display:grid;
  gap:18px;
  max-width:min(1120px,100%);
  margin:0 auto;
  padding:8px 0 18px;
}
.payment-gateway-minimal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.payment-gateway-minimal-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:18px;
  align-items:start;
}
.payment-gateway-main-minimal,
.payment-gateway-side-minimal,
.payment-hold-minimal{
  padding:20px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
}
.payment-gateway-main-minimal{
  display:grid;
  gap:18px;
}
.payment-gateway-amount-minimal{
  display:grid;
  gap:6px;
  padding:18px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(212,171,111,.18);
  background:linear-gradient(180deg, rgba(239,201,149,.12), rgba(239,201,149,.04));
}
.payment-gateway-amount-minimal span,
.payment-gateway-row-minimal span,
.payment-side-chip-minimal span,
.payment-side-list-minimal span,
.payment-hold-minimal-head span,
.payment-hold-minimal-meta,
.payment-hold-minimal-note{
  color:var(--muted);
}
.payment-gateway-amount-minimal strong{
  font-size:clamp(1.5rem,3vw,2rem);
  line-height:1.2;
}
.payment-gateway-rows-minimal,
.payment-side-list-minimal{
  display:grid;
  gap:12px;
}
.payment-gateway-row-minimal,
.payment-side-list-minimal > div,
.payment-side-chip-minimal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.028);
  border:1px solid var(--line);
}
.payment-gateway-row-minimal strong,
.payment-side-list-minimal strong{
  text-align:left;
  line-height:1.7;
}
.payment-gateway-actions-minimal{
  display:grid;
  gap:12px;
}
.payment-gateway-actions-minimal form{
  display:grid;
}
.payment-gateway-actions-minimal .btn{
  justify-content:center;
}
.payment-gateway-side-minimal{
  display:grid;
  gap:14px;
}
.payment-side-chip-minimal{
  align-items:flex-start;
}
.payment-side-note-minimal{
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.028);
  border:1px dashed rgba(212,171,111,.18);
}
.payment-side-note-minimal strong{
  display:block;
  margin-bottom:6px;
}
.payment-side-note-minimal p{
  margin:0;
  color:var(--muted);
  line-height:1.9;
}
.payment-hold-minimal{
  display:grid;
  gap:12px;
}
.payment-hold-minimal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.payment-hold-minimal-head strong{
  display:block;
}
.payment-hold-minimal-clock{
  min-width:84px;
  text-align:center;
  padding:10px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(212,171,111,.18);
  letter-spacing:.08em;
}
.payment-hold-minimal-progress{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}
.payment-hold-minimal-progress span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(239,201,149,.95), rgba(201,154,87,.95));
  transition:width .9s linear;
}
.payment-hold-minimal-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.payment-hold-minimal-meta span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
}
.payment-hold-minimal-note{
  margin:0;
}
.payment-hold-minimal.is-urgent{
  border-color:rgba(212,171,111,.28);
}
.payment-hold-minimal.is-urgent .payment-hold-minimal-clock{
  color:#f0c27c;
  border-color:rgba(212,171,111,.3);
}
.payment-hold-minimal.is-expired .payment-hold-minimal-progress span{
  width:0 !important;
}
body[data-theme="light"] .payment-gateway-main-minimal,
body[data-theme="light"] .payment-gateway-side-minimal,
body[data-theme="light"] .payment-hold-minimal,
body[data-theme="light"] .payment-gateway-row-minimal,
body[data-theme="light"] .payment-side-list-minimal > div,
body[data-theme="light"] .payment-side-chip-minimal,
body[data-theme="light"] .payment-side-note-minimal,
body[data-theme="light"] .payment-hold-minimal-meta span{
  background:rgba(255,255,255,.74);
}
@media (max-width: 900px){
  .payment-gateway-minimal-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width: 720px){
  .payment-gateway-minimal-shell{
    padding-top:2px;
  }
  .payment-gateway-minimal-head,
  .payment-hold-minimal-head,
  .payment-gateway-row-minimal,
  .payment-side-list-minimal > div,
  .payment-side-chip-minimal{
    grid-template-columns:1fr;
    display:grid;
  }
  .payment-gateway-main-minimal,
  .payment-gateway-side-minimal,
  .payment-hold-minimal{
    padding:16px;
    border-radius:24px;
  }
  .payment-gateway-row-minimal strong,
  .payment-side-list-minimal strong{
    text-align:right;
  }
  .payment-hold-minimal-clock{
    min-width:0;
    justify-self:start;
  }
}

/* v37 minimal news cleanup */
.news-shell--minimal{
  gap:0;
}
.news-catalog-panel--minimal{
  padding:20px;
}
.news-catalog-head--minimal{
  gap:14px;
  margin-bottom:4px;
}
.news-catalog-head--minimal h1{
  margin:2px 0 0;
  font-size:1.56rem;
}
.news-catalog-head--minimal .soft{
  max-width:560px;
}
.news-head-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.news-minimal-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.news-minimal-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(18,22,27,.98), rgba(12,15,19,.98));
  box-shadow:0 16px 34px rgba(0,0,0,.2);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.news-minimal-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(0,0,0,.28);
}
.news-minimal-card.is-featured{
  grid-column:1 / -1;
  padding:22px;
  background:linear-gradient(180deg, rgba(20,25,31,.99), rgba(13,17,22,.99));
}
.news-minimal-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.news-minimal-copy{
  display:grid;
  gap:10px;
}
.news-minimal-copy h2{
  margin:0;
  font-size:1.1rem;
  line-height:1.6;
}
.news-minimal-card.is-featured .news-minimal-copy h2{
  font-size:1.34rem;
}
.news-minimal-copy p{
  margin:0;
  color:var(--soft);
  line-height:1.9;
}
.news-minimal-link{
  color:var(--text);
  text-decoration:none;
}
.news-minimal-link:hover{
  color:var(--brand-2);
}
.news-minimal-actions{
  display:flex;
  justify-content:flex-start;
}
.news-detail-shell--minimal{
  gap:14px;
}
.news-detail-card--minimal{
  padding:20px;
}
.news-detail-head-minimal{
  display:grid;
  gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.news-detail-head-minimal h1{
  margin:0;
  font-size:clamp(1.45rem, 2.2vw, 2.1rem);
  line-height:1.5;
}
.news-detail-meta-minimal{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.news-detail-body-minimal{
  display:grid;
  gap:14px;
  padding:18px 0;
  line-height:2;
}
.news-detail-body-minimal p{
  margin:0;
  color:color-mix(in srgb, var(--text) 92%, var(--muted));
}
.news-detail-actions-minimal{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.06);
}
.news-empty-state{
  margin-top:16px;
}
@media (max-width: 820px){
  .news-catalog-panel--minimal,
  .news-detail-card--minimal{
    padding:16px;
  }
  .news-catalog-head--minimal h1{
    font-size:1.34rem;
  }
  .news-minimal-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .news-minimal-card,
  .news-minimal-card.is-featured{
    padding:16px;
    border-radius:22px;
  }
}
@media (max-width: 560px){
  .news-minimal-meta,
  .news-detail-meta-minimal,
  .news-detail-actions-minimal{
    align-items:flex-start;
  }
  .news-detail-actions-minimal .btn{
    width:100%;
    justify-content:center;
  }
}
body[data-theme="light"] .news-minimal-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,235,.98));
  border-color:rgba(159,115,68,.12);
  box-shadow:0 16px 32px rgba(124,97,62,.08);
}
body[data-theme="light"] .news-minimal-card:hover{
  box-shadow:0 20px 40px rgba(124,97,62,.12);
}
body[data-theme="light"] .news-minimal-card.is-featured{
  background:linear-gradient(180deg, rgba(255,252,248,.99), rgba(247,242,235,.98));
}
body[data-theme="light"] .news-detail-head-minimal,
body[data-theme="light"] .news-detail-actions-minimal{
  border-color:rgba(159,115,68,.12);
}

/* v39 refined minimal pager */
.pager-wrap{
  display:grid;
  justify-items:center;
  gap:12px;
  margin-top:20px;
}
.pager-meta{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:.83rem;
}
.pager-meta-sep{
  opacity:.55;
}
.pager{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
.pager-link{
  min-width:42px;
  height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.028);
  color:var(--muted);
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.pager-link:hover{
  transform:translateY(-2px);
  color:var(--text);
  border-color:rgba(224,181,128,.22);
  background:rgba(224,181,128,.09);
  box-shadow:0 16px 30px rgba(0,0,0,.18);
}
.pager-link.is-active{
  color:#14181d;
  background:linear-gradient(180deg, rgba(230,191,141,.98), rgba(210,167,113,.98));
  border-color:rgba(230,191,141,.52);
  box-shadow:0 18px 34px rgba(212,166,104,.22);
}
.pager-link--icon{
  min-width:unset;
  padding:0 16px;
}
.pager-dots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  color:var(--muted);
  opacity:.72;
}
body[data-theme="light"] .pager-meta{
  border-color:rgba(159,115,68,.12);
  background:rgba(255,252,248,.96);
}
body[data-theme="light"] .pager-link{
  border-color:rgba(159,115,68,.12);
  background:rgba(255,252,248,.96);
  box-shadow:0 10px 22px rgba(124,97,62,.08);
}
body[data-theme="light"] .pager-link:hover{
  background:rgba(224,181,128,.13);
  box-shadow:0 16px 28px rgba(124,97,62,.12);
}
@media (max-width: 640px){
  .pager-wrap{
    gap:10px;
  }
  .pager{
    gap:6px;
  }
  .pager-link{
    min-width:38px;
    height:38px;
    border-radius:13px;
    padding:0 11px;
    font-size:.92rem;
  }
  .pager-link--icon{
    padding:0 13px;
  }
  .pager-meta{
    font-size:.78rem;
  }
}


/* v58 shared fixed auth gate */
.auth-required-fixed-shell{
  width:100%;
  min-height:clamp(460px, calc(100vh - 240px), 700px);
  display:grid;
  place-items:center;
  padding:18px 0 26px;
}
@supports (min-height: 100dvh){
  .auth-required-fixed-shell{
    min-height:clamp(460px, calc(100dvh - 240px), 700px);
  }
}
.auth-required-fixed-card{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  display:grid;
  justify-items:center;
  text-align:center;
  grid-auto-flow: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap:18px;
  padding:38px 32px;
  border-radius:32px;
  background:radial-gradient(circle at top right, rgba(239,201,149,.12), transparent 28%),linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  box-shadow:0 30px 62px rgba(0,0,0,.24);
}

.auth-required-fixed-card-admin .auth-required-fixed-mark{color:var(--gold-2)}
.auth-required-fixed-mark{
  width:72px;height:72px;border-radius:24px;display:grid;place-items:center;
  background:rgba(239,201,149,.12);border:1px solid rgba(239,201,149,.22);color:var(--gold-2);
}

.auth-required-fixed-hideen {
  width: 65%;
  height: 140%;
  border-radius: 24px;
  display: grid;
  place-items: center;
  /* background: rgba(239, 201, 149, .12); */
  /* border: 1px solid rgba(239, 201, 149, .22); */
  color: var(--gold-2);
  /* padding: 42px; */
  grid-auto-flow: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  gap: 18px;
}


.auth-required-fixed-mark .icon{width:32px;height:32px}
.auth-required-fixed-copy{display:grid;gap:12px;justify-items:center}
.auth-required-fixed-kicker{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.84rem;font-weight:800}
.auth-required-fixed-copy h1{margin:0;font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.34}
.auth-required-fixed-copy p{margin:0;max-width:36ch;color:var(--muted);line-height:2}
.auth-required-fixed-meta{display:grid;gap:7px;padding:15px 18px;width:min(100%, 340px);border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.auth-required-fixed-meta span{font-size:.8rem;color:var(--muted)}
.auth-required-fixed-meta strong{font-size:1rem;color:var(--text)}
.auth-required-fixed-btn{width:min(100%, 248px);margin-top:2px}
.auth-required-fixed-note{display:block;color:var(--muted);font-size:.84rem;line-height:1.9;max-width:30ch}
body[data-theme="light"] .auth-required-fixed-card{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,235,.98));border-color:rgba(159,115,68,.14);box-shadow:0 22px 44px rgba(124,97,62,.10)}
body[data-theme="light"] .auth-required-fixed-kicker,body[data-theme="light"] .auth-required-fixed-meta{background:rgba(255,255,255,.86);border-color:rgba(159,115,68,.14)}
@media (max-width: 720px){
  .auth-required-fixed-shell{min-height:clamp(380px, calc(100vh - 196px), 560px);padding:12px 0 16px}
  @supports (min-height: 100dvh){
    .auth-required-fixed-shell{min-height:clamp(380px, calc(100dvh - 196px), 560px)}
  }
  .auth-required-fixed-card{width:min(100%, 100%);padding:28px 20px;border-radius:26px;gap:16px}
  .auth-required-fixed-mark{width:64px;height:64px;border-radius:20px}
  .auth-required-fixed-mark .icon{width:28px;height:28px}
  .auth-required-fixed-btn{width:100%}
  .auth-required-fixed-copy p,.auth-required-fixed-note{max-width:32ch}
}


/* v38 cart unified compact */
.shop-cart-shell--compact{
  gap:0;
}
.shop-cart-unified-card{
  display:grid;
  gap:14px;
  padding:16px;
}
.shop-cart-head--compact{
  align-items:center;
}
.shop-cart-list--compact{
  gap:10px;
}
.shop-cart-item--compact{
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
}
.shop-cart-item-controls--compact{
  gap:6px;
}
.shop-cart-qty-form--compact{
  gap:6px;
}
.shop-cart-qty-form--compact .mini-input{
  width:64px;
  min-width:64px;
  padding-inline:10px;
}
.shop-cart-unified-footer{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,auto)) minmax(280px,1fr);
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
}
.shop-cart-action-group{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.shop-cart-total-line{
  display:grid;
  gap:4px;
  padding-inline:4px;
}
.shop-cart-total-line span{
  font-size:.83rem;
  color:var(--muted);
}
.shop-cart-total-line strong{
  font-size:1rem;
}
.shop-cart-total-line--highlight strong{
  font-size:1.08rem;
}
.shop-cart-cta{
  width:100%;
  justify-content:center;
  min-width:0;
}
.shop-cart-cta--secondary{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
body[data-theme="light"] .shop-cart-cta--secondary{
  border-color:rgba(159,115,68,.16);
  background:rgba(255,255,255,.88);
}
.shop-cart-empty-state--compact{
  padding:32px 12px 10px;
}
body[data-theme="light"] .shop-cart-unified-footer{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,235,.98));
  border-color:rgba(159,115,68,.12);
  box-shadow:0 14px 28px rgba(124,97,62,.08);
}
@media (max-width: 860px){
  .shop-cart-unified-footer{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .shop-cart-total-line{
    padding-inline:0;
  }
}
@media (max-width: 720px){
  .shop-cart-unified-card{
    padding:14px;
    gap:12px;
  }
  .shop-cart-item--compact{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }
  .shop-cart-item-controls--compact,
  .shop-cart-qty-form--compact{
    flex-direction:column;
    align-items:stretch;
    justify-content:stretch;
  }
  .shop-cart-item-controls--compact .btn,
  .shop-cart-qty-form--compact .mini-input{
    width:100%;
  }
  .shop-cart-unified-footer{
    padding:12px;
    gap:10px;
  }
  .shop-cart-action-group{
    grid-template-columns:1fr;
  }
}

/* ==========================================================
   Phase 1B UI refactor: warm barber theme
   Goal: dark charcoal background + bright orange/yellow accents,
   richer site backdrop, less gray/neutral feeling.
   Non-invasive: backend, templates, forms and JS hooks unchanged.
   ========================================================== */
:root,
html[data-theme="dark"],
body[data-theme="dark"]{
  color-scheme:dark;
  --bg:#120b08;
  --bg-2:#1b100b;
  --surface:rgba(27,19,15,.92);
  --surface-2:rgba(35,24,18,.94);
  --surface-3:rgba(46,31,22,.96);
  --surface-4:rgba(61,39,25,.98);
  --text:#fff7ea;
  --muted:#d8c3a8;
  --soft:#a88c6b;
  --line:rgba(255,211,142,.13);
  --line-2:rgba(255,177,66,.30);
  --gold:#ff9f1c;
  --gold-2:#ffd166;
  --gold-deep:#c85d12;
  --gold-soft:rgba(255,159,28,.16);
  --brand:#ff9f1c;
  --brand-strong:#ff7a18;
  --brand-2:#ffd166;
  --brand-2-soft:rgba(255,209,102,.18);
  --brand-soft:rgba(255,159,28,.16);
  --brand-contrast:#170d08;
  --success:rgba(72,188,118,.16);
  --danger:rgba(244,88,88,.15);
  --warning:rgba(255,209,102,.18);
  --info:rgba(92,159,255,.16);
  --shadow:0 24px 64px rgba(0,0,0,.42);
  --shadow-soft:0 14px 34px rgba(0,0,0,.28);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
}

html[data-theme="light"],
body[data-theme="light"]{
  color-scheme:light;
  --bg:#fff4e3;
  --bg-2:#ffe7c2;
  --surface:rgba(255,250,242,.92);
  --surface-2:rgba(255,244,226,.95);
  --surface-3:rgba(255,236,202,.96);
  --surface-4:rgba(255,224,173,.98);
  --text:#25140b;
  --muted:#76573a;
  --soft:#9a7550;
  --line:rgba(141,74,20,.14);
  --line-2:rgba(223,113,18,.28);
  --gold:#f97316;
  --gold-2:#facc15;
  --gold-deep:#b45309;
  --gold-soft:rgba(249,115,22,.13);
  --brand:#f97316;
  --brand-strong:#ea580c;
  --brand-2:#facc15;
  --brand-2-soft:rgba(250,204,21,.22);
  --brand-soft:rgba(249,115,22,.13);
  --brand-contrast:#fff8e9;
  --success:rgba(22,163,74,.12);
  --danger:rgba(220,38,38,.11);
  --warning:rgba(234,179,8,.16);
  --info:rgba(37,99,235,.11);
  --shadow:0 24px 58px rgba(142,72,11,.16);
  --shadow-soft:0 14px 30px rgba(142,72,11,.10);
}

body,
body[data-theme="dark"]{
  background:
    radial-gradient(circle at 88% -8%, rgba(255,209,102,.24), transparent 30%),
    radial-gradient(circle at 12% 4%, rgba(255,122,24,.20), transparent 28%),
    radial-gradient(circle at 78% 74%, rgba(255,159,28,.13), transparent 34%),
    linear-gradient(135deg, #090604 0%, #160c08 38%, #24130a 100%);
  color:var(--text);
}
body[data-theme="light"]{
  background:
    radial-gradient(circle at 86% -6%, rgba(250,204,21,.36), transparent 31%),
    radial-gradient(circle at 8% 2%, rgba(249,115,22,.24), transparent 27%),
    radial-gradient(circle at 88% 82%, rgba(255,186,73,.25), transparent 34%),
    linear-gradient(135deg, #fffaf1 0%, #fff0d2 46%, #ffe2ad 100%);
  color:var(--text);
}
body::before{
  background-image:
    linear-gradient(rgba(255,209,102,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,159,28,.035) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:radial-gradient(circle at center, black 38%, transparent 84%);
  opacity:.34;
}
body[data-theme="light"]::before{
  background-image:
    linear-gradient(rgba(180,83,9,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217,119,6,.050) 1px, transparent 1px);
  opacity:.24;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,209,102,.13), transparent 45%),
    linear-gradient(90deg, rgba(255,159,28,.055), transparent 24%, transparent 76%, rgba(255,209,102,.055));
}
body[data-theme="light"]::after{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(249,115,22,.11), transparent 45%),
    linear-gradient(90deg, rgba(249,115,22,.055), transparent 24%, transparent 76%, rgba(250,204,21,.07));
}

/* Main shells: warm glass, visible background behind the site */
.topbar,
.topbar-premium{
  background:rgba(18,10,6,.72);
  border-color:rgba(255,209,102,.16);
  box-shadow:0 10px 32px rgba(0,0,0,.28);
}
body[data-theme="light"] .topbar,
body[data-theme="light"] .topbar-premium{
  background:rgba(255,248,235,.76);
  border-color:rgba(194,91,11,.15);
  box-shadow:0 10px 30px rgba(142,72,11,.10);
}
.card,
.product-card,
.news-card,
.stat-card,
.admin-list-card,
.booking-card,
.choice-card,
.toggle-row,
.table-like-row,
.info-row,
.service-chip,
.action-card,
.hero-panel,
.hero-main-panel,
.hero-side-panel,
.collection-hero,
.feature-band-card,
.glass-card,
.muted-card,
.page-banner,
.page-heading,
.admin-banner,
.user-banner,
.minimal-display-card,
.minimal-side-card,
.minimal-quick-card,
.minimal-feature-card,
.minimal-stage-shell,
.shop-product-card--minimal,
.shop-detail-clean-card,
.shop-cart-unified-card,
.shop-cart-summary-card,
.booking-form-card-clean,
.booking-help-card,
.account-hub,
.account-panel,
.account-summary-card,
.account-list-card,
.state-card,
.error-card,
.auth-required-fixed-card,
.admin-access-card,
.footer-column-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(255,159,28,.055), rgba(255,209,102,.025));
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}
body[data-theme="light"] .card,
body[data-theme="light"] .product-card,
body[data-theme="light"] .news-card,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .admin-list-card,
body[data-theme="light"] .booking-card,
body[data-theme="light"] .choice-card,
body[data-theme="light"] .toggle-row,
body[data-theme="light"] .table-like-row,
body[data-theme="light"] .info-row,
body[data-theme="light"] .service-chip,
body[data-theme="light"] .action-card,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .hero-main-panel,
body[data-theme="light"] .hero-side-panel,
body[data-theme="light"] .collection-hero,
body[data-theme="light"] .feature-band-card,
body[data-theme="light"] .glass-card,
body[data-theme="light"] .muted-card,
body[data-theme="light"] .page-banner,
body[data-theme="light"] .page-heading,
body[data-theme="light"] .admin-banner,
body[data-theme="light"] .user-banner,
body[data-theme="light"] .minimal-display-card,
body[data-theme="light"] .minimal-side-card,
body[data-theme="light"] .minimal-quick-card,
body[data-theme="light"] .minimal-feature-card,
body[data-theme="light"] .minimal-stage-shell,
body[data-theme="light"] .shop-product-card--minimal,
body[data-theme="light"] .shop-detail-clean-card,
body[data-theme="light"] .shop-cart-unified-card,
body[data-theme="light"] .shop-cart-summary-card,
body[data-theme="light"] .booking-form-card-clean,
body[data-theme="light"] .booking-help-card,
body[data-theme="light"] .account-hub,
body[data-theme="light"] .account-panel,
body[data-theme="light"] .account-summary-card,
body[data-theme="light"] .account-list-card,
body[data-theme="light"] .state-card,
body[data-theme="light"] .error-card,
body[data-theme="light"] .auth-required-fixed-card,
body[data-theme="light"] .admin-access-card,
body[data-theme="light"] .footer-column-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,246,230,.62)),
    linear-gradient(135deg, rgba(249,115,22,.065), rgba(250,204,21,.045));
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}

/* Brand and visual marks: orange/yellow identity */
.brand-mark,
.shop-product-visual,
.shop-product-visual--minimal,
.shop-detail-clean-orb,
.shop-related-mini-visual,
.news-minimal-mark,
.feature-band-icon,
.hero-list-icon,
.kicker,
.section-label,
.inline-badge,
.account-panel-icon,
.account-summary-icon,
.account-list-icon,
.state-mark,
.auth-required-fixed-mark{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.28), transparent 30%),
    linear-gradient(135deg, rgba(255,209,102,.24), rgba(255,122,24,.16));
  border-color:rgba(255,209,102,.28);
  color:var(--gold-2);
}
body[data-theme="light"] .brand-mark,
body[data-theme="light"] .shop-product-visual,
body[data-theme="light"] .shop-product-visual--minimal,
body[data-theme="light"] .shop-detail-clean-orb,
body[data-theme="light"] .shop-related-mini-visual,
body[data-theme="light"] .news-minimal-mark,
body[data-theme="light"] .feature-band-icon,
body[data-theme="light"] .hero-list-icon,
body[data-theme="light"] .kicker,
body[data-theme="light"] .section-label,
body[data-theme="light"] .inline-badge,
body[data-theme="light"] .account-panel-icon,
body[data-theme="light"] .account-summary-icon,
body[data-theme="light"] .account-list-icon,
body[data-theme="light"] .state-mark,
body[data-theme="light"] .auth-required-fixed-mark{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.78), transparent 34%),
    linear-gradient(135deg, rgba(250,204,21,.44), rgba(249,115,22,.19));
  border-color:rgba(217,119,6,.22);
  color:var(--gold-deep);
}

/* Primary CTAs: bright orange with yellow highlight */
.btn-primary,
.pager-link.is-active,
.admin-chip.is-active,
.user-chip.is-active,
.minimal-tab-btn.is-active,
.minimal-tab-btn.is-link:hover,
.quick-link.is-active,
.dock-item.is-active,
.shop-cart-cta,
.header-login-btn{
  color:var(--brand-contrast);
  background:linear-gradient(135deg, var(--brand-2), var(--brand) 48%, var(--brand-strong));
  border-color:rgba(255,209,102,.32);
  box-shadow:0 14px 32px rgba(255,122,24,.28);
}
body[data-theme="light"] .btn-primary,
body[data-theme="light"] .pager-link.is-active,
body[data-theme="light"] .admin-chip.is-active,
body[data-theme="light"] .user-chip.is-active,
body[data-theme="light"] .minimal-tab-btn.is-active,
body[data-theme="light"] .minimal-tab-btn.is-link:hover,
body[data-theme="light"] .quick-link.is-active,
body[data-theme="light"] .dock-item.is-active,
body[data-theme="light"] .shop-cart-cta,
body[data-theme="light"] .header-login-btn{
  color:#241006;
  background:linear-gradient(135deg, #facc15, #f97316 54%, #ea580c);
  box-shadow:0 14px 30px rgba(249,115,22,.22);
}
.btn-primary:hover,
.shop-cart-cta:hover,
.header-login-btn:hover{
  filter:saturate(1.05) brightness(1.04);
  transform:translateY(-1px);
}
.btn-secondary,
.btn-ghost,
.btn-small,
.theme-toggle,
.header-phone,
.quick-link,
.user-menu-trigger,
.header-shop-search-toggle,
.shop-related-slider-arrow,
.shop-cart-cta--secondary,
.footer-link-list a,
.footer-contact-item,
.status-pill,
.badge,
.tag-pill,
.pager-link{
  background:rgba(255,255,255,.052);
  color:var(--text);
  border-color:var(--line);
}
body[data-theme="light"] .btn-secondary,
body[data-theme="light"] .btn-ghost,
body[data-theme="light"] .btn-small,
body[data-theme="light"] .theme-toggle,
body[data-theme="light"] .header-phone,
body[data-theme="light"] .quick-link,
body[data-theme="light"] .user-menu-trigger,
body[data-theme="light"] .header-shop-search-toggle,
body[data-theme="light"] .shop-related-slider-arrow,
body[data-theme="light"] .shop-cart-cta--secondary,
body[data-theme="light"] .footer-link-list a,
body[data-theme="light"] .footer-contact-item,
body[data-theme="light"] .status-pill,
body[data-theme="light"] .badge,
body[data-theme="light"] .tag-pill,
body[data-theme="light"] .pager-link{
  background:rgba(255,255,255,.60);
  color:var(--text);
  border-color:var(--line);
}
.quick-link:hover,
.header-phone:hover,
.btn-secondary:hover,
.btn-ghost:hover,
.btn-small:hover,
.user-menu-trigger:hover,
.dock-item:hover,
.footer-link-list a:hover{
  background:var(--gold-soft);
  border-color:var(--line-2);
  color:var(--text);
}

/* Forms: warm fields, clear focus */
.input,
select,
textarea,
.mini-input,
.booking-input-shell,
.field-input-wrap,
.search-input,
.auth-modal-input{
  background:rgba(255,255,255,.055);
  border-color:var(--line);
  color:var(--text);
  box-shadow:none;
}
body[data-theme="light"] .input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .mini-input,
body[data-theme="light"] .booking-input-shell,
body[data-theme="light"] .field-input-wrap,
body[data-theme="light"] .search-input,
body[data-theme="light"] .auth-modal-input{
  background:rgba(255,255,255,.70);
  border-color:var(--line);
  color:var(--text);
}
.input::placeholder,
textarea::placeholder,
.search-input::placeholder,
.auth-modal-input::placeholder{color:var(--soft)}
.input:focus,
select:focus,
textarea:focus,
.mini-input:focus,
.search-input:focus,
.auth-modal-input:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(255,159,28,.20);
  outline:none;
}
*:focus-visible{
  outline:3px solid var(--brand);
  outline-offset:3px;
}

/* Keep decorative pieces warmer, not gray */
.card::after,
.page-banner::before,
.section-frame::before,
.minimal-display-card::before,
.topbar-panel::before,
.auth-required-fixed-card::before,
.error-card::before,
.admin-access-card::before,
.hero-main-panel::after,
.account-summary-card::after{
  opacity:.48;
}
.hero-main-panel::after,
.account-summary-card::after{
  background:radial-gradient(circle, rgba(255,209,102,.16), transparent 70%);
}
.topbar-panel,
.quick-links,
.quick-links-polished,
.topbar-utility,
.topbar-contact-pill,
.topbar-utility-pill,
.header-theme-toggle,
.header-login-btn,
.user-menu-dropdown,
.admin-topnav,
.user-topnav{
  background:rgba(255,255,255,.052);
  border-color:var(--line);
  box-shadow:none;
}
body[data-theme="light"] .topbar-panel,
body[data-theme="light"] .quick-links,
body[data-theme="light"] .quick-links-polished,
body[data-theme="light"] .topbar-utility,
body[data-theme="light"] .topbar-contact-pill,
body[data-theme="light"] .topbar-utility-pill,
body[data-theme="light"] .header-theme-toggle,
body[data-theme="light"] .header-login-btn,
body[data-theme="light"] .user-menu-dropdown,
body[data-theme="light"] .admin-topnav,
body[data-theme="light"] .user-topnav{
  background:rgba(255,255,255,.64);
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}
.mobile-dock{
  background:rgba(20,10,5,.88);
  border-color:rgba(255,209,102,.16);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
}
body[data-theme="light"] .mobile-dock{
  background:rgba(255,248,235,.88);
  border-color:rgba(194,91,11,.15);
  box-shadow:0 18px 38px rgba(142,72,11,.13);
}

/* Text hierarchy */
h1,h2,h3,h4,.brand,.section-title,.card-title{color:var(--text)}
.lead,.muted,small,.helper,.soft,.footer,.footer-note,.section-text{color:var(--muted)}
a:hover{color:var(--gold-2)}
body[data-theme="light"] a:hover{color:var(--gold-deep)}
.subtle-divider,
.divider{
  background:linear-gradient(90deg, transparent, rgba(255,159,28,.20), transparent);
}

/* Slightly cleaner hover, still premium */
.collection-hero:hover,
.action-card:hover,
.service-chip:hover,
.feature-band-card:hover,
.product-card:hover,
.news-card:hover,
.shop-product-card--minimal:hover,
.news-minimal-card:hover,
.header-phone:hover,
.quick-link:hover,
.account-summary-card:hover,
.account-list-card:hover{
  transform:translateY(-2px);
  border-color:var(--line-2);
  box-shadow:0 18px 42px rgba(255,122,24,.16);
}
body[data-theme="light"] .collection-hero:hover,
body[data-theme="light"] .action-card:hover,
body[data-theme="light"] .service-chip:hover,
body[data-theme="light"] .feature-band-card:hover,
body[data-theme="light"] .product-card:hover,
body[data-theme="light"] .news-card:hover,
body[data-theme="light"] .shop-product-card--minimal:hover,
body[data-theme="light"] .news-minimal-card:hover,
body[data-theme="light"] .header-phone:hover,
body[data-theme="light"] .quick-link:hover,
body[data-theme="light"] .account-summary-card:hover,
body[data-theme="light"] .account-list-card:hover{
  box-shadow:0 18px 38px rgba(249,115,22,.14);
}


/* =========================================================
   Phase 1C – light theme tuned softer + subtle background art
   Goals:
   - reduce harsh white in light mode
   - keep warm orange/yellow identity
   - add a lightweight decorative background image/illustration
   ========================================================= */
html[data-theme="light"],
body[data-theme="light"]{
  --bg:#f8ead2;
  --bg-2:#f2d5a5;
  --surface:rgba(255,245,230,.86);
  --surface-2:rgba(255,240,220,.90);
  --surface-3:rgba(255,233,206,.92);
  --surface-4:rgba(255,225,185,.94);
  --text:#221209;
  --muted:#6f5337;
  --soft:#94704b;
  --line:rgba(128,71,22,.12);
  --line-2:rgba(225,118,24,.25);
  --gold-soft:rgba(249,115,22,.11);
  --shadow:0 24px 54px rgba(143,76,16,.13);
  --shadow-soft:0 14px 26px rgba(143,76,16,.09);
}

body[data-theme="light"]{
  background:
    radial-gradient(circle at 88% -10%, rgba(250,204,21,.20), transparent 30%),
    radial-gradient(circle at 6% 0%, rgba(249,115,22,.14), transparent 24%),
    radial-gradient(circle at 88% 84%, rgba(251,191,36,.15), transparent 28%),
    linear-gradient(135deg, #f7ead5 0%, #f4e2c0 44%, #efd0a1 100%);
}

body[data-theme="light"]::before{
  background-image:
    url("../_img/background-light.svg"),
    linear-gradient(rgba(180,83,9,.040) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217,119,6,.035) 1px, transparent 1px);
  background-size:
    cover,
    36px 36px,
    36px 36px;
  background-position:
    center top,
    center,
    center;
  background-repeat:
    no-repeat,
    repeat,
    repeat;
  opacity:.18;
  mask-image:none;
}

body[data-theme="light"]::after{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(249,115,22,.08), transparent 42%),
    linear-gradient(90deg, rgba(249,115,22,.03), transparent 28%, transparent 72%, rgba(250,204,21,.04));
}

/* warm down the bright white shells in light mode */
body[data-theme="light"] .btn-secondary,
body[data-theme="light"] .btn-ghost,
body[data-theme="light"] .btn-small,
body[data-theme="light"] .theme-toggle,
body[data-theme="light"] .header-phone,
body[data-theme="light"] .quick-link,
body[data-theme="light"] .user-menu-trigger,
body[data-theme="light"] .header-shop-search-toggle,
body[data-theme="light"] .shop-related-slider-arrow,
body[data-theme="light"] .shop-cart-cta--secondary,
body[data-theme="light"] .footer-link-list a,
body[data-theme="light"] .footer-contact-item,
body[data-theme="light"] .status-pill,
body[data-theme="light"] .badge,
body[data-theme="light"] .tag-pill,
body[data-theme="light"] .pager-link,
body[data-theme="light"] .topbar-panel,
body[data-theme="light"] .quick-links,
body[data-theme="light"] .quick-links-polished,
body[data-theme="light"] .topbar-utility,
body[data-theme="light"] .topbar-contact-pill,
body[data-theme="light"] .topbar-utility-pill,
body[data-theme="light"] .header-theme-toggle,
body[data-theme="light"] .header-login-btn,
body[data-theme="light"] .user-menu-dropdown,
body[data-theme="light"] .admin-topnav,
body[data-theme="light"] .user-topnav,
body[data-theme="light"] .input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .mini-input,
body[data-theme="light"] .booking-input-shell,
body[data-theme="light"] .field-input-wrap,
body[data-theme="light"] .search-input,
body[data-theme="light"] .auth-modal-input{
  background:rgba(255,246,233,.78);
  border-color:rgba(128,71,22,.12);
}

/* heavier cards move to a warmer paper/glass instead of plain white */
body[data-theme="light"] .card,
body[data-theme="light"] .page-banner,
body[data-theme="light"] .section-frame,
body[data-theme="light"] .topbar,
body[data-theme="light"] .footer,
body[data-theme="light"] .footer-shell,
body[data-theme="light"] .collection-hero,
body[data-theme="light"] .action-card,
body[data-theme="light"] .service-chip,
body[data-theme="light"] .feature-band-card,
body[data-theme="light"] .product-card,
body[data-theme="light"] .news-card,
body[data-theme="light"] .shop-product-card--minimal,
body[data-theme="light"] .news-minimal-card,
body[data-theme="light"] .account-summary-card,
body[data-theme="light"] .account-list-card,
body[data-theme="light"] .account-panel,
body[data-theme="light"] .auth-modal-card,
body[data-theme="light"] .minimal-display-card,
body[data-theme="light"] .minimal-side-card,
body[data-theme="light"] .booking-form-card,
body[data-theme="light"] .booking-help-card,
body[data-theme="light"] .shop-detail-clean-card,
body[data-theme="light"] .shop-related-mini-card{
  background:linear-gradient(180deg, rgba(255,248,236,.90), rgba(255,239,219,.86));
  border-color:rgba(128,71,22,.11);
  box-shadow:0 18px 36px rgba(143,76,16,.08);
}

body[data-theme="light"] .mobile-dock{
  background:rgba(249,239,221,.92);
  border-color:rgba(194,91,11,.14);
  box-shadow:0 18px 34px rgba(142,72,11,.10);
}

/* =========================================================
   Patch: background artwork in dark mode + remove light overlay
   ========================================================= */
body[data-theme="dark"]::before,
html[data-theme="dark"] body::before,
body:not([data-theme="light"])::before{
  background-image:
    url("../_img/background-light.svg"),
    linear-gradient(rgba(255,209,102,.040) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,159,28,.032) 1px, transparent 1px);
  background-size:
    cover,
    36px 36px,
    36px 36px;
  background-position:
    center top,
    center,
    center;
  background-repeat:
    no-repeat,
    repeat,
    repeat;
  opacity:.28;
  mask-image:none;
}

body[data-theme="light"]::after,
html[data-theme="light"] body::after{
  display:none;
  background:none;
}

/* =========================================================
   Phase 1D - flexible layout + cleaner header shell
   Goals:
   - keep readable centered content
   - let the site breathe more on wide screens
   - remove the heavy boxed look from .topbar/.topbar-premium
   ========================================================= */
:root{
  --page-max: clamp(1120px, 86vw, 1280px);
  --page-gutter: clamp(18px, 4vw, 56px);
}

.wrap{
  width: min(var(--page-max), calc(100% - var(--page-gutter) - var(--page-gutter)));
  margin-inline: auto;
}

.topbar.topbar-premium{
  padding: 0;
  background: rgba(7, 9, 12, .68);
  border-bottom: 1px solid rgba(255,255,255,.055);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
  backdrop-filter: blur(18px) saturate(1.08);
}

.topbar-shell{
  padding-block: 10px 8px;
  border-radius: 0;
  background: transparent;
}

.topbar-panel{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  overflow: visible;
}

.topbar-panel::before,
.topbar-panel::after{
  display: none;
}

.topbar-inner-polished{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(14px, 2vw, 26px);
  padding: 0;
}

.brand-polished{
  flex: 0 1 auto;
  gap: 12px;
}

.brand-mark-polished{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,209,102,.18), rgba(249,115,22,.075));
  border-color: rgba(255,209,102,.18);
  box-shadow: none;
}

.brand-title{
  font-size: clamp(.98rem, 1.2vw, 1.08rem);
}

.brand-sub{
  margin-top: 2px;
  font-size: .76rem;
  line-height: 1.55;
  max-width: none;
}

.header-actions-refined{
  width: auto;
  flex: 0 0 auto;
  gap: 8px;
  margin-inline-start: 0;
}

.header-actions-refined .theme-toggle,
.header-actions-refined > .btn-primary,
.user-menu-trigger{
  min-height: 42px;
  border-radius: 14px;
  padding-block: 8px;
  box-shadow: none;
}

.header-actions-refined .theme-toggle{
  min-width: 118px;
}

.user-menu-trigger{
  min-width: 204px;
}

.header-subnav-refined{
  padding: 8px 0 0;
}

.polished-subnav{
  display: flex;
  align-items: center;
  gap: 10px;
}

.quick-links-polished{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 6px;
  padding: 6px;
  border-radius: 18px;
  background: rgba(255,255,255,.032);
  border: 1px solid rgba(255,255,255,.055);
  box-shadow: none;
}

.quick-link{
  min-height: 38px;
  padding: 0 12px;
  border-radius: 13px;
  gap: 8px;
  background: transparent;
  border-color: transparent;
  box-shadow: none !important;
}

.quick-link .nav-link-icon,
.btn-icon,
.nav-link-icon{
  width: 20px;
  height: 20px;
  border-radius: 8px;
  background: rgba(255,209,102,.09);
  border-color: rgba(255,209,102,.10);
}

.quick-link > span{
  font-size: .86rem;
  font-weight: 700;
}

.quick-link:hover{
  transform: none;
  background: rgba(255,255,255,.055);
  border-color: rgba(255,209,102,.12);
}

.quick-link.is-active{
  color: var(--brand-contrast);
  background: linear-gradient(135deg, var(--brand-2), var(--brand) 52%, var(--brand-strong));
  border-color: rgba(255,209,102,.26);
  box-shadow: 0 10px 22px rgba(255,122,24,.20) !important;
}

.header-shop-search-panel{
  box-shadow: 0 16px 42px rgba(0,0,0,.24);
}

.footer.footer-premium-wrap{
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--page-gutter);
}

.footer-grid-premium{
  width: min(var(--page-max), 100%);
  margin-inline: auto;
}

body[data-theme="light"] .topbar.topbar-premium{
  background: rgba(255,244,228,.70);
  border-bottom-color: rgba(128,71,22,.10);
  box-shadow: 0 12px 28px rgba(143,76,16,.08);
}

body[data-theme="light"] .quick-links-polished{
  background: rgba(255,246,233,.50);
  border-color: rgba(128,71,22,.10);
  box-shadow: none;
}

body[data-theme="light"] .quick-link{
  background: transparent;
  border-color: transparent;
}

body[data-theme="light"] .quick-link:hover{
  background: rgba(249,115,22,.08);
  border-color: rgba(225,118,24,.16);
}

body[data-theme="light"] .quick-link.is-active{
  color: #241006;
  background: linear-gradient(135deg, #facc15, #f97316 54%, #ea580c);
  border-color: rgba(217,119,6,.22);
  box-shadow: 0 10px 20px rgba(249,115,22,.16) !important;
}

body[data-theme="light"] .brand-mark-polished{
  background: linear-gradient(180deg, rgba(250,204,21,.32), rgba(249,115,22,.10));
  border-color: rgba(217,119,6,.18);
}

@media (max-width: 980px){
  :root{
    --page-gutter: clamp(14px, 3.8vw, 28px);
  }

  .topbar-inner-polished{
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .brand-polished{
    width: 100%;
    justify-content: flex-start;
  }

  .header-actions-refined{
    width: 100%;
    justify-content: space-between;
  }

  .header-actions-refined .theme-toggle,
  .header-actions-refined > .btn-primary,
  .header-actions-refined .user-menu,
  .user-menu-trigger{
    flex: 1 1 auto;
    min-width: 0;
  }

  .header-subnav-refined{
    padding-top: 10px;
  }

  .quick-links-polished{
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 560px){
  :root{
    --page-gutter: 14px;
  }

  .topbar-shell{
    padding-block: 8px 6px;
  }

  .brand-mark-polished{
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .brand-sub{
    display: none;
  }

  .header-actions-refined{
    gap: 6px;
  }

  .quick-link{
    min-height: 36px;
    padding-inline: 10px;
  }

  .footer.footer-premium-wrap{
    padding-inline: 14px;
  }
}

/* v27 balanced professional header: brand right, nav center, actions left */
.topbar-inner-balanced.topbar-inner-polished{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(190px, .85fr) minmax(420px, auto) minmax(190px, .85fr);
  grid-template-areas:"actions nav brand";
  align-items:center;
  gap:14px;
  padding:12px 14px;
}
.header-brand{
  grid-area:brand;
  direction:rtl;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:6px 8px 6px 12px;
  border-radius:18px;
  color:var(--text);
  text-decoration:none;
}
.header-brand:hover{
  background:rgba(255,255,255,.045);
  color:var(--text);
}
.header-brand .brand-mark-polished{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:15px;
  box-shadow:none;
}
.header-brand .brand-copy{
  display:block;
  min-width:0;
}
.header-brand .brand-title{
  max-width:18ch;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1rem;
  line-height:1.25;
}
.topbar-premium .header-brand .brand-sub{
  display:none;
}
.header-nav-center.quick-links-polished{
  grid-area:nav;
  direction:rtl;
  justify-self:center;
  width:auto;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:4px;
  padding:6px;
  border-radius:999px;
  overflow:visible;
  box-shadow:none;
}
.header-nav-center.quick-links-polished .quick-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:42px;
  padding:0 12px;
  gap:7px;
  border-radius:999px;
  white-space:nowrap;
  line-height:1;
}
.header-nav-center.quick-links-polished .quick-link .nav-link-icon{
  width:17px;
  height:17px;
  flex:0 0 auto;
}
.header-nav-center.quick-links-polished .quick-link > span{
  display:inline-block;
  font-size:.87rem;
  font-weight:800;
  line-height:1;
}
.header-nav-center.quick-links-polished .quick-link-badge{
  margin-inline-start:0;
  min-width:19px;
  height:19px;
  padding:0 5px;
  font-size:.69rem;
}
.header-actions-left.header-actions-refined{
  grid-area:actions;
  direction:ltr;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:auto;
  min-width:0;
  gap:8px;
  margin:0;
}
.header-actions-left .header-login-btn,
.header-actions-left .header-theme-toggle,
.header-actions-left .user-menu-trigger{
  direction:rtl;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  height:42px;
  border-radius:999px;
  padding:0 13px;
  gap:8px;
  white-space:nowrap;
  box-shadow:none;
}
.header-actions-left .header-login-btn .icon,
.header-actions-left .header-theme-toggle .icon,
.header-actions-left .user-menu-trigger .icon{
  width:17px;
  height:17px;
}
.header-actions-left .header-theme-toggle{
  min-width:42px;
}
.header-actions-left .theme-toggle-label,
.header-actions-left .header-login-btn span{
  font-size:.84rem;
  font-weight:800;
  line-height:1;
}
.header-actions-left .user-menu-trigger{
  min-width:160px;
  padding-inline:12px;
}
.header-actions-left .user-menu-text{
  text-align:right;
}
.header-actions-left .user-menu-meta{
  display:none;
}
.header-subnav-search-only{
  display:flex;
  justify-content:center;
  padding:0 14px 12px;
}
.header-subnav-search-only .header-shop-search{
  width:min(560px, 100%);
  margin-inline:auto;
}
body[data-theme="light"] .header-brand:hover{
  background:rgba(159,115,68,.055);
}

@media (max-width: 1180px){
  .topbar-inner-balanced.topbar-inner-polished{
    grid-template-columns:minmax(160px, .75fr) minmax(360px, auto) minmax(160px, .75fr);
    gap:10px;
  }
  .header-nav-center.quick-links-polished .quick-link{
    padding-inline:10px;
    gap:6px;
  }
  .header-nav-center.quick-links-polished .quick-link > span{
    font-size:.82rem;
  }
  .header-actions-left .header-login-btn,
  .header-actions-left .header-theme-toggle,
  .header-actions-left .user-menu-trigger{
    padding-inline:11px;
  }
}

@media (max-width: 980px){
  .topbar-inner-balanced.topbar-inner-polished{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "actions brand"
      "nav nav";
    align-items:center;
    padding:12px 12px 10px;
  }
  .header-brand{
    justify-self:end;
  }
  .header-actions-left.header-actions-refined{
    justify-self:start;
  }
  .header-nav-center.quick-links-polished{
    justify-self:stretch;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    justify-content:flex-start;
    scrollbar-width:none;
  }
  .header-nav-center.quick-links-polished::-webkit-scrollbar{
    display:none;
  }
}

@media (max-width: 640px){
  .topbar-inner-balanced.topbar-inner-polished{
    padding:10px;
    gap:9px;
  }
  .header-brand{
    padding:4px 4px 4px 8px;
    gap:8px;
  }
  .header-brand .brand-mark-polished{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:13px;
  }
  .header-brand .brand-title{
    max-width:12ch;
    font-size:.92rem;
  }
  .header-actions-left.header-actions-refined{
    gap:6px;
  }
  .header-actions-left .header-login-btn,
  .header-actions-left .header-theme-toggle,
  .header-actions-left .user-menu-trigger{
    min-height:38px;
    height:38px;
    padding-inline:10px;
    gap:6px;
  }
  .header-actions-left .header-theme-toggle{
    width:38px;
    min-width:38px;
    padding:0;
  }
  .header-actions-left .header-theme-toggle .theme-toggle-label{
    display:none;
  }
  .header-nav-center.quick-links-polished{
    padding:5px;
    border-radius:18px;
  }
  .header-nav-center.quick-links-polished .quick-link{
    min-height:39px;
    padding-inline:10px;
    border-radius:14px;
  }
}

@media (max-width: 430px){
  .header-brand .brand-title{
    max-width:10ch;
  }
  .header-actions-left .header-login-btn span{
    max-width:72px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

/* v28 header spacing tune: keep the 3-part structure, reduce the wide empty gaps */
.topbar-inner-balanced.topbar-inner-polished{
  grid-template-columns:auto minmax(0, max-content) auto;
  justify-content:center;
  column-gap:clamp(12px, 2vw, 28px);
  padding-inline:12px;
}

.header-brand{
  justify-self:end;
  padding-inline:6px 10px;
}

.header-actions-left.header-actions-refined{
  justify-self:start;
}

.header-nav-center.quick-links-polished{
  gap:3px;
  padding:5px;
}

.header-nav-center.quick-links-polished .quick-link{
  min-height:40px;
  padding-inline:11px;
  gap:6px;
}

.header-actions-left .header-login-btn,
.header-actions-left .header-theme-toggle,
.header-actions-left .user-menu-trigger{
  min-height:40px;
  height:40px;
  padding-inline:12px;
}

.header-brand .brand-mark-polished{
  width:40px;
  height:40px;
  min-width:40px;
  border-radius:14px;
}

@media (max-width: 1180px){
  .topbar-inner-balanced.topbar-inner-polished{
    grid-template-columns:auto minmax(0, max-content) auto;
    column-gap:12px;
  }
}

@media (max-width: 980px){
  .topbar-inner-balanced.topbar-inner-polished{
    grid-template-columns:minmax(0,1fr) auto;
    justify-content:stretch;
    column-gap:10px;
  }
}

/* v29 header balance tune: keep edges aligned with page content, tune only the center navigation */
.topbar-inner-balanced.topbar-inner-polished{
  grid-template-columns:auto minmax(0, 650px) auto;
  justify-content:space-between;
  column-gap:clamp(12px, 1.7vw, 24px);
  padding-inline:0;
}

.header-brand{
  justify-self:end;
  padding-inline:6px 0;
}

.header-actions-left.header-actions-refined{
  justify-self:start;
}

.header-nav-center.quick-links-polished{
  justify-self:center;
  width:min(100%, 650px);
  gap:4px;
  padding:5px 7px;
}

.header-nav-center.quick-links-polished .quick-link{
  min-height:40px;
  padding-inline:10px;
  gap:6px;
}

.header-actions-left .header-login-btn,
.header-actions-left .header-theme-toggle,
.header-actions-left .user-menu-trigger{
  min-height:40px;
  height:40px;
}

@media (max-width:1180px){
  .topbar-inner-balanced.topbar-inner-polished{
    grid-template-columns:auto minmax(0, 610px) auto;
    justify-content:space-between;
    column-gap:12px;
    padding-inline:0;
  }

  .header-nav-center.quick-links-polished{
    width:min(100%, 610px);
  }

  .header-nav-center.quick-links-polished .quick-link{
    padding-inline:9px;
  }
}

@media (max-width:1080px){
  .topbar-inner-balanced.topbar-inner-polished{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "actions brand"
      "nav nav";
    justify-content:stretch;
    column-gap:10px;
    row-gap:10px;
    padding-inline:0;
  }

  .header-brand{
    justify-self:end;
  }

  .header-actions-left.header-actions-refined{
    justify-self:start;
  }

  .header-nav-center.quick-links-polished{
    justify-self:stretch;
    width:100%;
    max-width:none;
    overflow-x:auto;
    overflow-y:hidden;
    justify-content:flex-start;
    scrollbar-width:none;
  }

  .header-nav-center.quick-links-polished::-webkit-scrollbar{
    display:none;
  }
}

/* v30 shop search moved from header into the products section */
.shop-catalog-search{
  margin:16px 0 2px;
}

.shop-catalog-search-inner{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto auto;
  align-items:center;
  gap:8px;
  min-height:58px;
  padding:8px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.shop-catalog-search-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--brand);
  background:rgba(208,165,111,.10);
  border:1px solid rgba(208,165,111,.13);
}

.shop-catalog-search-input{
  width:100%;
  min-width:0;
  height:42px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-weight:700;
  padding:0 4px;
}

.shop-catalog-search-input::placeholder{
  color:var(--soft);
  font-weight:600;
}

.shop-catalog-search-submit,
.shop-catalog-search-clear{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border-radius:15px;
  border:1px solid var(--line);
  color:var(--text);
  text-decoration:none;
  white-space:nowrap;
}

.shop-catalog-search-submit{
  cursor:pointer;
  background:linear-gradient(135deg, var(--brand-2), var(--brand) 52%, var(--brand-strong));
  color:var(--brand-contrast);
  border-color:rgba(255,209,102,.26);
  box-shadow:0 10px 22px rgba(255,122,24,.18);
}

.shop-catalog-search-clear{
  background:rgba(255,255,255,.05);
}

.shop-catalog-search-submit:hover,
.shop-catalog-search-clear:hover{
  transform:translateY(-1px);
}

body[data-theme="light"] .shop-catalog-search-inner{
  background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(247,242,235,.68));
  border-color:rgba(159,115,68,.14);
  box-shadow:0 18px 38px rgba(124,97,62,.10);
}

body[data-theme="light"] .shop-catalog-search-icon{
  background:rgba(159,115,68,.08);
  border-color:rgba(159,115,68,.13);
}

body[data-theme="light"] .shop-catalog-search-clear{
  background:rgba(255,255,255,.62);
}

@media (max-width: 720px){
  .shop-catalog-search-inner{
    grid-template-columns:auto minmax(0, 1fr);
    border-radius:20px;
  }

  .shop-catalog-search-submit,
  .shop-catalog-search-clear{
    grid-column:span 1;
    width:100%;
  }
}

@media (max-width: 430px){
  .shop-catalog-search-inner{
    grid-template-columns:1fr;
  }

  .shop-catalog-search-icon{
    display:none;
  }
}

/* v31 mobile header drawer: compact actions, menu trigger, right-side minimal navigation */
.mobile-menu-trigger,
.mobile-menu-backdrop,
.mobile-menu-drawer{
  display:none;
}

.header-login-text-mobile{
  display:none;
}

@media (max-width: 720px){
  .topbar-premium{
    z-index:80;
  }

  .topbar-shell{
    padding-top:6px;
  }

  .topbar-panel{
    padding:0;
  }

  .topbar-inner-balanced.topbar-inner-polished{
    direction:ltr;
    display:grid;
    grid-template-columns:auto minmax(0, 1fr) auto;
    grid-template-areas:"actions brand menu";
    align-items:center;
    justify-content:space-between;
    column-gap:8px;
    row-gap:0;
    min-height:54px;
    padding:7px 0;
  }

  .mobile-menu-trigger{
    grid-area:menu;
    justify-self:end;
    direction:ltr;
    width:38px;
    height:38px;
    min-width:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:14px;
    border:1px solid var(--line);
    color:var(--text);
    background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
    box-shadow:0 10px 22px rgba(0,0,0,.12);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-menu-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
  }

  .mobile-menu-dots i{
    width:4px;
    height:4px;
    border-radius:999px;
    background:currentColor;
    opacity:.9;
  }

  .mobile-menu-trigger:hover,
  .mobile-menu-trigger:focus-visible{
    border-color:rgba(208,165,111,.28);
    background:rgba(208,165,111,.10);
  }

  .header-brand{
    grid-area:brand;
    justify-self:end;
    direction:rtl;
    max-width:100%;
    min-width:0;
    gap:8px;
    padding:0;
  }

  .header-brand .brand-mark-polished{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:13px;
  }

  .header-brand .brand-title{
    max-width:13ch;
    font-size:.92rem;
    line-height:1.2;
  }

  .topbar-premium .header-brand .brand-sub{
    display:none;
  }

  .header-nav-center.quick-links-polished{
    display:none;
  }

  .topbar .header-actions-left.header-actions-refined{
    grid-area:actions;
    justify-self:start;
    direction:ltr;
    width:auto;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:6px;
    margin:0;
  }

  .topbar .header-actions-left.header-actions-refined > *{
    flex:0 0 auto;
  }

  .topbar .header-actions-left .header-login-btn,
  .topbar .header-actions-left .header-theme-toggle,
  .topbar .header-actions-left .user-menu-trigger{
    width:auto;
    min-width:38px;
    height:38px;
    min-height:38px;
    padding:0 10px;
    border-radius:14px;
    gap:6px;
    box-shadow:0 10px 20px rgba(0,0,0,.10);
  }

  .topbar .header-actions-left .header-theme-toggle{
    width:38px;
    padding:0;
  }

  .topbar .header-actions-left .header-login-btn .icon,
  .topbar .header-actions-left .header-theme-toggle .icon,
  .topbar .header-actions-left .user-menu-trigger .icon{
    width:16px;
    height:16px;
  }

  .header-login-text-desktop{
    display:none;
  }

  .header-login-text-mobile{
    display:inline;
    font-size:.78rem;
    font-weight:900;
    line-height:1;
  }

  .topbar .header-actions-left .theme-toggle-label{
    display:none;
  }

  .topbar .header-actions-left .user-menu-trigger{
    width:38px;
    padding:0;
  }

  .topbar .header-actions-left .user-menu-text,
  .topbar .header-actions-left .user-menu-caret{
    display:none;
  }

  .topbar .user-menu-dropdown{
    position:absolute;
    inset-inline-start:0;
    inset-inline-end:auto;
    min-inline-size:min(260px, calc(100vw - 24px));
    max-inline-size:min(260px, calc(100vw - 24px));
  }

  .mobile-menu-backdrop,
  .mobile-menu-drawer{
    display:block;
    position:fixed;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .22s ease, visibility .22s ease, transform .24s ease;
  }

  .mobile-menu-backdrop{
    inset:0;
    z-index:120;
    background:rgba(2, 5, 10, .54);
    backdrop-filter:blur(6px);
  }

  .mobile-menu-drawer{
    direction:rtl;
    top:0;
    right:0;
    bottom:0;
    z-index:130;
    width:min(318px, calc(100vw - 34px));
    transform:translateX(105%);
    padding:10px;
  }

  .is-mobile-menu-open{
    overflow:hidden;
  }

  .is-mobile-menu-open .mobile-menu-backdrop,
  .is-mobile-menu-open .mobile-menu-drawer{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .is-mobile-menu-open .mobile-menu-drawer{
    transform:translateX(0);
  }

  .mobile-menu-card{
    height:100%;
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:14px;
    border-radius:26px 0 0 26px;
    border:1px solid rgba(255,255,255,.075);
    background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--surface-2) 96%, transparent));
    box-shadow:-22px 0 60px rgba(0,0,0,.34);
    overflow:auto;
    overscroll-behavior:contain;
  }

  .mobile-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .mobile-menu-brand{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--text);
    text-decoration:none;
  }

  .mobile-menu-brand-icon,
  .mobile-menu-link-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    color:var(--brand-2);
    background:rgba(208,165,111,.12);
    border:1px solid rgba(208,165,111,.18);
  }

  .mobile-menu-brand-icon{
    width:42px;
    height:42px;
    border-radius:15px;
  }

  .mobile-menu-brand strong{
    display:block;
    max-width:17ch;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.98rem;
    line-height:1.35;
  }

  .mobile-menu-brand small{
    display:block;
    color:var(--muted);
    font-size:.76rem;
    line-height:1.7;
  }

  .mobile-menu-close{
    width:38px;
    height:38px;
    min-width:38px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:14px;
    color:var(--text);
    background:rgba(255,255,255,.045);
    cursor:pointer;
  }

  .mobile-menu-close .icon{
    width:17px;
    height:17px;
  }

  .mobile-menu-nav{
    display:grid;
    gap:8px;
  }

  .mobile-menu-link{
    position:relative;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:58px;
    padding:8px 9px;
    border-radius:18px;
    color:var(--text);
    text-decoration:none;
    border:1px solid transparent;
    background:rgba(255,255,255,.028);
    transition:background .18s ease, border-color .18s ease, transform .18s ease;
  }

  .mobile-menu-link:hover,
  .mobile-menu-link.is-active{
    border-color:rgba(208,165,111,.22);
    background:rgba(208,165,111,.105);
  }

  .mobile-menu-link:active{
    transform:translateY(1px);
  }

  .mobile-menu-link-icon{
    width:42px;
    height:42px;
    border-radius:15px;
  }

  .mobile-menu-link-icon .icon{
    width:18px;
    height:18px;
  }

  .mobile-menu-link-copy{
    min-width:0;
    display:grid;
    gap:2px;
  }

  .mobile-menu-link-copy strong{
    font-size:.92rem;
    line-height:1.35;
  }

  .mobile-menu-link-copy small{
    color:var(--muted);
    font-size:.75rem;
    line-height:1.65;
  }

  .mobile-menu-badge{
    min-width:22px;
    height:22px;
    display:grid;
    place-items:center;
    padding:0 7px;
    border-radius:999px;
    color:var(--brand-contrast);
    background:linear-gradient(135deg, var(--brand-2), var(--brand));
    font-size:.72rem;
    font-weight:900;
  }

  body[data-theme="light"] .mobile-menu-trigger,
  body[data-theme="light"] .mobile-menu-close{
    background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(249,243,236,.82));
    border-color:rgba(159,115,68,.14);
  }

  body[data-theme="light"] .mobile-menu-backdrop{
    background:rgba(61, 41, 23, .28);
  }

  body[data-theme="light"] .mobile-menu-card{
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,242,235,.96));
    border-color:rgba(159,115,68,.14);
    box-shadow:-22px 0 52px rgba(124,97,62,.16);
  }

  body[data-theme="light"] .mobile-menu-head{
    border-bottom-color:rgba(159,115,68,.12);
  }

  body[data-theme="light"] .mobile-menu-link{
    background:rgba(255,255,255,.55);
  }

  body[data-theme="light"] .mobile-menu-link:hover,
  body[data-theme="light"] .mobile-menu-link.is-active{
    background:rgba(208,165,111,.14);
    border-color:rgba(159,115,68,.18);
  }
}

@media (max-width: 430px){
  .header-brand .brand-title{
    max-width:10ch;
    font-size:.88rem;
  }

  .topbar .header-actions-left .header-login-btn{
    padding-inline:9px;
  }

  .header-login-text-mobile{
    max-width:38px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mobile-menu-drawer{
    width:min(304px, calc(100vw - 26px));
    padding:8px;
  }

  .mobile-menu-card{
    border-radius:24px 0 0 24px;
    padding:12px;
  }
}

/* v32 fix: keep the mobile menu outside the header stacking context and pin it to the viewport */
@media (max-width: 720px){
  .mobile-menu-backdrop,
  .mobile-menu-drawer{
    position:fixed !important;
    display:block;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
  }

  .mobile-menu-backdrop{
    inset:0 !important;
    width:100vw;
    height:100vh;
    height:100dvh;
    z-index:3200;
  }

  .mobile-menu-drawer{
    inset-block:0 !important;
    inset-inline-start:auto !important;
    inset-inline-end:0 !important;
    width:min(326px, calc(100vw - 28px));
    height:100vh;
    height:100dvh;
    max-height:100dvh;
    z-index:3210;
    padding:10px;
    box-sizing:border-box;
    transform:translate3d(105%,0,0);
    will-change:transform;
  }

  .is-mobile-menu-open{
    overflow:hidden;
    touch-action:none;
  }

  .is-mobile-menu-open .mobile-menu-backdrop,
  .is-mobile-menu-open .mobile-menu-drawer{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .is-mobile-menu-open .mobile-menu-drawer{
    transform:translate3d(0,0,0);
  }

  .mobile-menu-card{
    height:100%;
    max-height:calc(100dvh - 20px);
    box-sizing:border-box;
  }
}

@media (max-width: 430px){
  .mobile-menu-drawer{
    width:min(308px, calc(100vw - 20px));
    padding:8px;
  }

  .mobile-menu-card{
    max-height:calc(100dvh - 16px);
  }
}

/* v33 fix: force mobile drawer to the physical right edge in RTL pages */
@media (max-width: 720px){
  .mobile-menu-drawer{
    left:auto !important;
    right:0 !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    transform:translate3d(105%,0,0);
  }

  .is-mobile-menu-open .mobile-menu-drawer{
    transform:translate3d(0,0,0);
  }
}

/* v34 cleaner catalog headers and centered empty states */
.catalog-clean-head{
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.catalog-title-lockup{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.catalog-title-icon{
  width:46px;
  height:46px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:var(--brand);
  background:rgba(208,165,111,.10);
  border:1px solid rgba(208,165,111,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.catalog-title-icon .icon{
  width:22px;
  height:22px;
}

.catalog-title-copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.catalog-title-copy h1,
.shop-catalog-head--minimal .catalog-title-copy h1,
.news-catalog-head--minimal .catalog-title-copy h1{
  margin:0;
  font-size:1.42rem;
  line-height:1.35;
  letter-spacing:-.015em;
}

.catalog-title-copy .soft{
  margin:0;
  max-width:none;
  font-size:.92rem;
  line-height:1.7;
}

.catalog-count-badges{
  flex:0 0 auto;
  justify-content:flex-end;
  align-items:center;
}

.minimal-empty-state{
  grid-column:1 / -1;
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:26px 18px;
  text-align:center;
  color:var(--muted);
  border:1px dashed rgba(255,255,255,.10);
  border-radius:24px;
  background:rgba(255,255,255,.025);
}

.minimal-empty-state p{
  margin:0;
  color:var(--text);
  font-size:1.02rem;
  font-weight:800;
  line-height:1.9;
}

.minimal-empty-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--brand-2);
  background:rgba(208,165,111,.08);
  text-decoration:none;
  font-weight:800;
  font-size:.9rem;
}

.minimal-empty-link:hover{
  transform:translateY(-1px);
  border-color:rgba(208,165,111,.25);
}

body[data-theme="light"] .catalog-title-icon{
  background:rgba(159,115,68,.08);
  border-color:rgba(159,115,68,.14);
}

body[data-theme="light"] .minimal-empty-state{
  border-color:rgba(159,115,68,.16);
  background:rgba(255,255,255,.58);
}

body[data-theme="light"] .minimal-empty-link{
  background:rgba(159,115,68,.08);
  border-color:rgba(159,115,68,.14);
}

@media (max-width: 720px){
  .catalog-clean-head{
    align-items:center;
    gap:12px;
  }

  .catalog-title-icon{
    width:42px;
    height:42px;
    border-radius:14px;
  }

  .catalog-title-copy h1,
  .shop-catalog-head--minimal .catalog-title-copy h1,
  .news-catalog-head--minimal .catalog-title-copy h1{
    font-size:1.22rem;
  }

  .catalog-title-copy .soft{
    display:none;
  }

  .catalog-count-badges{
    max-width:48%;
  }
}

@media (max-width: 460px){
  .catalog-clean-head{
    flex-direction:row;
  }

  .catalog-count-badges .badge:not(:first-child){
    display:none;
  }

  .minimal-empty-state{
    min-height:150px;
    border-radius:20px;
  }
}

/* v35 mobile cleanup: hide gated cart for guests and make content calmer on phones */
@media (max-width: 720px){
  .page-space{
    padding-top:8px;
  }

  .minimal-stage-shell,
  .shop-catalog-panel--minimal,
  .news-catalog-panel--minimal,
  .news-detail-card--minimal{
    border-radius:22px;
    padding:14px;
    box-shadow:0 12px 28px rgba(0,0,0,.16);
  }

  .minimal-stage-head{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }

  .minimal-stage-intro h1{
    font-size:1.18rem;
    line-height:1.55;
  }

  .minimal-tabs{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
    padding:6px;
    border-radius:18px;
  }

  .minimal-tab-btn,
  .minimal-tab-btn.is-link{
    min-height:40px;
    padding:0 8px;
    gap:6px;
    border-radius:13px;
    font-size:.82rem;
  }

  .minimal-tab-btn .icon{
    width:16px;
    height:16px;
  }

  .minimal-stage-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .minimal-display-card,
  .minimal-side-card{
    min-height:0;
    border-radius:20px;
    padding:14px;
    box-shadow:0 10px 24px rgba(0,0,0,.14);
  }

  .minimal-display-header{
    margin-bottom:12px;
    gap:8px;
  }

  .minimal-display-header .badge,
  .minimal-eyebrow{
    min-height:32px;
    padding:0 10px;
    font-size:.78rem;
  }

  .minimal-display-copy{
    gap:9px;
    margin-bottom:14px;
  }

  .minimal-display-copy h2{
    font-size:1.05rem;
    line-height:1.65;
  }

  .minimal-display-copy .soft{
    font-size:.88rem;
    line-height:1.9;
  }

  .minimal-chip-row{
    gap:7px;
    margin-bottom:14px;
  }

  .minimal-chip{
    min-height:30px;
    padding:0 10px;
    font-size:.78rem;
  }

  .minimal-stat-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  .minimal-stat-box{
    padding:11px 12px;
    border-radius:16px;
    gap:4px;
  }

  .minimal-side-card{
    gap:10px;
  }

  .minimal-side-top{
    gap:8px;
  }

  .minimal-side-icon{
    width:40px;
    height:40px;
    border-radius:14px;
  }

  .minimal-side-card h3{
    font-size:1rem;
    line-height:1.55;
  }

  .minimal-side-card p,
  .minimal-side-submeta{
    display:none;
  }

  .minimal-side-metric{
    font-size:.98rem;
    line-height:1.5;
  }

  .minimal-side-action{
    min-height:40px;
    border-radius:13px;
    margin-top:0;
  }

  .minimal-list-stack{
    gap:9px;
  }

  .minimal-list-item{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:12px;
    border-radius:17px;
  }

  .minimal-list-copy{
    gap:5px;
  }

  .minimal-list-copy strong{
    font-size:.94rem;
    line-height:1.55;
  }

  .minimal-list-meta,
  .minimal-list-meta-news,
  .minimal-list-meta-news.wide{
    justify-items:start;
    text-align:right;
  }

  .catalog-clean-head{
    gap:10px;
    margin-bottom:10px;
  }

  .catalog-title-lockup{
    gap:9px;
  }

  .catalog-title-icon{
    width:38px;
    height:38px;
    border-radius:13px;
  }

  .catalog-title-icon .icon{
    width:19px;
    height:19px;
  }

  .catalog-count-badges{
    max-width:44%;
    gap:6px;
  }

  .catalog-count-badges .badge{
    min-height:30px;
    padding-inline:9px;
    font-size:.75rem;
  }

  .shop-catalog-search{
    margin-top:12px;
  }

  .shop-catalog-search-inner{
    min-height:0;
    padding:7px;
    gap:7px;
    border-radius:18px;
  }

  .shop-catalog-search-input{
    min-height:42px;
    font-size:.88rem;
  }

  .shop-catalog-search-submit,
  .shop-catalog-search-clear{
    min-height:40px;
    border-radius:13px;
  }

  .shop-product-grid--minimal{
    grid-template-columns:1fr;
    gap:10px;
  }

  .shop-product-card--minimal,
  .news-minimal-card,
  .news-minimal-card.is-featured{
    border-radius:20px;
    padding:13px;
    box-shadow:0 10px 24px rgba(0,0,0,.15);
  }

  .shop-product-visual--minimal{
    min-height:112px;
    border-radius:17px;
  }

  .shop-product-icon--minimal{
    width:52px;
    height:52px;
    border-radius:17px;
  }

  .shop-product-card--minimal h3,
  .news-minimal-copy h2,
  .news-minimal-card.is-featured .news-minimal-copy h2{
    font-size:1rem;
    line-height:1.65;
  }

  .shop-product-card--minimal .shop-product-description,
  .news-minimal-copy p{
    font-size:.88rem;
    line-height:1.85;
  }

  .shop-card-meta--minimal{
    padding:10px 11px;
    border-radius:15px;
  }

  .shop-card-actions--minimal .btn,
  .shop-qty-form--minimal .btn{
    min-height:40px;
    border-radius:13px;
  }

  .news-minimal-grid{
    gap:10px;
  }

  .news-minimal-meta{
    gap:7px;
  }

  .news-minimal-actions .btn{
    width:100%;
    justify-content:center;
  }

  .minimal-empty-state{
    min-height:132px;
    padding:20px 14px;
    border-radius:19px;
  }
}

@media (max-width: 380px){
  .minimal-tab-btn,
  .minimal-tab-btn.is-link{
    font-size:.76rem;
    padding-inline:5px;
  }

  .catalog-title-copy h1,
  .shop-catalog-head--minimal .catalog-title-copy h1,
  .news-catalog-head--minimal .catalog-title-copy h1{
    font-size:1.08rem;
  }

  .catalog-count-badges .badge{
    font-size:.7rem;
    padding-inline:7px;
  }
}

/* v35 profile dropdown desktop containment/readability fix */
@media (min-width: 769px){
  .topbar-premium .header-actions-left .user-menu{
    position:relative;
    z-index:320;
  }

  .topbar-premium .header-actions-left .user-menu[open]{
    z-index:360;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown{
    left:0 !important;
    right:auto !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    width:min(320px, calc(100vw - 28px));
    min-width:286px;
    max-width:calc(100vw - 28px);
    background:linear-gradient(180deg, #151a23 0%, #0b0f16 100%) !important;
    border-color:rgba(239,201,149,.18) !important;
    color:var(--text);
    box-shadow:0 30px 72px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown::before{
    left:24px !important;
    right:auto !important;
    background:#151a23 !important;
    border-color:rgba(239,201,149,.18) !important;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown-head{
    border-color:rgba(255,255,255,.09);
  }

  .topbar-premium .header-actions-left .user-menu-link{
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.08);
  }

  .topbar-premium .header-actions-left .user-menu-link:hover{
    background:rgba(239,201,149,.10);
    border-color:rgba(239,201,149,.20);
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown{
    background:linear-gradient(180deg, #fffdf9 0%, #f5efe5 100%) !important;
    border-color:rgba(159,115,68,.20) !important;
    box-shadow:0 24px 56px rgba(126,106,82,.22), inset 0 1px 0 rgba(255,255,255,.86) !important;
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown::before{
    background:#fffdf9 !important;
    border-color:rgba(159,115,68,.20) !important;
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-link{
    background:rgba(159,115,68,.055);
    border-color:rgba(159,115,68,.12);
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-link:hover{
    background:rgba(159,115,68,.095);
    border-color:rgba(159,115,68,.20);
  }
}

/* v36 mobile profile/dropdown readability: remove glass effect on small screens */
@media (max-width: 768px){
  .topbar-premium .header-actions-left .user-menu{
    position:relative;
    z-index:340;
  }

  .topbar-premium .header-actions-left .user-menu[open]{
    z-index:380;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown{
    left:0 !important;
    right:auto !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    top:calc(100% + 10px);
    width:min(292px, calc(100vw - 18px));
    min-width:0;
    max-width:calc(100vw - 18px);
    padding:10px;
    border-radius:20px;
    background:linear-gradient(180deg, #151a23 0%, #0b0f16 100%) !important;
    border-color:rgba(239,201,149,.18) !important;
    color:var(--text);
    box-shadow:0 24px 56px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown::before{
    left:18px !important;
    right:auto !important;
    background:#151a23 !important;
    border-color:rgba(239,201,149,.18) !important;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown-head{
    border-color:rgba(255,255,255,.09);
  }

  .topbar-premium .header-actions-left .user-menu-dropdown-head small,
  .topbar-premium .header-actions-left .user-menu-link-copy small{
    color:rgba(238,232,222,.74);
  }

  .topbar-premium .header-actions-left .user-menu-link{
    background:rgba(255,255,255,.052);
    border-color:rgba(255,255,255,.085);
  }

  .topbar-premium .header-actions-left .user-menu-link:hover,
  .topbar-premium .header-actions-left .user-menu-link:focus-visible{
    background:rgba(239,201,149,.11);
    border-color:rgba(239,201,149,.22);
  }

  .topbar-premium .header-actions-left .user-menu-link-icon{
    background:rgba(208,165,111,.16);
    border-color:rgba(208,165,111,.24);
  }

  .mobile-menu-card{
    background:linear-gradient(180deg, #151a23 0%, #0b0f16 100%) !important;
    border-color:rgba(239,201,149,.16) !important;
    box-shadow:-22px 0 58px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .mobile-menu-link{
    background:rgba(255,255,255,.052);
    border-color:rgba(255,255,255,.075);
  }

  .mobile-menu-link-copy small,
  .mobile-menu-brand small{
    color:rgba(238,232,222,.72);
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown{
    background:linear-gradient(180deg, #fffdf9 0%, #f5efe5 100%) !important;
    border-color:rgba(159,115,68,.20) !important;
    box-shadow:0 22px 52px rgba(126,106,82,.24), inset 0 1px 0 rgba(255,255,255,.86) !important;
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown::before{
    background:#fffdf9 !important;
    border-color:rgba(159,115,68,.20) !important;
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown-head,
  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown-foot{
    border-color:rgba(159,115,68,.14);
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown-head small,
  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-link-copy small{
    color:rgba(93,70,47,.72);
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-link{
    background:rgba(159,115,68,.06);
    border-color:rgba(159,115,68,.13);
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-link:hover,
  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-link:focus-visible{
    background:rgba(159,115,68,.11);
    border-color:rgba(159,115,68,.22);
  }

  body[data-theme="light"] .mobile-menu-card{
    background:linear-gradient(180deg, #fffdf9 0%, #f5efe5 100%) !important;
    border-color:rgba(159,115,68,.18) !important;
    box-shadow:-18px 0 44px rgba(126,106,82,.20), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }

  body[data-theme="light"] .mobile-menu-link{
    background:rgba(159,115,68,.055);
    border-color:rgba(159,115,68,.12);
  }

  body[data-theme="light"] .mobile-menu-link-copy small,
  body[data-theme="light"] .mobile-menu-brand small{
    color:rgba(93,70,47,.70);
  }
}

/* v37 restore the previous elegant three-dot mobile drawer styling while keeping profile dropdown readability fixes */
@media (max-width: 768px){
  .mobile-menu-card{
    background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--surface-2) 96%, transparent)) !important;
    border-color:rgba(255,255,255,.075) !important;
    box-shadow:-22px 0 60px rgba(0,0,0,.34) !important;
  }

  .mobile-menu-head{
    border-bottom-color:rgba(255,255,255,.07) !important;
  }

  .mobile-menu-link{
    background:rgba(255,255,255,.028) !important;
    border-color:transparent !important;
  }

  .mobile-menu-link:hover,
  .mobile-menu-link.is-active{
    border-color:rgba(208,165,111,.22) !important;
    background:rgba(208,165,111,.105) !important;
  }

  .mobile-menu-link-copy small,
  .mobile-menu-brand small{
    color:var(--muted) !important;
  }

  body[data-theme="light"] .mobile-menu-card{
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,242,235,.96)) !important;
    border-color:rgba(159,115,68,.14) !important;
    box-shadow:-22px 0 52px rgba(124,97,62,.16) !important;
  }

  body[data-theme="light"] .mobile-menu-head{
    border-bottom-color:rgba(159,115,68,.12) !important;
  }

  body[data-theme="light"] .mobile-menu-link{
    background:rgba(255,255,255,.55) !important;
    border-color:transparent !important;
  }

  body[data-theme="light"] .mobile-menu-link:hover,
  body[data-theme="light"] .mobile-menu-link.is-active{
    background:rgba(208,165,111,.14) !important;
    border-color:rgba(159,115,68,.18) !important;
  }
}

/* v38 account/profile visual harmony: user area follows the site design system on desktop and mobile */
.user-menu-trigger{
  border-color:var(--line) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.026)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 10px 22px rgba(0,0,0,.10) !important;
  color:var(--text) !important;
}

.user-menu-trigger:hover,
.user-menu[open] .user-menu-trigger{
  border-color:rgba(208,165,111,.28) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.16), rgba(208,165,111,.065)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 28px rgba(0,0,0,.16) !important;
}

.user-menu-icons{
  width:34px;
  height:34px;
  min-width:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  border-radius:13px;
  color:var(--brand-2);
  background:linear-gradient(180deg, rgba(208,165,111,.20), rgba(208,165,111,.075));
  border:1px solid rgba(208,165,111,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.user-menu-icons .icon{
  width:17px !important;
  height:17px !important;
}

.user-menu-caret{
  margin-inline-start:3px;
  color:var(--soft);
  font-size:.82rem;
  line-height:1;
}

.user-menu-name{
  color:var(--text) !important;
}

.user-menu-meta{
  color:var(--muted) !important;
}

.user-menu-dropdown{
  color:var(--text) !important;
  border-color:rgba(208,165,111,.18) !important;
  background:radial-gradient(circle at top right, rgba(208,165,111,.12), transparent 36%), linear-gradient(180deg, rgba(18,22,29,.985), rgba(10,13,18,.992)) !important;
  box-shadow:0 28px 62px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.user-menu-dropdown::before{
  background:#141922 !important;
  border-color:rgba(208,165,111,.18) !important;
}

.user-menu-dropdown-head{
  margin-bottom:10px;
  padding:10px 10px 13px;
  border-radius:17px;
  border:1px solid rgba(208,165,111,.11);
  background:linear-gradient(180deg, rgba(208,165,111,.10), rgba(255,255,255,.025));
}

.user-menu-dropdown-kicker{
  color:var(--brand-2) !important;
}

.user-menu-dropdown-head small,
.user-menu-link-copy small{
  color:var(--muted) !important;
}

.user-menu-link{
  background:rgba(255,255,255,.038) !important;
  border-color:rgba(255,255,255,.07) !important;
}

.user-menu-link:hover,
.user-menu-link:focus-visible{
  color:var(--text) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.13), rgba(208,165,111,.055)) !important;
  border-color:rgba(208,165,111,.22) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.16) !important;
}

.user-menu-link-icon{
  color:var(--brand-2) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.18), rgba(208,165,111,.07)) !important;
  border-color:rgba(208,165,111,.18) !important;
}

.user-menu-link.is-danger{
  color:#ffd3d3 !important;
  background:rgba(215,95,95,.055) !important;
  border-color:rgba(215,95,95,.14) !important;
}

.user-menu-link.is-danger:hover,
.user-menu-link.is-danger:focus-visible{
  background:rgba(215,95,95,.11) !important;
  border-color:rgba(215,95,95,.24) !important;
}

/* user dashboard / account page: use the same warm surfaces as the rest of the site */
.account-hub{
  border-color:rgba(208,165,111,.15) !important;
  background:radial-gradient(circle at top right, rgba(208,165,111,.10), transparent 34%), linear-gradient(180deg, rgba(16,20,27,.97), rgba(10,13,18,.985)) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.28) !important;
}

.account-hub::before{
  opacity:.55;
}

.account-sidebar-card,
.account-sidebar-head,
.account-panel,
.account-summary-card,
.account-list-card,
.account-side-btn{
  border-color:rgba(255,255,255,.075) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.account-sidebar-head{
  border-color:rgba(208,165,111,.13) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.11), rgba(255,255,255,.025)) !important;
}

.account-side-btn:hover,
.account-side-btn.is-active,
.account-summary-card:hover,
.account-list-card:hover{
  border-color:rgba(208,165,111,.23) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.13), rgba(208,165,111,.045)) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.16) !important;
}

.account-side-btn-icon,
.account-panel-icon,
.account-summary-icon,
.account-list-icon{
  color:var(--brand-2) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.22), rgba(208,165,111,.08)) !important;
  border-color:rgba(208,165,111,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.10) !important;
}

.account-sidebar-kicker,
.account-panel-kicker,
.account-list-note b{
  color:var(--brand-2) !important;
}

body[data-theme="light"] .user-menu-trigger{
  background:linear-gradient(180deg, rgba(255,248,236,.90), rgba(255,238,216,.76)) !important;
  border-color:rgba(128,71,22,.13) !important;
  box-shadow:0 10px 22px rgba(143,76,16,.07), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

body[data-theme="light"] .user-menu-trigger:hover,
body[data-theme="light"] .user-menu[open] .user-menu-trigger{
  background:linear-gradient(180deg, rgba(255,228,190,.92), rgba(255,240,221,.82)) !important;
  border-color:rgba(185,122,57,.22) !important;
  box-shadow:0 14px 26px rgba(143,76,16,.10), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

body[data-theme="light"] .user-menu-icons{
  color:var(--brand);
  background:linear-gradient(180deg, rgba(185,122,57,.15), rgba(185,122,57,.065));
  border-color:rgba(185,122,57,.16);
}

body[data-theme="light"] .user-menu-dropdown{
  border-color:rgba(128,71,22,.15) !important;
  background:radial-gradient(circle at top right, rgba(225,118,24,.10), transparent 34%), linear-gradient(180deg, rgba(255,250,243,.985), rgba(247,235,218,.992)) !important;
  box-shadow:0 24px 50px rgba(143,76,16,.15), inset 0 1px 0 rgba(255,255,255,.88) !important;
}

body[data-theme="light"] .user-menu-dropdown::before{
  background:#fff7ed !important;
  border-color:rgba(128,71,22,.15) !important;
}

body[data-theme="light"] .user-menu-dropdown-head{
  border-color:rgba(185,122,57,.14);
  background:linear-gradient(180deg, rgba(185,122,57,.095), rgba(255,255,255,.42));
}

body[data-theme="light"] .user-menu-link{
  background:rgba(255,255,255,.54) !important;
  border-color:rgba(128,71,22,.10) !important;
}

body[data-theme="light"] .user-menu-link:hover,
body[data-theme="light"] .user-menu-link:focus-visible{
  background:linear-gradient(180deg, rgba(225,118,24,.12), rgba(255,255,255,.62)) !important;
  border-color:rgba(185,122,57,.22) !important;
  box-shadow:0 12px 24px rgba(143,76,16,.10) !important;
}

body[data-theme="light"] .user-menu-link-icon{
  color:var(--brand) !important;
  background:linear-gradient(180deg, rgba(185,122,57,.14), rgba(185,122,57,.055)) !important;
  border-color:rgba(185,122,57,.15) !important;
}

body[data-theme="light"] .account-hub{
  border-color:rgba(128,71,22,.13) !important;
  background:radial-gradient(circle at top right, rgba(225,118,24,.10), transparent 34%), linear-gradient(180deg, rgba(255,248,236,.92), rgba(255,238,216,.88)) !important;
  box-shadow:0 20px 42px rgba(143,76,16,.10) !important;
}

body[data-theme="light"] .account-sidebar-card,
body[data-theme="light"] .account-sidebar-head,
body[data-theme="light"] .account-panel,
body[data-theme="light"] .account-summary-card,
body[data-theme="light"] .account-list-card,
body[data-theme="light"] .account-side-btn{
  background:linear-gradient(180deg, rgba(255,250,243,.88), rgba(255,240,221,.78)) !important;
  border-color:rgba(128,71,22,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70) !important;
}

body[data-theme="light"] .account-sidebar-head,
body[data-theme="light"] .account-side-btn:hover,
body[data-theme="light"] .account-side-btn.is-active,
body[data-theme="light"] .account-summary-card:hover,
body[data-theme="light"] .account-list-card:hover{
  background:linear-gradient(180deg, rgba(225,118,24,.105), rgba(255,248,236,.74)) !important;
  border-color:rgba(185,122,57,.22) !important;
}

body[data-theme="light"] .account-side-btn-icon,
body[data-theme="light"] .account-panel-icon,
body[data-theme="light"] .account-summary-icon,
body[data-theme="light"] .account-list-icon{
  color:var(--brand) !important;
  background:linear-gradient(180deg, rgba(185,122,57,.15), rgba(185,122,57,.06)) !important;
  border-color:rgba(185,122,57,.15) !important;
}

@media (max-width: 768px){
  .topbar .header-actions-left .user-menu-trigger{
    border-radius:14px !important;
  }

  .topbar .header-actions-left .user-menu-icons{
    width:32px;
    height:32px;
    min-width:32px;
    border-radius:12px;
    background:transparent;
    border-color:transparent;
    box-shadow:none;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown{
    background:radial-gradient(circle at top right, rgba(208,165,111,.12), transparent 34%), linear-gradient(180deg, rgba(18,22,29,.99), rgba(10,13,18,.995)) !important;
    border-color:rgba(208,165,111,.18) !important;
    box-shadow:0 24px 52px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.055) !important;
  }

  .topbar-premium .header-actions-left .user-menu-dropdown::before{
    background:#141922 !important;
    border-color:rgba(208,165,111,.18) !important;
  }

  .account-hub-wrap{
    margin-top:12px;
    margin-bottom:12px;
  }

  .account-hub{
    padding:14px !important;
    border-radius:26px !important;
    gap:14px !important;
  }

  .account-sidebar-card,
  .account-panel{
    border-radius:22px !important;
  }

  .account-sidebar-card{
    gap:12px;
  }

  .account-sidebar-head{
    padding:12px 13px !important;
    border-radius:18px !important;
  }

  .account-side-nav{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .account-side-btn{
    min-height:58px;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:9px !important;
    padding:9px 10px !important;
    border-radius:18px !important;
  }

  .account-side-btn-icon,
  .account-panel-icon,
  .account-summary-icon,
  .account-list-icon{
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
  }

  .account-side-btn-label{
    font-size:.86rem;
    line-height:1.45;
  }

  .account-panel{
    padding:16px !important;
  }

  .account-panel-head{
    margin-bottom:14px;
  }

  .account-panel-head h1,
  .account-panel-head h2{
    font-size:1.12rem !important;
  }

  .account-summary-card,
  .account-list-card{
    border-radius:20px !important;
    padding:14px !important;
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown{
    background:radial-gradient(circle at top right, rgba(225,118,24,.10), transparent 34%), linear-gradient(180deg, rgba(255,250,243,.99), rgba(247,235,218,.995)) !important;
    border-color:rgba(128,71,22,.15) !important;
    box-shadow:0 22px 46px rgba(143,76,16,.16), inset 0 1px 0 rgba(255,255,255,.88) !important;
  }

  body[data-theme="light"] .topbar-premium .header-actions-left .user-menu-dropdown::before{
    background:#fff7ed !important;
    border-color:rgba(128,71,22,.15) !important;
  }
}

@media (max-width: 430px){
  .account-side-nav{
    grid-template-columns:1fr;
  }

  .account-hub{
    padding:12px !important;
    border-radius:24px !important;
  }

  .account-panel{
    padding:14px !important;
  }
}

/* v39 profile menu content-only polish: keep the header trigger style, harmonize only the dropdown content */
.header-actions-left .user-menu-trigger,
body[data-theme="light"] .header-actions-left .user-menu-trigger{
  background:rgba(255,255,255,.052) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}

body[data-theme="light"] .header-actions-left .user-menu-trigger{
  background:rgba(255,255,255,.60) !important;
}

.header-actions-left .user-menu-trigger:hover,
.header-actions-left .user-menu[open] .user-menu-trigger,
body[data-theme="light"] .header-actions-left .user-menu-trigger:hover,
body[data-theme="light"] .header-actions-left .user-menu[open] .user-menu-trigger{
  background:var(--gold-soft) !important;
  border-color:var(--line-2) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}

.header-actions-left .user-menu-icons,
body[data-theme="light"] .header-actions-left .user-menu-icons{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border-radius:0 !important;
  color:inherit !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.header-actions-left .user-menu-icons .icon{
  width:17px !important;
  height:17px !important;
}

.user-menu-dropdown{
  overflow:hidden;
}

.user-menu-dropdown-head{
  gap:5px !important;
  padding:11px 12px 13px !important;
  margin-bottom:9px !important;
  border-radius:18px !important;
  border:1px solid rgba(208,165,111,.12) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.10), rgba(255,255,255,.022)) !important;
}

.user-menu-dropdown-kicker{
  width:max-content;
  padding:3px 8px;
  border-radius:999px;
  color:var(--brand-2) !important;
  background:rgba(208,165,111,.105);
  border:1px solid rgba(208,165,111,.14);
}

.user-menu-dropdown-head strong{
  color:var(--text) !important;
  font-size:.98rem !important;
  line-height:1.55 !important;
}

.user-menu-dropdown-head small{
  color:var(--muted) !important;
  font-size:.79rem !important;
  line-height:1.8 !important;
}

.user-menu-dropdown-group,
.user-menu-dropdown-foot{
  gap:7px !important;
}

.user-menu-dropdown-foot{
  margin-top:8px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}

.user-menu-link{
  display:flex !important;
  direction:rtl;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:11px !important;
  padding:10px 11px !important;
  border-radius:17px !important;
  color:var(--text) !important;
  background:rgba(255,255,255,.032) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  box-shadow:none !important;
}

.user-menu-link:hover,
.user-menu-link:focus-visible{
  color:var(--text) !important;
  background:linear-gradient(180deg, rgba(208,165,111,.12), rgba(208,165,111,.052)) !important;
  border-color:rgba(208,165,111,.22) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.14) !important;
}

.user-menu-link-icon{
  order:-1;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:13px !important;
  color:var(--brand-2) !important;
  background:rgba(208,165,111,.13) !important;
  border:1px solid rgba(208,165,111,.17) !important;
}

.user-menu-link-copy{
  min-width:0;
  text-align:right !important;
  display:grid !important;
  gap:1px !important;
}

.user-menu-link-copy strong{
  color:inherit !important;
  font-size:.92rem !important;
  line-height:1.55 !important;
}

.user-menu-link-copy small{
  color:var(--muted) !important;
  font-size:.76rem !important;
  line-height:1.75 !important;
}

.user-menu-link.is-danger{
  color:#ffd6d6 !important;
  background:rgba(215,95,95,.052) !important;
  border-color:rgba(215,95,95,.14) !important;
}

.user-menu-link.is-danger .user-menu-link-icon{
  color:#ffd6d6 !important;
  background:rgba(215,95,95,.115) !important;
  border-color:rgba(215,95,95,.18) !important;
}

.user-menu-link.is-danger:hover,
.user-menu-link.is-danger:focus-visible{
  background:rgba(215,95,95,.10) !important;
  border-color:rgba(215,95,95,.24) !important;
}

body[data-theme="light"] .user-menu-dropdown-head{
  border-color:rgba(159,115,68,.13) !important;
  background:linear-gradient(180deg, rgba(185,122,57,.085), rgba(255,255,255,.48)) !important;
}

body[data-theme="light"] .user-menu-dropdown-kicker{
  color:var(--brand) !important;
  background:rgba(185,122,57,.105) !important;
  border-color:rgba(185,122,57,.15) !important;
}

body[data-theme="light"] .user-menu-dropdown-foot{
  border-top-color:rgba(159,115,68,.12) !important;
}

body[data-theme="light"] .user-menu-link{
  background:rgba(255,255,255,.58) !important;
  border-color:rgba(159,115,68,.11) !important;
}

body[data-theme="light"] .user-menu-link:hover,
body[data-theme="light"] .user-menu-link:focus-visible{
  background:linear-gradient(180deg, rgba(185,122,57,.105), rgba(255,255,255,.62)) !important;
  border-color:rgba(185,122,57,.21) !important;
  box-shadow:0 12px 24px rgba(126,106,82,.10) !important;
}

body[data-theme="light"] .user-menu-link-icon{
  color:var(--brand) !important;
  background:rgba(185,122,57,.12) !important;
  border-color:rgba(185,122,57,.15) !important;
}

@media (max-width: 768px){
  .topbar .header-actions-left .user-menu-trigger{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    border-radius:14px !important;
  }

  .topbar .header-actions-left .user-menu-text,
  .topbar .header-actions-left .user-menu-caret{
    display:none !important;
  }

  .topbar .header-actions-left .user-menu-icons,
  body[data-theme="light"] .topbar .header-actions-left .user-menu-icons{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }

  .user-menu-dropdown-head{
    padding:10px 10px 12px !important;
    border-radius:16px !important;
  }

  .user-menu-link{
    padding:10px !important;
    border-radius:16px !important;
  }
}

/* v28 user dropdown content tune: keep trigger, polish only panel content */
.user-menu-dropdown{
  direction:rtl !important;
  background:linear-gradient(180deg, rgba(18,22,29,.99), rgba(11,14,19,.995)) !important;
  border-color:rgba(239,201,149,.13) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter:blur(10px) !important;
}

.user-menu-dropdown::before{
  background:rgba(18,22,29,.99) !important;
  border-color:rgba(239,201,149,.13) !important;
}

.user-menu-dropdown-head{
  direction:rtl !important;
  text-align:right !important;
  justify-items:start !important;
  align-items:start !important;
  padding:10px 10px 12px !important;
  margin-bottom:8px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(239,201,149,.075), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(239,201,149,.09) !important;
  border-bottom-color:rgba(239,201,149,.09) !important;
}

.user-menu-dropdown-kicker{
  justify-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--gold-2) !important;
  font-size:.74rem !important;
  line-height:1.7 !important;
  font-weight:800 !important;
}

.user-menu-dropdown-kicker::before{
  width:6px !important;
  height:6px !important;
  background:var(--gold-2) !important;
  box-shadow:0 0 0 4px rgba(239,201,149,.11) !important;
}

.user-menu-dropdown-head strong,
.user-menu-dropdown-head small{
  justify-self:start !important;
  width:100% !important;
  text-align:right !important;
}

.user-menu-dropdown-head strong{
  color:var(--text) !important;
  font-size:.96rem !important;
  line-height:1.45 !important;
}

.user-menu-dropdown-head small{
  color:var(--muted) !important;
  font-size:.78rem !important;
  line-height:1.75 !important;
}

.user-menu-dropdown-group,
.user-menu-dropdown-foot{
  direction:rtl !important;
  gap:7px !important;
}

.user-menu-dropdown-foot{
  border-top-color:rgba(239,201,149,.08) !important;
}

.user-menu-link{
  direction:rtl !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:10px !important;
  padding:10px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.026) !important;
  border-color:rgba(239,201,149,.075) !important;
}

.user-menu-link:hover,
.user-menu-link:focus-visible{
  background:linear-gradient(180deg, rgba(239,201,149,.085), rgba(255,255,255,.032)) !important;
  border-color:rgba(239,201,149,.18) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.16) !important;
}

.user-menu-link-icon{
  grid-column:1 !important;
  grid-row:1 !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:12px !important;
  color:var(--gold-2) !important;
  background:rgba(239,201,149,.10) !important;
  border-color:rgba(239,201,149,.13) !important;
}

.user-menu-link-icon .icon,
.user-menu-link-icon svg{
  width:17px !important;
  height:17px !important;
}

.user-menu-link-copy{
  grid-column:2 !important;
  grid-row:1 !important;
  text-align:right !important;
  justify-items:start !important;
  gap:2px !important;
}

.user-menu-link-copy strong,
.user-menu-link-copy small{
  width:100% !important;
  text-align:right !important;
}

.user-menu-link-copy strong{
  font-size:.92rem !important;
  line-height:1.45 !important;
}

.user-menu-link-copy small{
  font-size:.76rem !important;
  line-height:1.7 !important;
  color:var(--muted) !important;
}

.user-menu-link.is-danger{
  color:#ffd6d6 !important;
  background:rgba(215,95,95,.045) !important;
  border-color:rgba(215,95,95,.12) !important;
}

.user-menu-link.is-danger .user-menu-link-icon{
  color:#ffd6d6 !important;
  background:rgba(215,95,95,.10) !important;
  border-color:rgba(215,95,95,.16) !important;
}

.user-menu-link.is-danger .user-menu-link-copy small{
  color:#e9b8b8 !important;
}

body[data-theme="light"] .user-menu-dropdown{
  background:linear-gradient(180deg, rgba(255,252,247,.99), rgba(246,238,226,.995)) !important;
  border-color:rgba(185,122,57,.16) !important;
  box-shadow:0 22px 46px rgba(126,106,82,.18), inset 0 1px 0 rgba(255,255,255,.7) !important;
}

body[data-theme="light"] .user-menu-dropdown::before{
  background:rgba(255,252,247,.99) !important;
  border-color:rgba(185,122,57,.16) !important;
}

body[data-theme="light"] .user-menu-dropdown-head{
  background:linear-gradient(180deg, rgba(185,122,57,.07), rgba(255,255,255,.54)) !important;
  border-color:rgba(185,122,57,.11) !important;
}

body[data-theme="light"] .user-menu-dropdown-kicker{
  color:var(--brand) !important;
}

body[data-theme="light"] .user-menu-dropdown-kicker::before{
  background:var(--brand) !important;
  box-shadow:0 0 0 4px rgba(185,122,57,.10) !important;
}

body[data-theme="light"] .user-menu-dropdown-head small,
body[data-theme="light"] .user-menu-link-copy small{
  color:#8f765f !important;
}

body[data-theme="light"] .user-menu-link{
  background:rgba(255,255,255,.46) !important;
  border-color:rgba(185,122,57,.10) !important;
}

body[data-theme="light"] .user-menu-link:hover,
body[data-theme="light"] .user-menu-link:focus-visible{
  background:linear-gradient(180deg, rgba(185,122,57,.085), rgba(255,255,255,.58)) !important;
  border-color:rgba(185,122,57,.18) !important;
  box-shadow:0 10px 22px rgba(126,106,82,.10) !important;
}

body[data-theme="light"] .user-menu-link-icon{
  color:var(--brand) !important;
  background:rgba(185,122,57,.095) !important;
  border-color:rgba(185,122,57,.13) !important;
}

@media (max-width: 768px){
  .user-menu-dropdown{
    width:min(276px, calc(100vw - 16px)) !important;
    padding:10px !important;
  }

  .user-menu-dropdown-head{
    padding:9px 9px 11px !important;
  }

  .user-menu-link{
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:9px !important;
    padding:9px !important;
  }

  .user-menu-link-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:11px !important;
  }

  .user-menu-link-icon .icon,
  .user-menu-link-icon svg{
    width:16px !important;
    height:16px !important;
  }
}

/* v45 cart page aligned with catalog/news minimal pattern */
.cart-shell--minimal{
  width:100%;
}

.cart-catalog-panel--minimal{
  gap:0;
}

.cart-catalog-head--minimal{
  margin-bottom:0;
}

.cart-head-actions{
  display:inline-flex;
  flex-wrap:wrap;
  gap:8px;
}

.cart-shop-link{
  min-height:34px;
  padding-inline:13px;
  font-size:.86rem;
  white-space:nowrap;
}

.cart-item-minimal{
  background:rgba(255,255,255,.026);
  border:1px solid rgba(255,255,255,.075);
  box-shadow:none;
}

.cart-summary-minimal{
  grid-template-columns:repeat(2,minmax(0,auto)) minmax(180px,280px);
  background:rgba(255,255,255,.028);
  box-shadow:none;
}

.cart-action-group-minimal{
  grid-template-columns:1fr;
}

.cart-empty-state{
  min-height:170px;
}

body[data-theme="light"] .cart-item-minimal{
  background:rgba(255,255,255,.68);
  border-color:rgba(159,115,68,.12);
}

body[data-theme="light"] .cart-summary-minimal{
  background:rgba(255,255,255,.64);
  border-color:rgba(159,115,68,.13);
  box-shadow:none;
}

@media (max-width: 720px){
  .cart-catalog-head--minimal{
    align-items:flex-start;
  }

  .cart-head-actions{
    max-width:48%;
    justify-content:flex-end;
  }

  .cart-shop-link{
    min-height:32px;
    padding-inline:11px;
    font-size:.8rem;
  }

  .cart-summary-minimal{
    grid-template-columns:1fr;
  }
}

@media (max-width: 460px){
  .cart-head-actions{
    max-width:50%;
  }

  .cart-head-actions .badge{
    display:none;
  }

  .cart-empty-state{
    min-height:140px;
  }
}

/* v46 cart empty CTA + balanced item rows */
.cart-head-actions .cart-shop-link{
  display:none;
}

.cart-empty-state--action{
  min-height:210px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  padding:38px 14px;
}

.cart-empty-state--action p{
  margin:0;
}

.cart-empty-shop-btn{
  min-width:150px;
  min-height:38px;
  padding-inline:18px;
  border-radius:999px;
}

.cart-item-balanced{
  grid-template-columns:minmax(180px,1fr) minmax(142px,.38fr) minmax(250px,.64fr);
  gap:16px;
  align-items:center;
  padding:14px 16px;
}

.cart-item-main{
  align-content:center;
  gap:5px;
  min-width:0;
  text-align:right;
}

.cart-item-main strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cart-item-meta{
  display:grid;
  gap:4px;
  justify-items:start;
  text-align:right;
  padding-inline:2px;
  min-width:0;
}

.cart-item-meta span{
  color:var(--muted);
  font-size:.78rem;
  line-height:1.7;
}

.cart-item-meta .price{
  font-size:.94rem;
  white-space:nowrap;
}

.cart-item-actions{
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
}

.cart-item-qty-form{
  display:grid;
  grid-template-columns:auto 66px auto;
  align-items:center;
  gap:7px;
}

.cart-qty-label{
  color:var(--muted);
  font-size:.78rem;
  white-space:nowrap;
}

.cart-item-qty-form .mini-input{
  height:34px;
  text-align:center;
}

.cart-item-actions .btn{
  min-height:34px;
  padding-inline:12px;
}

.cart-remove-btn{
  color:var(--muted);
}

.cart-summary-minimal{
  gap:14px;
  padding:14px 16px;
}

.cart-summary-minimal .shop-cart-total-line{
  min-width:96px;
}

body[data-theme="light"] .cart-empty-shop-btn{
  box-shadow:0 10px 22px rgba(159,115,68,.14);
}

body[data-theme="light"] .cart-item-meta span,
body[data-theme="light"] .cart-qty-label{
  color:#8c755f;
}

@media (max-width: 920px){
  .cart-item-balanced{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .cart-item-actions{
    grid-column:1 / -1;
    justify-content:space-between;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.06);
  }

  body[data-theme="light"] .cart-item-actions{
    border-top-color:rgba(159,115,68,.10);
  }
}

@media (max-width: 720px){
  .cart-empty-state--action{
    min-height:185px;
    padding:30px 12px;
  }

  .cart-empty-shop-btn{
    width:min(100%, 210px);
  }

  .cart-item-balanced{
    grid-template-columns:1fr;
    gap:10px;
    padding:13px;
  }

  .cart-item-main strong{
    white-space:normal;
  }

  .cart-item-meta{
    justify-items:stretch;
    padding:10px 12px;
    border-radius:14px;
    background:rgba(255,255,255,.028);
  }

  body[data-theme="light"] .cart-item-meta{
    background:rgba(159,115,68,.055);
  }

  .cart-item-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding-top:0;
    border-top:0;
  }

  .cart-item-qty-form{
    grid-template-columns:auto minmax(62px,1fr) auto;
    width:100%;
  }

  .cart-item-remove-form,
  .cart-remove-btn{
    width:100%;
  }

  .cart-summary-minimal{
    gap:10px;
  }

  .cart-summary-minimal .shop-cart-total-line{
    min-width:0;
    padding:10px 12px;
    border-radius:14px;
    background:rgba(255,255,255,.026);
  }

  body[data-theme="light"] .cart-summary-minimal .shop-cart-total-line{
    background:rgba(159,115,68,.05);
  }
}

@media (max-width: 460px){
  .cart-item-qty-form{
    grid-template-columns:1fr;
  }

  .cart-item-qty-form .mini-input,
  .cart-item-qty-form .btn{
    width:100%;
  }
}

/* v47 cart summary spacing refinement */
.shop-cart-list--compact + .shop-cart-unified-footer.cart-summary-minimal{
  margin-top:clamp(26px, 3vw, 36px);
}

.cart-summary-minimal{
  row-gap:14px;
  column-gap:16px;
}

.cart-summary-minimal .shop-cart-total-line{
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.026);
}

body[data-theme="light"] .cart-summary-minimal .shop-cart-total-line{
  background:rgba(159,115,68,.05);
}

@media (max-width: 720px){
  .shop-cart-list--compact + .shop-cart-unified-footer.cart-summary-minimal{
    margin-top:22px;
  }

  .cart-summary-minimal{
    gap:12px;
  }
}


/* v48 news warm palette + reader cleanup */
.news-catalog-panel--minimal{
  background:
    radial-gradient(circle at 92% 0%, rgba(208,165,111,.10), transparent 32%),
    linear-gradient(180deg, rgba(21,19,17,.94), rgba(13,14,16,.96));
  border-color:rgba(208,165,111,.12);
}

.news-minimal-grid{
  gap:16px;
}

.news-minimal-card,
.news-minimal-card.is-featured{
  background:
    linear-gradient(180deg, rgba(24,22,19,.94), rgba(15,16,18,.96));
  border-color:rgba(208,165,111,.13);
  box-shadow:0 14px 30px rgba(0,0,0,.20);
}

.news-minimal-card.is-featured{
  background:
    radial-gradient(circle at 94% 8%, rgba(208,165,111,.11), transparent 30%),
    linear-gradient(180deg, rgba(27,24,20,.96), rgba(15,16,18,.97));
  border-color:rgba(208,165,111,.20);
}

.news-minimal-card:hover{
  border-color:rgba(208,165,111,.26);
  box-shadow:0 18px 38px rgba(0,0,0,.24);
}

.news-minimal-link:hover{
  color:var(--gold-2);
}

.news-minimal-copy p{
  color:var(--muted);
}

.news-minimal-card .status-pill,
.news-minimal-card .status-pill.is-success,
.news-detail-card--minimal .status-pill,
.news-detail-card--minimal .status-pill.is-success,
.news-status-pill{
  color:var(--gold-2);
  background:rgba(208,165,111,.10);
  border-color:rgba(208,165,111,.18);
}

.news-minimal-card .badge,
.news-detail-card--minimal .badge,
.news-date-badge{
  color:var(--muted);
  background:rgba(255,255,255,.035);
  border-color:rgba(208,165,111,.10);
}

.news-minimal-actions .btn{
  min-height:40px;
  padding-inline:14px;
}

.news-detail-shell--minimal{
  display:block;
}

.news-breadcrumb-minimal,
.news-reader-card{
  width:min(880px, 100%);
  margin-inline:auto;
}

.news-breadcrumb-minimal{
  margin-bottom:14px;
}

.news-detail-card--minimal.news-reader-card{
  padding:0;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(22,20,18,.96), rgba(13,14,16,.98));
  border-color:rgba(208,165,111,.13);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}

.news-reader-head{
  gap:14px;
  padding:24px 26px 20px;
  border-bottom:1px solid rgba(208,165,111,.11);
  background:
    radial-gradient(circle at 92% 0%, rgba(208,165,111,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.026), transparent);
}

.news-reader-head h1{
  max-width:780px;
  font-size:clamp(1.45rem, 2.2vw, 2rem);
  line-height:1.75;
  letter-spacing:-.015em;
}

.news-reader-meta{
  justify-content:flex-start;
}

.news-reader-body{
  max-width:780px;
  margin-inline:auto;
  padding:28px 26px;
  gap:18px;
  line-height:2.15;
}

.news-reader-body p{
  color:color-mix(in srgb, var(--text) 90%, var(--muted));
  font-size:1.02rem;
  text-align:right;
}

.news-reader-actions{
  justify-content:flex-start;
  padding:18px 26px 22px;
  border-top:1px solid rgba(208,165,111,.11);
  background:rgba(255,255,255,.018);
}

body[data-theme="light"] .news-catalog-panel--minimal{
  background:
    linear-gradient(180deg, rgba(255,248,236,.92), rgba(255,239,219,.86));
  border-color:rgba(128,71,22,.12);
}

body[data-theme="light"] .news-minimal-card,
body[data-theme="light"] .news-minimal-card.is-featured{
  background:
    radial-gradient(circle at 96% 0%, rgba(249,115,22,.055), transparent 28%),
    linear-gradient(180deg, rgba(255,249,239,.94), rgba(255,241,223,.90));
  border-color:rgba(128,71,22,.13);
  box-shadow:0 14px 28px rgba(143,76,16,.075);
}

body[data-theme="light"] .news-minimal-card:hover{
  border-color:rgba(217,119,6,.22);
  box-shadow:0 18px 34px rgba(143,76,16,.10);
}

body[data-theme="light"] .news-minimal-card .status-pill,
body[data-theme="light"] .news-minimal-card .status-pill.is-success,
body[data-theme="light"] .news-detail-card--minimal .status-pill,
body[data-theme="light"] .news-detail-card--minimal .status-pill.is-success,
body[data-theme="light"] .news-status-pill{
  color:var(--gold-deep);
  background:rgba(249,115,22,.09);
  border-color:rgba(217,119,6,.16);
}

body[data-theme="light"] .news-minimal-card .badge,
body[data-theme="light"] .news-detail-card--minimal .badge,
body[data-theme="light"] .news-date-badge{
  color:var(--muted);
  background:rgba(255,246,233,.72);
  border-color:rgba(128,71,22,.11);
}

body[data-theme="light"] .news-detail-card--minimal.news-reader-card{
  background:linear-gradient(180deg, rgba(255,249,239,.94), rgba(255,242,225,.90));
  border-color:rgba(128,71,22,.12);
  box-shadow:0 18px 36px rgba(143,76,16,.09);
}

body[data-theme="light"] .news-reader-head{
  border-color:rgba(128,71,22,.11);
  background:
    radial-gradient(circle at 92% 0%, rgba(249,115,22,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.30), transparent);
}

body[data-theme="light"] .news-reader-actions{
  border-color:rgba(128,71,22,.11);
  background:rgba(255,246,233,.45);
}

@media (max-width: 720px){
  .news-minimal-grid{
    gap:12px;
  }

  .news-minimal-card,
  .news-minimal-card.is-featured{
    padding:14px;
    border-radius:20px;
  }

  .news-reader-head{
    padding:20px 16px 16px;
  }

  .news-reader-body{
    padding:22px 16px;
    gap:16px;
  }

  .news-reader-body p{
    font-size:.96rem;
    line-height:2.08;
  }

  .news-reader-actions{
    padding:16px;
  }
}

@media (max-width: 480px){
  .news-reader-meta{
    gap:8px;
  }

  .news-reader-head h1{
    font-size:1.18rem;
    line-height:1.8;
  }

  .news-reader-actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* v49 restore glass-style news surfaces and align news reader with site layout */
.news-catalog-panel--minimal{
  background:
    radial-gradient(circle at 94% 0%, rgba(208,165,111,.075), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022));
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(18px) saturate(125%);
}

.news-minimal-card,
.news-minimal-card.is-featured{
  background:
    radial-gradient(circle at 96% 0%, rgba(208,165,111,.06), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
  border-color:rgba(255,255,255,.075);
  box-shadow:0 14px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(14px) saturate(125%);
}

.news-minimal-card.is-featured{
  border-color:rgba(208,165,111,.18);
}

.news-minimal-card:hover{
  border-color:rgba(208,165,111,.28);
  background:
    radial-gradient(circle at 96% 0%, rgba(208,165,111,.085), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.032));
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}

.news-minimal-card .status-pill,
.news-minimal-card .status-pill.is-success,
.news-detail-card--minimal .status-pill,
.news-detail-card--minimal .status-pill.is-success,
.news-status-pill{
  color:var(--gold-2);
  background:rgba(208,165,111,.105);
  border-color:rgba(208,165,111,.18);
}

.news-minimal-card .badge,
.news-detail-card--minimal .badge,
.news-date-badge{
  color:var(--muted);
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.075);
}

.news-minimal-copy p{
  color:var(--muted);
}

.news-minimal-actions .btn{
  min-height:40px;
  border-radius:14px;
}

.news-detail-shell--minimal{
  display:grid;
  gap:16px;
}

.news-breadcrumb-minimal,
.news-reader-card{
  width:100%;
  max-width:none;
  margin-inline:0;
}

.news-detail-card--minimal.news-reader-card{
  padding:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 0%, rgba(208,165,111,.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022));
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(18px) saturate(125%);
}

.news-reader-head{
  gap:14px;
  padding:24px 26px 20px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}

.news-reader-head h1{
  max-width:920px;
  margin:0;
  margin-inline-start:0;
  margin-inline-end:auto;
  font-size:clamp(1.45rem, 2.2vw, 2rem);
  line-height:1.75;
  letter-spacing:-.015em;
}

.news-reader-body{
  max-width:920px;
  margin-inline-start:0;
  margin-inline-end:auto;
  padding:28px 26px;
  gap:18px;
  line-height:2.15;
}

.news-reader-body p{
  color:color-mix(in srgb, var(--text) 90%, var(--muted));
  font-size:1.02rem;
  text-align:right;
}

.news-reader-actions{
  justify-content:flex-start;
  padding:18px 26px 22px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}

.news-reader-actions .btn{
  border-radius:14px;
}

body[data-theme="light"] .news-catalog-panel--minimal{
  background:
    radial-gradient(circle at 94% 0%, rgba(208,165,111,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(251,245,239,.62));
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}

body[data-theme="light"] .news-minimal-card,
body[data-theme="light"] .news-minimal-card.is-featured{
  background:
    radial-gradient(circle at 96% 0%, rgba(208,165,111,.075), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(251,245,239,.66));
  border-color:rgba(73,50,24,.10);
  box-shadow:0 14px 30px rgba(96,77,52,.075);
}

body[data-theme="light"] .news-minimal-card:hover{
  border-color:rgba(176,121,48,.22);
  background:
    radial-gradient(circle at 96% 0%, rgba(208,165,111,.11), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.84), rgba(251,245,239,.72));
  box-shadow:0 18px 36px rgba(96,77,52,.10);
}

body[data-theme="light"] .news-minimal-card .status-pill,
body[data-theme="light"] .news-minimal-card .status-pill.is-success,
body[data-theme="light"] .news-detail-card--minimal .status-pill,
body[data-theme="light"] .news-detail-card--minimal .status-pill.is-success,
body[data-theme="light"] .news-status-pill{
  color:var(--gold-deep);
  background:rgba(208,165,111,.14);
  border-color:rgba(176,121,48,.18);
}

body[data-theme="light"] .news-minimal-card .badge,
body[data-theme="light"] .news-detail-card--minimal .badge,
body[data-theme="light"] .news-date-badge{
  color:var(--muted);
  background:rgba(255,255,255,.54);
  border-color:rgba(73,50,24,.09);
}

body[data-theme="light"] .news-detail-card--minimal.news-reader-card{
  background:
    radial-gradient(circle at 92% 0%, rgba(208,165,111,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(251,245,239,.62));
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}

body[data-theme="light"] .news-reader-head{
  border-color:var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.14));
}

body[data-theme="light"] .news-reader-actions{
  border-color:var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.10));
}

@media (max-width: 720px){
  .news-catalog-panel--minimal,
  .news-detail-card--minimal.news-reader-card{
    border-radius:22px;
  }

  .news-reader-head{
    padding:18px 16px 15px;
  }

  .news-reader-body{
    max-width:none;
    padding:20px 16px;
    gap:15px;
  }

  .news-reader-body p{
    font-size:.96rem;
    line-height:2.08;
  }

  .news-reader-actions{
    padding:15px 16px 16px;
  }
}

/* v50 news detail structure cleanup: no breadcrumb, no section-frame wrapper */
.news-detail-shell--fixed{
  display:block;
  width:100%;
  margin:0;
  padding:0;
}

.news-reader-card--fixed{
  width:100%;
  max-width:100%;
  margin:0;
  box-sizing:border-box;
}

.news-reader-card--fixed .news-reader-head,
.news-reader-card--fixed .news-reader-body,
.news-reader-card--fixed .news-reader-actions{
  box-sizing:border-box;
}

@media (max-width: 720px){
  .news-detail-shell--fixed{
    margin-top:0;
  }

  .news-reader-card--fixed{
    border-radius:22px;
  }
}

/* v51 news reader radius alignment with global site cards */
.news-detail-card--minimal.news-reader-card,
.news-reader-card--fixed{
  border-radius: var(--radius-card, 28px);
  overflow: hidden;
}

.news-reader-card--fixed .news-reader-head{
  border-radius: var(--radius-card, 28px) var(--radius-card, 28px) 0 0;
}

.news-reader-card--fixed .news-reader-actions{
  border-radius: 0 0 var(--radius-card, 28px) var(--radius-card, 28px);
}

@media (max-width: 720px){
  .news-detail-card--minimal.news-reader-card,
  .news-reader-card--fixed{
    border-radius: var(--radius-card, 22px);
  }

  .news-reader-card--fixed .news-reader-head{
    border-radius: var(--radius-card, 22px) var(--radius-card, 22px) 0 0;
  }

  .news-reader-card--fixed .news-reader-actions{
    border-radius: 0 0 var(--radius-card, 22px) var(--radius-card, 22px);
  }
}

/* Product catalog card: ordered title/stock/price/action tray */
.shop-product-card--minimal{
  align-content:start;
}

.shop-product-copy--ordered{
  gap:11px;
}

.shop-card-title-stock-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.shop-card-title-stock-row h3{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  text-align:right;
  line-height:1.75;
}

.shop-card-title-stock-row .shop-card-link{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.shop-stock-pill--combined{
  flex:0 0 auto;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  font-size:.8rem;
  line-height:1;
  color:var(--muted);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
}

.shop-stock-pill--combined.is-available{
  color:var(--gold-2);
  background:rgba(255,209,102,.08);
  border-color:rgba(255,209,102,.18);
}

.shop-stock-pill--combined.is-empty{
  color:var(--soft);
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.06);
}

.shop-card-price-line{
  display:grid;
  justify-items:start;
  gap:3px;
  text-align:right;
}

.shop-card-price-line .soft{
  font-size:.78rem;
}

.shop-card-price-line .price{
  font-size:1.04rem;
  line-height:1.5;
  color:var(--text);
}

.shop-card-action-tray{
  display:flex;
  direction:rtl;
  align-items:center;
  gap:8px;
  min-width:0;
  margin-top:auto;
  padding:8px;
  border-radius:17px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.032);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

.shop-card-action-tray .shop-card-qty-input{
  flex:0 0 62px;
  width:62px;
  min-width:62px;
  height:40px;
  min-height:40px;
  padding-inline:8px;
  border-radius:13px;
  text-align:center;
}

.shop-card-action-tray .btn{
  flex:1 1 0;
  min-width:0;
  width:100%;
  min-height:40px;
  padding-inline:10px;
  border-radius:13px;
  justify-content:center;
}

.shop-card-action-tray .shop-card-detail-btn,
.shop-card-action-tray .shop-card-add-btn{
  flex:1 1 0;
  inline-size:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}

.shop-card-action-tray .icon{
  flex:0 0 auto;
}

.shop-card-action-tray--locked{
  opacity:.88;
}

.shop-login-inline-note--minimal{
  text-align:right;
  padding-inline:4px;
}

body[data-theme="light"] .shop-stock-pill--combined{
  background:rgba(255,248,235,.68);
  border-color:rgba(217,119,6,.14);
}

body[data-theme="light"] .shop-stock-pill--combined.is-available{
  color:var(--gold-deep);
  background:rgba(255,238,186,.68);
  border-color:rgba(217,119,6,.18);
}

body[data-theme="light"] .shop-card-action-tray{
  background:rgba(255,250,240,.72);
  border-color:rgba(217,119,6,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}

@media (max-width: 720px){
  .shop-card-title-stock-row{
    gap:9px;
  }

  .shop-stock-pill--combined{
    min-height:28px;
    padding:6px 9px;
    font-size:.76rem;
  }

  .shop-card-price-line .price{
    font-size:1rem;
  }

  .shop-card-action-tray{
    gap:7px;
    padding:7px;
    border-radius:16px;
  }

  .shop-card-action-tray .shop-card-qty-input{
    flex-basis:56px;
    width:56px;
    min-width:56px;
    height:38px;
    min-height:38px;
  }

  .shop-card-action-tray .btn{
    min-height:38px;
    padding-inline:8px;
    font-size:.82rem;
  }
}

@media (max-width: 380px){
  .shop-card-action-tray .btn .icon{
    display:none;
  }
}

/* Product card action tray: equal buttons and isolated click targets */
.shop-card-add-form{
  display:none;
}

.shop-card-action-tray.shop-card-action-tray--minimal{
  display:grid;
  grid-template-columns:62px minmax(0, 1fr) minmax(0, 1fr);
  align-items:center;
  gap:8px;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-qty-input{
  grid-column:1;
  width:62px;
  min-width:62px;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-detail-btn,
.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-add-btn{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:none;
  height:40px;
  min-height:40px;
  padding:0 10px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  line-height:1;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-detail-btn{
  grid-column:2;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-add-btn{
  grid-column:3;
  cursor:pointer;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-detail-btn::after,
.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-add-btn::after{
  pointer-events:none;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-detail-btn .icon,
.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-add-btn .icon{
  width:16px;
  height:16px;
}

@media (max-width: 720px){
  .shop-card-action-tray.shop-card-action-tray--minimal{
    grid-template-columns:56px minmax(0, 1fr) minmax(0, 1fr);
    gap:7px;
  }

  .shop-card-action-tray.shop-card-action-tray--minimal .shop-card-qty-input{
    width:56px;
    min-width:56px;
  }

  .shop-card-action-tray.shop-card-action-tray--minimal .shop-card-detail-btn,
  .shop-card-action-tray.shop-card-action-tray--minimal .shop-card-add-btn{
    height:38px;
    min-height:38px;
    padding-inline:8px;
    font-size:.82rem;
  }
}


/* v57 product card add action: real form, no detail-link click overlap */
.shop-card-add-form--inline{
  margin:0;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-detail-btn,
.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-add-btn{
  position:relative;
  z-index:3;
  flex:initial;
  inline-size:auto;
}

.shop-card-action-tray.shop-card-action-tray--minimal .shop-card-add-btn{
  pointer-events:auto;
}

.shop-product-card--minimal .shop-product-visual,
.shop-product-card--minimal .shop-card-link{
  position:relative;
  z-index:1;
}

.shop-product-card--minimal .shop-card-action-tray{
  position:relative;
  z-index:4;
}

/* v54 compact professional product detail */
.shop-detail-shell-compact{
  gap:16px;
}
.shop-detail-card-compact{
  padding:18px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.024));
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  overflow:hidden;
}
.shop-detail-compact-grid{
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);
  gap:16px;
  align-items:stretch;
}
.shop-detail-media-card,
.shop-detail-info-card{
  min-width:0;
  border-radius:calc(var(--radius-lg) - 6px);
  border:1px solid rgba(255,255,255,.065);
  background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018));
}
.shop-detail-media-card{
  display:grid;
  grid-template-rows:1fr auto;
  gap:12px;
  padding:14px;
}
.shop-detail-media-stage{
  position:relative;
  isolation:isolate;
  min-height:292px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 50% 20%, rgba(208,165,111,.18), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  display:grid;
  place-items:center;
  overflow:hidden;
}
.shop-detail-media-stage::after{
  content:"";
  position:absolute;
  inset:auto 16% 22px;
  height:20px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(0,0,0,.32), transparent 72%);
  filter:blur(10px);
  opacity:.78;
}
.shop-detail-media-glow{
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(208,165,111,.2), transparent 70%);
  filter:blur(14px);
}
.shop-detail-media-tile{
  position:relative;
  z-index:1;
  width:116px;
  height:116px;
  display:grid;
  place-items:center;
  border-radius:32px;
  color:var(--gold-2);
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(18,22,27,.72), rgba(18,22,27,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 22px 38px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.shop-detail-media-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.shop-detail-info-card{
  display:grid;
  gap:14px;
  padding:18px;
  align-content:start;
}
.shop-detail-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.shop-detail-title-lockup{
  min-width:0;
}
.shop-detail-title-lockup .catalog-title-copy{
  min-width:0;
}
.shop-detail-title-lockup h1{
  margin:3px 0 0;
  font-size:clamp(1.35rem, 2.5vw, 2.05rem);
  line-height:1.55;
  overflow-wrap:anywhere;
}
.shop-detail-back-link{
  flex:0 0 auto;
  margin-top:3px;
  white-space:nowrap;
}
.shop-detail-price-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(208,165,111,.16);
  background:linear-gradient(135deg, rgba(208,165,111,.16), rgba(255,255,255,.035));
}
.shop-detail-price-box span,
.shop-detail-description-box span,
.shop-detail-mini-stat span,
.shop-detail-qty-control span{
  color:var(--muted);
  font-size:.86rem;
}
.shop-detail-price-box strong{
  color:var(--gold-2);
  font-size:1.2rem;
  white-space:nowrap;
}
.shop-detail-description-box{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.065);
  background:rgba(255,255,255,.032);
}
.shop-detail-description-box p{
  margin:0;
  color:var(--text);
  line-height:2;
  font-size:.96rem;
}
.shop-detail-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.shop-detail-mini-stat{
  display:grid;
  gap:5px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.026);
}
.shop-detail-mini-stat strong{
  font-size:.98rem;
}
.shop-detail-buy-panel{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:22px;
  border:1px solid rgba(208,165,111,.14);
  background:linear-gradient(180deg, rgba(208,165,111,.08), rgba(255,255,255,.025));
}
.shop-detail-buy-row{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:10px;
  align-items:end;
}
.shop-detail-qty-control{
  display:grid;
  gap:7px;
}
.shop-detail-qty-control .input{
  width:100%;
  min-height:46px;
  text-align:center;
}
.shop-detail-main-action,
.shop-detail-secondary-action{
  min-height:46px;
  justify-content:center;
  width:100%;
}
.shop-detail-secondary-action{
  border-radius:16px;
}
.shop-detail-buy-panel--locked{
  opacity:.92;
}
.shop-detail-login-note{
  margin:0;
  padding:10px 12px;
  border-radius:16px;
  color:var(--muted);
  background:rgba(255,255,255,.035);
  text-align:center;
  line-height:1.9;
  font-size:.9rem;
}
.shop-detail-related-compact{
  border-radius:var(--radius-lg);
}
.shop-detail-related-lockup h2{
  margin:3px 0 0;
}
body[data-theme="light"] .shop-detail-card-compact{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,242,235,.78));
  border-color:rgba(159,115,68,.13);
  box-shadow:0 18px 40px rgba(124,97,62,.10);
}
body[data-theme="light"] .shop-detail-media-card,
body[data-theme="light"] .shop-detail-info-card,
body[data-theme="light"] .shop-detail-description-box,
body[data-theme="light"] .shop-detail-mini-stat{
  background:rgba(255,255,255,.62);
  border-color:rgba(159,115,68,.11);
}
body[data-theme="light"] .shop-detail-media-stage{
  background:
    radial-gradient(circle at 50% 20%, rgba(208,165,111,.18), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,242,235,.56));
  border-color:rgba(159,115,68,.12);
}
body[data-theme="light"] .shop-detail-media-tile{
  color:var(--gold-2);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(247,242,235,.74));
  border-color:rgba(159,115,68,.12);
  box-shadow:0 18px 34px rgba(124,97,62,.12);
}
body[data-theme="light"] .shop-detail-price-box,
body[data-theme="light"] .shop-detail-buy-panel{
  background:linear-gradient(135deg, rgba(208,165,111,.13), rgba(255,255,255,.66));
  border-color:rgba(159,115,68,.14);
}
@media (max-width: 980px){
  .shop-detail-compact-grid{
    grid-template-columns:1fr;
  }
  .shop-detail-media-stage{
    min-height:250px;
  }
}
@media (max-width: 720px){
  .shop-detail-shell-compact{
    gap:12px;
  }
  .shop-detail-card-compact{
    padding:12px;
    border-radius:24px;
  }
  .shop-detail-media-card,
  .shop-detail-info-card{
    border-radius:20px;
  }
  .shop-detail-info-card{
    padding:14px;
    gap:12px;
  }
  .shop-detail-topline{
    display:grid;
    gap:10px;
  }
  .shop-detail-back-link{
    justify-self:start;
    margin-top:0;
  }
  .shop-detail-title-lockup h1{
    font-size:1.28rem;
  }
  .shop-detail-media-card{
    padding:12px;
  }
  .shop-detail-media-stage{
    min-height:210px;
    border-radius:20px;
  }
  .shop-detail-media-tile{
    width:86px;
    height:86px;
    border-radius:26px;
  }
  .shop-detail-price-box{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
  .shop-detail-price-box strong{
    font-size:1.08rem;
  }
  .shop-detail-mini-grid,
  .shop-detail-buy-row{
    grid-template-columns:1fr;
  }
  .shop-detail-description-box p{
    font-size:.92rem;
  }
}

/* v55 user dropdown final harmony: panel content follows the site glass system */
.user-menu-dropdown{
  direction:rtl !important;
  text-align:right !important;
  overflow:hidden !important;
  padding:10px !important;
  border-radius:var(--radius-lg) !important;
  border:1px solid rgba(239,201,149,.14) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(239,201,149,.11), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--surface-2) 97%, transparent)) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.user-menu-dropdown::before{
  background:color-mix(in srgb, var(--surface) 96%, transparent) !important;
  border-color:rgba(239,201,149,.14) !important;
}
.user-menu-dropdown-head{
  direction:rtl !important;
  display:grid !important;
  justify-items:start !important;
  align-items:start !important;
  text-align:right !important;
  gap:3px !important;
  padding:6px 6px 10px !important;
  margin:0 0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(239,201,149,.10) !important;
  background:transparent !important;
}
.user-menu-dropdown-kicker{
  justify-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--gold-2) !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  line-height:1.7 !important;
}
.user-menu-dropdown-kicker::before{
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  background:var(--gold-2) !important;
  box-shadow:0 0 0 4px rgba(239,201,149,.10) !important;
}
.user-menu-dropdown-head strong,
.user-menu-dropdown-head small{
  justify-self:start !important;
  width:100% !important;
  text-align:right !important;
}
.user-menu-dropdown-head strong{
  color:var(--text) !important;
  font-size:.96rem !important;
  line-height:1.45 !important;
}
.user-menu-dropdown-head small{
  color:var(--muted) !important;
  font-size:.77rem !important;
  line-height:1.75 !important;
}
.user-menu-dropdown-group,
.user-menu-dropdown-foot{
  direction:rtl !important;
  display:grid !important;
  gap:7px !important;
}
.user-menu-dropdown-foot{
  margin-top:7px !important;
  padding-top:7px !important;
  border-top:1px solid rgba(239,201,149,.10) !important;
}
.user-menu-link{
  direction:rtl !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  min-height:48px !important;
  padding:9px 10px !important;
  border-radius:16px !important;
  color:var(--text) !important;
  background:rgba(255,255,255,.030) !important;
  border:1px solid rgba(239,201,149,.075) !important;
  box-shadow:none !important;
}
.user-menu-link:hover,
.user-menu-link:focus-visible{
  color:var(--text) !important;
  background:linear-gradient(180deg, rgba(239,201,149,.095), rgba(255,255,255,.035)) !important;
  border-color:rgba(239,201,149,.19) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
}
.user-menu-link-icon{
  order:-1 !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  flex:0 0 32px !important;
  border-radius:11px !important;
  color:var(--gold-2) !important;
  background:rgba(239,201,149,.105) !important;
  border:1px solid rgba(239,201,149,.13) !important;
  box-shadow:none !important;
}
.user-menu-link-icon .icon,
.user-menu-link-icon svg{
  width:16px !important;
  height:16px !important;
}
.user-menu-link-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:grid !important;
  gap:1px !important;
  justify-items:start !important;
  text-align:right !important;
}
.user-menu-link-copy strong,
.user-menu-link-copy small{
  width:100% !important;
  text-align:right !important;
}
.user-menu-link-copy strong{
  font-size:.91rem !important;
  line-height:1.45 !important;
  color:inherit !important;
}
.user-menu-link-copy small{
  font-size:.75rem !important;
  line-height:1.65 !important;
  color:var(--muted) !important;
}
.user-menu-link.is-danger{
  color:#ffd7d7 !important;
  background:rgba(215,95,95,.045) !important;
  border-color:rgba(215,95,95,.12) !important;
}
.user-menu-link.is-danger:hover,
.user-menu-link.is-danger:focus-visible{
  background:rgba(215,95,95,.095) !important;
  border-color:rgba(215,95,95,.22) !important;
}
.user-menu-link.is-danger .user-menu-link-icon{
  color:#ffd7d7 !important;
  background:rgba(215,95,95,.10) !important;
  border-color:rgba(215,95,95,.16) !important;
}
.user-menu-link.is-danger .user-menu-link-copy small{
  color:#e9b8b8 !important;
}
body[data-theme="light"] .user-menu-dropdown{
  border-color:rgba(159,115,68,.14) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(208,165,111,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,252,247,.94), rgba(255,248,240,.90)) !important;
  box-shadow:0 22px 46px rgba(126,106,82,.14), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body[data-theme="light"] .user-menu-dropdown::before{
  background:rgba(255,252,247,.94) !important;
  border-color:rgba(159,115,68,.14) !important;
}
body[data-theme="light"] .user-menu-dropdown-head,
body[data-theme="light"] .user-menu-dropdown-foot{
  border-color:rgba(159,115,68,.12) !important;
}
body[data-theme="light"] .user-menu-dropdown-kicker{
  color:var(--gold-deep) !important;
}
body[data-theme="light"] .user-menu-dropdown-kicker::before{
  background:var(--gold-deep) !important;
  box-shadow:0 0 0 4px rgba(159,115,68,.10) !important;
}
body[data-theme="light"] .user-menu-link{
  background:rgba(255,255,255,.48) !important;
  border-color:rgba(159,115,68,.10) !important;
}
body[data-theme="light"] .user-menu-link:hover,
body[data-theme="light"] .user-menu-link:focus-visible{
  background:linear-gradient(180deg, rgba(208,165,111,.12), rgba(255,255,255,.58)) !important;
  border-color:rgba(159,115,68,.19) !important;
  box-shadow:0 10px 22px rgba(126,106,82,.10) !important;
}
body[data-theme="light"] .user-menu-link-icon{
  color:var(--gold-deep) !important;
  background:rgba(208,165,111,.12) !important;
  border-color:rgba(159,115,68,.13) !important;
}
body[data-theme="light"] .user-menu-dropdown-head small,
body[data-theme="light"] .user-menu-link-copy small{
  color:var(--muted) !important;
}
@media (max-width: 768px){
  .user-menu-dropdown{
    width:min(276px, calc(100vw - 16px)) !important;
    padding:9px !important;
    border-radius:20px !important;
  }
  .user-menu-dropdown-head{
    padding:5px 5px 9px !important;
    margin-bottom:7px !important;
  }
  .user-menu-link{
    min-height:46px !important;
    padding:9px !important;
    border-radius:15px !important;
    gap:8px !important;
  }
  .user-menu-link-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex-basis:30px !important;
    border-radius:10px !important;
  }
}

/* v56 user dropdown background tone: keep size/layout, restore site-like glass blur */
.user-menu-dropdown{
  background:
    radial-gradient(circle at 100% 0%, rgba(239,201,149,.18), transparent 36%),
    radial-gradient(circle at 0% 18%, rgba(255,255,255,.055), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.040)) !important;
  border-color:rgba(239,201,149,.18) !important;
  box-shadow:0 22px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(22px) saturate(128%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(128%) !important;
}
.user-menu-dropdown::before{
  background:rgba(255,255,255,.070) !important;
  border-color:rgba(239,201,149,.18) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.10) !important;
}
.user-menu-link{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(239,201,149,.105) !important;
}
.user-menu-link:hover,
.user-menu-link:focus-visible{
  background:linear-gradient(180deg, rgba(239,201,149,.13), rgba(255,255,255,.060)) !important;
  border-color:rgba(239,201,149,.23) !important;
}
body[data-theme="light"] .user-menu-dropdown{
  background:
    radial-gradient(circle at 100% 0%, rgba(208,165,111,.16), transparent 36%),
    radial-gradient(circle at 0% 18%, rgba(255,255,255,.74), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,248,238,.58)) !important;
  border-color:rgba(159,115,68,.16) !important;
  box-shadow:0 22px 46px rgba(126,106,82,.13), inset 0 1px 0 rgba(255,255,255,.76) !important;
  backdrop-filter:blur(22px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(125%) !important;
}
body[data-theme="light"] .user-menu-dropdown::before{
  background:rgba(255,255,255,.70) !important;
  border-color:rgba(159,115,68,.16) !important;
}
body[data-theme="light"] .user-menu-link{
  background:rgba(255,255,255,.40) !important;
  border-color:rgba(159,115,68,.105) !important;
}
body[data-theme="light"] .user-menu-link:hover,
body[data-theme="light"] .user-menu-link:focus-visible{
  background:linear-gradient(180deg, rgba(208,165,111,.14), rgba(255,255,255,.50)) !important;
  border-color:rgba(159,115,68,.20) !important;
}

/* v57 user requested exact dropdown background color */
.user-menu-dropdown,
body[data-theme="light"] .user-menu-dropdown{
  background:linear-gradient(208deg, #000000 0%, #2e1e00 100%) !important;
}

/* v30 full-width footer alignment: full-bleed shell, centered content, header-matched surface */
.footer-shell.footer-premium-wrap{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding:clamp(18px, 3vw, 30px) var(--page-gutter) calc(96px + env(safe-area-inset-bottom));
  color:var(--muted);
  text-align:right;
  background:
    radial-gradient(circle at top right, var(--brand-soft), transparent 34%),
    linear-gradient(180deg, rgba(8,10,13,.82), rgba(10,13,18,.96));
  border-top:1px solid rgba(255,255,255,.065);
  box-shadow:0 -18px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}

.footer-shell .footer-grid-premium{
  width:min(var(--page-max), 100%);
  margin-inline:auto;
  display:grid;
  align-items:stretch;
  grid-template-columns:minmax(0, 1.28fr) minmax(240px, .9fr) minmax(250px, .96fr);
  gap:18px;
  padding:18px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(255,209,102,.10), transparent 32%),
    linear-gradient(180deg, rgba(18,22,31,.72), rgba(11,15,22,.58));
  border:1px solid rgba(255,255,255,.075);
}

.footer-shell .footer-column-card{
  min-width:0;
  height:100%;
}

.footer-shell .footer-link-list a,
.footer-shell .footer-contact-item,
.footer-shell .footer-feature-item{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.065);
}

.footer-shell .footer-link-list a:hover,
.footer-shell .footer-contact-item:hover,
.footer-shell .footer-feature-item:hover{
  border-color:rgba(255,159,28,.30);
  background:rgba(255,255,255,.045);
}

body[data-theme="light"] .footer-shell.footer-premium-wrap{
  background:
    radial-gradient(circle at top right, rgba(250,204,21,.18), transparent 34%),
    linear-gradient(180deg, rgba(255,244,228,.76), rgba(255,250,242,.94));
  border-top-color:rgba(128,71,22,.10);
  box-shadow:0 -14px 34px rgba(143,76,16,.08);
}

body[data-theme="light"] .footer-shell .footer-grid-premium{
  background:
    radial-gradient(circle at top right, rgba(249,115,22,.10), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,246,233,.62));
  border-color:rgba(128,71,22,.10);
}

body[data-theme="light"] .footer-shell .footer-link-list a,
body[data-theme="light"] .footer-shell .footer-contact-item,
body[data-theme="light"] .footer-shell .footer-feature-item{
  background:rgba(255,255,255,.58);
  border-color:rgba(128,71,22,.10);
}

@media (max-width:960px){
  .footer-shell .footer-grid-premium{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .footer-shell.footer-premium-wrap{
    padding-inline:14px;
    padding-top:16px;
  }

  .footer-shell .footer-grid-premium{
    padding:14px;
    gap:14px;
    border-radius:24px;
  }
}

/* v31 footer background correction: keep footer full-width, but do not darken the page behind it */
.footer-shell.footer-premium-wrap{
  background:transparent !important;
  border-top:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding-top:clamp(14px, 2.4vw, 24px) !important;
}

.footer-shell .footer-grid-premium{
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.12), transparent 28%),
    linear-gradient(180deg, rgba(18,22,28,.96), rgba(11,14,19,.92)) !important;
  border-color:rgba(255,255,255,.06) !important;
  box-shadow:0 28px 56px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.footer-shell .footer-column-card{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
  border-color:rgba(255,255,255,.065) !important;
}

body[data-theme="light"] .footer-shell.footer-premium-wrap{
  background:transparent !important;
  border-top:0 !important;
  box-shadow:none !important;
}

body[data-theme="light"] .footer-shell .footer-grid-premium{
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.14), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,239,231,.92)) !important;
  border-color:rgba(159,115,68,.14) !important;
  box-shadow:0 20px 42px rgba(126,106,82,.12), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

body[data-theme="light"] .footer-shell .footer-column-card{
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,246,230,.62)) !important;
  border-color:rgba(159,115,68,.12) !important;
}

/* v32 warm amber unification: account hub, user menu and footer */
:root{
  --warm-amber-rgb: 220 148 57;
  --warm-gold-rgb: 208 165 111;
  --warm-ink-rgb: 6 6 6;
  --warm-brown-rgb: 29 19 0;
}

.account-hub{
  border-color:rgba(208,165,111,.15) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 7%), transparent 34%),
    linear-gradient(170deg, rgb(6 6 6 / 97%), rgb(29 19 0 / 7%)) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.28) !important;
}

.account-hub::before{
  background:linear-gradient(135deg, rgba(255,255,255,.035), rgba(208,165,111,.025) 42%, transparent 76%) !important;
  opacity:.8 !important;
}

.account-sidebar-card,
.account-sidebar-head,
.account-panel,
.account-summary-card,
.account-list-card,
.account-side-btn{
  border-color:rgba(208,165,111,.105) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 5%), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.036), rgba(29,19,0,.075)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 34px rgba(0,0,0,.12) !important;
}

.user-menu-trigger{
  border-color:rgba(208,165,111,.14) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 8%), transparent 36%),
    linear-gradient(170deg, rgb(6 6 6 / 90%), rgb(29 19 0 / 12%)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.user-menu[open] .user-menu-trigger,
.user-menu-trigger:hover,
.user-menu-trigger:focus-visible{
  border-color:rgba(208,165,111,.25) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 12%), transparent 38%),
    linear-gradient(170deg, rgb(6 6 6 / 92%), rgb(29 19 0 / 18%)) !important;
}

.user-menu-dropdown{
  border-color:rgba(208,165,111,.16) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 9%), transparent 34%),
    linear-gradient(170deg, rgb(6 6 6 / 96%), rgb(29 19 0 / 14%)) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter:blur(14px) saturate(1.04) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.04) !important;
}

.user-menu-link{
  border:1px solid transparent !important;
}

.user-menu-link:hover,
.user-menu-link:focus-visible{
  color:var(--text) !important;
  border-color:rgba(208,165,111,.14) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 10%), transparent 48%),
    rgba(255,255,255,.04) !important;
}

.footer-shell .footer-grid-premium,
.footer-grid-premium,
.minimal-footer-shell,
.minimal-footer-card{
  border-color:rgba(208,165,111,.13) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 8%), transparent 34%),
    linear-gradient(170deg, rgb(6 6 6 / 94%), rgb(29 19 0 / 12%)) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.footer-column-card,
.footer-overview-panel,
.footer-feature-item,
.footer-link-list a,
.footer-contact-item{
  border-color:rgba(208,165,111,.10) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 5%), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.034), rgba(29,19,0,.07)) !important;
}

.footer-feature-item:hover,
.footer-link-list a:hover,
.footer-contact-item:hover{
  border-color:rgba(208,165,111,.24) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 10%), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(29,19,0,.10)) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.16) !important;
}

@media (max-width:720px){
  .user-menu-dropdown{
    border-radius:20px !important;
    background:
      radial-gradient(circle at top right, rgb(220 148 57 / 11%), transparent 36%),
      linear-gradient(170deg, rgb(6 6 6 / 97%), rgb(29 19 0 / 18%)) !important;
  }

  .footer-grid-premium,
  .footer-shell .footer-grid-premium,
  .minimal-footer-shell,
  .minimal-footer-card{
    background:
      radial-gradient(circle at top right, rgb(220 148 57 / 9%), transparent 34%),
      linear-gradient(170deg, rgb(6 6 6 / 95%), rgb(29 19 0 / 14%)) !important;
  }
}

body[data-theme="light"] .account-hub,
body[data-theme="light"] .user-menu-trigger,
body[data-theme="light"] .user-menu-dropdown,
body[data-theme="light"] .footer-shell .footer-grid-premium,
body[data-theme="light"] .footer-grid-premium,
body[data-theme="light"] .minimal-footer-shell,
body[data-theme="light"] .minimal-footer-card{
  border-color:rgba(159,115,68,.18) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 13%), transparent 34%),
    linear-gradient(170deg, rgb(255 252 246 / 94%), rgb(255 240 219 / 74%)) !important;
  box-shadow:0 20px 42px rgba(143,76,16,.10), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

body[data-theme="light"] .account-sidebar-card,
body[data-theme="light"] .account-sidebar-head,
body[data-theme="light"] .account-panel,
body[data-theme="light"] .account-summary-card,
body[data-theme="light"] .account-list-card,
body[data-theme="light"] .account-side-btn,
body[data-theme="light"] .footer-column-card,
body[data-theme="light"] .footer-overview-panel,
body[data-theme="light"] .footer-feature-item,
body[data-theme="light"] .footer-link-list a,
body[data-theme="light"] .footer-contact-item{
  border-color:rgba(159,115,68,.14) !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 9%), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,239,218,.52)) !important;
}

/* v-warm-amber-dropdown-solid: one-piece user dropdown background */
.user-menu-dropdown,
body[data-theme="dark"] .user-menu-dropdown{
  background:#0b0805 !important;
  border-color:rgba(208,165,111,.18) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

@media (max-width:720px){
  .user-menu-dropdown,
  body[data-theme="dark"] .user-menu-dropdown{
    background:#0b0805 !important;
    border-color:rgba(208,165,111,.18) !important;
    box-shadow:0 20px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
}

body[data-theme="light"] .user-menu-dropdown{
  background:#fff4e6 !important;
  border-color:rgba(159,115,68,.18) !important;
  box-shadow:0 20px 42px rgba(143,76,16,.10), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

/* checkout unified clean layout */
.checkout-unified-card{
  display:grid;
  gap:18px;
  padding:22px;
  max-width:1080px;
  margin:0 auto;
}
.checkout-unified-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.checkout-unified-title h1{margin:2px 0 0;font-size:1.28rem}
.checkout-unified-layout{
  grid-template-columns:minmax(0,1.22fr) minmax(270px,.78fr);
  gap:18px;
}
.checkout-unified-form{
  padding:0;
  gap:14px;
}
.checkout-unified-summary{
  position:static;
  align-self:start;
  padding:16px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,var(--surface-2),rgba(255,255,255,.02));
}
.checkout-unified-card .checkout-minimal-block{
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
}
.checkout-unified-card .checkout-minimal-block-head{
  min-height:30px;
}
.checkout-unified-card .checkout-minimal-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.checkout-unified-card .field-card-minimal label{
  margin-bottom:7px;
}
.checkout-unified-card .input{
  min-height:46px;
}
.checkout-unified-card textarea.input{
  min-height:92px;
}
.checkout-unified-card .checkout-mini-row{
  padding:11px 12px;
  border-radius:15px;
}
.checkout-unified-submit{
  margin-top:0;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.checkout-unified-submit p{margin:0}
body[data-theme="light"] .checkout-unified-summary{background:#fff}
@media (max-width: 980px){
  .checkout-unified-layout{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .checkout-unified-card{padding:16px;gap:16px}
  .checkout-unified-title{align-items:flex-start}
  .checkout-unified-title .btn{padding-inline:12px}
  .checkout-unified-card .checkout-minimal-grid{grid-template-columns:1fr}
  .checkout-unified-summary{padding:14px;border-radius:18px}
}
@media (max-width: 520px){
  .checkout-unified-title{display:grid;grid-template-columns:1fr auto}
  .checkout-unified-title h1{font-size:1.12rem}
  .checkout-unified-submit{display:grid;gap:12px}
}


/* checkout width aligned with global/footer shell + numeric-friendly fields */
.checkout-minimal-shell{
  width:100%;
  max-width:var(--page-max);
  margin-inline:auto;
}
.checkout-unified-card{
  width:100%;
  max-width:none;
  margin-inline:0;
  box-sizing:border-box;
}
.checkout-unified-layout{
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
}
.checkout-unified-card input[name="recipient_mobile"],
.checkout-unified-card input[name="postal_code"]{
  direction:ltr;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
@media (max-width: 980px){
  .checkout-minimal-shell{max-width:100%;}
  .checkout-unified-layout{grid-template-columns:1fr;}
}


/* Clean customer order detail */
.order-simple-shell {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 22px 0 42px;
}
.order-simple-card { padding: 22px; }
.order-simple-top,
.order-simple-status,
.order-simple-grid,
.order-simple-item,
.order-simple-total,
.order-simple-extra > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.order-simple-top { margin-bottom: 18px; }
.order-simple-top h1 { margin: 4px 0 0; font-size: clamp(1.35rem, 3vw, 2rem); }
.order-simple-status {
  padding: 14px;
  border: 1px solid rgba(208, 165, 111, .14);
  border-radius: 22px;
  background: rgba(208, 165, 111, .045);
  flex-wrap: wrap;
}
.order-simple-status > div { display: grid; gap: 7px; min-width: 150px; }
.order-simple-status span,
.order-simple-section h2,
.order-simple-item span,
.order-simple-total span,
.order-simple-extra span { color: var(--muted); }
.order-simple-grid {
  align-items: stretch;
  margin-top: 16px;
}
.order-simple-section {
  flex: 1 1 0;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(208, 165, 111, .12);
  border-radius: 24px;
  background: rgba(255, 255, 255, .025);
}
.order-simple-section h2 { margin: 0 0 12px; font-size: 1rem; }
.order-simple-items { display: grid; gap: 10px; }
.order-simple-item {
  padding: 12px 0;
  border-bottom: 1px solid rgba(208, 165, 111, .1);
}
.order-simple-item:last-child { border-bottom: 0; }
.order-simple-item div { display: grid; gap: 5px; }
.order-simple-total {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(208, 165, 111, .16);
}
.order-simple-total strong { font-size: 1.15rem; }
.order-simple-extra {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 20px;
  background: rgba(208, 165, 111, .04);
}
@media (max-width: 820px) {
  .order-simple-shell { width: min(100% - 24px, 1120px); padding-top: 14px; }
  .order-simple-card { padding: 16px; }
  .order-simple-top,
  .order-simple-grid,
  .order-simple-item,
  .order-simple-total,
  .order-simple-extra > div { align-items: stretch; flex-direction: column; }
  .order-simple-status { align-items: stretch; }
  .order-simple-status > div { min-width: 100%; }
}

/* order detail width aligned with footer/global shell */
.order-simple-shell{
  width:min(var(--page-max), calc(100% - var(--page-gutter) - var(--page-gutter))) !important;
  max-width:var(--page-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}
.order-simple-card{
  width:100% !important;
  box-sizing:border-box !important;
}
@media (max-width:820px){
  .order-simple-shell{
    width:min(var(--page-max), calc(100% - var(--page-gutter) - var(--page-gutter))) !important;
    padding-top:14px !important;
  }
}


/* order detail final alignment + long address note */
.order-simple-shell{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding:22px var(--page-gutter) 42px !important;
  box-sizing:border-box !important;
}
.order-simple-shell > .order-simple-card{
  width:min(var(--page-max), 100%) !important;
  max-width:var(--page-max) !important;
  margin-inline:auto !important;
  box-sizing:border-box !important;
}
.order-customer-list .soft-list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
}
.order-address-note{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(208,165,111,.12);
  border-radius:18px;
  background:rgba(208,165,111,.04);
}
.order-address-note span{
  display:block;
  color:var(--muted);
  font-size:.92rem;
  margin-bottom:8px;
}
.order-address-note p{
  margin:0;
  color:var(--text);
  line-height:2;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
@media (max-width:820px){
  .order-simple-shell{
    padding:14px var(--page-gutter) 34px !important;
  }
  .order-customer-list .soft-list-item{
    flex-direction:column;
    align-items:stretch;
  }
}

/* final customer order detail correction: match footer width and stack address exactly above note */
.page-shell .order-simple-shell{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:22px 0 42px !important;
  box-sizing:border-box !important;
}
.page-shell .order-simple-shell > .order-simple-card{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
.order-simple-note-stack{
  display:grid !important;
  gap:12px !important;
  padding:0 !important;
  background:transparent !important;
}
.order-note-card-view{
  display:grid !important;
  gap:8px !important;
  align-items:start !important;
  padding:14px 16px !important;
  border:1px solid rgba(208,165,111,.12) !important;
  border-radius:18px !important;
  background:rgba(208,165,111,.04) !important;
}
.order-note-card-view span{
  color:var(--muted) !important;
  font-size:.92rem !important;
}
.order-note-card-view p,
.order-note-card-view strong{
  margin:0 !important;
  color:var(--text) !important;
  line-height:2 !important;
  white-space:pre-line !important;
  overflow-wrap:anywhere !important;
  text-align:right !important;
}
.order-note-card-view--compact{
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
}
@media (max-width:820px){
  .page-shell .order-simple-shell{
    padding:14px 0 34px !important;
  }
  .order-note-card-view--compact{
    grid-template-columns:1fr !important;
  }
}

/* ---- Appointment booking redesign: footer-aligned, slot-card UI ---- */
.booking-appointment-shell{
  width:min(100% - 32px, 1180px);
  max-width:1180px;
  margin-inline:auto;
  padding-inline:0 !important;
}
.booking-appointment-card{
  position:relative;
  padding:24px;
  border:1px solid rgba(208,165,111,.15);
  border-radius:30px;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 7%), transparent 34%),
    linear-gradient(170deg, rgb(6 6 6 / 97%), rgb(29 19 0 / 7%));
  box-shadow:0 24px 56px rgba(0,0,0,.28);
  overflow:hidden;
}
.booking-appointment-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);
  opacity:.7;
}
.booking-appointment-form{position:relative;z-index:1;display:grid;gap:18px}
.booking-appointment-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:14px;align-items:end}
.booking-service-select label,
.booking-slot-head strong{font-weight:800;color:var(--text)}
.booking-service-summary{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(208,165,111,.15);border-radius:18px;background:rgba(255,255,255,.035)}
.booking-service-summary span,
.booking-service-summary small{color:var(--muted);font-size:.84rem}
.booking-service-summary strong{font-size:1.02rem;color:var(--text)}
.booking-days-strip{display:grid;grid-template-columns:repeat(7,minmax(104px,1fr));gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
.booking-day-card{display:grid;gap:6px;min-height:104px;padding:13px 10px;border-radius:18px;border:1px solid rgba(208,165,111,.15);background:rgba(255,255,255,.04);color:var(--text);text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}
.booking-day-card:hover{transform:translateY(-2px);border-color:rgba(208,165,111,.38);background:rgba(208,165,111,.08)}
.booking-day-card.is-selected{border-color:rgba(99,181,151,.75);box-shadow:0 0 0 1px rgba(99,181,151,.24) inset;background:linear-gradient(180deg,rgba(99,181,151,.12),rgba(255,255,255,.035))}
.booking-day-card.is-disabled{cursor:not-allowed;opacity:.42;filter:saturate(.65);background:rgba(255,255,255,.025)}
.booking-day-title{color:var(--muted);font-size:.86rem}
.booking-day-card strong{font-size:.96rem;line-height:1.55}
.booking-day-card small{color:#69d1b2;font-weight:800}
.booking-day-card.is-disabled small{color:var(--soft)}
.booking-slot-panel{display:grid;gap:14px;padding:16px;border-radius:22px;border:1px solid rgba(208,165,111,.13);background:rgba(255,255,255,.026)}
.booking-slot-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}
.booking-slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.booking-slot-card{display:block;margin:0 !important}
.booking-slot-card input{position:absolute;opacity:0;pointer-events:none}
.booking-slot-card span{display:grid;place-items:center;min-height:52px;border-radius:15px;border:1px solid rgba(99,181,151,.6);background:rgba(255,255,255,.035);color:#69d1b2;font-weight:900;font-size:1.04rem;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.booking-slot-card:hover span{transform:translateY(-1px);background:rgba(99,181,151,.08)}
.booking-slot-card input:checked + span{border-color:rgba(208,165,111,.74);background:linear-gradient(180deg,rgba(208,165,111,.18),rgba(99,181,151,.08));color:var(--text);box-shadow:0 0 0 1px rgba(208,165,111,.18) inset}
.booking-no-slot{grid-column:1/-1;padding:18px;border-radius:16px;border:1px dashed rgba(208,165,111,.2);color:var(--muted);text-align:center;background:rgba(255,255,255,.025)}
.booking-appointment-beneficiary{border-color:rgba(208,165,111,.13);background:rgba(255,255,255,.026)}
.booking-appointment-beneficiary .booking-beneficiary-head span{color:var(--muted)}
.booking-appointment-card .input{border-color:rgba(208,165,111,.14);background:rgba(255,255,255,.045)}
.booking-appointment-card .input:focus{border-color:rgba(208,165,111,.42);box-shadow:0 0 0 3px rgba(208,165,111,.12)}
.booking-appointment-card .booking-submit-row{margin-top:0;justify-content:flex-end}
.booking-appointment-card .booking-submit-row .btn{min-width:210px}
body[data-theme="light"] .booking-appointment-card{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,241,234,.96));border-color:rgba(159,115,68,.16);box-shadow:0 22px 54px rgba(20,26,40,.08)}
body[data-theme="light"] .booking-day-card,
body[data-theme="light"] .booking-slot-panel,
body[data-theme="light"] .booking-service-summary,
body[data-theme="light"] .booking-appointment-beneficiary{background:rgba(255,255,255,.68);border-color:rgba(159,115,68,.14)}
body[data-theme="light"] .booking-appointment-card .input{background:rgba(255,255,255,.86);border-color:rgba(159,115,68,.14)}
@media (max-width: 900px){
  .booking-appointment-top{grid-template-columns:1fr}
  .booking-days-strip{grid-template-columns:repeat(7,112px)}
  .booking-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .booking-appointment-shell{width:min(100% - 20px, 1180px)}
  .booking-appointment-card{padding:16px;border-radius:24px}
  .booking-days-strip{grid-template-columns:repeat(7,96px);gap:8px}
  .booking-day-card{min-height:94px;padding:11px 8px;border-radius:16px}
  .booking-slot-panel{padding:12px;border-radius:18px}
  .booking-slots-grid{gap:10px}
  .booking-slot-card span{min-height:50px}
  .booking-appointment-card .booking-submit-row .btn{width:100%;min-width:0}
}

/* v72 booking width alignment: match footer content grid exactly */
.booking-appointment-shell{
  width:min(var(--page-max), calc(100% - var(--page-gutter) - var(--page-gutter))) !important;
  max-width:var(--page-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}
@media (max-width:560px){
  .booking-appointment-shell{
    width:calc(100% - 28px) !important;
  }
}


/* v73 final booking alignment: main already uses the same .wrap width as footer content; inner booking shell must not subtract gutters again */
main.wrap.page-shell > .booking-appointment-shell,
.booking-appointment-shell{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding-inline:0 !important;
  box-sizing:border-box !important;
}
.booking-appointment-card{
  width:100% !important;
  box-sizing:border-box !important;
}
.booking-payment-toggle-clean{display:none !important;}

/* v74 booking availability + footer width alignment */
main.wrap.page-shell{
  width:min(var(--page-max), calc(100% - var(--page-gutter) - var(--page-gutter))) !important;
  max-width:var(--page-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}
.footer-shell .footer-grid-premium{
  box-sizing:border-box !important;
}
.booking-appointment-shell{
  width:100% !important;
  max-width:100% !important;
  margin-inline:0 !important;
}
.booking-slot-card.is-disabled span,
.booking-slot-card input:disabled + span{
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--soft) !important;
  opacity:.52;
  cursor:not-allowed;
  filter:saturate(.55);
  box-shadow:none !important;
}
.booking-slot-card.is-disabled:hover span{
  transform:none !important;
}
.booking-slot-card span small{
  display:block;
  margin-top:2px;
  font-size:.68rem;
  font-weight:800;
  color:inherit;
}
@media (max-width:560px){
  main.wrap.page-shell{
    width:min(var(--page-max), calc(100% - 28px)) !important;
  }
}

/* ===== Final minimal 404 + admin panel polish ===== */
.not-found-minimal{
  min-height:clamp(420px,58vh,680px);
  display:grid;
  place-items:center;
  padding:24px 0;
}
.not-found-card{
  width:min(100%,420px);
  padding:34px 24px;
  text-align:center;
  border-radius:28px;
  border:1px solid rgba(239,201,149,.14);
  background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(13,13,13,.98));
  box-shadow:0 20px 48px rgba(0,0,0,.22);
}
.not-found-code{
  display:inline-grid;
  place-items:center;
  min-width:72px;
  height:42px;
  margin-bottom:14px;
  border-radius:999px;
  border:1px solid rgba(239,201,149,.18);
  background:rgba(239,201,149,.09);
  color:#f0d3aa;
  font-weight:800;
  direction:ltr;
}
.not-found-card h1{margin:0;font-size:clamp(1.55rem,3vw,2.1rem)}
.not-found-card p{margin:12px auto 22px;color:var(--muted);line-height:1.9;max-width:32ch}
body[data-theme="light"] .not-found-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,242,.96));
  border-color:rgba(181,124,57,.16);
}

/* Admin pages: calmer, closer to account dashboard */
.admin-topnav{
  max-width:var(--container);
  margin-inline:auto;
  padding:12px;
  border-radius:28px;
  border-color:rgba(239,201,149,.12) !important;
  background:linear-gradient(180deg,rgba(14,16,22,.96),rgba(10,12,17,.98)) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.16) !important;
}
.admin-topnav-head{display:none !important}
.admin-topnav-grid{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
}
.admin-chip{
  min-height:44px;
  padding:10px 12px;
  border-radius:16px !important;
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.065) !important;
  color:var(--muted) !important;
  box-shadow:none !important;
}
.admin-chip:hover{
  color:var(--text) !important;
  border-color:rgba(239,201,149,.18) !important;
  background:rgba(239,201,149,.055) !important;
}
.admin-chip.is-active{
  color:#1b1207 !important;
  background:linear-gradient(180deg,#f0d3aa,#c99454) !important;
  border-color:transparent !important;
}
.dashboard-shell-admin,
.admin-unified-shell,
.admin-dashboard-layout,
.admin-unified-grid{
  max-width:var(--container);
  margin-inline:auto;
}
.dashboard-shell-admin{gap:18px}
.admin-dashboard-layout,.admin-unified-grid{gap:16px}
.admin-hero-clean,
.admin-section-hero,
.dashboard-hero.admin-hero-clean{
  padding:20px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(17,19,25,.96),rgba(12,14,19,.98)) !important;
  border-color:rgba(239,201,149,.12) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.15) !important;
}
.dashboard-hero.admin-hero-clean::before{opacity:.35}
.dashboard-hero.admin-hero-clean h1{font-size:clamp(1.35rem,1.8vw,1.9rem)}
.dashboard-hero.admin-hero-clean .dashboard-lead{
  max-width:58ch;
  margin-top:8px;
  line-height:1.75;
  font-size:.95rem;
}
.admin-hero-pills,.dashboard-chip-row.admin-hero-pills{align-items:center;justify-content:flex-end}
.dashboard-chip{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.035);
}
.dashboard-stat-grid,.admin-metric-grid{gap:12px !important}
.dashboard-stat-card,.admin-metric-card,.dashboard-panel,.admin-main-panel,.admin-side-panel{
  border-radius:24px !important;
  border-color:rgba(239,201,149,.11) !important;
  background:linear-gradient(180deg,rgba(17,19,25,.96),rgba(12,14,19,.98)) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.13) !important;
}
.dashboard-stat-card,.admin-metric-card{padding:16px !important}
.dashboard-stat-card strong,.admin-metric-card strong{font-size:1.45rem !important}
.dashboard-stat-card p,.admin-metric-card p{font-size:.9rem;line-height:1.7}
.admin-shortcut-card,.admin-record-card,.admin-form-section,.dashboard-list-item,.booking-card,.order-manage-card{
  border-radius:20px !important;
  border-color:rgba(255,255,255,.065) !important;
  background:rgba(255,255,255,.025) !important;
  box-shadow:none !important;
}
.admin-shortcut-card:hover,.admin-record-card:hover{
  transform:none !important;
  border-color:rgba(239,201,149,.18) !important;
  box-shadow:none !important;
}
.admin-shortcut-icon,.dashboard-quick-icon,.icon-stat{
  background:rgba(239,201,149,.09) !important;
  border-color:rgba(239,201,149,.13) !important;
}
.admin-record-copy,.admin-shortcut-card p,.admin-priority-item p,.dashboard-list-main p{
  color:var(--muted);
  line-height:1.75;
}
body[data-theme="light"] .admin-topnav,
body[data-theme="light"] .admin-hero-clean,
body[data-theme="light"] .admin-section-hero,
body[data-theme="light"] .dashboard-hero.admin-hero-clean,
body[data-theme="light"] .dashboard-stat-card,
body[data-theme="light"] .admin-metric-card,
body[data-theme="light"] .dashboard-panel,
body[data-theme="light"] .admin-main-panel,
body[data-theme="light"] .admin-side-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,242,.92)) !important;
  border-color:rgba(181,124,57,.14) !important;
  box-shadow:0 14px 32px rgba(142,72,11,.09) !important;
}
body[data-theme="light"] .admin-chip{
  background:rgba(255,255,255,.5) !important;
  border-color:rgba(181,124,57,.12) !important;
}
body[data-theme="light"] .admin-shortcut-card,
body[data-theme="light"] .admin-record-card,
body[data-theme="light"] .admin-form-section,
body[data-theme="light"] .dashboard-list-item,
body[data-theme="light"] .booking-card,
body[data-theme="light"] .order-manage-card{
  background:rgba(255,255,255,.55) !important;
  border-color:rgba(181,124,57,.10) !important;
}
@media (max-width:1180px){
  .admin-topnav-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:720px){
  .admin-topnav{padding:10px;border-radius:22px}
  .admin-topnav-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .admin-chip{justify-content:flex-start;min-height:42px}
  .dashboard-hero.admin-hero-clean{grid-template-columns:1fr !important}
  .admin-hero-pills,.dashboard-chip-row.admin-hero-pills{justify-content:flex-start}
}

/* Admin panel final minimal alignment with user dashboard */
.admin-account-wrap{max-width:var(--site-max,1180px);margin-inline:auto;padding-inline:var(--site-pad,24px)}
.admin-account-hub .account-side-btn{text-decoration:none}
.admin-account-panel{min-height:unset}
.admin-clean-stats .account-summary-card{text-decoration:none;color:inherit;min-height:118px}
.admin-clean-stat-link{transition:transform .18s ease,border-color .18s ease}
.admin-clean-stat-link:hover{transform:translateY(-2px);border-color:rgba(239,201,149,.28)}
.admin-clean-actions{display:grid;gap:12px}
.admin-clean-actions .account-list-card{color:inherit;text-decoration:none}
.admin-clean-follow .account-panel-head{margin-bottom:12px}
.admin-clean-follow-list{max-height:none}
.admin-clean-follow-list .account-list-card{align-items:center}
.dashboard-shell-admin,.admin-dashboard-layout{display:none!important}
@media (max-width:760px){.admin-account-wrap{padding-inline:16px}.admin-clean-stats{grid-template-columns:1fr 1fr}.admin-clean-follow-list .account-list-card{align-items:stretch}}
@media (max-width:520px){.admin-clean-stats{grid-template-columns:1fr}}

/* v43 user dashboard top-tab navigation */
.account-hub-wrap{margin-top:20px;margin-bottom:20px;width:100%}
.account-hub{
  display:block !important;
  direction:rtl !important;
  padding:0 !important;
  overflow:hidden;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(13,13,13,.98)) !important;
  border:1px solid rgba(208,165,111,.14) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.24) !important;
}
.account-hub::before{display:none !important}
.account-hub-sidebar,
.account-hub-content{display:block !important;direction:rtl !important;width:100% !important;position:relative;z-index:1}
.account-sidebar-card{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.account-sidebar-head{display:none !important}
.account-side-nav{
  display:flex !important;
  align-items:center;
  gap:0 !important;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  padding:0 20px;
  min-height:66px;
  border-bottom:1px solid rgba(255,255,255,.12);
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.account-side-nav::-webkit-scrollbar{display:none}
.account-side-btn{
  position:relative;
  flex:0 0 auto;
  width:auto !important;
  min-width:max-content;
  display:flex !important;
  align-items:center;
  justify-content:center;
  grid-template-columns:none !important;
  gap:0 !important;
  padding:22px 18px 19px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.74) !important;
  font-weight:700;
  transform:none !important;
}
.account-side-btn::after{
  content:"";
  position:absolute;
  inset-inline:14px;
  bottom:-1px;
  height:2px;
  border-radius:999px 999px 0 0;
  background:transparent;
  transition:background .2s ease, box-shadow .2s ease;
}
.account-side-btn-icon{display:none !important}
.account-side-btn-label{font-size:.96rem !important;line-height:1.4;font-weight:700 !important}
.account-side-btn:hover{color:#fff !important;background:rgba(255,255,255,.025) !important}
.account-side-btn.is-active{color:var(--brand) !important;background:transparent !important;box-shadow:none !important}
.account-side-btn.is-active::after{background:var(--brand);box-shadow:0 0 16px rgba(208,165,111,.32)}
.account-hub-content{padding:20px !important}
.account-panel{
  min-height:unset !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.account-panel-head{margin-bottom:16px !important;padding:0 !important;border:0 !important}
.account-panel-title-wrap{gap:0 !important}
.account-panel-icon,.account-panel-kicker{display:none !important}
.account-panel-head h1,.account-panel-head h2{font-size:1.16rem !important;margin:0 !important}
.account-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important}
.account-summary-card,
.account-list-card{
  border-radius:18px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}
.account-summary-card-wide{grid-column:auto !important;background:rgba(208,165,111,.075) !important}
.account-summary-icon,.account-list-icon{display:none !important}
.account-list-card:hover{transform:none !important;box-shadow:none !important;border-color:rgba(208,165,111,.18) !important}
.account-edit-form{max-width:560px}
body[data-theme="light"] .account-hub{background:#fff !important;border-color:rgba(191,134,64,.16) !important;box-shadow:0 14px 34px rgba(118,82,33,.08) !important}
body[data-theme="light"] .account-side-nav{border-bottom-color:rgba(20,20,20,.1)}
body[data-theme="light"] .account-side-btn{color:rgba(20,20,20,.68) !important}
body[data-theme="light"] .account-side-btn:hover{color:#111 !important;background:rgba(191,134,64,.05) !important}
body[data-theme="light"] .account-side-btn.is-active{color:rgb(191,134,64) !important}
body[data-theme="light"] .account-summary-card,
body[data-theme="light"] .account-list-card{background:#fff !important;border-color:rgba(191,134,64,.14) !important}
@media (max-width: 980px){
  .account-hub{border-radius:22px !important}
  .account-side-nav{padding:0 14px;min-height:62px}
  .account-side-btn{padding:20px 15px 17px !important}
  .account-hub-content{padding:16px !important}
  .account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width: 640px){
  .account-hub{margin-inline:0;border-radius:20px !important}
  .account-side-nav{padding:0 10px;min-height:58px}
  .account-side-btn{padding:18px 13px 15px !important;font-size:.92rem}
  .account-summary-grid{grid-template-columns:1fr !important}
  .account-list-card{padding:14px !important}
}

/* v-user-home-light-nav: simple app-like public navigation */
.app-header{
  position: sticky;
  top: 0;
  z-index: 80;
  padding: 12px 0 8px;
  background: linear-gradient(180deg, rgba(6,6,6,.94), rgba(6,6,6,.78) 72%, rgba(6,6,6,0));
  backdrop-filter: blur(14px);
}
.app-header-shell{
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
}
.app-brand{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: max-content;
  color: var(--text);
  text-decoration: none;
}
.app-brand-mark{
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid rgba(208,165,111,.18);
  background: radial-gradient(circle at top right, rgba(220,148,57,.14), transparent 40%), rgba(16,12,8,.9);
  color: #efc995;
}
.app-brand-mark .icon{width:18px;height:18px}
.app-brand-name{
  font-weight: 900;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.app-top-tabs{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 4px;
  border-radius: 22px;
  border: 1px solid rgba(208,165,111,.12);
  background: rgba(10,10,10,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.app-top-tabs::-webkit-scrollbar{display:none}
.app-tab{
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 13px;
  border-radius: 16px;
  color: var(--muted);
  text-decoration: none;
  font-size: .92rem;
  font-weight: 800;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}
.app-tab .icon{width:17px;height:17px}
.app-tab:hover,
.app-tab.is-active{
  color: #f3d3a8;
  background: rgba(208,165,111,.12);
}
.app-tab.is-active::after{
  content:"";
  position:absolute;
  right: 14px;
  left: 14px;
  bottom: 4px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(239,201,149,.9), transparent);
}
.app-tab-badge{
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #efc995;
  color: #120b04;
  font-size: .72rem;
  line-height: 1;
}
.app-actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: max-content;
}
.app-login,
.app-theme,
.app-account-trigger{
  min-height: 40px;
  border: 1px solid rgba(208,165,111,.13);
  border-radius: 16px;
  background: rgba(14,14,14,.72);
  color: var(--text);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}
.app-theme{width:40px;padding:0;color:#efc995}
.app-login .icon,
.app-theme .icon,
.app-account-trigger .icon{width:17px;height:17px}
.app-account{position:relative}
.app-account summary{list-style:none}
.app-account summary::-webkit-details-marker{display:none}
.app-account-menu{
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  min-width: 180px;
  display:grid;
  gap:6px;
  padding:8px;
  border-radius:18px;
  border:1px solid rgba(208,165,111,.14);
  background:#0b0b0b;
  box-shadow:0 18px 42px rgba(0,0,0,.34);
}
.app-account:not([open]) .app-account-menu{display:none}
.app-account-menu a{
  padding:10px 12px;
  border-radius:13px;
  color:var(--text);
  text-decoration:none;
  font-weight:800;
}
.app-account-menu a:hover{background:rgba(208,165,111,.1)}
body[data-theme="light"] .app-header{
  background: linear-gradient(180deg, rgba(250,247,241,.94), rgba(250,247,241,.82) 72%, rgba(250,247,241,0));
}
body[data-theme="light"] .app-top-tabs,
body[data-theme="light"] .app-login,
body[data-theme="light"] .app-theme,
body[data-theme="light"] .app-account-trigger{
  background: rgba(255,255,255,.76);
}
body[data-theme="light"] .app-account-menu{background:#fffaf2}
@media (max-width: 900px){
  .app-header{padding:10px 0 6px}
  .app-header-shell{
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand actions"
      "tabs tabs";
    gap: 9px;
  }
  .app-brand{grid-area:brand; min-width:0}
  .app-brand-name{overflow:hidden;text-overflow:ellipsis}
  .app-actions{grid-area:actions}
  .app-top-tabs{
    grid-area:tabs;
    margin-inline: -2px;
    padding: 4px;
    gap: 6px;
  }
  .app-tab{min-height:38px;padding:0 12px;font-size:.88rem}
  .app-account-trigger span{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width: 560px){
  .app-brand-mark{width:34px;height:34px;border-radius:14px}
  .app-brand-name{font-size:.95rem}
  .app-login span{display:none}
  .app-login{width:38px;padding:0}
  .app-theme{width:38px;min-height:38px}
  .app-account-trigger{width:38px;min-height:38px;padding:0}
  .app-account-trigger span{display:none}
  .app-top-tabs{border-radius:18px}
  .app-tab{min-width:74px;gap:5px;padding:0 10px}
}

/* Home inner header rewritten to match the lightweight dashboard tabs */
.home-panel-head{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.home-panel-title{
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-weight: 900;
  color: var(--text);
}
.home-panel-mark{
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid rgba(208,165,111,.18);
  background: radial-gradient(circle at top right, rgba(220,148,57,.14), transparent 40%), rgba(16,12,8,.9);
  color: #efc995;
}
.home-panel-mark .icon{width:18px;height:18px}
.home-top-tabs{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 4px;
  border-radius: 22px;
  border: 1px solid rgba(208,165,111,.12);
  background: rgba(10,10,10,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.home-top-tabs::-webkit-scrollbar{display:none}
.home-top-tab{
  appearance: none;
  border: 0;
  background: transparent;
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 13px;
  border-radius: 16px;
  color: var(--muted);
  font: inherit;
  font-size: .92rem;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  transition: background .16s ease, color .16s ease;
}
.home-top-tab .icon{width:17px;height:17px}
.home-top-tab:hover,
.home-top-tab:focus-visible,
.home-top-tab.is-active{
  color: #f3d3a8;
  background: rgba(208,165,111,.12);
  outline: none;
}
.home-top-tab.is-active::after{
  content:"";
  position:absolute;
  right: 14px;
  left: 14px;
  bottom: 4px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(239,201,149,.9), transparent);
}
body[data-theme="light"] .home-top-tabs{
  background: rgba(255,255,255,.72);
  border-color: rgba(143,93,37,.16);
}
body[data-theme="light"] .home-panel-mark{
  background: rgba(255,248,237,.9);
  color: #9b641f;
}
@media (max-width: 720px){
  .home-panel-head{
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .home-panel-title{
    display: none;
  }
  .home-top-tabs{
    width: 100%;
    border-radius: 18px;
  }
  .home-top-tab{
    min-height: 38px;
    padding-inline: 12px;
  }
}

/* v47 clean about page */
.home-top-tab-link{
  text-decoration:none;
  position:relative;
}
.about-minimal-shell{
  max-width:var(--wrap);
  margin-inline:auto;
}
.about-minimal-card{
  border:1px solid rgba(208,165,111,.15);
  border-radius:28px;
  background:radial-gradient(circle at top right, rgb(220 148 57 / 7%), transparent 34%), linear-gradient(170deg, rgb(6 6 6 / 97%), rgb(29 19 0 / 7%));
  box-shadow:0 24px 56px rgba(0,0,0,.28);
  padding:20px;
  display:grid;
  gap:14px;
}
.about-minimal-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding-bottom:2px;
}
.about-head-mark{
  margin-top:2px;
}
.about-head-copy{
  min-width:0;
}
.about-minimal-head h1{
  margin:4px 0 0;
  font-size:clamp(1.35rem,4vw,2rem);
  line-height:1.55;
}
.about-head-copy > p:not(.kicker){
  margin:8px 0 0;
  color:var(--muted);
  line-height:2;
  max-width:760px;
}
.about-description-box,
.about-info-tile,
.about-address-box{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.035);
  padding:14px 16px;
  text-decoration:none;
  color:var(--text);
}
.about-description-box{
  display:grid;
  gap:8px;
}
.about-description-box span,
.about-info-tile span,
.about-address-box span{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:.88rem;
}
.about-description-box p{
  margin:0;
  color:var(--text);
  line-height:2.05;
  overflow-wrap:anywhere;
}
.about-minimal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.about-info-tile{
  display:grid;
  gap:8px;
}
.about-info-tile strong,
.about-address-box strong{
  display:block;
  line-height:1.9;
  overflow-wrap:anywhere;
}
.about-address-box{
  display:grid;
  gap:8px;
}
body[data-theme="light"] .about-minimal-card{
  background:linear-gradient(180deg,#fff,#fff8ef);
  border-color:rgba(148,112,62,.18);
  box-shadow:0 18px 42px rgba(86,61,31,.10);
}
body[data-theme="light"] .about-description-box,
body[data-theme="light"] .about-info-tile,
body[data-theme="light"] .about-address-box{
  background:rgba(120,78,30,.045);
  border-color:rgba(120,78,30,.12);
}
@media (max-width:640px){
  .about-minimal-card{padding:16px;border-radius:24px;gap:12px;}
  .about-minimal-head{grid-template-columns:1fr;gap:10px;}
  .about-head-mark{width:42px;height:42px;}
  .about-head-copy > p:not(.kicker){font-size:.94rem;line-height:2;}
  .about-minimal-grid{grid-template-columns:1fr;}
}

/* v46 home content tabs: match user dashboard, no internal cart */
.home-dashboard-wrap{width:100%;}
.home-dashboard-hub{max-width:var(--wrap);margin-inline:auto;}
.home-dashboard-content .account-panel-head{margin-bottom:14px !important;}
.home-dashboard-content .account-panel-head h1{font-size:1.12rem !important;font-weight:900 !important;}
.home-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;margin-bottom:12px;}
.home-action-card{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;}
.home-list-grid{display:grid;grid-template-columns:1fr;gap:10px;}
.home-list-card{display:grid !important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;text-decoration:none;color:inherit;}
.home-list-card .account-list-content span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.home-list-meta{display:grid;gap:4px;justify-items:end;text-align:left;white-space:nowrap;color:var(--muted);}
.home-list-meta b{color:var(--brand);font-size:.94rem;}
.home-list-meta small{font-size:.78rem;}
.home-panel-footer-action{display:flex;justify-content:flex-end;margin-top:14px;}
@media (max-width:720px){
  .home-summary-grid{grid-template-columns:1fr !important;}
  .home-action-card{align-items:stretch;flex-direction:column;}
  .home-action-card .btn{width:100%;}
  .home-list-card{grid-template-columns:1fr !important;align-items:start;}
  .home-list-meta{justify-items:start;text-align:right;white-space:normal;}
  .home-panel-footer-action .btn{width:100%;}
}

/* v31 unified page start blocks - based on booking page rhythm */
.unified-page-shell,
.refined-page-shell,
.minimal-page-shell,
.shop-shell,
.news-detail-shell,
.account-hub-wrap.home-dashboard-wrap{
  width:100%;
  max-width:var(--site-max, 1180px);
  margin-inline:auto;
  padding-inline:0;
  display:grid;
  gap:16px;
}
.unified-page-card,
.booking-appointment-card,
.home-dashboard-hub,
.shop-catalog-panel--minimal,
.news-catalog-panel--minimal,
.news-reader-card--fixed,
.about-minimal-card{
  width:100%;
  border:1px solid rgba(208,165,111,.15) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 7%), transparent 34%),
    linear-gradient(170deg, rgb(6 6 6 / 97%), rgb(29 19 0 / 7%)) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.28) !important;
  overflow:hidden;
}
.unified-page-card,
.about-minimal-card,
.shop-catalog-panel--minimal,
.news-catalog-panel--minimal,
.news-reader-card--fixed{
  padding:20px !important;
}
.unified-page-head,
.about-minimal-head,
.shop-catalog-head--minimal,
.news-catalog-head--minimal,
.news-reader-head,
.account-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 16px !important;
  padding:0 !important;
  min-height:48px;
}
.unified-title-row,
.about-title-row,
.catalog-title-lockup,
.account-panel-title-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.unified-title-icon,
.about-head-mark,
.catalog-title-icon,
.home-panel-mark{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  display:grid;
  place-items:center;
  border-radius:16px !important;
  border:1px solid rgba(208,165,111,.16) !important;
  color:rgb(239 201 149);
  background:rgba(208,165,111,.08) !important;
  box-shadow:none !important;
}
.unified-title-icon .icon,
.about-head-mark .icon,
.catalog-title-icon .icon,
.home-panel-mark .icon{width:20px;height:20px;}
.unified-title-copy,
.about-head-copy,
.catalog-title-copy,
.account-panel-title-wrap > div{
  display:grid;
  gap:2px;
  min-width:0;
}
.unified-title-copy h1,
.about-head-copy h1,
.catalog-title-copy h1,
.account-panel-head h1{
  margin:0 !important;
  font-size:clamp(1.18rem, 2vw, 1.55rem) !important;
  line-height:1.45;
  color:var(--text);
}
.unified-kicker,
.about-head-copy .kicker,
.catalog-title-copy .soft{
  margin:0 !important;
  font-size:.82rem;
  color:var(--muted);
  font-weight:800;
}
.about-head-copy > p,
.catalog-title-copy > p.soft{
  display:none !important;
}
.unified-text-box,
.about-description-box,
.about-address-box{
  display:grid;
  gap:8px;
  padding:16px;
  border:1px solid rgba(208,165,111,.13) !important;
  border-radius:20px;
  background:rgba(255,255,255,.035) !important;
}
.unified-text-box span,
.about-description-box span,
.about-address-box span{
  color:var(--muted);
  font-weight:800;
  font-size:.86rem;
}
.unified-text-box p,
.about-description-box p,
.about-address-box p,
.about-address-box strong{
  margin:0;
  color:var(--text);
  line-height:1.9;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.unified-info-grid,
.about-minimal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:12px 0;
}
.unified-info-tile,
.about-info-tile{
  display:grid;
  gap:8px;
  min-width:0;
  padding:15px;
  border:1px solid rgba(208,165,111,.13) !important;
  border-radius:20px;
  background:rgba(255,255,255,.035) !important;
  text-decoration:none;
}
.about-info-tile span{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800;font-size:.86rem;}
.about-info-tile strong{color:var(--text);overflow-wrap:anywhere;}
.home-dashboard-hub{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  padding:18px !important;
}
.home-dashboard-hub .account-hub-sidebar{display:block;width:100%;min-width:0;}
.home-dashboard-hub .account-sidebar-card{padding:0;background:transparent;border:0;box-shadow:none;}
.home-dashboard-hub .account-side-nav{display:flex;gap:8px;overflow:auto hidden;padding:4px;scrollbar-width:none;}
.home-dashboard-hub .account-side-nav::-webkit-scrollbar{display:none;}
.home-dashboard-hub .account-side-btn{flex:0 0 auto;min-height:44px;border-radius:15px;}
.home-dashboard-content{min-width:0;}
.home-dashboard-content .account-panel{padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.news-detail-shell--fixed{grid-template-columns:1fr !important;}
.news-reader-card--fixed{max-width:none !important;}
body[data-theme="light"] .unified-page-card,
body[data-theme="light"] .booking-appointment-card,
body[data-theme="light"] .home-dashboard-hub,
body[data-theme="light"] .shop-catalog-panel--minimal,
body[data-theme="light"] .news-catalog-panel--minimal,
body[data-theme="light"] .news-reader-card--fixed,
body[data-theme="light"] .about-minimal-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,244,237,.96)) !important;
  border-color:rgba(122,86,42,.16) !important;
  box-shadow:0 18px 42px rgba(80,52,16,.08) !important;
}
@media (max-width:720px){
  .unified-page-shell,
  .refined-page-shell,
  .minimal-page-shell,
  .shop-shell,
  .news-detail-shell,
  .account-hub-wrap.home-dashboard-wrap{gap:12px;}
  .unified-page-card,
  .booking-appointment-card,
  .home-dashboard-hub,
  .shop-catalog-panel--minimal,
  .news-catalog-panel--minimal,
  .news-reader-card--fixed,
  .about-minimal-card{border-radius:24px !important;padding:16px !important;}
  .unified-page-head,
  .about-minimal-head,
  .shop-catalog-head--minimal,
  .news-catalog-head--minimal,
  .news-reader-head,
  .account-panel-head{align-items:center;gap:10px;margin-bottom:14px !important;}
  .unified-title-icon,
  .about-head-mark,
  .catalog-title-icon,
  .home-panel-mark{width:40px !important;height:40px !important;min-width:40px !important;border-radius:14px !important;}
  .unified-info-grid,
  .about-minimal-grid{grid-template-columns:1fr;}
  .catalog-count-badges{display:none !important;}
}

/* v52 final alignment cleanup: one width system for header/main/footer and page shells */
:root{
  --page-max: clamp(1120px, 86vw, 1280px);
  --page-gutter: clamp(18px, 4vw, 56px);
}
.wrap,
.app-header-shell,
main.wrap.page-shell{
  width:min(var(--page-max), calc(100% - (var(--page-gutter) * 2))) !important;
  max-width:var(--page-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
  box-sizing:border-box !important;
}
.footer-shell.footer-premium-wrap{
  padding-inline:var(--page-gutter) !important;
}
.footer-shell .footer-grid-premium{
  width:min(var(--page-max), 100%) !important;
  max-width:var(--page-max) !important;
  margin-inline:auto !important;
  box-sizing:border-box !important;
}
main.wrap.page-shell > .account-hub-wrap,
main.wrap.page-shell > .home-dashboard-wrap,
main.wrap.page-shell > .unified-page-shell,
main.wrap.page-shell > .refined-page-shell,
main.wrap.page-shell > .minimal-page-shell,
main.wrap.page-shell > .shop-shell,
main.wrap.page-shell > .cart-shell,
main.wrap.page-shell > .news-detail-shell{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding-inline:0 !important;
  box-sizing:border-box !important;
}
.home-dashboard-hub,
.booking-appointment-card,
.shop-catalog-panel--minimal,
.news-catalog-panel--minimal,
.news-reader-card--fixed,
.about-minimal-card,
.cart-catalog-panel--minimal{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  box-sizing:border-box !important;
}

/* v52 home tabs: RTL start must stay on the right, not drift left */
.home-dashboard-hub .account-side-nav{
  direction:rtl !important;
  justify-content:flex-start !important;
  text-align:right !important;
  padding-inline:12px !important;
}
.home-dashboard-hub .account-side-btn{
  direction:rtl !important;
}
.home-dashboard-content,
.home-dashboard-content .account-panel,
.home-dashboard-content .account-panel-head,
.home-dashboard-content .account-panel-title-wrap{
  text-align:right !important;
}

/* v52 cart visual unification only: keep current cart markup and forms intact */
.cart-shell--minimal{
  display:grid !important;
  gap:16px !important;
}
.cart-catalog-panel--minimal{
  border:1px solid rgba(208,165,111,.15) !important;
  border-radius:28px !important;
  background:radial-gradient(circle at top right, rgb(220 148 57 / 7%), transparent 34%), linear-gradient(170deg, rgb(6 6 6 / 97%), rgb(29 19 0 / 7%)) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
  padding:20px !important;
}
.cart-catalog-head--minimal{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 0 16px !important;
  padding:0 !important;
  min-height:48px !important;
}
.cart-catalog-head--minimal .catalog-title-lockup{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.cart-catalog-head--minimal .catalog-title-icon{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:16px !important;
  border:1px solid rgba(208,165,111,.16) !important;
  background:rgba(208,165,111,.08) !important;
  color:rgb(239 201 149) !important;
}
.cart-catalog-head--minimal .catalog-title-copy h1{
  margin:0 !important;
  font-size:clamp(1.18rem, 2vw, 1.55rem) !important;
  line-height:1.45 !important;
}
.cart-catalog-head--minimal .catalog-title-copy .soft{
  display:none !important;
}
.shop-cart-list--compact{
  display:grid !important;
  gap:10px !important;
}
.cart-item-minimal{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:20px !important;
  border:1px solid rgba(208,165,111,.12) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}
.cart-item-main,
.cart-item-meta,
.cart-item-actions{
  min-width:0 !important;
}
.cart-item-meta{
  text-align:left !important;
  white-space:nowrap !important;
}
.cart-item-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  justify-content:flex-end !important;
}
.cart-item-qty-form{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}
.cart-qty-label{
  color:var(--muted) !important;
  font-size:.84rem !important;
}
.cart-summary-minimal{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:20px !important;
  border:1px solid rgba(208,165,111,.12) !important;
  background:rgba(208,165,111,.065) !important;
}
.cart-action-group-minimal{
  margin-inline-start:auto !important;
}
body[data-theme="light"] .cart-catalog-panel--minimal{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,244,237,.96)) !important;
  border-color:rgba(122,86,42,.16) !important;
  box-shadow:0 18px 42px rgba(80,52,16,.08) !important;
}
body[data-theme="light"] .cart-item-minimal,
body[data-theme="light"] .cart-summary-minimal{
  background:rgba(120,78,30,.045) !important;
  border-color:rgba(120,78,30,.12) !important;
}
@media (max-width:720px){
  .wrap,
  .app-header-shell,
  main.wrap.page-shell{
    width:min(var(--page-max), calc(100% - 28px)) !important;
  }
  .footer-shell.footer-premium-wrap{
    padding-inline:14px !important;
  }
  .cart-catalog-panel--minimal{
    padding:16px !important;
    border-radius:24px !important;
  }
  .cart-catalog-head--minimal{
    align-items:center !important;
    margin-bottom:14px !important;
  }
  .cart-catalog-head--minimal .catalog-title-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:14px !important;
  }
  .cart-head-actions{display:none !important;}
  .cart-item-minimal{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .cart-item-meta{
    text-align:right !important;
    white-space:normal !important;
  }
  .cart-item-actions,
  .cart-item-qty-form,
  .cart-summary-minimal{
    width:100% !important;
  }
  .cart-item-actions,
  .cart-summary-minimal{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .cart-item-qty-form .mini-input{
    flex:1 1 auto !important;
  }
  .cart-action-group-minimal,
  .cart-action-group-minimal .btn,
  .cart-empty-shop-btn{
    width:100% !important;
  }
}

/* v53 home internal tabs placement: desktop as a right-aligned top bar, mobile keeps scroll comfort */
.home-dashboard-hub{
  grid-template-columns:1fr !important;
  grid-template-areas:"tabs" "content" !important;
  align-items:start !important;
}
.home-dashboard-hub .home-tabs-row,
.home-dashboard-hub .account-hub-sidebar{
  grid-area:tabs !important;
  width:100% !important;
  display:flex !important;
  justify-content:flex-start !important;
  direction:rtl !important;
  margin:0 0 2px !important;
}
.home-dashboard-hub .home-tabs-card,
.home-dashboard-hub .account-sidebar-card{
  width:100% !important;
  display:flex !important;
  justify-content:flex-start !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.home-dashboard-hub .account-side-nav{
  width:auto !important;
  max-width:100% !important;
  display:inline-flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
  padding:4px !important;
  margin:0 !important;
  border-radius:18px !important;
  border:1px solid rgba(208,165,111,.13) !important;
  background:rgba(255,255,255,.025) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.home-dashboard-hub .account-side-nav::-webkit-scrollbar{display:none !important;}
.home-dashboard-hub .account-side-btn{
  flex:0 0 auto !important;
  min-width:112px !important;
  min-height:42px !important;
  padding:9px 12px !important;
  border-radius:14px !important;
  grid-template-columns:24px auto !important;
  gap:8px !important;
  box-shadow:none !important;
}
.home-dashboard-hub .account-side-btn-icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.home-dashboard-hub .account-side-btn-icon .icon{
  width:18px !important;
  height:18px !important;
}
.home-dashboard-hub .account-side-btn-label{
  font-size:.92rem !important;
  white-space:nowrap !important;
}
.home-dashboard-hub .home-dashboard-content{
  grid-area:content !important;
}
body[data-theme="light"] .home-dashboard-hub .account-side-nav{
  background:rgba(255,255,255,.76) !important;
  border-color:rgba(122,86,42,.13) !important;
}
@media (max-width:720px){
  .home-dashboard-hub .home-tabs-row,
  .home-dashboard-hub .account-hub-sidebar,
  .home-dashboard-hub .home-tabs-card,
  .home-dashboard-hub .account-sidebar-card{
    display:block !important;
  }
  .home-dashboard-hub .account-side-nav{
    width:100% !important;
    padding:4px !important;
  }
  .home-dashboard-hub .account-side-btn{
    min-width:96px !important;
    min-height:40px !important;
    padding:8px 10px !important;
  }
}

/* v57: unify product detail, news reader and user dashboard visual system */
.product-detail-unified-shell,
.news-detail-shell--fixed,
.account-hub-wrap{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding-inline:0 !important;
  box-sizing:border-box !important;
}
.product-detail-unified-card,
.product-related-unified-card,
.news-detail-unified-card,
.account-hub{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  border:1px solid rgba(208,165,111,.15) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at top right, rgb(220 148 57 / 7%), transparent 34%),
    linear-gradient(170deg, rgb(6 6 6 / 97%), rgb(29 19 0 / 7%)) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.28) !important;
  overflow:hidden;
  box-sizing:border-box !important;
}
.product-detail-unified-card,
.product-related-unified-card,
.news-detail-unified-card{
  padding:20px !important;
}
.product-detail-unified-card .shop-detail-compact-grid{
  display:grid !important;
  grid-template-columns:minmax(250px, .72fr) minmax(0, 1.28fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.product-detail-unified-card .shop-detail-media-card,
.product-detail-unified-card .shop-detail-info-card,
.product-related-unified-card .shop-related-mini-card,
.news-detail-unified-card .news-detail-body-minimal,
.account-hub .account-panel,
.account-hub .account-summary-card,
.account-hub .account-list-card,
.account-hub .account-sidebar-card{
  border:1px solid rgba(208,165,111,.13) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}
.product-detail-unified-card .shop-detail-media-card,
.product-detail-unified-card .shop-detail-info-card{
  border-radius:24px !important;
  padding:16px !important;
}
.product-detail-unified-card .shop-detail-media-stage{
  min-height:210px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(208,165,111,.12) !important;
}
.product-detail-unified-head,
.news-detail-unified-head,
.product-related-unified-card .shop-detail-related-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 0 16px !important;
  padding:0 !important;
  min-height:48px !important;
  border:0 !important;
}
.product-detail-unified-card .shop-detail-title-lockup,
.product-related-unified-card .shop-detail-related-lockup,
.news-detail-unified-head .unified-title-row,
.account-hub .account-panel-title-wrap{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.product-detail-unified-card .catalog-title-icon,
.product-related-unified-card .catalog-title-icon,
.news-detail-unified-head .unified-title-icon,
.account-hub .account-panel-icon,
.account-hub .account-side-btn-icon,
.account-hub .account-summary-icon,
.account-hub .account-list-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  border:1px solid rgba(208,165,111,.16) !important;
  color:rgb(239 201 149) !important;
  background:rgba(208,165,111,.08) !important;
  box-shadow:none !important;
}
.product-detail-unified-card .catalog-title-copy h1,
.product-related-unified-card .catalog-title-copy h2,
.news-detail-unified-head h1,
.account-hub .account-panel-head h2{
  margin:0 !important;
  font-size:clamp(1.16rem, 2vw, 1.5rem) !important;
  line-height:1.45 !important;
}
.product-detail-unified-card .kicker,
.product-related-unified-card .kicker,
.news-detail-unified-head .unified-kicker,
.account-hub .account-panel-kicker{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:.82rem !important;
  font-weight:800 !important;
}
.product-detail-unified-card .shop-detail-price-box,
.product-detail-unified-card .shop-detail-description-box,
.product-detail-unified-card .shop-detail-mini-stat,
.product-detail-unified-card .shop-detail-buy-panel{
  border:1px solid rgba(208,165,111,.13) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}
.product-detail-unified-card .shop-detail-description-box p,
.news-detail-unified-card .news-detail-body-minimal p{
  line-height:1.95 !important;
  overflow-wrap:anywhere !important;
}
.news-detail-unified-card .news-detail-body-minimal{
  border-radius:22px !important;
  padding:18px !important;
  margin:0 0 14px !important;
}
.news-detail-unified-card .news-reader-actions{
  border-top:0 !important;
  padding-top:0 !important;
  justify-content:flex-start !important;
}
.account-hub-wrap{margin-top:0 !important;margin-bottom:0 !important;}
.account-hub{
  direction:rtl !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-areas:"sidebar" "content" !important;
  gap:16px !important;
  padding:18px !important;
}
.account-hub::before{display:none !important;}
.account-hub .account-hub-sidebar{grid-area:sidebar !important;width:100% !important;min-width:0 !important;}
.account-hub .account-hub-content{grid-area:content !important;width:100% !important;min-width:0 !important;}
.account-hub .account-sidebar-card{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.account-hub .account-sidebar-head{
  display:none !important;
}
.account-hub .account-side-nav{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  overflow:auto hidden !important;
  padding:4px !important;
  scrollbar-width:none !important;
}
.account-hub .account-side-nav::-webkit-scrollbar{display:none !important;}
.account-hub .account-side-btn{
  flex:0 0 auto !important;
  min-height:44px !important;
  border-radius:16px !important;
  padding:8px 12px !important;
  white-space:nowrap !important;
}
.account-hub .account-side-btn-icon{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border-radius:11px !important;
}
.account-hub .account-panel{
  width:100% !important;
  border-radius:24px !important;
  padding:16px !important;
}
.account-hub .account-panel-head{
  margin-bottom:14px !important;
}
.account-hub .account-list-card{
  border-radius:20px !important;
  padding:14px !important;
}
.account-hub .account-summary-grid{
  gap:12px !important;
}
.account-hub .account-summary-card{
  border-radius:20px !important;
}
body[data-theme="light"] .product-detail-unified-card,
body[data-theme="light"] .product-related-unified-card,
body[data-theme="light"] .news-detail-unified-card,
body[data-theme="light"] .account-hub{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,244,237,.96)) !important;
  border-color:rgba(122,86,42,.16) !important;
  box-shadow:0 18px 42px rgba(80,52,16,.08) !important;
}
body[data-theme="light"] .product-detail-unified-card .shop-detail-media-card,
body[data-theme="light"] .product-detail-unified-card .shop-detail-info-card,
body[data-theme="light"] .product-detail-unified-card .shop-detail-price-box,
body[data-theme="light"] .product-detail-unified-card .shop-detail-description-box,
body[data-theme="light"] .product-detail-unified-card .shop-detail-mini-stat,
body[data-theme="light"] .product-detail-unified-card .shop-detail-buy-panel,
body[data-theme="light"] .product-related-unified-card .shop-related-mini-card,
body[data-theme="light"] .news-detail-unified-card .news-detail-body-minimal,
body[data-theme="light"] .account-hub .account-panel,
body[data-theme="light"] .account-hub .account-summary-card,
body[data-theme="light"] .account-hub .account-list-card{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(122,86,42,.13) !important;
}
@media (max-width:900px){
  .product-detail-unified-card .shop-detail-compact-grid{grid-template-columns:1fr !important;}
  .product-detail-unified-card .shop-detail-media-stage{min-height:170px !important;}
}
@media (max-width:720px){
  .product-detail-unified-card,
  .product-related-unified-card,
  .news-detail-unified-card,
  .account-hub{border-radius:24px !important;padding:16px !important;}
  .product-detail-unified-head,
  .news-detail-unified-head,
  .product-related-unified-card .shop-detail-related-head{align-items:flex-start !important;}
  .product-detail-unified-card .shop-detail-back-link{display:none !important;}
  .product-detail-unified-card .shop-detail-buy-row{grid-template-columns:1fr !important;}
  .product-detail-unified-card .shop-detail-main-action,
  .product-detail-unified-card .shop-detail-secondary-action,
  .news-detail-unified-card .news-reader-actions .btn{width:100% !important;justify-content:center !important;}
  .account-hub .account-panel{padding:14px !important;border-radius:22px !important;}
  .account-hub .account-panel-head{align-items:center !important;}
}

/* Final dashboard icon/text spacing polish */
.account-hub .account-side-btn,
.account-hub .account-panel-title-wrap,
.account-hub .account-list-main,
.account-hub .account-summary-card{
  gap:10px !important;
}
.account-hub .account-side-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.account-hub .account-side-btn-label,
.account-hub .account-list-text,
.account-hub .account-panel-title-wrap > div{
  min-width:0 !important;
}
.account-hub .account-list-main{
  display:flex !important;
  align-items:flex-start !important;
}
.account-hub .account-summary-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
@media (max-width:720px){
  .account-hub .account-side-btn{gap:8px !important;padding-inline:12px !important;}
  .account-hub .account-panel-title-wrap,
  .account-hub .account-list-main{gap:9px !important;}
}


/* Lightweight account dropdown polish */
.app-account-trigger{
  background: linear-gradient(180deg, rgba(208,165,111,.10), rgba(14,14,14,.74));
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}
.app-account[open] .app-account-trigger{
  border-color: rgba(239,201,149,.32);
  background: linear-gradient(180deg, rgba(239,201,149,.16), rgba(14,14,14,.78));
}
.app-account-menu{
  min-width: 206px;
  padding: 7px;
  gap: 5px;
  border-radius: 18px;
  background: #0c0b09;
}
.app-account-menu a{
  display:flex;
  align-items:center;
  gap:9px;
  padding: 10px 11px;
  border-radius: 13px;
  color: var(--text);
  line-height: 1.2;
}
.app-account-menu a .icon{
  width:17px;
  height:17px;
  flex:0 0 17px;
  color:#efc995;
}
.app-account-menu a:hover{
  background: rgba(208,165,111,.105);
}
.app-account-menu a.is-danger{
  color:#f1c4b8;
}
.app-account-menu a.is-danger .icon{
  color:#f1a99b;
}
.app-account-menu a.is-danger:hover{
  background: rgba(215,95,95,.12);
}
body[data-theme="light"] .app-account-trigger{
  background: linear-gradient(180deg, #fffaf2, #f8efe3);
}
body[data-theme="light"] .app-account-menu{
  background:#fffaf2;
}
@media (max-width: 720px){
  .app-account-menu{
    left: 0;
    width: min(220px, calc(100vw - 24px));
  }
}

/* v63 checkout visual unification with current site system */
main.wrap.page-shell > .checkout-minimal-shell{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding-inline:0 !important;
  box-sizing:border-box !important;
}
.checkout-minimal-shell{
  display:grid !important;
  gap:16px !important;
}
.checkout-unified-card,
.checkout-gate-card-minimal,
.checkout-empty-state-minimal{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  box-sizing:border-box !important;
  border:1px solid rgba(208,165,111,.14) !important;
  border-radius:24px !important;
  background:radial-gradient(circle at top right, rgba(220,148,57,.07), transparent 34%), linear-gradient(170deg, rgba(6,6,6,.97), rgba(29,19,0,.07)) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.24) !important;
}
.checkout-unified-title{
  min-height:48px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(208,165,111,.12) !important;
}
.checkout-unified-title .kicker,
.checkout-minimal-block-head h2{
  color:var(--muted);
}
.checkout-unified-title h1{
  font-size:1.18rem !important;
  line-height:1.7;
}
.checkout-unified-layout{
  align-items:start !important;
  gap:16px !important;
}
.checkout-unified-card .field-card-minimal,
.checkout-unified-summary{
  border:1px solid rgba(208,165,111,.12) !important;
  background:rgba(255,255,255,.025) !important;
  border-radius:20px !important;
}
.checkout-unified-card .field-card-minimal{
  padding:14px !important;
}
.checkout-unified-card .field-card-minimal label{
  display:block;
  font-size:.88rem;
  color:var(--muted);
  margin-bottom:8px !important;
}
.checkout-unified-card .input{
  border-radius:16px !important;
  background:rgba(0,0,0,.18) !important;
  border-color:rgba(208,165,111,.13) !important;
}
.checkout-unified-card .input:focus{
  border-color:rgba(208,165,111,.45) !important;
  box-shadow:0 0 0 3px rgba(208,165,111,.10) !important;
}
.checkout-mini-list{display:grid;gap:10px !important;}
.checkout-unified-card .checkout-mini-row{
  border:1px solid rgba(208,165,111,.10) !important;
  background:rgba(255,255,255,.022) !important;
}
.checkout-mini-total{
  border-top:1px solid rgba(208,165,111,.12) !important;
  padding-top:12px !important;
}
.checkout-unified-submit{
  align-items:center !important;
  border-top:1px solid rgba(208,165,111,.12) !important;
}
body[data-theme="light"] .checkout-unified-card,
body[data-theme="light"] .checkout-gate-card-minimal,
body[data-theme="light"] .checkout-empty-state-minimal{
  background:linear-gradient(180deg,#fffaf4,#fff6ec) !important;
  border-color:rgba(159,115,68,.16) !important;
  box-shadow:0 18px 38px rgba(143,76,16,.08) !important;
}
body[data-theme="light"] .checkout-unified-card .field-card-minimal,
body[data-theme="light"] .checkout-unified-summary,
body[data-theme="light"] .checkout-unified-card .checkout-mini-row{
  background:#fff !important;
  border-color:rgba(159,115,68,.14) !important;
}
body[data-theme="light"] .checkout-unified-card .input{
  background:#fff !important;
}
@media (max-width: 720px){
  .checkout-unified-card,
  .checkout-gate-card-minimal,
  .checkout-empty-state-minimal{
    border-radius:20px !important;
    padding:16px !important;
  }
  .checkout-unified-title{
    grid-template-columns:1fr auto !important;
    gap:10px !important;
  }
  .checkout-unified-title .btn span{display:none;}
  .checkout-unified-card .field-card-minimal{padding:13px !important;}
}

/* v60: clean news reader shadows and align reader controls */
.news-detail-unified-card,
.news-detail-unified-card *,
.news-detail-unified-card *::before,
.news-detail-unified-card *::after{
  box-shadow:none !important;
}
.news-detail-unified-head{
  align-items:center !important;
  padding:0 !important;
  margin:0 0 16px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.news-detail-unified-head .unified-title-row{
  align-items:center !important;
}
.news-detail-unified-head .news-date-badge,
.news-detail-unified-card .badge.news-date-badge{
  box-shadow:none !important;
  background:rgba(208,165,111,.09) !important;
  border:1px solid rgba(208,165,111,.14) !important;
}
.news-detail-unified-card .news-detail-body-minimal,
.news-detail-unified-card .news-reader-body{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 0 16px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.news-detail-unified-card .news-detail-body-minimal p,
.news-detail-unified-card .news-reader-body p{
  margin:0 0 12px !important;
  padding:0 !important;
  max-width:100% !important;
  line-height:2.05 !important;
}
.news-detail-unified-card .news-reader-actions,
.news-detail-unified-card .news-detail-actions-minimal{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  width:100% !important;
  padding:0 !important;
  margin:2px 0 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.news-detail-unified-card .news-reader-actions .btn,
.news-detail-unified-card .news-detail-actions-minimal .btn{
  box-shadow:none !important;
  min-height:42px !important;
  padding:9px 13px !important;
  border-radius:15px !important;
}
.news-detail-unified-card .news-reader-actions .btn .icon,
.news-detail-unified-card .news-detail-actions-minimal .btn .icon{
  margin-inline-end:0 !important;
  margin-inline-start:6px !important;
}
body[data-theme="light"] .news-detail-unified-head,
body[data-theme="light"] .news-detail-unified-card .news-reader-actions,
body[data-theme="light"] .news-detail-unified-card .news-detail-body-minimal{
  background:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}
@media (max-width:720px){
  .news-detail-unified-head{
    gap:10px !important;
  }
  .news-detail-unified-head .news-date-badge,
  .news-detail-unified-card .badge.news-date-badge{
    align-self:flex-start !important;
    margin-inline-start:54px !important;
  }
  .news-detail-unified-card .news-reader-actions .btn,
  .news-detail-unified-card .news-detail-actions-minimal .btn{
    width:auto !important;
    justify-content:flex-start !important;
  }
}


/* Inline order details inside user dashboard */
.account-hub .account-order-inline-card{
  display:block !important;
}
.account-hub .account-order-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}
.account-hub .account-order-inline-card.is-open{
  border-color:rgba(208,165,111,.22) !important;
  background:rgba(208,165,111,.045) !important;
}
.account-hub .account-order-inline-detail{
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(208,165,111,.13) !important;
}
.account-hub .account-order-detail-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
}
.account-hub .account-order-detail-head strong{
  font-size:1rem !important;
}
.account-hub .account-order-detail-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-bottom:10px !important;
}
.account-hub .account-order-detail-box,
.account-hub .account-order-note-box,
.account-hub .account-order-item-mini,
.account-hub .account-order-total-mini{
  border:1px solid rgba(208,165,111,.12) !important;
  background:rgba(255,255,255,.03) !important;
  border-radius:16px !important;
  padding:11px 12px !important;
  box-shadow:none !important;
}
.account-hub .account-order-detail-box span,
.account-hub .account-order-note-box span,
.account-hub .account-order-total-mini span{
  display:block !important;
  color:var(--muted) !important;
  font-size:.8rem !important;
  margin-bottom:5px !important;
}
.account-hub .account-order-note-box{
  margin-bottom:10px !important;
}
.account-hub .account-order-note-box p{
  margin:0 !important;
  line-height:1.9 !important;
  overflow-wrap:anywhere !important;
}
.account-hub .account-order-items-mini{
  display:grid !important;
  gap:8px !important;
}
.account-hub .account-order-item-mini,
.account-hub .account-order-total-mini{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.account-hub .account-order-item-mini span{
  display:block !important;
  color:var(--muted) !important;
  font-size:.82rem !important;
  margin-top:3px !important;
}
.account-hub .account-order-total-mini{
  margin-top:10px !important;
  border-color:rgba(208,165,111,.18) !important;
  background:rgba(208,165,111,.07) !important;
}
body[data-theme="light"] .account-hub .account-order-detail-box,
body[data-theme="light"] .account-hub .account-order-note-box,
body[data-theme="light"] .account-hub .account-order-item-mini,
body[data-theme="light"] .account-hub .account-order-total-mini{
  background:rgba(255,255,255,.74) !important;
  border-color:rgba(122,86,42,.13) !important;
}
@media (max-width:720px){
  .account-hub .account-order-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .account-hub .account-order-detail-grid{
    grid-template-columns:1fr !important;
  }
  .account-hub .account-order-item-mini,
  .account-hub .account-order-total-mini{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}

/* gallery samples: lightweight home/admin integration */
.gallery-consent-note {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(208, 165, 111, .16);
  border-radius: 18px;
  background: rgba(208, 165, 111, .07);
  color: rgba(255,255,255,.78);
  font-size: .92rem;
  line-height: 1.9;
}
.gallery-consent-note::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(208, 165, 111, .15);
  color: rgb(230, 183, 124);
  flex: 0 0 auto;
}
.gallery-home-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.gallery-home-card {
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(208, 165, 111, .13);
  background: rgba(255,255,255,.035);
}
.gallery-home-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  background: rgba(255,255,255,.04);
}
.gallery-home-caption {
  display: grid;
  gap: 4px;
  padding: .85rem;
}
.gallery-home-caption strong {
  color: rgba(255,255,255,.92);
  font-size: .95rem;
}
.gallery-home-caption span {
  color: rgba(255,255,255,.58);
  font-size: .82rem;
  line-height: 1.7;
}
.admin-gallery-list {
  display: grid;
  gap: 14px;
}
.admin-gallery-card {
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 14px;
  align-items: stretch;
  padding: 10px;
  border: 1px solid rgba(208, 165, 111, .13);
  border-radius: 22px;
  background: rgba(255,255,255,.035);
}
.admin-gallery-card img {
  width: 104px;
  height: 124px;
  object-fit: cover;
  border-radius: 16px;
  background: rgba(255,255,255,.05);
}
.admin-gallery-info {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: space-between;
}
.gallery-toggle-row {
  align-self: end;
  margin-bottom: .25rem;
}
@media (max-width: 920px) {
  .gallery-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .gallery-home-grid { gap: 10px; }
  .gallery-home-card { border-radius: 18px; }
  .gallery-home-caption { padding: .7rem; }
  .admin-gallery-card { grid-template-columns: 86px 1fr; gap: 10px; border-radius: 18px; }
  .admin-gallery-card img { width: 86px; height: 104px; border-radius: 14px; }
}


/* v-gallery-products: lightweight product image management/display */
.admin-product-image-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(208, 165, 111, .16);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  margin-bottom: 10px;
}
.admin-product-image-preview img,
.admin-product-record-thumb {
  width: 58px;
  height: 58px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(208, 165, 111, .18);
  background: rgba(0,0,0,.22);
  flex: 0 0 auto;
}
.admin-product-record-head {
  align-items: flex-start;
  gap: 12px;
}
.admin-product-record-thumb.is-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(236, 211, 177, .72);
}
.shop-product-visual img.shop-product-image,
.shop-related-mini-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
  position: relative;
  z-index: 1;
}
.shop-detail-product-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}
.shop-product-visual:has(.shop-product-image),
.shop-detail-media-tile:has(.shop-detail-product-image),
.shop-related-mini-visual:has(.shop-related-mini-image) {
  overflow: hidden;
}
@media (max-width: 640px) {
  .admin-product-image-preview img,
  .admin-product-record-thumb {
    width: 52px;
    height: 52px;
  }
}

/* admin dashboard: simplified tabbed tables */
.admin-simple-wrap{max-width:var(--site-max,1180px);margin-inline:auto;padding-inline:var(--site-pad,24px)}
.admin-simple-hub{display:block!important;padding:0!important;overflow:hidden}
.admin-simple-tabs-wrap{width:100%!important;max-width:none!important;margin:0!important;display:block!important}
.admin-simple-tabs-wrap .account-sidebar-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.admin-simple-tabs{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 8px!important;min-height:62px;border-bottom:1px solid rgba(208,165,111,.12);scrollbar-width:none}
.admin-simple-tabs::-webkit-scrollbar{display:none}
.admin-simple-tabs .account-side-btn{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;border-radius:16px!important;padding:13px 18px!important;gap:8px!important;text-align:center!important}
.admin-simple-content{padding:20px!important}
.admin-simple-section{border:1px solid rgba(208,165,111,.12);background:rgba(255,255,255,.025);border-radius:22px;padding:14px}
.admin-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-table-head h2,.admin-table-head h3{margin:0;font-size:1rem;color:var(--text)}
.admin-table-scroll{width:100%;overflow:auto;border-radius:18px;border:1px solid rgba(208,165,111,.1)}
.admin-simple-table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px;background:rgba(0,0,0,.12)}
.admin-simple-table th,.admin-simple-table td{padding:12px 14px;text-align:right;border-bottom:1px solid rgba(208,165,111,.08);vertical-align:middle;white-space:nowrap}
.admin-simple-table th{font-size:.82rem;color:var(--muted);font-weight:800;background:rgba(255,255,255,.025)}
.admin-simple-table td{font-size:.9rem;color:var(--text)}
.admin-simple-table tr:last-child td{border-bottom:0}
.admin-empty-cell{text-align:center!important;color:var(--muted)!important;padding:22px!important}
.admin-tab-shortcut{border:1px solid rgba(208,165,111,.12);text-align:right;cursor:pointer;color:inherit;font-family:inherit}
.admin-dual-grid,.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-settings-grid .account-list-card{text-decoration:none;color:inherit}
.admin-inline-input{min-width:190px;height:40px!important;padding:8px 12px!important;border-radius:13px!important}
.admin-users-table{min-width:620px}
body[data-theme="light"] .admin-simple-section{background:rgba(255,255,255,.72);border-color:rgba(191,134,64,.14)}
body[data-theme="light"] .admin-simple-table{background:rgba(255,255,255,.72)}
body[data-theme="light"] .admin-simple-table th{background:rgba(191,134,64,.06)}
@media (max-width:760px){.admin-simple-wrap{padding-inline:16px}.admin-simple-content{padding:14px!important}.admin-simple-tabs{padding-inline:4px!important;gap:6px}.admin-simple-tabs .account-side-btn{padding:12px 14px!important}.admin-dual-grid,.admin-settings-grid{grid-template-columns:1fr}.admin-simple-table th,.admin-simple-table td{padding:10px 12px;font-size:.84rem}}

/* Admin single-page dashboard refinements */
.admin-spa-wrap .account-panel:not(.is-active){display:none!important}
.admin-spa-wrap .admin-inline-row{display:none;background:rgba(255,255,255,.025)}
.admin-spa-wrap tr.admin-inline-row.is-open{display:table-row}
.admin-spa-wrap div.admin-inline-row.is-open{display:block}
.admin-spa-wrap .admin-inline-row td{padding:14px!important;border-top:0!important}
.admin-spa-wrap .admin-inline-form{display:grid;gap:12px;padding:12px;border:1px solid rgba(208,165,111,.12);border-radius:18px;background:rgba(0,0,0,.16)}
.admin-spa-wrap .admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-spa-wrap .admin-field-wide{grid-column:1/-1}
.admin-spa-wrap .admin-workdays{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.admin-spa-wrap .admin-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.admin-spa-wrap .admin-simple-section{border:1px solid rgba(208,165,111,.12);border-radius:22px;padding:16px;background:rgba(0,0,0,.12)}
.admin-spa-wrap .admin-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-spa-wrap .admin-table-head h2,.admin-spa-wrap .admin-table-head h3{margin:0}
.admin-spa-wrap .account-panel-head .btn,.admin-spa-wrap .admin-table-head .btn{white-space:nowrap}
@media (max-width:760px){.admin-spa-wrap .admin-form-grid,.admin-spa-wrap .admin-dual-grid{grid-template-columns:1fr}.admin-spa-wrap .admin-inline-form{padding:10px}.admin-spa-wrap .admin-simple-section{padding:12px}.admin-spa-wrap .admin-table-scroll{overflow-x:auto}}

/* Admin user inline info polish */
.btn-icon-only {
  min-width: 34px;
  width: 34px;
  height: 34px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-weight: 900;
}
.admin-user-info-panel {
  display: grid;
  gap: 16px;
  padding: 14px;
}
.admin-user-mini-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.admin-user-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}
.admin-user-info-grid .admin-simple-section {
  margin: 0;
}
.admin-user-message-form {
  margin: 0;
  padding-top: 4px;
}
.admin-user-message-form label {
  width: 100%;
}
@media (max-width: 900px) {
  .admin-user-mini-stats,
  .admin-user-info-grid {
    grid-template-columns: 1fr;
  }
  .admin-users-table th:nth-child(3),
  .admin-users-table td:nth-child(3) {
    display: none;
  }
}

/* Admin appointment filters and inline controls */
.admin-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
  margin: 0 0 16px;
}
.admin-filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid rgba(208, 165, 111, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: rgba(255, 255, 255, .78);
  font-size: .88rem;
  text-decoration: none;
  white-space: nowrap;
}
.admin-filter-chip.is-active,
.admin-filter-chip:hover {
  background: rgba(208, 165, 111, .14);
  color: #fff;
  border-color: rgba(208, 165, 111, .35);
}
.btn-danger {
  border-color: rgba(239, 68, 68, .28) !important;
  background: rgba(239, 68, 68, .10) !important;
  color: #fecaca !important;
}
@media (max-width: 720px) {
  .admin-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    justify-content: flex-start;
    scrollbar-width: none;
  }
  .admin-filter-tabs::-webkit-scrollbar { display: none; }
}

/* v-admin-form-polish: consistent inline admin fields */
.admin-spa-wrap .admin-inline-form{
  gap:14px !important;
  padding:14px !important;
}
.admin-spa-wrap .admin-form-grid{
  align-items:start !important;
  gap:14px !important;
}
.admin-spa-wrap .admin-form-grid > label:not(.toggle-row),
.admin-spa-wrap .admin-inline-form > label:not(.toggle-row),
.admin-spa-wrap .admin-simple-section > form > label:not(.toggle-row){
  display:grid !important;
  grid-template-columns:1fr !important;
  align-content:start !important;
  gap:7px !important;
  min-width:0 !important;
  margin:0 !important;
  color:rgba(236,211,177,.82) !important;
  font-size:.86rem !important;
  font-weight:800 !important;
  line-height:1.7 !important;
}
.admin-spa-wrap .admin-form-grid > label:not(.toggle-row) .soft,
.admin-spa-wrap .admin-inline-form > label:not(.toggle-row) .soft{
  display:inline-block !important;
  margin-inline-start:6px !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  color:var(--muted) !important;
}
.admin-spa-wrap .admin-inline-form .input,
.admin-spa-wrap .admin-inline-form input.input,
.admin-spa-wrap .admin-inline-form select.input,
.admin-spa-wrap .admin-inline-form textarea.input,
.admin-spa-wrap .admin-inline-input{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  display:block !important;
  height:auto !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  line-height:1.7 !important;
  font-size:.92rem !important;
}
.admin-spa-wrap .admin-inline-form textarea.input{
  min-height:82px !important;
  resize:vertical !important;
}
.admin-spa-wrap .admin-inline-form select.input{
  padding-inline-end:12px !important;
}
.admin-spa-wrap .toggle-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-height:42px !important;
  padding:10px 12px !important;
  margin:0 !important;
  border-radius:14px !important;
  line-height:1.7 !important;
}
.admin-spa-wrap .toggle-row input{
  flex:0 0 auto !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
}
.admin-spa-wrap .toggle-row span{
  min-width:0 !important;
  display:block !important;
  font-size:.88rem !important;
  font-weight:700 !important;
}
.admin-spa-wrap .admin-field-wide{
  grid-column:1 / -1 !important;
}
.admin-spa-wrap .action-row,
.admin-spa-wrap .admin-inline-form .action-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:2px !important;
}
.admin-spa-wrap .admin-inline-form > .btn,
.admin-spa-wrap .admin-inline-form > button.btn{
  justify-self:start !important;
  min-width:120px !important;
}
.admin-spa-wrap .admin-table-head{
  align-items:flex-start !important;
}
.admin-spa-wrap .admin-table-head > div,
.admin-spa-wrap .admin-table-head h2,
.admin-spa-wrap .admin-table-head h3{
  min-width:0 !important;
  line-height:1.6 !important;
}
.admin-spa-wrap .admin-table-head .soft{
  display:block !important;
  margin-top:2px !important;
  line-height:1.7 !important;
  font-size:.84rem !important;
}
.admin-spa-wrap .admin-simple-table td .btn,
.admin-spa-wrap .admin-simple-table td button.btn,
.admin-spa-wrap .admin-simple-table td a.btn{
  vertical-align:middle !important;
  margin:2px !important;
}
.admin-spa-wrap .admin-inline-row td{
  white-space:normal !important;
}
.admin-spa-wrap .admin-inline-row .admin-simple-table th,
.admin-spa-wrap .admin-inline-row .admin-simple-table td{
  white-space:nowrap !important;
}
.admin-spa-wrap .admin-user-info-panel,
.admin-spa-wrap .admin-user-info-grid{
  min-width:0 !important;
}
.admin-spa-wrap .admin-user-message-form{
  display:grid !important;
  gap:12px !important;
}
body[data-theme="light"] .admin-spa-wrap .admin-form-grid > label:not(.toggle-row),
body[data-theme="light"] .admin-spa-wrap .admin-inline-form > label:not(.toggle-row){
  color:rgba(58,43,26,.78) !important;
}
@media (max-width:760px){
  .admin-spa-wrap .admin-inline-form{padding:12px !important;gap:12px !important}
  .admin-spa-wrap .admin-form-grid{grid-template-columns:1fr !important;gap:12px !important}
  .admin-spa-wrap .admin-table-head{display:grid !important;grid-template-columns:1fr !important;gap:8px !important}
  .admin-spa-wrap .admin-table-head .btn{justify-self:start !important}
  .admin-spa-wrap .admin-inline-form > .btn,
  .admin-spa-wrap .admin-inline-form > button.btn{width:100% !important;justify-self:stretch !important}
}


/* ------------------------------------------------------------------
   Android Ultra Stable Rendering Patch
   هدف: حذف پرش، شطرنجی شدن، لرزش بک‌گراند و فشار GPU روی موبایل.
   این بخش عمداً افکت‌های سنگین موبایل را خاموش می‌کند و ساختار HTML را تغییر نمی‌دهد.
------------------------------------------------------------------- */

html,
body{
  scroll-behavior:auto !important;
  overscroll-behavior-y:auto;
}

@media (max-width: 900px){

  html,
  body{
    min-height:100%;
    background-attachment:scroll !important;
  }

  body{
    overflow-x:hidden;
    background:#060606 !important;
    background-image:none !important;
  }

  body::before,
  body::after,
  .page-bg,
  .site-bg,
  .bg-glow,
  .ambient-glow,
  .screen-glow,
  .noise-layer,
  .decor-layer{
    display:none !important;
    content:none !important;
    background:none !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
    animation:none !important;
  }

  *,
  *::before,
  *::after{
    animation:none !important;
    scroll-behavior:auto !important;
    will-change:auto !important;
    transform:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    perspective:none !important;
  }

  .topbar,
  .topbar-premium,
  .site-header,
  .header-shell,
  .footer,
  .site-footer,
  .account-hub,
  .account-sidebar-card,
  .account-summary-card,
  .account-list-card,
  .home-shell,
  .home-panel,
  .home-card,
  .shop-card,
  .news-card,
  .product-card,
  .booking-card,
  .booking-panel,
  .about-card,
  .about-section,
  .cart-card,
  .checkout-card,
  .admin-card,
  .dashboard-card,
  .modal,
  .dropdown,
  .user-menu-dropdown{
    background-attachment:scroll !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    transform:none !important;
    will-change:auto !important;
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
  }

  .home-card:hover,
  .shop-card:hover,
  .news-card:hover,
  .product-card:hover,
  .account-side-btn:hover,
  .btn:hover,
  .quick-link:hover{
    transform:none !important;
  }

  .topbar,
  .site-header{
    position:relative !important;
    top:auto !important;
  }

  .modal,
  .user-menu-dropdown,
  .dropdown{
    position:absolute;
  }

  .home-top-tabs,
  .account-side-nav,
  .site-nav,
  .dashboard-tabs{
    -webkit-overflow-scrolling:auto !important;
    scroll-snap-type:none !important;
  }

  .home-top-tab,
  .account-side-btn,
  .btn,
  button,
  a{
    transition:background-color .12s ease, color .12s ease, border-color .12s ease !important;
  }

  img,
  svg,
  video,
  canvas{
    transform:none !important;
    filter:none !important;
    will-change:auto !important;
  }
}

/* Very small Android devices: remove shadows too. */
@media (max-width: 520px){
  .topbar,
  .site-header,
  .footer,
  .site-footer,
  .account-hub,
  .home-shell,
  .home-panel,
  .home-card,
  .shop-card,
  .news-card,
  .product-card,
  .booking-card,
  .about-card,
  .cart-card,
  .checkout-card,
  .admin-card,
  .dashboard-card{
    box-shadow:none !important;
  }
}


/* booking/admin logic polish */
.admin-help-text{display:block;font-size:.85rem;opacity:.72;margin-top:.35rem;line-height:1.7}
.field-inline-note{opacity:.72;font-size:.82rem;margin-inline-start:.35rem;font-weight:500}
.admin-booking-create-form select:disabled{opacity:.65;cursor:not-allowed}


/* minimal 404 page */
.error-minimal-page{
  min-height:56vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(2rem,6vw,5rem) var(--page-x, 1rem);
}
.error-minimal-card{
  width:min(100%, 520px);
  text-align:center;
  border:1px solid rgba(208,165,111,.16);
  background:linear-gradient(170deg, rgba(10,10,10,.96), rgba(31,21,6,.78));
  border-radius:24px;
  padding:clamp(2rem,5vw,3.5rem);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.error-minimal-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(208,165,111,.22);
  color:#d0a56f;
  margin-bottom:1rem;
  font-weight:700;
}
.error-minimal-card h1{
  margin:.2rem 0 .65rem;
  font-size:clamp(1.7rem,5vw,2.4rem);
}
.error-minimal-card p{
  margin:0 0 1.4rem;
  color:rgba(255,255,255,.68);
}


/* admin graphical booking picker */
.admin-quick-booking-picker{
  grid-column:1 / -1;
  border:1px solid rgba(208,165,111,.14);
  border-radius:20px;
  padding:1rem;
  background:rgba(255,255,255,.025);
}
.admin-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}
.admin-day-pills,.admin-slot-pills{display:flex;gap:.55rem;overflow-x:auto;padding:.15rem .05rem .55rem;scrollbar-width:thin}
.admin-day-pill,.admin-slot-pill{
  border:1px solid rgba(208,165,111,.16);
  background:rgba(255,255,255,.04);
  color:inherit;
  border-radius:16px;
  padding:.7rem .9rem;
  min-width:86px;
  cursor:pointer;
  white-space:nowrap;
}
.admin-day-pill{display:flex;flex-direction:column;gap:.25rem;align-items:center}
.admin-day-pill span{font-size:.78rem;opacity:.72}
.admin-day-pill strong{font-size:.95rem}
.admin-day-pill.is-active,.admin-slot-pill.is-active{border-color:rgba(208,165,111,.55);background:rgba(208,165,111,.14);color:#f5d6a2}
.admin-day-pill.is-disabled,.admin-slot-pill.is-disabled{opacity:.42;cursor:not-allowed;background:rgba(255,255,255,.025)}
.admin-slot-empty{width:100%;padding:.9rem 1rem;border-radius:14px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.68)}
.admin-offday-picker{display:grid;gap:.65rem}
.admin-offday-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}
.admin-offday-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(208,165,111,.15);border-radius:999px;padding:.45rem .65rem;background:rgba(255,255,255,.035)}
.admin-offday-chip em{font-style:normal;font-size:.72rem;opacity:.62}
@media (max-width:700px){.admin-picker-head{align-items:flex-start;flex-direction:column}.admin-day-pill,.admin-slot-pill{min-width:78px}}



/* admin manual booking layout safety */
.admin-manual-booking-form,
.admin-manual-booking-form *{
  box-sizing:border-box;
}

.admin-manual-booking-form{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.admin-manual-booking-form .form-grid,
.admin-manual-booking-form .admin-form-grid,
.admin-manual-booking-form .fields-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  width:100%;
  max-width:100%;
}

.admin-manual-booking-form label,
.admin-manual-booking-form .field,
.admin-manual-booking-form .form-field{
  min-width:0;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:.45rem;
}

.admin-manual-booking-form input,
.admin-manual-booking-form select,
.admin-manual-booking-form textarea,
.admin-visible-input{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

.admin-picker-title{
  display:block;
  margin:.9rem 0 .55rem;
  font-weight:700;
  color:rgba(255,255,255,.88);
}

.admin-scroll-picker,
.admin-day-picker,
.admin-slot-picker{
  width:100%;
  max-width:100%;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:.6rem;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:.2rem .05rem .7rem;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.admin-scroll-picker > *,
.admin-day-picker > *,
.admin-slot-picker > *{
  flex:0 0 auto !important;
  white-space:nowrap;
}

.admin-slot-picker .is-past,
.admin-slot-picker [data-slot-status="past"],
.admin-slot-picker .slot-past{
  display:none !important;
}

.admin-slot-picker .is-reserved,
.admin-slot-picker [data-slot-status="reserved"],
.admin-slot-picker .slot-reserved,
.admin-slot-picker button:disabled{
  opacity:.45;
  cursor:not-allowed;
  border-style:dashed;
}

.slot-status-label{
  display:inline-block;
  margin-inline-start:.35rem;
  font-size:.76rem;
  opacity:.75;
}

.admin-checkbox-row{
  width:100%;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.65rem .75rem;
  border:1px solid rgba(208,165,111,.13);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
}

.admin-checkbox-row label{
  display:flex !important;
  align-items:center;
  flex-direction:row !important;
  gap:.5rem;
  width:auto !important;
  margin:0;
  white-space:normal;
}

.admin-checkbox-row input[type="checkbox"]{
  width:auto !important;
  min-width:18px !important;
  max-width:18px !important;
}

@media (max-width: 720px){
  .admin-manual-booking-form .form-grid,
  .admin-manual-booking-form .admin-form-grid,
  .admin-manual-booking-form .fields-grid{
    grid-template-columns:1fr;
  }

  .admin-day-picker,
  .admin-slot-picker,
  .admin-scroll-picker{
    margin-inline:calc(var(--page-x, 1rem) * -1);
    padding-inline:var(--page-x, 1rem);
    width:calc(100% + (var(--page-x, 1rem) * 2));
    max-width:none;
  }
}


/* clean rewrite: admin manual booking form */
.admin-booking-clean-form,
.admin-manual-booking-form{
  width:100%;
  max-width:880px;
  margin-inline:auto;
  overflow:visible;
}

.admin-booking-clean-form .form-grid,
.admin-booking-clean-form .admin-form-grid,
.admin-booking-clean-form .fields-grid,
.admin-manual-booking-form .form-grid,
.admin-manual-booking-form .admin-form-grid,
.admin-manual-booking-form .fields-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  align-items:end;
}

.admin-booking-clean-form label,
.admin-booking-clean-form .field,
.admin-booking-clean-form .form-field,
.admin-manual-booking-form label,
.admin-manual-booking-form .field,
.admin-manual-booking-form .form-field{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  min-width:0;
  color:rgba(255,255,255,.78);
  font-weight:700;
}

.admin-booking-clean-form input,
.admin-booking-clean-form select,
.admin-booking-clean-form textarea,
.admin-manual-booking-form input,
.admin-manual-booking-form select,
.admin-manual-booking-form textarea{
  width:100%;
  min-width:0;
  height:auto;
}

.clean-picker-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin:1.25rem 0 .7rem;
}

.clean-picker-head strong{
  font-size:1rem;
  color:#fff;
}

.clean-picker-head small{
  color:rgba(255,255,255,.52);
  font-size:.82rem;
}

.clean-day-strip,
.admin-day-picker{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:.7rem;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:.15rem .05rem .9rem;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.clean-day-strip > *,
.admin-day-picker > *{
  flex:0 0 112px !important;
  min-height:62px;
  border-radius:16px !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.25rem;
  white-space:normal !important;
}

.clean-slot-grid,
.admin-slot-picker{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
  overflow:visible !important;
  padding:.1rem 0 .4rem;
}

.clean-slot-grid > *,
.admin-slot-picker > *{
  min-height:48px;
  border-radius:15px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  font-weight:800;
  white-space:nowrap;
}

.clean-slot-grid .is-past,
.clean-slot-grid [data-slot-status="past"],
.clean-slot-grid .slot-past,
.admin-slot-picker .is-past,
.admin-slot-picker [data-slot-status="past"],
.admin-slot-picker .slot-past{
  display:none !important;
}

.clean-slot-grid .is-reserved,
.clean-slot-grid [data-slot-status="reserved"],
.clean-slot-grid .slot-reserved,
.clean-slot-grid button:disabled,
.admin-slot-picker .is-reserved,
.admin-slot-picker [data-slot-status="reserved"],
.admin-slot-picker .slot-reserved,
.admin-slot-picker button:disabled{
  opacity:.52;
  cursor:not-allowed;
  border-color:rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.48) !important;
  background:rgba(255,255,255,.045) !important;
}

.slot-status-label{
  font-size:.68rem;
  opacity:.82;
  font-weight:700;
}

.admin-checkbox-row{
  margin-top:1rem;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  border:1px solid rgba(208,165,111,.14);
  border-radius:15px;
  padding:.75rem .9rem;
  background:rgba(255,255,255,.035);
}

.admin-checkbox-row label{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:.55rem;
  margin:0;
  width:auto;
  color:rgba(255,255,255,.8);
}

.admin-checkbox-row input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  flex:0 0 auto;
}

.admin-booking-clean-form .btn,
.admin-manual-booking-form .btn,
.admin-booking-clean-form button[type="submit"],
.admin-manual-booking-form button[type="submit"]{
  margin-top:1.1rem;
  min-width:160px;
}

@media (max-width: 900px){
  .admin-booking-clean-form,
  .admin-manual-booking-form{
    max-width:100%;
  }

  .clean-slot-grid,
  .admin-slot-picker{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .admin-booking-clean-form .form-grid,
  .admin-booking-clean-form .admin-form-grid,
  .admin-booking-clean-form .fields-grid,
  .admin-manual-booking-form .form-grid,
  .admin-manual-booking-form .admin-form-grid,
  .admin-manual-booking-form .fields-grid{
    grid-template-columns:1fr;
  }

  .clean-picker-head{
    flex-direction:column;
    align-items:flex-start;
    gap:.25rem;
  }

  .clean-day-strip,
  .admin-day-picker{
    margin-inline:0;
    width:100%;
    max-width:100%;
  }

  .clean-day-strip > *,
  .admin-day-picker > *{
    flex-basis:98px !important;
  }

  .clean-slot-grid,
  .admin-slot-picker{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .admin-booking-clean-form .btn,
  .admin-manual-booking-form .btn,
  .admin-booking-clean-form button[type="submit"],
  .admin-manual-booking-form button[type="submit"]{
    width:100%;
  }
}


/* final admin quick booking responsive polish */
.admin-simple-section .admin-booking-create-form{
  max-width:960px;
  margin-inline:auto;
  padding:0;
}
.admin-booking-create-form .admin-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.admin-booking-create-form .toggle-row{
  min-height:52px;
  align-self:end;
}
.admin-quick-booking-picker{
  width:100%;
  display:grid;
  gap:12px;
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(208,165,111,.14);
  border-radius:22px;
  background:rgba(255,255,255,.025);
  overflow:hidden;
}
.admin-booking-create-form .clean-picker-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0;
}
.admin-booking-create-form .clean-picker-head > div{
  display:grid;
  gap:4px;
}
.admin-booking-create-form .clean-picker-head strong{
  color:var(--text,#fff);
  font-size:1rem;
}
.admin-booking-create-form .clean-picker-head small,
.admin-booking-create-form .clean-picker-head .soft{
  color:var(--muted,rgba(255,255,255,.58));
  line-height:1.8;
}
.admin-booking-create-form .clean-day-strip{
  display:grid !important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(112px,1fr);
  gap:10px;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:2px 2px 10px;
  scrollbar-width:thin;
}
.admin-booking-create-form .admin-day-pill{
  min-height:62px;
  min-width:0;
  border-radius:16px;
  border:1px solid rgba(208,165,111,.18);
  background:rgba(255,255,255,.035);
  color:var(--text,#fff);
}

.admin-booking-create-form .admin-day-pill.is-active,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"]{
  border-color:rgba(208,165,111,.88) !important;
  background:linear-gradient(180deg,rgba(208,165,111,.26),rgba(208,165,111,.10)) !important;
  box-shadow:0 0 0 1px rgba(208,165,111,.26) inset,0 10px 24px rgba(0,0,0,.18);
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active strong,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] strong{
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active span,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] span{
  color:rgba(255,236,211,.95) !important;
}
.admin-booking-create-form .admin-day-pill.is-disabled:not(.is-active){
  opacity:.48;
  cursor:not-allowed;
  filter:grayscale(.45);
}
.admin-booking-create-form .clean-slot-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  overflow:visible !important;
  padding:0;
}
.admin-booking-create-form .admin-slot-pill{
  min-width:0;
  min-height:46px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(208,165,111,.20);
  background:rgba(255,255,255,.035);
  color:var(--text,#fff);
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
}
.admin-booking-create-form .admin-slot-pill.is-active{
  border-color:rgba(208,165,111,.75);
  background:linear-gradient(180deg,rgba(208,165,111,.20),rgba(208,165,111,.08));
}
.admin-booking-create-form .admin-slot-pill.is-reserved,
.admin-booking-create-form .admin-slot-pill[data-slot-status="reserved"]{
  opacity:.72;
  cursor:not-allowed;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.035) !important;
  color:rgba(255,255,255,.50) !important;
  filter:grayscale(.35);
}
.admin-booking-create-form .admin-slot-pill.is-reserved .slot-status-label,
.admin-booking-create-form .admin-slot-pill[data-slot-status="reserved"] .slot-status-label{
  color:rgba(255,255,255,.62);
}
.admin-booking-create-form .admin-slot-empty{
  grid-column:1/-1;
  width:100%;
}
@media (min-width: 820px){
  
.admin-booking-create-form .admin-day-pill.is-active,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"]{
  border-color:rgba(208,165,111,.88) !important;
  background:linear-gradient(180deg,rgba(208,165,111,.26),rgba(208,165,111,.10)) !important;
  box-shadow:0 0 0 1px rgba(208,165,111,.26) inset,0 10px 24px rgba(0,0,0,.18);
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active strong,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] strong{
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active span,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] span{
  color:rgba(255,236,211,.95) !important;
}
.admin-booking-create-form .admin-day-pill.is-disabled:not(.is-active){
  opacity:.48;
  cursor:not-allowed;
  filter:grayscale(.45);
}
.admin-booking-create-form .clean-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 720px){
  .admin-booking-create-form{max-width:100%;}
  .admin-booking-create-form .admin-form-grid{grid-template-columns:1fr;}
  .admin-quick-booking-picker{padding:12px;border-radius:18px;}
  .admin-booking-create-form .clean-picker-head{align-items:flex-start;flex-direction:column;gap:6px;}
  .admin-booking-create-form .clean-day-strip{grid-auto-columns:minmax(96px,42vw);}
  
.admin-booking-create-form .admin-day-pill.is-active,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"]{
  border-color:rgba(208,165,111,.88) !important;
  background:linear-gradient(180deg,rgba(208,165,111,.26),rgba(208,165,111,.10)) !important;
  box-shadow:0 0 0 1px rgba(208,165,111,.26) inset,0 10px 24px rgba(0,0,0,.18);
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active strong,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] strong{
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active span,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] span{
  color:rgba(255,236,211,.95) !important;
}
.admin-booking-create-form .admin-day-pill.is-disabled:not(.is-active){
  opacity:.48;
  cursor:not-allowed;
  filter:grayscale(.45);
}
.admin-booking-create-form .clean-slot-grid{grid-template-columns:1fr;}
  .admin-booking-create-form .admin-slot-pill{min-height:44px;}
}

/* admin manual booking: remove nested form-card look */
.admin-simple-section .admin-booking-create-form,
.admin-booking-create-form.admin-inline-form,
.admin-booking-create-form.admin-manual-booking-form,
.admin-booking-create-form.admin-booking-clean-form{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.admin-booking-create-form .admin-form-grid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.admin-booking-create-form .admin-quick-booking-picker{
  margin-top:18px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.admin-booking-create-form .clean-day-strip,

.admin-booking-create-form .admin-day-pill.is-active,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"]{
  border-color:rgba(208,165,111,.88) !important;
  background:linear-gradient(180deg,rgba(208,165,111,.26),rgba(208,165,111,.10)) !important;
  box-shadow:0 0 0 1px rgba(208,165,111,.26) inset,0 10px 24px rgba(0,0,0,.18);
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active strong,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] strong{
  color:#fff !important;
}
.admin-booking-create-form .admin-day-pill.is-active span,
.admin-booking-create-form .admin-day-pill[aria-pressed="true"] span{
  color:rgba(255,236,211,.95) !important;
}
.admin-booking-create-form .admin-day-pill.is-disabled:not(.is-active){
  opacity:.48;
  cursor:not-allowed;
  filter:grayscale(.45);
}
.admin-booking-create-form .clean-slot-grid{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
}
.admin-booking-create-form .admin-field-wide{
  display:block !important;
  width:100% !important;
  margin-top:16px !important;
}
.admin-booking-create-form > .btn,
.admin-booking-create-form > button[type="submit"]{
  display:flex;
  margin-inline-start:auto;
}
@media (max-width: 720px){
  .admin-simple-section{
    padding-inline:14px !important;
    overflow:hidden;
  }
  .admin-booking-create-form .clean-day-strip{
    margin-inline:-2px !important;
    padding-inline:2px !important;
  }
  .admin-booking-create-form > .btn,
  .admin-booking-create-form > button[type="submit"]{
    width:100% !important;
    justify-content:center;
  }
}

/* admin booking create toggle */
.admin-bookings-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.admin-reserve-toggle{
  min-width:92px;
  white-space:nowrap;
}
.admin-create-booking-panel{
  overflow:hidden;
  transition:max-height .25s ease, opacity .2s ease, margin .2s ease, padding .2s ease, border-color .2s ease;
}
.admin-create-booking-panel.is-collapsed{
  max-height:0 !important;
  opacity:0;
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-color:transparent !important;
  pointer-events:none;
}
.admin-picker-head.clean-picker-head small:empty,
.admin-picker-head.clean-picker-head .soft:empty,
.admin-table-head .soft:empty{
  display:none;
}
@media (max-width:760px){
  .admin-bookings-head{align-items:center;}
  .admin-reserve-toggle{min-width:78px;padding-inline:14px;}
}

/* admin booking quick actions */
.admin-booking-quick-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.admin-booking-quick-actions .btn{
  padding-inline:10px;
  min-height:32px;
}
@media (max-width:760px){
  .admin-booking-quick-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    min-width:190px;
  }
  .admin-booking-quick-actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* Admin booking v9 refinements */
.admin-booking-tools{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 10px;
  flex-wrap:wrap;
}
.admin-booking-search{
  display:grid;
  gap:6px;
  min-width:min(100%,320px);
  font-size:12px;
  color:var(--muted, #64748b);
}
.admin-booking-auto-note{
  font-size:12px;
  color:var(--muted, #64748b);
  white-space:nowrap;
}
.admin-bookings-table .admin-booking-row{transition:background-color .18s ease, box-shadow .18s ease;}
.admin-bookings-table .admin-booking-row.is-status-confirmed{background:rgba(34,197,94,.08);}
.admin-bookings-table .admin-booking-row.is-status-pending{background:rgba(245,158,11,.09);}
.admin-bookings-table .admin-booking-row.is-status-cancelled{background:rgba(239,68,68,.08);}
.admin-bookings-table .admin-booking-row.is-status-completed{background:rgba(100,116,139,.10);}
.admin-booking-quick-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;}
.btn.btn-icon-only{width:34px;min-width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;border-radius:12px;}
.admin-day-picker{scroll-snap-type:x mandatory;scroll-behavior:smooth;}
.admin-day-picker > *{scroll-snap-align:start;}
@media (max-width: 720px){
  .admin-bookings-head{position:sticky;top:0;z-index:20;background:var(--card-bg, #fff);padding-top:8px;padding-bottom:8px;}
  .admin-booking-tools{align-items:stretch;}
  .admin-booking-search{min-width:100%;}
  .admin-booking-auto-note{width:100%;}
  .admin-booking-quick-actions{gap:5px;}
  .btn.btn-icon-only{width:38px;min-width:38px;height:38px;}
}

/* v-gallery-instagram-video: lightweight Instagram-like gallery with video support */
.instagram-gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.instagram-gallery-card {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  padding: 0;
  background: rgba(255,255,255,.035);
}
.gallery-media-button {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: rgba(255,255,255,.04);
  position: relative;
  overflow: hidden;
}
.gallery-media-button img,
.gallery-media-button video,
.admin-gallery-card video {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: rgba(255,255,255,.05);
}
.gallery-home-card.instagram-gallery-card img,
.gallery-home-card.instagram-gallery-card video {
  aspect-ratio: 1 / 1;
}
.gallery-video-badge {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(0,0,0,.46);
  color: #fff;
  font-size: 1.15rem;
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
  pointer-events: none;
}
.instagram-gallery-card .gallery-home-caption {
  position: absolute;
  inset: auto 0 0 0;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.72));
  padding: 2.8rem .75rem .75rem;
  pointer-events: none;
}
.instagram-gallery-card .gallery-home-caption strong,
.instagram-gallery-card .gallery-home-caption span {
  color: #fff;
  text-shadow: 0 1px 10px rgba(0,0,0,.36);
}
.gallery-lightbox[hidden] { display: none; }
.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(6px);
}
.gallery-lightbox-body {
  width: min(92vw, 820px);
  max-height: 88vh;
  display: grid;
  place-items: center;
}
.gallery-lightbox-body img,
.gallery-lightbox-body video {
  max-width: 100%;
  max-height: 88vh;
  border-radius: 22px;
  object-fit: contain;
  background: #000;
  box-shadow: 0 24px 80px rgba(0,0,0,.38);
}
.gallery-lightbox-close {
  position: fixed;
  top: 18px;
  left: 18px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}
.admin-gallery-card video {
  width: 104px;
  height: 124px;
  aspect-ratio: auto;
  border-radius: 16px;
}
@media (max-width: 920px) {
  .instagram-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .instagram-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .instagram-gallery-card { border-radius: 12px; }
  .instagram-gallery-card .gallery-home-caption { padding: 2.2rem .45rem .45rem; }
  .instagram-gallery-card .gallery-home-caption span { display: none; }
  .instagram-gallery-card .gallery-home-caption strong { font-size: .76rem; }
  .gallery-video-badge { width: 36px; height: 36px; font-size: .95rem; }
  .admin-gallery-card video { width: 86px; height: 104px; border-radius: 14px; }
}

.admin-booking-create-form .admin-slot-lock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:999px;
  background:rgba(208,165,111,.16);
  border:1px solid rgba(208,165,111,.28);
  font-size:14px;
  line-height:1;
  cursor:pointer;
  flex:0 0 auto;
}
.admin-booking-create-form .admin-slot-lock:hover{
  background:rgba(208,165,111,.28);
  transform:translateY(-1px);
}
.admin-booking-create-form .admin-slot-lock.is-unlock{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.20);
}
.admin-booking-create-form .admin-slot-pill.is-disabled:has(.admin-slot-lock.is-unlock){
  cursor:pointer;
  opacity:.82;
}
.admin-day-more-btn{margin:.35rem .05rem .75rem auto;display:inline-flex;}
@media(max-width:700px){.admin-day-more-btn{width:100%;justify-content:center;margin-top:.25rem;}}

/* v16 mobile admin booking visual fix: no white sticky header, single selected day */
@media (max-width:720px){
  .account-panel-head.admin-bookings-head{
    background:linear-gradient(180deg,rgba(18,13,8,.98),rgba(18,13,8,.92)) !important;
    border:1px solid rgba(208,165,111,.18) !important;
    border-radius:20px !important;
    margin-bottom:14px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
  }
}
.admin-booking-day-filter .admin-day-pill{
  border:1px solid rgba(208,165,111,.18) !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--text,#f8f2e8) !important;
  transition:border-color .16s ease, background .16s ease, color .16s ease, opacity .16s ease, box-shadow .16s ease !important;
}
.admin-booking-day-filter .admin-day-pill.is-active,
.admin-booking-day-filter .admin-day-pill[aria-pressed="true"]{
  border-color:rgba(208,165,111,.9) !important;
  background:linear-gradient(180deg,rgba(208,165,111,.24),rgba(208,165,111,.10)) !important;
  box-shadow:0 0 0 1px rgba(208,165,111,.28) inset,0 10px 24px rgba(0,0,0,.18) !important;
  color:#fff !important;
  opacity:1 !important;
}
.admin-booking-day-filter .admin-day-pill.is-active span,
.admin-booking-day-filter .admin-day-pill[aria-pressed="true"] span,
.admin-booking-day-filter .admin-day-pill.is-active strong,
.admin-booking-day-filter .admin-day-pill[aria-pressed="true"] strong{
  color:#fff !important;
  opacity:1 !important;
}
.admin-booking-day-filter .admin-day-pill.is-disabled:not(.is-active):not([aria-pressed="true"]){
  border-color:rgba(208,165,111,.10) !important;
  background:rgba(255,255,255,.02) !important;
  box-shadow:none !important;
  color:rgba(248,242,232,.48) !important;
  opacity:.46 !important;
}
.admin-booking-day-filter .admin-day-pill.is-disabled:not(.is-active):not([aria-pressed="true"]) span,
.admin-booking-day-filter .admin-day-pill.is-disabled:not(.is-active):not([aria-pressed="true"]) strong{
  color:rgba(248,242,232,.48) !important;
}
.admin-inline-delete-form{display:inline-flex;margin-inline-start:.35rem}.admin-users-table .admin-inline-input{min-width:120px}.slot-status-label{font-size:.68rem;line-height:1;opacity:.8}

/* v21: manual hold actions on admin booking slots */
.admin-booking-create-form .admin-slot-hold-actions{
  display:inline-flex;
  gap:6px;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
}
.admin-booking-create-form .admin-slot-lock.is-reserve{
  background:rgba(67,194,126,.14);
  border-color:rgba(67,194,126,.32);
}
.admin-booking-create-form .admin-slot-lock.is-reserve:hover{
  background:rgba(67,194,126,.24);
}
.admin-booking-create-form .admin-slot-pill.is-disabled:has(.admin-slot-lock.is-reserve){
  opacity:.9;
}

/* v22 admin booking stability/cleanup */
.admin-booking-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:.75rem;
  padding:.8rem;
  margin:.9rem 0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.admin-booking-tools label{margin:0;display:flex;flex-direction:column;gap:.35rem;min-width:170px;flex:1 1 190px;}
.admin-booking-tools label span{font-size:.78rem;opacity:.76;}
.admin-booking-shift-filter{max-width:210px;}
.admin-booking-auto-note{font-size:.78rem;opacity:.62;margin-inline-start:auto;white-space:nowrap;}
.admin-day-more-btn{border-radius:999px;}
.admin-booking-day-filter{overflow:hidden;}
.admin-slot-pill{position:relative;}
.admin-slot-pill .slot-status-label{font-size:.68rem;line-height:1.2;opacity:.75;}
.admin-slot-hold-actions{display:flex;gap:.25rem;align-items:center;justify-content:center;margin-top:.2rem;}
.admin-slot-lock{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;border-radius:999px;background:rgba(255,255,255,.08);cursor:pointer;font-size:.82rem;}
.admin-slot-lock:hover{background:rgba(208,165,111,.22);}
.admin-slot-pill.is-disabled .admin-slot-lock{opacity:1;}
@media(max-width:700px){
  .admin-booking-tools{gap:.55rem;padding:.7rem;border-radius:16px;}
  .admin-booking-tools label{min-width:0;flex:1 1 100%;}
  .admin-booking-shift-filter{max-width:none;}
  .admin-booking-auto-note{display:none;}
  .admin-bookings-table th:nth-child(n+4),.admin-bookings-table td:nth-child(n+4){display:none;}
  .admin-bookings-table th,.admin-bookings-table td{padding:.55rem .45rem;}
  .admin-booking-quick-actions{gap:.25rem;justify-content:flex-start;}
  .admin-booking-quick-actions .btn-icon-only{width:2rem;height:2rem;padding:0;}
}

/* v23: clear visual distinction for admin manual locked slots */
.admin-slot-pill[data-slot-status="locked"] {
  border-style: dashed;
  opacity: 1;
}
.admin-slot-pill .admin-lock-label {
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
  align-items: center;
  line-height: 1.15;
  font-size: .72rem;
}
.admin-slot-pill .admin-lock-label em {
  font-style: normal;
  font-size: .62rem;
  opacity: .75;
}
.admin-slot-hold-actions {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.admin-slot-lock.is-unlock {
  cursor: pointer;
}


/* v24: make admin manual slot unlock clearly visible */
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{
  border-color:rgba(238,184,112,.55) !important;
  background:linear-gradient(135deg,rgba(238,184,112,.16),rgba(255,255,255,.045)) !important;
  opacity:1 !important;
  cursor:default !important;
  gap:.25rem;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-lock-label{
  display:block;
  color:#f2c88e;
  font-size:.68rem;
  font-weight:800;
  white-space:nowrap;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-hold-actions{
  width:100%;
  display:flex !important;
  gap:.35rem;
  justify-content:center;
  margin-top:.35rem;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:auto;
  height:1.75rem;
  padding:0 .55rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
  opacity:1 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  border:1px solid rgba(255,255,255,.12);
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-unlock{
  color:#d7f8de;
  background:rgba(50,166,86,.22) !important;
  border-color:rgba(50,166,86,.36);
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-reserve{
  color:#f9e6bd;
  background:rgba(214,156,68,.22) !important;
  border-color:rgba(214,156,68,.36);
}
@media (max-width:700px){
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{min-width:118px;}
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-hold-actions{flex-direction:column;gap:.25rem;}
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock{width:100%;height:1.85rem;}
}

/* v25 booking beneficiary + locked slot alignment fixes */
.booking-self-mobile{
  display:grid;
  gap:6px;
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(208,165,111,.14);
  border-radius:16px;
  background:rgba(255,255,255,.028);
}
.booking-self-mobile label{font-weight:800;color:var(--text)}
.booking-self-mobile small{color:var(--muted);line-height:1.7}
.booking-self-mobile input[readonly]{opacity:.8;cursor:not-allowed;background:rgba(255,255,255,.035)}
.admin-booking-person-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:145px}
.admin-booking-person-cell strong{font-weight:850;color:var(--text)}
.admin-booking-person-cell small{font-size:.76rem;color:var(--muted);line-height:1.55}
.admin-booking-target-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:999px;background:rgba(67,194,126,.14);border:1px solid rgba(67,194,126,.26);color:#8ff0b4;font-size:.7rem;font-weight:850;line-height:1.2}
.admin-booking-target-badge.is-other{background:rgba(74,134,232,.16);border-color:rgba(74,134,232,.30);color:#b7d1ff}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{
  display:grid !important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  justify-items:center;
  gap:8px;
  min-height:54px;
  padding:8px 10px;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-time-value{grid-column:1;white-space:nowrap;font-weight:900;color:var(--text)}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-lock-label{grid-column:2;margin:0;text-align:center;white-space:nowrap;color:#f2c88e;font-size:.7rem;font-weight:850}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-unlock{
  grid-column:3;
  margin:0;
  min-width:86px;
  height:32px;
  padding:0 10px;
  border-radius:999px;
  color:#d7f8de;
  background:rgba(50,166,86,.22) !important;
  border:1px solid rgba(50,166,86,.38);
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  pointer-events:auto !important;
  cursor:pointer !important;
}
@media (max-width:700px){
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{grid-template-columns:1fr;gap:6px;min-width:0}
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-time-value,
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-lock-label,
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-unlock{grid-column:1;width:auto}
}

.booking-ajax-message {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.9;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
}
.booking-ajax-message.is-success {
  color: #d7ffe4;
  border-color: rgba(73, 214, 117, .35);
  background: rgba(73, 214, 117, .12);
}
.booking-ajax-message.is-error {
  color: #ffe1e1;
  border-color: rgba(255, 92, 92, .35);
  background: rgba(255, 92, 92, .12);
}
#bookingSubmitBtn.is-loading {
  pointer-events: none;
  opacity: .78;
}

/* v9 - Unified site notifications */
.toast-viewport {
  top: calc(var(--safe-top, 0px) + 92px);
  right: clamp(12px, 2vw, 26px);
  width: min(92vw, 390px);
  gap: 10px;
}
.app-toast {
  border-radius: var(--radius-lg, 22px);
  border: 1px solid var(--line-2, rgba(212,171,111,.22));
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.10), transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 98%, transparent));
  box-shadow: var(--shadow-soft, 0 16px 36px rgba(0,0,0,.26));
  color: var(--text);
}
.app-toast-copy strong { color: var(--text); }
.app-toast-copy p { color: var(--muted); }
.app-toast-close { color: var(--muted); }
.app-toast-close:hover { color: var(--text); background: color-mix(in srgb, var(--surface-3) 86%, transparent); }
.toast-success {
  border-color: rgba(84,178,120,.42);
  box-shadow: 0 16px 36px rgba(0,0,0,.22), 0 0 0 1px rgba(84,178,120,.10) inset;
}
.toast-success .app-toast-icon {
  color: #54b278;
  background: rgba(84,178,120,.14);
  border-color: rgba(84,178,120,.28);
}
.toast-danger,
.toast-error {
  border-color: rgba(215,95,95,.46);
  box-shadow: 0 16px 36px rgba(0,0,0,.22), 0 0 0 1px rgba(215,95,95,.11) inset;
}
.toast-danger .app-toast-icon,
.toast-error .app-toast-icon {
  color: #d75f5f;
  background: rgba(215,95,95,.14);
  border-color: rgba(215,95,95,.30);
}
.toast-warning .app-toast-icon { color: #e3b14d; }
.toast-info .app-toast-icon { color: var(--gold-2); }
body[data-theme="light"] .app-toast {
  background:
    radial-gradient(circle at top right, rgba(208,165,111,.13), transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 98%, white), color-mix(in srgb, var(--surface-2) 98%, white));
}
body[data-theme="light"] .toast-success .app-toast-icon { color: #2f8f55; }
body[data-theme="light"] .toast-danger .app-toast-icon,
body[data-theme="light"] .toast-error .app-toast-icon { color: #b84242; }
.booking-ajax-message { display: none !important; }


/* v26 admin quick booking UX: keep slots, customer name and submit close together */
.admin-booking-create-form{
  display:grid !important;
  gap:12px !important;
}
.admin-booking-setup-grid{
  display:grid;
  grid-template-columns:minmax(220px,1.35fr) minmax(170px,.85fr) minmax(180px,.8fr);
  gap:12px;
  align-items:end;
  width:100%;
}
.admin-booking-setup-grid label,
.admin-booking-final-card label{
  min-width:0;
}
.admin-booking-sms-toggle{
  min-height:44px;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center;
  gap:8px !important;
  padding:10px 12px;
  border:1px solid rgba(208,165,111,.14);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  margin:0 !important;
  text-align:center;
}
.admin-booking-sms-toggle input[type="checkbox"]{
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
}
.admin-booking-create-form .admin-quick-booking-picker--compact{
  margin-top:2px !important;
}
.admin-booking-create-form .admin-quick-booking-picker--compact .clean-picker-head{
  margin:4px 0 8px !important;
}
.admin-booking-create-form .admin-quick-booking-picker--compact .clean-picker-head small{
  display:block;
  margin-top:2px;
}
.admin-booking-create-form .admin-quick-booking-picker--compact .clean-slot-grid,
.admin-booking-create-form .admin-quick-booking-picker--compact .admin-slot-picker{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(88px,1fr)) !important;
  gap:8px !important;
  max-height:224px;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-content:start;
  padding:2px 4px 6px !important;
  scrollbar-width:thin;
}
.admin-booking-create-form .admin-quick-booking-picker--compact .admin-slot-pill{
  min-height:42px !important;
  padding:7px 9px !important;
}
.admin-booking-create-form .admin-booking-note-field{
  margin-top:2px !important;
}
.admin-booking-create-form .admin-booking-note-field textarea{
  min-height:42px;
  resize:vertical;
}
.admin-booking-final-card{
  position:sticky;
  bottom:8px;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(190px,1.15fr) minmax(160px,1fr) auto;
  align-items:end;
  gap:10px;
  width:100%;
  padding:12px;
  margin-top:4px;
  border:1px solid rgba(208,165,111,.20);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(14,14,14,.94));
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter:blur(12px);
}
body[data-theme="light"] .admin-booking-final-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,241,234,.94));
  border-color:rgba(159,115,68,.18);
  box-shadow:0 14px 34px rgba(20,26,40,.10);
}
.admin-booking-final-card label{
  margin:0 !important;
}
.admin-booking-submit-btn{
  min-width:128px;
  min-height:44px;
  justify-content:center;
  white-space:nowrap;
}
@media (max-width:820px){
  .admin-booking-setup-grid{
    grid-template-columns:1fr 1fr;
  }
  .admin-booking-sms-toggle{
    grid-column:1 / -1;
    justify-content:flex-start;
  }
  .admin-booking-final-card{
    grid-template-columns:1fr 1fr;
  }
  .admin-booking-submit-btn{
    grid-column:1 / -1;
    width:100%;
  }
}
@media (max-width:560px){
  .admin-booking-setup-grid,
  .admin-booking-final-card{
    grid-template-columns:1fr;
  }
  .admin-booking-final-card{
    bottom:0;
    margin-inline:-2px;
    border-radius:18px 18px 0 0;
    padding:10px;
  }
  .admin-booking-create-form .admin-quick-booking-picker--compact .clean-slot-grid,
  .admin-booking-create-form .admin-quick-booking-picker--compact .admin-slot-picker{
    grid-template-columns:repeat(auto-fit,minmax(76px,1fr)) !important;
    max-height:192px;
  }
  .admin-booking-create-form .admin-quick-booking-picker--compact .admin-slot-pill{
    min-height:40px !important;
    font-size:.9rem;
  }
}


/* v27: manual migration note + stable admin slot lock/unlock UI */
.admin-field-hint{
  display:block;
  margin-top:5px;
  font-size:.72rem;
  line-height:1.7;
  color:var(--muted, rgba(248,242,232,.64));
}
.admin-booking-create-form .admin-slot-pill .slot-time-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:0;
}
.admin-booking-create-form .admin-slot-pill .slot-duration-label{
  display:block;
  font-size:.66rem;
  line-height:1.25;
  opacity:.76;
  white-space:nowrap;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{
  grid-template-columns:minmax(54px,.8fr) minmax(56px,.75fr) minmax(86px,auto) !important;
  min-height:58px !important;
  overflow:hidden;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-time-stack{grid-column:1;}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-time-value{
  grid-column:auto !important;
  font-weight:900;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-lock-label{
  grid-column:2 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(238,184,112,.12);
  border:1px solid rgba(238,184,112,.20);
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-unlock{
  grid-column:3 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  min-width:88px !important;
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:background .16s ease, border-color .16s ease, opacity .16s ease, transform .16s ease;
}
.admin-booking-create-form .admin-slot-pill.is-processing{
  opacity:.82 !important;
  pointer-events:none;
  cursor:progress !important;
}
.admin-booking-create-form .admin-slot-pill.is-processing .admin-slot-lock{
  min-width:108px !important;
  animation:none !important;
}
.admin-booking-create-form .admin-slot-pill.is-processing .admin-slot-lock[aria-busy="true"]{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:var(--text,#fff) !important;
}
@media (max-width:700px){
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{
    grid-template-columns:1fr !important;
    gap:7px !important;
    min-height:96px !important;
  }
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-time-stack,
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-lock-label,
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-unlock{
    grid-column:1 !important;
    justify-self:center;
  }
}


/* v28: readable admin slot buttons + full-day booking table support */
.admin-booking-create-form .admin-quick-booking-picker--compact .clean-slot-grid,
.admin-booking-create-form .admin-quick-booking-picker--compact .admin-slot-picker{
  grid-template-columns:repeat(auto-fit,minmax(126px,1fr)) !important;
  gap:10px !important;
}
.admin-booking-create-form .admin-slot-pill,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-auto-rows:auto;
  align-items:center !important;
  justify-items:stretch !important;
  gap:7px 8px !important;
  min-width:0 !important;
  min-height:64px !important;
  padding:9px 10px !important;
  overflow:hidden !important;
  white-space:normal !important;
  text-align:center;
}
.admin-booking-create-form .admin-slot-pill .slot-time-stack,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-time-stack{
  grid-column:1 !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-width:0;
  width:100%;
  overflow:hidden;
}
.admin-booking-create-form .admin-slot-pill .slot-time-value,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-time-value{
  grid-column:auto !important;
  display:block;
  width:100%;
  max-width:100%;
  font-size:1rem;
  line-height:1.15;
  font-weight:950;
  color:var(--text,#fff);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-booking-create-form .admin-slot-pill .slot-duration-label,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .slot-duration-label{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:2px 6px;
  width:100%;
  max-width:100%;
  margin:0;
  color:var(--muted,rgba(255,255,255,.64));
  font-size:.63rem;
  line-height:1.35;
  font-weight:750;
  white-space:normal !important;
  overflow:visible;
  text-overflow:clip;
}
.admin-booking-create-form .admin-slot-pill .slot-duration-label > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  max-width:100%;
}
.admin-booking-create-form .admin-slot-pill .admin-slot-lock,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-unlock{
  grid-column:2 !important;
  grid-row:1 / span 2;
  align-self:center;
  justify-self:center;
  width:auto !important;
  min-width:34px !important;
  max-width:none !important;
  height:34px !important;
  padding:0 9px !important;
  border-radius:999px;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.admin-booking-create-form .admin-slot-pill .admin-slot-lock.is-unlock,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-slot-lock.is-unlock{
  min-width:70px !important;
  height:32px !important;
  font-size:.72rem !important;
}
.admin-booking-create-form .admin-slot-pill .slot-status-label,
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-lock-label{
  grid-column:1 / -1 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  justify-self:center;
  width:auto;
  max-width:100%;
  margin:0 !important;
  padding:3px 8px;
  border-radius:999px;
  line-height:1.35;
  white-space:nowrap;
}
.admin-booking-create-form .admin-slot-pill[data-slot-status="locked"] .admin-lock-label{
  background:rgba(238,184,112,.12);
  border:1px solid rgba(238,184,112,.20);
  color:#f2c88e;
}
.admin-booking-create-form .admin-slot-pill.is-processing .admin-slot-lock[aria-busy="true"]{
  min-width:70px !important;
}
@media (max-width:560px){
  .admin-booking-create-form .admin-quick-booking-picker--compact .clean-slot-grid,
  .admin-booking-create-form .admin-quick-booking-picker--compact .admin-slot-picker{
    grid-template-columns:repeat(auto-fit,minmax(112px,1fr)) !important;
    max-height:240px;
  }
  .admin-booking-create-form .admin-slot-pill,
  .admin-booking-create-form .admin-slot-pill[data-slot-status="locked"]{
    min-height:66px !important;
    padding:8px 9px !important;
    gap:6px !important;
  }
}
.admin-booking-create-form .admin-slot-pill .slot-end-text{
  gap:3px;
}

/* v29: stable admin day picker + mobile booking actions visibility */
.admin-booking-day-filter .admin-day-pill,
.admin-booking-day-filter .admin-day-pill.is-disabled,
.admin-booking-day-filter .admin-day-pill.is-full{
  opacity:1 !important;
  cursor:pointer !important;
  filter:none !important;
  pointer-events:auto !important;
}
.admin-booking-day-filter .admin-day-pill.is-full:not(.is-active):not([aria-pressed="true"]){
  border-color:rgba(208,165,111,.24) !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--text,#f8f2e8) !important;
  box-shadow:inset 0 -2px 0 rgba(238,184,112,.30) !important;
}
.admin-booking-day-filter .admin-day-pill.is-full:not(.is-active):not([aria-pressed="true"]) span,
.admin-booking-day-filter .admin-day-pill.is-full:not(.is-active):not([aria-pressed="true"]) strong{
  color:var(--text,#f8f2e8) !important;
  opacity:.92 !important;
}
.admin-booking-day-filter .admin-day-pill.is-active,
.admin-booking-day-filter .admin-day-pill[aria-pressed="true"]{
  opacity:1 !important;
  filter:none !important;
}
.admin-booking-day-filter .admin-day-pill[disabled]{
  opacity:.55 !important;
  cursor:not-allowed !important;
}
@media(max-width:700px){
  .admin-bookings-table th:nth-child(1),
  .admin-bookings-table td:nth-child(1),
  .admin-bookings-table th:nth-child(2),
  .admin-bookings-table td:nth-child(2),
  .admin-bookings-table th:nth-child(3),
  .admin-bookings-table td:nth-child(3){
    display:table-cell !important;
  }
  .admin-bookings-table th:nth-child(3),
  .admin-bookings-table td:nth-child(3){
    min-width:190px !important;
  }
  .admin-booking-quick-actions{
    display:grid !important;
    grid-template-columns:repeat(5,34px);
    gap:5px !important;
    align-items:center;
    justify-content:start;
    overflow:visible !important;
  }
  .admin-booking-quick-actions .btn-icon-only,
  .admin-booking-quick-actions .btn.btn-icon-only{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1;
  }
  .admin-bookings-table .admin-booking-row td{
    vertical-align:middle;
  }
  .admin-table-scroll{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
}

/* v36: login modal opacity/clarity patch */
.auth-modal-backdrop{
  background: rgba(4, 7, 14, .46) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}
.auth-modal-dialog{
  background:
    radial-gradient(circle at top right, rgba(239,201,149,.10), transparent 24%),
    radial-gradient(circle at bottom left, rgba(31,94,189,.06), transparent 32%),
    linear-gradient(180deg, rgba(18,22,32,.88), rgba(13,16,24,.84)) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.34) !important;
}
body[data-theme="light"] .auth-modal-backdrop,
html[data-theme="light"] body .auth-modal-backdrop{
  background: rgba(72, 41, 18, .24) !important;
}
body[data-theme="light"] .auth-modal-dialog,
html[data-theme="light"] body .auth-modal-dialog{
  background:
    radial-gradient(circle at top right, rgba(249,115,22,.13), transparent 25%),
    radial-gradient(circle at bottom left, rgba(250,204,21,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,248,236,.88), rgba(255,239,219,.84)) !important;
  box-shadow: 0 18px 38px rgba(143,76,16,.11) !important;
}

/* v75 booking selection state: keep picked day/time/person visibly active after ajax refresh */
.booking-day-card.is-selected,
.booking-day-card[aria-pressed="true"]{
  border-color:rgba(99,181,151,.82) !important;
  background:linear-gradient(180deg,rgba(99,181,151,.18),rgba(99,181,151,.07)) !important;
  box-shadow:0 0 0 1px rgba(99,181,151,.30) inset, 0 12px 28px rgba(99,181,151,.10) !important;
  color:var(--text) !important;
}
.booking-slot-card.is-selected span,
.booking-slot-card input:checked + span{
  border-color:rgba(99,181,151,.86) !important;
  background:linear-gradient(180deg,rgba(99,181,151,.20),rgba(208,165,111,.08)) !important;
  color:var(--text) !important;
  box-shadow:0 0 0 1px rgba(99,181,151,.28) inset, 0 12px 26px rgba(99,181,151,.10) !important;
}
.booking-choice.is-selected{
  border-color:rgba(99,181,151,.72) !important;
  background:linear-gradient(180deg,rgba(99,181,151,.16),rgba(255,255,255,.035)) !important;
  color:var(--text) !important;
  box-shadow:0 0 0 1px rgba(99,181,151,.22) inset !important;
}
body[data-theme="light"] .booking-day-card.is-selected,
body[data-theme="light"] .booking-day-card[aria-pressed="true"],
body[data-theme="light"] .booking-slot-card.is-selected span,
body[data-theme="light"] .booking-slot-card input:checked + span,
body[data-theme="light"] .booking-choice.is-selected{
  background:linear-gradient(180deg,rgba(55,160,120,.18),rgba(255,255,255,.72)) !important;
  border-color:rgba(55,160,120,.48) !important;
}


/* v-social-quickbar: compact Instagram/Telegram quick access from site settings */
.social-quickbar{
  position: fixed;
  left: max(16px, env(safe-area-inset-left));
  top: 50%;
  transform: translateY(-50%);
  z-index: 72;
  display: grid;
  gap: 10px;
  pointer-events: none;
}
.social-quick-link{
  pointer-events: auto;
  position: relative;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  border: 1px solid rgba(239,201,149,.18);
  background: color-mix(in srgb, var(--surface) 86%, transparent);
  color: #f3d3a8;
  text-decoration: none;
  box-shadow: 0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.social-quick-link .icon{width:21px;height:21px}
.social-quick-link span{
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%) translateX(-6px);
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(239,201,149,.16);
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  color: var(--text);
  font-size: .84rem;
  font-weight: 850;
  box-shadow: 0 14px 32px rgba(0,0,0,.22);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.social-quick-link:hover,
.social-quick-link:focus-visible{
  transform: translateY(-2px);
  border-color: rgba(239,201,149,.36);
  background: linear-gradient(180deg, rgba(239,201,149,.18), rgba(239,201,149,.08));
  color: var(--text);
}
.social-quick-link:hover span,
.social-quick-link:focus-visible span{
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}
.social-quick-link.is-instagram{color:#f0bfd3}
.social-quick-link.is-telegram{color:#b8daf8}
body[data-theme="light"] .social-quick-link{
  background: rgba(255,255,255,.86);
  border-color: rgba(191,134,64,.18);
  box-shadow: 0 16px 36px rgba(125,94,60,.14), inset 0 1px 0 rgba(255,255,255,.7);
}
body[data-theme="light"] .social-quick-link span{background:#fffaf2}
@media (max-width: 720px){
  .social-quickbar{
    left: max(14px, env(safe-area-inset-left));
    top: auto;
    bottom: calc(96px + env(safe-area-inset-bottom));
    transform: none;
    grid-auto-flow: column;
    gap: 8px;
  }
  .social-quick-link{
    width: 44px;
    height: 44px;
    border-radius: 16px;
  }
  .social-quick-link span{display:none}
}
@media print{
  .social-quickbar{display:none !important}
}

/* v-announcement-bar: dismissible important notice above header */
.site-announcement[data-ready="0"]{
  display:none;
}
.site-announcement{
  position:relative;
  z-index:84;
  border-bottom:1px solid rgba(239,201,149,.16);
  background:
    radial-gradient(circle at 12% 0%, rgba(239,201,149,.18), transparent 34%),
    linear-gradient(90deg, rgba(121,79,36,.22), rgba(16,19,28,.92));
  color:var(--text,#f8f2e8);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  overflow:hidden;
  animation:announcementSlideIn .22s ease both;
}
.site-announcement.is-closing{
  animation:announcementSlideOut .18s ease both;
}
.site-announcement-shell{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:8px;
  padding-bottom:8px;
}
.site-announcement-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1.75;
}
.site-announcement-icon{
  width:32px;
  height:32px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(239,201,149,.15);
  border:1px solid rgba(239,201,149,.20);
  color:#f3d3a8;
}
.site-announcement-icon .icon,
.site-announcement-close .icon{width:18px;height:18px}
.site-announcement-copy strong{
  flex:0 0 auto;
  font-size:.9rem;
  font-weight:950;
  color:#f3d3a8;
  white-space:nowrap;
}
.site-announcement-copy span:last-child{
  min-width:0;
  font-size:.92rem;
  font-weight:760;
  color:rgba(255,255,255,.92);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.site-announcement-actions{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.site-announcement-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(239,201,149,.24);
  background:rgba(239,201,149,.12);
  color:#f3d3a8;
  text-decoration:none;
  font-size:.82rem;
  font-weight:900;
  white-space:nowrap;
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}
.site-announcement-link:hover,
.site-announcement-link:focus-visible{
  transform:translateY(-1px);
  background:rgba(239,201,149,.18);
  border-color:rgba(239,201,149,.38);
}
.site-announcement-close{
  width:36px;
  height:36px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.86);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease, color .16s ease;
}
.site-announcement-close:hover,
.site-announcement-close:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.12);
  color:#fff;
}
body[data-theme="light"] .site-announcement,
html[data-theme="light"] body .site-announcement{
  background:
    radial-gradient(circle at 12% 0%, rgba(249,115,22,.16), transparent 34%),
    linear-gradient(90deg, rgba(255,244,229,.98), rgba(255,251,246,.94));
  border-bottom-color:rgba(191,134,64,.18);
  color:#2c2116;
  box-shadow:0 10px 24px rgba(150,99,42,.10);
}
body[data-theme="light"] .site-announcement-copy strong,
html[data-theme="light"] body .site-announcement-copy strong,
body[data-theme="light"] .site-announcement-link,
html[data-theme="light"] body .site-announcement-link{
  color:#9a5f1f;
}
body[data-theme="light"] .site-announcement-copy span:last-child,
html[data-theme="light"] body .site-announcement-copy span:last-child{
  color:rgba(46,34,22,.88);
}
body[data-theme="light"] .site-announcement-icon,
html[data-theme="light"] body .site-announcement-icon{
  background:rgba(249,115,22,.10);
  border-color:rgba(191,134,64,.18);
  color:#9a5f1f;
}
body[data-theme="light"] .site-announcement-close,
html[data-theme="light"] body .site-announcement-close{
  background:rgba(123,74,24,.06);
  border-color:rgba(123,74,24,.12);
  color:#5a3b20;
}
@keyframes announcementSlideIn{
  from{opacity:0; transform:translateY(-10px)}
  to{opacity:1; transform:translateY(0)}
}
@keyframes announcementSlideOut{
  from{opacity:1; transform:translateY(0)}
  to{opacity:0; transform:translateY(-10px)}
}
@media (max-width:720px){
  .site-announcement-shell{
    min-height:auto;
    align-items:flex-start;
    gap:8px;
    padding-top:9px;
    padding-bottom:9px;
  }
  .site-announcement-copy{
    flex:1 1 auto;
    align-items:flex-start;
    gap:8px;
  }
  .site-announcement-icon{
    width:30px;
    height:30px;
    border-radius:11px;
  }
  .site-announcement-copy strong{
    display:none;
  }
  .site-announcement-copy span:last-child{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:.84rem;
    line-height:1.75;
  }
  .site-announcement-actions{
    gap:6px;
  }
  .site-announcement-link{
    min-height:32px;
    padding:6px 9px;
    font-size:.76rem;
  }
  .site-announcement-close{
    width:34px;
    height:34px;
    border-radius:12px;
  }
}
@media print{
  .site-announcement{display:none !important;}
}