.cs-shop{padding:64px 0 110px;min-height:70vh;border-bottom:1px solid var(--cs-line)}.cs-shop__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(46% 42% at 50% 0%,rgba(146,96,255,.4),transparent 72%),radial-gradient(30% 40% at 6% 70%,rgba(94,75,139,.22),transparent 72%),radial-gradient(30% 40% at 96% 90%,rgba(91,242,168,.1),transparent 72%)}.cs-shop__inner{position:relative;z-index:1}.cs-shop__head{text-align:center;max-width:720px;margin:0 auto}.cs-shop__head .cs-crumbs{margin-bottom:26px}.cs-shop__title{font-family:var(--cs-font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:.92;font-size:clamp(44px,8vw,96px);color:#fff;margin-top:14px}.cs-shop__title b,.cs-shop__title em{font-style:normal;font-weight:800;color:var(--cs-violet-bright)}.cs-shop__sub{color:#cfc0ee;font-size:clamp(15px,1.5vw,17px);line-height:1.6;margin:20px auto 0;max-width:520px}.cs-tiles{list-style:none;display:grid;gap:20px;margin-top:52px}.cs-tiles--1{grid-template-columns:minmax(0,560px);justify-content:center}.cs-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px;margin-inline:auto}.cs-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-tiles--5,.cs-tiles--6{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-tile-wrap{min-width:0}.cs-tile{--acc:var(--cs-violet);--acc-rgb:201,180,245;position:relative;display:flex;flex-direction:column;aspect-ratio:4/5.4;border-radius:20px;overflow:hidden;isolation:isolate;background:var(--cs-surface);box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 60px #0000008c;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.cs-tile--mint{--acc:var(--cs-mint);--acc-rgb:91,242,168}.cs-tile--lav{--acc:var(--cs-lav);--acc-rgb:234,230,241}.cs-tiles--4 .cs-tile{aspect-ratio:3/4.4}.cs-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cs-tile__img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.cs-tile__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(114deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px),radial-gradient(70% 60% at 50% 30%,rgba(var(--acc-rgb),.35),transparent 70%),linear-gradient(168deg,#2b1050,#3f1785 44%,#190a31)}.cs-tile__ph span{font-family:var(--cs-font-display);font-weight:800;font-size:clamp(120px,16vw,220px);line-height:1;color:#ffffff14;text-transform:uppercase}.cs-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0003,#0000 30%,#0003 50%,#05030aeb)}.cs-tile:after{content:"";position:absolute;top:-10%;right:-60%;bottom:-10%;left:-60%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);transform:translate(-60%);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.cs-tile__label{position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#080412b8;border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--cs-font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}.cs-tile__idx{color:var(--acc);font-weight:700}.cs-tile__cat{color:#fff;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-tile__count{margin-left:auto;color:#b6a5d8;white-space:nowrap}.cs-tile__body{position:relative;z-index:3;margin-top:auto;padding:24px 22px}.cs-tile__title{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-family:var(--cs-font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:.95;font-size:clamp(30px,3.2vw,46px);color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.6)}.cs-tiles--4 .cs-tile__title{font-size:clamp(26px,2.4vw,36px)}.cs-tile__sub{color:#dcd2f0;font-size:14.5px;line-height:1.5;margin-top:10px;max-width:34ch}.cs-tile__cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 18px;border-radius:999px;font-family:var(--cs-font-mono);font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.55);transition:background .3s ease,color .3s ease}.cs-tile__cta svg{width:17px;height:17px;transition:transform .3s ease}@media(hover:hover){.cs-tile:hover{transform:translateY(-8px);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.75),0 34px 80px #000000a6,0 0 60px rgba(var(--acc-rgb),.14)}.cs-tile:hover .cs-tile__img{transform:scale(1.08)}.cs-tile:hover:after{transform:translate(60%);opacity:1}.cs-tile:hover .cs-tile__cta{background:var(--acc);color:#0b0418}.cs-tile:hover .cs-tile__cta svg{transform:translate(4px)}}.cs-tile:focus-visible{outline:2px solid var(--acc);outline-offset:4px}.cs-size{max-width:880px;margin:48px auto 0;padding:34px 30px 36px;border-radius:22px;text-align:center;background:linear-gradient(162deg,#ffffff14,#ffffff05 45%,#ffffff0f);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff1f,0 30px 70px #00000080}.cs-size__title{color:#fff;font-family:var(--cs-font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(24px,3vw,34px)}.cs-size__head p{color:#b6a5d8;font-size:14px;margin-top:8px}.cs-size__grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;margin-top:26px}.cs-size__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:62px;border-radius:12px;font-family:var(--cs-font-display);font-weight:700;font-size:19px;color:#fff;background:var(--cs-field);box-shadow:inset 0 0 0 1px #c9b4f538;transition:background .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}.cs-size__us{font-family:var(--cs-font-mono);font-size:8.5px;letter-spacing:.2em;color:#8b7fb0;font-weight:700}.cs-size__btn:hover{background:var(--cs-mint);color:var(--cs-mint-ink);box-shadow:none;transform:translateY(-2px)}.cs-size__btn:hover .cs-size__us{color:var(--cs-mint-ink)}.cs-size__note{margin-top:20px;font-size:13.5px;line-height:1.6;color:#cfc0ee;padding:14px 16px;border-radius:12px;background:#5bf2a812;box-shadow:inset 0 0 0 1px #5bf2a84d}.cs-size__note code{font-family:var(--cs-font-mono);font-size:12px;color:var(--cs-mint)}.cs-size__all{margin-top:28px}.cs-size__n{font-size:10.5px;padding:3px 8px;border-radius:999px;background:#0b2c1d29}@media(max-width:989px){.cs-tiles--3,.cs-tiles--5,.cs-tiles--6,.cs-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-tiles--3 .cs-tile-wrap:last-child:nth-child(odd){grid-column:1 / -1}.cs-tiles--3 .cs-tile-wrap:last-child:nth-child(odd) .cs-tile{aspect-ratio:16/10}}@media(max-width:749px){.cs-shop{padding:40px 0 72px}.cs-tiles{gap:14px;margin-top:36px}.cs-tiles--2,.cs-tiles--3,.cs-tiles--4,.cs-tiles--5,.cs-tiles--6{grid-template-columns:minmax(0,1fr)}.cs-tiles .cs-tile,.cs-tiles--4 .cs-tile,.cs-tiles--3 .cs-tile-wrap:last-child:nth-child(odd) .cs-tile{aspect-ratio:5/4}.cs-tile__title,.cs-tiles--4 .cs-tile__title{font-size:clamp(28px,8vw,38px)}.cs-size{padding:26px 16px 28px;margin-top:34px}.cs-size__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.cs-tile,.cs-tile__img,.cs-tile:after,.cs-tile__cta svg,.cs-size__btn{transition:none!important}}.cs-tile__media picture{display:block;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cs-shop-tiles.css.map */