/* =========================================================
   SERVICES — Premium Canvas Page (aligned with Blog/About/Contact)
   File: assets/css/pages/services.css
   ========================================================= */

@import "../sections/services/shared.css";
@import "../sections/services/hero.css";
@import "../sections/services/offerings.css";
@import "../sections/services/packages.css";
@import "../sections/services/included.css";
@import "../sections/services/addons.css";
@import "../sections/services/maintenance.css";
@import "../sections/services/cta.css";

:root{
  --product-header-light: #e6e6e8;
  --product-canvas: radial-gradient(
    circle at top,
    #0f1115 0%,
    #0b0f1a 55%,
    #07080c 100%
  );
  --product-notch: polygon(
    0% 0%,
    100% 0%,
    100% 62%,
    58% 62%,
    44% 100%,
    0% 100%
  );
}

/* Page background */
.page-product.page-services{
  background: var(--product-canvas);
  min-height: 100vh;
}

/* Stage */
.page-product.page-services .product-stage{
  position: relative;
  background: none;        /* removes unwanted blue glow effect */
  padding: 10px 0 90px;
  overflow: visible;       /* ensures buttons/content are not clipped */
}

/* Ensure pseudo-element is fully disabled */
.page-product.page-services .product-stage::before{
  content: none;
  background: none;
  opacity: 0;
  height: 0;
  inset: unset;
  pointer-events: none;
}

/* Container layer must stay above background */
.page-product.page-services .product-stage > .container{
  position: relative;
  z-index: 1;
}