.pcard{--pcard-accent: #ec612a;--pcard-black: #000;--pcard-white: #fff;--pcard-cta: #00ac39;--pcard-media-bg: #f9f4e8;--pcard-star: #fdc203;--pcard-star-empty: #e5e7eb;--pcard-muted: #5b5b5b;--pcard-display: "Cheap Pine 400", "Cheap Pine", sans-serif;--pcard-body: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;position:relative;display:flex;flex-direction:column;gap:8px;height:100%;text-align:left;font-family:var(--pcard-body);color:var(--pcard-black)}.pcard p,.pcard h3{margin:0;letter-spacing:normal}.pcard .pcard__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin-bottom:6px;border-radius:14px;background:var(--pcard-media-bg);overflow:hidden}.pcard .pcard__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pcard:focus-within .pcard__img{transform:scale(1.05)}@media(hover:hover)and (pointer:fine){.pcard:hover .pcard__img{transform:scale(1.05)}.pcard:hover .pcard__title{text-decoration:underline;text-underline-offset:3px}.pcard:hover .pcard__btn{background:color-mix(in srgb,var(--pcard-cta) 92%,#000)}}.pcard .pcard__tag{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:999px;background:var(--pcard-accent);color:var(--pcard-white);font-size:11px;line-height:13px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}.pcard .pcard__benefit{color:var(--pcard-accent);font-size:11px;line-height:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.pcard .pcard__title{font-family:var(--pcard-body);font-size:15px;line-height:20px;font-weight:700;color:var(--pcard-black)}.pcard .pcard__rating{display:flex;align-items:center;gap:6px;font-size:13px;line-height:16px}.pcard .pcard__stars{position:relative;display:inline-flex;line-height:0}.pcard .pcard__stars-row{display:inline-flex;gap:1px;color:var(--pcard-star-empty)}.pcard .pcard__stars-row--fill{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--pcard-star)}.pcard .pcard__stars svg{flex-shrink:0;width:14px;height:14px}.pcard .pcard__blurb{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;line-height:18px;color:var(--pcard-muted)}.pcard .pcard__price{margin-top:auto;padding-top:4px}.pcard .card-from-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}.pcard .card-from-price__lead{font-size:12px;line-height:16px;color:var(--pcard-black)}.pcard .card-from-price__amount{font-size:18px;line-height:22px;font-weight:700;color:var(--pcard-accent)}.pcard .card-from-price__compare s{font-size:13px;line-height:16px;color:var(--pcard-muted)}.pcard a.pcard__btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin-top:4px;margin-bottom:4px;padding-top:1px;border-radius:999px;background:var(--pcard-cta);color:var(--pcard-white);font-family:var(--pcard-display);font-size:20px;font-weight:400;letter-spacing:normal;text-decoration:none;text-transform:uppercase;box-shadow:0 3px 0 0 var(--pcard-black)}.pcard a.pcard__btn:hover{color:var(--pcard-white)}.pcard .pcard__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.pcard .pcard__btn:focus-visible{outline:2px solid var(--pcard-black);outline-offset:3px}@media(min-width:750px){.pcard{gap:10px}.pcard .pcard__tag{top:12px;left:12px;padding:5px 10px;font-size:12px;line-height:14px}.pcard .pcard__benefit{font-size:12px;line-height:16px}.pcard .pcard__title{font-size:17px;line-height:23px}.pcard .pcard__stars svg{width:16px;height:16px}.pcard .pcard__rating{font-size:14px}.pcard .pcard__blurb{font-size:15px;line-height:21px}.pcard .card-from-price__lead{font-size:14px;line-height:18px}.pcard .card-from-price__amount{font-size:22px;line-height:26px}.pcard .card-from-price__compare s{font-size:15px;line-height:18px}.pcard a.pcard__btn{height:48px;font-size:24px;box-shadow:0 4px 0 0 var(--pcard-black)}}.grid:has(.pcard){--grid-mobile-horizontal-spacing: 16px;--grid-desktop-horizontal-spacing: 24px;--grid-mobile-vertical-spacing: 36px;--grid-desktop-vertical-spacing: 48px}
/*# sourceMappingURL=/cdn/shop/t/163/assets/component-card-promo.css.map */