/* Responsive utilities missing from the compiled main.css */
@media (max-width:1023px){
  .max-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
  .max-lg\:gap-y-6{row-gap:1.5rem}
}
@media (max-width:767px){
  .max-md\:flex-col{flex-direction:column}
  .max-md\:items-stretch{align-items:stretch}
  .max-md\:gap-4{gap:1rem}
}
@media (min-width:768px){
  .md\:inline-block{display:inline-block}
}

/* Mobile polish */
@media (max-width:1023px){
  .grid.max-lg\:grid-cols-1{row-gap:2.25rem}
}
@media (max-width:767px){
  article.group img.rounded-full{width:9rem;height:9rem}
  #factsStory .swiper-slide img{width:100%;height:auto;max-height:18rem;object-fit:contain}
  footer .grid{row-gap:1.75rem}
  footer .grid > div + div{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.35)}
  footer .col-span-4 > div[class*="border-x"]{border:0 !important;padding-left:0 !important;padding-right:0 !important}
  footer .col-span-4 > div[class*="pl-10"]{padding-left:0 !important}
}

/* Fact Stories: clean single-card slider on phones */
@media (max-width:767px){
  #factsStory{padding:0 0 2.5rem}
  #factsStory .swiper-wrapper{align-items:flex-start}
  #factsStory .swiper-slide,#factsStory .swiper-slide-prev,#factsStory .swiper-slide-next,#factsStory .swiper-slide-active{opacity:1;filter:none;transform:none}
}

a.btn[href*="product-category"]{margin-top:1rem}

/* Spacing and box fixes (phones) */
@media (max-width:767px){
  section{padding-top:2rem;padding-bottom:2rem}
  .has-section-heading.mb-12{margin-bottom:1.5rem}
  footer.mt-16{margin-top:1.5rem}
  article h3 a.line-clamp-1{-webkit-line-clamp:2;line-clamp:2}
  /* Brand Story: Global Footprint text stays inside the orange box */
  .container > div[class*="from-[#f48a30]"]{padding:2rem 1.25rem 11.5rem !important;border-radius:2rem !important}
  .container > div.font-light.text-center{margin-top:-10.5rem !important;padding:0 1.5rem;font-size:1.25rem;line-height:1.75rem}
  .container > div.font-light.text-center .text-accent-400{color:#fff}
}

/* lab-img-fit: Passing-the-Lab picture always fills and centres */
.lt-block + img{display:block;width:100%;max-width:100%;height:auto;margin-left:auto;margin-right:auto}