/** Shopify CDN: Minification failed

Line 8:0 Unexpected "{"
Line 8:1 Unexpected "{"
Line 8:3 Expected identifier but found "'section-archive-product.css'"

**/
{{ 'section-archive-product.css' | asset_url | stylesheet_tag }}
.gcw-page,.gcw-page *,.gcw-page *::before,.gcw-page *::after{box-sizing:border-box;margin:0;padding:0}

.gcw-page {
  --gold: #BD900E;
  --cream: #F5F0E8;
  --ink: #1A1A1A;
  --mid: #6B6B6B;
  --light: #E8E2D6;
  --white: #FFFFFF;
  background: var(--cream);
  color: var(--ink);
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}

/* ── BREADCRUMB ── */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 24px 0;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mid);
}
.breadcrumb a { color: var(--mid); text-decoration: none; }
.breadcrumb a:hover { color: var(--ink); }
.bc-sep { color: var(--light); }

/* ── SCHEDA ── */
.scheda {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding: 40px 0 80px;
}

/* ── GALLERY ── */
.gallery { display: flex; flex-direction: column; gap: 8px; }
.gallery-main {
  position: relative;
  background: var(--white);
  aspect-ratio: auto;
  overflow: hidden;
}
.gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  background: var(--gold);
  color: var(--white);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  z-index: 2;
}
.gallery-acc {
  position: absolute;
  bottom: 16px;
  right: 16px;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--mid);
  background: rgba(245,240,232,0.85);
  padding: 3px 8px;
}
.gallery-thumbs {
  display: flex;
  gap: 8px;
}
.thumb {
  flex: 1;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--white);
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.thumb.active, .thumb:hover { opacity: 1; }
.thumb img { width: 100%; height: 100%; object-fit: cover; }

/* ── INFO ── */
.info { display: flex; flex-direction: column; gap: 32px; padding-top: 8px; }
.info-head { display: flex; flex-direction: column; gap: 8px; }
.info-house {
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
}
.info-title {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}
.info-sub {
  font-size: 13px;
  color: var(--mid);
  font-style: italic;
}

/* ── ATTRIBUTES TABLE ── */
.acc-wrap { border-top: 1px solid var(--light); padding-top: 24px; }
.acc-label {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mid);
  margin-bottom: 12px;
}
.acc { width: 100%; border-collapse: collapse; }
.acc td {
  padding: 8px 0;
  font-size: 13px;
  border-bottom: 1px solid var(--light);
  vertical-align: top;
}
.acc td:first-child { color: var(--mid); width: 45%; }

/* ── CONDITION ── */
.cond-wrap { display: flex; flex-direction: column; gap: 10px; }
.cond-row { display: flex; justify-content: space-between; align-items: center; }
.cond-label {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mid);
}
.cond-value { font-size: 13px; font-weight: 500; }
.cond-track {
  height: 2px;
  background: var(--light);
  width: 100%;
}
.cond-fill {
  height: 100%;
  background: var(--gold);
}
.cond-notes { font-size: 12px; color: var(--mid); font-style: italic; }

/* ── AUTH PILLS ── */
.auth-wrap { display: flex; flex-wrap: wrap; gap: 8px; }
.auth-pill {
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border: 1px solid var(--light);
  color: var(--mid);
}
.auth-pill.gold { border-color: var(--gold); color: var(--gold); }

/* ── PRICE BLOCK ── */
.price-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-top: 1px solid var(--light);
  padding-top: 24px;
}
.price-label {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mid);
  margin-bottom: 6px;
}
.price-value {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  font-weight: 400;
}
.price-note { font-size: 11px; color: var(--mid); margin-top: 4px; }
.cta-col { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.cta-primary {
  background: var(--ink);
  color: var(--white);
  border: none;
  padding: 14px 32px;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s;
}
.cta-primary:hover { background: var(--gold); }
.cta-primary:disabled { background: var(--light); color: var(--mid); cursor: not-allowed; }
.cta-secondary {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mid);
  text-decoration: none;
  border-bottom: 1px solid var(--light);
  padding-bottom: 2px;
}
.cta-secondary:hover { color: var(--ink); border-color: var(--ink); }

/* ── SHIPPING ── */
.ship-wrap {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
  background: var(--white);
  font-size: 12px;
}
.ship-icon { color: var(--gold); font-size: 8px; margin-top: 4px; }
.ship-text { color: var(--mid); line-height: 1.6; }
.ship-text strong { color: var(--ink); display: block; margin-bottom: 2px; }

/* ── CURATORSHIP ── */
.cur-full {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 60px;
  padding: 80px 0;
  border-top: 1px solid var(--light);
}
.cur-left { display: flex; flex-direction: column; justify-content: space-between; }
.cur-left-label {
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 12px;
}
.cur-left-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}
.cur-left-sub { font-size: 12px; color: var(--mid); font-style: italic; }
.cur-text { font-size: 15px; line-height: 1.8; color: var(--ink); }

/* ── DETAIL GRID ── */
.detail-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  gap: 8px;
  padding: 40px 0;
}
.detail-cell {
  position: relative;
  overflow: hidden;
  background: var(--white);
}
.detail-cell img { width: 100%; height: 100%; object-fit: cover; display: block; }
.detail-cell.span-row {
  grid-row: span 2;
  grid-column: 1;
}
.detail-cell-label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--mid);
  background: rgba(245,240,232,0.85);
  padding: 2px 6px;
}

/* ── ESSAY ── */
.essay-wrap {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 60px;
  padding: 80px 0;
  border-top: 1px solid var(--light);
}
.essay-nav {
  position: sticky;
  top: 40px;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.essay-nav-title {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mid);
  margin-bottom: 4px;
}
.essay-nav a {
  font-size: 12px;
  color: var(--mid);
  text-decoration: none;
  line-height: 1.4;
  transition: color 0.2s;
}
.essay-nav a:hover { color: var(--gold); }
.essay-body-wrap { display: flex; flex-direction: column; gap: 60px; }
.essay-kicker {
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 12px;
}
.essay-h {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.3;
}
.essay-p { font-size: 15px; line-height: 1.9; color: var(--ink); }
.pullquote {
  border-left: 2px solid var(--gold);
  padding: 16px 24px;
  margin: 32px 0;
}
.pullquote p {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.6;
  color: var(--ink);
}

/* ── MARKET STRIP ── */
.market-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--light);
  border-top: 1px solid var(--light);
  border-bottom: 1px solid var(--light);
  margin: 40px 0;
}
.mitem {
  background: var(--cream);
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mlabel {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mid);
}
.mvalue {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 400;
}
.mvalue.gold { color: var(--gold); }
.msub { font-size: 11px; color: var(--mid); }

/* ── TREND ── */
.trend-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding: 80px 0;
  border-top: 1px solid var(--light);
}
.trend-kicker {
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 12px;
}
.trend-h {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
  line-height: 1.3;
}
.trend-p { font-size: 13px; line-height: 1.8; color: var(--mid); }

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .gcw-page { padding: 0 20px; }
  .scheda { grid-template-columns: 1fr; gap: 32px; }
  .cur-full { grid-template-columns: 1fr; gap: 32px; }
  .detail-grid { grid-template-columns: repeat(2, 1fr); }
  .detail-cell.span-row { grid-row: span 1; }
  .essay-wrap { grid-template-columns: 1fr; }
  .essay-nav { position: static; }
  .market-strip { grid-template-columns: repeat(2, 1fr); }
  .trend-wrap { grid-template-columns: 1fr; }
}

/* ── GALLERY: immagini secondarie x2 (una colonna a piena larghezza) ── */
.archivary-page .gallery .gallery-thumbs {
  grid-template-columns: 1fr !important;
}

/* ── TABELLA ARCHIVIO — versione compatta ed elegante ──
   Sovrascrive lo stile inline di sections/archive-product.liquid
   (selettori piu' specifici + !important) */
.archivary-page .gcw-page .archive-table {
  margin: 20px 0 !important;
  border: none !important;
  border-top: 1px solid #96690a !important;
  border-bottom: 1px solid #96690a !important;
  background: #ffffff !important;
}
.archivary-page .gcw-page .archive-table > * + * {
  border-top: 1px solid rgba(150,105,10,.22) !important;
}
.archivary-page .archive-table .mitem,
.archivary-page .archive-table .trend-item {
  gap: 0 !important;
  padding: 10px 16px !important;
  border-left: 1px solid rgba(150,105,10,.22) !important;
}
.archivary-page .archive-table .mitem:first-child,
.archivary-page .archive-table .trend-item:first-child {
  padding-left: 0 !important;
  border-left: none !important;
}
.archivary-page .archive-table .mitem:last-child,
.archivary-page .archive-table .trend-item:last-child {
  padding-right: 0 !important;
}
.archivary-page .archive-table .mlabel,
.archivary-page .archive-table .trend-kicker {
  margin: 0 0 4px !important;
  padding: 0 !important;
  border: none !important;
  color: #96690a !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
.archivary-page .archive-table .mvalue,
.archivary-page .archive-table .mvalue.gold,
.archivary-page .archive-table .trend-h {
  margin: 0 0 2px !important;
  padding: 0 !important;
  color: #1a1612 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: .06em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}
.archivary-page .archive-table .msub,
.archivary-page .archive-table .trend-p {
  margin: 0 !important;
  padding: 0 !important;
  color: #6b5f53 !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
}

@media screen and (max-width: 750px) {
  .archivary-page .gcw-page .archive-table {
    margin: 16px 0 !important;
  }
  .archivary-page .gcw-page .archive-table .market-strip {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .archivary-page .archive-table .mitem + .mitem {
    border-top: none !important;
  }
  .archivary-page .archive-table .mitem:nth-child(odd) {
    padding: 8px 10px 8px 0 !important;
    border-left: none !important;
  }
  .archivary-page .archive-table .mitem:nth-child(even) {
    padding: 8px 0 8px 10px !important;
    border-left: 1px solid rgba(150,105,10,.22) !important;
  }
  .archivary-page .archive-table .mitem:nth-child(n+3) {
    border-top: 1px solid rgba(150,105,10,.22) !important;
  }
  .archivary-page .archive-table .trend-item {
    padding: 8px 0 !important;
    border-left: none !important;
  }
  .archivary-page .archive-table .trend-item + .trend-item {
    border-top: 1px solid rgba(150,105,10,.22) !important;
  }
}