/* MƏHƏLLƏ MARKET — October 2026 visual direction. */
:root{--green:#f47716;--dark:#253b32;--muted:#737b73;--cream:#fcfaf6;--line:#e8e9df;--orange:#f47716;--ink:#253b32}
body{background:#fcfaf6;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}button,a{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c65508;outline-offset:4px}
.site-header,main,footer{max-width:1264px;padding-left:44px;padding-right:44px}.preview-note{display:flex;justify-content:space-between;gap:20px;background:#263e34;color:#f8f2e6;font-size:11px;letter-spacing:.3px;text-align:left;padding:10px max(44px,calc((100vw - 1176px)/2))}.top-location{color:#e5d8c8}
.site-header{padding-top:25px;padding-bottom:24px;border-bottom:0}.brand{gap:12px}.brand-mark{width:47px;height:52px;border-radius:14px 14px 14px 4px;box-shadow:none;background:#f47716;color:#fff8ef;font-size:34px}.brand small{font-size:10px;color:#7b8076;letter-spacing:.3px;margin-bottom:4px}.brand .brand-wordmark{color:#f47716;font-size:36px;text-shadow:none;letter-spacing:-1.7px;gap:10px}.brand .brand-wordmark span{font-size:11px;letter-spacing:3px;color:#263e34}.languages{padding:4px;background:#f0efe8;border-radius:100px;gap:1px}.languages button{border:0!important;min-height:37px;padding:8px 12px;border-radius:100px;color:#657064;font-size:11px}.languages button[aria-pressed=true]{background:white;color:#263e34;box-shadow:0 2px 6px #263e340d}.flag{width:21px;height:14px}
.customer-menu{padding:0 0 18px;border-bottom:1px solid var(--line);gap:3px;align-items:center}.customer-menu button{background:transparent;color:#69716a;border:0;border-radius:9px;padding:10px 15px;font-size:13px;min-height:42px;font-weight:600;flex:none}.customer-menu button:first-child{background:#fff0e2;color:#b64f0a;border:0}.customer-menu button:hover{background:#f4eee4;color:#263e34}.customer-menu button[data-view=manage],.customer-menu button[data-view=accounts]{background:#eef0e9;color:#345541}
.hero{position:relative;grid-template-columns:1.08fr 1fr;gap:8px;align-items:center;background:#faeada;border:1px solid #f3dfca;border-radius:26px;margin-top:24px;padding:45px 49px 40px;overflow:hidden;min-height:440px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{display:flex;align-items:center;gap:8px;color:#86613e;font-size:10px;letter-spacing:1.5px;margin-bottom:23px}.eyebrow-dot{height:7px;width:7px;background:#f47716;border-radius:50%;box-shadow:0 0 0 4px #f4771615}.hero h1{max-width:600px;font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:-2.3px;color:#263e34;font-weight:750}.hero h1>span{display:block}.hero h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-1.8px;color:#b94e10;margin-top:8px;font-size:1.05em;line-height:1.15}.hero-description{font-size:14px;line-height:1.8;color:#756b5f;margin:22px 0 26px;max-width:345px}.primary{border-radius:100px;background:#f47716;color:#fff;font-size:13px;padding:14px 24px;gap:30px;min-height:48px;font-weight:700;box-shadow:0 4px 10px #d5681214}.primary:hover{background:#d9640a;transform:translateY(-1px)}.primary>span:last-child{font-size:20px;line-height:1}.hero-facts{gap:14px;margin-top:22px;color:#8a7967;font-size:10px}.hero-facts span+span:before{margin-right:12px;color:#c09f7c}.hero-art{position:relative;align-self:center;margin:-20px -17px -15px -8px;min-width:0}.hero-art>img{width:100%;height:auto;display:block}.art-note{position:absolute;bottom:18px;left:50%;transform:translateX(-50%) rotate(-4deg);font-family:Georgia,serif;font-style:italic;white-space:nowrap;color:#8c6243;font-size:15px}
.discovery{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin:20px 0 55px}.discovery-main{display:flex;align-items:center;gap:19px;background:#f1f0e6;border:1px solid #e7e7da;border-radius:18px;padding:25px;text-decoration:none}.discovery-main:hover{background:#ecebdd}.discovery-icon{flex:0 0 64px;width:64px;height:64px;background:#fffaf0;border:1px solid #e4e3d1;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:37px;font-style:italic;color:#9d6d37}.discovery .eyebrow{display:block;font-size:8px;color:#8a8d75;margin:0 0 7px;letter-spacing:1.6px}.discovery-main h2{font-size:22px;line-height:1.2;letter-spacing:-.6px}.discovery-main p{font-size:11px;color:#808575;margin:8px 0 0}.discovery-arrow{margin-left:auto;width:35px;height:35px;display:grid;place-items:center;border:1px solid #c9ccbb;border-radius:50%;flex:0 0 35px;font-size:18px}.hero-feature{min-height:0;background:#263e34;color:white;border:0;border-radius:18px;padding:25px 29px;display:flex;align-items:center;gap:16px;overflow:hidden}.hero-feature>div{position:relative;z-index:1}.feature-kicker{background:transparent;padding:0;color:#bac7b9;border-radius:0;letter-spacing:1.4px;font-size:8px}.feature-title{color:#fff8e9;font-size:24px;font-weight:650;margin:7px 0 11px;letter-spacing:-.6px;max-width:260px}.hero-feature a{display:flex;align-items:center;gap:22px;font-size:11px;color:#f8c78e;text-decoration:none;padding:0}.gift-art{position:relative;width:80px;height:65px;flex:0 0 80px;border-radius:5px;background:#f4bd7d;transform:rotate(12deg);margin-left:auto;margin-right:7px;box-shadow:5px 6px 0 #0e251b33}.gift-art:before{content:'';position:absolute;inset:0 31px;background:#fff1d8}.gift-art:after{content:'';position:absolute;top:0;left:-5px;right:-5px;height:17px;background:#f9d3a3;box-shadow:0 3px 0 #87582e18}.gift-art i:before,.gift-art i:after{content:'';position:absolute;top:-21px;width:30px;height:24px;border:7px solid #f9d3a3;border-radius:25px 25px 0 25px;left:8px;transform:rotate(20deg)}.gift-art i:after{left:36px;transform:rotate(70deg)}
.catalog{padding:0 0 28px}.catalog-heading{align-items:center}.catalog-heading .eyebrow{font-size:9px;letter-spacing:1.6px;color:#969b89;margin-bottom:8px}.catalog-heading h2{font-size:32px;font-weight:700;letter-spacing:-1px}.catalog-heading>span{font-size:11px;border:1px solid #e1e4d7;border-radius:30px;padding:7px 12px;background:#f4f4ed;color:#78816e}.catalog-tools{margin:25px 0 24px;gap:20px}.offer-filters{gap:5px;background:#f0f0e9;border-radius:100px;padding:4px;flex-wrap:nowrap;align-self:center}.offer-filters button{border:0;background:transparent;padding:9px 21px;min-height:39px;font-size:12px;color:#737d6d}.offer-filters button.selected{background:#263e34;color:white;box-shadow:0 2px 4px #253b3215}.search{border:1px solid #e3e5da;background:white;border-radius:100px;max-width:315px;padding:0 17px;gap:9px}.search>span{font-size:24px;color:#8d9684}.search input{font-size:12px;padding:13px 0;min-height:46px}.catalog-window{margin:0 16px}.offer-grid{gap:22px}.offer-card{border:1px solid #e6e7dc;border-radius:19px;background:white;box-shadow:0 2px 3px #263e3403;transition:box-shadow .2s,transform .2s,border-color .2s}.offer-card:hover{box-shadow:0 9px 28px #253b320a;transform:translateY(-3px);border-color:#d8dccc}.product-shot.actual-product{max-width:240px;width:calc(100% - 72px);margin-top:39px!important;border-radius:10px}.offer-label{top:17px;left:17px;background:#fff0e3;color:#bb4b0d;font-size:12px;font-weight:800;border-radius:7px;padding:5px 10px}.offer-label.campaign{background:#eaf0e4;color:#416338}.offer-card .card-copy{padding:19px 24px 19px;margin-top:14px;border-top:1px solid #f1f1e8}.offer-card .card-copy h3{color:#263e34;font-size:18px;line-height:1.35;font-weight:650;margin-bottom:5px}.card-unit{font-size:11px;color:#8c9386;margin-bottom:20px}.price-row{align-items:end;gap:8px}.price-stack del{font-size:13px;color:#9aa190}.price-stack strong{color:#ed6b0d;font-size:35px;font-weight:750;letter-spacing:-1.2px}.price-stack strong span{font-size:19px;font-weight:650}.saving{background:#f0f3e9;color:#5a7044;font-size:10px;border-radius:6px;padding:6px 9px;max-width:120px}.card-foot{margin-top:20px;padding-top:12px;border-color:#eeefe7;gap:9px}.offer-deadline{font-size:14px;color:#467742;font-weight:650}.offer-deadline.last-day{color:#c53226}.detail-button{color:#596a4f;font-size:11px;font-weight:650;min-height:36px}.detail-button:hover{color:#c25308}.card-foot small{color:#8b9481}.campaign-title{color:#476844;font-size:16px}.campaign-summary{color:#8b9384;font-size:12px}.catalog-window .pager button{height:43px;width:43px;background:#fff;border:1px solid #e1e5d7;box-shadow:0 4px 14px #24392f0b;color:#455d42;font-size:21px}.catalog-window .page-prev{left:-38px}.catalog-window .page-next{right:-38px}.page-info{font-size:11px;color:#9aa18f}.page-info small{font-size:9px}.visit{position:relative;background:#f5ede0;border:1px solid #eadfcd;border-radius:20px;margin-top:22px;padding:27px 30px;gap:20px;color:#263e34}.visit-symbol{background:#f47716;color:#fff5e7;border:0;width:52px;height:57px;border-radius:13px 13px 13px 3px;font-style:italic}.visit h2{color:#263e34;font-size:23px;letter-spacing:-.7px}.visit p{color:#8a8373;font-size:12px;margin-top:6px}.visit-hours{color:#8d816c;font-size:11px;margin-left:auto;white-space:nowrap}footer{border-top:1px solid #e6e6dc;padding-top:28px;padding-bottom:28px;color:#9a9d91}.footer-main{align-items:center}.footer-main strong{font-size:14px;letter-spacing:1px;color:#526246}.footer-main span{font-size:11px}footer p{max-width:650px;font-size:11px;line-height:1.8}footer small{font-size:10px;color:#a9ac9e}.ad-space{top:230px}
.customer-dialog{border:1px solid #e5e6d9;border-radius:22px;background:#fcfaf6;color:#263e34;box-shadow:0 24px 100px #10231726}.customer-dialog::backdrop,dialog::backdrop{background:#172d245e;backdrop-filter:blur(4px)}.customer-head{padding-bottom:14px;border-bottom:1px solid #e5e7dc}.customer-head h2{font-size:24px;letter-spacing:-.8px}.customer-head button{background:#f1eee5;color:#697461}.customer-dialog label{font-size:13px;color:#55634e}.customer-dialog input,.customer-dialog textarea,.admin-dialog select{border:1px solid #dfe3d4;border-radius:11px;color:#263e34;background:#fff;font-size:14px;padding:12px}.customer-actions button,.recipe-card button,.backup-link{background:#f2f3e9;border:1px solid #dfe4d4;border-radius:10px;color:#526644;font-size:12px}.customer-actions button:hover,.recipe-card button:hover{background:#e8eccc}.customer-dialog .primary{background:#f47716;color:#fff}.recipe-card{border:1px solid #e1e5d7;background:#fff;border-radius:14px}.recipe-card h3{color:#35502d}.availability-check input{accent-color:#f47716;flex-shrink:0}.admin-result{border-color:#e0e5d8}.customer-dialog input:disabled,.admin-dialog select:disabled{background:#f1f2ec;color:#89927e;cursor:not-allowed}.customer-hint{color:#939a87;font-size:11px}.detail-top{color:#7a856f}.detail-top button{border-radius:50%;background:#f1f3ea}.detail-note{color:#85917a}#no-offers{background:#f1f3e9;border:1px dashed #d2d9c7;border-radius:16px;padding:32px;color:#7b896d;text-align:center}
@media(min-width:1540px){.ad-space{width:125px}.ad-left{left:max(16px,calc((100vw - 1570px)/2))}.ad-right{right:max(16px,calc((100vw - 1570px)/2))}}
@media(max-width:1000px) and (min-width:601px){.site-header,main,footer{padding-left:32px;padding-right:32px}.hero{padding:30px;min-height:380px}.hero h1{font-size:43px}.hero-art{margin:0 -20px}.discovery{gap:12px}.discovery-main{padding:20px;gap:12px}.discovery-icon{flex-basis:45px;width:45px;height:45px;font-size:28px}.discovery-main h2{font-size:19px}.hero-feature{padding:23px}.feature-title{font-size:21px}.gift-art{transform:scale(.8) rotate(12deg);flex-basis:65px}.offer-grid{gap:14px}.offer-card .card-copy{padding:16px}.price-row{flex-wrap:wrap}}
@media(max-width:600px){.site-header,main,footer{padding-left:18px;padding-right:18px}.preview-note{padding:8px 18px;text-align:center;justify-content:center;font-size:9px}.top-location{display:none}.site-header{padding-top:20px;padding-bottom:18px;gap:8px}.brand{gap:8px}.brand-mark{height:42px;width:37px;font-size:27px;border-radius:10px 10px 10px 3px}.brand small{font-size:8px;letter-spacing:0}.brand .brand-wordmark{font-size:28px;letter-spacing:-1.4px;gap:5px;flex-wrap:nowrap}.brand .brand-wordmark span{font-size:8px;letter-spacing:1.6px}.languages{gap:0;padding:3px}.languages button{padding:6px;min-height:32px;font-size:0;gap:0}.flag{width:20px;height:14px}.customer-menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 0 14px;gap:2px}.customer-menu button{flex:0 0 auto;white-space:nowrap;font-size:11px;padding:9px 11px;min-height:38px}.hero{display:flex;flex-direction:column;gap:0;margin-top:17px;padding:29px 25px 18px;border-radius:22px;min-height:0;align-items:stretch}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}.hero h1{font-size:37px;line-height:1.12;letter-spacing:-1.6px;max-width:none}.hero h1 em{font-size:1.04em;letter-spacing:-1.2px;margin-top:6px}.hero-description{font-size:12px;line-height:1.8;max-width:285px;margin:19px 0 20px}.hero .primary{font-size:12px;min-height:45px;padding:12px 19px;gap:25px}.hero-facts{margin-top:18px;font-size:9px;gap:10px}.hero-facts span+span:before{margin-right:8px}.hero-art{width:85%;align-self:center;margin:-4px 0 -8px}.art-note{font-size:12px;bottom:12px}.discovery{grid-template-columns:1fr;gap:10px;margin:13px 0 35px}.discovery-main{padding:20px 17px;border-radius:16px;gap:12px}.discovery-icon{flex-basis:43px;width:43px;height:43px;font-size:29px}.discovery .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:5px}.discovery-main h2{font-size:19px;max-width:220px}.discovery-main p{font-size:10px;line-height:1.6;max-width:220px;margin-top:5px}.discovery-arrow{width:28px;height:28px;flex-basis:28px;font-size:16px}.hero-feature{padding:22px;min-height:122px;border-radius:16px}.feature-kicker{font-size:7px;letter-spacing:1.3px}.feature-title{font-size:22px;line-height:1.15;margin:6px 0 9px;max-width:200px}.hero-feature a{font-size:10px;padding:0}.gift-art{flex-basis:58px;width:58px;height:47px;margin-right:1px}.gift-art:before{inset:0 23px}.gift-art:after{height:12px;left:-4px;right:-4px}.gift-art i:before,.gift-art i:after{width:23px;height:19px;border-width:5px;top:-16px;left:4px}.gift-art i:after{left:26px}.catalog-heading h2{font-size:25px;line-height:1.15;letter-spacing:-.8px;max-width:235px}.catalog-heading .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:8px}.catalog-heading>span{font-size:9px;padding:6px 8px;white-space:nowrap}.catalog-tools{flex-direction:column;margin:20px 0;gap:12px}.offer-filters{align-self:stretch;justify-content:space-between;padding:4px;border-radius:100px}.offer-filters button{font-size:11px;flex:1;padding:9px 10px;min-height:38px}.search{max-width:none;min-height:46px;border-radius:12px}.search input{font-size:12px}.catalog-window{margin:0 8px}.catalog-window .offer-grid{gap:10px}.offer-card{border-radius:14px}.product-shot.actual-product,.offer-card .product-shot.actual-product{width:calc(100% - 28px);margin-top:35px!important}.offer-label{top:10px;left:10px;font-size:10px;padding:4px 7px}.offer-card .card-copy,.catalog-window .card-copy{padding:12px 11px;margin-top:10px}.offer-card .card-copy h3{font-size:13px;line-height:1.4;margin-bottom:4px}.card-unit{font-size:10px;margin-bottom:14px}.price-row{flex-direction:column;align-items:start;gap:8px}.price-stack del{font-size:11px}.price-stack strong,.catalog-window .price-stack strong{font-size:29px;letter-spacing:-1px}.price-stack strong span{font-size:16px}.saving{font-size:8px;padding:4px 5px;max-width:100%}.offer-card .card-foot{padding-top:9px;margin-top:13px;align-items:start;gap:4px}.offer-card .offer-deadline{font-size:12px;flex-basis:100%;line-height:1.5}.offer-card .detail-button{font-size:10px;min-height:30px;margin-left:0}.catalog-window .pager button{height:40px;width:28px;font-size:19px;border-radius:9px}.catalog-window .page-prev{left:-23px}.catalog-window .page-next{right:-23px}.campaign-title{font-size:12px}.visit{padding:22px 18px;margin-top:12px;margin-bottom:27px;border-radius:17px;gap:13px;flex-wrap:wrap}.visit-symbol{width:38px;height:43px;font-size:27px;border-radius:10px 10px 10px 3px}.visit h2{font-size:19px;letter-spacing:-.7px}.visit p{font-size:11px;line-height:1.7}.visit-hours{margin-left:51px;font-size:10px}.footer-main{align-items:start}.footer-main strong{font-size:11px}.footer-main span{font-size:9px}footer p{font-size:10px}.customer-dialog{padding:20px;max-height:88dvh}.customer-head h2{font-size:21px}.customer-actions button{padding:11px 13px}.customer-dialog label{font-size:12px}.customer-menu button:first-child{font-size:11px}.editor-columns{grid-template-columns:1fr}}
@media(max-width:360px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:33px}.brand .brand-wordmark{font-size:25px}.brand .brand-wordmark span{font-size:7px}.brand small{font-size:7px}.discovery-main{gap:9px}.discovery-main h2{font-size:17px}.catalog-heading h2{font-size:23px}.offer-filters button{font-size:10px}.offer-card .card-copy{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Preserve prominent expiry dates and comfortable mobile controls. */
.offer-deadline{font-size:16px}
@media(max-width:600px){.offer-card .card-foot{display:block}.offer-card .offer-deadline{font-size:14px}.offer-card .card-foot .detail-button{display:block;width:100%;text-align:right;min-height:40px;margin-top:2px}.offer-filters button{min-height:44px}.customer-menu button{min-height:42px}.catalog-window .pager button{height:44px}.visit-hours{flex-basis:100%;margin-left:51px}.hero .primary{min-height:48px}}

.footer-contact{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-bottom:22px;font-size:13px;color:#526246}.footer-contact a{text-decoration:none}.footer-contact a:hover{text-decoration:underline}.contact-name{font-weight:750;color:#f47716;letter-spacing:1px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.contact-whatsapp{display:inline-flex;align-items:center;padding:12px 22px;min-height:48px;border:1px solid #dfe4d4;border-radius:100px;text-decoration:none;color:#526644;background:#f2f3e9;font-weight:650;font-size:13px}@media(max-width:600px){.footer-contact{gap:12px 20px;font-size:12px}.footer-contact>span{flex-basis:100%}}
.phone-input{display:flex;align-items:center;border:1px solid #dfe3d4;border-radius:11px;background:white;overflow:hidden;margin-top:6px}.phone-input>span{padding:12px 0 12px 14px;flex:0 0 65px;color:#617056;font-size:14px;font-weight:700}.customer-dialog .phone-input input{border:0!important;margin:0;border-radius:0;padding-left:10px;min-width:0;flex:1;width:100%}.phone-input:focus-within{outline:3px solid #c65508;outline-offset:3px}.phone-input input:focus-visible{outline:0}.remember-check{font-size:13px!important;margin-bottom:6px!important}.remember-check input{accent-color:#f47716}.auth-remember-note{font-size:11px;line-height:1.6;color:#89927e;margin:6px 0 18px}.device-signin{display:block;width:100%;border:1px solid #dce3d4;border-radius:100px;background:#f1f4e9;color:#3d5434;min-height:48px;padding:12px 18px;margin-top:12px;font-size:13px;font-weight:650}#customer-auth>.primary{width:100%}

/* Campaign illustration: two purchased units plus a gift. */
.hero-feature > div{flex:1;min-width:0}.campaign-equation{display:block;flex:0 0 126px;width:126px;height:auto;margin-left:auto;object-fit:contain}
@media(max-width:1100px){.campaign-equation{flex-basis:100px;width:100px}}
@media(max-width:600px){.campaign-equation{flex-basis:96px;width:96px}.hero-feature{gap:10px}}
@media(max-width:360px){.campaign-equation{flex-basis:80px;width:80px}}

.weighted-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:8px 0}.customer-dialog .weighted-toggle input{width:18px;height:18px;min-height:0;margin:0;accent-color:#ed6b0d}.weight-calculator{margin-top:14px;padding:12px;background:#fff7ed;border:1px solid #f6dfc5;border-radius:10px}.weight-calculator label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:650}.weight-calculator input{width:90px;max-width:50%;min-height:40px;border:1px solid #decbb3;border-radius:7px;background:white;padding:8px;color:#263e34;font:inherit}.weight-calculator small{display:block;font-size:11px;margin-top:6px;color:#596a4f}.weight-calculator .weight-error{color:#b22d24}.weight-calculator .weight-error[hidden]{display:none}
@media(max-width:600px){.weight-calculator{padding:8px}.weight-calculator label{align-items:flex-start;flex-direction:column;font-size:11px}.weight-calculator input{width:100%;max-width:100%}.weight-calculator small{font-size:10px}}

.customer-dialog input.duplicate-barcode{border:2px solid #c53226;background:#fff3f1;color:#a5221c;outline-color:#c53226}.barcode-status{font-size:13px;line-height:1.5;margin:5px 0 10px}.barcode-status[data-state=duplicate],.barcode-status[data-state=error],.barcode-status[data-state=invalid]{color:#b22d24}.barcode-status[data-state=ok]{color:#467742}.barcode-status[data-state=pending]{color:#6b7267}

/* Illustrated category tiles, matching the shop's vector artwork. */
.category-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:26px 0 8px}
.category-nav .category-tile{--tile-tint:#edf6ed;--tile-deep:#bbd9b7;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:194px;padding:8px 8px 15px;overflow:hidden;border:1px solid transparent;border-radius:22px;background:linear-gradient(155deg,#fffdf9 0%,var(--tile-tint) 100%);color:#334b3b;cursor:pointer;font-family:inherit;box-shadow:0 3px 12px #3e493407;transition:transform .2s,box-shadow .2s,border-color .2s}
.category-nav .category-picture{position:relative;display:grid;place-items:center;width:100%;height:135px;flex:0 0 135px;margin-bottom:8px}
.category-picture:before{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:var(--tile-deep);opacity:.25;top:20px;left:50%;transform:translateX(-50%)}
.category-nav .category-picture img{position:relative;width:146px;max-width:calc(100% + 12px);height:135px;object-fit:contain;transition:transform .25s}
.category-nav .category-label{display:block;font-size:12px;font-weight:750;line-height:1.45;text-align:center;max-width:100%;overflow-wrap:break-word}
.category-nav .category-sweets{--tile-tint:#ffe8ed;--tile-deep:#efb5c5}.category-nav .category-drinks{--tile-tint:#e1f3f7;--tile-deep:#9bd2df}.category-nav .category-nonfood{--tile-tint:#e9eefb;--tile-deep:#b3c3e5}.category-nav .category-oils-canned{--tile-tint:#fff1cf;--tile-deep:#efd38e}.category-nav .category-sausages{--tile-tint:#ffe9dd;--tile-deep:#e6b59b}.category-nav .category-flour{--tile-tint:#f5ebda;--tile-deep:#d9c3a0}
.category-nav .category-tile.selected{border:2px solid #ed6b0d;padding:7px 7px 14px;box-shadow:0 5px 18px #ed6b0d18;color:#ad490c}
.category-nav .category-tile.selected:after{content:'✓';position:absolute;right:9px;top:9px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ed6b0d;color:white;font-size:13px;font-weight:800}
.category-nav .category-tile:focus-visible{outline:3px solid #f6b576;outline-offset:3px}
@media(hover:hover){.category-nav .category-tile:hover{transform:translateY(-4px);box-shadow:0 9px 20px #3e493414;border-color:#efba8c}.category-nav .category-tile:hover img{transform:rotate(-3deg) scale(1.05)}}
@media(min-width:601px) and (max-width:1050px){.category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-nav .category-tile{min-height:185px}.category-nav .category-label{font-size:13px}}
@media(max-width:600px){.category-nav{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ebbf9e transparent;padding:22px 1px 14px}.category-nav .category-tile{flex:0 0 145px;min-height:188px;scroll-snap-align:start;border-radius:20px}.category-nav .category-picture{height:128px;flex-basis:128px}.category-nav .category-picture img{width:140px;height:128px}.category-nav .category-label{font-size:12px}.discovery{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.category-nav .category-tile,.category-nav .category-picture img{transition:none}.category-nav .category-tile:hover,.category-nav .category-tile:hover img{transform:none}}