/* Repareermij productgrid v1.1.0
   Alleen productoverzichten en de bediening direct erboven. */

/* Oude, door eerdere versies opgebouwde grids nooit naast de nieuwe tonen. */
.rm105-grid,.rm106-grid,.rm107-grid,.rm108-grid,.rm109-grid,.rm110-grid,
.rm105-original-hidden,.rm106-original-hidden,.rm107-original-hidden,.rm108-original-hidden,
.rm109-original-removed,.rm110-original-removed{box-sizing:border-box}
.rm105-grid,.rm106-grid,.rm107-grid,.rm108-grid,.rm109-grid{display:none!important}

/* Compare en de Show/limit-bediening verdwijnen volledig. */
#compare-total,
a[href*="product/compare"],a[href*="route=product/compare"],
button[onclick*="compare"],button[title*="compare" i],button[aria-label*="compare" i],
.rm110-hide-compare,.rm110-hide-limit,
#input-limit,label[for="input-limit"]{display:none!important}

/* Sorteerselect blijft functioneel, maar wordt één klein oranje icoon. */
.rm110-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:42px!important;margin:6px 0 13px!important}
.rm110-sort-host{position:relative!important;display:block!important;width:42px!important;height:42px!important;flex:0 0 42px!important;margin-left:auto!important;border-radius:13px!important;background:#f66f3a!important;box-shadow:0 7px 18px rgba(246,111,58,.24)!important;overflow:hidden!important}
.rm110-sort-host select{position:absolute!important;inset:0!important;z-index:3!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important}
.rm110-sort-icon{position:absolute!important;inset:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;pointer-events:none!important}
.rm110-sort-icon svg{display:block!important;width:21px!important;height:21px!important}

/* Altijd exact drie kolommen, onafhankelijk van Bootstrap/thema. */
.rm110-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;align-items:stretch!important;box-sizing:border-box!important}
.rm110-grid,.rm110-grid *{box-sizing:border-box!important}
.rm110-grid>.rm110-card{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;flex:none!important}

/* Productkaart zoals in het gekozen iPhone 6-voorbeeld. */
.rm110-card{position:relative!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;border:1px solid rgba(24,24,24,.075)!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 24px rgba(22,22,22,.09)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.rm110-card:hover,.rm110-card:focus-within{transform:translateY(-2px)!important;box-shadow:0 13px 31px rgba(22,22,22,.135)!important}
.rm110-image-link{display:block!important;width:100%!important;color:inherit!important;text-decoration:none!important}
.rm110-image{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;aspect-ratio:1.32/1!important;padding:15px!important;overflow:hidden!important;background:#fff!important}
.rm110-image img{display:block!important;width:100%!important;height:100%!important;max-width:82%!important;max-height:82%!important;margin:auto!important;object-fit:contain!important;object-position:center center!important}
.rm110-body{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;padding:0!important}
.rm110-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;min-height:2.55em!important;max-height:2.55em!important;margin:0!important;padding:3px 11px 5px!important;color:#252525!important;font-size:13px!important;font-weight:760!important;line-height:1.27!important;text-align:center!important;text-decoration:none!important}
.rm110-title:hover{color:#f66f3a!important}

/* Compacte footer: kleine ruimte tussen titel en prijs. */
.rm110-actions{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;height:58px!important;margin-top:2px!important;padding:0 8px 0 13px!important;border-top:1px solid rgba(25,25,25,.075)!important;background:#fff!important}
.rm110-price{display:flex!important;flex:1 1 auto!important;align-items:center!important;min-width:0!important;margin:0!important;padding:0!important;color:#151515!important;font-size:19px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.25px!important;white-space:nowrap!important}
.rm110-price .price-tax,.rm110-price .tax,.rm110-price .price-ex-tax,.rm110-price [class*="tax"]{display:none!important}

/* Grote oranje hexagon met uitsluitend het winkelwagenicoon. */
.rm110-cart{position:relative!important;z-index:2!important;display:flex!important;flex:0 0 54px!important;width:54px!important;height:58px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)!important;background:#f66f3a!important;filter:drop-shadow(0 7px 10px rgba(246,111,58,.27))!important}
.rm110-cart form,.rm110-cart button,.rm110-cart a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;text-decoration:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
.rm110-cart button>*:not(svg),.rm110-cart a>*:not(svg){display:none!important}
.rm110-cart svg{display:block!important;width:28px!important;height:28px!important;stroke-width:2.15!important}
.rm110-cart:hover{background:#e95f2b!important}

/* Drie kolommen blijven ook op telefoon staan, maar alles schaalt compact mee. */
@media(max-width:760px){
  .rm110-grid{gap:8px!important}
  .rm110-card{border-radius:15px!important}
  .rm110-image{aspect-ratio:1/1!important;padding:7px!important}
  .rm110-image img{max-width:88%!important;max-height:88%!important}
  .rm110-title{min-height:2.7em!important;max-height:2.7em!important;padding:3px 5px 3px!important;font-size:10.5px!important;line-height:1.3!important}
  .rm110-actions{height:47px!important;margin-top:1px!important;padding:0 4px 0 7px!important}
  .rm110-price{font-size:15px!important;letter-spacing:-.15px!important}
  .rm110-cart{flex-basis:45px!important;width:45px!important;height:49px!important}
  .rm110-cart svg{width:23px!important;height:23px!important}
}
@media(max-width:390px){
  .rm110-grid{gap:6px!important}
  .rm110-title{font-size:9.6px!important}
  .rm110-price{font-size:13.5px!important}
  .rm110-cart{flex-basis:41px!important;width:41px!important;height:45px!important}
  .rm110-cart svg{width:21px!important;height:21px!important}
}