/* =====================================================
   PTN Final Touches (2026-08-03) — strict single green #009944
   No dark green, no light green — just #009944 + transparent variants
   ===================================================== */

/* === 1. Main nav — bold first-level === */
.site-header .primary-nav > ul > li > a,
.primary-nav > ul > li > a,
.main-nav .primary-nav > ul > li > a,
.primary-nav > ul > li.has-dropdown > a {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.3px !important;
}
.primary-nav .submenu li a { font-weight: 400 !important; font-size: 14px !important; }
.primary-nav > ul > li > a.active { font-weight: 700 !important; }

/* === 2. NEW badge — red bg + white text (per user) — compact button width === */
.product-badge,
.badge-new,
.is-new,
span.badge-new,
.badge.badge-new,
.tag-new,
.product-card .badge-new,
.product-card .product-badge,
.product-detail .product-badge,
.gallery-main-amazon .product-badge,
.gallery-main-amazon .badge-new,
.related-products .product-badge,
.related-products .badge-new,
.product-image .product-badge,
.product-image .badge-new,
.products-grid .product-badge,
products-grid .badge-new,
.product-gallery .product-badge,
.product-gallery .badge-new,
.products .product-badge,
.products .badge-new,
.card .product-badge,
.card .badge-new,
a .product-badge,
a .badge-new {
    display: inline-block !important;
    width: auto !important;
    max-width: max-content !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    background: #E53935 !important;
    color: #ffffff !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3) !important;
    background-image: none !important;
    vertical-align: top !important;
}

/* Position badge compactly in product gallery (top-left) */
.product-gallery .product-badge,
.product-gallery .badge-new,
.gallery-main .product-badge,
.gallery-main .badge-new,
.gallery-main-amazon .product-badge,
.gallery-main-amazon .badge-new,
.product-image .product-badge,
.product-image .badge-new {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 10 !important;
    margin: 0 !important;
}

/* Make sure parent containers are positioned for absolute badge */
.product-gallery,
.gallery-main,
.gallery-main-amazon,
.product-image,
.product-card,
.product-detail .product-gallery {
    position: relative !important;
}

/* === 3. HOT badge — yellow bg + black text (per user) — compact button width === */
.badge-hot,
.is-hot,
span.badge-hot,
.badge.badge-hot,
.tag-hot,
.product-card .badge-hot,
.product-detail .badge-hot,
.gallery-main-amazon .badge-hot,
.related-products .badge-hot,
.product-image .badge-hot,
products-grid .badge-hot,
.product-gallery .badge-hot,
.products .badge-hot,
.card .badge-hot,
a .badge-hot {
    display: inline-block !important;
    width: auto !important;
    max-width: max-content !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    background: #FFC107 !important;
    color: #1a1a1a !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.4) !important;
    background-image: none !important;
    vertical-align: top !important;
}

/* Position HOT badge compactly in product gallery (top-left, after NEW) */
.product-gallery .badge-hot,
.gallery-main .badge-hot,
.gallery-main-amazon .badge-hot,
.product-image .badge-hot,
.product-card .badge-hot {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 10 !important;
    margin: 0 !important;
}

/* === 4. Page banner — solid #009944 + 1/3 height === */
.page-banner {
    background: #009944 !important;
    background-image: none !important;
    padding: 12px 0 !important;
    color: #fff !important;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 2px 6px rgba(0, 153, 68, 0.18) !important;
}
.page-banner h1 {
    color: #ffffff !important;
    font-size: 20px !important;
    margin: 0 0 4px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.page-banner .breadcrumb,
.page-banner .breadcrumb a,
.page-banner .breadcrumb a:hover,
.page-banner .breadcrumb span {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 12px !important;
    background: transparent !important;
    background-image: none !important;
}

/* === 5. Icons — iOS 22% rounded square, solid #009944 === */
.line-icon,
.feature-icon,
.product-icon,
.category-icon,
.cat-icon,
.lines-icon,
.solution-icon,
.solution-icon-large,
.solution-icon-lg,
.lines-icon-lg,
.feature-icon-large,
.application-icon,
.stat-icon,
.hero-stat-icon,
.advantage-icon,
.service-icon,
.why-icon,
.why-us-icon,
.benefit-icon,
.section-icon,
.cta-icon,
.fas-circle-icon {
    border-radius: 22% !important;
    background: #009944 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 153, 68, 0.25) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.line-card:hover .line-icon,
.feature-card:hover .feature-icon,
.solution-card:hover .solution-icon,
.card:hover .line-icon {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 153, 68, 0.35) !important;
    filter: brightness(0.9);    /* visually darker, but same #009944 */
}

/* === 6. Stats section — solid #009944 + WHITE numbers === */
.stats-section,
section.stats-section,
section[class*="stats"] {
    background: #009944 !important;
    background-image: none !important;
    color: #fff !important;
}
.stat-num,
.stats-section .stat-num {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
}
.stat-label,
.stats-section .stat-label {
    color: rgba(255, 255, 255, 0.92) !important;
}
.stat-item {
    color: #ffffff !important;
}

/* === 7. ALL backgrounds — kill gradients === */
.section-bg,
.hero-bg,
.gradient-bg,
[class*="-gradient"] {
    background-image: none !important;
}

/* === 8. ALL buttons — solid #009944 (hover via filter) === */
.btn-primary,
.btn-inquiry,
.btn-inquiry-now,
.btn-success,
.page-header .btn-primary,
.admin-form .form-actions .btn-primary,
a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited,
button.btn-primary {
    background: #009944 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #009944 !important;
    box-shadow: 0 2px 6px rgba(0, 153, 68, 0.25) !important;
}
.btn-primary:hover,
.btn-inquiry:hover,
.btn-inquiry-now:hover,
.btn-success:hover,
.page-header .btn-primary:hover,
.admin-form .form-actions .btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
    background: #009944 !important;     /* same color! */
    border-color: #009944 !important;
    color: #ffffff !important;
    filter: brightness(0.9);            /* visually darker via filter only */
    box-shadow: 0 4px 12px rgba(0, 153, 68, 0.4) !important;
}

/* === 9. Outline button === */
.btn-outline,
a.btn-outline {
    background: transparent !important;
    background-image: none !important;
    color: #009944 !important;
    border: 1px solid #009944 !important;
    box-shadow: none !important;
}
.btn-outline:hover,
a.btn-outline:hover {
    background: #009944 !important;
    color: #ffffff !important;
}

/* === 10. Links hover — #009944 === */
a:hover, a:focus {
    color: #009944 !important;
}

/* === 11. Tags — all green === */
.tag-green {
    background: #009944 !important;
    color: #ffffff !important;
    background-image: none !important;
}
.tag-blue,
.tag-orange,
.tag-red {
    background: #009944 !important;
    color: #ffffff !important;
    background-image: none !important;
}
.tag-gray {
    background: #e0e0e0 !important;
    color: #6b7280 !important;
}

/* === 12. Top bar — solid #009944 (no darker) === */
.top-bar {
    background: #009944 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* === 13. Hero slide — DO NOT override background-image (let inline url show) === */
/*    Only fallback color: #009944 */
.hero-slide {
    background-color: #009944 !important;
    /* NO background-image: none — preserve inline url() */
    cursor: pointer;
}
.hero-slide-link {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    text-decoration: none !important;
    display: block !important;
}
.hero-slide:hover {
    filter: brightness(1.05);
}
.hero-content h1,
.hero-content p {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.85), 0 4px 12px rgba(0, 0, 0, 0.7) !important;
}

/* === 14. Section / page titles — #009944 === */
h1, h2, h3, h4, h5, h6 {
    color: #009944 !important;
    background-image: none !important;
}

/* === 15. Dividers — #009944 === */
.section-title-small::before,
.divider-green,
.divider {
    background: #009944 !important;
    background-image: none !important;
}
.section-title-small,
.section-header h2,
.section-title {
    color: #009944 !important;
}

/* === 16. Card hover — green shadow === */
.card:hover,
.product-card:hover,
.solution-card:hover {
    box-shadow: 0 8px 24px rgba(0, 153, 68, 0.15) !important;
    border-color: #009944 !important;
}

/* === 17. CTA button === */
.btn-inquiry-now {
    background: #009944 !important;
    color: #ffffff !important;
    border: 1px solid #009944 !important;
}
.btn-inquiry-now:hover {
    background: #009944 !important;
    border-color: #009944 !important;
    filter: brightness(0.9);
}

/* === 18. Footer === */
.footer a:hover,
.footer-social a:hover {
    color: #009944 !important;
}

/* === 19. Form focus === */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: #009944 !important;
    box-shadow: 0 0 0 3px rgba(0, 153, 68, 0.12) !important;
}

/* === 20. Selection color === */
::selection {
    background: #009944 !important;
    color: #ffffff !important;
}
::-moz-selection {
    background: #009944 !important;
    color: #ffffff !important;
}

/* === 21. Scrollbar === */
::-webkit-scrollbar-thumb {
    background: #009944 !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #009944 !important;
    filter: brightness(0.9);
}

/* === 22. Hero dots (indicators) — #009944 === */
.hero-dots .dot {
    background: rgba(255, 255, 255, 0.4) !important;
}
.hero-dots .dot.active {
    background: #ffffff !important;     /* white on green background */
    box-shadow: 0 0 0 2px #009944;
}
.hero-dots {
    z-index: 4 !important;
}
.hero-dots .dot {
    z-index: 5;
    position: relative;
    cursor: pointer;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — additions
   - CTA text white
   - All line-link / read-more / icons green
   - Section padding 20px between sections
   ===================================================== */

/* === 23. CTA section — text white === */
.cta-section,
.cta-section h2,
.cta-section p,
section.cta h2,
section.cta p,
section[class*="cta"] h2,
section[class*="cta"] p {
    color: #ffffff !important;
    background: #009944 !important;
    background-image: none !important;
}
.cta-section .btn-outline-white,
.btn-outline-white {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}
.cta-section .btn-outline-white:hover,
.btn-outline-white:hover {
    background: #ffffff !important;
    color: #009944 !important;
}

/* === 24. Read more / line-link / explore links — green (kill orange) === */
.line-link,
a.line-link,
.line-card .line-link,
a.read-more,
.read-more,
.more-link,
.btn-link,
a.explore,
.explore,
a[class*="explore"],
a[class*="read-more"],
a[class*="line-link"] {
    color: #009944 !important;
    background: transparent !important;
    background-image: none !important;
}
.line-link:hover,
a.line-link:hover,
a.read-more:hover,
.read-more:hover,
.more-link:hover,
a.explore:hover {
    color: #009944 !important;
    filter: brightness(0.9);
}

/* === 25. Top bar info icons (phone/email) — green (kill orange) === */
.top-bar-info i,
.top-bar-info span i,
.top-bar .fas,
.top-bar .fa-phone,
.top-bar .fa-envelope {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}
.top-bar-info span,
.top-bar-info a {
    color: #ffffff !important;
}

/* === 26. Contact list icons — green (kill orange) === */
.contact-list li i,
.footer-contact .fas,
.footer-contact .fa-map-marker-alt,
.footer-contact .fa-phone,
.footer-contact .fa-envelope,
ul.contact-list i,
.fa-map-marker-alt,
.fa-phone,
.fa-envelope {
    color: #009944 !important;
    background: transparent !important;
    background-image: none !important;
}

/* === 27. Footer social hover — green (kill orange) === */
.footer-social a:hover,
.top-bar-social a:hover {
    background: #009944 !important;
    color: #ffffff !important;
    background-image: none !important;
}

/* === 28. ALL section spacing — 20px between sections === */
.section + .section,
section + section.section,
section.section + section,
section + .section,
.section + section,
[class*="-section"] + [class*="-section"] {
    padding-top: 20px !important;
}
/* Section header — extra top margin for breathing room */
.section-header {
    margin-top: 20px !important;
    margin-bottom: 50px !important;
}

/* === 29. Block-level "Read more" or orange remains — global sweep === */
a[style*="ff6600"],
a[style*="orange"],
span[style*="ff6600"],
[style*="color: orange"],
[style*="color:#ff6600"] {
    color: #009944 !important;
    background: transparent !important;
    background-image: none !important;
}

/* === 30. Floating inquiry button — green === */
.floating-inquiry,
a.floating-inquiry {
    background: #009944 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
}
.floating-inquiry:hover {
    background: #009944 !important;
    filter: brightness(0.9);
}

/* === 31. Back to top button — green === */
.back-to-top {
    background: #009944 !important;
    background-image: none !important;
    color: #ffffff !important;
}
.back-to-top:hover {
    background: #009944 !important;
    filter: brightness(0.9);
}

/* === 32. Strong-force all link colors (final sweep) === */
p a, span a, li a {
    color: inherit;
}
a.btn, a.btn-primary, a.btn-inquiry, a.btn-inquiry-now, a.btn-outline {
    color: #ffffff !important;
}
a.line-link, a.read-more, a.more-link, a.explore {
    color: #009944 !important;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — last batch
   1. CTA buttons unified (both solid green)
   2. Submenu icons + border green
   3. Line-card hover border green
   4. Force --color-accent to #009944 globally
   ===================================================== */

/* === 33. FORCE --color-accent = #009944 globally === */
:root,
html, body {
    --color-accent: #009944 !important;
    --color-accent-dark: #009944 !important;
}

/* === 34. Submenu — green border-top + green icons === */
.primary-nav .submenu,
.submenu {
    border-top: 3px solid #009944 !important;
}
.submenu li a i,
.primary-nav .submenu li a i,
.has-dropdown .submenu i,
.submenu i,
.submenu .fas,
.submenu .fa-building,
.submenu .fa-certificate,
.submenu .fa-chart-line,
.submenu .fa-envelope,
.submenu .fa-briefcase,
.submenu .fa-newspaper {
    color: #009944 !important;
    background: transparent !important;
    background-image: none !important;
}
.submenu li a:hover i {
    color: #009944 !important;
    filter: brightness(0.9);
}
.submenu li {
    border-bottom: 1px solid #f0f0f0 !important;
}
.submenu li:last-child {
    border-bottom: none !important;
}

/* === 35. Primary nav link hover/active — green === */
.primary-nav > ul > li > a:hover,
.primary-nav > ul > li > a.active,
.primary-nav > ul > li.has-dropdown > a:hover,
.primary-nav > ul > li.has-dropdown > a.active {
    color: #009944 !important;
    background: transparent !important;
    background-image: none !important;
}

/* === 36. Line card hover — green border === */
.line-card,
.line-card:hover {
    border-color: #e0e0e0 !important;   /* default */
}
.line-card:hover {
    border-color: #009944 !important;
    background-image: none !important;
}

/* === 37. CTA section buttons — both solid green, unified === */
.cta-section,
section.cta,
section[class*="cta"] {
    background: #009944 !important;
    background-image: none !important;
}
.cta-section .btn,
.cta-section .btn-primary,
.cta-section .btn-outline-white,
.cta-section .btn-outline,
.cta-section a.btn,
section.cta .btn,
section.cta .btn-primary,
section.cta .btn-outline-white,
section.cta .btn-outline {
    background: #009944 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}
.cta-section .btn:hover,
.cta-section .btn-primary:hover,
.cta-section .btn-outline-white:hover,
.cta-section .btn-outline:hover,
.cta-section a.btn:hover {
    background: #ffffff !important;
    color: #009944 !important;
    border-color: #ffffff !important;
    background-image: none !important;
}
.cta-section .btn i,
.cta-section .btn-primary i,
.cta-section .btn-outline-white i,
.cta-section .btn-outline i,
.cta-section a.btn i,
.cta-section .fa-paper-plane,
.cta-section .fa-envelope {
    color: inherit !important;
    background: transparent !important;
    background-image: none !important;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — last batch v2
   1. View All Products button: solid green + white text
   2. Stats section: equal top/bottom padding
   ===================================================== */

/* === 38. View All Products / section-cta button === */
.section-cta a,
.section-cta .btn,
.section-cta .btn-outline,
.section-cta .btn-primary,
.section-cta button,
a.btn-outline.btn-lg,
a.btn.btn-outline,
a.btn-outline {
    background: #009944 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #009944 !important;
    box-shadow: 0 2px 6px rgba(0, 153, 68, 0.25) !important;
    font-weight: 500 !important;
}
.section-cta a:hover,
.section-cta .btn:hover,
.section-cta .btn-outline:hover,
.section-cta .btn-primary:hover,
a.btn-outline.btn-lg:hover,
a.btn.btn-outline:hover,
a.btn-outline:hover {
    background: #ffffff !important;
    color: #009944 !important;
    border-color: #009944 !important;
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(0, 153, 68, 0.4) !important;
    transform: translateY(-1px);
}
.section-cta a i,
.section-cta .btn i,
a.btn-outline i {
    color: inherit !important;
    background: transparent !important;
}

/* === 39. Stats section — equal top/bottom padding === */
.stats-section,
section.stats-section {
    padding: 60px 0 !important;   /* equal top + bottom */
}
.stat-item {
    padding: 10px 20px !important;  /* less internal padding */
}
.stat-grid,
.stats-grid {
    margin: 0 !important;
    padding: 0 !important;
}

/* === 40. Force any "btn-outline" anywhere to be solid green + white === */
.btn-outline,
button.btn-outline,
a.btn-outline,
.section-cta a {
    background: #009944 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #009944 !important;
}
.btn-outline:hover,
button.btn-outline:hover,
a.btn-outline:hover,
.section-cta a:hover {
    background: #ffffff !important;
    color: #009944 !important;
    border-color: #009944 !important;
    background-image: none !important;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — STATS exact padding
   Force exact 40px top + 40px bottom, kill all internal padding
   ===================================================== */

/* Kill any prior stat padding from anywhere */
.stats-section,
section.stats-section,
section.section.stats-section,
section[class*="stats"] {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
}

/* Kill any grid / item padding */
.stats-section .container,
.stats-section .stats-grid,
.stats-section .stat-grid {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

.stats-section .stat-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}

/* Make stat items use flexbox for even distribution */
.stats-section .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    text-align: center !important;
}

/* Remove any ::before/::after that might be empty space */
.stats-section::before,
.stats-section::after,
.stats-section *::before,
.stats-section *::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Number + label tight together */
.stat-num {
    margin-bottom: 4px !important;
    line-height: 1 !important;
}
.stat-label {
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — STATS centered text
   ===================================================== */

.stats-section {
    text-align: center !important;
}
.stats-grid {
    text-align: center !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    align-items: center !important;
    justify-items: center !important;
}
.stat-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
.stat-num,
.stat-label {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — STATS FIX center
   Remove width: 100% on stat-num/label, use text-align only
   ===================================================== */

.stats-section .stat-num,
.stats-section .stat-label,
.stat-num, .stat-label {
    width: auto !important;
    display: inline-block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.stats-section .stat-item,
.stat-item {
    text-align: center !important;
    display: block !important;
}

/* Force the grid to center its items */
.stats-section .stats-grid,
.stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    justify-items: center !important;
    align-items: center !important;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — STATS truly centered
   Flex column + block children (no inline-block)
   ===================================================== */

.stats-section,
section.stats-section {
    text-align: center !important;
}
.stats-section .container,
section.stats-section .container {
    text-align: center !important;
}
.stats-section .stats-grid,
section.stats-section .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    text-align: center !important;
    justify-items: stretch !important;  /* stretch cells */
    align-items: stretch !important;
}

.stats-section .stat-item,
section.stats-section .stat-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;       /* horizontal center inside item */
    justify-content: center !important;    /* vertical center inside item */
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;                /* take full cell width */
}

.stats-section .stat-num,
section.stats-section .stat-num,
.stat-num {
    display: block !important;             /* not inline-block */
    text-align: center !important;
    width: 100% !important;                 /* take full item width */
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    margin: 0 0 4px 0 !important;
}

.stats-section .stat-label,
section.stats-section .stat-label,
.stat-label {
    display: block !important;             /* not inline-block */
    text-align: center !important;
    width: 100% !important;                 /* take full item width */
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* =====================================================
   PTN Final Touches (2026-08-03) — HERO TEXT bolder + thicker shadow
   ===================================================== */

.hero-content h1 {
    color: #ffffff !important;
    font-weight: 900 !important;          /* 900 black weight */
    font-size: 48px !important;           /* slightly bigger */
    line-height: 1.1 !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 1),       /* 紧贴锐边 */
        0 2px 6px rgba(0, 0, 0, 0.95),    /* 中距 */
        0 4px 12px rgba(0, 0, 0, 0.9),    /* 远距 */
        0 8px 24px rgba(0, 0, 0, 0.8),    /* 大气层 */
        0 16px 40px rgba(0, 0, 0, 0.7),   /* 远散 */
        2px 2px 0 rgba(0, 0, 0, 0.8) !important;  /* 锐边描边 */
}
.hero-content p {
    color: #ffffff !important;
    font-weight: 600 !important;          /* semibold */
    font-size: 19px !important;
    line-height: 1.5 !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 1),
        0 2px 6px rgba(0, 0, 0, 0.95),
        0 4px 12px rgba(0, 0, 0, 0.85),
        0 8px 20px rgba(0, 0, 0, 0.7),
        1px 1px 0 rgba(0, 0, 0, 0.8) !important;
}