/* MVK MARINE V6 PREMIUM */
@media(max-width:980px){

.mobile-app{
  background:transparent!important;
  padding-bottom:110px!important;
}

.mobile-top{
  padding:12px 2px 16px!important;
}

.mobile-brand .brand-mark{
  background:linear-gradient(135deg,#07354b,#15799b)!important;
  border:1px solid #45c6e866!important;
  box-shadow:0 0 24px #1abde733!important;
}

.mobile-spot{
  background:linear-gradient(115deg,#123e56,#061b2e)!important;
  border:1px solid #5dc6e855!important;
  border-radius:19px!important;
  box-shadow:inset 0 1px #ffffff16,0 10px 25px #0004!important;
}

.mobile-spot small{
  color:#8fc9df!important;
}

.mobile-spot select{
  color:#fff!important;
  font-weight:700!important;
}

.mvk-v51-hero{
  position:relative!important;
  overflow:hidden!important;
  border-radius:25px!important;
  border:1px solid #4db5d477!important;
  background:
    radial-gradient(ellipse at 90% 0%,#227f9a55,transparent 60%),
    linear-gradient(135deg,#164760,#061a2d)!important;
  box-shadow:inset 0 1px #ffffff22,0 22px 45px #0006!important;
}

.mvk-v51-hero:before{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-65px;
  top:-80px;
  border-radius:50%;
  background:#39caff22;
  filter:blur(28px);
  pointer-events:none;
}

.mvk-v51-hero .mvk-v5-score-ring{
  border-radius:50%!important;
  box-shadow:0 0 30px #ff709944!important;
}

.mvk-v51-hero .mobile-score{
  color:#fff!important;
  text-shadow:0 0 20px #ff749966;
}

.mvk-v51-hero .mobile-live{
  color:#b1d9e8!important;
}

.mvk-v51-hero .mobile-window{
  background:#041b2b99!important;
  border:1px solid #65b9d333!important;
  border-radius:12px!important;
}

.section-title h2{
  letter-spacing:-.04em!important;
}

.mobile-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}

.mobile-metric{
  min-width:0!important;
  padding:11px 6px!important;
  border-radius:15px!important;
  border:1px solid #4b9fbd44!important;
  background:linear-gradient(155deg,#12394e,#071d2e)!important;
  box-shadow:inset 0 1px #ffffff12!important;
}

.mobile-metric-top{
  font-size:10px!important;
}

.mobile-metric-value{
  font-size:clamp(12px,3.6vw,17px)!important;
  letter-spacing:-.05em!important;
  white-space:nowrap!important;
}

.mobile-metric-meta{
  font-size:9px!important;
  line-height:1.3!important;
}

.mvk-v5-tides{
  border-radius:20px!important;
  background:linear-gradient(150deg,#10354a,#071b2b)!important;
  border:1px solid #4e9eb844!important;
}

.mvk-v5-tide-empty{
  background:#061d2d88!important;
  border-radius:14px!important;
}

.activity-card{
  border-radius:15px!important;
  border:1px solid #4e9eb833!important;
  background:linear-gradient(120deg,#103449,#081e2f)!important;
  box-shadow:inset 0 1px #ffffff0c!important;
}

.activity-card-score{
  font-weight:800!important;
}

.activity-bar{
  border-radius:20px!important;
  overflow:visible!important;
}

.bottom-nav{
  background:#071d2af0!important;
  border-top:1px solid #5eb8d244!important;
  backdrop-filter:blur(25px)!important;
  -webkit-backdrop-filter:blur(25px)!important;
  padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
  box-shadow:0 -15px 40px #0007!important;
}

.bottom-nav-item.active{
  color:#64d9ff!important;
}

.bottom-nav-item.active .ico{
  text-shadow:0 0 18px #29caff99!important;
}

}

@media(max-width:360px){
.mobile-metric{
  padding:9px 4px!important;
}
.mobile-metric-value{
  font-size:12px!important;
}
}


/* MVK V6 PREMIUM PHASE 1: isolated mobile refinements */
@media(max-width:980px){
html{scroll-behavior:smooth}
body{background:#02121e!important}
.mobile-app{position:relative!important;isolation:isolate!important;padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
.mobile-app::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-12px;right:-12px;top:0;height:310px;background:radial-gradient(ellipse at 85% 0%,rgba(255,131,122,.28),transparent 42%),radial-gradient(ellipse at 15% 40%,rgba(0,173,230,.22),transparent 50%),linear-gradient(180deg,#082d48,transparent)}
.mobile-top{min-height:77px!important;position:relative!important}
.mobile-brand .brand-mark{box-shadow:0 0 18px #00c5ff70,inset 0 1px #ffffff88!important}
.mobile-spot{position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff24,0 10px 22px #0005!important}
.mobile-spot:after{content:"";position:absolute;right:-15px;bottom:-30px;width:50%;height:100px;pointer-events:none;background:radial-gradient(ellipse,#16a4c833,transparent 75%)}
.mvk-v51-hero{position:relative!important;overflow:hidden!important;box-shadow:0 0 0 1px #48bdfb1c,0 16px 40px #0008,inset 0 1px #ffffff25!important}
.mvk-v51-hero:after{content:"";position:absolute;right:-6%;bottom:-20%;width:65%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 80% 65%,#fd7f7c35,transparent 65%),repeating-linear-gradient(175deg,transparent 0 16px,#37c4f008 17px 19px);opacity:.8}
.mvk-v5-score-ring{filter:drop-shadow(0 0 12px #fb547266)!important}
.mobile-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.mobile-metric{min-width:0!important;overflow:hidden!important}
.mobile-metric:before{content:"";position:absolute;bottom:-13px;left:-12%;right:-12%;height:38px;opacity:.4;background:radial-gradient(ellipse at 50% 100%,#2ed9ff90,transparent 72%);pointer-events:none}
.mobile-metric-value{white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
.mvk-v5-tides{position:relative!important;overflow:hidden!important}
.mvk-v5-tide-empty{min-height:68px!important}
.activity-card{position:relative!important;min-height:0!important;margin-bottom:6px!important;padding:10px 13px!important;overflow:hidden!important}
.activity-card-top{margin-bottom:5px!important}
.activity-card-name{font-size:12px!important}
.activity-card-score{font-variant-numeric:tabular-nums!important}
.activity-bar{height:5px!important}
.activity-label{font-size:10px!important;margin-top:5px!important}
.activity-cursor{transform:translateX(-50%)!important}
.bottom-nav{position:fixed!important;z-index:999!important;left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;margin:0!important;border:1px solid #5dc5ff55!important;border-radius:20px!important;background:rgba(2,25,43,.93)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;box-shadow:0 12px 35px #000b,inset 0 1px #ffffff20!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;padding:9px 4px!important}
.bottom-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-decoration:none!important;color:#8daac2!important;min-width:0!important;min-height:49px!important;font-size:10px!important}
.bottom-nav-item .ico{font-size:23px!important;line-height:1.15!important}
.bottom-nav-item.active{color:#57d5ff!important;text-shadow:0 0 12px #00bfff88!important}
#mvk-v6-top,#mvk-v6-spot,#mvk-v6-activities,#mvk-v6-forecast{scroll-margin-top:20px}
}
@media(max-width:370px){.mobile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-metric{min-height:95px!important}}

/* MVK V6 - NAVIGATION IPHONE */
@media(max-width:980px){
  .mobile-app{
    padding-bottom:150px!important;
  }
  .bottom-nav{
    position:sticky!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    margin-top:28px!important;
    z-index:50!important;
  }
  .activity-card{
    position:relative!important;
    z-index:1!important;
  }
}

/* MVK V6 - NAVIGATION SANS CHEVAUCHEMENT */
@media(max-width:980px){
  .bottom-nav{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    margin:24px 0 0!important;
    z-index:10!important;
  }
  .mobile-app{
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }
}