/* Yan Van Sale v2 — over ../bg/style.css + sales.css: Peterson-style menu with Books dropdown, events, media, footer columns. */
.brand-en{font:700 20px/1 var(--display);letter-spacing:4px;text-transform:uppercase;color:#fff}
@media (max-width:640px){.brand-name.brand-en{display:block;font-size:16px;letter-spacing:3px}}
.menu{gap:22px;align-items:center}
.menu a{font-size:11.5px}
.nav-amz{margin-left:8px}
.dd{position:relative}
.dd-t span{font-size:9px;margin-left:2px}
.dd-m{position:absolute;top:calc(100% + 18px);left:50%;width:560px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:14px;background:#1b1b1b;border:1px solid rgba(253,179,56,.2);box-shadow:0 30px 60px rgba(0,0,0,.6);transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:.2s}
.dd-m::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.dd:hover .dd-m,.dd:focus-within .dd-m{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.dd-m a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:2px;text-transform:none;letter-spacing:0}
.dd-m a:hover{background:rgba(255,255,255,.05)}
.dd-m img{width:34px;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.dd-m b{display:block;font:600 13px/1.25 var(--sans);color:#fff}
.dd-m small{font-size:11px;color:var(--mute)}
.parts a{text-decoration:none}
.parts a:hover b{color:var(--gold)}
.parts .mini{display:grid;place-items:center;text-decoration:none}
.dim{color:var(--mute)}
.tc-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:750/1200;background:repeating-linear-gradient(135deg,#1d1414 0 14px,#181010 14px 28px);border:1px solid rgba(253,179,56,.35)}
.tc-soon span{font:700 30px/1 var(--display);letter-spacing:4px;color:var(--gold);text-transform:uppercase}
.tc-soon b{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--mute)}
.events{padding:100px 0;background:var(--ink-2)}
.ev-empty{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:34px;border:1px dashed rgba(255,255,255,.18)}
.ev-empty p{max-width:640px;color:#cfcfcf}
.martian2{background:linear-gradient(135deg,#2a160c 0%,#151515 70%)}
.martian2 .feature-sub{margin:6px 0 10px}
.martian2-cover img{width:min(380px,100%);margin:0 auto;box-shadow:30px 40px 80px rgba(0,0,0,.7);transform:perspective(1400px) rotateY(-8deg)}
.en-meta{justify-content:flex-start;gap:8px}
.en-meta .add{text-decoration:none}
.add-ghost{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)}
.add-ghost:hover{background:var(--ink)!important;color:#fff!important}
.media{padding:110px 0;background:var(--ink)}
.video-ph{position:relative;max-width:920px;margin:40px auto 0;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;background:#000}
.video-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.45);transform:scale(1.2)}
.play{position:relative;width:86px;height:86px;border-radius:50%;background:var(--gold)}
.play::after{content:"";position:absolute;left:35px;top:27px;border-left:24px solid #151515;border-top:16px solid transparent;border-bottom:16px solid transparent}
.video-ph p{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:14px;color:#ddd}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.footer-cols h4{font:600 12px/1 var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.footer-cols a{display:block;font-size:13px;color:#bdbdbd;text-decoration:none;margin-bottom:9px}
.footer-cols a:hover{color:var(--gold)}
/* landing: Amazon buttons */
.amz-note{font-size:12px;color:var(--mute);margin-top:12px}
.series-next{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:18px;max-width:600px;background:rgba(128,56,57,.22);border:1px solid rgba(201,87,90,.4)}
.series-next img{width:70px;box-shadow:0 8px 18px rgba(0,0,0,.5)}
.series-next b{display:block;font-size:15px}
.series-next small{font-size:12px;color:#d7b7b7}
@media (max-width:1180px){.menu{gap:16px}.menu a{font-size:10.5px;letter-spacing:1.2px}}
@media (max-width:1020px){
  .dd-m{position:static;width:auto;transform:none;opacity:1;pointer-events:auto;display:none}
  .nav-amz{display:none}
  .footer-cols{grid-template-columns:1fr 1fr}
  .series-next{grid-template-columns:56px 1fr}.series-next .btn{grid-column:1/-1}
}