/* First-party recommendation rails for GaGaShoppers shopping pages. */
.recommended-section{margin:28px 0 35px;padding:25px;background:#fff;border:1px solid #dde7f2;
  box-shadow:0 7px 21px #2039550c;border-radius:16px}
.recommended-section[hidden]{display:none!important}
.recommended-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:19px}
.recommended-heading h2{font-size:clamp(21px,2vw,27px);font-weight:850;line-height:1.2;letter-spacing:-.035em;margin:0 0 6px}
.recommended-heading p{margin:0;color:#576b81;font-size:13px;line-height:1.6;max-width:770px}
.recommended-heading a{color:#1262b0;font-weight:800;font-size:13px;white-space:nowrap}
.recommended-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.recommended-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e0e8f1;
  border-radius:13px;text-decoration:none;color:#14243c;background:#fff;transition:transform .15s,box-shadow .15s}
.recommended-card:hover,.recommended-card:focus-visible{transform:translateY(-3px);
  box-shadow:0 10px 24px #14293e22;outline-offset:2px}
.recommended-image{aspect-ratio:1;display:block;width:100%;object-fit:contain;padding:12px;background:#fafcfe}
.recommended-copy{display:flex;flex-direction:column;gap:6px;padding:13px;flex:1}
.recommended-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.recommended-copy small{font-size:12px;color:#5f7186}
.recommended-status{margin-top:auto;font-size:11px;color:#90511f;font-weight:740}
.recommended-empty{font-size:14px;color:#61748a;margin:0;grid-column:1/-1}
.cj-preview-details{display:block;color:inherit;text-decoration:none}
.cj-preview-details:hover h3,.cj-preview-details:focus-visible h3{color:#14629f;text-decoration:underline}
.cj-preview-details:focus-visible{outline:2px solid #1973c2;outline-offset:2px}
.cj-preview-details .cj-preview-image{display:flex}
.cj-preview-details .cj-preview-title{padding:12px 13px 0}
.preview-detail-shell{padding-top:22px;padding-bottom:42px}
.preview-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#718092;margin-bottom:20px}
.preview-breadcrumb a{color:#1463a4}
.preview-detail{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);
  background:#fff;border:1px solid #e1e7ee;border-radius:18px;overflow:hidden;gap:25px}
.preview-detail[hidden]{display:none!important}
.preview-detail-media{padding:25px;background:#fff;display:flex;align-items:center;justify-content:center}
.preview-detail-media img{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:12px}
.preview-detail-info{display:flex;flex-direction:column;gap:17px;padding:30px 30px 30px 10px}
.preview-detail-info h1{font-size:clamp(23px,3vw,36px);line-height:1.2;letter-spacing:-.04em;margin:0}
.preview-detail-info p{font-size:14px;color:#53677c;line-height:1.65;margin:0}
.preview-detail-category{font-size:13px;font-weight:770;color:#28648d}
.preview-detail-status{padding:25px;border:1px solid #e1e8f1;border-radius:12px;background:#fff}
.preview-explore{color:#075c9c;font-size:14px;font-weight:780}
.preview-secondary{font-weight:580}
@media(max-width:980px){.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.recommended-section{padding:16px;margin:20px 0}
.recommended-heading{flex-wrap:wrap}.recommended-grid{gap:10px}
.recommended-copy{padding:10px}.preview-detail{grid-template-columns:1fr;gap:0}
.preview-detail-media{padding:15px}.preview-detail-info{padding:20px}
}