/* ============================================================
   Allshine — Ürün Etiket Şablonu stilleri
   Tek ana şablon; ürün adı / görsel / boyut değişir.
   ============================================================ */

.etiket-tools{
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px 24px;box-shadow:var(--sh-sm);margin-bottom:34px;
}
.etiket-tools .t-left{display:flex;flex-direction:column;gap:4px}
.etiket-tools b{color:var(--ink);font-size:1.05rem}
.etiket-tools small{color:var(--muted);font-size:13.5px}
.etiket-tools .t-actions{display:flex;gap:10px;flex-wrap:wrap}
.filter-mini{display:flex;gap:8px;flex-wrap:wrap}
.filter-mini button{padding:9px 16px;border-radius:999px;border:1.6px solid var(--line);
  font-weight:800;font-size:13px;color:var(--ink);background:#fff;transition:.22s;font-family:inherit}
.filter-mini button:hover{border-color:var(--blue);color:var(--blue)}
.filter-mini button.active{background:var(--grad-brand);color:#fff;border-color:transparent}

/* Etiket ızgarası */
.label-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:26px;align-items:start;
}

/* ---------- ETİKET (ana şablon) ---------- */
.label{
  --c1:#0f6ec2; --c2:#22a3e6;
  position:relative;display:flex;flex-direction:column;
  background:#fff;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--sh);
  min-height:430px;
}
.label__top{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:14px 18px;min-height:66px;
  background:linear-gradient(120deg,var(--c1),var(--c2));
  color:#fff;overflow:hidden;
}
.label__top::after{content:"";position:absolute;right:-30px;top:-40px;width:120px;height:120px;
  border-radius:50%;background:rgba(255,255,255,.14)}
.label__top img{height:30px;width:auto;position:relative;z-index:1}
.label__kat{position:relative;z-index:1;font-size:10.5px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;background:rgba(255,255,255,.18);padding:5px 10px;border-radius:999px;
  text-align:right;max-width:140px;line-height:1.2}

.label__body{display:flex;gap:12px;padding:18px 18px 6px;flex:1}
.label__main{flex:1;min-width:0}
.label__code{font-size:11px;font-weight:800;color:var(--c1);letter-spacing:.06em}
.label__name{font-size:1.15rem;font-weight:800;color:var(--ink);line-height:1.2;margin:3px 0 8px}
.label__desc{font-size:12.5px;color:var(--body);line-height:1.5}
.label__visual{flex:0 0 84px;width:84px;height:84px;border-radius:14px;overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--sh-sm)}
.label__visual img{width:100%;height:100%;object-fit:cover}

/* Boyut (NET) satırı */
.label__sizes{padding:8px 18px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.label__sizes .net{font-size:10.5px;font-weight:800;color:var(--muted);letter-spacing:.1em;margin-right:2px}
.size-chip{padding:6px 11px;border-radius:9px;border:1.6px solid var(--line);background:#fff;
  font-weight:800;font-size:12.5px;color:var(--ink);cursor:pointer;transition:.2s;font-family:inherit;line-height:1}
.size-chip:hover{border-color:var(--c1);color:var(--c1)}
.size-chip.active{background:linear-gradient(120deg,var(--c1),var(--c2));color:#fff;border-color:transparent}

/* Güvenlik ikonları */
.label__safety{display:flex;gap:14px;padding:0 18px 12px;flex-wrap:wrap}
.label__safety span{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--muted)}
.label__safety svg{width:16px;height:16px;color:var(--c1)}

/* Alt bilgi bandı */
.label__foot{margin-top:auto;background:#0c1f3a;color:#c4d3e6;padding:11px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.label__foot .maker{font-size:9.5px;line-height:1.4}
.label__foot .maker b{color:#fff;font-size:11px;display:block;letter-spacing:.02em}
.label__foot .maker span{color:#8fa6c2}
.label__barcode{flex:0 0 66px;height:34px;border-radius:4px;background:#fff;padding:4px 5px}
.label__barcode i{display:block;height:100%;background:repeating-linear-gradient(90deg,
  #111 0 1px,#fff 1px 2px,#111 2px 4px,#fff 4px 5px,#111 5px 6px,#fff 6px 9px,
  #111 9px 11px,#fff 11px 12px)}

/* Print */
@media print{
  .topbar,.header,.nav-backdrop,.page-hero,.footer,.to-top,.etiket-tools,.cta-band,.section-head{display:none!important}
  body{background:#fff}
  .section{padding:0!important}
  .label-grid{grid-template-columns:repeat(2,1fr);gap:10mm}
  .label{break-inside:avoid;box-shadow:none;border:1px solid #ccc}
  .size-chip{border-color:#bbb}
}

@media (max-width:640px){
  .label-grid{grid-template-columns:1fr;gap:18px}
  .etiket-tools{padding:16px 18px}
}