/* Söderslätts Poolservice – Shop Look v5
   Final shop-style polish. SEO/content structure remains intact. */

/* More deliberate vertical rhythm */
main > section{position:relative;}
.section-white + .section-white{border-top:1px solid #eef3f7!important;}
.section-head{max-width:900px!important;}

/* Shop-like service cards */
.grid-3,.grid-prices,.pricing-3{align-items:stretch!important;}
.grid-3 > .card,.grid-prices > .card,.pricing-3 > .plan{height:100%!important;}
.card,.plan{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
.card:hover,.plan:hover{border-color:#c8e9f8!important;}
.card .cta{margin-top:14px!important;}

/* Strengthen the robot service block */
.robot-right .tag{display:inline-flex!important;margin-left:auto!important;margin-right:auto!important;}
.robot-right h2{color:#052e62!important;}
.robot-right > p:first-of-type{font-size:16px!important;line-height:1.65!important;}
.robot-right .benefits{background:#fff!important;border:1px solid #e5edf4!important;border-radius:18px!important;padding:14px 16px!important;box-shadow:0 8px 26px rgba(11,18,32,.045)!important;}
.robot-right .benefit{padding:9px 4px!important;}

/* Contact area should feel like checkout/contact card from shop */
#kontakt .container{max-width:980px!important;}
#kontakt .card,#kontakt .contact-card,#kontakt form{border-radius:20px!important;}
#kontakt button[type="submit"]{min-height:46px!important;}

/* Consistent pills / buttons */
.btn,.choose,.pill{font-weight:850!important;}
.btn-primary,.choose{box-shadow:0 8px 20px rgba(21,181,255,.15)!important;}

/* Reference gallery: cleaner store-gallery feel */
.ref-grid{gap:16px!important;}
.ref-item{overflow:hidden!important;}
.ref-item img{transition:transform .22s ease!important;}
.ref-item:hover img{transform:scale(1.025)!important;}

@media(max-width:760px){
  .robot-right .benefits{padding:10px 12px!important;}
}

/* Exact Zodiac product visual from the webshop media library */
.robot-box.is-photo{
  background:radial-gradient(circle at 50% 42%,#ffffff 0%,#f7fbfe 52%,#eaf7ff 100%)!important;
}
.robot-box .robot-photo{
  object-fit:contain!important;
  object-position:center!important;
  width:82%!important;
  height:82%!important;
  margin:auto!important;
}