html,
body{
  max-width:100%;
  overflow-x:hidden;
}

img,
svg,
video,
canvas{
  max-width:100%;
  height:auto;
}

.brand img{
  height:48px;
  width:auto;
  max-width:260px;
  display:block;
}

.hero-equipment{
  background:
    linear-gradient(to right, rgba(2,5,10,.84), rgba(2,5,10,.22), rgba(2,5,10,.78)),
    url("/assets/future-automation-banner.svg") center/cover no-repeat !important;
}

.hero.hero-equipment{
  min-height:320px;
}

@media (max-width: 760px){
  .topbar{
    position:sticky;
    top:0;
  }

  .topbar-inner{
    display:grid;
    grid-template-columns:minmax(150px, 220px) minmax(0, 1fr);
    align-items:center;
    gap:8px;
    padding:10px 12px 8px;
  }

  .brand{
    width:auto;
    min-width:0;
  }

  .brand img{
    height:38px;
    max-width:220px;
  }

  .nav{
    width:100%;
    min-width:0;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:2px 0 4px;
  }

  .nav::-webkit-scrollbar{
    display:none;
  }

  .nav-link{
    flex:0 0 auto;
    white-space:nowrap;
    padding:7px 9px;
    font-size:13px;
    line-height:1;
  }

  .nav-link.btn{
    padding:7px 10px;
  }

  .page{
    padding:18px 12px 56px;
  }

  .hero h1{
    font-size:clamp(30px, 10vw, 42px);
  }
}

@media (max-width: 430px){
  .topbar-inner{
    grid-template-columns:1fr;
  }

  .brand img{
    height:36px;
    max-width:240px;
  }
}

.trust-card{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:14px;
}

.trust-card img{
  width:100%;
  max-width:100%;
  display:block;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  object-fit:cover;
}

@media (min-width: 760px){
  .trust-card{
    grid-template-columns:minmax(0, 1.15fr) minmax(260px, .85fr);
  }
}

.services-grid > *,
.trust-card > *{
  min-width:0;
}

.checkout-page{
  max-width:1040px;
}

.checkout-section{
  margin-top:0;
}

.back-link{
  display:inline-flex;
  align-items:center;
  margin-bottom:14px;
  color:var(--muted);
  font-size:14px;
}

.back-link:hover{
  color:var(--text);
  text-decoration:none;
}

.checkout-head{
  max-width:760px;
  margin-bottom:18px;
}

.checkout-kicker,
.checkout-eyebrow,
.payment-eyebrow{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.checkout-shell{
  max-width:980px;
}

.checkout-card{
  padding:0;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:var(--shadow);
}

.checkout-grid{
  display:grid;
  grid-template-columns:1fr;
}

.checkout-summary,
.payment-panel{
  padding:20px;
}

.payment-panel{
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.15);
}

.payment-panel h2{
  margin:4px 0 6px;
}

.checkout-item-summary{
  display:grid;
  grid-template-columns:112px minmax(0, 1fr);
  gap:16px;
  align-items:center;
}

.checkout-item-media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:112px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.20);
  overflow:hidden;
}

.checkout-item-media img{
  width:100%;
  height:112px;
  object-fit:contain;
  display:block;
}

.checkout-item-copy{
  min-width:0;
}

.checkout-item-title{
  margin:4px 0 6px;
  font-size:clamp(20px, 3vw, 30px);
  line-height:1.12;
}

.checkout-item-id{
  overflow-wrap:anywhere;
}

.checkout-price{
  margin-top:12px;
  font-size:clamp(30px, 5vw, 44px);
  line-height:1;
  font-weight:950;
  color:#eef4ff;
  font-variant-numeric:tabular-nums;
}

.checkout-actions{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.checkout-actions .btn,
.checkout-actions button{
  min-height:50px;
  font-size:16px;
  font-weight:750;
}

.checkout-actions .btn:disabled,
.checkout-actions button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.paypal-wrap{
  width:100%;
  min-height:50px;
}

.paypal-wrap iframe,
.paypal-wrap > div{
  width:100% !important;
}

.payment-unavailable{
  display:flex;
  align-items:center;
  min-height:50px;
  padding:12px 14px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}

.checkout-status{
  min-height:18px;
  margin-top:12px;
}

.checkout-hint{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}

@media (min-width: 780px){
  .checkout-grid{
    grid-template-columns:minmax(0, 1.05fr) minmax(320px, .75fr);
  }

  .payment-panel{
    border-top:0;
    border-left:1px solid rgba(255,255,255,.08);
  }

  .checkout-summary,
  .payment-panel{
    padding:24px;
  }
}

@media (max-width: 560px){
  .checkout-item-summary{
    grid-template-columns:1fr;
  }

  .checkout-item-media{
    min-height:180px;
  }

  .checkout-item-media img{
    height:180px;
  }

  .checkout-summary,
  .payment-panel{
    padding:16px;
  }
}