.pc-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:560px){.pc-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1100px){.pc-grid{grid-template-columns:repeat(3,1fr);gap:28px}}.pc{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.pc[hidden]{display:none}.pc-img{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--crmb-cream)}.pc-img img{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.pc:hover .pc-img img{transform:scale(1.04)}}.pc-img .crmb-ph{aspect-ratio:auto!important}.pc-tags{position:absolute;top:14px;left:14px;display:flex;gap:6px;flex-wrap:wrap}.pc-tag{background:var(--crmb-paper);color:var(--crmb-dark);padding:6px 11px;border-radius:100px;font-family:Satoshi,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pc-tag--new{background:var(--crmb-cocoa-deep);color:var(--crmb-cream)}.pc-tag--left{background:var(--crmb-crust);color:#fff}.pc-tag--muted{background:#0000000f;color:#888}.pc-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}.pc-title{font-family:Morela,serif;font-weight:400;font-size:22px;line-height:1.1;letter-spacing:-.01em;color:var(--crmb-dark)}.pc-sub{font-family:Satoshi,system-ui,sans-serif;font-size:13px;font-weight:300;line-height:1.5;color:#666}.pc-preorder{margin-top:10px;font-family:Satoshi,system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--crmb-cocoa)}.pc-buy{margin-top:auto;padding-top:14px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px}.pc-price{font-family:Satoshi,system-ui,sans-serif;font-size:17px;font-weight:500;color:var(--crmb-dark);white-space:nowrap}.pc-variant-wrap{justify-self:end;min-width:0}.pc-variant{max-width:100%;min-height:40px;padding:0 30px 0 14px;border:1px solid rgba(0,0,0,.15);border-radius:100px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' stroke='%23121212' fill='none'/></svg>") no-repeat right 12px center;-webkit-appearance:none;appearance:none;font-family:Satoshi,system-ui,sans-serif;font-size:13px;color:var(--crmb-dark)}.pc-add{grid-column:1 / -1;min-height:46px;border:none;border-radius:100px;background:var(--crmb-dark);color:var(--crmb-paper);font-family:Satoshi,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1)}.pc-add:hover,.pc-add.added{background:var(--crmb-crust);color:#000}.pc-add[disabled]{opacity:.4;cursor:not-allowed}.pc--placeholder .pc-title,.pc--placeholder .pc-price{color:#aaa}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/10/assets/crmb-cards.css.map */