/* Product overview: editorial catalogue in the Forest palette. */
.sg-products > .sg-intro.sg-catalogue-hero {
  display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:64px;
  min-height:650px; padding-top:166px; padding-bottom:64px;
  background:var(--sky-hero-background); color:var(--sky-hero-ink);
}
body.sky-north #wrapwrap .sg-products .sg-catalogue-hero h1 { color:var(--sky-hero-ink); font-size:clamp(46px,4.7vw,68px); line-height:1.06; letter-spacing:-.035em; }
.sg-products .sg-catalogue-hero h1 em { color:var(--sky-hero-ink); }
.sg-products .sg-catalogue-hero .sg-eyebrow { color:var(--sky-hero-ink); }
.sg-products .sg-catalogue-hero .sg-eyebrow::before { background:var(--sky-hero-ink); }
.sg-products .sg-catalogue-hero .sg-intro-lead { color:var(--sky-hero-ink); font-size:17px; max-width:450px; margin-top:24px; }
.sg-catalogue-jump { margin-top:24px!important; }
.sg-catalogue-jump a { display:inline-flex; align-items:center; gap:28px; min-height:44px; font-weight:600; text-decoration:none; border-bottom:1px solid var(--sky-accent); }
.sg-catalogue-hero-art { display:grid; grid-template-columns:1.05fr 1fr; grid-template-rows:240px 160px; gap:16px; padding:0; transform:none; }
.sg-products .sg-catalogue-hero-art figure { margin:0; transform:none; }
.sg-products .sg-catalogue-art-grain { grid-row:1/3; overflow:hidden; border-radius:100px 100px 16px 16px; }
.sg-products .sg-catalogue-art-grain img { width:100%; height:100%; object-fit:cover; border-radius:0; }
.sg-catalogue-art-drinks { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px; border-radius:16px; background:#FAF9F6; }
.sg-products .sg-catalogue-art-drinks img { width:100%; height:164px; object-fit:contain; mix-blend-mode:multiply; border-radius:0; }
.sg-catalogue-art-drinks > p { font-size:11px; color:var(--sky-muted); text-align:center; }
.sg-catalogue-art-note { display:flex; flex-direction:column; justify-content:center; padding:22px; border-radius:16px; background:var(--sky-text); color:#FFFFFF; }
.sg-products .sg-catalogue-art-note .sg-eyebrow { font-size:10px; color:#DCE7DD; margin-bottom:16px!important; }
.sg-products .sg-catalogue-art-note .sg-eyebrow::before { display:none; }
.sg-catalogue-art-note > p:last-child { font-size:24px; font-weight:600; line-height:1.2; letter-spacing:-.02em; }
.sg-catalogue-art-note em { font-family:Georgia,serif; font-weight:400; }
.sg-catalogue-category-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding:36px 0; border-bottom:1px solid var(--sky-border); }
.sg-catalogue-category { position:relative; padding-right:24px; border-right:1px solid var(--sky-border); }
.sg-catalogue-category:last-child { border-right:0; padding-right:0; }
.sg-catalogue-category .sg-number { margin-bottom:12px!important; }
body.sky-north #wrapwrap .sg-catalogue-category h3 { font-size:22px; margin-bottom:8px; }
.sg-catalogue-category h3 a { display:flex; gap:16px; justify-content:space-between; text-decoration:none; }
.sg-catalogue-category a::after { content:''; position:absolute; inset:0; }
.sg-catalogue-category > p:last-child { color:var(--sky-muted); font-size:14px; }
.sg-products > .sg-catalogue { padding-top:64px; margin-top:0; border:0; scroll-margin-top:140px; }
.sg-catalogue-heading { display:flex; justify-content:space-between; align-items:end; gap:48px; margin-bottom:32px; }
.sg-catalogue-heading .sg-section-heading { margin:0; }
body.sky-north #wrapwrap .sg-catalogue-heading h2 { font-size:clamp(34px,3.5vw,46px); line-height:1.12; margin:0; }
.sg-catalogue-description { max-width:290px; color:var(--sky-muted); font-size:15px; line-height:1.7; }
.sg-catalogue-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; padding-block:18px; border-block:1px solid var(--sky-border); }
.sg-catalogue-toolbar[hidden] { display:none; }
.sg-catalogue-filters { display:flex; flex-wrap:wrap; gap:8px; }
.sg-catalogue-filters button { display:flex; align-items:center; gap:12px; min-height:44px; padding:10px 16px; border:1px solid transparent; border-radius:999px; background:transparent; color:var(--sky-text); font:inherit; font-size:14px; cursor:pointer; }
.sg-catalogue-filters button > span { font-size:11px; opacity:.7; font-variant-numeric:tabular-nums; }
.sg-catalogue-filters button[aria-pressed="true"] { color:#FFFFFF; background:var(--sky-accent); }
.sg-catalogue-count { color:var(--sky-muted); font-size:13px; white-space:nowrap; }
.sg-products .sg-catalogue .sg-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.sg-products .sg-catalogue-product { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:24px; align-items:center; padding:26px; background:#FFFFFF; border-radius:18px; }
.sg-products .sg-catalogue-product[hidden] { display:none; }
.sg-products .sg-catalogue-product .sg-product-image { border:0; border-radius:0; background:transparent; padding:0; margin:0; }
.sg-products .sg-catalogue-product .sg-product-image img { width:100%; height:240px; max-height:none; object-fit:contain; }
.sg-products .sg-catalogue-product .sg-product-copy { padding:0; }
.sg-products .sg-catalogue-product .sg-product-kind { color:var(--sky-accent); font-size:11px; line-height:1.5; }
body.sky-north #wrapwrap .sg-catalogue-product h3 { font-size:25px; line-height:1.1; margin-bottom:14px; }
.sg-products .sg-catalogue-product .sg-product-copy > p:not(.sg-product-kind):not(.sg-text-link) { font-size:14px; line-height:1.7; }
.sg-products .sg-catalogue-product .sg-text-link { margin-top:18px; }
.sg-catalogue-product .sg-text-link a { display:inline-flex; gap:12px; align-items:center; min-height:44px; font-size:13px; }
.sg-products .sg-catalogue-beverages { grid-column:1/-1; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); padding:36px 10%; background:#EDF2EC; }
.sg-products .sg-catalogue-beverages .sg-product-image { mix-blend-mode:multiply; }
.sg-products > .sg-catalogue-note { display:grid; grid-template-columns:1fr 1.2fr auto; gap:32px; align-items:center; padding:32px 0; margin-top:32px; border-block:1px solid var(--sky-border); }
body.sky-north #wrapwrap .sg-catalogue-note h3 { font-size:23px; margin:0; line-height:1.2; }
.sg-catalogue-note p { font-size:14px; line-height:1.7; }
.sg-catalogue-note a { display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; }
.sg-products :is(.sg-catalogue-filters button,.sg-catalogue-category a,.sg-catalogue-jump a):focus-visible { outline:3px solid var(--sky-accent); outline-offset:4px; }
@media (hover:hover) and (pointer:fine) {
  .sg-catalogue-filters button:not([aria-pressed="true"]):hover { background:var(--sky-tint); border-color:var(--sky-border); }
  .sg-catalogue-category a:hover { color:var(--sky-accent); text-decoration:underline; text-underline-offset:5px; }
}
@media (max-width:1099px) {
  .sg-products .sg-catalogue-product { padding:22px; gap:18px; grid-template-columns:1fr; align-items:start; }
  .sg-products .sg-catalogue-product .sg-product-image img { height:250px; }
  .sg-products .sg-catalogue-beverages { grid-template-columns:.8fr 1fr; align-items:center; padding:30px; }
  .sg-products .sg-catalogue-hero-art { padding-inline:0; gap:12px; grid-template-rows:210px 160px; }
  .sg-catalogue-art-note { padding:18px; }
  .sg-catalogue-art-note > p:last-child { font-size:22px; }
}
@media (max-width:767px) {
  .sg-products > .sg-intro.sg-catalogue-hero { grid-template-columns:1fr; gap:36px; padding:136px 24px 40px; min-height:0; background:var(--sky-hero-background); }
  body.sky-north #wrapwrap .sg-products .sg-catalogue-hero h1 { font-size:clamp(40px,9vw,58px); }
  .sg-products .sg-catalogue-hero .sg-intro-lead { font-size:16px; }
  .sg-products .sg-catalogue-hero-art {
    max-width:480px; width:100%; box-sizing:border-box;
    justify-self:center; padding:0; gap:12px; grid-template-rows:200px 150px;
  }
  .sg-products .sg-catalogue-art-drinks { padding:16px 12px; }
  .sg-products .sg-catalogue-art-drinks img { height:140px; }
  .sg-catalogue-art-note { padding:16px; }
  .sg-catalogue-art-note > p:last-child { font-size:23px; }
  .sg-catalogue-category-links { grid-template-columns:1fr; gap:0; padding:16px 0; }
  .sg-catalogue-category { padding:20px 0 20px 36px; border-right:0; border-bottom:1px solid var(--sky-border); }
  .sg-catalogue-category:last-child { padding-right:0; border-bottom:0; }
  .sg-catalogue-category .sg-number { position:absolute; left:0; top:24px; }
  body.sky-north #wrapwrap .sg-catalogue-category h3 { font-size:21px; }
  .sg-products > .sg-catalogue { padding-top:40px; }
  .sg-catalogue-heading { display:block; margin-bottom:24px; }
  .sg-catalogue-description { margin-top:20px!important; max-width:380px; }
  .sg-catalogue-toolbar { align-items:flex-start; flex-direction:column; gap:12px; }
  .sg-catalogue-filters { gap:6px; }
  .sg-catalogue-filters button { padding:10px 12px; font-size:13px; gap:8px; }
  .sg-products .sg-catalogue .sg-product-grid { grid-template-columns:1fr; gap:18px; }
  .sg-products .sg-catalogue-product,.sg-products .sg-catalogue-beverages { grid-template-columns:1fr; padding:24px; gap:20px; }
  .sg-products .sg-catalogue-product .sg-product-image img { height:260px; }
  .sg-products .sg-catalogue-product .sg-product-copy > p:not(.sg-product-kind):not(.sg-text-link) { font-size:15px; }
  .sg-products > .sg-catalogue-note { grid-template-columns:1fr; gap:16px; padding-block:26px; }
}
@media (max-width:359px) {
  .sg-products > .sg-intro.sg-catalogue-hero { padding-inline:16px; }
  .sg-products .sg-catalogue-hero-art { padding:0; grid-template-rows:190px 150px; }
  .sg-catalogue-art-note > p:last-child { font-size:21px; }
}

/* Match the shared page hero height while preserving all content. */
@media(min-width:1024px) {
 .sg-products > .sg-intro.sg-catalogue-hero { min-height:490px; padding-top:148px; padding-bottom:48px; }
 body.sky-north #wrapwrap .sg-products .sg-catalogue-hero h1 { font-size:56px; }
 .sg-products .sg-catalogue-hero .sg-eyebrow { margin-bottom:16px!important; }
 .sg-products .sg-catalogue-hero .sg-intro-lead { font-size:16px; line-height:1.6; margin-top:16px; }
 .sg-products .sg-catalogue-jump { margin-top:16px!important; }
 .sg-products .sg-catalogue-hero-art { grid-template-rows:160px 100px; gap:12px; }
 .sg-products .sg-catalogue-art-drinks { padding:12px; gap:6px; }
 .sg-products .sg-catalogue-art-drinks img { height:105px; }
 .sg-products .sg-catalogue-art-note { padding:16px; }
 .sg-products .sg-catalogue-art-note .sg-eyebrow { margin-bottom:8px!important; }
 .sg-products .sg-catalogue-art-note > p:last-child { font-size:21px; }
}
@media(min-width:768px) and (max-width:1023px) {
 .sg-products > .sg-intro.sg-catalogue-hero { min-height:440px; padding-top:128px; padding-bottom:32px; grid-template-columns:1.6fr 1fr; gap:24px; }
 body.sky-north #wrapwrap .sg-products .sg-catalogue-hero h1 { font-size:40px; }
 .sg-products .sg-catalogue-hero .sg-eyebrow { margin-bottom:14px!important; }
 .sg-products .sg-catalogue-hero .sg-intro-lead { font-size:15px; line-height:1.6; margin-top:14px; }
 .sg-products .sg-catalogue-jump { margin-top:12px!important; }
 .sg-products .sg-catalogue-hero-art { grid-template-columns:1fr 1fr; grid-template-rows:150px 92px; gap:10px; }
 .sg-products .sg-catalogue-art-drinks { padding:10px; gap:6px; }
 .sg-products .sg-catalogue-art-drinks img { height:90px; }
 .sg-products .sg-catalogue-art-drinks > p { font-size:10px; }
 .sg-products .sg-catalogue-art-note { padding:12px; }
 .sg-products .sg-catalogue-art-note .sg-eyebrow { font-size:9px; margin-bottom:6px!important; }
 .sg-products .sg-catalogue-art-note > p:last-child { font-size:18px; }
}

/* Maintain readable catalogue navigation on the shared green header. */
.sg-products .sg-catalogue-jump a { color:var(--sky-hero-ink); border-color:var(--sky-hero-ink); }
.sg-products .sg-catalogue-jump a:focus-visible { outline-color:var(--sky-hero-ink); }
