/* LAYAN CAFFE V19: premium finish and accessible responsive typography */
:root{--layan-gold:#cda66f;--layan-cream:#f8f3e9}
html{scroll-behavior:smooth}body{overflow-x:clip}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d9b479;outline-offset:3px}
.lux-home .lux-btn,.lux-home .lux-feature,.lux-home .lux-product{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
@media(hover:hover){.lux-home .lux-btn:hover{transform:translateY(-3px)}.lux-home .lux-feature:hover img{transform:scale(1.045)}.lux-home .lux-product:hover{transform:translateY(-4px)}}
.lux-home .lux-feature img{transition:transform .6s ease}.lux-home .lux-hero h1{overflow-wrap:normal}
html[dir=rtl] .lux-hero-content,html[dir=rtl] .lux-intro,html[dir=rtl] .lux-experience-copy{text-align:right}
html[dir=rtl] .lux-home .lux-hero h1{letter-spacing:0;line-height:1.4}
html[dir=rtl] .lux-home .lux-kicker,html[dir=rtl] .lux-home .lux-overline{letter-spacing:0}
@media(max-width:800px){
 header.top{grid-template-columns:50px minmax(66px,1fr) minmax(112px,auto)!important}
 header.top>.brand{max-width:70px!important}
 header.top>.langs{max-width:130px!important}
 .lux-home .lux-hero{min-height:calc(100svh - 82px)!important}
 .lux-home .lux-hero-content{padding-block:42px 104px!important}
 .lux-home .lux-hero h1{font-size:clamp(31px,8.6vw,46px)!important;line-height:1.25!important}
 html[dir=rtl] .lux-home .lux-hero h1{font-size:clamp(30px,8.1vw,44px)!important;line-height:1.5!important}
 .lux-home .lux-lead{font-size:clamp(13px,3.7vw,16px)!important;line-height:1.85!important}
 .lux-home .lux-hero-bottom{font-size:9px!important}
 .lux-home .lux-actions a{display:flex!important;align-items:center!important;justify-content:space-between!important}
 .lux-home .lux-collection-grid img,.lux-home .lux-product-image img{max-width:100%!important}
 footer{overflow-wrap:anywhere}
 .wa{max-width:calc(100vw - 24px)}
}
@media(max-width:360px){header.top{grid-template-columns:42px minmax(55px,1fr) 104px!important;padding-inline:8px!important}header.top>.langs a{width:29px!important;min-width:29px!important}.lux-home .lux-hero-content{width:calc(100% - 28px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lux-home *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
