/*
Theme Name: Eymen Isı
Theme URI: https://www.eymenisi.com
Author: Eymen Isı
Description: Eymen Isı güneş enerjisi sistemleri için turuncu-beyaz tek sayfa tema. Ürünler, projeler, videolar, bölgeler ve WhatsApp ile fiyat alma.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eymen-isi
*/
/* Layout: kullanıcının mockup akışı (üst bar, hero + görsel kart, katalog, adımlar, projeler, iletişim) sadeleştirilmiş; bilinçli olarak tek tema: turuncu-beyaz, güneş */
:root {
  --orange: #ff7a00;
  --orange-deep: #e06400;
  --orange-ink: #a34700;
  --sun: #ffb23e;
  --cream: #fff7ee;
  --peach: #ffe9d3;
  --white: #ffffff;
  --ink: #1f2a37;
  --muted: #5d6673;
  --line: #f1dcc6;
  --wa: #1ebe5d;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --r: 16px;
  --max: 1180px;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--white); color: var(--ink); font: 16px/1.6 var(--font-body); }
h1, h2, h3 { margin: 0; line-height: 1.12; text-wrap: balance; }
h1, h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.01em; }
h2 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); }
h3 { font-size: 1.15rem; font-weight: 800; }
p { margin: 0; }
a { color: var(--orange-deep); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.wrap { max-width: var(--max); margin-inline: auto; padding-inline: 20px; }
.section { padding-block: clamp(56px, 8vw, 96px); }
.cream { background: var(--cream); }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--orange-ink); }
.eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--orange); }
.head { display: grid; gap: 12px; margin-bottom: 40px; max-width: 720px; }
.head p { color: var(--muted); font-size: 1.05rem; }
.head-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 40px; }
.head-row .head { margin-bottom: 0; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 22px; border-radius: 999px; font: 700 0.98rem var(--font-body); text-decoration: none; border: 0; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.btn:hover { transform: translateY(-1px); }
.btn svg { width: 20px; height: 20px; flex: none; }
.btn-wa { background: var(--wa); color: #fff; box-shadow: 0 8px 20px rgba(30,190,93,.25); }
.btn-orange { background: var(--orange); color: #fff; box-shadow: 0 8px 20px rgba(255,122,0,.28); }
.btn-line { background: var(--white); color: var(--ink); border: 1.5px solid var(--line); }
.btn-sm { padding: 10px 16px; font-size: 0.9rem; }

/* Üst bar + header */
.topbar { background: var(--orange); color: #fff; font-size: 0.82rem; font-weight: 600; }
.topbar .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; padding-block: 8px; }
.topbar span { display: inline-flex; gap: 6px; align-items: center; }
.site-header { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: rgba(255,255,255,.96); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 14px; }
.logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); }
.logo-mark { width: 42px; height: 42px; border-radius: 12px; background: var(--orange); display: grid; place-items: center; }
.logo b { display: block; font: 800 1.2rem/1 var(--font-body); letter-spacing: 0.02em; }
.logo small { display: block; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; color: var(--orange-ink); margin-top: 3px; }
.nav { display: flex; align-items: center; gap: 26px; }
.nav a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: 0.95rem; }
.nav a:hover { color: var(--orange-deep); }
.menu-btn { display: none; border: 1.5px solid var(--line); background: var(--white); color: var(--ink); border-radius: 10px; padding: 8px 14px; font: 700 0.9rem var(--font-body); }

/* Hero */
.hero { position: relative; overflow: hidden; background: radial-gradient(1000px 520px at 88% -10%, #ffe2c2 0%, rgba(255,226,194,0) 60%), var(--white); }
.hero .wrap { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; padding-block: clamp(48px, 7vw, 88px); }
.chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 99px; background: var(--peach); color: var(--orange-ink); font-size: 0.8rem; font-weight: 700; }
.chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }
.hero h1 { font-size: clamp(2.5rem, 5.6vw, 4.2rem); margin-top: 20px; }
.hero h1 em { font-style: normal; color: var(--orange); }
.hero .lead { margin-top: 20px; color: var(--muted); font-size: 1.12rem; max-width: 52ch; }
.hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.regions-line { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.regions-line span { font-size: 0.85rem; font-weight: 600; padding: 6px 12px; border-radius: 99px; border: 1px solid var(--line); background: var(--white); }

.visual { position: relative; background: var(--white); border: 1px solid var(--line); border-radius: 24px; padding: 18px; box-shadow: 0 30px 60px rgba(160,80,0,.12); }
.visual .bar { display: flex; gap: 6px; align-items: center; margin-bottom: 14px; }
.visual .bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--line); }
.visual .bar span { margin-left: 10px; font-size: 0.75rem; color: var(--muted); }
.scene { border-radius: 16px; background: linear-gradient(180deg, #ffd9a8 0%, #fff1e0 70%); aspect-ratio: 16 / 11; max-width: 100%; overflow: hidden; }
.scene svg { width: 100%; height: 100%; display: block; }
.ray { transform-origin: 470px 70px; animation: spin 40s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ray { animation: none; } html { scroll-behavior: auto; } .btn:hover { transform: none; } }
.visual .types { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; }
.visual .types div { background: var(--cream); border-radius: 12px; padding: 12px 14px; display: grid; gap: 2px; min-width: 0; }
.visual .types small { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--orange-ink); }
.visual .types b { font-size: 0.95rem; }

/* Güven şeridi */
.trust { border-block: 1px solid var(--line); background: var(--white); }
.trust .wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-block: 26px; }
.trust div { display: flex; gap: 14px; align-items: center; }
.trust .ic { width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--peach); display: grid; place-items: center; }
.trust .ic svg { width: 22px; height: 22px; }
.trust b { display: block; font-size: 0.98rem; }
.trust span { font-size: 0.86rem; color: var(--muted); }

/* Ürünler */
.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.card { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: 14px; display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 12px; min-width: 0; transition: box-shadow .2s ease, border-color .2s ease; }
.card:hover { border-color: var(--sun); box-shadow: 0 18px 40px rgba(160,80,0,.10); }
.card .art { border-radius: 12px; background: var(--cream); aspect-ratio: 4 / 3; max-width: 100%; display: grid; place-items: center; }
.card .art svg { width: 82%; height: auto; }
.card .tag { justify-self: start; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--orange-ink); background: var(--peach); padding: 4px 10px; border-radius: 99px; margin-inline: 6px; }
.card h3 { padding-inline: 6px; }
.card ul { list-style: none; margin: 0; padding: 0 6px; display: grid; gap: 7px; font-size: 0.9rem; color: var(--muted); align-content: start; }
.card li { display: flex; gap: 8px; }
.card li::before { content: ""; flex: none; width: 7px; height: 7px; margin-top: 0.55em; border-radius: 50%; background: var(--orange); }
.card .btn { margin-top: 4px; }

.parts { margin-top: 28px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.part { background: var(--cream); border-radius: var(--r); padding: 20px; display: grid; gap: 6px; align-content: start; min-width: 0; }
.part b { font-size: 1rem; }
.part span { font-size: 0.88rem; color: var(--muted); }
.part a { font-size: 0.88rem; font-weight: 700; text-decoration: none; color: var(--orange-deep); margin-top: 6px; }

/* Nasıl çalışır */
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: s; }
.step { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: 26px; display: grid; gap: 10px; align-content: start; position: relative; }
.step .n { width: 40px; height: 40px; border-radius: 50%; background: var(--orange); color: #fff; display: grid; place-items: center; font-weight: 800; }
.step p { color: var(--muted); font-size: 0.95rem; }

/* Hangi sistem */
.pick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pick div { border-top: 3px solid var(--orange); padding-top: 16px; display: grid; gap: 6px; align-content: start; }
.pick small { font-size: 0.8rem; color: var(--muted); font-weight: 600; }
.pick b { font-size: 1.05rem; }

/* Projeler */
.projects { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.project { margin: 0; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; display: grid; grid-template-rows: auto 1fr; }
.project .ph { aspect-ratio: 4 / 3; max-width: 100%; background: linear-gradient(160deg, #ffe0bd, #fff4e8); display: grid; place-items: center; position: relative; }
.project .ph svg { width: 60%; }
.project .ph em { position: absolute; left: 10px; top: 10px; font-style: normal; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.06em; background: var(--white); color: var(--orange-ink); padding: 4px 9px; border-radius: 99px; }
.project figcaption { padding: 16px; display: grid; gap: 4px; }
.project b { font-size: 0.98rem; }
.project span { font-size: 0.85rem; color: var(--muted); }

/* Bölgeler */
.regions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.region { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: 24px; display: grid; gap: 12px; align-content: start; }
.region h3 { font-family: var(--font-display); font-size: 1.4rem; }
.region p { color: var(--muted); font-size: 0.93rem; }
.districts { display: flex; flex-wrap: wrap; gap: 6px; }
.districts span { font-size: 0.8rem; font-weight: 600; padding: 4px 10px; border-radius: 99px; background: var(--cream); }
.region a { font-weight: 700; text-decoration: none; font-size: 0.92rem; }

/* İletişim */
.contact .wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.map { border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); background:
  linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 40px 40px,
  linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 40px 40px, var(--cream);
  aspect-ratio: 4 / 3; max-width: 100%; display: grid; place-items: center; position: relative; }
.map .pin { display: grid; justify-items: center; gap: 8px; }
.map .dot { display: block; width: 22px; height: 22px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 10px rgba(255,122,0,.2), 0 0 0 22px rgba(255,122,0,.1); }
.map .pin span { background: var(--white); border-radius: 10px; padding: 6px 12px; font-size: 0.82rem; font-weight: 700; box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.map small a { font-weight: 700; }
.map small { position: absolute; bottom: 12px; left: 12px; right: 12px; text-align: center; font-size: 0.78rem; color: var(--muted); }
.info { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.info div { background: var(--cream); border-radius: 12px; padding: 16px; display: grid; gap: 4px; font-size: 0.92rem; min-width: 0; }
.info small { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--orange-ink); }
.form { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; box-shadow: 0 24px 50px rgba(160,80,0,.08); }
.form h3 { grid-column: 1 / -1; font-family: var(--font-display); font-size: 1.5rem; }
.form > p { grid-column: 1 / -1; color: var(--muted); font-size: 0.93rem; margin-top: -6px; }
.field { display: grid; gap: 6px; min-width: 0; }
.field.full { grid-column: 1 / -1; }
.field label { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.field input, .field select { width: 100%; font: inherit; font-size: 0.95rem; padding: 12px 14px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--cream); color: var(--ink); }
.field input:focus, .field select:focus { outline: none; border-color: var(--orange); background: var(--white); }
.form .btn { grid-column: 1 / -1; }
.form .note { grid-column: 1 / -1; font-size: 0.8rem; color: var(--muted); }

/* SSS */
.faq { display: grid; gap: 10px; max-width: 820px; }
.faq details { background: var(--white); border: 1px solid var(--line); border-radius: 14px; padding: 16px 20px; }
.faq summary { cursor: pointer; font-weight: 700; }
.faq details p { margin-top: 10px; color: var(--muted); }

/* Footer */
.footer { background: var(--ink); color: #d8dde3; padding-block: 48px 28px; font-size: 0.92rem; }
.footer .cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.footer h4 { margin: 0 0 12px; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sun); }
.footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.footer a { color: #d8dde3; text-decoration: none; }
.footer a:hover { color: var(--sun); }
.footer .logo { color: #fff; }
.footer .bottom { margin-top: 32px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); font-size: 0.82rem; color: #9aa4af; }

.wa-float { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 30; width: 60px; height: 60px; border-radius: 50%; background: var(--wa); display: grid; place-items: center; box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.wa-float svg { width: 30px; height: 30px; }

@media (max-width: 1000px) {
  .products, .parts, .projects, .pick { grid-template-columns: repeat(2, 1fr); }
  .hero .wrap, .contact .wrap { grid-template-columns: 1fr; }
  .footer .cols { grid-template-columns: 1fr 1fr; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--white); border-bottom: 1px solid var(--line); flex-direction: column; align-items: stretch; gap: 0; padding: 8px 20px 18px; }
  .nav.open { display: flex; }
  .nav a { padding: 10px 0; }
  .nav .btn { margin-top: 8px; }
  .menu-btn { display: inline-block; }
}
@media (max-width: 640px) {
  .wrap { padding-inline: 16px; }
  .products, .parts, .projects, .pick, .steps, .regions, .trust .wrap, .form, .info, .footer .cols { grid-template-columns: 1fr; }
  .topbar .hide-sm { display: none; }
  .visual .types { grid-template-columns: 1fr 1fr; }
}

.slider { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 9; max-width: 100%; background: var(--cream); }
.slides { display: flex; height: 100%; transition: transform .6s ease; }
.slides img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; display: block; max-width: none; }
.sl-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); color: var(--ink); font-size: 1.6rem; line-height: 1; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.sl-btn.prev { left: 10px; } .sl-btn.next { right: 10px; }
.dots-nav { position: absolute; bottom: 10px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; }
.dots-nav button { width: 9px; height: 9px; padding: 0; border-radius: 99px; border: 0; background: rgba(255,255,255,.7); cursor: pointer; transition: width .3s; }
.dots-nav button[aria-current="true"] { width: 26px; background: var(--orange); }
@media (prefers-reduced-motion: reduce) { .slides { transition: none; } }
.project .photo { aspect-ratio: 3 / 4; max-width: 100%; overflow: hidden; }
.project .photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; display: block; }
.projects.three { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1000px) { .projects.three { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .projects.three { grid-template-columns: 1fr; } }

.about { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: start; }
.about-text { display: grid; gap: 16px; }
.about-text h2 { margin-bottom: 4px; }
.about-text p { color: var(--muted); font-size: 1.04rem; max-width: 60ch; }
.about-text .motto { color: var(--orange-ink); font-weight: 800; font-size: 1.05rem; }
.about-list { background: var(--cream); border-radius: var(--r); padding: 28px; display: grid; gap: 16px; }
.about-list h3 { font-family: var(--font-display); font-size: 1.4rem; }
.about-list div { display: grid; gap: 3px; padding-left: 18px; border-left: 3px solid var(--orange); }
.about-list span { color: var(--muted); font-size: 0.92rem; }
.video-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.video-grid video { width: 100%; aspect-ratio: 9 / 16; max-width: 100%; object-fit: cover; border-radius: var(--r); background: var(--peach); display: block; }
.btn-line svg { width: 18px; height: 18px; }
.info .full { grid-column: 1 / -1; }
.info a { font-weight: 700; text-decoration: none; }
@media (max-width: 1000px) { .about { grid-template-columns: 1fr; gap: 32px; } .video-grid { grid-template-columns: repeat(2, 1fr); } }
.card .art-photo { background: #fff; border: 1px solid var(--line); }
.card .art-photo img { width: 92%; height: 92%; max-width: 100%; min-width: 0; object-fit: contain; }
.card { grid-template-columns: minmax(0, 1fr); }
.card .art-photo { overflow: hidden; }
.specs { margin: 0; padding: 0 6px; display: grid; gap: 0; font-size: 0.86rem; align-content: start; }
.specs div { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px dashed var(--line); }
.specs div:last-child { border-bottom: 0; }
.specs dt { color: var(--muted); white-space: nowrap; }
.specs dd { margin: 0; font-weight: 700; text-align: right; }
.group-title { font-family: var(--font-display); font-size: 1.5rem; margin: 8px 0 18px; }
.group-title ~ .group-title { margin-top: 44px; }
.card h3 small { display: block; font-family: var(--font-body); font-size: 0.85rem; font-weight: 600; color: var(--orange-ink); margin-top: 4px; }
.note-small { margin-top: 12px; font-size: 0.85rem; color: var(--muted); }
.products.models { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1000px) { .products.models { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .products.models { grid-template-columns: 1fr; } }
/* WordPress sayfaları */
.page-body{padding:56px 0 72px;}
.page-body h1{font-family:var(--font-display);font-size:2.2rem;margin:0 0 20px;}
.page-body img{max-width:100%;height:auto;}