/* Shama International — global mobile adaptation
   Loaded last on every HTML page by worker.js. */

html,body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
  -webkit-text-size-adjust:100%;
}

body{
  min-width:0;
}

:where(main,section,article,aside,header,footer,nav,div){
  min-width:0;
}

img,video,svg,canvas,iframe{
  max-width:100%;
}

button,input,select,textarea{
  max-width:100%;
}

@media (max-width: 920px){
  html,body{
    overflow-x:hidden!important;
  }

  body{
    width:100%!important;
    max-width:100%!important;
  }

  main,#page-content,#site-header,#site-footer{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .wrap,
  body[data-page="catalogue"] .grocery-catalogue-wrap,
  body[data-page="product"] .simple-catalogue>.wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .section{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }

  h1,h2,h3,p,
  .about-front-copy,
  .aboutv-hero-copy,
  .catalogue-toolbar-copy,
  .grocery-promo-copy,
  .simple-catalogue-heading,
  .trade-aside,
  .founder-copy{
    max-width:100%!important;
    overflow-wrap:break-word;
  }

  /* Header / navigation */
  #site-header{
    position:relative!important;
    z-index:5000!important;
  }

  .announce{
    min-height:30px!important;
    height:auto!important;
    padding:5px 0!important;
  }

  .announce-inner{
    min-height:20px!important;
    gap:8px!important;
  }

  .announce p{
    display:none!important;
  }

  .header{
    width:100%!important;
    height:84px!important;
    padding:7px 0!important;
  }

  .nav-shell{
    width:100%!important;
    height:70px!important;
    min-height:70px!important;
    padding:0 8px 0 10px!important;
    border-radius:17px!important;
  }

  .brand,
  .brand-studio{
    min-width:0!important;
    max-width:calc(100% - 112px)!important;
    overflow:hidden!important;
  }

  .brand-studio>span:last-child{
    min-width:0!important;
  }

  .brand-studio strong,
  .brand-studio small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .brand-emblem{
    flex:0 0 40px!important;
  }

  .mobile-toggle{
    display:block!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin-left:auto!important;
  }

  .header-cta,
  .nav>.btn{
    display:none!important;
  }

  .nav-shell>.navlinks,
  .nav-shell>.navlinks.open,
  .nav-shell>.navlinks.mobile-nav-open{
    left:10px!important;
    right:10px!important;
    top:92px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 110px)!important;
    margin:0!important;
    padding:14px!important;
    border-radius:18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }

  .nav-shell .navlinks>a,
  .nav-shell .drop-label{
    width:100%!important;
    min-height:46px!important;
    padding:11px 12px!important;
    white-space:normal!important;
  }

  .nav-shell .drop{
    width:100%!important;
    height:auto!important;
    display:block!important;
  }

  .nav-shell .drop:after{
    display:none!important;
  }

  .nav-shell .mega-menu{
    max-width:100%!important;
  }

  .nav-shell .navlinks.open .mega-menu,
  .nav-shell .navlinks.mobile-nav-open .mega-menu{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:5px 0 0!important;
    padding:10px!important;
    transform:none!important;
    translate:none!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }

  .nav-shell .mega-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #shama-language-switch{
    right:66px!important;
    left:auto!important;
    max-width:58px!important;
  }

  /* Homepage hero — single slide */
  body[data-page="home"] .hero-video-only{
    min-height:0!important;
  }

  body[data-page="home"] .hero-video-only .video-wall-shell{
    width:100%!important;
    height:680px!important;
    min-height:680px!important;
  }

  body[data-page="home"] .fmcg-video-wall,
  body[data-page="home"] .fmcg-video-wall .fmcg-panel{
    width:100%!important;
    max-width:100%!important;
  }

  body[data-page="home"] .fmcg-video-wall .fmcg-panel-label{
    left:26px!important;
    right:26px!important;
    bottom:82px!important;
  }

  body[data-page="home"] .fmcg-video-wall .fmcg-panel-label b{
    max-width:100%!important;
    font-size:clamp(58px,15vw,94px)!important;
    line-height:.84!important;
  }

  body[data-page="home"] .fmcg-video-wall .fmcg-panel-link{
    width:46px!important;
    height:46px!important;
    right:16px!important;
    top:16px!important;
  }

  body[data-page="home"] .hero-slider-arrow{
    width:48px!important;
    height:48px!important;
  }

  /* Homepage sections injected by JS */
  body[data-page="home"] .category-reels{
    padding:62px 0 72px!important;
  }

  body[data-page="home"] .reels-shell{
    width:calc(100% - 24px)!important;
  }

  body[data-page="home"] .reels-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  body[data-page="home"] .reels-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body[data-page="home"] .reel-card{
    min-width:0!important;
    height:440px!important;
  }

  body[data-page="home"] .story-video-shell,
  body[data-page="home"] .founder-video-shell,
  body[data-page="home"] .partners-marquee-shell{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:24px!important;
    border-radius:26px!important;
    min-height:0!important;
  }

  body[data-page="home"] .story-video-copy,
  body[data-page="home"] .founder-copy{
    padding:6px!important;
  }

  body[data-page="home"] .story-video-copy h2,
  body[data-page="home"] .founder-copy h2,
  body[data-page="home"] .partners-marquee-copy h2{
    max-width:100%!important;
    font-size:clamp(38px,10vw,56px)!important;
  }

  body[data-page="home"] .story-video-grid{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }

  body[data-page="home"] .story-video-main{
    min-height:340px!important;
  }

  body[data-page="home"] .story-video-small{
    min-height:220px!important;
  }

  body[data-page="home"] .founder-media-card{
    min-height:460px!important;
  }

  body[data-page="home"] .founder-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body[data-page="home"] .wholesale-video-shell{
    width:100%!important;
    max-width:none!important;
    padding:0 18px!important;
  }

  body[data-page="home"] .wholesale-video-head{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body[data-page="home"] .wholesale-video-note{
    padding-left:0!important;
  }

  body[data-page="home"] .wholesale-video-note:before{
    display:none!important;
  }

  body[data-page="home"] .wholesale-video-player{
    min-height:440px!important;
    border-radius:22px!important;
  }

  body[data-page="home"] .wholesale-video-overlay{
    left:18px!important;
    right:18px!important;
    grid-template-columns:auto 1fr auto!important;
  }

  body[data-page="home"] .wholesale-video-icons{
    display:none!important;
  }

  body[data-page="home"] .wholesale-video-foot{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  body[data-page="home"] .partners-track{
    gap:12px!important;
  }

  body[data-page="home"] .partner-logo-card{
    flex-basis:170px!important;
    width:170px!important;
    height:92px!important;
  }

  /* Catalogue */
  body[data-page="catalogue"] .grocery-catalogue{
    padding:24px 0 62px!important;
  }

  body[data-page="catalogue"] .catalogue-toolbar{
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:stretch!important;
  }

  body[data-page="catalogue"] .catalogue-toolbar-copy h1{
    font-size:clamp(34px,10vw,48px)!important;
  }

  body[data-page="catalogue"] .catalogue-search{
    width:100%!important;
  }

  body[data-page="catalogue"] .grocery-promo-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  body[data-page="catalogue"] .grocery-promo-main{
    grid-template-columns:1fr!important;
    min-height:560px!important;
    padding:30px 22px 34px!important;
  }

  body[data-page="catalogue"] .grocery-promo-copy h2{
    font-size:clamp(38px,10vw,54px)!important;
  }

  body[data-page="catalogue"] .grocery-promo-media{
    min-height:240px!important;
  }

  body[data-page="catalogue"] .grocery-promo-media img{
    width:min(270px,82%)!important;
    max-height:270px!important;
  }

  body[data-page="catalogue"] .grocery-promo-side{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:none!important;
  }

  body[data-page="catalogue"] .grocery-mini-card{
    grid-template-columns:1fr!important;
    min-height:320px!important;
    align-content:space-between!important;
    padding:22px!important;
  }

  body[data-page="catalogue"] .grocery-mini-card img{
    height:150px!important;
    justify-self:center!important;
  }

  body[data-page="catalogue"] .grocery-category-head{
    align-items:flex-start!important;
  }

  body[data-page="catalogue"] .grocery-category-strip{
    grid-auto-columns:160px!important;
    gap:9px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body[data-page="catalogue"] .grocery-category-card{
    min-height:205px!important;
  }

  body[data-page="catalogue"] .grocery-category-image{
    width:124px!important;
    height:124px!important;
  }

  body[data-page="catalogue"] .grocery-category-image img{
    width:116px!important;
    height:116px!important;
    object-fit:contain!important;
  }

  body[data-page="catalogue"] .grocery-range-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  body[data-page="catalogue"] .grocery-range-tile{
    min-height:360px!important;
    grid-template-rows:220px auto!important;
  }

  body[data-page="catalogue"] .grocery-range-image{
    min-height:220px!important;
  }

  body[data-page="catalogue"] .grocery-range-image img{
    max-height:205px!important;
    object-fit:contain!important;
  }

  body[data-page="catalogue"] .grocery-help{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:30px 24px!important;
  }

  /* Product/category pages */
  body[data-page="product"] .page-hero{
    padding:46px 0 42px!important;
    min-height:0!important;
  }

  body[data-page="product"] .page-hero>.wrap{
    width:calc(100% - 28px)!important;
  }

  body[data-page="product"] .page-hero h1{
    max-width:100%!important;
    font-size:clamp(38px,10.5vw,54px)!important;
    line-height:1!important;
  }

  body[data-page="product"] .page-hero p{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.6!important;
  }

  body[data-page="product"] .simple-catalogue{
    padding:34px 0 66px!important;
  }

  body[data-page="product"] .simple-catalogue-toolbar{
    width:100%!important;
    align-items:stretch!important;
    flex-direction:column!important;
    gap:20px!important;
  }

  body[data-page="product"] .simple-catalogue-search{
    width:100%!important;
  }

  body[data-page="product"] .simple-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body[data-page="product"] .simple-product-card{
    min-width:0!important;
  }

  body[data-page="product"] .simple-product-content h3{
    font-size:18px!important;
  }

  body[data-page="product"] .simple-product-content>p{
    min-height:0!important;
  }

  body[data-page="product"] .product-lightbox{
    padding:10px!important;
  }

  body[data-page="product"] .product-lightbox-panel{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:20px!important;
  }

  body[data-page="product"] .product-lightbox-media{
    padding:52px 12px 16px!important;
  }

  body[data-page="product"] .product-lightbox-media img{
    max-height:62dvh!important;
    object-fit:contain!important;
  }

  /* Cosmetics brand navigation */
  body[data-category="cosmetics"] .cosmetics-brand-nav{
    position:relative!important;
    top:auto!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    border-radius:16px!important;
  }

  body[data-category="cosmetics"] .cosmetics-brand-chips{
    width:100%!important;
    justify-content:flex-start!important;
  }

  body[data-category="cosmetics"] .cosmetics-brand-section.is-shama{
    padding:18px!important;
    border-radius:22px!important;
  }

  body[data-category="cosmetics"] .cosmetics-brand-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  /* About page */
  body[data-page="about"] .aboutv-hero-grid,
  body[data-page="about"] .about-front-grid,
  body[data-page="about"] .about-intro-grid,
  body[data-page="about"] .about-founder-grid,
  body[data-page="about"] .about-lessons-grid,
  body[data-page="about"] .about-section-head{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  body[data-page="about"] .aboutv-collage,
  body[data-page="about"] .about-hero-collage{
    max-width:100%!important;
    overflow:hidden!important;
  }

  body[data-page="about"] .about-section-head{
    margin-bottom:38px!important;
  }

  body[data-page="about"] .about-lessons-title{
    position:static!important;
  }

  body[data-page="about"] .story-chapter{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:16px!important;
  }

  body[data-page="about"] .story-chapter p{
    grid-column:2!important;
  }

  body[data-page="about"] .timeline-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 16px!important;
  }

  body[data-page="about"] .timeline-track:before{
    display:none!important;
  }

  body[data-page="about"] .video-journal-grid{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }

  body[data-page="about"] .video-story:first-child{
    grid-column:1/-1!important;
  }

  /* Contact */
  body[data-page="contact"] .trade-layout,
  body[data-page="contact"] .location-grid{
    grid-template-columns:1fr!important;
    gap:38px!important;
  }

  body[data-page="contact"] .trade-aside{
    position:relative!important;
    top:auto!important;
  }

  body[data-page="contact"] .trade-form-wrap{
    border-radius:22px!important;
  }

  body[data-page="contact"] .trade-form{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }

  body[data-page="contact"] .trade-full{
    grid-column:auto!important;
  }

  body[data-page="contact"] .trade-send,
  body[data-page="contact"] .trade-direct,
  body[data-page="contact"] .location-data{
    grid-template-columns:1fr!important;
  }

  body[data-page="contact"] .trade-aside h2{
    font-size:clamp(42px,11vw,58px)!important;
  }

  /* Footer */
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  /* Floating UI: keep controls away from content and from each other */
  .order-tray{
    left:12px!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }

  #shama-chatbot{
    left:10px!important;
    right:auto!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }

  #shama-chatbot .shama-chat-panel{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    height:min(620px,calc(100dvh - 110px))!important;
  }

  input,select,textarea{
    font-size:16px!important;
  }

  .btn,
  button,
  input[type="button"],
  input[type="submit"]{
    touch-action:manipulation;
  }
}

@media (max-width: 620px){
  .wrap,
  body[data-page="catalogue"] .grocery-catalogue-wrap,
  body[data-page="product"] .simple-catalogue>.wrap{
    width:calc(100% - 20px)!important;
  }

  .section{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }

  .announce a{
    display:none!important;
  }

  .header{
    height:80px!important;
  }

  .nav-shell{
    height:66px!important;
    min-height:66px!important;
  }

  .brand-studio{
    max-width:calc(100% - 104px)!important;
  }

  .brand-emblem{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }

  .brand-studio strong{
    font-size:16px!important;
  }

  .brand-studio small{
    display:none!important;
  }

  .nav-shell>.navlinks,
  .nav-shell>.navlinks.open,
  .nav-shell>.navlinks.mobile-nav-open{
    top:82px!important;
    left:8px!important;
    right:8px!important;
    max-height:calc(100dvh - 94px)!important;
  }

  .nav-shell .mega-grid{
    grid-template-columns:1fr!important;
  }

  body[data-page="home"] .hero-video-only .video-wall-shell{
    height:600px!important;
    min-height:600px!important;
  }

  body[data-page="home"] .fmcg-video-wall .fmcg-panel-label{
    left:20px!important;
    right:20px!important;
    bottom:88px!important;
  }

  body[data-page="home"] .fmcg-video-wall .fmcg-panel-label b{
    font-size:clamp(50px,17vw,72px)!important;
  }

  body[data-page="home"] .hero-slider-arrow{
    top:auto!important;
    bottom:18px!important;
    transform:none!important;
    width:44px!important;
    height:44px!important;
  }

  body[data-page="home"] .hero-slider-prev{
    left:12px!important;
  }

  body[data-page="home"] .hero-slider-next{
    right:12px!important;
  }

  body[data-page="home"] .hero-slider-dots{
    bottom:22px!important;
  }

  body[data-page="home"] .reels-track{
    grid-template-columns:1fr!important;
  }

  body[data-page="home"] .reel-card{
    height:420px!important;
  }

  body[data-page="home"] .story-video-shell,
  body[data-page="home"] .founder-video-shell,
  body[data-page="home"] .partners-marquee-shell{
    width:calc(100% - 14px)!important;
    padding:18px!important;
    border-radius:22px!important;
  }

  body[data-page="home"] .story-video-grid{
    grid-template-columns:1fr!important;
  }

  body[data-page="home"] .story-video-main,
  body[data-page="home"] .story-video-small{
    min-height:280px!important;
  }

  body[data-page="home"] .founder-media-card{
    min-height:360px!important;
  }

  body[data-page="home"] .founder-stats{
    grid-template-columns:1fr!important;
  }

  body[data-page="home"] .wholesale-video-shell{
    padding:0 10px!important;
  }

  body[data-page="home"] .wholesale-video-title{
    font-size:clamp(38px,11vw,50px)!important;
  }

  body[data-page="home"] .wholesale-video-player{
    min-height:330px!important;
  }

  body[data-page="home"] .wholesale-video-overlay{
    grid-template-columns:auto auto!important;
    gap:10px!important;
  }

  body[data-page="home"] .wholesale-video-line{
    grid-column:1/-1!important;
  }

  body[data-page="catalogue"] .grocery-promo-main{
    min-height:520px!important;
    padding:26px 18px 30px!important;
  }

  body[data-page="catalogue"] .grocery-promo-side{
    grid-template-columns:1fr!important;
  }

  body[data-page="catalogue"] .grocery-mini-card{
    grid-template-columns:minmax(0,1fr) 128px!important;
    min-height:210px!important;
    padding:22px 18px!important;
  }

  body[data-page="catalogue"] .grocery-mini-card img{
    height:130px!important;
  }

  body[data-page="catalogue"] .grocery-category-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  body[data-page="catalogue"] .grocery-category-strip{
    grid-auto-columns:148px!important;
  }

  body[data-page="catalogue"] .grocery-range-grid{
    grid-template-columns:1fr!important;
  }

  body[data-page="catalogue"] .grocery-range-tile{
    grid-template-columns:1fr!important;
    grid-template-rows:250px auto!important;
    min-height:390px!important;
  }

  body[data-page="catalogue"] .grocery-range-image{
    min-height:250px!important;
  }

  body[data-page="catalogue"] .grocery-range-image img{
    max-height:235px!important;
  }

  body[data-page="product"] .simple-product-grid{
    grid-template-columns:1fr!important;
  }

  body[data-page="product"] .simple-product-media{
    width:calc(100% - 20px)!important;
    margin:10px!important;
  }

  body[data-category="cosmetics"] .cosmetics-brand-chips{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  body[data-page="about"] .aboutv-hero,
  body[data-page="about"] .about-intro,
  body[data-page="about"] .about-founder,
  body[data-page="about"] .about-chapters,
  body[data-page="about"] .about-timeline,
  body[data-page="about"] .about-lessons,
  body[data-page="about"] .about-video-journal,
  body[data-page="about"] .about-vision{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }

  body[data-page="about"] .aboutv-hero h1,
  body[data-page="about"] .about-front-copy h1{
    font-size:clamp(36px,11vw,48px)!important;
  }

  body[data-page="about"] .aboutv-collage{
    min-height:380px!important;
  }

  body[data-page="about"] .about-founder-photo img{
    height:auto!important;
    min-height:360px!important;
    max-height:460px!important;
    object-fit:cover!important;
  }

  body[data-page="about"] .timeline-track{
    grid-template-columns:1fr!important;
  }

  body[data-page="about"] .video-journal-grid{
    grid-template-columns:1fr!important;
  }

  body[data-page="about"] .video-story:first-child{
    grid-column:auto!important;
  }

  body[data-page="about"] .video-story{
    min-height:360px!important;
  }

  body[data-page="contact"] .trade-form{
    padding:18px!important;
  }

  body[data-page="contact"] .trade-form-head{
    padding:16px 18px!important;
  }

  body[data-page="contact"] .trade-form-head b{
    display:none!important;
  }

  .footer{
    padding-bottom:calc(102px + env(safe-area-inset-bottom))!important;
  }

  .footer .brand{
    max-width:100%!important;
  }

  #shama-chatbot .shama-chat-launcher{
    width:52px!important;
    height:52px!important;
  }
}

@media (max-width: 390px){
  .wrap,
  body[data-page="catalogue"] .grocery-catalogue-wrap,
  body[data-page="product"] .simple-catalogue>.wrap{
    width:calc(100% - 16px)!important;
  }

  body[data-page="home"] .hero-video-only .video-wall-shell{
    height:560px!important;
    min-height:560px!important;
  }

  body[data-page="home"] .fmcg-video-wall .fmcg-panel-label b{
    font-size:clamp(46px,17vw,64px)!important;
  }

  body[data-page="catalogue"] .grocery-mini-card{
    grid-template-columns:1fr 112px!important;
  }

  body[data-category="cosmetics"] .cosmetics-brand-chips{
    grid-template-columns:1fr!important;
  }

  .order-tray{
    grid-template-columns:36px minmax(0,1fr) 18px!important;
    padding:9px 10px!important;
  }

  #shama-chatbot{
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
}

@media (orientation: landscape) and (max-height: 520px) and (max-width: 920px){
  body[data-page="home"] .hero-video-only .video-wall-shell{
    height:520px!important;
    min-height:520px!important;
  }

  .nav-shell>.navlinks,
  .nav-shell>.navlinks.open,
  .nav-shell>.navlinks.mobile-nav-open{
    max-height:calc(100dvh - 90px)!important;
  }

  #shama-chatbot .shama-chat-panel{
    height:calc(100dvh - 20px)!important;
    top:10px!important;
    bottom:auto!important;
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto!important;
  }

  *,*:before,*:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


/* FINAL MOBILE POLISH 20260922-2 */
@media (max-width: 620px){
  /* Header: logo left, language + menu locked right, no overlap */
  html body #site-header .header{
    height:auto!important;
    min-height:0!important;
    padding:7px 0!important;
  }

  html body #site-header .nav-shell{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    margin:0 auto!important;
    padding:0 8px 0 10px!important;
    gap:4px!important;
    border-radius:16px!important;
    overflow:visible!important;
  }

  html body #site-header .nav-shell>.brand,
  html body #site-header .nav-shell>a.brand,
  html body #site-header .nav-shell>.brand-studio,
  html body #site-header .nav-shell>[data-shama-mobile-brand='1']{
    width:104px!important;
    max-width:104px!important;
    height:50px!important;
    flex:0 0 104px!important;
    margin:0 auto 0 0!important;
    overflow:visible!important;
  }

  html body #site-header .brand-studio .official-logo-frame,
  html body #site-header .brand-studio .official-logo-frame img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
  }

  html body #site-header .nav-shell>.shama-mobile-actions{
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:116px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:0!important;
    gap:4px!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  html body[data-page] #site-header .shama-mobile-actions #shama-language-switch{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:2px!important;
    gap:1px!important;
    transform:none!important;
    transform-origin:center!important;
    border-radius:999px!important;
    box-shadow:none!important;
  }

  html body[data-page] #site-header .shama-mobile-actions #shama-language-switch button{
    min-width:27px!important;
    width:auto!important;
    padding:6px 6px!important;
    font-size:9px!important;
    line-height:1!important;
  }

  html body #site-header .shama-mobile-actions .mobile-toggle{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
  }

  /* Homepage cards: full width, centered and never clipped */
  body[data-page="home"] .reels-track,
  body[data-page="home"] .category-grid,
  body[data-page="home"] .category-showcase-grid{
    grid-template-columns:1fr!important;
  }

  body[data-page="home"] .reel-card,
  body[data-page="home"] .category-card,
  body[data-page="home"] .category-tile{
    width:100%!important;
    max-width:520px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body[data-page="home"] .flavour-explorer-v2{
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:16px!important;
  }

  body[data-page="home"] .flavour-v2-visual,
  body[data-page="home"] .flavour-v2-panel{
    width:100%!important;
    max-width:100%!important;
  }

  body[data-page="home"] .flavour-v2-visual{
    min-height:440px!important;
    border-radius:22px!important;
  }

  body[data-page="home"] .flavour-v2-main,
  body[data-page="home"] .flavour-v2-shade{
    inset:10px!important;
    width:calc(100% - 20px)!important;
    height:calc(100% - 20px)!important;
    border-radius:16px!important;
  }

  body[data-page="home"] .flavour-v2-copy{
    left:24px!important;
    right:24px!important;
    bottom:24px!important;
  }

  body[data-page="home"] .flavour-v2-copy h3{
    font-size:34px!important;
  }

  body[data-page="home"] .flavour-v2-panel{
    padding:20px!important;
    border-radius:20px!important;
  }

  body[data-page="home"] .flavour-v2-switcher{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* About: main visual fully contained + three thumbnails stay in one row */
  body[data-page="about"] .aboutx-visual{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body[data-page="about"] .aboutx-hero-photo{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    margin:0!important;
    padding:6px!important;
    border-radius:22px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body[data-page="about"] .aboutx-hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:16px!important;
  }

  body[data-page="about"] .aboutx-product-stack{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  body[data-page="about"] .aboutx-product-stack figure{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:4px!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body[data-page="about"] .aboutx-product-stack figure img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:10px!important;
  }

  body[data-page="about"] .aboutx-founder-photo,
  body[data-page="about"] .about-founder-photo{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    padding:6px!important;
    border-radius:22px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body[data-page="about"] .aboutx-founder-photo img,
  body[data-page="about"] .about-founder-photo img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:16px!important;
  }

  /* Catalogue hero: turn the desktop overlap collage into a clean mobile row */
  body[data-page="catalogue"] .page-hero>.wrap{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }

  body[data-page="catalogue"] .catalogue-hero-visual{
    grid-column:1!important;
    grid-row:auto!important;
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
    margin-top:2px!important;
  }

  body[data-page="catalogue"] .catalogue-hero-card{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:148px!important;
    transform:none!important;
    border-radius:16px!important;
    padding:7px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(2,15,32,.18)!important;
  }

  body[data-page="catalogue"] .catalogue-hero-card img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:11px!important;
  }

  body[data-page="catalogue"] .catalogue-hero-card span{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-page="catalogue"] .catalogue-hero-badge{
    position:static!important;
    grid-column:1/-1!important;
    justify-self:center!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:2px!important;
  }

  /* Fixed UI: bulk tray at bottom, chat above it, enough footer clearance */
  .order-tray{
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:56px!important;
    padding:8px 10px!important;
    border-radius:16px!important;
    z-index:2147482400!important;
  }

  #shama-chatbot{
    left:10px!important;
    right:auto!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    z-index:2147482500!important;
  }

  #shama-chatbot .shama-chat-launcher{
    width:50px!important;
    height:50px!important;
    border-radius:16px!important;
  }

  #shama-chatbot .shama-chat-panel{
    left:8px!important;
    right:8px!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    height:min(620px,calc(100dvh - 96px))!important;
  }

  .footer{
    padding-bottom:calc(126px + env(safe-area-inset-bottom))!important;
  }
}

@media (max-width: 430px){
  html body #site-header .nav-shell{
    width:calc(100% - 12px)!important;
    height:60px!important;
    min-height:60px!important;
    padding-left:8px!important;
    padding-right:7px!important;
    gap:3px!important;
  }

  html body #site-header .nav-shell>.brand,
  html body #site-header .nav-shell>a.brand,
  html body #site-header .nav-shell>.brand-studio,
  html body #site-header .nav-shell>[data-shama-mobile-brand='1']{
    width:92px!important;
    max-width:92px!important;
    height:46px!important;
    flex-basis:92px!important;
  }

  html body #site-header .nav-shell>.shama-mobile-actions{
    max-width:108px!important;
    gap:3px!important;
  }

  html body[data-page] #site-header .shama-mobile-actions #shama-language-switch button{
    min-width:25px!important;
    padding:5px 5px!important;
    font-size:8.5px!important;
  }

  html body #site-header .shama-mobile-actions .mobile-toggle{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }

  body[data-page="catalogue"] .catalogue-hero-card{
    height:124px!important;
    padding:6px!important;
  }

  body[data-page="catalogue"] .catalogue-hero-card span{
    font-size:8.5px!important;
    padding:6px 7px!important;
  }

  body[data-page="home"] .flavour-v2-visual{
    min-height:400px!important;
  }

  body[data-page="home"] .flavour-v2-switcher{
    grid-template-columns:1fr!important;
  }

  .order-tray{
    grid-template-columns:34px minmax(0,1fr) 18px!important;
  }

  #shama-chatbot{
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
  }

  #shama-chatbot .shama-chat-panel{
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
  }
}


/* SHAMA FULL MOBILE RESPONSIVE PASS 20261002 */
*,*::before,*::after{box-sizing:border-box}
@media(max-width:920px){
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
main,#page-content,#site-header,#site-footer,section,article,aside,nav,header,footer{max-width:100%!important}
img,video,iframe,svg,canvas{max-width:100%!important}
.wrap,.aboutx-wrap,body[data-page="catalogue"] .grocery-catalogue-wrap,body[data-page="product"] .simple-catalogue>.wrap{width:min(100% - 28px,1320px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}

/* HOME HERO */
body[data-page="home"] .hero-video-only{min-height:0!important;height:auto!important}
body[data-page="home"] .hero-video-only .video-wall-shell{width:100%!important;height:clamp(250px,52vw,430px)!important;min-height:250px!important;border-radius:0!important}
body[data-page="home"] .fmcg-video-wall,body[data-page="home"] .fmcg-video-wall .fmcg-panel{width:100%!important;height:100%!important}
body[data-page="home"] .fmcg-video-wall .fmcg-panel img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body[data-page="home"] .hero-slider-arrow{width:40px!important;height:40px!important;font-size:28px!important}
body[data-page="home"] .hero-slider-prev{left:10px!important}
body[data-page="home"] .hero-slider-next{right:10px!important}
body[data-page="home"] .hero-slider-dots{bottom:12px!important}

/* HOME CATEGORY CARDS */
body[data-page="home"] .category-reels{padding:56px 0 64px!important}
body[data-page="home"] .category-reels .reels-shell{width:min(100% - 22px,1600px)!important;max-width:none!important}
body[data-page="home"] .reels-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:24px!important}
body[data-page="home"] .reels-head h2{font-size:clamp(38px,8vw,58px)!important;line-height:.92!important}
body[data-page="home"] .category-images-only .reels-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
body[data-page="home"] .category-images-only .reel-card{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important}
body[data-page="home"] .category-images-only .reel-card>img{width:100%!important;height:calc(100% - 64px)!important;padding:0!important;object-fit:cover!important;object-position:center!important}
body[data-page="home"] .category-images-only .reel-copy{height:64px!important;padding:0 10px!important;gap:6px!important}
body[data-page="home"] .category-images-only .reel-copy strong{max-width:62%!important;font-size:clamp(14px,2vw,20px)!important;line-height:1!important}
body[data-page="home"] .category-images-only .reel-copy em{max-width:112px!important;padding:7px 8px!important;font-size:7.5px!important}
body[data-page="home"] .category-images-only .reel-number{width:32px!important;height:32px!important;top:10px!important;left:10px!important;font-size:9px!important}

/* HOME OTHER SECTIONS */
body[data-page="home"] .story-video-shell,body[data-page="home"] .founder-video-shell,body[data-page="home"] .partners-marquee-shell{width:calc(100% - 20px)!important;max-width:none!important;grid-template-columns:1fr!important;gap:22px!important;padding:22px!important;border-radius:24px!important;min-height:0!important}
body[data-page="home"] .story-video-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
body[data-page="home"] .story-video-main{min-height:320px!important}
body[data-page="home"] .story-video-small{min-height:200px!important}
body[data-page="home"] .founder-media-card{min-height:420px!important}
body[data-page="home"] .founder-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body[data-page="home"] .wholesale-video-head{grid-template-columns:1fr!important}
body[data-page="home"] .wholesale-video-player{min-height:360px!important}

/* CATALOGUE */
body[data-page="catalogue"] .catalogue-toolbar{grid-template-columns:1fr!important;gap:16px!important}
body[data-page="catalogue"] .catalogue-search{width:100%!important}
body[data-page="catalogue"] .grocery-promo-grid{grid-template-columns:1fr!important;min-height:0!important}
body[data-page="catalogue"] .grocery-promo-main{grid-template-columns:1fr!important;min-height:0!important;padding:26px 20px!important}
body[data-page="catalogue"] .grocery-promo-side{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;gap:12px!important}
body[data-page="catalogue"] .grocery-mini-card{grid-template-columns:1fr!important;min-height:280px!important;padding:20px!important}
body[data-page="catalogue"] .grocery-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body[data-page="catalogue"] .grocery-range-tile{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important}
body[data-page="catalogue"] .grocery-range-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important}
body[data-page="catalogue"] .grocery-range-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
body[data-page="catalogue"] .grocery-help{align-items:flex-start!important;flex-direction:column!important}

/* PRODUCT PAGES */
body[data-page="product"] .page-hero{min-height:0!important;padding:48px 0 44px!important}
body[data-page="product"] .page-hero>.wrap{width:min(100% - 28px,1180px)!important;padding:0!important}
body[data-page="product"] .page-hero h1{font-size:clamp(38px,9vw,58px)!important;line-height:.98!important}
body[data-page="product"] .simple-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body[data-page="product"] .simple-product-card{min-width:0!important}
body[data-page="product"] .simple-product-media{width:calc(100% - 16px)!important;margin:8px!important}
body[data-page="product"] .rice-category-tabs{display:flex!important;grid-template-columns:none!important;gap:8px!important;width:100%!important;overflow-x:auto!important;padding:9px!important}
body[data-page="product"] .rice-category-tab{flex:0 0 auto!important;min-width:150px!important}
body[data-page="product"] .rice-category-head,body[data-page="product"] .sauce-type-head{align-items:flex-start!important;flex-direction:column!important}
body[data-page="product"] .sauce-type-nav{position:relative!important;top:auto!important;align-items:flex-start!important;flex-direction:column!important}
body[data-page="product"] .sauce-type-chips{width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important}
body[data-page="product"] .sauce-type-chips a{flex:0 0 auto!important}

/* ABOUT */
body[data-page="about"] .aboutx-hero-grid,body[data-page="about"] .aboutx-founder-grid,body[data-page="about"] .aboutx-video-grid{grid-template-columns:1fr!important;gap:26px!important}
body[data-page="about"] .aboutx-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-page="about"] .aboutx-hero-photo{height:auto!important;aspect-ratio:16/10!important}
body[data-page="about"] .aboutx-product-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-page="about"] .aboutx-product-stack figure{height:auto!important;aspect-ratio:1/1!important}
body[data-page="about"] .aboutx-timeline,body[data-page="about"] .aboutx-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-page="about"] .aboutx-founder-photo{height:auto!important;aspect-ratio:4/5!important}
body[data-page="about"] .aboutx-gallery{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important}

/* CONTACT + FOOTER */
body[data-page="contact"] .trade-layout,body[data-page="contact"] .location-grid{grid-template-columns:1fr!important;gap:30px!important}
body[data-page="contact"] .trade-aside{position:relative!important;top:auto!important}
body[data-page="contact"] .trade-form,body[data-page="contact"] .trade-send,body[data-page="contact"] .trade-direct,body[data-page="contact"] .location-data{grid-template-columns:1fr!important}
.footer-grid{grid-template-columns:1fr!important;gap:26px!important}
.footer-bottom{align-items:flex-start!important;flex-direction:column!important}
}

@media(max-width:620px){
.wrap,.aboutx-wrap,body[data-page="catalogue"] .grocery-catalogue-wrap,body[data-page="product"] .simple-catalogue>.wrap{width:min(100% - 18px,1320px)!important}
body[data-page="home"] .hero-video-only .video-wall-shell{height:clamp(210px,58vw,300px)!important;min-height:210px!important}
body[data-page="home"] .category-images-only .reels-track{grid-template-columns:1fr!important}
body[data-page="home"] .category-images-only .reel-card{width:100%!important;max-width:500px!important;margin:0 auto!important}
body[data-page="home"] .story-video-grid{grid-template-columns:1fr!important}
body[data-page="home"] .founder-stats{grid-template-columns:1fr!important}
body[data-page="catalogue"] .grocery-promo-side{grid-template-columns:1fr!important}
body[data-page="catalogue"] .grocery-range-grid{grid-template-columns:1fr!important}
body[data-page="product"] .simple-product-grid{grid-template-columns:1fr!important}
body[data-page="product"] .page-hero h1{font-size:clamp(36px,11vw,48px)!important}
body[data-page="about"] .aboutx-stats,body[data-page="about"] .aboutx-timeline,body[data-page="about"] .aboutx-values-grid,body[data-page="about"] .aboutx-video-list,body[data-page="about"] .aboutx-gallery{grid-template-columns:1fr!important}
body[data-page="about"] .aboutx-actions{display:grid!important;grid-template-columns:1fr!important}
body[data-page="about"] .aboutx-btn{width:100%!important}
body[data-page="contact"] .trade-form{padding:16px!important}
.footer{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important}
}

@media(max-width:430px){
.wrap,.aboutx-wrap,body[data-page="catalogue"] .grocery-catalogue-wrap,body[data-page="product"] .simple-catalogue>.wrap{width:calc(100% - 14px)!important}
body[data-page="home"] .hero-video-only .video-wall-shell{height:220px!important;min-height:220px!important}
body[data-page="catalogue"] .grocery-mini-card{grid-template-columns:1fr!important;min-height:0!important}
}


/* 2026-10-02 MOBILE ONLY compact category tiles + floating controls */
@media(max-width:620px){
  /* Homepage category tiles: compact two-up mobile grid */
  body[data-page="home"] .category-reels{
    padding:42px 0 54px!important;
  }
  body[data-page="home"] .category-reels .reels-shell{
    width:calc(100% - 14px)!important;
    max-width:none!important;
  }
  body[data-page="home"] .reels-head{
    gap:8px!important;
    margin-bottom:18px!important;
  }
  body[data-page="home"] .reels-head h2{
    font-size:clamp(32px,9vw,40px)!important;
    line-height:.94!important;
  }
  body[data-page="home"] .reels-head p{
    font-size:12px!important;
    line-height:1.45!important;
  }
  body[data-page="home"] .category-images-only .reels-track{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1.08!important;
    margin:0!important;
    border-radius:17px!important;
    box-shadow:0 8px 22px rgba(20,38,86,.10)!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    width:100%!important;
    height:calc(100% - 50px)!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:16px 16px 0 0!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:50px!important;
    padding:0 9px!important;
    gap:5px!important;
    border-radius:0 0 16px 16px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy small{
    display:none!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 36px)!important;
    font-size:clamp(11px,3.35vw,14px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    position:relative!important;
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    max-width:30px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em:after{
    content:"↗";
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    font:900 13px/1 Manrope,sans-serif;
    color:#17264a;
  }
  body[data-page="home"] .category-images-only .reel-number{
    top:8px!important;
    left:8px!important;
    width:28px!important;
    height:28px!important;
    font-size:8px!important;
  }

  /* Catalogue range tiles: same compact treatment on mobile */
  body[data-page="catalogue"] .grocery-range-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body[data-page="catalogue"] .grocery-range-tile{
    width:100%!important;
    min-width:0!important;
    aspect-ratio:1/1.08!important;
    border-radius:16px!important;
  }
  body[data-page="catalogue"] .grocery-range-copy{
    padding:34px 10px 10px!important;
  }
  body[data-page="catalogue"] .grocery-range-copy h3{
    font-size:clamp(13px,3.6vw,17px)!important;
    line-height:1.05!important;
  }
  body[data-page="catalogue"] .grocery-range-copy span{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    margin-top:7px!important;
    border-radius:50%!important;
    font-size:0!important;
    display:grid!important;
    place-items:center!important;
  }
  body[data-page="catalogue"] .grocery-range-copy span:after{
    content:"↗";
    font:900 13px/1 Manrope,sans-serif;
  }
  body[data-page="catalogue"] .grocery-range-number{
    top:8px!important;
    left:8px!important;
    width:28px!important;
    height:28px!important;
    font-size:8px!important;
  }

  /* Floating controls: keep them off the product artwork */
  .order-tray{
    left:auto!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    border-radius:50%!important;
    overflow:visible!important;
    z-index:2147482400!important;
  }
  .order-tray .tray-icon{
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
  }
  .order-tray>span:nth-child(2){
    position:absolute!important;
    top:-4px!important;
    right:-4px!important;
    width:20px!important;
    height:20px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#253360!important;
    box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
  }
  .order-tray>span:nth-child(2) small{
    display:none!important;
  }
  .order-tray>span:nth-child(2) b{
    display:block!important;
    margin:0!important;
    font-size:0!important;
    line-height:1!important;
  }
  .order-tray #order-count{
    font:900 10px/1 Manrope,sans-serif!important;
  }
  .order-tray>em{
    display:none!important;
  }

  #shama-chatbot{
    left:10px!important;
    right:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
  #shama-chatbot .shama-chat-launcher{
    width:50px!important;
    height:50px!important;
    border-radius:50%!important;
  }

  /* footer clearance for the two compact floating buttons */
  .footer{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:350px){
  body[data-page="home"] .category-images-only .reels-track,
  body[data-page="catalogue"] .grocery-range-grid{
    gap:7px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    font-size:10.5px!important;
  }
}


/* 2026-10-02 MOBILE ONLY one full tile per row, no image crop */
@media(max-width:620px){
  /* HOME: one tile per row, show full artwork */
  body[data-page="home"] .category-images-only .reels-track{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#172a55!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:17px 17px 0 0!important;
    background:#f2f3f7!important;
    transform:none!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    flex:0 0 64px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-radius:0 0 17px 17px!important;
    background:#172a55!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    max-width:calc(100% - 48px)!important;
    font-size:18px!important;
    line-height:1!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
  }
  body[data-page="home"] .category-images-only .reel-number{
    top:10px!important;
    left:10px!important;
    width:34px!important;
    height:34px!important;
    font-size:9px!important;
  }

  /* CATALOGUE: same no-crop mobile behavior */
  body[data-page="catalogue"] .grocery-range-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  body[data-page="catalogue"] .grocery-range-tile{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  body[data-page="catalogue"] .grocery-range-image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    background:#f7f6f1!important;
  }
  body[data-page="catalogue"] .grocery-range-image img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  body[data-page="catalogue"] .grocery-range-copy{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    padding:14px!important;
    background:#172a55!important;
  }
  body[data-page="catalogue"] .grocery-range-copy h3{
    color:#fff!important;
    font-size:18px!important;
  }
}


/* 2026-10-02 MOBILE ONLY two tiles, full image no crop */
@media(max-width:620px){
  body[data-page="home"] .category-images-only .reels-track{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#f2f3f7!important;
    border-radius:15px 15px 0 0!important;
    transform:none!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    flex:0 0 50px!important;
    padding:0 8px!important;
    gap:5px!important;
    border-radius:0 0 15px 15px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    min-width:0!important;
    max-width:calc(100% - 34px)!important;
    font-size:clamp(10px,3.1vw,13px)!important;
    line-height:1.02!important;
    overflow-wrap:anywhere!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    padding:0!important;
  }
  body[data-page="home"] .category-images-only .reel-number{
    top:7px!important;
    left:7px!important;
    width:27px!important;
    height:27px!important;
    font-size:8px!important;
  }

  body[data-page="catalogue"] .grocery-range-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body[data-page="catalogue"] .grocery-range-tile{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  body[data-page="catalogue"] .grocery-range-image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
  }
  body[data-page="catalogue"] .grocery-range-image img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  body[data-page="catalogue"] .grocery-range-copy{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    padding:10px!important;
  }
  body[data-page="catalogue"] .grocery-range-copy h3{
    font-size:clamp(11px,3.1vw,14px)!important;
    line-height:1.05!important;
  }
}


/* 2026-10-02 MOBILE catalogue promo full-width media fix */
@media(max-width:620px){
  body[data-page="catalogue"] .grocery-promo-main{
    display:flex!important;
    flex-direction:column!important;
    gap:28px!important;
    padding:28px 20px 24px!important;
  }
  body[data-page="catalogue"] .grocery-promo-copy{
    width:100%!important;
    margin:0!important;
  }
  body[data-page="catalogue"] .grocery-cta{
    margin-top:24px!important;
    margin-bottom:6px!important;
  }
  body[data-page="catalogue"] .grocery-promo-media{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="catalogue"] .grocery-promo-media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  body[data-page="catalogue"] .grocery-promo-side{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body[data-page="catalogue"] .grocery-mini-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  body[data-page="catalogue"] .grocery-mini-copy{
    width:100%!important;
    padding:22px 20px 12px!important;
  }
  body[data-page="catalogue"] .grocery-mini-copy small{
    margin-top:12px!important;
  }
  body[data-page="catalogue"] .grocery-mini-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    transform:none!important;
  }
}


/* 2026-10-02 FINAL mobile menu contrast lock */
@media(max-width:920px){
  #site-header .nav-shell .mobile-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:78px!important;
    height:44px!important;
    min-width:78px!important;
    flex:0 0 78px!important;
    padding:0 10px!important;
    margin-left:auto!important;
    border:1px solid #d7b85f!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#081632 0%,#142554 48%,#3c319f 100%)!important;
    background-color:#10214b!important;
    color:#fff!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:
      0 9px 22px rgba(13,26,66,.28),
      0 0 0 1px rgba(215,184,95,.14),
      inset 0 1px 0 rgba(255,255,255,.15)!important;
    text-shadow:none!important;
  }
  #site-header .nav-shell .mobile-toggle:before,
  #site-header .nav-shell .mobile-toggle i{
    display:none!important;
    content:none!important;
  }
  #site-header .nav-shell .mobile-toggle .smn-toggle-label{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#fff!important;
    font:900 9px/1 Manrope,"DM Sans",sans-serif!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
  }
  #site-header .nav-shell .mobile-toggle .smn-toggle-icon{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:18px!important;
    height:18px!important;
    color:#f2d67e!important;
    flex:0 0 18px!important;
    filter:none!important;
  }
  #site-header .nav-shell .mobile-toggle .smn-toggle-icon path{
    stroke:#f2d67e!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    fill:none!important;
  }
  #site-header .nav-shell .mobile-toggle .smn-toggle-icon-close{
    display:none!important;
  }
  #site-header .nav-shell .mobile-toggle[aria-expanded="true"]{
    background:linear-gradient(135deg,#0d1b3d 0%,#2b2b72 48%,#5a42c4 100%)!important;
    border-color:#e0c36f!important;
    box-shadow:0 11px 28px rgba(54,43,146,.34),0 0 0 1px rgba(224,195,111,.15)!important;
  }
  #site-header .nav-shell .mobile-toggle[aria-expanded="true"] .smn-toggle-icon-menu{
    display:none!important;
  }
  #site-header .nav-shell .mobile-toggle[aria-expanded="true"] .smn-toggle-icon-close{
    display:block!important;
  }
  #shama-language-switch{
    right:94px!important;
  }
}
@media(max-width:430px){
  #site-header .nav-shell .mobile-toggle{
    width:72px!important;
    min-width:72px!important;
    flex-basis:72px!important;
    gap:6px!important;
  }
  #site-header .nav-shell .mobile-toggle .smn-toggle-label{
    font-size:8px!important;
  }
  #shama-language-switch{
    right:88px!important;
  }
}