<style>
/* -------------------------------------------------
   GLOBAL LAYOUT OVERRIDES FOR ZOHO SITES
   - Hide default theme header/topbar
   - Remove default paddings/margins
   - Let custom Tailwind layout control spacing
-------------------------------------------------- */

/* Hide the main theme header container */
.zpheader-style-04 .theme-header .zpcontainer {
    display: none !important;
    transition: 0.3s linear;
}

/* Completely hide the theme header area */
.zpheader-style-04 .theme-header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide theme's top bar on all viewports */
.zpheader-style-04 > .theme-header-topbar,
.theme-header-topbar {
    display: none !important;
    height: 0 !important;
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
    margin: 0 !important;
}

/* Remove padding/margin from sections and basic containers */
.zpsection,
.zprow,
.zpelem-col,
.zpcontainer-fluid {
    padding: 0 !important;
    margin: 0 !important;
}

/* Override Zoho's default container padding and width */
.zpcontainer {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* Remove default spacing from structural elements created by Zoho */
[data-element-type="section"],
[data-element-type="row"],
[data-element-type="column"] {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure the custom hero has no extra margin */
#home_hero {
    margin: 0 !important;
}

/* Remove default padding/margin from "default" sections */
.zpdefault-section,
.zpdefault-section-bg {
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove spacing around code snippets (your custom code containers) */
.zpelem-codesnippet {
    padding: 0 !important;
    margin: 0 !important;
}
</style>
