/* Blogarchívum kártya és hero: „Jubileumi pecsét” (2026-10-14-től; előtte a „Cikkfal”, a régi szabályok lent megmaradtak).
   Fent az 5 valódi (nyilvános) cikkborító rácsban (lakatos csempék nélkül), alatta gyűrűben a „49 cikk egy helyen”, majd a jubileumi pill. A pill külön réteg: a jubilee-ui.js a kampány végén
   (december 31. után) az <html>-re teszi az emese-jub-ended osztályt, ekkor a pill eltűnik, a kártya marad.
   A méretek a kártya szélességéhez igazodnak (cqw), régi böngészőben a rem-értékek érvényesek. */
.shop-product-img-wrap.archive-wall-card,
.product-hero-img-wrap.archive-wall-card {
  container-type: inline-size;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.4rem;
  color: #fff;
  text-align: center;
}
.archive-wall-eyebrow {
  font-size: 0.64rem;
  font-size: max(0.62rem, 2.7cqw);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.85;
}
.archive-wall {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  gap: max(4px, 1.9cqw);
}
.archive-wall .aw-tile {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 101 / 108;
  object-fit: cover;
  border-radius: 6px;
  border-radius: max(4px, 2cqw);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
.archive-wall .aw-lock {
  position: relative;
  background: linear-gradient(160deg, #6a5848, #2b2723);
}
.archive-wall .aw-lock::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 11 12' fill='none' stroke='%23E9C9A0' stroke-width='1.1'%3E%3Crect x='1.5' y='5' width='8' height='6' rx='1.4'/%3E%3Cpath d='M3.2 5V3.6a2.3 2.3 0 0 1 4.6 0V5'/%3E%3C/svg%3E") center / 34% no-repeat;
}
.archive-wall .aw-lock.lk2 { background: radial-gradient(circle at 30% 70%, #6e5a46, #2a2622 72%); }
.archive-wall .aw-lock.lk3 { background: linear-gradient(200deg, #1c1c1f, #3a3129); }
.archive-wall .aw-lock.lk4 { background: radial-gradient(circle at 60% 40%, #7a6a58, #26231f 78%); }
.archive-wall .aw-lock.lk5 { background: linear-gradient(180deg, #5a5750, #2c2a27); }
.archive-wall .aw-lock.lk6 { background: radial-gradient(circle at 40% 80%, #5b4636, #1d1a18 72%); }
.archive-wall .aw-lock.lk7 { background: linear-gradient(135deg, #3b342d, #161616); }
.archive-wall-count { line-height: 1; }
.archive-wall-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3.4rem;
  font-size: max(3.2rem, 22cqw);
  line-height: 1;
  font-weight: 500;
}
.archive-wall-label {
  margin-top: 0.5rem;
  font-size: 0.7rem;
  font-size: max(0.66rem, 2.9cqw);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.9;
}
.archive-wall-foot {
  font-size: 0.72rem;
  font-size: max(0.7rem, 3cqw);
  letter-spacing: 0.04em;
  color: #E9C9A0;
}


/* ---- B „Jubileumi pecsét” ---- */
.archive-seal-ring {
  position: relative;
  align-self: center;
  box-sizing: border-box;
  width: 13rem;
  width: 62cqw;
  height: 13rem;
  height: 62cqw;
  border-radius: 50%;
  border: 1.5px solid rgba(233, 201, 160, 0.75);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.archive-seal-ring::before {
  content: "";
  position: absolute;
  inset: 12px;
  inset: 2.5cqw;
  border-radius: 50%;
  border: 1px solid rgba(233, 201, 160, 0.35);
}
.archive-seal-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 5.2rem;
  font-size: 26.5cqw;
  line-height: 1;
  font-weight: 500;
}
.archive-seal-label {
  margin-top: 0.7rem;
  margin-top: 3.8cqw;
  font-size: 0.66rem;
  font-size: max(0.64rem, 2.7cqw);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.92;
}
.archive-seal-sub {
  margin-top: 0.4rem;
  margin-top: 1.7cqw;
  font-size: 0.7rem;
  font-size: max(0.68rem, 2.6cqw);
  letter-spacing: 0.08em;
  color: #E9C9A0;
}
.archive-seal-pill {
  align-self: center;
  max-width: 100%;
  background: #E9C9A0;
  color: #2C3D4F;
  border-radius: 999px;
  padding: 0.5rem 1rem;
  padding: 1.9cqw 3.8cqw;
  font-size: 0.72rem;
  font-size: max(0.66rem, 2.8cqw);
  font-weight: 600;
  white-space: nowrap;
}
.archive-seal-pill i {
  font-style: normal;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.4em;
  font-weight: 600;
  margin-right: 0.25em;
  font-variant-numeric: lining-nums;
}
html.emese-jub-ended .archive-seal-pill { display: none; }


/* ---- Mix: 3 kis cikkborító + kettős gyűrű (2026-10-14 17:26) ---- */
.archive-seal-photos {
  display: flex;
  justify-content: center;
  gap: 6px;
  gap: max(5px, 2.6cqw);
}
.archive-seal-photos img {
  display: block;
  flex: 0 0 21%;
  width: 21%;
  height: auto;
  aspect-ratio: 101 / 108;
  object-fit: cover;
  border-radius: 6px;
  border-radius: max(4px, 2cqw);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
/* a gyűrű szövege feljebb ül (alsó belső margó), a szám és a felirat között rés van */
.archive-seal-ring.is-mix {
  width: 12rem;
  width: 56cqw;
  height: 12rem;
  height: 56cqw;
  padding-bottom: 5rem;
  padding-bottom: 8cqw;
}
.archive-seal-ring.is-mix .archive-seal-num {
  font-size: 4.6rem;
  font-size: 22cqw;
}
.archive-seal-ring.is-mix .archive-seal-label {
  margin-top: 1rem;
  margin-top: 4.4cqw;
  font-size: 0.6rem;
  font-size: max(0.56rem, 2.5cqw);
}
.archive-seal-ring.is-mix .archive-seal-sub {
  margin-top: 0.55rem;
  margin-top: 2.6cqw;
  font-size: 0.64rem;
  font-size: max(0.58rem, 2.5cqw);
}
/* Keskeny kártyán (telefon, szűk oszlop) nagyobb gyűrű, hogy a szöveg biztosan beleférjen. */
@container (max-width: 380px) {
  .archive-seal-photos img { flex-basis: 22%; width: 22%; }
  .archive-seal-ring.is-mix { width: 66cqw; height: 66cqw; padding-bottom: 8cqw; }
  .archive-seal-ring.is-mix .archive-seal-num { font-size: 25cqw; }
  .archive-seal-ring.is-mix .archive-seal-label { margin-top: 4cqw; font-size: max(0.5rem, 2.5cqw); letter-spacing: 0.14em; }
  .archive-seal-ring.is-mix .archive-seal-sub { margin-top: 2.2cqw; font-size: max(0.54rem, 2.7cqw); letter-spacing: 0.04em; white-space: nowrap; }
}