/* Mobile proportions only: keep Minal's colours, shapes and visual identity. */
@media (max-width:767.98px), (max-width:900px) and (max-height:500px) {
  :root { --gutter:8px; }
  /* Account for the search row collapsing on the first in-page navigation. */
  html { scroll-padding-top:124px; }
  html:has(body.is-scrolled) { scroll-padding-top:72px; }
  #brands,#categories,#our-collection,#featured,.pdp-order,.pdp-information,.pdp-reviews-panel { scroll-margin-top:12px; }
  #site-header .header-inner,.is-scrolled #site-header .header-inner { min-height:60px; padding:8px var(--gutter); gap:8px; }
  #site-header .wordmark { font-size:30px; gap:6px; }
  #site-header .wordmark img { width:32px; height:32px; }
  #site-header .header-actions { gap:2px; }
  #site-header .header-discover { gap:8px; }
  #site-header .header-discover .header-search { min-height:44px; padding:0 0 0 12px; }
  #site-header .header-discover .header-search button { width:44px; height:44px; padding:0; }
  #site-header .header-discover .header-search button span { display:none; }
  #site-header .header-shop-mobile { padding-inline:12px; font-size:14px; }

  .hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); min-height:0; margin:12px var(--gutter) 0; border-radius:24px; }
  .hero-copy { padding:12px 0 12px 16px; align-self:center; min-width:0; }
  .hero-tag { padding:3px 8px; font-size:9px; line-height:1.1; letter-spacing:.3px; }
  .hero h1 { font-size:clamp(25px,6.6vw,38px); line-height:.95; letter-spacing:-.35px; margin:7px 0; }
  .hero h1 br:nth-of-type(2) { display:initial; }
  .hero h1 span { display:inline; margin:0; }
  .hero-copy > p { font-size:10px; line-height:1.4; margin:0 0 8px; max-width:200px; }
  .hero-copy > p br { display:none; }
  .hero-copy .button-dark { max-width:100%; min-height:44px; padding:8px 10px; gap:5px; border-radius:10px; font-size:12px; line-height:1.15; }
  .hero-copy .button-dark svg { width:14px; height:14px; }
  .hero-art { position:relative; inset:auto; height:auto; min-height:0; margin:0 12px 0 4px; align-self:stretch; }
  .hero-portrait-back { width:78%; height:72%; right:4%; top:8%; border-radius:48% 48% 16px 16px; transform:rotate(7deg); }
  .hero-portrait-front { width:75%; height:66%; left:0; top:27%; border:3px solid #f3f2f5; border-radius:16px; transform:rotate(-7deg); }
  .hero-portrait-front > span { padding:6px; font-size:9px; line-height:1.05; letter-spacing:.2px; }
  .hero-note { display:none; }

  .section { padding:24px var(--gutter) 0; }
  .section-heading { margin-bottom:18px; }
  .section-heading h2 { font-size:30px; margin-top:5px; }
  .section-heading > p:last-child:not(.eyebrow) { font-size:11px; line-height:1.5; margin-top:8px; }
  .eyebrow { font-size:11px; }
  .home-shop-section { --shop-section-space:24px; --shop-heading-gap:18px; --shop-title-size:30px; --shop-eyebrow-size:11px; --shop-description-size:11px; padding-block:var(--shop-section-space); }
  .home-shop-section > .section-heading h2 { margin-top:5px; }
  .home-shop-section > .section-heading > p:last-child:not(.eyebrow) { margin-top:8px; max-width:100%; }
  .home-shop-section.brands-section > .section-heading,.home-shop-section.our-collection > .section-heading { margin-bottom:18px; }
  .home-shop-section + .featured-section { padding-top:24px; }

  .brands-section .brand-grid { grid-auto-flow:row; grid-auto-columns:auto; grid-auto-rows:1fr; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0; overflow:visible; scroll-snap-type:none; }
  .brands-section .brand-tile { min-height:104px; padding:23px 5px 18px; border-radius:16px; min-width:0; }
  .brands-section .brand-tile-identity { gap:5px; }
  .brands-section .brand-logo { width:100%; max-width:58px; height:32px; }
  .brands-section .brand-logo-khaadi img { width:100%; }
  .brands-section .brand-logo-aroma { width:34px; }
  .brands-section .brand-logo-abrish { width:22px; }
  .brands-section .brand-logo-minal,.brands-section .brand-logo-minal img { width:32px; height:32px; }
  .brands-section .brand-tile-wordmark,.brands-section .has-brand-logo .brand-tile-wordmark { font-size:13px; line-height:1.05; letter-spacing:0; overflow-wrap:anywhere; }
  .brands-section .brand-tile:not(.has-brand-logo) .brand-tile-wordmark { font-size:17px; }
  .brands-section .brand-tile-wordmark small { font-size:7px; line-height:1.15; letter-spacing:.1px; margin-top:3px; }
  .brands-section .brand-tile .brand-tile-count { top:7px; left:7px; font-size:8px; letter-spacing:.1px; }
  .brands-section .brand-tile .brand-tile-arrow { right:7px; bottom:6px; }
  .brands-section .brand-tile-arrow svg { width:12px; height:12px; }

  .fabric-section { margin-inline:0; padding-inline:var(--gutter); border-radius:24px; }
  .fabric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 10px; }
  .fabric-grid .fabric-card,.fabric-grid .fabric-card:last-child { display:block; grid-column:auto; min-width:0; }
  .fabric-photo { aspect-ratio:1/1.08; max-height:150px; border-radius:13px; }
  .fabric-caption,.fabric-card:last-child .fabric-caption { display:flex; align-items:center; padding:8px 0 0; gap:4px; }
  .fabric-caption h3 { font-size:20px; line-height:1.05; }
  .fabric-caption p { font-size:8px; margin-top:3px; line-height:1.4; }
  .fabric-arrow,.fabric-card:last-child .fabric-arrow { width:20px; height:20px; margin:0; }
  .fabric-arrow svg { width:12px; height:12px; }

  .category-tabs,#home-catalog .category-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; overflow:visible; padding:0; }
  .category-tabs button { min-width:0; min-height:44px; padding:7px 5px; font-size:14px; white-space:normal; line-height:1.1; }
  .catalog-filter-row,#home-catalog .catalog-filter-row { display:flex; flex-direction:column; gap:10px; padding:14px 0 18px; }
  .catalog-filter-row > p { margin:0; font-size:10px; text-align:center; }
  .select-filters,#home-catalog .select-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 10px; width:100%; }
  .select-filters label,#home-catalog .select-filters label { display:flex; flex-direction:column; align-items:stretch; gap:3px; min-width:0; font-size:10px; text-align:left; }
  .select-filters label:first-child { grid-column:1/-1; }
  .select-filters select,#home-catalog .select-filters select { width:100%; max-width:100%; min-width:0; min-height:44px; font-size:16px; padding:6px 8px; border:1px solid var(--line); border-radius:8px; text-align:left; text-align-last:left; background:var(--paper); }

  .personal-banner { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:14px; padding:20px 12px; margin:24px var(--gutter) 0; border-radius:24px; }
  .personal-banner .eyebrow { font-size:10px; }
  .personal-banner h2 { font-size:30px; margin:10px 0; }
  .personal-banner p { font-size:10px; line-height:1.6; margin-bottom:13px; }
  .personal-banner .button-dark { min-height:44px; padding:8px 10px; font-size:13px; gap:6px; }
  .personal-banner .button-dark svg { width:16px; height:16px; }
  .personal-image { width:100%; max-width:150px; margin:0; align-self:center; }
  .personal-stamp { left:auto; right:15px; bottom:13px; font-size:12px; }

  .collection-intro { padding:16px 12px 20px; border-radius:20px; }
  .collection-intro .breadcrumbs { margin-bottom:13px; font-size:10px; }
  .collection-intro .eyebrow { font-size:11px; }
  .collection-intro h1 { font-size:34px; margin:7px 0 10px; }
  .collection-intro > p:last-of-type { font-size:11px; line-height:1.6; }
  .collection-list { padding-top:20px; }
  .shop-breadcrumbs { min-height:38px; font-size:10px; padding-block:9px; }
  .shop-masthead { padding:18px 12px; border-radius:20px; }
  .shop-masthead h1 { font-size:34px; margin:8px 0; }
  .shop-masthead .eyebrow { font-size:11px; }
  .shop-masthead-copy > p:last-child { font-size:11px; line-height:1.6; }
  .shop-masthead-pictures { display:none; }
  .shop-layout { display:block; margin-top:18px; }
  .shop-filter-panel > summary { min-height:44px; padding-inline:13px; font-size:18px; }
  .shop-results { margin-top:16px; }
  .shop-toolbar { min-height:44px; gap:10px; padding-bottom:8px; }
  .shop-result-heading h2 { font-size:21px; }
  .shop-result-count { font-size:10px; margin-top:4px; }
  .shop-sort { min-width:0; max-width:50%; }
  .shop-sort select { width:145px; max-width:100%; font-size:16px; }
  .shop-search { min-height:44px; margin:6px 0 16px; }
  .shop-active-filters { gap:6px; margin-bottom:16px; }
  .shop-active-filters button { min-height:44px; }

  .pdp-breadcrumbs { font-size:9px; padding:13px 0 16px; }
  .pdp-layout { gap:20px; }
  .pdp-main-image { border-radius:20px; }
  .pdp-main-image > img { height:clamp(260px,77vw,340px); }
  .pdp-thumbnails,.product-thumbnails { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; overflow:visible; padding:10px 2px 2px; }
  .pdp-thumbnails button,.product-thumbnails button { width:100%; min-width:0; height:auto; aspect-ratio:4/5; max-height:86px; margin:0; flex-basis:auto; border-radius:10px; }
  .pdp-thumbnails img { border-radius:7px; }
  .pdp-brand { font-size:12px; margin-bottom:9px; }
  .pdp-details h1 { font-size:31px; line-height:1.07; }
  .pdp-price { font-size:26px; margin-top:15px; }
  .pdp-description { font-size:12px; line-height:1.75; margin-top:16px; }
  .pdp-facts { padding-block:17px; margin-block:18px; gap:14px; }
  .pdp-facts dd { font-size:12px; }
  .pdp-order { padding:18px 12px; border-radius:20px; }
  .pdp-order-heading h2 { font-size:27px; }
  .pdp-info-copy h2,.pdp-related .section-heading h2,.r-heading h2 { font-size:30px; }
  .pdp-information { padding-block:24px; margin-top:24px; gap:18px; }
  .pdp-info-copy .eyebrow,.r-heading .eyebrow { font-size:11px; }
  .pdp-accordions summary { font-size:18px; min-height:48px; padding-block:14px; }
  .pdp-related { padding-top:24px; }
  .pdp-related .section-heading { margin-bottom:18px; }
  .pdp-reviews-panel { padding-block:24px; }
  .r-heading { margin-bottom:18px; }
  .r-heading > p { font-size:11px; margin-top:8px; }
  .r-summary,.r-empty { padding:18px; border-radius:18px; }
  .r-layout { gap:16px; }
  .r-summary h3 { font-size:18px; }
  .r-empty h3 { font-size:22px; }
  .r-write-review { margin-top:16px; }
  .r-write-review > summary { min-height:48px; padding:14px 17px; font-size:18px; }

  #site-footer { margin-top:32px; padding-inline:var(--gutter); border-radius:24px 24px 0 0; }
  #site-footer .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; padding:24px 0; }
  #site-footer .footer-brand { grid-column:1/-1; display:block; }
  #site-footer .wordmark { font-size:34px; gap:8px; }
  #site-footer .wordmark img { width:36px; height:36px; }
  #site-footer .footer-tagline { font-size:20px; margin:10px 0 15px; }
  #site-footer .footer-social { width:44px; height:44px; flex-basis:44px; border-radius:13px; }
  #site-footer .footer-social svg { width:23px; height:23px; }
  #site-footer .footer-column h2 { font-size:20px; margin-bottom:8px; }
  #site-footer .footer-column > a:not(.footer-whatsapp),#site-footer .footer-column > button,#site-footer .footer-help-links > button { min-height:44px; font-size:11px; padding-block:8px; }
  #site-footer .footer-help { grid-column:1/-1; padding-top:20px; }
  #site-footer .footer-column > a.footer-phone { font-size:27px; }
  #site-footer .footer-bottom { font-size:9px; }
  #site-footer .footer-bottom > a { min-height:44px; }
  .dialog-heading,.commerce-head { padding:15px 16px; }
  .dialog-heading h2,.commerce-head h2 { font-size:25px; }
  .commerce-body { padding:14px; }
  .menu-links { padding-inline:16px; }
  .menu-links a { font-size:23px; min-height:44px; }
}
@media (max-width:360px) {
  /* Keep the full brand name beside all four controls in the compact header. */
  .is-scrolled #site-header .wordmark { font-size:28px; gap:4px; }
  .is-scrolled #site-header .wordmark img { width:30px; height:30px; }
  .hero-copy { padding:14px 0 14px 13px; }
  .hero-copy > p { font-size:9px; }
  .hero-copy .button-dark { font-size:11px; padding-inline:7px; }
  .hero-art { margin-right:9px; }
  .brands-section .brand-tile { min-height:102px; }
  .brands-section .brand-tile-wordmark,.brands-section .has-brand-logo .brand-tile-wordmark { font-size:12px; }
  .brands-section .brand-tile:not(.has-brand-logo) .brand-tile-wordmark { font-size:15px; }
  .fabric-grid { gap:14px 8px; }
  .fabric-caption { gap:2px; }
  .fabric-caption h3 { font-size:18px; }
  .fabric-arrow,.fabric-card:last-child .fabric-arrow { width:16px; height:16px; }
  .personal-banner { padding:17px 12px; }
  .personal-banner h2 { font-size:27px; }
  .pdp-details h1 { font-size:29px; }
}