#catalog-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#a9b4b5 transparent;padding-bottom:14px}
#catalog-grid .catalog-product{flex:0 0 calc((100% - 66px)/4);scroll-snap-align:start}
.catalog-navigation{display:flex;gap:10px}.catalog-navigation button{width:48px;height:48px;padding:0;justify-content:center;font-size:22px}.catalog-navigation button:disabled{opacity:.25;cursor:default}.catalog-navigation button:disabled:hover{background:#fff;color:#111}
@media(max-width:999px){#catalog-grid .catalog-product{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:699px){#catalog-grid{gap:16px}#catalog-grid .catalog-product{flex-basis:84%}}

#catalog-panel{position:relative}
#catalog-panel .catalog-navigation{position:absolute;inset:var(--catalog-arrow-top,110px) -24px auto;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);z-index:2}
#catalog-panel .catalog-navigation button{display:grid;place-items:center;pointer-events:auto;width:48px;height:48px;padding:0;border:1px solid #dce1e0;border-radius:0;background:#fff;color:#222;font-size:22px;box-shadow:0 3px 14px #00000012;transition:background-color .2s,color .2s}
#catalog-panel .catalog-navigation button:hover:not(:disabled){background:#315462;color:#fff;border-color:#315462}
#catalog-panel .catalog-navigation button:disabled{opacity:.4}
#catalog-panel .catalog-navigation button:focus-visible{outline:2px solid #315462;outline-offset:3px}
@media(max-width:699px){#catalog-panel .catalog-navigation{left:-12px;right:-12px}#catalog-panel .catalog-navigation button{width:40px;height:40px}}

.catalog-product h3>a{display:block;color:inherit;text-decoration:none}

/* Keep catalog photos and comparable information on shared rows. */
#catalog-grid .catalog-photo{width:100%;flex-shrink:0}
#catalog-grid .catalog-product-heading h3{min-height:0;margin-bottom:0}
#catalog-grid .catalog-product-heading .catalog-type{min-height:0;margin:6px 0 0}
#catalog-grid .catalog-product-heading{margin-bottom:18px;overflow-wrap:anywhere}
#catalog-grid .catalog-specs{overflow-wrap:anywhere}
#catalog-grid .scout-catalog-badges:empty{height:0;min-height:0;margin:0}

@supports (grid-template-rows:subgrid){
  @media(min-width:700px){
    #catalog-grid{
      display:grid;
      grid-template-columns:none;
      grid-auto-flow:column;
      grid-auto-columns:calc((100% - 66px)/4);
      grid-template-rows:repeat(8,auto);
      row-gap:0;
    }
    #catalog-grid .catalog-product{
      display:grid;
      grid-row:1 / -1;
      grid-template-rows:subgrid;
      align-items:start;
    }
    #catalog-grid .catalog-photo{grid-row:1;margin-bottom:14px}
    #catalog-grid .scout-catalog-badges{grid-row:2;margin-top:0}
    #catalog-grid .catalog-sku{grid-row:3}
    #catalog-grid .catalog-product-heading{grid-row:4}
    #catalog-grid .catalog-specs{grid-row:5}
    #catalog-grid .catalog-details{grid-row:6}
    #catalog-grid .catalog-price{grid-row:7;margin-top:0}
    #catalog-grid .catalog-actions{grid-row:8}
  }
  @media(min-width:700px) and (max-width:999px){
    #catalog-grid{grid-auto-columns:calc((100% - 22px)/2)}
  }
}
@media(max-width:699px){
  #catalog-grid .catalog-photo{margin-bottom:12px}
  #catalog-grid .scout-catalog-badges{margin-top:0}
  #catalog-grid .catalog-price{margin-top:0}
}