/* 📱 Mobile Product Grid Fix */
/* แก้ไขปัญหาการแสดง 2 columns ในมือถือให้เป็น 1 column เท่านั้น */

/* สำหรับหน้าจอมือถือเล็ก (575px ลงไป) - 1 column เท่านั้น */
@media (max-width: 575px) {
    /* บังคับให้ product grid แสดง 1 column เท่านั้น */
    .product-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .product-grid .product-card-wrapper {
        flex-basis: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Bootstrap columns override สำหรับมือถือเล็กเท่านั้น */
    #products-grid .col-xxl-2,
    #products-grid .col-xl-3,
    #products-grid .col-lg-4,
    #products-grid .col-md-6,
    #products-grid .col-sm-6,
    #products-grid .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 1rem !important;
    }
    
    /* Card styling สำหรับมือถือ */
    .product-grid .product-card-wrapper .card {
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Image wrapper ปรับให้เหมาะกับมือถือ */
    .product-grid .product-card-wrapper .card-img-top-wrapper {
        aspect-ratio: 4/3 !important; /* สัดส่วนที่เหมาะกับมือถือ */
        padding: 15px !important;
        max-height: 200px !important;
    }
    
    .product-grid .product-card-wrapper .card-img-top {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    
    /* Text styling สำหรับมือถือ */
    .product-grid .product-card-wrapper .card-title {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .product-grid .product-card-wrapper .card-text {
        font-size: 0.85rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Price styling สำหรับมือถือ */
    .product-grid .product-card-wrapper .card-price,
    .product-grid .product-card-wrapper .card-price-online {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Button styling สำหรับมือถือ */
    .product-grid .product-card-wrapper .btn {
        font-size: 0.9rem !important;
        padding: 0.5rem 1rem !important;
    }
}

/* สำหรับหน้าจอที่เล็กมาก (480px ลงไป) */
@media (max-width: 480px) {
    .product-grid {
        padding: 0 0.5rem !important;
    }
    
    .product-grid .product-card-wrapper {
        margin-bottom: 1.5rem !important;
    }
    
    .product-grid .product-card-wrapper .card {
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .product-grid .product-card-wrapper .card-img-top-wrapper {
        aspect-ratio: 3/2 !important;
        max-height: 180px !important;
        padding: 12px !important;
    }
    
    .product-grid .product-card-wrapper .card-title {
        font-size: 1.1rem !important;
    }
    
    .product-grid .product-card-wrapper .card-text {
        font-size: 0.8rem !important;
    }
}

/* แก้ไขปัญหาสำหรับ category products page */
@media (max-width: 576px) {
    #products-grid.grid-2,
    #products-grid.grid-3,
    #products-grid.grid-4,
    #products-grid.grid-5,
    #products-grid.grid-6 {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    #products-grid .product-card-wrapper {
        width: 100% !important;
        flex-basis: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/* แก้ไขปัญหาสำหรับ row และ container Bootstrap */
@media (max-width: 576px) {
    .product-grid.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-direction: column !important;
    }
    
    .product-grid.row > * {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Force single column แม้ว่าจะมี class อื่นๆ */
@media (max-width: 576px) {
    .product-grid[class*="grid-"] {
        grid-template-columns: 1fr !important;
    }
    
    .product-grid[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
    
    /* สำหรับ flexbox */
    .product-grid[style*="display: flex"] {
        flex-direction: column !important;
    }
    
    /* สำหรับ CSS Grid */
    .product-grid[style*="display: grid"] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
}

/* แก้ไขปัญหาเพิ่มเติมสำหรับหน้าต่างๆ */
@media (max-width: 576px) {
    /* Homepage sections */
    .homepage-section .product-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Category pages */
    .category-products .product-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Search results */
    .search-results .product-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Product carousel แก้ไขให้แสดงการ์ดเดียว */
    .product-carousel-slider .swiper-slide {
        width: 100% !important;
    }
    
    /* ซ่อน pagination เมื่อมีการ์ดเดียว */
    .product-carousel-slider .swiper-pagination {
        display: none !important;
    }
}

/* Debug: ป้องกันการแสดง 2 columns โดยไม่พึงประสงค์ */
@media (max-width: 576px) {
    .product-grid > * {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        flex-basis: 100% !important;
    }
    
    /* ลบ float ที่อาจทำให้เกิดปัญหา */
    .product-grid * {
        float: none !important;
    }
    
    /* ลบ display: inline-block ที่อาจทำให้เกิดปัญหา */
    .product-grid .product-card-wrapper,
    .product-grid .card {
        display: block !important;
    }
}

/* Additional fixes สำหรับ specific layouts */
@media (max-width: 576px) {
    /* Grid layout systems */
    .product-grid[class*="row"] [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Prevent horizontal scrolling */
    body {
        overflow-x: hidden !important;
    }
    
    .container-fluid,
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Product grid wrapper */
    .products-section,
    .products-container {
        width: 100% !important;
        overflow-x: hidden !important;
    }
}

/* 📝 Blog Section Mobile Fix */
/* แก้ไขปัญหาบทความแสดงหลาย columns ในมือถือ */

@media (max-width: 576px) {
    /* บังคับให้ blog grid แสดง 1 column เท่านั้น */
    .blog-cards-grid-5col {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1rem !important;
    }
    
    /* Blog card styling สำหรับมือถือ */
    .compact-blog-card {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        border-radius: 12px !important;
        box-shadow: 0 3px 12px rgba(0,0,0,0.1) !important;
        overflow: hidden !important;
    }
    
    /* Blog image ปรับให้เหมาะกับมือถือ */
    .compact-card-image {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    /* Blog content spacing */
    .compact-card-content {
        padding: 1.25rem !important;
    }
    
    /* Blog title ในมือถือ */
    .compact-card-title {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.75rem !important;
        font-weight: 600 !important;
        color: #2c3e50 !important;
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    
    /* Blog excerpt ในมือถือ */
    .compact-card-excerpt {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        color: #6c757d !important;
        margin-bottom: 1rem !important;
        -webkit-line-clamp: 3 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    
    /* Blog meta ในมือถือ */
    .compact-card-meta {
        font-size: 0.85rem !important;
        color: #95a5a6 !important;
        margin-top: auto !important;
    }
    
    /* Blog section header ในมือถือ */
    .blog-section-homepage {
        padding: 1.5rem 0 !important;
        margin: 1rem 0 !important;
    }
    
    .section-title {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem !important;
        text-align: left !important;
    }
    
    .section-title-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .view-all-link {
        font-size: 0.95rem !important;
        font-weight: 500 !important;
    }
    
    /* Blog grid container ในมือถือ */
    .blog-cards-grid-container {
        margin-top: 0 !important;
        padding: 0 !important;
    }
    
    .blog-cards-grid-container .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Blog section สำหรับหน้าจอที่เล็กมาก */
@media (max-width: 480px) {
    .blog-cards-grid-5col {
        padding: 0 0.5rem !important;
        gap: 1.25rem !important;
    }
    
    .compact-blog-card {
        border-radius: 8px !important;
    }
    
    .compact-card-image {
        height: 180px !important;
    }
    
    .compact-card-content {
        padding: 1rem !important;
    }
    
    .compact-card-title {
        font-size: 1.1rem !important;
    }
    
    .compact-card-excerpt {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    .section-title {
        font-size: 1.3rem !important;
    }
    
    .blog-section-homepage {
        padding: 1rem 0 !important;
    }
    
    .blog-cards-grid-container .container {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}

/* Override any conflicting styles */
@media (max-width: 576px) {
    /* Force override blog grid แม้ว่าจะมี inline styles */
    .blog-cards-grid-5col[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Force single column แม้ว่าจะมี JavaScript override */
    .blog-cards-grid-5col[style*="repeat"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Prevent blog cards from being too narrow */
    .compact-blog-card {
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Ultra-specific selectors to override everything */
    div.blog-cards-grid-container div.container div.blog-cards-grid-5col {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 0 1rem !important;
        margin: 0 !important;
    }
    
    /* Target by attribute as well */
    .blog-cards-grid-5col[data-mobile-layout="true"] {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
    }
    
    /* Force all blog cards to be full width */
    .blog-cards-grid-5col > .compact-blog-card,
    .blog-cards-grid-5col .compact-blog-card {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        flex-basis: 100% !important;
        grid-column: 1 / -1 !important;
    }
    
    /* Override any inline styles with higher specificity */
    [style*="grid-template-columns"] .blog-cards-grid-5col,
    .blog-cards-grid-5col[style] {
        grid-template-columns: 1fr !important;
    }
}

/* ================================================
   📱 MOBILE HERO SLIDER FIX - ภาพเต็มพื้นที่ไม่มีขอบ
   ================================================ */

/* NUCLEAR: Force white background on ALL hero elements */
.top-hero-row,
.hero-section,
.hero-section-wrapper,
#main-hero-slider,
.main-hero-slider-container,
#main-hero-slider.swiper,
.main-hero-slider-container.swiper,
#main-hero-slider .swiper,
.main-hero-slider-container .swiper,
#main-hero-slider .swiper-wrapper,
.main-hero-slider-container .swiper-wrapper,
#main-hero-slider .swiper-slide,
.main-hero-slider-container .swiper-slide,
#main-hero-slider .swiper-slide a,
.main-hero-slider-container .swiper-slide a,
div[class*="hero"],
section[class*="hero"] {
    background: #fff !important;
    background-color: #fff !important;
}

/* Mobile: ให้ภาพ Hero Slider เต็มพื้นที่ */
@media (max-width: 767px) {
    /* CRITICAL: White background instead of gray - REPEAT FOR SPECIFICITY */
    .top-hero-row,
    .hero-section,
    .hero-section-wrapper,
    #main-hero-slider,
    .main-hero-slider-container,
    #main-hero-slider.swiper,
    .main-hero-slider-container.swiper,
    #main-hero-slider .swiper,
    .main-hero-slider-container .swiper,
    #main-hero-slider .swiper-wrapper,
    .main-hero-slider-container .swiper-wrapper,
    #main-hero-slider .swiper-slide,
    .main-hero-slider-container .swiper-slide,
    #main-hero-slider .swiper-slide a,
    .main-hero-slider-container .swiper-slide a,
    .swiper,
    .swiper-wrapper,
    .swiper-slide,
    div[class*="hero"],
    section[class*="hero"] {
        background: #fff !important;
        background-color: #fff !important;
    }
    
    /* Force slider container to fixed height */
    .top-hero-row {
        height: auto !important; /* ปรับตามภาพ */
        min-height: unset !important;
        max-height: unset !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .top-hero-row .hero-section,
    .top-hero-row .hero-section-wrapper {
        height: 100% !important;
        min-height: 100% !important;
        background: #fff !important;
        background-color: #fff !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    #main-hero-slider,
    .main-hero-slider-container {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        background: #fff !important;
        background-color: #fff !important;
        overflow: hidden !important;
    }
    
    /* Swiper specific */
    #main-hero-slider .swiper,
    #main-hero-slider.swiper {
        height: 100% !important;
        background: #fff !important;
        background-color: #fff !important;
    }
    
    #main-hero-slider .swiper-wrapper {
        height: 100% !important;
        min-height: 100% !important;
        background: #fff !important;
        background-color: #fff !important;
    }
    
    .top-hero-row .main-hero-slider-container .swiper-slide,
    #main-hero-slider .swiper-slide {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        background: #fff !important;
        background-color: #fff !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .top-hero-row .main-hero-slider-container .swiper-slide a,
    #main-hero-slider .swiper-slide a {
        height: 100% !important;
        display: block !important;
        background: #fff !important;
        background-color: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Image fills entire container - no background visible */
    #main-hero-slider .swiper-slide img,
    .main-hero-slider-container .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important; /* ภาพเติมเต็มพื้นที่ */
        object-position: center center !important;
        background: #fff !important;
        background-color: #fff !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Swiper navigation buttons - centered */
    #main-hero-slider .swiper-button-prev,
    #main-hero-slider .swiper-button-next {
        top: 50% !important;
        transform: translateY(-50%) !important;
        background: rgba(255,255,255,0.9) !important;
        color: #333 !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        z-index: 10 !important;
    }
    
    #main-hero-slider .swiper-button-prev {
        left: 8px !important;
    }
    
    #main-hero-slider .swiper-button-next {
        right: 8px !important;
    }
    
    #main-hero-slider .swiper-button-prev::after,
    #main-hero-slider .swiper-button-next::after {
        font-size: 12px !important;
        color: #333 !important;
    }
}

/* Very small mobile: more compact */
@media (max-width: 480px) {
    .top-hero-row {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    #main-hero-slider,
    .main-hero-slider-container {
        aspect-ratio: 16/9 !important;
    }
    
    #main-hero-slider .swiper-button-prev,
    #main-hero-slider .swiper-button-next {
        width: 28px !important;
        height: 28px !important;
    }
    
    #main-hero-slider .swiper-button-prev::after,
    #main-hero-slider .swiper-button-next::after {
        font-size: 10px !important;
    }
}

/* ================================================
   📱 MOBILE/TABLET EMPTY SECTION FIX
   ซ่อน section ที่ว่างเปล่าไม่มีเนื้อหา
   ================================================ */

/* Hide hero slider container when no slides loaded */
@media (max-width: 991px) {
    /* Hide empty hero wrapper */
    .top-hero-row:has(.swiper-wrapper:empty),
    .top-hero-row:not(:has(.swiper-slide img[src])) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Hide empty swiper wrapper */
    #main-hero-slider .swiper-wrapper:empty,
    .main-hero-slider-container .swiper-wrapper:empty {
        display: none !important;
        height: 0 !important;
    }
    
    /* Hide hero container when swiper is empty */
    #main-hero-slider:has(.swiper-wrapper:empty),
    .main-hero-slider-container:has(.swiper-wrapper:empty) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
    }
    
    /* When no slides, hide the entire top hero row */
    .top-hero-row:has(.swiper-wrapper:not(:has(.swiper-slide))) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
    }
}

/* ================================================
   📱 HIDE EMPTY AD SECTIONS - MOBILE/TABLET
   ================================================ */
@media (max-width: 991px) {
    /* Hide empty ads sidebar */
    .ads-left-sidebar:empty,
    .ads-left-sidebar:has(.ads-stack:empty),
    .ads-left-sidebar:not(:has(img[src])),
    #left-ads-sidebar:not(:has(img[src])) {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Hide ads placeholder fallback */
    .ad-fallback,
    .ad-card.ad-fallback {
        display: none !important;
    }
    
    /* Hide empty logo strip section */
    .logo-strip-section:empty,
    .logo-strip-section:has(.vendor-logos-grid:empty),
    .logo-strip-section:not(:has(img[src])) {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Hide empty vendor container */
    .vendor-support-container:empty,
    .vendor-logos-grid:empty {
        display: none !important;
    }
    
    /* Hide empty sections generically */
    section:empty,
    .homepage-section:empty,
    .homepage-section:has(.section-content:empty),
    .product-section:empty,
    .ad-section:empty,
    .banner-section:empty {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* ================================================
   📱 FOOTER SPACING FIX - MOBILE/TABLET
   ลดพื้นที่ว่างก่อน footer
   ================================================ */
@media (max-width: 991px) {
    /* Reduce footer spacing */
    footer.main-footer {
        margin-top: 1rem !important;
        padding-top: 0.5rem !important;
    }
    
    .footer-newsletter-bar {
        padding: 0.75rem 0 !important;
    }
    
    .footer-main-content {
        padding: 1.5rem 0 1rem !important;
    }
    
    .footer-copyright-bar {
        padding: 0.5rem 0 !important;
    }
    
    /* Compress footer columns on mobile */
    footer .footer-col {
        margin-bottom: 1rem !important;
    }
    
    footer .footer-heading {
        margin-bottom: 0.5rem !important;
        font-size: 0.95rem !important;
    }
    
    footer .footer-links li {
        margin-bottom: 0.25rem !important;
    }
    
    footer .footer-links a {
        font-size: 0.85rem !important;
    }
}

/* Very small mobile - more compact footer */
@media (max-width: 576px) {
    footer.main-footer {
        margin-top: 0.5rem !important;
    }
    
    .footer-newsletter-bar {
        padding: 0.5rem 0 !important;
    }
    
    .footer-newsletter-bar .newsletter-prompt {
        font-size: 0.8rem !important;
    }
    
    .footer-main-content {
        padding: 1rem 0 0.5rem !important;
    }
    
    footer .row.gy-4 {
        --bs-gutter-y: 1rem !important;
    }
    
    footer .footer-col {
        margin-bottom: 0.5rem !important;
        padding: 0 0.5rem !important;
    }
}

/* ================================================
   📱 BELOW MAIN ROW - FULL WIDTH ON MOBILE
   ลบ sidebar และให้ main content เต็มหน้าจอ
   ================================================ */
@media (max-width: 991px) {
    .below-main-row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
        gap: 0 !important;
    }
    
    /* Hide left sidebar on mobile/tablet */
    .ads-left-sidebar,
    #left-ads-sidebar {
        display: none !important;
    }
    
    /* Main content takes full width */
    #main-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 0.5rem !important;
        margin: 0 !important;
    }
    
    #dynamic-content-wrapper {
        width: 100% !important;
        padding: 0 !important;
    }
}

/* ================================================
   📱 FORCE PROPER ASPECT RATIO ON HERO IMAGES
   ================================================ */
@media (max-width: 767px) {
    /* Override object-fit: contain to cover for mobile */
    #main-hero-slider .swiper-slide img,
    .main-hero-slider-container .swiper-slide img,
    .top-hero-row .swiper-slide img {
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }
    
    /* Ensure slides fill container */
    #main-hero-slider .swiper-slide,
    .main-hero-slider-container .swiper-slide {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Reduce container background visibility */
    #main-hero-slider,
    .main-hero-slider-container,
    .top-hero-row,
    .hero-section,
    .hero-section-wrapper {
        background: #fff !important;
    }
}

/* ================================================
   📱 CATEGORY SECTION COMPACT - MOBILE
   ================================================ */
@media (max-width: 767px) {
    .category-section {
        padding: 0.5rem 0 !important;
        margin: 0 !important;
    }
    
    .category-section-wrapper {
        padding: 0.5rem !important;
        margin: 0 !important;
    }
    
    .category-navigation-grid {
        gap: 0.5rem !important;
        padding: 0 0.5rem !important;
    }
}

/* ================================================
   📱 DYNAMIC SECTIONS COMPACT SPACING
   ================================================ */
@media (max-width: 991px) {
    /* Reduce spacing between sections */
    .homepage-section,
    .dynamic-sections-container > div,
    .dynamic-sections-container > section,
    #dynamic-content-wrapper > div,
    #dynamic-content-wrapper > section {
        margin: 0 !important;
        padding: 0.75rem 0 !important;
    }
    
    /* Section titles compact */
    .section-title,
    .section-title-row,
    .section-header {
        margin-bottom: 0.5rem !important;
        padding: 0 0.5rem !important;
    }
    
    .section-title h2,
    .section-title-text {
        font-size: 1.1rem !important;
    }
}