@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:#4b260f;--muted:#6f655d;--cream:#fffaf5;--orange:#ff8a00;--orange-dark:#df7000;--line:#eadfd3;--white:#fff;--green:#086c08;--brand-green:#086c08;--brand-yellow:#ff8a00}*{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:#fff8f0ef;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:#000000;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 Suvaiyo homepage refresh */
:root{--ink:#20221e;--muted:#77796f;--cream:#fffaf5;--orange:#ff8a00;--orange-dark:#086c08;--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 #ff8a0025}.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:#ff8a000d;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:#086c08}
.favourite-card .trending-bottom a{background:#fff3eb;color:#086c08;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,#086c08)}
 .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 #086c08,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 #086c08,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 #086c08,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}
}


/* ===== Suvaiyo 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 #086c08 !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 #086c08, 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 #086c08 !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; }
}

/* ===== Suvaiyo 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: #ff8a00;
  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: #ff8a00;
  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: #ff8a00;
  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;
  }
}


/* ===== Suvaiyo 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 #086c08 !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;}}

/* Suvaiyo UI refresh — presentation only; PHP, database and ordering logic remain unchanged. */
:root{--orange:#ed6837;--orange-dark:#c84d24;--cream:#fffaf3;--line:#eee5d8;--green:#25804e;--ink:#24231f;--muted:#77756e}
body{font-size:14px;-webkit-font-smoothing:antialiased}
::selection{background:#ffe0cf;color:#542b19}
:focus-visible{outline:3px solid #f3a27e;outline-offset:3px}
.site-header{box-shadow:0 4px 20px rgba(42,32,20,.035)}
.brand-mark{box-shadow:0 6px 15px rgba(230,108,59,.18)}
.site-header nav>a{transition:color .18s ease}
.site-header nav>a:hover,.site-header nav>a.nav-active{color:var(--orange-dark)}
.btn,.preorder-primary,.preorder-feature-cta,.offer-cta,.order-now-btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover,.preorder-primary:hover,.preorder-feature-cta:hover,.offer-cta:hover,.order-now-btn:hover{box-shadow:0 9px 22px rgba(201,78,38,.18)}
.preorder-hero{isolation:isolate}
.preorder-copy h1{letter-spacing:-2px}
.preorder-feature{border:1px solid #f1e5d7;box-shadow:0 14px 35px rgba(63,43,20,.045)}
.modern-category-card,.trending-card,.product-card{box-shadow:0 5px 20px rgba(53,40,23,.025)}
.modern-category-card:hover,.trending-card:hover{box-shadow:0 15px 36px rgba(53,40,23,.09)}
.category-photo img,.trending-image img,.product-image img{display:block}
.trending-image,.category-photo{overflow:hidden}
.product-card{border-radius:16px}
.product-image{background:linear-gradient(135deg,#f7eee2,#f4e6d6)}
.product-info h3{line-height:1.25}
.add-btn{box-shadow:0 5px 12px rgba(237,104,55,.18);transition:transform .18s ease,background .18s ease}
.add-btn:hover{transform:scale(1.07)}
.filter{transition:background .18s ease,color .18s ease,border-color .18s ease}
.search-wrap:focus-within{border-color:#edaa8e;box-shadow:0 0 0 3px rgba(237,104,55,.08)}
.cart-drawer{box-shadow:-18px 0 55px rgba(22,20,16,.16)}
.cart-summary{background:var(--cream)}
.checkout-modal,.auth-card,.admin-card{box-shadow:0 22px 70px rgba(37,29,17,.12)}
.checkout-modal input:focus,.checkout-modal textarea:focus,.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus,.auth-card input:focus,.auth-card textarea:focus{border-color:#ed9876;box-shadow:0 0 0 3px rgba(237,104,55,.09)}
.pay-card{box-shadow:0 16px 45px rgba(37,29,17,.07);border-radius:20px}
.qr-box{border:1px dashed #e8c9b5;border-radius:16px;background:#fffaf6}
.auth-card{border-radius:22px}
.auth-card button,.auth-button{box-shadow:0 8px 18px rgba(243,108,61,.17)}
.notice,.auth-message{line-height:1.55}
.modern-footer{margin-top:0}
@media(max-width:1000px){
 .site-header{padding-left:24px;padding-right:24px}
 .site-header nav{gap:17px}
 .modern-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .preorder-feature{gap:20px}
}
@media(max-width:700px){
 body{font-size:13px}
 .site-header{height:70px;padding-left:17px;padding-right:17px}
 .brand{font-size:17px;gap:9px}
 .brand-mark{width:39px;height:39px;border-radius:12px}
 .site-header nav{gap:0}
 .preorder-hero{padding:34px 19px 28px;min-height:unset}
 .preorder-copy h1{font-size:clamp(39px,10vw,54px);line-height:1.04;letter-spacing:-1.5px}
 .preorder-copy>p{font-size:13px;line-height:1.8}
 .preorder-actions{gap:10px;flex-wrap:wrap}
 .preorder-primary,.preorder-secondary{min-height:46px}
 .preorder-floating-card{left:10px;right:10px;bottom:16px;max-width:calc(100% - 20px)}
 .preorder-love{right:10px;top:10px}
 .delivery-steps{grid-template-columns:1fr;gap:10px;margin:22px 18px 30px}
 .delivery-step{padding:14px;border-radius:13px}
 .preorder-feature{margin:20px 16px 30px;padding:20px;grid-template-columns:1fr;gap:15px;border-radius:18px}
 .preorder-feature-copy h2{font-size:29px;line-height:1.15}
 .preorder-feature-side{flex-wrap:wrap;gap:12px}
 .offer-strip{margin:20px 16px 30px;padding:22px;grid-template-columns:auto 1fr;gap:12px;border-radius:18px}
 .offer-copy h2{font-size:25px;line-height:1.2}
 .offer-cta{grid-column:1/-1;justify-self:start}
 .offer-decoration{display:none}
 .category-section,.trending-section,.favourites-section{padding:42px 17px}
 .modern-section-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:22px}
 .modern-section-heading h2{font-size:32px;line-height:1.12;letter-spacing:-.8px}
 .modern-section-heading>p{font-size:12px;line-height:1.7}
 .modern-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .category-photo{height:150px}
 .category-card-copy{padding:12px}
 .category-card-copy h3{font-size:15px}
 .category-card-copy p{font-size:10px;line-height:1.5}
 .category-link{font-size:10px}
 .trending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .trending-image{height:145px}
 .trending-info{padding:12px}
 .trending-info h3{font-size:16px;line-height:1.25}
 .trending-info>p{font-size:10px;line-height:1.55}
 .trending-bottom{gap:8px;align-items:center}
 .trending-bottom strong{font-size:13px}
 .trending-bottom a{font-size:10px}
 .favourites-intro{font-size:12px;line-height:1.7}
 .experience-band{margin:18px 16px 30px;padding:24px;grid-template-columns:1fr;gap:14px;border-radius:18px}
 .experience-band h2{font-size:30px;line-height:1.15}
 .experience-doodle{display:none}
 .modern-footer{padding:28px 18px 18px}
 .footer-main{gap:20px}
 .footer-bottom{gap:10px;flex-wrap:wrap;font-size:10px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-image{height:145px}
 .product-info{padding:12px}
 .product-info h3{font-size:16px}
 .product-info>p{font-size:10px;height:32px;margin-bottom:12px}
 .product-bottom strong{font-size:13px}
 .add-btn{width:34px;height:34px}
 .menu-section{padding:38px 17px 55px}
 .section-heading{align-items:flex-start;flex-direction:column;gap:12px}
 .section-heading h2{font-size:32px;line-height:1.12;letter-spacing:-.8px}
 .search-wrap{max-width:none;width:100%}
 .filters{gap:7px}
 .filter{padding:8px 12px}
 .cart-drawer{padding-left:17px;padding-right:17px}
 .checkout-modal{padding:22px 18px;border-radius:16px}
 .auth-card{padding:24px 20px;border-radius:18px}
 .admin-body{padding:22px 12px}
 .admin-card{padding:22px 18px}
 .admin-top{align-items:flex-start;flex-direction:column}
 .admin-columns{grid-template-columns:1fr!important}
 .pay-wrap{padding:22px 14px!important}
 .pay-card{padding:20px 16px!important}
}
@media(max-width:380px){
 .modern-category-grid,.trending-grid,.product-grid{grid-template-columns:1fr}
 .category-photo{height:190px}
 .trending-image{height:190px}
 .product-image{height:190px}
 .preorder-copy h1{font-size:38px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Mobile bottom navigation inspired by the reference screenshot */
.mobile-bottom-nav{display:none}
@media(max-width:700px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .mobile-bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:1300;
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:stretch;gap:0;background:rgba(255,255,255,.98);
    border-top:1px solid #eee5dc;box-shadow:0 -5px 20px rgba(37,26,16,.08);
    padding:7px 3px calc(7px + env(safe-area-inset-bottom));
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{
    min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;padding:2px 0;border:0;background:transparent;color:#67645e;
    text-decoration:none;font:600 10px/1.1 inherit;white-space:nowrap;
    -webkit-tap-highlight-color:transparent;cursor:pointer
  }
  .mobile-bottom-nav .mbn-icon{height:23px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}
  .mobile-bottom-nav .mbn-label{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .mobile-bottom-nav a.is-active,.mobile-bottom-nav button:active{color:#e85f32}
  .mobile-bottom-nav .mbn-cart{position:relative}
  .mobile-bottom-nav .mbn-count{position:absolute;top:-5px;right:calc(50% - 18px);min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:#ed6535;color:white;font-size:9px;line-height:15px;text-align:center}
  .floating-cart-button{display:none!important}
  .modern-footer,.site-footer{margin-bottom:12px}
}


/* Mobile checkout modal: keep the complete form usable above bottom navigation */
@media (max-width:700px){
  .modal-backdrop#checkoutBackdrop{
    position:fixed!important;inset:0!important;z-index:2000!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:10px 12px!important;box-sizing:border-box!important;
    overflow-y:auto!important;overscroll-behavior:contain;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal{
    width:100%!important;max-width:490px!important;
    max-height:calc(100dvh - 20px)!important;height:auto!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    box-sizing:border-box!important;padding:18px 16px!important;
    margin:auto!important;border-radius:16px!important;
    -webkit-overflow-scrolling:touch;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal form{margin-top:16px!important}
  .modal-backdrop#checkoutBackdrop .checkout-modal textarea{min-height:68px}
  .modal-backdrop#checkoutBackdrop .checkout-modal .checkout-btn,
  .modal-backdrop#checkoutBackdrop .checkout-modal button[type="submit"]{
    width:100%!important;min-height:48px!important;white-space:normal!important;
  }
  body:has(#checkoutBackdrop.show) .mobile-bottom-nav{display:none!important}
  body:has(#checkoutBackdrop.show){padding-bottom:0!important;overflow:hidden!important}
}

/* Customer account: visually distinguish verified and confirmed orders */
.account-item-confirmed{background:#effaf2!important;border-color:#b8e5c5!important;box-shadow:inset 4px 0 0 #22a35a}
.account-item-confirmed strong{color:#176b39}
.account-status-confirmed{display:inline-block;color:#137b3c;background:#dcf7e5;border:1px solid #b8e5c5;border-radius:999px;padding:2px 8px;font-weight:700}


/* =========================================================
   SUVAIYO — POLISHED CHECKOUT UI OVERRIDES
   Visual-only changes. Order/API behaviour is unchanged.
   ========================================================= */
.modal-backdrop#checkoutBackdrop {
  background: rgba(31, 28, 23, .48);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.modal-backdrop#checkoutBackdrop .checkout-modal {
  width: min(100%, 500px);
  max-height: min(92dvh, 900px);
  padding: clamp(22px, 4vw, 32px);
  border: 1px solid rgba(233, 227, 216, .95);
  border-radius: 22px;
  background: #fffaf4;
  box-shadow: 0 28px 90px rgba(30, 24, 17, .22);
  scrollbar-width: thin;
  scrollbar-color: #d9c8b8 transparent;
}
.modal-backdrop#checkoutBackdrop .checkout-modal h1,
.modal-backdrop#checkoutBackdrop .checkout-modal h2 {
  letter-spacing: -.035em;
}
.modal-backdrop#checkoutBackdrop .checkout-modal form {
  margin-top: 20px;
}
.modal-backdrop#checkoutBackdrop .checkout-modal label {
  display: block;
  margin: 16px 0 7px;
  color: #29251f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}
.modal-backdrop#checkoutBackdrop .checkout-modal input,
.modal-backdrop#checkoutBackdrop .checkout-modal textarea,
.modal-backdrop#checkoutBackdrop .checkout-modal select {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 12px 13px;
  border: 1px solid #e8dfd3;
  border-radius: 10px;
  background: #fff;
  color: #29251f;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  line-height: 1.45;
  outline: none;
  box-shadow: 0 1px 2px rgba(39, 28, 17, .025);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.modal-backdrop#checkoutBackdrop .checkout-modal textarea {
  min-height: 76px;
  resize: vertical;
}
.modal-backdrop#checkoutBackdrop .checkout-modal input:hover,
.modal-backdrop#checkoutBackdrop .checkout-modal textarea:hover,
.modal-backdrop#checkoutBackdrop .checkout-modal select:hover {
  border-color: #d9c9b8;
}
.modal-backdrop#checkoutBackdrop .checkout-modal input:focus,
.modal-backdrop#checkoutBackdrop .checkout-modal textarea:focus,
.modal-backdrop#checkoutBackdrop .checkout-modal select:focus {
  border-color: #ff8a00;
  box-shadow: 0 0 0 3px rgba(230, 108, 59, .12);
  background: #fff;
}
.modal-backdrop#checkoutBackdrop .checkout-modal select {
  cursor: pointer;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .checkout-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 22px 0 18px;
  padding: 17px 0;
  border-top: 1px solid #ece3d8;
  border-bottom: 1px solid #ece3d8;
  color: #29251f;
  font-size: 14px;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .checkout-total strong,
.modal-backdrop#checkoutBackdrop .checkout-modal .total-row strong {
  color: #171713;
  font-size: clamp(21px, 4vw, 25px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .checkout-btn,
.modal-backdrop#checkoutBackdrop .checkout-modal button[type="submit"] {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 18px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg, #f36b39, #e85e2e);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
  box-shadow: 0 8px 18px rgba(230, 108, 59, .18);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .checkout-btn:hover,
.modal-backdrop#checkoutBackdrop .checkout-modal button[type="submit"]:hover {
  filter: brightness(.98);
  transform: translateY(-1px);
  box-shadow: 0 11px 22px rgba(230, 108, 59, .24);
}
.modal-backdrop#checkoutBackdrop .checkout-modal .checkout-btn:active,
.modal-backdrop#checkoutBackdrop .checkout-modal button[type="submit"]:active {
  transform: translateY(0);
}
.modal-backdrop#checkoutBackdrop .checkout-modal .checkout-btn:disabled,
.modal-backdrop#checkoutBackdrop .checkout-modal button[type="submit"]:disabled {
  cursor: wait;
  opacity: .7;
  transform: none;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .privacy-note {
  margin: 14px 0 0;
  color: #858076;
  font-size: 10px;
  line-height: 1.7;
  text-align: center;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .preorder-cart-note,
.modal-backdrop#checkoutBackdrop .checkout-modal .preorder-checkout-note,
.modal-backdrop#checkoutBackdrop .checkout-modal .preorder-note {
  padding: 13px 14px;
  border: 1px solid #f2d0bd;
  border-radius: 12px;
  background: #fff5ed;
  color: #874024;
  font-size: 12px;
  line-height: 1.6;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .preorder-cart-note p,
.modal-backdrop#checkoutBackdrop .checkout-modal .preorder-checkout-note p,
.modal-backdrop#checkoutBackdrop .checkout-modal .preorder-note p {
  margin: 5px 0 0;
  color: #8b7568;
  font-size: 11px;
}
.modal-backdrop#checkoutBackdrop .checkout-modal .auth-message,
.modal-backdrop#checkoutBackdrop .checkout-modal .error-message,
.modal-backdrop#checkoutBackdrop .checkout-modal .checkout-error {
  margin: 10px 0;
  color: #b9382b;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 700px) {
  .modal-backdrop#checkoutBackdrop {
    align-items: center !important;
    padding: 10px !important;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal {
    width: 100% !important;
    max-width: 490px !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 21px 17px !important;
    border-radius: 18px !important;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal form {
    margin-top: 15px !important;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal label {
    margin-top: 14px;
    font-size: 11px;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal input,
  .modal-backdrop#checkoutBackdrop .checkout-modal textarea,
  .modal-backdrop#checkoutBackdrop .checkout-modal select {
    min-height: 44px;
    font-size: 13px;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal .checkout-total {
    margin: 18px 0 15px;
    padding: 14px 0;
  }
}
@media (max-width: 380px) {
  .modal-backdrop#checkoutBackdrop .checkout-modal {
    padding: 18px 14px !important;
    border-radius: 15px !important;
  }
  .modal-backdrop#checkoutBackdrop .checkout-modal .checkout-btn,
  .modal-backdrop#checkoutBackdrop .checkout-modal button[type="submit"] {
    padding: 12px 13px;
    font-size: 12px;
  }
}

/* TRYMYWEBSITES footer credit */
.footer-credit{font-size:10px;color:#aeb0a5;line-height:1.7}.footer-credit a{color:#d9f27d;text-decoration:none;font-weight:800;letter-spacing:.2px}.footer-credit a:hover{text-decoration:underline}footer .footer-credit{flex-basis:100%;text-align:center;padding-top:14px;border-top:1px solid #ffffff20;margin-top:10px}@media(max-width:700px){.footer-bottom{flex-wrap:wrap;justify-content:center;text-align:center}.footer-credit{width:100%;text-align:center}}


/* Suvaiyo: visible unavailable items + alternative suggestions */
.product-unavailable-image img { filter: saturate(.72); }
.availability-badge { display:inline-flex; align-items:center; justify-content:center; max-width:calc(100% - 24px); padding:7px 10px; border:1px solid #e4d7c9; border-radius:999px; background:rgba(255,250,244,.97); color:#765640; font-size:10px; line-height:1.25; font-weight:700; letter-spacing:.15px; box-shadow:0 3px 12px rgba(32,34,30,.06); }
.product-image .availability-badge { position:absolute; z-index:2; left:12px; bottom:12px; }
.homepage-availability { margin:0 0 8px; box-shadow:none; }
.product-card .unavailable-order-btn, .product-card .unavailable-order-btn:disabled { cursor:not-allowed !important; opacity:.72 !important; background:#e9e5df !important; color:#69665f !important; border:1px solid #ddd6cb !important; box-shadow:none !important; transform:none !important; animation:none !important; }
.product-alternatives { margin-top:14px; padding-top:12px; border-top:1px solid #eee8dd; }
.product-alternatives > strong { display:block; color:#6c6b62; font-size:10px; letter-spacing:.35px; margin-bottom:8px; }
.product-alternatives > div { display:flex; flex-wrap:wrap; gap:6px; }
.alternative-chip { display:inline-flex; flex-wrap:wrap; align-items:center; gap:5px; max-width:100%; padding:6px 8px; border:1px solid #e9e3d8; border-radius:7px; background:#fffdf9; font-size:10px; line-height:1.3; color:#45463f; }
.alternative-chip span { color:#b9522e; font-weight:700; white-space:nowrap; }
.alternative-chip:hover { border-color:#ff8a00; background:#fff7f1; }
@media (max-width:640px) { .availability-badge { font-size:9px; padding:6px 8px; } .product-alternatives > div { gap:5px; } .alternative-chip { font-size:9px; padding:6px; } }

.product-card.suggested-highlight { outline:2px solid #ff8a00; outline-offset:3px; transition:outline-color .2s ease; }

/* Suvaiyo brand identity */
.brand{gap:10px;min-width:0}.brand-logo{display:block;width:168px;height:66px;object-fit:contain;object-position:left center}.brand-mark{display:none!important}.site-header{border-bottom-color:#e4eadc}.cart-open{background:#086c08}.cart-open span{background:#ff8a00;color:#4b260f}.btn{background:#086c08}.btn:hover{background:#075607}.eyebrow{color:#086c08}.hero h1 em,.section-heading h2 em,.how-section h2 em{color:#086c08}.brand small{color:#086c08}


/* Suvaiyo polished footer — brand green #086c08 and yellow #ff8a00 */
.polished-footer{display:block!important;background:#086c08!important;color:#fff!important;padding:56px max(5vw,24px) 0!important;position:relative;overflow:hidden;border-top:5px solid #ff8a00}
.polished-footer:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%;right:-150px;top:-190px;pointer-events:none}
.polished-footer-grid{max-width:1320px;margin:0 auto 38px;display:grid!important;grid-template-columns:1.35fr .8fr .95fr 1.1fr!important;gap:42px!important;align-items:start!important}
.footer-brand-panel,.category-footer-brand{min-width:0}
.footer-logo-card{display:flex!important;align-items:center;justify-content:center;background:#fff!important;border-radius:22px!important;padding:13px!important;width:min(100%,300px);min-height:120px;box-shadow:0 10px 28px #00380024;border:1px solid #ff8a0055;overflow:hidden}
.footer-logo-card img{display:block;width:100%;max-width:270px;height:126px;object-fit:contain;background:transparent!important;border-radius:0!important}
.footer-brand-panel>p,.category-footer-brand>p{color:#eff8eb!important;font-size:14px!important;line-height:1.8!important;margin:20px 0 16px!important;max-width:360px}
.footer-social-note{color:#ffb15a;font-size:13px;font-weight:700;letter-spacing:.2px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}
.footer-column h3{font-size:18px!important;font-weight:800;margin:2px 0 9px!important;color:#fff!important;letter-spacing:.1px}
.footer-column h3:after{content:"";display:block;width:42px;height:4px;background:#ff8a00;border-radius:9px;margin-top:12px}
.footer-column>a{font-size:14px!important;color:#edf7e9!important;text-decoration:none;transition:color .2s,transform .2s}
.footer-column>a:hover{color:#ffb15a!important;transform:translateX(3px)}
.footer-column p{color:#e1f0dc!important;font-size:13px!important;line-height:1.75!important;margin:0 0 8px!important}
.footer-small-note,.footer-support-note{font-size:12px!important;color:#d0e7c9!important;margin-top:7px!important}
.footer-whatsapp{display:flex!important;align-items:center;gap:12px;background:#ff8a00!important;color:#064e08!important;padding:14px 16px!important;border-radius:16px!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important;white-space:normal!important;width:100%;max-width:320px;box-shadow:0 8px 20px #002d002e;border:1px solid #ffdc83;transition:transform .2s,box-shadow .2s}
.footer-whatsapp:hover{transform:translateY(-2px);box-shadow:0 12px 26px #002d0040}
.footer-whatsapp .whatsapp-mark{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#086c08;color:#fff;display:grid;place-items:center;font-size:25px;border:2px solid #fff8}
.footer-whatsapp>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}
.footer-whatsapp strong{font-size:14px;color:#064e08}
.footer-whatsapp small{font-size:11px;font-weight:600;color:#215c20}
.footer-whatsapp>b{font-size:21px;color:#086c08}
.polished-footer-bottom{max-width:1320px;margin:0 auto!important;border-top:1px solid #ffffff30!important;padding:21px 0 23px!important;display:flex!important;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#e4f1df!important;font-size:12px!important}
.polished-footer-bottom .footer-tagline{color:#f2f8ee}.polished-footer-bottom b{color:#ff8a00!important}
.polished-footer-bottom .footer-credit{font-size:12px;color:#e4f1df}.polished-footer-bottom .footer-credit a{color:#ffb15a!important;text-decoration:none;font-weight:800}
.category-footer-main{max-width:1320px;margin:0 auto 28px;display:grid;grid-template-columns:1.3fr .8fr 1.2fr;gap:44px;align-items:start}
.category-polished-footer .footer-logo-card{width:min(100%,280px)}
@media(max-width:1000px){.polished-footer-grid{grid-template-columns:1fr 1fr!important;gap:36px!important}.category-footer-main{grid-template-columns:1fr 1fr;gap:34px}.footer-logo-card{width:min(100%,280px)}}
@media(max-width:600px){.polished-footer{padding:38px 20px 0!important}.polished-footer-grid,.category-footer-main{grid-template-columns:1fr!important;gap:29px!important;margin-bottom:30px}.footer-logo-card{width:240px;min-height:105px;border-radius:18px!important;padding:10px!important}.footer-logo-card img{height:100px}.footer-brand-panel>p,.category-footer-brand>p{font-size:13px!important;margin:15px 0!important}.footer-column h3{font-size:17px!important}.footer-column{gap:12px}.footer-whatsapp{max-width:100%;padding:13px 14px!important}.polished-footer-bottom{align-items:flex-start;flex-direction:column;gap:10px;padding:18px 0 22px!important;font-size:11px!important}.polished-footer-bottom .footer-credit{font-size:11px}.category-polished-footer{padding-top:35px!important}}


/* Premium Green Footer Refresh — Suvaiyo */
.polished-footer{
  background:linear-gradient(145deg,#075807 0%,#086c08 48%,#064d08 100%)!important;
  color:#fff!important;
  border-top:6px solid #ff8a00!important;
  padding-top:54px!important;
  isolation:isolate;
}
.polished-footer:before{
  width:420px;height:420px;right:-160px;top:-230px;
  border:1px solid #ff8a0024;
  box-shadow:0 0 0 34px #ffffff05,0 0 0 72px #ffffff03;
}
.polished-footer-grid{gap:clamp(24px,3vw,44px)!important;align-items:start!important}
.footer-logo-card{
  background:#fff!important;border:2px solid #ff8a00!important;
  border-radius:24px!important;padding:14px!important;
  box-shadow:0 14px 34px #002c001f,0 0 0 5px #ffffff0a;
  transition:transform .22s ease,box-shadow .22s ease;
}
.footer-logo-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #002c0030,0 0 0 5px #ff8a0018}
.footer-brand-panel>p,.category-footer-brand>p{color:#f4fff0!important;line-height:1.85!important}
.footer-social-note{display:inline-flex;align-items:center;gap:9px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:999px;padding:9px 13px;color:#ffb15a!important}
.footer-column h3{color:#fff!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.25px;margin:0 0 19px!important;position:relative;padding-bottom:12px}
.footer-column h3:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:4px;background:#ff8a00;border-radius:9px}
.footer-column>a:not(.footer-whatsapp){color:#f0f8ed!important;text-decoration:none!important;transition:color .18s ease,transform .18s ease}
.footer-column>a:not(.footer-whatsapp):hover{color:#ffb15a!important;transform:translateX(3px)}
.footer-column p{color:#e1f0dc!important;line-height:1.75!important}
.footer-small-note,.footer-support-note{color:#c9e6c2!important}
.footer-whatsapp{
  display:flex!important;align-items:center!important;gap:12px!important;
  white-space:normal!important;background:#ff8a00!important;color:#064e08!important;
  border:2px solid #ffe18c!important;border-radius:18px!important;
  padding:15px 17px!important;box-shadow:0 10px 24px #002b0026;
  text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease;
}
.footer-whatsapp:hover{transform:translateY(-3px);box-shadow:0 15px 28px #002b0033}
.footer-whatsapp .whatsapp-mark{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#086c08;color:#fff;font-size:24px;margin:0!important}
.footer-whatsapp strong{display:block;color:#064e08!important;font-size:14px!important}
.footer-whatsapp small{display:block;color:#245b20!important;margin-top:4px;line-height:1.45}
.footer-whatsapp>b{margin-left:auto;color:#064e08!important}
.polished-footer-bottom{border-top:1px solid #ffffff30!important;padding:22px 0 24px!important;color:#eff8eb!important}
.polished-footer-bottom .footer-credit a{color:#ffb15a!important}
.polished-footer-bottom .footer-credit a:hover{text-decoration:underline}
.category-footer-main{gap:clamp(25px,3vw,44px)!important}
@media(max-width:1000px){.polished-footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand-panel{grid-column:1/-1}.footer-brand-panel>p{max-width:580px}.category-footer-main{grid-template-columns:1fr 1fr!important}.category-footer-brand{grid-column:1/-1}}
@media(max-width:600px){.polished-footer{padding:38px 20px 0!important}.polished-footer-grid,.category-footer-main{grid-template-columns:1fr!important;gap:28px!important}.footer-brand-panel,.category-footer-brand{grid-column:auto}.footer-logo-card{width:235px!important;min-height:100px!important;border-radius:20px!important}.footer-logo-card img{height:94px!important}.footer-column h3{font-size:18px!important;margin-bottom:16px!important}.footer-whatsapp{width:100%;max-width:360px;box-sizing:border-box}.polished-footer-bottom{gap:10px!important}}

/* Compact admin order management: keep each order row short even when many orders exist. */
.orders-admin-card{max-width:none;width:100%;padding:22px;overflow:hidden}
.orders-table-scroll{max-height:72vh;overflow:auto;border:1px solid var(--line);border-radius:10px}
.orders-table{min-width:1120px!important;table-layout:fixed;font-size:12px}
.orders-table th,.orders-table td{padding:10px 9px;white-space:normal;vertical-align:middle}
.orders-table th:nth-child(1){width:18%}.orders-table th:nth-child(2){width:10%}.orders-table th:nth-child(3){width:10%}.orders-table th:nth-child(4){width:8%}.orders-table th:nth-child(5){width:10%}.orders-table th:nth-child(6){width:44%}
.orders-table td small{font-size:10px;line-height:1.45;display:inline-block;margin:1px 0}
.order-actions-cell{min-width:0!important}
.tracking-admin-form{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(130px,.8fr) minmax(240px,1.7fr);gap:8px;align-items:end}
.tracking-admin-form .tracking-field{min-width:0}
.tracking-admin-form label{display:block;font-size:10px;margin:0 0 5px;font-weight:700}
.admin-card .tracking-admin-form select,.admin-card .tracking-admin-form input{font-size:11px;padding:9px 10px;min-height:36px}
.tracking-admin-form .tracking-link-field{grid-column:auto}
.tracking-admin-form p{grid-column:1/-1;margin:0;font-size:10px}
.tracking-admin-form button{font-size:10px;padding:10px 12px;min-height:36px;white-space:nowrap;margin:0}
.tracking-admin-form button[type=submit]{grid-column:auto}
@media(max-width:1100px){.orders-admin-card{padding:14px}.tracking-admin-form{grid-template-columns:1fr 1fr}.tracking-admin-form .tracking-link-field{grid-column:1/-1}.tracking-admin-form button{grid-column:span 1}.orders-table{min-width:980px!important}}


/* Shared header/footer for customer account and tracking pages */
.shared-site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(18px,4vw,56px);background:#fff;box-shadow:0 3px 18px rgba(8,108,8,.08);border-bottom:3px solid #ff8a00}
.shared-brand{display:flex;align-items:center;text-decoration:none}.shared-logo-box{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee8dc;border-radius:18px;padding:8px 14px;box-shadow:0 5px 18px rgba(0,0,0,.07)}.shared-logo-box img{display:block;width:150px;height:62px;object-fit:contain}
.shared-navigation{display:flex;align-items:center;gap:clamp(10px,1.8vw,26px)}.shared-navigation a{color:#4b260f;text-decoration:none;font-weight:700;font-size:14px;padding:10px 0;border-bottom:2px solid transparent}.shared-navigation a:hover,.shared-navigation a[aria-current=page]{color:#086c08;border-color:#ff8a00}.shared-menu-toggle{display:none;background:#086c08;color:#ff8a00;border:0;border-radius:10px;padding:10px 14px;font-size:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shared-site-footer{background:#086c08;color:#fff;margin-top:44px;border-top:5px solid #ff8a00}.shared-footer-main{max-width:1400px;margin:auto;padding:38px clamp(18px,4vw,56px);display:grid;grid-template-columns:1.5fr 1fr 1.15fr 1.2fr;gap:34px}.shared-footer-main h2{color:#ff8a00;font-size:17px;margin:0 0 16px}.shared-footer-main>div:not(:first-child)>a:not(.shared-whatsapp){display:block;color:#fff;text-decoration:none;margin:10px 0;font-size:14px}.shared-footer-main>div>a:hover{color:#ff8a00}.shared-footer-brand p,.shared-footer-contact p{line-height:1.7;color:#e8f2e8;font-size:14px;max-width:340px}.shared-footer-brand .shared-logo-box img{width:170px;height:78px}.shared-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ff8a00;color:#086c08;text-decoration:none;font-weight:800;padding:13px 18px;border-radius:999px;box-shadow:0 5px 0 rgba(0,0,0,.12);margin-top:10px}.shared-whatsapp:hover{transform:translateY(-1px);filter:brightness(1.03)}.shared-footer-bottom{border-top:1px solid rgba(255,255,255,.25);padding:18px clamp(18px,4vw,56px);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#e5f0e5}.shared-footer-bottom strong{color:#fff}
@media(max-width:900px){.shared-menu-toggle{display:block}.shared-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:14px 20px;background:#fff;box-shadow:0 10px 18px rgba(0,0,0,.1);flex-direction:column;align-items:stretch;gap:0}.shared-navigation.is-open{display:flex}.shared-navigation a{padding:12px;border-bottom:1px solid #edf1e8}.shared-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}@media(max-width:560px){.shared-site-header{padding:10px 14px}.shared-logo-box img{width:120px;height:50px}.shared-footer-main{grid-template-columns:1fr;padding:28px 20px}.shared-footer-bottom{flex-direction:column;padding:16px 20px}}


/* My Account page layout fix: full-width shared header/footer and readable desktop dashboard */
body.account-page{display:block;min-height:100vh;padding:0;background:#f8f6f0;color:#4b260f}
.account-page .shared-site-header{width:100%;box-sizing:border-box}
.account-page .account-dashboard{width:min(1100px,calc(100% - 40px));box-sizing:border-box;margin:32px auto 48px;padding:clamp(22px,3vw,38px);border-radius:22px;background:#fff;border:1px solid #ece7dc;box-shadow:0 18px 55px rgba(50,34,13,.08)}
.account-dashboard h1{font-size:clamp(28px,3vw,38px);color:#086c08;line-height:1.15}
.account-dashboard h2{font-size:23px;color:#4b260f;margin-bottom:16px}
.account-dashboard .account-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.account-dashboard .account-item{min-width:0;box-sizing:border-box;background:#fff}
.account-dashboard .account-order-card{margin:0 0 12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.account-dashboard .account-order-card>strong{font-size:15px;color:#4b260f;overflow-wrap:anywhere}
.account-dashboard .account-order-card p{line-height:1.55;font-size:14px}
.account-track-link{display:inline-flex;align-self:flex-start;margin-top:6px;padding:8px 12px;border-radius:9px;background:#fff3d4;color:#086c08;font-size:13px;font-weight:800;text-decoration:none}
.account-track-link:hover{background:#ff8a00}
.account-dashboard>.auth-button{max-width:260px}
.account-dashboard .auth-foot{margin-bottom:0}
@media(min-width:900px){.account-dashboard .account-orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-dashboard .account-orders-grid .account-order-card{margin:0}}
@media(max-width:700px){.account-page .account-dashboard{width:calc(100% - 24px);margin:18px auto 28px;padding:20px 16px}.account-dashboard .account-list{grid-template-columns:1fr}.account-dashboard .account-orders-grid{display:grid;grid-template-columns:1fr;gap:10px}.account-dashboard .account-order-card{padding:14px}.account-dashboard h2{font-size:21px}}

/* Account dashboard: highlight the newest order and keep key actions visible. */
.account-latest-order{margin:28px 0 24px;padding:clamp(18px,2.5vw,28px);border:1px solid #d8ebd9;border-left:5px solid #086c08;border-radius:18px;background:linear-gradient(135deg,#f0fbf1 0%,#fff 72%);box-shadow:0 10px 28px rgba(8,108,8,.06)}
.account-latest-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.account-eyebrow{display:block;margin-bottom:5px;color:#086c08;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.account-latest-order h2{margin:0!important;font-size:clamp(22px,2.5vw,28px)!important}
.account-latest-status{display:inline-flex;align-items:center;max-width:48%;padding:7px 12px;border:1px solid #b8e3bd;border-radius:999px;background:#e1f7e5;color:#086c08;font-size:12px;font-weight:800;text-align:center}
.account-latest-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.account-latest-details>div{min-width:0;padding:12px;border:1px solid #e4eee3;border-radius:12px;background:#fff}
.account-latest-details small{display:block;margin-bottom:6px;color:#667466;font-size:11px;font-weight:700}
.account-latest-details strong{display:block;color:#4b260f;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.account-latest-items{margin:14px 0;color:#4e5c4f;font-size:13px;line-height:1.55}
.account-latest-actions,.account-bottom-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.account-primary-action,.account-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s ease,background .18s ease}
.account-primary-action{background:#086c08;color:#fff;box-shadow:0 5px 14px rgba(8,108,8,.15)}
.account-primary-action:hover{background:#075507;transform:translateY(-1px)}
.account-secondary-action{border:1px solid #d6e5d3;background:#fff;color:#086c08}
.account-secondary-action:hover{background:#fff3d4;border-color:#ff8a00}
.account-dashboard .account-section-title{margin:28px 0 14px}
.account-bottom-actions{margin:24px 0 8px;padding-top:18px;border-top:1px solid #eee8dc}
@media(max-width:800px){.account-latest-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.account-latest-heading{align-items:flex-start;flex-direction:column}.account-latest-status{max-width:100%}.account-latest-details{grid-template-columns:1fr 1fr;gap:8px}.account-latest-details>div{padding:10px}.account-primary-action,.account-secondary-action{flex:1}}

/* Shared header tracking CTA and account quick actions */
.shared-track-cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#086c08;color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:12px 18px;border-radius:12px;box-shadow:0 6px 15px rgba(8,108,8,.15);white-space:nowrap;transition:transform .18s ease,background .18s ease}
.shared-track-cta:hover{background:#075807;transform:translateY(-1px)}
.account-top-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
@media(max-width:900px){.shared-site-header{flex-wrap:wrap}.shared-track-cta{margin-left:auto;order:2;padding:10px 13px;font-size:13px}.shared-menu-toggle{order:3}.shared-navigation{order:4}}
@media(max-width:420px){.shared-logo-box img{width:100px;height:44px}.shared-track-cta{padding:9px 10px;font-size:12px}.account-top-actions .account-primary-action,.account-top-actions .account-secondary-action{flex:1;justify-content:center}}


/* Premium refreshed shared footer */
.shared-site-footer{position:relative;overflow:hidden;margin-top:56px;border-top:5px solid #ff8a00;background:radial-gradient(ellipse at 15% 0%,rgba(255,180,36,.13),transparent 34%),linear-gradient(135deg,#075b08 0%,#086c08 48%,#064f08 100%);color:#fff}
.shared-site-footer:before,.shared-site-footer:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(255,180,36,.13);border-radius:50%;width:280px;height:280px}
.shared-site-footer:before{left:-170px;bottom:5px}.shared-site-footer:after{right:-190px;top:15px;width:360px;height:360px}
.shared-footer-accent{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:12px;padding:15px 18px 0;color:#ffb15a;font-size:10px;font-weight:800;letter-spacing:2.2px}
.shared-footer-accent .accent-heart{font-size:15px;color:#ff8a00}
.shared-footer-main{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:32px clamp(22px,5vw,72px) 38px;display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(130px,.8fr) minmax(150px,.95fr) minmax(235px,1.2fr);gap:clamp(24px,4vw,62px);align-items:start}
.shared-footer-main h2{position:relative;color:#ff8a00;font-size:16px;font-weight:800;letter-spacing:.2px;margin:5px 0 23px;padding-bottom:12px}
.shared-footer-main h2:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;border-radius:5px;background:#ff8a00}
.shared-footer-brand .shared-logo-box{width:190px;min-height:82px;box-sizing:border-box;padding:7px 13px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.15)}
.shared-footer-brand .shared-logo-box img{width:100%;height:76px;object-fit:contain}
.shared-footer-brand p,.shared-footer-contact p{line-height:1.75;color:#e7f4e5;font-size:13px;max-width:330px;margin:13px 0}
.shared-footer-brand .shared-footer-tagline{color:#fff;font-size:15px;font-weight:800;margin:18px 0 4px}
.shared-footer-promise{display:inline-flex;align-items:center;gap:8px;color:#ffdc79;font-size:12px;font-weight:700;margin-top:6px}
.shared-footer-promise span{display:grid;place-items:center;width:23px;height:23px;background:#ff8a00;color:#086c08;border-radius:50%}
.shared-footer-main>div:not(:first-child)>a:not(.shared-whatsapp){display:block;color:#f5fbf2;text-decoration:none;margin:0 0 13px;font-size:13px;line-height:1.4;transition:color .2s,transform .2s}
.shared-footer-main>div:not(:first-child)>a:not(.shared-whatsapp):hover{color:#ffb15a;transform:translateX(4px)}
.shared-footer-contact p{margin-top:-3px}
.shared-whatsapp{display:flex;width:100%;max-width:285px;box-sizing:border-box;align-items:center;gap:12px;background:#ff8a00;color:#064f08;text-decoration:none;padding:12px 14px;border-radius:15px;box-shadow:0 7px 0 rgba(0,0,0,.12);margin-top:18px;transition:transform .2s,box-shadow .2s}
.shared-whatsapp:hover{transform:translateY(-3px);box-shadow:0 10px 18px rgba(0,0,0,.16);filter:none}
.shared-wa-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#086c08;color:#ffb15a;font-size:22px}
.shared-whatsapp strong{display:block;font-size:13px;color:#064f08}.shared-whatsapp small{display:block;font-size:11px;color:#315d1c;margin-top:3px}.shared-wa-arrow{margin-left:auto;font-size:19px;font-weight:800}
.shared-footer-contact .shared-footer-help-note{font-size:11px;color:#c8e5c4;margin-top:18px}
.shared-footer-bottom{position:relative;z-index:1;max-width:none;border-top:1px solid rgba(255,255,255,.2);padding:20px clamp(22px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:rgba(0,0,0,.12);font-size:12px;color:#e5f0e5}
.shared-footer-bottom strong{color:#fff}.shared-footer-credit strong{color:#ffb15a;letter-spacing:.2px}
@media(max-width:900px){.shared-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.shared-footer-brand{grid-row:span 2}.shared-footer-contact .shared-whatsapp{max-width:100%}}
@media(max-width:560px){.shared-site-footer{margin-top:36px}.shared-footer-accent{padding-top:14px;font-size:9px;letter-spacing:1.5px}.shared-footer-main{grid-template-columns:1fr 1fr;padding:26px 20px 30px;gap:28px 20px}.shared-footer-brand{grid-column:1/-1;grid-row:auto}.shared-footer-brand .shared-logo-box{width:176px;min-height:74px}.shared-footer-brand .shared-logo-box img{height:66px}.shared-footer-main h2{font-size:15px;margin-bottom:18px}.shared-footer-main>div:not(:first-child)>a:not(.shared-whatsapp){font-size:12px;margin-bottom:12px}.shared-footer-contact{grid-column:1/-1}.shared-footer-contact p{max-width:none}.shared-footer-contact .shared-whatsapp{max-width:340px}.shared-footer-bottom{padding:17px 20px;flex-direction:column;align-items:flex-start;gap:8px;font-size:11px}}


/* Approved reference footer: warm cocoa, cream, and orange brand palette */
.suviyo-reference-footer{position:relative;overflow:hidden;background:linear-gradient(110deg,#4a1c0b 0%,#61240e 54%,#4a1b0b 100%);color:#fff8ef;padding:0 5.2% 0;border-top:4px solid #ff8a00;font-family:inherit}
.suviyo-reference-footer:before,.suviyo-reference-footer:after{content:"❧";position:absolute;pointer-events:none;color:#ff8a00;opacity:.12;font-size:130px;line-height:1;transform:rotate(-25deg)}
.suviyo-reference-footer:before{left:-24px;bottom:8px}.suviyo-reference-footer:after{right:-18px;bottom:3px;transform:scaleX(-1) rotate(-25deg)}
.srf-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.45fr .75fr 1.1fr 1.15fr 1fr;gap:28px;align-items:center;padding:28px 0 20px}
.srf-brand{display:grid;grid-template-columns:150px 1fr;gap:17px;align-items:center;padding-right:22px;border-right:1px solid rgba(255,232,206,.55)}
.srf-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:13px;padding:8px 10px;min-height:76px;box-shadow:0 5px 16px #1c090633}
.srf-logo img{display:block;width:100%;max-width:142px;height:auto;max-height:74px;object-fit:contain}
.srf-brand p{margin:0;font-size:13px;line-height:1.55;color:#fff7ef;max-width:235px}
.srf-column,.srf-help,.srf-social{align-self:center;min-width:0}
.srf-column h3,.srf-help h3,.srf-social h3{margin:0 0 9px;color:#ffb21a;font-size:15px;line-height:1.25;font-weight:800}
.srf-column>a{display:block;width:fit-content;color:#fff7ef;text-decoration:none;font-size:12px;line-height:1.65;transition:color .18s ease,transform .18s ease}
.srf-column>a:hover{color:#ffb21a;transform:translateX(3px)}
.srf-help{padding-right:24px;border-right:1px solid rgba(255,232,206,.55)}
.srf-help p{margin:0 0 12px;font-size:12px;line-height:1.5;color:#fff7ef}
.srf-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#19b84a;color:#fff;text-decoration:none;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;box-shadow:0 4px 0 #0e7730;white-space:nowrap;transition:transform .18s ease,background .18s ease}
.srf-whatsapp:hover{background:#0ca63c;transform:translateY(-2px)}.srf-wa-icon{font-size:17px;line-height:1}
.srf-social-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.srf-social-links a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#64260f;text-decoration:none;font-size:21px;font-weight:800;transition:background .18s ease,color .18s ease,transform .18s ease}
.srf-social-links a:hover{background:#ffb21a;color:#4a1c0b;transform:translateY(-2px)}
.srf-bottom{position:relative;z-index:1;max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,232,206,.45);padding:11px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff7ef;font-size:12px}
.srf-bottom a{color:#ff8a00;text-decoration:none;font-weight:900}.srf-bottom a:hover{color:#ffc45a;text-decoration:underline}
@media(max-width:1100px){.srf-main{grid-template-columns:1.3fr .8fr 1fr;gap:24px}.srf-brand{grid-column:span 1;grid-template-columns:105px 1fr;padding-right:15px}.srf-logo{min-height:65px}.srf-help{border-right:0;padding-right:0}.srf-social{grid-column:2 / 4}}
@media(max-width:700px){.suviyo-reference-footer{padding:0 20px;border-top-width:3px}.srf-main{grid-template-columns:1fr 1fr;gap:23px 20px;padding:25px 0 20px}.srf-brand{grid-column:1 / -1;grid-template-columns:105px 1fr;gap:15px;padding:0 0 18px;border-right:0;border-bottom:1px solid rgba(255,232,206,.4)}.srf-logo{min-height:65px;padding:7px}.srf-brand p{font-size:12px}.srf-column h3,.srf-help h3,.srf-social h3{font-size:14px;margin-bottom:8px}.srf-column>a,.srf-help p{font-size:11px}.srf-help{grid-column:1 / -1}.srf-whatsapp{padding:10px 14px;font-size:11px}.srf-social{grid-column:1 / -1;padding-top:3px}.srf-social-links a{width:32px;height:32px}.srf-bottom{align-items:flex-start;flex-direction:column;gap:6px;font-size:10px;padding:12px 0 15px}}
@media(min-width:701px) and (max-width:850px){.srf-main{grid-template-columns:1fr 1fr;gap:22px}.srf-brand{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(255,232,206,.4);padding:0 0 18px}.srf-help{border-right:0}.srf-social{grid-column:auto}}

/* Suvaiyo premium transparent-PNG category carousel */
.category-carousel-section{width:100%;overflow:hidden;padding:14px 0 20px;background:linear-gradient(180deg,#fffdf9 0%,#fff8ef 100%);border-top:1px solid #f6eadc;border-bottom:1px solid #f6eadc}
.category-carousel{width:100%;overflow:hidden;position:relative;isolation:isolate}
.category-carousel::before,.category-carousel::after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none}
.category-carousel::before{left:0;background:linear-gradient(90deg,#fffaf5,transparent)}
.category-carousel::after{right:0;background:linear-gradient(270deg,#fffaf5,transparent)}
.category-carousel-track{display:flex;align-items:stretch;gap:12px;width:max-content;padding:2px 14px 8px;animation:category-marquee 46s linear infinite;will-change:transform}
.category-carousel-track.is-paused{animation-play-state:paused}
.category-tile{width:120px;min-width:120px;height:124px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;padding:7px 8px 10px;background:linear-gradient(145deg,#fff5e8,#ffecd8);border:1px solid rgba(232,177,116,.18);border-radius:24px;color:#4b260f;text-align:center;box-shadow:0 5px 13px rgba(90,48,16,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.category-tile:hover,.category-tile:focus-visible{transform:translateY(-3px);box-shadow:0 8px 18px rgba(90,48,16,.11);border-color:rgba(255,138,0,.38);outline:none}
.category-tile-image{height:82px;width:100%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}
.category-tile-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent;mix-blend-mode:multiply}
.category-tile-title{display:flex;align-items:center;justify-content:center;min-height:26px;width:100%;font-size:13px;line-height:1.12;font-weight:800;letter-spacing:-.2px;color:#4b260f}
@keyframes category-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--category-distance, 0px)))}}
@media(prefers-reduced-motion:reduce){.category-carousel-track{animation:none}}
@media(max-width:700px){.category-carousel-section{padding:10px 0 13px}.category-carousel-track{gap:9px;padding-left:10px;padding-right:10px;animation-duration:36s}.category-tile{width:104px;min-width:104px;height:112px;border-radius:20px;padding:6px 7px 9px}.category-tile-image{height:72px}.category-tile-title{font-size:11px;min-height:25px}.category-carousel::before,.category-carousel::after{width:12px}}
\n/* Dynamic menu categories and Combo Offers navigation */
.dynamic-category-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.dynamic-category-filters .filter{display:inline-flex;align-items:center;border:1px solid #ead8c5;background:#fffaf3;border-radius:999px;padding:9px 14px;color:#4b260f;text-decoration:none;font-size:13px;font-weight:700;transition:background .18s,transform .18s,border-color .18s}
.dynamic-category-filters .filter:hover,.dynamic-category-filters .filter.active{background:#ff8a00;border-color:#ff8a00;color:#321708;transform:translateY(-1px)}
.combo-offer-note{margin:12px 0;padding:12px 16px;border-radius:12px;background:#fff2dc;border:1px solid #f3d4a3;color:#4b260f}


/* Final mobile alignment: five balanced bottom-nav items and horizontal menu filters */
@media(max-width:700px){
  .mobile-bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    min-height:64px;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    gap:2px!important;
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{
    min-width:0!important;width:100%;min-height:46px;padding:3px 2px!important;
    gap:4px!important;justify-content:center!important;align-items:center!important;
    font-family:inherit!important;font-size:10px!important;line-height:1.1!important;
  }
  .mobile-bottom-nav .mbn-icon{height:22px!important;width:100%;font-size:20px!important;line-height:1!important}
  .mobile-bottom-nav .mbn-label{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px!important}
  .mobile-bottom-nav a.is-active{color:#ff8a00!important}
  .dynamic-category-filters{
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
    gap:8px!important;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;
    padding:4px 2px 10px!important;margin:14px 0 16px!important;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;
  }
  .dynamic-category-filters::-webkit-scrollbar{display:none}
  .dynamic-category-filters .filter{
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:38px!important;white-space:nowrap!important;line-height:1!important;
    padding:10px 14px!important;border-radius:999px!important;font-size:12px!important;
    box-sizing:border-box!important;transform:none!important;
  }
  .dynamic-category-filters .filter.active{box-shadow:0 3px 8px rgba(75,38,15,.12)}
  .admin-body .mobile-bottom-nav{display:none!important}
}

/* Suvaiyo responsive sizing pass: larger, consistent menu cards and full-width admin orders */
@media (min-width: 701px) {
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
  .product-card { min-width: 0; }
}
@media (min-width: 1100px) {
  .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px !important; }
}
@media (min-width: 371px) and (max-width: 700px) {
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 9px !important; }
  .product-image { height: 112px !important; }
  .product-card { min-width: 0; border-radius: 12px !important; overflow: hidden; }
  .product-info, .product-card .product-info { padding: 9px 8px !important; }
  .product-card h3, .product-info h3 { font-size: 12px !important; line-height: 1.25 !important; }
  .product-card p, .product-info p { font-size: 10px !important; line-height: 1.35 !important; }
  .product-card .price, .product-info .price { font-size: 12px !important; }
  .product-card button, .product-card .btn, .product-info button { font-size: 10px !important; padding: 8px 6px !important; }
  .modern-category-grid, .trending-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
}
@media (max-width: 370px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .product-image { height: 138px !important; }
}
/* Admin orders page must use the whole content area, never the small generic card width. */
body.admin-body .admin-dashboard { width: auto; max-width: none; min-width: 0; }
body.admin-body #orders-list.orders-admin-card { display: block; width: 100% !important; max-width: none !important; min-width: 0; margin: 0 !important; }
body.admin-body #orders-list .table-scroll { width: 100%; max-width: 100%; }
body.admin-body #orders-list .orders-filter-form { width: 100%; }
@media (max-width: 700px) {
  body.admin-body .admin-dashboard { padding: 14px; }
  body.admin-body #orders-list.orders-admin-card { padding: 15px; }
}

/* Swiggy/Zomato-inspired Suvaiyo homepage refresh */
.swiggy-home{width:min(1320px,100%);margin:0 auto;padding:20px 26px 48px;color:#302018}
.home-location-search{display:grid;grid-template-columns:minmax(240px, .85fr) minmax(320px,1.5fr);gap:18px;align-items:center;margin:0 0 22px}
.home-location{display:flex;align-items:center;gap:11px;min-width:0}
.home-location-pin{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#fff0dc;color:#9a4712;border-radius:14px;font-size:27px;font-weight:800}
.home-location>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.home-location small,.home-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#b56a21}
.home-location strong{font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-location>div span{font-size:11px;color:#82756c}
.home-location-chevron{color:#8c4b20;font-size:22px;margin-left:3px}
.home-search{height:54px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eadbcb;border-radius:16px;padding:0 16px;box-shadow:0 5px 18px rgba(64,36,16,.045)}
.home-search>span{font-size:29px;color:#a84d19;line-height:1}
.home-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:14px;color:#39261b;padding:0!important}
.home-search input::placeholder{color:#9a8d82}
.home-search button{border:0;background:#f7eee5;color:#85502b;width:28px;height:28px;border-radius:50%;font-size:20px;cursor:pointer;visibility:hidden}
.swiggy-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:300px;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 85% 18%,rgba(255,179,36,.2),transparent 28%),linear-gradient(115deg,#4b260f 0%,#713213 55%,#9b4a18 100%);color:#fff;padding:32px 42px;margin-bottom:28px;isolation:isolate}
.swiggy-hero:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:5%;top:-36%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}
.swiggy-hero-copy{position:relative;z-index:2;max-width:570px}
.swiggy-hero-kicker{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 11px;font-size:9px;letter-spacing:1.7px;font-weight:800;color:#ffcf77}
.swiggy-hero h1{font-size:clamp(30px,4vw,51px);line-height:1.05;letter-spacing:-1.7px;margin:17px 0 12px;color:#fff;font-weight:800}
.swiggy-hero h1 em{font-family:'Playfair Display',Georgia,serif;color:#ffb424;font-weight:700}
.swiggy-hero-copy>p{max-width:450px;color:#f8e8d9;font-size:14px;line-height:1.7;margin:0 0 21px}
.swiggy-hero-button{display:inline-flex;align-items:center;gap:25px;background:#ffb424;color:#3b210f;text-decoration:none;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.16);transition:transform .18s,box-shadow .18s}
.swiggy-hero-button:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(0,0,0,.2)}
.swiggy-hero-button span{font-size:20px;line-height:12px}
.swiggy-hero-note{display:flex;align-items:center;gap:7px;margin-top:17px;color:#f5d9c2;font-size:11px}
.swiggy-hero-note span{color:#ffb424}
.swiggy-hero-art{position:relative;min-height:240px;display:flex;align-items:center;justify-content:center}
.swiggy-hero-art img{position:relative;z-index:1;width:min(100%,410px);height:250px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.25));mix-blend-mode:normal}
.hero-art-glow{position:absolute;width:280px;height:230px;background:#ffb424;opacity:.14;filter:blur(32px);border-radius:50%}
.hero-offer-sticker{position:absolute;z-index:2;right:2%;top:7%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#ffb424;color:#4b260f;transform:rotate(9deg);box-shadow:0 6px 18px #29140855}
.hero-offer-sticker small{font-size:7px;font-weight:800;letter-spacing:.5px}.hero-offer-sticker strong{font-size:18px;line-height:1.1}.hero-offer-sticker>span{font-size:14px}
.hero-art-caption{position:absolute;bottom:2px;right:3%;z-index:2;color:#ffe0b0;font-family:'Playfair Display',Georgia,serif;font-size:17px;font-style:italic;line-height:1.1;text-align:right;transform:rotate(-5deg)}
.swiggy-category-section{margin:0 0 22px}
.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}
.home-section-heading h2{font-size:clamp(22px,2.4vw,29px);line-height:1.2;margin:5px 0 0;color:#382318;letter-spacing:-.7px}
.home-section-heading h2 em{font-family:'Playfair Display',Georgia,serif;color:#a75018}
.home-view-all{font-size:12px;font-weight:800;color:#8e4317;text-decoration:none;white-space:nowrap;padding-bottom:4px}
.swiggy-category-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(98px,1fr);gap:12px;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#e3c7a9 transparent;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory}
.swiggy-category{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:#3b281d;padding:10px 8px 11px;border:1px solid #f0e3d5;border-radius:17px;background:#fffaf3;box-shadow:0 4px 12px rgba(74,42,18,.045);scroll-snap-align:start;transition:transform .18s,border-color .18s,box-shadow .18s}
.swiggy-category:hover{transform:translateY(-3px);border-color:#e5b46c;box-shadow:0 8px 18px rgba(74,42,18,.09)}
.swiggy-category-image{width:76px;height:70px;display:grid;place-items:center;overflow:hidden}
.swiggy-category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.swiggy-category strong{font-size:12px;text-align:center;line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.swiggy-category small{font-size:10px;color:#99877a}
.swiggy-quick-filters{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:2px 1px 17px;margin:0 0 13px;border-bottom:1px solid #f0e5da;scrollbar-width:none}
.swiggy-quick-filters::-webkit-scrollbar{display:none}
.quick-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:38px;padding:0 15px;border:1px solid #e9d9c9;background:#fff;color:#5c4030;text-decoration:none;border-radius:999px;box-shadow:0 2px 7px rgba(59,33,14,.04);font-size:12px;font-weight:700;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.quick-chip:hover,.quick-chip-active{background:#4b260f;border-color:#4b260f;color:#fff}
.swiggy-recommended{padding-top:7px}
.swiggy-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.swiggy-product-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #eee3d8;border-radius:17px;box-shadow:0 4px 14px rgba(65,38,19,.045);transition:transform .18s,box-shadow .18s}
.swiggy-product-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(65,38,19,.11)}
.swiggy-product-card[hidden]{display:none!important}
.swiggy-product-image{display:block;position:relative;aspect-ratio:1.42/1;overflow:hidden;background:#f8eddf}
.swiggy-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.swiggy-product-card:hover .swiggy-product-image img{transform:scale(1.04)}
.product-image-label{position:absolute;left:9px;top:9px;background:#fffaf0eF;color:#70401e;padding:5px 7px;border-radius:7px;font-size:8px;font-weight:900;letter-spacing:.7px}
.product-image-heart{position:absolute;right:9px;top:8px;display:grid;place-items:center;width:28px;height:28px;background:#ffffffed;border-radius:50%;color:#a34c1c;font-size:19px}
.swiggy-product-info{padding:12px 13px 13px}
.swiggy-product-category{display:block;color:#a76532;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:5px}
.swiggy-product-info h3{font-size:15px;line-height:1.3;margin:0 0 5px;color:#342318}
.swiggy-product-info h3 a{color:inherit;text-decoration:none}
.swiggy-product-info>p{font-size:11px;color:#8b7b70;line-height:1.45;margin:0;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.swiggy-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #f3e8dd}
.swiggy-product-bottom>strong{font-size:17px;color:#3a281b}
.swiggy-product-bottom>a{display:inline-flex;align-items:center;gap:7px;color:#086c08;background:#f0f8ef;border:1px solid #cfe6cc;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.swiggy-product-bottom>a span{font-size:15px}
.home-search-empty{margin:20px 0;padding:22px;text-align:center;border-radius:13px;background:#fff8ef;color:#77583f}
.home-empty-products{padding:35px 20px;text-align:center;background:#fff9f1;border:1px dashed #e5cdb3;border-radius:18px}.home-empty-products>span{font-size:35px}.home-empty-products h3{margin:8px 0;color:#4b260f}.home-empty-products p{color:#806c5c;font-size:13px}.home-empty-products a{color:#086c08;font-weight:800;text-decoration:none}
.swiggy-preorder-strip{display:flex;align-items:center;gap:15px;margin-top:28px;padding:18px 22px;background:#f8efe3;border:1px solid #edddca;border-radius:17px}
.preorder-strip-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:14px;background:#ffb424;color:#4b260f;font-size:27px;font-weight:800}
.swiggy-preorder-strip>div:nth-child(2){flex:1;min-width:0}.swiggy-preorder-strip strong{font-size:14px;color:#4b260f}.swiggy-preorder-strip p{font-size:11px;color:#806d5c;line-height:1.45;margin:4px 0 0}.swiggy-preorder-strip>a{flex:0 0 auto;text-decoration:none;color:#086c08;font-size:12px;font-weight:800}
@media(max-width:1050px){.swiggy-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.swiggy-category-row{grid-auto-columns:112px}}
@media(max-width:700px){.swiggy-home{padding:13px 13px 100px}.home-location-search{grid-template-columns:1fr;gap:12px;margin-bottom:14px}.home-location-pin{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:24px}.home-location strong{font-size:14px}.home-search{height:49px;border-radius:14px}.swiggy-hero{grid-template-columns:1.05fr .8fr;min-height:235px;padding:22px 16px;border-radius:19px;margin-bottom:22px}.swiggy-hero h1{font-size:clamp(25px,7vw,34px);letter-spacing:-1px;margin:12px 0 8px}.swiggy-hero-kicker{font-size:7px;letter-spacing:1px;padding:6px 8px}.swiggy-hero-copy>p{font-size:11px;line-height:1.5;margin-bottom:14px}.swiggy-hero-button{padding:10px 12px;gap:12px;font-size:11px;border-radius:10px}.swiggy-hero-note{font-size:9px;margin-top:11px}.swiggy-hero-art{min-height:165px;margin-right:-11px}.swiggy-hero-art img{height:165px;width:120%;max-width:none;object-fit:contain}.hero-offer-sticker{width:55px;height:55px;right:0;top:0}.hero-offer-sticker small{font-size:6px}.hero-offer-sticker strong{font-size:14px}.hero-art-caption{font-size:11px;right:0;bottom:0}.home-section-heading{margin-bottom:11px}.home-section-heading h2{font-size:22px}.home-eyebrow{font-size:8px;letter-spacing:1.1px}.home-view-all{font-size:10px}.swiggy-category-row{grid-auto-columns:91px;gap:9px;margin-right:-13px;padding-right:13px}.swiggy-category{padding:7px 5px 9px;border-radius:14px;gap:4px}.swiggy-category-image{width:66px;height:61px}.swiggy-category strong{font-size:10px}.swiggy-category small{font-size:9px}.swiggy-quick-filters{gap:7px;margin-right:-13px;padding-right:13px;padding-bottom:13px}.quick-chip{min-height:34px;padding:0 12px;font-size:10px}.swiggy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.swiggy-product-card{border-radius:13px}.swiggy-product-image{aspect-ratio:1.13/1}.product-image-label{font-size:7px;left:6px;top:6px;padding:4px 5px}.product-image-heart{width:24px;height:24px;right:6px;top:6px;font-size:16px}.swiggy-product-info{padding:9px}.swiggy-product-category{font-size:8px;letter-spacing:.6px}.swiggy-product-info h3{font-size:12px;margin-bottom:4px}.swiggy-product-info>p{font-size:10px;min-height:29px}.swiggy-product-bottom{margin-top:9px;padding-top:8px}.swiggy-product-bottom>strong{font-size:15px}.swiggy-product-bottom>a{font-size:9px;padding:7px 8px;gap:4px}.swiggy-preorder-strip{align-items:flex-start;gap:10px;padding:13px;margin-top:21px;border-radius:14px}.preorder-strip-icon{width:36px;height:36px;flex-basis:36px;font-size:23px;border-radius:11px}.swiggy-preorder-strip strong{font-size:12px}.swiggy-preorder-strip p{font-size:10px}.swiggy-preorder-strip>a{font-size:10px;max-width:90px;text-align:right;line-height:1.35}}
@media(max-width:370px){.swiggy-hero{grid-template-columns:1fr .66fr;padding:18px 12px}.swiggy-hero h1{font-size:24px}.swiggy-hero-art img{height:135px}.swiggy-product-grid{gap:8px}.swiggy-product-info{padding:8px}.swiggy-product-bottom>a{padding:6px}.swiggy-category-row{grid-auto-columns:84px}}


/* Suvaiyo mobile refinement: restore the stronger original hero and smooth category carousel */
.suvi-home-hero{margin-bottom:22px}
.suvi-home-hero .preorder-hero-bg{min-height:390px;border-radius:22px;overflow:hidden;background:#4b260f}
.suvi-home-hero .preorder-food-image{object-fit:cover;object-position:center;}
.suvi-home-hero .preorder-copy{max-width:570px}
.suvi-home-hero .preorder-copy h1 em{color:#ffb424}
.suvi-home-hero .preorder-primary{background:#ffb424;color:#4b260f}
.swiggy-category-row{display:block;position:relative;overflow:hidden;max-width:100%;padding:3px 0 12px;margin:0;scroll-snap-type:none;scrollbar-width:none}
.swiggy-category-row::-webkit-scrollbar{display:none}
.swiggy-category-track{display:flex;align-items:stretch;gap:12px;width:max-content;will-change:transform;animation:suviCategorySlide 42s linear infinite}
.swiggy-category-track.is-paused{animation-play-state:paused}
.swiggy-category-track .swiggy-category{flex:0 0 108px;width:108px;min-width:108px}
@keyframes suviCategorySlide{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--category-distance, 0px)))}}
.swiggy-category-row:focus-within .swiggy-category-track{animation-play-state:paused}
.swiggy-quick-filters{min-width:0;width:100%;max-width:100%;margin-left:0;margin-right:0;padding:4px 4px 15px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:4px;overscroll-behavior-inline:contain;box-sizing:border-box}
.swiggy-quick-filters .quick-chip:first-child{margin-left:0}
.swiggy-quick-filters .quick-chip:last-child{margin-right:4px}
@media(max-width:700px){
 .swiggy-home{width:100%;max-width:100%;overflow:hidden;padding:12px 12px 100px}
 .suvi-home-hero .preorder-hero-bg{min-height:335px;border-radius:18px}
 .suvi-home-hero .preorder-food-image{object-position:60% center}
 .suvi-home-hero .preorder-copy{width:100%;max-width:100%;padding-top:105px;position:relative;z-index:2}
 .suvi-home-hero .preorder-copy h1{font-size:clamp(29px,8vw,38px);line-height:1.05;max-width:95%;}
 .suvi-home-hero .preorder-copy p{font-size:12px;line-height:1.55;max-width:95%;}
 .suvi-home-hero .preorder-badge{font-size:8px;letter-spacing:.8px;max-width:calc(100% - 24px)}
 .suvi-home-hero .preorder-love{transform:scale(.82);transform-origin:top right;right:8px;top:8px}
 .swiggy-category-row{margin:0; padding:3px 0 12px}
 .swiggy-category-track{gap:9px;animation-duration:36s}
 .swiggy-category-track .swiggy-category{flex-basis:91px;width:91px;min-width:91px;padding:7px 5px 9px}
 .swiggy-category-image{width:66px;height:61px}
 .swiggy-category strong{font-size:10px;overflow-wrap:normal;word-break:normal}
 .swiggy-category small{font-size:9px}
 .swiggy-quick-filters{gap:7px;padding:4px 3px 14px;margin:0 0 13px}
 .quick-chip{min-height:36px;padding:0 12px;font-size:10px;flex-shrink:0}
 .swiggy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:390px){
 .swiggy-home{padding-left:10px;padding-right:10px}
 .suvi-home-hero .preorder-hero-bg{min-height:320px}
 .suvi-home-hero .preorder-copy{padding-top:95px}
 .swiggy-category-track .swiggy-category{flex-basis:84px;width:84px;min-width:84px}
 .swiggy-category-image{width:60px;height:57px}
 .quick-chip{padding:0 10px;font-size:9px}
}
/* Menu pages: avoid tiny three-column product cards on phones */
@media(max-width:700px){
 body:not(.home-page) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
 body:not(.home-page) .product-image{height:auto !important;aspect-ratio:1.08/1;}
 body:not(.home-page) .product-info{padding:10px !important}
 body:not(.home-page) .product-info h3{font-size:14px !important;line-height:1.3}
 body:not(.home-page) .product-info>p{font-size:10px !important;line-height:1.45;height:30px !important}
 body:not(.home-page) .product-bottom strong{font-size:14px !important}
 body:not(.home-page) .add-btn{width:32px;height:32px;flex:0 0 32px}
}
@media(max-width:360px){body:not(.home-page) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}}


/* Mobile-first polish: compact hero, pinned Explore all, sliding quick chips and Explore More cards */
.suvi-home-hero .preorder-hero-bg{min-height:360px}
.swiggy-quick-filters{display:flex;align-items:center;gap:9px;overflow:hidden}
.quick-chip-pinned{position:relative;z-index:2;flex:0 0 auto}
.quick-filter-viewport{flex:1 1 auto;min-width:0;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,#000 0%,#000 94%,transparent 100%)}
.quick-filter-track{display:flex;align-items:center;gap:9px;width:max-content;will-change:transform;animation:suviQuickSlide 30s linear infinite}
.quick-filter-track.is-paused{animation-play-state:paused}
.quick-filter-track .quick-chip{flex:0 0 auto}
@keyframes suviQuickSlide{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--quick-distance, 0px)))}}
.swiggy-explore-more{margin:8px 0 24px}
.explore-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.explore-more-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:128px;padding:16px;border:1px solid #f0e1d1;border-radius:18px;background:linear-gradient(145deg,#fffaf3,#fff);box-shadow:0 5px 14px rgba(75,38,15,.045);text-decoration:none;color:#4b260f;transition:transform .18s,box-shadow .18s,border-color .18s}
.explore-more-card:hover{transform:translateY(-3px);border-color:#edc28d;box-shadow:0 10px 22px rgba(75,38,15,.09)}
.explore-more-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff0d6;color:#c76500;font-size:22px;font-weight:900}
.explore-more-card strong{font-size:14px;line-height:1.2}
.explore-more-card small{font-size:11px;line-height:1.4;color:#907967;padding-right:8px}
.explore-more-arrow{position:absolute;right:13px;top:14px;color:#bd6b24;font-weight:900}
.explore-combo .explore-more-icon{background:#fff0d6}.explore-popular .explore-more-icon{background:#f9edd8}.explore-drinks .explore-more-icon{background:#e9f5e9}.explore-desserts .explore-more-icon{background:#fff0ee}
@media(max-width:700px){
 .swigi-home{padding-left:12px;padding-right:12px}
 .suvi-home-hero{margin-bottom:17px}
 .suvi-home-hero .preorder-hero-bg{min-height:0;height:clamp(285px,82vw,335px);border-radius:18px;align-items:flex-end}
 .suvi-home-hero .preorder-food-image{object-position:60% center}
 .suvi-home-hero .preorder-overlay{background:linear-gradient(0deg,rgba(27,16,9,.94) 0%,rgba(27,16,9,.72) 45%,rgba(27,16,9,.1) 100%)}
 .suvi-home-hero .preorder-copy{width:100%;max-width:100%;padding:92px 16px 18px;position:relative;z-index:2}
 .suvi-home-hero .preorder-copy h1{font-size:clamp(26px,7.2vw,34px);line-height:1.02;letter-spacing:-.7px;max-width:94%;margin:0 0 8px}
 .suvi-home-hero .preorder-copy p{font-size:11px;line-height:1.4;max-width:94%;margin:0 0 12px}
 .suvi-home-hero .preorder-badge{top:13px;left:12px;padding:7px 9px;font-size:7px;letter-spacing:.6px;max-width:calc(100% - 82px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .suvi-home-hero .preorder-love{transform:scale(.7);transform-origin:top right;right:7px;top:7px}
 .suvi-home-hero .preorder-actions{gap:10px;align-items:center}
 .suvi-home-hero .preorder-primary{padding:10px 12px;gap:12px;font-size:11px}
 .suvi-home-hero .preorder-secondary{font-size:10px;gap:6px}
 .swiggy-category-section{margin-bottom:14px}
 .swiggy-quick-filters{gap:7px;padding:4px 0 12px;margin-bottom:13px}
 .quick-chip-pinned{min-height:34px;padding:0 11px;font-size:10px}
 .quick-filter-viewport{margin-right:-12px;padding-right:12px}
 .quick-filter-track{gap:7px;animation-duration:26s}
 .quick-filter-track .quick-chip{min-height:34px;padding:0 11px;font-size:10px}
 .swiggy-explore-more{margin:7px 0 20px}
 .explore-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .explore-more-card{min-height:105px;padding:12px;border-radius:14px;gap:5px}
 .explore-more-icon{width:32px;height:32px;border-radius:10px;font-size:18px}
 .explore-more-card strong{font-size:12px}
 .explore-more-card small{font-size:10px}
}
@media(max-width:380px){
 .suvi-home-hero .preorder-hero-bg{height:285px}
 .suvi-home-hero .preorder-copy{padding-top:84px;padding-bottom:14px}
 .suvi-home-hero .preorder-copy h1{font-size:26px}
 .suvi-home-hero .preorder-copy p{font-size:10px;line-height:1.35}
 .quick-chip-pinned,.quick-filter-track .quick-chip{font-size:9px;padding-left:9px;padding-right:9px}
}


/* Suvaiyo: mobile menu cards and notifications usability patch */
.notification-nav-link{position:relative;white-space:nowrap}
.notification-count,.mbn-count{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:50%;background:#f15b42;color:#fff;font-size:10px;font-weight:800;line-height:1}
.notification-nav-link .notification-count{margin-left:4px}
.mbn-notifications .mbn-icon{position:relative}
.mbn-notifications .mbn-count{position:absolute;top:-5px;right:-10px}
@media(max-width:700px){
  .mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{padding-left:1px!important;padding-right:1px!important}
  .mobile-bottom-nav .mbn-label{font-size:9px!important;white-space:nowrap}
  .mobile-bottom-nav .mbn-icon{font-size:18px!important}
  .menu-section.category-menu{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}
  .product-grid{align-items:stretch!important;grid-auto-rows:1fr}
  .product-card{display:flex!important;flex-direction:column!important;height:100%!important}
  .product-image{aspect-ratio:1/0.82!important;height:auto!important;flex:0 0 auto!important}
  .product-info{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;gap:7px!important}
  .product-info h3{min-height:0!important;height:auto!important;max-height:2.6em!important;overflow:hidden!important}
  .product-info>p{height:auto!important;min-height:0!important;max-height:3.2em!important;overflow:hidden!important;margin:0!important}
  .product-bottom{margin-top:auto!important;padding-top:7px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}
  .product-bottom .add-btn{min-height:38px!important;width:100%!important;white-space:nowrap!important}
  .category-tag,.diet-tag{max-width:46%!important}
  .site-header{gap:8px!important}
  .site-header .brand-logo{max-width:42vw!important}
  .mobile-menu-toggle{flex:0 0 40px!important}
  .notification-mobile-bell{display:inline-flex!important}
}
.notification-mobile-bell{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#fff;position:relative;flex:0 0 38px}
.notification-mobile-bell .notification-count{position:absolute;right:-5px;top:-5px}

@media(max-width:700px){
  .mobile-bottom-nav{min-height:64px}
  main{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
  .product-grid{padding-bottom:10px}
  .category-menu .empty-state{margin-bottom:18px}
  .dynamic-category-filters{scroll-padding-left:8px}
  .dynamic-category-filters .filter:first-child{margin-left:2px}
}


/* FINAL MOBILE MENU FIX — shared across homepage and all menu/category pages */
@media (max-width: 700px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  body { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; }
  main { min-width:0; width:100%; padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px)) !important; }
  .menu-section.category-menu,
  .menu-section { width:100%; min-width:0; padding-left:12px !important; padding-right:12px !important; padding-bottom:calc(125px + env(safe-area-inset-bottom, 0px)) !important; }
  .category-hero { width:100%; min-width:0; box-sizing:border-box; }
  .menu-section .section-heading { width:100%; min-width:0; }
  .menu-section .section-heading > p { max-width:none; }
  .menu-tools { width:100%; min-width:0; }
  .menu-tools .search-wrap { width:100% !important; max-width:none !important; min-width:0 !important; }
  .dynamic-category-filters, .filters { max-width:100%; min-width:0; }
  .dynamic-category-filters { overflow-x:auto !important; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; padding-left:4px !important; padding-right:12px !important; }
  .dynamic-category-filters .filter { flex:0 0 auto !important; }
  .diet-filters { flex-wrap:wrap !important; }
  .product-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; padding-bottom:18px !important; align-items:stretch !important; grid-auto-rows:auto !important; }
  .product-card { display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; max-width:none !important; height:100% !important; overflow:hidden !important; }
  .product-image { width:100% !important; height:auto !important; aspect-ratio:1 / 0.82 !important; min-height:0 !important; flex:0 0 auto !important; }
  .product-image img { display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; }
  .product-info { display:flex !important; flex:1 1 auto !important; flex-direction:column !important; gap:7px !important; min-width:0 !important; padding:10px !important; }
  .product-info h3 { min-height:0 !important; max-height:none !important; height:auto !important; font-size:14px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; }
  .product-info p { height:auto !important; max-height:none !important; min-height:0 !important; font-size:12px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; }
  .product-bottom { margin-top:auto !important; padding-top:7px !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:7px !important; }
  .product-bottom .add-btn, .product-info .add-btn { width:100% !important; min-width:0 !important; min-height:38px !important; height:auto !important; white-space:normal !important; padding:9px 6px !important; }
  .mobile-bottom-nav { position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:1300 !important; width:100% !important; grid-template-columns:repeat(6,minmax(0,1fr)) !important; padding:6px 3px calc(7px + env(safe-area-inset-bottom,0px)) !important; }
  .mobile-bottom-nav a, .mobile-bottom-nav button { min-width:0 !important; padding-left:1px !important; padding-right:1px !important; }
  .mobile-bottom-nav .mbn-label { font-size:9px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .mobile-bottom-nav .mbn-icon { line-height:1.1 !important; }
  .modal-backdrop.show { padding-bottom:env(safe-area-inset-bottom,0px); }
}
@media (max-width: 370px) {
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  .product-info { padding:8px !important; }
  .product-info h3 { font-size:12px !important; }
  .product-bottom .add-btn, .product-info .add-btn { font-size:11px !important; }
  .mobile-bottom-nav .mbn-label { font-size:8px !important; }
}


/* Menu Explore heading visibility fix */
@media(max-width:700px){.category-hero{overflow:visible!important}.category-hero h1{line-height:1.18!important;overflow:visible!important}.menu-section .section-heading{overflow:visible!important}.menu-section .section-heading h2{line-height:1.2!important;overflow:visible!important}.menu-section.category-menu{scroll-margin-top:80px!important}}


/* SUVAIYO brand refresh — logo-led brown, orange and green palette */
:root{--ink:#4b260f;--muted:#6f655d;--cream:#fffaf5;--orange:#ff8a00;--orange-dark:#d96b00;--line:#eadfd3;--white:#fff;--green:#2f7d18;--brand-green:#2f7d18;--brand-yellow:#ff8a00;--lime:#dcefd3;--forest:#23431f}
.site-header{background:rgba(255,250,245,.97);border-bottom-color:#eadfd3}
.site-header nav>a:hover,.site-header nav>a.nav-active{color:#2f7d18}
.site-header nav .nav-contact{background:#4b260f;color:#fff}
.nav-contact span{color:#ff8a00}
.site-header .brand-logo{width:168px;height:66px;object-fit:contain;object-position:left center}
.cart-open{background:#4b260f;color:#fff}
.cart-open span{background:#ff8a00;color:#4b260f}
.btn,.preorder-primary,.order-now-btn{background:#2f7d18}
.btn:hover,.preorder-primary:hover{background:#256414}
.eyebrow,.home-eyebrow,.trending-category{color:#2f7d18}
.hero h1 em,.section-heading h2 em,.how-section h2 em,.modern-section-heading h2 em{color:#ff8a00}
.suviyo-reference-footer{border-top-color:#ff8a00}
.suviyo-reference-footer .srf-bottom b,.suviyo-reference-footer .srf-column h3{color:#ffb05c}
@media(max-width:700px){.site-header .brand-logo{width:138px;height:56px;max-width:42vw!important}}


/* --- Consistent shared header, account area and legal-page layout --- */
.shared-site-header{box-sizing:border-box;width:100%;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.6vw,26px);padding:10px clamp(16px,3.5vw,48px);background:#fffaf5;border-bottom:1px solid #eadfd3;box-shadow:0 2px 10px rgba(75,38,15,.05);position:relative;z-index:30}
.shared-brand{flex:0 0 auto}
.shared-logo-box{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.shared-logo-box img{width:clamp(125px,10vw,160px)!important;height:clamp(54px,5vw,68px)!important;object-fit:contain}
.shared-navigation{flex:1 1 auto;justify-content:center;flex-wrap:wrap;gap:clamp(10px,1.45vw,22px)!important;min-width:0}
.shared-navigation a{font-size:clamp(12px,.8vw,14px)!important;white-space:nowrap;padding:9px 0!important}
.shared-account-area{display:flex;align-items:center;gap:clamp(6px,.8vw,12px);flex:0 0 auto;color:#191919}
.shared-account-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:34px;color:#191919;text-decoration:none;font-size:26px;line-height:1}
.shared-icon-badge{position:absolute;top:-2px;right:-1px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:99px;background:#f5c84c;color:#171717;font-size:10px;font-weight:800;box-sizing:border-box}
.shared-cart{font-size:20px}
.shared-account-trigger{display:flex;align-items:center;gap:7px;background:transparent;border:0;color:#191919;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:8px 5px;white-space:nowrap}
.shared-user-symbol{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:2px solid #d6b43d;border-radius:50%;font-size:13px;color:#d6b43d}
.shared-account-menu{display:none;position:absolute;top:calc(100% + 7px);right:0;min-width:170px;padding:6px 0;background:#171717;border:1px solid #333;border-radius:4px;box-shadow:0 12px 28px rgba(0,0,0,.2);z-index:1001}
.shared-account-menu.is-open{display:block}
.shared-account-menu a{display:flex;align-items:center;gap:10px;padding:11px 16px;color:#eee;text-decoration:none;font-size:14px;font-weight:600}
.shared-account-menu a:hover{background:#292929;color:#f5c84c}
.shared-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:5px;padding:0 3px;border-radius:50%;background:#f45b45;color:#fff;font-size:10px;font-weight:800}
.legal-page{box-sizing:border-box;width:100%;min-height:60vh;padding:clamp(24px,4vw,54px) clamp(14px,3vw,24px)!important;background:#fffaf5!important}
.legal-inner{box-sizing:border-box;width:min(850px,100%);margin:0 auto!important;padding:clamp(20px,4vw,42px)!important;background:#fff;border:1px solid #eadfd3;border-radius:18px;color:#4b260f;overflow-wrap:anywhere}
.legal-inner h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:8px 0 12px}
.legal-inner h2{font-size:clamp(19px,2.3vw,22px);line-height:1.35;margin:26px 0 8px}
.legal-inner p{font-size:16px;line-height:1.75;color:#66584e;margin:0 0 12px}
.legal-inner .legal-updated{font-size:13px!important}
.suviyo-reference-footer{box-sizing:border-box;width:100%;margin:0!important}
@media(max-width:1050px){
 .shared-site-header{gap:12px;padding:10px 16px}
 .shared-navigation{gap:10px!important}
 .shared-navigation a{font-size:12px!important}
 .shared-logo-box img{width:120px!important}
}
@media(max-width:780px){
 .shared-site-header{flex-wrap:wrap;min-height:0}
 .shared-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center}
 .shared-navigation{display:none;order:5;flex:1 0 100%;width:100%;align-items:flex-start;flex-direction:column;gap:0!important;padding:8px 0}
 .shared-navigation.is-open{display:flex}
 .shared-navigation a{width:100%;box-sizing:border-box;padding:10px 8px!important;border-bottom:1px solid #eee3d8!important}
 .shared-account-area{margin-left:auto}
 .shared-account-trigger{font-size:12px;max-width:125px}
 .shared-account-trigger>span:nth-child(2){max-width:78px;overflow:hidden;text-overflow:ellipsis}
 .shared-account-menu{right:0}
}
@media(max-width:480px){
 .shared-site-header{padding:8px 12px}
 .shared-logo-box img{width:108px!important;height:48px!important}
 .shared-account-area{gap:4px}
 .shared-account-icon{width:27px;font-size:22px}
 .shared-cart{font-size:18px}
 .shared-account-trigger{gap:4px;padding:6px 2px}
 .legal-inner{border-radius:12px}
}


/* Homepage account controls - apply same customer account pattern as internal pages */
.home-account-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#24251f}
.home-account-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:34px;color:#24251f;text-decoration:none;font-size:25px;line-height:1}
.home-account-icon:hover{color:#c98d00}
.home-account-badge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:99px;background:#f5c84c;color:#171717;font-size:10px;font-weight:800;box-sizing:border-box}
.home-cart-icon{font-size:20px}
.home-account-dropdown{position:relative}
.home-account-trigger{display:flex;align-items:center;gap:7px;background:transparent;border:0;color:#24251f;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:8px 5px;white-space:nowrap}
.home-user-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:2px solid #d6b43d;border-radius:50%;font-size:13px;color:#b58a00}
.home-account-menu{display:none;position:absolute;top:calc(100% + 7px);right:0;min-width:170px;padding:6px 0;background:#171717;border:1px solid #333;border-radius:4px;box-shadow:0 12px 28px rgba(0,0,0,.2);z-index:1001}
.home-account-menu.is-open{display:block}
.home-account-menu a{display:flex;align-items:center;gap:10px;padding:11px 16px;color:#eee;text-decoration:none;font-size:14px;font-weight:600}
.home-account-menu a:hover{background:#292929;color:#f5c84c}
@media(max-width:1150px){
 .site-header{gap:12px;padding:0 18px}
 .site-header nav{gap:clamp(9px,1.2vw,18px);font-size:12px}
 .home-account-tools{gap:5px}
 .home-account-trigger{font-size:12px;gap:4px}
}
@media(max-width:780px){
 .home-account-tools{margin-left:auto}
 .home-account-trigger{max-width:125px}
 .home-account-trigger>span:nth-child(2){max-width:78px;overflow:hidden;text-overflow:ellipsis}
 .home-account-menu{right:0}
}


/* MOBILE HEADER REWORK — avoid logo/icons/account/order controls colliding */
@media (max-width: 700px) {
  .site-header {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 14px 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 9px !important;
    row-gap: 10px !important;
    overflow: visible !important;
  }
  .site-header > .brand {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
  }
  .site-header .brand-logo {
    display: block !important;
    width: clamp(108px, 34vw, 142px) !important;
    max-width: 100% !important;
    height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  .site-header .notification-mobile-bell {
    order: 2 !important;
    display: inline-flex !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
  }
  .site-header .mobile-menu-toggle {
    order: 3 !important;
    display: inline-flex !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .site-header #mainNavigation {
    order: 6 !important;
    display: none !important;
    position: absolute !important;
    top: calc(100% + 1px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-height: min(72vh, 520px) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    margin: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    background: #fffaf5 !important;
    border: 1px solid #eadfd3 !important;
    border-radius: 13px !important;
    box-shadow: 0 12px 32px rgba(40, 24, 10, .16) !important;
    z-index: 1000 !important;
  }
  .site-header #mainNavigation.nav-open {
    display: flex !important;
  }
  .site-header #mainNavigation > a {
    display: flex !important;
    width: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    white-space: normal !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }
  .site-header #mainNavigation .nav-contact {
    justify-content: flex-start !important;
    margin-top: 4px !important;
  }
  .site-header .home-account-tools {
    order: 4 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(5px, 2vw, 11px) !important;
  }
  .site-header .home-account-icon {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 32px !important;
    font-size: 23px !important;
  }
  .site-header .home-cart-icon {
    font-size: 18px !important;
  }
  .site-header .home-account-trigger {
    max-width: 122px !important;
    min-width: 0 !important;
    padding: 6px 2px !important;
    gap: 4px !important;
    font-size: 12px !important;
  }
  .site-header .home-account-trigger > span:nth-child(2) {
    display: inline-block !important;
    max-width: 72px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .site-header .home-account-menu {
    right: 0 !important;
    top: calc(100% + 5px) !important;
  }
  .site-header .mobile-order {
    order: 5 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }
}
@media (max-width: 390px) {
  .site-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
    column-gap: 6px !important;
  }
  .site-header .brand-logo {
    width: clamp(100px, 30vw, 120px) !important;
  }
  .site-header .home-account-tools {
    gap: 4px !important;
  }
  .site-header .home-account-trigger {
    max-width: 105px !important;
    font-size: 11px !important;
  }
  .site-header .home-account-trigger > span:nth-child(2) {
    max-width: 58px !important;
  }
  .site-header .mobile-order {
    padding: 7px 8px !important;
    font-size: 10px !important;
  }
}


/* FINAL MOBILE POLISH: remove header Order Now CTA, enlarge bottom-nav labels,
   and keep all six navigation cells consistently aligned. */
@media (max-width:700px) {
  .site-header > .mobile-order,
  .site-header .mobile-order {
    display:none !important;
  }

  .mobile-bottom-nav {
    box-sizing:border-box !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    align-items:stretch !important;
    min-height:70px !important;
    padding:7px 4px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    gap:0 !important;
  }
  .mobile-bottom-nav > a,
  .mobile-bottom-nav > button {
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:5px !important;
    padding:4px 1px !important;
    margin:0 !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.15 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  .mobile-bottom-nav .mbn-icon {
    display:flex !important;
    width:100% !important;
    height:24px !important;
    flex:0 0 24px !important;
    justify-content:center !important;
    align-items:center !important;
    font-size:22px !important;
    line-height:1 !important;
    position:relative !important;
  }
  .mobile-bottom-nav .mbn-label {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.15 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .mobile-bottom-nav .mbn-count {
    top:-5px !important;
    right:calc(50% - 19px) !important;
  }
  body {
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important;
  }
}
@media (max-width:390px) {
  .mobile-bottom-nav {
    min-height:68px !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }
  .mobile-bottom-nav > a,
  .mobile-bottom-nav > button {
    gap:4px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .mobile-bottom-nav .mbn-label {
    font-size:10.5px !important;
  }
  .mobile-bottom-nav .mbn-icon {
    font-size:21px !important;
  }
}


/* Single common customer header: shared by index/menu/category/account/legal pages */
.suvaiyo-announcement-bar{box-sizing:border-box;width:100%;min-height:24px;padding:5px 12px;display:flex;align-items:center;justify-content:center;gap:8px;background:#20241e;color:#fffaf3;font-size:10px;font-weight:700;line-height:1.3}
.suvaiyo-announcement-bar>span:first-child{color:#e8c34a}
.suvaiyo-announcement-bar a{color:#fffaf3;text-decoration:none}
.suvaiyo-announcement-dot{opacity:.5}
.suvaiyo-global-header{box-sizing:border-box;width:100%;min-height:82px;margin:0;padding:10px clamp(14px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.3vw,22px);position:relative;z-index:80;background:#fffaf5;border-bottom:1px solid #eadfd3;box-shadow:0 2px 10px rgba(75,38,15,.04)}
.suvaiyo-global-brand{display:flex;align-items:center;flex:0 0 auto}
.suvaiyo-global-brand img{display:block;width:clamp(125px,10vw,160px);height:64px;max-width:100%;object-fit:contain}
.suvaiyo-global-toggle{display:none}
.suvaiyo-global-nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;gap:clamp(8px,1.35vw,21px)}
.suvaiyo-global-nav a{position:relative;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#5b5a52;text-decoration:none;font-size:clamp(11px,.76vw,13px);font-weight:700;line-height:1.4;padding:8px 0}
.suvaiyo-global-nav a:hover,.suvaiyo-global-nav a[aria-current="page"]{color:#287b22}
.suvaiyo-global-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:50%;background:#f45a45;color:#fff;font-size:10px;font-weight:800;line-height:1;box-sizing:border-box}
.suvaiyo-global-alerts{padding-right:2px!important}
.suvaiyo-global-contact{padding:12px 16px!important;border-radius:7px;background:#4b260f;color:#fffaf5!important}
.suvaiyo-global-contact span{color:#f4a000}
.suvaiyo-global-account{display:flex;align-items:center;justify-content:flex-end;gap:clamp(5px,.8vw,12px);flex:0 0 auto;color:#292720}
.suvaiyo-global-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;color:#292720;text-decoration:none;font-size:24px;line-height:1}
.suvaiyo-global-icon-badge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 3px;border-radius:50%;background:#f5c84c;color:#171717;font-size:9px;font-weight:800;box-sizing:border-box}
.suvaiyo-global-cart{font-size:20px}
.suvaiyo-global-account-dropdown{position:relative}
.suvaiyo-global-account-trigger{display:flex;align-items:center;gap:6px;max-width:170px;padding:7px 3px;border:0;background:transparent;color:#292720;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.suvaiyo-global-account-trigger>span:nth-child(2){max-width:115px;overflow:hidden;text-overflow:ellipsis}
.suvaiyo-global-user{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #d6b43d;border-radius:50%;color:#b58a00;font-size:12px}
.suvaiyo-global-account-menu{display:none;position:absolute;top:calc(100% + 7px);right:0;min-width:165px;padding:6px 0;background:#171717;border:1px solid #333;border-radius:5px;box-shadow:0 12px 28px rgba(0,0,0,.2);z-index:1002}
.suvaiyo-global-account-menu.is-open{display:block}
.suvaiyo-global-account-menu a{display:block;padding:11px 15px;color:#eee;text-decoration:none;font-size:13px;font-weight:600}
.suvaiyo-global-account-menu a:hover{background:#292929;color:#f5c84c}
.suvaiyo-global-login{padding:10px 13px;border-radius:7px;background:#4b260f;color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.suvaiyo-global-cart-button{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border:0;border-radius:25px;background:#4b260f;color:#fff;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.suvaiyo-global-cart-button #cartCount{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:50%;background:#f5a000;color:#4b260f;font-size:10px}
@media(max-width:1300px){
 .suvaiyo-global-header{padding-inline:20px;gap:10px}
 .suvaiyo-global-brand img{width:118px;height:58px}
 .suvaiyo-global-nav{gap:clamp(7px,1vw,13px)}
 .suvaiyo-global-nav a{font-size:11px}
 .suvaiyo-global-account{gap:5px}
 .suvaiyo-global-account-trigger{font-size:11px;max-width:130px}
 .suvaiyo-global-cart-button{padding:9px 11px}
}
@media(max-width:980px){
 .suvaiyo-global-header{min-height:72px;flex-wrap:wrap}
 .suvaiyo-global-toggle{display:flex;flex:0 0 36px;width:36px;height:34px;align-items:center;justify-content:center;flex-direction:column;gap:5px;order:2;border:1px solid #e6d9cb;border-radius:7px;background:#fffaf5}
 .suvaiyo-global-toggle span{display:block;width:17px;height:2px;background:#4b260f}
 .suvaiyo-global-brand{order:1}
 .suvaiyo-global-account{order:3;margin-left:auto}
 .suvaiyo-global-nav{display:none;order:4;flex:1 0 100%;width:100%;align-items:stretch;flex-direction:column;gap:0;padding:6px 0 2px}
 .suvaiyo-global-nav.is-open{display:flex}
 .suvaiyo-global-nav a{width:100%;box-sizing:border-box;padding:11px 8px;border-bottom:1px solid #eee4da;font-size:14px}
 .suvaiyo-global-nav .suvaiyo-global-contact{width:max-content;margin-top:8px;border-bottom:0}
}
@media(max-width:520px){
 .suvaiyo-announcement-bar{font-size:9px;gap:5px}
 .suvaiyo-global-header{padding:8px 11px;gap:7px}
 .suvaiyo-global-brand img{width:100px;height:48px}
 .suvaiyo-global-account{gap:3px}
 .suvaiyo-global-icon{width:25px;height:30px;font-size:21px}
 .suvaiyo-global-cart{font-size:18px}
 .suvaiyo-global-account-trigger{gap:3px;font-size:11px;max-width:95px}
 .suvaiyo-global-account-trigger>span:nth-child(2){max-width:58px}
 .suvaiyo-global-cart-button{display:none}
 .suvaiyo-global-login{font-size:11px;padding:8px 9px}
}

/* Product wishlist + ratings/reviews, shared across all product cards */
.feedback-rating-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:5px 0 8px;font-size:12px;color:#6a625a}
.feedback-stars{color:#f4a000;letter-spacing:1px;font-size:14px;white-space:nowrap}
.feedback-rating-number{font-weight:800;color:#30291f}
.feedback-review-count{color:#8a8178}
.feedback-review-open{border:0;background:transparent;color:#267a25;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer;padding:2px 3px}
.feedback-wishlist{position:absolute;right:10px;top:10px;z-index:4;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #eadfd3;border-radius:50%;background:#fffaf5;color:#5b3320;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 7px #00000012}
.feedback-wishlist.is-saved{color:#e54848;background:#fff0f0}
.product-image,.swiggy-product-image{position:relative}
.product-image-heart.feedback-wishlist{font-style:normal}
.feedback-modal-backdrop{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:16px;background:#160e09a8}
.feedback-modal-backdrop.is-open{display:flex}
.feedback-modal{position:relative;box-sizing:border-box;width:min(460px,100%);max-height:90vh;overflow:auto;background:#fffaf5;border:1px solid #eadfd3;border-radius:18px;padding:28px;color:#4b260f;box-shadow:0 18px 60px #0003}
.feedback-modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;color:#72513b;cursor:pointer}
.feedback-eyebrow{font-size:10px;letter-spacing:1.8px;color:#b66a12;font-weight:800}
.feedback-modal h2{margin:8px 0;font-size:25px}
.feedback-modal-product{font-weight:700;color:#76665a}
.feedback-star-picker{display:flex;gap:8px;margin:16px 0}
.feedback-star-picker button{border:0;background:transparent;color:#d8d0c5;font-size:34px;cursor:pointer;padding:0;line-height:1}
.feedback-star-picker button.is-active{color:#f4a000}
.feedback-modal label{display:block;margin:12px 0 6px;font-weight:700;font-size:13px}
.feedback-modal textarea{box-sizing:border-box;width:100%;border:1px solid #e5d8ca;border-radius:10px;padding:12px;font:inherit;resize:vertical;background:#fff}
.feedback-submit{margin-top:14px;width:100%;border:0;border-radius:10px;background:#4b260f;color:#fff;padding:13px;font:inherit;font-weight:800;cursor:pointer}
.feedback-message{font-size:13px;color:#277b29}
@media(max-width:480px){.feedback-modal{padding:22px 18px}.feedback-star-picker button{font-size:30px}}

/* --- Refined product-card wishlist positioning --- */
.product-image,.swiggy-product-image{position:relative;isolation:isolate;overflow:hidden}
.product-image .feedback-wishlist,.swiggy-product-image .feedback-wishlist,
.product-image .product-image-heart.feedback-wishlist{
  position:absolute!important;top:12px!important;right:12px!important;left:auto!important;
  z-index:8!important;margin:0!important;transform:none!important;flex:0 0 36px;
  width:36px!important;height:36px!important;min-width:36px!important;
  padding:0!important;border:1px solid #eadfd3!important;border-radius:50%!important;
  background:#fffaf5!important;box-shadow:0 3px 12px #3b210f20!important;
  display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important;
}
.product-image .feedback-wishlist.is-saved,.swiggy-product-image .feedback-wishlist.is-saved{
  color:#e54848!important;background:#fff0f0!important;border-color:#ffc9c9!important
}
.feedback-rating-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:6px 0 8px;font-size:12px;line-height:1.5;color:#6a625a}
.feedback-stars{color:#f4a000;letter-spacing:1px;font-size:14px;white-space:nowrap}
.feedback-rating-number{font-weight:800;color:#30291f}
.feedback-review-count{color:#8a8178}
.feedback-review-open{border:0;background:transparent;color:#267a25;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer;padding:2px 3px}
/* Review dialog styled closer to modern food-delivery apps */
.feedback-modal-backdrop{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;padding:14px;background:rgba(23,17,13,.62);backdrop-filter:blur(3px)}
.feedback-modal-backdrop.is-open{display:flex}
.feedback-modal{position:relative;box-sizing:border-box;width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid #eee8e2;border-radius:22px;padding:26px;color:#292521;box-shadow:0 22px 70px #0004}
.feedback-modal-close{position:absolute;right:15px;top:12px;border:0;background:#f5f3f1;border-radius:50%;width:34px;height:34px;font-size:24px;color:#55483f;cursor:pointer}
.feedback-eyebrow{font-size:10px;letter-spacing:1.6px;color:#b66a12;font-weight:800}
.feedback-modal h2{margin:9px 42px 5px 0;font-size:24px;line-height:1.25;color:#292521}
.feedback-modal-product{font-weight:600;color:#766c64;margin:0 0 18px}
.feedback-rating-question{font-size:15px;font-weight:800;margin:14px 0 9px}
.feedback-star-picker{display:flex;gap:9px;margin:8px 0 18px}
.feedback-star-picker button{border:0;background:transparent;color:#d9d4ce;font-size:38px;cursor:pointer;padding:0;line-height:1}
.feedback-star-picker button.is-active{color:#f4b400}
.feedback-review-tags{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 18px}
.feedback-review-tags button{border:1px solid #e5ded7;border-radius:24px;background:#fff;padding:10px 12px;font-size:13px;color:#433b35;cursor:pointer}
.feedback-review-tags button.is-selected{background:#fff6e5;border-color:#e8a72e;color:#80500a;font-weight:700}
.feedback-modal label{display:block;margin:12px 0 7px;font-weight:800;font-size:13px}
.feedback-modal textarea{box-sizing:border-box;width:100%;border:1px solid #e5d8ca;border-radius:12px;padding:13px;font:inherit;resize:vertical;background:#fff;min-height:105px}
.feedback-submit{margin-top:14px;width:100%;border:0;border-radius:12px;background:#4b260f;color:#fff;padding:14px;font:inherit;font-weight:800;cursor:pointer}
.feedback-message{font-size:13px;color:#277b29}
@media(max-width:480px){.feedback-modal{padding:22px 18px}.feedback-star-picker button{font-size:32px}.feedback-review-tags{gap:7px}.feedback-review-tags button{font-size:12px;padding:9px 8px}}

/* FINAL CARD BADGE FIX: keep wishlist heart clear of the veg/non-veg label */
.swiggy-product-image .product-image-heart.feedback-wishlist,
.swiggy-product-image button.feedback-wishlist,
.product-image button.feedback-wishlist{
  right:10px!important;top:10px!important;left:auto!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  z-index:12!important;display:grid!important;place-items:center!important;
}
/* The diet badge sits to the left of the wishlist control instead of underneath it. */
.swiggy-product-image .diet-badge,
.swiggy-product-image .product-diet-label,
.swiggy-product-image .nonveg-badge,
.swiggy-product-image .veg-badge{
  right:54px!important;left:auto!important;top:10px!important;z-index:5!important;
  max-width:calc(100% - 105px)!important;overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* Generic card label used by this theme */
.swiggy-product-image .product-image-diet,
.swiggy-product-image .product-diet,
.swiggy-product-image .diet-label{
  right:54px!important;left:auto!important;top:10px!important;z-index:5!important;
  max-width:calc(100% - 105px)!important;overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Product card finishing pass: keep diet badge and wishlist in separate zones */
.product-image{
  position:relative!important;
  isolation:isolate!important;
}
.product-image>.diet-tag{
  position:absolute!important;
  top:10px!important;
  right:54px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:calc(100% - 150px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.product-image>.feedback-wishlist{
  position:absolute!important;
  top:8px!important;
  right:9px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:8!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border:1px solid #eadfd3!important;
  border-radius:50%!important;
  background:#fffaf5!important;
  box-shadow:0 3px 10px rgba(59,33,15,.16)!important;
  color:#6b351b!important;
  font-size:23px!important;
  line-height:1!important;
  transform:none!important;
}
.product-image>.feedback-wishlist.is-saved{
  color:#e54848!important;
  background:#fff0f0!important;
  border-color:#ffc9c9!important;
}
/* Clean, consistent product title typography and aligned title rows */
.product-info h3{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.42!important;
  letter-spacing:-.25px!important;
  color:#352317!important;
  margin:0 0 8px!important;
  min-height:calc(1.42em * 2)!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:break-word!important;
}
.product-info h3 a{
  color:inherit!important;
  text-decoration:none!important;
}
@media(max-width:600px){
  .product-info h3{
    font-size:16px!important;
    line-height:1.4!important;
    letter-spacing:-.15px!important;
    min-height:calc(1.4em * 2)!important;
  }
  .product-image>.diet-tag{
    right:52px!important;
    max-width:calc(100% - 125px)!important;
  }
}

/* Review modal polish: spacious, clear, food-delivery app inspired */
body.feedback-modal-open{overflow:hidden!important}
.feedback-modal-backdrop{
  z-index:100000!important;
  padding:clamp(12px,3vw,28px)!important;
  background:rgba(30,20,13,.58)!important;
  backdrop-filter:blur(5px)!important;
}
.feedback-modal{
  width:min(540px,100%)!important;
  max-height:min(90vh,760px)!important;
  overflow-y:auto!important;
  border:1px solid #f0e6dc!important;
  border-radius:24px!important;
  padding:clamp(22px,4vw,32px)!important;
  box-shadow:0 24px 80px rgba(28,16,8,.25)!important;
}
.feedback-modal .feedback-eyebrow{
  display:inline-block!important;
  padding:7px 10px!important;
  border-radius:20px!important;
  background:#fff4e5!important;
  color:#a35b12!important;
  letter-spacing:1.2px!important;
}
.feedback-modal h2{
  font-size:clamp(22px,4vw,27px)!important;
  font-weight:800!important;
  letter-spacing:-.55px!important;
  line-height:1.25!important;
  margin-top:13px!important;
}
.feedback-modal-product{
  padding-bottom:15px!important;
  border-bottom:1px solid #f0e9e2!important;
  font-size:14px!important;
}
.feedback-modal .feedback-rating-question{
  margin:18px 0 10px!important;
  font-size:15px!important;
  color:#332820!important;
}
.feedback-star-picker{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:clamp(8px,2.3vw,14px)!important;
  padding:3px 0 8px!important;
}
.feedback-star-picker button{
  color:#d8d3cd!important;
  font-size:clamp(35px,8vw,43px)!important;
  transition:transform .15s ease,color .15s ease!important;
  text-shadow:none!important;
}
.feedback-star-picker button:hover{transform:scale(1.08)!important}
.feedback-star-picker button.is-active{color:#f4b400!important}
.feedback-review-tags{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.feedback-review-tags button{
  min-height:42px!important;
  font-size:13px!important;
  font-weight:600!important;
  border-color:#e8e0d8!important;
  background:#fff!important;
  transition:background .15s ease,border-color .15s ease!important;
}
.feedback-review-tags button.is-selected{
  background:#fff5df!important;
  border-color:#e6a52b!important;
  color:#71440b!important;
}
.feedback-modal label{margin-top:20px!important;font-size:14px!important}
.feedback-modal textarea{
  min-height:120px!important;
  border-radius:14px!important;
  background:#fffdfb!important;
  line-height:1.55!important;
}
.feedback-submit{
  min-height:48px!important;
  border-radius:13px!important;
  background:#4b260f!important;
  box-shadow:0 4px 0 #d9b79c!important;
  transition:transform .12s ease,box-shadow .12s ease!important;
}
.feedback-submit:active{transform:translateY(2px)!important;box-shadow:0 2px 0 #d9b79c!important}
.feedback-message{margin:10px 0 0!important;min-height:18px!important;font-size:13px!important}
.feedback-message.is-error{color:#c33131!important}
@media(max-width:520px){
  .feedback-modal{border-radius:20px!important;padding:22px 18px!important}
  .feedback-star-picker{gap:8px!important}
  .feedback-review-tags{gap:8px!important}
}

/* Product rating summary and View Reviews action */
.feedback-rating-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px!important}
.feedback-review-count{white-space:nowrap}
.feedback-reviews-view{
  display:inline-flex!important;align-items:center;justify-content:center;
  border:0!important;background:transparent!important;color:#4b260f!important;
  padding:3px 2px!important;margin-left:2px!important;
  font:inherit!important;font-size:12px!important;font-weight:750!important;
  text-decoration:underline!important;text-underline-offset:2px!important;
  cursor:pointer!important;white-space:nowrap!important
}
.feedback-review-open{
  display:inline-flex!important;align-items:center;justify-content:center;
  border:0!important;background:transparent!important;color:#267a25!important;
  padding:3px 2px!important;font:inherit!important;font-size:12px!important;
  font-weight:750!important;text-decoration:underline!important;cursor:pointer!important;
  white-space:nowrap!important
}
.feedback-reviews-modal{width:min(560px,100%)!important}
.feedback-reviews-summary{
  border:1px solid #f0e6dc;border-radius:16px;background:#fffaf4;
  padding:15px 18px;margin:14px 0 17px
}
.feedback-reviews-average{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.feedback-reviews-average-number{font-size:30px;line-height:1;font-weight:850;color:#33251a}
.feedback-reviews-average .feedback-stars{font-size:19px;letter-spacing:1px}
.feedback-reviews-total{font-size:13px;color:#766b60}
.feedback-reviews-list{display:flex;flex-direction:column;gap:11px;max-height:min(42vh,360px);overflow-y:auto;padding:1px 3px 2px 1px}
.feedback-review-card{border:1px solid #eee6df;border-radius:15px;background:#fff;padding:15px 16px}
.feedback-review-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.feedback-review-card-top strong{font-size:14px;color:#332820}
.feedback-review-card-date{font-size:11px;color:#93877d;margin-top:4px}
.feedback-review-card-stars{font-size:14px;letter-spacing:1px;color:#f3a900;white-space:nowrap}
.feedback-review-card p{margin:11px 0 0!important;font-size:13px;line-height:1.65;color:#5f554c;white-space:normal;overflow-wrap:anywhere}
.feedback-review-card .feedback-review-no-text{color:#93877d;font-style:italic}
.feedback-reviews-loading,.feedback-reviews-empty{padding:25px 15px;text-align:center;color:#81756b}
.feedback-reviews-empty{border:1px dashed #e8ddd2;border-radius:15px;background:#fffdfb}
.feedback-reviews-empty-icon{display:block;font-size:30px;color:#e5ad34;margin-bottom:6px}
.feedback-reviews-empty strong{display:block;color:#392a1e;font-size:15px}
.feedback-reviews-empty p{margin:6px 0 0!important;font-size:13px;line-height:1.5}
.feedback-review-retry{margin-top:12px;border:1px solid #d9c7b6;border-radius:20px;background:#fff;padding:8px 16px;color:#4b260f;font-weight:700;cursor:pointer}
.feedback-reviews-rate{margin-top:15px!important}
@media(max-width:520px){
 .feedback-reviews-list{max-height:42vh}
 .feedback-reviews-average-number{font-size:27px}
 .feedback-review-card{padding:13px}
 .feedback-review-card-stars{font-size:12px}
}


/* Unified typography: consistent professional font for all page headings */
:root {
  --heading-font-family: 'DM Sans', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6,
.page-title, .section-title, .hero-title,
.menu-title, .heading, .heading-title,
[class*="title"], [class*="heading"] {
  font-family: var(--heading-font-family) !important;
  font-style: normal !important;
}


/* Suvaiyo polish: readable product rating and review actions */
.feedback-rating-line {
  gap: 7px !important;
  margin: 8px 0 10px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 500;
}
.feedback-stars {
  font-size: 16px !important;
  letter-spacing: 1.2px !important;
}
.feedback-rating-number {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.feedback-review-count {
  font-size: 13px !important;
  color: #75695f !important;
}
.feedback-review-open {
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3px 5px !important;
  border-radius: 5px;
  text-underline-offset: 3px;
}
.feedback-review-open:hover {
  color: #df7000 !important;
  background: #fff1df;
}
.feedback-modal h2 {
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.35px;
}
.feedback-modal-product,
.feedback-modal label {
  font-family: 'DM Sans', Arial, sans-serif !important;
}
@media (max-width: 600px) {
  .feedback-rating-line {
    gap: 6px !important;
    font-size: 13px !important;
    margin: 7px 0 9px !important;
  }
  .feedback-stars { font-size: 15px !important; }
  .feedback-review-count,
  .feedback-review-open { font-size: 12px !important; }
}



/* Modern compact review actions – Suvaiyo */
.feedback-reviews-view,
.feedback-review-open {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 27px !important;
  padding: 4px 10px !important;
  margin: 0 2px !important;
  border: 1px solid #ead8c5 !important;
  border-radius: 999px !important;
  background: #fffaf4 !important;
  color: #583019 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .1px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease,
              color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.feedback-review-open {
  background: #fff1df !important;
  border-color: #f2d3ad !important;
  color: #b85b00 !important;
}
.feedback-reviews-view:hover {
  background: #f8eee2 !important;
  border-color: #d9b995 !important;
  color: #3f210f !important;
  box-shadow: 0 2px 7px rgba(78, 42, 16, .08) !important;
}
.feedback-review-open:hover {
  background: #ff8900 !important;
  border-color: #ff8900 !important;
  color: #fff !important;
  box-shadow: 0 2px 7px rgba(255, 137, 0, .2) !important;
}
.feedback-reviews-view:active,
.feedback-review-open:active {
  transform: translateY(1px) !important;
}
@media (max-width: 600px) {
  .feedback-reviews-view,
  .feedback-review-open {
    min-height: 26px !important;
    padding: 4px 9px !important;
    font-size: 11.5px !important;
  }
}

/* Clear, automatic promotion preview in cart drawer */
.cart-offer-preview{margin:12px 0;padding:13px;border:1px solid #cfe6cf;border-radius:13px;background:#f3fbf1;color:#28452b;font-size:12px;line-height:1.5}
.cart-offer-preview[hidden]{display:none!important}.cart-offer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cart-offer-head strong{font-size:13px;color:#244b2b}.cart-offer-badge{flex:none;border-radius:99px;background:#dcefd9;color:#257139;padding:3px 7px;font-size:10px;font-weight:800}.cart-offer-detail{margin:7px 0;color:#287a35;font-weight:750}.cart-offer-progress{height:6px;background:#dce9d9;border-radius:99px;overflow:hidden;margin:8px 0}.cart-offer-progress span{display:block;height:100%;background:#2d8a43;border-radius:99px;transition:width .2s}.cart-offer-preview small{display:block;color:#667565;font-size:10px}


/* Automatic offer transparency in checkout */
.checkout-offer-breakdown{margin:12px 0 10px;padding:12px 13px;border:1px solid #dce9d8;border-radius:13px;background:#f5fbf2;color:#2b3828}
.checkout-offer-status{display:flex;flex-direction:column;gap:4px;padding-bottom:9px;margin-bottom:8px;border-bottom:1px dashed #cbdcc5;font-size:12px;line-height:1.55}
.checkout-offer-status strong{font-size:13px;color:#287a35}
.checkout-offer-status span{color:#5e6e59}
.checkout-offer-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:4px 0}
.checkout-offer-line strong{font-variant-numeric:tabular-nums}
#checkoutOfferDiscount{color:#23823b}
.checkout-offer-breakdown[hidden],.checkout-offer-line[hidden]{display:none!important}


/* Premium Gold Reveal: restrained urgency animation for home offer banners */
@keyframes suvaiyoGoldTimerPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 198, 75, .12), inset 0 0 0 1px rgba(255, 208, 89, .12); }
  50% { box-shadow: 0 0 0 5px rgba(255, 198, 75, .08), 0 0 18px rgba(255, 198, 75, .24), inset 0 0 0 1px rgba(255, 208, 89, .3); }
}
@keyframes suvaiyoOfferPriceReveal {
  0% { opacity: 0; transform: translateY(9px) scale(.94); filter: drop-shadow(0 0 0 rgba(255,198,75,0)); }
  70% { opacity: 1; transform: translateY(-1px) scale(1.025); filter: drop-shadow(0 0 13px rgba(255,198,75,.3)); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: drop-shadow(0 0 7px rgba(255,198,75,.16)); }
}
@keyframes suvaiyoGoldBadgePop {
  0% { transform: scale(.88); opacity: .65; }
  65% { transform: scale(1.06); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes suvaiyoCtaShine {
  0%, 72% { background-position: 130% 0; }
  100% { background-position: -130% 0; }
}
.home-offer-countdown:not(.is-expired) {
  border-color: rgba(255, 207, 75, .78);
  animation: suvaiyoGoldTimerPulse 2.6s ease-in-out infinite;
}
.home-offer-banner-discount {
  animation: suvaiyoGoldBadgePop .65s cubic-bezier(.2,.8,.2,1) both;
}
.home-offer-banner-cta {
  background-image: linear-gradient(110deg, #ffcc20 0%, #ffcc20 42%, #fff1a6 50%, #ffcc20 58%, #ffcc20 100%);
  background-size: 240% 100%;
  animation: suvaiyoCtaShine 4.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .home-offer-countdown:not(.is-expired), .home-offer-banner-discount, .home-offer-banner-cta {
    animation: none !important;
  }
}