.zlh.zlh-col-grid.zlh-pdp-recs{padding-block:calc(80px * var(--zlh-pt)) calc(100px * var(--zlh-pb))}.zlh.zlh-col-grid.zlh-pdp-recs[hidden]{display:none}.zlh.zlh-pdp-recs .zlh-pdp-recs__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.zlh.zlh-pdp-recs .zlh-pdp-recs__head .zlh-eyebrow{margin-bottom:10px}.zlh.zlh-pdp-recs .zlh-pdp-recs__title{margin:0;font-size:var(--zt-h2);color:var(--zlh-fg)}.zlh.zlh-pdp-recs .zlh-col-card__top{justify-content:flex-start}.zlh.zlh-pdp-recs .zlh-col-card__badge{margin-left:0;max-width:100%}.zlh.zlh-pdp-recs .zlh-pdp-recs__note{margin-top:20px;padding:16px 18px;border:1px dashed currentColor;border-radius:14px;font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-size:var(--zt-lab);line-height:1.5;opacity:.75}.zlh.zlh-pdp-recs .zlh-col-grid__grid{transition:opacity .3s}.zlh.zlh-pdp-recs.is-pending .zlh-col-grid__grid{opacity:0}@media(min-width:900px){.zlh.zlh-pdp-recs.zlh-pdp-recs--c4 .zlh-col-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zlh.zlh-pdp-recs.zlh-pdp-recs--c4 .zlh-col-card{height:500px}.zlh.zlh-pdp-recs.zlh-pdp-recs--c4 .zlh-col-card__ghost{font-size:clamp(50px,5.2vw,84px)}.zlh.zlh-pdp-recs.zlh-pdp-recs--c4 .zlh-col-card__row{flex-direction:column;align-items:stretch;gap:12px}.zlh.zlh-pdp-recs.zlh-pdp-recs--c4 .zlh-col-card__acts{justify-content:stretch}.zlh.zlh-pdp-recs.zlh-pdp-recs--c4 .zlh-col-card__add{width:100%}}@media(max-width:899px){.zlh.zlh-col-grid.zlh-pdp-recs{padding-block:calc(56px * var(--zlh-pt)) calc(72px * var(--zlh-pb))}.zlh.zlh-pdp-recs .zlh-pdp-recs__head{gap:12px 16px}.zlh.zlh-pdp-recs .zlh-col-card__badge{margin-left:0}.zlh.zlh-pdp-recs .zlh-col-grid__grid{margin-top:18px}.zlh.zlh-col-grid.zlh-pdp-recs--swipe .zlh-col-grid__grid{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:calc(var(--zlh-gl) * -1);margin-right:calc(var(--zlh-gr) * -1);padding-left:var(--zlh-gl);padding-right:var(--zlh-gr);scroll-padding-left:var(--zlh-gl)}.zlh.zlh-col-grid.zlh-pdp-recs--swipe .zlh-col-grid__grid::-webkit-scrollbar{display:none}.zlh.zlh-col-grid.zlh-pdp-recs--swipe .zlh-col-grid__grid>li{flex:0 0 calc((100% - 10px) / 2.3);scroll-snap-align:start;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/zl-pdp-recs.css.map */