.ops-packs__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.ops-packs__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42%;grid-template-areas:"top media" "button button";align-items:center;gap:12px 14px;padding:18px 16px;border:1px solid color-mix(in srgb,var(--ops-heading) 10%,transparent);border-radius:12px;background:var(--ops-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--ops-ink) 5%,transparent)}.ops-packs__card.is-selected{border:1.5px solid var(--ops-accent)}.ops-packs--select .ops-packs__card{cursor:pointer}.ops-packs--select .ops-packs__card:focus-visible{outline:2px solid var(--ops-accent);outline-offset:2px}.ops-packs__top{grid-area:top;display:flex;align-items:flex-start;gap:12px;min-width:0}.ops-packs__radio{display:grid;place-items:center;flex:none;width:26px;height:26px;margin-top:4px;border:1.5px solid color-mix(in srgb,var(--ops-heading) 35%,transparent);border-radius:50%}.ops-packs__radio span{width:13px;height:13px;border-radius:50%}.ops-packs__card.is-selected .ops-packs__radio{border-color:var(--ops-accent)}.ops-packs__card.is-selected .ops-packs__radio span{background:var(--ops-accent)}.ops-packs__copy{display:grid;justify-items:start;gap:6px;min-width:0}.ops-packs__pill{margin-bottom:6px;padding:5px 13px;border-radius:var(--ops-radius-pill);background:var(--ops-accent);color:var(--ops-on-accent);font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap}.ops-packs__label{color:var(--ops-heading);font-family:var(--ops-font-heading);font-size:clamp(24px,2.3vw,34px);font-weight:var(--ops-heading-weight,700);line-height:1.05}.ops-packs__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.ops-packs__price b{color:var(--ops-heading);font-family:var(--ops-font-heading);font-size:clamp(26px,2.5vw,38px);font-weight:var(--ops-heading-weight,700);line-height:1.05}.ops-packs__price s{color:var(--ops-muted);font-family:var(--ops-font-heading);font-size:clamp(17px,1.5vw,22px)}.ops-packs__note{color:var(--ops-muted);font-size:15px;line-height:1.35}.ops-packs__media{grid-area:media;display:flex;justify-content:center}.ops-packs__media img{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.ops-packs__button{grid-area:button;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border-radius:var(--ops-radius-pill);background:var(--ops-accent);color:var(--ops-on-accent);font-size:17px;font-weight:500;text-decoration:none;transition:background .18s}.ops-packs__button .ops-icon{width:18px;height:18px}.ops-packs__button:hover{background:var(--ops-accent-dark)}.ops-packs__actions{display:grid;justify-items:center;gap:10px;margin-top:22px}.ops-packs__button--main{width:100%;max-width:520px;min-height:62px;font-size:20px}.ops-packs__selection{margin:0;color:var(--ops-muted);font-size:14px}.ops-packs__empty{padding:32px;border:1px dashed var(--ops-border);border-radius:var(--ops-radius-card);color:var(--ops-muted);text-align:center}@media(min-width:900px){.ops-packs__grid{grid-template-columns:repeat(var(--ops-packs-cols,3),minmax(0,1fr));gap:22px}.ops-packs__card{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "media" "button";align-content:start;gap:14px;padding:22px 20px 20px}.ops-packs__media{min-height:0}.ops-packs__media img{max-width:78%}.ops-packs--select .ops-packs__card{padding:22px 22px 18px}.ops-packs--select .ops-packs__media img{max-width:70%}}.ops-packs__button--main{grid-area:auto}@media(min-width:900px){.ops-packs__card{grid-template-rows:auto 1fr auto}.ops-packs__media{align-self:center}.ops-packs__card>.ops-packs__button{align-self:end}}.ops-packs--showcase .ops-packs__stack .ops-heading{margin-bottom:22px}.ops-packs--showcase .ops-packs__grid{grid-template-columns:repeat(var(--ops-packs-cols,3),minmax(0,1fr));gap:8px}.ops-packs--showcase .ops-packs__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:14px 6px 12px;text-align:center;border-color:color-mix(in srgb,var(--ops-heading) 10%,transparent);box-shadow:none}.ops-packs--showcase .ops-packs__card.is-selected{border:1.5px solid var(--ops-accent);background:color-mix(in srgb,var(--ops-accent) 7%,var(--ops-surface))}.ops-packs--showcase .ops-packs__top,.ops-packs--showcase .ops-packs__copy{display:contents}.ops-packs--showcase .ops-packs__radio,.ops-packs--showcase .ops-packs__pill{display:none}.ops-packs--showcase .ops-packs__label{order:1;font-family:var(--ops-font-body);font-size:14px;font-weight:500;line-height:1.25}.ops-packs--showcase .ops-packs__media{order:2;width:100%}.ops-packs--showcase .ops-packs__media img{max-width:88%;height:96px;aspect-ratio:auto;mix-blend-mode:normal}.ops-packs--showcase .ops-packs__price{order:3;justify-content:center;gap:2px 8px}.ops-packs--showcase .ops-packs__price b{color:var(--ops-accent-dark);font-size:19px}.ops-packs--showcase .ops-packs__price s{font-family:var(--ops-font-body);font-size:12px}.ops-packs--showcase .ops-packs__note{order:4;font-size:12px}.ops-packs--showcase .ops-packs__card>.ops-packs__button{display:none}.ops-packs__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.ops-packs__cover:focus-visible{outline:2px solid var(--ops-accent);outline-offset:2px}.ops-packs--showcase.ops-packs--link .ops-packs__card:hover{border-color:var(--ops-accent)}@media(min-width:900px){.ops-packs--showcase .ops-packs__grid{gap:22px}.ops-packs--showcase .ops-packs__card{gap:10px;padding:26px 20px 24px}.ops-packs--showcase .ops-packs__label{font-size:19px}.ops-packs--showcase .ops-packs__media img{max-width:62%;height:150px}.ops-packs--showcase .ops-packs__price{gap:4px 14px}.ops-packs--showcase .ops-packs__price b{font-size:clamp(26px,2.3vw,34px)}.ops-packs--showcase .ops-packs__price s{font-size:15px}.ops-packs--showcase .ops-packs__note{font-size:14px}}.ops-packs__card.is-featured{border:1.5px solid var(--ops-accent)}.ops-packs__badge{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);padding:4px 12px;border-radius:var(--ops-radius-pill);background:var(--ops-accent);color:var(--ops-on-accent);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.ops-packs__card.has-badge{margin-top:10px}.ops-packs__aside{display:grid;gap:14px;margin-top:16px;padding:18px 18px 16px;border-radius:var(--ops-radius-card,16px);background:var(--ops-surface);border:1px solid color-mix(in srgb,var(--ops-heading) 8%,transparent)}.ops-packs__aside-title{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;color:var(--ops-accent-dark);font-family:var(--ops-font-heading);font-size:18px;font-weight:var(--ops-heading-weight,700);line-height:1.2;text-align:left}.ops-packs__aside-title .ops-icon{flex:none;width:34px;height:34px;color:var(--ops-accent)}.ops-packs__aside-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.ops-packs__aside-list li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;color:var(--ops-text);font-size:14.5px;line-height:1.4}.ops-packs__aside-list .ops-icon{width:22px;height:22px;color:var(--ops-heading)}@media(min-width:900px){.ops-packs__stack--aside{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"head aside" "body aside";column-gap:32px;align-items:start}.ops-packs__stack--aside>.ops-heading{grid-area:head}.ops-packs__stack--aside>.ops-packs__body{grid-area:body}.ops-packs__stack--aside>.ops-packs__aside{grid-area:aside;align-self:stretch;align-content:center;gap:22px;margin-top:0;padding:30px 28px}.ops-packs__aside-title{justify-content:flex-start;font-size:22px}.ops-packs__aside-title .ops-icon{width:42px;height:42px}.ops-packs__aside-list{gap:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ops-pack-cards.css.map */