/* Patch 1262 — Premium homepage product slider. Scoped to homepage hero/header. */
body>header{max-width:none;margin:0;padding-inline:max(24px,calc((100vw - 1240px)/2));background:linear-gradient(90deg,#172231,#121a26);color:#dfe9f2;border-bottom:1px solid #ffffff10}
body>header nav a,body>header .actions>a:first-child{color:#cbd7e1!important}
body>header nav a:hover,body>header .actions>a:first-child:hover{color:#fff!important}
body>header .btn.small{background:#0aa6a4!important;color:#fff!important;box-shadow:0 12px 28px #00b4b42d}
body>header .hamb{color:#fff}
.hero.mfn-premium-hero{max-width:none;min-height:690px;margin:0;padding:56px max(34px,calc((100vw - 1280px)/2)) 70px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 28%,#19314a 0,#172331 26%,#131c29 60%,#111824 100%);color:#fff;position:relative;isolation:isolate}
.hero.mfn-premium-hero::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;top:-210px;background:radial-gradient(circle,#0bc5bd32 0,#0bc5bd0b 48%,transparent 70%);z-index:-1}
.hero.mfn-premium-hero::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-90px;height:150px;border-radius:50% 50% 0 0;background:#fbfdfc;z-index:-1}
.mfn-premium-copy{min-width:0;align-self:center}
.mfn-premium-copy-stack{display:grid;min-height:410px;align-items:center}
.mfn-premium-copy-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease,visibility .5s ease;pointer-events:none}
.mfn-premium-copy-slide.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mfn-premium-kicker{display:flex;align-items:center;gap:10px;width:max-content;margin-bottom:22px;padding:6px 8px 6px 13px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff0c;backdrop-filter:blur(8px);color:#8cdad5;font-size:10px;font-weight:700;letter-spacing:.08em}
.mfn-premium-kicker b{display:grid;place-items:center;min-width:57px;padding:6px 10px;border-radius:999px;background:#0aa6a41c;color:#c8fffb;border:1px solid #10bcb72b;font-weight:700;letter-spacing:0}
.mfn-premium-copy .eyebrow{display:block;margin-bottom:12px;color:#75dcd6!important;font-size:12px!important;font-weight:600!important}
.mfn-premium-copy h1{font-family:"Estedad",Tahoma,sans-serif!important;font-size:clamp(37px,3.2vw,54px)!important;line-height:1.52!important;font-weight:700!important;letter-spacing:-.025em;margin:0 0 18px!important;color:#f7fafc!important}
.mfn-premium-copy h1 em{display:inline;color:#8be4de!important;background:linear-gradient(transparent 82%,#09b4ae42 0)!important;font-style:normal!important}
.mfn-premium-copy p{max-width:590px;margin:0;color:#aebdca!important;font-size:15px!important;line-height:2.05!important;font-weight:400!important}
.mfn-premium-copy .hero-actions{display:flex;align-items:center;gap:14px;margin-top:28px}
.mfn-premium-copy .btn{background:linear-gradient(135deg,#0dafaa,#087c80)!important;color:#fff!important;border:1px solid #46d5cc2b!important;box-shadow:0 15px 35px #00a9a828!important;padding:13px 21px!important;font-weight:600!important}
.mfn-premium-copy .watch{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 18px;border:1px solid #ffffff20;border-radius:12px;color:#d7e3eb!important;background:#ffffff08;font-size:13px!important;font-weight:600!important}
.mfn-premium-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.mfn-premium-trust span{padding:7px 10px;border:1px solid #ffffff12;border-radius:999px;color:#94a8b7;font-size:10px;background:#ffffff07}
.mfn-premium-controls{display:flex;align-items:center;gap:6px;margin-top:26px;direction:ltr}
.mfn-premium-controls>button{width:38px;height:38px;padding:0;border:1px solid #ffffff22;border-radius:50%;background:#ffffff09;color:#e8f5f6;display:grid;place-items:center;font-size:20px;cursor:pointer;transition:.2s ease}
.mfn-premium-controls>button:hover{background:#0da5a2;border-color:#0da5a2}
.mfn-premium-controls [data-dots]{display:flex;align-items:center;gap:4px}
.mfn-premium-controls [data-dots] button{position:relative;width:28px;height:38px;padding:0;border:0;background:transparent;cursor:pointer}
.mfn-premium-controls [data-dots] button::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#607487;transform:translate(-50%,-50%);transition:.25s ease}
.mfn-premium-controls [data-dots] button.active::before{width:22px;border-radius:8px;background:#19c8c0}
.mfn-premium-visual{position:relative;min-height:535px;display:flex;align-items:center;justify-content:flex-end;direction:ltr}
.mfn-premium-device{position:relative;width:min(100%,720px);z-index:3;padding:10px;border-radius:25px;background:linear-gradient(145deg,#dfe8ef,#7f91a2 32%,#283747 72%,#111a24);box-shadow:0 45px 80px #0008,0 0 0 1px #ffffff28,inset 0 0 0 1px #ffffff55;transform:perspective(1400px) rotateY(4deg) rotateX(1deg)}
.mfn-device-top{height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:16px 16px 7px 7px;background:#f9fbfc;color:#16344e;border-bottom:1px solid #dce5ed;direction:rtl}
.mfn-device-top>span{width:6px;height:6px;border-radius:50%;background:#17486a;box-shadow:0 0 0 2px #d6e7f2;margin-left:auto}
.mfn-device-top b{font-size:9px;font-weight:600;color:#27465e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mfn-device-top img{width:72px;height:27px;object-fit:contain;margin-right:auto}
.mfn-premium-slides{position:relative;aspect-ratio:800/494;overflow:hidden;border-radius:7px 7px 16px 16px;background:#edf3f7}
.mfn-premium-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.025) translateX(-10px);transition:opacity .6s ease,transform .75s ease;pointer-events:none;background:#edf3f7}
.mfn-premium-slide.active{opacity:1;transform:none;pointer-events:auto}
.mfn-premium-slide img{display:block;width:100%;height:100%;object-fit:cover}
.mfn-premium-device::after{content:"";position:absolute;left:18%;right:18%;height:7px;bottom:-15px;border-radius:0 0 18px 18px;background:linear-gradient(#aeb8c0,#485562);box-shadow:0 12px 18px #0007}
.mfn-premium-rail{position:absolute;left:-18px;top:50%;z-index:2;display:flex;flex-direction:column;gap:11px;transform:translateY(-50%)}
.mfn-premium-rail button{width:180px;min-height:65px;padding:10px 18px;border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(110deg,#ffffff12,#ffffff06);backdrop-filter:blur(10px);box-shadow:0 14px 32px #0003;color:#c2d0da;display:flex;align-items:center;gap:12px;text-align:right;direction:rtl;cursor:pointer;transform:translateX(-54px);transition:transform .28s ease,background .28s ease,border-color .28s ease,color .28s ease}
.mfn-premium-rail button:nth-child(2){transform:translateX(-80px)}
.mfn-premium-rail button:nth-child(3){transform:translateX(-95px)}
.mfn-premium-rail button:nth-child(4){transform:translateX(-75px)}
.mfn-premium-rail button:nth-child(5){transform:translateX(-45px)}
.mfn-premium-rail button i{font-style:normal;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#ffffff0d;color:#7e9bb0;font-size:9px;border:1px solid #ffffff12}
.mfn-premium-rail button span{font:600 11px "Estedad",Tahoma,sans-serif}
.mfn-premium-rail button.active{background:linear-gradient(135deg,#0d9e9c,#166c82);border-color:#42d0cb55;color:#fff;transform:translateX(-34px);box-shadow:0 18px 40px #04a8a826}
.mfn-premium-rail button.active i{background:#ffffff20;color:#fff;border-color:#ffffff24}
.mfn-premium-orbit{position:absolute;right:-22px;bottom:24px;z-index:5;display:flex;gap:7px;direction:ltr}
.mfn-premium-orbit span{padding:7px 9px;border-radius:9px;border:1px solid #ffffff1c;background:#0b1520cc;color:#8fd8d3;font:600 9px "Estedad",Tahoma,sans-serif;box-shadow:0 9px 20px #0003;backdrop-filter:blur(8px)}
.mfn-premium-visual>p{position:absolute;right:8px;bottom:-7px;color:#73899a!important;font-size:9px!important;letter-spacing:.02em}
@media(max-width:1100px){.hero.mfn-premium-hero{grid-template-columns:1fr;gap:30px;padding-top:46px;text-align:center}.mfn-premium-copy-stack{min-height:360px}.mfn-premium-copy p{margin-inline:auto}.mfn-premium-kicker,.mfn-premium-copy .hero-actions,.mfn-premium-trust,.mfn-premium-controls{margin-inline:auto;justify-content:center}.mfn-premium-visual{min-height:510px;justify-content:center}.mfn-premium-device{width:min(88%,720px)}.mfn-premium-rail{left:6%;}.mfn-premium-visual>p{position:static;text-align:center!important;margin-top:25px!important}}
@media(max-width:760px){body>header{background:#151e2b}.hero.mfn-premium-hero{min-height:auto;padding:35px 18px 80px;gap:20px}.hero.mfn-premium-hero::after{bottom:-105px}.mfn-premium-copy-stack{min-height:445px}.mfn-premium-copy h1{font-size:34px!important;line-height:1.55!important}.mfn-premium-copy p{font-size:13px!important;line-height:2!important}.mfn-premium-copy .hero-actions{flex-direction:column;width:100%}.mfn-premium-copy .hero-actions>a{width:100%}.mfn-premium-trust{justify-content:center}.mfn-premium-controls{margin-top:20px}.mfn-premium-visual{min-height:390px;display:block}.mfn-premium-device{width:100%;padding:6px;border-radius:17px;transform:none}.mfn-device-top{height:30px}.mfn-device-top img{width:58px}.mfn-premium-rail{position:relative;left:auto;top:auto;transform:none;display:flex;flex-direction:row;overflow-x:auto;gap:7px;margin:0 0 14px;padding:2px 0 7px;scrollbar-width:none;direction:rtl}.mfn-premium-rail::-webkit-scrollbar{display:none}.mfn-premium-rail button,.mfn-premium-rail button:nth-child(n){flex:0 0 auto;width:auto;min-height:42px;padding:7px 10px;transform:none;border-radius:12px}.mfn-premium-rail button.active{transform:none}.mfn-premium-rail button i{width:24px;height:24px;border-radius:8px}.mfn-premium-rail button span{font-size:10px}.mfn-premium-orbit{display:none}.mfn-premium-visual>p{text-align:center!important;color:#91a5b4!important;margin:21px 0 0!important}}
@media(prefers-reduced-motion:reduce){.mfn-premium-copy-slide,.mfn-premium-slide,.mfn-premium-rail button{transition:none!important}}
