/* Marina customer menu only. Existing React order/cart/payment handlers are retained. */
html:root[data-marina-menu-clean] .marina-shell {
  --m-bg: #faf8f5;
  --m-panel: #fff;
  --m-line: #e6dfd7;
  --m-cream: #28211c;
  --m-muted: #766b61;
  --m-red: #ad1c2b;
  --m-amber: #986c37;
  background: #faf8f5;
  color: #28211c;
  line-height: 1.5;
}
html:root[data-marina-menu-clean] .customer-language-root .marina-shell.bg-slate-50 { background: #faf8f5; }
html:root[data-marina-menu-clean] .marina-shell :is(.bg-white, .bg-white\/90, .bg-white\/50) { background-color: #fff; color: #28211c; }
html:root[data-marina-menu-clean] .marina-shell :is(.text-slate-900, .text-slate-800, .text-slate-700) { color: #28211c; }
html:root[data-marina-menu-clean] .marina-shell :is(.text-slate-600, .text-slate-500, .text-slate-400) { color: #766b61; }
html:root[data-marina-menu-clean] .marina-shell :is(.bg-slate-100, .bg-slate-50) { background-color: #f3eee8; }
html:root[data-marina-menu-clean] .marina-shell :is(.border-slate-100, .border-slate-200, .border-slate-300) { border-color: #e6dfd7; }
html:root[data-marina-menu-clean] .marina-shell .bg-slate-900 { background-color: #ad1c2b; color: #fff; }
html:root[data-marina-menu-clean] .marina-shell :is(button, select, input, a):focus-visible { outline: 3px solid #ad1c2b; outline-offset: 3px; box-shadow: none; }
html:root[data-marina-menu-clean] .marina-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0 12px;
  max-width: 1200px;
  padding: 20px 24px 0;
}
html:root[data-marina-menu-clean] .marina-brandbar { grid-column: 1; grid-row: 1; }
html:root[data-marina-menu-clean] .marina-brand { gap: 10px; }
html:root[data-marina-menu-clean] .marina-brand-mark { width: 40px; height: 40px; border: 1px solid #be825e; background: #ad1c2b; color: #fff4db; font-size: 25px; }
html:root[data-marina-menu-clean] .marina-brand-text strong { font-size: 19px; letter-spacing: -.035em; line-height: 1.2; }
html:root[data-marina-menu-clean] .marina-brand-text small { font-size: 11px; color: #766b61; letter-spacing: .02em; }
html:root[data-marina-menu-clean] .marina-tools { grid-column: 2; grid-row: 1; flex-wrap: nowrap; gap: 8px; justify-content: flex-end; margin: 0; }
html:root[data-marina-menu-clean] .marina-tools > label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html:root[data-marina-menu-clean] .marina-tools > label { gap: 0 !important; }
html:root[data-marina-menu-clean] .marina-tools [data-testid="customer-language"] { min-height: 40px !important; max-width: 110px !important; padding: 7px 9px !important; border: 1px solid #ded6ce !important; border-radius: 10px !important; color: #493e35 !important; font-size: 12px !important; background: #fff !important; }
html:root[data-marina-menu-clean] .marina-tools [data-testid="customer-language"] option { color: #28211c; background: #fff; }
html:root[data-marina-menu-clean] .marina-tools [data-testid="customer-install"] { min-height: 40px !important; padding: 7px 10px !important; border: 1px solid #ded6ce !important; background: #fff !important; border-radius: 10px !important; font-size: 12px !important; color: #493e35 !important; }
html:root[data-marina-menu-clean] .marina-intro { grid-column: 1 / -1; margin-top: 18px; }
html:root[data-marina-menu-clean] :is(.marina-eyebrow, .marina-hero-small) { display: none; }
html:root[data-marina-menu-clean] .marina-hero { min-height: 120px; padding: 0; gap: 12px; border: 0; border-radius: 16px; background: #efe4d6; color: #38281e; }
html:root[data-marina-menu-clean] .marina-hero-copy { padding: 20px 0 20px 24px; }
html:root[data-marina-menu-clean] .marina-hero h1 { font-size: 27px; line-height: 1.15; max-width: 450px; letter-spacing: -.045em; color: #38281e; }
html:root[data-marina-menu-clean] .marina-hero p { margin-top: 7px; font-size: 13px; line-height: 1.4; color: #735440; }
html:root[data-marina-menu-clean] .marina-hero-picture { width: 32%; }
html:root[data-marina-menu-clean] .marina-hero-picture:before { background: linear-gradient(90deg, #efe4d6, transparent 45%); }
html:root[data-marina-menu-clean] [dir="rtl"] .marina-hero-picture:before { background: linear-gradient(270deg, #efe4d6, transparent 45%); }
html:root[data-marina-menu-clean] [dir="rtl"] .marina-hero-copy { padding: 20px 24px 20px 0; }
html:root[data-marina-menu-clean] .marina-gate { padding: 9px 2px 0; margin: 0; border: 0; background: transparent; font-size: 12px; line-height: 1.5; color: #766b61; }
html:root[data-marina-menu-clean] .marina-gate :is(h2, .marina-gate-extra) { display: none; }
html:root[data-marina-menu-clean] .marina-search-row { grid-column: 1 / -1; margin-top: 16px; }
html:root[data-marina-menu-clean] .marina-search { min-height: 48px; padding: 12px 44px; background: #fff; border: 1px solid #ded6ce; border-radius: 12px; color: #28211c; font-size: 16px; box-shadow: 0 2px 4px #38281e03; }
html:root[data-marina-menu-clean] .marina-search::placeholder { color: #8c8075; }
html:root[data-marina-menu-clean] .marina-search-wrap > svg { color: #887466; }
html:root[data-marina-menu-clean] .marina-chips { top: 0; z-index: 40; margin-top: 14px; background: #faf8f5f5; backdrop-filter: blur(12px); border-bottom: 1px solid #e6dfd7; }
html:root[data-marina-menu-clean] .marina-chips > div { max-width: 1200px; }
html:root[data-marina-menu-clean] .marina-chips > div > div { padding: 10px 24px; gap: 6px; }
html:root[data-marina-menu-clean] .marina-chips button { min-height: 42px; padding: 8px 13px; border: 1px solid #e6dfd7; background: #fff; color: #65574c; font-size: 12px; border-radius: 10px; }
html:root[data-marina-menu-clean] .marina-chips button.bg-slate-900 { color: #fff; background: #ad1c2b; border-color: #ad1c2b; }
html:root[data-marina-menu-clean] .marina-chips button:hover { color: #ad1c2b; background: #f9eee9; }
html:root[data-marina-menu-clean] .marina-chips button.bg-slate-900:hover { color: #fff; background: #941524; }
html:root[data-marina-menu-clean] .marina-category-picker { display: none; }
html:root[data-marina-menu-clean] .marina-main { max-width: 1200px; padding: 24px 24px 100px; gap: 24px; }
html:root[data-marina-menu-clean] .marina-main > .flex-1 > .scroll-mt-32 { margin-bottom: 24px; }
html:root[data-marina-menu-clean] .marina-main > .flex-1 > .scroll-mt-32 > .flex { margin-bottom: 14px; align-items: center; }
html:root[data-marina-menu-clean] .marina-main h2 { font-size: 21px; line-height: 1.3; letter-spacing: -.035em; }
html:root[data-marina-menu-clean] .marina-main .scroll-mt-32 { scroll-margin-top: 80px; }
html:root[data-marina-menu-clean] .marina-main > .flex-1 > .scroll-mt-32 > .flex > span { background: #ece6de; color: #766b61; font-size: 11px; }
html:root[data-marina-menu-clean] .marina-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html:root[data-marina-menu-clean] .marina-card { flex-direction: row; align-items: stretch; padding: 12px; gap: 14px; border: 1px solid #e6dfd7; background: #fff; border-radius: 14px; box-shadow: 0 2px 5px #38281e03; }
html:root[data-marina-menu-clean] .marina-card.is-selected { border-color: #ad1c2b; box-shadow: 0 0 0 1px #ad1c2b; }
html:root[data-marina-menu-clean] .marina-art { flex: 0 0 88px; width: 88px; height: 88px; border-radius: 10px; background: #f0e9df; color: #b29579; }
html:root[data-marina-menu-clean] .marina-art img { object-fit: cover; }
html:root[data-marina-menu-clean] .marina-art-fallback { color: #b29579; opacity: .8; }
html:root[data-marina-menu-clean] .marina-card-body { padding: 0; min-width: 0; justify-content: space-between; }
html:root[data-marina-menu-clean] .marina-card-body h3 { font-size: 15px; font-weight: 650; line-height: 1.35; color: #38281e; letter-spacing: -.015em; padding-top: 1px; }
html:root[data-marina-menu-clean] .marina-card-bottom { padding-top: 8px; margin-top: auto; gap: 6px; }
html:root[data-marina-menu-clean] .marina-price { color: #38281e; font-size: 15px; font-weight: 750; }
html:root[data-marina-menu-clean] .marina-add { width: 44px; height: 44px; border: 0; border-radius: 10px; background: #ad1c2b; color: #fff; }
html:root[data-marina-menu-clean] .marina-add:hover { background: #941524; }
html:root[data-marina-menu-clean] .marina-stepper { background: #fbf4ef; border: 1px solid #e6d4c8; border-radius: 10px; gap: 0; }
html:root[data-marina-menu-clean] .marina-stepper button { width: 40px; height: 44px; color: #ad1c2b; }
html:root[data-marina-menu-clean] .marina-stepper span { min-width: 16px; color: #38281e; }
html:root[data-marina-menu-clean] .marina-cartbar { min-height: 56px; background: #ad1c2b !important; color: #fff; border: 0 !important; border-radius: 14px !important; box-shadow: 0 5px 22px #7a17252b; }
html:root[data-marina-menu-clean] .marina-main > .hidden.lg\:block { width: 330px; }
html:root[data-marina-menu-clean] .marina-main > .hidden.lg\:block > div { top: 86px; border: 1px solid #e6dfd7; border-radius: 16px; box-shadow: 0 4px 20px #38281e05; }
html:root[data-marina-menu-clean] [data-testid="alpha-keyboard-toggle"] { display: none !important; }
@media (min-width: 1024px) and (max-width: 1199px) {
  html:root[data-marina-menu-clean] .marina-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  html:root[data-marina-menu-clean] .marina-top { padding: 14px 16px 0; gap: 0 8px; }
  html:root[data-marina-menu-clean] .marina-brand { gap: 8px; }
  html:root[data-marina-menu-clean] .marina-brand-mark { width: 34px; height: 34px; font-size: 22px; }
  html:root[data-marina-menu-clean] .marina-brand-text strong { font-size: 16px; line-height: 1.15; }
  html:root[data-marina-menu-clean] .marina-brand-text small { font-size: 10px; margin-top: 2px; }
  html:root[data-marina-menu-clean] .marina-tools { gap: 5px; }
  html:root[data-marina-menu-clean] .marina-tools [data-testid="customer-language"] { max-width: 95px !important; min-height: 44px !important; padding: 7px !important; }
  html:root[data-marina-menu-clean] .marina-tools [data-testid="customer-install"] { min-height: 44px !important; padding: 7px 8px !important; }
  html:root[data-marina-menu-clean] .marina-intro { margin-top: 14px; }
  html:root[data-marina-menu-clean] .marina-hero { min-height: 100px; border-radius: 12px; gap: 8px; }
  html:root[data-marina-menu-clean] .marina-hero-copy { padding: 15px 0 15px 16px; }
  html:root[data-marina-menu-clean] .marina-hero h1 { font-size: 22px; line-height: 1.16; }
  html:root[data-marina-menu-clean] .marina-hero p { margin-top: 5px; font-size: 12px; }
  html:root[data-marina-menu-clean] .marina-hero-picture { width: 30%; }
  html:root[data-marina-menu-clean] [dir="rtl"] .marina-hero-copy { padding: 15px 16px 15px 0; }
  html:root[data-marina-menu-clean] .marina-gate { font-size: 11px; line-height: 1.5; padding-top: 8px; }
  html:root[data-marina-menu-clean] .marina-search-row { margin-top: 12px; }
  html:root[data-marina-menu-clean] .marina-chips { margin-top: 12px; }
  html:root[data-marina-menu-clean] .marina-chips[data-category-picker-ready] > div:not(.marina-category-picker) { display: none; }
  html:root[data-marina-menu-clean] .marina-category-picker { display: flex; align-items: center; gap: 12px; max-width: 1200px; margin: 0 auto; padding: 10px 16px; }
  html:root[data-marina-menu-clean] .marina-category-picker { display: flex; align-items: center; gap: 12px; width: 100%; }
  html:root[data-marina-menu-clean] .marina-category-picker > span { color: #766b61; font-size: 12px; font-weight: 600; flex: none; }
  html:root[data-marina-menu-clean] .marina-category-picker select { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid #ded6ce; border-radius: 10px; background: #fff; color: #38281e; font-size: 13px; font-weight: 650; text-overflow: ellipsis; }
  html:root[data-marina-menu-clean] .marina-category-picker option { background: #fff; color: #38281e; }
  html:root[data-marina-menu-clean] .marina-main { padding: 18px 16px 108px; }
  html:root[data-marina-menu-clean] .marina-main h2 { font-size: 19px; }
  html:root[data-marina-menu-clean] .marina-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html:root[data-marina-menu-clean] .marina-card { padding: 10px; gap: 12px; border-radius: 12px; }
  html:root[data-marina-menu-clean] .marina-art { flex-basis: 82px; width: 82px; height: 88px; border-radius: 8px; }
  html:root[data-marina-menu-clean] .marina-card-body h3 { font-size: 15px; }
}
@media (max-width: 359px) {
  html:root[data-marina-menu-clean] .marina-top { padding-inline: 12px; }
  html:root[data-marina-menu-clean] .marina-brand-text strong { font-size: 14px; }
  html:root[data-marina-menu-clean] .marina-brand-mark { width: 30px; height: 30px; }
  html:root[data-marina-menu-clean] .marina-tools [data-testid="customer-language"] { max-width: 82px !important; }
  html:root[data-marina-menu-clean] .marina-card { gap: 10px; }
  html:root[data-marina-menu-clean] .marina-art { flex-basis: 68px; width: 68px; }
}
@media (prefers-reduced-motion: reduce) {
  html:root[data-marina-menu-clean] .marina-shell * { scroll-behavior: auto; transition-duration: 0s; animation-duration: 0s; }
}