/* MEISTER Granada v1.2.7 · Premium tablet experience
   Final responsive authority for 761–1180 px, including iPad portrait,
   landscape and intermediate browser widths. */
@media (min-width:761px) and (max-width:1180px){
  :root{--mg-tablet-gutter:clamp(28px,5vw,64px)}
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:92px}
  body .container,
  body [class$="-shell"],
  body [class*="-shell "]{max-width:none;width:calc(100% - (var(--mg-tablet-gutter) * 2));margin-inline:auto;padding-inline:0}

  /* Header: a calm, touch-first composition instead of a stretched mobile bar. */
  body .site-header .nav-wrap{height:76px!important;min-height:76px!important;grid-template-columns:128px minmax(0,1fr) 128px!important;padding-inline:var(--mg-tablet-gutter)!important;background:rgba(5,5,5,.94)!important;backdrop-filter:blur(18px)}
  body .site-header .brand{height:60px!important}
  body .site-header .brand img{width:104px!important;max-height:38px!important}
  body .site-header .mobile-site-title{font-size:15px!important;letter-spacing:.025em!important}
  body .site-header .mobile-site-title small{display:block!important;margin-top:7px!important;font-size:8px!important;font-weight:600!important;letter-spacing:.13em!important;color:rgba(255,255,255,.52)!important;text-transform:uppercase!important}
  body .site-header .menu-toggle{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}
  body .site-header .menu-toggle span{left:15px!important;width:26px!important}
  body .site-header .menu-toggle span:first-child{top:21px!important}
  body .site-header .menu-toggle span:last-child{top:32px!important}
  body .site-header.open .menu-toggle span:first-child,
  body .site-header.open .menu-toggle span:last-child{top:27px!important}

  /* Full-height navigation, optimized for fingers and wide portrait screens. */
  body .site-header .mobile-panel{padding:0!important;background:rgba(5,5,5,.99)!important}
  body .site-header .luxury-assistance-menu .mobile-panel-inner{max-width:900px!important}
  body .luxury-assistance-menu .mobile-menu-top{min-height:88px!important;padding:calc(12px + env(safe-area-inset-top)) 34px 12px!important;grid-template-columns:105px minmax(0,1fr) 58px!important}
  body .luxury-mobile-scroll{padding-inline:clamp(30px,6vw,64px)!important}
  body .mobile-menu-v201-sections{max-width:none!important}
  body .luxury-mobile-sections .mobile-menu-section>summary,
  body .mobile-menu-v201-direct{min-height:68px!important}
  body .luxury-mobile-link-list>a,
  body .luxury-mobile-link-list>button{min-height:62px!important;padding-block:12px!important}
  body .mobile-menu-v201-leads{grid-template-columns:1fr 1fr!important;gap:10px!important}

  /* Editorial rhythm and grids retain useful density on tablet. */
  body .hero{min-height:min(900px,100svh);align-items:center;background-position:center}
  body .hero-content{max-width:780px;padding:150px var(--mg-tablet-gutter) 112px}
  body .hero h1{font-size:clamp(68px,10vw,104px);line-height:.9}
  body .hero-sub{max-width:650px;font-size:clamp(19px,2.5vw,24px)}
  body .hero-actions{display:flex}
  body .collections,body .difference,body .zones,body .quote{padding-block:clamp(82px,10vw,118px)}
  body .manifest{padding-block:clamp(95px,12vw,135px)}
  body .section-head{display:flex;align-items:flex-end;gap:34px}
  body .section-head>*{min-width:0}
  body .section-head h2{font-size:clamp(50px,7vw,76px)}
  body .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  body .collection-card{min-height:460px}
  body .difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .difference-grid>*:last-child{grid-column:1/-1}
  body .zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .selector-layout{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:44px}
  body .boutique{grid-template-columns:1fr 1fr;min-height:680px}
  body .boutique-copy{padding:clamp(42px,5vw,68px)}
  body .footer-grid{grid-template-columns:1.2fr 1fr;gap:45px}
  body .footer-grid>*:first-child{grid-column:1/-1}

  /* Forms and dialogs use the available canvas without becoming desktop-heavy. */
  body input:not([type="checkbox"]):not([type="radio"]),body select,body textarea,body button,body .btn{min-height:48px}
  body .form-row,body .ml-qb__row{grid-template-columns:1fr 1fr}
  body .ml-qb{padding:28px}
  body .ml-qb__panel{width:min(820px,100%);max-height:calc(100dvh - 56px);border-radius:18px}
  body .ml-qb__header{padding:32px 38px 27px}
  body .ml-qb__body{padding:27px 38px 34px}

  /* Floating actions become a centred tablet dock and never collide. */
  body .mobile-actionbar{left:50%!important;right:auto!important;bottom:18px!important;width:min(650px,calc(100% - 48px))!important;transform:translateX(-50%)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(0,0,0,.36)!important;padding-bottom:0!important}
  body .mobile-actionbar a{min-height:64px!important;padding:12px 10px!important;font-size:10px!important}
  body .meistia-call-root.is-floating{display:none!important}

  /* Shared route systems: two-column tablet density. */
  body .lsa-page .container{width:calc(100% - (var(--mg-tablet-gutter) * 2))}
  body .lsa-city-grid,body .lsa-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .lsa-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .lsa-hero__inner{padding:142px 0 90px}
  body .contact-v202-shell{width:calc(100% - (var(--mg-tablet-gutter) * 2))}
  body .contact-v202-project-grid{grid-template-columns:1fr 1fr;gap:48px}
  body .j7local-grid,body .j7local-routegrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .j7local-routegrid>a:last-child{grid-column:1/-1}
  body .laminate-series-card{grid-template-columns:1fr;gap:34px}
  body .laminate-samples .lam-samples-shell{grid-template-columns:1fr}
  body .laminate-series-actions{grid-template-columns:1.35fr .65fr}

  a,button,summary,label{touch-action:manipulation}
}

@media (min-width:761px) and (max-width:899px){
  body .selector-layout,body .boutique{grid-template-columns:1fr}
  body .boutique-img{min-height:480px}
  body .contact-v202-project-grid{grid-template-columns:1fr}
  body .section-head{display:block}
}

@media (min-width:900px) and (max-width:1180px){
  body .mobile-menu-v201-sections{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 30px!important;align-items:start!important}
}

@media (min-width:761px) and (max-width:1180px) and (orientation:landscape) and (max-height:760px){
  body{padding-bottom:76px}
  body .hero{min-height:720px}
  body .hero-content{padding-top:118px;padding-bottom:82px}
  body .hero h1{font-size:clamp(62px,8.5vw,88px)}
  body .mobile-actionbar{bottom:10px!important}
  body .mobile-actionbar a{min-height:56px!important}
}

@media (hover:none) and (pointer:coarse){
  body a:hover,body button:hover,body .collection-card:hover .card-img{transform:none}
}
