.brand_standard-template-default .brand-standard-container {
     display: flex;
     margin: 0 auto;
 }

 .brand_standard-template-default .sidebar {
     width: 300px;
     box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.5);
     padding: 35px 25px 25px;
     transition: transform 0.3s ease-in-out;
 }

 .brand_standard-template-default .sidebar-sticky {
     position: sticky;
     top: 35px;
     max-height: calc(100vh - 40px);
     overflow-y: auto;
 }

 .brand_standard-template-default .sidebar-logo-container {
     text-align: center;
     padding: 0 15px;
 }

 .brand_standard-template-default .sidebar-logo {
     max-width: 100%;
     width: 250px;
     height: auto;
     margin: 30px auto;
 }

 .brand_standard-template-default .sidebar-nav {
     display: flex;
     flex-direction: column;
     margin-top: 1em;
 }

 .brand_standard-template-default .sidebar-nav a {
     margin-bottom: 10px;
     text-decoration: none;
     color: black;
 }

.brand_standard-template-default .brand-standard-container .content-area {
    width: 100%;
}

 .brand_standard-template-default .cover-block {
     background-color: #f0f0f0;
     padding: 40px;
     margin-bottom: 20px;
     position: relative;
     height: 300px;
     overflow: hidden;
     border-bottom: 20px solid var(--bs-primary);
 }

 .brand_standard-template-default .cover-block h1 {
     position: absolute;
     bottom: 20px;
     left: 10%;
     color: var(--bs-base);
     margin: 0;
     z-index: 2;
 }
 .brand_standard-template-default .brand-content .has-global-padding {
    padding: 0;
}
 .brand_standard-template-default .brand-content {
     width: 80%;
     max-width: 1200px;
     margin: 50px auto;
 }

 .brand_standard-template-default .brand-content .is-layout-flex {
     gap: 2em;
 }

 .brand_standard-template-default .featured-image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center;
 }

 .brand_standard-template-default .gradient-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
 }

 .brand_standard-template-default .custom-navigation {
     width: 80%;
     max-width: 1200px;
     display: flex;
     justify-content: space-between;
     margin: 2em auto;
 }

 .brand_standard-template-default .custom-navigation a {
     text-decoration: none;
     color: var(--bs-contrast);
 }

 .brand_standard-template-default .site-footer {
     background-color: var(--bs-contrast);
     color: white;
     padding: 20px 0;
     text-align: center;
     margin-top: 0;
 }

 .brand_standard-template-default .footer-content {
     max-width: 1200px;
     margin: 0 auto;
 }

 .brand_standard-template-default .footer-content a {
     color: var(--bs-base);
 }

 .brand_standard-template-default .open-sidebar,
 .brand_standard-template-default .close-sidebar {
     display: none;
 }

 /* Mobile styles */
 @media (max-width: 900px) {
     .brand_standard-template-default .brand-standard-container {
         flex-direction: column;
     }

     .brand_standard-template-default .sidebar {
         position: fixed;
         left: -350px;
         top: 0;
         height: 100vh;
         z-index: 1000;
         background-color: white;
     }

     .brand_standard-template-default .sidebar.active {
         transform: translateX(350px);
     }

     .brand_standard-template-default .content-area {
         width: 100%;
     }

     .brand_standard-template-default .open-sidebar {
         display: block;
         position: fixed;
         top: 10px;
         left: 10px;
         z-index: 999;
         color: white;
         text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.7);
         border: none;
         font-size: 24px;
         cursor: pointer;
     }

     .brand_standard-template-default.admin-bar .open-sidebar {
         top: 55px;
     }

     .brand_standard-template-default .close-sidebar {
         display: block;
         position: absolute;
         top: 10px;
         right: 10px;
         background: none;
         border: none;
         font-size: 24px;
         cursor: pointer;
     }

     .brand_standard-template-default.admin-bar .close-sidebar {
         top: 55px;
     }

     .brand_standard-template-default .brand-content {
         width: 90%;
     }
 }