@layer dsAll {
/* P0 07.11: opt-in routes only. Native overflow-x:clip stays in force. */
#sp-component#sp-component#sp-component[data-p0-clip] :is(.op-page,.rts-xiaomi-hub,.xm-page,.rts-page,.rt-service-page,.ds-final){width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-shell{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding-inline:clamp(16px,3.2vw,96px)!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero-grid{padding-inline:0!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero-copy{padding-inline:clamp(16px,3.2vw,96px)!important;box-sizing:border-box!important}
@media(min-width:768px){#sp-component#sp-component#sp-component[data-p0-clip] :is(.op-shell,.op-hero-copy){padding-inline:clamp(24px,3.2vw,96px)!important}#sp-component#sp-component#sp-component[data-p0-clip] .op-hero-grid{padding-inline:0!important}}

#sp-component#sp-component#sp-component[data-p0-clip] .op-proof{padding-inline:clamp(16px,3.2vw,96px)!important;box-sizing:border-box!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-proof .op-shell{padding-inline:0!important}


#sp-component#sp-component#sp-component[data-p0-clip] .ds-final{padding-inline:clamp(20px,3.2vw,96px)!important}

#sp-component#sp-component#sp-component[data-p0-clip] .op-hero-copy{display:block!important;min-width:0!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero-copy>.op-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;margin-inline:0!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero-copy>.op-actions>a{width:auto!important;max-width:100%!important;flex:0 1 auto!important}

#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"]{display:block!important;position:relative!important;isolation:isolate!important;grid-template-columns:none!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .rt-mega6-op-workshop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .rt-mega6-op-workshop img{width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(1) brightness(.28)!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .op-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;position:relative!important;z-index:1!important;align-items:center!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .op-actions{margin-top:24px!important}
#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .op-actions>a:first-child{background:#ffd400!important;color:#08090a!important;border-color:#ffd400!important}
@media(max-width:767px){#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .op-hero-grid{grid-template-columns:minmax(0,1fr)!important}#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .op-hero-photo{height:250px!important;margin-block:20px 0!important}#sp-component#sp-component#sp-component[data-p0-clip] .op-hero[data-rt-mega6-b3-op="207"] .op-hero-photo img{max-height:220px!important;object-fit:contain!important}}
}

@layer dsAll {#sp-component#sp-component#sp-component[data-p0-clip] .rt-brand-shell{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding-inline:clamp(16px,3.2vw,96px)!important}}