@media (max-width: 1100px) {
  .footer-main { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-contact { grid-column: 1 / -1; }
  .masala-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .header-inner { min-height: 78px; }
  .brand img { width: 70px; height: 70px; }
  .primary-nav { display: none; }
  .menu-toggle { display: inline-flex; align-items: center; gap: .65rem; }
  .hero { min-height: max(680px, calc(100svh - 78px)); }
  .hero__image { object-position: 62% center; }
  .hero__veil { background: linear-gradient(90deg, rgba(2,28,19,.88), rgba(3,38,25,.48)), linear-gradient(0deg, rgba(2,28,19,.4), transparent 50%); }
  .hero__content { padding-block: 5rem 7rem; }
  .hero__side-note { display: none; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .brand-intro__grid, .sachet-layout, .philosophy-layout, .story-grid, .intro-grid, .contact-grid, .detail-grid { grid-template-columns: 1fr; }
  .brand-intro__grid { padding-block: 2rem; }
  .brand-intro__art { min-height: 370px; }
  .brand-intro__art img { width: min(70%, 340px); }
  .detail-visual { position: static; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .featured-swiper__fallback { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .masala-section .section-heading { align-items: flex-start; }
  .sachet-visual { width: min(100%, 680px); grid-template-columns: 1fr; margin-inline: auto; }
  .sachet-visual__pack { max-height: 560px; object-position: center 40%; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-brand-block { grid-column: 1 / -1; }
  .footer-contact { grid-column: auto; }
}
@media (max-width: 600px) {
  .hero { min-height: max(640px, calc(100svh - 76px)); }
  .hero__image { object-position: 65% center; }
  .hero h1 { font-size: clamp(3rem, 11vw, 4.2rem); }
  .hero__support br { display: none; }
  .hero__actions { max-width: 300px; flex-direction: column; align-items: stretch; }
  .scroll-cue { bottom: 1.5rem; left: var(--page-gutter); transform: none; }
  .brand-intro__art { min-height: 300px; }
  .brand-intro__art figcaption { right: 0; bottom: 1%; }
  .category-grid, .product-grid, .masala-grid, .featured-swiper__fallback, .image-story-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 420px; }
  .product-card { min-height: 220px; }
  .section { padding-block: 4.4rem; }
  .section--compact { padding-block: 3.5rem; }
  .stats-row { grid-template-columns: 1fr; gap: 1.1rem; }
  .stat { display: flex; align-items: baseline; gap: 1rem; }
  .sachet-benefits { grid-template-columns: 1fr; }
  .sachet-visual__pack { aspect-ratio: 4 / 4.6; }
  .sachet-interaction { padding: 1rem; }
  .sachet-spread { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .sachet-chip { min-height: 54px; }
  .philosophy-image img { min-height: 320px; }
  .footer-main { grid-template-columns: 1fr; gap: 2rem; }
  .footer-brand-block, .footer-contact { grid-column: auto; }
  .footer-bottom { flex-direction: column; }
  .page-hero { padding-block: 4rem; }
  .detail-visual { padding: .75rem; }
  .detail-meta { gap: .5rem; }
  .carousel-controls { gap: .45rem; }
}
@media (max-width: 1024px) {
  .catalogue-hero__inner { min-height: 220px; }
  .catalogue-hero__botanical { right: 0; opacity: .42; }
  .collection-catalogue .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .catalogue-hero { padding-block: 4rem 3.7rem; }
  .catalogue-hero__inner { min-height: 230px; }
  .catalogue-hero__copy { max-width: 85%; }
  .catalogue-hero h1 { font-size: clamp(3.1rem, 12vw, 4.7rem); }
  .catalogue-hero__botanical { right: 0; width: 135px; opacity: .22; }
  .collection-catalogue .filters { gap: .5rem; }
  .collection-catalogue .filter-button { flex: 1 1 auto; padding-inline: .7rem; font-size: .64rem; letter-spacing: .05em; }
  .collection-catalogue .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .collection-catalogue .product-card { padding: .85rem; }
  .collection-catalogue .product-card__image-link { margin: -.85rem -.85rem 1rem; }
  .collection-catalogue .product-card h3 { font-size: 1.48rem; }
  .collection-catalogue .product-card .eyebrow { gap: .35rem; font-size: .56rem; letter-spacing: .09em; }
  .collection-catalogue .product-card .eyebrow::before { width: 1.1rem; }
  .collection-catalogue .product-card > p:not(.eyebrow) { font-size: .78rem; }
  .collection-catalogue .product-card .text-link { font-size: .61rem; letter-spacing: .07em; }
}
@media (max-width: 420px) {
  .collection-catalogue .product-grid { grid-template-columns: 1fr; }
  .collection-catalogue .product-card { padding: 1rem; }
  .collection-catalogue .product-card__image-link { margin: -1rem -1rem 1rem; }
  .collection-catalogue .product-card h3 { font-size: 1.7rem; }
  .collection-catalogue .product-card > p:not(.eyebrow) { font-size: var(--text-sm); }
}
@media (max-width: 800px) {
  .product-detail-layout { grid-template-columns: 1fr; gap: 2rem; }
  .product-gallery { position: static; }
  .product-gallery__stage { max-width: 760px; margin-inline: auto; }
  .product-gallery__thumbs { justify-content: center; }
  .product-detail__copy { max-width: 800px; }
  .recipe-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recipe-steps { grid-template-columns: 1fr; gap: .2rem; }
  .sachet-detail { grid-template-columns: 1fr; }
  .sachet-detail__visual { width: min(100%, 620px); margin-inline: auto; }
  .product-related-section .section-heading { align-items: flex-start; }
}
@media (max-width: 540px) {
  .product-detail-section { padding-block: 2rem 3.5rem; }
  .product-detail-layout { gap: 1.5rem; }
  .product-gallery__stage { padding: .55rem; }
  .product-detail__intro h1 { font-size: clamp(2.8rem, 13vw, 4.1rem); }
  .product-detail__info-grid { grid-template-columns: 1fr; margin-top: 1rem; }
  .product-detail__info-item { padding-block: .8rem; }
  .product-detail__cta { margin-top: .7rem; }
  .product-detail__cta .button { width: 100%; }
  .product-detail__actions { grid-template-columns: 1fr; max-width: none; }
  .product-detail__actions .product-action { min-height: 48px; }
  .product-detail__quality { padding: .8rem; }
  .masala-preparation, .sachet-detail { margin-top: 2.2rem; padding: 1.15rem; }
  .recipe-summary { gap: .55rem; }
  .recipe-summary > div { min-height: 86px; padding: .8rem; }
  .recipe-summary span { font-size: .58rem; }
  .recipe-summary strong { font-size: 1rem; }
}
@media (max-width: 380px) {
  .recipe-summary { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .about-hero__inner, .about-story__grid, .about-innovation__grid, .about-global__grid { grid-template-columns: 1fr; }
  .about-hero__inner { gap: 2.2rem; }
  .about-hero__copy { max-width: 680px; }
  .about-hero__visual { width: min(100%, 720px); margin-left: auto; }
  .about-hero__visual img { aspect-ratio: 1.2 / 1; }
  .about-story__grid, .about-innovation__grid, .about-global__grid { gap: 3rem; }
  .about-story__image { width: min(100%, 620px); }
  .about-image-note { right: -1rem; }
  .about-innovation__visual { width: min(100%, 620px); margin-inline: auto; }
  .about-global__visual { order: -1; }
  .about-values { grid-template-columns: 1fr; }
  .about-value { display: grid; grid-template-columns: 78px 1fr; column-gap: 1.3rem; align-items: center; padding: 1.5rem 0; }
  .about-value + .about-value { border-top: 1px solid var(--color-champagne); border-left: 0; }
  .about-value__icon { grid-row: span 3; margin: 0; }
  .about-value .eyebrow, .about-value h3, .about-value > p:last-child { grid-column: 2; }
  .about-value h3 { margin: .25rem 0 .45rem; }
}
@media (max-width: 540px) {
  .about-hero { padding-block: 3.7rem 4.5rem; }
  .about-hero__copy h1 { font-size: clamp(3.15rem, 13vw, 4.7rem); }
  .about-hero__visual { width: calc(100% - 1rem); margin-right: 0; }
  .about-hero__visual img { aspect-ratio: .95 / 1; }
  .about-hero__visual::before { inset: .6rem; }
  .about-hero__visual figcaption, .about-global__visual figcaption, .about-innovation__visual figcaption { max-width: 90%; padding: .6rem .8rem; font-size: .88rem; }
  .about-story__grid, .about-innovation__grid, .about-global__grid { gap: 2.4rem; }
  .about-story__image { padding: .6rem; }
  .about-image-note { right: -.5rem; bottom: 1.4rem; padding: .8rem 1rem; font-size: 1rem; }
  .about-story__copy h2, .about-vision h2, .about-commitment h2, .about-innovation h2, .about-global h2, .about-endcap h2 { font-size: clamp(2.55rem, 11vw, 3.9rem); }
  .about-commitment__heading { gap: 1rem; margin-bottom: 1.5rem; }
  .about-value { grid-template-columns: 58px 1fr; gap: 0 .9rem; }
  .about-value__icon { width: 56px; }
  .about-value__icon svg { width: 34px; }
  .about-innovation__visual { padding: .55rem; }
  .about-innovation__visual img { aspect-ratio: .9 / 1; }
  .about-global__visual img { aspect-ratio: 1 / 1.12; }
}

@media (max-width: 800px) {
  .contact-layout { grid-template-columns: 1fr; }
  .contact-aside { position: static; }
}
@media (max-width: 540px) {
  .contact-hero { padding-block: 3.7rem 3rem; }
  .contact-hero__inner { min-height: 0; }
  .contact-hero h1 { font-size: clamp(4rem, 17vw, 5.5rem); }
  .contact-layout { gap: 1.5rem; }
  .contact-aside { padding: 1.35rem; }
  .contact-form-panel { padding: 1.1rem; }
  .contact-form-panel__heading { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .contact-form__row { grid-template-columns: 1fr; gap: 1rem; }
  .contact-form { gap: 1rem; }
  .contact-form .field input, .contact-form .field select { min-height: 54px; }
  .contact-form__actions { align-items: stretch; flex-direction: column; }
  .contact-form__actions .button { width: 100%; }
}

/* Mobile-first touch comfort and narrow-screen safeguards */
.menu-toggle { min-width: 48px; min-height: 48px; justify-content: center; padding: .6rem; }
.filter-button { min-height: 44px; }
.product-card .text-link { min-height: 44px; align-items: center; padding: .4rem .25rem; }
.footer-links a, .footer-socials a { display: inline-flex; min-height: 44px; align-items: center; }
.product-gallery__thumb { min-width: 64px; min-height: 64px; }
.sachet-layout > *, .sachet-visual, .contact-form-panel, .about-page figure { min-width: 0; }
.hero__picture { position: absolute; inset: 0; }
.hero__image { width: 100%; height: 100%; }
@media (max-width: 600px) {
  .hero { min-height: max(680px, calc(100svh - 76px)); }
  .hero__image { object-position: 66% center; }
  .hero__veil { background: linear-gradient(180deg, rgba(2,28,19,.38), rgba(2,28,19,.52) 55%, rgba(2,28,19,.76)), linear-gradient(90deg, rgba(2,28,19,.62), rgba(2,28,19,.12)); }
  .hero__content { padding-block: 4.25rem 6.5rem; }
  .hero__actions { width: min(100%, 300px); }
  .sachet-visual { width: 100%; }
  .sachet-visual__pack, .sachet-interaction { width: 100%; min-width: 0; }
  .product-detail__info-grid { grid-template-columns: 1fr; }
  .product-gallery__thumbs { gap: .55rem; }
}
@media (max-width: 359px) {
  .header-inner { gap: .5rem; }
  .brand { min-width: 68px; }
  .brand img { width: 64px; height: 64px; }
  .menu-toggle { gap: .35rem; padding-inline: .35rem; }
  .hero h1 { font-size: clamp(2.75rem, 13vw, 3.2rem); }
  .recipe-summary { grid-template-columns: 1fr; }
}

/* Mobile-first page layouts. Wider layouts are added at the breakpoints below. */
.brand-intro__grid, .story-grid, .intro-grid, .philosophy-layout, .philosophy-grid,
.about-hero__inner, .about-story__grid, .about-innovation__grid, .about-global__grid,
.contact-layout, .product-detail-layout, .detail-grid, .sachet-layout, .sachet-visual {
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
}
.category-grid, .product-grid, .featured-swiper__fallback, .masala-grid, .about-values,
.image-story-grid, .footer-main, .recipe-summary, .product-detail__info-grid,
.contact-form__row { grid-template-columns: minmax(0, 1fr); }
.product-gallery { position: static; min-width: 0; }
.product-gallery__thumb {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  max-height: 64px;
  aspect-ratio: 1;
}
.product-gallery__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.hero { min-height: max(680px, calc(100svh - 76px)); }
.hero__image { inset: 0; width: 100%; height: 100%; object-position: 66% center; }
.hero__actions { max-width: 300px; flex-direction: column; align-items: stretch; }
.sachet-visual, .about-innovation__visual, .about-story__image, .about-global__visual { width: 100%; min-width: 0; }
.sachet-visual__pack, .sachet-interaction { width: 100%; min-width: 0; }
.footer-brand-block, .footer-contact { grid-column: auto; }
.collection-catalogue .product-grid { grid-template-columns: minmax(0, 1fr); }
.recipe-steps { grid-template-columns: minmax(0, 1fr); }

@media (min-width: 380px) {
  .recipe-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 420px) {
  .product-grid, .featured-swiper__fallback, .collection-catalogue .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 600px) {
  .category-grid, .masala-grid, .image-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-form__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-detail__info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recipe-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hero__actions { max-width: none; flex-direction: row; align-items: center; }
}
@media (min-width: 801px) {
  .brand-intro__grid, .story-grid, .intro-grid, .philosophy-layout, .philosophy-grid,
  .about-hero__inner, .about-story__grid, .about-innovation__grid, .about-global__grid,
  .contact-layout, .product-detail-layout, .detail-grid, .sachet-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-values { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sachet-visual { grid-template-columns: 1.12fr .88fr; }
  .product-gallery { position: sticky; top: 7.5rem; }
  .hero { min-height: clamp(700px, calc(100svh - 92px), 1100px); }
}
@media (min-width: 1025px) {
  .collection-catalogue .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-grid, .featured-swiper__fallback { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1101px) {
  .masala-grid, .image-story-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-main { grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .collection-catalogue .product-grid { grid-template-columns: minmax(0, 1fr); }
  .collection-catalogue .product-action { font-size: .72rem; }
}
