/*
 * Ana sayfa yeni düzeni (06.10.2026). Şablon: template-parts/home-pro.php (.hm-*).
 * Ürün inceleme sayfalarıyla (shalteron-detail.css) aynı yeşil, yazı tipleri ve kart çerçeveleri.
 * Sayfa zemini tek renk (beyaz); bölümler arasında renk farkı yok.
 */
.hm-page{--hm-green:#087d43;--hm-green-dark:#056b39;--hm-soft:#eef7f1;--hm-ink:#10191a;--hm-copy:#4a5652;--hm-muted:#6c7873;--hm-line:#e3e9e5;--hm-shadow:0 10px 30px rgba(16,42,27,.06);color:var(--hm-ink);background:#fff;font-family:Manrope,system-ui,sans-serif}
.hm-page *,.hm-page *::before,.hm-page *::after{box-sizing:border-box}
/* Sitenin genel kapsayıcısıyla (.pro-container, logo hizası) aynı genişlik; canlıdaki gibi en çok 1600 px. */
.hm-wrap{width:min(100% - 24px,1600px);margin-inline:auto}
.hm-page h1,.hm-page h2,.hm-page h3,.hm-page p,.hm-page ul,.hm-page ol{margin:0}
.hm-page ul,.hm-page ol{padding:0;list-style:none}
.hm-icon{display:block;flex:0 0 auto;width:22px;height:22px}

/* Ortak parçalar */
.hm-eyebrow{color:var(--hm-green);font-size:13px;font-weight:800;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.hm-eyebrow-line{display:flex;align-items:center;gap:14px}
.hm-eyebrow-line::after{width:42px;height:1px;background:currentColor;opacity:.6;content:""}
.hm-section{padding:52px 0}
.hm-heading{display:grid;grid-template-columns:fit-content(52%) minmax(0,max-content) auto;justify-content:space-between;align-items:end;gap:14px 40px;margin-bottom:26px}
/* Sütunlar içeriğe göre (08.10.2026, kullanıcı isteği: açıklama sığıyorsa tek satır). Önce başlık kendi genişliğini alır (en çok %52), açıklama
   kalan yerde tek satıra uzar; yer yetmezse başlık değil açıklama iki satıra iner. Eskiden açıklama sütunu oransaldı (.85fr) ve 1600 px'te ~600 px'e kısılıyordu. */
.hm-heading h2,.hm-proof h2{margin-top:8px;color:var(--hm-ink);font:700 clamp(30px,3.2vw,44px)/1.12 Sora,Manrope,sans-serif;letter-spacing:-.05em}
.hm-heading-text{color:var(--hm-copy);font-size:17px;line-height:1.6}
.hm-more{display:inline-flex;align-items:center;gap:8px;color:var(--hm-green);font-size:15.5px;font-weight:800;text-decoration:none;white-space:nowrap}
.hm-more:hover{text-decoration:underline}
.hm-arrow{display:inline-block;transition:transform .2s ease}
a:hover>.hm-arrow,a:hover .hm-button>.hm-arrow{transform:translateX(3px)}

.hm-actions{display:flex;flex-wrap:wrap;gap:12px}
.hm-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:10px;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.hm-button-small{min-height:46px;padding:0 20px;font-size:15px}
.hm-button-primary{color:#fff;background:var(--hm-green);box-shadow:0 10px 22px rgba(8,125,67,.18)}
.hm-button-secondary{border-color:#cfd9d3;color:var(--hm-ink);background:#fff}
.hm-button-light{color:var(--hm-ink);background:#fff}
.hm-button-ghost{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}
.hm-button:hover{transform:translateY(-2px)}
.hm-button-primary:hover,a:hover .hm-button-primary{background:var(--hm-green-dark)}
.hm-button-secondary:hover{border-color:var(--hm-green)}
.hm-button-ghost:hover{background:rgba(255,255,255,.12)}
/* U-TEK'in satır içi .ilimera-pro-page a:hover{color:#000!important} kuralı dolu düğmelerde yazıyı kaybettiriyordu. */
html:not(.dark) .ilimera-pro-page .hm-page a.hm-button-primary:hover,html:not(.dark) .ilimera-pro-page .hm-page a.hm-button-ghost:hover,html:not(.dark) .ilimera-pro-page .hm-page a.hm-field:hover{color:#fff!important}
html:not(.dark) .ilimera-pro-page .hm-page a.hm-button-secondary:hover,html:not(.dark) .ilimera-pro-page .hm-page a.hm-button-light:hover{color:var(--hm-ink)!important}
html:not(.dark) .ilimera-pro-page .hm-page a.hm-more:hover,html:not(.dark) .ilimera-pro-page .hm-page a.hm-card-link:hover{color:var(--hm-green)!important}
.hm-page a:focus-visible{outline:3px solid rgba(8,125,67,.35);outline-offset:3px}

/* ---------------- Hero: İLİMERA slaytı ---------------- */
.ilimera-pro-page .pro-hero.is-static-slide{aspect-ratio:auto;max-height:none}
.pro-hero.is-static-slide .pro-hero-slide:not(.is-active){max-height:0;overflow:hidden}
.hm-hero-slide{position:relative;display:grid;align-items:center;overflow:hidden;background:#fff}
/* En az bir banner kadar yüksek (banner: tam genişlik, panel oranı, en çok --ilimera-hero-height); içerik ortada.
   Geniş ekranda (≈1700 px üstü) İLİMERA slaytı banner'lardan kısa kalıyordu, slayt değişince alttaki sayfa oynuyordu (13.10.2026).
   Daha dar ekranda içerik banner'dan uzun, slayt içeriğine göre kalır. Yüzde dolgu slaytın genişliğine göredir. */
@media (min-width:768px){
  .hm-hero-slide::before{grid-area:1/1;padding-top:min(var(--ilimera-hero-height,650px),calc(100% / (var(--ilimera-hero-desktop-ratio,1900 / 845))));content:""}
  .hm-hero-slide>.hm-hero-inner{grid-area:1/1}
}
/* hero-dynamic.css'teki banner kuralı (.pro-hero-slide img{width:100%;height:100%;object-fit:contain}) burada ezilir. */
.hm-hero-slide img.hm-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
/* Fotoğraf tam genişlik; soldaki yazının arkası okunacak kadar beyaza açılır. */
.hm-hero-slide::after{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 66%);pointer-events:none;content:""}
/* Yazı üstteki logoyla aynı soldan başlar (.pro-container); logo kenara yakınsa sol okun (24+46 px) sağında kalır. */
.hm-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:24px;width:min(100% - 24px,1600px);padding:58px max(0px,calc(84px - (100% - min(100% - 24px,1600px)) / 2)) 70px max(0px,calc(84px - (100% - min(100% - 24px,1600px)) / 2))}
.hm-hero-copy{max-width:600px}
.hm-hero-title{margin-top:18px!important;color:var(--hm-ink);font:800 clamp(44px,4.5vw,74px)/1.02 Sora,Manrope,sans-serif;letter-spacing:-.06em}
.hm-hero-title span{display:block;color:var(--hm-green)}
.hm-hero-text{max-width:560px;margin-top:20px!important;color:var(--hm-copy);font-size:19.5px;line-height:1.6}
.hm-hero-copy .hm-actions{margin-top:30px}
.hm-hero-sectors{display:flex;flex-wrap:wrap;gap:6px 4px;margin-top:30px!important}
.hm-hero-sectors li{display:grid;justify-items:center;gap:7px;width:92px;color:var(--hm-copy);font-size:13px;font-weight:600;line-height:1.3;text-align:center}
.hm-hero-sectors .hm-icon{width:24px;height:24px;color:var(--hm-green)}
.hm-hero-products{position:relative;height:clamp(300px,31vw,450px)}
.hm-hero-products::after{position:absolute;right:4%;bottom:2%;left:6%;z-index:0;height:24px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(10,30,18,.28),transparent 70%);filter:blur(6px);content:""}
.hm-hero-slide img.hm-hero-product{position:absolute;z-index:1;bottom:0;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(10,30,18,.22))}
/* Görsellerin kendi saydam kenar boşlukları var; konumlar görselin ortası hedeflenerek verildi (soldan sağa ~%15, %40, %64, %86). */
.hm-hero-slide img.hm-hero-product.is-shalteron{left:-2%;height:84%;z-index:1}
.hm-hero-slide img.hm-hero-product.is-frigolive{left:-20%;height:70%;z-index:3}
.hm-hero-slide img.hm-hero-product.is-akilli-gecis-sistemi{left:27%;height:80%;z-index:2}
.hm-hero-slide img.hm-hero-product.is-board{left:68%;height:58%;z-index:4}

/* ---------------- Güven bandı (istatistikler) ---------------- */
.hm-trust{padding:30px 0 6px}
.hm-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--hm-line);border-radius:18px;background:#fff;box-shadow:var(--hm-shadow)}
/* İç boşluk .hm-page öneki ile: genel `.hm-page ul{padding:0}` kuralı tek sınıflı kuraldan daha özgül olduğu için boşluğu
   eziyor, bant 58 px'e sıkışıyordu (07.10.2026). Öğeler hücrede ortalı. */
.hm-page .hm-trust-grid{padding:14px 8px}
.hm-trust-grid li{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 22px}
.hm-trust-grid li+li{border-left:1px solid var(--hm-line)}
.hm-trust-icon{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:12px;color:var(--hm-green);background:var(--hm-soft)}
.hm-trust-icon .hm-icon{width:24px;height:24px}
.hm-trust-icon img{width:26px;height:26px;object-fit:contain}
.hm-trust-grid strong,.hm-trust-grid small{display:block}
.hm-trust-grid strong{color:var(--hm-ink);font:700 19px/1.25 Sora,Manrope,sans-serif;letter-spacing:-.03em}
.hm-trust-grid small{margin-top:3px;color:var(--hm-muted);font-size:15px;line-height:1.4}

/* ---------------- İki ürün ailesi ---------------- */
.hm-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hm-family{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hm-line);border-radius:18px;color:var(--hm-ink);background:#fff;box-shadow:var(--hm-shadow);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hm-family:hover{border-color:#c9dccf;box-shadow:0 18px 40px rgba(16,42,27,.11);transform:translateY(-3px)}
.hm-family-photo{display:block;width:100%;height:240px;object-fit:cover}
/* Ailenin bütün ürünleri: görseller saydam kenarları kırpılmış gibi (inc/image-content-box.php) yan yana. */
.hm-family-cluster{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;align-content:center;gap:12px 22px;min-height:262px;padding:28px 24px 20px;background:#fff}
.ilimera-trim{position:relative;display:block;flex:0 0 auto;height:var(--trim-h,150px);overflow:hidden}
.ilimera-trim img{position:absolute;display:block;max-width:none;height:auto}
.hm-family-cluster .ilimera-trim{overflow:visible;filter:drop-shadow(0 14px 14px rgba(10,30,18,.16));transition:transform .3s ease}
.hm-family:hover .hm-family-cluster .ilimera-trim{transform:translateY(-4px)}
.hm-family.is-field .ilimera-trim{--trim-h:150px}
.hm-family.is-field .ilimera-trim.is-shalteron{--trim-h:176px}
.hm-family.is-field .ilimera-trim.is-akilli-gecis-sistemi{--trim-h:156px}
.hm-family.is-field .ilimera-trim.is-neurotrack{--trim-h:84px}
.hm-family.is-boards .hm-family-cluster{gap:14px 16px;padding-inline:108px}
.hm-family.is-boards .ilimera-trim{--trim-h:96px}
.hm-family-copy{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 28px 26px;border-top:1px solid var(--hm-line)}
.hm-family-title{display:flex;align-items:center;gap:12px}
.hm-family-icon{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:50%;color:var(--hm-green);background:var(--hm-soft)}
.hm-family-icon .hm-icon{width:23px;height:23px}
.hm-family-title strong{color:var(--hm-ink);font:700 24px/1.2 Sora,Manrope,sans-serif;letter-spacing:-.04em}
.hm-family-text{color:var(--hm-copy);font-size:16.5px;line-height:1.6}
.hm-family-names{color:var(--hm-green);font-size:14.5px;font-weight:700;line-height:1.5}
.hm-family-copy .hm-button{margin-top:auto}
/* ---------------- Kartlar (ürün + geliştirme kartı) ---------------- */
.hm-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hm-line);border-radius:18px;background:#fff;box-shadow:var(--hm-shadow);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hm-card:hover{border-color:#c9dccf;box-shadow:0 18px 40px rgba(16,42,27,.11);transform:translateY(-3px)}
.hm-card h3{color:var(--hm-ink);font:800 22px/1.2 Sora,Manrope,sans-serif;letter-spacing:-.04em}
.hm-card-media{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden}
.hm-card-image{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;transition:transform .35s ease}
.hm-card:hover .hm-card-image{transform:scale(1.04)}
.hm-card-subtitle{margin-top:4px!important;color:var(--hm-copy);font-size:16px;font-weight:600;line-height:1.45}
.hm-card-text{margin-top:10px!important;color:var(--hm-muted);font-size:15.5px;line-height:1.6}
/* İkonlu özellikler: çerçevesiz, tek satır (kullanıcı isteği 06.10.2026). */
.hm-tags{display:flex;flex-wrap:nowrap;gap:6px 14px;margin-top:16px!important;overflow:hidden}
.hm-tags li{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;color:var(--hm-copy);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
.hm-tags .hm-icon{width:16px;height:16px;color:var(--hm-green)}
/* Kart daraldıkça etiketler küçülür; tek satır kalır (taşma testi: 360–1920 px). */
.hm-card-body,.hm-board-card{container-type:inline-size}
@container (max-width:360px){.hm-tags{gap:6px 10px}.hm-tags li{gap:5px;font-size:12.5px}.hm-tags .hm-icon{width:14px;height:14px}}
@container (max-width:300px){.hm-tags{gap:6px 8px}.hm-tags li{gap:4px;font-size:11px}.hm-tags .hm-icon{width:13px;height:13px}}
@container (max-width:285px){.hm-tags .hm-icon{display:none}}
.hm-card-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin-top:auto;border:1px solid #cfd9d3;border-radius:10px;color:var(--hm-ink);font-size:15.5px;font-weight:800;text-decoration:none;transition:border-color .2s,color .2s}
.hm-card:hover .hm-card-link{border-color:var(--hm-green);color:var(--hm-green)}

.hm-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}
.hm-product-card .hm-card-media{height:270px;padding:18px 18px 0}
.hm-product-card .hm-card-body{display:flex;flex:1;flex-direction:column;padding:16px 24px 24px}
.hm-product-card .hm-card-link{margin-top:auto}
.hm-product-card .hm-tags{margin-bottom:20px!important}
/* Bir kartta birden çok model (SHALTERON / SHALTERON İHYA; home-models.js, pro-content → home → product_models). Görsel tam genişlik;
   başlığın yerinde yan yana iki küçük seçenek (seçili olan yeşil çerçeveli), altında seçili modelin alt başlığı, açıklaması, etiketleri
   ve bağlantısı. Seçici yaklaşık başlık yüksekliğinde; diğer kartlar büyümesin (alt alta satırlar kartları uzatıyordu). */
.hm-models{display:flex;flex-wrap:wrap;gap:6px}
.hm-model{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;gap:7px;min-height:34px;margin:0;padding:5px 12px;border:1px solid var(--hm-line);border-radius:10px;color:var(--hm-copy);background:#fff;font:inherit;white-space:nowrap;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,color .2s}
.hm-model::before{flex:0 0 14px;width:14px;height:14px;border:2px solid #b8c3bd;border-radius:50%;box-sizing:border-box;content:"";transition:border .2s}
.hm-model:hover{border-color:#b6d2c0;color:var(--hm-ink)}
.hm-model[aria-pressed="true"]{border-color:var(--hm-green);color:var(--hm-ink);background:#f4faf6;box-shadow:inset 0 0 0 1px var(--hm-green)}
.hm-model[aria-pressed="true"]::before{border:4px solid var(--hm-green)}
.hm-model:focus-visible{outline:2px solid var(--hm-green);outline-offset:2px}
.hm-model-name{font:800 14px/1.2 Sora,Manrope,sans-serif;letter-spacing:-.02em}
.hm-model-note{padding:1px 7px;border-radius:999px;color:var(--hm-green);background:#e2f2e8;font:800 10.5px/1.4 Manrope,sans-serif}
.hm-model-panel{display:flex;flex:1;flex-direction:column}
.hm-model-panel .hm-card-subtitle{margin-top:8px!important}
.hm-product-card [data-hm-model-panel][hidden],.hm-product-card [data-hm-model-media][hidden]{display:none!important}
/* Dar kartta (telefon) iki seçenek yine yan yana: not adın altına iner. */
@container (max-width:380px){.hm-models{flex-wrap:nowrap}.hm-model{display:grid;flex:1 1 0;grid-template-columns:14px auto;align-content:center;justify-content:center;gap:2px 6px;min-width:0;padding:6px 8px}.hm-model::before{grid-row:1/span 2}.hm-model-name{font-size:12px;white-space:normal}.hm-model-note{grid-column:2;justify-self:start;font-size:10px}}
.hm-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


.hm-board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hm-board-card{padding:20px 20px 22px}
.hm-board-card h3{font-size:18px;letter-spacing:-.03em}
.hm-board-card .hm-card-media{height:200px;margin:14px 0 8px}
.hm-board-card .ilimera-trim{--trim-h:170px;filter:drop-shadow(0 12px 14px rgba(10,30,18,.16));transition:transform .35s ease}
.hm-board-card:hover .ilimera-trim{transform:scale(1.04)}
.hm-board-card .hm-card-subtitle{font-size:15px;font-weight:500;color:var(--hm-muted)}
.hm-board-card .hm-tags{margin-bottom:18px!important}
.hm-board-card .hm-tags{gap:6px 12px}
.hm-board-card .hm-tags li{gap:5px;font-size:13.5px}
.hm-board-card .hm-tags .hm-icon{width:15px;height:15px}

/* ---------------- Ekosistem ---------------- */
.hm-ecosystem-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:30px 40px;padding:34px 36px;border:1px solid var(--hm-line);border-radius:20px;background:#fff;box-shadow:var(--hm-shadow)}
.hm-ecosystem-copy h2{margin-top:8px;color:var(--hm-ink);font:700 clamp(26px,2.4vw,32px)/1.15 Sora,Manrope,sans-serif;letter-spacing:-.045em}
.hm-ecosystem-copy p:not(.hm-eyebrow){margin-top:12px;color:var(--hm-copy);font-size:16.5px;line-height:1.6}
.hm-ecosystem-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hm-ecosystem-steps li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center}
.hm-ecosystem-steps li+li::before{position:absolute;top:26px;left:-18px;width:18px;color:var(--hm-green);font-size:16px;line-height:1;text-align:center;content:"→";transform:translateX(-50%)}
.hm-ecosystem-icon{display:grid;width:58px;height:58px;margin-bottom:6px;place-items:center;border:1px solid #d6e8dc;border-radius:16px;color:var(--hm-green);background:var(--hm-soft)}
.hm-ecosystem-icon .hm-icon{width:28px;height:28px}
.hm-ecosystem-steps strong{color:var(--hm-ink);font-size:16.5px;font-weight:800;line-height:1.3}
.hm-ecosystem-steps small{color:var(--hm-muted);font-size:14.5px;line-height:1.45}

/* ---------------- Teknolojimizin çalıştığı sahalar ---------------- */
.hm-field-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.hm-field{position:relative;display:flex;grid-column:span 2;align-items:flex-end;min-height:230px;overflow:hidden;border-radius:16px;color:#fff;background:#1d2a23;text-decoration:none;isolation:isolate}
.hm-field:nth-child(n+4){grid-column:span 3}
.hm-field-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
/* 2–3 görsel üst üste; etkin olan yumuşak geçişle görünür (assets/js/home-fields.js). */
.hm-field-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease,transform .5s ease}
.hm-field-media img.is-active{opacity:1}
.hm-field::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,20,12,.05) 20%,rgba(6,20,12,.82) 100%);content:""}
.hm-field:hover .hm-field-media img{transform:scale(1.05)}
.hm-field-copy{display:grid;gap:6px;padding:22px}
.hm-field-icon{display:grid;width:40px;height:40px;margin-bottom:4px;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.hm-field-copy strong{color:#fff;font:700 21px/1.2 Sora,Manrope,sans-serif;letter-spacing:-.03em}
.hm-field-copy>span:last-child{color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.5}
.hm-field-go{position:absolute;right:20px;bottom:22px;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--hm-ink);background:#fff;font-size:17px;font-weight:700;transition:transform .2s ease}
.hm-field:hover .hm-field-go{transform:translateX(3px)}

/* ---------------- Sahayı görünür hale getiriyoruz ---------------- */
.hm-proof-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px}
.hm-proof-text{max-width:580px;margin-top:14px!important;color:var(--hm-copy);font-size:17px;line-height:1.65}
.hm-proof-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px;margin-top:28px!important}
.hm-proof-features li{display:flex;gap:14px}
.hm-proof-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--hm-green);background:var(--hm-soft)}
.hm-proof-features strong,.hm-proof-features small{display:block}
.hm-proof-features strong{color:var(--hm-ink);font-size:16.5px;font-weight:800}
.hm-proof-features small{margin-top:3px;color:var(--hm-muted);font-size:15px;line-height:1.5}
.hm-proof-media .pro-dashboard-image{width:100%;height:auto}

/* ---------------- Ar-Ge ve proje destekleri ---------------- */
.hm-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hm-support{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:18px;padding:20px;border:1px solid var(--hm-line);border-radius:16px;background:#fff;box-shadow:var(--hm-shadow)}
.hm-support>img,.hm-support-logos img{display:block;width:100%;height:64px;object-fit:contain}
.hm-support-logos{display:grid;gap:8px}
.hm-support-logos img{height:34px}
.hm-support-kicker{color:var(--hm-green);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hm-support h3{margin-top:4px!important;color:var(--hm-ink);font-size:16.5px;font-weight:800;line-height:1.35}
/* Açıklama kesilmez (panelden gelen metin; 3 satır sınırı Erasmus metninin son kelimesini kesiyordu, 08.10.2026). */
.hm-support div>p:last-child{margin-top:6px!important;color:var(--hm-muted);font-size:14.5px;line-height:1.5}

/* ---------------- Referanslar ---------------- */
#sahalar{scroll-margin-top:90px}
.hm-references.pro-references{padding:52px 0;background:#fff}
.hm-references .pro-reference-card img{filter:grayscale(1);opacity:.62;transition:filter .25s ease,opacity .25s ease}
.hm-references .pro-reference-card:hover img{filter:none;opacity:1}

/* ---------------- Sayfa sonu çağrısı ---------------- */
.hm-cta-section{padding-top:20px}
.hm-cta{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) auto;align-items:center;gap:28px 40px;overflow:hidden;padding:46px 48px;border-radius:22px;color:#fff;background:#0d3b23;isolation:isolate}
.hm-cta::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,34,18,.96) 0%,rgba(8,52,28,.88) 48%,rgba(8,52,28,.45) 100%),var(--hm-cta-image,none) center 60%/cover;content:""}
.hm-cta .hm-eyebrow{color:#9ddfb6}
.hm-cta h2{margin-top:10px!important;color:#fff;font:700 clamp(28px,3vw,40px)/1.15 Sora,Manrope,sans-serif;letter-spacing:-.045em}
.hm-cta p:not(.hm-eyebrow){max-width:600px;margin-top:12px!important;color:rgba(255,255,255,.86);font-size:17.5px;line-height:1.6}

/* ---------------- Duyarlı düzen ---------------- */
@media (max-width:1180px){
  .hm-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hm-hero-title{font-size:clamp(40px,4.3vw,56px)}
  .hm-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-support-grid{grid-template-columns:1fr}
  .hm-heading{grid-template-columns:minmax(0,1fr) auto}
  .hm-heading-text{grid-column:1/-1;grid-row:2;max-width:640px}
}
@media (max-width:1023px){
  .hm-hero-inner{grid-template-columns:1fr;gap:10px;padding:44px 72px 56px}
  .hm-hero-slide::after{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 52%,rgba(255,255,255,0) 72%)}
  .hm-hero-copy{max-width:none}
  .hm-hero-slide img.hm-hero-bg{top:auto;bottom:0;width:100%;height:420px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 45%);mask-image:linear-gradient(180deg,transparent 0,#000 45%)}
  .hm-hero-products{width:min(100%,640px);height:340px;margin:12px auto 0}
  .hm-family-grid{grid-template-columns:1fr}
  .hm-ecosystem-box{grid-template-columns:1fr}
  .hm-proof-grid{grid-template-columns:1fr;gap:32px}
  .hm-field{grid-column:span 3}
  .hm-field:nth-child(n+4){grid-column:span 3}
  .hm-field:last-child:nth-child(odd){grid-column:1/-1}
  .hm-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .hm-trust-grid li:nth-child(3){border-left:0}
}
@media (max-width:767px){
  .hm-wrap{width:min(100% - 32px,620px)}
  .pro-hero.is-static-slide .pro-hero-arrow{display:none}
  .hm-hero-inner{width:min(100% - 32px,620px);padding:30px 0 46px}
  .hm-hero-slide::after{display:none}
  .hm-hero-title{font-size:clamp(40px,11vw,54px)}
  .hm-hero-text{font-size:16px}
  .hm-hero-copy .hm-actions{flex-direction:column;align-items:stretch}
  .hm-hero-sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 6px}
  .hm-hero-sectors li{width:auto}
  .hm-hero-products{height:230px}
  .hm-section{padding:40px 0}
  .hm-heading{grid-template-columns:1fr;gap:10px}
  .hm-heading-text{grid-row:auto}
  .hm-more{justify-self:start}
  .hm-trust{padding-top:22px}
  .hm-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .hm-page .hm-trust-grid{padding:0}
  /* Telefonda simge yazının solunda (üstünde dururken bant 243 px tutuyordu, 08.10.2026). */
  .hm-trust-grid li{justify-content:flex-start;gap:7px;padding:10px 6px 10px 9px}
  .hm-trust-grid li>span:last-child{min-width:0}
  .hm-trust-grid li+li{border-left:0}
  .hm-trust-grid li:nth-child(even){border-left:1px solid var(--hm-line)}
  .hm-trust-grid li:nth-child(n+3){border-top:1px solid var(--hm-line)}
  .hm-trust-icon{flex-basis:30px;width:30px;height:30px;border-radius:9px}
  .hm-trust-icon .hm-icon{width:17px;height:17px}
  .hm-trust-grid strong{font-size:13.5px;line-height:1.2;letter-spacing:-.03em}
  .hm-trust-grid small{margin-top:2px;font-size:12.5px;line-height:1.3}
  .hm-family-cluster{min-height:0;gap:10px 12px;padding:22px 14px 16px}
  .hm-family.is-field .ilimera-trim{--trim-h:104px}
  .hm-family.is-field .ilimera-trim.is-shalteron{--trim-h:122px}
  .hm-family.is-field .ilimera-trim.is-akilli-gecis-sistemi{--trim-h:108px}
  .hm-family.is-field .ilimera-trim.is-neurotrack{--trim-h:58px}
  .hm-family.is-boards .ilimera-trim{--trim-h:58px}
  .hm-family-copy{padding:18px 20px 22px}
  .hm-family-copy .hm-button{margin-top:6px}
  .hm-product-card .hm-card-media{height:230px}
  .hm-product-card .hm-card-body{padding:14px 18px 20px}
  .hm-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hm-board-card{padding:14px 12px 14px}
  .hm-board-card h3{font-size:14px}
  .hm-board-card .hm-card-media{height:120px;margin:10px 0 4px}
  .hm-board-card .ilimera-trim{--trim-h:104px}
  .hm-board-card .hm-card-subtitle{font-size:12px}
  .hm-board-card .hm-tags{display:none}
  .hm-board-card .hm-card-link{min-height:40px;margin-top:12px;font-size:13px}
  .hm-ecosystem-box{padding:26px 20px}
  .hm-ecosystem-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .hm-ecosystem-steps li+li::before{display:none}
  .hm-field,.hm-field:nth-child(n+4),.hm-field:last-child:nth-child(odd){grid-column:1/-1;min-height:200px}
  .hm-proof-features{grid-template-columns:1fr}
  .hm-support{grid-template-columns:92px minmax(0,1fr);padding:16px}
  .hm-cta{grid-template-columns:1fr;padding:32px 24px}
  .hm-cta::before{background-image:linear-gradient(90deg,rgba(6,34,18,.96) 0%,rgba(8,52,28,.88) 48%,rgba(8,52,28,.45) 100%),var(--hm-cta-image-sm,var(--hm-cta-image,none))}
  .hm-cta .hm-actions{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){
  .hm-card,.hm-family,.hm-button,.hm-card-image,.hm-field img,.hm-arrow,.ilimera-trim{transition:none}
}
/* SHALTERON İHYA gibi ürünlerde alt başlığın altındaki ikinci satır (10.10.2026; pro-content.php → home → product_cards → subtitle_extra). */
.hm-card-subtitle-extra{display:block}
/* Model seçicili kartta ikinci satırı olmayan modelde görünmez yer tutucu: model değişince kartın boyu oynamaz (home-pro.php $reserve_extra). */
.hm-card-subtitle-extra.is-reserve{visibility:hidden}