/* TASK 04: only the approved homepage hero. Product images stay original. */
#alin03-app .alin-hero{position:relative;isolation:isolate;overflow:hidden;background:#fbf8f4;min-height:600px;color:#142b4b}
#alin03-app .alin-hero-inner{position:relative;z-index:3;min-height:600px;display:flex;align-items:center;padding:35px 0 42px;pointer-events:none}
#alin03-app .alin-hero-copy{width:46%;max-width:540px;pointer-events:auto}
#alin03-app .alin-hero-brand{display:flex;align-items:center;gap:27px;min-height:101px;margin-bottom:19px}
#alin03-app .alin-brand-mark{width:158px;height:107px;object-fit:contain;display:block;flex:none}
#alin03-app .alin-country{display:flex;align-items:center;gap:11px;max-width:185px;color:#656668;font-size:12px;line-height:1.4;text-transform:uppercase}
#alin03-app .alin-spain-flag{display:block;flex:none;width:33px;height:23px;background:linear-gradient(#c6272b 0 25%,#ffcf28 25% 75%,#c6272b 75% 100%);border-radius:2px;box-shadow:0 0 0 1px #00000008}
#alin03-app .alin-hero h1{font-family:Prata,Georgia,serif;font-size:46px;line-height:1.22;font-weight:400;color:#142b4b;margin:0;letter-spacing:-.025em;max-width:540px}
#alin03-app .alin-hero-subtitle{color:#2255a0;font-size:20px;font-weight:500;line-height:1.4;margin:12px 0 0;max-width:500px}
#alin03-app .alin-hero-description{font-size:15px;line-height:1.65;color:#56585d;margin:17px 0 0;max-width:510px}
#alin03-app .alin-hero-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:13px;margin-top:27px}
#alin03-app .alin-hero-actions .btn{font-size:14px;letter-spacing:0;text-transform:none;font-weight:600;min-height:49px;padding:13px 20px;gap:17px;border-radius:12px;line-height:1.45}
#alin03-app .alin-primary{background:#956b43;border-color:#956b43;color:#fff}
#alin03-app .alin-secondary{background:#fffaf3c9;border-color:#a17d5b;color:#8b633e}
#alin03-app .alin-primary:hover{background:#805738;border-color:#805738}
#alin03-app .alin-secondary:hover{background:#fffaf3;border-color:#805738}
#alin03-app .alin-hero-scene{position:absolute;inset:0 0 0 36%;overflow:hidden}
#alin03-app .alin-interior-bg{position:absolute;inset:0;background:url('assets/hero/laundry-interior-bg.webp') 58% center/cover no-repeat;z-index:0}
#alin03-app .alin-hero-fade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fbf8f4 0%,#fbf8f4 34%,#fbf8f4f5 39%,#fbf8f4b8 45%,#fbf8f438 54%,#fbf8f400 64%);pointer-events:none}
#alin03-app .alin-product-set{position:absolute;inset:6% 2% 11% 12%;container-type:inline-size;z-index:2;isolation:isolate}
#alin03-app .alin-hero-item{position:absolute;bottom:0;width:auto;height:var(--product-height);filter:drop-shadow(4px 9px 5px #4b311b28)}
#alin03-app .alin-hero-item.item-0{--product-height:47cqw;left:0%;z-index:2}
#alin03-app .alin-hero-item.item-1{--product-height:56cqw;left:25%;z-index:4}
#alin03-app .alin-hero-item.item-2{--product-height:60cqw;left:47%;z-index:3}
#alin03-app .alin-hero-item.item-3{--product-height:45cqw;left:64%;z-index:5}
#alin03-app .alin-hero-item.item-4{--product-height:53cqw;left:77%;z-index:6}
#alin03-app .alin-product-window{position:absolute;inset:0;overflow:hidden}
#alin03-app .alin-product-window img{position:absolute;display:block;width:var(--asset-w);height:var(--asset-h);max-width:none;left:var(--asset-x);top:var(--asset-y);object-fit:fill}
#alin03-app .alin-reflection{position:absolute;top:100%;left:0;width:100%;height:100%;transform:scaleY(-1);transform-origin:center;opacity:.16;mask-image:linear-gradient(to top,#000b,transparent 25%);pointer-events:none;filter:blur(.5px)}
#alin03-app .alin-hero-item:after{content:'';position:absolute;left:8%;right:8%;bottom:-5px;height:7px;background:#513d2433;filter:blur(4px);border-radius:50%;z-index:-1}
@media(max-width:1180px){#alin03-app .alin-hero h1{font-size:42px}#alin03-app .alin-hero-subtitle{font-size:19px}#alin03-app .alin-hero-actions .btn{font-size:13px;padding:13px 17px}#alin03-app .alin-country{font-size:11px}#alin03-app .alin-brand-mark{width:146px;height:99px}}
@media(max-width:900px){#alin03-app .alin-hero-inner{min-height:0;display:block;padding:29px 0 10px}#alin03-app .alin-hero{min-height:0}#alin03-app .alin-hero-copy{width:100%;max-width:650px;margin:auto}#alin03-app .alin-hero-scene{position:relative;inset:auto;width:100%;height:450px;margin-top:12px}#alin03-app .alin-interior-bg{background-position:center 55%}#alin03-app .alin-hero-fade{display:none}#alin03-app .alin-hero-scene:before{content:'';position:absolute;inset:0 0 auto;height:60px;background:linear-gradient(#fbf8f4,#fbf8f400);z-index:1}#alin03-app .alin-product-set{inset:4% max(10px,calc((100% - 660px)/2)) 10%;}#alin03-app .alin-hero h1{max-width:none;font-size:42px}#alin03-app .alin-hero-brand{min-height:88px;margin-bottom:12px}#alin03-app .alin-brand-mark{width:136px;height:92px}#alin03-app .alin-country{font-size:12px;max-width:none}#alin03-app .alin-hero-actions{margin-top:22px}#alin03-app .alin-hero-actions .btn{font-size:14px}#alin03-app .alin-hero-description{max-width:620px}}
@media(max-width:560px){#alin03-app .alin-hero-inner{padding:20px 0 0}#alin03-app .alin-hero-copy{max-width:none}#alin03-app .alin-hero-brand{min-height:67px;gap:18px;margin-bottom:15px}#alin03-app .alin-brand-mark{width:112px;height:76px}#alin03-app .alin-country{max-width:150px;font-size:10px;gap:8px;line-height:1.4}#alin03-app .alin-spain-flag{width:27px;height:19px}#alin03-app .alin-hero h1{font-size:34px;line-height:1.22;letter-spacing:-.02em}#alin03-app .alin-hero-subtitle{font-size:18px;line-height:1.4;margin-top:10px}#alin03-app .alin-hero-description{font-size:14px;line-height:1.55;margin-top:14px}#alin03-app .alin-hero-actions{margin-top:19px;gap:10px;display:flex;flex-wrap:nowrap}#alin03-app .alin-hero-actions .btn{font-size:12px;min-height:46px;padding:11px 12px;gap:9px;border-radius:10px;white-space:normal}#alin03-app .alin-hero-actions .alin-primary{flex:1 1 45%}#alin03-app .alin-hero-actions .alin-secondary{flex:1 1 55%}#alin03-app .alin-hero-scene{height:295px;margin-top:19px}#alin03-app .alin-product-set{inset:5% 12px 14%}#alin03-app .alin-interior-bg{background-position:58% 55%}#alin03-app .alin-hero-scene:before{height:35px}#alin03-app .alin-reflection{opacity:.12}}
@media(max-width:360px){#alin03-app .alin-hero h1{font-size:31px}#alin03-app .alin-hero-actions{flex-wrap:wrap}#alin03-app .alin-hero-actions .btn{flex:1 1 100%}#alin03-app .alin-hero-subtitle{font-size:17px}#alin03-app .alin-hero-scene{height:265px}}
#alin03-app .alin-product-set{left:auto;right:2%;width:86%;max-width:780px}
@media(max-width:900px){#alin03-app .alin-product-set{left:50%;right:auto;width:calc(100% - 36px);max-width:660px;transform:translateX(-50%)}}
@media(max-width:560px){#alin03-app .alin-hero-scene{height:clamp(265px,76cqw,425px)}#alin03-app .alin-product-set{width:calc(100% - 24px);max-width:none}}

@media(max-width:900px){#alin03-app .alin-hero{display:flex;flex-direction:column}#alin03-app .alin-hero-inner{order:1}#alin03-app .alin-hero-scene{order:2;flex:none}}
