/* Gerçek satış paneli ürün vitrini + kategori grupları + numaralı sayfalama */
.vitrin-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:24px;
}
.vitrin-head.clean{margin-bottom:18px}
.vitrin-head h2{margin-bottom:10px}
.vitrin-head p{max-width:760px}
.vitrin-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

.vitrin-category-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 26px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:0 16px 45px rgba(0,0,0,.16);
}
.vitrin-category{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:var(--text,#fff);
  font-weight:900;
  font-size:14px;
  transition:.2s ease;
}
.vitrin-category:hover{
  transform:translateY(-1px);
  border-color:rgba(255,89,30,.35);
}
.vitrin-category.active{
  color:#fff;
  border-color:rgba(255,83,24,.55);
  background:linear-gradient(135deg,#e81717,#ff7a18);
  box-shadow:0 14px 34px rgba(255,60,20,.22);
}
.vitrin-category span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:inherit;
  font-size:12px;
}

.real-product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.real-product-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 22px 70px rgba(0,0,0,.20);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.real-product-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,80,30,.36);
  box-shadow:0 28px 85px rgba(255,55,20,.13);
}
.real-product-media{
  position:relative;
  background:radial-gradient(circle at 30% 20%,rgba(255,77,22,.18),transparent 35%),rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.real-product-media img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.real-product-body{padding:16px}
.real-product-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.real-product-tags span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  color:#ffd6c9;
  background:rgba(255,74,28,.11);
  border:1px solid rgba(255,74,28,.22);
  font-size:12px;
  font-weight:800;
}
.real-product-card h3{
  margin:0 0 6px;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.02em;
}
.real-product-model{
  margin:0 0 8px!important;
  color:var(--muted)!important;
  font-weight:800;
  font-size:14px;
}
.real-product-desc{
  margin:0 0 14px!important;
  min-height:45px;
  color:var(--muted)!important;
  font-size:14px;
}
.real-product-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.09);
}
.real-product-meta strong{
  display:block;
  width:100%;
  color:var(--orange-2,#ff7a18);
  font-size:21px;
  line-height:1;
}
.real-product-meta span{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.real-product-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:15px;
}
.real-product-actions .btn{
  padding:11px 13px;
  font-size:13px;
}
.vitrin-empty{
  border:1px dashed rgba(255,255,255,.18);
  border-radius:24px;
  padding:24px;
  background:rgba(255,255,255,.045);
  color:var(--muted);
}
.vitrin-empty strong{
  display:block;
  color:var(--text);
  font-size:22px;
  margin-bottom:6px;
}
.vitrin-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:30px;
}
.vitrin-pagination a,
.vitrin-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:9px 13px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:var(--text,#fff);
  font-weight:900;
}
.vitrin-pagination a:hover{
  border-color:rgba(255,89,30,.36);
  transform:translateY(-1px);
}
.vitrin-pagination .active{
  color:#fff;
  background:linear-gradient(135deg,#e81717,#ff7a18);
  border-color:rgba(255,89,30,.55);
  box-shadow:0 14px 34px rgba(255,60,20,.20);
}
@media(max-width:1120px){
  .real-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .vitrin-head{align-items:flex-start;flex-direction:column}
  .vitrin-actions{justify-content:flex-start}
  .real-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vitrin-category-wrap{gap:8px;padding:10px;border-radius:20px}
  .vitrin-category{font-size:13px;min-height:39px;padding:8px 12px}
}
@media(max-width:560px){
  .real-product-grid{grid-template-columns:1fr}
  .real-product-media img{height:230px}
  .real-product-actions .btn{width:100%}
  .vitrin-pagination a,.vitrin-pagination span{min-width:38px;min-height:38px;padding:8px 11px}
}
@media(prefers-color-scheme:light){
  .vitrin-category-wrap{
    border-color:rgba(10,20,35,.10);
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,247,241,.82));
    box-shadow:0 16px 42px rgba(20,30,45,.08);
  }
  .vitrin-category,
  .vitrin-pagination a,
  .vitrin-pagination span{
    border-color:rgba(10,20,35,.10);
    background:rgba(255,255,255,.75);
    color:#111827;
  }
  .vitrin-category.active,
  .vitrin-pagination .active{color:#fff}
  .real-product-card{
    border-color:rgba(10,20,35,.10);
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,241,.92));
    box-shadow:0 20px 60px rgba(20,30,45,.10);
  }
  .real-product-media{
    background:radial-gradient(circle at 30% 20%,rgba(255,91,26,.12),transparent 35%),rgba(10,20,35,.03);
    border-bottom-color:rgba(10,20,35,.08);
  }
  .real-product-tags span{
    color:#b52208;
    background:rgba(255,80,22,.08);
    border-color:rgba(255,80,22,.18);
  }
  .vitrin-empty{
    border-color:rgba(15,23,42,.16);
    background:rgba(255,255,255,.82);
  }
}