/* ==================================================
   SEO PAGES – EDITORIAL BANNER SYSTEM (LOCKED)
   Used by: City pages, Services pages
================================================== */

/* -----------------------------------------------
   Editorial container
------------------------------------------------ */
.banner.t-shirt-print .banner-content {
    max-width: 900px;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
}

/* Desktop: left-aligned editorial block */
@media (min-width: 769px) {
    .banner.t-shirt-print .banner-content {
        text-align: left;
    }
}

/* Mobile: centered editorial block */
@media (max-width: 768px) {
    .banner.t-shirt-print .banner-content {
        text-align: center;
    }
}

/* -----------------------------------------------
   H1 – SEO editorial heading
------------------------------------------------ */
.banner.t-shirt-print .banner-content h1 {
    color: #001e60;          /* iLogo navy */
    font-size: 30px;
    font-weight: 600;
    line-height: 1.28;
    position: relative;
    display: inline-block;  /* required for ::after divider */
    padding-bottom: 14px;
    margin-bottom: 12px;
}

/* Orange divider under H1 */
.banner.t-shirt-print .banner-content h1::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background-color: #ff7a00; /* iLogo orange */
    margin-top: 12px;
}

/* Mobile divider sizing */
@media (max-width: 768px) {
    .banner.t-shirt-print .banner-content h1::after {
        margin-left: auto;
        margin-right: auto;
        width: 40px;
    }
}

/* -----------------------------------------------
   AI Summary / Intro paragraph
------------------------------------------------ */
.banner.t-shirt-print .banner-content .ai-summary {
    max-width: 900px;
    font-size: 17px;
    line-height: 1.65;
    color: #1f2937;
    font-weight: 500;
}