button,
input[type="submit"],
.abryx-button {
  background-color: #f06400;
  color: #fff;
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 12px;
  font-size: 1.1rem;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  max-width: 300px;
  width: auto;
  margin: 1rem auto;
}

button:hover,
input[type="submit"]:hover,
.abryx-button:hover {
  background-color: #ff7a1b;
  transform: scale(1.03);
}
/* Hide header/footer ONLY on page ID 3146 */
.page-id-3146 header.site-header,
.page-id-3146 footer.site-footer,
/* Block-theme selectors (Twenty Twenty-Four, etc.) */
.page-id-3146 .wp-site-blocks > header.wp-block-template-part,
.page-id-3146 .wp-site-blocks > footer.wp-block-template-part {
  display: none !important;
}

/* Remove any theme top spacing / container padding */
.page-id-3146 .wp-site-blocks {padding-top:0 !important;}
.page-id-3146 .site, 
.page-id-3146 .entry-content {margin-top:0 !important;}
/* 1) Remove theme header/footer if desired (optional) */
.page-id-3146 header.site-header,
.page-id-3146 footer.site-footer,
.page-id-3146 .wp-site-blocks > header.wp-block-template-part,
.page-id-3146 .wp-site-blocks > footer.wp-block-template-part { display:none !important; }

/* 2) Neutralize WP “constrained” wrappers + root paddings on this page */
.page-id-3146 .wp-site-blocks,
.page-id-3146 .entry-content,
.page-id-3146 .is-layout-constrained,
.page-id-3146 .wp-block-group.is-layout-constrained,
.page-id-3146 .wp-block-post-content,
.page-id-3146 .wp-block-custom-html { max-width:none !important; padding:0 !important; margin:0 !important; }
.page-id-3146 :root {
  --wp--style--root--padding-left: 0 !important;
  --wp--style--root--padding-right: 0 !important;
}

/* 3) Create an isolated canvas so only your styles apply */
#abryx-home, #abryx-home * { box-sizing:border-box; }
#abryx-home {
  /* match your local defaults */
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;           /* stop rem drift vs theme */
  line-height: 1.5;
  color:#f5f5f0; background:#0a0a0a;
  width:100vw; margin-left:50%; transform:translateX(-50%);
}

/* 4) Lock the same container width you have locally */
#abryx-home .section-container { 
  max-width: 1120px;         /* set to your local value */
  padding-left: 2rem; 
  padding-right: 2rem;
  margin-left: auto; 
  margin-right: auto;
}

/* 5) Normalize heading/p spacing to your spec */
#abryx-home h1,#abryx-home h2,#abryx-home h3,
#abryx-home p { margin: 0 0 1.25rem; }

/* 6) Ensure your panels win over theme borders/colors */
#abryx-home .products-panel { border:1px solid rgba(245,245,240,.12) !important; }