/* Söderslätts Poolservice – Shop Look v4
   Final alignment + footer cleanup + robot section refinement */

/* Header: cleaner desktop alignment */
.topbar .container{max-width:1360px!important;}
.nav{
  display:grid!important;
  grid-template-columns:250px 1fr!important;
  align-items:center!important;
  gap:20px!important;
  min-height:86px!important;
  padding:10px 0!important;
}
.brand{
  min-width:0!important;
  flex:none!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.logo{width:200px!important;height:74px!important;}
.menu{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
.menu a{padding:9px 10px!important;font-size:13px!important;}
.menu a.btn-primary{margin-left:12px!important; white-space:nowrap!important;}

/* Robot section: make image cleaner and more premium */
.robot-grid{grid-template-columns:1.02fr .98fr!important; gap:34px!important;}
.robot-box{
  height:540px!important;
  border:2px solid #7ed8ff!important;
  box-shadow:0 18px 42px rgba(4,43,88,.10)!important;
  background:#fff!important;
}
.robot-photo{object-fit:cover!important; object-position:center center!important;}
.robot-float{
  top:16px!important;
  right:16px!important;
  min-width:175px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
}
.robot-overlay{background:linear-gradient(180deg, rgba(255,255,255,0) 55%, rgba(255,255,255,.10) 100%)!important;}
.robot-right h2{margin-top:10px!important;}

/* Footer: center structure properly and stop drifting */
.site-footer{padding:38px 0 48px!important;}
.footer-inner{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  text-align:center!important;
}
.footer-left,.footer-right{width:100%!important; text-align:center!important;}
.footer-left p,.company{margin-left:auto!important; margin-right:auto!important;}
.footer-right{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px 22px!important;
  min-width:0!important;
}
.footer-right a{display:inline-flex!important; align-items:center!important; justify-content:center!important;}
.footer-right a[href="/poolservice-stockholm.html"]{
  width:100%!important;
  margin-top:4px!important;
  font-size:12px!important;
  opacity:.72!important;
}

/* References page minor layout balance */
.ref-head{display:block!important;}
.ref-filters{margin-top:14px!important;}

@media (max-width:1200px){
  .nav{grid-template-columns:220px 1fr!important;}
  .logo{width:184px!important;height:68px!important;}
  .menu a{font-size:12px!important;padding:9px 8px!important;}
}
@media (max-width:980px){
  .nav{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;}
  .brand{justify-content:center!important;}
  .menu{justify-content:center!important;flex-wrap:wrap!important;}
  .robot-grid{grid-template-columns:1fr!important;}
  .robot-box{height:460px!important;}
}
@media (max-width:760px){
  .menu{overflow-x:auto!important; flex-wrap:nowrap!important; justify-content:flex-start!important;}
  .footer-right{flex-direction:column!important; gap:8px!important;}
  .footer-right a[href="/poolservice-stockholm.html"]{width:auto!important; margin-top:0!important;}
  .robot-box{height:360px!important;}
}