/* HISE Home Inspection — etkileşim & responsive (tasarım inline-style; bu dosya dinamik bileşenler) */

/* ===== Mega menü (Hizmetler) ===== */
.hise-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #ececec;box-shadow:0 24px 50px rgba(28,31,34,.12);transition:opacity .2s ease,transform .2s ease,visibility .2s;opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;z-index:80}
.hise-mega.open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}

/* ===== Dil değiştirici ===== */
.lang-btn{border:none;cursor:pointer;padding:7px 12px;font-family:inherit;font-weight:600;font-size:13px;background:#fff;color:#5c5c5c}
.lang-btn.active{background:#df1f26;color:#fff}

/* ===== "Kime Hizmet Veriyoruz" genişleyen paneller ===== */
.serve-panel{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;min-width:60px;transition:flex .55s cubic-bezier(.4,0,.2,1);flex:0.6 1 0%;background:#2a2d30}
.serve-panel.active{flex:3.6 1 0%}
.serve-panel img{width:100%;height:100%;object-fit:cover;object-position:center}
/* tam-ekran (inset:0) görsellerde ezilmeyi önle: hero, serve, rapor bandı vb. */
img[style*="inset:0"]{object-fit:cover}
.serve-content{position:absolute;left:0;right:0;bottom:0;padding:34px;transition:opacity .35s ease .1s;opacity:0;pointer-events:none}
.serve-panel.active .serve-content{opacity:1;pointer-events:auto}
.serve-label{position:absolute;left:50%;bottom:30px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:'Plus Jakarta Sans';font-weight:800;font-size:21px;color:#fff;white-space:nowrap;transition:opacity .25s ease;pointer-events:none;opacity:1}
.serve-panel.active .serve-label{opacity:0}

/* ===== SSS akordeon ===== */
.faq-icon{flex-shrink:0;color:#df1f26;display:inline-flex;transition:transform .25s ease;transform:rotate(0deg)}
.faq-open .faq-icon{transform:rotate(45deg)}
.faq-body{overflow:hidden;transition:max-height .3s ease;max-height:0}
.faq-open .faq-body{max-height:360px}

/* ===== Mobil menü ===== */
.hise-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:0;align-items:center;justify-content:center}
.hise-burger span{display:block;width:25px;height:2.5px;background:#1c1f22;border-radius:3px;transition:.3s}
.hise-burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hise-burger.open span:nth-child(2){opacity:0}
.hise-burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.hise-mobov{position:fixed;inset:0;background:rgba(20,22,24,.5);opacity:0;visibility:hidden;transition:.3s;z-index:998}
.hise-mobov.open{opacity:1;visibility:visible}
.hise-mobnav{position:fixed;top:0;right:0;width:320px;max-width:86vw;height:100dvh;background:#fff;z-index:999;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-12px 0 44px rgba(0,0,0,.22);display:flex;flex-direction:column;padding:22px}
.hise-mobnav.open{transform:translateX(0)}
.hise-mobnav a{display:block;padding:14px 6px;font-family:'Plus Jakarta Sans';font-weight:600;font-size:16px;color:#1c1f22;border-bottom:1px solid #f1f1f2}
.hise-mobnav a:hover{color:#df1f26}
body.hise-lock{overflow:hidden}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .hise-desktop-nav{display:none !important}
  .hise-header-cta{display:none !important}
  .hise-burger{display:flex}
  .hise-mega{display:none !important}
}
@media(max-width:900px){
  /* çok sütunlu gridleri tek sütuna indir */
  .hise-grid-2,.hise-grid-3,.hise-grid-4{grid-template-columns:1fr !important}
  .serve-row{flex-direction:column;height:auto !important}
  .serve-panel,.serve-panel.active{flex:1 1 auto !important;min-height:220px}
  .serve-content{opacity:1 !important;pointer-events:auto !important;position:relative;padding:24px}
  .serve-label{display:none}
  h1{font-size:38px !important}
}
@media(max-width:600px){
  h1{font-size:31px !important}
  h2{font-size:29px !important}
}

/* ===== İstatistik yüzen kart — responsive ===== */
@media(max-width:900px){
  .hise-stats{grid-template-columns:1fr 1fr !important;margin-top:-48px !important}
  .hise-stats > div:nth-child(2){border-right:none !important}
  .hise-stats > div{border-bottom:1px solid #eef0f2}
  .hise-stats > div:nth-last-child(-n+2){border-bottom:none}
}
@media(max-width:520px){
  .hise-stats{grid-template-columns:1fr !important}
  .hise-stats > div{border-right:none !important}
}

/* ===== Editoryal bölüm başlığı ===== */
.ed-eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:20px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#1c1f22}
.ed-eyebrow::before{content:"";width:32px;height:2px;background:#df1f26;flex-shrink:0}
.ed-eyebrow.on-dark{color:#e7e9ec}
/* editoryal değer listesi */
.ed-val{padding:34px 0;border-top:1px solid #dfe2e5;display:flex;gap:26px;transition:padding-left .3s ease}
.ed-val:hover{padding-left:8px}
.ed-val-num{font-family:'Plus Jakarta Sans';font-weight:800;font-size:19px;color:#df1f26;flex-shrink:0;width:38px;line-height:1.5}
@media(max-width:900px){ .ed-val-grid{grid-template-columns:1fr !important} .ed-head-split{grid-template-columns:1fr !important;gap:24px !important} }