@import url("coming-soon.css");
/* Eno Moments — Habitline sayfa uyarlamaları. Fontlar ve tokenlar: assets/eno-brand/eno-brand.css */

.eno-icon{display:inline-block;flex-shrink:0}
#siteHeader .min-w-\[175px\]{min-width:200px;justify-content:center}
#siteHeader img[src*="eno-moments-logo"]{max-width:170px!important}
@media (width<48rem){
  #siteHeader .min-w-\[175px\]{min-width:0}
  #siteHeader img[src*="eno-moments-logo"]{max-width:140px!important}
}
#navbar a.active{background:var(--color-default-200);color:var(--color-default-800)}

/* Yasal metinler — privacy-policy şablon tipografisi */
.eno-legal{color:var(--color-default-800)}
.eno-legal>*+*{margin-top:1.25rem}
.eno-legal h2{margin-top:2.5rem;margin-bottom:.625rem;color:var(--color-default-900);font-size:1.25rem;line-height:1.3;font-weight:500}
.eno-legal h3{margin-top:1.75rem;color:var(--color-default-900);font-size:1.125rem;font-weight:500}
.eno-legal p,.eno-legal li{color:var(--color-default-600);font-size:1rem;line-height:1.625}
.eno-legal ul{list-style:disc;padding-inline-start:1.5rem}
.eno-legal ol{list-style:decimal;padding-inline-start:1.5rem}
.eno-legal li+li{margin-top:.625rem}
.eno-legal a{color:var(--color-default-900);text-decoration:underline;text-underline-offset:4px}
.eno-legal .legal-banner{padding:1.25rem 1.5rem;border-radius:1rem;background:#fff;box-shadow:0 20px 25px -5px rgba(228,228,231,.5);color:var(--color-default-700);line-height:1.6}
.eno-legal .ea-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.eno-legal table{width:100%;border-collapse:collapse;font-size:.95rem}
.eno-legal th,.eno-legal td{padding:.75rem;border-bottom:1px solid var(--color-default-200);text-align:start;vertical-align:top}
@media (width>=48rem){
  .eno-legal>*+*{margin-top:1.5rem}
  .eno-legal h2{font-size:1.5rem}
  .eno-legal p,.eno-legal li{font-size:1.125rem}
}
@media (width>=64rem){.eno-legal h2{font-size:2.25rem}}

/* Tema vitrini */
.theme-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}
.theme-filters button{padding:.75rem 1.5rem;border-radius:999px;background:#fff;color:var(--color-default-800);font-size:.875rem;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s}
.theme-filters button:hover{background:var(--color-default-200)}
.theme-filters button.is-active{background:var(--color-default-900);color:#fff}
.themes-grid{display:grid;gap:1.875rem}
@media (width>=48rem){.themes-grid{grid-template-columns:repeat(2,1fr)}}
@media (width>=64rem){.themes-grid{grid-template-columns:repeat(3,1fr)}}
.theme-card{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border-radius:1rem;background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);transition:transform .3s}
.theme-card:hover{transform:translateY(-4px)}
.theme-card[hidden]{display:none!important}
.theme-card__preview{position:relative;overflow:hidden;min-height:220px;padding:1rem;display:grid;place-items:center;background:var(--color-default-100)}
.theme-card__preview iframe{position:absolute;inset:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border:0;pointer-events:none;opacity:0;transition:opacity .4s}
.theme-card__preview.is-loaded iframe{opacity:1}
.theme-card__preview-fallback{position:absolute;inset:0;display:grid;place-content:center;gap:.35rem;padding:1rem;text-align:center;background:linear-gradient(145deg,#27272a,#09090b);color:#fafafa}
.theme-card__preview-fallback strong{font-family:var(--font-heading);font-size:1.25rem;font-weight:500}
.theme-card__body{display:flex;flex:1;flex-direction:column;gap:.625rem;min-width:0;padding:1.25rem 1.25rem 1.5rem}
.theme-card__body h3{margin:0;color:var(--color-default-900);font-size:1.25rem;font-weight:500;overflow-wrap:anywhere}
.theme-card__category{color:var(--color-default-500);font-size:.8rem;font-weight:500}
.theme-card__meta{color:var(--color-default-600);font-size:.9rem}
.palette{display:flex;gap:.35rem}
.palette i{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-default-200)}
.theme-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem}
.theme-card__actions .btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.1rem;border-radius:999px;background:var(--color-default-200);color:var(--color-default-900);font-size:.9rem;font-weight:500;transition:transform .3s}
.theme-card__actions .btn:hover{transform:scale(.97)}
.theme-card__actions .btn--primary,.theme-card__actions .btn:last-child{background:var(--color-default-900);color:#fff}

/* Form durum mesajı */
.eno-form-note{min-height:1.5rem;font-size:.95rem;color:var(--color-default-600)}
.eno-form-note.is-error{color:#c62828}
.eno-form-note.is-ok{color:#15803d}

/* Adım kartları (nasıl çalışır) */
.eno-steps{display:grid;gap:1.875rem}
@media (width>=48rem){.eno-steps{grid-template-columns:repeat(2,1fr)}}
@media (width>=64rem){.eno-steps{grid-template-columns:repeat(4,1fr)}}
.eno-step{display:flex;flex-direction:column;gap:1rem;padding:1.875rem;border-radius:1rem;background:#fff;box-shadow:0 20px 25px -5px rgba(228,228,231,.5)}
.eno-step__no{display:flex;align-items:center;justify-content:center;width:3.125rem;height:3.125rem;border-radius:999px;background:var(--color-primary-1);color:#fff;font-weight:600;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}
.eno-step h3{color:var(--color-default-950);font-size:1.5rem;font-weight:500}
.eno-step p{color:var(--color-default-600);font-size:1.05rem;line-height:1.6}

@media (prefers-reduced-motion: reduce){.theme-card,.theme-card__actions .btn{transition:none}}

/* Template background utilities, rewritten for local asset paths */
.bg-\[url\(\'assets\/eno-landing\/images\/icons\/vector-10\.png\'\)\]{background-image:url(images/icons/vector-10.png)}
.bg-\[url\(\'assets\/eno-landing\/images\/locations\/contact-image\.webp\'\)\]{background-image:url(images/locations/contact-image.webp)}
.bg-\[url\(\'assets\/eno-landing\/images\/locations\/feature-01\.webp\'\)\]{background-image:url(images/locations/feature-01.webp)}
.bg-\[url\(\'assets\/eno-landing\/images\/locations\/feature-02\.webp\'\)\]{background-image:url(images/locations/feature-02.webp)}
.bg-\[url\(\'assets\/eno-landing\/images\/locations\/feature-03\.webp\'\)\]{background-image:url(images/locations/feature-03.webp)}
.bg-\[url\(\'assets\/eno-landing\/images\/workspace\/hero-glob\.jpg\'\)\]{background-image:url(images/workspace/hero-glob.jpg)}
.bg-\[url\(\'assets\/eno-landing\/images\/workspace\/suggestion-image\.webp\'\)\]{background-image:url(images/workspace/suggestion-image.webp)}

/* Header: Habitline nav pill, Eno bilgi mimarisi */
.eno-nav-link{padding-inline:.7rem}
@media (width>=80rem){.eno-nav-link{padding-inline:1.1rem}}
.eno-hdr-text{display:none;align-items:center;gap:.5rem;height:3.125rem;padding:0 1.1rem;border-radius:1rem;font-size:.875rem;font-weight:500;white-space:nowrap;transition:transform .3s,background-color .3s}
.eno-hdr-text:hover{transform:scale(.97)}
.eno-hdr-login{background:var(--color-default-200);color:var(--color-default-900)}
.eno-hdr-cta{background:var(--color-default-900);color:#fff}
@media (width>=96rem){.eno-hdr-text{display:inline-flex}.eno-hdr-icons{display:none!important}}
.eno-mob-actions{display:grid;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-default-200)}
.eno-mob-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--eno-touch,44px);padding:0 1rem;border-radius:999px;background:var(--color-default-200);color:var(--color-default-900);font-weight:500}
.eno-mob-btn--dark{background:var(--color-default-900);color:#fff}
#mobileNav{max-height:calc(100svh - 5rem)}
#mobilePanel{max-height:calc(100svh - 5rem)}
[id="nasil-calisir"],[id="features"],[id="etkinlikler"],[id="ajanslar"],[id="sss"]{scroll-margin-top:7rem}

/*
 * SSS 12-col grid uses lg:gap-25 (6.25rem / 100px). At 1024px, 11 column-gaps
 * already need 1100px, so tracks collapse to 0px and the col-span-7 child
 * paints at left:500 width:600 → right:1100 (76px document overflow).
 * Override gap only; do not clip the page with overflow-x:hidden.
 */
#sss .grid > *{min-width:0;max-width:100%}
@media (width>=64rem){
  #sss [class*="lg:gap-25"]{gap:2rem}
}
@media (width>=80rem){
  #sss [class*="lg:gap-25"]{gap:2.5rem}
}
@media (width>=96rem){
  #sss [class*="lg:gap-25"]{gap:3.5rem}
}

.eno-motto{margin:-1.5rem 0 2rem;font-family:var(--font-heading);font-size:1.5rem;font-weight:500;color:var(--color-default-900)}
.eno-hero-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem;min-height:44px;color:#fff;font-weight:500;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(255,255,255,.5)}
.eno-hero-link:hover{text-decoration-color:#fff}

/* İçerik türleri ve avantajlar */
.eno-sub-title{margin:3.5rem 0 1.5rem;text-align:center;font-family:var(--font-heading);font-size:1.5rem;font-weight:500;color:var(--color-default-900)}
.eno-types{display:grid;gap:1rem}
@media (width>=40rem){.eno-types{grid-template-columns:repeat(2,1fr)}}
@media (width>=64rem){.eno-types{grid-template-columns:repeat(4,1fr);gap:1.875rem}}
.eno-type{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-radius:1rem;background:#fff;box-shadow:0 20px 25px -5px rgba(228,228,231,.5)}
.eno-type__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:.875rem;background:var(--color-default-100);color:var(--color-primary-1)}
.eno-type h3{font-size:1.125rem;font-weight:500;color:var(--color-default-950)}
.eno-type p{margin-top:.25rem;color:var(--color-default-600);line-height:1.5}
.eno-benefits{display:grid;gap:.75rem;max-width:64rem;margin:0 auto}
@media (width>=48rem){.eno-benefits{grid-template-columns:repeat(2,1fr);gap:1rem}}
@media (width>=64rem){.eno-benefits{grid-template-columns:repeat(3,1fr)}}
.eno-benefits li{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.875rem 1.125rem;border-radius:1rem;background:#fff;color:var(--color-default-800);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.eno-benefits .iconify{flex-shrink:0;color:var(--color-primary-2)}

/* Bayi / ajans CTA çifti */
.eno-dealer-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.eno-dealer-login{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:0 2.125rem;border-radius:999px;background:var(--color-default-200);color:var(--color-default-900);font-weight:500;transition:transform .3s}
.eno-dealer-login:hover{transform:scale(.97)}

:where(.eno-site) a:focus-visible,:where(.eno-site) button:focus-visible,:where(.eno-site) input:focus-visible,:where(.eno-site) textarea:focus-visible{outline:2px solid var(--color-default-900);outline-offset:3px}

/* Template typo (mix-blend-darken) */
.mix-blinset-e-darken{mix-blend-mode:darken}
@media (width<64rem){footer ul a{display:inline-flex;align-items:center;min-height:2.75rem}}