/*
=========================================================
EPILYUM.COM.TR / PREVIEW
PREMIUM CORPORATE OVERRIDES • 2026-09-20
Bu dosya mevcut style.css ve index.php içindeki inline stillerden
SONRA yüklenir. Mevcut dosyaları bozmadan kurumsal görünümü ezer.
=========================================================
*/

:root{
    --ep-navy:#0b1f3a;
    --ep-navy-2:#102e55;
    --ep-blue:#1558a6;
    --ep-cyan:#22a9bf;
    --ep-text:#14253e;
    --ep-muted:#68778b;
    --ep-line:#e4eaf1;
    --ep-soft:#f5f8fb;
    --ep-white:#ffffff;
    --ep-shadow:0 18px 55px rgba(15,42,76,.08);
}

html{scroll-padding-top:92px}
body{
    font-family:"Manrope",Arial,Helvetica,sans-serif!important;
    color:var(--ep-text)!important;
    background:#fff!important;
    -webkit-font-smoothing:antialiased;
}
.container{width:min(1280px,calc(100% - 48px))!important}

/* Sayfa sıralaması: ürünler ana satış aksiyonu olduğu için yukarı alınır */
main{display:flex;flex-direction:column}
.hero{order:1}
.ep-devices-section{order:2}
.ep-feature-links{order:3}
.epilyum-locator{order:4}
.ep-new-youtube{order:5}

/* =====================================================
   HEADER
===================================================== */
.ep-header-main{
    background:rgba(9,29,55,.98)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(5,22,43,.10)!important;
}
.ep-header-inner{
    min-height:82px!important;
    grid-template-columns:170px minmax(0,1fr) auto!important;
}
.ep-brand-logo{
    width:154px!important;
    filter:none!important;
}
.ep-main-nav{gap:25px!important}
.ep-main-nav>a,
.ep-main-nav>.nav-item>.nav-link{
    min-height:82px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
}
.ep-main-nav>a:hover,
.ep-main-nav>.nav-item>.nav-link:hover{
    color:#fff!important;
}
.ep-main-nav>a::after,
.ep-main-nav>.nav-item>.nav-link::after{
    bottom:17px!important;
    height:1px!important;
    background:#55c9d8!important;
}
.ep-main-nav .nav-caret{color:#6bd1dd!important}
.ep-main-nav .menu-long{max-width:145px!important}
.ep-offer-button{
    min-height:43px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:9px!important;
    padding:0 18px!important;
    color:var(--ep-navy)!important;
    background:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
}
.ep-offer-button:hover{background:#eef6ff!important;transform:none!important}

/* =====================================================
   CALLBACK / SALES BAR
===================================================== */
.callback-strip{
    background:#f7f9fc!important;
    border-bottom:1px solid var(--ep-line)!important;
    box-shadow:none!important;
}
.callback-inner{
    min-height:72px!important;
    grid-template-columns:minmax(220px,.9fr) minmax(300px,1.4fr) auto!important;
    gap:28px!important;
}
.callback-phone-icon{
    width:42px!important;height:42px!important;flex-basis:42px!important;
    border:1px solid #d7e4f1!important;
    border-radius:11px!important;
    color:var(--ep-blue)!important;
    background:#fff!important;
    box-shadow:none!important;
}
.callback-title strong{
    color:var(--ep-navy)!important;
    font-size:16px!important;
    font-weight:800!important;
}
.callback-title span:not(.callback-phone-icon){
    color:#7a8798!important;
    font-size:9px!important;
}
.callback-copy{
    color:#52657d!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1.55!important;
}
.ep-callback-actions{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
}
.ep-callback-primary{
    min-width:116px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.ep-callback-secondary{
    min-height:45px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d9e2ec;
    border-radius:9px;
    color:#30455f;
    background:#fff;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}
.callback-submit{
    border-radius:9px!important;
    background:var(--ep-blue)!important;
    box-shadow:none!important;
    font-size:10px!important;
    letter-spacing:.04em;
}
.callback-submit:hover{background:#114a8c!important;transform:none!important}

/* =====================================================
   HERO
===================================================== */
.hero{
    min-height:620px!important;
    border-radius:0!important;
    background:
        linear-gradient(110deg,#f7fafc 0%,#f3f7fb 55%,#edf5fa 100%)!important;
}
.hero::after{
    content:"";
    position:absolute;
    inset:0 0 auto auto;
    width:46%;
    height:100%;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(20,86,151,.035));
}
.hero-orb{display:none!important}
.hero-grid{
    min-height:620px!important;
    grid-template-columns:.92fr 1.08fr!important;
    gap:66px!important;
}
.hero-content{padding:76px 0 78px!important}
.eyebrow{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--ep-blue)!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.eyebrow-dot{
    width:22px!important;
    height:2px!important;
    border-radius:99px!important;
    background:var(--ep-cyan)!important;
    box-shadow:none!important;
}
.hero h1{
    max-width:720px!important;
    margin-top:22px!important;
    color:var(--ep-navy)!important;
    font-size:clamp(42px,4.4vw,66px)!important;
    line-height:1.04!important;
    letter-spacing:-2.7px!important;
    font-weight:800!important;
}
.hero h1 span{
    display:block!important;
    margin-top:5px;
    background:none!important;
    color:var(--ep-blue)!important;
    -webkit-text-fill-color:var(--ep-blue)!important;
}
.hero-description{
    max-width:625px!important;
    margin-top:24px!important;
    color:#5e7087!important;
    font-size:16px!important;
    line-height:1.75!important;
    font-weight:500!important;
}
.hero-buttons{gap:10px!important;margin-top:30px!important}
.btn-large{
    min-height:50px!important;
    padding:0 21px!important;
    border-radius:9px!important;
    font-size:12px!important;
    font-weight:800!important;
}
.btn-primary{
    background:var(--ep-blue)!important;
    box-shadow:none!important;
}
.btn-primary:hover{background:#104a8e!important;transform:none!important;box-shadow:none!important}
.btn-secondary{
    color:var(--ep-navy)!important;
    background:#fff!important;
    border:1px solid #d6e0ea!important;
}
.btn-secondary:hover{border-color:#aebfd1!important;transform:none!important}
.hero-stats{margin-top:38px!important}
.stat{
    min-width:125px!important;
    padding-right:22px!important;
    margin-right:22px!important;
    border-color:#dbe4ec!important;
}
.stat strong{color:var(--ep-navy)!important;font-size:17px!important;font-weight:800!important}
.stat span{color:#7a8798!important;font-size:10px!important}

/* cihaz görseli */
.hero-visual{
    min-height:570px!important;
    overflow:visible!important;
}
.hero-visual .device-circle{
    width:470px!important;height:470px!important;
    opacity:1!important;
    background:radial-gradient(circle,#fff 0 36%,#eef4f8 62%,rgba(226,236,243,.25) 74%,transparent 75%)!important;
    box-shadow:none!important;
    animation:none!important;
}
.hero-visual::before{
    width:380px!important;height:380px!important;
    border:1px solid rgba(20,78,132,.07)!important;
    background:transparent!important;
    box-shadow:none!important;
    animation:none!important;
}
.hero-visual::after{display:none!important}
.hero-visual .device-image{
    width:382px!important;
    max-height:535px!important;
    mix-blend-mode:multiply!important;
    filter:drop-shadow(0 24px 24px rgba(20,42,69,.13))!important;
    animation:none!important;
}

/* 6 uçuşan etiket yerine 4 sakin kanıt */
.hero-visual .floating-card-three,
.hero-visual .floating-card-six{display:none!important}
.tech-float-card{
    pointer-events:none!important;
    min-width:158px!important;
    padding:10px 12px!important;
    border:1px solid #e2e9ef!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 28px rgba(14,44,76,.07)!important;
    backdrop-filter:none!important;
    animation:none!important;
}
.tech-float-card:hover{transform:none!important}
.tech-float-card .floating-icon{
    min-width:34px!important;height:34px!important;
    border-radius:9px!important;
    color:var(--ep-blue)!important;
    background:#eef5fb!important;
}
.tech-float-card small{color:#93a0ae!important;font-size:8px!important}
.tech-float-card strong{
    color:#263b55!important;
    font-size:11px!important;
    white-space:normal!important;
}
.floating-card-one{top:95px!important;right:-10px!important}
.floating-card-two{top:205px!important;left:-5px!important}
.floating-card-four{left:4px!important;bottom:98px!important}
.floating-card-five{right:0!important;bottom:60px!important}
.hero-laser-flash,.hero-smoke{display:none!important}

/* =====================================================
   DEVICES — move up, premium product area
===================================================== */
.ep-devices-section{
    padding:90px 0 96px!important;
    background:#fff!important;
}
.ep-devices-section::before,
.ep-devices-section::after{display:none!important}
.ep-devices-container{
    width:min(1280px,calc(100% - 48px))!important;
    grid-template-columns:minmax(260px,.68fr) minmax(0,2fr)!important;
    gap:52px!important;
}
.ep-devices-copy{max-width:390px!important}
.ep-devices-kicker{
    margin-bottom:14px!important;
    color:var(--ep-blue)!important;
    font-size:10px!important;
    letter-spacing:.11em!important;
}
.ep-devices-kicker::before{width:24px!important;height:2px!important;background:var(--ep-cyan)!important}
.ep-devices-title{
    color:var(--ep-navy)!important;
    font-size:clamp(38px,4vw,57px)!important;
    line-height:1.04!important;
    letter-spacing:-2px!important;
    font-weight:800!important;
}
.ep-devices-title span{
    display:inline!important;
    margin:0!important;
    background:none!important;
    color:var(--ep-blue)!important;
    -webkit-text-fill-color:var(--ep-blue)!important;
}
.ep-devices-description{
    margin-top:20px!important;
    color:#65768a!important;
    font-size:14px!important;
    line-height:1.75!important;
}
.ep-devices-button{
    min-height:48px!important;
    margin-top:27px!important;
    padding:0 20px!important;
    border-radius:9px!important;
    background:var(--ep-blue)!important;
    box-shadow:none!important;
    font-size:11px!important;
}
.ep-devices-button:hover{transform:none!important;background:#104a8e!important;box-shadow:none!important}
.ep-devices-grid{gap:16px!important}
.ep-device-card{
    border:1px solid #e2e8ef!important;
    border-radius:15px!important;
    box-shadow:none!important;
    background:#fff!important;
}
.ep-device-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 18px 40px rgba(13,43,74,.08)!important;
    border-color:#cbd9e6!important;
}
.ep-device-visual{
    height:350px!important;
    padding:20px 18px 0!important;
    background:#f7f9fb!important;
}
.ep-device-visual::before{
    width:220px!important;height:220px!important;
    background:#edf3f7!important;
}
.ep-device-badge{
    top:14px!important;left:14px!important;
    min-height:26px!important;
    padding:0 9px!important;
    border:1px solid #dce6ef;
    border-radius:7px!important;
    color:#4c6680!important;
    background:rgba(255,255,255,.95)!important;
    box-shadow:none!important;
    font-size:8px!important;
    letter-spacing:.06em!important;
}
.ep-device-info{
    min-height:118px!important;
    padding:20px!important;
}
.ep-device-info h3{color:var(--ep-navy)!important;font-size:18px!important;font-weight:800!important}
.ep-device-info p{margin-top:7px!important;color:#7a8796!important;font-size:11px!important}
.ep-device-arrow{
    width:42px!important;height:42px!important;flex-basis:42px!important;
    background:#f1f5f8!important;
    color:var(--ep-blue)!important;
    box-shadow:none!important;
    font-size:20px!important;
}

/* =====================================================
   FEATURE CARDS
===================================================== */
.ep-feature-links{
    margin-top:0!important;
    padding:12px 0 92px!important;
    background:#fff;
}
.ep-feature-grid{
    grid-template-columns:.82fr .82fr 1.36fr!important;
    gap:14px!important;
}
.ep-feature-card{
    min-height:292px!important;
    padding:24px!important;
    border:1px solid var(--ep-line)!important;
    border-radius:14px!important;
    box-shadow:none!important;
    background:#f8fafc!important;
}
.ep-feature-card:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 14px 32px rgba(15,42,76,.06)!important;
}
.ep-silicone-card,.ep-guide-card{background:#f8fafc!important}
.ep-feature-kicker{color:#6a7d91!important;font-size:8px!important;letter-spacing:.11em!important}
.ep-feature-icon{
    width:36px!important;height:36px!important;flex-basis:36px!important;
    border:1px solid #e1e7ed!important;
    border-radius:9px!important;
    background:#fff!important;
    color:var(--ep-blue)!important;
    box-shadow:none!important;
}
.ep-feature-content{margin-top:20px!important}
.ep-feature-content h2{
    color:var(--ep-navy)!important;
    font-size:23px!important;
    line-height:1.08!important;
    font-weight:800!important;
}
.ep-feature-content p{color:#718094!important;font-size:11px!important;line-height:1.65!important}
.ep-feature-link{left:24px!important;bottom:22px!important;color:var(--ep-blue)!important;font-size:10px!important}
.ep-silicone-visual,.ep-guide-lines{opacity:.36!important;animation:none!important}
.ep-delivery-card{
    padding:22px!important;
    border:1px solid var(--ep-line)!important;
    background:#f8fafc!important;
}
.ep-delivery-copy .ep-feature-kicker{color:#687b91!important;font-size:10px!important}
.ep-delivery-copy h2{color:#34465d!important;font-size:15px!important;line-height:1.55!important;font-weight:650!important}
.ep-delivery-button{
    min-height:44px!important;
    margin-top:22px!important;
    border-radius:9px!important;
    color:var(--ep-blue)!important;
    background:#fff!important;
    font-size:10px!important;
}
.ep-delivery-gallery{border-radius:10px!important}

/* =====================================================
   LOCATOR
===================================================== */
.epilyum-locator{
    padding:86px 0!important;
    background:#0c2748!important;
    background-image:none!important;
}
.locator-glow{display:none!important}
.locator-container{
    grid-template-columns:.88fr 1.12fr!important;
    gap:70px!important;
}
.locator-label{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#6dc9d6!important;
    font-size:9px!important;
}
.locator-label-icon{display:none!important}
.locator-content h2{
    margin-top:18px!important;
    color:#fff!important;
    font-size:clamp(38px,4.3vw,57px)!important;
    line-height:1.05!important;
    letter-spacing:-2.2px!important;
    font-weight:800!important;
}
.locator-content h2 span{color:#71d0dc!important}
.locator-description{
    margin-top:20px!important;
    color:rgba(255,255,255,.68)!important;
    font-size:14px!important;
    line-height:1.75!important;
}
.locator-features{margin-top:31px!important}
.locator-feature{border-color:rgba(255,255,255,.13)!important}
.locator-feature strong{font-size:15px!important;font-weight:800!important}
.locator-feature span{font-size:9px!important;color:rgba(255,255,255,.48)!important}
.locator-search-wrapper{min-height:400px!important}
.locator-search-card{
    max-width:520px!important;
    padding:27px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 22px 55px rgba(0,0,0,.14)!important;
    backdrop-filter:none!important;
}
.locator-pin{
    width:44px!important;height:44px!important;
    border-radius:10px!important;
    background:#eef5fa!important;
    color:var(--ep-blue)!important;
}
.locator-small-title{color:#6a7d91!important;font-size:8px!important}
.locator-card-top h3{color:var(--ep-navy)!important;font-size:19px!important}
.locator-field select{
    height:50px!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    font-size:12px!important;
}
.locator-button{
    min-height:52px!important;
    border-radius:9px!important;
    background:var(--ep-blue)!important;
    box-shadow:none!important;
    font-size:10px!important;
}
.locator-button:hover{transform:none!important;background:#104a8e!important;box-shadow:none!important}
.map-decoration{display:none!important}

/* =====================================================
   YOUTUBE — compact
===================================================== */
.ep-new-youtube{
    padding:82px 0 88px!important;
    background:#f6f8fa!important;
}
.ep-yt-container{width:min(1280px,calc(100% - 48px))!important}
.ep-yt-header{gap:32px!important;margin-bottom:32px!important}
.ep-yt-header-content{max-width:720px!important}
.ep-yt-label{
    margin-bottom:12px!important;
    color:#6a7c91!important;
    font-size:9px!important;
    letter-spacing:.12em!important;
}
.ep-yt-label-icon{
    width:26px!important;height:26px!important;
    background:#ef334f!important;
    box-shadow:none!important;
}
.ep-yt-header h2{
    color:var(--ep-navy)!important;
    font-size:clamp(36px,4vw,54px)!important;
    line-height:1.04!important;
    letter-spacing:-2px!important;
    font-weight:800!important;
}
.ep-yt-header h2 span{
    display:inline!important;
    margin:0!important;
    background:none!important;
    color:var(--ep-blue)!important;
    -webkit-text-fill-color:var(--ep-blue)!important;
}
.ep-yt-header p{margin-top:18px!important;color:#6f7e91!important;font-size:14px!important;line-height:1.7!important}
.ep-yt-channel-button{
    min-height:48px!important;
    padding:0 20px!important;
    border-radius:9px!important;
    background:var(--ep-blue)!important;
    box-shadow:none!important;
    font-size:11px!important;
}
.ep-yt-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important;gap:18px!important}
.ep-yt-main-card,.ep-yt-side-card{
    border:1px solid var(--ep-line)!important;
    border-radius:14px!important;
    box-shadow:none!important;
}
.ep-yt-main-card:hover,.ep-yt-side-card:hover{transform:none!important;box-shadow:0 14px 32px rgba(15,42,76,.07)!important}
.ep-yt-main-media{aspect-ratio:16/8.8!important}
.ep-yt-main-play{
    width:66px!important;height:48px!important;border-radius:12px!important;
    box-shadow:none!important;
}
.ep-yt-main-info{padding:21px 22px!important}
.ep-yt-main-copy h3{color:var(--ep-navy)!important;font-size:18px!important}
.ep-yt-meta{font-size:10px!important}
.ep-yt-side{gap:11px!important}
.ep-yt-side-card{
    grid-template-columns:150px 1fr 38px!important;
    gap:15px!important;
    min-height:112px!important;
    padding:12px!important;
}
.ep-yt-side-copy h3{font-size:13px!important;color:#253a54!important;margin-bottom:7px!important}
.ep-yt-side-date{font-size:10px!important}
.ep-yt-side-arrow{width:34px!important;height:34px!important;font-size:16px!important}
.ep-yt-all-button{min-height:46px!important;border-radius:9px!important;font-size:10px!important}

/* =====================================================
   FINAL CTA / FOOTER
===================================================== */
.ep-final-cta{
    padding:78px 0;
    background:#fff;
}
.ep-final-cta-inner{
    min-height:245px;
    padding:44px 48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    border:1px solid #dfe7ef;
    border-radius:17px;
    background:#f7f9fb;
}
.ep-final-kicker{
    display:block;
    margin-bottom:12px;
    color:var(--ep-blue);
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
}
.ep-final-cta h2{
    max-width:720px;
    color:var(--ep-navy);
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.08;
    letter-spacing:-1.7px;
    font-weight:800;
}
.ep-final-cta p{
    max-width:690px;
    margin-top:15px;
    color:#6c7c8e;
    font-size:13px;
    line-height:1.7;
}
.ep-final-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.ep-final-primary,.ep-final-secondary{
    min-height:48px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border-radius:9px;
    font-size:11px;
    font-weight:800;
}
.ep-final-primary{color:#fff;background:var(--ep-blue)}
.ep-final-secondary{color:var(--ep-navy);background:#fff;border:1px solid #d5e0ea}
.ep-premium-footer{
    padding:40px 0 35px;
    color:rgba(255,255,255,.72);
    background:#091b31;
}
.ep-footer-grid{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:22px 40px;
}
.ep-footer-brand img{width:145px}
.ep-footer-brand p{margin-top:9px;font-size:10px;color:rgba(255,255,255,.48)}
.ep-footer-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.ep-footer-links a{font-size:10px;font-weight:700;color:rgba(255,255,255,.72)}
.ep-footer-links a:hover{color:#fff}
.ep-footer-note{
    grid-column:1/-1;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.09);
    font-size:9px;
    color:rgba(255,255,255,.38);
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media(max-width:1180px){
    .container,.ep-devices-container,.ep-yt-container{width:min(100% - 34px,1180px)!important}
    .ep-main-nav{gap:13px!important}
    .ep-main-nav>a,.ep-main-nav>.nav-item>.nav-link{font-size:10px!important}
    .callback-inner{grid-template-columns:190px 1fr auto!important;gap:16px!important}
    .hero-grid{gap:28px!important}
    .ep-devices-container{grid-template-columns:1fr!important}
    .ep-devices-copy{max-width:720px!important}
}
@media(max-width:900px){
    .ep-main-nav{display:none!important}
    .ep-main-nav.active{display:flex!important}
    .hero-grid{grid-template-columns:1fr!important}
    .hero-content{text-align:center!important;padding-bottom:25px!important}
    .hero h1,.hero-description{margin-left:auto!important;margin-right:auto!important}
    .hero-buttons,.hero-stats{justify-content:center!important}
    .hero-visual{min-height:520px!important}
    .callback-inner{grid-template-columns:1fr!important;padding:14px 0!important;text-align:center}
    .callback-title,.ep-callback-actions{justify-content:center!important}
    .callback-copy{max-width:640px;margin:auto!important}
    .ep-feature-grid{grid-template-columns:1fr 1fr!important}
    .ep-delivery-card{grid-column:1/-1!important}
    .locator-container{grid-template-columns:1fr!important;gap:42px!important}
    .locator-content{text-align:center!important}
    .locator-content h2,.locator-description{margin-left:auto!important;margin-right:auto!important}
    .locator-features{justify-content:center!important}
    .ep-yt-grid{grid-template-columns:1fr!important}
    .ep-final-cta-inner{display:block!important;text-align:center!important}
    .ep-final-cta h2,.ep-final-cta p{margin-left:auto;margin-right:auto}
    .ep-final-actions{justify-content:center;margin-top:25px}
}
@media(max-width:760px){
    .container,.ep-devices-container,.ep-yt-container{width:calc(100% - 28px)!important}
    .ep-header-inner{min-height:70px!important}
    .ep-main-nav{top:70px!important}
    .hero{min-height:auto!important}
    .hero-grid{min-height:auto!important}
    .hero-content{padding:52px 0 18px!important}
    .hero h1{font-size:clamp(38px,11vw,52px)!important;letter-spacing:-2px!important}
    .hero-description{font-size:14px!important}
    .hero-buttons .btn{width:100%!important}
    .hero-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%}
    .stat{min-width:0!important;padding:0 9px!important;margin:0!important}
    .hero-visual{min-height:500px!important}
    .hero-visual .device-image{width:min(72vw,320px)!important}
    .hero-visual .device-circle{width:min(88vw,410px)!important;height:min(88vw,410px)!important}
    .floating-card-one{top:65px!important}
    .floating-card-two{top:175px!important}
    .floating-card-four{bottom:115px!important}
    .floating-card-five{bottom:38px!important}
    .ep-devices-section{padding:68px 0 74px!important}
    .ep-device-card{flex:0 0 83%!important}
    .ep-feature-grid{grid-template-columns:1fr!important}
    .ep-delivery-card{grid-column:auto!important}
    .epilyum-locator{padding:66px 0!important}
    .ep-new-youtube{padding:66px 0 70px!important}
    .ep-yt-header{display:block!important;text-align:center}
    .ep-yt-channel-button{width:100%;margin-top:20px!important}
    .ep-yt-side-card{grid-template-columns:115px 1fr!important}
    .ep-yt-side-arrow{display:none!important}
    .ep-final-cta{padding:55px 0}
    .ep-final-cta-inner{padding:30px 23px}
    .ep-footer-grid{grid-template-columns:1fr;text-align:center}
    .ep-footer-brand img{margin:auto}
    .ep-footer-links{justify-content:center}
}
@media(max-width:460px){
    .ep-brand-logo{width:126px!important}
    .ep-offer-button{display:none!important}
    .hero-visual .tech-float-card{min-width:120px!important;max-width:145px!important}
    .hero-visual .device-image{width:min(70vw,285px)!important}
    .ep-final-primary,.ep-final-secondary{width:100%}
}


/* =========================================================
   V2 • PREMIUM DEVICE SHOWCASE / CAROUSEL
========================================================= */
.ep-device-showcase{
    order:2;
    position:relative;
    overflow:hidden;
    padding:88px 0 96px;
    color:#fff;
    background:
        radial-gradient(circle at 50% 35%,rgba(43,114,191,.20),transparent 31%),
        linear-gradient(180deg,#091c34 0%,#0b2545 50%,#0a203b 100%);
}
.ep-device-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.22;
    background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:58px 58px;
}
.ep-device-showcase-head{position:relative;z-index:2;text-align:center}
.ep-device-showcase-kicker{
    color:#68ceda;
    font-size:9px;
    font-weight:800;
    letter-spacing:.18em;
}
.ep-device-showcase-head h2{
    margin:13px 0 0;
    color:#fff;
    font-size:clamp(37px,4.2vw,58px);
    line-height:1.03;
    letter-spacing:-2.2px;
    font-weight:800;
}
.ep-device-showcase-head h2 span{color:#79d2dd}
.ep-device-showcase-head p{
    max-width:680px;
    margin:16px auto 0;
    color:rgba(255,255,255,.58);
    font-size:13px;
    line-height:1.7;
}
.ep-device-stage-wrap{
    position:relative;
    z-index:3;
    width:min(1320px,calc(100% - 80px));
    height:545px;
    margin:44px auto 0;
}
.ep-device-stage{
    position:relative;
    height:100%;
    perspective:1500px;
}
.ep-stage-card{
    position:absolute;
    left:50%;
    top:50%;
    width:350px;
    min-height:475px;
    padding:23px 22px 20px;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.10);
    border-radius:19px;
    background:linear-gradient(180deg,rgba(18,53,91,.96),rgba(13,39,70,.96));
    box-shadow:0 24px 65px rgba(0,0,0,.22);
    transform:translate(-50%,-50%) scale(.72);
    opacity:.35;
    transition:transform .7s cubic-bezier(.22,.78,.24,1),opacity .6s ease,filter .6s ease,border-color .5s ease;
    filter:saturate(.7);
}
.ep-stage-card.is-active{
    z-index:5;
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
    filter:none;
    border-color:rgba(108,211,222,.28);
    box-shadow:0 34px 80px rgba(0,0,0,.30),0 0 0 1px rgba(89,190,203,.05);
}
.ep-stage-card.is-prev{
    z-index:3;
    transform:translate(calc(-50% - 360px),-50%) scale(.76) rotateY(12deg);
    opacity:.48;
}
.ep-stage-card.is-next{
    z-index:3;
    transform:translate(calc(-50% + 360px),-50%) scale(.76) rotateY(-12deg);
    opacity:.48;
}
.ep-stage-card.is-far{opacity:0;pointer-events:none}
.ep-stage-visual{
    position:relative;
    height:365px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    overflow:hidden;
    border-radius:14px;
    background:
        radial-gradient(circle at 50% 50%,rgba(79,164,228,.18),transparent 46%),
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
}
.ep-stage-visual::after{
    content:"";
    position:absolute;
    left:15%;
    right:15%;
    bottom:13px;
    height:26px;
    border-radius:50%;
    background:rgba(0,0,0,.26);
    filter:blur(13px);
}
.ep-stage-visual img{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 22px 18px rgba(0,0,0,.24));
}
.ep-stage-card[data-index="0"] .ep-stage-visual img{width:84%;height:105%}
.ep-stage-card[data-index="1"] .ep-stage-visual img{width:155%;height:155%;max-width:none}
.ep-stage-card[data-index="2"] .ep-stage-visual img{width:80%;height:91%}
.ep-stage-copy{padding:17px 3px 0}
.ep-stage-copy span{
    color:#62c8d5;
    font-size:8px;
    font-weight:800;
    letter-spacing:.14em;
}
.ep-stage-copy strong{
    display:block;
    margin-top:5px;
    color:#fff;
    font-size:20px;
    font-weight:800;
}
.ep-stage-copy small{
    display:block;
    margin-top:5px;
    color:rgba(255,255,255,.50);
    font-size:10px;
}
.ep-device-nav{
    position:absolute;
    z-index:12;
    top:50%;
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.07);
    font:300 35px/1 Arial;
    cursor:pointer;
    backdrop-filter:blur(10px);
    transition:.25s ease;
}
.ep-device-nav:hover{background:#fff;color:#0c2748}
.ep-device-prev{left:0}
.ep-device-next{right:0}
.ep-stage-detail{
    position:relative;
    z-index:3;
    min-height:185px;
    display:grid;
    grid-template-columns:1.25fr auto;
    gap:45px;
    align-items:center;
    margin-top:13px!important;
    padding:30px 34px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:15px;
    background:rgba(255,255,255,.045);
}
.ep-stage-model{
    color:#68ceda;
    font-size:9px;
    font-weight:800;
    letter-spacing:.15em;
}
.ep-stage-detail h3{
    max-width:720px;
    margin:9px 0 0;
    color:#fff;
    font-size:27px;
    line-height:1.25;
    letter-spacing:-.8px;
    font-weight:750;
}
.ep-stage-detail p{
    max-width:760px;
    margin:11px 0 0;
    color:rgba(255,255,255,.55);
    font-size:12px;
    line-height:1.7;
}
.ep-stage-tags{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-top:16px;
}
.ep-stage-tags span{
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:6px;
    color:rgba(255,255,255,.73);
    background:rgba(255,255,255,.045);
    font-size:8px;
    font-weight:700;
}
.ep-stage-actions{
    min-width:205px;
    display:grid;
    gap:8px;
}
.ep-stage-actions a,.ep-stage-actions button{
    min-height:44px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    border-radius:8px;
    font-family:inherit;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}
.ep-stage-primary{color:#0a203b;background:#fff}
.ep-stage-video{
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    background:transparent;
}
.ep-stage-video:disabled{opacity:.42;cursor:not-allowed}
.ep-stage-offer{color:#fff;background:#1558a6}
.ep-device-dots{
    position:relative;
    z-index:4;
    display:flex;
    justify-content:center;
    gap:7px;
    margin-top:20px;
}
.ep-device-dots button{
    width:7px;height:7px;
    padding:0;
    border:0;
    border-radius:99px;
    background:rgba(255,255,255,.25);
    cursor:pointer;
    transition:.25s ease;
}
.ep-device-dots button.active{width:26px;background:#6ed0dc}

/* VIDEO MODAL */
body.ep-modal-open{overflow:hidden}
.ep-video-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
}
.ep-video-modal.open{display:flex}
.ep-video-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,12,25,.84);
    backdrop-filter:blur(8px);
}
.ep-video-dialog{
    position:relative;
    z-index:2;
    width:min(1050px,96vw);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    border-radius:17px;
    background:#081a30;
    box-shadow:0 35px 100px rgba(0,0,0,.45);
}
.ep-video-close{
    position:absolute;
    z-index:5;
    right:12px;
    top:12px;
    width:40px;height:40px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    color:#fff;
    background:rgba(6,26,50,.82);
    font-size:24px;
    cursor:pointer;
}
.ep-video-frame{aspect-ratio:16/9;background:#000}
.ep-video-frame iframe{width:100%;height:100%;border:0;display:block}
.ep-video-footer{
    min-height:84px;
    padding:17px 19px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}
.ep-video-footer strong{display:block;color:#fff;font-size:13px}
.ep-video-footer span{display:block;margin-top:5px;color:rgba(255,255,255,.47);font-size:9px}
.ep-video-footer a{
    min-height:42px;
    padding:0 17px;
    display:inline-flex;
    align-items:center;
    border-radius:8px;
    color:#fff;
    background:#1558a6;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

/* previous premium .ep-devices styles no longer needed */
.ep-device-showcase + .ep-feature-links{order:3}

@media(max-width:1000px){
    .ep-device-stage-wrap{width:calc(100% - 30px);height:500px}
    .ep-stage-card{width:315px;min-height:435px}
    .ep-stage-card.is-prev{transform:translate(calc(-50% - 275px),-50%) scale(.68)}
    .ep-stage-card.is-next{transform:translate(calc(-50% + 275px),-50%) scale(.68)}
    .ep-stage-visual{height:325px}
    .ep-stage-detail{grid-template-columns:1fr}
    .ep-stage-actions{grid-template-columns:repeat(3,1fr);min-width:0}
}
@media(max-width:700px){
    .ep-device-showcase{padding:68px 0 74px}
    .ep-device-showcase-head h2{font-size:39px}
    .ep-device-stage-wrap{height:455px;margin-top:28px}
    .ep-stage-card{width:260px;min-height:390px;padding:16px}
    .ep-stage-card.is-active{transform:translate(-50%,-50%) scale(1)}
    .ep-stage-card.is-prev{transform:translate(calc(-50% - 205px),-50%) scale(.62);opacity:.28}
    .ep-stage-card.is-next{transform:translate(calc(-50% + 205px),-50%) scale(.62);opacity:.28}
    .ep-stage-visual{height:292px}
    .ep-stage-copy strong{font-size:17px}
    .ep-device-nav{display:none}
    .ep-stage-detail{margin-top:0!important;padding:24px 19px}
    .ep-stage-detail h3{font-size:21px}
    .ep-stage-actions{grid-template-columns:1fr}
    .ep-stage-actions a,.ep-stage-actions button{width:100%}
    .ep-video-modal{padding:12px}
    .ep-video-footer{display:block}
    .ep-video-footer a{width:100%;justify-content:center;margin-top:13px}
}


/* =========================================================
   V2.2 • VISUAL ALIGNMENT / FINAL POLISH
========================================================= */

/* Keep the carousel composition perfectly centered */
.ep-device-stage-wrap{
    width:min(1380px,calc(100% - 72px));
    height:555px;
}
.ep-device-stage{
    max-width:1180px;
    margin:0 auto;
}

/* Cards share one strict visual baseline */
.ep-stage-card{
    width:336px;
    min-height:468px;
    padding:18px 18px 19px;
    border-radius:18px;
}
.ep-stage-card.is-active{
    transform:translate(-50%,-50%) scale(1.035);
}
.ep-stage-card.is-prev{
    transform:translate(calc(-50% - 350px),-50%) scale(.735) rotateY(9deg);
    opacity:.34;
}
.ep-stage-card.is-next{
    transform:translate(calc(-50% + 350px),-50%) scale(.735) rotateY(-9deg);
    opacity:.34;
}

/* Soften the "box inside a box" look */
.ep-stage-visual{
    height:360px;
    border-radius:12px;
    background:
        radial-gradient(circle at 50% 60%,rgba(92,168,216,.15),transparent 48%);
    overflow:visible;
}
.ep-stage-visual::after{
    left:19%;
    right:19%;
    bottom:8px;
    height:20px;
    opacity:.72;
}

/* Normalize device visual height and baseline per model */
.ep-stage-card[data-index="0"] .ep-stage-visual img{
    width:auto;
    height:352px;
    max-width:88%;
    object-fit:contain;
}
.ep-stage-card[data-index="1"] .ep-stage-visual img{
    width:auto;
    height:322px;
    max-width:90%;
    object-fit:contain;
}
.ep-stage-card[data-index="2"] .ep-stage-visual img{
    width:auto;
    height:334px;
    max-width:88%;
    object-fit:contain;
}

/* Active device slightly stronger, side devices softer */
.ep-stage-card.is-active .ep-stage-visual img{
    filter:drop-shadow(0 24px 20px rgba(0,0,0,.24));
}
.ep-stage-card:not(.is-active) .ep-stage-visual img{
    filter:drop-shadow(0 18px 16px rgba(0,0,0,.15)) saturate(.72);
}

/* Copy stays aligned regardless of image shape */
.ep-stage-copy{
    min-height:76px;
    padding:15px 4px 0;
}
.ep-stage-copy strong{
    min-height:26px;
}

/* Reduce visual drift in the information strip */
.ep-stage-detail{
    width:min(1180px,calc(100% - 48px));
    margin:6px auto 0!important;
}

/* Header breathing room for the section title */
.ep-device-showcase-head h2{
    margin-top:15px;
}
.ep-device-showcase-head p{
    margin-top:14px;
}

/* Tablet/mobile consistency */
@media(max-width:1000px){
    .ep-device-stage{max-width:860px}
    .ep-stage-card.is-prev{transform:translate(calc(-50% - 270px),-50%) scale(.66)}
    .ep-stage-card.is-next{transform:translate(calc(-50% + 270px),-50%) scale(.66)}
}
@media(max-width:700px){
    .ep-device-stage-wrap{height:445px}
    .ep-stage-card{
        width:252px;
        min-height:382px;
        padding:14px;
    }
    .ep-stage-visual{height:286px}
    .ep-stage-card[data-index="0"] .ep-stage-visual img{height:280px}
    .ep-stage-card[data-index="1"] .ep-stage-visual img{height:250px}
    .ep-stage-card[data-index="2"] .ep-stage-visual img{height:265px}
    .ep-stage-card.is-prev{transform:translate(calc(-50% - 198px),-50%) scale(.60)}
    .ep-stage-card.is-next{transform:translate(calc(-50% + 198px),-50%) scale(.60)}
    .ep-stage-detail{width:calc(100% - 28px)}
}


/* =========================================================
   V2.3 • HOMEPAGE DEVICE SLIDER FINAL ALIGNMENT
========================================================= */

/* Remove the last visual size drift caused by different source canvases */
.ep-stage-visual{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}

.ep-stage-card[data-index="0"] .ep-stage-visual img,
.ep-stage-card[data-index="1"] .ep-stage-visual img,
.ep-stage-card[data-index="2"] .ep-stage-visual img{
    width:auto;
    max-width:92%;
    object-fit:contain;
    object-position:center center;
}

/* Equal visual weight for all three devices */
.ep-stage-card[data-index="0"] .ep-stage-visual img{height:340px}
.ep-stage-card[data-index="1"] .ep-stage-visual img{height:330px}
.ep-stage-card[data-index="2"] .ep-stage-visual img{height:338px}

/* Active card slightly stronger, side cards readable but secondary */
.ep-stage-card.is-active .ep-stage-visual img{
    transform:scale(1.03);
}
.ep-stage-card:not(.is-active){
    opacity:.42;
}
.ep-stage-card:not(.is-active) .ep-stage-visual img{
    transform:scale(.98);
}

/* Keep text baseline fixed */
.ep-stage-copy{
    min-height:82px;
    padding-top:14px;
}
.ep-stage-copy strong{
    line-height:1.15;
}

/* A touch less empty space in the stage */
.ep-device-stage-wrap{height:525px}
.ep-stage-card{min-height:450px}

@media(max-width:700px){
    .ep-device-stage-wrap{height:420px}
    .ep-stage-card{min-height:365px}
    .ep-stage-card[data-index="0"] .ep-stage-visual img{height:265px}
    .ep-stage-card[data-index="1"] .ep-stage-visual img{height:255px}
    .ep-stage-card[data-index="2"] .ep-stage-visual img{height:260px}
}


/* =========================================================
   V2.4 • HIGH-RES PRODUCT IMAGE ZOOM
========================================================= */
.ep-stage-visual{position:relative}
.ep-stage-zoom{
    position:absolute;
    z-index:15;
    right:10px;
    top:10px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    color:#fff;
    background:rgba(5,25,48,.62);
    backdrop-filter:blur(8px);
    font-size:20px;
    line-height:1;
    cursor:pointer;
    opacity:.72;
    transition:.2s ease;
}
.ep-stage-card.is-active .ep-stage-zoom{opacity:1}
.ep-stage-zoom:hover{background:#fff;color:#0b2545}

body.ep-image-open{overflow:hidden}
.ep-image-modal{
    position:fixed;
    inset:0;
    z-index:10020;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.ep-image-modal.open{display:flex}
.ep-image-modal-bg{
    position:absolute;
    inset:0;
    background:rgba(2,10,20,.88);
    backdrop-filter:blur(9px);
}
.ep-image-modal-dialog{
    position:relative;
    z-index:2;
    width:min(1180px,96vw);
    height:min(860px,92vh);
    display:grid;
    grid-template-rows:auto 1fr auto;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:#091c34;
    box-shadow:0 36px 110px rgba(0,0,0,.46);
}
.ep-image-modal-close{
    position:absolute;
    z-index:10;
    right:12px;
    top:12px;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    color:#fff;
    background:rgba(5,24,45,.84);
    font-size:24px;
    cursor:pointer;
}
.ep-image-toolbar{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 62px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.ep-image-toolbar button{
    min-width:38px;
    height:34px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:7px;
    color:#fff;
    background:rgba(255,255,255,.06);
    font:700 14px/1 inherit;
    cursor:pointer;
}
.ep-image-toolbar span{
    width:54px;
    text-align:center;
    color:rgba(255,255,255,.70);
    font-size:10px;
    font-weight:700;
}
.ep-image-canvas{
    position:relative;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    cursor:grab;
    background:
      radial-gradient(circle at 50% 50%,rgba(61,125,185,.12),transparent 40%),
      #08182c;
    touch-action:none;
}
.ep-image-canvas.dragging{cursor:grabbing}
.ep-image-canvas img{
    max-width:88%;
    max-height:88%;
    width:auto;
    height:auto;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
    transform-origin:center center;
    transition:transform .12s ease-out;
    image-rendering:auto;
}
.ep-image-canvas.dragging img{transition:none}
.ep-image-hint{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    color:rgba(255,255,255,.46);
    font-size:9px;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.07);
}
@media(max-width:700px){
    .ep-image-modal{padding:8px}
    .ep-image-modal-dialog{width:100%;height:88vh}
    .ep-image-toolbar{padding-left:16px;padding-right:56px;justify-content:flex-start}
    .ep-image-hint{font-size:8px}
}