@font-face { font-family:"Source Serif 4"; font-style:normal; font-weight:400; font-display:optional; src:url("./assets/source-serif-4-400.ttf") format("truetype"); }
@font-face { font-family:"Source Serif 4"; font-style:normal; font-weight:600 800; font-display:optional; src:url("./assets/source-serif-4-700.ttf") format("truetype"); }
/* Premium transactional layer: shared tokens + responsive application layouts. */
:root {
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
  --touch-target:44px; --control-height:48px; --duration-fast:150ms;
  --z-navigation:25; --z-cart:30; --z-toast:100;
  --font-body: "Segoe UI", Arial, sans-serif;
  --font-display: "Source Serif 4", Georgia, serif;
  --cream-base: #faf8f4; --cacao-deep: #30231e; --primary: #38271f;
  --on-surface: #30231e; --on-surface-variant: #6f655e;
  --caramel-gold: #9b713c; --success: #27634e; --error: #a92d2d;
  --outline-variant: #ded7ce; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 18px;
  --heritage-shadow-soft: 0 4px 24px #39291c08;
  --heritage-shadow: 0 12px 40px #39291c12;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 100px; }
body.premium { font-family: var(--font-body); color: var(--on-surface); background: var(--cream-base); line-height: 1.5; }
.premium h1,.premium h2,.premium h3 { letter-spacing: -.025em; line-height: 1.15; }
.premium h1 { font-size: clamp(30px, 4vw, 48px); }
.premium h2 { font-size: clamp(23px, 2.5vw, 30px); }
.premium h3 { font-size: 21px; }
.premium button,.premium input,.premium select,.premium textarea { font-family: var(--font-body); font-size: 16px; }
.premium :where(input:not([type=checkbox]):not([type=radio]),select,textarea) { width:100%; min-width:0; min-height:var(--control-height); border:1px solid #d6cec4; border-radius:8px; padding:11px 12px; color:var(--cacao-deep); background:#fff; }
.premium :where(button,.primary-button,.ghost-button,.small-button,.secondary-button,summary) { min-height:var(--touch-target); }
.premium :where(button,.primary-button,.ghost-button,.small-button,.secondary-button) { border-radius:8px; padding:10px 16px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; transition:background var(--duration-fast), box-shadow var(--duration-fast); }
.premium .primary-button { background:var(--primary); border:1px solid var(--primary); color:#fff; }
.premium .ghost-button,.premium .small-button,.premium .secondary-button { color:var(--primary); background:#fff; border:1px solid #d6cec4; }
.premium button:hover:not(:disabled),.premium .primary-button:hover { filter:brightness(.94); }
.premium button:disabled { opacity:.55; cursor:wait; }
.premium button[aria-busy=true]::before { content:""; width:14px; height:14px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:spin .8s linear infinite; }
.premium :focus-visible { outline:3px solid #805522; outline-offset:3px; }
.premium .muted,.premium p { color:var(--on-surface-variant); }
.premium label { display:grid; gap:6px; font-size:14px; font-weight:600; }
.premium form { display:grid; gap:16px; }
.premium .hidden,.premium [hidden] { display:none!important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.skip-link { position:fixed; top:-100px; left:16px; z-index:200; background:#fff; padding:12px; }
.skip-link:focus { top:12px; }
.shop-header { height:88px; background:#fff; border-bottom:1px solid #e6e0d8; display:flex; justify-content:space-between; align-items:center; padding:0 max(24px,calc((100vw - 1280px)/2)); gap:var(--space-5); position:sticky; top:0; z-index:var(--z-navigation); }
.shop-brand { display:flex; align-items:center; gap:12px; color:var(--primary); text-decoration:none; }
.shop-brand>span { font:700 28px var(--font-display); }
.shop-brand small { display:block; font:600 9px var(--font-body); letter-spacing:.16em; margin-top:3px; }
.shop-header nav { display:flex; gap:var(--space-5); }
.shop-header nav a { font-size:14px; min-height:var(--touch-target); display:flex; align-items:center; color:#75685d; border-bottom:2px solid transparent; }
.shop-header nav a[aria-current] { color:var(--primary); border-bottom-color:var(--caramel-gold); }
.shop-session #session-label { max-width:160px; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#6f655e; }
.premium .page-hero,.premium .customer-hero,.premium .auth-hero { background:none; color:var(--primary); padding:0; min-height:0; }
.premium .page-hero>.nav,.premium .customer-hero>.topnav,.premium .auth-hero>.topnav { display:none; }
.premium .hero-copy { max-width:1280px; margin:auto; padding:36px 24px 24px; }
.premium .hero-copy h1 { margin:8px 0 12px; }
.premium .hero-copy p { font:16px/1.6 var(--font-body); max-width:640px; margin:0; }
.premium .hero-copy>span,.premium .section-kicker { font:700 11px var(--font-body); letter-spacing:.13em; text-transform:uppercase; color:#87602f; }
.shop-intro { display:flex; justify-content:space-between; align-items:end; gap:var(--space-5); }
.store-detail { font-size:13px; border-left:1px solid #ded7ce; padding-left:24px; max-width:250px; }
.store-detail strong { display:block; margin-bottom:4px; }
.premium .delivery-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:32px; width:100%; max-width:1280px; margin:0 auto; padding:8px 24px 100px; align-items:start; }
.premium .menu-column { min-width:0; display:block; }
.menu-tools { display:grid; gap:16px; margin-bottom:24px; }
.search-box { position:relative; }
.search-box input { padding-left:40px!important; }
.search-box::before { content:"⌕"; position:absolute; left:15px; top:5px; font-size:26px; }
.category-tabs { display:flex; gap:8px; overflow-x:auto; padding:4px 2px 8px; scrollbar-width:thin; }
.category-tabs button { color:var(--primary); border:1px solid #ded7ce; background:transparent; white-space:nowrap; font-size:13px; border-radius:24px; padding:8px 18px; }
.category-tabs button[aria-pressed=true] { background:var(--primary); color:white; border-color:var(--primary); }
.menu-title { display:flex; justify-content:space-between; align-items:center; margin:8px 0 20px; }
.menu-title h2 { margin:0; }
.premium .product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.premium .delivery-layout .product-card.has-image { display:flex; flex-direction:column; gap:0; padding:0; border:1px solid #e4ded6; border-radius:12px; overflow:hidden; background:#fff; box-shadow:none; min-width:0; }
.product-detail-trigger { border:0; padding:0!important; display:block!important; width:100%; text-align:left; color:inherit; background:#f2ede6; border-radius:0!important; }
.premium .product-media { margin:0; width:100%; aspect-ratio:4/3; height:auto; overflow:hidden; display:grid; place-items:center; background:#eee7dc; }
.premium .product-media img { width:100%; height:100%; object-fit:cover; }
.premium .product-media-fallback { background:radial-gradient(ellipse at center,#f6f0e5,#e6dccd); }
.premium .product-media-fallback img { width:64px; height:64px; opacity:.65; object-fit:contain; }
.product-body { padding:18px; display:flex; flex-direction:column; flex:1; gap:8px; }
.product-body>small { color:#87602f; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.product-name { color:var(--primary); background:none; border:0; padding:0!important; justify-content:start!important; text-align:left; min-height:0!important; font:600 23px/1.15 var(--font-display)!important; }
.premium .product-body p { font-size:13px; line-height:1.5; margin:0 0 16px; flex:1; }
.product-buy { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.premium .delivery-layout .product-card.has-image > :not(.product-media) { margin:0; }
.premium .delivery-layout .product-card.has-image .primary-button { margin:0; }
.premium .delivery-layout .product-price { align-self:center; }
.premium .delivery-layout .product-card { min-height:0; }
.premium .product-media::after { display:none; }
.premium .hero-copy .store-detail span { color:var(--on-surface-variant); font:12px/1.5 var(--font-body); letter-spacing:0; text-transform:none; }
.premium .product-price { font:700 18px var(--font-body); font-variant-numeric:tabular-nums; margin:0; }
.premium .product-buy .primary-button { font-size:13px; }
.premium .checkout-column { position:sticky; top:110px; display:grid; gap:16px; min-width:0; }
.premium .checkout-panel { border:1px solid #e1d9cf; border-radius:12px; padding:22px; box-shadow:none; background:#fff; margin:0; }
.checkout-heading { display:flex; justify-content:space-between; align-items:center; }
.checkout-heading h2 { margin:0; font-size:25px; }
.premium .checkout-progress { position:static; display:flex; gap:8px; padding:0; border:0; background:transparent; box-shadow:none; }
.premium .flow-step { flex:1; display:flex; padding:0; border:0; background:none; gap:4px; font-size:10px; opacity:.55; }
.premium .flow-step span { width:23px; height:23px; font-size:11px; display:grid; place-items:center; background:#e5ddd2; color:#493426; border-radius:50%; }
.premium .flow-step.active { opacity:1; }
.premium .flow-step.active span { background:var(--primary); color:white; }
.premium .step-panel { display:none; }
.premium .step-panel.is-current { display:grid; gap:16px; opacity:1; }
.premium .step-heading { margin:0; padding:0; }
.premium .step-heading h2 { font-size:24px; }
.premium .step-index { display:none; }
.premium .step-heading p { font-size:13px; margin:4px 0 0; }
.premium .cart-item { border:0; border-bottom:1px solid #eee8e1; padding:16px 0; }
.premium .cart-row { flex-wrap:wrap; gap:8px; }
.premium .cart-row>strong { font-size:14px; }
.premium .quantity-actions { display:flex; gap:4px; align-items:center; flex-wrap:wrap; }
.premium .quantity-actions .small-button { min-width:44px; padding:8px; font-size:13px; }
.premium .totals { border-top:1px solid #e8e1d8; padding-top:16px; gap:8px; font-size:13px; }
.premium .grand-total { font-size:18px; }
.premium .step-actions { display:flex; gap:8px; }
.premium .step-actions>* { flex:1; }
.premium .checkout-note,.premium .selection-summary { font-size:12px; margin:0; }
.premium .checkout-button { width:100%; }
.checkout-trust { font-size:11px; color:#766a5f; text-align:center; }
.mobile-cart { display:none!important; }
.premium dialog { color:var(--primary); background:#fff; border:0; border-radius:16px; max-height:90dvh; overflow:auto; padding:28px; width:min(540px,calc(100% - 32px)); box-shadow:0 30px 100px #24190f40; }
.premium dialog::backdrop { background:#23180f80; backdrop-filter:blur(3px); }
.dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.dialog-heading h2 { margin:0; }
.dialog-heading button { border:1px solid #ddd; background:#fff; min-width:44px; }
.dialog-actions { display:flex; gap:12px; justify-content:end; margin-top:24px; }
.premium #product-dialog .product-media { border-radius:8px; margin-bottom:20px; max-height:240px; }
.premium .confirm-list { display:grid; gap:12px; }
.premium .confirm-list>div { display:flex; justify-content:space-between; gap:20px; padding-bottom:8px; border-bottom:1px solid #eee; font-size:14px; }
.premium .confirm-list strong { text-align:right; overflow-wrap:anywhere; }
.premium .notice { font-size:14px; border:1px solid #dcd5cb; border-left:4px solid #8c734d; padding:14px; border-radius:8px; background:#fffcf4; }
.premium .notice.error { border-color:#b34d43; background:#fff3f1; color:#8a2720; }
.premium .notice.success { border-color:#629b81; background:#f0f8f3; color:#20533d; }
#ux-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:var(--z-toast); border-radius:10px; background:#30231e; color:#fff; padding:14px 20px; max-width:min(560px,calc(100vw - 32px)); width:max-content; box-shadow:0 8px 30px #0002; font-size:14px; }
#ux-toast button { margin-left:10px; color:#fff; background:transparent; border:1px solid #fff8; }
.field-error { color:#a92d2d; font-size:12px; }
[aria-invalid=true] { border-color:#a92d2d!important; }
.ux-empty { text-align:center; padding:32px 16px; grid-column:1/-1; }
.ux-empty h3 { margin:12px 0; }
.ux-empty p { font-size:14px; }
.empty-mark { font:700 32px var(--font-display); display:inline-grid; place-items:center; width:60px; height:60px; background:#f4eee3; border-radius:50%; color:#8b653a; }
.ux-skeleton { padding:20px; background:#fff; border:1px solid #eae4da; border-radius:12px; min-height:170px; }
.ux-skeleton i { display:block; height:20px; background:#eae4db; border-radius:5px; margin:12px 0; animation:pulse 1.3s ease-in-out infinite; }
.ux-skeleton i:first-child { height:75px; }.ux-skeleton i:last-child { width:60%; }
.image-fallback { object-fit:contain!important; padding:24px; background:#f2ece2; }
.premium .whatsapp-contact-button { position:static; display:flex; width:max-content; margin:0 auto 32px; min-height:var(--touch-target); background:none; color:var(--primary); border:1px solid #ded7ce; box-shadow:none; padding:8px 18px; }
.premium .whatsapp-contact-copy strong { color:var(--primary); font-size:13px; }
.premium .whatsapp-contact-icon,.premium .whatsapp-contact-copy small { display:none; }
.premium .account-layout { display:flex; flex-direction:column; width:100%; max-width:1280px; margin:0 auto; padding:8px 24px 60px; gap:var(--space-5); }
.premium .account-main { width:100%; display:grid; gap:var(--space-5); }
.premium .account-overview { grid-template-columns:1.2fr 1fr; gap:var(--space-5); }
.premium .loyalty-spotlight { padding:24px; border:1px solid #ded7ce; background:#f2ece2; box-shadow:none; border-radius:12px; }
.premium .spotlight-copy h2 { font-size:28px; max-width:none; }
.premium .spotlight-score { border:0; background:none; }
.premium .spotlight-score strong { font-size:42px; }
.premium .summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.premium .summary-grid article { padding:20px; border:1px solid #e4ded6; border-radius:12px; box-shadow:none; }
.premium .summary-grid strong { font-size:26px; }
.premium .panel { background:#fff; border:1px solid #e4ded6; border-radius:12px; padding:24px; box-shadow:none; }
.premium .priority-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:var(--space-5); }
.premium .account-settings { position:static; width:100%; }
.settings-toggle { margin:0 0 20px; }
.premium .account-settings .settings-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); }
.premium .order-card { display:grid; grid-template-columns:1fr auto; padding:20px 0; border:0; border-bottom:1px solid #e9e2d9; border-radius:0; gap:12px; }
.order-card .order-actions { grid-column:1/-1; display:flex; gap:8px; }
.premium .order-card span { font-size:13px; }
.premium .status { font:600 11px var(--font-body); padding:6px 10px; border-radius:20px; width:max-content; height:max-content; max-width:100%; }
.premium .auth-layout { max-width:760px; display:block; padding:0 24px 60px; margin:auto; }
.premium .auth-card { background:#fff; border:1px solid #e4ded6; border-radius:12px; padding:28px; }
.premium .auth-hero .hero-copy { max-width:760px; padding-top:40px; }
.premium .support-column { display:none; }.premium .auth-tabs { margin-bottom:24px; }
.premium .auth-tab { background:#f1ece5; border:0; }.premium .auth-tab.active { background:var(--primary); color:#fff; }
.premium .session-panel { margin-top:16px; }
.premium .app-shell { grid-template-columns:220px minmax(0,1fr); }
.premium .sidebar { background:#30231e; padding:28px 18px; }
.premium .sidebar,.premium .nav-tabs,.premium .view,.premium .orders-queue-panel { min-width:0; max-width:100%; }
.premium .sidebar .brand { border:0; margin-bottom:36px; }
.premium .nav-tab { justify-content:start; width:100%; font-size:14px; margin-bottom:4px; border-radius:8px; color:#e4d9c9; }
.premium .nav-tab.active { background:#f5eee4; color:#35251d; }
.premium .workspace { padding:32px; min-width:0; }
.premium .topbar h1 { font-size:32px; margin:0; }.premium .topbar p { font-size:14px; }
.premium .metrics-grid { gap:16px; }.premium .metric { padding:24px; border:1px solid #e4ded6; border-radius:12px; background:#fff; box-shadow:none; }
.premium .metric strong { font:600 36px var(--font-display); }
.premium .order-status-board { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.premium .status-tile { padding:12px; border:1px solid #ded7ce; box-shadow:none; background:#fff; font-size:11px; cursor:pointer; }
.premium .orders-workbench { grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr); gap:20px; }
.premium .order-queue-card { background:#fff; border:1px solid #e4ded6; border-radius:10px; padding:18px; margin-bottom:12px; }
.premium .order-queue-card.active { border-color:#8c6235; background:#fcf8f0; box-shadow:inset 3px 0 #8c6235; }
.premium .queue-card-main { gap:12px; }.premium .queue-meta { font-size:12px; }.premium .queue-card-footer { flex-wrap:wrap; gap:8px; }
.premium .detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.premium .detail-grid article { padding:14px; background:#faf8f4; }
.premium .order-detail-heading { background:none; padding:0; border:0; }
.premium .login-intro { background:#30231e; }.premium .admin-login-gate { min-height:100dvh; }
.premium .login-copy h1 { font-size:48px; }.premium .login-card-area { background:#faf8f4; }
.premium .split-layout { display:block; }.editor-toggle { margin-bottom:16px; }
.premium .form-panel { margin-bottom:24px; max-width:720px; }
.premium .table-wrap { max-width:100%; }.premium table { font-size:13px; }
.premium .product-list-item { padding:16px; }.premium .product-thumb { width:64px; height:64px; }
.premium .product-thumb img { width:64px; height:64px; }
.admin-search { max-width:420px; margin-bottom:20px; }
#back-to-queue { display:none; }
@media(max-width:1000px) {
 .premium .delivery-layout { grid-template-columns:minmax(0,1fr) 320px; gap:20px; }
 .premium .product-grid { grid-template-columns:1fr; }
 .premium .app-shell { grid-template-columns:1fr; }.premium .sidebar { padding:16px; }
 .premium .sidebar .brand { display:none; }.premium .nav-tabs { display:flex; overflow:auto; gap:8px; }.premium .nav-tab { width:auto; white-space:nowrap; margin:0; }
 .premium .order-status-board { grid-template-columns:repeat(3,1fr); }
 .premium .account-overview,.premium .priority-grid { grid-template-columns:1fr; }
}
@media(max-width:700px) {
 .shop-header { height:auto; min-height:76px; padding:12px 16px; gap:12px; flex-wrap:wrap; }
 .shop-brand>span { font-size:25px; }.shop-brand small { display:none; }.shop-brand img { width:28px; height:28px; }.shop-brand { gap:8px; }
 .shop-header nav { gap:16px; }.shop-header nav a { font-size:12px; }.shop-session { display:none; }
 .premium .hero-copy { padding:28px 16px 20px; }.shop-intro { display:block; }.store-detail { border:0; padding:12px 0 0; max-width:none; font-size:12px; }
 .premium .delivery-layout { display:block; padding:0 16px 100px; }.premium .product-grid { grid-template-columns:1fr; gap:14px; }
 .premium .delivery-layout .product-card.has-image { display:grid; grid-template-columns:104px minmax(0,1fr); }
 .premium .product-media { aspect-ratio:1; height:100%; min-height:152px; }.premium .product-media img { min-height:100%; }.premium .product-media-fallback img { min-height:0; width:42px; height:42px; }
 .product-body { padding:14px; gap:5px; }.product-name { font-size:20px!important; }.premium .product-body p { font-size:12px; margin-bottom:8px; }
 .premium .product-price { font-size:16px; }.premium .product-buy .primary-button { font-size:12px; padding:8px 12px; }
 .premium .checkout-column { position:static; display:none; padding-top:24px; }.premium.checkout-open .checkout-column { display:grid; }
 .premium.checkout-open .menu-column,.premium.checkout-open .page-hero { display:none; }
 .mobile-cart { display:flex!important; position:fixed; bottom:max(16px,env(safe-area-inset-bottom)); left:16px; right:16px; z-index:var(--z-cart); justify-content:space-between!important; box-shadow:0 6px 24px #30231e33; }
 .mobile-cart.hidden,.premium.checkout-open .mobile-cart { display:none!important; }
 #ux-toast { bottom:88px; }
 .premium dialog { padding:20px; width:100%; max-width:none; margin:auto 0 0; max-height:92dvh; border-radius:18px 18px 0 0; }
 .premium #product-dialog .product-media { max-height:180px; min-height:180px; }
 .premium .account-layout { padding:0 16px 40px; }.premium .account-settings .settings-content { grid-template-columns:1fr; }
 .premium .summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.premium .summary-grid article { padding:12px; }.premium .summary-grid article span { font-size:10px; }.premium .summary-grid strong { font-size:23px; }
 .premium .loyalty-spotlight { display:flex; padding:20px; gap:12px; }.premium .spotlight-copy h2 { font-size:24px; }.premium .spotlight-score { min-width:60px; padding:0; }.premium .spotlight-score>span { display:none; }
 .premium .panel { padding:20px; }.premium .account-copy h1 { font-size:32px; }.premium .hero-actions { margin-top:20px; flex-wrap:wrap; }
 .premium .auth-layout { padding:0 16px 40px; }.premium .auth-card { padding:20px; }
 .premium .workspace { padding:20px 16px; }.premium .topbar { align-items:start; gap:12px; }.premium .connection-pill { font-size:10px; }
 .premium .orders-workbench { grid-template-columns:1fr; }.premium #order-detail { display:none; }.premium.admin-detail-open #order-detail { display:block; }.premium.admin-detail-open .orders-queue-panel { display:none; }#back-to-queue { display:inline-flex; }
 .premium .detail-grid { grid-template-columns:1fr; }.premium .order-update-form { grid-template-columns:1fr; }
 .premium .metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.premium .metric { padding:16px; }
 .premium .admin-login-gate { display:block; }.premium .login-intro { min-height:0; padding:28px 20px; }.premium .login-copy h1 { font-size:30px; }.premium .login-signature { display:none; }.premium .login-card-area { padding:24px 16px; }
 .premium .section-grid { grid-template-columns:1fr; }.premium .report-filters { grid-template-columns:1fr; }
 .premium .table-wrap table { min-width:0; width:100%; }.premium .table-wrap thead { display:none; }.premium .table-wrap tr { display:block; border-bottom:1px solid #ddd; padding:12px 0; }.premium .table-wrap td { display:flex; justify-content:space-between; gap:12px; padding:6px 4px; overflow-wrap:anywhere; border:0; }.premium .table-wrap td::before { content:attr(data-label); font-weight:600; flex-shrink:0; }
}
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes pulse { 50% { opacity:.4; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

/* Reserve asynchronous chrome to keep the first product stable. */
.category-tabs { min-height:60px; }
.premium .product-name { min-height:var(--touch-target)!important; }
.premium .notice.error::before { content:"! "; font-weight:800; }
.premium .notice.success::before { content:"✓ "; font-weight:800; }
@media(max-width:700px) {
 .shop-header { height:76px; flex-wrap:nowrap; }
 .premium .product-buy { flex-wrap:wrap; }
 .premium .product-buy .primary-button { margin-left:auto!important; }
}

/* Compact rhythm: preserve room for the product and the next purchase action. */
.premium .page-hero.compact-hero .hero-copy h1 { font-size:clamp(30px,4vw,44px); max-width:none; }
.premium .page-hero.compact-hero .hero-copy { padding-top:24px; padding-bottom:20px; }
.premium .flow-step { flex-direction:column; align-items:center; min-width:0; }
.premium .flow-step strong { font-size:10px; white-space:nowrap; }
.premium .priority-grid>.panel,.premium .promotions-list { min-height:0; }
.premium .checkout-column .ux-empty { padding:20px 0; }
.mobile-only { display:none!important; }
@media(min-width:701px) { .premium .product-media { aspect-ratio:16/9; } }
@media(max-width:700px) {
 .premium .page-hero.compact-hero .hero-copy>div>span { font-size:10px; }
 .premium .page-hero.compact-hero .hero-copy h1 { font-size:30px; }
 .premium .page-hero.compact-hero .hero-copy p { font-size:14px; }
 .premium .menu-tools { margin-bottom:12px; }
 .premium .menu-title { margin-bottom:16px; }
 .mobile-only { display:inline-flex!important; }
}
.admin-collection-search { margin:0 0 16px; }
.preview-banner { position:fixed; inset:auto 0 0; z-index:80; padding:10px 12px; background:#38271f; color:#fff; text-align:center; font:12px/1.4 var(--font-body); }
.premium.local-preview .mobile-cart { bottom:56px; }
.premium.local-preview { padding-bottom:40px; }
.premium .checkbox-label,.premium .check-row { min-height:var(--touch-target); display:flex; align-items:center; gap:10px; }

.premium .nav-tab { transition:none; flex-shrink:0; }
.premium .nav-tab:hover:not(.active) { background:#4a3c33; color:#fff; }
.premium .product-list-item { grid-template-columns:64px minmax(0,1fr); }
.premium .product-list-item>[data-edit-product] { grid-column:1/-1; justify-self:end; }
.premium .product-list-content .list-item-header { flex-wrap:wrap; }
.premium .product-list-content .list-item-header>span { white-space:nowrap; }
@media(max-width:1000px) {
 .premium .app-shell { align-content:start; }
 .premium .sidebar { gap:0; }
 .premium .nav-tabs { padding-bottom:4px; }
}