/* Anasayfa. Yalnızca tokens.css değişkenleri; ürün sayfasıyla aynı altın/yeşil dil. */
.home { overflow-x: clip; }
.home-section { padding-block: var(--space-9); }
.home-section--surface { background: var(--gradient-paper-soft); border-block: var(--border-w) solid var(--color-border); }
.home-head { margin-bottom: var(--space-7); }
.home-head--row { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--space-4); }
.home-head h2 { margin: 0; font-family: var(--font-serif); font-size: var(--text-h2); font-weight: 500; line-height: 1.05; color: var(--wp--preset--color--brand-deep); }

/* ---------- Hero ---------- */
.home-hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: clamp(30rem, 88svh, 52rem); background: var(--wp--preset--color--cinema); overflow: hidden; }
.home-hero__media { position: absolute; inset: 0; z-index: -2; }
.home-hero__media img,
.home-hero__video { width: 100%; height: 100%; object-fit: cover; }
.home-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(5 15 11 / 0.9) 0%, rgb(5 15 11 / 0.62) 45%, rgb(5 15 11 / 0.15) 100%), linear-gradient(180deg, transparent 60%, rgb(5 15 11 / 0.7)); }
.home-hero__inner { padding-block: var(--space-9); }
.home-hero__title { max-width: 14ch; margin: 0 0 var(--space-5); font-family: var(--font-serif); font-size: clamp(2.5rem, 1.5rem + 4.5vw, 5.5rem); font-weight: 500; line-height: 1.02; letter-spacing: -0.015em; color: #fff; }
.home-hero__lead { max-width: 34rem; margin: 0 0 var(--space-6); font-size: var(--text-h6); line-height: 1.6; color: rgb(255 255 255 / 0.82); }
.home-hero__cta { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.home-hero__cta .btn--secondary { color: #fff; border-color: rgb(255 255 255 / 0.7); }
.home-hero__cta .btn--secondary:hover { background: #fff; color: var(--color-brand); }
.home-hero__scroll { position: absolute; left: 50%; bottom: var(--space-5); width: 1.6rem; height: 2.6rem; border: 1px solid rgb(255 255 255 / 0.55); border-radius: 1rem; transform: translateX(-50%); }
.home-hero__scroll::after { content: ""; position: absolute; left: 50%; top: 0.5rem; width: 2px; height: 0.5rem; margin-left: -1px; background: var(--color-gold); border-radius: 1px; animation: home-scroll 1.8s var(--ease) infinite; }
@keyframes home-scroll { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(1rem); opacity: 0; } }

/* ---------- Seriler ---------- */
.series-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.series-card { display: flex; flex-direction: column; height: 100%; text-decoration: none; background: #fff; border: var(--border-w) solid var(--color-border); border-radius: 0.75rem; overflow: hidden; transition: border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease); }
.series-card:hover { border-color: var(--color-gold); box-shadow: var(--shadow-soft); transform: translateY(-3px); }
.series-card__media { display: block; position: relative; aspect-ratio: 4 / 3; background: linear-gradient(180deg, #fff, var(--color-surface)); overflow: hidden; }
.series-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slow) var(--ease); }
.series-card__media.is-cutout img { object-fit: contain; padding: var(--space-4); }
.series-card:hover .series-card__media img { transform: scale(1.04); }
.series-card__body { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); border-top: var(--border-w) solid color-mix(in srgb, var(--color-gold) 45%, transparent); }
.series-card__name { font-family: var(--font-serif); font-size: var(--text-h5); color: var(--wp--preset--color--brand-deep); }
.series-card__count { font-size: var(--text-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-text-muted); }

/* ---------- Modeller ---------- */
.home-models { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6) var(--space-4); }

/* ---------- Koyu bölge: üretim + teklif tek zeminde ---------- */
.home-dark { position: relative; }
.home-dark::before { content: ""; position: absolute; inset: 0 0 auto; height: clamp(4rem, 8vw, 8rem); background: linear-gradient(180deg, var(--wp--preset--color--background), transparent); pointer-events: none; z-index: 1; }
.home-dark > .is-cinema { background: none; }
.home-craft { padding-block: var(--space-9) var(--space-8); }
.home-craft__grid { display: grid; gap: var(--space-7); align-items: center; }
.home-craft__media { overflow: hidden; border: var(--border-w) solid var(--color-gold); border-radius: 0.75rem; box-shadow: 0 2rem 4rem -1.5rem rgb(0 0 0 / 0.7); }
.home-craft__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-craft h2 { margin: 0 0 var(--space-6); font-family: var(--font-serif); font-size: var(--text-h2); font-weight: 500; line-height: 1.05; color: #fff; }
.craft-list { display: grid; gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.craft-list li { padding-top: var(--space-4); border-top: var(--border-w) solid color-mix(in srgb, var(--color-gold) 40%, transparent); }
.craft-list h3 { margin: 0 0 var(--space-2); font-family: var(--font-serif); font-size: var(--text-h5); font-weight: 500; }
.craft-list p { margin: 0 0 var(--space-3); max-width: 32rem; color: var(--color-text-muted); }
.home-cta { padding-block: 0 var(--space-9); }
.home-cta__inner { padding-top: var(--space-8); border-top: var(--border-w) solid color-mix(in srgb, var(--color-gold) 35%, transparent); text-align: center; }
.home-cta h2 { margin: 0 0 var(--space-3); font-family: var(--font-serif); font-size: var(--text-h2); font-weight: 500; }
.home-cta p { max-width: 34rem; margin: 0 auto var(--space-6); color: var(--color-text-muted); }
.home-cta__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }
.btn__icon { flex: none; width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

@media (min-width: 640px) {
	.series-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.home-models { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.series-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.home-models { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.home-craft__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-9); }
}
@media (prefers-reduced-motion: reduce) { .home-hero__scroll::after { animation: none; } }

.series-more { margin-top: var(--space-5); }
.series-more > summary { display: flex; width: fit-content; margin: 0 auto var(--space-5); list-style: none; }
.series-more > summary::-webkit-details-marker { display: none; }
.series-more__close { display: none; }
.series-more[open] .series-more__open { display: none; }
.series-more[open] .series-more__close { display: inline; }

.home-films { padding-block: var(--space-9) var(--space-4); }
.home-films .home-head h2 { color: var(--color-text); }
.home-films__grid { display: grid; gap: var(--space-5); }
.home-film { margin: 0; }
.home-film figcaption { margin-top: var(--space-3); font-family: var(--font-serif); font-size: var(--text-h6); }
@media (min-width: 900px) { .home-films__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.home-dark::before { display: none; }

/* ---------- Find your seat: sekmeler + arama + ürün ızgarası ---------- */
.finder__bar { display: grid; gap: var(--space-4); margin-bottom: var(--space-6); }
.finder__search { position: relative; display: block; }
.finder__search svg { position: absolute; left: 1.1rem; top: 50%; width: 1.25rem; height: 1.25rem; transform: translateY(-50%); fill: none; stroke: var(--color-gold-muted); stroke-width: 1.7; stroke-linecap: round; pointer-events: none; }
.finder__search input { width: 100%; min-height: 3.4rem; padding: 0.8rem 1.25rem 0.8rem 3.1rem; border: 1px solid var(--color-gold); border-radius: 2rem; background: #fff; font: inherit; font-size: 1rem; color: var(--color-text); box-shadow: 0 1rem 2rem -1.5rem rgb(40 30 15 / 0.45); transition: box-shadow var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease); }
.finder__search input::placeholder { color: var(--color-text-muted); }
.finder__search input:focus { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-gold) 35%, transparent), 0 1rem 2rem -1.5rem rgb(40 30 15 / 0.45); }
.finder__tabs { display: flex; gap: var(--space-2); margin: 0 calc(var(--gutter) * -1); padding: 0.25rem var(--gutter) var(--space-2); overflow-x: auto; list-style: none; scrollbar-width: none; scroll-snap-type: x proximity; }
.finder__tabs::-webkit-scrollbar { display: none; }
.finder__tabs li { flex: none; scroll-snap-align: start; }
.finder__tabs button { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.7rem 1.2rem; border: 1px solid color-mix(in srgb, var(--color-gold) 60%, transparent); border-radius: 2rem; background: #fff; font: inherit; font-size: var(--text-small); font-weight: 600; letter-spacing: 0.03em; color: var(--color-text); cursor: pointer; white-space: nowrap; transition: background-color var(--dur-base) var(--ease), color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), transform var(--dur-fast) var(--ease); }
.finder__tabs button em { display: grid; place-items: center; min-width: 1.45rem; height: 1.45rem; padding: 0 0.35rem; border-radius: 1rem; background: color-mix(in srgb, var(--color-gold) 22%, #fff); font-size: 0.72rem; font-style: normal; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--brand-deep); }
.finder__tabs button:hover { border-color: var(--color-gold); transform: translateY(-1px); }
.finder__tabs button.is-active { background: var(--color-brand); border-color: var(--color-gold); color: var(--color-on-brand); }
.finder__tabs button.is-active em { background: var(--color-gold); color: #0b1d17; }
.finder__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5) var(--space-3); }
.finder__item[hidden] { display: none; }
.finder__item .product-card__title { font-size: var(--text-h5); }
.finder__item .product-card__body { padding-top: var(--space-3); }
.finder__empty { margin: var(--space-6) 0 0; padding: var(--space-6); border: 1px dashed var(--color-gold); border-radius: 0.75rem; text-align: center; color: var(--color-text-muted); }
.finder__more { display: flex; justify-content: center; margin-top: var(--space-7); }
@media (min-width: 640px) {
	.finder__bar { grid-template-columns: minmax(16rem, 22rem) 1fr; align-items: center; gap: var(--space-5); }
	.finder__tabs { margin: 0; padding-inline: 0; flex-wrap: wrap; }
	.finder__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6) var(--space-5); }
}
@media (min-width: 1100px) { .finder__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 639.98px) {
	.finder__item .product-card__title { font-size: var(--text-h6); }
	.finder__item .product-card__foot { display: none; }
}