/**
 * Iwan — arayüz bileşenleri.
 *
 * Header, footer, menü, bildirim, dialog, slider, sekme, akordeon, form,
 * sayfalama. Hepsi token'lardan beslenir; buradaki hiçbir değer sabit değil.
 *
 * @package Iwan
 */

/* ==========================================================================
   1. Sayfa çerçevesi
   ========================================================================== */

.iwn-page { position: relative; }
.iwn-main { min-height: 40vh; }

/* Yükleme ekranı */
.iwn-preloader{
	position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
	background:var(--iwn-ink);color:var(--iwn-accent);
	transition:opacity var(--iwn-dur-slow) var(--iwn-ease),visibility var(--iwn-dur-slow)
}
.iwn-preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.iwn-preloader__arch{width:64px;height:90px}
.iwn-preloader__arch path{stroke-dasharray:400;stroke-dashoffset:400;animation:iwn-draw 1.6s var(--iwn-ease-out) infinite}
@keyframes iwn-draw{0%{stroke-dashoffset:400}55%{stroke-dashoffset:0}100%{stroke-dashoffset:-400}}
.iwn-preloader__dots{display:flex;gap:8px}
.iwn-preloader__dots i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:iwn-pulse 1.1s ease-in-out infinite}
.iwn-preloader__dots i:nth-child(2){animation-delay:.15s}
.iwn-preloader__dots i:nth-child(3){animation-delay:.3s}
@keyframes iwn-pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.iwn-preloader__bar{width:180px;height:2px;background:color-mix(in srgb,currentColor 22%,transparent);overflow:hidden;position:relative}
.iwn-preloader__bar::after{content:"";position:absolute;inset:0;background:currentColor;transform:translateX(-100%);animation:iwn-slide 1.2s var(--iwn-ease) infinite}
@keyframes iwn-slide{to{transform:translateX(100%)}}

/* Sayfa geçişi */
.iwn-transition{position:fixed;inset:0;z-index:9998;pointer-events:none;background:var(--iwn-ink);opacity:0;transition:opacity var(--iwn-dur) var(--iwn-ease)}
.iwn-transition.is-out{opacity:1}

/* Okuma ilerlemesi */
.iwn-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:transparent}
.iwn-progress span{display:block;height:100%;width:0;background:var(--iwn-accent);transition:width 80ms linear}


/* ==========================================================================
   2. Duyuru şeridi ve üst bar
   ========================================================================== */

.iwn-announce{position:relative;z-index:41;display:flex;align-items:center;gap:var(--iwn-sp-sm);padding:10px clamp(1rem,4vw,3rem)}
.iwn-announce__inner{flex:1;text-align:center;font-size:var(--iwn-size-small)}
.iwn-announce a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.iwn-announce__close{background:none;border:0;color:inherit;font-size:22px;line-height:1;cursor:pointer;opacity:.7;padding:0 4px}
.iwn-announce__close:hover{opacity:1}
.iwn-announce--ticker .iwn-announce__inner{overflow:hidden;white-space:nowrap}
.iwn-announce--ticker .iwn-announce__inner > *{display:inline-block;padding-left:100%;animation:iwn-ticker 22s linear infinite}
@keyframes iwn-ticker{to{transform:translateX(-100%)}}

.iwn-topbar{font-size:var(--iwn-size-small);position:relative;z-index:41}
.iwn-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--iwn-sp-sm);padding-block:8px;flex-wrap:wrap}
.iwn-topbar__right{display:flex;align-items:center;gap:var(--iwn-sp-sm)}


/* ==========================================================================
   3. Header
   ========================================================================== */

.iwn-header{
	position:relative;z-index:40;width:100%;
	transition:background var(--iwn-dur) var(--iwn-ease),
	           border-color var(--iwn-dur) var(--iwn-ease),
	           color var(--iwn-dur) var(--iwn-ease);
	border-bottom:1px solid transparent
}
.iwn-header.is-sticky{position:sticky;top:0}
.iwn-header--over{position:absolute;top:0;left:0;right:0;background:transparent;color:#EDEEEC}
.iwn-header--over.is-sticky{position:fixed}

.iwn-header__inner{
	display:flex;align-items:center;gap:var(--iwn-sp-md);
	min-height:var(--iwn-header-h,84px);
	transition:min-height var(--iwn-dur) var(--iwn-ease)
}
.iwn-header--full .iwn-header__inner{padding-inline:clamp(1.25rem,4vw,3rem)}
.iwn-header.can-shrink.is-stuck .iwn-header__inner{min-height:var(--iwn-header-h-stuck,64px)}

.iwn-header.is-stuck{
	background:color-mix(in srgb,var(--iwn-surface) 92%,transparent);
	backdrop-filter:blur(14px);
	border-bottom-color:var(--iwn-line-soft);
	color:var(--iwn-text);
	box-shadow:var(--iwn-shadow-1)
}

/* Şeffaf hâldeyken içerik açık renk taşır */
.iwn-header--over:not(.is-stuck) .iwn-nav a,
.iwn-header--over:not(.is-stuck) .iwn-icon-btn,
.iwn-header--over:not(.is-stuck) .iwn-lang__toggle{color:rgba(237,238,236,.78)}
.iwn-header--over:not(.is-stuck) .iwn-nav a:hover{color:#fff}
.iwn-header--over:not(.is-stuck) .iwn-logo{color:#EDEEEC}
.iwn-header--over:not(.is-stuck) .iwn-btn--ghost{color:#EDEEEC;border-color:rgba(237,238,236,.3)}
.iwn-header--over:not(.is-stuck) .iwn-logo__img--light{display:block}
.iwn-header--over:not(.is-stuck) .iwn-logo__img--dark:has(+ .iwn-logo__img--light){display:none}

/* Varyantlar */
.iwn-header--centered .iwn-header__inner{flex-direction:column;gap:var(--iwn-sp-xs);padding-block:var(--iwn-sp-sm)}
.iwn-header--centered .iwn-nav{margin:0}
.iwn-header--split .iwn-nav{margin:0 auto}
.iwn-header--minimal .iwn-nav{display:none}

/* Logo */
.iwn-logo{display:flex;flex-direction:column;gap:2px;color:var(--iwn-text)}
.iwn-logo__link{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none}
.iwn-logo__img{max-width:var(--iwn-logo-w,132px);width:auto;height:auto}
.iwn-logo__img--light{display:none}
.iwn-logo__mark{display:block;width:15px;height:21px;color:var(--iwn-accent);flex:none}
.iwn-logo__text{font-family:var(--iwn-font-display);font-size:1.3rem;font-weight:500;letter-spacing:-.01em}
.iwn-logo__tagline{margin-left:calc(15px + .55rem)}

/* Menü */
.iwn-nav{margin-left:auto}
.iwn-nav__list{display:none;list-style:none;margin:0;padding:0;gap:var(--iwn-menu-gap,32px)}
@media(min-width:1000px){.iwn-nav__list{display:flex;align-items:center}}
.iwn-nav__list li{position:relative}
.iwn-nav a{
	display:block;color:var(--iwn-text-2);font-size:var(--iwn-menu-size,.875rem);
	padding:6px 0;position:relative;text-decoration:none
}
.iwn-nav a:hover,.iwn-nav .current-menu-item > a{color:var(--iwn-text)}
.iwn-nav a::after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;
	transform:scaleX(0);transform-origin:right;transition:transform var(--iwn-dur) var(--iwn-ease)
}
.iwn-nav a:hover::after,.iwn-nav .current-menu-item > a::after{transform:scaleX(1);transform-origin:left}

/* Alt menü */
.iwn-nav__list ul{
	position:absolute;top:100%;left:-14px;min-width:220px;list-style:none;margin:0;padding:8px 0;
	background:var(--iwn-surface);border:1px solid var(--iwn-line-soft);border-radius:var(--iwn-radius);
	box-shadow:var(--iwn-shadow-2);opacity:0;visibility:hidden;transform:translateY(6px);
	transition:opacity var(--iwn-dur-fast) var(--iwn-ease),transform var(--iwn-dur-fast) var(--iwn-ease),visibility var(--iwn-dur-fast);
	z-index:2
}
.iwn-nav__list li:hover > ul,.iwn-nav__list li:focus-within > ul{opacity:1;visibility:visible;transform:none}
.iwn-nav__list ul a{padding:7px 14px;color:var(--iwn-text-2)}
.iwn-nav__list ul a::after{display:none}
.iwn-nav__list ul a:hover{background:var(--iwn-surface-2);color:var(--iwn-text)}

/* Mega menü */
.iwn-nav__list--mega > li.menu-item-has-children{position:static}
.iwn-nav__list--mega > li.menu-item-has-children > ul{
	left:0;right:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);
	gap:var(--iwn-sp-sm);padding:var(--iwn-sp-md)
}

/* Araçlar */
.iwn-header__tools{display:flex;align-items:center;gap:var(--iwn-sp-xs);margin-left:auto}
.iwn-header--split .iwn-header__tools,.iwn-header--centered .iwn-header__tools{margin-left:0}
.iwn-icon-btn{
	display:grid;place-items:center;width:38px;height:38px;background:none;border:0;
	color:var(--iwn-text-2);cursor:pointer;border-radius:var(--iwn-radius)
}
.iwn-icon-btn svg{width:18px;height:18px}
.iwn-icon-btn:hover{color:var(--iwn-accent);background:var(--iwn-accent-veil)}

.iwn-burger{display:grid;place-items:center;width:40px;height:40px;background:none;border:0;cursor:pointer;color:inherit}
@media(min-width:1000px){.iwn-burger{display:none}}
.iwn-burger__bars{display:block;width:20px}
.iwn-burger__bars i{display:block;height:1.5px;background:currentColor;margin:4px 0;transition:transform var(--iwn-dur) var(--iwn-ease)}
.iwn-burger[aria-expanded=true] .iwn-burger__bars i:first-child{transform:translateY(3px) rotate(45deg)}
.iwn-burger[aria-expanded=true] .iwn-burger__bars i:last-child{transform:translateY(-2.5px) rotate(-45deg)}

/* Arama katmanı */
.iwn-search-layer{border-top:1px solid var(--iwn-line-soft);background:var(--iwn-surface);padding-block:var(--iwn-sp-sm)}

/* Dil değiştirici */
.iwn-lang{position:relative}
.iwn-lang__toggle{
	display:flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer;
	color:var(--iwn-text-2);font-family:var(--iwn-font-mono);font-size:.75rem;letter-spacing:.08em;padding:6px
}
.iwn-lang__list{
	position:absolute;top:100%;right:0;min-width:120px;list-style:none;margin:4px 0 0;padding:6px 0;
	background:var(--iwn-surface);border:1px solid var(--iwn-line-soft);border-radius:var(--iwn-radius);
	box-shadow:var(--iwn-shadow-2);z-index:5
}
.iwn-lang__list a{display:block;padding:6px 12px;font-size:.8125rem;color:var(--iwn-text-2)}
.iwn-lang__list a:hover{background:var(--iwn-surface-2);color:var(--iwn-text)}


/* ==========================================================================
   4. Menü katmanı
   ========================================================================== */

.iwn-menu-panel{position:fixed;inset:0;z-index:70;background:var(--iwn-ink);color:var(--iwn-text)}
.iwn-menu-panel[hidden]{display:none}
.iwn-menu-panel__inner{
	height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--iwn-sp-lg);
	padding:var(--iwn-sp-xl) clamp(1.5rem,6vw,5rem);overflow-y:auto
}
.iwn-menu-panel__close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:none;border:0;color:inherit;cursor:pointer}
.iwn-menu-panel__close svg{width:20px;height:20px}
.iwn-menu-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--iwn-sp-xs)}
.iwn-menu-panel__list a{
	font-family:var(--iwn-font-display);font-size:clamp(1.75rem,6vw,3rem);
	color:var(--iwn-text);text-decoration:none;letter-spacing:-.02em;line-height:1.1
}
.iwn-menu-panel__list a:hover{color:var(--iwn-accent-bright)}
.iwn-menu-panel__list ul{list-style:none;margin:6px 0 0 var(--iwn-sp-sm);padding:0}
.iwn-menu-panel__list ul a{font-size:1.05rem;font-family:var(--iwn-font-body);color:var(--iwn-muted)}
.iwn-menu-panel__foot{display:flex;flex-wrap:wrap;gap:var(--iwn-sp-sm);align-items:center;justify-content:space-between;border-top:1px solid var(--iwn-line-soft);padding-top:var(--iwn-sp-sm)}

/* Yandan çekmece varyantı */
.iwn-menu-panel--drawer{left:auto;width:min(420px,88vw);box-shadow:var(--iwn-shadow-3)}
.iwn-menu-panel--drawer .iwn-menu-panel__inner{justify-content:flex-start;padding-top:var(--iwn-sp-2xl)}
.iwn-menu-panel--dropdown{inset:auto 0 auto 0;height:auto;border-bottom:1px solid var(--iwn-line)}
.iwn-menu-panel--dropdown .iwn-menu-panel__list a{font-size:1.25rem}


/* ==========================================================================
   5. Bildirimler
   ========================================================================== */

.iwn-toasts{position:fixed;z-index:90;display:flex;flex-direction:column;gap:10px;pointer-events:none;padding:20px;max-width:min(400px,90vw)}
.iwn-toasts[data-position^=top]{top:0}
.iwn-toasts[data-position^=bottom]{bottom:0}
.iwn-toasts[data-position$=right]{right:0}
.iwn-toasts[data-position$=center]{left:50%;transform:translateX(-50%);align-items:center}

.iwn-toast{
	pointer-events:auto;display:flex;align-items:flex-start;gap:10px;
	background:var(--iwn-surface);color:var(--iwn-text);border:1px solid var(--iwn-line);
	border-left:3px solid var(--iwn-accent);border-radius:var(--iwn-radius);
	padding:12px 14px;box-shadow:var(--iwn-shadow-2);font-size:var(--iwn-size-small);
	animation:iwn-toast-in var(--iwn-dur) var(--iwn-ease-out)
}
.iwn-toast--success{border-left-color:#2C7A52}
.iwn-toast--error{border-left-color:#B0413E}
.iwn-toast--warning{border-left-color:#A96B15}
.iwn-toast.is-out{opacity:0;transform:translateY(8px);transition:opacity var(--iwn-dur) var(--iwn-ease),transform var(--iwn-dur) var(--iwn-ease)}
.iwn-toast__close{margin-left:auto;background:none;border:0;color:var(--iwn-muted);cursor:pointer;font-size:18px;line-height:1}
@keyframes iwn-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Çerez bildirimi */
.iwn-cookie{
	position:fixed;left:20px;bottom:20px;z-index:85;max-width:min(420px,calc(100vw - 40px));
	background:var(--iwn-surface);border:1px solid var(--iwn-line);border-radius:var(--iwn-radius);
	padding:var(--iwn-sp-sm);box-shadow:var(--iwn-shadow-2);font-size:var(--iwn-size-small)
}
.iwn-cookie[hidden]{display:none}
.iwn-cookie p{margin:0 0 var(--iwn-sp-xs);color:var(--iwn-text-2)}
.iwn-cookie__actions{display:flex;gap:var(--iwn-sp-xs);align-items:center;flex-wrap:wrap}

/* Başa dön */
.iwn-to-top{
	position:fixed;right:20px;bottom:20px;z-index:80;width:44px;height:44px;
	display:grid;place-items:center;cursor:pointer;
	background:var(--iwn-surface);color:var(--iwn-text);border:1px solid var(--iwn-line);
	border-radius:var(--iwn-radius);box-shadow:var(--iwn-shadow-1);
	opacity:0;visibility:hidden;transform:translateY(8px);
	transition:opacity var(--iwn-dur) var(--iwn-ease),transform var(--iwn-dur) var(--iwn-ease),visibility var(--iwn-dur)
}
.iwn-to-top.is-in{opacity:1;visibility:visible;transform:none}
.iwn-to-top svg{width:18px;height:18px}
.iwn-to-top:hover{border-color:var(--iwn-accent);color:var(--iwn-accent)}


/* ==========================================================================
   6. Dialog
   ========================================================================== */

.iwn-dialog{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:var(--iwn-sp-sm)}
.iwn-dialog[hidden]{display:none}
.iwn-dialog__backdrop{position:absolute;inset:0;background:color-mix(in srgb,#000 62%,transparent);backdrop-filter:blur(3px);animation:iwn-fade var(--iwn-dur) var(--iwn-ease)}
.iwn-dialog__panel{
	position:relative;background:var(--iwn-surface);color:var(--iwn-text);
	border-radius:var(--iwn-radius);box-shadow:var(--iwn-shadow-3);
	max-width:min(620px,100%);max-height:88vh;overflow-y:auto;padding:var(--iwn-sp-lg);
	animation:iwn-dialog-in var(--iwn-dur) var(--iwn-ease-out)
}
.iwn-dialog__close{position:absolute;top:12px;right:14px;background:none;border:0;font-size:24px;line-height:1;color:var(--iwn-muted);cursor:pointer}
.iwn-dialog__close:hover{color:var(--iwn-text)}
@keyframes iwn-fade{from{opacity:0}to{opacity:1}}
@keyframes iwn-dialog-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}

/* Lightbox */
.iwn-lightbox .iwn-dialog__panel{background:transparent;box-shadow:none;padding:0;max-width:min(1200px,94vw)}
.iwn-lightbox img{width:100%;height:auto;max-height:86vh;object-fit:contain}
.iwn-lightbox__caption{color:#EDEEEC;margin-top:var(--iwn-sp-xs);text-align:center}
.iwn-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:#EDEEEC;font-size:32px;cursor:pointer;padding:12px}
.iwn-lightbox__nav--prev{left:-48px}
.iwn-lightbox__nav--next{right:-48px}
@media(max-width:900px){.iwn-lightbox__nav--prev{left:0}.iwn-lightbox__nav--next{right:0}}


/* ==========================================================================
   7. Slider
   ========================================================================== */

.iwn-slider{position:relative}
.iwn-slider__track{display:flex;gap:var(--iwn-sp-md);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.iwn-slider__track::-webkit-scrollbar{display:none}
.iwn-slider__slide{flex:0 0 auto;width:var(--iwn-slide-w,320px);scroll-snap-align:start}
.iwn-slider__nav{display:flex;gap:8px;margin-top:var(--iwn-sp-sm)}
.iwn-slider__btn{
	width:40px;height:40px;display:grid;place-items:center;cursor:pointer;
	background:none;border:1px solid var(--iwn-line);border-radius:var(--iwn-radius);color:var(--iwn-text)
}
.iwn-slider__btn:hover:not(:disabled){border-color:var(--iwn-accent);color:var(--iwn-accent)}
.iwn-slider__btn:disabled{opacity:.35;cursor:default}
.iwn-slider__dots{display:flex;gap:6px;align-items:center;margin-left:auto}
.iwn-slider__dot{width:7px;height:7px;padding:0;border-radius:50%;border:0;background:var(--iwn-line);cursor:pointer}
.iwn-slider__dot.is-active{background:var(--iwn-accent);width:20px;border-radius:99px}


/* ==========================================================================
   8. Sekme ve akordeon
   ========================================================================== */

.iwn-tabs__list{display:flex;gap:var(--iwn-sp-sm);list-style:none;margin:0 0 var(--iwn-sp-md);padding:0;border-bottom:1px solid var(--iwn-line-soft);overflow-x:auto}
.iwn-tabs__tab{
	background:none;border:0;border-bottom:2px solid transparent;padding:10px 2px;cursor:pointer;
	color:var(--iwn-muted);font-size:var(--iwn-size-small);white-space:nowrap
}
.iwn-tabs__tab[aria-selected=true]{color:var(--iwn-text);border-bottom-color:var(--iwn-accent)}
.iwn-tabs__panel[hidden]{display:none}

.iwn-accordion__item{border-bottom:1px solid var(--iwn-line-soft)}
.iwn-accordion__trigger{
	width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--iwn-sp-sm);
	background:none;border:0;padding:var(--iwn-sp-sm) 0;cursor:pointer;text-align:left;
	font-family:var(--iwn-font-display);font-size:var(--iwn-size-h3);color:var(--iwn-text);line-height:1.3
}
.iwn-accordion__icon{flex:none;width:16px;height:16px;position:relative}
.iwn-accordion__icon::before,.iwn-accordion__icon::after{content:"";position:absolute;background:currentColor;transition:transform var(--iwn-dur) var(--iwn-ease)}
.iwn-accordion__icon::before{top:7.5px;left:0;width:16px;height:1.5px}
.iwn-accordion__icon::after{left:7.5px;top:0;width:1.5px;height:16px}
.iwn-accordion__trigger[aria-expanded=true] .iwn-accordion__icon::after{transform:scaleY(0)}
.iwn-accordion__panel{overflow:hidden;transition:height var(--iwn-dur) var(--iwn-ease)}
.iwn-accordion__panel > div{padding-bottom:var(--iwn-sp-sm);color:var(--iwn-text-2);max-width:var(--iwn-measure)}


/* ==========================================================================
   9. Form
   ========================================================================== */

.iwn-form{display:flex;flex-direction:column;gap:var(--iwn-sp-xs)}
.iwn-form--inline{flex-direction:row;flex-wrap:wrap;align-items:center}
.iwn-input,
.iwn-form input[type=text],.iwn-form input[type=email],.iwn-form input[type=tel],
.iwn-form input[type=search],.iwn-form select,.iwn-form textarea{
	width:100%;padding:0 14px;font:inherit;font-size:var(--iwn-size-small);
	color:var(--iwn-text);background:var(--iwn-surface);
	border:1px solid var(--iwn-line);border-radius:var(--iwn-radius);
	transition:border-color var(--iwn-dur-fast) var(--iwn-ease)
}
.iwn-form textarea{padding:12px 14px;min-height:130px;resize:vertical}
.iwn-form--inline .iwn-input{flex:1;min-width:180px}
.iwn-form label{font-family:var(--iwn-font-mono);font-size:var(--iwn-size-label);letter-spacing:var(--iwn-track-label);text-transform:uppercase;color:var(--iwn-muted)}
.iwn-form ::placeholder{color:var(--iwn-muted);opacity:1}
.iwn-form__error{color:#B0413E;font-size:var(--iwn-size-small)}
.iwn-search{flex-direction:row;gap:8px}

/* Alan biçim varyantları */
.iwn-body[data-input=filled] .iwn-input{background:var(--iwn-surface-2);border-color:transparent}
.iwn-body[data-input=underline] .iwn-input{border:0;border-bottom:1px solid var(--iwn-line);border-radius:0;padding-inline:0}


/* ==========================================================================
   10. Sayfalama, künye, boş durum
   ========================================================================== */

.iwn-pagination{margin-top:var(--iwn-sp-lg);display:flex;justify-content:center}
.iwn-pagination ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.iwn-pagination .page-numbers{
	display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;
	border:1px solid var(--iwn-line-soft);border-radius:var(--iwn-radius);
	color:var(--iwn-text-2);text-decoration:none;font-size:var(--iwn-size-small)
}
.iwn-pagination .page-numbers:hover{border-color:var(--iwn-accent);color:var(--iwn-accent)}
.iwn-pagination .current{background:var(--iwn-accent);border-color:var(--iwn-accent);color:var(--iwn-surface)}

.iwn-meta-row{display:flex;flex-wrap:wrap;gap:var(--iwn-sp-xs);align-items:center}
.iwn-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 var(--iwn-sp-xs);padding:0;font-family:var(--iwn-font-mono);font-size:var(--iwn-size-label);letter-spacing:.08em;text-transform:uppercase}
.iwn-crumbs li+li::before{content:"/";margin-right:8px;color:var(--iwn-line)}
.iwn-crumbs a{color:var(--iwn-muted)}
.iwn-crumbs span{color:var(--iwn-text-2)}

.iwn-empty{text-align:center;max-width:46ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--iwn-sp-sm);align-items:center;padding-block:var(--iwn-sp-xl)}


/* ==========================================================================
   11. Izgaralar ve düzen
   ========================================================================== */

.iwn-posts{display:grid;gap:var(--iwn-sp-md)}
.iwn-posts--grid,.iwn-posts--wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
@media(min-width:900px){
	.iwn-posts--grid,.iwn-posts--wall{grid-template-columns:repeat(var(--iwn-cols,3),1fr)}
}
.iwn-posts--list{grid-template-columns:1fr;gap:var(--iwn-sp-lg)}
.iwn-posts--list .iwn-card{flex-direction:row;align-items:stretch}
.iwn-posts--list .iwn-card__media{flex:0 0 38%;aspect-ratio:auto}
.iwn-posts--masonry{display:block;columns:var(--iwn-cols,3);column-gap:var(--iwn-sp-md)}
.iwn-posts--masonry > *{break-inside:avoid;margin-bottom:var(--iwn-sp-md)}

.iwn-layout{display:grid;gap:var(--iwn-sp-lg)}
@media(min-width:960px){
	.iwn-layout--left{grid-template-columns:300px minmax(0,1fr)}
	.iwn-layout--left .iwn-layout__aside{order:-1}
	.iwn-layout--right{grid-template-columns:minmax(0,1fr) 300px}
}

.iwn-container--full{max-width:none;padding-inline:0}

/* Sayfa başlığı alanı */
.iwn-page-title{padding-block:var(--iwn-sp-lg);border-bottom:1px solid var(--iwn-line-soft)}
.iwn-page-title--image{
	background-size:cover;background-position:center;position:relative;
	padding-block:var(--iwn-sp-2xl);border-bottom:0
}
.iwn-page-title--image::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.7))}
.iwn-page-title--image > *{position:relative}
.iwn-page-title__desc{color:var(--iwn-text-2);max-width:var(--iwn-measure);margin-top:var(--iwn-sp-xs)}

/* Tekil yazı */
.iwn-single__head{padding-block:var(--iwn-sp-xl) var(--iwn-sp-md);text-align:center}
.iwn-single__head .iwn-meta-row{justify-content:center;margin-bottom:var(--iwn-sp-xs)}
.iwn-single__lede{color:var(--iwn-text-2);font-size:1.15rem;margin-top:var(--iwn-sp-sm);margin-inline:auto}
.iwn-single__figure{margin:0 0 var(--iwn-sp-lg)}
.iwn-single__figure figcaption{margin-top:var(--iwn-sp-2xs);text-align:center}
.iwn-single__body{padding-bottom:var(--iwn-sp-xl)}
.iwn-single__hero{position:relative;min-height:70svh;display:grid;align-items:end;overflow:hidden}
.iwn-single__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.iwn-single__hero-body{position:relative;padding-block:var(--iwn-sp-xl);color:#EDEEEC;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}

.iwn-prose > * + *{margin-top:var(--iwn-sp-sm)}
.iwn-prose h2{margin-top:var(--iwn-sp-lg)}
.iwn-prose h3{margin-top:var(--iwn-sp-md)}
.iwn-prose img{border-radius:var(--iwn-radius)}
.iwn-prose blockquote{
	margin:var(--iwn-sp-md) 0;padding-left:var(--iwn-sp-sm);
	border-left:2px solid var(--iwn-accent);font-family:var(--iwn-font-display);
	font-size:1.3rem;font-style:italic;color:var(--iwn-text)
}

/* Footer */
.iwn-footer{padding-block:var(--iwn-sp-xl) var(--iwn-sp-md);background:var(--iwn-surface);border-top:1px solid var(--iwn-line-soft)}
.iwn-footer__grid{display:grid;gap:var(--iwn-sp-lg)}
@media(min-width:820px){.iwn-footer__grid{grid-template-columns:1.6fr repeat(calc(var(--iwn-footer-cols,3) - 1),1fr)}}
.iwn-footer__about{color:var(--iwn-muted);font-size:var(--iwn-size-small);max-width:34ch;margin-top:var(--iwn-sp-xs)}
.iwn-footer__list,.iwn-footer__legal{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.iwn-footer__legal{flex-direction:row;gap:var(--iwn-sp-sm)}
.iwn-footer__list a,.iwn-footer__legal a{color:var(--iwn-text-2);font-size:var(--iwn-size-small)}
.iwn-footer__contact{display:flex;flex-direction:column;gap:7px}
.iwn-footer__contact a{color:var(--iwn-text-2);font-size:var(--iwn-size-small)}
.iwn-footer__contact address{font-style:normal;color:var(--iwn-muted);font-size:var(--iwn-size-small)}
.iwn-footer__news{display:flex;flex-direction:column;gap:8px}
.iwn-footer__bottom{display:flex;justify-content:space-between;gap:var(--iwn-sp-sm);flex-wrap:wrap;align-items:center;margin-top:var(--iwn-sp-xl);padding-top:var(--iwn-sp-sm);border-top:1px solid var(--iwn-line-soft)}
.iwn-footer__cta{background:var(--iwn-accent-deep);padding-block:var(--iwn-sp-xl);text-align:center;margin-bottom:var(--iwn-sp-xl)}
.iwn-footer__cta h2{margin-bottom:var(--iwn-sp-sm)}
.iwn-footer-divider{line-height:0;color:var(--iwn-line-soft)}

/* Sosyal */
.iwn-social{display:flex;gap:6px;list-style:none;margin:var(--iwn-sp-xs) 0 0;padding:0}
.iwn-social a{display:grid;place-items:center;width:36px;height:36px;color:var(--iwn-text-2)}
.iwn-social svg{width:18px;height:18px}
.iwn-social a:hover{color:var(--iwn-accent)}
.iwn-social--circle a{border:1px solid var(--iwn-line);border-radius:50%}
.iwn-social--square a{border:1px solid var(--iwn-line);border-radius:var(--iwn-radius)}
.iwn-social--arch a{border:1px solid var(--iwn-line);border-radius:99px 99px 2px 2px}

/* Mobil alt bar */
.iwn-mobile-bar{
	position:fixed;left:0;right:0;bottom:0;z-index:75;display:flex;
	background:var(--iwn-surface);border-top:1px solid var(--iwn-line-soft);
	padding-bottom:env(safe-area-inset-bottom)
}
@media(min-width:800px){.iwn-mobile-bar{display:none}}
.iwn-mobile-bar a{
	flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
	padding:9px 4px;color:var(--iwn-text-2);text-decoration:none;
	font-family:var(--iwn-font-mono);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase
}
.iwn-mobile-bar svg{width:19px;height:19px}
.iwn-mobile-bar a:hover{color:var(--iwn-accent)}

/* 404 */
.iwn-404{text-align:center}
.iwn-404 .iwn-container{display:flex;flex-direction:column;align-items:center;gap:var(--iwn-sp-sm)}
.iwn-404__mark{width:70px;color:var(--iwn-accent);opacity:.5}

/* Filtre çubuğu */
.iwn-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--iwn-sp-md)}
.iwn-filter button{
	background:none;border:1px solid var(--iwn-line-soft);border-radius:99px;
	padding:7px 15px;cursor:pointer;font-size:var(--iwn-size-small);color:var(--iwn-text-2)
}
.iwn-filter button[aria-pressed=true]{background:var(--iwn-accent);border-color:var(--iwn-accent);color:var(--iwn-surface)}

@media (prefers-reduced-motion: reduce){
	.iwn-preloader__arch path,.iwn-preloader__dots i,.iwn-preloader__bar::after,
	.iwn-announce--ticker .iwn-announce__inner > *{animation:none}
}