/* Misting İstanbul Premium UI V44 — universal hero, watch page and GSC-safe components */
:root{
 --mi44-navy:#031a2b;--mi44-navy-2:#06283a;--mi44-teal:#0b8f8a;--mi44-aqua:#13c5bd;
 --mi44-mint:#8be5d4;--mi44-white:#f7ffff;--mi44-ink:#0a2635;--mi44-muted:#557383;
 --mi44-line:rgba(119,220,209,.22);--mi44-shadow:0 30px 90px rgba(0,25,36,.28);
}
html{scroll-behavior:smooth}
body.mi44-premium{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.mi44-premium a,body.mi44-premium button{-webkit-tap-highlight-color:transparent}
.mi44-universal-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--mi44-navy),#06344a 58%,#07545b);color:#fff;padding:34px 0 30px;border-bottom:1px solid rgba(117,228,214,.16)}
.mi44-universal-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 18%,rgba(19,197,189,.30),transparent 28%),radial-gradient(circle at 12% 90%,rgba(21,145,183,.18),transparent 34%),linear-gradient(120deg,rgba(2,19,33,.96) 0%,rgba(3,30,47,.86) 48%,rgba(4,37,49,.44) 100%)}
.mi44-universal-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(122,224,213,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(122,224,213,.15) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.mi44-hero-shell{position:relative;width:min(1280px,calc(100% - 36px));min-height:390px;margin:0 auto;display:flex;align-items:center}
.mi44-hero-media{position:absolute;inset:-34px -4vw -30px 44%;z-index:-2;margin:0;overflow:hidden}
.mi44-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031a2b 0%,rgba(3,26,43,.76) 13%,rgba(3,26,43,.15) 56%,rgba(3,26,43,.12) 100%)}
.mi44-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.93) contrast(1.04);opacity:.9}
.mi44-hero-card{width:min(760px,66%);padding:clamp(24px,3.4vw,46px);border:1px solid rgba(151,237,225,.28);border-radius:28px;background:linear-gradient(145deg,rgba(4,31,48,.86),rgba(5,42,58,.62));box-shadow:var(--mi44-shadow);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
.mi44-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 22px;color:rgba(237,255,252,.72);font-size:13px;font-weight:700}
.mi44-breadcrumb a{color:rgba(237,255,252,.82)!important;text-decoration:none!important}.mi44-breadcrumb a:hover{color:#fff!important}.mi44-breadcrumb i{font-style:normal;color:var(--mi44-aqua)}
.mi44-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(101,236,220,.28);border-radius:999px;background:linear-gradient(90deg,rgba(8,133,139,.66),rgba(10,181,167,.46));color:#dffff9;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.mi44-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#5bf1de;box-shadow:0 0 0 5px rgba(91,241,222,.12)}
.mi44-hero-card h1{margin:18px 0 14px;color:#fff!important;font-size:clamp(34px,4.6vw,62px)!important;line-height:1.03!important;letter-spacing:-.043em!important;text-wrap:balance}
.mi44-hero-lead{max-width:740px;margin:0;color:rgba(234,251,250,.82);font-size:clamp(15px,1.45vw,18px);line-height:1.72}
.mi44-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.mi44-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 20px;border:1px solid transparent;border-radius:14px;font:850 14px/1.2 inherit;text-decoration:none!important;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.mi44-btn-primary{background:linear-gradient(135deg,#0899a1,#11bfae);color:#fff!important;box-shadow:0 14px 34px rgba(9,177,170,.26)}
.mi44-btn-secondary{border-color:rgba(205,255,249,.42);background:rgba(6,31,47,.48);color:#efffff!important;backdrop-filter:blur(10px)}
.mi44-btn:hover{transform:translateY(-2px);box-shadow:0 17px 40px rgba(5,180,173,.22)}
.mi44-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:27px;padding-top:21px;border-top:1px solid rgba(159,236,226,.18)}
.mi44-trust-item{display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center;min-width:0}.mi44-trust-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(21,193,181,.12);border:1px solid rgba(99,235,219,.25);color:#72ecdc;font-size:15px}.mi44-trust-item strong{display:block;color:#fff;font-size:12px;line-height:1.25}.mi44-trust-item span{display:block;margin-top:2px;color:rgba(228,250,247,.58);font-size:10px;line-height:1.25}
.mi44-hero-product .mi44-hero-media{inset:25px 1% 25px 58%;z-index:-1;border:1px solid rgba(174,242,232,.22);border-radius:26px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.98),rgba(223,247,244,.88));box-shadow:0 25px 80px rgba(0,0,0,.25)}
.mi44-hero-product .mi44-hero-media:after{background:linear-gradient(90deg,rgba(3,26,43,.2),transparent 32%)}
.mi44-hero-product .mi44-hero-media img{object-fit:contain;padding:22px;opacity:.96;mix-blend-mode:multiply;filter:drop-shadow(0 20px 25px rgba(2,38,47,.18)) saturate(1.02)}
.mi44-hero-product .mi44-hero-card{width:min(720px,62%)}
/* Existing content is now a section below the common hero */
.msi-product-hero.mi44-product-content{min-height:0!important;padding:34px 0 55px!important;background:linear-gradient(180deg,#f4fbfb,#fff)!important;border:0!important}
.msi-product-hero.mi44-product-content:before{display:none!important}.msi-product-hero.mi44-product-content .msi-breadcrumb{display:none!important}
.msi-product-hero.mi44-product-content .msi-product-summary,.msi-product-hero.mi44-product-content .msi-gallery-panel{border:1px solid rgba(9,119,126,.14)!important;border-radius:25px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 22px 65px rgba(5,52,64,.11)!important}
.msi-product-hero.mi44-product-content .msi-product-summary h2.mi44-context-heading{margin:8px 0 14px;color:#06374a;font-size:clamp(26px,3vw,39px);line-height:1.1}
.v42-category-showcase.mi44-category-content{padding-top:38px!important;background:linear-gradient(180deg,#f4fbfb,#fff)!important}.v42-category-showcase.mi44-category-content:before{display:none!important}
.mi44-service-intro{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:clamp(24px,4vw,42px)!important;border:1px solid rgba(8,127,132,.15)!important;border-radius:26px!important;background:linear-gradient(145deg,#fff,#eef9f8)!important;box-shadow:0 22px 65px rgba(4,55,66,.11)!important}.mi44-service-intro .mi-detail-hero-media{display:none!important}.mi44-service-intro h2{color:#06374a!important;font-size:clamp(27px,3vw,40px)!important}
/* Home hero overlay aligned with universal visual language */
.mi44-home .mi-image-slider{position:relative;isolation:isolate}.mi44-home .mi-image-slider:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,21,36,.92) 0%,rgba(2,28,43,.72) 44%,rgba(2,25,39,.10) 76%)}
.mi44-home-overlay{position:absolute;z-index:4;left:max(24px,calc((100% - 1240px)/2));top:50%;transform:translateY(-50%);width:min(720px,55%);padding:clamp(24px,3vw,42px);border:1px solid rgba(151,237,225,.27);border-radius:28px;background:linear-gradient(145deg,rgba(3,29,45,.82),rgba(4,48,61,.52));box-shadow:var(--mi44-shadow);backdrop-filter:blur(18px);color:#fff}
.mi44-home-overlay h1{margin:17px 0 13px;color:#fff;font-size:clamp(37px,4.7vw,65px);line-height:1.02;letter-spacing:-.045em}.mi44-home-overlay p{max-width:660px;color:rgba(238,255,252,.80);font-size:17px;line-height:1.7}.mi44-home-overlay .mi44-trust-grid{margin-top:23px}
/* Premium video watch page */
body.mi44-watch-page{background:linear-gradient(145deg,#021523,#052b3d 60%,#063b46);color:#eefefe}
.mi44-watch-main{padding:26px 0 68px;min-height:80vh}.mi44-watch-shell{width:min(1320px,calc(100% - 34px));margin:0 auto}
.mi44-watch-heading{padding:12px 4px 22px}.mi44-watch-heading .mi44-breadcrumb{margin-bottom:19px}.mi44-watch-heading h1{margin:0;color:#fff;font-size:clamp(34px,4.3vw,58px);line-height:1.04;letter-spacing:-.04em}.mi44-watch-heading p{max-width:950px;margin:12px 0 0;color:rgba(229,250,248,.74);font-size:16px;line-height:1.7}
.mi44-watch-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(315px,.86fr);gap:24px;align-items:start}.mi44-watch-left{min-width:0}.mi44-watch-stage{overflow:hidden;border:1px solid rgba(122,229,216,.25);border-radius:24px;background:#031827;box-shadow:0 30px 90px rgba(0,0,0,.32)}
.mi44-watch-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid rgba(131,227,216,.13);background:linear-gradient(90deg,rgba(2,26,43,.98),rgba(4,48,61,.88));font-size:12px;font-weight:850;letter-spacing:.04em}.mi44-watch-topbar b{display:inline-flex;align-items:center;gap:8px}.mi44-watch-topbar b:before{content:"";width:8px;height:8px;border-radius:50%;background:#1dd5c4;box-shadow:0 0 0 5px rgba(29,213,196,.12)}.mi44-watch-topbar span:last-child{color:rgba(228,253,249,.62)}
.mi44-watch-player{position:relative;aspect-ratio:16/9;background:#020d15}.mi44-watch-player iframe,.mi44-watch-player video{display:block;width:100%;height:100%;border:0;object-fit:cover}
.mi44-watch-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 16px;padding:12px;border:1px solid rgba(119,220,209,.20);border-radius:18px;background:rgba(4,35,50,.74);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.mi44-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border:1px solid rgba(153,233,224,.24);border-radius:12px;background:rgba(7,43,58,.75);color:#efffff;font:800 13px/1.2 inherit;text-decoration:none!important;cursor:pointer}.mi44-action-btn:hover{background:rgba(13,77,87,.9);color:#fff}.mi44-action-btn.primary{border-color:transparent;background:linear-gradient(135deg,#0797a0,#10bcae);box-shadow:0 12px 30px rgba(10,184,174,.20)}
.mi44-watch-about{padding:clamp(23px,3vw,36px);border:1px solid rgba(119,220,209,.20);border-radius:22px;background:linear-gradient(145deg,rgba(4,36,52,.88),rgba(5,54,66,.72));box-shadow:0 21px 60px rgba(0,0,0,.18)}.mi44-watch-about h2{margin:10px 0;color:#fff;font-size:clamp(27px,3vw,40px);line-height:1.1}.mi44-watch-about p{margin:0;color:rgba(230,251,248,.74);font-size:15px;line-height:1.78}.mi44-watch-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.mi44-watch-benefit{padding:13px;border:1px solid rgba(122,229,216,.14);border-radius:14px;background:rgba(5,35,50,.55)}.mi44-watch-benefit strong{display:block;color:#fff;font-size:12px}.mi44-watch-benefit span{display:block;margin-top:4px;color:rgba(227,250,247,.58);font-size:11px;line-height:1.35}
.mi44-watch-summary{position:sticky;top:94px;padding:clamp(22px,2.4vw,32px);border:1px solid rgba(126,229,217,.24);border-radius:24px;background:linear-gradient(150deg,rgba(4,35,52,.95),rgba(6,55,68,.80));box-shadow:0 28px 80px rgba(0,0,0,.24)}.mi44-watch-summary h2{margin:17px 0 10px;color:#fff;font-size:clamp(26px,2.7vw,38px);line-height:1.08}.mi44-watch-summary>p{color:rgba(229,250,248,.69);font-size:14px;line-height:1.72}.mi44-watch-meta{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;border:1px solid rgba(137,225,216,.18);border-radius:16px;overflow:hidden}.mi44-watch-meta div{min-height:94px;padding:15px;border-right:1px solid rgba(137,225,216,.15);border-bottom:1px solid rgba(137,225,216,.15)}.mi44-watch-meta div:nth-child(2n){border-right:0}.mi44-watch-meta div:nth-last-child(-n+2){border-bottom:0}.mi44-watch-meta small{display:block;color:rgba(184,227,222,.63);font-size:10px;font-weight:900;letter-spacing:.08em}.mi44-watch-meta strong,.mi44-watch-meta a{display:block;margin-top:7px;color:#efffff!important;font-size:13px;line-height:1.4;text-decoration:none!important}.mi44-watch-list-title{margin:18px 0 10px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em}.mi44-watch-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mi44-watch-list li{position:relative;padding-left:23px;color:rgba(227,250,247,.72);font-size:13px;line-height:1.45}.mi44-watch-list li:before{content:"✓";position:absolute;left:0;top:0;color:#27d8c6;font-weight:900}.mi44-summary-cta{margin-top:22px;padding:18px;border:1px solid rgba(127,226,215,.17);border-radius:16px;background:rgba(2,28,43,.55)}.mi44-summary-cta strong{display:block;color:#fff}.mi44-summary-cta p{margin:6px 0 12px;color:rgba(225,248,245,.62);font-size:12px;line-height:1.55}.mi44-summary-cta a{color:#5fe7d7!important;font-weight:850;text-decoration:none!important}
.mi44-watch-lower{margin-top:28px}.mi44-watch-lower .mi15-watch-content,.mi44-watch-lower .mi-studio-content-v14{padding:0!important}.mi44-watch-lower h2,.mi44-watch-lower h3{color:inherit}
body.mi44-cinema-open{overflow:hidden}.mi44-cinema-open .mi44-watch-stage{position:fixed;z-index:2147483600;inset:18px;border-radius:22px;background:#020c14}.mi44-cinema-open .mi44-watch-player{height:calc(100vh - 70px);aspect-ratio:auto}.mi44-cinema-open:before{content:"";position:fixed;inset:0;z-index:2147483500;background:rgba(0,10,17,.96);backdrop-filter:blur(10px)}
/* Ecosystem and service CTA harmonization */
.megamist-ecosystem-note.mi43-ecosystem{border-color:rgba(7,143,143,.18)!important;background:radial-gradient(circle at 92% 10%,rgba(20,197,187,.18),transparent 32%),linear-gradient(135deg,#f8ffff,#e8f7f6 56%,#f7fbff)!important;box-shadow:0 24px 70px rgba(4,54,65,.12)!important}.mi43-service-boost{background:linear-gradient(135deg,#05283a 0%,#075666 56%,#0b8b86 100%)!important}
/* Product/lightbox visual consistency */
.msi-lightbox,.fancybox-overlay,.pp_overlay{background:rgba(1,20,30,.88)!important;backdrop-filter:blur(18px) saturate(120%)}.msi-lightbox figure,.fancybox-skin,.pp_pic_holder{background:linear-gradient(145deg,rgba(4,41,56,.96),rgba(6,77,81,.92))!important;border:1px solid rgba(115,229,215,.32)!important;box-shadow:0 38px 110px rgba(0,0,0,.48)!important}.msi-lightbox figcaption{background:rgba(3,28,42,.94)!important;color:#edfffc!important}
@media(max-width:1050px){.mi44-hero-card,.mi44-hero-product .mi44-hero-card{width:min(760px,72%)}.mi44-watch-grid{grid-template-columns:1fr}.mi44-watch-summary{position:relative;top:auto}.mi44-watch-summary{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.mi44-watch-meta{margin:0}.mi44-watch-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mi44-hero-shell{min-height:360px}.mi44-hero-card,.mi44-hero-product .mi44-hero-card{width:100%}.mi44-hero-media{inset:-34px -80px -30px 18%}.mi44-hero-media:after{background:linear-gradient(90deg,rgba(3,26,43,.92),rgba(3,26,43,.58) 65%,rgba(3,26,43,.34))}.mi44-hero-product .mi44-hero-media{inset:10px -15% 10px 45%;opacity:.28;border:0;background:transparent}.mi44-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi44-home-overlay{left:18px;width:calc(100% - 36px)}.mi44-home .mi-image-slider:after{background:rgba(2,23,37,.58)}.mi44-watch-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mi44-watch-summary{grid-template-columns:1fr}}
@media(max-width:560px){.mi44-universal-hero{padding:18px 0}.mi44-hero-shell{width:min(100% - 22px,1280px);min-height:0}.mi44-hero-card{padding:22px;border-radius:22px}.mi44-hero-card h1{font-size:clamp(31px,10vw,43px)!important}.mi44-hero-lead{font-size:14px}.mi44-hero-actions{display:grid}.mi44-btn{width:100%}.mi44-trust-grid{gap:8px}.mi44-trust-item{grid-template-columns:28px 1fr}.mi44-trust-item span{display:none}.mi44-home-overlay{top:auto;bottom:18px;transform:none;padding:22px}.mi44-home-overlay h1{font-size:34px}.mi44-home-overlay p{font-size:14px}.mi44-home-overlay .mi44-trust-grid{display:none}.mi44-watch-shell{width:calc(100% - 20px)}.mi44-watch-main{padding-top:14px}.mi44-watch-heading h1{font-size:34px}.mi44-watch-actions{grid-template-columns:1fr}.mi44-watch-benefits{grid-template-columns:1fr 1fr}.mi44-watch-meta{grid-template-columns:1fr}.mi44-watch-meta div{border-right:0!important}.mi44-watch-meta div:nth-last-child(-n+2){border-bottom:1px solid rgba(137,225,216,.15)}.mi44-watch-meta div:last-child{border-bottom:0}.mi44-cinema-open .mi44-watch-stage{inset:0;border-radius:0}.mi44-cinema-open .mi44-watch-player{height:calc(100vh - 56px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mi44-btn{transition:none}}

/* V44 watch-page background specificity patch */
html body.mi44-watch-page{background:linear-gradient(145deg,#021523,#052b3d 60%,#063b46)!important;color:#eefefe!important}
html body.mi44-watch-page .mi44-watch-main{background:linear-gradient(145deg,#021523,#052b3d 60%,#063b46)!important;color:#eefefe!important}
html body.mi44-watch-page .mi44-watch-heading,
html body.mi44-watch-page .mi44-watch-heading h1,
html body.mi44-watch-page .mi44-watch-heading p{color:#eefefe!important}


/* V45 rapid product hero + homepage slider refinement — 2026-07-21 */
/* Requested CTA removal, with a CSS fallback in case an older cached HTML fragment survives. */
.mi44-hero-product .mi44-hero-actions,
.mi44-home-overlay > .mi44-hero-actions{display:none!important}

/* Slightly smaller product title, without changing service/category hero typography. */
.mi44-hero-product .mi44-hero-card h1{
 font-size:clamp(32px,4.05vw,56px)!important;
 line-height:1.055!important;
 letter-spacing:-.038em!important;
}

/* Product media becomes a true responsive grid panel instead of an absolute crop. */
.mi44-hero-product .mi44-hero-shell{
 display:grid!important;
 grid-template-columns:minmax(0,1.08fr) minmax(340px,.78fr)!important;
 grid-template-areas:"card media"!important;
 gap:22px!important;
 align-items:stretch!important;
 min-height:clamp(390px,31vw,470px)!important;
}
.mi44-hero-product .mi44-hero-card{
 grid-area:card!important;
 width:auto!important;
 min-width:0!important;
 align-self:stretch!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
}
.mi44-hero-product .mi44-hero-media{
 grid-area:media!important;
 position:relative!important;
 inset:auto!important;
 z-index:0!important;
 width:100%!important;
 height:auto!important;
 min-height:100%!important;
 margin:0!important;
 display:grid!important;
 place-items:center!important;
 overflow:hidden!important;
 opacity:1!important;
 border:1px solid rgba(174,242,232,.25)!important;
 border-radius:26px!important;
 background:linear-gradient(145deg,rgba(247,255,254,.98),rgba(216,242,239,.94))!important;
 box-shadow:0 25px 80px rgba(0,0,0,.22)!important;
}
.mi44-hero-product .mi44-hero-media:after{display:none!important}
.mi44-hero-product .mi44-hero-media img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 padding:clamp(14px,1.8vw,24px)!important;
 object-fit:contain!important;
 object-position:center!important;
 opacity:1!important;
 mix-blend-mode:multiply!important;
 filter:drop-shadow(0 18px 24px rgba(2,38,47,.16)) saturate(1.02)!important;
}

/* Slider overlay naturally closes the CTA gap. */
.mi44-home-overlay .mi44-trust-grid{margin-top:24px!important}

@media(max-width:980px){
 .mi44-hero-product .mi44-hero-shell{
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  gap:16px!important;
 }
 .mi44-hero-product .mi44-hero-card h1{font-size:clamp(31px,4.7vw,48px)!important}
}
@media(max-width:820px){
 .mi44-hero-product .mi44-hero-shell{
  grid-template-columns:1fr!important;
  grid-template-areas:"card" "media"!important;
  min-height:0!important;
  gap:16px!important;
 }
 .mi44-hero-product .mi44-hero-card{width:100%!important}
 .mi44-hero-product .mi44-hero-media{
  min-height:0!important;
  height:clamp(285px,58vw,420px)!important;
  border-radius:22px!important;
 }
 .mi44-hero-product .mi44-hero-media img{padding:clamp(12px,3vw,22px)!important}
}
@media(max-width:560px){
 .mi44-hero-product .mi44-hero-card h1{font-size:clamp(29px,9.2vw,39px)!important}
 .mi44-hero-product .mi44-hero-media{height:clamp(235px,74vw,330px)!important;border-radius:19px!important}
 .mi44-home-overlay .mi44-trust-grid{margin-top:18px!important}
}


/* V46 compact universal hero, slider cleanup and responsive SEO media — 2026-07-21 */
/* All universal hero CTA blocks are intentionally removed from markup; this is the cache-safe fallback. */
.mi44-universal-hero .mi44-hero-actions,
.mi44-home-overlay{display:none!important}

/* The homepage slider remains visual-only; the former overlay and heavy gradient are removed. */
.mi44-home .mi-image-slider:after{display:none!important}
.mi44-home .mi-image-slider{background:#031a2b}

/* Shared compact hero: content at left, relevant media at right. */
.mi44-universal-hero.mi46-compact-hero{
 padding:18px 0!important;
 min-height:0!important;
 background:linear-gradient(135deg,#021725 0%,#043146 57%,#07565b 100%)!important;
}
.mi46-compact-hero .mi44-hero-shell{
 width:min(1320px,calc(100% - 32px))!important;
 min-height:0!important;
 display:grid!important;
 grid-template-columns:minmax(0,1.12fr) minmax(320px,.80fr)!important;
 grid-template-areas:"card media"!important;
 gap:20px!important;
 align-items:stretch!important;
}
.mi46-compact-hero .mi44-hero-card{
 grid-area:card!important;
 width:auto!important;
 min-width:0!important;
 min-height:clamp(330px,27vw,410px)!important;
 padding:clamp(24px,2.8vw,38px)!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 border-radius:26px!important;
 background:linear-gradient(145deg,rgba(3,29,45,.93),rgba(4,50,62,.72))!important;
 box-shadow:0 22px 66px rgba(0,19,30,.27)!important;
}
.mi46-compact-hero .mi44-hero-media{
 grid-area:media!important;
 position:relative!important;
 inset:auto!important;
 z-index:0!important;
 width:100%!important;
 height:auto!important;
 min-height:clamp(330px,27vw,410px)!important;
 margin:0!important;
 overflow:hidden!important;
 border:1px solid rgba(166,237,227,.26)!important;
 border-radius:26px!important;
 box-shadow:0 22px 66px rgba(0,19,30,.25)!important;
 opacity:1!important;
}
.mi46-compact-hero .mi44-hero-media:after{display:none!important}
.mi46-compact-hero .mi44-hero-media img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 opacity:1!important;
}
.mi46-compact-hero .mi44-breadcrumb{
 margin-bottom:14px!important;
 gap:8px!important;
 font-size:12px!important;
 line-height:1.35!important;
}
.mi46-compact-hero .mi44-eyebrow{
 width:min(100%,620px)!important;
 min-height:36px!important;
 padding:7px 12px!important;
 margin:0!important;
 font-size:10.5px!important;
}
.mi46-compact-hero .mi44-hero-card h1{
 margin:17px 0 12px!important;
 font-size:clamp(31px,3.75vw,53px)!important;
 line-height:1.04!important;
 letter-spacing:-.038em!important;
}
.mi46-compact-hero .mi44-hero-lead{
 max-width:720px!important;
 font-size:clamp(14px,1.25vw,17px)!important;
 line-height:1.66!important;
}
.mi46-compact-hero .mi44-trust-grid{
 gap:9px!important;
 margin-top:22px!important;
 padding-top:18px!important;
}
.mi46-compact-hero .mi44-trust-item{
 grid-template-columns:30px minmax(0,1fr)!important;
 gap:8px!important;
}
.mi46-compact-hero .mi44-trust-icon{width:30px!important;height:30px!important;border-radius:9px!important}
.mi46-compact-hero .mi44-trust-item strong{font-size:11.5px!important}
.mi46-compact-hero .mi44-trust-item span{font-size:9.5px!important}

/* Product and product-category media use a clean catalogue panel without cropping. */
.mi46-product-hero .mi44-hero-media,
.mi46-product-category-hero .mi44-hero-media{
 display:grid!important;
 place-items:center!important;
 background:linear-gradient(145deg,#fbffff 0%,#e7f4f2 100%)!important;
}
.mi46-product-hero .mi44-hero-media img,
.mi46-product-category-hero .mi44-hero-media img{
 object-fit:contain!important;
 object-position:center!important;
 padding:clamp(14px,1.7vw,24px)!important;
 mix-blend-mode:multiply!important;
 filter:drop-shadow(0 17px 22px rgba(2,38,47,.15)) saturate(1.02)!important;
}

/* Service and corporate media preserve the subject with a premium edge-to-edge crop. */
.mi46-service-hero .mi44-hero-media,
.mi46-generic-hero .mi44-hero-media{background:#052c3c!important}
.mi46-service-hero .mi44-hero-media img,
.mi46-generic-hero .mi44-hero-media img{
 object-fit:cover!important;
 object-position:center!important;
 padding:0!important;
 filter:saturate(.96) contrast(1.035)!important;
}

/* Compact, visible homepage H1 outside the slider: semantic context without overlaying the slides. */
.mi46-home-intro{
 position:relative;
 overflow:hidden;
 padding:24px 18px 26px;
 background:linear-gradient(135deg,#031b2b,#06384b 60%,#08736f);
 color:#fff;
 border-bottom:1px solid rgba(117,228,214,.18);
}
.mi46-home-intro:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at 85% 20%,rgba(35,213,195,.20),transparent 30%);
}
.mi46-home-intro-shell{position:relative;width:min(1240px,100%);margin:0 auto;text-align:center}
.mi46-home-intro .mi44-eyebrow{font-size:10px;padding:6px 11px}
.mi46-home-intro h1{
 max-width:980px;margin:13px auto 8px;color:#fff!important;
 font-size:clamp(29px,3.5vw,46px)!important;line-height:1.07!important;letter-spacing:-.035em!important;
}
.mi46-home-intro p{max-width:850px;margin:0 auto;color:rgba(235,255,252,.76);font-size:15px;line-height:1.65}

@media(max-width:1080px){
 .mi46-compact-hero .mi44-hero-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;gap:16px!important}
 .mi46-compact-hero .mi44-hero-card,.mi46-compact-hero .mi44-hero-media{min-height:340px!important}
 .mi46-compact-hero .mi44-hero-card h1{font-size:clamp(30px,4.15vw,47px)!important}
}
@media(max-width:820px){
 .mi44-universal-hero.mi46-compact-hero{padding:14px 0!important}
 .mi46-compact-hero .mi44-hero-shell{
  width:min(100% - 24px,760px)!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"card" "media"!important;
  gap:14px!important;
 }
 .mi46-compact-hero .mi44-hero-card{min-height:0!important;padding:24px!important;border-radius:22px!important}
 .mi46-compact-hero .mi44-hero-media{min-height:0!important;height:clamp(245px,55vw,380px)!important;border-radius:22px!important}
 .mi46-compact-hero .mi44-eyebrow{width:100%!important}
 .mi46-compact-hero .mi44-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 .mi44-universal-hero.mi46-compact-hero{padding:11px 0!important}
 .mi46-compact-hero .mi44-hero-shell{width:calc(100% - 18px)!important;gap:10px!important}
 .mi46-compact-hero .mi44-hero-card{padding:20px 18px!important;border-radius:19px!important}
 .mi46-compact-hero .mi44-breadcrumb{margin-bottom:11px!important;font-size:11px!important}
 .mi46-compact-hero .mi44-eyebrow{min-height:32px!important;font-size:9.5px!important}
 .mi46-compact-hero .mi44-hero-card h1{font-size:clamp(29px,9vw,39px)!important;margin:14px 0 10px!important}
 .mi46-compact-hero .mi44-hero-lead{font-size:13.5px!important;line-height:1.6!important}
 .mi46-compact-hero .mi44-trust-grid{margin-top:17px!important;padding-top:15px!important;gap:8px!important}
 .mi46-compact-hero .mi44-trust-item span{display:block!important;font-size:9px!important}
 .mi46-compact-hero .mi44-hero-media{height:clamp(225px,72vw,310px)!important;border-radius:19px!important}
 .mi46-product-hero .mi44-hero-media img,.mi46-product-category-hero .mi44-hero-media img{padding:12px!important}
 .mi46-home-intro{padding:20px 14px 22px}
 .mi46-home-intro h1{font-size:clamp(28px,8vw,37px)!important}
 .mi46-home-intro p{font-size:13.5px}
}


/* V47 fan hero, reference hero and premium video CTA — 2026-07-21 */
.mi47-fans-hero .mi44-hero-card,
.mi47-fans-hero .mi44-hero-media,
.mi47-references-hero .mi44-hero-card,
.mi47-references-hero .mi44-hero-media{
 min-height:clamp(300px,25vw,372px)!important;
}
.mi47-fans-hero .mi44-hero-shell,
.mi47-references-hero .mi44-hero-shell{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important}
.mi47-fans-hero .mi44-hero-media,
.mi47-references-hero .mi44-hero-media{background:#062838!important}
.mi47-fans-hero .mi44-hero-media img,
.mi47-references-hero .mi44-hero-media img{
 object-fit:cover!important;padding:0!important;mix-blend-mode:normal!important;
 filter:saturate(.94) contrast(1.045)!important;
}
.mi47-fans-hero .mi44-hero-media img{object-position:42% 48%!important}
.mi47-references-hero .mi44-hero-media img{object-position:46% 36%!important}
.mi47-fans-hero .mi44-hero-card h1,
.mi47-references-hero .mi44-hero-card h1{font-size:clamp(31px,3.45vw,49px)!important}

.mi47-video-cta{
 position:relative!important;overflow:hidden!important;padding:54px 0!important;
 background:linear-gradient(135deg,#031a2d 0%,#073d5b 58%,#082e50 100%)!important;
}
.mi47-video-cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 12%,rgba(48,189,239,.22),transparent 31%),repeating-radial-gradient(ellipse at 10% 0%,transparent 0 18px,rgba(105,207,239,.035) 19px 20px)}
.mi47-video-cta .container{position:relative!important}
.mi47-video-cta .mi-service-video-shell-v25{
 display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
 gap:34px!important;align-items:center!important;padding:30px!important;
 border:1px solid rgba(195,226,242,.88)!important;border-radius:32px!important;
 background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(242,248,253,.98))!important;
 box-shadow:0 32px 90px rgba(0,14,38,.34)!important;
}
.mi47-video-cta .mi-service-video-media-v25{
 position:relative!important;display:block!important;overflow:hidden!important;min-height:0!important;
 aspect-ratio:16/10!important;border-radius:24px!important;background:#061f33!important;
 box-shadow:0 22px 48px rgba(1,22,45,.25)!important;
}
.mi47-video-cta .mi-service-video-media-v25:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,23,42,.03) 45%,rgba(0,24,45,.82) 100%)}
.mi47-video-cta .mi-service-video-media-v25 img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .45s ease,filter .45s ease!important;filter:saturate(.92) contrast(1.04)!important}
.mi47-video-cta .mi-service-video-media-v25:hover img{transform:scale(1.025)!important;filter:saturate(1) contrast(1.055)!important}
.mi47-video-cta .mi-service-video-badge-v25{top:22px!important;left:22px!important;z-index:3!important;padding:9px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#102a43!important;box-shadow:0 9px 25px rgba(0,19,39,.18)!important;font-size:11px!important;letter-spacing:.055em!important}
.mi47-video-cta .mi-service-video-badge-v25 i{color:#1676d2!important}
.mi47-video-cta .mi-service-video-play-v25{
 z-index:3!important;width:96px!important;height:96px!important;border:12px solid rgba(255,255,255,.28)!important;
 background:#fff!important;color:#126dcc!important;box-shadow:0 0 0 13px rgba(114,203,239,.18),0 18px 38px rgba(0,25,55,.26)!important;
}
.mi47-video-cta .mi-service-video-play-v25 i{font-size:31px!important;margin-left:5px!important}
.mi47-video-proof{position:absolute;z-index:4;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(2,25,46,.78);backdrop-filter:blur(12px);color:#fff}
.mi47-video-proof span{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;line-height:1.25}
.mi47-video-proof i{color:#83d9ff;font-size:15px}
.mi47-video-cta .mi-service-video-content-v25{padding:8px 12px 8px 0!important}
.mi47-video-cta .mi-service-video-kicker-v25{display:inline-flex!important;align-items:center!important;width:auto!important;padding:8px 14px!important;border:1px solid #c5ddf2!important;border-radius:999px!important;background:#f5faff!important;color:#1162b5!important;font-size:11px!important;font-weight:900!important;letter-spacing:.11em!important}
.mi47-video-cta .mi-service-video-content-v25 h2{margin:20px 0 17px!important;color:#0b2545!important;font-size:clamp(31px,3vw,47px)!important;line-height:1.07!important;letter-spacing:-.035em!important}
.mi47-video-cta .mi-service-video-content-v25 p{color:#5d7189!important;font-size:16px!important;line-height:1.72!important}
.mi47-video-cta .mi-service-video-signals-v25{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:23px 0 26px!important}
.mi47-video-cta .mi-service-video-signals-v25 span{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:64px!important;padding:11px!important;border:1px solid #d5e2ee!important;border-radius:15px!important;background:#fff!important;color:#173a5d!important;font-size:12px!important;font-weight:800!important;text-align:center!important;box-shadow:0 8px 20px rgba(14,58,92,.06)!important}
.mi47-video-cta .mi-service-video-signals-v25 i{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:50%!important;background:#e8f7fd!important;color:#1499cf!important}
.mi47-video-cta .mi-service-video-actions-v25{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.mi47-video-cta .mi-service-video-btn-v25{min-height:58px!important;border-radius:14px!important;font-size:15px!important;font-weight:900!important;justify-content:center!important}
.mi47-video-cta .mi-service-video-btn-v25.is-primary{background:linear-gradient(105deg,#176bd7,#2fc6df)!important;color:#fff!important;border:0!important;box-shadow:0 16px 30px rgba(19,112,203,.23)!important}
.mi47-video-cta .mi-service-video-btn-v25.is-primary:hover{transform:translateY(-2px)!important;box-shadow:0 20px 36px rgba(19,112,203,.3)!important}
.mi47-video-cta .mi-service-video-btn-v25.is-secondary{width:max-content!important;min-width:230px!important;background:#fff!important;color:#1b4266!important;border:1px solid #bdd6e9!important}
@media(max-width:1000px){
 .mi47-video-cta .mi-service-video-shell-v25{grid-template-columns:1fr!important;gap:26px!important;padding:24px!important}
 .mi47-video-cta .mi-service-video-content-v25{padding:0 4px 4px!important}
 .mi47-fans-hero .mi44-hero-shell,.mi47-references-hero .mi44-hero-shell{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr)!important}
}
@media(max-width:820px){
 .mi47-fans-hero .mi44-hero-shell,.mi47-references-hero .mi44-hero-shell{grid-template-columns:1fr!important}
 .mi47-fans-hero .mi44-hero-card,.mi47-fans-hero .mi44-hero-media,.mi47-references-hero .mi44-hero-card,.mi47-references-hero .mi44-hero-media{min-height:0!important}
 .mi47-fans-hero .mi44-hero-media,.mi47-references-hero .mi44-hero-media{height:clamp(230px,56vw,360px)!important}
 .mi47-video-cta{padding:34px 0!important}
}
@media(max-width:620px){
 .mi47-video-cta{padding:24px 0!important}
 .mi47-video-cta .mi-service-video-shell-v25{padding:14px!important;border-radius:22px!important;gap:20px!important}
 .mi47-video-cta .mi-service-video-media-v25{border-radius:17px!important;aspect-ratio:4/3!important}
 .mi47-video-cta .mi-service-video-badge-v25{top:12px!important;left:12px!important;padding:7px 10px!important;font-size:9px!important}
 .mi47-video-cta .mi-service-video-play-v25{width:72px!important;height:72px!important;border-width:9px!important}
 .mi47-video-proof{left:10px;right:10px;bottom:10px;grid-template-columns:1fr;padding:10px 12px;gap:5px}
 .mi47-video-proof span{font-size:10px}.mi47-video-proof span:nth-child(n+2){display:none}
 .mi47-video-cta .mi-service-video-content-v25 h2{font-size:clamp(28px,8vw,37px)!important;margin:16px 0 12px!important}
 .mi47-video-cta .mi-service-video-content-v25 p{font-size:14px!important;line-height:1.62!important}
 .mi47-video-cta .mi-service-video-signals-v25{grid-template-columns:1fr!important;margin:18px 0 20px!important}
 .mi47-video-cta .mi-service-video-signals-v25 span{min-height:50px!important;justify-content:flex-start!important;text-align:left!important}
 .mi47-video-cta .mi-service-video-btn-v25.is-secondary{width:100%!important;min-width:0!important}
}

/* V48 — PROJECT-WIDE UNIVERSAL HERO STANDARD — 2026-07-21
   Reference geometry: /vantilatorler. Every universal hero now shares one
   desktop/tablet/mobile size system. Content semantics and image-fit remain
   page-type aware, but dimensions and proportions never drift. */
.mi44-universal-hero.mi46-compact-hero{
  padding:18px 0!important;
  min-height:0!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-shell{
  width:min(1320px,calc(100% - 32px))!important;
  min-height:372px!important;
  height:372px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;
  grid-template-areas:"card media"!important;
  gap:20px!important;
  align-items:stretch!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-card,
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
  min-height:372px!important;
  height:372px!important;
  max-height:372px!important;
  border-radius:26px!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-card{
  grid-area:card!important;
  width:auto!important;
  min-width:0!important;
  padding:clamp(26px,2.65vw,38px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
  grid-area:media!important;
  position:relative!important;
  inset:auto!important;
  z-index:0!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-card h1{
  margin:15px 0 11px!important;
  font-size:clamp(30px,3.35vw,49px)!important;
  line-height:1.04!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-lead{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  font-size:clamp(14px,1.15vw,16.5px)!important;
  line-height:1.62!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-trust-grid{
  margin-top:18px!important;
  padding-top:16px!important;
  gap:8px!important;
}
/* Catalogue visuals keep the whole product visible in the same fixed frame. */
.mi48-hero-standard.mi46-product-hero .mi44-hero-media,
.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media{
  background:linear-gradient(145deg,#fbffff 0%,#e7f4f2 100%)!important;
}
.mi48-hero-standard.mi46-product-hero .mi44-hero-media img,
.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media img{
  object-fit:contain!important;
  object-position:center!important;
  padding:clamp(18px,2vw,28px)!important;
}
/* The fan category is the visual reference and intentionally uses a full-bleed field image. */
.mi48-hero-standard.mi47-fans-hero .mi44-hero-media img{
  object-fit:cover!important;
  object-position:42% 48%!important;
  padding:0!important;
  mix-blend-mode:normal!important;
}
/* Services, references and corporate pages use full-bleed photography while
   keeping exactly the same frame geometry as product heroes. */
.mi48-hero-standard.mi46-service-hero .mi44-hero-media img,
.mi48-hero-standard.mi46-generic-hero .mi44-hero-media img,
.mi48-hero-standard.mi47-references-hero .mi44-hero-media img{
  object-fit:cover!important;
  padding:0!important;
  mix-blend-mode:normal!important;
}
@media(max-width:1080px){
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-shell{
    width:min(100% - 28px,1040px)!important;
    min-height:350px!important;height:350px!important;
    grid-template-columns:minmax(0,.98fr) minmax(340px,1.02fr)!important;
    gap:16px!important;
  }
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-card,
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
    min-height:350px!important;height:350px!important;max-height:350px!important;
  }
}
@media(max-width:820px){
  .mi44-universal-hero.mi48-hero-standard{padding:14px 0!important}
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-shell{
    width:min(100% - 24px,760px)!important;
    min-height:0!important;height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"card" "media"!important;
    gap:14px!important;
  }
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-card{
    min-height:0!important;height:auto!important;max-height:none!important;
    padding:24px!important;border-radius:22px!important;
  }
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
    min-height:0!important;height:clamp(250px,55vw,380px)!important;
    max-height:380px!important;border-radius:22px!important;
  }
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-lead{-webkit-line-clamp:4!important}
}
@media(max-width:560px){
  .mi44-universal-hero.mi48-hero-standard{padding:10px 0!important}
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-shell{width:calc(100% - 18px)!important;gap:10px!important}
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-card{padding:20px 18px!important;border-radius:19px!important}
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-media{height:clamp(225px,72vw,310px)!important;max-height:310px!important;border-radius:19px!important}
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-card h1{font-size:clamp(29px,9vw,39px)!important}
  .mi44-universal-hero.mi48-hero-standard .mi44-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ==========================================================
   V49 — RESPONSIVE HERO MEDIA + PREMIUM TECHNICAL PRODUCT CTA
   ========================================================== */

/* Universal hero media: consistent ratio, safe cropping and zero overflow */
.mi44-universal-hero.mi48-hero-standard .mi44-hero-shell{
  overflow:hidden;
  align-items:stretch;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(145deg,#f8fbfd 0%,#e8f1f4 100%);
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(10,49,60,.08);
  z-index:2;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-position:center;
  transition:transform .45s ease;
}
.mi44-universal-hero.mi48-hero-standard:hover .mi44-hero-media img{
  transform:scale(1.018);
}
.mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media img,
.mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media img{
  object-fit:contain;
  padding:clamp(14px,2vw,28px);
}
.mi44-universal-hero.mi48-hero-standard.mi46-service-hero .mi44-hero-media img,
.mi44-universal-hero.mi48-hero-standard.mi46-generic-hero .mi44-hero-media img{
  object-fit:cover;
  padding:0;
}

/* Product detail top grid: visual and summary remain balanced */
.msi-product-detail .msi-hero-grid{
  align-items:stretch;
  gap:clamp(22px,3vw,42px);
}
.msi-product-detail .msi-gallery-panel,
.msi-product-detail .msi-product-summary{
  min-width:0;
}
.msi-product-detail .msi-image-stage{
  aspect-ratio:1/1;
  min-height:0;
}
.msi-product-detail .msi-image-stage>img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

/* Premium Technical Product File CTA */
.msi-product-detail .msi-product-summary{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:clamp(24px,3vw,38px);
  border:1px solid rgba(8,117,136,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(16,188,201,.17),transparent 38%),
    linear-gradient(145deg,#ffffff 0%,#f4fafb 52%,#eaf5f7 100%);
  box-shadow:0 24px 60px rgba(5,35,45,.12),0 4px 16px rgba(5,35,45,.06);
}
.msi-product-detail .msi-product-summary::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,#00a6b5,#22c8c8,#063c4c);
}
.msi-product-detail .msi-product-summary::after{
  content:"PDF • TEKNİK DOSYA";
  position:absolute;
  top:20px;
  right:20px;
  padding:7px 11px;
  border:1px solid rgba(6,60,76,.12);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#075d6d;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 8px 22px rgba(5,35,45,.08);
}
.msi-product-detail .msi-product-summary .msi-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:calc(100% - 140px);
  margin:0 0 14px;
  padding:8px 12px;
  border-radius:999px;
  background:#e3f6f7;
  color:#007b8c;
  font-weight:800;
  letter-spacing:.055em;
}
.msi-product-detail .msi-product-summary .mi44-context-heading{
  margin:0 0 14px;
  color:#073a49;
  font-size:clamp(27px,2.3vw,38px);
  line-height:1.08;
}
.msi-product-detail .msi-product-summary .msi-lead{
  margin-bottom:18px;
  color:#52666d;
  line-height:1.75;
}
.msi-product-detail .msi-summary-tags{
  gap:8px;
  margin-bottom:18px;
}
.msi-product-detail .msi-summary-tags span{
  border:1px solid rgba(0,143,158,.16);
  background:rgba(255,255,255,.82);
  color:#155663;
  box-shadow:0 7px 16px rgba(6,60,76,.05);
}
.msi-product-detail .msi-quick-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px;
}
.msi-product-detail .msi-quick-facts>div{
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(6,60,76,.09);
  border-radius:14px;
  background:rgba(255,255,255,.76);
  box-shadow:0 7px 18px rgba(5,35,45,.045);
}
.msi-product-detail .msi-quick-facts>div:nth-child(n+5){
  grid-column:1/-1;
}
.msi-product-detail .msi-quick-facts span{
  display:block;
  margin-bottom:5px;
  color:#729098;
  font-size:11px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.msi-product-detail .msi-quick-facts strong{
  display:block;
  overflow-wrap:anywhere;
  color:#173f49;
  font-size:14px;
  line-height:1.45;
}
.msi-product-detail .msi-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  margin-top:auto;
}
.msi-product-detail .msi-actions .msi-btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 16px;
  border-radius:13px;
  font-weight:800;
  text-align:center;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.msi-product-detail .msi-actions .msi-btn-primary{
  border:1px solid #086c7a;
  background:linear-gradient(135deg,#087d8c,#075264);
  color:#fff;
  box-shadow:0 12px 26px rgba(7,82,100,.22);
}
.msi-product-detail .msi-actions .msi-btn-primary::before{content:"↗";font-size:17px}
.msi-product-detail .msi-actions .msi-btn-secondary{
  border:1px solid #1fae72;
  background:#fff;
  color:#177c55;
}
.msi-product-detail .msi-actions .msi-btn-secondary::before{content:"◉";font-size:14px}
.msi-product-detail .msi-actions .msi-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(5,35,45,.15);
}
.msi-product-detail .msi-disclaimer{
  margin:13px 0 0;
  padding-top:13px;
  border-top:1px dashed rgba(6,60,76,.15);
  color:#6e858c;
  font-size:12px;
  line-height:1.55;
}
.msi-product-detail .mi43-quote-commerce{
  margin-top:12px;
  padding:14px 15px;
  border:1px solid rgba(8,117,136,.12);
  border-radius:14px;
  background:rgba(225,246,248,.66);
  color:#45666e;
}
.msi-product-detail .mi43-quote-commerce strong{
  display:block;
  margin-bottom:4px;
  color:#075d6d;
}

@media (max-width:1100px){
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-shell{
    grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
  }
  .msi-product-detail .msi-hero-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  }
}
@media (max-width:820px){
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-shell{
    display:grid;
    grid-template-columns:1fr;
    height:auto!important;
    min-height:0!important;
  }
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-card{
    order:1;
  }
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
    order:2;
    width:100%;
    aspect-ratio:16/9;
    min-height:220px;
    max-height:360px;
  }
  .mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media,
  .mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media{
    aspect-ratio:4/3;
  }
  .msi-product-detail .msi-hero-grid{
    grid-template-columns:1fr;
  }
  .msi-product-detail .msi-gallery-panel{order:1}
  .msi-product-detail .msi-product-summary{order:2}
}
@media (max-width:560px){
  .mi44-universal-hero.mi48-hero-standard{
    padding-inline:10px;
  }
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
    aspect-ratio:16/10;
    min-height:190px;
    max-height:280px;
  }
  .mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media,
  .mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media{
    aspect-ratio:1/1;
  }
  .mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media img,
  .mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media img{
    padding:12px;
  }
  .msi-product-detail .msi-product-summary{
    padding:23px 17px 18px;
    border-radius:18px;
  }
  .msi-product-detail .msi-product-summary::after{
    position:static;
    align-self:flex-start;
    order:-1;
    margin:0 0 10px;
  }
  .msi-product-detail .msi-product-summary .msi-eyebrow{
    max-width:100%;
    font-size:10px;
  }
  .msi-product-detail .msi-quick-facts{
    grid-template-columns:1fr;
  }
  .msi-product-detail .msi-quick-facts>div:nth-child(n){
    grid-column:auto;
  }
  .msi-product-detail .msi-actions{
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce){
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-media img,
  .msi-product-detail .msi-actions .msi-btn{transition:none}
  .mi44-universal-hero.mi48-hero-standard:hover .mi44-hero-media img,
  .msi-product-detail .msi-actions .msi-btn:hover{transform:none}
}



/* ==========================================================
   V50 — TRUE AUTOMATIC RESPONSIVE HERO IMAGES
   ========================================================== */
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.mi44-universal-hero.mi48-hero-standard .mi44-hero-media img.mi50-responsive-hero-image{
  display:block!important;
  flex:0 1 auto!important;
  transform:none!important;
  transition:transform .35s ease!important;
}
/* Product and product-category images always remain fully visible. */
.mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media img.mi50-responsive-hero-image,
.mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media img.mi50-responsive-hero-image{
  width:auto!important;
  height:auto!important;
  max-width:calc(100% - clamp(28px,4vw,56px))!important;
  max-height:calc(100% - clamp(28px,4vw,56px))!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:auto!important;
  mix-blend-mode:normal!important;
}
/* Photographic service/corporate heroes keep edge-to-edge responsive crop. */
.mi44-universal-hero.mi48-hero-standard.mi46-service-hero .mi44-hero-media img.mi50-responsive-hero-image,
.mi44-universal-hero.mi48-hero-standard.mi46-generic-hero .mi44-hero-media img.mi50-responsive-hero-image,
.mi44-universal-hero.mi48-hero-standard.mi47-references-hero .mi44-hero-media img.mi50-responsive-hero-image,
.mi44-universal-hero.mi48-hero-standard.mi47-fans-hero .mi44-hero-media img.mi50-responsive-hero-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  padding:0!important;
}
@media (max-width:820px){
  .mi44-universal-hero.mi48-hero-standard .mi44-hero-media{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }
  .mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media,
  .mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media{
    aspect-ratio:4/3!important;
  }
  .mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media img.mi50-responsive-hero-image,
  .mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media img.mi50-responsive-hero-image{
    max-width:calc(100% - 32px)!important;
    max-height:calc(100% - 32px)!important;
  }
}
@media (max-width:560px){
  .mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media,
  .mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media{
    aspect-ratio:1/1!important;
  }
  .mi44-universal-hero.mi48-hero-standard.mi46-product-hero .mi44-hero-media img.mi50-responsive-hero-image,
  .mi44-universal-hero.mi48-hero-standard.mi46-product-category-hero .mi44-hero-media img.mi50-responsive-hero-image{
    max-width:calc(100% - 24px)!important;
    max-height:calc(100% - 24px)!important;
  }
}


/* === V51 PRODUCT DETAIL PREMIUM UX / FAQ / VIDEO CTA === */
.msi-product-summary.mi51-tech-file{position:relative;overflow:hidden;border:1px solid #cfe2e8;border-radius:28px;background:linear-gradient(145deg,#ffffff 0%,#f7fcfd 62%,#eefbfa 100%);box-shadow:0 26px 70px rgba(5,49,65,.12);padding:clamp(24px,3vw,42px);isolation:isolate}
.msi-product-summary.mi51-tech-file:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#08a6b7,#0f766e,#083344)}
.msi-product-summary.mi51-tech-file:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-130px;top:-140px;background:radial-gradient(circle,rgba(25,195,176,.18),transparent 68%);z-index:-1}
.mi51-tech-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.mi51-tech-badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 13px;border:1px solid #c9e2e7;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(8,51,68,.08);font-size:11px;font-weight:800;letter-spacing:.08em;color:#075985}
.mi51-tech-badge:before{content:"PDF";display:grid;place-items:center;min-width:30px;height:22px;border-radius:7px;background:#e5f9f6;color:#0f766e;font-size:9px}
.msi-product-summary.mi51-tech-file .msi-eyebrow{display:inline-flex;width:auto;padding:8px 12px;border-radius:999px;background:#dff7f4;color:#087d83;font-weight:900;letter-spacing:.1em}
.msi-product-summary.mi51-tech-file h2{font-size:clamp(29px,3vw,46px);line-height:1.05;color:#062f40;margin:16px 0}
.msi-product-summary.mi51-tech-file .msi-lead{font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:#496b78;max-width:72ch}
.msi-product-summary.mi51-tech-file .msi-summary-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.msi-product-summary.mi51-tech-file .msi-summary-tags span{border:1px solid #bfe1e7;background:#f1fbfc;color:#075f71;padding:9px 13px;border-radius:999px;font-weight:750;font-size:12px}
.msi-product-summary.mi51-tech-file .msi-quick-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.msi-product-summary.mi51-tech-file .msi-quick-facts>div{min-width:0;border:1px solid #d3e2e7;border-radius:17px;background:rgba(255,255,255,.78);padding:17px 18px;box-shadow:0 8px 20px rgba(7,59,76,.04)}
.msi-product-summary.mi51-tech-file .msi-quick-facts>div:nth-last-child(-n+2){grid-column:1/-1}
.msi-product-summary.mi51-tech-file .msi-quick-facts span{display:block;color:#718a95;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;margin-bottom:8px}
.msi-product-summary.mi51-tech-file .msi-quick-facts strong{display:block;color:#092f3f;line-height:1.55;font-size:14px;overflow-wrap:anywhere}
.msi-product-summary.mi51-tech-file .msi-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.msi-product-summary.mi51-tech-file .msi-btn{min-height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-weight:850;text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.msi-product-summary.mi51-tech-file .msi-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,87,103,.17)}
.msi-product-summary.mi51-tech-file .msi-disclaimer{padding-top:15px;border-top:1px solid #d8e7ea;font-size:11px;color:#718791}
.msi-product-summary.mi51-tech-file .mi43-quote-commerce{border:1px solid #bce4e6;background:linear-gradient(135deg,#effcfc,#e7f7f5);border-radius:17px;padding:16px 18px;color:#315d68}
.msi-product-summary.mi51-tech-file .mi43-quote-commerce strong{display:block;color:#076678;margin-bottom:5px}
.msi-overview.mi51-overview{padding-block:clamp(44px,7vw,86px);background:linear-gradient(180deg,#fff,#f8fbfc)}
.msi-overview.mi51-overview .msi-overview-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:24px;align-items:stretch}
.msi-overview.mi51-overview .msi-benefit-card{border-radius:24px;background:linear-gradient(145deg,#075b77,#087b94);color:#fff;padding:28px;box-shadow:0 24px 55px rgba(6,79,99,.18)}
.msi-overview.mi51-overview .msi-benefit-card h3{color:#fff;font-size:22px;margin-bottom:18px}
.msi-overview.mi51-overview .msi-benefit-card li{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18);line-height:1.4}
.msi-overview.mi51-overview .msi-benefit-card li:last-child{border-bottom:0}
.msi-overview.mi51-overview .msi-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.msi-overview.mi51-overview .msi-feature-grid article{border:1px solid #d2e1e7;border-radius:21px;background:#fff;padding:24px;box-shadow:0 16px 38px rgba(4,52,68,.07);transition:transform .2s ease,border-color .2s ease}
.msi-overview.mi51-overview .msi-feature-grid article:hover{transform:translateY(-3px);border-color:#79ced5}
.msi-overview.mi51-overview .msi-feature-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8f8f8;color:#057c91;font-weight:900;font-size:11px}
.msi-overview.mi51-overview .msi-feature-grid h3{color:#0a3545;font-size:17px;line-height:1.3;margin:15px 0 8px}
.mi51-product-video{padding:clamp(48px,7vw,88px) 20px;background:linear-gradient(135deg,#031f2d 0%,#064e61 55%,#0f766e 100%);color:#fff;overflow:hidden;position:relative}
.mi51-product-video:before{content:"";position:absolute;inset:-40% auto auto 55%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.22),transparent 68%)}
.mi51-video-shell{position:relative;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:clamp(26px,4vw,48px);background:rgba(2,35,48,.38);backdrop-filter:blur(8px)}
.mi51-video-copy .mi51-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(45,212,191,.16);border:1px solid rgba(94,234,212,.3);font-weight:850;font-size:11px;letter-spacing:.1em}
.mi51-video-copy h2{font-size:clamp(28px,4vw,48px);line-height:1.08;color:#fff;margin:16px 0}
.mi51-video-copy p{color:#d2edf0;line-height:1.7;max-width:68ch}
.mi51-video-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.mi51-video-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:15px;font-weight:850;text-decoration:none}
.mi51-video-primary{background:#27d3b5;color:#04333d;box-shadow:0 14px 34px rgba(31,210,179,.23)}
.mi51-video-secondary{border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.06)}
.mi51-play-orb{width:min(230px,55vw);aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#59ead3,#0b8d91 52%,#06485d);box-shadow:0 0 0 18px rgba(255,255,255,.05),0 30px 70px rgba(0,0,0,.25)}
.mi51-play-orb span{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087c86;font-size:34px;padding-left:5px}
.mi51-product-faq{padding:clamp(54px,8vw,96px) 20px;background:#f6fafb}
.mi51-faq-shell{max-width:1080px;margin:auto}
.mi51-faq-head{text-align:center;max-width:760px;margin:0 auto 28px}
.mi51-faq-head span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#07889a}
.mi51-faq-head h2{font-size:clamp(28px,4vw,44px);color:#073447;margin:10px 0}
.mi51-faq-head p{color:#66808b;line-height:1.7}
.mi51-faq-list{display:grid;gap:12px}
.mi51-faq-list details{border:1px solid #d1e1e6;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(5,53,69,.05);overflow:hidden}
.mi51-faq-list summary{cursor:pointer;list-style:none;padding:20px 54px 20px 21px;font-weight:850;color:#0a3b4c;position:relative}
.mi51-faq-list summary::-webkit-details-marker{display:none}
.mi51-faq-list summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e7f8f7;color:#087b84;font-size:20px}
.mi51-faq-list details[open] summary:after{content:"−"}
.mi51-faq-list details p{padding:0 21px 20px;margin:0;color:#58737f;line-height:1.7}
@media(max-width:820px){.mi51-tech-head{display:block}.mi51-tech-badge{margin-top:10px}.msi-overview.mi51-overview .msi-overview-grid,.mi51-video-shell{grid-template-columns:1fr}.mi51-play-orb{width:170px}.mi51-video-visual{order:-1}.msi-overview.mi51-overview .msi-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.msi-product-summary.mi51-tech-file{border-radius:20px;padding:22px 18px}.msi-product-summary.mi51-tech-file .msi-quick-facts,.msi-product-summary.mi51-tech-file .msi-actions,.msi-overview.mi51-overview .msi-feature-grid{grid-template-columns:1fr}.msi-product-summary.mi51-tech-file .msi-quick-facts>div{grid-column:1!important}.mi51-video-actions{display:grid}.mi51-video-actions a{width:100%}.mi51-video-shell{border-radius:22px;padding:23px 18px}}
@media(prefers-reduced-motion:reduce){.msi-overview.mi51-overview .msi-feature-grid article,.msi-product-summary.mi51-tech-file .msi-btn{transition:none}}
\n\n/* V52 — compact technical product card + product video below gallery */
.msi-product-hero.mi44-product-content .msi-hero-grid{align-items:start}
.msi-product-summary.mi51-tech-file{overflow:visible;border-radius:24px;padding:clamp(22px,2.4vw,34px);background:linear-gradient(155deg,#fff 0%,#f8fcfd 72%,#effafa 100%);box-shadow:0 18px 48px rgba(5,49,65,.10)}
.msi-product-summary.mi51-tech-file:after{width:170px;height:170px;right:-75px;top:-90px;opacity:.55;pointer-events:none}
.mi51-tech-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;margin:0 0 14px}
.mi51-tech-head>div{min-width:0}
.msi-product-summary.mi51-tech-file .msi-eyebrow{max-width:100%;white-space:normal;line-height:1.35;padding:7px 11px;font-size:10px}
.mi51-tech-badge{align-self:start;padding:7px 10px;font-size:9px;letter-spacing:.06em}
.mi51-tech-badge:before{min-width:27px;height:19px;font-size:8px}
.msi-product-summary.mi51-tech-file h2{font-size:clamp(28px,2.7vw,42px);margin:12px 0 0;line-height:1.08}
.msi-product-summary.mi51-tech-file .msi-lead{font-size:clamp(14px,1.1vw,16px);line-height:1.65;margin:0;color:#4a6b77}
.msi-product-summary.mi51-tech-file .msi-summary-tags{gap:8px;margin:18px 0}
.msi-product-summary.mi51-tech-file .msi-summary-tags span{padding:8px 11px;font-size:11px;line-height:1.25}
.msi-product-summary.mi51-tech-file .msi-quick-facts{gap:10px;margin-top:16px}
.msi-product-summary.mi51-tech-file .msi-quick-facts>div{padding:14px 15px;border-radius:15px}
.msi-product-summary.mi51-tech-file .msi-quick-facts span{font-size:9px;margin-bottom:6px}
.msi-product-summary.mi51-tech-file .msi-quick-facts strong{font-size:13px;line-height:1.45}
.msi-product-summary.mi51-tech-file .msi-actions{gap:10px;margin-top:18px}
.msi-product-summary.mi51-tech-file .msi-btn{min-height:48px;border-radius:14px;font-size:13px}
.msi-product-summary.mi51-tech-file .msi-disclaimer{margin:14px 0 0;padding-top:12px;line-height:1.5}
.msi-product-summary.mi51-tech-file .mi43-quote-commerce{margin-top:12px;padding:14px 15px;font-size:12px;line-height:1.5}

.mi52-gallery-video{position:relative;overflow:hidden;margin-top:16px;border:1px solid #c7e2e7;border-radius:20px;background:linear-gradient(135deg,#062f40 0%,#075d70 58%,#0b8a80 100%);box-shadow:0 18px 42px rgba(4,56,72,.16);color:#fff;padding:20px}
.mi52-gallery-video:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-85px;top:-95px;background:radial-gradient(circle,rgba(94,234,212,.30),transparent 68%)}
.mi52-gallery-video-inner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.mi52-gallery-video-play{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#fff;color:#08788a;box-shadow:0 12px 30px rgba(0,0,0,.20);font-size:20px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.mi52-gallery-video-play:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 34px rgba(0,0,0,.24)}
.mi52-gallery-video-copy{min-width:0}
.mi52-gallery-video-kicker{display:block;margin-bottom:5px;color:#9ff7eb;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mi52-gallery-video h3{margin:0;color:#fff;font-size:clamp(16px,1.5vw,20px);line-height:1.25}
.mi52-gallery-video p{margin:7px 0 0;color:#d7f2f3;font-size:12px;line-height:1.5}
.mi52-gallery-video-actions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
.mi52-gallery-video-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 11px;border-radius:12px;font-size:11px;font-weight:850;text-align:center;text-decoration:none}
.mi52-gallery-video-actions .watch{background:#fff;color:#075d70}
.mi52-gallery-video-actions .info{border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);color:#fff}

@media(max-width:991px){
 .msi-product-hero.mi44-product-content .msi-hero-grid{grid-template-columns:1fr;gap:22px}
 .msi-gallery-panel,.msi-product-summary.mi51-tech-file{width:100%;max-width:760px;margin-inline:auto}
 .mi52-gallery-video{margin-top:14px}
}
@media(max-width:640px){
 .msi-product-summary.mi51-tech-file{padding:18px 16px;border-radius:20px;overflow:hidden}
 .mi51-tech-head{grid-template-columns:1fr;gap:10px}
 .mi51-tech-badge{justify-self:start;order:-1}
 .msi-product-summary.mi51-tech-file h2{font-size:28px;margin-top:10px}
 .msi-product-summary.mi51-tech-file .msi-lead{font-size:13px;line-height:1.62}
 .msi-product-summary.mi51-tech-file .msi-summary-tags{margin:15px 0}
 .msi-product-summary.mi51-tech-file .msi-summary-tags span{font-size:10px;padding:7px 9px}
 .msi-product-summary.mi51-tech-file .msi-quick-facts{grid-template-columns:1fr}
 .msi-product-summary.mi51-tech-file .msi-quick-facts>div,.msi-product-summary.mi51-tech-file .msi-quick-facts>div:nth-last-child(-n+2){grid-column:auto}
 .msi-product-summary.mi51-tech-file .msi-actions{grid-template-columns:1fr}
 .msi-product-summary.mi51-tech-file .msi-btn{width:100%;min-height:48px}
 .mi52-gallery-video{padding:17px 15px;border-radius:18px}
 .mi52-gallery-video-inner{grid-template-columns:48px minmax(0,1fr);gap:12px}
 .mi52-gallery-video-play{width:48px;height:48px;border-radius:15px;font-size:17px}
 .mi52-gallery-video h3{font-size:16px}
 .mi52-gallery-video p{font-size:11px}
 .mi52-gallery-video-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.mi52-gallery-video-play{transition:none}}


/* V54 — technical card, product-video icon and homepage slider quality fix */
.msi-product-summary.mi51-tech-file{
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid #cfe3e8!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(7,55,73,.09)!important;
  clip-path:inset(0 round 24px)!important;
}
.msi-product-summary.mi51-tech-file:before{
  content:""!important;position:absolute!important;z-index:0!important;
  inset:0 0 auto 0!important;width:auto!important;height:4px!important;
  border-radius:24px 24px 0 0!important;
  background:linear-gradient(90deg,#18bfc0,#08708a)!important;
}
.msi-product-summary.mi51-tech-file:after{display:none!important;content:none!important}
.msi-product-summary.mi51-tech-file>*{position:relative;z-index:1}
.mi51-tech-head{align-items:start!important}
.mi51-tech-badge{position:static!important;white-space:nowrap!important}

.mi52-gallery-video-play svg{display:block!important;width:24px!important;height:24px!important;overflow:visible!important}
.mi52-gallery-video-play{line-height:1!important;font-size:0!important}
.mi52-gallery-video-actions .watch{gap:8px!important}
.mi54-watch-icon{display:inline-grid!important;place-items:center!important;flex:0 0 auto!important}
.mi54-watch-icon svg{display:block!important;width:15px!important;height:15px!important}

/* Home slider: never stretch low-resolution derivatives */
.mi-image-slider{background:#061d2b!important}
.mi-slider-viewport,.mi-slider-track,.mi-slider-slide,.mi-slider-slide>a,.mi-slider-slide picture{width:100%!important}
.mi-slider-slide picture{display:block!important;height:100%!important}
.mi-slider-slide img{
  display:block!important;width:100%!important;height:auto!important;
  aspect-ratio:1920/700!important;object-fit:cover!important;object-position:center!important;
  image-rendering:auto!important;transform:translateZ(0);
}
@media(max-width:767px){
 .mi-slider-slide img{aspect-ratio:960/700!important;min-height:0!important;object-fit:cover!important;object-position:center!important}
 .msi-product-summary.mi51-tech-file{clip-path:inset(0 round 20px)!important;border-radius:20px!important}
 .msi-product-summary.mi51-tech-file:before{border-radius:20px 20px 0 0!important}
}
@media(min-width:1600px){.mi-slider-slide img{max-height:700px!important}}


/* V55 — Removed legacy strips, service gallery CTA, responsive video actions and product grid media */
.mi55-service-gallery{max-width:1200px;margin:clamp(36px,5vw,72px) auto;padding:0 20px;box-sizing:border-box}
.mi55-service-gallery-head{max-width:780px;margin:0 0 24px}
.mi55-service-gallery-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(0,154,188,.22);border-radius:999px;background:#eafafd;color:#006b83;font-size:12px;font-weight:800;letter-spacing:.08em}
.mi55-service-gallery-head h2{margin:12px 0 8px;color:#052f42;font-size:clamp(26px,3.2vw,42px);line-height:1.12}
.mi55-service-gallery-head p{margin:0;color:#547080;line-height:1.75}
.mi55-service-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.mi55-service-gallery-card{position:relative;overflow:hidden;margin:0;border:1px solid #d7e8ef;border-radius:22px;background:#fff;box-shadow:0 16px 36px rgba(5,47,66,.09);min-height:230px}
.mi55-service-gallery-card:nth-child(1),.mi55-service-gallery-card:nth-child(2){grid-column:span 6}
.mi55-service-gallery-card:nth-child(n+3){grid-column:span 4}
.mi55-service-gallery-card a{display:block;height:100%;color:inherit;text-decoration:none}
.mi55-service-gallery-card img{display:block;width:100%;height:clamp(220px,24vw,330px);object-fit:cover;transition:transform .35s ease;aspect-ratio:4/3}
.mi55-service-gallery-card:hover img{transform:scale(1.035)}
.mi55-service-gallery-card figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:14px;background:rgba(2,36,51,.84);backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:750}
.mi55-service-gallery-actions{display:flex;justify-content:flex-start;margin-top:20px}
.mi55-service-gallery-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:15px;background:linear-gradient(135deg,#006680,#18b8a0);color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 14px 30px rgba(0,102,128,.2)}
.mi-service-video-actions-v25{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;width:100%}
.mi-service-video-actions-v25 .mi-service-video-btn-v25{min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:1.25!important;padding:13px 10px!important;font-size:clamp(12px,1.1vw,15px)!important}
.mi-service-video-actions-v25 .mi-service-video-btn-v25 span{min-width:0;overflow-wrap:anywhere}
.mi-product-card img,.product-card img,.v35-product-card img{object-position:center;object-fit:cover}
@media(max-width:767px){
 .mi55-service-gallery{padding:0 14px;margin:34px auto}
 .mi55-service-gallery-grid{grid-template-columns:1fr;gap:12px}
 .mi55-service-gallery-card:nth-child(n){grid-column:auto;min-height:0}
 .mi55-service-gallery-card img{height:auto;aspect-ratio:4/3}
 .mi55-service-gallery-actions,.mi55-service-gallery-btn{width:100%}
 .mi-service-video-actions-v25{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
 .mi-service-video-actions-v25 .mi-service-video-btn-v25{padding:11px 7px!important;font-size:11px!important;min-height:48px!important}
}
@media(max-width:359px){.mi-service-video-actions-v25 .mi-service-video-btn-v25{font-size:10px!important;padding-inline:5px!important}}