:root{
    --ey-bg:#d9dde0;
    --ey-surface:#f8f9fa;
    --ey-surface-2:#cfd4d8;
    --ey-text:#17191b;
    --ey-muted:#5f676e;
    --ey-line:#b9c0c5;
    --ey-line-dark:#8d969d;
    --ey-orange:#ff5a0a;
    --ey-orange-2:#ff7a18;
    --ey-dark:#202428;
    --ey-dark-2:#30363b;

    /* آلومینیوم */
    --ey-al-0:#ffffff;
    --ey-al-1:#f2f4f5;
    --ey-al-2:#dfe3e6;
    --ey-al-3:#c5cbd0;
    --ey-al-4:#9ba4ab;
    --ey-al-5:#6f787f;

    --ey-metal:
        linear-gradient(115deg,
            #f9fafb 0%,
            #d5dade 12%,
            #f5f6f7 26%,
            #b8c0c6 43%,
            #eef0f1 58%,
            #aeb6bc 76%,
            #f7f8f9 100%);
    --ey-metal-soft:
        linear-gradient(145deg,#f7f8f9 0%,#d6dade 46%,#eef0f2 100%);
    --ey-metal-dark:
        linear-gradient(145deg,#4a5258 0%,#1e2327 48%,#363d42 100%);
    --ey-shadow:0 20px 55px rgba(39,46,51,.16);
    --ey-shadow-soft:0 10px 28px rgba(39,46,51,.11);
    --ey-highlight:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(72,80,86,.16);
    --ey-radius:22px;
    --ey-container:min(1240px,calc(100% - 40px));
}




*{box-sizing:border-box}




html{scroll-behavior:smooth}




body{margin:0;direction:rtl;color:var(--ey-text);background:linear-gradient(135deg,#eef1f3 0%,#f8f9fa 48%,#e7ebee 100%);
    font-family:"Estedad","Segoe UI",Tahoma,Arial,sans-serif;
    line-height:1.85;
    -webkit-font-smoothing:antialiased;
}





img{max-width:100%;height:auto;display:block}




a{text-decoration:none;color:inherit}




button, input{font:inherit}




.ey-container{width:var(--ey-container);margin-inline:auto}




.ey-skip-link{position:fixed;top:-80px;right:16px;z-index:1000;background:#111;color:#fff;padding:8px 14px;border-radius:8px}




.ey-skip-link:focus{top:16px}




.ey-kicker, .ey-section-head span, .ey-section-title span, .ey-engineering-copy>span, .ey-final-cta__inner>div:first-child>span{color:var(--ey-orange);font-weight:900;font-size:13px}




.ey-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:12px;
    font-weight:900;transition:.22s ease
}




.ey-btn:hover{transform:translateY(-2px)}




.ey-btn--primary{background:linear-gradient(135deg,var(--ey-orange),var(--ey-orange-2));color:#fff;box-shadow:0 12px 28px rgba(255,90,10,.24)}




.ey-btn--outline{background:#fff;border-color:#c8cdd1}




.ey-btn--outline:hover{border-color:var(--ey-orange);color:var(--ey-orange)}




.ey-btn--lg{min-height:54px;padding-inline:26px}




.ey-btn--light{background:#fff;color:#111}




.ey-btn--ghost{border-color:rgba(255,255,255,.38);color:#fff}




.ey-btn--block{width:100%}





/* Header */










































.ey-mega-menu{
    position:fixed;top:84px;left:50%;width:min(1180px,calc(100vw - 40px));transform:translate(-50%,12px);
    opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;background:#fff;border:1px solid var(--ey-line);
    border-radius:0 0 24px 24px;box-shadow:0 25px 60px rgba(0,0,0,.14);padding:28px
}




.ey-has-mega:hover .ey-mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}




.ey-mega-grid{display:grid;grid-template-columns:280px 1fr;gap:32px}




.ey-mega-intro{padding:22px;border-radius:18px;background:linear-gradient(145deg,#20252a,#121518);color:#fff}




.ey-mega-intro span{color:#ff8c47;font-size:12px;font-weight:900}




.ey-mega-intro strong{display:block;font-size:21px;margin:12px 0 8px}




.ey-mega-intro p{color:#bdc3c8;font-size:12px}




.ey-mega-intro a{color:#ff8c47;font-weight:900;font-size:12px}




.ey-mega-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}




.ey-mega-categories section{padding:8px 4px}




.ey-mega-categories h3{font-size:14px;margin:0 0 12px}




.ey-mega-categories ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}




.ey-mega-categories li a, .ey-mega-categories p{font-size:12px;color:var(--ey-muted)}






/* Hero */




.ey-hero{overflow:hidden;background:linear-gradient(90deg,#f9fafb 0 42%,#d3d8dc 42% 100%);border-bottom:1px solid #aab2b8;position:relative}




.ey-hero-grid{min-height:600px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:42px}




.ey-hero-copy{position:relative;z-index:2;padding:70px 0}









.ey-hero-copy h1{font-size:clamp(40px,4.8vw,68px);line-height:1.28;margin:8px 0 18px;letter-spacing:-2px}




.ey-hero-copy p{font-size:16px;color:#555d64;max-width:650px}




.ey-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}




.ey-hero-visual{height:100%;min-height:540px;position:relative;direction:ltr;display:flex;align-items:center}




.ey-hero-media{display:block;width:100%;border-radius:32px;overflow:hidden;box-shadow:0 28px 60px rgba(14,18,22,.22);border:1px solid rgba(141,150,157,.35)}




.ey-hero-media img{width:100%;height:540px;object-fit:cover;object-position:center}











































































/* Global sections */




.ey-section{padding:88px 0}




.ey-section--soft{background:#eef0f2;border-block:1px solid #e0e4e7}




.ey-section-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:34px}




.ey-section-head>div{max-width:690px}




.ey-section-head h2, .ey-section-title h2, .ey-engineering-copy h2, .ey-final-cta h2, .ey-page-hero h1, .ey-content-grid h2{font-size:clamp(28px,3vw,43px);line-height:1.4;margin:4px 0 10px;letter-spacing:-1px}




.ey-section-head p, .ey-engineering-copy p, .ey-page-hero p{margin:0;color:var(--ey-muted)}




.ey-section-title{text-align:center;margin-bottom:38px}







































.ey-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}




.ey-product-card{overflow:hidden;background:#fff;border:1px solid var(--ey-line);border-radius:20px;box-shadow:var(--ey-shadow-soft);transition:.27s}




.ey-product-card:hover{transform:translateY(-6px)}




.ey-product-media{height:230px;display:grid;place-items:center;background:linear-gradient(150deg,#fafafa,#e8ebed);overflow:hidden}




.ey-product-media img{width:100%;height:100%;object-fit:contain}




.ey-product-placeholder{font:900 17px Arial;color:#8b9298;letter-spacing:2px}




.ey-product-body{padding:20px}




.ey-product-body h3{font-size:17px;margin:10px 0 5px}




.ey-product-body p{font-size:12px;color:var(--ey-muted)}




.ey-card-actions{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:900;color:var(--ey-orange)}




.ey-supply-badges{display:flex;gap:7px;flex-wrap:wrap}




.ey-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}




.ey-badge.is-made{color:#a73b00;background:#fff0e8;border:1px solid #ffc8aa}




.ey-badge.is-imported{color:#394047;background:#edf0f2;border:1px solid #d6dce0}




.ey-engineering{background:linear-gradient(125deg,#23292e,#121518);color:#fff}




.ey-engineering-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}




.ey-engineering-copy p{color:#c7cdd2}




.ey-engineering-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}




.ey-engineering-list>a, .ey-engineering-list>article{min-height:150px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);transition:.25s}




.ey-engineering-list>a:hover{background:rgba(255,90,10,.12);border-color:rgba(255,90,10,.4)}




.ey-engineering-list span{display:block;color:#ff8a45;font-size:10px;font-weight:900}




.ey-engineering-list strong{display:block;font-size:16px;margin:18px 0 6px}




.ey-engineering-list small{color:#aeb5ba}








































































































.ey-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}




.ey-project-card{overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--ey-line);box-shadow:var(--ey-shadow-soft)}




.ey-project-card img, .ey-project-placeholder{width:100%;height:260px;object-fit:cover}




.ey-project-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#32393f,#171a1d);color:#ff7d32;font:900 16px Arial;letter-spacing:2px}




.ey-project-card>a>div:last-child, .ey-project-card>div:last-child{padding:22px}




.ey-project-card span{color:var(--ey-orange);font-size:10px;font-weight:900}




.ey-project-card h3, .ey-project-card h2{font-size:18px;margin:8px 0}




.ey-project-card p{font-size:12px;color:var(--ey-muted)}




.ey-final-cta{padding-top:20px}




.ey-final-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:44px 48px;border-radius:28px;color:#fff;background:linear-gradient(120deg,#2c3338,#121517);box-shadow:var(--ey-shadow)}




.ey-final-cta__inner>div:last-child{display:flex;gap:10px;flex-wrap:wrap}





/* Pages */




.ey-page-hero{padding:90px 0;background:
    linear-gradient(90deg,#fff 0 50%,rgba(255,255,255,.75)),
    linear-gradient(145deg,#e9ecee,#fff)}




.ey-page-hero--compact{padding:58px 0}




.ey-content-grid{display:grid;grid-template-columns:.34fr .66fr;gap:60px}




.ey-rich-content{max-width:900px}




.ey-rich-content p{color:#4f565c}




















/* Product */




.ey-product-hero{padding:42px 0 70px;background:linear-gradient(160deg,#fff,#eef0f2)}




.woocommerce-breadcrumb{font-size:11px!important;color:#80878d!important;margin-bottom:30px!important}




.ey-product-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:start}








.ey-product-summary{padding-top:24px}




.ey-product-summary h1{font-size:clamp(34px,4vw,54px);line-height:1.35;margin:14px 0}




.ey-product-lead{font-size:15px;color:#555d64}




.ey-product-meta-line{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-block:1px solid #dfe3e5;margin:24px 0}




.ey-product-meta-line span{color:var(--ey-muted)}




.ey-product-cta{display:flex;gap:12px;flex-wrap:wrap}




.ey-product-anchor-nav{position:sticky;top:87px;z-index:40;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-block:1px solid var(--ey-line)}




.ey-product-anchor-nav .ey-container{display:flex;gap:28px;overflow-x:auto;white-space:nowrap}




.ey-product-anchor-nav a{padding:16px 0;font-size:12px;font-weight:900}



































/* Footer */




.ey-site-footer{margin-top:80px;background:#1a1e22;color:#e9edf0}




.ey-footer-grid{display:grid;grid-template-columns:1.2fr .7fr .8fr 1.1fr;gap:42px;padding:56px 0}






.ey-footer-brand p{color:#aeb5ba;font-size:12px}




.ey-site-footer h3{font-size:14px}




.ey-footer-links, .ey-contact-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:12px;color:#c5cbd0}



















.ey-footer-bottom{border-top:1px solid #333a40;padding:18px 0;color:#818990;font-size:11px}





/* Mobile nav */






/* reveal */




.ey-reveal{opacity:1;transform:none}





/* Responsive */




@media (max-width:1100px){


    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    

.ey-hero-grid{grid-template-columns:1fr}


    

.ey-hero-copy{padding:48px 0 10px}


    

.ey-hero-visual{min-height:420px}


    




    




    




    

.ey-product-grid{grid-template-columns:repeat(2,1fr)}


    

.ey-engineering-shell{grid-template-columns:1fr}


    




    




    

.ey-project-grid{grid-template-columns:repeat(2,1fr)}


    

.ey-footer-grid{grid-template-columns:repeat(2,1fr)}


    

.ey-product-hero-grid, .ey-content-grid{grid-template-columns:1fr}


    

.ey-product-anchor-nav{top:70px}}




@media (max-width:720px){:root{--ey-container:calc(100% - 24px)}


    

body{padding-bottom:88px}


    

.ey-section{padding:62px 0}


    

.ey-hero-copy h1{font-size:36px;letter-spacing:-1px}


    

.ey-hero-visual{min-height:315px}


    




    




    




    




    




    

.ey-section-head{align-items:flex-start;flex-direction:column}


    

.ey-product-grid, .ey-project-grid, .ey-engineering-list, .ey-footer-grid{grid-template-columns:1fr}


    




    




    




    

.ey-final-cta__inner{align-items:flex-start;flex-direction:column}


    

.ey-final-cta__inner{padding:30px 24px}


    
    
    
    

.ey-product-anchor-nav .ey-container{gap:20px}


    

.ey-product-cta .ey-btn{flex:1}}






/* =========================================================
   ALUMINUM VISUAL SYSTEM — v0.2
   سطح صفحات شبیه ورق و پروفیل آلومینیوم ماشین‌کاری شده
   ========================================================= */





.ey-hero::before, .ey-section--soft::before, .ey-engineering::before, .ey-page-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(181,190,196,.035));
    opacity:.42;
}





.ey-hero-grid, .ey-section > .ey-container, .ey-page-hero > .ey-container{
    position:relative;
    z-index:1;
}





/* هیرو: به‌جای حس کارخانه تاریک، حس آلومینیوم اکسترود شده */








































/* پنل‌های اصلی شبیه آلومینیوم ماشین‌کاری شده */




.ey-product-card{
    background:var(--ey-metal-soft);
    border-color:#aeb6bc;
    box-shadow:
        var(--ey-highlight),
        0 12px 30px rgba(37,44,49,.12);
}

















/* تیترها با قطعه فلزی کوچک */




.ey-section-head h2, .ey-section-title h2, .ey-content-grid h2{
    position:relative;
}




.ey-section-head h2::after, .ey-section-title h2::after, .ey-content-grid h2::after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:42px;
    height:5px;
    margin-inline-start:12px;
    border-radius:999px;
    background:linear-gradient(90deg,#747e85,#f6f7f8,var(--ey-orange));
    box-shadow:inset 0 1px 0 #fff;
}





/* بخش‌های طوسی، نه سفید ساده */




.ey-section--soft{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(150deg,#cfd4d8 0%,#e8ebed 48%,#bec5ca 100%);
    border-block:1px solid #a8b0b6;
}





.ey-section:not(.ey-section--soft):not(.ey-section--dark):not(.ey-engineering):not(.ey-final-cta){
    background:
        linear-gradient(145deg,rgba(246,247,248,.66),rgba(204,210,214,.72));
    border-bottom:1px solid rgba(141,150,157,.18);
}





/* Engineering: گرافیت + آلومینیوم + نارنجی */




.ey-engineering{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 0%,rgba(255,90,10,.16),transparent 27%),
        linear-gradient(135deg,#525b61 0%,#272d31 42%,#171b1e 100%);
}




.ey-engineering-list>a, .ey-engineering-list>article{
    background:
        repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px),
        linear-gradient(145deg,rgba(218,224,228,.13),rgba(44,50,55,.32));
    border-color:rgba(220,225,229,.24);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}





/* Why Us: یک ورق آلومینیومی خم‌کاری شده */















/* CTA مانند پنل آلومینیوم آنودایز شده */




.ey-final-cta__inner{
    background:linear-gradient(120deg,#626b72,#262c30 42%,#171b1e);
    border:1px solid #8f989f;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.36),
        0 24px 55px rgba(31,37,41,.22);
}





/* صفحه محصول */




.ey-product-hero{
    background:
        repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 5px),
        linear-gradient(145deg,#f0f2f3 0%,#c4cbd0 53%,#e9ecee 100%);
}










.ey-product-anchor-nav{
    background:rgba(246,248,249,.9);
    border-color:#adb5bb;
}





/* Mega Menu */




.ey-mega-menu{
    background:linear-gradient(145deg,#fafbfb,#e2e6e9);
    border-color:#aeb6bc;
}




.ey-mega-intro{
    background:var(--ey-metal-dark);
    border:1px solid #69737a;
}





/* فوتر طبق تصمیم طراحی: سفید */




.ey-site-footer{
    margin-top:80px;
    background:#fff;
    color:#25292c;
    border-top:1px solid #bcc3c8;
    box-shadow:0 -7px 28px rgba(34,40,45,.06);
}






.ey-footer-brand p{color:#687078}




.ey-footer-links, .ey-contact-list{color:#4e565c}




.ey-footer-links a:hover, .ey-contact-list a:hover{color:var(--ey-orange)}









.ey-footer-bottom{
    border-top:1px solid #d9dde0;
    color:#747d84;
    background:linear-gradient(180deg,#fff,#f4f6f7);
}





/* موبایل: Bottom Glass به‌جای سفید تخت، شیشه + فلز */








/* دکمه‌ها کمی صنعتی‌تر */




.ey-btn{
    border-radius:9px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
}




.ey-btn--outline{
    background:
        linear-gradient(145deg,#fff,#dfe3e6);
    border-color:#9fa8ae;
    box-shadow:inset 0 1px 0 #fff;
}





/* Orange فقط Accent */




.ey-project-card span, .ey-kicker, .ey-section-head span, .ey-section-title span{
    text-shadow:0 1px 0 #fff;
}





@media (max-width:720px){.ey-hero{
        background:linear-gradient(180deg,#f7f8f9 0 48%,#cbd1d5 48% 100%);
    }


    

}






/* =========================================================
   v0.3 — Real Logo + Persian Typography
   ========================================================= */





:root{
    --ey-font-fa:"Estedad","Segoe UI",Tahoma,Arial,sans-serif;
}





body, button, input, textarea, select{
    font-family:var(--ey-font-fa);
}





h1, h2, h3, h4, h5, h6, .ey-btn, .ey-section-head, .ey-section-title{
    font-family:var(--ey-font-fa);
}





/* لوگوی واقعی؛ بازسازی CSS حذف شده */



















/* =========================================================
   PRODUCT PAGE v1.2 — industrial B2B conversion system
   ========================================================= */





.ey-product-hero--v12{
    position:relative;
    overflow:hidden;
    padding:34px 0 54px;
    background:
        linear-gradient(110deg,rgba(255,255,255,.95),rgba(229,233,236,.93)),
        repeating-linear-gradient(0deg,rgba(255,255,255,.6) 0 1px,rgba(75,84,91,.045) 1px 2px,transparent 2px 5px);
}




.ey-product-hero--v12:after{
    content:"EXTRUDEYAR";
    position:absolute;
    direction:ltr;
    left:-20px;
    bottom:-55px;
    font:900 clamp(80px,14vw,220px)/1 Arial,sans-serif;
    letter-spacing:-8px;
    color:rgba(61,70,77,.035);
    pointer-events:none;
}




.ey-product-hero-grid--v12{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:46px;align-items:center}
















.ey-product-summary--v12{padding:10px 0}




.ey-product-category-link{
    display:inline-flex;
    margin-bottom:10px;
    color:#667077;
    font-size:11px;
    font-weight:900;
}




.ey-product-summary--v12 h1{
    max-width:760px;
    margin:12px 0 14px;
    font-size:clamp(34px,4.4vw,58px);
    line-height:1.25;
    letter-spacing:-1.4px;
}




.ey-product-lead--v12{max-width:720px;font-size:15px;line-height:2;color:#4c555b}




.ey-product-lead--v12 p{margin:0}




.ey-product-quickfacts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:28px 0 22px;
    border-block:1px solid #cbd1d5;
}




.ey-product-quickfacts>div{padding:15px 14px;border-inline-start:1px solid #d7dcdf}




.ey-product-quickfacts>div:first-child{border-inline-start:0}




.ey-product-quickfacts span{display:block;margin-bottom:5px;color:#7a8288;font-size:10px}




.ey-product-quickfacts strong{display:block;font-size:12px}




.ey-product-cta--v12{margin-top:0}




.ey-product-cta-note{margin:11px 0 0;color:#7b8389;font-size:10px}





.ey-product-anchor-nav--v12{box-shadow:0 5px 18px rgba(30,37,42,.05)}




.ey-product-anchor-nav--v12 a{position:relative}




.ey-product-anchor-nav--v12 a:after{
    content:"";
    position:absolute;
    right:0;
    left:0;
    bottom:10px;
    height:2px;
    background:var(--ey-orange);
    transform:scaleX(0);
    transition:.2s;
}




.ey-product-anchor-nav--v12 a:hover:after{transform:scaleX(1)}





.ey-product-section-grid{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,.66fr);gap:58px;align-items:start}




.ey-product-section-heading{position:sticky;top:165px}




.ey-product-section-heading h2{margin:7px 0 12px;font-size:clamp(28px,3.1vw,42px);line-height:1.4}




.ey-product-section-heading p{max-width:390px;color:#737b80;font-size:12px}




.ey-product-content-card{
    min-width:0;
    padding:30px;
    border:1px solid #cbd1d5;
    border-radius:20px;
    background:linear-gradient(145deg,#fff,#f0f2f3);
    box-shadow:inset 0 1px 0 #fff,0 13px 30px rgba(44,52,58,.07);
}




.ey-product-content-card>:first-child{margin-top:0}




.ey-product-content-card>:last-child{margin-bottom:0}





.ey-product-wide-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:28px;
}




.ey-product-wide-heading h2{margin:7px 0 0;font-size:clamp(28px,3.3vw,44px)}




.ey-product-wide-heading>p{max-width:430px;margin:0;color:#717980;font-size:12px}




.ey-product-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}




.ey-product-feature-card{
    min-height:150px;
    padding:22px;
    border:1px solid #c8ced2;
    border-radius:18px;
    background:linear-gradient(145deg,#fbfcfc,#e1e5e7);
}




.ey-product-feature-card>span{display:block;color:var(--ey-orange);font:900 11px Arial,sans-serif;letter-spacing:1px}




.ey-product-feature-card p{margin:34px 0 0;font-size:13px;font-weight:800;line-height:1.9}






























































.ey-product-why-shell{
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:40px;
    padding:42px;
    border-radius:26px;
    color:#f2f4f5;
    background:
        linear-gradient(120deg,rgba(255,90,10,.07),transparent 45%),
        #1b2024;
}




.ey-product-why-copy h2{margin:8px 0 15px;font-size:clamp(28px,3.5vw,46px);line-height:1.45;color:#fff}




.ey-product-why-copy p{max-width:540px;color:#b6bdc2;line-height:2}




.ey-product-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}




.ey-product-why-grid article{padding:20px;border:1px solid #394147;border-radius:16px;background:#23292e}




.ey-product-why-grid article>span{color:var(--ey-orange);font:900 10px Arial,sans-serif}




.ey-product-why-grid strong{display:block;margin:23px 0 7px;color:#fff;font-size:14px}




.ey-product-why-grid p{margin:0;color:#9fa7ad;font-size:11px;line-height:1.8}





.ey-product-support-copy{font-size:13px;line-height:2.1}















.ey-product-related .products{margin-top:24px}




.ey-product-related .product{border:1px solid #d4d9dc;border-radius:16px!important;overflow:hidden;background:#fff}




.ey-product-related .product .button{margin:12px!important}








@media(max-width:1100px){.ey-product-hero-grid--v12{grid-template-columns:1fr;gap:28px}


    

    

.ey-product-section-grid{grid-template-columns:1fr;gap:24px}


    

.ey-product-section-heading{position:static}


    

.ey-product-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}


    

.ey-product-why-shell{grid-template-columns:1fr}}




@media(max-width:720px){body.single-product{padding-bottom:158px}


    

.ey-product-hero--v12{padding:20px 0 34px}


    

.ey-product-hero--v12:after{font-size:90px;bottom:-24px;letter-spacing:-4px}


    

    

    

    

.ey-product-summary--v12 h1{font-size:31px;letter-spacing:-.5px}


    

.ey-product-quickfacts{grid-template-columns:1fr}


    

.ey-product-quickfacts>div{display:flex;justify-content:space-between;gap:14px;border-inline-start:0;border-bottom:1px solid #d9dde0}


    

.ey-product-quickfacts>div:last-child{border-bottom:0}


    

.ey-product-quickfacts span{margin:0}


    

.ey-product-cta--v12{display:none}


    

.ey-product-cta-note{display:none}


    

.ey-product-wide-heading{align-items:start;flex-direction:column;gap:8px}


    

.ey-product-feature-grid, .ey-product-why-grid{grid-template-columns:1fr}


    

.ey-product-feature-card{min-height:124px}


    

.ey-product-feature-card p{margin-top:24px}


    

.ey-product-content-card{padding:22px 18px}


    

.ey-product-why-shell{padding:26px 18px}


    

}






/* =========================================================
   ENGINEERING & MANUFACTURING v1.0
   ========================================================= */
























































































































































































































































.exy-engineering-request{margin-top:72px}




.exy-engineering-form .exy-field:nth-of-type(7){grid-column:1/-1}















/* =========================================================
   SERVICES v1.0
   ========================================================= */





































































































































































































































































































.exy-service-request{margin-top:72px}















@media(max-width:720px){body.single-ey_service{padding-bottom:158px}


    




    




    




    




    




    




    




    




    




    




    

}





/* =========================================================
   FINAL RELEASE 1.0 — global additions
   ========================================================= */




.ey-search-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ey-line);border-radius:10px;background:#fff;color:var(--ey-dark);font-size:22px;cursor:pointer}




.ey-search-overlay{position:fixed;z-index:9999;inset:0;display:grid;place-items:start center;padding-top:min(18vh,150px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}




.ey-search-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}




.ey-search-overlay__backdrop{position:absolute;inset:0;background:rgba(13,17,20,.72);backdrop-filter:blur(8px)}




.ey-search-panel{position:relative;z-index:2;width:min(850px,calc(100% - 28px));padding:34px;border:1px solid #6d777e;border-radius:24px;background:linear-gradient(145deg,#fff,#e5e9eb);box-shadow:0 30px 100px rgba(0,0,0,.3)}




.ey-search-panel>span{color:var(--ey-orange);font:900 10px Arial,sans-serif;letter-spacing:2px}


.ey-search-panel h2{margin:8px 0 20px;font-size:clamp(26px,3vw,40px)}




.ey-search-close{position:absolute;left:16px;top:14px;width:36px;height:36px;border:0;background:transparent;font-size:28px;cursor:pointer}




.ey-search-form{display:flex;gap:9px}


.ey-search-form input{flex:1;min-width:0;padding:15px 17px;border:1px solid #aeb7bd;border-radius:12px;background:#fff;font:inherit}


.ey-search-form button{padding:0 24px;border:0;border-radius:12px;background:var(--ey-orange);color:#fff;font-weight:900;cursor:pointer}




body.ey-search-open{overflow:hidden}





.ey-footer-grid--final{grid-template-columns:1.3fr 1fr 1fr 1fr}


.ey-footer-rfq{display:inline-flex;margin-top:10px;color:var(--ey-orange);font-weight:900}


.ey-footer-bottom .ey-container{display:flex;justify-content:space-between;gap:20px}


.ey-mega-category-link{font-size:11px;color:var(--ey-orange);font-weight:800}





/* catalog */




.ey-catalog-hero{padding:58px 0;background:linear-gradient(120deg,#171c20,#30383e);color:#fff}


.ey-catalog-hero span{color:var(--ey-orange);font:900 10px Arial,sans-serif;letter-spacing:2px}


.ey-catalog-hero h1{margin:10px 0 10px;color:#fff;font-size:clamp(38px,5vw,62px)}


.ey-catalog-hero p{margin:0;color:#b5bec3}




.ey-catalog-toolbar{position:sticky;z-index:35;top:80px;padding:13px 0;border-bottom:1px solid var(--ey-line);background:rgba(248,249,250,.96);backdrop-filter:blur(12px)}




.ey-catalog-filter{display:grid;grid-template-columns:1.5fr 1fr 1fr auto auto;gap:9px;align-items:end}


.ey-catalog-filter label{display:grid;gap:5px}


.ey-catalog-filter label>span{font-size:10px;font-weight:800;color:#6b747a}


.ey-catalog-filter input, .ey-catalog-filter select{height:44px;padding:0 12px;border:1px solid #bac2c7;border-radius:10px;background:#fff;font:inherit}


.ey-catalog-reset{align-self:center;color:#6c757b;font-size:10px;font-weight:800}




.ey-catalog-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}


.ey-catalog-result-head>span{font-size:11px;color:#717a80}


.ey-catalog-result-head .woocommerce-ordering{margin:0}


.ey-catalog-result-head select{height:40px;border:1px solid #c1c8cc;border-radius:9px;background:#fff;padding:0 10px}




.ey-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}


.ey-catalog-card{min-width:0;overflow:hidden;border:1px solid #c9d0d4;border-radius:19px;background:#fff;box-shadow:0 10px 25px rgba(40,47,52,.05);transition:.2s}


.ey-catalog-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(40,47,52,.11)}


.ey-catalog-card__media{display:grid;place-items:center;aspect-ratio:1/.86;padding:14px;background:linear-gradient(145deg,#fafbfb,#e4e8ea)}


.ey-catalog-card__media img{width:100%;height:100%;object-fit:contain}


.ey-catalog-card__media>span{color:#aab1b6;font:900 42px Arial,sans-serif}


.ey-catalog-card__body{padding:18px}


.ey-catalog-card__body h2{margin:10px 0 8px;font-size:16px;line-height:1.65}


.ey-catalog-card__body h2 a{color:#252c31}


.ey-catalog-card__body p{min-height:55px;margin:0;color:#70797f;font-size:11px;line-height:1.9}


.ey-catalog-card__actions{display:flex;justify-content:space-between;gap:9px;margin-top:18px}


.ey-catalog-card__actions a{font-size:10px;font-weight:900}


.ey-catalog-card__actions a:last-child{color:var(--ey-orange)}




.ey-catalog-pagination{margin-top:34px}


.ey-catalog-pagination ul{display:flex;gap:6px;list-style:none;padding:0}


.ey-catalog-pagination a, .ey-catalog-pagination span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border:1px solid #c6cdd1;border-radius:9px;background:#fff}


.ey-catalog-pagination .current{border-color:var(--ey-orange);background:var(--ey-orange);color:#fff}


.ey-catalog-empty{padding:35px;border:1px dashed #aeb7bc;border-radius:18px;background:#f5f7f8}


.ey-catalog-empty strong{display:block;margin-bottom:7px;font-size:18px}


.ey-catalog-empty p{color:#727b81}





/* About & Contact */




.ey-about-hero, .ey-contact-hero, .ey-project-hero, .ey-project-single-hero, .ey-article-hero{padding:64px 0;background:linear-gradient(115deg,#171c20,#2c3439);color:#fff}


.ey-about-hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}


.ey-about-hero span, .ey-contact-hero>div>span, .ey-project-hero span, .ey-project-single-hero span, .ey-article-hero span{color:var(--ey-orange);font:900 10px Arial,sans-serif;letter-spacing:2px}


.ey-about-hero h1, .ey-contact-hero h1, .ey-project-hero h1, .ey-project-single-hero h1, .ey-article-hero h1{margin:11px 0;font-size:clamp(40px,5vw,66px);line-height:1.3;color:#fff}


.ey-about-hero p, .ey-contact-hero p, .ey-project-hero p, .ey-project-single-hero p, .ey-article-hero p{max-width:760px;color:#b7c0c5;line-height:2}


.ey-about-mark{display:grid;place-items:center;min-height:230px;border:1px solid #465056;border-radius:24px;background:rgba(255,255,255,.025)}


.ey-about-mark strong{color:#fff;font:900 72px Arial,sans-serif}


.ey-about-mark span{color:#aeb7bc;font:inherit}


.ey-about-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}


.ey-about-values article{padding:23px;border:1px solid #c8cfd3;border-radius:18px;background:#fff}


.ey-about-values article>span{color:var(--ey-orange);font:900 10px Arial,sans-serif}


.ey-about-values h3{margin:40px 0 8px}


.ey-about-values p{margin:0;color:#70797f;font-size:11px;line-height:1.9}




.ey-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}


.ey-contact-panel h2{margin:8px 0 22px;font-size:clamp(30px,4vw,46px)}


.ey-contact-panel ul{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid #c9d0d4}


.ey-contact-panel li{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #c9d0d4}


.ey-contact-panel li span{color:#777f85;font-size:10px}


.ey-contact-routing{display:grid;gap:10px}


.ey-contact-routing>a{display:grid;gap:6px;padding:21px;border:1px solid #c6cdd1;border-radius:18px;background:linear-gradient(145deg,#fff,#e4e8ea)}


.ey-contact-routing>a>span{color:var(--ey-orange);font:900 10pxpx Arial,sans-serif;letter-spacing:1.2px}


.ey-contact-routing>a>strong{color:#282f34;font-size:16px}


.ey-contact-routing>a>small{color:#6d767c}





/* Projects */




.ey-project-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}


.ey-project-case-card{overflow:hidden;border:1px solid #c9d0d4;border-radius:20px;background:#fff}


.ey-project-case-card__media{display:grid;place-items:center;aspect-ratio:16/10;background:#e4e8ea;overflow:hidden}


.ey-project-case-card__media img{width:100%;height:100%;object-fit:cover}


.ey-project-case-card__media>span{color:#9ea7ac;font:900 18px Arial,sans-serif}


.ey-project-case-card>div{padding:19px}


.ey-project-case-card>div>span{color:var(--ey-orange);font:900 10pxpx Arial,sans-serif}


.ey-project-case-card h2{margin:9px 0;font-size:19px}


.ey-project-case-card small{color:#8a9297}


.ey-project-case-card p{color:#70797f;font-size:11px;line-height:1.9}


.ey-project-case-card>div>a{font-size:11px;font-weight:900;color:var(--ey-orange)}




.ey-project-single-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}


.ey-project-single-hero__media{display:grid;place-items:center;min-height:390px;border:1px solid #465056;border-radius:22px;overflow:hidden;background:#252c31}


.ey-project-single-hero__media img{width:100%;height:100%;object-fit:cover}


.ey-project-single-hero__media>span{color:#768188;font:900 19px Arial,sans-serif}


.ey-project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}


.ey-project-meta>div{min-width:120px;padding:11px 14px;border:1px solid #465056;border-radius:11px}


.ey-project-meta span{display:block;margin-bottom:5px;color:#909ba1!important;font:inherit!important;letter-spacing:0!important}


.ey-project-meta strong{color:#fff}





.ey-project-body{max-width:900px}





/* Search / Blog */




.ey-search-results{display:grid;gap:10px}


.ey-search-results article, .ey-insight-card{padding:21px;border:1px solid #c9d0d4;border-radius:17px;background:#fff}


.ey-search-results article>span, .ey-insight-card>span{color:var(--ey-orange);font-size:10px;font-weight:900}


.ey-search-results h2, .ey-insight-card h2, .ey-insight-card h3{margin:8px 0;font-size:20px}


.ey-search-results p, .ey-insight-card p{color:#70797f;font-size:11px;line-height:1.9}


.ey-search-results article>a, .ey-insight-card>a{font-size:11px;font-weight:900;color:var(--ey-orange)}


.ey-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}


.ey-article-image{margin-top:30px}


.ey-article-image img{width:100%;max-height:650px;object-fit:cover;border-radius:22px}


.ey-article-body{max-width:900px}


.ey-error-page{min-height:65vh;display:grid;place-items:center;text-align:center;padding:80px 0}


.ey-error-page>div>span{display:block;color:#c2c9cd;font:900 100px Arial,sans-serif}


.ey-error-page h1{font-size:42px}


.ey-error-page p{color:#6c757b}


.ey-error-page .ey-search-form{max-width:680px;margin:24px auto}


.ey-error-page>div>div{display:flex;justify-content:center;gap:8px}





/* home final */




.ey-engineering-empty{padding:22px!important}


.ey-engineering-empty>a{display:inline-flex;margin-top:15px;color:var(--ey-orange);font-size:11px;font-weight:900}


.ey-home-insights{background:#f4f6f7}





@media(max-width:1050px){.ey-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}


.ey-catalog-filter{grid-template-columns:1fr 1fr 1fr}


.ey-catalog-filter .ey-btn{grid-column:auto}


.ey-about-hero__grid, .ey-contact-grid, .ey-project-single-hero__grid{grid-template-columns:1fr}


.ey-about-values{grid-template-columns:repeat(2,minmax(0,1fr))}


.ey-project-archive-grid, .ey-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}


.ey-footer-grid--final{grid-template-columns:1.3fr 1fr 1fr}}




@media(max-width:720px){.ey-search-panel{padding:27px 17px}


.ey-search-form{flex-direction:column}


.ey-search-form button{height:46px}


.ey-footer-grid--final{grid-template-columns:1fr}


.ey-footer-bottom .ey-container{flex-direction:column;gap:4px}


.ey-catalog-toolbar{position:static}


.ey-catalog-filter{grid-template-columns:1fr}


.ey-catalog-grid{grid-template-columns:1fr}


.ey-catalog-card__body p{min-height:auto}


.ey-about-values, .ey-project-archive-grid, .ey-insight-grid{grid-template-columns:1fr}


.ey-contact-panel li{grid-template-columns:1fr;gap:4px}


.ey-project-single-hero__media{min-height:280px}


.ey-about-mark{min-height:180px}


.ey-about-mark strong{font-size:58px}}





.ey-hero-points{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none;color:#465059;font-size:14px;font-weight:700}




.ey-hero-points li{position:relative;padding-right:18px}




.ey-hero-points li::before{content:"";position:absolute;right:0;top:11px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--ey-orange),#ffb347)}




.ey-contact-list span{font-weight:800;margin-left:4px;color:#394047}




@media (max-width: 860px){.ey-hero-copy{padding:34px 0 10px}


.ey-hero-media img{height:auto;min-height:360px;object-position:center}}




@media (max-width: 767px){.ey-hero{background:linear-gradient(180deg,#eef1f3 0 48%,#d8dde1 48% 100%)}


.ey-hero-grid{gap:18px}


.ey-hero-copy h1{font-size:clamp(34px,10vw,48px)}


.ey-hero-media img{min-height:0;height:auto}


.ey-hero-points{font-size:13px}}






/* =========================================================
   BRAND / TYPE / HERO QA 1.0.2
   ========================================================= */




body, button, input, textarea, select{font-family:"Estedad","Segoe UI",Tahoma,Arial,sans-serif}




body{font-weight:400}






.ey-btn{font-weight:800}









/* Full-height split hero with a full-bleed industrial image */




.ey-hero{
    min-height:650px;
    background:linear-gradient(120deg,#eef1f3 0%,#d4d9dd 48%,#c7cdd1 100%);
}




.ey-hero>.ey-container{
    width:100%;
    max-width:none;
    padding-right:max(28px,calc((100vw - 1240px)/2));
    padding-left:0;
}




.ey-hero-grid{
    min-height:650px;
    grid-template-columns:minmax(470px,42%) minmax(0,58%);
    gap:0;
    align-items:stretch;
}




.ey-hero-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:64px 64px 64px 0;
    max-width:720px;
}









.ey-hero-copy h1{
    margin:10px 0 18px;
    font-size:clamp(39px,3.55vw,58px);
    line-height:1.42;
    letter-spacing:-1.1px;
    font-weight:800;
}




.ey-hero-copy p{
    max-width:660px;
    margin:0;
    color:#59636a;
    font-size:15px;
    line-height:2.05;
    font-weight:400;
}




.ey-hero-actions{margin-top:28px}




.ey-hero-visual{
    position:relative;
    min-height:650px;
    height:auto;
    align-self:stretch;
    display:block;
    overflow:hidden;
}




.ey-hero-visual::after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    bottom:0;
    width:110px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,rgba(212,217,221,.95) 100%);
}




.ey-hero-media{
    position:absolute;
    inset:0;
    display:block;
    border:0;
    border-radius:0;
    box-shadow:none;
}




.ey-hero-media img{
    width:100%;
    height:100%;
    min-height:650px;
    object-fit:cover;
    object-position:left center;
}










@media (max-width:1100px){.ey-hero-grid{grid-template-columns:minmax(420px,46%) minmax(0,54%)}


    

.ey-hero-copy{padding-left:38px}}




@media (max-width:860px){.ey-hero>.ey-container{width:100%;padding:0}


    

.ey-hero-grid{display:flex;flex-direction:column;min-height:0}


    

.ey-hero-copy{order:1;max-width:none;padding:44px 24px 30px}


    

.ey-hero-visual{order:2;min-height:0;height:auto}


    

.ey-hero-visual::after{display:none}


    

.ey-hero-media{position:relative;inset:auto}


    

.ey-hero-media img{height:auto;min-height:0;width:100%;object-fit:cover;object-position:center top}


    

}




@media (max-width:767px){.ey-hero{min-height:0;background:linear-gradient(180deg,#eef1f3,#d8dde1)}


    

.ey-hero-copy{padding:34px 18px 26px}


    

.ey-hero-copy h1{font-size:36px;line-height:1.5;letter-spacing:-.5px}


    

.ey-hero-copy p{font-size:13px;line-height:2}


    

.ey-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}


    

.ey-hero-actions .ey-btn{padding-inline:10px;min-height:50px;font-size:12px}}






/* =========================================================
   TYPOGRAPHY QA 1.0.3 — Estedad everywhere
   ========================================================= */




:root{
    --ey-font-fa:"Estedad","Segoe UI",Tahoma,Arial,sans-serif;
}





html, body, button, input, textarea, select, option, label, h1, h2, h3, h4, h5, h6, p, li, a, span, strong, small, .ey-btn, .ey-section-head, .ey-section-title, .ey-product-summary, .ey-contact-page, .ey-about-page, .exy-quote-panel{
    font-family:var(--ey-font-fa);
}





body{font-weight:400}




h1, h2{font-weight:800}




h3, h4, h5, h6{font-weight:700}




.ey-btn{font-weight:700}





/* Keep only purely Latin technical labels/codes in a Latin font. */




.ey-project-case-card__media>span{
    font-family:Arial,sans-serif;
}





/* Phone numbers need LTR, but still use Estedad numerals cleanly. */




.ey-contact-list a[href^="tel:"], .ey-contact-panel a[href^="tel:"]{
    direction:ltr;
    unicode-bidi:isolate;
    font-family:var(--ey-font-fa);
    font-variant-numeric:tabular-nums;
}





/* =========================================================
   MOBILE HERO QA 1.0.3 — image + title as one composition
   ========================================================= */




@media (max-width:767px){.ey-hero{
        position:relative;
        min-height:680px;
        isolation:isolate;
        background:#15191c;
        border-bottom:0;
    }



    

.ey-hero::before{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        pointer-events:none;
        background:
            linear-gradient(180deg,
                rgba(10,13,15,.24) 0%,
                rgba(10,13,15,.34) 22%,
                rgba(10,13,15,.64) 58%,
                rgba(10,13,15,.92) 100%),
            linear-gradient(90deg,
                rgba(10,13,15,.62) 0%,
                rgba(10,13,15,.18) 70%);
    }



    

.ey-hero>.ey-container{
        width:100%;
        max-width:none;
        padding:0;
    }



    

.ey-hero-grid{
        position:relative;
        display:block;
        min-height:680px;
    }



    

.ey-hero-visual{
        position:absolute;
        inset:0;
        z-index:0;
        width:100%;
        min-height:0;
        height:100%;
        display:block;
    }



    

.ey-hero-media{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        border:0;
        border-radius:0;
        box-shadow:none;
        overflow:hidden;
    }



    

.ey-hero-media img{
        width:100%;
        height:100%;
        min-height:0;
        object-fit:cover;
        object-position:center 38%;
        filter:saturate(.95) contrast(1.04);
    }



    

.ey-hero-copy{
        position:relative;
        z-index:2;
        width:min(100% - 32px,620px);
        min-height:680px;
        margin:0 auto;
        padding:70px 0 54px;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        color:#fff;
        text-shadow:0 2px 18px rgba(0,0,0,.28);
    }



    





    

.ey-hero-copy h1{
        max-width:570px;
        margin:0 0 14px;
        color:#fff;
        font-size:clamp(34px,10.5vw,48px);
        line-height:1.32;
        letter-spacing:-.8px;
    }



    

.ey-hero-copy p{
        max-width:570px;
        margin:0;
        color:rgba(255,255,255,.86);
        font-size:14px;
        line-height:2;
    }



    

.ey-hero-actions{
        margin-top:22px;
        gap:9px;
    }



    

.ey-hero-actions .ey-btn{
        min-height:50px;
        padding-inline:17px;
    }



    

.ey-hero-actions .ey-btn--outline{
        color:#fff;
        border-color:rgba(255,255,255,.58);
        background:rgba(20,24,27,.38);
        backdrop-filter:blur(8px);
    }



    

/* No separate image block below the title on mobile. */


    

}





@media (max-width:420px){.ey-hero, .ey-hero-grid, .ey-hero-copy{
        min-height:640px;
    }


    

.ey-hero-copy{
        padding-bottom:42px;
    }


    

.ey-hero-copy h1{
        font-size:34px;
    }


    

.ey-hero-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }


    

.ey-hero-actions .ey-btn{
        padding-inline:10px;
        font-size:12px;
    }}





/* MOBILE HERO FINAL QA 1.0.4 */




@media (max-width:767px){.ey-hero, .ey-hero-grid{min-height:650px;background:#0f1316}


  

.ey-hero-media img{object-position:center 30%;transform:scale(1.015)}


  

.ey-hero::before{
    background:
      linear-gradient(180deg,rgba(8,11,13,.08) 0%,rgba(8,11,13,.10) 28%,rgba(8,11,13,.20) 44%,rgba(8,11,13,.62) 66%,rgba(8,11,13,.91) 100%),
      linear-gradient(90deg,rgba(8,11,13,.18) 0%,rgba(8,11,13,.02) 58%,rgba(8,11,13,.08) 100%);
  }


  

.ey-hero-copy{
    min-height:650px;width:min(100% - 28px,600px);
    justify-content:flex-end;padding:0 0 72px;
    text-shadow:0 2px 16px rgba(0,0,0,.38)
  }


  




  

.ey-hero-copy h1{
    max-width:530px;margin:0 0 9px;
    font-size:clamp(29px,8.7vw,40px);
    line-height:1.38;letter-spacing:-.55px;text-wrap:balance
  }


  

.ey-hero-copy p{
    max-width:520px;display:-webkit-box;
    -webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
    font-size:12.5px;line-height:1.95;color:rgba(255,255,255,.82)
  }


  

.ey-hero-actions{
    display:grid;grid-template-columns:1.12fr .88fr;
    gap:8px;margin-top:17px
  }


  

.ey-hero-actions .ey-btn{
    min-height:48px;padding-inline:10px;font-size:12px;
    border-radius:11px;text-shadow:none
  }


  

.ey-hero-actions .ey-btn--outline{
    background:rgba(13,17,20,.52);
    border-color:rgba(255,255,255,.48)
  }


  
  

}




@media (max-width:420px){.ey-hero, .ey-hero-grid, .ey-hero-copy{min-height:620px}


  

.ey-hero-copy{padding-bottom:68px}


  

.ey-hero-copy h1{font-size:29px;line-height:1.42}


  

.ey-hero-copy p{font-size:12px;-webkit-line-clamp:2}


  

.ey-hero-actions .ey-btn{min-height:46px;font-size:11.5px}}




@media (max-width:767px) and (max-height:700px){.ey-hero, .ey-hero-grid, .ey-hero-copy{min-height:560px}


  

.ey-hero-copy{padding-bottom:62px}


  

.ey-hero-copy h1{font-size:27px}


  

.ey-hero-copy p{-webkit-line-clamp:2}}






/* =========================================================
   1.0.5 - Mobile Hero Readability Fix
   ========================================================= */




@media (max-width:767px){.ey-hero, .ey-hero-grid{
    min-height:660px;
  }



  

.ey-hero-media img{
    object-position:center 26%;
    transform:scale(1.02);
  }



  

.ey-hero::before{
    background:
      linear-gradient(180deg,
        rgba(8,10,12,.02) 0%,
        rgba(8,10,12,.08) 26%,
        rgba(8,10,12,.22) 46%,
        rgba(8,10,12,.62) 68%,
        rgba(8,10,12,.90) 100%);
  }



  

.ey-hero-copy{
    position:relative;
    min-height:660px;
    width:min(100% - 20px, 620px);
    justify-content:flex-end;
    align-items:stretch;
    padding:0 10px 82px;
    text-align:right;
  }



  

.ey-hero-copy::before{
    content:"";
    position:absolute;
    right:4px;
    left:4px;
    bottom:72px;
    height:310px;
    border-radius:22px;
    background:
      linear-gradient(180deg,
        rgba(12,15,19,.10) 0%,
        rgba(12,15,19,.70) 34%,
        rgba(12,15,19,.92) 100%);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 42px rgba(0,0,0,.35);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    z-index:0;
  }



  

.ey-hero-copy > *{
    position:relative;
    z-index:1;
  }



  





  

.ey-hero-copy h1{
    max-width:100%;
    margin:0 0 10px;
    font-size:clamp(25px,8vw,34px);
    line-height:1.42;
    letter-spacing:-.4px;
    color:#fff;
    text-shadow:0 2px 18px rgba(0,0,0,.28);
  }



  

.ey-hero-copy p{
    max-width:100%;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:0;
    font-size:12.5px;
    line-height:2;
    color:rgba(255,255,255,.92);
    text-shadow:none;
  }



  

.ey-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:16px;
  }



  

.ey-hero-actions .ey-btn{
    min-height:48px;
    padding-inline:10px;
    font-size:12px;
    font-weight:700;
    border-radius:12px;
  }



  

.ey-hero-actions .ey-btn--outline{
    background:rgba(255,255,255,.06);
    color:#fff;
    border-color:rgba(255,255,255,.42);
  }}





@media (max-width:420px){.ey-hero, .ey-hero-grid, .ey-hero-copy{
    min-height:635px;
  }



  

.ey-hero-copy{
    padding:0 8px 78px;
  }



  

.ey-hero-copy::before{
    right:2px;
    left:2px;
    bottom:69px;
    height:300px;
    border-radius:18px;
  }



  

.ey-hero-copy h1{
    font-size:26px;
    line-height:1.45;
  }



  

.ey-hero-copy p{
    font-size:12px;
    -webkit-line-clamp:3;
  }



  

.ey-hero-actions .ey-btn{
    min-height:46px;
    font-size:11.5px;
  }}





@media (max-width:767px) and (max-height:700px){.ey-hero, .ey-hero-grid, .ey-hero-copy{
    min-height:590px;
  }



  

.ey-hero-copy{
    padding-bottom:70px;
  }



  

.ey-hero-copy::before{
    bottom:62px;
    height:265px;
  }



  

.ey-hero-copy h1{
    font-size:24px;
  }



  

.ey-hero-copy p{
    -webkit-line-clamp:2;
  }}





/* ======================================================================
   Single product v1.3 — industrial B2B product presentation
   ====================================================================== */









.ey-product-hero--v13{padding:28px 0 64px;background:linear-gradient(135deg,#f7f8f9 0%,#e4e8eb 52%,#f7f8f9 100%);border-bottom:1px solid #cfd5d9}




.ey-product-hero--v13 .woocommerce-breadcrumb{margin:0 0 24px!important;color:#707980;font-size:11px}




.ey-product-hero-grid--v13{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:54px;align-items:center}




















.ey-product-taxonomy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}




.ey-product-category-link{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border:1px solid #cfd5d9;border-radius:999px;background:rgba(255,255,255,.75);font-size:10px;font-weight:900;color:#505960}








.ey-product-lead--v13{max-width:680px;margin:0;color:#586169;font-size:14px;line-height:2.05}




.ey-product-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0 18px}




.ey-product-glance__item{min-height:82px;padding:14px 15px;border:1px solid #d5dbe0;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff}




.ey-product-glance__item span{display:block;margin-bottom:7px;color:#798188;font-size:10px;font-weight:800}




.ey-product-glance__item strong{display:block;color:#222b31;font-size:12px;line-height:1.8}




.ey-product-commercial-note{margin:16px 0 0;padding:15px 17px;border-right:3px solid var(--ey-orange);border-radius:12px;background:rgba(255,255,255,.68)}




.ey-product-commercial-note span{display:block;color:#b94c13;font-size:10px;font-weight:900}




.ey-product-commercial-note p{margin:5px 0 0;color:#5d666d;font-size:11px;line-height:1.8}




.ey-product-cta--v13{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}




.ey-product-cta--v13 .ey-btn{min-width:170px}


















.ey-product-section-grid--v13{display:grid;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr);gap:54px;align-items:start}




.ey-product-content-card{border:1px solid #dde2e5;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(34,42,48,.06)}




.ey-rich-content--product{padding:30px 34px}




.ey-rich-content--product>h2:first-child{margin-top:0}




.ey-rich-content--product h2{font-size:22px;line-height:1.65;margin:30px 0 12px}




.ey-rich-content--product p, .ey-rich-content--product li{color:#596269;font-size:13px;line-height:2.05}




.ey-rich-content--product ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:14px 0 0;padding:0;list-style:none}




.ey-rich-content--product li{position:relative;padding:10px 30px 10px 12px;border:1px solid #edf0f1;border-radius:12px;background:#fafbfb}




.ey-rich-content--product li:before{content:"";position:absolute;right:12px;top:20px;width:7px;height:7px;border-radius:50%;background:var(--ey-orange)}




.ey-product-feature-grid--v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}




.ey-product-feature-card--v13{position:relative;min-height:150px;padding:20px;border:1px solid #dce1e4;border-radius:18px;background:linear-gradient(145deg,#fff,#f3f5f6);overflow:hidden}




.ey-product-feature-card--v13:after{content:"";position:absolute;left:-24px;bottom:-24px;width:84px;height:84px;border:18px solid rgba(255,102,24,.07);border-radius:50%}




.ey-product-feature-card--v13>span{color:var(--ey-orange);font:900 10px Arial,sans-serif;letter-spacing:1px}




.ey-product-feature-card--v13 p{position:relative;z-index:1;margin:30px 0 0;color:#30393f;font-size:13px;font-weight:800;line-height:1.9}














.ey-product-specs-section{border-block:1px solid #e0e4e7}


































.ey-product-why-shell--v13{background:linear-gradient(130deg,#1d2328,#111518);border:1px solid #343c42;box-shadow:0 28px 70px rgba(17,21,24,.16)}




.ey-product-why-shell--v13 .ey-product-why-copy h2{color:#fff}




.ey-product-why-shell--v13 .ey-product-why-copy p{color:#bac1c6}




.ey-product-why-shell--v13 .ey-product-why-grid article{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1)}




.ey-product-why-shell--v13 .ey-product-why-grid strong{color:#fff}




.ey-product-why-shell--v13 .ey-product-why-grid p{color:#aeb6bc}

























@media (max-width: 1000px){.ey-product-hero-grid--v13{grid-template-columns:1fr;gap:28px}


  

  

  

.ey-product-section-grid--v13{grid-template-columns:1fr;gap:24px}}




@media (max-width: 767px){.ey-product-hero--v13{padding:14px 0 30px}


  

.ey-product-hero--v13 .woocommerce-breadcrumb{margin-bottom:14px!important;font-size:10px}


  

  

  

  

  

.ey-product-lead--v13{font-size:12px;line-height:2}


  

.ey-product-glance{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}


  

.ey-product-glance__item{min-height:72px;padding:11px 12px}


  

.ey-product-glance__item strong{font-size:11px}


  

.ey-product-commercial-note{padding:12px 14px}


  

.ey-product-cta--v13{display:grid;grid-template-columns:1fr 1fr;gap:8px}


  

.ey-product-cta--v13 .ey-btn{min-width:0;padding-inline:8px;font-size:11px}


  

  

  

  

.ey-rich-content--product{padding:20px 18px}


  

.ey-rich-content--product h2{font-size:19px}


  

.ey-rich-content--product ul{grid-template-columns:1fr}


  

.ey-product-feature-grid--v13{grid-template-columns:1fr}


  




  




  




  




  




  




  

}




@media (max-width: 430px){.ey-product-glance{grid-template-columns:1fr}


  

.ey-product-cta--v13{grid-template-columns:1fr}}





/* ======================================================================
   Single product v1.4 — approved layout refinement
   ====================================================================== */






.ey-product-mobile-intro{display:none}





/* Compact, better balanced desktop hero */

































/* Anchor menu: deliberately compact */







/* General section rhythm */











/* 7 features become 4 + 3 instead of an orphan card */











/* Datasheet-like technical specs */















/* Compact support / downloads */















/* Related products: remove Woo duplicate heading and prevent one lonely stretched card */





















@media (max-width: 767px){body.single-product{padding-bottom:130px!important;overflow-x:hidden}


  

  

  


  

/* Mobile order: title first, then product visual, then details */


  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  


  

/* Only four useful anchors on mobile */


  

  

  

  

  


  

  

  

  

  

  

  


  

  

  


  

  

  


  

  


  

/* Reduce CTA + bottom-nav footprint */}








/* ======================================================================
   Extrudeyar Single Product v2.0 — structural redesign (Theme 1.0.8)
   Unique ey-sp2 namespace to avoid legacy layout collisions.
   ====================================================================== */




body.single-product{overflow-x:hidden}


































































































































































@media (max-width:767px){body.single-product{padding-bottom:126px!important}}







/* ===== 1.0.9 Product Catalog / Archive V2 ===== */




.ey-catalog-v2{background:#f2f4f5;overflow-x:hidden}

















































/* ===== 1.0.10 Asset-cache recovery / defensive layout guards ===== */















/* ===== 1.0.11 Product desktop image + hidden default category ===== */







/* =========================================================
   v1.0.44 — Engineering page and collaboration process
   ========================================================= */





/* Engineering page: hard isolation against legacy/global styles */













/* Process section — guaranteed dark contrast */



































































/* Engineering page sections: more deliberate hierarchy */





















/* Mobile engineering becomes a vertical decision path */









/* Single product mobile polish */










/* ===== 1.0.13 | Services & Calibration Final ===== */











/* ======================================================================
   v1.0.14 — Product media + technical datasheet + industrial footer
   ====================================================================== */





/* Product image: 1:1 source should live in a true 1:1 viewport, not a wide fixed-height frame. */















/* Technical datasheet — independent from Core's legacy .exy-spec-row presentation. */




.ey-sp3-specs{padding:0!important;border:1px solid #cfd7dc!important;border-radius:20px!important;background:#fff!important;overflow:hidden;box-shadow:0 14px 34px rgba(24,31,36,.045)}




.ey-sp3-specsheet{width:100%}




.ey-sp3-specsheet__head{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,.66fr);background:#20282d;color:#fff;min-height:50px;align-items:center}




.ey-sp3-specsheet__head span{padding:12px 18px;font-size:11px;font-weight:900;letter-spacing:.1px}




.ey-sp3-specsheet__head span+span{border-right:1px solid rgba(255,255,255,.11)}




.ey-sp3-specsheet__row{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,.66fr);min-height:54px;align-items:stretch;border-bottom:1px solid #e5eaed;background:#fff}




.ey-sp3-specsheet__row:nth-child(even){background:#fafbfc}




.ey-sp3-specsheet__row:last-child{border-bottom:0}




.ey-sp3-specsheet__label, .ey-sp3-specsheet__value{display:flex;align-items:center;padding:12px 18px;line-height:1.75}




.ey-sp3-specsheet__label{gap:10px;color:#6b767d;font-size:11px;background:rgba(239,243,245,.68);border-left:1px solid #e2e7ea}




.ey-sp3-specsheet__label b{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:#fff;border:1px solid #d9dfe3;color:var(--ey-orange);font:900 10pxpx/1 Arial}




.ey-sp3-specsheet__value{color:#20282d;font-size:12.5px;font-weight:900}




.ey-sp3-specs-empty{margin:0;padding:20px;color:#6c767d;font-size:12px}





/* Footer v2 — strong industrial IA inspired by enterprise product/service/support footers. */




























































































@media (max-width:767px){.ey-sp3-specsheet__head{display:none}


  

.ey-sp3-specsheet__row{grid-template-columns:minmax(118px,.38fr) minmax(0,.62fr);min-height:49px}


  

.ey-sp3-specsheet__label, .ey-sp3-specsheet__value{padding:9px 10px}


  

.ey-sp3-specsheet__label{gap:7px;font-size:10px}


.ey-sp3-specsheet__label b{flex-basis:22px;height:22px;font-size:10px}


  

.ey-sp3-specsheet__value{font-size:10.3px;line-height:1.65}}






/*
Theme component consolidation — v1.0.19
Owns only:
- desktop/mobile header
- mobile drawer
- footer
- mobile product gallery
- root horizontal overflow safety
*/





html, body{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}





@supports (overflow: clip) {html, body{
        overflow-x: clip;
    }}





*, *::before, *::after{
    box-sizing: border-box;
}





.ey-site-header19, main, .ey-ft19{
    width: 100%;
    max-width: 100%;
}





img{
    max-width: 100%;
}





/* ==========================================================
   Desktop header
   ========================================================== */




.ey-dh19{
    display: block;
    position: relative;
    z-index: 180;
    background: #fff;
    border-bottom: 1px solid #e1e6e9;
    box-shadow: 0 8px 24px rgba(14, 24, 31, .065);
}





.ey-dh19__row{
    min-height: 106px;
    display: grid;
    grid-template-columns: 270px minmax(510px, 1fr) auto;
    align-items: center;
    gap: 24px;
    direction: rtl;
}





.ey-dh19__brand{
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}





.ey-dh19__brand img{
    display: block;
    width: 242px;
    height: 82px;
    max-width: 100%;
    object-fit: contain;
}





.ey-dh19__nav, .ey-dh19__nav ul{
    min-width: 0;
}





.ey-dh19__nav > ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}





.ey-dh19__nav > ul > li{
    position: relative;
}





.ey-dh19__nav > ul > li > a{
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 13px;
    color: #141b1f;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}





.ey-dh19__nav > ul > li:not(:last-child) > a::after{
    content: "";
    width: 4px;
    height: 4px;
    margin-right: 15px;
    border-radius: 50%;
    background: #ff650e;
}





.ey-dh19__nav > ul > li > a:hover{
    color: #ff650e;
}





.ey-dh19__actions{
    display: flex;
    align-items: center;
    gap: 12px;
    direction: ltr;
    white-space: nowrap;
}





/* Consultation takes the exact former search position: first item at far left. */




.ey-dh19__consult{
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 21px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff741b, #ff5c08);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(255, 101, 14, .18);
}





.ey-dh19__consult span{
    font-size: 17px;
}





.ey-dh19__phone{
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 17px;
    border-right: 1px solid #e0e5e8;
    color: #141a1e;
}





.ey-dh19__phone span{
    font-size: 19px;
}





.ey-dh19__phone strong{
    font-size: 13px;
    letter-spacing: .35px;
}





@media (max-width: 1160px) and (min-width: 861px) {.ey-dh19__row{
        grid-template-columns: 220px minmax(430px, 1fr) auto;
        gap: 12px;
    }



    

.ey-dh19__brand img{
        width: 205px;
        height: 76px;
    }



    

.ey-dh19__nav > ul > li > a{
        padding-inline: 8px;
        font-size: 11.5px;
    }



    

.ey-dh19__nav > ul > li:not(:last-child) > a::after{
        margin-right: 8px;
    }



    

.ey-dh19__phone{
        display: none;
    }



    

.ey-dh19__consult{
        padding-inline: 15px;
    }}





/* ==========================================================
   v1.0.20 — Mobile UX ownership
   ========================================================== */





.screen-reader-text{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}





/* Consultation modal styles now live here after legacy v16 removal. */




body.ey-consult-open{
    overflow: hidden !important;
}





.ey-consult-modal{
    position: fixed;
    inset: 0;
    z-index: 600;
    display: grid;
    place-items: center;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .16s ease, visibility .16s ease;
}





.ey-consult-modal.is-open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}





.ey-consult-modal__backdrop{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(5, 9, 12, .70);
    cursor: pointer;
}





.ey-consult-modal__panel{
    position: relative;
    z-index: 1;
    width: min(680px, 100%);
    padding: 32px;
    border: 1px solid #d5dadd;
    border-radius: 26px;
    background: #f8fafb;
    box-shadow: 0 28px 72px rgba(0,0,0,.26);
    direction: rtl;
}





.ey-consult-modal__close{
    position: absolute;
    top: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #d5dbde;
    border-radius: 12px;
    background: #fff;
    color: #11181c;
    font: inherit;
    font-size: 24px;
    cursor: pointer;
}





.ey-consult-modal__eyebrow{
    display: inline-flex;
    margin-bottom: 5px;
    color: #ff650e;
    font-size: 11px;
    font-weight: 900;
}





.ey-consult-modal h2{
    margin: 0 0 7px;
    font-size: clamp(25px, 4vw, 38px);
    line-height: 1.45;
}





.ey-consult-modal__panel > p{
    margin: 0 0 22px;
    color: #69747a;
    font-size: 12px;
    line-height: 1.9;
}





.ey-consult-modal__grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}





.ey-consult-option{
    min-width: 0;
    min-height: 86px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    padding: 13px;
    border: 1px solid #d9dfe2;
    border-radius: 16px;
    background: #fff;
}





.ey-consult-option__icon{
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #182126;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}





.ey-consult-option.is-call .ey-consult-option__icon{ background: #ff650e; }




.ey-consult-option.is-whatsapp .ey-consult-option__icon{ background: #168f54; }




.ey-consult-option.is-telegram .ey-consult-option__icon{ background: #2589c9; }




.ey-consult-option.is-bale .ey-consult-option__icon{ background: #2f7d89; }





.ey-consult-option strong{
    display: block;
    color: #11181c;
    font-size: 13px;
}





.ey-consult-option small{
    display: block;
    margin-top: 2px;
    color: #7a858b;
    font-size:10px;
    line-height: 1.7;
}





.ey-consult-option > b{
    color: #9aa4aa;
}





.ey-consult-modal__note{
    display: block;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #dbe0e3;
    color: #7d878e;
    font-size:10px;
}





/* Approved homepage hero — restored as a consolidated component. */




























/* Desktop footer retained here because v19 stylesheet is replaced. */




.ey-ft19{
    width: 100%;
    max-width: 100%;
}





.ey-ft19-lead{
    background: #f4f6f7;
    border-top: 1px solid #dce2e5;
    border-bottom: 1px solid #d8dfe3;
}





.ey-ft19-lead__row{
    min-height: 116px;
    display: grid;
    grid-template-columns: 1.08fr .92fr auto;
    align-items: center;
    gap: 28px;
    direction: rtl;
}





.ey-ft19-lead__copy{
    min-width: 0;
    display: grid;
    grid-template-columns: 62px minmax(0,1fr);
    align-items: center;
    gap: 15px;
}





.ey-ft19-lead__icon{
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid #d7dfe3;
    border-radius: 13px;
    background: #fff;
    color: #ff650e;
    font-size: 25px;
}





.ey-ft19-lead__copy strong{
    display: block;
    color: #171d21;
    font-size: 15px;
}





.ey-ft19-lead__copy small{
    display: block;
    margin-top: 3px;
    color: #758087;
    font-size: 10.5px;
}





.ey-ft19-lead__info{
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-inline: 1px solid #d8dee2;
}





.ey-ft19-lead__info > div{
    min-width: 0;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    align-items: center;
    gap: 8px;
    padding: 4px 19px;
}





.ey-ft19-lead__info > div + div{
    border-right: 1px solid #d8dee2;
}





.ey-ft19-lead__info b{
    font-size: 23px;
}





.ey-ft19-lead__info strong{
    display: block;
    font-size: 11.5px;
}





.ey-ft19-lead__info small{
    display: block;
    color: #7f898f;
    font-size:10px;
}





.ey-ft19-lead__actions{
    display: flex;
    align-items: center;
    gap: 8px;
}





.ey-ft19-btn{
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 0;
    border-radius: 8px;
    font: inherit;
    font-size: 10.5px;
    font-weight: 900;
    cursor: pointer;
}





.ey-ft19-btn--dark{ background: #17232c; color: #fff; }




.ey-ft19-btn--orange{ background: #ff650e; color: #fff; }





.ey-ft19-desktop{
    overflow: hidden;
    border-top: 3px solid #ff650e;
    background: linear-gradient(145deg, #102737, #07151e 72%);
    color: #d6dee2;
}





.ey-ft19-grid{
    display: grid;
    grid-template-columns: 1.15fr .8fr .9fr 1.05fr;
    gap: 0;
    padding-top: 48px;
    padding-bottom: 36px;
    direction: rtl;
}





.ey-ft19-grid > *{
    min-width: 0;
    padding: 0 32px;
    border-left: 1px solid rgba(255,255,255,.10);
}





.ey-ft19-grid > *:last-child{
    border-left: 0;
}





.ey-ft19-brand img{
    width: 205px;
    height: 94px;
    object-fit: contain;
}





.ey-ft19-brand p{
    max-width: 310px;
    margin: 11px 0 18px;
    color: #abb6bc;
    font-size: 11px;
    line-height: 2;
}





.ey-ft19-badges{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}





.ey-ft19-badges span{
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    color: #aeb8be;
    font-size:10px;
}





.ey-ft19-col, .ey-ft19-contact{
    min-width: 0;
}





.ey-ft19-col h3, .ey-ft19-contact h3{
    display: inline-block;
    margin: 0 0 17px;
    padding-bottom: 9px;
    border-bottom: 2px solid #ff650e;
    color: #fff;
    font-size: 13px;
}





.ey-ft19-col{
    display: flex;
    flex-direction: column;
}





.ey-ft19-col a{
    min-height: 32px;
    display: flex;
    align-items: center;
    color: #abb6bc;
    font-size: 10px;
}





.ey-ft19-col a::before{
    content: "‹";
    margin-left: 8px;
    color: #ff650e;
    font-size: 16px;
}





.ey-ft19-contact > a, .ey-ft19-contact > p{
    min-width: 0;
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    align-items: start;
    gap: 8px;
    margin: 0 0 8px;
    color: #b6c0c5;
    font-size:10px;
    line-height: 1.8;
}





.ey-ft19-contact > a span, .ey-ft19-contact > p span{
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: rgba(255,255,255,.08);
    color: #ff650e;
}





.ey-ft19-social{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
}





.ey-ft19-social a{
    min-width: 47px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 7px;
    color: #b8c1c6;
    font-size:10px;
}





.ey-ft19-bottom{
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-top: 1px solid rgba(255,255,255,.10);
    color: #819099;
    font-size:10px;
}





.ey-ft19-bottom b{ color: #ff650e; }





.ey-ft19-bottom nav{
    display: flex;
    gap: 17px;
}





.ey-ft19-bottom a{ color: #84929a; }







@media (max-width: 1180px) and (min-width: 861px) {.ey-ft19-lead__row{
        grid-template-columns: 1fr auto;
    }



    

.ey-ft19-lead__info{
        display: none;
    }}





/* ==========================================================
   Mobile: single breakpoint and single ownership
   ========================================================== */




@media (max-width: 860px) {html, body, #page, .site, .ey-site-header19, main, footer{
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }



    

@supports (overflow: clip) {html, body, #page, .site, .ey-site-header19, main, footer{
            overflow-x: clip;
        }}



    

/* Suppress every legacy generation. */


    

    

.ey-dh19{
        display: none !important;
    }



    

    

    

    

    

    

    

    

/* Fast drawer: no blur, no heavy gradient, no will-change. */


    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

/* Homepage hero — compact and full image on mobile. */


    


    


    


    


    


    


    

/* Products mobile UX:
       no search / filter / sorting, no horizontal category carousel. */


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    

/* Full single-product media with no crop. */


    


    


    


    


    


    


    

/* Footer mobile ownership */


    

.ey-ft19-lead__row{
        min-height: 0;
        display: block;
        width: 100%;
        padding: 18px 15px;
    }



    

.ey-ft19-lead__copy{
        grid-template-columns: 45px minmax(0,1fr);
        gap: 10px;
    }



    

.ey-ft19-lead__icon{
        width: 43px;
        height: 43px;
        border-radius: 10px;
        font-size: 19px;
    }



    

.ey-ft19-lead__copy strong{
        font-size: 12px;
    }



    

.ey-ft19-lead__copy small{
        font-size:10px;
    }



    

.ey-ft19-lead__info{
        display: none !important;
    }



    

.ey-ft19-lead__actions{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 11px;
    }



    

.ey-ft19-btn{
        min-width: 0;
        min-height: 40px;
        padding-inline: 5px;
        font-size:10px;
    }



    

.ey-ft19-desktop{
        display: none !important;
    }



    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

/* Bottom navigation never creates viewport width. */}





@media (max-width: 390px) {.ey-consult-modal{
        padding: 10px;
        align-items: end;
    }



    

.ey-consult-modal__panel{
        padding: 26px 14px 16px;
        border-radius: 22px 22px 16px 16px;
        max-height: 88dvh;
        overflow-y: auto;
    }



    

.ey-consult-modal__grid{
        grid-template-columns: 1fr;
        gap: 7px;
    }



    

.ey-consult-option{
        min-height: 66px;
        grid-template-columns: 41px minmax(0,1fr) 16px;
        padding: 9px 10px;
    }



    

.ey-consult-option__icon{
        width: 39px;
        height: 39px;
        border-radius: 11px;
        font-size: 16px;
    }}





@media (min-width: 391px) and (max-width: 620px) {.ey-consult-modal{
        padding: 11px;
        align-items: end;
    }



    

.ey-consult-modal__panel{
        padding: 27px 15px 17px;
        border-radius: 23px 23px 17px 17px;
        max-height: 88dvh;
        overflow-y: auto;
    }



    

.ey-consult-modal__grid{
        grid-template-columns: 1fr;
        gap: 8px;
    }}






/* ======================================================================
   v1.0.21 — Desktop UX + performance repair
   Critical isolation: mobile components never enter desktop layout.
   ====================================================================== */





/* Mobile structures are opt-in only inside <=860px media query. */






@media (min-width: 861px) {/* Hard ownership boundary against every legacy mobile generation. */


    

    

/* ----- Header: lower height, clearer grouping, no search ----- */


    

.ey-dh19{
        display: block !important;
        min-width: 0;
        background: rgba(255,255,255,.985);
        border-bottom: 1px solid #e2e6e9;
        box-shadow: 0 5px 16px rgba(17,26,32,.055);
    }



    

.ey-dh19__row{
        min-height: 92px;
        grid-template-columns: 180px minmax(520px,1fr) auto;
        gap: 20px;
    }



    

.ey-dh19__brand{
        justify-content: flex-start;
        overflow: hidden;
    }



    

.ey-dh19__brand img{
        width: 132px !important;
        height: 82px !important;
        max-width: 132px !important;
        object-fit: contain !important;
    }



    

.ey-dh19__nav > ul{
        justify-content: center;
    }



    

.ey-dh19__nav > ul > li > a{
        min-height: 46px;
        padding-inline: 12px;
        font-size: 12.5px;
    }



    

.ey-dh19__nav > ul > li:not(:last-child) > a::after{
        margin-right: 13px;
        width: 3px;
        height: 3px;
    }



    

.ey-dh19__actions{
        gap: 10px;
    }



    

.ey-dh19__consult{
        min-height: 48px;
        padding-inline: 18px;
        border-radius: 9px;
        box-shadow: 0 6px 14px rgba(255,101,14,.15);
        font-size: 11px;
    }



    

.ey-dh19__consult span{
        font-size: 15px;
    }



    

.ey-dh19__phone{
        min-height: 48px;
        padding-inline: 14px;
        gap: 9px;
    }



    

.ey-dh19__phone span{
        font-size: 17px;
    }



    

.ey-dh19__phone strong{
        font-size: 12px;
    }



    

/* ----- Hero: closer to approved desktop composition, not a 900px wall ----- */


    


    


    


    


    


    


    


    


    

/* ----- Footer: slightly tighter desktop rhythm ----- */


    

.ey-ft19-lead__row{
        min-height: 104px;
    }



    

.ey-ft19-lead__icon{
        width: 52px;
        height: 52px;
        font-size: 22px;
    }



    

.ey-ft19-lead__copy{
        grid-template-columns: 54px minmax(0,1fr);
        gap: 13px;
    }



    

.ey-ft19-lead__copy strong{
        font-size: 14px;
    }



    

.ey-ft19-grid{
        padding-top: 40px;
        padding-bottom: 30px;
    }



    

.ey-ft19-brand img{
        width: 128px !important;
        height: 88px !important;
        max-width: 128px !important;
        object-fit: contain !important;
    }



    

.ey-ft19-desktop{
        background: linear-gradient(145deg,#102737,#07151e 72%);
    }



    

/* Prevent expensive legacy hover transforms from affecting major layout surfaces. */


    

.ey-dh19, .ey-ft19{
        transform: none !important;
    }}





@media (min-width: 861px) and (max-width: 1180px) {.ey-dh19__row{
        grid-template-columns: 145px minmax(430px,1fr) auto;
        gap: 10px;
    }



    

.ey-dh19__brand img{
        width: 110px !important;
        height: 76px !important;
        max-width: 110px !important;
    }



    

.ey-dh19__nav > ul > li > a{
        padding-inline: 7px;
        font-size: 11px;
    }



    

.ey-dh19__nav > ul > li:not(:last-child) > a::after{
        margin-right: 7px;
    }



    

.ey-dh19__phone{
        display: none;
    }}






/* ======================================================================
   v1.0.22 — Reference section redesign
   ====================================================================== */





/* ---------- Header logo: slightly larger ---------- */




@media (min-width: 1181px) {.ey-dh19__row{
        grid-template-columns: 205px minmax(520px,1fr) auto;
    }


    

.ey-dh19__brand img{
        width: 156px !important;
        height: 88px !important;
        max-width: 156px !important;
    }}





/* ---------- Hero v22 ---------- */







.ey-hero22{
    padding: 16px 0 18px;
    background: #f4f6f7;
    overflow: hidden;
}





.ey-hero22__container{
    width: min(100% - 28px, 1540px);
    max-width: 1540px;
    padding-inline: 0;
}





.ey-hero22__media{
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid #53626b;
    border-radius: 24px;
    background: #08141c;
    box-shadow: 0 10px 26px rgba(9,17,23,.10);
}





.ey-hero22__bg{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





.ey-hero22__shade{
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5,13,19,.02) 0%, rgba(5,13,19,.08) 40%, rgba(5,13,19,.78) 66%, rgba(5,13,19,.92) 100%);
}





.ey-hero22__content{
    position: relative;
    z-index: 2;
    width: 49%;
    margin-right: auto;
    padding: 70px 6.1% 36px 4%;
    color: #fff;
    text-align: right;
}





.ey-hero22__content h1{
    margin: 0;
    font-size: clamp(44px,4.4vw,76px);
    line-height: 1.28;
    letter-spacing: -.025em;
}





.ey-hero22__content h1 span, .ey-hero22__content h1 strong{
    display: block;
}





.ey-hero22__content h1 strong{
    margin-top: 6px;
    color: #ff7a16;
}





.ey-hero22__content > p{
    margin: 22px 0 30px;
    color: #e4e9ec;
    font-size: 18px;
    line-height: 1.9;
}





.ey-hero22__features{
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-bottom: 30px;
}





.ey-hero22__features > div{
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 4px 18px;
    border-left: 1px solid rgba(255,255,255,.18);
    text-align: center;
}





.ey-hero22__features > div:last-child{
    border-left: 0;
}





.ey-hero22__features svg{
    width: 47px;
    height: 47px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}





.ey-hero22__features div:first-child svg, .ey-hero22__features div:nth-child(2) svg{
    stroke: #ff7318;
}





.ey-hero22__features span{
    font-size: 12px;
    font-weight: 750;
}





.ey-hero22__actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}





.ey-hero22__btn{
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 900;
}





.ey-hero22__btn--primary{
    background: #ff650e;
    color: #fff;
}





.ey-hero22__btn--ghost{
    border: 1px solid rgba(255,255,255,.74);
    background: rgba(7,18,25,.60);
    color: #fff;
}





/* ---------- Advantage strip ---------- */




.ey-adv22{
    position: relative;
    z-index: 3;
    margin-top: -2px;
    padding: 0 0 24px;
    background: #f4f6f7;
}





.ey-adv22__panel{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    overflow: hidden;
    border: 1px solid #d8dee2;
    border-radius: 17px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 7px 18px rgba(22,31,37,.05);
}





.ey-adv22__panel article{
    min-width: 0;
    min-height: 106px;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr);
    align-items: center;
    gap: 14px;
    padding: 18px 24px;
    border-left: 1px solid #e0e5e8;
}





.ey-adv22__panel article:last-child{
    border-left: 0;
}





.ey-adv22__icon{
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
}





.ey-adv22__icon svg{
    width: 40px;
    height: 40px;
    fill: none;
    stroke: #ff650e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}





.ey-adv22 strong{
    display: block;
    color: #192025;
    font-size: 13px;
}





.ey-adv22 small{
    display: block;
    margin-top: 4px;
    color: #78838a;
    font-size:10px;
    line-height: 1.7;
}





/* Hide the old advantages block if legacy markup somehow remains. */










/* ---------- Industrial catalogue cards ---------- */


































/* Suppress old industries grid if duplicated by stale CSS/plugin cache. */










/* ---------- Process ---------- */




.ey-pro22{
    background: #fafbfc;
}





.ey-pro22__grid{
    position: relative;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 14px;
}





.ey-pro22__grid::before{
    content: "";
    position: absolute;
    top: 47px;
    right: 8%;
    left: 8%;
    height: 1px;
    border-top: 1px dashed #ff7a26;
    z-index: 0;
}





.ey-pro22__card{
    position: relative;
    z-index: 1;
    min-height: 185px;
    padding: 15px 17px 20px;
    border: 1px solid #dce2e5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 15px rgba(24,33,39,.045);
    text-align: center;
}





.ey-pro22__top{
    min-height: 68px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}





.ey-pro22__icon{
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    margin-inline: auto;
    border: 1px solid #ff9c65;
    border-radius: 50%;
    background: #fff;
}





.ey-pro22__icon svg{
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #ff650e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}





.ey-pro22__top b{
    position: absolute;
    top: 21px;
    right: 14px;
    color: #ff650e;
    font-size:10px;
}





.ey-pro22 h3{
    margin: 8px 0 7px;
    color: #172026;
    font-size: 13px;
}





.ey-pro22 p{
    margin: 0;
    color: #7c878d;
    font-size:10px;
    line-height: 1.8;
}





/* Old process markup suppression only when stale output exists. */










/* ---------- Orange CTA ---------- */




.ey-cta22{
    padding: 18px 0 34px;
    background: #fff;
}





.ey-cta22__panel{
    position: relative;
    min-height: 150px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    padding: 25px 31px;
    border-radius: 16px;
    background: linear-gradient(100deg,#ff5a00 0%,#ff6b0b 53%,#f04a00 100%);
    color: #fff;
    box-shadow: 0 8px 20px rgba(255,91,0,.10);
}





.ey-cta22__panel::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(255,91,0,.98) 0%,rgba(255,91,0,.93) 58%,rgba(255,91,0,.15) 100%);
}





.ey-cta22__copy, .ey-cta22__actions{
    position: relative;
    z-index: 2;
}





.ey-cta22__copy{
    max-width: 620px;
}





.ey-cta22__copy > span{
    display: block;
    margin-bottom: 4px;
    color: #ffe0cc;
    font-size:10px;
    font-weight: 900;
}





.ey-cta22 h2{
    margin: 0 0 5px;
    color: #fff;
    font-size: 27px;
}





.ey-cta22 p{
    margin: 0;
    color: #fff0e7;
    font-size: 10px;
    line-height: 1.8;
}





.ey-cta22__actions{
    display: flex;
    align-items: center;
    gap: 10px;
    direction: ltr;
}





.ey-cta22__phone, .ey-cta22__request{
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 17px;
    border-radius: 9px;
    font: inherit;
    font-size: 10px;
    font-weight: 900;
}





.ey-cta22__phone{
    color: #fff;
    border: 1px solid rgba(255,255,255,.42);
}





.ey-cta22__request{
    border: 0;
    background: #142029;
    color: #fff;
    cursor: pointer;
}





.ey-cta22__visual{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 39%;
    height: 100%;
    object-fit: cover;
    opacity: .94;
}





/* Old final CTA removed in favour of the new reference component. */




.ey-final-cta{ display: none !important; }





/* ---------- Mobile Bottom Navigation: brushed aluminum ---------- */








/* ---------- Mobile footer reference ---------- */







@media (max-width: 860px) {/* Header: bigger logo, bigger nav text, drawer opens from RIGHT. */


    

    

    

    

    

    

/* Hero mobile */


    

.ey-hero22{
        padding: 8px 0 10px;
    }



    

.ey-hero22__container{
        width: 100%;
        max-width: none;
        padding-inline: 7px;
    }



    

.ey-hero22__media{
        min-height: 520px;
        border-radius: 17px;
        box-shadow: none;
    }



    

.ey-hero22__bg{
        object-position: 37% center;
    }



    

.ey-hero22__shade{
        background: linear-gradient(180deg,rgba(5,13,19,.08) 0%,rgba(5,13,19,.35) 34%,rgba(5,13,19,.93) 66%,rgba(5,13,19,.98) 100%);
    }



    

.ey-hero22__content{
        position: absolute;
        inset: auto 0 0;
        width: 100%;
        margin: 0;
        padding: 28px 17px 17px;
        text-align: center;
    }



    

.ey-hero22__content h1{
        font-size: clamp(30px,9vw,39px);
        line-height: 1.34;
    }



    

.ey-hero22__content > p{
        margin: 9px 0 16px;
        font-size: 10px;
    }



    

.ey-hero22__features{
        margin-bottom: 14px;
    }



    

.ey-hero22__features > div{
        padding: 3px 4px;
    }



    

.ey-hero22__features svg{
        width: 30px;
        height: 30px;
    }



    

.ey-hero22__features span{
        font-size:10px;
        line-height: 1.55;
    }



    

.ey-hero22__actions{
        gap: 7px;
    }



    

.ey-hero22__btn{
        min-height: 41px;
        font-size:10px;
        border-radius: 8px;
    }



    

/* Advantages */


    

.ey-adv22{
        padding-bottom: 17px;
    }



    

.ey-adv22__panel{
        grid-template-columns: repeat(2,minmax(0,1fr));
        border-radius: 13px;
    }



    

.ey-adv22__panel article{
        min-height: 90px;
        grid-template-columns: 34px minmax(0,1fr);
        gap: 8px;
        padding: 12px 10px;
        border-bottom: 1px solid #e1e6e9;
    }



    

.ey-adv22__panel article:nth-child(2n){
        border-left: 0;
    }



    

.ey-adv22__panel article:nth-last-child(-n/**/+2){
        border-bottom: 0;
    }



    

.ey-adv22__icon{
        width: 32px;
        height: 32px;
    }



    

.ey-adv22__icon svg{
        width: 30px;
        height: 30px;
    }



    

.ey-adv22 strong{
        font-size: 10px;
    }



    

.ey-adv22 small{
        font-size:10px;
    }



    

/* Industries */


    

    

    

    

    

    

    

    

    

    

    

/* Process: 1-column timeline instead of horizontal squeeze. */


    

.ey-pro22__grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }



    

.ey-pro22__grid::before{
        top: 25px;
        right: 30px;
        bottom: 25px;
        left: auto;
        width: 1px;
        height: auto;
        border-top: 0;
        border-right: 1px dashed #ff7a26;
    }



    

.ey-pro22__card{
        min-height: 104px;
        display: grid;
        grid-template-columns: 53px minmax(0,1fr);
        grid-template-rows: auto auto;
        align-items: center;
        gap: 2px 12px;
        padding: 12px 14px;
        text-align: right;
    }



    

.ey-pro22__top{
        grid-row: 1 / 3;
        min-height: 0;
        display: grid;
        place-items: center;
    }



    

.ey-pro22__icon{
        width: 43px;
        height: 43px;
        margin: 0;
    }



    

.ey-pro22__top b{
        top: 8px;
        left: 8px;
        right: auto;
        font-size:10px;
    }



    

.ey-pro22 h3{
        margin: 0;
        font-size: 11px;
    }



    

.ey-pro22 p{
        font-size:10px;
        line-height: 1.7;
    }



    

/* CTA mobile */


    

.ey-cta22{
        padding: 12px 0 20px;
    }



    

.ey-cta22__panel{
        min-height: 220px;
        display: block;
        padding: 20px 16px 16px;
        border-radius: 13px;
    }



    

.ey-cta22__panel::after{
        background: linear-gradient(180deg,rgba(255,91,0,.98) 0%,rgba(255,91,0,.91) 63%,rgba(255,91,0,.70) 100%);
    }



    

.ey-cta22__copy{
        max-width: 100%;
        text-align: right;
    }



    

.ey-cta22 h2{
        font-size: 20px;
    }



    

.ey-cta22 p{
        font-size:10px;
    }



    

.ey-cta22__actions{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 15px;
        direction: rtl;
    }



    

.ey-cta22__phone, .ey-cta22__request{
        min-height: 42px;
        padding-inline: 6px;
        font-size:10px;
    }



    

.ey-cta22__visual{
        width: 100%;
        opacity: .36;
    }



    

/* Mobile bottom nav */


    

    

    

    

    

    

    

/* Mobile footer reference */}








/*
Extrudeyar v1.0.23 — Aluminum visual system
Scope: visual surfaces only.
No layout ownership except the approved desktop hero content alignment.
*/



 

:root{
    --ey-al-orange: #ff650e;
    --ey-al-ink: #151b1f;
    --ey-al-muted: #68747b;
    --ey-al-line: rgba(51,61,67,.18);
    --ey-aluminum-light: linear-gradient(100deg,#eef1f3 0%,#d8dde0 18%,#f7f8f9 40%,#d0d6da 62%,#f0f2f3 82%,#d9dee1 100%);
    --ey-aluminum-soft: linear-gradient(110deg,#f6f7f8 0%,#e4e8ea 28%,#fbfbfc 52%,#dde2e5 78%,#f4f5f6 100%);
    --ey-aluminum-dark: linear-gradient(110deg,#20272c 0%,#11181d 28%,#293137 52%,#0c1318 78%,#1c252b 100%);
}





/* ----------------------------------------------------------
   Global industrial aluminum atmosphere
   ---------------------------------------------------------- */




html, body{
    background-color: #d9dee1;
}





body{
    background-image: var(--ey-aluminum-light);
    background-attachment: scroll;
}





/* Most white/neutral page surfaces become brushed aluminum without
   changing their HTML structure. */






/* Prevent decorative textures from expanding the viewport. */






/* ----------------------------------------------------------
   Header — premium light brushed aluminum
   ---------------------------------------------------------- */




.ey-dh19{
    position: relative;
    background-color: #e4e8ea !important;
    background-image: var(--ey-aluminum-light) !important;
    border-top: 2px solid rgba(255,101,14,.72);
    border-bottom: 1px solid rgba(59,69,75,.32) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        0 7px 18px rgba(18,27,33,.10) !important;
}





.ey-dh19::after{
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
    pointer-events: none;
}





.ey-dh19__nav > ul > li > a{
    color: #13191d;
    text-shadow: 0 1px 0 rgba(255,255,255,.68);
}





.ey-dh19__phone{
    border-color: rgba(70,80,86,.22);
}





.ey-dh19__consult{
    border: 1px solid rgba(255,255,255,.68);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 7px 15px rgba(224,77,0,.20);
}





/* ----------------------------------------------------------
   Hero — text belongs to the empty RIGHT side of the image.
   Image/machine stays on the left. No content overlap.
   ---------------------------------------------------------- */




@media (min-width: 861px) {.ey-hero22{
        padding-top: 20px;
        padding-bottom: 22px;
    }



    

.ey-hero22__media{
        border: 1px solid #778188;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.40),
            0 12px 28px rgba(17,25,31,.13);
    }



    

.ey-hero22__content{
        width: 48%;
        margin-right: 0 !important;
        margin-left: auto !important;
        padding: 66px 4.6% 36px 5.4% !important;
        text-align: right !important;
    }



    

.ey-hero22__content h1, .ey-hero22__content > p, .ey-hero22__features, .ey-hero22__actions{
        max-width: 650px;
        margin-right: 0;
        margin-left: auto;
    }



    

.ey-hero22__shade{
        background:
            linear-gradient(
                90deg,
                rgba(5,13,19,.00) 0%,
                rgba(5,13,19,.04) 38%,
                rgba(5,13,19,.61) 59%,
                rgba(5,13,19,.90) 78%,
                rgba(5,13,19,.96) 100%
            );
    }}





/* ----------------------------------------------------------
   Aluminum plate surfaces
   ---------------------------------------------------------- */




.ey-adv22__panel, .ey-pro22__card, .ey-card{
    background-color: #e8ebed !important;
    background-image: var(--ey-aluminum-light) !important;
    border-color: rgba(66,76,82,.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 0 -1px 0 rgba(72,82,88,.08),
        0 7px 17px rgba(24,33,39,.055) !important;
}





/* Process cards look like individual aluminum control plates. */




.ey-pro22__card{
    border-radius: 13px;
}





.ey-pro22__icon{
    background:
        linear-gradient(145deg,#f8f9f9,#cdd3d6) !important;
    border-color: rgba(255,101,14,.48) !important;
    box-shadow:
        inset 0 1px 0 #fff,
        0 2px 5px rgba(35,44,50,.10);
}





/* Advantages panel: one continuous brushed aluminum strip. */




.ey-adv22__panel{
    overflow: hidden;
}





.ey-adv22__panel article{
    background: transparent !important;
    border-color: rgba(66,76,82,.16) !important;
}





/* Category image cards remain visual/photo-driven; aluminum is their stage. */








/* CTA remains orange for conversion contrast, but sits on an aluminum stage. */




.ey-cta22__panel{
    border: 1px solid rgba(104,73,52,.24);
    box-shadow:
        0 0 0 7px rgba(255,255,255,.36),
        0 0 0 8px rgba(69,79,85,.16),
        0 9px 20px rgba(60,46,37,.11);
}





/* ----------------------------------------------------------
   WooCommerce / product technical surfaces
   ---------------------------------------------------------- */













/* ----------------------------------------------------------
   Desktop footer — dark anodized aluminum + exact user logo
   ---------------------------------------------------------- */




.ey-ft19-desktop{
    position: relative;
    background-color: #10181e !important;
    background-image: var(--ey-aluminum-dark) !important;
    border-top: 3px solid #ff650e !important;
}





.ey-ft19-grid{
    position: relative;
    z-index: 1;
}





.ey-ft19-brand img{
    width: 235px !important;
    height: 132px !important;
    max-width: 235px !important;
    padding: 4px;
    border-radius: 9px;
    background: #000;
    object-fit: contain !important;
    box-shadow: 0 4px 13px rgba(0,0,0,.22);
}





/* Footer lead strip follows the same brushed aluminum identity. */




.ey-ft19-lead{
    background-color: #e2e6e8 !important;
    background-image: var(--ey-aluminum-light) !important;
    border-color: rgba(70,80,86,.20) !important;
}





.ey-ft19-lead__icon{
    background:
        linear-gradient(145deg,#fafafa,#cbd1d4) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}





/* ----------------------------------------------------------
   Mobile: keep layout/performance from v20/v22.
   Only visual aluminum treatment; no drawer geometry changes.
   ---------------------------------------------------------- */




@media (max-width: 860px) {.ey-hero22{
        background-image: var(--ey-aluminum-soft) !important;
    }



    

.ey-adv22__panel{
        border-radius: 12px;
    }



    

    

.ey-pro22__card{
        background-image: var(--ey-aluminum-soft) !important;
    }



    

    

    

    

/* Avoid duplicate legacy logo in any hidden mobile footer generation. */


    

    

/* Brushed-aluminum bottom nav gets a slightly cleaner industrial edge. */}





/* Respect accessibility and reduce nonessential movement. */







/*
Extrudeyar v1.0.26 — Silver White + Aluminum Balance
Bright near-white canvas with a subtle silver tone.
No structural or responsive changes.
*/





:root{
    --ey-silver-white-main: #F7F8F9;
    --ey-silver-white-soft: #FBFCFC;
    --ey-silver-white-deep: #EFF2F4;
    --ey-text-main: #171D21;
    --ey-text-muted: #68747B;
}





/* ----------------------------------------------------------
   Global silver-white canvas
   ---------------------------------------------------------- */




html, body, #page, .site, main{
    background: var(--ey-silver-white-main) !important;
    background-image: none !important;
}





body{
    color: var(--ey-text-main);
}





/* Main page/section surfaces */






/* Slight tonal hierarchy without becoming creamy */




.ey-adv22, .ey-pro22{
    background: var(--ey-silver-white-soft) !important;
}





/* ----------------------------------------------------------
   Aluminum surfaces remain metallic
   ---------------------------------------------------------- */




.ey-adv22__panel, .ey-pro22__card, .ey-card{
    background-color: #E8EBED !important;
    background-image: var(--ey-aluminum-light) !important;
}







.ey-cta22{
    background: var(--ey-silver-white-main) !important;
}





.ey-cta22__panel{
    box-shadow:
        0 0 0 7px rgba(247,248,249,.96),
        0 0 0 8px rgba(69,79,85,.12),
        0 10px 22px rgba(35,43,48,.11) !important;
}





/* ----------------------------------------------------------
   Header/footer stay industrial
   ---------------------------------------------------------- */




.ey-dh19{
    background-color: #E4E8EA !important;
    background-image: var(--ey-aluminum-light) !important;
}





.ey-ft19-lead{
    background-color: #E2E6E8 !important;
    background-image: var(--ey-aluminum-light) !important;
}





.ey-ft19-desktop{
    background-color: #10181E !important;
    background-image: var(--ey-aluminum-dark) !important;
}





/* Product pages */










/* ----------------------------------------------------------
   Mobile
   ---------------------------------------------------------- */




@media (max-width: 860px) {.ey-pro22, .ey-adv22{
        background: var(--ey-silver-white-soft) !important;
    }



    

    

.ey-pro22__card, .ey-adv22__panel{
        background-color: #E8EBED !important;
        background-image: var(--ey-aluminum-soft) !important;
    }}






/*
Extrudeyar v1.0.27 — Smooth Silver Panels
Reference direction:
- clean near-white / light silver background
- no hatching / no repeating brushed pattern on cards
- visible but elegant borders
- soft industrial depth
- stronger separators
No structural changes.
*/





:root{
    --ey-v27-page: #F3F5F6;
    --ey-v27-page-soft: #F7F8F9;
    --ey-v27-card-top: #FBFCFC;
    --ey-v27-card-bottom: #E8ECEF;
    --ey-v27-card-flat: #F2F4F5;
    --ey-v27-line: #CBD2D7;
    --ey-v27-line-strong: #AEB8BE;
    --ey-v27-text: #171D21;
    --ey-v27-muted: #6F7A81;
    --ey-v27-orange: #FF650E;
    --ey-v27-shadow: 0 7px 18px rgba(27, 36, 42, .08);
    --ey-v27-shadow-soft: 0 4px 12px rgba(27, 36, 42, .055);
}





/* ==========================================================
   PAGE BACKGROUND — smooth silver, no texture
   ========================================================== */




html, body, #page, .site, main{
    background: var(--ey-v27-page) !important;
    background-image: none !important;
    color: var(--ey-v27-text);
}







/* alternate sections only by tone — still smooth */




.ey-adv22, .ey-pro22{
    background: var(--ey-v27-page-soft) !important;
}





/* ==========================================================
   SHARED PANEL STYLE
   ========================================================== */




.ey-adv22__panel, .ey-pro22__card, .ey-card{
    background:
        linear-gradient(
            180deg,
            var(--ey-v27-card-top) 0%,
            #F4F6F7 45%,
            var(--ey-v27-card-bottom) 100%
        ) !important;
    background-image:
        linear-gradient(
            180deg,
            var(--ey-v27-card-top) 0%,
            #F4F6F7 45%,
            var(--ey-v27-card-bottom) 100%
        ) !important;
    border: 1px solid var(--ey-v27-line) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        var(--ey-v27-shadow-soft) !important;
}





/* Card hover should stay restrained and industrial */




@media (hover: hover) {.ey-pro22__card:hover, .ey-card:hover{
        border-color: var(--ey-v27-line-strong) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.96),
            0 8px 20px rgba(26,35,41,.10) !important;
    }}





/* ==========================================================
   HEADER — smooth metallic, remove striped/hatch feeling
   ========================================================== */




.ey-dh19{
    background:
        linear-gradient(
            180deg,
            #F8F9FA 0%,
            #EEF1F3 48%,
            #E2E7EA 100%
        ) !important;
    background-image:
        linear-gradient(
            180deg,
            #F8F9FA 0%,
            #EEF1F3 48%,
            #E2E7EA 100%
        ) !important;
    border-top: 2px solid rgba(255,101,14,.72) !important;
    border-bottom: 1px solid var(--ey-v27-line-strong) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 6px 15px rgba(24,33,39,.08) !important;
}





/* ==========================================================
   HERO OUTER STAGE
   ========================================================== */




.ey-hero22{
    background: var(--ey-v27-page) !important;
}





.ey-hero22__media{
    border: 1px solid #8E989E !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        0 10px 24px rgba(18,27,33,.12) !important;
}





/* ==========================================================
   ADVANTAGES — one clean silver panel with visible dividers
   ========================================================== */




.ey-adv22__panel{
    background:
        linear-gradient(180deg,#FFFFFF 0%,#F3F5F6 52%,#E8ECEF 100%) !important;
    border: 1px solid var(--ey-v27-line-strong) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        var(--ey-v27-shadow) !important;
}





.ey-adv22__panel article{
    background: transparent !important;
    border-left: 1px solid #C5CDD2 !important;
}





.ey-adv22__panel article:last-child{
    border-left: 0 !important;
}





.ey-adv22__icon{
    background: #F8F9FA !important;
    border: 1px solid #D1D8DC;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 #fff;
}





/* ==========================================================
   INDUSTRY SECTION FRAME
   ========================================================== */






/* image cards stay photo-led */






/* ==========================================================
   PROCESS — reference-like clean plates, strong separators
   ========================================================== */




.ey-pro22__grid::before{
    border-color: #FF7A26 !important;
    opacity: .85;
}





.ey-pro22__card{
    background:
        linear-gradient(180deg,#FCFDFD 0%,#F1F4F5 58%,#E8ECEE 100%) !important;
    border-color: #C3CCD1 !important;
    box-shadow:
        inset 0 1px 0 #fff,
        0 6px 14px rgba(27,36,42,.065) !important;
}





.ey-pro22__icon{
    background: #FAFBFC !important;
    background-image: none !important;
    border: 1px solid #FF9A61 !important;
}





/* ==========================================================
   PRODUCT ARCHIVE & SINGLE PRODUCT
   ========================================================== */













/* Technical information separators should be visible */










/* ==========================================================
   CTA — preserve orange but frame it cleanly
   ========================================================== */




.ey-cta22{
    background: var(--ey-v27-page) !important;
}





.ey-cta22__panel{
    border: 1px solid #D55A13 !important;
    box-shadow:
        0 0 0 6px rgba(255,255,255,.80),
        0 0 0 7px rgba(173,182,187,.50),
        0 9px 20px rgba(51,41,34,.10) !important;
}





/* ==========================================================
   FOOTER LEAD — smooth silver, no hatch
   ========================================================== */




.ey-ft19-lead{
    background:
        linear-gradient(180deg,#F8F9FA 0%,#E8ECEF 100%) !important;
    background-image:
        linear-gradient(180deg,#F8F9FA 0%,#E8ECEF 100%) !important;
    border-top: 1px solid #C4CCD1 !important;
    border-bottom: 1px solid #AEB8BE !important;
}





.ey-ft19-lead__icon{
    background: #F8F9FA !important;
    background-image: none !important;
    border: 1px solid #C6CFD4 !important;
}





/* Dark footer remains dark anodized, but without stripe/hatch */






/* ==========================================================
   MOBILE — same style, no geometry changes
   ========================================================== */




@media (max-width: 860px) {.ey-pro22__card, .ey-adv22__panel{
        background:
            linear-gradient(180deg,#FCFDFD 0%,#F1F4F5 55%,#E7EBED 100%) !important;
        background-image:
            linear-gradient(180deg,#FCFDFD 0%,#F1F4F5 55%,#E7EBED 100%) !important;
        border-color: #C2CBD0 !important;
    }



    

.ey-adv22__panel article{
        border-left: 1px solid #C6CED3 !important;
        border-bottom: 1px solid #C6CED3 !important;
    }}







/* ==========================================================
   Extrudeyar v1.0.33 — global stability + floating header
   ========================================================== */





/* Desktop header becomes an independent rounded panel. */




@media (min-width: 861px) {.ey-site-header19{
        width: 100% !important;
        max-width: 100% !important;
        padding: 14px 0 10px !important;
        background: #f3f5f6 !important;
        overflow: visible !important;
    }



    

.ey-dh19{
        width: min(1460px, calc(100% - 34px)) !important;
        max-width: 1460px !important;
        margin: 0 auto !important;
        border: 1px solid #c6ced3 !important;
        border-top: 1px solid #c6ced3 !important;
        border-bottom: 1px solid #aeb8be !important;
        border-radius: 26px !important;
        background: linear-gradient(180deg,#fbfcfc 0%,#edf1f3 100%) !important;
        background-image: linear-gradient(180deg,#fbfcfc 0%,#edf1f3 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.98),
            0 9px 24px rgba(19,28,34,.105) !important;
    }



    

.ey-dh19::after{
        display: none !important;
    }



    

.ey-dh19__row{
        width: min(100% - 30px, 1400px) !important;
        min-height: 92px !important;
        grid-template-columns: 170px minmax(500px,1fr) auto !important;
        gap: 18px !important;
    }



    

.ey-dh19__brand img{
        width: 146px !important;
        height: 82px !important;
        max-width: 146px !important;
    }



    

.ey-dh19__nav > ul > li > a{
        min-height: 48px !important;
        padding-inline: 13px !important;
        font-size: 14px !important;
        font-weight: 850 !important;
    }



    

.ey-dh19__nav > ul > li:not(:last-child) > a::after{
        margin-right: 13px !important;
    }



    

.ey-dh19__consult, .ey-dh19__phone{
        min-height: 48px !important;
    }



    

body.home .ey-hero22{
        padding-top: 10px !important;
    }}





@media (max-width: 1160px) and (min-width: 861px) {.ey-dh19{
        width: min(1420px, calc(100% - 24px)) !important;
    }



    

.ey-dh19__row{
        width: calc(100% - 20px) !important;
        grid-template-columns: 140px minmax(430px,1fr) auto !important;
        gap: 9px !important;
    }



    

.ey-dh19__brand img{
        width: 126px !important;
        height: 76px !important;
    }



    

.ey-dh19__nav > ul > li > a{
        padding-inline: 7px !important;
        font-size: 12.2px !important;
    }}





/* Defensive removal for legacy decorative number badges. */






/* Product archive category cards no longer reserve a number column. */




.ey-cat30-category{
    grid-template-columns: minmax(0,1fr) 22px !important;
}





/* Single-product decorative card numbers removed. */




.ey-sp31-feature-grid article{
    grid-template-columns: minmax(0,1fr) !important;
}





.ey-sp31-specsheet__label{
    gap: 0 !important;
}





.ey-sp31-specsheet__label > b{
    display: none !important;
}





/* Service scope cards no longer reserve a decorative number cell. */




.ey-svs32-scope article{
    grid-template-columns: minmax(0,1fr) !important;
}





/* Project case-study cards use semantic labels only. */




.ey-prs32-case__grid article > b{
    display: none !important;
}





.ey-prs32-case__grid article > span{
    margin-top: 0 !important;
}





/* One mobile fixed-navigation system only. */







@media (max-width: 860px) {/* Guaranteed shell visibility across every template. */


    

    

.ey-dh19{
        display: none !important;
    }



    

.ey-ft19{
        display: block !important;
    }



    

.ey-ft19-desktop{
        display: none !important;
    }



    

    

    

    

/* Context action in the center gets a subtle conversion accent. */


    

    

    

/* With one bottom bar, body/footer only reserve one navigation height. */


    

body.single-product, body.single-ey_service, body.single-ey_project{
        padding-bottom: 0 !important;
    }



    

.ey-sp31-specsheet__value{
        padding-right: 0 !important;
    }



    

.ey-svs32-scope article{
        grid-template-columns: 1fr !important;
    }}





/* ==========================================================
   Extrudeyar v1.0.41 — canonical stability layer
   Replaces v1.0.34–v1.0.40 patch chain.
   Primary breakpoints: 390 / 860 / 1180.
   ========================================================== */





:root{
    --ey-font-xs: 12px;
    --ey-font-sm: 13px;
    --ey-font-base: 14px;
    --ey-font-md: 16px;
    --ey-font-lg: 20px;
    --ey-mobile-nav-height: 66px;
}





/* Normalize the most reused text primitives without altering headings. */




body{
    font-size: var(--ey-font-base);
}





button, input, textarea, select{
    font-family: inherit;
}





.ey-hero22__picture{
    position: absolute;
    inset: 0;
    display: block;
}





.ey-hero22__picture img{
    width: 100%;
    height: 100%;
}





/* Footer: one final logo definition only. */




.ey-ft19-brand img{
    display: block !important;
    width: min(150px, 100%) !important;
    max-width: 150px !important;
    height: auto !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}





/* Footer body text rhythm. */




.ey-ft19-brand p, .ey-ft19-col a, .ey-ft19-contact > a strong, .ey-ft19-contact > p strong, .ey-ft19-bottom, .ey-ft19-lead__copy small, .ey-ft19-lead__info small{
    line-height: 1.9 !important;
}







/* Removed homepage block stays removed without loading its component. */










/* ------------------------------------------------------------------
   Mobile shell
   ------------------------------------------------------------------ */




@media (max-width: 860px) {html, body{
        max-width: 100%;
        overflow-x: clip;
    }



    

    

.ey-dh19{
        display: none !important;
    }



    

    

    

    

    

    

/* Drawer opens from the right in RTL. */


    

    

    

    

    

    

    

    

    

    

    

    

/* Bottom navigation always stays above page content, below drawer. */


    

    

/* Mobile footer always exists; accordions remain closed until user opens them. */


    

.ey-ft19{
        display: block !important;
    }



    

.ey-ft19-desktop{
        display: none !important;
    }



    

    

.ey-ft19-brand img{
        width: min(132px, 100%) !important;
        max-width: 132px !important;
        margin-inline: auto !important;
    }



    

/* Mobile hero: image stays visible; content starts lower, but remains top-led. */


    

.ey-hero22__media{
        min-height: 620px !important;
    }



    

.ey-hero22__bg{
        object-position: center top !important;
        filter: brightness(.99) contrast(1.04) saturate(1.03) !important;
    }



    

.ey-hero22__shade{
        background: linear-gradient(
            180deg,
            rgba(5,13,19,.58) 0%,
            rgba(5,13,19,.38) 23%,
            rgba(5,13,19,.16) 45%,
            rgba(5,13,19,.24) 65%,
            rgba(5,13,19,.68) 100%
        ) !important;
    }



    

.ey-hero22__content{
        position: absolute !important;
        inset: 0 0 auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 46px 18px 0 !important;
        text-align: center !important;
    }



    

.ey-hero22__content h1{
        font-size: clamp(30px,8.8vw,39px) !important;
        line-height: 1.38 !important;
    }



    

.ey-hero22__content > p{
        margin: 10px 0 14px !important;
        font-size: 12px !important;
        line-height: 1.85 !important;
    }



    

.ey-hero22__features li{
        font-size: 11px !important;
        line-height: 1.65 !important;
    }



    

.ey-hero22__actions{
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }



    

.ey-hero22__actions .ey-btn{
        min-height: 46px !important;
        font-size: 12px !important;
    }



    

/* Remove duplicate sticky CTAs from single content screens. */}





/* Narrow phones */




@media (max-width: 390px) {.ey-hero22__media{
        min-height: 585px !important;
    }



    

.ey-hero22__content{
        padding-top: 54px !important;
    }}





/* Main tablet range: keep geometry predictable. */




@media (min-width: 861px) and (max-width: 1180px) {.ey-container{
        width: min(1180px, calc(100% - 32px));
    }}








/* ==========================================================
   v1.0.42 — Mobile drawer color fix
   Light aluminum drawer = dark readable text/icons.
   ========================================================== */





/* ==========================================================
   v1.0.44 — single-source mobile shell
   No legacy mh/md/bottom-nav generations remain above.
   ========================================================== */





/* The product explicitly has no scroll-to-top control. */




#scrollUp, #scroll-top, #scroll-to-top, #toTop, #kt-scroll-up, #ast-scroll-top, #wpfront-scroll-top-container, .scrollUp, .scrollup, .scroll-up, .scroll-to-top, .scrollToTop, .back-to-top, .generate-back-to-top, .e-back-to-top, .et_pb_scroll_top, .fusion-scroll-top, .site-scroll-top, .mfn-scroll-top, .qodef-back-to-top, .elementor-scroll-to-top, .ekit_scroll_top, .progress-wrap, .rt-scroll-top, .wpsm-to-top, [class*="back-to-top"], [id*="back-to-top"], [class*="scroll-to-top"], [id*="scroll-to-top"], [class*="scrollTop"], [id*="scrollTop"]{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}





.ey-mh20, .ey-md20, .ey-md20-backdrop, .ey-bn22, .ey-mf22{
    display: none;
}





@media (max-width: 860px) {html, body{
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }



    

.ey-dh19{
        display: none !important;
    }



    

/* Header: consultation LEFT / logo CENTER / menu RIGHT.
       Direction is intentionally LTR for physical placement only. */


    

.ey-mh20{
        display: block !important;
        position: relative;
        z-index: 420;
        width: 100%;
        border-bottom: 1px solid #cbd3d8;
        background: linear-gradient(180deg,#f9fafb 0%,#e9edef 100%);
        box-shadow: 0 5px 16px rgba(20,29,35,.07);
    }



    

.ey-mh20__bar{
        display: grid;
        grid-template-columns: 82px minmax(0,1fr) 82px;
        grid-template-areas: "consult logo menu";
        align-items: center;
        min-height: 76px;
        gap: 6px;
        padding: 7px 10px;
        direction: ltr;
    }



    

.ey-mh20__consult{
        grid-area: consult;
        justify-self: start;
        width: 78px;
        min-width: 78px;
        height: 44px;
        padding: 0 8px;
        border: 0;
        border-radius: 12px;
        background: linear-gradient(135deg,#ff741b,#ff5d08);
        color: #fff;
        font: inherit;
        font-size: 11px;
        font-weight: 900;
        line-height: 1;
        direction: rtl;
        white-space: nowrap;
        box-shadow: 0 7px 15px rgba(255,101,14,.16);
        cursor: pointer;
    }



    

.ey-mh20__logo{
        grid-area: logo;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }



    

.ey-mh20__logo img{
        display: block;
        width: min(170px,100%);
        height: 60px;
        margin: 0 auto;
        object-fit: contain;
        object-position: center;
    }



    

.ey-mh20__menu{
        grid-area: menu;
        justify-self: end;
        width: 44px;
        height: 44px;
        display: grid;
        place-content: center;
        gap: 4px;
        padding: 0;
        border: 1px solid #c8d0d5;
        border-radius: 11px;
        background: #fff;
        box-shadow: inset 0 1px 0 #fff;
        cursor: pointer;
    }



    

.ey-mh20__menu span{
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 99px;
        background: #172027;
    }



    

/* Drawer owns its own scrolling; the page is locked by theme.js. */


    

.ey-md20{
        display: flex !important;
        position: fixed !important;
        z-index: 9998;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(360px,88vw);
        height: 100dvh;
        max-height: 100dvh;
        padding: max(10px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        direction: rtl;
        color: #20292e;
        border-left: 1px solid #c8d0d5;
        background: linear-gradient(180deg,#f8fafb 0%,#e9edef 100%);
        box-shadow: -18px 0 42px rgba(14,22,28,.22);
        transform: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 150ms ease, visibility 0s linear 150ms;
        contain: layout paint;
    }



    

.ey-md20.is-open{
        transform: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 150ms ease, visibility 0s;
    }



    

.ey-md20-backdrop{
        display: block !important;
        position: fixed;
        z-index: 9997;
        inset: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: rgba(8,14,18,.48);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        touch-action: none;
        transition: opacity 180ms ease, visibility 0s linear 180ms;
    }



    

.ey-md20-backdrop.is-open{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 180ms ease, visibility 0s;
    }



    

html.ey-nav-open, body.ey-nav-open, html.ey-consult-open, body.ey-consult-open{
        overflow: hidden !important;
        overscroll-behavior: none;
    }



    

.ey-md20__top{
        position: sticky;
        top: calc(-1 * max(10px,env(safe-area-inset-top)));
        z-index: 3;
        min-height: 70px;
        display: grid;
        grid-template-columns: 42px minmax(0,1fr) 42px;
        align-items: center;
        margin: calc(-1 * max(10px,env(safe-area-inset-top))) -14px 7px;
        padding: max(10px,env(safe-area-inset-top)) 14px 7px;
        border-bottom: 1px solid #cbd3d8;
        background: linear-gradient(180deg,#f9fafb 0%,#e9edef 100%);
    }



    

.ey-md20__close{
        grid-column: 1;
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        padding: 0;
        border: 1px solid #c8d0d5;
        border-radius: 10px;
        background: #fff;
        color: #20292e;
        font: inherit;
        font-size: 25px;
        line-height: 1;
        cursor: pointer;
    }



    

.ey-md20__logo{
        grid-column: 2;
        min-width: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }



    

.ey-md20__logo img{
        width: min(176px,100%);
        height: 56px;
        object-fit: contain;
    }



    

.ey-md20__nav{
        display: grid;
        gap: 3px;
        padding: 5px 0 8px;
    }



    

.ey-md20__nav > a, .ey-md20__products > summary{
        min-height: 46px;
        display: grid;
        grid-template-columns: 30px minmax(0,1fr) 18px;
        align-items: center;
        gap: 8px;
        padding: 7px 9px;
        border: 1px solid transparent;
        border-radius: 10px;
        color: #20292e;
        font-size: 13px;
        line-height: 1.5;
    }



    

.ey-md20__nav > a:hover, .ey-md20__nav > a:focus-visible, .ey-md20__products > summary:hover, .ey-md20__products > summary:focus-visible{
        border-color: #d4dade;
        background: rgba(255,255,255,.78);
        color: #11191e;
        outline: 0;
    }



    

.ey-md20__icon{
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        color: #ff650e;
        font-size: 17px;
    }



    

.ey-md20__products{
        margin: 0;
    }



    

.ey-md20__products > summary{
        list-style: none;
        cursor: pointer;
    }



    

.ey-md20__products > summary::-webkit-details-marker{
        display: none;
    }



    

.ey-md20__products > summary b{
        justify-self: end;
        color: #6d787f;
        transition: transform 150ms ease;
    }



    

.ey-md20__products[open] > summary b{
        transform: rotate(180deg);
    }



    

.ey-md20__cats{
        margin: 3px 36px 6px 0;
        padding: 7px 10px;
        border: 1px solid #d3dade;
        border-radius: 10px;
        background: rgba(255,255,255,.62);
    }



    

.ey-md20__cats a{
        position: relative;
        display: block;
        padding: 7px 12px 7px 2px;
        color: #465159;
        font-size: 12px;
        line-height: 1.7;
    }



    

.ey-md20__cats a::before{
        content: "";
        position: absolute;
        top: 15px;
        right: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #ff650e;
    }



    

.ey-md20__cats a.is-all{
        margin-top: 3px;
        padding-top: 9px;
        border-top: 1px solid #d6dde1;
        color: #d95108;
        font-weight: 900;
    }



    

.ey-md20__search{
        margin: 5px 0 10px;
        padding-top: 10px;
        border-top: 1px solid #d1d8dc;
    }



    

.ey-md20__search-label{
        display: block;
        margin-bottom: 6px;
        color: #667279;
        font-size: 11px;
        font-weight: 800;
    }



    

.ey-md20__search form{
        position: relative;
        width: 100%;
        margin: 0;
    }



    

.ey-md20__search input[type="search"]{
        width: 100%;
        min-height: 42px;
        padding: 0 12px 0 46px;
        border: 1px solid #c6cfd4;
        border-radius: 10px;
        background: #fff;
        color: #20292e;
        outline: 0;
        font: inherit;
        font-size: 12px;
        caret-color: #ff650e;
    }



    

.ey-md20__search input[type="search"]::placeholder{
        color: #8a949a;
        opacity: 1;
    }



    

.ey-md20__search button, .ey-md20__search input[type="submit"]{
        position: absolute;
        top: 4px;
        left: 4px;
        width: 34px;
        height: 34px;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: #ff650e;
        color: #fff;
        font-size: 0;
        cursor: pointer;
    }



    

.ey-md20__search button::after, .ey-md20__search input[type="submit"]::after{
        content: "⌕";
        font-size: 18px;
    }



    

.ey-md20__contact{
        display: grid;
        grid-template-columns: 40px minmax(0,1fr);
        align-items: center;
        gap: 9px;
        margin-top: auto;
        padding: 10px 11px;
        border: 1px solid #cbd3d8;
        border-radius: 11px;
        background: #fff;
        color: #20292e;
    }



    

.ey-md20__phone{
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        color: #ff650e;
        font-size: 18px;
    }



    

.ey-md20__contact small{
        display: block;
        color: #758087;
        font-size: 10px;
    }



    

.ey-md20__contact strong{
        display: block;
        color: #20292e;
        font-size: 12px;
        overflow-wrap: anywhere;
    }



    

.ey-md20__cta{
        width: 100%;
        min-height: 44px;
        margin: 8px 0 6px;
        border: 0;
        border-radius: 10px;
        background: #ff650e;
        color: #fff;
        font: inherit;
        font-size: 12px;
        font-weight: 900;
        cursor: pointer;
    }



    

.ey-md20__quick{
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 5px;
        padding-top: 6px;
        border-top: 1px solid #d2d9dd;
    }



    

.ey-md20__quick > *{
        min-height: 34px;
        display: grid;
        place-items: center;
        padding: 0 4px;
        border: 1px solid #ccd4d8;
        border-radius: 8px;
        background: #fff;
        color: #3d484e;
        font: inherit;
        font-size: 10.5px;
        cursor: pointer;
    }



    

/* Bottom navigation: smooth aluminum, no hatch / blur. */


    

.ey-bn22{
        position: fixed;
        z-index: 360;
        right: 8px;
        left: 8px;
        bottom: max(7px,env(safe-area-inset-bottom));
        min-height: 64px;
        display: grid !important;
        grid-template-columns: repeat(5,minmax(0,1fr));
        overflow: hidden;
        border: 1px solid #aeb7bd;
        border-radius: 19px;
        background: linear-gradient(180deg,#f8f9fa 0%,#e1e5e8 58%,#cbd2d6 100%);
        box-shadow: 0 10px 24px rgba(14,22,28,.18),inset 0 1px 0 #fff;
    }



    

.ey-bn22 a{
        min-width: 0;
        display: grid;
        grid-template-rows: 30px auto;
        place-items: center;
        align-content: center;
        gap: 1px;
        padding: 5px 2px;
        border-left: 1px solid rgba(115,125,132,.25);
        color: #313b41;
    }



    

.ey-bn22 a:last-child{
        border-left: 0;
    }



    

.ey-bn22 svg{
        width: 25px;
        height: 25px;
        fill: none;
        stroke: #313b41;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }



    

.ey-bn22 small{
        font-size: 10.5px;
        font-weight: 900;
        line-height: 1.2;
    }



    

.ey-bn22__context.is-rfq, .ey-bn22__context.is-request, .ey-bn22__context.is-project{
        background: rgba(255,101,14,.10);
    }



    

.ey-bn22__context.is-rfq svg, .ey-bn22__context.is-request svg, .ey-bn22__context.is-project svg{
        stroke: #e95608;
    }



    

body.ey-nav-open .ey-bn22{
        display: none !important;
    }



    

/* Mobile footer: one accordion generation only. */


    

.ey-ft19-desktop{
        display: none !important;
    }



    

.ey-mf22{
        display: block !important;
        width: 100%;
        padding: 14px 12px calc(82px + env(safe-area-inset-bottom));
        color: #eef2f4;
        background: linear-gradient(145deg,#1b252c 0%,#10181e 54%,#0a1116 100%);
    }



    

.ey-mf22 details{
        border: 1px solid rgba(255,255,255,.12);
        border-bottom: 0;
        background: rgba(255,255,255,.018);
    }



    

.ey-mf22 details:first-child{
        border-radius: 13px 13px 0 0;
    }



    

.ey-mf22 details:nth-last-of-type(1){
        border-bottom: 1px solid rgba(255,255,255,.12);
        border-radius: 0 0 13px 13px;
    }



    

.ey-mf22 summary{
        min-height: 56px;
        display: grid;
        grid-template-columns: 32px minmax(0,1fr) 18px;
        align-items: center;
        gap: 9px;
        padding: 8px 12px;
        list-style: none;
        cursor: pointer;
    }



    

.ey-mf22 summary::-webkit-details-marker{
        display: none;
    }



    

.ey-mf22__sumicon{
        width: 29px;
        height: 29px;
        display: grid;
        place-items: center;
        color: #ff650e;
    }



    

.ey-mf22__sumicon svg{
        width: 27px;
        height: 27px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
    }



    

.ey-mf22 summary strong{
        color: #fff;
        font-size: 13px;
    }



    

.ey-mf22 summary b{
        justify-self: end;
        color: #ff650e;
        transition: transform 150ms ease;
    }



    

.ey-mf22 details[open] summary b{
        transform: rotate(180deg);
    }



    

.ey-mf22 details > div{
        padding: 2px 14px 15px;
    }



    

.ey-mf22__links--inline{
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }



    

.ey-mf22__links--inline a{
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        color: #c8d0d4;
        font-size: 11.5px;
    }



    

.ey-mf22__links--inline a:not(:last-child)::after{
        content: "|";
        margin: 0 9px;
        color: #5c6870;
    }



    

.ey-mf22__contact{
        display: grid;
        gap: 7px;
    }



    

.ey-mf22__contact > a, .ey-mf22__contact > p{
        display: grid;
        grid-template-columns: 27px minmax(0,1fr);
        align-items: center;
        gap: 7px;
        margin: 0;
        color: #d6dde1;
        font-size: 11.5px;
    }



    

.ey-mf22__contact > * > span{
        color: #ff650e;
    }



    

.ey-mf22__about p{
        margin: 0;
        color: #c8d0d4;
        font-size: 11.5px;
        line-height: 1.9;
    }



    

.ey-mf22__badges{
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 6px;
        margin-top: 10px;
    }



    

.ey-mf22__badges span{
        min-height: 48px;
        display: grid;
        place-items: center;
        padding: 5px;
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 9px;
        color: #dde3e6;
        font-size: 10px;
        text-align: center;
    }



    

.ey-mf22__legal{
        padding: 16px 0 0;
        color: #9eabb2;
        font-size: 10.5px;
        text-align: center;
    }



    

.ey-mf22__legal b{
        color: #ff650e;
    }}





@media (max-width: 390px) {.ey-mh20__bar{
        grid-template-columns: 72px minmax(0,1fr) 72px;
        padding-inline: 8px;
    }



    

.ey-mh20__consult{
        width: 68px;
        min-width: 68px;
        height: 42px;
        font-size: 10px;
    }



    

.ey-mh20__logo img{
        width: min(154px,100%);
        height: 56px;
    }



    

.ey-mh20__menu{
        width: 42px;
        height: 42px;
    }



    

.ey-md20{
        width: min(340px,90vw);
    }}





@media (max-width: 782px) {body.admin-bar .ey-md20{
        top: 46px !important;
        height: calc(100dvh - 46px);
        max-height: calc(100dvh - 46px);
    }}





@media (prefers-reduced-motion: reduce) {.ey-md20, .ey-md20-backdrop{
        transition: none !important;
    }}




/* v1.0.45 — current header owns its positioning; legacy header removed. */


.ey-site-header19{
    position:sticky;
    top:0;
    z-index:400;
    width:100%;
    max-width:100%;
}


@media(max-width:860px){.ey-site-header19{
        background:#f3f5f6;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }


    
html.ey-nav-open, body.ey-nav-open, html.ey-consult-open, body.ey-consult-open{
        overflow:hidden!important;
        overscroll-behavior:none!important;
    }


    
.ey-md20{
        touch-action:pan-y;
    }


    
.ey-md20-backdrop{
        touch-action:none;
    }}