/* AzaKit vitrin bileşenleri: slayt, ürün karuseli, geri sayım, akan yazı, yazı ızgarası, fiyat tablosu, zaman çizelgesi, ekip kartı, görsel kıyas, sayaç şeridi. Renk ve köşe temadan gelir. */
.azakit-slider, .azakit-carousel, .azakit-countdown, .azakit-marquee, .azakit-post-grid, .azakit-pricing, .azakit-timeline, .azakit-team, .azakit-compare, .azakit-counters { box-sizing: border-box; }
.azakit-slider *, .azakit-carousel *, .azakit-countdown *, .azakit-marquee *, .azakit-post-grid *, .azakit-pricing *, .azakit-timeline *, .azakit-team *, .azakit-compare *, .azakit-counters * { box-sizing: border-box; }
.azakit-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Ortak karusel düğmeleri (JS gelince açılır; JS yokken şerit kaydırma-yakalamalı kalır) */
.azakit-carousel__controls { display: flex; align-items: center; justify-content: center; gap: .75rem; margin-top: 1rem; }
.azakit-carousel__controls[hidden] { display: none; }
.azakit-carousel__nav { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-radius: 50%; background: var(--azk-color-surface, #fff); color: var(--azk-color-text, #111); font-size: 1.6rem; line-height: 1; cursor: pointer; transition: background .15s, color .15s, opacity .15s; }
.azakit-carousel__nav:hover:not(:disabled) { background: var(--azk-color-primary, #1f2937); color: var(--azk-color-on-primary, #fff); }
.azakit-carousel__nav:disabled { opacity: .35; cursor: default; }
.azakit-carousel__nav:focus-visible, .azakit-carousel__pause:focus-visible, .azakit-carousel__dot:focus-visible, .azakit-marquee__pause:focus-visible { outline: 3px solid var(--azk-color-primary, #1f2937); outline-offset: 2px; }
.azakit-carousel__dots { display: flex; gap: .15rem; }
.azakit-carousel__dots:empty { display: none; }
.azakit-carousel__dot { position: relative; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
.azakit-carousel__dot::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: currentColor; opacity: .4; transition: opacity .15s, transform .15s; }
.azakit-carousel__dot[aria-current="true"]::before { opacity: 1; transform: scale(1.25); }
.azakit-carousel__pause, .azakit-marquee__pause { min-height: 44px; padding: 0 .9rem; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-radius: var(--azk-radius, 6px); background: transparent; color: inherit; font: inherit; font-size: .85rem; cursor: pointer; }

/* Slayt */
.azakit-slider { position: relative; overflow: hidden; border-radius: var(--azk-radius, 8px); background: #1f2937; color: #fff; }
.azakit-slider__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.azakit-slider__track::-webkit-scrollbar { display: none; }
.azakit-slider__track:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.azakit-slider__slide { position: relative; flex: 0 0 100%; min-height: var(--azk-slider-h, 480px); display: flex; align-items: center; scroll-snap-align: start; isolation: isolate; }
.azakit-slider__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.azakit-slider__slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1) 70%); z-index: -1; }
.azakit-slider--center .azakit-slider__slide::after { background: rgba(0, 0, 0, .4); }
.azakit-slider--right .azakit-slider__slide::after { background: linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1) 70%); }
.azakit-slider__content { display: grid; gap: .75rem; width: 100%; max-width: 38rem; padding: 2rem clamp(1.25rem, 6vw, 4rem); }
.azakit-slider--center .azakit-slider__content { margin-inline: auto; justify-items: center; text-align: center; }
.azakit-slider--right .azakit-slider__content { margin-inline-start: auto; justify-items: end; text-align: end; }
.azakit-slider__title { margin: 0; font-size: clamp(1.8rem, 4.5vw, 3.2rem); font-weight: 800; line-height: 1.1; color: #fff; }
.azakit-slider__text { margin: 0; font-size: clamp(1rem, 1.6vw, 1.2rem); opacity: .95; }
.azakit-slider__button { justify-self: start; display: inline-flex; align-items: center; min-height: 48px; padding: 0 1.6rem; background: #fff; color: #111; border-radius: var(--azk-radius, 6px); font-weight: 700; text-decoration: none; }
.azakit-slider--center .azakit-slider__button { justify-self: center; }
.azakit-slider--right .azakit-slider__button { justify-self: end; }
.azakit-slider__button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.azakit-slider .azakit-carousel__controls { position: absolute; inset-inline: 0; bottom: 1rem; margin: 0; pointer-events: none; color: #fff; }
.azakit-slider .azakit-carousel__controls > * { pointer-events: auto; }
.azakit-slider .azakit-carousel__nav { position: absolute; bottom: calc(var(--azk-slider-h, 480px) / 2 - 22px - 1rem); background: rgba(0, 0, 0, .45); color: #fff; border-color: rgba(255, 255, 255, .6); }
.azakit-slider .azakit-carousel__prev { inset-inline-start: 1rem; }
.azakit-slider .azakit-carousel__next { inset-inline-end: 1rem; }
.azakit-slider .azakit-carousel__pause { background: rgba(0, 0, 0, .45); color: #fff; border-color: rgba(255, 255, 255, .6); min-height: 32px; }

/* Ürün karuseli: WooCommerce'in ürün listesi yatay şeride dönüşür */
.azakit-carousel { --azk-gap: 1.25rem; --azk-cols-eff: var(--azk-cols, 4); }
.azakit-carousel .woocommerce ul.products, .azakit-carousel ul.products.products { display: flex; grid-template-columns: none; gap: var(--azk-gap); margin: 0; padding: 0 0 .25rem; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.azakit-carousel ul.products::-webkit-scrollbar { display: none; }
.azakit-carousel .woocommerce ul.products li.product, .azakit-carousel ul.products.products li.product { flex: 0 0 calc((100% - (var(--azk-cols-eff) - 1) * var(--azk-gap)) / var(--azk-cols-eff)); width: auto; max-width: none; float: none; margin: 0; scroll-snap-align: start; }
@media (max-width: 64rem) { .azakit-carousel { --azk-cols-eff: min(var(--azk-cols, 4), 3); } }
@media (max-width: 40rem) { .azakit-carousel { --azk-cols-eff: min(var(--azk-cols, 4), 1.4); --azk-gap: .75rem; } }

/* Geri sayım */
.azakit-countdown { display: grid; gap: .75rem; justify-items: center; text-align: center; }
.azakit-countdown__title { margin: 0; font-size: 1.1rem; font-weight: 700; }
.azakit-countdown__cells { display: flex; gap: .6rem; flex-wrap: wrap; justify-content: center; }
.azakit-countdown__cell { display: grid; justify-items: center; min-width: 4.5rem; padding: .75rem .5rem; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: var(--azk-radius, 8px); }
.azakit-countdown__num { font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.azakit-countdown__label { margin-top: .3rem; font-size: .8rem; opacity: .8; }
.azakit-countdown__end { margin: 0; font-size: .85rem; opacity: .8; }
.azakit-countdown__expired { margin: 0; font-weight: 700; }
.azakit-countdown__expired[hidden], .azakit-countdown__cells[hidden], .azakit-countdown__end[hidden] { display: none; }

/* Akan yazı şeridi: iki kopya yan yana kayar */
.azakit-marquee { position: relative; display: flex; align-items: center; gap: .75rem; overflow: hidden; padding-block: .6rem; border-block: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
.azakit-marquee__lane { display: flex; flex: 1 1 auto; min-width: 0; overflow: hidden; }
.azakit-marquee__list { display: flex; flex: 0 0 auto; min-width: 100%; align-items: center; justify-content: space-around; gap: 2.5rem; margin: 0; padding: 0 1.25rem 0 0; list-style: none; animation: azakit-marquee var(--azk-marquee-dur, 30s) linear infinite; }
.azakit-marquee--right .azakit-marquee__list { animation-name: azakit-marquee-rtl; }
.azakit-marquee__item { white-space: nowrap; font-size: 1.05rem; font-weight: 600; letter-spacing: .02em; }
.azakit-marquee__item::before { content: "\2726"; margin-inline-end: 2.5rem; opacity: .5; }
.azakit-marquee:hover .azakit-marquee__list, .azakit-marquee:focus-within .azakit-marquee__list, .azakit-marquee.is-paused .azakit-marquee__list { animation-play-state: paused; }
.azakit-marquee__pause[hidden] { display: none; }
@keyframes azakit-marquee { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@keyframes azakit-marquee-rtl { from { transform: translateX(-100%); } to { transform: translateX(0); } }

/* Yazı ızgarası */
.azakit-post-grid { display: grid; grid-template-columns: repeat(var(--azk-cols, 3), minmax(0, 1fr)); gap: 1.5rem; }
.azakit-post-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius: var(--azk-radius, 8px); background: var(--azk-color-surface, transparent); }
.azakit-post-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.azakit-post-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.azakit-post-card:hover .azakit-post-card__media img { transform: scale(1.05); }
.azakit-post-card__body { display: grid; gap: .5rem; padding: 1.1rem 1.25rem 1.4rem; }
.azakit-post-card__date { font-size: .8rem; opacity: .75; }
.azakit-post-card__title { margin: 0; font-size: 1.15rem; line-height: 1.3; }
.azakit-post-card__title a { color: inherit; text-decoration: none; display: inline-block; min-height: 24px; }
.azakit-post-card__title a:hover { text-decoration: underline; }
.azakit-post-card__title a:focus-visible { outline: 3px solid var(--azk-color-primary, #1f2937); outline-offset: 2px; }
.azakit-post-card__excerpt { margin: 0; opacity: .85; }
@media (max-width: 64rem) { .azakit-post-grid { grid-template-columns: repeat(min(var(--azk-cols, 3), 2), minmax(0, 1fr)); } }
@media (max-width: 40rem) {
	.azakit-post-grid { grid-template-columns: minmax(0, 1fr); }
	.azakit-slider__slide { min-height: min(var(--azk-slider-h, 480px), 420px); }
	.azakit-slider .azakit-carousel__nav { bottom: calc(min(var(--azk-slider-h, 480px), 420px) / 2 - 22px - 1rem); }
}

/* Fiyat tablosu */
.azakit-pricing { position: relative; display: flex; flex-direction: column; gap: 1rem; max-width: 24rem; padding: 2rem 1.75rem; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: var(--azk-radius, 10px); background: var(--azk-color-surface, transparent); }
.azakit-pricing--featured { border: 2px solid var(--azk-color-primary, #1f2937); box-shadow: 0 10px 30px color-mix(in srgb, currentColor 14%, transparent); }
.azakit-pricing__badge { align-self: flex-start; margin: 0; padding: .25rem .75rem; border-radius: 999px; background: var(--azk-color-primary, #1f2937); color: var(--azk-color-on-primary, #fff); font-size: .8rem; font-weight: 700; }
.azakit-pricing__title { margin: 0; font-size: 1.25rem; }
.azakit-pricing__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem; margin: 0; }
.azakit-pricing__amount { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 800; line-height: 1.05; }
.azakit-pricing__period { opacity: .75; }
.azakit-pricing__features { display: grid; gap: .6rem; margin: 0; padding: 1rem 0 0; list-style: none; border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent); }
.azakit-pricing__feature { position: relative; padding-inline-start: 1.6rem; }
.azakit-pricing__feature::before { content: ""; position: absolute; inset-inline-start: .15rem; top: .45em; width: .7rem; height: .4rem; border-inline-start: 2px solid var(--azk-color-primary, #1f2937); border-bottom: 2px solid var(--azk-color-primary, #1f2937); transform: rotate(-45deg); }
.azakit-pricing__button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: auto; padding: 0 1.4rem; border-radius: var(--azk-radius, 6px); background: var(--azk-color-primary, #1f2937); color: var(--azk-color-on-primary, #fff); font-weight: 700; text-decoration: none; }
.azakit-pricing__button:hover { opacity: .9; }
.azakit-pricing__button:focus-visible, .azakit-team__links a:focus-visible { outline: 3px solid var(--azk-color-primary, #1f2937); outline-offset: 3px; }

/* Zaman çizelgesi */
.azakit-timeline { position: relative; margin: 0; padding: 0; list-style: none; }
.azakit-timeline::before { content: ""; position: absolute; inset-block: .5rem; inset-inline-start: .55rem; width: 2px; background: color-mix(in srgb, currentColor 22%, transparent); }
.azakit-timeline__item { position: relative; padding: 0 0 1.75rem 2.25rem; }
.azakit-timeline__item:last-child { padding-bottom: 0; }
.azakit-timeline__marker { position: absolute; inset-inline-start: 0; top: .2rem; width: 1.15rem; height: 1.15rem; border: 3px solid var(--azk-color-primary, #1f2937); border-radius: 50%; background: var(--azk-color-surface, #fff); }
.azakit-timeline__date { display: block; margin-bottom: .2rem; font-size: .85rem; font-weight: 700; color: var(--azk-color-primary, #1f2937); }
.azakit-timeline__title { margin: 0 0 .3rem; font-size: 1.1rem; }
.azakit-timeline__text { margin: 0; opacity: .85; }
@media (min-width: 48rem) {
	.azakit-timeline--alternate::before { inset-inline-start: 50%; margin-inline-start: -1px; }
	.azakit-timeline--alternate .azakit-timeline__item { width: 50%; padding: 0 2.5rem 2rem 0; text-align: end; }
	.azakit-timeline--alternate .azakit-timeline__item:nth-child(even) { margin-inline-start: 50%; padding: 0 0 2rem 2.5rem; text-align: start; }
	.azakit-timeline--alternate .azakit-timeline__marker { inset-inline-start: auto; inset-inline-end: -.58rem; }
	.azakit-timeline--alternate .azakit-timeline__item:nth-child(even) .azakit-timeline__marker { inset-inline-end: auto; inset-inline-start: -.58rem; }
}

/* Ekip kartı */
.azakit-team { display: flex; flex-direction: column; max-width: 20rem; overflow: hidden; border: 1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius: var(--azk-radius, 10px); background: var(--azk-color-surface, transparent); }
.azakit-team__media { aspect-ratio: 1 / 1; overflow: hidden; }
.azakit-team__photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.azakit-team__body { display: grid; gap: .4rem; padding: 1.1rem 1.25rem 1.3rem; }
.azakit-team__name { margin: 0; font-size: 1.15rem; }
.azakit-team__role { margin: 0; font-size: .9rem; font-weight: 600; color: var(--azk-color-primary, #1f2937); }
.azakit-team__bio { margin: .25rem 0 0; opacity: .85; }
.azakit-team__links { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0 0; padding: 0; list-style: none; }
.azakit-team__links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .9rem; border: 1px solid color-mix(in srgb, currentColor 28%, transparent); border-radius: 999px; color: inherit; font-size: .85rem; text-decoration: none; }
.azakit-team__links a:hover { background: var(--azk-color-primary, #1f2937); color: var(--azk-color-on-primary, #fff); }

/* Görsel kıyas: JS yokken sabit bölünmüş görünüm; JS gelince aralık girişi tüm alanı kaplar */
.azakit-compare { --azk-pos: 50%; margin: 0; }
.azakit-compare__stage { position: relative; overflow: hidden; border-radius: var(--azk-radius, 8px); background: #111; touch-action: pan-y; user-select: none; }
.azakit-compare__img { display: block; width: 100%; height: auto; }
.azakit-compare__img--before { position: absolute; inset: 0; height: 100%; object-fit: cover; clip-path: inset(0 calc(100% - var(--azk-pos)) 0 0); }
.azakit-compare__label { position: absolute; top: .75rem; padding: .25rem .65rem; border-radius: 999px; background: rgba(0, 0, 0, .65); color: #fff; font-size: .8rem; font-weight: 700; pointer-events: none; }
.azakit-compare__label--before { inset-inline-start: .75rem; }
.azakit-compare__label--after { inset-inline-end: .75rem; }
.azakit-compare__handle { position: absolute; top: 0; bottom: 0; left: var(--azk-pos); width: 2px; margin-left: -1px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); pointer-events: none; }
.azakit-compare__handle::after { content: "\2194"; position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: #fff; color: #111; font-size: 1.3rem; box-shadow: 0 2px 8px rgba(0, 0, 0, .4); }
.azakit-compare__range { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: ew-resize; }
.azakit-compare__range[hidden] { display: none; }
.azakit-compare__range:focus-visible ~ .azakit-compare__handle::after { outline: 3px solid var(--azk-color-primary, #1f2937); outline-offset: 3px; }

/* Sayaç şeridi */
.azakit-counters { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; text-align: center; }
.azakit-counters__item { display: grid; gap: .3rem; justify-items: center; }
.azakit-counters__num { font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; line-height: 1.05; font-variant-numeric: tabular-nums; color: var(--azk-color-primary, inherit); }
.azakit-counters__label { font-size: .95rem; opacity: .8; }

/* Azaltılmış hareket: akma, otomatik oynatma ve yakınlaşma kapalı */
@media (prefers-reduced-motion: reduce) {
	.azakit-marquee__list { animation: none; flex-wrap: wrap; min-width: 0; padding: 0; }
	.azakit-marquee__lane { flex-wrap: wrap; }
	.azakit-marquee__list--copy { display: none; }
	.azakit-carousel__nav, .azakit-carousel__dot::before, .azakit-post-card__media img { transition: none; }
	.azakit-post-card:hover .azakit-post-card__media img { transform: none; }
	.azakit-pricing__button { transition: none; }
}

/* AzaKit vitrin bileşenleri: bilgi kutusu, afiş, düğme. Renk ve köşe temadan gelir. */
.azakit-infobox { display: flex; gap: 1rem; align-items: flex-start; padding: 1.25rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: var(--azk-radius, 8px); }
.azakit-infobox__icon { flex: none; display: grid; place-items: center; width: 3rem; height: 3rem; font-size: 1.5rem; border-radius: 50%; background: color-mix(in srgb, currentColor 10%, transparent); }
.azakit-infobox__title { margin: 0 0 .25rem; font-size: 1.1rem; }
.azakit-infobox__text { margin: 0; opacity: .85; }
/* Esnek satırda gövde içeriğe göre genişler; uzun e-posta/adres 390'da 22 px taşırıyordu (canlı 10j, kurumsal-hizmet /iletisim). */
.azakit-infobox__body { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.azakit-infobox__link { display: inline-block; margin-top: .5rem; text-decoration: underline; min-height: 24px; }

.azakit-banner { position: relative; display: flex; align-items: flex-end; min-height: var(--azk-banner-h, 320px); overflow: hidden; border-radius: var(--azk-radius, 8px); color: #fff; text-decoration: none; background: #1f2937; isolation: isolate; }
.azakit-banner__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.azakit-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, .05) 70%); z-index: -1; }
.azakit-banner__content { display: grid; gap: .5rem; padding: 1.5rem; max-width: 34rem; }
.azakit-banner--center { justify-content: center; text-align: center; }
.azakit-banner--center .azakit-banner__content { justify-items: center; }
.azakit-banner--right { justify-content: flex-end; text-align: end; }
.azakit-banner--right .azakit-banner__content { justify-items: end; }
.azakit-banner__title { font-size: clamp(1.4rem, 3vw, 2.2rem); font-weight: 800; line-height: 1.15; }
.azakit-banner__text { opacity: .92; }
.azakit-banner__button { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 1.25rem; background: #fff; color: #111; border-radius: var(--azk-radius, 6px); font-weight: 700; text-decoration: none; }
.azakit-banner__button:focus-visible, .azakit-banner:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.azakit-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1.4rem; border: 2px solid var(--azk-color-primary, #1f2937); border-radius: var(--azk-radius, 6px); background: var(--azk-color-primary, #1f2937); color: var(--azk-color-on-primary, #fff); font-weight: 700; text-decoration: none; transition: background .15s, color .15s; }
.azakit-button--sm { min-height: 44px; padding: 0 1rem; font-size: .9rem; }
.azakit-button--lg { min-height: 52px; padding: 0 2rem; font-size: 1.1rem; }
.azakit-button--outline { background: transparent; color: var(--azk-color-primary, #1f2937); }
.azakit-button--link { background: transparent; border-color: transparent; color: inherit; text-decoration: underline; }
.azakit-button:hover { filter: brightness(1.1); }
.azakit-button:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .azakit-button { transition: none; } }