:root{
  --cems-orange:#ff9146;
  --cems-accent:#b34b0b;
  --cems-ink:#303234;
  --cems-muted:#64686c;
  --cems-paper:#ffffff;
  --cems-tint:#f3f4f5;
  --cems-line:#e3e5e7;
  --navy:var(--cems-ink);
  --blue:var(--cems-accent);
  --ink:var(--cems-ink);
  --muted:var(--cems-muted);
  --paper:var(--cems-paper);
  --n:var(--cems-ink);
  --b:var(--cems-accent);
  --m:var(--cems-muted);
}
body{color:var(--cems-ink);background:var(--cems-paper)}
body main h1{overflow-wrap:anywhere}
@media(max-width:700px){html[lang="ru"] body main>.hero:not(:has(.hero-composition)) h1{font-size:30px;line-height:1.15}html[lang="ru"] .article h1{font-size:26px;line-height:1.2}}
::selection{background:#ffd1af;color:var(--cems-ink)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--cems-accent);outline-offset:3px}
body header{border-color:var(--cems-line);box-shadow:0 1px 7px #30282412}
header .top nav a,header .top a{color:var(--cems-muted)}
header .top-tools:empty{display:none}
header .top nav a:hover,header .mainnav a:hover{color:var(--cems-accent)}
header .top nav .header-links{display:flex;align-items:center;gap:inherit;flex:none}
header .top nav .header-text-links{display:contents}
header .top nav .header-social{display:inline-flex;align-items:center;gap:8px;flex:none}
header .top nav .header-social a.header-social__link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;padding:4px;border-radius:4px;color:var(--cems-muted)}
header .header-social__link svg{display:block;width:20px;height:20px;flex:none}
header .top nav .header-social a:hover{background:var(--cems-tint);color:var(--cems-accent)}
/* Masaüstünde logo, 92 px üst satır + 42 px menünün toplam yüksekliğine ortalanır. */
@media(min-width:701px){
  header .top{max-width:1180px;padding:0 24px}
  header .top>a:first-child:has(.cems-logo){transform:translateY(21px)}
  header .mainnav a{position:relative;z-index:1}
  header .top nav{position:static;transform:none;margin-left:auto;gap:32px}
}
@media(min-width:701px) and (max-width:1000px){header .top nav{gap:22px}}
@media(min-width:701px) and (max-width:1000px){
  header .top{padding:0 18px}
  header .top nav{position:static;transform:none;margin-left:auto;gap:12px;font-size:11px}
  header .top .cems-logo{width:134px;height:76px}
}
@media(max-width:700px){
  header .top nav{position:static;transform:none;margin-left:auto!important}
  header .top nav .header-social{gap:4px}
  header .top nav .header-social a.header-social__link{width:26px;height:32px;padding:3px}
}
@media(max-width:360px){
  header .top{padding:0 12px}
  header .top .cems-logo{width:80px;height:50px}
  header .top nav{gap:5px}
  header .top nav .header-social{gap:2px}
  header .top nav .header-social a.header-social__link{width:23px;padding:2px}
  header .top .menu-toggle{margin-left:6px;padding:8px}
  header .top .language-picker__toggle{padding:0 6px;gap:6px}
}
header .language-picker{position:relative;flex:none;align-self:center;font-size:12px;margin-left:auto}
@media(min-width:1001px){
  header .top>a:first-child:has(.cems-logo){transform:translate(clamp(-60px,calc((1180px - 100vw)/2),0px),21px)}
  header .top nav{position:absolute;left:0;right:0;top:0;height:92px;margin:0;transform:none;justify-content:center;pointer-events:none}
  header .top nav .header-links{pointer-events:auto}
  header .top nav .language-picker{position:absolute;right:24px;margin:0;pointer-events:auto}
}
header .language-picker .language-select{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
header .language-picker__toggle{display:flex;align-items:center;gap:8px;height:42px;padding:0 11px;border:1px solid var(--cems-line);border-radius:4px;background:#f2f3f4;color:var(--cems-ink);font:700 12px Arial,sans-serif;cursor:pointer}
header .language-picker__flag{width:23px;height:16px;display:block;flex:none;border:1px solid #00000016;border-radius:2px;overflow:hidden}
header .language-picker__arrow{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0 3px}
header .language-picker__list{position:absolute;right:0;top:calc(100% + 7px);z-index:50;min-width:155px;padding:5px;background:#fff;border:1px solid var(--cems-line);border-radius:6px;box-shadow:0 8px 24px #30323422}
header .language-picker__list[hidden]{display:none}
header .language-picker__option{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:3px;padding:10px;background:#fff;color:var(--cems-ink);font:12px Arial,sans-serif;text-align:left;cursor:pointer}
header .language-picker__option:hover,header .language-picker__option[aria-selected=true]{background:var(--cems-tint)}
header .language-picker__option:focus-visible{outline-offset:-2px}
@media(max-width:700px){header .language-picker__toggle{height:38px;padding:0 9px;font-size:11px}}
header .mainnav{border-color:var(--cems-line)}
header .mainnav a{color:var(--cems-ink)}
header .mainnav .home-nav{gap:6px;padding:0 10px;flex-shrink:0;color:var(--cems-accent)}
header .mainnav .home-nav svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:700px){
  body header{padding-bottom:48px}
  header .top nav .header-text-links{position:absolute;left:0;right:0;top:72px;height:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:4px;padding:0 12px;background:#fff;border-top:1px solid var(--cems-line);border-bottom:1px solid var(--cems-line);white-space:normal}
  header .top nav .header-text-links>a{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:4px 2px;font-size:11px;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere;color:var(--cems-muted)}
  header .top nav .header-text-links>a:hover,header .top nav .header-text-links>a:focus-visible{color:var(--cems-accent);background:var(--cems-tint)}
  header .mainnav.open{max-height:calc(100dvh - 120px);overflow-y:auto}
}
@media(min-width:701px){
  header .mainnav{gap:clamp(10px,1.4vw,24px);padding:0 16px}
  header .mainnav a{min-width:min-content;flex:0 1 auto;justify-content:center;text-align:center;line-height:1.25}
  header .mainnav .faq-nav{max-width:150px;white-space:normal}
}
@media(min-width:701px) and (max-width:1000px){
  header .mainnav{gap:10px;font-size:11px}
  header .mainnav a:not(.home-nav){min-width:0;overflow-wrap:anywhere}
}
body header .mainnav a.active{color:var(--cems-accent)!important;border-color:var(--cems-orange)!important}
header .top nav .language-select,header .top>.language-select,header .top-tools .language-select{background:#f2f3f4;color:var(--cems-ink);border:1px solid var(--cems-line)}
header .menu-toggle{border-color:var(--cems-line);background:#fff;color:var(--cems-ink)}
body>.home-hours{background:#303234}
body .home-hours__eyebrow{color:#f0f1f2}
/* Ana sayfa banner'ı özgün buzlu arka planı ve renkleriyle korunur. */
/* Sıcak sudan soğuk suya: iki bağlantı boyunca kesintisiz kırmızı–mavi geçiş. */
body>main>.hero .solution{background:linear-gradient(100deg,#b32432 0%,#a03250 28%,#74527f 50%,#365fa1 72%,#086ca6 100%);overflow:hidden;isolation:isolate}
/* Hafif su akışı soldaki sıcak bölgeden sağdaki soğuk bölgeye ilerler. */
body>main>.hero .solution::before{content:'';position:absolute;inset:0 auto 0 -36%;width:36%;background:linear-gradient(105deg,transparent 12%,#ffffff08 32%,#ffffff24 50%,#ffffff08 68%,transparent 88%);pointer-events:none;animation:cems-cooling-flow 8s linear infinite}
body>main>.hero .solution::after{content:'';position:absolute;left:18px;right:18px;bottom:9px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#ffffff00 0 32px,#ffffff52 38px 46px,#ffffff00 56px);pointer-events:none;animation:cems-cooling-stream 4s linear infinite}
body>main>.hero .solution a{position:relative;z-index:1}
body>main>.hero .solution[data-flow-paused]::before,body>main>.hero .solution[data-flow-paused]::after{animation-play-state:paused}
@keyframes cems-cooling-flow{to{transform:translateX(380%)}}
@keyframes cems-cooling-stream{to{background-position:56px 0}}
body>main>.hero .solution a:nth-child(n){background:transparent;color:#fff;text-shadow:0 1px 2px #0003;transition:background-color .2s ease}
body>main>.hero .solution a:nth-child(n):hover{background:#ffffff0d}
body>main>.hero .solution a:focus-visible{outline:2px solid #fff;outline-offset:-5px}
@media(prefers-reduced-motion:reduce){body>main>.hero .solution a:nth-child(n){transition:none}body>main>.hero .solution::before{display:none;animation:none}body>main>.hero .solution::after{animation:none;opacity:.3}}
body>main>.hero:not(:has(.hero-composition)) h1{color:var(--cems-ink);text-shadow:none}
body>main>.hero:not(:has(.hero-composition)),body .gallery-intro{
  background:linear-gradient(110deg,#f0f1f2,#fafafa);
  color:var(--cems-ink);
  border-top:1px solid var(--cems-line);
}
body>main>.hero p,body>main>.hero p:last-child,body>main>.hero .lead{color:var(--cems-muted)}
body .eyebrow{color:var(--cems-muted)!important}
body .gallery-intro>div,body .gallery-intro a{color:var(--cems-muted)}
body .gallery-intro h1{color:var(--cems-ink)}
.applications,.updates{background:#f5f6f7}
.applications{scroll-margin-top:150px}
@media(max-width:700px){.applications{scroll-margin-top:90px}}
.trust{background:var(--cems-paper)}
.applications h2,.portfolio h2,.updates>h2,.partners h2,.trust>p{color:var(--cems-muted)}
.applications>div{background:var(--cems-line)}
.applications article{border-color:#ffffff33}
.applications article::before{background-color:#a9aaab;background-blend-mode:luminosity}
.applications article::after{background:rgba(38,40,42,.8)}
.applications i{border-color:#ddd;color:#fff}
.trust-points,.trust article,.partner-track span{border-color:var(--cems-line)}
.trust b{color:var(--cems-ink)}
.trust span{color:var(--cems-muted)}
.portfolio .lead,.products h3{color:var(--cems-ink)}
.products{background:var(--cems-line)}
.products article,.products article:first-child,.products article:nth-child(n){border-top-color:#d7dade}
.products article:hover{background:#fafafa;border-top-color:var(--cems-orange)}
.products article>span,.products article::after{color:var(--cems-muted)}
.products p{border-color:var(--cems-line);color:var(--cems-muted)}
.products b{color:var(--cems-ink)}
.products article[role=link]:focus-visible{outline-color:var(--cems-accent)}
.news,.cta{background:#303234;color:#fff}
.news h2{color:#d5d7d9}
.news h3{color:#fff}
.news a,.cta a{background:transparent;border-color:#a8abad;color:#fff;font-weight:700}
.news a:hover,.cta a:hover{background:#424548;border-color:var(--cems-orange)}
.support{background:#f3f4f5;scroll-margin-top:150px}
@media(max-width:700px){.support{scroll-margin-top:90px}}
.support article{border-color:var(--cems-line)}
.support span,.support a,.updates time,.updates a{color:var(--cems-muted)}
.support h3,.updates h3{color:var(--cems-ink)}
.support p{color:var(--cems-muted)}
.updates article{border-color:var(--cems-line)}
body footer{background:#26282a;color:#d8dadd}
body .footer-main h4{color:#fff}
body .footer-main a:hover{color:var(--cems-orange)!important}
.footer-bottom{border-color:#ffffff26;color:#d8dadd}
.footer-bottom span{color:#b6b9bd}
.wrap .section-title,.wrap .intro h2,.wrap .mission h3,.wrap .principles h2,.wrap .principle-grid h3{color:var(--cems-ink)}
.wrap .copy,.wrap .intro>p,.wrap .mission p,.wrap .principle-grid p,.wrap>.intro{color:var(--cems-muted)}
.wrap .mission article,.wrap .card{border-top-color:var(--cems-line)}
.wrap .principle-grid article,.wrap .note{background:#f3f4f5}
.wrap .number,.wrap .card span,.wrap .card b{color:var(--cems-muted)}
.wrap .card h3,.wrap .note strong{color:var(--cems-ink)}
.wrap .card p,.wrap .note p{color:var(--cems-muted)}
.details .detail{border-color:var(--cems-line)}
.detail .label{color:var(--cems-muted)}
.detail h3{color:var(--cems-ink)}
.detail p{color:var(--cems-muted)}
.detail li{background:var(--cems-tint);color:var(--cems-ink)}
.product,.list{border-color:var(--cems-line)}
.product h2{color:var(--cems-ink)}
.product .type,.product-photo-note{color:var(--cems-muted)}
.product .features span{border-color:var(--cems-line);color:var(--cems-muted)}
.product .features b{color:var(--cems-ink)}
.product-gallery,.product-gallery__thumbs button,.cems-gallery figure{border-color:var(--cems-line)}
.product-gallery__thumbs button[aria-pressed=true]{border-color:var(--cems-orange)}
.cems-gallery h2{color:var(--cems-ink)}
.cems-gallery figcaption{color:var(--cems-muted)}
.gallery-page{background:var(--cems-paper)}
.details h2,.form h2,.contact b{color:var(--cems-ink)}
.contact{border-color:var(--cems-line)}
.contact a{color:var(--cems-ink)}
.contact a:hover{color:var(--cems-accent)}
.map{background:linear-gradient(135deg,#f4f5f6,#e7e9eb);color:var(--cems-ink)}
.map p{color:var(--cems-muted)}
.map.contact-map{display:block;padding:0;min-height:0;overflow:hidden;border:1px solid var(--cems-line);border-radius:6px;background:var(--cems-tint);scroll-margin-top:150px}
.contact-map__copy{padding:18px;text-align:left}
.contact-map__copy p{line-height:1.6;overflow-wrap:anywhere}
.contact-map__directions{display:inline-block;margin-top:13px;padding:10px 13px;border:1px solid var(--cems-line);border-radius:4px;background:#fff;color:var(--cems-ink);font-size:12px;font-weight:700;text-decoration:none}
.contact-map__directions:hover{border-color:var(--cems-orange);color:var(--cems-accent)}
.contact-map iframe{display:block;width:100%;height:280px;border:0;background:#e7e9eb}
@media(max-width:700px){.map.contact-map{scroll-margin-top:90px}.contact-map iframe{height:260px}}
.form label{color:var(--cems-ink)}
.form input,.form textarea{border-color:var(--cems-line);color:var(--cems-ink)}
.form input:focus,.form textarea:focus{outline:2px solid var(--cems-orange);outline-offset:1px}
.form button{background:var(--cems-ink);color:#fff}
body>.bar{background:var(--cems-ink)}
.article{box-shadow:0 10px 35px #3028240d}
.article h1,.article h2{color:var(--cems-ink)}
.article p{color:var(--cems-muted)}
.article .meta,.wrap .back{color:var(--cems-muted)}
body .whatsapp-widget section{color:var(--cems-ink)}
/* WhatsApp'ın tanınan yeşil rengi ve ürün/tedarikçi görselleri korunur. */
body:has(.phone){background:#f2f3f4;color:var(--cems-ink)}
body:has(.phone)>main{width:min(430px,100%);min-width:0}
body:has(.phone) .intro p{color:var(--cems-muted)}
.phone{background:#303234;border-color:#303234;box-shadow:0 20px 55px #30323430}
.speaker{background:#777b80}
.cems-faq{padding:54px 24px;background:var(--cems-tint);scroll-margin-top:150px}
.cems-faq__inner{max-width:950px;margin:auto}
.cems-faq h1,.cems-faq h2{font-size:30px;line-height:1.25;margin:0 0 12px;color:var(--cems-ink)}
.cems-faq__intro{color:var(--cems-muted);font-size:14px;line-height:1.7;margin:0 0 25px;max-width:700px}
.cems-faq__home{display:inline-block;margin-bottom:18px;font-size:12px;color:var(--cems-muted);text-decoration:none}
.cems-faq details{background:#fff;border:1px solid var(--cems-line);border-radius:5px;margin:10px 0}
.cems-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;font-size:15px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none;color:var(--cems-ink)}
.cems-faq summary::-webkit-details-marker{display:none}
.cems-faq summary::after{content:'+';font-size:22px;font-weight:400;flex:none;color:var(--cems-muted)}
.cems-faq details[open] summary::after{content:'−'}
.cems-faq details[open] summary{border-bottom:1px solid var(--cems-line)}
.cems-faq summary:focus-visible{outline:3px solid var(--cems-accent);outline-offset:3px}
.cems-faq__answer{padding:0 22px 19px;font-size:14px;line-height:1.8;color:var(--cems-muted)}
.cems-faq__answer p{margin:16px 0 8px}
.cems-faq__answer a{color:var(--cems-accent);text-underline-offset:3px}
.cems-faq__contact{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:22px;border-top:1px solid var(--cems-line);font-size:14px;color:var(--cems-muted)}
.cems-faq__contact a{flex:none;padding:12px 17px;border:1px solid var(--cems-line);border-radius:4px;background:#fff;color:var(--cems-ink);font-size:12px;font-weight:700;text-decoration:none}
@media(max-width:700px){.cems-faq{padding:36px 18px;scroll-margin-top:90px}.cems-faq h1,.cems-faq h2{font-size:25px}.cems-faq summary{padding:16px;font-size:14px;gap:12px}.cems-faq__answer{padding:0 16px 16px}.cems-faq__contact{align-items:flex-start;flex-direction:column;gap:12px}}