/*
Theme Name: WheelMates Kickass
Theme URI: https://example.com/wheelmates-kickass
Author: UndeadTankTech + OpenAI
Author URI: https://undeadtanktech.com
Description: A high-impact WordPress game landing theme for WheelMates, using custom generated RC-car adventure artwork, cinematic sections, animated cards, media previews, community CTAs, and conversion-focused Steam wishlist buttons.
Version: 2.4.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: wheelmates-kickass
*/

:root{
  --wm-ink:#ffffff;
  --wm-muted:rgba(255,255,255,.76);
  --wm-blue-950:#020b2d;
  --wm-blue-900:#041648;
  --wm-blue-800:#08246d;
  --wm-blue-700:#0a3b9a;
  --wm-blue-600:#1464d8;
  --wm-cyan:#67d7ff;
  --wm-orange:#ff8b18;
  --wm-orange-2:#ffb13b;
  --wm-purple:#6b69ff;
  --wm-panel:rgba(8,50,132,.76);
  --wm-panel-2:rgba(7,30,86,.85);
  --wm-line:rgba(161,211,255,.23);
  --wm-shadow:0 28px 70px rgba(0,4,28,.45);
  --wm-radius:30px;
  --wm-radius-sm:18px;
  --wm-wrap:min(1220px,calc(100% - 36px));
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--wm-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 2%,rgba(78,124,255,.24),transparent 38%),radial-gradient(circle at 95% 14%,rgba(255,139,24,.13),transparent 25%),linear-gradient(180deg,#020b2d 0%,#051d58 38%,#073285 62%,#020b2d 100%);line-height:1.55;overflow-x:hidden} body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 68%,transparent);opacity:.5} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.wm-wrap{width:var(--wm-wrap);margin:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.wm-glow{position:absolute;filter:blur(48px);opacity:.55;pointer-events:none}.wm-glow--orange{background:var(--wm-orange);width:260px;height:260px;border-radius:999px}.wm-glow--cyan{background:#1ea7ff;width:300px;height:300px;border-radius:999px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(2,11,45,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.site-header__inner{width:var(--wm-wrap);margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:86px}.wm-logo{display:inline-flex;flex-direction:column;line-height:.82;text-transform:uppercase;font-weight:1000;letter-spacing:-.055em;filter:drop-shadow(0 9px 0 rgba(0,0,0,.28)) drop-shadow(0 15px 18px rgba(0,0,0,.28))}.wm-logo span{display:block;-webkit-text-stroke:4px #071138;paint-order:stroke fill;text-shadow:0 2px 0 #fff,0 5px 0 rgba(0,0,0,.2)}.wm-logo__wheel{font-size:clamp(1.5rem,2.7vw,2.15rem);color:#a5ddff}.wm-logo__mates{font-size:clamp(1.5rem,2.7vw,2.15rem);color:#ffa33a;margin-left:.08em}.nav-menu,.primary-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:24px;justify-content:center}.nav-menu a,.primary-nav a{font-weight:800;font-size:.95rem;color:rgba(255,255,255,.88);position:relative}.nav-menu a:after,.primary-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:99px;background:linear-gradient(90deg,#fff,var(--wm-cyan));transform:scaleX(0);transform-origin:left;transition:.22s}.nav-menu a:hover:after,.primary-nav a:hover:after{transform:scaleX(1)}.wm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;padding:15px 22px;color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(180deg,#ffae31,#ff7214);box-shadow:0 18px 30px rgba(255,121,18,.28),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}.wm-btn:hover{transform:translateY(-3px);box-shadow:0 24px 40px rgba(255,121,18,.38),inset 0 1px 0 rgba(255,255,255,.35)}.wm-btn--blue{background:linear-gradient(180deg,#668cff,#4568ff);box-shadow:0 18px 30px rgba(74,108,255,.26)}.wm-btn--ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}

.hero{padding:28px 0 18px}.hero__stage{position:relative;min-height:760px;overflow:hidden;border-radius:42px;background:#05163e;box-shadow:var(--wm-shadow);isolation:isolate;border:1px solid rgba(255,255,255,.12)}.hero__stage:after{content:"";position:absolute;inset:auto 0 0;height:250px;background:linear-gradient(180deg,transparent,rgba(5,31,103,.94));z-index:1}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);will-change:transform}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,31,.93) 0%,rgba(2,13,50,.83) 30%,rgba(2,13,50,.3) 62%,rgba(2,13,50,.08) 100%),radial-gradient(circle at 74% 45%,rgba(255,139,24,.13),transparent 30%);z-index:1}.hero__content{position:relative;z-index:2;width:min(590px,100%);padding:62px 34px}.hero__logo{scale:1.65;transform-origin:left top;margin:0 0 20px}.hero__logo .wm-logo__wheel,.hero__logo .wm-logo__mates{font-size:clamp(1.8rem,4vw,2.45rem)}.hero h1{font-size:clamp(3.1rem,7vw,5.7rem);line-height:.9;letter-spacing:-.07em;margin:28px 0 18px}.hero h1 strong{display:block;color:var(--wm-orange);font-weight:1000}.hero p{font-size:1.18rem;color:var(--wm-muted);max-width:540px;margin:0 0 26px}.hero__actions{display:flex;gap:14px;flex-wrap:wrap}.hero__stats{position:absolute;z-index:3;left:34px;right:34px;bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-tile{padding:18px 20px;border-radius:20px;background:rgba(4,24,72,.74);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(16px)}.stat-tile b{display:block;font-size:1.6rem;line-height:1;color:#fff}.stat-tile span{display:block;color:var(--wm-muted);font-weight:800;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}

.wm-section{padding:22px 0}.wm-panel{position:relative;border-radius:var(--wm-radius);background:linear-gradient(180deg,rgba(10,58,155,.87),rgba(5,32,99,.88));border:1px solid var(--wm-line);box-shadow:var(--wm-shadow);overflow:hidden}.wm-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(103,215,255,.18),transparent 30%),radial-gradient(circle at 90% 15%,rgba(255,139,24,.14),transparent 26%);pointer-events:none}.section-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.kicker{display:inline-flex;align-items:center;gap:10px;color:#b9e8ff;text-transform:uppercase;font-weight:1000;letter-spacing:.12em;font-size:.82rem}.kicker:before{content:"";width:28px;height:4px;border-radius:9px;background:linear-gradient(90deg,var(--wm-orange),var(--wm-cyan))}.section-head h2{font-size:clamp(2rem,4.5vw,3.6rem);line-height:.94;letter-spacing:-.055em;margin:8px 0 0}.section-head p{max-width:520px;color:var(--wm-muted);margin:0}.feature-section,.media-section,.world-section,.cta-section,.faq-section{padding:28px}.feature-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{position:relative;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(21,97,220,.72),rgba(7,42,123,.86));border:1px solid rgba(177,219,255,.23);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform .22s,border-color .22s}.feature-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.44)}.feature-card img{width:112px;height:112px;object-fit:cover;border-radius:24px;margin:0 auto 18px;box-shadow:0 15px 32px rgba(0,0,0,.25)}.feature-card h3{font-size:1.45rem;line-height:1.1;text-align:center;margin:0 0 10px}.feature-card p{text-align:center;margin:0;color:var(--wm-muted)}

.world-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.world-copy h2{font-size:clamp(2.3rem,5vw,4.4rem);line-height:.92;letter-spacing:-.06em;margin:0 0 16px}.world-copy h2 span{color:var(--wm-orange)}.world-copy p{color:var(--wm-muted);font-size:1.08rem;margin:0 0 20px}.world-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.world-point{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:850}.world-art{position:relative}.world-art img{border-radius:28px;box-shadow:0 24px 52px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.16)}.world-art:after{content:"";position:absolute;inset:10% -7% -7% 12%;background:linear-gradient(135deg,var(--wm-orange),transparent,var(--wm-cyan));z-index:-1;filter:blur(30px);opacity:.5}

.media-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.media-card{position:relative;min-height:235px;border-radius:22px;overflow:hidden;border:2px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.22);cursor:pointer}.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}.media-card:hover img{transform:scale(1.08);filter:saturate(1.2)}.media-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,12,46,.75));z-index:1}.media-card:after{content:"▶";position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:999px;border:3px solid #fff;background:rgba(255,255,255,.11);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:1.6rem}.media-card__label{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;font-weight:950;font-size:1.05rem}

.info-band{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:0;position:relative}.info-box{padding:28px;display:flex;gap:18px;align-items:center}.info-box+ .info-box{border-left:1px solid rgba(255,255,255,.12)}.info-icon{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;flex:0 0 74px;background:rgba(255,255,255,.1);overflow:hidden;font-size:2rem}.info-box small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#bdeaff;font-weight:1000}.info-box b{display:block;font-size:2.3rem;line-height:1;margin-top:4px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.tag{border-radius:12px;padding:9px 13px;background:linear-gradient(180deg,#5f8cff,#456bde);font-weight:950}.tag--orange{background:linear-gradient(180deg,#ffad37,#ff7816)}

.cta-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr auto;align-items:center;gap:22px}.cta-section h2{font-size:clamp(2.2rem,5vw,4rem);line-height:.92;letter-spacing:-.06em;margin:0 0 12px}.cta-section p{color:var(--wm-muted);margin:0 0 20px}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-weight:950}.newsletter{display:flex;gap:10px}.newsletter input{min-width:0;flex:1;border:0;border-radius:14px;padding:16px 17px;background:#fff;color:#0b194f;font-weight:700}.cta-art img{width:240px;filter:drop-shadow(0 24px 28px rgba(0,0,0,.35))}

.faq-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faq-card{padding:22px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.faq-card h3{margin:0 0 8px;font-size:1.2rem}.faq-card p{margin:0;color:var(--wm-muted)}

.site-footer{padding:24px 0 42px}.site-footer__inner{padding:28px;border-radius:var(--wm-radius);background:rgba(2,11,45,.86);border:1px solid rgba(255,255,255,.1);box-shadow:var(--wm-shadow);display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:26px}.site-footer h4{margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;color:#bdeaff}.site-footer p,.site-footer li{color:var(--wm-muted)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-icons{display:flex;gap:10px}.footer-icons a{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-weight:1000}.copyright{grid-column:1/-1;text-align:center;color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.09);padding-top:18px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}.wm-modal{position:fixed;inset:0;z-index:100;background:rgba(0,5,26,.82);display:none;align-items:center;justify-content:center;padding:24px}.wm-modal.is-open{display:flex}.wm-modal img{max-width:min(1100px,94vw);max-height:82vh;border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.55)}.wm-modal button{position:absolute;top:24px;right:24px;border:0;border-radius:999px;width:48px;height:48px;color:#fff;background:rgba(255,255,255,.12);font-size:1.5rem;cursor:pointer}

@media(max-width:1100px){.feature-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.world-grid,.cta-grid,.info-band,.site-footer__inner{grid-template-columns:1fr}.info-box+.info-box{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.hero__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:840px){.site-header__inner{grid-template-columns:1fr;justify-items:center;padding:14px 0}.nav-menu,.primary-nav ul{flex-wrap:wrap;gap:12px 18px}.hero__stage{min-height:720px}.hero__stats{position:relative;left:auto;right:auto;bottom:auto;padding:0 22px 22px;grid-template-columns:1fr;z-index:2}.world-points,.faq-grid{grid-template-columns:1fr}.cta-art{display:none}}@media(max-width:620px){:root{--wm-wrap:min(100% - 20px,100%)}.hero__content{padding:34px 22px}.hero__logo{scale:1.25}.feature-grid,.media-grid{grid-template-columns:1fr}.section-head{display:block}.newsletter{flex-direction:column}.media-card{min-height:260px}.wm-btn{width:100%}}

/* WheelMates Kickass v2.1.0: media/gallery cleanup and plugin compatibility */
.media-section{
  padding:clamp(28px,4vw,48px) !important;
}
.media-section > .wm-video-gallery,
.media-section > .wheelmates-video-gallery{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.media-section .section-head,
.wm-video-gallery .section-head,
.wheelmates-video-gallery .section-head{
  margin-bottom:28px !important;
}
.media-section .section-head h2,
.wm-video-gallery h2,
.wheelmates-video-gallery h2{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(2.45rem,5vw,4.6rem) !important;
  line-height:.95 !important;
  letter-spacing:-.06em !important;
}
.media-section .section-head p,
.wm-video-gallery .section-head p,
.wheelmates-video-gallery .section-head p{
  max-width:850px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:clamp(1rem,1.4vw,1.25rem) !important;
}
.media-grid,
.wm-video-grid,
.wheelmates-video-grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(18px,2vw,28px) !important;
}
.media-card,
.wm-video-card,
.wheelmates-video-card{
  position:relative !important;
  min-height:350px !important;
  padding:0 !important;
  border:4px solid rgba(255,255,255,.86) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  background:#061b55 !important;
  box-shadow:0 22px 44px rgba(0,0,0,.30) !important;
  isolation:isolate !important;
}
.media-card img,
.wm-video-card img,
.wheelmates-video-card img{
  width:100% !important;
  height:100% !important;
  min-height:350px !important;
  object-fit:cover !important;
  transition:transform .4s ease,filter .4s ease !important;
}
.media-card:hover img,
.wm-video-card:hover img,
.wheelmates-video-card:hover img{
  transform:scale(1.06) !important;
  filter:saturate(1.15) brightness(1.08) !important;
}
.media-card:before,
.wm-video-card:before,
.wheelmates-video-card:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,rgba(3,10,32,.02) 0%,rgba(3,10,32,.22) 42%,rgba(3,10,32,.94) 100%) !important;
}
.media-card:after,
.wm-video-card:after,
.wheelmates-video-card:after{
  content:none !important;
}
.media-card__play,
.wm-video-card__play,
.wheelmates-video-card__play,
.media-card .play,
.wm-video-card .play,
.wheelmates-video-card .play{
  position:absolute !important;
  z-index:2 !important;
  top:42% !important;
  left:50% !important;
  width:94px !important;
  height:94px !important;
  transform:translate(-50%,-50%) !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:5px solid rgba(255,255,255,.94) !important;
  background:rgba(255,255,255,.14) !important;
  backdrop-filter:blur(8px) !important;
  color:#fff !important;
  font-size:2rem !important;
  line-height:1 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.34) !important;
  text-shadow:0 3px 10px rgba(0,0,0,.55) !important;
}
.media-card__content,
.wm-video-card__content,
.wheelmates-video-card__content{
  position:absolute !important;
  z-index:3 !important;
  left:22px !important;
  right:22px !important;
  bottom:22px !important;
  display:grid !important;
  gap:8px !important;
  text-align:left !important;
}
.media-card__badge,
.wm-video-card__badge,
.wheelmates-video-card__badge,
.media-card__pill,
.wm-video-card__pill{
  justify-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  width:auto !important;
  max-width:max-content !important;
  padding:8px 15px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#ffad45,#f07b19) !important;
  color:#fff !important;
  font-size:.82rem !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
}
.media-card__title,
.wm-video-card__title,
.wheelmates-video-card__title{
  display:block !important;
  color:#fff !important;
  font-size:clamp(1.55rem,2vw,2.1rem) !important;
  font-weight:950 !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 5px 18px rgba(0,0,0,.9) !important;
}
.media-card__desc,
.wm-video-card__desc,
.wheelmates-video-card__desc{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  color:rgba(255,255,255,.86) !important;
  font-size:.98rem !important;
  font-weight:650 !important;
  line-height:1.3 !important;
  text-shadow:0 4px 14px rgba(0,0,0,.9) !important;
}
.media-card__label{
  display:none !important;
}
.wm-video-embed,
.wheelmates-video-embed{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:#020b24 !important;
}
.wm-video-embed iframe,
.wheelmates-video-embed iframe{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
}
@media(max-width:1180px){
  .media-grid,.wm-video-grid,.wheelmates-video-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .media-grid,.wm-video-grid,.wheelmates-video-grid{grid-template-columns:1fr !important;}
  .media-card,.wm-video-card,.wheelmates-video-card,.media-card img,.wm-video-card img,.wheelmates-video-card img{min-height:320px !important;}
  .media-card__play,.wm-video-card__play,.wheelmates-video-card__play{width:84px !important;height:84px !important;font-size:1.9rem !important;}
}

/* --------------------------------------------------------------------------
   WheelMates Media Gallery final cleanup - v2.2.0
   This overrides both the theme fallback media cards and the video plugin's
   wmvg-* markup so the section stays polished even when plugin data is old.
-------------------------------------------------------------------------- */
.media-section {
  padding: clamp(30px, 4vw, 52px) !important;
}

.media-section > .wmvg-wrap {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.media-section .section-head,
.media-section .wmvg-head {
  display: block !important;
  margin: 0 0 clamp(24px, 3vw, 34px) !important;
  max-width: 980px !important;
}

.media-section .kicker,
.media-section .wmvg-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  color: #bde8ff !important;
  font-size: .95rem !important;
  font-weight: 1000 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.media-section .kicker::before,
.media-section .wmvg-kicker::before {
  content: "" !important;
  width: 28px !important;
  height: 4px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, var(--wm-orange), var(--wm-cyan)) !important;
}

.media-section h2,
.media-section .wmvg-head h2 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: clamp(2.55rem, 5vw, 5.1rem) !important;
  font-weight: 1000 !important;
  line-height: .92 !important;
  letter-spacing: -.065em !important;
  text-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
}

.media-section .section-head p,
.media-section .wmvg-head p {
  max-width: 880px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-size: clamp(1.05rem, 1.45vw, 1.28rem) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.media-grid,
.wmvg-grid,
.wm-video-grid {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 26px) !important;
  align-items: stretch !important;
}

.media-card,
.wmvg-card,
.wm-video-card {
  appearance: none !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 360px !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 4px solid rgba(255,255,255,.86) !important;
  border-radius: 28px !important;
  background: #071a55 !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  cursor: pointer !important;
  text-align: left !important;
  transform: translateZ(0) !important;
}

.media-card img,
.wmvg-card img,
.wm-video-card img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.02) !important;
  transition: transform .42s ease, filter .42s ease !important;
}

.media-card:hover img,
.wmvg-card:hover img,
.wm-video-card:hover img {
  transform: scale(1.09) !important;
  filter: saturate(1.18) brightness(1.08) !important;
}

.media-card::before,
.wmvg-card::before,
.wm-video-card::before,
.wmvg-shade {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 70% 20%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(2,8,31,.02) 0%, rgba(2,8,31,.18) 35%, rgba(2,8,31,.68) 64%, rgba(2,8,31,.96) 100%) !important;
}

.media-card::after,
.wmvg-card::after,
.wm-video-card::after {
  content: none !important;
}

.media-card__play,
.wmvg-play,
.wm-video-card__play {
  position: absolute !important;
  z-index: 3 !important;
  top: 22px !important;
  right: 22px !important;
  left: auto !important;
  width: 64px !important;
  height: 64px !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 4px solid rgba(255,255,255,.94) !important;
  background: rgba(72,135,224,.58) !important;
  backdrop-filter: blur(10px) !important;
  color: #fff !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  box-shadow: 0 14px 26px rgba(0,0,0,.34) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.55) !important;
}

.media-card__content,
.wmvg-copy,
.wm-video-card__content {
  position: absolute !important;
  z-index: 4 !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 22px !important;
  display: grid !important;
  gap: 8px !important;
  text-align: left !important;
  pointer-events: none !important;
}

.media-card__badge,
.wmvg-label,
.wm-video-card__badge {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 100% !important;
  margin: 0 0 2px !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,#ffad45,#f07a18) !important;
  color: #fff !important;
  font-size: .78rem !important;
  font-weight: 1000 !important;
  letter-spacing: .07em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.3) !important;
}

.media-card__title,
.wmvg-copy strong,
.wm-video-card__title {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.45rem, 1.9vw, 2.05rem) !important;
  font-weight: 1000 !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  text-shadow: 0 5px 18px rgba(0,0,0,.92) !important;
}

.media-card__desc,
.wmvg-copy small,
.wm-video-card__desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: .98rem !important;
  font-weight: 650 !important;
  line-height: 1.32 !important;
  text-shadow: 0 4px 14px rgba(0,0,0,.92) !important;
}

.media-card__label {
  display: none !important;
}

.wmvg-modal[hidden] {
  display: none !important;
}

.wmvg-modal:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

.wmvg-modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,5,26,.86) !important;
  backdrop-filter: blur(10px) !important;
}

.wmvg-modal__box {
  position: relative !important;
  z-index: 1 !important;
  width: min(1100px, 94vw) !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 32px 90px rgba(0,0,0,.6) !important;
  background: #020b2d !important;
}

.wmvg-modal__box iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

.wmvg-modal__close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 2 !important;
  width: 46px !important;
  height: 46px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(0,0,0,.42) !important;
  font-size: 1.6rem !important;
  cursor: pointer !important;
}

@media (max-width: 1180px) {
  .media-grid,
  .wmvg-grid,
  .wm-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .media-grid,
  .wmvg-grid,
  .wm-video-grid {
    grid-template-columns: 1fr !important;
  }
  .media-card,
  .wmvg-card,
  .wm-video-card {
    min-height: 330px !important;
  }
  .media-section h2,
  .media-section .wmvg-head h2 {
    font-size: clamp(2.3rem, 13vw, 3.4rem) !important;
  }
}


/* WheelMates Kickass v2.3.0: final video gallery polish.
   Card text is intentionally NOT changed here; titles, badges, and descriptions should come from the WheelMates Video Gallery plugin/admin entries. */
.media-section {
  padding: clamp(34px, 4vw, 56px) !important;
}

.media-section > .wm-video-gallery,
.media-section > .wheelmates-video-gallery,
.media-section > .wmvg-gallery {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.media-section .section-head,
.wm-video-gallery .section-head,
.wheelmates-video-gallery .section-head,
.wmvg-gallery .section-head,
.wmvg-head {
  margin-bottom: clamp(26px, 3vw, 38px) !important;
}

.media-section .section-head h2,
.wm-video-gallery h2,
.wheelmates-video-gallery h2,
.wmvg-gallery h2,
.wmvg-head h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2.65rem, 5vw, 5rem) !important;
  line-height: .93 !important;
  letter-spacing: -0.065em !important;
}

.media-section .section-head p,
.wm-video-gallery .section-head p,
.wheelmates-video-gallery .section-head p,
.wmvg-gallery .section-head p,
.wmvg-head p {
  max-width: 980px !important;
  color: rgba(255,255,255,.76) !important;
  font-size: clamp(1rem, 1.35vw, 1.28rem) !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

.media-grid,
.wm-video-grid,
.wheelmates-video-grid,
.wmvg-grid {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.2vw, 32px) !important;
  align-items: stretch !important;
}

.media-card,
.wm-video-card,
.wheelmates-video-card,
.wmvg-card {
  position: relative !important;
  display: block !important;
  min-height: 360px !important;
  padding: 0 !important;
  border: 4px solid rgba(255,255,255,.88) !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: #07133d !important;
  box-shadow: 0 26px 54px rgba(0,0,0,.34) !important;
  isolation: isolate !important;
}

.media-card img,
.wm-video-card img,
.wheelmates-video-card img,
.wmvg-card img,
.wmvg-thumb img {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  object-fit: cover !important;
  transition: transform .42s ease, filter .42s ease !important;
}

.media-card:hover img,
.wm-video-card:hover img,
.wheelmates-video-card:hover img,
.wmvg-card:hover img {
  transform: scale(1.06) !important;
  filter: saturate(1.18) brightness(1.08) !important;
}

.media-card::before,
.wm-video-card::before,
.wheelmates-video-card::before,
.wmvg-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.16), transparent 20%),
    linear-gradient(180deg, rgba(2,8,31,.03) 0%, rgba(2,8,31,.2) 38%, rgba(2,8,31,.96) 100%) !important;
}

.media-card::after,
.wm-video-card::after,
.wheelmates-video-card::after,
.wmvg-card::after {
  content: none !important;
}

/* Premium circular play button. Uses CSS triangle so the plugin text/icon cannot turn into a square. */
.media-card__play,
.wm-video-card__play,
.wheelmates-video-card__play,
.wmvg-play,
.media-card .play,
.wm-video-card .play,
.wheelmates-video-card .play {
  position: absolute !important;
  z-index: 4 !important;
  top: 28px !important;
  right: 28px !important;
  left: auto !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 4px solid rgba(255,255,255,.95) !important;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.42), rgba(255,255,255,.16) 44%, rgba(255,143,28,.28) 100%) !important;
  backdrop-filter: blur(12px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.25) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

.media-card__play::before,
.wm-video-card__play::before,
.wheelmates-video-card__play::before,
.wmvg-play::before,
.media-card .play::before,
.wm-video-card .play::before,
.wheelmates-video-card .play::before {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: 7px !important;
  border-top: 17px solid transparent !important;
  border-bottom: 17px solid transparent !important;
  border-left: 27px solid #fff !important;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.35)) !important;
}

.media-card:hover .media-card__play,
.wm-video-card:hover .wm-video-card__play,
.wheelmates-video-card:hover .wheelmates-video-card__play,
.wmvg-card:hover .wmvg-play {
  transform: translateY(-3px) scale(1.04) !important;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.5), rgba(255,255,255,.18) 42%, rgba(255,143,28,.42) 100%) !important;
}

.media-card__content,
.wm-video-card__content,
.wheelmates-video-card__content,
.wmvg-copy,
.wmvg-card-content {
  position: absolute !important;
  z-index: 3 !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  display: grid !important;
  gap: 9px !important;
  text-align: left !important;
}

.media-card__badge,
.wm-video-card__badge,
.wheelmates-video-card__badge,
.wmvg-label,
.wmvg-badge,
.media-card__pill,
.wm-video-card__pill {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffb44d, #f07918) !important;
  color: #fff !important;
  font-size: .82rem !important;
  font-weight: 1000 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 9px 20px rgba(0,0,0,.3) !important;
}

.media-card__title,
.wm-video-card__title,
.wheelmates-video-card__title,
.wmvg-title,
.wmvg-copy strong,
.wmvg-card-title {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2rem, 2.5vw, 2.7rem) !important;
  font-weight: 1000 !important;
  line-height: .92 !important;
  letter-spacing: -0.055em !important;
  text-shadow: 0 6px 20px rgba(0,0,0,.92) !important;
}

.media-card__desc,
.wm-video-card__desc,
.wheelmates-video-card__desc,
.wmvg-desc,
.wmvg-copy small,
.wmvg-card-desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 1.02rem !important;
  font-weight: 760 !important;
  line-height: 1.26 !important;
  text-shadow: 0 5px 16px rgba(0,0,0,.92) !important;
}

.media-card__label {
  display: none !important;
}

.wm-video-embed,
.wmvg-embed {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #020b24 !important;
}
.wm-video-embed iframe,
.wmvg-embed iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

@media(max-width:1180px){
  .media-grid,.wm-video-grid,.wheelmates-video-grid,.wmvg-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .media-grid,.wm-video-grid,.wheelmates-video-grid,.wmvg-grid{grid-template-columns:1fr !important;}
  .media-card,.wm-video-card,.wheelmates-video-card,.wmvg-card,.media-card img,.wm-video-card img,.wheelmates-video-card img,.wmvg-card img{min-height:330px !important;}
  .media-card__play,.wm-video-card__play,.wheelmates-video-card__play,.wmvg-play{width:72px !important;height:72px !important;min-width:72px !important;min-height:72px !important;top:22px !important;right:22px !important;}
  .media-card__play::before,.wm-video-card__play::before,.wheelmates-video-card__play::before,.wmvg-play::before{border-top-width:14px !important;border-bottom-width:14px !important;border-left-width:22px !important;}
}

/* WheelMates Kickass v2.4.0: hard fix for plugin play icons and media cards.
   Text values are NOT rewritten here. The plugin/admin owns badge, title, and description. */
.media-section,
.wm-video-gallery,
.wheelmates-video-gallery,
.wmvg-gallery {
  overflow: visible !important;
}

.media-grid,
.wm-video-grid,
.wheelmates-video-grid,
.wmvg-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.2vw, 34px) !important;
  align-items: stretch !important;
}

.media-card,
.wm-video-card,
.wheelmates-video-card,
.wmvg-card {
  position: relative !important;
  display: block !important;
  min-height: 360px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 4px solid rgba(255,255,255,.88) !important;
  border-radius: 30px !important;
  background: #06133d !important;
  box-shadow: 0 26px 54px rgba(0,0,0,.34) !important;
  isolation: isolate !important;
}

.media-card img,
.wm-video-card img,
.wheelmates-video-card img,
.wmvg-card img,
.wmvg-thumb img {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  object-fit: cover !important;
  transform: none;
}

.media-card:hover img,
.wm-video-card:hover img,
.wheelmates-video-card:hover img,
.wmvg-card:hover img {
  transform: scale(1.055) !important;
  filter: saturate(1.16) brightness(1.08) !important;
}

.media-card::before,
.wm-video-card::before,
.wheelmates-video-card::before,
.wmvg-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(2,8,31,.02) 0%, rgba(2,8,31,.22) 42%, rgba(2,8,31,.96) 100%) !important;
}

.media-card::after,
.wm-video-card::after,
.wheelmates-video-card::after,
.wmvg-card::after {
  content: none !important;
  display: none !important;
}

/* Play button: hide plugin SVG/text children, then draw our own small triangle. */
.media-card__play,
.wm-video-card__play,
.wheelmates-video-card__play,
.wmvg-play,
.media-card .play,
.wm-video-card .play,
.wheelmates-video-card .play,
.wmvg-card .play {
  position: absolute !important;
  z-index: 4 !important;
  top: 24px !important;
  right: 24px !important;
  left: auto !important;
  bottom: auto !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  max-width: 74px !important;
  max-height: 74px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 4px solid rgba(255,255,255,.95) !important;
  background: radial-gradient(circle at 30% 24%, rgba(255,255,255,.42), rgba(255,255,255,.18) 43%, rgba(255,143,28,.32) 100%) !important;
  backdrop-filter: blur(12px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.2) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.36) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
}

.media-card__play > *,
.wm-video-card__play > *,
.wheelmates-video-card__play > *,
.wmvg-play > *,
.media-card .play > *,
.wm-video-card .play > *,
.wheelmates-video-card .play > *,
.wmvg-card .play > *,
.media-card__play svg,
.wm-video-card__play svg,
.wheelmates-video-card__play svg,
.wmvg-play svg,
.media-card .play svg,
.wm-video-card .play svg,
.wheelmates-video-card .play svg,
.wmvg-card .play svg {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.media-card__play::after,
.wm-video-card__play::after,
.wheelmates-video-card__play::after,
.wmvg-play::after,
.media-card .play::after,
.wm-video-card .play::after,
.wheelmates-video-card .play::after,
.wmvg-card .play::after {
  content: none !important;
  display: none !important;
}

.media-card__play::before,
.wm-video-card__play::before,
.wheelmates-video-card__play::before,
.wmvg-play::before,
.media-card .play::before,
.wm-video-card .play::before,
.wheelmates-video-card .play::before,
.wmvg-card .play::before {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: 6px !important;
  border-top: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
  border-left: 24px solid #fff !important;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.35)) !important;
}

.media-card:hover .media-card__play,
.wm-video-card:hover .wm-video-card__play,
.wheelmates-video-card:hover .wheelmates-video-card__play,
.wmvg-card:hover .wmvg-play,
.media-card:hover .play,
.wm-video-card:hover .play,
.wheelmates-video-card:hover .play {
  transform: translateY(-2px) scale(1.04) !important;
}

.media-card__content,
.wm-video-card__content,
.wheelmates-video-card__content,
.wmvg-copy,
.wmvg-card-content {
  position: absolute !important;
  z-index: 3 !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  display: grid !important;
  gap: 8px !important;
  text-align: left !important;
}

.media-card__badge,
.wm-video-card__badge,
.wheelmates-video-card__badge,
.wmvg-label,
.wmvg-badge,
.media-card__pill,
.wm-video-card__pill {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 34px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffb44d, #f07918) !important;
  color: #fff !important;
  font-size: .82rem !important;
  font-weight: 1000 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 9px 20px rgba(0,0,0,.3) !important;
}

.media-card__title,
.wm-video-card__title,
.wheelmates-video-card__title,
.wmvg-title,
.wmvg-copy strong,
.wmvg-card-title {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.85rem, 2.35vw, 2.55rem) !important;
  font-weight: 1000 !important;
  line-height: .92 !important;
  letter-spacing: -0.055em !important;
  text-shadow: 0 6px 20px rgba(0,0,0,.92) !important;
}

.media-card__desc,
.wm-video-card__desc,
.wheelmates-video-card__desc,
.wmvg-desc,
.wmvg-copy small,
.wmvg-card-desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
  line-height: 1.27 !important;
  text-shadow: 0 5px 16px rgba(0,0,0,.92) !important;
}

.media-card__label {
  display: none !important;
}

@media(max-width:1180px){
  .media-grid,.wm-video-grid,.wheelmates-video-grid,.wmvg-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .media-grid,.wm-video-grid,.wheelmates-video-grid,.wmvg-grid{grid-template-columns:1fr !important;}
  .media-card,.wm-video-card,.wheelmates-video-card,.wmvg-card,.media-card img,.wm-video-card img,.wheelmates-video-card img,.wmvg-card img{min-height:330px !important;}
  .media-card__play,.wm-video-card__play,.wheelmates-video-card__play,.wmvg-play,.media-card .play,.wm-video-card .play,.wheelmates-video-card .play,.wmvg-card .play{width:64px !important;height:64px !important;min-width:64px !important;min-height:64px !important;max-width:64px !important;max-height:64px !important;top:20px !important;right:20px !important;}
  .media-card__play::before,.wm-video-card__play::before,.wheelmates-video-card__play::before,.wmvg-play::before,.media-card .play::before,.wm-video-card .play::before,.wheelmates-video-card .play::before,.wmvg-card .play::before{border-top-width:12px !important;border-bottom-width:12px !important;border-left-width:20px !important;}
}

