/* Compact recommendations on product pages; leave the main product and catalogue untouched. */
body.gdax-front.single-product :is(.related.products,.up-sells.products)>:is(h2,.ct-module-title){font-size:clamp(22px,2vw,28px);line-height:1.2;margin-bottom:20px}
body.gdax-front.single-product :is(.related.products,.up-sells.products) ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));--grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
body.gdax-front.single-product :is(.related.products,.up-sells.products) ul.products>li.product{width:auto;min-width:0;margin:0;padding:14px;gap:0;border:1px solid #e1e6ed;border-radius:12px;display:flex;flex-direction:column;box-shadow:none}
body.gdax-front.single-product :is(.related.products,.up-sells.products) ul.products>li.product:hover{border-color:#bbc8d8;box-shadow:0 6px 20px #172d4d08}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .product figure{order:0;margin:0 0 10px;border-radius:8px;background:#fff}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .product figure .ct-media-container{width:100%;height:auto;max-height:220px;aspect-ratio:1.1/1!important;background:#fff;overflow:hidden}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .product figure img{width:100%;height:100%;padding:0;aspect-ratio:auto!important;object-fit:contain}
/* Also support WooCommerce's default linked-image card markup. */
body.gdax-front.single-product :is(.related.products,.up-sells.products) li.product>.woocommerce-loop-product__link{display:flex;flex:1;flex-direction:column;min-width:0}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .woocommerce-loop-product__link>img{order:0;width:100%;height:auto;max-height:220px;aspect-ratio:1.1/1;object-fit:contain;margin:0 0 10px}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .woocommerce-loop-product__title{order:1;font-size:14px;line-height:1.4;font-weight:650;letter-spacing:-.015em;min-height:40px;margin:0 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .product .price{order:2;display:block;font-size:20px;line-height:1.25;font-weight:750;letter-spacing:-.025em;min-height:44px;margin:0 0 8px;padding:0}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .woocommerce-price-suffix{font-size:9px;font-weight:400;letter-spacing:0;white-space:nowrap}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-net-price{display:block;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.5;margin-top:3px;color:#62728a}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdc-card-colors{order:3;display:flex;flex-wrap:nowrap;align-items:center;gap:7px;flex-shrink:0;min-width:0;width:100%;height:40px;min-height:40px;padding:7px 2px;margin:auto 0 4px;border-top:1px solid #edf0f4;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bdc7d3 transparent}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdc-card-color{display:block;flex:0 0 20px;width:20px;height:20px;border:1px solid #c4cedb;border-radius:50%;background:var(--gdc-color);box-shadow:inset 0 0 0 2px #fff}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdc-card-colors:focus-visible{outline:2px solid #182d4d;outline-offset:2px;border-radius:3px}
body.gdax-front.single-product :is(.related.products,.up-sells.products) :is(.entry-meta,.ct-woo-card-actions),body.gdax-front.single-product :is(.related.products,.up-sells.products) li.product>.button{display:none}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions{order:5;gap:4px;margin:0}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions button{min-height:32px;font-size:10px;line-height:1.4;padding:4px 2px;gap:4px;border:0;background:transparent;color:#6b7a8f}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions button:hover{background:#f5f7fa;color:#182d4d}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions button[aria-pressed=true]{background:#eef2f7;color:#182d4d}
body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions svg{width:14px;height:14px;flex-shrink:0}
body.gdax-front.single-product :is(.related.products,.up-sells.products) :is(.out-of-stock-badge,.onsale){font-size:9px;padding:5px 7px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .product figure img{transition:transform .32s cubic-bezier(.2,.65,.3,1);transform-origin:center}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .ct-media-container:is(:hover,:focus-visible) img{transform:scale(1.05)}
}
@media(max-width:999px){
 body.gdax-front.single-product :is(.related.products,.up-sells.products) ul.products{grid-template-columns:repeat(2,minmax(0,1fr));--grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 body.gdax-front.single-product :is(.related.products,.up-sells.products) ul.products{gap:10px}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) ul.products>li.product{padding:10px;border-radius:9px}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .woocommerce-loop-product__title{font-size:12px;min-height:51px;-webkit-line-clamp:3;margin-bottom:7px}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .product .price{font-size:18px;min-height:54px;margin-bottom:6px}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .woocommerce-price-suffix{display:block;line-height:1.5}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-net-price{font-size:9px}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions{flex-wrap:wrap;gap:0}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions button{font-size:9px;min-height:36px;gap:3px;padding:3px 0}
 body.gdax-front.single-product :is(.related.products,.up-sells.products) .gdax-pick-actions svg{width:12px;height:12px}
}