/* Homepage product panels: translucent Forest-green angled overlays. */
.sg-home .sg-section:has(> .sg-category-showcase) .sg-section-heading { text-align:center; margin-bottom:40px; }
.sg-home .sg-section:has(> .sg-category-showcase) .sg-eyebrow { justify-content:center; }
.sg-home .sg-category-showcase { display:flex; gap:16px; align-items:stretch; }
.sg-home .sg-category-showcase .sg-category {
  position:relative; isolation:isolate; flex:1 1 0; min-width:0;
  display:grid; grid-template-rows:1fr auto;
  --sg-panel:rgba(24,61,50,.80); --sg-panel-text:#FFFFFF;
  height:440px; overflow:hidden; border:0;
  border-radius:12px; background:#EEECE6;
}
.sg-home .sg-category-showcase .sg-category:nth-child(2) { --sg-panel:rgba(39,103,73,.86); background:#F0EDE7; }
.sg-home .sg-category-showcase .sg-category:nth-child(3) { --sg-panel:rgba(33,74,59,.82); background:#FFFFFF; }
.sg-home .sg-category-showcase .sg-category:nth-child(4) { --sg-panel:rgba(24,61,50,.80); }
.sg-home .sg-category-showcase .sg-category::after {
  content:''; position:absolute; z-index:1; inset:54% 0 0;
  background:var(--sg-panel); clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);
  pointer-events:none;
}
.sg-home .sg-category-showcase .sg-category-image {
  position:absolute; inset:0; height:100%; padding:20px 18px 54px;
  margin:0!important; border:0; border-radius:0; background:transparent;
}
.sg-home .sg-category-showcase .sg-category-image img {
  width:100%; height:100%; object-fit:contain; object-position:50% 20%;
  border-radius:0; transition:transform .3s ease-out;
}
.sg-home .sg-category-showcase .sg-card-caption {
  position:static; z-index:2; grid-row:2; align-self:end;
  margin:0 24px 26px; min-height:120px;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between;
  gap:16px; padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none;
}
body.sky-north #wrapwrap .sg-home .sg-category-showcase .sg-category h3 {
  margin:0; color:var(--sg-panel-text); font-size:26px; font-weight:600;
  line-height:1.15; letter-spacing:-.025em; overflow-wrap:normal;
}
.sg-home .sg-category-showcase .sg-category-description { display:none; }
.sg-home .sg-category-showcase .wp-block-buttons { width:100%; }
.sg-home .sg-category-showcase .sg-card-caption .wp-block-button { width:auto; }
body.sky-north #wrapwrap .sg-home .sg-category-showcase .sg-button a.wp-block-button__link:not(.btn):not(.sky-news-card) {
  display:inline-flex; justify-content:center; width:auto; min-height:44px;
  padding:10px 14px; border:1px solid rgba(255,255,255,.75); border-radius:999px;
  background:rgba(250,249,246,.94); color:var(--sky-text); font-size:13px; font-weight:500; white-space:nowrap;
}
body.sky-north #wrapwrap .sg-home .sg-category-showcase .sg-button a.wp-block-button__link:not(.btn):not(.sky-news-card):hover {
  background:#FFFFFF; color:var(--sky-text); border-color:#FFFFFF;
}
/* Stretch the existing native link over the card without adding another tab stop. */
.sg-home .sg-category-showcase .sg-button a::after { content:''; position:absolute; inset:0; z-index:3; cursor:pointer; }
.sg-home .sg-category-showcase .sg-button a:active { transform:none; }
.sg-home .sg-placeholder-label {
  position:absolute; z-index:2; top:14px; left:14px; padding:6px 10px;
  border:1px solid #DEDFD7; border-radius:999px; background:#FAF9F6;
  color:var(--sky-muted); font-size:11px; line-height:1.4;
}
.sg-home .sg-category-showcase a:focus-visible { outline-color:var(--sg-panel-text); outline-offset:4px; box-shadow:0 0 0 2px var(--sg-panel); }
@media (min-width:1024px) {
  /* The requested width redistribution is limited to these four panels. */
  .sg-home .sg-category-showcase .sg-category { transition:flex-grow .3s ease-out; }
  .sg-home .sg-category-showcase .sg-category:focus-within { flex-grow:2.6; }
}
@media (hover:hover) and (pointer:fine) and (min-width:1024px) {
  .sg-home .sg-category-showcase:not(:focus-within) .sg-category:hover { flex-grow:2.6; }
  .sg-home .sg-category-showcase .sg-category:is(:hover,:focus-within) .sg-category-image img { transform:scale(1.035); }
}
@media (min-width:1024px) and (max-width:1199px) {
  .sg-home .sg-category-showcase .sg-card-caption { margin-inline:18px; }
  body.sky-north #wrapwrap .sg-home .sg-category-showcase .sg-category h3 { font-size:22px; }
  body.sky-north #wrapwrap .sg-home .sg-category-showcase .sg-button a.wp-block-button__link:not(.btn):not(.sky-news-card) { font-size:12px; padding-inline:12px; }
}
@media (min-width:600px) and (max-width:1023px) {
  .sg-home .sg-category-showcase { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .sg-home .sg-category-showcase .sg-category { height:440px; }
}
@media (max-width:599px) {
  .sg-home .sg-category-showcase { flex-direction:column; gap:20px; }
  .sg-home .sg-category-showcase .sg-category { flex:none; width:100%; height:440px; }
  body.sky-north #wrapwrap .sg-home .sg-category-showcase .sg-category h3 { font-size:26px; }
}
@media (prefers-reduced-motion:reduce) {
  .sg-home .sg-category-showcase .sg-category,
  .sg-home .sg-category-showcase .sg-category-image img { transition:none; }
}