/* Ürünler mega paneli (Cloudzy tarzı) + mobil çekmece grup başlıkları. Şablon: partials/mega-menu.tpl, davranış: js/kervanhost-mega.js */

/* tetikleyici: <button> olduğu için bağlantı görünümüne çevir */
.site-nav .nav-mega{position:static}
.site-nav .nav-mega-trigger{background:transparent;border:0;cursor:pointer;font:inherit;font-weight:500;color:var(--xl-dim);display:inline-flex;align-items:center}
.site-nav .nav-mega-trigger:focus-visible{outline:2px solid var(--xl-g1);outline-offset:2px}
.site-nav .nav-mega.is-open>.nav-mega-trigger,.site-nav .nav-mega-trigger[aria-expanded=true]{color:#fff}
.site-nav .nav-mega.is-open>.nav-mega-trigger::after,.site-nav .nav-mega-trigger[aria-expanded=true]::after{transform:scaleX(1)}
.site-nav .nav-mega .nav-chevron{transition:transform .25s}
.site-nav .nav-mega.is-open .nav-chevron{transform:rotate(180deg)}

/* panel: hap biçimli header'ın (nav.container) hemen altında, onunla aynı genişlikte */
.mega-panel{position:absolute;inset-inline:0;top:calc(100% + 12px);z-index:5;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);
  border:1px solid var(--xl-line);border-radius:22px;background:rgba(26,16,10,.97);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 28px 70px rgba(0,0,0,.5);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.site-header.xl-scrolled .mega-panel{top:100%;border-radius:0 0 22px 22px;border-top:0}
/* imleç tetikleyiciden panele inerken boşluğa düşmesin */
.mega-bridge{position:absolute;inset-inline:0;top:-16px;height:16px}
.nav-mega.is-open>.mega-panel,html:not(.js-mega) .nav-mega:hover>.mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.mega-inner{padding:1.4rem 1.6rem 1.1rem}
.mega-tagline{margin:0 0 1rem;padding-bottom:.85rem;border-bottom:1px solid var(--xl-line);color:var(--xl-dim);font-size:.82rem}
.mega-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem}
.mega-body-wide{grid-template-columns:minmax(0,1fr)}
.mega-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.1rem 1.4rem;align-content:start}
.mega-eyebrow{margin:0 0 .55rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--xl-g1)}
.mega-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.mega-item{display:flex;align-items:flex-start;gap:.7rem;padding:.55rem .6rem;border-radius:14px;text-decoration:none;color:#fff;transition:background .2s,transform .2s}
.mega-item:hover,.mega-item:focus-visible{background:rgba(242,181,68,.09);color:#fff}
.mega-item:focus-visible{outline:2px solid var(--xl-g1);outline-offset:-2px}
.mega-ico{flex:0 0 auto;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:11px;background:rgba(242,181,68,.12);color:var(--xl-g1);font-size:1.05rem;transition:background .2s,color .2s}
.mega-item:hover .mega-ico,.mega-item:focus-visible .mega-ico{background:var(--xl-grad);color:#1a0f08}
.mega-txt{min-width:0;display:grid;gap:.1rem}
.mega-title{font-size:.92rem;font-weight:600;line-height:1.25}
.mega-desc{font-size:.76rem;line-height:1.35;color:var(--xl-dim)}
.mega-tag{margin-inline-start:.4rem;padding:.05rem .4rem;border-radius:6px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;white-space:nowrap}

.mega-feature{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;padding:1.15rem 1.2rem;border-radius:18px;border:1px solid var(--xl-line);
  background:linear-gradient(160deg,rgba(242,181,68,.16),rgba(212,88,42,.1) 60%,transparent),rgba(255,255,255,.02)}
.mega-feature-glow{position:absolute;inset-inline-end:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--xl-grad);filter:blur(48px);opacity:.28;pointer-events:none}
.mega-feature>*:not(.mega-feature-glow){position:relative}
.mega-feature-eyebrow{margin:0;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.mega-feature-title{margin:0;font-family:"Montserrat",sans-serif;font-size:1.05rem;font-weight:700;line-height:1.25;color:#fff}
.mega-feature-text{margin:0;font-size:.8rem;line-height:1.5;color:var(--xl-dim)}
.mega-feature-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;background:var(--xl-grad);color:#1a0f08;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s}
.mega-feature-cta:hover,.mega-feature-cta:focus-visible{color:#1a0f08;transform:translateY(-1px);filter:brightness(1.08)}

.mega-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:.85rem;border-top:1px solid var(--xl-line);font-size:.8rem;color:var(--xl-dim)}
.mega-foot a{display:inline-flex;align-items:center;gap:.35rem;color:var(--xl-g1);font-weight:600;text-decoration:none}
.mega-foot a:hover,.mega-foot a:focus-visible{color:#fff}

/* orta genişlik (992–1199): yan kartı alta al, sütunları sıkıştır */
@media (max-width:1199.98px){
  .mega-body{grid-template-columns:minmax(0,1fr)}
  .mega-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem 1.2rem;padding:.9rem 1.1rem}
  .mega-feature-cta{grid-column:2;grid-row:1 / span 3;align-self:center;margin-top:0}
  .mega-feature-text{display:none}
  .mega-inner{padding:1.1rem 1.2rem .9rem}
}
/* kaydırılmış header tam genişliğe yayılır: içerik hizası yine 1100px */
.site-header.xl-scrolled .mega-panel{top:calc(100% - 1px)}
.site-header.xl-scrolled .mega-inner{max-width:1100px;margin-inline:auto}

/* mobil çekmece: grup başlığı ve ikonlu alt bağlantılar */
.drawer-group{display:block;margin:.7rem 0 .2rem;padding:0 .75rem;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--xl-g1)}
.drawer-group:first-child{margin-top:.2rem}
.drawer-sublink{display:flex;align-items:center;gap:.6rem;min-height:44px}
.drawer-link{min-height:44px}
.drawer-sub-ico{flex:0 0 auto;width:1.1rem;text-align:center;color:var(--xl-g1)}

@media (prefers-reduced-motion:reduce){
  .mega-panel,.mega-item,.mega-ico,.mega-feature-cta,.site-nav .nav-mega .nav-chevron{transition:none}
}