/* v174: Hummingbird product/listing pages have #wrapper but no #content. */
/* Shared compact cards; homepage and recommendations use five columns, search uses four. */
body.page-search :is(#content, #wrapper) #js-product-list .products,
body :is(#content, #wrapper) .ogs-related--home .ogs-related__grid {
  display: grid !important;
  grid-auto-flow: row;
  grid-auto-columns: auto;
  column-gap: 20px !important;
  row-gap: 0 !important;
  align-items: stretch;
}
body.page-search :is(#content, #wrapper) #js-product-list .products { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
body :is(#content, #wrapper) .ogs-related--home .ogs-related__grid { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
body :is(#content, #wrapper) :is(#js-product-list, .ogs-related--home) .ogs-home-card {
  height: auto !important;
  margin: 0 0 20px !important;
  min-width: 0;
}
body :is(#content, #wrapper) :is(#js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__image-wrap {
  position: relative;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1.25;
  padding: 14px 14px 0 !important;
  overflow: hidden;
}
body :is(#content, #wrapper) :is(#js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__image-container { display: block; width: 100%; height: 100% !important; min-height: 0; }
body :is(#content, #wrapper) :is(#js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__image-link,
body :is(#content, #wrapper) :is(#js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__image-link picture { display: block; width: 100%; height: 100% !important; }
body :is(#content, #wrapper) :is(#js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__image { display: block; position: static !important; width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; object-fit: contain !important; }
@supports (grid-template-rows: subgrid) {
  body.page-search :is(#content, #wrapper) #js-product-list .products,
  body :is(#content, #wrapper) .ogs-related--home .ogs-related__grid { grid-template-rows: repeat(5,auto); }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body :is(#content, #wrapper) .ogs-related--home .ogs-related__grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 991px) {
  body.page-search :is(#content, #wrapper) #js-product-list .products,
  body :is(#content, #wrapper) .ogs-related--home .ogs-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 575px) {
  body.page-search :is(#content, #wrapper) #js-product-list .products,
  body :is(#content, #wrapper) .ogs-related--home .ogs-related__grid { grid-template-columns: minmax(0,1fr) !important; }
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-products .products {
  grid-auto-columns: calc((100% - 64px) / 5);
  column-gap: 16px !important;
  row-gap: 0 !important;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card {
  min-height: 0 !important;
  height: 100%;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .product-flags .badge.new {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__content {
  padding: 8px 14px 12px !important;
  gap: 0;
  min-height: 0 !important;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__title {
  display: block !important;
  margin: 8px 0 6px !important;
  min-height: 5em !important;
  overflow: visible !important;
  color: #2863bd !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability {
  margin: 0 0 8px;
  min-height: 22px;
  font-size: 14px;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability__status {
  gap: 6px;
  color: #00a700;
  font-size: 14px;
  line-height: 1.4;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability__status strong { font-weight: 400; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability__status svg { width: 18px; height: 18px; flex: 0 0 18px; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability--low .ogs-card-availability__status { color: #142733; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability--low svg { color: #ff7900; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability--unavailable .ogs-card-availability__status { color: #d92332; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__bottom {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 44px;
  gap: 8px !important;
  align-items: end !important;
  margin-top: auto !important;
  padding-top: 0 !important;
  min-height: 44px !important;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__prices {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 5px !important;
  padding: 0 0 5px !important;
  min-width: 0;
  width: auto;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__prices strong {
  color: #08152d;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15;
  white-space: nowrap;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__bottom form { grid-column: 2; width: 44px !important; margin: 0 !important; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__add {
  display: grid !important;
  place-items: center;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px;
  padding: 10px !important;
  border: 0;
  border-radius: 6px;
  background: #00a700 !important;
  color: #fff !important;
}
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__add svg { display: block; width: 24px; height: 24px; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__add:hover { background: #008c00 !important; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__add:focus-visible { outline: 3px solid #007ec0; outline-offset: 3px; }
body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-stock { grid-column: 1 / -1; margin-top: 0; }
.ogs-home-card__reviews { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; min-height: 20px; line-height: 1.3; }
.ogs-home-card__stars { display: inline-flex; flex: 0 0 auto; gap: 2px; }
.ogs-home-card__star { display: block; width: 18px; height: 18px; overflow: hidden; border-radius: 50%; background: #00a700; }
.ogs-home-card__star--partial { background: linear-gradient(to right,#00a700 75%,#dce1e5 75%); }
.ogs-home-card__star svg { display: block; width: 100%; height: 100%; }
.ogs-home-card__review-text { color: #168cff; font-size: 14px; font-weight: 400; white-space: nowrap; }
@supports (grid-template-rows: subgrid) {
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-products .products { grid-template-rows: repeat(5,auto); }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card { display: grid !important; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0; }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__image-wrap { grid-row: 1; }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__content { display: grid !important; grid-template-rows: subgrid; grid-row: 2 / span 4; row-gap: 0; }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-home-card__reviews { grid-row: 1; }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__title { grid-row: 2; min-height: 0 !important; }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-card-availability { grid-row: 3; }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__bottom { grid-row: 4; margin-top: 0 !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-products .products { grid-auto-columns: calc((100% - 32px) / 3); }
}
@media (min-width: 576px) and (max-width: 991px) {
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-products .products { grid-auto-columns: calc((100% - 16px) / 2); }
}
@media (max-width: 575px) {
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-products .products { grid-auto-columns: 90%; }
  body :is(#content, #wrapper) :is(.ogs-home :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products), #js-product-list, .ogs-related--home) .ogs-home-card .ogs-product-card__prices strong { font-size: 22px !important; }
}

/* Keep confirmation images inside the same compact image area. */
body :is(#content, #wrapper) #ogs-order-products .ogs-home-card .ogs-product-card__image-wrap {
  position: relative;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1.25;
  padding: 14px 14px 0 !important;
  overflow: hidden;
}
body :is(#content, #wrapper) #ogs-order-products .ogs-home-card .ogs-product-card__image-container { display: block; width: 100%; height: 100% !important; min-height: 0; }
body :is(#content, #wrapper) #ogs-order-products .ogs-home-card .ogs-product-card__image-link,
body :is(#content, #wrapper) #ogs-order-products .ogs-home-card .ogs-product-card__image-link picture { display: block; width: 100%; height: 100% !important; }
body :is(#content, #wrapper) #ogs-order-products .ogs-home-card .ogs-product-card__image { display: block; position: static !important; width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; object-fit: contain !important; }

body #content .ogs-home #ogs-order-products .ogs-home-card .ogs-product-card__image-container { position:absolute; inset:14px 14px 0; width:auto !important; height:auto !important; }

body #content .ogs-home #ogs-order-products .ogs-home-card .ogs-product-card__image { position:absolute !important; inset:0; width:100% !important; height:100% !important; object-fit:contain !important; }