.collection-hero--split .collection-hero__split{padding-top:var(--PT);padding-bottom:var(--PB);display:flex;flex-direction:column;gap:var(--GAP)}.collection-hero--split .collection-hero__split-text,.collection-hero--split .collection-hero__split-image{width:100%;min-width:0}.collection-hero--split .collection-hero__split-image{border-radius:var(--IMG-RADIUS);overflow:hidden;line-height:0}.collection-hero--split .collection-hero__split-img{display:block;width:100%;height:auto;object-fit:cover}.collection-hero--split .collection-hero__split-title{margin:0 0 1rem}.collection-hero--split .collection-hero__split-subheading{margin:0 0 .75rem}.collection-hero--split .collection-hero__split-body{margin:0}.collection-hero--split .collection-hero__split-body>*:first-child{margin-top:0}.collection-hero--split .collection-hero__split-body>*:last-child{margin-bottom:0}@media(min-width:768px){.collection-hero--split .collection-hero__split{flex-direction:row;align-items:center}.collection-hero--split .collection-hero__split-text,.collection-hero--split .collection-hero__split-image{flex:1 1 50%}}.cl-cro{padding:var(--cl-pt) 0 var(--cl-pb);background:transparent}.cl-cro__wrap{max-width:1400px;margin:0 auto;padding:0 24px}.cl-cro__header{text-align:center;margin:0 auto 32px;max-width:720px}.cl-cro__kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:0 0 8px;font-weight:600}.cl-cro__heading{font-size:clamp(24px,3vw,36px);margin:0 0 12px;line-height:1.2}.cl-cro__subheading{margin:0;opacity:.75;font-size:15px;line-height:1.5}.cl-cro__grid{display:grid;grid-template-columns:repeat(var(--cl-cols-m),minmax(0,1fr));gap:var(--cl-gap)}@media(min-width:750px){.cl-cro__grid{grid-template-columns:repeat(var(--cl-cols-t),minmax(0,1fr))}}@media(min-width:990px){.cl-cro__grid{grid-template-columns:repeat(var(--cl-cols-d),minmax(0,1fr))}}.cl-cro__card{background:var(--cl-card-bg);border-radius:calc(var(--cl-img-radius) + 4px);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .25s ease;position:relative}.cl-cro__grid--border-solid .cl-cro__card{border:var(--cl-border-w) solid var(--cl-border-c)}.cl-cro__grid--border-dashed .cl-cro__card{border:var(--cl-border-w) dashed var(--cl-border-c)}.cl-cro__grid--border-dotted .cl-cro__card{border:var(--cl-border-w) dotted var(--cl-border-c)}.cl-cro__grid--border-shadow .cl-cro__card{box-shadow:0 2px 6px #0000000a}.cl-cro__grid--border-shadow .cl-cro__card:hover{box-shadow:0 12px 32px #0000001a}.cl-cro__grid--border-none .cl-cro__card{border:0}.cl-cro__card-link{display:block;color:inherit;text-decoration:none}.cl-cro__media{position:relative;overflow:hidden;aspect-ratio:var(--cl-img-ratio);background:#f4f4f4;border-radius:var(--cl-img-radius)}.cl-cro__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1),filter .35s ease}.cl-cro__img--placeholder{background:linear-gradient(135deg,#eee,#ddd)}.cl-cro__grid--hover-zoom .cl-cro__card:hover .cl-cro__img{transform:scale(1.06)}.cl-cro__grid--hover-lift .cl-cro__card:hover{transform:translateY(-4px)}.cl-cro__grid--hover-fade .cl-cro__card:hover .cl-cro__img{filter:brightness(.92)}.cl-cro__badge{position:absolute;top:12px;left:12px;z-index:2;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#1a1a1a;color:#fff}.cl-cro__body{padding:16px 8px 8px;text-align:var(--cl-text-align)}.cl-cro__title{margin:0 0 4px;font-size:18px;line-height:1.3;font-weight:600}.cl-cro__subtitle{margin:0 0 12px;font-size:14px;opacity:.7;line-height:1.45}.cl-cro__description{margin:0 0 12px;font-size:14px;opacity:.85;line-height:1.5}.cl-cro__description p:first-child{margin-top:0}.cl-cro__description p:last-child{margin-bottom:0}.cl-cro__btn{display:inline-flex;align-items:center;gap:6px;padding:var(--cl-btn-py) var(--cl-btn-px);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--cl-btn-radius);font-weight:600;transition:gap .25s ease,background .25s ease,color .25s ease,transform .25s ease}.cl-cro__btn--solid{background:var(--cl-btn-bg);color:var(--cl-btn-color)}.cl-cro__btn--outline{background:transparent;color:var(--cl-btn-bg);border:1px solid var(--cl-btn-bg)}.cl-cro__btn--text{background:transparent;color:var(--cl-btn-bg);padding:6px 0;border-bottom:1px solid currentColor;border-radius:0}.cl-cro__card:hover .cl-cro__btn{gap:10px}.cl-cro__card:hover .cl-cro__btn--solid{transform:translateY(-1px)}.cl-cro__empty{text-align:center;padding:48px;opacity:.6;grid-column:1 / -1}.cl-cro__card-link:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.greenguard-section{padding-top:var(--gg-section-pt);padding-bottom:var(--gg-section-pb);position:relative;z-index:2;overflow:visible}.greenguard-section__inner{overflow:visible}.greenguard-panel{position:relative;background-color:var(--gg-panel-bg);border-radius:var(--gg-panel-radius);color:var(--gg-text-color);display:flex;flex-direction:row;align-items:center;text-align:left;gap:16px;padding:var(--gg-panel-pt-mobile) 16px var(--gg-panel-pb-mobile) 16px;padding-left:calc(var(--gg-badge-width-mobile) + 32px);min-height:calc(var(--gg-badge-width-mobile) * .55)}.greenguard-panel__badge{position:absolute;left:16px;top:50%;z-index:2;line-height:0;transform:translateY(calc(-50% - var(--gg-badge-overlap-mobile)))}.greenguard-panel__badge-img{display:block;width:var(--gg-badge-width-mobile);height:auto;max-width:100%}.greenguard-panel__text{flex:1;font-size:var(--gg-text-size-mobile);line-height:1.4;color:var(--gg-text-color)}.greenguard-panel__text>*:first-child{margin-top:0}.greenguard-panel__text>*:last-child{margin-bottom:0}@media(min-width:768px){.greenguard-panel{gap:32px;padding:var(--gg-panel-pt-desktop) 48px var(--gg-panel-pb-desktop) 48px;padding-left:calc(var(--gg-badge-width-desktop) + 120px);min-height:calc(var(--gg-badge-width-desktop) * .55)}.greenguard-panel__badge{left:48px;transform:translateY(calc(-50% - var(--gg-badge-overlap-desktop)))}.greenguard-panel__badge-img{width:var(--gg-badge-width-desktop)}.greenguard-panel__text{font-size:var(--gg-text-size-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/39/compiled_assets/styles.css.map */
