/* SIDEWAY FINAL POLISH: spacing, logo transparency, footer social layout, product logos */
:root{
  --sideway-navy:#061a35;
  --sideway-orange:#ff7900;
  --sideway-line:#e4ebf5;
}

/* Navbar logo: PNG transparan, tanpa box putih */
.site-header .brand-logo-link,
.brand-logo-link,
.header-logo,
.nav-logo{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.site-header .brand-logo-img,
.brand-logo-img,
.header-logo img,
.nav-logo img{
  width: 185px !important;
  max-width: 185px !important;
  height: auto !important;
  max-height: 60px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Hero/logo cards keep enough white space so the transparent logo never clashes */
.hero-logo-card{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(226,232,240,.9) !important;
}
.footer-logo-box{
  background:#fff !important;
  border-radius:16px !important;
  padding:12px 16px !important;
}

/* How it works spacing fix */
.feature-strip,
.how-works-grid,
.how-it-works-grid,
.features-grid{
  align-items: stretch !important;
}
.feature-strip{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 22px 18px !important;
}
.feature-strip article{
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "icon title"
    "icon text" !important;
  column-gap: 18px !important;
  row-gap: 8px !important;
  align-items: start !important;
  padding: 22px 26px !important;
  min-width: 0 !important;
}
.feature-strip article > .feature-icon,
.feature-strip .feature-icon{
  grid-area: icon !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  flex: 0 0 54px !important;
}
.feature-strip article > h3,
.feature-strip h3{
  grid-area: title !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.feature-strip article > p,
.feature-strip p{
  grid-area: text !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #475467 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Footer Stay Connected: vertical stack */
.site-footer .social-row,
.footer-social .social-row,
.social-row{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}
.site-footer .social-icon,
.social-icon{
  width: 150px !important;
  min-width: 150px !important;
  min-height: 44px !important;
  justify-content: flex-start !important;
  padding: 0 16px !important;
}
.site-footer .social-icon img,
.social-icon img{
  width: 23px !important;
  height: 23px !important;
  object-fit: contain !important;
  flex: 0 0 23px !important;
}

/* Landing + checkout product logo shape */
.logo,
.product-logo,
.logo-preview{
  background:#fff !important;
  border:1px solid var(--sideway-line) !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  color:var(--sideway-navy) !important;
  font-weight:950 !important;
}
.logo img,
.product-logo img,
.logo-preview img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  padding:9px !important;
  display:block !important;
  background:#fff !important;
}
.logo-preview{
  width:58px !important;
  height:58px !important;
  border-radius:17px !important;
  font-size:24px !important;
}
.logo-preview img{
  border-radius:14px !important;
}

/* Hide any old floating social remnants if old patches still exist */
.social-float-slot,
.sideway-social-floating,
.sideway-social-stack,
.sideway-manual-social-stack,
.social-floating,
.floating-social,
[class*="social-float"]{
  display:none !important;
}

@media (max-width: 900px){
  .site-header .brand-logo-img,
  .brand-logo-img{ width: 145px !important; max-width:145px !important; }
  .feature-strip{
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    gap: 10px !important;
  }
  .feature-strip article{
    grid-template-columns: 54px minmax(0, 1fr) !important;
    padding: 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
  }
  .feature-strip article:last-child{ border-bottom:0 !important; }
  .footer-grid{ grid-template-columns:1fr !important; }
}