.ce-rail{padding-block:var(--sec-y)}.ce-rail+.ce-rail{padding-top:24px}:is(.ce-rail,.ce-best) .rl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;flex-wrap:wrap}:is(.ce-rail,.ce-best) .rl-head-l{min-width:0;flex:1 1 auto}:is(.ce-rail,.ce-best) .rl-head h2{font-size:clamp(1.75rem,3.6vw,3rem);letter-spacing:-.03em;line-height:1.08}:is(.ce-rail,.ce-best) .rl-lead{margin-top:14px;color:var(--gray-600);font-size:1rem;line-height:1.6}:is(.ce-rail,.ce-best) .rl-head-r{text-align:right;margin-left:auto;max-width:46ch;flex:none}.ce-rail .rl-all{display:inline-flex;align-items:center;gap:5px;font-size:1rem;font-weight:600;color:var(--orange);text-decoration:none;transition:color .35s var(--ease)}.ce-rail .rl-all:hover{color:var(--orange-deep)}.ce-rail .rl-all span{font-size:1.1em;line-height:1;display:inline-block;transition:transform .35s var(--ease)}.ce-rail .rl-all:hover span{transform:translate(4px)}.ce-rail .rl-note{margin-top:7px;color:var(--gray-600);font-size:.9375rem;font-weight:500}.ce-rail .rl-wrap{position:relative}.ce-rail .rl-rail{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 24px;scrollbar-width:none;cursor:grab;scroll-snap-type:x proximity;outline:none}.ce-rail .rl-rail::-webkit-scrollbar{display:none}.ce-rail .rl-rail.is-drag{cursor:grabbing;scroll-snap-type:none}.ce-rail .rl-rail.is-drag a{pointer-events:none}.ce-rail .rl-rail:focus-visible{box-shadow:0 0 0 2px var(--orange);border-radius:var(--r)}.ce-rail .rl-card{flex:0 0 clamp(250px,23.4%,340px);scroll-snap-align:start}.ce-rail .rl-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--card-r);box-shadow:var(--card-shadow);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.ce-rail .rl-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.ce-rail .rl-media{position:relative}.ce-rail .rl-shot{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:var(--card-bg)}.ce-rail .rl-shot img{width:100%;height:100%;object-fit:contain;padding:var(--card-img-pad);mix-blend-mode:multiply;transition:transform .6s var(--ease)}.ce-rail .rl-card:hover .rl-shot img{transform:scale(1.045)}.ce-rail .rl-cmp{position:absolute;right:14px;bottom:11px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:42px;background:#ffffffeb;box-shadow:0 2px 8px #181b1f24;cursor:pointer;font:600 12px/1 var(--font-sans);color:var(--card-ink);transition:box-shadow .35s var(--ease)}.ce-rail .rl-cmp:hover{box-shadow:0 4px 14px #181b1f33}.ce-rail .rl-box{width:14px;height:14px;border-radius:3px;border:1px solid #767676;background:var(--white);display:grid;place-items:center;flex:none;transition:background .25s var(--ease),border-color .25s var(--ease)}.ce-rail .rl-box:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(.4);opacity:0;margin-top:-2px;transition:opacity .2s var(--ease),transform .2s var(--ease)}.ce-rail .rl-cmp[aria-pressed=true] .rl-box{background:var(--orange);border-color:var(--orange)}.ce-rail .rl-cmp[aria-pressed=true] .rl-box:after{opacity:1;transform:rotate(-45deg) scale(1)}.ce-rail .rl-body{display:flex;flex-direction:column;flex:1;padding:var(--card-pt) var(--card-px) var(--card-pb)}.ce-rail .rl-nm{display:-webkit-box;-webkit-line-clamp:var(--card-lines);-webkit-box-orient:vertical;overflow:hidden;min-height:40px;font:var(--card-title);letter-spacing:-.15px;color:var(--card-ink);text-decoration:none;transition:color .35s var(--ease)}.ce-rail .rl-nm:hover{color:var(--orange);text-decoration:underline 1px;text-underline-offset:3px}.ce-rail .rl-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;min-height:16px;margin-top:4px}.ce-rail .rl-sk{font:var(--card-sku);color:var(--card-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-rail .rl-rows{display:flex;flex-direction:column;margin:8px 0 0}.ce-rail .rl-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-top:1px solid var(--card-line)}.ce-rail .rl-rows dt{font:var(--card-spec-k);color:var(--card-muted);white-space:nowrap}.ce-rail .rl-rows dd{margin:0;font:var(--card-spec-v);color:var(--card-ink);text-align:right}.ce-rail .rl-foot{margin-top:auto;padding-top:10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ce-rail .rl-from{font:var(--card-from);color:var(--card-faint)}.ce-rail .rl-pr{font:var(--card-price);letter-spacing:-.3px;color:var(--card-ink)}.ce-rail .rl-hint{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:.875rem;font-weight:500;color:var(--gray-600)}.ce-rail .rl-hint em{flex:1;height:1px;background:var(--gray-100)}@media(max-width:900px){.ce-rail .rl-rail{gap:12px}.ce-rail .rl-cmp{display:none}}@media(max-width:760px){:is(.ce-rail,.ce-best) .rl-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;margin-bottom:20px}:is(.ce-rail,.ce-best) .rl-head-l{display:contents}:is(.ce-rail,.ce-best) .rl-head h2{grid-area:1/1}:is(.ce-rail,.ce-best) .rl-lead{grid-area:2/1/3/-1;margin-top:10px;font-size:12px;line-height:18px}:is(.ce-rail,.ce-best) .rl-head-r{grid-area:1/2;margin-left:0;max-width:none;text-align:right}}@media(max-width:640px){:is(.ce-rail,.ce-best) .rl-head h2{font-size:25px;line-height:30px;letter-spacing:-.84px}}@media(max-width:640px){.ce-rail{padding-block:var(--sec-y)}.ce-rail .rl-card{flex-basis:72%}.ce-rail .rl-hint{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.ce-rail .rl-card,.ce-rail .rl-shot img{transition:none}.ce-rail .rl-card:hover{transform:none}}.ce-best{padding-block:var(--sec-y)}.ce-best .bs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ce-best .bs-card{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--card-r);box-shadow:var(--card-shadow);color:inherit;text-decoration:none;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.ce-best .bs-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.ce-best .bs-fam{font-size:.9375rem;font-weight:600;color:var(--orange)}.ce-best .bs-big{font-size:2.4rem;font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--ink)}.ce-best .bs-big i{font-style:normal;font-size:.9375rem;font-weight:500;color:var(--gray-600);letter-spacing:-.005em;margin-left:8px}.ce-best .bs-bar{height:6px;border-radius:999px;background:var(--gray-50,#EDF0F1);overflow:hidden}.ce-best .bs-bar i{display:block;height:100%;background:var(--orange);border-radius:999px}.ce-best .bs-name{font:var(--card-title);letter-spacing:-.15px;color:var(--card-ink)}.ce-best .bs-sku{font:var(--card-sku);color:var(--card-muted)}@media(max-width:1000px){.ce-best .bs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ce-best .bs-grid{grid-template-columns:1fr}.ce-best{padding-block:28px}}.ce-rail .rl-card[hidden]{display:none}.ce-grid .gr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ce-grid .gr-grid .rl-card{flex:none}.ce-grid .gr-more{display:flex;justify-content:center;margin-top:28px}.ce-grid .gr-more[hidden]{display:none}.ce-grid .gr-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--gray-100);background:var(--white);box-shadow:var(--sh-1);font:600 .9375rem/1.2 inherit;font-family:inherit;color:var(--ink);cursor:pointer;transition:border-color .35s var(--ease),box-shadow .35s var(--ease)}.ce-grid .gr-btn:hover{border-color:var(--gray-200);box-shadow:var(--sh-2)}.ce-famlinks{padding-block:8px 56px}.ce-famlinks .fl-row{display:flex;gap:10px;flex-wrap:wrap}.ce-famlinks .fl-pill{padding:12px 20px;border-radius:999px;background:var(--white);border:1px solid var(--gray-100);font-size:.9375rem;font-weight:600;text-decoration:none;color:var(--ink);box-shadow:var(--sh-1);transition:border-color .35s var(--ease),color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}.ce-famlinks .fl-pill:hover{border-color:var(--gray-200);color:var(--orange);transform:translateY(-1px);box-shadow:var(--sh-2)}@media(max-width:1100px){.ce-grid .gr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.ce-grid .gr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:760px){.ce-grid .rl-rows div{flex-direction:column;align-items:flex-start;gap:2px}.ce-grid .rl-rows dt{white-space:normal}.ce-grid .rl-rows dd{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/col-rail.css.map */