/* Brand-correct, high contrast noon-only artwork.
   Do not modify the locked ESP header / Dubai hero / category search / other partners / footer. */
.noon-feature.noon-premium {
 background:#ffdf00!important;
 grid-template-columns:46% 54%;
 min-height:412px;
 border:1px solid #e0c000;
 border-radius:16px;
 box-shadow:0 8px 24px #0e29512f;
 color:#080808;
}
.noon-premium .noon-main {
 position:relative;
 min-height:352px;
 background:#ffdf00!important;
 overflow:hidden;
}
.noon-premium .noon-copy {
 position:relative;
 z-index:2;
 width:54%;
 min-height:352px;
 padding:24px 0 12px 22px;
}
.noon-premium .noon-logo {
 width:min(100%,250px);
 height:74px;
 object-fit:contain;
 object-position:left center;
 mix-blend-mode:multiply;
}
.noon-premium .noon-copy h2 {
 font-family:Arial,system-ui,sans-serif;
 font-size:clamp(29px,2.85vw,43px);
 font-weight:900;
 letter-spacing:-1.15px;
 line-height:.99;
 margin:14px 0 11px;
 color:#080808;
}
.noon-premium .noon-premium-tagline {
 font-family:Arial,system-ui,sans-serif;
 font-size:clamp(13px,1.21vw,17px);
 font-weight:600;
 line-height:1.26;
 margin:0 0 15px;
 max-width:260px;
 color:#121212;
}
.noon-premium .noon-primary {
 background:#080808!important;
 color:#fff!important;
 font-size:15px;
 font-weight:800;
 border-radius:22px;
 padding:12px 19px;
 box-shadow:0 5px 13px #6b4f003b;
}
.noon-premium .noon-products {
 position:absolute;
 right:-9px;
 top:6px;
 width:65%;
 height:350px;
 max-width:none;
 object-fit:contain;
 object-position:center center;
 filter:drop-shadow(0 8px 10px #7e4e0038);
}
.noon-premium .noon-services {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
 padding:17px 15px 10px 0;
 min-height:352px;
 align-items:stretch;
 overflow:visible;
}
.noon-premium .noon-service {
 min-width:0;
 min-height:325px;
 display:flex;
 flex-direction:column;
 align-items:stretch;
 padding:14px 10px 11px;
 background:#fff!important;
 border:1px solid #f2e1a7;
 border-radius:14px;
 color:#111!important;
 box-shadow:0 5px 15px #654b002a;
 overflow:hidden;
 transform:translateY(0);
 transition:transform .2s ease,box-shadow .2s ease;
}
.noon-premium .noon-service:hover,
.noon-premium .noon-service:focus-visible {
 transform:translateY(-5px);
 box-shadow:0 11px 25px #4f3c0045;
 outline-offset:3px;
}
.noon-premium .service-heading {
 display:flex;
 align-items:center;
 gap:6px;
 margin:0 0 7px;
}
.noon-premium .service-heading h3 {
 font-size:clamp(17px,1.42vw,22px);
 font-weight:900;
 letter-spacing:-.4px;
 color:#080808;
 margin:0;
}
.noon-premium .noon-service p {
 color:#242424;
 font-size:clamp(12px,1vw,14px);
 font-weight:560;
 line-height:1.32;
 min-height:48px;
 max-height:56px;
 margin:0;
}
.noon-premium .noon-service>img {
 display:block;
 align-self:center;
 flex:1 1 auto;
 width:100%;
 height:0;
 min-height:0;
 max-width:100%;
 object-fit:contain;
 object-position:center center;
 margin:5px 0 5px;
 filter:drop-shadow(0 4px 6px #674b001f);
}
.noon-premium .service-cta {
 flex:0 0 auto;
 width:100%;
 min-height:39px;
 display:flex;
 justify-content:center;
 align-items:center;
 padding:8px 3px;
 margin:0;
 background:#101010!important;
 color:#fff!important;
 border-radius:9px;
 font-size:clamp(11px,.96vw,13px);
 font-weight:800;
 text-align:center;
}
.noon-premium .noon-bottom {
 grid-column:1/-1;
 min-height:60px;
 padding:10px 17px 9px 21px;
 border-top:1px solid #e0b900;
 background:#ffdf00!important;
 color:#131313;
}
.noon-premium .benefits>span{font-size:11.5px;font-weight:650;line-height:1.22}
.noon-premium .benefits .icon{width:27px;height:27px}
.noon-premium .slide-controls button{background:#fff!important;color:#080808!important}
.noon-premium .noon-dots button{background:#b89400}
.noon-premium .noon-dots button.active{background:#111}
@media(min-width:721px) and (max-width:1090px){
 .noon-feature.noon-premium{grid-template-columns:1fr;min-height:0}
 .noon-premium .noon-main{min-height:342px}
 .noon-premium .noon-copy{width:50%;min-height:342px;padding:21px 0 12px 24px}
 .noon-premium .noon-products{width:53%;height:332px;right:2%}
 .noon-premium .noon-services{min-height:324px;padding:0 15px 14px;gap:12px}
 .noon-premium .noon-service{min-height:306px}
 .noon-premium .service-heading h3{font-size:22px}
 .noon-premium .noon-service p{font-size:14px}
}
@media(max-width:720px){
 .noon-feature.noon-premium{grid-template-columns:1fr;min-height:0;border-radius:13px}
 .noon-premium .noon-main{min-height:284px}
 .noon-premium .noon-copy{width:59%;min-height:274px;padding:14px 0 12px 15px}
 .noon-premium .noon-logo{width:190px;height:58px}
 .noon-premium .noon-copy h2{font-size:clamp(27px,6.8vw,36px);line-height:.99;letter-spacing:-.7px;margin:10px 0 8px}
 .noon-premium .noon-premium-tagline{font-size:12px;line-height:1.25;max-width:182px;margin-bottom:10px}
 .noon-premium .noon-primary{font-size:12px;padding:10px 13px;border-radius:20px}
 .noon-premium .noon-products{width:53%;height:260px;right:-1%;top:12px}
 .noon-premium .noon-services{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;gap:11px;padding:3px 12px 14px;overflow:visible;scroll-snap-type:none;min-height:0}
 .noon-premium .noon-service {
  display:grid;
  grid-template-columns:minmax(0,1fr) 43%;
  grid-template-rows:auto 1fr auto;
  min-height:163px;
  padding:13px 13px 11px;
  gap:4px 11px;
  background:#fff!important;
  border:1px solid #f1dc86;
  border-radius:12px;
 }
 .noon-premium .noon-service .service-heading{grid-column:1;grid-row:1;margin:0 0 3px;align-self:start}
 .noon-premium .service-heading h3{font-size:20px}
 .noon-premium .noon-service p{grid-column:1;grid-row:2;min-height:0;max-height:none;font-size:12.5px;line-height:1.23;margin:0}
 .noon-premium .noon-service>img{
  grid-column:2;
  grid-row:1/4;
  align-self:center;
  margin:0;
  width:100%;
  height:132px;
  max-width:100%;
  flex:none;
  object-fit:contain;
 }
 .noon-premium .noon-service .service-cta{grid-column:1;grid-row:3;min-height:38px;font-size:12.4px;white-space:normal}
 .noon-premium .noon-bottom{padding:12px 13px;min-height:80px}
 .noon-premium .benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}
 .noon-premium .benefits>span{font-size:11px}
 .noon-premium .benefits .icon{width:26px;height:26px}
}
@media(max-width:375px){
 .noon-premium .noon-copy{width:61%;padding-left:10px}
 .noon-premium .noon-logo{width:170px;height:54px}
 .noon-premium .noon-copy h2{font-size:26px}
 .noon-premium .noon-service{grid-template-columns:minmax(0,1fr) 38%;padding:11px;gap:4px 8px}
 .noon-premium .noon-service>img{height:120px}
 .noon-premium .noon-service p{font-size:11.8px}
}
@media(prefers-reduced-motion:reduce){
 .noon-premium .noon-products{animation:none}
 .noon-premium .noon-service{transition:none}
}


/* Final approved layout: protect the offer headline from photo overlap. */
@media(min-width:1091px){
 .noon-premium .noon-copy h2{
   font-size:clamp(31px,2.48vw,36px);
   letter-spacing:-.75px;
   white-space:nowrap;
 }
 .noon-premium .noon-main::after{
   content:"";
   display:block;
   position:absolute;
   inset:0;
   background:linear-gradient(90deg,#ffdf00 0%,#ffdf00 36%,rgba(255,223,0,.94) 46%,rgba(255,223,0,0) 62%);
   z-index:1;
   pointer-events:none;
 }
}