:root {
  --bg: #11100d;
  --bg-2: #171411;
  --panel: #1a1714;
  --panel-2: #221d18;
  --line: #2e2923;
  --accent: #d8b98a;
  --accent-2: #c7a573;
  --accent-text: #181410;
  --text: #f7f0e7;
  --muted: #b6a792;
  --soft: #ddd0bd;
  --danger: #c96a5d;
  --success: #88a26d;
  --shadow: 0 28px 70px rgba(0, 0, 0, .28);
  --radius-xl: 32px;
  --radius-lg: 26px;
  --radius-md: 20px;
  --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: var(--font); }
body {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 12%, transparent), transparent 22%),
    radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 7%, transparent), transparent 18%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 90%, #1e1812) 0%, var(--bg) 100%);
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
textarea { resize: vertical; min-height: 110px; }

.hidden { display: none !important; }
.muted { color: var(--muted); }
.soft { color: var(--soft); }
.helper { color: var(--muted); font-size: 13px; line-height: 1.45; }
.kicker { font-size: 12px; letter-spacing: .35em; text-transform: uppercase; color: var(--muted); }
.divider { height: 1px; background: var(--line); }

.app-shell { max-width: 1440px; margin: 0 auto; padding: 24px 20px 48px; }
.stack { display: grid; gap: 24px; }
.card {
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 100%, transparent) 0%, color-mix(in srgb, var(--panel-2) 55%, var(--panel)) 100%);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow);
}
.card-pad { padding: 24px; }
.section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.section-title { margin: 4px 0 0; font-size: var(--section-title-size, clamp(24px, 2.8vw, 34px)); line-height: 1.08; letter-spacing: -.03em; }
.section-copy { margin: 10px 0 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.icon-bubble {
  width: 48px; height: 48px; border-radius: 999px; background: var(--accent); color: var(--accent-text);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--accent) 25%, transparent);
}

.banner { padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.brand { display: flex; align-items: center; gap: 16px; min-width: 0; }
.brand-logo { width: 58px; height: 58px; border-radius: 18px; background: var(--panel-2); border: 1px solid var(--line); overflow: hidden; flex: 0 0 auto; }
.brand-logo--fallback { display: flex; align-items: center; justify-content: center; background: var(--accent); color: var(--accent-text); font-weight: 700; }
.brand-copy { min-width: 0; }
.brand-title { font-size: clamp(28px, 4vw, 46px); line-height: 1; letter-spacing: -.04em; font-weight: 650; margin: 6px 0 2px; }
.brand-subtitle { color: var(--soft); font-size: 14px; }
.brand-actions, .inline-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.header-tools{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;justify-content:flex-end;}

.btn, .pill, .tab-btn, .subtab-btn, .settings-tab-btn {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--soft);
  border-radius: 999px;
  padding: 12px 18px;
  line-height: 1;
  transition: .18s ease;
}
.btn:hover, .pill:hover, .tab-btn:hover, .subtab-btn:hover, .settings-tab-btn:hover {
  background: color-mix(in srgb, var(--panel-2) 85%, var(--accent) 15%);
}
.btn-primary, .pill.is-active, .tab-btn.is-active, .subtab-btn.is-active, .settings-tab-btn.is-active {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
}
.btn-danger {
  border-color: color-mix(in srgb, var(--danger) 50%, var(--line));
  color: #f3d5cf;
  background: color-mix(in srgb, var(--danger) 12%, var(--panel-2));
}
.btn-ghost { background: transparent; }
.btn-small { padding: 9px 14px; font-size: 13px; }

.tabs-bar { padding: 10px; }
.main-tabs, .subtabs, .category-tabs, .subcat-tabs, .filters, .featured-tags, .settings-tabs, .client-category-tabs { display: flex; gap: 10px; flex-wrap: wrap; }

.grid-2 { display: grid; gap: 24px; }
@media (min-width: 1100px) { .grid-2 { grid-template-columns: 1.05fr .95fr; } }
.grid-3 { display: grid; gap: 16px; }
@media (min-width: 720px) { .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.form-grid { display: grid; gap: 16px; min-width:0; }
@media (min-width: 720px) { .form-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .form-grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .print-field-card .form-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 980px) { .form-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.form-row { display: grid; gap: 16px; }
@media (min-width: 960px) { .form-row { grid-template-columns: 1fr 360px; } }

.field { display: block; }
.field-label { display: block; margin-bottom: 8px; color: var(--muted); font-size: 14px; }
.input, .select, .textarea {
  width: 100%; border-radius: 20px; border: 1px solid var(--line); background: var(--bg-2); color: var(--text); padding: 14px 16px;
}
.input::placeholder, .textarea::placeholder { color: color-mix(in srgb, var(--muted) 85%, transparent); }
.search-wrap { position: relative; }
.search-wrap svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.search-wrap .input { padding-left: 44px; border-radius: 999px; }
.option-grid { display: flex; gap: 10px; flex-wrap: wrap; }
.option-pill {
  border: 1px solid var(--line); border-radius: 999px; background: var(--panel-2); color: var(--soft);
  padding: 10px 14px; display: inline-flex; align-items: center; gap: 8px;
}
.option-pill.active { background: var(--accent); border-color: var(--accent); color: var(--accent-text); }
.option-pill input { accent-color: var(--accent); }

.stats-badge, .tag {
  display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--panel-2); color: var(--soft); font-size: 12px;
}
.tag-accent { background: var(--accent); color: var(--accent-text); border-color: var(--accent); }
.tag-danger {
  background: color-mix(in srgb, var(--danger) 14%, var(--panel-2));
  color: #f3d5cf;
  border-color: color-mix(in srgb, var(--danger) 50%, var(--line));
}
.tag-success {
  background: color-mix(in srgb, var(--success) 12%, var(--panel-2));
  color: #d8e6c8;
  border-color: color-mix(in srgb, var(--success) 45%, var(--line));
}

.product-card, .drink-card, .admin-item { border: 1px solid var(--line); background: var(--bg-2); border-radius: var(--radius-lg); padding: 18px; }
.product-title, .drink-title { font-size: clamp(22px, 3vw, 28px); line-height: 1.08; letter-spacing: -.03em; font-weight: 620; margin: 0; }
.product-meta, .drink-meta { margin-top: 6px; color: var(--muted); font-size: 14px; }
.product-note, .drink-note { margin-top: 12px; color: var(--soft); font-size: 14px; line-height: 1.55; }
.product-price, .drink-price { margin-top: 14px; font-size: 22px; font-weight: 620; }
.tags-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.card-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
.availability-note { margin-top: 12px; padding: 12px 14px; border-radius: 18px; background: color-mix(in srgb, var(--accent) 12%, var(--panel-2)); color: var(--soft); border: 1px solid var(--line); }

.footer { padding: 22px 24px; display: grid; gap: 18px; }
@media (min-width: 900px) { .footer { grid-template-columns: 1fr 1fr; align-items: start; } }
.footer-block { display: grid; gap: 6px; }
.footer-title { font-size: 18px; font-weight: 650; }
.footer-line { color: var(--soft); }
.footer-label { font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: var(--muted); }
.footer-warning { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }

.empty-state { padding: 24px; border: 1px dashed var(--line); border-radius: 24px; color: var(--muted); }
.empty-state h3 { margin: 0 0 10px; color: var(--text); }
.product-layout-stack, .product-settings-stack, .client-toolbar, .client-stack, .settings-grid, .settings-stack { display: grid; gap: 24px; }
.list-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.scroll-anchor { scroll-margin-top: 24px; }

@media (max-width: 820px) {
  .app-shell { padding: 18px 14px 38px; }
  .banner { padding: 16px; }
  .card-pad { padding: 18px; }
  .brand-title { font-size: 34px; }
  .brand-actions { width: 100%; justify-content: flex-start; }
}


.client-layout-grid{display:grid;gap:18px;}
@media(min-width:1100px){.client-layout-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;}}
.client-sidebar{position:sticky;top:20px}.sidebar-title{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.sidebar-card{border:1px solid var(--line);background:var(--bg-2);border-radius:var(--radius-lg);overflow:hidden}.sidebar-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer}.sidebar-main{font-weight:600;font-size:18px}.sidebar-sub{margin-top:4px;font-size:13px;color:var(--muted)}.sidebar-caret{font-size:18px;color:var(--soft)}.sidebar-subs{border-top:1px solid var(--line);padding:12px;display:flex;flex-wrap:wrap;gap:8px;background:var(--panel)}.sidebar-chip{border:1px solid var(--line);background:var(--bg-2);color:var(--soft);border-radius:999px;padding:8px 12px;cursor:pointer}.sidebar-chip.is-active{background:var(--accent);color:var(--accent-text)}
.product-card--media,.drink-card.product-card--media{padding:0;overflow:hidden}.card-media{height:220px;background:var(--panel-2)}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.product-body{padding:18px}.section-head--tight{align-items:end}.client-main-area>.section-title{margin-bottom:4px}


.brand-kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.banner--saas{align-items:flex-start}
.brand-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.client-toolbar-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.display-switch{display:flex;gap:8px;flex-wrap:wrap}
.client-list{display:grid;gap:14px}
.client-list-card{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:18px;padding:20px;border:1px solid var(--line);background:var(--bg-2);border-radius:var(--radius-lg)}
.client-list-card__aside{display:grid;gap:10px;justify-items:end;align-content:start;text-align:right}
.price-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-weight:650;min-width:108px}
.dashboard-grid{display:grid;gap:16px}
@media(min-width:900px){.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.metric-card{padding:20px;border:1px solid var(--line);background:var(--bg-2);border-radius:24px}
.metric-card__value{font-size:38px;line-height:1;font-weight:700;letter-spacing:-.04em;margin:8px 0}
.dashboard-categories{display:grid;gap:12px}
.category-stat{width:100%;text-align:left;padding:18px;border:1px solid var(--line);background:var(--bg-2);border-radius:22px;color:var(--text)}
.category-stat:hover{background:color-mix(in srgb,var(--bg-2) 88%,var(--accent) 12%)}
.category-stat__title{font-weight:650;font-size:18px}
.category-stat__meta{margin-top:6px;color:var(--muted);font-size:13px}
.admin-item.compact{display:flex;align-items:center;justify-content:space-between;gap:16px}
.print-admin-grid{align-items:start}
.print-admin-stack{max-width:980px}
.print-preview-head{padding:0 4px}
.print-only-cache{position:absolute;left:-99999px;top:auto;width:min(1120px,calc(100vw - 40px));opacity:0;pointer-events:none;max-height:0;overflow:hidden}
.input--static{display:flex;align-items:center;color:var(--muted);background:var(--panel-2);pointer-events:none}
.print-sheet{background:#fff;color:#1f1b18;border-radius:28px;border:1px solid #e6ddd2;box-shadow:0 16px 40px rgba(20,16,12,.08);overflow:hidden}
.print-sheet[data-paper="A5"]{max-width:760px;margin:0 auto}
.print-sheet__header,.print-sheet__footer{padding:28px 32px;background:linear-gradient(180deg,#fffdf9 0%,#f8f2ea 100%)}
.print-sheet__footer{border-top:1px solid #eadfce;font-size:12px;color:#6c6258}
.print-sheet__title{font-size:34px;line-height:1.05;font-weight:700;letter-spacing:-.04em}
.print-sheet__subtitle{margin-top:6px;font-size:14px;color:#7a6d5d}
.print-sheet__intro{margin-top:16px;max-width:740px;font-size:14px;line-height:1.65;color:#4e473f}
.print-sheet__content{padding:28px 32px;display:grid;gap:28px}
.print-section{display:grid;gap:16px}
.print-section__head{display:flex;align-items:center;gap:16px}
.print-section__head h3{margin:0;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:#8d6b44}
.print-section__line{height:1px;background:#e6ddd2;flex:1}
.print-section__grid{display:grid;gap:14px}
.print-sheet.columns-2 .print-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.print-sheet.columns-3 .print-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.print-group{grid-column:1/-1;display:grid;gap:12px;break-inside:avoid}
.print-group__label{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #eadfce;border-left:4px solid #b79061;border-radius:16px;background:linear-gradient(180deg,#fffdfa 0%,#f7efe4 100%);font-size:12px;font-weight:700;line-height:1.35;color:#5d4932;letter-spacing:.02em}
.print-group__items{display:grid;gap:14px}
.print-sheet.columns-2 .print-group__items{grid-template-columns:repeat(2,minmax(0,1fr))}
.print-sheet.columns-3 .print-group__items{grid-template-columns:repeat(3,minmax(0,1fr))}
.print-tree{display:grid;gap:10px}
.print-tree__group{display:grid;gap:8px;break-inside:avoid}
.print-tree__group--level1{margin-top:10px}
.print-tree__group--level2{margin-top:4px}
.print-tree__group--level3{margin-top:2px}
.print-tree__heading{margin:0;text-align:center;color:#243347;break-after:avoid-page}
.print-tree__heading--level1{display:grid;grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr);align-items:center;gap:18px;font-size:18px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:#243347}
.print-tree__heading--level1::before,.print-tree__heading--level1::after{content:"";height:1px;background:#d7dde3}
.print-tree__heading--level2{font-size:32px;line-height:1.02;font-style:italic;font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#243347}
.print-tree__heading--level3{font-size:26px;line-height:1.02;font-style:italic;font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#243347}
.print-tree__content--level1{display:grid;gap:10px}
.print-tree__content--level2,.print-tree__content--level3{display:grid;gap:8px}
.print-tree__items{display:grid;gap:6px}
.print-sheet.columns-2 .print-tree__items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.print-sheet.columns-3 .print-tree__items{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.print-sheet.gap-tight.columns-2 .print-tree__items,.print-sheet.gap-tight.columns-3 .print-tree__items{column-gap:14px}
.print-sheet.gap-normal.columns-2 .print-tree__items,.print-sheet.gap-normal.columns-3 .print-tree__items{column-gap:28px}
.print-sheet.gap-wide.columns-2 .print-tree__items,.print-sheet.gap-wide.columns-3 .print-tree__items{column-gap:42px}
.print-tree__group--level1,.print-tree__group--level2,.print-tree__group--level3{grid-column:1/-1}
.print-item{display:grid;gap:14px;padding:16px;border:1px solid #eadfce;border-radius:22px;background:#fffdfb;break-inside:avoid}
.print-item__media{overflow:hidden;border-radius:16px;background:#f2ede5;aspect-ratio:4/2.1}
.print-item__media img{width:100%;height:100%;object-fit:cover}
.print-item__body{display:grid;gap:8px}
.print-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.print-item__top h4{margin:0;font-size:18px;line-height:1.15}
.print-item__price{font-weight:700;white-space:nowrap}
.print-item__meta{font-size:13px;color:#6c6258;line-height:1.5}
.print-item__note{font-size:13px;line-height:1.65;color:#3e3831}
.print-item__tags{display:flex;gap:8px;flex-wrap:wrap}
.print-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f4ece1;border:1px solid #eadfce;font-size:11px;color:#5f5244}
.print-sheet.is-compact .print-item{padding:12px}
.print-sheet.is-compact .print-item__note{display:none}
.print-sheet.is-ultra-compact{border-radius:18px}
.print-sheet.is-ultra-compact .print-sheet__header,.print-sheet.is-ultra-compact .print-sheet__footer{padding:12px 16px;background:#fff}
.print-sheet.is-ultra-compact .print-sheet__title{font-size:20px;line-height:1.05;letter-spacing:-.02em}
.print-sheet.is-ultra-compact .print-sheet__subtitle{margin-top:2px;font-size:11px}
.print-sheet.is-ultra-compact .print-sheet__intro{margin-top:8px;font-size:11px;line-height:1.4;max-width:none}
.print-sheet.is-ultra-compact .print-sheet__content{padding:10px 14px;gap:12px}
.print-sheet.is-ultra-compact .print-section{gap:8px}
.print-sheet.is-ultra-compact .print-section__head{gap:10px}
.print-sheet.is-ultra-compact .print-section__head h3{font-size:10px;letter-spacing:.2em}
.print-sheet.is-ultra-compact .print-section__grid{gap:6px}
.print-sheet.is-ultra-compact .print-group{gap:4px}
.print-sheet.is-ultra-compact .print-group__label{padding:4px 6px;margin-top:2px;border-radius:10px;border-left-width:3px;font-size:9px;line-height:1.2;letter-spacing:.03em;background:#f8f1e8}
.print-sheet.is-ultra-compact .print-group__items{gap:3px}
.print-sheet.is-ultra-compact .print-tree{gap:8px}
.print-sheet.is-ultra-compact .print-tree__group--level1{margin-top:8px}
.print-sheet.is-ultra-compact .print-tree__heading--level1{font-size:11px;gap:14px;letter-spacing:.22em}
.print-sheet.is-ultra-compact .print-tree__heading--level2{font-size:19px}
.print-sheet.is-ultra-compact .print-tree__heading--level3{font-size:13px}
.print-sheet.is-ultra-compact .print-tree__content--level1{gap:6px}
.print-sheet.is-ultra-compact .print-tree__content--level2,.print-sheet.is-ultra-compact .print-tree__content--level3{gap:4px}
.print-sheet.is-ultra-compact .print-tree__items{gap:0}
.print-sheet.is-ultra-compact.columns-2 .print-tree__items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.print-sheet.is-ultra-compact.columns-3 .print-tree__items{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}
.print-sheet.is-ultra-compact.gap-tight.columns-2 .print-tree__items{column-gap:12px}
.print-sheet.is-ultra-compact.gap-tight.columns-3 .print-tree__items{column-gap:10px}
.print-sheet.is-ultra-compact.gap-normal.columns-2 .print-tree__items{column-gap:22px}
.print-sheet.is-ultra-compact.gap-normal.columns-3 .print-tree__items{column-gap:18px}
.print-sheet.is-ultra-compact.gap-wide.columns-2 .print-tree__items{column-gap:28px}
.print-sheet.is-ultra-compact.gap-wide.columns-3 .print-tree__items{column-gap:24px}
.print-sheet.is-ultra-compact .print-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:6px 0;margin:0;border:none;background:transparent;break-inside:avoid}
.print-sheet.is-ultra-compact.show-separators .print-row{border-bottom:1px solid #dfe3e6}
.print-sheet.is-ultra-compact.hide-separators .print-row{border-bottom:none}
.print-sheet.is-ultra-compact .print-row:last-child{border-bottom:none}
.print-sheet.is-ultra-compact .print-row__title{font-size:12px;line-height:1.1;font-weight:500;font-style:italic;font-family:Georgia,"Times New Roman",serif;color:#111826}
.print-sheet.is-ultra-compact .print-row__meta{margin-top:3px;font-size:8px;line-height:1.22;color:#5a6270}
.print-sheet.is-ultra-compact .print-row__price{font-size:9px;line-height:1.1;font-weight:500;white-space:nowrap;color:#111826}
.print-sheet.is-ultra-compact .print-item,.print-sheet.is-ultra-compact .print-item__body,.print-sheet.is-ultra-compact .print-item__top,.print-sheet.is-ultra-compact .print-item__meta,.print-sheet.is-ultra-compact .print-item__note,.print-sheet.is-ultra-compact .print-item__tags{all:unset}
@media(max-width:900px){.client-list-card{grid-template-columns:1fr}.client-list-card__aside{justify-items:start;text-align:left}.print-sheet.columns-2 .print-section__grid,.print-sheet.columns-3 .print-section__grid,.print-sheet.columns-2 .print-group__items,.print-sheet.columns-3 .print-group__items,.print-sheet.columns-2 .print-tree__items,.print-sheet.columns-3 .print-tree__items{grid-template-columns:1fr}}
@media print{
  body[data-print-scope="menu"]{background:#fff !important}
  body[data-print-scope="menu"] .app-shell > *:not(.print-scope-target){display:none !important}
  body[data-print-scope="menu"] .print-scope-target > *:not(.print-only-cache){display:none !important}
  body[data-print-scope="menu"] .print-scope-target .no-print{display:none !important}
  body[data-print-scope="menu"] .print-only-cache{position:static !important;left:auto !important;width:auto !important;opacity:1 !important;pointer-events:auto !important;max-height:none !important;overflow:visible !important}
  body[data-print-scope="menu"] .print-sheet{box-shadow:none !important;border:none !important;border-radius:0 !important}
  body[data-print-scope="menu"] .print-sheet__content{padding:0}
  body[data-print-scope="menu"] .print-sheet__header,body[data-print-scope="menu"] .print-sheet__footer{padding-left:0;padding-right:0}
  body[data-print-scope="menu"] .print-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-print-scope="menu"] .print-sheet.columns-1 .print-section__grid{grid-template-columns:1fr}
  body[data-print-scope="menu"] .print-sheet.columns-3 .print-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-print-scope="menu"] .print-sheet.columns-2 .print-group__items{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-print-scope="menu"] .print-sheet.columns-1 .print-group__items{grid-template-columns:1fr}
  body[data-print-scope="menu"] .print-sheet.columns-3 .print-group__items{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-print-scope="menu"] .print-sheet.columns-2 .print-tree__items{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-print-scope="menu"] .print-sheet.columns-1 .print-tree__items{grid-template-columns:1fr}
  body[data-print-scope="menu"] .print-sheet.columns-3 .print-tree__items{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-print-scope="menu"] .print-sheet.gap-tight.columns-2 .print-tree__items,body[data-print-scope="menu"] .print-sheet.gap-tight.columns-3 .print-tree__items{column-gap:14px}
  body[data-print-scope="menu"] .print-sheet.gap-normal.columns-2 .print-tree__items,body[data-print-scope="menu"] .print-sheet.gap-normal.columns-3 .print-tree__items{column-gap:28px}
  body[data-print-scope="menu"] .print-sheet.gap-wide.columns-2 .print-tree__items,body[data-print-scope="menu"] .print-sheet.gap-wide.columns-3 .print-tree__items{column-gap:42px}
  body[data-print-scope="menu"] .print-sheet.is-ultra-compact .print-sheet__header,body[data-print-scope="menu"] .print-sheet.is-ultra-compact .print-sheet__footer{padding-top:0;padding-bottom:6px}
  body[data-print-scope="menu"] .print-sheet.is-ultra-compact .print-sheet__content{padding:0;gap:8px}
  body[data-print-scope="menu"] .print-sheet.is-ultra-compact .print-tree__group--level1{break-before:auto}
  body[data-print-scope="menu"] .print-sheet.is-ultra-compact .print-tree__heading{break-after:avoid-page}
  body[data-print-scope="menu"] .print-sheet.is-ultra-compact .print-row{padding-top:4px;padding-bottom:4px}
}



.print-preview-sample{border:1px solid var(--line);border-radius:24px;padding:14px;background:var(--panel-2);overflow:auto}
.print-field-card{padding:18px;border:1px solid var(--line);background:var(--bg-2);border-radius:24px}
.option-pill.is-disabled{opacity:.78;cursor:default}
.option-pill.is-disabled input{pointer-events:none}

.sort-field-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(96px, 118px);
  gap:10px;
  min-width:0;
}
.print-field-card{overflow:hidden;}

.sort-field-grid .select:first-child{
  min-width:0;
  width:100%;
}
.sort-field-grid .select:last-child{
  min-width:0;
  width:100%;
}
.field--sort-group{
  min-width:0;
}
.field--sort-group .field-label{
  margin-bottom:10px;
}
@media (max-width: 920px){
  .sort-field-grid{
    grid-template-columns:minmax(0,1fr);
  }
}


.service-mode-bar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:22px;background:var(--panel-2)}
.service-mode-bar__title{font-size:20px;font-weight:650}
.client-layout-grid--service{grid-template-columns:1fr!important}
.client-stack--service .client-main-area{gap:14px}
.service-list{display:grid;gap:8px}
.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--bg-2)}
.service-row__title{font-size:18px;font-weight:700;line-height:1.2}
.service-row__meta,.service-row__subprice{font-size:12px;color:var(--muted)}
.service-row__aside{text-align:right;display:grid;gap:4px;justify-items:end}
.service-row__price{font-size:20px;font-weight:700;color:var(--text)}
.service-row__stock{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.service-row__stock.is-low{background:color-mix(in srgb,var(--accent) 12%,var(--panel));}
.service-row__stock.is-out{background:color-mix(in srgb,var(--danger) 16%,var(--panel));color:var(--danger)}
.stock-quick-list{max-height:340px;overflow:auto}
.stock-quick-row{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.stock-quick-row:last-child{border-bottom:none}
.stock-quick-row__actions{display:flex;align-items:center;gap:8px}
.btn-square{min-width:40px;padding:10px 0;text-align:center}
@media (max-width: 760px){.service-row{grid-template-columns:1fr}.service-row__aside{justify-items:start;text-align:left}.service-mode-bar{align-items:flex-start}}

/* ===== v21.1 product enhancements ===== */
.smart-filters-wrap { gap: 10px; }
.smart-filters-wrap--inline { display:block; }
.filters--smartline { align-items:center; gap:14px; flex-wrap:wrap; }
.pairing-compact { display:flex; align-items:center; gap:10px; margin-left:4px; }
.pairing-compact__label { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); white-space:nowrap; }
.select--pairing-compact { min-width:220px; width:auto; height:54px; padding-right:42px; }
.pill--compact { min-height:54px; padding:0 20px; }
.pill--ghost { background:var(--bg); color:var(--muted); border:1px solid var(--line); }
.pill--ghost:hover { color:var(--text); border-color:var(--soft); }

.filters--service-presets { margin-top: 10px; }
.field--compact { min-width: 220px; }
.sommelier-section { display: grid; gap: 14px; margin: 10px 0 20px; }
.service-highlights { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; }
.service-highlight-card { border: 1px solid var(--line); border-radius: 18px; padding: 14px 16px; display: flex; justify-content: space-between; gap: 12px; align-items: center; background: var(--panel-2); }
.mini-meta-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; font-size: 13px; color: var(--muted); }
.qr-preview { display:grid; gap: 10px; justify-items: start; }
.qr-preview img { width: 180px; height: 180px; border-radius: 18px; border: 1px solid var(--line); background: white; padding: 10px; }
.stock-quick-list .helper, .admin-item .helper { line-height: 1.4; }
@media (max-width: 720px) {
  .service-highlights { grid-template-columns: 1fr; }
  .mini-meta-grid { grid-template-columns: 1fr; }
}


.service-row--interactive{cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.service-row--interactive:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.08);}
.detail-overlay{position:fixed;inset:0;background:rgba(17,16,13,.42);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;}
.detail-modal{width:min(760px,100%);max-height:min(88vh,920px);overflow:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);}
.detail-modal__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.detail-modal__price{font-size:28px;font-weight:700;margin-top:14px;color:var(--text);}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;}
.detail-row{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--pane);}
@media (max-width: 720px){.detail-grid{grid-template-columns:1fr}.detail-modal{padding:18px}}


.client-lang-control { display:flex; flex-direction:column; gap:6px; min-width:88px; align-items:center; }
.client-lang-control .helper { margin:0; font-size:11px; text-align:center; }
.lang-menu { position:relative; }
.lang-menu summary { list-style:none; }
.lang-menu summary::-webkit-details-marker { display:none; }
.lang-menu__trigger { width:96px; min-width:96px; height:68px; border:1px solid var(--line); border-radius:28px; background:var(--bg-2); display:flex; align-items:center; justify-content:center; gap:10px; cursor:pointer; box-shadow:0 4px 10px rgba(0,0,0,.03); overflow:visible; }
.lang-menu__flag { font-size:26px; line-height:1; display:inline-flex; align-items:center; justify-content:center; min-width:30px; }
.lang-menu__chevron { font-size:16px; color:var(--muted); }
.lang-menu__list { position:absolute; right:0; top:calc(100% + 8px); min-width:180px; background:var(--bg-2); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); padding:8px; display:grid; gap:6px; z-index:40; }
.lang-menu__item { border:1px solid transparent; background:transparent; border-radius:16px; padding:10px 12px; display:flex; align-items:center; gap:10px; cursor:pointer; text-align:left; }
.lang-menu__item:hover, .lang-menu__item.is-active { background:var(--pane); border-color:var(--line); }
.lang-menu__label { font-size:14px; color:var(--text); }

@media (max-width: 900px) {
  .banner--saas { gap:16px; }
  .client-toolbar-row { align-items:stretch; }
  .client-toolbar-row .search-wrap { width:100%; }
  .client-toolbar-row .display-switch { width:100%; justify-content:flex-start; }
  .client-layout-grid { gap:14px; }
}

@media (max-width: 720px) {
  .client-lang-control { min-width:82px; align-self:flex-end; }
  .lang-menu__trigger { width:88px; min-width:88px; height:62px; border-radius:24px; }
  .lang-menu__flag { font-size:22px; }
  .lang-menu__list { min-width:160px; right:0; }
  .filters, .client-category-tabs, .subcat-tabs { gap:8px; }
  .filters { overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; -webkit-overflow-scrolling:touch; }
  .filters::-webkit-scrollbar { height:6px; }
  .filters::-webkit-scrollbar-thumb { background:var(--line); border-radius:999px; }
  .pill { white-space:nowrap; }
  .stats-badge { width:100%; justify-content:flex-start; }
}


@media (min-width: 1460px) { .print-field-card .form-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.banner{overflow:visible;}
.banner--hero{position:relative;padding:0;min-height:240px;display:block;}
.banner__content{position:relative;z-index:2;display:flex;gap:18px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:24px;}
.hero-banner{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;}
.hero-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(17,16,13,.15), rgba(17,16,13,.45));}
.hero-banner--overlay-none::after{background:linear-gradient(180deg, rgba(17,16,13,.02), rgba(17,16,13,.08));}
.hero-banner--overlay-light::after{background:linear-gradient(180deg, rgba(17,16,13,.08), rgba(17,16,13,.22));}
.hero-banner--overlay-medium::after{background:linear-gradient(180deg, rgba(17,16,13,.14), rgba(17,16,13,.36));}
.hero-banner--overlay-strong::after{background:linear-gradient(180deg, rgba(17,16,13,.2), rgba(17,16,13,.55));}
.hero-banner--compact{min-height:170px;}
.hero-banner--medium{min-height:230px;}
.hero-banner--large{min-height:300px;}
.banner--hero .brand-kicker,.banner--hero .brand-title,.banner--hero .brand-subtitle{color:#fff;text-shadow:0 8px 18px rgba(0,0,0,.28);}
.banner--hero .stats-badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff;backdrop-filter:blur(6px);}
.banner--hero .client-lang-control .helper{color:#fff;opacity:.92;text-shadow:0 4px 10px rgba(0,0,0,.25);}
.banner--hero .lang-menu__trigger{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);backdrop-filter:blur(6px);}
.banner--hero .lang-menu__chevron{color:#fff;}
.brand-title{font-weight:700;letter-spacing:-.04em;}
.product-card,.client-list-card,.sidebar-card,.metric-card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.product-card:hover,.client-list-card:hover,.sidebar-card:hover,.metric-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.06);border-color:var(--accent);}
.client-toolbar{gap:14px;}
.client-toolbar-row{gap:14px;align-items:center;justify-content:space-between;}
.lang-menu__trigger{padding:0 12px;}
.lang-menu__flag{font-size:24px; min-width:28px;}
.search-wrap input{min-width:0;}
@media (max-width: 900px){
  .banner__content{padding:18px;}
  .brand-stats{flex-wrap:wrap;}
  .client-layout-grid{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  .banner--hero{min-height:180px;}
  .banner__content{padding:16px;gap:12px;}
  .brand-title{font-size:clamp(28px,8vw,42px);}
  .client-toolbar-row{flex-wrap:wrap;}
  .client-category-tabs,.subtabs,.filters,.display-switch{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
  .client-category-tabs::-webkit-scrollbar,.subtabs::-webkit-scrollbar,.filters::-webkit-scrollbar,.display-switch::-webkit-scrollbar{height:6px;}
  .client-category-tabs::-webkit-scrollbar-thumb,.subtabs::-webkit-scrollbar-thumb,.filters::-webkit-scrollbar-thumb,.display-switch::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;}
  .display-switch .pill,.client-category-tabs .tab-btn,.subtabs .subtab-btn,.filters .pill{white-space:nowrap;}
  .client-lang-control{align-items:flex-end;}
}

@media (max-width: 980px){.header-tools{width:100%;justify-content:space-between;}.sort-field-grid{grid-template-columns:minmax(0,1fr);}}

.lang-menu__list{max-height:280px;overflow:auto;}
.banner,.banner__content{overflow:visible;}


/* v21.4.1a accord filter refinement */
.client-toolbar-row--smart{justify-content:flex-start;gap:16px;align-items:end;}
.pairing-inline{display:flex;flex-direction:column;gap:8px;min-width:min(420px,100%);}
.pairing-inline__label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-left:4px;}
.select--pill{border-radius:999px;background:var(--bg-2);}
.select--pairing{max-width:420px;min-width:260px;padding-right:44px;}
@media (max-width: 900px){
  .client-toolbar-row--smart{justify-content:space-between;align-items:center;}
}
@media (max-width: 720px){
  .pairing-inline{min-width:0;width:100%;}
  .select--pairing{max-width:none;min-width:0;width:100%;}
  .client-toolbar-row--smart .btn{width:auto;align-self:flex-end;}
}

@media (max-width: 900px) {
  .filters--smartline { gap:12px; }
  .pairing-compact { width:100%; margin-left:0; }
  .select--pairing-compact { min-width:0; width:100%; }
}
@media (max-width: 640px) {
  .pairing-compact { flex-direction:column; align-items:stretch; gap:6px; }
  .pairing-compact__label { padding-left:2px; }
  .pill--compact { width:auto; }
}