/* =========================================================
   PORT STAR MARINE — SITE-WIDE FIXES
   Consolidated visual/UX fixes for desktop and mobile.
========================================================= */

/* 1) Back-to-top + 6) scroll progress work on every page,
   including pages that do not load base.css. */
#scrollProgressBar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  height:3px !important;
  width:0;
  background:linear-gradient(90deg,#0876B9,#65C9EE) !important;
  z-index:2147483000 !important;
  pointer-events:none;
}

.scroll-top{
  width:48px !important;
  height:48px !important;
  right:20px !important;
  bottom:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#073D78 !important;
  color:#fff !important;
  border:2px solid #65C9EE !important;
  box-shadow:0 10px 28px rgba(7,61,120,.30),0 0 0 4px rgba(255,255,255,.85) !important;
  z-index:2147482000 !important;
}
.scroll-top:hover{
  background:#0876B9 !important;
  color:#fff !important;
}
.scroll-top svg{width:19px !important;height:19px !important;stroke:currentColor !important;}

/* 5) Give prominent final/content images a clean finish without
   changing their dimensions or object-fit behavior. */
.global-network-image img{
  border-radius:18px;
  box-shadow:0 18px 45px rgba(7,61,120,.16);
}

/* Product-detail content must start below the transparent navbar. */
.detail-band{padding-top:120px;}

/* Product-detail tabs/country names */
.country-tabs .eyebrow{margin-bottom:0;}
.tabs-head .tab-btn{
  background:#fff;
  border:1px solid #D6E7F5;
  border-bottom:2px solid #D6E7F5;
  border-radius:8px 8px 0 0;
}
.tabs-head .tab-btn.is-active{
  color:#052C5A;
  border-color:#65C9EE;
  background:#F0F9FD;
}

/* 4) Contact page spacing below the absolute navbar. */
.contact-hero{padding-top:145px;}

/* 12) Reduce unnecessary vertical spacing on mobile. */
@media (max-width:700px){
  .detail-band{padding-top:105px; padding-bottom:38px;}
  .contact-hero{padding-top:105px !important; padding-bottom:48px !important;}

  .section{padding-top:45px !important; padding-bottom:45px !important;}

  .tabs-head{
    gap:8px;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .tabs-head::-webkit-scrollbar{display:none;}
  .tabs-head .tab-btn{
    flex:0 0 auto;
    min-width:max-content;
    padding:10px 14px;
    border-radius:8px;
    font-size:11px;
    white-space:nowrap;
  }
  .tab-panel{padding:18px 0 2px;}
  .brand-list{gap:8px;}
  .brand-pill{padding:8px 13px;font-size:12px;}

  /* Products / Ship Spares hero: keep copy clear of logo/navbar. */
  .products-hero{padding-top:125px !important;padding-bottom:58px !important;}
  .products-hero .hero-title{margin-top:10px;}

  /* Home page */
  .core-values{padding-top:48px !important;padding-bottom:52px !important;}
  .trust-section{padding-top:48px !important;padding-bottom:52px !important;}
  .vessel-services{padding-top:48px !important;padding-bottom:52px !important;}
  .global-network{padding-top:48px !important;padding-bottom:52px !important;}
  .global-network-image{height:235px !important;}

  /* Global coverage */
  .map-section{padding-top:58px !important;padding-bottom:55px !important;}
  .support-section{padding-top:52px !important;padding-bottom:55px !important;}

  /* Vessel types */
  .intro-section{padding-top:48px !important;padding-bottom:45px !important;}
  .cta{margin-top:32px !important;}

  /* Final images stay visually contained on narrow screens. */
  .global-network-image img{border-radius:14px;box-shadow:0 12px 30px rgba(7,61,120,.15);}
}

@media (max-width:420px){
  .detail-band{padding-top:98px;}
  .contact-hero{padding-top:96px !important;}
  .scroll-top{right:14px !important;bottom:14px !important;width:45px !important;height:45px !important;}
}