/* Mağaza ek özellikleri (Faz 10b): kart düğmeleri, hızlı bakış penceresi, liste sayfaları, karşılaştırma tablosu,
   karşılaştırma tepsisi, bildirim ve mobil alt çubuk. Simgeler maske olarak CSS'tedir (işaretlemede SVG yok, dış istek yok). */

/* Simgeler */
.azk-ico { display: inline-block; flex: none; width: 1.25rem; height: 1.25rem; background: currentcolor; -webkit-mask: var(--azk-ico) center / contain no-repeat; mask: var(--azk-ico) center / contain no-repeat; }
.azk-ico--heart { --azk-ico: url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21.2l7.8-7.7 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E"); }
.azk-ico--eye { --azk-ico: url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.azk-ico--scale { --azk-ico: url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 21h14M5 7h14M5 7l-3 8a3.5 3.5 0 0 0 6 0zM19 7l-3 8a3.5 3.5 0 0 0 6 0z'/%3E%3C/svg%3E"); }
.azk-ico--home { --azk-ico: url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21H3z'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E"); }
.azk-ico--bag { --azk-ico: url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E"); }
.azk-ico--cart { --azk-ico: url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.5 12h11l2-8H6'/%3E%3C/svg%3E"); }
.azk-ico--user { --azk-ico: url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }

/* Kart düğmeleri (Faz 10a'nın .azk-card__actions kapsayıcısında) */
.azk-act { display: inline-flex; align-items: center; justify-content: center; gap: var(--azk-space-2); width: 40px; height: 40px; padding: 0; border: var(--azk-border-w) solid var(--azk-color-border); border-radius: 50%; background: var(--azk-color-bg); color: var(--azk-color-text); cursor: pointer; box-shadow: 0 2px 8px rgb(0 0 0 / 10%); transition: background-color 180ms ease, color 180ms ease, transform 180ms ease; }
.azk-act:hover { background: var(--azk-color-brand); color: var(--azk-color-on-brand); transform: scale(1.06); }
.azk-act:focus-visible { outline: 3px solid var(--azk-color-focus, var(--azk-color-brand)); outline-offset: 2px; }
.azk-act.is-active { background: var(--azk-color-brand); color: var(--azk-color-on-brand); }
.azk-act--wish.is-active .azk-ico { -webkit-mask-size: contain; }
@media (hover: none) { .azk-act { width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { .azk-act, .azk-act:hover { transition: none; transform: none; } }

/* Ürün sayfası yazılı düğmeleri */
.azk-single-actions { display: flex; flex-wrap: wrap; gap: var(--azk-space-3); margin: var(--azk-space-4) 0; }
.azk-act--text { width: auto; height: auto; min-height: 44px; padding: 0 var(--azk-space-4); border-radius: var(--azk-radius); box-shadow: none; font: inherit; font-weight: 600; }

/* Hızlı bakış penceresi (açılış: ölçek + belirme) */
.azk-quick { position: fixed; inset: 0; z-index: 1010; display: grid; place-items: center; padding: var(--azk-space-4); visibility: hidden; pointer-events: none; transition: visibility 0s linear 260ms; }
.azk-quick.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }
.azk-quick__overlay { position: absolute; inset: 0; background: rgb(0 0 0 / 55%); opacity: 0; transition: opacity 240ms ease; }
.azk-quick.is-open .azk-quick__overlay { opacity: 1; }
.azk-quick__panel { position: relative; width: min(100%, 56rem); max-height: min(100%, 44rem); overflow-y: auto; border-radius: var(--azk-radius); background: var(--azk-color-bg); color: var(--azk-color-text); box-shadow: 0 24px 60px rgb(0 0 0 / 30%); opacity: 0; transform: translateY(16px) scale(.96); transition: opacity 240ms ease, transform 280ms cubic-bezier(.2, .8, .2, 1); }
.azk-quick.is-open .azk-quick__panel { opacity: 1; transform: none; }
.azk-quick__panel:focus { outline: 0; }
.azk-quick__close { position: absolute; z-index: 2; top: var(--azk-space-2); right: var(--azk-space-2); display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--azk-color-bg); color: var(--azk-color-text); font-size: 1.75rem; line-height: 1; cursor: pointer; }
.azk-quick__close:hover { background: var(--azk-color-surface); color: var(--azk-color-text); }
.azk-quick__body { min-height: 12rem; }
.azk-quick__body[aria-busy="true"]::after { content: ""; display: block; width: 2rem; height: 2rem; margin: 5rem auto; border: 3px solid var(--azk-color-border); border-top-color: var(--azk-color-brand); border-radius: 50%; animation: azk-spin 700ms linear infinite; }
@keyframes azk-spin { to { transform: rotate(360deg); } }
.azk-quick__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.azk-quick__media { display: block; background: var(--azk-color-surface); }
.azk-quick__media img { display: block; width: 100%; height: 100%; min-height: 16rem; object-fit: cover; }
.azk-quick__info { display: flex; flex-direction: column; gap: var(--azk-space-3); padding: var(--azk-space-6) var(--azk-space-6) var(--azk-space-5); }
.azk-quick__name { margin: 0; padding-right: var(--azk-space-6); font-size: 1.4rem; }
.azk-quick__price { margin: 0; font-size: 1.25rem; font-weight: 700; }
.azk-quick__stock { margin: 0; font-size: .9rem; font-weight: 600; }
.azk-quick__stock.is-in { color: var(--azk-color-success, var(--azk-color-text)); }
.azk-quick__stock.is-out { color: var(--azk-color-danger); }
.azk-quick__excerpt { color: var(--azk-color-muted); }
.azk-quick__excerpt > :first-child { margin-top: 0; }
.azk-quick__buy { display: flex; flex-wrap: wrap; align-items: center; gap: var(--azk-space-3) var(--azk-space-4); margin-top: auto; }
.azk-quick__buy .button { margin: 0; }
.azk-quick__more { color: var(--azk-color-link); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
html.azk-quick-lock { overflow: hidden; }
@media (max-width: 640px) {
	.azk-quick { place-items: end center; padding: 0; }
	.azk-quick__panel { width: 100%; max-height: 92%; border-radius: var(--azk-radius) var(--azk-radius) 0 0; transform: translateY(48px); }
	.azk-quick__grid { grid-template-columns: 1fr; }
	.azk-quick__media img { min-height: 0; max-height: 18rem; }
	.azk-quick__info { padding: var(--azk-space-4); }
}
@media (prefers-reduced-motion: reduce) {
	.azk-quick__overlay, .azk-quick__panel { transition: opacity 1ms linear; transform: none; }
	.azk-quick__body[aria-busy="true"]::after { animation: none; }
}

/* Liste sayfaları */
.azk-list__empty, .azk-list__noscript { margin: var(--azk-space-6) 0; padding: var(--azk-space-6); border: var(--azk-border-w) dashed var(--azk-color-border); border-radius: var(--azk-radius); color: var(--azk-color-muted); text-align: center; }
.azk-list[data-azk-list] .azk-list__noscript { display: block; }
.azk-wish-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: var(--azk-space-5); margin: 0; padding: 0; list-style: none; }
.azk-wish-item { display: flex; flex-direction: column; gap: var(--azk-space-2); padding: var(--azk-space-3); border: var(--azk-border-w) solid var(--azk-color-border); border-radius: var(--azk-radius); background: var(--azk-color-bg); }
.azk-wish-item__media img { display: block; width: 100%; height: auto; border-radius: calc(var(--azk-radius) / 2); }
.azk-wish-item__name { margin: 0; font-size: 1rem; }
.azk-wish-item__name a { color: var(--azk-color-text); text-decoration: none; }
.azk-wish-item__price { margin: 0; font-weight: 700; }
.azk-wish-item .button { margin-top: auto; }
.azk-list__remove { min-height: 44px; border: 0; background: none; color: var(--azk-color-link); font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.azk-list__remove:hover { background: none; color: var(--azk-color-link); }

/* Karşılaştırma tablosu: dar ekranda yatay kayar, ilk sütun yapışkan */
.azk-cmp-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.azk-cmp { width: 100%; min-width: 36rem; border-collapse: collapse; table-layout: fixed; }
.azk-cmp th, .azk-cmp td { padding: var(--azk-space-3) var(--azk-space-4); border: var(--azk-border-w) solid var(--azk-color-border); vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.azk-cmp tbody th { position: sticky; left: 0; z-index: 1; width: 7.5rem; background: var(--azk-color-surface); font-weight: 600; }
.azk-cmp thead th { background: var(--azk-color-surface); text-align: right; }
.azk-cmp img { display: block; width: 100%; max-width: 10rem; height: auto; margin-bottom: var(--azk-space-2); border-radius: calc(var(--azk-radius) / 2); }
.azk-cmp__name { color: var(--azk-color-text); font-weight: 600; text-decoration: none; }
.azk-cmp .button { margin: 0; }

/* Karşılaştırma tepsisi ve bildirim */
.azk-cmp-tray { position: fixed; z-index: 1000; left: 50%; bottom: var(--azk-space-4); display: flex; align-items: center; gap: var(--azk-space-4); max-width: calc(100% - 2rem); padding: var(--azk-space-3) var(--azk-space-4); border-radius: var(--azk-radius); background: var(--azk-color-text); color: var(--azk-color-bg); box-shadow: 0 10px 30px rgb(0 0 0 / 25%); transform: translateX(-50%); }
.azk-cmp-tray[hidden] { display: none; }
.azk-cmp-tray__text { margin: 0; font-weight: 600; }
.azk-cmp-tray__go.button { margin: 0; background: var(--azk-color-bg); color: var(--azk-color-text); }
.azk-cmp-tray__clear { min-height: 44px; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.azk-cmp-tray__clear:hover { background: none; color: inherit; }
.azk-toast { position: fixed; z-index: 1020; left: 50%; bottom: calc(var(--azk-space-6) + 3.5rem); max-width: calc(100% - 2rem); padding: var(--azk-space-3) var(--azk-space-5); border-radius: var(--azk-radius); background: var(--azk-color-text); color: var(--azk-color-bg); font-weight: 600; box-shadow: 0 10px 30px rgb(0 0 0 / 25%); opacity: 0; pointer-events: none; transform: translate(-50%, 12px); transition: opacity 200ms ease, transform 200ms ease; }
.azk-toast:empty { display: none; }
.azk-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .azk-toast { transition: none; } }

/* Mobil alt araç çubuğu: yalnız dar ekranda */
.azk-mbar { display: none; }
@media (max-width: 782px) {
	.azk-mbar { position: fixed; z-index: 900; right: 0; bottom: 0; left: 0; display: block; padding-bottom: env(safe-area-inset-bottom); border-top: var(--azk-border-w) solid var(--azk-color-border); background: var(--azk-color-bg); box-shadow: 0 -4px 16px rgb(0 0 0 / 8%); }
	.azk-mbar__list { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; margin: 0; padding: 0; list-style: none; }
	.azk-mbar__link { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 56px; padding: var(--azk-space-1) 2px; color: var(--azk-color-text); font-size: .6875rem; font-weight: 600; text-decoration: none; }
	.azk-mbar__link:hover, .azk-mbar__link:focus-visible { color: var(--azk-color-brand); }
	.azk-mbar__link:focus-visible { outline: 3px solid var(--azk-color-focus, var(--azk-color-brand)); outline-offset: -3px; }
	.azk-mbar__link .azk-ico { width: 1.375rem; height: 1.375rem; }
	.azk-mbar__label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.azk-mbar__count { position: absolute; top: 4px; left: calc(50% + .5rem); min-width: 1.1rem; padding: 0 .3rem; border-radius: 999px; background: var(--azk-color-danger); color: #fff; font-size: .6875rem; line-height: 1.1rem; text-align: center; }
	.azk-mbar__count[hidden] { display: none; }
	body.azk-has-mbar { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }
	.azk-cmp-tray { bottom: calc(56px + env(safe-area-inset-bottom) + var(--azk-space-3)); }
	.azk-toast { bottom: calc(56px + env(safe-area-inset-bottom) + 4rem); }
	/* Çerez bandı (AzaKit Onay) dar ekranda alta yapışır ve çubuğu tamamen örterdi: bant çubuğun üstünde durur. */
	body.azk-has-mbar .azakit-consent { bottom: calc(57px + env(safe-area-inset-bottom)); max-height: calc(100vh - 57px - env(safe-area-inset-bottom)); max-height: calc(100dvh - 57px - env(safe-area-inset-bottom)); overflow-y: auto; }
}