.custom-page .page-title,
.main-page .page-title {
  margin-block-end: 20px;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .custom-page .page-title,
  .main-page .page-title {
    margin-block-end: 30px;
  }
}
.custom-page .placeholder {
  display: inline-block;
  height: 335px;
  width: 100%;
  background-color: rgba(var(--color-text), 0.05);
}
.main-page .breadcrumb {
  text-align: center;
}

@media screen and (min-width: 960px) {
  .custom-page .placeholder {
    width: 100%;
    height: 525px;
  }
}
/* Full screen and centered content style */

/* Main container - symmetrical white space */

#shopline-section-main .main-page.page-width.page-width--narrow {

max-width: 100% !important;

width: 100% !important;

padding: 0 calc(50% - 600px) !important; /* Centering and calculating white space */

margin: 0 auto !important;

}



/* Content Area - Fixed Width Centered */

#shopline-section-main .rte {

max-width: 1200px !important; /* Fixed width content area */

width: 100% !important;

margin: 0 auto !important;

padding: 0 !important;

text-align: left;

}



/* Title Style */

#shopline-section-main .page-title {

max-width: 1200px !important;

width: 100% !important;

margin: 0 auto 1rem !important;

padding: 0 !important;

text-align: left;

font-size: 2rem;

}



/* Subtitle style */

#shopline-section-main .rte h2 {

font-size: 1.8rem;

margin: 1.5rem 0 0.8rem 0 !important;

}



/* Paragraph styles */

#shopline-section-main .rte p {

margin: 0 0 1rem 0 !important;

line-height: 1.6;

}



/* Mobile adaptation*/

@media (max-width: 1300px) {

#shopline-section-main .main-page.page-width.page-width--narrow {

padding: 0 5% !important; /* Use percentage margins for small screens */

}

}



@media (max-width: 749px) {

#shopline-section-main .main-page.page-width.page-width--narrow {

padding: 0 15px !important; /* Fixed white space on mobile devices */

}



#shopline-section-main .rte,

#shopline-section-main .page-title {

max-width: 100% !important;

}

}


/* The ipad end responds to the mobile end in vertical screen */
/* @custom-media --tablet (max-width: 959px); */
/* @custom-media --gt-mobile (min-width: 751px); */
/* detectingScreen need to consider the configuration of the tablet */