.ccs-card-grid{display:grid;grid-template-columns:repeat(auto-fit,260px);gap:12px;justify-content:start;align-items:stretch}@media(max-width:750px){.ccs-card-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.ccs-pc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mode-border-mid, #d0d0ca);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;width:260px}.ccs-pc:hover{border-color:var(--ccs-navy, #00397A);box-shadow:0 2px 12px #00000014}.topbadge{position:absolute;top:10px;left:10px;box-shadow:0 1px 2px #00000038;z-index:2;font-weight:800;letter-spacing:.04em;color:#fff;font-size:11px;padding:4px 8px}.topbadge--sale{background:var(--ccs-red, #CC0C39)}.topbadge--clearance{background:#7a1d2e}.topbadge--bundle{background:#1b5e20}.topbadge--bestseller{background:#b8860b}.topbadge--new{background:#00397a}.topbadge--quote{background:#00397a;font-size:10px}@media(max-width:750px){.topbadge{top:6px;left:6px;font-size:9px;padding:3px 6px}.topbadge--quote{font-size:8px}}.bms{position:absolute;top:10px;left:10px;line-height:1.05;text-align:center;box-shadow:0 1px 2px #00000038;z-index:2}.bms__hdr{background:#001f3f;padding:2px 5px;font-size:7px;font-weight:800;color:#fff;letter-spacing:.04em}.bms__save{background:#1b5e20;padding:3px 5px 1px;font-size:10px;font-weight:900;color:#fff}.bms__more{background:#1b5e20;padding:0 5px 3px;font-size:10px;font-weight:900;color:#fff}@media(max-width:750px){.bms{top:6px;left:6px}}.ccs-pc__img{position:relative;height:170px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px 18px 10px;box-sizing:border-box}.ccs-pc__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.ccs-pc__noimg{font-size:11px;color:var(--ccs-text-4, #8a8a82);text-transform:uppercase;letter-spacing:.08em}.ccs-pc__info{padding:10px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}.ccs-pc__brand{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6a6a62;min-height:14px}.ccs-pc__name{font-size:13px;font-weight:600;line-height:1.3;color:#1a1a1a;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccs-pc__uom{font-size:11px;color:#555;min-height:16px}.ccs-pc__stars-row{display:flex;align-items:center;gap:3px;min-height:16px;margin:2px 0}.ccs-pc__stars{color:#f9a825;font-size:12px}.ccs-pc__star-count{font-size:11px;color:#555}.ccs-pc__prices{margin:8px 0 10px}.ccs-pc__price-row{display:flex;align-items:baseline;gap:6px;margin:4px 0 2px;min-height:24px}.ccs-pc__price{font-size:22px;font-weight:800;color:#1a1a1a;line-height:1}.ccs-pc__price--sale{color:var(--ccs-red, #CC0C39)}.ccs-pc__was{font-size:13px;color:#888;text-decoration:line-through}.bms-mini{margin-left:auto;display:inline-flex;align-items:center;font-size:8px;font-weight:800;letter-spacing:.04em;color:#1b5e20;opacity:.72;white-space:nowrap;line-height:1}.bms-mini__sep{opacity:.6;margin:0 1px}.ccs-pc__cert{margin-bottom:5px}.ccs-pc__cert .pill{display:inline-flex}@media(max-width:750px){.bms-mini{font-size:7px}}.ccs-pc__footer{flex-shrink:0;margin-top:auto}.ccs-pc__top{flex:1 1 auto;min-height:0}.atc-row{display:flex;gap:5px;align-items:stretch;width:100%}.ccs-pc__quote-icon{width:32px;flex-shrink:0;background:transparent;border:1px solid var(--ccs-border-mid, #d0d0ca);color:var(--ccs-text-4, #888);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.ccs-pc__quote-icon:hover{background:var(--ccs-surface, #f5f5f3);color:var(--ccs-forest, #1B5E20);border-color:var(--ccs-border, #e8e8e4)}.ccs-pc__quote-icon svg{display:block}.atc-row:has(.qty:not([hidden])) .ccs-pc__quote-icon{display:none}.qty:not([hidden]){display:inline-flex;align-items:stretch;flex-shrink:0;border:1px solid #d0d0ca;height:34px;background:#fff;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.qty__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:100%;flex-shrink:0;margin:0;padding:0;border:0;background:transparent;font:inherit;font-size:16px;line-height:1;color:#1a1a1a;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;outline:none;-webkit-tap-highlight-color:transparent}.qty__btn:hover{background:#f5f5f0}.qty__btn:active{background:#ececea}.qty__btn:focus,.qty__btn:focus-visible{outline:none;box-shadow:none}.qty__btn::-moz-focus-inner{border:0;padding:0}.qty__num{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:0 4px;border-left:1px solid #e8e8e2;border-right:1px solid #e8e8e2;font-size:13px;line-height:1;color:#1a1a1a;font-weight:600;background:#fff;box-sizing:border-box;text-align:center;pointer-events:none}.atc{flex:1;min-width:0;height:34px;background:#ffd814;border:1px solid #F2C200;color:#0f1111;font-weight:700;font-size:12px;cursor:pointer;box-sizing:border-box}.atc:hover{background:#f7ca00;border-color:#e5b800}.atc:active{background:#e5b800}.atc--disabled{display:block;width:100%;background:#f0f0ec;color:#888;cursor:not-allowed}.atc--card:not([hidden]){display:block;width:100%;height:40px;font-size:13px;font-weight:700}.qty--card:not([hidden]){display:flex;width:100%;height:40px;border:1px solid #d0d0ca;background:#fff}.qty--card.is-committing{opacity:.55;pointer-events:none}.qty--card{position:relative;overflow:hidden}.qty--card .qty__btn{width:40px;background:#f7f7f3;color:#1a1a1a;font-size:20px;font-weight:600;border-right:1px solid #d0d0ca}.qty--card .qty__btn:last-child{border-right:0;border-left:1px solid #d0d0ca}.qty--card .qty__num{flex:1;width:auto;line-height:40px;border-left:0;border-right:0;font-size:15px;font-weight:700}.ccs-pc--small .ccs-pc__img{height:140px;padding:14px 14px 8px}.ccs-pc--small .ccs-pc__info{padding:10px 12px 12px}.ccs-pc--small .ccs-pc__name{font-size:12px;min-height:31px;max-height:31px}.ccs-pc--small .ccs-pc__price{font-size:17px}@media(max-width:750px){.ccs-pc{width:auto}.ccs-pc__img{height:180px;padding:12px 12px 6px}.ccs-pc__info{padding:10px 12px 12px}.ccs-pc__brand{font-size:9px}.ccs-pc__name{font-size:16px;min-height:42px;max-height:42px}.ccs-pc__price{font-size:17px}}.ccs-pc__brand-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:14px}.ccs-pc__chip-row{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.ccs-pc__chip-row--top{padding:6px 12px 0;margin:0;justify-content:flex-start;min-height:26px}.ccs-pc__chip-row--inline{display:none;padding:0;margin:0;justify-content:flex-end}.ccs-pc__chip-row:empty{display:none}.pill{display:inline-flex;align-items:center;height:20px;padding:0 9px;font-size:9px;font-weight:800;letter-spacing:.05em;border-radius:10px}.pill--canadian{background:#fde4e6;color:#8b0000}.pill--cfia,.pill--din,.pill--nsf,.pill--epa{background:#d8e7f5;color:#00397a}.pill--hospital{background:#ebdef5;color:#4527a0}.pill--food{background:#fbeed4;color:#8b6914}.pill--eco{background:#d4e8d6;color:#1b5e20}@media(max-width:750px){.ccs-pc__chip-row--top{padding:4px 8px 0;gap:3px;min-height:20px}.pill{height:16px;padding:0 6px;font-size:8px;border-radius:8px}}.ccs-pc__variant-row{display:none}.ccs-pc__variant-pill{cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.ccs-pc__variant-pill:hover,.ccs-pc__variant-pill:focus-visible{border-color:var(--ccs-navy, #00397A);outline:none}.ccs-pc__variant-pill--active{background:var(--ccs-navy, #00397A);border-color:var(--ccs-navy, #00397A);color:#fff}.ccs-pc__variant-pill--oos{opacity:.5;text-decoration:line-through}.ccs-pc__tier-row{font-size:11px;font-weight:700;color:#1b5e20;margin:0 0 6px;line-height:1.3}.ccs-pc__sub-row{font-size:11px;font-weight:700;min-height:16px;margin:4px 0 10px}.ccs-pc__sub-row--tier{color:#1b5e20}.ccs-pc__sub-row--sale{color:#cc0c39}.ccs-pc__sub-row--quote{color:#6a6a62;font-weight:400}@media(max-width:750px){.ccs-pc__tier-row{font-size:10px}.ccs-pc__sub-row{font-size:10px;min-height:14px;margin:2px 0 6px}}.ccs-pc__contact{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1}.atc--quote{display:block;width:100%;height:40px;background:transparent;border:1.5px solid #F2C200;color:#0f1111;text-align:center;line-height:37px;font-weight:700;font-size:13px;text-decoration:none;letter-spacing:.02em;margin-top:auto;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease,border-color .12s ease;-webkit-appearance:none;appearance:none}.atc--quote:hover{background:#fff8d6;border-color:#e5b800;color:#0f1111}.atc--quote:active{background:#ffefa8}@media(max-width:750px){.ccs-pc__contact{font-size:14px}.atc--quote{height:40px;line-height:37px;font-size:12px}}.ccs-pcu{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #e5e5e0;box-sizing:border-box;width:100%;min-height:76px}.ccs-pcu__thumb{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f7f7f3;text-decoration:none;overflow:hidden}.ccs-pcu__thumb img{max-width:90%;max-height:90%;object-fit:contain}.ccs-pcu__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}.ccs-pcu__brand{font-size:10px;font-weight:700;letter-spacing:.06em;color:#6a6a62;text-transform:uppercase}.ccs-pcu__name{font-size:12px;font-weight:600;color:#1a1a1a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccs-pcu__action{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ccs-pcu__price{display:flex;align-items:baseline;gap:5px;line-height:1}.ccs-pcu__was{font-size:11px;color:#888;text-decoration:line-through}.ccs-pcu__now{font-size:14px;font-weight:800;color:#1a1a1a}.ccs-pcu__now--sale{color:#cc0c39}.ccs-pcu__form{margin:0}.ccs-pcu__add{background:#ffd814;border:1px solid #F2C200;color:#0f1111;font-weight:700;font-size:11px;padding:5px 12px;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;box-sizing:border-box}.ccs-pcu__add:hover{background:#f7ca00;border-color:#e5b800}.ccs-pcu__add:active{background:#e5b800}.ccs-pcu__add--disabled{background:#f0f0ec;color:#888;cursor:not-allowed;border-color:#ddd}.ccs-pcu__quote{font-size:11px;font-weight:600;color:#00397a;text-decoration:none;padding:5px 12px;border:1px solid #d0d0ca}.ccs-pcu__quote:hover{border-color:#00397a}@media(max-width:750px){.ccs-pcu{padding:8px 10px;gap:10px;min-height:68px}.ccs-pcu__thumb{flex:0 0 48px;width:48px;height:48px}.ccs-pcu__name{font-size:11px}.ccs-pcu__now{font-size:13px}.ccs-pcu__add{padding:5px 10px;font-size:10px}}.ccs-pc-hero{display:flex;gap:24px;align-items:stretch;background:linear-gradient(135deg,#f0f4f8,#d8e2ec);padding:32px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a1a}.ccs-pc-hero__image{flex-shrink:0;width:220px;display:flex;align-items:center;justify-content:center}.ccs-pc-hero__image img{max-width:100%;max-height:240px;object-fit:contain}.ccs-pc-hero__body{flex:1;align-self:center}.ccs-pc-hero__label{font-size:11px;color:var(--ccs-forest, #1B5E20);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.ccs-pc-hero__headline{font-size:28px;font-weight:700;line-height:1.2;margin:8px 0 12px}.ccs-pc-hero__sub{font-size:14px;color:#555;margin-bottom:16px}.ccs-pc-hero__cta{display:inline-block;padding:12px 24px;background:#cc0c39;color:#fff;font-weight:700;font-size:14px;text-decoration:none;letter-spacing:.04em}@media(max-width:750px){.ccs-pc-hero{flex-direction:column;padding:0;gap:0}.ccs-pc-hero__image{width:auto;padding:24px 16px 0}.ccs-pc-hero__body{background:#fff;padding:16px}.ccs-pc-hero__headline{font-size:18px;line-height:1.25;margin:6px 0 8px}.ccs-pc-hero__sub{font-size:12px;margin-bottom:14px}.ccs-pc-hero__cta{width:100%;padding:12px;text-align:center;font-size:13px}}.ccs-pc__trade-lock,html[data-ccs-mode=quote] .ccs-pc__price,html[data-ccs-mode=quote] .ccs-pc__was{display:none}html[data-ccs-mode=quote] .ccs-pc__trade-lock{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;line-height:1.2;color:var(--mode-text-muted, #555);white-space:nowrap}html[data-ccs-mode=quote] .ccs-pc__trade-lock svg{flex-shrink:0;opacity:.8}html[data-ccs-mode=quote] .ccs-pc__uom-per,html[data-ccs-mode=quote] .ccs-pc__tier-row,html[data-ccs-mode=quote] .ccs-pc__sub-row--sale,html[data-ccs-mode=quote] .bms,html[data-ccs-mode=quote] .bms-mini{display:none}html[data-ccs-mode=quote] .ccs-pc .atc-row .ccs-pc__quote-icon{background:var(--mode-cta-bg, #1B5E20);border-color:var(--mode-cta-border, #154B19);color:var(--mode-cta-text, #fff)}html[data-ccs-mode=quote] .ccs-pc .atc-row .ccs-pc__quote-icon:hover{background:var(--mode-cta-hover, #154B19);border-color:var(--mode-cta-hover, #154B19);color:var(--mode-cta-text, #fff)}html[data-ccs-mode=quote] .ccs-pc .atc-row .atc.atc--card{background-color:var(--mode-surface-dim, #f5f5f3);border-color:var(--mode-border-mid, #d0d0ca)}.atc--quote__qico{display:none}html[data-ccs-mode=quote] .ccs-pc .atc--quote{display:flex;align-items:center;justify-content:center;gap:6px;line-height:1;background:var(--mode-cta-bg, #1B5E20);border-color:var(--mode-cta-border, #154B19);color:var(--mode-cta-text, #fff)}html[data-ccs-mode=quote] .ccs-pc .atc--quote:hover{background:var(--mode-cta-hover, #154B19);border-color:var(--mode-cta-hover, #154B19);color:var(--mode-cta-text, #fff)}html[data-ccs-mode=quote] .ccs-pc .atc--quote .atc--quote__view{display:none}html[data-ccs-mode=quote] .ccs-pc .atc--quote .atc--quote__qico{display:block}html[data-ccs-mode=quote] .ccs-pc .atc--quote .ccs-qm-label{display:inline}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ccs-product-card.css.map */