
/* Only the approved noon offer section: locked ESP header, skyline and footer are untouched. */
.noon-feature.noon-premium{grid-template-columns:52.5% 47.5%;background:#ffe600;border-radius:14px;min-height:336px;isolation:isolate;box-shadow:0 7px 19px #022e6f3d}
.noon-premium .noon-main{min-height:282px;background:linear-gradient(120deg,#ffe600,#ffed00 63%,#ffe600)}
.noon-premium .noon-copy{padding:10px 0 12px 28px;min-height:278px;width:54%;z-index:2}
.noon-premium .noon-logo{width:265px;height:78px;max-width:97%;mix-blend-mode:multiply;object-fit:contain;object-position:left top}
.noon-premium .noon-copy h2{font-size:clamp(27px,2.55vw,39px);letter-spacing:-1.3px;line-height:.96;margin:8px 0 8px;font-weight:900}
.noon-premium .noon-premium-tagline{font-size:clamp(12px,1.13vw,16px);font-weight:550;line-height:1.22;margin:6px 0 12px;max-width:305px}
.noon-premium .noon-kinds{display:none}
.noon-premium .noon-primary{font-size:14px;min-width:0;width:max-content;padding:11px 22px;background:#111;color:white;border-radius:40px;box-shadow:0 6px 12px #0002;transition:transform .2s ease,box-shadow .2s ease}
.noon-premium .noon-primary:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0003}
.noon-premium .noon-products{position:absolute;right:0;top:0;bottom:auto;width:56%;height:280px;max-width:none;object-fit:contain;object-position:center center;filter:drop-shadow(0 5px 5px #8d600019);animation:noonProductFloat 5s ease-in-out infinite}
.noon-premium .noon-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;padding:20px 14px 4px 0;min-height:280px}
.noon-premium .noon-service{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:258px;overflow:hidden;border-radius:13px;background:linear-gradient(180deg,#fffcef,#fff9dc 56%,#ffe78c);border:1px solid #fff7b0;padding:10px 9px 10px;text-decoration:none;color:#0d0d0d;box-shadow:0 2px 5px #985f0014;transition:transform .23s ease,box-shadow .23s ease}
.noon-premium .noon-service:hover{transform:translateY(-5px);box-shadow:0 11px 21px #6139002c}
.noon-premium .service-heading{margin:0 0 2px;display:flex;align-items:center;gap:5px}
.noon-premium .service-heading h3{font-size:clamp(13px,1.32vw,19px);font-weight:900;letter-spacing:-.35px;margin:0}
.noon-premium .service-heading .icon{width:23px;height:23px}
.noon-premium .noon-service p{font-size:clamp(9px,.85vw,12px);line-height:1.25;margin:3px 0 0;min-height:32px;max-height:46px}
.noon-premium .noon-service>img{width:100%;max-width:220px;height:142px;min-height:0;object-fit:contain;object-position:center center;margin:auto auto 0;filter:drop-shadow(0 5px 6px #805c0033)}
.noon-premium .service-cta{display:flex;align-items:center;justify-content:center;max-width:none;min-height:31px;padding:5px 9px;margin-top:0;background:#fff;border-radius:20px;color:#0a0a0a;font-size:clamp(10px,.84vw,13px);font-weight:750;white-space:nowrap}
.noon-premium .noon-bottom{grid-column:1/-1;min-height:54px;padding:3px 15px 9px 27px}
.noon-premium .benefits>span{font-size:10px}
.noon-premium .benefits .icon{width:25px;height:25px}
.noon-premium .slide-controls button:hover{transform:scale(1.08)}
@keyframes noonProductFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1240px){.noon-premium .noon-copy{padding-left:20px}.noon-premium .noon-logo{width:230px;height:72px}.noon-premium .noon-copy h2{font-size:clamp(26px,2.8vw,35px)}.noon-premium .noon-services{gap:5px;padding-right:7px}.noon-premium .noon-service{padding:8px 6px}.noon-premium .noon-service>img{height:125px}}
@media(max-width:990px){.noon-feature.noon-premium{grid-template-columns:1fr}.noon-premium .noon-main{min-height:290px}.noon-premium .noon-products{width:52%;height:285px}.noon-premium .noon-copy{width:52%;padding:13px 0 13px 24px}.noon-premium .noon-services{grid-template-columns:repeat(3,minmax(0,1fr));padding:2px 13px 7px;min-height:245px}.noon-premium .noon-service{min-height:238px}.noon-premium .noon-service>img{height:129px}.noon-premium .noon-bottom{padding-left:18px}}
@media(max-width:720px){.noon-feature.noon-premium{border-radius:12px;min-height:0}.noon-premium .noon-main{min-height:285px}.noon-premium .noon-copy{padding:13px 0 8px 17px;width:58%;min-height:270px}.noon-premium .noon-logo{width:190px;height:53px}.noon-premium .noon-copy h2{font-size:clamp(25px,6vw,34px);line-height:1;letter-spacing:-.6px;margin-top:8px}.noon-premium .noon-premium-tagline{font-size:12px;max-width:190px}.noon-premium .noon-products{width:52%;height:235px;top:33px;right:-4px}.noon-premium .noon-primary{font-size:12px;padding:9px 13px}.noon-premium .noon-services{display:grid;grid-auto-columns:minmax(218px,75vw);grid-auto-flow:column;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:6px 12px 10px}.noon-premium .noon-service{scroll-snap-align:start;min-height:284px;padding:14px 15px 11px}.noon-premium .service-heading h3{font-size:19px}.noon-premium .noon-service p{font-size:12px}.noon-premium .noon-service>img{height:175px;width:100%;max-width:none}.noon-premium .service-cta{font-size:13px}.noon-premium .noon-bottom{padding:7px 12px 10px}.noon-premium .benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.noon-premium .benefits>span{font-size:9px}.noon-premium .slide-controls{margin:0 auto}}
@media(max-width:375px){.noon-premium .noon-copy{width:61%;padding-left:12px}.noon-premium .noon-logo{width:177px;height:53px}.noon-premium .noon-copy h2{font-size:25px}.noon-premium .noon-products{right:-5px;width:50%}}
@media(prefers-reduced-motion:reduce){.noon-premium .noon-products{animation:none}.noon-premium .noon-service,.noon-premium .noon-primary{transition:none}}
