/* [katalog] Admin katalog ekranları + vitrin liste/PDP. Ortak değişkenler site.css'ten gelir. */

/* Admin */
.catalog-admin__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.catalog-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; margin-bottom: 1rem; }
.catalog-filter label { display: flex; flex-direction: column; gap: .25rem; font-size: .8125rem; }
.catalog-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.catalog-table th, .catalog-table td { padding: .5rem; border-bottom: 1px solid var(--color-border, #e6e6e6); text-align: left; vertical-align: middle; }
.catalog-table img { object-fit: cover; border-radius: 4px; }
.catalog-table__actions { display: flex; gap: .5rem; align-items: center; white-space: nowrap; }
.catalog-table__actions form { margin: 0; }
.btn-link { background: none; border: 0; padding: 0; color: var(--color-danger, #b3261e); cursor: pointer; text-decoration: underline; font: inherit; }
.catalog-tree__name { padding-left: calc(.5rem + var(--depth, 0) * 1.25rem) !important; }
.catalog-tree__order { width: 5rem; }
.catalog-form fieldset { border: 1px solid var(--color-border, #e6e6e6); border-radius: 6px; padding: 1rem; margin: 0 0 1rem; }
.catalog-form label { display: flex; flex-direction: column; gap: .25rem; }
.catalog-form label.checkbox { flex-direction: row; align-items: center; gap: .5rem; }
.catalog-form__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .75rem; }
.catalog-errors:empty, .catalog-errors.validation-summary-valid, .catalog-errors .validation-summary-valid { display: none; }
.catalog-errors { color: var(--color-danger, #b3261e); }
.catalog-alert { padding: .75rem 1rem; border-radius: 6px; margin-bottom: 1rem; }
.catalog-alert--success { background: #e8f5e9; color: #1b5e20; }
.catalog-alert--error { background: #fdecea; color: #8a1c13; }
.catalog-pager { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; }
.catalog-section { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--color-border, #e6e6e6); }
.catalog-images { display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; padding: 0; }
.catalog-images__item { display: flex; flex-direction: column; gap: .25rem; font-size: .8125rem; }
.catalog-images__item img { object-fit: cover; border-radius: 6px; border: 1px solid var(--color-border, #e6e6e6); }
.media-picker { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; }
.media-picker__preview { max-width: 96px; max-height: 96px; border-radius: 4px; }
.media-picker__status { font-size: .8125rem; color: var(--color-muted, #666); margin: 0; }
.catalog-media-result__image { max-width: 320px; margin-top: 1rem; }

/* Vitrin: liste + fırsatlar (/indirimli-urunler, /kategori/*, /marka/*) */
.catalog-listing { padding-bottom: 1.5rem; }
.catalog-listing__header {
    display: flex; align-items: center; gap: 1.15rem; margin: .5rem 0 1.25rem;
    padding: 1.35rem 1.5rem; border-radius: 16px;
    background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e5e7eb);
    box-shadow: 0 2px 8px rgb(16 24 40 / .03);
}
.catalog-listing__header h1 { margin: 0; font-size: clamp(1.35rem, 2.4vw, 1.75rem); color: var(--color-primary, #1f4e5f); }
.catalog-listing__desc { color: var(--color-muted, #6b7280); margin: .35rem 0 0; font-size: .925rem; line-height: 1.5; max-width: 72ch; }
.catalog-listing__logo { object-fit: contain; border-radius: 10px; background: #fff; padding: .35rem; border: 1px solid var(--color-border, #e5e7eb); }
.catalog-subcats { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem; }
.catalog-subcats .chip {
    padding: .42rem .9rem; border: 1px solid var(--color-border, #e5e7eb); border-radius: 999px;
    background: var(--color-surface, #fff); text-decoration: none; color: var(--color-text, #222);
    font-size: .85rem; font-weight: 600; transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.catalog-subcats .chip:hover { border-color: var(--color-primary, #1f4e5f); color: var(--color-primary, #1f4e5f); }
.catalog-subcats .chip.is-active { background: var(--color-primary, #1f4e5f); border-color: var(--color-primary, #1f4e5f); color: #fff; font-weight: 700; }

.catalog-listing__layout { display: grid; grid-template-columns: 17.5rem minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.catalog-filters {
    background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 16px; padding: 1.15rem 1.25rem;
    box-shadow: 0 2px 10px rgb(16 24 40 / .03);
}
.catalog-filters__head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; }
.catalog-filters__title { font-size: 1.05rem; font-weight: 750; margin: 0; color: var(--color-primary, #1f4e5f); }
.catalog-filters__reset { font-size: .8rem; font-weight: 650; color: var(--color-danger, #b91c1c); text-decoration: none; }
.catalog-filters__reset:hover { text-decoration: underline; }
.catalog-facet { border: 0; border-top: 1px solid var(--color-border, #e5e7eb); padding: .85rem 0; margin: 0; }
.catalog-facet legend { font-weight: 700; font-size: .875rem; color: var(--color-text, #222); padding: 0; margin-bottom: .55rem; }
.catalog-facet__options { display: grid; gap: .3rem; max-height: 14rem; overflow-y: auto; padding-right: .25rem; }
.catalog-facet label.checkbox {
    display: flex; gap: .55rem; align-items: center; padding: .2rem .35rem;
    font-size: .86rem; border-radius: 6px; cursor: pointer; transition: background .15s ease;
}
.catalog-facet label.checkbox:hover { background: #f5f7f6; }
.catalog-facet label.checkbox input { width: auto; margin: 0; accent-color: var(--color-primary, #1f4e5f); }
.catalog-facet__count {
    margin-left: auto; padding: .08rem .45rem; border-radius: 999px;
    background: #f1f5f4; color: var(--color-muted, #6b7280); font-size: .72rem; font-weight: 600;
}
.catalog-facet__price { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.catalog-facet__price label { display: flex; flex-direction: column; gap: .25rem; font-size: .78rem; color: var(--color-muted, #6b7280); font-weight: 600; }
.catalog-facet__price input { width: 100%; padding: .45rem .6rem; font-size: .875rem; }
.catalog-filters__actions { display: grid; grid-template-columns: 1fr auto; gap: .5rem; margin-top: .85rem; padding-top: .85rem; border-top: 1px solid var(--color-border, #e5e7eb); }
.catalog-filters__actions .btn { padding: .55rem .85rem; font-size: .875rem; font-weight: 650; }

.catalog-toolbar {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .85rem;
    margin-bottom: 1rem; padding: .85rem 1.15rem; border-radius: 14px;
    background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e5e7eb);
    box-shadow: 0 1px 4px rgb(16 24 40 / .03);
}
.catalog-toolbar__left { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1rem; }
.catalog-toolbar__right { display: flex; align-items: center; gap: .65rem; margin-left: auto; }
.catalog-toolbar__count { margin: 0; color: var(--color-muted, #6b7280); font-size: .9rem; }
.catalog-toolbar__count strong { color: var(--color-primary, #1f4e5f); font-weight: 750; }
.catalog-toolbar__filter-toggle { display: none; }
.catalog-toolbar__sort { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; font-weight: 650; color: var(--color-muted, #6b7280); white-space: nowrap; }
.catalog-toolbar__sort select { width: auto; min-width: 12.5rem; padding: .45rem .75rem; border-radius: 8px; font-size: .875rem; font-weight: 600; color: var(--color-text, #222); background-color: #fbfcfb; }

.catalog-quick-pills { display: flex; flex-wrap: wrap; gap: .4rem; }
.catalog-quick-pill {
    display: inline-flex; align-items: center; padding: .32rem .75rem; border-radius: 999px;
    border: 1px solid var(--color-border, #e5e7eb); background: #f8faf9;
    color: var(--color-text, #222); font-size: .78rem; font-weight: 650; text-decoration: none;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.catalog-quick-pill:hover { border-color: var(--color-primary, #1f4e5f); color: var(--color-primary, #1f4e5f); }
.catalog-quick-pill.is-active {
    background: rgb(31 78 95 / .1); border-color: var(--color-primary, #1f4e5f); color: var(--color-primary, #1f4e5f); font-weight: 700;
}

.catalog-active-filters {
    display: flex; flex-wrap: wrap; align-items: center; gap: .45rem;
    margin-bottom: 1rem; padding: .65rem .9rem; border-radius: 12px;
    background: #eef5f6; border: 1px solid rgb(31 78 95 / .14);
}
.catalog-active-chip {
    display: inline-flex; align-items: center; gap: .4rem; padding: .28rem .68rem;
    border-radius: 999px; background: var(--color-surface, #fff); border: 1px solid rgb(31 78 95 / .22);
    color: var(--color-primary, #1f4e5f); font-size: .78rem; font-weight: 650; text-decoration: none;
}
.catalog-active-chip:hover { background: var(--color-primary, #1f4e5f); color: #fff; }
.catalog-active-clear {
    margin-left: auto; font-size: .8rem; font-weight: 700; color: var(--color-danger, #b91c1c); text-decoration: none;
}
.catalog-active-clear:hover { text-decoration: underline; }

/* Ürün ızgarası (tüm liste sayfaları için duyarlı 2 -> 3 -> 4 sütun) */
.product-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem; list-style: none; margin: 0; padding: 0;
}
@media (min-width: 720px) {
    .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
    .catalog-results .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .deals-preview-section .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.product-grid--row { grid-auto-flow: column; grid-auto-columns: minmax(13.5rem, 1fr); overflow-x: auto; scroll-snap-type: x mandatory; }

.catalog-empty {
    padding: 3rem 1.5rem; text-align: center; border-radius: 16px;
    background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e5e7eb);
}
.catalog-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem; margin: 2rem 0 1rem; }
.catalog-pagination a, .catalog-pagination span {
    min-width: 2.4rem; padding: .45rem .75rem; text-align: center; border-radius: 8px;
    border: 1px solid var(--color-border, #e5e7eb); background: var(--color-surface, #fff);
    text-decoration: none; color: inherit; font-size: .875rem; font-weight: 600;
}
.catalog-pagination a:hover { border-color: var(--color-primary, #1f4e5f); color: var(--color-primary, #1f4e5f); }
.catalog-pagination .is-active { font-weight: 700; background: var(--color-primary, #1f4e5f); border-color: var(--color-primary, #1f4e5f); color: #fff; }

/* /indirimli-urunler — Fırsat Vitrini Özel Bileşenleri */
.deals-hero { margin-bottom: 1.25rem; }
.deals-hero__grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 960px) {
    .deals-hero__grid { grid-template-columns: 1.65fr 1fr; align-items: stretch; }
}
.deals-hero__main {
    display: flex; flex-direction: column; justify-content: center; gap: .8rem;
    padding: clamp(1.4rem, 3vw, 2.35rem); border-radius: 18px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 72%, #000) 0%, var(--color-primary) 58%, color-mix(in srgb, var(--color-primary) 82%, #fff) 100%);
    color: var(--color-primary-contrast, #fff); box-shadow: 0 12px 28px color-mix(in srgb, var(--color-primary) 15%, transparent);
}
.deals-hero__badges { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.deals-hero__badge {
    display: inline-flex; padding: .28rem .75rem; border-radius: 999px;
    background: rgb(255 255 255 / .14); color: #f6e7c8;
    font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.deals-hero__pill {
    display: inline-flex; padding: .28rem .75rem; border-radius: 999px;
    background: var(--color-accent, #c9a96e); color: #1b2428;
    font-size: .75rem; font-weight: 750;
}
.deals-hero__title {
    margin: 0; font-size: clamp(1.55rem, 3vw, 2.25rem); font-weight: 800; line-height: 1.18; color: #fff;
}
.deals-hero__desc {
    margin: 0; max-width: 62ch; color: rgb(255 255 255 / .88); font-size: .95rem; line-height: 1.55;
}
.deals-hero__highlights {
    display: flex; flex-wrap: wrap; gap: .6rem 1.15rem; margin-top: .25rem;
    padding-top: .75rem; border-top: 1px solid rgb(255 255 255 / .14);
}
.deals-hero__highlight {
    display: inline-flex; align-items: center; gap: .4rem;
    font-size: .8125rem; font-weight: 600; color: #f2f7f8;
}
.deals-hero__highlight svg { width: 1.1rem; height: 1.1rem; color: var(--color-accent, #c9a96e); flex: none; }
.deals-hero__side { display: grid; gap: .85rem; }

.deals-campaigns { margin-bottom: 1.25rem; }
.deals-campaigns__strip {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .75rem;
}
.deals-campaign-pill {
    display: flex; align-items: center; gap: .65rem; padding: .75rem 1rem;
    border-radius: 12px; background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e5e7eb);
    text-decoration: none; color: var(--color-text, #222); transition: border-color .2s ease, transform .2s ease;
}
.deals-campaign-pill:hover { border-color: var(--color-primary, #1f4e5f); transform: translateY(-1px); }
.deals-campaign-pill__badge {
    padding: .18rem .55rem; border-radius: 999px; background: #fef3c7; color: #92400e;
    font-size: .7rem; font-weight: 700; text-transform: uppercase;
}
.deals-campaign-pill__name { font-size: .875rem; font-weight: 700; color: var(--color-primary, #1f4e5f); flex: 1; }
.deals-campaign-pill__arrow { color: var(--color-muted, #6b7280); font-weight: 700; }

.deals-cat-strip {
    display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem;
    padding: .35rem 0; overflow-x: auto;
}
.deals-cat-chip {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .48rem 1rem; border-radius: 999px;
    background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e5e7eb);
    color: var(--color-text, #222); font-size: .85rem; font-weight: 650; text-decoration: none;
    white-space: nowrap; box-shadow: 0 1px 3px rgb(16 24 40 / .03);
    transition: border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease;
}
.deals-cat-chip:hover { border-color: var(--color-primary, #1f4e5f); color: var(--color-primary, #1f4e5f); transform: translateY(-1px); }
.deals-cat-chip.is-active {
    background: var(--color-primary, #1f4e5f); border-color: var(--color-primary, #1f4e5f); color: #fff; font-weight: 700;
}

.deals-empty-card {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: .65rem;
    padding: clamp(2rem, 4vw, 3rem) 1.5rem; border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfa 100%);
    border: 1px solid var(--color-border, #e5e7eb);
    box-shadow: 0 4px 16px rgb(16 24 40 / .04);
}
.deals-empty-card__icon {
    width: 3.5rem; height: 3.5rem; border-radius: 16px;
    background: rgb(201 169 110 / .16); color: #7c5b20;
    display: grid; place-items: center; margin-bottom: .25rem;
}
.deals-empty-card__icon svg { width: 1.85rem; height: 1.85rem; }
.deals-empty-card__title { margin: 0; font-size: clamp(1.15rem, 2vw, 1.4rem); color: var(--color-primary, #1f4e5f); }
.deals-empty-card__desc { margin: 0; max-width: 54ch; color: var(--color-muted, #6b7280); font-size: .925rem; line-height: 1.55; }
.deals-empty-card__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; margin-top: .5rem; }

.deals-preview-section { margin-top: 2rem; }
.deals-advantages { margin-top: 1.5rem; }

/* Vitrin: PDP (Yeni Vitrin İskeleti) */
.pdp {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    gap: 1.75rem; margin: 1rem auto 2rem; align-items: start;
}
.pdp__gallery, .pdp__info {
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 18px;
    padding: clamp(1.15rem, 2.5vw, 1.75rem);
    box-shadow: var(--theme-shadow-card, 0 4px 18px rgb(16 24 40 / .04));
}
.pdp__main-image {
    position: relative; aspect-ratio: 1; border-radius: 14px; overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8faf9 100%);
    border: 1px solid var(--color-border, #eef1f0);
}
.pdp__main-image img { width: 100%; height: 100%; object-fit: contain; padding: .75rem; }
.pdp__badges {
    position: absolute; top: .85rem; left: .85rem;
    display: flex; flex-wrap: wrap; gap: .4rem; z-index: 2;
}
.pdp__original-seal {
    position: absolute; bottom: .85rem; right: .85rem; z-index: 2;
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .38rem .75rem; border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary, #1f4e5f) 92%, #000);
    color: #fff; font-size: .76rem; font-weight: 700;
    box-shadow: 0 4px 12px rgb(16 24 40 / .16);
}
.pdp__original-seal svg { width: 1rem; height: 1rem; color: var(--color-accent, #c9a96e); flex: none; }
.pdp__no-image { width: 100%; height: 100%; }
.pdp__thumbs { display: flex; flex-wrap: wrap; gap: .6rem; list-style: none; padding: 0; margin: .9rem 0 0; }
.pdp__thumbs > li[hidden] { display: none !important; }
.pdp__thumb {
    padding: .2rem; border: 2px solid var(--color-border, #e5e7eb);
    border-radius: 10px; background: #fff; cursor: pointer;
    transition: border-color .15s ease, transform .15s ease;
}
.pdp__thumb:hover { border-color: color-mix(in srgb, var(--color-primary, #1f4e5f) 55%, #fff); }
.pdp__thumb.is-active { border-color: var(--color-primary, #1f4e5f); box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary, #1f4e5f) 16%, transparent); }
.pdp__thumb img { display: block; object-fit: contain; border-radius: 6px; width: 72px; height: 72px; }

.pdp__brand-row {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem;
    margin-bottom: .4rem;
}
.pdp__brand { margin: 0; font-weight: 700; font-size: .925rem; display: inline-flex; align-items: center; gap: .5rem; }
.pdp__brand a { color: var(--color-primary, #1f4e5f); text-decoration: none; }
.pdp__brand a:hover { text-decoration: underline; }
.pdp__verified-pill {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .25rem .65rem; border-radius: 999px;
    background: color-mix(in srgb, var(--color-accent, #c9a96e) 18%, #fff);
    border: 1px solid color-mix(in srgb, var(--color-accent, #c9a96e) 45%, #fff);
    color: #5c4316; font-size: .75rem; font-weight: 700;
}
.pdp__verified-pill svg { width: .95rem; height: .95rem; color: #8c6520; flex: none; }

.pdp__title {
    font-size: clamp(1.3rem, 2.2vw, 1.7rem); line-height: 1.28;
    margin: .25rem 0 .65rem; color: var(--color-text, #162024); font-weight: 800;
}
.pdp__meta-strip {
    display: flex; flex-wrap: wrap; gap: .45rem .9rem;
    padding: .55rem .8rem; border-radius: 10px;
    background: #f6f9f8; border: 1px solid var(--color-border, #e5e7eb);
    font-size: .8125rem; color: var(--color-muted, #5f6c72); margin-bottom: .85rem;
}
.pdp__code, .pdp__meta-item { margin: 0; }
.pdp__meta-strip strong { color: var(--color-text, #1f2937); font-weight: 700; }
.pdp__rating { margin: 0 0 .75rem; font-size: .9rem; font-weight: 600; }
.pdp__rating a { color: #b45309; text-decoration: none; }

.pdp__price-box {
    padding: .95rem 1.15rem; border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary, #1f4e5f) 5%, #fff) 0%, #fff 100%);
    border: 1px solid color-mix(in srgb, var(--color-primary, #1f4e5f) 16%, #e5e7eb);
    margin: .75rem 0;
}
.pdp__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .65rem; margin: 0; }
.pdp__price strong { font-size: clamp(1.55rem, 2.5vw, 2rem); color: var(--color-primary, #1f4e5f); font-weight: 800; }
.pdp__price del { color: var(--color-muted, #6b7280); font-size: 1rem; font-weight: 600; }
.pdp__tax-note { margin: .25rem 0 0; font-size: .76rem; color: var(--color-muted, #6b7280); }

.pdp__stock {
    display: inline-flex; align-items: center; gap: .4rem;
    font-weight: 700; font-size: .85rem; margin: .25rem 0 1rem;
    padding: .28rem .7rem; border-radius: 999px;
}
.pdp__stock.is-in { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.pdp__stock.is-out { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

.pdp__buy { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; margin-bottom: 1rem; }
.pdp__variants { flex-basis: 100%; border: 0; padding: 0; margin: 0 0 .35rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.pdp__variants legend { font-weight: 700; font-size: .85rem; margin-bottom: .4rem; color: var(--color-text, #222); }
.pdp__variant { display: inline-flex; }
.pdp__variant input { position: absolute; opacity: 0; }
.pdp__variant span {
    padding: .5rem .95rem; border: 1px solid var(--color-border, #d1d5db);
    border-radius: 10px; background: #fff; cursor: pointer; font-size: .875rem; font-weight: 600;
    transition: border-color .15s ease, background .15s ease;
}
.pdp__variant input:checked + span {
    border-color: var(--color-primary, #1f4e5f);
    background: color-mix(in srgb, var(--color-primary, #1f4e5f) 8%, #fff);
    color: var(--color-primary, #1f4e5f); font-weight: 700;
}
.pdp__variant input:focus-visible + span { outline: 2px solid var(--color-primary, #1f4e5f); outline-offset: 2px; }
.pdp__qty { display: flex; flex-direction: column; gap: .25rem; font-size: .8rem; font-weight: 600; color: var(--color-muted, #555); }
.pdp__qty input { width: 5.25rem; height: 2.75rem; border-radius: 10px; text-align: center; font-weight: 700; }
.pdp__add-btn { flex: 1; min-width: 11rem; height: 2.75rem; border-radius: 10px; font-weight: 700; font-size: .95rem; }
.pdp__fav-btn { width: 2.75rem; height: 2.75rem; border-radius: 10px; }
.pdp__short { margin: .75rem 0 1rem; color: var(--color-muted, #4b5563); line-height: 1.55; font-size: .925rem; }

.pdp__trust-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .65rem; margin-top: 1.15rem; padding-top: 1.15rem;
    border-top: 1px solid var(--color-border, #e5e7eb);
}
.pdp__trust-item {
    display: flex; align-items: flex-start; gap: .6rem;
    padding: .65rem .75rem; border-radius: 12px;
    background: #f8faf9; border: 1px solid var(--color-border, #edf1f0);
}
.pdp__trust-icon {
    width: 2rem; height: 2rem; border-radius: 8px; flex: none;
    background: color-mix(in srgb, var(--color-primary, #1f4e5f) 10%, #fff);
    color: var(--color-primary, #1f4e5f); display: grid; place-items: center;
}
.pdp__trust-icon svg { width: 1.15rem; height: 1.15rem; }
.pdp__trust-item strong { display: block; font-size: .8rem; color: var(--color-text, #1f2937); margin-bottom: .1rem; }
.pdp__trust-item span { display: block; font-size: .74rem; color: var(--color-muted, #6b7280); line-height: 1.35; }
.pdp__trust-item a { color: var(--color-primary, #1f4e5f); text-decoration: underline; }

.pdp-tabs { margin-bottom: 2rem; }
.pdp-tabs__card {
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 18px;
    padding: clamp(1rem, 2.2vw, 1.6rem);
    box-shadow: var(--theme-shadow-card, 0 4px 18px rgb(16 24 40 / .04));
}
.pdp-tabs__list {
    display: flex; gap: .35rem; border-bottom: 1px solid var(--color-border, #e5e7eb);
    overflow-x: auto; padding-bottom: .15rem;
}
.pdp-tabs__list [role="tab"] {
    background: none; border: 0; border-bottom: 3px solid transparent;
    padding: .75rem 1.1rem; cursor: pointer; font: inherit; font-weight: 600;
    color: var(--color-muted, #6b7280); white-space: nowrap;
    transition: color .15s ease, border-color .15s ease;
}
.pdp-tabs__list [role="tab"]:hover { color: var(--color-primary, #1f4e5f); }
.pdp-tabs__list [aria-selected="true"] {
    border-bottom-color: var(--color-primary, #1f4e5f);
    color: var(--color-primary, #1f4e5f); font-weight: 750;
}
.pdp-tabs__panel { padding: 1.25rem .25rem .25rem; }
.pdp-tabs__panel h2 { font-size: 1.15rem; color: var(--color-primary, #1f4e5f); margin: 0 0 .75rem; }
.pdp-tabs__prose p { margin: 0 0 .75rem; line-height: 1.65; color: var(--color-text, #2b3438); }
.pdp-tabs__prose p:last-child { margin-bottom: 0; }
.pdp-attributes {
    display: grid; grid-template-columns: minmax(9rem, max-content) 1fr;
    gap: .55rem 1.5rem; margin: 0;
}
.pdp-attributes dt {
    font-weight: 700; color: var(--color-muted, #4b5563);
    padding: .4rem .65rem; background: #f8faf9; border-radius: 8px;
}
.pdp-attributes dd {
    margin: 0; padding: .4rem .65rem; font-weight: 600;
    color: var(--color-text, #1f2937); border-bottom: 1px solid #f1f5f4;
}
.catalog-carousel { margin-bottom: 2rem; }

@media (max-width: 960px) {
    .catalog-listing__layout { grid-template-columns: 1fr; }
    .catalog-filters { display: none; }
    .catalog-filters.is-open { display: block; }
    .catalog-toolbar__filter-toggle { display: inline-flex; }
    .pdp { grid-template-columns: 1fr; }
}

/* /markalar A–Z */
.brand-index { padding-bottom: 2.5rem; }
.brand-index h1 { font-size: 1.5rem; }
.brand-index__letters {
    display: flex; flex-wrap: wrap; gap: .35rem; margin: 0 0 1.75rem;
    position: sticky; top: 4.25rem; z-index: 10;
    background: rgb(247 247 245 / .92); backdrop-filter: blur(8px);
    padding: .65rem .85rem; border-radius: 14px; border: 1px solid var(--color-border, #e5e7eb);
    box-shadow: 0 4px 14px rgb(16 24 40 / .04);
}
.brand-index__letters a {
    min-width: 2.3rem; padding: .35rem .55rem; text-align: center;
    border: 1px solid var(--color-border, #e5e7eb); border-radius: 8px;
    text-decoration: none; background: var(--color-surface, #fff); color: var(--color-primary, #1f4e5f);
    font-weight: 700; font-size: .875rem; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.brand-index__letters a:hover { background: var(--color-primary, #1f4e5f); color: #fff; border-color: var(--color-primary, #1f4e5f); }
.brand-index__group { scroll-margin-top: 8.5rem; margin-bottom: 1.75rem; }
.brand-index__group-head {
    display: flex; align-items: baseline; justify-content: space-between; gap: .75rem;
    border-bottom: 1px solid var(--color-border, #e5e7eb); padding-bottom: .4rem; margin-bottom: .85rem;
}
.brand-index__group h2 { font-size: 1.35rem; font-weight: 800; color: var(--color-primary, #1f4e5f); margin: 0; border: 0; padding: 0; }
.brand-index__group-count { font-size: .8rem; font-weight: 600; color: var(--color-muted, #6b7280); }
.brand-index__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.brand-index__item {
    display: flex; align-items: center; gap: .85rem;
    padding: .85rem 1rem; background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb); border-radius: 14px;
    text-decoration: none; color: inherit; box-shadow: 0 2px 6px rgb(16 24 40 / .03);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.brand-index__item:hover { border-color: var(--color-primary, #1f4e5f); transform: translateY(-2px); box-shadow: 0 10px 22px rgb(31 78 95 / .09); }
.brand-index__avatar {
    width: 52px; height: 52px; flex: none; border-radius: 12px; overflow: hidden;
    background: linear-gradient(135deg, #eef6f7, #f7f2e7); border: 1px solid rgb(31 78 95 / .12);
    display: grid; place-items: center;
}
.brand-index__avatar img { width: 100%; height: 100%; object-fit: contain; padding: .2rem; background: #fff; }
.brand-index__initial { font-size: 1.25rem; font-weight: 800; color: var(--color-primary, #1f4e5f); }
.brand-index__body { display: grid; gap: .2rem; min-width: 0; }
.brand-index__name { font-weight: 750; font-size: .95rem; color: var(--color-text, #222); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-index__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.brand-index__count { font-size: .78rem; color: var(--color-muted, #6b7280); font-weight: 500; }
.brand-index__auth-badge {
    font-size: .68rem; font-weight: 700; color: #0f5132; background: #e6f4ea;
    padding: .1rem .45rem; border-radius: 999px;
}