.cart-drawer__notice{margin-top:4px;padding:6px 12px;border-radius:6px;background:#ffbb6c;color:#111;font-size:12px;line-height:1.3;word-break:break-word}@media(max-width:480px){.cart-drawer__notice{font-size:13px;padding:9px 10px}}.product-price--sale .price--compare-at-price{text-decoration:line-through;opacity:.65;margin-right:.4em;font-weight:400}.product-price--sale .price--sale-price{color:var(--sale-price-color, #9f1111);font-weight:600}.product-card-basic__image{position:relative}.product-custom-badge{position:absolute;top:10px;left:10px;z-index:10;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#000000a6;color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 18px #0003;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.global-drawer--secondary .product-custom-badge{display:none}.grid-view-item-image .sale-badge,.grid-view-item-image .sold-out-badge,.grid-view-item-image .custom-badge,.grid-view-item-image .preorder-badge{z-index:11}.ccc-roast{display:inline-flex;align-items:center;gap:10px;margin:8px 0;vertical-align:middle}.ccc-roast__track{display:inline-flex;gap:3px}.ccc-roast__step{width:22px;height:9px;border-radius:2px;background:var(--color-scheme-light-background, #ece7e1);box-shadow:inset 0 0 0 1px #00000017;transition:background-color .2s ease}.ccc-roast__step--1.is-on{background:#c89f6b}.ccc-roast__step--2.is-on{background:#a0724a}.ccc-roast__step--3.is-on{background:#7a4f2e}.ccc-roast__step--4.is-on{background:#52331c}.ccc-roast__step--5.is-on{background:#2e1c10}.ccc-roast__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ccc-roast--compact{gap:0;margin:6px 0 2px}.ccc-roast--compact .ccc-roast__step{width:13px;height:5px;border-radius:1px}@media(max-width:768px){.ccc-roast__step{width:18px;height:8px}.ccc-roast--compact .ccc-roast__step{width:11px;height:5px}}.coffee-specs{display:inline-flex;gap:8px;margin:8px 0;flex-wrap:wrap}.coffee-spec{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:50px;font-size:13px;font-weight:500;line-height:1.4;border:1px solid transparent}.coffee-spec .spec-label{font-weight:600;opacity:.9;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.coffee-spec.type-pill{background:#121212;color:#f5f5f5;border-color:#2a2a2a}.coffee-spec.roast-pill{background:#ede4d3;color:#704214;border-color:#c4a373}.coffee-spec.caffeine-pill{background:#e6f4ea;color:#1e4620;border-color:#b8d4bc}@media(max-width:768px){.coffee-specs{gap:6px;margin:6px 0}.coffee-spec{font-size:12px;padding:6px 12px}.coffee-spec .spec-label{font-size:10px}}.ccc-grid-section__inner{max-width:var(--page-width, 1300px);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.ccc-grid-section__inner--full{max-width:none}.ccc-grid-section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:clamp(18px,2.6vw,32px);padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.ccc-grid-section__title{font-family:var(--heading-font-stack, inherit);font-size:clamp(22px,3.2vw,36px);letter-spacing:-.025em;line-height:1.05;margin:0}.ccc-grid-section__all{font-size:13px;font-weight:600;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding-bottom:2px}.ccc-grid-section__empty{padding:28px;text-align:center;font-size:14px;border:1px dashed color-mix(in srgb,currentColor 28%,transparent);border-radius:12px}.ccc-grid{display:grid;gap:clamp(12px,1.6vw,24px);grid-template-columns:repeat(var(--ccc-cols-mobile, 2),minmax(0,1fr))}@media(min-width:750px){.ccc-grid{grid-template-columns:repeat(var(--ccc-cols, 4),minmax(0,1fr))}}.ccc-card{position:relative;border-radius:14px;background:color-mix(in srgb,currentColor 3%,transparent);border:1px solid color-mix(in srgb,currentColor 11%,transparent);overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .35s ease}@media(hover:hover){.ccc-card:hover,.ccc-card:focus-within{transform:translateY(-5px);border-color:color-mix(in srgb,currentColor 22%,transparent);box-shadow:0 2px 4px #0000000f,0 28px 60px -20px #00000042}}.ccc-card__media{position:relative;overflow:hidden;background:color-mix(in srgb,currentColor 7%,transparent)}.ccc-card__inner{position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.ccc-card:hover .ccc-card__inner{transform:scale(1.055)}}.ccc-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ccc-card__img--hover{opacity:0;transition:opacity .55s ease}@media(hover:hover){.ccc-card:hover .ccc-card__img--hover{opacity:1}}.ccc-card--sold-out .ccc-card__inner{opacity:.55}.ccc-card__overlay{position:absolute;inset:0;z-index:1}.ccc-card__no{position:absolute;top:10px;left:11px;z-index:3;font-size:10px;font-weight:600;letter-spacing:.12em;font-variant-numeric:tabular-nums;background:#000000b8;color:#fff;border-radius:999px;padding:4px 9px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ccc-card__badges{position:absolute;top:10px;right:10px;z-index:3}.ccc-card__body{display:grid;gap:3px;padding:13px 14px 15px}.ccc-card__title{font-family:var(--heading-font-stack, inherit);font-size:16px;line-height:1.2;letter-spacing:-.012em;text-decoration:none;color:inherit}.ccc-card__title:hover{text-decoration:underline;text-underline-offset:3px}.ccc-card__meta{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,currentColor 62%,transparent)}.ccc-card__price{font-size:14px;font-variant-numeric:tabular-nums;margin-top:3px}.ccc-card__price a{text-decoration:none;color:inherit}.ccc-card__quick{position:absolute;z-index:2;left:10px;right:10px;bottom:10px}.ccc-card__quick form{margin:0}.ccc-card__add{display:block;width:100%;box-sizing:border-box;text-align:center;cursor:pointer;font-family:var(--body-font-stack, inherit);font-size:12.5px;font-weight:600;line-height:1.2;text-decoration:none;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#1412109e;color:#fff;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);transition:background .25s ease}.ccc-card__add:hover{background:#141210d6}.ccc-card__add.is-loading{opacity:.72;pointer-events:none}.ccc-card__add .spin{vertical-align:middle}@media(hover:hover){.ccc-card__quick{opacity:0;transform:translateY(12px);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1)}.ccc-card:hover .ccc-card__quick,.ccc-card:focus-within .ccc-card__quick{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ccc-card,.ccc-card__inner,.ccc-card__quick,.ccc-card__img--hover{transition:none!important;transform:none!important}.ccc-card__quick{opacity:1!important}}.ccc-card__title:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}.ccc-card__add:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #0000008c}.ccc-fly-clone{will-change:transform,opacity;box-shadow:0 10px 30px #00000047;user-select:none}@media(prefers-reduced-motion:reduce){.ccc-fly-clone{display:none!important}}
