/* ========================================================
   RED FLOOD — páginas internas (v7)
   loja · produto · sacola · times · time · história · legado · parceiros · pedido
   Herói comum (.rf-ph): campo vermelho, wordmark preto gigante na base, título com letras escalonadas, arte à direita.
   ======================================================== */
.ridge,.ftr-ridge{display:none!important}

/* ---------- herói de página ---------- */
.rf-ph{position:relative;overflow:hidden;isolation:isolate;background:var(--rf-red);color:var(--rf-ink);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px clamp(24px,4vw,64px);min-height:min(max(80svh,640px),920px);padding:calc(var(--hdr) + clamp(36px,5vw,84px)) var(--rf-gut) calc(13.6vw + 12px)}
.rf-ph-wm{position:absolute;left:-1%;bottom:-1.6vw;width:102%;max-width:none;filter:brightness(0);z-index:-1;pointer-events:none;will-change:transform}
.rf-ph-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:18px;align-self:start}
.rf-ph-copy .crumbs{font:500 11px var(--rf-m);letter-spacing:.14em;text-transform:uppercase;color:rgba(10,10,11,.7)}
.rf-ph-copy .crumbs a:hover{color:#fff}
.rf-ph-h{font-size:clamp(78px,11.2vw,214px)}
.rf-ph-lede{max-width:42ch;font-size:clamp(15px,1.15vw,18px);line-height:1.5;font-weight:500}
.rf-ph-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:6px}
.rf-ph-art{position:relative;z-index:1;min-height:clamp(340px,40vw,640px)}
.rf-ph-photo{position:absolute;margin:0}
.rf-ph-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;box-shadow:0 30px 70px rgba(10,10,11,.35)}
.rf-ph-photo figcaption{position:absolute;left:0;bottom:0;transform:translateY(100%);background:var(--rf-ink);color:#fff;padding:8px 10px;font-size:10px}
.rf-ph-photo--a{right:2%;top:0;width:min(76%,440px)}
.rf-ph-photo--a img{transform:rotate(2.2deg)}
.rf-ph-photo--b{left:0;bottom:-2vw;width:min(46%,270px);z-index:2}
.rf-ph-photo--b img{transform:rotate(-4deg)}
.rf-ph-photo--doc img{filter:grayscale(1) contrast(1.05)}
.rf-ph-cast{position:absolute;left:-6%;right:-4%;bottom:calc(-13.6vw - 12px);height:calc(100% + 13.6vw + 12px);display:flex;justify-content:center;align-items:flex-end}
.rf-ph-cast li{height:100%;margin-inline:-7%;display:flex;align-items:flex-end}
.rf-ph-cast li:nth-child(2){z-index:2;height:106%}
.rf-ph-cast img{height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 40px rgba(10,10,11,.35))}
.rf-motion .rf-ph-cast li{opacity:0;transform:translate3d(0,60px,0);animation:rf-rise 1.1s var(--rf-out) calc(.25s + var(--j) * .12s) forwards}
@keyframes rf-rise{to{opacity:1;transform:none}}
.rf-ph--compact{min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.rf-ph--compact .rf-ph-copy{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:12px 28px;width:100%;justify-content:space-between}
.rf-ph--compact .rf-ph-copy .rf-k{width:100%}
.rf-ph--compact .cart-count{font:900 clamp(40px,4vw,64px)/.9 var(--rf-h);display:flex;align-items:baseline;gap:10px}
.rf-ph--compact .cart-count span{font:500 11px var(--rf-m);letter-spacing:.14em;text-transform:uppercase}
.rf-ph-alt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,720px);margin-top:14px}
.rf-ph-alt li{position:relative;padding-top:14px;display:flex;flex-direction:column;gap:3px;border-top:2px solid var(--rf-ink)}
.rf-ph-alt li::before{content:"";position:absolute;left:0;top:-6px;width:10px;height:10px;background:var(--rf-ink)}
.rf-ph-alt .rf-alt-2017::before,.rf-ph-alt .rf-alt-2024::before{background:var(--rf-gold2);box-shadow:0 0 0 2px var(--rf-ink)}
.rf-ph-alt b{font:900 clamp(26px,2.4vw,38px)/1 var(--rf-h)}
.rf-ph-alt span{font:500 10px/1.4 var(--rf-m);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.rf-jump{display:flex;flex-wrap:wrap;gap:8px}
.rf-jump a{display:inline-block;padding:10px 14px;border:1.5px solid var(--rf-ink);font:800 15px/1 var(--rf-h);letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s}
.rf-jump a:hover{background:var(--rf-ink);color:#fff}
@media (max-width:900px){
  .rf-ph{grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:calc(13.6vw + 8px)}
  .rf-ph-art{min-height:clamp(320px,80vw,520px)}
  .rf-ph-photo--a{width:64%;right:4%}
  .rf-ph-photo--b{width:42%;bottom:2vw}
  .rf-ph--cast .rf-ph-art{min-height:clamp(320px,96vw,560px)}
  .rf-ph-alt{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
}

/* ---------- produto ---------- */
.rf-pdp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4.4fr);background:var(--rf-paper);color:var(--rf-ink);padding-top:var(--hdr)}
.rf-pdp-gal{display:flex;flex-direction:column;gap:3px;background:var(--rf-ink);min-width:0}
.rf-pdp-3d{position:relative;aspect-ratio:16/11;max-height:calc(100svh - var(--hdr));overflow:hidden;background:var(--rf-paper)}
.rf-pdp-poster{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:opacity .6s}
.rf-pdp-3dui{position:absolute;left:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.rf-pdp-3dui .rf-k{width:100%;color:var(--rf-red)}
.rf-pdp-frame{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .8s;background:var(--rf-ink)}
.rf-pdp-3d.is-live .rf-pdp-frame{opacity:1}
.rf-pdp-3d.is-live .rf-pdp-3dui{display:none}
.rf-pdp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.rf-pg-tile{position:relative;overflow:hidden;background:#e7e7e7}
.rf-pg-tile--wide{grid-column:1/-1}
.rf-pg-tile button{display:block;width:100%;position:relative}
.rf-pg-tile img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.1s var(--rf-out)}
.rf-pg-tile--wide img{aspect-ratio:16/12;object-position:50% 30%}
.rf-pg-tile--flat{display:grid;place-items:center;background:var(--rf-paper)}
.rf-pg-tile--flat img{aspect-ratio:auto;object-fit:contain;max-height:420px;width:auto}
.rf-pg-tile button:hover img{transform:scale(1.05)}
.rf-pg-tile .rf-k{position:absolute;left:12px;bottom:12px;background:var(--rf-ink);color:#fff;padding:7px 9px;font-size:9.5px}
.rf-pdp-info{position:sticky;top:var(--hdr);align-self:start;display:flex;flex-direction:column;gap:18px;padding:clamp(28px,3vw,48px) clamp(18px,3vw,48px) 48px;max-height:none}
.rf-pdp-info .crumbs{font:500 11px var(--rf-m);letter-spacing:.14em;text-transform:uppercase;color:rgba(10,10,11,.6)}
.rf-pdp-name{font:900 clamp(48px,4.6vw,86px)/.86 var(--rf-h);text-transform:uppercase}
.rf-pdp-price{font:900 clamp(36px,3vw,50px)/.9 var(--rf-h);color:var(--rf-red)}
.rf-pdp-desc{font-size:15px;line-height:1.55;color:rgba(10,10,11,.75);max-width:48ch}
.rf-pdp-sizes{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.rf-pdp-sizes legend{padding:0;margin-bottom:10px;color:rgba(10,10,11,.6)}
.rf-pdp-sizes .size-row{display:flex;gap:6px;flex-wrap:wrap}
.rf-pdp-sizes .size{min-width:54px;height:48px;border:1.5px solid rgba(10,10,11,.25);font:700 14px var(--f-t,"Bai Jamjuree");background:transparent;color:var(--rf-ink);transition:background .2s,color .2s,border-color .2s}
.rf-pdp-sizes .size:hover{border-color:var(--rf-ink)}
.rf-pdp-sizes .size.on{background:var(--rf-ink);color:#fff;border-color:var(--rf-ink)}
.rf-pdp-sizes.err .size{border-color:var(--rf-red)}
.rf-pdp-info .buy{display:flex;gap:10px}
.rf-pdp-info .buy .rf-btn{flex:1}
.rf-pdp-info .qty{border:1.5px solid rgba(10,10,11,.25)}
.rf-pdp-fine{font:500 10.5px/1.6 var(--rf-m);letter-spacing:.08em;text-transform:uppercase;color:rgba(10,10,11,.6)}
.rf-pdp-info .product-details{border-top:1px solid rgba(10,10,11,.14)}
@media (max-width:980px){
  .rf-pdp{grid-template-columns:minmax(0,1fr)}
  .rf-pdp-info{position:relative;top:auto}
  .rf-pdp-3d{aspect-ratio:4/4.2}
  .rf-pdp-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .rf-pdp-grid::-webkit-scrollbar{display:none}
  .rf-pg-tile{scroll-snap-align:start}.rf-pg-tile--wide{grid-column:auto}.rf-pg-tile--wide img{aspect-ratio:4/5}
}

/* ---------- sacola ---------- */
.pg--cart{background:var(--rf-paper);color:var(--rf-ink)}
.pg--cart .cart{background:var(--rf-paper)}
.pg--cart .cl h3{font-family:var(--rf-h);font-weight:900;text-transform:uppercase}
.cl-custom{display:block;font:500 11px/1.5 var(--rf-m);letter-spacing:.1em;text-transform:uppercase;color:var(--rf-red)}
.pg--cart .cart-sum{background:var(--rf-ink)}
.pg--cart .cart-empty{background:var(--rf-paper);color:var(--rf-ink)}

/* ---------- times ---------- */
.rf-div--page{padding-top:clamp(40px,5vw,72px)}
.rf-div-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 var(--rf-gut)}
.rf-div-grid .rf-dv a{height:clamp(480px,44vw,720px)}
@media (max-width:760px){.rf-div-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- time (divisão) ---------- */
.th,.th--codm,.th--valorant,.th--academy,.th--r6{background:var(--rf-red);color:var(--rf-ink)}
.th::before,.th::after{display:none!important}
.th-word{opacity:1;color:var(--rf-ink);font-size:clamp(180px,27vw,560px);bottom:-.1em}
.th-copy .k,.th--codm .th-copy .k,.th--academy .th-copy .k{color:var(--rf-ink);font-family:var(--rf-m)}
.th-copy h1,.th--codm .th-copy h1{color:var(--rf-ink)}
.th .crumbs{color:rgba(10,10,11,.7)}
.th .division-manifesto{color:#fff}
.th-player,.th-player small{color:#fff}
.tf{background:var(--rf-ink)}
.roster{background:var(--rf-ink)}
.roster h2{font-family:var(--rf-h);font-weight:900}
.pc-fig{background:var(--rf-red)}
.tnav a{transition:background .25s}
.tnav a:hover{background:var(--rf-red)}

/* ---------- história ---------- */
.rf-legend{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px var(--rf-gut);background:var(--rf-ink);color:#fff;font:500 11px var(--rf-m);letter-spacing:.12em;text-transform:uppercase}
.pg--history .tl-year{font-family:var(--rf-h);font-weight:900}
.pg--history .tl-i--major{background:var(--rf-red);color:var(--rf-ink)}
.pg--history .tl-i--major .tl-year,.pg--history .tl-i--major .tl-score{color:#fff}
.pg--history .tl-i--major .tl-tag{color:var(--rf-ink)}

/* ---------- legado ---------- */
.pg--legacy .lg-head h2{font-family:var(--rf-h);font-weight:900;text-transform:uppercase}
.pg--legacy .lg--codm{background:var(--rf-red);color:var(--rf-ink)}
.pg--legacy .lg--codm .lg-head .k{color:var(--rf-ink)}

/* ---------- parceiros ---------- */
.pg--partners .pp-number{color:var(--rf-red)}
.pg--partners .contact{background:var(--rf-red);color:var(--rf-ink)}
.pg--partners .contact .k{color:var(--rf-ink)}
.pg--partners .chan a:hover{background:var(--rf-ink);color:#fff}

/* ---------- ajustes ---------- */
.rf-ph--cast .rf-ph-h{font-size:clamp(64px,7.4vw,146px)}
.rf-ph--cast .rf-ph-art{min-height:clamp(420px,42vw,700px)}
.rf-ph--cast .rf-ph-cast{left:-2%;right:-8%}
.rf-ph--cast .rf-ph-cast li{margin-inline:-9%}
.th .division-title{color:#fff}
.rf-pdp-3d.is-live{aspect-ratio:auto;height:calc(100svh - var(--hdr))}
.rf-pdp-3d.is-live .rf-pdp-poster{opacity:0}

/* ---------- pedido (status do Stripe) ---------- */
.pg--order .phead{background:var(--rf-red);color:var(--rf-ink)}
.pg--order .phead .k{color:var(--rf-ink)}
.pg--order .phead h1{font-family:var(--rf-h);font-weight:900;text-transform:uppercase}
@media (max-width:980px){.th-word{top:auto;bottom:0;font-size:44vw;line-height:.78}}
.rf-pdp-3dui .rf-k{background:var(--rf-ink);color:#fff;width:auto;padding:6px 9px}
.rf-ph--cast .rf-ph-art{min-height:clamp(360px,33vw,540px)}
.rf-ph--cast .rf-ph-cast li{height:86%}
.rf-ph--cast .rf-ph-cast li:nth-child(2){height:100%}
@media (max-width:900px){.rf-ph--cast .rf-ph-art{min-height:clamp(300px,84vw,500px)}}

/* order page: eyebrow sits above the giant headline, never overlapping it */
.phead--order .k{display:block;margin:0 0 14px;position:relative;z-index:1}
.phead--order h1{margin-top:0}

/* bag / order: functional pages — compact header, no giant wordmark or marquee, content above the fold */
.rf-ph--compact{padding:calc(var(--hdr) + 28px) var(--rf-gut) 28px}
.rf-ph--compact .rf-ph-wm{display:none}
.rf-ph--compact .rf-ph-h{font-size:clamp(56px,7vw,110px);line-height:.85}
.rf-ph--compact + .rf-mq{display:none}
