.coll .c-hero{position:relative;height:504px;overflow:hidden;background:#f3f1ee}.coll .c-hero>.ph{position:absolute;top:0;right:0;bottom:0;left:38%;background:linear-gradient(135deg,#ebe8e3,#f8f7f5)}.coll .c-hero .wrap{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}.coll .c-hero .crumbs{padding:0 0 14px;font-size:13px}.coll .c-hero h1{font-family:Poppins,sans-serif;font-size:48px;font-weight:700;line-height:1.1;color:#000;max-width:520px}.coll .c-hero p{font-family:Lato,sans-serif;font-size:17px;line-height:1.6;color:#333;max-width:460px;margin-top:14px}.coll .bs-sec{padding:32px 0 34px}.coll .bs-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.coll .bs-head .section-title{margin:0;color:#1a1a1a}.coll .bs-head a{font-family:Lato,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;text-decoration:underline;text-underline-offset:3px}.coll .bs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.coll .bs-item{display:flex;align-items:center;gap:14px;padding:0 13px}.coll .bs-item+.bs-item{border-left:1px solid #eee}.coll .bs-item .ph{width:72px;height:72px;flex:none;border-radius:8px;background:#f5f5f5}.coll .bs-item h3{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;line-height:1.3;color:#1a1a1a}.coll .bs-item .pr{font-family:Lato,sans-serif;font-size:13px;font-weight:800;color:#1a1a1a;margin-top:4px}.coll .bs-item .pr s{color:#999;font-weight:400;margin-left:6px}.coll .hl-sec{padding:38px 0 60px;overflow:hidden}.coll .hl-viewport{position:relative;margin-top:4px}.coll .hl-rail{display:flex;gap:123px;transition:transform .5s ease;will-change:transform}.coll .hl-slide{position:relative;flex:none;width:min(1198px,86vw);aspect-ratio:2 / 1;border-radius:16px;overflow:hidden;opacity:.35;transition:opacity .5s}.coll .hl-slide.on{opacity:1}.coll .hl-slide .ph{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#e9ebef,#f7f7f8 55%,#e4e1dc)}.coll .hl-slide .t{position:absolute;top:47px;left:48px;z-index:2;max-width:420px}.coll .hl-slide h3{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;line-height:1.24;color:#000}.coll .hl-slide p{font-family:var(--ui);font-size:19px;font-weight:500;line-height:1.6;color:#000;margin-top:10px}.coll .hl-dots{display:flex;gap:8px;justify-content:center;margin-top:22px}.coll .hl-dots button{width:8px;height:8px;border-radius:999px;background:#d0d0d0;transition:width .3s}.coll .hl-dots button.on{width:24px;background:#000}.coll .anchors{top:80px;border-bottom:1px solid #eee}.coll .anchors .wrap{gap:22px;height:64px;font-family:var(--ui);font-size:16px;font-weight:500}.coll .anchors a{padding:16px 28px;line-height:16px;border-bottom:2px solid transparent;color:#000}.coll .anchors a.on{border-bottom:2px solid #000;padding-bottom:14px}.coll .groups{padding:50px 0 20px}.coll .sub-title{font-family:Poppins,sans-serif;font-size:34px;font-weight:700;line-height:1.2;color:#000;margin:34px 0 24px;scroll-margin-top:160px}.coll .groups .grid4{gap:20px 19px;margin-bottom:30px}.coll .finder-sec{padding:84px 0}.coll .finder{background:#f5f5f5;border-radius:16px;padding:24px;grid-template-columns:1fr 309px;gap:40px;align-items:start}.coll .finder>div:first-child{padding:24px 0}.coll .finder .intro{font-family:Lato,sans-serif;font-size:15px;line-height:1.5;color:#151515;margin-bottom:26px;max-width:520px}.coll .finder .intro b{font-family:Poppins,sans-serif;font-size:20px;display:block;margin-bottom:6px}.coll .finder h4{font-family:Poppins,sans-serif;font-size:15px;font-weight:800;line-height:1;color:#151515;margin:26px 0 10px}.coll .finder h4:first-of-type{margin-top:0}.coll .opts{gap:8px}.coll .opts button{height:36px;padding:0 16px;background:#fff;border:1px solid #fff;border-radius:999px;font-family:Lato,sans-serif;font-size:15px;color:#151515}.coll .opts button:hover{border-color:#151515}.coll .opts button.on{background:#151515;color:#fff;border-color:#151515}.coll .finder .result{background:#fff;border-radius:10px;padding:24px;text-align:left}.coll .finder .result small{font-family:Lato,sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#151515}.coll .finder .result .ph{margin:12px 0;border-radius:8px}.coll .finder .result h3{font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.coll .finder .result .btn{width:100%;height:45px;border-radius:999px;font-family:Lato,sans-serif;font-size:13px;font-weight:800}.coll .cmp-sec{padding:84px 0}.coll .cmpc{display:grid;grid-template-columns:repeat(var(--n, 3),1fr);text-align:center}.coll .cmpc .col{padding:0 20px}.coll .cmpc .col+.col{border-left:1px solid #eee}.coll .cmpc select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;background:#fff;margin-bottom:18px}.coll .cmpc .ph{width:220px;height:220px;margin:0 auto 16px;border-radius:12px;background:#f5f5f5}.coll .cmpc h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;min-height:40px}.coll .cmpc .pr{font-family:Lato,sans-serif;font-size:16px;font-weight:700;margin:6px 0 12px}.coll .cmpc .btn{height:38px;padding:9px 18px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;background:#111;border-radius:100px}.coll .cmpc .row{padding:18px 0;border-top:1px solid #f0f0f0}.coll .cmpc .row .ic{font-size:20px;display:block;margin-bottom:6px}.coll .cmpc .row b{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#111}.coll .cmpc .row small{display:block;font-size:12px;color:#888;margin-top:3px}.coll .cmpc .row.more{display:none}.coll .cmpc.open .row.more{display:block}.coll .show-more{display:block;width:100%;padding:8px 0;margin-top:18px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#111;border-top:1px solid #eee}.coll .kol-sec{background:#fff;color:#151515}.coll .kol-sec .section-title{color:#151515}.coll .kol-track{display:grid;grid-auto-flow:column;grid-auto-columns:400px;gap:16px;overflow-x:auto;scrollbar-width:none}.coll .kol-track::-webkit-scrollbar{display:none}.coll .kol-card{position:relative;height:576px;border-radius:14px;overflow:hidden;background:#d7d7d7;display:grid;place-items:center}.coll .kol-card .ph{position:absolute;top:0;right:0;bottom:0;left:0}.coll .kol-card .play{position:relative;z-index:2;width:88px;height:88px;border-radius:50%;background:#fffc;display:grid;place-items:center;font-size:28px}@media(max-width:1000px){.coll .c-hero{height:360px}.coll .c-hero>.ph{top:0;right:0;bottom:0;left:0;opacity:.5}.coll .c-hero h1{font-size:34px}.coll .bs-row{grid-template-columns:1fr;gap:14px}.coll .bs-item+.bs-item{border-left:0}.coll .hl-rail{gap:16px}.coll .hl-slide{width:86vw;aspect-ratio:4 / 5}.coll .hl-slide .t{top:24px;left:24px;right:24px}.coll .hl-slide p{font-size:15px}.coll .anchors a{padding:16px 12px}.coll .finder{grid-template-columns:1fr}.coll .cmpc{overflow-x:auto;grid-template-columns:repeat(var(--n, 3),70vw)}.coll .cmpc .ph{width:160px;height:160px}.coll .kol-track{grid-auto-columns:70vw}.coll .kol-card{height:auto;aspect-ratio:400 / 576}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/coll.css.map */