/* Reversible premium direction. Functional layout remains in market-design.css. */
:root{--green:#1A1A40;--dark:#1A1A40;--ink:#1A1A40;--muted:#6e7183;--cream:#fff;--line:#e9e9ef;--orange:#D4AF37;--gold:#D4AF37}
body{background:#fff;color:#1A1A40;font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif}
button,a,input,select,textarea{transition:background .22s,color .22s,border-color .22s,box-shadow .22s,transform .22s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b4932e;outline-offset:4px}
.preview-note{background:#1A1A40;color:#f4efdf;letter-spacing:.6px}.top-location{color:#dfd8bd}
.site-header{padding-top:28px;padding-bottom:28px}.brand-mark{background:#1A1A40;color:#D4AF37;border:1px solid #D4AF3744;border-radius:12px;font-weight:650}
.brand .brand-wordmark{color:#1A1A40;text-shadow:none}.brand .brand-wordmark span{color:#806724;letter-spacing:3px}.brand small{color:#747583}
.languages{background:#f4f4f8}.languages button{color:#6c6c7e}.languages button[aria-pressed=true]{color:#1A1A40;background:white}
.customer-menu{border-color:#e9e9ef;padding-bottom:20px;gap:5px}.customer-menu button{color:#68687b;font-weight:500;border-radius:7px}
.customer-menu button:first-child{background:#1A1A40;color:white}.customer-menu button:hover{background:#f5f1e5;color:#1A1A40}.customer-menu button:first-child:hover{background:#2b2b58;color:white}
.customer-menu button[data-view=manage],.customer-menu button[data-view=accounts]{background:#f4f1e6;color:#755c18}
.hero{background:radial-gradient(ellipse at 83% 34%,#353564 0%,#23234d 36%,#1A1A40 75%);border:1px solid #34345a;border-radius:22px;min-height:475px;margin-top:28px;padding:56px 52px;gap:24px;box-shadow:0 16px 44px #1a1a4010}
.hero:before{content:'';position:absolute;top:0;left:52px;width:65px;height:3px;background:#D4AF37}
.hero .eyebrow{color:#e4d6a4;letter-spacing:2px;font-size:10px;margin-bottom:25px}.eyebrow-dot{background:#D4AF37;box-shadow:0 0 0 4px #d4af3714}
.hero h1{color:#fff;font-size:clamp(38px,4vw,55px);font-weight:550;line-height:1.15;letter-spacing:-1.8px}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:450;color:#D4AF37;letter-spacing:-1.8px;font-size:1em;line-height:1.18;margin-top:9px}
.hero-description{color:#d0d0df;font-size:14px;font-weight:400;line-height:1.9;max-width:390px;margin:24px 0 28px}
.primary{background:#D4AF37;color:#1A1A40;border:1px solid #D4AF37;border-radius:8px;box-shadow:none;font-weight:650;padding:14px 23px;min-height:48px}
.primary:hover{background:#e4c45c;color:#1A1A40;box-shadow:0 5px 18px #d4af3720;transform:translateY(-2px)}
.hero-facts{color:#babacd;letter-spacing:.3px;font-size:10px;margin-top:26px}.hero-facts span+span:before{color:#D4AF37}
.hero-art{margin:-12px -16px -10px 0}.art-note{color:#dfd2a6;font-family:inherit;font-size:12px;font-style:normal;letter-spacing:1px;transform:translateX(-50%);bottom:16px}
.hero-copy{animation:premium-enter .65s ease-out both}.hero-art{animation:premium-enter .85s ease-out both}
.category-nav{gap:12px;padding:30px 0 10px}.category-nav .category-tile{background:#fff;border:1px solid #e8e8ef;border-radius:15px;box-shadow:none;color:#1A1A40;min-height:191px}
.category-picture:before{background:var(--tile-deep);opacity:.17}.category-nav .category-label{font-weight:600;font-size:12px;line-height:1.5}
.category-nav .category-tile.selected{background:#fcfaf3;border-color:#D4AF37;color:#1A1A40;box-shadow:0 5px 16px #1a1a4008}
.category-nav .category-tile.selected:after{background:#D4AF37;color:#1A1A40}.category-nav .category-tile:focus-visible{outline-color:#b4932e}
.discovery{gap:18px;margin-top:20px;margin-bottom:54px}.discovery-main{background:#faf9f5;border:1px solid #eae4d4;border-radius:14px;padding:26px}
.discovery-main:hover{background:#f5f1e5}.discovery-icon{color:#8a7024;background:white;border-color:#e2d5aa;border-radius:13px;font-family:inherit;font-style:normal;font-weight:400}
.discovery .eyebrow{color:#82713e;font-size:8px;letter-spacing:1.7px}.discovery-main h2{color:#1A1A40;font-weight:600;letter-spacing:-.6px;font-size:22px}
.discovery-main p{color:#737383;font-size:11px;line-height:1.7}.discovery-arrow{border-color:#d9ceaa;color:#8a7024}
.hero-feature{background:#1A1A40;border:1px solid #343459;border-radius:14px;padding:26px}.feature-kicker{color:#ddd0a1;letter-spacing:1.7px}
.feature-title{color:#fff;font-weight:550;font-size:24px;letter-spacing:-.6px}.hero-feature a{color:#e8cc79}.campaign-equation{opacity:.95}
.catalog-heading .eyebrow{color:#86713a;font-size:9px;letter-spacing:1.7px}.catalog-heading h2{color:#1A1A40;font-size:32px;font-weight:600;letter-spacing:-1px}
.catalog-heading>span{background:#faf9f5;border-color:#e8e2d2;color:#786a44;border-radius:7px}
.offer-filters{background:#f3f3f7;border-radius:9px;padding:4px;gap:4px}.offer-filters button{border-radius:6px;color:#6b6b7f;font-weight:550}.offer-filters button.selected{background:#1A1A40;color:white;box-shadow:none}
.search{background:white;border-color:#dedee8;border-radius:9px}.search>span{color:#89899f}.search input{color:#1A1A40}
.offer-grid{gap:22px}.offer-card{border:1px solid #e7e7ef;border-radius:14px;background:white;box-shadow:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.offer-label{color:#755b16;background:#f6efd9;border:1px solid #eaddb6;border-radius:5px;font-weight:750}.offer-label.campaign{color:#1A1A40;background:#ededf7;border-color:#ddddec}
.offer-card .card-copy{border-color:#f0f0f5;padding:20px 24px}.offer-card .card-copy h3{color:#1A1A40;font-weight:600;font-size:18px;line-height:1.45}
.card-unit{color:#737386}.price-stack del{color:#848494}.price-stack strong{color:#1A1A40;font-weight:700;font-size:35px;letter-spacing:-1px}
.saving{color:#75601d;background:#f8f3e3;border-radius:5px;font-weight:600}.campaign-title{color:#1A1A40}.campaign-summary{color:#747488}
.card-foot{border-color:#ededf3}.detail-button{color:#80671f}.detail-button:hover{color:#1A1A40}.card-foot small{color:#747488}
.catalog-window .pager button{background:#fff;border-color:#ddddee;color:#1A1A40;border-radius:8px;box-shadow:0 3px 10px #1a1a4006}.catalog-window .pager button:hover{background:#f8f3e3;border-color:#D4AF37}
.page-info{color:#727288}.visit{background:#f7f6f2;border:1px solid #e8e2d1;border-radius:14px;color:#1A1A40;padding:30px}
.visit-symbol{background:#1A1A40;border-color:#1A1A40;border-radius:10px;color:#D4AF37}.visit h2{color:#1A1A40;font-weight:550}.visit p{color:#717183}.visit-hours{color:#756325}
footer{color:#777789;border-top:1px solid #e9e9ef;padding-top:25px}.footer-main strong{color:#1A1A40;letter-spacing:1px}.footer-contact a{color:#1A1A40}.footer-contact a:hover{color:#80671f}
.customer-dialog,dialog{color:#1A1A40;border:1px solid #e5e5ed;border-radius:15px;background:white;box-shadow:0 22px 80px #11112c30}
dialog::backdrop{background:#10102e99;backdrop-filter:blur(4px)}.customer-head h2{font-weight:550;color:#1A1A40}.customer-head button,.detail-top button{background:#f1f1f7;color:#1A1A40;border-radius:8px}
.customer-dialog label{color:#36364f}.customer-dialog input,.customer-dialog textarea,.customer-dialog select{border-color:#dcdce7;border-radius:7px;color:#1A1A40}
.customer-actions button,.customer-actions a,.customer-dialog button:not(.primary):not([data-close]):not([data-admin-close]){background:#f5f4ef;color:#1A1A40;border-color:#e4ddc9;border-radius:7px}
.customer-hint,.customer-dialog p{color:#737386}.customer-dialog [role=alert],.customer-dialog .barcode-status[data-state=duplicate],.customer-dialog .barcode-status[data-state=error],.customer-dialog .barcode-status[data-state=invalid]{color:#b22d24}
.customer-dialog .barcode-status[data-state=ok]{color:#467742}.customer-dialog input.duplicate-barcode{border-color:#c53226;color:#a5221c;background:#fff3f1}
.phone-input{border-color:#dcdce7;background:white;border-radius:7px}.phone-input>span{color:#1A1A40;background:#f5f4ef}.remember-check input,.weighted-toggle input{accent-color:#1A1A40!important}
.weight-calculator{background:#faf8f0;border-color:#e9dfbf;border-radius:8px}.weight-calculator input{border-color:#d9cfae;color:#1A1A40}.weight-calculator small{color:#766737}
#detail-body .detail-note,#no-offers{background:#f5f4ef;color:#737386}.detail-top{color:#80671f}
@keyframes premium-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.category-nav .category-tile:hover{border-color:#D4AF37;background:#fffdf6;transform:translateY(-3px);box-shadow:0 8px 24px #1a1a4009}.category-nav .category-tile:hover img{transform:translateY(-2px)}.offer-card:hover{border-color:#d9c58a;box-shadow:0 12px 32px #1a1a400b;transform:translateY(-3px)}}
@media(max-width:1050px){.hero{padding:40px 35px;min-height:425px}.hero h1{font-size:43px}.hero:before{left:35px}}
@media(max-width:600px){.site-header{padding-top:21px;padding-bottom:20px}.brand .brand-wordmark{font-size:27px}.brand .brand-wordmark span{font-size:9px}.hero{padding:30px 25px 22px;min-height:0;gap:12px;border-radius:17px;margin-top:18px}.hero:before{left:25px;width:44px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:19px}.hero h1{font-size:clamp(29px,8.5vw,39px);font-weight:550;letter-spacing:-1.1px}.hero h1 em{letter-spacing:-1.1px}.hero-description{font-size:12px;margin:18px 0 22px}.primary{padding:12px 18px;font-size:12px;gap:20px}.hero-art{margin:-6px auto -4px;width:min(260px,100%)}.art-note{bottom:11px;font-size:10px}.hero-facts{font-size:9px;gap:11px;margin-top:19px}.category-nav{padding-top:23px;gap:10px;scrollbar-color:#c7b474 transparent}.category-nav .category-tile{min-height:182px;flex-basis:140px;border-radius:13px}.discovery{gap:12px;margin-bottom:38px;margin-top:12px}.discovery-main,.hero-feature{padding:21px;border-radius:12px}.discovery-main h2{font-size:19px}.feature-title{font-size:22px}.catalog-heading h2{font-size:25px}.catalog-heading .eyebrow{font-size:7px}.catalog-heading>span{font-size:10px;padding:6px 8px}.offer-grid{gap:10px}.offer-card{border-radius:11px}.offer-card .card-copy{padding:12px 11px}.offer-card .card-copy h3{font-size:13px;line-height:1.45}.price-stack strong,.catalog-window .price-stack strong{font-size:29px}.saving{font-size:8px}.visit{padding:23px 18px;border-radius:12px}.visit h2{font-size:19px}.visit p{font-size:11px}.visit-hours{font-size:10px}.customer-dialog{padding:20px}.customer-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.customer-menu button:first-child{background:transparent;color:#68687b}.customer-menu button:first-child:hover{background:#f5f1e5;color:#1A1A40}.staff-entry{margin-top:28px;padding-top:18px;border-top:1px solid #e9e9ef}.staff-entry button{background:none;border:0;color:#757589;font:inherit;font-size:12px;cursor:pointer;padding:8px}.staff-entry button:hover{color:#1A1A40;text-decoration:underline}

.bakery-showcase{background:#1A1A40;border:1px solid #d4af3755;border-radius:15px;overflow:hidden}.bakery-showcase h2{color:#ead99e;font-size:16px;font-weight:500;line-height:1.55;padding:16px 12px;margin:0;text-align:center}.bakery-slides{position:relative;aspect-ratio:3/4;overflow:hidden;background:#101026}.bakery-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .85s ease}.bakery-slide.active{opacity:1}
@media(min-width:1540px){.ad-left.bakery-ad{display:block;width:clamp(125px,calc((100vw - 1240px)/2 - 32px),225px);left:16px;top:230px}.bakery-ad .bakery-slide{border-radius:0}}
@media(prefers-reduced-motion:reduce){.bakery-slide{transition:none}}

/* Bakery advertisement stays at its document position, outside the main banner. */
.bakery-ad .bakery-showcase{background:transparent;border:0;border-radius:0;overflow:visible}.bakery-ad .bakery-showcase h2{background:transparent;color:#1A1A40;font-family:inherit;font-size:clamp(19px,1.4vw,26px);font-weight:550;letter-spacing:-.5px;line-height:1.35;padding:0 0 18px;text-align:left}.bakery-ad .bakery-showcase h2:before{content:'';display:block;width:44px;height:3px;background:#D4AF37;margin-bottom:16px}.bakery-ad .bakery-slides{border-radius:18px;border:1px solid #d4af3744;box-shadow:0 12px 32px #1a1a4010;aspect-ratio:auto;height:var(--bakery-height,560px)}
@media(min-width:1540px){.ad-left.bakery-ad{position:absolute;top:var(--bakery-top,230px);left:18px;width:calc((100vw - 1206px)/2 - 40px);min-height:0;max-width:none}}

.bakery-ad .bakery-showcase h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(23px,1.6vw,31px);line-height:1.4;letter-spacing:-.4px;color:#1A1A40}

@media(min-width:1051px){.category-nav{grid-template-columns:repeat(8,minmax(0,1fr))}}
.category-other-grocery{--tile-tint:#f8f0dd;--tile-deep:#dfc99b}

@media(max-width:700px){.catalog-window .offer-grid{touch-action:pan-y pinch-zoom}}

/* Keep pagination controls outside the cards, with a visible gap. */
.catalog-window .page-prev{left:-51px}
.catalog-window .page-next{right:-51px}
@media(min-width:601px) and (max-width:1000px){.catalog-window{margin-left:20px;margin-right:20px}}
@media(max-width:600px){
 .catalog-window{margin-left:20px;margin-right:20px}
 .catalog-window .page-prev{left:-36px}
 .catalog-window .page-next{right:-36px}
}

.category-oils{--tile-tint:#fff1cf;--tile-deep:#efd38e}.category-tea{--tile-tint:#e7f0df;--tile-deep:#afc49a}.category-canned{--tile-tint:#e8f0df;--tile-deep:#b4c99a}.category-butter{--tile-tint:#fff4cf;--tile-deep:#e9d38b}.category-chicken{--tile-tint:#ffede4;--tile-deep:#e9beb0}.category-grains{--tile-tint:#f5ebda;--tile-deep:#dac49c}

.category-sauces{--tile-tint:#fff0df;--tile-deep:#e4baa2}
