.coc-pair-intro{display:grid;gap:30px;margin:0 16px 18px;padding:30px 22px;overflow:hidden;background:#0b0b0c;color:#fff}.coc-pair-intro__eyebrow{margin:0 0 14px;color:var(--color-accent);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coc-pair-intro h2{max-width:9ch;margin:0;color:#fff;font-family:var(--font-heading);font-size:clamp(48px,14vw,90px);font-weight:900;letter-spacing:-.045em;line-height:.82;text-transform:uppercase}.coc-pair-intro__copy>p:last-child{max-width:43ch;margin:20px 0 0;color:#b8bcba;font-size:13px;line-height:1.65}.coc-pair-intro__math{align-self:end;padding:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f}.coc-pair-intro__math small{display:block;margin-bottom:13px;color:var(--color-accent);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coc-pair-intro__equation{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-family:var(--font-heading);font-weight:800;text-transform:uppercase}.coc-pair-intro__equation span{color:#aeb2b0;font-size:20px}.coc-pair-intro__equation b{color:var(--color-accent);font-size:31px}.coc-pair-intro__math>span{display:block;margin-top:10px;color:#909492;font-size:9px;text-transform:uppercase}.coc-pair-builder{--offer-ink: #0b0b0c;position:relative;z-index:20;display:grid;gap:13px;padding:14px;border:1px solid #d2d5d3;background:#fffffff7;box-shadow:0 14px 40px #0b0b0c14;color:var(--offer-ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.coc-pair-builder--collection{position:sticky;top:122px;margin:0 16px 22px}.coc-pair-builder__heading,.coc-pair-builder__footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.coc-pair-builder__heading>span{color:var(--color-accent);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coc-pair-builder__heading>strong{font-size:9px;text-transform:uppercase}.coc-pair-builder__slots{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);align-items:center;gap:5px}.coc-pair-builder__plus{color:#8d918f;font-family:var(--font-heading);font-size:21px;font-weight:700;text-align:center}.coc-pair-slot{position:relative;display:grid;min-width:0;min-height:62px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:7px;border:1px dashed #bec2c0;background:#f3f3ef}.coc-pair-slot__number{position:absolute;top:4px;right:5px;color:#a0a4a2;font-size:7px;font-weight:800}.coc-pair-slot__image{display:grid;width:38px;height:44px;place-items:center;overflow:hidden;background:#fff;color:#929694;font-family:var(--font-heading);font-size:20px}.coc-pair-slot__image img{width:100%;height:100%;object-fit:cover}.coc-pair-slot__copy{display:grid;min-width:0;gap:2px;padding-right:6px}.coc-pair-slot__copy small{color:#777b79;font-size:7px;font-weight:800;text-transform:uppercase}.coc-pair-slot__copy strong{overflow:hidden;font-family:var(--font-heading);font-size:12px;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.coc-pair-slot__copy>span{overflow:hidden;color:#777b79;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.coc-pair-slot.is-filled{border-style:solid;border-color:#0b0b0c;background:#fff}.coc-pair-slot.is-filled .coc-pair-slot__number{color:var(--color-accent)}.coc-pair-slot__remove{position:absolute;z-index:2;top:3px;right:3px;display:grid;width:20px;height:20px;padding:0;place-items:center;border:1px solid #cfd2d1;border-radius:50%;background:#fff;color:#0b0b0c;cursor:pointer;font-size:15px;line-height:1}.coc-pair-slot__remove[hidden]{display:none}.coc-pair-slot__remove:hover,.coc-pair-slot__remove:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.coc-pair-slot__remove:disabled{cursor:wait;opacity:.45}.coc-pair-builder__footer{padding-top:1px}.coc-pair-builder__footer p{max-width:36ch;margin:0;color:#626664;font-size:9px;line-height:1.35}.coc-pair-builder__action{display:flex;min-height:38px;flex:0 0 auto;align-items:center;gap:14px;padding:0 11px;background:var(--offer-ink);color:#fff;font-size:8px;font-weight:800;text-decoration:none;text-transform:uppercase}.coc-pair-builder__action b{color:var(--color-accent);font-size:14px}.coc-pair-builder[data-offer-state=complete]{border-color:#178a50;box-shadow:0 14px 40px #178a5021}.coc-pair-builder[data-offer-state=complete] .coc-pair-builder__heading>span,.coc-pair-builder[data-offer-state=complete] .coc-pair-builder__action b{color:#5fe09a}.coc-pair-builder[data-offer-state=complete] .coc-pair-builder__action{background:#11663c}.coc-pair-product{margin:0 0 18px;padding:16px;border:1px solid #cacdcb;background:#f3f3ef}.coc-pair-product__eyebrow{margin:0 0 5px;color:var(--color-accent);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coc-pair-product h2{margin:0;font-family:var(--font-heading);font-size:25px;line-height:1;text-transform:uppercase}.coc-pair-product__promise{margin:9px 0 14px;color:#646866;font-size:11px;line-height:1.5}.coc-pair-product__price{display:grid;grid-template-columns:1fr auto;gap:6px 15px;padding:12px 0;border-block:1px solid #d1d4d2;font-size:10px}.coc-pair-product__price span:nth-child(2n){font-weight:800;text-align:right}.coc-pair-product__price strong{font-family:var(--font-heading);font-size:15px;text-transform:uppercase}.coc-pair-product .coc-pair-builder{margin-top:14px;padding:11px;box-shadow:none}.collection-card__offer-badge{position:absolute;top:8px;right:8px;z-index:3;padding:5px 7px;background:#0b0b0c;color:#fff;font-size:8px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.collection-card__offer-note{margin:7px 0 0;color:#626664;font-size:8px;font-weight:700;text-transform:uppercase}#CocPairOfferProducts{scroll-margin-top:210px}@media(max-width:560px){.coc-pair-builder--collection{top:122px;margin-inline:8px;padding:10px}.coc-pair-builder__heading,.coc-pair-builder__footer p{display:none}.coc-pair-builder__action{min-height:42px;padding-inline:10px}.coc-pair-slot{min-height:54px;grid-template-columns:32px minmax(0,1fr);gap:6px;padding:5px}.coc-pair-slot__image{width:32px;height:38px}.coc-pair-slot__copy strong{font-size:10px}.coc-pair-slot__copy>span{font-size:7px}}@media(min-width:750px){.coc-pair-intro{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:end;margin:0 32px 24px;padding:46px 40px}.coc-pair-intro__math{padding:25px}.coc-pair-builder--collection{top:132px;margin:0 32px 30px;padding:16px 18px}.coc-pair-builder{grid-template-columns:auto minmax(420px,1fr) auto;align-items:center}.coc-pair-builder__heading{display:grid;min-width:126px;gap:5px}.coc-pair-builder__footer{min-width:270px;justify-content:flex-end}.coc-pair-builder__footer p{font-size:10px}.coc-pair-builder__action{min-height:46px;padding-inline:15px}.coc-pair-product .coc-pair-builder{display:grid;grid-template-columns:1fr}.coc-pair-product .coc-pair-builder__heading,.coc-pair-product .coc-pair-builder__footer{display:flex}}@media(min-width:1200px){.coc-pair-intro,.coc-pair-builder--collection{width:calc(100% - 64px);max-width:1376px;margin-inline:auto}}.coc-pair-builder--collection.is-stuck{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-block:7px;box-shadow:0 10px 28px #0b0b0c21}.coc-pair-builder--collection.is-stuck .coc-pair-builder__heading,.coc-pair-builder--collection.is-stuck .coc-pair-builder__footer p{display:none}.coc-pair-builder--collection.is-stuck .coc-pair-builder__footer{min-width:0;padding:0}.coc-pair-builder--collection.is-stuck .coc-pair-builder__action,.coc-pair-builder--collection.is-stuck .coc-pair-slot{min-height:48px}@media(max-width:560px){.coc-pair-builder--collection.is-stuck{gap:6px;padding:6px}.coc-pair-builder--collection.is-stuck .coc-pair-builder__slots{grid-template-columns:minmax(0,1fr) 9px minmax(0,1fr);gap:3px}.coc-pair-builder--collection.is-stuck .coc-pair-slot{min-height:46px;grid-template-columns:28px minmax(0,1fr);gap:5px;padding:4px}.coc-pair-builder--collection.is-stuck .coc-pair-slot__image{width:28px;height:34px}.coc-pair-builder--collection.is-stuck .coc-pair-slot__copy small,.coc-pair-builder--collection.is-stuck .coc-pair-slot__copy>span{display:none}.coc-pair-builder--collection.is-stuck .coc-pair-slot__copy strong{font-size:9px}.coc-pair-builder--collection.is-stuck .coc-pair-builder__action{min-height:46px;gap:7px;padding-inline:8px}}.coc-pair-chooser{width:min(calc(100% - 32px),1376px);margin:42px auto 72px;scroll-margin-top:82px;color:#0b0b0c}.coc-pair-chooser__header{display:grid;gap:24px;padding:30px 22px;background:#0b0b0c;color:#fff}.coc-pair-chooser__eyebrow{margin:0 0 10px;color:var(--color-accent);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coc-pair-chooser__header h2{max-width:12ch;margin:0;color:#fff;font-family:var(--font-heading);font-size:clamp(38px,11vw,76px);font-weight:900;letter-spacing:-.04em;line-height:.86;text-transform:uppercase}.coc-pair-chooser__header div>p:last-child{max-width:52ch;margin:16px 0 0;color:#b8bcba;font-size:12px;line-height:1.55}.coc-pair-chooser__math{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.22);font-family:var(--font-heading);font-size:18px;font-weight:800}.coc-pair-chooser__math b{color:#777c79}.coc-pair-chooser__math strong{color:var(--color-accent);font-size:28px}.coc-pair-chooser[data-offer-state=started] .coc-pair-chooser__header{box-shadow:inset 0 4px 0 var(--color-accent)}.coc-pair-chooser[data-offer-state=complete] .coc-pair-chooser__header{box-shadow:inset 0 4px #5fe09a}.coc-pair-chooser__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid #d9dcdb}.coc-pair-choice-card{min-width:0;border-right:1px solid #d9dcdb;border-bottom:1px solid #d9dcdb;background:#fff}.coc-pair-choice-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:#f3f3ef}.coc-pair-choice-card__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.coc-pair-choice-card__media>span{position:absolute;top:8px;right:8px;padding:5px 7px;background:#0b0b0c;color:#fff;font-size:7px;font-weight:800;text-transform:uppercase}.coc-pair-choice-card__copy{padding:13px 10px 15px}.coc-pair-choice-card__copy>a{display:block;min-height:34px;color:#0b0b0c;font-family:var(--font-heading);font-size:15px;font-weight:800;line-height:1.05;text-decoration:none;text-transform:uppercase}.coc-pair-choice-card__copy>p{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:8px 0 12px;color:#686c6b;font-size:8px;text-transform:uppercase}.coc-pair-choice-card__copy>p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coc-pair-choice-card__copy>p strong{flex:0 0 auto;color:#0b0b0c;font-size:11px}.coc-pair-choice-card form{margin:0}.coc-pair-choice-card button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;border:1px solid #0b0b0c;background:#0b0b0c;color:#fff;cursor:pointer;font-size:8px;font-weight:800;text-align:left;text-transform:uppercase}.coc-pair-choice-card button b{color:var(--color-accent);font-size:14px}.coc-pair-choice-card button:disabled{border-color:#d1d4d2;background:#eceeec;color:#777b79;cursor:not-allowed}.coc-pair-choice-card__status{display:block;min-height:0;color:#626664;font-size:8px}.coc-pair-chooser__footer{display:grid;gap:14px;padding:22px;border:1px solid #d9dcdb;border-top:0}.coc-pair-chooser__footer p{margin:0;color:#626664;font-size:10px;line-height:1.5}.coc-pair-chooser__footer a{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 15px;background:var(--color-accent);color:#0b0b0c;font-size:10px;font-weight:800;text-decoration:none;text-transform:uppercase}.coc-pair-chooser__footer a span{font-size:17px}@media(min-width:750px){.coc-pair-chooser{margin-top:72px;scroll-margin-top:96px}.coc-pair-chooser__header{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:end;padding:46px 40px}.coc-pair-chooser__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.coc-pair-choice-card__copy{padding:16px 14px 18px}.coc-pair-choice-card__copy>a{min-height:42px;font-size:18px}.coc-pair-chooser__footer{grid-template-columns:1fr auto;align-items:center;padding:22px 28px}.coc-pair-chooser__footer a{min-width:260px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/pair-offer.css.map */