/* Theme Park / Water Park Lockers Modern – all rules scoped to the one staging shortcode container */
#el-shopping-root{width:100%;margin:0 auto;color:#183e64;font-family:inherit;clear:both}
#el-shopping-root *,#el-shopping-root *::before,#el-shopping-root *::after{box-sizing:border-box}
#el-shopping-root .elsc-page{width:100%;background:#fff;overflow:hidden}
#el-shopping-root .elsc-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
#el-shopping-root h1,#el-shopping-root h2,#el-shopping-root h3{font-family:inherit;letter-spacing:-.025em;margin-top:0;text-transform:none}
#el-shopping-root .elsc-hero{background:linear-gradient(115deg,#082e54 0%,#0c4578 63%,#0f78b1 120%);color:#fff;padding:83px 0 76px}
#el-shopping-root .elsc-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}
#el-shopping-root .elsc-eyebrow{display:block;color:#92d7ff;font-size:12px;font-weight:800;letter-spacing:1.85px;margin-bottom:20px}
#el-shopping-root h1{font-size:clamp(36px,3.85vw,59px);color:#fff!important;font-weight:800;line-height:1.12;margin:0 0 20px}
#el-shopping-root h1 em,#el-shopping-root .elsc-detail-copy h2 em{font-style:normal;color:#9ddaff}
#el-shopping-root .elsc-lead{font-size:17px;line-height:1.75;color:#dceefa;margin:0 0 25px}
#el-shopping-root .elsc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 29px}
#el-shopping-root .elsc-facts>div{border:1px solid rgba(173,218,248,.33);border-radius:11px;padding:15px 12px;background:rgba(255,255,255,.075)}
#el-shopping-root .elsc-facts b{display:block;color:#fff;font-size:17px;line-height:1.25}
#el-shopping-root .elsc-facts small{display:block;color:#d3e8f7;font-size:12px;line-height:1.35;margin-top:6px}
#el-shopping-root .elsc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#el-shopping-root .elsc-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none!important;background:#168cf0;border:1px solid #168cf0;color:#fff!important;font-size:15px;font-weight:750;border-radius:9px;padding:13px 21px;min-height:49px;transition:background .2s,transform .2s}
#el-shopping-root .elsc-button:hover{background:#0876c6;transform:translateY(-2px)}
#el-shopping-root .elsc-outline{background:transparent;border-color:#8ebfdf}
#el-shopping-root .elsc-outline:hover{background:rgba(255,255,255,.12)}
#el-shopping-root .elsc-micro{color:#bbd9ee;font-size:12px;line-height:1.6;margin:18px 0 0}
#el-shopping-root .elsc-hero-visual{position:relative;background:#e9f5ff;border-radius:18px;padding:9px;box-shadow:0 20px 55px rgba(0,25,54,.25);border:1px solid rgba(255,255,255,.3);margin:0;min-width:0}
#el-shopping-root .elsc-hero-visual a{display:block;width:100%;overflow:hidden;border-radius:10px}
#el-shopping-root .elsc-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#ddebfa;border-radius:10px}
#el-shopping-root .elsc-hero-visual figcaption{position:absolute;bottom:21px;left:23px;color:#fff;background:#092e50ed;padding:10px 13px;border-radius:7px;font-size:11px;font-weight:750;letter-spacing:.02em}
#el-shopping-root .elsc-section{padding:76px 0}
#el-shopping-root .elsc-soft{background:#f0f7fd}
#el-shopping-root .elsc-heading{max-width:820px;text-align:center;margin:0 auto 37px}
#el-shopping-root .elsc-kicker{display:block;color:#0b88ec;font-size:12px;letter-spacing:1.6px;font-weight:800}
#el-shopping-root h2{color:#103d66!important;font-size:clamp(29px,3vw,42px);font-weight:800;line-height:1.19;margin:12px 0 15px}
#el-shopping-root .elsc-heading p{color:#668097;font-size:16px;line-height:1.7;margin:0}
#el-shopping-root .elsc-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#el-shopping-root .elsc-feature{border:1px solid #d7e8f7;border-radius:14px;background:#f3f9fe;padding:27px 22px;min-width:0}
#el-shopping-root .elsc-n{display:block;font-size:26px;font-weight:850;color:#0b86e8;margin-bottom:14px}
#el-shopping-root h3{font-size:18px;color:#163f67!important;font-weight:800;line-height:1.35;margin:0 0 11px}
#el-shopping-root .elsc-feature p,#el-shopping-root .elsc-steps p{color:#627d93;font-size:14px;line-height:1.7;margin:0}
#el-shopping-root .elsc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#el-shopping-root .elsc-steps>div{position:relative;background:#fff;border:1px solid #dcebf8;border-radius:14px;padding:28px 21px}
#el-shopping-root .elsc-steps>div>span{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;color:#fff;background:#0e86e9;font-size:19px;font-weight:850;border-radius:50%;margin-bottom:21px}
#el-shopping-root .elsc-detail-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:65px;align-items:center}
#el-shopping-root .elsc-detail-copy>p{font-size:16px;color:#657d91;line-height:1.8;margin:0}
#el-shopping-root .elsc-detail-copy h2 em{color:#168cef}
#el-shopping-root .elsc-checks{list-style:none!important;padding:0!important;margin:24px 0!important;display:grid;gap:12px}
#el-shopping-root .elsc-checks li{position:relative;list-style:none!important;padding:0 0 0 28px!important;margin:0!important;font-size:15px;line-height:1.55;color:#2b5274}
#el-shopping-root .elsc-checks li::before{position:absolute;left:0;top:0;content:'✓';font-weight:900;color:#0c89eb}
#el-shopping-root .elsc-note{background:#f4faff;border:1px solid #d2e5f7;border-left:4px solid #158aee;border-radius:11px;padding:18px 21px}
#el-shopping-root .elsc-note strong{color:#153f68;font-size:16px}
#el-shopping-root .elsc-note p{margin:7px 0 0;font-size:14px;color:#607b90;line-height:1.65}
#el-shopping-root .elsc-panel{margin:0;background:#fff;border:1px solid #dceaf7;border-radius:16px;padding:17px;box-shadow:0 12px 33px rgba(16,62,105,.07);text-align:center;min-width:0}
#el-shopping-root .elsc-panel a{display:block}
#el-shopping-root .elsc-panel img{display:block;width:auto;height:auto;max-height:560px;max-width:100%;margin:0 auto;object-fit:contain}
#el-shopping-root .elsc-panel figcaption{font-size:12px;color:#668098;margin-top:13px}
#el-shopping-root .elsc-model-figure{margin:0;background:#fff;border:1px solid #d9e7f4;border-radius:16px;padding:22px;text-align:center;box-shadow:0 8px 18px rgba(11,58,98,.04)}
#el-shopping-root .elsc-model-figure a{display:block;cursor:zoom-in}
#el-shopping-root .elsc-model-figure img{width:100%;height:auto;max-height:720px;object-fit:contain;display:block}
#el-shopping-root .elsc-model-figure figcaption{color:#698297;font-size:12px;line-height:1.5;padding-top:13px}
#el-shopping-root .elsc-payments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#el-shopping-root .elsc-method{border:1px solid #dbeaf6;border-radius:14px;background:#f8fbfe;padding:10px 10px 18px;text-align:center;min-width:0}
#el-shopping-root .elsc-method>a{display:block;overflow:hidden;border-radius:9px;background:#fff}
#el-shopping-root .elsc-method img{width:100%;height:172px;display:block;object-fit:contain;transition:transform .15s}
#el-shopping-root .elsc-method a:hover img{transform:scale(1.025)}
#el-shopping-root .elsc-method h3{font-size:15px;margin:12px 6px 5px}
#el-shopping-root .elsc-method p{font-size:12px;line-height:1.5;color:#6a8396;margin:0 7px}
#el-shopping-root .elsc-revenue{background:linear-gradient(130deg,#0c3155,#0d5189);color:#fff}
#el-shopping-root .elsc-revenue-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:68px;align-items:center}
#el-shopping-root .elsc-revenue h2{color:#fff!important;font-size:clamp(30px,3.35vw,44px);margin:14px 0 21px}
#el-shopping-root .elsc-revenue h2 em{color:#a4ddff;font-style:normal}
#el-shopping-root .elsc-revenue p{font-size:17px;line-height:1.78;color:#d4e9f9}
#el-shopping-root .elsc-revenue-panel{display:grid;gap:12px}
#el-shopping-root .elsc-revenue-item{border:1px solid rgba(197,228,247,.3);border-radius:11px;background:rgba(255,255,255,.08);padding:18px 21px}
#el-shopping-root .elsc-revenue-item b{display:block;color:#fff;font-size:16px;margin-bottom:7px}
#el-shopping-root .elsc-revenue-item span{color:#d3e5f4;font-size:13px;line-height:1.55}
#el-shopping-root .elsc-revenue-panel .elsc-button{justify-self:start;margin-top:5px}
#el-shopping-root :is(#eltp-benefits,#eltp-how,#eltp-control,#eltp-models,#eltp-payment,#eltp-revenue){scroll-margin-top:110px}
@media(max-width:1000px){
  #el-shopping-root .elsc-hero-grid{gap:27px}
  #el-shopping-root .elsc-detail-grid,#el-shopping-root .elsc-revenue-grid{gap:32px}
  #el-shopping-root .elsc-features,#el-shopping-root .elsc-steps,#el-shopping-root .elsc-payments{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:740px){
  #el-shopping-root .elsc-shell{width:min(1200px,calc(100% - 32px))}
  #el-shopping-root .elsc-hero{padding:59px 0 52px}
  #el-shopping-root .elsc-hero-grid,#el-shopping-root .elsc-detail-grid,#el-shopping-root .elsc-revenue-grid{grid-template-columns:1fr}
  #el-shopping-root .elsc-hero-grid{gap:38px}
  #el-shopping-root .elsc-section{padding:55px 0}
  #el-shopping-root .elsc-panel img{max-height:460px}
  #el-shopping-root .elsc-revenue-grid{gap:25px}
}
@media(max-width:450px){
  #el-shopping-root .elsc-facts{grid-template-columns:1fr 1fr}
  #el-shopping-root .elsc-features,#el-shopping-root .elsc-steps{grid-template-columns:1fr}
  #el-shopping-root .elsc-payments{gap:11px}
  #el-shopping-root .elsc-method{padding:7px 6px 14px}
  #el-shopping-root .elsc-method img{height:135px}
  #el-shopping-root .elsc-method h3{font-size:13px}
  #el-shopping-root .elsc-method p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#el-shopping-root *{transition:none!important}}

/* Shopping-centre-specific sections */
#el-shopping-root .elsc-payment-footnote{text-align:center;font-size:12px;color:#678198;line-height:1.65;margin:22px 0 0}
#el-shopping-root .elsc-cta{background:linear-gradient(115deg,#0b3156,#0b5789);color:#fff}
#el-shopping-root .elsc-cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:42px}
#el-shopping-root .elsc-cta h2{color:#fff!important;max-width:770px}
#el-shopping-root .elsc-cta p{font-size:16px;color:#d9eafa;line-height:1.75;max-width:770px}
#el-shopping-root .elsc-cta .elsc-button{white-space:nowrap}
#el-shopping-root .elsc-hero-visual img{object-fit:cover}
#el-shopping-root .elsc-model-figure img{max-height:650px;object-fit:contain}
#el-shopping-root :is(#elsc-benefits,#elsc-how,#elsc-control,#elsc-models,#elsc-payment,#elsc-enquire){scroll-margin-top:105px}
@media(max-width:740px){
#el-shopping-root .elsc-cta-grid{grid-template-columns:1fr;gap:20px}
#el-shopping-root .elsc-cta-grid>a{justify-self:start}
}
