.pixon-managed-hero{position:relative;isolation:isolate}.pixon-managed-hero>.pixon-hero-backdrop{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;pointer-events:none}.pixon-managed-hero>.pixon-hero-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;z-index:5;padding:7px;border-radius:24px;background:rgba(15,23,42,.85);color:#fff;max-width:calc(100% - 24px)}.pixon-hero-controls button{appearance:none;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;min-width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px}.pixon-hero-controls span{font:12px system-ui;white-space:nowrap}.pixon-managed-hero[data-crm-hero-mode=single]>.pixon-hero-controls{display:none}.pixon-managed-hero .shop2-arrow,.pixon-managed-hero .shop2-dots{visibility:hidden}.pixon-managed-hero>.container,.pixon-managed-hero>.store-hero-grid,.pixon-managed-hero>.shop2-hero-inner,.pixon-managed-hero>.hero-content{position:relative;z-index:1}.pixon-managed-hero>.pixon-hero-controls{position:absolute}.has-crm-hero-image::after{opacity:0!important}

.has-crm-hero-image .shop2-bg{display:none}.has-crm-hero-image h1,.has-crm-hero-image .hero-content>p,.has-crm-hero-image .store-hero-copy>p,.has-crm-hero-image .shop2-copy>p,.has-crm-hero-image .lead{color:#fff!important;text-shadow:0 1px 12px rgba(15,23,42,.25)}

.has-crm-hero-image .pixon-hero-readable{color:#fff!important;text-shadow:0 1px 12px rgba(15,23,42,.3)}


/* Equal, contained shop banners; original headings and links remain intact. */
.store-hero,.shop2-hero,.home-page #hero{box-sizing:border-box;width:calc(100% - clamp(24px,4vw,48px));max-width:1440px;margin:24px auto;border-radius:24px;overflow:hidden}
.store-hero{min-height:520px;padding:48px 0!important}.store-hero-grid{gap:32px!important}.store-hero-panel{padding:24px!important}.store-hero-number{font-size:52px!important}.shop2-hero .shop2-hero-inner{min-height:520px;padding:48px 0}.shop2-hero .store-shell{width:calc(100% - 64px)!important;max-width:1376px!important}
.pixon-managed-hero{box-sizing:border-box;width:calc(100% - min(var(--pixon-banner-margin,24px),4vw)*2);max-width:var(--pixon-banner-width,1440px);margin-inline:auto;overflow:hidden}.pixon-hero-controls[hidden]{display:none!important}.pixon-managed-hero:not(.has-crm-hero-image) .shop2-bg-layer{display:none}.pixon-managed-hero .shop2-hero-inner{padding-bottom:70px}.pixon-managed-hero.store-hero{padding-bottom:70px!important}.pixon-managed-hero.has-crm-hero-image::before{display:none}
@media(max-width:900px){.store-hero,.shop2-hero{min-height:0}.shop2-hero .shop2-hero-inner{min-height:0}.store-hero-grid,.shop2-hero-inner{grid-template-columns:minmax(0,1fr)!important}.store-hero-panel{max-width:100%}}
@media(max-width:560px){.store-hero,.shop2-hero,.home-page #hero{margin-block:12px;border-radius:18px}.store-hero{padding:32px 0!important}.store-hero .store-hero-grid,.shop2-hero .store-shell{width:calc(100% - 32px)!important}.shop2-hero .shop2-hero-inner{padding:32px 0}.store-hero-panel{padding:18px!important}}

.has-crm-hero-image>.hero-bg,.has-crm-hero-image>.hero-grid-overlay,.has-crm-hero-image>.store-hero-glow{display:none!important}

.pixon-managed-hero>.pixon-hero-backdrop{background-color:#f5f2fc;background-repeat:no-repeat}.pixon-managed-hero[data-hero-theme=products]>.pixon-hero-backdrop{background-color:#f5f2fc}.pixon-managed-hero.shop2-hero>.pixon-hero-backdrop{background-color:#22113f}.pixon-managed-hero:not(.has-crm-hero-image)>.hero-bg,.pixon-managed-hero:not(.has-crm-hero-image)>.hero-grid-overlay,.pixon-managed-hero:not(.has-crm-hero-image)>.store-hero-glow{display:none!important}.pixon-managed-hero:not(.has-crm-hero-image)::after{display:none!important}.pixon-managed-hero .shop2-bg{display:none!important}.pixon-managed-hero>.store-shell,.pixon-managed-hero>.catalog-hero-fw-inner{position:relative;z-index:1}.pixon-managed-hero.has-image::before{display:none}.pixon-managed-hero .pixon-hero-controls{margin:0}.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) h1,.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) .pixon-hero-readable{color:#211735!important}.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero){color:#211735}.pixon-managed-hero{scroll-margin-top:100px}

.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) .store-kicker,.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) .catalog-hero-fw-stat strong,.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) .catalog-hero-fw-stat small,.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) .catalog-hero-fw-chip{color:#493176!important}.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) h1 span{background-image:linear-gradient(100deg,#6331c9,#3154bd)!important}.pixon-managed-hero:not(.has-crm-hero-image):not(.shop2-hero) .catalog-hero-fw-chip{background:rgba(255,255,255,.85);border-color:#ded4ef}.pixon-managed-hero{border-radius:24px}.pixon-managed-hero.has-crm-hero-image .catalog-hero-fw-stat strong,.pixon-managed-hero.has-crm-hero-image .catalog-hero-fw-stat small{color:#fff!important}

/* Uploaded artwork is displayed entirely, with no stretching or cropping. */
.pixon-managed-hero.has-crm-hero-image>.pixon-hero-backdrop{background-size:100% 100%,contain!important;background-position:center,center!important;background-repeat:no-repeat!important;background-color:#182137!important}.pixon-managed-hero[data-hero-custom-height]{height:auto!important;min-height:var(--pixon-hero-height,auto)!important;padding-block:32px 72px!important;display:flex;flex-direction:column;justify-content:center}.pixon-managed-hero[data-hero-custom-height]>.container,.pixon-managed-hero[data-hero-custom-height]>.store-shell,.pixon-managed-hero[data-hero-custom-height]>.hero-content{min-height:0!important;height:auto!important;padding-block:0!important}.pixon-managed-hero[data-hero-custom-height] .shop2-hero-inner,.pixon-managed-hero[data-hero-custom-height] .store-hero-grid{min-height:0!important;height:auto!important;padding-block:0!important}.pixon-managed-hero[data-hero-custom-height] h1{overflow-wrap:break-word}.pixon-managed-hero[data-hero-custom-height] .pixon-hero-backdrop{flex:none}@media(max-width:700px){.pixon-managed-hero[data-hero-custom-height]{min-height:var(--pixon-hero-height-mobile,auto)!important;padding-block:24px 72px!important}}

/* All hero content follows the available banner width, not only the viewport. */
.pixon-managed-hero{container-type:inline-size}.pixon-managed-hero :where(h1,h2,p,a,button,span){overflow-wrap:anywhere}.pixon-managed-hero h1{font-size:clamp(28px,5vw,64px)!important;font-size:clamp(28px,5cqw,64px)!important;line-height:1.08!important;max-width:100%}.pixon-managed-hero :where(.hero-content>p,.store-hero-copy>p,.shop2-copy>p,.lead){font-size:clamp(14px,1.5vw,20px)!important;font-size:clamp(14px,1.5cqw,20px)!important;line-height:1.6!important}.pixon-managed-hero :where(.hero-cta,.store-hero-actions,.shop2-actions){display:flex!important;flex-wrap:wrap;gap:clamp(8px,1.2vw,16px)!important;max-width:100%}.pixon-managed-hero :where(.hero-cta,.store-hero-actions,.shop2-actions)>:where(a,button){box-sizing:border-box;max-width:100%;min-width:0;min-height:44px;height:auto;white-space:normal;text-align:center;font-size:clamp(13px,1.15vw,17px)!important;font-size:clamp(13px,1.15cqw,17px)!important;padding:clamp(10px,1.1vw,16px) clamp(14px,1.5vw,24px)!important}.pixon-managed-hero :where(.hero-content,.hero-visual,.store-hero-copy,.store-hero-panel,.shop2-copy,.shop2-feature-card,.catalog-hero-fw-copy,.catalog-hero-fw-chips){min-width:0;max-width:100%;box-sizing:border-box}.pixon-managed-hero :where(img,video,svg){max-width:100%;height:auto;object-fit:contain}.pixon-managed-hero .pixon-hero-controls{box-sizing:border-box;gap:6px}.pixon-managed-hero .pixon-hero-controls button{flex:none;min-width:36px;min-height:36px;overflow-wrap:normal}@media(max-width:600px){.pixon-managed-hero :where(.hero-cta,.store-hero-actions,.shop2-actions)>:where(a,button){flex:1 1 150px}.pixon-managed-hero .hero-visual{margin-inline:auto}.pixon-managed-hero :where(.hero-visual-card,.shop2-feature-card){width:100%;max-width:100%}}