/*
 * Wesley's Witgoed — Homepage 2026
 * Visuele laag voor de Joomla 6-homepage.
 * Header, footer, SEO-content en bestaande componentlogica blijven intact.
 */

body.home{
  --ww-home-navy:#073650;
  --ww-home-navy-deep:#052a40;
  --ww-home-blue:#0b97c2;
  --ww-home-orange:#ff641f;
  --ww-home-green:#20a865;
  --ww-home-ink:#12384e;
  --ww-home-text:#526f7f;
  --ww-home-soft:#f3f8fb;
  --ww-home-line:#d9e7ed;
  overflow-x:hidden;
  background:#f6f9fb!important;
}

body.home #navbar{
  background:var(--ww-home-orange)!important;
  box-shadow:0 4px 11px rgba(5,42,64,.16)!important;
}

body.home #navbar .nav_wrapper{
  box-shadow:none!important;
}

body.home #topmain,
body.home #content_wrapper,
body.home #bottommain{
  width:min(100%,1480px)!important;
  max-width:1480px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.home #topmain{
  padding:0 18px!important;
}

body.home #content_wrapper,
body.home #bottommain{
  padding-left:18px!important;
  padding-right:18px!important;
}

body.home .wwh-hero{
  position:relative!important;
  isolation:isolate;
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  min-height:610px!important;
  margin:0 0 24px!important;
  transform:translateX(-50%)!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background-image:
    linear-gradient(90deg,rgba(247,252,254,.99) 0%,rgba(247,252,254,.96) 31%,rgba(247,252,254,.75) 48%,rgba(247,252,254,.15) 68%,rgba(247,252,254,.02) 100%),
    url("/images/serie/bus_winkel.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  box-shadow:0 20px 50px rgba(4,47,70,.12)!important;
}

body.home .wwh-hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02) 65%,rgba(4,44,66,.15)),
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.82),transparent 34%);
  pointer-events:none;
}

body.home .wwh-main{
  width:min(100%,1320px)!important;
  min-height:530px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,680px)!important;
  align-items:center!important;
  gap:46px!important;
  padding:66px 64px 48px!important;
}

body.home .wwh-has-action .wwh-main{
  grid-template-columns:minmax(0,1fr) 350px!important;
}

body.home .wwh-copy{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  max-width:680px!important;
  padding:0!important;
  background:transparent!important;
}

body.home .wwh-kicker{
  margin-bottom:18px!important;
  color:var(--ww-home-navy)!important;
}

body.home .wwh-kicker-line{
  width:34px!important;
  height:4px!important;
  background:var(--ww-home-orange)!important;
}

body.home .wwh-kicker-text{
  color:#26617d!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.home .wwh-title{
  max-width:680px!important;
  margin:0!important;
  color:var(--ww-home-navy)!important;
  font-family:"Archivo",Arial,Helvetica,sans-serif!important;
  font-size:clamp(46px,5vw,70px)!important;
  line-height:.99!important;
  font-weight:900!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}

body.home .wwh-title span{
  display:block!important;
  margin-top:4px!important;
  color:var(--ww-home-orange)!important;
}

body.home .wwh-description{
  max-width:650px!important;
  margin:24px 0 0!important;
  color:#214b62!important;
  font-size:17px!important;
  line-height:1.62!important;
  font-weight:500!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

body.home .wwh-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:28px!important;
}

body.home .wwh-btn{
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0 22px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}

body.home .wwh-btn:hover{
  transform:translateY(-2px)!important;
}

body.home .wwh-btn-primary{
  border-color:var(--ww-home-orange)!important;
  background:var(--ww-home-orange)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(255,100,31,.28)!important;
}

body.home .wwh-btn-whatsapp{
  border-color:#0d8053!important;
  background:#0d8053!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(13,128,83,.22)!important;
}

body.home .wwh-btn-outline{
  border:1px solid rgba(7,54,80,.22)!important;
  background:rgba(255,255,255,.84)!important;
  color:var(--ww-home-navy)!important;
  backdrop-filter:blur(8px);
}

body.home .wwh-main>.wwh-visual:not(.wwh-visual--action){
  display:none!important;
}

body.home .wwh-visual--action{
  display:block!important;
  align-self:center!important;
  width:350px!important;
  max-width:100%!important;
  margin:0!important;
}

body.home .wwh-visual--action>#ww-action-product-style{
  display:none!important;
}

body.home .wwh-visual--action .ww-action-product{
  width:100%!important;
  max-width:350px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 55px rgba(5,42,64,.25)!important;
  backdrop-filter:blur(13px);
}

body.home .wwh-visual--action .ww-action-product__top{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 13px!important;
  background:linear-gradient(135deg,#ff641f,#f34f0d)!important;
  color:#fff!important;
  font-size:14px!important;
  letter-spacing:.025em!important;
}

body.home .wwh-visual--action .ww-action-product__top strong{
  margin-left:auto!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(110,27,0,.12)!important;
  font-size:10px!important;
}

body.home .wwh-visual--action .ww-action-product__fire{
  font-size:18px!important;
}

body.home .wwh-visual--action .ww-action-product__grid{
  display:block!important;
  padding:15px!important;
}

body.home .wwh-visual--action .ww-action-product__image{
  width:100%!important;
  height:170px!important;
  min-height:170px!important;
  display:flex!important;
  padding:8px!important;
  border-radius:12px!important;
  background:#f1f6f8!important;
}

body.home .wwh-visual--action .ww-action-product__image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

body.home .wwh-visual--action .ww-action-product__body{
  display:block!important;
  padding:14px 2px 1px!important;
}

body.home .wwh-visual--action .ww-action-product__label{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--ww-home-blue)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}

body.home .wwh-visual--action .ww-action-product h2{
  margin:0!important;
  color:var(--ww-home-navy)!important;
  font-family:"Archivo",Arial,Helvetica,sans-serif!important;
  font-size:21px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}

body.home .wwh-visual--action .ww-action-product__prices{
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:9px!important;
  margin:11px 0 9px!important;
}

body.home .wwh-visual--action .ww-action-product__prices span{
  color:#8397a3!important;
  font-size:13px!important;
}

body.home .wwh-visual--action .ww-action-product__prices strong{
  color:var(--ww-home-orange)!important;
  font-size:31px!important;
  white-space:nowrap!important;
}

body.home .wwh-visual--action .ww-action-product__signals{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0 0 11px!important;
}

body.home .wwh-visual--action .ww-action-product__signals span{
  padding:5px 7px!important;
  border-radius:7px!important;
  background:#eef7fa!important;
  color:#31596e!important;
  font-size:10px!important;
}

body.home .wwh-visual--action .ww-action-product__button{
  width:100%!important;
  min-height:43px!important;
  display:flex!important;
  justify-content:center!important;
  padding:10px 13px!important;
  border-radius:9px!important;
  background:var(--ww-home-orange)!important;
  color:#fff!important;
  font-size:11px!important;
  box-shadow:0 8px 18px rgba(255,100,31,.22)!important;
}

body.home .wwh-trust{
  position:relative!important;
  z-index:3!important;
  min-height:80px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin:0!important;
  padding:0 max(24px,calc((100vw - 1320px)/2))!important;
  border:0!important;
  background:rgba(4,48,72,.96)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
}

body.home .wwh-trust-item{
  min-width:0!important;
  justify-content:center!important;
  gap:12px!important;
  padding:16px 22px!important;
  border-right:1px solid rgba(255,255,255,.11)!important;
}

body.home .wwh-trust-item:last-child{
  border-right:0!important;
}

body.home .wwh-trust-item strong{
  color:#fff!important;
  font-size:13px!important;
}

body.home .wwh-trust-item small{
  color:#bdd3df!important;
  font-size:10px!important;
}

body.home .wwh-trust-icon{
  background:rgba(17,151,194,.18)!important;
  color:#73d4f1!important;
  border-color:rgba(115,212,241,.26)!important;
}

/* Categorieën */
body.home .category-price-filter{
  margin:12px auto 20px!important;
}

body.home .ww-cats,
body.home .ww-stock-section,
body.home #ww-garantie-combi,
body.home .ww-workshop,
body.home .ww-pay,
body.home .wwvd,
body.home .ww-shop,
body.home .ww-reviews-home,
body.home .ww-seo-home,
body.home .ww-home-why,
body.home .ww-home-faq,
body.home .ww-home-final{
  width:100%!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

body.home .ww-cats{
  margin-top:22px!important;
  margin-bottom:34px!important;
  padding:30px!important;
  border:1px solid var(--ww-home-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 13px 38px rgba(4,47,70,.07)!important;
}

body.home .ww-cats-head{
  margin-bottom:22px!important;
  text-align:left!important;
}

body.home .ww-cats-head h2{
  margin:4px 0 8px!important;
  color:var(--ww-home-navy)!important;
  font-family:"Archivo",Arial,Helvetica,sans-serif!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

body.home .ww-cats-head h2 span{
  color:var(--ww-home-orange)!important;
}

body.home .ww-cats-head p{
  color:var(--ww-home-text)!important;
  font-size:14px!important;
}

body.home .ww-cats .marquito_category{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}

body.home .ww-cats .jshop_categ{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.home .ww-cats .category{
  position:relative!important;
  min-height:185px!important;
  height:100%!important;
  padding:18px 15px 16px!important;
  border:1px solid #dbe7ec!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#fff 0%,#f3f8fb 100%)!important;
  box-shadow:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

body.home .ww-cats .category>div{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
}

body.home .ww-cats .cat_discr{
  width:100%!important;
  min-width:0!important;
}

body.home .ww-cats .category_short_description{
  margin-top:8px!important;
  color:#688291!important;
  font-size:10px!important;
  line-height:1.45!important;
}

body.home .ww-cats .category:hover{
  transform:translateY(-4px)!important;
  border-color:#a9d3e1!important;
  box-shadow:0 13px 25px rgba(7,54,80,.1)!important;
}

body.home .ww-cats .image{
  width:100%!important;
  min-width:0!important;
  float:none!important;
}

body.home .ww-cats .image a{
  width:100%!important;
  height:115px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 10px!important;
}

body.home .ww-cats .image img{
  width:100%!important;
  height:100%!important;
  max-width:125px!important;
  object-fit:contain!important;
}

body.home .ww-cats .cat_discr h2{
  margin:0!important;
  text-align:left!important;
}

body.home .ww-cats .cat_discr h2 a{
  color:var(--ww-home-navy)!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

body.home .ww-cats .category:after{
  right:13px!important;
  bottom:13px!important;
  top:auto!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--ww-home-orange)!important;
  color:#fff!important;
  transform:none!important;
}

body.home .ww-cats-foot{
  margin-top:18px!important;
  padding:15px 18px!important;
  border-radius:12px!important;
  background:#f4f9fb!important;
}

body.home .ww-cats-foot-copy strong{
  color:var(--ww-home-navy)!important;
}

body.home .ww-cats-foot-copy span{
  color:var(--ww-home-text)!important;
}

/* Nieuwe redenen-, FAQ- en CTA-blokken */
body.home .ww-home-why{
  margin-top:30px!important;
  margin-bottom:36px!important;
  padding:42px!important;
  overflow:hidden;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(21,151,194,.22),transparent 34%),
    linear-gradient(135deg,var(--ww-home-navy-deep),#075477)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(4,44,66,.18)!important;
}

body.home .ww-home-why__head{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:48px;
  align-items:start;
}

body.home .ww-home-why__eyebrow,
body.home .ww-home-faq__eyebrow,
body.home .ww-home-final__eyebrow{
  display:block;
  margin-bottom:9px;
  color:#ff9a66;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.home .ww-home-why h2{
  margin:0!important;
  color:#fff!important;
  font-family:"Archivo",Arial,Helvetica,sans-serif!important;
  font-size:clamp(31px,3.3vw,48px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

body.home .ww-home-why__intro{
  margin:14px 0 0!important;
  color:#c9dde7!important;
  font-size:15px!important;
  line-height:1.65!important;
}

body.home .ww-home-why__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.home .ww-home-why__item{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  min-height:76px;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:rgba(255,255,255,.07);
}

body.home .ww-home-why__icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(255,150,96,.55);
  border-radius:50%;
  color:#ff9a66;
  font-size:17px;
}

body.home .ww-home-why__item strong{
  display:block;
  color:#fff;
  font-size:13px;
}

body.home .ww-home-why__item span:last-child{
  display:block;
  margin-top:3px;
  color:#bbd1dc;
  font-size:10px;
}

body.home .ww-home-faq{
  margin-top:38px!important;
  margin-bottom:30px!important;
  padding:38px 42px!important;
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:46px;
  border:1px solid var(--ww-home-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 13px 38px rgba(4,47,70,.07)!important;
}

body.home .ww-home-faq h2{
  margin:0!important;
  color:var(--ww-home-navy)!important;
  font-family:"Archivo",Arial,Helvetica,sans-serif!important;
  font-size:clamp(30px,3vw,43px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

body.home .ww-home-faq__intro{
  margin:12px 0 0!important;
  color:var(--ww-home-text)!important;
  font-size:14px!important;
  line-height:1.6!important;
}

body.home .ww-home-faq__list{
  display:grid;
  gap:9px;
}

body.home .ww-home-faq details{
  overflow:hidden;
  border:1px solid #dce7ec;
  border-radius:11px;
  background:#f8fbfc;
}

body.home .ww-home-faq summary{
  position:relative;
  padding:16px 50px 16px 17px;
  color:var(--ww-home-navy);
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}

body.home .ww-home-faq summary::-webkit-details-marker{display:none}

body.home .ww-home-faq summary:after{
  content:"+";
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  color:var(--ww-home-orange);
  font-size:23px;
  line-height:1;
}

body.home .ww-home-faq details[open] summary:after{content:"−"}

body.home .ww-home-faq details p{
  margin:0!important;
  padding:0 17px 16px!important;
  color:var(--ww-home-text)!important;
  font-size:13px!important;
  line-height:1.6!important;
}

body.home .ww-home-final{
  position:relative;
  margin-top:30px!important;
  margin-bottom:36px!important;
  overflow:hidden;
  min-height:290px;
  display:flex;
  align-items:center;
  padding:48px!important;
  border-radius:22px!important;
  background:
    linear-gradient(90deg,rgba(3,36,55,.96),rgba(3,36,55,.78) 55%,rgba(3,36,55,.28)),
    url("/images/serie/bus_winkel.jpg") center 55%/cover no-repeat!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(4,44,66,.18)!important;
}

body.home .ww-home-final__copy{
  max-width:650px;
}

body.home .ww-home-final h2{
  margin:0!important;
  color:#fff!important;
  font-family:"Archivo",Arial,Helvetica,sans-serif!important;
  font-size:clamp(35px,4vw,56px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

body.home .ww-home-final h2 span{color:var(--ww-home-orange)}

body.home .ww-home-final__proofs{
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  margin:20px 0 24px;
  color:#d9e8ee;
  font-size:12px;
  font-weight:800;
}

body.home .ww-home-final__proofs span:before{
  content:"✓";
  margin-right:7px;
  color:#7ee0ad;
}

body.home .ww-home-final__actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
}

body.home .ww-home-final__actions a{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:9px;
  color:#fff!important;
  font-size:13px;
  font-weight:900;
  text-decoration:none!important;
}

body.home .ww-home-final__actions a:first-child{
  background:var(--ww-home-orange);
  box-shadow:0 9px 22px rgba(255,100,31,.27);
}

body.home .ww-home-final__actions a:last-child{
  border:1px solid rgba(255,255,255,.55);
  background:rgba(255,255,255,.08);
}

/* Bestaande secties als één duidelijke designfamilie */
body.home .ww-stock-section,
body.home #ww-garantie-combi,
body.home .ww-workshop,
body.home .ww-pay,
body.home .wwvd,
body.home .ww-shop,
body.home .ww-reviews-home,
body.home .ww-seo-home{
  border-radius:22px!important;
  box-shadow:0 13px 38px rgba(4,47,70,.07)!important;
}

body.home .ww-stock-section,
body.home .ww-pay,
body.home .wwvd,
body.home .ww-shop,
body.home .ww-reviews-home,
body.home .ww-seo-home{
  margin-top:34px!important;
  margin-bottom:34px!important;
}

body.home .ww-workshop{
  margin-top:34px!important;
  margin-bottom:34px!important;
}

body.home .ww-stock-section h2,
body.home .ww-workshop h2,
body.home .ww-pay h2,
body.home .wwvd h2,
body.home .ww-shop h2,
body.home .ww-reviews-home h2,
body.home .ww-seo-home h2{
  font-family:"Archivo",Arial,Helvetica,sans-serif!important;
  letter-spacing:-.035em!important;
}

/* Tablet */
@media(max-width:1100px){
  body.home .wwh-main{
    min-height:510px!important;
    padding:48px 38px 38px!important;
  }
  body.home .wwh-has-action .wwh-main{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:28px!important;
  }
  body.home .wwh-title{
    font-size:clamp(42px,5.6vw,58px)!important;
  }
  body.home .wwh-visual--action{
    width:320px!important;
  }
  body.home .ww-cats .marquito_category{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.home .ww-home-why__head{
    grid-template-columns:1fr!important;
    gap:27px!important;
  }
}

/* Mobiel */
@media(max-width:767px){
  body.home #topmain,
  body.home #content_wrapper,
  body.home #bottommain{
    padding-left:0!important;
    padding-right:0!important;
  }

  body.home .wwh-hero{
    min-height:0!important;
    margin:0 0 15px!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 18px 18px!important;
    background-image:
      linear-gradient(180deg,rgba(247,252,254,.98) 0%,rgba(247,252,254,.92) 47%,rgba(247,252,254,.54) 72%,rgba(4,44,66,.2) 100%),
      url("/images/serie/bus_winkel.jpg")!important;
    background-position:66% center!important;
  }

  body.home .wwh-main,
  body.home .wwh-has-action .wwh-main{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:34px 18px 25px!important;
  }

  body.home .wwh-copy{
    max-width:100%!important;
  }

  body.home .wwh-kicker{
    margin-bottom:11px!important;
  }

  body.home .wwh-kicker-text{
    font-size:9px!important;
  }

  body.home .wwh-title{
    max-width:390px!important;
    font-size:clamp(35px,10.5vw,48px)!important;
    line-height:1.01!important;
  }

  body.home .wwh-description{
    max-width:430px!important;
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.5!important;
  }

  body.home .wwh-actions{
    gap:8px!important;
    margin-top:19px!important;
  }

  body.home .wwh-btn{
    min-height:45px!important;
    padding:0 13px!important;
    font-size:11px!important;
    border-radius:8px!important;
  }

  body.home .wwh-btn-outline{
    display:none!important;
  }

  body.home .wwh-visual--action{
    width:100%!important;
    max-width:430px!important;
    justify-self:center!important;
  }

  body.home .wwh-visual--action .ww-action-product{
    max-width:430px!important;
    border-radius:14px!important;
  }

  body.home .wwh-visual--action .ww-action-product__grid{
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    gap:11px!important;
    padding:11px!important;
  }

  body.home .wwh-visual--action .ww-action-product__image{
    height:138px!important;
    min-height:138px!important;
  }

  body.home .wwh-visual--action .ww-action-product__body{
    padding:3px 0!important;
  }

  body.home .wwh-visual--action .ww-action-product h2{
    font-size:16px!important;
  }

  body.home .wwh-visual--action .ww-action-product__prices{
    margin:7px 0!important;
  }

  body.home .wwh-visual--action .ww-action-product__prices strong{
    font-size:24px!important;
  }

  body.home .wwh-visual--action .ww-action-product__signals span:last-child{
    display:none!important;
  }

  body.home .wwh-visual--action .ww-action-product__button{
    min-height:36px!important;
    padding:8px!important;
    font-size:9px!important;
  }

  body.home .wwh-trust{
    min-height:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:0!important;
  }

  body.home .wwh-trust-item{
    justify-content:flex-start!important;
    min-height:66px!important;
    padding:11px 14px!important;
    border-right:1px solid rgba(255,255,255,.1)!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
  }

  body.home .wwh-trust-item:nth-child(even){border-right:0!important}
  body.home .wwh-trust-item:nth-last-child(-n+2){border-bottom:0!important}

  body.home .wwh-trust-item strong{font-size:11px!important}
  body.home .wwh-trust-item small{font-size:9px!important}

  body.home .category-price-filter{
    margin:12px 10px 16px!important;
  }

  body.home .ww-cats{
    margin:16px 10px 24px!important;
    padding:20px 14px!important;
    border-radius:16px!important;
  }

  body.home .ww-cats-head{
    margin-bottom:15px!important;
  }

  body.home .ww-cats-head h2{
    font-size:30px!important;
  }

  body.home .ww-cats .marquito_category{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  body.home .ww-cats .category{
    min-height:190px!important;
    padding:12px 10px!important;
    border-radius:12px!important;
  }

  body.home .ww-cats .category>div{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    align-items:stretch!important;
  }

  body.home .ww-cats .cat_discr h2{
    text-align:center!important;
  }

  body.home .ww-cats .category_short_description{
    display:none!important;
  }

  body.home .ww-cats .image a{
    height:78px!important;
  }

  body.home .ww-cats .cat_discr h2 a{
    font-size:13px!important;
  }

  body.home .ww-cats-foot{
    display:block!important;
  }

  body.home .ww-home-why,
  body.home .ww-home-faq,
  body.home .ww-home-final{
    margin-left:10px!important;
    margin-right:10px!important;
    width:calc(100% - 20px)!important;
    border-radius:16px!important;
  }

  body.home .ww-home-why{
    padding:26px 18px!important;
  }

  body.home .ww-home-why h2{
    font-size:32px!important;
  }

  body.home .ww-home-why__grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body.home .ww-home-why__item{
    min-height:64px!important;
    padding:10px 12px!important;
  }

  body.home .ww-home-faq{
    display:block!important;
    padding:25px 16px!important;
  }

  body.home .ww-home-faq__list{
    margin-top:21px!important;
  }

  body.home .ww-home-faq summary{
    padding:14px 43px 14px 14px!important;
    font-size:12px!important;
  }

  body.home .ww-home-final{
    min-height:360px!important;
    align-items:flex-end!important;
    padding:28px 19px!important;
    background:
      linear-gradient(180deg,rgba(3,36,55,.3),rgba(3,36,55,.94) 56%),
      url("/images/serie/bus_winkel.jpg") 60% center/cover no-repeat!important;
  }

  body.home .ww-home-final h2{
    font-size:38px!important;
  }

  body.home .ww-home-final__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body.home .ww-home-final__actions a{
    width:100%!important;
  }

  body.home .ww-stock-section,
  body.home #ww-garantie-combi,
  body.home .ww-workshop,
  body.home .ww-pay,
  body.home .wwvd,
  body.home .ww-shop,
  body.home .ww-reviews-home,
  body.home .ww-seo-home{
    width:calc(100% - 20px)!important;
    margin-left:10px!important;
    margin-right:10px!important;
    border-radius:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home *,
  body.home *:before,
  body.home *:after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}