.ypo-section{--ypo-navy: #031727;--ypo-dark: #020f1a;--ypo-aqua: #06c7c9;--ypo-ink: #17212b;--ypo-muted: #66747e;--ypo-soft: #f5f8f9;--ypo-border: #dadee1;background:var(--ypo-bg, #fff);color:var(--ypo-text, var(--ypo-ink));font-family:var(--font-body-family),Arial,sans-serif;font-size:16px;line-height:1.6;overflow:hidden;padding-block:var(--ypo-pt, 96px) var(--ypo-pb, 96px)}.ypo-section *,.ypo-section *:before,.ypo-section *:after{box-sizing:border-box}.ypo-section a{color:inherit;text-decoration:none}.ypo-container{margin-inline:auto;max-width:min(var(--ypo-width, 1320px),calc(100% - 48px));width:100%}.ypo-section-header{margin-bottom:48px;max-width:790px}.ypo-section-header--center{margin-inline:auto;text-align:center}.ypo-eyebrow,.ypo-card-eyebrow{color:var(--ypo-accent, var(--ypo-aqua));font-size:12px;font-weight:750;letter-spacing:.13em;margin:0 0 16px;text-transform:uppercase}.ypo-heading{color:var(--ypo-heading, inherit);font-family:var(--font-heading-family),Georgia,serif;font-size:clamp(32px,4vw,var(--ypo-heading-size, 52px));font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}.ypo-heading em{color:var(--ypo-heading-accent, var(--ypo-aqua));font-weight:400}.ypo-lede{color:var(--ypo-body, var(--ypo-muted));font-size:17px;margin-top:20px}.ypo-lede>*:first-child{margin-top:0}.ypo-lede>*:last-child{margin-bottom:0}.ypo-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.ypo-button{align-items:center;background:var(--ypo-button, var(--ypo-aqua));border:1px solid var(--ypo-button, var(--ypo-aqua));border-radius:5px;color:var(--ypo-button-text, var(--ypo-navy))!important;display:inline-flex;font-size:13px;font-weight:750;justify-content:center;min-height:50px;padding:13px 26px;transition:filter .2s ease,transform .2s ease}.ypo-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.ypo-button--outline{background:transparent;border-color:color-mix(in srgb,currentColor 35%,transparent);color:var(--ypo-heading, #fff)!important}.ypo-button:focus-visible,.ypo-text-link:focus-visible,.ypo-collection-card a:focus-visible,.ypo-application a:focus-visible,.ypo-faq summary:focus-visible{outline:2px solid var(--ypo-accent);outline-offset:3px}.ypo-media{background:color-mix(in srgb,var(--ypo-bg) 82%,#dfe8ec);border-radius:var(--ypo-radius, 8px);overflow:hidden}.ypo-media img,.ypo-media picture{display:block;height:100%;width:100%}.ypo-media img{object-fit:cover;object-position:var(--ypo-image-position, center)}.ypo-placeholder-svg{background:#e9eef0;display:block;height:100%;width:100%}.ypo-hero{align-items:center;display:flex;min-height:var(--ypo-min-height, 680px)}.ypo-hero__grid,.ypo-split{align-items:center;display:grid;gap:clamp(42px,6vw,84px);grid-template-columns:minmax(0,var(--ypo-copy, .9fr)) minmax(0,var(--ypo-image, 1.1fr))}.ypo-hero__copy{max-width:690px}.ypo-hero__visual{margin-left:auto;max-width:720px;position:relative;width:100%}.ypo-hero__visual .ypo-media{aspect-ratio:var(--ypo-ratio, 4/3);box-shadow:0 24px 55px #0000002e}.ypo-hero__overlay{background:rgb(2 15 26 / var(--ypo-overlay, 0%));top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.ypo-hero__trust{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:34px}.ypo-trust-item{align-items:center;color:var(--ypo-body, #b5c8de);display:inline-flex;font-size:12px;font-weight:700;gap:8px}.ypo-trust-item svg{color:var(--ypo-accent);height:17px;width:17px}.ypo-collection-grid{display:grid;gap:var(--ypo-gap, 26px);grid-template-columns:repeat(var(--ypo-cols, 3),minmax(0,1fr))}.ypo-collection-card{background:var(--ypo-card-bg, #fff);border:var(--ypo-card-border, 1px) solid var(--ypo-border);border-radius:var(--ypo-card-radius, 8px);color:var(--ypo-card-text, var(--ypo-ink));display:flex;flex-direction:column;min-width:0;overflow:hidden}.ypo-collection-card--featured{grid-column:span 2}.ypo-collection-card--dark{--ypo-card-bg: var(--ypo-navy);--ypo-card-text: #fff;--ypo-muted: #b5c8de}.ypo-collection-card__media{aspect-ratio:var(--ypo-card-ratio, 4/3);background:#e9eef0;overflow:hidden;position:relative}.ypo-collection-card__media img,.ypo-collection-card__media svg{display:block;height:100%;object-fit:var(--ypo-card-fit, cover);transition:transform .32s ease;width:100%}.ypo-grid--hover .ypo-collection-card:hover .ypo-collection-card__media img{transform:scale(1.035)}.ypo-collection-card__badges{display:flex;flex-wrap:wrap;gap:7px;left:16px;position:absolute;top:16px}.ypo-collection-card__badges span{background:#ffffffe5;border-radius:999px;color:var(--ypo-navy);font-size:10px;font-weight:800;letter-spacing:.05em;padding:5px 9px;text-transform:uppercase}.ypo-collection-card__body{display:flex;flex:1;flex-direction:column;padding:24px;text-align:var(--ypo-align, left)}.ypo-collection-card__body h3{color:var(--ypo-card-text, var(--ypo-ink));font-family:var(--font-heading-family),Georgia,serif;font-size:24px;line-height:1.2;margin:0}.ypo-collection-card__description{color:var(--ypo-muted);display:-webkit-box;font-size:14px;margin:12px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ypo-collection-card__meta{align-items:center;color:var(--ypo-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between;margin-top:auto;padding-top:22px}.ypo-text-link{color:var(--ypo-accent, var(--ypo-aqua))!important;display:inline-flex;font-weight:750;gap:8px}.ypo-custom__steps{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px}.ypo-custom-step{border-top:1px solid color-mix(in srgb,var(--ypo-body) 28%,transparent);padding-top:18px}.ypo-custom-step__number{color:var(--ypo-accent);display:block;font-weight:800;margin-bottom:7px}.ypo-custom-step h3{color:var(--ypo-heading);font-size:16px;margin:0 0 5px}.ypo-custom-step p{color:var(--ypo-body);font-size:13px;margin:0}.ypo-custom__visual .ypo-media{aspect-ratio:4/3}.ypo-applications{display:grid;gap:var(--ypo-gap, 16px);grid-template-columns:repeat(var(--ypo-cols, 6),minmax(0,1fr))}.ypo-application{background:var(--ypo-card-bg, #fff);border:1px solid var(--ypo-border);border-radius:var(--ypo-card-radius, 8px);color:var(--ypo-heading);min-width:0;padding:24px 16px;text-align:var(--ypo-align, center)}.ypo-application__icon{align-items:center;background:color-mix(in srgb,var(--ypo-accent) 12%,#fff);border-radius:50%;color:var(--ypo-accent);display:inline-flex;height:48px;justify-content:center;margin-bottom:14px;overflow:hidden;width:48px}.ypo-application__icon img{height:100%;object-fit:cover;width:100%}.ypo-application h3{color:inherit;font-size:14px;margin:0}.ypo-application p{color:var(--ypo-body);font-size:12px;margin:8px 0 0}.ypo-application .ypo-text-link{font-size:12px;margin-top:12px}.ypo-faq-list{border-top:1px solid var(--ypo-border)}.ypo-faq{border-bottom:1px solid var(--ypo-border)}.ypo-faq summary{align-items:center;color:var(--ypo-heading);cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:20px;justify-content:space-between;list-style:none;padding:22px 2px}.ypo-faq summary::-webkit-details-marker{display:none}.ypo-faq summary:after{content:"+";font-size:24px;font-weight:400}.ypo-faq[open] summary:after{content:"\2212"}.ypo-faq__answer{color:var(--ypo-body);max-width:840px;padding:0 2px 24px}.ypo-faq__answer>*:first-child{margin-top:0}.ypo-faq__answer>*:last-child{margin-bottom:0}.ypo-cta{position:relative;text-align:var(--ypo-align, center)}.ypo-cta:before,.ypo-cta:after{background:color-mix(in srgb,var(--ypo-heading) 7%,transparent);border-radius:50%;content:"";height:180px;position:absolute;width:180px}.ypo-cta:before{left:4%;top:-95px}.ypo-cta:after{bottom:-100px;right:4%}.ypo-cta__inner{margin-inline:auto;max-width:860px;position:relative;z-index:1}.ypo-cta .ypo-buttons{justify-content:var(--ypo-justify, center)}@media(max-width:1100px){.ypo-applications{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:989px){.ypo-hero__grid,.ypo-split{grid-template-columns:1fr}.ypo-hero__visual{margin-inline:auto}.ypo-collection-grid{grid-template-columns:repeat(var(--ypo-tablet-cols, 2),minmax(0,1fr))}.ypo-collection-card--featured{grid-column:span min(var(--ypo-tablet-cols, 2),2)}}@media(max-width:749px){.ypo-section{font-size:15px;padding-block:var(--ypo-mpt, 60px) var(--ypo-mpb, 60px)}.ypo-container{max-width:calc(100% - 40px)}.ypo-section-header{margin-bottom:34px}.ypo-heading{font-size:clamp(30px,10vw,42px)}.ypo-hero{min-height:0}.ypo-buttons{align-items:stretch;flex-direction:column}.ypo-button{width:100%}.ypo-collection-grid{grid-template-columns:repeat(var(--ypo-mobile-cols, 1),minmax(0,1fr))}.ypo-collection-card--featured{grid-column:span var(--ypo-mobile-cols, 1)}.ypo-custom__steps{grid-template-columns:1fr}.ypo-applications{grid-template-columns:repeat(var(--ypo-mobile-cols, 2),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yoocean-products-overview.css.map */