/* Product recommendations are one scrollable row, rather than a second catalogue. */
.woocommerce :is(.related.products,.up-sells.products,.cross-sells){
  --shop-paper:#fff;--shop-surface:#f6f3ed;--shop-ink:#17243a;--shop-muted:#626570;--shop-line:#dedfdc;--shop-accent:#193b91;--shop-success:#3c634c;--shop-wait:#805b2c;
  grid-column:1/-1;clear:both;min-width:0;max-width:100%;width:100%;margin:0;padding:24px 0 0;position:relative;
}
html[data-tj-theme="dark"] .woocommerce :is(.related.products,.up-sells.products,.cross-sells),
html[data-tj-theme="dark"].woocommerce :is(.related.products,.up-sells.products,.cross-sells){--shop-paper:#191e29;--shop-surface:#232d3d;--shop-ink:#eff1f5;--shop-muted:#bdc4d2;--shop-line:#394152;--shop-accent:#9db6ff;--shop-success:#9dcdb0;--shop-wait:#e5bf87}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>h2,
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>.tj-recommendation-heading>h2{
  margin:0;font:400 clamp(28px,3.2vw,42px)/1.15 var(--serif,Georgia,serif);letter-spacing:-.035em;color:var(--shop-ink);overflow-wrap:break-word;min-width:0;
}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>.tj-recommendation-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;max-width:100%;margin:0 0 22px}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>h2{margin-bottom:22px}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products{
  display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);align-items:stretch;gap:18px;
  width:100%;max-width:100%;min-width:0;margin:0;padding:2px 1px 7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-inline:1px;scrollbar-width:none;list-style:none;box-sizing:border-box;
}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products::-webkit-scrollbar{display:none}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products::before,
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products::after{display:none}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product{
  --tj-card-inset:16px;--tj-card-excerpt-height:40.3px;scroll-snap-align:start;float:none!important;width:auto!important;min-width:0;max-width:100%;margin:0!important;
}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-art{aspect-ratio:4/3}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-art--starter .tjws-product-art__scene{width:68%;max-width:330px;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px 14px}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-art--starter .tjws-starter-part{grid-template-rows:minmax(0,1fr);height:100%;max-height:100%;max-width:none;gap:0}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-brands--loop{height:58px;min-height:58px;flex-wrap:wrap;align-content:center;gap:5px 8px;overflow:hidden}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.price{margin-top:auto;min-height:2.9em;font-size:18px;line-height:1.45}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tj-product-card-availability{min-height:60px}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products:focus-visible{outline:2px solid var(--shop-accent);outline-offset:3px}
.tj-recommendation-controls{display:flex;flex:none;align-items:center;gap:8px}
.tj-recommendation-controls[hidden]{display:none}
.woocommerce .tj-recommendation-controls>button{display:grid;place-items:center;flex:none;min-width:44px;width:44px;min-height:44px;height:44px;margin:0;padding:9px;border:1px solid var(--shop-line);border-radius:3px;background:transparent;color:var(--shop-ink);box-shadow:none;cursor:pointer}
.woocommerce .tj-recommendation-controls>button>svg{width:20px;height:20px;stroke:currentColor;fill:none}
.woocommerce .tj-recommendation-controls>button:not(:disabled):hover{background:var(--shop-surface);border-color:var(--shop-accent);color:var(--shop-ink)}
.woocommerce .tj-recommendation-controls>button:disabled{opacity:.35;cursor:default}
.woocommerce .tj-recommendation-controls>button:focus-visible{outline:2px solid var(--shop-accent);outline-offset:3px}
@media(min-width:901px){
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-brands--loop{height:34px;min-height:34px;flex-wrap:nowrap}
}
@media(max-width:900px){
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-art{aspect-ratio:1}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-art--starter .tjws-product-art__scene{width:84%}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products{grid-auto-columns:42%;gap:12px}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>.tj-recommendation-heading{margin-bottom:18px}
  .woocommerce .tj-recommendation-controls{display:none}
}
@media(max-width:600px){
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells){padding-top:14px}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products{grid-auto-columns:76%;gap:12px}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>h2,
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>.tj-recommendation-heading>h2{font-size:28px;line-height:1.2}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product{--tj-card-inset:14px;--tj-card-excerpt-height:37.2px;padding-bottom:14px}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>h2.woocommerce-loop-product__title{font-size:16px;line-height:1.35}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>p.tjws-card-excerpt{font-size:12px;line-height:1.55}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.tjws-product-brands--loop{height:58px;min-height:58px;gap:5px 8px}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>a:is(.woocommerce-LoopProduct-link,.woocommerce-loop-product__link)>.price{font-size:18px}
  .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>.button{min-height:44px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products{scroll-behavior:auto}}

/* Cross-sells live outside the product main element, so their actions need the same palette. */
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>.button{background:#17243a;border:1px solid #17243a;color:#fff}
.woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>.button:hover{background:#193b91;border-color:#193b91;color:#fff}
html[data-tj-theme="dark"] .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>.button,
html[data-tj-theme="dark"].woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>.button{background:#294b96;border-color:#6384ce;color:#fff}
html[data-tj-theme="dark"] .woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>.button:hover,
html[data-tj-theme="dark"].woocommerce :is(.related.products,.up-sells.products,.cross-sells)>ul.products>li.product>.button:hover{background:#345cae;border-color:#7898dd;color:#fff}