@layer collo-pdp{:where(body[class*=template--product]){--collo-pdp-navy: #080548;--collo-pdp-navy-hover: #060432;--collo-pdp-muted: #55526b;--collo-pdp-eyebrow: #a89a93;--collo-pdp-line: rgba(8, 5, 72, .2);--collo-pdp-abo-line: #d9d4ce;--collo-pdp-abo-background: #f2f0ed;--collo-pdp-abo-selected: #f8f7f5;--collo-pdp-badge: var(--collo-pdp-navy);--collo-pdp-note: #686363;--collo-pdp-font: var(--collo-sans, "Jost", system-ui, sans-serif);--collo-pdp-panel-width: 1200px;--collo-pdp-panel-padding: 56px 0 72px;--collo-pdp-button-height: 54px;--collo-pdp-button-radius: 2px;--collo-pdp-set-gap: 10px}:where(body[class*=template--product]) [data-id=gPpHeroWrp]{width:100%!important;max-width:var(--collo-pdp-panel-width)!important;padding:var(--collo-pdp-panel-padding)!important}:where(body[class*=template--product]) :is(.gPpHeroBuy,.gPpHeroBuy3,.gPpHeroBuy5){gap:12px!important}:where(body[class*=template--product]) .collo-sets{margin:8px 0 20px!important}:where(body[class*=template--product]) :is(.collo-sets,.collo-sets *){font-family:var(--collo-pdp-font)!important}:where(body[class*=template--product]) .collo-sets__label{font-size:11px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.32em!important;text-transform:uppercase!important;color:var(--collo-pdp-eyebrow)!important;margin:0 0 12px!important}:where(body[class*=template--product]) .collo-sets__items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--collo-pdp-set-gap)!important}:where(body[class*=template--product]) button.collo-sets__item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;padding:12px 6px 10px!important;margin:0!important;background:#fff!important;border:1px solid var(--collo-pdp-line)!important;border-radius:2px!important;cursor:pointer!important;color:var(--collo-pdp-navy)!important;text-align:center!important;letter-spacing:normal!important;text-transform:none!important}:where(body[class*=template--product]) button.collo-sets__item:hover{border-color:var(--collo-pdp-navy)!important}:where(body[class*=template--product]) button.collo-sets__item.is-active{border:2px solid var(--collo-pdp-navy)!important;padding:11px 5px 9px!important}:where(body[class*=template--product]) button.collo-sets__item:focus-visible{outline:3px solid var(--collo-taupe, #7d6a5c)!important;outline-offset:3px!important}:where(body[class*=template--product]) .collo-sets__item img{width:64px!important;height:64px!important;object-fit:contain!important;margin:0 0 6px!important}:where(body[class*=template--product]) .collo-sets__title{font-size:14px!important;font-weight:600!important;line-height:1.2!important;color:var(--collo-pdp-navy)!important}:where(body[class*=template--product]) .collo-sets__sub{font-size:12px!important;line-height:1.2!important;color:var(--collo-pdp-muted)!important}:where(body[class*=template--product]) .collo-sets__badge{position:absolute!important;top:-9px!important;right:-1px!important;background:var(--collo-pdp-navy)!important;color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:1!important;padding:4px 6px!important;border-radius:2px!important}:where(body[class*=template--product]) .collo-abo{margin:4px 0 20px!important;color:var(--collo-pdp-navy)!important}:where(body[class*=template--product]) :is(.collo-abo,.collo-abo *){font-family:var(--collo-pdp-font)!important}:where(body[class*=template--product]) .collo-abo__purchases{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;background:var(--collo-pdp-abo-background)!important}:where(body[class*=template--product]) .collo-abo__choice{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px 8px!important;margin:0!important;cursor:pointer!important;text-align:center!important;font-size:15px!important;font-weight:600!important;color:var(--collo-pdp-navy)!important;background:transparent!important}:where(body[class*=template--product]) .collo-abo__choice>span{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}:where(body[class*=template--product]) .collo-abo__choice:has(input[value=abo]){background:#fff!important;box-shadow:inset 0 0 0 1px var(--collo-pdp-navy)!important}:where(body[class*=template--product]) .collo-abo__choice:has(input:checked){background:var(--collo-pdp-navy)!important;color:#fff!important}:where(body[class*=template--product]) .collo-abo__choice:focus-within{outline:2px solid var(--collo-pdp-navy)!important;outline-offset:2px!important}:where(body[class*=template--product]) :is(.collo-abo__choice input,.collo-abo__row input[type=radio]){position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}:where(body[class*=template--product]) .collo-abo__saving{display:inline-block!important;padding:3px 6px!important;background:var(--collo-pdp-badge)!important;color:#fff!important;font-size:11px!important;line-height:1.3!important}:where(body[class*=template--product]) .collo-abo__choice:has(input:checked) .collo-abo__saving{background:#fff!important;color:var(--collo-pdp-navy)!important}:where(body[class*=template--product]) .collo-abo__rows{border:0!important;padding:0!important;margin:0!important;min-width:0!important}:where(body[class*=template--product]) .collo-abo__rows legend{font-weight:600!important;font-size:14px!important;margin-bottom:10px!important;color:var(--collo-pdp-navy)!important}:where(body[class*=template--product]) .collo-abo__row{position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;padding:14px 16px 14px 46px!important;margin-bottom:8px!important;border:1px solid var(--collo-pdp-abo-line)!important;background:#fff!important;cursor:pointer!important}:where(body[class*=template--product]) .collo-abo__row:before{content:""!important;position:absolute!important;left:16px!important;top:50%!important;width:18px!important;height:18px!important;margin-top:-9px!important;border:1.5px solid var(--collo-pdp-navy)!important;border-radius:50%!important;background:#fff!important}:where(body[class*=template--product]) .collo-abo__row:has(input:checked){border-color:var(--collo-pdp-navy)!important;box-shadow:inset 0 0 0 2px var(--collo-pdp-navy)!important;background:var(--collo-pdp-abo-selected)!important}:where(body[class*=template--product]) .collo-abo__row:has(input:checked):before{background:radial-gradient(circle,var(--collo-pdp-navy) 0 40%,#fff 44%)!important}:where(body[class*=template--product]) .collo-abo__row:has(input:focus-visible){outline:2px solid var(--collo-pdp-navy)!important;outline-offset:2px!important}:where(body[class*=template--product]) .collo-abo__copy{flex:1!important;min-width:0!important}:where(body[class*=template--product]) .collo-abo__title{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;font-weight:600!important;font-size:15px!important;color:var(--collo-pdp-navy)!important}:where(body[class*=template--product]) .collo-abo__rec{padding:3px 6px!important;background:var(--collo-pdp-navy)!important;color:#fff!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}:where(body[class*=template--product]) .collo-abo__save{display:block!important;margin-top:2px!important;color:var(--collo-pdp-note)!important;font-size:13px!important}:where(body[class*=template--product]) .collo-abo__price{flex:0 0 auto!important;text-align:right!important;white-space:nowrap!important;color:var(--collo-pdp-navy)!important}:where(body[class*=template--product]) .collo-abo__price strong{display:block!important;font-size:16px!important}:where(body[class*=template--product]) .collo-abo__price small{display:block!important;font-size:11px!important;color:var(--collo-pdp-note)!important}:where(body[class*=template--product]) .collo-abo__note{font-size:13px!important;line-height:1.45!important;color:var(--collo-pdp-note)!important;margin:8px 0 0!important}:where(body[class*=template--product]) .collo-abo[hidden],:where(body[class*=template--product]) .collo-abo [hidden]{display:none!important}:where(body[class*=template--product]) button[data-id^=gPpHeroAtc]{background:var(--collo-pdp-navy)!important;color:#fff!important;font-family:var(--collo-pdp-font)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important;height:var(--collo-pdp-button-height)!important;padding:0 24px!important;border-radius:var(--collo-pdp-button-radius)!important}:where(body[class*=template--product]) button[data-id^=gPpHeroAtc]:hover:not(:disabled){background:var(--collo-pdp-navy-hover)!important}@media(max-width:1024px){:where(body[class*=template--product]){--collo-pdp-panel-padding: 40px 32px 56px}}@media(max-width:767px){:where(body[class*=template--product]){--collo-pdp-panel-padding: 24px 20px 48px}:where(body[class*=template--product]) .collo-sets__item img{width:52px!important;height:52px!important}:where(body[class*=template--product]) .collo-sets__title{font-size:13px!important}}@media(max-width:480px){:where(body[class*=template--product]) .collo-abo__row{padding:12px 10px 12px 40px!important;gap:10px!important}:where(body[class*=template--product]) .collo-abo__row:before{left:12px!important}:where(body[class*=template--product]) .collo-abo__title{font-size:14px!important}}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/collo-pdp.css.map */