/* Zedslair V7.5: additive design layer, keeps V7.4 CSS intact */
.v75-header { position: relative; z-index: 50; }
.v75-header nav a:focus-visible,.v75-header button:focus-visible,.v75-secondary-cta:focus-visible { outline:2px solid #d9b66e;outline-offset:4px; }
.v75-header .nav-discogs { font-weight:800; }
.v5-actions { display:flex; flex-wrap:wrap; align-items:center; column-gap:1rem; row-gap:.8rem; }
.v75-secondary-cta { display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1rem;border:1px solid currentColor;text-decoration:none;font-size:.8rem;letter-spacing:.08em; }
.v75-trust { display:flex;justify-content:space-around;gap:1rem;flex-wrap:wrap;padding:1rem 5%;border-top:1px solid rgba(180,150,90,.4);border-bottom:1px solid rgba(180,150,90,.4);font-size:.73rem;letter-spacing:.12em;text-align:center; }
.v75-trust span::before { content:'✦ '; color:#b99553; }
@media(max-width:760px) { .v75-trust { align-items:center;flex-direction:column;gap:.65rem; } .v75-header nav.is-open { display:flex; } .v75-secondary-cta { justify-content:center; } }

/* V7.5 editorial new-arrivals feature — bilingual, no Marketplace data embedded */
.v75-arrivals { padding: clamp(3rem,6vw,6rem) 5%; border-block: 1px solid rgba(215,180,105,.24); }
.v75-arrivals .new-arrivals-inner { max-width: 1380px; margin-inline:auto; }
.v75-arrivals-editorial { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
.v75-arrivals-copy { max-width: 670px; }
.v75-arrivals-copy h2 { margin:1.1rem 0 1.3rem; font-size:clamp(3.4rem,7.6vw,7.6rem); line-height:.91; letter-spacing:-.055em; color:#eee6d8; }
.v75-arrivals-copy h2 em { font-family:Georgia,serif; font-weight:400; color:#d7b56c; letter-spacing:-.045em; }
.v75-arrivals-copy p { max-width:53ch; font-size:clamp(1rem,1.3vw,1.17rem); line-height:1.7; color:#e0d8ca; }
.v75-arrivals-copy .v75-arrivals-note { color:#aaa49a; font-size:.92rem; margin:1rem 0 1.8rem; }
.v75-arrivals-link { display:inline-flex; justify-content:space-between; align-items:center; gap:2rem; background:#d7b56c; color:#100f0d; padding:1rem 1.3rem; min-height:50px; font-weight:800; font-size:.83rem; letter-spacing:.065em; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.v75-arrivals-link:hover { background:#f0d392; transform:translateY(-2px); }
.v75-arrivals-link:focus-visible { outline:3px solid #f0d392; outline-offset:4px; }
.v75-arrivals-foot { display:block; margin-top:1.25rem; color:#aa9d84; font-size:.65rem; letter-spacing:.13em; }
.v75-arrivals-art { position:relative; display:grid; place-items:center; min-height:410px; overflow:hidden; border:1px solid rgba(215,180,105,.24); background:radial-gradient(circle at 50% 44%,#25221d 0,#121110 48%,#0a0a0a 75%); }
.v75-arrivals-disc { width:min(76%,350px); aspect-ratio:1; border-radius:50%; display:grid;place-items:center; box-shadow:0 20px 45px #000a, inset 0 0 0 2px #252525; background:repeating-radial-gradient(circle,#101010 0px,#101010 3px,#222 4px,#111 5px); }
.v75-arrivals-disc-label { width:36%; aspect-ratio:1; border-radius:50%; display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;background:#d7b56c;color:#15120d;text-align:center;box-shadow:0 0 0 3px #141414; }
.v75-arrivals-disc-label strong { font-size:clamp(.55rem,1vw,.85rem); }
.v75-arrivals-disc-label span,.v75-arrivals-disc-label small { font-size:clamp(.36rem,.65vw,.58rem);letter-spacing:.08em; }
.v75-arrivals-art-caption { position:absolute;bottom:1.3rem;left:1.5rem;color:#bba36f;font-size:.65rem;letter-spacing:.16em; }
@media(max-width:760px){.v75-arrivals-editorial{grid-template-columns:1fr}.v75-arrivals-art{min-height:290px}.v75-arrivals-disc{width:min(66%,260px)}.v75-arrivals-copy h2{font-size:clamp(3.1rem,14vw,5.4rem)}.v75-arrivals-link{width:100%;gap:.5rem}.v75-arrivals{padding-block:3.5rem}}
@media(prefers-reduced-motion:reduce){.v75-arrivals-link{transition:none}.v75-arrivals-link:hover{transform:none}}

/* V7.5 mobile & approved custom record artworks */
.v75-arrivals-art{min-height:0; aspect-ratio:1.28; padding:clamp(12px,2vw,26px);}
.v75-arrivals-record-image{width:min(100%,420px);height:auto;aspect-ratio:1;object-fit:contain;display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));}
.v75-arrivals-art{background:#090909;}
@media(max-width:900px){
 .v75-arrivals-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);}
 .v75-arrivals-art{aspect-ratio:1;}
 .v75-arrivals-copy h2{font-size:clamp(3rem,8vw,5.5rem);overflow-wrap:normal;}
}
@media(max-width:760px){
 .v75-arrivals{padding:clamp(2.5rem,8vw,4rem) max(18px,5vw);}
 .v75-arrivals-editorial{grid-template-columns:minmax(0,1fr);gap:1.8rem;}
 .v75-arrivals-copy h2{font-size:clamp(3rem,15vw,5.6rem);margin:.8rem 0 1.1rem;}
 .v75-arrivals-copy p{font-size:1rem;line-height:1.6;}
 .v75-arrivals-art{width:100%;min-height:0;aspect-ratio:1.15;}
 .v75-arrivals-record-image{width:min(100%,350px);}
 .v75-arrivals-link{box-sizing:border-box;min-height:52px;font-size:.75rem;}
 .v75-arrivals-foot{line-height:1.65;}
}
@media(max-width:380px){
 .v75-arrivals-copy h2{font-size:clamp(2.7rem,14vw,3.5rem);}
 .v75-arrivals-link{font-size:.69rem;letter-spacing:.025em;padding:.85rem .9rem;}
}

/* V7.5 Mobile refinement: prevent the hero brand and grading badges from
   overflowing at 320–760px. Desktop rules stay untouched. */
@media (max-width:760px) {
  .v5-hero-grid, .v5-copy { min-width:0; }
  .v5-copy h1 {
    font-size:clamp(2.45rem,12vw,5.5rem);
    line-height:.95;
    letter-spacing:-.085em;
    white-space:nowrap;
    max-width:100%;
  }
  .v5-gold-rule { max-width:100%; }
  .v5-spec-row {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    width:100%;
    min-width:0;
  }
  .v5-spec-row > .v5-spec {
    grid-column:1 / 2;
    grid-row:1;
  }
  .v5-spec-row > .v5-spec-copy {
    grid-column:2 / -1;
    grid-row:1;
  }
  .v5-spec-row > .v5-spec,
  .v5-spec-row > .v5-spec-copy {
    min-height:0;
    padding:.7rem .6rem;
    font-size:clamp(.55rem,1.95vw,.7rem);
    line-height:1.5;
  }
  .v5-spec-row > .v5-grade {
    min-width:0;
    width:100%;
    height:42px;
    font-size:clamp(.64rem,2.4vw,.78rem);
  }
  .v5-actions { gap:.7rem; }
  .v5-actions .v5-button,
  .v5-actions .v75-secondary-cta { min-height:44px; }
  .v75-header nav a { min-height:44px; display:flex; align-items:center; }
  .v75-header nav a.nav-discogs { padding-inline:.85rem; }
}
@media (max-width:360px) {
  .v5-copy h1 { font-size:11.5vw; }
  .v5-spec-row { gap:5px; }
}

/* V7.5 final mobile polish: one clear care banner, grading on a separate row.
   Desktop retains its original information cards. */
.v75-mobile-care { display:none; }
@media (max-width:760px) {
  .v5-spec-row > .v5-spec,
  .v5-spec-row > .v5-spec-copy { display:none; }
  .v5-spec-row > .v75-mobile-care {
    display:block;
    grid-column:1 / -1;
    grid-row:1;
    min-width:0;
    padding:13px 15px;
    border:1px solid #8e7445;
    color:#eee6d8;
    background:#101010;
  }
  .v75-mobile-care-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding-bottom:9px;
    border-bottom:1px solid rgba(215,181,108,.35);
    color:#d7b56c;
    font-size:clamp(.67rem,2.7vw,.78rem);
    font-weight:700;
    letter-spacing:.08em;
  }
  .v75-mobile-care-disc { font-size:1.1rem; line-height:1; }
  .v75-mobile-care p {
    margin:10px 0 0;
    font-size:clamp(.76rem,3.2vw,.89rem);
    line-height:1.5;
    letter-spacing:0;
    text-transform:none;
  }
  .v5-spec-row > .v5-grade { grid-row:2; }
}

/* V7.7: accessibilita senza modifiche al layout a riposo. */
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid #e0b85f; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }

/* V7.9: accessibilita - testo secondario e selettore lingua */
.site-header .language-switcher a { color: #444039; opacity: 1; }
.site-header .language-switcher a.active { color: #111111; font-weight: 900; }
.site-header .language-switcher span { color: #686259; }
.v75-arrivals-copy .v75-arrivals-note { color: #d3ccc0; }
.v75-arrivals-foot { color: #d5c5a7; }

/* V7.10.1: mobile-only, keep the full record inside the artwork frame. */
@media (max-width:760px) {
  .v75-arrivals-art {
    aspect-ratio:1 / 1;
    box-sizing:border-box;
    padding:clamp(18px,5vw,26px);
    place-items:center;
  }
  .v75-arrivals-record-image {
    width:min(88%,310px);
    max-width:100%;
    height:auto;
    object-fit:contain;
    object-position:center center;
    margin:auto;
  }
}

/* V7.10.2: maintain square artwork and avoid cached prior styles. */
@media(max-width:760px){.v75-arrivals-art{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}.v75-arrivals-record-image{display:block;width:100%;max-width:310px;height:auto;max-height:100%;object-fit:contain;object-position:center;margin:0 auto}}

/* V7.12 — bilingual selector visibility and keyboard focus */
.site-header .language-switcher{display:flex;align-items:center;gap:.3rem;flex-shrink:0}
.site-header .language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.3rem .5rem;box-sizing:border-box;border:1px solid transparent;border-radius:5px;text-decoration:none}
.site-header .language-switcher a.active{border-color:currentColor;text-decoration:underline;text-underline-offset:3px}
.site-header .language-switcher a:hover{border-color:currentColor}
.site-header .language-switcher a:focus-visible,.site-header .menu-toggle:focus-visible,.site-header #main-nav a:focus-visible{outline:3px solid #d9b66e;outline-offset:3px}

/* Shared Discogs trust component. Compact variant sits on #d8d0c3, hover #e3dbce. */
.discogs-trust{box-sizing:border-box;text-align:left;border:1px solid #8f7446;width:100%;margin-top:1.15rem;padding:1rem 1.1rem;display:block;color:#eee7da;background:#0b0b0b}.discogs-trust *{box-sizing:border-box}.discogs-trust-kicker{letter-spacing:.15em;font-weight:900;line-height:1;color:#c6a86b;font-size:.48rem}.discogs-trust-rating{align-items:center;gap:.7rem;min-height:1.45rem;margin-top:.55rem;display:flex}.discogs-trust-rating strong{letter-spacing:-.045em;font-weight:900;line-height:1;color:#f0e5d0;font-size:1.5rem}.social-card-discogs .discogs-trust-rating{font-weight:900}
.discogs-trust-rating span{letter-spacing:.1em;white-space:nowrap;line-height:1;color:#d9a441;font-size:.72rem}.discogs-trust-meta{letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.4rem .65rem;margin-top:.55rem;font-weight:900;line-height:1.2;display:flex;color:#9d9589;font-size:.5rem}.discogs-trust-meta span,.discogs-trust-meta b{color:inherit;font-size:inherit}.discogs-trust-link{letter-spacing:.1em;border:1px solid;align-items:center;margin-top:.75rem;padding:.7rem .9rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex;color:#c6a86b;font-size:.5rem}.discogs-trust-link:hover{background:#c6a86b;color:#111}.discogs-trust-compact{border:0;border-top:1px solid #11111138;margin-top:1.25rem;padding:1rem 0 0;color:#111;background:0 0}.discogs-trust-compact .discogs-trust-kicker{color:#53452c}.discogs-trust-compact .discogs-trust-rating{align-items:baseline;gap:.6rem;min-height:auto;margin-top:.35rem}.discogs-trust-compact .discogs-trust-rating strong{color:#111;font-size:1.7rem}.discogs-trust-compact .social-card-discogs .discogs-trust-rating{font-weight:900}
.discogs-trust-rating span{color:#6b4f19;font-size:.7rem}.discogs-trust-compact .discogs-trust-meta{margin-top:.35rem;color:#4a463f}.discogs-trust-compact .discogs-trust-link{background:#d3ad5a;border-color:#111;margin-top:.8rem;padding:.7rem .9rem;color:#111}.discogs-trust-compact .discogs-trust-link:hover{background:#111;color:#eee7da}@media (width<=800px){.discogs-trust-compact .discogs-trust-rating strong{font-size:1.45rem}}


/* V7.26 final QA: keep existing headings readable at narrow widths. */
@media (max-width:800px) {
  .inner-hero h1 { font-size:clamp(2rem,7.7vw,4rem); }
}
/* Close the gap between the existing 760px and 950px hero rules. */
@media (min-width:761px) and (max-width:950px) {
  .v5-copy h1 { font-size:19vw; }
}
/* V7.26 final QA: readable genre index and caption on dark gradients. */
.genre-index-head > span, .genre-index b { color:#aaa39a; }
/* V7.26 final QA: avoid brand/language overlap on 320px screens. */
@media (max-width:340px) {
  .site-header .brand { font-size:1rem; gap:6px; }
}
