.ccb{padding-top:var(--ccb-pt, 32px);padding-bottom:var(--ccb-pb, 24px);background:var(--ccb-bg, transparent)}.ccb__inner{padding-inline:var(--ccb-edge, 0px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);column-gap:var(--ccb-col-gap, clamp(2.4rem, 4vw, 5.6rem));row-gap:var(--ccb-row-gap, clamp(1.6rem, 2.2vw, 2.6rem));align-items:start}.ccb__head{grid-column:1;grid-row:1;max-width:var(--ccb-head-max, 52rem);min-width:0}.ccb__usps{grid-column:1;grid-row:2}.ccb__circles{grid-column:2;grid-row:1 / span 2;align-self:var(--ccb-circ-align, start)}.ccb:not(.ccb--usp) .ccb__circles{grid-row:1}@media(min-width:901px){.ccb--usp.ccb--no-circles .ccb__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ccb--usp.ccb--no-circles .ccb__usps{grid-column:2;grid-row:1;justify-self:end}}.ccb__title{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin:0;color:var(--ccb-fg, #222021);font-size:var(--ccb-title-size, clamp(2.6rem, 3.4vw, 4.4rem))}.ccb__desc{margin:1.4rem 0 0;color:var(--ccb-desc, #6b665f);font-size:clamp(1.4rem,1.35vw,1.6rem);line-height:1.55;max-width:46rem}.ccb__desc p{margin:0 0 .6em}.ccb__desc p:last-child{margin-bottom:0}@media(max-width:900px){.ccb__desc--dt{display:none}}.ccb__usps{display:grid;grid-template-columns:repeat(var(--ccb-usp-cols, 2),minmax(0,1fr));width:100%;max-width:var(--ccb-usp-max, 66rem);list-style:none;margin:0;padding:0}.ccb--usp-sheet .ccb__usps{grid-auto-rows:1fr;gap:1px;background:var(--ccb-usp-border, #e6e0da);border:1px solid var(--ccb-usp-border, #e6e0da);border-radius:var(--ccb-usp-radius, 12px);overflow:hidden}.ccb--usp-cards .ccb__usps{gap:var(--ccb-usp-gap, 8px)}.ccb__usps>li{display:flex;min-width:0}.ccb__usp{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:var(--ccb-usp-pad, 12px);background:var(--ccb-usp-bg, #f6f4f3);color:var(--ccb-fg, #222021)}.ccb--usp-cards .ccb__usp{border:1px solid var(--ccb-usp-border, #e6e0da);border-radius:var(--ccb-usp-radius, 12px)}.ccb input.ccb__usp-cb{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;appearance:none;-webkit-appearance:none;opacity:0;pointer-events:none}.ccb__usp-head{display:flex;align-items:center;gap:var(--ccb-usp-icon-gap, 10px);min-width:0;margin:0;cursor:default;-webkit-tap-highlight-color:transparent}.ccb__usp-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ccb-usp-icon, 26px);height:var(--ccb-usp-icon, 26px);border-radius:999px;background:var(--ccb-fg, #222021);color:var(--ccb-usp-bg, #f6f4f3)}.ccb__usp-icon svg{width:56%;height:56%;display:block}.ccb--icon-plain .ccb__usp-icon{background:none;border-radius:0;color:var(--ccb-usp-icon-color, inherit)}.ccb--icon-plain .ccb__usp-icon svg{width:74%;height:74%}.ccb--icon-ring .ccb__usp-icon{border-radius:999px;border:1px solid var(--ccb-usp-border, #e6e0da)}.ccb--icon-ring .ccb__usp-icon svg{width:54%;height:54%}.ccb__usp-title{min-width:0;font-family:var(--font-heading-family);font-weight:700;line-height:1.14;letter-spacing:.01em;text-transform:uppercase;font-size:var(--ccb-usp-ts, 1.3rem);text-wrap:balance}.ccb__usp-num{flex:0 0 auto;margin-left:auto;padding-left:1rem;align-self:flex-start;font-family:var(--font-heading-family);font-weight:700;font-size:1.05rem;line-height:1.5;letter-spacing:.02em;font-variant-numeric:tabular-nums;opacity:.26}.ccb__usp-chev{display:none;flex:0 0 auto;width:1.4rem;height:1.4rem;opacity:.4;transition:transform .32s cubic-bezier(.22,1,.36,1)}.ccb__usp-panel{display:block;padding-left:calc(var(--ccb-usp-icon, 26px) + var(--ccb-usp-icon-gap, 10px))}.ccb__usp-panel-in{min-height:0;overflow:hidden}.ccb__usp-text{display:block;padding-top:.5rem;font-family:var(--font-body-family);font-size:var(--ccb-usp-bs, 1.1rem);line-height:1.5;color:var(--ccb-desc, #6b665f)}.ccb__usp-panel--dhide{display:none}@media(hover:hover){.ccb__usp{transition:background .4s cubic-bezier(.22,1,.36,1)}.ccb__usp-icon,.ccb__usp-num{transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.ccb--usp-sheet .ccb__usps>li:hover .ccb__usp{background:var(--ccb-usp-bg-hover, #ffffff)}.ccb__usps>li:hover .ccb__usp-num{opacity:.5}.ccb--icon-plain .ccb__usps>li:hover .ccb__usp-icon{transform:translateY(-1px) scale(1.06)}}.ccb__circles{display:flex;gap:var(--ccb-circ-gap, clamp(1.2rem, 1.8vw, 2.4rem));align-items:flex-start;flex:0 0 auto;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;padding:.9rem .5rem}.ccb__circles::-webkit-scrollbar{display:none}.ccb__circle{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-decoration:none;flex:none;width:var(--ccb-circle, 96px);-webkit-tap-highlight-color:transparent}.ccb__circle:focus:not(:focus-visible){outline:none}.ccb__circle-img{position:relative;width:var(--ccb-circle, 96px);height:var(--ccb-circle, 96px);border-radius:50%;overflow:hidden;background:var(--ccb-ring, #f6f4f3);border:.1rem solid var(--ccb-border, #e6e0da);display:grid;place-items:center;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.ccb__circle-img img{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover){.ccb__circle:hover .ccb__circle-img{transform:translateY(-.3rem);border-color:var(--ccb-fg, #222021);box-shadow:0 0 0 .35rem var(--ccb-accent-soft, rgba(242, 201, 209, .4))}}.ccb__circle--active .ccb__circle-img{border-color:var(--ccb-fg, #222021);box-shadow:0 0 0 .3rem var(--ccb-accent-soft, rgba(242, 201, 209, .35))}.ccb__circle--soon .ccb__circle-img img{opacity:.6}.ccb__circle--soon .ccb__circle-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff;opacity:.62;pointer-events:none}.ccb__circle-soon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;text-align:center;padding:0 .5rem;font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.05;font-size:calc(var(--ccb-circle, 96px) * .14);color:var(--ccb-fg, #222021);pointer-events:none}.ccb__circle-empty{font-family:var(--font-heading-family);font-weight:700;font-size:calc(var(--ccb-circle, 96px) * .3);color:var(--ccb-border, #e6e0da);text-transform:uppercase}.ccb__circle-label{font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ccb-fg, #222021);text-align:center;font-weight:600;line-height:1.15}@media(min-width:621px)and (max-width:900px){.ccb--usp .ccb__usps{grid-template-columns:repeat(var(--ccb-usp-cols-t, 2),minmax(0,1fr));gap:var(--ccb-usp-gap, 8px)}.ccb--usp .ccb__usp{padding:var(--ccb-usp-pad, 12px)}.ccb--usp .ccb__usp-title{font-size:var(--ccb-usp-ts, 1.3rem)}.ccb--usp .ccb__usp-text{font-size:var(--ccb-usp-bs, 1.1rem)}.ccb--usp .ccb__usp-icon{width:var(--ccb-usp-icon, 26px);height:var(--ccb-usp-icon, 26px)}.ccb--usp .ccb__circles{justify-content:flex-start}}@media(max-width:900px){.ccb__inner{column-gap:var(--ccb-col-gap-m, 16px);row-gap:var(--ccb-row-gap-m, 12px)}.ccb__head{grid-column:1 / -1;grid-row:1;max-width:none}.ccb__title{font-size:var(--ccb-title-size-m, clamp(2.4rem, 7.2vw, 3.4rem))}.ccb__usps{grid-column:1;grid-row:2;grid-template-columns:repeat(var(--ccb-usp-cols-m, 1),minmax(0,1fr));gap:var(--ccb-usp-gap-m, 6px);max-width:none}.ccb__usp{padding:var(--ccb-usp-pad-m, 10px)}.ccb--usp-sheet .ccb__usps{border-radius:var(--ccb-usp-radius-m, var(--ccb-usp-radius, 12px))}.ccb__usp-head{gap:var(--ccb-usp-icon-gap-m, 8px)}.ccb__usp-icon{width:var(--ccb-usp-icon-m, 22px);height:var(--ccb-usp-icon-m, 22px)}.ccb__usp-title{font-size:var(--ccb-usp-ts-m, 1.2rem)}.ccb__usp-text{font-size:var(--ccb-usp-bs-m, 1rem)}.ccb__usp-panel{padding-left:calc(var(--ccb-usp-icon-m, 22px) + var(--ccb-usp-icon-gap-m, 8px))}.ccb__usp-panel--dhide{display:block}.ccb__usp-panel--mhide,.ccb__usp-num{display:none}.ccb__usp-chev{margin-left:auto}.ccb--acc .ccb__usp-head{cursor:pointer}.ccb--acc .ccb__usp-cb:focus-visible~.ccb__usp-head{outline:2px solid var(--ccb-fg, #222021);outline-offset:3px;border-radius:4px}.ccb--acc .ccb__usp-chev{display:block}.ccb--acc .ccb__usp-panel:not(.ccb__usp-panel--mhide){display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1)}.ccb--acc .ccb__usp-cb:checked~.ccb__usp-panel:not(.ccb__usp-panel--mhide){grid-template-rows:1fr}.ccb--acc .ccb__usp-cb:checked~.ccb__usp-head .ccb__usp-chev{transform:rotate(180deg)}.ccb--usp .ccb__usps{align-self:stretch;grid-auto-rows:auto}.ccb--usp .ccb__circles{grid-column:2;grid-row:2;flex-direction:column;align-items:center;justify-content:var(--ccb-rail-justify, space-between);align-self:start;gap:var(--ccb-circ-gap-m, 12px);width:var(--ccb-rail-m, 80px);flex:0 0 var(--ccb-rail-m, 80px);padding:0;overflow:visible}.ccb--usp .ccb__circle{width:100%;gap:.4rem}.ccb--usp .ccb__circle-img{width:var(--ccb-circle-m, 62px);height:var(--ccb-circle-m, 62px)}.ccb--usp .ccb__circle-soon{font-size:max(8.5px,calc(var(--ccb-circle-m, 62px) * .17))}.ccb--usp .ccb__circle-empty{font-size:calc(var(--ccb-circle-m, 62px) * .3)}.ccb--usp .ccb__circle-label{font-size:var(--ccb-label-m, .85rem);line-height:1.05;letter-spacing:.04em;overflow-wrap:anywhere}.ccb:not(.ccb--usp) .ccb__circles{grid-column:1 / -1;grid-row:2;width:100%;padding:.8rem .6rem}.ccb--usp.ccb--no-circles .ccb__usps{grid-column:1 / -1}}@media(max-width:380px){.ccb--usp .ccb__circles{width:var(--ccb-rail-xs, 66px);flex-basis:var(--ccb-rail-xs, 66px)}.ccb--usp .ccb__circle-img{width:var(--ccb-circle-xs, 40px);height:var(--ccb-circle-xs, 40px)}.ccb--usp .ccb__circle-soon{font-size:max(8px,calc(var(--ccb-circle-xs, 44px) * .18))}}@media(prefers-reduced-motion:reduce){.ccb__usp-panel,.ccb__usp-chev{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-collection-banner.css.map */