/* Casa Mayor — mobile layout corrections, Oct 2026 */
@media (max-width: 800px) {
  html,body{max-width:100%;overflow-x:clip}
  .seo-section{padding:64px 0!important}
  .seo-section .seo-wrap{width:auto!important;max-width:none!important;margin:0!important;padding:0 26px!important;box-sizing:border-box}
  .seo-section h2{font-size:clamp(37px,9vw,52px)!important;line-height:1.12!important;overflow-wrap:normal}
  .seo-section details{margin-left:0!important;margin-right:0!important;max-width:100%!important}
  .seo-section details summary{font-size:clamp(22px,5.4vw,30px)!important;line-height:1.3!important;padding:23px 0 23px 24px!important;position:relative;overflow-wrap:break-word}
  .seo-section details summary::marker{font-size:14px}
  .seo-section details p{font-size:17px!important;line-height:1.7!important;padding:0 0 18px 24px!important}
  .seo-section .seo-kicker{display:block;margin-bottom:24px}
  .seo-section .seo-wrap>a,.seo-section .seo-wrap .gold-button{max-width:100%;box-sizing:border-box}
  .reference-home{height:clamp(670px,calc(100svh - 74px),880px)!important;min-height:670px!important;overflow:hidden!important}
  .reference-home .hero-backdrop{background-position:61% center!important;animation:none!important;transform:none!important}
  .reference-home .hero-inner{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:clamp(34px,7vh,70px) 26px 0!important;position:relative!important;inset:auto!important;z-index:6!important}
  .reference-home .hero-inner h1{display:block!important;font-size:clamp(48px,11vw,76px)!important;line-height:1.01!important;letter-spacing:-.055em!important;max-width:580px!important;margin:0 0 24px!important;white-space:normal!important;text-wrap:balance}
  .reference-home .hero-inner .home-tagline{display:block!important;font-size:clamp(12px,3vw,16px)!important;line-height:1.55!important;letter-spacing:.025em!important;max-width:480px!important;margin:0 0 26px!important}
  .reference-home .hero-inner .home-tagline br{display:none}
  .reference-home .hero-inner .gold-button{position:relative!important;inset:auto!important;opacity:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-height:52px!important;max-width:100%!important;padding:13px 25px!important;font-size:12px!important;line-height:1.35!important;text-align:center!important;box-sizing:border-box!important}
  .reference-home .hero-benefits{padding-left:16px!important;padding-right:16px!important}
}
@media(max-width:430px){
  .seo-section .seo-wrap{padding-left:25px!important;padding-right:25px!important}
  .reference-home .hero-inner{padding-left:25px!important;padding-right:25px!important}
  .reference-home .hero-inner h1{font-size:clamp(46px,10.8vw,57px)!important}
  .reference-home .hero-inner .home-tagline{font-size:12px!important;max-width:340px!important}
  .reference-home .hero-backdrop{background-position:60% center!important}
}

/* Mobile product imagery: show the complete wheels and every aging option. */
@media (max-width: 800px) {
  body[data-page="what-is-manchego"] .manchego-hero-visual{margin:0 18px!important;overflow:hidden!important;background:#e8e1d7}
  body[data-page="what-is-manchego"] .manchego-hero-image{width:100%!important;height:auto!important;aspect-ratio:1.28!important;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important}
  body[data-page="what-is-manchego"] .manchego-hero-visual:hover .manchego-hero-image{transform:none!important}
  body[data-page="cheeses"] .selector{padding-left:20px!important;padding-right:20px!important;max-width:100%!important}
  body[data-page="cheeses"] .age-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow:visible!important;border-bottom:0!important;margin:0 auto 22px!important}
  body[data-page="cheeses"] .age-tab{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;min-height:54px!important;padding:12px 6px!important;font-size:clamp(12px,3.4vw,15px)!important;letter-spacing:.06em!important;white-space:nowrap!important;border:1px solid #e1d8c8!important;border-radius:3px!important;color:#273c2c!important;background:#faf8f3!important}
  body[data-page="cheeses"] .age-tab.active{border-color:#b38a43!important;box-shadow:inset 0 -3px #a77a32!important;background:#f6efe4!important;color:#966b25!important}
  body[data-page="cheeses"] .selector-content{margin-top:10px!important;min-width:0!important}
  body[data-page="cheeses"] .selector-img{width:100%!important;min-width:0!important;overflow:hidden!important}
  body[data-page="cheeses"] .selector-img img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.25!important;object-fit:contain!important;object-position:center!important;transform:none!important;max-width:100%!important;mix-blend-mode:normal!important}
  body[data-page="cheeses"] .selector-copy{min-width:0!important;padding-left:6px!important;padding-right:6px!important}
  body[data-page="cheeses"] .selector-copy h3{font-size:clamp(16px,4.4vw,22px)!important;letter-spacing:.08em!important;overflow-wrap:anywhere}
  body[data-page="cheeses"] .cheese-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  body[data-page="cheeses"] .cheese-photo img{width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:contain!important;transform:none!important}
  body[data-page="cheeses"] .cheese-card h3{font-size:clamp(23px,5.2vw,34px)!important}
}
@media(max-width:380px){body[data-page="cheeses"] .cheese-grid{grid-template-columns:1fr!important}}

/* La Mancha mobile: image and typography are separate, legible editorial panels. */
@media (max-width: 800px) {
 body[data-page="la-mancha"] .mancha-hero.hero:not(.home-hero){
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   overflow:visible!important;background:#f6f1e8!important;color:#24231e!important;
 }
 body[data-page="la-mancha"] .mancha-hero .hero-backdrop{
   position:relative!important;inset:auto!important;flex:none!important;
   display:block!important;width:100%!important;height:clamp(230px,57vw,350px)!important;
   background-image:url('assets/landscape.webp')!important;
   background-size:cover!important;background-position:center 54%!important;
   transform:none!important;animation:none!important;filter:none!important;
 }
 body[data-page="la-mancha"] .mancha-hero:after{display:none!important;content:none!important}
 body[data-page="la-mancha"] .mancha-hero .hero-inner{
   position:relative!important;inset:auto!important;z-index:2!important;
   width:100%!important;max-width:none!important;margin:0!important;
   padding:38px 28px 42px!important;box-sizing:border-box!important;
   background:#f6f1e8!important;text-align:left!important;
 }
 body[data-page="la-mancha"] .mancha-hero .eyebrow{
   display:block!important;color:#946e30!important;font-size:11px!important;
   letter-spacing:.18em!important;line-height:1.5!important;margin:0 0 13px!important;
 }
 body[data-page="la-mancha"] .mancha-hero h1{
   display:block!important;color:#25231e!important;
   font-size:clamp(42px,9vw,66px)!important;line-height:1.08!important;
   letter-spacing:-.045em!important;white-space:normal!important;
   overflow-wrap:normal!important;word-break:normal!important;
   max-width:100%!important;margin:0 0 18px!important;
 }
 body[data-page="la-mancha"] .mancha-hero p{
   display:block!important;color:#665b49!important;font-family:'DM Sans',Arial,sans-serif!important;
   font-size:13px!important;font-weight:600!important;letter-spacing:.075em!important;
   line-height:1.65!important;white-space:normal!important;margin:0!important;
 }
 body[data-page="la-mancha"] .mancha-hero + .editorial{margin-top:16px!important}
 body[data-page="la-mancha"] .editorial-photo{height:clamp(245px,65vw,370px)!important;min-height:0!important}
 body[data-page="la-mancha"] .editorial-copy{padding:46px 28px 55px!important}
 body[data-page="la-mancha"] .editorial h2{font-size:clamp(38px,9vw,54px)!important;line-height:1.12!important}
}
@media (max-width: 390px){body[data-page="la-mancha"] .mancha-hero h1{font-size:40px!important}}