/* ============================================================
   STEEL HOG — ostatnio oglądane produkty
   Sekcja startuje ukryta; wypełnia ją AJAX-em js/main.js (strony bywają
   cache'owane, więc render serwerowy pokazałby cudzą historię).
   ============================================================ */
.viewed[hidden]{display:none}

/* ---------- wariant „karty" ---------- */
.viewed__title{
  font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  font-size:clamp(24px,3vw,34px);line-height:1;color:var(--ink);margin:0 0 24px;
}
/* pętla WooCommerce w środku — bez dodatkowych marginesów od wrappera */
.viewed .woocommerce{margin:0}
.viewed .woocommerce ul.products{margin:0}

/* karta produktu: sekcja jest dzieckiem gridu div.product */
.viewed--single{grid-column:1 / -1;margin-top:56px}
/* koszyk: odstęp znika razem z sekcją, gdy nie ma czego pokazać */
.viewed--cart{padding:0 0 20px}

/* ---------- wariant „mini" (lewy panel sklepu) ---------- */
.viewed-mini{list-style:none;margin:0;padding:0}
.viewed-mini__item{margin:0 0 12px}
.viewed-mini__item:last-child{margin-bottom:0}
.viewed-mini__link{display:flex;align-items:center;gap:10px;text-decoration:none}
.viewed-mini__img{
  width:52px;height:52px;flex:none;object-fit:contain;padding:3px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
}
.viewed-mini__text{min-width:0;display:flex;flex-direction:column;gap:3px}
.viewed-mini__name{
  font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;
  font-size:14px;line-height:1.15;color:var(--ink);transition:.15s;
}
.viewed-mini__link:hover .viewed-mini__name{color:var(--brand)}
.viewed-mini__price{font-family:var(--display);font-weight:700;font-size:14px;color:var(--ink-2)}
.viewed-mini__price del{color:var(--muted);font-weight:500;margin-right:5px}
.viewed-mini__price ins{text-decoration:none;background:none}
.viewed-mini__price .woocommerce-Price-amount{white-space:nowrap}

/* pusty widżet nie zostawia po sobie kreski i marginesu */
.shop-widget:has(> .viewed[hidden]){display:none}

@media(max-width:900px){
  .viewed--single{margin-top:40px}
}