/* Looma Ready v0.2 — phone-first layout improvements */
@media (max-width:781px){
 body{font-size:15px;line-height:1.55}
 .looma-wrap{padding-inline:18px}
 .looma-hero{padding-block:20px 34px}
 .looma-hero h1{font-size:clamp(31px,8vw,42px);line-height:1.14}
 .looma-section{padding-block:36px}
 .looma-section h2,.looma-benefits h2{font-size:clamp(24px,6vw,31px);line-height:1.23;margin-bottom:12px}
 .looma-section p,.looma-benefits p{margin-block:10px}
 /* Scrollable product galleries: card edge visible as swipe cue. */
 .looma-tiles,.looma-products{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;gap:13px!important;scroll-snap-type:x mandatory;scroll-padding-inline:18px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding:4px 18px 16px;margin-inline:-18px!important;max-width:none!important;scrollbar-width:thin}
 .looma-tiles>.wp-block-column{flex:0 0 clamp(148px,47vw,215px)!important;min-width:0!important;scroll-snap-align:start}
 .looma-products>.wp-block-column{flex:0 0 clamp(210px,73vw,285px)!important;min-width:0!important;scroll-snap-align:start}
 .looma-tiles img{aspect-ratio:1.05;object-fit:cover;border-radius:16px}
 .looma-products img{aspect-ratio:1.23;object-fit:cover}
 .looma-tiles p{font-size:13px;margin-top:7px}
 .looma-benefits{padding-block:40px}
 .looma-benefits .wp-block-columns{gap:12px}
 .looma-benefits .wp-block-column{padding:12px 10px 18px}
 .looma-benefits .wp-block-column:last-child{border-bottom:0}
 .looma-icon{font-size:29px;margin-block:5px!important}
 .looma-benefits h3{font-size:18px;margin-block:6px}
 /* Process cards stay compact rather than accumulating huge gaps. */
 .looma-step{font-size:22px!important;margin:4px 0!important}
 .looma-section:has(.looma-step) .wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;align-items:start}
 .looma-section:has(.looma-step) .wp-block-column{min-width:0;padding:10px 6px}
 .looma-section:has(.looma-step) h3{font-size:17px;margin:4px 0}
 .looma-section:has(.looma-step) p{font-size:13px;margin:5px 0}
 .looma-faq details{padding:12px 15px;margin-bottom:9px}
 .looma-faq summary{font-size:15px;line-height:1.4}
 .looma-quote{padding:22px;border-radius:19px}
 .looma-quote h2,.looma-quote h3{font-size:23px}
 .looma-callout{padding:22px;border-radius:20px}
 .looma-pill .wp-block-button__link{padding:12px 19px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.looma-tiles,.looma-products{scroll-behavior:auto}}

@media(max-width:781px){
 .looma-tiles.wp-block-columns,.looma-products.wp-block-columns{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;gap:14px!important;}
 .looma-tiles.wp-block-columns>.wp-block-column{flex:0 0 48%!important;width:48%!important;min-width:48%!important;}
 .looma-products.wp-block-columns>.wp-block-column{flex:0 0 76%!important;width:76%!important;min-width:76%!important;}
 .looma-section:has(.looma-step) .wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .looma-section:has(.looma-step) .wp-block-column{width:auto!important;flex-basis:auto!important;}
 .looma-faq details{padding:12px 14px!important;}
 .looma-quote{padding:20px!important;}
 .looma-callout{padding:22px!important;}
 .looma-section{padding-block:34px!important;}
 .looma-benefits{padding-block:34px!important;}
 .looma-footer{padding-block:24px!important;}
 .looma-hero h1{font-size:clamp(32px,8vw,39px)!important;}
 .looma-hero p{font-size:15px!important;}
 .looma-section h2{font-size:clamp(25px,6vw,30px)!important;}
 .looma-section:has(.looma-step) .wp-block-column h3{font-size:17px!important;}
 .looma-section:has(.looma-step) .wp-block-column p{font-size:13px!important;}
}

/* Version 4: medium swipe cards. Approximately 1.5 cards visible on phones. */
@media (max-width:781px) {
 .looma-tiles.wp-block-columns,
 .looma-products.wp-block-columns {
   display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   gap:14px!important;scroll-snap-type:x mandatory;
   scroll-padding-left:18px;-webkit-overflow-scrolling:touch;
   padding:5px 18px 15px!important;margin-left:-18px!important;margin-right:-18px!important;
   max-width:none!important;align-items:stretch!important;
 }
 .looma-tiles.wp-block-columns > .wp-block-column,
 .looma-products.wp-block-columns > .wp-block-column {
   box-sizing:border-box!important;flex:0 0 64%!important;
   width:64%!important;min-width:64%!important;max-width:64%!important;
   scroll-snap-align:start;
 }
 .looma-tiles img,.looma-products img {display:block;width:100%;aspect-ratio:1.12;object-fit:cover;}
 .looma-products .wp-block-column p {font-size:15px;line-height:1.35;margin:10px 0;padding:0 12px 8px;}
 .looma-tiles .wp-block-column p {font-size:14px;line-height:1.35;}
}