/* Shared customer storefront. Scoped to generated mains; the production chrome is intact. */
.sf-v2{--sf-gap:24px;--sf-radius:18px;color:var(--ink,#10243b)}
.sf-v2 .wrap{max-width:1240px;min-width:0}
.sf-v2 h1{font-size:clamp(2rem,1.35rem + 2vw,2.75rem);line-height:1.16;max-width:24ch;margin:10px 0 18px}
.sf-v2 h2{font-size:clamp(1.5rem,1.15rem + 1vw,1.9rem);line-height:1.25;margin:0 0 20px}
.sf-v2 h3{font-size:1.25rem;line-height:1.3;margin:0}
.sf-v2 p{max-width:75ch;overflow-wrap:anywhere}
.sf-v2 .sf-intro{padding:36px 0 28px;background:var(--soft,#f4f8fc);border-bottom:1px solid var(--line,#d9e4ee)}
.sf-v2 .sf-intro p{margin:0;max-width:66ch}
.sf-v2 .sf-group{padding:32px 0 8px}
.sf-v2 .sf-group:last-child{padding-bottom:48px}
.sf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sf-gap);align-items:stretch}
.sf-card{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--line,#d9e4ee);border-radius:var(--sf-radius);background:#fff;min-width:0}
.sf-mark{height:64px;width:180px;max-width:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e3ebf2;border-radius:12px;padding:14px 18px;flex:none}
.sf-mark img{display:block;object-fit:contain;width:140px;height:34px;max-width:100%}
.sf-mark[data-mark="paypal"] img{width:34px;height:36px}
.sf-mark[data-mark="everypay"] img{width:140px;height:auto;max-width:151px}
.sf-mark[data-mark="interoperia"]{gap:9px;background:#f7faff}
.sf-mark[data-mark="interoperia"] img{width:30px;height:30px}
.sf-mark span{font-size:14px;font-weight:650;letter-spacing:-.02em;color:#10243b}
.sf-card p{margin:0;font-size:15px;line-height:1.55}
.sf-platform{font-size:13px;line-height:1.5;font-weight:650;color:#455d73;margin:0;overflow-wrap:anywhere}
.sf-card .sf-purpose{color:#455d73}
.sf-card .sf-card-footer{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:6px}
.sf-status{font-size:13px;line-height:1.45;font-weight:650;color:#075e4c;display:block}
.sf-status[data-available="false"]{color:#705016}
.sf-card .sf-price{font-size:17px;font-weight:700;color:var(--ink,#10243b)}
.sf-card-conditions{font-size:13px;line-height:1.5;color:#455d73}
.sf-card-conditions summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.sf-card-conditions p{font-size:13px;font-weight:400;margin:6px 0 0}
.sf-card-footer .primary{align-self:flex-start;min-height:44px;padding:10px 18px}
.sf-extra{font-size:14px;text-decoration:underline;text-underline-offset:3px}
.sf-product-top{padding:32px 0 26px;background:var(--soft,#f4f8fc)}
.sf-product-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}
.sf-product-heading .sf-platform{margin-top:16px}
.sf-product-heading>p{margin:0;line-height:1.6;font-size:17px;max-width:63ch}
.sf-purchase{padding:22px;border:1px solid #c7d8e6;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:12px;min-width:0}
.sf-purchase p{margin:0;font-size:14px;line-height:1.5}
.sf-purchase [data-copy-key="product.price"]{font-size:23px;font-weight:700;color:var(--ink,#10243b)}
.sf-purchase .primary{width:100%;min-height:44px;white-space:normal;text-align:center}
.sf-purchase button:disabled{cursor:default;opacity:1;background:#e7edf3;color:#435568;border-color:#ced9e4}
.sf-purchase a.sf-condition-link{font-size:14px;color:#0b54a0;text-decoration:underline;text-underline-offset:3px}
.sf-section{padding:30px 0;border-bottom:1px solid var(--line,#d9e4ee)}
.sf-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.sf-about-grid p{margin:0 0 12px;font-size:16px}
.sf-benefits{margin:0;padding-left:22px;font-size:16px;line-height:1.65}
.sf-benefits li{margin-bottom:8px}
.sf-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.sf-v2 table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:15px;line-height:1.6}
.sf-v2 th,.sf-v2 td{padding:14px 16px;border:1px solid #d9e4ee;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.sf-v2 th{width:23%;background:#f4f8fc;font-weight:650}
.sf-v2 td p{margin:0}
.sf-details{border:1px solid #d9e4ee;border-radius:16px;padding:0 20px;background:#fff;margin:0 0 16px}
.sf-details summary{padding:18px 0;font-weight:650;cursor:pointer;line-height:1.5}
.sf-details>div{padding:0 0 20px}
.sf-details p{font-size:15px;line-height:1.65;margin:0 0 14px}
.sf-details a:not(.primary){color:#0b54a0;text-decoration:underline;text-underline-offset:3px}
.sf-no-capture{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #d9e4ee;border-radius:18px;background:#f7faff}
.sf-no-capture p{margin:0;font-size:16px}
.sf-gallery{padding:28px 0 0}
.sf-gallery h2{margin-bottom:8px}
.sf-gallery-provenance{font-size:13px;color:#455d73;margin:0 0 14px}
.sf-gallery-stage{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border:1px solid #c7d8e6;border-radius:16px;background:#eef3f8;overflow:hidden}
.sf-gallery-stage a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.sf-gallery-stage img{object-fit:contain;width:100%;height:100%;padding:12px;display:block}
.sf-gallery-stage a:focus-visible{outline-offset:-5px}
.sf-gallery-caption{margin:12px 0;max-width:90ch;font-size:15px;line-height:1.6;min-height:0}
.sf-gallery-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.sf-gallery button,.sf-viewer button{border:1px solid #b5c9dc;border-radius:10px;background:#fff;color:#10243b;padding:9px 14px;min-width:44px;min-height:44px;font-size:14px;font-weight:600}
.sf-gallery-counter{font-size:14px;color:#455d73;margin-left:auto}
.sf-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:6px 3px 12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.sf-gallery-thumbs a{display:flex;flex:0 0 104px;height:80px;padding:5px;border:2px solid #d9e4ee;border-radius:10px;background:#f4f8fc;scroll-snap-align:start}
.sf-gallery-thumbs img{object-fit:contain;width:100%;height:100%}
.sf-gallery-thumbs a[aria-current="true"]{border-color:#0b54a0;background:#dcefff}
.sf-gallery-fallback{margin:10px 0 16px;padding-left:24px;font-size:14px}
.sf-gallery-fallback li{margin-bottom:10px}
.sf-gallery-fallback a{color:#0b54a0;text-decoration:underline}
.sf-v2 :focus-visible,.sf-viewer :focus-visible{outline:3px solid #0793c9;outline-offset:3px}
.sf-viewer{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1500px;max-height:none;border:1px solid #829bb3;border-radius:16px;padding:0;color:#10243b;background:#fff}
.sf-viewer::backdrop{background:rgba(3,21,44,.88)}
.sf-viewer-inner{height:100%;display:flex;flex-direction:column;min-width:0}
.sf-viewer-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:#f4f8fc;border-bottom:1px solid #d9e4ee;flex:none}
.sf-viewer-toolbar .sf-close{margin-left:auto}
.sf-viewer-scroll{overflow:auto;flex:1;min-height:0;padding:14px;overscroll-behavior:contain}
.sf-viewer-scroll img{display:block;max-width:100%;width:auto;height:auto;margin-inline:auto}
.sf-viewer-scroll[data-zoom="true"] img{max-width:none}
.sf-viewer-caption{padding:12px 16px;margin:0;line-height:1.5;font-size:14px;max-height:22vh;overflow:auto;flex:none;border-top:1px solid #d9e4ee}
@media(max-width:1050px){.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-product-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}}
@media(max-width:640px){.sf-grid{grid-template-columns:1fr}.sf-v2 .wrap{width:calc(100% - 32px)}.sf-card{padding:20px}.sf-v2 .sf-intro{padding:24px 0}.sf-product-grid,.sf-about-grid{grid-template-columns:1fr;gap:22px}.sf-product-top{padding-top:24px}.sf-product-heading h1{font-size:2rem}.sf-section{padding:24px 0}.sf-gallery-stage{aspect-ratio:4/3}.sf-no-capture{flex-direction:column;align-items:flex-start}.sf-gallery button{font-size:13px;padding:8px 10px}.sf-gallery-thumbs a{flex-basis:88px;height:72px}.sf-v2 th,.sf-v2 td{padding:10px;font-size:14px}.sf-v2 th{width:30%}.sf-viewer{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.sf-viewer-toolbar{gap:6px;padding:8px}.sf-viewer button{padding:8px;font-size:13px}.sf-details{padding:0 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-v2 *,.sf-viewer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* integration fix 13.10: no mid-word wrap in the requirements table label column on narrow screens */
@media(max-width:640px){.sf-v2 th{width:38%;overflow-wrap:normal;word-break:normal;hyphens:manual;min-width:9ch}.sf-v2 td{overflow-wrap:anywhere}}

/* partner presentation: three short benefits next to the headline */
.sf-hero-benefits{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.sf-hero-benefits li{position:relative;padding-left:26px;line-height:1.45}
.sf-hero-benefits li::before{content:'';position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--sf-accent,#174a72);opacity:.9}
@media (max-width:640px){.sf-hero-benefits{margin-top:12px}}