.rec-rails{gap:48px;min-width:0;padding-block:48px;display:grid}.rec-rail{--rec-card:216px;--rec-gap:20px;min-width:0}.rec-head{align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.rec-heading{flex:1;min-width:0}.rec-heading h2,.rec-heading h3{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:24px;line-height:1.2}.rec-heading p{color:var(--brand-muted);margin:4px 0 0;font-size:14px}.rec-clear{color:var(--brand-muted);text-underline-offset:2px;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 2px;font-size:13px;text-decoration:underline}.rec-clear:hover{color:var(--ink)}.rec-arrows{flex:none;gap:8px;display:flex}.rec-arrows[data-hidden]{visibility:hidden}.rec-arrows button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;transition:border-color .15s,color .15s;display:grid}.rec-arrows button:hover:not([aria-disabled=true]){border-color:var(--brand-green);color:var(--brand-green)}.rec-arrows button[aria-disabled=true]{color:#b6c2bd;cursor:default}.rec-track{gap:var(--rec-gap);margin:0;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:-4px;padding:4px;scroll-padding-inline:4px;list-style:none;display:flex;overflow-x:auto}.rec-track::-webkit-scrollbar{display:none}.rec-track-skel{overflow:hidden}.rec-item{flex:0 0 var(--rec-card);scroll-snap-align:start;min-width:0}.rec-card{color:inherit;border-radius:10px;text-decoration:none;display:block}.rec-card:focus-visible{outline:2px solid var(--brand-green);outline-offset:3px}.rec-media{aspect-ratio:4/3;border:1px solid var(--line);background:#fff;border-radius:10px;transition:border-color .15s;display:block;position:relative;overflow:hidden}.rec-media img{object-fit:cover;transition:transform .25s}.rec-media[data-kind=design]{background:var(--brand-soft)}.rec-media[data-kind=design] img{object-fit:contain;padding:10px}.rec-card:hover .rec-media{border-color:var(--brand-green)}.rec-card:hover .rec-media img{transform:scale(1.025)}.rec-body{gap:3px;padding:11px 2px 2px;display:grid}.rec-title{-webkit-line-clamp:2;min-height:2.6em;color:var(--ink);-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.rec-card:hover .rec-title{color:var(--brand-green)}.rec-sub{color:var(--brand-muted);font-size:13px;line-height:1.3}.rec-price{color:var(--brand-muted);font-size:14px;line-height:1.35}.rec-price strong{color:var(--ink);font-weight:700}.rec-progress{background:var(--line);border-radius:2px;height:2px;margin-top:14px;display:block;overflow:hidden}.rec-progress>span{background:var(--brand-green);border-radius:2px;height:100%;display:block}.rec-skel{background:linear-gradient(100deg,#eef2f0 30%,#f7f9f8 50%,#eef2f0 70%) 0 0/300% 100%;border-radius:6px;animation:1.5s linear infinite rec-shimmer;display:block}.rec-skel.rec-media{border-color:#0000;border-radius:10px}.rec-skel-title{width:min(280px,60%);height:29px}.rec-skel-line{min-height:2.6em;font-size:15px;line-height:1.3}.rec-skel-price{width:60%;height:19px}@keyframes rec-shimmer{to{background-position:-150% 0}}.rec-rail[data-compact]{--rec-card:148px;--rec-gap:12px;border-top:1px solid var(--line);margin-top:8px;padding-top:18px}.rec-rail[data-compact] .rec-head{margin-bottom:12px}.rec-rail[data-compact] .rec-heading h2,.rec-rail[data-compact] .rec-heading h3{font-size:16px}.rec-rail[data-compact] .rec-title{font-size:13px}.rec-rail[data-compact] .rec-price{font-size:12.5px}.rec-rail[data-compact] .rec-skel-title{height:20px}.rec-saved{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.rec-saved h2{margin:0 0 4px;font-size:20px}.rec-saved>p{color:var(--brand-muted);margin:0 0 14px;font-size:13px}.rec-saved ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rec-saved li{align-items:center;gap:14px;display:flex}.rec-saved-thumb{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;width:72px;height:54px;position:relative;overflow:hidden}.rec-saved-thumb img{object-fit:cover}.rec-saved-name{flex:1;min-width:0;font-size:14px;font-weight:700}.rec-saved-name small{color:var(--brand-muted);font-weight:400;display:block}.rec-saved-actions{flex-wrap:wrap;flex:none;gap:4px 14px;display:flex}.rec-saved-actions button{color:var(--brand-green);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:13px;text-decoration:underline}.rec-saved-actions button+button{color:var(--brand-muted)}@media (max-width:767px){.rec-rails{gap:36px;padding-block:36px}.rec-rail{--rec-card:min(44vw, 190px);--rec-gap:14px}.rec-rail[data-compact]{--rec-card:140px}.rec-heading h2,.rec-heading h3{font-size:20px}.rec-arrows{display:none}.rec-track{scroll-snap-type:x mandatory}.rec-saved li{flex-wrap:wrap}.rec-saved-actions{width:100%;padding-left:86px}}@media (prefers-reduced-motion:reduce){.rec-skel{animation:none}.rec-media,.rec-media img{transition:none}.rec-card:hover .rec-media img{transform:none}}