/* LAYAN CAFFE V18: mobile-first corrections layered after legacy styles. */
@media(max-width:800px){
 html,body{width:100%;max-width:100%;overflow-x:clip!important}
 *,*::before,*::after{box-sizing:border-box}
 header.top{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-rows:82px!important;direction:ltr!important;align-items:center!important;gap:6px!important;min-height:82px!important;height:82px!important;padding:0 12px!important;position:relative!important;isolation:isolate!important}
 header.top>.menu{grid-column:1!important;grid-row:1!important;justify-self:start!important;position:static!important;transform:none!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;z-index:3!important}
 header.top>.brand{grid-column:2!important;grid-row:1!important;position:static!important;transform:none!important;justify-self:center!important;align-self:center!important;width:70px!important;height:70px!important;min-width:0!important;margin:0!important;z-index:2!important}
 header.top>.brand img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;object-fit:contain!important}
 header.top>.langs{grid-column:3!important;grid-row:1!important;position:static!important;transform:none!important;justify-self:end!important;align-self:center!important;margin:0!important;display:flex!important;gap:2px!important;padding:4px!important;z-index:3!important;white-space:nowrap!important}
 header.top>.langs a{width:33px!important;min-width:33px!important;height:33px!important;font-size:11px!important;padding:0!important}
 header.top>nav{grid-column:1/-1!important;position:absolute!important;top:82px!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;direction:ltr!important}
 html[dir=rtl] header.top>nav{direction:rtl!important}
 .lux-home,.lux-home main,.lux-home section{max-width:100%}
 .lux-home .lux-hero{height:auto!important;min-height:min(760px,calc(100svh - 82px))!important;display:flex!important;align-items:center!important;overflow:hidden!important}
 .lux-home .lux-hero-content{width:calc(100% - 36px)!important;max-width:100%!important;padding:48px 0 88px!important;margin-inline:auto!important}
 .lux-home .lux-kicker{font-size:9px!important;letter-spacing:.11em!important;line-height:1.65!important;flex-wrap:wrap!important;overflow-wrap:anywhere}
 .lux-home .lux-hero-logo{width:90px!important;height:90px!important;margin:18px 0 8px!important}
 .lux-home .lux-hero h1{font-size:clamp(32px,9vw,47px)!important;line-height:1.2!important;letter-spacing:-.035em!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important}
 .lux-home .lux-overline{font-size:10px!important;letter-spacing:.09em!important}
 .lux-home .lux-lead{font-size:13px!important;line-height:1.8!important;margin-top:16px!important;max-width:100%!important}
 .lux-home .lux-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:22px!important}
 .lux-home .lux-btn{width:100%!important;min-width:0!important;max-width:100%!important;min-height:50px!important;padding:13px 16px!important;gap:10px!important;white-space:normal!important;text-align:center!important;font-size:12px!important}
 .lux-home .lux-hero-bottom{left:18px!important;right:18px!important;bottom:15px!important;gap:12px!important;font-size:8px!important;letter-spacing:.07em!important;flex-wrap:wrap!important}
 .lux-home .lux-wrap{width:calc(100% - 36px)!important}
 .lux-home .lux-intro,.lux-home .lux-experience{grid-template-columns:minmax(0,1fr)!important}
 .lux-home .lux-section-top,.lux-home .lux-intro-bottom{min-width:0!important}
 .lux-home img{max-width:100%}
 .lux-home .lux-collection-grid,.lux-home .lux-product-grid{grid-template-columns:minmax(0,1fr)!important}
 .lux-home .lux-quote-band p{font-size:clamp(30px,8vw,46px)!important}
 .lux-home .lux-marquee{overflow:hidden!important}
}
@media(max-width:380px){
 header.top{grid-template-columns:42px minmax(0,1fr) auto!important;padding:0 8px!important;gap:3px!important}
 header.top>.menu{width:38px!important;height:38px!important;min-width:38px!important}
 header.top>.brand,header.top>.brand img{width:57px!important;height:57px!important;max-width:57px!important;max-height:57px!important}
 header.top>.langs{padding:3px!important;gap:0!important}
 header.top>.langs a{width:28px!important;min-width:28px!important;height:30px!important;font-size:10px!important}
 .lux-home .lux-hero h1{font-size:clamp(30px,8.6vw,37px)!important}
}