/* Marican Hair UI system — additive visual layer; no business behaviour lives here. */
:root {
    --ui-canvas: #faf7f4;
    --ui-surface: #fffdfb;
    --ui-surface-soft: #f7eeea;
    --ui-ink: #201c1a;
    --ui-muted: #766f6b;
    --ui-line: #eadfda;
    --ui-rose: #b96e76;
    --ui-rose-soft: #f7e5e4;
    --ui-peach: #f3d6c8;
    --ui-gold: #a97936;
    --ui-gold-soft: #f5ead5;
    --ui-sage: #dfe9df;
    --ui-success: #35745d;
    --ui-warning: #b16b2e;
    --ui-danger: #a94d4d;
    --ui-radius-card: 18px;
    --ui-radius-control: 11px;
    --ui-shadow: 0 10px 32px rgba(68, 43, 32, .06);
    --ui-shadow-soft: 0 4px 16px rgba(68, 43, 32, .045);
    --ui-serif: Georgia, 'Times New Roman', serif;
    --ui-sans: Inter, 'Instrument Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Admin shell */
.ui-admin-body { background: var(--ui-canvas); color: var(--ui-ink); font-family: var(--ui-sans); }
.ui-admin-shell { min-height: 100vh; display: grid; grid-template-columns: 246px minmax(0, 1fr); background: var(--ui-canvas); }
.ui-admin-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 18px 13px 15px; border-right: 1px solid var(--ui-line); background: rgba(255,253,251,.94); overflow-y: auto; box-shadow: 4px 0 22px rgba(67,42,31,.025); }
.ui-admin-brand-wrap { padding: 5px 8px 24px; }
.ui-admin-brand { display: flex; align-items: center; gap: 10px; color: var(--ui-ink); text-decoration: none; }
.ui-admin-brand .brand-mark { display: grid; place-items: center; width: 37px; height: 37px; color: #fffaf7; background: linear-gradient(135deg, var(--ui-ink), #51423b); border-radius: 13px; font-size: 12px; letter-spacing: .08em; }
.ui-admin-brand b { display: block; font-family: var(--ui-serif); font-size: 18px; font-weight: 600; line-height: 1.05; }
.ui-admin-brand small { display: block; margin-top: 3px; color: var(--ui-muted); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ui-admin-nav { display: grid; gap: 19px; }
.ui-nav-group { display: grid; gap: 3px; }
.ui-nav-label { padding: 0 11px 5px; color: #9a918d; font-size: 10px; font-weight: 800; letter-spacing: .105em; text-transform: uppercase; }
.ui-admin-nav a, .ui-nav-disabled { display: flex; align-items: center; gap: 10px; min-height: 39px; padding: 8px 11px; border-radius: 11px; color: #675f5c !important; -webkit-text-fill-color: #675f5c; font-size: 13px; font-weight: 650; line-height: 1.2; text-decoration: none; transition: background .17s ease, color .17s ease, transform .17s ease; }
.ui-admin-nav a:hover { color: var(--ui-ink); background: #f8f0ed; transform: translateX(1px); }
.ui-admin-nav a.is-active { color: #8e4d57 !important; -webkit-text-fill-color: #8e4d57; background: var(--ui-rose-soft); box-shadow: inset 0 0 0 1px rgba(185,110,118,.09); }
.ui-admin-nav i { display: inline-grid; width: 15px; color: currentColor; font-size: 17px; font-style: normal; line-height: 1; text-align: center; }
.ui-nav-badge { margin-left: auto; min-width: 19px; padding: 2px 5px; border-radius: 99px; color: #fff; background: var(--ui-rose); font-size: 10px; text-align: center; }
.ui-nav-disabled { color: #9b9390; cursor: default; }
.ui-nav-disabled small { margin-left: auto; padding: 3px 6px; border-radius: 7px; background: #f4efed; color: #9d918c; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.ui-admin-sidebar-foot { display: grid; gap: 8px; margin-top: auto; padding: 26px 8px 3px; }
.ui-view-store, .ui-logout { border: 0; color: var(--ui-muted); background: transparent; font: inherit; font-size: 12px; text-align: left; text-decoration: none; cursor: pointer; }
.ui-view-store:hover, .ui-logout:hover { color: var(--ui-rose); }
.ui-admin-main { min-width: 0; background: var(--ui-canvas); }
.ui-admin-topbar { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; gap: 18px; min-height: 74px; padding: 12px 31px; border-bottom: 1px solid rgba(234,223,218,.78); background: rgba(250,247,244,.88); backdrop-filter: blur(16px); }
.ui-admin-topbar .admin-nav-toggle { display: none; }
.ui-admin-search { display: flex; align-items: center; gap: 9px; width: min(620px, 55vw); min-height: 43px; padding: 0 11px 0 15px; border: 1px solid var(--ui-line); border-radius: 13px; background: var(--ui-surface); box-shadow: var(--ui-shadow-soft); }
.ui-admin-search > span { color: #928884; font-size: 22px; line-height: 1; }
.ui-admin-search input { flex: 1; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; color: var(--ui-ink); font: 500 13px var(--ui-sans); }
.ui-admin-search kbd { padding: 3px 6px; border: 1px solid var(--ui-line); border-radius: 6px; color: #aaa19c; background: #faf7f4; font: 10px var(--ui-sans); }
.ui-admin-top-actions { display: flex; align-items: center; gap: 17px; margin-left: auto; }
.ui-notification { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid var(--ui-line); border-radius: 50%; color: #6f6662; background: var(--ui-surface); }
.ui-notification i { font-size: 18px; font-style: normal; }
.ui-admin-profile { display: flex; align-items: center; gap: 9px; }
.ui-avatar { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #c28d74, #a86171); font-size: 13px; font-weight: 800; }
.ui-admin-profile b, .ui-admin-profile small { display: block; line-height: 1.2; }
.ui-admin-profile b { color: var(--ui-ink); font-size: 12px; }.ui-admin-profile small { margin-top: 3px; color: var(--ui-muted); font-size: 10px; }
.ui-admin-content { padding: 30px 32px 46px; max-width: 1720px; margin: 0 auto; }
.ui-admin-content > .flash { margin-bottom: 18px; }

/* Admin dashboard */
.ui-dashboard-intro { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 1px 0 25px; }
.ui-dashboard-intro .eyebrow, .ui-panel .eyebrow { color: var(--ui-rose); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ui-dashboard-intro h1 { margin: 5px 0 6px; color: var(--ui-ink); font-family: var(--ui-serif); font-size: clamp(30px, 3vw, 41px); font-weight: 500; letter-spacing: -.035em; line-height: 1.05; }
.ui-dashboard-intro p { margin: 0; color: var(--ui-muted); font-size: 14px; }
.ui-period-control { display: inline-flex; align-items: center; gap: 20px; flex: 0 0 auto; padding: 11px 14px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius-control); color: #605855; background: var(--ui-surface); box-shadow: var(--ui-shadow-soft); font-size: 12px; font-weight: 700; text-decoration: none; }
.ui-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-bottom: 17px; }
.ui-kpi-card { display: flex; gap: 14px; min-height: 126px; padding: 18px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius-card); color: var(--ui-ink); background: var(--ui-surface); box-shadow: var(--ui-shadow-soft); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.ui-kpi-card:hover { transform: translateY(-2px); box-shadow: var(--ui-shadow); }
.ui-kpi-icon { display: grid; place-items: center; flex: 0 0 39px; width: 39px; height: 39px; border-radius: 12px; font-size: 19px; font-weight: 700; }.ui-kpi-icon.is-gold{background:var(--ui-gold-soft);color:#9a6a28}.ui-kpi-icon.is-rose{background:var(--ui-rose-soft);color:#aa6671}.ui-kpi-icon.is-peach{background:#faeadb;color:#b36f40}.ui-kpi-icon.is-sage{background:var(--ui-sage);color:#557662}
.ui-kpi-card small, .ui-kpi-card strong, .ui-kpi-card em { display: block; }.ui-kpi-card small { color: var(--ui-muted); font-size: 11px; font-style: normal; }.ui-kpi-card strong { margin: 6px 0 5px; color: var(--ui-ink); font-size: clamp(20px, 2.2vw, 28px); letter-spacing: -.045em; line-height: 1; }.ui-kpi-card em { color: #978d88; font-size: 10px; font-style: normal; line-height: 1.3; }
.ui-dashboard-grid { display: grid; gap: 16px; margin-bottom: 17px; }.ui-dashboard-primary { grid-template-columns: minmax(380px, 1.75fr) minmax(265px, .95fr) minmax(265px, .95fr); }.ui-dashboard-secondary { grid-template-columns: repeat(3, minmax(0,1fr)); }.ui-dashboard-utility { grid-template-columns: 1.35fr 1fr; }
.ui-panel { min-width: 0; padding: 20px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius-card); background: var(--ui-surface); box-shadow: var(--ui-shadow-soft); }.ui-panel h2 { margin: 4px 0 0; color: var(--ui-ink); font-family: var(--ui-serif); font-size: 21px; font-weight: 500; letter-spacing: -.02em; }.ui-panel p { color: var(--ui-muted); font-size: 12px; line-height: 1.55; }
.ui-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.ui-panel-head > a { padding-top: 4px; color: var(--ui-rose); font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; }.ui-panel-head > a:hover { color: var(--ui-ink); }.ui-planned-label { padding: 5px 7px; border-radius: 7px; color: #8d7d75; background: #f5f0ee; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ui-revenue-summary { display: flex; align-items: baseline; gap: 8px; margin: 19px 0 13px; }.ui-revenue-summary strong { color: var(--ui-ink); font-size: 25px; letter-spacing: -.04em; }.ui-revenue-summary small { color: var(--ui-muted); font-size: 10px; }
.ui-revenue-chart { display: flex; align-items: end; gap: clamp(8px,1.2vw,16px); height: 133px; padding: 3px 0 1px; border-bottom: 1px solid #eee6e2; }.ui-chart-column { display: grid; align-items: end; flex: 1; height: 100%; gap: 7px; text-align: center; }.ui-chart-column span { display: block; min-height: 4px; height: var(--chart-height); border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg, #d99fa0, #bd707a); transition: height .25s ease; }.ui-chart-column:nth-child(2n) span { background: linear-gradient(180deg,#d7b979,#aa7b3a); }.ui-chart-column small { color: #978d88; font-size: 10px; }
.ui-order-list, .ui-stock-list, .ui-product-overview { display: grid; margin-top: 15px; }.ui-order-row, .ui-stock-row { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 9px 0; border-top: 1px solid #f0e9e5; color: inherit; text-decoration: none; }.ui-order-row:first-child, .ui-stock-row:first-child { border-top: 0; padding-top: 0; }.ui-order-row > span:last-child { display: grid; justify-items: end; gap: 4px; }.ui-order-row b, .ui-stock-row b, .ui-product-overview b { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #423b38; font-size: 11px; }.ui-order-row small, .ui-stock-row small, .ui-product-overview small { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; color: var(--ui-muted); font-size: 10px; }.ui-order-row > span:last-child > b { font-size: 10px; }.ui-order-avatar, .ui-product-thumb { display: grid; place-items: center; overflow: hidden; width: 30px; height: 30px; border-radius: 9px; color: #9a635c; background: #f7e8e2; font-size: 11px; font-weight: 800; }.ui-product-thumb img { width:100%; height:100%; object-fit:cover; }.ui-status-chip { max-width: 95px; overflow: hidden; text-overflow: ellipsis; padding: 3px 5px; border-radius: 5px; color: var(--ui-success); background: #e5f0e9; font-size: 8px; font-style: normal; font-weight: 800; white-space: nowrap; }.ui-stock-row { grid-template-columns: 31px minmax(0,1fr) auto; }.ui-stock-row em { padding: 4px 6px; border-radius: 6px; color: var(--ui-warning); background: #fbf0e4; font-size: 9px; font-style: normal; font-weight: 800; white-space: nowrap; }
.ui-product-overview > a { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 9px 0; border-top: 1px solid #f0e9e5; color: inherit; text-decoration: none; }.ui-product-overview > a:first-child{border-top:0;padding-top:0}.ui-product-overview .ui-product-thumb{width:34px;height:34px}.ui-product-overview strong{font-size:11px;white-space:nowrap}.ui-task-summary{display:grid;gap:8px;margin-top:14px}.ui-task-summary a{display:grid;grid-template-columns:29px minmax(0,1fr);column-gap:9px;align-items:center;padding:8px;border-radius:11px;color:inherit;background:#fcf9f7;text-decoration:none}.ui-task-summary span{grid-row:span 2;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#76615a;background:#efe7e1;font-size:12px;font-weight:800}.ui-task-summary span.is-warning{color:#9d6430;background:#f7e9d6}.ui-task-summary b{font-size:11px}.ui-task-summary small{margin-top:2px;color:var(--ui-muted);font-size:9px}.ui-marketplace-panel>p{margin:13px 0 10px}.ui-marketplace-list{display:grid;gap:5px}.ui-marketplace-list span{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #f0e9e5;color:#564d49;font-size:11px;font-weight:700}.ui-marketplace-list em{color:#9d928d;font-size:9px;font-style:normal;font-weight:600}.ui-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.ui-source-grid span{padding:10px;border-radius:10px;background:#fcf8f6}.ui-source-grid small,.ui-source-grid b{display:block}.ui-source-grid small{overflow:hidden;color:var(--ui-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ui-source-grid b{margin-top:4px;font-size:17px}.ui-quick-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.ui-quick-actions a{padding:8px 10px;border-radius:9px;color:#6d504b;background:#f8ece7;font-size:10px;font-weight:800;text-decoration:none}.ui-quick-actions a:first-child{color:#fff;background:var(--ui-ink)}.ui-empty-copy{margin:20px 0 6px!important;color:#958b86!important}

/* Customer storefront — shared premium palette, headers and content rhythm. */
.storefront-body { background: var(--ui-canvas); color: var(--ui-ink); font-family: var(--ui-sans); }.storefront-body .site-shell { overflow: clip; }.storefront-body .topbar-premium { background: #2a2421; color: #f8efeb; }.storefront-body .commerce-benefit-grid { min-height: 31px; gap: 12px; font-size: 10px; letter-spacing: .015em; }.storefront-body .premium-header { border-bottom: 1px solid var(--ui-line); background: rgba(255,253,251,.97); }.storefront-body .premium-header-grid { min-height: 85px; grid-template-columns: minmax(164px,1fr) minmax(260px,1.45fr) minmax(170px,1fr); gap: 22px; }.storefront-body .brand-script { color: var(--ui-ink); font-family: var(--ui-serif); font-size: 25px; font-weight: 500; letter-spacing: -.05em; }.storefront-body .brand-subline { margin-top: 2px; color: var(--ui-gold); font-size: 8px; font-weight: 800; letter-spacing: .19em; }.storefront-body .premium-search { min-height: 42px; border-color: var(--ui-line); border-radius: 12px; background: #faf6f3; }.storefront-body .premium-search input { font-size: 12px; }.storefront-body .premium-actions { gap: 15px; justify-content: flex-end; }.storefront-body .icon-action { color: #554b47; }.storefront-body .icon-action:hover { color: var(--ui-rose); }.storefront-body .premium-nav { gap: clamp(18px,2.5vw,37px); min-height: 48px; }.storefront-body .premium-nav > a { color: #4c4441; font-size: 12px; font-weight: 750; }.storefront-body .premium-nav > a:hover, .storefront-body .premium-nav > a[aria-current=page] { color: var(--ui-rose); }.storefront-body .nav-row { border-top: 1px solid #f5eeea; }.ui-wishlist-disabled { display: none !important; }
.storefront-body .hair-hero { min-height: 367px; margin-top: 24px; border: 1px solid #eadbd2; border-radius: 23px; background: linear-gradient(115deg,#f7eee9 0%,#fbf7f4 55%,#e9d0c3 100%); box-shadow: var(--ui-shadow); }.storefront-body .hair-hero-copy { padding: clamp(32px,5vw,66px) clamp(28px,5vw,74px); }.storefront-body .hair-hero h1 { max-width: 640px; color: #2a2421; font-family: var(--ui-serif); font-size: clamp(42px,4.3vw,70px); font-weight: 500; letter-spacing: -.055em; line-height: .95; }.storefront-body .hair-hero h1 span,.storefront-body .hair-hero h1 em { display: block; }.storefront-body .hair-hero h1 em { color: #b16f63; font-style: italic; }.storefront-body .hair-hero-copy > p { max-width: 470px; color: #645955; font-size: 15px; line-height: 1.6; }.storefront-body .button.button-gold { border-color: var(--ui-gold); background: var(--ui-gold); box-shadow: 0 8px 16px rgba(169,121,54,.18); }.storefront-body .hair-hero-media { min-height: 367px; }.storefront-body .hero-seal { border-color: rgba(255,255,255,.72); background: rgba(50,37,33,.7); }.storefront-body .hero-trust { display:none; }.storefront-body .refined-services { margin-top: 16px; border: 1px solid var(--ui-line); border-radius: 15px; background: var(--ui-surface); box-shadow: var(--ui-shadow-soft); }.storefront-body .section-block { padding-top: clamp(52px,6vw,82px); padding-bottom: 0; }.storefront-body .editorial-head h2, .storefront-body .section-head h2 { color: var(--ui-ink); font-family: var(--ui-serif); font-size: clamp(30px,3.1vw,46px); font-weight: 500; letter-spacing: -.045em; }.storefront-body .hair-category-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 13px; }.storefront-body .hair-category-card { min-height: 255px; border-radius: 16px; }.storefront-body .hair-category-card .category-copy h3 { font-family: var(--ui-serif); font-size: 22px; font-weight: 500; }.storefront-body .premium-product-card,.storefront-body .commerce-product-card { border-color: var(--ui-line); border-radius: 16px; background: var(--ui-surface); box-shadow: var(--ui-shadow-soft); }.storefront-body .product-card-title { font-family: var(--ui-serif); font-size: 20px; font-weight: 500; }.storefront-body .commerce-shop-hero { border-color: #eadbd2; border-radius: 21px; background: linear-gradient(115deg,#f5e9e3,#fbf8f5); }.storefront-body .collection-rail a { border-radius: 12px; }.storefront-body .commerce-filter-panel { border-color: var(--ui-line); border-radius: 16px; background: var(--ui-surface); box-shadow: var(--ui-shadow-soft); }.storefront-body .commerce-toolbar, .storefront-body .commerce-result-copy { color: var(--ui-ink); }.storefront-body .commerce-shop-assurance { border-radius: 16px; background: #f6ede8; }

@media (max-width: 1180px) { .ui-dashboard-primary { grid-template-columns: minmax(0,1.4fr) minmax(270px,1fr); }.ui-stock-panel { grid-column: span 2; }.ui-dashboard-secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }.ui-marketplace-panel { grid-column: span 2; }.storefront-body .hair-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 960px) { .ui-admin-shell { grid-template-columns: 1fr; }.ui-admin-sidebar { position: fixed; z-index: 50; width: min(285px,88vw); transform: translateX(-103%); transition: transform .2s ease; }.ui-admin-sidebar.is-open { transform: translateX(0); }.ui-admin-topbar .admin-nav-toggle { display: grid; place-content:center; width: 38px; height: 38px; padding: 9px; border: 1px solid var(--ui-line); border-radius: 10px; background:var(--ui-surface); }.ui-admin-topbar .admin-nav-toggle span{display:block;width:17px;height:1px;margin:2px;background:#514844}.ui-admin-topbar { padding: 12px 20px; }.ui-admin-content { padding: 25px 20px 38px; }.ui-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.ui-dashboard-primary,.ui-dashboard-secondary,.ui-dashboard-utility { grid-template-columns: 1fr; }.ui-stock-panel,.ui-marketplace-panel { grid-column: auto; }.storefront-body .premium-header-grid { grid-template-columns: 1fr auto; }.storefront-body .premium-search { grid-column: 1 / -1; grid-row: 2; width:100%; }.storefront-body .premium-header { padding-top: 11px; padding-bottom: 12px; }.storefront-body .hair-hero { grid-template-columns: 1fr; }.storefront-body .hair-hero-media { min-height: 330px; }.storefront-body .hair-hero-copy { padding-bottom: 25px; } }
@media (max-width: 640px) { .ui-admin-topbar { gap: 9px; min-height: 66px; padding: 10px 13px; }.ui-admin-search { width:auto; flex:1; min-height:38px; padding-left:10px; }.ui-admin-search kbd,.ui-admin-profile > span:last-child,.ui-notification { display:none; }.ui-admin-content { padding: 20px 13px 31px; }.ui-dashboard-intro { align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:19px; }.ui-dashboard-intro h1 { font-size:31px; }.ui-period-control { padding:9px 11px; }.ui-kpi-grid { grid-template-columns: 1fr; gap:10px; }.ui-kpi-card { min-height: 101px; padding:15px; }.ui-panel { padding:16px; border-radius:15px; }.ui-dashboard-grid { gap:11px; margin-bottom:11px; }.ui-revenue-chart { height:105px; }.ui-order-row { grid-template-columns:28px minmax(0,1fr) auto; }.ui-order-row > span:last-child > b { display:none; }.ui-source-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.storefront-body .commerce-benefit-grid span:nth-child(n+3) { display:none; }.storefront-body .premium-header-grid { gap:10px; }.storefront-body .brand-script { font-size:21px; }.storefront-body .premium-actions { gap:9px; }.storefront-body .icon-action small { display:none; }.storefront-body .hair-hero { margin-top:12px; border-radius:16px; }.storefront-body .hair-hero-copy { padding:31px 22px 19px; }.storefront-body .hair-hero h1 { font-size:44px; }.storefront-body .hair-hero-media { min-height:235px; }.storefront-body .hero-product-label,.storefront-body .hero-seal { transform:scale(.82); transform-origin:bottom right; }.storefront-body .refined-services { grid-template-columns:1fr 1fr; gap:0; }.storefront-body .refined-services > div { padding:11px; }.storefront-body .hair-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.storefront-body .hair-category-card { min-height:190px; }.storefront-body .hair-category-card .category-copy { padding:13px; }.storefront-body .hair-category-card .category-copy p { display:none; }.storefront-body .section-block { padding-top:42px; }.storefront-body .commerce-shop-hero { margin-top:12px; }.storefront-body .commerce-shop-layout { grid-template-columns:1fr; }.storefront-body .commerce-filter-panel { position:fixed; } }

/* V2 density correction: all primary navigation remains usable at 1440, zero-data charts stay honest. */
@media (min-width: 961px) and (max-height: 940px) { .ui-admin-sidebar{padding-top:12px}.ui-admin-brand-wrap{padding-bottom:13px}.ui-admin-nav{gap:9px}.ui-nav-group{gap:1px}.ui-nav-label{padding-bottom:2px}.ui-admin-nav a,.ui-nav-disabled{min-height:30px;padding:5px 10px;font-size:12px}.ui-admin-sidebar-foot{padding-top:12px}.ui-admin-content{padding-top:22px}.ui-dashboard-intro{margin-bottom:16px}.ui-kpi-card{min-height:106px;padding:14px}.ui-dashboard-grid{gap:12px;margin-bottom:12px}.ui-panel{padding:16px}.ui-revenue-chart{height:86px}.ui-order-row,.ui-stock-row{padding:6px 0}.ui-task-summary{gap:5px}.ui-task-summary a{padding:6px}.ui-marketplace-list{gap:1px}.ui-marketplace-list span{padding:4px 0} }
.ui-revenue-chart:has(.ui-chart-column span[style*="--chart-height: 7%"]) { background: repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#f1e9e5 28px); border-radius:10px; }
.ui-chart-column span[style*="--chart-height: 7%"] { height:1px !important; min-height:1px; background:#d9ceca !important; border-radius:0; }
@media (min-width: 961px) { .storefront-body .premium-header-grid{min-height:66px}.storefront-body .premium-nav{min-height:38px}.storefront-body .hair-hero{min-height:270px;margin-top:14px}.storefront-body .hair-hero-copy{padding:30px clamp(28px,4.4vw,58px)}.storefront-body .hair-hero h1{font-size:clamp(38px,3.6vw,58px)}.storefront-body .hair-hero-copy>p{margin:13px 0;font-size:13px}.storefront-body .hero-actions{margin-top:16px}.storefront-body .hair-hero-media{min-height:270px}.storefront-body .refined-services{margin-top:10px}.storefront-body .section-block{padding-top:27px}.storefront-body .hair-category-grid{gap:10px}.storefront-body .hair-category-card{min-height:165px}.storefront-body .hair-category-card .category-copy{padding:13px}.storefront-body .hair-category-card .category-copy h3{font-size:18px}.storefront-body .hair-category-card .category-copy p{font-size:10px;line-height:1.35}.storefront-body .editorial-head{margin-bottom:14px}.storefront-body .editorial-head h2{font-size:31px}.storefront-body .match-section{margin-top:27px}.storefront-body .product-grid{gap:12px} }

/* V3 reference composition: this layer intentionally wins over storefront-v4 hero/card geometry. */
.ui-admin-body .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.storefront-body #main-content { display:flex; flex-direction:column; }
.storefront-body #main-content > .hair-hero { order:1; }
.storefront-body #main-content > .collection-section { order:2; }
.storefront-body #main-content > .refined-services { order:3; }
.storefront-body #main-content > .premium-section:not(.collection-section) { order:4; }
.storefront-body #main-content > .match-section { order:5; }
.storefront-body #main-content > .audience-grid { order:6; }
.storefront-body #main-content > .latest-section { order:7; }
.storefront-body .hair-hero,
.storefront-body .hair-hero-media,
.storefront-body .hair-hero-media > picture,
.storefront-body .hair-hero-media > picture > img { min-height:0!important; height:100%!important; max-height:none!important; }
.storefront-body .hair-hero-media > picture { display:block!important; overflow:hidden!important; }
.storefront-body .hair-hero-media > picture > img { display:block!important; width:100%!important; object-fit:cover!important; object-position:center!important; }
.storefront-body .hair-category-card { aspect-ratio:auto!important; min-height:0!important; height:118px!important; }
.storefront-body .hair-category-card picture,.storefront-body .hair-category-card picture img { min-height:0!important; height:118px!important; }
.storefront-body .hair-category-card .category-copy { display:grid!important; align-content:end!important; min-height:0!important; }
.storefront-body .hair-category-card .category-index { top:10px!important; right:11px!important; }
.storefront-body .collection-section .section-head { display:none!important; }
@media (min-width:961px) {
 .storefront-body .hair-hero { height:315px!important; min-height:315px!important; grid-template-columns:1.05fr .95fr!important; }
 .storefront-body .hair-hero-copy { padding:32px 46px!important; }
 .storefront-body .hair-hero-copy>p { max-width:440px!important; }
 .storefront-body .hair-category-grid { grid-template-columns:repeat(5,minmax(0,1fr))!important; margin-top:14px!important; }
 .storefront-body .collection-section { padding-top:16px!important; }
 .storefront-body .refined-services { min-height:60px!important; margin-top:12px!important; }
 .storefront-body .refined-services>div { padding:9px 15px!important; }
 .storefront-body .premium-section:not(.collection-section) { padding-top:22px!important; }
 .storefront-body .premium-section:not(.collection-section) .editorial-head { margin-bottom:12px!important; }
 .storefront-body .match-section { margin-top:26px!important; }
 .ui-admin-content { padding-top:18px!important; }
 .ui-dashboard-primary .ui-panel { min-height:255px!important; }
 .ui-dashboard-secondary .ui-panel { min-height:180px!important; }
}
@media (max-width:640px) {
 .storefront-body .hair-hero { height:440px!important; min-height:440px!important; grid-template-rows:205px 235px!important; }
 .storefront-body .hair-hero-copy { padding:25px 21px!important; }
 .storefront-body .hair-hero h1 { font-size:38px!important; }
 .storefront-body .hair-hero-media { grid-row:2!important; }
 .storefront-body .hair-category-grid { display:flex!important; overflow-x:auto!important; grid-template-columns:none!important; gap:9px!important; padding-bottom:3px!important; }
 .storefront-body .hair-category-card { flex:0 0 170px!important; height:108px!important; }
 .storefront-body .hair-category-card picture,.storefront-body .hair-category-card picture img { height:108px!important; }
 .storefront-body .collection-section { padding-top:12px!important; }
 .storefront-body .refined-services { margin-top:10px!important; min-height:58px!important; }
}

.home-featured-head{display:flex!important;align-items:end!important;justify-content:space-between!important;margin-bottom:13px!important}.home-featured-head>a{color:var(--ui-rose);font-size:12px;font-weight:800;text-decoration:none}.home-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.home-featured-grid .product-card{min-width:0}
@media(max-width:960px){.home-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){.home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-featured-head h2{font-size:28px!important}}

/* Fix 1: product area must be visible within first 900px on desktop 1440x900 */
@media (min-width:961px) {
 .storefront-body .hair-hero { height:230px!important; min-height:230px!important; margin-top:10px!important; }
 .storefront-body .hair-hero-copy { padding:22px 40px!important; }
 .storefront-body .hair-category-grid { margin-top:8px!important; }
 .storefront-body .hair-category-card { height:84px!important; }
 .storefront-body .hair-category-card picture,.storefront-body .hair-category-card picture img { height:84px!important; }
 .storefront-body .collection-section { padding-top:8px!important; }
 .storefront-body .refined-services { min-height:44px!important; margin-top:8px!important; }
 .storefront-body .refined-services>div { padding:6px 15px!important; }
 .storefront-body .premium-section:not(.collection-section) { padding-top:12px!important; }
 .storefront-body .premium-section:not(.collection-section) .editorial-head { margin-bottom:8px!important; }
}

/* Fix 2: real home product cards must render visible, not stuck at data-reveal-group opacity 0 */
.storefront-body .home-featured-grid > * { opacity:1!important; transform:none!important; }

/* Fix 3: mobile hero copy must not be clipped; hero-copy row needs enough height for h1+p+actions */
@media (max-width:640px) {
 .storefront-body .hair-hero { height:455px!important; min-height:455px!important; grid-template-rows:minmax(250px,auto) 190px!important; }
 .storefront-body .hair-hero-copy { padding:20px 21px!important; }
 .storefront-body .hair-hero-copy .eyebrow { margin-bottom:4px!important; font-size:11px!important; }
 .storefront-body .hair-hero h1 { font-size:34px!important; margin:6px 0!important; }
 .storefront-body .hair-hero-copy>p { margin:8px 0!important; }
 .storefront-body .hero-actions { margin-top:10px!important; }
 .storefront-body .hair-hero-media { grid-row:2!important; }
}


/* V6 final reference polish */
.storefront-body .refined-services > div > span {
  grid-row:auto!important;
  grid-column:auto!important;
  min-width:0!important;
  font-size:inherit!important;
}
.storefront-body .refined-services > div > span strong,
.storefront-body .refined-services > div > span small {
  white-space:normal!important;
}
@media (min-width:961px) {
  .storefront-body .hair-hero { height:285px!important; min-height:285px!important; }
  .storefront-body .hair-category-card { height:105px!important; }
  .storefront-body .hair-category-card picture,
  .storefront-body .hair-category-card picture img { height:105px!important; }
  .storefront-body .refined-services { min-height:54px!important; }
  .storefront-body .refined-services > div { min-height:54px!important; padding:7px 15px!important; }
}
@media (max-width:640px) {
  .storefront-body .hair-hero {
    height:475px!important;
    min-height:475px!important;
    grid-template-rows:265px 210px!important;
  }
  .storefront-body .hair-hero-copy {
    align-self:stretch!important;
    justify-self:stretch!important;
    padding:22px 21px 16px!important;
  }
  .storefront-body .hair-hero-copy .edition-mark { display:none!important; }
  .storefront-body .hair-hero h1 { font-size:33px!important; line-height:1!important; }
  .storefront-body .hair-hero-copy > p { margin:10px 0!important; font-size:14px!important; line-height:1.45!important; }
  .storefront-body .hero-actions { display:grid!important; grid-template-columns:1fr!important; gap:8px!important; margin-top:10px!important; }
  .storefront-body .hero-actions .button-quiet { display:none!important; }
  .storefront-body .refined-services > div > span { font-size:inherit!important; }
}

/* Launch-Layout: Admin Formular-Sektionen (Gutscheine, generisch wiederverwendbar) */
.admin-form-section { margin: 0 0 20px; padding: 16px 18px; border: 1px solid var(--ui-line); border-radius: 14px; background: var(--ui-surface); }
.admin-form-section legend { padding: 0 6px; color: var(--ui-ink); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.admin-form-section .form-grid { margin-top: 4px; }
.admin-coupon-layout { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 20px; align-items: start; }
.admin-coupon-status { position: sticky; top: 16px; padding: 16px; border: 1px solid var(--ui-line); border-radius: 14px; background: #faf6f3; }
.admin-coupon-status-list { display: grid; gap: 10px; margin-top: 12px; padding: 0; list-style: none; }
.admin-coupon-status-list li { display: flex; flex-direction: column; gap: 2px; font-size: 12px; }
.admin-coupon-status-list li span { color: var(--ui-muted); }
.admin-card-head-toolbar { margin-bottom: 16px; }
@media (max-width: 960px) {
  .admin-coupon-layout { grid-template-columns: 1fr; }
  .admin-coupon-status { position: static; }
}

/* Launch-Layout: Startseiteneditor als klare Abschnittskarten */
.stack-form { max-width: 980px; }
.stack-form > h2 { margin: 30px 0 14px; padding-top: 24px; border-top: 1px solid var(--ui-line); color: var(--ui-ink); font-family: var(--ui-serif); font-size: 19px; font-weight: 600; }
.stack-form > h2:first-of-type { margin-top: 4px; padding-top: 0; border-top: 0; }
.stack-form > h2 small { display: block; margin-top: 3px; color: var(--ui-muted); font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.stack-form .button-row { position: sticky; bottom: 0; z-index: 5; margin-top: 30px; padding: 14px 0; background: linear-gradient(0deg, var(--ui-canvas) 70%, transparent); }

/* Launch-Layout: Shop-Hero deutlich kleiner als Startseiten-Hero, Produkte frueher sichtbar */
@media (min-width:961px) {
  .storefront-body .commerce-shop-hero { min-height:160px!important; }
  .storefront-body .commerce-shop-hero-copy { padding:22px 40px!important; }
  .storefront-body .commerce-shop-hero-copy h1 { font-size:26px!important; }
  .storefront-body .commerce-shop-hero-copy p { margin:6px 0!important; font-size:12px!important; }
  .storefront-body .commerce-hero-facts { margin-top:8px!important; }
  .storefront-body .commerce-shop-hero-mark { width:92px!important; height:92px!important; }
  .storefront-body .commerce-shop-hero-mark::before,.storefront-body .commerce-shop-hero-mark::after { width:78px!important; height:78px!important; }
  .storefront-body .commerce-shop-hero-mark span { font-size:26px!important; }
  .storefront-body .collection-rail { margin-top:10px!important; }
  .storefront-body .commerce-toolbar { margin-top:8px!important; padding-top:8px!important; padding-bottom:8px!important; }
  .storefront-body .commerce-shop-assurance { margin-top:30px!important; }
}
/* Header-Suche: Platzhalter darf nicht abgeschnitten wirken */
@media (min-width:961px) {
  .storefront-body .premium-header-grid { grid-template-columns: minmax(150px,.85fr) minmax(340px,1.7fr) minmax(170px,1fr)!important; }
}

/* Launch-Layout: Produktbild-Flaeche begrenzen (kein ueberdimensioniertes Einzelbild) */
@media (min-width:961px) {
  .storefront-body .commerce-gallery-main { max-height:560px!important; }
}

/* Launch-Layout: kompakte Admin-Toolbars (z.B. Kunden) statt gestapelter Breitfelder */
.admin-card-head-toolbar { flex-wrap: wrap; }
.admin-card-head-toolbar .inline-filters { flex-wrap: nowrap; }
.admin-card-head-toolbar .inline-filters input { width: 200px; }
.admin-card-head-toolbar .inline-filters select { width: 160px; }
@media (max-width: 720px) {
  .admin-card-head-toolbar .inline-filters { flex-wrap: wrap; }
  .admin-card-head-toolbar .inline-filters input,
  .admin-card-head-toolbar .inline-filters select { width: 100%; }
}

/* Layout polish: home and catalogue share one generous, deliberate grid. */
.storefront-body .container { max-width: 1440px; }
.storefront-body .collection-section { padding-top: 24px!important; }
.storefront-body .collection-section .collection-heading { margin-bottom: 12px!important; }
.storefront-body .refined-services { margin-top: 12px!important; }
.storefront-body .home-featured-section { padding-top: 28px!important; }
.storefront-body .hair-category-grid { grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important; width:100%!important; }
.storefront-body .hair-category-card { width:100%!important; }
.storefront-body .home-featured-head { align-items:center!important; margin-bottom:12px!important; }
.storefront-body .home-featured-head > a { align-self:center!important; white-space:nowrap; }
.storefront-body .home-featured-grid .commerce-product-media { height:205px!important; min-height:205px!important; aspect-ratio:auto!important; }
.storefront-body .home-featured-grid .commerce-product-media img { height:100%!important; object-fit:cover!important; }
.storefront-body .home-featured-grid .commerce-product-body { padding:13px!important; }
.storefront-body .commerce-shop-hero { min-height:132px!important; }
.storefront-body .commerce-shop-hero-copy { max-width:660px!important; }
.storefront-body .commerce-shop-hero-mark { width:76px!important; height:76px!important; opacity:.78; }
.storefront-body .commerce-shop-layout { grid-template-columns:minmax(190px,218px) minmax(0,1fr)!important; gap:18px!important; }
.storefront-body .commerce-filter-panel { padding:16px!important; align-self:start!important; top:118px!important; }
.storefront-body .commerce-filter-panel details { margin-top:10px!important; }
.storefront-body .commerce-product-grid { grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important; gap:14px!important; }
.storefront-body .commerce-product-grid .commerce-product-media { height:240px!important; min-height:240px!important; aspect-ratio:auto!important; }
.storefront-body .commerce-product-grid .commerce-product-media img { height:100%!important; object-fit:cover!important; }
.storefront-body .collection-rail { margin-top:12px!important; }
.storefront-body .commerce-toolbar { align-items:center!important; margin-top:10px!important; }
.storefront-body .locale-switcher button { display:inline-flex!important; align-items:center!important; gap:3px!important; min-height:30px!important; padding:4px 8px!important; border:1px solid var(--ui-line)!important; border-radius:999px!important; color:var(--ui-ink)!important; font-size:11px!important; font-weight:800!important; }

/* Fine layout: the service strip scrolls away; only the actual shop header sticks. */
.storefront-body .site-shell { overflow:visible!important; }
.storefront-body .topbar-premium { position:static!important; z-index:auto!important; }
.storefront-body .premium-header { position:sticky!important; top:0!important; z-index:60!important; background:rgba(255,253,251,.985)!important; box-shadow:0 5px 17px rgba(65,42,32,.07); }

/* Shared compact admin entity tables. */
.admin-table.admin-entity-table { min-width:940px; table-layout:fixed; border-collapse:separate; border-spacing:0; }
.admin-table.admin-entity-table th { padding:11px 12px; border-bottom:1px solid var(--ui-line); color:var(--ui-muted); font-size:11px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; }
.admin-table.admin-entity-table td { padding:13px 12px; border-bottom:1px solid var(--ui-line); vertical-align:middle; font-size:13px; }
.admin-table.admin-entity-table tbody tr:hover { background:rgba(249,242,238,.58); }
.admin-table.admin-entity-table th:nth-child(1) { width:26%; }.admin-table.admin-entity-table th:nth-child(2) { width:14%; }.admin-table.admin-entity-table th:nth-child(3),.admin-table.admin-entity-table th:nth-child(4),.admin-table.admin-entity-table th:nth-child(5) { width:10%; }.admin-table.admin-entity-table th:last-child { width:30%; }
.table-entity-name strong { display:block; color:var(--ui-ink); font-size:13px; font-weight:800; line-height:1.25; }.table-entity-name > span { display:block; margin-top:3px; color:var(--ui-muted)!important; font-size:11px!important; line-height:1.3; }
.table-status-badge { display:inline-flex!important; align-items:center; min-height:24px; padding:3px 9px; border:1px solid transparent; border-radius:999px; font-size:11px!important; font-weight:800; line-height:1; white-space:nowrap; }.table-status-badge.is-active { border-color:#cde8d5; background:#eef9f1; color:#237043!important; }.table-status-badge.is-draft { border-color:#e7e1de; background:#f7f4f2; color:#746a65!important; }
.admin-table .table-actions { display:flex; flex-wrap:wrap; gap:5px 7px; align-items:center; min-width:0; }.admin-table .table-actions form { display:inline-flex; margin:0; }.admin-table .table-actions a,.admin-table .table-actions button { min-height:26px; padding:4px 7px; border:1px solid var(--ui-line); border-radius:8px; background:#fffdfa; color:var(--ui-ink); font-size:11px; font-weight:750; line-height:1; text-decoration:none; white-space:nowrap; }.admin-table .table-actions a:hover,.admin-table .table-actions button:hover { border-color:var(--ui-rose); color:var(--ui-rose); }.admin-table .table-actions .is-danger { border-color:#f0d6d3; color:#a2453d; background:#fff8f7; }.admin-table .table-actions .is-danger:hover { border-color:#d98d84; color:#8d2d26; }
@media (max-width:640px) { .storefront-body .premium-header { box-shadow:0 3px 12px rgba(65,42,32,.06); }.admin-table.admin-entity-table { min-width:940px; } }

/* Final header zoom stability: one topbar row, one desktop header grid. */
.storefront-body .topbar-premium { position:static!important; display:flex!important; align-items:center!important; min-height:31px!important; height:31px!important; padding:0!important; overflow:hidden!important; }
.storefront-body .topbar-premium .commerce-benefit-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; align-items:center!important; min-height:31px!important; height:31px!important; gap:0!important; overflow:hidden!important; }
.storefront-body .topbar-premium .commerce-benefit-grid span { min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:clamp(8px,.58vw,10px)!important; line-height:1!important; text-align:center!important; }
.storefront-body .premium-header { position:sticky!important; top:0!important; z-index:60!important; min-height:0!important; padding:0!important; background:rgba(255,253,251,.985)!important; }
.storefront-body .premium-header-grid { min-height:68px!important; grid-template-columns:minmax(148px,.8fr) minmax(360px,1.7fr) minmax(150px,.8fr)!important; gap:clamp(14px,1.4vw,22px)!important; }
.storefront-body .premium-header .premium-search { width:100%!important; min-width:0!important; }.storefront-body .premium-header .premium-actions { min-width:0!important; flex-wrap:nowrap!important; gap:clamp(8px,1vw,15px)!important; }.storefront-body .premium-header .icon-action { min-width:58px!important; white-space:nowrap!important; }
.storefront-body .premium-header .nav-row { display:flex!important; align-items:center!important; min-height:39px!important; padding:0!important; gap:12px!important; }.storefront-body .premium-header .premium-nav { min-width:0!important; flex:1 1 auto!important; flex-wrap:nowrap!important; gap:clamp(11px,1.75vw,27px)!important; white-space:nowrap!important; }.storefront-body .premium-header .premium-nav > a { flex:0 0 auto!important; font-size:clamp(10px,.72vw,12px)!important; }.storefront-body .premium-header .locale-switcher { flex:0 0 auto!important; margin-left:auto!important; }.storefront-body .premium-header .locale-switcher button { min-width:48px!important; height:28px!important; min-height:28px!important; padding:3px 7px!important; white-space:nowrap!important; }
@media (max-width:1360px) and (min-width:961px) { .storefront-body .topbar-premium .commerce-benefit-grid span { font-size:8px!important; }.storefront-body .premium-header-grid { grid-template-columns:minmax(142px,.8fr) minmax(315px,1.65fr) minmax(138px,.75fr)!important; gap:14px!important; }.storefront-body .premium-header .brand-script { font-size:23px!important; }.storefront-body .premium-header .premium-nav { gap:12px!important; }.storefront-body .premium-header .premium-nav > a { font-size:10px!important; }.storefront-body .premium-header .icon-action { min-width:52px!important; }.storefront-body .premium-header .icon-action small { font-size:10px!important; } }
@media (max-width:960px) { .storefront-body .topbar-premium,.storefront-body .topbar-premium .commerce-benefit-grid { min-height:30px!important; height:30px!important; }.storefront-body .topbar-premium .commerce-benefit-grid { grid-template-columns:1fr!important; }.storefront-body .topbar-premium .commerce-benefit-grid span:nth-child(n+3) { display:none!important; }.storefront-body .premium-header-grid { min-height:0!important; }.storefront-body .premium-header .nav-row { min-height:42px!important; padding:0!important; } }
@media (min-width:961px) {
  .storefront-body .hair-category-grid { grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important; }
  .storefront-body .commerce-shop-hero { min-height:132px!important; margin-top:10px!important; }
  .storefront-body .commerce-shop-hero-copy { padding:18px 30px!important; }
  .storefront-body .commerce-shop-hero-copy h1 { font-size:24px!important; }
  .storefront-body .commerce-hero-facts { display:none!important; }
}
@media (max-width:640px) {
  .storefront-body .container { max-width:none; }
  .storefront-body .collection-section { padding-top:20px!important; }
  .storefront-body .home-featured-section { padding-top:24px!important; }
  .storefront-body .hair-category-grid { display:flex!important; }
  .storefront-body .home-featured-grid .commerce-product-media { height:165px!important; min-height:165px!important; }
  .storefront-body .commerce-shop-layout { grid-template-columns:1fr!important; }
  .storefront-body .commerce-product-grid .commerce-product-media { height:190px!important; min-height:190px!important; }
}


/* 2026-10-02 direct visual corrections: center the hero on the same grid as all home sections. */
@media (min-width: 641px) {
  .storefront-body #main-content > .hair-hero {
    width: min(1440px, calc(100% - 40px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }
}

/* Keep table-cell semantics; only the inner action group is flex. */
.admin-table.admin-entity-table td.table-actions-cell {
  display: table-cell !important;
  vertical-align: middle !important;
  min-width: 0;
}
.admin-table.admin-entity-table .table-actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.admin-table.admin-entity-table .table-actions form {
  display: inline-flex;
  margin: 0;
}

/* MANUAL FINAL 2026-10-02: mobile header must never inherit desktop min-width tracks. */
@media (max-width: 960px) {
  .storefront-body .premium-header-grid {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px 10px !important;
    min-width: 0 !important;
  }
  .storefront-body .premium-header .premium-brand {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .storefront-body .premium-header .brand-script,
  .storefront-body .premium-header .brand-subline {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .storefront-body .premium-header .premium-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: 116px !important;
    justify-self: end !important;
    gap: 6px !important;
  }
  .storefront-body .premium-header .icon-action {
    width: 48px !important;
    min-width: 48px !important;
    height: 44px !important;
  }
  .storefront-body .premium-header .premium-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 10px !important;
  }
  .storefront-body .premium-header .premium-search input {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 640px) {
  .storefront-body .premium-header-grid {
    gap: 7px 8px !important;
  }
  .storefront-body .premium-header .brand-script {
    font-size: 20px !important;
  }
}

/* MANUAL FINAL: B2B quick order remains readable at phone width. */
@media (max-width: 640px) {
  .storefront-body #quickOrderTable th:last-child,
  .storefront-body #quickOrderTable td:last-child {
    width: 92px !important;
    min-width: 92px !important;
  }
  .storefront-body #quickOrderTable input[type="number"] {
    width: 100% !important;
    min-width: 78px !important;
  }
}