/* Flavour-led Maaza collections, within the Sky Group identity. */
body.sky-north:has(.sg-maaza) #main-content { padding-top:0; }
.sg-page.sg-maaza { width:100%; max-width:none; margin:0; padding:0 0 80px; }
.sg-maaza-container { width:calc(100% - 64px); max-width:1120px; margin-inline:auto; }
.sg-maaza-hero { --sky-link:var(--sky-hero-ink); --sky-link-hover:var(--sky-hero-ink); background:var(--sky-hero-background); color:var(--sky-hero-ink); overflow:hidden; position:relative; isolation:isolate; }
.sg-maaza-hero::after { content:''; position:absolute; bottom:-85px; left:-5%; width:110%; height:130px; background:var(--sky-accent-hover); transform:rotate(-3deg); z-index:-1; }
.sg-maaza-hero-inner { width:calc(100% - 64px); max-width:1120px; min-height:490px; margin:auto; padding:158px 0 46px; display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:center; position:relative; z-index:1; }
body.sky-north #wrapwrap .sg-maaza h1 { color:var(--sky-hero-ink); font-size:clamp(46px,4.7vw,68px); line-height:1.04; margin:0 0 20px; letter-spacing:-.04em; }
body.sky-north #wrapwrap .sg-maaza h1 em { color:var(--sky-hero-ink); }
.sg-maaza h1 em,.sg-maaza-intro-heading h2 em,.sg-maaza-contact h2 em { font-family:Georgia,serif; font-weight:400; }
.sg-maaza-hero-copy > p { max-width:410px; font-size:17px; line-height:1.7; margin:0 0 16px; }
body.sky-north #wrapwrap .sg-maaza-hero-link { display:inline-flex; align-items:center; min-height:44px; gap:28px; color:var(--sky-hero-ink); font-size:15px; font-weight:600; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.5); }
.sg-maaza-hero-art { height:280px; position:relative; isolation:isolate; }
.sg-maaza .sg-maaza-hero-leaf { position:absolute; width:220px; height:390px; object-fit:contain; border-radius:0; opacity:.45; pointer-events:none; z-index:0; }
.sg-maaza .sg-maaza-hero-leaf-left { left:-130px; bottom:-175px; transform:rotate(-40deg); }
.sg-maaza .sg-maaza-hero-leaf-right { right:-95px; bottom:-150px; transform:rotate(35deg) scaleX(-1); }
.sg-maaza-hero-bottles { display:flex; position:relative; width:100%; height:100%; z-index:1; }
.sg-maaza-hero-bottle { flex:1; min-width:0; position:relative; }
.sg-maaza .sg-maaza-hero-bottle img { position:absolute; width:315px; max-width:none; height:315px; object-fit:contain; bottom:-12px; left:50%; transform:translateX(-50%); border-radius:0; filter:drop-shadow(0 12px 9px rgba(0,0,0,.18)); }
.sg-maaza .sg-maaza-hero-bottle-0 img { height:290px; width:290px; transform:translateX(-50%) rotate(-7deg); }
.sg-maaza .sg-maaza-hero-bottle-1 img { transform:translateX(-50%) rotate(-2deg); bottom:-4px; }
.sg-maaza .sg-maaza-hero-bottle-2 img { width:325px; height:325px; transform:translateX(-50%) rotate(3deg); bottom:-8px; }
.sg-maaza .sg-maaza-hero-bottle-3 img { width:280px; height:280px; transform:translateX(-50%) rotate(8deg); bottom:-14px; }
.sg-maaza .sg-maaza-hero-fruit { position:absolute; width:220px; height:220px; object-fit:contain; border-radius:0; pointer-events:none; z-index:2; filter:drop-shadow(0 8px 9px rgba(0,0,0,.1)); }
.sg-maaza .sg-maaza-hero-fruit-left { left:-70px; bottom:-75px; transform:rotate(-12deg); }
.sg-maaza .sg-maaza-hero-fruit-right { right:-65px; top:-75px; width:195px; height:195px; transform:rotate(15deg); z-index:0; }
.sg-maaza-breadcrumb { display:flex; gap:12px; align-items:center; padding:22px 0; font-size:14px; color:var(--sky-muted); }
.sg-maaza-breadcrumb a { min-height:44px; display:inline-flex; align-items:center; }
.sg-maaza-introduction { scroll-margin-top:16px; }
.sg-maaza-intro-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:48px; padding:24px 0 34px; }
body.sky-north #wrapwrap .sg-maaza-intro-heading h2 { font-size:clamp(34px,3.4vw,48px); line-height:1.12; margin:0; }
.sg-maaza-intro-heading > p { max-width:410px; justify-self:end; margin:0; font-size:16px; color:var(--sky-muted); line-height:1.8; }
.sg-maaza-flavour-nav { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 36px; }
body.sky-north #wrapwrap .sg-maaza-flavour-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:10px 15px; border:1px solid var(--sky-border); border-radius:30px; font-size:14px; font-weight:500; text-decoration:none; background:var(--sky-background); }
.sg-maaza-flavour-dot { width:8px; height:8px; border-radius:50%; background:var(--fruit-accent); }
.sg-maaza-flavour-link[data-family=mango],.sg-maaza-family-mango { --fruit-accent:#B76B08; --fruit-tint:#FBF0D5; }
.sg-maaza-flavour-link[data-family=guava],.sg-maaza-family-guava { --fruit-accent:#B7566F; --fruit-tint:#F8E8E9; }
.sg-maaza-flavour-link[data-family=tropical],.sg-maaza-family-tropical { --fruit-accent:#668440; --fruit-tint:#EAF0D8; }
.sg-maaza-flavour-link[data-family=sparkling],.sg-maaza-family-sparkling { --fruit-accent:#497B8A; --fruit-tint:#E4EFF2; }
.sg-maaza-flavour-link[data-family=no-sugar-added],.sg-maaza-family-no-sugar-added { --fruit-accent:#618354; --fruit-tint:#E8F0E4; }
.sg-maaza-flavour-link[data-family=lychee],.sg-maaza-family-lychee { --fruit-accent:#A2606B; --fruit-tint:#F3EAE5; }
.sg-maaza-flavour-link[data-family=passion-fruit],.sg-maaza-family-passion-fruit { --fruit-accent:#86628D; --fruit-tint:#EEE8F1; }
.sg-maaza-flavour-link[data-family=pineapple],.sg-maaza-family-pineapple { --fruit-accent:#8F801F; --fruit-tint:#F5F0D7; }
.sg-maaza-flavour-link[data-family=coconut-water],.sg-maaza-family-coconut-water { --fruit-accent:#597E64; --fruit-tint:#E7EFE8; }
.sg-maaza-flavour-link[data-family=banana],.sg-maaza-family-banana { --fruit-accent:#A48A27; --fruit-tint:#F6F0D4; }
.sg-maaza-flavour-link[data-family=pomegranate],.sg-maaza-family-pomegranate { --fruit-accent:#A34C59; --fruit-tint:#F2E5E7; }
.sg-maaza-flavour-link[data-family=aloe-vera],.sg-maaza-family-aloe-vera { --fruit-accent:#65833D; --fruit-tint:#ECF0E0; }
.sg-maaza-flavour-link[data-family=papaya],.sg-maaza-family-papaya { --fruit-accent:#B36A43; --fruit-tint:#F8EBDD; }
.sg-maaza-flavour-link[data-family=soursop],.sg-maaza-family-soursop { --fruit-accent:#617F52; --fruit-tint:#E9EEDF; }
.sg-maaza-flavour-link[data-family=fruit-punch],.sg-maaza-family-fruit-punch { --fruit-accent:#AA5A49; --fruit-tint:#F6E7DD; }
.sg-maaza-collections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sg-maaza-collection { padding:32px; background:var(--fruit-tint); border-radius:20px; min-width:0; scroll-margin-top:16px; }
.sg-maaza-collection-wide { grid-column:1/-1; }
.sg-maaza-collection-heading { display:flex; justify-content:space-between; gap:32px; align-items:center; padding-bottom:22px; }
.sg-maaza-collection-title { display:flex; align-items:baseline; gap:16px; }
.sg-maaza-collection-number { font-size:12px; color:var(--sky-muted); font-variant-numeric:tabular-nums; }
body.sky-north #wrapwrap .sg-maaza-collection h2 { font-family:Georgia,serif; font-size:clamp(40px,4.8vw,68px); font-weight:400; letter-spacing:-.045em; line-height:1.05; margin:0; }
.sg-maaza-collection-intro { max-width:270px; font-size:14px; color:var(--sky-muted); line-height:1.7; }
.sg-maaza-collection-intro span { display:block; font-size:12px; margin-top:8px; }
.sg-maaza-lineup { display:grid; grid-template-columns:repeat(var(--pack-count),minmax(0,1fr)); gap:16px; }
.sg-maaza-collection-wide.sg-maaza-family-sparkling .sg-maaza-lineup { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:640px; margin-inline:auto; gap:32px; }
.sg-maaza-product { min-width:0; display:flex; flex-direction:column; }
.sg-maaza-product-image { height:330px; display:flex; justify-content:center; align-items:center; padding:20px 0; position:relative; border-bottom:1px solid rgba(24,61,50,.18); }
.sg-maaza-product-image img { display:block; flex:none; width:290px; max-width:none; height:290px; object-fit:contain; border-radius:0; mix-blend-mode:multiply; transform-origin:center; transition:transform .28s cubic-bezier(.2,.65,.3,1); }
.sg-maaza-product-image > a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
body.sky-north #wrapwrap .sg-maaza-product-copy a { color:inherit; text-decoration:none; }
.sg-maaza-product-copy a:hover { text-decoration:underline!important; }
.sg-maaza-product-copy { display:flex; flex-direction:column; flex:1; padding-top:18px; }
body.sky-north #wrapwrap .sg-maaza-product h3 { font-size:16px; font-weight:600; line-height:1.4; margin:0 0 6px; text-align:center; }
.sg-maaza .sg-maaza-product-meta { color:var(--sky-text); font-size:17px; font-weight:600; line-height:1.5; margin:0; text-align:center; }
.sg-maaza-collection-small .sg-maaza-collection-heading { display:block; min-height:180px; }
body.sky-north #wrapwrap .sg-maaza-collection-small h2 { font-size:clamp(36px,3.5vw,48px); }
.sg-maaza-collection-small .sg-maaza-collection-intro { margin:16px 0 0 30px; max-width:330px; }
.sg-maaza-collection-small .sg-maaza-lineup { max-width:380px; margin-inline:auto; }
.sg-maaza-collection-small .sg-maaza-product-copy { max-width:240px; width:100%; align-self:center; }
.sg-maaza-availability { padding-top:28px; color:var(--sky-muted); font-size:14px; line-height:1.7; }
.sg-maaza-contact { margin-top:64px; padding:48px; border-block:1px solid var(--sky-border); display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; }
.sg-maaza .sg-maaza-kicker { color:var(--sky-muted); font-size:13px; margin:0 0 16px; }
body.sky-north #wrapwrap .sg-maaza-contact h2 { font-size:clamp(36px,4vw,52px); line-height:1.08; margin:0 0 20px; }
.sg-maaza-contact p:last-child { max-width:490px; color:var(--sky-muted); font-size:16px; line-height:1.8; margin:0; }
.sg-maaza-contact > a { display:inline-flex; align-items:center; gap:24px; min-height:48px; white-space:nowrap; }
.sg-maaza :is(a,button):focus-visible { outline:3px solid var(--sky-accent); outline-offset:4px; }
.sg-maaza-hero a:focus-visible { outline-color:var(--sky-hero-ink); }
body.sky-north #wrapwrap .sg-maaza-flavour-link[aria-current=location] { border-color:var(--sky-accent); background:var(--sky-tint); }
@media (hover:hover) and (pointer:fine) {
  .sg-maaza-product-image:hover { z-index:2; }
  .sg-maaza-product-image:hover img { transform:scale(1.18); }
  body.sky-north #wrapwrap .sg-maaza-flavour-link:hover { background:var(--sky-tint); border-color:var(--sky-accent); }
}
@media (min-width:768px) and (max-width:1100px) {
  .sg-maaza-collection-wide .sg-maaza-lineup { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 20px; }
  .sg-maaza-collection-heading { align-items:start; }
  .sg-maaza-hero-inner { gap:24px; }
  .sg-maaza-hero-art { transform:scale(.88); transform-origin:center right; }
}
@media (min-width:768px) and (max-width:1023px) {
  .sg-maaza-hero-inner { min-height:440px; padding-top:142px; padding-bottom:40px; }
  .sg-maaza-hero-art { height:240px; }
  .sg-maaza .sg-maaza-hero-bottle img { width:290px; height:290px; }
}
@media (max-width:767px) {
  .sg-page.sg-maaza { padding-bottom:48px; }
  .sg-maaza-container { width:calc(100% - 40px); }
  .sg-maaza-hero-inner { width:auto; padding:136px 24px 48px; grid-template-columns:1fr; gap:44px; min-height:0; }
  body.sky-north #wrapwrap .sg-maaza h1 { font-size:clamp(44px,10vw,58px); }
  .sg-maaza-hero-copy > p { font-size:16px; }
  .sg-maaza-hero-art { width:100%; max-width:440px; height:235px; justify-self:center; }
  .sg-maaza .sg-maaza-hero-bottle img { width:250px; height:250px; }
  .sg-maaza .sg-maaza-hero-bottle-0 img { width:225px; height:225px; }
  .sg-maaza .sg-maaza-hero-bottle-2 img { width:260px; height:260px; }
  .sg-maaza .sg-maaza-hero-bottle-3 img { width:220px; height:220px; }
  .sg-maaza .sg-maaza-hero-fruit-left { width:150px; height:150px; left:-37px; bottom:-52px; }
  .sg-maaza .sg-maaza-hero-fruit-right { width:120px; height:120px; right:-30px; top:-65px; }
  .sg-maaza .sg-maaza-hero-leaf-left { width:150px; height:265px; left:-100px; bottom:-130px; }
  .sg-maaza .sg-maaza-hero-leaf-right { width:170px; height:300px; right:-100px; bottom:-115px; }
  .sg-maaza-breadcrumb { padding:14px 0; }
  .sg-maaza-intro-heading { grid-template-columns:1fr; gap:20px; padding:20px 0 28px; }
  .sg-maaza-intro-heading > p { justify-self:start; }
  .sg-maaza-flavour-nav { gap:7px; padding-bottom:28px; }
  body.sky-north #wrapwrap .sg-maaza-flavour-link { font-size:13px; padding:9px 12px; gap:7px; }
  .sg-maaza-collections { grid-template-columns:1fr; gap:20px; }
  .sg-maaza-collection { padding:26px 20px; border-radius:16px; }
  .sg-maaza-collection-heading { display:block; padding-bottom:18px; }
  .sg-maaza-collection-title { gap:12px; }
  body.sky-north #wrapwrap .sg-maaza-collection h2 { font-size:46px; }
  .sg-maaza-collection-intro { margin:14px 0 0 26px; max-width:280px; }
  .sg-maaza-collection-intro span { margin-top:4px; }
  .sg-maaza-lineup { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 16px; }
  .sg-maaza-product-image { height:250px; }
  .sg-maaza-product-image img { width:220px; height:220px; }
  .sg-maaza-product-copy { padding-top:14px; }
  body.sky-north #wrapwrap .sg-maaza-product h3 { font-size:15px; }
  .sg-maaza .sg-maaza-product-meta { font-size:16px; }
  .sg-maaza-collection-small .sg-maaza-collection-heading { min-height:0; }
  body.sky-north #wrapwrap .sg-maaza-collection-small h2 { font-size:40px; }
  .sg-maaza-collection-small .sg-maaza-collection-intro { margin-left:26px; }
  .sg-maaza-collection-small .sg-maaza-lineup { grid-template-columns:repeat(var(--pack-count),minmax(0,1fr)); }
  .sg-maaza-contact { margin-top:40px; padding:32px 0; grid-template-columns:1fr; gap:24px; }
  .sg-maaza-contact > a { justify-self:start; }
}
@media (max-width:359px) {
  .sg-maaza-container { width:calc(100% - 32px); }
  .sg-maaza-collection { padding-inline:16px; }
  body.sky-north #wrapwrap .sg-maaza-collection h2 { font-size:40px; }
  .sg-maaza-product-image { height:220px; }
  .sg-maaza-product-image img { width:190px; height:190px; }
}
@media (prefers-reduced-motion:reduce) {
  .sg-maaza-product-image img { transition:none; }
  .sg-maaza-product-image:hover img { transform:none; }
  html:has(.sg-maaza) { scroll-behavior:auto; }
}