/*! Product Functions - Split
    Styles for blocks/product-function-split.liquid.
    Self-contained like pf-functions-tabs.css: every class is prefixed .pfs
    and nothing here reaches other sections.

    Desktop: the image covers the whole block, the card sits on top of it
    (function list left, coloured panel right). All panels share one grid
    cell, so the card is always as tall as its longest function and never
    changes height while switching.
    Mobile: the image becomes a band above the card, the card overlaps the
    band's lower edge and then continues on the page background. Here the
    card may follow the height of the active function. */.pfs{--pfs-overlap: 72px;--pfs-card-width: 1000px;--pfs-list-width: 290px;position:relative;color:var(--pfs-text, #fff)}.pfs__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit}.pfs__picture,.pfs__image{display:block;width:100%;height:100%}.pfs__image{object-fit:cover;object-position:var(--pfs-image-position, 60% 32%);opacity:.85}.pfs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pfs__intro,.pfs__body{position:relative;z-index:1}.pfs__eyebrow{margin:0 0 18px;font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:inherit}.pfs__heading{margin:0;font-size:clamp(40px,4.8vw,68px);font-weight:700;line-height:1;letter-spacing:-1px;color:inherit}.pfs__subline{margin-block-start:18px;max-width:620px;font-size:18px;line-height:1.5;color:inherit}.pfs__subline>:first-child{margin-block-start:0}.pfs__subline>:last-child{margin-block-end:0}.pfs__card{display:grid;grid-template-columns:var(--pfs-list-width) minmax(0,1fr);width:min(var(--pfs-card-width),100%);overflow:hidden;border-radius:20px;background-color:#fff;color:#3a3a3a;box-shadow:0 18px 40px #17171738}.pfs__list{display:flex;flex-direction:column;gap:4px;padding:12px 0 12px 12px}.pfs__row{display:flex;align-items:center;gap:10px;min-height:46px;margin-inline-end:12px;padding:10px 14px;border:0;border-radius:14px;background-color:transparent;color:#333;font:inherit;font-size:15px;font-weight:600;line-height:20px;text-align:start;cursor:pointer}.pfs__row:hover{background-color:#f4f4f1}.pfs__row[aria-selected=true]{margin-inline-end:0;border-radius:14px 0 0 14px;background-color:var(--pfs-bg);color:var(--pfs-fg)}.pfs__row:focus-visible{outline:2px solid var(--pfs-fg);outline-offset:-2px}.pfs__row-icon{flex-shrink:0;width:22px;height:22px;object-fit:contain}.pfs__panels{display:grid}.pfs__panel{grid-area:1 / 1;display:flex;flex-direction:column;padding:20px 28px 18px;background-color:var(--pfs-bg)}.pfs__panel[data-active=false]{visibility:hidden}.pfs__panel:focus-visible{outline:2px solid var(--pfs-fg);outline-offset:-2px}.pfs__panel-title{margin:0 0 6px;font-size:24px;font-weight:500;line-height:30px;color:var(--pfs-fg)}.pfs__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;list-style:none}.pfs__chip{padding:2px 10px;border-radius:20px;background-color:#fff;color:var(--pfs-fg);font-size:13px;font-weight:500;line-height:20px}.pfs__claims ul,.pfs__claims ol{margin:0;padding:0;list-style:none}.pfs__claims li,.pfs__claims p{margin:0 0 10px;font-size:16px;line-height:24px;color:#2b2b2b}.pfs__claims li:last-child,.pfs__claims p:last-child{margin-bottom:0}.pfs__claims li,.pfs__claims p{display:flex;gap:10px}.pfs__claims li:before,.pfs__claims p:before{content:"";flex-shrink:0;width:20px;height:20px;margin-top:2px;background-color:var(--pfs-fg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.2l2.4 2.4l4.6-4.8'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.2l2.4 2.4l4.6-4.8'/%3E%3C/svg%3E") center / contain no-repeat}.pfs__claims li p{display:block;margin:0}.pfs__claims li p:before{content:none}.pfs__claims>:last-child>:last-child,.pfs__claims>p:last-child{margin-block-end:0}.pfs__empty{padding-block:24px;font-size:14px;opacity:.7}@media screen and (min-width:768px){.pfs{display:flex;flex-direction:column;justify-content:center;min-height:var(--pfs-media-height, 660px);padding-block:68px}.pfs__hero{position:static}.pfs__body{width:100%;margin-block-start:36px}}@media screen and (max-width:767px){.pfs__chips{margin-block-end:16px}.pfs__hero{position:relative;min-height:var(--pfs-band-height, 300px);padding-block:var(--pfs-padding-top-mobile, 40px) calc(var(--pfs-overlap) + 24px);border-radius:inherit}.pfs__image{object-position:var(--pfs-image-position-mobile, 60% 50%)}.pfs__heading{font-size:40px}.pfs__subline{font-size:16px}.pfs__body{z-index:2;margin-block-start:calc(var(--pfs-overlap) * -1);padding-block-end:var(--pfs-padding-bottom-mobile, 36px)}.pfs__card{display:block;width:100%;padding:8px;box-shadow:0 12px 30px #17171724}.pfs__list{gap:2px;padding:0}.pfs__row,.pfs__row[aria-selected=true]{min-height:48px;margin-inline-end:0;padding:12px 14px;border-radius:12px}.pfs__panels{display:block;margin-block-start:6px}.pfs__panel{padding:18px 16px 14px;border-radius:14px}.pfs__panel[data-active=false],.pfs__panel-title{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/pf-functions-split.css.map */