.luban-recs{--luban-rec-maroon: #4c1523;--luban-rec-cream: #f5e3d1;--luban-rec-rose: #b05353;--luban-rec-border: rgb(var(--color-line-border));--luban-rec-text: #2a1218;--luban-rec-muted: #5c3a42;--luban-rec-radius: var(--radius-sm);--luban-rec-font-heading: var(--lp-font-heading, serif);--luban-rec-font-body: var(--lp-font-body, sans-serif);width:100%;margin-top:0;padding-top:0;border-top:none;font-family:var(--luban-rec-font-body)}.luban-recs__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.125rem}.luban-recs__heading{margin:0;font-family:var(--luban-rec-font-heading);font-size:var(--text-base, 1rem);font-weight:600;line-height:1.35;color:var(--luban-rec-text)}.luban-recs__nav{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0}.luban-recs__arrow{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--luban-rec-border);border-radius:999px;background:#fff;color:var(--luban-rec-maroon);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.luban-recs__arrow:hover:not(:disabled){background:var(--luban-rec-cream);border-color:var(--luban-rec-rose)}.luban-recs__arrow:disabled{opacity:.35;cursor:not-allowed}[dir=rtl] .luban-recs__arrow svg{transform:scaleX(-1)}.luban-recs__viewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.luban-recs__viewport::-webkit-scrollbar{display:none}.luban-recs__track{display:flex;gap:1rem;min-width:min-content}.luban-recs__card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:1rem;min-width:min(100%,420px);max-width:480px;flex:0 0 min(100%,480px);scroll-snap-align:start;padding:.875rem;border:.1rem solid var(--luban-rec-border);border-radius:var(--luban-rec-radius);background:#ffffff73}.luban-recs__thumb{display:block;width:96px;height:96px;border-radius:10px;overflow:hidden;background:var(--luban-rec-cream)}.luban-recs__img,.luban-recs__img-placeholder{display:block;width:100%;height:100%;object-fit:cover}.luban-recs__img-placeholder{background:linear-gradient(135deg,var(--luban-rec-cream),rgb(176 83 83 / .12))}.luban-recs__info{min-width:0}.luban-recs__title{display:block;margin:0 0 .35rem;font-size:1.5rem;line-height:1.4;font-weight:500;color:var(--luban-rec-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.luban-recs__title:hover{color:var(--luban-rec-maroon)}.luban-recs__price{margin:0;font-size:1.4375rem;line-height:1.35;color:var(--luban-rec-muted)}.luban-recs__price-compare{margin-inline-end:.35rem;text-decoration:line-through;opacity:.65}.luban-recs__price-current{color:var(--luban-rec-maroon);font-weight:600}.luban-recs__add-btn{display:inline-flex;align-items:center;justify-content:center;min-width:6rem;height:3rem;padding:0 1.15rem;border:none;border-radius:999px;background:var(--luban-rec-maroon);color:#fff;font-family:inherit;font-size:1.25rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.luban-recs__add-btn:hover:not(:disabled){background:var(--luban-rec-rose)}.luban-recs__add-btn:disabled{opacity:.7;cursor:wait}.luban-recs__add-btn.is-added{background:var(--luban-rec-rose)}.luban-recs__add-spinner svg{animation:luban-recs-spin .8s linear infinite}.luban-recs__add-spinner svg circle{stroke-dasharray:160;stroke-dashoffset:40}.luban-recs__sold-out{font-size:1.0625rem;font-weight:600;color:var(--luban-rec-muted);text-transform:uppercase;letter-spacing:.04em}@keyframes luban-recs-spin{to{transform:rotate(360deg)}}@media(min-width:750px){.luban-recs__card{min-width:400px;flex-basis:400px}}@media(max-width:749px){.luban-recs{margin-top:1.25rem;padding-top:1.25rem}.luban-recs__heading{font-size:clamp(1.375rem,4.5vw,1.5625rem)}.luban-recs__card{grid-template-columns:88px minmax(0,1fr) auto;gap:.875rem;padding:.875rem;min-width:calc(100vw - 2.5rem);max-width:none;flex-basis:calc(100vw - 2.5rem)}.luban-recs__thumb{width:88px;height:88px}.luban-recs__title{font-size:1.3125rem}.luban-recs__price{font-size:1.25rem}.luban-recs__add-btn{min-width:5.25rem;height:2.75rem;padding:0 1rem;font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/luban-product-recommendations.css.map */