/* Suri's Flavors: original colours, typography and section order. */
@font-face{font-family:Marcellus;src:url('../fonts/marcellus-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--red:#f00;--ink:#060f14;--copy:#444;--paper:#fff;--content-width:1200px;--heading-size:2.625rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:var(--paper);color:var(--copy);font-family:Marcellus,Georgia,serif;font-size:1rem;line-height:1.6}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #087cce;outline-offset:5px}
h1,h2,h3,p{margin:0}
p{margin-bottom:1rem}
h1,h2,h3{color:var(--ink);font-weight:700;line-height:1.2;overflow-wrap:anywhere}
ul{padding-left:2.5rem;margin:0 0 1rem}
[hidden]{display:none!important}
.site-main{width:min(var(--content-width),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;top:8px;left:8px;z-index:10;background:#fff;padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.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}

/* The logo and wording keep the live hero's size and placement. */
.hero{position:relative;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 0 200px;background:#090807 url('../images/hero-spices.webp') center/cover no-repeat;box-shadow:0 0 10px #0006}
.hero::before{content:'';position:absolute;inset:0;background:#000;opacity:.7}
.hero>*{position:relative}
.hero-logo{display:block;width:300px;max-width:100%}
.hero-logo img{width:300px;aspect-ratio:601/415}
.hero h1{font-size:3.5rem;line-height:1.3;color:#d41515;margin:220px 0 35px;font-weight:700}
.hero h2{font-size:var(--heading-size);line-height:1.2;color:#f9eeee}

/* Original two-column legacy panel. */
.legacy{display:grid;grid-template-columns:1fr 1fr;padding-block:40px}
.legacy-art,.legacy-story{background:#000;padding:20px}
.legacy-art h2{font-size:var(--heading-size);color:#f20a0a;margin-bottom:20px}
.legacy-art img{width:300px}
.legacy-art .tadka-teaser{color:#f1ecec;text-align:center;margin-top:54px}
.legacy-art .tadka-image{margin-inline:auto}
.legacy-story h2{font-size:2rem;line-height:1.5;color:#fff7f7;max-width:90%;padding:19px 0 0 80px;margin-bottom:20px}
.legacy-copy{max-width:90%;padding:12px 0 0 82px;color:#fff8f8}

/* Product placements are kept in the original order, including duplicates. */
.marinades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:40px;margin-bottom:20px}
.marinade-intro{padding:113px 20px 20px;text-align:center}
.marinade-intro h2{font-size:1.875rem;line-height:1.3;font-weight:500;margin-bottom:20px}
.product-card{min-width:0;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center}
.product-visual{position:relative;isolation:isolate;width:100%;display:flex;justify-content:center;align-items:flex-start}
.product-visual img{width:100%;height:auto;object-fit:contain}
/* Display the pouch outline without altering any artwork or label pixels in the files. */
.product-visual img,.carousel-pouch img{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H100V4C100 9 94.5 15 95 23C95.5 32 91 37 92 46C93 54 91 60 94 69C91 79 99 87 100 94V100H0V94C1 88 6 81 8 72C10 67 6 60 7 53C5.5 47 10 44 8 38C7 33 6 27 6 21C7 15 1 11 0 5Z'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}
.short-description{margin:16px 0 0;max-width:100%}
.price-box{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%;min-height:50px;margin-top:16px;padding:10px 12px;border:1px solid #dedede;border-radius:4px;background:#fafafa;color:#444;font-size:1rem;line-height:1.4;text-align:left}
.price-label{font-weight:700;color:#151515}
.price-value{margin-left:auto;overflow-wrap:anywhere;text-align:right}
.buy-button{display:inline-block;max-width:100%;margin:20px auto 16px;padding:16px 40px;border:0;border-radius:4px;background:var(--red);box-shadow:0 6px 12px #0004;color:#fff;font:700 1rem/1.3 Marcellus,Georgia,serif;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;transition:filter .2s,transform .2s;text-shadow:0 0 1px #0005}
.buy-button[href]:hover{filter:brightness(.92);transform:translateY(-1px);text-decoration:none}
.buy-button[aria-disabled='true']{cursor:default}
.tadka-guide{display:grid;grid-template-columns:155px minmax(0,1fr);gap:20px;background:#000;color:#fffdfd;padding:20px;margin-bottom:20px}
.tadka-guide h2{color:#ef0808;font-size:var(--heading-size);text-align:center;margin-top:86px}
.tadka-instructions{padding:83px 0 94px 150px}
.tadka-instructions p:last-child{margin-bottom:0}
.category-title{text-align:center;color:#fff;font-size:var(--heading-size);line-height:1.2;padding:20px;background:linear-gradient(180deg,var(--bar-start),var(--bar-end))}
.category-title span{display:block}
.category-title.vegetarian-title,.category-title.nonvegetarian-title{font-size:clamp(2.25rem,7.3vw,3.5rem);line-height:1.15}
.vegetarian-title span,.nonvegetarian-title span{font-size:.625em;font-weight:400;line-height:1.35;margin-top:8px}
.vegetarian-title{--bar-start:#2F7D32;--bar-end:#368637}
.nonvegetarian-title{--bar-start:#9E2F32;--bar-end:#C43B55}
.spices-title{--bar-start:#7A351C;--bar-end:#A76722}
.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:40px 0;margin-bottom:20px}
.product-grid .product-visual{height:270px}
.product-grid .product-visual img{max-width:233px;max-height:270px;width:auto;height:auto}
.product-grid .price-box{max-width:233px}
.product-grid .buy-button{padding-inline:40px}
.specialties{padding:20px 0 40px;background:#fffdfd}
.specialties>.category-title{--bar-start:#6B422A;--bar-end:#8B5A38;font-size:2rem;line-height:1.5;padding:18px 16px;margin-bottom:55px}
.specialty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,31%));justify-content:space-between;padding:40px 0;margin-bottom:20px}
.specialty-card h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:inherit;margin:20px 0}
.product-description{width:100%;color:inherit}
.product-description p:last-child{margin-bottom:0}
.chaat-card{color:#8b4d18}.gg-card{color:#024c23}.chutney-card{color:#3a2615}

/* Footer artwork, original copy, social silhouettes and spacing. */
.site-footer{background:#000;color:#fff;padding:0 20px 20px}
.footer-inner{max-width:1200px;margin:auto;padding-bottom:100px}
.footer-logo{width:180px;margin:auto}
.footer-rule{border:0;border-top:1px solid #ab3333;margin:35px 0 75px}
.footer-columns{display:grid;grid-template-columns:37.3% 36.2% 26.5%;gap:0}
.site-footer h2{font-size:1.125rem;line-height:1.3;color:#fb0101;margin-bottom:20px;font-weight:600}
.footer-about p{max-width:448px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links a,.footer-contact a{color:#fff}
.footer-contact{font-style:normal;overflow-wrap:anywhere}
.footer-contact p{margin-bottom:15px}
.social-icons{display:flex;justify-content:center;gap:5px;margin-bottom:25px}
.social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10%;color:white}
.social-icon svg{width:14px;height:14px;fill:currentColor}
.social-facebook{background:#3b5998}.social-twitter{background:#1da1f2}.social-youtube{background:#cd201f}
.copyright{text-align:center;font:400 .9375rem/1.6 Poppins,Arial,sans-serif;margin:0}
.back-to-top{position:fixed;right:30px;bottom:30px;z-index:3;width:32px;height:32px;background:#0673c5;border-radius:2px;color:#fff;display:grid;place-items:center}
.back-to-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

/* Existing article and archive URLs retain their simple editorial layouts. */
.editorial{background:#f0f5fa;color:#444;font:400 .9375rem/1.6 Poppins,Arial,sans-serif}
.editorial-main{width:min(1200px,calc(100% - 40px));margin:60px auto}
.article-page .editorial-main{max-width:710px}
.editorial-panel{background:#fff;padding:37.5px}
.editorial h1,.editorial h2{font-family:Marcellus,Georgia,serif;font-weight:600}
.editorial h1{font-size:2rem;line-height:1.2;margin-bottom:15px}
.editorial .byline{font-size:13px;font-weight:600;line-height:1.45;margin:0 0 30px;color:#046bd2}
.article-body{line-height:1.6}
.article-body p{margin-bottom:15px}
.archive-title{padding:45px;background:#fff;margin-bottom:30px!important}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.archive-card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 6px 15px -2px #1018280d;margin-bottom:30px}
.archive-image{width:100%;height:auto}
.archive-copy{padding:22.5px}
.archive-copy p:last-child{margin:0}
.archive-category{color:#0da2ff;display:inline-block;font-size:13px;font-weight:600;margin-bottom:15px}
.archive-post-title{font-size:3.125rem;line-height:1.3;margin-bottom:35px;color:#0da2ff}
.archive-copy .byline{margin-bottom:16px}
.editorial .site-footer{font:400 1rem/1.6 Marcellus,Georgia,serif}
.editorial .site-footer h2{font-family:Marcellus,Georgia,serif;font-weight:600}
.not-found{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;padding:40px 20px}

@media(max-width:1024px){
 :root{--heading-size:2.8125rem}
 .hero{padding-bottom:140px}
 .legacy-story h2{padding-left:30px;max-width:100%}
 .legacy-copy{padding-left:30px;max-width:100%}
 .marinade-intro{padding-top:20px}
 .marinade-intro h2{font-size:1.375rem;overflow-wrap:normal}
 .marinades .product-card{padding:20px 12px}
 .buy-button{padding:16px 24px}
 .tadka-guide{grid-template-columns:160px minmax(0,1fr)}
 .tadka-instructions{padding:60px 0 60px 35px}
 .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .product-grid .product-card{padding:20px 10px}
 .product-grid .product-visual{height:170px}
 .product-grid .product-visual img{max-height:170px;max-width:100%}
 .product-grid .buy-button{padding:14px 12px;font-size:.9375rem;width:100%}
 .product-grid .price-box{padding:10px 8px;justify-content:center;text-align:center}
 .product-grid .price-value{width:100%;margin:0;text-align:center}
 .footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
 .specialty-card{padding:20px 12px}
 .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 :root{--heading-size:2rem}
 .hero{padding-bottom:100px;min-height:80vh}
 .hero h1{font-size:2.6875rem;margin-top:220px}
 .hero h2{font-size:2rem}
 .legacy{grid-template-columns:1fr}
 .legacy-art h2,.legacy-art .tadka-teaser{font-size:2rem}
 .legacy-story h2{font-size:1.5625rem;padding:19px 0 0;max-width:100%}
 .legacy-copy{padding:12px 0 0;max-width:100%}
 .marinades{grid-template-columns:1fr}
 .marinade-intro{padding:20px}
 .marinade-intro h2{font-size:1.5625rem}
 .marinades .product-card{padding:20px}
 .marinades .product-visual img{max-width:350px}
 .marinades .price-box{max-width:350px}
 .tadka-guide{grid-template-columns:1fr;gap:20px}
 .tadka-guide h2{margin:20px 0 0;font-size:2rem}
 .tadka-instructions{padding:0 0 20px}
 .tadka-instructions ul{padding-left:1.5rem}
 .category-title{font-size:2rem}
 .product-grid{grid-template-columns:1fr}
 .product-grid .product-card{padding:20px}
 .product-grid .product-visual{height:300px}
 .product-grid .product-visual img{max-width:233px;max-height:300px}
 .product-grid .price-box{max-width:233px;justify-content:space-between;padding:10px 12px}
 .product-grid .price-value{width:auto;margin-left:auto;text-align:right}
 .product-grid .buy-button{width:auto;padding:16px 40px;font-size:1rem}
 .specialties>.category-title{font-size:1.5625rem}
 .specialty-grid{grid-template-columns:1fr;gap:30px}
 .specialty-card{padding:20px}
 .specialty-card h3{font-size:1.5625rem}
 .specialty-card .product-visual img,.specialty-card .price-box{max-width:350px}
 .footer-logo{width:30%;min-width:100px;max-width:180px}
 .footer-columns{grid-template-columns:1fr;gap:30px}
 .footer-rule{margin-bottom:45px}
 .footer-inner{padding-bottom:60px}
 .back-to-top{right:15px;bottom:20px}
 .editorial-panel{padding:25px}
 .editorial h1{font-size:1.875rem}
 .archive-title{padding:40px 30px}
 .archive-grid{grid-template-columns:1fr}
 .archive-post-title{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.buy-button{transition:none}}

/* Category carousels retain the original static cards as a fallback. */
.product-carousel{padding:20px 0 40px;margin-bottom:20px}
.product-carousel[data-view='grid']{padding-bottom:0;margin-bottom:0}
.marinades>.product-carousel{grid-column:span 3;min-width:0}
.marinades>.product-carousel[data-view='grid']{grid-column:1 / -1;order:-1}
.carousel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:0 20px 12px}
.carousel-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.carousel-motion{min-height:44px;padding:9px 16px;border:1px solid #dedede;border-radius:4px;background:#fff;color:#444;font:inherit;cursor:pointer}
.carousel-motion:hover{background:#f4f4f4}
.carousel-view-options{display:inline-flex;border:1px solid #dedede;border-radius:4px;overflow:hidden}
.carousel-view-options button{min-height:44px;padding:9px 18px;border:0;background:#fff;color:#444;font:inherit;cursor:pointer}
.carousel-view-options button[aria-pressed='true']{background:#151515;color:#fff}
.carousel-view-options button:focus-visible{outline-offset:-4px}
.carousel-hint{font-size:.875rem;color:#666;margin:0}
.carousel-stage{position:relative;height:420px;width:100%;overflow:hidden;perspective:1200px;touch-action:pan-y pinch-zoom;user-select:none;isolation:isolate;--drag-offset:0px}
.carousel-pouch{position:absolute;left:50%;top:24px;width:var(--pouch-width,240px);padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer;transform-origin:center 65%;transform:translateX(-50%) translateX(calc(var(--x,0px) + var(--drag-offset))) translateY(var(--lift,0px)) rotateY(var(--yaw,0deg)) rotateZ(var(--tilt,0deg)) scale(var(--scale,1));transition:transform 520ms cubic-bezier(.22,.7,.2,1),opacity 150ms ease;opacity:1;-webkit-tap-highlight-color:transparent}
.carousel-pouch img{width:100%;height:auto;pointer-events:none}
.carousel-pouch[aria-current='true']{cursor:default}
.carousel-pouch.is-wrapping{opacity:0;z-index:0!important}
.carousel-pouch[aria-hidden='true']{opacity:0;visibility:hidden;pointer-events:none}
.carousel-stage.is-dragging{cursor:grabbing}
.carousel-stage.is-dragging .carousel-pouch{transition:none;cursor:grabbing}
.carousel-nav{display:flex;justify-content:center;align-items:center;gap:24px;margin:0 auto 18px}
.carousel-arrow{width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid #d6d6d6;border-radius:50%;background:#fff;color:#151515;cursor:pointer;transition:background .15s,color .15s}
.carousel-arrow:hover{background:#151515;color:#fff}
.carousel-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.carousel-count{min-width:48px;text-align:center;font-size:.875rem;color:#666;font-variant-numeric:tabular-nums}
.carousel-info{width:min(320px,calc(100% - 40px));margin:auto;text-align:center;min-height:178px}
.carousel-name{font:500 1.625rem/1.3 Marcellus,Georgia,serif;color:#151515;margin-bottom:8px}
.carousel-info .short-description{margin:8px 0}
.carousel-info .price-box{margin-top:12px}
.carousel-info .buy-button{margin-bottom:0}
.carousel-description{margin-top:20px}
.carousel-info.has-description .carousel-name{color:inherit}
@media(max-width:767px){
 .marinades>.product-carousel{grid-column:1 / -1}
 .carousel-toolbar{padding-inline:8px;justify-content:center}
 .carousel-hint{width:100%;text-align:center;font-size:.8125rem}
 .carousel-view-options button{padding-inline:16px}
 .carousel-name{font-size:1.4375rem}
 .carousel-nav{margin-bottom:16px}
}
/* The initial state follows the device preference; the button is an explicit page-only override. */
.product-carousel[data-motion='off'] .carousel-pouch,.product-carousel[data-motion='off'] .carousel-arrow{transition:none}