@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#20221e;--muted:#74776e;--cream:#fbf8f1;--orange:#e66c3b;--orange-dark:#c94e26;--line:#e9e3d8;--white:#fff;--green:#247b4b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(251,248,241,.95);border-bottom:1px solid #eee8dd;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:19px;letter-spacing:-.5px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:3px}.brand-mark{display:grid;place-items:center;background:var(--orange);color:white;border-radius:14px;width:43px;height:43px;font-family:'Playfair Display',serif;font-size:17px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.site-header nav>a{color:#55584f}.cart-open{border:0;border-radius:100px;background:var(--ink);color:white;padding:11px 17px;font-weight:600}.cart-open span{display:inline-grid;place-items:center;margin-left:8px;background:var(--orange);width:22px;height:22px;border-radius:50%;font-size:11px}.hero{max-width:1320px;margin:auto;padding:70px 6vw 82px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:520px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--orange-dark);font-weight:700}.hero h1,.section-heading h2,.how-section h2{font-family:'Playfair Display',serif;letter-spacing:-1.8px;font-size:clamp(42px,5.3vw,70px);line-height:1.08;margin:20px 0}.hero h1 em,.section-heading h2 em,.how-section h2 em{font-weight:500;color:var(--orange);}.hero-copy>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:470px;margin:0 0 27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;background:var(--orange);color:white;padding:15px 22px;border-radius:7px;font-size:13px;font-weight:700;transition:.2s}.btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.hero-note{font-size:11px;color:var(--muted);margin-top:24px}.hero-image{height:380px;position:relative}.hero-image>img{width:100%;height:100%;object-fit:cover;border-radius:48% 48% 12px 12px}.floating-note{position:absolute;bottom:22px;left:-35px;display:flex;align-items:center;gap:12px;background:white;border-radius:10px;padding:15px 19px;box-shadow:0 12px 45px #392c1c18}.floating-note>span{font-size:24px;color:var(--orange)}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:12px}.floating-note small{font-size:10px;color:var(--muted);margin-top:4px}.menu-section{background:#fff;padding:78px max(6vw,24px) 90px}.section-heading{max-width:1240px;margin:0 auto 30px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2,.how-section h2{font-size:clamp(34px,4vw,48px);margin:13px 0 0}.section-heading>p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 5px}.menu-tools{max-width:1240px;margin:0 auto 28px}.search-wrap{display:flex;align-items:center;gap:10px;max-width:390px;border:1px solid var(--line);border-radius:8px;padding:0 14px;color:var(--muted);height:44px}.search-wrap input{border:0;outline:0;width:100%;background:transparent;font-size:12px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.filter{border:1px solid var(--line);border-radius:30px;background:white;padding:9px 15px;font-size:11px;color:#66695f}.filter.active,.filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:1px solid #f0ece5;border-radius:12px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #3028190c}.product-card[hidden]{display:none}.product-image{height:190px;position:relative;background:#f2ede4;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.04)}.category-tag{position:absolute;left:12px;top:12px;background:#fffdf5eF;border-radius:30px;padding:6px 10px;font-size:9px;font-weight:700;color:#595a50}.product-info{padding:17px}.product-info h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;margin:0 0 8px}.product-info>p{height:36px;overflow:hidden;font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 17px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-size:15px}.add-btn{width:36px;height:36px;border:0;border-radius:50%;background:var(--orange);color:white;font-size:23px;line-height:1}.add-btn.added{background:var(--green);font-size:17px}.empty-state{text-align:center;padding:40px;color:var(--muted);font-size:13px}.how-section{padding:78px max(6vw,24px) 90px;text-align:center}.steps{max-width:1100px;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left}.steps>div{padding:28px;border:1px solid var(--line);border-radius:10px;background:#fffdf9}.steps span{font-family:'Playfair Display',serif;font-size:28px;color:var(--orange)}.steps h3{font-size:15px;margin:20px 0 8px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}footer{background:#20221e;color:white;padding:35px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand small{color:#b9b8ae}footer p,footer>a:last-child{font-size:11px;color:#d4d2c8}footer>a:last-child{color:#ffb08e}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#15161180;z-index:30;opacity:0;visibility:hidden;transition:.25s}.drawer-backdrop.show,.modal-backdrop.show{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:31;right:0;top:0;height:100dvh;width:min(460px,100%);background:var(--cream);padding:28px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s}.cart-drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.drawer-header h2{font-family:'Playfair Display',serif;font-size:31px;margin:6px 0 0}.icon-btn{border:1px solid var(--line);background:white;width:38px;height:38px;border-radius:50%;font-size:25px;color:var(--ink)}.cart-items{overflow:auto;flex:1;margin:22px -3px;padding:0 3px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item-main b,.cart-item-main span{display:block}.cart-item-main b{font-size:13px}.cart-item-main span{font-size:11px;color:var(--muted);margin-top:5px}.remove-item{border:0;padding:0;background:transparent;color:var(--orange-dark);font-size:10px;margin-top:9px}.cart-item>strong{grid-column:2;grid-row:1;font-size:13px}.quantity-control{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:30px;padding:4px 7px;height:31px;grid-column:2;grid-row:2}.quantity-control button{border:0;background:transparent;font-size:17px}.quantity-control span{font-size:11px;min-width:9px;text-align:center}.cart-empty{text-align:center;margin:auto 0;color:var(--muted)}.cart-empty>span{font-size:40px}.cart-empty h3{color:var(--ink);font-family:'Playfair Display',serif;font-size:23px}.cart-empty p{font-size:12px}.cart-summary{padding-top:17px;border-top:1px solid var(--line)}.total-row,.checkout-total{display:flex;justify-content:space-between;align-items:center;font-size:13px}.total-row strong,.checkout-total strong{font-size:19px}.cart-summary>small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin:9px 0 17px}.checkout-btn{width:100%}.modal-backdrop{display:grid;place-items:center;padding:20px;z-index:40}.checkout-modal{background:var(--cream);width:min(490px,100%);max-height:92dvh;overflow:auto;border-radius:14px;padding:27px}.checkout-modal form{margin-top:23px}.checkout-modal label,.admin-card label{display:block;font-size:11px;font-weight:700;margin:14px 0 7px}.checkout-modal input,.checkout-modal textarea,.admin-card input,.admin-card textarea,.admin-card select{width:100%;border:1px solid var(--line);border-radius:7px;background:white;padding:12px;outline:none;font-size:12px;resize:vertical}.checkout-modal input:focus,.checkout-modal textarea:focus,.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus{border-color:var(--orange)}.checkout-total{margin:22px 0}.privacy-note{font-size:10px;color:var(--muted);line-height:1.7;text-align:center;margin-bottom:0}.admin-body{min-height:100vh;background:#f6f2e9;padding:40px 20px}.admin-card{max-width:480px;margin:35px auto;background:white;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 15px 50px #3028190a}.admin-card h1,.admin-top h1{font-family:'Playfair Display',serif;font-size:32px;margin:8px 0}.admin-card>p{color:var(--muted);font-size:12px;line-height:1.7}.admin-card .btn{margin-top:20px;width:100%}.back-link{font-size:11px;color:var(--orange-dark)}.notice{background:#e7f5e9;color:#23663a;padding:12px 14px;border-radius:7px;font-size:12px;margin:15px 0}.notice.error{background:#fff0ed;color:#a43620}.admin-dashboard{max-width:1400px;margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-top .btn{margin-left:5px}.btn-light{background:white;color:var(--ink);border:1px solid var(--line)}.btn-dark{background:var(--ink)}.admin-columns{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:22px;align-items:start}.admin-columns .admin-card{max-width:none;margin:0;padding:25px;box-shadow:none}.admin-card h2{font-family:'Playfair Display',serif;font-size:23px;margin:0 0 18px}.admin-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.admin-card h3{font-size:14px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto}.inline-form{display:flex;gap:8px}.inline-form .btn{margin:0;width:auto}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th,td{padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600}td a{color:var(--orange-dark);font-weight:700}.delete-link{color:#b23c28}.admin-foot{text-align:center;color:var(--muted);font-size:11px;margin-top:28px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:5%;padding-top:55px}.hero-image{height:330px}.admin-columns{grid-template-columns:1fr}.product-list-card{min-width:0}}
@media(max-width:700px){.site-header{height:70px;padding:0 18px}.site-header nav{gap:13px}.site-header nav>a{display:none}.brand{font-size:16px}.brand-mark{width:38px;height:38px}.cart-open{padding:8px 11px}.hero{grid-template-columns:1fr;padding:47px 23px 55px;gap:35px}.hero h1{font-size:47px}.hero-image{height:300px;margin-left:20px}.floating-note{left:-20px}.section-heading{display:block}.section-heading>p{margin-top:15px}.menu-section{padding:55px 20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:150px}.product-info{padding:12px}.product-info h3{font-size:16px}.product-info>p{font-size:10px}.product-bottom strong{font-size:13px}.add-btn{width:32px;height:32px}.filters{gap:6px}.filter{padding:8px 11px}.steps{grid-template-columns:1fr;gap:12px}.how-section{padding:58px 20px}.steps>div{padding:20px}.steps h3{margin-top:10px}footer{align-items:flex-start;flex-direction:column;padding:28px 22px;gap:14px}.admin-body{padding:20px 12px}.admin-top{align-items:flex-start;flex-direction:column}.admin-top h1{font-size:27px}.admin-card{padding:22px}.checkout-modal{padding:21px}.cart-drawer{padding:22px}}
@media(max-width:360px){.product-grid{grid-template-columns:1fr}.product-image{height:200px}}

.category-hero{max-width:1320px;margin:auto;padding:48px 6vw;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#f4eee2}.category-hero h1{font-family:'Playfair Display',serif;font-size:clamp(35px,4.6vw,58px);letter-spacing:-1.5px;margin:12px 0}.category-hero p{max-width:520px;font-size:13px;line-height:1.8;color:var(--muted)}.category-hero img{width:230px;height:150px;object-fit:cover;border-radius:12px}.category-menu{padding-top:60px}.category-menu .filters .filter{display:inline-block}.category-tiles{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.category-tile{position:relative;background:white;border:1px solid #f0ece5;border-radius:12px;overflow:hidden;padding-bottom:22px;transition:.2s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 15px 35px #3028190c}.category-tile img{width:100%;height:180px;object-fit:cover}.category-tile>span{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.5px;margin:18px 18px 0}.category-tile h3{font-family:'Playfair Display',serif;font-size:23px;margin:7px 18px}.category-tile p{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px;margin:0 18px 15px}.category-tile>b{font-size:11px;color:var(--orange-dark);margin:0 18px}@media(max-width:1000px){.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.category-hero{padding:36px 22px}.category-hero img{width:110px;height:110px}.category-hero h1{font-size:34px}.category-hero p{font-size:11px}.category-tiles{gap:12px}.category-tile img{height:130px}.category-tile h3{font-size:19px;margin-left:12px}.category-tile p{margin-left:12px;margin-right:12px}.category-tile>span,.category-tile>b{margin-left:12px}.site-header nav{gap:10px}.site-header nav>a{display:none}}

/* Modern Fresh Bites homepage refresh */
:root{--ink:#20221e;--muted:#77796f;--cream:#fbf8f1;--orange:#e66c3b;--orange-dark:#c94e26;--line:#e9e3d8;--white:#fff;--lime:#d9f27d;--forest:#263d2d}
body{font-family:'DM Sans',sans-serif}.announcement-bar{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;background:#22251f;color:#f8f4eb;font-size:10px;letter-spacing:.2px}.announcement-spark{color:var(--lime)}.announcement-divider{opacity:.45}.announcement-bar a{color:var(--lime);font-weight:700}.site-header{height:82px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(251,248,241,.96);border-bottom:1px solid #eee8dd;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.site-header nav{display:flex;align-items:center;gap:clamp(15px,2.4vw,34px);font-size:12px;font-weight:700}.site-header nav>a{color:#55584f;transition:color .2s}.site-header nav>a:hover,.site-header nav>a.nav-active{color:var(--orange-dark)}.site-header nav .nav-contact{background:#22251f;color:#fff;padding:12px 17px;border-radius:7px}.nav-contact span{color:var(--lime);margin-left:7px}.mobile-order{display:none}.modern-hero{position:relative;overflow:hidden;max-width:1600px;margin:0 auto;min-height:600px;padding:70px max(7vw,28px) 68px;display:grid;grid-template-columns:1fr .95fr;gap:6%;align-items:center;background:#f8f3e9}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.hero-orb-one{width:440px;height:440px;border:1px solid #e8dfce;top:-240px;left:25%}.hero-orb-two{width:300px;height:300px;border:1px solid #e8dfce;bottom:-220px;left:5%}.modern-hero-copy{position:relative;z-index:1;max-width:610px}.hero-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #e5ddce;background:#fffaf0;border-radius:50px;padding:9px 13px;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#5c6552}.pulse-dot{width:7px;height:7px;background:#8dbb4e;border-radius:50%;box-shadow:0 0 0 4px #8dbb4e25}.modern-hero h1{font-family:'Playfair Display',serif;font-size:clamp(50px,6vw,82px);line-height:.99;letter-spacing:-3.4px;margin:25px 0 20px;font-weight:600}.modern-hero h1 em{font-weight:500;color:var(--orange);letter-spacing:-3px}.modern-hero-copy>p{font-size:14px;line-height:1.9;color:#77776d;max-width:455px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-primary{padding:16px 21px;box-shadow:0 9px 20px #e66c3b25}.hero-primary span,.experience-btn span{font-size:16px}.hero-secondary{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.play-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d8d0c0;border-radius:50%;font-size:15px}.hero-trust{display:flex;align-items:center;gap:11px;margin-top:36px}.trust-avatars{display:flex;padding-left:3px}.trust-avatars span{width:29px;height:29px;border:2px solid #f8f3e9;border-radius:50%;display:grid;place-items:center;margin-left:-4px;background:#e9b38e;color:#fff;font-size:11px;font-weight:800}.trust-avatars span:nth-child(2){background:#8ca17a}.trust-avatars span:nth-child(3){background:#e6a25e}.hero-trust strong,.hero-trust small{display:block}.hero-trust strong{font-size:10px}.hero-trust small{font-size:9px;color:var(--muted);margin-top:4px}.trust-divider{height:29px;width:1px;background:#e1d8c8;margin:0 5px}.trust-rating strong{font-size:12px}.trust-rating strong span{color:#eaa331}.modern-hero-visual{position:relative;z-index:1;max-width:590px;width:100%;justify-self:end}.hero-image-frame{height:430px;position:relative;overflow:hidden;border-radius:180px 180px 18px 18px;background:#e8d8c4;box-shadow:0 24px 60px #5e43251c}.hero-image-frame>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.image-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#171b15b8)}.hero-photo-caption{position:absolute;left:28px;right:25px;bottom:26px;color:white;display:flex;flex-direction:column;gap:6px}.caption-kicker{font-size:9px;letter-spacing:1.8px;color:#e5f0b7;font-weight:800}.hero-photo-caption strong{font-family:'Playfair Display',serif;font-size:24px}.hero-photo-caption>span:last-child{font-size:11px;color:#f2ede5}.floating-special{position:absolute;left:-42px;bottom:42px;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #f1eadf;border-radius:12px;padding:13px 14px;box-shadow:0 15px 40px #382c1a17}.special-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#eaf2d5;color:#526c35;font-size:19px}.floating-special small,.floating-special strong{display:block}.floating-special small{font-size:8px;letter-spacing:.8px;color:var(--muted);margin-bottom:5px}.floating-special strong{font-size:11px}.floating-special>a{margin-left:9px;font-size:19px;color:var(--orange)}.hero-sticker{position:absolute;right:-23px;top:33px;width:91px;height:91px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);color:#293b23;box-shadow:0 8px 20px #2d42131c}.hero-sticker span{font-size:8px;letter-spacing:1.5px;font-weight:800}.hero-sticker strong{font-family:'Playfair Display',serif;font-size:16px;line-height:.95;text-align:center;margin:3px 0}.offer-strip{position:relative;overflow:hidden;max-width:1240px;margin:0 auto;transform:translateY(0);background:#273e2d;color:#fff;border-radius:14px;padding:26px 34px;display:flex;align-items:center;gap:22px}.offer-icon{flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;background:var(--lime);color:#263d2d;border-radius:50%;font-size:30px;font-weight:800}.offer-copy{position:relative;z-index:1;flex:1}.offer-eyebrow{font-size:8px;letter-spacing:1.8px;color:var(--lime);font-weight:800}.offer-copy h2{font-family:'Playfair Display',serif;font-size:clamp(19px,2.2vw,27px);font-weight:500;margin:6px 0}.offer-copy h2 em{color:var(--lime)}.offer-copy p{font-size:10px;color:#d3ddcf;margin:0}.offer-cta{position:relative;z-index:1;white-space:nowrap;background:var(--lime);color:#263d2d;padding:13px 16px;border-radius:7px;font-size:10px;font-weight:800}.offer-cta span{margin-left:10px;font-size:14px}.offer-decoration{position:absolute;right:12%;top:-20px;font-family:'Playfair Display',serif;font-size:66px;line-height:.9;font-weight:700;font-style:italic;color:#ffffff08;transform:rotate(-12deg);pointer-events:none}.category-section,.trending-section{padding:83px max(6vw,24px) 88px}.category-section{padding-top:84px}.modern-section-heading{max-width:1240px;margin:0 auto 29px;display:flex;align-items:end;justify-content:space-between;gap:30px}.modern-section-heading h2{font-family:'Playfair Display',serif;font-size:clamp(34px,4vw,48px);letter-spacing:-1.7px;margin:12px 0 0}.modern-section-heading h2 em{color:var(--orange);font-weight:500}.modern-section-heading>p{max-width:320px;color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 4px}.modern-category-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.modern-category-card{min-width:0;background:#fff;border:1px solid #eee9df;border-radius:13px;overflow:hidden;transition:transform .25s,box-shadow .25s}.modern-category-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #342a1a12}.category-photo{position:relative;height:205px;overflow:hidden;background:#eee6d8}.category-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.modern-category-card:hover .category-photo img{transform:scale(1.06)}.category-number{position:absolute;top:13px;left:13px;background:#fffef0eF;color:#3d4636;border-radius:5px;padding:7px 9px;font-size:9px;font-weight:800}.category-arrow{position:absolute;right:13px;bottom:13px;width:34px;height:34px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font-size:17px;color:#273e2d;transition:transform .2s}.modern-category-card:hover .category-arrow{transform:rotate(45deg)}.category-card-copy{padding:17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.category-card-copy h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;margin:0 0 6px}.category-card-copy p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.category-link{font-size:9px;font-weight:800;color:var(--orange-dark);white-space:nowrap}.trending-section{background:#f2eee5}.trending-section .modern-section-heading{margin-bottom:30px}.text-link{font-size:11px;font-weight:800;color:var(--orange-dark);white-space:nowrap}.text-link span{font-size:16px;margin-left:8px}.trending-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.trending-card{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e9e2d6;min-width:0}.trending-image{height:190px;display:block;position:relative;overflow:hidden;background:#e7dfd1}.trending-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.trending-card:hover .trending-image img{transform:scale(1.05)}.trending-badge{position:absolute;left:12px;top:12px;background:var(--lime);color:#283b24;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:.7px}.trending-info{padding:16px}.trending-category{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--orange-dark);font-weight:800}.trending-info h3{font-family:'Playfair Display',serif;font-size:18px;margin:7px 0}.trending-info>p{font-size:10px;color:var(--muted);line-height:1.6;height:32px;overflow:hidden;margin:0 0 15px}.trending-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #f0ece5;padding-top:12px}.trending-bottom strong{font-size:14px}.trending-bottom a{font-size:9px;color:var(--orange-dark);font-weight:800;white-space:nowrap}.trending-bottom a span{font-size:13px;margin-left:5px}.no-products{max-width:1240px;margin:auto;padding:40px 20px;text-align:center;background:#fff;border:1px dashed #ddd3c1;border-radius:12px}.no-products>span{font-size:26px;color:var(--orange)}.no-products h3{font-family:'Playfair Display',serif;font-size:24px}.no-products p{font-size:12px;color:var(--muted)}.experience-band{position:relative;overflow:hidden;max-width:1240px;margin:78px auto 82px;padding:38px 45px;background:#f9e3d5;border-radius:15px;display:flex;align-items:center;gap:25px}.experience-mark{position:relative;flex:0 0 70px;height:70px;display:grid;place-items:center;border-radius:22px;background:var(--orange);color:#fff;font-family:'Playfair Display',serif;font-size:25px;font-weight:700}.experience-mark span{position:absolute;right:-7px;top:-8px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#2e4029;font-size:13px}.experience-band>div:nth-child(2){flex:1;position:relative;z-index:1}.experience-band h2{font-family:'Playfair Display',serif;font-size:clamp(27px,3vw,37px);margin:7px 0;letter-spacing:-1px}.experience-band h2 em{color:var(--orange-dark);font-weight:500}.experience-band p{font-size:11px;line-height:1.8;color:#6f655d;max-width:550px;margin:0}.experience-btn{white-space:nowrap}.experience-doodle{position:absolute;right:17%;top:-12px;font-family:'Playfair Display',serif;font-size:75px;font-weight:700;font-style:italic;color:#e66c3b0d;transform:rotate(-14deg)}.modern-footer{background:#20231e;color:#fff;padding:38px max(6vw,24px) 0}.footer-main{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:28px;align-items:center;padding-bottom:34px}.footer-brand{color:#fff}.footer-brand small{color:#bbbdb1}.footer-main>p{font-size:11px;line-height:1.8;color:#c2c3b9}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{font-size:10px;color:#dddcd4}.footer-whatsapp{white-space:nowrap;background:#d9f27d;color:#273e2d;padding:13px 15px;border-radius:7px;font-size:10px;font-weight:800}.footer-whatsapp span{margin-right:7px}.footer-bottom{border-top:1px solid #ffffff20;padding:17px 0;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#aeb0a5}.footer-bottom b{color:#f18b62}.category-hero{background:#f8f3e9}.category-menu{background:#fff}
@media(max-width:1100px){.modern-hero{padding-left:5vw;padding-right:5vw;gap:4%}.modern-hero h1{font-size:65px}.hero-image-frame{height:390px}.modern-category-grid,.trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-photo{height:230px}.offer-strip,.experience-band{margin-left:24px;margin-right:24px}.footer-main{grid-template-columns:1fr 1fr}.footer-links{grid-column:1}.footer-whatsapp{justify-self:start}}
@media(max-width:700px){.announcement-bar{font-size:9px;height:32px}.site-header{height:68px;padding:0 17px}.site-header nav{display:none}.mobile-order{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:7px;padding:11px 13px;font-size:10px;font-weight:800}.mobile-order span{color:var(--lime)}.brand{font-size:16px}.brand-mark{width:37px;height:37px}.modern-hero{grid-template-columns:1fr;padding:42px 22px 46px;gap:36px}.modern-hero h1{font-size:clamp(48px,13vw,67px);letter-spacing:-2.8px;margin-top:22px}.modern-hero h1 em{letter-spacing:-2.8px}.modern-hero-copy>p{font-size:12px}.hero-actions{gap:15px}.hero-primary{padding:14px 16px}.hero-secondary{font-size:10px}.hero-trust{margin-top:27px}.modern-hero-visual{width:calc(100% - 13px);justify-self:center;margin-right:5px}.hero-image-frame{height:340px;border-radius:145px 145px 14px 14px}.floating-special{left:-12px;bottom:22px;padding:10px}.floating-special small{font-size:7px}.floating-special strong{font-size:10px}.special-icon{width:30px;height:30px}.hero-sticker{width:74px;height:74px;right:-14px;top:21px}.hero-sticker strong{font-size:13px}.offer-strip{margin:0 15px;padding:20px 18px;gap:12px;flex-wrap:wrap;border-radius:12px}.offer-icon{width:43px;height:43px;flex-basis:43px;font-size:24px}.offer-copy{flex:1 1 calc(100% - 60px)}.offer-copy h2{font-size:20px}.offer-copy p{font-size:9px;line-height:1.6}.offer-cta{margin-left:55px;padding:11px 13px}.offer-decoration{right:0;font-size:50px}.category-section,.trending-section{padding:60px 18px}.modern-section-heading{display:block;margin-bottom:24px}.modern-section-heading h2{font-size:35px;line-height:1.1}.modern-section-heading>p{margin-top:12px;font-size:11px}.modern-category-grid,.trending-grid{gap:12px}.category-photo{height:145px}.category-number{top:9px;left:9px;padding:6px 7px}.category-arrow{right:8px;bottom:8px;width:29px;height:29px}.category-card-copy{padding:12px;display:block}.category-card-copy h3{font-size:17px}.category-card-copy p{font-size:9px;min-height:28px}.category-link{display:block;margin-top:10px}.trending-section .modern-section-heading{position:relative}.trending-section .text-link{display:inline-block;margin-top:15px}.trending-image{height:145px}.trending-info{padding:12px}.trending-info h3{font-size:16px}.trending-info>p{font-size:9px;height:29px}.trending-bottom strong{font-size:12px}.trending-bottom a{font-size:8px}.experience-band{margin:48px 15px 54px;padding:23px 19px;display:grid;grid-template-columns:48px 1fr;gap:14px}.experience-mark{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:19px}.experience-band h2{font-size:26px}.experience-band p{font-size:10px}.experience-band .eyebrow{font-size:8px}.experience-btn{grid-column:2;justify-self:start;padding:12px 16px}.experience-doodle{right:2%;font-size:48px}.modern-footer{padding:30px 20px 0}.footer-main{grid-template-columns:1fr;gap:10px;padding-bottom:24px}.footer-main>p{margin:7px 0}.footer-links{grid-column:auto;gap:18px;margin:8px 0}.footer-whatsapp{justify-self:start}.footer-bottom{font-size:8px}.category-hero{padding:30px 20px}.category-hero img{width:95px;height:95px}.category-hero h1{font-size:31px}.category-hero p{max-width:260px}.category-menu{padding-top:40px}}
@media(max-width:370px){.modern-category-grid,.trending-grid{grid-template-columns:1fr}.category-photo,.trending-image{height:190px}.category-card-copy{display:flex}.offer-cta{margin-left:0}.hero-trust{gap:7px}.trust-divider{margin:0 2px}}


/* Mobile-first navigation, favourite foods and responsive polish */
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid var(--line,#e9e3d8);background:#fff;border-radius:12px;cursor:pointer;z-index:22}
.mobile-menu-toggle span{display:block;width:18px;height:2px;background:var(--ink,#20221e);border-radius:3px;transition:transform .2s,opacity .2s}
.mobile-menu-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
.mobile-menu-toggle.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}
.favourites-section{padding:76px max(5vw,22px) 82px;background:#f8f4ec}
.favourites-intro{max-width:620px;margin:-10px 0 28px;color:var(--muted,#74776e);font-size:13px;line-height:1.8}
.favourites-grid .trending-card{border-color:#ebe3d6}
.favourite-badge{background:#fff0e8;color:#b94d28}
.favourite-card .trending-bottom a{background:#fff3eb;color:#b94d28;padding:9px 11px;border-radius:7px}
.category-section,.trending-section{scroll-margin-top:100px}
.trending-image img,.category-photo img{display:block}
@media(max-width:900px){
 .site-header{position:sticky;top:0;z-index:50}
 .mobile-menu-toggle{display:flex}
 .site-header nav{display:none;position:absolute;top:calc(100% - 1px);left:14px;right:14px;padding:14px;background:#fff;border:1px solid var(--line,#e9e3d8);border-radius:16px;box-shadow:0 20px 45px #1d1a151a;flex-direction:column;align-items:stretch;gap:3px}
 .site-header nav.nav-open{display:flex}
 .site-header nav a{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:9px}
 .site-header nav a:hover,.site-header nav a.nav-active{background:#fff4eb;color:var(--orange-dark,#c94e26)}
 .site-header nav .nav-contact{display:flex}
 .site-header nav .cart-open{width:100%;text-align:left;border-radius:9px;margin-top:4px}
 .site-header .mobile-order{display:inline-flex}
}
@media(max-width:700px){
 .announcement-bar{padding:9px 12px;font-size:10px;line-height:1.5;text-align:center;flex-wrap:wrap;justify-content:center;gap:5px}
 .site-header{padding:12px 16px;min-height:70px;gap:10px}
 .brand{font-size:16px;gap:8px}
 .brand-mark{width:38px;height:38px;border-radius:12px}
 .brand small{font-size:7px;letter-spacing:1.2px}
 .mobile-order{padding:10px 12px!important;font-size:11px!important;white-space:nowrap}
 .modern-hero{grid-template-columns:1fr!important;padding:32px 20px 42px!important;gap:26px!important}
 .modern-hero-copy{min-width:0}
 .hero-pill{font-size:9px;letter-spacing:1px;line-height:1.6;white-space:normal}
 .modern-hero h1{font-size:clamp(40px,11vw,58px)!important;line-height:1.02!important;letter-spacing:-1.5px!important;margin:18px 0 14px!important}
 .modern-hero-copy>p{font-size:13px!important;line-height:1.8!important}
 .hero-actions{display:flex;flex-wrap:wrap;gap:12px!important}
 .hero-primary{padding:13px 16px!important}
 .hero-secondary{font-size:11px}
 .hero-trust{gap:9px!important;flex-wrap:wrap;margin-top:24px!important}
 .trust-divider{display:none}
 .modern-hero-visual{width:100%;max-width:520px;margin:0 auto!important}
 .hero-image-frame{height:300px!important;border-radius:24px!important}
 .hero-photo-caption{left:15px!important;right:15px!important;bottom:16px!important}
 .hero-photo-caption strong{font-size:22px!important}
 .floating-special{left:8px!important;bottom:-18px!important;padding:12px!important;gap:9px!important}
 .floating-special strong{font-size:11px!important}
 .hero-sticker{right:5px!important;top:-10px!important;transform:scale(.8)}
 .offer-strip{margin:20px 16px 0!important;padding:22px 18px!important;display:flex!important;align-items:flex-start!important;gap:12px!important;border-radius:18px!important;flex-wrap:wrap}
 .offer-icon{width:38px!important;height:38px!important;flex:0 0 38px}
 .offer-copy{flex:1;min-width:180px}
 .offer-copy h2{font-size:23px!important;line-height:1.2!important}
 .offer-copy p{font-size:11px!important;line-height:1.7!important}
 .offer-cta{margin-left:50px}
 .offer-decoration{display:none!important}
 .category-section,.trending-section,.favourites-section{padding:48px 18px!important}
 .section-heading{align-items:flex-start!important;gap:14px!important;margin-bottom:22px!important}
 .modern-section-heading h2{font-size:clamp(29px,8vw,38px)!important;line-height:1.12!important;letter-spacing:-1px!important}
 .section-heading>p{font-size:11px!important;line-height:1.7!important}
 .modern-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .modern-category-card{min-width:0;border-radius:14px!important}
 .category-photo{height:145px!important}
 .category-card-copy{padding:12px!important;gap:7px!important;align-items:flex-start!important}
 .category-card-copy h3{font-size:15px!important;line-height:1.25}
 .category-card-copy p{font-size:10px!important;line-height:1.5!important}
 .category-link{font-size:10px!important;white-space:nowrap}
 .category-number{top:9px!important;left:9px!important}
 .category-arrow{right:9px!important;bottom:9px!important}
 .trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .trending-card{min-width:0;border-radius:13px!important}
 .trending-image{height:145px!important}
 .trending-info{padding:12px!important}
 .trending-category{font-size:8px!important;letter-spacing:.8px!important}
 .trending-info h3{font-size:15px!important;line-height:1.3!important;margin:7px 0!important}
 .trending-info p{font-size:10px!important;line-height:1.55!important;min-height:44px!important}
 .trending-bottom{gap:7px!important;align-items:center!important;flex-wrap:wrap}
 .trending-bottom strong{font-size:13px!important}
 .trending-bottom a{font-size:9px!important;padding:7px!important}
 .favourites-intro{font-size:11px!important;line-height:1.7!important;margin-top:-7px!important}
 .experience-band{margin:0 16px 40px!important;padding:24px 20px!important;display:flex!important;flex-wrap:wrap!important;gap:14px!important;border-radius:18px!important}
 .experience-band>div:nth-child(2){flex:1;min-width:190px}
 .experience-band h2{font-size:27px!important;line-height:1.15!important}
 .experience-band p{font-size:11px!important;line-height:1.7!important}
 .experience-btn{width:100%;justify-content:center}
 .experience-doodle{display:none!important}
 .modern-footer{padding:28px 18px 16px!important}
 .footer-main{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
 .footer-links{display:flex;flex-wrap:wrap;gap:14px!important}
 .footer-bottom{font-size:9px!important;gap:8px!important;flex-wrap:wrap!important;line-height:1.6}
}
@media(max-width:380px){
 .modern-category-grid,.trending-grid{grid-template-columns:1fr!important}
 .category-photo,.trending-image{height:205px!important}
 .mobile-order{font-size:10px!important;padding:9px!important}
 .modern-hero h1{font-size:39px!important}
 .hero-image-frame{height:250px!important}
}


/* Highlighted Order Now CTA + delightful add-to-cart feedback */
.product-bottom .order-now-btn,
.order-now-btn {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:auto !important;
  min-width:118px;
  min-height:42px;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#ff7a45 0%,#ed5425 100%) !important;
  color:#fff !important;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1px;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 7px 0 #c84320,0 10px 20px rgba(237,84,37,.22);
  transform:translateY(0);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  position:relative;
  overflow:hidden;
}
.product-bottom .order-now-btn::before,
.order-now-btn::before {
  content:"";
  position:absolute;
  top:-60%;
  left:-45%;
  width:35%;
  height:220%;
  transform:rotate(25deg);
  background:rgba(255,255,255,.24);
  transition:left .35s ease;
}
.product-bottom .order-now-btn:hover,
.order-now-btn:hover {
  transform:translateY(-3px);
  box-shadow:0 10px 0 #c84320,0 16px 28px rgba(237,84,37,.30);
  filter:saturate(1.08);
}
.product-bottom .order-now-btn:hover::before,
.order-now-btn:hover::before { left:125%; }
.product-bottom .order-now-btn:active,
.order-now-btn:active { transform:translateY(3px);box-shadow:0 3px 0 #c84320,0 5px 12px rgba(237,84,37,.2); }
.order-btn-label,.order-btn-arrow { position:relative;z-index:1; }
.order-btn-arrow {font-size:17px;line-height:1;transition:transform .18s ease}
.order-now-btn:hover .order-btn-arrow {transform:translate(2px,-2px)}
.order-toast {
  position:fixed;z-index:9999;top:18px;right:18px;
  display:flex;align-items:center;gap:12px;
  width:min(360px,calc(100vw - 28px));padding:15px 15px;
  border:1px solid #e5efd9;border-radius:16px;background:#fff;
  box-shadow:0 18px 55px rgba(35,45,24,.18);
  opacity:0;pointer-events:none;transform:translateY(-14px) scale(.97);
  transition:opacity .22s ease,transform .22s ease;
}
.order-toast.show {opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.order-toast-icon {width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#e8f7df;color:#3f7c27;font-size:20px;font-weight:900}
.order-toast strong {display:block;color:#262820;font-size:13px;line-height:1.4}
.order-toast small {display:block;margin-top:3px;color:#77796e;font-size:11px;line-height:1.4}
.order-toast-close {margin-left:auto;align-self:flex-start;border:0;background:transparent;color:#898b80;font-size:21px;cursor:pointer;padding:0 2px}
@media(max-width:600px) {
 .product-bottom .order-now-btn,.order-now-btn {min-width:0;width:100%!important;min-height:39px;padding:0 10px;font-size:11px;border-radius:10px;gap:7px}
 .order-toast {top:10px;right:10px}
}
@media(prefers-reduced-motion:reduce) {
 .order-now-btn,.order-toast,.order-btn-arrow {transition:none!important}
}


/* ===== Fresh Bites responsive product cards — final override ===== */
.product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}
.product-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}
.product-card .product-image {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: clamp(150px, 17vw, 220px) !important;
  overflow: hidden !important;
}
.product-card .product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.product-card .product-info {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 16px !important;
}
.product-card .product-info h3 {
  margin: 0 0 8px !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}
.product-card .product-info p {
  margin: 0 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}
.product-card .product-info .product-bottom {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 16px !important;
}
.product-card .product-info .product-bottom > strong {
  display: block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-size: 14px !important;
}
.product-card .product-bottom button.add-btn.order-now-btn {
  position: relative !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 104px !important;
  min-height: 38px !important;
  max-width: 100% !important;
  padding: 0 11px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #ff5936 !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 3px 0 #c83b20 !important;
  animation: none !important;
  transform: translateZ(0);
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .oval-animation {
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 0 !important;
  inset: -4px -7px !important;
  border: 2px solid #ff9b83 !important;
  border-radius: 999px !important;
  background: rgba(255, 155, 131, .42) !important;
  opacity: .8;
  transform: scale(.94);
  transform-origin: center !important;
  animation: fbCardOvalPulse 1.55s ease-out infinite !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-label,
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow {
  position: relative !important;
  z-index: 2 !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-label {
  display: inline-block !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow {
  display: inline-block !important;
  font-size: 15px !important;
  line-height: 1 !important;
  animation: fbCardArrowMove 1.2s ease-in-out infinite !important;
}
.product-card .product-bottom button.add-btn.order-now-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 0 #c83b20, 0 8px 15px rgba(238,77,36,.2) !important;
}
.product-card .product-bottom button.add-btn.order-now-btn:active {
  transform: translateY(2px) scale(.985) !important;
  box-shadow: 0 1px 0 #c83b20 !important;
}
@keyframes fbCardOvalPulse {
  0% { opacity: .8; transform: scale(.94); }
  70% { opacity: .3; transform: scale(1.1); }
  100% { opacity: 0; transform: scale(1.16); }
}
@keyframes fbCardArrowMove {
  0%, 100% { transform: translate(0,0); }
  50% { transform: translate(2px,-2px); }
}

/* Laptop / small desktop */
@media (max-width: 1100px) {
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
  .product-card .product-image { height: clamp(150px, 21vw, 210px) !important; }
}
/* Tablet */
@media (max-width: 800px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
  .product-card .product-image { height: clamp(145px, 31vw, 220px) !important; }
  .product-card .product-info { padding: 14px !important; }
  .product-card .product-info .product-bottom { gap: 8px !important; padding-top: 14px !important; }
  .product-card .product-info .product-bottom > strong { font-size: 13px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn { min-width: 100px !important; min-height: 37px !important; padding: 0 9px !important; gap: 5px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-label { font-size: 11px !important; }
}
/* Mobile */
@media (max-width: 480px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .product-card { border-radius: 12px !important; }
  .product-card .product-image { height: clamp(120px, 39vw, 175px) !important; }
  .product-card .product-info { padding: 10px !important; }
  .product-card .product-info h3 { font-size: 15px !important; margin-bottom: 6px !important; }
  .product-card .product-info p { font-size: 11px !important; line-height: 1.4 !important; }
  .product-card .product-info .product-bottom { flex-wrap: wrap !important; align-items: center !important; gap: 9px !important; padding-top: 12px !important; }
  .product-card .product-info .product-bottom > strong { font-size: 12px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn { min-width: 0 !important; min-height: 34px !important; padding: 0 9px !important; gap: 5px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-label { font-size: 10px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow { font-size: 13px !important; }
}
/* Very narrow phones: stack price and button to prevent any overlap */
@media (max-width: 360px) {
  .product-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .product-card .product-image { height: 210px !important; }
  .product-card .product-info { padding: 14px !important; }
  .product-card .product-info h3 { font-size: 17px !important; }
  .product-card .product-info p { font-size: 13px !important; }
  .product-card .product-info .product-bottom { flex-wrap: nowrap !important; }
  .product-card .product-info .product-bottom > strong { font-size: 14px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn { min-width: 108px !important; min-height: 38px !important; padding: 0 11px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-label { font-size: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .product-card .product-bottom button.add-btn.order-now-btn .oval-animation,
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow { animation: none !important; }
}


/* Final animation visibility fix: keep the oval in front of button background */
.product-card .product-bottom button.add-btn.order-now-btn .oval-animation {
  z-index: 0 !important;
  opacity: .8;
  transform: scale(.94);
  animation: fbCardOvalPulse 1.55s ease-out infinite !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-label,
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow {
  z-index: 2 !important;
}
@keyframes fbCardOvalPulse {
  0% { opacity: .85; transform: scale(.94); }
  70% { opacity: .35; transform: scale(1.1); }
  100% { opacity: 0; transform: scale(1.16); }
}


/* ===== Next-day pre-order concept highlights ===== */
.preorder-feature {
  max-width: 1240px;
  margin: 30px auto;
  padding: 28px 30px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) minmax(270px, .9fr);
  align-items: center;
  gap: 20px;
  color: #fffaf5;
  background: linear-gradient(120deg, #252a22 0%, #343b2e 58%, #4a3b2b 100%);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(35,35,27,.12);
}
.preorder-feature::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
  right: -55px;
  top: -120px;
  pointer-events: none;
}
.preorder-feature-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 17px;
  background: rgba(255,255,255,.1);
  font-size: 27px;
}
.preorder-kicker {
  color: #ffc49e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.8px;
}
.preorder-feature-copy h2 {
  margin: 7px 0 8px;
  font-family: 'Playfair Display', serif;
  font-size: clamp(23px, 2.5vw, 34px);
  line-height: 1.15;
}
.preorder-feature-copy h2 em { color: #ffad83; }
.preorder-feature-copy p {
  margin: 0;
  max-width: 570px;
  color: rgba(255,250,245,.76);
  font-size: 12px;
  line-height: 1.7;
}
.preorder-feature-side {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.preorder-day {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.preorder-day strong {
  color: #ffc49e;
  font-size: 11px;
  letter-spacing: 1px;
}
.preorder-day small {
  color: rgba(255,250,245,.8);
  font-size: 10px;
}
.preorder-arrow { color: #ffad83; font-size: 23px; }
.preorder-feature-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 5px;
  padding: 11px 15px;
  border-radius: 999px;
  background: #ff7044;
  color: white;
  font-size: 12px;
  font-weight: 800;
  transition: transform .2s ease, background .2s ease;
}
.preorder-feature-cta:hover { transform: translateY(-2px); background: #ff8059; }

.preorder-notice {
  max-width: 1240px;
  margin: 22px auto 0;
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  border: 1px solid #f0d3bd;
  border-radius: 13px;
  background: #fff6ed;
}
.preorder-notice-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #ffe5d3;
  font-size: 20px;
}
.preorder-notice strong {
  display: block;
  color: #7d351e;
  font-size: 13px;
  line-height: 1.5;
}
.preorder-notice p {
  margin: 4px 0 0;
  color: #7c7069;
  font-size: 11px;
  line-height: 1.65;
}
.preorder-cart-note, .preorder-checkout-note {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 10px 0 13px;
  padding: 12px;
  border: 1px solid #f0d3bd;
  border-radius: 10px;
  background: #fff6ed;
}
.preorder-cart-note strong, .preorder-checkout-note strong {
  color: #873d21;
  font-size: 12px;
}
.preorder-cart-note span, .preorder-checkout-note span {
  color: #75685f;
  font-size: 10px;
  line-height: 1.6;
}
@media (max-width: 1000px) {
  .preorder-feature {
    margin: 24px;
    grid-template-columns: 50px minmax(0, 1fr);
  }
  .preorder-feature-icon { width: 50px; height: 50px; }
  .preorder-feature-side {
    grid-column: 2;
    justify-content: flex-start;
    max-width: 430px;
  }
  .preorder-feature-cta { width: auto; }
  .preorder-notice { margin-left: 24px; margin-right: 24px; }
}
@media (max-width: 600px) {
  .preorder-feature {
    margin: 18px 14px;
    padding: 20px 17px;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    border-radius: 16px;
  }
  .preorder-feature-icon { width: 42px; height: 42px; border-radius: 12px; font-size: 21px; }
  .preorder-feature-copy h2 { font-size: 24px; }
  .preorder-feature-copy p { font-size: 11px; }
  .preorder-feature-side { grid-column: 1 / -1; gap: 12px; padding-top: 8px; }
  .preorder-feature-cta { margin-left: auto; }
  .preorder-notice { margin: 14px 14px 0; padding: 13px; gap: 10px; }
  .preorder-notice strong { font-size: 12px; }
}

/* ===== Fresh Bites Next-Day Pre-Order Hero ===== */

.preorder-hero {
  max-width: 1500px;
  margin: 0 auto;
  padding: 32px 4% 40px;
  background: #f8f2e7;
  color: #211f1a;
  font-family: Arial, sans-serif;
}

.preorder-hero-bg {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  border-radius: 30px;
  background: #29190f;
}

.preorder-food-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.preorder-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(27, 16, 9, .94) 0%,
    rgba(27, 16, 9, .79) 36%,
    rgba(27, 16, 9, .2) 72%,
    rgba(27, 16, 9, .08) 100%
  );
}

.preorder-badge {
  position: absolute;
  top: 32px;
  left: 34px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 15px;
  border-radius: 30px;
  background: #fffaf0;
  color: #38382c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}

.preorder-badge span {
  color: #7eaa42;
}

.preorder-copy {
  width: min(570px, 60%);
  padding: 100px 0 50px 34px;
  color: #fffaf3;
}

.preorder-copy h1 {
  margin: 0 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(40px, 5.5vw, 76px);
  font-weight: 700;
  line-height: .99;
  letter-spacing: -2px;
}

.preorder-copy h1 em {
  color: #ff7a35;
  font-weight: 700;
}

.preorder-copy p {
  max-width: 490px;
  margin: 0 0 24px;
  color: #eee2d5;
  font-size: 15px;
  line-height: 1.8;
}

.preorder-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.preorder-primary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 17px 22px;
  border-radius: 12px;
  background: #ff641f;
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: transform .2s, background .2s;
}

.preorder-primary:hover {
  transform: translateY(-3px);
  background: #ff7b3c;
}

.preorder-primary span {
  font-size: 20px;
}

.preorder-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fffaf3;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.play-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  font-size: 12px;
}

.preorder-floating-card {
  position: absolute;
  left: 52%;
  bottom: 34px;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: calc(100% - 40px);
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 35px rgba(0,0,0,.17);
  color: #25251f;
  animation: preorderFloat 3s ease-in-out infinite;
}

.floating-star {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  height: 44px;
  border-radius: 13px;
  background: #eaf2ce;
  color: #52752b;
  font-size: 25px;
}

.preorder-floating-card div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.preorder-floating-card small {
  color: #77746d;
  font-size: 9px;
  letter-spacing: .7px;
}

.preorder-floating-card strong {
  font-size: 14px;
}

.preorder-floating-card span {
  color: #77746d;
  font-size: 12px;
}

.preorder-floating-card > a {
  color: #ff641f;
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
}

.preorder-love {
  position: absolute;
  top: 35px;
  right: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background: #d5f36b;
  color: #28311b;
  transform: rotate(8deg);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
}

.preorder-love small {
  font-size: 9px;
  letter-spacing: 1px;
}

.preorder-love strong {
  margin: 4px 0;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: .92;
  text-align: center;
}

.preorder-love span {
  font-size: 12px;
}

.delivery-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  padding: 30px 10px 0;
}

.delivery-step {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 10px;
}

.step-icon {
  display: grid;
  place-items: center;
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #fffdf8;
  color: #ff641f;
  font-size: 25px;
}

.delivery-step h3 {
  margin: 0 0 7px;
  font-family: Georgia, serif;
  font-size: 16px;
}

.delivery-step p {
  margin: 0;
  color: #77746d;
  font-size: 12px;
  line-height: 1.5;
}

@keyframes preorderFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@media (max-width: 900px) {
  .preorder-hero {
    padding: 20px;
  }

  .preorder-hero-bg {
    min-height: 590px;
    align-items: flex-end;
  }

  .preorder-overlay {
    background: linear-gradient(
      0deg,
      rgba(27,16,9,.95) 0%,
      rgba(27,16,9,.82) 45%,
      rgba(27,16,9,.08) 100%
    );
  }

  .preorder-copy {
    width: 100%;
    padding: 150px 26px 120px;
  }

  .preorder-copy h1 {
    font-size: clamp(42px, 7vw, 64px);
  }

  .preorder-badge {
    top: 22px;
    left: 22px;
  }

  .preorder-love {
    top: 20px;
    right: 20px;
    width: 82px;
    height: 82px;
  }

  .preorder-love strong {
    font-size: 15px;
  }

  .preorder-floating-card {
    left: 22px;
    bottom: 20px;
  }

  .delivery-steps {
    gap: 8px;
    padding-top: 18px;
  }

  .delivery-step {
    align-items: flex-start;
    gap: 9px;
    padding: 5px;
  }

  .step-icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
    font-size: 19px;
  }

  .delivery-step h3 {
    font-size: 13px;
  }
}

@media (max-width: 600px) {
  .preorder-hero {
    padding: 12px;
  }

  .preorder-hero-bg {
    min-height: 610px;
    border-radius: 20px;
  }

  .preorder-food-image {
    object-position: 60% center;
  }

  .preorder-copy {
    padding: 160px 18px 145px;
  }

  .preorder-copy h1 {
    font-size: clamp(38px, 10vw, 52px);
    letter-spacing: -1.5px;
  }

  .preorder-copy p {
    font-size: 13px;
    line-height: 1.65;
  }

  .preorder-badge {
    top: 18px;
    left: 14px;
    padding: 9px 11px;
    font-size: 8px;
  }

  .preorder-love {
    top: 15px;
    right: 14px;
    width: 72px;
    height: 72px;
  }

  .preorder-love small {
    font-size: 7px;
  }

  .preorder-love strong {
    font-size: 13px;
  }

  .preorder-actions {
    align-items: flex-start;
    gap: 13px;
  }

  .preorder-primary {
    padding: 14px;
    gap: 12px;
    font-size: 12px;
  }

  .preorder-secondary {
    font-size: 11px;
  }

  .play-icon {
    width: 32px;
    height: 32px;
  }

  .preorder-floating-card {
    left: 12px;
    right: 12px;
    bottom: 14px;
    gap: 10px;
    padding: 12px;
  }

  .floating-star {
    flex-basis: 36px;
    height: 36px;
    font-size: 20px;
  }

  .preorder-floating-card strong {
    font-size: 12px;
  }

  .preorder-floating-card span {
    font-size: 10px;
  }

  .delivery-steps {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 15px 0 0;
  }

  .delivery-step {
    align-items: center;
    padding: 9px 4px;
  }

  .step-icon {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
  }

  .delivery-step h3 {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .preorder-floating-card {
    animation: none;
  }
}


/* ===== Fresh Bites category hero: reference-inspired image banner ===== */
.category-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 280px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 48px clamp(24px, 6vw, 82px) !important;
  display: flex !important;
  align-items: center !important;
  background: #f4eee2 !important;
}
.category-hero > div {
  position: relative !important;
  z-index: 2 !important;
  width: min(60%, 700px) !important;
}
.category-hero img {
  position: absolute !important;
  z-index: 0 !important;
  top: 0 !important;
  right: 0 !important;
  width: 62% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}
.category-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, #f4eee2 0%, #f4eee2 33%, rgba(244,238,226,.92) 43%, rgba(244,238,226,.35) 63%, rgba(244,238,226,0) 100%) !important;
}
.category-hero h1 {
  font-size: clamp(34px, 4.4vw, 60px) !important;
  line-height: 1.03 !important;
}
.category-hero p { max-width: 520px !important; }
.diet-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}
.diet-filter {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 9px 15px;
  border: 1px solid var(--line, #e8e0d5);
  border-radius: 999px;
  background: #fffdf9;
  color: #56564f;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background .18s, color .18s, border-color .18s, transform .18s;
}
.diet-filter:hover { transform: translateY(-1px); border-color: #ff6a3d; }
.diet-filter.active { background: #24251f; color: white; border-color: #24251f; }
.veg-symbol { color: #278a43; font-size: 12px; }
.nonveg-symbol { color: #d83d32; font-size: 12px; }
.diet-filter.active .veg-symbol,
.diet-filter.active .nonveg-symbol { color: #fff; }
.product-card .product-info { display:flex; flex-direction:column; min-width:0; }
.product-card .product-bottom {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  margin-top:auto !important;
  padding-top:15px !important;
}
.product-card .product-bottom > strong { white-space:nowrap !important; flex:0 0 auto !important; font-size:14px !important; }
.product-card .product-bottom button.add-btn.order-now-btn {
  position:relative !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:112px !important;
  width:auto !important;
  height:40px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#ff5936 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.9) !important;
  box-shadow:0 3px 0 #c83b20 !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .oval-animation {
  position:absolute !important;
  display:block !important;
  z-index:0 !important;
  pointer-events:none !important;
  inset:-4px -7px !important;
  border:2px solid #ff9b83 !important;
  border-radius:999px !important;
  background:rgba(255,155,131,.35) !important;
  opacity:.8;
  transform:scale(.94);
  animation:fbFinalOvalPulse 1.55s ease-out infinite !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-label,
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow {
  position:relative !important;
  z-index:2 !important;
}
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-label { display:inline-block !important; font-size:12px !important; }
.product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow { display:inline-block !important; font-size:16px !important; animation:fbFinalArrow 1.2s ease-in-out infinite !important; }
.product-card .product-bottom button.add-btn.order-now-btn.added { background:#2f8150 !important; }
@keyframes fbFinalOvalPulse {
  0% { opacity:.82; transform:scale(.94); }
  70% { opacity:.28; transform:scale(1.10); }
  100% { opacity:0; transform:scale(1.16); }
}
@keyframes fbFinalArrow {
  0%,100% { transform:translate(0,0); }
  50% { transform:translate(2px,-2px); }
}
@media (max-width: 800px) {
  .category-hero { min-height:250px !important; padding:34px 26px !important; }
  .category-hero > div { width:68% !important; }
  .category-hero img { width:64% !important; }
  .category-hero::after { background:linear-gradient(90deg,#f4eee2 0%,#f4eee2 27%,rgba(244,238,226,.88) 43%,rgba(244,238,226,.25) 72%,rgba(244,238,226,0) 100%) !important; }
}
@media (max-width: 520px) {
  .category-hero { min-height:300px !important; padding:28px 18px !important; align-items:flex-end !important; }
  .category-hero > div { width:100% !important; padding-top:85px !important; }
  .category-hero img { width:100% !important; height:100% !important; }
  .category-hero::after { background:linear-gradient(0deg,#f4eee2 0%,rgba(244,238,226,.97) 25%,rgba(244,238,226,.75) 50%,rgba(244,238,226,.10) 100%) !important; }
  .category-hero h1 { font-size:34px !important; }
  .category-hero p { font-size:12px !important; line-height:1.65 !important; }
  .diet-filters { gap:7px; }
  .diet-filter { padding:8px 11px; font-size:11px; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .product-card .product-image { height:clamp(125px,38vw,175px) !important; }
  .product-card .product-info { padding:10px !important; }
  .product-card .product-info h3 { font-size:15px !important; }
  .product-card .product-info p { font-size:11px !important; }
  .product-card .product-bottom { flex-wrap:wrap !important; gap:9px !important; }
  .product-card .product-bottom > strong { font-size:12px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn { min-width:0 !important; height:35px !important; padding:0 9px !important; gap:5px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-label { font-size:10px !important; }
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow { font-size:13px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .product-card .product-bottom button.add-btn.order-now-btn .oval-animation,
  .product-card .product-bottom button.add-btn.order-now-btn .order-btn-arrow { animation:none !important; }
}

.diet-tag {
  position:absolute;
  right:10px;
  top:10px;
  z-index:2;
  padding:5px 8px;
  border-radius:7px;
  background:rgba(255,255,255,.96);
  font-size:9px;
  font-weight:800;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.diet-tag.diet-veg { color:#218342; }
.diet-tag.diet-nonveg { color:#c8322a; }


/* FIX: hidden product cards must actually disappear when diet/search filters run */
.product-card[hidden] { display: none !important; }
[hidden] { display: none !important; }

.admin-help { display:block; margin-top:6px; color:#777; font-size:12px; line-height:1.5; }


/* Final Veg / Non-Veg filter visibility and layout fix */
.menu-tools { display:block !important; }
.diet-filters { display:flex !important; visibility:visible !important; opacity:1 !important; position:relative; z-index:2; margin-top:14px !important; }
.diet-filter { display:inline-flex !important; visibility:visible !important; }
.product-card[hidden], .empty-state[hidden] { display:none !important; }


/* Category hero image reliability fix: use bundled local image and keep it visible. */
.category-hero { position:relative !important; overflow:hidden !important; isolation:isolate; }
.category-hero > img { display:block !important; visibility:visible !important; opacity:1 !important; }
.category-hero > div { position:relative !important; z-index:2 !important; }
.category-hero > img { z-index:0 !important; }
.category-hero::after { z-index:1 !important; }


.auth-page{min-height:100vh;background:#f8f6f0;padding:40px 16px;display:flex;align-items:center;justify-content:center}.auth-card{width:min(100%,480px);background:#fff;border:1px solid #ece7dc;border-radius:24px;padding:30px;box-shadow:0 18px 55px #32220d12}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#222;text-decoration:none;font-weight:800}.auth-brand .brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f36c3d;color:#fff}.auth-card h1{font-size:30px;margin:0 0 8px}.auth-card .auth-intro{color:#777;margin:0 0 24px}.auth-card label{display:block;font-weight:700;font-size:14px;margin:14px 0 7px}.auth-card input,.auth-card textarea{width:100%;padding:13px 14px;border:1px solid #ddd7cb;border-radius:12px;font:inherit;box-sizing:border-box}.auth-card button,.auth-button{display:block;width:100%;border:0;border-radius:12px;background:#f36c3d;color:#fff;padding:14px;font:inherit;font-weight:800;margin-top:20px;text-align:center;text-decoration:none;cursor:pointer}.auth-card .auth-foot{margin-top:20px;text-align:center;color:#777}.auth-card .auth-foot a,.auth-link{color:#d94d25;font-weight:700}.auth-message{padding:12px;border-radius:10px;background:#fff2ec;color:#a33a19;margin:14px 0}.auth-message.success{background:#eaf8ef;color:#17653a}.account-list{display:grid;gap:12px;margin-top:20px}.account-item{padding:15px;border:1px solid #eee7db;border-radius:14px}.account-item strong{display:block;margin-bottom:5px}.account-item p{margin:4px 0;color:#666;overflow-wrap:anywhere}.auth-nav{display:inline-flex;gap:10px;align-items:center}.auth-nav a{font-weight:700}


/* Floating cart shortcut: always visible at the lower-right, like a modern help widget. */
.floating-cart-button{position:fixed;right:22px;bottom:24px;z-index:1200;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#f06b35,#e95b2d);color:#fff;box-shadow:0 12px 30px rgba(221,82,35,.32),0 3px 8px rgba(35,25,15,.12);font:700 14px/1 inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease; -webkit-tap-highlight-color:transparent}
.floating-cart-button:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(221,82,35,.38)}
.floating-cart-icon{font-size:20px;line-height:1}
.floating-cart-label{letter-spacing:.1px}
.floating-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#fff;color:#d94f25;font-size:12px;font-weight:800}
body.no-scroll .floating-cart-button{opacity:0;pointer-events:none;transform:translateY(12px)}
@media(max-width:700px){.floating-cart-button{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));min-height:56px;padding:0 17px;gap:9px;box-shadow:0 10px 28px rgba(221,82,35,.34),0 3px 10px rgba(35,25,15,.15)}.floating-cart-icon{font-size:21px}.floating-cart-label{font-size:14px}.floating-cart-count{min-width:25px;height:25px}}
@media(min-width:701px){.floating-cart-button{right:26px;bottom:28px}}

/* Mobile cart drawer close-button visibility fix */
.cart-drawer{z-index:2000;top:0;right:0;height:100vh;height:100dvh;overflow:hidden;padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));}
.drawer-header{position:relative;z-index:5;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;background:var(--cream);border-bottom:1px solid var(--line);}
.drawer-header>div{min-width:0;}
.drawer-header h2{line-height:1.15;margin:4px 0 0;}
.cart-drawer .icon-btn,#closeCart{display:inline-grid!important;place-items:center!important;flex:0 0 42px;width:42px;height:42px;min-width:42px;min-height:42px;position:relative;z-index:10;border:1px solid #ded6c8;background:#fff;color:#20221e;border-radius:50%;font-size:27px;line-height:1;box-shadow:0 3px 12px rgba(32,34,30,.08);visibility:visible!important;opacity:1!important;}
.cart-items{min-height:0;overscroll-behavior:contain;}
@media(max-width:700px){.cart-drawer{width:100%;padding-left:18px;padding-right:18px;padding-top:calc(18px + env(safe-area-inset-top));}.drawer-header h2{font-size:29px}.cart-drawer .icon-btn,#closeCart{flex-basis:42px;width:42px;height:42px;}}