.xcards-sec .ccwrap{max-width:1120px;margin:0 auto;display:grid;gap:20px}.xcards__grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none}.xcards .xcard{height:100%;gap:14px}.xcards .ccard__t{gap:4px}.xcards .kcard__for{font-size:14.5px;margin:2px 0 0}.xcards .ccard__act{margin-top:6px}.xcard__sz{margin:0 0 10px}.xcard__sel{display:grid;gap:6px;margin:0 0 10px}.xcard__sel span{font:700 12px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--c-fg-3)}.xcard__sel select{appearance:none;-webkit-appearance:none;width:100%;min-height:48px;padding:0 40px 0 14px;border:0;border-radius:12px;cursor:pointer;background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23F5EFE8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;box-shadow:inset 0 0 0 1px #ffffff1f;font:600 15px/1 var(--font);color:var(--c-fg);text-overflow:ellipsis}.xcard__sel select:hover{box-shadow:inset 0 0 0 1px #ffffff4d}.xcard__sel select:focus-visible{outline:2px solid var(--c-coral);outline-offset:2px}.xcard__sel option{background:#1b1714;color:var(--c-fg)}.xcard__soon{margin:0;font:600 15px/1.4 var(--font);color:var(--c-fg-2)}.xcards .ccard__n[hidden],.xcards .kcard__segs[hidden]{display:none}.xcards{gap:16px}@media(min-width:760px){.xcards__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.xcards__grid--wide{grid-template-columns:1fr}.xcard__szs:empty{display:none}.xcard__szs .xcard__sz[hidden]{display:none}.xcards .xcard--wide{height:auto}@media(min-width:900px){.xcards .xcard--wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(240px,300px);align-items:center;gap:24px 28px;padding:22px 24px}.xcard--wide .ccard__buy{margin:0}}.xcards .xcard.xcard[data-liquid]{transform:none;background-color:#1b1714;box-shadow:inset 0 0 0 1px #ffffff24,0 12px 32px #00000059}.xcards .xcard.xcard[data-liquid] .dp-liquid i{opacity:0;transform:translateY(60%);animation-play-state:paused}.xcards .xcard.xcard[data-liquid] .dp-liquid:after{opacity:0}.xcards .xcard.xcard[data-liquid]:has(:focus-visible){box-shadow:inset 0 0 0 1.5px #ffffff59,0 12px 32px #00000059}.xcards .xcard.xcard.is-added{box-shadow:inset 0 0 0 1.5px var(--c-coral),0 24px 70px -32px #ff7a4dcc}@media(hover:hover)and (pointer:fine){.xcards .xcard.xcard[data-liquid]:hover{transform:translateY(-3px);background-color:var(--c-raised);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 1px #ffffff1a,0 16px 40px -10px rgb(var(--b2)/.28)}.xcards .xcard.xcard[data-liquid]:hover .dp-liquid i{opacity:1;transform:none;animation-play-state:running}.xcards .xcard.xcard[data-liquid]:hover .dp-liquid:after{opacity:1}}.xcards .xcard__pts .kcard__segs li{grid-template-columns:10px minmax(0,1fr);font-size:14.5px}@media(max-width:899px){.xcards .xcard{height:auto}}@media(min-width:760px){.xcards__grid--4,.xcards__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.xcards__grid--3>:last-child{grid-column:1/-1}}@media(min-width:1000px){.xcards__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.xcards__grid--3>:last-child{grid-column:auto}}.xcards .xcard.xcard.is-picked{box-shadow:inset 0 0 0 1.5px #ffffff8c,0 12px 32px #00000059}@media(max-width:900px){.cpick.xcards-sec{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}html:has(.xcards-sec){scroll-padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}}.xcards .kcard__segs b small{font:500 13px/1 var(--font);color:var(--c-fg-2)}.xcards .xcard__sz{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto}.xcards .xcard__sz:has(>label:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.xcards .xcard__sz span{padding:7px 6px}.xcards__grid .xcard:not(.xcard--wide) .ccard__buy{margin-top:0;flex:1 1 auto;display:flex;flex-direction:column;gap:4px}.xcards__grid .xcard:not(.xcard--wide) .ccard__buy>.ccard__p{margin-top:auto;padding-top:6px}@media(hover:hover)and (pointer:fine){.xcards .xcard.xcard[data-liquid]:has(:focus):hover{transform:none;background-color:#1b1714}.xcards .xcard.xcard[data-liquid]:has(:focus):not(.is-added):hover{box-shadow:inset 0 0 0 1.5px #ffffff59,0 12px 32px #00000059}.xcards .xcard.xcard[data-liquid]:has(:focus):hover .dp-liquid i{opacity:0;transform:translateY(60%);animation-play-state:paused}.xcards .xcard.xcard[data-liquid]:has(:focus):hover .dp-liquid:after{opacity:0}}.xcards .xcard--comp{position:relative;overflow:visible}.xcard__with{position:absolute;left:2px;bottom:calc(100% + 6px);margin:0;font:600 12px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--c-fg-3,#B3A99E);white-space:nowrap}.xcards__grid:has(>.xcard--comp){row-gap:40px}@media(min-width:760px){.xcards__grid--2:has(>.xcard--comp){margin-top:26px}}@media(min-width:900px){.xcards__grid--1>.xcard:not(.xcard--wide){display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:center;gap:16px 48px;padding:24px 28px}.xcards__grid--1>.xcard:not(.xcard--wide)>.ccard__t,.xcards__grid--1>.xcard:not(.xcard--wide)>.kcard__in{grid-column:1}.xcards__grid--1>.xcard:not(.xcard--wide)>.ccard__buy{grid-column:2;grid-row:1/span 2;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dp-coll-cards.css.map */