/* Katalog modülü — yalnızca --dj-* token'ları ve .katalog- önekli sınıflar */
.katalog-grid{display:grid;gap:var(--dj-gap,24px);grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.katalog-grid--2{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr))}
.katalog-grid--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.katalog-more{margin-top:36px;text-align:center}

/* mağaza düzeni: kategori kenar çubuğu + sonuçlar */
.katalog-shop{display:grid;gap:36px;align-items:start}
@media(min-width:1000px){.katalog-shop{grid-template-columns:240px minmax(0,1fr);gap:48px}}
.katalog-results{min-width:0}
.katalog-cats h2{margin:0 0 14px;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--dj-muted)}
.katalog-cats ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.katalog-cats ul ul{margin:2px 0 6px 14px;padding-left:12px;border-left:2px solid var(--dj-border)}
.katalog-cats a{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:var(--dj-radius-md);color:var(--dj-text);text-decoration:none;font-weight:500}
.katalog-cats a:hover{background:var(--dj-bg-alt)}
.katalog-cats a.is-active{background:var(--dj-primary-soft);color:var(--dj-primary-text,var(--dj-primary));font-weight:700}
@media(max-width:999px){
  .katalog-cats ul:not(ul ul){display:flex;flex-wrap:wrap;gap:8px}
  .katalog-cats ul:not(ul ul)>li>a{border:1px solid var(--dj-border);border-radius:999px;padding:0 16px}
  .katalog-cats ul ul{display:none}
}
.katalog-bar{display:grid;gap:14px;grid-template-columns:1fr;align-items:end}
@media(min-width:700px){.katalog-bar{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto}}
.katalog-bar :is(input,select){height:52px;min-height:52px;box-sizing:border-box}
.katalog-bar .dj-btn{min-height:52px}
.katalog-bar input[type="search"]{-webkit-appearance:none;appearance:none}
.katalog-bar__reset{grid-column:1/-1;justify-self:start;font-size:.9rem;color:var(--dj-muted)}
.katalog-count{margin:22px 0 18px;color:var(--dj-muted);font-size:.95rem}
.katalog-flash{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;margin-bottom:18px}
.katalog-flash a{font-weight:700}

/* kart */
.katalog-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.katalog-card__media{position:relative;display:block;aspect-ratio:4/3;background:var(--dj-bg-alt);overflow:hidden}
.katalog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--dj-ease,ease)}
.katalog-card:hover .katalog-card__media img{transform:scale(1.04)}
.katalog-card__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--dj-muted)}
.katalog-card__ph .ic{width:44px;height:44px}
.katalog-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--dj-surface);color:var(--dj-text);box-shadow:0 2px 8px rgb(0 0 0 / .12)}
.katalog-badge--dark{background:var(--dj-dark,#1c1c1c);color:var(--dj-dark-ink,#fff)}
.katalog-card__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.katalog-card__cat{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dj-muted)}
.katalog-card__body h3{margin:0;font-size:1.08rem;line-height:1.35}
.katalog-card__body h3 a{color:inherit;text-decoration:none}
.katalog-card__body h3 a:hover{color:var(--dj-primary-text,var(--dj-primary))}
.katalog-card__id{margin:0;font-size:.82rem;color:var(--dj-muted)}
.katalog-card__sum{margin:0;font-size:.92rem;color:var(--dj-muted)}
.katalog-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--dj-border)}
.katalog-card__foot form{margin:0}

/* fiyat */
.katalog-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.katalog-price strong{font:700 1.2rem/1.2 var(--dj-font-heading,inherit);color:var(--dj-primary-text,var(--dj-primary))}
.katalog-price del{color:var(--dj-muted);font-size:.95rem}
.katalog-price small{color:var(--dj-muted);font-size:.8rem}
.katalog-price--quote strong{font-size:1rem;font-weight:600;color:var(--dj-muted)}

/* ürün sayfası */
.katalog-layout{display:grid;gap:40px;align-items:start}
.katalog-main{min-width:0}
.katalog-side{display:grid;gap:20px;min-width:0}
@media(min-width:1000px){
  .katalog-layout{grid-template-columns:minmax(0,1fr) 400px;gap:56px}
  .katalog-side{position:sticky;top:96px}
}
.katalog-gallery__main{margin:0;aspect-ratio:4/3;border-radius:var(--dj-radius-lg);overflow:hidden;background:var(--dj-bg-alt)}
.katalog-gallery__main img{width:100%;height:100%;object-fit:contain}
.katalog-gallery__thumbs{display:flex;gap:10px;margin:12px 0 0;padding:0 0 6px;list-style:none;overflow-x:auto}
.katalog-gallery__thumbs a{display:block;width:84px;aspect-ratio:4/3;border-radius:var(--dj-radius-md);overflow:hidden;border:2px solid transparent;opacity:.75;transition:opacity .2s,border-color .2s}
.katalog-gallery__thumbs a:hover,.katalog-gallery__thumbs a[aria-current="true"]{opacity:1;border-color:var(--dj-primary)}
.katalog-gallery__thumbs img{width:100%;height:100%;object-fit:cover}
.katalog-block{margin-top:44px}
.katalog-gallery+.katalog-block{margin-top:36px}
.katalog-block h2{margin:0 0 16px;font-size:var(--dj-fs-h3,1.4rem)}
.katalog-features{display:grid;gap:10px 24px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));padding:0;list-style:none}
.katalog-specs th{width:40%;font-weight:600;color:var(--dj-muted)}
.katalog-buy{display:grid;gap:14px;padding:26px}
.katalog-buy h3,.katalog-buy p{margin:0}
.katalog-stock{font-size:.9rem;font-weight:600}
.katalog-stock--in_stock{color:var(--dj-primary-text,var(--dj-primary))}
.katalog-stock--out_of_stock,.katalog-stock--on_request{color:var(--dj-muted)}
.katalog-facts{display:grid;gap:8px;margin:0;padding:14px 16px;background:var(--dj-bg-alt);border-radius:var(--dj-radius-md)}
.katalog-facts div{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}
.katalog-facts dt{color:var(--dj-muted)}
.katalog-facts dd{margin:0;font-weight:600;text-align:right}
.katalog-addform :is(input,select){height:52px;min-height:52px;box-sizing:border-box}
.katalog-rowadd{margin:0}
.katalog-variants .dj-btn{white-space:nowrap}
@media(max-width:700px){
  .katalog-variants thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .katalog-variants tr{display:grid;gap:6px;padding:16px;border-bottom:1px solid var(--dj-border)}
  .katalog-variants tr:last-child{border-bottom:0}
  .katalog-variants :is(th,td){display:block;padding:0;border:0;background:none}
  .katalog-variants [data-label]::before{content:attr(data-label)": ";font-size:.8rem;color:var(--dj-muted);font-weight:500}
}

/* teklif listesi */
.katalog-lines{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.katalog-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:6px 16px;align-items:center;padding:14px 16px;background:var(--dj-surface);border:1px solid var(--dj-border);border-radius:var(--dj-radius-lg)}
.katalog-line__img{display:block;width:72px;aspect-ratio:1;border-radius:var(--dj-radius-md);overflow:hidden;background:var(--dj-bg-alt)}
.katalog-line__img img{width:100%;height:100%;object-fit:cover}
.katalog-line__info{display:grid;gap:2px;min-width:0;font-size:.92rem}
.katalog-line__info a{color:inherit;text-decoration:none}
.katalog-line__price{font-weight:600;color:var(--dj-primary-text,var(--dj-primary))}
.katalog-line__qty{display:flex;align-items:center;gap:8px}
.katalog-line__qty input{width:84px;height:46px;padding:0 12px;border:1.5px solid var(--dj-border);border-radius:var(--dj-radius-md);background:var(--dj-bg);color:var(--dj-text)}
.katalog-line__rm{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--dj-muted);cursor:pointer}
.katalog-line__rm:hover{background:var(--dj-bg-alt);color:var(--dj-text)}
.katalog-line__rm .ic{width:18px;height:18px}
@media(max-width:640px){.katalog-line{grid-template-columns:64px minmax(0,1fr) auto}.katalog-line__img{width:64px}.katalog-line__qty{grid-column:2/3}}
.katalog-basket-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px}
.katalog-basket-continue{color:var(--dj-muted);font-size:.92rem}
.katalog-empty{grid-column:1/-1;display:grid;gap:12px;justify-items:center;padding:48px 20px}
.katalog-empty p{margin:0}
.katalog-thanks{display:grid;gap:18px;padding:clamp(24px,3.4vw,40px)}
.katalog-thanks h2,.katalog-thanks p{margin:0}
.katalog-thanks__items{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.katalog-thanks__items li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--dj-border)}
.katalog-headlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--dj-border);color:inherit;text-decoration:none;font-size:.88rem;font-weight:600;white-space:nowrap}
.katalog-headlink .ic{width:18px;height:18px}
.katalog-headlink b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--dj-primary);color:var(--dj-primary-ink);font-size:.78rem}
@media(max-width:1100px){.katalog-headlink span{display:none}}

/* bölümler */
.katalog-catgrid{display:grid;gap:var(--dj-gap,20px);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.katalog-cat{display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none;color:inherit}
.katalog-cat__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--dj-bg-alt)}
.katalog-cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--dj-ease,ease)}
.katalog-cat:hover .katalog-cat__media img{transform:scale(1.04)}
.katalog-cat__icon{display:grid;place-items:center;width:52px;height:52px;margin:22px 22px 0;border-radius:var(--dj-radius-md);background:var(--dj-primary-soft);color:var(--dj-primary-text,var(--dj-primary))}
.katalog-cat__icon .ic{width:24px;height:24px}
.katalog-cat__body{display:grid;gap:4px;padding:18px 22px 22px}
.katalog-cat__body strong{font-size:1.1rem}
.katalog-cat__body small{color:var(--dj-muted)}
.katalog-cat__body em{font-style:normal;font-size:.85rem;color:var(--dj-primary-text,var(--dj-primary));font-weight:600}
.katalog-models{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.katalog-model{display:grid;gap:12px 22px;grid-template-columns:96px minmax(0,1fr);align-items:center;padding:16px 20px}
.katalog-model__img{display:block;width:96px;aspect-ratio:1;border-radius:var(--dj-radius-md);overflow:hidden;background:var(--dj-bg-alt)}
.katalog-model__img img{width:100%;height:100%;object-fit:cover}
.katalog-model__info h3{margin:0 0 6px;font-size:1.1rem}
.katalog-model__info h3 a{color:inherit;text-decoration:none}
.katalog-model__info p{margin:0}
.katalog-model__buy{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
@media(min-width:800px){.katalog-model{grid-template-columns:96px minmax(0,1fr) auto}.katalog-model__buy{grid-column:auto;display:grid;justify-items:end}}
.katalog-models--compact .katalog-model{padding:10px 16px}
.katalog-models--compact .katalog-model__img{width:64px}
.katalog-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.katalog-chips li{padding:3px 12px;border-radius:999px;background:var(--dj-bg-alt);border:1px solid var(--dj-border);font-size:.82rem}