/* EMIRMAK 2026 lively visual layer - lightweight, no layout hacks */
:root{--em-yellow:#efd000;--em-yellow2:#ffd900;--em-ink:#15171b;--em-muted:#626a75;--em-border:#e2e6eb;--em-soft:#f5f7f9;--em-shadow:0 16px 42px rgba(17,22,29,.12)}
html{scroll-behavior:smooth}
body.em2026{background:linear-gradient(180deg,#fff 0,#f8f9fb 100%)}
body.em2026 .menu{border-top:1px solid #f0f1f3!important;border-bottom:1px solid #e9ebee!important;box-shadow:0 7px 24px rgba(14,18,24,.06)!important}
body.em2026 .menu>ul>li>a{position:relative!important;font-weight:750!important;letter-spacing:.01em!important;transition:color .2s ease,background .2s ease!important}
body.em2026 .menu>ul>li>a:after{content:"";position:absolute;left:18%;right:18%;bottom:5px;height:3px;border-radius:4px;background:var(--em-yellow);transform:scaleX(0);transition:transform .22s ease;transform-origin:center}
body.em2026 .menu>ul>li:hover>a:after,body.em2026 .menu>ul>li.active>a:after{transform:scaleX(1)}
body.em2026 #languages>a:after{display:none!important}
body.em2026 .menu li>ul{animation:emDrop .18s ease-out both}
@keyframes emDrop{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

/* Language dropdown: all flags visible and compact */
body.em2026 #languages>a,body.em2026 #languages li>a{gap:8px!important}
body.em2026 #languages img{display:inline-block!important;width:27px!important;height:18px!important;object-fit:cover!important;border-radius:2px!important;border:1px solid #ddd!important;flex:0 0 auto!important}

/* Homepage sections become visually richer without heavy assets */
body.page-index .service_section,body.page-index .why_us_section{position:relative;overflow:hidden}
body.page-index .service_section:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-190px;top:-180px;background:radial-gradient(circle,rgba(239,208,0,.18),rgba(239,208,0,0) 70%);pointer-events:none}
body.page-index .heading_container h2,body.page-products .heading_container h2{position:relative;display:inline-block;padding-bottom:12px!important}
body.page-index .heading_container h2:after,body.page-products .heading_container h2:after{content:"";display:block;width:72px;height:4px;margin:11px auto 0;border-radius:5px;background:linear-gradient(90deg,var(--em-yellow),#ffb800)}
body.page-index .service_section .box{border:1px solid var(--em-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 30px rgba(16,20,26,.07)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
body.page-index .service_section .box:hover{transform:translateY(-7px)!important;box-shadow:0 20px 46px rgba(16,20,26,.13)!important;border-color:#ead35a!important}
body.page-index .service_section .img-box{transition:transform .24s ease!important}
body.page-index .service_section .box:hover .img-box{transform:scale(1.07)!important}
body.page-index .why_us_container>.box{transition:transform .24s ease,box-shadow .24s ease!important;border-top:4px solid transparent!important}
body.page-index .why_us_container>.box:hover{transform:translateY(-7px)!important;box-shadow:0 22px 48px rgba(18,22,28,.15)!important;border-top-color:var(--em-yellow)!important}

/* Product cards */
body.page-products .machine-model-card,body.page-category .machine-model-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
body.page-products .machine-model-card:hover,body.page-category .machine-model-card:hover{transform:translateY(-8px)!important;box-shadow:0 24px 48px rgba(16,20,26,.15)!important;border-color:#e5cd38!important}
body.page-products .machine-model-media img,body.page-category .machine-model-media img{transition:transform .3s ease!important}
body.page-products .machine-model-card:hover .machine-model-media img,body.page-category .machine-model-card:hover .machine-model-media img{transform:scale(1.045)!important}
body.em2026 a.machine-model-action,body.em2026 .em-btn{background:linear-gradient(135deg,#f4d500,#ffbd00)!important;color:#141414!important;border:0!important;box-shadow:0 8px 20px rgba(230,184,0,.24)!important;transition:transform .2s ease,box-shadow .2s ease!important}
body.em2026 a.machine-model-action:hover,body.em2026 .em-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(230,184,0,.34)!important}

/* ABOUT: show original photos uncropped */
body.page-about .about_section img,body.page-about .main img{object-fit:contain!important;object-position:center!important;height:auto!important;max-height:none!important;clip-path:none!important;border-radius:16px!important;background:#fff!important}
body.page-about #about_photo img{width:100%!important;max-width:846px!important;padding-top:30px!important}
body.page-about .main-column2 img{width:100%!important;max-width:620px!important;padding-left:0!important;margin:0 auto!important;display:block!important}
body.page-about .main>section{border-radius:22px!important}

/* YouTube/video: one correct responsive rule everywhere */
body.em2026 .js-video,body.em2026 .video-container,body.em2026 .em-video-shell{position:relative!important;width:min(100%,1120px)!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;margin:30px auto!important;padding:0!important;overflow:hidden!important;background:#0e1116!important;border-radius:20px!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important;border:1px solid #242a32!important}
body.em2026 .js-video iframe,body.em2026 .video-container iframe,body.em2026 .em-video-shell iframe,body.page-product-detail iframe[src*="youtube.com"],body.page-product-detail iframe[src*="youtube-nocookie.com"]{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;border:0!important;aspect-ratio:auto!important;border-radius:20px!important}
body.em2026 .em-video-title{font-size:24px;font-weight:850;color:var(--em-ink);text-align:center;margin:28px auto -12px}

/* Gentle reveal; content stays visible if JS disabled */
body.em-reveal-enabled .em-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
body.em-reveal-enabled .em-reveal.em-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.em-reveal-enabled .em-reveal{opacity:1!important;transform:none!important;transition:none!important}body.em2026 *{animation:none!important;transition:none!important}}
@media(max-width:700px){body.em2026 .js-video,body.em2026 .video-container,body.em2026 .em-video-shell{width:100%!important;margin:20px auto!important;border-radius:12px!important}body.em2026 .js-video iframe,body.em2026 .video-container iframe,body.em2026 .em-video-shell iframe{border-radius:12px!important}}

/* ===== Round 2 visual + media hardening ===== */
body.em2026{--em-yellow:#efd000;--em-gold:#ffbf00;--em-dark:#14171c;--em-card:#fff;--em-soft2:#f2f4f7;background:
 radial-gradient(circle at 8% 12%,rgba(239,208,0,.07),transparent 24rem),
 radial-gradient(circle at 92% 42%,rgba(255,191,0,.06),transparent 28rem),
 linear-gradient(180deg,#fff 0%,#f6f8fa 100%)!important}

/* More engaging but still lightweight */
body.em2026 .em-slider{position:relative!important;isolation:isolate!important;box-shadow:0 22px 60px rgba(8,13,20,.18)!important}
body.em2026 .em-slider:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(120deg,rgba(239,208,0,.07),transparent 32%,transparent 70%,rgba(239,208,0,.05));}
body.em2026 .em-slide-media img{filter:drop-shadow(0 26px 26px rgba(0,0,0,.32));transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease!important}
body.em2026 .em-slide.is-active .em-slide-media img{transform:translateY(-4px) scale(1.025)!important}
body.em2026 .em-slide-badge{box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);backdrop-filter:blur(4px)}
body.em2026 .em-slider-prev,body.em2026 .em-slider-next{transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important}
body.em2026 .em-slider-prev:hover,body.em2026 .em-slider-next:hover{transform:translateY(-50%) scale(1.08)!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}
body.em2026 .service_section,body.em2026 .why_us_section,body.em2026 .about_section,body.em2026 .product_section{position:relative}
body.em2026 .service_section .container,body.em2026 .why_us_section .container,body.em2026 .about_section .container{position:relative;z-index:1}
body.em2026 .service_section .box,body.em2026 .why_us_container>.box,body.em2026 .machine-model-card{overflow:hidden!important}
body.em2026 .service_section .box:after,body.em2026 .machine-model-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--em-yellow),var(--em-gold));transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
body.em2026 .service_section .box:hover:after,body.em2026 .machine-model-card:hover:after{transform:scaleX(1)}
body.em2026 .service_section .box,body.em2026 .machine-model-card{position:relative!important}
body.em2026 .heading_container h2{letter-spacing:-.02em}

/* YOUTUBE: dedicated wrapper, immune to old iframe/js-video rules */
body.em2026 .em-youtube-frame{position:relative!important;display:block!important;width:min(100%,960px)!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;margin:28px auto 40px!important;padding:0!important;overflow:hidden!important;background:#0b0d11!important;border:1px solid #252b34!important;border-radius:18px!important;box-shadow:0 18px 46px rgba(0,0,0,.2)!important;line-height:0!important}
body.em2026 .em-youtube-frame iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;display:block!important;transform:none!important}
body.em2026 .em-youtube-frame:before,body.em2026 .em-youtube-frame:after{display:none!important;content:none!important}

/* ABOUT: preserve original photography. No crop, no fixed-height timeline cards. */
body.page-about .about_section .img-box{overflow:visible!important;min-height:0!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:transparent!important}
body.page-about .about_section .img-box:before,body.page-about .about_section .img-box:after{display:none!important;content:none!important}
body.page-about .about_section .img-box img{display:block!important;width:100%!important;height:auto!important;max-width:846px!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;padding:0!important;clip-path:none!important;transform:none!important;border-radius:16px!important;box-shadow:0 15px 38px rgba(16,20,26,.12)!important}
body.page-about #timeline{padding:70px 18px!important;overflow:visible!important}
body.page-about #timeline .demo-card-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;width:min(1180px,100%)!important;height:auto!important;margin:0 auto!important;align-items:start!important}
body.page-about #timeline .demo-card-wrapper:after{display:none!important;content:none!important}
body.page-about #timeline .demo-card{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;border:1px solid #e4e7eb!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 36px rgba(14,18,24,.09)!important;transition:transform .25s ease,box-shadow .25s ease!important}
body.page-about #timeline .demo-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 46px rgba(14,18,24,.14)!important}
body.page-about #timeline .demo-card .head{min-height:86px!important;padding:14px 18px!important;background:linear-gradient(135deg,#20242a,#101216)!important}
body.page-about #timeline .demo-card .head:before,body.page-about #timeline .demo-card .head:after{display:none!important;content:none!important}
body.page-about #timeline .demo-card .number-box{flex:0 0 auto!important;margin:0 14px 0 0!important;border-radius:10px!important;background:var(--em-yellow)!important;color:#111!important}
body.page-about #timeline .demo-card .head h2{font-size:18px!important;line-height:1.3!important;margin:0!important;color:#fff!important}
body.page-about #timeline .demo-card .body{height:auto!important;min-height:0!important;padding:22px!important;background:#fff!important;overflow:visible!important}
body.page-about #timeline .demo-card .body p{min-height:0!important;margin:0 0 18px!important;line-height:1.7!important;color:#3e4650!important}
body.page-about #timeline .demo-card .body img{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;padding:0!important;clip-path:none!important;transform:none!important;background:#f6f7f8!important;border-radius:14px!important}
body.page-about #timeline .demo-card:nth-child(n){order:initial!important}

@media(max-width:900px){
 body.page-about #timeline .demo-card-wrapper{grid-template-columns:1fr!important;gap:22px!important}
 body.em2026 .em-youtube-frame{width:100%!important;border-radius:14px!important;margin:20px auto 30px!important}
}
@media(max-width:700px){
 body.em2026 .em-slide-media img{transform:none!important}
 body.page-about #timeline{padding:45px 12px!important}
 body.page-about #timeline .demo-card .body{padding:16px!important}
}