.coc-card-li{grid-column:span 2;list-style:none;min-width:0;container-type:inline-size;container-name:coc}.coc-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#2f3a2b,#3d4a37);color:#fff;text-decoration:none;box-shadow:0 18px 36px -24px #1d1f1b99;transition:transform .25s ease,box-shadow .25s ease}.coc-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px -26px #1d1f1bb3}.coc-card-img{position:relative;display:block;align-self:stretch;min-height:260px;margin:12px 0 12px 12px;border-radius:14px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 70% 60% at 50% 42%,#fff,#faf7f1 45%,#efe8db)}.coc-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.coc-stage:before{content:"";position:absolute;left:50%;top:44%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%);box-shadow:inset 0 0 0 1px #2f3a2b0f}.coc-stage:after{content:"";position:absolute;left:50%;bottom:8%;width:72%;height:8%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#2f2a1e38,#2f2a1e00 70%)}.coc-card-img img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:8% 8% 12%;box-sizing:border-box;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply;transition:transform .45s ease}.coc-card:hover .coc-card-img img{transform:scale(1.04) translateY(-2px)}.coc-card-body{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:20px 20px 20px 18px}.coc-kicker{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#cfe0c3;padding-right:64px}.coc-title{font-size:17px;font-weight:800;line-height:1.25;padding-right:64px}.coc-feats{display:flex;flex-direction:column;gap:5px;margin:4px 0 2px}.coc-feat{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.35;color:#ffffffe6}.coc-feat svg{flex:0 0 auto;margin-top:1px;padding:2px;border-radius:50%;background:#cfe0c32e;color:#cfe0c3}.coc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin-top:6px}.coc-price strong{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.01em}.coc-price s{font-size:14px;color:#fff9}.coc-card .promo-price--compact .pp-in{background:#ffffff1f}.coc-card .promo-price--compact .pp-lead{color:#ffffffd1}.coc-card .promo-price--compact strong{color:#fff}.coc-cta{width:fit-content;margin-top:10px;padding:9px 16px;border-radius:999px;background:#cfe0c3;color:#2f3a2b;font-size:14px;font-weight:800;transition:background .2s ease,transform .2s ease}.coc-card:hover .coc-cta{background:#fff;transform:translate(2px)}.coc-ring{position:absolute;top:14px;right:14px;width:70px;height:70px;border-radius:50%;background:#c8102e;box-shadow:0 8px 18px -8px #c8102ecc}.coc-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:coc-spin 14s linear infinite}.coc-ring-text text{fill:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.coc-ring-core{position:absolute;top:17px;right:17px;bottom:17px;left:17px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#c8102e;font-size:13px;font-weight:900;letter-spacing:-.02em}@keyframes coc-spin{to{transform:rotate(360deg)}}@container coc (max-width: 520px){.coc-card{grid-template-columns:minmax(0,1fr);align-content:start}.coc-card-img{min-height:0;aspect-ratio:16 / 10;margin:10px 10px 0}.coc-card-body{justify-content:flex-start;padding:14px 16px 18px;gap:5px}.coc-ring{top:-32px;right:12px;width:64px;height:64px}.coc-ring-core{top:15px;right:15px;bottom:15px;left:15px;font-size:12px}.coc-kicker{padding-right:66px;font-size:11px}.coc-title{padding-right:0;font-size:15.5px}.coc-feat{font-size:12.5px}.coc-feat:nth-child(n+4){display:none}.coc-price strong{font-size:21px}.coc-cta{margin-top:8px;padding:8px 14px;font-size:13.5px}}@media(max-width:765px){.coc-card-li{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.coc-ring-text{animation:none}.coc-card,.coc-card-img img,.coc-cta{transition:none}}.coc-card-img{min-height:180px}.coc-card-body{gap:5px}.coc-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@container coc (max-width: 520px){.coc-card-img{aspect-ratio:16 / 9}.coc-card-body{padding:12px 14px 14px}}@container coc (min-width: 521px){.coc-card-img img{padding:10% 8%;object-position:50% 55%}.coc-stage:after{bottom:12%}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/coccolle-card.css.map */