:root {
  color-scheme: light;
  --ink: #1d2b23;
  --muted: #849087;
  --green: #17834c;
  --green-dark: #12663c;
  --green-soft: #e9f5ed;
  --line: #edf0ec;
  --canvas: #f6f8f5;
  --white: #fff;
  --orange: #e7973a;
  --shadow: 0 12px 35px rgba(29, 43, 35, .07);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: "DM Sans", sans-serif; font-size: 14px; }
button, input, select { font: inherit; }
button { color: inherit; }
.app-shell { min-height: 100vh; }
.sidebar { width: 248px; position: fixed; inset: 0 auto 0 0; z-index: 5; display: flex; flex-direction: column; padding: 27px 16px 17px; background: var(--white); border-right: 1px solid #edf0ec; }
.brand { display: flex; gap: 10px; align-items: center; padding: 0 11px; color: var(--ink); text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: #187f49; color: #fff; font: 800 25px/1 Manrope, sans-serif; letter-spacing: -3px; padding: 0 3px 4px 0; }
.brand-mark span { color: #ffc368; }
.brand-name { font: 800 21px Manrope, sans-serif; letter-spacing: -.9px; }
.brand-name span { display: block; margin-top: -4px; color: #9ba69d; font: 600 9px "DM Sans", sans-serif; letter-spacing: 1.8px; text-transform: uppercase; }
.workspace-label { margin: 38px 12px 11px; color: #a0aaa2; font-size: 9px; font-weight: 700; letter-spacing: 1.3px; }
.main-nav { display: grid; gap: 4px; }
.nav-link { min-height: 43px; display: flex; align-items: center; gap: 12px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: #737e75; text-align: left; cursor: pointer; transition: .18s; }
.nav-link:hover { background: #f6f8f5; color: var(--green); }
.nav-link.active { background: var(--green-soft); color: var(--green-dark); font-weight: 700; }
.nav-icon { width: 17px; text-align: center; font-size: 18px; }
.nav-count { margin-left: auto; padding: 3px 7px; border-radius: 20px; background: #f0f2ef; color: #717b73; font-size: 10px; }
.sidebar-divider { margin: 20px 10px 0; border-top: 1px solid var(--line); }
.sidebar-divider + .workspace-label { margin-top: 24px; }
.sidebar-bottom { margin-top: auto; }
.help-card { position: relative; display: flex; align-items: center; gap: 9px; margin: 0 1px 15px; padding: 13px 11px; border-radius: 10px; background: #f5f8f5; }
.help-icon { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #e3f1e7; color: var(--green); font-weight: 700; }
.help-card strong, .help-card span:not(.help-arrow) { display: block; }
.help-card strong { font-size: 10px; }
.help-card div:nth-child(2) span { margin-top: 4px; color: var(--muted); font-size: 9px; }
.help-arrow { margin-left: auto; color: #8d988f; }
.profile-button { display: flex; align-items: center; width: 100%; padding: 12px 4px 0; border: 0; border-top: 1px solid var(--line); background: none; text-align: left; cursor: pointer; }
.avatar { display: inline-grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; font-size: 11px; font-weight: 700; }
.admin-avatar { background: #fce5d8; color: #aa5d34; }
.profile-copy { margin-left: 10px; }
.profile-copy strong, .profile-copy span { display: block; }
.profile-copy strong { font-size: 11px; }
.profile-copy span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.profile-menu { margin-left: auto; color: #869188; font-weight: 700; }
.main-area { min-height: 100vh; margin-left: 248px; }
.topbar { height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 38px; background: rgba(255,255,255,.88); border-bottom: 1px solid var(--line); }
.breadcrumb { display: flex; align-items: center; gap: 10px; color: #9aa39c; font-size: 12px; }
.breadcrumb strong { color: #354239; font-weight: 600; }
.crumb-slash { color: #c2c9c3; }
.topbar-actions { display: flex; align-items: center; gap: 19px; }
.global-search { display: flex; align-items: center; gap: 8px; width: 225px; height: 35px; padding: 0 9px; border: 1px solid #edf0ec; border-radius: 7px; background: #fff; color: #88938a; }
.global-search > span { font-size: 19px; line-height: 1; }
.global-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--ink); font-size: 11px; }
.global-search kbd { padding: 3px 4px; border: 1px solid #ebeeeb; border-radius: 4px; color: #98a199; font: 9px "DM Sans", sans-serif; }
.icon-button { position: relative; width: 30px; height: 30px; border: 0; background: transparent; color: #66736a; font-size: 20px; cursor: pointer; }
.notification-button i { position: absolute; top: 4px; right: 3px; width: 6px; height: 6px; border: 1px solid white; border-radius: 50%; background: #ea755b; }
.topbar-divider { height: 24px; border-left: 1px solid var(--line); }
.branch-select { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 7px; background: transparent; font-size: 11px; cursor: pointer; }
.branch-dot { width: 7px; height: 7px; border-radius: 50%; background: #21a264; }
.chevron { margin-left: 7px; color: #879188; font-size: 14px; }
.mobile-menu { display: none; }
.content { max-width: 1460px; margin: 0 auto; padding: 34px 38px 50px; }
.page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 25px; }
.eyebrow { margin-bottom: 8px; color: #93a097; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
h1 { margin: 0; font: 700 25px Manrope, sans-serif; letter-spacing: -.8px; }
.page-subtitle { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.heading-actions { display: flex; align-items: center; gap: 9px; }
.date-chip, .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 37px; padding: 0 13px; border: 1px solid #e9ede9; border-radius: 7px; background: white; color: #5f6c63; font-size: 11px; font-weight: 600; }
.btn { cursor: pointer; transition: .18s; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(29,43,35,.08); }
.btn-primary { border-color: var(--green); background: var(--green); color: white; }
.btn-primary:hover { background: var(--green-dark); }
.btn-icon { font-size: 15px; line-height: 0; }
.demo-banner { display: flex; align-items: center; gap: 9px; margin-bottom: 17px; padding: 10px 13px; border: 1px solid #f2e7cf; border-radius: 8px; background: #fffaf0; color: #94723c; font-size: 10px; }
.demo-banner .demo-mark { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #f7e8c7; font-size: 10px; font-weight: 700; }
.demo-banner strong { color: #735724; }
.demo-banner .banner-link { margin-left: auto; color: #8e6b31; font-weight: 700; }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-bottom: 18px; }
.stat-card, .panel { border: 1px solid #edf0ec; border-radius: 10px; background: #fff; box-shadow: 0 2px 7px rgba(29,43,35,.015); }
.stat-card { padding: 17px 18px 15px; }
.stat-top { display: flex; align-items: center; justify-content: space-between; }
.stat-label { color: #7c887f; font-size: 11px; font-weight: 500; }
.stat-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #edf7ef; color: var(--green); font-size: 15px; }
.stat-icon.orange { background: #fff4e7; color: #d58a34; }
.stat-icon.blue { background: #eef4ff; color: #5476c4; }
.stat-icon.purple { background: #f5efff; color: #8965bd; }
.stat-value { margin: 13px 0 9px; font: 700 24px Manrope, sans-serif; letter-spacing: -.7px; }
.stat-foot { display: flex; align-items: center; gap: 6px; color: #9aa49c; font-size: 10px; }
.trend { display: inline-flex; align-items: center; gap: 3px; color: #19804a; font-weight: 700; }
.trend.down { color: #dc745b; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(270px, .9fr); gap: 17px; margin-bottom: 18px; }
.panel { padding: 18px; }
.panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.panel-title { margin: 0; font: 700 14px Manrope, sans-serif; letter-spacing: -.2px; }
.panel-description { margin: 5px 0 0; color: #98a29a; font-size: 10px; }
.period-select { padding: 7px 9px; border: 1px solid #edf0ec; border-radius: 6px; background: white; color: #6e7a71; font-size: 10px; }
.chart-summary { display: flex; align-items: baseline; gap: 10px; margin: 22px 0 3px; }
.chart-summary strong { font: 700 22px Manrope, sans-serif; }
.chart-summary span { color: #19804a; font-size: 10px; font-weight: 700; }
.chart-wrap { height: 184px; margin-top: 4px; }
.chart-wrap svg { width: 100%; height: 100%; overflow: visible; }
.chart-gridline { stroke: #edf0ec; stroke-width: 1; stroke-dasharray: 3 4; }
.chart-area { fill: url(#chartFill); }
.chart-line { fill: none; stroke: #18814b; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.chart-dot { fill: white; stroke: #18814b; stroke-width: 2; }
.chart-label { fill: #a0aaa2; font: 9px "DM Sans", sans-serif; }
.chart-ylabel { fill: #a0aaa2; font: 8px "DM Sans", sans-serif; }
.channel-list { display: grid; gap: 18px; margin-top: 25px; }
.channel { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 9px; }
.channel-icon { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 7px; background: #f3f7f4; color: #61776a; font-size: 12px; }
.channel-copy strong, .channel-copy span { display: block; }
.channel-copy strong { font-size: 10px; font-weight: 600; }
.channel-copy span { margin-top: 4px; color: #9ba59d; font-size: 9px; }
.channel-value { text-align: right; font-size: 10px; font-weight: 700; }
.channel-value span { display: block; margin-top: 4px; color: #9ba59d; font-size: 9px; font-weight: 400; }
.channel-bar { grid-column: 2/4; height: 4px; margin-top: -4px; border-radius: 6px; background: #f0f3f0; overflow: hidden; }
.channel-bar i { display: block; height: 100%; border-radius: inherit; background: #228752; }
.lower-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(250px, .85fr); gap: 17px; }
.panel-heading .view-all { border: 0; background: none; color: var(--green); font-size: 10px; font-weight: 700; cursor: pointer; }
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; margin-top: 16px; border-collapse: collapse; white-space: nowrap; }
.data-table th { padding: 10px 9px; border-bottom: 1px solid var(--line); color: #9ba49d; font-size: 9px; font-weight: 600; text-align: left; }
.data-table td { padding: 12px 9px; border-bottom: 1px solid #f1f3f1; color: #536056; font-size: 10px; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.order-id { color: #28764b; font-weight: 700; }
.customer-cell { display: flex; align-items: center; gap: 8px; color: #36443a !important; font-weight: 600; }
.customer-avatar { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #edf3ee; color: #61746a; font-size: 8px; font-weight: 700; }
.status { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 20px; font-size: 9px; font-weight: 600; }
.status:before { width: 5px; height: 5px; border-radius: 50%; background: currentColor; content: ""; }
.status-preparing, .status-pending { background: #fff5e6; color: #c18428; }
.status-delivered, .status-active { background: #eaf6ed; color: #23824d; }
.status-delivery { background: #edf3ff; color: #5577c1; }
.status-cancelled, .status-inactive { background: #fff0ed; color: #cb6855; }
.status-paid { background: #eaf6ed; color: #23824d; }
.status-unpaid { background: #fff5e6; color: #c18428; }
.activity-list { display: grid; margin-top: 14px; }
.activity-item { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 12px 0; border-bottom: 1px solid #f1f3f1; }
.activity-item:last-child { border: 0; }
.activity-icon { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #eef7f0; color: var(--green); font-size: 11px; }
.activity-icon.orange { background: #fff5e8; color: #c98633; }
.activity-icon.blue { background: #eff4ff; color: #6783c0; }
.activity-copy { color: #68746b; font-size: 10px; line-height: 1.5; }
.activity-copy strong { color: #344239; }
.activity-time { margin-top: 4px; color: #a2aba4; font-size: 9px; }
.table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0 13px; }
.toolbar-left, .toolbar-right { display: flex; align-items: center; gap: 8px; }
.table-search { width: 230px; height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #e9ede9; border-radius: 7px; background: white; color: #89938b; }
.table-search input { width: 100%; border: 0; outline: 0; font-size: 10px; }
.filter-select { height: 36px; padding: 0 10px; border: 1px solid #e9ede9; border-radius: 7px; background: #fff; color: #626f65; font-size: 10px; }
.table-panel { padding: 0 18px 12px; }
.table-panel .data-table { margin-top: 0; }
.table-panel .data-table th { padding-top: 14px; padding-bottom: 14px; }
.table-panel .data-table td { padding-top: 14px; padding-bottom: 14px; }
.row-action { width: 25px; height: 25px; border: 0; border-radius: 5px; background: transparent; color: #849087; font-size: 16px; cursor: pointer; }
.row-action:hover { background: #f0f5f1; color: var(--green); }
.table-footer { display: flex; align-items: center; justify-content: space-between; padding: 12px 0 3px; color: #929d94; font-size: 10px; }
.pagination { display: flex; gap: 5px; }
.page-number { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #edf0ec; border-radius: 6px; background: white; color: #68746b; cursor: pointer; font-size: 10px; }
.page-number.active { border-color: var(--green); background: var(--green); color: white; }
.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.product-card { overflow: hidden; border: 1px solid #edf0ec; border-radius: 10px; background: white; transition: .18s; }
.product-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.product-art { position: relative; display: grid; place-items: center; height: 136px; background: #f7f8f4; font-size: 56px; }
.product-art .status { position: absolute; top: 10px; left: 10px; font-size: 8px; }
.product-body { padding: 13px; }
.product-category { color: #9aa49c; font-size: 9px; }
.product-name { margin: 6px 0 12px; font: 700 13px Manrope, sans-serif; }
.product-meta { display: flex; justify-content: space-between; gap: 8px; padding-bottom: 11px; border-bottom: 1px solid #f0f2f0; color: #7e8981; font-size: 9px; }
.product-price-row { display: flex; align-items: center; justify-content: space-between; padding-top: 11px; }
.product-price { font: 700 14px Manrope, sans-serif; }
.product-price small { color: #919b93; font: 400 9px "DM Sans", sans-serif; }
.product-stock { color: #829087; font-size: 9px; }
.empty-state { padding: 35px 12px; color: #8b968e; text-align: center; font-size: 11px; }
.modal-root:empty, .toast-root:empty { display: none; }
.modal-root { position: fixed; z-index: 20; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(23,37,28,.38); }
.modal { width: min(480px,100%); max-height: 90vh; overflow: auto; padding: 23px; border-radius: 12px; background: white; box-shadow: 0 22px 70px rgba(20,35,25,.2); }
.modal-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 19px; }
.modal-head h2 { margin: 0; font: 700 18px Manrope,sans-serif; }
.modal-close { width: 29px; height: 29px; border: 0; border-radius: 6px; background: #f4f6f3; color: #6d796f; font-size: 18px; cursor: pointer; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.form-field { display: grid; gap: 6px; }
.form-field.full { grid-column: 1/-1; }
.form-field label { color: #6c786f; font-size: 10px; font-weight: 600; }
.form-field input, .form-field select { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #e7ece7; border-radius: 6px; background: white; outline: 0; font-size: 11px; }
.form-field input:focus, .form-field select:focus { border-color: #71b68b; box-shadow: 0 0 0 3px #e9f5ed; }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.detail-list { display: grid; gap: 13px; }
.detail-row { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 11px; border-bottom: 1px solid #f0f2f0; color: #8a958d; font-size: 11px; }
.detail-row strong { color: #354239; text-align: right; }
.toast-root { position: fixed; z-index: 25; right: 22px; bottom: 22px; padding: 12px 17px; border-radius: 8px; background: #213d2c; box-shadow: var(--shadow); color: white; font-size: 11px; animation: toast-in .2s ease-out; }
.table-subtext { display: block; margin: 4px 0 0 33px; color: #9ba59d; font-size: 9px; }
.muted-text { color: #98a29a; font-size: 10px; }
.compact-select { min-height: 30px; height: 30px; padding: 0 7px; font-size: 9px; }
.inline-actions { display: flex; align-items: center; gap: 6px; }
.finance-sections { display: grid; gap: 16px; }
.settings-card { max-width: 760px; }
.btn-store { min-height: 32px; padding: 0 10px; background: #e9f5ed; border-color: #e9f5ed; color: var(--green-dark); }
.btn-admin { display: none; min-height: 32px; padding: 0 10px; }
body:has(.customer-hidden) .btn-admin { display: inline-flex; }
.customer-hidden { display: none; }
body:has(.customer-hidden) .main-area { margin-left: 0; }
body:has(.customer-hidden) .topbar { height: 58px; padding-left: max(24px, calc((100vw - 1180px) / 2)); padding-right: max(24px, calc((100vw - 1180px) / 2)); }
body:has(.customer-hidden) .topbar-actions > .global-search,
body:has(.customer-hidden) .topbar-actions > .notification-button,
body:has(.customer-hidden) .topbar-actions > .topbar-divider,
body:has(.customer-hidden) .topbar-actions > .branch-select { display: none; }
.shop-topline { max-width: 1180px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 auto 14px; color: #728076; font-size: 11px; }
.shop-topline > div { display: flex; gap: 7px; }
.shop-hero { position: relative; max-width: 1180px; min-height: 245px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; margin: 0 auto 36px; padding: 35px 48px; border-radius: 15px; background: linear-gradient(110deg,#eff7ee 5%,#eaf5e8 58%,#d8ecd7); }
.shop-kicker { color: #5f9b69; font-size: 9px; font-weight: 700; letter-spacing: 1.4px; }
.shop-hero h1 { margin: 12px 0 8px; font-size: clamp(28px,4vw,40px); line-height: 1.16; }
.shop-hero h1 em { color: var(--green); font-style: normal; }
.shop-hero p { margin: 0 0 16px; color: #748076; font-size: 12px; }
.hero-fruits { position: absolute; right: 7%; color: #44874f; font-size: clamp(55px,9vw,105px); letter-spacing: 14px; line-height: 1.35; transform: rotate(-8deg); filter: drop-shadow(0 13px 9px rgba(47,83,47,.13)); }
.shop-section-heading { max-width: 1180px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 auto 15px; }
.shop-section-heading h2 { margin: 0; font: 700 22px Manrope,sans-serif; }
.shop-section-heading .eyebrow { margin-bottom: 5px; }
.category-chips { max-width: 1180px; display: flex; gap: 7px; overflow-x: auto; margin: 0 auto 16px; padding: 2px 0 5px; }
.filter-chip { padding: 7px 12px; border: 1px solid #e8ede8; border-radius: 22px; background: white; color: #67756a; font-size: 10px; white-space: nowrap; cursor: pointer; }
.filter-chip.active, .filter-chip:hover { border-color: var(--green); background: var(--green); color: white; }
.shop-product-grid { max-width: 1180px; margin: 0 auto; grid-template-columns: repeat(4,minmax(0,1fr)); }
.shop-product-grid .product-art { height: 155px; font-size: 65px; }
.shop-product-grid .product-add { min-height: 30px; padding: 0 9px; font-size: 10px; }
.shop-note { max-width: 1180px; margin: 18px auto 0; color: #929d94; font-size: 10px; text-align: center; }
.customer-page-heading { max-width: 1180px; margin: 0 auto 20px; }
.customer-page-heading h1 { margin-top: 12px; }
.customer-page-heading p { color: var(--muted); font-size: 12px; }
.text-button { padding: 0; border: 0; background: transparent; color: var(--green); font-size: 11px; font-weight: 700; cursor: pointer; }
.checkout-layout { max-width: 1180px; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(270px,.8fr); align-items: start; gap: 16px; margin: 0 auto; }
.cart-panel, .checkout-panel, .checkout-form-panel { padding: 20px; }
.cart-row { display: grid; grid-template-columns: 44px minmax(120px,1fr) auto auto 24px; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.cart-row:last-child { border-bottom: 0; }
.cart-fruit { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: #f2f7f0; font-size: 25px; }
.cart-product strong, .cart-product span { display: block; }
.cart-product strong { font-size: 11px; }
.cart-product span { margin-top: 5px; color: #909b92; font-size: 9px; }
.quantity-control { display: flex; align-items: center; gap: 5px; color: #79857c; font-size: 9px; }
.quantity-control button { width: 25px; height: 25px; border: 1px solid #e8ece8; border-radius: 5px; background: white; cursor: pointer; }
.quantity-control input { width: 48px; height: 27px; border: 1px solid #e8ece8; border-radius: 5px; text-align: center; font-size: 10px; }
.cart-line-total { font-size: 10px; }
.checkout-panel h2 { margin-bottom: 16px; }
.checkout-total, .checkout-grand { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; color: #7f8a82; font-size: 10px; }
.checkout-total strong { color: #354239; }
.checkout-grand { margin-top: 5px; padding-top: 14px; border-top: 1px solid var(--line); color: #354239; font-size: 11px; font-weight: 700; }
.checkout-grand strong { font: 700 17px Manrope,sans-serif; }
.checkout-button { width: 100%; margin-top: 14px; }
.checkout-button:disabled { cursor: not-allowed; opacity: .55; }
.checkout-hint { color: #909b92; font-size: 9px; line-height: 1.5; }
.payment-method-card { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e7ede7; border-radius: 8px; }
.payment-method-card > span:nth-child(2) { display: grid; gap: 4px; }
.payment-method-card strong { font-size: 11px; }
.payment-method-card small { color: #8c978f; font-size: 9px; }
.payment-method-card .status { margin-left: auto; }
.qpay-logo { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: #e4f4e9; color: #14844a; font: 800 20px Manrope,sans-serif; }
.qpay-logo.large { width: 48px; height: 48px; margin: 0 auto 10px; font-size: 28px; }
.payment-page { max-width: 560px; margin: 20px auto; }
.payment-card { padding: 28px; text-align: center; }
.payment-card h1 { font-size: 22px; }
.payment-card > p { color: #77837a; font-size: 11px; }
.payment-card .demo-banner { margin-top: 18px; text-align: left; }
.demo-invoice { display: grid; gap: 8px; margin: 20px 0 8px; padding: 22px; border: 1px dashed #cbd9ce; border-radius: 10px; background: #f8fbf7; }
.demo-invoice span { color: #849087; font-size: 9px; letter-spacing: 1px; }
.demo-invoice strong { color: #31543b; font: 700 17px Manrope,sans-serif; }
.demo-invoice small { color: #929d94; font-size: 9px; }
.payment-confirmed { margin: 22px 0; padding: 15px; border-radius: 8px; background: #eaf6ed; color: #23824d; font-weight: 700; }
.tracking-panel { max-width: 920px; margin: 0 auto; padding: 20px; }
.tracking-search { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; }
.tracking-search input { min-width: 0; height: 38px; padding: 0 10px; border: 1px solid #e7ece7; border-radius: 6px; font-size: 10px; }
.tracking-result { margin-top: 26px; }
.tracking-order-head { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.tracking-order-head h2 { margin: 0; font: 700 17px Manrope,sans-serif; }
.tracking-order-head p { color: #88938b; font-size: 10px; }
.tracking-order-head > strong { font: 700 17px Manrope,sans-serif; }
.tracking-steps { display: grid; grid-template-columns: repeat(5,1fr); margin: 24px 0; }
.tracking-step { position: relative; display: grid; justify-items: center; gap: 8px; color: #a0aaa2; text-align: center; font-size: 9px; }
.tracking-step:before { position: absolute; z-index: 0; top: 13px; left: -50%; width: 100%; height: 2px; background: #e9ede9; content: ""; }
.tracking-step:first-child:before { display: none; }
.tracking-step span { z-index: 1; display: grid; place-items: center; width: 27px; height: 27px; border: 2px solid #e8ede8; border-radius: 50%; background: white; }
.tracking-step.done { color: #247b49; }
.tracking-step.done span { border-color: #23824d; background: #23824d; color: white; }
.tracking-step.done:before { background: #68ac7e; }
.tracking-detail { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-top: 14px; border-top: 1px solid var(--line); color: #8b968e; font-size: 10px; }
.tracking-detail strong { color: #435046; }
.tracking-empty { padding: 28px 0; }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1100px) {
  .sidebar { width: 218px; }
  .main-area { margin-left: 218px; }
  .content { padding-right: 25px; padding-left: 25px; }
  .topbar { padding-right: 25px; padding-left: 25px; }
  .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 780px) {
  .sidebar { transform: translateX(-100%); transition: transform .2s; box-shadow: var(--shadow); }
  .sidebar.open { transform: translateX(0); }
  .main-area { margin-left: 0; }
  .topbar { height: 60px; gap: 12px; padding: 0 16px; }
  .mobile-menu { display: block; border: 0; background: transparent; color: #526057; font-size: 18px; }
  .breadcrumb { margin-right: auto; }
  .topbar-actions { gap: 8px; }
  .global-search { width: 34px; justify-content: center; padding: 0; border: 0; background: transparent; }
  .global-search input, .global-search kbd { display: none; }
  .branch-select { width: 30px; justify-content: center; overflow: hidden; padding: 0; font-size: 0; }
  .branch-dot { flex: 0 0 7px; }
  .branch-select .chevron { display: none; }
  .topbar-divider { display: none; }
  .content { padding: 25px 16px 40px; }
  .dashboard-grid, .lower-grid { grid-template-columns: 1fr; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .heading-actions { align-self: stretch; }
}
@media (max-width: 540px) {
  .stats-grid { gap: 9px; }
  .stat-card { padding: 13px; }
  .stat-value { font-size: 20px; }
  .stat-label { font-size: 10px; }
  .stat-icon { width: 26px; height: 26px; }
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .product-art { height: 105px; font-size: 45px; }
  h1 { font-size: 22px; }
  .demo-banner { align-items: flex-start; }
  .demo-banner .banner-link { display: none; }
  .table-toolbar { align-items: stretch; flex-direction: column; }
  .toolbar-left, .toolbar-right { width: 100%; }
  .table-search { width: auto; flex: 1; }
  .filter-select { flex: 1; }
  .panel { padding: 14px; }
  .table-panel { padding: 0 12px 10px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-field.full { grid-column: auto; }
}
/* Premium storefront — supplied JIMS MARKET artwork */
body:has(.market-home){background:#faf8f4;color:#191f19}body:has(.market-home) .sidebar,body:has(.market-home) .topbar{display:none}body:has(.market-home) .main-area{margin:0}body:has(.market-home) .content{padding:0;max-width:none}.market-home{--gold:#efc575;--green:#002f20;font-family:Arial,sans-serif;font-size:14px}.market-home button,.market-home input{font:inherit}.market-home button,.market-home a{cursor:pointer}.market-home button{border:0}.market-home a{color:inherit;text-decoration:none}.market-container{width:calc(100% - 140px);max-width:1400px;margin:auto}.market-home svg{width:25px;height:25px;flex-shrink:0}.market-utility,.market-header,.market-nav{background:#002d1d;color:#fff}.market-utility{color:var(--gold);border-bottom:1px solid #ffffff14;font-size:12px}.market-utility>.market-container{display:flex;justify-content:space-between;align-items:center;min-height:35px}.market-utility .market-container>div{display:flex;align-items:center;gap:15px}.market-utility button{background:none;color:inherit;padding:0}.market-utility a+button,.market-utility a+a{border-left:1px solid #ffffff30;padding-left:15px}.market-header-inner{height:73px;display:flex;align-items:center;gap:25px}.market-logo{display:block;width:196px;height:67px;flex-shrink:0;background:url('assets/market-reference.png') -76px -35px / 1536px 1024px}.market-tagline{font-size:13px;line-height:1.6;white-space:nowrap;min-width:148px}.market-search{display:flex;border-radius:12px;overflow:hidden;background:#fff;flex:1;min-width:170px;height:42px;margin-right:14px}.market-search input{border:0;outline:none;min-width:0;flex:1;padding:0 18px;font-size:12px}.market-search>span{width:49px;display:grid;place-items:center;background:linear-gradient(110deg,#dfad56,#f5cf82);color:#072817}.market-contact{display:flex;align-items:center;gap:10px;background:none;color:white;padding:0;white-space:nowrap;text-align:left;font-size:12px!important}.market-contact svg{color:var(--gold);width:27px;height:27px}.market-contact small{display:block;font-size:11px;color:#dedfd7;line-height:1.5}.market-contact strong{font-size:13px}.market-cart{background:none;color:var(--gold);position:relative;padding:0 8px}.market-cart svg{width:33px;height:33px}.market-cart b{position:absolute;top:-8px;right:0;border-radius:50%;background:var(--gold);color:#18341b;font-size:10px;min-width:17px;height:17px;display:grid;place-items:center}.market-nav{border-top:1px solid #ffffff1b}.market-nav>.market-container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px}.market-nav button,.market-nav a{font-size:13px;color:white;background:none;white-space:nowrap;position:relative;padding:15px 0}.market-nav .selected:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gold)}.market-nav .market-categories-button{display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(110deg,#edbd67,#f3ce85);color:#111d13;border-radius:10px;padding:10px 24px;min-width:178px;font-weight:bold}.market-hero{position:relative;aspect-ratio:1536/335;min-height:325px;background:url('assets/market-reference.png') center 22.64% / 100% auto no-repeat;overflow:hidden;color:white}.market-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001a10 0%,#001b10 28%,#001b10f0 38%,#001b1000 55%)}.market-hero>.market-container{position:relative;height:100%;min-height:325px}.market-hero-copy{padding:22px 0 0 54px}.market-hero-copy>span{letter-spacing:4px;font-size:13px;color:var(--gold)}.market-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:52px;line-height:.94;letter-spacing:-1px;color:var(--gold);margin:13px 0 12px;font-weight:700}.market-hero h1 em{color:white;font-style:normal}.market-hero-copy p{font-family:Georgia,serif;font-size:21px;line-height:1.1;margin:0 0 17px}.market-hero-buttons{display:flex;gap:12px}.market-gold-button,.market-outline-button{height:41px;min-width:197px;border-radius:25px;padding:0 28px;font-size:14px!important;font-weight:bold!important}.market-gold-button{background:linear-gradient(110deg,#f8d68d,#e9ba66);color:#14200e}.market-outline-button{background:#001c1244;color:white;border:1px solid #ffffff80!important}.market-benefits{display:flex;align-items:center;gap:17px;margin:23px 0 0 54px;width:max-content;border-top:1px solid #ffffff20;padding-top:14px}.market-benefits>div{display:flex;gap:12px;align-items:center;padding-right:17px;border-right:1px solid #ffffff20;font-size:12px;line-height:1.3}.market-benefits>div:last-child{border:0}.market-benefits svg{color:var(--gold);width:28px;height:28px}.market-category-list{display:grid;grid-template-columns:repeat(9,1fr);gap:15px;padding:14px 0 18px}.market-category-list button{display:grid;justify-items:center;gap:5px;background:none;font-size:12px}.market-category-art{display:block;width:91px;height:71px;border-radius:50%;background-image:url('assets/market-reference.png');background-size:1536px 1024px}.category-citrus{background-position:-88px -504px}.category-berry{background-position:-246px -504px}.category-mango{background-position:-403px -504px}.category-gift{background-position:-562px -504px}.category-apple{background-position:-720px -504px}.category-avocado{background-position:-878px -504px}.category-dried{background-position:-1036px -504px}.category-juice{background-position:-1193px -504px}.category-all{background-position:-1353px -504px}.market-section-title{display:flex;align-items:center;gap:25px;margin:2px 0 13px}.market-section-title h2{display:flex;gap:12px;align-items:center;margin:0;white-space:nowrap;font:700 24px Georgia,serif;color:#3d3018}.market-section-title h2 svg{color:#cea151;width:30px;height:30px}.market-tabs{display:flex;gap:10px;flex:1;overflow:auto}.market-tabs button{white-space:nowrap;padding:8px 22px;background:#f1ede6;border-radius:22px;color:#60594d;font-size:12px}.market-tabs button.active{background:#003522;color:#fff}.market-view-all{background:none;color:#003522;font-size:12px!important;white-space:nowrap}.market-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.market-product{background:#fff;border-radius:13px;overflow:hidden;position:relative;min-width:0}.market-product-art{height:108px;position:relative;display:grid;place-items:center;background:#fff}.market-fruit{display:block;width:190px;height:102px;background-image:url('assets/market-reference.png');background-size:1536px 1024px;max-width:100%}.fruit-berry{background-position:-84px -668px}.fruit-grape{background-position:-312px -668px}.fruit-mango{background-position:-550px -668px}.fruit-blueberry{background-position:-1266px -668px}.fruit-citrus{background-position:-82px -497px;width:115px;height:80px;transform:scale(1.15)}.fruit-apple{background-position:-719px -500px;width:94px;height:78px;transform:scale(1.2)}.fruit-avocado{background-position:-876px -500px;width:100px;height:78px;transform:scale(1.2)}.market-emoji{font-size:75px}.market-save{position:absolute;right:10px;top:9px;border:1px solid #f3ece1!important;background:#fff;border-radius:8px;width:27px;height:27px;padding:4px;color:#bf8e44}.market-save svg{width:18px;height:18px}.market-save[aria-pressed=true]{background:#f7db9f}.market-stock-label{position:absolute;left:10px;top:9px;background:#e94343;color:white;border-radius:4px;font-size:10px;padding:3px 6px}.market-product-copy{position:relative;padding:4px 17px 15px}.market-product h3{font-size:13px;margin:0 0 4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-product p{font-size:12px;color:#8a8987;margin:0 0 3px}.market-quality{font-size:13px;color:#dfa438;margin-bottom:6px}.market-quality span{font-size:11px;color:#888}.market-product strong{font-size:15px;color:#111}.market-add{position:absolute;right:12px;bottom:10px;border-radius:6px;color:white;background:linear-gradient(120deg,#d8a852,#c58c33);width:40px;height:36px;padding:7px}.market-add svg{width:23px;height:23px}.market-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:13px 0 0}.market-promo{position:relative;aspect-ratio:458/146;border-radius:12px;overflow:hidden;color:white;background-image:url('assets/market-reference.png');background-size:335.4% auto;padding:18px 25px}.promo-gift{background-position:6.5% 98.7%}.promo-mango{background-position:50% 98.7%}.promo-orange{background-position:93.6% 98.7%}.market-promo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001f14 0%,#001f14c0 35%,transparent 65%)}.promo-mango:before{background:linear-gradient(90deg,#704800 0%,#704800dc 35%,transparent 65%)}.promo-orange:before{background:linear-gradient(90deg,#a42b00 0%,#a42b00df 35%,transparent 65%)}.market-promo>*{position:relative}.market-promo h2{font:700 25px Georgia,serif;margin:0 0 8px}.market-promo>span{font-size:13px;color:#ffdb91}.market-promo p{font-size:13px;line-height:1.3;margin:0 0 10px}.market-promo button{background:#0002;border:1px solid #e5bf6b!important;border-radius:20px;color:#f5d38a;padding:5px 18px;font-size:12px}.market-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;margin:30px 0;padding:24px 0;border-top:1px solid #e6e0d4;color:#234333}.market-footer strong{font:22px Georgia,serif;color:#a7772d}.market-footer p{font-size:12px}.market-footer>div+div{display:flex;gap:20px;font-size:12px}.market-footer button{color:inherit;background:none;font-size:12px}.market-footer small{font-size:10px;color:#777}
@media(min-width:1600px){.market-hero-copy{padding-top:35px}.market-hero h1{font-size:60px}.market-benefits{margin-top:30px}}
@media(max-width:1250px){.market-container{width:calc(100% - 50px)}.market-header-inner{gap:15px}.market-tagline{display:none}.market-contact{font-size:11px!important}.market-nav>.market-container{gap:14px;overflow:auto}.market-nav .market-categories-button{min-width:160px}.market-hero-copy{padding-left:25px}.market-benefits{margin-left:25px}.market-section-title{gap:14px}.market-tabs button{padding:8px 14px}.market-product-copy{padding-left:10px}.market-add{width:32px;right:8px}.market-product strong{font-size:13px}.market-promo{padding:14px 20px;min-height:147px}}
@media(max-width:950px){.market-contact span{display:none}.market-contact svg{width:25px}.market-products{grid-template-columns:repeat(4,minmax(0,1fr))}.market-category-list{gap:4px;overflow-x:auto;grid-template-columns:repeat(9,100px)}.market-section-title{flex-wrap:wrap}.market-tabs{order:3;flex-basis:100%}.market-view-all{margin-left:auto}.market-hero{background-size:auto 1000px;background-position:63% 22.64%}.market-hero:before{background:linear-gradient(90deg,#001b10 0%,#001b10ef 40%,#001b1044 75%)}.market-hero h1{font-size:46px}.market-benefits{gap:8px}.market-benefits>div{font-size:10px;padding-right:8px}.market-promos{grid-template-columns:1fr 1fr}.market-promo:last-child{display:none}.market-footer{flex-wrap:wrap}}
@media(max-width:600px){.market-container{width:calc(100% - 28px)}.market-utility>.market-container{min-height:28px;font-size:10px}.market-utility .market-container>div>a,.market-utility .market-container>div>button{display:none}.market-header-inner{height:auto;min-height:108px;flex-wrap:wrap;gap:8px;padding:4px 0 10px}.market-logo{width:190px;height:60px}.market-search{order:6;flex-basis:100%;height:38px;margin:0}.market-contact{margin-left:auto}.market-contact[href^=tel],.market-contact[data-page=tracking]{display:none}.market-cart{margin-left:6px}.market-nav>.market-container{min-height:42px;gap:22px}.market-nav button,.market-nav a{font-size:12px}.market-nav .market-categories-button{min-width:137px;padding:7px 12px;gap:10px}.market-hero{min-height:350px;background-size:auto 1000px;background-position:62% 22.64%}.market-hero>.market-container{min-height:350px}.market-hero:before{background:linear-gradient(90deg,#001b10f9,#001b10c9 55%,#001b1055)}.market-hero-copy{padding:27px 5px 0}.market-hero h1{font-size:43px}.market-hero-copy p{font-size:18px}.market-hero-copy>span{font-size:11px}.market-gold-button,.market-outline-button{min-width:0;padding:0 18px;font-size:12px!important;height:38px}.market-benefits{margin:25px 5px 0;gap:12px;width:auto;flex-wrap:wrap}.market-benefits>div{font-size:9px;gap:6px}.market-benefits svg{width:21px;height:21px}.market-benefits>div:last-child{display:none}.market-category-list{grid-template-columns:repeat(9,84px);padding:12px 0}.market-category-list button{font-size:10px}.market-category-art{transform:scale(.85);margin:-5px}.market-section-title h2{font-size:21px}.market-view-all{font-size:10px!important}.market-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-product-art{height:112px}.market-product h3{font-size:12px}.market-product-copy{padding:4px 10px 16px}.market-product strong{font-size:13px}.market-promos{grid-template-columns:1fr}.market-promo{min-height:145px}.market-promo:last-child{display:block}.market-footer>div+div{flex-wrap:wrap;gap:14px}.market-footer{gap:15px;margin:15px 0}.market-tabs button{font-size:11px;padding:7px 15px}}
/* Shared official brand across storefront, portal and operations. */
.jims-brand-image{display:block;width:205px;height:91px;background:#fff url('assets/jims-market-logo.png') center center / 240px 120px no-repeat;border-radius:9px;flex-shrink:0}.brand{padding:0;justify-content:center}.brand .jims-brand-image{width:205px;height:91px}.market-logo{width:196px;height:65px;border-radius:8px;background:#fff url('assets/jims-market-logo.png') center center / 218px 109px no-repeat}.jims-topbar-logo{display:none;flex-shrink:0}body:has(.customer-hidden) .jims-topbar-logo{display:block}.jims-topbar-logo .jims-brand-image{width:130px;height:48px;background-size:150px 75px}body:has(.customer-hidden) .breadcrumb{display:none}.market-footer-brand{display:block;width:205px;height:91px;background:#fff url('assets/jims-market-logo.png') center / 240px 120px no-repeat;border-radius:8px}@media(max-width:600px){.market-logo{width:190px;height:60px;background-size:210px 105px}.jims-topbar-logo .jims-brand-image{width:105px;height:43px;background-size:125px 62.5px}body:has(.customer-hidden) .topbar{padding-left:10px;padding-right:10px;gap:5px}body:has(.customer-hidden) .btn-admin{display:none}body:has(.customer-hidden) .topbar-actions{gap:4px}body:has(.customer-hidden) .topbar-actions .btn{font-size:10px;padding:7px}.market-footer-brand{width:190px;height:80px;background-size:220px 110px}}
.jims-brand-image,.brand .jims-brand-image,.market-footer-brand{background-size:225px 112.5px}.market-logo{background-size:174px 87px}.jims-topbar-logo .jims-brand-image{background-size:120px 60px}@media(max-width:600px){.market-logo{background-size:160px 80px}.jims-topbar-logo .jims-brand-image{background-size:108px 54px}.market-footer-brand{background-size:205px 102.5px}}
.auth-card{max-width:500px;margin:24px auto;padding:28px}.auth-card h1{margin:12px 0}.auth-card p{color:#64716b;line-height:1.5}.auth-card .text-button{display:block;margin:15px auto 0}.auth-card form>.btn{margin-top:16px}#authError{color:#ad342b}.product-photo{width:100%;height:100%;max-height:150px;object-fit:contain}.product-art .product-photo{max-height:100%;width:100%}.auth-card .jims-brand-image{margin:auto}.panel+.panel.auth-card{margin-top:24px}
.qpay-checkout{margin:20px 0;padding:20px;border:1px solid #e1e8e2;border-radius:12px}.qpay-qr{display:block;width:240px;height:240px;max-width:100%;object-fit:contain;margin:15px auto;background:#fff}.qpay-banks{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.qpay-banks a{text-decoration:none;font-size:12px}.auth-card input[type=checkbox]{width:auto;height:auto}.qpay-checkout h2{font-size:18px}
/* Dedicated administrator sign-in */
.admin-logout{display:none}.admin-session .admin-logout{display:inline-flex}.admin-auth-screen{background:#f4f2ec}.admin-auth-screen .sidebar,.admin-auth-screen .topbar{display:none!important}.admin-auth-screen .main-area{margin-left:0}.admin-auth-screen .content{display:grid;place-items:center;min-height:100vh;padding:36px 20px}.admin-login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:980px;width:100%;border-radius:24px;overflow:hidden;background:white;box-shadow:0 24px 80px #072c1820}.admin-login-intro{position:relative;display:flex;flex-direction:column;justify-content:center;padding:56px 44px;background:radial-gradient(ellipse at top right,#246346 0,transparent 60%),#002d20;color:#fff;min-height:600px;overflow:hidden}.admin-login-intro:after{content:'';position:absolute;right:-130px;bottom:-170px;width:420px;height:420px;border:1px solid #d9b86b35;border-radius:50%;box-shadow:0 0 0 50px #d9b86b08,0 0 0 100px #d9b86b06}.auth-leaf svg{width:64px;height:64px;color:#e8c478;margin-bottom:32px}.auth-eyebrow{font-size:10px;letter-spacing:2px;color:#b28b46;font-weight:700;margin:14px 0}.admin-login-intro .auth-eyebrow{color:#efd08c}.admin-login-intro h2{font:700 36px/1.25 Georgia,serif;margin:12px 0 20px}.admin-login-intro h2 em{font-style:normal;color:#ebc87f}.admin-login-intro p{font-size:14px;line-height:1.9;color:#c0d1c8}.admin-login-footer{position:absolute;bottom:32px;left:44px;font-size:10px;letter-spacing:1px;color:#a4bfb0}.auth-card.admin-login-card{max-width:none;margin:0;border:0;border-radius:0;padding:42px 44px;box-shadow:none;background:white}.admin-login-card .jims-brand-image{margin:0 auto 24px}.admin-login-card h1{font-size:25px;letter-spacing:-.5px}.admin-login-card>p{font-size:12px;margin-bottom:25px}.admin-login-card .form-grid{gap:20px}.admin-login-card .form-field label{font-size:12px;color:#34483c;margin-bottom:7px}.admin-login-card input{height:46px!important;font-size:14px!important;border-radius:8px!important;background:#fbfcfa}.admin-login-card input:focus{outline:2px solid #2b755a60;outline-offset:1px}.auth-password{position:relative;display:flex}.auth-password input{width:100%;padding-right:62px!important}.auth-password button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:11px;color:#356347;padding:7px;cursor:pointer}.admin-login-card .checkout-button{height:46px;border-radius:8px;background:#00432b;font-size:14px}.admin-login-card .checkout-button:disabled{opacity:.5;cursor:wait}.admin-login-card #authError{font-size:12px;line-height:1.5;min-height:18px;margin:10px 0;color:#af3329}.admin-login-card .admin-access-note{font-size:10px;margin:20px 0 12px;text-align:center;color:#7c877f}.admin-login-card .text-button{font-size:12px}.auth-brand{display:block}.admin-auth-screen .toast-root{z-index:1000}@media(max-width:700px){.admin-auth-screen .content{padding:20px 14px}.admin-login-layout{max-width:440px;grid-template-columns:1fr;border-radius:18px}.admin-login-intro{display:none}.auth-card.admin-login-card{padding:30px 24px}.admin-login-card .jims-brand-image{margin-bottom:12px}.admin-login-card h1{font-size:24px}}
.phone-verification{padding:15px;border:1px solid #dfe7df;border-radius:10px;background:#fafcf9}.phone-verification p{font-size:12px;line-height:1.6;margin:4px 0 10px}.phone-price{color:#755019}.phone-success{color:#16683d;font-weight:600}.phone-error{color:#a43628}.phone-sms-code{display:flex;gap:20px;align-items:center;margin:10px 0}.phone-sms-code strong{font-size:27px;letter-spacing:4px}.phone-verification .btn{margin:4px 5px 4px 0;text-decoration:none}
/* Customer account — JIMS MARKET storefront identity */
.customer-portal,.customer-auth-screen{background:#f6f4ee}.customer-portal .topbar,.customer-portal .sidebar,.customer-auth-screen .topbar,.customer-auth-screen .sidebar{display:none!important}.customer-portal .main-area,.customer-auth-screen .main-area{margin-left:0}.customer-portal .content{max-width:none;padding:0}.portal-shell{max-width:1260px;margin:auto;padding:0 32px;color:#183c2c}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:105px;border-bottom:1px solid #dfdfd4}.portal-header .jims-brand-image{background-color:#fff}.portal-header nav{display:flex;gap:24px;align-items:center}.portal-header nav button{border:0;background:none;color:#496154;font-size:13px;cursor:pointer;padding:12px 0}.portal-header nav button.active{color:#97702c;border-bottom:2px solid #be984d;font-weight:700}.portal-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 24px;padding:35px 34px;border-radius:18px;background:radial-gradient(ellipse at right top,#3c6545,transparent 60%),#003622;color:white}.portal-welcome .auth-eyebrow{color:#e7c887;font-size:10px;letter-spacing:2px}.portal-welcome h1{font-family:Georgia,serif;font-size:30px;margin:12px 0}.portal-welcome p{font-size:13px;color:#d1ded3;margin:0;line-height:1.6}.portal-welcome .market-gold-button{border:0;cursor:pointer}.portal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.portal-stats button{background:#fff;border:1px solid #e7e5db;text-align:left;padding:21px 24px;border-radius:13px;cursor:pointer;color:#234d37}.portal-stats button.active{border-color:#b99a57;box-shadow:0 3px 12px #8671340d}.portal-stats span{display:block;color:#6a786d;font-size:12px;margin-bottom:13px}.portal-stats strong{font:700 28px Manrope,sans-serif}.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.portal-layout>main,.portal-side{display:grid;gap:22px;min-width:0}.portal-panel{padding:25px;background:white;border:1px solid #e6e5db;border-radius:15px;min-width:0}.portal-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.portal-panel h2{font-size:18px;margin:0 0 15px;font-weight:700;color:#183d2b}.portal-section-heading h2{margin:0}.portal-section-heading>span{font-size:11px;color:#879087}.portal-section-heading .text-button{font-size:11px}.portal-filters{display:flex;gap:7px;overflow:auto;margin:0 0 20px;padding-bottom:3px}.portal-filters button{border:0;background:#f5f3ed;border-radius:20px;color:#6c7167;padding:8px 15px;white-space:nowrap;font-size:11px;cursor:pointer}.portal-filters button.active{background:#073d2a;color:white}.portal-order-list{display:grid;gap:14px}.portal-order{border:1px solid #e7ebe3;border-radius:12px;padding:18px}.portal-order-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.portal-order-top strong{font-size:13px}.portal-order small{display:block;font-size:10px;color:#849084;margin-top:5px}.portal-order-items{display:grid;gap:7px;font-size:12px;line-height:1.5;margin:17px 0;padding:14px 0;border-top:1px solid #f0f1eb;border-bottom:1px solid #f0f1eb;color:#556557}.portal-order-items b{font-weight:400;color:#8b9489}.portal-order-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.portal-order-bottom strong{font-size:17px}.portal-order-bottom>div+div{display:flex;gap:12px;align-items:center}.portal-order-bottom .btn{font-size:11px}.portal-order-bottom .text-button{font-size:10px}.portal-empty{text-align:center;padding:35px 15px;color:#7d897e}.portal-empty>span{display:block;color:#b49a5b;font-size:42px}.portal-empty h3{font-size:16px;color:#3c5543;margin:14px 0}.portal-empty p{font-size:12px;line-height:1.6}.portal-empty .btn{margin-top:12px}.portal-card-icon{display:grid;place-items:center;width:43px;height:43px;background:#f8f2e5;color:#ab8339;border-radius:12px;margin-bottom:17px}.portal-card-icon svg{width:23px;height:23px}.portal-side p{font-size:12px;line-height:1.7;color:#758172}.portal-side small{display:block;color:#899285;font-size:10px;line-height:1.6;margin-top:14px}.portal-side input{width:100%;height:41px;padding:0 10px;box-sizing:border-box}.portal-side label>span{display:block;font-size:11px;color:#5c6f5d;margin-bottom:8px}.portal-side #phoneVerificationPanel{margin-top:14px;padding:12px;background:#fafaf5;border-radius:10px}.portal-side #phoneVerificationPanel p{font-size:11px}.portal-side #phoneVerificationPanel .btn{font-size:10px;padding:9px 11px;margin:4px 0}.portal-system-state{font-size:11px;color:#8a8b7f}.portal-system-state.ready{color:#237a4c}.portal-help{background:#f1ecdf;border-color:#e9e1ca}.portal-help>a{display:block;font:700 22px Manrope,sans-serif;color:#7d622c;text-decoration:none}.portal-help .text-button{margin-top:14px}.portal-panel #profileForm>.btn{margin-top:20px}.portal-panel .form-field input{height:42px}.portal-footer{text-align:center;font-size:10px;color:#8b9588;padding:35px 0}.customer-auth-screen .content{display:grid;min-height:100vh;place-items:center;padding:30px 20px}.customer-login-layout{display:grid;grid-template-columns:.85fr 1fr;width:100%;max-width:880px;overflow:hidden;border-radius:23px;background:#fff;box-shadow:0 24px 70px #163b2012}.customer-login-layout>aside{background:radial-gradient(ellipse at top right,#39674b,transparent 65%),#003b29;color:#fff;padding:50px 35px;display:flex;flex-direction:column;justify-content:center}.customer-login-layout>aside .auth-eyebrow{color:#e3c37b}.customer-login-layout>aside h2{font:700 36px/1.25 Georgia,serif;margin:18px 0;color:#f5d99a}.customer-login-layout>aside p{font-size:13px;line-height:1.9;color:#c4d7cb}.customer-login-layout>aside>span:last-child{font-size:10px;color:#a3beac;margin-top:30px}.customer-login-layout>.auth-card{border:0;box-shadow:none;width:100%;margin:0;padding:35px;box-sizing:border-box}.customer-login-layout .auth-card h1{font-size:25px}.customer-login-layout .auth-card input{height:43px}.customer-login-layout .auth-card p{font-size:12px}.customer-login-layout .auth-brand .jims-brand-image{margin-bottom:15px}.customer-login-layout .auth-password{width:100%}.customer-login-layout .auth-card #authError{color:#ad342b}.customer-login-layout .auth-card .text-button{font-size:12px}.customer-login-layout .checkout-button{background:#00472e}.portal-panel .btn-primary{background:#00472e}@media(max-width:900px){.portal-shell{padding:0 20px}.portal-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.portal-panel{padding:19px}.portal-header nav{gap:17px}.portal-welcome{padding:28px}.portal-welcome h1{font-size:26px}.portal-stats button{padding:18px}.portal-order-bottom>div+div{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:700px){.portal-shell{padding:0 14px}.portal-header{flex-direction:column;align-items:center;gap:0;padding:8px 0}.portal-header .jims-brand-image{height:72px;background-size:190px 95px}.portal-header nav{gap:22px}.portal-header nav button{font-size:11px}.portal-welcome{align-items:flex-start;flex-direction:column;padding:24px;margin-top:20px}.portal-welcome h1{font-size:25px}.portal-welcome .market-gold-button{font-size:12px!important;height:37px}.portal-stats{grid-template-columns:repeat(2,1fr);gap:10px}.portal-stats button{padding:16px}.portal-stats span{font-size:10px}.portal-stats strong{font-size:24px}.portal-layout{display:flex;flex-direction:column}.portal-layout>main,.portal-side{width:100%}.portal-side{order:-1;display:grid;grid-template-columns:1fr}.portal-side .portal-payment-guide,.portal-side .portal-help{display:none}.portal-panel{padding:18px}.portal-order-top{align-items:flex-start}.portal-order-top .status{font-size:9px}.portal-order-bottom strong{font-size:15px}.portal-order{padding:14px}.customer-login-layout{grid-template-columns:1fr;max-width:450px}.customer-login-layout>aside{display:none}.customer-login-layout>.auth-card{padding:28px 23px}.customer-auth-screen .content{padding:20px 14px}}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.integration-grid .integration-card{max-width:none;width:100%;margin:0;padding:25px;box-sizing:border-box}.integration-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #e7ece5}.integration-heading h2{font-size:18px;margin:0 0 5px}.integration-heading>div>span{font-size:11px;color:#859083}.integration-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:20px;white-space:nowrap;font-size:11px;font-weight:600}.integration-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.integration-status.enabled{background:#eaf6ed;color:#19734a}.integration-status.disabled{background:#f0f0ea;color:#7d8174}.integration-summary{margin:0 0 20px}.integration-summary>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #f0f2eb;font-size:12px}.integration-summary dt{color:#7e8a7b;flex-shrink:0}.integration-summary dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#2c4d35}.integration-key{letter-spacing:2px;color:#8b9789}.integration-key-saved{font-size:10px;color:#36714a}.integration-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.integration-card .integration-secret-note{font-size:11px;line-height:1.6;color:#879281;margin:18px 0}.integration-test{padding-top:16px;border-top:1px solid #e9ede4}.integration-test p{font-size:11px;line-height:1.6}.integration-card .form-field input,.integration-card .form-field select{width:100%;box-sizing:border-box}.integration-card .form-field input[type=checkbox]{width:auto}.integration-card .btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:950px){.integration-grid{grid-template-columns:1fr}.integration-grid .integration-card{max-width:650px;margin:0 auto;width:100%}}@media(max-width:540px){.integration-grid .integration-card{padding:19px}.integration-heading h2{font-size:16px}.integration-status{font-size:10px;padding:6px 9px}.integration-summary>div{font-size:11px;gap:12px}}
.phone-login-instructions{margin-top:16px;padding:15px;background:#f7f8f1;border:1px solid #e7e8d9;border-radius:10px}.phone-login-instructions .btn{margin:4px 0;font-size:12px;text-decoration:none}.phone-login-instructions .phone-sms-code{justify-content:center}.phone-login-instructions p{line-height:1.7}#phoneLoginError{color:#ad342b;font-size:12px;line-height:1.6}.customer-login-layout input[readonly]{background:#f2f5ef;color:#4b6650}
.phone-auth-primary-links{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:8px 0 0}.customer-login-layout .phone-auth-primary-links>.text-button{display:block;margin:0;padding:8px 0;text-align:right;line-height:1.5}.phone-auth-register{display:flex;justify-content:center;white-space:normal;line-height:1.6;min-height:43px;width:100%;box-sizing:border-box;border:1px solid #cddacf;background:#f4f8f1;color:#285b3c;border-radius:8px}.phone-auth-footer{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:22px;padding-top:16px;border-top:1px solid #e5e9df}.customer-login-layout .phone-auth-footer>.text-button{display:block;width:100%;margin:0;padding:9px 6px;text-align:center;line-height:1.6;white-space:normal}.phone-auth-footer>.text-button:last-child{color:#7a8576}.phone-auth-primary-links button:focus-visible,.phone-auth-footer button:focus-visible{outline:2px solid #39815a;outline-offset:3px}
.cart-order-main{display:grid;gap:20px;min-width:0}.cart-order-summary{position:sticky;top:20px;align-self:start}.cart-checkout-details{padding:24px}.cart-checkout-details>h2,.cart-auth-box>h2{font-size:18px;margin:0 0 20px}.cart-checkout-details .form-grid{gap:18px}.cart-checkout-details input{height:43px;font-size:13px}.cart-checkout-details label{font-size:12px}.cart-step-label{font-size:10px;letter-spacing:1px;color:#997a3d;margin:20px 0 12px}.cart-step-label span{padding:0 12px;color:#c2b899}.cart-payment-note{display:flex;align-items:center;gap:12px;padding:16px 0 0;border-top:1px solid #e9ede6;margin-top:18px;color:#286b44}.cart-payment-note strong{font-size:20px}.cart-payment-note span{font-size:11px;color:#849080}.cart-auth-box{padding:24px}.cart-auth-box>p{font-size:12px;color:#7e8b7d;line-height:1.6}.cart-auth-box .customer-login-layout{display:block;max-width:500px;margin:auto;box-shadow:none;border-radius:0}.cart-auth-box .customer-login-layout>aside{display:none}.cart-auth-box .customer-login-layout>.auth-card{padding:20px 0}.cart-auth-box .auth-brand,.cart-auth-box .auth-eyebrow{display:none}.cart-auth-box .auth-card h1{font-size:20px}.cart-order-layout .cart-row{flex-wrap:wrap;gap:14px}.cart-order-layout .cart-product strong{font-size:13px}.cart-order-layout .cart-product span{font-size:11px}.cart-order-layout .cart-line-total{font-size:13px}.cart-order-layout .checkout-panel{padding:24px}.cart-order-layout .checkout-total,.cart-order-layout .checkout-grand{font-size:12px}.cart-order-layout .checkout-hint{font-size:11px}.cart-unavailable{color:#9c4231}@media(max-width:780px){.cart-order-layout{display:flex;flex-direction:column}.cart-order-main,.cart-order-summary{width:100%;box-sizing:border-box}.cart-order-summary{position:static}.cart-checkout-details,.cart-auth-box{padding:19px}}
/* Mobile storefront review: touch, safe areas, keyboard and small widths. */
.market-mobile-nav{display:none}.market-home button:focus-visible,.market-home a:focus-visible{outline:2px solid #d7b266;outline-offset:3px}.market-search:focus-within{outline:2px solid #f1ce81;outline-offset:3px}
@media(max-width:600px){
 .market-home{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .market-home .market-container{min-width:0;max-width:calc(100% - 28px)}
 .market-header-inner{column-gap:8px}.market-header-inner .market-logo{flex:0 1 190px;min-width:150px;max-width:55vw}
 .market-search input{font-size:16px;min-width:0;padding-left:12px}.market-search input::placeholder{font-size:12px}.market-search{height:44px;min-width:0}
 .market-cart,.market-header .market-contact{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.market-header .market-contact[href^=tel],.market-header .market-contact[data-page=tracking]{display:none}
 .market-hero h1{font-size:clamp(32px,10vw,43px);line-height:1.06;letter-spacing:-.5px}.market-hero-copy p{font-size:17px;line-height:1.3}.market-hero-buttons{flex-wrap:wrap;gap:10px}.market-hero-buttons button{min-height:44px;flex:0 1 auto}
 .market-nav .market-container{overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin}.market-nav button,.market-nav a{min-height:44px;display:flex;align-items:center}
 .market-category-list{overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding:12px;scroll-snap-type:x proximity}.market-category-list button{scroll-snap-align:start;min-width:0}
 .market-add{width:44px;height:44px;bottom:8px;right:8px;display:grid;place-items:center}.market-save{width:44px;height:44px;right:3px;top:3px;background:#ffffffd9;border:0!important}.market-save svg{width:20px;height:20px}.market-product-copy{padding-bottom:20px;min-height:94px;padding-right:54px}.market-product h3{font-size:13px;margin-right:-43px}.market-product p{font-size:11px;margin-right:-43px}.market-quality{font-size:11px;margin-right:-43px;margin-bottom:8px}.market-product strong{font-size:13px;white-space:nowrap}.market-product-art{overflow:hidden}
 .fruit-berry,.fruit-grape,.fruit-mango,.fruit-blueberry{width:143px;height:80px;background-size:1152px 768px}.fruit-berry{background-position:-63px -501px}.fruit-grape{background-position:-234px -501px}.fruit-mango{background-position:-412.5px -501px}.fruit-blueberry{background-position:-949.5px -501px}
 .market-tabs{scrollbar-width:thin}.market-tabs button{min-height:44px}.market-view-all{min-height:44px}.market-footer button,.market-footer a{min-height:44px;display:inline-flex;align-items:center}.market-promo button{min-height:40px}
 .market-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:20;left:0;right:0;bottom:0;min-height:68px;padding:7px max(8px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid #e6e7dc;box-shadow:0 -6px 20px #002e1710}
 .market-mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:50px;background:transparent;border:0;color:#54715e;font-size:10px;min-width:0;padding:3px}.market-mobile-nav>button[aria-current]{color:#a77a2d}.market-mobile-nav>button>span{height:24px;font-size:27px;line-height:24px}.market-mobile-nav svg{width:23px;height:23px}.market-mobile-cart-icon{position:relative}.market-mobile-cart-icon b{position:absolute;top:-6px;right:-13px;background:#e7be6c;color:#183d26;border-radius:10px;font-size:9px;line-height:16px;min-width:17px;padding:0 3px}.market-mobile-nav button:active{background:#f1f4eb;border-radius:10px}
 body:has(.market-home) .toast-root{bottom:calc(82px + env(safe-area-inset-bottom,0px));right:12px;left:12px;font-size:12px;line-height:1.5;max-width:calc(100vw - 24px)}
}
@media(max-width:359px){.market-product strong{font-size:12px}.market-product-copy{padding-left:8px}.market-section-title h2{font-size:19px}.market-hero-copy{padding-left:0}.market-gold-button,.market-outline-button{padding-left:14px;padding-right:14px}.market-stock-label{font-size:9px;max-width:80px}}
@media(prefers-reduced-motion:reduce){.market-home *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep storefront sizing independent of the dashboard and login shells. */
.site-settings-card{max-width:760px;margin:0 0 24px;padding:24px}.site-settings-card h2{font-size:19px;margin:0 0 10px}.site-settings-card>p{font-size:12px;color:#78877c;line-height:1.6;margin-bottom:20px}.site-settings-card form>.btn{margin-top:20px}.site-settings-card input{height:43px;font-size:13px}.market-tagline{white-space:normal;max-width:148px}.site-contact-address{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.market-footer #marketHelp{flex-wrap:wrap;max-width:650px}.portal-help .site-contact-address{display:block;margin-top:12px}.portal-help>a[href^="mailto:"]{font:14px/1.6 Arial,sans-serif;overflow-wrap:anywhere}
.cart-order-layout .panel{border-radius:16px;box-shadow:0 3px 16px #173c2605}
.cart-order-layout .cart-order-summary{padding:26px;border-color:#dfe8df}
.cart-order-summary .panel-title{font-size:18px;margin:0 0 22px}
.cart-order-layout .checkout-total{font-size:14px;line-height:1.5;padding:12px 0;color:#6c7a70}
.cart-order-layout .checkout-total strong{font-weight:600;color:#233c2c}
.cart-order-layout .checkout-grand{align-items:center;font-size:14px;padding-top:20px;margin-top:12px}
.cart-order-summary .checkout-grand strong{font-size:24px;letter-spacing:-.5px;color:#123e29}
.cart-order-summary .checkout-button{min-height:50px;height:auto;padding:14px 18px;margin-top:24px;border-radius:10px;font-size:15px;line-height:1.4;font-weight:700;white-space:normal}
.cart-order-layout .checkout-hint{font-size:12px;line-height:1.7;color:#7c887f;margin:14px 0 0}
.cart-order-summary .cart-payment-note{margin-top:20px;padding-top:18px;gap:14px;flex-wrap:wrap}
.cart-order-summary .cart-payment-note strong{font-size:19px;line-height:1.3}
.cart-order-summary .cart-payment-note span{font-size:12px;line-height:1.5}
#checkoutForm .payment-method-card{gap:12px;min-height:80px;padding:16px;background:#f7faf7;border:1px solid #dce8dd;border-radius:12px}
#checkoutForm .checkout-payment-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#e6f0e8;color:#18663e}
.checkout-payment-icon svg{width:25px;height:25px}
#checkoutForm .checkout-payment-copy{display:grid;gap:6px;min-width:0}
#checkoutForm .payment-method-card strong{font-size:17px;color:#174d31;line-height:1.2}
#checkoutForm .payment-method-card small{display:block;font-size:12px;line-height:1.5;color:#78857b}
.checkout-address-picker{display:grid;gap:7px;margin:5px 0}
@media(max-width:600px){.cart-order-layout{gap:16px}.cart-order-layout .cart-order-summary{padding:22px 20px}.cart-order-main{gap:16px}.cart-checkout-details .form-grid{gap:20px}.cart-checkout-details input,.cart-checkout-details select{font-size:16px;min-height:44px}.cart-order-summary .checkout-grand strong{font-size:22px}.cart-order-summary .checkout-button{font-size:15px}#checkoutForm .payment-method-card{padding:14px}.cart-step-label{font-size:9px;letter-spacing:.5px}.cart-step-label span{padding:0 5px}}
.qpay-market-logo{margin:0 auto 12px}.qpay-banks .qpay-bank-link{display:flex;align-items:center;gap:9px;min-height:48px;text-align:left;white-space:normal}.qpay-bank-logo,.qpay-bank-placeholder{width:30px;height:30px;flex:0 0 30px;border-radius:7px;object-fit:contain}.qpay-bank-placeholder{display:grid;place-items:center;background:#eaf2ed;color:#125e3c;font-weight:bold;font-size:17px}
.cart-save-address{display:flex;gap:10px;margin-top:8px}.cart-save-address input{min-width:0;flex:1}.cart-save-address .btn{flex-shrink:0;font-size:12px}.cart-save-address+small{font-size:11px;color:#7d897d;line-height:1.5}@media(max-width:400px){.cart-save-address{flex-direction:column}}
.saved-address-list{display:grid;gap:12px}.saved-address-card{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid #e7ebe3;border-radius:10px;min-width:0}.saved-address-card>div{min-width:0}.saved-address-card strong{font-size:13px}.saved-address-card p{font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin:8px 0 0}.saved-address-card>div:last-child{display:flex;gap:12px;flex-shrink:0}.portal-addresses .btn{font-size:12px}#savedAddressSelect{height:44px;font-size:13px;width:100%;min-width:0}@media(max-width:600px){.saved-address-card{flex-direction:column}.saved-address-card>div:last-child{justify-content:flex-end}.portal-addresses .portal-section-heading{flex-wrap:wrap;gap:12px}#addressForm input{font-size:16px;height:44px}}
.market-account>span{min-width:0;max-width:165px}.market-account strong,.market-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-mobile-account{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
body.storefront-page{overflow-x:clip;background:#faf8f4}
body.storefront-page .app-shell,body.storefront-page .main-area,body.storefront-page .content{display:block;width:100%;min-width:0;max-width:none;margin:0;padding:0;transform:none}
body.storefront-page .sidebar,body.storefront-page .topbar{display:none}
.market-home{width:100%;min-width:0;overflow-x:clip}
.market-home .market-header,.market-home .market-nav,.market-home .market-utility{width:100%;min-width:0;max-width:none;position:relative;inset:auto}
.market-home .market-container{min-width:0}
.market-section-title,.market-tabs,.market-catalog{min-width:0}
.market-hero{background:#001b10;isolation:isolate}
.market-home svg.market-hero-art{position:absolute;right:0;top:0;width:55%;height:100%;max-width:none;pointer-events:none}
.market-hero:before{z-index:1;background:linear-gradient(90deg,#001b10 0%,#001b10 36%,transparent 67%);pointer-events:none}
.market-hero>.market-container{z-index:2}
@media(max-width:600px){
 .market-home .market-container{width:calc(100% - 28px);max-width:none;margin-inline:auto}
 .market-home .market-header-inner{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;height:auto;padding-block:8px 12px}
 .market-header-inner .market-logo{width:min(190px,100%);min-width:0;max-width:100%;height:60px}
 .market-header-inner .market-contact,.market-header-inner .market-cart{margin:0;width:44px}
 .market-header-inner .market-search{grid-column:1/-1;width:100%;min-width:0;margin:0;order:6}
 .market-search input{width:0}
 .market-hero{aspect-ratio:auto;min-height:0;padding-bottom:175px}
 .market-home svg.market-hero-art{top:auto;bottom:0;width:100%;height:175px}
 .market-hero:before{background:linear-gradient(180deg,#001b10 0%,#001b10 55%,transparent 80%)}
 .market-hero>.market-container{min-height:0;height:auto;padding-bottom:18px}
 .market-hero-copy{padding:24px 0 0}
 .market-hero h1{overflow-wrap:anywhere}
 .market-hero-copy p br{display:none}
 .market-hero-copy p{max-width:320px}
 .market-hero-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .market-hero-buttons button{width:100%;padding-inline:8px;font-size:11px!important}
 .market-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 0;width:100%}
 .market-benefits>div{padding:0;min-width:0;border:0;font-size:9px;gap:5px}
 .market-nav>.market-container,.market-category-list,.market-tabs{scrollbar-width:none}
 .market-nav>.market-container::-webkit-scrollbar,.market-category-list::-webkit-scrollbar,.market-tabs::-webkit-scrollbar{display:none}
 .market-section-title{gap:10px}
 .market-section-title h2{white-space:normal;min-width:0;flex:1;font-size:20px}
 .market-tabs{width:100%;max-width:100%;flex:0 0 100%}
 .market-footer>div{min-width:0;max-width:100%}
}