/* Smart Search V1.2 - volledig geïsoleerd */
.ga-smart-search-v2-host{position:relative!important;overflow:visible!important}
.ga-live-search-v2{position:absolute;z-index:2147483000;top:calc(100% + 8px);left:0;width:min(780px,100%);max-height:min(72vh,620px);overflow:auto;background:#fff;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 20px 48px rgba(16,39,68,.20);text-align:left;color:#18324d}
.ga-live-search-v2[hidden]{display:none!important}
.ga-live-search-v2__item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1f5;color:#18324d;text-decoration:none;background:#fff}
.ga-live-search-v2__item:hover,.ga-live-search-v2__item.is-active{background:#f4f8fd}
.ga-live-search-v2__thumb{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:9px;background:#f6f8fb;overflow:hidden}
.ga-live-search-v2__thumb img{width:100%;height:100%;object-fit:contain}
.ga-live-search-v2__info{display:flex;flex-direction:column;min-width:0;gap:5px}
.ga-live-search-v2__info strong{display:block;overflow:hidden;color:#173b69;font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.ga-live-search-v2__sub{display:flex;flex-wrap:wrap;gap:8px;color:#6a7888}
.ga-live-search-v2__sub small{font-size:12px}
.ga-live-search-v2__stock--in{color:#167a38;font-weight:800}
.ga-live-search-v2__stock--out{color:#b42318;font-weight:800}
.ga-live-search-v2__price{justify-self:end;color:#173b69;font-size:14px;font-weight:800;white-space:nowrap}
.ga-live-search-v2__all{display:block;padding:12px 14px;color:#0b69c7;font-size:13px;font-weight:800;text-decoration:none;background:#f7faff}
.ga-live-search-v2__empty{padding:15px;color:#687789;font-size:13px}

/* Eigen resultatenpagina */
body.ga-smart-search-v2-active .benefits-sidebar{display:none!important}
body.ga-smart-search-v2-active{overflow-x:hidden!important}
.ga-ss-v2-page{width:100%;margin:0;padding:0;background:#fff}
.ga-ss-v2-shell{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:42px 0 70px}
.ga-ss-v2-head{max-width:900px;margin:0 0 28px}
.ga-ss-v2-eyebrow{display:block;margin-bottom:7px;color:#0b69c7;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ga-ss-v2-head h1{margin:0 0 20px;color:#153f73;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.02em;overflow-wrap:anywhere}
.ga-ss-v2-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;width:min(720px,100%)!important;margin:0!important;padding:0!important}
.ga-ss-v2-form input[type=search]{width:100%!important;min-width:0!important;height:52px!important;margin:0!important;padding:0 15px!important;border:1px solid #dbe4ee!important;border-radius:11px!important;background:#fff!important;color:#18324d!important;font-size:16px!important}
.ga-ss-v2-form button{position:static!important;width:auto!important;min-width:110px!important;height:52px!important;margin:0!important;padding:0 19px!important;border:0!important;border-radius:11px!important;background:#0b69c7!important;color:#fff!important;font-size:15px!important;font-weight:800!important;transform:none!important}
.ga-ss-v2-meta{margin:0 0 16px;color:#687789;font-size:14px;font-weight:700}
.ga-ss-v2-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;margin:0!important;padding:0!important;align-items:stretch}
.ga-ss-v2-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe7ef;border-radius:15px;background:#fff;min-width:0}
.ga-ss-v2-card__image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:15px;background:#fff;overflow:hidden}
.ga-ss-v2-card__image img{width:100%;height:100%;object-fit:contain}
.ga-ss-v2-card__body{display:flex;flex:1;flex-direction:column;padding:15px}
.ga-ss-v2-card__body h2{margin:8px 0;font-size:17px;line-height:1.3}
.ga-ss-v2-card__body h2 a{color:#18324d;text-decoration:none}
.ga-ss-v2-card__body small{color:#718092}
.ga-ss-v2-stock{display:inline-flex;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}
.ga-ss-v2-stock--in{color:#167a38;background:#edf8f0;border:1px solid #c3e4cb}
.ga-ss-v2-stock--out{color:#b42318;background:#fff0ef;border:1px solid #efc2bd}
.ga-ss-v2-card__price{margin-top:auto;padding-top:14px;color:#153f73;font-size:19px;font-weight:800}
.ga-ss-v2-card__button{display:inline-flex;justify-content:center;margin-top:12px;padding:10px 12px;border-radius:9px;background:#0b69c7;color:#fff;text-decoration:none;font-weight:800}
.ga-ss-v2-empty{max-width:740px;padding:28px;border:1px solid #e1e8ef;border-radius:16px;background:#f7f9fc}
.ga-ss-v2-empty h2{margin:0 0 9px;color:#153f73;font-size:25px}
.ga-ss-v2-empty p{margin:7px 0;color:#687789;line-height:1.6}
.ga-ss-v2-pagination{margin-top:30px}
.ga-ss-v2-pagination ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.ga-ss-v2-pagination a,.ga-ss-v2-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 11px;border:1px solid #dbe4ee;border-radius:9px;text-decoration:none}

@media(max-width:1050px){
  .ga-ss-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .ga-live-search-v2{position:fixed!important;top:var(--ga-live-top,120px)!important;left:10px!important;right:10px!important;width:auto!important;max-height:58vh!important}
  .ga-live-search-v2__item{grid-template-columns:50px minmax(0,1fr)!important}
  .ga-live-search-v2__price{grid-column:2;justify-self:start}
  .ga-live-search-v2__info strong{white-space:normal}
  .ga-ss-v2-shell{width:100%;padding:24px 14px 48px}
  .ga-ss-v2-head h1{font-size:28px}
  .ga-ss-v2-form{grid-template-columns:minmax(0,1fr) 86px!important}
  .ga-ss-v2-form input[type=search],.ga-ss-v2-form button{height:48px!important}
  .ga-ss-v2-form button{min-width:0!important;width:86px!important;padding:0 8px!important}
  .ga-ss-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
}

@media(max-width:480px){
  .ga-ss-v2-grid{grid-template-columns:1fr!important}
  .ga-ss-v2-head h1{font-size:25px}
}
