/* AfganMT2 live refresh: character artwork, in-flow launch counter and raised gold details. */
.af-red-hero {
  position:relative!important; display:flex!important; flex-direction:column!important;
  justify-content:flex-end!important; align-items:center!important; aspect-ratio:2048/731!important;
  min-height:0!important; padding:0 20px 3.5%!important; overflow:hidden!important; isolation:isolate;
  background-image:url('../../images/afgan-red/hero-afganmt2.png')!important;
  background-size:cover!important; background-position:center 43%!important;
  box-shadow:inset 0 -90px 75px -65px #130603cc;
}
.af-red-hero:after { display:none!important; }
.af-red-logo { display:block!important; position:relative!important; width:min(40%,520px)!important; height:auto!important; aspect-ratio:3.8!important; margin:0!important; overflow:visible!important; filter:drop-shadow(0 5px 7px #120603)!important; }
.af-red-logo img { display:block!important; width:100%!important; height:auto!important; }
.af-red-slogan { position:static!important; width:auto!important; height:auto!important; overflow:visible!important; clip:auto!important; margin:1px 0 0!important; color:#ffedba!important; font:bold clamp(13px,1.75vw,22px)/1.2 Georgia,serif!important; letter-spacing:.15em!important; text-shadow:0 3px 4px #160503,0 0 12px #e5a63a88!important; }
.af-countdown-v3 { position:relative!important; display:block; z-index:1; width:min(calc(100% - 24px),1000px); aspect-ratio:1672/939; margin:20px auto 32px!important; transform:none!important; left:auto!important; top:auto!important; color:#ffedb8; text-align:center; font-family:Georgia,'Times New Roman',serif; isolation:isolate; }
.af-countdown-v3__art { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:0; pointer-events:none; filter:drop-shadow(0 14px 24px rgba(0,0,0,.54)); }
.af-countdown-v3__brand { position:absolute; left:50%; top:14.5%; transform:translate(-50%,-50%); width:38%; font-size:clamp(14px,2vw,25px); font-weight:700; letter-spacing:.16em; color:#ffe8a1; text-shadow:0 2px 1px #4e1707,0 0 13px rgba(255,199,81,.55); }
.af-countdown-v3__eyebrow { position:absolute; left:50%; top:29.2%; transform:translate(-50%,-50%); width:72%; font:700 clamp(8px,1.05vw,14px)/1.2 Arial,sans-serif; letter-spacing:.23em; color:#f4d17a; text-shadow:0 2px 5px #080302; }
.af-countdown-v3__title { position:absolute; left:50%; top:36.5%; transform:translate(-50%,-50%); width:84%; margin:0; font:700 clamp(15px,2.7vw,36px)/1.1 Georgia,'Times New Roman',serif; letter-spacing:.045em; color:#fff1c9; text-shadow:0 3px 1px #44200a,0 0 12px rgba(244,183,76,.42); }
.af-countdown-v3__timer { position:absolute; left:17%; top:48.3%; width:66%; height:26%; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }
.af-countdown-v3__unit { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding-top:2%; }
.af-countdown-v3__unit strong { display:block; font:700 clamp(24px,5.1vw,70px)/.95 Georgia,'Times New Roman',serif; font-variant-numeric:tabular-nums; letter-spacing:.015em; color:#ffdf91; text-shadow:0 3px 1px #4a2107,0 0 11px rgba(255,191,60,.36); }
.af-countdown-v3__unit span { position:absolute; top:81%; font:700 clamp(7px,.9vw,12px)/1 Arial,sans-serif; letter-spacing:.15em; color:#ffe3a0; text-shadow:0 2px 3px #120403; }
.af-countdown-v3__date { position:absolute; left:50%; top:85.5%; transform:translate(-50%,-50%); width:45%; font:700 clamp(11px,1.7vw,22px)/1 Georgia,'Times New Roman',serif; letter-spacing:.12em; color:#ffe9ae; text-shadow:0 2px 2px #451908,0 0 9px rgba(244,183,76,.4); }
.af-countdown-v3__open { position:absolute; left:50%; top:61%; transform:translate(-50%,-50%); width:76%; font:700 clamp(20px,3.6vw,48px)/1.2 Georgia,'Times New Roman',serif; color:#ffe6a0; text-shadow:0 3px 2px #3c1008,0 0 18px rgba(255,192,71,.65); }
.af-red-features li { text-shadow:0 2px 3px #000!important; box-shadow:0 5px 0 #2b0906,0 9px 14px #0008,inset 0 0 0 2px #edc77455,inset 0 2px 9px #ffdda321!important; }
.af-showcase,.af-npc-guide { filter:drop-shadow(0 12px 18px #0006); }
.af-feature__art img,.af-npc-panel__shop img { image-rendering:auto; }
.af-feature--legal .af-feature__art img { object-fit:contain; }
.af-feature--final .af-feature__copy { min-height:0; }
@media(max-width:760px) {
  .af-red-hero { padding:0 12px 3%!important; background-position:center 40%!important; }
  .af-red-logo { width:min(48%,370px)!important; }
  .af-red-slogan { font-size:clamp(10px,2.2vw,16px)!important; letter-spacing:.1em!important; }
  .af-countdown-v3 { width:calc(100% - 12px); margin:14px auto 22px!important; }
  .af-countdown-v3__brand { font-size:clamp(10px,2vw,16px); }
  .af-countdown-v3__eyebrow { font-size:clamp(6px,.95vw,9px); letter-spacing:.12em; }
  .af-countdown-v3__title { font-size:clamp(12px,2.6vw,22px); }
  .af-countdown-v3__unit strong { font-size:clamp(20px,5vw,38px); }
  .af-countdown-v3__unit span { font-size:clamp(6px,.8vw,8px); letter-spacing:.06em; }
  .af-countdown-v3__date { font-size:clamp(9px,1.8vw,15px); letter-spacing:.08em; }
  .af-feature--final .af-feature__copy { min-height:0; }
}
@media(max-width:600px) {
  .af-red-hero { min-height:0!important; aspect-ratio:2048/820!important; padding-bottom:4%!important; background-position:center 38%!important; }
  .af-red-logo { width:58%!important; }
  .af-red-slogan { font-size:clamp(9px,2.8vw,14px)!important; }
  .af-countdown-v3 { width:100%; margin:10px auto 17px!important; }
  .af-countdown-v3__brand { font-size:clamp(9px,2.5vw,14px); }
  .af-countdown-v3__eyebrow { font-size:clamp(5px,.95vw,7px); }
  .af-countdown-v3__title { font-size:clamp(10px,2.55vw,16px); }
  .af-countdown-v3__unit strong { font-size:clamp(17px,5.2vw,30px); }
  .af-countdown-v3__unit span { font-size:clamp(5px,.85vw,7px); }
  .af-countdown-v3__date { font-size:clamp(8px,1.8vw,12px); }
}