.cpdp-hero{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;max-width:1300px;margin:0 auto;padding:1.5rem 3rem 4rem;align-items:start}.cpdp-hero__gallery{display:flex;flex-direction:column;gap:.5rem}.cpdp-hero__gallery-image{width:100%;border-radius:6px;overflow:hidden;background:#f5f5f7}.cpdp-hero__gallery-image img{width:100%;height:auto;display:block;object-fit:cover}.cpdp-hero__details{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:.5rem;scrollbar-width:none}.cpdp-hero__details::-webkit-scrollbar{display:none}.cpdp-hero__reviews{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.cpdp-hero__stars{display:flex;gap:1px;color:var(--midnight)}.cpdp-hero__review-count{font-size:.78rem;color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.cpdp-hero__title{font-family:var(--collision-font-heading, "Space Grotesk", sans-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text-primary);margin:0 0 .8rem}.cpdp-hero__meta{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.cpdp-hero__servings{font-size:.85rem;color:var(--text-secondary)}.cpdp-hero__flavor-badge{display:inline-block;padding:.2rem .6rem;background:var(--primary);color:var(--white);font-size:.65rem;font-weight:600;letter-spacing:.03em;border-radius:3px}.cpdp-hero__benefits{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.5rem}.cpdp-hero__benefit{display:flex;align-items:center;gap:.6rem;font-size:.88rem;font-family:var(--collision-font-body);color:var(--text-primary)}.cpdp-hero__benefit-svg{flex-shrink:0;color:var(--midnight)}.cpdp-hero__variants{display:flex;gap:.5rem;margin-bottom:1rem}.cpdp-hero__variant-btn{position:relative;flex:1;padding:.9rem .5rem .7rem;border:1.5px solid var(--border-blue-strong);border-radius:6px;background:var(--white);cursor:pointer;text-align:center;transition:border-color .2s;font-family:var(--collision-font-heading)}.cpdp-hero__variant-btn:hover{border-color:var(--text-primary)}.cpdp-hero__variant-btn.active{border-color:var(--midnight);border-width:2px}.cpdp-hero__variant-label{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:3px;white-space:nowrap}.cpdp-hero__variant-label--popular{background:var(--midnight);color:var(--white)}.cpdp-hero__variant-label--value{background:var(--primary);color:var(--white)}.cpdp-hero__variant-count{font-size:1.1rem;font-weight:700;color:var(--text-primary);display:block}.cpdp-hero__variant-unit{font-size:.7rem;color:var(--text-secondary);display:block;margin-top:1px}.cpdp-hero__buy-once{padding:.8rem 0;margin-bottom:.8rem;border-top:1px solid var(--border-blue)}.cpdp-hero__buy-once-header{display:flex;justify-content:space-between;align-items:center}.cpdp-hero__buy-once-label{font-family:var(--collision-font-heading);font-size:.9rem;font-weight:600;color:var(--text-primary)}.cpdp-hero__buy-once-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.cpdp-hero__per-unit{font-family:var(--collision-font-heading);font-size:.82rem;font-weight:700;color:#16a34a}.cpdp-hero__price{font-family:var(--collision-font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);display:block}.cpdp-hero__atc{width:100%;height:52px;background:#c41e3a;color:var(--white);border:none;border-radius:6px;font-family:var(--collision-font-heading);font-size:.9rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .2s,transform .1s;margin-bottom:1.5rem}.cpdp-hero__atc:hover{background:#a8182f}.cpdp-hero__atc:active{transform:scale(.98)}.cpdp-hero__trust{display:flex;justify-content:space-between;padding:1.2rem 0;border-top:1px solid var(--border-blue);border-bottom:1px solid var(--border-blue);margin-bottom:1.5rem}.cpdp-hero__trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;flex:1}.cpdp-hero__trust-item svg{color:var(--midnight)}.cpdp-hero__trust-item span{font-family:var(--collision-font-heading);font-size:.65rem;font-weight:600;color:var(--text-primary);line-height:1.3}.cpdp-hero__desc-card{background:var(--midnight);border-radius:10px;padding:1.8rem;margin-bottom:1.5rem;color:var(--white)}.cpdp-hero__desc-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.9rem}.cpdp-hero__desc-header svg{color:var(--white);flex-shrink:0}.cpdp-hero__desc-header strong{font-family:var(--collision-font-heading);color:var(--text-on-dark-strong);font-size:.9rem;letter-spacing:-.01em}.cpdp-hero__desc-body{font-family:var(--collision-font-body);font-size:.82rem;line-height:1.7;color:var(--text-on-dark)}.cpdp-hero__desc-body p{margin:0 0 .5rem}.cpdp-hero__accordions{border-top:1px solid var(--border-blue);margin-bottom:1.5rem}.cpdp-hero__accordion{border-bottom:1px solid var(--border-blue)}.cpdp-hero__accordion summary{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer;font-family:var(--collision-font-heading);font-size:.88rem;font-weight:600;color:var(--text-primary);list-style:none}.cpdp-hero__accordion summary::-webkit-details-marker{display:none}.cpdp-hero__accordion summary svg{transition:transform .3s;flex-shrink:0}.cpdp-hero__accordion[open] summary svg{transform:rotate(180deg)}.cpdp-hero__accordion-content{padding:0 0 1rem;font-family:var(--collision-font-body);font-size:.82rem;line-height:1.7;color:var(--text-secondary)}.cpdp-hero__accordion-content p{margin:0 0 .4rem}.cpdp-hero__bottom-trust{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.cpdp-hero__bottom-trust-item{display:flex;align-items:center;gap:.4rem;font-family:var(--collision-font-body);font-size:.72rem;font-weight:500;color:var(--text-primary)}.cpdp-hero__bottom-trust-item svg{flex-shrink:0;color:var(--midnight)}@media(max-width:900px){.cpdp-hero{grid-template-columns:1fr;padding:0 0 2rem;gap:1.2rem}.cpdp-hero__details{position:static;max-height:none;overflow:visible;padding:0 1.5rem}.cpdp-hero__gallery{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;scrollbar-width:none}.cpdp-hero__gallery::-webkit-scrollbar{display:none}.cpdp-hero__gallery-image{min-width:100%;flex-shrink:0;scroll-snap-align:start;border-radius:0}.cpdp-hero__gallery-image img{aspect-ratio:4/5;object-fit:cover}.cpdp-hero__title{font-size:clamp(1.6rem,8vw,2.2rem)}.cpdp-hero__variants{gap:.4rem}.cpdp-hero__variant-btn{padding:.7rem .3rem .5rem}.cpdp-hero__variant-count{font-size:.95rem}.cpdp-hero__variant-unit{font-size:.6rem}.cpdp-hero__variant-per{font-size:.55rem}.cpdp-hero__variant-label{font-size:.5rem;padding:1px 4px;top:-7px}.cpdp-hero__trust{gap:.3rem;padding:1rem 0}.cpdp-hero__trust-item svg{width:22px;height:22px}.cpdp-hero__trust-item span{font-size:.58rem}.cpdp-hero__desc-card{padding:1.2rem;border-radius:8px}.cpdp-hero__bottom-trust{gap:.5rem}.cpdp-hero__bottom-trust-item{font-size:.65rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/collision-pdp-hero.css.map */