/* 2.134.0: keep the approved desktop design while resolving viewport transitions. */
/* Older overrides switched grid areas at 1600px but grid columns at 1601px. */
@media(min-width:901px) and (max-width:1600px){
 body header.site-header.header-option-1{
  grid-template-columns:225px minmax(0,1fr) 138px!important;
  grid-template-areas:'brand postcode tools' 'nav nav nav'!important;
  grid-template-rows:50px auto!important;
 }
 body header.site-header.header-option-1 #navigation{
  position:static!important;height:auto!important;min-height:27.5px!important;
  max-height:none!important;flex-wrap:wrap!important;gap:8px 16px!important;
 }
}
/* Large portrait tablets get readable cards instead of narrow desktop cards. */
@media(min-width:901px) and (max-width:1100px) and (orientation:portrait){
 body #main #products.product-grid,body #main .catalogue-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.woocommerce-cart .lolas-cart-layout{grid-template-columns:minmax(0,1fr)!important}
 body.woocommerce-cart .lolas-cart-layout>.summary-box{margin-top:0!important}
}
/* Keep billing, order totals and delivery options readable on portrait tablets. */
@media(max-width:1100px) and (orientation:portrait){
 body.woocommerce-checkout .alexs-live-checkout form.checkout{display:block!important}
 body.woocommerce-checkout .alexs-live-checkout #customer_details,
 body.woocommerce-checkout .alexs-live-checkout .alex98-order-card{
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
 body.woocommerce-checkout .alexs-live-checkout .alex98-order-card{margin-top:28px!important}
 body .alexs-live-checkout #alex100-delivery-options ul{grid-template-columns:minmax(0,1fr)!important}
}
/* iPads can also zoom a text field whose font is smaller than 16px. */
@media(max-width:1100px){
 body.woocommerce-checkout input.input-text,body.woocommerce-checkout textarea,
 body.woocommerce-checkout select,body.woocommerce-checkout .select2-selection,
 body.woocommerce-checkout .select2-selection__rendered{
  font-size:16px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
 }
}
/* Wide landscape phones must retain the phone navigation and controls. */
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
 body header.site-header.header-option-1{
  min-height:72px!important;grid-template-columns:36px minmax(0,1fr) 80px!important;
  grid-template-areas:'menu brand tools'!important;grid-template-rows:auto!important;
 }
 body header.site-header.header-option-1>.brand{position:static!important;transform:none!important;left:auto!important;top:auto!important}
 body header.site-header.header-option-1>.brand img{height:48px!important;max-height:48px!important}
 body header.site-header.header-option-1>.menu-toggle{display:grid!important;place-items:center!important;padding:0!important;border:0!important;background:transparent!important}
 body header.site-header.header-option-1 #navigation.desktop-navigation{display:none!important}
 body #alexMobileNavigation{
  display:none!important;position:fixed!important;inset:0!important;
  width:100%!important;height:100vh!important;height:100dvh!important;
  max-height:100vh!important;max-height:100dvh!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
  z-index:1200!important;background:#fff!important;border:0!important;
  margin:0!important;padding:0!important;gap:0!important;
 }
 body #alexMobileNavigation.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
 body #alexMobileNavigation.open>*{flex-shrink:0!important}
 body.mobile-menu-open{overflow:hidden!important}
 body #main #products.product-grid,body #main .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.woocommerce-cart .lolas-cart-layout{grid-template-columns:minmax(0,1fr)!important}
 body.woocommerce-cart .lolas-cart-layout>.summary-box{margin-top:0!important}
 body .alexs-live-checkout #alex100-delivery-options ul{grid-template-columns:minmax(0,1fr)!important}
 .announcement-option-1>.announcement-item:first-child,
 .announcement-option-1>.announcement-item:last-child,
 .announcement-option-1>.announcement-divider{display:none!important}
}
/* Scrolling remains available below a compact logo on short landscape screens. */
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
 body #alexMobileNavigation .alex-mobile-official-head{height:104px!important;min-height:104px!important;padding:12px 60px!important}
 body #alexMobileNavigation .alex-mobile-official-logo{width:100px!important;top:12px!important}
 body #alexMobileNavigation .alex-mobile-official-logo img{width:100px!important;height:80px!important;max-height:80px!important}
}