/* Selleronix promote blocks — shared between the cloud preview and the PrestaShop connector.
   Keep byte-equal with connectors/prestashop/sxaffiliate/views/css/promote.css (parity test). */
.sx-promo{--sx-brand:#0F766E;--sx-on-brand:#FFFFFF;--sx-border:#E5E7EB;--sx-muted:#6B7280;--sx-text:#0F172A;box-sizing:border-box;font-family:inherit;color:var(--sx-text);line-height:1.5;margin:16px 0;overflow-wrap:anywhere}
.sx-promo *,.sx-promo *::before,.sx-promo *::after{box-sizing:inherit}
.sx-promo-card{position:relative;background:#FFFFFF;border:1px solid var(--sx-border);border-radius:12px;padding:16px;overflow:hidden}
.sx-promo-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sx-brand)}
.sx-promo-home .sx-promo-card::before{left:0;right:0;bottom:auto;width:auto;height:4px}
.sx-promo-grid{display:grid;gap:16px}
.sx-promo-headline{font-size:24px;line-height:1.25;font-weight:700;margin:0 0 8px}
.sx-promo-subtext{font-size:16px;margin:0 0 16px}
.sx-promo-badge{display:inline-block;background:var(--sx-brand);color:var(--sx-on-brand);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px}
.sx-promo-trust{list-style:none;margin:0 0 16px;padding:0}
.sx-promo-trust li{display:flex;align-items:flex-start;gap:8px;font-size:14px;margin:0 0 8px}
.sx-promo-trust svg{width:20px;height:20px;flex:none;color:var(--sx-brand)}
.sx-promo-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:8px;background:var(--sx-brand);color:var(--sx-on-brand);font-weight:600;text-decoration:none;cursor:pointer;transition:filter 150ms ease}
.sx-promo-button:hover{filter:brightness(.92)}
.sx-promo-button:focus-visible{outline:2px solid #0F172A;outline-offset:2px}
.sx-promo-image{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;border-radius:8px}
.sx-promo-footer-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 20px;align-items:center;padding:12px 16px;font-size:14px;background:var(--sx-brand);background:linear-gradient(90deg,var(--sx-brand),color-mix(in srgb,var(--sx-brand) 70%,#000));color:var(--sx-on-brand);border-top:4px solid rgba(255,255,255,.35)}
.sx-promo-footer-pitch{min-width:0}
.sx-promo-footer-pill{display:inline-block;background:rgba(0,0,0,.15);color:var(--sx-on-brand);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.sx-promo-footer-line{display:block;font-size:15px;line-height:1.35;font-weight:600}
.sx-promo-footer-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.sx-promo-footer-chips .sx-promo-chip{font-size:13px;line-height:1.3;padding:4px 10px;white-space:nowrap}
.sx-promo-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;background:rgba(0,0,0,.15);color:var(--sx-on-brand);border-radius:999px;padding:6px 12px;font-size:13px;line-height:1.35}
.sx-promo-chip svg{width:16px;height:16px;flex:none}
.sx-promo-footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-width:0}
.sx-promo-footer-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:999px;background:var(--sx-on-brand);color:var(--sx-brand);font-weight:700;text-decoration:none;transition:filter .15s ease}
.sx-promo-footer-cta:hover{filter:brightness(.94)}
.sx-promo-footer-cta:focus-visible{outline:2px solid var(--sx-on-brand);outline-offset:2px}
.sx-promo-footer-strip a.sx-promo-footer-link{color:var(--sx-on-brand);text-decoration:none;min-height:40px;display:inline-flex;align-items:center;font-weight:600}
.sx-promo-footer-strip a.sx-promo-footer-link:hover{text-decoration:underline}
.sx-promo-footer-strip .sx-promo-powered{flex-basis:auto;margin-left:auto;font-size:12px;justify-content:flex-start;margin-top:0;color:var(--sx-on-brand);opacity:.9}
.sx-promo-powered{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:12px;color:var(--sx-muted);margin-top:12px}
.sx-promo-powered a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.sx-promo-powered svg{width:14px;height:14px}
.sx-promo-team{display:flex;align-items:flex-start;gap:12px;border:1px solid #E5E7EB;border:1px solid color-mix(in srgb,var(--sx-brand) 30%,#fff);border-radius:12px;padding:12px;margin:0 0 16px;font-size:14px;line-height:1.5}
.sx-promo-team-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:10px;background:#F3F4F6;background:color-mix(in srgb,var(--sx-brand) 12%,#fff);color:var(--sx-brand)}
.sx-promo-team-icon svg{width:24px;height:24px}
.sx-promo-team>div{min-width:0}
.sx-promo-team-title{display:block;font-weight:700;color:var(--sx-text)}
.sx-promo-team-text{margin:2px 0 0;color:var(--sx-text)}
.sx-promo-chip-team{font-weight:600;border-radius:12px}
.sx-promo-chip-team span{min-width:0}
.sx-promo-team-line{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;line-height:1.4;color:var(--sx-muted)}
.sx-promo-team-line svg{width:16px;height:16px;flex:none;color:var(--sx-brand)}
.sx-promo-team-line span{min-width:0}
.sx-promo-link{color:var(--sx-text);text-decoration:underline;font-size:14px}
.sx-promo-link--on-brand{color:var(--sx-on-brand)}
.sx-promo-home .sx-promo-link{margin-left:16px}
.sx-promo-hero{position:relative;overflow:hidden;border-radius:16px;padding:24px;background:var(--sx-brand);background:linear-gradient(135deg,var(--sx-brand),color-mix(in srgb,var(--sx-brand) 70%,#000));color:var(--sx-on-brand);margin:0 0 16px}
.sx-promo-hero .sx-promo-headline,.sx-promo-hero .sx-promo-subtext{color:var(--sx-on-brand);overflow-wrap:anywhere}
.sx-promo-hero .sx-promo-badge{background:var(--sx-on-brand);color:var(--sx-brand);font-size:20px;padding:6px 14px}
.sx-promo-hero .sx-promo-button{background:var(--sx-on-brand);color:var(--sx-brand);min-height:48px;font-weight:700}
.sx-promo-hero .sx-promo-button:focus-visible{outline-color:var(--sx-on-brand)}
.sx-promo-hero .sx-promo-link{margin-top:8px}
.sx-promo-hero-image{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center;border-radius:16px;margin:0 0 16px;background:#F3F4F6}
.sx-promo-page .sx-promo-hero .sx-promo-link{margin-left:16px}
.sx-promo-page .sx-promo-link{display:inline-flex;align-items:center;min-height:44px}
.sx-promo-benefits{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sx-promo-benefit{display:flex;gap:12px;align-items:flex-start;background:#FFFFFF;border:1px solid var(--sx-border);border-radius:16px;padding:16px;min-width:0}
.sx-promo-benefit>div{min-width:0}
.sx-promo-benefit-icon{width:56px;height:56px;flex:none;color:var(--sx-brand)}
.sx-promo-benefit-title{display:block;font-weight:700;color:var(--sx-text)}
.sx-promo-benefit-text{margin:4px 0 0;font-size:14px;color:var(--sx-muted)}
.sx-promo-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sx-promo-step{display:flex;gap:12px;align-items:flex-start;min-width:0}
.sx-promo-step>div{min-width:0}
.sx-promo-step-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:999px;background:var(--sx-brand);color:var(--sx-on-brand);font-weight:700}
.sx-promo-step-title{display:block;font-weight:700;color:var(--sx-text)}
.sx-promo-step-text{margin:2px 0 0;font-size:14px;color:var(--sx-muted)}
.sx-promo-final{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--sx-text)}
.sx-promo-page-links{margin:12px 0 0;font-size:14px;color:var(--sx-muted)}
.sx-promo-page-proof .sx-promo-trust{margin-bottom:16px}
.sx-promo-footer-compact{display:none;font-size:13px;line-height:1.4;opacity:.9;min-width:0;max-width:100%}
@media (max-width:639px){
.sx-promo-home .sx-promo-card{border:0;border-radius:16px;padding:20px;background:var(--sx-brand);background:linear-gradient(135deg,var(--sx-brand),color-mix(in srgb,var(--sx-brand) 70%,#000));color:var(--sx-on-brand)}
.sx-promo-home .sx-promo-card::before{display:none}
.sx-promo-home .sx-promo-image{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;object-position:center;border-radius:12px;margin:0 0 12px;background:rgba(255,255,255,.08)}
.sx-promo-home .sx-promo-badge,.sx-promo-category .sx-promo-badge{background:var(--sx-on-brand);color:var(--sx-brand);font-size:20px;padding:6px 14px}
.sx-promo-home .sx-promo-headline{color:var(--sx-on-brand);font-size:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.sx-promo-home .sx-promo-subtext{color:var(--sx-on-brand);font-size:15px}
.sx-promo-home .sx-promo-trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:12px}
.sx-promo-home .sx-promo-trust li{color:var(--sx-on-brand);margin:0;min-width:0;background:rgba(0,0,0,.15);border-radius:12px;padding:8px;font-size:13px}
.sx-promo-home .sx-promo-trust li span{min-width:0;overflow-wrap:anywhere}
.sx-promo-home .sx-promo-trust li:nth-child(n+3){display:none}
.sx-promo-home .sx-promo-trust svg{color:var(--sx-on-brand)}
.sx-promo-home .sx-promo-team{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,.25);color:var(--sx-on-brand)}
.sx-promo-home .sx-promo-team-icon{background:rgba(0,0,0,.15);color:var(--sx-on-brand)}
.sx-promo-home .sx-promo-team-title,.sx-promo-home .sx-promo-team-text{color:var(--sx-on-brand)}
.sx-promo-home .sx-promo-button,.sx-promo-category .sx-promo-button,.sx-promo-hero .sx-promo-button,.sx-promo-page-proof .sx-promo-button{display:flex;width:100%;max-width:100%;min-height:48px;font-weight:700;text-align:center}
.sx-promo-home .sx-promo-button,.sx-promo-category .sx-promo-button{background:var(--sx-on-brand);color:var(--sx-brand)}
.sx-promo-home .sx-promo-button:focus-visible,.sx-promo-category .sx-promo-button:focus-visible{outline-color:var(--sx-on-brand)}
.sx-promo-home .sx-promo-link{display:inline-flex;min-height:44px;align-items:center;color:var(--sx-on-brand);margin:8px 16px 0 0}
.sx-promo-home .sx-promo-powered{color:var(--sx-on-brand);opacity:.9;justify-content:flex-start}
.sx-promo-category .sx-promo-card{border:0;border-radius:16px;padding:20px;background:var(--sx-brand);color:var(--sx-on-brand)}
.sx-promo-category .sx-promo-card::before{display:none}
.sx-promo-category .sx-promo-headline{color:var(--sx-on-brand);font-size:22px;overflow-wrap:anywhere}
.sx-promo-category .sx-promo-team-line{color:var(--sx-on-brand)}
.sx-promo-category .sx-promo-team-line svg{color:var(--sx-on-brand)}
.sx-promo-category .sx-promo-powered{color:var(--sx-on-brand);opacity:.9}
.sx-promo-footer-chips .sx-promo-chip:not(.sx-promo-chip-team){display:none}
.sx-promo-footer-compact{display:block}
.sx-promo-footer-chips .sx-promo-chip{white-space:normal}
.sx-promo-footer-cta{display:flex;width:100%;max-width:100%;min-height:48px}
.sx-promo-footer-actions{gap:8px 16px}
.sx-promo-referral .sx-promo-headline{font-size:20px}
.sx-promo-referral .sx-promo-button{display:flex;width:100%;max-width:100%;min-height:48px}
}
@media (min-width:768px){.sx-promo-team-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-promo-footer-strip{padding:14px 24px}.sx-promo-card{padding:24px}.sx-promo-home .sx-promo-headline{font-size:32px}.sx-promo-home .sx-promo-grid{grid-template-columns:3fr 2fr;align-items:center}}
@media (min-width:1024px){.sx-promo-footer-strip{grid-template-columns:auto minmax(0,1fr) auto}.sx-promo-footer-pitch{max-width:260px}}
@media (prefers-reduced-motion:reduce){.sx-promo-button,.sx-promo-footer-cta{transition:none}}
/* Banners and layout options (spec 2026-10-14): edge-to-edge banners per placement, four positions, alignment. */
.sx-promo-home{--sx-ar:8/3;--sx-arh:.375}
.sx-promo-page{--sx-ar:16/5;--sx-arh:.3125}
.sx-promo-category{--sx-ar:4/1;--sx-arh:.25}
.sx-promo-referral{--sx-ar:1/1;--sx-arh:1}
.sx-promo-banner{display:block;width:100%;aspect-ratio:var(--sx-ar);overflow:hidden;margin:0;padding:0}
.sx-promo-banner-img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border:0;border-radius:0;margin:0;background:none}
.sx-promo-banner-link{display:block;color:inherit;text-decoration:none}
.sx-promo-banner-link:focus-visible{outline:2px solid var(--sx-brand);outline-offset:-2px}
.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card,.sx-promo-page.sx-promo--banner>.sx-promo-hero{padding:0}
.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card::before{display:none}
.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card>.sx-promo-body{padding:16px}
.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card>.sx-promo-foot{padding:0 16px 12px}
.sx-promo-page.sx-promo--banner>.sx-promo-hero>.sx-promo-body{padding:24px}
.sx-promo-page>.sx-promo-banner-link{border-radius:16px;overflow:hidden;margin:0 0 16px}
.sx-promo--pos-background{container-type:inline-size;width:100%}
.sx-promo--pos-background:not(.sx-promo-page)>.sx-promo-card,.sx-promo-page.sx-promo--pos-background>.sx-promo-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:240px;min-height:min(520px,calc(100cqw * var(--sx-arh)));background:#0F172A;color:#FFFFFF}
.sx-promo--pos-background .sx-promo-banner{position:absolute;inset:0;z-index:-2;height:100%;aspect-ratio:auto}
.sx-promo--pos-background:not(.sx-promo-page)>.sx-promo-card::after,.sx-promo-page.sx-promo--pos-background>.sx-promo-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,calc(var(--sx-overlay,35) / 100))}
.sx-promo--pos-background .sx-promo-body .sx-promo-headline,.sx-promo--pos-background .sx-promo-body .sx-promo-subtext,.sx-promo--pos-background .sx-promo-body .sx-promo-trust li,.sx-promo--pos-background .sx-promo-body .sx-promo-trust svg,.sx-promo--pos-background .sx-promo-body .sx-promo-team-title,.sx-promo--pos-background .sx-promo-body .sx-promo-team-text,.sx-promo--pos-background .sx-promo-body .sx-promo-team-line,.sx-promo--pos-background .sx-promo-body .sx-promo-team-line svg,.sx-promo--pos-background .sx-promo-body .sx-promo-link,.sx-promo--pos-background .sx-promo-foot .sx-promo-powered{color:#FFFFFF}
.sx-promo--pos-background .sx-promo-body .sx-promo-team{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.25)}
.sx-promo--center .sx-promo-body,.sx-promo-page.sx-promo--center .sx-promo-page-proof{text-align:center}
.sx-promo--center .sx-promo-body .sx-promo-trust li,.sx-promo-page.sx-promo--center .sx-promo-page-proof .sx-promo-trust li,.sx-promo--center .sx-promo-body .sx-promo-team-line{justify-content:center}
.sx-promo--center .sx-promo-foot .sx-promo-powered{justify-content:center}
@media (max-width:639px){
.sx-promo-home.sx-promo--phone{--sx-ar:1/1;--sx-arh:1}
.sx-promo-page.sx-promo--phone{--sx-ar:3/2;--sx-arh:.6667}
.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card>.sx-promo-body{padding:20px}
.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card>.sx-promo-foot{padding:0 20px 16px}
.sx-promo-page.sx-promo--banner>.sx-promo-hero>.sx-promo-body{padding:20px}
}
@media (min-width:768px){.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card>.sx-promo-body{padding:24px}.sx-promo--banner:not(.sx-promo-page)>.sx-promo-card>.sx-promo-foot{padding:0 24px 16px}}
.sx-promo--legacy .sx-promo-banner{aspect-ratio:auto}
.sx-promo--legacy .sx-promo-banner-img{height:auto;object-fit:contain;max-height:520px;background:transparent}
.sx-promo-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:640px){.sx-promo--phone-only{display:none !important}}
body.page-index .sx-promo--hide-home,.sx-tpl-index .sx-promo--hide-home,body.page-category .sx-promo--hide-category,.sx-tpl-collection .sx-promo--hide-category,body.page-sx-affiliate-program .sx-promo--hide-landing,.sx-tpl-landing .sx-promo--hide-landing{display:none !important}