/* Source: kabasakal/epin_files/theme.css and epin.html; page-scoped variables only. */
.epin-reference{
    --container:1680px;
    --background:lab(8% 1 -3);
    --foreground:lab(95% 0 0);
    --primary:lab(77.6545% 24.3055 63.7016);
    --card:lab(12% 1 -3);
    --muted:lab(15% 0 0);
    --muted-foreground:lab(70% 0 0);
    --border:lab(25% 0 0);
    --gray-text:lab(70% 0 0);
    background:var(--background);
    color:var(--foreground);
}
.home-section{padding:64px 0 52px}
.home-section + .home-section{padding-top:32px}
.home-section__inner{max-width:var(--container);margin:0 auto;padding:0 24px}

.home-section__head{
    display:flex;align-items:center;justify-content:space-between;
    gap:20px;margin-bottom:24px;flex-wrap:wrap;
}
.home-section__title{display:flex;align-items:center;gap:16px}
.home-section__icon{
    width:48px;height:48px;display:grid;place-items:center;
    background:#f70000;
    border:0;
    border-radius:14px;
    color:#fff;font-size:22px;
    box-shadow:0 10px 24px -10px rgba(247,0,0,.55);
}
.home-section__title h2{
    margin:0;font-size:clamp(20px,1.8vw,26px);
    font-weight:800;letter-spacing:-.02em;
    color:var(--foreground);
}
.home-section__title p{
    margin:2px 0 0;font-size:13px;color:var(--gray-text);
}
.home-section__actions{display:flex;align-items:center;gap:8px}
.cat-hero{
    position:relative;isolation:isolate;overflow:hidden;
    padding:56px 0 64px;
    min-height:240px;
    background:#0a0e16 center/cover no-repeat;
    color:#fff;
    display:flex;align-items:flex-end;
}
.cat-hero--no-cover{
    background:
        radial-gradient(60% 60% at 18% 0%, color-mix(in srgb,var(--primary) 18%,#0a0e16) 0%, #0a0e16 75%),
        #0a0e16;
}
.cat-hero__veil,
.cat-hero__glow{display:none}
/* Resmi karartmak için tek katmanlı overlay */
.cat-hero::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:rgba(0,0,0,.5);
}
.cat-hero__inner{position:relative;z-index:2}
.cat-hero__inner{
    position:relative;z-index:3;
    width:100%;
    max-width:var(--container);margin:0 auto;padding:0 24px;
}
.cat-crumb-nav{
    display:flex;align-items:center;gap:8px;
    color:rgba(255,255,255,.7);font-size:12px;font-weight:500;
    margin-bottom:18px;
    flex-wrap:wrap;
}
.cat-crumb-nav a{
    color:rgba(255,255,255,.7);text-decoration:none;
    transition:color .15s;
}
.cat-crumb-nav a:hover{color:#fff}
.cat-crumb-nav a > i{font-size:14px}
.cat-crumb-sep{opacity:.4}
.cat-crumb-nav .is-active{color:#fff;font-weight:600}

.cat-hero__head{
    display:flex;align-items:center;gap:20px;
    flex-wrap:wrap;
}
.cat-hero__icon{
    width:56px;height:56px;flex-shrink:0;
    display:grid;place-items:center;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    border-radius:14px;
    box-shadow:0 12px 28px -16px rgba(0,0,0,.45);
}
.cat-hero__icon i{font-size:28px;color:#fff}
.cat-hero__icon--img{padding:0;overflow:hidden;background:transparent !important}
.cat-hero__icon--img img{width:100%;height:100%;object-fit:cover;display:block}
.cat-hero__title{
    margin:0;
    font-size:clamp(22px,3.2vw,36px);
    font-weight:800;letter-spacing:-.02em;line-height:1.1;
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.cat-hero__sub{
    margin:6px 0 0;max-width:680px;
    color:rgba(255,255,255,.72);
    font-size:14px;line-height:1.5;
    text-shadow:0 1px 8px rgba(0,0,0,.3);
}
.cat-hero__desc{
    margin:10px 0 0;max-width:720px;
    color:rgba(255,255,255,.62);
    font-size:13px;line-height:1.55;
    text-shadow:0 1px 8px rgba(0,0,0,.25);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

.view-toggle{
    display:inline-flex;gap:2px;
    background:var(--muted);
    border:1px solid var(--border);
    border-radius:10px;
    padding:3px;
}
.view-toggle__btn{
    display:grid;place-items:center;
    width:36px;height:32px;
    background:transparent;border:0;cursor:pointer;
    color:var(--muted-foreground);
    border-radius:7px;
    transition:background .15s,color .15s;
}
.view-toggle__btn i{font-size:16px}
.view-toggle__btn:hover{color:var(--foreground)}
.view-toggle__btn.is-on{
    background:var(--card);
    color:var(--primary);
    box-shadow:0 1px 3px rgba(0,0,0,.08);
}

/* ── Ürün listesi — premium kart ───────────────────────────────── */
.cat-products-wrap{padding-top:36px}
.prod-search{position:relative;display:inline-flex;align-items:center}
.prod-search i{position:absolute;left:11px;color:var(--muted-foreground);font-size:14px;pointer-events:none;z-index:2}
.prod-search input{
    height:36px;padding:0 12px 0 32px;
    border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);border-radius:8px;
    background:color-mix(in srgb,var(--card) 55%,transparent);color:var(--foreground);
    -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
    font:inherit;font-size:13px;
    min-width:200px;outline:none;
    transition:border-color .15s,box-shadow .15s;
}
.prod-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.prod-search input::-webkit-search-cancel-button{appearance:none}
.prod-search input{padding-right:32px}
.prod-search__clear{
    position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;
    width:22px;height:22px;display:grid;place-items:center;
    border-radius:50%;color:var(--muted-foreground);text-decoration:none;
    transition:all .15s ease;
}
.prod-search__clear:hover{background:var(--muted);color:var(--foreground)}
.prod-search__clear i{position:static;font-size:14px;color:inherit}
.prod-empty-search{padding:40px 20px;text-align:center;color:var(--muted-foreground);border:1px dashed var(--border);border-radius:14px;background:var(--card)}
.prod-empty-search i{font-size:34px;display:block;margin-bottom:8px;opacity:.7;color:var(--primary)}
.prod-empty-search p{margin:0;font-size:13.5px}
@media (max-width:600px){.prod-search input{min-width:0;width:100%}}
.cat-products{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}
@media (max-width:1280px){.cat-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media (max-width:1100px){.cat-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media (max-width:780px){.cat-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.cat-products--list{
    display:flex;flex-direction:column;gap:8px;
}
.cat-products--list .prod-card{
    flex-direction:row;
    align-items:stretch;
}
.cat-products--list .prod-card__cover{
    width:136px;flex-shrink:0;aspect-ratio:1/1;
}
/* Body: sol info kolonu (brand/name/sub/meta) + sağda tek satır halinde price/qty/actions */
.cat-products--list .prod-card__body{
    flex:1;display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
    grid-template-rows:auto auto auto auto;
    grid-template-areas:
        "brand  price qty actions"
        "name   price qty actions"
        "sub    price qty actions"
        "meta   price qty actions";
    column-gap:12px;row-gap:1px;
    padding:10px 14px;align-items:center;
}
.cat-products--list .prod-card__body > .prod-card__brand   {grid-area:brand;align-self:end;margin:0}
.cat-products--list .prod-card__body > .prod-card__name    {grid-area:name;margin:0;font-size:14.5px;-webkit-line-clamp:1;min-height:0}
.cat-products--list .prod-card__body > .prod-card__sub     {grid-area:sub;margin:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;color:var(--muted-foreground)}
.cat-products--list .prod-card__body > .prod-card__meta-row{grid-area:meta;justify-self:start;align-self:start;margin-top:4px}

.cat-products--list .prod-card__body > .prod-card__price-block{
    grid-area:price;justify-self:end;align-self:center;
    padding:6px 10px;min-width:130px;justify-content:flex-end;
}
.cat-products--list .prod-card__price-unit{margin-left:6px}

.cat-products--list .prod-card__body > .prod-card__qty{
    grid-area:qty;justify-self:end;align-self:center;height:32px;
}
.cat-products--list .prod-card__qty-btn{width:28px;height:30px}
.cat-products--list .prod-card__qty-input{width:36px;height:30px}

.cat-products--list .prod-card__body > .prod-card__actions{
    grid-area:actions;justify-self:end;align-self:center;
    display:flex;gap:6px;margin:0;
}
.cat-products--list .prod-card__cart,
.cat-products--list .prod-card__buy{padding:0 12px;min-width:100px;height:32px;font-size:12px}
.cat-products--list .prod-card__sell{height:32px;padding:0 10px}
.cat-products--list .prod-card__badge{top:8px;left:8px}
.prod-card{
    --prod-radius:16px;
    position:relative;
    display:flex;flex-direction:column;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--prod-radius);
    overflow:hidden;
    transition:transform .2s,border-color .2s,box-shadow .25s;
}
.prod-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--primary) 50%,var(--border));
    box-shadow:0 18px 32px -16px color-mix(in srgb,var(--primary) 25%,rgba(0,0,0,.25));
}

/* ═══ Ürün kartları cam — pure-white (--card lab100%) sıcak sayfa bg üstünde
   sırıtıyordu. Yarı-saydam → sayfa sıcak tonu sızar, beyazlık kırılır + hafif frost.
   Grid'de çok kart var → blur mobilde KAPALI (perf). @supports fallback opak. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .prod-card{
      background:color-mix(in srgb,var(--card) 70%,transparent);
      -webkit-backdrop-filter:blur(12px) saturate(160%);
      backdrop-filter:blur(12px) saturate(160%);
  }
  html[data-theme="dark"] .prod-card{
      background:color-mix(in srgb,var(--card) 62%,transparent);
  }
  /* Mobil: çok kartlı grid'de blur pahalı → kapat, dolguyu opaklaştır */
  @media (max-width:780px){
      .prod-card{
          -webkit-backdrop-filter:none;backdrop-filter:none;
          background:color-mix(in srgb,var(--card) 88%,transparent);
      }
      html[data-theme="dark"] .prod-card{background:color-mix(in srgb,var(--card) 84%,transparent)}
  }
}
.prod-card.is-oos{opacity:.7}
/* Bize Sat aktifse: kart opacity'sini geri al — sell akışı canlı kalsın */
.prod-card.is-oos.has-buy{opacity:1}
.prod-card.is-oos.has-buy .prod-card__cover,
.prod-card.is-oos.has-buy .prod-card__name,
.prod-card.is-oos.has-buy .prod-card__sub,
.prod-card.is-oos.has-buy .prod-card__price-block,
.prod-card.is-oos.has-buy .prod-card__cart,
.prod-card.is-oos.has-buy .prod-card__buy{opacity:.6}
.prod-card.is-oos.has-buy .prod-card__sell{opacity:1;filter:none}

.prod-card__badge{
    position:absolute;top:10px;left:10px;z-index:3;
    display:inline-flex;align-items:center;
    padding:5px 10px;
    background:linear-gradient(135deg,#dc2626,#ef4444);
    color:#fff;
    border-radius:8px;
    font-size:11px;font-weight:800;letter-spacing:.04em;
    box-shadow:0 6px 14px -4px rgba(220,38,38,.55);
}
.prod-card__badge--inline{
    position:static;
    padding:2px 6px;
    gap:3px;
    background:color-mix(in srgb,#dc2626 12%, transparent);
    color:#dc2626;
    border-radius:4px;
    font-size:10.5px;font-weight:700;letter-spacing:.02em;
    box-shadow:none;
    white-space:nowrap;
    align-self:center;
}
.prod-card__badge--inline i{font-size:11px}
/* List (yatay) görünümde: indirim badge'i fiyatın altına alın, satır kaymasın */
.cat-products--list .prod-card__badge--inline{
    flex-basis:100%;
    margin-top:2px;
    align-self:flex-end;
    margin-left:auto;
	max-width: 100px;
}

.prod-card__cover{
    position:relative;aspect-ratio:5/6;overflow:hidden;
    background:linear-gradient(135deg,#0f1320 0%,#1a2030 100%);
    display:grid;place-items:center;
    text-decoration:none;
}
.prod-card__cover img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .55s ease-out;
}
.prod-card:hover .prod-card__cover img{transform:scale(1.05)}
.prod-card__icon-wrap{
    width:100%;height:100%;
    display:grid;place-items:center;
}
.prod-card__icon-wrap i{font-size:78px;color:rgba(255,255,255,.45)}

.prod-card__body{
    padding:12px 14px 14px;
    display:flex;flex-direction:column;gap:8px;
    flex:1;
}
.prod-card__body > .prod-card__actions{margin-top:auto}
.prod-card__brand{
    display:inline-flex;align-items:center;gap:5px;
    font-size:11px;font-weight:700;letter-spacing:.02em;
    color:var(--muted-foreground);
    margin:0 0 4px;
    text-transform:uppercase;
}
.prod-card__brand-name{
    color:var(--foreground);opacity:.85;
}
.prod-card__brand-verified{
    color:#3b82f6;font-size:14px;line-height:1;
}
.prod-card__price-block{
    display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
    padding:4px 0;
    background:transparent;
    border:0;
}
.prod-card__price-unit{
    margin-left:auto;
    font-size:11px;font-weight:600;color:var(--muted-foreground);
}
.prod-card__head{display:flex;flex-direction:column;gap:2px;min-width:0}
.prod-card__name{
    margin:0;
    font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3;
    color:var(--foreground);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.prod-card__name a{color:inherit;text-decoration:none;transition:color .15s}
.prod-card__name a:hover{color:var(--primary)}
.prod-card__sub{
    margin:0;font-size:12px;color:var(--muted-foreground);
    line-height:1.4;
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.prod-card__buy-bar{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    padding:6px 8px;
    background:color-mix(in srgb,var(--primary) 7%,var(--card));
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));
    border-radius:10px;
    margin-top:auto;
}
.prod-card__price{
    display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0;
}
.prod-card__price-old{
    color:var(--muted-foreground);
    font-size:11px;font-weight:500;
    text-decoration:line-through;
    opacity:.75;
}
.prod-card__price-new{
    font-size:16px;font-weight:800;letter-spacing:-.02em;
    color:var(--primary);
    line-height:1;
}

.prod-card__meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prod-card__stock{
    display:inline-flex;align-items:center;gap:5px;
    font-size:11px;font-weight:600;
    padding:3px 0;
    width:fit-content;
}
.prod-card__stock i{font-size:13px}
.prod-card__stock--ok{color:#16a34a}
.prod-card__stock--low{color:#f59e0b}
.prod-card__stock--oos{color:#dc2626}

.prod-card__chip{
    display:inline-flex;align-items:center;gap:4px;
    padding:3px 8px;
    background:color-mix(in srgb,var(--primary) 14%,var(--card));
    color:var(--primary);
    border-radius:6px;
    font-size:10.5px;font-weight:700;
    text-transform:uppercase;letter-spacing:.04em;
}
.prod-card__chip i{font-size:12px}

.prod-card__qty{
    display:flex;align-items:center;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:8px;
    overflow:hidden;
    height:30px;
    width:fit-content;
    flex-shrink:0;
}
.prod-card__qty-btn{
    width:26px;height:28px;
    background:transparent;border:0;cursor:pointer;
    color:var(--foreground);
    display:grid;place-items:center;
    transition:background .15s;
}
.prod-card__qty-btn:hover{background:var(--muted)}
.prod-card__qty-btn i{font-size:14px}
.prod-card__qty-input{
    width:34px;height:28px;
    border:0;outline:0;
    background:transparent;
    text-align:center;
    font-size:12.5px;font-weight:700;
    color:var(--foreground);
    -moz-appearance:textfield;
}
.prod-card__qty-input::-webkit-outer-spin-button,
.prod-card__qty-input::-webkit-inner-spin-button{
    -webkit-appearance:none;margin:0;
}

.prod-card__actions{
    display:grid;grid-template-columns:1fr 1fr;gap:6px;
    margin-top:auto;
}
.prod-card__actions.has-sell{
    grid-template-columns:1fr 1fr;
}
.prod-card__actions.has-sell .prod-card__sell{
    grid-column:1 / -1;
}
.prod-card__cart,
.prod-card__buy,
.prod-card__sell{
    display:inline-flex;align-items:center;justify-content:center;gap:5px;
    height:34px;padding:0 10px;
    border:0;cursor:pointer;
    border-radius:8px;
    font-size:12px;font-weight:700;font-family:inherit;
    letter-spacing:-.005em;
    transition:transform .12s,background .2s,box-shadow .2s,opacity .2s,border-color .2s;
}
.prod-card__cart i,.prod-card__buy i,.prod-card__sell i{font-size:14px}
.prod-card__cart{
    background:#0b0e16;color:#fff;
    border:1px solid rgba(255,255,255,.14);
}
.prod-card__cart:hover{
    background:#161b27;
    border-color:rgba(255,255,255,.24);
    color:#fff;
}
.prod-card__buy{
    background:color-mix(in srgb,var(--primary) 86%,transparent);
    color:#171717;
    border:1px solid color-mix(in srgb,#fff 22%,var(--primary));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 4px 10px -5px color-mix(in srgb,var(--primary) 55%,transparent);
}
.prod-card__buy:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 14px -6px color-mix(in srgb,var(--primary) 65%,transparent);
}
.prod-card__sell{
    justify-content:space-between;
    background:linear-gradient(135deg,#7f1d1d,#991b1b);
    color:#fff;
    border:1px solid #7f1d1d;
    padding:0 12px;
    box-shadow:0 4px 10px -5px rgba(127,29,29,.55);
}
.prod-card__sell:hover{
    background:linear-gradient(135deg,#991b1b,#b91c1c);
    border-color:#991b1b;
    box-shadow:0 8px 16px -6px rgba(127,29,29,.7);
    transform:translateY(-1px);
}
.prod-card__sell-lbl{
    display:inline-flex;align-items:center;gap:4px;
    font-size:11px;font-weight:800;
    text-transform:uppercase;letter-spacing:.05em;
    color:inherit;
}
.prod-card__sell-price{
    font-size:13px;font-weight:800;color:inherit;
    letter-spacing:-.01em;
}
.prod-card__cart:disabled,
.prod-card__buy:disabled,
.prod-card__sell:disabled,
.prod-card__cart[aria-disabled="true"],
.prod-card__buy[aria-disabled="true"],
.prod-card__sell[aria-disabled="true"]{
    opacity:.45 !important;
    cursor:not-allowed !important;
    transform:none !important;
    pointer-events:none;
    filter:grayscale(.4);
    background:color-mix(in srgb,var(--muted) 70%,transparent) !important;
    color:var(--muted-foreground) !important;
    border-color:var(--border) !important;
    box-shadow:none !important;
}
.prod-card__cart:disabled:hover,
.prod-card__buy:disabled:hover,
.prod-card__sell:disabled:hover{transform:none !important;background:color-mix(in srgb,var(--muted) 70%,transparent) !important}

/* ── Kategori sayfalama ───────────────────────────────────────── */
.cat-pagination{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:6px;margin-top:24px;padding:16px 8px;
}
.cat-pagination__btn{
    display:inline-flex;align-items:center;justify-content:center;gap:4px;
    min-width:36px;height:36px;padding:0 10px;
    border:1px solid var(--border);border-radius:8px;
    background:var(--card);color:var(--foreground);
    font-size:13px;font-weight:600;text-decoration:none;
    transition:all .2s ease;
}
.cat-pagination__btn:hover{
    background:color-mix(in srgb,var(--primary) 10%,var(--card));
    border-color:var(--primary);
}
.cat-pagination__btn.is-active{
    background:var(--primary);
    border-color:var(--primary);
    color:#000;cursor:default;
}
.cat-pagination__btn--nav{padding:0 14px}
.cat-pagination__sep{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:28px;height:36px;color:var(--muted-foreground);font-weight:700;
}
.pd-cart:disabled,
.pd-buy-now:disabled,
.pd-sell:disabled{
    opacity:.45 !important;cursor:not-allowed !important;transform:none !important;
    pointer-events:none;filter:grayscale(.4);
}

/* ═══ Liste görünümü — tablet (601–900px): dar ekranda 4-kolon grid sıkışıp
   fiyat/adet dikey kutu gibi yan yana eziliyordu. Bilgiyi üste stack et, fiyat +
   adet + aksiyonu altta tek yatay şeride al. Kapak solda kalır. */
@media (min-width:601px) and (max-width:900px){
    .cat-products--list .prod-card__body{
        grid-template-columns:auto auto minmax(0,1fr);
        grid-template-rows:auto auto auto auto auto;
        grid-template-areas:
            "brand brand brand"
            "name  name  name"
            "sub   sub   sub"
            "meta  meta  meta"
            "price qty   actions";
        column-gap:10px;row-gap:4px;align-items:center;
    }
    .cat-products--list .prod-card__body > .prod-card__brand,
    .cat-products--list .prod-card__body > .prod-card__name,
    .cat-products--list .prod-card__body > .prod-card__sub,
    .cat-products--list .prod-card__body > .prod-card__meta-row{
        justify-self:start;align-self:start;
    }
    .cat-products--list .prod-card__body > .prod-card__price-block{
        justify-self:start;min-width:0;padding-left:0;
    }
    .cat-products--list .prod-card__body > .prod-card__qty{justify-self:start}
    .cat-products--list .prod-card__body > .prod-card__actions{
        justify-self:stretch;flex-wrap:wrap;justify-content:flex-end;
    }
    .cat-products--list .prod-card__cart,
    .cat-products--list .prod-card__buy{min-width:0;flex:1 1 auto}
}

@media (max-width:600px){
    .cat-products{grid-template-columns:repeat(2,1fr);gap:8px}
    .prod-card__name{font-size:12.5px;min-height:32px}
    .prod-card__price-new{font-size:14.5px}
    .prod-card__body{padding:10px}
    .prod-card__actions{grid-template-columns:1fr 1fr}
    /* 2-kolon ızgarada dar kart: ikon + "Sepete Ekle" iki satıra kırılıyordu → ikon gizli, tek satır */
    .cat-products:not(.cat-products--list) .prod-card__cart,
    .cat-products:not(.cat-products--list) .prod-card__buy{padding:0 4px}
    .cat-products:not(.cat-products--list) .prod-card__cart i,
    .cat-products:not(.cat-products--list) .prod-card__buy i{display:none}
    .cat-products:not(.cat-products--list) .prod-card__cart span,
    .cat-products:not(.cat-products--list) .prod-card__buy span{font-size:11px}
    .prod-card__cart span,.prod-card__buy span,
    .prod-card__sell-lbl,.prod-card__sell-price{white-space:nowrap}
    .prod-card__badge{padding:4px 8px;font-size:10px}

    /* List mode mobilde column'a düş.
       ÖNEMLİ: body base'de display:grid → sadece flex-direction vermek grid'i
       bozmaz, 4-kolon grid kalır (fiyat/adet sıkışır). display:flex'e zorla +
       grid-area'ları sıfırla. */
    .cat-products--list .prod-card{flex-direction:column}
    .cat-products--list .prod-card__cover{width:100%;aspect-ratio:16/9}
    .cat-products--list .prod-card__body{
        display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;
        grid-template-columns:none;grid-template-areas:none;
        gap:8px;padding:12px;
    }
    .cat-products--list .prod-card__body > .prod-card__brand,
    .cat-products--list .prod-card__body > .prod-card__name,
    .cat-products--list .prod-card__body > .prod-card__sub,
    .cat-products--list .prod-card__body > .prod-card__meta-row,
    .cat-products--list .prod-card__body > .prod-card__price-block,
    .cat-products--list .prod-card__body > .prod-card__qty,
    .cat-products--list .prod-card__body > .prod-card__actions{
        justify-self:auto;align-self:auto;margin:0;
    }
    .cat-products--list .prod-card__price-block{min-width:0;justify-content:flex-start}
    .cat-products--list .prod-card__qty{align-self:flex-start}
    .cat-products--list .prod-card__buy-bar,
    .cat-products--list .prod-card__meta-row{align-items:flex-start;flex-direction:row}
    /* Masaüstü list kuralı (0,3,0) display:flex + min-width:100px veriyordu → mobilde
       butonlar karttan taşıp sayfayı yatay kaydırıyordu. Aynı özgüllükle ez. */
    .cat-products--list .prod-card__body > .prod-card__actions{display:grid;grid-template-columns:1fr 1fr}
    .cat-products--list .prod-card__cart,
    .cat-products--list .prod-card__buy{min-width:0}

    /* Auto varsayılan: masaüstünde list, mobilde tek kolon (kart başına tam genişlik).
       .cat-products.cat-products--auto (0,2,0) > .cat-products--list (0,1,0). */
    .cat-products.cat-products--auto{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:10px;
    }
}
.cat-hero{
    min-height:600px;
    align-items:flex-start;
    background:transparent;
}
.cat-hero::after{display:none}
.cat-hero__bg{
    position:absolute;inset:0;z-index:0;
    background-size:cover;background-position:center;
    -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 750px),transparent 100%);
    mask-image:linear-gradient(to bottom,#000 calc(100% - 750px),transparent 100%);
}
.cat-hero__bg::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.1) 100%);
}
.cat-hero + .home-section{margin-top:-360px;padding-top:32px;position:relative;z-index:3}
@media (max-width:760px){
    .cat-hero{min-height:340px}
    .cat-hero + .home-section{margin-top:-150px;padding-top:24px}
}

/* The storefront's element-level header/nav rules must not color reference components. */
.epin-reference .cat-crumb-nav,
.epin-reference .home-section__head{background:transparent;border:0}

/* Product covers use the reference's portrait ratio, independent of image size. */
.epin-reference .prod-card__cover{min-width:0;min-height:0}
.epin-reference .prod-card__cover img{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:contain;object-position:center;
}
.epin-reference .cat-products--list .prod-card__cover{
    width:136px;height:163.2px;flex:0 0 136px;aspect-ratio:5/6;align-self:center;
}
.epin-reference .prod-card:hover .prod-card__cover img{transform:none}
@media (max-width:600px){
    .epin-reference .cat-products--list .prod-card__cover{
        flex:none;
    }
}