.yuvarlak-kose {
  border-radius: 20px !important;
  overflow: hidden;
}

.round-corners,.round-corners .fill,.round-corners .box-image,.round-corners .flickity-viewport,.round-corners .slider,.round-corners .col-inner,.round-corners img {
    border-radius: 20px
}

.round-corners-top,.round-corners-top .fill,.round-corners-top .box-image,.round-corners-top .flickity-viewport,.round-corners-top .slider,.round-corners-top .col-inner,.round-corners-top img {
    border-radius: 20px 20px 0 0
}

.round-corners-left,.round-corners-left .fill,.round-corners-left .box-image,.round-corners-left .flickity-viewport,.round-corners-left .slider,.round-corners-topo.col-inner,.round-corners-left img {
    border-radius: 20px 0 0 20px
}

.round-corners-right,.round-corners-right .fill,.round-corners-right .box-image,.round-corners-right .flickity-viewport,.round-corners-right .slider,.round-corners-topo.col-inner,.round-corners-right img {
    border-radius: 0 20px 20px 0
}

@media screen and (max-width: 849px) {
    .round-corners-right,.round-corners-right .fill,.round-corners-right .box-image,.round-corners-right .flickity-viewport,.round-corners-right .slider,.round-corners-topo.col-inner,.round-corners-right img,.round-corners-left,.round-corners-left .fill,.round-corners-left .box-image,.round-corners-left .flickity-viewport,.round-corners-left .slider,.round-corners-topo.col-inner,.round-corners-left img {
        border-radius:20px 20px 0 0
    }
}

@media screen and (min-width: 849px) {
    .header-inner .nav-left {
        justify-content:center!important
    }
}

.accordion-item .toggle i {
    font-size: 1em
}

.accordion-item {
    background: #fcfbfc;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 15px
}

.accordion-title {
    border-top: 0;
    font-size: 90%
}

.accordion-title.active {
    background-color: transparent
}

.accordion-inner {
    padding: 1em
}

input[type=email],input[type=date],input[type=number],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select,.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection,.Input,.p-FauxInput,input#Field-numberInput,input#Field-expiryInput,input#Field-cvcInput {
    border-radius: 12px;
    border: 1px solid #d5d2ce!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    border: 1px solid #d5d2ce;
    border-radius: 12px;
    box-shadow: none
}

.widget input[type=search] {
    border-radius: 12px 0 0 12px!important;
    height: 2.8em
}

.searchform .button.icon {
    border-radius: 0 12px 12px 0!important;
    height: 2.8em;
    min-width: 45px!important
}

th,td {
    border-bottom: 1px solid #d5d2ce
}

.nav-dropdown {
    border-radius: 20px;
    padding: 15px 0;
    top: 40px
}

.nav-column li>a,.nav-dropdown>li>a {
    padding: 10px 20px
}

.nav-dropdown-bold .nav-column li>a,.nav-dropdown.nav-dropdown-bold>li>a {
    border-radius: 15px
}

.header-nav-main .has-dropdown .icon-angle-down {
    transition: all .3s;
    margin-left: .3em;
    font-size: 17px;
    margin-top: 3px
}

.header-nav-main .has-dropdown a:hover .icon-angle-down {
    transform: rotate(180deg);
    opacity: 1
}

.nav-dropdown {
    border: 1px solid rgba(218,215,211,.50)
}

.nav-dropdown.nav-dropdown-bold>li>a:hover {
    background-color: #EFFBA4;
    color: #101010!important
}

.badge-yellow span {
    background: #EFFBA4;
    color: #101010;
    border-radius: 99px;
    margin: auto;
    padding: 7px 20px 7px 20px;
    margin-right: 5px;
    font-size: 60%;
    letter-spacing: .2em;
    font-weight: 500;
    text-transform: uppercase
}

.badge-blue span {
    background: #D6EAFF;
    color: #101010;
    border-radius: 99px;
    margin: auto;
    padding: 7px 20px 7px 20px;
    margin-right: 5px;
    font-size: 60%;
    letter-spacing: .2em;
    font-weight: 500;
    text-transform: uppercase
}

.badge-purple span {
    background: #E0BAEE;
    color: #101010;
    border-radius: 99px;
    margin: auto;
    padding: 7px 20px 7px 20px;
    margin-right: 5px;
    font-size: 60%;
    letter-spacing: .2em;
    font-weight: 500;
    text-transform: uppercase
}

.badge,.badge+.badge {
    width: 100%;
    height: 1.75em;
    margin-bottom: 5px;
    font-size: 14px
}

.badge-inner {
    padding: 10px;
    color: #101010
}

.badge-container {
    margin: 20px 15px
}

.box-overlay.dark .box-text,.box-shade.dark .box-text {
    text-shadow: none
}

.box-text:not(.is-xsmall,.is-small,.is-large,.is-xlarge) {
    font-size: 100%
}

.box-light.dark p,.box-light.dark h1,.box-light.dark h2,.box-light.dark h3,.box-light.dark h4 {
    color: #101010
}

.box-blog-post .is-divider,.entry-divider.is-divider,.widget .is-divider {
    height: 0
}

.box-blog-post .box-image img {
    border-radius: 20px;
    border: 1px solid #d5d2ce
}

.entry-header-text.text-left {
    text-align: center
}

.single-post .entry-image img {
    border-radius: 20px
}

#comments .comment-respond {
    background-color: #fcfbfc;
    border-radius: 20px
}

.absolute-footer {
    display: none!important;
    visibility: hidden!important
}

.footer-wrapper .social-icons i {
    color: #101010
}

#text-roller {
    position: relative;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    font-family: gellix-bold,Helvetica,sans-serif!important;
    font-weight: normal!important;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 75%
}

.text-roller-section {
    padding-left: 0!important;
    padding-right: 0!important
}

.product-small.box {
    border: 1px solid rgba(218,215,211,.50);
    border-radius: 20px;
    background-color: #fcfbfc
}

.product-small.box img {
    border-radius: 20px 20px 0 0
}

.box-text.box-text-products {
    padding: 20px
}

@media screen and (min-width: 849px) {
    .shop-container .products {
        padding-left:5%!important
    }
}

.woocommerce-product-gallery .flickity-viewport,.product-gallery-slider img,.product-thumbnails img,.product-thumbnails a {
    border-radius: 20px
}

.product-thumbnails img {
    margin-bottom: 0;
    padding: 2px
}

.product-thumbnails .is-nav-selected a img,.product-thumbnails a:hover img {
    transform: none
}

.product-gallery-slider img {
    background-color: #fcfbfc
}

/* Form */

/* --- Kayan Yazı Stilleri Başlangıcı (Site Fontu Kullanımı) --- */

/* Kayan yazının ana kapsayıcısı */
#text-roller-container {
  width: 100%;
  padding: 1rem 0;
  background-color: #fcfbfc;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

/* Kayan yazının görüneceği pencere */
#text-roller {
  position: relative;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 75%;
}

/* Asıl kayacak olan içerik şeridi */
.scrolling-text-content {
  display: inline-block;
  animation: scroll-left 30s linear infinite;
}

/* Yazı ve ikonların arasındaki boşluk */
.scrolling-text-content span {
  padding: 0 2em;
  display: inline-block;
}

/* Duraklatma efekti (isteğe bağlı) */
#text-roller:hover .scrolling-text-content {
  animation-play-state: paused;
}

/* Animasyonun kendisi: Yatayda kaydırma */
@keyframes scroll-left {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}
/* --- Kayan Yazı Stilleri Sonu --- */

/* Input */
.init p input{
  text-transform:capitalize;
  width:100%;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.yuvarlak-sag {
  border-radius: 0 20px 20px 0 !important;
  overflow: hidden;
}

/* Header vertical menu opener */
#wide-nav .flex-left .header-vertical-menu__opener{
  border-top-right-radius:50px;
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  border-bottom-right-radius:50px;
  background-color:#d6eaff;
  color:#2e2e2e;
}

/* --- Sepete Ekle Butonları - Flatsome Uyumlu Tasarım --- */
.button.add_to_cart_button,
.product_type_simple.add_to_cart_button,
.single_add_to_cart_button {
    background-color: #FF6F00;
    color: #fff !important;
    border-radius: 12px;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    border: none;
}

.button.add_to_cart_button:hover,
.product_type_simple.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    background-color: #e65100;
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.button.add_to_cart_button:active,
.product_type_simple.add_to_cart_button:active,
.single_add_to_cart_button:active {
    transform: scale(0.95);
}

@media (max-width: 768px) {
    .button.add_to_cart_button,
    .product_type_simple.add_to_cart_button,
    .single_add_to_cart_button {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* Sepete Ekle butonunun yüksekliğini ayarla */
.single_add_to_cart_button,
.button.add_to_cart_button {
    height: 50px;
    font-size: 16px !important;
    padding: 0 24px !important;
    line-height: 1 !important;
    border-radius: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Tüm sitede pound işaretini düz hizaya getir */
.woocommerce-Price-currencySymbol {
    font-size: inherit !important;
    vertical-align: baseline !important;
    position: static !important;
    top: auto !important;
    margin-right: 0.1em;
}

/* Sadece Mobilde (767px altı) Görünecek */
@media (max-width: 767px) {
    .m-sabit-bar-yeni {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 65px !important;
        background: #ffffff !important;
        visibility: visible !important;
        z-index: 9999999 !important;
        box-shadow: 0 -3px 15px rgba(0,0,0,0.2) !important;
        padding: 8px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    .m-sabit-bar-yeni .m-btn {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        border-radius: 5px !important;
        font-family: sans-serif !important;
    }

    .m-sabit-bar-yeni .m-ara { background-color: #002e5b !important; color: #ffffff !important; }
    .m-sabit-bar-yeni .m-wp { background-color: #ffffff !important; color: #002e5b !important; border: 2px solid #002e5b !important; }

    .m-sabit-bar-yeni i { margin-right: 6px !important; }

    body { padding-bottom: 70px !important; }
}

/* Xootix mini sepet aktifken mobil sabit barı gizle */
.xoo-wsc-active .m-sabit-bar-yeni {
  display: none !important;
}

/* Masaüstünde Asla Gösterme */
@media (min-width: 768px) {
    .m-sabit-bar-yeni { display: none !important; }
}

/* ===================================
   HIRELOAD BLOG STYLES
   Added: 6 April 2026
   Purpose: Reusable styling for all
   Hireload blog articles.
   Namespaced with hl- to avoid
   conflicts with existing Flatsome
   or WooCommerce styles.
   =================================== */

/* Blog Table */
.hl-blog-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.5;
}
.hl-blog-table th,
.hl-blog-table td {
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: top;
}
.hl-blog-table thead th {
  background-color: #2c2c2c;
  color: #ffffff;
  font-weight: 600;
}
.hl-blog-table tbody tr:last-child td {
  border-bottom: none;
}
.hl-blog-table a {
  text-decoration: underline;
}

/* Responsive Visibility */
@media (max-width: 767px) {
  .hl-desktop-only { display: none !important; }
}
@media (min-width: 768px) {
  .hl-mobile-only { display: none !important; }
}

/* Scenario Cards — Mobile */
.hl-scenario-card {
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 16px;
}
.hl-scenario-card h4 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 16px;
}
.hl-scenario-card .hl-card-label {
  font-size: 13px;
  color: #777;
  margin-bottom: 4px;
}

/* CTA Box */
.hl-cta-box {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 32px;
  text-align: center;
}

/* FAQ Spacing */
.hl-faq-section .accordion-item {
  margin-bottom: 8px;
}


/* === Article 01: Post 6468 fixes === */

/* 1. Hide sidebar column entirely */
.postid-6468 .blog-sidebar,
.postid-6468 .widget-area,
.postid-6468 .post-sidebar,
.postid-6468 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* 2. Expand and centre content column */
.postid-6468 #content > .row {
  justify-content: center !important;
}
.postid-6468 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}

/* 3. Hide ALL entry-meta (footer + header div), author box, post nav, share icons, comments */
.postid-6468 footer.entry-meta,
.postid-6468 .entry-meta,
.postid-6468 .entry-author,
.postid-6468 .entry-author.author-box,
.postid-6468 .author-box,
.postid-6468 .navigation-post,
.postid-6468 .nav-previous,
.postid-6468 .nav-next,
.postid-6468 .blog-share,
.postid-6468 .social-icons.share-icons,
.postid-6468 #comments,
.postid-6468 #respond {
  display: none !important;
}

/* 4. FAQ: clean accordion — override inline styles */
.postid-6468 .hl-faq-section details {
  margin-bottom: 0 !important;
  border: none !important;
  border-bottom: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.postid-6468 .hl-faq-section details:last-child {
  border-bottom: none !important;
}
.postid-6468 .hl-faq-section details summary {
  padding: 16px 36px 16px 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  cursor: pointer;
  position: relative;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
}
.postid-6468 .hl-faq-section details summary::-webkit-details-marker {
  display: none !important;
}
.postid-6468 .hl-faq-section details summary::after {
  content: "+" !important;
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 22px;
  font-weight: 300;
  color: #999;
  transition: transform 0.2s;
}
.postid-6468 .hl-faq-section details[open] summary::after {
  content: "\2212" !important;
}
.postid-6468 .hl-faq-section details p,
.postid-6468 .hl-faq-section details div {
  padding: 0 0 16px 0 !important;
  margin-top: 0 !important;
  color: #555;
  line-height: 1.65;
  font-size: 15px;
}
.postid-6468 .hl-faq-section h2,
.postid-6468 .hl-faq-section h3 {
  margin-bottom: 8px !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* 5. CTA box mobile improvements */
@media (max-width: 768px) {
  .postid-6468 .hl-cta-box {
    padding: 24px 20px !important;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0 !important;
  }
  .postid-6468 .hl-cta-box h3,
  .postid-6468 .hl-cta-box strong {
    font-size: 18px !important;
    line-height: 1.3;
  }
  .postid-6468 .hl-cta-box a {
    display: block;
    text-align: center;
    padding: 14px 20px;
    margin-top: 12px;
    font-size: 16px;
  }
}

/* === Article 02: How to Dry a Room After a Leak === */
.postid-6456 .blog-sidebar,
.postid-6456 .widget-area,
.postid-6456 .post-sidebar,
.postid-6456 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* 2. Expand and centre content column */
.postid-6456 #content > .row {
  justify-content: center !important;
}
.postid-6456 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}

/* 3. Hide ALL entry-meta (footer + header div), author box, post nav, share icons, comments */
.postid-6456 footer.entry-meta,
.postid-6456 .entry-meta,
.postid-6456 .entry-author,
.postid-6456 .entry-author.author-box,
.postid-6456 .author-box,
.postid-6456 .navigation-post,
.postid-6456 .nav-previous,
.postid-6456 .nav-next,
.postid-6456 .blog-share,
.postid-6456 .social-icons.share-icons,
.postid-6456 #comments,
.postid-6456 #respond {
  display: none !important;
}

/* 4. FAQ: clean accordion — override inline styles */
.postid-6456 .hl-faq-section details {
  margin-bottom: 0 !important;
  border: none !important;
  border-bottom: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.postid-6456 .hl-faq-section details:last-child {
  border-bottom: none !important;
}
.postid-6456 .hl-faq-section details summary {
  padding: 16px 36px 16px 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  cursor: pointer;
  position: relative;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
}
.postid-6456 .hl-faq-section details summary::-webkit-details-marker {
  display: none !important;
}
.postid-6456 .hl-faq-section details summary::after {
  content: "+" !important;
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 22px;
  font-weight: 300;
  color: #999;
  transition: transform 0.2s;
}
.postid-6456 .hl-faq-section details[open] summary::after {
  content: "\2212" !important;
}
.postid-6456 .hl-faq-section details p,
.postid-6456 .hl-faq-section details div {
  padding: 0 0 16px 0 !important;
  margin-top: 0 !important;
  color: #555;
  line-height: 1.65;
  font-size: 15px;
}
.postid-6456 .hl-faq-section h2,
.postid-6456 .hl-faq-section h3 {
  margin-bottom: 8px !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* 5. CTA box mobile improvements */
@media (max-width: 768px) {
  .postid-6456 .hl-cta-box {
    padding: 24px 20px !important;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0 !important;
  }
  .postid-6456 .hl-cta-box h3,
  .postid-6456 .hl-cta-box strong {
    font-size: 18px !important;
    line-height: 1.3;
  }
  .postid-6456 .hl-cta-box a {
    display: block;
    text-align: center;
    padding: 14px 20px;
    margin-top: 12px;
    font-size: 16px;
  }
}

/* Fix: Flatsome related products wrapper squeezed inside flex parent on product pages */
.related-products-wrapper {
  width: 100% !important;
}

/* === Dehumidifier 20L Product Page (hl8) === */
.hl8{font-family:'Red Hat Display',system-ui,-apple-system,sans-serif;color:#1e293b;line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased}
.hl8 *{box-sizing:border-box}
.hl8 h2{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:#0f2847;letter-spacing:-0.01em;line-height:1.2;margin:0 0 8px}
.hl8 h3{font-size:17px;font-weight:800;color:#0f2847;line-height:1.2;margin:0 0 8px}
.hl8 h4{font-size:15px;font-weight:800;color:#0f2847;line-height:1.2;margin:0 0 8px}
.hl8 p{margin:0 0 12px}
.hl8 a{color:#1a396a;text-decoration:underline;text-decoration-color:#0891b2;text-underline-offset:3px;font-weight:600}
.hl8 a:hover{color:#0e7490}
.hl8 small{font-size:12.5px;color:#475569}
.hl8-sec{padding:36px 0}
.hl8-hero{border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.06);border:1px solid #e2e8f0;border-left:3px solid #0891b2}
.hl8-cmp{width:100%;border-collapse:collapse;font-size:13px}
.hl8-cmp thead th{padding:14px;text-align:left;background:#0f2847;color:#fff;font-weight:700;font-size:11px;letter-spacing:0.05em;text-transform:uppercase;vertical-align:bottom}
.hl8-cmp tbody td{padding:11px 14px;border-top:1px solid #e2e8f0;vertical-align:top;font-size:13px;line-height:1.45}
.hl8-cmp tbody tr:nth-child(even) td{background:#f8fafc}
.hl8-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:6px;overflow:hidden}
.hl8-faq details[open]{border-color:#0891b2}
.hl8-faq summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:700;color:#0f2847;font-size:14.5px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.hl8-faq summary::-webkit-details-marker{display:none}
.hl8-faq .ans{padding:0 18px 16px;font-size:14px;color:#1e293b;line-height:1.65}
.hl8-faq .ans p:last-child{margin-bottom:0}
@media(max-width:980px){
.hl8-hero-body{grid-template-columns:1fr!important;gap:18px!important}
.hl8-trust{grid-template-columns:repeat(2,1fr)!important}
.hl8-stats{grid-template-columns:repeat(2,1fr)!important}
.hl8-sectors{grid-template-columns:repeat(3,1fr)!important}
.hl8-explain-grid{grid-template-columns:1fr!important;gap:24px!important}
.hl8-rooms{grid-template-columns:repeat(2,1fr)!important}
.hl8-flow{grid-template-columns:repeat(2,1fr)!important}
.hl8-flow-line{display:none!important}
.hl8-days{grid-template-columns:repeat(2,1fr)!important}
.hl8-uc{grid-template-columns:1fr!important}
.hl8-stepup{grid-template-columns:1fr!important;gap:18px!important}
.hl8-spec-grid{grid-template-columns:1fr!important}
.hl8-finale-grid{grid-template-columns:1fr!important;gap:20px!important;text-align:center!important}
.hl8-range-row{grid-template-columns:auto 1fr!important;gap:12px!important}
.hl8-range-action{grid-column:1/-1!important;justify-self:start!important;margin-top:4px!important}
}
@media(max-width:520px){
.hl8-sectors{grid-template-columns:repeat(2,1fr)!important}
.hl8-rooms{grid-template-columns:1fr 1fr!important}
.hl8-days{grid-template-columns:1fr!important}
.hl8-hero-cards{grid-template-columns:1fr!important}
.hl8-cmp-wrap{overflow-x:auto}
.hl8-cmp{min-width:540px}
}
@media(prefers-reduced-motion:reduce){
*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}
}


/* ========== DEHUMIDIFIER CATEGORY PAGE — RESPONSIVE ========== */
@media (max-width: 849px) {
  .dhm-quickpick-grid { grid-template-columns: 1fr !important; }
  .dhm-cost-grid { grid-template-columns: 1fr !important; }
  .dhm-hirevsbuy { grid-template-columns: 1fr !important; }
  .dhm-scenario-grid { grid-template-columns: 1fr !important; }
  .dhm-tips-grid { grid-template-columns: 1fr !important; }
  .dhm-howworks-grid { grid-template-columns: 1fr !important; }
  .dhm-explain-grid { grid-template-columns: 1fr !important; }
  .dhm-emergency-grid { grid-template-columns: 1fr !important; }
  .dhm-trust-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 850px) and (max-width: 1024px) {
  .dhm-quickpick-grid { grid-template-columns: 1fr 1fr !important; }
}

/* ===== AIR MOVERS & CARPET DRYERS CATEGORY ===== */

/* =====================================================================
   Hireload — Air Movers & Carpet Dryers — Category styling
   Scoped under .hl-amcd-cat — will not leak into other pages or categories
   ===================================================================== */
.hl-amcd-cat {
  --hl-navy: #0e2a47;
  --hl-navy-2: #0a1f33;
  --hl-cream: #faf7f0;
  --hl-cream-2: #f3ecd8;
  --hl-gold: #c9a961;
  --hl-gold-soft: #e8d8b5;
  --hl-text: #1f2a3a;
  --hl-muted: #5a6677;
  --hl-border: #e5e0d2;
  --hl-radius: 14px;
  --hl-radius-sm: 10px;
  --hl-shadow: 0 6px 20px rgba(14,42,71,.08);
  --hl-shadow-strong: 0 10px 32px rgba(14,42,71,.14);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  color: var(--hl-text); line-height: 1.55; font-size: 16px;
  max-width: 1180px; margin: 0 auto;
}
.hl-amcd-cat * { box-sizing: border-box; }
.hl-amcd-cat h2, .hl-amcd-cat h3, .hl-amcd-cat h4 { font-weight: 700; color: var(--hl-navy); letter-spacing: -0.01em; margin: 0 0 .5em; }
.hl-amcd-cat h2 { font-size: 1.55rem; line-height: 1.25; margin-top: 2.2rem; }
.hl-amcd-cat h3 { font-size: 1.18rem; line-height: 1.3; }
.hl-amcd-cat h4 { font-size: 1rem; }
.hl-amcd-cat p  { margin: 0 0 .9em; color: var(--hl-text); }
.hl-amcd-cat strong { color: var(--hl-navy); }
.hl-amcd-cat a { color: var(--hl-navy); text-decoration: underline; text-underline-offset: 3px; }
.hl-amcd-cat a:hover { color: var(--hl-gold); }

.hl-amcd-hero { background: linear-gradient(135deg, var(--hl-navy) 0%, var(--hl-navy-2) 100%); color: #fff; border-radius: var(--hl-radius); padding: 1.6rem 1.5rem; box-shadow: var(--hl-shadow-strong); position: relative; overflow: hidden; }
.hl-amcd-hero::before { content: ""; position: absolute; inset: auto -40px -60px auto; width: 220px; height: 220px; background: radial-gradient(circle, rgba(201,169,97,.22), transparent 70%); pointer-events: none; }
.hl-amcd-hero__eyebrow { display: inline-block; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--hl-gold); font-weight: 700; margin-bottom: .35rem; }
.hl-amcd-hero h1, .hl-amcd-hero .hl-amcd-hero__title { color: #fff; font-size: 1.75rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.18; margin: 0 0 .35rem; }
.hl-amcd-hero__sub { color: #d8e2ed; font-size: .95rem; margin: 0 0 1rem; }
.hl-amcd-badges { display: flex; flex-wrap: wrap; gap: .45rem; }
.hl-amcd-badge { display: inline-flex; align-items: center; gap: .35rem; background: rgba(255,255,255,.08); border: 1px solid rgba(201,169,97,.45); color: #fff; border-radius: 999px; padding: .35rem .7rem; font-size: .78rem; font-weight: 500; }
.hl-amcd-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--hl-gold); }

.hl-amcd-tracks { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; margin: 1rem 0 0; }
.hl-amcd-track { background: var(--hl-cream); border: 1px solid var(--hl-border); border-left: 4px solid var(--hl-gold); border-radius: var(--hl-radius-sm); padding: .9rem 1rem; }
.hl-amcd-track h3 { font-size: .98rem; margin: 0 0 .25rem; color: var(--hl-navy); }
.hl-amcd-track p  { font-size: .85rem; color: var(--hl-muted); margin: 0; line-height: 1.45; }

.hl-amcd-intro { background: #fff; border: 1px solid var(--hl-border); border-radius: var(--hl-radius); padding: 1.1rem 1.25rem; margin-top: 1rem; box-shadow: var(--hl-shadow); }
.hl-amcd-intro p { margin-bottom: .65em; }
.hl-amcd-intro p:last-child { margin-bottom: 0; }
.hl-amcd-intro__cta { display: inline-flex; align-items: center; gap: .4rem; background: var(--hl-navy); color: #fff !important; padding: .55rem .95rem; border-radius: 999px; text-decoration: none !important; font-weight: 600; font-size: .9rem; margin-top: .3rem; }
.hl-amcd-intro__cta:hover { background: var(--hl-gold); color: var(--hl-navy) !important; }

.hl-amcd-quick { margin-top: .9rem; background: var(--hl-cream-2); border: 1px solid var(--hl-gold-soft); border-radius: var(--hl-radius-sm); padding: .85rem 1rem; font-size: .92rem; color: var(--hl-navy); }
.hl-amcd-below { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--hl-border); }

.hl-amcd-decisions { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; margin: 1rem 0 0; }
.hl-amcd-decision { background: #fff; border: 1px solid var(--hl-border); border-radius: var(--hl-radius); padding: 1.1rem 1.15rem; box-shadow: var(--hl-shadow); display: flex; flex-direction: column; }
.hl-amcd-decision__icon { width: 38px; height: 38px; border-radius: 10px; background: var(--hl-cream-2); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; margin-bottom: .55rem; }
.hl-amcd-decision h3 { font-size: 1.05rem; margin: 0 0 .35rem; }
.hl-amcd-decision__text { color: var(--hl-muted); font-size: .9rem; margin: 0 0 .8rem; }
.hl-amcd-decision__group { margin-top: auto; padding-top: .65rem; border-top: 1px dashed var(--hl-border); font-size: .85rem; }
.hl-amcd-decision__group + .hl-amcd-decision__group { padding-top: .55rem; }
.hl-amcd-decision__group h4 { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--hl-gold); margin: 0 0 .3rem; }
.hl-amcd-decision__group ul { margin: 0; padding: 0; list-style: none; }
.hl-amcd-decision__group li { padding: .15rem 0; position: relative; padding-left: 1.05rem; }
.hl-amcd-decision__group li::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; background: var(--hl-gold); border-radius: 50%; }

.hl-amcd-section { margin-top: 2.2rem; }
.hl-amcd-section__intro { color: var(--hl-muted); font-size: .94rem; margin-top: -.25rem; }

.hl-amcd-scenarios { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; margin-top: .9rem; }
.hl-amcd-scenario { position: relative; background: #fff; border: 1px solid var(--hl-border); border-radius: var(--hl-radius); padding: 1.1rem 1.15rem 1rem; box-shadow: var(--hl-shadow); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.hl-amcd-scenario:hover { transform: translateY(-2px); box-shadow: var(--hl-shadow-strong); }
.hl-amcd-scenario::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40%; height: 3px; background: var(--hl-gold); border-radius: 0 3px 0 0; }
.hl-amcd-scenario__num { font-size: .72rem; letter-spacing: .14em; font-weight: 700; color: var(--hl-gold); margin-bottom: .35rem; }
.hl-amcd-scenario h3 { font-size: 1.02rem; margin: 0 0 .4rem; color: var(--hl-navy); }
.hl-amcd-scenario p { margin: 0; color: var(--hl-muted); font-size: .9rem; line-height: 1.5; }

.hl-amcd-selectors { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; margin-top: .9rem; }
.hl-amcd-selector { background: #fff; border: 1px solid var(--hl-border); border-radius: var(--hl-radius); padding: 1rem 1.15rem 1.05rem; box-shadow: var(--hl-shadow); }
.hl-amcd-selector__head { display: flex; align-items: center; gap: .65rem; margin-bottom: .65rem; padding-bottom: .65rem; border-bottom: 1px dashed var(--hl-border); }
.hl-amcd-selector__icon { width: 36px; height: 36px; border-radius: 10px; background: var(--hl-cream-2); display: inline-flex; align-items: center; justify-content: center; font-size: 1.05rem; flex: 0 0 36px; }
.hl-amcd-selector__head h3 { margin: 0; font-size: 1.05rem; }
.hl-amcd-selector__row { display: flex; flex-direction: column; gap: .15rem; padding: .4rem 0; }
.hl-amcd-selector__row + .hl-amcd-selector__row { border-top: 1px solid var(--hl-border); padding-top: .55rem; margin-top: .15rem; }
.hl-amcd-selector__label { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--hl-gold); font-weight: 700; }
.hl-amcd-selector__value { font-size: .95rem; color: var(--hl-text); font-weight: 500; }

.hl-amcd-defgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-top: .8rem; }
.hl-amcd-def { background: var(--hl-cream); border: 1px solid var(--hl-border); border-radius: var(--hl-radius-sm); padding: .85rem .9rem; }
.hl-amcd-def h4 { font-size: .85rem; margin: 0 0 .25rem; color: var(--hl-navy); }
.hl-amcd-def p  { margin: 0; font-size: .82rem; color: var(--hl-muted); line-height: 1.45; }

.hl-amcd-aistrip { margin-top: 1rem; background: var(--hl-navy); color: #fff; border-radius: var(--hl-radius-sm); padding: .9rem 1rem; font-size: .92rem; border-left: 4px solid var(--hl-gold); }
.hl-amcd-aistrip strong { color: var(--hl-gold); }

.hl-amcd-factors { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; margin-top: .9rem; }
.hl-amcd-factor { background: #fff; border: 1px solid var(--hl-border); border-radius: var(--hl-radius); padding: 1rem 1.1rem 1.05rem; box-shadow: var(--hl-shadow); }
.hl-amcd-factor__icon { width: 38px; height: 38px; border-radius: 10px; background: var(--hl-cream-2); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; margin-bottom: .55rem; }
.hl-amcd-factor h3 { font-size: 1rem; margin: 0 0 .3rem; color: var(--hl-navy); }
.hl-amcd-factor p { margin: 0; color: var(--hl-muted); font-size: .88rem; line-height: 1.5; }

.hl-amcd-ctastrip { margin-top: 1rem; background: var(--hl-cream); border: 1px solid var(--hl-gold-soft); border-left: 4px solid var(--hl-gold); border-radius: var(--hl-radius-sm); padding: .9rem 1.05rem; font-size: .94rem; color: var(--hl-navy); }
.hl-amcd-ctastrip a { font-weight: 700; }

.hl-amcd-bullets { margin: .6rem 0 .9rem; padding: 0; list-style: none; }
.hl-amcd-bullets li { position: relative; padding: .35rem 0 .35rem 1.4rem; font-size: .94rem; color: var(--hl-text); }
.hl-amcd-bullets li::before { content: ""; position: absolute; left: 0; top: .85em; width: 8px; height: 8px; background: var(--hl-gold); border-radius: 50%; }
.hl-amcd-note { background: var(--hl-cream); border: 1px solid var(--hl-border); border-radius: var(--hl-radius-sm); padding: .75rem .95rem; font-size: .88rem; color: var(--hl-muted); margin: .5rem 0 0; }

.hl-amcd-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin-top: .8rem; }
.hl-amcd-trust__item { background: #fff; border: 1px solid var(--hl-border); border-radius: var(--hl-radius-sm); padding: .85rem .95rem; display: flex; gap: .7rem; align-items: flex-start; }
.hl-amcd-trust__icon { flex: 0 0 32px; width: 32px; height: 32px; background: var(--hl-cream-2); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; }
.hl-amcd-trust__body h4 { font-size: .9rem; margin: 0 0 .15rem; }
.hl-amcd-trust__body p  { margin: 0; font-size: .82rem; color: var(--hl-muted); line-height: 1.45; }

.hl-amcd-check { background: var(--hl-cream); border: 1px solid var(--hl-border); border-radius: var(--hl-radius); padding: 1rem 1.15rem; margin-top: .8rem; }
.hl-amcd-check ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 1.6rem; }
.hl-amcd-check li { break-inside: avoid; padding: .35rem 0 .35rem 1.5rem; position: relative; font-size: .92rem; }
.hl-amcd-check li::before { content: "✓"; position: absolute; left: 0; top: .35rem; width: 18px; height: 18px; background: var(--hl-gold); color: #fff; border-radius: 50%; font-size: .7rem; display: flex; align-items: center; justify-content: center; font-weight: 700; }

.hl-amcd-delivery { background: linear-gradient(135deg, var(--hl-navy) 0%, var(--hl-navy-2) 100%); color: #fff; border-radius: var(--hl-radius); padding: 1.1rem 1.25rem; margin-top: .8rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.hl-amcd-delivery h4 { color: var(--hl-gold); margin: 0 0 .3rem; font-size: .95rem; }
.hl-amcd-delivery p  { color: #d8e2ed; margin: 0; font-size: .9rem; }
.hl-amcd-delivery a  { color: #fff; }

.hl-amcd-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.hl-amcd-chip { display: inline-flex; align-items: center; gap: .35rem; background: var(--hl-cream); border: 1px solid var(--hl-border); border-radius: 999px; padding: .45rem .85rem; font-size: .85rem; color: var(--hl-navy); text-decoration: none; transition: all .15s ease; }
a.hl-amcd-chip:hover { background: var(--hl-navy); color: #fff; border-color: var(--hl-navy); text-decoration: none; }
.hl-amcd-chip--text { cursor: default; color: var(--hl-muted); }

.hl-amcd-faq { margin-top: .8rem; }
.hl-amcd-faq details { background: #fff; border: 1px solid var(--hl-border); border-radius: var(--hl-radius-sm); margin-bottom: .55rem; overflow: hidden; transition: box-shadow .2s ease; }
.hl-amcd-faq details[open] { box-shadow: var(--hl-shadow); }
.hl-amcd-faq summary { cursor: pointer; list-style: none; padding: .85rem 1rem; font-weight: 600; color: var(--hl-navy); display: flex; justify-content: space-between; align-items: center; font-size: .95rem; }
.hl-amcd-faq summary::-webkit-details-marker { display: none; }
.hl-amcd-faq summary::after { content: "+"; color: var(--hl-gold); font-size: 1.4rem; font-weight: 400; line-height: 1; transition: transform .2s ease; }
.hl-amcd-faq details[open] summary::after { transform: rotate(45deg); }
.hl-amcd-faq__answer { padding: 0 1rem 1rem; color: var(--hl-text); font-size: .92rem; line-height: 1.55; }
.hl-amcd-faq__answer p:last-child { margin-bottom: 0; }

.hl-amcd-finalcta { margin-top: 2rem; background: linear-gradient(135deg, var(--hl-navy) 0%, var(--hl-navy-2) 100%); color: #fff; border-radius: var(--hl-radius); padding: 1.6rem 1.4rem; text-align: center; position: relative; overflow: hidden; }
.hl-amcd-finalcta::before { content: ""; position: absolute; inset: -50% -10% auto auto; width: 320px; height: 320px; background: radial-gradient(circle, rgba(201,169,97,.18), transparent 70%); }
.hl-amcd-finalcta h2 { color: #fff; font-size: 1.4rem; margin-bottom: .3rem; position: relative; }
.hl-amcd-finalcta p  { color: #d8e2ed; max-width: 640px; margin: 0 auto .9rem; font-size: .95rem; position: relative; }
.hl-amcd-finalcta__btn { display: inline-flex; align-items: center; gap: .5rem; background: var(--hl-gold); color: var(--hl-navy) !important; padding: .8rem 1.4rem; border-radius: 999px; font-weight: 700; text-decoration: none !important; font-size: 1rem; position: relative; box-shadow: 0 4px 14px rgba(0,0,0,.15); }
.hl-amcd-finalcta__btn:hover { background: #fff; }

@media (max-width: 980px) { .hl-amcd-scenarios { grid-template-columns: repeat(2, 1fr); } .hl-amcd-factors { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 880px) {
  .hl-amcd-tracks { grid-template-columns: 1fr; }
  .hl-amcd-decisions { grid-template-columns: 1fr; }
  .hl-amcd-selectors { grid-template-columns: 1fr; }
  .hl-amcd-defgrid { grid-template-columns: repeat(2, 1fr); }
  .hl-amcd-trust { grid-template-columns: 1fr; }
  .hl-amcd-delivery { grid-template-columns: 1fr; }
  .hl-amcd-check ul { columns: 1; }
  .hl-amcd-hero h1, .hl-amcd-hero .hl-amcd-hero__title { font-size: 1.45rem; }
  .hl-amcd-cat h2 { font-size: 1.3rem; }
}
@media (max-width: 600px) { .hl-amcd-scenarios { grid-template-columns: 1fr; } .hl-amcd-factors { grid-template-columns: 1fr; } }
@media (max-width: 480px) {
  .hl-amcd-hero { padding: 1.25rem 1.1rem; }
  .hl-amcd-intro { padding: 1rem 1.05rem; }
  .hl-amcd-finalcta { padding: 1.3rem 1rem; }
  .hl-amcd-defgrid { grid-template-columns: 1fr; }
}

/* ===== Hireload — Heaters category (compound !important rules only) ===== */
/* HL-HEAT OVERRIDE START */
/* Hireload Heaters — override fixes for rules WP sanitizer stripped */
.hl-heat-cat .hl-heat-hero { background: radial-gradient(circle at 88% 8%, rgba(217,122,42,.32), transparent 55%), radial-gradient(circle at 12% 92%, rgba(201,169,97,.22), transparent 55%), linear-gradient(135deg, #0e2a47 0%, #0a1f33 100%) !important; color: #fff !important; border-radius: 14px !important; padding: 1.6rem 1.5rem !important; box-shadow: 0 10px 32px rgba(14,42,71,.14) !important; position: relative !important; overflow: hidden !important; }
.hl-heat-cat .hl-heat-hero__sub { color: #fff !important; opacity: .95 !important; font-size: .95rem !important; margin: 0 0 1rem !important; }
.hl-heat-cat .hl-heat-hero__title { color: #fff !important; font-size: 1.75rem !important; font-weight: 700 !important; line-height: 1.18 !important; margin: 0 0 .35rem !important; }
.hl-heat-cat .hl-heat-hero__eyebrow { color: #f3c89a !important; font-size: .72rem !important; text-transform: uppercase !important; letter-spacing: .14em !important; font-weight: 700 !important; margin-bottom: .35rem !important; display: inline-block !important; }
.hl-heat-cat .hl-heat-badges { display: flex !important; flex-wrap: wrap !important; gap: .45rem !important; }
.hl-heat-cat .hl-heat-badge { display: inline-flex !important; align-items: center !important; gap: .35rem !important; background: rgba(255,255,255,.08) !important; border: 1px solid rgba(217,122,42,.55) !important; color: #fff !important; border-radius: 999px !important; padding: .35rem .7rem !important; font-size: .78rem !important; font-weight: 500 !important; }

.hl-heat-cat .hl-heat-tracks { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: .7rem !important; margin: 1rem 0 0 !important; }
.hl-heat-cat .hl-heat-track { background: #faf7f0 !important; border: 1px solid #e5e0d2 !important; border-radius: 10px !important; padding: .9rem 1rem .85rem !important; position: relative !important; overflow: hidden !important; }
.hl-heat-cat .hl-heat-track h3 { color: #0e2a47 !important; font-size: .98rem !important; margin: .35rem 0 .25rem !important; }
.hl-heat-cat .hl-heat-track p { color: #5a6677 !important; font-size: .85rem !important; margin: 0 !important; line-height: 1.45 !important; }

.hl-heat-cat .hl-heat-intro { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 14px !important; padding: 1.1rem 1.25rem !important; margin-top: 1rem !important; box-shadow: 0 6px 20px rgba(14,42,71,.08) !important; position: relative !important; }
.hl-heat-cat .hl-heat-intro__cta { display: inline-flex !important; align-items: center !important; gap: .4rem !important; background: #0e2a47 !important; color: #fff !important; padding: .55rem .95rem !important; border-radius: 999px !important; text-decoration: none !important; font-weight: 600 !important; font-size: .9rem !important; margin-top: .3rem !important; }
.hl-heat-cat .hl-heat-quick { margin-top: .9rem !important; background: #f3ecd8 !important; border: 1px solid #e8d8b5 !important; border-left: 4px solid #d97a2a !important; border-radius: 10px !important; padding: .85rem 1rem !important; font-size: .92rem !important; color: #0e2a47 !important; }

.hl-heat-cat .hl-heat-section { margin-top: 2.2rem !important; }
.hl-heat-cat .hl-heat-section__intro { color: #5a6677 !important; font-size: .94rem !important; margin-top: -.25rem !important; }

.hl-heat-cat .hl-heat-decisions { display: grid !important; gap: .9rem !important; margin: 1rem 0 0 !important; grid-template-columns: repeat(2, 1fr) !important; }
.hl-heat-cat .hl-heat-decisions--five { grid-template-columns: repeat(3, 1fr) !important; }
.hl-heat-cat .hl-heat-decision { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 14px !important; padding: 1.1rem 1.15rem 1rem !important; box-shadow: 0 6px 20px rgba(14,42,71,.08) !important; display: flex !important; flex-direction: column !important; position: relative !important; overflow: hidden !important; }
.hl-heat-cat .hl-heat-decision__icon { width: 38px !important; height: 38px !important; border-radius: 10px !important; background: #f3ecd8 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.15rem !important; margin-bottom: .55rem !important; }
.hl-heat-cat .hl-heat-decision__group { margin-top: .4rem !important; padding-top: .65rem !important; border-top: 1px dashed #e5e0d2 !important; font-size: .85rem !important; }
.hl-heat-cat .hl-heat-decision__group h4 { font-size: .72rem !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: #d97a2a !important; margin: 0 0 .3rem !important; }
.hl-heat-cat .hl-heat-decision__group ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.hl-heat-cat .hl-heat-decision__heatbar { margin-top: .9rem !important; height: 6px !important; background: #f3ecd8 !important; border-radius: 999px !important; overflow: hidden !important; }
.hl-heat-cat .hl-heat-decision__heatbar span { display: block !important; height: 100% !important; background: linear-gradient(90deg, #f3c89a 0%, #d97a2a 60%, #0e2a47 100%) !important; }

.hl-heat-cat .hl-heat-selectors { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: .9rem !important; margin-top: .9rem !important; }
.hl-heat-cat .hl-heat-selector { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 14px !important; padding: 1rem 1.15rem 1.05rem !important; box-shadow: 0 6px 20px rgba(14,42,71,.08) !important; }
.hl-heat-cat .hl-heat-selector__head { display: flex !important; align-items: center !important; gap: .65rem !important; padding-bottom: .65rem !important; border-bottom: 1px dashed #e5e0d2 !important; margin-bottom: .65rem !important; }
.hl-heat-cat .hl-heat-selector__icon { width: 36px !important; height: 36px !important; border-radius: 10px !important; background: #f3ecd8 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 36px !important; }
.hl-heat-cat .hl-heat-selector__row { display: flex !important; flex-direction: column !important; gap: .15rem !important; padding: .4rem 0 !important; }
.hl-heat-cat .hl-heat-selector__row + .hl-heat-selector__row { border-top: 1px solid #e5e0d2 !important; padding-top: .55rem !important; }
.hl-heat-cat .hl-heat-selector__label { font-size: .7rem !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: #d97a2a !important; font-weight: 700 !important; }
.hl-heat-cat .hl-heat-selector__value { font-size: .92rem !important; color: #1f2a3a !important; font-weight: 500 !important; }

.hl-heat-cat .hl-heat-supply { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: .85rem !important; margin-top: .9rem !important; }
.hl-heat-cat .hl-heat-supply__card { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 14px !important; padding: .9rem 1.1rem 1rem !important; box-shadow: 0 6px 20px rgba(14,42,71,.08) !important; }
.hl-heat-cat .hl-heat-supply__head { margin-bottom: .55rem !important; padding-bottom: .55rem !important; border-bottom: 1px dashed #e5e0d2 !important; }
.hl-heat-cat .hl-heat-supply__chip { display: inline-block !important; background: linear-gradient(90deg, #d97a2a 0%, #c9a961 100%) !important; color: #fff !important; font-size: .78rem !important; font-weight: 700 !important; padding: .3rem .7rem !important; border-radius: 999px !important; }
.hl-heat-cat .hl-heat-supply__row { display: grid !important; grid-template-columns: 0.55fr 1fr !important; gap: .65rem !important; align-items: baseline !important; padding: .35rem 0 !important; font-size: .88rem !important; border-bottom: 1px solid rgba(229,224,210,.55) !important; }
.hl-heat-cat .hl-heat-supply__row:last-child { border-bottom: none !important; }
.hl-heat-cat .hl-heat-note { margin-top: 1rem !important; background: #faf7f0 !important; border: 1px solid #e5e0d2 !important; border-radius: 10px !important; padding: .8rem 1rem !important; font-size: .9rem !important; color: #0e2a47 !important; }

.hl-heat-cat .hl-heat-defgrid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: .75rem !important; margin-top: .8rem !important; }
.hl-heat-cat .hl-heat-def { background: #faf7f0 !important; border: 1px solid #e5e0d2 !important; border-radius: 10px !important; padding: .9rem .95rem !important; position: relative !important; overflow: hidden !important; }
.hl-heat-cat .hl-heat-aistrip { background: #0e2a47 !important; color: #fff !important; border-radius: 10px !important; padding: .9rem 1rem !important; margin-top: 1rem !important; font-size: .92rem !important; border-left: 4px solid #d97a2a !important; }
.hl-heat-cat .hl-heat-aistrip strong { color: #f3c89a !important; }

.hl-heat-cat .hl-heat-factors { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: .85rem !important; margin-top: .9rem !important; }
.hl-heat-cat .hl-heat-factor { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 14px !important; padding: 1rem 1.1rem 1.05rem !important; box-shadow: 0 6px 20px rgba(14,42,71,.08) !important; }
.hl-heat-cat .hl-heat-factor__icon { width: 38px !important; height: 38px !important; border-radius: 10px !important; background: #f3ecd8 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.1rem !important; margin-bottom: .55rem !important; }
.hl-heat-cat .hl-heat-ctastrip { margin-top: 1rem !important; background: #faf7f0 !important; border: 1px solid #e8d8b5 !important; border-left: 4px solid #d97a2a !important; border-radius: 10px !important; padding: .9rem 1.05rem !important; font-size: .94rem !important; color: #0e2a47 !important; }

.hl-heat-cat .hl-heat-check { background: #faf7f0 !important; border: 1px solid #e5e0d2 !important; border-radius: 14px !important; padding: 1rem 1.15rem !important; margin-top: .8rem !important; }
.hl-heat-cat .hl-heat-check ul { list-style: none !important; margin: 0 !important; padding: 0 !important; columns: 2 !important; column-gap: 1.6rem !important; }
.hl-heat-cat .hl-heat-check li { padding: .35rem 0 .35rem 1.7rem !important; position: relative !important; font-size: .92rem !important; break-inside: avoid !important; }

.hl-heat-cat .hl-heat-scenarios { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: .85rem !important; margin-top: .9rem !important; }
.hl-heat-cat .hl-heat-scenario { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 14px !important; padding: 1.1rem 1.15rem 1rem !important; box-shadow: 0 6px 20px rgba(14,42,71,.08) !important; position: relative !important; overflow: hidden !important; }
.hl-heat-cat .hl-heat-scenario__num { font-size: .72rem !important; letter-spacing: .14em !important; font-weight: 700 !important; color: #d97a2a !important; margin-bottom: .35rem !important; }

.hl-heat-cat .hl-heat-trust { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: .75rem !important; margin-top: .8rem !important; }
.hl-heat-cat .hl-heat-trust__item { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 10px !important; padding: .9rem .95rem !important; display: flex !important; gap: .7rem !important; align-items: flex-start !important; }
.hl-heat-cat .hl-heat-trust__icon { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; background: #f3ecd8 !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; }

.hl-heat-cat .hl-heat-delivery { background: linear-gradient(135deg, #0e2a47 0%, #0a1f33 100%) !important; color: #fff !important; border-radius: 14px !important; padding: 1.1rem 1.25rem !important; margin-top: .8rem !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1rem !important; }
.hl-heat-cat .hl-heat-delivery h4 { color: #f3c89a !important; margin: 0 0 .3rem !important; font-size: .95rem !important; }
.hl-heat-cat .hl-heat-delivery p { color: #d8e2ed !important; margin: 0 !important; font-size: .9rem !important; }

.hl-heat-cat .hl-heat-chips { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important; margin-top: .8rem !important; }
.hl-heat-cat .hl-heat-chip { display: inline-flex !important; align-items: center !important; gap: .35rem !important; background: #faf7f0 !important; border: 1px solid #e5e0d2 !important; border-radius: 999px !important; padding: .45rem .85rem !important; font-size: .85rem !important; color: #0e2a47 !important; text-decoration: none !important; }

.hl-heat-cat .hl-heat-faq { margin-top: .8rem !important; }
.hl-heat-cat .hl-heat-faq details { background: #fff !important; border: 1px solid #e5e0d2 !important; border-radius: 10px !important; margin-bottom: .55rem !important; overflow: hidden !important; }
.hl-heat-cat .hl-heat-faq summary { cursor: pointer !important; list-style: none !important; padding: .85rem 1rem !important; font-weight: 600 !important; color: #0e2a47 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: .95rem !important; }
.hl-heat-cat .hl-heat-faq__answer { padding: 0 1rem 1rem !important; color: #1f2a3a !important; font-size: .92rem !important; line-height: 1.55 !important; }

.hl-heat-cat .hl-heat-finalcta { margin-top: 2rem !important; background: radial-gradient(circle at 90% 0%, rgba(217,122,42,.30), transparent 55%), linear-gradient(135deg, #0e2a47 0%, #0a1f33 100%) !important; color: #fff !important; border-radius: 14px !important; padding: 1.6rem 1.4rem !important; text-align: center !important; }
.hl-heat-cat .hl-heat-finalcta h2 { color: #fff !important; font-size: 1.4rem !important; margin-bottom: .3rem !important; }
.hl-heat-cat .hl-heat-finalcta p { color: #d8e2ed !important; max-width: 640px !important; margin: 0 auto .9rem !important; font-size: .95rem !important; }
.hl-heat-cat .hl-heat-finalcta__btn { display: inline-flex !important; align-items: center !important; gap: .5rem !important; background: #d97a2a !important; color: #fff !important; padding: .8rem 1.4rem !important; border-radius: 999px !important; font-weight: 700 !important; text-decoration: none !important; font-size: 1rem !important; }

@media (max-width: 1080px) {
  .hl-heat-cat .hl-heat-tracks { grid-template-columns: repeat(2, 1fr) !important; }
  .hl-heat-cat .hl-heat-decisions--five { grid-template-columns: repeat(2, 1fr) !important; }
  .hl-heat-cat .hl-heat-scenarios { grid-template-columns: repeat(2, 1fr) !important; }
  .hl-heat-cat .hl-heat-factors { grid-template-columns: repeat(2, 1fr) !important; }
  .hl-heat-cat .hl-heat-trust { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 880px) {
  .hl-heat-cat .hl-heat-decisions { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-decisions--five { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-selectors { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-supply { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-defgrid { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-delivery { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-check ul { columns: 1 !important; }
}
@media (max-width: 600px) {
  .hl-heat-cat .hl-heat-tracks { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-scenarios { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-factors { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-trust { grid-template-columns: 1fr !important; }
  .hl-heat-cat .hl-heat-supply__row { grid-template-columns: 1fr !important; gap: .15rem !important; }
}


.hl-heat-cat .hl-heat-delivery a { color: #fff !important; text-decoration: underline !important; font-weight: 600 !important; }
.hl-heat-cat .hl-heat-delivery a:hover { color: #f3c89a !important; }
/* HL-HEAT OVERRIDE END */


/* ===== AIR MOVERS — HERO SUBTITLE VISIBILITY FIX ===== */
.hl-amcd-cat .hl-amcd-hero__sub,
.hl-amcd-hero p.hl-amcd-hero__sub,
p.hl-amcd-hero__sub {
  color: #d8e2ed !important;
}
.hl-amcd-cat .hl-amcd-aistrip,
.hl-amcd-cat .hl-amcd-aistrip * {
  color: #fff;
}
.hl-amcd-cat .hl-amcd-aistrip strong { color: #c9a961 !important; }
.hl-amcd-cat .hl-amcd-finalcta p { color: #d8e2ed !important; }
.hl-amcd-cat .hl-amcd-delivery p { color: #d8e2ed !important; }
.hl-amcd-cat .hl-amcd-hero,
.hl-amcd-cat .hl-amcd-hero p,
.hl-amcd-cat .hl-amcd-hero h1,
.hl-amcd-cat .hl-amcd-hero .hl-amcd-hero__title { color: #fff; }


/* === Hireload Floor Cleaners — added 2026-05-03 === */
/* ===== Hireload Floor Cleaners — scoped category description CSS ===== */
/* Paste into Customizer → Additional CSS or a child-theme stylesheet. */
/* All rules scoped under .hl-floor-cat — cannot leak into other pages. */

.hl-floor-cat{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1d2b40;line-height:1.55;font-size:14.5px;-webkit-font-smoothing:antialiased;max-width:1180px;margin:0 auto}
.hl-floor-cat *{box-sizing:border-box}
.hl-floor-cat h2,.hl-floor-cat h3,.hl-floor-cat h4{font-family:'Inter',sans-serif;color:#0c2547;margin:0 0 10px;letter-spacing:-.005em}
.hl-floor-cat h2{font-size:24px;font-weight:800;line-height:1.2}
.hl-floor-cat h3{font-size:19px;font-weight:700;line-height:1.25}
.hl-floor-cat h4{font-size:15px;font-weight:700}
.hl-floor-cat p{margin:0 0 12px}
.hl-floor-cat .hl-fc-eyebrow{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0aa6a3;margin-bottom:8px}

/* Hero */
.hl-floor-cat .hl-fc-hero{position:relative;background:linear-gradient(135deg,#0c2547 0%,#143b6d 60%,#0aa6a3 140%);border-radius:18px;padding:38px 32px;color:#fff;overflow:hidden;margin:8px 0 24px;box-shadow:0 8px 30px rgba(12,37,71,.10)}
.hl-floor-cat .hl-fc-hero::before{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;background:radial-gradient(circle,rgba(20,196,193,.55) 0%,rgba(20,196,193,0) 60%);pointer-events:none}
.hl-floor-cat .hl-fc-hero::after{content:"";position:absolute;inset:-80px auto auto -100px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 65%);pointer-events:none}
.hl-floor-cat .hl-fc-hero .hl-fc-eyebrow{color:#14c4c1}
.hl-floor-cat .hl-fc-hero h2{color:#fff;font-size:30px;line-height:1.18;margin:0 0 6px;position:relative}
.hl-floor-cat .hl-fc-hero .hl-fc-sub{color:#cdeeec;font-weight:500;font-size:15px;margin:0 0 18px;position:relative}
.hl-floor-cat .hl-fc-badges{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.hl-floor-cat .hl-fc-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600}
.hl-floor-cat .hl-fc-badge::before{content:"";width:6px;height:6px;background:#14c4c1;border-radius:50%;display:inline-block}

/* Track cards */
.hl-floor-cat .hl-fc-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
.hl-floor-cat .hl-fc-track{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hl-floor-cat .hl-fc-track:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,166,163,.10);border-color:#cfeeec}
.hl-floor-cat .hl-fc-track h4{color:#0c2547;margin-bottom:6px;font-size:14px}
.hl-floor-cat .hl-fc-track p{font-size:13px;color:#3a4a60;margin:0}
.hl-floor-cat .hl-fc-track .hl-fc-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#d6f4f3,#eaf9f8);color:#0aa6a3;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-bottom:10px}

/* Intro */
.hl-floor-cat .hl-fc-intro{background:#fff;border:1px solid #e6f1f0;border-left:5px solid #0aa6a3;border-radius:14px;padding:22px 24px;margin:0 0 22px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-floor-cat .hl-fc-intro p{margin:0 0 10px;color:#243b5c}
.hl-floor-cat .hl-fc-intro p:last-child{margin:0}
.hl-floor-cat .hl-fc-intro a{color:#0aa6a3;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(10,166,163,.35)}

/* Quick answer — light aqua panel */
.hl-floor-cat .hl-fc-quick{background:linear-gradient(90deg,#d6f4f3,#eaf9f8);border-left:4px solid #0aa6a3;border-radius:12px;padding:18px 22px;margin:0 0 28px;display:flex;gap:14px;align-items:flex-start;color:#0c2547}
.hl-floor-cat .hl-fc-quick .hl-fc-q{flex:0 0 auto;background:#0aa6a3;color:#fff;font-weight:800;font-size:11px;letter-spacing:.12em;padding:5px 10px;border-radius:6px;text-transform:uppercase}
.hl-floor-cat .hl-fc-quick p{margin:0;font-size:14px;color:#0c2547;line-height:1.55}
.hl-floor-cat .hl-fc-quick strong{color:#0c2547}

/* Section header */
.hl-floor-cat .hl-fc-section{margin:0 0 32px}
.hl-floor-cat .hl-fc-section-head{margin:0 0 16px}
.hl-floor-cat .hl-fc-section-head h3{margin-bottom:4px}
.hl-floor-cat .hl-fc-section-head p{color:#56697f;font-size:13.5px;margin:0}

/* Decision cards (Step 1) */
.hl-floor-cat .hl-fc-dec{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-floor-cat .hl-fc-dec-card{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:20px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.hl-floor-cat .hl-fc-dec-card:hover{border-color:#14c4c1;transform:translateY(-2px);box-shadow:0 8px 22px rgba(10,166,163,.10)}
.hl-floor-cat .hl-fc-dec-card h4{color:#0c2547;font-size:15px;margin-bottom:8px}
.hl-floor-cat .hl-fc-dec-card .hl-fc-pill{display:inline-block;background:#d6f4f3;color:#0a807e;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;margin-bottom:10px;letter-spacing:.04em;text-transform:uppercase}
.hl-floor-cat .hl-fc-dec-card ul{margin:0 0 10px;padding:0;list-style:none}
.hl-floor-cat .hl-fc-dec-card ul li{font-size:13.5px;color:#283b54;padding:4px 0 4px 18px;position:relative}
.hl-floor-cat .hl-fc-dec-card ul li::before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;background:#14c4c1}
.hl-floor-cat .hl-fc-dec-card .hl-fc-best{font-size:12.5px;color:#0aa6a3;font-weight:600;margin-top:auto;padding-top:10px;border-top:1px dashed #c4e7e5}

/* Selector cards (Step 2) */
.hl-floor-cat .hl-fc-sel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl-floor-cat .hl-fc-sel-card{background:#fff;border:1px solid #e6f1f0;border-top:3px solid #14c4c1;border-radius:14px;padding:18px 16px 16px;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hl-floor-cat .hl-fc-sel-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(10,166,163,.16);border-color:#0aa6a3;border-top-color:#0aa6a3}
.hl-floor-cat .hl-fc-sel-card .hl-fc-sel-num{position:absolute;top:14px;right:14px;font-size:11px;font-weight:800;color:#0aa6a3;background:#d6f4f3;padding:3px 8px;border-radius:6px;letter-spacing:.06em}
.hl-floor-cat .hl-fc-sel-card .hl-fc-sel-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-right:32px}
.hl-floor-cat .hl-fc-sel-card .hl-fc-sel-title .hl-fc-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#d6f4f3,#eaf9f8);color:#0aa6a3;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex:0 0 auto}
.hl-floor-cat .hl-fc-sel-card h4{margin:0;color:#0c2547;font-size:14.5px;line-height:1.3}
.hl-floor-cat .hl-fc-sel-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;padding:9px 0;border-top:1px solid #f0f7f7}
.hl-floor-cat .hl-fc-sel-row:first-of-type{border-top:none;padding-top:0}
.hl-floor-cat .hl-fc-sel-label{flex:0 0 50px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0aa6a3;padding-top:2px}
.hl-floor-cat .hl-fc-sel-text{color:#283b54;flex:1}
.hl-floor-cat .hl-fc-sel-text strong{color:#0c2547}

/* Comparison cards (Step 3) */
.hl-floor-cat .hl-fc-cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-floor-cat .hl-fc-cmp-card{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease}
.hl-floor-cat .hl-fc-cmp-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(10,166,163,.14)}
.hl-floor-cat .hl-fc-cmp-head{background:linear-gradient(135deg,#0c2547,#143b6d);color:#fff;padding:14px 18px;position:relative}
.hl-floor-cat .hl-fc-cmp-head h4{color:#fff;font-size:15px;margin:0;line-height:1.25}
.hl-floor-cat .hl-fc-cmp-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0aa6a3,#14c4c1)}
.hl-floor-cat .hl-fc-cmp-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:12px}
.hl-floor-cat .hl-fc-cmp-row{display:flex;flex-direction:column;gap:3px}
.hl-floor-cat .hl-fc-cmp-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0aa6a3}
.hl-floor-cat .hl-fc-cmp-row.is-bad .hl-fc-cmp-label{color:#b96b6b}
.hl-floor-cat .hl-fc-cmp-text{font-size:13px;color:#283b54;line-height:1.5}

/* AI / note strip — light aqua */
.hl-floor-cat .hl-fc-ai{background:linear-gradient(90deg,#d6f4f3,#eaf9f8);border-left:4px solid #0aa6a3;border-radius:10px;padding:14px 18px;margin:18px 0 0;color:#0c2547;font-size:13.5px;line-height:1.55}
.hl-floor-cat .hl-fc-ai strong{color:#0aa6a3;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-weight:800}
.hl-floor-cat .hl-fc-ai a{color:#0aa6a3;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(10,166,163,.35)}

/* Floor type cards (Step 4) */
.hl-floor-cat .hl-fc-floor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:6px}
.hl-floor-cat .hl-fc-floor-card{background:#fff;border:1px solid #e6f1f0;border-top:4px solid #14c4c1;border-radius:14px;padding:22px 18px 18px;position:relative;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 6px rgba(12,37,71,.05)}
.hl-floor-cat .hl-fc-floor-card .hl-fc-floor-num{position:absolute;top:-14px;left:18px;background:#0c2547;color:#14c4c1;font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 11px;border-radius:6px}
.hl-floor-cat .hl-fc-floor-card h4{color:#0c2547;font-size:15px;margin:6px 0 4px}
.hl-floor-cat .hl-fc-floor-row{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:10px;background:#f6fbfb;border:1px solid #eaf6f5}
.hl-floor-cat .hl-fc-floor-icn{width:22px;height:22px;flex:0 0 auto;border-radius:6px;background:#0aa6a3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-top:1px}
.hl-floor-cat .hl-fc-floor-row .hl-fc-floor-key{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0aa6a3;display:block;margin-bottom:2px}
.hl-floor-cat .hl-fc-floor-row .hl-fc-floor-val{font-size:13px;color:#283b54;line-height:1.45}
.hl-floor-cat .hl-fc-floor-row .hl-fc-floor-val strong{color:#0c2547}

/* Cost cards */
.hl-floor-cat .hl-fc-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-floor-cat .hl-fc-cost-card{background:#fff;border:1px solid #e6f1f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,border-color .18s ease}
.hl-floor-cat .hl-fc-cost-card:hover{transform:translateY(-1px);border-color:#cfeeec}
.hl-floor-cat .hl-fc-cost-card h4{color:#0aa6a3;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.hl-floor-cat .hl-fc-cost-card p{margin:0;font-size:13.5px;color:#283b54;line-height:1.5}

/* Checklist */
.hl-floor-cat .hl-fc-checklist{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:22px 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 22px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-floor-cat .hl-fc-checklist-item{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:#283b54;padding:6px 0}
.hl-floor-cat .hl-fc-checklist-item::before{content:"";flex:0 0 auto;width:14px;height:14px;border:1.5px solid #0aa6a3;border-radius:4px;margin-top:3px;background:#fff}

/* Use cases */
.hl-floor-cat .hl-fc-use{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-floor-cat .hl-fc-use-card{background:#fff;border:1px solid #e6f1f0;border-top:4px solid #14c4c1;border-radius:14px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease}
.hl-floor-cat .hl-fc-use-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,166,163,.10)}
.hl-floor-cat .hl-fc-use-card h4{color:#0c2547;font-size:14.5px;margin-bottom:6px}
.hl-floor-cat .hl-fc-use-card p{margin:0;font-size:13.5px;color:#3a4a60;line-height:1.55}

/* Trust */
.hl-floor-cat .hl-fc-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-floor-cat .hl-fc-trust-card{background:#fff;border:1px solid #e6f1f0;border-radius:12px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-floor-cat .hl-fc-trust-card h4{color:#0c2547;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.hl-floor-cat .hl-fc-trust-card h4::before{content:"\2713";width:22px;height:22px;background:#0aa6a3;color:#fff;font-size:12px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hl-floor-cat .hl-fc-trust-card p{margin:0;font-size:13px;color:#3a4a60;line-height:1.55}

/* Delivery panel */
.hl-floor-cat .hl-fc-delivery{background:linear-gradient(135deg,#0c2547,#143b6d);color:#fff;border-radius:14px;padding:26px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:30px;box-shadow:0 8px 22px rgba(12,37,71,.12);position:relative;overflow:hidden}
.hl-floor-cat .hl-fc-delivery::before{content:"";position:absolute;inset:auto -100px -120px auto;width:340px;height:340px;background:radial-gradient(circle,rgba(20,196,193,.30) 0%,rgba(20,196,193,0) 65%);pointer-events:none}
.hl-floor-cat .hl-fc-delivery > *{position:relative}
.hl-floor-cat .hl-fc-delivery h3{color:#fff;font-size:18px;margin-bottom:6px}
.hl-floor-cat .hl-fc-delivery p{color:#cdeeec;margin:0 0 6px;font-size:13.5px;line-height:1.55}
.hl-floor-cat .hl-fc-delivery a.hl-fc-callbtn{display:inline-block;background:#14c4c1;color:#0c2547 !important;padding:12px 22px;border-radius:999px;font-weight:800;text-decoration:none;font-size:13.5px;white-space:nowrap}

/* Related chips */
.hl-floor-cat .hl-fc-related{display:flex;flex-wrap:wrap;gap:8px}
.hl-floor-cat .hl-fc-related a{background:#fff;border:1px solid #d8edec;color:#0c2547;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-floor-cat .hl-fc-related a:hover{background:#0aa6a3;color:#fff;border-color:#0aa6a3}

/* FAQ */
.hl-floor-cat .hl-fc-faq details{background:#fff;border:1px solid #e6f1f0;border-radius:12px;padding:0;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 2px rgba(12,37,71,.03)}
.hl-floor-cat .hl-fc-faq details[open]{border-color:#0aa6a3;box-shadow:0 6px 18px rgba(10,166,163,.10)}
.hl-floor-cat .hl-fc-faq summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;color:#0c2547;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hl-floor-cat .hl-fc-faq summary::-webkit-details-marker{display:none}
.hl-floor-cat .hl-fc-faq summary::after{content:"+";font-size:20px;color:#0aa6a3;font-weight:600;transition:transform .2s ease}
.hl-floor-cat .hl-fc-faq details[open] summary::after{transform:rotate(45deg)}
.hl-floor-cat .hl-fc-faq .hl-fc-faq-body{padding:0 18px 16px;color:#3a4a60;font-size:13.5px;line-height:1.6}
.hl-floor-cat .hl-fc-faq .hl-fc-faq-body a{color:#0aa6a3;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(10,166,163,.35)}

/* Final CTA */
.hl-floor-cat .hl-fc-final{background:linear-gradient(135deg,#0aa6a3,#14c4c1);color:#0c2547;border-radius:16px;padding:30px;text-align:center;margin:8px 0 4px;box-shadow:0 10px 26px rgba(10,166,163,.18);position:relative;overflow:hidden}
.hl-floor-cat .hl-fc-final::before{content:"";position:absolute;inset:-80px auto auto -100px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 65%);pointer-events:none}
.hl-floor-cat .hl-fc-final > *{position:relative}
.hl-floor-cat .hl-fc-final h3{color:#0c2547;font-size:22px;margin-bottom:8px}
.hl-floor-cat .hl-fc-final p{color:#0c2547;font-size:14.5px;margin:0 auto 16px;max-width:640px;line-height:1.5}
.hl-floor-cat .hl-fc-final a.hl-fc-callbtn{display:inline-block;background:#0c2547;color:#fff !important;padding:13px 28px;border-radius:999px;font-weight:800;text-decoration:none;font-size:14.5px;letter-spacing:.02em}

/* Responsive */
@media (max-width:980px){
  .hl-floor-cat .hl-fc-sel{grid-template-columns:repeat(2,1fr)}
  .hl-floor-cat .hl-fc-tracks{grid-template-columns:repeat(2,1fr)}
  .hl-floor-cat .hl-fc-dec,.hl-floor-cat .hl-fc-cmp,.hl-floor-cat .hl-fc-floor,.hl-floor-cat .hl-fc-cost,.hl-floor-cat .hl-fc-use,.hl-floor-cat .hl-fc-trust,.hl-floor-cat .hl-fc-checklist{grid-template-columns:repeat(2,1fr)}
  .hl-floor-cat .hl-fc-delivery{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hl-floor-cat{font-size:14px}
  .hl-floor-cat h2{font-size:22px}
  .hl-floor-cat h3{font-size:17px}
  .hl-floor-cat .hl-fc-hero{padding:26px 18px}
  .hl-floor-cat .hl-fc-hero h2{font-size:24px}
  .hl-floor-cat .hl-fc-sel,.hl-floor-cat .hl-fc-tracks,.hl-floor-cat .hl-fc-dec,.hl-floor-cat .hl-fc-cmp,.hl-floor-cat .hl-fc-floor,.hl-floor-cat .hl-fc-cost,.hl-floor-cat .hl-fc-use,.hl-floor-cat .hl-fc-trust,.hl-floor-cat .hl-fc-checklist{grid-template-columns:1fr}
  .hl-floor-cat .hl-fc-quick{flex-direction:column}
}

/* HL_PW_CAT START */
/* ===== Hireload Pressure Washer Hire — scoped category description CSS ===== */
/* Paste into Customizer → Additional CSS or a child-theme stylesheet. */
/* All rules scoped under .hl-pw-cat — cannot leak into other pages. */

.hl-pw-cat{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1d2b40;line-height:1.55;font-size:14.5px;-webkit-font-smoothing:antialiased;max-width:1180px;margin:0 auto}
.hl-pw-cat *{box-sizing:border-box}
.hl-pw-cat h2,.hl-pw-cat h3,.hl-pw-cat h4{font-family:'Inter',sans-serif;color:#0c2547;margin:0 0 10px;letter-spacing:-.005em}
.hl-pw-cat h2{font-size:24px;font-weight:800;line-height:1.2}
.hl-pw-cat h3{font-size:19px;font-weight:700;line-height:1.25}
.hl-pw-cat h4{font-size:15px;font-weight:700}
.hl-pw-cat p{margin:0 0 12px}
.hl-pw-cat .hl-pw-eyebrow{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#087877;margin-bottom:8px}

/* Hero — clean, no stats row */
.hl-pw-cat .hl-pw-hero{position:relative;background:linear-gradient(120deg,#0c2547 0%,#0a4f6e 55%,#087877 100%);border-radius:20px;padding:42px 36px 46px;color:#fff;overflow:hidden;margin:8px 0 26px;box-shadow:0 10px 32px rgba(8,120,119,.18)}
.hl-pw-cat .hl-pw-hero::before{content:"";position:absolute;inset:auto -80px -120px auto;width:380px;height:380px;background:radial-gradient(circle,rgba(20,196,193,.45) 0%,rgba(20,196,193,0) 65%);pointer-events:none}

.hl-pw-cat .hl-pw-hero .hl-pw-eyebrow{color:#14c4c1;position:relative}
.hl-pw-cat .hl-pw-hero h2{color:#fff;font-size:32px;line-height:1.15;margin:0 0 10px;position:relative}
.hl-pw-cat .hl-pw-hero .hl-pw-sub{color:#cdeeec;font-weight:500;font-size:15px;margin:0 0 22px;position:relative;max-width:780px}
.hl-pw-cat .hl-pw-badges{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.hl-pw-cat .hl-pw-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600}
.hl-pw-cat .hl-pw-badge::before{content:"";width:8px;height:10px;background:radial-gradient(circle at 50% 30%,#14c4c1 0%,#087877 100%);border-radius:50% 50% 50% 50% / 70% 70% 30% 30%;display:inline-block;transform:rotate(180deg)}

/* Track cards */
.hl-pw-cat .hl-pw-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 26px}
.hl-pw-cat .hl-pw-track{background:#fff;border:1px solid #e6f1f0;border-radius:16px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}
.hl-pw-cat .hl-pw-track:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(8,120,119,.12);border-color:#cfeeec}
.hl-pw-cat .hl-pw-track::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#087877,#14c4c1);opacity:0;transition:opacity .18s ease}
.hl-pw-cat .hl-pw-track:hover::after{opacity:1}
.hl-pw-cat .hl-pw-track h4{color:#0c2547;margin-bottom:6px;font-size:14px}
.hl-pw-cat .hl-pw-track p{font-size:13px;color:#3a4a60;margin:0}
.hl-pw-cat .hl-pw-track .hl-pw-icon{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#d6f4f3,#eaf9f8);color:#087877;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-bottom:10px}

/* Intro */
.hl-pw-cat .hl-pw-intro{background:#fff;border:1px solid #e6f1f0;border-left:5px solid #087877;border-radius:14px;padding:22px 24px;margin:0 0 24px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-pw-cat .hl-pw-intro p{margin:0 0 10px;color:#243b5c}
.hl-pw-cat .hl-pw-intro p:last-child{margin:0}
.hl-pw-cat .hl-pw-intro a{color:#087877;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(8,120,119,.35)}

/* Quick answer — light aqua panel */
.hl-pw-cat .hl-pw-quick{background:linear-gradient(90deg,#d6f4f3,#eaf9f8);border-left:4px solid #087877;border-radius:12px;padding:18px 22px;margin:0 0 30px;display:flex;gap:14px;align-items:flex-start;color:#0c2547}
.hl-pw-cat .hl-pw-quick .hl-pw-q{flex:0 0 auto;background:#087877;color:#fff;font-weight:800;font-size:11px;letter-spacing:.12em;padding:5px 10px;border-radius:6px;text-transform:uppercase}
.hl-pw-cat .hl-pw-quick p{margin:0;font-size:14px;color:#0c2547;line-height:1.55}
.hl-pw-cat .hl-pw-quick strong{color:#0c2547}

/* Section header */
.hl-pw-cat .hl-pw-section{margin:0 0 36px}
.hl-pw-cat .hl-pw-section-head{margin:0 0 18px}
.hl-pw-cat .hl-pw-section-head h3{margin-bottom:4px}
.hl-pw-cat .hl-pw-section-head p{color:#56697f;font-size:13.5px;margin:0}

/* PSI guide bands (Step 1) — 4 cards replacing the old scale bar */
.hl-pw-cat .hl-pw-bands{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl-pw-cat .hl-pw-band-card{background:#fff;border:1px solid #e6f1f0;border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}
.hl-pw-cat .hl-pw-band-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#087877,#14c4c1)}
.hl-pw-cat .hl-pw-band-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(8,120,119,.14);border-color:#cfeeec}
.hl-pw-cat .hl-pw-band-tag{display:inline-block;align-self:flex-start;background:#d6f4f3;color:#066160;font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:6px;text-transform:uppercase;margin-top:4px}
.hl-pw-cat .hl-pw-band-psi{display:flex;align-items:baseline;gap:6px;margin:4px 0 2px}
.hl-pw-cat .hl-pw-band-num{font-size:22px;font-weight:800;color:#087877;line-height:1.05;letter-spacing:-.01em}
.hl-pw-cat .hl-pw-band-unit{font-size:11.5px;font-weight:800;color:#56697f;letter-spacing:.06em;text-transform:uppercase}
.hl-pw-cat .hl-pw-band-card h4{color:#0c2547;font-size:15px;margin:0 0 6px}
.hl-pw-cat .hl-pw-band-row{margin:0 0 6px;font-size:13px;color:#283b54;line-height:1.5}
.hl-pw-cat .hl-pw-band-row .hl-pw-band-key{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#087877;margin-right:4px}
.hl-pw-cat .hl-pw-band-row strong{color:#0c2547}
.hl-pw-cat .hl-pw-band-note{margin:auto 0 0;padding-top:10px;border-top:1px dashed #c4e7e5;font-size:12.5px;color:#56697f;line-height:1.5}

/* Surface picker (Step 2) decision cards */
.hl-pw-cat .hl-pw-dec{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-pw-cat .hl-pw-dec-card{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;position:relative}
.hl-pw-cat .hl-pw-dec-card:hover{border-color:#14c4c1;transform:translateY(-2px);box-shadow:0 8px 22px rgba(8,120,119,.10)}
.hl-pw-cat .hl-pw-dec-card .hl-pw-pill{display:inline-block;align-self:flex-start;background:#d6f4f3;color:#066160;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}
.hl-pw-cat .hl-pw-dec-card h4{color:#0c2547;font-size:15px;margin:2px 0 4px}
.hl-pw-cat .hl-pw-dec-psi{display:flex;align-items:baseline;gap:6px;background:#f6fbfb;padding:8px 12px;border-radius:10px;border:1px solid #eaf6f5}
.hl-pw-cat .hl-pw-dec-psi .hl-pw-psi-num{font-size:18px;font-weight:800;color:#087877;line-height:1}
.hl-pw-cat .hl-pw-dec-psi .hl-pw-psi-unit{font-size:11px;font-weight:700;color:#56697f;letter-spacing:.06em;text-transform:uppercase}
.hl-pw-cat .hl-pw-dec-card .hl-pw-machine{font-size:13.5px;color:#283b54;margin:4px 0 0}
.hl-pw-cat .hl-pw-dec-card .hl-pw-machine strong{color:#0c2547}
.hl-pw-cat .hl-pw-dec-card .hl-pw-note{font-size:12.5px;color:#56697f;margin-top:auto;padding-top:8px;border-top:1px dashed #c4e7e5;line-height:1.5}

/* Selector cards (Step 3) — numbered top-LEFT */
.hl-pw-cat .hl-pw-sel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl-pw-cat .hl-pw-sel-card{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:20px 16px 16px;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hl-pw-cat .hl-pw-sel-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(8,120,119,.16);border-color:#087877}
.hl-pw-cat .hl-pw-sel-card .hl-pw-sel-badge{position:absolute;top:-12px;left:16px;background:linear-gradient(135deg,#087877,#14c4c1);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:8px;box-shadow:0 4px 10px rgba(8,120,119,.25)}
.hl-pw-cat .hl-pw-sel-card h4{margin:6px 0 12px;color:#0c2547;font-size:14.5px;line-height:1.3}
.hl-pw-cat .hl-pw-sel-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;padding:8px 0;border-top:1px solid #f0f7f7}
.hl-pw-cat .hl-pw-sel-row:first-of-type{border-top:none;padding-top:0}
.hl-pw-cat .hl-pw-sel-label{flex:0 0 50px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#087877;padding-top:2px}
.hl-pw-cat .hl-pw-sel-text{color:#283b54;flex:1}
.hl-pw-cat .hl-pw-sel-text strong{color:#0c2547}

/* Comparison cards (Step 4) — 4 machines in 2x2 grid */
.hl-pw-cat .hl-pw-cmp{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hl-pw-cat .hl-pw-cmp-card{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:20px 18px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}
.hl-pw-cat .hl-pw-cmp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#087877 0%,#14c4c1 100%)}
.hl-pw-cat .hl-pw-cmp-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(8,120,119,.14)}
.hl-pw-cat .hl-pw-cmp-card h4{color:#0c2547;font-size:15.5px;margin:2px 0 0;line-height:1.25}
.hl-pw-cat .hl-pw-cmp-tag{display:inline-block;align-self:flex-start;background:#0c2547;color:#14c4c1;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:6px;text-transform:uppercase}
.hl-pw-cat .hl-pw-cmp-gauge{margin:6px 0 4px}
.hl-pw-cat .hl-pw-cmp-gauge-bar{height:8px;background:#eaf6f5;border-radius:999px;overflow:hidden;position:relative}
.hl-pw-cat .hl-pw-cmp-gauge-fill{height:100%;background:linear-gradient(90deg,#087877,#14c4c1);border-radius:999px;width:0}
.hl-pw-cat .hl-pw-fill-35{width:35%}
.hl-pw-cat .hl-pw-fill-50{width:50%}
.hl-pw-cat .hl-pw-fill-65{width:65%}
.hl-pw-cat .hl-pw-fill-78{width:78%}
.hl-pw-cat .hl-pw-fill-95{width:95%}
.hl-pw-cat .hl-pw-cmp-gauge-meta{display:flex;justify-content:space-between;font-size:11px;color:#56697f;font-weight:600;margin-top:4px}
.hl-pw-cat .hl-pw-cmp-gauge-meta strong{color:#0c2547;font-weight:800}
.hl-pw-cat .hl-pw-cmp-row{display:flex;flex-direction:column;gap:3px}
.hl-pw-cat .hl-pw-cmp-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#087877}
.hl-pw-cat .hl-pw-cmp-row.is-bad .hl-pw-cmp-label{color:#b96b6b}
.hl-pw-cat .hl-pw-cmp-text{font-size:13px;color:#283b54;line-height:1.5}

/* AI / note strip — light aqua */
.hl-pw-cat .hl-pw-ai{background:linear-gradient(90deg,#d6f4f3,#eaf9f8);border-left:4px solid #087877;border-radius:10px;padding:14px 18px;margin:20px 0 0;color:#0c2547;font-size:13.5px;line-height:1.55}
.hl-pw-cat .hl-pw-ai strong{color:#087877;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-weight:800}
.hl-pw-cat .hl-pw-ai a{color:#087877;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(8,120,119,.35)}

/* Surface compatibility (Step 5) */
.hl-pw-cat .hl-pw-surf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px}
.hl-pw-cat .hl-pw-surf-card{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:24px 18px 18px;position:relative;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 6px rgba(12,37,71,.05)}
.hl-pw-cat .hl-pw-surf-card .hl-pw-surf-tag{position:absolute;top:-12px;right:18px;background:#fff;color:#087877;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:8px;text-transform:uppercase;border:2px solid #087877}
.hl-pw-cat .hl-pw-surf-card.is-caution .hl-pw-surf-tag{color:#a05a17;border-color:#d8992f}
.hl-pw-cat .hl-pw-surf-card h4{color:#0c2547;font-size:15px;margin:6px 0 4px}
.hl-pw-cat .hl-pw-surf-row{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:10px;background:#f6fbfb;border:1px solid #eaf6f5}
.hl-pw-cat .hl-pw-surf-row.is-warn{background:#fff8eb;border-color:#f5d07a}
.hl-pw-cat .hl-pw-surf-icn{width:24px;height:24px;flex:0 0 auto;border-radius:7px;background:#087877;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-top:1px}
.hl-pw-cat .hl-pw-surf-row.is-warn .hl-pw-surf-icn{background:#d8992f}
.hl-pw-cat .hl-pw-surf-row .hl-pw-surf-key{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#087877;display:block;margin-bottom:2px}
.hl-pw-cat .hl-pw-surf-row.is-warn .hl-pw-surf-key{color:#a05a17}
.hl-pw-cat .hl-pw-surf-row .hl-pw-surf-val{font-size:13px;color:#283b54;line-height:1.45}
.hl-pw-cat .hl-pw-surf-row .hl-pw-surf-val strong{color:#0c2547}

/* Cost cards */
.hl-pw-cat .hl-pw-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-pw-cat .hl-pw-cost-card{background:#fff;border:1px solid #e6f1f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,border-color .18s ease}
.hl-pw-cat .hl-pw-cost-card:hover{transform:translateY(-1px);border-color:#cfeeec}
.hl-pw-cat .hl-pw-cost-card h4{color:#087877;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.hl-pw-cat .hl-pw-cost-card p{margin:0;font-size:13.5px;color:#283b54;line-height:1.5}

/* Checklist — 2 columns */
.hl-pw-cat .hl-pw-checklist{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:22px 26px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 26px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-pw-cat .hl-pw-checklist-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#283b54;padding:7px 0}
.hl-pw-cat .hl-pw-checklist-item::before{content:"";flex:0 0 auto;width:14px;height:18px;background:radial-gradient(circle at 50% 30%,#14c4c1 0%,#087877 100%);border-radius:50% 50% 50% 50% / 70% 70% 30% 30%;margin-top:2px;transform:rotate(180deg)}

/* Use cases */
.hl-pw-cat .hl-pw-use{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-pw-cat .hl-pw-use-card{background:#fff;border:1px solid #e6f1f0;border-radius:14px;padding:18px 18px 18px 22px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}
.hl-pw-cat .hl-pw-use-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#087877,#14c4c1)}
.hl-pw-cat .hl-pw-use-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(8,120,119,.10)}
.hl-pw-cat .hl-pw-use-card h4{color:#0c2547;font-size:14.5px;margin-bottom:6px}
.hl-pw-cat .hl-pw-use-card p{margin:0;font-size:13.5px;color:#3a4a60;line-height:1.55}

/* Trust */
.hl-pw-cat .hl-pw-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-pw-cat .hl-pw-trust-card{background:#fff;border:1px solid #e6f1f0;border-radius:12px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-pw-cat .hl-pw-trust-card h4{color:#0c2547;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.hl-pw-cat .hl-pw-trust-card h4::before{content:"\2713";width:22px;height:22px;background:#087877;color:#fff;font-size:12px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hl-pw-cat .hl-pw-trust-card p{margin:0;font-size:13px;color:#3a4a60;line-height:1.55}

/* Delivery panel */
.hl-pw-cat .hl-pw-delivery{background:linear-gradient(120deg,#0c2547 0%,#0a4f6e 60%,#087877 110%);color:#fff;border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:32px;box-shadow:0 8px 22px rgba(8,120,119,.18);position:relative;overflow:hidden}
.hl-pw-cat .hl-pw-delivery::before{content:"";position:absolute;inset:auto -100px -120px auto;width:340px;height:340px;background:radial-gradient(circle,rgba(20,196,193,.30) 0%,rgba(20,196,193,0) 65%);pointer-events:none}
.hl-pw-cat .hl-pw-delivery >*{position:relative}
.hl-pw-cat .hl-pw-delivery h3{color:#fff;font-size:18px;margin-bottom:6px}
.hl-pw-cat .hl-pw-delivery p{color:#cdeeec;margin:0 0 6px;font-size:13.5px;line-height:1.55}
.hl-pw-cat .hl-pw-delivery a.hl-pw-callbtn{display:inline-block;background:#14c4c1;color:#0c2547 !important;padding:13px 24px;border-radius:999px;font-weight:800;text-decoration:none;font-size:14px;white-space:nowrap}

/* Related chips */
.hl-pw-cat .hl-pw-related{display:flex;flex-wrap:wrap;gap:8px}
.hl-pw-cat .hl-pw-related a{background:#fff;border:1px solid #d8edec;color:#0c2547;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-pw-cat .hl-pw-related a:hover{background:#087877;color:#fff;border-color:#087877}

/* FAQ */
.hl-pw-cat .hl-pw-faq details{background:#fff;border:1px solid #e6f1f0;border-radius:12px;padding:0;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 2px rgba(12,37,71,.03)}
.hl-pw-cat .hl-pw-faq details[open]{border-color:#087877;box-shadow:0 6px 18px rgba(8,120,119,.10)}
.hl-pw-cat .hl-pw-faq summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;color:#0c2547;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hl-pw-cat .hl-pw-faq summary::-webkit-details-marker{display:none}
.hl-pw-cat .hl-pw-faq summary::after{content:"+";font-size:20px;color:#087877;font-weight:600;transition:transform .2s ease}
.hl-pw-cat .hl-pw-faq details[open] summary::after{transform:rotate(45deg)}
.hl-pw-cat .hl-pw-faq .hl-pw-faq-body{padding:0 18px 16px;color:#3a4a60;font-size:13.5px;line-height:1.6}
.hl-pw-cat .hl-pw-faq .hl-pw-faq-body a{color:#087877;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(8,120,119,.35)}

/* Final CTA */
.hl-pw-cat .hl-pw-final{background:linear-gradient(135deg,#087877,#14c4c1);color:#0c2547;border-radius:18px;padding:34px;text-align:center;margin:8px 0 4px;box-shadow:0 10px 28px rgba(8,120,119,.20);position:relative;overflow:hidden}
.hl-pw-cat .hl-pw-final::before{content:"";position:absolute;inset:-80px auto auto -100px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 65%);pointer-events:none}
.hl-pw-cat .hl-pw-final >*{position:relative}
.hl-pw-cat .hl-pw-final h3{color:#0c2547;font-size:23px;margin-bottom:8px}
.hl-pw-cat .hl-pw-final p{color:#0c2547;font-size:14.5px;margin:0 auto 16px;max-width:660px;line-height:1.5}
.hl-pw-cat .hl-pw-final a.hl-pw-callbtn{display:inline-block;background:#0c2547;color:#fff !important;padding:14px 30px;border-radius:999px;font-weight:800;text-decoration:none;font-size:14.5px;letter-spacing:.02em}

/* Responsive */
@media (max-width:980px){
  .hl-pw-cat .hl-pw-bands{grid-template-columns:repeat(2,1fr)}
  .hl-pw-cat .hl-pw-sel,.hl-pw-cat .hl-pw-tracks{grid-template-columns:repeat(2,1fr)}
  .hl-pw-cat .hl-pw-dec,.hl-pw-cat .hl-pw-cmp,.hl-pw-cat .hl-pw-surf,.hl-pw-cat .hl-pw-cost,.hl-pw-cat .hl-pw-use,.hl-pw-cat .hl-pw-trust{grid-template-columns:repeat(2,1fr)}
  .hl-pw-cat .hl-pw-delivery{grid-template-columns:1fr}
  .hl-pw-cat .hl-pw-checklist{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hl-pw-cat{font-size:14px}
  .hl-pw-cat h2{font-size:22px}
  .hl-pw-cat h3{font-size:17px}
  .hl-pw-cat .hl-pw-hero{padding:28px 20px 32px}
  .hl-pw-cat .hl-pw-hero h2{font-size:25px}
  .hl-pw-cat .hl-pw-bands,.hl-pw-cat .hl-pw-sel,.hl-pw-cat .hl-pw-tracks,.hl-pw-cat .hl-pw-dec,.hl-pw-cat .hl-pw-cmp,.hl-pw-cat .hl-pw-surf,.hl-pw-cat .hl-pw-cost,.hl-pw-cat .hl-pw-use,.hl-pw-cat .hl-pw-trust{grid-template-columns:1fr}
  .hl-pw-cat .hl-pw-quick{flex-direction:column}
}
/* HL_PW_CAT END */

/* HL_VAC_CAT START */
/* ===== Hireload Vacuum Systems — scoped category description CSS ===== */
/* Paste into Customizer → Additional CSS or a child-theme stylesheet. */
/* All rules scoped under .hl-vac-cat — cannot leak into other pages. */

.hl-vac-cat{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1d2b40;line-height:1.55;font-size:14.5px;-webkit-font-smoothing:antialiased;max-width:1180px;margin:0 auto}
.hl-vac-cat *{box-sizing:border-box}
.hl-vac-cat h2,.hl-vac-cat h3,.hl-vac-cat h4{font-family:'Inter',sans-serif;color:#0c2547;margin:0 0 10px;letter-spacing:-.005em}
.hl-vac-cat h2{font-size:24px;font-weight:800;line-height:1.2}
.hl-vac-cat h3{font-size:19px;font-weight:700;line-height:1.25}
.hl-vac-cat h4{font-size:15px;font-weight:700}
.hl-vac-cat p{margin:0 0 12px}
.hl-vac-cat .hl-vac-eyebrow{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1d7596;margin-bottom:8px}

/* Hero — navy → steel-blue → cool aqua */
.hl-vac-cat .hl-vac-hero{position:relative;background:linear-gradient(120deg,#0c2547 0%,#1d4f73 55%,#2d96b8 100%);border-radius:20px;padding:42px 36px 46px;color:#fff;overflow:hidden;margin:8px 0 26px;box-shadow:0 10px 32px rgba(45,150,184,.18)}
.hl-vac-cat .hl-vac-hero::before{content:"";position:absolute;inset:auto -80px -120px auto;width:380px;height:380px;background:radial-gradient(circle,rgba(96,196,228,.45) 0%,rgba(96,196,228,0) 65%);pointer-events:none}
.hl-vac-cat .hl-vac-hero .hl-vac-eyebrow{color:#a8e0ee;position:relative}
.hl-vac-cat .hl-vac-hero h2{color:#fff;font-size:32px;line-height:1.15;margin:0 0 10px;position:relative}
.hl-vac-cat .hl-vac-hero .hl-vac-sub{color:#cfe6ee;font-weight:500;font-size:15px;margin:0 0 22px;position:relative;max-width:780px}
.hl-vac-cat .hl-vac-badges{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.hl-vac-cat .hl-vac-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600}
.hl-vac-cat .hl-vac-badge::before{content:"";width:8px;height:10px;background:radial-gradient(circle at 50% 30%,#60c4e4 0%,#1d7596 100%);border-radius:50% 50% 50% 50% / 70% 70% 30% 30%;display:inline-block;transform:rotate(180deg)}

/* Track cards */
.hl-vac-cat .hl-vac-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 26px}
.hl-vac-cat .hl-vac-track{background:#fff;border:1px solid #e6eef3;border-radius:16px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}
.hl-vac-cat .hl-vac-track:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(45,150,184,.12);border-color:#cfe2ec}
.hl-vac-cat .hl-vac-track::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#1d7596,#60c4e4);opacity:0;transition:opacity .18s ease}
.hl-vac-cat .hl-vac-track:hover::after{opacity:1}
.hl-vac-cat .hl-vac-track h4{color:#0c2547;margin-bottom:6px;font-size:14px}
.hl-vac-cat .hl-vac-track p{font-size:13px;color:#3a4a60;margin:0}
.hl-vac-cat .hl-vac-track .hl-vac-icon{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#d9eef4,#eaf6f9);color:#1d7596;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-bottom:10px}

/* Intro */
.hl-vac-cat .hl-vac-intro{background:#fff;border:1px solid #e6eef3;border-left:5px solid #1d7596;border-radius:14px;padding:22px 24px;margin:0 0 24px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-vac-cat .hl-vac-intro p{margin:0 0 10px;color:#243b5c}
.hl-vac-cat .hl-vac-intro p:last-child{margin:0}
.hl-vac-cat .hl-vac-intro a{color:#1d7596;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}

/* Quick answer panel */
.hl-vac-cat .hl-vac-quick{background:linear-gradient(90deg,#d9eef4,#eaf6f9);border-left:4px solid #1d7596;border-radius:12px;padding:18px 22px;margin:0 0 30px;display:flex;gap:14px;align-items:flex-start;color:#0c2547}
.hl-vac-cat .hl-vac-quick .hl-vac-q{flex:0 0 auto;background:#1d7596;color:#fff;font-weight:800;font-size:11px;letter-spacing:.12em;padding:5px 10px;border-radius:6px;text-transform:uppercase}
.hl-vac-cat .hl-vac-quick p{margin:0;font-size:14px;color:#0c2547;line-height:1.55}
.hl-vac-cat .hl-vac-quick strong{color:#0c2547}

/* Section headers */
.hl-vac-cat .hl-vac-section{margin:0 0 36px}
.hl-vac-cat .hl-vac-section-head{margin:0 0 18px}
.hl-vac-cat .hl-vac-section-head h3{margin-bottom:4px}
.hl-vac-cat .hl-vac-section-head p{color:#56697f;font-size:13.5px;margin:0}

/* Decision cards (Step 1) — 3 col */
.hl-vac-cat .hl-vac-dec{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-vac-cat .hl-vac-dec-card{background:#fff;border:1px solid #e6eef3;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;position:relative}
.hl-vac-cat .hl-vac-dec-card:hover{border-color:#60c4e4;transform:translateY(-2px);box-shadow:0 8px 22px rgba(45,150,184,.10)}
.hl-vac-cat .hl-vac-dec-card.is-caution{background:#fffaf0;border-color:#f0d49a}
.hl-vac-cat .hl-vac-dec-card .hl-vac-pill{display:inline-block;align-self:flex-start;background:#d9eef4;color:#0e5872;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}
.hl-vac-cat .hl-vac-dec-card .hl-vac-pill.is-warn{background:#fce6c0;color:#a05a17}
.hl-vac-cat .hl-vac-dec-card h4{color:#0c2547;font-size:15px;margin:2px 0 4px}
.hl-vac-cat .hl-vac-dec-card .hl-vac-machine{font-size:13.5px;color:#0c2547;margin:2px 0 0;background:#f4fafc;padding:8px 12px;border-radius:10px;border:1px solid #eaf6f9}
.hl-vac-cat .hl-vac-dec-card .hl-vac-machine a{color:#1d7596;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}
.hl-vac-cat .hl-vac-dec-card .hl-vac-machine strong{color:#0c2547}
.hl-vac-cat .hl-vac-dec-card .hl-vac-use{font-size:13px;color:#283b54;margin:4px 0 0;line-height:1.5}
.hl-vac-cat .hl-vac-dec-card .hl-vac-use a{color:#1d7596;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}
.hl-vac-cat .hl-vac-dec-card .hl-vac-note{font-size:12.5px;color:#56697f;margin-top:auto;padding-top:8px;border-top:1px dashed #c4dde7;line-height:1.5}
.hl-vac-cat .hl-vac-dec-card .hl-vac-note a{color:#1d7596;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}

/* Selector cards (Step 2) — 4 col, numbered top-LEFT */
.hl-vac-cat .hl-vac-sel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl-vac-cat .hl-vac-sel-card{background:#fff;border:1px solid #e6eef3;border-radius:14px;padding:20px 16px 16px;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hl-vac-cat .hl-vac-sel-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(45,150,184,.16);border-color:#1d7596}
.hl-vac-cat .hl-vac-sel-card .hl-vac-sel-badge{position:absolute;top:-12px;left:16px;background:linear-gradient(135deg,#1d7596,#60c4e4);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:8px;box-shadow:0 4px 10px rgba(29,117,150,.25)}
.hl-vac-cat .hl-vac-sel-card h4{margin:6px 0 12px;color:#0c2547;font-size:14.5px;line-height:1.3}
.hl-vac-cat .hl-vac-sel-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;padding:8px 0;border-top:1px solid #f0f5f7}
.hl-vac-cat .hl-vac-sel-row:first-of-type{border-top:none;padding-top:0}
.hl-vac-cat .hl-vac-sel-label{flex:0 0 50px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d7596;padding-top:2px}
.hl-vac-cat .hl-vac-sel-text{color:#283b54;flex:1}
.hl-vac-cat .hl-vac-sel-text a{color:#1d7596;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}

/* Comparison cards (Step 3) — 4 machines in 2x2 */
.hl-vac-cat .hl-vac-cmp{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hl-vac-cat .hl-vac-cmp-card{background:#fff;border:1px solid #e6eef3;border-radius:14px;padding:20px 18px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}
.hl-vac-cat .hl-vac-cmp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d7596 0%,#60c4e4 100%)}
.hl-vac-cat .hl-vac-cmp-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(45,150,184,.14)}
.hl-vac-cat .hl-vac-cmp-card h4{color:#0c2547;font-size:15.5px;margin:2px 0 0;line-height:1.25}
.hl-vac-cat .hl-vac-cmp-tag{display:inline-block;align-self:flex-start;background:#0c2547;color:#60c4e4;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:6px;text-transform:uppercase}
.hl-vac-cat .hl-vac-cmp-row{display:flex;flex-direction:column;gap:3px}
.hl-vac-cat .hl-vac-cmp-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d7596}
.hl-vac-cat .hl-vac-cmp-row.is-bad .hl-vac-cmp-label{color:#b96b6b}
.hl-vac-cat .hl-vac-cmp-text{font-size:13px;color:#283b54;line-height:1.5}

/* AI/note strip */
.hl-vac-cat .hl-vac-ai{background:linear-gradient(90deg,#d9eef4,#eaf6f9);border-left:4px solid #1d7596;border-radius:10px;padding:14px 18px;margin:20px 0 0;color:#0c2547;font-size:13.5px;line-height:1.55}
.hl-vac-cat .hl-vac-ai strong{color:#1d7596;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-weight:800}
.hl-vac-cat .hl-vac-ai a{color:#1d7596;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}

/* Surface compatibility (Step 4) */
.hl-vac-cat .hl-vac-surf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px}
.hl-vac-cat .hl-vac-surf-card{background:#fff;border:1px solid #e6eef3;border-radius:14px;padding:24px 18px 18px;position:relative;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 6px rgba(12,37,71,.05)}
.hl-vac-cat .hl-vac-surf-card .hl-vac-surf-tag{position:absolute;top:-12px;right:18px;background:#fff;color:#1d7596;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:8px;text-transform:uppercase;border:2px solid #1d7596}
.hl-vac-cat .hl-vac-surf-card.is-caution .hl-vac-surf-tag{color:#a05a17;border-color:#d8992f}
.hl-vac-cat .hl-vac-surf-card h4{color:#0c2547;font-size:15px;margin:6px 0 4px}
.hl-vac-cat .hl-vac-surf-row{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:10px;background:#f4fafc;border:1px solid #eaf6f9}
.hl-vac-cat .hl-vac-surf-row.is-warn{background:#fff8eb;border-color:#f5d07a}
.hl-vac-cat .hl-vac-surf-icn{width:24px;height:24px;flex:0 0 auto;border-radius:7px;background:#1d7596;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-top:1px}
.hl-vac-cat .hl-vac-surf-row.is-warn .hl-vac-surf-icn{background:#d8992f}
.hl-vac-cat .hl-vac-surf-row .hl-vac-surf-key{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d7596;display:block;margin-bottom:2px}
.hl-vac-cat .hl-vac-surf-row.is-warn .hl-vac-surf-key{color:#a05a17}
.hl-vac-cat .hl-vac-surf-row .hl-vac-surf-val{font-size:13px;color:#283b54;line-height:1.45}
.hl-vac-cat .hl-vac-surf-row .hl-vac-surf-val strong{color:#0c2547}

/* Cost cards */
.hl-vac-cat .hl-vac-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-vac-cat .hl-vac-cost-card{background:#fff;border:1px solid #e6eef3;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,border-color .18s ease}
.hl-vac-cat .hl-vac-cost-card:hover{transform:translateY(-1px);border-color:#cfe2ec}
.hl-vac-cat .hl-vac-cost-card h4{color:#1d7596;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.hl-vac-cat .hl-vac-cost-card p{margin:0;font-size:13.5px;color:#283b54;line-height:1.5}
.hl-vac-cat .hl-vac-cost-cta{margin-top:18px;font-size:14px;color:#0c2547}
.hl-vac-cat .hl-vac-cost-cta a{color:#1d7596;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}

/* Checklist — 2 columns */
.hl-vac-cat .hl-vac-checklist{background:#fff;border:1px solid #e6eef3;border-radius:14px;padding:22px 26px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 26px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-vac-cat .hl-vac-checklist-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#283b54;padding:7px 0}
.hl-vac-cat .hl-vac-checklist-item::before{content:"";flex:0 0 auto;width:14px;height:18px;background:radial-gradient(circle at 50% 30%,#60c4e4 0%,#1d7596 100%);border-radius:50% 50% 50% 50% / 70% 70% 30% 30%;margin-top:2px;transform:rotate(180deg)}

/* Use cases */
.hl-vac-cat .hl-vac-use{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-vac-cat .hl-vac-use-card{background:#fff;border:1px solid #e6eef3;border-radius:14px;padding:18px 18px 18px 22px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}
.hl-vac-cat .hl-vac-use-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1d7596,#60c4e4)}
.hl-vac-cat .hl-vac-use-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(45,150,184,.10)}
.hl-vac-cat .hl-vac-use-card h4{color:#0c2547;font-size:14.5px;margin-bottom:6px}
.hl-vac-cat .hl-vac-use-card p{margin:0;font-size:13.5px;color:#3a4a60;line-height:1.55}
.hl-vac-cat .hl-vac-use-card a{color:#1d7596;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}

/* Trust */
.hl-vac-cat .hl-vac-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-vac-cat .hl-vac-trust-card{background:#fff;border:1px solid #e6eef3;border-radius:12px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-vac-cat .hl-vac-trust-card h4{color:#0c2547;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.hl-vac-cat .hl-vac-trust-card h4::before{content:"\2713";width:22px;height:22px;background:#1d7596;color:#fff;font-size:12px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hl-vac-cat .hl-vac-trust-card p{margin:0;font-size:13px;color:#3a4a60;line-height:1.55}

/* Delivery panel */
.hl-vac-cat .hl-vac-delivery{background:linear-gradient(120deg,#0c2547 0%,#1d4f73 60%,#2d96b8 110%);color:#fff;border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:32px;box-shadow:0 8px 22px rgba(45,150,184,.18);position:relative;overflow:hidden}
.hl-vac-cat .hl-vac-delivery::before{content:"";position:absolute;inset:auto -100px -120px auto;width:340px;height:340px;background:radial-gradient(circle,rgba(96,196,228,.30) 0%,rgba(96,196,228,0) 65%);pointer-events:none}
.hl-vac-cat .hl-vac-delivery>*{position:relative}
.hl-vac-cat .hl-vac-delivery h3{color:#fff;font-size:18px;margin-bottom:6px}
.hl-vac-cat .hl-vac-delivery p{color:#cfe6ee;margin:0 0 6px;font-size:13.5px;line-height:1.55}
.hl-vac-cat .hl-vac-delivery a.hl-vac-callbtn{display:inline-block;background:#60c4e4;color:#0c2547 !important;padding:13px 24px;border-radius:999px;font-weight:800;text-decoration:none;font-size:14px;white-space:nowrap}

/* Related chips */
.hl-vac-cat .hl-vac-related{display:flex;flex-wrap:wrap;gap:8px}
.hl-vac-cat .hl-vac-related a{background:#fff;border:1px solid #d4e6ee;color:#0c2547;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-vac-cat .hl-vac-related a:hover{background:#1d7596;color:#fff;border-color:#1d7596}

/* FAQ */
.hl-vac-cat .hl-vac-faq details{background:#fff;border:1px solid #e6eef3;border-radius:12px;padding:0;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 2px rgba(12,37,71,.03)}
.hl-vac-cat .hl-vac-faq details[open]{border-color:#1d7596;box-shadow:0 6px 18px rgba(29,117,150,.10)}
.hl-vac-cat .hl-vac-faq summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;color:#0c2547;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hl-vac-cat .hl-vac-faq summary::-webkit-details-marker{display:none}
.hl-vac-cat .hl-vac-faq summary::after{content:"+";font-size:20px;color:#1d7596;font-weight:600;transition:transform .2s ease}
.hl-vac-cat .hl-vac-faq details[open] summary::after{transform:rotate(45deg)}
.hl-vac-cat .hl-vac-faq .hl-vac-faq-body{padding:0 18px 16px;color:#3a4a60;font-size:13.5px;line-height:1.6}
.hl-vac-cat .hl-vac-faq .hl-vac-faq-body a{color:#1d7596;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(29,117,150,.35)}

/* Final CTA */
.hl-vac-cat .hl-vac-final{background:linear-gradient(135deg,#1d7596,#60c4e4);color:#0c2547;border-radius:18px;padding:34px;text-align:center;margin:8px 0 4px;box-shadow:0 10px 28px rgba(45,150,184,.20);position:relative;overflow:hidden}
.hl-vac-cat .hl-vac-final::before{content:"";position:absolute;inset:-80px auto auto -100px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 65%);pointer-events:none}
.hl-vac-cat .hl-vac-final>*{position:relative}
.hl-vac-cat .hl-vac-final h3{color:#0c2547;font-size:23px;margin-bottom:8px}
.hl-vac-cat .hl-vac-final p{color:#0c2547;font-size:14.5px;margin:0 auto 16px;max-width:660px;line-height:1.5}
.hl-vac-cat .hl-vac-final a.hl-vac-callbtn{display:inline-block;background:#0c2547;color:#fff !important;padding:14px 30px;border-radius:999px;font-weight:800;text-decoration:none;font-size:14.5px;letter-spacing:.02em}

/* Responsive */
@media (max-width:980px){
  .hl-vac-cat .hl-vac-tracks,.hl-vac-cat .hl-vac-sel{grid-template-columns:repeat(2,1fr)}
  .hl-vac-cat .hl-vac-dec,.hl-vac-cat .hl-vac-cmp,.hl-vac-cat .hl-vac-surf,.hl-vac-cat .hl-vac-cost,.hl-vac-cat .hl-vac-use,.hl-vac-cat .hl-vac-trust{grid-template-columns:repeat(2,1fr)}
  .hl-vac-cat .hl-vac-delivery{grid-template-columns:1fr}
  .hl-vac-cat .hl-vac-checklist{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hl-vac-cat{font-size:14px}
  .hl-vac-cat h2{font-size:22px}
  .hl-vac-cat h3{font-size:17px}
  .hl-vac-cat .hl-vac-hero{padding:28px 20px 32px}
  .hl-vac-cat .hl-vac-hero h2{font-size:25px}
  .hl-vac-cat .hl-vac-tracks,.hl-vac-cat .hl-vac-sel,.hl-vac-cat .hl-vac-dec,.hl-vac-cat .hl-vac-cmp,.hl-vac-cat .hl-vac-surf,.hl-vac-cat .hl-vac-cost,.hl-vac-cat .hl-vac-use,.hl-vac-cat .hl-vac-trust{grid-template-columns:1fr}
  .hl-vac-cat .hl-vac-quick{flex-direction:column}
}
/* HL_VAC_CAT END */

/* HL_BRK_CAT START */
/* ===== Hireload Breakers — scoped category description CSS ===== */
/* Paste into Customizer → Additional CSS or a child-theme stylesheet. */
/* All rules scoped under .hl-brk-cat — cannot leak into other pages. */
/* Palette: white-led + Hireload navy #0c2547 + graphite #2a2f38 + warm amber/brass #c98a1a accents. */

.hl-brk-cat{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1d2b40;line-height:1.55;font-size:14.5px;-webkit-font-smoothing:antialiased;max-width:1180px;margin:0 auto}
.hl-brk-cat *{box-sizing:border-box}
.hl-brk-cat h2,.hl-brk-cat h3,.hl-brk-cat h4{font-family:'Inter',sans-serif;color:#0c2547;margin:0 0 10px;letter-spacing:-.005em}
.hl-brk-cat h2{font-size:24px;font-weight:800;line-height:1.2}
.hl-brk-cat h3{font-size:19px;font-weight:700;line-height:1.25}
.hl-brk-cat h4{font-size:15px;font-weight:700}
.hl-brk-cat p{margin:0 0 12px}
.hl-brk-cat .hl-brk-eyebrow{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c98a1a;margin-bottom:8px}

/* Hero — Hireload navy → graphite, warm amber accent */
.hl-brk-cat .hl-brk-hero{position:relative;background:linear-gradient(120deg,#0c2547 0%,#1a2a44 55%,#2a2f38 100%);border-radius:20px;padding:42px 36px 46px;color:#fff;overflow:hidden;margin:8px 0 26px;box-shadow:0 10px 32px rgba(12,37,71,.18)}
.hl-brk-cat .hl-brk-hero::before{content:"";position:absolute;inset:auto -80px -120px auto;width:380px;height:380px;background:radial-gradient(circle,rgba(201,138,26,.35) 0%,rgba(201,138,26,0) 65%);pointer-events:none}
.hl-brk-cat .hl-brk-hero .hl-brk-eyebrow{color:#e6a73a;position:relative}
.hl-brk-cat .hl-brk-hero h2{color:#fff;font-size:32px;line-height:1.15;margin:0 0 10px;position:relative}
.hl-brk-cat .hl-brk-hero .hl-brk-sub{color:#d4cdb8;font-weight:500;font-size:15px;margin:0 0 22px;position:relative;max-width:780px}
.hl-brk-cat .hl-brk-badges{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.hl-brk-cat .hl-brk-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.10);border:1px solid rgba(230,167,58,.30);color:#fff;padding:7px 13px;border-radius:6px;font-size:12px;font-weight:600}
.hl-brk-cat .hl-brk-badge::before{content:"";width:8px;height:8px;background:linear-gradient(135deg,#e6a73a,#c98a1a);display:inline-block}

/* Track cards */
.hl-brk-cat .hl-brk-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 26px}
.hl-brk-cat .hl-brk-track{background:#fff;border:1px solid #ece4d3;border-radius:8px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}
.hl-brk-cat .hl-brk-track:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(201,138,26,.12);border-color:#e6a73a}
.hl-brk-cat .hl-brk-track::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#c98a1a,#e6a73a);opacity:0;transition:opacity .18s ease}
.hl-brk-cat .hl-brk-track:hover::after{opacity:1}
.hl-brk-cat .hl-brk-track h4{color:#0c2547;margin-bottom:6px;font-size:14px}
.hl-brk-cat .hl-brk-track p{font-size:13px;color:#3a4a60;margin:0}
.hl-brk-cat .hl-brk-track .hl-brk-icon{width:36px;height:36px;border-radius:6px;background:linear-gradient(135deg,#fbf4e7,#f3e7c8);color:#c98a1a;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-bottom:10px}

/* Intro */
.hl-brk-cat .hl-brk-intro{background:#fff;border:1px solid #ece4d3;border-left:5px solid #c98a1a;border-radius:8px;padding:22px 24px;margin:0 0 24px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-brk-cat .hl-brk-intro p{margin:0 0 10px;color:#243b5c}
.hl-brk-cat .hl-brk-intro p:last-child{margin:0}
.hl-brk-cat .hl-brk-intro a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Quick answer panel — pale warm sand */
.hl-brk-cat .hl-brk-quick{background:linear-gradient(90deg,#fbf4e7,#f7ecd5);border-left:4px solid #c98a1a;border-radius:6px;padding:18px 22px;margin:0 0 30px;display:flex;gap:14px;align-items:flex-start;color:#0c2547}
.hl-brk-cat .hl-brk-quick .hl-brk-q{flex:0 0 auto;background:#0c2547;color:#e6a73a;font-weight:800;font-size:11px;letter-spacing:.12em;padding:5px 10px;border-radius:4px;text-transform:uppercase}
.hl-brk-cat .hl-brk-quick p{margin:0;font-size:14px;color:#0c2547;line-height:1.55}
.hl-brk-cat .hl-brk-quick strong{color:#0c2547}

/* Section headers */
.hl-brk-cat .hl-brk-section{margin:0 0 36px}
.hl-brk-cat .hl-brk-section-head{margin:0 0 18px}
.hl-brk-cat .hl-brk-section-head h3{margin-bottom:4px}
.hl-brk-cat .hl-brk-section-head p{color:#56697f;font-size:13.5px;margin:0}

/* Decision cards (Step 1) — 3 col */
.hl-brk-cat .hl-brk-dec{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-brk-cat .hl-brk-dec-card{background:#fff;border:1px solid #ece4d3;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;position:relative}
.hl-brk-cat .hl-brk-dec-card:hover{border-color:#c98a1a;transform:translateY(-2px);box-shadow:0 8px 22px rgba(201,138,26,.10)}
.hl-brk-cat .hl-brk-dec-card.is-caution{background:#fff8eb;border-color:#f0d49a}
.hl-brk-cat .hl-brk-dec-card .hl-brk-pill{display:inline-block;align-self:flex-start;background:#fbf4e7;color:#8a5a0a;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}
.hl-brk-cat .hl-brk-dec-card .hl-brk-pill.is-warn{background:#f7d491;color:#7a4a08}
.hl-brk-cat .hl-brk-dec-card h4{color:#0c2547;font-size:15px;margin:2px 0 4px}
.hl-brk-cat .hl-brk-dec-card .hl-brk-machine{font-size:13.5px;color:#0c2547;margin:2px 0 0;background:#fbf7ee;padding:8px 12px;border-radius:6px;border:1px solid #f1e6c8}
.hl-brk-cat .hl-brk-dec-card .hl-brk-machine a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}
.hl-brk-cat .hl-brk-dec-card .hl-brk-machine strong{color:#0c2547}
.hl-brk-cat .hl-brk-dec-card .hl-brk-use{font-size:13px;color:#283b54;margin:4px 0 0;line-height:1.5}
.hl-brk-cat .hl-brk-dec-card .hl-brk-use a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}
.hl-brk-cat .hl-brk-dec-card .hl-brk-note{font-size:12.5px;color:#56697f;margin-top:auto;padding-top:8px;border-top:1px dashed #e0d4b0;line-height:1.5}
.hl-brk-cat .hl-brk-dec-card .hl-brk-note a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Selector cards (Step 2) — 4 col, numbered top-LEFT */
.hl-brk-cat .hl-brk-sel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl-brk-cat .hl-brk-sel-card{background:#fff;border:1px solid #ece4d3;border-radius:8px;padding:20px 16px 16px;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hl-brk-cat .hl-brk-sel-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(201,138,26,.16);border-color:#c98a1a}
.hl-brk-cat .hl-brk-sel-card .hl-brk-sel-badge{position:absolute;top:-12px;left:16px;background:linear-gradient(135deg,#0c2547,#1a3257);color:#e6a73a;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:4px;box-shadow:0 4px 10px rgba(12,37,71,.25)}
.hl-brk-cat .hl-brk-sel-card h4{margin:6px 0 12px;color:#0c2547;font-size:14.5px;line-height:1.3}
.hl-brk-cat .hl-brk-sel-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;padding:8px 0;border-top:1px solid #f3ecd9}
.hl-brk-cat .hl-brk-sel-row:first-of-type{border-top:none;padding-top:0}
.hl-brk-cat .hl-brk-sel-label{flex:0 0 50px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c98a1a;padding-top:2px}
.hl-brk-cat .hl-brk-sel-text{color:#283b54;flex:1}
.hl-brk-cat .hl-brk-sel-text a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Comparison cards (Step 3) — 4 power classes in 2x2 */
.hl-brk-cat .hl-brk-cmp{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hl-brk-cat .hl-brk-cmp-card{background:#fff;border:1px solid #ece4d3;border-radius:8px;padding:20px 18px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 6px rgba(12,37,71,.05);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}
.hl-brk-cat .hl-brk-cmp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c98a1a 0%,#e6a73a 100%)}
.hl-brk-cat .hl-brk-cmp-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(201,138,26,.14)}
.hl-brk-cat .hl-brk-cmp-card h4{color:#0c2547;font-size:15.5px;margin:2px 0 0;line-height:1.25}
.hl-brk-cat .hl-brk-cmp-tag{display:inline-block;align-self:flex-start;background:#0c2547;color:#e6a73a;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:4px;text-transform:uppercase}
.hl-brk-cat .hl-brk-cmp-row{display:flex;flex-direction:column;gap:3px}
.hl-brk-cat .hl-brk-cmp-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c98a1a}
.hl-brk-cat .hl-brk-cmp-row.is-bad .hl-brk-cmp-label{color:#b03a2e}
.hl-brk-cat .hl-brk-cmp-text{font-size:13px;color:#283b54;line-height:1.5}

/* AI / note strip */
.hl-brk-cat .hl-brk-ai{background:linear-gradient(90deg,#fbf4e7,#f7ecd5);border-left:4px solid #c98a1a;border-radius:6px;padding:14px 18px;margin:20px 0 0;color:#0c2547;font-size:13.5px;line-height:1.55}
.hl-brk-cat .hl-brk-ai strong{color:#c98a1a;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-weight:800}
.hl-brk-cat .hl-brk-ai a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Surface compatibility (Step 4) */
.hl-brk-cat .hl-brk-surf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px}
.hl-brk-cat .hl-brk-surf-card{background:#fff;border:1px solid #ece4d3;border-radius:8px;padding:24px 18px 18px;position:relative;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 6px rgba(12,37,71,.05)}
.hl-brk-cat .hl-brk-surf-card .hl-brk-surf-tag{position:absolute;top:-12px;right:18px;background:#fff;color:#c98a1a;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:4px;text-transform:uppercase;border:2px solid #c98a1a}
.hl-brk-cat .hl-brk-surf-card.is-caution .hl-brk-surf-tag{color:#b03a2e;border-color:#d8732f}
.hl-brk-cat .hl-brk-surf-card h4{color:#0c2547;font-size:15px;margin:6px 0 4px}
.hl-brk-cat .hl-brk-surf-row{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:6px;background:#fbf7ee;border:1px solid #f1e6c8}
.hl-brk-cat .hl-brk-surf-row.is-warn{background:#fff5dc;border-color:#f0c060}
.hl-brk-cat .hl-brk-surf-icn{width:24px;height:24px;flex:0 0 auto;border-radius:5px;background:#c98a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-top:1px}
.hl-brk-cat .hl-brk-surf-row.is-warn .hl-brk-surf-icn{background:#b03a2e}
.hl-brk-cat .hl-brk-surf-row .hl-brk-surf-key{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c98a1a;display:block;margin-bottom:2px}
.hl-brk-cat .hl-brk-surf-row.is-warn .hl-brk-surf-key{color:#b03a2e}
.hl-brk-cat .hl-brk-surf-row .hl-brk-surf-val{font-size:13px;color:#283b54;line-height:1.45}
.hl-brk-cat .hl-brk-surf-row .hl-brk-surf-val strong{color:#0c2547}

/* Cost cards */
.hl-brk-cat .hl-brk-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-brk-cat .hl-brk-cost-card{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:16px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,border-color .18s ease}
.hl-brk-cat .hl-brk-cost-card:hover{transform:translateY(-1px);border-color:#e6a73a}
.hl-brk-cat .hl-brk-cost-card h4{color:#c98a1a;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.hl-brk-cat .hl-brk-cost-card p{margin:0;font-size:13.5px;color:#283b54;line-height:1.5}
.hl-brk-cat .hl-brk-cost-card a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}
.hl-brk-cat .hl-brk-cost-cta{margin-top:18px;font-size:14px;color:#0c2547}
.hl-brk-cat .hl-brk-cost-cta a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Checklist — 2 columns */
.hl-brk-cat .hl-brk-checklist{background:#fff;border:1px solid #ece4d3;border-radius:8px;padding:22px 26px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 26px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-brk-cat .hl-brk-checklist-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#283b54;padding:7px 0}
.hl-brk-cat .hl-brk-checklist-item::before{content:"";flex:0 0 auto;width:14px;height:14px;background:linear-gradient(135deg,#e6a73a,#c98a1a);margin-top:2px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}

/* Use cases */
.hl-brk-cat .hl-brk-use{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hl-brk-cat .hl-brk-use-card{background:#fff;border:1px solid #ece4d3;border-radius:8px;padding:18px 18px 18px 22px;box-shadow:0 1px 3px rgba(12,37,71,.04);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}
.hl-brk-cat .hl-brk-use-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#c98a1a,#e6a73a)}
.hl-brk-cat .hl-brk-use-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(201,138,26,.10)}
.hl-brk-cat .hl-brk-use-card h4{color:#0c2547;font-size:14.5px;margin-bottom:6px}
.hl-brk-cat .hl-brk-use-card p{margin:0;font-size:13.5px;color:#3a4a60;line-height:1.55}
.hl-brk-cat .hl-brk-use-card a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Trust */
.hl-brk-cat .hl-brk-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hl-brk-cat .hl-brk-trust-card{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:18px;box-shadow:0 1px 3px rgba(12,37,71,.04)}
.hl-brk-cat .hl-brk-trust-card h4{color:#0c2547;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.hl-brk-cat .hl-brk-trust-card h4::before{content:"\2713";width:22px;height:22px;background:#c98a1a;color:#fff;font-size:12px;font-weight:800;border-radius:4px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hl-brk-cat .hl-brk-trust-card p{margin:0;font-size:13px;color:#3a4a60;line-height:1.55}

/* Delivery panel */
.hl-brk-cat .hl-brk-delivery{background:linear-gradient(120deg,#0c2547 0%,#1a2a44 60%,#2a2f38 110%);color:#fff;border-radius:10px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:32px;box-shadow:0 8px 22px rgba(12,37,71,.18);position:relative;overflow:hidden}
.hl-brk-cat .hl-brk-delivery::before{content:"";position:absolute;inset:auto -100px -120px auto;width:340px;height:340px;background:radial-gradient(circle,rgba(201,138,26,.30) 0%,rgba(201,138,26,0) 65%);pointer-events:none}
.hl-brk-cat .hl-brk-delivery>*{position:relative}
.hl-brk-cat .hl-brk-delivery h3{color:#fff;font-size:18px;margin-bottom:6px}
.hl-brk-cat .hl-brk-delivery p{color:#d4cdb8;margin:0 0 6px;font-size:13.5px;line-height:1.55}
.hl-brk-cat .hl-brk-delivery a.hl-brk-callbtn{display:inline-block;background:#e6a73a;color:#0c2547 !important;padding:13px 24px;border-radius:6px;font-weight:800;text-decoration:none;font-size:14px;white-space:nowrap;letter-spacing:.02em}

/* Related chips */
.hl-brk-cat .hl-brk-related{display:flex;flex-wrap:wrap;gap:8px}
.hl-brk-cat .hl-brk-related a{background:#fff;border:1px solid #ece4d3;color:#0c2547;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-brk-cat .hl-brk-related a:hover{background:#c98a1a;color:#fff;border-color:#c98a1a}

/* FAQ */
.hl-brk-cat .hl-brk-faq details{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:0;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 2px rgba(12,37,71,.03)}
.hl-brk-cat .hl-brk-faq details[open]{border-color:#c98a1a;box-shadow:0 6px 18px rgba(201,138,26,.10)}
.hl-brk-cat .hl-brk-faq summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;color:#0c2547;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hl-brk-cat .hl-brk-faq summary::-webkit-details-marker{display:none}
.hl-brk-cat .hl-brk-faq summary::after{content:"+";font-size:20px;color:#c98a1a;font-weight:600;transition:transform .2s ease}
.hl-brk-cat .hl-brk-faq details[open] summary::after{transform:rotate(45deg)}
.hl-brk-cat .hl-brk-faq .hl-brk-faq-body{padding:0 18px 16px;color:#3a4a60;font-size:13.5px;line-height:1.6}
.hl-brk-cat .hl-brk-faq .hl-brk-faq-body a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Final CTA */
.hl-brk-cat .hl-brk-final{background:linear-gradient(135deg,#c98a1a,#e6a73a);color:#0c2547;border-radius:10px;padding:34px;text-align:center;margin:8px 0 4px;box-shadow:0 10px 28px rgba(201,138,26,.25);position:relative;overflow:hidden}
.hl-brk-cat .hl-brk-final::before{content:"";position:absolute;inset:-80px auto auto -100px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 65%);pointer-events:none}
.hl-brk-cat .hl-brk-final>*{position:relative}
.hl-brk-cat .hl-brk-final h3{color:#0c2547;font-size:23px;margin-bottom:8px}
.hl-brk-cat .hl-brk-final p{color:#0c2547;font-size:14.5px;margin:0 auto 16px;max-width:660px;line-height:1.5}
.hl-brk-cat .hl-brk-final a.hl-brk-callbtn{display:inline-block;background:#0c2547;color:#fff !important;padding:14px 30px;border-radius:6px;font-weight:800;text-decoration:none;font-size:14.5px;letter-spacing:.02em}

/* Responsive */
@media (max-width:980px){
  .hl-brk-cat .hl-brk-tracks,.hl-brk-cat .hl-brk-sel{grid-template-columns:repeat(2,1fr)}
  .hl-brk-cat .hl-brk-dec,.hl-brk-cat .hl-brk-cmp,.hl-brk-cat .hl-brk-surf,.hl-brk-cat .hl-brk-cost,.hl-brk-cat .hl-brk-use,.hl-brk-cat .hl-brk-trust{grid-template-columns:repeat(2,1fr)}
  .hl-brk-cat .hl-brk-delivery{grid-template-columns:1fr}
  .hl-brk-cat .hl-brk-checklist{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hl-brk-cat{font-size:14px}
  .hl-brk-cat h2{font-size:22px}
  .hl-brk-cat h3{font-size:17px}
  .hl-brk-cat .hl-brk-hero{padding:28px 20px 32px}
  .hl-brk-cat .hl-brk-hero h2{font-size:25px}
  .hl-brk-cat .hl-brk-tracks,.hl-brk-cat .hl-brk-sel,.hl-brk-cat .hl-brk-dec,.hl-brk-cat .hl-brk-cmp,.hl-brk-cat .hl-brk-surf,.hl-brk-cat .hl-brk-cost,.hl-brk-cat .hl-brk-use,.hl-brk-cat .hl-brk-trust{grid-template-columns:1fr}
  .hl-brk-cat .hl-brk-quick{flex-direction:column}
}
/* HL_BRK_CAT END */

/* HL_DRL_CAT START */
/* ===== Hireload Drills — scoped category description CSS ===== */
/* Paste into Customizer → Additional CSS or a child-theme stylesheet. */
/* All rules scoped under .hl-drill-cat — cannot leak into other pages. */
/* Palette: white-led + Hireload navy #0c2547 + graphite #2a2f38 + warm amber/brass #c98a1a (matches Breakers family for /breaking-drilling/ siblings). */

.hl-drill-cat{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1d2b40;line-height:1.55;font-size:13px;-webkit-font-smoothing:antialiased;max-width:1180px;margin:0 auto}
.hl-drill-cat *{box-sizing:border-box}
.hl-drill-cat h2,.hl-drill-cat h3,.hl-drill-cat h4{font-family:'Inter',sans-serif;color:#0c2547;margin:0 0 8px;letter-spacing:-.005em}
.hl-drill-cat h2{font-size:21px;font-weight:800;line-height:1.2}
.hl-drill-cat h3{font-size:16.5px;font-weight:700;line-height:1.25}
.hl-drill-cat h4{font-size:13.5px;font-weight:700}
.hl-drill-cat p{margin:0 0 10px}
.hl-drill-cat .hl-drill-eyebrow{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c98a1a;margin-bottom:6px}

/* Hero — refined navy → graphite, brass accent */
.hl-drill-cat .hl-drill-hero{position:relative;background:linear-gradient(120deg,#0c2547 0%,#1a2a44 55%,#2a2f38 100%);border-radius:12px;padding:32px 30px 36px;color:#fff;overflow:hidden;margin:6px 0 22px;box-shadow:0 8px 26px rgba(12,37,71,.16)}
.hl-drill-cat .hl-drill-hero::before{content:"";position:absolute;inset:auto -70px -100px auto;width:320px;height:320px;background:radial-gradient(circle,rgba(201,138,26,.32) 0%,rgba(201,138,26,0) 65%);pointer-events:none}
.hl-drill-cat .hl-drill-hero .hl-drill-eyebrow{color:#e6a73a;position:relative}
.hl-drill-cat .hl-drill-hero h2{color:#fff;font-size:26px;line-height:1.18;margin:0 0 8px;position:relative;letter-spacing:-.01em}
.hl-drill-cat .hl-drill-hero .hl-drill-sub{color:#d4cdb8;font-weight:500;font-size:13.5px;margin:0 0 18px;position:relative;max-width:760px;line-height:1.5}
.hl-drill-cat .hl-drill-badges{display:flex;flex-wrap:wrap;gap:6px;position:relative}
.hl-drill-cat .hl-drill-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.08);border:1px solid rgba(230,167,58,.28);color:#fff;padding:5px 11px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.01em}
.hl-drill-cat .hl-drill-badge::before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#e6a73a,#c98a1a);display:inline-block;border-radius:1px}

/* Track cards — 4 col, compact */
.hl-drill-cat .hl-drill-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}
.hl-drill-cat .hl-drill-track{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:14px;box-shadow:0 1px 2px rgba(12,37,71,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden}
.hl-drill-cat .hl-drill-track:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(201,138,26,.10);border-color:#e6a73a}
.hl-drill-cat .hl-drill-track::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#c98a1a,#e6a73a);opacity:0;transition:opacity .15s ease}
.hl-drill-cat .hl-drill-track:hover::after{opacity:1}
.hl-drill-cat .hl-drill-track h4{color:#0c2547;margin-bottom:4px;font-size:12.5px}
.hl-drill-cat .hl-drill-track p{font-size:11.5px;color:#3a4a60;margin:0;line-height:1.5}
.hl-drill-cat .hl-drill-track .hl-drill-icon{width:28px;height:28px;border-radius:5px;background:linear-gradient(135deg,#fbf4e7,#f3e7c8);color:#c98a1a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-bottom:8px}

/* Intro */
.hl-drill-cat .hl-drill-intro{background:#fff;border:1px solid #ece4d3;border-left:4px solid #c98a1a;border-radius:6px;padding:16px 20px;margin:0 0 20px;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-drill-cat .hl-drill-intro p{margin:0 0 8px;color:#243b5c;font-size:13px;line-height:1.6}
.hl-drill-cat .hl-drill-intro p:last-child{margin:0}
.hl-drill-cat .hl-drill-intro a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Quick answer — compact */
.hl-drill-cat .hl-drill-quick{background:linear-gradient(90deg,#fbf4e7,#f7ecd5);border-left:3px solid #c98a1a;border-radius:5px;padding:14px 18px;margin:0 0 26px;display:flex;gap:12px;align-items:flex-start;color:#0c2547}
.hl-drill-cat .hl-drill-quick .hl-drill-q{flex:0 0 auto;background:#0c2547;color:#e6a73a;font-weight:800;font-size:9.5px;letter-spacing:.14em;padding:4px 9px;border-radius:3px;text-transform:uppercase}
.hl-drill-cat .hl-drill-quick p{margin:0;font-size:12.5px;color:#0c2547;line-height:1.55}
.hl-drill-cat .hl-drill-quick strong{color:#0c2547}

/* Section headers — tighter */
.hl-drill-cat .hl-drill-section{margin:0 0 28px}
.hl-drill-cat .hl-drill-section-head{margin:0 0 14px}
.hl-drill-cat .hl-drill-section-head h3{margin-bottom:3px}
.hl-drill-cat .hl-drill-section-head p{color:#56697f;font-size:12px;margin:0;line-height:1.5}

/* Decision cards — 3 col, compact */
.hl-drill-cat .hl-drill-dec{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hl-drill-cat .hl-drill-dec-card{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(12,37,71,.04);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;position:relative}
.hl-drill-cat .hl-drill-dec-card:hover{border-color:#c98a1a;transform:translateY(-1px);box-shadow:0 6px 16px rgba(201,138,26,.10)}
.hl-drill-cat .hl-drill-dec-card.is-caution{background:#fff8eb;border-color:#f0d49a}
.hl-drill-cat .hl-drill-dec-card .hl-drill-pill{display:inline-block;align-self:flex-start;background:#fbf4e7;color:#8a5a0a;font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.06em;text-transform:uppercase}
.hl-drill-cat .hl-drill-dec-card .hl-drill-pill.is-warn{background:#f7d491;color:#7a4a08}
.hl-drill-cat .hl-drill-dec-card h4{color:#0c2547;font-size:13.5px;margin:1px 0 2px;line-height:1.3}
.hl-drill-cat .hl-drill-dec-card .hl-drill-machine{font-size:12px;color:#0c2547;margin:2px 0 0;background:#fbf7ee;padding:6px 10px;border-radius:4px;border:1px solid #f1e6c8;line-height:1.45}
.hl-drill-cat .hl-drill-dec-card .hl-drill-machine a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}
.hl-drill-cat .hl-drill-dec-card .hl-drill-machine strong{color:#0c2547;font-weight:700}
.hl-drill-cat .hl-drill-dec-card .hl-drill-use{font-size:11.5px;color:#283b54;margin:3px 0 0;line-height:1.5}
.hl-drill-cat .hl-drill-dec-card .hl-drill-use a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}
.hl-drill-cat .hl-drill-dec-card .hl-drill-note{font-size:11px;color:#56697f;margin-top:auto;padding-top:6px;border-top:1px dashed #e0d4b0;line-height:1.5}
.hl-drill-cat .hl-drill-dec-card .hl-drill-note a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Selector cards — 4 col, compact, badge top-LEFT */
.hl-drill-cat .hl-drill-sel{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.hl-drill-cat .hl-drill-sel-card{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:16px 13px 12px;display:flex;flex-direction:column;position:relative;box-shadow:0 1px 4px rgba(12,37,71,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.hl-drill-cat .hl-drill-sel-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(201,138,26,.14);border-color:#c98a1a}
.hl-drill-cat .hl-drill-sel-card .hl-drill-sel-badge{position:absolute;top:-9px;left:13px;background:linear-gradient(135deg,#0c2547,#1a3257);color:#e6a73a;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:3px;box-shadow:0 3px 8px rgba(12,37,71,.22)}
.hl-drill-cat .hl-drill-sel-card h4{margin:5px 0 9px;color:#0c2547;font-size:12.5px;line-height:1.3}
.hl-drill-cat .hl-drill-sel-row{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;line-height:1.45;padding:6px 0;border-top:1px solid #f3ecd9}
.hl-drill-cat .hl-drill-sel-row:first-of-type{border-top:none;padding-top:0}
.hl-drill-cat .hl-drill-sel-label{flex:0 0 42px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c98a1a;padding-top:1px}
.hl-drill-cat .hl-drill-sel-text{color:#283b54;flex:1}
.hl-drill-cat .hl-drill-sel-text a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Comparison cards — 4 in 2x2 */
.hl-drill-cat .hl-drill-cmp{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.hl-drill-cat .hl-drill-cmp-card{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:14px 16px 14px;display:flex;flex-direction:column;gap:9px;box-shadow:0 1px 4px rgba(12,37,71,.04);transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}
.hl-drill-cat .hl-drill-cmp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c98a1a 0%,#e6a73a 100%)}
.hl-drill-cat .hl-drill-cmp-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(201,138,26,.12)}
.hl-drill-cat .hl-drill-cmp-card h4{color:#0c2547;font-size:13.5px;margin:1px 0 0;line-height:1.25}
.hl-drill-cat .hl-drill-cmp-tag{display:inline-block;align-self:flex-start;background:#0c2547;color:#e6a73a;font-size:9.5px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:3px;text-transform:uppercase}
.hl-drill-cat .hl-drill-cmp-row{display:flex;flex-direction:column;gap:2px}
.hl-drill-cat .hl-drill-cmp-label{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c98a1a}
.hl-drill-cat .hl-drill-cmp-row.is-bad .hl-drill-cmp-label{color:#b03a2e}
.hl-drill-cat .hl-drill-cmp-text{font-size:11.5px;color:#283b54;line-height:1.5}

/* AI / note strip */
.hl-drill-cat .hl-drill-ai{background:linear-gradient(90deg,#fbf4e7,#f7ecd5);border-left:3px solid #c98a1a;border-radius:5px;padding:11px 16px;margin:14px 0 0;color:#0c2547;font-size:12px;line-height:1.55}
.hl-drill-cat .hl-drill-ai strong{color:#c98a1a;display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-weight:800}
.hl-drill-cat .hl-drill-ai a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Accessory grid — 4 col, compact */
.hl-drill-cat .hl-drill-factor{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hl-drill-cat .hl-drill-factor-card{background:#fff;border:1px solid #ece4d3;border-radius:5px;padding:12px 14px;box-shadow:0 1px 2px rgba(12,37,71,.04);transition:transform .15s ease,border-color .15s ease;position:relative;padding-left:18px}
.hl-drill-cat .hl-drill-factor-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#c98a1a,#e6a73a);border-radius:5px 0 0 5px}
.hl-drill-cat .hl-drill-factor-card:hover{transform:translateY(-1px);border-color:#e6a73a}
.hl-drill-cat .hl-drill-factor-card h4{color:#0c2547;font-size:11.5px;margin-bottom:4px;font-weight:800}
.hl-drill-cat .hl-drill-factor-card p{margin:0;font-size:11px;color:#3a4a60;line-height:1.5}
.hl-drill-cat .hl-drill-factor-card a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Cost cards — 3 col compact */
.hl-drill-cat .hl-drill-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hl-drill-cat .hl-drill-cost-card{background:#fff;border:1px solid #ece4d3;border-radius:5px;padding:12px 14px;box-shadow:0 1px 2px rgba(12,37,71,.04);transition:transform .15s ease,border-color .15s ease}
.hl-drill-cat .hl-drill-cost-card:hover{transform:translateY(-1px);border-color:#e6a73a}
.hl-drill-cat .hl-drill-cost-card h4{color:#c98a1a;font-size:10.5px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.hl-drill-cat .hl-drill-cost-card p{margin:0;font-size:11.5px;color:#283b54;line-height:1.5}
.hl-drill-cat .hl-drill-cost-card a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}
.hl-drill-cat .hl-drill-cost-cta{margin-top:14px;font-size:12px;color:#0c2547}
.hl-drill-cat .hl-drill-cost-cta a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Checklist — compact 2-col */
.hl-drill-cat .hl-drill-checklist{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:16px 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px 22px;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-drill-cat .hl-drill-checklist-item{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:#283b54;padding:5px 0}
.hl-drill-cat .hl-drill-checklist-item::before{content:"";flex:0 0 auto;width:11px;height:11px;background:linear-gradient(135deg,#e6a73a,#c98a1a);margin-top:2px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}

/* Use cases — 3 col compact */
.hl-drill-cat .hl-drill-use{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.hl-drill-cat .hl-drill-use-card{background:#fff;border:1px solid #ece4d3;border-radius:6px;padding:13px 14px 13px 18px;box-shadow:0 1px 2px rgba(12,37,71,.04);transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}
.hl-drill-cat .hl-drill-use-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#c98a1a,#e6a73a)}
.hl-drill-cat .hl-drill-use-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(201,138,26,.10)}
.hl-drill-cat .hl-drill-use-card h4{color:#0c2547;font-size:12.5px;margin-bottom:4px}
.hl-drill-cat .hl-drill-use-card p{margin:0;font-size:11.5px;color:#3a4a60;line-height:1.55}
.hl-drill-cat .hl-drill-use-card a{color:#c98a1a;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Trust — 3 col compact */
.hl-drill-cat .hl-drill-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hl-drill-cat .hl-drill-trust-card{background:#fff;border:1px solid #ece4d3;border-radius:5px;padding:13px 14px;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-drill-cat .hl-drill-trust-card h4{color:#0c2547;font-size:12px;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.hl-drill-cat .hl-drill-trust-card h4::before{content:"\2713";width:18px;height:18px;background:#c98a1a;color:#fff;font-size:10px;font-weight:800;border-radius:3px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hl-drill-cat .hl-drill-trust-card p{margin:0;font-size:11.5px;color:#3a4a60;line-height:1.55}

/* Delivery panel — compact */
.hl-drill-cat .hl-drill-delivery{background:linear-gradient(120deg,#0c2547 0%,#1a2a44 60%,#2a2f38 110%);color:#fff;border-radius:8px;padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:24px;box-shadow:0 6px 18px rgba(12,37,71,.16);position:relative;overflow:hidden}
.hl-drill-cat .hl-drill-delivery::before{content:"";position:absolute;inset:auto -90px -110px auto;width:300px;height:300px;background:radial-gradient(circle,rgba(201,138,26,.26) 0%,rgba(201,138,26,0) 65%);pointer-events:none}
.hl-drill-cat .hl-drill-delivery>*{position:relative}
.hl-drill-cat .hl-drill-delivery h3{color:#fff;font-size:15.5px;margin-bottom:4px}
.hl-drill-cat .hl-drill-delivery p{color:#d4cdb8;margin:0 0 4px;font-size:12px;line-height:1.55}
.hl-drill-cat .hl-drill-delivery a.hl-drill-callbtn{display:inline-block;background:#e6a73a;color:#0c2547 !important;padding:10px 20px;border-radius:5px;font-weight:800;text-decoration:none;font-size:12.5px;white-space:nowrap;letter-spacing:.02em}

/* Related chips */
.hl-drill-cat .hl-drill-related{display:flex;flex-wrap:wrap;gap:6px}
.hl-drill-cat .hl-drill-related a{background:#fff;border:1px solid #ece4d3;color:#0c2547;padding:8px 14px;border-radius:4px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:0 1px 2px rgba(12,37,71,.04)}
.hl-drill-cat .hl-drill-related a:hover{background:#c98a1a;color:#fff;border-color:#c98a1a}

/* FAQ — refined */
.hl-drill-cat .hl-drill-faq details{background:#fff;border:1px solid #ece4d3;border-radius:5px;padding:0;margin-bottom:6px;overflow:hidden;box-shadow:0 1px 2px rgba(12,37,71,.03)}
.hl-drill-cat .hl-drill-faq details[open]{border-color:#c98a1a;box-shadow:0 5px 14px rgba(201,138,26,.10)}
.hl-drill-cat .hl-drill-faq summary{cursor:pointer;list-style:none;padding:11px 16px;font-weight:700;color:#0c2547;font-size:12.5px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hl-drill-cat .hl-drill-faq summary::-webkit-details-marker{display:none}
.hl-drill-cat .hl-drill-faq summary::after{content:"+";font-size:17px;color:#c98a1a;font-weight:600;transition:transform .2s ease}
.hl-drill-cat .hl-drill-faq details[open] summary::after{transform:rotate(45deg)}
.hl-drill-cat .hl-drill-faq .hl-drill-faq-body{padding:0 16px 13px;color:#3a4a60;font-size:11.5px;line-height:1.6}
.hl-drill-cat .hl-drill-faq .hl-drill-faq-body a{color:#c98a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,138,26,.40)}

/* Final CTA — compact */
.hl-drill-cat .hl-drill-final{background:linear-gradient(135deg,#c98a1a,#e6a73a);color:#0c2547;border-radius:8px;padding:24px;text-align:center;margin:6px 0 4px;box-shadow:0 8px 22px rgba(201,138,26,.22);position:relative;overflow:hidden}
.hl-drill-cat .hl-drill-final::before{content:"";position:absolute;inset:-70px auto auto -90px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 65%);pointer-events:none}
.hl-drill-cat .hl-drill-final>*{position:relative}
.hl-drill-cat .hl-drill-final h3{color:#0c2547;font-size:18px;margin-bottom:6px}
.hl-drill-cat .hl-drill-final p{color:#0c2547;font-size:12.5px;margin:0 auto 12px;max-width:620px;line-height:1.5}
.hl-drill-cat .hl-drill-final a.hl-drill-callbtn{display:inline-block;background:#0c2547;color:#fff !important;padding:11px 24px;border-radius:5px;font-weight:800;text-decoration:none;font-size:12.5px;letter-spacing:.02em}

/* Responsive */
@media (max-width:980px){
  .hl-drill-cat .hl-drill-tracks,.hl-drill-cat .hl-drill-sel,.hl-drill-cat .hl-drill-factor{grid-template-columns:repeat(2,1fr)}
  .hl-drill-cat .hl-drill-dec,.hl-drill-cat .hl-drill-cmp,.hl-drill-cat .hl-drill-cost,.hl-drill-cat .hl-drill-use,.hl-drill-cat .hl-drill-trust{grid-template-columns:repeat(2,1fr)}
  .hl-drill-cat .hl-drill-delivery{grid-template-columns:1fr}
  .hl-drill-cat .hl-drill-checklist{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hl-drill-cat{font-size:12.5px}
  .hl-drill-cat h2{font-size:19px}
  .hl-drill-cat h3{font-size:15px}
  .hl-drill-cat .hl-drill-hero{padding:22px 18px 26px}
  .hl-drill-cat .hl-drill-hero h2{font-size:21px}
  .hl-drill-cat .hl-drill-tracks,.hl-drill-cat .hl-drill-sel,.hl-drill-cat .hl-drill-dec,.hl-drill-cat .hl-drill-cmp,.hl-drill-cat .hl-drill-factor,.hl-drill-cat .hl-drill-cost,.hl-drill-cat .hl-drill-use,.hl-drill-cat .hl-drill-trust{grid-template-columns:1fr}
  .hl-drill-cat .hl-drill-quick{flex-direction:column}
}
/* HL_DRL_CAT END */

/* === HIRELOAD LIGHTING CAT CSS — START 2026-05-04 === */
/* ============================================================ */
/* HIRELOAD LIGHTING — Scoped Additional CSS  (v3 compact)      */
/* All rules namespaced to .hl-light-cat — no body/html, no     */
/* full-page background, no preview CSS.                         */
/* COMPACT description-area scale — luminous warm-light feel.    */
/* ============================================================ */

.hl-light-cat,
.hl-light-cat *{box-sizing:border-box}

.hl-light-cat{
  --hl-l-ivory:#fffdf7;
  --hl-l-white:#ffffff;
  --hl-l-soft:#fffaf0;
  --hl-l-cream:#fef5e2;
  --hl-l-champagne:#f5ead0;
  --hl-l-line:#ede4c8;
  --hl-l-amber:#f5b82e;
  --hl-l-gold:#e9a018;
  --hl-l-honey:#f7c452;
  --hl-l-honey-lite:#ffd87a;
  --hl-l-navy:#0c2547;
  --hl-l-navy-2:#14315a;
  --hl-l-charcoal:#3a4a60;
  --hl-l-mute:#6e7a8c;

  --hl-l-glow-amber:0 0 0 1px rgba(245,184,46,0.18), 0 6px 16px rgba(245,184,46,0.16), 0 1px 2px rgba(12,37,71,0.04);
  --hl-l-shadow-card:0 1px 2px rgba(245,184,46,0.05), 0 3px 10px rgba(12,37,71,0.04);
  --hl-l-shadow-soft:0 1px 5px rgba(245,184,46,0.05);

  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:12.5px;
  line-height:1.5;
  color:var(--hl-l-navy);
  max-width:1180px;
  margin:18px auto;
  padding:14px 14px 8px;
  background:
    radial-gradient(circle at 92% 0%, rgba(245,184,46,0.05) 0%, rgba(245,184,46,0) 40%),
    radial-gradient(circle at 0% 100%, rgba(247,196,82,0.04) 0%, rgba(247,196,82,0) 50%),
    linear-gradient(180deg, var(--hl-l-ivory) 0%, var(--hl-l-white) 100%);
  border-radius:14px;
}

.hl-light-cat h2,
.hl-light-cat h3,
.hl-light-cat h4{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  color:var(--hl-l-navy);
  font-weight:700;
  letter-spacing:-0.01em;
  margin:0 0 6px;
}
.hl-light-cat p{margin:0 0 6px;color:var(--hl-l-charcoal)}
.hl-light-cat a{color:var(--hl-l-navy);text-decoration:none}
.hl-light-cat ul,.hl-light-cat ol{margin:0 0 6px 16px;padding:0}
.hl-light-cat li{margin:0 0 3px}
.hl-light-cat strong{color:var(--hl-l-navy)}
.hl-light-cat em{font-style:italic;color:var(--hl-l-mute)}

/* ---- LIGHT-BEAM DIVIDER ---- */
.hl-light-cat-beam{
  border:0;height:1px;
  margin:18px 0;
  background:linear-gradient(90deg, rgba(245,184,46,0) 0%, rgba(245,184,46,0.45) 50%, rgba(245,184,46,0) 100%);
  box-shadow:0 0 14px rgba(245,184,46,0.12);
}

/* ---- SECTION HEAD ---- */
.hl-light-cat-section-head{margin-bottom:10px}
.hl-light-cat-tag{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--hl-l-gold);
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  border-radius:999px;
  padding:3px 10px;
  margin-bottom:6px;
  box-shadow:var(--hl-l-shadow-soft), inset 0 0 0 1px rgba(255,255,255,0.6);
  line-height:1.4;
}
.hl-light-cat-section-h{
  font-size:18px;
  margin:0 0 4px;
  line-height:1.25;
}
.hl-light-cat-section-sub{
  font-size:12px;
  color:var(--hl-l-mute);
  margin:0;
  max-width:680px;
}

/* ---- 1. HERO — compact luminous ---- */
.hl-light-cat-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-l-line);
  border-radius:14px;
  padding:22px 22px 20px;
  margin-bottom:0;
  background:
    radial-gradient(circle at 18% 30%, rgba(247,196,82,0.42) 0%, rgba(247,196,82,0) 55%),
    radial-gradient(circle at 88% 75%, rgba(245,184,46,0.28) 0%, rgba(245,184,46,0) 60%),
    radial-gradient(circle at 100% 0%, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(160deg, var(--hl-l-soft) 0%, var(--hl-l-cream) 60%, #ffeec3 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.55),
    inset 0 18px 40px rgba(255,255,255,0.5),
    0 1px 2px rgba(245,184,46,0.10),
    0 10px 24px rgba(245,184,46,0.10);
}
.hl-light-cat-hero-glow{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(22px);
  opacity:.85;
}
.hl-light-cat-hero-glow-a{
  width:240px;height:240px;
  top:-70px;left:-90px;
  background:radial-gradient(circle, rgba(255,234,164,0.95) 0%, rgba(255,234,164,0) 70%);
}
.hl-light-cat-hero-glow-b{
  width:220px;height:220px;
  bottom:-70px;right:-60px;
  background:radial-gradient(circle, rgba(245,184,46,0.55) 0%, rgba(245,184,46,0) 70%);
}
.hl-light-cat-hero-inner{position:relative;z-index:1;max-width:760px}

/* eyebrow chip */
.hl-light-cat-eyebrow{
  display:inline-block;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--hl-l-gold);
  background:rgba(255,255,255,0.85);
  border:1px solid rgba(245,184,46,0.35);
  padding:4px 10px;
  border-radius:999px;
  margin-bottom:10px;
  box-shadow:0 1px 0 rgba(255,255,255,0.7) inset, 0 4px 14px rgba(245,184,46,0.16);
}

.hl-light-cat-hero-h{
  font-size:22px;
  line-height:1.2;
  letter-spacing:-0.015em;
  margin:0 0 8px;
  color:var(--hl-l-navy);
  text-shadow:0 1px 0 rgba(255,255,255,0.4);
}
.hl-light-cat-hero-sub{
  font-size:13px;
  color:var(--hl-l-charcoal);
  margin:0 0 12px;
  max-width:620px;
}
.hl-light-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.hl-light-cat-hero-trust{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:6px;
}
.hl-light-cat-hero-trust li{
  display:inline-block;
  font-size:11px;font-weight:600;
  background:rgba(255,255,255,0.85);
  border:1px solid rgba(12,37,71,0.08);
  border-radius:999px;
  padding:3px 9px;
  color:var(--hl-l-navy);
}

/* ---- BUTTONS ---- */
.hl-light-cat-btn{
  display:inline-block;
  position:relative;
  padding:8px 16px;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.01em;
  border:1.5px solid transparent;
  transition:transform .15s, box-shadow .2s, background .2s;
  line-height:1.3;
}
.hl-light-cat-btn:hover{transform:translateY(-1px)}
.hl-light-cat-btn-primary{
  background:linear-gradient(180deg, #ffce5a 0%, var(--hl-l-amber) 60%, var(--hl-l-gold) 100%);
  color:var(--hl-l-navy);
  border-color:rgba(184,128,16,0.5);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.6) inset,
    0 -1px 0 rgba(184,128,16,0.25) inset,
    0 6px 16px rgba(245,184,46,0.4),
    0 1px 2px rgba(0,0,0,0.06);
}
.hl-light-cat-btn-primary:hover{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.6) inset,
    0 -1px 0 rgba(184,128,16,0.25) inset,
    0 8px 22px rgba(245,184,46,0.5),
    0 1px 2px rgba(0,0,0,0.06);
}
.hl-light-cat-btn-secondary{
  background:rgba(255,255,255,0.9);
  color:var(--hl-l-navy);
  border-color:var(--hl-l-navy);
  box-shadow:0 1px 0 rgba(255,255,255,0.7) inset, 0 4px 10px rgba(12,37,71,0.06);
}
.hl-light-cat-btn-secondary:hover{background:var(--hl-l-navy);color:#fff}
.hl-light-cat-btn-ghost{
  background:transparent;
  color:var(--hl-l-navy);
  border-color:rgba(12,37,71,0.22);
}
.hl-light-cat-btn-ghost:hover{
  background:var(--hl-l-cream);
  border-color:var(--hl-l-amber);
}

/* ---- 2. TRACKS ---- */
.hl-light-cat-tracks{margin-bottom:0}
.hl-light-cat-track-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.hl-light-cat-track{
  display:block;
  position:relative;
  background:linear-gradient(180deg,#fff 0%, var(--hl-l-soft) 100%);
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:12px 12px 10px;
  transition:transform .15s, box-shadow .25s, border-color .2s;
  box-shadow:var(--hl-l-shadow-card);
  overflow:hidden;
}
.hl-light-cat-track::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-l-amber), var(--hl-l-honey), var(--hl-l-gold));
  opacity:.85;
}
.hl-light-cat-track::after{
  content:"";position:absolute;
  width:100px;height:100px;border-radius:50%;
  right:-40px;top:-40px;
  background:radial-gradient(circle, rgba(247,196,82,0.4) 0%, rgba(247,196,82,0) 70%);
  filter:blur(14px);pointer-events:none;
  transition:opacity .25s;opacity:.55;
}
.hl-light-cat-track:hover{
  transform:translateY(-2px);
  border-color:rgba(245,184,46,0.5);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-track:hover::after{opacity:.95}
.hl-light-cat-track-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--hl-l-cream);
  color:var(--hl-l-gold);
  border:1px solid var(--hl-l-line);
  border-radius:999px;
  padding:2px 7px;
  margin-bottom:7px;
}
.hl-light-cat-track-h{font-size:13px;line-height:1.3;margin:0 0 4px}
.hl-light-cat-track-p{font-size:11.5px;color:var(--hl-l-charcoal);margin:0 0 8px;line-height:1.45}
.hl-light-cat-track-meta{
  font-size:11px;font-weight:700;
  color:var(--hl-l-gold);
  display:inline-block;
  border-top:1px dashed var(--hl-l-line);
  padding-top:6px;width:100%;
}

/* ---- ICON CONTAINER (illuminated, compact) ---- */
.hl-light-cat-icon{
  width:28px;height:28px;
  border-radius:7px;
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:7px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.55),
    inset 0 0 8px rgba(245,184,46,0.18),
    0 2px 6px rgba(245,184,46,0.10);
}
.hl-light-cat-icon-mark{
  font-size:13px;
  font-weight:700;
  color:var(--hl-l-gold);
  line-height:1;
  text-shadow:0 0 6px rgba(245,184,46,0.4);
}

/* ---- 3. DEFINITIONS ---- */
.hl-light-cat-defs{margin-bottom:0}
.hl-light-cat-def-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.hl-light-cat-def{
  background:linear-gradient(180deg,#fff 0%,var(--hl-l-soft) 100%);
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:12px 12px 10px;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-light-cat-def:hover{
  transform:translateY(-2px);
  border-color:rgba(245,184,46,0.5);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-def-h{font-size:12.5px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-light-cat-def p{font-size:11.5px;color:var(--hl-l-charcoal);margin:0;line-height:1.45}

/* ---- 4. QUICK ANSWER STRIP (navy, white text — high contrast) ---- */
.hl-light-cat-quick{margin-bottom:0}
.hl-light-cat-quick-card{
  position:relative;
  background:
    radial-gradient(circle at 95% 0%, rgba(245,184,46,0.18) 0%, rgba(245,184,46,0) 55%),
    linear-gradient(135deg, var(--hl-l-navy) 0%, var(--hl-l-navy-2) 100%);
  border:1px solid rgba(245,184,46,0.35);
  border-left:3px solid var(--hl-l-amber);
  border-radius:12px;
  padding:14px 18px;
  box-shadow:0 8px 22px rgba(12,37,71,0.18), inset 0 0 30px rgba(245,184,46,0.05);
  overflow:hidden;
}
.hl-light-cat-quick-card::after{
  content:"";position:absolute;
  width:180px;height:180px;border-radius:50%;
  right:-70px;top:-70px;
  background:radial-gradient(circle, rgba(245,184,46,0.25) 0%, rgba(245,184,46,0) 70%);
  pointer-events:none;filter:blur(8px);
}
.hl-light-cat-quick-card .hl-light-cat-quick-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-l-honey-lite) !important;
  margin-bottom:5px;
  text-shadow:0 0 12px rgba(245,184,46,0.45);
  position:relative;z-index:1;
}
.hl-light-cat-quick-card .hl-light-cat-quick-p{
  font-size:13px;
  color:#ffffff !important;
  margin:0;
  line-height:1.55;
  position:relative;z-index:1;
}
.hl-light-cat-quick-card .hl-light-cat-quick-p strong{
  color:var(--hl-l-honey-lite) !important;
  font-weight:700;
}

/* ---- 5. DECISIONS — BEST FOR ---- */
.hl-light-cat-decisions{margin-bottom:0}
.hl-light-cat-decision-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hl-light-cat-decision{
  position:relative;
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:12px 12px 10px;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-light-cat-decision:hover{
  transform:translateY(-2px);
  border-color:rgba(245,184,46,0.5);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-decision-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:18px;
  font-family:'Inter',sans-serif;
  font-size:9.5px;font-weight:800;letter-spacing:0.1em;
  color:var(--hl-l-gold);
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  border-radius:5px;
  margin-bottom:6px;
  box-shadow:inset 0 0 6px rgba(245,184,46,0.16);
}
.hl-light-cat-decision-h{font-size:12.5px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-light-cat-decision-p{font-size:11.5px;color:var(--hl-l-charcoal);margin:0 0 7px;line-height:1.45}
.hl-light-cat-best-for{
  display:inline-block;
  font-size:11px;font-weight:700;
  color:var(--hl-l-navy);
  background:var(--hl-l-cream);
  border:1px solid var(--hl-l-line);
  border-radius:5px;
  padding:3px 7px;
}

/* ---- 6. SELECTOR ---- */
.hl-light-cat-selector{margin-bottom:0}
.hl-light-cat-selector-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.hl-light-cat-pick{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:8px;
  padding:9px 11px;
  display:flex;flex-direction:column;gap:3px;
  transition:transform .12s, box-shadow .2s, border-color .2s, background .2s;
  box-shadow:var(--hl-l-shadow-soft);
}
.hl-light-cat-pick:hover{
  background:var(--hl-l-soft);
  border-color:rgba(245,184,46,0.5);
  transform:translateY(-1px);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-pick-q{font-size:11.5px;font-weight:700;color:var(--hl-l-navy)}
.hl-light-cat-pick-a{font-size:11px;color:var(--hl-l-gold);font-weight:600;display:flex;align-items:center;gap:5px}
.hl-light-cat-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border-radius:4px;
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  font-size:10px;
  color:var(--hl-l-amber);
  box-shadow:inset 0 0 5px rgba(245,184,46,0.2);
}

/* ---- 7. COMPARE ---- */
.hl-light-cat-compare{margin-bottom:0}
.hl-light-cat-compare-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.hl-light-cat-vs{
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:12px 14px;
  box-shadow:var(--hl-l-shadow-card);
}
.hl-light-cat-vs-h{
  font-size:12.5px;
  margin:0 0 7px;
  padding-bottom:5px;
  border-bottom:1px dashed var(--hl-l-line);
  position:relative;
}
.hl-light-cat-vs-h::after{
  content:"";position:absolute;bottom:-1px;left:0;width:48px;height:2px;
  background:linear-gradient(90deg, var(--hl-l-amber), rgba(245,184,46,0));
  border-radius:2px;
}
.hl-light-cat-vs p{font-size:11.5px;color:var(--hl-l-charcoal);margin:0 0 4px;line-height:1.45}
.hl-light-cat-vs-tip{
  display:block;
  font-size:11px;font-style:italic;
  color:var(--hl-l-gold);
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  padding:6px 8px;
  border-radius:7px;
  margin-top:6px;
  box-shadow:inset 0 0 8px rgba(245,184,46,0.07);
}

/* ---- 8. CHOOSE BY ---- */
.hl-light-cat-chooseby{margin-bottom:0}
.hl-light-cat-chooseby-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-light-cat-cb{
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  border-radius:9px;
  padding:11px 12px 9px;
  box-shadow:var(--hl-l-shadow-card);
  position:relative;overflow:hidden;
}
.hl-light-cat-cb::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-l-amber), rgba(245,184,46,0));
}
.hl-light-cat-cb-h{font-size:12px;margin:0 0 6px;display:flex;align-items:center;gap:7px}
.hl-light-cat-cb-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;
  font-size:10px;font-weight:800;
  color:var(--hl-l-gold);
  background:var(--hl-l-cream);
  border:1px solid var(--hl-l-line);
  border-radius:5px;
}
.hl-light-cat-cb ul{margin:0 0 0 14px;padding:0}
.hl-light-cat-cb li{font-size:11.5px;color:var(--hl-l-charcoal);margin:0 0 2px;line-height:1.4}

/* ---- 9. COST FACTORS ---- */
.hl-light-cat-cost{margin-bottom:0}
.hl-light-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hl-light-cat-cost-card{
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:12px 14px;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-light-cat-cost-card:hover{
  transform:translateY(-2px);
  border-color:rgba(245,184,46,0.5);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-cost-card h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-light-cat-cost-card p{font-size:11.5px;color:var(--hl-l-charcoal);margin:0;line-height:1.45}
.hl-light-cat-cost-foot{
  margin-top:10px;
  background:linear-gradient(180deg,var(--hl-l-cream),#fff);
  border:1px solid var(--hl-l-line);
  border-left:3px solid var(--hl-l-amber);
  border-radius:8px;
  padding:9px 12px;
  font-size:11.5px;
  color:var(--hl-l-charcoal);
  box-shadow:inset 0 0 10px rgba(245,184,46,0.07);
}
.hl-light-cat-cost-foot a{color:var(--hl-l-navy);text-decoration:underline}

/* ---- 10. CHECKLIST ---- */
.hl-light-cat-checklist{margin-bottom:0}
.hl-light-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px 14px;
  counter-reset:hlcl;
}
.hl-light-cat-checklist-list li{
  counter-increment:hlcl;
  font-size:11.5px;
  color:var(--hl-l-charcoal);
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  padding:8px 10px 8px 38px;
  border-radius:8px;
  position:relative;
  box-shadow:var(--hl-l-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-light-cat-checklist-list li:hover{
  border-color:rgba(245,184,46,0.45);
  box-shadow:0 3px 10px rgba(245,184,46,0.1);
}
.hl-light-cat-checklist-list li::before{
  content:counter(hlcl,decimal-leading-zero);
  position:absolute;left:6px;top:6px;
  width:24px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:var(--hl-l-gold);
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  border-radius:5px;
  box-shadow:inset 0 0 5px rgba(245,184,46,0.16);
}

/* ---- 11. USE CASES ---- */
.hl-light-cat-usecases{margin-bottom:0}
.hl-light-cat-usecase-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hl-light-cat-usecase{
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:11px 12px;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-light-cat-usecase:hover{  transform:translateY(-2px);
  border-color:rgba(245,184,46,0.5);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-usecase h4{font-size:12px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-light-cat-usecase p{font-size:11.5px;color:var(--hl-l-charcoal);margin:0;line-height:1.45}

/* ---- 12. TRUST ---- */
.hl-light-cat-trust{margin-bottom:0}
.hl-light-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-light-cat-trust-card{
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:11px 12px;
  text-align:left;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-light-cat-trust-card:hover{
  transform:translateY(-2px);
  border-color:rgba(245,184,46,0.5);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-light-cat-trust-card p{font-size:11px;color:var(--hl-l-charcoal);margin:0;line-height:1.45}

/* ---- 13. DELIVERY ---- */
.hl-light-cat-delivery{margin-bottom:0}
.hl-light-cat-delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  background:linear-gradient(180deg,var(--hl-l-soft),#fff);
  border:1px solid var(--hl-l-line);
  border-radius:12px;
  padding:13px;
  box-shadow:var(--hl-l-shadow-soft);
}
.hl-light-cat-delivery-card{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:9px;
  padding:11px 13px;
  box-shadow:var(--hl-l-shadow-soft);
  transition:transform .12s, box-shadow .2s, border-color .2s;
}
.hl-light-cat-delivery-card:hover{
  transform:translateY(-1px);
  border-color:rgba(245,184,46,0.5);
  box-shadow:var(--hl-l-glow-amber);
}
.hl-light-cat-delivery-card h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-light-cat-delivery-card p{font-size:11.5px;color:var(--hl-l-charcoal);margin:0;line-height:1.45}

/* ---- 14. RELATED ---- */
.hl-light-cat-related{margin-bottom:0}
.hl-light-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.hl-light-cat-related-card{
  display:block;
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  border-radius:8px;
  padding:10px 6px;
  text-align:center;
  font-size:11.5px;font-weight:700;
  color:var(--hl-l-navy);
  box-shadow:var(--hl-l-shadow-soft);
  transition:transform .12s, background .2s, border-color .2s, box-shadow .2s;
}
.hl-light-cat-related-card:hover{
  background:var(--hl-l-cream);
  border-color:rgba(245,184,46,0.55);
  transform:translateY(-1px);
  box-shadow:var(--hl-l-glow-amber);
}

/* ---- 15. FAQ ---- */
.hl-light-cat-faq{margin-bottom:0}
.hl-light-cat-faq-list{display:flex;flex-direction:column;gap:6px}
.hl-light-cat-faq-item{
  background:linear-gradient(180deg,#fff,var(--hl-l-soft));
  border:1px solid var(--hl-l-line);
  border-left:3px solid var(--hl-l-amber);
  border-radius:8px;
  padding:0;overflow:hidden;
  box-shadow:var(--hl-l-shadow-soft);
}
.hl-light-cat-faq-item[open]{
  border-color:rgba(245,184,46,0.55);
  box-shadow:0 4px 14px rgba(245,184,46,0.1);
}
.hl-light-cat-faq-item summary{
  cursor:pointer;
  font-size:12px;font-weight:700;
  color:var(--hl-l-navy);
  padding:10px 14px;
  list-style:none;
  position:relative;
  padding-right:38px;
  user-select:none;
}
.hl-light-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-light-cat-faq-item summary::after{
  content:"+";
  position:absolute;right:10px;top:50%;
  transform:translateY(-50%);
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;line-height:1;
  color:var(--hl-l-gold);
  background:linear-gradient(180deg,#fff,var(--hl-l-cream));
  border:1px solid var(--hl-l-line);
  border-radius:5px;
  box-shadow:inset 0 0 5px rgba(245,184,46,0.18);
}
.hl-light-cat-faq-item[open] summary::after{
  content:"−";
  background:linear-gradient(180deg,var(--hl-l-cream),#fff);
}
.hl-light-cat-faq-item p{
  font-size:11.5px;color:var(--hl-l-charcoal);
  margin:0;
  padding:0 14px 12px;
  line-height:1.5;
}

/* ---- 16. FINAL CTA ---- */
.hl-light-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-l-line);
  border-radius:14px;
  padding:20px 22px 18px;
  margin-bottom:0;
  background:
    radial-gradient(circle at 80% 20%, rgba(245,184,46,0.30) 0%, rgba(245,184,46,0) 60%),
    radial-gradient(circle at 12% 80%, rgba(247,196,82,0.28) 0%, rgba(247,196,82,0) 55%),
    linear-gradient(160deg, var(--hl-l-soft) 0%, var(--hl-l-cream) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.55),
    0 10px 24px rgba(245,184,46,0.12);
}
.hl-light-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.hl-light-cat-finalcta-h{font-size:18px;margin:4px 0 6px}
.hl-light-cat-finalcta-sub{font-size:12.5px;color:var(--hl-l-charcoal);margin:0 auto 12px;max-width:520px}
.hl-light-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                   */
/* ============================================================ */
@media (max-width:1024px){
  .hl-light-cat-track-grid,
  .hl-light-cat-def-grid,
  .hl-light-cat-selector-grid,
  .hl-light-cat-chooseby-grid,
  .hl-light-cat-trust-grid,
  .hl-light-cat-related-grid{grid-template-columns:repeat(3,1fr)}
  .hl-light-cat-decision-grid,
  .hl-light-cat-usecase-grid,
  .hl-light-cat-cost-grid{grid-template-columns:repeat(2,1fr)}
  .hl-light-cat-delivery-grid{grid-template-columns:repeat(2,1fr)}
  .hl-light-cat-hero-h{font-size:20px}
}
@media (max-width:720px){
  .hl-light-cat{padding:12px 10px;margin:14px auto;border-radius:12px;font-size:12.5px}
  .hl-light-cat-section-h{font-size:16px}
  .hl-light-cat-hero{padding:18px 16px}
  .hl-light-cat-hero-h{font-size:18px}
  .hl-light-cat-track-grid,
  .hl-light-cat-def-grid,
  .hl-light-cat-decision-grid,
  .hl-light-cat-selector-grid,
  .hl-light-cat-compare-grid,
  .hl-light-cat-chooseby-grid,
  .hl-light-cat-cost-grid,
  .hl-light-cat-usecase-grid,
  .hl-light-cat-trust-grid,
  .hl-light-cat-delivery-grid,
  .hl-light-cat-related-grid,
  .hl-light-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-light-cat-hero-ctas,
  .hl-light-cat-finalcta-ctas{flex-direction:column}
  .hl-light-cat-btn{width:100%;text-align:center}
  .hl-light-cat-finalcta{padding:18px 14px}
  .hl-light-cat-beam{margin:14px 0}
}

/* ============================================================ */
/* END HIRELOAD LIGHTING — Scoped Additional CSS (v3 compact)   */
/* ============================================================ */

/* === HIRELOAD LIGHTING CAT CSS — END 2026-05-04 === */

/* === HIRELOAD COMPACTORS CAT CSS — START 2026-05-05 === */
/* ============================================================ */
/* HIRELOAD COMPACTORS — Scoped Additional CSS  (v3 navy-led)    */
/* All rules namespaced to .hl-comp-cat — no body/html, no       */
/* full-page background, no preview CSS.                          */
/* Groundworks palette: navy / concrete / brass / stone / sand.   */
/* ============================================================ */

.hl-comp-cat,
.hl-comp-cat *{box-sizing:border-box}

.hl-comp-cat{
  --hl-c-white:#ffffff;
  --hl-c-warm-white:#fbf9f4;
  --hl-c-stone:#f1eadb;
  --hl-c-stone-2:#f9f5ea;
  --hl-c-sand:#dcc78a;
  --hl-c-sand-light:#ecdfb3;
  --hl-c-brass:#c89732;
  --hl-c-brass-deep:#9b7517;
  --hl-c-brass-text:#7e5d10;
  --hl-c-navy:#0c2547;
  --hl-c-navy-2:#163563;
  --hl-c-navy-3:#0a1d3a;
  --hl-c-slate:#3a4a60;
  --hl-c-slate-light:#5b6a82;
  --hl-c-concrete:#eef0ee;
  --hl-c-concrete-2:#dfe3e1;
  --hl-c-line:#dccba0;
  --hl-c-line-soft:#e8e0c5;
  --hl-c-line-cool:#d6dfe5;
  --hl-c-mute:#6e7a8c;
  --hl-c-good:#1f7a4a;
  --hl-c-good-bg:#e6f3eb;
  --hl-c-warn:#a3520e;
  --hl-c-warn-bg:#fbe9d8;

  --hl-c-shadow-card:0 1px 2px rgba(155,117,23,0.05), 0 3px 10px rgba(12,37,71,0.06);
  --hl-c-shadow-soft:0 1px 4px rgba(12,37,71,0.05);
  --hl-c-shadow-hover:0 0 0 1px rgba(200,151,50,0.25), 0 6px 18px rgba(12,37,71,0.10), 0 1px 2px rgba(0,0,0,0.04);
  --hl-c-shadow-navy:0 8px 22px rgba(12,37,71,0.22), inset 0 0 36px rgba(200,151,50,0.05);

  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:12.5px;
  line-height:1.5;
  color:var(--hl-c-navy);
  max-width:1180px;
  margin:18px auto;
  padding:14px 14px 8px;
  background:linear-gradient(180deg, var(--hl-c-warm-white) 0%, var(--hl-c-white) 100%);
  border-radius:14px;
}

.hl-comp-cat h2,
.hl-comp-cat h3,
.hl-comp-cat h4{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  color:var(--hl-c-navy);
  font-weight:700;
  letter-spacing:-0.01em;
  margin:0 0 6px;
}
.hl-comp-cat p{margin:0 0 6px;color:var(--hl-c-slate)}
.hl-comp-cat a{color:var(--hl-c-navy);text-decoration:none}
.hl-comp-cat ul,.hl-comp-cat ol{margin:0 0 6px 16px;padding:0}
.hl-comp-cat li{margin:0 0 3px}
.hl-comp-cat strong{color:var(--hl-c-navy)}

/* ---- Section divider (subtle slate-fade rule, no glow) ---- */
.hl-comp-cat-rule{
  border:0;height:1px;
  margin:18px 0;
  background:linear-gradient(90deg, rgba(58,74,96,0) 0%, rgba(58,74,96,0.28) 50%, rgba(58,74,96,0) 100%);
}

/* ---- Section head ---- */
.hl-comp-cat-section-head{margin-bottom:10px}
.hl-comp-cat-tag{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--hl-c-navy);
  background:linear-gradient(180deg,var(--hl-c-white),var(--hl-c-stone-2));
  border:1px solid var(--hl-c-line-soft);
  border-bottom:2px solid var(--hl-c-brass);
  border-radius:4px 4px 0 0;
  padding:4px 10px 3px;
  margin-bottom:6px;
}
.hl-comp-cat-section-h{
  font-size:18px;
  margin:0 0 4px;
  line-height:1.25;
  color:var(--hl-c-navy);
}
.hl-comp-cat-section-sub{
  font-size:12px;
  color:var(--hl-c-slate-light);
  margin:0;
  max-width:680px;
}

/* eyebrow chip (light bg) */
.hl-comp-cat-eyebrow{
  display:inline-block;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--hl-c-brass-text);
  background:rgba(255,255,255,0.92);
  border:1px solid var(--hl-c-line);
  padding:4px 10px;
  border-radius:4px;
  margin-bottom:10px;
}
.hl-comp-cat-eyebrow-light{
  color:var(--hl-c-sand-light);
  background:rgba(255,255,255,0.10);
  border-color:rgba(220,199,138,0.45);
}

/* ============================================================ */
/* 1. HERO — navy-led, clean solid (no stripes/banding)         */
/* ============================================================ */
.hl-comp-cat-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-c-navy-3);
  border-radius:12px;
  padding:24px 24px 22px;
  margin-bottom:14px;
  background:linear-gradient(135deg, var(--hl-c-navy-3) 0%, var(--hl-c-navy) 50%, var(--hl-c-navy-2) 100%);
  color:#fff;
  box-shadow:var(--hl-c-shadow-navy);
}
/* Soft brass corner spotlight only — no stripes, no banding */
.hl-comp-cat-hero-strata{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 92% 12%, rgba(200,151,50,0.18) 0%, rgba(200,151,50,0) 55%);
}
.hl-comp-cat-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:20px;align-items:start;
}
.hl-comp-cat-hero-left{}

/* High-contrast hero text — descendant selectors beat the global heading rule */
.hl-comp-cat-hero h2,
.hl-comp-cat-hero h3,
.hl-comp-cat-hero h4{color:#fff}
.hl-comp-cat-hero p{color:rgba(255,255,255,0.94)}

.hl-comp-cat-hero-h{
  font-size:23px;
  line-height:1.2;
  letter-spacing:-0.015em;
  margin:0 0 8px;
}
.hl-comp-cat-hero-sub{
  font-size:13px;
  margin:0 0 14px;
  max-width:540px;
}
.hl-comp-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap}

/* hero mini-panel (right side — quick start) — readable navy overlay */
.hl-comp-cat-hero-right{
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(220,199,138,0.45);
  border-left:3px solid var(--hl-c-brass);
  border-radius:8px;
  padding:12px 14px;
}
.hl-comp-cat-hero-mini-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-c-sand-light);
  margin-bottom:4px;
}
.hl-comp-cat-hero-mini-h{
  font-size:13.5px;
  margin:0 0 8px;
}
.hl-comp-cat-hero-mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.hl-comp-cat-hero-mini-list li{
  display:flex;justify-content:space-between;gap:8px;align-items:center;
  font-size:11.5px;
  color:#fff;
  border-bottom:1px dashed rgba(220,199,138,0.30);
  padding:4px 0;
  margin:0;
}
.hl-comp-cat-hero-mini-list li:last-child{border-bottom:0}
.hl-comp-cat-hero-mini-q{color:#fff;font-weight:600}
.hl-comp-cat-hero-mini-a{color:var(--hl-c-sand-light);font-weight:700;font-size:11px;white-space:nowrap}

/* ============================================================ */
/* BUTTONS                                                     */
/* ============================================================ */
.hl-comp-cat-btn{
  display:inline-block;
  position:relative;
  padding:9px 18px;
  border-radius:6px;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.01em;
  border:1.5px solid transparent;
  transition:transform .15s, box-shadow .2s, background .2s;
  line-height:1.3;
}
.hl-comp-cat-btn:hover{transform:translateY(-1px)}
.hl-comp-cat-btn-primary{
  background:linear-gradient(180deg, #d8ad4a 0%, var(--hl-c-brass) 60%, var(--hl-c-brass-deep) 100%);
  color:#fff;
  border-color:rgba(155,117,23,0.6);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.35) inset,
    0 -1px 0 rgba(155,117,23,0.4) inset,
    0 4px 12px rgba(155,117,23,0.3),
    0 1px 2px rgba(0,0,0,0.06);
}
.hl-comp-cat-btn-primary:hover{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.35) inset,
    0 -1px 0 rgba(155,117,23,0.4) inset,
    0 6px 18px rgba(155,117,23,0.45),
    0 1px 2px rgba(0,0,0,0.06);
}
/* secondary on light bg */
.hl-comp-cat-btn-secondary{
  background:rgba(255,255,255,0.95);
  color:var(--hl-c-navy);
  border-color:var(--hl-c-navy);
}
.hl-comp-cat-btn-secondary:hover{background:var(--hl-c-navy);color:#fff}
/* secondary on navy bg — readable, not invisible */
.hl-comp-cat-btn-onnavy{
  background:rgba(255,255,255,0.10);
  color:#fff;
  border-color:rgba(255,255,255,0.75);
}
.hl-comp-cat-btn-onnavy:hover{background:#fff;color:var(--hl-c-navy);border-color:#fff}
.hl-comp-cat-btn-ghost-light{
  background:rgba(255,255,255,0.06);
  color:#fff;
  border-color:rgba(220,199,138,0.55);
}
.hl-comp-cat-btn-ghost-light:hover{
  background:rgba(255,255,255,0.14);
  border-color:var(--hl-c-sand-light);
  color:#fff;
}
.hl-comp-cat-btn-ghost{
  background:transparent;
  color:var(--hl-c-navy);
  border-color:rgba(12,37,71,0.22);
}
.hl-comp-cat-btn-ghost:hover{
  background:var(--hl-c-stone);
  border-color:var(--hl-c-brass);
}

/* ============================================================ */
/* 2. PROJECT SELECTOR — 6 large cards                         */
/* ============================================================ */
.hl-comp-cat-projects{margin-bottom:0}
.hl-comp-cat-project-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.hl-comp-cat-project{
  display:flex;flex-direction:column;align-items:center;
  text-align:center;
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:8px;
  padding:12px 8px 10px;
  box-shadow:var(--hl-c-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s, background .2s;
  text-decoration:none;
  gap:5px;
}
.hl-comp-cat-project:hover{
  transform:translateY(-2px);
  border-color:var(--hl-c-brass);
  box-shadow:var(--hl-c-shadow-hover);
}
.hl-comp-cat-project-icon{font-size:22px;line-height:1;display:block;margin-bottom:4px}
.hl-comp-cat-project-job{font-size:12px;font-weight:700;color:var(--hl-c-navy);line-height:1.25}
.hl-comp-cat-project-tool{font-size:10.5px;color:var(--hl-c-brass-text);font-weight:600;line-height:1.3}
.hl-comp-cat-project-tool-link{text-decoration:underline}
.hl-comp-cat-project-call{
  background:linear-gradient(180deg,#fff,var(--hl-c-stone-2));
  border-color:var(--hl-c-brass);
  border-style:dashed;
}

/* ============================================================ */
/* 3. INTRO                                                    */
/* ============================================================ */
.hl-comp-cat-intro{
  background:var(--hl-c-warm-white);
  border:1px solid var(--hl-c-line-soft);
  border-left:3px solid var(--hl-c-brass);
  border-radius:8px;
  padding:14px 18px;
}
.hl-comp-cat-intro p{font-size:12.5px;margin:0 0 6px;color:var(--hl-c-slate)}
.hl-comp-cat-intro p:last-child{margin:0}
.hl-comp-cat-intro a{text-decoration:underline}

/* ============================================================ */
/* 4. QUICK ANSWER STRIP (navy + brass)                        */
/* ============================================================ */
.hl-comp-cat-quick{margin-bottom:0}
.hl-comp-cat-quick-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-c-navy) 0%, var(--hl-c-navy-2) 100%);
  border:1px solid rgba(200,151,50,0.4);
  border-left:3px solid var(--hl-c-brass);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:var(--hl-c-shadow-navy);
  overflow:hidden;
}
.hl-comp-cat-quick-card::after{
  content:"";position:absolute;
  width:160px;height:160px;border-radius:50%;
  right:-60px;top:-60px;
  background:radial-gradient(circle, rgba(200,151,50,0.18) 0%, rgba(200,151,50,0) 70%);
  pointer-events:none;filter:blur(10px);
}
.hl-comp-cat-quick-card .hl-comp-cat-quick-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-c-sand-light) !important;
  margin-bottom:5px;
  position:relative;z-index:1;
}
.hl-comp-cat-quick-card .hl-comp-cat-quick-p{
  font-size:13px;
  color:#ffffff !important;
  margin:0;
  line-height:1.55;
  position:relative;z-index:1;
}
.hl-comp-cat-quick-card .hl-comp-cat-quick-p strong{
  color:var(--hl-c-sand-light) !important;
  font-weight:700;
}

/* ============================================================ */
/* 5. GROUND TYPE MATRIX — premium table-style module          */
/* ============================================================ */
.hl-comp-cat-matrix{margin-bottom:0}
.hl-comp-cat-matrix-card{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-c-shadow-card);
}
.hl-comp-cat-matrix-head{
  display:grid;
  grid-template-columns:1.4fr 1.1fr 1.4fr 1.4fr;
  background:linear-gradient(90deg, var(--hl-c-navy) 0%, var(--hl-c-navy-2) 100%);
  color:#fff;
}
.hl-comp-cat-matrix-h-cell{
  padding:9px 12px;
  font-size:10.5px;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--hl-c-sand-light);
  border-right:1px solid rgba(220,199,138,0.25);
}
.hl-comp-cat-matrix-h-cell:last-child{border-right:0}
.hl-comp-cat-matrix-h-cell-row{color:#fff}

.hl-comp-cat-matrix-row{
  display:grid;
  grid-template-columns:1.4fr 1.1fr 1.4fr 1.4fr;
  border-top:1px solid var(--hl-c-line-cool);
  transition:background .15s;
}
.hl-comp-cat-matrix-row:nth-child(even){background:var(--hl-c-stone-2)}
.hl-comp-cat-matrix-row:hover{background:var(--hl-c-stone)}
.hl-comp-cat-matrix-cell{
  padding:10px 12px;
  font-size:11.5px;
  color:var(--hl-c-slate);
  border-right:1px solid var(--hl-c-line-cool);
  display:flex;align-items:center;gap:6px;line-height:1.4;
}
.hl-comp-cat-matrix-cell:last-child{border-right:0}
.hl-comp-cat-matrix-cell-row{font-size:12px;color:var(--hl-c-navy)}
.hl-comp-cat-matrix-cell-row strong{color:var(--hl-c-navy)}
.hl-comp-cat-matrix-icon{font-size:16px;line-height:1;display:inline-block}

.hl-comp-cat-chip{
  display:inline-block;
  font-size:10.5px;font-weight:700;
  padding:3px 8px;border-radius:4px;
  letter-spacing:0.02em;
  white-space:nowrap;
}
.hl-comp-cat-chip-good{
  background:var(--hl-c-good-bg);
  color:var(--hl-c-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-comp-cat-chip-warn{
  background:var(--hl-c-warn-bg);
  color:var(--hl-c-warn);
  border:1px solid rgba(163,82,14,0.30);
}

/* ============================================================ */
/* 6. PLATE COMPARISON — versus panel                          */
/* ============================================================ */
.hl-comp-cat-versus{margin-bottom:0}
.hl-comp-cat-versus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.hl-comp-cat-versus-panel{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-c-shadow-card);
  display:flex;flex-direction:column;
}
.hl-comp-cat-versus-panel-feat{
  border-color:var(--hl-c-brass);
  box-shadow:0 0 0 1px rgba(200,151,50,0.20), 0 6px 18px rgba(12,37,71,0.10);
}
.hl-comp-cat-versus-head{
  background:linear-gradient(135deg, var(--hl-c-navy) 0%, var(--hl-c-navy-2) 100%);
  color:#fff;
  padding:14px 16px 12px;
  border-bottom:2px solid var(--hl-c-brass);
}
.hl-comp-cat-versus-eyebrow{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-c-sand-light);
  margin-bottom:4px;
}
.hl-comp-cat-versus-h{
  font-size:14px;
  color:#fff;
  margin:0 0 4px;
  line-height:1.25;
}
.hl-comp-cat-versus-link{
  display:inline-block;
  font-size:11px;font-weight:600;
  color:var(--hl-c-sand-light);
  text-decoration:underline;
}
.hl-comp-cat-versus-specs{
  list-style:none;margin:0;padding:8px 16px;
  border-bottom:1px solid var(--hl-c-line-soft);
}
.hl-comp-cat-versus-specs li{
  display:flex;justify-content:space-between;
  font-size:11.5px;
  padding:4px 0;
  border-bottom:1px dashed var(--hl-c-line-soft);
  margin:0;
}
.hl-comp-cat-versus-specs li:last-child{border-bottom:0}
.hl-comp-cat-spec-k{color:var(--hl-c-slate-light);font-weight:600}
.hl-comp-cat-spec-v{color:var(--hl-c-navy);font-weight:700;text-align:right}

.hl-comp-cat-versus-list-good,
.hl-comp-cat-versus-list-bad{
  padding:10px 16px 8px;
  border-top:1px solid var(--hl-c-line-soft);
}
.hl-comp-cat-versus-list-good{background:rgba(230,243,235,0.4)}
.hl-comp-cat-versus-list-bad{background:rgba(251,233,216,0.4);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.hl-comp-cat-versus-tag-good,
.hl-comp-cat-versus-tag-bad{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;
  padding:2px 7px;border-radius:4px;
  margin-bottom:5px;
}
.hl-comp-cat-versus-tag-good{
  background:var(--hl-c-good-bg);
  color:var(--hl-c-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-comp-cat-versus-tag-bad{
  background:var(--hl-c-warn-bg);
  color:var(--hl-c-warn);
  border:1px solid rgba(163,82,14,0.30);
}
.hl-comp-cat-versus-list-good ul,
.hl-comp-cat-versus-list-bad ul{margin:0 0 0 18px;padding:0}
.hl-comp-cat-versus-list-good li,
.hl-comp-cat-versus-list-bad li{font-size:11.5px;color:var(--hl-c-slate);margin:0 0 2px;line-height:1.45}

/* ============================================================ */
/* 7. CHOOSE BY                                                */
/* ============================================================ */
.hl-comp-cat-chooseby{margin-bottom:0}
.hl-comp-cat-chooseby-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-comp-cat-cb{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:8px;
  padding:11px 12px 9px;
  box-shadow:var(--hl-c-shadow-card);
  position:relative;overflow:hidden;
}
.hl-comp-cat-cb::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--hl-c-brass);
}
.hl-comp-cat-cb-h{font-size:12px;margin:0 0 6px;display:flex;align-items:center;gap:7px;color:var(--hl-c-navy)}
.hl-comp-cat-cb-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  font-size:11px;font-weight:800;
  color:#fff;
  background:var(--hl-c-navy);
  border-radius:4px;
}
.hl-comp-cat-cb ul{margin:0 0 0 14px;padding:0}
.hl-comp-cat-cb li{font-size:11.5px;color:var(--hl-c-slate);margin:0 0 2px;line-height:1.4}

/* ============================================================ */
/* 8. COST                                                     */
/* ============================================================ */
.hl-comp-cat-cost{margin-bottom:0}
.hl-comp-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.hl-comp-cat-cost-card{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-top:3px solid var(--hl-c-brass);
  border-radius:8px;
  padding:11px 12px;
  box-shadow:var(--hl-c-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-comp-cat-cost-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--hl-c-shadow-hover);
}
.hl-comp-cat-cost-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-c-navy)}
.hl-comp-cat-cost-card p{font-size:11px;color:var(--hl-c-slate);margin:0;line-height:1.4}
.hl-comp-cat-cost-foot{
  margin-top:10px;
  background:linear-gradient(180deg,var(--hl-c-stone-2),#fff);
  border:1px solid var(--hl-c-line-soft);
  border-left:3px solid var(--hl-c-brass);
  border-radius:6px;
  padding:9px 12px;
  font-size:11.5px;
  color:var(--hl-c-slate);
}
.hl-comp-cat-cost-foot a{color:var(--hl-c-navy);text-decoration:underline}

/* ============================================================ */
/* 9. CHECKLIST                                                */
/* ============================================================ */
.hl-comp-cat-checklist{margin-bottom:0}
.hl-comp-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px 10px;
  counter-reset:hlccl;
}
.hl-comp-cat-checklist-list li{
  counter-increment:hlccl;
  font-size:11.5px;
  color:var(--hl-c-slate);
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  padding:8px 10px 8px 38px;
  border-radius:6px;
  position:relative;
  box-shadow:var(--hl-c-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-comp-cat-checklist-list li:hover{
  border-color:var(--hl-c-brass);
  box-shadow:0 3px 10px rgba(200,151,50,0.10);
}
.hl-comp-cat-checklist-list li::before{
  content:counter(hlccl,decimal-leading-zero);
  position:absolute;left:6px;top:6px;
  width:24px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:#fff;
  background:var(--hl-c-navy);
  border-radius:4px;
}

/* ============================================================ */
/* 10. USE CASES                                               */
/* ============================================================ */
.hl-comp-cat-usecases{margin-bottom:0}
.hl-comp-cat-usecase-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.hl-comp-cat-usecase{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:8px;
  padding:12px 14px 10px;
  box-shadow:var(--hl-c-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
  position:relative;
}
.hl-comp-cat-usecase:hover{
  transform:translateY(-2px);
  border-color:var(--hl-c-brass);
  box-shadow:var(--hl-c-shadow-hover);
}
.hl-comp-cat-usecase-icon{
  display:inline-block;font-size:18px;line-height:1;
  margin-bottom:6px;
}
.hl-comp-cat-usecase h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-c-navy)}
.hl-comp-cat-usecase p{font-size:11.5px;color:var(--hl-c-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 11. TRUST                                                   */
/* ============================================================ */
.hl-comp-cat-trust{margin-bottom:0}
.hl-comp-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-comp-cat-trust-card{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:8px;
  padding:11px 12px;
  text-align:left;
  box-shadow:var(--hl-c-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-comp-cat-trust-card:hover{
  transform:translateY(-2px);
  border-color:var(--hl-c-brass);
  box-shadow:var(--hl-c-shadow-hover);
}
.hl-comp-cat-trust-icon{font-size:16px;line-height:1;display:inline-block;margin-bottom:5px}
.hl-comp-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-c-navy)}
.hl-comp-cat-trust-card p{font-size:11px;color:var(--hl-c-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 12. DELIVERY                                                */
/* ============================================================ */
.hl-comp-cat-delivery{margin-bottom:0}
.hl-comp-cat-delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  background:var(--hl-c-concrete);
  border:1px solid var(--hl-c-line-cool);
  border-radius:10px;
  padding:13px;
}
.hl-comp-cat-delivery-card{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:7px;
  padding:11px 13px;
  box-shadow:var(--hl-c-shadow-soft);
  transition:transform .12s, box-shadow .2s, border-color .2s;
}
.hl-comp-cat-delivery-card:hover{
  transform:translateY(-1px);
  border-color:var(--hl-c-brass);
  box-shadow:var(--hl-c-shadow-hover);
}
.hl-comp-cat-delivery-icon{display:inline-block;font-size:16px;line-height:1;margin-bottom:5px}
.hl-comp-cat-delivery-card h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-c-navy)}
.hl-comp-cat-delivery-card p{font-size:11.5px;color:var(--hl-c-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 13. RELATED                                                 */
/* ============================================================ */
.hl-comp-cat-related{margin-bottom:0}
.hl-comp-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.hl-comp-cat-related-card{
  display:block;
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-radius:6px;
  padding:10px 6px;
  text-align:center;
  font-size:11.5px;font-weight:700;
  color:var(--hl-c-navy);
  box-shadow:var(--hl-c-shadow-soft);
  transition:transform .12s, background .2s, border-color .2s, box-shadow .2s;
}
.hl-comp-cat-related-card:hover{
  background:var(--hl-c-stone-2);
  border-color:var(--hl-c-brass);
  transform:translateY(-1px);
  box-shadow:var(--hl-c-shadow-hover);
}

/* ============================================================ */
/* 14. FAQ                                                     */
/* ============================================================ */
.hl-comp-cat-faq{margin-bottom:0}
.hl-comp-cat-faq-list{display:flex;flex-direction:column;gap:6px}
.hl-comp-cat-faq-item{
  background:#fff;
  border:1px solid var(--hl-c-line-cool);
  border-left:3px solid var(--hl-c-brass);
  border-radius:6px;
  padding:0;overflow:hidden;
  box-shadow:var(--hl-c-shadow-soft);
}
.hl-comp-cat-faq-item[open]{
  border-color:var(--hl-c-brass);
  border-left-color:var(--hl-c-brass-deep);
  box-shadow:0 4px 14px rgba(155,117,23,0.08);
}
.hl-comp-cat-faq-item summary{
  cursor:pointer;
  font-size:12px;font-weight:700;
  color:var(--hl-c-navy);
  padding:10px 14px;
  list-style:none;
  position:relative;
  padding-right:38px;
  user-select:none;
}
.hl-comp-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-comp-cat-faq-item summary::after{
  content:"+";
  position:absolute;right:10px;top:50%;
  transform:translateY(-50%);
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;line-height:1;
  color:#fff;
  background:var(--hl-c-navy);
  border-radius:4px;
}
.hl-comp-cat-faq-item[open] summary::after{
  content:"−";
  background:var(--hl-c-brass-deep);
}
.hl-comp-cat-faq-item p{
  font-size:11.5px;color:var(--hl-c-slate);
  margin:0;
  padding:0 14px 12px;
  line-height:1.5;
}
.hl-comp-cat-faq-item p a{text-decoration:underline}

/* ============================================================ */
/* 15. FINAL CTA — navy panel, clean solid (no stripes)        */
/* ============================================================ */
.hl-comp-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-c-navy-3);
  border-radius:12px;
  padding:24px 22px 22px;
  margin-bottom:0;
  background:linear-gradient(135deg, var(--hl-c-navy-3) 0%, var(--hl-c-navy) 50%, var(--hl-c-navy-2) 100%);
  color:#fff;
  box-shadow:var(--hl-c-shadow-navy);
}
.hl-comp-cat-finalcta-strata{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 8% 88%, rgba(200,151,50,0.22) 0%, rgba(200,151,50,0) 55%);
}

/* High-contrast final-CTA text — beats the global heading rule */
.hl-comp-cat-finalcta h2,
.hl-comp-cat-finalcta h3,
.hl-comp-cat-finalcta h4{color:#fff}
.hl-comp-cat-finalcta p{color:rgba(255,255,255,0.94)}

.hl-comp-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.hl-comp-cat-finalcta-h{font-size:20px;margin:4px 0 6px}
.hl-comp-cat-finalcta-sub{font-size:13px;margin:0 auto 14px;max-width:540px}
.hl-comp-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                  */
/* ============================================================ */
@media (max-width:1024px){
  .hl-comp-cat-hero-grid{grid-template-columns:1fr}
  .hl-comp-cat-project-grid{grid-template-columns:repeat(3,1fr)}
  .hl-comp-cat-matrix-head,
  .hl-comp-cat-matrix-row{grid-template-columns:1.4fr 1fr 1.2fr 1.2fr}
  .hl-comp-cat-versus-grid{grid-template-columns:1fr}
  .hl-comp-cat-chooseby-grid,
  .hl-comp-cat-trust-grid,
  .hl-comp-cat-related-grid{grid-template-columns:repeat(3,1fr)}
  .hl-comp-cat-cost-grid{grid-template-columns:repeat(3,1fr)}
  .hl-comp-cat-usecase-grid{grid-template-columns:repeat(2,1fr)}
  .hl-comp-cat-delivery-grid{grid-template-columns:repeat(2,1fr)}
  .hl-comp-cat-checklist-list{grid-template-columns:repeat(2,1fr)}
  .hl-comp-cat-hero-h{font-size:20px}
}
@media (max-width:720px){
  .hl-comp-cat{padding:12px 10px;margin:14px auto;border-radius:12px;font-size:12.5px}
  .hl-comp-cat-section-h{font-size:16px}
  .hl-comp-cat-hero{padding:18px 16px}
  .hl-comp-cat-hero-h{font-size:18px}
  /* Matrix on mobile — stack as cards */
  .hl-comp-cat-matrix-head{display:none}
  .hl-comp-cat-matrix-row{grid-template-columns:1fr;gap:0;padding:8px 10px}
  .hl-comp-cat-matrix-cell{
    border-right:0;
    border-bottom:1px dashed var(--hl-c-line-soft);
    padding:6px 0;
  }
  .hl-comp-cat-matrix-cell:last-child{border-bottom:0}
  .hl-comp-cat-matrix-cell-row{font-size:13px}
  .hl-comp-cat-project-grid,
  .hl-comp-cat-chooseby-grid,
  .hl-comp-cat-cost-grid,
  .hl-comp-cat-usecase-grid,
  .hl-comp-cat-trust-grid,
  .hl-comp-cat-delivery-grid,
  .hl-comp-cat-related-grid,
  .hl-comp-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-comp-cat-hero-ctas,
  .hl-comp-cat-finalcta-ctas{flex-direction:column}
  .hl-comp-cat-btn{width:100%;text-align:center}
  .hl-comp-cat-finalcta{padding:20px 16px}
  .hl-comp-cat-rule{margin:14px 0}
}

/* ============================================================ */
/* END HIRELOAD COMPACTORS — Scoped Additional CSS (v3 navy)    */
/* ============================================================ */

/* === HIRELOAD COMPACTORS CAT CSS — END 2026-05-05 === */

/* === HIRELOAD MIXING & CONCRETE CAT CSS — START 2026-05-05 === */
/* ============================================================ */
/* HIRELOAD MIXING & CONCRETE — Scoped Additional CSS  (v3)      */
/* All rules namespaced to .hl-mix-cat — no body/html, no        */
/* full-page background, no preview CSS.                          */
/* Concrete-grey palette with brass + navy accents — light theme. */
/* ============================================================ */

.hl-mix-cat,
.hl-mix-cat *{box-sizing:border-box}

.hl-mix-cat{
  --hl-m-white:#ffffff;
  --hl-m-warm-white:#fbf7ef;
  --hl-m-concrete:#eef0ee;
  --hl-m-concrete-2:#f6f7f6;
  --hl-m-cement:#dfe3e1;
  --hl-m-cement-2:#cfd5d2;
  --hl-m-cement-warm:#f3e3c9;
  --hl-m-stone:#f1eadb;
  --hl-m-stone-2:#f9f5ea;
  --hl-m-sand-light:#ecdfb3;
  --hl-m-terracotta-light:#eac6a3;
  --hl-m-terracotta:#c97a4a;
  --hl-m-terracotta-deep:#a35a2c;
  --hl-m-burnt-amber:#b6602d;
  --hl-m-cement-orange:#d8956a;
  --hl-m-brass:#c89732;
  --hl-m-brass-deep:#9b7517;
  --hl-m-brass-text:#7e5d10;
  --hl-m-navy:#0c2547;
  --hl-m-navy-2:#163563;
  --hl-m-navy-3:#0a1d3a;
  --hl-m-slate:#3a4a60;
  --hl-m-slate-light:#5b6a82;
  --hl-m-line:#d6d8d4;
  --hl-m-line-soft:#e3e5e1;
  --hl-m-line-warm:#e6cfa8;
  --hl-m-mute:#6e7a8c;
  --hl-m-good:#1f7a4a;
  --hl-m-good-bg:#e6f3eb;
  --hl-m-warn:#a3520e;
  --hl-m-warn-bg:#fbe9d8;

  --hl-m-shadow-card:0 1px 2px rgba(58,74,96,0.04), 0 3px 10px rgba(12,37,71,0.06);
  --hl-m-shadow-soft:0 1px 4px rgba(12,37,71,0.05);
  --hl-m-shadow-hover:0 0 0 1px rgba(200,151,50,0.25), 0 6px 18px rgba(12,37,71,0.10);
  --hl-m-shadow-navy:0 8px 22px rgba(12,37,71,0.22);

  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:12.5px;
  line-height:1.5;
  color:var(--hl-m-navy);
  max-width:1180px;
  margin:18px auto;
  padding:14px 14px 8px;
  background:linear-gradient(180deg, var(--hl-m-warm-white) 0%, var(--hl-m-white) 100%);
  border-radius:14px;
}

.hl-mix-cat h2,
.hl-mix-cat h3,
.hl-mix-cat h4{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  color:var(--hl-m-navy);
  font-weight:700;
  letter-spacing:-0.01em;
  margin:0 0 6px;
}
.hl-mix-cat p{margin:0 0 6px;color:var(--hl-m-slate)}
.hl-mix-cat a{color:var(--hl-m-navy);text-decoration:none}
.hl-mix-cat ul,.hl-mix-cat ol{margin:0 0 6px 16px;padding:0}
.hl-mix-cat li{margin:0 0 3px}
.hl-mix-cat strong{color:var(--hl-m-navy)}

/* ---- Section divider ---- */
.hl-mix-cat-rule{
  border:0;height:1px;
  margin:18px 0;
  background:linear-gradient(90deg, rgba(58,74,96,0) 0%, rgba(58,74,96,0.22) 50%, rgba(58,74,96,0) 100%);
}

/* ---- Section head ---- */
.hl-mix-cat-section-head{margin-bottom:10px}
.hl-mix-cat-tag{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--hl-m-navy);
  background:linear-gradient(180deg,var(--hl-m-white),var(--hl-m-concrete));
  border:1px solid var(--hl-m-line-soft);
  border-bottom:2px solid var(--hl-m-brass);
  border-radius:4px 4px 0 0;
  padding:4px 10px 3px;
  margin-bottom:6px;
}
.hl-mix-cat-section-h{
  font-size:18px;
  margin:0 0 4px;
  line-height:1.25;
  color:var(--hl-m-navy);
}
.hl-mix-cat-section-sub{
  font-size:12px;
  color:var(--hl-m-slate-light);
  margin:0;
  max-width:680px;
}

/* eyebrow chip — light bg with warm border */
.hl-mix-cat-eyebrow{
  display:inline-block;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--hl-m-terracotta-deep);
  background:rgba(255,255,255,0.94);
  border:1px solid var(--hl-m-line-warm);
  padding:4px 10px;
  border-radius:4px;
  margin-bottom:10px;
  box-shadow:0 1px 0 rgba(255,255,255,0.6) inset, 0 2px 8px rgba(184,96,45,0.10);
}
.hl-mix-cat-eyebrow-light{
  color:var(--hl-m-sand-light);
  background:rgba(255,255,255,0.10);
  border-color:rgba(220,199,138,0.45);
}

/* ============================================================ */
/* 1. HERO — warm cement-to-terracotta, navy text, brass accents */
/* ============================================================ */
.hl-mix-cat-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-m-line-warm);
  border-radius:12px;
  padding:26px 26px 24px;
  margin-bottom:14px;
  background:
    linear-gradient(135deg,
      var(--hl-m-warm-white) 0%,
      var(--hl-m-cement-warm) 35%,
      var(--hl-m-terracotta-light) 75%,
      var(--hl-m-cement-orange) 100%);
  box-shadow:0 6px 18px rgba(184,96,45,0.10);
}
/* High-contrast hero text override (descendant beats global heading rule) */
.hl-mix-cat-hero h2,
.hl-mix-cat-hero h3,
.hl-mix-cat-hero h4{color:var(--hl-m-navy)}
.hl-mix-cat-hero p{color:var(--hl-m-navy)}

/* Warm corner glow + subtle orange diagonal shape behind CTA */
.hl-mix-cat-hero-glow{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 92% 8%, rgba(182,96,45,0.32) 0%, rgba(182,96,45,0) 50%),
    radial-gradient(circle at 100% 100%, rgba(163,90,44,0.18) 0%, rgba(163,90,44,0) 45%);
}
.hl-mix-cat-hero::after{
  content:"";
  position:absolute;
  width:280px;height:140px;
  right:-40px;bottom:-40px;
  background:linear-gradient(115deg, transparent 0%, transparent 45%, rgba(201,122,74,0.22) 60%, rgba(184,96,45,0.28) 100%);
  transform:skewY(-8deg);
  pointer-events:none;
  border-radius:14px;
  filter:blur(0.5px);
}
.hl-mix-cat-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:20px;align-items:start;
}
.hl-mix-cat-hero-h{
  font-size:23px;
  line-height:1.2;
  letter-spacing:-0.015em;
  margin:0 0 8px;
}
.hl-mix-cat-hero-sub{
  font-size:13px;
  margin:0 0 14px;
  max-width:540px;
}
.hl-mix-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap}

/* Hero mini panel (right) — white card with terracotta accent border */
.hl-mix-cat-hero-right{
  background:rgba(255,255,255,0.94);
  border:1px solid var(--hl-m-line-warm);
  border-left:3px solid var(--hl-m-burnt-amber);
  border-radius:8px;
  padding:13px 15px;
  box-shadow:0 4px 14px rgba(163,90,44,0.10), 0 1px 2px rgba(12,37,71,0.06);
}
.hl-mix-cat-hero-mini-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-m-terracotta-deep);
  margin-bottom:4px;
}
.hl-mix-cat-hero-mini-h{font-size:13.5px;color:var(--hl-m-navy);margin:0 0 8px}
.hl-mix-cat-hero-mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.hl-mix-cat-hero-mini-list li{
  display:flex;justify-content:space-between;gap:8px;align-items:center;
  font-size:11.5px;color:var(--hl-m-slate);
  border-bottom:1px dashed var(--hl-m-line-warm);
  padding:4px 0;margin:0;
}
.hl-mix-cat-hero-mini-list li:last-child{border-bottom:0}
.hl-mix-cat-hero-mini-q{color:var(--hl-m-navy);font-weight:600}
.hl-mix-cat-hero-mini-a{color:var(--hl-m-terracotta-deep);font-weight:700;font-size:11px;white-space:nowrap}

/* ============================================================ */
/* BUTTONS                                                     */
/* ============================================================ */
.hl-mix-cat-btn{
  display:inline-block;
  position:relative;
  padding:10px 20px;
  border-radius:6px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:0.01em;
  border:1.5px solid transparent;
  transition:transform .15s, box-shadow .2s, background .2s, color .2s, border-color .2s;
  line-height:1.3;
  text-decoration:none;
}
.hl-mix-cat-btn:hover{transform:translateY(-1px)}
.hl-mix-cat-btn:focus-visible{
  outline:2px solid var(--hl-m-burnt-amber);
  outline-offset:2px;
}

/* Primary — terracotta, used everywhere as the main action */
.hl-mix-cat-btn-primary{
  background:linear-gradient(180deg, #d88a5a 0%, var(--hl-m-terracotta) 55%, var(--hl-m-terracotta-deep) 100%);
  color:#fff;
  border-color:var(--hl-m-terracotta-deep);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.4) inset,
    0 -1px 0 rgba(140,70,28,0.4) inset,
    0 6px 16px rgba(184,96,45,0.40),
    0 1px 2px rgba(0,0,0,0.10);
}
.hl-mix-cat-btn-primary:hover{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.4) inset,
    0 -1px 0 rgba(140,70,28,0.4) inset,
    0 8px 22px rgba(184,96,45,0.55),
    0 1px 2px rgba(0,0,0,0.12);
}

/* Secondary — used on light bg (hero). Solid navy, white text. */
.hl-mix-cat-btn-secondary{
  background:var(--hl-m-navy);
  color:#fff;
  border-color:var(--hl-m-navy);
  box-shadow:0 4px 12px rgba(12,37,71,0.22), 0 1px 2px rgba(0,0,0,0.10);
}
.hl-mix-cat-btn-secondary:hover{
  background:#fff;
  color:var(--hl-m-navy);
  border-color:var(--hl-m-navy);
  box-shadow:0 6px 16px rgba(12,37,71,0.18), 0 0 0 1px var(--hl-m-navy);
}

/* On-navy secondary — used inside the final CTA navy panel.
   Solid white bg, navy text — high contrast, NOT transparent. */
.hl-mix-cat-btn-onnavy{
  background:#ffffff;
  color:var(--hl-m-navy);
  border-color:#ffffff;
  box-shadow:0 4px 14px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.12);
}
.hl-mix-cat-btn-onnavy:hover{
  background:var(--hl-m-stone-2);
  color:var(--hl-m-navy);
  border-color:var(--hl-m-burnt-amber);
  box-shadow:0 6px 18px rgba(0,0,0,0.28), 0 0 0 1px var(--hl-m-burnt-amber);
}

/* Ghost on navy — used inside the final CTA navy panel.
   Bordered outline button, white text, visible against navy. */
.hl-mix-cat-btn-ghost-light{
  background:transparent;
  color:#ffffff;
  border-color:rgba(255,255,255,0.85);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10);
}
.hl-mix-cat-btn-ghost-light:hover{
  background:rgba(255,255,255,0.14);
  color:#ffffff;
  border-color:#ffffff;
  box-shadow:0 0 0 1px rgba(255,255,255,0.6);
}

/* ============================================================ */
/* 2. TRACK CARDS — 4-grid                                     */
/* ============================================================ */
.hl-mix-cat-tracks{margin-bottom:0}
.hl-mix-cat-track-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.hl-mix-cat-track{
  display:block;
  position:relative;

  background:#fff;
  border:1px solid var(--hl-m-line);
  border-radius:10px;
  padding:14px 14px 12px;
  box-shadow:var(--hl-m-shadow-card);
  transition:transform .15s, box-shadow .25s, border-color .2s;
  overflow:hidden;
  text-decoration:none;
}
.hl-mix-cat-track::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-m-brass), var(--hl-m-cement-orange), var(--hl-m-burnt-amber));
}
.hl-mix-cat-track:hover{
  transform:translateY(-2px);
  border-color:var(--hl-m-burnt-amber);
  box-shadow:0 0 0 1px rgba(182,96,45,0.20), 0 6px 18px rgba(184,96,45,0.16);
}
.hl-mix-cat-track-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--hl-m-stone-2);
  color:var(--hl-m-brass-text);
  border:1px solid var(--hl-m-line-soft);
  border-radius:4px;
  padding:2px 7px;
  margin-bottom:8px;
}
.hl-mix-cat-track-h{font-size:13.5px;line-height:1.3;margin:0 0 5px;color:var(--hl-m-navy)}
.hl-mix-cat-track-p{font-size:11.5px;color:var(--hl-m-slate);margin:0 0 8px;line-height:1.45}
.hl-mix-cat-track-meta{
  font-size:11px;font-weight:700;
  color:var(--hl-m-brass-deep);
  display:inline-block;
  border-top:1px solid var(--hl-m-line-soft);
  padding-top:6px;width:100%;
}
.hl-mix-cat-track-meta-call{color:var(--hl-m-warn)}
.hl-mix-cat-track-guide{
  background:linear-gradient(180deg,#fff,var(--hl-m-stone-2));
  border-style:dashed;
  border-color:var(--hl-m-brass);
}
.hl-mix-cat-track-meta-link{text-decoration:none;color:var(--hl-m-brass-deep)}

/* ============================================================ */
/* 3. INTRO                                                    */
/* ============================================================ */
.hl-mix-cat-intro{
  background:var(--hl-m-warm-white);
  border:1px solid var(--hl-m-line-soft);
  border-left:3px solid var(--hl-m-brass);
  border-radius:8px;
  padding:14px 18px;
}
.hl-mix-cat-intro p{font-size:12.5px;margin:0 0 6px;color:var(--hl-m-slate)}
.hl-mix-cat-intro p:last-child{margin:0}
.hl-mix-cat-intro a{text-decoration:underline}

/* ============================================================ */
/* 4. QUICK ANSWER STRIP — light stone, brass left              */
/* ============================================================ */
.hl-mix-cat-quick{margin-bottom:0}
.hl-mix-cat-quick-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-m-stone-2) 0%, var(--hl-m-cement-warm) 100%);
  border:1px solid var(--hl-m-line-warm);
  border-left:3px solid var(--hl-m-burnt-amber);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:0 2px 8px rgba(184,96,45,0.08);
}
.hl-mix-cat-quick-card .hl-mix-cat-quick-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-m-terracotta-deep);
  margin-bottom:5px;
}
.hl-mix-cat-quick-card .hl-mix-cat-quick-p{
  font-size:13px;
  color:var(--hl-m-slate);
  margin:0;
  line-height:1.55;
}
.hl-mix-cat-quick-card .hl-mix-cat-quick-p strong{
  color:var(--hl-m-navy);
  font-weight:700;
}

/* ============================================================ */
/* 5. MATERIAL MATRIX                                          */
/* ============================================================ */
.hl-mix-cat-matrix{margin-bottom:0}
.hl-mix-cat-matrix-card{
  background:#fff;
  border:1px solid var(--hl-m-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-m-shadow-card);
}
.hl-mix-cat-matrix-head{
  display:grid;
  grid-template-columns:1.4fr 1.2fr 1.4fr 1.4fr;
  background:linear-gradient(90deg, var(--hl-m-navy) 0%, var(--hl-m-navy-2) 100%);
  color:#fff;
}
.hl-mix-cat-matrix-h-cell{
  padding:9px 12px;
  font-size:10.5px;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--hl-m-sand-light);
  border-right:1px solid rgba(220,199,138,0.25);
}
.hl-mix-cat-matrix-h-cell:last-child{border-right:0}
.hl-mix-cat-matrix-h-cell-row{color:#fff}

.hl-mix-cat-matrix-row{
  display:grid;
  grid-template-columns:1.4fr 1.2fr 1.4fr 1.4fr;
  border-top:1px solid var(--hl-m-line-soft);
  transition:background .15s;
}
.hl-mix-cat-matrix-row:nth-child(even){background:var(--hl-m-concrete-2)}
.hl-mix-cat-matrix-row:hover{background:var(--hl-m-concrete)}
.hl-mix-cat-matrix-cell{
  padding:10px 12px;
  font-size:11.5px;
  color:var(--hl-m-slate);
  border-right:1px solid var(--hl-m-line-soft);
  display:flex;align-items:center;gap:6px;line-height:1.4;
}
.hl-mix-cat-matrix-cell:last-child{border-right:0}
.hl-mix-cat-matrix-cell-row{font-size:12px;color:var(--hl-m-navy)}
.hl-mix-cat-matrix-cell-row strong{color:var(--hl-m-navy)}
.hl-mix-cat-matrix-icon{font-size:16px;line-height:1;display:inline-block}

.hl-mix-cat-chip{
  display:inline-block;
  font-size:10.5px;font-weight:700;
  padding:3px 8px;border-radius:4px;
  letter-spacing:0.02em;
  white-space:nowrap;
}
.hl-mix-cat-chip-good{
  background:var(--hl-m-good-bg);
  color:var(--hl-m-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-mix-cat-chip-warn{
  background:var(--hl-m-warn-bg);
  color:var(--hl-m-warn);
  border:1px solid rgba(163,82,14,0.30);
}

/* ============================================================ */
/* 6. SELECTOR — 8 cards                                       */
/* ============================================================ */
.hl-mix-cat-selector{margin-bottom:0}
.hl-mix-cat-selector-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.hl-mix-cat-pick{
  background:#fff;
  border:1px solid var(--hl-m-line-soft);
  border-radius:6px;
  padding:9px 11px;
  display:flex;flex-direction:column;gap:3px;
  transition:transform .12s, box-shadow .2s, border-color .2s, background .2s;
  box-shadow:var(--hl-m-shadow-soft);
}
.hl-mix-cat-pick:hover{
  background:var(--hl-m-concrete-2);
  border-color:var(--hl-m-brass);
  transform:translateY(-1px);
  box-shadow:var(--hl-m-shadow-hover);
}
.hl-mix-cat-pick-q{font-size:11.5px;font-weight:700;color:var(--hl-m-navy)}
.hl-mix-cat-pick-a{font-size:11px;color:var(--hl-m-brass-text);font-weight:600;display:flex;align-items:center;gap:5px}
.hl-mix-cat-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border-radius:4px;
  background:linear-gradient(180deg,#fff,var(--hl-m-stone-2));
  border:1px solid var(--hl-m-line-soft);
  font-size:10px;
  color:var(--hl-m-brass);
}

/* ============================================================ */
/* 7. VERSUS PANEL                                             */
/* ============================================================ */
.hl-mix-cat-versus{margin-bottom:0}
.hl-mix-cat-versus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.hl-mix-cat-versus-panel{
  background:#fff;
  border:1px solid var(--hl-m-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-m-shadow-card);
  display:flex;flex-direction:column;
}
.hl-mix-cat-versus-panel-feat{
  border-color:var(--hl-m-brass);
  box-shadow:0 0 0 1px rgba(200,151,50,0.20), 0 6px 18px rgba(12,37,71,0.10);
}
.hl-mix-cat-versus-head{
  background:linear-gradient(135deg, var(--hl-m-navy) 0%, var(--hl-m-navy-2) 100%);
  color:#fff;
  padding:14px 16px 12px;
  border-bottom:2px solid var(--hl-m-brass);
}
.hl-mix-cat-versus-head h4{color:#fff}
.hl-mix-cat-versus-head a{color:var(--hl-m-sand-light)}
.hl-mix-cat-versus-eyebrow{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-m-sand-light);
  margin-bottom:4px;
}
.hl-mix-cat-versus-h{
  font-size:14px;
  margin:0 0 4px;
  line-height:1.25;
}
.hl-mix-cat-versus-link{
  display:inline-block;
  font-size:11px;font-weight:600;
  text-decoration:underline;
}
.hl-mix-cat-versus-specs{
  list-style:none;margin:0;padding:8px 16px;
  border-bottom:1px solid var(--hl-m-line-soft);
}
.hl-mix-cat-versus-specs li{
  display:flex;justify-content:space-between;
  font-size:11.5px;
  padding:4px 0;
  border-bottom:1px dashed var(--hl-m-line-soft);
  margin:0;
}
.hl-mix-cat-versus-specs li:last-child{border-bottom:0}
.hl-mix-cat-spec-k{color:var(--hl-m-slate-light);font-weight:600}
.hl-mix-cat-spec-v{color:var(--hl-m-navy);font-weight:700;text-align:right}

.hl-mix-cat-versus-list-good,
.hl-mix-cat-versus-list-bad{
  padding:10px 16px 8px;
  border-top:1px solid var(--hl-m-line-soft);
}
.hl-mix-cat-versus-list-good{background:rgba(230,243,235,0.4)}
.hl-mix-cat-versus-list-bad{background:rgba(251,233,216,0.4);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.hl-mix-cat-versus-tag-good,
.hl-mix-cat-versus-tag-bad{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;
  padding:2px 7px;border-radius:4px;
  margin-bottom:5px;
}
.hl-mix-cat-versus-tag-good{
  background:var(--hl-m-good-bg);
  color:var(--hl-m-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-mix-cat-versus-tag-bad{
  background:var(--hl-m-warn-bg);
  color:var(--hl-m-warn);
  border:1px solid rgba(163,82,14,0.30);
}
.hl-mix-cat-versus-list-good ul,
.hl-mix-cat-versus-list-bad ul{margin:0 0 0 18px;padding:0}
.hl-mix-cat-versus-list-good li,
.hl-mix-cat-versus-list-bad li{font-size:11.5px;color:var(--hl-m-slate);margin:0 0 2px;line-height:1.45}

/* ============================================================ */
/* 8. CHOOSE BY                                                */
/* ============================================================ */
.hl-mix-cat-chooseby{margin-bottom:0}
.hl-mix-cat-chooseby-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-mix-cat-cb{
  background:#fff;
  border:1px solid var(--hl-m-line);
  border-radius:8px;
  padding:11px 12px 9px;
  box-shadow:var(--hl-m-shadow-card);
  position:relative;overflow:hidden;
}
.hl-mix-cat-cb::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--hl-m-brass);
}
.hl-mix-cat-cb-h{font-size:12px;margin:0 0 6px;display:flex;align-items:center;gap:7px;color:var(--hl-m-navy)}

.hl-mix-cat-cb-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  font-size:11px;font-weight:800;
  color:#fff;
  background:var(--hl-m-navy);
  border-radius:4px;
}
.hl-mix-cat-cb ul{margin:0 0 0 14px;padding:0}
.hl-mix-cat-cb li{font-size:11.5px;color:var(--hl-m-slate);margin:0 0 2px;line-height:1.4}

/* ============================================================ */
/* 9. COST                                                     */
/* ============================================================ */
.hl-mix-cat-cost{margin-bottom:0}
.hl-mix-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.hl-mix-cat-cost-card{
  background:#fff;
  border:1px solid var(--hl-m-line);
  border-top:3px solid var(--hl-m-brass);
  border-radius:8px;
  padding:11px 12px;
  box-shadow:var(--hl-m-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-mix-cat-cost-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--hl-m-shadow-hover);
}
.hl-mix-cat-cost-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-m-navy)}
.hl-mix-cat-cost-card p{font-size:11px;color:var(--hl-m-slate);margin:0;line-height:1.4}
.hl-mix-cat-cost-foot{
  margin-top:10px;
  background:linear-gradient(180deg,var(--hl-m-stone-2),#fff);
  border:1px solid var(--hl-m-line-soft);
  border-left:3px solid var(--hl-m-brass);
  border-radius:6px;
  padding:9px 12px;
  font-size:11.5px;
  color:var(--hl-m-slate);
}
.hl-mix-cat-cost-foot a{color:var(--hl-m-navy);text-decoration:underline}

/* ============================================================ */
/* 10. CHECKLIST                                               */
/* ============================================================ */
.hl-mix-cat-checklist{margin-bottom:0}
.hl-mix-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px 10px;
  counter-reset:hlmcl;
}
.hl-mix-cat-checklist-list li{
  counter-increment:hlmcl;
  font-size:11.5px;
  color:var(--hl-m-slate);
  background:#fff;
  border:1px solid var(--hl-m-line);
  padding:8px 10px 8px 38px;
  border-radius:6px;
  position:relative;
  box-shadow:var(--hl-m-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-mix-cat-checklist-list li:hover{
  border-color:var(--hl-m-brass);
  box-shadow:0 3px 10px rgba(200,151,50,0.10);
}
.hl-mix-cat-checklist-list li::before{
  content:counter(hlmcl,decimal-leading-zero);
  position:absolute;left:6px;top:6px;
  width:24px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:#fff;
  background:var(--hl-m-navy);
  border-radius:4px;
}

/* ============================================================ */
/* 11. USE CASES                                               */
/* ============================================================ */
.hl-mix-cat-usecases{margin-bottom:0}
.hl-mix-cat-usecase-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.hl-mix-cat-usecase{
  background:#fff;
  border:1px solid var(--hl-m-line);
  border-radius:8px;
  padding:12px 14px 10px;
  box-shadow:var(--hl-m-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-mix-cat-usecase:hover{
  transform:translateY(-2px);
  border-color:var(--hl-m-brass);
  box-shadow:var(--hl-m-shadow-hover);
}
.hl-mix-cat-usecase-icon{display:inline-block;font-size:18px;line-height:1;margin-bottom:6px}
.hl-mix-cat-usecase h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-m-navy)}
.hl-mix-cat-usecase p{font-size:11.5px;color:var(--hl-m-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 12. TRUST                                                   */
/* ============================================================ */
.hl-mix-cat-trust{margin-bottom:0}
.hl-mix-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-mix-cat-trust-card{
  background:#fff;
  border:1px solid var(--hl-m-line);
  border-radius:8px;
  padding:11px 12px;
  text-align:left;
  box-shadow:var(--hl-m-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-mix-cat-trust-card:hover{
  transform:translateY(-2px);
  border-color:var(--hl-m-brass);
  box-shadow:var(--hl-m-shadow-hover);
}
.hl-mix-cat-trust-icon{font-size:16px;line-height:1;display:inline-block;margin-bottom:5px}
.hl-mix-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-m-navy)}
.hl-mix-cat-trust-card p{font-size:11px;color:var(--hl-m-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 13. DELIVERY                                                */
/* ============================================================ */
.hl-mix-cat-delivery{margin-bottom:0}
.hl-mix-cat-delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  background:var(--hl-m-concrete);
  border:1px solid var(--hl-m-line);
  border-radius:10px;
  padding:13px;
}
.hl-mix-cat-delivery-card{
  background:#fff;
  border:1px solid var(--hl-m-line-soft);
  border-radius:7px;
  padding:11px 13px;
  box-shadow:var(--hl-m-shadow-soft);
  transition:transform .12s, box-shadow .2s, border-color .2s;
}
.hl-mix-cat-delivery-card:hover{
  transform:translateY(-1px);
  border-color:var(--hl-m-brass);
  box-shadow:var(--hl-m-shadow-hover);
}
.hl-mix-cat-delivery-icon{display:inline-block;font-size:16px;line-height:1;margin-bottom:5px}
.hl-mix-cat-delivery-card h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-m-navy)}
.hl-mix-cat-delivery-card p{font-size:11.5px;color:var(--hl-m-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 14. RELATED                                                 */
/* ============================================================ */
.hl-mix-cat-related{margin-bottom:0}
.hl-mix-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.hl-mix-cat-related-card{
  display:block;
  background:#fff;
  border:1px solid var(--hl-m-line-soft);
  border-radius:6px;
  padding:10px 6px;
  text-align:center;
  font-size:11.5px;font-weight:700;
  color:var(--hl-m-navy);
  box-shadow:var(--hl-m-shadow-soft);
  transition:transform .12s, background .2s, border-color .2s, box-shadow .2s;
}
.hl-mix-cat-related-card:hover{
  background:var(--hl-m-concrete-2);
  border-color:var(--hl-m-brass);
  transform:translateY(-1px);
  box-shadow:var(--hl-m-shadow-hover);
}

/* ============================================================ */
/* 15. FAQ                                                     */
/* ============================================================ */
.hl-mix-cat-faq{margin-bottom:0}
.hl-mix-cat-faq-list{display:flex;flex-direction:column;gap:6px}
.hl-mix-cat-faq-item{
  background:#fff;
  border:1px solid var(--hl-m-line-soft);
  border-left:3px solid var(--hl-m-brass);
  border-radius:6px;
  padding:0;overflow:hidden;
  box-shadow:var(--hl-m-shadow-soft);
}
.hl-mix-cat-faq-item[open]{
  border-color:var(--hl-m-brass);
  border-left-color:var(--hl-m-brass-deep);
  box-shadow:0 4px 14px rgba(155,117,23,0.08);
}
.hl-mix-cat-faq-item summary{
  cursor:pointer;
  font-size:12px;font-weight:700;
  color:var(--hl-m-navy);
  padding:10px 14px;
  list-style:none;
  position:relative;
  padding-right:38px;
  user-select:none;
}
.hl-mix-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-mix-cat-faq-item summary::after{
  content:"+";
  position:absolute;right:10px;top:50%;
  transform:translateY(-50%);
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;line-height:1;
  color:#fff;
  background:var(--hl-m-navy);
  border-radius:4px;
}
.hl-mix-cat-faq-item[open] summary::after{
  content:"−";
  background:var(--hl-m-brass-deep);
}
.hl-mix-cat-faq-item p{
  font-size:11.5px;color:var(--hl-m-slate);
  margin:0;
  padding:0 14px 12px;
  line-height:1.5;
}
.hl-mix-cat-faq-item p a{text-decoration:underline}

/* ============================================================ */
/* 16. FINAL CTA — navy panel                                  */
/* ============================================================ */
.hl-mix-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-m-navy-3);
  border-radius:12px;
  padding:24px 22px 22px;
  margin-bottom:0;
  background:linear-gradient(135deg, var(--hl-m-navy-3) 0%, var(--hl-m-navy) 50%, var(--hl-m-navy-2) 100%);
  color:#fff;
  box-shadow:var(--hl-m-shadow-navy);
}
.hl-mix-cat-finalcta-bg{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 8% 88%, rgba(200,151,50,0.22) 0%, rgba(200,151,50,0) 55%);
}
/* High-contrast final-CTA text — beats global heading rule */
.hl-mix-cat-finalcta h2,
.hl-mix-cat-finalcta h3,
.hl-mix-cat-finalcta h4{color:#fff}
.hl-mix-cat-finalcta p{color:rgba(255,255,255,0.94)}
.hl-mix-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.hl-mix-cat-finalcta-h{font-size:20px;margin:4px 0 6px}
.hl-mix-cat-finalcta-sub{font-size:13px;margin:0 auto 14px;max-width:540px}
.hl-mix-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                  */
/* ============================================================ */
@media (max-width:1024px){
  .hl-mix-cat-hero-grid{grid-template-columns:1fr}
  .hl-mix-cat-track-grid{grid-template-columns:repeat(2,1fr)}
  .hl-mix-cat-matrix-head,
  .hl-mix-cat-matrix-row{grid-template-columns:1.4fr 1.1fr 1.2fr 1.2fr}
  .hl-mix-cat-versus-grid{grid-template-columns:1fr}
  .hl-mix-cat-selector-grid,
  .hl-mix-cat-chooseby-grid,
  .hl-mix-cat-trust-grid,
  .hl-mix-cat-related-grid{grid-template-columns:repeat(3,1fr)}

  .hl-mix-cat-cost-grid{grid-template-columns:repeat(3,1fr)}
  .hl-mix-cat-usecase-grid,
  .hl-mix-cat-delivery-grid{grid-template-columns:repeat(2,1fr)}
  .hl-mix-cat-checklist-list{grid-template-columns:repeat(2,1fr)}
  .hl-mix-cat-hero-h{font-size:20px}
}
@media (max-width:720px){
  .hl-mix-cat{padding:12px 10px;margin:14px auto;border-radius:12px}
  .hl-mix-cat-section-h{font-size:16px}
  .hl-mix-cat-hero{padding:18px 16px}
  .hl-mix-cat-hero-h{font-size:18px}
  .hl-mix-cat-matrix-head{display:none}
  .hl-mix-cat-matrix-row{grid-template-columns:1fr;gap:0;padding:8px 10px}
  .hl-mix-cat-matrix-cell{
    border-right:0;
    border-bottom:1px dashed var(--hl-m-line-soft);
    padding:6px 0;
  }
  .hl-mix-cat-matrix-cell:last-child{border-bottom:0}
  .hl-mix-cat-matrix-cell-row{font-size:13px}
  .hl-mix-cat-track-grid,
  .hl-mix-cat-selector-grid,
  .hl-mix-cat-chooseby-grid,
  .hl-mix-cat-cost-grid,
  .hl-mix-cat-usecase-grid,
  .hl-mix-cat-trust-grid,
  .hl-mix-cat-delivery-grid,
  .hl-mix-cat-related-grid,
  .hl-mix-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-mix-cat-hero-ctas,
  .hl-mix-cat-finalcta-ctas{flex-direction:column}
  .hl-mix-cat-btn{width:100%;text-align:center}
  .hl-mix-cat-finalcta{padding:20px 16px}
  .hl-mix-cat-rule{margin:14px 0}
}

/* ============================================================ */
/* END HIRELOAD MIXING & CONCRETE — Scoped CSS (v3)             */
/* ============================================================ */

/* === HIRELOAD MIXING & CONCRETE CAT CSS — END 2026-05-05 === */

/* === HIRELOAD MIXING CAT — BUTTON CONTRAST FIX 2026-05-05 === */
.hl-mix-cat .hl-mix-cat-btn-secondary{
  background:#ffffff !important;
  color:#0c2547 !important;
  border-color:#0c2547;
  box-shadow:0 4px 12px rgba(12,37,71,0.22), 0 1px 2px rgba(0,0,0,0.10);
}
.hl-mix-cat .hl-mix-cat-btn-secondary:hover{
  background:#0c2547 !important;
  color:#ffffff !important;
  border-color:#0c2547;
  box-shadow:0 6px 18px rgba(12,37,71,0.30);
}
.hl-mix-cat .hl-mix-cat-btn-onnavy{
  background:#ffffff !important;
  color:#0c2547 !important;
  border-color:#ffffff;
  box-shadow:0 4px 14px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.12);
}
.hl-mix-cat .hl-mix-cat-btn-onnavy:hover{
  background:#f9f5ea !important;
  color:#0c2547 !important;
  border-color:#b6602d;
  box-shadow:0 6px 18px rgba(0,0,0,0.28), 0 0 0 1px #b6602d;
}
.hl-mix-cat .hl-mix-cat-btn-ghost-light{
  background:#ffffff !important;
  color:#0c2547 !important;
  border-color:#ffffff;
  box-shadow:0 4px 14px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.12);
}
.hl-mix-cat .hl-mix-cat-btn-ghost-light:hover{
  background:#f9f5ea !important;
  color:#0c2547 !important;
  border-color:#b6602d;
  box-shadow:0 6px 18px rgba(0,0,0,0.28), 0 0 0 1px #b6602d;
}
.hl-mix-cat .hl-mix-cat-btn-primary{color:#ffffff !important}
/* === END BUTTON CONTRAST FIX === */


/* === HIRELOAD EXTENSION LADDERS CAT CSS — START 2026-05-05 === */
/* ============================================================ */
/* HIRELOAD EXTENSION LADDERS — Scoped Additional CSS  (v2)      */
/* All rules namespaced to .hl-ladder-cat — no body/html, no     */
/* full-page background, no preview CSS.                          */
/* Premium access palette: aluminium grey + sky blue + navy +     */
/* subtle safety amber accents (NOT alarmist yellow).            */
/* ============================================================ */

.hl-ladder-cat,
.hl-ladder-cat *{box-sizing:border-box}

.hl-ladder-cat{
  --hl-l-white:#ffffff;
  --hl-l-warm-white:#fbfaf7;
  --hl-l-aluminium:#eef1f3;
  --hl-l-aluminium-2:#f6f8f9;
  --hl-l-steel:#d8dee4;
  --hl-l-steel-deep:#b8c1ca;
  --hl-l-sky:#eaf5ff;
  --hl-l-sky-2:#dceefb;
  --hl-l-sky-deep:#7fa9c9;
  --hl-l-amber:#f4b740;
  --hl-l-amber-soft:#f9e0a8;
  --hl-l-brass:#c9972e;
  --hl-l-brass-deep:#9b7517;
  --hl-l-brass-text:#7e5d10;
  --hl-l-navy:#0c2547;
  --hl-l-navy-2:#163563;
  --hl-l-navy-3:#0a1d3a;
  --hl-l-slate:#3a4a60;
  --hl-l-slate-light:#5b6a82;
  --hl-l-line:#dfe4e8;
  --hl-l-line-soft:#e8ecef;
  --hl-l-line-warm:#e6cfa8;
  --hl-l-mute:#6e7a8c;
  --hl-l-good:#1f7a4a;
  --hl-l-good-bg:#e6f3eb;
  --hl-l-warn:#a3520e;
  --hl-l-warn-bg:#fbe9d8;

  --hl-l-shadow-card:0 1px 2px rgba(58,74,96,0.04), 0 3px 10px rgba(12,37,71,0.06);
  --hl-l-shadow-soft:0 1px 4px rgba(12,37,71,0.05);
  --hl-l-shadow-hover:0 0 0 1px rgba(127,169,201,0.30), 0 6px 18px rgba(12,37,71,0.10);
  --hl-l-shadow-navy:0 8px 22px rgba(12,37,71,0.22);

  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:12.5px;
  line-height:1.5;
  color:var(--hl-l-navy);
  max-width:1180px;
  margin:18px auto;
  padding:14px 14px 8px;
  background:linear-gradient(180deg, var(--hl-l-warm-white) 0%, var(--hl-l-white) 100%);
  border-radius:14px;
}

.hl-ladder-cat h2,
.hl-ladder-cat h3,
.hl-ladder-cat h4{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  color:var(--hl-l-navy);
  font-weight:700;
  letter-spacing:-0.01em;
  margin:0 0 6px;
}
.hl-ladder-cat p{margin:0 0 6px;color:var(--hl-l-slate)}
.hl-ladder-cat a{color:var(--hl-l-navy);text-decoration:none}
.hl-ladder-cat ul,.hl-ladder-cat ol{margin:0 0 6px 16px;padding:0}
.hl-ladder-cat li{margin:0 0 3px}
.hl-ladder-cat strong{color:var(--hl-l-navy)}

/* ---- Section divider ---- */
.hl-ladder-cat-rule{
  border:0;height:1px;
  margin:18px 0;
  background:linear-gradient(90deg, rgba(127,169,201,0) 0%, rgba(127,169,201,0.30) 50%, rgba(127,169,201,0) 100%);
}

/* ---- Section head ---- */
.hl-ladder-cat-section-head{margin-bottom:10px}
.hl-ladder-cat-tag{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--hl-l-navy);
  background:linear-gradient(180deg,var(--hl-l-white),var(--hl-l-aluminium));
  border:1px solid var(--hl-l-line-soft);
  border-bottom:2px solid var(--hl-l-amber);
  border-radius:4px 4px 0 0;
  padding:4px 10px 3px;
  margin-bottom:6px;
}
.hl-ladder-cat-section-h{
  font-size:18px;
  margin:0 0 4px;
  line-height:1.25;
  color:var(--hl-l-navy);
}
.hl-ladder-cat-section-sub{
  font-size:12px;
  color:var(--hl-l-slate-light);
  margin:0;
  max-width:680px;
}

/* eyebrow chip */
.hl-ladder-cat-eyebrow{
  display:inline-block;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--hl-l-brass-text);
  background:rgba(255,255,255,0.94);
  border:1px solid var(--hl-l-line);
  padding:4px 10px;
  border-radius:4px;
  margin-bottom:10px;
  box-shadow:0 1px 0 rgba(255,255,255,0.6) inset, 0 2px 8px rgba(127,169,201,0.10);
}
.hl-ladder-cat-eyebrow-light{
  color:var(--hl-l-amber-soft);
  background:rgba(255,255,255,0.10);
  border-color:rgba(244,183,64,0.45);
}

/* ============================================================ */
/* 1. HERO — aluminium-to-sky gradient, navy text, amber accent  */
/* ============================================================ */
.hl-ladder-cat-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-l-line);
  border-radius:12px;
  padding:26px 26px 24px;
  margin-bottom:14px;
  background:
    linear-gradient(135deg,
      var(--hl-l-warm-white) 0%,
      var(--hl-l-aluminium) 35%,
      var(--hl-l-aluminium-2) 60%,
      var(--hl-l-sky) 100%);
  box-shadow:0 4px 14px rgba(12,37,71,0.08);
}
.hl-ladder-cat .hl-ladder-cat-hero h2,
.hl-ladder-cat .hl-ladder-cat-hero h3,
.hl-ladder-cat .hl-ladder-cat-hero h4{color:var(--hl-l-navy)}
.hl-ladder-cat .hl-ladder-cat-hero p{color:var(--hl-l-slate)}

.hl-ladder-cat-hero-glow{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 92% 12%, rgba(244,183,64,0.16) 0%, rgba(244,183,64,0) 50%),
    radial-gradient(circle at 0% 100%, rgba(127,169,201,0.18) 0%, rgba(127,169,201,0) 55%);
}
.hl-ladder-cat-hero::after{
  content:"";
  position:absolute;
  width:260px;height:6px;
  left:-20px;bottom:14px;
  background:linear-gradient(90deg, var(--hl-l-amber), rgba(244,183,64,0));
  pointer-events:none;
  border-radius:6px;
  filter:blur(0.5px);
  opacity:.55;
}
.hl-ladder-cat-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:20px;align-items:start;
}
.hl-ladder-cat-hero-h{
  font-size:23px;
  line-height:1.2;
  letter-spacing:-0.015em;
  margin:0 0 8px;
}
.hl-ladder-cat-hero-sub{
  font-size:13px;
  margin:0 0 14px;
  max-width:540px;
}
.hl-ladder-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap}

/* Hero mini panel — white card with sky-blue accent */
.hl-ladder-cat-hero-right{
  background:rgba(255,255,255,0.94);
  border:1px solid var(--hl-l-line);
  border-left:3px solid var(--hl-l-amber);
  border-radius:8px;
  padding:13px 15px;
  box-shadow:0 4px 14px rgba(12,37,71,0.08);
}
.hl-ladder-cat-hero-mini-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-l-brass-text);
  margin-bottom:4px;
}
.hl-ladder-cat-hero-mini-h{font-size:13.5px;color:var(--hl-l-navy);margin:0 0 8px}
.hl-ladder-cat-hero-mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.hl-ladder-cat-hero-mini-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:10px;
  font-size:11.5px;color:var(--hl-l-slate);
  border-bottom:1px dashed var(--hl-l-line-soft);
  padding:5px 0;margin:0;
}
.hl-ladder-cat-hero-mini-list li:last-child{border-bottom:0}
.hl-ladder-cat-hero-mini-q{
  color:var(--hl-l-navy);
  font-weight:600;
  min-width:0;
  line-height:1.35;
}
.hl-ladder-cat-hero-mini-a{
  color:var(--hl-l-brass-text);
  font-weight:700;
  font-size:11px;
  white-space:normal;
  text-align:right;
  line-height:1.35;
}

/* ============================================================ */
/* BUTTONS — high-contrast, descendant + !important to beat       */
/* the global .hl-ladder-cat a {color:navy} rule.                */
/* ============================================================ */
.hl-ladder-cat-btn{
  display:inline-block;
  position:relative;
  padding:10px 20px;
  border-radius:6px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:0.01em;
  border:1.5px solid transparent;
  transition:transform .15s, box-shadow .2s, background .2s, color .2s, border-color .2s;
  line-height:1.3;
  text-decoration:none;
}
.hl-ladder-cat-btn:hover{transform:translateY(-1px)}
.hl-ladder-cat-btn:focus-visible{
  outline:2px solid var(--hl-l-amber);
  outline-offset:2px;
}

/* Primary — safety amber gradient, navy text. Confident, not alarmist. */
.hl-ladder-cat .hl-ladder-cat-btn-primary{
  background:linear-gradient(180deg, #ffce5a 0%, var(--hl-l-amber) 60%, #d39c2a 100%);
  color:var(--hl-l-navy) !important;
  border-color:#b8841d;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.45) inset,
    0 -1px 0 rgba(184,132,29,0.4) inset,
    0 6px 16px rgba(244,183,64,0.40),
    0 1px 2px rgba(0,0,0,0.08);
}
.hl-ladder-cat .hl-ladder-cat-btn-primary:hover{
  color:var(--hl-l-navy) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.45) inset,
    0 -1px 0 rgba(184,132,29,0.4) inset,
    0 8px 22px rgba(244,183,64,0.55),
    0 1px 2px rgba(0,0,0,0.10);
}

/* Secondary — used on light hero. Solid navy, white text. */
.hl-ladder-cat .hl-ladder-cat-btn-secondary{
  background:var(--hl-l-navy) !important;
  color:#ffffff !important;
  border-color:var(--hl-l-navy);
  box-shadow:0 4px 12px rgba(12,37,71,0.22), 0 1px 2px rgba(0,0,0,0.10);
}
.hl-ladder-cat .hl-ladder-cat-btn-secondary:hover{
  background:#ffffff !important;
  color:var(--hl-l-navy) !important;
  border-color:var(--hl-l-navy);
  box-shadow:0 6px 18px rgba(12,37,71,0.30);
}

/* On-navy email — solid white, navy text */
.hl-ladder-cat .hl-ladder-cat-btn-onnavy{
  background:#ffffff !important;
  color:var(--hl-l-navy) !important;
  border-color:#ffffff;
  box-shadow:0 4px 14px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.12);
}
.hl-ladder-cat .hl-ladder-cat-btn-onnavy:hover{
  background:var(--hl-l-aluminium) !important;
  color:var(--hl-l-navy) !important;
  border-color:var(--hl-l-amber);
  box-shadow:0 6px 18px rgba(0,0,0,0.28), 0 0 0 1px var(--hl-l-amber);
}

/* Ghost on navy — white bg with navy text, matched style */
.hl-ladder-cat .hl-ladder-cat-btn-ghost-light{
  background:#ffffff !important;
  color:var(--hl-l-navy) !important;
  border-color:#ffffff;
  box-shadow:0 4px 14px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.12);
}
.hl-ladder-cat .hl-ladder-cat-btn-ghost-light:hover{
  background:var(--hl-l-aluminium) !important;
  color:var(--hl-l-navy) !important;
  border-color:var(--hl-l-amber);
  box-shadow:0 6px 18px rgba(0,0,0,0.28), 0 0 0 1px var(--hl-l-amber);
}

/* ============================================================ */
/* 2. SAFETY STRIP — navy bg, amber accent (sets tone)          */
/* ============================================================ */
.hl-ladder-cat-safety{margin-bottom:14px}
.hl-ladder-cat-safety-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-l-navy) 0%, var(--hl-l-navy-2) 100%);
  border:1px solid rgba(244,183,64,0.40);
  border-left:3px solid var(--hl-l-amber);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:var(--hl-l-shadow-navy);
  overflow:hidden;
}
.hl-ladder-cat-safety-card::after{
  content:"";position:absolute;
  width:160px;height:160px;border-radius:50%;
  right:-60px;top:-60px;
  background:radial-gradient(circle, rgba(244,183,64,0.18) 0%, rgba(244,183,64,0) 70%);
  pointer-events:none;filter:blur(10px);
}
.hl-ladder-cat-safety-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-l-amber-soft);
  margin-bottom:5px;
  position:relative;z-index:1;
}
.hl-ladder-cat .hl-ladder-cat-safety-card .hl-ladder-cat-safety-p{
  font-size:13px;
  color:#ffffff !important;
  margin:0;
  line-height:1.55;
  position:relative;z-index:1;
}
.hl-ladder-cat .hl-ladder-cat-safety-card .hl-ladder-cat-safety-p strong{
  color:var(--hl-l-amber-soft) !important;
  font-weight:700;
}

/* ============================================================ */
/* 3. TRACK CARDS                                              */
/* ============================================================ */
.hl-ladder-cat-tracks{margin-bottom:0}
.hl-ladder-cat-track-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.hl-ladder-cat-track{
  display:block;
  position:relative;
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:14px 14px 12px;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .25s, border-color .2s;
  overflow:hidden;
  text-decoration:none;
}
.hl-ladder-cat-track::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-l-amber), var(--hl-l-sky-deep), var(--hl-l-navy));
}
.hl-ladder-cat-track:hover{
  transform:translateY(-2px);
  border-color:var(--hl-l-sky-deep);
  box-shadow:var(--hl-l-shadow-hover);
}
.hl-ladder-cat-track-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--hl-l-aluminium);
  color:var(--hl-l-navy);
  border:1px solid var(--hl-l-line-soft);
  border-radius:4px;
  padding:2px 7px;
  margin-bottom:8px;
}
.hl-ladder-cat-track-h{font-size:13.5px;line-height:1.3;margin:0 0 5px;color:var(--hl-l-navy)}
.hl-ladder-cat-track-p{font-size:11.5px;color:var(--hl-l-slate);margin:0 0 8px;line-height:1.45}
.hl-ladder-cat-track-meta{
  font-size:11px;font-weight:700;
  color:var(--hl-l-brass-deep);
  display:inline-block;
  border-top:1px solid var(--hl-l-line-soft);
  padding-top:6px;width:100%;
}
.hl-ladder-cat-track-guide{
  background:linear-gradient(180deg,#fff,var(--hl-l-aluminium-2));
  border-style:dashed;
  border-color:var(--hl-l-amber);
}
.hl-ladder-cat-track-meta-link{text-decoration:none;color:var(--hl-l-brass-deep)}

/* ============================================================ */
/* 4. INTRO                                                    */
/* ============================================================ */
.hl-ladder-cat-intro{
  background:var(--hl-l-warm-white);
  border:1px solid var(--hl-l-line-soft);
  border-left:3px solid var(--hl-l-amber);
  border-radius:8px;
  padding:14px 18px;
}
.hl-ladder-cat-intro p{font-size:12.5px;margin:0 0 6px;color:var(--hl-l-slate)}
.hl-ladder-cat-intro p:last-child{margin:0}
.hl-ladder-cat-intro a{text-decoration:underline}

/* ============================================================ */
/* 5. QUICK ANSWER STRIP — light sky, amber accent              */
/* ============================================================ */
.hl-ladder-cat-quick{margin-bottom:0}
.hl-ladder-cat-quick-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-l-aluminium-2) 0%, var(--hl-l-sky) 100%);
  border:1px solid var(--hl-l-line);
  border-left:3px solid var(--hl-l-amber);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:var(--hl-l-shadow-soft);
}
.hl-ladder-cat-quick-card .hl-ladder-cat-quick-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-l-brass-text);
  margin-bottom:5px;
}
.hl-ladder-cat-quick-card .hl-ladder-cat-quick-p{
  font-size:13px;
  color:var(--hl-l-slate);
  margin:0;
  line-height:1.55;
}
.hl-ladder-cat-quick-card .hl-ladder-cat-quick-p strong{
  color:var(--hl-l-navy);
  font-weight:700;
}

/* ============================================================ */
/* 6. REACH MATRIX                                             */
/* ============================================================ */
.hl-ladder-cat-matrix{margin-bottom:0}
.hl-ladder-cat-matrix-card{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-l-shadow-card);
}
.hl-ladder-cat-matrix-head{
  display:grid;
  grid-template-columns:1.4fr 1.2fr 1.5fr 1.5fr;
  background:linear-gradient(90deg, var(--hl-l-navy) 0%, var(--hl-l-navy-2) 100%);
  color:#fff;
}
.hl-ladder-cat-matrix-h-cell{
  padding:9px 12px;
  font-size:10.5px;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--hl-l-amber-soft);
  border-right:1px solid rgba(244,183,64,0.25);
}
.hl-ladder-cat-matrix-h-cell:last-child{border-right:0}
.hl-ladder-cat-matrix-h-cell-row{color:#fff}

.hl-ladder-cat-matrix-row{
  display:grid;
  grid-template-columns:1.4fr 1.2fr 1.5fr 1.5fr;
  border-top:1px solid var(--hl-l-line-soft);
  transition:background .15s;
}
.hl-ladder-cat-matrix-row:nth-child(even){background:var(--hl-l-aluminium-2)}
.hl-ladder-cat-matrix-row:hover{background:var(--hl-l-aluminium)}
.hl-ladder-cat-matrix-cell{
  padding:10px 12px;
  font-size:11.5px;
  color:var(--hl-l-slate);
  border-right:1px solid var(--hl-l-line-soft);
  display:flex;align-items:flex-start;gap:6px;line-height:1.45;
  min-width:0;
}
.hl-ladder-cat-matrix-cell:last-child{border-right:0}
.hl-ladder-cat-matrix-cell-row{font-size:12px;color:var(--hl-l-navy)}
.hl-ladder-cat-matrix-cell-row strong{color:var(--hl-l-navy);min-width:0}
.hl-ladder-cat-matrix-icon{font-size:16px;line-height:1;display:inline-block;flex-shrink:0;margin-top:1px}

.hl-ladder-cat-chip{
  display:inline-block;
  font-size:10.5px;font-weight:700;
  padding:3px 8px;border-radius:4px;
  letter-spacing:0.02em;
  white-space:normal;
  line-height:1.35;
  max-width:100%;
}
.hl-ladder-cat-chip-good{
  background:var(--hl-l-good-bg);
  color:var(--hl-l-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-ladder-cat-chip-warn{
  background:var(--hl-l-warn-bg);
  color:var(--hl-l-warn);
  border:1px solid rgba(163,82,14,0.30);
}

/* ============================================================ */
/* 7. SELECTOR — 8 cards                                       */
/* ============================================================ */
.hl-ladder-cat-selector{margin-bottom:0}
.hl-ladder-cat-selector-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.hl-ladder-cat-pick{
  background:#fff;
  border:1px solid var(--hl-l-line-soft);
  border-radius:6px;
  padding:10px 12px;
  display:flex;flex-direction:column;gap:4px;
  min-height:62px;
  transition:transform .12s, box-shadow .2s, border-color .2s, background .2s;
  box-shadow:var(--hl-l-shadow-soft);
}
.hl-ladder-cat-pick:hover{
  background:var(--hl-l-aluminium-2);
  border-color:var(--hl-l-sky-deep);
  transform:translateY(-1px);
  box-shadow:var(--hl-l-shadow-hover);
}
.hl-ladder-cat-pick-q{
  font-size:11.5px;font-weight:700;color:var(--hl-l-navy);
  line-height:1.35;
}
.hl-ladder-cat-pick-a{
  font-size:11px;color:var(--hl-l-brass-text);font-weight:600;
  display:flex;align-items:flex-start;gap:6px;
  line-height:1.4;
  min-width:0;
}
.hl-ladder-cat-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border-radius:4px;
  background:linear-gradient(180deg,#fff,var(--hl-l-aluminium));
  border:1px solid var(--hl-l-line-soft);
  font-size:10px;
  color:var(--hl-l-amber);
  flex-shrink:0;
  margin-top:1px;
}

/* ============================================================ */
/* 8. VERSUS PANEL — 4 panels                                  */
/* ============================================================ */
.hl-ladder-cat-versus{margin-bottom:0}
.hl-ladder-cat-versus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.hl-ladder-cat-versus-panel{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-l-shadow-card);
  display:flex;flex-direction:column;
}
.hl-ladder-cat-versus-panel-feat{
  border-color:var(--hl-l-amber);
  box-shadow:0 0 0 1px rgba(244,183,64,0.22), 0 6px 18px rgba(12,37,71,0.10);
}
.hl-ladder-cat-versus-head{
  background:linear-gradient(135deg, var(--hl-l-navy) 0%, var(--hl-l-navy-2) 100%);
  color:#fff;
  padding:14px 16px 12px;
  border-bottom:2px solid var(--hl-l-amber);
}
.hl-ladder-cat .hl-ladder-cat-versus-head h4{color:#fff}
.hl-ladder-cat .hl-ladder-cat-versus-head a{color:var(--hl-l-amber-soft) !important}
.hl-ladder-cat-versus-eyebrow{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-l-amber-soft);
  margin-bottom:4px;
}
.hl-ladder-cat-versus-h{
  font-size:14px;
  margin:0 0 4px;
  line-height:1.25;
}
.hl-ladder-cat-versus-link{
  display:inline-block;
  font-size:11px;font-weight:600;
  text-decoration:underline;
}
.hl-ladder-cat-versus-specs{
  list-style:none;margin:0;padding:8px 16px;
  border-bottom:1px solid var(--hl-l-line-soft);
}
.hl-ladder-cat-versus-specs li{
  display:grid;
  grid-template-columns:minmax(90px, .8fr) minmax(0, 1.2fr);
  column-gap:10px;
  align-items:start;
  font-size:11.5px;
  padding:5px 0;
  border-bottom:1px dashed var(--hl-l-line-soft);
  margin:0;
  line-height:1.4;}
.hl-ladder-cat-versus-specs li:last-child{border-bottom:0}
.hl-ladder-cat-spec-k{color:var(--hl-l-slate-light);font-weight:600;min-width:0}
.hl-ladder-cat-spec-v{color:var(--hl-l-navy);font-weight:700;text-align:right;min-width:0}

.hl-ladder-cat-versus-list-good,
.hl-ladder-cat-versus-list-bad{
  padding:10px 16px 8px;
  border-top:1px solid var(--hl-l-line-soft);
}
.hl-ladder-cat-versus-list-good{background:rgba(230,243,235,0.4)}
.hl-ladder-cat-versus-list-bad{background:rgba(251,233,216,0.4);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.hl-ladder-cat-versus-tag-good,
.hl-ladder-cat-versus-tag-bad{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;
  padding:2px 7px;border-radius:4px;
  margin-bottom:5px;
}
.hl-ladder-cat-versus-tag-good{
  background:var(--hl-l-good-bg);
  color:var(--hl-l-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-ladder-cat-versus-tag-bad{
  background:var(--hl-l-warn-bg);
  color:var(--hl-l-warn);
  border:1px solid rgba(163,82,14,0.30);
}
.hl-ladder-cat-versus-list-good ul,
.hl-ladder-cat-versus-list-bad ul{margin:0 0 0 18px;padding:0}
.hl-ladder-cat-versus-list-good li,
.hl-ladder-cat-versus-list-bad li{font-size:11.5px;color:var(--hl-l-slate);margin:0 0 2px;line-height:1.45}

/* ============================================================ */
/* 9. CHOOSE BY                                                */
/* ============================================================ */
.hl-ladder-cat-chooseby{margin-bottom:0}
.hl-ladder-cat-chooseby-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-ladder-cat-cb{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:8px;
  padding:11px 12px 9px;
  box-shadow:var(--hl-l-shadow-card);
  position:relative;overflow:hidden;
}
.hl-ladder-cat-cb::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--hl-l-amber);
}
.hl-ladder-cat-cb-h{font-size:12px;margin:0 0 6px;display:flex;align-items:center;gap:7px;color:var(--hl-l-navy)}
.hl-ladder-cat-cb-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  font-size:11px;font-weight:800;
  color:#fff;
  background:var(--hl-l-navy);
  border-radius:4px;
}
.hl-ladder-cat-cb ul{margin:0 0 0 14px;padding:0}
.hl-ladder-cat-cb li{font-size:11.5px;color:var(--hl-l-slate);margin:0 0 2px;line-height:1.4}

/* ============================================================ */
/* 10. COST                                                    */
/* ============================================================ */
.hl-ladder-cat-cost{margin-bottom:0}
.hl-ladder-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.hl-ladder-cat-cost-card{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-top:3px solid var(--hl-l-amber);
  border-radius:8px;
  padding:11px 12px;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-ladder-cat-cost-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--hl-l-shadow-hover);
}
.hl-ladder-cat-cost-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-ladder-cat-cost-card p{font-size:11px;color:var(--hl-l-slate);margin:0;line-height:1.4}
.hl-ladder-cat-cost-foot{
  margin-top:10px;
  background:linear-gradient(180deg,var(--hl-l-aluminium-2),#fff);
  border:1px solid var(--hl-l-line-soft);
  border-left:3px solid var(--hl-l-amber);
  border-radius:6px;
  padding:9px 12px;
  font-size:11.5px;
  color:var(--hl-l-slate);
}
.hl-ladder-cat-cost-foot a{color:var(--hl-l-navy);text-decoration:underline}

/* ============================================================ */
/* 11. CHECKLIST                                               */
/* ============================================================ */
.hl-ladder-cat-checklist{margin-bottom:0}
.hl-ladder-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px 10px;
  counter-reset:hllcl;
}
.hl-ladder-cat-checklist-list li{
  counter-increment:hllcl;
  font-size:11.5px;
  color:var(--hl-l-slate);
  background:#fff;
  border:1px solid var(--hl-l-line);
  padding:8px 10px 8px 38px;
  border-radius:6px;
  position:relative;
  box-shadow:var(--hl-l-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-ladder-cat-checklist-list li:hover{
  border-color:var(--hl-l-amber);
  box-shadow:0 3px 10px rgba(244,183,64,0.10);
}
.hl-ladder-cat-checklist-list li::before{
  content:counter(hllcl,decimal-leading-zero);
  position:absolute;left:6px;top:6px;
  width:24px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:#fff;
  background:var(--hl-l-navy);
  border-radius:4px;
}

/* ============================================================ */
/* 12. USE CASES                                               */
/* ============================================================ */
.hl-ladder-cat-usecases{margin-bottom:0}
.hl-ladder-cat-usecase-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.hl-ladder-cat-usecase{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:8px;
  padding:12px 14px 10px;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-ladder-cat-usecase:hover{
  transform:translateY(-2px);
  border-color:var(--hl-l-sky-deep);
  box-shadow:var(--hl-l-shadow-hover);
}
.hl-ladder-cat-usecase-icon{display:inline-block;font-size:18px;line-height:1;margin-bottom:6px}
.hl-ladder-cat-usecase h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-ladder-cat-usecase p{font-size:11.5px;color:var(--hl-l-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 13. TRUST                                                   */
/* ============================================================ */
.hl-ladder-cat-trust{margin-bottom:0}
.hl-ladder-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-ladder-cat-trust-card{
  background:#fff;
  border:1px solid var(--hl-l-line);
  border-radius:8px;
  padding:11px 12px;
  text-align:left;
  box-shadow:var(--hl-l-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-ladder-cat-trust-card:hover{
  transform:translateY(-2px);
  border-color:var(--hl-l-sky-deep);
  box-shadow:var(--hl-l-shadow-hover);
}
.hl-ladder-cat-trust-icon{font-size:16px;line-height:1;display:inline-block;margin-bottom:5px}
.hl-ladder-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-ladder-cat-trust-card p{font-size:11px;color:var(--hl-l-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 14. DELIVERY                                                */
/* ============================================================ */
.hl-ladder-cat-delivery{margin-bottom:0}
.hl-ladder-cat-delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  background:var(--hl-l-aluminium);
  border:1px solid var(--hl-l-line);
  border-radius:10px;
  padding:13px;
}
.hl-ladder-cat-delivery-card{
  background:#fff;
  border:1px solid var(--hl-l-line-soft);
  border-radius:7px;
  padding:11px 13px;
  box-shadow:var(--hl-l-shadow-soft);
  transition:transform .12s, box-shadow .2s, border-color .2s;
}
.hl-ladder-cat-delivery-card:hover{
  transform:translateY(-1px);
  border-color:var(--hl-l-amber);
  box-shadow:var(--hl-l-shadow-hover);
}
.hl-ladder-cat-delivery-icon{display:inline-block;font-size:16px;line-height:1;margin-bottom:5px}
.hl-ladder-cat-delivery-card h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-l-navy)}
.hl-ladder-cat-delivery-card p{font-size:11.5px;color:var(--hl-l-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 15. RELATED                                                 */
/* ============================================================ */
.hl-ladder-cat-related{margin-bottom:0}
.hl-ladder-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.hl-ladder-cat-related-card{
  display:block;
  background:#fff;
  border:1px solid var(--hl-l-line-soft);
  border-radius:6px;
  padding:10px 6px;
  text-align:center;
  font-size:11.5px;font-weight:700;
  color:var(--hl-l-navy);
  box-shadow:var(--hl-l-shadow-soft);
  transition:transform .12s, background .2s, border-color .2s, box-shadow .2s;
}
.hl-ladder-cat-related-card:hover{
  background:var(--hl-l-aluminium-2);
  border-color:var(--hl-l-amber);
  transform:translateY(-1px);
  box-shadow:var(--hl-l-shadow-hover);
}

/* ============================================================ */
/* 16. FAQ                                                     */
/* ============================================================ */
.hl-ladder-cat-faq{margin-bottom:0}
.hl-ladder-cat-faq-list{display:flex;flex-direction:column;gap:6px}
.hl-ladder-cat-faq-item{
  background:#fff;
  border:1px solid var(--hl-l-line-soft);
  border-left:3px solid var(--hl-l-amber);
  border-radius:6px;
  padding:0;overflow:hidden;
  box-shadow:var(--hl-l-shadow-soft);
}
.hl-ladder-cat-faq-item[open]{
  border-color:var(--hl-l-amber);
  box-shadow:0 4px 14px rgba(244,183,64,0.12);
}
.hl-ladder-cat-faq-item summary{
  cursor:pointer;
  font-size:12px;font-weight:700;
  color:var(--hl-l-navy);
  padding:10px 14px;
  list-style:none;
  position:relative;
  padding-right:38px;
  user-select:none;
}
.hl-ladder-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-ladder-cat-faq-item summary::after{
  content:"+";
  position:absolute;right:10px;top:50%;
  transform:translateY(-50%);
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;line-height:1;  color:#fff;
  background:var(--hl-l-navy);
  border-radius:4px;
}
.hl-ladder-cat-faq-item[open] summary::after{
  content:"−";
  background:var(--hl-l-brass-deep);
}
.hl-ladder-cat-faq-item p{
  font-size:11.5px;color:var(--hl-l-slate);
  margin:0;
  padding:0 14px 12px;
  line-height:1.5;
}
.hl-ladder-cat-faq-item p a{text-decoration:underline}

/* ============================================================ */
/* 17. FINAL CTA — navy panel                                  */
/* ============================================================ */
.hl-ladder-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-l-navy-3);
  border-radius:12px;
  padding:24px 22px 22px;
  margin-bottom:0;
  background:linear-gradient(135deg, var(--hl-l-navy-3) 0%, var(--hl-l-navy) 50%, var(--hl-l-navy-2) 100%);
  color:#fff;
  box-shadow:var(--hl-l-shadow-navy);
}
.hl-ladder-cat-finalcta-bg{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 8% 88%, rgba(244,183,64,0.20) 0%, rgba(244,183,64,0) 55%);
}
.hl-ladder-cat .hl-ladder-cat-finalcta h2,
.hl-ladder-cat .hl-ladder-cat-finalcta h3,
.hl-ladder-cat .hl-ladder-cat-finalcta h4{color:#fff}
.hl-ladder-cat .hl-ladder-cat-finalcta p{color:rgba(255,255,255,0.94)}
.hl-ladder-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.hl-ladder-cat-finalcta-h{font-size:20px;margin:4px 0 6px}
.hl-ladder-cat-finalcta-sub{font-size:13px;margin:0 auto 14px;max-width:540px}
.hl-ladder-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                  */
/* ============================================================ */
@media (max-width:1024px){
  .hl-ladder-cat-hero-grid{grid-template-columns:1fr}
  .hl-ladder-cat-track-grid{grid-template-columns:1fr}
  .hl-ladder-cat-matrix-head,
  .hl-ladder-cat-matrix-row{grid-template-columns:1.4fr 1.1fr 1.3fr 1.3fr}
  .hl-ladder-cat-versus-grid{grid-template-columns:1fr}
  .hl-ladder-cat-selector-grid,
  .hl-ladder-cat-chooseby-grid,
  .hl-ladder-cat-trust-grid,
  .hl-ladder-cat-related-grid{grid-template-columns:repeat(3,1fr)}
  .hl-ladder-cat-cost-grid{grid-template-columns:repeat(3,1fr)}
  .hl-ladder-cat-usecase-grid,
  .hl-ladder-cat-delivery-grid{grid-template-columns:repeat(2,1fr)}
  .hl-ladder-cat-checklist-list{grid-template-columns:repeat(2,1fr)}
  .hl-ladder-cat-hero-h{font-size:20px}
}
@media (max-width:720px){
  .hl-ladder-cat{padding:12px 10px;margin:14px auto;border-radius:12px}
  .hl-ladder-cat-section-h{font-size:16px}
  .hl-ladder-cat-hero{padding:18px 16px}
  .hl-ladder-cat-hero-h{font-size:18px}
  /* Hero mini-list — stack question/answer on small screens */
  .hl-ladder-cat-hero-mini-list li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-ladder-cat-hero-mini-a{text-align:left}
  /* Matrix — stack as cards on mobile */
  .hl-ladder-cat-matrix-head{display:none}
  .hl-ladder-cat-matrix-row{grid-template-columns:1fr;gap:0;padding:8px 10px}
  .hl-ladder-cat-matrix-cell{
    border-right:0;
    border-bottom:1px dashed var(--hl-l-line-soft);
    padding:6px 0;
  }
  .hl-ladder-cat-matrix-cell:last-child{border-bottom:0}
  .hl-ladder-cat-matrix-cell-row{font-size:13px}
  /* Versus spec rows — stack label / value on mobile */
  .hl-ladder-cat-versus-specs li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-ladder-cat-spec-v{text-align:left}
  .hl-ladder-cat-selector-grid,
  .hl-ladder-cat-chooseby-grid,
  .hl-ladder-cat-cost-grid,
  .hl-ladder-cat-usecase-grid,
  .hl-ladder-cat-trust-grid,
  .hl-ladder-cat-delivery-grid,
  .hl-ladder-cat-related-grid,
  .hl-ladder-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-ladder-cat-hero-ctas,
  .hl-ladder-cat-finalcta-ctas{flex-direction:column}
  .hl-ladder-cat-btn{width:100%;text-align:center}
  .hl-ladder-cat-finalcta{padding:20px 16px}
  .hl-ladder-cat-rule{margin:14px 0}
}

/* ============================================================ */
/* END HIRELOAD EXTENSION LADDERS — Scoped CSS (v2)             */
/* ============================================================ */

/* === HIRELOAD EXTENSION LADDERS CAT CSS — END 2026-05-05 === */

/* === HIRELOAD POWERED ACCESS CAT CSS — START 2026-05-05 === */
/* ============================================================ */
/* HIRELOAD POWERED ACCESS — Scoped Additional CSS  (v2)         */
/* All rules namespaced under .hl-pa-cat                         */
/* ============================================================ */

/* --- 0. TOKENS --- */
.hl-pa-cat{
  --hl-pa-warm-white:#fffefb;
  --hl-pa-aluminium:#eef1f3;
  --hl-pa-aluminium-2:#f5f7f9;
  --hl-pa-line:#d8dee4;
  --hl-pa-line-soft:#e6ebf0;
  --hl-pa-sky:#eaf5ff;
  --hl-pa-sky-deep:#cfe5ff;
  --hl-pa-electric:#2b7de9;
  --hl-pa-electric-deep:#1d5cb3;
  --hl-pa-navy:#0c2547;
  --hl-pa-navy-2:#143062;
  --hl-pa-navy-3:#091a36;
  --hl-pa-amber:#f4b740;
  --hl-pa-amber-soft:#ffd986;
  --hl-pa-amber-text:#a3520e;
  --hl-pa-slate:#3a4a60;
  --hl-pa-slate-light:#647691;
  --hl-pa-good:#1f7a4a;
  --hl-pa-good-bg:#e6f3eb;
  --hl-pa-warn:#a3520e;
  --hl-pa-warn-bg:#fbe9d8;
  --hl-pa-shadow-soft:0 1px 2px rgba(12,37,71,0.04);
  --hl-pa-shadow-card:0 2px 8px rgba(12,37,71,0.07);
  --hl-pa-shadow-hover:0 6px 18px rgba(43,125,233,0.15);
  --hl-pa-shadow-navy:0 8px 24px rgba(12,37,71,0.20);

  position:relative;
  max-width:1100px;
  margin:18px auto;
  padding:14px 14px 6px;
  background:var(--hl-pa-warm-white);
  border:1px solid var(--hl-pa-line);
  border-radius:14px;
  box-shadow:0 2px 14px rgba(12,37,71,0.06);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--hl-pa-slate);
  line-height:1.5;
}

/* Lift-cable subtle background (decorative only) */
.hl-pa-cat::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(43,125,233,0.04) 0%, rgba(43,125,233,0) 70%),
    repeating-linear-gradient(90deg, rgba(12,37,71,0.025) 0 1px, transparent 1px 80px);
  pointer-events:none;border-radius:14px;
}

.hl-pa-cat > * { position:relative; }

/* --- Headings, links, buttons base --- */
.hl-pa-cat h2,
.hl-pa-cat h3,
.hl-pa-cat h4{font-family:inherit;color:var(--hl-pa-navy);letter-spacing:-0.01em;line-height:1.25;margin:0;font-weight:700}
.hl-pa-cat .hl-pa-cat-section-h{
  font-size:17px;margin:0 0 10px;
  display:flex;align-items:center;gap:10px;
}
.hl-pa-cat .hl-pa-cat-section-h::before{
  content:"";width:3px;height:18px;
  background:linear-gradient(180deg, var(--hl-pa-electric), var(--hl-pa-amber));
  border-radius:2px;
  display:inline-block;
}
.hl-pa-cat a{color:var(--hl-pa-navy)}
.hl-pa-cat a:hover{color:var(--hl-pa-electric)}
.hl-pa-cat p{margin:0 0 8px}

.hl-pa-cat-eyebrow{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-pa-electric-deep);
  margin-bottom:6px;
}
.hl-pa-cat-eyebrow-light{color:var(--hl-pa-amber-soft)}

.hl-pa-cat-rule{
  border:0;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, var(--hl-pa-line) 50%, transparent 100%);
  margin:18px 0;
}

.hl-pa-cat-btn{
  display:inline-block;
  padding:10px 18px;
  font-size:13px;font-weight:700;letter-spacing:0.02em;
  border-radius:6px;
  text-decoration:none;
  transition:transform .12s, box-shadow .2s, background .2s, color .2s, border-color .2s;
  white-space:nowrap;
  border:1px solid transparent;
}
.hl-pa-cat .hl-pa-cat-btn-primary{
  background:linear-gradient(180deg, var(--hl-pa-electric) 0%, var(--hl-pa-electric-deep) 100%);
  color:#ffffff !important;
  box-shadow:0 2px 8px rgba(43,125,233,0.30);
}
.hl-pa-cat .hl-pa-cat-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(43,125,233,0.40);
}
.hl-pa-cat .hl-pa-cat-btn-ghost{
  background:#fff;
  color:var(--hl-pa-navy) !important;
  border:1px solid var(--hl-pa-line);
}
.hl-pa-cat .hl-pa-cat-btn-ghost:hover{
  border-color:var(--hl-pa-electric);
  background:var(--hl-pa-sky);
}
.hl-pa-cat .hl-pa-cat-btn-onnavy{
  background:transparent;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.45);
}
.hl-pa-cat .hl-pa-cat-btn-onnavy:hover{
  background:rgba(255,255,255,0.10);
  border-color:#fff;
}
.hl-pa-cat .hl-pa-cat-btn-ghost-light{
  background:rgba(255,255,255,0.06);
  color:var(--hl-pa-amber-soft) !important;
  border:1px solid rgba(244,183,64,0.45);
}
.hl-pa-cat .hl-pa-cat-btn-ghost-light:hover{
  background:rgba(244,183,64,0.12);
  border-color:var(--hl-pa-amber);
}

/* ============================================================ */
/* 1. HERO                                                     */
/* ============================================================ */
.hl-pa-cat-hero{
  position:relative;
  background:linear-gradient(135deg, var(--hl-pa-navy-3) 0%, var(--hl-pa-navy) 55%, var(--hl-pa-electric-deep) 100%);
  border-radius:14px;
  padding:22px 22px 20px;
  color:#fff;
  margin-bottom:0;
  overflow:hidden;
  box-shadow:var(--hl-pa-shadow-navy);
}
.hl-pa-cat-hero-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 92% 10%, rgba(244,183,64,0.18) 0%, rgba(244,183,64,0) 55%),
    radial-gradient(circle at 6% 90%, rgba(43,125,233,0.30) 0%, rgba(43,125,233,0) 60%);
}
.hl-pa-cat-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg, var(--hl-pa-electric) 0%, var(--hl-pa-amber) 100%);
}
.hl-pa-cat-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:22px;
  align-items:start;
}
.hl-pa-cat .hl-pa-cat-hero-h{
  color:#ffffff;
  font-size:24px;
  margin:2px 0 8px;
  line-height:1.2;
}
.hl-pa-cat-hero-sub{
  color:rgba(255,255,255,0.92);
  font-size:13.5px;
  margin:0 0 14px;
  line-height:1.55;
}
.hl-pa-cat .hl-pa-cat-hero .hl-pa-cat-eyebrow{
  color:var(--hl-pa-amber-soft);
}
.hl-pa-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap}

.hl-pa-cat-hero-mini{
  background:rgba(255,255,255,0.06);
  backdrop-filter:blur(6px);
  border:1px solid rgba(244,183,64,0.30);
  border-radius:10px;
  padding:13px 14px;
}
.hl-pa-cat-hero-mini-tag{
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-pa-amber-soft);
  margin-bottom:8px;
}
.hl-pa-cat-hero-mini-list{
  list-style:none;margin:0;padding:0;
}
.hl-pa-cat-hero-mini-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:10px;
  align-items:center;
  font-size:12.5px;
  color:rgba(255,255,255,0.94);
  padding:6px 0;
  border-bottom:1px dashed rgba(255,255,255,0.18);
  white-space:normal;
  line-height:1.4;
}
.hl-pa-cat-hero-mini-list li:last-child{border-bottom:0}
.hl-pa-cat-hero-mini-a{
  color:var(--hl-pa-amber-soft);
  font-weight:700;
  text-align:right;
}

/* ============================================================ */
/* 2. SAFETY-FIRST STRIP                                       */
/* ============================================================ */
.hl-pa-cat-safety{margin-bottom:0}
.hl-pa-cat-safety-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-pa-navy) 0%, var(--hl-pa-navy-2) 100%);
  border:1px solid rgba(244,183,64,0.40);
  border-left:3px solid var(--hl-pa-amber);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:var(--hl-pa-shadow-navy);
  overflow:hidden;
}
.hl-pa-cat-safety-card::after{
  content:"";position:absolute;
  width:160px;height:160px;border-radius:50%;
  right:-60px;top:-60px;
  background:radial-gradient(circle, rgba(244,183,64,0.18) 0%, rgba(244,183,64,0) 70%);
  pointer-events:none;filter:blur(10px);
}
.hl-pa-cat-safety-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-pa-amber-soft);
  margin-bottom:5px;
  position:relative;z-index:1;
}
.hl-pa-cat .hl-pa-cat-safety-card .hl-pa-cat-safety-p{
  font-size:13px;
  color:#ffffff !important;
  margin:0;
  line-height:1.55;
  position:relative;z-index:1;
}
.hl-pa-cat .hl-pa-cat-safety-card .hl-pa-cat-safety-p strong{
  color:var(--hl-pa-amber-soft) !important;
  font-weight:700;
}

/* ============================================================ */
/* 3. TRACK CARDS                                              */
/* ============================================================ */
.hl-pa-cat-tracks{margin-bottom:0}
.hl-pa-cat-track-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.hl-pa-cat-track{
  display:block;
  position:relative;
  background:#fff;
  border:1px solid var(--hl-pa-line);
  border-radius:10px;
  padding:14px 14px 12px;
  box-shadow:var(--hl-pa-shadow-card);
  transition:transform .15s, box-shadow .25s, border-color .2s;
  overflow:hidden;
  text-decoration:none;
}
.hl-pa-cat-track::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-pa-electric), var(--hl-pa-amber), var(--hl-pa-navy));
}
.hl-pa-cat-track:hover{
  transform:translateY(-2px);
  border-color:var(--hl-pa-electric);
  box-shadow:var(--hl-pa-shadow-hover);
}
.hl-pa-cat-track-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--hl-pa-sky);
  color:var(--hl-pa-electric-deep);
  border:1px solid var(--hl-pa-sky-deep);
  border-radius:4px;
  padding:2px 7px;
  margin-bottom:8px;
}
.hl-pa-cat-track-h{font-size:13.5px;line-height:1.3;margin:0 0 5px;color:var(--hl-pa-navy)}
.hl-pa-cat-track-p{font-size:11.5px;color:var(--hl-pa-slate);margin:0 0 8px;line-height:1.45}
.hl-pa-cat-track-meta{
  font-size:11px;font-weight:700;
  color:var(--hl-pa-electric-deep);
  display:inline-block;
  border-top:1px solid var(--hl-pa-line-soft);
  padding-top:6px;width:100%;
}
.hl-pa-cat-track-guide{
  background:linear-gradient(180deg,#fff,var(--hl-pa-sky));
  border-style:dashed;
  border-color:var(--hl-pa-amber);
}
.hl-pa-cat-track-meta-link{color:var(--hl-pa-amber-text)}

/* ============================================================ */
/* 4. INTRO                                                    */
/* ============================================================ */
.hl-pa-cat-intro{
  background:var(--hl-pa-warm-white);
  border:1px solid var(--hl-pa-line-soft);
  border-left:3px solid var(--hl-pa-electric);
  border-radius:8px;
  padding:14px 18px;
}
.hl-pa-cat-intro p{font-size:12.5px;margin:0 0 6px;color:var(--hl-pa-slate)}
.hl-pa-cat-intro p:last-child{margin:0}
.hl-pa-cat-intro a{text-decoration:underline}

/* ============================================================ */
/* 5. QUICK ANSWER                                             */
/* ============================================================ */
.hl-pa-cat-quick{margin-bottom:0}
.hl-pa-cat-quick-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-pa-aluminium-2) 0%, var(--hl-pa-sky) 100%);
  border:1px solid var(--hl-pa-line);
  border-left:3px solid var(--hl-pa-electric);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:var(--hl-pa-shadow-soft);
}
.hl-pa-cat-quick-card .hl-pa-cat-quick-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-pa-electric-deep);
  margin-bottom:5px;
}
.hl-pa-cat-quick-card .hl-pa-cat-quick-p{
  font-size:13px;
  color:var(--hl-pa-slate);
  margin:0;
  line-height:1.55;
}
.hl-pa-cat-quick-card .hl-pa-cat-quick-p strong{
  color:var(--hl-pa-navy);
  font-weight:700;
}

/* ============================================================ */
/* 6. REACH MATRIX                                             */
/* ============================================================ */
.hl-pa-cat-matrix{margin-bottom:0}
.hl-pa-cat-matrix-card{
  background:#fff;
  border:1px solid var(--hl-pa-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-pa-shadow-card);
}
.hl-pa-cat-matrix-head{
  display:grid;
  grid-template-columns:1.4fr 1.2fr 1.5fr 1.5fr;
  background:linear-gradient(90deg, var(--hl-pa-navy) 0%, var(--hl-pa-navy-2) 100%);
  color:#fff;
}
.hl-pa-cat-matrix-h-cell{
  padding:9px 12px;
  font-size:10.5px;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--hl-pa-amber-soft);
  border-right:1px solid rgba(244,183,64,0.25);
}
.hl-pa-cat-matrix-h-cell:last-child{border-right:0}

.hl-pa-cat-matrix-row{
  display:grid;
  grid-template-columns:1.4fr 1.2fr 1.5fr 1.5fr;
  border-top:1px solid var(--hl-pa-line-soft);
  transition:background .15s;
}
.hl-pa-cat-matrix-row:nth-child(even){background:var(--hl-pa-aluminium-2)}
.hl-pa-cat-matrix-row:hover{background:var(--hl-pa-sky)}
.hl-pa-cat-matrix-cell{
  padding:10px 12px;
  font-size:11.5px;
  color:var(--hl-pa-slate);
  border-right:1px solid var(--hl-pa-line-soft);
  display:flex;align-items:flex-start;gap:6px;line-height:1.45;
  min-width:0;
}
.hl-pa-cat-matrix-cell:last-child{border-right:0}
.hl-pa-cat-matrix-cell-row{font-size:12px;color:var(--hl-pa-navy)}
.hl-pa-cat-matrix-cell-row strong{color:var(--hl-pa-navy);min-width:0}
.hl-pa-cat-matrix-icon{font-size:16px;line-height:1;display:inline-block;flex-shrink:0;margin-top:1px}

.hl-pa-cat-chip{
  display:inline-block;
  font-size:10.5px;font-weight:700;
  padding:3px 8px;border-radius:4px;
  letter-spacing:0.02em;
  white-space:normal;
  line-height:1.35;
  max-width:100%;
}
.hl-pa-cat-chip-good{
  background:var(--hl-pa-good-bg);
  color:var(--hl-pa-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-pa-cat-chip-warn{
  background:var(--hl-pa-warn-bg);
  color:var(--hl-pa-warn);
  border:1px solid rgba(163,82,14,0.30);
}

/* ============================================================ */
/* 7. SELECTOR                                                 */
/* ============================================================ */
.hl-pa-cat-selector{margin-bottom:0}
.hl-pa-cat-selector-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.hl-pa-cat-pick{
  background:#fff;
  border:1px solid var(--hl-pa-line-soft);
  border-radius:6px;
  padding:10px 12px;
  display:flex;flex-direction:column;gap:4px;
  min-height:62px;
  transition:transform .12s, box-shadow .2s, border-color .2s, background .2s;
  box-shadow:var(--hl-pa-shadow-soft);
  text-decoration:none;
}
.hl-pa-cat-pick:hover{
  background:var(--hl-pa-sky);
  border-color:var(--hl-pa-electric);
  transform:translateY(-1px);
  box-shadow:var(--hl-pa-shadow-hover);
}
.hl-pa-cat-pick-q{
  font-size:11.5px;font-weight:700;color:var(--hl-pa-navy);
  line-height:1.35;
}
.hl-pa-cat-pick-a{
  font-size:11px;color:var(--hl-pa-electric-deep);font-weight:600;
  display:flex;align-items:flex-start;gap:6px;
  line-height:1.4;
  min-width:0;
}
.hl-pa-cat-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border-radius:4px;
  background:linear-gradient(180deg,#fff,var(--hl-pa-aluminium));
  border:1px solid var(--hl-pa-line-soft);
  font-size:10px;
  color:var(--hl-pa-electric);
  flex-shrink:0;
  margin-top:1px;
}

/* ============================================================ */
/* 8. VERSUS                                                   */
/* ============================================================ */
.hl-pa-cat-versus{margin-bottom:0}
.hl-pa-cat-versus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.hl-pa-cat-versus-panel{
  background:#fff;
  border:1px solid var(--hl-pa-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-pa-shadow-card);
  display:flex;flex-direction:column;
}
.hl-pa-cat-versus-panel-feat{
  border-color:var(--hl-pa-electric);
  box-shadow:0 0 0 1px rgba(43,125,233,0.22), 0 6px 18px rgba(12,37,71,0.10);
}
.hl-pa-cat-versus-head{
  background:linear-gradient(135deg, var(--hl-pa-navy) 0%, var(--hl-pa-navy-2) 100%);
  color:#fff;
  padding:14px 16px 12px;
  border-bottom:2px solid var(--hl-pa-electric);
}
.hl-pa-cat .hl-pa-cat-versus-head h4{color:#fff}
.hl-pa-cat .hl-pa-cat-versus-head a{color:var(--hl-pa-amber-soft) !important}
.hl-pa-cat-versus-eyebrow{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-pa-amber-soft);
  margin-bottom:4px;
}
.hl-pa-cat-versus-h{
  font-size:14px;
  margin:0 0 4px;
  line-height:1.25;
}
.hl-pa-cat-versus-link{
  display:inline-block;
  font-size:11px;font-weight:600;
  text-decoration:underline;
}
.hl-pa-cat-versus-specs{
  list-style:none;margin:0;padding:8px 16px;
  border-bottom:1px solid var(--hl-pa-line-soft);
}
.hl-pa-cat-versus-specs li{
  display:grid;
  grid-template-columns:minmax(90px, .8fr) minmax(0, 1.2fr);
  column-gap:10px;
  align-items:start;
  font-size:11.5px;
  padding:5px 0;
  border-bottom:1px dashed var(--hl-pa-line-soft);
  margin:0;
  line-height:1.4;
}
.hl-pa-cat-versus-specs li:last-child{border-bottom:0}
.hl-pa-cat-spec-k{color:var(--hl-pa-slate-light);font-weight:600;min-width:0}
.hl-pa-cat-spec-v{color:var(--hl-pa-navy);font-weight:700;text-align:right;min-width:0}

.hl-pa-cat-versus-list-good,
.hl-pa-cat-versus-list-bad{
  padding:10px 16px 8px;
  border-top:1px solid var(--hl-pa-line-soft);
}
.hl-pa-cat-versus-list-good{background:rgba(230,243,235,0.4)}
.hl-pa-cat-versus-list-bad{background:rgba(251,233,216,0.4);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.hl-pa-cat-versus-tag-good,
.hl-pa-cat-versus-tag-bad{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;
  padding:2px 7px;border-radius:4px;
  margin-bottom:5px;
}
.hl-pa-cat-versus-tag-good{
  background:var(--hl-pa-good-bg);
  color:var(--hl-pa-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-pa-cat-versus-tag-bad{
  background:var(--hl-pa-warn-bg);
  color:var(--hl-pa-warn);
  border:1px solid rgba(163,82,14,0.30);
}
.hl-pa-cat-versus-list-good ul,
.hl-pa-cat-versus-list-bad ul{margin:0 0 0 18px;padding:0}
.hl-pa-cat-versus-list-good li,
.hl-pa-cat-versus-list-bad li{font-size:11.5px;color:var(--hl-pa-slate);margin:0 0 2px;line-height:1.45}
.hl-pa-cat-versus-note{
  margin:12px 0 0;
  padding:10px 14px;
  background:var(--hl-pa-aluminium-2);
  border:1px solid var(--hl-pa-line-soft);
  border-left:3px solid var(--hl-pa-amber);
  border-radius:6px;
  font-size:12px;color:var(--hl-pa-slate);line-height:1.5;
}

/* ============================================================ */
/* 9. CHOOSE BY                                                */
/* ============================================================ */
.hl-pa-cat-chooseby{margin-bottom:0}
.hl-pa-cat-chooseby-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.hl-pa-cat-cb{
  background:#fff;
  border:1px solid var(--hl-pa-line);
  border-radius:8px;
  padding:11px 12px 9px;
  box-shadow:var(--hl-pa-shadow-card);
  position:relative;overflow:hidden;
}
.hl-pa-cat-cb::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg, var(--hl-pa-electric), var(--hl-pa-amber));
}
.hl-pa-cat-cb-h{font-size:12px;margin:0 0 6px;display:flex;align-items:center;gap:7px;color:var(--hl-pa-navy)}
.hl-pa-cat-cb-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  font-size:11px;font-weight:800;
  color:#fff;
  background:linear-gradient(180deg, var(--hl-pa-electric) 0%, var(--hl-pa-electric-deep) 100%);
  border-radius:4px;
}
.hl-pa-cat-cb ul{margin:0 0 0 14px;padding:0}
.hl-pa-cat-cb li{font-size:11.5px;color:var(--hl-pa-slate);margin:0 0 2px;line-height:1.4}

/* ============================================================ */
/* 10. COST                                                    */
/* ============================================================ */
.hl-pa-cat-cost{margin-bottom:0}
.hl-pa-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.hl-pa-cat-cost-card{
  background:#fff;
  border:1px solid var(--hl-pa-line);
  border-top:3px solid var(--hl-pa-electric);
  border-radius:8px;
  padding:11px 12px;
  box-shadow:var(--hl-pa-shadow-card);
  transition:transform .15s, box-shadow .2s;
}
.hl-pa-cat-cost-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--hl-pa-shadow-hover);
}
.hl-pa-cat-cost-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-pa-navy)}
.hl-pa-cat-cost-card p{font-size:11px;color:var(--hl-pa-slate);margin:0;line-height:1.4}
.hl-pa-cat-cost-foot{
  margin-top:10px;
  background:linear-gradient(180deg,var(--hl-pa-aluminium-2),#fff);
  border:1px solid var(--hl-pa-line-soft);
  border-left:3px solid var(--hl-pa-amber);
  border-radius:6px;
  padding:9px 12px;
  font-size:11.5px;
  color:var(--hl-pa-slate);
}
.hl-pa-cat-cost-foot a{color:var(--hl-pa-navy);text-decoration:underline}

/* ============================================================ */
/* 11. CHECKLIST                                               */
/* ============================================================ */
.hl-pa-cat-checklist{margin-bottom:0}
.hl-pa-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px 10px;
  counter-reset:hlpcl;
}
.hl-pa-cat-checklist-list li{
  counter-increment:hlpcl;
  font-size:11.5px;
  color:var(--hl-pa-slate);
  background:#fff;
  border:1px solid var(--hl-pa-line);
  padding:8px 10px 8px 38px;
  border-radius:6px;
  position:relative;
  box-shadow:var(--hl-pa-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-pa-cat-checklist-list li:hover{
  border-color:var(--hl-pa-electric);
  box-shadow:0 3px 10px rgba(43,125,233,0.10);
}
.hl-pa-cat-checklist-list li::before{
  content:counter(hlpcl,decimal-leading-zero);
  position:absolute;left:6px;top:6px;
  width:24px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:#fff;
  background:linear-gradient(180deg, var(--hl-pa-electric) 0%, var(--hl-pa-electric-deep) 100%);
  border-radius:4px;
}

/* ============================================================ */
/* 12. USE CASES                                               */
/* ============================================================ */
.hl-pa-cat-usecases{margin-bottom:0}
.hl-pa-cat-usecase-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.hl-pa-cat-usecase{
  background:#fff;
  border:1px solid var(--hl-pa-line);
  border-radius:8px;
  padding:12px 14px 10px;
  box-shadow:var(--hl-pa-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-pa-cat-usecase:hover{
  transform:translateY(-2px);
  border-color:var(--hl-pa-electric);
  box-shadow:var(--hl-pa-shadow-hover);
}
.hl-pa-cat-usecase-icon{display:inline-block;font-size:18px;line-height:1;margin-bottom:6px}
.hl-pa-cat-usecase h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-pa-navy)}
.hl-pa-cat-usecase p{font-size:11.5px;color:var(--hl-pa-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 13. TRUST                                                   */
/* ============================================================ */
.hl-pa-cat-trust{margin-bottom:0}
.hl-pa-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-pa-cat-trust-card{
  background:#fff;
  border:1px solid var(--hl-pa-line);
  border-radius:8px;
  padding:11px 12px;
  text-align:left;
  box-shadow:var(--hl-pa-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-pa-cat-trust-card:hover{
  transform:translateY(-2px);
  border-color:var(--hl-pa-electric);
  box-shadow:var(--hl-pa-shadow-hover);
}
.hl-pa-cat-trust-icon{font-size:16px;line-height:1;display:inline-block;margin-bottom:5px}
.hl-pa-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-pa-navy)}
.hl-pa-cat-trust-card p{font-size:11px;color:var(--hl-pa-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 14. DELIVERY                                                */
/* ============================================================ */
.hl-pa-cat-delivery{margin-bottom:0}
.hl-pa-cat-delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  background:var(--hl-pa-aluminium);
  border:1px solid var(--hl-pa-line);
  border-radius:10px;
  padding:13px;
}
.hl-pa-cat-delivery-card{
  background:#fff;
  border:1px solid var(--hl-pa-line-soft);
  border-radius:7px;
  padding:11px 13px;
  box-shadow:var(--hl-pa-shadow-soft);
  transition:transform .12s, box-shadow .2s, border-color .2s;
}
.hl-pa-cat-delivery-card:hover{
  transform:translateY(-1px);
  border-color:var(--hl-pa-electric);
  box-shadow:var(--hl-pa-shadow-hover);
}
.hl-pa-cat-delivery-icon{display:inline-block;font-size:16px;line-height:1;margin-bottom:5px}
.hl-pa-cat-delivery-card h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-pa-navy)}
.hl-pa-cat-delivery-card p{font-size:11.5px;color:var(--hl-pa-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 15. RELATED                                                 */
/* ============================================================ */
.hl-pa-cat-related{margin-bottom:0}
.hl-pa-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.hl-pa-cat-related-card{
  display:block;
  background:#fff;
  border:1px solid var(--hl-pa-line-soft);
  border-radius:6px;
  padding:10px 6px;
  text-align:center;
  font-size:11.5px;font-weight:700;
  color:var(--hl-pa-navy);
  box-shadow:var(--hl-pa-shadow-soft);
  transition:transform .12s, background .2s, border-color .2s, box-shadow .2s;
  text-decoration:none;
}
.hl-pa-cat-related-card:hover{
  background:var(--hl-pa-sky);
  border-color:var(--hl-pa-electric);
  transform:translateY(-1px);
  box-shadow:var(--hl-pa-shadow-hover);
}

/* ============================================================ */
/* 16. FAQ                                                     */
/* ============================================================ */
.hl-pa-cat-faq{margin-bottom:0}
.hl-pa-cat-faq-list{display:flex;flex-direction:column;gap:6px}
.hl-pa-cat-faq-item{
  background:#fff;
  border:1px solid var(--hl-pa-line-soft);
  border-left:3px solid var(--hl-pa-electric);
  border-radius:6px;
  padding:0;overflow:hidden;
  box-shadow:var(--hl-pa-shadow-soft);
}
.hl-pa-cat-faq-item[open]{
  border-color:var(--hl-pa-electric);
  box-shadow:0 4px 14px rgba(43,125,233,0.12);
}
.hl-pa-cat-faq-item summary{
  cursor:pointer;
  font-size:12px;font-weight:700;
  color:var(--hl-pa-navy);
  padding:10px 14px;
  list-style:none;
  position:relative;
  padding-right:38px;
  user-select:none;
}
.hl-pa-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-pa-cat-faq-item summary::after{
  content:"+";
  position:absolute;right:10px;top:50%;
  transform:translateY(-50%);
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;line-height:1;
  color:#fff;
  background:linear-gradient(180deg, var(--hl-pa-electric) 0%, var(--hl-pa-electric-deep) 100%);
  border-radius:4px;
}
.hl-pa-cat-faq-item[open] summary::after{
  content:"−";
  background:var(--hl-pa-amber-text);
}
.hl-pa-cat-faq-item p{
  font-size:11.5px;color:var(--hl-pa-slate);
  margin:0;
  padding:0 14px 12px;
  line-height:1.5;
}
.hl-pa-cat-faq-item p a{text-decoration:underline}

/* ============================================================ */
/* 17. FINAL CTA                                               */
/* ============================================================ */
.hl-pa-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-pa-navy-3);
  border-radius:12px;
  padding:24px 22px 22px;
  margin-bottom:0;
  background:linear-gradient(135deg, var(--hl-pa-navy-3) 0%, var(--hl-pa-navy) 50%, var(--hl-pa-electric-deep) 100%);
  color:#fff;
  box-shadow:var(--hl-pa-shadow-navy);
}
.hl-pa-cat-finalcta-bg{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 8% 88%, rgba(244,183,64,0.20) 0%, rgba(244,183,64,0) 55%);
}
.hl-pa-cat .hl-pa-cat-finalcta h2,
.hl-pa-cat .hl-pa-cat-finalcta h3,
.hl-pa-cat .hl-pa-cat-finalcta h4{color:#fff}
.hl-pa-cat .hl-pa-cat-finalcta p{color:rgba(255,255,255,0.94)}
.hl-pa-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.hl-pa-cat-finalcta-h{font-size:20px;margin:4px 0 6px}
.hl-pa-cat-finalcta-sub{font-size:13px;margin:0 auto 14px;max-width:540px}
.hl-pa-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                  */
/* ============================================================ */
@media (max-width:1024px){
  .hl-pa-cat-hero-grid{grid-template-columns:1fr}
  .hl-pa-cat-track-grid{grid-template-columns:1fr}
  .hl-pa-cat-matrix-head,
  .hl-pa-cat-matrix-row{grid-template-columns:1.4fr 1.1fr 1.3fr 1.3fr}
  .hl-pa-cat-versus-grid{grid-template-columns:1fr}
  .hl-pa-cat-selector-grid,
  .hl-pa-cat-chooseby-grid,
  .hl-pa-cat-trust-grid,
  .hl-pa-cat-related-grid{grid-template-columns:repeat(3,1fr)}
  .hl-pa-cat-cost-grid{grid-template-columns:repeat(3,1fr)}
  .hl-pa-cat-usecase-grid,
  .hl-pa-cat-delivery-grid{grid-template-columns:repeat(2,1fr)}
  .hl-pa-cat-checklist-list{grid-template-columns:repeat(2,1fr)}
  .hl-pa-cat-hero-h{font-size:20px}
}
@media (max-width:720px){
  .hl-pa-cat{padding:12px 10px;margin:14px auto;border-radius:12px}
  .hl-pa-cat-section-h{font-size:16px}
  .hl-pa-cat-hero{padding:18px 16px}
  .hl-pa-cat-hero-h{font-size:18px}
  .hl-pa-cat-hero-mini-list li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-pa-cat-hero-mini-a{text-align:left}
  .hl-pa-cat-matrix-head{display:none}
  .hl-pa-cat-matrix-row{grid-template-columns:1fr;gap:0;padding:8px 10px}
  .hl-pa-cat-matrix-cell{
    border-right:0;
    border-bottom:1px dashed var(--hl-pa-line-soft);
    padding:6px 0;
  }
  .hl-pa-cat-matrix-cell:last-child{border-bottom:0}
  .hl-pa-cat-matrix-cell-row{font-size:13px}
  .hl-pa-cat-versus-specs li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-pa-cat-spec-v{text-align:left}
  .hl-pa-cat-selector-grid,
  .hl-pa-cat-chooseby-grid,
  .hl-pa-cat-cost-grid,
  .hl-pa-cat-usecase-grid,
  .hl-pa-cat-trust-grid,
  .hl-pa-cat-delivery-grid,
  .hl-pa-cat-related-grid,
  .hl-pa-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-pa-cat-hero-ctas,
  .hl-pa-cat-finalcta-ctas{flex-direction:column}
  .hl-pa-cat-btn{width:100%;text-align:center}
  .hl-pa-cat-finalcta{padding:20px 16px}
  .hl-pa-cat-rule{margin:14px 0}
}

/* END HIRELOAD POWERED ACCESS — Scoped CSS (v2)                 */

/* === HIRELOAD POWERED ACCESS CAT CSS — END 2026-05-05 === */

/* === HIRELOAD DRONE COMMERCIAL CLEANING CAT CSS — START 2026-05-05 === */
/* ============================================================ */
/* HIRELOAD DRONE COMMERCIAL CLEANING — Scoped Additional CSS (v2) */
/* All rules namespaced under .hl-drone-clean-cat                  */
/* ============================================================ */

/* --- 0. TOKENS --- */
.hl-drone-clean-cat{
  --hl-dc-warm-white:#fffefb;
  --hl-dc-aerial:#eaf7ff;
  --hl-dc-aerial-deep:#cfe5ff;
  --hl-dc-cyan:#dff7f5;
  --hl-dc-cyan-deep:#bce9e3;
  --hl-dc-silver:#e8edf2;
  --hl-dc-silver-2:#f4f6f9;
  --hl-dc-line:#dbe2ea;
  --hl-dc-line-soft:#e8edf2;
  --hl-dc-graphite:#273447;
  --hl-dc-navy:#0c2547;
  --hl-dc-navy-2:#143062;
  --hl-dc-navy-3:#091a36;
  --hl-dc-electric:#2b7de9;
  --hl-dc-electric-deep:#1d5cb3;
  --hl-dc-amber:#f4b740;
  --hl-dc-amber-soft:#ffd986;
  --hl-dc-amber-text:#a3520e;
  --hl-dc-slate:#3a4a60;
  --hl-dc-slate-light:#647691;
  --hl-dc-good:#1f7a4a;
  --hl-dc-good-bg:#e6f3eb;
  --hl-dc-warn:#a3520e;
  --hl-dc-warn-bg:#fbe9d8;
  --hl-dc-shadow-soft:0 1px 2px rgba(12,37,71,0.04);
  --hl-dc-shadow-card:0 2px 8px rgba(12,37,71,0.07);
  --hl-dc-shadow-hover:0 6px 18px rgba(43,125,233,0.15);
  --hl-dc-shadow-navy:0 8px 24px rgba(12,37,71,0.20);

  position:relative;
  max-width:1100px;
  margin:18px auto;
  padding:14px 14px 6px;
  background:var(--hl-dc-warm-white);
  border:1px solid var(--hl-dc-line);
  border-radius:14px;
  box-shadow:0 2px 14px rgba(12,37,71,0.06);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--hl-dc-slate);
  line-height:1.5;
}

/* Aerial mist + subtle contour */
.hl-drone-clean-cat::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 80% 8%, rgba(43,125,233,0.06) 0%, rgba(43,125,233,0) 60%),
    radial-gradient(circle at 12% 92%, rgba(0,180,170,0.05) 0%, rgba(0,180,170,0) 55%);
  pointer-events:none;border-radius:14px;
}
.hl-drone-clean-cat > * { position:relative; }

/* --- Headings, links, buttons base --- */
.hl-drone-clean-cat h2,
.hl-drone-clean-cat h3,
.hl-drone-clean-cat h4{font-family:inherit;color:var(--hl-dc-navy);letter-spacing:-0.01em;line-height:1.25;margin:0;font-weight:700}
.hl-drone-clean-cat .hl-drone-clean-cat-section-h{
  font-size:17px;margin:0 0 10px;
  display:flex;align-items:center;gap:10px;
}
.hl-drone-clean-cat .hl-drone-clean-cat-section-h::before{
  content:"";width:3px;height:18px;
  background:linear-gradient(180deg, var(--hl-dc-electric), var(--hl-dc-cyan-deep));
  border-radius:2px;
  display:inline-block;
}
.hl-drone-clean-cat a{color:var(--hl-dc-navy)}
.hl-drone-clean-cat a:hover{color:var(--hl-dc-electric)}
.hl-drone-clean-cat p{margin:0 0 8px}

.hl-drone-clean-cat-rule{
  border:0;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, var(--hl-dc-line) 50%, transparent 100%);
  margin:18px 0;
}

.hl-drone-clean-cat-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 18px;
  font-size:13px;font-weight:700;letter-spacing:0.02em;
  border-radius:6px;
  text-decoration:none;
  transition:transform .12s, box-shadow .2s, background .2s, color .2s, border-color .2s;
  white-space:nowrap;
  border:1px solid transparent;
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-primary{
  background:linear-gradient(180deg, var(--hl-dc-electric) 0%, var(--hl-dc-electric-deep) 100%);
  color:#ffffff !important;
  box-shadow:0 4px 14px rgba(43,125,233,0.40), 0 0 0 1px rgba(255,255,255,0.10) inset;
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(43,125,233,0.50), 0 0 0 1px rgba(255,255,255,0.14) inset;
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-ghost{
  background:#fff;
  color:var(--hl-dc-navy) !important;
  border:1px solid var(--hl-dc-line);
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-ghost:hover{
  border-color:var(--hl-dc-electric);
  background:var(--hl-dc-aerial);
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-onnavy{
  background:rgba(255,255,255,0.08);
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.45);
  backdrop-filter:blur(4px);
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-onnavy:hover{
  background:rgba(255,255,255,0.16);
  border-color:#fff;
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-ghost-light{
  background:rgba(255,255,255,0.06);
  color:var(--hl-dc-aerial-deep) !important;
  border:1px solid rgba(190,230,255,0.45);
}
.hl-drone-clean-cat .hl-drone-clean-cat-btn-ghost-light:hover{
  background:rgba(190,230,255,0.14);
  border-color:#fff;
}

/* ============================================================ */
/* 1. HERO — premium glassmorphism + aerial mist + flight arc   */
/* ============================================================ */
.hl-drone-clean-cat-hero{
  position:relative;
  background:
    linear-gradient(135deg, var(--hl-dc-navy-3) 0%, var(--hl-dc-navy) 50%, var(--hl-dc-electric-deep) 100%);
  border-radius:14px;
  padding:26px 24px 24px;
  color:#fff;
  margin-bottom:0;
  overflow:hidden;
  box-shadow:var(--hl-dc-shadow-navy);
  isolation:isolate;
}
.hl-drone-clean-cat-hero-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 88% 12%, rgba(190,230,255,0.22) 0%, rgba(190,230,255,0) 55%),
    radial-gradient(circle at 8% 92%, rgba(43,125,233,0.32) 0%, rgba(43,125,233,0) 60%),
    radial-gradient(circle at 50% 50%, rgba(190,230,255,0.06) 0%, rgba(190,230,255,0) 70%);
}
/* Subtle flight-path arc */
.hl-drone-clean-cat-hero-arc{
  position:absolute;left:-15%;right:-15%;top:38%;height:110%;
  pointer-events:none;
  border-top:1px solid rgba(190,230,255,0.18);
  border-radius:50% 50% 0 0 / 18% 18% 0 0;
  transform:rotate(-2deg);
  filter:blur(0.5px);
}
.hl-drone-clean-cat-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg, var(--hl-dc-electric) 0%, var(--hl-dc-cyan-deep) 60%, var(--hl-dc-aerial) 100%);
}
.hl-drone-clean-cat-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:22px;
  align-items:start;
}

.hl-drone-clean-cat-hero-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(190,230,255,0.35);
  border-radius:999px;
  padding:5px 12px;
  font-size:11px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;
  color:var(--hl-dc-aerial-deep);
  margin-bottom:10px;
  backdrop-filter:blur(4px);
}
.hl-drone-clean-cat .hl-drone-clean-cat-hero-h{
  color:#ffffff;
  font-size:25px;
  margin:2px 0 8px;
  line-height:1.2;
  letter-spacing:-0.015em;
}
.hl-drone-clean-cat-hero-sub{
  color:rgba(255,255,255,0.92);
  font-size:13.5px;
  margin:0 0 12px;
  line-height:1.55;
}
.hl-drone-clean-cat-hero-meta{
  display:flex;flex-wrap:wrap;gap:6px;
  margin:0 0 14px;
}
.hl-drone-clean-cat-hero-meta-item{
  font-size:10.5px;font-weight:700;letter-spacing:0.06em;
  color:#fff;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(190,230,255,0.25);
  border-radius:5px;
  padding:4px 8px;
  backdrop-filter:blur(3px);
}
.hl-drone-clean-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap}

/* Glassmorphism Quick Start panel */
.hl-drone-clean-cat-hero-mini{
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(190,230,255,0.32);
  border-radius:12px;
  padding:14px 14px 12px;
  box-shadow:0 8px 24px rgba(12,37,71,0.18), 0 0 0 1px rgba(255,255,255,0.04) inset;
}
.hl-drone-clean-cat-hero-mini-tag{
  font-size:10.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-dc-aerial-deep);
  margin-bottom:8px;
  display:inline-flex;align-items:center;gap:5px;
}
.hl-drone-clean-cat-hero-mini-list{
  list-style:none;margin:0;padding:0;
}
.hl-drone-clean-cat-hero-mini-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:10px;
  align-items:center;
  font-size:12.5px;
  color:rgba(255,255,255,0.94);
  padding:7px 0;
  border-bottom:1px dashed rgba(255,255,255,0.18);
  white-space:normal;
  line-height:1.4;
}
.hl-drone-clean-cat-hero-mini-list li:last-child{border-bottom:0}
.hl-drone-clean-cat-hero-mini-q{
  display:inline-flex;align-items:center;gap:7px;
  min-width:0;
}
.hl-drone-clean-cat-hero-mini-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  border-radius:6px;
  background:rgba(190,230,255,0.16);
  border:1px solid rgba(190,230,255,0.30);
  font-size:13px;
  flex-shrink:0;
}
.hl-drone-clean-cat-hero-mini-a{
  color:var(--hl-dc-aerial-deep);
  font-weight:700;
  text-align:right;
}

/* ============================================================ */
/* 2. SAFETY-FIRST STRIP                                       */
/* ============================================================ */
.hl-drone-clean-cat-safety{margin-bottom:0}
.hl-drone-clean-cat-safety-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-dc-navy) 0%, var(--hl-dc-graphite) 100%);
  border:1px solid rgba(190,230,255,0.30);
  border-left:3px solid var(--hl-dc-electric);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:var(--hl-dc-shadow-navy);
  overflow:hidden;
}
.hl-drone-clean-cat-safety-card::after{
  content:"";position:absolute;
  width:160px;height:160px;border-radius:50%;
  right:-60px;top:-60px;
  background:radial-gradient(circle, rgba(43,125,233,0.28) 0%, rgba(43,125,233,0) 70%);
  pointer-events:none;filter:blur(10px);
}
.hl-drone-clean-cat-safety-tag{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-dc-aerial-deep);
  margin-bottom:5px;
  position:relative;z-index:1;
}
.hl-drone-clean-cat .hl-drone-clean-cat-safety-card .hl-drone-clean-cat-safety-p{
  font-size:13px;
  color:#ffffff !important;
  margin:0;
  line-height:1.55;
  position:relative;z-index:1;
}
.hl-drone-clean-cat .hl-drone-clean-cat-safety-card .hl-drone-clean-cat-safety-p strong{
  color:var(--hl-dc-aerial-deep) !important;
  font-weight:700;
}

/* ============================================================ */
/* 3. TRACK CARDS — premium service tiles with icon header     */
/* ============================================================ */
.hl-drone-clean-cat-tracks{margin-bottom:0}
.hl-drone-clean-cat-track-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.hl-drone-clean-cat-track{
  display:block;
  position:relative;
  background:linear-gradient(180deg, #ffffff 0%, var(--hl-dc-silver-2) 100%);
  border:1px solid var(--hl-dc-line);
  border-radius:12px;
  padding:32px 14px 12px;
  box-shadow:var(--hl-dc-shadow-card);
  transition:transform .15s, box-shadow .25s, border-color .2s;
  overflow:hidden;
  text-decoration:none;
}
.hl-drone-clean-cat-track::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg, var(--hl-dc-electric) 0%, var(--hl-dc-cyan-deep) 60%, var(--hl-dc-aerial) 100%);
}
.hl-drone-clean-cat-track:hover{
  transform:translateY(-3px);
  border-color:var(--hl-dc-electric);
  box-shadow:var(--hl-dc-shadow-hover);
}
.hl-drone-clean-cat-track-ico{
  position:absolute;top:8px;right:10px;
  width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-aerial-deep);
  border-radius:8px;
  font-size:18px;
  box-shadow:0 2px 6px rgba(43,125,233,0.18);
}
.hl-drone-clean-cat-track-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--hl-dc-aerial);
  color:var(--hl-dc-electric-deep);
  border:1px solid var(--hl-dc-aerial-deep);
  border-radius:4px;
  padding:2px 7px;
  margin-bottom:8px;
}
.hl-drone-clean-cat-track-h{font-size:13.5px;line-height:1.3;margin:0 0 5px;color:var(--hl-dc-navy)}
.hl-drone-clean-cat-track-p{font-size:11.5px;color:var(--hl-dc-slate);margin:0 0 10px;line-height:1.45}
.hl-drone-clean-cat-track-meta{
  font-size:11px;font-weight:700;
  color:var(--hl-dc-electric-deep);
  display:inline-flex;align-items:center;gap:4px;
  border-top:1px solid var(--hl-dc-line-soft);
  padding-top:7px;width:100%;
}
.hl-drone-clean-cat-track-guide{
  background:linear-gradient(180deg,#ffffff 0%, var(--hl-dc-cyan) 100%);
  border-style:dashed;
  border-color:var(--hl-dc-electric);
}
.hl-drone-clean-cat-track-meta-link{color:var(--hl-dc-amber-text)}

/* ============================================================ */
/* 4. INTRO                                                    */
/* ============================================================ */
.hl-drone-clean-cat-intro{
  background:var(--hl-dc-warm-white);
  border:1px solid var(--hl-dc-line-soft);
  border-left:3px solid var(--hl-dc-electric);
  border-radius:8px;
  padding:14px 18px;
}
.hl-drone-clean-cat-intro p{font-size:12.5px;margin:0 0 6px;color:var(--hl-dc-slate)}
.hl-drone-clean-cat-intro p:last-child{margin:0}
.hl-drone-clean-cat-intro a{text-decoration:underline}

/* ============================================================ */
/* 5. QUICK ANSWER                                             */
/* ============================================================ */
.hl-drone-clean-cat-quick{margin-bottom:0}
.hl-drone-clean-cat-quick-card{
  position:relative;
  background:linear-gradient(135deg, var(--hl-dc-silver-2) 0%, var(--hl-dc-aerial) 60%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-line);
  border-left:3px solid var(--hl-dc-electric);
  border-radius:8px;
  padding:14px 18px;
  box-shadow:var(--hl-dc-shadow-soft);
}
.hl-drone-clean-cat-quick-card .hl-drone-clean-cat-quick-tag{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-dc-electric-deep);
  margin-bottom:5px;
}
.hl-drone-clean-cat-quick-card .hl-drone-clean-cat-quick-p{
  font-size:13px;
  color:var(--hl-dc-slate);
  margin:0;
  line-height:1.55;
}
.hl-drone-clean-cat-quick-card .hl-drone-clean-cat-quick-p strong{
  color:var(--hl-dc-navy);
  font-weight:700;
}

/* ============================================================ */
/* 6. WHY FACILITIES TEAMS — premium attention strip           */
/* ============================================================ */
.hl-drone-clean-cat-why{margin-bottom:0}
.hl-drone-clean-cat-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hl-drone-clean-cat-why-card{
  position:relative;
  background:linear-gradient(180deg, #ffffff 0%, var(--hl-dc-silver-2) 100%);
  border:1px solid var(--hl-dc-line);
  border-radius:10px;
  padding:14px 14px 12px;
  box-shadow:var(--hl-dc-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
  overflow:hidden;
}
.hl-drone-clean-cat-why-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg, var(--hl-dc-electric) 0%, var(--hl-dc-cyan-deep) 100%);
}
.hl-drone-clean-cat-why-card:hover{
  transform:translateY(-2px);
  border-color:var(--hl-dc-electric);
  box-shadow:var(--hl-dc-shadow-hover);
}
.hl-drone-clean-cat-why-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;
  background:linear-gradient(180deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-aerial-deep);
  border-radius:9px;
  font-size:18px;
  margin-bottom:8px;
  box-shadow:0 2px 6px rgba(43,125,233,0.15);
}
.hl-drone-clean-cat-why-card h4{font-size:13px;margin:0 0 4px;color:var(--hl-dc-navy)}
.hl-drone-clean-cat-why-card p{font-size:11.5px;color:var(--hl-dc-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 7. MATRIX                                                   */
/* ============================================================ */
.hl-drone-clean-cat-matrix{margin-bottom:0}
.hl-drone-clean-cat-matrix-card{
  background:#fff;
  border:1px solid var(--hl-dc-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-dc-shadow-card);
}
.hl-drone-clean-cat-matrix-head{
  display:grid;
  grid-template-columns:1.4fr 1.5fr 1.5fr 1.5fr;
  background:linear-gradient(90deg, var(--hl-dc-navy) 0%, var(--hl-dc-graphite) 100%);
  color:#fff;
}
.hl-drone-clean-cat-matrix-h-cell{
  padding:9px 12px;
  font-size:10.5px;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--hl-dc-aerial-deep);
  border-right:1px solid rgba(190,230,255,0.25);
}
.hl-drone-clean-cat-matrix-h-cell:last-child{border-right:0}

.hl-drone-clean-cat-matrix-row{
  display:grid;
  grid-template-columns:1.4fr 1.5fr 1.5fr 1.5fr;
  border-top:1px solid var(--hl-dc-line-soft);
  transition:background .15s;
}
.hl-drone-clean-cat-matrix-row:nth-child(even){background:var(--hl-dc-silver-2)}
.hl-drone-clean-cat-matrix-row:hover{background:var(--hl-dc-aerial)}
.hl-drone-clean-cat-matrix-cell{
  padding:10px 12px;
  font-size:11.5px;
  color:var(--hl-dc-slate);
  border-right:1px solid var(--hl-dc-line-soft);
  display:flex;align-items:flex-start;gap:8px;line-height:1.45;
  min-width:0;
}
.hl-drone-clean-cat-matrix-cell:last-child{border-right:0}
.hl-drone-clean-cat-matrix-cell-row{font-size:12px;color:var(--hl-dc-navy)}
.hl-drone-clean-cat-matrix-cell-row strong{color:var(--hl-dc-navy);min-width:0}
.hl-drone-clean-cat-matrix-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;
  background:linear-gradient(180deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-aerial-deep);
  border-radius:6px;
  font-size:13px;line-height:1;
  flex-shrink:0;margin-top:0;
}

.hl-drone-clean-cat-chip{
  display:inline-flex;align-items:center;gap:4px;
  font-size:10.5px;font-weight:700;
  padding:4px 9px;border-radius:5px;
  letter-spacing:0.02em;
  white-space:normal;
  line-height:1.35;
  max-width:100%;
}
.hl-drone-clean-cat-chip-good{
  background:linear-gradient(180deg, var(--hl-dc-good-bg) 0%, #d8ecdf 100%);
  color:var(--hl-dc-good);
  border:1px solid rgba(31,122,74,0.30);
  box-shadow:0 1px 3px rgba(31,122,74,0.10);
}
.hl-drone-clean-cat-chip-warn{
  background:linear-gradient(180deg, var(--hl-dc-warn-bg) 0%, #f5d8b8 100%);
  color:var(--hl-dc-warn);
  border:1px solid rgba(163,82,14,0.35);
  box-shadow:0 1px 3px rgba(163,82,14,0.10);
}

/* ============================================================ */
/* 8. VERSUS                                                   */
/* ============================================================ */
.hl-drone-clean-cat-versus{margin-bottom:0}
.hl-drone-clean-cat-versus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.hl-drone-clean-cat-versus-panel{
  background:#fff;
  border:1px solid var(--hl-dc-line);
  border-radius:10px;
  overflow:hidden;
  box-shadow:var(--hl-dc-shadow-card);
  display:flex;flex-direction:column;
}
.hl-drone-clean-cat-versus-panel-feat{
  border-color:var(--hl-dc-electric);
  box-shadow:0 0 0 1px rgba(43,125,233,0.22), 0 6px 18px rgba(12,37,71,0.10);
}
.hl-drone-clean-cat-versus-head{
  background:linear-gradient(135deg, var(--hl-dc-navy) 0%, var(--hl-dc-graphite) 100%);
  color:#fff;
  padding:14px 16px 12px;
  border-bottom:2px solid var(--hl-dc-electric);
}
.hl-drone-clean-cat .hl-drone-clean-cat-versus-head h4{color:#fff}
.hl-drone-clean-cat .hl-drone-clean-cat-versus-head a{color:var(--hl-dc-aerial-deep) !important}
.hl-drone-clean-cat-versus-eyebrow{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--hl-dc-aerial-deep);
  margin-bottom:4px;
}
.hl-drone-clean-cat-versus-h{
  font-size:14px;
  margin:0 0 4px;
  line-height:1.25;
}
.hl-drone-clean-cat-versus-link{
  display:inline-block;
  font-size:11px;font-weight:600;
  text-decoration:underline;
}
.hl-drone-clean-cat-versus-specs{
  list-style:none;margin:0;padding:8px 16px;
  border-bottom:1px solid var(--hl-dc-line-soft);
}
.hl-drone-clean-cat-versus-specs li{
  display:grid;
  grid-template-columns:minmax(90px, .8fr) minmax(0, 1.2fr);
  column-gap:10px;
  align-items:start;
  font-size:11.5px;
  padding:5px 0;
  border-bottom:1px dashed var(--hl-dc-line-soft);
  margin:0;
  line-height:1.4;
}
.hl-drone-clean-cat-versus-specs li:last-child{border-bottom:0}
.hl-drone-clean-cat-spec-k{color:var(--hl-dc-slate-light);font-weight:600;min-width:0}
.hl-drone-clean-cat-spec-v{color:var(--hl-dc-navy);font-weight:700;text-align:right;min-width:0}

.hl-drone-clean-cat-versus-list-good,
.hl-drone-clean-cat-versus-list-bad{
  padding:10px 16px 8px;
  border-top:1px solid var(--hl-dc-line-soft);
}
.hl-drone-clean-cat-versus-list-good{background:rgba(230,243,235,0.4)}
.hl-drone-clean-cat-versus-list-bad{background:rgba(251,233,216,0.4);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.hl-drone-clean-cat-versus-tag-good,
.hl-drone-clean-cat-versus-tag-bad{
  display:inline-block;
  font-size:10.5px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;
  padding:2px 7px;border-radius:4px;
  margin-bottom:5px;
}
.hl-drone-clean-cat-versus-tag-good{
  background:var(--hl-dc-good-bg);
  color:var(--hl-dc-good);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-drone-clean-cat-versus-tag-bad{
  background:var(--hl-dc-warn-bg);
  color:var(--hl-dc-warn);
  border:1px solid rgba(163,82,14,0.30);
}
.hl-drone-clean-cat-versus-list-good ul,
.hl-drone-clean-cat-versus-list-bad ul{margin:0 0 0 18px;padding:0}
.hl-drone-clean-cat-versus-list-good li,
.hl-drone-clean-cat-versus-list-bad li{font-size:11.5px;color:var(--hl-dc-slate);margin:0 0 2px;line-height:1.45}
.hl-drone-clean-cat-versus-note{
  margin:12px 0 0;
  padding:10px 14px;
  background:var(--hl-dc-silver-2);
  border:1px solid var(--hl-dc-line-soft);
  border-left:3px solid var(--hl-dc-electric);
  border-radius:6px;
  font-size:12px;color:var(--hl-dc-slate);line-height:1.5;
}

/* ============================================================ */
/* 9. CHOOSE BY BUILDING TYPE                                  */
/* ============================================================ */
.hl-drone-clean-cat-buildings{margin-bottom:0}
.hl-drone-clean-cat-buildings-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-drone-clean-cat-bld{
  background:#fff;
  border:1px solid var(--hl-dc-line);
  border-radius:10px;
  padding:12px 12px 10px;
  box-shadow:var(--hl-dc-shadow-card);
  position:relative;overflow:hidden;
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-clean-cat-bld::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg, var(--hl-dc-electric) 0%, var(--hl-dc-cyan-deep) 100%);
}
.hl-drone-clean-cat-bld:hover{
  transform:translateY(-2px);
  border-color:var(--hl-dc-electric);
  box-shadow:var(--hl-dc-shadow-hover);
}
.hl-drone-clean-cat-bld-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;
  border-radius:7px;
  background:linear-gradient(180deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-aerial-deep);
  font-size:15px;
  margin-bottom:6px;
}
.hl-drone-clean-cat-bld h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-dc-navy)}
.hl-drone-clean-cat-bld p{font-size:11px;color:var(--hl-dc-slate);margin:0;line-height:1.4}

/* ============================================================ */
/* 10. COST                                                    */
/* ============================================================ */
.hl-drone-clean-cat-cost{margin-bottom:0}
.hl-drone-clean-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.hl-drone-clean-cat-cost-card{
  background:#fff;
  border:1px solid var(--hl-dc-line);
  border-top:3px solid var(--hl-dc-electric);
  border-radius:8px;
  padding:11px 12px;
  box-shadow:var(--hl-dc-shadow-card);
  transition:transform .15s, box-shadow .2s;
}
.hl-drone-clean-cat-cost-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--hl-dc-shadow-hover);
}
.hl-drone-clean-cat-cost-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-dc-navy);display:flex;align-items:center;gap:5px}
.hl-drone-clean-cat-cost-card p{font-size:11px;color:var(--hl-dc-slate);margin:0;line-height:1.4}
.hl-drone-clean-cat-cost-foot{
  margin-top:10px;
  background:linear-gradient(180deg,var(--hl-dc-silver-2),#fff);
  border:1px solid var(--hl-dc-line-soft);
  border-left:3px solid var(--hl-dc-electric);
  border-radius:6px;
  padding:10px 13px;
  font-size:11.5px;
  color:var(--hl-dc-slate);
}
.hl-drone-clean-cat-cost-foot a{color:var(--hl-dc-navy);text-decoration:underline}

/* ============================================================ */
/* 11. CHECKLIST                                               */
/* ============================================================ */
.hl-drone-clean-cat-checklist{margin-bottom:0}
.hl-drone-clean-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px 10px;
  counter-reset:hldccl;
}
.hl-drone-clean-cat-checklist-list li{
  counter-increment:hldccl;
  font-size:11.5px;
  color:var(--hl-dc-slate);
  background:#fff;
  border:1px solid var(--hl-dc-line);
  padding:8px 10px 8px 38px;
  border-radius:6px;
  position:relative;
  box-shadow:var(--hl-dc-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-drone-clean-cat-checklist-list li:hover{
  border-color:var(--hl-dc-electric);
  box-shadow:0 3px 10px rgba(43,125,233,0.10);
}
.hl-drone-clean-cat-checklist-list li::before{
  content:counter(hldccl,decimal-leading-zero);
  position:absolute;left:6px;top:6px;
  width:24px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:#fff;
  background:linear-gradient(180deg, var(--hl-dc-electric) 0%, var(--hl-dc-electric-deep) 100%);
  border-radius:4px;
}

/* ============================================================ */
/* 12. SECTORS                                                 */
/* ============================================================ */
.hl-drone-clean-cat-sectors{margin-bottom:0}
.hl-drone-clean-cat-sectors-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-drone-clean-cat-sector{
  background:#fff;
  border:1px solid var(--hl-dc-line);
  border-radius:8px;
  padding:11px 12px;
  text-align:left;
  box-shadow:var(--hl-dc-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-clean-cat-sector:hover{
  transform:translateY(-2px);
  border-color:var(--hl-dc-electric);
  box-shadow:var(--hl-dc-shadow-hover);
}
.hl-drone-clean-cat-sector-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;
  border-radius:7px;
  background:linear-gradient(180deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-aerial-deep);
  font-size:14px;
  margin-bottom:5px;
}
.hl-drone-clean-cat-sector h4{font-size:12px;margin:0 0 4px;color:var(--hl-dc-navy)}
.hl-drone-clean-cat-sector p{font-size:11px;color:var(--hl-dc-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 13. TRUST                                                   */
/* ============================================================ */
.hl-drone-clean-cat-trust{margin-bottom:0}
.hl-drone-clean-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.hl-drone-clean-cat-trust-card{
  background:#fff;
  border:1px solid var(--hl-dc-line);
  border-radius:8px;
  padding:11px 12px;
  text-align:left;
  box-shadow:var(--hl-dc-shadow-card);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-clean-cat-trust-card:hover{
  transform:translateY(-2px);
  border-color:var(--hl-dc-electric);
  box-shadow:var(--hl-dc-shadow-hover);
}
.hl-drone-clean-cat-trust-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;
  border-radius:7px;
  background:linear-gradient(180deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-aerial-deep);
  font-size:14px;
  margin-bottom:5px;
}
.hl-drone-clean-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-dc-navy)}
.hl-drone-clean-cat-trust-card p{font-size:11px;color:var(--hl-dc-slate);margin:0;line-height:1.45}

/* ============================================================ */
/* 14. CONTACT                                                 */
/* ============================================================ */
.hl-drone-clean-cat-contact{margin-bottom:0}
.hl-drone-clean-cat-contact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  background:linear-gradient(135deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-line);
  border-radius:10px;
  padding:13px;
}
.hl-drone-clean-cat-contact-card{
  background:#fff;
  border:1px solid var(--hl-dc-line-soft);
  border-radius:7px;
  padding:11px 13px;
  box-shadow:var(--hl-dc-shadow-soft);
  transition:transform .12s, box-shadow .2s, border-color .2s;
}
.hl-drone-clean-cat-contact-card:hover{
  transform:translateY(-1px);
  border-color:var(--hl-dc-electric);
  box-shadow:var(--hl-dc-shadow-hover);
}
.hl-drone-clean-cat-contact-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;
  border-radius:7px;
  background:linear-gradient(180deg, var(--hl-dc-aerial) 0%, var(--hl-dc-cyan) 100%);
  border:1px solid var(--hl-dc-aerial-deep);
  font-size:14px;
  margin-bottom:5px;
}
.hl-drone-clean-cat-contact-card h4{font-size:12.5px;margin:0 0 4px;color:var(--hl-dc-navy)}
.hl-drone-clean-cat-contact-card p{font-size:11.5px;color:var(--hl-dc-slate);margin:0;line-height:1.45}
.hl-drone-clean-cat-contact-card a{text-decoration:underline}

/* ============================================================ */
/* 15. RELATED                                                 */
/* ============================================================ */
.hl-drone-clean-cat-related{margin-bottom:0}
.hl-drone-clean-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.hl-drone-clean-cat-related-card{
  display:block;
  background:#fff;
  border:1px solid var(--hl-dc-line-soft);
  border-radius:6px;
  padding:10px 6px;
  text-align:center;
  font-size:11.5px;font-weight:700;
  color:var(--hl-dc-navy);
  box-shadow:var(--hl-dc-shadow-soft);
  transition:transform .12s, background .2s, border-color .2s, box-shadow .2s;
  text-decoration:none;
}
.hl-drone-clean-cat-related-card:hover{
  background:var(--hl-dc-aerial);
  border-color:var(--hl-dc-electric);
  transform:translateY(-1px);
  box-shadow:var(--hl-dc-shadow-hover);
}

/* ============================================================ */
/* 16. FAQ                                                     */
/* ============================================================ */
.hl-drone-clean-cat-faq{margin-bottom:0}
.hl-drone-clean-cat-faq-list{display:flex;flex-direction:column;gap:6px}
.hl-drone-clean-cat-faq-item{
  background:#fff;
  border:1px solid var(--hl-dc-line-soft);
  border-left:3px solid var(--hl-dc-electric);
  border-radius:6px;
  padding:0;overflow:hidden;
  box-shadow:var(--hl-dc-shadow-soft);
}
.hl-drone-clean-cat-faq-item[open]{
  border-color:var(--hl-dc-electric);
  box-shadow:0 4px 14px rgba(43,125,233,0.12);
}
.hl-drone-clean-cat-faq-item summary{
  cursor:pointer;
  font-size:12px;font-weight:700;
  color:var(--hl-dc-navy);
  padding:10px 14px;
  list-style:none;
  position:relative;
  padding-right:38px;
  user-select:none;
}
.hl-drone-clean-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-drone-clean-cat-faq-item summary::after{
  content:"+";
  position:absolute;right:10px;top:50%;
  transform:translateY(-50%);
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;line-height:1;
  color:#fff;
  background:linear-gradient(180deg, var(--hl-dc-electric) 0%, var(--hl-dc-electric-deep) 100%);
  border-radius:4px;
}
.hl-drone-clean-cat-faq-item[open] summary::after{
  content:"−";
  background:var(--hl-dc-graphite);
}
.hl-drone-clean-cat-faq-item p{
  font-size:11.5px;color:var(--hl-dc-slate);
  margin:0;
  padding:0 14px 12px;
  line-height:1.5;
}
.hl-drone-clean-cat-faq-item p a{text-decoration:underline}

/* ============================================================ */
/* 17. FINAL CTA — premium, stronger gradient + checklist       */
/* ============================================================ */
.hl-drone-clean-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-dc-navy-3);
  border-radius:14px;
  padding:30px 24px 26px;
  margin-bottom:0;
  background:
    linear-gradient(135deg, var(--hl-dc-navy-3) 0%, var(--hl-dc-navy) 45%, var(--hl-dc-electric-deep) 100%);
  color:#fff;
  box-shadow:var(--hl-dc-shadow-navy);
  isolation:isolate;
}
.hl-drone-clean-cat-finalcta-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 12% 88%, rgba(190,230,255,0.22) 0%, rgba(190,230,255,0) 55%),
    radial-gradient(circle at 90% 18%, rgba(43,125,233,0.30) 0%, rgba(43,125,233,0) 60%);
}
.hl-drone-clean-cat-finalcta-arc{
  position:absolute;left:-20%;right:-20%;bottom:-30%;height:160%;
  pointer-events:none;
  border-bottom:1px solid rgba(190,230,255,0.20);
  border-radius:0 0 50% 50% / 0 0 22% 22%;
  filter:blur(0.5px);
}
.hl-drone-clean-cat .hl-drone-clean-cat-finalcta h2,
.hl-drone-clean-cat .hl-drone-clean-cat-finalcta h3,
.hl-drone-clean-cat .hl-drone-clean-cat-finalcta h4{color:#fff}
.hl-drone-clean-cat .hl-drone-clean-cat-finalcta p{color:rgba(255,255,255,0.94)}
.hl-drone-clean-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}
.hl-drone-clean-cat-finalcta-eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-dc-aerial-deep);
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(190,230,255,0.30);
  border-radius:999px;
  padding:5px 12px;
  margin-bottom:8px;
  backdrop-filter:blur(3px);
}
.hl-drone-clean-cat-finalcta-h{font-size:22px;margin:6px 0 8px;letter-spacing:-0.015em}
.hl-drone-clean-cat-finalcta-sub{font-size:13.5px;margin:0 auto 14px;max-width:580px;line-height:1.55}
.hl-drone-clean-cat-finalcta-list{
  list-style:none;margin:0 auto 16px;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
  max-width:580px;
}
.hl-drone-clean-cat-finalcta-list li{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11.5px;font-weight:600;
  color:#fff;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(190,230,255,0.25);
  border-radius:999px;
  padding:5px 11px;
  backdrop-filter:blur(3px);
}
.hl-drone-clean-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                  */
/* ============================================================ */
@media (max-width:1024px){
  .hl-drone-clean-cat-hero-grid{grid-template-columns:1fr}
  .hl-drone-clean-cat-track-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-clean-cat-why-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-clean-cat-matrix-head,
  .hl-drone-clean-cat-matrix-row{grid-template-columns:1.4fr 1.3fr 1.3fr 1.3fr}
  .hl-drone-clean-cat-versus-grid{grid-template-columns:1fr}
  .hl-drone-clean-cat-buildings-grid,
  .hl-drone-clean-cat-sectors-grid,
  .hl-drone-clean-cat-trust-grid,
  .hl-drone-clean-cat-related-grid{grid-template-columns:repeat(3,1fr)}
  .hl-drone-clean-cat-cost-grid{grid-template-columns:repeat(3,1fr)}
  .hl-drone-clean-cat-contact-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-clean-cat-checklist-list{grid-template-columns:repeat(2,1fr)}
  .hl-drone-clean-cat-hero-h{font-size:20px}
}
@media (max-width:720px){
  .hl-drone-clean-cat{padding:12px 10px;margin:14px auto;border-radius:12px}
  .hl-drone-clean-cat-section-h{font-size:16px}
  .hl-drone-clean-cat-hero{padding:20px 16px}
  .hl-drone-clean-cat-hero-h{font-size:18px}
  .hl-drone-clean-cat-hero-mini-list li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-drone-clean-cat-hero-mini-a{text-align:left}
  .hl-drone-clean-cat-track-grid{grid-template-columns:1fr}
  .hl-drone-clean-cat-why-grid{grid-template-columns:1fr}
  .hl-drone-clean-cat-matrix-head{display:none}
  .hl-drone-clean-cat-matrix-row{grid-template-columns:1fr;gap:0;padding:8px 10px}
  .hl-drone-clean-cat-matrix-cell{
    border-right:0;
    border-bottom:1px dashed var(--hl-dc-line-soft);
    padding:6px 0;
  }
  .hl-drone-clean-cat-matrix-cell:last-child{border-bottom:0}
  .hl-drone-clean-cat-matrix-cell-row{font-size:13px}
  .hl-drone-clean-cat-versus-specs li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-drone-clean-cat-spec-v{text-align:left}
  .hl-drone-clean-cat-buildings-grid,
  .hl-drone-clean-cat-sectors-grid,
  .hl-drone-clean-cat-cost-grid,
  .hl-drone-clean-cat-contact-grid,
  .hl-drone-clean-cat-trust-grid,
  .hl-drone-clean-cat-related-grid,
  .hl-drone-clean-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-drone-clean-cat-hero-ctas,
  .hl-drone-clean-cat-finalcta-ctas{flex-direction:column}
  .hl-drone-clean-cat-btn{width:100%;text-align:center;justify-content:center}
  .hl-drone-clean-cat-finalcta{padding:24px 16px}
  .hl-drone-clean-cat-rule{margin:14px 0}
}

/* END HIRELOAD DRONE COMMERCIAL CLEANING — Scoped CSS (v2)        */

/* === HIRELOAD DRONE COMMERCIAL CLEANING CAT CSS — END 2026-05-05 === */


/* === HIRELOAD DRONE INSPECTIONS CAT CSS — START 2026-05-06 === */
/* ============================================================ */
/* HIRELOAD DRONE INSPECTIONS — Scoped Additional CSS (v9 wrap-white)*/
/* Identity: white + navy + aerial blue + silver + amber accent  */
/* Compact, clean, premium inspection/reporting feel             */
/* All rules namespaced under .hl-drone-inspect-cat               */
/* ============================================================ */

/* --- 0. TOKENS --- */
.hl-drone-inspect-cat{
  /* Surfaces */
  --hl-di-bg:#ffffff;
  --hl-di-surface:#ffffff;
  --hl-di-surface-soft:#f5edd6;
  --hl-di-surface-aerial:#f0e2c2;
  --hl-di-cream-accent:#ead8a8;
  --hl-di-cream-2-accent:#e0cf9e;
  --hl-di-cream-soft:#f5edd6;
  --hl-di-cream-mid:#ead8a8;
  --hl-di-cream-line:#d9c79c;

  /* Lines & borders */
  --hl-di-line:#e6dab9;
  --hl-di-line-soft:#ede4cb;

  /* Navy family */
  --hl-di-navy:#0e2a47;
  --hl-di-navy-2:#0a1f33;
  --hl-di-navy-3:#06182a;
  --hl-di-navy-soft:#1a3a5b;

  /* Aerial blue (small accent) */
  --hl-di-aerial:#c9a961;
  --hl-di-aerial-deep:#a78840;
  --hl-di-aerial-light:#ead8a8;

  /* Graphite / slate */
  --hl-di-graphite:#1f2a3a;
  --hl-di-slate:#475569;
  --hl-di-slate-light:#6b7785;

  /* Amber / gold accent (small only) */
  --hl-di-amber:#c9a961;
  --hl-di-amber-deep:#a78840;
  --hl-di-amber-soft:#e8d8b5;

  /* States */
  --hl-di-good:#1f7a4a;
  --hl-di-good-bg:#e7f1ea;
  --hl-di-warn:#a3520e;
  --hl-di-warn-bg:#f7ead4;

  /* Geometry */
  --hl-di-radius:10px;
  --hl-di-radius-sm:6px;
  --hl-di-radius-pill:999px;

  /* Shadows (subtle) */
  --hl-di-shadow-soft:0 1px 2px rgba(14,42,71,0.04);
  --hl-di-shadow:0 4px 12px rgba(14,42,71,0.06);
  --hl-di-shadow-strong:0 6px 18px rgba(14,42,71,0.10);

  position:relative;
  max-width:1100px;
  margin:14px auto;
  padding:12px 12px 4px;
  background:var(--hl-di-bg);
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  box-shadow:var(--hl-di-shadow-soft);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--hl-di-graphite);
  line-height:1.55;
  font-size:13px;
}

.hl-drone-inspect-cat > * { position:relative; }

/* --- Headings, links --- */
.hl-drone-inspect-cat h2,
.hl-drone-inspect-cat h3,
.hl-drone-inspect-cat h4{
  font-family:inherit;
  color:var(--hl-di-navy);
  letter-spacing:-0.01em;
  line-height:1.3;
  margin:0;
  font-weight:700;
}

.hl-drone-inspect-cat .hl-drone-inspect-cat-section-h{
  font-size:15.5px;
  margin:0 0 10px;
  display:flex;align-items:center;gap:10px;
  position:relative;
  padding-bottom:0;
  letter-spacing:-0.005em;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-section-h::before{
  content:"";
  width:24px;height:2px;
  background:var(--hl-di-aerial);
  border-radius:2px;
  display:inline-block;
  flex-shrink:0;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-section-h::after{display:none}

.hl-drone-inspect-cat a{
  color:var(--hl-di-navy);
  text-decoration:underline;
  text-decoration-color:rgba(43,125,233,0.4);
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.hl-drone-inspect-cat a:hover{color:var(--hl-di-aerial-deep);text-decoration-color:var(--hl-di-aerial)}
.hl-drone-inspect-cat p{margin:0 0 6px;color:var(--hl-di-graphite)}

/* Soft divider — minimal */
.hl-drone-inspect-cat-rule{
  border:0;
  height:1px;
  background:var(--hl-di-line-soft);
  margin:14px 0;
}

/* --- Buttons (compact pill) --- */
.hl-drone-inspect-cat-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 16px;
  font-size:12.5px;font-weight:600;letter-spacing:0.01em;
  border-radius:var(--hl-di-radius-pill);
  text-decoration:none !important;
  transition:transform .15s, box-shadow .2s, background .2s, color .2s, border-color .2s;
  white-space:nowrap;
  border:1px solid transparent;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-primary{
  background:var(--hl-di-navy);
  color:#ffffff !important;
  border-color:var(--hl-di-navy);
  box-shadow:var(--hl-di-shadow-soft);
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-primary:hover{
  background:var(--hl-di-navy-2);
  border-color:var(--hl-di-navy-2);
  transform:translateY(-1px);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-ghost{
  background:#ffffff;
  color:var(--hl-di-navy) !important;
  border:1px solid var(--hl-di-line);
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-ghost:hover{
  border-color:var(--hl-di-aerial);
  background:var(--hl-di-surface-aerial);
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-onnavy{
  background:rgba(255,255,255,0.10);
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.42);
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-onnavy:hover{
  background:#ffffff;
  color:var(--hl-di-navy) !important;
  border-color:#ffffff;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-ghost-light{
  background:transparent;
  color:var(--hl-di-aerial-light) !important;
  border:1px solid rgba(207,229,255,0.5);
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-btn-ghost-light:hover{
  background:#ffffff;
  color:var(--hl-di-navy) !important;
  border-color:#ffffff;
}

/* ============================================================ */
/* 1. HERO — compact white panel                                */
/* ============================================================ */
.hl-drone-inspect-cat-hero{
  position:relative;
  background:linear-gradient(180deg, var(--hl-di-bg) 0%, var(--hl-di-surface-soft) 100%);
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  padding:22px 22px 20px;
  color:var(--hl-di-graphite);
  margin:0 0 4px;
  overflow:hidden;
  box-shadow:var(--hl-di-shadow-soft);
}
.hl-drone-inspect-cat-hero-bg,
.hl-drone-inspect-cat-hero-grid-bg,
.hl-drone-inspect-cat-hero-lens{display:none !important}

.hl-drone-inspect-cat-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:22px;
  align-items:start;
}

.hl-drone-inspect-cat-hero-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--hl-di-surface-aerial);
  border:1px solid var(--hl-di-aerial-light);
  border-radius:var(--hl-di-radius-pill);
  padding:4px 10px;
  font-size:10.5px;font-weight:600;letter-spacing:0.04em;
  color:var(--hl-di-aerial-deep);
  margin-bottom:10px;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-hero-h{
  color:var(--hl-di-navy);
  font-size:24px;
  margin:0 0 8px;
  line-height:1.2;
  letter-spacing:-0.02em;
  font-weight:700;
  max-width:540px;
}
.hl-drone-inspect-cat-hero-sub{
  color:var(--hl-di-slate);
  font-size:13px;
  margin:0 0 12px;
  line-height:1.6;
  max-width:540px;
}
.hl-drone-inspect-cat-hero-meta{
  display:flex;flex-wrap:wrap;gap:6px;
  margin:0 0 14px;
}
.hl-drone-inspect-cat-hero-meta-item{
  font-size:10.5px;font-weight:600;letter-spacing:0.01em;
  color:var(--hl-di-navy);
  background:var(--hl-di-surface-soft);
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius-pill);
  padding:4px 10px;
}
.hl-drone-inspect-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap}

/* Right-side compact card */
.hl-drone-inspect-cat-hero-mini{
  background:var(--hl-di-cream-soft);
  border:1px solid var(--hl-di-cream-line);
  border-radius:var(--hl-di-radius);
  padding:14px 14px 10px;
  box-shadow:var(--hl-di-shadow);
  position:relative;
  overflow:hidden;
}
.hl-drone-inspect-cat-hero-mini::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-di-aerial-deep) 0%, var(--hl-di-aerial) 100%);
}
.hl-drone-inspect-cat-hero-mini-tag{
  font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-di-aerial-deep);
  margin-bottom:8px;
  padding-bottom:6px;
  border-bottom:1px solid var(--hl-di-line-soft);
  display:block;
}
.hl-drone-inspect-cat-hero-mini-list{
  list-style:none;margin:0;padding:0;
}
.hl-drone-inspect-cat-hero-mini-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:8px;
  align-items:center;
  font-size:11.5px;
  color:var(--hl-di-graphite);
  padding:6px 0;
  border-bottom:1px solid var(--hl-di-line-soft);
  white-space:normal;
  line-height:1.4;
}
.hl-drone-inspect-cat-hero-mini-list li:last-child{border-bottom:0}
.hl-drone-inspect-cat-hero-mini-q{
  display:inline-flex;align-items:center;gap:7px;
  min-width:0;
  font-weight:600;
}
.hl-drone-inspect-cat-hero-mini-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  border-radius:6px;
  background:var(--hl-di-surface-aerial);
  color:var(--hl-di-navy);
  border:1px solid var(--hl-di-aerial-light);
  font-size:11.5px;
  flex-shrink:0;
}
.hl-drone-inspect-cat-hero-mini-a{
  color:var(--hl-di-aerial-deep);
  font-weight:600;
  font-size:10.5px;
  text-align:right;
}

/* ============================================================ */
/* 2. SAFETY-FIRST STRIP — compact navy bar                     */
/* ============================================================ */
.hl-drone-inspect-cat-safety{margin-bottom:0}
.hl-drone-inspect-cat-safety-card{
  position:relative;
  background:var(--hl-di-navy);
  border:1px solid var(--hl-di-navy);
  border-radius:var(--hl-di-radius);
  padding:14px 18px;
  box-shadow:var(--hl-di-shadow-soft);
  overflow:hidden;
}
.hl-drone-inspect-cat-safety-card::before{
  content:"";position:absolute;
  top:0;bottom:0;left:0;
  width:3px;
  background:var(--hl-di-amber);
}
.hl-drone-inspect-cat-safety-card::after{display:none}
.hl-drone-inspect-cat-safety-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-di-amber-soft);
  margin-bottom:5px;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-safety-card .hl-drone-inspect-cat-safety-p{
  font-size:12.5px;
  color:#ffffff !important;
  margin:0;
  line-height:1.6;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-safety-card .hl-drone-inspect-cat-safety-p strong{
  color:var(--hl-di-amber-soft) !important;
  font-weight:700;
}

/* ============================================================ */
/* 3. TRACK CARDS — compact rounded service tiles               */
/* ============================================================ */
.hl-drone-inspect-cat-tracks{margin-bottom:0}
.hl-drone-inspect-cat-track-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.hl-drone-inspect-cat-track{
  display:block;
  position:relative;
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  padding:14px 14px 12px;
  box-shadow:var(--hl-di-shadow-soft);
  transition:transform .15s, box-shadow .25s, border-color .2s;
  overflow:hidden;
  text-decoration:none !important;
}
.hl-drone-inspect-cat-track::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-di-aerial-deep) 0%, var(--hl-di-aerial) 100%);
}
.hl-drone-inspect-cat-track::after{display:none}
.hl-drone-inspect-cat-track:hover{
  border-color:var(--hl-di-aerial);
  transform:translateY(-2px);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat-track-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;
  background:var(--hl-di-surface-aerial);
  border:1px solid var(--hl-di-aerial-light);
  border-radius:7px;
  color:var(--hl-di-navy);
  font-size:14px;
  margin-bottom:8px;
  position:static;
  box-shadow:none;
}
.hl-drone-inspect-cat-track-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  background:transparent;
  color:var(--hl-di-aerial-deep);
  border:0;
  border-radius:0;
  padding:0;
  margin-bottom:4px;
}
.hl-drone-inspect-cat-track-h{
  font-size:13.5px;line-height:1.3;margin:0 0 6px;
  color:var(--hl-di-navy);
  letter-spacing:-0.01em;
}
.hl-drone-inspect-cat-track-p{
  font-size:11.5px;color:var(--hl-di-slate);margin:0 0 10px;line-height:1.5;
}
.hl-drone-inspect-cat-track-meta{
  font-size:10.5px;font-weight:600;
  color:var(--hl-di-aerial-deep);
  display:inline-flex;align-items:center;gap:4px;
  border-top:1px solid var(--hl-di-line-soft);
  padding-top:7px;width:100%;
}
.hl-drone-inspect-cat-track-guide{
  background:var(--hl-di-surface-soft);
  border-color:var(--hl-di-aerial-light);
}
.hl-drone-inspect-cat-track-meta-link{color:var(--hl-di-amber-deep)}

/* ============================================================ */
/* 4. INTRO — compact paragraph block                           */
/* ============================================================ */
.hl-drone-inspect-cat-intro{
  background:var(--hl-di-cream-soft);
  border:1px solid var(--hl-di-cream-line);
  border-radius:var(--hl-di-radius);
  padding:14px 18px;
}
.hl-drone-inspect-cat-intro p{font-size:12.5px;margin:0 0 6px;color:var(--hl-di-slate);line-height:1.65;max-width:78ch}
.hl-drone-inspect-cat-intro p:last-child{margin:0}
.hl-drone-inspect-cat-intro p strong{color:var(--hl-di-navy);font-weight:700}
.hl-drone-inspect-cat-intro a{text-decoration:underline}

/* ============================================================ */
/* 5. QUICK ANSWER — compact callout, only place with cream     */
/* ============================================================ */
.hl-drone-inspect-cat-quick{margin-bottom:0}
.hl-drone-inspect-cat-quick-card{
  position:relative;
  background:var(--hl-di-cream-accent);
  border:1px solid var(--hl-di-amber-soft);
  border-radius:var(--hl-di-radius);
  padding:14px 18px;
  box-shadow:var(--hl-di-shadow-soft);
}
.hl-drone-inspect-cat-quick-card::before{display:none}
.hl-drone-inspect-cat-quick-card .hl-drone-inspect-cat-quick-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-di-amber-deep);
  margin-bottom:5px;
  padding:0;
}
.hl-drone-inspect-cat-quick-card .hl-drone-inspect-cat-quick-p{
  font-size:13px;
  color:var(--hl-di-graphite);
  margin:0;
  line-height:1.65;
  font-style:normal;
  padding:0;
  max-width:88ch;
}
.hl-drone-inspect-cat-quick-card .hl-drone-inspect-cat-quick-p strong{
  color:var(--hl-di-navy);
  font-weight:700;
}

/* ============================================================ */
/* 6. WHY FACILITIES — compact 3-col cards                      */
/* ============================================================ */
.hl-drone-inspect-cat-why{margin-bottom:0}
.hl-drone-inspect-cat-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  border:0;
  background:transparent;
}
.hl-drone-inspect-cat-why-card{
  position:relative;
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  padding:14px 14px 12px;
  box-shadow:var(--hl-di-shadow-soft);
  transition:transform .15s, box-shadow .2s, border-color .2s;
  overflow:hidden;
}
.hl-drone-inspect-cat-why-card::before{display:none}
.hl-drone-inspect-cat-why-card:hover{
  border-color:var(--hl-di-aerial);
  transform:translateY(-2px);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat-why-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;
  background:var(--hl-di-surface-aerial);
  border:1px solid var(--hl-di-aerial-light);
  border-radius:8px;
  color:var(--hl-di-navy);
  font-size:15px;
  margin-bottom:10px;
  box-shadow:none;
}
.hl-drone-inspect-cat-why-card h4{font-size:12.5px;margin:0 0 6px;color:var(--hl-di-navy);letter-spacing:-0.005em}
.hl-drone-inspect-cat-why-card p{font-size:11.5px;color:var(--hl-di-slate);margin:0;line-height:1.55}

/* ============================================================ */
/* 7. MATRIX — tight rounded table                              */
/* ============================================================ */
.hl-drone-inspect-cat-matrix{margin-bottom:0}
.hl-drone-inspect-cat-matrix-card{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  overflow:hidden;
  box-shadow:var(--hl-di-shadow-soft);
}
.hl-drone-inspect-cat-matrix-head{
  display:grid;
  grid-template-columns:1.4fr 1.4fr 1.6fr 1.6fr;
  background:var(--hl-di-navy);
  color:#fff;
}
.hl-drone-inspect-cat-matrix-h-cell{
  padding:9px 12px;
  font-size:9.5px;font-weight:700;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-di-aerial-light);
  border-right:1px solid rgba(255,255,255,0.10);
}
.hl-drone-inspect-cat-matrix-h-cell:last-child{border-right:0}

.hl-drone-inspect-cat-matrix-row{
  display:grid;
  grid-template-columns:1.4fr 1.4fr 1.6fr 1.6fr;
  border-top:1px solid var(--hl-di-line-soft);
  transition:background .15s;
  background:#ffffff;
}
.hl-drone-inspect-cat-matrix-row:nth-child(even){background:var(--hl-di-cream-soft)}
.hl-drone-inspect-cat-matrix-row:hover{background:var(--hl-di-surface-aerial)}
.hl-drone-inspect-cat-matrix-cell{
  padding:9px 12px;
  font-size:11px;
  color:var(--hl-di-slate);
  border-right:1px solid var(--hl-di-line-soft);
  display:flex;align-items:flex-start;gap:8px;line-height:1.5;
  min-width:0;
}
.hl-drone-inspect-cat-matrix-cell:last-child{border-right:0}
.hl-drone-inspect-cat-matrix-cell-row{font-size:11.5px;color:var(--hl-di-navy)}
.hl-drone-inspect-cat-matrix-cell-row strong{color:var(--hl-di-navy);min-width:0;font-weight:700}
.hl-drone-inspect-cat-matrix-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  background:var(--hl-di-surface-aerial);
  color:var(--hl-di-navy);
  border:1px solid var(--hl-di-aerial-light);
  border-radius:5px;
  font-size:11px;line-height:1;
  flex-shrink:0;margin-top:0;
}

.hl-drone-inspect-cat-chip{
  display:inline-flex;align-items:center;gap:4px;
  font-size:10px;font-weight:600;
  padding:3px 9px;border-radius:var(--hl-di-radius-pill);
  letter-spacing:0.01em;
  white-space:normal;
  line-height:1.3;
  max-width:100%;
}
.hl-drone-inspect-cat-chip-good{
  background:var(--hl-di-good-bg);
  color:var(--hl-di-good);
  border:1px solid rgba(31,122,74,0.25);
  box-shadow:none;
}
.hl-drone-inspect-cat-chip-warn{
  background:var(--hl-di-warn-bg);
  color:var(--hl-di-warn);
  border:1px solid rgba(163,82,14,0.30);
  box-shadow:none;
}

/* ============================================================ */
/* 8. VERSUS — compact comparison panels                        */
/* ============================================================ */
.hl-drone-inspect-cat-versus{margin-bottom:0}
.hl-drone-inspect-cat-versus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.hl-drone-inspect-cat-versus-panel{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  overflow:hidden;
  box-shadow:var(--hl-di-shadow-soft);
  display:flex;flex-direction:column;
}
.hl-drone-inspect-cat-versus-panel-feat{
  border-color:var(--hl-di-aerial);
  box-shadow:0 0 0 1px rgba(43,125,233,0.15), var(--hl-di-shadow);
}
.hl-drone-inspect-cat-versus-head{
  background:var(--hl-di-navy);
  color:#fff;
  padding:12px 16px 10px;
  border-bottom:0;
}
.hl-drone-inspect-cat .hl-drone-inspect-cat-versus-head h4{color:#fff;font-size:13.5px;letter-spacing:-0.01em}
.hl-drone-inspect-cat .hl-drone-inspect-cat-versus-head a{color:var(--hl-di-aerial-light) !important;font-size:11px}
.hl-drone-inspect-cat-versus-eyebrow{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-di-aerial-light);
  margin-bottom:4px;
}
.hl-drone-inspect-cat-versus-h{
  font-size:13.5px;
  margin:2px 0 4px;
  line-height:1.25;
}
.hl-drone-inspect-cat-versus-link{
  display:inline-block;
  font-size:11px;font-weight:600;
  text-decoration:underline;
  margin-top:2px;
}
.hl-drone-inspect-cat-versus-specs{
  list-style:none;margin:0;padding:10px 16px;
  border-bottom:1px solid var(--hl-di-cream-line);
  background:var(--hl-di-cream-soft);
}
.hl-drone-inspect-cat-versus-specs li{
  display:grid;
  grid-template-columns:minmax(85px, .9fr) minmax(0, 1.2fr);
  column-gap:10px;
  align-items:start;
  font-size:11px;
  padding:5px 0;
  border-bottom:1px dashed var(--hl-di-line-soft);
  margin:0;
  line-height:1.4;
}
.hl-drone-inspect-cat-versus-specs li:last-child{border-bottom:0}
.hl-drone-inspect-cat-spec-k{
  color:var(--hl-di-slate-light);font-weight:600;min-width:0;
  font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;
}
.hl-drone-inspect-cat-spec-v{color:var(--hl-di-navy);font-weight:600;text-align:right;min-width:0}

.hl-drone-inspect-cat-versus-list-good,
.hl-drone-inspect-cat-versus-list-bad{
  padding:10px 16px;
  border-top:0;
  background:#ffffff;
}
.hl-drone-inspect-cat-versus-list-bad{background:var(--hl-di-cream-soft)}
.hl-drone-inspect-cat-versus-tag-good,
.hl-drone-inspect-cat-versus-tag-bad{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  padding:0;border-radius:0;
  margin-bottom:6px;
  border:0;
  background:transparent;
}
.hl-drone-inspect-cat-versus-tag-good{color:var(--hl-di-good)}
.hl-drone-inspect-cat-versus-tag-bad{color:var(--hl-di-warn)}
.hl-drone-inspect-cat-versus-list-good ul,
.hl-drone-inspect-cat-versus-list-bad ul{
  list-style:none;margin:0;padding:0;
}
.hl-drone-inspect-cat-versus-list-good li,
.hl-drone-inspect-cat-versus-list-bad li{
  font-size:11px;color:var(--hl-di-slate);
  margin:0 0 4px;line-height:1.55;
  padding-left:14px;
  position:relative;
}
.hl-drone-inspect-cat-versus-list-good li::before{
  content:"✓";
  position:absolute;left:0;top:0;
  color:var(--hl-di-good);
  font-weight:700;
  font-size:10px;
}
.hl-drone-inspect-cat-versus-list-bad li::before{
  content:"✕";
  position:absolute;left:0;top:0;
  color:var(--hl-di-warn);
  font-weight:700;
  font-size:10px;
}
.hl-drone-inspect-cat-versus-note{
  margin:10px 0 0;
  padding:10px 14px;
  background:var(--hl-di-surface-aerial);
  border:1px solid var(--hl-di-aerial-light);
  border-radius:var(--hl-di-radius);
  font-size:12px;color:var(--hl-di-navy);line-height:1.55;
}

/* ============================================================ */
/* 9. CHOOSE BY BUILDING TYPE — compact 4-col cards             */
/* ============================================================ */
.hl-drone-inspect-cat-buildings{margin-bottom:0}
.hl-drone-inspect-cat-buildings-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  border:0;
  background:transparent;
}
.hl-drone-inspect-cat-bld{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  padding:12px 12px 10px;
  box-shadow:var(--hl-di-shadow-soft);
  position:relative;overflow:hidden;
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-inspect-cat-bld::before{display:none}
.hl-drone-inspect-cat-bld:hover{
  border-color:var(--hl-di-aerial);
  transform:translateY(-1px);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat-bld-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-di-surface-aerial);
  color:var(--hl-di-navy);
  border:1px solid var(--hl-di-aerial-light);
  font-size:13px;
  margin-bottom:7px;
}
.hl-drone-inspect-cat-bld h4{font-size:12px;margin:0 0 4px;color:var(--hl-di-navy);letter-spacing:-0.005em}
.hl-drone-inspect-cat-bld p{font-size:10.5px;color:var(--hl-di-slate);margin:0;line-height:1.5}

/* ============================================================ */
/* 10. COST FACTORS — compact 5-col                             */
/* ============================================================ */
.hl-drone-inspect-cat-cost{margin-bottom:0}
.hl-drone-inspect-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.hl-drone-inspect-cat-cost-card{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-top:2px solid var(--hl-di-aerial);
  border-radius:var(--hl-di-radius);
  padding:11px 12px;
  box-shadow:var(--hl-di-shadow-soft);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-inspect-cat-cost-card:hover{
  border-color:var(--hl-di-aerial);
  border-top-color:var(--hl-di-aerial-deep);
  transform:translateY(-1px);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat-cost-card h4{font-size:11.5px;margin:0 0 4px;color:var(--hl-di-navy);display:flex;align-items:center;gap:5px;letter-spacing:-0.005em}
.hl-drone-inspect-cat-cost-card p{font-size:10.5px;color:var(--hl-di-slate);margin:0;line-height:1.5}
.hl-drone-inspect-cat-cost-foot{
  margin-top:10px;
  background:var(--hl-di-cream-accent);
  border:1px solid var(--hl-di-cream-line);
  border-left:2px solid var(--hl-di-aerial);
  border-radius:var(--hl-di-radius);
  padding:11px 14px;
  font-size:12px;
  color:var(--hl-di-navy);
  line-height:1.55;
}
.hl-drone-inspect-cat-cost-foot a{color:var(--hl-di-navy);text-decoration:underline}

/* ============================================================ */
/* 11. CHECKLIST — compact 3-col cards                          */
/* ============================================================ */
.hl-drone-inspect-cat-checklist{margin-bottom:0}
.hl-drone-inspect-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  border:0;
  background:transparent;
  counter-reset:hldicl;
}
.hl-drone-inspect-cat-checklist-list li{
  counter-increment:hldicl;
  font-size:11.5px;
  color:var(--hl-di-graphite);
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  padding:10px 12px 10px 38px;
  border-radius:var(--hl-di-radius-sm);
  position:relative;
  box-shadow:var(--hl-di-shadow-soft);
  line-height:1.5;
  transition:border-color .2s, box-shadow .2s;
}
.hl-drone-inspect-cat-checklist-list li:hover{
  border-color:var(--hl-di-aerial);
  box-shadow:var(--hl-di-shadow-soft);
}
.hl-drone-inspect-cat-checklist-list li:nth-child(even){
  background:var(--hl-di-cream-soft);
  border-color:var(--hl-di-cream-line);
}
.hl-drone-inspect-cat-checklist-list li::before{
  content:counter(hldicl,decimal-leading-zero);
  position:absolute;left:8px;top:8px;
  width:22px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:var(--hl-di-navy);
  background:var(--hl-di-surface-aerial);
  border:1px solid var(--hl-di-aerial-light);
  border-radius:4px;
}

/* ============================================================ */
/* 12. SECTORS — compact 4-col cards                            */
/* ============================================================ */
.hl-drone-inspect-cat-sectors{margin-bottom:0}
.hl-drone-inspect-cat-sectors-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  border:0;
  background:transparent;
}
.hl-drone-inspect-cat-sector{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  padding:12px 12px 10px;
  text-align:left;
  box-shadow:var(--hl-di-shadow-soft);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-inspect-cat-sector:hover{
  border-color:var(--hl-di-aerial);
  transform:translateY(-1px);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat-sector-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-di-surface-aerial);
  color:var(--hl-di-navy);
  border:1px solid var(--hl-di-aerial-light);
  font-size:13px;
  margin-bottom:7px;
}
.hl-drone-inspect-cat-sector h4{font-size:12px;margin:0 0 4px;color:var(--hl-di-navy);letter-spacing:-0.005em}
.hl-drone-inspect-cat-sector p{font-size:10.5px;color:var(--hl-di-slate);margin:0;line-height:1.5}

/* ============================================================ */
/* 13. TRUST — compact 4-col                                    */
/* ============================================================ */
.hl-drone-inspect-cat-trust{margin-bottom:0}
.hl-drone-inspect-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.hl-drone-inspect-cat-trust-card{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  padding:12px 12px 10px;
  text-align:left;
  box-shadow:var(--hl-di-shadow-soft);
  transition:background .2s, border-color .2s, box-shadow .2s;
  position:relative;
}
.hl-drone-inspect-cat-trust-card::after{display:none}
.hl-drone-inspect-cat-trust-card:hover{
  border-color:var(--hl-di-aerial);
  transform:translateY(-1px);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat-trust-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-di-surface-aerial);
  color:var(--hl-di-navy);
  border:1px solid var(--hl-di-aerial-light);
  font-size:13px;
  margin:0 0 7px;
}
.hl-drone-inspect-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-di-navy);letter-spacing:-0.005em}
.hl-drone-inspect-cat-trust-card p{font-size:10.5px;color:var(--hl-di-slate);margin:0;line-height:1.5}

/* ============================================================ */
/* 14. CONTACT — compact 3-col panel                            */
/* ============================================================ */
.hl-drone-inspect-cat-contact{margin-bottom:0}
.hl-drone-inspect-cat-contact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  background:var(--hl-di-cream-soft);
  border:1px solid var(--hl-di-cream-line);
  border-radius:var(--hl-di-radius);
  padding:10px;
}
.hl-drone-inspect-cat-contact-card{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius-sm);
  padding:12px 14px;
  box-shadow:var(--hl-di-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-drone-inspect-cat-contact-card:nth-child(3n){border-right:1px solid var(--hl-di-line)}
.hl-drone-inspect-cat-contact-card:nth-last-child(-n+3){border-bottom:1px solid var(--hl-di-line)}
.hl-drone-inspect-cat-contact-card:hover{
  border-color:var(--hl-di-aerial);
  box-shadow:var(--hl-di-shadow-soft);
  transform:none;
}
.hl-drone-inspect-cat-contact-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-di-surface-aerial);
  color:var(--hl-di-navy);
  border:1px solid var(--hl-di-aerial-light);
  font-size:13px;
  margin-bottom:7px;
}
.hl-drone-inspect-cat-contact-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-di-navy);letter-spacing:-0.005em}
.hl-drone-inspect-cat-contact-card p{font-size:10.5px;color:var(--hl-di-slate);margin:0;line-height:1.5}
.hl-drone-inspect-cat-contact-card a{text-decoration:underline}

/* ============================================================ */
/* 15. RELATED — compact pill chips                             */
/* ============================================================ */
.hl-drone-inspect-cat-related{margin-bottom:0}
.hl-drone-inspect-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:6px;
}
.hl-drone-inspect-cat-related-card{
  display:block;
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius-pill);
  padding:8px 10px;
  text-align:center;
  font-size:10.5px;font-weight:600;letter-spacing:0.005em;
  color:var(--hl-di-navy);
  box-shadow:var(--hl-di-shadow-soft);
  transition:background .2s, border-color .2s, box-shadow .2s;
  text-decoration:none !important;
}
.hl-drone-inspect-cat-related-card:hover{
  background:var(--hl-di-surface-aerial);
  border-color:var(--hl-di-aerial);
  transform:translateY(-1px);
  box-shadow:var(--hl-di-shadow-soft);
}

/* ============================================================ */
/* 16. FAQ — compact accordion                                  */
/* ============================================================ */
.hl-drone-inspect-cat-faq{margin-bottom:0}
.hl-drone-inspect-cat-faq-list{display:flex;flex-direction:column;gap:6px;border:0;background:transparent}
.hl-drone-inspect-cat-faq-item{
  background:#ffffff;
  border:1px solid var(--hl-di-line);
  border-radius:var(--hl-di-radius);
  padding:0;overflow:hidden;
  box-shadow:var(--hl-di-shadow-soft);
}
.hl-drone-inspect-cat-faq-item[open]{
  border-color:var(--hl-di-aerial);
  box-shadow:var(--hl-di-shadow);
}
.hl-drone-inspect-cat-faq-item summary{
  cursor:pointer;
  font-size:12.5px;font-weight:700;
  color:var(--hl-di-navy);
  padding:11px 44px 11px 16px;
  list-style:none;
  position:relative;
  user-select:none;
  letter-spacing:-0.005em;
}
.hl-drone-inspect-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-drone-inspect-cat-faq-item summary::before{
  content:"+";
  position:absolute;right:14px;top:50%;
  transform:translateY(-50%);
  width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;line-height:1;
  color:var(--hl-di-aerial-deep);
  background:var(--hl-di-surface-aerial);
  border:1px solid var(--hl-di-aerial-light);
  border-radius:50%;
  transition:transform .2s, background .2s, color .2s;
}
.hl-drone-inspect-cat-faq-item summary::after{display:none}
.hl-drone-inspect-cat-faq-item[open] summary::before{
  content:"−";
  background:var(--hl-di-navy);
  color:#fff;
  border-color:var(--hl-di-navy);
}
.hl-drone-inspect-cat-faq-item p{
  font-size:11.5px;color:var(--hl-di-slate);
  margin:0;
  padding:0 16px 14px;
  line-height:1.65;
}
.hl-drone-inspect-cat-faq-item p a{text-decoration:underline}

/* ============================================================ */
/* 17. FINAL CTA — compact navy panel                           */
/* ============================================================ */
.hl-drone-inspect-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-di-navy-2);
  border-radius:var(--hl-di-radius);
  padding:28px 24px 24px;
  margin:0;
  background:linear-gradient(135deg, var(--hl-di-navy) 0%, var(--hl-di-navy-2) 100%);
  color:#ffffff;
  box-shadow:var(--hl-di-shadow);
  isolation:isolate;
}
.hl-drone-inspect-cat-finalcta::before,
.hl-drone-inspect-cat-finalcta::after{display:none}
.hl-drone-inspect-cat-finalcta-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 92% 10%, rgba(43,125,233,0.20) 0%, rgba(43,125,233,0) 55%),
    radial-gradient(circle at 8% 92%, rgba(201,169,97,0.10) 0%, rgba(201,169,97,0) 55%);
  display:block !important;
}
.hl-drone-inspect-cat-finalcta-grid-bg,
.hl-drone-inspect-cat-finalcta-lens{display:none !important}
.hl-drone-inspect-cat .hl-drone-inspect-cat-finalcta h2,
.hl-drone-inspect-cat .hl-drone-inspect-cat-finalcta h3,
.hl-drone-inspect-cat .hl-drone-inspect-cat-finalcta h4{color:#fff}
.hl-drone-inspect-cat .hl-drone-inspect-cat-finalcta p{color:rgba(255,255,255,0.92)}
.hl-drone-inspect-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.hl-drone-inspect-cat-finalcta-eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-di-aerial-light);
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(207,229,255,0.30);
  border-radius:var(--hl-di-radius-pill);
  padding:5px 12px;
  margin-bottom:10px;
}
.hl-drone-inspect-cat-finalcta-h{
  font-size:22px;margin:4px 0 8px;letter-spacing:-0.022em;
  font-weight:700;
  line-height:1.2;
}
.hl-drone-inspect-cat-finalcta-sub{font-size:13px;margin:0 auto 14px;max-width:560px;line-height:1.6}
.hl-drone-inspect-cat-finalcta-list{
  list-style:none;margin:0 auto 16px;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
  max-width:600px;
  border:0;
}
.hl-drone-inspect-cat-finalcta-list li{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:600;letter-spacing:0.01em;
  color:#fff;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(207,229,255,0.28);
  border-radius:var(--hl-di-radius-pill);
  padding:5px 11px;
}
.hl-drone-inspect-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                  */
/* ============================================================ */
@media (max-width:1024px){
  .hl-drone-inspect-cat-hero{padding:18px 16px}
  .hl-drone-inspect-cat-hero-grid{grid-template-columns:1fr;gap:18px}
  .hl-drone-inspect-cat-hero-h{font-size:21px}
  .hl-drone-inspect-cat-track-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-inspect-cat-why-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-inspect-cat-matrix-head,
  .hl-drone-inspect-cat-matrix-row{grid-template-columns:1.4fr 1.3fr 1.3fr 1.3fr}
  .hl-drone-inspect-cat-versus-grid{grid-template-columns:1fr}
  .hl-drone-inspect-cat-buildings-grid,
  .hl-drone-inspect-cat-sectors-grid,
  .hl-drone-inspect-cat-trust-grid,
  .hl-drone-inspect-cat-related-grid{grid-template-columns:repeat(3,1fr)}
  .hl-drone-inspect-cat-cost-grid{grid-template-columns:repeat(3,1fr)}
  .hl-drone-inspect-cat-contact-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-inspect-cat-checklist-list{grid-template-columns:repeat(2,1fr)}
  .hl-drone-inspect-cat-finalcta-h{font-size:20px}
}
@media (max-width:720px){
  .hl-drone-inspect-cat{padding:10px 10px;margin:12px auto}
  .hl-drone-inspect-cat-section-h{font-size:14.5px}
  .hl-drone-inspect-cat-hero{padding:18px 14px}
  .hl-drone-inspect-cat-hero-h{font-size:19px}
  .hl-drone-inspect-cat-hero-mini-list li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-drone-inspect-cat-hero-mini-a{text-align:left}
  .hl-drone-inspect-cat-track-grid{grid-template-columns:1fr}
  .hl-drone-inspect-cat-why-grid{grid-template-columns:1fr}
  .hl-drone-inspect-cat-matrix-head{display:none}
  .hl-drone-inspect-cat-matrix-row{grid-template-columns:1fr;gap:0;padding:8px 10px}
  .hl-drone-inspect-cat-matrix-cell{
    border-right:0;
    border-bottom:1px dashed var(--hl-di-line-soft);
    padding:6px 0;
  }
  .hl-drone-inspect-cat-matrix-cell:last-child{border-bottom:0}
  .hl-drone-inspect-cat-matrix-cell-row{font-size:12px}
  .hl-drone-inspect-cat-versus-specs li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-drone-inspect-cat-spec-v{text-align:left}
  .hl-drone-inspect-cat-buildings-grid,
  .hl-drone-inspect-cat-sectors-grid,
  .hl-drone-inspect-cat-cost-grid,
  .hl-drone-inspect-cat-contact-grid,
  .hl-drone-inspect-cat-trust-grid,
  .hl-drone-inspect-cat-related-grid,
  .hl-drone-inspect-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-drone-inspect-cat-hero-ctas,
  .hl-drone-inspect-cat-finalcta-ctas{flex-direction:column}
  .hl-drone-inspect-cat-btn{width:100%;text-align:center;justify-content:center}
  .hl-drone-inspect-cat-finalcta{padding:22px 16px}
  .hl-drone-inspect-cat-finalcta-h{font-size:19px}
  .hl-drone-inspect-cat-rule{margin:12px 0}
}

/* END HIRELOAD DRONE INSPECTIONS — Scoped CSS (v9 wrap-white-cream-in)*/

/* === HIRELOAD DRONE INSPECTIONS CAT CSS — END 2026-05-06 === */


/* === HIRELOAD DRONE MAPPING CAT CSS — START 2026-05-06 === */
/* ============================================================ */
/* HIRELOAD DRONE SURVEYING & MAPPING — Scoped Additional CSS    */
/* Identity: white + navy + aerial blue + cyan + graphite        */
/*           silver + amber accent + sparing map-green           */
/* All rules namespaced under .hl-drone-map-cat                  */
/* ============================================================ */

/* --- 0. TOKENS --- */
.hl-drone-map-cat{
  /* Surfaces */
  --hl-dm-bg:#ffffff;
  --hl-dm-surface:#fffefb;
  --hl-dm-surface-soft:#f4f8fc;
  --hl-dm-aerial-bg:#eaf7ff;
  --hl-dm-cyan-bg:#dff7f5;

  /* Lines & borders */
  --hl-dm-line:#dde3eb;
  --hl-dm-line-soft:#eaeef3;
  --hl-dm-line-warm:#e6dab9;

  /* Navy family */
  --hl-dm-navy:#0c2547;
  --hl-dm-navy-2:#091c39;
  --hl-dm-navy-3:#06142b;

  /* Electric blue accent */
  --hl-dm-electric:#2b7de9;
  --hl-dm-electric-deep:#1d5cb3;
  --hl-dm-electric-light:#cfe5ff;

  /* Graphite / slate */
  --hl-dm-graphite:#273447;
  --hl-dm-slate:#3a4a60;
  --hl-dm-slate-light:#6b7785;

  /* Silver */
  --hl-dm-silver:#e8edf2;

  /* Amber attention */
  --hl-dm-amber:#f4b740;
  --hl-dm-amber-deep:#c98a14;
  --hl-dm-amber-soft:#fce7b3;

  /* Map green (sparing) */
  --hl-dm-mapgreen:#3aa879;
  --hl-dm-mapgreen-deep:#1f7a4a;
  --hl-dm-mapgreen-bg:#e7f5ee;

  /* Warn */
  --hl-dm-warn:#a3520e;
  --hl-dm-warn-bg:#f7ead4;

  /* Geometry */
  --hl-dm-radius:10px;
  --hl-dm-radius-sm:6px;
  --hl-dm-radius-pill:999px;

  /* Shadows */
  --hl-dm-shadow-soft:0 1px 2px rgba(12,37,71,0.04);
  --hl-dm-shadow:0 4px 12px rgba(12,37,71,0.07);
  --hl-dm-shadow-strong:0 6px 18px rgba(12,37,71,0.10);

  position:relative;
  max-width:1100px;
  margin:14px auto;
  padding:12px 12px 4px;
  background:var(--hl-dm-bg);
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  box-shadow:var(--hl-dm-shadow-soft);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--hl-dm-graphite);
  line-height:1.55;
  font-size:13px;
}

.hl-drone-map-cat > * { position:relative; }

/* --- Headings, links --- */
.hl-drone-map-cat h2,
.hl-drone-map-cat h3,
.hl-drone-map-cat h4{
  font-family:inherit;
  color:var(--hl-dm-navy);
  letter-spacing:-0.01em;
  line-height:1.3;
  margin:0;
  font-weight:700;
}
.hl-drone-map-cat .hl-drone-map-cat-section-h{
  font-size:15.5px;
  margin:0 0 10px;
  display:flex;align-items:center;gap:10px;
  position:relative;
  padding-bottom:0;
  letter-spacing:-0.005em;
}
.hl-drone-map-cat .hl-drone-map-cat-section-h::before{
  content:"";
  width:24px;height:2px;
  background:var(--hl-dm-electric);
  border-radius:2px;
  display:inline-block;
  flex-shrink:0;
}
.hl-drone-map-cat a{
  color:var(--hl-dm-navy);
  text-decoration:underline;
  text-decoration-color:rgba(43,125,233,0.4);
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.hl-drone-map-cat a:hover{color:var(--hl-dm-electric-deep);text-decoration-color:var(--hl-dm-electric)}
.hl-drone-map-cat p{margin:0 0 6px;color:var(--hl-dm-graphite)}

/* Soft divider */
.hl-drone-map-cat-rule{
  border:0;
  height:1px;
  background:var(--hl-dm-line-soft);
  margin:14px 0;
}

/* --- Buttons --- */
.hl-drone-map-cat-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 16px;
  font-size:12.5px;font-weight:600;letter-spacing:0.01em;
  border-radius:var(--hl-dm-radius-pill);
  text-decoration:none !important;
  transition:transform .15s, box-shadow .2s, background .2s, color .2s, border-color .2s;
  white-space:nowrap;
  border:1px solid transparent;
}
.hl-drone-map-cat .hl-drone-map-cat-btn-primary{
  background:var(--hl-dm-navy);
  color:#ffffff !important;
  border-color:var(--hl-dm-navy);
  box-shadow:var(--hl-dm-shadow-soft);
}
.hl-drone-map-cat .hl-drone-map-cat-btn-primary:hover{
  background:var(--hl-dm-navy-2);
  border-color:var(--hl-dm-navy-2);
  transform:translateY(-1px);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat .hl-drone-map-cat-btn-ghost{
  background:#ffffff;
  color:var(--hl-dm-navy) !important;
  border:1px solid var(--hl-dm-line);
}
.hl-drone-map-cat .hl-drone-map-cat-btn-ghost:hover{
  border-color:var(--hl-dm-electric);
  background:var(--hl-dm-aerial-bg);
}
.hl-drone-map-cat .hl-drone-map-cat-btn-onnavy{
  background:rgba(255,255,255,0.10);
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.42);
}
.hl-drone-map-cat .hl-drone-map-cat-btn-onnavy:hover{
  background:#ffffff;
  color:var(--hl-dm-navy) !important;
  border-color:#ffffff;
}
.hl-drone-map-cat .hl-drone-map-cat-btn-ghost-light{
  background:transparent;
  color:var(--hl-dm-electric-light) !important;
  border:1px solid rgba(207,229,255,0.5);
}
.hl-drone-map-cat .hl-drone-map-cat-btn-ghost-light:hover{
  background:#ffffff;
  color:var(--hl-dm-navy) !important;
  border-color:#ffffff;
}

/* ============================================================ */
/* 1. HERO — map-grid identity                                  */
/* ============================================================ */
.hl-drone-map-cat-hero{
  position:relative;
  background:linear-gradient(180deg, #ffffff 0%, var(--hl-dm-surface-soft) 100%);
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:22px 22px 20px;
  color:var(--hl-dm-graphite);
  margin:0 0 4px;
  overflow:hidden;
  box-shadow:var(--hl-dm-shadow-soft);
}
/* Subtle map-grid pattern */
.hl-drone-map-cat-hero-grid-bg{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(43,125,233,0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(43,125,233,0.05) 1px, transparent 1px);
  background-size:40px 40px;
  opacity:.7;
  z-index:0;
}
/* Coordinate corner accent */
.hl-drone-map-cat-hero-coords{
  position:absolute;
  top:10px;right:14px;
  font-family:"SFMono-Regular",Menlo,Consolas,monospace;
  font-size:9.5px;
  color:var(--hl-dm-electric-deep);
  letter-spacing:0.08em;
  z-index:1;
  opacity:.55;
}
.hl-drone-map-cat-hero-coords::before{
  content:"51.5° N · 0.0° W · ALT 120m AGL";
}

.hl-drone-map-cat-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:22px;
  align-items:start;
}
.hl-drone-map-cat-hero-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--hl-dm-aerial-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:var(--hl-dm-radius-pill);
  padding:4px 10px;
  font-size:10.5px;font-weight:600;letter-spacing:0.04em;
  color:var(--hl-dm-electric-deep);
  margin-bottom:10px;
}
.hl-drone-map-cat .hl-drone-map-cat-hero-h{
  color:var(--hl-dm-navy);
  font-size:24px;
  margin:0 0 8px;
  line-height:1.2;
  letter-spacing:-0.02em;
  font-weight:700;
  max-width:540px;
}
.hl-drone-map-cat-hero-sub{
  color:var(--hl-dm-slate);
  font-size:13px;
  margin:0 0 12px;
  line-height:1.6;
  max-width:540px;
}
.hl-drone-map-cat-hero-meta{
  display:flex;flex-wrap:wrap;gap:6px;
  margin:0 0 14px;
}
.hl-drone-map-cat-hero-meta-item{
  font-size:10.5px;font-weight:600;letter-spacing:0.01em;
  color:var(--hl-dm-navy);
  background:#ffffff;
  border:1px solid var(--hl-dm-silver);
  border-radius:var(--hl-dm-radius-pill);
  padding:4px 10px;
}
.hl-drone-map-cat-hero-ctas{display:flex;gap:8px;flex-wrap:wrap}

/* Right-side compact data card */
.hl-drone-map-cat-hero-card{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:14px 14px 10px;
  box-shadow:var(--hl-dm-shadow);
  position:relative;
  overflow:hidden;
}
.hl-drone-map-cat-hero-card::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-dm-electric-deep) 0%, var(--hl-dm-electric) 100%);
}
.hl-drone-map-cat-hero-card-tag{
  font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-dm-electric-deep);
  margin-bottom:8px;
  padding-bottom:6px;
  border-bottom:1px solid var(--hl-dm-line-soft);
  display:block;
}
.hl-drone-map-cat-hero-card-list{
  list-style:none;margin:0;padding:0;
}
.hl-drone-map-cat-hero-card-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:8px;
  align-items:center;
  font-size:11.5px;
  color:var(--hl-dm-graphite);
  padding:6px 0;
  border-bottom:1px solid var(--hl-dm-line-soft);
  white-space:normal;
  line-height:1.4;
}
.hl-drone-map-cat-hero-card-list li:last-child{border-bottom:0}
.hl-drone-map-cat-hero-card-q{
  display:inline-flex;align-items:center;gap:7px;
  min-width:0;
  font-weight:600;
}
.hl-drone-map-cat-hero-card-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  border-radius:6px;
  background:var(--hl-dm-aerial-bg);
  color:var(--hl-dm-navy);
  border:1px solid var(--hl-dm-electric-light);
  font-size:11.5px;
  flex-shrink:0;
}
.hl-drone-map-cat-hero-card-a{
  color:var(--hl-dm-electric-deep);
  font-weight:600;
  font-size:10.5px;
  text-align:right;
}

/* ============================================================ */
/* 2. SAFETY-FIRST STRIP                                        */
/* ============================================================ */
.hl-drone-map-cat-safety{margin-bottom:0}
.hl-drone-map-cat-safety-card{
  position:relative;
  background:var(--hl-dm-navy);
  border:1px solid var(--hl-dm-navy);
  border-radius:var(--hl-dm-radius);
  padding:14px 18px;
  box-shadow:var(--hl-dm-shadow-soft);
  overflow:hidden;
}
.hl-drone-map-cat-safety-card::before{
  content:"";position:absolute;
  top:0;bottom:0;left:0;
  width:3px;
  background:var(--hl-dm-amber);
}
.hl-drone-map-cat-safety-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-dm-amber-soft);
  margin-bottom:5px;
}
.hl-drone-map-cat .hl-drone-map-cat-safety-card .hl-drone-map-cat-safety-p{
  font-size:12.5px;
  color:#ffffff !important;
  margin:0;
  line-height:1.6;
}
.hl-drone-map-cat .hl-drone-map-cat-safety-card .hl-drone-map-cat-safety-p strong{
  color:var(--hl-dm-amber-soft) !important;
  font-weight:700;
}

/* ============================================================ */
/* 3. TRACK CARDS                                               */
/* ============================================================ */
.hl-drone-map-cat-tracks{margin-bottom:0;scroll-margin-top:80px}
.hl-drone-map-cat-track-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.hl-drone-map-cat-track{
  display:block;
  position:relative;
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:14px 14px 12px;
  box-shadow:var(--hl-dm-shadow-soft);
  transition:transform .15s, box-shadow .25s, border-color .2s;
  overflow:hidden;
  text-decoration:none !important;
}
.hl-drone-map-cat-track::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg, var(--hl-dm-electric-deep) 0%, var(--hl-dm-electric) 100%);
}
.hl-drone-map-cat-track:hover{
  border-color:var(--hl-dm-electric);
  transform:translateY(-2px);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat-track-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;
  background:var(--hl-dm-aerial-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:7px;
  color:var(--hl-dm-navy);
  font-size:14px;
  margin-bottom:8px;
}
.hl-drone-map-cat-track-tag{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  background:transparent;
  color:var(--hl-dm-electric-deep);
  margin-bottom:4px;
}
.hl-drone-map-cat-track-h{
  font-size:13.5px;line-height:1.3;margin:0 0 6px;
  color:var(--hl-dm-navy);
  letter-spacing:-0.01em;
}
.hl-drone-map-cat-track-p{
  font-size:11.5px;color:var(--hl-dm-slate);margin:0 0 10px;line-height:1.5;
}
.hl-drone-map-cat-track-meta{
  font-size:10.5px;font-weight:600;
  color:var(--hl-dm-electric-deep);
  display:inline-flex;align-items:center;gap:4px;
  border-top:1px solid var(--hl-dm-line-soft);
  padding-top:7px;width:100%;
}
.hl-drone-map-cat-track-guide{
  background:var(--hl-dm-cyan-bg);
  border-color:var(--hl-dm-electric-light);
}
.hl-drone-map-cat-track-meta-link{color:var(--hl-dm-electric-deep)}

/* ============================================================ */
/* 4. INTRO                                                     */
/* ============================================================ */
.hl-drone-map-cat-intro{
  background:var(--hl-dm-surface-soft);
  border:1px solid var(--hl-dm-line-soft);
  border-radius:var(--hl-dm-radius);
  padding:14px 18px;
}
.hl-drone-map-cat-intro p{font-size:12.5px;margin:0 0 6px;color:var(--hl-dm-slate);line-height:1.65;max-width:78ch}
.hl-drone-map-cat-intro p:last-child{margin:0}
.hl-drone-map-cat-intro p strong{color:var(--hl-dm-navy);font-weight:700}

/* ============================================================ */
/* 5. QUICK ANSWER — compact navy/cyan callout                  */
/* ============================================================ */
.hl-drone-map-cat-quick{margin-bottom:0}
.hl-drone-map-cat-quick-card{
  position:relative;
  background:var(--hl-dm-aerial-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:var(--hl-dm-radius);
  padding:14px 18px;
  box-shadow:var(--hl-dm-shadow-soft);
}
.hl-drone-map-cat-quick-tag{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-dm-electric-deep);
  margin-bottom:5px;
}
.hl-drone-map-cat-quick-p{
  font-size:13px;
  color:var(--hl-dm-graphite);
  margin:0;
  line-height:1.65;
  max-width:88ch;
}
.hl-drone-map-cat-quick-p strong{
  color:var(--hl-dm-navy);
  font-weight:700;
}

/* ============================================================ */
/* 6. WHY FACILITIES — 3-col cards                              */
/* ============================================================ */
.hl-drone-map-cat-why{margin-bottom:0}
.hl-drone-map-cat-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hl-drone-map-cat-why-card{
  position:relative;
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:14px 14px 12px;
  box-shadow:var(--hl-dm-shadow-soft);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-map-cat-why-card:hover{
  border-color:var(--hl-dm-electric);
  transform:translateY(-2px);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat-why-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;
  background:var(--hl-dm-aerial-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:8px;
  color:var(--hl-dm-navy);
  font-size:15px;
  margin-bottom:10px;
}
.hl-drone-map-cat-why-card h4{font-size:12.5px;margin:0 0 6px;color:var(--hl-dm-navy);letter-spacing:-0.005em}
.hl-drone-map-cat-why-card p{font-size:11.5px;color:var(--hl-dm-slate);margin:0;line-height:1.55}

/* ============================================================ */
/* 7. MATRIX — tight rounded table                              */
/* ============================================================ */
.hl-drone-map-cat-matrix{margin-bottom:0}
.hl-drone-map-cat-matrix-card{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  overflow:hidden;
  box-shadow:var(--hl-dm-shadow-soft);
}
.hl-drone-map-cat-matrix-head{
  display:grid;
  grid-template-columns:1.4fr 1.4fr 1.6fr 1.6fr;
  background:var(--hl-dm-navy);
  color:#fff;
}
.hl-drone-map-cat-matrix-h-cell{
  padding:9px 12px;
  font-size:9.5px;font-weight:700;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-dm-electric-light);
  border-right:1px solid rgba(255,255,255,0.10);
}
.hl-drone-map-cat-matrix-h-cell:last-child{border-right:0}
.hl-drone-map-cat-matrix-row{
  display:grid;
  grid-template-columns:1.4fr 1.4fr 1.6fr 1.6fr;
  border-top:1px solid var(--hl-dm-line-soft);
  transition:background .15s;
  background:#ffffff;
}
.hl-drone-map-cat-matrix-row:nth-child(even){background:var(--hl-dm-surface-soft)}
.hl-drone-map-cat-matrix-row:hover{background:var(--hl-dm-aerial-bg)}
.hl-drone-map-cat-matrix-cell{
  padding:9px 12px;
  font-size:11px;
  color:var(--hl-dm-slate);
  border-right:1px solid var(--hl-dm-line-soft);
  display:flex;align-items:flex-start;gap:8px;line-height:1.5;
  min-width:0;
}
.hl-drone-map-cat-matrix-cell:last-child{border-right:0}
.hl-drone-map-cat-matrix-cell-row{font-size:11.5px;color:var(--hl-dm-navy)}
.hl-drone-map-cat-matrix-cell-row strong{color:var(--hl-dm-navy);min-width:0;font-weight:700}
.hl-drone-map-cat-matrix-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  background:var(--hl-dm-aerial-bg);
  color:var(--hl-dm-navy);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:5px;
  font-size:11px;line-height:1;
  flex-shrink:0;
}
.hl-drone-map-cat-chip{
  display:inline-flex;align-items:center;gap:4px;
  font-size:10px;font-weight:600;
  padding:3px 9px;border-radius:var(--hl-dm-radius-pill);
  letter-spacing:0.01em;
  white-space:normal;
  line-height:1.3;
  max-width:100%;
}
.hl-drone-map-cat-chip-good{
  background:var(--hl-dm-mapgreen-bg);
  color:var(--hl-dm-mapgreen-deep);
  border:1px solid rgba(31,122,74,0.25);
}
.hl-drone-map-cat-chip-warn{
  background:var(--hl-dm-amber-soft);
  color:var(--hl-dm-amber-deep);
  border:1px solid rgba(244,183,64,0.40);
}

/* ============================================================ */
/* 8. VERSUS — comparison panels                                */
/* ============================================================ */
.hl-drone-map-cat-versus{margin-bottom:0}
.hl-drone-map-cat-versus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.hl-drone-map-cat-versus-panel{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  overflow:hidden;
  box-shadow:var(--hl-dm-shadow-soft);
  display:flex;flex-direction:column;
}
.hl-drone-map-cat-versus-panel-feat{
  border-color:var(--hl-dm-electric);
  box-shadow:0 0 0 1px rgba(43,125,233,0.15), var(--hl-dm-shadow);
}
.hl-drone-map-cat-versus-head{
  background:var(--hl-dm-navy);
  color:#fff;
  padding:12px 16px 10px;
}
.hl-drone-map-cat .hl-drone-map-cat-versus-head h4{color:#fff;font-size:13.5px;letter-spacing:-0.01em}
.hl-drone-map-cat-versus-eyebrow{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--hl-dm-electric-light);
  margin-bottom:4px;
}
.hl-drone-map-cat-versus-h{
  font-size:13.5px;
  margin:2px 0 4px;
  line-height:1.25;
}
.hl-drone-map-cat-versus-specs{
  list-style:none;margin:0;padding:10px 16px;
  border-bottom:1px solid var(--hl-dm-line-soft);
  background:var(--hl-dm-surface-soft);
}
.hl-drone-map-cat-versus-specs li{
  display:grid;
  grid-template-columns:minmax(85px, .9fr) minmax(0, 1.2fr);
  column-gap:10px;
  align-items:start;
  font-size:11px;
  padding:5px 0;
  border-bottom:1px dashed var(--hl-dm-line-soft);
  margin:0;
  line-height:1.4;
}
.hl-drone-map-cat-versus-specs li:last-child{border-bottom:0}
.hl-drone-map-cat-spec-k{
  color:var(--hl-dm-slate-light);font-weight:600;min-width:0;
  font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;
}
.hl-drone-map-cat-spec-v{color:var(--hl-dm-navy);font-weight:600;text-align:right;min-width:0}
.hl-drone-map-cat-versus-list-good,
.hl-drone-map-cat-versus-list-bad{
  padding:10px 16px;
  background:#ffffff;
}
.hl-drone-map-cat-versus-list-bad{background:var(--hl-dm-surface-soft)}
.hl-drone-map-cat-versus-tag-good,
.hl-drone-map-cat-versus-tag-bad{
  display:inline-block;
  font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  margin-bottom:6px;
}
.hl-drone-map-cat-versus-tag-good{color:var(--hl-dm-mapgreen-deep)}
.hl-drone-map-cat-versus-tag-bad{color:var(--hl-dm-warn)}
.hl-drone-map-cat-versus-list-good ul,
.hl-drone-map-cat-versus-list-bad ul{
  list-style:none;margin:0;padding:0;
}
.hl-drone-map-cat-versus-list-good li,
.hl-drone-map-cat-versus-list-bad li{
  font-size:11px;color:var(--hl-dm-slate);
  margin:0 0 4px;line-height:1.55;
  padding-left:14px;
  position:relative;
}
.hl-drone-map-cat-versus-list-good li::before{
  content:"\2713";
  position:absolute;left:0;top:0;
  color:var(--hl-dm-mapgreen-deep);
  font-weight:700;
  font-size:10px;
}
.hl-drone-map-cat-versus-list-bad li::before{
  content:"\2715";
  position:absolute;left:0;top:0;
  color:var(--hl-dm-warn);
  font-weight:700;
  font-size:10px;
}
.hl-drone-map-cat-versus-note{
  margin:10px 0 0;
  padding:10px 14px;
  background:var(--hl-dm-cyan-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:var(--hl-dm-radius);
  font-size:12px;color:var(--hl-dm-navy);line-height:1.55;
}

/* ============================================================ */
/* 9. SITES (CHOOSE BY SITE TYPE)                               */
/* ============================================================ */
.hl-drone-map-cat-sites{margin-bottom:0}
.hl-drone-map-cat-sites-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.hl-drone-map-cat-site{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:12px 12px 10px;
  box-shadow:var(--hl-dm-shadow-soft);
  position:relative;overflow:hidden;
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-map-cat-site:hover{
  border-color:var(--hl-dm-electric);
  transform:translateY(-1px);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat-site-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-dm-aerial-bg);
  color:var(--hl-dm-navy);
  border:1px solid var(--hl-dm-electric-light);
  font-size:13px;
  margin-bottom:7px;
}
.hl-drone-map-cat-site h4{font-size:12px;margin:0 0 4px;color:var(--hl-dm-navy);letter-spacing:-0.005em}
.hl-drone-map-cat-site p{font-size:10.5px;color:var(--hl-dm-slate);margin:0;line-height:1.5}

/* ============================================================ */
/* 10. COST FACTORS                                             */
/* ============================================================ */
.hl-drone-map-cat-cost{margin-bottom:0}
.hl-drone-map-cat-cost-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.hl-drone-map-cat-cost-card{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-top:2px solid var(--hl-dm-electric);
  border-radius:var(--hl-dm-radius);
  padding:11px 12px;
  box-shadow:var(--hl-dm-shadow-soft);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-map-cat-cost-card:hover{
  border-color:var(--hl-dm-electric);
  border-top-color:var(--hl-dm-electric-deep);
  transform:translateY(-1px);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat-cost-card h4{font-size:11.5px;margin:0 0 4px;color:var(--hl-dm-navy);display:flex;align-items:center;gap:5px;letter-spacing:-0.005em}
.hl-drone-map-cat-cost-card p{font-size:10.5px;color:var(--hl-dm-slate);margin:0;line-height:1.5}
.hl-drone-map-cat-cost-foot{
  margin-top:10px;
  background:var(--hl-dm-aerial-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-left:2px solid var(--hl-dm-electric);
  border-radius:var(--hl-dm-radius);
  padding:11px 14px;
  font-size:12px;
  color:var(--hl-dm-navy);
  line-height:1.55;
}
.hl-drone-map-cat-cost-foot a{color:var(--hl-dm-navy);text-decoration:underline}

/* ============================================================ */
/* 11. CHECKLIST                                                */
/* ============================================================ */
.hl-drone-map-cat-checklist{margin-bottom:0}
.hl-drone-map-cat-checklist-list{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  counter-reset:hldmcl;
}
.hl-drone-map-cat-checklist-list li{
  counter-increment:hldmcl;
  font-size:11.5px;
  color:var(--hl-dm-graphite);
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  padding:10px 12px 10px 38px;
  border-radius:var(--hl-dm-radius-sm);
  position:relative;
  box-shadow:var(--hl-dm-shadow-soft);
  line-height:1.5;
  transition:border-color .2s, box-shadow .2s;
}
.hl-drone-map-cat-checklist-list li:hover{
  border-color:var(--hl-dm-electric);
}
.hl-drone-map-cat-checklist-list li:nth-child(even){
  background:var(--hl-dm-surface-soft);
}
.hl-drone-map-cat-checklist-list li::before{
  content:counter(hldmcl,decimal-leading-zero);
  position:absolute;left:8px;top:8px;
  width:22px;height:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;
  color:var(--hl-dm-navy);
  background:var(--hl-dm-aerial-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:4px;
}

/* ============================================================ */
/* 12. SECTORS                                                  */
/* ============================================================ */
.hl-drone-map-cat-sectors{margin-bottom:0}
.hl-drone-map-cat-sectors-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.hl-drone-map-cat-sector{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:12px 12px 10px;
  text-align:left;
  box-shadow:var(--hl-dm-shadow-soft);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.hl-drone-map-cat-sector:hover{
  border-color:var(--hl-dm-electric);
  transform:translateY(-1px);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat-sector-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-dm-aerial-bg);
  color:var(--hl-dm-navy);
  border:1px solid var(--hl-dm-electric-light);
  font-size:13px;
  margin-bottom:7px;
}
.hl-drone-map-cat-sector h4{font-size:12px;margin:0 0 4px;color:var(--hl-dm-navy);letter-spacing:-0.005em}
.hl-drone-map-cat-sector p{font-size:10.5px;color:var(--hl-dm-slate);margin:0;line-height:1.5}

/* ============================================================ */
/* 13. TRUST                                                    */
/* ============================================================ */
.hl-drone-map-cat-trust{margin-bottom:0}
.hl-drone-map-cat-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.hl-drone-map-cat-trust-card{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:12px 12px 10px;
  box-shadow:var(--hl-dm-shadow-soft);
  transition:background .2s, border-color .2s, box-shadow .2s;
}
.hl-drone-map-cat-trust-card:hover{
  border-color:var(--hl-dm-electric);
  transform:translateY(-1px);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat-trust-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-dm-aerial-bg);
  color:var(--hl-dm-navy);
  border:1px solid var(--hl-dm-electric-light);
  font-size:13px;
  margin:0 0 7px;
}
.hl-drone-map-cat-trust-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-dm-navy);letter-spacing:-0.005em}
.hl-drone-map-cat-trust-card p{font-size:10.5px;color:var(--hl-dm-slate);margin:0;line-height:1.5}

/* ============================================================ */
/* 14. CONTACT                                                  */
/* ============================================================ */
.hl-drone-map-cat-contact{margin-bottom:0}
.hl-drone-map-cat-contact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  background:var(--hl-dm-surface-soft);
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:10px;
}
.hl-drone-map-cat-contact-card{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius-sm);
  padding:12px 14px;
  box-shadow:var(--hl-dm-shadow-soft);
  transition:border-color .2s, box-shadow .2s;
}
.hl-drone-map-cat-contact-card:hover{
  border-color:var(--hl-dm-electric);
  box-shadow:var(--hl-dm-shadow-soft);
}
.hl-drone-map-cat-contact-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  background:var(--hl-dm-aerial-bg);
  color:var(--hl-dm-navy);
  border:1px solid var(--hl-dm-electric-light);
  font-size:13px;
  margin-bottom:7px;
}
.hl-drone-map-cat-contact-card h4{font-size:12px;margin:0 0 4px;color:var(--hl-dm-navy);letter-spacing:-0.005em}
.hl-drone-map-cat-contact-card p{font-size:10.5px;color:var(--hl-dm-slate);margin:0;line-height:1.5}
.hl-drone-map-cat-contact-card a{text-decoration:underline}

/* ============================================================ */
/* 15. RELATED                                                  */
/* ============================================================ */
.hl-drone-map-cat-related{margin-bottom:0}
.hl-drone-map-cat-related-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:6px;
}
.hl-drone-map-cat-related-card{
  display:block;
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius-pill);
  padding:8px 10px;
  text-align:center;
  font-size:10.5px;font-weight:600;letter-spacing:0.005em;
  color:var(--hl-dm-navy);
  box-shadow:var(--hl-dm-shadow-soft);
  transition:background .2s, border-color .2s, box-shadow .2s;
  text-decoration:none !important;
}
.hl-drone-map-cat-related-card:hover{
  background:var(--hl-dm-aerial-bg);
  border-color:var(--hl-dm-electric);
  transform:translateY(-1px);
}

/* ============================================================ */
/* 16. FAQ                                                      */
/* ============================================================ */
.hl-drone-map-cat-faq{margin-bottom:0}
.hl-drone-map-cat-faq-list{display:flex;flex-direction:column;gap:6px}
.hl-drone-map-cat-faq-item{
  background:#ffffff;
  border:1px solid var(--hl-dm-line);
  border-radius:var(--hl-dm-radius);
  padding:0;overflow:hidden;
  box-shadow:var(--hl-dm-shadow-soft);
}
.hl-drone-map-cat-faq-item[open]{
  border-color:var(--hl-dm-electric);
  box-shadow:var(--hl-dm-shadow);
}
.hl-drone-map-cat-faq-item summary{
  cursor:pointer;
  font-size:12.5px;font-weight:700;
  color:var(--hl-dm-navy);
  padding:11px 44px 11px 16px;
  list-style:none;
  position:relative;
  user-select:none;
  letter-spacing:-0.005em;
}
.hl-drone-map-cat-faq-item summary::-webkit-details-marker{display:none}
.hl-drone-map-cat-faq-item summary::before{
  content:"+";
  position:absolute;right:14px;top:50%;
  transform:translateY(-50%);
  width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;line-height:1;
  color:var(--hl-dm-electric-deep);
  background:var(--hl-dm-aerial-bg);
  border:1px solid var(--hl-dm-electric-light);
  border-radius:50%;
  transition:transform .2s, background .2s, color .2s;
}
.hl-drone-map-cat-faq-item[open] summary::before{
  content:"\2212";
  background:var(--hl-dm-navy);
  color:#fff;
  border-color:var(--hl-dm-navy);
}
.hl-drone-map-cat-faq-item p{
  font-size:11.5px;color:var(--hl-dm-slate);
  margin:0;
  padding:0 16px 14px;
  line-height:1.65;
}
.hl-drone-map-cat-faq-item p a{text-decoration:underline}

/* ============================================================ */
/* 17. FINAL CTA                                                */
/* ============================================================ */
.hl-drone-map-cat-finalcta{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hl-dm-navy-2);
  border-radius:var(--hl-dm-radius);
  padding:28px 24px 24px;
  margin:0;
  background:linear-gradient(135deg, var(--hl-dm-navy) 0%, var(--hl-dm-navy-2) 100%);
  color:#ffffff;
  box-shadow:var(--hl-dm-shadow);
  isolation:isolate;
}
.hl-drone-map-cat-finalcta-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 92% 10%, rgba(43,125,233,0.22) 0%, rgba(43,125,233,0) 55%),
    radial-gradient(circle at 8% 92%, rgba(58,168,121,0.10) 0%, rgba(58,168,121,0) 55%);
}
.hl-drone-map-cat-finalcta-grid-bg{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size:32px 32px;
  opacity:.6;
}
.hl-drone-map-cat .hl-drone-map-cat-finalcta h3,
.hl-drone-map-cat .hl-drone-map-cat-finalcta h4{color:#fff}
.hl-drone-map-cat .hl-drone-map-cat-finalcta p{color:rgba(255,255,255,0.92)}
.hl-drone-map-cat-finalcta-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.hl-drone-map-cat-finalcta-eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--hl-dm-electric-light);
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(207,229,255,0.30);
  border-radius:var(--hl-dm-radius-pill);
  padding:5px 12px;
  margin-bottom:10px;
}
.hl-drone-map-cat-finalcta-h{
  font-size:22px;margin:4px 0 8px;letter-spacing:-0.022em;
  font-weight:700;
  line-height:1.2;
}
.hl-drone-map-cat-finalcta-sub{font-size:13px;margin:0 auto 14px;max-width:560px;line-height:1.6}
.hl-drone-map-cat-finalcta-list{
  list-style:none;margin:0 auto 16px;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
  max-width:600px;
}
.hl-drone-map-cat-finalcta-list li{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:600;letter-spacing:0.01em;
  color:#fff;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(207,229,255,0.28);
  border-radius:var(--hl-dm-radius-pill);
  padding:5px 11px;
}
.hl-drone-map-cat-finalcta-ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ============================================================ */
/* RESPONSIVE                                                  */
/* ============================================================ */
@media (max-width:1024px){
  .hl-drone-map-cat-hero{padding:18px 16px}
  .hl-drone-map-cat-hero-grid{grid-template-columns:1fr;gap:18px}
  .hl-drone-map-cat-hero-h{font-size:21px}
  .hl-drone-map-cat-track-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-map-cat-why-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-map-cat-matrix-head,
  .hl-drone-map-cat-matrix-row{grid-template-columns:1.4fr 1.3fr 1.3fr 1.3fr}
  .hl-drone-map-cat-versus-grid{grid-template-columns:1fr}
  .hl-drone-map-cat-sites-grid,
  .hl-drone-map-cat-sectors-grid,
  .hl-drone-map-cat-trust-grid,
  .hl-drone-map-cat-related-grid{grid-template-columns:repeat(3,1fr)}
  .hl-drone-map-cat-cost-grid{grid-template-columns:repeat(3,1fr)}
  .hl-drone-map-cat-contact-grid{grid-template-columns:repeat(2,1fr)}
  .hl-drone-map-cat-checklist-list{grid-template-columns:repeat(2,1fr)}
  .hl-drone-map-cat-finalcta-h{font-size:20px}
}
@media (max-width:720px){
  .hl-drone-map-cat{padding:10px 10px;margin:12px auto}
  .hl-drone-map-cat-section-h{font-size:14.5px}
  .hl-drone-map-cat-hero{padding:18px 14px}
  .hl-drone-map-cat-hero-h{font-size:19px}
  .hl-drone-map-cat-hero-card-list li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-drone-map-cat-hero-card-a{text-align:left}
  .hl-drone-map-cat-track-grid{grid-template-columns:1fr}
  .hl-drone-map-cat-why-grid{grid-template-columns:1fr}
  .hl-drone-map-cat-matrix-head{display:none}
  .hl-drone-map-cat-matrix-row{grid-template-columns:1fr;gap:0;padding:8px 10px}
  .hl-drone-map-cat-matrix-cell{
    border-right:0;
    border-bottom:1px dashed var(--hl-dm-line-soft);
    padding:6px 0;
  }
  .hl-drone-map-cat-matrix-cell:last-child{border-bottom:0}
  .hl-drone-map-cat-matrix-cell-row{font-size:12px}
  .hl-drone-map-cat-versus-specs li{
    grid-template-columns:1fr;
    row-gap:1px;
  }
  .hl-drone-map-cat-spec-v{text-align:left}
  .hl-drone-map-cat-sites-grid,
  .hl-drone-map-cat-sectors-grid,
  .hl-drone-map-cat-cost-grid,
  .hl-drone-map-cat-contact-grid,
  .hl-drone-map-cat-trust-grid,
  .hl-drone-map-cat-related-grid,
  .hl-drone-map-cat-checklist-list{grid-template-columns:1fr !important}
  .hl-drone-map-cat-hero-ctas,
  .hl-drone-map-cat-finalcta-ctas{flex-direction:column}
  .hl-drone-map-cat-btn{width:100%;text-align:center;justify-content:center}
  .hl-drone-map-cat-finalcta{padding:22px 16px}
  .hl-drone-map-cat-finalcta-h{font-size:19px}
  .hl-drone-map-cat-rule{margin:12px 0}
  .hl-drone-map-cat-hero-coords{display:none}
}

/* END HIRELOAD DRONE SURVEYING & MAPPING — Scoped CSS         */

/* === HIRELOAD DRONE MAPPING CAT CSS — END 2026-05-06 === */


/* === Article 03: Damage & Deposits (Post 7568) === */
.postid-7568 .blog-sidebar,
.postid-7568 .widget-area,
.postid-7568 .post-sidebar,
.postid-7568 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-7568 #content > .row {
  justify-content: center !important;
}
.postid-7568 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-7568 footer.entry-meta,
.postid-7568 .entry-meta,
.postid-7568 .entry-author,
.postid-7568 .entry-author.author-box,
.postid-7568 .author-box,
.postid-7568 .navigation-post,
.postid-7568 .nav-previous,
.postid-7568 .nav-next,
.postid-7568 .blog-share,
.postid-7568 .entry-share,
.postid-7568 #comments,
.postid-7568 .comments-area,
.postid-7568 .comment-respond,
.postid-7568 .related-posts,
.postid-7568 .post-next-prev {
  display: none !important;
}
.postid-7568 .hl-split-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 24px 0;
}
@media (max-width: 768px) {
  .postid-7568 .hl-split-block {
    grid-template-columns: 1fr;
  }
}

/* === Article 04: How Many Dehumidifiers (Post 7572) === */
.postid-7572 .blog-sidebar,
.postid-7572 .widget-area,
.postid-7572 .post-sidebar,
.postid-7572 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-7572 #content > .row {
  justify-content: center !important;
}
.postid-7572 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-7572 footer.entry-meta,
.postid-7572 .entry-meta,
.postid-7572 .entry-author,
.postid-7572 .entry-author.author-box,
.postid-7572 .author-box,
.postid-7572 .navigation-post,
.postid-7572 .nav-previous,
.postid-7572 .nav-next,
.postid-7572 .blog-share,
.postid-7572 .entry-share,
.postid-7572 #comments,
.postid-7572 .comments-area,
.postid-7572 .comment-respond,
.postid-7572 .related-posts,
.postid-7572 .post-next-prev {
  display: none !important;
}

/* === Hireload — General Site Tools (parent category) — added 2026-05-07 === */

/* =====================================================
   Hireload — General Site Tools (parent category)
   v3 — warm cream + copper palette, compact
   Scoped to .hl-gst-cat only
   No body / html selectors. No full-page background.
   ===================================================== */

.hl-gst-cat {
  /* Core warm tool-hire palette */
  --hl-navy:        #1e2a3a;
  --hl-navy-2:      #2c3e50;
  --hl-navy-soft:   #34465c;

  --hl-copper:      #a86836;
  --hl-copper-2:    #8e5429;
  --hl-copper-soft: #c97f50;
  --hl-clay:        #b48a45;

  --hl-cream:       #fdf6ec;
  --hl-cream-2:     #f5e8d3;
  --hl-cream-3:     #ecd9be;
  --hl-cream-card:  #fbf2e3;
  --hl-cream-band:  #fdf8ee;

  --hl-hero-bg-1:   #f7e2bb;
  --hl-hero-bg-2:   #edc89a;
  --hl-hero-bg-3:   #c0875c;
  --hl-hero-frame:  #a06434;
  --hl-hero-glow:   #fbf2e2;

  --hl-warm-border: #e0c9a7;
  --hl-warm-border-2: #d4b896;
  --hl-warm-border-soft: #ead8b8;

  --hl-text:        #2c2017;
  --hl-text-soft:   #6b5a47;
  --hl-text-muted:  #8a7660;

  --hl-radius:      10px;
  --hl-radius-lg:   14px;
  --hl-shadow-sm:   0 1px 2px rgba(46, 32, 23, 0.04);

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-gst-cat * { box-sizing: border-box; }

.hl-gst-cat a {
  color: var(--hl-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--hl-warm-border-2);
}
.hl-gst-cat a:hover { color: var(--hl-copper); text-decoration-color: var(--hl-copper); }

.hl-gst-cat h2,
.hl-gst-cat h3,
.hl-gst-cat h4 {
  font-family: inherit;
  color: var(--hl-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}

.hl-gst-cat p { margin: 0 0 0.6em 0; }

.hl-gst-section-h {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 4px 0 2px 0;
  color: var(--hl-navy);
}
.hl-gst-section-sub {
  color: var(--hl-text-soft);
  margin-top: 0;
  margin-bottom: 0.7em;
  font-size: 0.84rem;
}

.hl-gst-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--hl-warm-border);
  color: var(--hl-copper-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-gst-pill span[aria-hidden] { font-size: 0.78rem; }

.hl-gst-hero {
  background:
    radial-gradient(120% 110% at 100% 100%, rgba(160, 100, 52, 0.28) 0%, transparent 55%),
    linear-gradient(135deg, var(--hl-hero-bg-1) 0%, var(--hl-hero-bg-2) 50%, var(--hl-hero-bg-3) 100%);
  border: 2px solid var(--hl-hero-frame);
  border-radius: var(--hl-radius-lg);
  padding: 16px;
  margin: 14px 0 18px 0;
  box-shadow:
    0 0 0 6px var(--hl-hero-glow),
    0 6px 20px rgba(160, 100, 52, 0.10);
}
.hl-gst-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 14px;
  align-items: stretch;
}
.hl-gst-hero-main { display: flex; flex-direction: column; }
.hl-gst-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid rgba(160, 100, 52, 0.30);
  color: var(--hl-copper-2);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(160, 100, 52, 0.08);
}
.hl-gst-hero-h {
  color: var(--hl-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}
.hl-gst-hero-sub {
  color: #4a3a2a;
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}
.hl-gst-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}
.hl-gst-hero-ctas .hl-gst-btn-primary {
  background: var(--hl-hero-frame);
  border-color: var(--hl-hero-frame);
  padding: 9px 18px;
  font-size: 0.85rem;
  border-radius: 7px;
  box-shadow: 0 2px 4px rgba(160, 100, 52, 0.22);
}
.hl-gst-hero-ctas .hl-gst-btn-primary:hover {
  background: #8e5429;
  border-color: #8e5429;
}
.hl-gst-hero-ctas .hl-gst-btn-outline {
  background: #ffffff;
  color: var(--hl-navy);
  border-color: var(--hl-navy);
  padding: 9px 18px;
  font-size: 0.85rem;
  border-radius: 7px;
}

.hl-gst-hero-side {
  background: #ffffff;
  border: 1px solid rgba(160, 100, 52, 0.22);
  border-radius: var(--hl-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(160, 100, 52, 0.10);
}
.hl-gst-hero-side-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--hl-copper-2);
  margin-bottom: 3px;
}
.hl-gst-hero-side-q {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--hl-navy);
  margin: 0 0 6px 0;
}
.hl-gst-hero-side-list { list-style: none; margin: 0; padding: 0; }
.hl-gst-hero-side-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed rgba(160, 100, 52, 0.32);
  font-size: 0.8rem;
}
.hl-gst-hero-side-list li:last-child { border-bottom: 0; }
.hl-gst-hero-side-list li > span { color: var(--hl-navy); font-weight: 600; }
.hl-gst-hero-side-list li > a {
  color: var(--hl-copper-2);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  font-size: 0.78rem;
}
.hl-gst-hero-side-list li > a:hover { color: var(--hl-copper); text-decoration: underline; }

.hl-gst-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.9rem;
  border: 1px solid transparent;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
  line-height: 1;
}
.hl-gst-btn-primary { background: var(--hl-copper); color: #ffffff; border-color: var(--hl-copper); }
.hl-gst-btn-primary:hover { background: var(--hl-copper-2); border-color: var(--hl-copper-2); color: #ffffff; transform: translateY(-1px); }
.hl-gst-btn-outline { background: #ffffff; color: var(--hl-navy); border-color: var(--hl-navy); }
.hl-gst-btn-outline:hover { background: var(--hl-navy); color: #ffffff; border-color: var(--hl-navy); }
.hl-gst-btn-outline-dark { background: transparent; color: #ffffff; border-color: rgba(255,255,255,0.5); }
.hl-gst-btn-outline-dark:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.8); color: #ffffff; }

.hl-gst-quick {
  background: var(--hl-cream-band);
  border: 1px solid var(--hl-warm-border);
  border-left: 3px solid var(--hl-copper);
  border-radius: var(--hl-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-gst-quick .hl-gst-pill { margin-bottom: 3px; }
.hl-gst-quick-h { font-size: 0.95rem; margin: 2px 0 4px 0; color: var(--hl-navy); }
.hl-gst-quick p { margin: 0; font-size: 0.85rem; color: var(--hl-text); line-height: 1.5; }

.hl-gst-jobs { margin: 0 0 18px 0; }
.hl-gst-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--hl-warm-border);
  border-radius: var(--hl-radius);
  background: #ffffff;
}
.hl-gst-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; min-width: 680px; }
.hl-gst-table thead th {
  background: var(--hl-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
.hl-gst-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--hl-navy);
  text-align: left;
  background: var(--hl-cream-band);
  padding: 7px 10px;
  border-top: 1px solid var(--hl-warm-border-soft);
  width: 28%;
  font-size: 0.82rem;
}
.hl-gst-table td {
  padding: 7px 10px;
  border-top: 1px solid var(--hl-warm-border-soft);
  vertical-align: top;
  color: var(--hl-text);
  font-size: 0.82rem;
}
.hl-gst-table tbody tr:hover td,
.hl-gst-table tbody tr:hover th[scope="row"] {
  background: var(--hl-cream);
}

.hl-gst-groups { margin: 0 0 18px 0; }
.hl-gst-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.hl-gst-card {
  background: #ffffff;
  border: 1px solid var(--hl-warm-border);
  border-radius: var(--hl-radius);
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-gst-card::before {
  content: "";
  position: absolute;
  left: 10px; right: 10px; top: 0;
  height: 3px;
  background: transparent;
  border-radius: 0 0 3px 3px;
  transition: background 0.15s ease;
}
.hl-gst-card:hover {
  border-color: var(--hl-copper-soft);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(168, 104, 54, 0.08);
}
.hl-gst-card:hover::before { background: var(--hl-copper); }
.hl-gst-card-ico {
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--hl-cream);
  border: 1px solid var(--hl-warm-border-soft);
  margin-bottom: 5px;
}
.hl-gst-card h4 { font-size: 0.9rem; margin: 0 0 3px 0; color: var(--hl-navy); }
.hl-gst-card p { font-size: 0.78rem; color: var(--hl-text-soft); margin: 0 0 6px 0; flex: 1; line-height: 1.4; }
.hl-gst-card-link {
  font-weight: 700;
  font-size: 0.77rem;
  color: var(--hl-copper-2);
  text-decoration: none;
  align-self: flex-start;
  border-bottom: 1px solid var(--hl-warm-border-2);
  padding-bottom: 1px;
}
.hl-gst-card-link:hover { color: var(--hl-copper); border-bottom-color: var(--hl-copper); }

.hl-gst-selector { margin: 0 0 18px 0; }
.hl-gst-pick {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 6px;
}
.hl-gst-pick-item {
  background: #ffffff;
  border: 1px solid var(--hl-warm-border);
  border-radius: var(--hl-radius);
  padding: 8px 10px;
  text-align: left;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.hl-gst-pick-item:hover { border-color: var(--hl-copper); background: var(--hl-cream-band); }
.hl-gst-pick-ico { display: inline-block; font-size: 0.9rem; margin-bottom: 1px; }
.hl-gst-pick-item h4 { font-size: 0.82rem; margin: 0 0 3px 0; font-weight: 600; color: var(--hl-navy); }
.hl-gst-pick-item a { font-weight: 700; font-size: 0.76rem; text-decoration: none; color: var(--hl-copper-2); }
.hl-gst-pick-item a:hover { color: var(--hl-copper); }

.hl-gst-projects { margin: 0 0 18px 0; }
.hl-gst-proj-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-gst-proj {
  background: #ffffff;
  border: 1px solid var(--hl-warm-border);
  border-left: 3px solid var(--hl-copper-soft);
  border-radius: var(--hl-radius);
  padding: 9px 11px;
}
.hl-gst-proj h4 { font-size: 0.86rem; margin: 0 0 3px 0; color: var(--hl-navy); }
.hl-gst-proj p { font-size: 0.78rem; color: var(--hl-text); margin: 0 0 3px 0; line-height: 1.4; }
.hl-gst-proj p strong { color: var(--hl-navy); }
.hl-gst-proj-note { font-size: 0.74rem !important; color: var(--hl-text-soft); margin: 0 !important; }

.hl-gst-hirebuy { margin: 0 0 18px 0; }
.hl-gst-hirebuy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}
.hl-gst-hirebuy-col {
  background: #ffffff;
  border: 1px solid var(--hl-warm-border);
  border-radius: var(--hl-radius);
  padding: 10px 12px;
}
.hl-gst-hirebuy-col--accent { background: var(--hl-cream-card); border-color: var(--hl-warm-border-2); }
.hl-gst-hirebuy-col h4 { font-size: 0.88rem; margin: 0 0 5px 0; color: var(--hl-navy); }
.hl-gst-hirebuy-col ul { margin: 0 0 3px 0; padding-left: 15px; }
.hl-gst-hirebuy-col li { margin-bottom: 2px; font-size: 0.8rem; color: var(--hl-text); line-height: 1.45; }
.hl-gst-hirebuy-col li::marker { color: var(--hl-copper); }
.hl-gst-hirebuy-note { margin-top: 5px; font-size: 0.78rem; color: var(--hl-text-soft); }

.hl-gst-cost { margin: 0 0 18px 0; }
.hl-gst-cost-grid {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 5px;
}
.hl-gst-cost-grid li {
  background: var(--hl-cream-band);
  border: 1px solid var(--hl-warm-border-soft);
  border-left: 2px solid var(--hl-copper);
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 0.78rem;
  color: var(--hl-text);
  line-height: 1.45;
}
.hl-gst-cost-grid li strong { color: var(--hl-navy); }
.hl-gst-cost-cta { font-size: 0.84rem; color: var(--hl-text); margin: 5px 0 0 0; }
.hl-gst-cost-cta a { color: var(--hl-copper-2); font-weight: 700; }

.hl-gst-checklist { margin: 0 0 18px 0; }
.hl-gst-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 5px;
}
.hl-gst-check-list li {
  background: #ffffff;
  border: 1px solid var(--hl-warm-border);
  border-radius: 5px;
  padding: 6px 9px 6px 28px;
  position: relative;
  font-size: 0.78rem;
  color: var(--hl-text);
  line-height: 1.4;
}
.hl-gst-check-list li::before {
  content: "✓";
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--hl-copper);
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 0.62rem;
}
.hl-gst-check-list li span { color: var(--hl-text-soft); font-size: 0.7rem; display: block; margin-top: 1px; }
.hl-gst-check-list li a { color: var(--hl-copper-2); font-weight: 700; }

.hl-gst-related { margin: 0 0 18px 0; }
.hl-gst-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-gst-related-list a {
  display: inline-block;
  background: #ffffff;
  border: 1px solid var(--hl-warm-border-2);
  border-radius: 5px;
  padding: 5px 9px;
  text-decoration: none;
  color: var(--hl-navy);
  font-size: 0.78rem;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hl-gst-related-list a:hover { background: var(--hl-copper); border-color: var(--hl-copper); color: #ffffff; }

.hl-gst-faq { margin: 0 0 18px 0; }
.hl-gst-faq-item {
  background: #ffffff;
  border: 1px solid var(--hl-warm-border);
  border-radius: var(--hl-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-gst-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--hl-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-gst-faq-item summary::-webkit-details-marker { display: none; }
.hl-gst-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--hl-copper);
  font-weight: 700;
}
.hl-gst-faq-item[open] summary::after { content: "−"; }
.hl-gst-faq-item p { margin: 0 0 7px 0; color: var(--hl-text); font-size: 0.8rem; line-height: 1.5; }
.hl-gst-faq-item p a { color: var(--hl-copper-2); font-weight: 600; }

.hl-gst-cta {
  background: linear-gradient(135deg, var(--hl-navy) 0%, var(--hl-navy-2) 100%);
  color: #ffffff;
  border-radius: var(--hl-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-gst-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 70%, rgba(168, 104, 54, 0.18) 100%);
  pointer-events: none;
}
.hl-gst-cta-h { color: #ffffff; font-size: 1rem; margin: 0 0 3px 0; position: relative; z-index: 1; }
.hl-gst-cta-sub {
  color: rgba(255,255,255,0.82);
  font-size: 0.82rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-gst-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-gst-cta-buttons .hl-gst-btn { padding: 8px 14px; font-size: 0.82rem; }

@media (max-width: 760px) {
  .hl-gst-hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-gst-cat { font-size: 13.5px; padding: 0 9px; }
  .hl-gst-hero { padding: 12px; }
  .hl-gst-hero-h { font-size: 1.18rem; }
  .hl-gst-hero-sub { font-size: 0.82rem; }
  .hl-gst-section-h { font-size: 1.02rem; }
  .hl-gst-cta { padding: 12px 12px; }
  .hl-gst-cta-h { font-size: 0.95rem; }
}


/* ═══ CL-01 to CL-16: Cleaning Equipment Blog Drafts ═══ */
/* Sidebar-free, centred, full-width blog layout — 16 posts */

/* 1. Hide sidebar */
.postid-7579 .blog-sidebar,
.postid-7580 .blog-sidebar,
.postid-7581 .blog-sidebar,
.postid-7582 .blog-sidebar,
.postid-7583 .blog-sidebar,
.postid-7584 .blog-sidebar,
.postid-7585 .blog-sidebar,
.postid-7586 .blog-sidebar,
.postid-7587 .blog-sidebar,
.postid-7588 .blog-sidebar,
.postid-7589 .blog-sidebar,
.postid-7596 .blog-sidebar,
.postid-7597 .blog-sidebar,
.postid-7598 .blog-sidebar,
.postid-7599 .blog-sidebar,
.postid-7600 .blog-sidebar,
.postid-7579 .widget-area,
.postid-7580 .widget-area,
.postid-7581 .widget-area,
.postid-7582 .widget-area,
.postid-7583 .widget-area,
.postid-7584 .widget-area,
.postid-7585 .widget-area,
.postid-7586 .widget-area,
.postid-7587 .widget-area,
.postid-7588 .widget-area,
.postid-7589 .widget-area,
.postid-7596 .widget-area,
.postid-7597 .widget-area,
.postid-7598 .widget-area,
.postid-7599 .widget-area,
.postid-7600 .widget-area,
.postid-7579 .post-sidebar,
.postid-7580 .post-sidebar,
.postid-7581 .post-sidebar,
.postid-7582 .post-sidebar,
.postid-7583 .post-sidebar,
.postid-7584 .post-sidebar,
.postid-7585 .post-sidebar,
.postid-7586 .post-sidebar,
.postid-7587 .post-sidebar,
.postid-7588 .post-sidebar,
.postid-7589 .post-sidebar,
.postid-7596 .post-sidebar,
.postid-7597 .post-sidebar,
.postid-7598 .post-sidebar,
.postid-7599 .post-sidebar,
.postid-7600 .post-sidebar,
.postid-7579 .post-sidebar.large-3,
.postid-7580 .post-sidebar.large-3,
.postid-7581 .post-sidebar.large-3,
.postid-7582 .post-sidebar.large-3,
.postid-7583 .post-sidebar.large-3,
.postid-7584 .post-sidebar.large-3,
.postid-7585 .post-sidebar.large-3,
.postid-7586 .post-sidebar.large-3,
.postid-7587 .post-sidebar.large-3,
.postid-7588 .post-sidebar.large-3,
.postid-7589 .post-sidebar.large-3,
.postid-7596 .post-sidebar.large-3,
.postid-7597 .post-sidebar.large-3,
.postid-7598 .post-sidebar.large-3,
.postid-7599 .post-sidebar.large-3,
.postid-7600 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* 2. Expand and centre content column */
.postid-7579 #content > .row,
.postid-7580 #content > .row,
.postid-7581 #content > .row,
.postid-7582 #content > .row,
.postid-7583 #content > .row,
.postid-7584 #content > .row,
.postid-7585 #content > .row,
.postid-7586 #content > .row,
.postid-7587 #content > .row,
.postid-7588 #content > .row,
.postid-7589 #content > .row,
.postid-7596 #content > .row,
.postid-7597 #content > .row,
.postid-7598 #content > .row,
.postid-7599 #content > .row,
.postid-7600 #content > .row {
  justify-content: center !important;
}
.postid-7579 #content > .row > .large-9,
.postid-7580 #content > .row > .large-9,
.postid-7581 #content > .row > .large-9,
.postid-7582 #content > .row > .large-9,
.postid-7583 #content > .row > .large-9,
.postid-7584 #content > .row > .large-9,
.postid-7585 #content > .row > .large-9,
.postid-7586 #content > .row > .large-9,
.postid-7587 #content > .row > .large-9,
.postid-7588 #content > .row > .large-9,
.postid-7589 #content > .row > .large-9,
.postid-7596 #content > .row > .large-9,
.postid-7597 #content > .row > .large-9,
.postid-7598 #content > .row > .large-9,
.postid-7599 #content > .row > .large-9,
.postid-7600 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}

/* 3. Hide entry-meta, author box, post nav, share, comments */
.postid-7579 footer.entry-meta,
.postid-7580 footer.entry-meta,
.postid-7581 footer.entry-meta,
.postid-7582 footer.entry-meta,
.postid-7583 footer.entry-meta,
.postid-7584 footer.entry-meta,
.postid-7585 footer.entry-meta,
.postid-7586 footer.entry-meta,
.postid-7587 footer.entry-meta,
.postid-7588 footer.entry-meta,
.postid-7589 footer.entry-meta,
.postid-7596 footer.entry-meta,
.postid-7597 footer.entry-meta,
.postid-7598 footer.entry-meta,
.postid-7599 footer.entry-meta,
.postid-7600 footer.entry-meta,
.postid-7579 .entry-meta,
.postid-7580 .entry-meta,
.postid-7581 .entry-meta,
.postid-7582 .entry-meta,
.postid-7583 .entry-meta,
.postid-7584 .entry-meta,
.postid-7585 .entry-meta,
.postid-7586 .entry-meta,
.postid-7587 .entry-meta,
.postid-7588 .entry-meta,
.postid-7589 .entry-meta,
.postid-7596 .entry-meta,
.postid-7597 .entry-meta,
.postid-7598 .entry-meta,
.postid-7599 .entry-meta,
.postid-7600 .entry-meta,
.postid-7579 .entry-author,
.postid-7580 .entry-author,
.postid-7581 .entry-author,
.postid-7582 .entry-author,
.postid-7583 .entry-author,
.postid-7584 .entry-author,
.postid-7585 .entry-author,
.postid-7586 .entry-author,
.postid-7587 .entry-author,
.postid-7588 .entry-author,
.postid-7589 .entry-author,
.postid-7596 .entry-author,
.postid-7597 .entry-author,
.postid-7598 .entry-author,
.postid-7599 .entry-author,
.postid-7600 .entry-author,
.postid-7579 .entry-author.author-box,
.postid-7580 .entry-author.author-box,
.postid-7581 .entry-author.author-box,
.postid-7582 .entry-author.author-box,
.postid-7583 .entry-author.author-box,
.postid-7584 .entry-author.author-box,
.postid-7585 .entry-author.author-box,
.postid-7586 .entry-author.author-box,
.postid-7587 .entry-author.author-box,
.postid-7588 .entry-author.author-box,
.postid-7589 .entry-author.author-box,
.postid-7596 .entry-author.author-box,
.postid-7597 .entry-author.author-box,
.postid-7598 .entry-author.author-box,
.postid-7599 .entry-author.author-box,
.postid-7600 .entry-author.author-box,
.postid-7579 .author-box,
.postid-7580 .author-box,
.postid-7581 .author-box,
.postid-7582 .author-box,
.postid-7583 .author-box,
.postid-7584 .author-box,
.postid-7585 .author-box,
.postid-7586 .author-box,
.postid-7587 .author-box,
.postid-7588 .author-box,
.postid-7589 .author-box,
.postid-7596 .author-box,
.postid-7597 .author-box,
.postid-7598 .author-box,
.postid-7599 .author-box,
.postid-7600 .author-box,
.postid-7579 .navigation-post,
.postid-7580 .navigation-post,
.postid-7581 .navigation-post,
.postid-7582 .navigation-post,
.postid-7583 .navigation-post,
.postid-7584 .navigation-post,
.postid-7585 .navigation-post,
.postid-7586 .navigation-post,
.postid-7587 .navigation-post,
.postid-7588 .navigation-post,
.postid-7589 .navigation-post,
.postid-7596 .navigation-post,
.postid-7597 .navigation-post,
.postid-7598 .navigation-post,
.postid-7599 .navigation-post,
.postid-7600 .navigation-post,
.postid-7579 .nav-previous,
.postid-7580 .nav-previous,
.postid-7581 .nav-previous,
.postid-7582 .nav-previous,
.postid-7583 .nav-previous,
.postid-7584 .nav-previous,
.postid-7585 .nav-previous,
.postid-7586 .nav-previous,
.postid-7587 .nav-previous,
.postid-7588 .nav-previous,
.postid-7589 .nav-previous,
.postid-7596 .nav-previous,
.postid-7597 .nav-previous,
.postid-7598 .nav-previous,
.postid-7599 .nav-previous,
.postid-7600 .nav-previous,
.postid-7579 .nav-next,
.postid-7580 .nav-next,
.postid-7581 .nav-next,
.postid-7582 .nav-next,
.postid-7583 .nav-next,
.postid-7584 .nav-next,
.postid-7585 .nav-next,
.postid-7586 .nav-next,
.postid-7587 .nav-next,
.postid-7588 .nav-next,
.postid-7589 .nav-next,
.postid-7596 .nav-next,
.postid-7597 .nav-next,
.postid-7598 .nav-next,
.postid-7599 .nav-next,
.postid-7600 .nav-next,
.postid-7579 .blog-share,
.postid-7580 .blog-share,
.postid-7581 .blog-share,
.postid-7582 .blog-share,
.postid-7583 .blog-share,
.postid-7584 .blog-share,
.postid-7585 .blog-share,
.postid-7586 .blog-share,
.postid-7587 .blog-share,
.postid-7588 .blog-share,
.postid-7589 .blog-share,
.postid-7596 .blog-share,
.postid-7597 .blog-share,
.postid-7598 .blog-share,
.postid-7599 .blog-share,
.postid-7600 .blog-share,
.postid-7579 .social-icons.share-icons,
.postid-7580 .social-icons.share-icons,
.postid-7581 .social-icons.share-icons,
.postid-7582 .social-icons.share-icons,
.postid-7583 .social-icons.share-icons,
.postid-7584 .social-icons.share-icons,
.postid-7585 .social-icons.share-icons,
.postid-7586 .social-icons.share-icons,
.postid-7587 .social-icons.share-icons,
.postid-7588 .social-icons.share-icons,
.postid-7589 .social-icons.share-icons,
.postid-7596 .social-icons.share-icons,
.postid-7597 .social-icons.share-icons,
.postid-7598 .social-icons.share-icons,
.postid-7599 .social-icons.share-icons,
.postid-7600 .social-icons.share-icons,
.postid-7579 #comments,
.postid-7580 #comments,
.postid-7581 #comments,
.postid-7582 #comments,
.postid-7583 #comments,
.postid-7584 #comments,
.postid-7585 #comments,
.postid-7586 #comments,
.postid-7587 #comments,
.postid-7588 #comments,
.postid-7589 #comments,
.postid-7596 #comments,
.postid-7597 #comments,
.postid-7598 #comments,
.postid-7599 #comments,
.postid-7600 #comments,
.postid-7579 #respond,
.postid-7580 #respond,
.postid-7581 #respond,
.postid-7582 #respond,
.postid-7583 #respond,
.postid-7584 #respond,
.postid-7585 #respond,
.postid-7586 #respond,
.postid-7587 #respond,
.postid-7588 #respond,
.postid-7589 #respond,
.postid-7596 #respond,
.postid-7597 #respond,
.postid-7598 #respond,
.postid-7599 #respond,
.postid-7600 #respond {
  display: none !important;
}

/* 4. FAQ accordion overrides */
.postid-7579 .hl-faq-item,
.postid-7580 .hl-faq-item,
.postid-7581 .hl-faq-item,
.postid-7582 .hl-faq-item,
.postid-7583 .hl-faq-item,
.postid-7584 .hl-faq-item,
.postid-7585 .hl-faq-item,
.postid-7586 .hl-faq-item,
.postid-7587 .hl-faq-item,
.postid-7588 .hl-faq-item,
.postid-7589 .hl-faq-item,
.postid-7596 .hl-faq-item,
.postid-7597 .hl-faq-item,
.postid-7598 .hl-faq-item,
.postid-7599 .hl-faq-item,
.postid-7600 .hl-faq-item {
  margin-bottom: 0 !important;
  border: none !important;
  border-bottom: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.postid-7579 .hl-faq-item:last-child,
.postid-7580 .hl-faq-item:last-child,
.postid-7581 .hl-faq-item:last-child,
.postid-7582 .hl-faq-item:last-child,
.postid-7583 .hl-faq-item:last-child,
.postid-7584 .hl-faq-item:last-child,
.postid-7585 .hl-faq-item:last-child,
.postid-7586 .hl-faq-item:last-child,
.postid-7587 .hl-faq-item:last-child,
.postid-7588 .hl-faq-item:last-child,
.postid-7589 .hl-faq-item:last-child,
.postid-7596 .hl-faq-item:last-child,
.postid-7597 .hl-faq-item:last-child,
.postid-7598 .hl-faq-item:last-child,
.postid-7599 .hl-faq-item:last-child,
.postid-7600 .hl-faq-item:last-child {
  border-bottom: none !important;
}
.postid-7579 .hl-faq-item summary,
.postid-7580 .hl-faq-item summary,
.postid-7581 .hl-faq-item summary,
.postid-7582 .hl-faq-item summary,
.postid-7583 .hl-faq-item summary,
.postid-7584 .hl-faq-item summary,
.postid-7585 .hl-faq-item summary,
.postid-7586 .hl-faq-item summary,
.postid-7587 .hl-faq-item summary,
.postid-7588 .hl-faq-item summary,
.postid-7589 .hl-faq-item summary,
.postid-7596 .hl-faq-item summary,
.postid-7597 .hl-faq-item summary,
.postid-7598 .hl-faq-item summary,
.postid-7599 .hl-faq-item summary,
.postid-7600 .hl-faq-item summary {
  padding: 16px 36px 16px 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #1a2e44 !important;
  position: relative !important;
  list-style: none !important;
}
.postid-7579 .hl-faq-item summary::after,
.postid-7580 .hl-faq-item summary::after,
.postid-7581 .hl-faq-item summary::after,
.postid-7582 .hl-faq-item summary::after,
.postid-7583 .hl-faq-item summary::after,
.postid-7584 .hl-faq-item summary::after,
.postid-7585 .hl-faq-item summary::after,
.postid-7586 .hl-faq-item summary::after,
.postid-7587 .hl-faq-item summary::after,
.postid-7588 .hl-faq-item summary::after,
.postid-7589 .hl-faq-item summary::after,
.postid-7596 .hl-faq-item summary::after,
.postid-7597 .hl-faq-item summary::after,
.postid-7598 .hl-faq-item summary::after,
.postid-7599 .hl-faq-item summary::after,
.postid-7600 .hl-faq-item summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 20px !important;
  color: #2a7d8a !important;
  font-weight: 400 !important;
}
.postid-7579 .hl-faq-item[open] summary::after,
.postid-7580 .hl-faq-item[open] summary::after,
.postid-7581 .hl-faq-item[open] summary::after,
.postid-7582 .hl-faq-item[open] summary::after,
.postid-7583 .hl-faq-item[open] summary::after,
.postid-7584 .hl-faq-item[open] summary::after,
.postid-7585 .hl-faq-item[open] summary::after,
.postid-7586 .hl-faq-item[open] summary::after,
.postid-7587 .hl-faq-item[open] summary::after,
.postid-7588 .hl-faq-item[open] summary::after,
.postid-7589 .hl-faq-item[open] summary::after,
.postid-7596 .hl-faq-item[open] summary::after,
.postid-7597 .hl-faq-item[open] summary::after,
.postid-7598 .hl-faq-item[open] summary::after,
.postid-7599 .hl-faq-item[open] summary::after,
.postid-7600 .hl-faq-item[open] summary::after {
  content: "\2212" !important;
}
.postid-7579 .hl-faq-item summary::-webkit-details-marker,
.postid-7580 .hl-faq-item summary::-webkit-details-marker,
.postid-7581 .hl-faq-item summary::-webkit-details-marker,
.postid-7582 .hl-faq-item summary::-webkit-details-marker,
.postid-7583 .hl-faq-item summary::-webkit-details-marker,
.postid-7584 .hl-faq-item summary::-webkit-details-marker,
.postid-7585 .hl-faq-item summary::-webkit-details-marker,
.postid-7586 .hl-faq-item summary::-webkit-details-marker,
.postid-7587 .hl-faq-item summary::-webkit-details-marker,
.postid-7588 .hl-faq-item summary::-webkit-details-marker,
.postid-7589 .hl-faq-item summary::-webkit-details-marker,
.postid-7596 .hl-faq-item summary::-webkit-details-marker,
.postid-7597 .hl-faq-item summary::-webkit-details-marker,
.postid-7598 .hl-faq-item summary::-webkit-details-marker,
.postid-7599 .hl-faq-item summary::-webkit-details-marker,
.postid-7600 .hl-faq-item summary::-webkit-details-marker {
  display: none !important;
}
.postid-7579 .hl-faq-item > div,
.postid-7580 .hl-faq-item > div,
.postid-7581 .hl-faq-item > div,
.postid-7582 .hl-faq-item > div,
.postid-7583 .hl-faq-item > div,
.postid-7584 .hl-faq-item > div,
.postid-7585 .hl-faq-item > div,
.postid-7586 .hl-faq-item > div,
.postid-7587 .hl-faq-item > div,
.postid-7588 .hl-faq-item > div,
.postid-7589 .hl-faq-item > div,
.postid-7596 .hl-faq-item > div,
.postid-7597 .hl-faq-item > div,
.postid-7598 .hl-faq-item > div,
.postid-7599 .hl-faq-item > div,
.postid-7600 .hl-faq-item > div {
  padding: 0 0 16px !important;
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}


/* === Carpet Cleaner Product CSS — added 2026-05-07 === */
/* ==========================================================================
   Hireload — Carpet Cleaner Hire London (Product 6280) — v4 scoped CSS
   Style direction: Floor Cleaners category palette (navy / teal / aqua / cream),
   compacted for a single product page (tighter spacing, smaller hero, shorter cards).
   Scope: .hl-prod-carpet (and .hl-pc-* descendants only).
   No body / html / *  / :root selectors. No global resets.
   ========================================================================== */

.hl-prod-carpet {
  /* Tokens kept inside the scope so nothing leaks site-wide */
  --hl-pc-navy: #0c2547;
  --hl-pc-navy-2: #143b6d;
  --hl-pc-teal: #0aa6a3;
  --hl-pc-teal-2: #0a807e;
  --hl-pc-aqua: #14c4c1;
  --hl-pc-aqua-tint: #d6f4f3;
  --hl-pc-aqua-tint-2: #eaf9f8;
  --hl-pc-aqua-soft: #f6fbfb;
  --hl-pc-line: #e6f1f0;
  --hl-pc-line-2: #cfeeec;
  --hl-pc-ink: #1d2b40;
  --hl-pc-ink-2: #283b54;
  --hl-pc-ink-soft: #3a4a60;
  --hl-pc-muted: #56697f;
  --hl-pc-cream: #fff7e6;
  --hl-pc-amber: #b97a06;
  --hl-pc-amber-line: #f0d6a3;
  --hl-pc-radius: 14px;
  --hl-pc-radius-sm: 10px;
  --hl-pc-shadow-sm: 0 1px 3px rgba(12,37,71,.05);
  --hl-pc-shadow-md: 0 6px 18px rgba(10,166,163,.10);

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--hl-pc-ink);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  max-width: 1080px;
  margin: 0 auto;
  padding: 4px 0;
}

.hl-prod-carpet *{ box-sizing: border-box; }

.hl-prod-carpet h2,
.hl-prod-carpet h3,
.hl-prod-carpet h4 {
  font-family: 'Inter', sans-serif;
  color: var(--hl-pc-navy);
  margin: 0 0 8px;
  letter-spacing: -.005em;
}
.hl-prod-carpet h2 { font-size: 22px; font-weight: 800; line-height: 1.2; }
.hl-prod-carpet h3 { font-size: 17px; font-weight: 700; line-height: 1.25; }
.hl-prod-carpet h4 { font-size: 14px; font-weight: 700; }
.hl-prod-carpet p  { margin: 0 0 10px; color: var(--hl-pc-ink-2); }
.hl-prod-carpet a  { color: var(--hl-pc-teal); text-decoration: none; border-bottom: 1px solid rgba(10,166,163,.30); }
.hl-prod-carpet a:hover { color: var(--hl-pc-navy); border-bottom-color: var(--hl-pc-navy); }

.hl-pc-eyebrow {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--hl-pc-teal);
  margin-bottom: 6px;
}

/* SECTIONS: keep visually separated but compact ----------------------------- */
.hl-prod-carpet .hl-pc-section { margin: 0 0 18px; }
.hl-prod-carpet .hl-pc-section-head { margin: 0 0 10px; }
.hl-prod-carpet .hl-pc-section-head h3 { margin-bottom: 2px; }
.hl-prod-carpet .hl-pc-section-head p { color: var(--hl-pc-muted); font-size: 12.5px; margin: 0; }

/* HERO ---------------------------------------------------------------------- */
.hl-pc-hero {
  position: relative;
  background: linear-gradient(135deg, var(--hl-pc-navy) 0%, var(--hl-pc-navy-2) 60%, var(--hl-pc-teal) 140%);
  border-radius: 14px;
  padding: 16px 18px;
  color: #ffffff;
  overflow: hidden;
  margin: 0 0 14px;
  box-shadow: 0 6px 20px rgba(12,37,71,.10);
}
.hl-pc-hero::before {
  content: ""; position: absolute; inset: auto -100px -120px auto;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(20,196,193,.42) 0%, rgba(20,196,193,0) 60%);
  pointer-events: none;
}
.hl-pc-hero::after {
  content: ""; position: absolute; inset: -50px auto auto -70px;
  width: 180px; height: 180px;
  background: radial-gradient(circle, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 65%);
  pointer-events: none;
}

.hl-pc-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}
.hl-pc-hero-main { min-width: 0; }
.hl-pc-hero .hl-pc-eyebrow { color: var(--hl-pc-aqua); margin-bottom: 4px; }
.hl-pc-hero h2 {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 5px;
  font-weight: 800;
  text-shadow: 0 1px 0 rgba(0,0,0,.05);
}
.hl-prod-carpet .hl-pc-hero p,
.hl-prod-carpet .hl-pc-hero .hl-pc-hero-sub {
  color: #ffffff;
  font-weight: 500;
  font-size: 12.5px;
  line-height: 1.5;
  margin: 0 0 9px;
  max-width: 520px;
  opacity: 1;
}

.hl-pc-spec-strip {
  list-style: none;
  display: flex; flex-wrap: wrap; gap: 5px;
  padding: 0; margin: 0 0 9px;
}
.hl-pc-spec-strip li {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.28);
  color: #ffffff;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .015em;
  line-height: 1.45;
}
.hl-pc-spec-strip li::before {
  content: "";
  width: 5px; height: 5px;
  background: var(--hl-pc-aqua);
  border-radius: 50%;
  display: inline-block;
}
.hl-pc-spec-strip strong { color: #ffffff; font-weight: 800; }

.hl-pc-hero-ctas {
  display: flex; flex-wrap: wrap; gap: 6px;
  margin-top: 2px;
}
.hl-pc-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 7px 14px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .015em;
  border: 1px solid transparent;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
  white-space: nowrap;
  line-height: 1.3;
}
.hl-pc-btn-primary {
  background: var(--hl-pc-aqua);
  color: var(--hl-pc-navy) !important;
  border-color: var(--hl-pc-aqua);
}
.hl-pc-btn-primary:hover { background: #ffffff; border-color: #ffffff; }
.hl-pc-btn-outline {
  background: transparent;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.65);
}
.hl-pc-btn-outline:hover { background: rgba(255,255,255,.12); border-color: #ffffff; }
.hl-pc-btn-ghost {
  background: rgba(255,255,255,.10);
  color: #ffffff !important;
  border-color: rgba(255,255,255,.28);
}
.hl-pc-btn-ghost:hover { background: rgba(255,255,255,.18); border-color: #ffffff; }

/* Hero side — Popular-for mini card */
.hl-pc-hero-side {
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 10px;
  padding: 11px 12px 10px;
  color: #ffffff;
  display: flex; flex-direction: column; gap: 4px;
  backdrop-filter: blur(2px);
}
.hl-pc-hero-side .hl-pc-eyebrow { color: var(--hl-pc-aqua); margin: 0 0 2px; font-size: 9.5px; }
.hl-pc-hero-side h3 { color: #ffffff; font-size: 13px; margin: 0 0 4px; font-weight: 700; }
.hl-pc-hero-side ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 3px; }
.hl-pc-hero-side ul li {
  font-size: 11.5px; color: #ffffff;
  padding-left: 14px; position: relative;
  line-height: 1.4;
  opacity: .96;
}
.hl-pc-hero-side ul li::before {
  content: ""; position: absolute; left: 0; top: 6px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--hl-pc-aqua);
}

/* QUICK ANSWER PANEL -------------------------------------------------------- */
.hl-pc-quick {
  background: linear-gradient(90deg, var(--hl-pc-aqua-tint), var(--hl-pc-aqua-tint-2));
  border-left: 4px solid var(--hl-pc-teal);
  border-radius: 12px;
  padding: 14px 18px;
  display: flex; gap: 12px; align-items: flex-start;
  color: var(--hl-pc-navy);
}
.hl-pc-quick .hl-pc-q {
  flex: 0 0 auto;
  background: var(--hl-pc-teal);
  color: #fff;
  font-weight: 800; font-size: 10.5px;
  letter-spacing: .12em; text-transform: uppercase;
  padding: 5px 9px; border-radius: 6px;
}
.hl-pc-quick p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--hl-pc-navy); }
.hl-pc-quick strong { color: var(--hl-pc-navy); }

/* CARD GRIDS — generic ----------------------------------------------------- */
.hl-pc-card {
  background: #fff;
  border: 1px solid var(--hl-pc-line);
  border-radius: var(--hl-pc-radius);
  padding: 14px 14px 13px;
  box-shadow: var(--hl-pc-shadow-sm);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.hl-pc-card:hover {
  transform: translateY(-1px);
  border-color: var(--hl-pc-line-2);
  box-shadow: var(--hl-pc-shadow-md);
}

/* BEST-FOR cards (3 columns × 2 rows = 6) */
.hl-pc-bestfor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.hl-pc-bestfor-card {
  background: #fff;
  border: 1px solid var(--hl-pc-line);
  border-top: 3px solid var(--hl-pc-aqua);
  border-radius: var(--hl-pc-radius);
  padding: 14px 14px 12px;
  display: flex; flex-direction: column; gap: 4px;
  box-shadow: var(--hl-pc-shadow-sm);
  transition: transform .15s ease, box-shadow .15s ease, border-top-color .15s ease;
}
.hl-pc-bestfor-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--hl-pc-shadow-md);
  border-top-color: var(--hl-pc-teal);
}
.hl-pc-bestfor-icon {
  width: 30px; height: 30px;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--hl-pc-aqua-tint), var(--hl-pc-aqua-tint-2));
  color: var(--hl-pc-teal);
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700;
  margin-bottom: 4px;
}
.hl-pc-bestfor-card h4 {
  color: var(--hl-pc-navy);
  font-size: 13.5px;
  margin: 0 0 2px;
}
.hl-pc-bestfor-card p {
  margin: 0;
  font-size: 12.5px;
  color: var(--hl-pc-ink-soft);
  line-height: 1.5;
}

/* CHECK-FIRST — amber/cream warning */
.hl-pc-checkfirst {
  background: linear-gradient(180deg, #fffaf0 0%, #fff 100%);
  border: 1px solid var(--hl-pc-amber-line);
  border-left: 4px solid var(--hl-pc-amber);
  border-radius: var(--hl-pc-radius);
  padding: 14px 16px;
}
.hl-pc-checkfirst .hl-pc-eyebrow { color: var(--hl-pc-amber); }
.hl-pc-checkfirst h3 { color: #6e4400; font-size: 16px; }
.hl-pc-checkfirst-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  list-style: none; padding: 0; margin: 4px 0 0;
}
.hl-pc-checkfirst-grid li {
  background: #fff;
  border: 1px solid var(--hl-pc-amber-line);
  border-radius: var(--hl-pc-radius-sm);
  padding: 9px 11px 9px 30px;
  position: relative;
  font-size: 12.5px;
  color: var(--hl-pc-ink-2);
  line-height: 1.5;
}
.hl-pc-checkfirst-grid li::before {
  content: "!";
  position: absolute; left: 9px; top: 9px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--hl-pc-amber);
  color: #fff;
  font-size: 10px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
}

/* CHECKLIST — 2-column compact */
.hl-pc-checklist-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  list-style: none; padding: 0; margin: 0;
  counter-reset: hl-pc-step;
}
.hl-pc-checklist-grid li {
  background: #fff;
  border: 1px solid var(--hl-pc-line);
  border-radius: var(--hl-pc-radius-sm);
  padding: 9px 11px 9px 38px;
  position: relative;
  counter-increment: hl-pc-step;
  font-size: 12.5px;
  color: var(--hl-pc-ink-2);
  line-height: 1.5;
  box-shadow: var(--hl-pc-shadow-sm);
}
.hl-pc-checklist-grid li::before {
  content: counter(hl-pc-step);
  position: absolute; left: 8px; top: 8px;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--hl-pc-navy);
  color: var(--hl-pc-aqua);
  font-size: 11px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
}
.hl-pc-checklist-grid li strong { color: var(--hl-pc-navy); }

/* TABLES — premium compact -------------------------------------------------- */
.hl-pc-table-wrap {
  border: 1px solid var(--hl-pc-line);
  border-radius: var(--hl-pc-radius);
  overflow: hidden;
  box-shadow: var(--hl-pc-shadow-sm);
}
.hl-pc-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  background: #fff;
}
.hl-pc-table thead th {
  background: linear-gradient(135deg, var(--hl-pc-navy), var(--hl-pc-navy-2));
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 10px 12px;
  text-align: left;
  border-bottom: 3px solid var(--hl-pc-aqua);
}
.hl-pc-table tbody td {
  padding: 9px 12px;
  border-bottom: 1px solid var(--hl-pc-line);
  vertical-align: top;
  color: var(--hl-pc-ink-2);
  line-height: 1.5;
}
.hl-pc-table tbody tr:nth-child(even) td { background: var(--hl-pc-aqua-soft); }
.hl-pc-table tbody tr:last-child td { border-bottom: 0; }
.hl-pc-table tbody tr:hover td { background: var(--hl-pc-aqua-tint-2); }

.hl-pc-tag {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.hl-pc-tag-good { background: var(--hl-pc-aqua-tint); color: var(--hl-pc-teal-2); border: 1px solid var(--hl-pc-line-2); }
.hl-pc-tag-info { background: #eaf3ff; color: var(--hl-pc-navy); border: 1px solid #cfddf3; }
.hl-pc-tag-warn { background: #fff5e0; color: var(--hl-pc-amber); border: 1px solid var(--hl-pc-amber-line); }

/* COMPARISON — premium cards ------------------------------------------------ */
.hl-pc-cmp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.hl-pc-cmp-card {
  background: #fff;
  border: 1px solid var(--hl-pc-line);
  border-radius: var(--hl-pc-radius);
  overflow: hidden;
  display: flex; flex-direction: column;
  box-shadow: var(--hl-pc-shadow-sm);
  transition: transform .15s ease, box-shadow .15s ease;
}
.hl-pc-cmp-card.is-self { border: 1px solid var(--hl-pc-teal); box-shadow: 0 6px 20px rgba(10,166,163,.12); }
.hl-pc-cmp-card:hover { transform: translateY(-2px); box-shadow: var(--hl-pc-shadow-md); }
.hl-pc-cmp-head {
  background: linear-gradient(135deg, var(--hl-pc-navy), var(--hl-pc-navy-2));
  color: #fff;
  padding: 11px 14px;
  position: relative;
}
.hl-pc-cmp-card.is-self .hl-pc-cmp-head {
  background: linear-gradient(135deg, var(--hl-pc-teal), var(--hl-pc-aqua));
  color: var(--hl-pc-navy);
}
.hl-pc-cmp-head::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, var(--hl-pc-teal), var(--hl-pc-aqua));
}
.hl-pc-cmp-card.is-self .hl-pc-cmp-head::after {
  background: linear-gradient(90deg, var(--hl-pc-navy), var(--hl-pc-navy-2));
}
.hl-pc-cmp-head h4 { color: inherit; font-size: 13.5px; margin: 0; }
.hl-pc-cmp-head h4 a { color: inherit; border-bottom: 1px solid rgba(255,255,255,.45); }
.hl-pc-cmp-head h4 a:hover { color: var(--hl-pc-aqua); border-bottom-color: var(--hl-pc-aqua); }
.hl-pc-cmp-card.is-self .hl-pc-cmp-head h4 a { border-bottom-color: rgba(12,37,71,.35); }
.hl-pc-cmp-card.is-self .hl-pc-cmp-head h4 a:hover { color: var(--hl-pc-navy); border-bottom-color: var(--hl-pc-navy); }
.hl-pc-cmp-head .hl-pc-cmp-tag {
  display: inline-block; font-size: 10px; font-weight: 800;
  letter-spacing: .08em; text-transform: uppercase;
  background: rgba(255,255,255,.16); color: #cdeeec;
  padding: 2px 8px; border-radius: 999px;
  margin-bottom: 4px;
}
.hl-pc-cmp-card.is-self .hl-pc-cmp-head .hl-pc-cmp-tag {
  background: rgba(12,37,71,.12); color: var(--hl-pc-navy);
}
.hl-pc-cmp-body { padding: 12px 14px 13px; flex: 1; display: flex; flex-direction: column; gap: 8px; }
.hl-pc-cmp-row { display: flex; flex-direction: column; gap: 2px; }
.hl-pc-cmp-label { font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--hl-pc-teal); }
.hl-pc-cmp-text  { font-size: 12.5px; color: var(--hl-pc-ink-2); line-height: 1.5; }
.hl-pc-cmp-text a { color: var(--hl-pc-teal); font-weight: 700; }

/* COST FACTORS — 3-col compact cards --------------------------------------- */
.hl-pc-cost-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.hl-pc-cost-card {
  background: #fff;
  border: 1px solid var(--hl-pc-line);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: var(--hl-pc-shadow-sm);
  transition: transform .15s ease, border-color .15s ease;
}
.hl-pc-cost-card:hover { transform: translateY(-1px); border-color: var(--hl-pc-line-2); }
.hl-pc-cost-card h4 {
  color: var(--hl-pc-teal);
  font-size: 11px; margin-bottom: 4px;
  text-transform: uppercase; letter-spacing: .08em; font-weight: 800;
}
.hl-pc-cost-card p { margin: 0; font-size: 12.5px; color: var(--hl-pc-ink-2); line-height: 1.5; }

/* RELATED — pill chips ------------------------------------------------------ */
.hl-pc-related {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.hl-pc-related a {
  background: #fff;
  border: 1px solid var(--hl-pc-line-2);
  color: var(--hl-pc-navy);
  padding: 9px 15px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none !important;
  border-bottom: 1px solid var(--hl-pc-line-2);
  box-shadow: 0 1px 2px rgba(12,37,71,.04);
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.hl-pc-related a:hover {
  background: var(--hl-pc-teal);
  color: #fff;
  border-color: var(--hl-pc-teal);
  transform: translateY(-1px);
}

/* FAQ ---------------------------------------------------------------------- */
.hl-pc-faq details {
  background: #fff;
  border: 1px solid var(--hl-pc-line);
  border-radius: 12px;
  padding: 0;
  margin-bottom: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(12,37,71,.03);
}
.hl-pc-faq details[open] {
  border-color: var(--hl-pc-teal);
  box-shadow: 0 6px 18px rgba(10,166,163,.10);
}
.hl-pc-faq summary {
  cursor: pointer; list-style: none;
  padding: 11px 16px;
  font-weight: 700;
  color: var(--hl-pc-navy);
  font-size: 13.5px;
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.hl-pc-faq summary::-webkit-details-marker { display: none; }
.hl-pc-faq summary::after {
  content: "+";
  font-size: 18px; color: var(--hl-pc-teal); font-weight: 600;
  transition: transform .2s ease;
}
.hl-pc-faq details[open] summary::after { transform: rotate(45deg); }
.hl-pc-faq .hl-pc-faq-body {
  padding: 0 16px 14px;
  color: var(--hl-pc-ink-soft);
  font-size: 12.5px;
  line-height: 1.6;
}
.hl-pc-faq .hl-pc-faq-body p { margin: 0 0 6px; color: var(--hl-pc-ink-soft); }
.hl-pc-faq .hl-pc-faq-body p:last-child { margin: 0; }
.hl-pc-faq .hl-pc-faq-body a { color: var(--hl-pc-teal); font-weight: 700; }

/* FINAL CTA ---------------------------------------------------------------- */
.hl-pc-final {
  background: linear-gradient(135deg, var(--hl-pc-navy), var(--hl-pc-navy-2));
  color: #fff;
  border-radius: 16px;
  padding: 22px 22px 20px;
  text-align: center;
  margin: 6px 0 0;
  box-shadow: 0 8px 22px rgba(12,37,71,.14);
  position: relative;
  overflow: hidden;
}
.hl-pc-final::before {
  content: ""; position: absolute; inset: auto -100px -120px auto;
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(20,196,193,.36) 0%, rgba(20,196,193,0) 65%);
  pointer-events: none;
}
.hl-pc-final::after {
  content: ""; position: absolute; inset: -60px auto auto -80px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 65%);
  pointer-events: none;
}
.hl-pc-final > * { position: relative; }
.hl-pc-final h3 { color: #fff; font-size: 19px; margin: 0 0 4px; }
.hl-pc-final p { color: #cdeeec; font-size: 13px; margin: 0 auto 12px; max-width: 600px; line-height: 1.55; }
.hl-pc-final-buttons { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.hl-pc-final .hl-pc-btn-primary { background: var(--hl-pc-aqua); color: var(--hl-pc-navy) !important; border-color: var(--hl-pc-aqua); }
.hl-pc-final .hl-pc-btn-primary:hover { background: #fff; border-color: #fff; }
.hl-pc-final .hl-pc-btn-outline { background: transparent; color: #fff !important; border-color: rgba(255,255,255,.6); }
.hl-pc-final .hl-pc-btn-outline:hover { background: rgba(255,255,255,.12); border-color: #fff; }
.hl-pc-final .hl-pc-btn-ghost { background: rgba(255,255,255,.08); color: #fff !important; border-color: rgba(255,255,255,.22); }
.hl-pc-final .hl-pc-btn-ghost:hover { background: rgba(255,255,255,.16); border-color: #fff; }

/* RESPONSIVE — scoped only -------------------------------------------------- */
@media (max-width: 980px){
  .hl-prod-carpet .hl-pc-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-carpet .hl-pc-bestfor-grid,
  .hl-prod-carpet .hl-pc-cmp-grid,
  .hl-prod-carpet .hl-pc-cost-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-carpet .hl-pc-checkfirst-grid,
  .hl-prod-carpet .hl-pc-checklist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .hl-prod-carpet { font-size: 13.5px; }
  .hl-prod-carpet h2 { font-size: 20px; }
  .hl-prod-carpet h3 { font-size: 15.5px; }
  .hl-pc-hero { padding: 14px; }
  .hl-pc-hero h2 { font-size: 19px; }
  .hl-pc-hero-sub { font-size: 12px; }
  .hl-pc-spec-strip li { font-size: 10px; padding: 3px 8px; }
  .hl-pc-btn { font-size: 11.5px; padding: 7px 13px; }
  .hl-prod-carpet .hl-pc-bestfor-grid,
  .hl-prod-carpet .hl-pc-cmp-grid,
  .hl-prod-carpet .hl-pc-cost-grid,
  .hl-prod-carpet .hl-pc-checkfirst-grid,
  .hl-prod-carpet .hl-pc-checklist-grid { grid-template-columns: 1fr; }
  .hl-pc-quick { flex-direction: column; }
  .hl-pc-table { font-size: 12px; }
  .hl-pc-table thead th, .hl-pc-table tbody td { padding: 8px 10px; }
  .hl-pc-final { padding: 18px; }
  .hl-pc-final h3 { font-size: 17px; }
}


/* === Rotary Floor Scrubber Product CSS — added 2026-05-08 === */
/* ==========================================================================
   Hireload — Rotary Floor Scrubber & Polisher Hire London (Product 4357)
   v3.1 scoped CSS — softer SAGE / CREAM / PALE BLUE-GREY blend.
   Token names kept (--hl-pr-ice-*) for compatibility; values shifted from
   cool ice-blue to a warm sage-tinted neutral. Quick Answer keeps a
   distinct pale-blue-grey tone (matches Cleaning Equipment reference).
   Compact spacing inherited from v3 (~18% smaller than v2).
   Scope: .hl-prod-rotary  (and .hl-pr-* descendants only).
   No body / html / *  / :root selectors. No global resets.
   ========================================================================== */

.hl-prod-rotary {
  /* ----- v3.1: warmed palette — sage / cream / pale blue-grey blend -----
     Token names kept (ice-*) so all downstream rules keep working.
     Values shifted from cool ice-blue to a softer sage-tinted neutral. */
  --hl-pr-ice-50:  #f3f6f1;   /* warm pale sage neutral */
  --hl-pr-ice-100: #e7ece2;   /* sage-cream base tint */
  --hl-pr-ice-150: #d6dfd2;
  --hl-pr-ice-200: #c1ccc4;   /* cool sage-grey border */
  --hl-pr-ice-300: #a0b3a4;
  --hl-pr-ice-500: #5e8478;   /* sage-teal mid */
  --hl-pr-ice-700: #466855;   /* sage-teal deep — link colour */

  /* ----- Pale blue-grey (Quick Answer accent — echoes reference) ----- */
  --hl-pr-bg-50:   #eef3f6;
  --hl-pr-bg-100:  #e0e9ee;
  --hl-pr-bg-200:  #c2cfd5;
  --hl-pr-bg-700:  #4a6480;

  /* ----- Pastel chip accents (kept; mint sits at the same family as core sage) ----- */
  --hl-pr-mint-50:  #ecf3e8;
  --hl-pr-mint-200: #cfe1c1;
  --hl-pr-mint-700: #3a6b53;
  --hl-pr-cream-50: #fbf6e8;
  --hl-pr-cream-200:#efe2c2;
  --hl-pr-rose-50:  #f8e3dc;
  --hl-pr-rose-200: #efc5b8;

  /* ----- Navy / slate text ----- */
  --hl-pr-navy-900: #0c2547;
  --hl-pr-navy-800: #11315d;
  --hl-pr-slate-700: #283b54;
  --hl-pr-slate-600: #3a4a60;
  --hl-pr-slate-500: #56697f;
  --hl-pr-slate-400: #7a8b9f;
  --hl-pr-slate-300: #cbd5dd;
  --hl-pr-slate-200: #e2e8f0;
  --hl-pr-slate-100: #eef2f6;

  /* ----- Copper CTA (kept from reference) ----- */
  --hl-pr-copper:    #a16835;
  --hl-pr-copper-2:  #864f1e;
  --hl-pr-copper-3:  #6a3d12;

  /* ----- Functional ----- */
  --hl-pr-amber-50:  #fdf6e3;
  --hl-pr-amber-200: #f1d99c;
  --hl-pr-amber-700: #b45309;
  --hl-pr-radius:    14px;
  --hl-pr-radius-md: 11px;
  --hl-pr-radius-sm: 8px;
  --hl-pr-shadow-sm: 0 1px 2px rgba(12,37,71,.05);
  --hl-pr-shadow-md: 0 4px 12px rgba(12,37,71,.07);

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--hl-pr-slate-700);
  font-size: 13.5px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  max-width: 1080px;
  margin: 0 auto;
  padding: 4px 0;
}

.hl-prod-rotary *{ box-sizing: border-box; }

.hl-prod-rotary h2,
.hl-prod-rotary h3,
.hl-prod-rotary h4 {
  font-family: 'Inter', sans-serif;
  color: var(--hl-pr-navy-900);
  margin: 0 0 6px;
  letter-spacing: -.012em;
}
.hl-prod-rotary h2 { font-size: 22px; font-weight: 800; line-height: 1.18; }
.hl-prod-rotary h3 { font-size: 16px; font-weight: 700; line-height: 1.3; }
.hl-prod-rotary h4 { font-size: 13px; font-weight: 700; }
.hl-prod-rotary p  { margin: 0 0 8px; color: var(--hl-pr-slate-700); }
.hl-prod-rotary a  { color: var(--hl-pr-ice-700); text-decoration: none; border-bottom: 1px solid rgba(70,104,85,.30); }
.hl-prod-rotary a:hover { color: var(--hl-pr-navy-900); border-bottom-color: var(--hl-pr-navy-900); }

/* Eyebrow chip (white pill, navy text) */
.hl-pr-eyebrow {
  display: inline-flex; align-items: center; gap: 6px;
  background: #ffffff;
  border: 1px solid var(--hl-pr-ice-200);
  color: var(--hl-pr-navy-900);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: var(--hl-pr-shadow-sm);
  margin-bottom: 8px;
}

/* SECTIONS */
.hl-prod-rotary .hl-pr-section { margin: 0 0 16px; }
.hl-prod-rotary .hl-pr-section-head { margin: 0 0 10px; }
.hl-prod-rotary .hl-pr-section-head h3 { margin-bottom: 2px; }
.hl-prod-rotary .hl-pr-section-head p { color: var(--hl-pr-slate-500); font-size: 12px; margin: 0; max-width: 720px; }

/* ============================ HERO — sage / cream / blue-grey blend =========== */
.hl-pr-hero {
  background:
    radial-gradient(700px 240px at 100% 0%, rgba(160,179,164,.22) 0%, rgba(160,179,164,0) 60%),
    radial-gradient(700px 240px at 0% 100%, rgba(244,236,208,.55) 0%, rgba(244,236,208,0) 60%),
    linear-gradient(135deg, var(--hl-pr-ice-100) 0%, var(--hl-pr-cream-50) 55%, #ffffff 100%);
  border: 1px solid var(--hl-pr-ice-200);
  border-radius: 16px;
  padding: 14px 18px 12px;
  box-shadow: var(--hl-pr-shadow-sm);
  margin: 0 0 10px;
}
.hl-pr-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}
.hl-pr-hero-main { min-width: 0; display: flex; flex-direction: column; }
.hl-pr-hero h2 {
  color: var(--hl-pr-navy-900);
  font-size: 22px;
  line-height: 1.18;
  margin: 0 0 4px;
  font-weight: 800;
  max-width: 620px;
}
.hl-pr-hero-sub {
  color: var(--hl-pr-slate-700);
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 8px;
  max-width: 580px;
}
.hl-pr-hero-ctas {
  display: flex; flex-wrap: wrap; gap: 7px;
  margin-bottom: 0;
}

/* Buttons — copper primary, white outline secondary, ghost */
.hl-pr-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 9px 15px;
  border-radius: 10px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .005em;
  border: 1px solid transparent;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
  white-space: nowrap;
  line-height: 1.2;
}
.hl-pr-btn-primary {
  background: linear-gradient(180deg, var(--hl-pr-copper) 0%, var(--hl-pr-copper-2) 100%);
  color: #ffffff !important;
  border-color: var(--hl-pr-copper-3);
  box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 3px 8px rgba(134,79,30,.22);
}
.hl-pr-btn-primary:hover {
  background: linear-gradient(180deg, var(--hl-pr-copper-2) 0%, var(--hl-pr-copper-3) 100%);
  transform: translateY(-1px);
  box-shadow: 0 1px 0 rgba(255,255,255,.20) inset, 0 5px 12px rgba(134,79,30,.28);
}
.hl-pr-btn-outline {
  background: #ffffff;
  color: var(--hl-pr-navy-900) !important;
  border-color: var(--hl-pr-navy-900);
  box-shadow: var(--hl-pr-shadow-sm);
}
.hl-pr-btn-outline:hover { background: var(--hl-pr-navy-900); color: #ffffff !important; }
.hl-pr-btn-ghost {
  background: transparent;
  color: var(--hl-pr-ice-700) !important;
  border-color: transparent;
}
.hl-pr-btn-ghost:hover { background: var(--hl-pr-ice-50); }

/* Hero pastel pill chips (echoing the reference's varied tints) */
.hl-pr-chips {
  list-style: none;
  display: flex; flex-wrap: wrap; gap: 6px;
  padding: 0; margin: auto 0 0;
}
.hl-pr-chips li {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--hl-pr-ice-100);
  border: 1px solid var(--hl-pr-ice-200);
  color: var(--hl-pr-navy-900);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}
.hl-pr-chips li.is-mint  { background: var(--hl-pr-mint-50);  border-color: var(--hl-pr-mint-200); }
.hl-pr-chips li.is-cream { background: var(--hl-pr-cream-50); border-color: var(--hl-pr-cream-200); }
.hl-pr-chips li.is-rose  { background: var(--hl-pr-rose-50);  border-color: var(--hl-pr-rose-200); }

/* Hero right side — Quick Pick panel */
.hl-pr-hero-side {
  background: #ffffff;
  border: 1px solid var(--hl-pr-ice-200);
  border-radius: 12px;
  padding: 12px 14px 10px;
  box-shadow: var(--hl-pr-shadow-sm);
  display: flex; flex-direction: column;
  min-width: 0; overflow: hidden;
}
.hl-pr-pick-eyebrow {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--hl-pr-slate-500);
  margin-bottom: 4px;
}
.hl-pr-hero-side h3 {
  color: var(--hl-pr-navy-900);
  font-size: 14px;
  margin: 0 0 4px;
  font-weight: 800;
}
.hl-pr-pick-list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column;
  min-width: 0; max-width: 100%;
}
.hl-prod-rotary .hl-pr-pick-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1.05fr) minmax(0, 1fr);
  grid-template-rows: auto;
  grid-auto-rows: 0;
  gap: 10px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px dashed var(--hl-pr-slate-300);
  min-width: 0;
}
.hl-prod-rotary .hl-pr-pick-row > br { display: none; }
.hl-pr-pick-row:first-child { padding-top: 4px; }
.hl-pr-pick-row:last-child  { border-bottom: 0; padding-bottom: 4px; }
.hl-prod-rotary .hl-pr-pick-icon {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  font-size: 14px;
  width: 24px; text-align: center;
  line-height: 1.25;
}
.hl-prod-rotary .hl-pr-pick-label {
  grid-column: 2;
  grid-row: 1;
  display: block;
  min-width: 0; max-width: 100%;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--hl-pr-navy-900);
  overflow-wrap: normal;
}
.hl-prod-rotary .hl-pr-pick-link {
  grid-column: 3;
  grid-row: 1;
  display: block;
  min-width: 0; max-width: 100%;
  margin-top: 0;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--hl-pr-ice-700);
  text-align: right;
  white-space: normal;
  overflow-wrap: break-word;
  border-bottom: 0 !important;
}
.hl-pr-pick-link:hover { color: var(--hl-pr-navy-900); }

/* ============================ QUICK ANSWER — pale blue-grey accent ============= */
.hl-pr-quick {
  background: linear-gradient(180deg, var(--hl-pr-bg-100) 0%, var(--hl-pr-bg-50) 100%);
  border: 1px solid var(--hl-pr-bg-200);
  border-radius: var(--hl-pr-radius);
  padding: 14px 18px 12px;
  box-shadow: var(--hl-pr-shadow-sm);
}
.hl-pr-quick .hl-pr-eyebrow {
  background: var(--hl-pr-cream-50);
  border-color: var(--hl-pr-amber-200);
  color: var(--hl-pr-amber-700);
}
.hl-pr-quick h3 {
  color: var(--hl-pr-navy-900);
  font-size: 16px;
  margin: 0 0 4px;
  font-weight: 800;
}
.hl-pr-quick p {
  margin: 0;
  font-size: 13px; line-height: 1.6;
  color: var(--hl-pr-slate-700);
  max-width: 940px;
}
.hl-pr-quick strong { color: var(--hl-pr-navy-900); }

/* ============================ BY-TASK TABLE ============================ */
.hl-pr-section-eyebrow {
  display: inline-flex; align-items: center; gap: 6px;
  background: #ffffff;
  border: 1px solid var(--hl-pr-ice-200);
  color: var(--hl-pr-navy-900);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: var(--hl-pr-shadow-sm);
  margin-bottom: 8px;
}

.hl-pr-table-wrap {
  background: #ffffff;
  border: 1px solid var(--hl-pr-slate-200);
  border-radius: var(--hl-pr-radius);
  overflow: hidden;
  box-shadow: var(--hl-pr-shadow-sm);
}
.hl-pr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  background: #ffffff;
}
.hl-pr-table thead th {
  background: linear-gradient(135deg, var(--hl-pr-navy-900), var(--hl-pr-navy-800));
  color: #ffffff;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: .04em;
  padding: 10px 13px;
  text-align: left;
}
.hl-pr-table tbody td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hl-pr-slate-100);
  vertical-align: top;
  color: var(--hl-pr-slate-700);
  line-height: 1.5;
}
.hl-pr-table tbody tr:last-child td { border-bottom: 0; }
.hl-pr-table tbody tr:hover td { background: var(--hl-pr-ice-50); }
.hl-pr-table-icon {
  margin-right: 6px;
  font-size: 14px;
}
.hl-pr-table a { color: var(--hl-pr-ice-700); font-weight: 700; }

/* ============================ BEST-FOR CARDS ============================ */
.hl-pr-bestfor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.hl-pr-bestfor-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--hl-pr-slate-200);
  border-top: 3px solid var(--hl-pr-ice-200);
  border-radius: var(--hl-pr-radius);
  padding: 12px 12px 10px;
  display: flex; flex-direction: column; gap: 3px;
  box-shadow: var(--hl-pr-shadow-sm);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, border-top-color .15s ease;
}
.hl-pr-bestfor-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--hl-pr-shadow-md);
  border-color: var(--hl-pr-ice-200);
  border-top-color: var(--hl-pr-ice-500);
}
.hl-pr-bestfor-icon {
  width: 28px; height: 28px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--hl-pr-ice-100), #ffffff);
  border: 1px solid var(--hl-pr-ice-200);
  color: var(--hl-pr-ice-700);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
  margin-bottom: 4px;
}
.hl-pr-bestfor-card h4 {
  color: var(--hl-pr-navy-900);
  font-size: 13px;
  margin: 0 0 2px;
}
.hl-pr-bestfor-card p {
  margin: 0;
  font-size: 12px;
  color: var(--hl-pr-slate-600);
  line-height: 1.5;
}

/* ============================ FLOOR-TYPE GUIDANCE ============================ */
.hl-pr-floor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.hl-pr-floor-card {
  background: #ffffff;
  border: 1px solid var(--hl-pr-slate-200);
  border-radius: var(--hl-pr-radius-md);
  padding: 10px 12px 10px 36px;
  position: relative;
  box-shadow: var(--hl-pr-shadow-sm);
}
.hl-pr-floor-card::before {
  content: "";
  position: absolute; left: 11px; top: 12px;
  width: 16px; height: 16px;
  border-radius: 5px;
  background: linear-gradient(135deg, var(--hl-pr-ice-100), #ffffff);
  border: 1px solid var(--hl-pr-ice-200);
}
.hl-pr-floor-card h4 {
  color: var(--hl-pr-navy-900);
  font-size: 12.5px;
  margin: 0 0 2px;
}
.hl-pr-floor-card p {
  margin: 0;
  font-size: 11.5px;
  color: var(--hl-pr-slate-600);
  line-height: 1.5;
}
.hl-pr-floor-card .hl-pr-tag-cau {
  display: inline-block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--hl-pr-amber-700);
  background: var(--hl-pr-amber-50);
  border: 1px solid var(--hl-pr-amber-200);
  padding: 1px 6px;
  border-radius: 999px;
  margin-bottom: 3px;
}
.hl-pr-floor-card .hl-pr-tag-ok {
  display: inline-block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--hl-pr-ice-700);
  background: var(--hl-pr-ice-100);
  border: 1px solid var(--hl-pr-ice-200);
  padding: 1px 6px;
  border-radius: 999px;
  margin-bottom: 3px;
}

/* ============================ PADS / SOLUTION GUIDANCE ============================ */
.hl-pr-pads {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  padding: 0; margin: 0;
}
.hl-pr-pads li {
  background: #ffffff;
  border: 1px solid var(--hl-pr-ice-200);
  border-left: 3px solid var(--hl-pr-ice-500);
  border-radius: var(--hl-pr-radius-md);
  padding: 9px 11px 9px 12px;
  font-size: 12px;
  color: var(--hl-pr-slate-700);
  line-height: 1.5;
  box-shadow: var(--hl-pr-shadow-sm);
}
.hl-pr-pads li strong { color: var(--hl-pr-navy-900); display: block; margin-bottom: 2px; }
.hl-pr-pads-note {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--hl-pr-slate-700);
  line-height: 1.55;
  background: var(--hl-pr-cream-50);
  border: 1px solid var(--hl-pr-cream-200);
  border-left: 3px solid var(--hl-pr-ice-500);
  border-radius: var(--hl-pr-radius-sm);
  padding: 8px 11px;
}

/* ============================ CHECK-FIRST ============================ */
.hl-pr-checkfirst {
  background: linear-gradient(180deg, var(--hl-pr-amber-50) 0%, #ffffff 100%);
  border: 1px solid var(--hl-pr-amber-200);
  border-left: 4px solid #f1aa3b;
  border-radius: var(--hl-pr-radius);
  padding: 12px 14px;
}
.hl-pr-checkfirst h3 { color: #6e4400; font-size: 15px; }
.hl-pr-checkfirst-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
  list-style: none; padding: 0; margin: 4px 0 0;
}
.hl-pr-checkfirst-grid li {
  background: #ffffff;
  border: 1px solid var(--hl-pr-amber-200);
  border-radius: var(--hl-pr-radius-sm);
  padding: 8px 10px 8px 28px;
  position: relative;
  font-size: 11.5px;
  color: var(--hl-pr-slate-700);
  line-height: 1.5;
}
.hl-pr-checkfirst-grid li::before {
  content: "ℹ";
  position: absolute; left: 8px; top: 7px;
  width: 14px; height: 14px;
  border-radius: 50%;
  background: #d99a2c;
  color: #ffffff;
  font-size: 10px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  font-family: Georgia, serif;
}

/* ============================ CHECKLIST ============================ */
.hl-pr-checklist-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
  list-style: none; padding: 0; margin: 0;
}
.hl-pr-checklist-grid li {
  background: #ffffff;
  border: 1px solid var(--hl-pr-slate-200);
  border-radius: var(--hl-pr-radius-sm);
  padding: 9px 11px 9px 32px;
  position: relative;
  font-size: 11.5px;
  color: var(--hl-pr-slate-700);
  line-height: 1.5;
  box-shadow: var(--hl-pr-shadow-sm);
}
.hl-pr-checklist-grid li:hover { border-color: var(--hl-pr-ice-200); }
.hl-pr-checklist-grid li::before {
  content: "✓";
  position: absolute; left: 9px; top: 8px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--hl-pr-ice-100);
  border: 1px solid var(--hl-pr-ice-200);
  color: var(--hl-pr-ice-700);
  font-size: 10px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
}
.hl-pr-checklist-grid li strong { color: var(--hl-pr-navy-900); }

/* ============================ COMPARISON ROWS ============================ */
.hl-pr-cmp-list {
  display: flex; flex-direction: column; gap: 6px;
  list-style: none; padding: 0; margin: 0;
}
.hl-pr-cmp-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1.4fr) minmax(0, 2fr);
  gap: 12px;
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--hl-pr-slate-200);
  border-radius: var(--hl-pr-radius-md);
  padding: 10px 12px;
  box-shadow: var(--hl-pr-shadow-sm);
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.hl-pr-cmp-row:hover { border-color: var(--hl-pr-ice-200); transform: translateY(-1px); box-shadow: var(--hl-pr-shadow-md); }
.hl-pr-cmp-row.is-self { border-color: var(--hl-pr-ice-500); background: linear-gradient(180deg, var(--hl-pr-ice-100), #ffffff); }
.hl-pr-cmp-icon {
  width: 36px; height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--hl-pr-ice-100), #ffffff);
  border: 1px solid var(--hl-pr-ice-200);
  color: var(--hl-pr-ice-700);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
}
.hl-pr-cmp-row.is-self .hl-pr-cmp-icon { background: linear-gradient(135deg, var(--hl-pr-ice-200), var(--hl-pr-ice-100)); }
.hl-pr-cmp-name { display: flex; flex-direction: column; gap: 1px; }
.hl-pr-cmp-name h4 { color: var(--hl-pr-navy-900); font-size: 13px; margin: 0; }
.hl-pr-cmp-tag {
  display: inline-block;
  font-size: 9px; font-weight: 800;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--hl-pr-ice-700);
  background: var(--hl-pr-ice-100);
  border: 1px solid var(--hl-pr-ice-200);
  padding: 1px 6px;
  border-radius: 999px;
  align-self: flex-start;
}
.hl-pr-cmp-row.is-self .hl-pr-cmp-tag { background: var(--hl-pr-ice-700); color: #ffffff; border-color: var(--hl-pr-ice-700); }
.hl-pr-cmp-text {
  font-size: 12px;
  color: var(--hl-pr-slate-600);
  line-height: 1.5;
}
.hl-pr-cmp-text a { color: var(--hl-pr-ice-700); font-weight: 700; }

/* ============================ COST CARDS ============================ */
.hl-pr-cost-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.hl-pr-cost-card {
  background: #ffffff;
  border: 1px solid var(--hl-pr-slate-200);
  border-radius: var(--hl-pr-radius-md);
  padding: 10px 12px 10px 34px;
  position: relative;
  box-shadow: var(--hl-pr-shadow-sm);
  transition: border-color .15s ease, transform .15s ease;
}
.hl-pr-cost-card:hover { border-color: var(--hl-pr-ice-200); transform: translateY(-1px); }
.hl-pr-cost-card::before {
  content: "";
  position: absolute; left: 11px; top: 11px;
  width: 16px; height: 16px;
  border-radius: 5px;
  background: linear-gradient(135deg, var(--hl-pr-ice-200), var(--hl-pr-ice-100));
  border: 1px solid var(--hl-pr-ice-200);
}
.hl-pr-cost-card h4 {
  color: var(--hl-pr-ice-700);
  font-size: 10.5px; margin-bottom: 3px;
  text-transform: uppercase; letter-spacing: .08em; font-weight: 800;
}
.hl-pr-cost-card p { margin: 0; font-size: 12px; color: var(--hl-pr-slate-700); line-height: 1.5; }

/* ============================ RELATED CHIPS ============================ */
.hl-pr-related {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.hl-pr-related a {
  background: #ffffff;
  border: 1px solid var(--hl-pr-ice-200);
  color: var(--hl-pr-navy-900);
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none !important;
  border-bottom: 1px solid var(--hl-pr-ice-200);
  box-shadow: var(--hl-pr-shadow-sm);
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
  display: inline-flex; align-items: center; gap: 5px;
}
.hl-pr-related a::before {
  content: "→";
  font-weight: 800;
  font-size: 11px;
  color: var(--hl-pr-ice-500);
}
.hl-pr-related a:hover {
  background: var(--hl-pr-ice-700);
  color: #ffffff;
  border-color: var(--hl-pr-ice-700);
  transform: translateY(-1px);
}
.hl-pr-related a:hover::before { color: #ffffff; }

/* ============================ FAQ ============================ */
.hl-pr-faq { counter-reset: hl-pr-faq; }
.hl-pr-faq details {
  background: #ffffff;
  border: 1px solid var(--hl-pr-slate-200);
  border-radius: var(--hl-pr-radius-md);
  padding: 0;
  margin-bottom: 6px;
  overflow: hidden;
  box-shadow: var(--hl-pr-shadow-sm);
  counter-increment: hl-pr-faq;
}
.hl-pr-faq details[open] {
  border-color: var(--hl-pr-ice-500);
  box-shadow: var(--hl-pr-shadow-md);
}
.hl-pr-faq summary {
  cursor: pointer; list-style: none;
  padding: 10px 16px 10px 46px;
  font-weight: 700;
  color: var(--hl-pr-navy-900);
  font-size: 12.5px;
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  position: relative;
  line-height: 1.4;
}
.hl-pr-faq summary::-webkit-details-marker { display: none; }
.hl-pr-faq summary::before {
  content: counter(hl-pr-faq, decimal-leading-zero);
  position: absolute;
  left: 12px; top: 50%;
  transform: translateY(-50%);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--hl-pr-ice-700);
  background: var(--hl-pr-ice-100);
  border: 1px solid var(--hl-pr-ice-200);
  border-radius: 5px;
  padding: 2px 5px;
}
.hl-pr-faq summary::after {
  content: "+";
  font-size: 16px; color: var(--hl-pr-ice-700); font-weight: 600;
  transition: transform .2s ease;
  flex: 0 0 auto;
}
.hl-pr-faq details[open] summary::after { transform: rotate(45deg); }
.hl-pr-faq .hl-pr-faq-body {
  padding: 0 16px 12px 46px;
  color: var(--hl-pr-slate-600);
  font-size: 12px;
  line-height: 1.6;
}
.hl-pr-faq .hl-pr-faq-body p { margin: 0 0 5px; color: var(--hl-pr-slate-600); }
.hl-pr-faq .hl-pr-faq-body p:last-child { margin: 0; }
.hl-pr-faq .hl-pr-faq-body a { color: var(--hl-pr-ice-700); font-weight: 700; }

/* ============================ FINAL CTA — sage / cream blend ============= */
.hl-pr-final {
  background:
    radial-gradient(700px 200px at 110% 110%, rgba(160,179,164,.28) 0%, rgba(160,179,164,0) 60%),
    radial-gradient(500px 180px at -10% -10%, rgba(244,236,208,.6) 0%, rgba(244,236,208,0) 60%),
    linear-gradient(135deg, var(--hl-pr-ice-100) 0%, var(--hl-pr-cream-50) 55%, #ffffff 100%);
  border: 1px solid var(--hl-pr-ice-200);
  border-radius: 16px;
  padding: 18px 20px 16px;
  text-align: center;
  margin: 6px 0 0;
  box-shadow: var(--hl-pr-shadow-md);
}
.hl-pr-final h3 { color: var(--hl-pr-navy-900); font-size: 17px; margin: 0 0 4px; }
.hl-pr-final p { color: var(--hl-pr-slate-700); font-size: 12.5px; margin: 0 auto 12px; max-width: 600px; line-height: 1.55; }
.hl-pr-final-buttons { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; }

/* ============================ RESPONSIVE ============================ */
@media (max-width: 980px){
  .hl-prod-rotary .hl-pr-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-rotary .hl-pr-bestfor-grid,
  .hl-prod-rotary .hl-pr-cost-grid,
  .hl-prod-rotary .hl-pr-floor-grid,
  .hl-prod-rotary .hl-pr-pads { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-rotary .hl-pr-checkfirst-grid,
  .hl-prod-rotary .hl-pr-checklist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .hl-prod-rotary { font-size: 13px; }
  .hl-prod-rotary h2 { font-size: 20px; }
  .hl-prod-rotary h3 { font-size: 15px; }
  .hl-pr-hero { padding: 14px; }
  .hl-pr-hero h2 { font-size: 20px; }
  .hl-pr-hero-sub { font-size: 12.5px; }
  .hl-prod-rotary .hl-pr-bestfor-grid,
  .hl-prod-rotary .hl-pr-cost-grid,
  .hl-prod-rotary .hl-pr-floor-grid,
  .hl-prod-rotary .hl-pr-pads,
  .hl-prod-rotary .hl-pr-checkfirst-grid,
  .hl-prod-rotary .hl-pr-checklist-grid { grid-template-columns: 1fr; }
  .hl-pr-cmp-row { grid-template-columns: 36px 1fr; gap: 8px; }
  .hl-pr-cmp-row .hl-pr-cmp-text { grid-column: 1 / -1; }
  .hl-pr-cmp-icon { width: 32px; height: 32px; font-size: 16px; }
  .hl-pr-table { font-size: 12px; }
  .hl-pr-table thead th, .hl-pr-table tbody td { padding: 8px 10px; }
  .hl-pr-final { padding: 14px; }
  .hl-pr-final h3 { font-size: 16px; }
}


/* Quick Pick — mobile stack (added 2026-05-08) */
@media (max-width: 640px) {
  .hl-prod-rotary .hl-pr-pick-row {
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
  }
  .hl-prod-rotary .hl-pr-pick-label {
    grid-column: 2;
  }
  .hl-prod-rotary .hl-pr-pick-link {
    grid-column: 2;
    text-align: left;
    margin-top: 2px;
  }
}

/* === Brush-Type Carpet Cleaner Product CSS — added 2026-05-08 === */
/* =====================================================
   Hireload — Brush-Type Carpet Cleaner Hire London (PREVIEW)
   Visual reference: /category-previews/cleaning-equipment/preview.html
   Palette family: navy + soft aqua + muted green + warm copper CTA
   Scoped to .hl-prod-brush-carpet only
   No body / html / global selectors. No full-page background. No resets.
   ===================================================== */

.hl-prod-brush-carpet {
  /* Core navy structure */
  --hlb-navy:        #1e2a3a;
  --hlb-navy-2:      #2c3e50;

  /* Aqua / blue accents */
  --hlb-aqua:        #5a8a9e;
  --hlb-aqua-2:      #2c5e6f;
  --hlb-aqua-soft:   #cfe3eb;
  --hlb-aqua-bg:     #eef6f9;

  /* Green accents (cleaning / freshness) */
  --hlb-green:       #6a8d6a;
  --hlb-green-2:     #4f6f4f;
  --hlb-green-soft:  #d6e3d6;
  --hlb-green-bg:    #f1f6ef;

  /* Slate neutrals */
  --hlb-slate:       #475569;
  --hlb-slate-2:     #64748b;

  /* Warm copper / amber — CTA + small attention only */
  --hlb-amber:       #a86836;
  --hlb-amber-2:     #8e5429;

  /* Cream surfaces */
  --hlb-cream:       #fbf6ec;
  --hlb-cream-card:  #fbf2e3;
  --hlb-warm-bg:     #fdf8ee;

  /* Borders */
  --hlb-aqua-border: #b6d3dd;
  --hlb-green-border:#bcd2ba;
  --hlb-warm-border: #e0c9a7;

  /* Warning surfaces */
  --hlb-warn-bg:     #fff5e6;
  --hlb-warn-line:   #f0d6a3;
  --hlb-warn-text:   #7a4b00;

  /* Text */
  --hlb-text:        #1c2533;
  --hlb-text-soft:   #475569;

  /* Geometry */
  --hlb-radius:      10px;
  --hlb-radius-lg:   14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hlb-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-brush-carpet * { box-sizing: border-box; }

.hl-prod-brush-carpet a {
  color: var(--hlb-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--hlb-aqua-border);
}
.hl-prod-brush-carpet a:hover { color: var(--hlb-aqua-2); text-decoration-color: var(--hlb-aqua-2); }

.hl-prod-brush-carpet h2,
.hl-prod-brush-carpet h3,
.hl-prod-brush-carpet h4 {
  font-family: inherit;
  color: var(--hlb-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-brush-carpet p { margin: 0 0 0.6em 0; }

.hl-prod-brush-carpet .hl-bcp-section-h { font-size: 1.1rem; font-weight: 700; margin: 4px 0 2px 0; color: var(--hlb-navy); }
.hl-prod-brush-carpet .hl-bcp-section-sub { color: var(--hlb-text-soft); margin: 0 0 0.7em 0; font-size: 0.84rem; }

/* Section pill labels */
.hl-prod-brush-carpet .hl-bcp-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--hlb-aqua-border);
  color: var(--hlb-aqua-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-brush-carpet .hl-bcp-pill span[aria-hidden] { font-size: 0.78rem; }
.hl-prod-brush-carpet .hl-bcp-pill-warn {
  background: var(--hlb-warn-bg);
  border-color: var(--hlb-warn-line);
  color: var(--hlb-warn-text);
}

/* ============== HERO ============== */
.hl-prod-brush-carpet .hl-bcp-hero {
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(106, 141, 106, 0.13) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(90, 138, 158, 0.13) 0%, transparent 60%),
    linear-gradient(135deg, #f3f7f1 0%, #f6fafc 100%);
  border: 1px solid #d2dde0;
  border-radius: var(--hlb-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(30, 42, 58, 0.06);
}
.hl-prod-brush-carpet .hl-bcp-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-prod-brush-carpet .hl-bcp-hero-main { display: flex; flex-direction: column; }
.hl-prod-brush-carpet .hl-bcp-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--hlb-aqua-border);
  color: var(--hlb-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(30, 42, 58, 0.05);
}
.hl-prod-brush-carpet .hl-bcp-hero-h {
  color: var(--hlb-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.hl-prod-brush-carpet .hl-bcp-hero-sub { color: #2a3540; font-size: 0.88rem; margin: 0 0 10px 0; line-height: 1.5; }

.hl-prod-brush-carpet .hl-bcp-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }

.hl-prod-brush-carpet .hl-bcp-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-brush-carpet .hl-bcp-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--hlb-navy);
}
.hl-prod-brush-carpet .hl-bcp-badge-aqua { background: var(--hlb-aqua-bg); border-color: var(--hlb-aqua-border); }
.hl-prod-brush-carpet .hl-bcp-badge-green { background: var(--hlb-green-bg); border-color: var(--hlb-green-border); }
.hl-prod-brush-carpet .hl-bcp-badge-ship { background: var(--hlb-aqua-bg); border-color: var(--hlb-aqua-border); }
.hl-prod-brush-carpet .hl-bcp-badge-pin  { background: var(--hlb-warm-bg); border-color: var(--hlb-warm-border); }

/* Hero side card (Quick Pick) — safe 2-column layout */
.hl-prod-brush-carpet .hl-bcp-hero-side {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hlb-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(30, 42, 58, 0.06);
  min-width: 0;
}
.hl-prod-brush-carpet .hl-bcp-hero-side-tag {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--hlb-aqua-2); margin-bottom: 3px;
}
.hl-prod-brush-carpet .hl-bcp-hero-side-q { font-size: 0.88rem; font-weight: 700; color: var(--hlb-navy); margin: 0 0 6px 0; }
.hl-prod-brush-carpet .hl-bcp-hero-side-list { list-style: none; margin: 0; padding: 0; }
.hl-prod-brush-carpet .hl-bcp-hero-side-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px dashed var(--hlb-aqua-border);
  font-size: 0.8rem;
  min-width: 0;
}
.hl-prod-brush-carpet .hl-bcp-hero-side-list li:last-child { border-bottom: 0; }

/* WordPress wpautop protection — strip stray BR tags WP can inject inside Quick Pick rows after save.
   Mirrors the fix learned from the Rotary Floor Scrubber Quick Pick. Do not remove. */
.hl-prod-brush-carpet .hl-bcp-hero-side-list li > br {
  display: none;
}
.hl-prod-brush-carpet .hl-bcp-qp-ico {
  font-size: 0.95rem;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hl-prod-brush-carpet .hl-bcp-qp-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  max-width: 100%;
}
.hl-prod-brush-carpet .hl-bcp-qp-label,
.hl-prod-brush-carpet .hl-bcp-qp-link {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}
.hl-prod-brush-carpet .hl-bcp-qp-label {
  color: var(--hlb-navy);
  font-weight: 600;
}
.hl-prod-brush-carpet .hl-bcp-qp-link {
  color: var(--hlb-aqua-2);
  font-weight: 700;
  font-size: 0.76rem;
}
.hl-prod-brush-carpet .hl-bcp-qp-link a {
  color: var(--hlb-aqua-2);
  text-decoration: none;
  font-weight: 700;
}
.hl-prod-brush-carpet .hl-bcp-qp-link a:hover { color: var(--hlb-amber-2); text-decoration: underline; }

/* Buttons */
.hl-prod-brush-carpet .hl-bcp-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
  line-height: 1;
}
.hl-prod-brush-carpet .hl-bcp-btn-primary { background: var(--hlb-amber); color: #ffffff; border-color: var(--hlb-amber); }
.hl-prod-brush-carpet .hl-bcp-btn-primary:hover { background: var(--hlb-amber-2); border-color: var(--hlb-amber-2); transform: translateY(-1px); color: #ffffff; }
.hl-prod-brush-carpet .hl-bcp-btn-outline { background: #ffffff; color: var(--hlb-navy); border-color: var(--hlb-navy); }
.hl-prod-brush-carpet .hl-bcp-btn-outline:hover { background: var(--hlb-navy); color: #ffffff; }
.hl-prod-brush-carpet .hl-bcp-btn-outline-light { background: transparent; color: #ffffff; border-color: rgba(255,255,255,0.55); }
.hl-prod-brush-carpet .hl-bcp-btn-outline-light:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.85); color: #ffffff; }
.hl-prod-brush-carpet .hl-bcp-btn-ghost { background: transparent; color: rgba(255,255,255,0.9); border-color: transparent; }
.hl-prod-brush-carpet .hl-bcp-btn-ghost:hover { color: #ffffff; }

/* ============== QUICK ANSWER ============== */
.hl-prod-brush-carpet .hl-bcp-quick {
  background: var(--hlb-aqua-bg);
  border: 1px solid var(--hlb-aqua-border);
  border-left: 3px solid var(--hlb-aqua);
  border-radius: var(--hlb-radius);
  padding: 11px 13px;
  margin: 0 0 16px 0;
}
.hl-prod-brush-carpet .hl-bcp-quick .hl-bcp-pill { margin-bottom: 3px; }
.hl-prod-brush-carpet .hl-bcp-quick-h { font-size: 0.95rem; margin: 2px 0 4px 0; color: var(--hlb-navy); }
.hl-prod-brush-carpet .hl-bcp-quick p { margin: 0; font-size: 0.85rem; color: var(--hlb-text); line-height: 1.5; }

/* ============== TABLES ============== */
.hl-prod-brush-carpet .hl-bcp-tasks,
.hl-prod-brush-carpet .hl-bcp-compare { margin: 0 0 18px 0; }
.hl-prod-brush-carpet .hl-bcp-table-wrap {
  overflow-x: auto;
  border: 1px solid #dfe5ea;
  border-radius: var(--hlb-radius);
  background: #ffffff;
}
.hl-prod-brush-carpet .hl-bcp-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; min-width: 660px; }
.hl-prod-brush-carpet .hl-bcp-table thead th {
  background: var(--hlb-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
.hl-prod-brush-carpet .hl-bcp-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--hlb-navy);
  text-align: left;
  background: var(--hlb-aqua-bg);
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-brush-carpet .hl-bcp-table td {
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  vertical-align: top;
  color: var(--hlb-text);
  font-size: 0.82rem;
}
.hl-prod-brush-carpet .hl-bcp-table tbody tr:hover td,
.hl-prod-brush-carpet .hl-bcp-table tbody tr:hover th[scope="row"] { background: #f6fafc; }

/* ============== BEST FOR CARDS ============== */
.hl-prod-brush-carpet .hl-bcp-bestfor { margin: 0 0 18px 0; }
.hl-prod-brush-carpet .hl-bcp-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}
.hl-prod-brush-carpet .hl-bcp-card {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hlb-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-prod-brush-carpet .hl-bcp-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(30, 42, 58, 0.06); }
.hl-prod-brush-carpet .hl-bcp-card--aqua { border-left: 3px solid var(--hlb-aqua); }
.hl-prod-brush-carpet .hl-bcp-card--aqua:hover { border-color: var(--hlb-aqua); }
.hl-prod-brush-carpet .hl-bcp-card--green { border-left: 3px solid var(--hlb-green); }
.hl-prod-brush-carpet .hl-bcp-card--green:hover { border-color: var(--hlb-green); }

.hl-prod-brush-carpet .hl-bcp-card-ico {
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--hlb-aqua-bg);
  border: 1px solid var(--hlb-aqua-border);
  margin-bottom: 5px;
}
.hl-prod-brush-carpet .hl-bcp-card--green .hl-bcp-card-ico { background: var(--hlb-green-bg); border-color: var(--hlb-green-border); }
.hl-prod-brush-carpet .hl-bcp-card h4 { font-size: 0.92rem; margin: 0 0 3px 0; color: var(--hlb-navy); }
.hl-prod-brush-carpet .hl-bcp-card p { font-size: 0.79rem; color: var(--hlb-text-soft); margin: 0; flex: 1; line-height: 1.45; }

/* ============== SUITABILITY LIST ============== */
.hl-prod-brush-carpet .hl-bcp-suit { margin: 0 0 18px 0; }
.hl-prod-brush-carpet .hl-bcp-suit-list {
  list-style: none;
  padding: 0;
  margin: 6px 0 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-brush-carpet .hl-bcp-suit-list li {
  background: #ffffff;
  border: 1px solid var(--hlb-aqua-border);
  border-left: 3px solid var(--hlb-aqua);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.81rem;
  color: var(--hlb-text);
  line-height: 1.45;
}
.hl-prod-brush-carpet .hl-bcp-suit-list li strong { color: var(--hlb-navy); }

/* ============== PREP / SOLUTION ============== */
.hl-prod-brush-carpet .hl-bcp-prep {
  background: var(--hlb-green-bg);
  border: 1px solid var(--hlb-green-border);
  border-left: 3px solid var(--hlb-green);
  border-radius: var(--hlb-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-brush-carpet .hl-bcp-prep-grid {
  list-style: none;
  padding: 0;
  margin: 6px 0 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-brush-carpet .hl-bcp-prep-grid li {
  background: #ffffff;
  border: 1px solid var(--hlb-green-border);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.81rem;
  color: var(--hlb-text);
  line-height: 1.45;
}
.hl-prod-brush-carpet .hl-bcp-prep-grid li strong { color: var(--hlb-navy); }

/* ============== CHECK FIRST / WARNING ============== */
.hl-prod-brush-carpet .hl-bcp-checkfirst {
  background: var(--hlb-warn-bg);
  border: 1px solid var(--hlb-warn-line);
  border-left: 3px solid #d49a3a;
  border-radius: var(--hlb-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-brush-carpet .hl-bcp-checkfirst-list {
  list-style: none;
  padding: 0;
  margin: 6px 0 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-brush-carpet .hl-bcp-checkfirst-list li {
  background: #ffffff;
  border: 1px solid var(--hlb-warn-line);
  border-left: 3px solid #d49a3a;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.81rem;
  color: var(--hlb-text);
  line-height: 1.45;
}
.hl-prod-brush-carpet .hl-bcp-checkfirst-list li strong { color: var(--hlb-warn-text); }

/* ============== CHECKLIST ============== */
.hl-prod-brush-carpet .hl-bcp-checklist { margin: 0 0 18px 0; }
.hl-prod-brush-carpet .hl-bcp-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 5px;
}
.hl-prod-brush-carpet .hl-bcp-check-list li {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 5px;
  padding: 6px 9px 6px 28px;
  position: relative;
  font-size: 0.79rem;
  color: var(--hlb-text);
  line-height: 1.4;
}
.hl-prod-brush-carpet .hl-bcp-check-list li::before {
  content: "✓";
  position: absolute;
  left: 7px; top: 50%;
  transform: translateY(-50%);
  width: 14px; height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--hlb-green);
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 0.62rem;
}
.hl-prod-brush-carpet .hl-bcp-check-list li span { color: var(--hlb-text-soft); font-size: 0.7rem; display: block; margin-top: 1px; }
.hl-prod-brush-carpet .hl-bcp-check-list li a { color: var(--hlb-aqua-2); font-weight: 700; }

/* ============== COST FACTORS ============== */
.hl-prod-brush-carpet .hl-bcp-cost { margin: 0 0 18px 0; }
.hl-prod-brush-carpet .hl-bcp-cost-grid {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 5px;
}
.hl-prod-brush-carpet .hl-bcp-cost-grid li {
  background: var(--hlb-aqua-bg);
  border: 1px solid var(--hlb-aqua-border);
  border-left: 2px solid var(--hlb-aqua);
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 0.79rem;
  color: var(--hlb-text);
  line-height: 1.45;
}
.hl-prod-brush-carpet .hl-bcp-cost-grid li strong { color: var(--hlb-navy); }
.hl-prod-brush-carpet .hl-bcp-cost-cta { font-size: 0.85rem; color: var(--hlb-text); margin: 5px 0 0 0; }
.hl-prod-brush-carpet .hl-bcp-cost-cta a { color: var(--hlb-aqua-2); font-weight: 700; }

/* ============== RELATED ============== */
.hl-prod-brush-carpet .hl-bcp-related { margin: 0 0 18px 0; }
.hl-prod-brush-carpet .hl-bcp-related-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.hl-prod-brush-carpet .hl-bcp-related-list a {
  display: inline-block;
  background: #ffffff;
  border: 1px solid var(--hlb-aqua-border);
  border-radius: 5px;
  padding: 5px 9px;
  text-decoration: none;
  color: var(--hlb-navy);
  font-size: 0.78rem;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hl-prod-brush-carpet .hl-bcp-related-list a:hover { background: var(--hlb-aqua-2); border-color: var(--hlb-aqua-2); color: #ffffff; }

/* ============== FAQ ============== */
.hl-prod-brush-carpet .hl-bcp-faq { margin: 0 0 18px 0; }
.hl-prod-brush-carpet .hl-bcp-faq-item {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hlb-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-brush-carpet .hl-bcp-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--hlb-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-brush-carpet .hl-bcp-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-brush-carpet .hl-bcp-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px; top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--hlb-aqua-2);
  font-weight: 700;
}
.hl-prod-brush-carpet .hl-bcp-faq-item[open] summary::after { content: "−"; }
.hl-prod-brush-carpet .hl-bcp-faq-item p { margin: 0 0 7px 0; color: var(--hlb-text); font-size: 0.8rem; line-height: 1.5; }
.hl-prod-brush-carpet .hl-bcp-faq-item p a { color: var(--hlb-aqua-2); font-weight: 600; }

/* ============== FINAL CTA ============== */
.hl-prod-brush-carpet .hl-bcp-cta {
  background: linear-gradient(135deg, var(--hlb-navy) 0%, var(--hlb-navy-2) 100%);
  color: #ffffff;
  border-radius: var(--hlb-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-brush-carpet .hl-bcp-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(106, 141, 106, 0.18) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(168, 104, 54, 0.16) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-brush-carpet .hl-bcp-cta-h { color: #ffffff; font-size: 1rem; margin: 0 0 3px 0; position: relative; z-index: 1; }
.hl-prod-brush-carpet .hl-bcp-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.82rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-brush-carpet .hl-bcp-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-brush-carpet .hl-bcp-cta-buttons .hl-bcp-btn { padding: 8px 14px; font-size: 0.82rem; }

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-brush-carpet .hl-bcp-hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-brush-carpet { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-brush-carpet .hl-bcp-hero { padding: 14px; }
  .hl-prod-brush-carpet .hl-bcp-hero-h { font-size: 1.18rem; }
  .hl-prod-brush-carpet .hl-bcp-hero-sub { font-size: 0.82rem; }
  .hl-prod-brush-carpet .hl-bcp-section-h { font-size: 1.02rem; }
  .hl-prod-brush-carpet .hl-bcp-cta { padding: 12px 12px; }
  .hl-prod-brush-carpet .hl-bcp-cta-h { font-size: 0.95rem; }
}

/* === Brush-Type Carpet Cleaner — wpautop guard hardening (added 2026-05-08) === */
.hl-prod-brush-carpet .hl-bcp-hero-side br { display: none; }
.hl-prod-brush-carpet .hl-bcp-card > p:empty { display: none; }


/* === Numatic CTD570 Product CSS — added 2026-05-08 === */
/* =====================================================
   Hireload — Carpet Cleaner Hire London (parent category)
   Mirrors drying-heating preview design language
   Scoped to .hl-cc-cat only
   No body / html selectors. No full-page background.
   ===================================================== */

.hl-cc-cat {
  /* Core navy structure */
  --hl-navy:        #1e2a3a;
  --hl-navy-2:      #2c3e50;

  /* Warm cream accent (kept for parity with drying-heating palette) */
  --hl-warm:        #c97f50;
  --hl-warm-2:      #a86836;
  --hl-warm-soft:   #f7e2bb;
  --hl-warm-bg:     #fdf6ec;
  --hl-warm-border: #e0c9a7;

  /* Cool aqua / water-clean accent (primary for carpet cleaner) */
  --hl-cool:        #4d8a9e;
  --hl-cool-2:      #2c5e6f;
  --hl-cool-soft:   #cfe3eb;
  --hl-cool-bg:     #eef6f9;
  --hl-cool-border: #b6d3dd;

  /* Slate / graphite neutrals */
  --hl-slate:       #475569;
  --hl-slate-2:     #64748b;

  /* Cream cards */
  --hl-cream-card:  #fbf2e3;
  --hl-cream-band:  #fdf8ee;

  /* Text */
  --hl-text:        #1c2533;
  --hl-text-soft:   #475569;

  /* Geometry */
  --hl-radius:      10px;
  --hl-radius-lg:   14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-cc-cat * { box-sizing: border-box; }

.hl-cc-cat a {
  color: var(--hl-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--hl-cool-border);
}
.hl-cc-cat a:hover { color: var(--hl-cool-2); text-decoration-color: var(--hl-cool-2); }

.hl-cc-cat h2,
.hl-cc-cat h3,
.hl-cc-cat h4 {
  font-family: inherit;
  color: var(--hl-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-cc-cat p { margin: 0 0 0.6em 0; }

.hl-cc-cat .hl-cc-section-h { font-size: 1.1rem; font-weight: 700; margin: 4px 0 2px 0; color: var(--hl-navy); }
.hl-cc-cat .hl-cc-section-sub { color: var(--hl-text-soft); margin: 0 0 0.7em 0; font-size: 0.84rem; }

/* Section pill labels */
.hl-cc-cat .hl-cc-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--hl-cool-border);
  color: var(--hl-cool-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-cc-cat .hl-cc-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-cc-cat .hl-cc-hero {
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(77, 138, 158, 0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(201, 127, 80, 0.16) 0%, transparent 60%),
    linear-gradient(135deg, #f4f8fa 0%, #fbf2e3 100%);
  border: 1px solid #d4c5b0;
  border-radius: var(--hl-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(30, 42, 58, 0.06);
}
.hl-cc-cat .hl-cc-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-cc-cat .hl-cc-hero-main { display: flex; flex-direction: column; }
.hl-cc-cat .hl-cc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--hl-cool-border);
  color: var(--hl-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(30, 42, 58, 0.05);
}
.hl-cc-cat .hl-cc-hero-h {
  color: var(--hl-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}
.hl-cc-cat .hl-cc-hero-sub { color: #2a3540; font-size: 0.88rem; margin: 0 0 10px 0; line-height: 1.5; }

.hl-cc-cat .hl-cc-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-cc-cat .hl-cc-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-cc-cat .hl-cc-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--hl-navy);
}
.hl-cc-cat .hl-cc-badge-cool { background: var(--hl-cool-bg); border-color: var(--hl-cool-border); }
.hl-cc-cat .hl-cc-badge-warm { background: var(--hl-warm-bg); border-color: var(--hl-warm-border); }

/* Hero side card (Quick pick) */
.hl-cc-cat .hl-cc-hero-side {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(30, 42, 58, 0.06);
}
.hl-cc-cat .hl-cc-hero-side-tag {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--hl-cool-2); margin-bottom: 3px;
}
.hl-cc-cat .hl-cc-hero-side-q { font-size: 0.88rem; font-weight: 700; color: var(--hl-navy); margin: 0 0 6px 0; }
.hl-cc-cat .hl-cc-hero-side-list { list-style: none; margin: 0; padding: 0; }
.hl-cc-cat .hl-cc-hero-side-list li {
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--hl-cool-border);
  font-size: 0.8rem;
}
.hl-cc-cat .hl-cc-hero-side-list li:last-child { border-bottom: 0; }
.hl-cc-cat .hl-cc-hero-side-list li > span { color: var(--hl-navy); font-weight: 600; }
.hl-cc-cat .hl-cc-hero-side-list li > a {
  color: var(--hl-cool-2); font-weight: 700; text-decoration: none;
  white-space: nowrap; font-size: 0.78rem;
}
.hl-cc-cat .hl-cc-hero-side-list li > a:hover { color: var(--hl-warm-2); text-decoration: underline; }

/* Buttons */
.hl-cc-cat .hl-cc-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
  line-height: 1;
}
.hl-cc-cat .hl-cc-btn-primary { background: var(--hl-warm); color: #ffffff; border-color: var(--hl-warm); }
.hl-cc-cat .hl-cc-btn-primary:hover { background: var(--hl-warm-2); border-color: var(--hl-warm-2); transform: translateY(-1px); }
.hl-cc-cat .hl-cc-btn-outline { background: #ffffff; color: var(--hl-navy); border-color: var(--hl-navy); }
.hl-cc-cat .hl-cc-btn-outline:hover { background: var(--hl-navy); color: #ffffff; }
.hl-cc-cat .hl-cc-btn-outline-dark { background: transparent; color: #ffffff; border-color: rgba(255,255,255,0.5); }
.hl-cc-cat .hl-cc-btn-outline-dark:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.8); color: #ffffff; }
.hl-cc-cat .hl-cc-btn-ghost { background: transparent; color: rgba(255,255,255,0.9); border-color: transparent; }
.hl-cc-cat .hl-cc-btn-ghost:hover { color: #ffffff; }

/* ============== QUICK ANSWER ============== */
.hl-cc-cat .hl-cc-quick {
  background: var(--hl-cool-bg);
  border: 1px solid var(--hl-cool-border);
  border-left: 3px solid var(--hl-cool);
  border-radius: var(--hl-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-cc-cat .hl-cc-quick .hl-cc-pill { margin-bottom: 3px; }
.hl-cc-cat .hl-cc-quick-h { font-size: 0.95rem; margin: 2px 0 4px 0; color: var(--hl-navy); }
.hl-cc-cat .hl-cc-quick p { margin: 0; font-size: 0.85rem; color: var(--hl-text); line-height: 1.5; }

/* ============== TABLES ============== */
.hl-cc-cat .hl-cc-jobs,
.hl-cc-cat .hl-cc-spotlight { margin: 0 0 18px 0; }
.hl-cc-cat .hl-cc-table-wrap {
  overflow-x: auto;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-radius);
  background: #ffffff;
}
.hl-cc-cat .hl-cc-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; min-width: 680px; }
.hl-cc-cat .hl-cc-table thead th {
  background: var(--hl-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
.hl-cc-cat .hl-cc-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--hl-navy);
  text-align: left;
  background: var(--hl-cool-bg);
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  width: 26%;
  font-size: 0.82rem;
}
.hl-cc-cat .hl-cc-table td {
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  vertical-align: top;
  color: var(--hl-text);
  font-size: 0.82rem;
}
.hl-cc-cat .hl-cc-table tbody tr:hover td,
.hl-cc-cat .hl-cc-table tbody tr:hover th[scope="row"] { background: #f6fafc; }

/* ============== WHY HIRELOAD CARDS ============== */
.hl-cc-cat .hl-cc-why { margin: 0 0 18px 0; }

/* Force 5-column desktop layout for the Why Hireload section */
.hl-cc-cat .hl-cc-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
@media (max-width: 980px) {
  .hl-cc-cat .hl-cc-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .hl-cc-cat .hl-cc-cards {
    grid-template-columns: 1fr;
  }
}

.hl-cc-cat .hl-cc-card {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
  min-width: 0;
}
.hl-cc-cat .hl-cc-card::before {
  content: "";
  position: absolute;
  left: 11px; right: 11px; top: 0;
  height: 3px;
  background: transparent;
  border-radius: 0 0 3px 3px;
  transition: background 0.15s ease;
}
.hl-cc-cat .hl-cc-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(30, 42, 58, 0.06); }
.hl-cc-cat .hl-cc-card--cool { border-left: 3px solid var(--hl-cool); }
.hl-cc-cat .hl-cc-card--cool:hover { border-color: var(--hl-cool); }
.hl-cc-cat .hl-cc-card--cool:hover::before { background: var(--hl-cool); }
.hl-cc-cat .hl-cc-card--warm { border-left: 3px solid var(--hl-warm); }
.hl-cc-cat .hl-cc-card--warm:hover { border-color: var(--hl-warm); }
.hl-cc-cat .hl-cc-card--warm:hover::before { background: var(--hl-warm); }

.hl-cc-cat .hl-cc-card-ico {
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--hl-cool-bg);
  border: 1px solid var(--hl-cool-border);
  margin-bottom: 5px;
}
.hl-cc-cat .hl-cc-card--warm .hl-cc-card-ico { background: var(--hl-warm-bg); border-color: var(--hl-warm-border); }
.hl-cc-cat .hl-cc-card h3,
.hl-cc-cat .hl-cc-card h4 { font-size: 0.92rem; margin: 0 0 3px 0; color: var(--hl-navy); }
.hl-cc-cat .hl-cc-card p { font-size: 0.79rem; color: var(--hl-text-soft); margin: 0 0 7px 0; flex: 1; line-height: 1.4; }
.hl-cc-cat .hl-cc-card-link {
  font-weight: 700;
  font-size: 0.78rem;
  color: var(--hl-cool-2);
  text-decoration: none;
  align-self: flex-start;
  border-bottom: 1px solid var(--hl-cool-border);
  padding-bottom: 1px;
}
.hl-cc-cat .hl-cc-card--warm .hl-cc-card-link { color: var(--hl-warm-2); border-bottom-color: var(--hl-warm-border); }
.hl-cc-cat .hl-cc-card-link:hover { color: var(--hl-navy); border-bottom-color: var(--hl-navy); }

/* ============== PRODUCT SPOTLIGHT ============== */
.hl-cc-cat .hl-cc-spotlight-box {
  background: linear-gradient(135deg, #ffffff 0%, var(--hl-cool-bg) 100%);
  border: 1px solid var(--hl-cool-border);
  border-left: 3px solid var(--hl-cool);
  border-radius: var(--hl-radius);
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
}
.hl-cc-cat .hl-cc-spotlight-box h3 {
  font-size: 1rem;
  margin: 0 0 4px 0;
  color: var(--hl-navy);
}
.hl-cc-cat .hl-cc-spotlight-box p {
  font-size: 0.84rem;
  color: var(--hl-text);
  margin: 0 0 6px 0;
  line-height: 1.5;
}
.hl-cc-cat .hl-cc-spotlight-meta {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-cc-cat .hl-cc-spotlight-meta li {
  background: #ffffff;
  border: 1px solid var(--hl-cool-border);
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--hl-navy);
}

/* ============== CHECKLIST ============== */
.hl-cc-cat .hl-cc-checklist { margin: 0 0 18px 0; }
.hl-cc-cat .hl-cc-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 5px;
}
.hl-cc-cat .hl-cc-check-list li {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 5px;
  padding: 6px 9px 6px 28px;
  position: relative;
  font-size: 0.79rem;
  color: var(--hl-text);
  line-height: 1.4;
}
.hl-cc-cat .hl-cc-check-list li::before {
  content: "✓";
  position: absolute;
  left: 7px; top: 50%;
  transform: translateY(-50%);
  width: 14px; height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--hl-cool);
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 0.62rem;
}
.hl-cc-cat .hl-cc-check-list li span { color: var(--hl-text-soft); font-size: 0.7rem; display: block; margin-top: 1px; }
.hl-cc-cat .hl-cc-check-list li a { color: var(--hl-cool-2); font-weight: 700; }

/* ============== ENTITY / AI VISIBILITY BLOCK ============== */
.hl-cc-cat .hl-cc-entity { margin: 0 0 18px 0; }
.hl-cc-cat .hl-cc-entity-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 5px;
}
.hl-cc-cat .hl-cc-entity-grid li {
  background: var(--hl-cool-bg);
  border: 1px solid var(--hl-cool-border);
  border-left: 2px solid var(--hl-cool);
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 0.79rem;
  color: var(--hl-text);
  line-height: 1.45;
}
.hl-cc-cat .hl-cc-entity-grid li strong { color: var(--hl-navy); }

/* ============== RELATED ============== */
.hl-cc-cat .hl-cc-related { margin: 0 0 18px 0; }
.hl-cc-cat .hl-cc-related-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.hl-cc-cat .hl-cc-related-list a {
  display: inline-block;
  background: #ffffff;
  border: 1px solid var(--hl-cool-border);
  border-radius: 5px;
  padding: 5px 9px;
  text-decoration: none;
  color: var(--hl-navy);
  font-size: 0.78rem;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hl-cc-cat .hl-cc-related-list a:hover { background: var(--hl-cool-2); border-color: var(--hl-cool-2); color: #ffffff; }

/* ============== FAQ ============== */
.hl-cc-cat .hl-cc-faq { margin: 0 0 18px 0; }
.hl-cc-cat .hl-cc-faq-item {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-cc-cat .hl-cc-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--hl-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-cc-cat .hl-cc-faq-item summary::-webkit-details-marker { display: none; }
.hl-cc-cat .hl-cc-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px; top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--hl-cool-2);
  font-weight: 700;
}
.hl-cc-cat .hl-cc-faq-item[open] summary::after { content: "−"; }
.hl-cc-cat .hl-cc-faq-item p { margin: 0 0 7px 0; color: var(--hl-text); font-size: 0.8rem; line-height: 1.5; }
.hl-cc-cat .hl-cc-faq-item p a { color: var(--hl-cool-2); font-weight: 600; }

/* ============== FINAL CTA ============== */
.hl-cc-cat .hl-cc-cta {
  background: linear-gradient(135deg, var(--hl-navy) 0%, var(--hl-navy-2) 100%);
  color: #ffffff;
  border-radius: var(--hl-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-cc-cat .hl-cc-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(77, 138, 158, 0.20) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(201, 127, 80, 0.18) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* Force CTA contents above the gradient overlay and ensure readable colours */
.hl-cc-cat .hl-cc-cta,
.hl-cc-cat .hl-cc-cta * {
  position: relative;
  z-index: 1;
}
.hl-cc-cat .hl-cc-cta h2,
.hl-cc-cat .hl-cc-cta .hl-cc-cta-h {
  color: #ffffff !important;
  font-size: 1rem;
  margin: 0 0 3px 0;
}
.hl-cc-cat .hl-cc-cta p,
.hl-cc-cat .hl-cc-cta .hl-cc-cta-sub {
  color: rgba(255,255,255,0.86) !important;
  font-size: 0.82rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
}
.hl-cc-cat .hl-cc-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
}
.hl-cc-cat .hl-cc-cta-buttons .hl-cc-btn { padding: 8px 14px; font-size: 0.82rem; }
.hl-cc-cat .hl-cc-cta .hl-cc-btn-primary {
  color: #ffffff !important;
  background: var(--hl-warm);
  border-color: var(--hl-warm);
}
.hl-cc-cat .hl-cc-cta .hl-cc-btn-primary:hover {
  background: var(--hl-warm-2);
  border-color: var(--hl-warm-2);
}
.hl-cc-cat .hl-cc-cta .hl-cc-btn-outline-dark {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.65);
  background: transparent;
}
.hl-cc-cat .hl-cc-cta .hl-cc-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.85);
}
.hl-cc-cat .hl-cc-cta .hl-cc-btn-ghost {
  color: rgba(255,255,255,0.9) !important;
  background: transparent;
  border-color: transparent;
}
.hl-cc-cat .hl-cc-cta .hl-cc-btn-ghost:hover {
  color: #ffffff !important;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-cc-cat .hl-cc-hero-grid { grid-template-columns: 1fr; }
  .hl-cc-cat .hl-cc-spotlight-box { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-cc-cat { font-size: 13.5px; padding: 0 9px; }
  .hl-cc-cat .hl-cc-hero { padding: 14px; }
  .hl-cc-cat .hl-cc-hero-h { font-size: 1.18rem; }
  .hl-cc-cat .hl-cc-hero-sub { font-size: 0.82rem; }
  .hl-cc-cat .hl-cc-section-h { font-size: 1.02rem; }
  .hl-cc-cat .hl-cc-cta { padding: 12px 12px; }
  .hl-cc-cat .hl-cc-cta-h { font-size: 0.95rem; }
}


/* === Pressure Washer Product CSS — added 2026-05-08 === */
/* =====================================================
   Hireload — Cold Water Pressure Washer Hire (product) v2
   Scoped to .hl-prod-pressure-washer only
   No body / html / :root / global selectors
   ===================================================== */

.hl-prod-pressure-washer {
  /* Core navy structure */
  --hl-pw-navy:        #1e2a3a;
  --hl-pw-navy-2:      #2c3e50;

  /* Cool muted teal accent (water / cleaning) */
  --hl-pw-cool:        #3f7d8c;
  --hl-pw-cool-2:      #2c5e6f;
  --hl-pw-cool-bg:     #eef4f6;
  --hl-pw-cool-border: #b6cdd2;

  /* Warm copper accent */
  --hl-pw-warm:        #c97f50;
  --hl-pw-warm-2:      #a86836;
  --hl-pw-warm-bg:     #fdf6ec;
  --hl-pw-warm-border: #e0c9a7;

  /* Soft cream surfaces and slate neutrals */
  --hl-pw-cream:       #fbf6ec;
  --hl-pw-slate:       #475569;
  --hl-pw-slate-2:     #64748b;

  /* Text */
  --hl-pw-text:        #1c2533;
  --hl-pw-text-soft:   #475569;

  /* Geometry */
  --hl-pw-radius:      10px;
  --hl-pw-radius-lg:   14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-pw-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-pressure-washer * { box-sizing: border-box; }

.hl-prod-pressure-washer a {
  color: var(--hl-pw-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--hl-pw-cool-border);
}
.hl-prod-pressure-washer a:hover { color: var(--hl-pw-cool-2); text-decoration-color: var(--hl-pw-cool-2); }

.hl-prod-pressure-washer h2,
.hl-prod-pressure-washer h3,
.hl-prod-pressure-washer h4 {
  font-family: inherit;
  color: var(--hl-pw-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-pressure-washer p { margin: 0 0 0.6em 0; }

.hl-prod-pressure-washer .hl-pw-section-h { font-size: 1.1rem; font-weight: 700; margin: 4px 0 2px 0; color: var(--hl-pw-navy); }
.hl-prod-pressure-washer .hl-pw-section-sub { color: var(--hl-pw-text-soft); margin: 0 0 0.7em 0; font-size: 0.84rem; }

/* Section pill labels */
.hl-prod-pressure-washer .hl-pw-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--hl-pw-cool-border);
  color: var(--hl-pw-cool-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-pressure-washer .hl-pw-pill--warn {
  border-color: var(--hl-pw-warm-border);
  color: var(--hl-pw-warm-2);
}
.hl-prod-pressure-washer .hl-pw-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-prod-pressure-washer .hl-pw-hero {
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(63, 125, 140, 0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(201, 127, 80, 0.16) 0%, transparent 60%),
    linear-gradient(135deg, #f4f8fa 0%, #fbf6ec 100%);
  border: 1px solid #d4c5b0;
  border-radius: var(--hl-pw-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(30, 42, 58, 0.06);
}
.hl-prod-pressure-washer .hl-pw-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: start;
}
.hl-prod-pressure-washer .hl-pw-hero-main { display: flex; flex-direction: column; }
.hl-prod-pressure-washer .hl-pw-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--hl-pw-cool-border);
  color: var(--hl-pw-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(30, 42, 58, 0.05);
}
.hl-prod-pressure-washer .hl-pw-hero-h {
  color: var(--hl-pw-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}
.hl-prod-pressure-washer .hl-pw-hero-sub { color: #2a3540; font-size: 0.88rem; margin: 0 0 10px 0; line-height: 1.5; }

.hl-prod-pressure-washer .hl-pw-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-pressure-washer .hl-pw-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-pressure-washer .hl-pw-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--hl-pw-navy);
}
.hl-prod-pressure-washer .hl-pw-badge-cool { background: var(--hl-pw-cool-bg); border-color: var(--hl-pw-cool-border); }
.hl-prod-pressure-washer .hl-pw-badge-warm { background: var(--hl-pw-warm-bg); border-color: var(--hl-pw-warm-border); }

/* Hero side card (Quick pick) — grid layout, robust against wpautop */
.hl-prod-pressure-washer .hl-pw-hero-side {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-pw-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  align-self: start;
  box-shadow: 0 1px 3px rgba(30, 42, 58, 0.06);
}
.hl-prod-pressure-washer .hl-pw-hero-side-tag {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--hl-pw-cool-2); margin-bottom: 3px;
}
.hl-prod-pressure-washer .hl-pw-hero-side-q { font-size: 0.88rem; font-weight: 700; color: var(--hl-pw-navy); margin: 0 0 6px 0; }
.hl-prod-pressure-washer .hl-pw-hero-side-list { list-style: none; margin: 0; padding: 0; }

/* WP / wpautop sometimes injects line-break tags inside the hero side list — neutralise them */
.hl-prod-pressure-washer .hl-pw-hero-side-list li > br,
.hl-prod-pressure-washer .hl-pw-hero-side-list br {
  display: none !important;
}

.hl-prod-pressure-washer .hl-pw-hero-side-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 6px 0;
  min-width: 0;
  line-height: 1.32;
  border-bottom: 1px dashed var(--hl-pw-cool-border);
  font-size: 0.8rem;
}
.hl-prod-pressure-washer .hl-pw-hero-side-list li:last-child { border-bottom: 0; }
.hl-prod-pressure-washer .hl-pw-hero-side-list li > span {
  color: var(--hl-pw-navy);
  font-weight: 600;
  min-width: 0;
  overflow-wrap: break-word;
}
.hl-prod-pressure-washer .hl-pw-hero-side-list li > a {
  color: var(--hl-pw-cool-2);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  font-size: 0.78rem;
}
.hl-prod-pressure-washer .hl-pw-hero-side-list li > a:hover { color: var(--hl-pw-warm-2); text-decoration: underline; }

/* Buttons */
.hl-prod-pressure-washer .hl-pw-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
  line-height: 1;
}
.hl-prod-pressure-washer .hl-pw-btn-primary { background: var(--hl-pw-warm); color: #ffffff; border-color: var(--hl-pw-warm); }
.hl-prod-pressure-washer .hl-pw-btn-primary:hover { background: var(--hl-pw-warm-2); border-color: var(--hl-pw-warm-2); transform: translateY(-1px); }
.hl-prod-pressure-washer .hl-pw-btn-outline { background: #ffffff; color: var(--hl-pw-navy); border-color: var(--hl-pw-navy); }
.hl-prod-pressure-washer .hl-pw-btn-outline:hover { background: var(--hl-pw-navy); color: #ffffff; }
.hl-prod-pressure-washer .hl-pw-btn-outline-dark { background: transparent; color: #ffffff; border-color: rgba(255,255,255,0.65); }
.hl-prod-pressure-washer .hl-pw-btn-outline-dark:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.85); color: #ffffff; }
.hl-prod-pressure-washer .hl-pw-btn-ghost { background: transparent; color: rgba(255,255,255,0.9); border-color: transparent; }
.hl-prod-pressure-washer .hl-pw-btn-ghost:hover { color: #ffffff; }

/* ============== QUICK ANSWER ============== */
.hl-prod-pressure-washer .hl-pw-quick {
  background: var(--hl-pw-cool-bg);
  border: 1px solid var(--hl-pw-cool-border);
  border-left: 3px solid var(--hl-pw-cool);
  border-radius: var(--hl-pw-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-prod-pressure-washer .hl-pw-quick .hl-pw-pill { margin-bottom: 3px; }
.hl-prod-pressure-washer .hl-pw-quick-h { font-size: 0.95rem; margin: 2px 0 4px 0; color: var(--hl-pw-navy); }
.hl-prod-pressure-washer .hl-pw-quick p { margin: 0; font-size: 0.85rem; color: var(--hl-pw-text); line-height: 1.5; }

/* ============== TABLES ============== */
.hl-prod-pressure-washer .hl-pw-jobs,
.hl-prod-pressure-washer .hl-pw-surface,
.hl-prod-pressure-washer .hl-pw-domtrade,
.hl-prod-pressure-washer .hl-pw-cold-vs-hot,
.hl-prod-pressure-washer .hl-pw-pwvsalt { margin: 0 0 18px 0; }

.hl-prod-pressure-washer .hl-pw-table-wrap {
  overflow-x: auto;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-pw-radius);
  background: #ffffff;
}
.hl-prod-pressure-washer .hl-pw-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; min-width: 680px; }
.hl-prod-pressure-washer .hl-pw-table thead th {
  background: var(--hl-pw-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
.hl-prod-pressure-washer .hl-pw-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--hl-pw-navy);
  text-align: left;
  background: var(--hl-pw-cool-bg);
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  width: 26%;
  font-size: 0.82rem;
}
.hl-prod-pressure-washer .hl-pw-table td {
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  vertical-align: top;
  color: var(--hl-pw-text);
  font-size: 0.82rem;
}
.hl-prod-pressure-washer .hl-pw-table tbody tr:hover td,
.hl-prod-pressure-washer .hl-pw-table tbody tr:hover th[scope="row"] { background: #f6fafc; }

/* ============== BEST FOR CARDS ============== */
.hl-prod-pressure-washer .hl-pw-best { margin: 0 0 18px 0; }

.hl-prod-pressure-washer .hl-pw-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
@media (max-width: 980px) {
  .hl-prod-pressure-washer .hl-pw-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .hl-prod-pressure-washer .hl-pw-cards {
    grid-template-columns: 1fr;
  }
}

.hl-prod-pressure-washer .hl-pw-card {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-pw-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
  min-width: 0;
}
.hl-prod-pressure-washer .hl-pw-card::before {
  content: "";
  position: absolute;
  left: 11px; right: 11px; top: 0;
  height: 3px;
  background: transparent;
  border-radius: 0 0 3px 3px;
  transition: background 0.15s ease;
}
.hl-prod-pressure-washer .hl-pw-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(30, 42, 58, 0.06); }
.hl-prod-pressure-washer .hl-pw-card--cool { border-left: 3px solid var(--hl-pw-cool); }
.hl-prod-pressure-washer .hl-pw-card--cool:hover { border-color: var(--hl-pw-cool); }
.hl-prod-pressure-washer .hl-pw-card--cool:hover::before { background: var(--hl-pw-cool); }
.hl-prod-pressure-washer .hl-pw-card--warm { border-left: 3px solid var(--hl-pw-warm); }
.hl-prod-pressure-washer .hl-pw-card--warm:hover { border-color: var(--hl-pw-warm); }
.hl-prod-pressure-washer .hl-pw-card--warm:hover::before { background: var(--hl-pw-warm); }

.hl-prod-pressure-washer .hl-pw-card-ico {
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--hl-pw-cool-bg);
  border: 1px solid var(--hl-pw-cool-border);
  margin-bottom: 5px;
}
.hl-prod-pressure-washer .hl-pw-card--warm .hl-pw-card-ico { background: var(--hl-pw-warm-bg); border-color: var(--hl-pw-warm-border); }
.hl-prod-pressure-washer .hl-pw-card h3,
.hl-prod-pressure-washer .hl-pw-card h4 { font-size: 0.92rem; margin: 0 0 3px 0; color: var(--hl-pw-navy); }
.hl-prod-pressure-washer .hl-pw-card p { font-size: 0.79rem; color: var(--hl-pw-text-soft); margin: 0 0 7px 0; flex: 1; line-height: 1.4; }
.hl-prod-pressure-washer .hl-pw-card-link {
  font-weight: 700;
  font-size: 0.78rem;
  color: var(--hl-pw-cool-2);
  text-decoration: none;
  align-self: flex-start;
  border-bottom: 1px solid var(--hl-pw-cool-border);
  padding-bottom: 1px;
}
.hl-prod-pressure-washer .hl-pw-card--warm .hl-pw-card-link { color: var(--hl-pw-warm-2); border-bottom-color: var(--hl-pw-warm-border); }
.hl-prod-pressure-washer .hl-pw-card-link:hover { color: var(--hl-pw-navy); border-bottom-color: var(--hl-pw-navy); }

/* ============== NOT IDEAL FOR ============== */
.hl-prod-pressure-washer .hl-pw-not { margin: 0 0 18px 0; }
.hl-prod-pressure-washer .hl-pw-not-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 6px;
}
.hl-prod-pressure-washer .hl-pw-not-list li {
  background: var(--hl-pw-warm-bg);
  border: 1px solid var(--hl-pw-warm-border);
  border-left: 2px solid var(--hl-pw-warm);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.82rem;
  color: var(--hl-pw-text);
  line-height: 1.45;
}
.hl-prod-pressure-washer .hl-pw-not-list li strong { color: var(--hl-pw-warm-2); }

/* ============== SURFACE / NOTE BOX ============== */
.hl-prod-pressure-washer .hl-pw-note {
  margin: 8px 0 0 0;
  padding: 8px 10px;
  background: var(--hl-pw-cool-bg);
  border: 1px solid var(--hl-pw-cool-border);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--hl-pw-text);
  line-height: 1.5;
}
.hl-prod-pressure-washer .hl-pw-note strong { color: var(--hl-pw-navy); }

/* ============== CHECKLIST ============== */
.hl-prod-pressure-washer .hl-pw-checklist { margin: 0 0 18px 0; }
.hl-prod-pressure-washer .hl-pw-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 5px;
}
.hl-prod-pressure-washer .hl-pw-check-list li {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 5px;
  padding: 6px 9px 6px 28px;
  position: relative;
  font-size: 0.79rem;
  color: var(--hl-pw-text);
  line-height: 1.4;
}
.hl-prod-pressure-washer .hl-pw-check-list li::before {
  content: "✓";
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--hl-pw-cool);
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 0.62rem;
}
.hl-prod-pressure-washer .hl-pw-check-list li span { color: var(--hl-pw-text-soft); font-size: 0.7rem; display: block; margin-top: 1px; }
.hl-prod-pressure-washer .hl-pw-check-list li a { color: var(--hl-pw-cool-2); font-weight: 700; }

/* ============== COST FACTORS ============== */
.hl-prod-pressure-washer .hl-pw-cost { margin: 0 0 18px 0; }
.hl-prod-pressure-washer .hl-pw-cost-grid {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 5px;
}
.hl-prod-pressure-washer .hl-pw-cost-grid li {
  background: var(--hl-pw-cool-bg);
  border: 1px solid var(--hl-pw-cool-border);
  border-left: 2px solid var(--hl-pw-cool);
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 0.79rem;
  color: var(--hl-pw-text);
  line-height: 1.45;
}
.hl-prod-pressure-washer .hl-pw-cost-grid li strong { color: var(--hl-pw-navy); }
.hl-prod-pressure-washer .hl-pw-cost-cta { font-size: 0.85rem; color: var(--hl-pw-text); margin: 5px 0 0 0; }
.hl-prod-pressure-washer .hl-pw-cost-cta a { color: var(--hl-pw-cool-2); font-weight: 700; }

/* ============== ENTITY GRID ============== */
.hl-prod-pressure-washer .hl-pw-entity { margin: 0 0 18px 0; }
.hl-prod-pressure-washer .hl-pw-entity-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 5px;
}
.hl-prod-pressure-washer .hl-pw-entity-grid li {
  background: var(--hl-pw-cool-bg);
  border: 1px solid var(--hl-pw-cool-border);
  border-left: 2px solid var(--hl-pw-cool);
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 0.79rem;
  color: var(--hl-pw-text);
  line-height: 1.45;
}
.hl-prod-pressure-washer .hl-pw-entity-grid li strong { color: var(--hl-pw-navy); }

/* ============== RELATED ============== */
.hl-prod-pressure-washer .hl-pw-related { margin: 0 0 18px 0; }
.hl-prod-pressure-washer .hl-pw-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-pressure-washer .hl-pw-related-list a {
  display: inline-block;
  background: #ffffff;
  border: 1px solid var(--hl-pw-cool-border);
  border-radius: 5px;
  padding: 5px 9px;
  text-decoration: none;
  color: var(--hl-pw-navy);
  font-size: 0.78rem;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hl-prod-pressure-washer .hl-pw-related-list a:hover { background: var(--hl-pw-cool-2); border-color: var(--hl-pw-cool-2); color: #ffffff; }

/* ============== FAQ ============== */
.hl-prod-pressure-washer .hl-pw-faq { margin: 0 0 18px 0; }
.hl-prod-pressure-washer .hl-pw-faq-item {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: var(--hl-pw-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-pressure-washer .hl-pw-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--hl-pw-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-pressure-washer .hl-pw-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-pressure-washer .hl-pw-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--hl-pw-cool-2);
  font-weight: 700;
}
.hl-prod-pressure-washer .hl-pw-faq-item[open] summary::after { content: "−"; }
.hl-prod-pressure-washer .hl-pw-faq-item p { margin: 0 0 7px 0; color: var(--hl-pw-text); font-size: 0.8rem; line-height: 1.5; }
.hl-prod-pressure-washer .hl-pw-faq-item p a { color: var(--hl-pw-cool-2); font-weight: 600; }

/* ============== FINAL CTA ============== */
.hl-prod-pressure-washer .hl-pw-cta {
  background: linear-gradient(135deg, var(--hl-pw-navy) 0%, var(--hl-pw-navy-2) 100%);
  color: #ffffff;
  border-radius: var(--hl-pw-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-pressure-washer .hl-pw-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(63, 125, 140, 0.20) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(201, 127, 80, 0.18) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* Force CTA contents above the gradient overlay and ensure readable colours */
.hl-prod-pressure-washer .hl-pw-cta,
.hl-prod-pressure-washer .hl-pw-cta * {
  position: relative;
  z-index: 1;
}
.hl-prod-pressure-washer .hl-pw-cta h2,
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-cta-h {
  color: #ffffff !important;
  font-size: 1rem;
  margin: 0 0 3px 0;
}
.hl-prod-pressure-washer .hl-pw-cta p,
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-cta-sub {
  color: rgba(255,255,255,0.86) !important;
  font-size: 0.82rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
}
.hl-prod-pressure-washer .hl-pw-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
}
.hl-prod-pressure-washer .hl-pw-cta-buttons .hl-pw-btn { padding: 8px 14px; font-size: 0.82rem; }
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-btn-primary {
  color: #ffffff !important;
  background: var(--hl-pw-warm);
  border-color: var(--hl-pw-warm);
}
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-btn-primary:hover {
  background: var(--hl-pw-warm-2);
  border-color: var(--hl-pw-warm-2);
}
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-btn-outline-dark {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.65);
  background: transparent;
}
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.85);
}
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-btn-ghost {
  color: rgba(255,255,255,0.9) !important;
  background: transparent;
  border-color: transparent;
}
.hl-prod-pressure-washer .hl-pw-cta .hl-pw-btn-ghost:hover {
  color: #ffffff !important;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-pressure-washer .hl-pw-hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-pressure-washer { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-pressure-washer .hl-pw-hero { padding: 14px; }
  .hl-prod-pressure-washer .hl-pw-hero-h { font-size: 1.18rem; }
  .hl-prod-pressure-washer .hl-pw-hero-sub { font-size: 0.82rem; }
  .hl-prod-pressure-washer .hl-pw-section-h { font-size: 1.02rem; }
  .hl-prod-pressure-washer .hl-pw-cta { padding: 12px 12px; }
  .hl-prod-pressure-washer .hl-pw-cta-h { font-size: 0.95rem; }
}
@media (max-width: 620px) {
  .hl-prod-pressure-washer .hl-pw-hero-side-list li {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .hl-prod-pressure-washer .hl-pw-hero-side-list li > a {
    white-space: normal;
  }
}


/* === Hireload Heavy Duty Pressure Washer Product CSS — appended === */
/* ==========================================================================
   Hireload — Heavy Duty Pressure Washer Hire 240V (product page) — v2
   White-dominant premium surface. Cream/stone used only as small accents.
   No green / aqua / teal anywhere.
   Fully scoped under .hl-prod-heavy-duty-pressure-washer
   ========================================================================== */

.hl-prod-heavy-duty-pressure-washer {
  --hl-hdpw-ink:        #17202A;
  --hl-hdpw-ink-soft:   #2C3845;
  --hl-hdpw-navy:       #243447;
  --hl-hdpw-navy-deep:  #1F2D3A;
  --hl-hdpw-slate:      #5E6B78;
  --hl-hdpw-muted:      #7A8593;
  --hl-hdpw-line:       #E2DCCF;
  --hl-hdpw-line-soft:  #EFE9DD;
  --hl-hdpw-line-strong:#CFC5B0;
  --hl-hdpw-stone:      #F2EDE3;
  --hl-hdpw-stone-soft: #F7F5F0;
  --hl-hdpw-cream:      #FBF9F4;
  --hl-hdpw-copper:     #B8794A;
  --hl-hdpw-copper-deep:#9A6238;
  --hl-hdpw-copper-soft:#F4E4D2;
  --hl-hdpw-clay:       #C77465;
  --hl-hdpw-rose-tint:  #F6E8E4;
  --hl-hdpw-steel:      #4F6275;
  --hl-hdpw-steel-soft: #E2E7EC;
  --hl-hdpw-radius-lg:  10px;
  --hl-hdpw-radius-md:  8px;
  --hl-hdpw-radius-sm:  5px;
  --hl-hdpw-shadow-1:   0 1px 1px rgba(23, 32, 42, 0.03), 0 1px 3px rgba(23, 32, 42, 0.04);
  --hl-hdpw-shadow-2:   0 1px 2px rgba(23, 32, 42, 0.05), 0 3px 10px rgba(23, 32, 42, 0.06);
  --hl-hdpw-shadow-cta: 0 1px 0 rgba(0,0,0,0.05), 0 3px 8px rgba(36, 52, 71, 0.16);

  color: var(--hl-hdpw-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  max-width: 1180px;
  margin: 0 auto;
  padding: 4px 0 0;
}

.hl-prod-heavy-duty-pressure-washer * { box-sizing: border-box; }

.hl-prod-heavy-duty-pressure-washer p { margin: 0 0 0.65em; font-size: 13.5px; color: var(--hl-hdpw-ink-soft); }
.hl-prod-heavy-duty-pressure-washer ul { margin: 0 0 0.65em; padding-left: 1.05em; }
.hl-prod-heavy-duty-pressure-washer li { margin: 0 0 0.25em; font-size: 13.5px; }
.hl-prod-heavy-duty-pressure-washer a { color: var(--hl-hdpw-copper-deep); text-decoration: none; border-bottom: 1px solid rgba(154, 98, 56, 0.3); transition: color .15s, border-color .15s; }
.hl-prod-heavy-duty-pressure-washer a:hover { color: var(--hl-hdpw-navy); border-color: rgba(36, 52, 71, 0.4); }

/* ---------- Headings ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-h2 {
  font-size: 21px;
  line-height: 1.22;
  margin: 4px 0 6px;
  color: var(--hl-hdpw-navy);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-h3 {
  font-size: 16px;
  line-height: 1.28;
  margin: 0 0 8px;
  color: var(--hl-hdpw-navy);
  font-weight: 700;
  letter-spacing: -0.005em;
}
.hl-prod-heavy-duty-pressure-washer h4 {
  font-size: 14px;
  margin: 0 0 4px;
  color: var(--hl-hdpw-navy);
  font-weight: 700;
}

/* ---------- Eyebrow / muted ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-eyebrow,
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-side-eyebrow {
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--hl-hdpw-copper-deep);
  margin-bottom: 4px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-muted { color: var(--hl-hdpw-muted); font-size: 12.5px; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-lede { font-size: 14px; color: var(--hl-hdpw-ink-soft); margin-bottom: 10px; line-height: 1.5; }

/* ---------- Sections — warm cream surface ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-section {
  background: var(--hl-hdpw-cream);
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-lg);
  padding: 14px 16px 12px;
  margin: 0 0 10px;
  box-shadow: var(--hl-hdpw-shadow-1);
}

/* ---------- Hero — warm cream gradient with copper accent line ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero {
  background: linear-gradient(135deg, var(--hl-hdpw-stone-soft) 0%, var(--hl-hdpw-cream) 100%);
  border: 1px solid var(--hl-hdpw-line-strong);
  border-radius: var(--hl-hdpw-radius-lg);
  padding: 14px 16px;
  margin-bottom: 10px;
  box-shadow: var(--hl-hdpw-shadow-2);
  position: relative;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--hl-hdpw-copper) 0%, var(--hl-hdpw-clay) 100%);
  border-radius: var(--hl-hdpw-radius-lg) var(--hl-hdpw-radius-lg) 0 0;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: start;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-main { min-width: 0; }

/* ---------- Buttons ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 10px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 14px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid transparent;
  text-decoration: none !important;
  transition: transform .12s, background .15s, color .15s, border-color .15s, box-shadow .15s;
  white-space: nowrap;
  line-height: 1.1;
  letter-spacing: 0.01em;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn-primary {
  background: var(--hl-hdpw-navy);
  color: #fff !important;
  border-color: var(--hl-hdpw-navy);
  box-shadow: var(--hl-hdpw-shadow-cta);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn-primary:hover {
  background: var(--hl-hdpw-copper-deep);
  border-color: var(--hl-hdpw-copper-deep);
  color: #fff !important;
  transform: translateY(-1px);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn-ghost {
  background: #fff;
  color: var(--hl-hdpw-navy) !important;
  border-color: var(--hl-hdpw-line-strong);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn-ghost:hover {
  background: var(--hl-hdpw-stone-soft);
  border-color: var(--hl-hdpw-copper);
  color: var(--hl-hdpw-copper-deep) !important;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn-secondary {
  background: var(--hl-hdpw-copper);
  color: #fff !important;
  border-color: var(--hl-hdpw-copper);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn-secondary:hover {
  background: var(--hl-hdpw-copper-deep);
  border-color: var(--hl-hdpw-copper-deep);
  color: #fff !important;
  transform: translateY(-1px);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn-large {
  padding: 11px 18px;
  font-size: 13.5px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn:active { transform: translateY(1px); }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-icon { font-size: 13px; line-height: 1; }

/* ---------- Chips ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-chip {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line-strong);
  color: var(--hl-hdpw-ink-soft);
  font-size: 11.5px;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* ==========================================================================
   QUICK PICK PANEL — robust against stray BR injected by WordPress wpautop
   ========================================================================== */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-grid {
  align-items: start;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side {
  align-self: start;
  background: var(--hl-hdpw-stone-soft);
  border: 1px solid var(--hl-hdpw-line-strong);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 11px 12px 8px;
  box-shadow: var(--hl-hdpw-shadow-1);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-side-title {
  font-size: 14px;
  margin: 0 0 6px;
  color: var(--hl-hdpw-navy);
  font-weight: 700;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 0;
  min-width: 0;
  line-height: 1.25;
  border-top: 1px solid var(--hl-hdpw-line-soft);
  font-size: 12.5px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li:first-child { border-top: 0; padding-top: 2px; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li > br,
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list br {
  display: none !important;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  color: var(--hl-hdpw-ink-soft);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li > a {
  white-space: nowrap;
  font-weight: 600;
  color: var(--hl-hdpw-copper-deep);
  border-bottom: 1px solid rgba(154, 98, 56, 0.25);
  font-size: 12px;
  letter-spacing: 0.01em;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li > a:hover {
  color: var(--hl-hdpw-navy);
  border-bottom-color: rgba(36, 52, 71, 0.4);
}

@media (max-width: 620px) {
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-side-list li > a {
    white-space: normal;
  }
}

/* ---------- Highlight strip — warm stone, subtle ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  margin: 0 0 10px;
  padding: 10px 12px;
  background: var(--hl-hdpw-stone-soft);
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-lg);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-strip-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--hl-hdpw-ink-soft);
  line-height: 1.3;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-strip-icon {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-strip-item strong {
  color: var(--hl-hdpw-navy);
  font-weight: 700;
}

/* ---------- Quick answer — cream surface, subtle navy left accent ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-quickanswer {
  background: var(--hl-hdpw-cream);
  border-left: 3px solid var(--hl-hdpw-navy);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-quickanswer p { margin: 0; font-size: 13.5px; color: var(--hl-hdpw-ink-soft); }

/* ---------- Most popular hire jobs — white cards on cream section ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-jobs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-job {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 100%;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-job-icon {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 4px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-job strong {
  font-size: 13px;
  color: var(--hl-hdpw-navy);
  font-weight: 700;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-job span:last-child {
  font-size: 12.5px;
  color: var(--hl-hdpw-ink-soft);
  line-height: 1.4;
}

/* ---------- Tables — premium navy/stone/copper, stronger contrast ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table-wrap {
  overflow-x: auto;
  border: 1px solid #CFC5B0;
  border-top: 3px solid #B8794A;
  border-radius: var(--hl-hdpw-radius-md);
  background: #F7F3EA;
  box-shadow: 0 1px 2px rgba(23, 32, 42, 0.04), 0 3px 10px rgba(23, 32, 42, 0.05);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  min-width: 540px;
  background: #ffffff;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table th {
  background: #1F2D3A;
  color: #ffffff;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table th:last-child {
  border-right: 0;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table td {
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #DDD5CA;
  border-right: 1px solid #EFE6D8;
  color: #2C3845;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table td:last-child {
  border-right: 0;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table tr:last-child td {
  border-bottom: 0;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table tr:nth-child(odd) td {
  background: #ffffff;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table tr:nth-child(even) td {
  background: #FBF7EF;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table tr:hover td {
  background: #F2E8DC;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-table td:first-child {
  font-weight: 700;
  color: #17202A;
}

/* ---------- Pill badges — slightly stronger contrast inside tables ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-pill {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  letter-spacing: 0.03em;
  white-space: nowrap;
  border: 1px solid transparent;
  text-transform: uppercase;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-pill-ok {
  background: #DDE5EE;
  color: #2F4458;
  border-color: #B6C4D2;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-pill-care {
  background: #F0E2CC;
  color: #7B4D26;
  border-color: #D6BE9A;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-pill-call {
  background: #ECCFAB;
  color: #7B4D26;
  border-color: #C9A572;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-pill-no {
  background: #F1D9D2;
  color: #8B3D33;
  border-color: #DCB1A6;
}

/* ---------- Cards — WHITE ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
  align-items: stretch;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-card {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-top: 2px solid var(--hl-hdpw-copper);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 10px 12px 8px;
  box-shadow: var(--hl-hdpw-shadow-1);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-card h4 { font-size: 13.5px; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-card p { font-size: 12.8px; color: var(--hl-hdpw-ink-soft); margin-bottom: 0; line-height: 1.45; }

/* ---------- Bullets ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-bullets { list-style: disc; padding-left: 1.1em; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-bullets li { color: var(--hl-hdpw-ink-soft); font-size: 13.5px; }

/* ---------- Not ideal — soft rose-tint gradient ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-not-ideal {
  background: linear-gradient(180deg, var(--hl-hdpw-rose-tint), var(--hl-hdpw-cream));
  border-left: 3px solid var(--hl-hdpw-clay);
}

/* ---------- Checklist — white cards on cream section ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-checklist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
  margin: 0 0 8px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-checklist-col {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-left: 3px solid var(--hl-hdpw-copper);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 10px 12px 8px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-checklist-col h4 { color: var(--hl-hdpw-navy); }

.hl-prod-heavy-duty-pressure-washer .hl-hdpw-callout {
  background: var(--hl-hdpw-stone-soft);
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 9px 12px;
  margin: 4px 0 0;
  color: var(--hl-hdpw-ink-soft);
  font-size: 12.8px;
}

/* ---------- Split — white cards on cream section ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-split-col {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 10px 12px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-split-col h4 { color: var(--hl-hdpw-navy); margin-bottom: 4px; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-split-col p { font-size: 13px; margin: 0; color: var(--hl-hdpw-ink-soft); }

@media (max-width: 720px) {
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-split { grid-template-columns: 1fr; }
}

/* ---------- Search-intent answer block — cream section, white cards ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-intent {
  background: var(--hl-hdpw-cream);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-intent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-intent-card {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-left: 3px solid var(--hl-hdpw-clay);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 9px 12px 8px;
  height: 100%;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-intent-card h4 {
  font-size: 13px;
  margin-bottom: 3px;
  color: var(--hl-hdpw-navy);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-intent-card p {
  font-size: 12.8px;
  color: var(--hl-hdpw-ink-soft);
  margin: 0;
  line-height: 1.45;
}

/* ---------- Related — WHITE ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-related {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
  align-items: stretch;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-related-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 10px 12px 9px;
  text-decoration: none !important;
  color: var(--hl-hdpw-ink) !important;
  transition: transform .12s, box-shadow .15s, border-color .15s;
  box-shadow: var(--hl-hdpw-shadow-1);
  height: 100%;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--hl-hdpw-copper);
  box-shadow: var(--hl-hdpw-shadow-2);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-related-eyebrow {
  display: block;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hl-hdpw-copper-deep);
  font-weight: 700;
  margin-bottom: 3px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-related-title {
  display: block;
  font-weight: 700;
  font-size: 13.5px;
  margin-bottom: 3px;
  color: var(--hl-hdpw-navy);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-related-blurb {
  display: block;
  font-size: 12.5px;
  color: var(--hl-hdpw-ink-soft);
  line-height: 1.4;
}

/* ---------- Spec snapshot — verified product specs ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-spec {
  background: var(--hl-hdpw-stone-soft);
  border-top: 2px solid var(--hl-hdpw-copper);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-spec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px;
  align-items: stretch;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-spec-cell {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-sm);
  padding: 8px 10px;
  height: 100%;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-spec-label {
  display: block;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hl-hdpw-muted);
  font-weight: 700;
  margin-bottom: 2px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-spec-value {
  display: block;
  font-size: 12.8px;
  color: var(--hl-hdpw-ink);
  font-weight: 600;
}

/* ---------- At-a-glance — warm stone surface, white cells ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-glance {
  background: var(--hl-hdpw-stone-soft);
  border-color: var(--hl-hdpw-line);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-glance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px;
  align-items: stretch;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-glance-cell {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-sm);
  padding: 8px 10px;
  height: 100%;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-glance-label {
  display: block;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hl-hdpw-muted);
  font-weight: 700;
  margin-bottom: 2px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-glance-value {
  display: block;
  font-size: 12.8px;
  color: var(--hl-hdpw-ink);
  font-weight: 600;
}

/* ---------- FAQ — cream surface, white question cards ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-faq { background: var(--hl-hdpw-cream); }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-q {
  background: #fff;
  border: 1px solid var(--hl-hdpw-line);
  border-radius: var(--hl-hdpw-radius-md);
  padding: 0;
  margin: 0 0 5px;
  overflow: hidden;
  box-shadow: var(--hl-hdpw-shadow-1);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-q[open] { border-color: var(--hl-hdpw-copper); }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-q summary {
  cursor: pointer;
  list-style: none;
  padding: 8px 12px;
  font-weight: 600;
  color: var(--hl-hdpw-navy);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13.5px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-q summary::-webkit-details-marker { display: none; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-q summary::after {
  content: "+";
  color: var(--hl-hdpw-copper);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-q[open] summary::after { content: "−"; color: var(--hl-hdpw-navy); }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-q p {
  margin: 0;
  padding: 0 12px 9px;
  color: var(--hl-hdpw-ink-soft);
  font-size: 13px;
}

/* ---------- Final CTA — strong dark anchor (allowed colour panel) ---------- */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-cta {
  background: linear-gradient(135deg, var(--hl-hdpw-navy) 0%, var(--hl-hdpw-navy-deep) 100%);
  border-color: var(--hl-hdpw-navy-deep);
  color: #fff;
  text-align: center;
  padding: 16px 16px 14px;
  position: relative;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-cta::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--hl-hdpw-copper) 0%, var(--hl-hdpw-clay) 100%);
  border-radius: var(--hl-hdpw-radius-lg) var(--hl-hdpw-radius-lg) 0 0;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-title { color: #fff !important; font-size: 18px; margin-bottom: 5px; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-lede { color: #D6DDE5; max-width: 660px; margin: 0 auto 10px; font-size: 13px; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-cta-row-final { justify-content: center; margin-bottom: 6px; }
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-cta .hl-hdpw-btn-primary {
  background: var(--hl-hdpw-copper);
  border-color: var(--hl-hdpw-copper);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-cta .hl-hdpw-btn-primary:hover {
  background: var(--hl-hdpw-copper-deep);
  border-color: var(--hl-hdpw-copper-deep);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-cta .hl-hdpw-btn-secondary {
  background: transparent;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.45);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-final-cta .hl-hdpw-btn-secondary:hover {
  background: #fff;
  border-color: #fff;
  color: var(--hl-hdpw-navy) !important;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-trust-row {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-trust-row li {
  font-size: 11.5px;
  color: #B7C2CE;
  letter-spacing: 0.02em;
  margin: 0;
}

/* ---------- Mobile ---------- */
@media (max-width: 860px) {
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-section { padding: 12px 12px 10px; }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-hero { padding: 12px 14px; }
}

@media (max-width: 520px) {
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-h2 { font-size: 19px; }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-h3 { font-size: 15px; }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-btn { width: 100%; }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-cta-row { flex-direction: column; }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-table { font-size: 12px; }
}

/* ---------- Desktop row symmetry ---------- */
@media (min-width: 920px) {
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-cards { grid-template-columns: repeat(5, 1fr); }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-related { grid-template-columns: repeat(5, 1fr); }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-glance-grid { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-spec-grid { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-jobs { grid-template-columns: repeat(5, 1fr); }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-strip { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-heavy-duty-pressure-washer .hl-hdpw-intent-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================================
   v3 — Decision section accent (Choose-by-job, Surface suitability, Cost factors)
   Section stays white; subtle copper top accent + warm stone wash on the heading
   ========================================================================== */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-decision {
  position: relative;
  border-top: 2px solid var(--hl-hdpw-copper);
}
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-decision .hl-hdpw-h3 {
  color: var(--hl-hdpw-navy);
}

/* Tighten intent cards onto a faint stone gradient for visibility */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-intent-card {
  background: linear-gradient(180deg, #ffffff 0%, #FBF7EF 100%);
}

/* At-a-glance — slight warm contrast on cells */
.hl-prod-heavy-duty-pressure-washer .hl-hdpw-glance .hl-hdpw-glance-cell {
  background: #ffffff;
}


/* === Hireload Electric Pressure Washer Product CSS — appended === */
/* ==========================================================================
   Hireload — Electric Pressure Washer Hire 240V (product page) — v2
   Compact, premium, conversion-focused.
   Fully scoped under .hl-prod-electric-pressure-washer
   No body / html / global selectors. No full-page background.
   ========================================================================== */

.hl-prod-electric-pressure-washer {
  --epw-navy:         #1e2a3a;
  --epw-navy-deep:    #141d29;
  --epw-ink:          #1e2a3a;
  --epw-ink-soft:     #3a4654;
  --epw-mute:         #6a7382;
  --epw-line:         #ded2bf;
  --epw-line-soft:    #ece3d2;
  --epw-line-strong:  #c8b99e;
  --epw-cream:        #fbf6ec;
  --epw-cream-2:      #fdfaf3;
  --epw-teal:         #167c83;
  --epw-teal-deep:    #0f5f66;
  --epw-teal-soft:    #e8f5f4;
  --epw-amber:        #d8752f;
  --epw-amber-deep:   #b95722;
  --epw-amber-soft:   #fff1df;
  --epw-radius-lg:    14px;
  --epw-radius-md:    10px;
  --epw-radius-sm:    6px;
  --epw-shadow-1:     0 1px 2px rgba(20, 29, 41, 0.05), 0 3px 10px rgba(20, 29, 41, 0.06);
  --epw-shadow-2:     0 1px 2px rgba(20, 29, 41, 0.08), 0 6px 18px rgba(20, 29, 41, 0.10);
  --epw-shadow-cta:   0 2px 0 rgba(185, 87, 34, 0.18), 0 6px 14px rgba(216, 117, 47, 0.22);

  color: var(--epw-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  max-width: 1180px;
  margin: 0 auto;
  padding: 4px 0 0;
}

.hl-prod-electric-pressure-washer * { box-sizing: border-box; }

.hl-prod-electric-pressure-washer p { margin: 0 0 0.7em; font-size: 13.5px; color: var(--epw-ink-soft); }
.hl-prod-electric-pressure-washer ul { margin: 0 0 0.7em; padding-left: 1.05em; }
.hl-prod-electric-pressure-washer li { margin: 0 0 0.25em; font-size: 13.5px; }
.hl-prod-electric-pressure-washer a { color: var(--epw-teal); text-decoration: none; border-bottom: 1px solid rgba(22, 124, 131, 0.3); transition: color .15s, border-color .15s; }
.hl-prod-electric-pressure-washer a:hover { color: var(--epw-amber-deep); border-color: rgba(185, 87, 34, 0.45); }

/* ---------- Headings ---------- */
.hl-prod-electric-pressure-washer .hl-epw-h2 {
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.22;
  margin: 4px 0 8px;
  color: var(--epw-navy);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-electric-pressure-washer .hl-epw-h3 {
  font-size: clamp(15.5px, 1.4vw, 18px);
  line-height: 1.28;
  margin: 0 0 8px;
  color: var(--epw-navy);
  font-weight: 700;
  letter-spacing: -0.005em;
}
.hl-prod-electric-pressure-washer h4 {
  font-size: 14.5px;
  margin: 0 0 4px;
  color: var(--epw-navy);
  font-weight: 700;
}

/* ---------- Eyebrow / muted ---------- */
.hl-prod-electric-pressure-washer .hl-epw-eyebrow,
.hl-prod-electric-pressure-washer .hl-epw-side-eyebrow {
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--epw-amber-deep);
  margin-bottom: 4px;
}
.hl-prod-electric-pressure-washer .hl-epw-muted { color: var(--epw-mute); font-size: 13px; }
.hl-prod-electric-pressure-washer .hl-epw-lede { font-size: 14.5px; color: var(--epw-ink-soft); margin-bottom: 10px; line-height: 1.5; }

/* ---------- Sections ---------- */
.hl-prod-electric-pressure-washer .hl-epw-section {
  background: var(--epw-cream-2);
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-lg);
  padding: 14px 16px 12px;
  margin: 0 0 12px;
  box-shadow: var(--epw-shadow-1);
}

/* ---------- Hero ---------- */
.hl-prod-electric-pressure-washer .hl-epw-hero {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(22, 124, 131, 0.08), transparent 55%),
    radial-gradient(120% 140% at 0% 100%, rgba(216, 117, 47, 0.08), transparent 55%),
    linear-gradient(135deg, var(--epw-cream) 0%, var(--epw-cream-2) 100%);
  border: 1px solid var(--epw-line-strong);
  border-radius: var(--epw-radius-lg);
  padding: 16px 18px;
  margin-bottom: 14px;
  box-shadow: var(--epw-shadow-2);
}
.hl-prod-electric-pressure-washer .hl-epw-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: start;
}
.hl-prod-electric-pressure-washer .hl-epw-hero-main { min-width: 0; }

/* ---------- Buttons ---------- */
.hl-prod-electric-pressure-washer .hl-epw-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 10px;
}
.hl-prod-electric-pressure-washer .hl-epw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13.5px;
  border: 1.5px solid transparent;
  text-decoration: none !important;
  transition: transform .12s, background .15s, color .15s, border-color .15s, box-shadow .15s;
  white-space: nowrap;
  line-height: 1.1;
  letter-spacing: 0.01em;
}
.hl-prod-electric-pressure-washer .hl-epw-btn-primary {
  background: var(--epw-amber);
  color: #fff !important;
  border-color: var(--epw-amber);
  box-shadow: var(--epw-shadow-cta);
}
.hl-prod-electric-pressure-washer .hl-epw-btn-primary:hover {
  background: var(--epw-amber-deep);
  border-color: var(--epw-amber-deep);
  color: #fff !important;
  transform: translateY(-1px);
}
.hl-prod-electric-pressure-washer .hl-epw-btn-ghost {
  background: #fff;
  color: var(--epw-teal-deep) !important;
  border-color: var(--epw-teal);
  box-shadow: var(--epw-shadow-1);
}
.hl-prod-electric-pressure-washer .hl-epw-btn-ghost:hover {
  background: var(--epw-teal);
  border-color: var(--epw-teal);
  color: #fff !important;
}
.hl-prod-electric-pressure-washer .hl-epw-btn-secondary {
  background: var(--epw-teal);
  color: #fff !important;
  border-color: var(--epw-teal);
  box-shadow: var(--epw-shadow-1);
}
.hl-prod-electric-pressure-washer .hl-epw-btn-secondary:hover {
  background: var(--epw-teal-deep);
  border-color: var(--epw-teal-deep);
  color: #fff !important;
  transform: translateY(-1px);
}
.hl-prod-electric-pressure-washer .hl-epw-btn-large {
  padding: 12px 18px;
  font-size: 14px;
}
.hl-prod-electric-pressure-washer .hl-epw-btn:active { transform: translateY(1px); }

/* ---------- Chips ---------- */
.hl-prod-electric-pressure-washer .hl-epw-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
}
.hl-prod-electric-pressure-washer .hl-epw-chip {
  background: #fff;
  border: 1px solid var(--epw-line-strong);
  color: var(--epw-ink-soft);
  font-size: 11.5px;
  padding: 3.5px 8px;
  border-radius: 999px;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* ==========================================================================
   QUICK PICK PANEL — robust against stray BR injected by WordPress wpautop
   ========================================================================== */
.hl-prod-electric-pressure-washer .hl-epw-hero-grid {
  align-items: start;
}
.hl-prod-electric-pressure-washer .hl-epw-hero-side {
  align-self: start;
  background: #fff;
  border: 1px solid var(--epw-line-strong);
  border-radius: var(--epw-radius-md);
  padding: 12px 12px 8px;
  box-shadow: var(--epw-shadow-1);
}
.hl-prod-electric-pressure-washer .hl-epw-side-title {
  font-size: 14.5px;
  margin: 0 0 6px;
  color: var(--epw-navy);
  font-weight: 700;
}
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 5px 0;
  min-width: 0;
  line-height: 1.3;
  border-top: 1px solid var(--epw-line-soft);
  font-size: 12.5px;
}
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list li:first-child { border-top: 0; padding-top: 2px; }
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list li > br,
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list br {
  display: none !important;
}
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  color: var(--epw-ink-soft);
}
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list li > a {
  white-space: nowrap;
  font-weight: 700;
  color: var(--epw-teal-deep);
  border-bottom: 1px solid rgba(15, 95, 102, 0.25);
  font-size: 12.5px;
}
.hl-prod-electric-pressure-washer .hl-epw-hero-side-list li > a:hover {
  color: var(--epw-amber-deep);
  border-bottom-color: rgba(185, 87, 34, 0.45);
}

@media (max-width: 620px) {
  .hl-prod-electric-pressure-washer .hl-epw-hero-side-list li {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .hl-prod-electric-pressure-washer .hl-epw-hero-side-list li > a {
    white-space: normal;
  }
}

/* ---------- Quick answer ---------- */
.hl-prod-electric-pressure-washer .hl-epw-quickanswer {
  background: linear-gradient(180deg, var(--epw-teal-soft), var(--epw-cream-2));
  border-color: #c8e0de;
}
.hl-prod-electric-pressure-washer .hl-epw-quickanswer p { margin: 0; font-size: 13.5px; }

/* ---------- Tables ---------- */
.hl-prod-electric-pressure-washer .hl-epw-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-md);
  background: #fff;
}
.hl-prod-electric-pressure-washer .hl-epw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 540px;
}
.hl-prod-electric-pressure-washer .hl-epw-table th,
.hl-prod-electric-pressure-washer .hl-epw-table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--epw-line-soft);
  vertical-align: top;
}
.hl-prod-electric-pressure-washer .hl-epw-table th {
  background: var(--epw-navy);
  color: #fff;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.hl-prod-electric-pressure-washer .hl-epw-table tr:last-child td { border-bottom: 0; }
.hl-prod-electric-pressure-washer .hl-epw-table tr:nth-child(even) td { background: var(--epw-cream-2); }

/* ---------- Cards ---------- */
.hl-prod-electric-pressure-washer .hl-epw-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
  align-items: stretch;
}
.hl-prod-electric-pressure-washer .hl-epw-card {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-md);
  padding: 11px 12px 8px;
  box-shadow: var(--epw-shadow-1);
  border-top: 2px solid var(--epw-teal);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.hl-prod-electric-pressure-washer .hl-epw-card p { font-size: 13px; color: var(--epw-ink-soft); margin-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-electric-pressure-washer .hl-epw-bullets { list-style: disc; padding-left: 1.1em; }
.hl-prod-electric-pressure-washer .hl-epw-bullets li { color: var(--epw-ink-soft); font-size: 13.5px; }

.hl-prod-electric-pressure-washer .hl-epw-not-ideal { background: linear-gradient(180deg, var(--epw-amber-soft), var(--epw-cream-2)); border-color: #ecd2b3; }

/* ---------- Checklist ---------- */
.hl-prod-electric-pressure-washer .hl-epw-checklist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
  margin: 0 0 8px;
}
.hl-prod-electric-pressure-washer .hl-epw-checklist-col {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-md);
  padding: 11px 12px 8px;
  border-left: 3px solid var(--epw-teal);
}
.hl-prod-electric-pressure-washer .hl-epw-checklist-col h4 { color: var(--epw-teal-deep); }

.hl-prod-electric-pressure-washer .hl-epw-callout {
  background: var(--epw-teal-soft);
  border: 1px solid #c8e0de;
  border-radius: var(--epw-radius-md);
  padding: 10px 12px;
  margin: 4px 0 0;
  color: var(--epw-ink-soft);
  font-size: 13.5px;
}

/* ---------- Split ---------- */
.hl-prod-electric-pressure-washer .hl-epw-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.hl-prod-electric-pressure-washer .hl-epw-split-col {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-md);
  padding: 11px 12px;
}
.hl-prod-electric-pressure-washer .hl-epw-split-col h4 { color: var(--epw-teal-deep); margin-bottom: 4px; }
.hl-prod-electric-pressure-washer .hl-epw-split-col p { font-size: 13.5px; margin: 0; color: var(--epw-ink-soft); }

@media (max-width: 720px) {
  .hl-prod-electric-pressure-washer .hl-epw-split { grid-template-columns: 1fr; }
}

/* ---------- Related ---------- */
.hl-prod-electric-pressure-washer .hl-epw-related {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
  align-items: stretch;
}
.hl-prod-electric-pressure-washer .hl-epw-related-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-md);
  padding: 11px 12px 9px;
  text-decoration: none !important;
  color: var(--epw-ink) !important;
  transition: transform .12s, box-shadow .15s, border-color .15s;
  box-shadow: var(--epw-shadow-1);
  border-bottom: 1px solid var(--epw-line);
  position: relative;
  height: 100%;
}
.hl-prod-electric-pressure-washer .hl-epw-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--epw-teal);
  box-shadow: var(--epw-shadow-2);
}
.hl-prod-electric-pressure-washer .hl-epw-related-eyebrow {
  display: block;
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--epw-amber-deep);
  font-weight: 700;
  margin-bottom: 3px;
}
.hl-prod-electric-pressure-washer .hl-epw-related-title {
  display: block;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 3px;
  color: var(--epw-navy);
}
.hl-prod-electric-pressure-washer .hl-epw-related-blurb {
  display: block;
  font-size: 12.5px;
  color: var(--epw-ink-soft);
  line-height: 1.4;
}

/* ---------- At-a-glance grid ---------- */
.hl-prod-electric-pressure-washer .hl-epw-glance {
  background: linear-gradient(180deg, #eef3f7, var(--epw-cream-2));
  border-color: #cdd7df;
}
.hl-prod-electric-pressure-washer .hl-epw-glance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px;
}
.hl-prod-electric-pressure-washer .hl-epw-glance-cell {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-sm);
  padding: 8px 10px;
}
.hl-prod-electric-pressure-washer .hl-epw-glance-label {
  display: block;
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--epw-mute);
  font-weight: 700;
  margin-bottom: 2px;
}
.hl-prod-electric-pressure-washer .hl-epw-glance-value {
  display: block;
  font-size: 13px;
  color: var(--epw-ink);
  font-weight: 600;
}

/* ---------- FAQ ---------- */
.hl-prod-electric-pressure-washer .hl-epw-faq { background: var(--epw-cream-2); }
.hl-prod-electric-pressure-washer .hl-epw-q {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-md);
  padding: 0;
  margin: 0 0 6px;
  overflow: hidden;
  box-shadow: var(--epw-shadow-1);
}
.hl-prod-electric-pressure-washer .hl-epw-q[open] { border-color: var(--epw-teal); }
.hl-prod-electric-pressure-washer .hl-epw-q summary {
  cursor: pointer;
  list-style: none;
  padding: 9px 12px;
  font-weight: 600;
  color: var(--epw-navy);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
}
.hl-prod-electric-pressure-washer .hl-epw-q summary::-webkit-details-marker { display: none; }
.hl-prod-electric-pressure-washer .hl-epw-q summary::after {
  content: "+";
  color: var(--epw-amber);
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
.hl-prod-electric-pressure-washer .hl-epw-q[open] summary::after { content: "−"; color: var(--epw-teal-deep); }
.hl-prod-electric-pressure-washer .hl-epw-q p {
  margin: 0;
  padding: 0 12px 10px;
  color: var(--epw-ink-soft);
  font-size: 13.5px;
}

/* ---------- Final CTA ---------- */
.hl-prod-electric-pressure-washer .hl-epw-final-cta {
  background: linear-gradient(135deg, var(--epw-navy) 0%, var(--epw-navy-deep) 100%);
  border-color: var(--epw-navy-deep);
  color: #fff;
  text-align: center;
  padding: 18px 16px 16px;
}
.hl-prod-electric-pressure-washer .hl-epw-final-title { color: #fff !important; font-size: clamp(17px, 1.7vw, 21px); margin-bottom: 6px; }
.hl-prod-electric-pressure-washer .hl-epw-final-lede { color: #d7dfe8; max-width: 640px; margin: 0 auto 10px; font-size: 13.5px; }
.hl-prod-electric-pressure-washer .hl-epw-cta-row-final { justify-content: center; }
.hl-prod-electric-pressure-washer .hl-epw-final-note { color: #97a3b3; font-size: 12px; margin: 8px 0 0; }
.hl-prod-electric-pressure-washer .hl-epw-final-cta .hl-epw-btn-primary {
  background: var(--epw-amber);
  color: #fff !important;
  border-color: var(--epw-amber);
}
.hl-prod-electric-pressure-washer .hl-epw-final-cta .hl-epw-btn-primary:hover {
  background: var(--epw-amber-deep);
  border-color: var(--epw-amber-deep);
  color: #fff !important;
}
.hl-prod-electric-pressure-washer .hl-epw-final-cta .hl-epw-btn-secondary {
  background: transparent;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.5);
}
.hl-prod-electric-pressure-washer .hl-epw-final-cta .hl-epw-btn-secondary:hover {
  background: #fff;
  border-color: #fff;
  color: var(--epw-navy) !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 860px) {
  .hl-prod-electric-pressure-washer .hl-epw-hero-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .hl-prod-electric-pressure-washer .hl-epw-section { padding: 12px 12px 10px; }
  .hl-prod-electric-pressure-washer .hl-epw-hero { padding: 14px 14px; }
}

@media (max-width: 520px) {
  .hl-prod-electric-pressure-washer { font-size: 14px; }
  .hl-prod-electric-pressure-washer .hl-epw-btn { width: 100%; }
  .hl-prod-electric-pressure-washer .hl-epw-cta-row { flex-direction: column; }
  .hl-prod-electric-pressure-washer .hl-epw-table { font-size: 12.5px; }
}

/* ==========================================================================
   v3 ADDITIONS — choice cards, comparison flair, mistakes, safety, brief
   ========================================================================== */

/* ---------- Inline emoji label in buttons / chips / values ---------- */
.hl-prod-electric-pressure-washer .hl-epw-icon-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* ---------- Best choice if — affirmation cards ---------- */
.hl-prod-electric-pressure-washer .hl-epw-choice {
  background: linear-gradient(180deg, #eaf6f4, var(--epw-cream-2));
  border-color: #c8e0de;
}
.hl-prod-electric-pressure-washer .hl-epw-choice-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-prod-electric-pressure-washer .hl-epw-mini-card {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-left: 3px solid var(--epw-teal);
  border-radius: var(--epw-radius-md);
  padding: 10px 12px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  box-shadow: var(--epw-shadow-1);
}
.hl-prod-electric-pressure-washer .hl-epw-mini-card p {
  margin: 0;
  font-size: 13.5px;
  color: var(--epw-ink);
  font-weight: 500;
  line-height: 1.4;
}
.hl-prod-electric-pressure-washer .hl-epw-mini-tick {
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 1.1;
  color: var(--epw-teal-deep);
  font-weight: 700;
}

/* ---------- Comparison table flair ---------- */
.hl-prod-electric-pressure-washer .hl-epw-compare-section {
  background: linear-gradient(180deg, #fdf3e6, var(--epw-cream-2));
  border-color: #ecd2b3;
}
.hl-prod-electric-pressure-washer .hl-epw-table.hl-epw-compare th {
  background: var(--epw-amber-deep);
  color: #fff;
}
.hl-prod-electric-pressure-washer .hl-epw-table.hl-epw-compare td:first-child {
  font-weight: 700;
  color: var(--epw-navy);
}

/* ---------- Best for — Good for / Check first lines ---------- */
.hl-prod-electric-pressure-washer .hl-epw-card .hl-epw-good,
.hl-prod-electric-pressure-washer .hl-epw-card .hl-epw-check {
  font-size: 12.5px;
  margin: 0 0 4px;
  line-height: 1.4;
}
.hl-prod-electric-pressure-washer .hl-epw-card .hl-epw-good {
  color: var(--epw-teal-deep);
}
.hl-prod-electric-pressure-washer .hl-epw-card .hl-epw-good::before {
  content: "✓ ";
  font-weight: 700;
}
.hl-prod-electric-pressure-washer .hl-epw-card .hl-epw-check {
  color: var(--epw-amber-deep);
  margin-bottom: 0;
}
.hl-prod-electric-pressure-washer .hl-epw-card .hl-epw-check::before {
  content: "! ";
  font-weight: 700;
}

/* ---------- Safety checklist ---------- */
.hl-prod-electric-pressure-washer .hl-epw-safety {
  background: linear-gradient(180deg, #eaf6f4, var(--epw-cream-2));
  border-color: #c8e0de;
}
.hl-prod-electric-pressure-washer .hl-epw-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-electric-pressure-washer .hl-epw-safety-list li {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-sm);
  padding: 8px 10px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.hl-prod-electric-pressure-washer .hl-epw-safety-list li > span {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1.2;
  color: var(--epw-teal-deep);
}
.hl-prod-electric-pressure-washer .hl-epw-safety-list li > p {
  margin: 0;
  font-size: 13px;
  color: var(--epw-ink);
  line-height: 1.4;
}

/* ---------- Common mistakes ---------- */
.hl-prod-electric-pressure-washer .hl-epw-mistakes {
  background: linear-gradient(180deg, #fbe6dc, var(--epw-cream-2));
  border-color: #e8c2a8;
}
.hl-prod-electric-pressure-washer .hl-epw-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-electric-pressure-washer .hl-epw-mistakes-list li {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-left: 3px solid var(--epw-amber-deep);
  border-radius: var(--epw-radius-sm);
  padding: 8px 10px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.hl-prod-electric-pressure-washer .hl-epw-mistakes-list li > span {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1.2;
  color: var(--epw-amber-deep);
}
.hl-prod-electric-pressure-washer .hl-epw-mistakes-list li > p {
  margin: 0;
  font-size: 13px;
  color: var(--epw-ink);
  line-height: 1.4;
}

/* ---------- Booking brief ---------- */
.hl-prod-electric-pressure-washer .hl-epw-booking-brief {
  background: linear-gradient(135deg, #eef3f7 0%, #fdf3e6 100%);
  border-color: #d2c2a4;
}
.hl-prod-electric-pressure-washer .hl-epw-brief-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  counter-reset: brief;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-electric-pressure-washer .hl-epw-brief-list li {
  background: #fff;
  border: 1px solid var(--epw-line);
  border-radius: var(--epw-radius-md);
  padding: 9px 11px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: start;
  counter-increment: brief;
  position: relative;
}
.hl-prod-electric-pressure-washer .hl-epw-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -8px;
  left: -8px;
  width: 22px;
  height: 22px;
  background: var(--epw-amber);
  color: #fff;
  border-radius: 50%;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(216, 117, 47, 0.3);
}
.hl-prod-electric-pressure-washer .hl-epw-brief-icon {
  font-size: 16px;
  line-height: 1.2;
  align-self: start;
}
.hl-prod-electric-pressure-washer .hl-epw-brief-list li span:nth-child(2) {
  font-size: 13px;
  color: var(--epw-ink);
  line-height: 1.4;
}
.hl-prod-electric-pressure-washer .hl-epw-brief-list li strong {
  color: var(--epw-navy);
  font-weight: 700;
}

/* ==========================================================================
   v3.1 — Desktop row-symmetry locks (no design change, alignment only)
   ========================================================================== */
@media (min-width: 920px) {
  .hl-prod-electric-pressure-washer .hl-epw-cards { grid-template-columns: repeat(5, 1fr); }
  .hl-prod-electric-pressure-washer .hl-epw-mistakes-list { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-electric-pressure-washer .hl-epw-related { grid-template-columns: repeat(5, 1fr); }
  .hl-prod-electric-pressure-washer .hl-epw-glance-grid { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-electric-pressure-washer .hl-epw-choice-cards { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-electric-pressure-washer .hl-epw-safety-list { grid-template-columns: repeat(3, 1fr); }
  .hl-prod-electric-pressure-washer .hl-epw-brief-list { grid-template-columns: repeat(5, 1fr); }
}

@media (min-width: 920px) {
  .hl-prod-electric-pressure-washer .hl-epw-glance-grid,
  .hl-prod-electric-pressure-washer .hl-epw-choice-cards,
  .hl-prod-electric-pressure-washer .hl-epw-safety-list,
  .hl-prod-electric-pressure-washer .hl-epw-brief-list,
  .hl-prod-electric-pressure-washer .hl-epw-mistakes-list { align-items: stretch; }

  .hl-prod-electric-pressure-washer .hl-epw-glance-cell,
  .hl-prod-electric-pressure-washer .hl-epw-mini-card,
  .hl-prod-electric-pressure-washer .hl-epw-mistakes-list li,
  .hl-prod-electric-pressure-washer .hl-epw-safety-list li,
  .hl-prod-electric-pressure-washer .hl-epw-brief-list li { height: 100%; }
}


/* === Hireload Karcher HD 5/11 Pressure Washer Product CSS — appended === */
/* =========================================================================
   Hireload — Karcher HD 5/11 Pressure Washer (230V Cold Water Jet Wash)
   v2 — lighter premium palette + compact sizing.
   Scoped CSS — every rule lives under .hl-prod-karcher-hd511-pressure-washer.
   No body/html/:root/global selectors.
   ========================================================================= */

.hl-prod-karcher-hd511-pressure-washer {
  --khd-ink: #17202A;
  --khd-navy-text: #243447;
  --khd-blue: #3F7EA6;
  --khd-blue-soft: #6F95AD;
  --khd-blue-deep: #2F5D7C;
  --khd-sky: #EDF6FA;
  --khd-card-tint: #F4FAFD;
  --khd-warm: #FBF9F4;
  --khd-stone: #F6F1E8;
  --khd-line: #DDD5CA;
  --khd-line-blue: #D8E4EA;
  --khd-line-strong: #CFC5B0;
  --khd-copper: #C47A3A;
  --khd-copper-deep: #9A6238;
  --khd-copper-tint: #FFF2E6;
  --khd-radius-sm: 6px;
  --khd-radius-md: 8px;
  --khd-radius-lg: 10px;
  --khd-shadow-sm: 0 1px 2px rgba(23, 32, 42, 0.04);
  --khd-shadow-md: 0 1px 2px rgba(23, 32, 42, 0.05), 0 4px 10px rgba(23, 32, 42, 0.04);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--khd-ink);
  line-height: 1.5;
  font-size: 14px;
}

.hl-prod-karcher-hd511-pressure-washer * { box-sizing: border-box; }

/* ---------- Sections ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-section {
  background: var(--khd-warm);
  border: 1px solid var(--khd-line);
  border-radius: var(--khd-radius-lg);
  padding: 13px 15px;
  margin: 10px 0;
  box-shadow: var(--khd-shadow-sm);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-h2 {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--khd-navy-text);
  margin: 2px 0 7px;
  letter-spacing: -0.005em;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-h3 {
  font-size: 15.5px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--khd-navy-text);
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.003em;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-eyebrow,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-side-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--khd-copper-deep);
  background: var(--khd-copper-tint);
  padding: 2px 8px;
  border-radius: 999px;
  margin-bottom: 6px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-lede {
  font-size: 13.5px;
  color: var(--khd-blue-soft);
  margin: 0 0 9px;
  line-height: 1.5;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-muted {
  font-size: 12.2px;
  color: var(--khd-blue-soft);
  margin: 0 0 7px;
}

.hl-prod-karcher-hd511-pressure-washer p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.5; }
.hl-prod-karcher-hd511-pressure-washer a { color: var(--khd-blue); text-decoration: none; font-weight: 600; }
.hl-prod-karcher-hd511-pressure-washer a:hover { color: var(--khd-copper-deep); text-decoration: underline; }

/* ---------- Hero (light premium) ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #F4FAFD 55%, #FBF9F4 100%);
  border: 1px solid var(--khd-line-blue);
  border-top: 3px solid var(--khd-copper);
  padding: 14px 16px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero .hl-khd-h2 { color: var(--khd-navy-text); }
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero .hl-khd-lede { color: var(--khd-ink); }
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero .hl-khd-muted { color: var(--khd-blue-soft); }

.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side {
  background: #fff;
  color: var(--khd-ink);
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 12px 13px;
  box-shadow: var(--khd-shadow-sm);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side .hl-khd-side-title {
  margin: 0 0 7px;
  font-size: 14px;
  font-weight: 800;
  color: var(--khd-navy-text);
  line-height: 1.3;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 9px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn:hover {
  transform: translateY(-1px);
  text-decoration: none !important;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn-primary {
  background: var(--khd-copper);
  color: #fff !important;
  border-color: var(--khd-copper);
  box-shadow: 0 1px 2px rgba(196, 122, 58, 0.25);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn-primary:hover {
  background: var(--khd-copper-deep);
  border-color: var(--khd-copper-deep);
  color: #fff !important;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn-secondary {
  background: #fff;
  color: var(--khd-blue-deep) !important;
  border-color: var(--khd-blue);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn-secondary:hover {
  background: var(--khd-sky);
  color: var(--khd-blue-deep) !important;
  border-color: var(--khd-blue-deep);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn-ghost {
  background: transparent;
  color: var(--khd-navy-text) !important;
  border-color: var(--khd-line-strong);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn-ghost:hover {
  background: var(--khd-warm);
  border-color: var(--khd-blue);
  color: var(--khd-blue-deep) !important;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-btn-large {
  padding: 10px 16px;
  font-size: 13.5px;
}

/* ---------- Chips ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-chip-row {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-chip {
  background: #fff;
  color: var(--khd-blue-deep);
  border: 1px solid var(--khd-line-blue);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 4px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 9px;
  background: var(--khd-card-tint);
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-sm);
  font-size: 12.5px;
  line-height: 1.3;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickpick-list li > br {
  display: none !important;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickpick-list li > span:first-child {
  color: var(--khd-ink);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickpick-list li > span:nth-child(2) {
  color: var(--khd-blue-deep);
  font-weight: 700;
  font-size: 12px;
  white-space: nowrap;
  text-align: right;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickpick-list li > span:nth-child(2) a {
  color: var(--khd-blue);
  font-weight: 700;
}

/* ---------- Quick Answer ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickanswer {
  background: var(--khd-sky);
  border-color: var(--khd-line-blue);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickanswer p {
  margin: 0;
  font-size: 13.2px;
  color: var(--khd-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-cell {
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 8px 10px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--khd-blue);
  margin-bottom: 2px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--khd-navy-text);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-cards,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 5px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-mini-card {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--khd-blue);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-mini-card strong {
  color: var(--khd-navy-text);
  font-weight: 700;
}

/* ---------- Tables ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--khd-line);
  border-radius: var(--khd-radius-md);
  background: #fff;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.7px;
  margin: 0;
  background: #fff;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-table th {
  background: var(--khd-blue);
  color: #fff;
  text-align: left;
  padding: 7px 9px;
  font-weight: 700;
  font-size: 12.2px;
  letter-spacing: 0.01em;
  border-bottom: 2px solid var(--khd-blue-deep);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-compare th {
  background: var(--khd-blue-deep);
  border-bottom: 2px solid var(--khd-navy-text);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-table th a {
  color: #fff !important;
  text-decoration: underline;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--khd-line);
  vertical-align: top;
  color: var(--khd-ink);
  font-size: 12.5px;
  line-height: 1.4;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-table tr:nth-child(even) td {
  background: #F8FBFD;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-table tr.hl-khd-row-self td {
  background: var(--khd-copper-tint);
  border-left: 3px solid var(--khd-copper);
  font-weight: 600;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-table tr:last-child td {
  border-bottom: 0;
}

/* ---------- Bullets ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--khd-ink);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-bullets li::before {
  content: "•";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--khd-copper);
  font-weight: 800;
  font-size: 14px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-not-ideal {
  background: var(--khd-stone);
  border-color: var(--khd-line-strong);
}

/* ---------- Power & Water split ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-split-col {
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 11px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-split-col h4 {
  font-size: 14px;
  font-weight: 800;
  color: var(--khd-blue-deep);
  margin: 0 0 5px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-split-col h4.hl-khd-h3 { font-size: 14px; margin: 0 0 5px; }

/* ---------- Safety list ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list li {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list li .hl-khd-mini-tick {
  background: var(--khd-blue-deep);
}

/* ---------- Mistakes ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list li {
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-left: 3px solid var(--khd-copper);
  border-radius: var(--khd-radius-md);
  padding: 9px 12px;
  font-size: 12.8px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list li strong {
  color: var(--khd-navy-text);
  display: block;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list li span {
  color: var(--khd-blue-soft);
  font-size: 12.5px;
}

/* ---------- Booking brief / Cost factors ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-booking-brief {
  background: linear-gradient(135deg, var(--khd-sky) 0%, var(--khd-warm) 100%);
  border-color: var(--khd-line-blue);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 7px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list li {
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.5px;
  line-height: 1.4;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--khd-copper);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(196, 122, 58, 0.3);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-icon {
  font-size: 14px;
  line-height: 1.2;
  align-self: start;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list li strong {
  color: var(--khd-navy-text);
  font-weight: 700;
}

/* ---------- Related products ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-related .hl-khd-cards {
  margin-top: 4px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-related-card {
  display: block;
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--khd-ink) !important;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--khd-blue);
  box-shadow: var(--khd-shadow-md);
  text-decoration: none !important;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-related-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--khd-copper-deep);
  margin-bottom: 3px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-related-title {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--khd-navy-text);
  margin-bottom: 3px;
  line-height: 1.3;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-related-blurb {
  font-size: 12px;
  color: var(--khd-blue-soft);
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq details {
  background: #fff;
  border: 1px solid var(--khd-line-blue);
  border-radius: var(--khd-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq details[open] {
  border-color: var(--khd-blue);
  box-shadow: var(--khd-shadow-sm);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq summary {
  cursor: pointer;
  padding: 9px 32px 9px 12px;
  font-weight: 700;
  font-size: 13px;
  color: var(--khd-navy-text);
  list-style: none;
  position: relative;
  line-height: 1.4;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq summary::-webkit-details-marker { display: none; }

.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--khd-copper);
  transition: transform 0.15s ease;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq details[open] summary::after {
  content: "−";
  color: var(--khd-blue);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq details p {
  padding: 0 12px 10px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.5;
  color: var(--khd-ink);
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-faq details p a {
  color: var(--khd-blue);
  font-weight: 600;
}

/* ---------- Final CTA (light, fresh) ---------- */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-final-cta {
  background: linear-gradient(135deg, #FFFFFF 0%, var(--khd-card-tint) 60%, var(--khd-warm) 100%);
  border: 1px solid var(--khd-line-blue);
  border-top: 3px solid var(--khd-copper);
  text-align: center;
  padding: 16px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-final-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--khd-navy-text);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-final-lede {
  font-size: 13px;
  color: var(--khd-ink);
  margin: 0 auto 10px;
  line-height: 1.5;
  max-width: 620px;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-cta-row-final {
  justify-content: center;
}

.hl-prod-karcher-hd511-pressure-washer .hl-khd-final-note {
  font-size: 11.5px;
  color: var(--khd-blue-soft);
  margin: 9px 0 0;
}

/* =========================================================================
   Tablet — auto-fit grid breakpoint
   ========================================================================= */
@media (min-width: 640px) {
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-cards,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-split { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-related .hl-khd-cards { grid-template-columns: repeat(2, 1fr); }
}

/* =========================================================================
   Desktop — multi-column grids + row-symmetry locks
   ========================================================================= */
@media (min-width: 920px) {
  .hl-prod-karcher-hd511-pressure-washer { font-size: 14px; }

  .hl-prod-karcher-hd511-pressure-washer .hl-khd-h2 { font-size: 21px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-h3 { font-size: 16px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-final-title { font-size: 19px; }

  .hl-prod-karcher-hd511-pressure-washer .hl-khd-section { padding: 14px 16px; margin: 11px 0; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-hero { padding: 18px 20px; }

  .hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
    gap: 16px;
  }

  .hl-prod-karcher-hd511-pressure-washer .hl-khd-cards { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-grid { grid-template-columns: repeat(4, 1fr); gap: 6px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-split { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list { grid-template-columns: repeat(3, 1fr); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list { grid-template-columns: repeat(5, 1fr); gap: 6px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-related .hl-khd-cards { grid-template-columns: repeat(5, 1fr); gap: 6px; }

  /* Row-symmetry locks — equal heights for cleaner desktop rows */
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-cards,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-grid,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-split,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list { align-items: stretch; }

  .hl-prod-karcher-hd511-pressure-washer .hl-khd-mini-card,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-cell,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-split-col,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list li,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list li,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list li,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-related-card { height: 100%; }

  .hl-prod-karcher-hd511-pressure-washer .hl-khd-table { font-size: 13px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-table th { padding: 8px 10px; font-size: 12.5px; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-table td { padding: 8px 10px; font-size: 12.8px; }
}

/* =========================================================================
   Print-friendly fallback (optional polish)
   ========================================================================= */
@media print {
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-section,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-hero,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-hero,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-final-cta { border-top-color: var(--khd-copper); }
}


/* === Hireload Karcher HD 5/11 wpautop BR-guard fix === */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-mini-card > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list li > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list li > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list li > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-cta-row > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-chip-row > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-grid > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-cards > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-split > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-grid > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-table-wrap > br,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-bullets > br {
  display: none !important;
}
.hl-prod-karcher-hd511-pressure-washer .hl-khd-mini-card,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-mini-card > span,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list li,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list li > span,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list li,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list li,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
}
@media (min-width: 920px) {
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); }
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); }
}
@media (min-width: 640px) and (max-width: 919.98px) {
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-cards,
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}


/* === Hireload Karcher HD 5/11 wpautop P-guard fix === */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-grid > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-cards > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-choice-cards > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-glance-grid > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-cta-row > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-chip-row > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-quickpick-list > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-table-wrap > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-split > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-safety-list > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-mistakes-list > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-brief-list > p,
.hl-prod-karcher-hd511-pressure-washer .hl-khd-bullets > p {
  display: none !important;
}
/* Compact Quick Pick panel — tighter sizing */
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side {
  padding: 10px 11px;
}
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side .hl-khd-side-eyebrow {
  font-size: 9.5px;
  padding: 1px 7px;
  margin-bottom: 5px;
}
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side .hl-khd-side-title {
  font-size: 13px;
  margin: 0 0 6px;
  line-height: 1.3;
}
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side .hl-khd-quickpick-list li {
  padding: 6px 8px;
  font-size: 11.8px;
  line-height: 1.25;
  gap: 6px;
}
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side .hl-khd-quickpick-list li > span:nth-child(2) {
  font-size: 11.5px;
}
.hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-side .hl-khd-muted {
  font-size: 10.8px;
  margin: 6px 0 0;
}
/* Lower the side-panel breakpoint so it activates earlier */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-karcher-hd511-pressure-washer .hl-khd-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }
}

/* === Hireload Petrol Pressure Washer 2450 PSI Product CSS — appended === */
/* ===========================================================
   Hireload — Petrol Pressure Washer 2450 PSI
   Product page styles (description-tab only)
   All selectors scoped under .hl-prod-petrol-pressure-washer-2450psi
   No global, no body/html/:root, no literal HTML tag text in CSS
   =========================================================== */

.hl-prod-petrol-pressure-washer-2450psi {
  /* Palette */
  --hl-ink:        #17202A;
  --hl-navy:       #243447;
  --hl-charcoal:   #1F2D3A;
  --hl-orange:     #D8752F;
  --hl-orange-2:   #B95722;
  --hl-orange-soft:#FFF1DF;
  --hl-steel:      #4F6F86;
  --hl-blue:       #3F7EA6;
  --hl-blue-soft:  #F4FAFD;
  --hl-cream:      #FBF9F4;
  --hl-sand:       #F6EFE4;
  --hl-border:     #DDD5CA;
  --hl-border-2:   #CFC5B0;
  --hl-white:      #FFFFFF;

  /* Typography & sizing */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--hl-ink);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Reset within scope only */
.hl-prod-petrol-pressure-washer-2450psi * { box-sizing: border-box; }
.hl-prod-petrol-pressure-washer-2450psi p { margin: 0 0 8px; font-size: 13.4px; color: var(--hl-charcoal); }
.hl-prod-petrol-pressure-washer-2450psi a { color: var(--hl-orange-2); text-decoration: none; border-bottom: 1px solid rgba(216,117,47,0.25); transition: all .15s ease; }
.hl-prod-petrol-pressure-washer-2450psi a:hover { color: var(--hl-orange); border-bottom-color: var(--hl-orange); }
.hl-prod-petrol-pressure-washer-2450psi h2 { font-size: 21px; line-height: 1.25; color: var(--hl-ink); margin: 0 0 9px; font-weight: 700; letter-spacing: -.01em; }
.hl-prod-petrol-pressure-washer-2450psi h3 { font-size: 16px; line-height: 1.3; color: var(--hl-ink); margin: 0 0 7px; font-weight: 700; }
.hl-prod-petrol-pressure-washer-2450psi h4 { font-size: 14px; line-height: 1.3; color: var(--hl-ink); margin: 0 0 5px; font-weight: 700; }
.hl-prod-petrol-pressure-washer-2450psi ul { margin: 0; padding-left: 18px; }
.hl-prod-petrol-pressure-washer-2450psi li { font-size: 13.2px; color: var(--hl-charcoal); margin: 0 0 4px; }
.hl-prod-petrol-pressure-washer-2450psi strong { color: var(--hl-ink); font-weight: 700; }

/* ============== HERO ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF7EF 45%, #F4FAFD 100%);
  border: 1px solid #E5D6C4;
  border-top: 3px solid var(--hl-orange);
  border-radius: 10px;
  padding: 14px 16px;
  margin: 10px 0 14px;
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);
  gap: 14px;
  box-shadow: 0 1px 2px rgba(23,32,42,0.04);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-hero h2 { font-size: 21.5px; }
.hl-prod-petrol-pressure-washer-2450psi .hl-hero__lede { font-size: 13.6px; color: var(--hl-navy); margin: 0 0 10px; }

.hl-prod-petrol-pressure-washer-2450psi .hl-chips {
  list-style: none; padding: 0; margin: 0 0 10px;
  display: flex; flex-wrap: wrap; gap: 5px;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-chip {
  background: var(--hl-white);
  border: 1px solid var(--hl-border);
  color: var(--hl-charcoal);
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 6px;
  line-height: 1.3;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-chip--warn {
  background: var(--hl-orange-soft);
  border-color: #F0CFA0;
  color: var(--hl-orange-2);
}

.hl-prod-petrol-pressure-washer-2450psi .hl-hero__cta {
  display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px;
}

.hl-prod-petrol-pressure-washer-2450psi .hl-btn {
  display: inline-block;
  padding: 8px 13px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid transparent;
  text-decoration: none;
  line-height: 1.2;
  transition: all .15s ease;
  cursor: pointer;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-btn--primary {
  background: var(--hl-orange);
  color: var(--hl-white);
  border-color: var(--hl-orange);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-btn--primary:hover {
  background: var(--hl-orange-2); border-color: var(--hl-orange-2); color: var(--hl-white);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-btn--secondary {
  background: var(--hl-white);
  color: var(--hl-steel);
  border-color: var(--hl-steel);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-btn--secondary:hover {
  background: var(--hl-blue-soft); color: var(--hl-blue); border-color: var(--hl-blue);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-btn--ghost {
  background: transparent;
  color: var(--hl-navy);
  border-color: var(--hl-border-2);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-btn--ghost:hover {
  background: var(--hl-cream); color: var(--hl-ink);
}

.hl-prod-petrol-pressure-washer-2450psi .hl-hero__pick {
  background: var(--hl-white);
  border: 1px solid var(--hl-border);
  border-radius: 9px;
  padding: 11px 12px;
  align-self: start;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-hero__pick h3 { font-size: 15.5px; color: var(--hl-orange-2); }
.hl-prod-petrol-pressure-washer-2450psi .hl-hero__pick-lede { font-size: 12.8px; color: var(--hl-steel); margin: 0 0 6px; }
.hl-prod-petrol-pressure-washer-2450psi .hl-hero__pick ul { padding-left: 0; list-style: none; }
.hl-prod-petrol-pressure-washer-2450psi .hl-hero__pick li {
  font-size: 12.8px; padding: 5px 0; border-top: 1px dashed var(--hl-border);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-hero__pick li:first-child { border-top: 0; }

/* ============== GENERIC SECTION ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-section {
  background: var(--hl-white);
  border: 1px solid var(--hl-border);
  border-radius: 9px;
  padding: 13px 15px;
  margin: 10px 0;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-note {
  font-size: 12.5px; color: var(--hl-steel); margin: 6px 0 0; font-style: italic;
}

/* ============== DECISION GRID (panel) ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__grid {
  display: grid; gap: 7px;
  grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
}
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__card {
  display: block;
  background: var(--hl-cream);
  border: 1px solid var(--hl-border);
  border-radius: 8px;
  padding: 9px 11px;
  border-bottom: 1px solid var(--hl-border);
  text-decoration: none;
  transition: all .15s ease;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__card:hover {
  background: var(--hl-orange-soft);
  border-color: var(--hl-orange);
  transform: translateY(-1px);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__tag {
  display: block;
  font-size: 11.5px; color: var(--hl-steel); font-weight: 600; margin-bottom: 2px;
  text-transform: uppercase; letter-spacing: .03em;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__pick {
  display: block;
  font-size: 13.2px; color: var(--hl-ink); font-weight: 700;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__card--call {
  background: var(--hl-orange-soft);
  border-color: #F0CFA0;
}

/* ============== ANSWER ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-answer {
  background: var(--hl-blue-soft);
  border-color: #D7E7F0;
  border-left: 3px solid var(--hl-blue);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-answer h2 { color: var(--hl-blue); }

/* ============== TABLES ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-table-wrap { overflow-x: auto; }
.hl-prod-petrol-pressure-washer-2450psi .hl-table {
  width: 100%; border-collapse: collapse;
  font-size: 12.8px; background: var(--hl-white);
  border: 1px solid var(--hl-border); border-radius: 8px; overflow: hidden;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-table th,
.hl-prod-petrol-pressure-washer-2450psi .hl-table td {
  padding: 7px 9px; text-align: left;
  border-bottom: 1px solid var(--hl-border);
  vertical-align: top;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-table thead th {
  background: var(--hl-sand);
  color: var(--hl-ink);
  font-weight: 700;
  font-size: 12.5px;
  border-bottom: 2px solid var(--hl-border-2);
  text-transform: uppercase; letter-spacing: .02em;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-table tbody tr:last-child th,
.hl-prod-petrol-pressure-washer-2450psi .hl-table tbody tr:last-child td { border-bottom: 0; }
.hl-prod-petrol-pressure-washer-2450psi .hl-table tbody tr:nth-child(even) td,
.hl-prod-petrol-pressure-washer-2450psi .hl-table tbody tr:nth-child(even) th { background: #FBFAF6; }
.hl-prod-petrol-pressure-washer-2450psi .hl-table th[scope="row"] { font-weight: 700; color: var(--hl-navy); width: 32%; }
.hl-prod-petrol-pressure-washer-2450psi .hl-row--this td,
.hl-prod-petrol-pressure-washer-2450psi .hl-row--this th { background: var(--hl-orange-soft) !important; }
.hl-prod-petrol-pressure-washer-2450psi .hl-this {
  font-size: 11px; color: var(--hl-orange-2); font-weight: 700; margin-left: 4px;
}

/* ============== CARDS ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-cards {
  display: grid; gap: 8px;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-cards--3 { grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); }
.hl-prod-petrol-pressure-washer-2450psi .hl-cards--4 { grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); }
.hl-prod-petrol-pressure-washer-2450psi .hl-card {
  background: var(--hl-cream);
  border: 1px solid var(--hl-border);
  border-radius: 8px;
  padding: 9px 11px;
  display: flex; flex-direction: column; justify-content: flex-start;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-card h4 { font-size: 13.5px; }
.hl-prod-petrol-pressure-washer-2450psi .hl-card p { font-size: 12.8px; color: var(--hl-charcoal); margin: 0; }
.hl-prod-petrol-pressure-washer-2450psi .hl-card--good {
  background: var(--hl-blue-soft);
  border-color: #D7E7F0;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-card--warn {
  background: #FFF6F2;
  border-color: #F2D2BD;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-card--link {
  text-decoration: none;
  border-bottom: 1px solid var(--hl-border);
  background: var(--hl-white);
  transition: all .15s ease;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-card--link:hover {
  background: var(--hl-orange-soft);
  border-color: var(--hl-orange);
  transform: translateY(-1px);
}

/* ============== SURFACE PILLS ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-pill {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 11.5px;
  font-weight: 700;
  border: 1px solid transparent;
  white-space: nowrap;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-pill--ok   { background: #EAF4FA; color: #2F5D7C; border-color: #BBD7E5; }
.hl-prod-petrol-pressure-washer-2450psi .hl-pill--care { background: var(--hl-orange-soft); color: var(--hl-orange-2); border-color: #F0CFA0; }
.hl-prod-petrol-pressure-washer-2450psi .hl-pill--call { background: var(--hl-blue-soft); color: var(--hl-blue); border-color: #BBD7E5; }
.hl-prod-petrol-pressure-washer-2450psi .hl-pill--no   { background: #FBE8E1; color: #8E2A12; border-color: #ECC5B5; }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-safety {
  background: #FFF6F2;
  border-color: #F2D2BD;
  border-left: 3px solid var(--hl-orange);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-safety h2 { color: var(--hl-orange-2); }
.hl-prod-petrol-pressure-washer-2450psi .hl-safety__list {
  list-style: none; padding: 0; margin: 0;
  display: grid; gap: 4px;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
}
.hl-prod-petrol-pressure-washer-2450psi .hl-safety__list li {
  background: var(--hl-white);
  border: 1px solid #F2D2BD;
  border-radius: 6px;
  padding: 6px 9px;
  font-size: 12.8px;
}

/* ============== FAQ ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-faq details {
  background: var(--hl-white);
  border: 1px solid var(--hl-border);
  border-radius: 7px;
  padding: 7px 11px;
  margin: 0 0 5px;
  transition: all .15s ease;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-faq details[open] {
  background: var(--hl-cream);
  border-color: var(--hl-border-2);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-faq summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 13.2px;
  color: var(--hl-ink);
  list-style: none;
  position: relative;
  padding-right: 20px;
  outline: none;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-faq summary::-webkit-details-marker { display: none; }
.hl-prod-petrol-pressure-washer-2450psi .hl-faq summary::after {
  content: "+";
  position: absolute;
  right: 4px; top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--hl-orange);
  font-weight: 700;
  line-height: 1;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-faq details[open] summary::after { content: "−"; }
.hl-prod-petrol-pressure-washer-2450psi .hl-faq details p {
  margin: 6px 0 0; font-size: 13px; color: var(--hl-charcoal);
}

/* ============== FINAL CTA ============== */
.hl-prod-petrol-pressure-washer-2450psi .hl-final {
  background: linear-gradient(135deg, var(--hl-white) 0%, var(--hl-orange-soft) 100%);
  border: 1px solid #F0CFA0;
  border-top: 3px solid var(--hl-orange);
  text-align: center;
  padding: 16px 15px;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-final h2 { font-size: 20px; }
.hl-prod-petrol-pressure-washer-2450psi .hl-final p { font-size: 13.4px; color: var(--hl-navy); margin: 0 0 9px; }
.hl-prod-petrol-pressure-washer-2450psi .hl-final__cta {
  display: flex; gap: 7px; justify-content: center; flex-wrap: wrap;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-petrol-pressure-washer-2450psi { font-size: 13.5px; }
  .hl-prod-petrol-pressure-washer-2450psi h2 { font-size: 19.5px; }
  .hl-prod-petrol-pressure-washer-2450psi h3 { font-size: 15px; }
  .hl-prod-petrol-pressure-washer-2450psi .hl-hero {
    grid-template-columns: 1fr;
    padding: 12px 13px;
  }
  .hl-prod-petrol-pressure-washer-2450psi .hl-hero h2 { font-size: 19.5px; }
  .hl-prod-petrol-pressure-washer-2450psi .hl-section { padding: 11px 12px; }
  .hl-prod-petrol-pressure-washer-2450psi .hl-final { padding: 13px 12px; }
  .hl-prod-petrol-pressure-washer-2450psi .hl-final h2 { font-size: 18.5px; }
}

@media (max-width: 480px) {
  .hl-prod-petrol-pressure-washer-2450psi .hl-btn { width: 100%; text-align: center; }
  .hl-prod-petrol-pressure-washer-2450psi .hl-hero__cta,
  .hl-prod-petrol-pressure-washer-2450psi .hl-final__cta { flex-direction: column; }
  .hl-prod-petrol-pressure-washer-2450psi .hl-table { font-size: 12.3px; }
  .hl-prod-petrol-pressure-washer-2450psi .hl-table th,
  .hl-prod-petrol-pressure-washer-2450psi .hl-table td { padding: 6px 7px; }
}

/* === Hireload Petrol Pressure Washer 2450 PSI — layout override (single-row symmetry) === */
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__grid {
  grid-template-columns: repeat(3, 1fr);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-decision__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 60px;
}
.hl-prod-petrol-pressure-washer-2450psi .hl-bestfor .hl-cards,
.hl-prod-petrol-pressure-washer-2450psi .hl-notideal .hl-cards {
  grid-template-columns: repeat(4, 1fr);
}
.hl-prod-petrol-pressure-washer-2450psi .hl-bestfor .hl-card,
.hl-prod-petrol-pressure-washer-2450psi .hl-notideal .hl-card {
  min-height: 130px;
}
@media (max-width: 760px) {
  .hl-prod-petrol-pressure-washer-2450psi .hl-decision__grid,
  .hl-prod-petrol-pressure-washer-2450psi .hl-bestfor .hl-cards,
  .hl-prod-petrol-pressure-washer-2450psi .hl-notideal .hl-cards {
    grid-template-columns: 1fr 1fr;
  }
  .hl-prod-petrol-pressure-washer-2450psi .hl-bestfor .hl-card,
  .hl-prod-petrol-pressure-washer-2450psi .hl-notideal .hl-card { min-height: 0; }
}
@media (max-width: 480px) {
  .hl-prod-petrol-pressure-washer-2450psi .hl-decision__grid,
  .hl-prod-petrol-pressure-washer-2450psi .hl-bestfor .hl-cards,
  .hl-prod-petrol-pressure-washer-2450psi .hl-notideal .hl-cards {
    grid-template-columns: 1fr;
  }
}


/* === Hireload Wet & Dry Vacuum Product CSS — appended === */
/* =========================================================================
   Hireload — Wet & Dry Vacuum (240V Industrial Site Vac)
   Scoped CSS — every rule lives under .hl-prod-wet-dry-vacuum.
   No body / html / :root / global selectors.
   Light cyan/blue cleaning palette. Compact sizing.
   Built-in wpautop BR + P guards from day one.
   ========================================================================= */

.hl-prod-wet-dry-vacuum {
  --wdv-ink: #17202A;
  --wdv-navy-text: #243447;
  --wdv-blue: #3F7EA6;
  --wdv-blue-deep: #2F5D7C;
  --wdv-blue-soft: #6F95AD;
  --wdv-steel: #4F6F86;
  --wdv-cyan: #EAF6FA;
  --wdv-card-tint: #F4FAFD;
  --wdv-warm: #FBF9F4;
  --wdv-stone: #F6F1E8;
  --wdv-line: #DDD5CA;
  --wdv-line-blue: #D7E7F0;
  --wdv-line-strong: #CFC5B0;
  --wdv-amber: #C47A3A;
  --wdv-amber-deep: #9A6238;
  --wdv-amber-tint: #FFF2E6;
  --wdv-warn-tint: #FBE8E1;
  --wdv-radius-sm: 6px;
  --wdv-radius-md: 8px;
  --wdv-radius-lg: 10px;
  --wdv-shadow-sm: 0 1px 2px rgba(23, 32, 42, 0.04);
  --wdv-shadow-md: 0 1px 2px rgba(23, 32, 42, 0.05), 0 4px 10px rgba(23, 32, 42, 0.04);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--wdv-ink);
  line-height: 1.5;
  font-size: 14px;
}

.hl-prod-wet-dry-vacuum * { box-sizing: border-box; }

/* ---------- Sections ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-section {
  background: var(--wdv-warm);
  border: 1px solid var(--wdv-line);
  border-radius: var(--wdv-radius-lg);
  padding: 13px 15px;
  margin: 10px 0;
  box-shadow: var(--wdv-shadow-sm);
}

.hl-prod-wet-dry-vacuum .hl-wdv-h2 {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--wdv-navy-text);
  margin: 2px 0 7px;
  letter-spacing: -0.005em;
}

.hl-prod-wet-dry-vacuum .hl-wdv-h3 {
  font-size: 15.5px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--wdv-navy-text);
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.003em;
}

.hl-prod-wet-dry-vacuum .hl-wdv-eyebrow,
.hl-prod-wet-dry-vacuum .hl-wdv-side-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wdv-blue-deep);
  background: var(--wdv-cyan);
  padding: 2px 8px;
  border-radius: 999px;
  margin-bottom: 6px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-lede {
  font-size: 13.5px;
  color: var(--wdv-blue-soft);
  margin: 0 0 9px;
  line-height: 1.5;
}

.hl-prod-wet-dry-vacuum .hl-wdv-muted {
  font-size: 12.2px;
  color: var(--wdv-blue-soft);
  margin: 0 0 7px;
}

.hl-prod-wet-dry-vacuum p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.5; }
.hl-prod-wet-dry-vacuum a { color: var(--wdv-blue); text-decoration: none; font-weight: 600; }
.hl-prod-wet-dry-vacuum a:hover { color: var(--wdv-amber-deep); text-decoration: underline; }

/* ---------- Hero (light premium) ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #F4FAFD 55%, #FBF9F4 100%);
  border: 1px solid var(--wdv-line-blue);
  border-top: 3px solid var(--wdv-blue);
  padding: 14px 16px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-hero .hl-wdv-h2 { color: var(--wdv-navy-text); }
.hl-prod-wet-dry-vacuum .hl-wdv-hero .hl-wdv-lede { color: var(--wdv-ink); }
.hl-prod-wet-dry-vacuum .hl-wdv-hero .hl-wdv-muted { color: var(--wdv-blue-soft); }

.hl-prod-wet-dry-vacuum .hl-wdv-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.hl-prod-wet-dry-vacuum .hl-wdv-hero-side {
  background: #fff;
  color: var(--wdv-ink);
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 10px 11px;
  box-shadow: var(--wdv-shadow-sm);
}

.hl-prod-wet-dry-vacuum .hl-wdv-hero-side .hl-wdv-side-title {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 800;
  color: var(--wdv-navy-text);
  line-height: 1.3;
}

.hl-prod-wet-dry-vacuum .hl-wdv-hero-side .hl-wdv-side-eyebrow {
  font-size: 9.5px;
  padding: 1px 7px;
  margin-bottom: 5px;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 9px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn:hover {
  transform: translateY(-1px);
  text-decoration: none !important;
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn-primary {
  background: var(--wdv-blue);
  color: #fff !important;
  border-color: var(--wdv-blue);
  box-shadow: 0 1px 2px rgba(63, 126, 166, 0.25);
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn-primary:hover {
  background: var(--wdv-blue-deep);
  border-color: var(--wdv-blue-deep);
  color: #fff !important;
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn-secondary {
  background: #fff;
  color: var(--wdv-blue-deep) !important;
  border-color: var(--wdv-blue);
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn-secondary:hover {
  background: var(--wdv-cyan);
  color: var(--wdv-blue-deep) !important;
  border-color: var(--wdv-blue-deep);
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn-ghost {
  background: transparent;
  color: var(--wdv-navy-text) !important;
  border-color: var(--wdv-line-strong);
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn-ghost:hover {
  background: var(--wdv-warm);
  border-color: var(--wdv-blue);
  color: var(--wdv-blue-deep) !important;
}

.hl-prod-wet-dry-vacuum .hl-wdv-btn-large {
  padding: 10px 16px;
  font-size: 13.5px;
}

/* ---------- Chips ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-chip-row {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-chip {
  background: #fff;
  color: var(--wdv-blue-deep);
  border: 1px solid var(--wdv-line-blue);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 4px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  background: var(--wdv-card-tint);
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-sm);
  font-size: 11.8px;
  line-height: 1.25;
  min-width: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list li > span:first-child { color: var(--wdv-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list li > span:nth-child(2) {
  color: var(--wdv-blue-deep);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list li > span:nth-child(2) a { color: var(--wdv-blue); font-weight: 700; }

.hl-prod-wet-dry-vacuum .hl-wdv-hero-side .hl-wdv-muted {
  font-size: 10.8px;
  margin: 6px 0 0;
}

/* ---------- Quick Answer ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-quickanswer {
  background: var(--wdv-cyan);
  border-color: var(--wdv-line-blue);
}

.hl-prod-wet-dry-vacuum .hl-wdv-quickanswer p {
  margin: 0;
  font-size: 13.2px;
  color: var(--wdv-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-glance-cell {
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 8px 10px;
  min-width: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-glance-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--wdv-blue);
  margin-bottom: 2px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-glance-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--wdv-navy-text);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-cards,
.hl-prod-wet-dry-vacuum .hl-wdv-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 5px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}

.hl-prod-wet-dry-vacuum .hl-wdv-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--wdv-blue);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-mini-card strong { color: var(--wdv-navy-text); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--wdv-line);
  border-radius: var(--wdv-radius-md);
  background: #fff;
}

.hl-prod-wet-dry-vacuum .hl-wdv-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.7px;
  margin: 0;
  background: #fff;
}

.hl-prod-wet-dry-vacuum .hl-wdv-table th {
  background: var(--wdv-blue);
  color: #fff;
  text-align: left;
  padding: 7px 9px;
  font-weight: 700;
  font-size: 12.2px;
  letter-spacing: 0.01em;
  border-bottom: 2px solid var(--wdv-blue-deep);
}

.hl-prod-wet-dry-vacuum .hl-wdv-compare th {
  background: var(--wdv-blue-deep);
  border-bottom: 2px solid var(--wdv-navy-text);
}

.hl-prod-wet-dry-vacuum .hl-wdv-table th a {
  color: #fff !important;
  text-decoration: underline;
}

.hl-prod-wet-dry-vacuum .hl-wdv-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--wdv-line);
  vertical-align: top;
  color: var(--wdv-ink);
  font-size: 12.5px;
  line-height: 1.4;
}

.hl-prod-wet-dry-vacuum .hl-wdv-table tr:nth-child(even) td { background: #F8FBFD; }

.hl-prod-wet-dry-vacuum .hl-wdv-table tr.hl-wdv-row-self td {
  background: var(--wdv-amber-tint);
  border-left: 3px solid var(--wdv-amber);
  font-weight: 600;
}

.hl-prod-wet-dry-vacuum .hl-wdv-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--wdv-ink);
}

.hl-prod-wet-dry-vacuum .hl-wdv-bullets li::before {
  content: "•";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--wdv-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal-for section: warm warning tint */
.hl-prod-wet-dry-vacuum .hl-wdv-not-ideal {
  background: var(--wdv-warn-tint);
  border-color: var(--wdv-line-strong);
}

.hl-prod-wet-dry-vacuum .hl-wdv-not-ideal .hl-wdv-bullets li::before {
  color: var(--wdv-amber);
}

/* ---------- Power & water split ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-split-col {
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 11px;
  min-width: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-split-col h4,
.hl-prod-wet-dry-vacuum .hl-wdv-split-col h4.hl-wdv-h3 {
  font-size: 14px;
  font-weight: 800;
  color: var(--wdv-blue-deep);
  margin: 0 0 5px;
}

/* ---------- Safety list ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-safety-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-wet-dry-vacuum .hl-wdv-safety-list li .hl-wdv-mini-tick { background: var(--wdv-blue-deep); }

/* ---------- Mistakes ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list li {
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-left: 3px solid var(--wdv-amber);
  border-radius: var(--wdv-radius-md);
  padding: 9px 12px;
  font-size: 12.8px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list li strong { color: var(--wdv-navy-text); display: block; }
.hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list li span { color: var(--wdv-blue-soft); font-size: 12.5px; }

/* ---------- Booking brief / Cost factors ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-booking-brief {
  background: linear-gradient(135deg, var(--wdv-cyan) 0%, var(--wdv-warm) 100%);
  border-color: var(--wdv-line-blue);
}

.hl-prod-wet-dry-vacuum .hl-wdv-brief-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 7px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-brief-list li {
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.5px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-wet-dry-vacuum .hl-wdv-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-wet-dry-vacuum .hl-wdv-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--wdv-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(63, 126, 166, 0.3);
}

.hl-prod-wet-dry-vacuum .hl-wdv-brief-icon {
  font-size: 14px;
  line-height: 1.2;
  align-self: start;
}

.hl-prod-wet-dry-vacuum .hl-wdv-brief-list li strong { color: var(--wdv-navy-text); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-related .hl-wdv-cards { margin-top: 4px; }

.hl-prod-wet-dry-vacuum .hl-wdv-related-card {
  display: block;
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--wdv-ink) !important;
}

.hl-prod-wet-dry-vacuum .hl-wdv-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--wdv-blue);
  box-shadow: var(--wdv-shadow-md);
  text-decoration: none !important;
}

.hl-prod-wet-dry-vacuum .hl-wdv-related-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--wdv-amber-deep);
  margin-bottom: 3px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-related-title {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--wdv-navy-text);
  margin-bottom: 3px;
  line-height: 1.3;
}

.hl-prod-wet-dry-vacuum .hl-wdv-related-blurb {
  font-size: 12px;
  color: var(--wdv-blue-soft);
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-faq details {
  background: #fff;
  border: 1px solid var(--wdv-line-blue);
  border-radius: var(--wdv-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}

.hl-prod-wet-dry-vacuum .hl-wdv-faq details[open] {
  border-color: var(--wdv-blue);
  box-shadow: var(--wdv-shadow-sm);
}

.hl-prod-wet-dry-vacuum .hl-wdv-faq summary {
  cursor: pointer;
  padding: 9px 32px 9px 12px;
  font-weight: 700;
  font-size: 13px;
  color: var(--wdv-navy-text);
  list-style: none;
  position: relative;
  line-height: 1.4;
}

.hl-prod-wet-dry-vacuum .hl-wdv-faq summary::-webkit-details-marker { display: none; }

.hl-prod-wet-dry-vacuum .hl-wdv-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--wdv-blue);
  transition: transform 0.15s ease;
}

.hl-prod-wet-dry-vacuum .hl-wdv-faq details[open] summary::after {
  content: "−";
  color: var(--wdv-amber);
}

.hl-prod-wet-dry-vacuum .hl-wdv-faq details p {
  padding: 0 12px 10px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.5;
  color: var(--wdv-ink);
}

.hl-prod-wet-dry-vacuum .hl-wdv-faq details p a { color: var(--wdv-blue); font-weight: 600; }

/* ---------- Final CTA (light, fresh) ---------- */
.hl-prod-wet-dry-vacuum .hl-wdv-final-cta {
  background: linear-gradient(135deg, #FFFFFF 0%, var(--wdv-card-tint) 60%, var(--wdv-warm) 100%);
  border: 1px solid var(--wdv-line-blue);
  border-top: 3px solid var(--wdv-blue);
  text-align: center;
  padding: 16px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-final-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--wdv-navy-text);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.hl-prod-wet-dry-vacuum .hl-wdv-final-lede {
  font-size: 13px;
  color: var(--wdv-ink);
  margin: 0 auto 10px;
  line-height: 1.5;
  max-width: 640px;
}

.hl-prod-wet-dry-vacuum .hl-wdv-cta-row-final { justify-content: center; }

.hl-prod-wet-dry-vacuum .hl-wdv-final-note {
  font-size: 11.5px;
  color: var(--wdv-blue-soft);
  margin: 9px 0 0;
}

/* =========================================================================
   wpautop guards — preventive, baked in from day one.
   Hide BR and empty P elements that WordPress wpautop may inject
   between the children of grid containers.
   ========================================================================= */
.hl-prod-wet-dry-vacuum .hl-wdv-hero-grid > br,
.hl-prod-wet-dry-vacuum .hl-wdv-hero-grid > p,
.hl-prod-wet-dry-vacuum .hl-wdv-cta-row > br,
.hl-prod-wet-dry-vacuum .hl-wdv-cta-row > p,
.hl-prod-wet-dry-vacuum .hl-wdv-chip-row > br,
.hl-prod-wet-dry-vacuum .hl-wdv-chip-row > p,
.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list > br,
.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list > p,
.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list li > br,
.hl-prod-wet-dry-vacuum .hl-wdv-quickpick-list li > p,
.hl-prod-wet-dry-vacuum .hl-wdv-glance-grid > br,
.hl-prod-wet-dry-vacuum .hl-wdv-glance-grid > p,
.hl-prod-wet-dry-vacuum .hl-wdv-cards > br,
.hl-prod-wet-dry-vacuum .hl-wdv-cards > p,
.hl-prod-wet-dry-vacuum .hl-wdv-choice-cards > br,
.hl-prod-wet-dry-vacuum .hl-wdv-choice-cards > p,
.hl-prod-wet-dry-vacuum .hl-wdv-mini-card > br,
.hl-prod-wet-dry-vacuum .hl-wdv-mini-card > p,
.hl-prod-wet-dry-vacuum .hl-wdv-table-wrap > br,
.hl-prod-wet-dry-vacuum .hl-wdv-table-wrap > p,
.hl-prod-wet-dry-vacuum .hl-wdv-split > br,
.hl-prod-wet-dry-vacuum .hl-wdv-split > p,
.hl-prod-wet-dry-vacuum .hl-wdv-safety-list > br,
.hl-prod-wet-dry-vacuum .hl-wdv-safety-list > p,
.hl-prod-wet-dry-vacuum .hl-wdv-safety-list li > br,
.hl-prod-wet-dry-vacuum .hl-wdv-safety-list li > p,
.hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list > br,
.hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list > p,
.hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list li > br,
.hl-prod-wet-dry-vacuum .hl-wdv-brief-list > br,
.hl-prod-wet-dry-vacuum .hl-wdv-brief-list > p,
.hl-prod-wet-dry-vacuum .hl-wdv-brief-list li > br,
.hl-prod-wet-dry-vacuum .hl-wdv-bullets > br,
.hl-prod-wet-dry-vacuum .hl-wdv-bullets > p {
  display: none !important;
}

/* =========================================================================
   Tablet — 640px+
   ========================================================================= */
@media (min-width: 640px) {
  .hl-prod-wet-dry-vacuum .hl-wdv-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-wet-dry-vacuum .hl-wdv-cards,
  .hl-prod-wet-dry-vacuum .hl-wdv-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-wet-dry-vacuum .hl-wdv-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-wet-dry-vacuum .hl-wdv-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-wet-dry-vacuum .hl-wdv-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-related .hl-wdv-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* =========================================================================
   Side-panel breakpoint at 760px
   ========================================================================= */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-wet-dry-vacuum .hl-wdv-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }
}

/* =========================================================================
   Desktop — 920px+
   ========================================================================= */
@media (min-width: 920px) {
  .hl-prod-wet-dry-vacuum { font-size: 14px; }

  .hl-prod-wet-dry-vacuum .hl-wdv-h2 { font-size: 21px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-h3 { font-size: 16px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-final-title { font-size: 19px; }

  .hl-prod-wet-dry-vacuum .hl-wdv-section { padding: 14px 16px; margin: 11px 0; }
  .hl-prod-wet-dry-vacuum .hl-wdv-hero { padding: 18px 20px; }

  .hl-prod-wet-dry-vacuum .hl-wdv-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
    gap: 16px;
  }

  .hl-prod-wet-dry-vacuum .hl-wdv-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-choice-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-split { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-safety-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-wet-dry-vacuum .hl-wdv-brief-list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-related .hl-wdv-cards { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }

  /* Row-symmetry locks — equal heights for cleaner desktop rows */
  .hl-prod-wet-dry-vacuum .hl-wdv-cards,
  .hl-prod-wet-dry-vacuum .hl-wdv-choice-cards,
  .hl-prod-wet-dry-vacuum .hl-wdv-glance-grid,
  .hl-prod-wet-dry-vacuum .hl-wdv-split,
  .hl-prod-wet-dry-vacuum .hl-wdv-safety-list,
  .hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list,
  .hl-prod-wet-dry-vacuum .hl-wdv-brief-list { align-items: stretch; }

  .hl-prod-wet-dry-vacuum .hl-wdv-mini-card,
  .hl-prod-wet-dry-vacuum .hl-wdv-glance-cell,
  .hl-prod-wet-dry-vacuum .hl-wdv-split-col,
  .hl-prod-wet-dry-vacuum .hl-wdv-safety-list li,
  .hl-prod-wet-dry-vacuum .hl-wdv-mistakes-list li,
  .hl-prod-wet-dry-vacuum .hl-wdv-brief-list li,
  .hl-prod-wet-dry-vacuum .hl-wdv-related-card { height: 100%; }

  .hl-prod-wet-dry-vacuum .hl-wdv-table { font-size: 13px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-table th { padding: 8px 10px; font-size: 12.5px; }
  .hl-prod-wet-dry-vacuum .hl-wdv-table td { padding: 8px 10px; font-size: 12.8px; }
}

/* =========================================================================
   Print-friendly fallback
   ========================================================================= */
@media print {
  .hl-prod-wet-dry-vacuum .hl-wdv-section,
  .hl-prod-wet-dry-vacuum .hl-wdv-hero,
  .hl-prod-wet-dry-vacuum .hl-wdv-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-wet-dry-vacuum .hl-wdv-hero,
  .hl-prod-wet-dry-vacuum .hl-wdv-final-cta { border-top-color: var(--wdv-blue); }
}


/* === Hireload Air Mover Carpet Floor Dryer Product CSS — appended === */
/* =========================================================================
   Hireload — Air Mover / Carpet & Floor Dryer (240V)
   Scoped CSS — every rule lives under .hl-prod-air-mover-carpet-floor-dryer.
   No body / html / :root / global selectors.
   Light cyan/blue airflow palette. Compact sizing.
   Built-in wpautop guards (BR + empty P) from day one.
   NOTE: All comments use plain words, never literal HTML tag syntax,
   so the WP customizer "illegal markup" sanitiser does not reject the CSS.
   ========================================================================= */

.hl-prod-air-mover-carpet-floor-dryer {
  --amfd-ink: #17202A;
  --amfd-navy-text: #243447;
  --amfd-blue: #3F7EA6;
  --amfd-blue-deep: #2F5D7C;
  --amfd-blue-soft: #6F95AD;
  --amfd-cyan: #DFF7FB;
  --amfd-card-tint: #F4FAFD;
  --amfd-warm: #FBF9F4;
  --amfd-sand: #F6F1E8;
  --amfd-line: #DDD5CA;
  --amfd-line-blue: #D7E7F0;
  --amfd-line-strong: #CFC5B0;
  --amfd-amber: #C47A3A;
  --amfd-amber-deep: #9A6238;
  --amfd-amber-tint: #FFF2E6;
  --amfd-warn-tint: #FBE8E1;
  --amfd-radius-sm: 6px;
  --amfd-radius-md: 8px;
  --amfd-radius-lg: 10px;
  --amfd-shadow-sm: 0 1px 2px rgba(23, 32, 42, 0.04);
  --amfd-shadow-md: 0 1px 2px rgba(23, 32, 42, 0.05), 0 4px 10px rgba(23, 32, 42, 0.04);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--amfd-ink);
  line-height: 1.5;
  font-size: 14px;
}

.hl-prod-air-mover-carpet-floor-dryer * { box-sizing: border-box; }

/* ---------- Sections ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-section {
  background: var(--amfd-warm);
  border: 1px solid var(--amfd-line);
  border-radius: var(--amfd-radius-lg);
  padding: 13px 15px;
  margin: 10px 0;
  box-shadow: var(--amfd-shadow-sm);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-h2 {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--amfd-navy-text);
  margin: 2px 0 7px;
  letter-spacing: -0.005em;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-h3 {
  font-size: 15.5px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--amfd-navy-text);
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.003em;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-eyebrow,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-side-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--amfd-blue-deep);
  background: var(--amfd-cyan);
  padding: 2px 8px;
  border-radius: 999px;
  margin-bottom: 6px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-lede {
  font-size: 13.5px;
  color: var(--amfd-blue-soft);
  margin: 0 0 9px;
  line-height: 1.5;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-muted {
  font-size: 12.2px;
  color: var(--amfd-blue-soft);
  margin: 0 0 7px;
}

.hl-prod-air-mover-carpet-floor-dryer p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.5; }
.hl-prod-air-mover-carpet-floor-dryer a { color: var(--amfd-blue); text-decoration: none; font-weight: 600; }
.hl-prod-air-mover-carpet-floor-dryer a:hover { color: var(--amfd-amber-deep); text-decoration: underline; }

/* ---------- Hero (light premium airflow) ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #F4FAFD 52%, #DFF7FB 100%);
  border: 1px solid var(--amfd-line-blue);
  border-top: 3px solid var(--amfd-blue);
  padding: 14px 16px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero .hl-amfd-h2 { color: var(--amfd-navy-text); }
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero .hl-amfd-lede { color: var(--amfd-ink); }
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero .hl-amfd-muted { color: var(--amfd-blue-soft); }

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-side {
  background: #fff;
  color: var(--amfd-ink);
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 10px 11px;
  box-shadow: var(--amfd-shadow-sm);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-side .hl-amfd-side-title {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 800;
  color: var(--amfd-navy-text);
  line-height: 1.3;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-side .hl-amfd-side-eyebrow {
  font-size: 9.5px;
  padding: 1px 7px;
  margin-bottom: 5px;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 9px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn:hover {
  transform: translateY(-1px);
  text-decoration: none !important;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn-primary {
  background: var(--amfd-blue);
  color: #fff !important;
  border-color: var(--amfd-blue);
  box-shadow: 0 1px 2px rgba(63, 126, 166, 0.25);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn-primary:hover {
  background: var(--amfd-blue-deep);
  border-color: var(--amfd-blue-deep);
  color: #fff !important;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn-secondary {
  background: #fff;
  color: var(--amfd-blue-deep) !important;
  border-color: var(--amfd-blue);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn-secondary:hover {
  background: var(--amfd-cyan);
  color: var(--amfd-blue-deep) !important;
  border-color: var(--amfd-blue-deep);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn-ghost {
  background: transparent;
  color: var(--amfd-navy-text) !important;
  border-color: var(--amfd-line-strong);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn-ghost:hover {
  background: var(--amfd-warm);
  border-color: var(--amfd-blue);
  color: var(--amfd-blue-deep) !important;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-btn-large {
  padding: 10px 16px;
  font-size: 13.5px;
}

/* ---------- Chips ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-chip-row {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-chip {
  background: #fff;
  color: var(--amfd-blue-deep);
  border: 1px solid var(--amfd-line-blue);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 4px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  background: var(--amfd-card-tint);
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-sm);
  font-size: 11.8px;
  line-height: 1.25;
  min-width: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list li > span:first-child { color: var(--amfd-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list li > span:nth-child(2) {
  color: var(--amfd-blue-deep);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list li > span:nth-child(2) a { color: var(--amfd-blue); font-weight: 700; }

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-side .hl-amfd-muted {
  font-size: 10.8px;
  margin: 6px 0 0;
}

/* ---------- Quick Answer ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickanswer {
  background: var(--amfd-cyan);
  border-color: var(--amfd-line-blue);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickanswer p {
  margin: 0;
  font-size: 13.2px;
  color: var(--amfd-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-cell {
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 8px 10px;
  min-width: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--amfd-blue);
  margin-bottom: 2px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--amfd-navy-text);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cards,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 5px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--amfd-blue);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mini-card strong { color: var(--amfd-navy-text); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--amfd-line);
  border-radius: var(--amfd-radius-md);
  background: #fff;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.7px;
  margin: 0;
  background: #fff;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table th {
  background: var(--amfd-blue);
  color: #fff;
  text-align: left;
  padding: 7px 9px;
  font-weight: 700;
  font-size: 12.2px;
  letter-spacing: 0.01em;
  border-bottom: 2px solid var(--amfd-blue-deep);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-compare th {
  background: var(--amfd-blue-deep);
  border-bottom: 2px solid var(--amfd-navy-text);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table th a {
  color: #fff !important;
  text-decoration: underline;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--amfd-line);
  vertical-align: top;
  color: var(--amfd-ink);
  font-size: 12.5px;
  line-height: 1.4;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table tr:nth-child(even) td { background: #F8FBFD; }

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table tr.hl-amfd-row-self td {
  background: var(--amfd-amber-tint);
  border-left: 3px solid var(--amfd-amber);
  font-weight: 600;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--amfd-ink);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-bullets li::before {
  content: "•";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--amfd-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal-for section: warm warning tint */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-not-ideal {
  background: var(--amfd-warn-tint);
  border-color: var(--amfd-line-strong);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-not-ideal .hl-amfd-bullets li::before {
  color: var(--amfd-amber);
}

/* ---------- Power & access split ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split-col {
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 11px;
  min-width: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split-col h4,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split-col h4.hl-amfd-h3 {
  font-size: 14px;
  font-weight: 800;
  color: var(--amfd-blue-deep);
  margin: 0 0 5px;
}

/* ---------- Safety list ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list li .hl-amfd-mini-tick { background: var(--amfd-blue-deep); }

/* ---------- Mistakes ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list li {
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-left: 3px solid var(--amfd-amber);
  border-radius: var(--amfd-radius-md);
  padding: 9px 12px;
  font-size: 12.8px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list li strong { color: var(--amfd-navy-text); display: block; }
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list li span { color: var(--amfd-blue-soft); font-size: 12.5px; }

/* ---------- Booking brief / Cost factors ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-booking-brief {
  background: linear-gradient(135deg, var(--amfd-cyan) 0%, var(--amfd-warm) 100%);
  border-color: var(--amfd-line-blue);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 7px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list li {
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.5px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--amfd-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(63, 126, 166, 0.3);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-icon {
  font-size: 14px;
  line-height: 1.2;
  align-self: start;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list li strong { color: var(--amfd-navy-text); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related .hl-amfd-cards { margin-top: 4px; }

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related-card {
  display: block;
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--amfd-ink) !important;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--amfd-blue);
  box-shadow: var(--amfd-shadow-md);
  text-decoration: none !important;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--amfd-amber-deep);
  margin-bottom: 3px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related-title {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--amfd-navy-text);
  margin-bottom: 3px;
  line-height: 1.3;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related-blurb {
  font-size: 12px;
  color: var(--amfd-blue-soft);
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq details {
  background: #fff;
  border: 1px solid var(--amfd-line-blue);
  border-radius: var(--amfd-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq details[open] {
  border-color: var(--amfd-blue);
  box-shadow: var(--amfd-shadow-sm);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq summary {
  cursor: pointer;
  padding: 9px 32px 9px 12px;
  font-weight: 700;
  font-size: 13px;
  color: var(--amfd-navy-text);
  list-style: none;
  position: relative;
  line-height: 1.4;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq summary::-webkit-details-marker { display: none; }

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--amfd-blue);
  transition: transform 0.15s ease;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq details[open] summary::after {
  content: "−";
  color: var(--amfd-amber);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq details p {
  padding: 0 12px 10px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.5;
  color: var(--amfd-ink);
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-faq details p a { color: var(--amfd-blue); font-weight: 600; }

/* ---------- Final CTA (light, fresh) ---------- */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-final-cta {
  background: linear-gradient(135deg, #FFFFFF 0%, var(--amfd-card-tint) 50%, var(--amfd-cyan) 100%);
  border: 1px solid var(--amfd-line-blue);
  border-top: 3px solid var(--amfd-blue);
  text-align: center;
  padding: 16px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-final-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--amfd-navy-text);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-final-lede {
  font-size: 13px;
  color: var(--amfd-ink);
  margin: 0 auto 10px;
  line-height: 1.5;
  max-width: 640px;
}

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cta-row-final { justify-content: center; }

.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-final-note {
  font-size: 11.5px;
  color: var(--amfd-blue-soft);
  margin: 9px 0 0;
}

/* =========================================================================
   wpautop guards — preventive, baked in from day one.
   Hide BR and empty P elements that WordPress wpautop may inject between
   the children of grid containers.
   Comments use plain words so the WP customizer "illegal markup" sanitiser
   does not reject the CSS on save.
   ========================================================================= */
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-grid > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-grid > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cta-row > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cta-row > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-chip-row > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-chip-row > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list li > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-quickpick-list li > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-grid > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-grid > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cards > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cards > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-choice-cards > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-choice-cards > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mini-card > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mini-card > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table-wrap > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table-wrap > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list li > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list li > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list li > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list > p,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list li > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-bullets > br,
.hl-prod-air-mover-carpet-floor-dryer .hl-amfd-bullets > p {
  display: none !important;
}

/* =========================================================================
   Tablet — 640px and up
   ========================================================================= */
@media (min-width: 640px) {
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cards,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related .hl-amfd-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* =========================================================================
   Side-panel breakpoint at 760px
   ========================================================================= */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }
}

/* =========================================================================
   Desktop — 920px and up
   ========================================================================= */
@media (min-width: 920px) {
  .hl-prod-air-mover-carpet-floor-dryer { font-size: 14px; }

  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-h2 { font-size: 21px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-h3 { font-size: 16px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-final-title { font-size: 19px; }

  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-section { padding: 14px 16px; margin: 11px 0; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero { padding: 18px 20px; }

  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
    gap: 16px;
  }

  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-choice-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related .hl-amfd-cards { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }

  /* Row-symmetry locks for cleaner desktop rows */
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-cards,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-choice-cards,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-grid,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list { align-items: stretch; }

  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mini-card,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-glance-cell,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-split-col,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-safety-list li,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-mistakes-list li,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-brief-list li,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-related-card { height: 100%; }

  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table { font-size: 13px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table th { padding: 8px 10px; font-size: 12.5px; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-table td { padding: 8px 10px; font-size: 12.8px; }
}

/* =========================================================================
   Print-friendly fallback
   ========================================================================= */
@media print {
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-section,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-hero,
  .hl-prod-air-mover-carpet-floor-dryer .hl-amfd-final-cta { border-top-color: var(--amfd-blue); }
}


/* === Hireload High Airflow Carpet Dryer Product CSS — appended === */
/* =============================================================================
   Hireload — High Airflow Carpet Dryer (2700 CFM 3-Speed, 240V)
   Scoped CSS — every rule lives under .hl-prod-high-airflow-carpet-dryer.
   No body / html / :root / global selectors.
   Light cyan / fresh blue airflow palette. Compact sizing.
   Built-in wpautop guards (BR + empty P) from day one.
   NOTE: All comments use plain words, never literal HTML tag syntax,
   so the WP customizer "illegal markup" sanitiser does not reject the CSS.
   ============================================================================= */

.hl-prod-high-airflow-carpet-dryer {
  --hacd-ink: #17202A;
  --hacd-navy-text: #243447;
  --hacd-blue: #3F7EA6;
  --hacd-blue-deep: #2F5D7C;
  --hacd-blue-soft: #6F95AD;
  --hacd-cyan: #DFF7FB;
  --hacd-card-tint: #F4FAFD;
  --hacd-warm: #FBF9F4;
  --hacd-sand: #F6F1E8;
  --hacd-line: #DDD5CA;
  --hacd-line-blue: #D7E7F0;
  --hacd-line-strong: #CFC5B0;
  --hacd-amber: #C47A3A;
  --hacd-amber-deep: #9A6238;
  --hacd-amber-tint: #FFF2E6;
  --hacd-warn-tint: #FBE8E1;
  --hacd-radius-sm: 6px;
  --hacd-radius-md: 8px;
  --hacd-radius-lg: 10px;
  --hacd-shadow-sm: 0 1px 2px rgba(23, 32, 42, 0.04);
  --hacd-shadow-md: 0 1px 2px rgba(23, 32, 42, 0.05), 0 4px 10px rgba(23, 32, 42, 0.04);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--hacd-ink);
  line-height: 1.5;
  font-size: 14px;
}

.hl-prod-high-airflow-carpet-dryer * { box-sizing: border-box; }

/* ---------- Sections ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-section {
  background: var(--hacd-warm);
  border: 1px solid var(--hacd-line);
  border-radius: var(--hacd-radius-lg);
  padding: 13px 15px;
  margin: 10px 0;
  box-shadow: var(--hacd-shadow-sm);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-h2 {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--hacd-navy-text);
  margin: 2px 0 7px;
  letter-spacing: -0.005em;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-h3 {
  font-size: 15.5px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--hacd-navy-text);
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.003em;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-eyebrow,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-side-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--hacd-blue-deep);
  background: var(--hacd-cyan);
  padding: 2px 8px;
  border-radius: 999px;
  margin-bottom: 6px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-lede {
  font-size: 13.5px;
  color: var(--hacd-blue-soft);
  margin: 0 0 9px;
  line-height: 1.5;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-muted {
  font-size: 12.2px;
  color: var(--hacd-blue-soft);
  margin: 0 0 7px;
}

.hl-prod-high-airflow-carpet-dryer p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.5; }
.hl-prod-high-airflow-carpet-dryer a { color: var(--hacd-blue); text-decoration: none; font-weight: 600; }
.hl-prod-high-airflow-carpet-dryer a:hover { color: var(--hacd-amber-deep); text-decoration: underline; }

/* ---------- Hero (light premium high-airflow) ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #F4FAFD 52%, #DFF7FB 100%);
  border: 1px solid var(--hacd-line-blue);
  border-top: 3px solid var(--hacd-blue);
  padding: 14px 16px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero .hl-hacd-h2 { color: var(--hacd-navy-text); }
.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero .hl-hacd-lede { color: var(--hacd-ink); }
.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero .hl-hacd-muted { color: var(--hacd-blue-soft); }

.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-side {
  background: #fff;
  color: var(--hacd-ink);
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 10px 11px;
  box-shadow: var(--hacd-shadow-sm);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-side .hl-hacd-side-title {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 800;
  color: var(--hacd-navy-text);
  line-height: 1.3;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-side .hl-hacd-side-eyebrow {
  font-size: 9.5px;
  padding: 1px 7px;
  margin-bottom: 5px;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 9px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn:hover {
  transform: translateY(-1px);
  text-decoration: none !important;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn-primary {
  background: var(--hacd-blue);
  color: #fff !important;
  border-color: var(--hacd-blue);
  box-shadow: 0 1px 2px rgba(63, 126, 166, 0.25);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn-primary:hover {
  background: var(--hacd-blue-deep);
  border-color: var(--hacd-blue-deep);
  color: #fff !important;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn-secondary {
  background: #fff;
  color: var(--hacd-blue-deep) !important;
  border-color: var(--hacd-blue);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn-secondary:hover {
  background: var(--hacd-cyan);
  color: var(--hacd-blue-deep) !important;
  border-color: var(--hacd-blue-deep);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn-ghost {
  background: transparent;
  color: var(--hacd-navy-text) !important;
  border-color: var(--hacd-line-strong);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn-ghost:hover {
  background: var(--hacd-warm);
  border-color: var(--hacd-blue);
  color: var(--hacd-blue-deep) !important;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-btn-large {
  padding: 10px 16px;
  font-size: 13.5px;
}

/* ---------- Chips ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-chip-row {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-chip {
  background: #fff;
  color: var(--hacd-blue-deep);
  border: 1px solid var(--hacd-line-blue);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 4px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  background: var(--hacd-card-tint);
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-sm);
  font-size: 11.8px;
  line-height: 1.25;
  min-width: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list li > span:first-child { color: var(--hacd-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list li > span:nth-child(2) {
  color: var(--hacd-blue-deep);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list li > span:nth-child(2) a { color: var(--hacd-blue); font-weight: 700; }

.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-side .hl-hacd-muted {
  font-size: 10.8px;
  margin: 6px 0 0;
}

/* ---------- Quick Answer ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickanswer {
  background: var(--hacd-cyan);
  border-color: var(--hacd-line-blue);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickanswer p {
  margin: 0;
  font-size: 13.2px;
  color: var(--hacd-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-cell {
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 8px 10px;
  min-width: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--hacd-blue);
  margin-bottom: 2px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--hacd-navy-text);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-cards,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 5px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--hacd-blue);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-mini-card strong { color: var(--hacd-navy-text); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--hacd-line);
  border-radius: var(--hacd-radius-md);
  background: #fff;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.7px;
  margin: 0;
  background: #fff;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-table th {
  background: var(--hacd-blue);
  color: #fff;
  text-align: left;
  padding: 7px 9px;
  font-weight: 700;
  font-size: 12.2px;
  letter-spacing: 0.01em;
  border-bottom: 2px solid var(--hacd-blue-deep);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-compare th {
  background: var(--hacd-blue-deep);
  border-bottom: 2px solid var(--hacd-navy-text);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-table th a {
  color: #fff !important;
  text-decoration: underline;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--hacd-line);
  vertical-align: top;
  color: var(--hacd-ink);
  font-size: 12.5px;
  line-height: 1.4;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-table tr:nth-child(even) td { background: #F8FBFD; }

.hl-prod-high-airflow-carpet-dryer .hl-hacd-table tr.hl-hacd-row-self td {
  background: var(--hacd-amber-tint);
  border-left: 3px solid var(--hacd-amber);
  font-weight: 600;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--hacd-ink);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-bullets li::before {
  content: "•";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--hacd-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal-for section: warm warning tint */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-not-ideal {
  background: var(--hacd-warn-tint);
  border-color: var(--hacd-line-strong);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-not-ideal .hl-hacd-bullets li::before {
  color: var(--hacd-amber);
}

/* ---------- Power & access split ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-split-col {
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 11px;
  min-width: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-split-col h4,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-split-col h4.hl-hacd-h3 {
  font-size: 14px;
  font-weight: 800;
  color: var(--hacd-blue-deep);
  margin: 0 0 5px;
}

/* ---------- Safety list ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list li .hl-hacd-mini-tick { background: var(--hacd-blue-deep); }

/* ---------- Mistakes ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list li {
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-left: 3px solid var(--hacd-amber);
  border-radius: var(--hacd-radius-md);
  padding: 9px 12px;
  font-size: 12.8px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list li strong { color: var(--hacd-navy-text); display: block; }
.hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list li span { color: var(--hacd-blue-soft); font-size: 12.5px; }

/* ---------- Booking brief / Cost factors ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-booking-brief {
  background: linear-gradient(135deg, var(--hacd-cyan) 0%, var(--hacd-warm) 100%);
  border-color: var(--hacd-line-blue);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 7px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list li {
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.5px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--hacd-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(63, 126, 166, 0.3);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-icon {
  font-size: 14px;
  line-height: 1.2;
  align-self: start;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list li strong { color: var(--hacd-navy-text); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-related .hl-hacd-cards { margin-top: 4px; }

.hl-prod-high-airflow-carpet-dryer .hl-hacd-related-card {
  display: block;
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--hacd-ink) !important;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--hacd-blue);
  box-shadow: var(--hacd-shadow-md);
  text-decoration: none !important;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-related-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--hacd-amber-deep);
  margin-bottom: 3px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-related-title {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--hacd-navy-text);
  margin-bottom: 3px;
  line-height: 1.3;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-related-blurb {
  font-size: 12px;
  color: var(--hacd-blue-soft);
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq details {
  background: #fff;
  border: 1px solid var(--hacd-line-blue);
  border-radius: var(--hacd-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq details[open] {
  border-color: var(--hacd-blue);
  box-shadow: var(--hacd-shadow-sm);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq summary {
  cursor: pointer;
  padding: 9px 32px 9px 12px;
  font-weight: 700;
  font-size: 13px;
  color: var(--hacd-navy-text);
  list-style: none;
  position: relative;
  line-height: 1.4;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq summary::-webkit-details-marker { display: none; }

.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--hacd-blue);
  transition: transform 0.15s ease;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq details[open] summary::after {
  content: "−";
  color: var(--hacd-amber);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq details p {
  padding: 0 12px 10px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.5;
  color: var(--hacd-ink);
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-faq details p a { color: var(--hacd-blue); font-weight: 600; }

/* ---------- Final CTA (light, fresh) ---------- */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-final-cta {
  background: linear-gradient(135deg, #FFFFFF 0%, var(--hacd-card-tint) 50%, var(--hacd-cyan) 100%);
  border: 1px solid var(--hacd-line-blue);
  border-top: 3px solid var(--hacd-blue);
  text-align: center;
  padding: 16px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-final-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--hacd-navy-text);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-final-lede {
  font-size: 13px;
  color: var(--hacd-ink);
  margin: 0 auto 10px;
  line-height: 1.5;
  max-width: 640px;
}

.hl-prod-high-airflow-carpet-dryer .hl-hacd-cta-row-final { justify-content: center; }

.hl-prod-high-airflow-carpet-dryer .hl-hacd-final-note {
  font-size: 11.5px;
  color: var(--hacd-blue-soft);
  margin: 9px 0 0;
}

/* =============================================================================
   wpautop guards — preventive, baked in from day one.
   Hide BR and empty P elements that WordPress wpautop may inject between
   the children of grid containers.
   Comments use plain words so the WP customizer "illegal markup" sanitiser
   does not reject the CSS on save.
   ============================================================================= */
.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-grid > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-grid > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-cta-row > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-cta-row > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-chip-row > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-chip-row > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list li > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-quickpick-list li > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-grid > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-grid > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-cards > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-cards > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-choice-cards > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-choice-cards > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-mini-card > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-mini-card > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-table-wrap > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-table-wrap > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-split > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-split > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list li > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list li > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list li > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list > p,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list li > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-bullets > br,
.hl-prod-high-airflow-carpet-dryer .hl-hacd-bullets > p {
  display: none !important;
}

/* =============================================================================
   Tablet — 640px and up
   ============================================================================= */
@media (min-width: 640px) {
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-cards,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-related .hl-hacd-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* =============================================================================
   Side-panel breakpoint at 760px
   ============================================================================= */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }
}

/* =============================================================================
   Desktop — 920px and up
   ============================================================================= */
@media (min-width: 920px) {
  .hl-prod-high-airflow-carpet-dryer { font-size: 14px; }

  .hl-prod-high-airflow-carpet-dryer .hl-hacd-h2 { font-size: 21px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-h3 { font-size: 16px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-final-title { font-size: 19px; }

  .hl-prod-high-airflow-carpet-dryer .hl-hacd-section { padding: 14px 16px; margin: 11px 0; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-hero { padding: 18px 20px; }

  .hl-prod-high-airflow-carpet-dryer .hl-hacd-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
    gap: 16px;
  }

  .hl-prod-high-airflow-carpet-dryer .hl-hacd-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-choice-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-split { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-related .hl-hacd-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  /* Row-symmetry locks for cleaner desktop rows */
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-cards,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-choice-cards,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-grid,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-split,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list { align-items: stretch; }

  .hl-prod-high-airflow-carpet-dryer .hl-hacd-mini-card,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-glance-cell,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-split-col,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-safety-list li,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-mistakes-list li,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-brief-list li,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-related-card { height: 100%; }

  .hl-prod-high-airflow-carpet-dryer .hl-hacd-table { font-size: 13px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-table th { padding: 8px 10px; font-size: 12.5px; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-table td { padding: 8px 10px; font-size: 12.8px; }
}

/* =============================================================================
   Print-friendly fallback
   ============================================================================= */
@media print {
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-section,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-hero,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-hero,
  .hl-prod-high-airflow-carpet-dryer .hl-hacd-final-cta { border-top-color: var(--hacd-blue); }
}


/* === Hireload Air Mover Floor Dryer Product CSS — appended === */
/* =============================================================================
   Hireload — Air Mover Floor Dryer (240V Floor Drying Fan)
   v2 — light warm/blue gradient design (matches Drying & Heating parent style)
   Scoped CSS — every rule lives under .hl-prod-air-mover-floor-dryer.
   No body / html / :root / global selectors.
   Soft cream/warm hero gradient · copper primary CTA · dark navy table headers.
   Built-in wpautop guards (BR + empty P) from day one.
   NOTE: All comments use plain words, never literal HTML tag syntax,
   so the WP customizer "illegal markup" sanitiser does not reject the CSS.
   ============================================================================= */

.hl-prod-air-mover-floor-dryer {
  --fldr-ink: #17202A;
  --fldr-navy: #1E2B38;
  --fldr-deep-navy: #14202B;
  --fldr-steel: #2F5D7C;
  --fldr-blue: #3F7EA6;
  --fldr-soft-blue: #EAF6FA;
  --fldr-pale: #F4FAFD;
  --fldr-warm: #FBF9F4;
  --fldr-cream: #F6F1E8;
  --fldr-warm-end: #F3E7D7;
  --fldr-border: #DDD5CA;
  --fldr-blue-border: #C9DEE9;
  --fldr-copper: #C47A3A;
  --fldr-copper-dark: #9A6238;
  --fldr-amber-tint: #FFF2E6;
  --fldr-warn-tint: #FBE8E1;
  --fldr-radius-sm: 6px;
  --fldr-radius-md: 8px;
  --fldr-radius-lg: 10px;
  --fldr-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.04);
  --fldr-shadow-md: 0 1px 2px rgba(20, 32, 43, 0.05), 0 4px 12px rgba(20, 32, 43, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--fldr-ink);
  line-height: 1.5;
  font-size: 14px;
}

.hl-prod-air-mover-floor-dryer * { box-sizing: border-box; }

/* ---------- Sections (mostly white) ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-section {
  background: #FFFFFF;
  border: 1px solid var(--fldr-border);
  border-radius: var(--fldr-radius-lg);
  padding: 13px 15px;
  margin: 10px 0;
  box-shadow: var(--fldr-shadow-sm);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-h2 {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--fldr-deep-navy);
  margin: 2px 0 8px;
  letter-spacing: -0.005em;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-h3 {
  font-size: 15.5px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--fldr-deep-navy);
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.003em;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fldr-deep-navy);
  background: #FFFFFF;
  padding: 4px 10px;
  border: 1px solid var(--fldr-blue-border);
  border-radius: 999px;
  margin-bottom: 8px;
  box-shadow: var(--fldr-shadow-sm);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-side-eyebrow {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fldr-steel);
  background: var(--fldr-soft-blue);
  padding: 1px 7px;
  border-radius: 999px;
  margin-bottom: 5px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-lede {
  font-size: 13.5px;
  color: var(--fldr-ink);
  margin: 0 0 9px;
  line-height: 1.55;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-muted {
  font-size: 12.2px;
  color: #6F8A9D;
  margin: 0 0 7px;
}

.hl-prod-air-mover-floor-dryer p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.5; }
.hl-prod-air-mover-floor-dryer a { color: var(--fldr-blue); text-decoration: none; font-weight: 600; }
.hl-prod-air-mover-floor-dryer a:hover { color: var(--fldr-copper-dark); text-decoration: underline; }

/* ---------- Hero (soft light warm/blue gradient) ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-hero {
  background: linear-gradient(135deg, #F7FBFC 0%, #FBF9F4 48%, #F3E7D7 100%);
  border: 1px solid var(--fldr-border);
  border-top: 3px solid var(--fldr-copper);
  padding: 15px 17px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-hero .hl-fldr-h2 { color: var(--fldr-deep-navy); }
.hl-prod-air-mover-floor-dryer .hl-fldr-hero .hl-fldr-lede { color: var(--fldr-ink); }
.hl-prod-air-mover-floor-dryer .hl-fldr-hero a { color: var(--fldr-copper-dark); }
.hl-prod-air-mover-floor-dryer .hl-fldr-hero a:hover { color: var(--fldr-copper); }

.hl-prod-air-mover-floor-dryer .hl-fldr-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-hero-side {
  background: #FFFFFF;
  color: var(--fldr-ink);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 11px 12px;
  box-shadow: var(--fldr-shadow-md);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-hero-side .hl-fldr-side-title {
  margin: 0 0 7px;
  font-size: 13px;
  font-weight: 800;
  color: var(--fldr-deep-navy);
  line-height: 1.3;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-hero-side .hl-fldr-muted {
  color: #6F8A9D;
  font-size: 10.8px;
  margin: 7px 0 0;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0 10px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn:hover {
  transform: translateY(-1px);
  text-decoration: none !important;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn-primary {
  background: var(--fldr-copper);
  color: #FFFFFF !important;
  border-color: var(--fldr-copper);
  box-shadow: 0 1px 2px rgba(154, 98, 56, 0.30);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn-primary:hover {
  background: var(--fldr-copper-dark);
  border-color: var(--fldr-copper-dark);
  color: #FFFFFF !important;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn-secondary {
  background: #FFFFFF;
  color: var(--fldr-deep-navy) !important;
  border-color: var(--fldr-border);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn-secondary:hover {
  background: var(--fldr-warm);
  color: var(--fldr-copper-dark) !important;
  border-color: var(--fldr-copper);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn-ghost {
  background: transparent;
  color: var(--fldr-deep-navy) !important;
  border-color: var(--fldr-border);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn-ghost:hover {
  background: var(--fldr-warm);
  border-color: var(--fldr-copper);
  color: var(--fldr-copper-dark) !important;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-btn-large {
  padding: 10px 16px;
  font-size: 13.5px;
}

/* ---------- Chips (white / pale-blue, soft borders) ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-chip-row {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-chip {
  background: #FFFFFF;
  color: var(--fldr-deep-navy);
  border: 1px solid var(--fldr-blue-border);
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--fldr-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 4px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-sm);
  font-size: 11.8px;
  line-height: 1.25;
  min-width: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list li > span:first-child { color: var(--fldr-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list li > span:nth-child(2) {
  color: var(--fldr-steel);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list li > span:nth-child(2) a { color: var(--fldr-blue); font-weight: 700; }

/* ---------- Quick Answer (pale blue box) ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-quickanswer {
  background: var(--fldr-soft-blue);
  border: 1px solid var(--fldr-blue-border);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-quickanswer p {
  margin: 0;
  font-size: 13.2px;
  color: var(--fldr-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-glance-cell {
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 8px 10px;
  min-width: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-glance-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fldr-blue);
  margin-bottom: 2px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-glance-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--fldr-deep-navy);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-cards,
.hl-prod-air-mover-floor-dryer .hl-fldr-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 5px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--fldr-steel);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-mini-card strong { color: var(--fldr-deep-navy); font-weight: 700; }

/* ---------- Tables (dark navy headers) ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--fldr-border);
  border-radius: var(--fldr-radius-md);
  background: #fff;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.7px;
  margin: 0;
  background: #fff;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-table th {
  background: var(--fldr-navy);
  color: #fff;
  text-align: left;
  padding: 8px 10px;
  font-weight: 700;
  font-size: 12.2px;
  letter-spacing: 0.01em;
  border-bottom: 2px solid var(--fldr-deep-navy);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-compare th {
  background: var(--fldr-deep-navy);
  border-bottom: 2px solid #0B1822;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-table th a {
  color: #fff !important;
  text-decoration: underline;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--fldr-border);
  vertical-align: top;
  color: var(--fldr-ink);
  font-size: 12.5px;
  line-height: 1.4;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-table tr:nth-child(even) td { background: var(--fldr-pale); }

.hl-prod-air-mover-floor-dryer .hl-fldr-table tr.hl-fldr-row-self td {
  background: var(--fldr-amber-tint);
  border-left: 3px solid var(--fldr-copper);
  font-weight: 600;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--fldr-ink);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-bullets li::before {
  content: "•";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--fldr-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal-for section: warm warning tint */
.hl-prod-air-mover-floor-dryer .hl-fldr-not-ideal {
  background: var(--fldr-warn-tint);
  border-color: var(--fldr-border);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-not-ideal .hl-fldr-bullets li {
  background: #FFFFFF;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-not-ideal .hl-fldr-bullets li::before {
  color: var(--fldr-copper);
}

/* ---------- Power & access split ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-split-col {
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 11px;
  min-width: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-split-col h4,
.hl-prod-air-mover-floor-dryer .hl-fldr-split-col h4.hl-fldr-h3 {
  font-size: 14px;
  font-weight: 800;
  color: var(--fldr-steel);
  margin: 0 0 5px;
}

/* ---------- Safety list ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list li .hl-fldr-mini-tick { background: var(--fldr-deep-navy); }

/* ---------- Mistakes ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list li {
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-left: 3px solid var(--fldr-copper);
  border-radius: var(--fldr-radius-md);
  padding: 9px 12px;
  font-size: 12.8px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list li strong { color: var(--fldr-deep-navy); display: block; }
.hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list li span { color: #6F8A9D; font-size: 12.5px; }

/* ---------- Booking brief / Cost factors ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-booking-brief {
  background: linear-gradient(135deg, var(--fldr-soft-blue) 0%, var(--fldr-warm) 100%);
  border-color: var(--fldr-blue-border);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 7px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.5px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--fldr-copper);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(154, 98, 56, 0.30);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-brief-icon {
  font-size: 14px;
  line-height: 1.2;
  align-self: start;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list li strong { color: var(--fldr-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-related .hl-fldr-cards { margin-top: 4px; }

.hl-prod-air-mover-floor-dryer .hl-fldr-related-card {
  display: block;
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--fldr-ink) !important;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--fldr-copper);
  box-shadow: var(--fldr-shadow-md);
  text-decoration: none !important;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-related-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fldr-copper-dark);
  margin-bottom: 3px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-related-title {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--fldr-deep-navy);
  margin-bottom: 3px;
  line-height: 1.3;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-related-blurb {
  font-size: 12px;
  color: #6F8A9D;
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-faq details {
  background: var(--fldr-pale);
  border: 1px solid var(--fldr-blue-border);
  border-radius: var(--fldr-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-faq details[open] {
  border-color: var(--fldr-copper);
  background: #FFFFFF;
  box-shadow: var(--fldr-shadow-sm);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-faq summary {
  cursor: pointer;
  padding: 9px 32px 9px 12px;
  font-weight: 700;
  font-size: 13px;
  color: var(--fldr-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-faq summary::-webkit-details-marker { display: none; }

.hl-prod-air-mover-floor-dryer .hl-fldr-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--fldr-blue);
  transition: transform 0.15s ease;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-faq details[open] summary::after {
  content: "−";
  color: var(--fldr-copper);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-faq details p {
  padding: 0 12px 10px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.5;
  color: var(--fldr-ink);
}

.hl-prod-air-mover-floor-dryer .hl-fldr-faq details p a { color: var(--fldr-blue); font-weight: 600; }

/* ---------- Final CTA (matches hero gradient) ---------- */
.hl-prod-air-mover-floor-dryer .hl-fldr-final-cta {
  background: linear-gradient(135deg, #F7FBFC 0%, #FBF9F4 48%, #F3E7D7 100%);
  border: 1px solid var(--fldr-border);
  border-top: 3px solid var(--fldr-copper);
  text-align: center;
  padding: 18px 16px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-final-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--fldr-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-final-lede {
  font-size: 13px;
  color: var(--fldr-ink);
  margin: 0 auto 10px;
  line-height: 1.55;
  max-width: 680px;
}

.hl-prod-air-mover-floor-dryer .hl-fldr-final-lede a { color: var(--fldr-copper-dark); font-weight: 600; }
.hl-prod-air-mover-floor-dryer .hl-fldr-final-lede a:hover { color: var(--fldr-copper); }

.hl-prod-air-mover-floor-dryer .hl-fldr-cta-row-final { justify-content: center; }

.hl-prod-air-mover-floor-dryer .hl-fldr-final-note {
  font-size: 11.5px;
  color: #6F8A9D;
  margin: 9px 0 0;
}

/* =============================================================================
   wpautop guards — preventive, baked in from day one.
   Hide BR and empty P elements that WordPress wpautop may inject between
   the children of grid containers.
   Comments use plain words so the WP customizer "illegal markup" sanitiser
   does not reject the CSS on save.
   ============================================================================= */
.hl-prod-air-mover-floor-dryer .hl-fldr-hero-grid > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-hero-grid > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-cta-row > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-cta-row > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-chip-row > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-chip-row > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list li > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-quickpick-list li > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-glance-grid > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-glance-grid > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-cards > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-cards > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-choice-cards > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-choice-cards > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-mini-card > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-mini-card > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-table-wrap > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-table-wrap > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-split > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-split > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list li > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-safety-list li > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list li > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list > p,
.hl-prod-air-mover-floor-dryer .hl-fldr-brief-list li > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-bullets > br,
.hl-prod-air-mover-floor-dryer .hl-fldr-bullets > p {
  display: none !important;
}

/* =============================================================================
   Tablet — 640px and up
   ============================================================================= */
@media (min-width: 640px) {
  .hl-prod-air-mover-floor-dryer .hl-fldr-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-floor-dryer .hl-fldr-cards,
  .hl-prod-air-mover-floor-dryer .hl-fldr-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-air-mover-floor-dryer .hl-fldr-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-floor-dryer .hl-fldr-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-floor-dryer .hl-fldr-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-related .hl-fldr-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* =============================================================================
   Side-panel breakpoint at 760px
   ============================================================================= */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-air-mover-floor-dryer .hl-fldr-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }
}

/* =============================================================================
   Desktop — 920px and up
   ============================================================================= */
@media (min-width: 920px) {
  .hl-prod-air-mover-floor-dryer { font-size: 14px; }

  .hl-prod-air-mover-floor-dryer .hl-fldr-h2 { font-size: 21px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-h3 { font-size: 16px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-final-title { font-size: 19px; }

  .hl-prod-air-mover-floor-dryer .hl-fldr-section { padding: 14px 16px; margin: 11px 0; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-hero { padding: 20px 22px; }

  .hl-prod-air-mover-floor-dryer .hl-fldr-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
    gap: 16px;
  }

  .hl-prod-air-mover-floor-dryer .hl-fldr-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-choice-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-split { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-safety-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-air-mover-floor-dryer .hl-fldr-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-related .hl-fldr-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  /* Row-symmetry locks for cleaner desktop rows */
  .hl-prod-air-mover-floor-dryer .hl-fldr-cards,
  .hl-prod-air-mover-floor-dryer .hl-fldr-choice-cards,
  .hl-prod-air-mover-floor-dryer .hl-fldr-glance-grid,
  .hl-prod-air-mover-floor-dryer .hl-fldr-split,
  .hl-prod-air-mover-floor-dryer .hl-fldr-safety-list,
  .hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list,
  .hl-prod-air-mover-floor-dryer .hl-fldr-brief-list { align-items: stretch; }

  .hl-prod-air-mover-floor-dryer .hl-fldr-mini-card,
  .hl-prod-air-mover-floor-dryer .hl-fldr-glance-cell,
  .hl-prod-air-mover-floor-dryer .hl-fldr-split-col,
  .hl-prod-air-mover-floor-dryer .hl-fldr-safety-list li,
  .hl-prod-air-mover-floor-dryer .hl-fldr-mistakes-list li,
  .hl-prod-air-mover-floor-dryer .hl-fldr-brief-list li,
  .hl-prod-air-mover-floor-dryer .hl-fldr-related-card { height: 100%; }

  .hl-prod-air-mover-floor-dryer .hl-fldr-table { font-size: 13px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-table th { padding: 8px 10px; font-size: 12.5px; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-table td { padding: 8px 10px; font-size: 12.8px; }
}

/* =============================================================================
   Print-friendly fallback
   ============================================================================= */
@media print {
  .hl-prod-air-mover-floor-dryer .hl-fldr-section,
  .hl-prod-air-mover-floor-dryer .hl-fldr-hero,
  .hl-prod-air-mover-floor-dryer .hl-fldr-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-air-mover-floor-dryer .hl-fldr-hero,
  .hl-prod-air-mover-floor-dryer .hl-fldr-final-cta { border-top-color: var(--fldr-copper); }
}


/* === Hireload Low Profile Air Mover Carpet Dryer Product CSS — appended === */
/* =============================================================================
   Hireload — Low Profile Air Mover Carpet Dryer (240V Drying Fan / Velo)
   Light warm/blue gradient design (matches Drying & Heating parent style)
   Scoped CSS — every rule lives under .hl-prod-low-profile-air-mover-carpet-dryer.
   No body / html / :root / global selectors.
   Soft cream/warm hero gradient · copper primary CTA · dark navy table headers.
   Built-in wpautop guards (BR + empty P) from day one.
   NOTE: All comments use plain words, never literal HTML tag syntax,
   so the WP customizer "illegal markup" sanitiser does not reject the CSS.
   ============================================================================= */

.hl-prod-low-profile-air-mover-carpet-dryer {
  --lpacd-ink: #17202A;
  --lpacd-navy: #1E2B38;
  --lpacd-deep-navy: #14202B;
  --lpacd-steel: #2F5D7C;
  --lpacd-blue: #3F7EA6;
  --lpacd-soft-blue: #EAF6FA;
  --lpacd-pale: #F4FAFD;
  --lpacd-warm: #FBF9F4;
  --lpacd-cream: #F6F1E8;
  --lpacd-warm-end: #F3E7D7;
  --lpacd-border: #DDD5CA;
  --lpacd-blue-border: #C9DEE9;
  --lpacd-copper: #C47A3A;
  --lpacd-copper-dark: #9A6238;
  --lpacd-amber-tint: #FFF2E6;
  --lpacd-warn-tint: #FBE8E1;
  --lpacd-radius-sm: 6px;
  --lpacd-radius-md: 8px;
  --lpacd-radius-lg: 10px;
  --lpacd-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.04);
  --lpacd-shadow-md: 0 1px 2px rgba(20, 32, 43, 0.05), 0 4px 12px rgba(20, 32, 43, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--lpacd-ink);
  line-height: 1.5;
  font-size: 14px;
}

.hl-prod-low-profile-air-mover-carpet-dryer * { box-sizing: border-box; }

/* ---------- Sections (mostly white) ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-section {
  background: #FFFFFF;
  border: 1px solid var(--lpacd-border);
  border-radius: var(--lpacd-radius-lg);
  padding: 13px 15px;
  margin: 10px 0;
  box-shadow: var(--lpacd-shadow-sm);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-h2 {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--lpacd-deep-navy);
  margin: 2px 0 8px;
  letter-spacing: -0.005em;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-h3 {
  font-size: 15.5px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--lpacd-deep-navy);
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.003em;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--lpacd-deep-navy);
  background: #FFFFFF;
  padding: 4px 10px;
  border: 1px solid var(--lpacd-blue-border);
  border-radius: 999px;
  margin-bottom: 8px;
  box-shadow: var(--lpacd-shadow-sm);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-side-eyebrow {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--lpacd-steel);
  background: var(--lpacd-soft-blue);
  padding: 1px 7px;
  border-radius: 999px;
  margin-bottom: 5px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-lede {
  font-size: 13.5px;
  color: var(--lpacd-ink);
  margin: 0 0 9px;
  line-height: 1.55;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-muted {
  font-size: 12.2px;
  color: #6F8A9D;
  margin: 0 0 7px;
}

.hl-prod-low-profile-air-mover-carpet-dryer p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.5; }
.hl-prod-low-profile-air-mover-carpet-dryer a { color: var(--lpacd-blue); text-decoration: none; font-weight: 600; }
.hl-prod-low-profile-air-mover-carpet-dryer a:hover { color: var(--lpacd-copper-dark); text-decoration: underline; }

/* ---------- Hero (soft light warm/blue gradient) ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero {
  background: linear-gradient(135deg, #F7FBFC 0%, #FBF9F4 48%, #F3E7D7 100%);
  border: 1px solid var(--lpacd-border);
  border-top: 3px solid var(--lpacd-copper);
  padding: 15px 17px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero .hl-lpacd-h2 { color: var(--lpacd-deep-navy); }
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero .hl-lpacd-lede { color: var(--lpacd-ink); }
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero a { color: var(--lpacd-copper-dark); }
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero a:hover { color: var(--lpacd-copper); }

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-side {
  background: #FFFFFF;
  color: var(--lpacd-ink);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 11px 12px;
  box-shadow: var(--lpacd-shadow-md);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-side .hl-lpacd-side-title {
  margin: 0 0 7px;
  font-size: 13px;
  font-weight: 800;
  color: var(--lpacd-deep-navy);
  line-height: 1.3;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-side .hl-lpacd-muted {
  color: #6F8A9D;
  font-size: 10.8px;
  margin: 7px 0 0;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0 10px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn:hover {
  transform: translateY(-1px);
  text-decoration: none !important;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn-primary {
  background: var(--lpacd-copper);
  color: #FFFFFF !important;
  border-color: var(--lpacd-copper);
  box-shadow: 0 1px 2px rgba(154, 98, 56, 0.30);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn-primary:hover {
  background: var(--lpacd-copper-dark);
  border-color: var(--lpacd-copper-dark);
  color: #FFFFFF !important;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn-secondary {
  background: #FFFFFF;
  color: var(--lpacd-deep-navy) !important;
  border-color: var(--lpacd-border);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn-secondary:hover {
  background: var(--lpacd-warm);
  color: var(--lpacd-copper-dark) !important;
  border-color: var(--lpacd-copper);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn-ghost {
  background: transparent;
  color: var(--lpacd-deep-navy) !important;
  border-color: var(--lpacd-border);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn-ghost:hover {
  background: var(--lpacd-warm);
  border-color: var(--lpacd-copper);
  color: var(--lpacd-copper-dark) !important;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-btn-large {
  padding: 10px 16px;
  font-size: 13.5px;
}

/* ---------- Chips (white / pale-blue, soft borders) ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-chip-row {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-chip {
  background: #FFFFFF;
  color: var(--lpacd-deep-navy);
  border: 1px solid var(--lpacd-blue-border);
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--lpacd-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 4px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-sm);
  font-size: 11.8px;
  line-height: 1.25;
  min-width: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list li > span:first-child { color: var(--lpacd-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list li > span:nth-child(2) {
  color: var(--lpacd-steel);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list li > span:nth-child(2) a { color: var(--lpacd-blue); font-weight: 700; }

/* ---------- Quick Answer (pale blue box) ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickanswer {
  background: var(--lpacd-soft-blue);
  border: 1px solid var(--lpacd-blue-border);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickanswer p {
  margin: 0;
  font-size: 13.2px;
  color: var(--lpacd-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-cell {
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 8px 10px;
  min-width: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--lpacd-blue);
  margin-bottom: 2px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--lpacd-deep-navy);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cards,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 5px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-icon {
  font-size: 16px;
  line-height: 1.1;
  align-self: start;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--lpacd-steel);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-card strong { color: var(--lpacd-deep-navy); font-weight: 700; }

/* ---------- Tables (dark navy headers) ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--lpacd-border);
  border-radius: var(--lpacd-radius-md);
  background: #fff;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.7px;
  margin: 0;
  background: #fff;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table th {
  background: var(--lpacd-navy);
  color: #fff;
  text-align: left;
  padding: 8px 10px;
  font-weight: 700;
  font-size: 12.2px;
  letter-spacing: 0.01em;
  border-bottom: 2px solid var(--lpacd-deep-navy);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-compare th {
  background: var(--lpacd-deep-navy);
  border-bottom: 2px solid #0B1822;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-th-self {
  background: linear-gradient(135deg, var(--lpacd-deep-navy) 0%, #2A4358 100%) !important;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table th a {
  color: #fff !important;
  text-decoration: underline;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--lpacd-border);
  vertical-align: top;
  color: var(--lpacd-ink);
  font-size: 12.5px;
  line-height: 1.4;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table tr:nth-child(even) td { background: var(--lpacd-pale); }

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table tr.hl-lpacd-row-self td {
  background: var(--lpacd-amber-tint);
  border-left: 3px solid var(--lpacd-copper);
  font-weight: 600;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--lpacd-ink);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-bullets li::before {
  content: "•";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--lpacd-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal-for section: warm warning tint */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-not-ideal {
  background: var(--lpacd-warn-tint);
  border-color: var(--lpacd-border);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-not-ideal .hl-lpacd-bullets li {
  background: #FFFFFF;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-not-ideal .hl-lpacd-bullets li::before {
  color: var(--lpacd-copper);
}

/* ---------- Power & access split ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split-col {
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 11px;
  min-width: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split-col h4,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split-col h4.hl-lpacd-h3 {
  font-size: 14px;
  font-weight: 800;
  color: var(--lpacd-steel);
  margin: 0 0 5px;
}

/* ---------- Safety list ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list li .hl-lpacd-mini-tick { background: var(--lpacd-deep-navy); }

/* ---------- Mistakes ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list li {
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-left: 3px solid var(--lpacd-copper);
  border-radius: var(--lpacd-radius-md);
  padding: 9px 12px;
  font-size: 12.8px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list li strong { color: var(--lpacd-deep-navy); display: block; }
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list li span { color: #6F8A9D; font-size: 12.5px; }

/* ---------- Booking brief / Cost factors ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-booking-brief {
  background: linear-gradient(135deg, var(--lpacd-soft-blue) 0%, var(--lpacd-warm) 100%);
  border-color: var(--lpacd-blue-border);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 7px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.5px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--lpacd-copper);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(154, 98, 56, 0.30);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-icon {
  font-size: 14px;
  line-height: 1.2;
  align-self: start;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list li strong { color: var(--lpacd-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related .hl-lpacd-cards { margin-top: 4px; }

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related-card {
  display: block;
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--lpacd-ink) !important;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--lpacd-copper);
  box-shadow: var(--lpacd-shadow-md);
  text-decoration: none !important;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--lpacd-copper-dark);
  margin-bottom: 3px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related-title {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--lpacd-deep-navy);
  margin-bottom: 3px;
  line-height: 1.3;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related-blurb {
  font-size: 12px;
  color: #6F8A9D;
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq details {
  background: var(--lpacd-pale);
  border: 1px solid var(--lpacd-blue-border);
  border-radius: var(--lpacd-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq details[open] {
  border-color: var(--lpacd-copper);
  background: #FFFFFF;
  box-shadow: var(--lpacd-shadow-sm);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq summary {
  cursor: pointer;
  padding: 9px 32px 9px 12px;
  font-weight: 700;
  font-size: 13px;
  color: var(--lpacd-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq summary::-webkit-details-marker { display: none; }

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--lpacd-blue);
  transition: transform 0.15s ease;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq details[open] summary::after {
  content: "−";
  color: var(--lpacd-copper);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq details p {
  padding: 0 12px 10px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.5;
  color: var(--lpacd-ink);
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-faq details p a { color: var(--lpacd-blue); font-weight: 600; }

/* ---------- Final CTA (matches hero gradient) ---------- */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-cta {
  background: linear-gradient(135deg, #F7FBFC 0%, #FBF9F4 48%, #F3E7D7 100%);
  border: 1px solid var(--lpacd-border);
  border-top: 3px solid var(--lpacd-copper);
  text-align: center;
  padding: 18px 16px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--lpacd-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-lede {
  font-size: 13px;
  color: var(--lpacd-ink);
  margin: 0 auto 10px;
  line-height: 1.55;
  max-width: 680px;
}

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-lede a { color: var(--lpacd-copper-dark); font-weight: 600; }
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-lede a:hover { color: var(--lpacd-copper); }

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cta-row-final { justify-content: center; }

.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-note {
  font-size: 11.5px;
  color: #6F8A9D;
  margin: 9px 0 0;
}

/* =============================================================================
   wpautop guards — preventive, baked in from day one.
   Hide BR and empty P elements that WordPress wpautop may inject between
   the children of grid containers.
   Comments use plain words so the WP customizer "illegal markup" sanitiser
   does not reject the CSS on save.
   ============================================================================= */
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-grid > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-grid > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cta-row > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cta-row > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-chip-row > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-chip-row > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list li > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-quickpick-list li > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-grid > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-grid > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cards > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cards > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-choice-cards > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-choice-cards > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-card > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-card > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table-wrap > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table-wrap > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list li > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list li > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list li > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list > p,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list li > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-bullets > br,
.hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-bullets > p {
  display: none !important;
}

/* =============================================================================
   Tablet — 640px and up
   ============================================================================= */
@media (min-width: 640px) {
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cards,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related .hl-lpacd-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* =============================================================================
   Side-panel breakpoint at 760px
   ============================================================================= */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }
}

/* =============================================================================
   Desktop — 920px and up
   ============================================================================= */
@media (min-width: 920px) {
  .hl-prod-low-profile-air-mover-carpet-dryer { font-size: 14px; }

  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-h2 { font-size: 21px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-h3 { font-size: 16px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-title { font-size: 19px; }

  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-section { padding: 14px 16px; margin: 11px 0; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero { padding: 20px 22px; }

  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
    gap: 16px;
  }

  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-choice-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related .hl-lpacd-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  /* Row-symmetry locks for cleaner desktop rows */
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-cards,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-choice-cards,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-grid,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list { align-items: stretch; }

  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mini-card,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-glance-cell,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-split-col,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-safety-list li,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-mistakes-list li,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-brief-list li,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-related-card { height: 100%; }

  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table { font-size: 13px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table th { padding: 8px 10px; font-size: 12.5px; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-table td { padding: 8px 10px; font-size: 12.8px; }
}

/* =============================================================================
   Print-friendly fallback
   ============================================================================= */
@media print {
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-section,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-hero,
  .hl-prod-low-profile-air-mover-carpet-dryer .hl-lpacd-final-cta { border-top-color: var(--lpacd-copper); }
}


/* === Hireload Vacmaster Air Mover 240V Product CSS — appended === */
/* =============================================================================
   Hireload — Vacmaster Air Mover 240V (AM1202)
   Light warm/blue gradient design (matches latest Hireload dryer page system)
   Scoped CSS — every rule lives under .hl-prod-vacmaster-air-mover-240v.
   No body / html / :root / global selectors.
   Soft cream/warm hero gradient · copper primary CTA · dark navy table headers.
   Built-in wpautop guards (BR + empty P) from day one.
   NOTE: All comments use plain words, never literal HTML tag syntax,
   so the WP customizer "illegal markup" sanitiser does not reject the CSS.
   ============================================================================= */

.hl-prod-vacmaster-air-mover-240v {
  --vam-ink: #17202A;
  --vam-navy: #1E2B38;
  --vam-deep-navy: #14202B;
  --vam-steel: #2F5D7C;
  --vam-blue: #3F7EA6;
  --vam-soft-blue: #EAF6FA;
  --vam-pale: #F4FAFD;
  --vam-warm: #FBF9F4;
  --vam-cream: #F6F1E8;
  --vam-warm-end: #F3E7D7;
  --vam-border: #DDD5CA;
  --vam-blue-border: #C9DEE9;
  --vam-copper: #C47A3A;
  --vam-copper-dark: #9A6238;
  --vam-amber-tint: #FFF2E6;
  --vam-warn-tint: #FBE8E1;
  --vam-radius-sm: 6px;
  --vam-radius-md: 8px;
  --vam-radius-lg: 10px;
  --vam-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.04);
  --vam-shadow-md: 0 1px 2px rgba(20, 32, 43, 0.05), 0 4px 12px rgba(20, 32, 43, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--vam-ink);
  line-height: 1.5;
  font-size: 14px;
}

.hl-prod-vacmaster-air-mover-240v * { box-sizing: border-box; }

/* ---------- Sections (mostly white) ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-section {
  background: #FFFFFF;
  border: 1px solid var(--vam-border);
  border-radius: var(--vam-radius-lg);
  padding: 13px 15px;
  margin: 10px 0;
  box-shadow: var(--vam-shadow-sm);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-h2 {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--vam-deep-navy);
  margin: 2px 0 8px;
  letter-spacing: -0.005em;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-h3 {
  font-size: 15.5px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--vam-deep-navy);
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.003em;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--vam-deep-navy);
  background: #FFFFFF;
  padding: 4px 10px;
  border: 1px solid var(--vam-blue-border);
  border-radius: 999px;
  margin-bottom: 8px;
  box-shadow: var(--vam-shadow-sm);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-side-eyebrow {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--vam-steel);
  background: var(--vam-soft-blue);
  padding: 1px 7px;
  border-radius: 999px;
  margin-bottom: 5px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-lede {
  font-size: 13.5px;
  color: var(--vam-ink);
  margin: 0 0 9px;
  line-height: 1.55;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-muted {
  font-size: 12.2px;
  color: #6F8A9D;
  margin: 0 0 7px;
}

.hl-prod-vacmaster-air-mover-240v p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.5; }
.hl-prod-vacmaster-air-mover-240v a { color: var(--vam-blue); text-decoration: none; font-weight: 600; }
.hl-prod-vacmaster-air-mover-240v a:hover { color: var(--vam-copper-dark); text-decoration: underline; }

/* ---------- Hero (soft light warm/blue gradient) ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-hero {
  background: linear-gradient(135deg, #F7FBFC 0%, #FBF9F4 48%, #F3E7D7 100%);
  border: 1px solid var(--vam-border);
  border-top: 3px solid var(--vam-copper);
  padding: 15px 17px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-hero .hl-vam-h2 { color: var(--vam-deep-navy); }
.hl-prod-vacmaster-air-mover-240v .hl-vam-hero .hl-vam-lede { color: var(--vam-ink); }
.hl-prod-vacmaster-air-mover-240v .hl-vam-hero a { color: var(--vam-copper-dark); }
.hl-prod-vacmaster-air-mover-240v .hl-vam-hero a:hover { color: var(--vam-copper); }

.hl-prod-vacmaster-air-mover-240v .hl-vam-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-hero-side {
  background: #FFFFFF;
  color: var(--vam-ink);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 11px 12px;
  box-shadow: var(--vam-shadow-md);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-hero-side .hl-vam-side-title {
  margin: 0 0 7px;
  font-size: 13px;
  font-weight: 800;
  color: var(--vam-deep-navy);
  line-height: 1.3;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-hero-side .hl-vam-muted {
  color: #6F8A9D;
  font-size: 10.8px;
  margin: 7px 0 0;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0 10px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn:hover {
  transform: translateY(-1px);
  text-decoration: none !important;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn-primary {
  background: var(--vam-copper);
  color: #FFFFFF !important;
  border-color: var(--vam-copper);
  box-shadow: 0 1px 2px rgba(154, 98, 56, 0.30);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn-primary:hover {
  background: var(--vam-copper-dark);
  border-color: var(--vam-copper-dark);
  color: #FFFFFF !important;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn-secondary {
  background: #FFFFFF;
  color: var(--vam-deep-navy) !important;
  border-color: var(--vam-border);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn-secondary:hover {
  background: var(--vam-warm);
  color: var(--vam-copper-dark) !important;
  border-color: var(--vam-copper);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn-ghost {
  background: transparent;
  color: var(--vam-deep-navy) !important;
  border-color: var(--vam-border);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn-ghost:hover {
  background: var(--vam-warm);
  border-color: var(--vam-copper);
  color: var(--vam-copper-dark) !important;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-btn-large {
  padding: 10px 16px;
  font-size: 13.5px;
}

/* ---------- Chips ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-chip-row {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-chip {
  background: #FFFFFF;
  color: var(--vam-deep-navy);
  border: 1px solid var(--vam-blue-border);
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--vam-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
  display: grid;
  gap: 4px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-sm);
  font-size: 11.8px;
  line-height: 1.25;
  min-width: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list li > span:first-child { color: var(--vam-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list li > span:nth-child(2) {
  color: var(--vam-steel);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list li > span:nth-child(2) a { color: var(--vam-blue); font-weight: 700; }

/* ---------- Quick Answer ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickanswer {
  background: var(--vam-soft-blue);
  border: 1px solid var(--vam-blue-border);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-quickanswer p {
  margin: 0;
  font-size: 13.2px;
  color: var(--vam-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-glance-cell {
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 8px 10px;
  min-width: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-glance-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--vam-blue);
  margin-bottom: 2px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-glance-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--vam-deep-navy);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-cards,
.hl-prod-vacmaster-air-mover-240v .hl-vam-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 5px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-mini-icon {
  font-size: 16px;
  line-height: 1.1;
  align-self: start;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--vam-steel);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-mini-card strong { color: var(--vam-deep-navy); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--vam-border);
  border-radius: var(--vam-radius-md);
  background: #fff;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.7px;
  margin: 0;
  background: #fff;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table th {
  background: var(--vam-navy);
  color: #fff;
  text-align: left;
  padding: 8px 10px;
  font-weight: 700;
  font-size: 12.2px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--vam-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-compare th {
  background: var(--vam-deep-navy);
  border-bottom: 2px solid #0B1822;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-th-self {
  background: linear-gradient(135deg, var(--vam-deep-navy) 0%, #2A4358 100%) !important;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table th a {
  color: #fff !important;
  text-decoration: underline;
  font-size: inherit;
  letter-spacing: normal;
  white-space: normal;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--vam-border);
  vertical-align: top;
  color: var(--vam-ink);
  font-size: 12.5px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table td a {
  color: var(--vam-blue);
  font-weight: 600;
  font-size: inherit;
  letter-spacing: normal;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table td strong {
  font-weight: 700;
  color: var(--vam-deep-navy);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table tr:nth-child(even) td { background: var(--vam-pale); }

.hl-prod-vacmaster-air-mover-240v .hl-vam-table tr.hl-vam-row-self td {
  background: var(--vam-amber-tint);
  border-left: 3px solid var(--vam-copper);
  font-weight: 400;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table tr.hl-vam-row-self td strong {
  font-weight: 700;
  color: var(--vam-deep-navy);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--vam-ink);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-bullets li::before {
  content: "•";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--vam-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal-for section: warm warning tint */
.hl-prod-vacmaster-air-mover-240v .hl-vam-not-ideal {
  background: var(--vam-warn-tint);
  border-color: var(--vam-border);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-not-ideal .hl-vam-bullets li {
  background: #FFFFFF;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-not-ideal .hl-vam-bullets li::before {
  color: var(--vam-copper);
}

/* ---------- Split ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-split-col {
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 11px;
  min-width: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-split-col h4,
.hl-prod-vacmaster-air-mover-240v .hl-vam-split-col h4.hl-vam-h3 {
  font-size: 14px;
  font-weight: 800;
  color: var(--vam-steel);
  margin: 0 0 5px;
}

/* ---------- Safety list ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 9px 11px;
  font-size: 12.8px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list li .hl-vam-mini-tick { background: var(--vam-deep-navy); }

/* ---------- Mistakes ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list li {
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-left: 3px solid var(--vam-copper);
  border-radius: var(--vam-radius-md);
  padding: 9px 12px;
  font-size: 12.8px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list li strong { color: var(--vam-deep-navy); display: block; }
.hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list li span { color: #6F8A9D; font-size: 12.5px; }

/* ---------- Booking brief ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-booking-brief {
  background: linear-gradient(135deg, var(--vam-soft-blue) 0%, var(--vam-warm) 100%);
  border-color: var(--vam-blue-border);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 7px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.5px;
  line-height: 1.4;
  min-width: 0;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--vam-copper);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(154, 98, 56, 0.30);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-icon {
  font-size: 14px;
  line-height: 1.2;
  align-self: start;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list li strong { color: var(--vam-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-related .hl-vam-cards { margin-top: 4px; }

.hl-prod-vacmaster-air-mover-240v .hl-vam-related-card {
  display: block;
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--vam-ink) !important;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--vam-copper);
  box-shadow: var(--vam-shadow-md);
  text-decoration: none !important;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-related-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--vam-copper-dark);
  margin-bottom: 3px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-related-title {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--vam-deep-navy);
  margin-bottom: 3px;
  line-height: 1.3;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-related-blurb {
  font-size: 12px;
  color: #6F8A9D;
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-faq details {
  background: var(--vam-pale);
  border: 1px solid var(--vam-blue-border);
  border-radius: var(--vam-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-faq details[open] {
  border-color: var(--vam-copper);
  background: #FFFFFF;
  box-shadow: var(--vam-shadow-sm);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-faq summary {
  cursor: pointer;
  padding: 9px 32px 9px 12px;
  font-weight: 700;
  font-size: 13px;
  color: var(--vam-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-faq summary::-webkit-details-marker { display: none; }

.hl-prod-vacmaster-air-mover-240v .hl-vam-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--vam-blue);
  transition: transform 0.15s ease;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-faq details[open] summary::after {
  content: "−";
  color: var(--vam-copper);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-faq details p {
  padding: 0 12px 10px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.5;
  color: var(--vam-ink);
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-faq details p a { color: var(--vam-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-vacmaster-air-mover-240v .hl-vam-final-cta {
  background: linear-gradient(135deg, #F7FBFC 0%, #FBF9F4 48%, #F3E7D7 100%);
  border: 1px solid var(--vam-border);
  border-top: 3px solid var(--vam-copper);
  text-align: center;
  padding: 18px 16px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-final-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--vam-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-final-lede {
  font-size: 13px;
  color: var(--vam-ink);
  margin: 0 auto 10px;
  line-height: 1.55;
  max-width: 680px;
}

.hl-prod-vacmaster-air-mover-240v .hl-vam-final-lede a { color: var(--vam-copper-dark); font-weight: 600; }
.hl-prod-vacmaster-air-mover-240v .hl-vam-final-lede a:hover { color: var(--vam-copper); }

.hl-prod-vacmaster-air-mover-240v .hl-vam-cta-row-final { justify-content: center; }

.hl-prod-vacmaster-air-mover-240v .hl-vam-final-note {
  font-size: 11.5px;
  color: #6F8A9D;
  margin: 9px 0 0;
}

/* =============================================================================
   wpautop guards — preventive, baked in from day one.
   Hide BR and empty P elements that WordPress wpautop may inject between
   the children of grid containers.
   Comments use plain words so the WP customizer "illegal markup" sanitiser
   does not reject the CSS on save.
   ============================================================================= */
.hl-prod-vacmaster-air-mover-240v .hl-vam-hero-grid > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-hero-grid > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-cta-row > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-cta-row > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-chip-row > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-chip-row > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list li > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-quickpick-list li > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-glance-grid > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-glance-grid > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-cards > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-cards > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-choice-cards > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-choice-cards > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-mini-card > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-mini-card > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-table-wrap > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-table-wrap > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-split > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-split > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list li > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list li > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list li > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list > p,
.hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list li > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-bullets > br,
.hl-prod-vacmaster-air-mover-240v .hl-vam-bullets > p {
  display: none !important;
}

/* =============================================================================
   Tablet — 640px and up
   ============================================================================= */
@media (min-width: 640px) {
  .hl-prod-vacmaster-air-mover-240v .hl-vam-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-cards,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-related .hl-vam-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* =============================================================================
   Side-panel breakpoint at 760px
   ============================================================================= */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-vacmaster-air-mover-240v .hl-vam-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }
}

/* =============================================================================
   Desktop — 920px and up
   ============================================================================= */
@media (min-width: 920px) {
  .hl-prod-vacmaster-air-mover-240v { font-size: 14px; }

  .hl-prod-vacmaster-air-mover-240v .hl-vam-h2 { font-size: 21px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-h3 { font-size: 16px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-final-title { font-size: 19px; }

  .hl-prod-vacmaster-air-mover-240v .hl-vam-section { padding: 14px 16px; margin: 11px 0; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-hero { padding: 20px 22px; }

  .hl-prod-vacmaster-air-mover-240v .hl-vam-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
    gap: 16px;
  }

  .hl-prod-vacmaster-air-mover-240v .hl-vam-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-choice-cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 6px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-split { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-related .hl-vam-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  /* Row-symmetry locks */
  .hl-prod-vacmaster-air-mover-240v .hl-vam-cards,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-choice-cards,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-glance-grid,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-split,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list { align-items: stretch; }

  .hl-prod-vacmaster-air-mover-240v .hl-vam-mini-card,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-glance-cell,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-split-col,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-safety-list li,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-mistakes-list li,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-brief-list li,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-related-card { height: 100%; }

  .hl-prod-vacmaster-air-mover-240v .hl-vam-table { font-size: 13px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-table th { padding: 8px 10px; font-size: 12.5px; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-table td { padding: 8px 10px; font-size: 12.8px; }
}

/* =============================================================================
   Print-friendly fallback
   ============================================================================= */
@media print {
  .hl-prod-vacmaster-air-mover-240v .hl-vam-section,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-hero,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-vacmaster-air-mover-240v .hl-vam-hero,
  .hl-prod-vacmaster-air-mover-240v .hl-vam-final-cta { border-top-color: var(--vam-copper); }
}


/* === Hireload Dri-Eaz Vortex Axial Fan 110V Product CSS — appended === */
/* =============================================================================
   Hireload Dri-Eaz Vortex Axial Fan 110V Product CSS (v2)
   Root scope: .hl-prod-dri-eaz-vortex-axial-fan-110v
   Class prefix: hl-dvf-
   Palette: blue-led professional base with soft warm-yellow accent.
   ========================================================================== */

.hl-prod-dri-eaz-vortex-axial-fan-110v {
  /* Palette tokens */
  --dvf-ink: #17202A;
  --dvf-navy: #1E2B38;
  --dvf-deep-navy: #14202B;
  --dvf-steel: #2F5D7C;
  --dvf-soft-blue: #EAF6FA;
  --dvf-pale: #F4FAFD;
  --dvf-warm: #FBF9F4;
  --dvf-soft-cream: #FBF6E3;
  --dvf-soft-yellow: #F6E7A6;
  --dvf-yellow-glow: #FFF7D6;
  --dvf-border: #DDD5CA;
  --dvf-blue-border: #C9DEE9;
  --dvf-gold: #C8A23A;
  --dvf-gold-dark: #8F7222;
  --dvf-cta-blue: #2F5D7C;
  --dvf-cta-blue-dark: #244A63;

  --dvf-radius-sm: 8px;
  --dvf-radius-md: 10px;
  --dvf-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --dvf-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--dvf-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v *,
.hl-prod-dri-eaz-vortex-axial-fan-110v *::before,
.hl-prod-dri-eaz-vortex-axial-fan-110v *::after {
  box-sizing: border-box;
}

.hl-prod-dri-eaz-vortex-axial-fan-110v p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-dri-eaz-vortex-axial-fan-110v strong { font-weight: 700; color: var(--dvf-deep-navy); }
.hl-prod-dri-eaz-vortex-axial-fan-110v a { color: var(--dvf-cta-blue); text-decoration: none; }
.hl-prod-dri-eaz-vortex-axial-fan-110v a:hover { color: var(--dvf-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-h2 {
  font-size: 17px;
  font-weight: 800;
  color: var(--dvf-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--dvf-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-section {
  background: #FFFFFF;
  border: 1px solid var(--dvf-border);
  border-radius: var(--dvf-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--dvf-shadow-sm);
}

/* Decision section is pale blue (not yellow) */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-decision {
  background: var(--dvf-pale);
  border-color: var(--dvf-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero {
  background: linear-gradient(135deg, #F7FBFC 0%, #EEF7FA 38%, #FBF6E3 74%, #F6E7A6 100%);
  border: 1px solid var(--dvf-blue-border);
  border-top: 2px solid var(--dvf-gold);
  padding: 13px 15px;
  box-shadow: var(--dvf-shadow-md);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero .hl-dvf-h2 {
  font-size: 17px;
  margin: 0 0 6px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero .hl-dvf-lede {
  font-size: 13px;
  color: var(--dvf-ink);
  margin: 0 0 7px;
  line-height: 1.5;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero a { color: var(--dvf-cta-blue); }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero a:hover { color: var(--dvf-cta-blue-dark); }

.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-side {
  background: #FFFFFF;
  color: var(--dvf-ink);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 9px 11px;
  box-shadow: var(--dvf-shadow-sm);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-side .hl-dvf-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--dvf-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-side .hl-dvf-muted {
  color: #6F8A9D;
  font-size: 10.5px;
  margin: 6px 0 0;
  line-height: 1.4;
}

/* ---------- CTA Buttons ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 8px 0 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn-primary {
  background: var(--dvf-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--dvf-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn-primary:hover {
  background: var(--dvf-cta-blue-dark);
  border-color: var(--dvf-cta-blue-dark);
  color: #FFFFFF !important;
}

.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn-secondary {
  background: #FFFFFF;
  color: var(--dvf-deep-navy) !important;
  border-color: var(--dvf-border);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn-secondary:hover {
  background: var(--dvf-warm);
  color: var(--dvf-cta-blue-dark) !important;
  border-color: var(--dvf-cta-blue);
}

.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn-ghost {
  background: transparent;
  color: var(--dvf-deep-navy) !important;
  border-color: var(--dvf-border);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn-ghost:hover {
  background: var(--dvf-yellow-glow);
  border-color: var(--dvf-gold);
  color: var(--dvf-gold-dark) !important;
}

.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-btn-large {
  padding: 9px 14px;
  font-size: 13px;
}

/* ---------- Chips ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-chip-row {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-chip {
  background: #FFFFFF;
  color: var(--dvf-deep-navy);
  border: 1px solid var(--dvf-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--dvf-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 3px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list li > span:first-child { color: var(--dvf-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list li > span:nth-child(2) {
  color: var(--dvf-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list li > span:nth-child(2) a { color: var(--dvf-cta-blue); font-weight: 700; }

.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-decision li {
  background: #FFFFFF;
  border-color: var(--dvf-blue-border);
}

/* ---------- Quick Answer ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickanswer {
  background: var(--dvf-soft-blue);
  border: 1px solid var(--dvf-blue-border);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickanswer p {
  margin: 0;
  font-size: 13px;
  color: var(--dvf-ink);
}

/* ---------- At a glance ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-cell {
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--dvf-steel);
  margin-bottom: 2px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-value {
  font-size: 12.6px;
  font-weight: 700;
  color: var(--dvf-deep-navy);
  line-height: 1.3;
}

/* ---------- Card grids ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cards,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-choice-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  margin-top: 5px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-icon {
  font-size: 15px;
  line-height: 1.1;
  align-self: start;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--dvf-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-card strong { color: var(--dvf-deep-navy); font-weight: 700; }

/* Versus cards: compact replacement for big comparison table */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list {
  list-style: none;
  padding: 0;
  margin: 5px 0 0;
  display: grid;
  gap: 5px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list li {
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list li.hl-dvf-versus-self {
  background: var(--dvf-yellow-glow);
  border-left: 3px solid var(--dvf-gold);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list li > strong {
  color: var(--dvf-deep-navy);
  font-weight: 700;
  min-width: 0;
  font-size: 12.7px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  color: var(--dvf-ink);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list li > strong a {
  color: var(--dvf-cta-blue);
  font-weight: 700;
}

/* ---------- Tables ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--dvf-border);
  border-radius: var(--dvf-radius-md);
  background: #fff;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  margin: 0;
  background: #fff;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table th {
  background: var(--dvf-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--dvf-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table th a {
  color: #fff !important;
  text-decoration: underline;
  font-size: inherit;
  letter-spacing: normal;
  white-space: normal;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--dvf-border);
  vertical-align: top;
  color: var(--dvf-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table td a {
  color: var(--dvf-cta-blue);
  font-weight: 600;
  font-size: inherit;
  letter-spacing: normal;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table td strong { font-weight: 700; color: var(--dvf-deep-navy); }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table tr:nth-child(even) td { background: var(--dvf-pale); }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table tr.hl-dvf-row-self td {
  background: var(--dvf-yellow-glow);
  border-left: 3px solid var(--dvf-gold);
  font-weight: 400;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table tr.hl-dvf-row-self td strong {
  font-weight: 700;
  color: var(--dvf-deep-navy);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--dvf-ink);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--dvf-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses a very soft warm cream — NOT yellow block */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-not-ideal {
  background: var(--dvf-soft-cream);
  border-color: var(--dvf-border);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-not-ideal .hl-dvf-bullets li {
  background: #FFFFFF;
  border-color: var(--dvf-border);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-not-ideal .hl-dvf-bullets li::before {
  color: var(--dvf-gold-dark);
}

/* ---------- Safety list ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list li .hl-dvf-mini-tick { background: var(--dvf-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list li {
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-left: 3px solid var(--dvf-gold);
  border-radius: var(--dvf-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list li strong { color: var(--dvf-deep-navy); display: block; }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief (pale blue, no yellow block) ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-booking-brief {
  background: var(--dvf-pale);
  border-color: var(--dvf-blue-border);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list {
  list-style: none;
  padding: 0;
  margin: 7px 0 5px;
  counter-reset: brief;
  display: grid;
  gap: 5px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list li > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--dvf-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-icon {
  font-size: 13.5px;
  line-height: 1.2;
  align-self: start;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list li strong { color: var(--dvf-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related .hl-dvf-cards { margin-top: 4px; }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related-card {
  display: block;
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--dvf-ink) !important;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--dvf-cta-blue);
  box-shadow: var(--dvf-shadow-md);
  text-decoration: none !important;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related-eyebrow {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--dvf-gold-dark);
  margin-bottom: 3px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related-title {
  font-size: 13.3px;
  font-weight: 800;
  color: var(--dvf-deep-navy);
  margin-bottom: 3px;
  line-height: 1.3;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related-blurb {
  font-size: 11.8px;
  color: #6F8A9D;
  margin: 0;
  line-height: 1.4;
}

/* ---------- FAQ ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq details {
  background: var(--dvf-pale);
  border: 1px solid var(--dvf-blue-border);
  border-radius: var(--dvf-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq details[open] {
  border-color: var(--dvf-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--dvf-shadow-sm);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--dvf-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq summary::-webkit-details-marker { display: none; }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--dvf-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq details[open] summary::after {
  content: "\2212";
  color: var(--dvf-gold-dark);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq details p {
  padding: 0 12px 9px;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--dvf-ink);
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-faq details p a { color: var(--dvf-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-cta {
  background: linear-gradient(135deg, #F7FBFC 0%, #EEF7FA 38%, #FBF6E3 74%, #F6E7A6 100%);
  border: 1px solid var(--dvf-blue-border);
  border-top: 2px solid var(--dvf-gold);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--dvf-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-lede {
  font-size: 12.8px;
  color: var(--dvf-ink);
  margin: 0 auto 9px;
  line-height: 1.55;
  max-width: 680px;
}
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-lede a { color: var(--dvf-cta-blue); font-weight: 600; }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-lede a:hover { color: var(--dvf-cta-blue-dark); }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cta-row-final { justify-content: center; }
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-note {
  font-size: 11.2px;
  color: #6F8A9D;
  margin: 8px 0 0;
}

/* =============================================================================
   wpautop guards — preventive, baked in from day one.
   Hide BR and empty P elements that WordPress wpautop may inject between
   the children of grid containers.
   Comments use plain words so the WP customizer "illegal markup" sanitiser
   does not reject the CSS on save.
   ========================================================================== */
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-grid > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-grid > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cta-row > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cta-row > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-chip-row > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-chip-row > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list li > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-quickpick-list li > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-grid > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-grid > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cards > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cards > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-choice-cards > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-choice-cards > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-card > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-card > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table-wrap > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table-wrap > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list li > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list li > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list li > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list li > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list > p,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-versus-list li > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-bullets > br,
.hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-bullets > p {
  display: none !important;
}

/* =============================================================================
   Tablet — 640px and up
   ========================================================================== */
@media (min-width: 640px) {
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cards,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-choice-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related .hl-dvf-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* =============================================================================
   Side-panel breakpoint at 760px
   ========================================================================== */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* =============================================================================
   Desktop — 920px and up
   ========================================================================== */
@media (min-width: 920px) {
  .hl-prod-dri-eaz-vortex-axial-fan-110v { font-size: 14px; }

  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-h2 { font-size: 19px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-h3 { font-size: 15.5px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-title { font-size: 18px; }

  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero { padding: 15px 17px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero .hl-dvf-h2 { font-size: 19px; }

  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-choice-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related .hl-dvf-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  /* Row-symmetry locks */
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-cards,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-choice-cards,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-grid,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list { align-items: stretch; }

  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mini-card,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-glance-cell,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-safety-list li,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-mistakes-list li,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-brief-list li,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-related-card { height: 100%; }

  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table { font-size: 13px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* =============================================================================
   Print-friendly fallback
   ========================================================================== */
@media print {
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-section,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-hero,
  .hl-prod-dri-eaz-vortex-axial-fan-110v .hl-dvf-final-cta { border-top-color: var(--dvf-gold); }
}


/* === Hireload Industrial Electric Heater Product CSS — appended === */
/* =============================================================================
   Hireload Industrial Electric Heater Product CSS
   Root scope: .hl-prod-industrial-electric-heater
   Class prefix: hl-ieh-
   Palette: soft cream + pale blue + controlled amber warmth.
   ========================================================================== */

.hl-prod-industrial-electric-heater {
  --ieh-ink: #17202A;
  --ieh-navy: #1E2B38;
  --ieh-deep-navy: #14202B;
  --ieh-steel: #2F5D7C;
  --ieh-soft-blue: #EAF6FA;
  --ieh-pale: #F4FAFD;
  --ieh-warm: #FBF9F4;
  --ieh-cream: #F7F3E8;
  --ieh-warm-amber: #F2D4B8;
  --ieh-amber-glow: #FFF1E3;
  --ieh-border: #DDD5CA;
  --ieh-blue-border: #C9DEE9;
  --ieh-copper: #C47A3A;
  --ieh-copper-dark: #9A6238;
  --ieh-cta-blue: #2F5D7C;
  --ieh-cta-blue-dark: #244A63;

  --ieh-radius-sm: 8px;
  --ieh-radius-md: 10px;
  --ieh-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --ieh-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--ieh-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-industrial-electric-heater *,
.hl-prod-industrial-electric-heater *::before,
.hl-prod-industrial-electric-heater *::after { box-sizing: border-box; }

.hl-prod-industrial-electric-heater p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-industrial-electric-heater strong { font-weight: 700; color: var(--ieh-deep-navy); }
.hl-prod-industrial-electric-heater a { color: var(--ieh-cta-blue); text-decoration: none; }
.hl-prod-industrial-electric-heater a:hover { color: var(--ieh-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--ieh-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-industrial-electric-heater .hl-ieh-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--ieh-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-section {
  background: #FFFFFF;
  border: 1px solid var(--ieh-border);
  border-radius: var(--ieh-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--ieh-shadow-sm);
}

.hl-prod-industrial-electric-heater .hl-ieh-decision {
  background: var(--ieh-pale);
  border-color: var(--ieh-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-hero {
  background: linear-gradient(135deg, #F8FBFC 0%, #F7F3E8 46%, #F5DEC2 100%);
  border: 1px solid var(--ieh-blue-border);
  border-top: 2px solid var(--ieh-copper);
  padding: 13px 15px;
  box-shadow: var(--ieh-shadow-md);
}
.hl-prod-industrial-electric-heater .hl-ieh-hero .hl-ieh-h2 { font-size: 17px; margin: 0 0 6px; }
.hl-prod-industrial-electric-heater .hl-ieh-hero .hl-ieh-lede { font-size: 13px; color: var(--ieh-ink); margin: 0 0 7px; line-height: 1.5; }
.hl-prod-industrial-electric-heater .hl-ieh-hero a { color: var(--ieh-cta-blue); }
.hl-prod-industrial-electric-heater .hl-ieh-hero a:hover { color: var(--ieh-cta-blue-dark); }

.hl-prod-industrial-electric-heater .hl-ieh-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-industrial-electric-heater .hl-ieh-hero-side {
  background: #FFFFFF;
  color: var(--ieh-ink);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 9px 11px;
  box-shadow: var(--ieh-shadow-sm);
}
.hl-prod-industrial-electric-heater .hl-ieh-hero-side .hl-ieh-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--ieh-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-industrial-electric-heater .hl-ieh-hero-side .hl-ieh-muted { color: #6F8A9D; font-size: 10.5px; margin: 6px 0 0; line-height: 1.4; }

/* ---------- CTA Buttons ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-industrial-electric-heater .hl-ieh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-industrial-electric-heater .hl-ieh-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-industrial-electric-heater .hl-ieh-btn-primary {
  background: var(--ieh-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--ieh-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-industrial-electric-heater .hl-ieh-btn-primary:hover { background: var(--ieh-cta-blue-dark); border-color: var(--ieh-cta-blue-dark); color: #FFFFFF !important; }

.hl-prod-industrial-electric-heater .hl-ieh-btn-secondary {
  background: #FFFFFF;
  color: var(--ieh-deep-navy) !important;
  border-color: var(--ieh-border);
}
.hl-prod-industrial-electric-heater .hl-ieh-btn-secondary:hover { background: var(--ieh-warm); color: var(--ieh-cta-blue-dark) !important; border-color: var(--ieh-cta-blue); }

.hl-prod-industrial-electric-heater .hl-ieh-btn-ghost {
  background: transparent;
  color: var(--ieh-deep-navy) !important;
  border-color: var(--ieh-border);
}
.hl-prod-industrial-electric-heater .hl-ieh-btn-ghost:hover { background: var(--ieh-amber-glow); border-color: var(--ieh-copper); color: var(--ieh-copper-dark) !important; }

.hl-prod-industrial-electric-heater .hl-ieh-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-industrial-electric-heater .hl-ieh-chip {
  background: #FFFFFF;
  color: var(--ieh-deep-navy);
  border: 1px solid var(--ieh-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--ieh-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list li > span:first-child { color: var(--ieh-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list li > span:nth-child(2) {
  color: var(--ieh-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list li > span:nth-child(2) a { color: var(--ieh-cta-blue); font-weight: 700; }
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-decision li { background: #FFFFFF; border-color: var(--ieh-blue-border); }

/* ---------- Quick Answer ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-quickanswer { background: var(--ieh-soft-blue); border: 1px solid var(--ieh-blue-border); }
.hl-prod-industrial-electric-heater .hl-ieh-quickanswer p { margin: 0; font-size: 13px; color: var(--ieh-ink); }

/* ---------- At a glance ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-glance-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
.hl-prod-industrial-electric-heater .hl-ieh-glance-cell {
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ieh-steel);
  margin-bottom: 2px;
}
.hl-prod-industrial-electric-heater .hl-ieh-glance-value { font-size: 12.6px; font-weight: 700; color: var(--ieh-deep-navy); line-height: 1.3; }

/* ---------- Card grids ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-industrial-electric-heater .hl-ieh-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-industrial-electric-heater .hl-ieh-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-industrial-electric-heater .hl-ieh-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--ieh-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-mini-card strong { color: var(--ieh-deep-navy); font-weight: 700; }

/* Versus list */
.hl-prod-industrial-electric-heater .hl-ieh-versus-list { list-style: none; padding: 0; margin: 5px 0 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-heater .hl-ieh-versus-list li {
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-versus-list li.hl-ieh-versus-self {
  background: var(--ieh-amber-glow);
  border-left: 3px solid var(--ieh-copper);
}
.hl-prod-industrial-electric-heater .hl-ieh-versus-list li > strong { color: var(--ieh-deep-navy); font-weight: 700; min-width: 0; font-size: 12.7px; }
.hl-prod-industrial-electric-heater .hl-ieh-versus-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; color: var(--ieh-ink); }
.hl-prod-industrial-electric-heater .hl-ieh-versus-list li > strong a { color: var(--ieh-cta-blue); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--ieh-border);
  border-radius: var(--ieh-radius-md);
  background: #fff;
}
.hl-prod-industrial-electric-heater .hl-ieh-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-industrial-electric-heater .hl-ieh-table th {
  background: var(--ieh-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--ieh-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-industrial-electric-heater .hl-ieh-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; letter-spacing: normal; white-space: normal; }
.hl-prod-industrial-electric-heater .hl-ieh-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--ieh-border);
  vertical-align: top;
  color: var(--ieh-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-industrial-electric-heater .hl-ieh-table td a { color: var(--ieh-cta-blue); font-weight: 600; font-size: inherit; letter-spacing: normal; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.hl-prod-industrial-electric-heater .hl-ieh-table td strong { font-weight: 700; color: var(--ieh-deep-navy); }
.hl-prod-industrial-electric-heater .hl-ieh-table tr:nth-child(even) td { background: var(--ieh-pale); }
.hl-prod-industrial-electric-heater .hl-ieh-table tr.hl-ieh-row-self td {
  background: var(--ieh-amber-glow);
  border-left: 3px solid var(--ieh-copper);
  font-weight: 400;
}
.hl-prod-industrial-electric-heater .hl-ieh-table tr.hl-ieh-row-self td strong { font-weight: 700; color: var(--ieh-deep-navy); }
.hl-prod-industrial-electric-heater .hl-ieh-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-heater .hl-ieh-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--ieh-ink);
}
.hl-prod-industrial-electric-heater .hl-ieh-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--ieh-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses soft cream */
.hl-prod-industrial-electric-heater .hl-ieh-not-ideal { background: var(--ieh-cream); border-color: var(--ieh-border); }
.hl-prod-industrial-electric-heater .hl-ieh-not-ideal .hl-ieh-bullets li { background: #FFFFFF; border-color: var(--ieh-border); }
.hl-prod-industrial-electric-heater .hl-ieh-not-ideal .hl-ieh-bullets li::before { color: var(--ieh-copper-dark); }

/* ---------- Safety list ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-heater .hl-ieh-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-industrial-electric-heater .hl-ieh-safety-list li .hl-ieh-mini-tick { background: var(--ieh-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-heater .hl-ieh-mistakes-list li {
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-left: 3px solid var(--ieh-copper);
  border-radius: var(--ieh-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-mistakes-list li strong { color: var(--ieh-deep-navy); display: block; }
.hl-prod-industrial-electric-heater .hl-ieh-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-booking-brief { background: var(--ieh-pale); border-color: var(--ieh-blue-border); }
.hl-prod-industrial-electric-heater .hl-ieh-brief-list { list-style: none; padding: 0; margin: 7px 0 5px; counter-reset: brief; display: grid; gap: 5px; }
.hl-prod-industrial-electric-heater .hl-ieh-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-industrial-electric-heater .hl-ieh-brief-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-industrial-electric-heater .hl-ieh-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--ieh-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-industrial-electric-heater .hl-ieh-brief-icon { font-size: 13.5px; line-height: 1.2; align-self: start; }
.hl-prod-industrial-electric-heater .hl-ieh-brief-list li strong { color: var(--ieh-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-related .hl-ieh-cards { margin-top: 4px; }
.hl-prod-industrial-electric-heater .hl-ieh-related-card {
  display: block;
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--ieh-ink) !important;
}
.hl-prod-industrial-electric-heater .hl-ieh-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--ieh-cta-blue);
  box-shadow: var(--ieh-shadow-md);
  text-decoration: none !important;
}
.hl-prod-industrial-electric-heater .hl-ieh-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ieh-copper-dark); margin-bottom: 3px; }
.hl-prod-industrial-electric-heater .hl-ieh-related-title { font-size: 13.3px; font-weight: 800; color: var(--ieh-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-industrial-electric-heater .hl-ieh-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-faq details {
  background: var(--ieh-pale);
  border: 1px solid var(--ieh-blue-border);
  border-radius: var(--ieh-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-industrial-electric-heater .hl-ieh-faq details[open] {
  border-color: var(--ieh-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--ieh-shadow-sm);
}
.hl-prod-industrial-electric-heater .hl-ieh-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--ieh-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-industrial-electric-heater .hl-ieh-faq summary::-webkit-details-marker { display: none; }
.hl-prod-industrial-electric-heater .hl-ieh-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--ieh-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-industrial-electric-heater .hl-ieh-faq details[open] summary::after { content: "\2212"; color: var(--ieh-copper-dark); }
.hl-prod-industrial-electric-heater .hl-ieh-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--ieh-ink); }
.hl-prod-industrial-electric-heater .hl-ieh-faq details p a { color: var(--ieh-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-industrial-electric-heater .hl-ieh-final-cta {
  background: linear-gradient(135deg, #F8FBFC 0%, #F7F3E8 46%, #F5DEC2 100%);
  border: 1px solid var(--ieh-blue-border);
  border-top: 2px solid var(--ieh-copper);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-industrial-electric-heater .hl-ieh-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--ieh-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-industrial-electric-heater .hl-ieh-final-lede { font-size: 12.8px; color: var(--ieh-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 680px; }
.hl-prod-industrial-electric-heater .hl-ieh-final-lede a { color: var(--ieh-cta-blue); font-weight: 600; }
.hl-prod-industrial-electric-heater .hl-ieh-final-lede a:hover { color: var(--ieh-cta-blue-dark); }
.hl-prod-industrial-electric-heater .hl-ieh-cta-row-final { justify-content: center; }
.hl-prod-industrial-electric-heater .hl-ieh-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* =============================================================================
   wpautop guards
   ========================================================================== */
.hl-prod-industrial-electric-heater .hl-ieh-hero-grid > br,
.hl-prod-industrial-electric-heater .hl-ieh-hero-grid > p,
.hl-prod-industrial-electric-heater .hl-ieh-cta-row > br,
.hl-prod-industrial-electric-heater .hl-ieh-cta-row > p,
.hl-prod-industrial-electric-heater .hl-ieh-chip-row > br,
.hl-prod-industrial-electric-heater .hl-ieh-chip-row > p,
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list > br,
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list > p,
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list li > br,
.hl-prod-industrial-electric-heater .hl-ieh-quickpick-list li > p,
.hl-prod-industrial-electric-heater .hl-ieh-glance-grid > br,
.hl-prod-industrial-electric-heater .hl-ieh-glance-grid > p,
.hl-prod-industrial-electric-heater .hl-ieh-cards > br,
.hl-prod-industrial-electric-heater .hl-ieh-cards > p,
.hl-prod-industrial-electric-heater .hl-ieh-mini-card > br,
.hl-prod-industrial-electric-heater .hl-ieh-mini-card > p,
.hl-prod-industrial-electric-heater .hl-ieh-table-wrap > br,
.hl-prod-industrial-electric-heater .hl-ieh-table-wrap > p,
.hl-prod-industrial-electric-heater .hl-ieh-safety-list > br,
.hl-prod-industrial-electric-heater .hl-ieh-safety-list > p,
.hl-prod-industrial-electric-heater .hl-ieh-safety-list li > br,
.hl-prod-industrial-electric-heater .hl-ieh-safety-list li > p,
.hl-prod-industrial-electric-heater .hl-ieh-mistakes-list > br,
.hl-prod-industrial-electric-heater .hl-ieh-mistakes-list > p,
.hl-prod-industrial-electric-heater .hl-ieh-mistakes-list li > br,
.hl-prod-industrial-electric-heater .hl-ieh-brief-list > br,
.hl-prod-industrial-electric-heater .hl-ieh-brief-list > p,
.hl-prod-industrial-electric-heater .hl-ieh-brief-list li > br,
.hl-prod-industrial-electric-heater .hl-ieh-versus-list > br,
.hl-prod-industrial-electric-heater .hl-ieh-versus-list > p,
.hl-prod-industrial-electric-heater .hl-ieh-versus-list li > br,
.hl-prod-industrial-electric-heater .hl-ieh-bullets > br,
.hl-prod-industrial-electric-heater .hl-ieh-bullets > p {
  display: none !important;
}

/* Tablet */
@media (min-width: 640px) {
  .hl-prod-industrial-electric-heater .hl-ieh-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-heater .hl-ieh-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-industrial-electric-heater .hl-ieh-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-heater .hl-ieh-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-heater .hl-ieh-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-heater .hl-ieh-related .hl-ieh-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* Side-panel breakpoint */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-industrial-electric-heater .hl-ieh-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* Desktop */
@media (min-width: 920px) {
  .hl-prod-industrial-electric-heater { font-size: 14px; }

  .hl-prod-industrial-electric-heater .hl-ieh-h2 { font-size: 20px; }
  .hl-prod-industrial-electric-heater .hl-ieh-h3 { font-size: 16px; }
  .hl-prod-industrial-electric-heater .hl-ieh-final-title { font-size: 18px; }

  .hl-prod-industrial-electric-heater .hl-ieh-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-industrial-electric-heater .hl-ieh-hero { padding: 15px 17px; }
  .hl-prod-industrial-electric-heater .hl-ieh-hero .hl-ieh-h2 { font-size: 20px; }

  .hl-prod-industrial-electric-heater .hl-ieh-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-industrial-electric-heater .hl-ieh-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-industrial-electric-heater .hl-ieh-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-industrial-electric-heater .hl-ieh-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-heater .hl-ieh-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-heater .hl-ieh-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-industrial-electric-heater .hl-ieh-related .hl-ieh-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-industrial-electric-heater .hl-ieh-cards,
  .hl-prod-industrial-electric-heater .hl-ieh-glance-grid,
  .hl-prod-industrial-electric-heater .hl-ieh-safety-list,
  .hl-prod-industrial-electric-heater .hl-ieh-mistakes-list,
  .hl-prod-industrial-electric-heater .hl-ieh-brief-list { align-items: stretch; }

  .hl-prod-industrial-electric-heater .hl-ieh-mini-card,
  .hl-prod-industrial-electric-heater .hl-ieh-glance-cell,
  .hl-prod-industrial-electric-heater .hl-ieh-safety-list li,
  .hl-prod-industrial-electric-heater .hl-ieh-mistakes-list li,
  .hl-prod-industrial-electric-heater .hl-ieh-brief-list li,
  .hl-prod-industrial-electric-heater .hl-ieh-related-card { height: 100%; }

  .hl-prod-industrial-electric-heater .hl-ieh-table { font-size: 13px; }
  .hl-prod-industrial-electric-heater .hl-ieh-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-industrial-electric-heater .hl-ieh-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* Print */
@media print {
  .hl-prod-industrial-electric-heater .hl-ieh-section,
  .hl-prod-industrial-electric-heater .hl-ieh-hero,
  .hl-prod-industrial-electric-heater .hl-ieh-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-industrial-electric-heater .hl-ieh-hero,
  .hl-prod-industrial-electric-heater .hl-ieh-final-cta { border-top-color: var(--ieh-copper); }
}

/* === Hireload 110V Fan Heater 3kW 32A Product CSS — appended === */
/* =============================================================================
   Hireload 110V Fan Heater 3kW 32A Product CSS
   Root scope: .hl-prod-110v-fan-heater-3kw-32a
   Class prefix: hl-fh3-
   Palette: soft cream + pale blue + controlled amber warmth.
   ========================================================================== */

.hl-prod-110v-fan-heater-3kw-32a {
  --fh3-ink: #17202A;
  --fh3-navy: #1E2B38;
  --fh3-deep-navy: #14202B;
  --fh3-steel: #2F5D7C;
  --fh3-soft-blue: #EAF6FA;
  --fh3-pale: #F4FAFD;
  --fh3-warm: #FBF9F4;
  --fh3-cream: #F7F3E8;
  --fh3-warm-amber: #F2D4B8;
  --fh3-amber-glow: #FFF1E3;
  --fh3-border: #DDD5CA;
  --fh3-blue-border: #C9DEE9;
  --fh3-copper: #C47A3A;
  --fh3-copper-dark: #9A6238;
  --fh3-cta-blue: #2F5D7C;
  --fh3-cta-blue-dark: #244A63;

  --fh3-radius-sm: 8px;
  --fh3-radius-md: 10px;
  --fh3-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --fh3-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--fh3-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-110v-fan-heater-3kw-32a *,
.hl-prod-110v-fan-heater-3kw-32a *::before,
.hl-prod-110v-fan-heater-3kw-32a *::after { box-sizing: border-box; }

.hl-prod-110v-fan-heater-3kw-32a p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-110v-fan-heater-3kw-32a strong { font-weight: 700; color: var(--fh3-deep-navy); }
.hl-prod-110v-fan-heater-3kw-32a a { color: var(--fh3-cta-blue); text-decoration: none; }
.hl-prod-110v-fan-heater-3kw-32a a:hover { color: var(--fh3-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--fh3-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--fh3-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-section {
  background: #FFFFFF;
  border: 1px solid var(--fh3-border);
  border-radius: var(--fh3-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--fh3-shadow-sm);
}

.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-decision {
  background: var(--fh3-pale);
  border-color: var(--fh3-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 34%, #FBF3E4 72%, #F2D4B8 100%);
  border: 1px solid var(--fh3-blue-border);
  border-top: 2px solid var(--fh3-copper);
  padding: 13px 15px;
  box-shadow: var(--fh3-shadow-md);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero .hl-fh3-h2 { font-size: 17px; margin: 0 0 6px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero .hl-fh3-lede { font-size: 13px; color: var(--fh3-ink); margin: 0 0 7px; line-height: 1.5; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero a { color: var(--fh3-cta-blue); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero a:hover { color: var(--fh3-cta-blue-dark); }

.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-side {
  background: #FFFFFF;
  color: var(--fh3-ink);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 9px 11px;
  box-shadow: var(--fh3-shadow-sm);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-side .hl-fh3-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--fh3-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-side .hl-fh3-muted { color: #6F8A9D; font-size: 10.5px; margin: 6px 0 0; line-height: 1.4; }

/* ---------- CTA Buttons ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn-primary {
  background: var(--fh3-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--fh3-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn-primary:hover { background: var(--fh3-cta-blue-dark); border-color: var(--fh3-cta-blue-dark); color: #FFFFFF !important; }

.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn-secondary {
  background: #FFFFFF;
  color: var(--fh3-deep-navy) !important;
  border-color: var(--fh3-border);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn-secondary:hover { background: var(--fh3-warm); color: var(--fh3-cta-blue-dark) !important; border-color: var(--fh3-cta-blue); }

.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn-ghost {
  background: transparent;
  color: var(--fh3-deep-navy) !important;
  border-color: var(--fh3-border);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn-ghost:hover { background: var(--fh3-amber-glow); border-color: var(--fh3-copper); color: var(--fh3-copper-dark) !important; }

.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-chip {
  background: #FFFFFF;
  color: var(--fh3-deep-navy);
  border: 1px solid var(--fh3-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--fh3-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list li > span:first-child { color: var(--fh3-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list li > span:nth-child(2) {
  color: var(--fh3-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list li > span:nth-child(2) a { color: var(--fh3-cta-blue); font-weight: 700; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-decision li { background: #FFFFFF; border-color: var(--fh3-blue-border); }

/* ---------- Quick Answer ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickanswer { background: var(--fh3-soft-blue); border: 1px solid var(--fh3-blue-border); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickanswer p { margin: 0; font-size: 13px; color: var(--fh3-ink); }

/* ---------- At a glance ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-cell {
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fh3-steel);
  margin-bottom: 2px;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-value { font-size: 12.6px; font-weight: 700; color: var(--fh3-deep-navy); line-height: 1.3; }

/* ---------- Card grids ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--fh3-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-card strong { color: var(--fh3-deep-navy); font-weight: 700; }

/* Versus list */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list { list-style: none; padding: 0; margin: 5px 0 0; display: grid; gap: 5px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list li {
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list li.hl-fh3-versus-self {
  background: var(--fh3-amber-glow);
  border-left: 3px solid var(--fh3-copper);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list li > strong { color: var(--fh3-deep-navy); font-weight: 700; min-width: 0; font-size: 12.7px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; color: var(--fh3-ink); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list li > strong a { color: var(--fh3-cta-blue); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--fh3-border);
  border-radius: var(--fh3-radius-md);
  background: #fff;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table th {
  background: var(--fh3-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--fh3-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; letter-spacing: normal; white-space: normal; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--fh3-border);
  vertical-align: top;
  color: var(--fh3-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table td a { color: var(--fh3-cta-blue); font-weight: 600; font-size: inherit; letter-spacing: normal; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table td strong { font-weight: 700; color: var(--fh3-deep-navy); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table tr:nth-child(even) td { background: var(--fh3-pale); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table tr.hl-fh3-row-self td {
  background: var(--fh3-amber-glow);
  border-left: 3px solid var(--fh3-copper);
  font-weight: 400;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table tr.hl-fh3-row-self td strong { font-weight: 700; color: var(--fh3-deep-navy); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--fh3-ink);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--fh3-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses soft cream */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-not-ideal { background: var(--fh3-cream); border-color: var(--fh3-border); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-not-ideal .hl-fh3-bullets li { background: #FFFFFF; border-color: var(--fh3-border); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-not-ideal .hl-fh3-bullets li::before { color: var(--fh3-copper-dark); }

/* ---------- Safety list ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list li .hl-fh3-mini-tick { background: var(--fh3-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list li {
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-left: 3px solid var(--fh3-copper);
  border-radius: var(--fh3-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list li strong { color: var(--fh3-deep-navy); display: block; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-booking-brief { background: var(--fh3-pale); border-color: var(--fh3-blue-border); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list { list-style: none; padding: 0; margin: 7px 0 5px; counter-reset: brief; display: grid; gap: 5px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--fh3-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-icon { font-size: 13.5px; line-height: 1.2; align-self: start; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list li strong { color: var(--fh3-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related .hl-fh3-cards { margin-top: 4px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related-card {
  display: block;
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--fh3-ink) !important;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--fh3-cta-blue);
  box-shadow: var(--fh3-shadow-md);
  text-decoration: none !important;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fh3-copper-dark); margin-bottom: 3px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related-title { font-size: 13.3px; font-weight: 800; color: var(--fh3-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq details {
  background: var(--fh3-pale);
  border: 1px solid var(--fh3-blue-border);
  border-radius: var(--fh3-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq details[open] {
  border-color: var(--fh3-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--fh3-shadow-sm);
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--fh3-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq summary::-webkit-details-marker { display: none; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--fh3-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq details[open] summary::after { content: "\2212"; color: var(--fh3-copper-dark); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--fh3-ink); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-faq details p a { color: var(--fh3-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-cta {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 34%, #FBF3E4 72%, #F2D4B8 100%);
  border: 1px solid var(--fh3-blue-border);
  border-top: 2px solid var(--fh3-copper);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--fh3-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-lede { font-size: 12.8px; color: var(--fh3-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 680px; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-lede a { color: var(--fh3-cta-blue); font-weight: 600; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-lede a:hover { color: var(--fh3-cta-blue-dark); }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cta-row-final { justify-content: center; }
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* =============================================================================
   wpautop guards
   ========================================================================== */
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-grid > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-grid > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cta-row > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cta-row > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-chip-row > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-chip-row > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list li > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-quickpick-list li > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-grid > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-grid > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cards > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cards > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-card > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-card > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table-wrap > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table-wrap > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list li > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list li > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list li > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list li > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list > p,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-versus-list li > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-bullets > br,
.hl-prod-110v-fan-heater-3kw-32a .hl-fh3-bullets > p {
  display: none !important;
}

/* Tablet */
@media (min-width: 640px) {
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related .hl-fh3-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* Side-panel breakpoint */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* Desktop */
@media (min-width: 920px) {
  .hl-prod-110v-fan-heater-3kw-32a { font-size: 14px; }

  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-h2 { font-size: 20px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-h3 { font-size: 16px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-title { font-size: 18px; }

  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero { padding: 15px 17px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero .hl-fh3-h2 { font-size: 20px; }

  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related .hl-fh3-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-cards,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-grid,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list { align-items: stretch; }

  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mini-card,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-glance-cell,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-safety-list li,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-mistakes-list li,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-brief-list li,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-related-card { height: 100%; }

  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table { font-size: 13px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* Print */
@media print {
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-section,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-hero,
  .hl-prod-110v-fan-heater-3kw-32a .hl-fh3-final-cta { border-top-color: var(--fh3-copper); }
}

/* === Hireload Broughton 3kW Fan Heater 240V Product CSS — appended === */
/* =================================================================
   Hireload Broughton 3kW Fan Heater 240V Product CSS
   Root scope: .hl-prod-broughton-3kw-fan-heater-240v
   Class prefix: hl-bfh-
   Palette: soft cream + pale blue + controlled amber warmth (240V indoor-commercial feel)
   ================================================================= */

.hl-prod-broughton-3kw-fan-heater-240v {
  --bfh-ink: #17202A;
  --bfh-navy: #1E2B38;
  --bfh-deep-navy: #14202B;
  --bfh-steel: #2F5D7C;
  --bfh-soft-blue: #EAF6FA;
  --bfh-pale: #F4FAFD;
  --bfh-warm: #FBF9F4;
  --bfh-cream: #F7F3E8;
  --bfh-warm-amber: #F2D4B8;
  --bfh-amber-glow: #FFF1E3;
  --bfh-border: #DDD5CA;
  --bfh-blue-border: #C9DEE9;
  --bfh-copper: #C47A3A;
  --bfh-copper-dark: #9A6238;
  --bfh-cta-blue: #2F5D7C;
  --bfh-cta-blue-dark: #244A63;

  --bfh-radius-sm: 8px;
  --bfh-radius-md: 10px;
  --bfh-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --bfh-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--bfh-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-broughton-3kw-fan-heater-240v *,
.hl-prod-broughton-3kw-fan-heater-240v *::before,
.hl-prod-broughton-3kw-fan-heater-240v *::after { box-sizing: border-box; }

.hl-prod-broughton-3kw-fan-heater-240v p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-broughton-3kw-fan-heater-240v strong { font-weight: 700; color: var(--bfh-deep-navy); }
.hl-prod-broughton-3kw-fan-heater-240v a { color: var(--bfh-cta-blue); text-decoration: none; }
.hl-prod-broughton-3kw-fan-heater-240v a:hover { color: var(--bfh-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--bfh-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--bfh-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-section {
  background: #FFFFFF;
  border: 1px solid var(--bfh-border);
  border-radius: var(--bfh-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--bfh-shadow-sm);
}

.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-decision {
  background: var(--bfh-pale);
  border-color: var(--bfh-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 36%, #FBF3E4 74%, #F2D4B8 100%);
  border: 1px solid var(--bfh-blue-border);
  border-top: 2px solid var(--bfh-copper);
  padding: 13px 15px;
  box-shadow: var(--bfh-shadow-md);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero .hl-bfh-h2 { font-size: 17px; margin: 0 0 6px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero .hl-bfh-lede { font-size: 13px; color: var(--bfh-ink); margin: 0 0 7px; line-height: 1.5; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero a { color: var(--bfh-cta-blue); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero a:hover { color: var(--bfh-cta-blue-dark); }

.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-side {
  background: #FFFFFF;
  color: var(--bfh-ink);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 9px 11px;
  box-shadow: var(--bfh-shadow-sm);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-side .hl-bfh-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--bfh-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-side .hl-bfh-muted { color: #6F8A9D; font-size: 10.5px; margin: 6px 0 0; line-height: 1.4; }

/* ---------- CTA Buttons ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn-primary {
  background: var(--bfh-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--bfh-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn-primary:hover { background: var(--bfh-cta-blue-dark); border-color: var(--bfh-cta-blue-dark); color: #FFFFFF !important; }

.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn-secondary {
  background: #FFFFFF;
  color: var(--bfh-deep-navy) !important;
  border-color: var(--bfh-border);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn-secondary:hover { background: var(--bfh-warm); color: var(--bfh-cta-blue-dark) !important; border-color: var(--bfh-cta-blue); }

.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn-ghost {
  background: transparent;
  color: var(--bfh-deep-navy) !important;
  border-color: var(--bfh-border);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn-ghost:hover { background: var(--bfh-amber-glow); border-color: var(--bfh-copper); color: var(--bfh-copper-dark) !important; }

.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-chip {
  background: #FFFFFF;
  color: var(--bfh-deep-navy);
  border: 1px solid var(--bfh-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--bfh-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list li > span:first-child { color: var(--bfh-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list li > span:nth-child(2) {
  color: var(--bfh-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list li > span:nth-child(2) a { color: var(--bfh-cta-blue); font-weight: 700; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-decision li { background: #FFFFFF; border-color: var(--bfh-blue-border); }

/* ---------- Quick Answer ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickanswer { background: var(--bfh-soft-blue); border: 1px solid var(--bfh-blue-border); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickanswer p { margin: 0; font-size: 13px; color: var(--bfh-ink); }

/* ---------- At a glance ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-cell {
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--bfh-steel);
  margin-bottom: 2px;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-value { font-size: 12.6px; font-weight: 700; color: var(--bfh-deep-navy); line-height: 1.3; }

/* ---------- Card grids ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--bfh-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-card strong { color: var(--bfh-deep-navy); font-weight: 700; }

/* Versus list */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list { list-style: none; padding: 0; margin: 5px 0 0; display: grid; gap: 5px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list li {
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list li.hl-bfh-versus-self {
  background: var(--bfh-amber-glow);
  border-left: 3px solid var(--bfh-copper);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list li > strong { color: var(--bfh-deep-navy); font-weight: 700; min-width: 0; font-size: 12.7px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; color: var(--bfh-ink); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list li > strong a { color: var(--bfh-cta-blue); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--bfh-border);
  border-radius: var(--bfh-radius-md);
  background: #fff;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table th {
  background: var(--bfh-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--bfh-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; letter-spacing: normal; white-space: normal; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--bfh-border);
  vertical-align: top;
  color: var(--bfh-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table td a { color: var(--bfh-cta-blue); font-weight: 600; font-size: inherit; letter-spacing: normal; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table td strong { font-weight: 700; color: var(--bfh-deep-navy); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table tr:nth-child(even) td { background: var(--bfh-pale); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table tr.hl-bfh-row-self td {
  background: var(--bfh-amber-glow);
  border-left: 3px solid var(--bfh-copper);
  font-weight: 400;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table tr.hl-bfh-row-self td strong { font-weight: 700; color: var(--bfh-deep-navy); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--bfh-ink);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--bfh-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses soft cream */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-not-ideal { background: var(--bfh-cream); border-color: var(--bfh-border); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-not-ideal .hl-bfh-bullets li { background: #FFFFFF; border-color: var(--bfh-border); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-not-ideal .hl-bfh-bullets li::before { color: var(--bfh-copper-dark); }

/* ---------- Safety list ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list li .hl-bfh-mini-tick { background: var(--bfh-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list li {
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-left: 3px solid var(--bfh-copper);
  border-radius: var(--bfh-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list li strong { color: var(--bfh-deep-navy); display: block; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-booking-brief { background: var(--bfh-pale); border-color: var(--bfh-blue-border); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list { list-style: none; padding: 0; margin: 7px 0 5px; counter-reset: brief; display: grid; gap: 5px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--bfh-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-icon { font-size: 13.5px; line-height: 1.2; align-self: start; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list li strong { color: var(--bfh-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related .hl-bfh-cards { margin-top: 4px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related-card {
  display: block;
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--bfh-ink) !important;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--bfh-cta-blue);
  box-shadow: var(--bfh-shadow-md);
  text-decoration: none !important;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--bfh-copper-dark); margin-bottom: 3px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related-title { font-size: 13.3px; font-weight: 800; color: var(--bfh-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq details {
  background: var(--bfh-pale);
  border: 1px solid var(--bfh-blue-border);
  border-radius: var(--bfh-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq details[open] {
  border-color: var(--bfh-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--bfh-shadow-sm);
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--bfh-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq summary::-webkit-details-marker { display: none; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--bfh-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq details[open] summary::after { content: "\2212"; color: var(--bfh-copper-dark); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--bfh-ink); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-faq details p a { color: var(--bfh-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-cta {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 36%, #FBF3E4 74%, #F2D4B8 100%);
  border: 1px solid var(--bfh-blue-border);
  border-top: 2px solid var(--bfh-copper);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--bfh-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-lede { font-size: 12.8px; color: var(--bfh-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 680px; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-lede a { color: var(--bfh-cta-blue); font-weight: 600; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-lede a:hover { color: var(--bfh-cta-blue-dark); }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cta-row-final { justify-content: center; }
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* =================================================================
   wpautop guards
   ================================================================= */
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-grid > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-grid > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cta-row > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cta-row > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-chip-row > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-chip-row > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list li > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-quickpick-list li > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-grid > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-grid > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cards > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cards > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-card > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-card > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table-wrap > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table-wrap > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list li > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list li > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list li > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list li > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list > p,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-versus-list li > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-bullets > br,
.hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-bullets > p {
  display: none !important;
}

/* Tablet */
@media (min-width: 640px) {
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related .hl-bfh-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* Side-panel breakpoint */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* Desktop */
@media (min-width: 920px) {
  .hl-prod-broughton-3kw-fan-heater-240v { font-size: 14px; }

  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-h2 { font-size: 20px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-h3 { font-size: 16px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-title { font-size: 18px; }

  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero { padding: 15px 17px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero .hl-bfh-h2 { font-size: 20px; }

  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related .hl-bfh-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-cards,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-grid,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list { align-items: stretch; }

  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mini-card,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-glance-cell,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-safety-list li,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-mistakes-list li,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-brief-list li,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-related-card { height: 100%; }

  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table { font-size: 13px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* Print */
@media print {
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-section,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-hero,
  .hl-prod-broughton-3kw-fan-heater-240v .hl-bfh-final-cta { border-top-color: var(--bfh-copper); }
}

/* === Hireload Electric Heater 3kW Product CSS — appended === */
/* =================================================================
   Hireload 3kW Electric Heater (Oil Filled Radiator) Product CSS
   Root scope: .hl-prod-electric-heater-3kw
   Class prefix: hl-eh3-
   Palette: soft cream + pale blue + controlled amber warmth (generic indoor-commercial feel)
   ================================================================= */

.hl-prod-electric-heater-3kw {
  --eh3-ink: #17202A;
  --eh3-navy: #1E2B38;
  --eh3-deep-navy: #14202B;
  --eh3-steel: #2F5D7C;
  --eh3-soft-blue: #EAF6FA;
  --eh3-pale: #F4FAFD;
  --eh3-warm: #FBF9F4;
  --eh3-cream: #F7F3E8;
  --eh3-warm-amber: #F2D4B8;
  --eh3-amber-glow: #FFF1E3;
  --eh3-border: #DDD5CA;
  --eh3-blue-border: #C9DEE9;
  --eh3-copper: #C47A3A;
  --eh3-copper-dark: #9A6238;
  --eh3-cta-blue: #2F5D7C;
  --eh3-cta-blue-dark: #244A63;

  --eh3-radius-sm: 8px;
  --eh3-radius-md: 10px;
  --eh3-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --eh3-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--eh3-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-electric-heater-3kw *,
.hl-prod-electric-heater-3kw *::before,
.hl-prod-electric-heater-3kw *::after { box-sizing: border-box; }

.hl-prod-electric-heater-3kw p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-electric-heater-3kw strong { font-weight: 700; color: var(--eh3-deep-navy); }
.hl-prod-electric-heater-3kw a { color: var(--eh3-cta-blue); text-decoration: none; }
.hl-prod-electric-heater-3kw a:hover { color: var(--eh3-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--eh3-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-electric-heater-3kw .hl-eh3-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--eh3-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-section {
  background: #FFFFFF;
  border: 1px solid var(--eh3-border);
  border-radius: var(--eh3-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--eh3-shadow-sm);
}

.hl-prod-electric-heater-3kw .hl-eh3-decision {
  background: var(--eh3-pale);
  border-color: var(--eh3-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-hero {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 38%, #FBF3E4 76%, #F2D4B8 100%);
  border: 1px solid var(--eh3-blue-border);
  border-top: 2px solid var(--eh3-copper);
  padding: 13px 15px;
  box-shadow: var(--eh3-shadow-md);
}
.hl-prod-electric-heater-3kw .hl-eh3-hero .hl-eh3-h2 { font-size: 17px; margin: 0 0 6px; }
.hl-prod-electric-heater-3kw .hl-eh3-hero .hl-eh3-lede { font-size: 13px; color: var(--eh3-ink); margin: 0 0 7px; line-height: 1.5; }
.hl-prod-electric-heater-3kw .hl-eh3-hero a { color: var(--eh3-cta-blue); }
.hl-prod-electric-heater-3kw .hl-eh3-hero a:hover { color: var(--eh3-cta-blue-dark); }

.hl-prod-electric-heater-3kw .hl-eh3-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-electric-heater-3kw .hl-eh3-hero-side {
  background: #FFFFFF;
  color: var(--eh3-ink);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 9px 11px;
  box-shadow: var(--eh3-shadow-sm);
}
.hl-prod-electric-heater-3kw .hl-eh3-hero-side .hl-eh3-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--eh3-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-electric-heater-3kw .hl-eh3-hero-side .hl-eh3-muted { color: #6F8A9D; font-size: 10.5px; margin: 6px 0 0; line-height: 1.4; }

/* ---------- CTA Buttons ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-electric-heater-3kw .hl-eh3-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-electric-heater-3kw .hl-eh3-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-electric-heater-3kw .hl-eh3-btn-primary {
  background: var(--eh3-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--eh3-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-electric-heater-3kw .hl-eh3-btn-primary:hover { background: var(--eh3-cta-blue-dark); border-color: var(--eh3-cta-blue-dark); color: #FFFFFF !important; }

.hl-prod-electric-heater-3kw .hl-eh3-btn-secondary {
  background: #FFFFFF;
  color: var(--eh3-deep-navy) !important;
  border-color: var(--eh3-border);
}
.hl-prod-electric-heater-3kw .hl-eh3-btn-secondary:hover { background: var(--eh3-warm); color: var(--eh3-cta-blue-dark) !important; border-color: var(--eh3-cta-blue); }

.hl-prod-electric-heater-3kw .hl-eh3-btn-ghost {
  background: transparent;
  color: var(--eh3-deep-navy) !important;
  border-color: var(--eh3-border);
}
.hl-prod-electric-heater-3kw .hl-eh3-btn-ghost:hover { background: var(--eh3-amber-glow); border-color: var(--eh3-copper); color: var(--eh3-copper-dark) !important; }

.hl-prod-electric-heater-3kw .hl-eh3-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-electric-heater-3kw .hl-eh3-chip {
  background: #FFFFFF;
  color: var(--eh3-deep-navy);
  border: 1px solid var(--eh3-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--eh3-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list li > span:first-child { color: var(--eh3-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list li > span:nth-child(2) {
  color: var(--eh3-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list li > span:nth-child(2) a { color: var(--eh3-cta-blue); font-weight: 700; }
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-decision li { background: #FFFFFF; border-color: var(--eh3-blue-border); }

/* ---------- Quick Answer ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-quickanswer { background: var(--eh3-soft-blue); border: 1px solid var(--eh3-blue-border); }
.hl-prod-electric-heater-3kw .hl-eh3-quickanswer p { margin: 0; font-size: 13px; color: var(--eh3-ink); }

/* ---------- At a glance ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-glance-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
.hl-prod-electric-heater-3kw .hl-eh3-glance-cell {
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--eh3-steel);
  margin-bottom: 2px;
}
.hl-prod-electric-heater-3kw .hl-eh3-glance-value { font-size: 12.6px; font-weight: 700; color: var(--eh3-deep-navy); line-height: 1.3; }

/* ---------- Card grids ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-electric-heater-3kw .hl-eh3-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-electric-heater-3kw .hl-eh3-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-electric-heater-3kw .hl-eh3-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--eh3-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-mini-card strong { color: var(--eh3-deep-navy); font-weight: 700; }

/* Versus list */
.hl-prod-electric-heater-3kw .hl-eh3-versus-list { list-style: none; padding: 0; margin: 5px 0 0; display: grid; gap: 5px; }
.hl-prod-electric-heater-3kw .hl-eh3-versus-list li {
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-versus-list li.hl-eh3-versus-self {
  background: var(--eh3-amber-glow);
  border-left: 3px solid var(--eh3-copper);
}
.hl-prod-electric-heater-3kw .hl-eh3-versus-list li > strong { color: var(--eh3-deep-navy); font-weight: 700; min-width: 0; font-size: 12.7px; }
.hl-prod-electric-heater-3kw .hl-eh3-versus-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; color: var(--eh3-ink); }
.hl-prod-electric-heater-3kw .hl-eh3-versus-list li > strong a { color: var(--eh3-cta-blue); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--eh3-border);
  border-radius: var(--eh3-radius-md);
  background: #fff;
}
.hl-prod-electric-heater-3kw .hl-eh3-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-electric-heater-3kw .hl-eh3-table th {
  background: var(--eh3-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--eh3-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-electric-heater-3kw .hl-eh3-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; letter-spacing: normal; white-space: normal; }
.hl-prod-electric-heater-3kw .hl-eh3-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--eh3-border);
  vertical-align: top;
  color: var(--eh3-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-electric-heater-3kw .hl-eh3-table td a { color: var(--eh3-cta-blue); font-weight: 600; font-size: inherit; letter-spacing: normal; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.hl-prod-electric-heater-3kw .hl-eh3-table td strong { font-weight: 700; color: var(--eh3-deep-navy); }
.hl-prod-electric-heater-3kw .hl-eh3-table tr:nth-child(even) td { background: var(--eh3-pale); }
.hl-prod-electric-heater-3kw .hl-eh3-table tr.hl-eh3-row-self td {
  background: var(--eh3-amber-glow);
  border-left: 3px solid var(--eh3-copper);
  font-weight: 400;
}
.hl-prod-electric-heater-3kw .hl-eh3-table tr.hl-eh3-row-self td strong { font-weight: 700; color: var(--eh3-deep-navy); }
.hl-prod-electric-heater-3kw .hl-eh3-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-electric-heater-3kw .hl-eh3-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--eh3-ink);
}
.hl-prod-electric-heater-3kw .hl-eh3-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--eh3-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses soft cream */
.hl-prod-electric-heater-3kw .hl-eh3-not-ideal { background: var(--eh3-cream); border-color: var(--eh3-border); }
.hl-prod-electric-heater-3kw .hl-eh3-not-ideal .hl-eh3-bullets li { background: #FFFFFF; border-color: var(--eh3-border); }
.hl-prod-electric-heater-3kw .hl-eh3-not-ideal .hl-eh3-bullets li::before { color: var(--eh3-copper-dark); }

/* ---------- Safety list ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-electric-heater-3kw .hl-eh3-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-electric-heater-3kw .hl-eh3-safety-list li .hl-eh3-mini-tick { background: var(--eh3-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-electric-heater-3kw .hl-eh3-mistakes-list li {
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-left: 3px solid var(--eh3-copper);
  border-radius: var(--eh3-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-mistakes-list li strong { color: var(--eh3-deep-navy); display: block; }
.hl-prod-electric-heater-3kw .hl-eh3-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-booking-brief { background: var(--eh3-pale); border-color: var(--eh3-blue-border); }
.hl-prod-electric-heater-3kw .hl-eh3-brief-list { list-style: none; padding: 0; margin: 7px 0 5px; counter-reset: brief; display: grid; gap: 5px; }
.hl-prod-electric-heater-3kw .hl-eh3-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-electric-heater-3kw .hl-eh3-brief-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-electric-heater-3kw .hl-eh3-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--eh3-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-electric-heater-3kw .hl-eh3-brief-icon { font-size: 13.5px; line-height: 1.2; align-self: start; }
.hl-prod-electric-heater-3kw .hl-eh3-brief-list li strong { color: var(--eh3-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-related .hl-eh3-cards { margin-top: 4px; }
.hl-prod-electric-heater-3kw .hl-eh3-related-card {
  display: block;
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--eh3-ink) !important;
}
.hl-prod-electric-heater-3kw .hl-eh3-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--eh3-cta-blue);
  box-shadow: var(--eh3-shadow-md);
  text-decoration: none !important;
}
.hl-prod-electric-heater-3kw .hl-eh3-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--eh3-copper-dark); margin-bottom: 3px; }
.hl-prod-electric-heater-3kw .hl-eh3-related-title { font-size: 13.3px; font-weight: 800; color: var(--eh3-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-electric-heater-3kw .hl-eh3-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-faq details {
  background: var(--eh3-pale);
  border: 1px solid var(--eh3-blue-border);
  border-radius: var(--eh3-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-electric-heater-3kw .hl-eh3-faq details[open] {
  border-color: var(--eh3-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--eh3-shadow-sm);
}
.hl-prod-electric-heater-3kw .hl-eh3-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--eh3-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-electric-heater-3kw .hl-eh3-faq summary::-webkit-details-marker { display: none; }
.hl-prod-electric-heater-3kw .hl-eh3-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--eh3-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-electric-heater-3kw .hl-eh3-faq details[open] summary::after { content: "\2212"; color: var(--eh3-copper-dark); }
.hl-prod-electric-heater-3kw .hl-eh3-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--eh3-ink); }
.hl-prod-electric-heater-3kw .hl-eh3-faq details p a { color: var(--eh3-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-electric-heater-3kw .hl-eh3-final-cta {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 38%, #FBF3E4 76%, #F2D4B8 100%);
  border: 1px solid var(--eh3-blue-border);
  border-top: 2px solid var(--eh3-copper);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-electric-heater-3kw .hl-eh3-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--eh3-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-electric-heater-3kw .hl-eh3-final-lede { font-size: 12.8px; color: var(--eh3-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 680px; }
.hl-prod-electric-heater-3kw .hl-eh3-final-lede a { color: var(--eh3-cta-blue); font-weight: 600; }
.hl-prod-electric-heater-3kw .hl-eh3-final-lede a:hover { color: var(--eh3-cta-blue-dark); }
.hl-prod-electric-heater-3kw .hl-eh3-cta-row-final { justify-content: center; }
.hl-prod-electric-heater-3kw .hl-eh3-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* =================================================================
   wpautop guards
   ================================================================= */
.hl-prod-electric-heater-3kw .hl-eh3-hero-grid > br,
.hl-prod-electric-heater-3kw .hl-eh3-hero-grid > p,
.hl-prod-electric-heater-3kw .hl-eh3-cta-row > br,
.hl-prod-electric-heater-3kw .hl-eh3-cta-row > p,
.hl-prod-electric-heater-3kw .hl-eh3-chip-row > br,
.hl-prod-electric-heater-3kw .hl-eh3-chip-row > p,
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list > br,
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list > p,
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list li > br,
.hl-prod-electric-heater-3kw .hl-eh3-quickpick-list li > p,
.hl-prod-electric-heater-3kw .hl-eh3-glance-grid > br,
.hl-prod-electric-heater-3kw .hl-eh3-glance-grid > p,
.hl-prod-electric-heater-3kw .hl-eh3-cards > br,
.hl-prod-electric-heater-3kw .hl-eh3-cards > p,
.hl-prod-electric-heater-3kw .hl-eh3-mini-card > br,
.hl-prod-electric-heater-3kw .hl-eh3-mini-card > p,
.hl-prod-electric-heater-3kw .hl-eh3-table-wrap > br,
.hl-prod-electric-heater-3kw .hl-eh3-table-wrap > p,
.hl-prod-electric-heater-3kw .hl-eh3-safety-list > br,
.hl-prod-electric-heater-3kw .hl-eh3-safety-list > p,
.hl-prod-electric-heater-3kw .hl-eh3-safety-list li > br,
.hl-prod-electric-heater-3kw .hl-eh3-safety-list li > p,
.hl-prod-electric-heater-3kw .hl-eh3-mistakes-list > br,
.hl-prod-electric-heater-3kw .hl-eh3-mistakes-list > p,
.hl-prod-electric-heater-3kw .hl-eh3-mistakes-list li > br,
.hl-prod-electric-heater-3kw .hl-eh3-brief-list > br,
.hl-prod-electric-heater-3kw .hl-eh3-brief-list > p,
.hl-prod-electric-heater-3kw .hl-eh3-brief-list li > br,
.hl-prod-electric-heater-3kw .hl-eh3-versus-list > br,
.hl-prod-electric-heater-3kw .hl-eh3-versus-list > p,
.hl-prod-electric-heater-3kw .hl-eh3-versus-list li > br,
.hl-prod-electric-heater-3kw .hl-eh3-bullets > br,
.hl-prod-electric-heater-3kw .hl-eh3-bullets > p {
  display: none !important;
}

/* Tablet */
@media (min-width: 640px) {
  .hl-prod-electric-heater-3kw .hl-eh3-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-electric-heater-3kw .hl-eh3-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-electric-heater-3kw .hl-eh3-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-electric-heater-3kw .hl-eh3-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-electric-heater-3kw .hl-eh3-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-electric-heater-3kw .hl-eh3-related .hl-eh3-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* Side-panel breakpoint */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-electric-heater-3kw .hl-eh3-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* Desktop */
@media (min-width: 920px) {
  .hl-prod-electric-heater-3kw { font-size: 14px; }

  .hl-prod-electric-heater-3kw .hl-eh3-h2 { font-size: 20px; }
  .hl-prod-electric-heater-3kw .hl-eh3-h3 { font-size: 16px; }
  .hl-prod-electric-heater-3kw .hl-eh3-final-title { font-size: 18px; }

  .hl-prod-electric-heater-3kw .hl-eh3-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-electric-heater-3kw .hl-eh3-hero { padding: 15px 17px; }
  .hl-prod-electric-heater-3kw .hl-eh3-hero .hl-eh3-h2 { font-size: 20px; }

  .hl-prod-electric-heater-3kw .hl-eh3-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-electric-heater-3kw .hl-eh3-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-electric-heater-3kw .hl-eh3-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-electric-heater-3kw .hl-eh3-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-electric-heater-3kw .hl-eh3-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-electric-heater-3kw .hl-eh3-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-electric-heater-3kw .hl-eh3-related .hl-eh3-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-electric-heater-3kw .hl-eh3-cards,
  .hl-prod-electric-heater-3kw .hl-eh3-glance-grid,
  .hl-prod-electric-heater-3kw .hl-eh3-safety-list,
  .hl-prod-electric-heater-3kw .hl-eh3-mistakes-list,
  .hl-prod-electric-heater-3kw .hl-eh3-brief-list { align-items: stretch; }

  .hl-prod-electric-heater-3kw .hl-eh3-mini-card,
  .hl-prod-electric-heater-3kw .hl-eh3-glance-cell,
  .hl-prod-electric-heater-3kw .hl-eh3-safety-list li,
  .hl-prod-electric-heater-3kw .hl-eh3-mistakes-list li,
  .hl-prod-electric-heater-3kw .hl-eh3-brief-list li,
  .hl-prod-electric-heater-3kw .hl-eh3-related-card { height: 100%; }

  .hl-prod-electric-heater-3kw .hl-eh3-table { font-size: 13px; }
  .hl-prod-electric-heater-3kw .hl-eh3-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-electric-heater-3kw .hl-eh3-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* Print */
@media print {
  .hl-prod-electric-heater-3kw .hl-eh3-section,
  .hl-prod-electric-heater-3kw .hl-eh3-hero,
  .hl-prod-electric-heater-3kw .hl-eh3-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-electric-heater-3kw .hl-eh3-hero,
  .hl-prod-electric-heater-3kw .hl-eh3-final-cta { border-top-color: var(--eh3-copper); }
}


/* === Hireload 9kW Industrial Electric Fan Heater Product CSS — appended === */
/* =================================================================
   Hireload 9kW Industrial Electric Fan Heater Product CSS
   Root scope: .hl-prod-9kw-industrial-electric-fan-heater
   Class prefix: hl-ief9-
   Palette: soft cream + pale blue + slightly stronger amber (mid-power industrial feel)
   ================================================================= */

.hl-prod-9kw-industrial-electric-fan-heater {
  --ief9-ink: #17202A;
  --ief9-navy: #1E2B38;
  --ief9-deep-navy: #14202B;
  --ief9-steel: #2F5D7C;
  --ief9-soft-blue: #EAF6FA;
  --ief9-pale: #F4FAFD;
  --ief9-warm: #FBF9F4;
  --ief9-cream: #F7F3E8;
  --ief9-warm-amber: #F1CFAF;
  --ief9-amber-glow: #FFF1E3;
  --ief9-border: #DDD5CA;
  --ief9-blue-border: #C9DEE9;
  --ief9-copper: #C47A3A;
  --ief9-copper-dark: #9A6238;
  --ief9-cta-blue: #2F5D7C;
  --ief9-cta-blue-dark: #244A63;

  --ief9-radius-sm: 8px;
  --ief9-radius-md: 10px;
  --ief9-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --ief9-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--ief9-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-9kw-industrial-electric-fan-heater *,
.hl-prod-9kw-industrial-electric-fan-heater *::before,
.hl-prod-9kw-industrial-electric-fan-heater *::after { box-sizing: border-box; }

.hl-prod-9kw-industrial-electric-fan-heater p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-9kw-industrial-electric-fan-heater strong { font-weight: 700; color: var(--ief9-deep-navy); }
.hl-prod-9kw-industrial-electric-fan-heater a { color: var(--ief9-cta-blue); text-decoration: none; }
.hl-prod-9kw-industrial-electric-fan-heater a:hover { color: var(--ief9-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--ief9-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--ief9-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-section {
  background: #FFFFFF;
  border: 1px solid var(--ief9-border);
  border-radius: var(--ief9-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--ief9-shadow-sm);
}

.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-decision {
  background: var(--ief9-pale);
  border-color: var(--ief9-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 34%, #FBF3E4 70%, #F1CFAF 100%);
  border: 1px solid var(--ief9-blue-border);
  border-top: 2px solid var(--ief9-copper);
  padding: 13px 15px;
  box-shadow: var(--ief9-shadow-md);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero .hl-ief9-h2 { font-size: 17px; margin: 0 0 6px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero .hl-ief9-lede { font-size: 13px; color: var(--ief9-ink); margin: 0 0 7px; line-height: 1.5; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero a { color: var(--ief9-cta-blue); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero a:hover { color: var(--ief9-cta-blue-dark); }

.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-side {
  background: #FFFFFF;
  color: var(--ief9-ink);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 9px 11px;
  box-shadow: var(--ief9-shadow-sm);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-side .hl-ief9-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--ief9-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-side .hl-ief9-muted { color: #6F8A9D; font-size: 10.5px; margin: 6px 0 0; line-height: 1.4; }

/* ---------- CTA Buttons ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn-primary {
  background: var(--ief9-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--ief9-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn-primary:hover { background: var(--ief9-cta-blue-dark); border-color: var(--ief9-cta-blue-dark); color: #FFFFFF !important; }

.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn-secondary {
  background: #FFFFFF;
  color: var(--ief9-deep-navy) !important;
  border-color: var(--ief9-border);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn-secondary:hover { background: var(--ief9-warm); color: var(--ief9-cta-blue-dark) !important; border-color: var(--ief9-cta-blue); }

.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn-ghost {
  background: transparent;
  color: var(--ief9-deep-navy) !important;
  border-color: var(--ief9-border);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn-ghost:hover { background: var(--ief9-amber-glow); border-color: var(--ief9-copper); color: var(--ief9-copper-dark) !important; }

.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-chip {
  background: #FFFFFF;
  color: var(--ief9-deep-navy);
  border: 1px solid var(--ief9-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--ief9-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list li > span:first-child { color: var(--ief9-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list li > span:nth-child(2) {
  color: var(--ief9-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list li > span:nth-child(2) a { color: var(--ief9-cta-blue); font-weight: 700; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-decision li { background: #FFFFFF; border-color: var(--ief9-blue-border); }

/* ---------- Quick Answer ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickanswer { background: var(--ief9-soft-blue); border: 1px solid var(--ief9-blue-border); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickanswer p { margin: 0; font-size: 13px; color: var(--ief9-ink); }

/* ---------- At a glance ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-cell {
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ief9-steel);
  margin-bottom: 2px;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-value { font-size: 12.6px; font-weight: 700; color: var(--ief9-deep-navy); line-height: 1.3; }

/* ---------- Card grids ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--ief9-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-card strong { color: var(--ief9-deep-navy); font-weight: 700; }

/* Versus list */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list { list-style: none; padding: 0; margin: 5px 0 0; display: grid; gap: 5px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list li {
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list li.hl-ief9-versus-self {
  background: var(--ief9-amber-glow);
  border-left: 3px solid var(--ief9-copper);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list li > strong { color: var(--ief9-deep-navy); font-weight: 700; min-width: 0; font-size: 12.7px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; color: var(--ief9-ink); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list li > strong a { color: var(--ief9-cta-blue); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--ief9-border);
  border-radius: var(--ief9-radius-md);
  background: #fff;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table th {
  background: var(--ief9-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--ief9-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; letter-spacing: normal; white-space: normal; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--ief9-border);
  vertical-align: top;
  color: var(--ief9-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table td a { color: var(--ief9-cta-blue); font-weight: 600; font-size: inherit; letter-spacing: normal; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table td strong { font-weight: 700; color: var(--ief9-deep-navy); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table tr:nth-child(even) td { background: var(--ief9-pale); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table tr.hl-ief9-row-self td {
  background: var(--ief9-amber-glow);
  border-left: 3px solid var(--ief9-copper);
  font-weight: 400;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table tr.hl-ief9-row-self td strong { font-weight: 700; color: var(--ief9-deep-navy); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--ief9-ink);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--ief9-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses soft cream */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-not-ideal { background: var(--ief9-cream); border-color: var(--ief9-border); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-not-ideal .hl-ief9-bullets li { background: #FFFFFF; border-color: var(--ief9-border); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-not-ideal .hl-ief9-bullets li::before { color: var(--ief9-copper-dark); }

/* ---------- Safety list ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list li .hl-ief9-mini-tick { background: var(--ief9-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list li {
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-left: 3px solid var(--ief9-copper);
  border-radius: var(--ief9-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list li strong { color: var(--ief9-deep-navy); display: block; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-booking-brief { background: var(--ief9-pale); border-color: var(--ief9-blue-border); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list { list-style: none; padding: 0; margin: 7px 0 5px; counter-reset: brief; display: grid; gap: 5px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--ief9-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-icon { font-size: 13.5px; line-height: 1.2; align-self: start; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list li strong { color: var(--ief9-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related .hl-ief9-cards { margin-top: 4px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related-card {
  display: block;
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--ief9-ink) !important;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--ief9-cta-blue);
  box-shadow: var(--ief9-shadow-md);
  text-decoration: none !important;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ief9-copper-dark); margin-bottom: 3px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related-title { font-size: 13.3px; font-weight: 800; color: var(--ief9-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq details {
  background: var(--ief9-pale);
  border: 1px solid var(--ief9-blue-border);
  border-radius: var(--ief9-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq details[open] {
  border-color: var(--ief9-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--ief9-shadow-sm);
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--ief9-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq summary::-webkit-details-marker { display: none; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--ief9-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq details[open] summary::after { content: "\2212"; color: var(--ief9-copper-dark); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--ief9-ink); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-faq details p a { color: var(--ief9-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-cta {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 34%, #FBF3E4 70%, #F1CFAF 100%);
  border: 1px solid var(--ief9-blue-border);
  border-top: 2px solid var(--ief9-copper);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--ief9-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-lede { font-size: 12.8px; color: var(--ief9-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 680px; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-lede a { color: var(--ief9-cta-blue); font-weight: 600; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-lede a:hover { color: var(--ief9-cta-blue-dark); }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cta-row-final { justify-content: center; }
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* =================================================================
   wpautop guards
   ================================================================= */
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-grid > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-grid > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cta-row > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cta-row > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-chip-row > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-chip-row > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list li > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-quickpick-list li > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-grid > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-grid > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cards > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cards > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-card > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-card > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table-wrap > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table-wrap > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list li > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list li > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list li > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list li > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list > p,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-versus-list li > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-bullets > br,
.hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-bullets > p {
  display: none !important;
}

/* Tablet */
@media (min-width: 640px) {
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related .hl-ief9-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* Side-panel breakpoint */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* Desktop */
@media (min-width: 920px) {
  .hl-prod-9kw-industrial-electric-fan-heater { font-size: 14px; }

  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-h2 { font-size: 20px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-h3 { font-size: 16px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-title { font-size: 18px; }

  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero { padding: 15px 17px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero .hl-ief9-h2 { font-size: 20px; }

  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related .hl-ief9-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-cards,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-grid,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list { align-items: stretch; }

  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mini-card,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-glance-cell,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-safety-list li,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-mistakes-list li,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-brief-list li,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-related-card { height: 100%; }

  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table { font-size: 13px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* Print */
@media print {
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-section,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-hero,
  .hl-prod-9kw-industrial-electric-fan-heater .hl-ief9-final-cta { border-top-color: var(--ief9-copper); }
}


/* === Hireload Infrared Heater 3kW 240V Product CSS — appended === */
/* ================================================================
   Hireload 3kW 240V Infrared Heater Product CSS
   Root scope: .hl-prod-infrared-heater-3kw-240v
   Class prefix: hl-irh3-
   Palette: soft cream + pale blue + controlled radiant amber warmth
   ================================================================ */

.hl-prod-infrared-heater-3kw-240v {
  --irh3-ink: #17202A;
  --irh3-navy: #1E2B38;
  --irh3-deep-navy: #14202B;
  --irh3-steel: #2F5D7C;
  --irh3-soft-blue: #EAF6FA;
  --irh3-pale: #F4FAFD;
  --irh3-warm: #FBF9F4;
  --irh3-cream: #F7F3E8;
  --irh3-warm-amber: #F1D1B0;
  --irh3-amber-glow: #FFF1E3;
  --irh3-border: #DDD5CA;
  --irh3-blue-border: #C9DEE9;
  --irh3-copper: #C47A3A;
  --irh3-copper-dark: #9A6238;
  --irh3-cta-blue: #2F5D7C;
  --irh3-cta-blue-dark: #244A63;

  --irh3-radius-sm: 8px;
  --irh3-radius-md: 10px;
  --irh3-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --irh3-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--irh3-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-infrared-heater-3kw-240v *,
.hl-prod-infrared-heater-3kw-240v *::before,
.hl-prod-infrared-heater-3kw-240v *::after { box-sizing: border-box; }

.hl-prod-infrared-heater-3kw-240v p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-infrared-heater-3kw-240v strong { font-weight: 700; color: var(--irh3-deep-navy); }
.hl-prod-infrared-heater-3kw-240v a { color: var(--irh3-cta-blue); text-decoration: none; }
.hl-prod-infrared-heater-3kw-240v a:hover { color: var(--irh3-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--irh3-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--irh3-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-section {
  background: #FFFFFF;
  border: 1px solid var(--irh3-border);
  border-radius: var(--irh3-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--irh3-shadow-sm);
}

.hl-prod-infrared-heater-3kw-240v .hl-irh3-decision {
  background: var(--irh3-pale);
  border-color: var(--irh3-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 36%, #FBF3E4 72%, #F1D1B0 100%);
  border: 1px solid var(--irh3-blue-border);
  border-top: 2px solid var(--irh3-copper);
  padding: 13px 15px;
  box-shadow: var(--irh3-shadow-md);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero .hl-irh3-h2 { font-size: 17px; margin: 0 0 6px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero .hl-irh3-lede { font-size: 13px; color: var(--irh3-ink); margin: 0 0 7px; line-height: 1.5; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero a { color: var(--irh3-cta-blue); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero a:hover { color: var(--irh3-cta-blue-dark); }

.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-side {
  background: #FFFFFF;
  color: var(--irh3-ink);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 9px 11px;
  box-shadow: var(--irh3-shadow-sm);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-side .hl-irh3-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--irh3-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-side .hl-irh3-muted { color: #6F8A9D; font-size: 10.5px; margin: 6px 0 0; line-height: 1.4; }

/* ---------- CTA Buttons ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn-primary {
  background: var(--irh3-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--irh3-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn-primary:hover { background: var(--irh3-cta-blue-dark); border-color: var(--irh3-cta-blue-dark); color: #FFFFFF !important; }

.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn-secondary {
  background: #FFFFFF;
  color: var(--irh3-deep-navy) !important;
  border-color: var(--irh3-border);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn-secondary:hover { background: var(--irh3-warm); color: var(--irh3-cta-blue-dark) !important; border-color: var(--irh3-cta-blue); }

.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn-ghost {
  background: transparent;
  color: var(--irh3-deep-navy) !important;
  border-color: var(--irh3-border);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn-ghost:hover { background: var(--irh3-amber-glow); border-color: var(--irh3-copper); color: var(--irh3-copper-dark) !important; }

.hl-prod-infrared-heater-3kw-240v .hl-irh3-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-chip {
  background: #FFFFFF;
  color: var(--irh3-deep-navy);
  border: 1px solid var(--irh3-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--irh3-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list li > span:first-child { color: var(--irh3-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list li > span:nth-child(2) {
  color: var(--irh3-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list li > span:nth-child(2) a { color: var(--irh3-cta-blue); font-weight: 700; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-decision li { background: #FFFFFF; border-color: var(--irh3-blue-border); }

/* ---------- Quick Answer ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickanswer { background: var(--irh3-soft-blue); border: 1px solid var(--irh3-blue-border); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickanswer p { margin: 0; font-size: 13px; color: var(--irh3-ink); }

/* ---------- At a glance ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-cell {
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--irh3-steel);
  margin-bottom: 2px;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-value { font-size: 12.6px; font-weight: 700; color: var(--irh3-deep-navy); line-height: 1.3; }

/* ---------- Card grids ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--irh3-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-card strong { color: var(--irh3-deep-navy); font-weight: 700; }

/* Versus list */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list { list-style: none; padding: 0; margin: 5px 0 0; display: grid; gap: 5px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list li {
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list li.hl-irh3-versus-self {
  background: var(--irh3-amber-glow);
  border-left: 3px solid var(--irh3-copper);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list li > strong { color: var(--irh3-deep-navy); font-weight: 700; min-width: 0; font-size: 12.7px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; color: var(--irh3-ink); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list li > strong a { color: var(--irh3-cta-blue); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--irh3-border);
  border-radius: var(--irh3-radius-md);
  background: #fff;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table th {
  background: var(--irh3-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--irh3-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; letter-spacing: normal; white-space: normal; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--irh3-border);
  vertical-align: top;
  color: var(--irh3-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table td a { color: var(--irh3-cta-blue); font-weight: 600; font-size: inherit; letter-spacing: normal; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table td strong { font-weight: 700; color: var(--irh3-deep-navy); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table tr:nth-child(even) td { background: var(--irh3-pale); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table tr.hl-irh3-row-self td {
  background: var(--irh3-amber-glow);
  border-left: 3px solid var(--irh3-copper);
  font-weight: 400;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table tr.hl-irh3-row-self td strong { font-weight: 700; color: var(--irh3-deep-navy); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--irh3-ink);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--irh3-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses soft cream */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-not-ideal { background: var(--irh3-cream); border-color: var(--irh3-border); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-not-ideal .hl-irh3-bullets li { background: #FFFFFF; border-color: var(--irh3-border); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-not-ideal .hl-irh3-bullets li::before { color: var(--irh3-copper-dark); }

/* ---------- Safety list ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list li .hl-irh3-mini-tick { background: var(--irh3-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list li {
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-left: 3px solid var(--irh3-copper);
  border-radius: var(--irh3-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list li strong { color: var(--irh3-deep-navy); display: block; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-booking-brief { background: var(--irh3-pale); border-color: var(--irh3-blue-border); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list { list-style: none; padding: 0; margin: 7px 0 5px; counter-reset: brief; display: grid; gap: 5px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--irh3-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-icon { font-size: 13.5px; line-height: 1.2; align-self: start; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list li strong { color: var(--irh3-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-related .hl-irh3-cards { margin-top: 4px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-related-card {
  display: block;
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--irh3-ink) !important;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--irh3-cta-blue);
  box-shadow: var(--irh3-shadow-md);
  text-decoration: none !important;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--irh3-copper-dark); margin-bottom: 3px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-related-title { font-size: 13.3px; font-weight: 800; color: var(--irh3-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq details {
  background: var(--irh3-pale);
  border: 1px solid var(--irh3-blue-border);
  border-radius: var(--irh3-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq details[open] {
  border-color: var(--irh3-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--irh3-shadow-sm);
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--irh3-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq summary::-webkit-details-marker { display: none; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--irh3-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq details[open] summary::after { content: "\2212"; color: var(--irh3-copper-dark); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--irh3-ink); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-faq details p a { color: var(--irh3-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-final-cta {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 36%, #FBF3E4 72%, #F1D1B0 100%);
  border: 1px solid var(--irh3-blue-border);
  border-top: 2px solid var(--irh3-copper);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--irh3-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-infrared-heater-3kw-240v .hl-irh3-final-lede { font-size: 12.8px; color: var(--irh3-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 680px; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-final-lede a { color: var(--irh3-cta-blue); font-weight: 600; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-final-lede a:hover { color: var(--irh3-cta-blue-dark); }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-cta-row-final { justify-content: center; }
.hl-prod-infrared-heater-3kw-240v .hl-irh3-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* ================================================================
   wpautop guards
   ================================================================ */
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-grid > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-grid > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-cta-row > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-cta-row > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-chip-row > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-chip-row > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list li > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-quickpick-list li > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-grid > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-grid > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-cards > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-cards > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-card > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-card > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table-wrap > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-table-wrap > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list li > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list li > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list li > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list li > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list > p,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-versus-list li > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-bullets > br,
.hl-prod-infrared-heater-3kw-240v .hl-irh3-bullets > p {
  display: none !important;
}

/* Tablet */
@media (min-width: 640px) {
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-related .hl-irh3-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* Side-panel breakpoint */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* Desktop */
@media (min-width: 920px) {
  .hl-prod-infrared-heater-3kw-240v { font-size: 14px; }

  .hl-prod-infrared-heater-3kw-240v .hl-irh3-h2 { font-size: 20px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-h3 { font-size: 16px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-final-title { font-size: 18px; }

  .hl-prod-infrared-heater-3kw-240v .hl-irh3-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-hero { padding: 15px 17px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-hero .hl-irh3-h2 { font-size: 20px; }

  .hl-prod-infrared-heater-3kw-240v .hl-irh3-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-infrared-heater-3kw-240v .hl-irh3-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-related .hl-irh3-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-infrared-heater-3kw-240v .hl-irh3-cards,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-grid,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list { align-items: stretch; }

  .hl-prod-infrared-heater-3kw-240v .hl-irh3-mini-card,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-glance-cell,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-safety-list li,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-mistakes-list li,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-brief-list li,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-related-card { height: 100%; }

  .hl-prod-infrared-heater-3kw-240v .hl-irh3-table { font-size: 13px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* Print */
@media print {
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-section,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-hero,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-hero,
  .hl-prod-infrared-heater-3kw-240v .hl-irh3-final-cta { border-top-color: var(--irh3-copper); }
}


/* === Hireload Industrial Electric Fan Heater 40kW Product CSS — appended === */
/* ================================================================
   Hireload Industrial Electric Fan Heater (40kW) Product CSS
   Root scope: .hl-prod-industrial-electric-fan-heater
   Class prefix: hl-ief-
   Palette: soft cream + pale blue + controlled industrial amber warmth
   ================================================================ */

.hl-prod-industrial-electric-fan-heater {
  --ief-ink: #17202A;
  --ief-navy: #1E2B38;
  --ief-deep-navy: #14202B;
  --ief-steel: #2F5D7C;
  --ief-soft-blue: #EAF6FA;
  --ief-pale: #F4FAFD;
  --ief-warm: #FBF9F4;
  --ief-cream: #F7F3E8;
  --ief-warm-amber: #F1D1B0;
  --ief-amber-glow: #FFF1E3;
  --ief-border: #DDD5CA;
  --ief-blue-border: #C9DEE9;
  --ief-copper: #C47A3A;
  --ief-copper-dark: #9A6238;
  --ief-cta-blue: #2F5D7C;
  --ief-cta-blue-dark: #244A63;

  --ief-radius-sm: 8px;
  --ief-radius-md: 10px;
  --ief-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.05);
  --ief-shadow-md: 0 2px 6px rgba(20, 32, 43, 0.08);

  font-size: 13px;
  line-height: 1.55;
  color: var(--ief-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-industrial-electric-fan-heater *,
.hl-prod-industrial-electric-fan-heater *::before,
.hl-prod-industrial-electric-fan-heater *::after { box-sizing: border-box; }

.hl-prod-industrial-electric-fan-heater p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-industrial-electric-fan-heater strong { font-weight: 700; color: var(--ief-deep-navy); }
.hl-prod-industrial-electric-fan-heater a { color: var(--ief-cta-blue); text-decoration: none; }
.hl-prod-industrial-electric-fan-heater a:hover { color: var(--ief-cta-blue-dark); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--ief-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--ief-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-section {
  background: #FFFFFF;
  border: 1px solid var(--ief-border);
  border-radius: var(--ief-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--ief-shadow-sm);
}

.hl-prod-industrial-electric-fan-heater .hl-ief-decision {
  background: var(--ief-pale);
  border-color: var(--ief-blue-border);
}

/* ---------- Hero ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-hero {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 34%, #FBF3E4 70%, #F1CFAF 100%);
  border: 1px solid var(--ief-blue-border);
  border-top: 2px solid var(--ief-copper);
  padding: 13px 15px;
  box-shadow: var(--ief-shadow-md);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-hero .hl-ief-h2 { font-size: 17px; margin: 0 0 6px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-hero .hl-ief-lede { font-size: 13px; color: var(--ief-ink); margin: 0 0 7px; line-height: 1.5; }
.hl-prod-industrial-electric-fan-heater .hl-ief-hero a { color: var(--ief-cta-blue); }
.hl-prod-industrial-electric-fan-heater .hl-ief-hero a:hover { color: var(--ief-cta-blue-dark); }

.hl-prod-industrial-electric-fan-heater .hl-ief-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

.hl-prod-industrial-electric-fan-heater .hl-ief-hero-side {
  background: #FFFFFF;
  color: var(--ief-ink);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 9px 11px;
  box-shadow: var(--ief-shadow-sm);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-hero-side .hl-ief-side-title {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--ief-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.3;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-hero-side .hl-ief-muted { color: #6F8A9D; font-size: 10.5px; margin: 6px 0 0; line-height: 1.4; }

/* ---------- CTA Buttons ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-industrial-electric-fan-heater .hl-ief-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-industrial-electric-fan-heater .hl-ief-btn-primary {
  background: var(--ief-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--ief-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-btn-primary:hover { background: var(--ief-cta-blue-dark); border-color: var(--ief-cta-blue-dark); color: #FFFFFF !important; }

.hl-prod-industrial-electric-fan-heater .hl-ief-btn-secondary {
  background: #FFFFFF;
  color: var(--ief-deep-navy) !important;
  border-color: var(--ief-border);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-btn-secondary:hover { background: var(--ief-warm); color: var(--ief-cta-blue-dark) !important; border-color: var(--ief-cta-blue); }

.hl-prod-industrial-electric-fan-heater .hl-ief-btn-ghost {
  background: transparent;
  color: var(--ief-deep-navy) !important;
  border-color: var(--ief-border);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-btn-ghost:hover { background: var(--ief-amber-glow); border-color: var(--ief-copper); color: var(--ief-copper-dark) !important; }

.hl-prod-industrial-electric-fan-heater .hl-ief-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-chip {
  background: #FFFFFF;
  color: var(--ief-deep-navy);
  border: 1px solid var(--ief-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--ief-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 8px;
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-sm);
  font-size: 11.6px;
  line-height: 1.25;
  min-width: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list li > span:first-child { color: var(--ief-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list li > span:nth-child(2) {
  color: var(--ief-steel);
  font-weight: 700;
  font-size: 11.3px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list li > span:nth-child(2) a { color: var(--ief-cta-blue); font-weight: 700; }
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-decision li { background: #FFFFFF; border-color: var(--ief-blue-border); }

/* ---------- Quick Answer ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-quickanswer { background: var(--ief-soft-blue); border: 1px solid var(--ief-blue-border); }
.hl-prod-industrial-electric-fan-heater .hl-ief-quickanswer p { margin: 0; font-size: 13px; color: var(--ief-ink); }

/* ---------- At a glance ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-glance-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-glance-cell {
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 7px 10px;
  min-width: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-glance-label {
  font-size: 10.3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ief-steel);
  margin-bottom: 2px;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-glance-value { font-size: 12.6px; font-weight: 700; color: var(--ief-deep-navy); line-height: 1.3; }

/* ---------- Card grids ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-industrial-electric-fan-heater .hl-ief-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--ief-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-mini-card strong { color: var(--ief-deep-navy); font-weight: 700; }

/* Versus list */
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list { list-style: none; padding: 0; margin: 5px 0 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list li {
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list li.hl-ief-versus-self {
  background: var(--ief-amber-glow);
  border-left: 3px solid var(--ief-copper);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list li > strong { color: var(--ief-deep-navy); font-weight: 700; min-width: 0; font-size: 12.7px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; color: var(--ief-ink); }
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list li > strong a { color: var(--ief-cta-blue); font-weight: 700; }

/* ---------- Tables ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--ief-border);
  border-radius: var(--ief-radius-md);
  background: #fff;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-industrial-electric-fan-heater .hl-ief-table th {
  background: var(--ief-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--ief-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; letter-spacing: normal; white-space: normal; }
.hl-prod-industrial-electric-fan-heater .hl-ief-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--ief-border);
  vertical-align: top;
  color: var(--ief-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-table td a { color: var(--ief-cta-blue); font-weight: 600; font-size: inherit; letter-spacing: normal; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.hl-prod-industrial-electric-fan-heater .hl-ief-table td strong { font-weight: 700; color: var(--ief-deep-navy); }
.hl-prod-industrial-electric-fan-heater .hl-ief-table tr:nth-child(even) td { background: var(--ief-pale); }
.hl-prod-industrial-electric-fan-heater .hl-ief-table tr.hl-ief-row-self td {
  background: var(--ief-amber-glow);
  border-left: 3px solid var(--ief-copper);
  font-weight: 400;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-table tr.hl-ief-row-self td strong { font-weight: 700; color: var(--ief-deep-navy); }
.hl-prod-industrial-electric-fan-heater .hl-ief-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--ief-ink);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--ief-cta-blue);
  font-weight: 800;
  font-size: 14px;
}

/* Not-ideal section uses soft cream */
.hl-prod-industrial-electric-fan-heater .hl-ief-not-ideal { background: var(--ief-cream); border-color: var(--ief-border); }
.hl-prod-industrial-electric-fan-heater .hl-ief-not-ideal .hl-ief-bullets li { background: #FFFFFF; border-color: var(--ief-border); }
.hl-prod-industrial-electric-fan-heater .hl-ief-not-ideal .hl-ief-bullets li::before { color: var(--ief-copper-dark); }

/* ---------- Safety list ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list li .hl-ief-mini-tick { background: var(--ief-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list li {
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-left: 3px solid var(--ief-copper);
  border-radius: var(--ief-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list li strong { color: var(--ief-deep-navy); display: block; }
.hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Booking brief ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-booking-brief { background: var(--ief-pale); border-color: var(--ief-blue-border); }
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list { list-style: none; padding: 0; margin: 7px 0 5px; counter-reset: brief; display: grid; gap: 5px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list li {
  background: #FFFFFF;
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  counter-increment: brief;
  position: relative;
  font-size: 12.4px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list li::before {
  content: counter(brief);
  position: absolute;
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  background: var(--ief-cta-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-icon { font-size: 13.5px; line-height: 1.2; align-self: start; }
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list li strong { color: var(--ief-deep-navy); font-weight: 700; }

/* ---------- Related products ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-related .hl-ief-cards { margin-top: 4px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-related-card {
  display: block;
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--ief-ink) !important;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--ief-cta-blue);
  box-shadow: var(--ief-shadow-md);
  text-decoration: none !important;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ief-copper-dark); margin-bottom: 3px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-related-title { font-size: 13.3px; font-weight: 800; color: var(--ief-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-industrial-electric-fan-heater .hl-ief-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-faq details {
  background: var(--ief-pale);
  border: 1px solid var(--ief-blue-border);
  border-radius: var(--ief-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-faq details[open] {
  border-color: var(--ief-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--ief-shadow-sm);
}
.hl-prod-industrial-electric-fan-heater .hl-ief-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--ief-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-faq summary::-webkit-details-marker { display: none; }
.hl-prod-industrial-electric-fan-heater .hl-ief-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--ief-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-faq details[open] summary::after { content: "\2212"; color: var(--ief-copper-dark); }
.hl-prod-industrial-electric-fan-heater .hl-ief-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--ief-ink); }
.hl-prod-industrial-electric-fan-heater .hl-ief-faq details p a { color: var(--ief-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-industrial-electric-fan-heater .hl-ief-final-cta {
  background: linear-gradient(135deg, #F8FBFC 0%, #F4FAFD 34%, #FBF3E4 70%, #F1CFAF 100%);
  border: 1px solid var(--ief-blue-border);
  border-top: 2px solid var(--ief-copper);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--ief-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-industrial-electric-fan-heater .hl-ief-final-lede { font-size: 12.8px; color: var(--ief-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 680px; }
.hl-prod-industrial-electric-fan-heater .hl-ief-final-lede a { color: var(--ief-cta-blue); font-weight: 600; }
.hl-prod-industrial-electric-fan-heater .hl-ief-final-lede a:hover { color: var(--ief-cta-blue-dark); }
.hl-prod-industrial-electric-fan-heater .hl-ief-cta-row-final { justify-content: center; }
.hl-prod-industrial-electric-fan-heater .hl-ief-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* ================================================================
   wpautop guards
   ================================================================ */
.hl-prod-industrial-electric-fan-heater .hl-ief-hero-grid > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-hero-grid > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-cta-row > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-cta-row > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-chip-row > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-chip-row > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list li > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-quickpick-list li > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-glance-grid > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-glance-grid > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-cards > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-cards > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-mini-card > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-mini-card > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-table-wrap > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-table-wrap > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list li > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-safety-list li > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list li > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-brief-list li > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list > p,
.hl-prod-industrial-electric-fan-heater .hl-ief-versus-list li > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-bullets > br,
.hl-prod-industrial-electric-fan-heater .hl-ief-bullets > p {
  display: none !important;
}

/* Tablet */
@media (min-width: 640px) {
  .hl-prod-industrial-electric-fan-heater .hl-ief-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-fan-heater .hl-ief-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-industrial-electric-fan-heater .hl-ief-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-fan-heater .hl-ief-brief-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-fan-heater .hl-ief-related .hl-ief-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

/* Side-panel breakpoint */
@media (min-width: 760px) and (max-width: 919.98px) {
  .hl-prod-industrial-electric-fan-heater .hl-ief-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 0.65fr);
    gap: 10px;
  }
}

/* Desktop */
@media (min-width: 920px) {
  .hl-prod-industrial-electric-fan-heater { font-size: 14px; }

  .hl-prod-industrial-electric-fan-heater .hl-ief-h2 { font-size: 20px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-h3 { font-size: 16px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-final-title { font-size: 18px; }

  .hl-prod-industrial-electric-fan-heater .hl-ief-section { padding: 13px 15px; margin: 10px 0; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-hero { padding: 15px 17px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-hero .hl-ief-h2 { font-size: 20px; }

  .hl-prod-industrial-electric-fan-heater .hl-ief-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 12px;
  }

  .hl-prod-industrial-electric-fan-heater .hl-ief-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-glance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-industrial-electric-fan-heater .hl-ief-brief-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-related .hl-ief-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-industrial-electric-fan-heater .hl-ief-cards,
  .hl-prod-industrial-electric-fan-heater .hl-ief-glance-grid,
  .hl-prod-industrial-electric-fan-heater .hl-ief-safety-list,
  .hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list,
  .hl-prod-industrial-electric-fan-heater .hl-ief-brief-list { align-items: stretch; }

  .hl-prod-industrial-electric-fan-heater .hl-ief-mini-card,
  .hl-prod-industrial-electric-fan-heater .hl-ief-glance-cell,
  .hl-prod-industrial-electric-fan-heater .hl-ief-safety-list li,
  .hl-prod-industrial-electric-fan-heater .hl-ief-mistakes-list li,
  .hl-prod-industrial-electric-fan-heater .hl-ief-brief-list li,
  .hl-prod-industrial-electric-fan-heater .hl-ief-related-card { height: 100%; }

  .hl-prod-industrial-electric-fan-heater .hl-ief-table { font-size: 13px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-table th { padding: 8px 10px; font-size: 12.3px; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-table td { padding: 7px 10px; font-size: 12.6px; }
}

/* Print */
@media print {
  .hl-prod-industrial-electric-fan-heater .hl-ief-section,
  .hl-prod-industrial-electric-fan-heater .hl-ief-hero,
  .hl-prod-industrial-electric-fan-heater .hl-ief-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-industrial-electric-fan-heater .hl-ief-hero,
  .hl-prod-industrial-electric-fan-heater .hl-ief-final-cta { border-top-color: var(--ief-copper); }
}


/* === Hireload 110V Tripod Floodlight 30W Product CSS — appended === */
/* ==========================================================================
   110V Tripod Floodlight 30W — Product Page Styles (v3)
   Scope:  .hl-prod-110v-tripod-floodlight-30w
   Prefix: hl-tfl30-
   Rules:  NO global selectors. NO body/html/:root overrides.
           Product root is width:100%; max-width:none — fills WC description.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Custom Properties — scoped to wrapper
   -------------------------------------------------------------------------- */
.hl-prod-110v-tripod-floodlight-30w {
  --tfl30-ink:         #1A1F2E;
  --tfl30-navy:        #1B3A5C;
  --tfl30-deep-navy:   #122840;
  --tfl30-steel:       #3B5F80;
  --tfl30-soft-blue:   #EAF3FA;
  --tfl30-pale:        #F4FAFD;
  --tfl30-warm:        #FFF8ED;
  --tfl30-cream:       #FFFBF3;
  --tfl30-light-glow:  #FFF6DC;
  --tfl30-amber:       #C97B00;
  --tfl30-border:      #D4E3EF;
  --tfl30-blue-border: #BDD6EA;
  --tfl30-gold:        #D4A017;
  --tfl30-gold-dark:   #A87A00;
  --tfl30-cta-blue:    #2F5D7C;
  --tfl30-cta-blue-dk: #244A63;
  --tfl30-green:       #2A7A3B;
  --tfl30-red:         #C0392B;
  --tfl30-orange:      #C96B00;
  --tfl30-radius:      9px;

  /* --- Layout: full width, no narrow cap --- */
  width: 100%;
  max-width: none;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--tfl30-ink);
  font-size: 14px;
  line-height: 1.55;
  box-sizing: border-box;
}

.hl-prod-110v-tripod-floodlight-30w *,
.hl-prod-110v-tripod-floodlight-30w *::before,
.hl-prod-110v-tripod-floodlight-30w *::after {
  box-sizing: inherit;
}

/* wpautop reset */
.hl-prod-110v-tripod-floodlight-30w p {
  margin: 0 0 10px;
}
.hl-prod-110v-tripod-floodlight-30w p:last-child {
  margin-bottom: 0;
}

.hl-prod-110v-tripod-floodlight-30w h2 {
  font-size: 19px;
  font-weight: 700;
  color: var(--tfl30-navy);
  margin: 0 0 8px;
  line-height: 1.22;
}

.hl-prod-110v-tripod-floodlight-30w h3 {
  font-size: 15.5px;
  font-weight: 700;
  color: var(--tfl30-navy);
  margin: 0 0 7px;
  line-height: 1.3;
}

.hl-prod-110v-tripod-floodlight-30w a {
  color: var(--tfl30-cta-blue);
  text-decoration: none;
}
.hl-prod-110v-tripod-floodlight-30w a:hover {
  text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Section wrapper
   -------------------------------------------------------------------------- */
.hl-tfl30-section {
  margin-bottom: 26px;
}
.hl-tfl30-section:last-child {
  margin-bottom: 0;
}

/* Section eyebrow label */
.hl-tfl30-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #fff;
  border: 1px solid var(--tfl30-blue-border);
  color: var(--tfl30-steel);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 5px;
  margin-bottom: 6px;
}

/* --------------------------------------------------------------------------
   HERO — wide 2-column grid (1.75fr left | 0.75fr right)
   -------------------------------------------------------------------------- */
.hl-tfl30-hero {
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(43, 98, 138, 0.12) 0%, transparent 60%),
    linear-gradient(135deg, #F6FAFD 0%, #F3FAFD 40%, #FFF8E8 75%, #F5DEAC 100%);
  border: 1px solid var(--tfl30-blue-border);
  border-top: 3px solid var(--tfl30-gold);
  border-radius: var(--tfl30-radius);
  padding: 16px 18px 14px;
  margin: 6px 0 18px;
  box-shadow: 0 3px 16px rgba(27, 58, 92, 0.07);
}

.hl-tfl30-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(240px, 0.75fr);
  gap: 16px;
  align-items: stretch;
}

/* Left column */
.hl-tfl30-hero-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.hl-tfl30-hero-eyebrow {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.85);
  border: 1px solid var(--tfl30-blue-border);
  color: var(--tfl30-steel);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  margin-bottom: 7px;
}

.hl-tfl30-hero-main h2 {
  font-size: 19px;
  margin-bottom: 6px;
  line-height: 1.2;
}

.hl-tfl30-hero-sub {
  font-size: 13px;
  color: #2A3A4A;
  margin: 0 0 5px;
  line-height: 1.5;
}

.hl-tfl30-hero-note {
  font-size: 12px;
  color: var(--tfl30-steel);
  margin: 0 0 10px;
  line-height: 1.45;
}

/* Chips */
.hl-tfl30-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 12px;
}

.hl-tfl30-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--tfl30-blue-border);
  border-radius: 20px;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--tfl30-navy);
  white-space: nowrap;
}

/* Hero CTAs */
.hl-tfl30-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
  padding-top: 4px;
}

/* --------------------------------------------------------------------------
   Buttons — strong contrast, !important overrides WC/theme link styles
   -------------------------------------------------------------------------- */
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--tfl30-cta-blue);
  color: #FFFFFF !important;
  border: none;
  border-radius: 6px;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s;
}
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-primary:hover,
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-primary:focus {
  background: var(--tfl30-cta-blue-dk);
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--tfl30-gold);
  color: #1E2B38 !important;
  border: none;
  border-radius: 6px;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s;
}
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-secondary:hover,
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-secondary:focus {
  background: var(--tfl30-gold-dark);
  color: #1E2B38 !important;
  text-decoration: none !important;
}

.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  color: #244A63 !important;
  border: 1.5px solid var(--tfl30-cta-blue);
  border-radius: 6px;
  padding: 7px 13px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-outline:hover,
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-outline:focus {
  background: var(--tfl30-cta-blue);
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* Light button for dark backgrounds */
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-light {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.15);
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255,255,255,0.55);
  border-radius: 6px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s;
}
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-light:hover,
.hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-light:focus {
  background: rgba(255,255,255,0.28);
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   Hero spec card (right column)
   -------------------------------------------------------------------------- */
.hl-tfl30-hero-card {
  background: rgba(255,255,255,0.92);
  border: 1px solid var(--tfl30-blue-border);
  border-radius: 8px;
  padding: 11px 13px;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.hl-tfl30-hc-title {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--tfl30-steel);
  margin: 0 0 7px;
}

.hl-tfl30-hc-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 0;
  border-bottom: 1px solid var(--tfl30-blue-border);
  font-size: 12px;
  gap: 8px;
}
.hl-tfl30-hc-row:last-of-type {
  border-bottom: none;
}

.hl-tfl30-hc-label {
  color: var(--tfl30-steel);
  flex-shrink: 0;
}

.hl-tfl30-hc-val {
  font-weight: 600;
  color: var(--tfl30-ink);
  text-align: right;
  word-break: break-word;
}

.hl-tfl30-hc-cta {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--tfl30-blue-border);
}

/* --------------------------------------------------------------------------
   Quick Answer callout
   -------------------------------------------------------------------------- */
.hl-tfl30-quick-answer {
  background: var(--tfl30-soft-blue);
  border-left: 3px solid var(--tfl30-cta-blue);
  border-radius: 0 8px 8px 0;
  padding: 12px 16px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--tfl30-ink);
}

/* --------------------------------------------------------------------------
   Spec table
   -------------------------------------------------------------------------- */
.hl-tfl30-spec-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--tfl30-radius);
  border: 1px solid var(--tfl30-border);
}

.hl-tfl30-spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 320px;
}

.hl-tfl30-spec-table th {
  background: var(--tfl30-navy);
  color: #fff;
  padding: 8px 13px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
}

.hl-tfl30-spec-table td {
  padding: 7px 13px;
  border-bottom: 1px solid var(--tfl30-border);
  vertical-align: top;
}

.hl-tfl30-spec-table tr:nth-child(even) td {
  background: var(--tfl30-pale);
}

.hl-tfl30-spec-table tr:last-child td {
  border-bottom: none;
}

.hl-tfl30-spec-label {
  font-weight: 600;
  color: var(--tfl30-navy);
  width: 38%;
}

.hl-tfl30-spec-val {
  color: var(--tfl30-ink);
}

/* --------------------------------------------------------------------------
   Quick Pick — wide horizontal rows
   -------------------------------------------------------------------------- */
.hl-tfl30-pick-rows {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.hl-tfl30-pick-row {
  display: grid;
  grid-template-columns: 26px 1fr auto;
  align-items: center;
  gap: 10px;
  background: var(--tfl30-pale);
  border: 1px solid var(--tfl30-border);
  border-radius: 7px;
  padding: 8px 13px;
  min-width: 0;
}

.hl-tfl30-pick-emoji {
  font-size: 17px;
  line-height: 1;
  text-align: center;
}

.hl-tfl30-pick-text {
  min-width: 0;
}

.hl-tfl30-pick-name {
  font-weight: 600;
  font-size: 13px;
  color: var(--tfl30-navy);
  white-space: normal;
  overflow-wrap: break-word;
}

.hl-tfl30-pick-desc {
  font-size: 11.5px;
  color: var(--tfl30-steel);
  margin-top: 1px;
  white-space: normal;
  overflow-wrap: break-word;
}

.hl-tfl30-pick-cta {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--tfl30-cta-blue) !important;
  white-space: nowrap;
  text-decoration: none !important;
}
.hl-tfl30-pick-cta:hover {
  text-decoration: underline !important;
}

/* --------------------------------------------------------------------------
   Best For — 3-column icon cards
   -------------------------------------------------------------------------- */
.hl-tfl30-for-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 10px;
}

.hl-tfl30-for-card {
  background: var(--tfl30-pale);
  border: 1px solid var(--tfl30-border);
  border-radius: var(--tfl30-radius);
  padding: 13px 12px;
  min-width: 0;
}

.hl-tfl30-for-icon {
  font-size: 22px;
  margin-bottom: 5px;
  line-height: 1;
}

.hl-tfl30-for-title {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--tfl30-navy);
  margin-bottom: 4px;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

.hl-tfl30-for-body {
  font-size: 12px;
  color: var(--tfl30-steel);
  line-height: 1.45;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

/* --------------------------------------------------------------------------
   Not Ideal For — 2-column ✗ grid
   -------------------------------------------------------------------------- */
.hl-tfl30-not-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.hl-tfl30-not-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #FFF5F5;
  border: 1px solid #F5C6C6;
  border-radius: 7px;
  padding: 8px 11px;
  font-size: 12.5px;
  min-width: 0;
}

.hl-tfl30-not-x {
  color: var(--tfl30-red);
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  line-height: 1.3;
}

.hl-tfl30-not-text {
  color: var(--tfl30-ink);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

/* --------------------------------------------------------------------------
   Choose by Job — 3-column table (max)
   -------------------------------------------------------------------------- */
.hl-tfl30-job-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--tfl30-radius);
  border: 1px solid var(--tfl30-border);
}

.hl-tfl30-job-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 400px;
}

.hl-tfl30-job-table th {
  background: var(--tfl30-navy);
  color: #fff;
  padding: 9px 13px;
  text-align: left;
  font-weight: 600;
  font-size: 12.5px;
}

.hl-tfl30-job-table td {
  padding: 8px 13px;
  border-bottom: 1px solid var(--tfl30-border);
  vertical-align: top;
  line-height: 1.45;
}

.hl-tfl30-job-table tr:nth-child(even) td {
  background: var(--tfl30-pale);
}

.hl-tfl30-job-table tr:last-child td {
  border-bottom: none;
}

.hl-tfl30-job-table td:first-child {
  font-weight: 600;
  color: var(--tfl30-navy);
}

.hl-tfl30-job-table a {
  color: var(--tfl30-cta-blue) !important;
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   30W vs 60W vs Cordless — 3 comparison cards
   -------------------------------------------------------------------------- */
.hl-tfl30-comp-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.hl-tfl30-comp-card {
  border: 1px solid var(--tfl30-border);
  border-radius: var(--tfl30-radius);
  overflow: hidden;
  min-width: 0;
}

.hl-tfl30-comp-card.hl-tfl30-comp-hero {
  border-color: var(--tfl30-gold);
  box-shadow: 0 0 0 1.5px var(--tfl30-gold);
}

.hl-tfl30-comp-head {
  padding: 10px 12px 8px;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  background: var(--tfl30-steel);
}

.hl-tfl30-comp-card.hl-tfl30-comp-hero .hl-tfl30-comp-head {
  background: var(--tfl30-navy);
}

.hl-tfl30-comp-badge {
  display: inline-block;
  background: var(--tfl30-gold);
  color: var(--tfl30-deep-navy);
  font-size: 9.5px;
  font-weight: 700;
  border-radius: 10px;
  padding: 1px 7px;
  margin-left: 5px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.hl-tfl30-comp-body {
  padding: 10px 12px;
  background: #fff;
}

.hl-tfl30-comp-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid var(--tfl30-border);
  padding: 4px 0;
  font-size: 12px;
  gap: 6px;
}
.hl-tfl30-comp-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.hl-tfl30-comp-attr {
  color: var(--tfl30-steel);
  flex-shrink: 0;
  font-size: 11.5px;
}

.hl-tfl30-comp-v {
  font-weight: 600;
  color: var(--tfl30-ink);
  text-align: right;
  word-break: break-word;
}

.hl-tfl30-comp-v.hl-tfl30-comp-yes { color: var(--tfl30-green); }
.hl-tfl30-comp-v.hl-tfl30-comp-no  { color: var(--tfl30-steel); }

/* --------------------------------------------------------------------------
   Safety Checklist (green tinted)
   -------------------------------------------------------------------------- */
.hl-tfl30-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.hl-tfl30-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: #F0FAF3;
  border: 1px solid #B7DFC4;
  border-radius: 7px;
  padding: 8px 12px;
  font-size: 13px;
  min-width: 0;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

.hl-tfl30-ck-icon {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1.3;
}

/* --------------------------------------------------------------------------
   Common Mistakes (amber tinted)
   -------------------------------------------------------------------------- */
.hl-tfl30-mistakelist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.hl-tfl30-mistakelist li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: #FFF8F0;
  border: 1px solid #F5D8A8;
  border-radius: 7px;
  padding: 8px 12px;
  font-size: 13px;
  min-width: 0;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

.hl-tfl30-mk-x {
  flex-shrink: 0;
  color: var(--tfl30-orange);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
}

/* --------------------------------------------------------------------------
   Cost Factor cards (3-col)
   -------------------------------------------------------------------------- */
.hl-tfl30-cost-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 10px;
}

.hl-tfl30-cost-card {
  background: var(--tfl30-warm);
  border: 1px solid var(--tfl30-border);
  border-radius: var(--tfl30-radius);
  padding: 12px 13px;
  min-width: 0;
}

.hl-tfl30-cost-icon {
  font-size: 20px;
  margin-bottom: 4px;
  line-height: 1;
}

.hl-tfl30-cost-label {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--tfl30-navy);
  margin-bottom: 3px;
  word-break: break-word;
}

.hl-tfl30-cost-desc {
  font-size: 11.5px;
  color: var(--tfl30-steel);
  line-height: 1.4;
  word-break: break-word;
  hyphens: none;
}

/* --------------------------------------------------------------------------
   Related Products — 3-col cards
   -------------------------------------------------------------------------- */
.hl-tfl30-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 10px;
}

.hl-tfl30-rel-card {
  background: #fff;
  border: 1px solid var(--tfl30-border);
  border-radius: var(--tfl30-radius);
  padding: 13px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hl-tfl30-rel-icon { font-size: 22px; line-height: 1; }

.hl-tfl30-rel-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--tfl30-navy);
  word-break: break-word;
}

.hl-tfl30-rel-price {
  font-size: 12px;
  color: var(--tfl30-amber);
  font-weight: 600;
}

.hl-tfl30-rel-why {
  font-size: 11.5px;
  color: var(--tfl30-steel);
  line-height: 1.4;
  word-break: break-word;
  hyphens: none;
}

.hl-tfl30-rel-link {
  font-size: 12px;
  font-weight: 700;
  color: var(--tfl30-cta-blue) !important;
  text-decoration: none !important;
  margin-top: auto;
}
.hl-tfl30-rel-link:hover { text-decoration: underline !important; }

/* --------------------------------------------------------------------------
   FAQ — accordion
   -------------------------------------------------------------------------- */
.hl-tfl30-faq-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.hl-tfl30-faq-item {
  background: #fff;
  border: 1px solid var(--tfl30-border);
  border-radius: 7px;
  overflow: hidden;
}

.hl-tfl30-faq-item summary {
  cursor: pointer;
  padding: 11px 14px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--tfl30-navy);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  user-select: none;
}

.hl-tfl30-faq-item summary::-webkit-details-marker { display: none; }

.hl-tfl30-faq-item summary::after {
  content: '+';
  font-size: 18px;
  font-weight: 400;
  color: var(--tfl30-steel);
  flex-shrink: 0;
  line-height: 1;
}

.hl-tfl30-faq-item[open] summary::after { content: '\2212'; }

.hl-tfl30-faq-item[open] {
  background: var(--tfl30-pale);
}

.hl-tfl30-faq-item[open] summary {
  border-bottom: 1px solid var(--tfl30-border);
}

.hl-tfl30-faq-ans {
  padding: 10px 14px 12px;
  font-size: 13px;
  color: var(--tfl30-ink);
  line-height: 1.55;
}

.hl-tfl30-faq-ans p { margin: 0 0 8px; }
.hl-tfl30-faq-ans p:last-child { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   Final CTA block
   -------------------------------------------------------------------------- */
.hl-tfl30-final-cta {
  background: var(--tfl30-navy);
  border-radius: var(--tfl30-radius);
  padding: 18px 22px;
  text-align: center;
}

.hl-tfl30-final-cta h2 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}

.hl-tfl30-final-cta p {
  color: rgba(255,255,255,0.78);
  font-size: 13px;
  margin-bottom: 14px;
}

.hl-tfl30-final-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* --------------------------------------------------------------------------
   Utility: note/callout strip
   -------------------------------------------------------------------------- */
.hl-tfl30-note {
  background: var(--tfl30-light-glow);
  border-left: 3px solid var(--tfl30-amber);
  border-radius: 0 7px 7px 0;
  padding: 10px 14px;
  font-size: 12.5px;
  color: var(--tfl30-ink);
  margin-top: 10px;
}

/* --------------------------------------------------------------------------
   RESPONSIVE — tablet ≤ 900px
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .hl-tfl30-for-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hl-tfl30-cost-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hl-tfl30-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* --------------------------------------------------------------------------
   RESPONSIVE — hero collapses ≤ 720px
   -------------------------------------------------------------------------- */
@media (max-width: 720px) {
  .hl-tfl30-hero-grid {
    grid-template-columns: 1fr;
  }
  .hl-tfl30-comp-3 {
    grid-template-columns: 1fr;
  }
}

/* --------------------------------------------------------------------------
   RESPONSIVE — mobile ≤ 600px
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
  .hl-tfl30-hero {
    padding: 10px 11px;
  }

  .hl-prod-110v-tripod-floodlight-30w h2 {
    font-size: 16.5px;
  }

  .hl-tfl30-hero-main h2 {
    font-size: 16.5px;
  }

  .hl-tfl30-hero-sub {
    font-size: 12.5px;
  }

  .hl-tfl30-hero-note {
    font-size: 11.5px;
  }

  .hl-tfl30-chip {
    font-size: 10.5px;
    padding: 2px 7px;
  }

  .hl-tfl30-hero-ctas {
    flex-direction: column;
    gap: 6px;
  }

  .hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-primary,
  .hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-secondary,
  .hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-outline {
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .hl-tfl30-for-cards {
    grid-template-columns: 1fr;
  }

  .hl-tfl30-not-grid {
    grid-template-columns: 1fr;
  }

  .hl-tfl30-cost-cards {
    grid-template-columns: 1fr;
  }

  .hl-tfl30-related-grid {
    grid-template-columns: 1fr;
  }

  .hl-tfl30-pick-row {
    grid-template-columns: 24px 1fr;
  }

  .hl-tfl30-pick-cta {
    display: none;
  }

  .hl-tfl30-final-cta {
    padding: 14px 14px;
  }

  .hl-tfl30-final-cta h2 {
    font-size: 16px;
  }

  .hl-tfl30-final-btns {
    flex-direction: column;
  }

  .hl-prod-110v-tripod-floodlight-30w .hl-tfl30-btn-light {
    justify-content: center;
  }
}


/* === hl-tfl30 hero grid fix — WP empty-P correction === */
.hl-tfl30-hero-grid > p { display: none !important; }
.hl-tfl30-hero-main { grid-column: 1 !important; grid-row: 1 !important; }
.hl-tfl30-hero-card { grid-column: 2 !important; grid-row: 1 !important; }


/* === Hireload 110V Tripod Site Light 30W Product CSS — appended === */
/* ================================================================
   Hireload 110V Tripod Site Light 30W Product CSS
   Root scope: .hl-prod-110v-tripod-site-light-30w
   Class prefix: hl-tsl30-
   Palette: clean white + pale blue + controlled amber-light accent
   Design: WIDE / YAYVAN — full-width root, slim horizontal hero
   ================================================================ */

.hl-prod-110v-tripod-site-light-30w {
  --tsl30-ink: #1A1F2E;
  --tsl30-navy: #1B3A5C;
  --tsl30-deep-navy: #122840;
  --tsl30-steel: #3B5F80;
  --tsl30-soft-blue: #EAF3FA;
  --tsl30-pale: #F4FAFD;
  --tsl30-warm: #FFF8ED;
  --tsl30-cream: #FFFBF3;
  --tsl30-light-glow: #FFF6DC;
  --tsl30-amber: #C97B00;
  --tsl30-border: #D4E3EF;
  --tsl30-blue-border: #BDD6EA;
  --tsl30-gold: #D4A017;
  --tsl30-gold-dark: #A87A00;
  --tsl30-cta-blue: #2F5D7C;
  --tsl30-cta-blue-dk: #244A63;

  --tsl30-radius-sm: 8px;
  --tsl30-radius-md: 10px;
  --tsl30-shadow-sm: 0 1px 2px rgba(18, 40, 64, 0.05);
  --tsl30-shadow-md: 0 2px 6px rgba(18, 40, 64, 0.08);

  width: 100%;
  max-width: none;
  font-size: 13px;
  line-height: 1.55;
  color: var(--tsl30-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-110v-tripod-site-light-30w *,
.hl-prod-110v-tripod-site-light-30w *::before,
.hl-prod-110v-tripod-site-light-30w *::after { box-sizing: border-box; }

.hl-prod-110v-tripod-site-light-30w p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-110v-tripod-site-light-30w strong { font-weight: 700; color: var(--tsl30-deep-navy); }
.hl-prod-110v-tripod-site-light-30w a { color: var(--tsl30-cta-blue); text-decoration: none; }
.hl-prod-110v-tripod-site-light-30w a:hover { color: var(--tsl30-cta-blue-dk); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--tsl30-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--tsl30-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-section {
  background: #FFFFFF;
  border: 1px solid var(--tsl30-border);
  border-radius: var(--tsl30-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--tsl30-shadow-sm);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-decision {
  background: var(--tsl30-pale);
  border-color: var(--tsl30-blue-border);
}

/* ---------- Hero (compact slim horizontal) ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--tsl30-blue-border);
  border-top: 2px solid var(--tsl30-gold);
  padding: 8px 9px;
  margin: 6px 0 8px;
  box-shadow: var(--tsl30-shadow-md);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-h2 { font-size: 15.5px; margin: 0 0 4px; line-height: 1.2; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-lede { font-size: 12.2px; color: var(--tsl30-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-power-note { font-size: 11.5px; color: var(--tsl30-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero a { color: var(--tsl30-cta-blue); font-weight: 600; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero a:hover { color: var(--tsl30-cta-blue-dk); }

.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-items: center;
}

/* Hero CTA row — tighter spacing */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-cta-row { margin: 5px 0 0; gap: 4px; }
/* Hero CTA buttons — compact (override base size) */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-btn { padding: 6px 10px; font-size: 11.8px; line-height: 1.15; }

/* Hero chip row — compact */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-chip-row { margin: 4px 0 0; gap: 3px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-chip { font-size: 10.5px; padding: 2px 7px; }

.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-side {
  background: #FFFFFF;
  color: var(--tsl30-ink);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: 8px;
  padding: 7px 9px;
  box-shadow: var(--tsl30-shadow-sm);
  align-self: stretch;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-side .hl-tsl30-side-title {
  margin: 0 0 4px;
  font-size: 10.5px;
  font-weight: 800;
  color: var(--tsl30-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}
/* Compact at-a-glance rows inside hero side */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-side .hl-tsl30-quickpick-list { gap: 2px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-side .hl-tsl30-quickpick-list li {
  padding: 3px 7px;
  font-size: 11px;
  line-height: 1.2;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-side .hl-tsl30-quickpick-list li > span:nth-child(2) { font-size: 10.8px; }

/* ---------- CTA Buttons (strong contrast) ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn-primary {
  background: var(--tsl30-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--tsl30-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn-primary:hover { background: var(--tsl30-cta-blue-dk); border-color: var(--tsl30-cta-blue-dk); color: #FFFFFF !important; }

.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn-secondary {
  background: var(--tsl30-gold);
  color: #1E2B38 !important;
  border-color: var(--tsl30-gold);
  box-shadow: 0 1px 2px rgba(212, 160, 23, 0.30);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn-secondary:hover { background: var(--tsl30-gold-dark); border-color: var(--tsl30-gold-dark); color: #1E2B38 !important; }

.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn-outline {
  background: transparent;
  color: var(--tsl30-cta-blue-dk) !important;
  border-color: var(--tsl30-cta-blue);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn-outline:hover { background: var(--tsl30-soft-blue); color: var(--tsl30-cta-blue-dk) !important; border-color: var(--tsl30-cta-blue-dk); }

.hl-prod-110v-tripod-site-light-30w .hl-tsl30-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-chip {
  background: #FFFFFF;
  color: var(--tsl30-deep-navy);
  border: 1px solid var(--tsl30-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--tsl30-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 9px;
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: var(--tsl30-radius-sm);
  font-size: 11.8px;
  line-height: 1.3;
  min-width: 0;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list li > span:first-child { color: var(--tsl30-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list li > span:nth-child(2) {
  color: var(--tsl30-steel);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list li > span:nth-child(2) a { color: var(--tsl30-cta-blue); font-weight: 700; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-decision li { background: #FFFFFF; border-color: var(--tsl30-blue-border); }

/* ---------- Muted note ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-muted { font-size: 11.2px; color: #6F8A9D; line-height: 1.4; margin: 7px 0 0; }

/* ---------- Quick Answer ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickanswer { background: var(--tsl30-soft-blue); border: 1px solid var(--tsl30-blue-border); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickanswer p { margin: 0; font-size: 13px; color: var(--tsl30-ink); }

/* ---------- Spec table (2-col) ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-spec-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-spec-table th {
  background: var(--tsl30-pale);
  color: var(--tsl30-deep-navy);
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12.3px;
  border-bottom: 1px solid var(--tsl30-border);
  white-space: normal;
  width: 38%;
  vertical-align: top;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-spec-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--tsl30-border);
  vertical-align: top;
  color: var(--tsl30-ink);
  font-size: 12.5px;
  line-height: 1.45;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-spec-table tr:last-child th,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-spec-table tr:last-child td { border-bottom: 0; }

/* ---------- Card grids ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: var(--tsl30-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--tsl30-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-card strong { color: var(--tsl30-deep-navy); font-weight: 700; }

/* ---------- Compare cards ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-compare-card {
  display: block;
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: var(--tsl30-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--tsl30-ink) !important;
  min-width: 0;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-compare-card:hover {
  transform: translateY(-1px);
  border-color: var(--tsl30-cta-blue);
  box-shadow: var(--tsl30-shadow-md);
  text-decoration: none !important;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-compare-self {
  background: var(--tsl30-light-glow);
  border-left: 3px solid var(--tsl30-gold);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-compare-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--tsl30-gold-dark); margin-bottom: 3px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-compare-title { font-size: 13.5px; font-weight: 800; color: var(--tsl30-deep-navy); margin-bottom: 4px; line-height: 1.3; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-compare-blurb { font-size: 12.3px; color: var(--tsl30-ink); margin: 0; line-height: 1.45; }

/* ---------- Tables (Choose by Job) ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--tsl30-border);
  border-radius: var(--tsl30-radius-md);
  background: #fff;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table th {
  background: var(--tsl30-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--tsl30-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--tsl30-border);
  vertical-align: top;
  color: var(--tsl30-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table td a { color: var(--tsl30-cta-blue); font-weight: 600; font-size: inherit; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table td strong { font-weight: 700; color: var(--tsl30-deep-navy); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table tr:nth-child(even) td { background: var(--tsl30-pale); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table tr.hl-tsl30-row-self td {
  background: var(--tsl30-light-glow);
  border-left: 3px solid var(--tsl30-gold);
  font-weight: 400;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table tr.hl-tsl30-row-self td strong { font-weight: 700; color: var(--tsl30-deep-navy); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: var(--tsl30-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--tsl30-ink);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--tsl30-cta-blue);
  font-weight: 800;
  font-size: 14px;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-not-ideal { background: var(--tsl30-cream); border-color: var(--tsl30-border); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-not-ideal .hl-tsl30-bullets li { background: #FFFFFF; border-color: var(--tsl30-border); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-not-ideal .hl-tsl30-bullets li::before { color: var(--tsl30-amber); }

/* ---------- Safety list ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: var(--tsl30-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list li .hl-tsl30-mini-tick { background: var(--tsl30-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list li {
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-left: 3px solid var(--tsl30-gold);
  border-radius: var(--tsl30-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list li strong { color: var(--tsl30-deep-navy); display: block; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Related products ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-related .hl-tsl30-cards { margin-top: 4px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-related-card {
  display: block;
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: var(--tsl30-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--tsl30-ink) !important;
  min-width: 0;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--tsl30-cta-blue);
  box-shadow: var(--tsl30-shadow-md);
  text-decoration: none !important;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--tsl30-gold-dark); margin-bottom: 3px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-related-title { font-size: 13.3px; font-weight: 800; color: var(--tsl30-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq details {
  background: var(--tsl30-pale);
  border: 1px solid var(--tsl30-blue-border);
  border-radius: var(--tsl30-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq details[open] {
  border-color: var(--tsl30-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--tsl30-shadow-sm);
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--tsl30-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq summary::-webkit-details-marker { display: none; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--tsl30-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq details[open] summary::after { content: "\2212"; color: var(--tsl30-gold-dark); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--tsl30-ink); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-faq details p a { color: var(--tsl30-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-cta {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--tsl30-blue-border);
  border-top: 2px solid var(--tsl30-gold);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--tsl30-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-lede { font-size: 12.8px; color: var(--tsl30-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 880px; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-lede a { color: var(--tsl30-cta-blue); font-weight: 600; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-lede a:hover { color: var(--tsl30-cta-blue-dk); }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-cta-row-final { justify-content: center; }
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* ================================================================
   wpautop guards
   ================================================================ */
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-grid > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-grid > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-cta-row > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-cta-row > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-chip-row > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-chip-row > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list li > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-quickpick-list li > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-cards > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-cards > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-card > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-card > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table-wrap > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-table-wrap > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list li > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list li > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list > p,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list li > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-bullets > br,
.hl-prod-110v-tripod-site-light-30w .hl-tsl30-bullets > p {
  display: none !important;
}

/* ================================================================
   Responsive: tablet + desktop wide layout
   ================================================================ */

/* Tablet ≥ 640px */
@media (min-width: 640px) {
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Side-panel intermediate breakpoint */
@media (min-width: 720px) and (max-width: 919.98px) {
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.7fr);
    gap: 12px;
  }
}

/* Desktop ≥ 920px — wide horizontal hero */
@media (min-width: 920px) {
  .hl-prod-110v-tripod-site-light-30w { font-size: 14px; }

  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-h2 { font-size: 20px; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-h3 { font-size: 16px; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-title { font-size: 19px; }

  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-section { padding: 14px 18px; margin: 10px 0; }

  /* Compact desktop hero — tighter padding, centered align, slightly larger H2 only */
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero { padding: 9px 12px; margin: 6px 0 8px; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-h2 { font-size: 16.5px; margin: 0 0 4px; line-height: 1.2; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-lede { font-size: 12.5px; margin: 0 0 5px; line-height: 1.4; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero .hl-tsl30-power-note { font-size: 12px; margin: 0 0 5px; line-height: 1.4; }

  /* WIDE compact hero grid — brief v2: 1.8fr / 0.7fr, centered */
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero-grid {
    grid-template-columns: minmax(0, 1.8fr) minmax(260px, 0.7fr);
    gap: 10px;
    align-items: center;
  }

  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-related .hl-tsl30-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-cards,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list { align-items: stretch; }

  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-mini-card,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-compare-card,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-safety-list li,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-mistakes-list li,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-related-card { height: 100%; }

  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-table,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-spec-table { font-size: 13px; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-table th { padding: 8px 11px; font-size: 12.3px; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-table td { padding: 7px 11px; font-size: 12.7px; }
}

/* Print */
@media print {
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-section,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-hero,
  .hl-prod-110v-tripod-site-light-30w .hl-tsl30-final-cta { border-top-color: var(--tsl30-gold); }
}


/* === Hireload 110V Twin Head Tripod Floodlight 60W Product CSS — appended === */
/* ================================================================
   Hireload 110V Twin Head Tripod Floodlight 60W Product CSS
   Root scope: .hl-prod-twin-head-tripod-floodlight
   Class prefix: hl-thf-
   Palette: clean white + pale blue + controlled amber-light accent
   Design: WIDE / YAYVAN — full-width root, slim horizontal hero
   ================================================================ */

.hl-prod-twin-head-tripod-floodlight {
  --thf-ink: #1A1F2E;
  --thf-navy: #1B3A5C;
  --thf-deep-navy: #122840;
  --thf-steel: #3B5F80;
  --thf-soft-blue: #EAF3FA;
  --thf-pale: #F4FAFD;
  --thf-warm: #FFF8ED;
  --thf-cream: #FFFBF3;
  --thf-light-glow: #FFF6DC;
  --thf-amber: #C97B00;
  --thf-border: #D4E3EF;
  --thf-blue-border: #BDD6EA;
  --thf-gold: #D4A017;
  --thf-gold-dark: #A87A00;
  --thf-cta-blue: #2F5D7C;
  --thf-cta-blue-dk: #244A63;

  --thf-radius-sm: 8px;
  --thf-radius-md: 10px;
  --thf-shadow-sm: 0 1px 2px rgba(18, 40, 64, 0.05);
  --thf-shadow-md: 0 2px 6px rgba(18, 40, 64, 0.08);

  width: 100%;
  max-width: none;
  font-size: 13px;
  line-height: 1.55;
  color: var(--thf-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-twin-head-tripod-floodlight *,
.hl-prod-twin-head-tripod-floodlight *::before,
.hl-prod-twin-head-tripod-floodlight *::after { box-sizing: border-box; }

.hl-prod-twin-head-tripod-floodlight p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-twin-head-tripod-floodlight strong { font-weight: 700; color: var(--thf-deep-navy); }
.hl-prod-twin-head-tripod-floodlight a { color: var(--thf-cta-blue); text-decoration: none; }
.hl-prod-twin-head-tripod-floodlight a:hover { color: var(--thf-cta-blue-dk); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--thf-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--thf-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-section {
  background: #FFFFFF;
  border: 1px solid var(--thf-border);
  border-radius: var(--thf-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--thf-shadow-sm);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-decision {
  background: var(--thf-pale);
  border-color: var(--thf-blue-border);
}

/* ---------- Hero (compact slim horizontal) ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--thf-blue-border);
  border-top: 2px solid var(--thf-gold);
  padding: 8px 9px;
  margin: 6px 0 8px;
  box-shadow: var(--thf-shadow-md);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-h2 { font-size: 15.5px; margin: 0 0 4px; line-height: 1.2; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-lede { font-size: 12.2px; color: var(--thf-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-power-note { font-size: 11.5px; color: var(--thf-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero a { color: var(--thf-cta-blue); font-weight: 600; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero a:hover { color: var(--thf-cta-blue-dk); }

.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-items: center;
}

/* Hero CTA row — tighter spacing */
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-cta-row { margin: 5px 0 0; gap: 4px; }
/* Hero CTA buttons — compact (override base size) */
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-btn { padding: 6px 10px; font-size: 11.8px; line-height: 1.15; }

/* Hero chip row — compact */
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-chip-row { margin: 4px 0 0; gap: 3px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-chip { font-size: 10.5px; padding: 2px 7px; }

.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-side {
  background: #FFFFFF;
  color: var(--thf-ink);
  border: 1px solid var(--thf-blue-border);
  border-radius: 8px;
  padding: 7px 9px;
  box-shadow: var(--thf-shadow-sm);
  align-self: stretch;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-side .hl-thf-side-title {
  margin: 0 0 4px;
  font-size: 10.5px;
  font-weight: 800;
  color: var(--thf-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}
/* Compact at-a-glance rows inside hero side */
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-side .hl-thf-quickpick-list { gap: 2px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-side .hl-thf-quickpick-list li {
  padding: 3px 7px;
  font-size: 11px;
  line-height: 1.2;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-side .hl-thf-quickpick-list li > span:nth-child(2) { font-size: 10.8px; }

/* ---------- CTA Buttons (strong contrast) ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-twin-head-tripod-floodlight .hl-thf-btn-primary {
  background: var(--thf-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--thf-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-btn-primary:hover { background: var(--thf-cta-blue-dk); border-color: var(--thf-cta-blue-dk); color: #FFFFFF !important; }

.hl-prod-twin-head-tripod-floodlight .hl-thf-btn-secondary {
  background: var(--thf-gold);
  color: #1E2B38 !important;
  border-color: var(--thf-gold);
  box-shadow: 0 1px 2px rgba(212, 160, 23, 0.30);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-btn-secondary:hover { background: var(--thf-gold-dark); border-color: var(--thf-gold-dark); color: #1E2B38 !important; }

.hl-prod-twin-head-tripod-floodlight .hl-thf-btn-outline {
  background: transparent;
  color: var(--thf-cta-blue-dk) !important;
  border-color: var(--thf-cta-blue);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-btn-outline:hover { background: var(--thf-soft-blue); color: var(--thf-cta-blue-dk) !important; border-color: var(--thf-cta-blue-dk); }

.hl-prod-twin-head-tripod-floodlight .hl-thf-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-chip {
  background: #FFFFFF;
  color: var(--thf-deep-navy);
  border: 1px solid var(--thf-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--thf-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 9px;
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-radius: var(--thf-radius-sm);
  font-size: 11.8px;
  line-height: 1.3;
  min-width: 0;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list li > span:first-child { color: var(--thf-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list li > span:nth-child(2) {
  color: var(--thf-steel);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list li > span:nth-child(2) a { color: var(--thf-cta-blue); font-weight: 700; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-decision li { background: #FFFFFF; border-color: var(--thf-blue-border); }

/* ---------- Muted note ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-muted { font-size: 11.2px; color: #6F8A9D; line-height: 1.4; margin: 7px 0 0; }

/* ---------- Quick Answer ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickanswer { background: var(--thf-soft-blue); border: 1px solid var(--thf-blue-border); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickanswer p { margin: 0; font-size: 13px; color: var(--thf-ink); }

/* ---------- Spec table (2-col) ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-spec-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-spec-table th {
  background: var(--thf-pale);
  color: var(--thf-deep-navy);
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12.3px;
  border-bottom: 1px solid var(--thf-border);
  white-space: normal;
  width: 38%;
  vertical-align: top;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-spec-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--thf-border);
  vertical-align: top;
  color: var(--thf-ink);
  font-size: 12.5px;
  line-height: 1.45;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-spec-table tr:last-child th,
.hl-prod-twin-head-tripod-floodlight .hl-thf-spec-table tr:last-child td { border-bottom: 0; }

/* ---------- Card grids ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-radius: var(--thf-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--thf-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-mini-card strong { color: var(--thf-deep-navy); font-weight: 700; }

/* ---------- Compare cards ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-compare-card {
  display: block;
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-radius: var(--thf-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--thf-ink) !important;
  min-width: 0;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-compare-card:hover {
  transform: translateY(-1px);
  border-color: var(--thf-cta-blue);
  box-shadow: var(--thf-shadow-md);
  text-decoration: none !important;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-compare-self {
  background: var(--thf-light-glow);
  border-left: 3px solid var(--thf-gold);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-compare-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--thf-gold-dark); margin-bottom: 3px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-compare-title { font-size: 13.5px; font-weight: 800; color: var(--thf-deep-navy); margin-bottom: 4px; line-height: 1.3; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-compare-blurb { font-size: 12.3px; color: var(--thf-ink); margin: 0; line-height: 1.45; }

/* ---------- Tables (Choose by Job) ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--thf-border);
  border-radius: var(--thf-radius-md);
  background: #fff;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-table th {
  background: var(--thf-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--thf-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--thf-border);
  vertical-align: top;
  color: var(--thf-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-table td a { color: var(--thf-cta-blue); font-weight: 600; font-size: inherit; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-table td strong { font-weight: 700; color: var(--thf-deep-navy); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-table tr:nth-child(even) td { background: var(--thf-pale); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-table tr.hl-thf-row-self td {
  background: var(--thf-light-glow);
  border-left: 3px solid var(--thf-gold);
  font-weight: 400;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-table tr.hl-thf-row-self td strong { font-weight: 700; color: var(--thf-deep-navy); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-radius: var(--thf-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--thf-ink);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--thf-cta-blue);
  font-weight: 800;
  font-size: 14px;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-not-ideal { background: var(--thf-cream); border-color: var(--thf-border); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-not-ideal .hl-thf-bullets li { background: #FFFFFF; border-color: var(--thf-border); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-not-ideal .hl-thf-bullets li::before { color: var(--thf-amber); }

/* ---------- Safety list ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-radius: var(--thf-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list li .hl-thf-mini-tick { background: var(--thf-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list li {
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-left: 3px solid var(--thf-gold);
  border-radius: var(--thf-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list li strong { color: var(--thf-deep-navy); display: block; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Related products ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-related .hl-thf-cards { margin-top: 4px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-related-card {
  display: block;
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-radius: var(--thf-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--thf-ink) !important;
  min-width: 0;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--thf-cta-blue);
  box-shadow: var(--thf-shadow-md);
  text-decoration: none !important;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--thf-gold-dark); margin-bottom: 3px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-related-title { font-size: 13.3px; font-weight: 800; color: var(--thf-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq details {
  background: var(--thf-pale);
  border: 1px solid var(--thf-blue-border);
  border-radius: var(--thf-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq details[open] {
  border-color: var(--thf-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--thf-shadow-sm);
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--thf-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq summary::-webkit-details-marker { display: none; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--thf-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq details[open] summary::after { content: "\2212"; color: var(--thf-gold-dark); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--thf-ink); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-faq details p a { color: var(--thf-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-twin-head-tripod-floodlight .hl-thf-final-cta {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--thf-blue-border);
  border-top: 2px solid var(--thf-gold);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--thf-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-twin-head-tripod-floodlight .hl-thf-final-lede { font-size: 12.8px; color: var(--thf-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 880px; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-final-lede a { color: var(--thf-cta-blue); font-weight: 600; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-final-lede a:hover { color: var(--thf-cta-blue-dk); }
.hl-prod-twin-head-tripod-floodlight .hl-thf-cta-row-final { justify-content: center; }
.hl-prod-twin-head-tripod-floodlight .hl-thf-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* ================================================================
   wpautop guards
   ================================================================ */
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-grid > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-hero-grid > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-cta-row > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-cta-row > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-chip-row > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-chip-row > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list li > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-quickpick-list li > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-cards > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-cards > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-mini-card > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-mini-card > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-table-wrap > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-table-wrap > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list li > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list li > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list > p,
.hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list li > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-bullets > br,
.hl-prod-twin-head-tripod-floodlight .hl-thf-bullets > p {
  display: none !important;
}

/* ================================================================
   Responsive: tablet + desktop wide layout
   ================================================================ */

/* Tablet ≥ 640px */
@media (min-width: 640px) {
  .hl-prod-twin-head-tripod-floodlight .hl-thf-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Side-panel intermediate breakpoint */
@media (min-width: 720px) and (max-width: 919.98px) {
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.7fr);
    gap: 12px;
  }
}

/* Desktop ≥ 920px — wide horizontal hero */
@media (min-width: 920px) {
  .hl-prod-twin-head-tripod-floodlight { font-size: 14px; }

  .hl-prod-twin-head-tripod-floodlight .hl-thf-h2 { font-size: 20px; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-h3 { font-size: 16px; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-final-title { font-size: 19px; }

  .hl-prod-twin-head-tripod-floodlight .hl-thf-section { padding: 14px 18px; margin: 10px 0; }

  /* Compact desktop hero — tighter padding, centered align, slightly larger H2 only */
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero { padding: 9px 12px; margin: 6px 0 8px; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-h2 { font-size: 16.5px; margin: 0 0 4px; line-height: 1.2; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-lede { font-size: 12.5px; margin: 0 0 5px; line-height: 1.4; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero .hl-thf-power-note { font-size: 12px; margin: 0 0 5px; line-height: 1.4; }

  /* WIDE compact hero grid — 1.8fr / 0.7fr, centered */
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero-grid {
    grid-template-columns: minmax(0, 1.8fr) minmax(260px, 0.7fr);
    gap: 10px;
    align-items: center;
  }

  .hl-prod-twin-head-tripod-floodlight .hl-thf-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-related .hl-thf-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-twin-head-tripod-floodlight .hl-thf-cards,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list { align-items: stretch; }

  .hl-prod-twin-head-tripod-floodlight .hl-thf-mini-card,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-compare-card,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-safety-list li,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-mistakes-list li,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-related-card { height: 100%; }

  .hl-prod-twin-head-tripod-floodlight .hl-thf-spec-table { font-size: 13px; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-table th { padding: 8px 11px; font-size: 12.3px; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-table td { padding: 7px 11px; font-size: 12.7px; }
}

/* Print */
@media print {
  .hl-prod-twin-head-tripod-floodlight .hl-thf-section,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-twin-head-tripod-floodlight .hl-thf-hero,
  .hl-prod-twin-head-tripod-floodlight .hl-thf-final-cta { border-top-color: var(--thf-gold); }
}


/* === Hireload 240V LED Tripod Site Work Light Product CSS — appended === */
/* ================================================================
   Hireload Milwaukee LED Tripod Site Work Light Product CSS
   Root scope: .hl-prod-led-tripod-site-work-light
   Class prefix: hl-ltw-
   Palette: clean white + pale blue + controlled amber-light accent
   Design: WIDE / YAYVAN — full-width root, slim horizontal hero
   ================================================================ */

.hl-prod-led-tripod-site-work-light {
  --ltw-ink: #1A1F2E;
  --ltw-navy: #1B3A5C;
  --ltw-deep-navy: #122840;
  --ltw-steel: #3B5F80;
  --ltw-soft-blue: #EAF3FA;
  --ltw-pale: #F4FAFD;
  --ltw-warm: #FFF8ED;
  --ltw-cream: #FFFBF3;
  --ltw-light-glow: #FFF6DC;
  --ltw-amber: #C97B00;
  --ltw-border: #D4E3EF;
  --ltw-blue-border: #BDD6EA;
  --ltw-gold: #D4A017;
  --ltw-gold-dark: #A87A00;
  --ltw-cta-blue: #2F5D7C;
  --ltw-cta-blue-dk: #244A63;

  --ltw-radius-sm: 8px;
  --ltw-radius-md: 10px;
  --ltw-shadow-sm: 0 1px 2px rgba(18, 40, 64, 0.05);
  --ltw-shadow-md: 0 2px 6px rgba(18, 40, 64, 0.08);

  width: 100%;
  max-width: none;
  font-size: 13px;
  line-height: 1.55;
  color: var(--ltw-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-led-tripod-site-work-light *,
.hl-prod-led-tripod-site-work-light *::before,
.hl-prod-led-tripod-site-work-light *::after { box-sizing: border-box; }

.hl-prod-led-tripod-site-work-light p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-led-tripod-site-work-light strong { font-weight: 700; color: var(--ltw-deep-navy); }
.hl-prod-led-tripod-site-work-light a { color: var(--ltw-cta-blue); text-decoration: none; }
.hl-prod-led-tripod-site-work-light a:hover { color: var(--ltw-cta-blue-dk); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--ltw-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--ltw-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-section {
  background: #FFFFFF;
  border: 1px solid var(--ltw-border);
  border-radius: var(--ltw-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--ltw-shadow-sm);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-decision {
  background: var(--ltw-pale);
  border-color: var(--ltw-blue-border);
}

/* ---------- Hero (compact slim horizontal) ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-hero {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--ltw-blue-border);
  border-top: 2px solid var(--ltw-gold);
  padding: 8px 9px;
  margin: 6px 0 8px;
  box-shadow: var(--ltw-shadow-md);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-h2 { font-size: 15.5px; margin: 0 0 4px; line-height: 1.2; }
.hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-lede { font-size: 12.2px; color: var(--ltw-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-power-note { font-size: 11.5px; color: var(--ltw-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-led-tripod-site-work-light .hl-ltw-hero a { color: var(--ltw-cta-blue); font-weight: 600; }
.hl-prod-led-tripod-site-work-light .hl-ltw-hero a:hover { color: var(--ltw-cta-blue-dk); }

.hl-prod-led-tripod-site-work-light .hl-ltw-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-items: center;
}

/* Hero CTA row — tighter spacing */
.hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-cta-row { margin: 5px 0 0; gap: 4px; }
/* Hero CTA buttons — compact (override base size) */
.hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-btn { padding: 6px 10px; font-size: 11.8px; line-height: 1.15; }

/* Hero chip row — compact */
.hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-chip-row { margin: 4px 0 0; gap: 3px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-chip { font-size: 10.5px; padding: 2px 7px; }

.hl-prod-led-tripod-site-work-light .hl-ltw-hero-side {
  background: #FFFFFF;
  color: var(--ltw-ink);
  border: 1px solid var(--ltw-blue-border);
  border-radius: 8px;
  padding: 7px 9px;
  box-shadow: var(--ltw-shadow-sm);
  align-self: stretch;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-hero-side .hl-ltw-side-title {
  margin: 0 0 4px;
  font-size: 10.5px;
  font-weight: 800;
  color: var(--ltw-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}
/* Compact at-a-glance rows inside hero side */
.hl-prod-led-tripod-site-work-light .hl-ltw-hero-side .hl-ltw-quickpick-list { gap: 2px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-hero-side .hl-ltw-quickpick-list li {
  padding: 3px 7px;
  font-size: 11px;
  line-height: 1.2;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-hero-side .hl-ltw-quickpick-list li > span:nth-child(2) { font-size: 10.8px; }

/* ---------- CTA Buttons (strong contrast) ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-led-tripod-site-work-light .hl-ltw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-led-tripod-site-work-light .hl-ltw-btn-primary {
  background: var(--ltw-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--ltw-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-btn-primary:hover { background: var(--ltw-cta-blue-dk); border-color: var(--ltw-cta-blue-dk); color: #FFFFFF !important; }

.hl-prod-led-tripod-site-work-light .hl-ltw-btn-secondary {
  background: var(--ltw-gold);
  color: #1E2B38 !important;
  border-color: var(--ltw-gold);
  box-shadow: 0 1px 2px rgba(212, 160, 23, 0.30);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-btn-secondary:hover { background: var(--ltw-gold-dark); border-color: var(--ltw-gold-dark); color: #1E2B38 !important; }

.hl-prod-led-tripod-site-work-light .hl-ltw-btn-outline {
  background: transparent;
  color: var(--ltw-cta-blue-dk) !important;
  border-color: var(--ltw-cta-blue);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-btn-outline:hover { background: var(--ltw-soft-blue); color: var(--ltw-cta-blue-dk) !important; border-color: var(--ltw-cta-blue-dk); }

.hl-prod-led-tripod-site-work-light .hl-ltw-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-chip {
  background: #FFFFFF;
  color: var(--ltw-deep-navy);
  border: 1px solid var(--ltw-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--ltw-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 9px;
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-radius: var(--ltw-radius-sm);
  font-size: 11.8px;
  line-height: 1.3;
  min-width: 0;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list li > span:first-child { color: var(--ltw-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list li > span:nth-child(2) {
  color: var(--ltw-steel);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list li > span:nth-child(2) a { color: var(--ltw-cta-blue); font-weight: 700; }
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-decision li { background: #FFFFFF; border-color: var(--ltw-blue-border); }

/* ---------- Muted note ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-muted { font-size: 11.2px; color: #6F8A9D; line-height: 1.4; margin: 7px 0 0; }

/* ---------- Quick Answer ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-quickanswer { background: var(--ltw-soft-blue); border: 1px solid var(--ltw-blue-border); }
.hl-prod-led-tripod-site-work-light .hl-ltw-quickanswer p { margin: 0; font-size: 13px; color: var(--ltw-ink); }

/* ---------- Spec table (2-col) ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-spec-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-led-tripod-site-work-light .hl-ltw-spec-table th {
  background: var(--ltw-pale);
  color: var(--ltw-deep-navy);
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12.3px;
  border-bottom: 1px solid var(--ltw-border);
  white-space: normal;
  width: 38%;
  vertical-align: top;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-spec-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--ltw-border);
  vertical-align: top;
  color: var(--ltw-ink);
  font-size: 12.5px;
  line-height: 1.45;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-spec-table tr:last-child th,
.hl-prod-led-tripod-site-work-light .hl-ltw-spec-table tr:last-child td { border-bottom: 0; }

/* ---------- Card grids ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-radius: var(--ltw-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-led-tripod-site-work-light .hl-ltw-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--ltw-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-mini-card strong { color: var(--ltw-deep-navy); font-weight: 700; }

/* ---------- Compare cards ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-compare-card {
  display: block;
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-radius: var(--ltw-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--ltw-ink) !important;
  min-width: 0;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-compare-card:hover {
  transform: translateY(-1px);
  border-color: var(--ltw-cta-blue);
  box-shadow: var(--ltw-shadow-md);
  text-decoration: none !important;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-compare-self {
  background: var(--ltw-light-glow);
  border-left: 3px solid var(--ltw-gold);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-compare-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ltw-gold-dark); margin-bottom: 3px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-compare-title { font-size: 13.5px; font-weight: 800; color: var(--ltw-deep-navy); margin-bottom: 4px; line-height: 1.3; }
.hl-prod-led-tripod-site-work-light .hl-ltw-compare-blurb { font-size: 12.3px; color: var(--ltw-ink); margin: 0; line-height: 1.45; }

/* ---------- Tables (Choose by Job) ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--ltw-border);
  border-radius: var(--ltw-radius-md);
  background: #fff;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-led-tripod-site-work-light .hl-ltw-table th {
  background: var(--ltw-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--ltw-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; }
.hl-prod-led-tripod-site-work-light .hl-ltw-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--ltw-border);
  vertical-align: top;
  color: var(--ltw-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-table td a { color: var(--ltw-cta-blue); font-weight: 600; font-size: inherit; }
.hl-prod-led-tripod-site-work-light .hl-ltw-table td strong { font-weight: 700; color: var(--ltw-deep-navy); }
.hl-prod-led-tripod-site-work-light .hl-ltw-table tr:nth-child(even) td { background: var(--ltw-pale); }
.hl-prod-led-tripod-site-work-light .hl-ltw-table tr.hl-ltw-row-self td {
  background: var(--ltw-light-glow);
  border-left: 3px solid var(--ltw-gold);
  font-weight: 400;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-table tr.hl-ltw-row-self td strong { font-weight: 700; color: var(--ltw-deep-navy); }
.hl-prod-led-tripod-site-work-light .hl-ltw-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-radius: var(--ltw-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--ltw-ink);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--ltw-cta-blue);
  font-weight: 800;
  font-size: 14px;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-not-ideal { background: var(--ltw-cream); border-color: var(--ltw-border); }
.hl-prod-led-tripod-site-work-light .hl-ltw-not-ideal .hl-ltw-bullets li { background: #FFFFFF; border-color: var(--ltw-border); }
.hl-prod-led-tripod-site-work-light .hl-ltw-not-ideal .hl-ltw-bullets li::before { color: var(--ltw-amber); }

/* ---------- Safety list ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-radius: var(--ltw-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list li .hl-ltw-mini-tick { background: var(--ltw-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list li {
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-left: 3px solid var(--ltw-gold);
  border-radius: var(--ltw-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list li strong { color: var(--ltw-deep-navy); display: block; }
.hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Related products ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-related .hl-ltw-cards { margin-top: 4px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-related-card {
  display: block;
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-radius: var(--ltw-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--ltw-ink) !important;
  min-width: 0;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--ltw-cta-blue);
  box-shadow: var(--ltw-shadow-md);
  text-decoration: none !important;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ltw-gold-dark); margin-bottom: 3px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-related-title { font-size: 13.3px; font-weight: 800; color: var(--ltw-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-led-tripod-site-work-light .hl-ltw-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-faq details {
  background: var(--ltw-pale);
  border: 1px solid var(--ltw-blue-border);
  border-radius: var(--ltw-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-faq details[open] {
  border-color: var(--ltw-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--ltw-shadow-sm);
}
.hl-prod-led-tripod-site-work-light .hl-ltw-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--ltw-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-faq summary::-webkit-details-marker { display: none; }
.hl-prod-led-tripod-site-work-light .hl-ltw-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--ltw-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-faq details[open] summary::after { content: "\2212"; color: var(--ltw-gold-dark); }
.hl-prod-led-tripod-site-work-light .hl-ltw-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--ltw-ink); }
.hl-prod-led-tripod-site-work-light .hl-ltw-faq details p a { color: var(--ltw-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-led-tripod-site-work-light .hl-ltw-final-cta {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--ltw-blue-border);
  border-top: 2px solid var(--ltw-gold);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--ltw-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-led-tripod-site-work-light .hl-ltw-final-lede { font-size: 12.8px; color: var(--ltw-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 880px; }
.hl-prod-led-tripod-site-work-light .hl-ltw-final-lede a { color: var(--ltw-cta-blue); font-weight: 600; }
.hl-prod-led-tripod-site-work-light .hl-ltw-final-lede a:hover { color: var(--ltw-cta-blue-dk); }
.hl-prod-led-tripod-site-work-light .hl-ltw-cta-row-final { justify-content: center; }
.hl-prod-led-tripod-site-work-light .hl-ltw-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* ================================================================
   wpautop guards
   ================================================================ */
.hl-prod-led-tripod-site-work-light .hl-ltw-hero-grid > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-hero-grid > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-cta-row > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-cta-row > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-chip-row > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-chip-row > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list li > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-quickpick-list li > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-cards > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-cards > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-mini-card > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-mini-card > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-table-wrap > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-table-wrap > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list li > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-safety-list li > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list > p,
.hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list li > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-bullets > br,
.hl-prod-led-tripod-site-work-light .hl-ltw-bullets > p {
  display: none !important;
}

/* ================================================================
   Responsive: tablet + desktop wide layout
   ================================================================ */

/* Tablet ≥ 640px */
@media (min-width: 640px) {
  .hl-prod-led-tripod-site-work-light .hl-ltw-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-led-tripod-site-work-light .hl-ltw-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Side-panel intermediate breakpoint */
@media (min-width: 720px) and (max-width: 919.98px) {
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.7fr);
    gap: 12px;
  }
}

/* Desktop ≥ 920px — wide horizontal hero */
@media (min-width: 920px) {
  .hl-prod-led-tripod-site-work-light { font-size: 14px; }

  .hl-prod-led-tripod-site-work-light .hl-ltw-h2 { font-size: 20px; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-h3 { font-size: 16px; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-final-title { font-size: 19px; }

  .hl-prod-led-tripod-site-work-light .hl-ltw-section { padding: 14px 18px; margin: 10px 0; }

  /* Compact desktop hero — tighter padding, centered align, slightly larger H2 only */
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero { padding: 9px 12px; margin: 6px 0 8px; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-h2 { font-size: 16.5px; margin: 0 0 4px; line-height: 1.2; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-lede { font-size: 12.5px; margin: 0 0 5px; line-height: 1.4; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero .hl-ltw-power-note { font-size: 12px; margin: 0 0 5px; line-height: 1.4; }

  /* WIDE compact hero grid — 1.8fr / 0.7fr, centered */
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero-grid {
    grid-template-columns: minmax(0, 1.8fr) minmax(260px, 0.7fr);
    gap: 10px;
    align-items: center;
  }

  .hl-prod-led-tripod-site-work-light .hl-ltw-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-led-tripod-site-work-light .hl-ltw-related .hl-ltw-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-led-tripod-site-work-light .hl-ltw-cards,
  .hl-prod-led-tripod-site-work-light .hl-ltw-safety-list,
  .hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list { align-items: stretch; }

  .hl-prod-led-tripod-site-work-light .hl-ltw-mini-card,
  .hl-prod-led-tripod-site-work-light .hl-ltw-compare-card,
  .hl-prod-led-tripod-site-work-light .hl-ltw-safety-list li,
  .hl-prod-led-tripod-site-work-light .hl-ltw-mistakes-list li,
  .hl-prod-led-tripod-site-work-light .hl-ltw-related-card { height: 100%; }

  .hl-prod-led-tripod-site-work-light .hl-ltw-spec-table { font-size: 13px; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-table th { padding: 8px 11px; font-size: 12.3px; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-table td { padding: 7px 11px; font-size: 12.7px; }
}

/* Print */
@media print {
  .hl-prod-led-tripod-site-work-light .hl-ltw-section,
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero,
  .hl-prod-led-tripod-site-work-light .hl-ltw-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-led-tripod-site-work-light .hl-ltw-hero,
  .hl-prod-led-tripod-site-work-light .hl-ltw-final-cta { border-top-color: var(--ltw-gold); }
}



/* === Hireload Milwaukee MX FUEL Lighting Tower Product CSS — appended === */
/* ================================================================
   Hireload Milwaukee MX FUEL Lighting Tower Product CSS
   Root scope: .hl-prod-milwaukee-mx-lighting-tower
   Class prefix: hl-mxlt-
   Palette: clean white + pale blue + controlled amber-light accent
   Design: WIDE / YAYVAN — full-width root, slim horizontal hero
   ================================================================ */

.hl-prod-milwaukee-mx-lighting-tower {
  --mxlt-ink: #1A1F2E;
  --mxlt-navy: #1B3A5C;
  --mxlt-deep-navy: #122840;
  --mxlt-steel: #3B5F80;
  --mxlt-soft-blue: #EAF3FA;
  --mxlt-pale: #F4FAFD;
  --mxlt-warm: #FFF8ED;
  --mxlt-cream: #FFFBF3;
  --mxlt-light-glow: #FFF6DC;
  --mxlt-amber: #C97B00;
  --mxlt-border: #D4E3EF;
  --mxlt-blue-border: #BDD6EA;
  --mxlt-gold: #D4A017;
  --mxlt-gold-dark: #A87A00;
  --mxlt-cta-blue: #2F5D7C;
  --mxlt-cta-blue-dk: #244A63;

  --mxlt-radius-sm: 8px;
  --mxlt-radius-md: 10px;
  --mxlt-shadow-sm: 0 1px 2px rgba(18, 40, 64, 0.05);
  --mxlt-shadow-md: 0 2px 6px rgba(18, 40, 64, 0.08);

  width: 100%;
  max-width: none;
  font-size: 13px;
  line-height: 1.55;
  color: var(--mxlt-ink);
  font-family: inherit;
}

/* ---------- Reset within scope ---------- */
.hl-prod-milwaukee-mx-lighting-tower *,
.hl-prod-milwaukee-mx-lighting-tower *::before,
.hl-prod-milwaukee-mx-lighting-tower *::after { box-sizing: border-box; }

.hl-prod-milwaukee-mx-lighting-tower p { margin: 0 0 7px; font-size: 13.2px; line-height: 1.55; }
.hl-prod-milwaukee-mx-lighting-tower strong { font-weight: 700; color: var(--mxlt-deep-navy); }
.hl-prod-milwaukee-mx-lighting-tower a { color: var(--mxlt-cta-blue); text-decoration: none; }
.hl-prod-milwaukee-mx-lighting-tower a:hover { color: var(--mxlt-cta-blue-dk); text-decoration: underline; }

/* ---------- Headings ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--mxlt-deep-navy);
  margin: 0 0 7px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-h3 {
  font-size: 15px;
  font-weight: 800;
  color: var(--mxlt-deep-navy);
  margin: 0 0 6px;
  line-height: 1.3;
}

/* ---------- Section ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-section {
  background: #FFFFFF;
  border: 1px solid var(--mxlt-border);
  border-radius: var(--mxlt-radius-md);
  padding: 12px 14px;
  margin: 9px 0;
  box-shadow: var(--mxlt-shadow-sm);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-decision {
  background: var(--mxlt-pale);
  border-color: var(--mxlt-blue-border);
}

/* ---------- Hero (compact slim horizontal) ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--mxlt-blue-border);
  border-top: 2px solid var(--mxlt-gold);
  padding: 8px 9px;
  margin: 6px 0 8px;
  box-shadow: var(--mxlt-shadow-md);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-h2 { font-size: 15.5px; margin: 0 0 4px; line-height: 1.2; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-lede { font-size: 12.2px; color: var(--mxlt-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-power-note { font-size: 11.5px; color: var(--mxlt-ink); margin: 0 0 5px; line-height: 1.4; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero a { color: var(--mxlt-cta-blue); font-weight: 600; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero a:hover { color: var(--mxlt-cta-blue-dk); }

.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-items: center;
}

/* Hero CTA row — tighter spacing */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-cta-row { margin: 5px 0 0; gap: 4px; }
/* Hero CTA buttons — compact (override base size) */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-btn { padding: 6px 10px; font-size: 11.8px; line-height: 1.15; }

/* Hero chip row — compact */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-chip-row { margin: 4px 0 0; gap: 3px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-chip { font-size: 10.5px; padding: 2px 7px; }

.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-side {
  background: #FFFFFF;
  color: var(--mxlt-ink);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: 8px;
  padding: 7px 9px;
  box-shadow: var(--mxlt-shadow-sm);
  align-self: stretch;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-side .hl-mxlt-side-title {
  margin: 0 0 4px;
  font-size: 10.5px;
  font-weight: 800;
  color: var(--mxlt-deep-navy);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}
/* Compact at-a-glance rows inside hero side */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-side .hl-mxlt-quickpick-list { gap: 2px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-side .hl-mxlt-quickpick-list li {
  padding: 3px 7px;
  font-size: 11px;
  line-height: 1.2;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-side .hl-mxlt-quickpick-list li > span:nth-child(2) { font-size: 10.8px; }

/* ---------- CTA Buttons (strong contrast) ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cta-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn:hover { transform: translateY(-1px); text-decoration: none !important; }

.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn-primary {
  background: var(--mxlt-cta-blue);
  color: #FFFFFF !important;
  border-color: var(--mxlt-cta-blue);
  box-shadow: 0 1px 2px rgba(47, 93, 124, 0.30);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn-primary:hover { background: var(--mxlt-cta-blue-dk); border-color: var(--mxlt-cta-blue-dk); color: #FFFFFF !important; }

.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn-secondary {
  background: var(--mxlt-gold);
  color: #1E2B38 !important;
  border-color: var(--mxlt-gold);
  box-shadow: 0 1px 2px rgba(212, 160, 23, 0.30);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn-secondary:hover { background: var(--mxlt-gold-dark); border-color: var(--mxlt-gold-dark); color: #1E2B38 !important; }

.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn-outline {
  background: transparent;
  color: var(--mxlt-cta-blue-dk) !important;
  border-color: var(--mxlt-cta-blue);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn-outline:hover { background: var(--mxlt-soft-blue); color: var(--mxlt-cta-blue-dk) !important; border-color: var(--mxlt-cta-blue-dk); }

.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-btn-large { padding: 9px 14px; font-size: 13px; }

/* ---------- Chips ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-chip-row { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 4px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-chip {
  background: #FFFFFF;
  color: var(--mxlt-deep-navy);
  border: 1px solid var(--mxlt-blue-border);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.2px;
  font-weight: 600;
  letter-spacing: 0.005em;
  box-shadow: var(--mxlt-shadow-sm);
}

/* ---------- Quick Pick Panel ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 9px;
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: var(--mxlt-radius-sm);
  font-size: 11.8px;
  line-height: 1.3;
  min-width: 0;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list li > span:first-child { color: var(--mxlt-ink); min-width: 0; overflow-wrap: break-word; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list li > span:nth-child(2) {
  color: var(--mxlt-steel);
  font-weight: 700;
  font-size: 11.5px;
  white-space: nowrap;
  text-align: right;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list li > span:nth-child(2) a { color: var(--mxlt-cta-blue); font-weight: 700; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-decision li { background: #FFFFFF; border-color: var(--mxlt-blue-border); }

/* ---------- Muted note ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-muted { font-size: 11.2px; color: #6F8A9D; line-height: 1.4; margin: 7px 0 0; }

/* ---------- Quick Answer ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickanswer { background: var(--mxlt-soft-blue); border: 1px solid var(--mxlt-blue-border); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickanswer p { margin: 0; font-size: 13px; color: var(--mxlt-ink); }

/* ---------- Spec table (2-col) ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-spec-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-spec-table th {
  background: var(--mxlt-pale);
  color: var(--mxlt-deep-navy);
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12.3px;
  border-bottom: 1px solid var(--mxlt-border);
  white-space: normal;
  width: 38%;
  vertical-align: top;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-spec-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--mxlt-border);
  vertical-align: top;
  color: var(--mxlt-ink);
  font-size: 12.5px;
  line-height: 1.45;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-spec-table tr:last-child th,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-spec-table tr:last-child td { border-bottom: 0; }

/* ---------- Card grids ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cards { display: grid; grid-template-columns: 1fr; gap: 5px; margin-top: 5px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-card {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: var(--mxlt-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-card > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  max-width: none;
  white-space: normal;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-icon { font-size: 15px; line-height: 1.1; align-self: start; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: var(--mxlt-cta-blue);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800;
  flex-shrink: 0;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-card strong { color: var(--mxlt-deep-navy); font-weight: 700; }

/* ---------- Compare cards ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-compare-card {
  display: block;
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: var(--mxlt-radius-md);
  padding: 10px 12px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--mxlt-ink) !important;
  min-width: 0;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-compare-card:hover {
  transform: translateY(-1px);
  border-color: var(--mxlt-cta-blue);
  box-shadow: var(--mxlt-shadow-md);
  text-decoration: none !important;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-compare-self {
  background: var(--mxlt-light-glow);
  border-left: 3px solid var(--mxlt-gold);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-compare-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--mxlt-gold-dark); margin-bottom: 3px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-compare-title { font-size: 13.5px; font-weight: 800; color: var(--mxlt-deep-navy); margin-bottom: 4px; line-height: 1.3; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-compare-blurb { font-size: 12.3px; color: var(--mxlt-ink); margin: 0; line-height: 1.45; }

/* ---------- Tables (Choose by Job) ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--mxlt-border);
  border-radius: var(--mxlt-radius-md);
  background: #fff;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; background: #fff; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table th {
  background: var(--mxlt-navy);
  color: #fff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 2px solid var(--mxlt-deep-navy);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table th a { color: #fff !important; text-decoration: underline; font-size: inherit; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table td {
  padding: 7px 9px;
  border-bottom: 1px solid var(--mxlt-border);
  vertical-align: top;
  color: var(--mxlt-ink);
  font-size: 12.4px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table td a { color: var(--mxlt-cta-blue); font-weight: 600; font-size: inherit; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table td strong { font-weight: 700; color: var(--mxlt-deep-navy); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table tr:nth-child(even) td { background: var(--mxlt-pale); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table tr.hl-mxlt-row-self td {
  background: var(--mxlt-light-glow);
  border-left: 3px solid var(--mxlt-gold);
  font-weight: 400;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table tr.hl-mxlt-row-self td strong { font-weight: 700; color: var(--mxlt-deep-navy); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table tr:last-child td { border-bottom: 0; }

/* ---------- Bullets ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-bullets li {
  position: relative;
  padding: 7px 11px 7px 26px;
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: var(--mxlt-radius-md);
  font-size: 12.6px;
  line-height: 1.45;
  color: var(--mxlt-ink);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-bullets li::before {
  content: "\2022";
  position: absolute;
  left: 11px;
  top: 6px;
  color: var(--mxlt-cta-blue);
  font-weight: 800;
  font-size: 14px;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-not-ideal { background: var(--mxlt-cream); border-color: var(--mxlt-border); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-not-ideal .hl-mxlt-bullets li { background: #FFFFFF; border-color: var(--mxlt-border); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-not-ideal .hl-mxlt-bullets li::before { color: var(--mxlt-amber); }

/* ---------- Safety list ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: var(--mxlt-radius-md);
  padding: 8px 11px;
  font-size: 12.6px;
  line-height: 1.4;
  min-width: 0;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list li > span { min-width: 0; overflow-wrap: break-word; word-break: normal; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list li .hl-mxlt-mini-tick { background: var(--mxlt-deep-navy); }

/* ---------- Mistakes list ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list li {
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-left: 3px solid var(--mxlt-gold);
  border-radius: var(--mxlt-radius-md);
  padding: 8px 12px;
  font-size: 12.6px;
  line-height: 1.45;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list li strong { color: var(--mxlt-deep-navy); display: block; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list li span { color: #6F8A9D; font-size: 12.3px; }

/* ---------- Related products ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related .hl-mxlt-cards { margin-top: 4px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related-card {
  display: block;
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: var(--mxlt-radius-md);
  padding: 9px 11px;
  text-decoration: none !important;
  transition: transform 0.08s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  color: var(--mxlt-ink) !important;
  min-width: 0;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--mxlt-cta-blue);
  box-shadow: var(--mxlt-shadow-md);
  text-decoration: none !important;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related-eyebrow { font-size: 10.3px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--mxlt-gold-dark); margin-bottom: 3px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related-title { font-size: 13.3px; font-weight: 800; color: var(--mxlt-deep-navy); margin-bottom: 3px; line-height: 1.3; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related-blurb { font-size: 11.8px; color: #6F8A9D; margin: 0; line-height: 1.4; }

/* ---------- FAQ ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq details {
  background: var(--mxlt-pale);
  border: 1px solid var(--mxlt-blue-border);
  border-radius: var(--mxlt-radius-md);
  padding: 0;
  margin-bottom: 4px;
  overflow: hidden;
  transition: border-color 0.12s ease;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq details[open] {
  border-color: var(--mxlt-cta-blue);
  background: #FFFFFF;
  box-shadow: var(--mxlt-shadow-sm);
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq summary {
  cursor: pointer;
  padding: 8px 30px 8px 12px;
  font-weight: 700;
  font-size: 12.8px;
  color: var(--mxlt-deep-navy);
  list-style: none;
  position: relative;
  line-height: 1.4;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq summary::-webkit-details-marker { display: none; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: var(--mxlt-cta-blue);
  transition: transform 0.15s ease;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq details[open] summary::after { content: "\2212"; color: var(--mxlt-gold-dark); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq details p { padding: 0 12px 9px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--mxlt-ink); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-faq details p a { color: var(--mxlt-cta-blue); font-weight: 600; }

/* ---------- Final CTA ---------- */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-cta {
  background: linear-gradient(135deg, #FAFDFF 0%, #EAF3FA 36%, #FFF8ED 72%, #FFF6DC 100%);
  border: 1px solid var(--mxlt-blue-border);
  border-top: 2px solid var(--mxlt-gold);
  text-align: center;
  padding: 14px 14px;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--mxlt-deep-navy);
  margin: 0 0 5px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-lede { font-size: 12.8px; color: var(--mxlt-ink); margin: 0 auto 9px; line-height: 1.55; max-width: 880px; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-lede a { color: var(--mxlt-cta-blue); font-weight: 600; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-lede a:hover { color: var(--mxlt-cta-blue-dk); }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cta-row-final { justify-content: center; }
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-note { font-size: 11.2px; color: #6F8A9D; margin: 8px 0 0; }

/* ================================================================
   wpautop guards
   ================================================================ */
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-grid > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-grid > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cta-row > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cta-row > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-chip-row > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-chip-row > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list li > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-quickpick-list li > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cards > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cards > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-card > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-card > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table-wrap > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table-wrap > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list li > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list li > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list > p,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list li > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-bullets > br,
.hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-bullets > p {
  display: none !important;
}

/* ================================================================
   Responsive: tablet + desktop wide layout
   ================================================================ */

/* Tablet ≥ 640px */
@media (min-width: 640px) {
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Side-panel intermediate breakpoint */
@media (min-width: 720px) and (max-width: 919.98px) {
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.7fr);
    gap: 12px;
  }
}

/* Desktop ≥ 920px — wide horizontal hero */
@media (min-width: 920px) {
  .hl-prod-milwaukee-mx-lighting-tower { font-size: 14px; }

  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-h2 { font-size: 20px; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-h3 { font-size: 16px; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-title { font-size: 19px; }

  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-section { padding: 14px 18px; margin: 10px 0; }

  /* Compact desktop hero — tighter padding, centered align */
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero { padding: 9px 12px; margin: 6px 0 8px; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-h2 { font-size: 16.5px; margin: 0 0 4px; line-height: 1.2; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-lede { font-size: 12.5px; margin: 0 0 5px; line-height: 1.4; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero .hl-mxlt-power-note { font-size: 12px; margin: 0 0 5px; line-height: 1.4; }

  /* WIDE compact hero grid — 1.8fr / 0.7fr, centered */
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero-grid {
    grid-template-columns: minmax(0, 1.8fr) minmax(260px, 0.7fr);
    gap: 10px;
    align-items: center;
  }

  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cards { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 6px; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related .hl-mxlt-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }

  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-cards,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list { align-items: stretch; }

  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mini-card,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-compare-card,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-safety-list li,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-mistakes-list li,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-related-card { height: 100%; }

  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-spec-table { font-size: 13px; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table th { padding: 8px 11px; font-size: 12.3px; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-table td { padding: 7px 11px; font-size: 12.7px; }
}

/* Print */
@media print {
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-section,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-cta { box-shadow: none; background: #fff; }
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-hero,
  .hl-prod-milwaukee-mx-lighting-tower .hl-mxlt-final-cta { border-top-color: var(--mxlt-gold); }
}



/* === Hireload Petrol Plate Compactor Product CSS — appended === */
/* =============================================================
   Hireload — Petrol Plate Compactor Product Page Styles
   Scope: .hl-prod-plate-compactor-petrol
   Prefix: hl-pcp-
   NO global selectors. No body/html/:root/unscoped tags.
   ============================================================= */

/* -----------------------------------------------
   CSS Variables (scoped to root wrapper)
----------------------------------------------- */
.hl-prod-plate-compactor-petrol {
  --pcp-navy: #1B3A5C;
  --pcp-steel: #2B5F8E;
  --pcp-gold: #C9891A;
  --pcp-amber: #F5A623;
  --pcp-cream: #FDFAF4;
  --pcp-border: #D4E4F0;
  --pcp-red-soft: #C0392B;
  --pcp-green-soft: #27AE60;
  --pcp-bg: #F6FAFD;
  --pcp-radius: 10px;
  --pcp-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  font-family: var(--pcp-font);
  font-size: 14px;
  color: var(--pcp-navy);
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.hl-prod-plate-compactor-petrol *,
.hl-prod-plate-compactor-petrol *::before,
.hl-prod-plate-compactor-petrol *::after {
  box-sizing: border-box;
}

/* -----------------------------------------------
   HERO
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-hero {
  background: linear-gradient(135deg, var(--pcp-cream) 0%, #EAF3FB 100%);
  border-top: 3px solid var(--pcp-gold);
  border: 1px solid var(--pcp-border);
  border-top: 3px solid var(--pcp-gold);
  border-radius: var(--pcp-radius);
  padding: 16px 18px;
  margin: 6px 0 18px;
  box-shadow: 0 2px 8px rgba(27, 58, 92, 0.08);
}

/* WP empty-paragraph grid fix */
.hl-prod-plate-compactor-petrol .hl-pcp-hero-grid > p {
  display: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-main {
  grid-column: 1;
  grid-row: 1;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-card {
  grid-column: 2;
  grid-row: 1;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-grid {
  display: grid;
  grid-template-columns: 1.75fr minmax(240px, 0.75fr);
  gap: 16px;
  align-items: stretch;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-eyebrow {
  display: inline-block;
  border: 1px solid var(--pcp-navy);
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--pcp-navy);
  margin-bottom: 8px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-main h2 {
  font-size: 19px;
  color: var(--pcp-navy);
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.3;
  font-weight: 700;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-sub {
  font-size: 13px;
  color: var(--pcp-steel);
  margin: 0 0 12px;
  line-height: 1.55;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-note {
  background: #FEF5E4;
  border-left: 3px solid var(--pcp-amber);
  border-radius: 5px;
  padding: 8px 12px;
  font-size: 12px;
  color: #7B4A00;
  margin-bottom: 12px;
  line-height: 1.4;
}

.hl-prod-plate-compactor-petrol .hl-pcp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-chip {
  display: inline-block;
  border: 1px solid var(--pcp-border);
  border-radius: 20px;
  padding: 3px 9px;
  font-size: 11px;
  color: var(--pcp-steel);
  background: #fff;
  font-weight: 500;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

/* -----------------------------------------------
   BUTTONS (shared)
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-btn {
  display: inline-block;
  text-decoration: none;
  border-radius: 6px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 700;
  font-family: var(--pcp-font);
  cursor: pointer;
  line-height: 1.2;
  transition: opacity 0.15s ease;
  border: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-btn:hover {
  opacity: 0.88;
}

.hl-prod-plate-compactor-petrol .hl-pcp-btn-primary {
  background: var(--pcp-navy);
  color: #fff;
}

.hl-prod-plate-compactor-petrol .hl-pcp-btn-secondary {
  background: var(--pcp-gold);
  color: #fff;
}

.hl-prod-plate-compactor-petrol .hl-pcp-btn-outline {
  background: #fff;
  color: var(--pcp-navy);
  border: 1.5px solid var(--pcp-navy);
}

.hl-prod-plate-compactor-petrol .hl-pcp-btn-light {
  background: #fff;
  color: var(--pcp-navy);
  border: 1.5px solid #fff;
}

/* -----------------------------------------------
   HERO CARD (At a Glance)
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-hero-card {
  background: #fff;
  border: 1px solid var(--pcp-navy);
  border-radius: var(--pcp-radius);
  padding: 14px;
  display: flex;
  flex-direction: column;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hc-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--pcp-gold);
  font-weight: 700;
  margin-bottom: 10px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hc-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--pcp-border);
  padding: 5px 0;
  font-size: 12px;
  gap: 8px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hc-row:last-of-type {
  border-bottom: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hc-label {
  color: var(--pcp-steel);
  flex-shrink: 0;
}

.hl-prod-plate-compactor-petrol .hl-pcp-hc-val {
  color: var(--pcp-navy);
  font-weight: 600;
  text-align: right;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-cta {
  margin-top: 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-cta .hl-pcp-btn {
  display: block;
  text-align: center;
}

/* -----------------------------------------------
   SECTION WRAPPER
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-section {
  margin-bottom: 18px;
  padding: 16px 18px;
  background: var(--pcp-cream);
  border: 1px solid var(--pcp-border);
  border-radius: var(--pcp-radius);
}

.hl-prod-plate-compactor-petrol .hl-pcp-eyebrow {
  display: inline-block;
  background: var(--pcp-bg);
  border: 1px solid var(--pcp-border);
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--pcp-steel);
  margin: 0 0 6px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-section h3 {
  font-size: 15px;
  color: var(--pcp-navy);
  margin: 6px 0 12px;
  font-weight: 700;
  line-height: 1.3;
}

/* -----------------------------------------------
   QUICK PICK
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-pick-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid var(--pcp-border);
  border-radius: 6px;
  gap: 8px;
  flex-wrap: wrap;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 160px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-emoji {
  font-size: 18px;
  flex-shrink: 0;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-name {
  font-size: 13px;
  color: var(--pcp-navy);
  font-weight: 600;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-arrow {
  color: var(--pcp-gold);
  font-weight: 700;
  font-size: 15px;
  flex-shrink: 0;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-rec {
  font-size: 12px;
  color: var(--pcp-steel);
  flex: 1;
  min-width: 160px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-rec a {
  color: var(--pcp-gold);
  font-weight: 700;
  text-decoration: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-pick-rec a:hover {
  text-decoration: underline;
}

/* -----------------------------------------------
   QUICK ANSWER
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-quick-answer {
  background: #EAF3FB;
  border-left: 3px solid var(--pcp-steel);
  border-radius: 5px;
  padding: 14px 16px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-quick-answer p {
  margin: 0;
  font-size: 13.5px;
  color: var(--pcp-navy);
  line-height: 1.6;
}

/* -----------------------------------------------
   SPEC TABLE
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-spec-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.hl-prod-plate-compactor-petrol .hl-pcp-spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-spec-table td {
  padding: 7px 10px;
  border: 1px solid var(--pcp-border);
  vertical-align: top;
  color: var(--pcp-navy);
  line-height: 1.45;
}

.hl-prod-plate-compactor-petrol .hl-pcp-spec-table td:first-child {
  font-weight: 600;
  color: var(--pcp-navy);
  background: #F0F7FF;
  width: 35%;
}

.hl-prod-plate-compactor-petrol .hl-pcp-model-note {
  font-style: italic;
  font-size: 11px;
  color: var(--pcp-steel);
  margin-top: 8px;
  margin-bottom: 0;
}

/* -----------------------------------------------
   JOB TABLE (3-col variant)
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-job-table td:first-child {
  width: auto;
}

.hl-prod-plate-compactor-petrol .hl-pcp-cell-yes {
  color: var(--pcp-green-soft);
  font-weight: 700;
}

.hl-prod-plate-compactor-petrol .hl-pcp-cell-no {
  color: var(--pcp-red-soft);
}

/* -----------------------------------------------
   BEST FOR CARDS
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-for-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-for-card {
  background: #fff;
  border: 1px solid var(--pcp-border);
  border-radius: 8px;
  padding: 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-for-icon {
  font-size: 22px;
  margin-bottom: 4px;
  line-height: 1.2;
}

.hl-prod-plate-compactor-petrol .hl-pcp-for-title {
  font-size: 13px;
  color: var(--pcp-navy);
  font-weight: 700;
  margin-bottom: 4px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-for-body {
  font-size: 12px;
  color: var(--pcp-steel);
  line-height: 1.45;
}

/* -----------------------------------------------
   NOT IDEAL FOR
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-not-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-not-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-left: 3px solid var(--pcp-red-soft);
  border: 1px solid var(--pcp-border);
  border-left: 3px solid var(--pcp-red-soft);
  border-radius: 6px;
  padding: 8px 12px;
  background: #fff;
}

.hl-prod-plate-compactor-petrol .hl-pcp-not-x {
  color: var(--pcp-red-soft);
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  line-height: 1.4;
}

.hl-prod-plate-compactor-petrol .hl-pcp-not-text {
  font-size: 12px;
  color: var(--pcp-steel);
  line-height: 1.5;
}

/* -----------------------------------------------
   COMPARISON CARDS
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-comp-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-card {
  border: 1px solid var(--pcp-border);
  border-radius: var(--pcp-radius);
  overflow: hidden;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-card--active {
  border-top: 3px solid var(--pcp-gold);
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-head {
  background: var(--pcp-navy);
  color: #fff;
  padding: 8px 12px;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-body {
  padding: 10px 12px 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-row {
  font-size: 12px;
  color: var(--pcp-steel);
  padding: 4px 0;
  border-bottom: 1px solid var(--pcp-border);
  line-height: 1.45;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-row:last-of-type {
  border-bottom: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-row strong {
  color: var(--pcp-navy);
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-badge {
  display: inline-block;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
  margin-top: 8px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-badge--this {
  background: #E8F8EE;
  color: var(--pcp-green-soft);
  border: 1px solid var(--pcp-green-soft);
}

.hl-prod-plate-compactor-petrol .hl-pcp-comp-badge--alt {
  background: var(--pcp-bg);
  color: var(--pcp-steel);
  border: 1px solid var(--pcp-border);
}

/* -----------------------------------------------
   SAFETY CHECKLIST
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-ck-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid var(--pcp-border);
  border-radius: 6px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-ck-icon {
  color: var(--pcp-green-soft);
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  line-height: 1.5;
}

.hl-prod-plate-compactor-petrol .hl-pcp-ck-icon--bad {
  color: var(--pcp-red-soft);
}

.hl-prod-plate-compactor-petrol .hl-pcp-ck-text {
  font-size: 12.5px;
  color: var(--pcp-steel);
  line-height: 1.5;
}

/* -----------------------------------------------
   COST CARDS
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-cost-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-cost-card {
  background: #fff;
  border: 1px solid var(--pcp-border);
  border-radius: 8px;
  padding: 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-cost-icon {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 1.2;
}

.hl-prod-plate-compactor-petrol .hl-pcp-cost-label {
  font-size: 13px;
  color: var(--pcp-navy);
  font-weight: 700;
  margin-bottom: 4px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-cost-desc {
  font-size: 12px;
  color: var(--pcp-steel);
  line-height: 1.45;
}

/* -----------------------------------------------
   RELATED PRODUCTS
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-rel-card {
  border: 1px solid var(--pcp-border);
  border-radius: var(--pcp-radius);
  padding: 14px;
  display: flex;
  flex-direction: column;
  background: #fff;
}

.hl-prod-plate-compactor-petrol .hl-pcp-rel-icon {
  font-size: 24px;
  margin-bottom: 8px;
  line-height: 1.2;
}

.hl-prod-plate-compactor-petrol .hl-pcp-rel-name {
  font-size: 13px;
  color: var(--pcp-navy);
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 1.35;
}

.hl-prod-plate-compactor-petrol .hl-pcp-rel-why {
  font-size: 11px;
  color: var(--pcp-steel);
  flex-grow: 1;
  line-height: 1.45;
}

.hl-prod-plate-compactor-petrol .hl-pcp-rel-link {
  display: inline-block;
  margin-top: 10px;
  color: var(--pcp-gold);
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-rel-link:hover {
  text-decoration: underline;
}

/* -----------------------------------------------
   FAQ
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-faq-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-item {
  border: 1px solid var(--pcp-border);
  border-radius: 6px;
  overflow: hidden;
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-item summary {
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--pcp-navy);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  user-select: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-item summary::-webkit-details-marker {
  display: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-item summary::after {
  content: "+";
  color: var(--pcp-gold);
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
  margin-left: 8px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-item[open] summary::after {
  content: "\2212";
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-ans {
  padding: 10px 14px 12px;
  font-size: 12.5px;
  color: var(--pcp-steel);
  border-top: 1px solid var(--pcp-border);
  background: #FAFCFF;
  line-height: 1.55;
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-ans a {
  color: var(--pcp-gold);
  font-weight: 600;
  text-decoration: none;
}

.hl-prod-plate-compactor-petrol .hl-pcp-faq-ans a:hover {
  text-decoration: underline;
}

/* -----------------------------------------------
   FINAL CTA
----------------------------------------------- */
.hl-prod-plate-compactor-petrol .hl-pcp-final-cta {
  background: var(--pcp-navy);
  border-radius: var(--pcp-radius);
  padding: 24px 20px;
  text-align: center;
  margin-top: 10px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-final-cta h2 {
  color: #fff;
  font-size: 18px;
  margin: 0 0 8px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-prod-plate-compactor-petrol .hl-pcp-final-cta p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  margin: 0 0 6px;
  line-height: 1.5;
}

.hl-prod-plate-compactor-petrol .hl-pcp-final-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}

.hl-prod-plate-compactor-petrol .hl-pcp-final-cta .hl-pcp-btn-primary {
  background: var(--pcp-gold);
  color: #fff;
}

.hl-prod-plate-compactor-petrol .hl-pcp-final-cta .hl-pcp-btn-light {
  background: #fff;
  color: var(--pcp-navy);
  border: none;
}

/* -----------------------------------------------
   MOBILE RESPONSIVE — max-width: 768px
----------------------------------------------- */
@media (max-width: 768px) {

  .hl-prod-plate-compactor-petrol .hl-pcp-hero-grid {
    grid-template-columns: 1fr;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-hero-main {
    grid-column: 1;
    grid-row: 1;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-hero-card {
    grid-column: 1;
    grid-row: 2;
    margin-top: 12px;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-hero-main h2 {
    font-size: 16px;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-for-cards {
    grid-template-columns: 1fr;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-not-grid {
    grid-template-columns: 1fr;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-comp-3 {
    grid-template-columns: 1fr;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-related-grid {
    grid-template-columns: 1fr;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-cost-cards {
    grid-template-columns: 1fr;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-hero-ctas {
    flex-direction: column;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-btn {
    text-align: center;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-pick-row {
    flex-wrap: wrap;
    gap: 4px;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-final-cta h2 {
    font-size: 16px;
  }

  .hl-prod-plate-compactor-petrol .hl-pcp-final-btns {
    flex-direction: column;
    align-items: center;
  }

}



/* Hireload DH Cat */
/* ===================================================== Hireload — Drying & Heating (parent category) v1 — dual heat (amber/copper) + drying (soft aqua) palette Scoped to .hl-dh-cat only No body / html selectors. No full-page background. ===================================================== */ .hl-dh-cat{--hl-navy:#1e2a3a;--hl-navy-2:#2c3e50;--hl-warm:#c97f50;--hl-warm-2:#a86836;--hl-warm-soft:#f7e2bb;--hl-warm-bg:#fdf6ec;--hl-cool:#4d8a9e;--hl-cool-2:#2c5e6f;--hl-cool-soft:#cfe3eb;--hl-cool-bg:#eef6f9;--hl-slate:#475569;--hl-slate-2:#64748b;--hl-warm-border:#e0c9a7;--hl-cool-border:#b6d3dd;--hl-cream-card:#fbf2e3;--hl-cream-band:#fdf8ee;--hl-text:#1c2533;--hl-text-soft:#475569;--hl-radius:10px;--hl-radius-lg:14px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color:var(--hl-text);line-height:1.5;font-size:14px;max-width:1140px;margin:0 auto;padding:0 12px}.hl-dh-cat *{box-sizing:border-box}.hl-dh-cat a{color:var(--hl-navy);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:var(--hl-cool-border)}.hl-dh-cat a:hover{color:var(--hl-cool-2);text-decoration-color:var(--hl-cool-2)}.hl-dh-cat h2, .hl-dh-cat h3, .hl-dh-cat h4{font-family:inherit;color:var(--hl-navy);margin:0 0 0.35em 0;letter-spacing:-0.01em;line-height:1.25;font-weight:700}.hl-dh-cat p{margin:0 0 0.6em 0}.hl-dh-section-h{font-size:1.1rem;font-weight:700;margin:4px 0 2px 0;color:var(--hl-navy)}.hl-dh-section-sub{color:var(--hl-text-soft);margin:0 0 0.7em 0;font-size:0.84rem}.hl-dh-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff;border:1px solid var(--hl-cool-border);color:var(--hl-cool-2);font-size:0.65rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;padding:3px 8px;border-radius:5px;margin-bottom:5px}.hl-dh-pill span[aria-hidden]{font-size:0.78rem}.hl-dh-hero{background:radial-gradient(110% 100% at 0% 0%, rgba(77, 138, 158, 0.18) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(201, 127, 80, 0.18) 0%, transparent 60%), linear-gradient(135deg, #f4f8fa 0%, #fbf2e3 100%);border:1px solid #d4c5b0;border-radius:var(--hl-radius-lg);padding:18px;margin:14px 0 18px 0;box-shadow:0 4px 18px rgba(30, 42, 58, 0.06)}.hl-dh-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}.hl-dh-hero-main{display:flex;flex-direction:column}.hl-dh-hero-eyebrow{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:#ffffff;border:1px solid var(--hl-cool-border);color:var(--hl-navy);font-size:0.66rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:8px;box-shadow:0 1px 2px rgba(30, 42, 58, 0.05)}.hl-dh-hero-h{color:var(--hl-navy);font-size:1.4rem;margin:0 0 6px 0;font-weight:700;line-height:1.18;letter-spacing:-0.01em}.hl-dh-hero-sub{color:#2a3540;font-size:0.88rem;margin:0 0 10px 0;line-height:1.5}.hl-dh-hero-ctas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px 0}.hl-dh-hero-badges{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px}.hl-dh-badge{display:inline-block;background:#ffffff;border:1px solid #dfe5ea;border-radius:6px;padding:3px 8px;font-size:0.72rem;font-weight:600;color:var(--hl-navy)}.hl-dh-badge-cool{background:var(--hl-cool-bg);border-color:var(--hl-cool-border)}.hl-dh-badge-warm{background:var(--hl-warm-bg);border-color:var(--hl-warm-border)}.hl-dh-hero-side{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:11px 13px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(30, 42, 58, 0.06)}.hl-dh-hero-side-tag{font-size:0.62rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--hl-cool-2);margin-bottom:3px}.hl-dh-hero-side-q{font-size:0.88rem;font-weight:700;color:var(--hl-navy);margin:0 0 6px 0}.hl-dh-hero-side-list{list-style:none;margin:0;padding:0}.hl-dh-hero-side-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--hl-cool-border);font-size:0.8rem}.hl-dh-hero-side-list li:last-child{border-bottom:0}.hl-dh-hero-side-list li > span{color:var(--hl-navy);font-weight:600}.hl-dh-hero-side-list li > a{color:var(--hl-cool-2);font-weight:700;text-decoration:none;white-space:nowrap;font-size:0.78rem}.hl-dh-hero-side-list li > a:hover{color:var(--hl-warm-2);text-decoration:underline}.hl-dh-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-weight:700;text-decoration:none;font-size:0.88rem;border:1px solid transparent;transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;line-height:1}.hl-dh-btn-primary{background:var(--hl-warm);color:#ffffff;border-color:var(--hl-warm)}.hl-dh-btn-primary:hover{background:var(--hl-warm-2);border-color:var(--hl-warm-2);transform:translateY(-1px)}.hl-dh-btn-outline{background:#ffffff;color:var(--hl-navy);border-color:var(--hl-navy)}.hl-dh-btn-outline:hover{background:var(--hl-navy);color:#ffffff}.hl-dh-btn-outline-dark{background:transparent;color:#ffffff;border-color:rgba(255,255,255,0.5)}.hl-dh-btn-outline-dark:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.8);color:#ffffff}.hl-dh-btn-ghost{background:transparent;color:rgba(255,255,255,0.9);border-color:transparent}.hl-dh-btn-ghost:hover{color:#ffffff}.hl-dh-quick{background:var(--hl-cool-bg);border:1px solid var(--hl-cool-border);border-left:3px solid var(--hl-cool);border-radius:var(--hl-radius);padding:10px 12px;margin:0 0 16px 0}.hl-dh-quick .hl-dh-pill{margin-bottom:3px}.hl-dh-quick-h{font-size:0.95rem;margin:2px 0 4px 0;color:var(--hl-navy)}.hl-dh-quick p{margin:0;font-size:0.85rem;color:var(--hl-text);line-height:1.5}.hl-dh-problems, .hl-dh-compare{margin:0 0 18px 0}.hl-dh-table-wrap{overflow-x:auto;border:1px solid #dfe5ea;border-radius:var(--hl-radius);background:#ffffff}.hl-dh-table{width:100%;border-collapse:collapse;font-size:0.82rem;min-width:680px}.hl-dh-table thead th{background:var(--hl-navy);color:#ffffff;text-align:left;padding:7px 10px;font-weight:600;font-size:0.78rem;letter-spacing:0.01em}.hl-dh-table tbody th[scope="row"]{font-weight:600;color:var(--hl-navy);text-align:left;background:var(--hl-cool-bg);padding:7px 10px;border-top:1px solid #e2e8ec;width:28%;font-size:0.82rem}.hl-dh-table td{padding:7px 10px;border-top:1px solid #e2e8ec;vertical-align:top;color:var(--hl-text);font-size:0.82rem}.hl-dh-table tbody tr:hover td, .hl-dh-table tbody tr:hover th[scope="row"]{background:#f6fafc}.hl-dh-groups{margin:0 0 18px 0}.hl-dh-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:8px}.hl-dh-card{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:11px 12px;display:flex;flex-direction:column;position:relative;transition:border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease}.hl-dh-card::before{content:"";position:absolute;left:11px;right:11px;top:0;height:3px;background:transparent;border-radius:0 0 3px 3px;transition:background 0.15s ease}.hl-dh-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30, 42, 58, 0.06)}.hl-dh-card--cool{border-left:3px solid var(--hl-cool)}.hl-dh-card--cool:hover{border-color:var(--hl-cool)}.hl-dh-card--cool:hover::before{background:var(--hl-cool)}.hl-dh-card--warm{border-left:3px solid var(--hl-warm)}.hl-dh-card--warm:hover{border-color:var(--hl-warm)}.hl-dh-card--warm:hover::before{background:var(--hl-warm)}.hl-dh-card:hover::before{background:var(--hl-slate)}.hl-dh-card-ico{font-size:1rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--hl-cool-bg);border:1px solid var(--hl-cool-border);margin-bottom:5px}.hl-dh-card--warm .hl-dh-card-ico{background:var(--hl-warm-bg);border-color:var(--hl-warm-border)}.hl-dh-card h4{font-size:0.92rem;margin:0 0 3px 0;color:var(--hl-navy)}.hl-dh-card p{font-size:0.79rem;color:var(--hl-text-soft);margin:0 0 7px 0;flex:1;line-height:1.4}.hl-dh-card-link{font-weight:700;font-size:0.78rem;color:var(--hl-cool-2);text-decoration:none;align-self:flex-start;border-bottom:1px solid var(--hl-cool-border);padding-bottom:1px}.hl-dh-card--warm .hl-dh-card-link{color:var(--hl-warm-2);border-bottom-color:var(--hl-warm-border)}.hl-dh-card-link:hover{color:var(--hl-navy);border-bottom-color:var(--hl-navy)}.hl-dh-selector{margin:0 0 18px 0}.hl-dh-pick{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:6px}.hl-dh-pick-item{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:8px 10px;text-align:left;transition:border-color 0.15s ease, background 0.15s ease}.hl-dh-pick-item:hover{border-color:var(--hl-cool);background:var(--hl-cool-bg)}.hl-dh-pick-ico{display:inline-block;font-size:0.95rem;margin-bottom:1px}.hl-dh-pick-item h4{font-size:0.84rem;margin:0 0 3px 0;font-weight:600;color:var(--hl-navy)}.hl-dh-pick-item a{font-weight:700;font-size:0.77rem;text-decoration:none;color:var(--hl-cool-2)}.hl-dh-pick-item a:hover{color:var(--hl-navy)}.hl-dh-situations{margin:0 0 18px 0}.hl-dh-sit-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:8px}.hl-dh-sit{background:#ffffff;border:1px solid #dfe5ea;border-left:3px solid var(--hl-slate);border-radius:var(--hl-radius);padding:10px 12px}.hl-dh-sit--cool{border-left-color:var(--hl-cool)}.hl-dh-sit--warm{border-left-color:var(--hl-warm)}.hl-dh-sit h4{font-size:0.88rem;margin:0 0 3px 0;color:var(--hl-navy)}.hl-dh-sit p{font-size:0.8rem;color:var(--hl-text);margin:0 0 3px 0;line-height:1.4}.hl-dh-sit p strong{color:var(--hl-navy)}.hl-dh-sit-note{font-size:0.74rem !important;color:var(--hl-text-soft);margin:0 !important}.hl-dh-cost{margin:0 0 18px 0}.hl-dh-cost-grid{list-style:none;padding:0;margin:0 0 6px 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:5px}.hl-dh-cost-grid li{background:var(--hl-cool-bg);border:1px solid var(--hl-cool-border);border-left:2px solid var(--hl-cool);border-radius:5px;padding:6px 9px;font-size:0.79rem;color:var(--hl-text);line-height:1.45}.hl-dh-cost-grid li strong{color:var(--hl-navy)}.hl-dh-cost-cta{font-size:0.85rem;color:var(--hl-text);margin:5px 0 0 0}.hl-dh-cost-cta a{color:var(--hl-cool-2);font-weight:700}.hl-dh-checklist{margin:0 0 18px 0}.hl-dh-check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:5px}.hl-dh-check-list li{background:#ffffff;border:1px solid #dfe5ea;border-radius:5px;padding:6px 9px 6px 28px;position:relative;font-size:0.79rem;color:var(--hl-text);line-height:1.4}.hl-dh-check-list li::before{content:"✓";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--hl-cool);color:#ffffff;border-radius:3px;font-weight:700;font-size:0.62rem}.hl-dh-check-list li span{color:var(--hl-text-soft);font-size:0.7rem;display:block;margin-top:1px}.hl-dh-check-list li a{color:var(--hl-cool-2);font-weight:700}.hl-dh-related{margin:0 0 18px 0}.hl-dh-related-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px}.hl-dh-related-list a{display:inline-block;background:#ffffff;border:1px solid var(--hl-cool-border);border-radius:5px;padding:5px 9px;text-decoration:none;color:var(--hl-navy);font-size:0.78rem;font-weight:600;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease}.hl-dh-related-list a:hover{background:var(--hl-cool-2);border-color:var(--hl-cool-2);color:#ffffff}.hl-dh-faq{margin:0 0 18px 0}.hl-dh-faq-item{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:1px 12px;margin-bottom:5px}.hl-dh-faq-item summary{cursor:pointer;padding:7px 0;font-weight:600;color:var(--hl-navy);font-size:0.84rem;list-style:none;position:relative;padding-right:22px}.hl-dh-faq-item summary::-webkit-details-marker{display:none}.hl-dh-faq-item summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:0.95rem;color:var(--hl-cool-2);font-weight:700}.hl-dh-faq-item[open] summary::after{content:"−"}.hl-dh-faq-item p{margin:0 0 7px 0;color:var(--hl-text);font-size:0.8rem;line-height:1.5}.hl-dh-faq-item p a{color:var(--hl-cool-2);font-weight:600}.hl-dh-cta{background:linear-gradient(135deg, var(--hl-navy) 0%, var(--hl-navy-2) 100%);color:#ffffff;border-radius:var(--hl-radius-lg);padding:14px 16px;text-align:center;margin:0 0 18px 0;position:relative;overflow:hidden}.hl-dh-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 0% 0%, rgba(77, 138, 158, 0.20) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(201, 127, 80, 0.20) 0%, transparent 60%);pointer-events:none}.hl-dh-cta-h{color:#ffffff;font-size:1rem;margin:0 0 3px 0;position:relative;z-index:1}.hl-dh-cta-sub{color:rgba(255,255,255,0.82);font-size:0.82rem;margin:0 auto 10px auto;max-width:720px;position:relative;z-index:1}.hl-dh-cta-buttons{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;position:relative;z-index:1}.hl-dh-cta-buttons .hl-dh-btn{padding:8px 14px;font-size:0.82rem}@media (max-width:760px){.hl-dh-hero-grid{grid-template-columns:1fr}}@media (max-width:720px){.hl-dh-cat{font-size:13.5px;padding:0 9px}.hl-dh-hero{padding:14px}.hl-dh-hero-h{font-size:1.18rem}.hl-dh-hero-sub{font-size:0.82rem}.hl-dh-section-h{font-size:1.02rem}.hl-dh-cta{padding:12px 12px}.hl-dh-cta-h{font-size:0.95rem}}
/* Hireload Clean Cat */
/* ===================================================== Hireload — Cleaning Equipment Hire (parent category) v1 — clean professional palette:navy + soft aqua + muted green + amber CTA Scoped to .hl-clean-cat only No body / html selectors. No full-page background. ===================================================== */ .hl-clean-cat{--hl-navy:#1e2a3a;--hl-navy-2:#2c3e50;--hl-aqua:#5a8a9e;--hl-aqua-2:#2c5e6f;--hl-aqua-soft:#cfe3eb;--hl-aqua-bg:#eef6f9;--hl-green:#6a8d6a;--hl-green-2:#4f6f4f;--hl-green-soft:#d6e3d6;--hl-green-bg:#f1f6ef;--hl-slate:#475569;--hl-slate-2:#64748b;--hl-amber:#a86836;--hl-amber-2:#8e5429;--hl-cream:#fbf6ec;--hl-cream-card:#fbf2e3;--hl-warm-bg:#fdf8ee;--hl-aqua-border:#b6d3dd;--hl-green-border:#bcd2ba;--hl-warm-border:#e0c9a7;--hl-text:#1c2533;--hl-text-soft:#475569;--hl-radius:10px;--hl-radius-lg:14px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color:var(--hl-text);line-height:1.5;font-size:14px;max-width:1140px;margin:0 auto;padding:0 12px}.hl-clean-cat *{box-sizing:border-box}.hl-clean-cat a{color:var(--hl-navy);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:var(--hl-aqua-border)}.hl-clean-cat a:hover{color:var(--hl-aqua-2);text-decoration-color:var(--hl-aqua-2)}.hl-clean-cat h2, .hl-clean-cat h3, .hl-clean-cat h4{font-family:inherit;color:var(--hl-navy);margin:0 0 0.35em 0;letter-spacing:-0.01em;line-height:1.25;font-weight:700}.hl-clean-cat p{margin:0 0 0.6em 0}.hl-clean-section-h{font-size:1.1rem;font-weight:700;margin:4px 0 2px 0;color:var(--hl-navy)}.hl-clean-section-sub{color:var(--hl-text-soft);margin:0 0 0.7em 0;font-size:0.84rem}.hl-clean-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff;border:1px solid var(--hl-aqua-border);color:var(--hl-aqua-2);font-size:0.65rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;padding:3px 8px;border-radius:5px;margin-bottom:5px}.hl-clean-pill span[aria-hidden]{font-size:0.78rem}.hl-clean-hero{background:radial-gradient(110% 100% at 0% 0%, rgba(90, 138, 158, 0.15) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(106, 141, 106, 0.13) 0%, transparent 60%), linear-gradient(135deg, #f6fafc 0%, #f3f7f1 100%);border:1px solid #d2dde0;border-radius:var(--hl-radius-lg);padding:18px;margin:14px 0 18px 0;box-shadow:0 4px 18px rgba(30, 42, 58, 0.06)}.hl-clean-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}.hl-clean-hero-main{display:flex;flex-direction:column}.hl-clean-hero-eyebrow{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:#ffffff;border:1px solid var(--hl-aqua-border);color:var(--hl-navy);font-size:0.66rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:8px;box-shadow:0 1px 2px rgba(30, 42, 58, 0.05)}.hl-clean-hero-h{color:var(--hl-navy);font-size:1.4rem;margin:0 0 6px 0;font-weight:700;line-height:1.18;letter-spacing:-0.01em}.hl-clean-hero-sub{color:#2a3540;font-size:0.88rem;margin:0 0 10px 0;line-height:1.5}.hl-clean-hero-ctas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px 0}.hl-clean-hero-badges{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px}.hl-clean-badge{display:inline-block;background:#ffffff;border:1px solid #dfe5ea;border-radius:6px;padding:3px 8px;font-size:0.72rem;font-weight:600;color:var(--hl-navy)}.hl-clean-badge-aqua{background:var(--hl-aqua-bg);border-color:var(--hl-aqua-border)}.hl-clean-badge-green{background:var(--hl-green-bg);border-color:var(--hl-green-border)}.hl-clean-hero-side{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:11px 13px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(30, 42, 58, 0.06)}.hl-clean-hero-side-tag{font-size:0.62rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--hl-aqua-2);margin-bottom:3px}.hl-clean-hero-side-q{font-size:0.88rem;font-weight:700;color:var(--hl-navy);margin:0 0 6px 0}.hl-clean-hero-side-list{list-style:none;margin:0;padding:0}.hl-clean-hero-side-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--hl-aqua-border);font-size:0.8rem}.hl-clean-hero-side-list li:last-child{border-bottom:0}.hl-clean-hero-side-list li > span{color:var(--hl-navy);font-weight:600}.hl-clean-hero-side-list li > a{color:var(--hl-aqua-2);font-weight:700;text-decoration:none;white-space:nowrap;font-size:0.78rem}.hl-clean-hero-side-list li > a:hover{color:var(--hl-amber-2);text-decoration:underline}.hl-clean-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-weight:700;text-decoration:none;font-size:0.88rem;border:1px solid transparent;transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;line-height:1}.hl-clean-btn-primary{background:var(--hl-amber);color:#ffffff;border-color:var(--hl-amber)}.hl-clean-btn-primary:hover{background:var(--hl-amber-2);border-color:var(--hl-amber-2);transform:translateY(-1px)}.hl-clean-btn-outline{background:#ffffff;color:var(--hl-navy);border-color:var(--hl-navy)}.hl-clean-btn-outline:hover{background:var(--hl-navy);color:#ffffff}.hl-clean-btn-outline-dark{background:transparent;color:#ffffff;border-color:rgba(255,255,255,0.5)}.hl-clean-btn-outline-dark:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.8);color:#ffffff}.hl-clean-btn-ghost{background:transparent;color:rgba(255,255,255,0.9);border-color:transparent}.hl-clean-btn-ghost:hover{color:#ffffff}.hl-clean-quick{background:var(--hl-aqua-bg);border:1px solid var(--hl-aqua-border);border-left:3px solid var(--hl-aqua);border-radius:var(--hl-radius);padding:10px 12px;margin:0 0 16px 0}.hl-clean-quick .hl-clean-pill{margin-bottom:3px}.hl-clean-quick-h{font-size:0.95rem;margin:2px 0 4px 0;color:var(--hl-navy)}.hl-clean-quick p{margin:0;font-size:0.85rem;color:var(--hl-text);line-height:1.5}.hl-clean-tasks, .hl-clean-compare{margin:0 0 18px 0}.hl-clean-table-wrap{overflow-x:auto;border:1px solid #dfe5ea;border-radius:var(--hl-radius);background:#ffffff}.hl-clean-table{width:100%;border-collapse:collapse;font-size:0.82rem;min-width:680px}.hl-clean-table thead th{background:var(--hl-navy);color:#ffffff;text-align:left;padding:7px 10px;font-weight:600;font-size:0.78rem;letter-spacing:0.01em}.hl-clean-table tbody th[scope="row"]{font-weight:600;color:var(--hl-navy);text-align:left;background:var(--hl-aqua-bg);padding:7px 10px;border-top:1px solid #e2e8ec;width:28%;font-size:0.82rem}.hl-clean-table td{padding:7px 10px;border-top:1px solid #e2e8ec;vertical-align:top;color:var(--hl-text);font-size:0.82rem}.hl-clean-table tbody tr:hover td, .hl-clean-table tbody tr:hover th[scope="row"]{background:#f6fafc}.hl-clean-groups{margin:0 0 18px 0}.hl-clean-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:8px}.hl-clean-card{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:11px 12px;display:flex;flex-direction:column;position:relative;transition:border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease}.hl-clean-card::before{content:"";position:absolute;left:11px;right:11px;top:0;height:3px;background:transparent;border-radius:0 0 3px 3px;transition:background 0.15s ease}.hl-clean-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30, 42, 58, 0.06)}.hl-clean-card--aqua{border-left:3px solid var(--hl-aqua)}.hl-clean-card--aqua:hover{border-color:var(--hl-aqua)}.hl-clean-card--aqua:hover::before{background:var(--hl-aqua)}.hl-clean-card--green{border-left:3px solid var(--hl-green)}.hl-clean-card--green:hover{border-color:var(--hl-green)}.hl-clean-card--green:hover::before{background:var(--hl-green)}.hl-clean-card:hover::before{background:var(--hl-slate)}.hl-clean-card-ico{font-size:1rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--hl-aqua-bg);border:1px solid var(--hl-aqua-border);margin-bottom:5px}.hl-clean-card--green .hl-clean-card-ico{background:var(--hl-green-bg);border-color:var(--hl-green-border)}.hl-clean-card h4{font-size:0.92rem;margin:0 0 3px 0;color:var(--hl-navy)}.hl-clean-card p{font-size:0.79rem;color:var(--hl-text-soft);margin:0 0 7px 0;flex:1;line-height:1.4}.hl-clean-card-link{font-weight:700;font-size:0.78rem;color:var(--hl-aqua-2);text-decoration:none;align-self:flex-start;border-bottom:1px solid var(--hl-aqua-border);padding-bottom:1px}.hl-clean-card--green .hl-clean-card-link{color:var(--hl-green-2);border-bottom-color:var(--hl-green-border)}.hl-clean-card-link:hover{color:var(--hl-navy);border-bottom-color:var(--hl-navy)}.hl-clean-selector{margin:0 0 18px 0}.hl-clean-pick{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:6px}.hl-clean-pick-item{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:8px 10px;text-align:left;transition:border-color 0.15s ease, background 0.15s ease}.hl-clean-pick-item:hover{border-color:var(--hl-aqua);background:var(--hl-aqua-bg)}.hl-clean-pick-ico{display:inline-block;font-size:0.95rem;margin-bottom:1px}.hl-clean-pick-item h4{font-size:0.84rem;margin:0 0 3px 0;font-weight:600;color:var(--hl-navy)}.hl-clean-pick-item a{font-weight:700;font-size:0.77rem;text-decoration:none;color:var(--hl-aqua-2)}.hl-clean-pick-item a:hover{color:var(--hl-navy)}.hl-clean-situations{margin:0 0 18px 0}.hl-clean-sit-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:8px}.hl-clean-sit{background:#ffffff;border:1px solid #dfe5ea;border-left:3px solid var(--hl-slate);border-radius:var(--hl-radius);padding:10px 12px}.hl-clean-sit--aqua{border-left-color:var(--hl-aqua)}.hl-clean-sit--green{border-left-color:var(--hl-green)}.hl-clean-sit h4{font-size:0.88rem;margin:0 0 3px 0;color:var(--hl-navy)}.hl-clean-sit p{font-size:0.8rem;color:var(--hl-text);margin:0 0 3px 0;line-height:1.4}.hl-clean-sit p strong{color:var(--hl-navy)}.hl-clean-sit-note{font-size:0.74rem !important;color:var(--hl-text-soft);margin:0 !important}.hl-clean-cost{margin:0 0 18px 0}.hl-clean-cost-grid{list-style:none;padding:0;margin:0 0 6px 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:5px}.hl-clean-cost-grid li{background:var(--hl-aqua-bg);border:1px solid var(--hl-aqua-border);border-left:2px solid var(--hl-aqua);border-radius:5px;padding:6px 9px;font-size:0.79rem;color:var(--hl-text);line-height:1.45}.hl-clean-cost-grid li strong{color:var(--hl-navy)}.hl-clean-cost-cta{font-size:0.85rem;color:var(--hl-text);margin:5px 0 0 0}.hl-clean-cost-cta a{color:var(--hl-aqua-2);font-weight:700}.hl-clean-checklist{margin:0 0 18px 0}.hl-clean-check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:5px}.hl-clean-check-list li{background:#ffffff;border:1px solid #dfe5ea;border-radius:5px;padding:6px 9px 6px 28px;position:relative;font-size:0.79rem;color:var(--hl-text);line-height:1.4}.hl-clean-check-list li::before{content:"✓";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--hl-green);color:#ffffff;border-radius:3px;font-weight:700;font-size:0.62rem}.hl-clean-check-list li span{color:var(--hl-text-soft);font-size:0.7rem;display:block;margin-top:1px}.hl-clean-check-list li a{color:var(--hl-aqua-2);font-weight:700}.hl-clean-related{margin:0 0 18px 0}.hl-clean-related-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px}.hl-clean-related-list a{display:inline-block;background:#ffffff;border:1px solid var(--hl-aqua-border);border-radius:5px;padding:5px 9px;text-decoration:none;color:var(--hl-navy);font-size:0.78rem;font-weight:600;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease}.hl-clean-related-list a:hover{background:var(--hl-aqua-2);border-color:var(--hl-aqua-2);color:#ffffff}.hl-clean-faq{margin:0 0 18px 0}.hl-clean-faq-item{background:#ffffff;border:1px solid #dfe5ea;border-radius:var(--hl-radius);padding:1px 12px;margin-bottom:5px}.hl-clean-faq-item summary{cursor:pointer;padding:7px 0;font-weight:600;color:var(--hl-navy);font-size:0.84rem;list-style:none;position:relative;padding-right:22px}.hl-clean-faq-item summary::-webkit-details-marker{display:none}.hl-clean-faq-item summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:0.95rem;color:var(--hl-aqua-2);font-weight:700}.hl-clean-faq-item[open] summary::after{content:"−"}.hl-clean-faq-item p{margin:0 0 7px 0;color:var(--hl-text);font-size:0.8rem;line-height:1.5}.hl-clean-faq-item p a{color:var(--hl-aqua-2);font-weight:600}.hl-clean-cta{background:linear-gradient(135deg, var(--hl-navy) 0%, var(--hl-navy-2) 100%);color:#ffffff;border-radius:var(--hl-radius-lg);padding:14px 16px;text-align:center;margin:0 0 18px 0;position:relative;overflow:hidden}.hl-clean-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 0% 0%, rgba(90, 138, 158, 0.20) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(168, 104, 54, 0.15) 0%, transparent 60%);pointer-events:none}.hl-clean-cta-h{color:#ffffff;font-size:1rem;margin:0 0 3px 0;position:relative;z-index:1}.hl-clean-cta-sub{color:rgba(255,255,255,0.82);font-size:0.82rem;margin:0 auto 10px auto;max-width:720px;position:relative;z-index:1}.hl-clean-cta-buttons{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;position:relative;z-index:1}.hl-clean-cta-buttons .hl-clean-btn{padding:8px 14px;font-size:0.82rem}@media (max-width:760px){.hl-clean-hero-grid{grid-template-columns:1fr}}@media (max-width:720px){.hl-clean-cat{font-size:13.5px;padding:0 9px}.hl-clean-hero{padding:14px}.hl-clean-hero-h{font-size:1.18rem}.hl-clean-hero-sub{font-size:0.82rem}.hl-clean-section-h{font-size:1.02rem}.hl-clean-cta{padding:12px 12px}.hl-clean-cta-h{font-size:0.95rem}}

/* === Hireload Reversible Plate Compactor Product CSS — appended === */
/* ============================================================
   Hireload — Reversible Plate Compactor Product CSS v2
   Scoped to: .hl-prod-reversible-plate-compactor
   Prefix: hl-rpc-
   No global selectors. No :root / body / html.
   Max-width 1200px on root. 14px base. Reference-matched.
   ============================================================ */

.hl-prod-reversible-plate-compactor {
  --rpc-navy:        #1e2a3a;
  --rpc-navy-2:      #2c3e50;
  --rpc-amber:       #c9891a;
  --rpc-amber-2:     #a87016;
  --rpc-amber-soft:  #f5dea8;
  --rpc-amber-bg:    #fdf6ec;
  --rpc-amber-bdr:   #e0c87a;
  --rpc-sky:         #3d7da8;
  --rpc-sky-2:       #2a5c7f;
  --rpc-sky-soft:    #ccdeed;
  --rpc-sky-bg:      #edf4f9;
  --rpc-green:       #1a6e30;
  --rpc-red:         #b92d2d;
  --rpc-red-bg:      #fef5f5;
  --rpc-red-bdr:     #f0c0c0;
  --rpc-text:        #1c2533;
  --rpc-text-soft:   #4a5568;
  --rpc-border:      #dde5ea;
  --rpc-white:       #ffffff;
  --rpc-radius:      10px;
  --rpc-radius-lg:   14px;
  --rpc-shadow:      0 2px 8px rgba(30,42,58,0.07);
  --rpc-shadow-md:   0 4px 16px rgba(30,42,58,0.11);

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--rpc-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 12px;
  -webkit-font-smoothing: antialiased;
}

.hl-prod-reversible-plate-compactor * { box-sizing: border-box; }

/* Scoped typography */
.hl-prod-reversible-plate-compactor h2,
.hl-prod-reversible-plate-compactor h3,
.hl-prod-reversible-plate-compactor h4 {
  font-family: inherit;
  color: var(--rpc-navy);
  margin: 0 0 0.35em;
  letter-spacing: -0.01em;
  line-height: 1.22;
  font-weight: 700;
}
.hl-prod-reversible-plate-compactor h2 { font-size: 1.38rem; }
.hl-prod-reversible-plate-compactor h3 { font-size: 1.05rem; }
.hl-prod-reversible-plate-compactor h4 { font-size: 0.92rem; }
.hl-prod-reversible-plate-compactor p  { margin: 0 0 0.55em; }
.hl-prod-reversible-plate-compactor p:last-child { margin-bottom: 0; }
.hl-prod-reversible-plate-compactor ul { list-style: none; margin: 0; padding: 0; }
.hl-prod-reversible-plate-compactor strong { font-weight: 700; color: var(--rpc-navy); }
.hl-prod-reversible-plate-compactor a {
  color: var(--rpc-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--rpc-sky-soft);
}
.hl-prod-reversible-plate-compactor a:hover {
  color: var(--rpc-sky-2);
  text-decoration-color: var(--rpc-sky-2);
}

/* ===========================
   SECTIONS — reference pattern:
   hero = full card
   quick answer = callout card
   middle sections = margin only, internal items are cards
   cta = full card
   =========================== */
.hl-rpc-section { margin: 0 0 18px; }

/* ===========================
   PILL LABELS
   =========================== */
.hl-rpc-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--rpc-white);
  border: 1px solid var(--rpc-sky-soft);
  color: var(--rpc-sky-2);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 6px;
}

/* ===========================
   BUTTONS
   =========================== */
.hl-rpc-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none !important;
  font-size: 0.87rem;
  border: 1px solid transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.1s;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}
.hl-rpc-btn-primary {
  background: var(--rpc-navy);
  color: var(--rpc-white) !important;
  border-color: var(--rpc-navy);
}
.hl-rpc-btn-primary:hover {
  background: var(--rpc-navy-2);
  border-color: var(--rpc-navy-2);
  color: var(--rpc-white) !important;
  transform: translateY(-1px);
}
.hl-rpc-btn-secondary {
  background: var(--rpc-amber);
  color: var(--rpc-white) !important;
  border-color: var(--rpc-amber);
}
.hl-rpc-btn-secondary:hover {
  background: var(--rpc-amber-2);
  border-color: var(--rpc-amber-2);
  color: var(--rpc-white) !important;
}
.hl-rpc-btn-outline {
  background: var(--rpc-white);
  color: var(--rpc-navy) !important;
  border-color: var(--rpc-navy);
}
.hl-rpc-btn-outline:hover {
  background: var(--rpc-navy);
  color: var(--rpc-white) !important;
}
.hl-rpc-btn-ghost {
  background: transparent;
  color: rgba(255,255,255,0.9) !important;
  border-color: rgba(255,255,255,0.35);
}
.hl-rpc-btn-ghost:hover { color: var(--rpc-white) !important; }

/* ===========================
   SECTION 1: HERO
   =========================== */
.hl-rpc-hero {
  background:
    radial-gradient(110% 100% at 0% 0%,   rgba(61,125,168,0.16) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(201,137,26,0.16) 0%, transparent 60%),
    linear-gradient(135deg, #f0f6fa 0%, #fdf7ee 100%);
  border: 1px solid #cdd9e0;
  border-radius: var(--rpc-radius-lg);
  padding: 18px;
  margin: 0 0 18px;
  box-shadow: 0 4px 18px rgba(30,42,58,0.06);
}
.hl-rpc-hero-grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 16px;
  align-items: stretch;
}
/* wpautop guard */
.hl-rpc-hero-grid > p { display: none; }
.hl-rpc-hero-main { display: flex; flex-direction: column; }

.hl-rpc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 5px;
  background: var(--rpc-white);
  border: 1px solid var(--rpc-sky-soft);
  color: var(--rpc-navy);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(30,42,58,0.05);
}
.hl-rpc-hero-main h2 {
  font-size: 1.38rem;
  margin: 0 0 7px;
  line-height: 1.18;
}
.hl-rpc-hero-sub {
  color: #2a3a4e;
  font-size: 0.87rem;
  margin: 0 0 9px;
  line-height: 1.5;
}
.hl-rpc-hero-note {
  background: var(--rpc-amber-bg);
  border: 1px solid var(--rpc-amber-bdr);
  border-left: 3px solid var(--rpc-amber);
  border-radius: 0 6px 6px 0;
  padding: 5px 9px;
  font-size: 0.79rem;
  color: #7a4a00;
  font-weight: 500;
  margin: 0 0 9px;
  line-height: 1.4;
}

/* Chips */
.hl-rpc-chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 10px; }
.hl-rpc-chip {
  display: inline-block;
  background: var(--rpc-white);
  border: 1px solid #dde5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--rpc-navy);
  white-space: nowrap;
}

/* Hero CTAs */
.hl-rpc-hero-ctas { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 4px; }

/* At a Glance card */
.hl-rpc-hero-card {
  background: var(--rpc-white);
  border: 1px solid #dde5ea;
  border-radius: var(--rpc-radius);
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 4px rgba(30,42,58,0.07);
  overflow: hidden;
}
.hl-rpc-hc-title {
  background: var(--rpc-navy);
  color: var(--rpc-white);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 7px 11px;
}
.hl-rpc-hc-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 5px 11px;
  border-bottom: 1px dashed var(--rpc-sky-soft);
  font-size: 0.8rem;
}
.hl-rpc-hc-row:last-child { border-bottom: none; }
.hl-rpc-hc-row:nth-child(even) { background: var(--rpc-sky-bg); }
.hl-rpc-hc-label { color: var(--rpc-text-soft); font-weight: 500; flex-shrink: 0; font-size: 0.76rem; }
.hl-rpc-hc-val   { color: var(--rpc-navy); font-weight: 700; text-align: right; font-size: 0.79rem; }

/* ===========================
   SECTION 2: QUICK PICK
   =========================== */
.hl-rpc-pick-wrap {
  border: 1px solid var(--rpc-border);
  border-radius: var(--rpc-radius);
  background: var(--rpc-white);
  overflow: hidden;
}
.hl-rpc-pick-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 11px;
  border-bottom: 1px solid var(--rpc-sky-bg);
  font-size: 0.83rem;
}
.hl-rpc-pick-row:last-child { border-bottom: none; }
.hl-rpc-pick-row:nth-child(odd)  { background: var(--rpc-sky-bg); }
.hl-rpc-pick-row:nth-child(even) { background: var(--rpc-white); }
.hl-rpc-pick-left { display: flex; align-items: center; gap: 5px; flex: 0 0 220px; }
.hl-rpc-pick-emoji { font-size: 0.95rem; flex-shrink: 0; width: 18px; text-align: center; }
.hl-rpc-pick-name  { font-weight: 600; color: var(--rpc-text); font-size: 0.82rem; }
.hl-rpc-pick-arrow { color: var(--rpc-text-soft); flex-shrink: 0; font-weight: 700; font-size: 0.8rem; }
.hl-rpc-pick-rec   { flex: 1; font-size: 0.81rem; color: var(--rpc-text-soft); }
.hl-rpc-pick-rec--this { color: var(--rpc-green); font-weight: 700; }
.hl-rpc-pick-rec a { color: var(--rpc-sky-2); font-weight: 600; text-decoration: none; }
.hl-rpc-pick-rec a:hover { text-decoration: underline; }

/* ===========================
   SECTION 3: QUICK ANSWER
   =========================== */
.hl-rpc-quick-answer {
  background: var(--rpc-sky-bg);
  border: 1px solid var(--rpc-sky-soft);
  border-left: 3px solid var(--rpc-sky);
  border-radius: var(--rpc-radius);
  padding: 10px 13px;
  margin: 0 0 18px;
}
.hl-rpc-quick-answer .hl-rpc-pill { margin-bottom: 4px; }
.hl-rpc-quick-answer h3 { font-size: 0.95rem; margin: 0 0 5px; }
.hl-rpc-quick-answer p  { margin: 0; font-size: 0.85rem; color: var(--rpc-text); line-height: 1.55; }

/* ===========================
   SECTIONS 4 & 7: TABLES
   =========================== */
.hl-rpc-table-wrap {
  overflow-x: auto;
  border: 1px solid #dde5ea;
  border-radius: var(--rpc-radius);
  background: var(--rpc-white);
  margin: 0 0 6px;
}
.hl-rpc-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 520px;
}
.hl-rpc-table thead td,
.hl-rpc-table thead th {
  background: var(--rpc-navy);
  color: var(--rpc-white);
  text-align: left;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
.hl-rpc-table thead td strong,
.hl-rpc-table thead th strong { color: var(--rpc-white); }
.hl-rpc-table tbody td {
  padding: 7px 10px;
  border-top: 1px solid #e4eaee;
  vertical-align: top;
  color: var(--rpc-text);
  font-size: 0.82rem;
  line-height: 1.4;
}
.hl-rpc-table tbody tr:hover td { background: #f5f9fc; }
.hl-rpc-table tbody td:first-child {
  font-weight: 600;
  color: var(--rpc-navy);
  width: 32%;
  background: var(--rpc-sky-bg);
}
.hl-rpc-table tbody tr:hover td:first-child { background: #e5eff8; }
/* Job table: no strong first-col style */
.hl-rpc-table--job tbody td:first-child {
  background: var(--rpc-sky-bg);
  font-weight: 600;
  color: var(--rpc-text);
  width: 28%;
}
.hl-rpc-table--job tbody tr:hover td:first-child { background: #e5eff8; }
.hl-rpc-cell-yes { color: var(--rpc-green); font-weight: 700; }
.hl-rpc-cell-no  { color: var(--rpc-red);   font-weight: 700; }
.hl-rpc-model-note {
  font-size: 0.76rem;
  color: var(--rpc-text-soft);
  font-style: italic;
  margin: 3px 0 0;
}

/* ===========================
   SECTION 5: BEST FOR CARDS
   =========================== */
.hl-rpc-for-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.hl-rpc-for-card {
  background: var(--rpc-white);
  border: 1px solid #dde5ea;
  border-radius: var(--rpc-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.14s, box-shadow 0.14s;
}
.hl-rpc-for-card::before {
  content: "";
  position: absolute;
  left: 11px; right: 11px; top: 0;
  height: 3px;
  background: var(--rpc-sky-soft);
  border-radius: 0 0 3px 3px;
  transition: background 0.14s;
}
.hl-rpc-for-card:hover { border-color: var(--rpc-sky); box-shadow: var(--rpc-shadow); }
.hl-rpc-for-card:hover::before { background: var(--rpc-sky); }
.hl-rpc-for-ico {
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  border-radius: 6px;
  background: var(--rpc-sky-bg);
  border: 1px solid var(--rpc-sky-soft);
  margin-bottom: 6px;
}
.hl-rpc-for-title { font-weight: 700; font-size: 0.87rem; color: var(--rpc-navy); margin: 0 0 3px; }
.hl-rpc-for-body  { font-size: 0.79rem; color: var(--rpc-text-soft); line-height: 1.42; flex: 1; }

/* ===========================
   SECTION 6: NOT IDEAL FOR
   =========================== */
.hl-rpc-not-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.hl-rpc-not-item {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  background: var(--rpc-red-bg);
  border: 1px solid var(--rpc-red-bdr);
  border-left: 3px solid var(--rpc-red);
  border-radius: var(--rpc-radius);
  padding: 8px 10px;
}
.hl-rpc-not-x    { color: var(--rpc-red); font-weight: 800; font-size: 0.88rem; flex-shrink: 0; margin-top: 1px; line-height: 1.42; }
.hl-rpc-not-text { font-size: 0.8rem; line-height: 1.42; color: var(--rpc-text); }
.hl-rpc-not-text strong { color: #8b1a1a; }

/* ===========================
   SECTION 8: COMPARISON CARDS
   =========================== */
.hl-rpc-comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hl-rpc-comp-card {
  border: 1px solid var(--rpc-border);
  border-radius: var(--rpc-radius);
  overflow: hidden;
  background: var(--rpc-white);
  display: flex;
  flex-direction: column;
}
.hl-rpc-comp-card--active {
  border-color: var(--rpc-navy);
  box-shadow: 0 3px 16px rgba(30,42,58,0.15);
}
.hl-rpc-comp-head {
  background: var(--rpc-sky-bg);
  color: var(--rpc-navy);
  font-weight: 700;
  font-size: 0.87rem;
  padding: 8px 11px;
  border-bottom: 1px solid var(--rpc-sky-soft);
  line-height: 1.3;
}
.hl-rpc-comp-card--active .hl-rpc-comp-head {
  background: var(--rpc-navy);
  color: var(--rpc-white);
  border-bottom: none;
}
.hl-rpc-comp-body { padding: 11px; flex: 1; display: flex; flex-direction: column; }
.hl-rpc-comp-row  { font-size: 0.8rem; margin-bottom: 4px; line-height: 1.4; color: var(--rpc-text); }
.hl-rpc-comp-row strong { color: var(--rpc-navy); }
.hl-rpc-comp-badge {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 20px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 5px 0 8px;
}
.hl-rpc-comp-badge--alt  { background: var(--rpc-sky-bg); color: var(--rpc-text-soft); border: 1px solid var(--rpc-sky-soft); }
.hl-rpc-comp-badge--this { background: var(--rpc-navy); color: var(--rpc-white); }
.hl-rpc-comp-cta { margin-top: auto; }

/* ===========================
   SECTIONS 9 & 10: CHECKLISTS
   =========================== */
.hl-rpc-checklist {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 5px;
}
.hl-rpc-ck-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: var(--rpc-white);
  border: 1px solid #dde5ea;
  border-left: 3px solid var(--rpc-sky);
  border-radius: var(--rpc-radius);
  padding: 7px 10px;
  font-size: 0.8rem;
  line-height: 1.42;
}
.hl-rpc-ck-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px; height: 16px;
  border-radius: 3px;
  background: var(--rpc-sky);
  color: var(--rpc-white);
  font-weight: 700;
  font-size: 0.6rem;
  flex-shrink: 0;
  margin-top: 1px;
}
.hl-rpc-ck-icon--bad { background: var(--rpc-red); }
.hl-rpc-ck-text { color: var(--rpc-text); flex: 1; }

/* Mistakes list: red left border */
.hl-rpc-mistakelist .hl-rpc-ck-item {
  border-left-color: var(--rpc-red);
  background: var(--rpc-red-bg);
  border-color: var(--rpc-red-bdr);
}

/* ===========================
   SECTION 11: COST CARDS
   =========================== */
.hl-rpc-cost-grid {
  list-style: none; margin: 0 0 7px; padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px;
}
.hl-rpc-cost-grid li {
  background: var(--rpc-amber-bg);
  border: 1px solid var(--rpc-amber-bdr);
  border-left: 3px solid var(--rpc-amber);
  border-radius: var(--rpc-radius);
  padding: 7px 10px;
  font-size: 0.8rem;
  color: var(--rpc-text);
  line-height: 1.42;
}
.hl-rpc-cost-grid li strong { color: var(--rpc-navy); }
.hl-rpc-cost-note { font-size: 0.83rem; color: var(--rpc-text); margin: 4px 0 0; }
.hl-rpc-cost-note a { color: var(--rpc-sky-2); font-weight: 700; }

/* ===========================
   SECTION 12: RELATED
   =========================== */
.hl-rpc-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.hl-rpc-rel-card {
  background: var(--rpc-white);
  border: 1px solid #dde5ea;
  border-radius: var(--rpc-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  transition: border-color 0.14s, box-shadow 0.14s;
}
.hl-rpc-rel-card:hover { border-color: var(--rpc-sky); box-shadow: var(--rpc-shadow); }
.hl-rpc-rel-ico  { font-size: 1rem; line-height: 1; }
.hl-rpc-rel-name { font-weight: 700; font-size: 0.86rem; color: var(--rpc-navy); margin: 0; line-height: 1.25; }
.hl-rpc-rel-why  { font-size: 0.77rem; color: var(--rpc-text-soft); line-height: 1.4; flex: 1; }
.hl-rpc-rel-link {
  font-size: 0.78rem; font-weight: 700;
  color: var(--rpc-sky-2) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--rpc-sky-soft);
  padding-bottom: 1px;
  align-self: flex-start;
  margin-top: 3px;
}
.hl-rpc-rel-link:hover { color: var(--rpc-navy) !important; border-bottom-color: var(--rpc-navy); }

/* ===========================
   SECTION 13: FAQ
   =========================== */
.hl-rpc-faq-item {
  background: var(--rpc-white);
  border: 1px solid #dde5ea;
  border-radius: var(--rpc-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-rpc-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--rpc-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
  line-height: 1.4;
  user-select: none;
}
.hl-rpc-faq-item summary::-webkit-details-marker { display: none; }
.hl-rpc-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px; top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--rpc-sky-2);
  font-weight: 700;
}
.hl-rpc-faq-item[open] summary::after { content: "\2212"; }
.hl-rpc-faq-item[open] summary { border-bottom: 1px dashed var(--rpc-sky-soft); }
.hl-rpc-faq-item summary:hover { color: var(--rpc-sky-2); }
.hl-rpc-faq-ans {
  padding: 6px 0 8px;
  font-size: 0.81rem;
  color: var(--rpc-text);
  line-height: 1.55;
}
.hl-rpc-faq-ans p { margin: 0 0 5px; }
.hl-rpc-faq-ans p:last-child { margin-bottom: 0; }
.hl-rpc-faq-ans a { color: var(--rpc-sky-2); font-weight: 600; }

/* ===========================
   SECTION 14: FINAL CTA
   =========================== */
.hl-rpc-cta {
  background: linear-gradient(135deg, var(--rpc-navy) 0%, var(--rpc-navy-2) 100%);
  color: var(--rpc-white);
  border-radius: var(--rpc-radius-lg);
  padding: 16px 18px;
  text-align: center;
  margin: 0 0 18px;
  position: relative;
  overflow: hidden;
}
.hl-rpc-cta::after {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%,   rgba(61,125,168,0.18) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(201,137,26,0.18) 0%, transparent 60%);
  pointer-events: none;
}
.hl-rpc-cta h2 {
  color: var(--rpc-white);
  font-size: 1.05rem;
  margin: 0 0 4px;
  position: relative; z-index: 1;
}
.hl-rpc-cta p {
  color: rgba(255,255,255,0.82);
  font-size: 0.83rem;
  margin: 0 auto 12px;
  max-width: 720px;
  position: relative; z-index: 1;
  line-height: 1.5;
}
.hl-rpc-cta-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative; z-index: 1;
}
.hl-rpc-cta-btns .hl-rpc-btn { padding: 8px 14px; font-size: 0.82rem; }

/* ===========================
   RESPONSIVE — TABLET ≤ 768px
   =========================== */
@media (max-width: 768px) {
  .hl-prod-reversible-plate-compactor { font-size: 13.5px; padding: 0 10px; }
  .hl-rpc-hero { padding: 14px; }
  .hl-rpc-hero-grid { grid-template-columns: 1fr; gap: 12px; }
  .hl-rpc-hero-main h2 { font-size: 1.18rem; }
  .hl-rpc-for-grid { grid-template-columns: 1fr 1fr; }
  .hl-rpc-not-grid { grid-template-columns: 1fr; }
  .hl-rpc-comp-grid { grid-template-columns: 1fr; }
  .hl-rpc-related-grid { grid-template-columns: 1fr; }
  .hl-rpc-checklist { grid-template-columns: 1fr; }
  .hl-rpc-pick-left { flex: 0 0 180px; }
  .hl-rpc-cta { padding: 13px 13px; }
  .hl-rpc-cta h2 { font-size: 0.97rem; }
}

/* RESPONSIVE — MOBILE ≤ 480px */
@media (max-width: 480px) {
  .hl-rpc-for-grid { grid-template-columns: 1fr; }
  .hl-rpc-pick-row { flex-wrap: wrap; }
  .hl-rpc-pick-left { flex: 0 0 100%; }
  .hl-rpc-pick-arrow { display: none; }
  .hl-rpc-hero-ctas { flex-direction: column; }
  .hl-rpc-hero-ctas .hl-rpc-btn { justify-content: center; width: 100%; }
  .hl-rpc-cta-btns { flex-direction: column; align-items: center; }
  .hl-rpc-cta-btns .hl-rpc-btn { width: 100%; justify-content: center; }
  .hl-rpc-table { min-width: 420px; }
}


/* === Hireload 110V Site Transformer 3kVA Product CSS — appended === */
/* =====================================================
   Hireload — 110V Site Transformer Hire London (3kVA)
   Product description styles — v2 AMBER/ORANGE rebuild
   Scoped to .hl-prod-site-transformer-3kva only
   Class prefix: hl-st3-
   NO global selectors (no body, html, :root, unscoped tags)
   ===================================================== */

.hl-prod-site-transformer-3kva {
  /* ── Amber / Orange dominant palette ── */
  --hl-st3-amber:          #C87900;
  --hl-st3-amber-2:        #A06000;
  --hl-st3-orange:         #F59E0B;
  --hl-st3-yellow:         #FCD34D;
  --hl-st3-amber-bg:       #FFF7E6;
  --hl-st3-amber-bg-2:     #FEF3C7;
  --hl-st3-cream:          #FFFBF2;
  --hl-st3-amber-soft:     #FDE68A;
  --hl-st3-amber-border:   #F1D28A;
  --hl-st3-amber-border-2: #D4A017;

  /* ── Navy — text & contrast only ── */
  --hl-st3-navy:           #1E2A3A;
  --hl-st3-navy-2:         #2C3E50;

  /* ── Electrical blue — small accent only ── */
  --hl-st3-elec:           #2A5C7F;
  --hl-st3-elec-bg:        #E8F3FA;
  --hl-st3-elec-border:    #9ECDE8;

  /* ── Status chips ── */
  --hl-st3-yes:            #15803D;
  --hl-st3-yes-bg:         #DCFCE7;
  --hl-st3-yes-border:     #86EFAC;
  --hl-st3-warn:           #D97706;
  --hl-st3-warn-bg:        #FEF3C7;
  --hl-st3-warn-border:    #FCD34D;
  --hl-st3-no:             #DC2626;
  --hl-st3-no-bg:          #FEE2E2;
  --hl-st3-no-border:      #FCA5A5;

  /* ── Text ── */
  --hl-st3-text:           #1E2A3A;
  --hl-st3-text-soft:      #5C4B1A;
  --hl-st3-text-muted:     #78716C;

  /* ── Geometry ── */
  --hl-st3-radius:         10px;
  --hl-st3-radius-lg:      14px;
  --hl-st3-shadow:         0 2px 10px rgba(30,42,58,.07);
  --hl-st3-shadow-md:      0 4px 18px rgba(30,42,58,.09);

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-st3-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 14px;
}

.hl-prod-site-transformer-3kva * { box-sizing: border-box; }

.hl-prod-site-transformer-3kva a {
  color: var(--hl-st3-amber);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--hl-st3-amber-border);
}
.hl-prod-site-transformer-3kva a:hover {
  color: var(--hl-st3-amber-2);
  text-decoration-color: var(--hl-st3-amber-2);
}
.hl-prod-site-transformer-3kva h2,
.hl-prod-site-transformer-3kva h3,
.hl-prod-site-transformer-3kva h4 {
  font-family: inherit;
  color: var(--hl-st3-navy);
  margin: 0 0 .35em 0;
  letter-spacing: -.01em;
  line-height: 1.22;
  font-weight: 700;
}
.hl-prod-site-transformer-3kva p  { margin: 0 0 .6em 0; }
.hl-prod-site-transformer-3kva ul,
.hl-prod-site-transformer-3kva ol { margin: 0; padding: 0; }

.hl-st3-section-h   { font-size: 1.08rem; font-weight: 700; margin: 3px 0 2px 0; color: var(--hl-st3-navy); }
.hl-st3-section-sub { color: var(--hl-st3-text-soft); margin: 0 0 8px 0; font-size: .83rem; }

/* ── Pill labels ── */
.hl-st3-pill {
  display: inline-flex; align-items: center; gap: 5px;
  background: #fff;
  border: 1px solid var(--hl-st3-amber-border);
  color: var(--hl-st3-amber-2);
  font-size: .63rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  padding: 3px 8px; border-radius: 5px; margin-bottom: 5px;
}

/* ── Buttons ── */
.hl-st3-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 18px; border-radius: 8px;
  font-weight: 700; text-decoration: none; font-size: .88rem;
  border: 1px solid transparent;
  transition: background .15s, transform .1s, border-color .15s;
  line-height: 1;
}
.hl-st3-btn-primary { background: var(--hl-st3-amber); color: #fff; border-color: var(--hl-st3-amber); }
.hl-st3-btn-primary:hover { background: var(--hl-st3-amber-2); border-color: var(--hl-st3-amber-2); transform: translateY(-1px); color: #fff; }
.hl-st3-btn-outline { background: #fff; color: var(--hl-st3-navy); border-color: var(--hl-st3-navy); }
.hl-st3-btn-outline:hover { background: var(--hl-st3-navy); color: #fff; }
.hl-st3-btn-outline-dark { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
.hl-st3-btn-outline-dark:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.9); color: #fff; }

/* ── Status chips ── */
.hl-st3-chip { display: inline-flex; align-items: center; gap: 3px; font-size: .7rem; font-weight: 700; padding: 2px 8px; border-radius: 20px; white-space: nowrap; }
.hl-st3-chip-yes  { background: var(--hl-st3-yes-bg);  color: var(--hl-st3-yes);  border: 1px solid var(--hl-st3-yes-border); }
.hl-st3-chip-warn { background: var(--hl-st3-warn-bg); color: var(--hl-st3-warn); border: 1px solid var(--hl-st3-warn-border); }
.hl-st3-chip-no   { background: var(--hl-st3-no-bg);   color: var(--hl-st3-no);   border: 1px solid var(--hl-st3-no-border); }

/* ══════════════════════════
   1. HERO
══════════════════════════ */
.hl-st3-hero {
  background:
    radial-gradient(120% 120% at 0% 0%,    rgba(200,121,0,.14) 0%, transparent 55%),
    radial-gradient(120% 120% at 100% 100%, rgba(245,158,11,.10) 0%, transparent 55%),
    linear-gradient(135deg, #FFFBF2 0%, #FFF7E6 100%);
  border: 1px solid var(--hl-st3-amber-border);
  border-top: 3px solid var(--hl-st3-amber);
  border-radius: var(--hl-st3-radius-lg);
  padding: 20px 24px;
  margin: 12px 0 20px;
  box-shadow: var(--hl-st3-shadow-md);
}
.hl-st3-hero-grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 20px;
  align-items: start;
}
.hl-st3-hero-main { display: flex; flex-direction: column; }
.hl-st3-hero-eyebrow {
  display: inline-flex; align-items: center; gap: 5px; align-self: flex-start;
  background: var(--hl-st3-amber); color: #fff;
  font-size: .62rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  padding: 4px 10px; border-radius: 6px; margin-bottom: 9px;
}
.hl-st3-hero-h
{
  color: var(--hl-st3-navy); font-size: 1.5rem;
  margin: 0 0 7px; font-weight: 700; line-height: 1.16; letter-spacing: -.02em;
}
.hl-st3-hero-sub { color: var(--hl-st3-navy-2); font-size: .9rem; margin: 0 0 11px; line-height: 1.52; }
.hl-st3-hero-safety {
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  background: var(--hl-st3-warn-bg); border: 1px solid var(--hl-st3-warn-border);
  color: var(--hl-st3-warn); border-radius: 6px;
  padding: 5px 11px; font-size: .74rem; font-weight: 600; margin-bottom: 12px;
}
.hl-st3-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.hl-st3-hero-badges { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.hl-st3-badge {
  display: inline-flex; align-items: center; gap: 4px;
  background: #fff; border: 1px solid var(--hl-st3-amber-border);
  border-radius: 6px; padding: 3px 9px;
  font-size: .71rem; font-weight: 600; color: var(--hl-st3-navy);
}
.hl-st3-badge-amber { background: var(--hl-st3-amber-bg-2); border-color: var(--hl-st3-amber-border-2); }
.hl-st3-badge-elec  { background: var(--hl-st3-elec-bg); border-color: var(--hl-st3-elec-border); color: var(--hl-st3-elec); }

/* Hero right — At a Glance */
.hl-st3-hero-side {
  background: #fff;
  border: 1px solid var(--hl-st3-amber-border);
  border-top: 3px solid var(--hl-st3-orange);
  border-radius: var(--hl-st3-radius);
  padding: 13px 15px;
  box-shadow: var(--hl-st3-shadow);
}
.hl-st3-glance-tag {
  display: block; font-size: .59rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: var(--hl-st3-amber); margin-bottom: 7px;
}
.hl-st3-glance-title { font-size: .87rem; font-weight: 700; color: var(--hl-st3-navy); margin: 0 0 8px; }
.hl-st3-glance-rows { list-style: none; padding: 0; margin: 0; }
.hl-st3-glance-row {
  display: flex; justify-content: space-between; align-items: center;
  gap: 8px; padding: 5px 0; border-bottom: 1px solid #f0e8d0; font-size: .79rem;
}
.hl-st3-glance-row:last-child { border-bottom: none; }
.hl-st3-glance-label { color: var(--hl-st3-text-muted); font-size: .71rem; white-space: nowrap; }
.hl-st3-glance-val   { color: var(--hl-st3-navy); font-weight: 700; text-align: right; }
.hl-st3-glance-val-amber { color: var(--hl-st3-amber); font-weight: 700; }

/* ══════════════════════════
   2. QUICK ANSWER
══════════════════════════ */
.hl-st3-quick {
  background: var(--hl-st3-amber-bg);
  border: 1px solid var(--hl-st3-amber-border);
  border-left: 3px solid var(--hl-st3-amber);
  border-radius: var(--hl-st3-radius);
  padding: 12px 15px; margin-bottom: 20px;
}
.hl-st3-quick-h { font-size: .96rem; margin: 2px 0 5px; color: var(--hl-st3-navy); }
.hl-st3-quick p { margin: 0; font-size: .85rem; line-height: 1.56; }

/* ══════════════════════════
   3. QUICK PICK
══════════════════════════ */
.hl-st3-quickpick { margin-bottom: 20px; }
.hl-st3-qp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 5px; margin-top: 5px;
}
.hl-st3-qp-row {
  background: #fff; border: 1px solid var(--hl-st3-amber-border);
  border-radius: 7px; padding: 8px 12px;
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  transition: background .12s;
}
.hl-st3-qp-row:hover { background: var(--hl-st3-amber-bg); }
.hl-st3-qp-label { display: flex; align-items: center; gap: 7px; font-weight: 600; color: var(--hl-st3-navy); font-size: .81rem; flex: 1; }
.hl-st3-qp-label .hl-st3-qp-ico { font-size: .95rem; }
.hl-st3-qp-watt { color: var(--hl-st3-text-muted); font-size: .71rem; white-space: nowrap; }

/* ══════════════════════════
   4. SPECIFICATION TABLE
══════════════════════════ */
.hl-st3-specs { margin-bottom: 20px; }
.hl-st3-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--hl-st3-amber-border);
  border-radius: var(--hl-st3-radius);
  background: #fff;
  box-shadow: var(--hl-st3-shadow);
}
.hl-st3-table { width: 100%; border-collapse: collapse; font-size: .81rem; min-width: 500px; }
.hl-st3-table thead th {
  background: var(--hl-st3-amber); color: #fff;
  text-align: left; padding: 8px 12px;
  font-weight: 700; font-size: .76rem; letter-spacing: .02em;
}
.hl-st3-table tbody th[scope="row"] {
  font-weight: 600; color: var(--hl-st3-navy); text-align: left;
  background: var(--hl-st3-amber-bg); padding: 7px 12px;
  border-top: 1px solid #f0e8d0; width: 40%; vertical-align: top;
}
.hl-st3-table td {
  padding: 7px 12px; border-top: 1px solid #f0e8d0;
  vertical-align: top; color: var(--hl-st3-text);
}
.hl-st3-table tbody tr:hover td,
.hl-st3-table tbody tr:hover th[scope="row"] { background: var(--hl-st3-amber-bg-2); }
.hl-st3-table .hl-st3-td-yes  { background: var(--hl-st3-yes-bg);  font-weight: 700; color: var(--hl-st3-yes);  }
.hl-st3-table .hl-st3-td-warn { background: var(--hl-st3-warn-bg); font-weight: 700; color: var(--hl-st3-warn); }
.hl-st3-table .hl-st3-td-no   { background: var(--hl-st3-no-bg);   font-weight: 700; color: var(--hl-st3-no);   }

/* ══════════════════════════
   5. BEST FOR
══════════════════════════ */
.hl-st3-bestfor { margin-bottom: 20px; }
.hl-st3-bf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px; margin-top: 5px;
}
.hl-st3-bf-card {
  background: #fff; border: 1px solid var(--hl-st3-amber-border);
  border-top: 3px solid var(--hl-st3-amber); border-radius: var(--hl-st3-radius);
  padding: 13px 14px; box-shadow: var(--hl-st3-shadow);
  transition: transform .12s, box-shadow .15s;
}
.hl-st3-bf-card:hover { transform: translateY(-2px); box-shadow: var(--hl-st3-shadow-md); }
.hl-st3-bf-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  background: var(--hl-st3-amber-bg); border: 1px solid var(--hl-st3-amber-border);
  border-radius: 8px; font-size: 1rem; margin-bottom: 8px;
}
.hl-st3-bf-card h4 { font-size: .89rem; margin: 0 0 4px; }
.hl-st3-bf-card p  { font-size: .78rem; color: var(--hl-st3-text-soft); margin: 0; line-height: 1.45; }

/* ══════════════════════════
   6. NOT IDEAL FOR
══════════════════════════ */
.hl-st3-notfor { margin-bottom: 20px; }
.hl-st3-nf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 6px; margin-top: 5px;
}
.hl-st3-nf-card {
  background: var(--hl-st3-warn-bg);
  border: 1px solid var(--hl-st3-warn-border);
  border-left: 3px solid var(--hl-st3-warn);
  border-radius: var(--hl-st3-radius);
  padding: 10px 13px;
}
.hl-st3-nf-card h4 { font-size: .85rem; margin: 0 0 3px; display: flex; align-items: center; gap: 5px; }
.hl-st3-nf-card p  { font-size: .77rem; color: var(--hl-st3-text-soft); margin: 0; line-height: 1.4; }

/* ══════════════════════════
   7. EQUIPMENT TABLE (uses .hl-st3-table-wrap / .hl-st3-table)
══════════════════════════ */
.hl-st3-equipment { margin-bottom: 20px; }

/* ══════════════════════════
   8. COMPARE CARDS
══════════════════════════ */
.hl-st3-compare { margin-bottom: 20px; }
.hl-st3-compare-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 7px;
}
.hl-st3-cmp-card { border: 1px solid var(--hl-st3-amber-border); border-radius: var(--hl-st3-radius); overflow: hidden; box-shadow: var(--hl-st3-shadow); }
.hl-st3-cmp-header { padding: 11px 14px; font-weight: 700; font-size: .91rem; display: flex; align-items: center; gap: 7px; }
.hl-st3-cmp-amber .hl-st3-cmp-header { background: linear-gradient(135deg, var(--hl-st3-amber), var(--hl-st3-orange)); color: #fff; }
.hl-st3-cmp-navy  .hl-st3-cmp-header { background: linear-gradient(135deg, var(--hl-st3-navy), var(--hl-st3-navy-2)); color: #fff; }
.hl-st3-cmp-body  { padding: 11px 14px; background: #fff; }
.hl-st3-cmp-row {
  display: flex; align-items: flex-start; gap: 7px;
  padding: 4px 0; border-bottom: 1px solid #f0e8d0; font-size: .78rem; color: var(--hl-st3-text);
}
.hl-st3-cmp-row:last-child { border-bottom: none; }
.hl-st3-cmp-ico { flex-shrink: 0; font-size: .82rem; margin-top: 1px; }

/* ══════════════════════════
   9. SAFETY
══════════════════════════ */
.hl-st3-safety { margin-bottom: 20px; }
.hl-st3-safe-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 5px; margin-top: 6px;
}
.hl-st3-safe-item {
  background: #fff;
  border: 1px solid var(--hl-st3-yes-border);
  border-left: 3px solid var(--hl-st3-yes);
  border-radius: 7px; padding: 7px 
10px 7px 32px; position: relative;
  font-size: .79rem; line-height: 1.4;
}
.hl-st3-safe-item::before {
  content: "✓"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--hl-st3-yes); color: #fff; border-radius: 3px; font-weight: 700; font-size: .6rem;
}
.hl-st3-safe-item strong { color: var(--hl-st3-navy); }

/* ══════════════════════════
   10. COMMON MISTAKES
══════════════════════════ */
.hl-st3-mistakes { margin-bottom: 20px; }
.hl-st3-mistake-list {
  list-style: none; padding: 0; margin: 6px 0 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 5px;
}
.hl-st3-mistake-item {
  background: var(--hl-st3-no-bg);
  border: 1px solid var(--hl-st3-no-border);
  border-left: 3px solid var(--hl-st3-no);
  border-radius: 7px; padding: 7px 10px 7px 30px; position: relative;
  font-size: .79rem; line-height: 1.4;
}
.hl-st3-mistake-item::before {
  content: "✕"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--hl-st3-no); color: #fff; border-radius: 3px; font-size: .6rem; font-weight: 700;
}
.hl-st3-mistake-item strong { color: var(--hl-st3-navy); }

/* ══════════════════════════
   11. COST FACTORS
══════════════════════════ */
.hl-st3-cost { margin-bottom: 20px; }
.hl-st3-cost-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 5px; margin-top: 6px;
}
.hl-st3-cost-item {
  background: var(--hl-st3-amber-bg); border: 1px solid var(--hl-st3-amber-border);
  border-left: 2px solid var(--hl-st3-amber); border-radius: 6px;
  padding: 7px 10px; font-size: .79rem; line-height: 1.45;
}
.hl-st3-cost-item strong { color: var(--hl-st3-navy); }
.hl-st3-cost-note { font-size: .82rem; margin: 8px 0 0; }
.hl-st3-cost-note a { color: var(--hl-st3-amber); font-weight: 700; }

/* ══════════════════════════
   12. RELATED PRODUCTS
══════════════════════════ */
.hl-st3-related { margin-bottom: 20px; }
.hl-st3-rel-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px; margin-top: 7px;
}
.hl-st3-rel-card {
  background: #fff; border: 1px solid var(--hl-st3-amber-border);
  border-radius: var(--hl-st3-radius); padding: 13px 14px;
  display: flex; flex-direction: column; gap: 5px;
  box-shadow: var(--hl-st3-shadow);
  transition: border-color .15s, transform .1s;
}
.hl-st3-rel-card:hover { border-color: var(--hl-st3-amber); transform: translateY(-1px); }
.hl-st3-rel-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; font-size: 1rem;
  background: var(--hl-st3-amber-bg); border: 1px solid var(--hl-st3-amber-border);
  border-radius: 7px;
}
.hl-st3-rel-card h4 { font-size: .87rem; margin: 0; line-height: 1.3; }
.hl-st3-rel-card p  { font-size: .75rem; color: var(--hl-st3-text-soft); margin: 0; flex: 1; line-height: 1.4; }
.hl-st3-rel-link {
  font-weight: 700; font-size: .75rem; color: var(--hl-st3-amber); text-decoration: none;
  border-bottom: 1px solid var(--hl-st3-amber-border); padding-bottom: 1px; align-self: flex-start; margin-top: 2px;
}
.hl-st3-rel-link:hover { color: var(--hl-st3-amber-2); border-bottom-color: var(--hl-st3-amber-2); }

/* ══════════════════════════
   13. FAQ
══════════════════════════ */
.hl-st3-faq { margin-bottom: 20px; }
.hl-st3-faq-item {
  background: #fff; border: 1px solid var(--hl-st3-amber-border);
  border-radius: 8px; padding: 1px 14px; margin-bottom: 5px;
  transition: border-color .15s;
}
.hl-st3-faq-item[open] { border-color: var(--hl-st3-amber); }
.hl-st3-faq-item summary {
  cursor: pointer; padding: 8px 22px 8px 0;
  font-weight: 600; color: var(--hl-st3-navy); font-size: .82rem;
  list-style: none; position: relative; line-height: 1.4;
}
.hl-st3-faq-item summary::-webkit-details-marker { display: none; }
.hl-st3-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%);
  font-size: 1rem; color: var(--hl-st3-amber); font-weight: 700; line-height: 1;
}
.hl-st3-faq-item[open] summary::after { content: "−"; }
.hl-st3-faq-item p { margin: 0 0 8px; color: var(--hl-st3-text); font-size: .79rem; line-height: 1.55; }
.hl-st3-faq-item p a { color: var(--hl-st3-amber); font-weight: 600; }

/* ══════════════════════════
   14. FINAL CTA
══════════════════════════ */
.hl-st3-cta {
  background: linear-gradient(135deg, var(--hl-st3-amber) 0%, var(--hl-st3-orange) 55%, #FBBF24 100%);
  border-radius: var(--hl-st3-radius-lg);
  padding: 20px 24px; text-align: center; margin-bottom: 20px;
  position: relative; overflow: hidden;
  box-shadow: var(--hl-st3-shadow-md);
}
.hl-st3-cta::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(80% 80% at 100% 0%, rgba(255,255,255,.12) 0%, transparent 60%);
  pointer-events: none;
}
.hl-st3-cta-eyebrow {
  display: inline-block; background: rgba(255,255,255,.22); border: 1px solid rgba(255,255,255,.35);
  border-radius: 5px; padding: 3px 10px; font-size: .62rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: #fff;
  margin-bottom: 8px; position: relative; z-index: 1;
}
.hl-st3-cta-h   { color: #fff; font-size: 1.1rem; margin: 0 0 5px; position: relative; z-index: 1; }
.hl-st3-cta-sub {
  color: rgba(255,255,255,.9); font-size: .83rem;
  margin: 0 auto 13px; max-width: 700px;
  position: relative; z-index: 1; line-height: 1.5;
}
.hl-st3-cta-buttons {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
  position: relative; z-index: 1;
}
.hl-st3-cta-buttons .hl-st3-btn { font-size: .86rem; padding: 9px 16px; }

/* ══════════════════════════
   RESPONSIVE
══════════════════════════ */
@media (max-width: 780px) {
  .hl-st3-hero-grid    { grid-template-columns: 1fr; }
  .hl-st3-compare-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .hl-prod-site-transformer-3kva { font-size: 13.5px; padding: 0 10px; }
  .hl-st3-hero   { padding: 14px 14px; }
  .hl-st3-hero-h { font-size: 1.2rem; }
  .hl-st3-section-h { font-size: .99rem; }
  .hl-st3-cta    { padding: 14px 14px; }
  .hl-st3-cta-h  { font-size: .95rem; }
  .hl-st3-bf-grid,
  .hl-st3-rel-grid { grid-template-columns: 1fr; }
}

/* ST3 wpautop-grid-fix + CTA-colour-patch */

/* 1. Hide injected p-tags inside every ST3 grid */
.hl-prod-site-transformer-3kva .hl-st3-hero-grid > p,
.hl-prod-site-transformer-3kva .hl-st3-compare-grid > p,
.hl-prod-site-transformer-3kva .hl-st3-qp-grid > p,
.hl-prod-site-transformer-3kva .hl-st3-bf-grid > p,
.hl-prod-site-transformer-3kva .hl-st3-nf-grid > p,
.hl-prod-site-transformer-3kva .hl-st3-cost-grid > p,
.hl-prod-site-transformer-3kva .hl-st3-rel-grid > p,
.hl-prod-site-transformer-3kva .hl-st3-safe-grid > p {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. Cost grid: 3 equal columns */
.hl-st3-cost-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* 3. CTA buttons: white text */
.hl-prod-site-transformer-3kva .hl-st3-cta .hl-st3-btn,
.hl-prod-site-transformer-3kva .hl-st3-cta a.hl-st3-btn {
  color: #fff !important;
}
.hl-prod-site-transformer-3kva .hl-st3-cta .hl-st3-btn-outline-dark {
  border-color: rgba(255,255,255,0.55) !important;
}
.hl-prod-site-transformer-3kva .hl-st3-cta .hl-st3-btn-outline-dark:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.9) !important;
  color: #fff !important;
}

/* === ST3 hero-compact + qp-grid-overflow-fix === */

/* Hero: reduce size and padding */
.hl-prod-site-transformer-3kva .hl-st3-hero {
  padding: 10px 16px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-hero-grid {
  gap: 12px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-hero-h {
  font-size: 1.45rem !important;
  margin-bottom: 6px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-hero-sub {
  font-size: 0.82rem !important;
  margin-bottom: 8px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-glance-row {
  padding: 4px 0 !important;
  gap: 6px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-glance-label {
  font-size: 0.75rem !important;
}
.hl-prod-site-transformer-3kva .hl-st3-hero-side {
  padding: 10px 12px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-hero-side-h {
  font-size: 0.82rem !important;
  margin-bottom: 6px !important;
}

/* qp-grid: fix watt chip overflow and label wrapping */
.hl-prod-site-transformer-3kva .hl-st3-qp-row {
  overflow: hidden !important;
}
.hl-prod-site-transformer-3kva .hl-st3-qp-label {
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  hyphens: auto !important;
}
.hl-prod-site-transformer-3kva .hl-st3-qp-watt {
  white-space: normal !important;
  word-break: break-word !important;
}

/* === end ST3 hero-compact + qp-grid-overflow-fix === */

/* === ST3 patch3: qp-chip fix + glance-rows compress === */

/* qp chip: allow wrapping, shrink to fit row */
.hl-prod-site-transformer-3kva .hl-st3-qp-row .hl-st3-chip {
  white-space: normal !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
  word-break: break-word !important;
  max-width: 180px !important;
}

/* qp label: take proportional share */
.hl-prod-site-transformer-3kva .hl-st3-qp-label {
  flex: 2 1 0% !important;
}

/* Hero glance rows: reduce height */
.hl-prod-site-transformer-3kva .hl-st3-glance-row {
  padding: 2px 0 !important;
  font-size: 0.75rem !important;
}
.hl-prod-site-transformer-3kva .hl-st3-glance-icon {
  width: 14px !important;
  height: 14px !important;
  font-size: 10px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-glance-label {
  font-size: 0.72rem !important;
}
.hl-prod-site-transformer-3kva .hl-st3-glance-title {
  font-size: 0.78rem !important;
  margin-bottom: 4px !important;
}
.hl-prod-site-transformer-3kva .hl-st3-glance-tag {
  font-size: 0.65rem !important;
  padding: 1px 6px !important;
  margin-bottom: 4px !important;
}

/* === end ST3 patch3 === */

/* === Hide WooCommerce Features tab sitewide === */
li.features_tab,
#tab-features { display: none !important; }
/* === end features tab hide === */

/* === ST3 primary button white text fix === */
.hl-prod-site-transformer-3kva .hl-st3-btn-primary,
.hl-prod-site-transformer-3kva a.hl-st3-btn-primary { color: #fff !important; }
/* === end primary button fix === */

/* === Hireload 3kVA Continuous Transformer Product CSS — appended === */
/* =====================================================
   Hireload — 3kVA Continuous Transformer Hire London
   Scoped to .hl-prod-continuous-transformer-3kva only
   Class prefix: hl-ct3-
   No body / html / :root selectors.
   ===================================================== */

.hl-prod-continuous-transformer-3kva {
  /* Amber / site-power palette */
  --hl-ct3-amber:        #c87a00;
  --hl-ct3-amber-2:      #a46400;
  --hl-ct3-amber-3:      #e8950a;
  --hl-ct3-amber-bg:     #fdf6e3;
  --hl-ct3-amber-soft:   #f5e4b0;
  --hl-ct3-amber-border: #e5c170;

  /* Navy structure */
  --hl-ct3-navy:         #1e2a3a;
  --hl-ct3-navy-2:       #2c3e50;

  /* Neutrals */
  --hl-ct3-slate:        #475569;
  --hl-ct3-slate-2:      #64748b;
  --hl-ct3-cream:        #fdf8ee;
  --hl-ct3-cream-2:      #fef6df;
  --hl-ct3-border:       #dfe5ea;

  /* Status chip colours */
  --hl-ct3-yes-bg:       #e6f7ee;
  --hl-ct3-yes:          #1a7a40;
  --hl-ct3-yes-border:   #a3d9b8;
  --hl-ct3-warn-bg:      #fef9e7;
  --hl-ct3-warn:         #c87a00;
  --hl-ct3-warn-border:  #e5c170;
  --hl-ct3-no-bg:        #fff1f0;
  --hl-ct3-no:           #c0392b;
  --hl-ct3-no-border:    #f5c2be;
  --hl-ct3-info-bg:      #eef6f9;
  --hl-ct3-info:         #2c5e6f;
  --hl-ct3-info-border:  #b6d3dd;

  /* Text */
  --hl-ct3-text:         #1c2533;
  --hl-ct3-text-soft:    #475569;

  /* Geometry */
  --hl-ct3-radius:       10px;
  --hl-ct3-radius-lg:    14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-ct3-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-continuous-transformer-3kva * { box-sizing: border-box; }

.hl-prod-continuous-transformer-3kva a {
  color: var(--hl-ct3-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--hl-ct3-amber-border);
}
.hl-prod-continuous-transformer-3kva a:hover {
  color: var(--hl-ct3-amber);
  text-decoration-color: var(--hl-ct3-amber);
}

.hl-prod-continuous-transformer-3kva h2,
.hl-prod-continuous-transformer-3kva h3,
.hl-prod-continuous-transformer-3kva h4 {
  font-family: inherit;
  color: var(--hl-ct3-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-continuous-transformer-3kva p { margin: 0 0 0.6em 0; }
.hl-prod-continuous-transformer-3kva ul,
.hl-prod-continuous-transformer-3kva ol { margin: 0; padding: 0; }

/* Section labels */
.hl-ct3-section { margin: 0 0 18px 0; }
.hl-ct3-section-h { font-size: 1.05rem; font-weight: 700; margin: 4px 0 2px 0; color: var(--hl-ct3-navy); }
.hl-ct3-section-sub { color: var(--hl-ct3-text-soft); margin: 0 0 0.7em 0; font-size: 0.84rem; }

/* Pill label */
.hl-ct3-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--hl-ct3-amber-border);
  color: var(--hl-ct3-amber-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}

/* Status chips */
.hl-ct3-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: .7rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  white-space: nowrap;
}
.hl-ct3-chip-yes  { background: var(--hl-ct3-yes-bg);  color: var(--hl-ct3-yes);  border: 1px solid var(--hl-ct3-yes-border); }
.hl-ct3-chip-warn { background: var(--hl-ct3-warn-bg); color: var(--hl-ct3-warn); border: 1px solid var(--hl-ct3-warn-border); }
.hl-ct3-chip-no   { background: var(--hl-ct3-no-bg);   color: var(--hl-ct3-no);   border: 1px solid var(--hl-ct3-no-border); }
.hl-ct3-chip-info { background: var(--hl-ct3-info-bg); color: var(--hl-ct3-info);  border: 1px solid var(--hl-ct3-info-border); }

/* ============================================================
   HERO
   ============================================================ */
.hl-ct3-hero {
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(200, 122, 0, 0.14) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(232, 149, 10, 0.12) 0%, transparent 60%),
    linear-gradient(135deg, var(--hl-ct3-cream) 0%, var(--hl-ct3-amber-bg) 100%);
  border: 1px solid var(--hl-ct3-amber-border);
  border-radius: var(--hl-ct3-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(30, 42, 58, 0.07);
}
.hl-ct3-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-ct3-hero-main { display: flex; flex-direction: column; }

.hl-ct3-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: var(--hl-ct3-amber);
  color: #ffffff;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
}
.hl-ct3-hero-h {
  color: var(--hl-ct3-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.015em;
}
.hl-ct3-hero-sub { color: #2a3540; font-size: 0.88rem; margin: 0 0 8px 0; line-height: 1.5; }

.hl-ct3-hero-note {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  background: var(--hl-ct3-amber-bg);
  border: 1px solid var(--hl-ct3-amber-border);
  border-left: 3px solid var(--hl-ct3-amber);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.8rem;
  color: var(--hl-ct3-amber-2);
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.45;
}

.hl-ct3-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }

.hl-ct3-hero-badges {
  list-style: none;
  padding: 0; margin: 0;
  display: flex; flex-wrap: wrap; gap: 5px;
}
.hl-ct3-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--hl-ct3-navy);
}
.hl-ct3-badge-amber { background: var(--hl-ct3-amber-bg); border-color: var(--hl-ct3-amber-border); color: var(--hl-ct3-amber-2); }
.hl-ct3-badge-pin   { background: var(--hl-ct3-cream); border-color: var(--hl-ct3-amber-border); }

/* Buttons */
.hl-ct3-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.1s;
  line-height: 1;
}
.hl-ct3-btn-primary {
  background: var(--hl-ct3-amber);
  color: #ffffff;
  border-color: var(--hl-ct3-amber);
}
.hl-ct3-btn-primary:hover {
  background: var(--hl-ct3-amber-2);
  border-color: var(--hl-ct3-amber-2);
  color: #ffffff;
  transform: translateY(-1px);
}
.hl-ct3-btn-outline {
  background: #ffffff;
  color: var(--hl-ct3-navy);
  border-color: var(--hl-ct3-navy);
}
.hl-ct3-btn-outline:hover { background: var(--hl-ct3-navy); color: #ffffff; }
.hl-ct3-btn-outline-dark {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.55);
}
.hl-ct3-btn-outline-dark:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.9);
  color: #ffffff;
}

/* ── Hero side: At a Glance card ── */
.hl-ct3-hero-side {
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-radius: var(--hl-ct3-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 4px rgba(30, 42, 58, 0.06);
}
.hl-ct3-glance-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--hl-ct3-amber);
  margin-bottom: 3px;
}
.hl-ct3-glance-title {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--hl-ct3-navy);
  margin: 0 0 7px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--hl-ct3-border);
}
.hl-ct3-glance-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px dashed var(--hl-ct3-border);
  font-size: 0.78rem;
}
.hl-ct3-glance-row:last-child { border-bottom: 0; }
.hl-ct3-glance-label { color: var(--hl-ct3-text-soft); font-weight: 500; flex-shrink: 0; }
.hl-ct3-glance-val   { color: var(--hl-ct3-navy); font-weight: 700; text-align: right; }
.hl-ct3-glance-val--amber { color: var(--hl-ct3-amber); }

/* ============================================================
   QUICK ANSWER
   ============================================================ */
.hl-ct3-quick {
  background: var(--hl-ct3-amber-bg);
  border: 1px solid var(--hl-ct3-amber-border);
  border-left: 3px solid var(--hl-ct3-amber);
  border-radius: var(--hl-ct3-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-ct3-quick-h { font-size: 0.95rem; margin: 2px 0 4px 0; color: var(--hl-ct3-navy); }
.hl-ct3-quick p { margin: 0; font-size: 0.85rem; color: var(--hl-ct3-text); line-height: 1.5; }

/* ============================================================
   QUICK PICK — What can it power?
   ============================================================ */
.hl-ct3-qp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.hl-ct3-qp-card {
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-top: 3px solid var(--hl-ct3-amber-border);
  border-radius: var(--hl-ct3-radius);
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: border-color 0.15s, transform 0.12s;
}
.hl-ct3-qp-card:hover { border-color: var(--hl-ct3-amber); transform: translateY(-1px); }
.hl-ct3-qp-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
}
.hl-ct3-qp-tool {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--hl-ct3-navy);
  line-height: 1.3;
}
.hl-ct3-qp-note {
  font-size: 0.75rem;
  color: var(--hl-ct3-text-soft);
  line-height: 1.4;
}

/* ============================================================
   SPECIFICATION TABLE
   ============================================================ */
.hl-ct3-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--hl-ct3-border);
  border-radius: var(--hl-ct3-radius);
  background: #ffffff;
  margin-top: 8px;
}
.hl-ct3-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 540px;
}
.hl-ct3-table thead th {
  background: var(--hl-ct3-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
.hl-ct3-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--hl-ct3-navy);
  text-align: left;
  background: var(--hl-ct3-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  width: 32%;
  font-size: 0.82rem;
}
.hl-ct3-table td {
  padding: 7px 10px;
  border-top: 1px solid #e2e8ec;
  vertical-align: top;
  color: var(--hl-ct3-text);
  font-size: 0.82rem;
}
.hl-ct3-table tbody tr:hover td,
.hl-ct3-table tbody tr:hover th[scope="row"] { background: #fdf6e3; }

/* ============================================================
   BEST FOR / NOT IDEAL FOR GRIDS
   ============================================================ */
.hl-ct3-bf-grid,
.hl-ct3-nf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.hl-ct3-bf-card {
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-left: 3px solid var(--hl-ct3-amber);
  border-radius: var(--hl-ct3-radius);
  padding: 10px 11px;
}
.hl-ct3-nf-card {
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-left: 3px solid var(--hl-ct3-slate-2);
  border-radius: var(--hl-ct3-radius);
  padding: 10px 11px;
}
.hl-ct3-bf-card h4,
.hl-ct3-nf-card h4 { font-size: 0.86rem; margin: 0 0 3px 0; }
.hl-ct3-bf-card p,
.hl-ct3-nf-card p  { font-size: 0.78rem; color: var(--hl-ct3-text-soft); margin: 0; line-height: 1.4; }
.hl-ct3-bf-card h4 { color: var(--hl-ct3-amber-2); }
.hl-ct3-nf-card h4 { color: var(--hl-ct3-slate); }

/* ============================================================
   COMPARISON CARDS (Continuous vs Standard)
   ============================================================ */
.hl-ct3-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
}
.hl-ct3-compare-card {
  border-radius: var(--hl-ct3-radius);
  padding: 13px 14px;
  border: 1px solid var(--hl-ct3-border);
}
.hl-ct3-compare-card--ct {
  background: var(--hl-ct3-amber-bg);
  border-color: var(--hl-ct3-amber-border);
  border-top: 3px solid var(--hl-ct3-amber);
}
.hl-ct3-compare-card--std {
  background: #f8f9fa;
  border-color: #d0d7de;
  border-top: 3px solid var(--hl-ct3-slate-2);
}
.hl-ct3-compare-card h4 { font-size: 0.92rem; margin: 0 0 8px 0; }
.hl-ct3-compare-card--ct  h4 { color: var(--hl-ct3-amber-2); }
.hl-ct3-compare-card--std h4 { color: var(--hl-ct3-slate); }
.hl-ct3-compare-list {
  list-style: none;
  padding: 0; margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.hl-ct3-compare-list li {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--hl-ct3-text);
  line-height: 1.4;
}
.hl-ct3-compare-list li::before { flex-shrink: 0; margin-top: 1px; }
.hl-ct3-compare-card--ct  .hl-ct3-compare-list li::before { content: "⚡"; }
.hl-ct3-compare-card--std .hl-ct3-compare-list li::before { content: "·"; color: var(--hl-ct3-slate-2); }
.hl-ct3-compare-verdict {
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px dashed var(--hl-ct3-amber-border);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--hl-ct3-amber-2);
}
.hl-ct3-compare-card--std .hl-ct3-compare-verdict {
  border-top-color: #ccc;
  color: var(--hl-ct3-slate);
}

/* ============================================================
   SAFETY CHECKLIST
   ============================================================ */
.hl-ct3-safe-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.hl-ct3-safe-item {
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-radius: var(--hl-ct3-radius);
  padding: 9px 11px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.hl-ct3-safe-icon {
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 1px;
}
.hl-ct3-safe-text strong { font-size: 0.82rem; display: block; color: var(--hl-ct3-navy); }
.hl-ct3-safe-text span   { font-size: 0.76rem; color: var(--hl-ct3-text-soft); line-height: 1.4; }

/* ============================================================
   COMMON MISTAKES
   ============================================================ */
.hl-ct3-mistakes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.hl-ct3-mistake-card {
  background: var(--hl-ct3-no-bg);
  border: 1px solid var(--hl-ct3-no-border);
  border-radius: var(--hl-ct3-radius);
  padding: 10px 11px;
}
.hl-ct3-mistake-card h4 { font-size: 0.84rem; color: var(--hl-ct3-no); margin: 0 0 3px 0; }
.hl-ct3-mistake-card p  { font-size: 0.77rem; color: var(--hl-ct3-text-soft); margin: 0; line-height: 1.4; }

/* ============================================================
   COST FACTORS
   ============================================================ */
.hl-ct3-cost-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 8px;
}
.hl-ct3-cost-card {
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-radius: var(--hl-ct3-radius);
  padding: 10px 11px;
  border-top: 3px solid var(--hl-ct3-amber-border);
}
.hl-ct3-cost-card h4 { font-size: 0.84rem; color: var(--hl-ct3-amber-2); margin: 0 0 3px 0; }
.hl-ct3-cost-card p  { font-size: 0.77rem; color: var(--hl-ct3-text-soft); margin: 0; line-height: 1.4; }

/* ============================================================
   RELATED PRODUCTS
   ============================================================ */
.hl-ct3-rel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.hl-ct3-rel-card {
  background: #ffffff;
  border: 1px solid var(--hl-ct3-border);
  border-radius: var(--hl-ct3-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
  transition: border-color 0.15s, transform 0.12s;
}
.hl-ct3-rel-card:hover {
  border-color: var(--hl-ct3-amber);
  transform: translateY(-1px);
  text-decoration: none;
}
.hl-ct3-rel-icon { font-size: 1.3rem; }
.hl-ct3-rel-name {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--hl-ct3-navy);
  text-decoration: none;
  line-height: 1.3;
}
.hl-ct3-rel-desc {
  font-size: 0.76rem;
  color: var(--hl-ct3-text-soft);
  line-height: 1.4;
}
.hl-ct3-rel-link {
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--hl-ct3-amber);
  text-decoration: none;
  margin-top: auto;
  padding-top: 4px;
}

/* ============================================================
   FAQ ACCORDION
   ============================================================ */
.hl-ct3-faq { margin-top: 8px; border: 1px solid var(--hl-ct3-border); border-radius: var(--hl-ct3-radius); overflow: hidden; }
.hl-ct3-faq-item { border-bottom: 1px solid var(--hl-ct3-border); }
.hl-ct3-faq-item:last-child { border-bottom: 0; }
.hl-ct3-faq-item summary.hl-ct3-faq-q {
  list-style: none;
  cursor: pointer;
  padding: 9px 12px;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--hl-ct3-navy);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  line-height: 1.35;
  transition: background 0.12s;
}
.hl-ct3-faq-item summary.hl-ct3-faq-q::-webkit-details-marker { display: none; }
.hl-ct3-faq-item summary.hl-ct3-faq-q::marker { display: none; }
.hl-ct3-faq-item summary.hl-ct3-faq-q:hover { background: var(--hl-ct3-amber-bg); }
.hl-ct3-faq-item[open] summary.hl-ct3-faq-q { background: var(--hl-ct3-amber-bg); color: var(--hl-ct3-amber-2); }
.hl-ct3-faq-item summary.hl-ct3-faq-q::after {
  content: "+";
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--hl-ct3-amber);
  flex-shrink: 0;
  transition: transform 0.2s;
}
.hl-ct3-faq-item[open] summary.hl-ct3-faq-q::after { content: "−"; }
.hl-ct3-faq-a {
  padding: 0 12px 10px 12px;
  font-size: 0.82rem;
  color: var(--hl-ct3-text);
  line-height: 1.55;
  background: var(--hl-ct3-amber-bg);
  border-top: 1px dashed var(--hl-ct3-amber-border);
}
.hl-ct3-faq-a p { margin: 6px 0 0 0; }
.hl-ct3-faq-a p:first-child { margin-top: 8px; }

/* ============================================================
   FINAL CTA
   ============================================================ */
.hl-ct3-cta {
  background: linear-gradient(135deg, #1e2a3a 0%, #2d3b4e 50%, #1e2a3a 100%);
  border: 1px solid rgba(200, 122, 0, 0.35);
  border-top: 3px solid var(--hl-ct3-amber);
  border-radius: var(--hl-ct3-radius-lg);
  padding: 14px 20px;
  margin: 0 0 12px 0;
  text-align: center;
}
.hl-ct3-cta h3 {
  color: #ffffff;
  font-size: 1rem;
  margin: 0 0 4px 0;
  letter-spacing: -0.01em;
}
.hl-ct3-cta-sub {
  color: rgba(255,255,255,0.8);
  font-size: 0.82rem;
  margin: 0 0 12px 0;
  line-height: 1.5;
}
.hl-ct3-cta-btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 10px; }
.hl-ct3-cta-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}
.hl-ct3-cta-chip {
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.85);
  border-radius: 20px;
  padding: 3px 9px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 700px) {
  .hl-ct3-hero-grid     { grid-template-columns: 1fr; }
  .hl-ct3-compare-grid  { grid-template-columns: 1fr; }
  .hl-ct3-cost-grid     { grid-template-columns: 1fr 1fr; }
  .hl-ct3-hero-h        { font-size: 1.2rem; }
}
@media (max-width: 480px) {
  .hl-ct3-cost-grid     { grid-template-columns: 1fr; }
}


/* === Hireload 3kVA Site Transformer 110V Product CSS — appended === */
/* ================================================================
   3kVA Site Transformer Hire — Product Description Styles
   Scope  : .hl-prod-site-transformer-3kva-110v
   Prefix : hl-st110-
   Palette:
     Orange      #E8741A   Dark-orange  #C45E0E
     Yellow      #F5C842   Navy         #1B2A4A
     Cream-bg    #FFF9F0   Light-orange #FEF0E0
     Border      #EDD9A3   Muted        #6b7280
     Text        #1c2533   Body-text    #374151
   ================================================================ */

/* ----------------------------------------------------------------
   BASE
   ---------------------------------------------------------------- */
.hl-prod-site-transformer-3kva-110v {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #1c2533;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
}
.hl-prod-site-transformer-3kva-110v * {
  box-sizing: border-box;
}
.hl-prod-site-transformer-3kva-110v section {
  margin-bottom: 22px;
}
.hl-prod-site-transformer-3kva-110v p {
  margin: 0 0 8px;
}
.hl-prod-site-transformer-3kva-110v a {
  color: #C45E0E;
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-site-transformer-3kva-110v a:hover {
  text-decoration: underline;
}
.hl-prod-site-transformer-3kva-110v h2 {
  font-size: 21px;
  font-weight: 700;
  color: #1B2A4A;
  margin: 0 0 8px;
  line-height: 1.25;
}
.hl-prod-site-transformer-3kva-110v h3 {
  font-size: 15px;
  font-weight: 700;
  color: #1B2A4A;
  margin: 0 0 6px;
  line-height: 1.3;
}
.hl-prod-site-transformer-3kva-110v h4 {
  font-size: 13px;
  font-weight: 700;
  color: #1B2A4A;
  margin: 0 0 5px;
  line-height: 1.3;
}

/* ----------------------------------------------------------------
   SHARED ATOMS
   ---------------------------------------------------------------- */
.hl-st110-pill {
  display: inline-block;
  background: #FEF0E0;
  color: #C45E0E;
  border: 1px solid #EDD9A3;
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.hl-st110-sub {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 10px;
}

/* tag chips */
.hl-st110-tag-good {
  display: inline-block;
  background: #dcfce7;
  color: #166534;
  border-radius: 4px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 600;
}
.hl-st110-tag-warn {
  display: inline-block;
  background: #fef9c3;
  color: #92400e;
  border-radius: 4px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 600;
}
.hl-st110-tag-no {
  display: inline-block;
  background: #fee2e2;
  color: #991b1b;
  border-radius: 4px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 600;
}

/* CTA buttons */
.hl-st110-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 13px;
  border: 1px solid transparent;
  line-height: 1;
  transition: background .15s, color .15s, border-color .15s;
}
.hl-st110-btn-primary {
  background: #E8741A;
  color: #ffffff;
  border-color: #E8741A;
}
.hl-st110-btn-primary:hover {
  background: #C45E0E;
  border-color: #C45E0E;
  color: #ffffff;
  text-decoration: none;
}
.hl-st110-btn-outline {
  background: #ffffff;
  color: #1B2A4A;
  border-color: #1B2A4A;
}
.hl-st110-btn-outline:hover {
  background: #1B2A4A;
  color: #ffffff;
  text-decoration: none;
}

/* ----------------------------------------------------------------
   SECTION 1 — HERO
   ---------------------------------------------------------------- */
.hl-st110-hero-section {
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(232, 116, 26, 0.12) 0%, transparent 55%),
    radial-gradient(110% 100% at 100% 100%, rgba(232, 116, 26, 0.10) 0%, transparent 55%),
    linear-gradient(135deg, #FFF9F0 0%, #FEF8EE 100%);
  border: 1px solid #EDD9A3;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 22px;
  box-shadow: 0 4px 18px rgba(30, 42, 58, 0.06);
}
.hl-st110-hero {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-st110-hero-main {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.hl-st110-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid #EDD9A3;
  color: #1B2A4A;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(30, 42, 58, 0.05);
}
.hl-st110-hero-lead {
  font-size: 13px;
  color: #374151;
  margin: 0;
  line-height: 1.55;
}
.hl-st110-hero-ctas {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.hl-st110-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hl-st110-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #EDD9A3;
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #1B2A4A;
}

/* At a Glance card */
.hl-st110-glance {
  background: #fff;
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  overflow: hidden;
}
.hl-st110-glance-hd {
  background: #1B2A4A;
  color: #F5C842;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 6px 12px;
}
.hl-st110-glance-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.hl-st110-glance-table tr {
  border-bottom: 1px solid #f5ead5;
}
.hl-st110-glance-table tr:last-child {
  border-bottom: none;
}
.hl-st110-glance-table th {
  padding: 5px 10px;
  text-align: left;
  font-weight: 600;
  color: #6b7280;
  background: none;
  white-space: nowrap;
  width: 42%;
  vertical-align: top;
}
.hl-st110-glance-table td {
  padding: 5px 10px;
  color: #1c2533;
  font-weight: 500;
  vertical-align: top;
}

/* ----------------------------------------------------------------
   HERO RIGHT — QUICK PICK CARD
   ---------------------------------------------------------------- */
.hl-st110-qp-card {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(30, 42, 58, 0.06);
}
.hl-st110-qp-tag {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #C45E0E;
  margin-bottom: 3px;
}
.hl-st110-qp-q {
  font-size: 13px;
  font-weight: 700;
  color: #1B2A4A;
  margin: 0 0 8px 0;
  line-height: 1.3;
}
.hl-st110-qp-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hl-st110-qp-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px dashed #EDD9A3;
  font-size: 12px;
}
.hl-st110-qp-list li:last-child {
  border-bottom: none;
}
.hl-st110-qp-list li > span {
  color: #1B2A4A;
  font-weight: 600;
}
.hl-st110-qp-list li > .hl-st110-qp-rec {
  color: #C45E0E;
  font-weight: 700;
  white-space: nowrap;
  font-size: 11px;
  text-decoration: none;
}
.hl-st110-qp-list li > .hl-st110-qp-rec.warn {
  color: #92400e;
}

/* ----------------------------------------------------------------
   SECTION 2 — QUICK ANSWER
   ---------------------------------------------------------------- */
.hl-st110-qa-box {
  background: #FFF9F0;
  border-left: 3px solid #E8741A;
  border-radius: 0 8px 8px 0;
  padding: 13px 16px;
  font-size: 14px;
  line-height: 1.65;
  color: #374151;
  margin-top: 8px;
}

/* ----------------------------------------------------------------
   SECTION 3 — QUICK PICK
   ---------------------------------------------------------------- */
.hl-st110-pick-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-top: 10px;
}
.hl-st110-pick-card {
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
  background: #fff;
}
.hl-st110-pick-card.ok {
  background: #f0fdf4;
  border-color: #86efac;
}
.hl-st110-pick-card.warn {
  background: #fffbeb;
  border-color: #fcd34d;
}
.hl-st110-pick-icon {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
  line-height: 1;
}
.hl-st110-pick-label {
  font-size: 11px;
  font-weight: 700;
  color: #1B2A4A;
  display: block;
  margin-bottom: 3px;
  line-height: 1.3;
}
.hl-st110-pick-note {
  font-size: 10px;
  color: #6b7280;
  line-height: 1.3;
}

/* ----------------------------------------------------------------
   SECTION 4 — WHAT CAN IT POWER
   ---------------------------------------------------------------- */
.hl-st110-power-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 10px;
}
.hl-st110-power-card {
  background: #fff;
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  padding: 11px 12px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.hl-st110-power-icon {
  font-size: 18px;
  flex-shrink: 0;
  line-height: 1.2;
}
.hl-st110-power-name {
  font-size: 12px;
  font-weight: 700;
  color: #1B2A4A;
  display: block;
  line-height: 1.2;
  margin-bottom: 2px;
}
.hl-st110-power-note {
  font-size: 11px;
  color: #6b7280;
  line-height: 1.3;
}
.hl-st110-power-disc {
  font-size: 12px;
  color: #6b7280;
  font-style: italic;
  margin-top: 8px;
  padding: 6px 10px;
  background: #FFF9F0;
  border-radius: 5px;
  border: 1px solid #EDD9A3;
}

/* ----------------------------------------------------------------
   SECTION 5 — HIRE SNAPSHOT
   ---------------------------------------------------------------- */
.hl-st110-snap-wrap {
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 10px;
}
.hl-st110-snap-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.hl-st110-snap-table tr {
  border-bottom: 1px solid #f5ead5;
}
.hl-st110-snap-table tr:last-child {
  border-bottom: none;
}
.hl-st110-snap-table th {
  padding: 8px 14px;
  text-align: left;
  font-weight: 600;
  color: #1B2A4A;
  background: #FFF9F0;
  width: 28%;
  vertical-align: top;
}
.hl-st110-snap-table td {
  padding: 8px 14px;
  color: #374151;
  background: #fff;
  vertical-align: top;
}

/* ----------------------------------------------------------------
   SECTIONS 6 & 7 — BEST FOR / NOT IDEAL
   ---------------------------------------------------------------- */
.hl-st110-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 10px;
}
.hl-st110-block {
  background: #fff;
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  padding: 14px 16px;
}
.hl-st110-block-hd {
  font-size: 13px;
  font-weight: 700;
  color: #1B2A4A;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.hl-st110-tick-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hl-st110-tick-list li {
  font-size: 13px;
  padding-left: 20px;
  position: relative;
  line-height: 1.4;
  color: #374151;
}
.hl-st110-tick-list.yes li::before {
  content: '✅';
  position: absolute;
  left: 0;
  font-size: 12px;
  top: 1px;
}
.hl-st110-tick-list.no li::before {
  content: '❌';
  position: absolute;
  left: 0;
  font-size: 12px;
  top: 1px;
}

/* ----------------------------------------------------------------
   SECTION 8 — CHOOSE BY EQUIPMENT TABLE
   ---------------------------------------------------------------- */
.hl-st110-table-wrap {
  overflow-x: auto;
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  margin-top: 10px;
}
.hl-st110-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.hl-st110-table thead th {
  background: #1B2A4A;
  color: #F5C842;
  padding: 9px 14px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.hl-st110-table thead th:first-child {
  color: #fff;
}
.hl-st110-table tbody tr:nth-child(odd) {
  background: #fff;
}
.hl-st110-table tbody tr:nth-child(even) {
  background: #FFF9F0;
}
.hl-st110-table tbody th {
  padding: 9px 14px;
  font-weight: 600;
  color: #1B2A4A;
  border-bottom: 1px solid #f5ead5;
  vertical-align: top;
}
.hl-st110-table tbody td {
  padding: 9px 14px;
  border-bottom: 1px solid #f5ead5;
  color: #374151;
  vertical-align: top;
}
.hl-st110-table tbody tr:last-child th,
.hl-st110-table tbody tr:last-child td {
  border-bottom: none;
}
.hl-st110-table-cta {
  text-align: center;
  color: #C45E0E;
  font-weight: 600;
}
.hl-st110-th-note {
  color: $F5C842;
  font-weight: 400;
}

/* ----------------------------------------------------------------
   SECTION 9 — STANDARD VS CONTINUOUS
   ---------------------------------------------------------------- */
.hl-st110-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 10px;
}
.hl-st110-type-card {
  border-radius: 8px;
  padding: 15px 16px;
}
.hl-st110-type-card.standard {
  background: #FEF0E0;
  border: 1.5px solid #E8741A;
}
.hl-st110-type-card.continuous {
  background: #EFF6FF;
  border: 1.5px solid #93c5fd;
}
.hl-st110-type-card h4 {
  font-size: 13px;
  margin-bottom: 8px;
}
.hl-st110-type-card.standard h4 {
  color: #C45E0E;
}
.hl-st110-type-card.continuous h4 {
  color: #1d4ed8;
}
.hl-st110-type-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hl-st110-type-list li {
  font-size: 12px;
  color: #374151;
  padding-left: 13px;
  position: relative;
  line-height: 1.4;
}
.hl-st110-type-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: #6b7280;
  font-size: 11px;
}

/* ----------------------------------------------------------------
   SECTION 10 — TRANSFORMER VS GENERATOR
   ---------------------------------------------------------------- */
.hl-st110-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 10px;
}
.hl-st110-vs-card {
  background: #fff;
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  padding: 14px 16px;
}
.hl-st110-vs-card h4 {
  font-size: 13px;
  color: #1B2A4A;
  margin-bottom: 8px;
}
.hl-st110-vs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hl-st110-vs-list li {
  font-size: 12px;
  color: #374151;
  padding-left: 13px;
  position: relative;
  line-height: 1.4;
}
.hl-st110-vs-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #E8741A;
  font-weight: 700;
}

/* ----------------------------------------------------------------
   SECTION 11 — SAFETY CHECKLIST
   ---------------------------------------------------------------- */
.hl-st110-safety-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 10px;
}
.hl-st110-safety-item {
  background: #fff;
  border: 1px solid #EDD9A3;
  border-radius: 6px;
  padding: 9px 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.hl-st110-safety-icon {
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 1px;
  line-height: 1;
}
.hl-st110-safety-text {
  font-size: 12px;
  color: #374151;
  line-height: 1.45;
}
.hl-st110-safety-text strong {
  color: #1B2A4A;
  display: block;
  font-size: 12px;
  margin-bottom: 1px;
}

/* ----------------------------------------------------------------
   SECTION 12 — COMMON MISTAKES
   ---------------------------------------------------------------- */
.hl-st110-mistakes {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 10px;
}
.hl-st110-mistake {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 6px;
  padding: 9px 13px;
}
.hl-st110-mistake-icon {
  font-size: 14px;
  flex-shrink: 0;
  line-height: 1.3;
}
.hl-st110-mistake-body {
  font-size: 13px;
  color: #374151;
  line-height: 1.45;
}
.hl-st110-mistake-body strong {
  color: #92400e;
  display: block;
  margin-bottom: 1px;
}

/* ----------------------------------------------------------------
   SECTION 13 — RELATED PRODUCTS
   ---------------------------------------------------------------- */
.hl-st110-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 10px;
}
.hl-st110-related-card {
  background: #fff;
  border: 1px solid #EDD9A3;
  border-radius: 8px;
  padding: 11px 13px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  text-decoration: none;
  transition: border-color .15s;
}
.hl-st110-related-card:hover {
  border-color: #E8741A;
  text-decoration: none;
}
.hl-st110-related-icon {
  font-size: 18px;
  flex-shrink: 0;
  line-height: 1.2;
}
.hl-st110-related-name {
  font-size: 12px;
  font-weight: 700;
  color: #1B2A4A;
  display: block;
  margin-bottom: 2px;
  line-height: 1.3;
}
.hl-st110-related-desc {
  font-size: 11px;
  color: #6b7280;
  line-height: 1.35;
}

/* ----------------------------------------------------------------
   SECTION 14 — FAQ
   ---------------------------------------------------------------- */
.hl-st110-faq-item {
  border: 1px solid #EDD9A3;
  border-radius: 6px;
  margin-top: 5px;
  background: #fff;
  overflow: hidden;
}
.hl-st110-faq-item summary {
  padding: 10px 14px;
  font-weight: 600;
  font-size: 13px;
  color: #1B2A4A;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FAFAF9;
  user-select: none;
  gap: 10px;
}
.hl-st110-faq-item summary::-webkit-details-marker {
  display: none;
}
.hl-st110-faq-item summary::after {
  content: '+';
  font-size: 17px;
  color: #E8741A;
  font-weight: 300;
  flex-shrink: 0;
  line-height: 1;
}
.hl-st110-faq-item[open] summary::after {
  content: '−';
}
.hl-st110-faq-item[open] summary {
  border-bottom: 1px solid #EDD9A3;
}
.hl-st110-faq-body {
  padding: 11px 14px;
  font-size: 13px;
  color: #374151;
  line-height: 1.65;
}
.hl-st110-faq-body p {
  margin: 0 0 6px;
}
.hl-st110-faq-body p:last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------
   FINAL CTA
   ---------------------------------------------------------------- */
.hl-st110-cta-footer {
  background: linear-gradient(135deg, #1B2A4A 0%, #253659 100%);
  border-radius: 10px;
  padding: 22px 26px;
  text-align: center;
  color: #fff;
  margin-top: 22px;
  margin-bottom: 0;
}
.hl-st110-cta-footer h3 {
  color: $F5C842;
  font-size: 17px;
  margin-bottom: 6px;
}
.hl-st110-cta-footer p {
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  margin: 0 auto 14px;
  max-width: 480px;
}
.hl-st110-cta-btns {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.hl-st110-cta-call {
  background: #E8741A;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  padding: 9px 20px;
  font-weight: 700;
  font-size: 13px;
  display: inline-block;
  transition: background .15s;
}
.hl-st110-cta-call:hover {
  background: #C45E0E;
  color: #fff;
  text-decoration: none;
}
.hl-st110-cta-email {
  background: transparent;
  color: $F5C842;
  border: 1.5px solid #F5C842;
  text-decoration: none;
  border-radius: 6px;
  padding: 8px 20px;
  font-weight: 700;
  font-size: 13px;
  display: inline-block;
  transition: background .15s;
}
.hl-st110-cta-email:hover {
  background: rgba(245, 200, 66, .15);
  color: #F5C842;
  text-decoration: none;
}

/* ----------------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------------- */
@media (max-width: 920px) {
  .hl-st110-hero { grid-template-columns: 1fr; }
  .hl-st110-pick-row { grid-template-columns: repeat(3, 1fr); }
  .hl-st110-power-grid { grid-template-columns: repeat(3, 1fr); }
  .hl-st110-related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .hl-st110-pick-row { grid-template-columns: repeat(2, 1fr); }
  .hl-st110-power-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-st110-two-col { grid-template-columns: 1fr; }
  .hl-st110-type-grid { grid-template-columns: 1fr; }
  .hl-st110-vs-grid { grid-template-columns: 1fr; }
  .hl-st110-safety-grid { grid-template-columns: 1fr; }
  .hl-st110-related-grid { grid-template-columns: 1fr; }
  .hl-prod-site-transformer-3kva-110v h2 { font-size: 18px; }
}

/* =ST110-FIXES= */
.hl-prod-site-transformer-3kva-110v .hl-st110-tick-list.yes li::before{content:"\2705"}
.hl-prod-site-transformer-3kva-110v .hl-st110-tick-list.no li::before{content:"\274C"}
.hl-prod-site-transformer-3kva-110v .hl-st110-vs-list li::before{content:"\2022"}
.hl-prod-site-transformer-3kva-110v .hl-st110-type-list li::before{content:"\2192"}
.hl-prod-site-transformer-3kva-110v .hl-st110-cta-footer h3{color:#F5C842!important}
.hl-prod-site-transformer-3kva-110v .hl-st110-cta-footer p{color:#ffffff!important}
.hl-prod-site-transformer-3kva-110v .hl-st110-snap-table td{white-space:nowrap}
.hl-prod-site-transformer-3kva-110v .hl-st110-power-card{align-items:center}
.hl-prod-site-transformer-3kva-110v p:empty{display:none}

/* === Hireload Cement Mixer Petrol Product CSS — appended === */
/* =====================================================
   Hireload — Cement Mixer Hire London (Petrol)
   Scoped to .hl-prod-cement-mixer-petrol only
   Soft orange + warm yellow + cream + white cards + navy headings
   No body / html / global selectors. No full-page background.
   ===================================================== */

.hl-prod-cement-mixer-petrol {
  --cmp-navy:        #1e2a3a;
  --cmp-navy-2:      #2c3e50;
  --cmp-orange:      #ef8c2a;
  --cmp-orange-2:    #d97411;
  --cmp-orange-bg:   #fff5e7;
  --cmp-gold:        #e0a72b;
  --cmp-gold-2:      #b6841f;
  --cmp-gold-bg:     #fff9e6;
  --cmp-cream:       #fbf4e2;
  --cmp-cool:        #4d8a9e;
  --cmp-cool-2:      #2c5e6f;
  --cmp-cool-bg:     #eef6f9;
  --cmp-slate:       #475569;
  --cmp-text:        #1c2533;
  --cmp-text-soft:   #475569;
  --cmp-orange-border: #f0c98a;
  --cmp-gold-border:   #ead178;
  --cmp-cool-border:   #b6d3dd;
  --cmp-radius:    10px;
  --cmp-radius-lg: 14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--cmp-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-cement-mixer-petrol * { box-sizing: border-box; }

.hl-prod-cement-mixer-petrol a {
  color: var(--cmp-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--cmp-orange-border);
}
.hl-prod-cement-mixer-petrol a:hover {
  color: var(--cmp-orange-2);
  text-decoration-color: var(--cmp-orange-2);
}

.hl-prod-cement-mixer-petrol h2,
.hl-prod-cement-mixer-petrol h3,
.hl-prod-cement-mixer-petrol h4 {
  font-family: inherit;
  color: var(--cmp-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-cement-mixer-petrol p { margin: 0 0 0.6em 0; }

.hl-prod-cement-mixer-petrol .hl-cmp-section-h {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 4px 0 2px 0;
  color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-section-sub {
  color: var(--cmp-text-soft);
  margin: 0 0 0.7em 0;
  font-size: 0.84rem;
}

/* Section pill labels */
.hl-prod-cement-mixer-petrol .hl-cmp-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--cmp-orange-border);
  color: var(--cmp-orange-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-hero {
  background: radial-gradient(110% 100% at 0% 0%, rgba(239,140,42,0.18) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(224,167,43,0.18) 0%, transparent 60%), linear-gradient(135deg, #fff9e6 0%, #fff5e7 100%);
  background-color: #fff5e7;
  border: 1px solid var(--cmp-orange-border);
  border-radius: var(--cmp-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(30,42,58,0.06);
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--cmp-orange-border);
  color: var(--cmp-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(30,42,58,0.05);
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-h {
  color: var(--cmp-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-sub {
  color: #2a3540;
  font-size: 0.88rem;
  margin: 0 0 8px 0;
  line-height: 1.5;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-safety {
  background: var(--cmp-gold-bg);
  border: 1px solid var(--cmp-gold-border);
  border-left: 3px solid var(--cmp-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.78rem;
  color: var(--cmp-navy);
  margin: 0 0 10px 0;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-badge-warm {
  background: var(--cmp-orange-bg);
  border-color: var(--cmp-orange-border);
}
.hl-prod-cement-mixer-petrol .hl-cmp-badge-cool {
  background: var(--cmp-cool-bg);
  border-color: var(--cmp-cool-border);
}

/* Hero side card */
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-radius: var(--cmp-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(30,42,58,0.06);
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cmp-orange-2);
  margin-bottom: 3px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-q {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--cmp-navy);
  margin: 0 0 6px 0;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--cmp-orange-border);
  font-size: 0.8rem;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-list li:last-child { border-bottom: 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-list li > span {
  color: var(--cmp-text-soft);
  font-weight: 600;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-list li > strong {
  color: var(--cmp-navy);
  font-weight: 700;
  font-size: 0.78rem;
  text-align: right;
}
.hl-prod-cement-mixer-petrol .hl-cmp-hero-side-note {
  font-size: 0.72rem;
  color: var(--cmp-text-soft);
  margin: 6px 0 0 0;
  font-style: italic;
}

/* Buttons */
.hl-prod-cement-mixer-petrol .hl-cmp-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.hl-prod-cement-mixer-petrol .hl-cmp-btn-primary {
  background: var(--cmp-orange);
  color: #ffffff;
  border-color: var(--cmp-orange);
}
.hl-prod-cement-mixer-petrol .hl-cmp-btn-primary:hover {
  background: var(--cmp-orange-2);
  border-color: var(--cmp-orange-2);
  transform: translateY(-1px);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-cement-mixer-petrol .hl-cmp-btn-outline {
  background: #ffffff;
  color: var(--cmp-navy);
  border-color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-btn-outline:hover {
  background: var(--cmp-navy);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-cement-mixer-petrol .hl-cmp-btn-outline-dark {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.55);
}
.hl-prod-cement-mixer-petrol .hl-cmp-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-quick {
  background: var(--cmp-gold-bg);
  border: 1px solid var(--cmp-gold-border);
  border-left: 3px solid var(--cmp-gold);
  border-radius: var(--cmp-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-prod-cement-mixer-petrol .hl-cmp-quick .hl-cmp-pill {
  margin-bottom: 3px;
  border-color: var(--cmp-gold-border);
  color: var(--cmp-gold-2);
}
.hl-prod-cement-mixer-petrol .hl-cmp-quick-h {
  font-size: 0.98rem;
  margin: 2px 0 4px 0;
  color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-quick p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--cmp-text);
  line-height: 1.5;
}

/* ============== QUICK PICK / WHAT YOU CAN MIX cards ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-pick,
.hl-prod-cement-mixer-petrol .hl-cmp-mix { margin: 0 0 18px 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-pick-grid,
.hl-prod-cement-mixer-petrol .hl-cmp-mix-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-pick-card,
.hl-prod-cement-mixer-petrol .hl-cmp-mix-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-left: 3px solid var(--cmp-orange);
  border-radius: var(--cmp-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-prod-cement-mixer-petrol .hl-cmp-pick-card:hover,
.hl-prod-cement-mixer-petrol .hl-cmp-mix-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30,42,58,0.06);
}
.hl-prod-cement-mixer-petrol .hl-cmp-pick-ico,
.hl-prod-cement-mixer-petrol .hl-cmp-mix-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--cmp-orange-bg);
  border: 1px solid var(--cmp-orange-border);
  font-size: 1rem;
  margin-bottom: 5px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-pick-card h4,
.hl-prod-cement-mixer-petrol .hl-cmp-mix-card h4 {
  font-size: 0.92rem;
  margin: 0 0 3px 0;
  color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-pick-card p,
.hl-prod-cement-mixer-petrol .hl-cmp-mix-card p {
  font-size: 0.79rem;
  color: var(--cmp-text-soft);
  margin: 0;
  line-height: 1.4;
}

/* ============== TABLES ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-spec,
.hl-prod-cement-mixer-petrol .hl-cmp-choose,
.hl-prod-cement-mixer-petrol .hl-cmp-rm { margin: 0 0 18px 0; }

.hl-prod-cement-mixer-petrol .hl-cmp-table-wrap {
  overflow-x: auto;
  border: 1px solid #efe0c4;
  border-radius: var(--cmp-radius);
  background: #ffffff;
}
.hl-prod-cement-mixer-petrol .hl-cmp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 580px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-table thead th {
  background: var(--cmp-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-cement-mixer-petrol .hl-cmp-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--cmp-navy);
  text-align: left;
  background: var(--cmp-orange-bg);
  padding: 7px 10px;
  border-top: 1px solid #f2e1c2;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-cement-mixer-petrol .hl-cmp-table td {
  padding: 7px 10px;
  border-top: 1px solid #f2e1c2;
  vertical-align: top;
  color: var(--cmp-text);
  font-size: 0.82rem;
}
.hl-prod-cement-mixer-petrol .hl-cmp-table tbody tr:hover td,
.hl-prod-cement-mixer-petrol .hl-cmp-table tbody tr:hover th[scope="row"] {
  background: #fff8ec;
}

/* ============== BEST FOR / NOT IDEAL / SAFETY ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-best,
.hl-prod-cement-mixer-petrol .hl-cmp-not,
.hl-prod-cement-mixer-petrol .hl-cmp-safety { margin: 0 0 18px 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-best-grid,
.hl-prod-cement-mixer-petrol .hl-cmp-not-grid,
.hl-prod-cement-mixer-petrol .hl-cmp-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-best-grid li {
  background: var(--cmp-orange-bg);
  border: 1px solid var(--cmp-orange-border);
  border-left: 3px solid var(--cmp-orange);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--cmp-text);
  line-height: 1.45;
}
.hl-prod-cement-mixer-petrol .hl-cmp-best-grid li strong { color: var(--cmp-navy); }
.hl-prod-cement-mixer-petrol .hl-cmp-not-grid li {
  background: #ffffff;
  border: 1px solid #e2d4be;
  border-left: 3px solid var(--cmp-slate);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--cmp-text);
  line-height: 1.45;
}
.hl-prod-cement-mixer-petrol .hl-cmp-not-grid li strong { color: var(--cmp-navy); }
.hl-prod-cement-mixer-petrol .hl-cmp-safety-list li {
  background: #ffffff;
  border: 1px solid #f2e1c2;
  border-left: 3px solid var(--cmp-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--cmp-text);
  line-height: 1.45;
}

/* ============== VS COMPARISON CARDS ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-vs { margin: 0 0 18px 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-radius: var(--cmp-radius);
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card.hl-cmp-vs-card--gold {
  background: linear-gradient(180deg, #fff8ec 0%, #ffffff 100%);
  border-color: var(--cmp-orange-border);
  border-left: 3px solid var(--cmp-orange);
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card.hl-cmp-vs-card--cream {
  background: linear-gradient(180deg, #fbf4e2 0%, #ffffff 100%);
  border-color: var(--cmp-gold-border);
  border-left: 3px solid var(--cmp-gold);
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cmp-orange-2);
  margin-bottom: 3px;
  display: inline-block;
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card--cream .hl-cmp-vs-tag { color: var(--cmp-gold-2); }
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card h4 {
  font-size: 0.95rem;
  margin: 0 0 5px 0;
  color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card li {
  font-size: 0.79rem;
  color: var(--cmp-text);
  padding: 3px 0;
  border-bottom: 1px dashed var(--cmp-orange-border);
  line-height: 1.45;
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card--cream li { border-bottom-color: var(--cmp-gold-border); }
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card li:last-child { border-bottom: 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-vs-cta {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--cmp-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--cmp-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-card--cream .hl-cmp-vs-cta {
  color: var(--cmp-gold-2);
  border-bottom-color: var(--cmp-gold-border);
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-cta:hover {
  color: var(--cmp-navy);
  border-bottom-color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-rule {
  margin: 8px 0 0 0;
  padding: 8px 12px;
  background: var(--cmp-orange-bg);
  border: 1px solid var(--cmp-orange-border);
  border-left: 3px solid var(--cmp-orange);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--cmp-text);
  line-height: 1.5;
}
.hl-prod-cement-mixer-petrol .hl-cmp-vs-rule strong { color: var(--cmp-navy); }

/* ============== MIXER VS READY-MIX NOTE ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-rm-note {
  background: var(--cmp-gold-bg);
  border: 1px solid var(--cmp-gold-border);
  border-left: 3px solid var(--cmp-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--cmp-text);
  margin: 8px 0 0 0;
}

/* ============== COMMON MISTAKES ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-mistakes { margin: 0 0 18px 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-mistakes-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-mistake-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-left: 3px solid var(--cmp-orange);
  border-radius: var(--cmp-radius);
  padding: 10px 12px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-mistake-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-mistake-card p {
  font-size: 0.79rem;
  color: var(--cmp-text-soft);
  margin: 0;
  line-height: 1.45;
}

/* ============== RELATED ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-related { margin: 0 0 18px 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-rel-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-left: 3px solid var(--cmp-orange);
  border-radius: var(--cmp-radius);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
}
.hl-prod-cement-mixer-petrol .hl-cmp-rel-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--cmp-orange-bg);
  border: 1px solid var(--cmp-orange-border);
  font-size: 0.92rem;
  margin-bottom: 4px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-rel-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--cmp-navy);
}
.hl-prod-cement-mixer-petrol .hl-cmp-rel-card p {
  font-size: 0.78rem;
  color: var(--cmp-text-soft);
  margin: 0 0 5px 0;
  line-height: 1.42;
  flex: 1;
}
.hl-prod-cement-mixer-petrol .hl-cmp-rel-card a {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--cmp-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--cmp-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-rel-card a:hover {
  color: var(--cmp-navy);
  border-bottom-color: var(--cmp-navy);
}

/* ============== FAQ ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-faq { margin: 0 0 18px 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-faq-item {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-radius: var(--cmp-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--cmp-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-cement-mixer-petrol .hl-cmp-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-cement-mixer-petrol .hl-cmp-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--cmp-orange-2);
  font-weight: 700;
}
.hl-prod-cement-mixer-petrol .hl-cmp-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-cement-mixer-petrol .hl-cmp-faq-a { padding: 0 0 6px 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-faq-a p {
  margin: 0 0 6px 0;
  color: var(--cmp-text);
  font-size: 0.8rem;
  line-height: 1.5;
}
.hl-prod-cement-mixer-petrol .hl-cmp-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-cement-mixer-petrol .hl-cmp-faq-a a {
  color: var(--cmp-orange-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-cement-mixer-petrol .hl-cmp-cta {
  background: linear-gradient(135deg, var(--cmp-navy) 0%, var(--cmp-navy-2) 100%);
  background-color: var(--cmp-navy);
  color: #ffffff;
  border-radius: var(--cmp-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-cement-mixer-petrol .hl-cmp-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(80% 60% at 0% 0%, rgba(239,140,42,0.22) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(224,167,43,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-cement-mixer-petrol .hl-cmp-cta-h {
  color: #ffffff;
  font-size: 1.05rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-cement-mixer-petrol .hl-cmp-cta-sub {
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-cement-mixer-petrol .hl-cmp-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-cement-mixer-petrol .hl-cmp-cta-buttons .hl-cmp-btn {
  padding: 8px 14px;
  font-size: 0.84rem;
}
.hl-prod-cement-mixer-petrol .hl-cmp-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.76rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-cement-mixer-petrol .hl-cmp-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-cement-mixer-petrol .hl-cmp-vs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-cement-mixer-petrol { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-cement-mixer-petrol .hl-cmp-hero { padding: 14px; }
  .hl-prod-cement-mixer-petrol .hl-cmp-hero-h { font-size: 1.18rem; }
  .hl-prod-cement-mixer-petrol .hl-cmp-hero-sub { font-size: 0.82rem; }
  .hl-prod-cement-mixer-petrol .hl-cmp-section-h { font-size: 1.02rem; }
  .hl-prod-cement-mixer-petrol .hl-cmp-cta { padding: 12px 12px; }
  .hl-prod-cement-mixer-petrol .hl-cmp-cta-h { font-size: 0.98rem; }
  .hl-prod-cement-mixer-petrol .hl-cmp-table { min-width: 520px; }
}

/* Print */
@media print {
  .hl-prod-cement-mixer-petrol .hl-cmp-hero,
  .hl-prod-cement-mixer-petrol .hl-cmp-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-cement-mixer-petrol .hl-cmp-cta-h,
  .hl-prod-cement-mixer-petrol .hl-cmp-cta-sub { color: #1c2533; }
}

/* === Hireload Concrete Mixer Electric Product CSS — appended === */
/* =====================================================
   Hireload — Concrete Mixer Hire London (Electric)
   Scoped to .hl-prod-concrete-mixer-electric only
   Soft orange + warm yellow + cream + white cards + navy headings
   No body / html / global selectors. No full-page background.
   ===================================================== */

.hl-prod-concrete-mixer-electric {
  --cme-navy:        #1e2a3a;
  --cme-navy-2:      #2c3e50;
  --cme-orange:      #ef8c2a;
  --cme-orange-2:    #d97411;
  --cme-orange-bg:   #fff5e7;
  --cme-gold:        #e0a72b;
  --cme-gold-2:      #b6841f;
  --cme-gold-bg:     #fff9e6;
  --cme-cream:       #fbf4e2;
  --cme-cool:        #4d8a9e;
  --cme-cool-2:      #2c5e6f;
  --cme-cool-bg:     #eef6f9;
  --cme-slate:       #475569;
  --cme-text:        #1c2533;
  --cme-text-soft:   #475569;
  --cme-orange-border: #f0c98a;
  --cme-gold-border:   #ead178;
  --cme-cool-border:   #b6d3dd;
  --cme-radius:    10px;
  --cme-radius-lg: 14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--cme-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-concrete-mixer-electric * { box-sizing: border-box; }

.hl-prod-concrete-mixer-electric a {
  color: var(--cme-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--cme-orange-border);
}
.hl-prod-concrete-mixer-electric a:hover {
  color: var(--cme-orange-2);
  text-decoration-color: var(--cme-orange-2);
}

.hl-prod-concrete-mixer-electric h2,
.hl-prod-concrete-mixer-electric h3,
.hl-prod-concrete-mixer-electric h4 {
  font-family: inherit;
  color: var(--cme-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-concrete-mixer-electric p { margin: 0 0 0.6em 0; }

.hl-prod-concrete-mixer-electric .hl-cme-section-h {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 4px 0 2px 0;
  color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-section-sub {
  color: var(--cme-text-soft);
  margin: 0 0 0.7em 0;
  font-size: 0.84rem;
}

/* Section pill labels */
.hl-prod-concrete-mixer-electric .hl-cme-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--cme-orange-border);
  color: var(--cme-orange-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-concrete-mixer-electric .hl-cme-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-prod-concrete-mixer-electric .hl-cme-hero {
  background: radial-gradient(110% 100% at 0% 0%, rgba(239,140,42,0.18) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(224,167,43,0.18) 0%, transparent 60%), linear-gradient(135deg, #fff9e6 0%, #fff5e7 100%);
  background-color: #fff5e7;
  border: 1px solid var(--cme-orange-border);
  border-radius: var(--cme-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(30,42,58,0.06);
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--cme-orange-border);
  color: var(--cme-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(30,42,58,0.05);
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-h {
  color: var(--cme-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-sub {
  color: #2a3540;
  font-size: 0.88rem;
  margin: 0 0 8px 0;
  line-height: 1.5;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-safety {
  background: var(--cme-gold-bg);
  border: 1px solid var(--cme-gold-border);
  border-left: 3px solid var(--cme-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.78rem;
  color: var(--cme-navy);
  margin: 0 0 10px 0;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-concrete-mixer-electric .hl-cme-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-badge-warm {
  background: var(--cme-orange-bg);
  border-color: var(--cme-orange-border);
}
.hl-prod-concrete-mixer-electric .hl-cme-badge-cool {
  background: var(--cme-cool-bg);
  border-color: var(--cme-cool-border);
}

/* Hero side card */
.hl-prod-concrete-mixer-electric .hl-cme-hero-side {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-radius: var(--cme-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(30,42,58,0.06);
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cme-orange-2);
  margin-bottom: 3px;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-q {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--cme-navy);
  margin: 0 0 6px 0;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--cme-orange-border);
  font-size: 0.8rem;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-list li:last-child { border-bottom: 0; }
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-list li > span {
  color: var(--cme-text-soft);
  font-weight: 600;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-list li > strong {
  color: var(--cme-navy);
  font-weight: 700;
  font-size: 0.78rem;
  text-align: right;
}
.hl-prod-concrete-mixer-electric .hl-cme-hero-side-note {
  font-size: 0.72rem;
  color: var(--cme-text-soft);
  margin: 6px 0 0 0;
  font-style: italic;
}

/* Buttons */
.hl-prod-concrete-mixer-electric .hl-cme-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.hl-prod-concrete-mixer-electric .hl-cme-btn-primary {
  background: var(--cme-orange);
  color: #ffffff;
  border-color: var(--cme-orange);
}
.hl-prod-concrete-mixer-electric .hl-cme-btn-primary:hover {
  background: var(--cme-orange-2);
  border-color: var(--cme-orange-2);
  transform: translateY(-1px);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-concrete-mixer-electric .hl-cme-btn-outline {
  background: #ffffff;
  color: var(--cme-navy);
  border-color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-btn-outline:hover {
  background: var(--cme-navy);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-concrete-mixer-electric .hl-cme-btn-outline-dark {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.55);
}
.hl-prod-concrete-mixer-electric .hl-cme-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-concrete-mixer-electric .hl-cme-quick {
  background: var(--cme-gold-bg);
  border: 1px solid var(--cme-gold-border);
  border-left: 3px solid var(--cme-gold);
  border-radius: var(--cme-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-prod-concrete-mixer-electric .hl-cme-quick .hl-cme-pill {
  margin-bottom: 3px;
  border-color: var(--cme-gold-border);
  color: var(--cme-gold-2);
}
.hl-prod-concrete-mixer-electric .hl-cme-quick-h {
  font-size: 0.98rem;
  margin: 2px 0 4px 0;
  color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-quick p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--cme-text);
  line-height: 1.5;
}

/* ============== QUICK PICK / WHAT YOU CAN MIX cards ============== */
.hl-prod-concrete-mixer-electric .hl-cme-pick,
.hl-prod-concrete-mixer-electric .hl-cme-mix { margin: 0 0 18px 0; }
.hl-prod-concrete-mixer-electric .hl-cme-pick-grid,
.hl-prod-concrete-mixer-electric .hl-cme-mix-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-prod-concrete-mixer-electric .hl-cme-pick-card,
.hl-prod-concrete-mixer-electric .hl-cme-mix-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-left: 3px solid var(--cme-orange);
  border-radius: var(--cme-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-prod-concrete-mixer-electric .hl-cme-pick-card:hover,
.hl-prod-concrete-mixer-electric .hl-cme-mix-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30,42,58,0.06);
}
.hl-prod-concrete-mixer-electric .hl-cme-pick-ico,
.hl-prod-concrete-mixer-electric .hl-cme-mix-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--cme-orange-bg);
  border: 1px solid var(--cme-orange-border);
  font-size: 1rem;
  margin-bottom: 5px;
}
.hl-prod-concrete-mixer-electric .hl-cme-pick-card h4,
.hl-prod-concrete-mixer-electric .hl-cme-mix-card h4 {
  font-size: 0.92rem;
  margin: 0 0 3px 0;
  color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-pick-card p,
.hl-prod-concrete-mixer-electric .hl-cme-mix-card p {
  font-size: 0.79rem;
  color: var(--cme-text-soft);
  margin: 0;
  line-height: 1.4;
}

/* ============== TABLES ============== */
.hl-prod-concrete-mixer-electric .hl-cme-spec,
.hl-prod-concrete-mixer-electric .hl-cme-choose,
.hl-prod-concrete-mixer-electric .hl-cme-rm { margin: 0 0 18px 0; }

.hl-prod-concrete-mixer-electric .hl-cme-table-wrap {
  overflow-x: auto;
  border: 1px solid #efe0c4;
  border-radius: var(--cme-radius);
  background: #ffffff;
}
.hl-prod-concrete-mixer-electric .hl-cme-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 580px;
}
.hl-prod-concrete-mixer-electric .hl-cme-table thead th {
  background: var(--cme-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-concrete-mixer-electric .hl-cme-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--cme-navy);
  text-align: left;
  background: var(--cme-orange-bg);
  padding: 7px 10px;
  border-top: 1px solid #f2e1c2;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-concrete-mixer-electric .hl-cme-table td {
  padding: 7px 10px;
  border-top: 1px solid #f2e1c2;
  vertical-align: top;
  color: var(--cme-text);
  font-size: 0.82rem;
}
.hl-prod-concrete-mixer-electric .hl-cme-table tbody tr:hover td,
.hl-prod-concrete-mixer-electric .hl-cme-table tbody tr:hover th[scope="row"] {
  background: #fff8ec;
}

/* ============== BEST FOR / NOT IDEAL / SAFETY ============== */
.hl-prod-concrete-mixer-electric .hl-cme-best,
.hl-prod-concrete-mixer-electric .hl-cme-not,
.hl-prod-concrete-mixer-electric .hl-cme-safety { margin: 0 0 18px 0; }
.hl-prod-concrete-mixer-electric .hl-cme-best-grid,
.hl-prod-concrete-mixer-electric .hl-cme-not-grid,
.hl-prod-concrete-mixer-electric .hl-cme-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-concrete-mixer-electric .hl-cme-best-grid li {
  background: var(--cme-orange-bg);
  border: 1px solid var(--cme-orange-border);
  border-left: 3px solid var(--cme-orange);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--cme-text);
  line-height: 1.45;
}
.hl-prod-concrete-mixer-electric .hl-cme-best-grid li strong { color: var(--cme-navy); }
.hl-prod-concrete-mixer-electric .hl-cme-not-grid li {
  background: #ffffff;
  border: 1px solid #e2d4be;
  border-left: 3px solid var(--cme-slate);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--cme-text);
  line-height: 1.45;
}
.hl-prod-concrete-mixer-electric .hl-cme-not-grid li strong { color: var(--cme-navy); }
.hl-prod-concrete-mixer-electric .hl-cme-safety-list li {
  background: #ffffff;
  border: 1px solid #f2e1c2;
  border-left: 3px solid var(--cme-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--cme-text);
  line-height: 1.45;
}

/* ============== VS COMPARISON CARDS ============== */
.hl-prod-concrete-mixer-electric .hl-cme-vs { margin: 0 0 18px 0; }
.hl-prod-concrete-mixer-electric .hl-cme-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-radius: var(--cme-radius);
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card.hl-cme-vs-card--gold {
  background: linear-gradient(180deg, #fff8ec 0%, #ffffff 100%);
  border-color: var(--cme-orange-border);
  border-left: 3px solid var(--cme-orange);
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card.hl-cme-vs-card--cream {
  background: linear-gradient(180deg, #fbf4e2 0%, #ffffff 100%);
  border-color: var(--cme-gold-border);
  border-left: 3px solid var(--cme-gold);
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cme-orange-2);
  margin-bottom: 3px;
  display: inline-block;
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card--cream .hl-cme-vs-tag { color: var(--cme-gold-2); }
.hl-prod-concrete-mixer-electric .hl-cme-vs-card h4 {
  font-size: 0.95rem;
  margin: 0 0 5px 0;
  color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card li {
  font-size: 0.79rem;
  color: var(--cme-text);
  padding: 3px 0;
  border-bottom: 1px dashed var(--cme-orange-border);
  line-height: 1.45;
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card--cream li { border-bottom-color: var(--cme-gold-border); }
.hl-prod-concrete-mixer-electric .hl-cme-vs-card li:last-child { border-bottom: 0; }
.hl-prod-concrete-mixer-electric .hl-cme-vs-cta {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--cme-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--cme-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-card--cream .hl-cme-vs-cta {
  color: var(--cme-gold-2);
  border-bottom-color: var(--cme-gold-border);
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-cta:hover {
  color: var(--cme-navy);
  border-bottom-color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-rule {
  margin: 8px 0 0 0;
  padding: 8px 12px;
  background: var(--cme-orange-bg);
  border: 1px solid var(--cme-orange-border);
  border-left: 3px solid var(--cme-orange);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--cme-text);
  line-height: 1.5;
}
.hl-prod-concrete-mixer-electric .hl-cme-vs-rule strong { color: var(--cme-navy); }

/* ============== MIXER VS READY-MIX NOTE ============== */
.hl-prod-concrete-mixer-electric .hl-cme-rm-note {
  background: var(--cme-gold-bg);
  border: 1px solid var(--cme-gold-border);
  border-left: 3px solid var(--cme-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--cme-text);
  margin: 8px 0 0 0;
}

/* ============== COMMON MISTAKES ============== */
.hl-prod-concrete-mixer-electric .hl-cme-mistakes { margin: 0 0 18px 0; }
.hl-prod-concrete-mixer-electric .hl-cme-mistakes-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}
.hl-prod-concrete-mixer-electric .hl-cme-mistake-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-left: 3px solid var(--cme-orange);
  border-radius: var(--cme-radius);
  padding: 10px 12px;
}
.hl-prod-concrete-mixer-electric .hl-cme-mistake-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-mistake-card p {
  font-size: 0.79rem;
  color: var(--cme-text-soft);
  margin: 0;
  line-height: 1.45;
}

/* ============== RELATED ============== */
.hl-prod-concrete-mixer-electric .hl-cme-related { margin: 0 0 18px 0; }
.hl-prod-concrete-mixer-electric .hl-cme-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.hl-prod-concrete-mixer-electric .hl-cme-rel-card {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-left: 3px solid var(--cme-orange);
  border-radius: var(--cme-radius);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
}
.hl-prod-concrete-mixer-electric .hl-cme-rel-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--cme-orange-bg);
  border: 1px solid var(--cme-orange-border);
  font-size: 0.92rem;
  margin-bottom: 4px;
}
.hl-prod-concrete-mixer-electric .hl-cme-rel-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--cme-navy);
}
.hl-prod-concrete-mixer-electric .hl-cme-rel-card p {
  font-size: 0.78rem;
  color: var(--cme-text-soft);
  margin: 0 0 5px 0;
  line-height: 1.42;
  flex: 1;
}
.hl-prod-concrete-mixer-electric .hl-cme-rel-card a {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--cme-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--cme-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-concrete-mixer-electric .hl-cme-rel-card a:hover {
  color: var(--cme-navy);
  border-bottom-color: var(--cme-navy);
}

/* ============== FAQ ============== */
.hl-prod-concrete-mixer-electric .hl-cme-faq { margin: 0 0 18px 0; }
.hl-prod-concrete-mixer-electric .hl-cme-faq-item {
  background: #ffffff;
  border: 1px solid #efe0c4;
  border-radius: var(--cme-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-concrete-mixer-electric .hl-cme-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--cme-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-concrete-mixer-electric .hl-cme-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-concrete-mixer-electric .hl-cme-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--cme-orange-2);
  font-weight: 700;
}
.hl-prod-concrete-mixer-electric .hl-cme-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-concrete-mixer-electric .hl-cme-faq-a { padding: 0 0 6px 0; }
.hl-prod-concrete-mixer-electric .hl-cme-faq-a p {
  margin: 0 0 6px 0;
  color: var(--cme-text);
  font-size: 0.8rem;
  line-height: 1.5;
}
.hl-prod-concrete-mixer-electric .hl-cme-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-concrete-mixer-electric .hl-cme-faq-a a {
  color: var(--cme-orange-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-concrete-mixer-electric .hl-cme-cta {
  background: linear-gradient(135deg, var(--cme-navy) 0%, var(--cme-navy-2) 100%);
  background-color: var(--cme-navy);
  color: #ffffff;
  border-radius: var(--cme-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-concrete-mixer-electric .hl-cme-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(80% 60% at 0% 0%, rgba(239,140,42,0.22) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(224,167,43,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-concrete-mixer-electric .hl-cme-cta-h {
  color: #ffffff;
  font-size: 1.05rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-concrete-mixer-electric .hl-cme-cta-sub {
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-concrete-mixer-electric .hl-cme-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-concrete-mixer-electric .hl-cme-cta-buttons .hl-cme-btn {
  padding: 8px 14px;
  font-size: 0.84rem;
}
.hl-prod-concrete-mixer-electric .hl-cme-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.76rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-concrete-mixer-electric .hl-cme-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-concrete-mixer-electric .hl-cme-vs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-concrete-mixer-electric { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-concrete-mixer-electric .hl-cme-hero { padding: 14px; }
  .hl-prod-concrete-mixer-electric .hl-cme-hero-h { font-size: 1.18rem; }
  .hl-prod-concrete-mixer-electric .hl-cme-hero-sub { font-size: 0.82rem; }
  .hl-prod-concrete-mixer-electric .hl-cme-section-h { font-size: 1.02rem; }
  .hl-prod-concrete-mixer-electric .hl-cme-cta { padding: 12px 12px; }
  .hl-prod-concrete-mixer-electric .hl-cme-cta-h { font-size: 0.98rem; }
  .hl-prod-concrete-mixer-electric .hl-cme-table { min-width: 520px; }
}

/* Print */
@media print {
  .hl-prod-concrete-mixer-electric .hl-cme-hero,
  .hl-prod-concrete-mixer-electric .hl-cme-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-concrete-mixer-electric .hl-cme-cta-h,
  .hl-prod-concrete-mixer-electric .hl-cme-cta-sub { color: #1c2533; }
}

/* === Hireload Roof Ladder Pitched Product CSS — appended === */
/* =====================================================
   Hireload — Roof Ladder Hire London (Pitched Roof)
   Scoped to .hl-prod-roof-ladder-pitched only
   Hireload navy + blue + soft blue-mist + white cards + navy headings
   No body / html / global selectors. No full-page background.
   ===================================================== */

.hl-prod-roof-ladder-pitched {
  --rlp-navy:        #1a396a;
  --rlp-navy-2:      #2c4a7a;
  --rlp-orange:      #0057b7;
  --rlp-orange-2:    #003d80;
  --rlp-orange-bg:   #eaf2fb;
  --rlp-gold:        #2c7be5;
  --rlp-gold-2:      #1a5fb4;
  --rlp-gold-bg:     #f1f7ff;
  --rlp-cream:       #f5faff;
  --rlp-cool:        #5b7a9d;
  --rlp-cool-2:      #2c4a6e;
  --rlp-cool-bg:     #eef3f8;
  --rlp-slate:       #475569;
  --rlp-text:        #1c2533;
  --rlp-text-soft:   #475569;
  --rlp-orange-border: #b6d3ed;
  --rlp-gold-border:   #c8dcee;
  --rlp-cool-border:   #b6c5d5;
  --rlp-radius:    10px;
  --rlp-radius-lg: 14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--rlp-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-roof-ladder-pitched * { box-sizing: border-box; }

.hl-prod-roof-ladder-pitched a {
  color: var(--rlp-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--rlp-orange-border);
}
.hl-prod-roof-ladder-pitched a:hover {
  color: var(--rlp-orange-2);
  text-decoration-color: var(--rlp-orange-2);
}

.hl-prod-roof-ladder-pitched h2,
.hl-prod-roof-ladder-pitched h3,
.hl-prod-roof-ladder-pitched h4 {
  font-family: inherit;
  color: var(--rlp-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-roof-ladder-pitched p { margin: 0 0 0.6em 0; }

.hl-prod-roof-ladder-pitched .hl-rlp-section-h {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 4px 0 2px 0;
  color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-section-sub {
  color: var(--rlp-text-soft);
  margin: 0 0 0.7em 0;
  font-size: 0.84rem;
}

/* Section pill labels */
.hl-prod-roof-ladder-pitched .hl-rlp-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--rlp-orange-border);
  color: var(--rlp-orange-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-hero {
  background: radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(44,123,229,0.18) 0%, transparent 60%), linear-gradient(135deg, #f1f7ff 0%, #eaf2fb 100%);
  background-color: #eaf2fb;
  border: 1px solid var(--rlp-orange-border);
  border-radius: var(--rlp-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(26,57,106,0.06);
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--rlp-orange-border);
  color: var(--rlp-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(26,57,106,0.05);
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-h {
  color: var(--rlp-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-sub {
  color: #243a55;
  font-size: 0.88rem;
  margin: 0 0 8px 0;
  line-height: 1.5;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-safety {
  background: var(--rlp-gold-bg);
  border: 1px solid var(--rlp-gold-border);
  border-left: 3px solid var(--rlp-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.78rem;
  color: var(--rlp-navy);
  margin: 0 0 10px 0;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-badge-warm {
  background: var(--rlp-orange-bg);
  border-color: var(--rlp-orange-border);
}
.hl-prod-roof-ladder-pitched .hl-rlp-badge-cool {
  background: var(--rlp-cool-bg);
  border-color: var(--rlp-cool-border);
}

/* Hero side card */
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--rlp-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(26,57,106,0.06);
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--rlp-orange-2);
  margin-bottom: 3px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-q {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--rlp-navy);
  margin: 0 0 6px 0;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--rlp-orange-border);
  font-size: 0.8rem;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-list li:last-child { border-bottom: 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-list li > span {
  color: var(--rlp-text-soft);
  font-weight: 600;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-list li > strong {
  color: var(--rlp-navy);
  font-weight: 700;
  font-size: 0.78rem;
  text-align: right;
}
.hl-prod-roof-ladder-pitched .hl-rlp-hero-side-note {
  font-size: 0.72rem;
  color: var(--rlp-text-soft);
  margin: 6px 0 0 0;
  font-style: italic;
}

/* Buttons */
.hl-prod-roof-ladder-pitched .hl-rlp-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.hl-prod-roof-ladder-pitched .hl-rlp-btn-primary {
  background: var(--rlp-orange);
  color: #ffffff;
  border-color: var(--rlp-orange);
}
.hl-prod-roof-ladder-pitched .hl-rlp-btn-primary:hover {
  background: var(--rlp-orange-2);
  border-color: var(--rlp-orange-2);
  transform: translateY(-1px);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-roof-ladder-pitched .hl-rlp-btn-outline {
  background: #ffffff;
  color: var(--rlp-navy);
  border-color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-btn-outline:hover {
  background: var(--rlp-navy);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-roof-ladder-pitched .hl-rlp-btn-outline-dark {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.55);
}
.hl-prod-roof-ladder-pitched .hl-rlp-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-quick {
  background: var(--rlp-gold-bg);
  border: 1px solid var(--rlp-gold-border);
  border-left: 3px solid var(--rlp-gold);
  border-radius: var(--rlp-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-prod-roof-ladder-pitched .hl-rlp-quick .hl-rlp-pill {
  margin-bottom: 3px;
  border-color: var(--rlp-gold-border);
  color: var(--rlp-gold-2);
}
.hl-prod-roof-ladder-pitched .hl-rlp-quick-h {
  font-size: 0.98rem;
  margin: 2px 0 4px 0;
  color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-quick p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--rlp-text);
  line-height: 1.5;
}

/* ============== QUICK PICK / WHAT YOU CAN MIX cards ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-pick,
.hl-prod-roof-ladder-pitched .hl-rlp-mix { margin: 0 0 18px 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-pick-grid,
.hl-prod-roof-ladder-pitched .hl-rlp-mix-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-pick-card,
.hl-prod-roof-ladder-pitched .hl-rlp-mix-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--rlp-orange);
  border-radius: var(--rlp-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-prod-roof-ladder-pitched .hl-rlp-pick-card:hover,
.hl-prod-roof-ladder-pitched .hl-rlp-mix-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26,57,106,0.06);
}
.hl-prod-roof-ladder-pitched .hl-rlp-pick-ico,
.hl-prod-roof-ladder-pitched .hl-rlp-mix-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--rlp-orange-bg);
  border: 1px solid var(--rlp-orange-border);
  font-size: 1rem;
  margin-bottom: 5px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-pick-card h4,
.hl-prod-roof-ladder-pitched .hl-rlp-mix-card h4 {
  font-size: 0.92rem;
  margin: 0 0 3px 0;
  color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-pick-card p,
.hl-prod-roof-ladder-pitched .hl-rlp-mix-card p {
  font-size: 0.79rem;
  color: var(--rlp-text-soft);
  margin: 0;
  line-height: 1.4;
}

/* ============== TABLES ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-spec,
.hl-prod-roof-ladder-pitched .hl-rlp-choose,
.hl-prod-roof-ladder-pitched .hl-rlp-rm { margin: 0 0 18px 0; }

.hl-prod-roof-ladder-pitched .hl-rlp-table-wrap {
  overflow-x: auto;
  border: 1px solid #cfddef;
  border-radius: var(--rlp-radius);
  background: #ffffff;
}
.hl-prod-roof-ladder-pitched .hl-rlp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 580px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-table thead th {
  background: var(--rlp-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-roof-ladder-pitched .hl-rlp-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--rlp-navy);
  text-align: left;
  background: var(--rlp-orange-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-roof-ladder-pitched .hl-rlp-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--rlp-text);
  font-size: 0.82rem;
}
.hl-prod-roof-ladder-pitched .hl-rlp-table tbody tr:hover td,
.hl-prod-roof-ladder-pitched .hl-rlp-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}

/* ============== BEST FOR / NOT IDEAL / SAFETY ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-best,
.hl-prod-roof-ladder-pitched .hl-rlp-not,
.hl-prod-roof-ladder-pitched .hl-rlp-safety { margin: 0 0 18px 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-best-grid,
.hl-prod-roof-ladder-pitched .hl-rlp-not-grid,
.hl-prod-roof-ladder-pitched .hl-rlp-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-best-grid li {
  background: var(--rlp-orange-bg);
  border: 1px solid var(--rlp-orange-border);
  border-left: 3px solid var(--rlp-orange);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--rlp-text);
  line-height: 1.45;
}
.hl-prod-roof-ladder-pitched .hl-rlp-best-grid li strong { color: var(--rlp-navy); }
.hl-prod-roof-ladder-pitched .hl-rlp-not-grid li {
  background: #ffffff;
  border: 1px solid #cdd9e8;
  border-left: 3px solid var(--rlp-slate);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--rlp-text);
  line-height: 1.45;
}
.hl-prod-roof-ladder-pitched .hl-rlp-not-grid li strong { color: var(--rlp-navy); }
.hl-prod-roof-ladder-pitched .hl-rlp-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--rlp-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--rlp-text);
  line-height: 1.45;
}

/* ============== VS COMPARISON CARDS ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-vs { margin: 0 0 18px 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--rlp-radius);
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card.hl-rlp-vs-card--gold {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-color: var(--rlp-orange-border);
  border-left: 3px solid var(--rlp-orange);
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card.hl-rlp-vs-card--cream {
  background: linear-gradient(180deg, #f5faff 0%, #ffffff 100%);
  border-color: var(--rlp-gold-border);
  border-left: 3px solid var(--rlp-gold);
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rlp-orange-2);
  margin-bottom: 3px;
  display: inline-block;
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card--cream .hl-rlp-vs-tag { color: var(--rlp-gold-2); }
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card h4 {
  font-size: 0.95rem;
  margin: 0 0 5px 0;
  color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card li {
  font-size: 0.79rem;
  color: var(--rlp-text);
  padding: 3px 0;
  border-bottom: 1px dashed var(--rlp-orange-border);
  line-height: 1.45;
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card--cream li { border-bottom-color: var(--rlp-gold-border); }
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card li:last-child { border-bottom: 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-vs-cta {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--rlp-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--rlp-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-card--cream .hl-rlp-vs-cta {
  color: var(--rlp-gold-2);
  border-bottom-color: var(--rlp-gold-border);
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-cta:hover {
  color: var(--rlp-navy);
  border-bottom-color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-rule {
  margin: 8px 0 0 0;
  padding: 8px 12px;
  background: var(--rlp-orange-bg);
  border: 1px solid var(--rlp-orange-border);
  border-left: 3px solid var(--rlp-orange);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--rlp-text);
  line-height: 1.5;
}
.hl-prod-roof-ladder-pitched .hl-rlp-vs-rule strong { color: var(--rlp-navy); }

/* ============== MIXER VS READY-MIX NOTE ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-rm-note {
  background: var(--rlp-gold-bg);
  border: 1px solid var(--rlp-gold-border);
  border-left: 3px solid var(--rlp-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--rlp-text);
  margin: 8px 0 0 0;
}

/* ============== COMMON MISTAKES ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-mistakes { margin: 0 0 18px 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-mistakes-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-mistake-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--rlp-orange);
  border-radius: var(--rlp-radius);
  padding: 10px 12px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-mistake-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-mistake-card p {
  font-size: 0.79rem;
  color: var(--rlp-text-soft);
  margin: 0;
  line-height: 1.45;
}

/* ============== RELATED ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-related { margin: 0 0 18px 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-rel-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--rlp-orange);
  border-radius: var(--rlp-radius);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
}
.hl-prod-roof-ladder-pitched .hl-rlp-rel-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--rlp-orange-bg);
  border: 1px solid var(--rlp-orange-border);
  font-size: 0.92rem;
  margin-bottom: 4px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-rel-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--rlp-navy);
}
.hl-prod-roof-ladder-pitched .hl-rlp-rel-card p {
  font-size: 0.78rem;
  color: var(--rlp-text-soft);
  margin: 0 0 5px 0;
  line-height: 1.42;
  flex: 1;
}
.hl-prod-roof-ladder-pitched .hl-rlp-rel-card a {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--rlp-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--rlp-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-rel-card a:hover {
  color: var(--rlp-navy);
  border-bottom-color: var(--rlp-navy);
}

/* ============== FAQ ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-faq { margin: 0 0 18px 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--rlp-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--rlp-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-roof-ladder-pitched .hl-rlp-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-roof-ladder-pitched .hl-rlp-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--rlp-orange-2);
  font-weight: 700;
}
.hl-prod-roof-ladder-pitched .hl-rlp-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-roof-ladder-pitched .hl-rlp-faq-a { padding: 0 0 6px 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-faq-a p {
  margin: 0 0 6px 0;
  color: var(--rlp-text);
  font-size: 0.8rem;
  line-height: 1.5;
}
.hl-prod-roof-ladder-pitched .hl-rlp-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-roof-ladder-pitched .hl-rlp-faq-a a {
  color: var(--rlp-orange-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-roof-ladder-pitched .hl-rlp-cta {
  background: linear-gradient(135deg, var(--rlp-navy) 0%, var(--rlp-navy-2) 100%);
  background-color: var(--rlp-navy);
  color: #ffffff;
  border-radius: var(--rlp-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-roof-ladder-pitched .hl-rlp-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(44,123,229,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-roof-ladder-pitched .hl-rlp-cta-h {
  color: #ffffff;
  font-size: 1.05rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-roof-ladder-pitched .hl-rlp-cta-sub {
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-roof-ladder-pitched .hl-rlp-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-roof-ladder-pitched .hl-rlp-cta-buttons .hl-rlp-btn {
  padding: 8px 14px;
  font-size: 0.84rem;
}
.hl-prod-roof-ladder-pitched .hl-rlp-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.76rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-roof-ladder-pitched .hl-rlp-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-roof-ladder-pitched .hl-rlp-vs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-roof-ladder-pitched { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-roof-ladder-pitched .hl-rlp-hero { padding: 14px; }
  .hl-prod-roof-ladder-pitched .hl-rlp-hero-h { font-size: 1.18rem; }
  .hl-prod-roof-ladder-pitched .hl-rlp-hero-sub { font-size: 0.82rem; }
  .hl-prod-roof-ladder-pitched .hl-rlp-section-h { font-size: 1.02rem; }
  .hl-prod-roof-ladder-pitched .hl-rlp-cta { padding: 12px 12px; }
  .hl-prod-roof-ladder-pitched .hl-rlp-cta-h { font-size: 0.98rem; }
  .hl-prod-roof-ladder-pitched .hl-rlp-table { min-width: 520px; }
}

/* Print */
@media print {
  .hl-prod-roof-ladder-pitched .hl-rlp-hero,
  .hl-prod-roof-ladder-pitched .hl-rlp-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-roof-ladder-pitched .hl-rlp-cta-h,
  .hl-prod-roof-ladder-pitched .hl-rlp-cta-sub { color: #1c2533; }
}


/* === Blog 06 - How Long Does It Take To Dry Out A Room (Post 7945) === */
.postid-7945 .blog-sidebar,
.postid-7945 .widget-area,
.postid-7945 .post-sidebar,
.postid-7945 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-7945 #content > .row {
  justify-content: center !important;
}
.postid-7945 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-7945 footer.entry-meta,
.postid-7945 .entry-meta,
.postid-7945 .entry-author,
.postid-7945 .entry-author.author-box,
.postid-7945 .author-box,
.postid-7945 .navigation-post,
.postid-7945 .nav-previous,
.postid-7945 .nav-next,
.postid-7945 .blog-share,
.postid-7945 .entry-share,
.postid-7945 #comments,
.postid-7945 .comments-area,
.postid-7945 .comment-respond,
.postid-7945 .related-posts,
.postid-7945 .post-next-prev {
  display: none !important;
}

/* === Hireload 110V Percussion Drill Product CSS — appended === */
/* =====================================================
   Hireload — 110V Percussion Drill Hire London
   Scoped to .hl-prod-percussion-drill-110v only
   Hireload navy + steel blue + warm amber accent + light grey cards + navy headings
   No body / html / global selectors. No full-page background.
   ===================================================== */

.hl-prod-percussion-drill-110v {
  --pd110-navy:        #1a396a;
  --pd110-navy-2:      #2c4a7a;
  --pd110-orange:      #0057b7;
  --pd110-orange-2:    #003d80;
  --pd110-orange-bg:   #eaf2fb;
  --pd110-gold:        #d97411;
  --pd110-gold-2:      #a85700;
  --pd110-gold-bg:     #fff5e7;
  --pd110-cream:       #fffaf0;
  --pd110-cool:        #5b7a9d;
  --pd110-cool-2:      #2c4a6e;
  --pd110-cool-bg:     #eef3f8;
  --pd110-slate:       #475569;
  --pd110-text:        #1c2533;
  --pd110-text-soft:   #475569;
  --pd110-orange-border: #b6d3ed;
  --pd110-gold-border:   #f0c98a;
  --pd110-cool-border:   #b6c5d5;
  --pd110-radius:    10px;
  --pd110-radius-lg: 14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--pd110-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-percussion-drill-110v * { box-sizing: border-box; }

.hl-prod-percussion-drill-110v a {
  color: var(--pd110-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--pd110-orange-border);
}
.hl-prod-percussion-drill-110v a:hover {
  color: var(--pd110-orange-2);
  text-decoration-color: var(--pd110-orange-2);
}

.hl-prod-percussion-drill-110v h2,
.hl-prod-percussion-drill-110v h3,
.hl-prod-percussion-drill-110v h4 {
  font-family: inherit;
  color: var(--pd110-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-percussion-drill-110v p { margin: 0 0 0.6em 0; }

.hl-prod-percussion-drill-110v .hl-pd110-section-h {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 4px 0 2px 0;
  color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-section-sub {
  color: var(--pd110-text-soft);
  margin: 0 0 0.7em 0;
  font-size: 0.84rem;
}

/* Section pill labels */
.hl-prod-percussion-drill-110v .hl-pd110-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--pd110-orange-border);
  color: var(--pd110-orange-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-percussion-drill-110v .hl-pd110-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-prod-percussion-drill-110v .hl-pd110-hero {
  background: radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.18) 0%, transparent 60%), linear-gradient(135deg, #fff5e7 0%, #eaf2fb 100%);
  background-color: #eaf2fb;
  border: 1px solid var(--pd110-orange-border);
  border-radius: var(--pd110-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(26,57,106,0.06);
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--pd110-orange-border);
  color: var(--pd110-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(26,57,106,0.05);
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-h {
  color: var(--pd110-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-sub {
  color: #243a55;
  font-size: 0.88rem;
  margin: 0 0 8px 0;
  line-height: 1.5;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-safety {
  background: var(--pd110-gold-bg);
  border: 1px solid var(--pd110-gold-border);
  border-left: 3px solid var(--pd110-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.78rem;
  color: var(--pd110-navy);
  margin: 0 0 10px 0;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-percussion-drill-110v .hl-pd110-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-badge-warm {
  background: var(--pd110-orange-bg);
  border-color: var(--pd110-orange-border);
}
.hl-prod-percussion-drill-110v .hl-pd110-badge-cool {
  background: var(--pd110-cool-bg);
  border-color: var(--pd110-cool-border);
}

/* Hero side card */
.hl-prod-percussion-drill-110v .hl-pd110-hero-side {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--pd110-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(26,57,106,0.06);
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pd110-orange-2);
  margin-bottom: 3px;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-q {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--pd110-navy);
  margin: 0 0 6px 0;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--pd110-orange-border);
  font-size: 0.8rem;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-list li:last-child { border-bottom: 0; }
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-list li > span {
  color: var(--pd110-text-soft);
  font-weight: 600;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-list li > strong {
  color: var(--pd110-navy);
  font-weight: 700;
  font-size: 0.78rem;
  text-align: right;
}
.hl-prod-percussion-drill-110v .hl-pd110-hero-side-note {
  font-size: 0.72rem;
  color: var(--pd110-text-soft);
  margin: 6px 0 0 0;
  font-style: italic;
}

/* Buttons */
.hl-prod-percussion-drill-110v .hl-pd110-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.hl-prod-percussion-drill-110v .hl-pd110-btn-primary {
  background: var(--pd110-orange);
  color: #ffffff;
  border-color: var(--pd110-orange);
}
.hl-prod-percussion-drill-110v .hl-pd110-btn-primary:hover {
  background: var(--pd110-orange-2);
  border-color: var(--pd110-orange-2);
  transform: translateY(-1px);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-percussion-drill-110v .hl-pd110-btn-outline {
  background: #ffffff;
  color: var(--pd110-navy);
  border-color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-btn-outline:hover {
  background: var(--pd110-navy);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-percussion-drill-110v .hl-pd110-btn-outline-dark {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.55);
}
.hl-prod-percussion-drill-110v .hl-pd110-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-percussion-drill-110v .hl-pd110-quick {
  background: var(--pd110-gold-bg);
  border: 1px solid var(--pd110-gold-border);
  border-left: 3px solid var(--pd110-gold);
  border-radius: var(--pd110-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-prod-percussion-drill-110v .hl-pd110-quick .hl-pd110-pill {
  margin-bottom: 3px;
  border-color: var(--pd110-gold-border);
  color: var(--pd110-gold-2);
}
.hl-prod-percussion-drill-110v .hl-pd110-quick-h {
  font-size: 0.98rem;
  margin: 2px 0 4px 0;
  color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-quick p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--pd110-text);
  line-height: 1.5;
}

/* ============== QUICK PICK / WHAT YOU CAN MIX cards ============== */
.hl-prod-percussion-drill-110v .hl-pd110-pick,
.hl-prod-percussion-drill-110v .hl-pd110-mix { margin: 0 0 18px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-pick-grid,
.hl-prod-percussion-drill-110v .hl-pd110-mix-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-prod-percussion-drill-110v .hl-pd110-pick-card,
.hl-prod-percussion-drill-110v .hl-pd110-mix-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--pd110-orange);
  border-radius: var(--pd110-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-prod-percussion-drill-110v .hl-pd110-pick-card:hover,
.hl-prod-percussion-drill-110v .hl-pd110-mix-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26,57,106,0.06);
}
.hl-prod-percussion-drill-110v .hl-pd110-pick-ico,
.hl-prod-percussion-drill-110v .hl-pd110-mix-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--pd110-orange-bg);
  border: 1px solid var(--pd110-orange-border);
  font-size: 1rem;
  margin-bottom: 5px;
}
.hl-prod-percussion-drill-110v .hl-pd110-pick-card h4,
.hl-prod-percussion-drill-110v .hl-pd110-mix-card h4 {
  font-size: 0.92rem;
  margin: 0 0 3px 0;
  color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-pick-card p,
.hl-prod-percussion-drill-110v .hl-pd110-mix-card p {
  font-size: 0.79rem;
  color: var(--pd110-text-soft);
  margin: 0;
  line-height: 1.4;
}

/* ============== TABLES ============== */
.hl-prod-percussion-drill-110v .hl-pd110-spec,
.hl-prod-percussion-drill-110v .hl-pd110-choose,
.hl-prod-percussion-drill-110v .hl-pd110-rm { margin: 0 0 18px 0; }

.hl-prod-percussion-drill-110v .hl-pd110-table-wrap {
  overflow-x: auto;
  border: 1px solid #cfddef;
  border-radius: var(--pd110-radius);
  background: #ffffff;
}
.hl-prod-percussion-drill-110v .hl-pd110-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 580px;
}
.hl-prod-percussion-drill-110v .hl-pd110-table thead th {
  background: var(--pd110-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-percussion-drill-110v .hl-pd110-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--pd110-navy);
  text-align: left;
  background: var(--pd110-orange-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-percussion-drill-110v .hl-pd110-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--pd110-text);
  font-size: 0.82rem;
}
.hl-prod-percussion-drill-110v .hl-pd110-table tbody tr:hover td,
.hl-prod-percussion-drill-110v .hl-pd110-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}

/* ============== BEST FOR / NOT IDEAL / SAFETY ============== */
.hl-prod-percussion-drill-110v .hl-pd110-best,
.hl-prod-percussion-drill-110v .hl-pd110-not,
.hl-prod-percussion-drill-110v .hl-pd110-safety { margin: 0 0 18px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-best-grid,
.hl-prod-percussion-drill-110v .hl-pd110-not-grid,
.hl-prod-percussion-drill-110v .hl-pd110-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-percussion-drill-110v .hl-pd110-best-grid li {
  background: var(--pd110-orange-bg);
  border: 1px solid var(--pd110-orange-border);
  border-left: 3px solid var(--pd110-orange);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--pd110-text);
  line-height: 1.45;
}
.hl-prod-percussion-drill-110v .hl-pd110-best-grid li strong { color: var(--pd110-navy); }
.hl-prod-percussion-drill-110v .hl-pd110-not-grid li {
  background: #ffffff;
  border: 1px solid #cdd9e8;
  border-left: 3px solid var(--pd110-slate);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--pd110-text);
  line-height: 1.45;
}
.hl-prod-percussion-drill-110v .hl-pd110-not-grid li strong { color: var(--pd110-navy); }
.hl-prod-percussion-drill-110v .hl-pd110-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--pd110-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--pd110-text);
  line-height: 1.45;
}

/* ============== VS COMPARISON CARDS ============== */
.hl-prod-percussion-drill-110v .hl-pd110-vs { margin: 0 0 18px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--pd110-radius);
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card.hl-pd110-vs-card--gold {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-color: var(--pd110-orange-border);
  border-left: 3px solid var(--pd110-orange);
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card.hl-pd110-vs-card--cream {
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
  border-color: var(--pd110-gold-border);
  border-left: 3px solid var(--pd110-gold);
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pd110-orange-2);
  margin-bottom: 3px;
  display: inline-block;
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card--cream .hl-pd110-vs-tag { color: var(--pd110-gold-2); }
.hl-prod-percussion-drill-110v .hl-pd110-vs-card h4 {
  font-size: 0.95rem;
  margin: 0 0 5px 0;
  color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card li {
  font-size: 0.79rem;
  color: var(--pd110-text);
  padding: 3px 0;
  border-bottom: 1px dashed var(--pd110-orange-border);
  line-height: 1.45;
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card--cream li { border-bottom-color: var(--pd110-gold-border); }
.hl-prod-percussion-drill-110v .hl-pd110-vs-card li:last-child { border-bottom: 0; }
.hl-prod-percussion-drill-110v .hl-pd110-vs-cta {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--pd110-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--pd110-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-card--cream .hl-pd110-vs-cta {
  color: var(--pd110-gold-2);
  border-bottom-color: var(--pd110-gold-border);
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-cta:hover {
  color: var(--pd110-navy);
  border-bottom-color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-rule {
  margin: 8px 0 0 0;
  padding: 8px 12px;
  background: var(--pd110-orange-bg);
  border: 1px solid var(--pd110-orange-border);
  border-left: 3px solid var(--pd110-orange);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--pd110-text);
  line-height: 1.5;
}
.hl-prod-percussion-drill-110v .hl-pd110-vs-rule strong { color: var(--pd110-navy); }

/* ============== MIXER VS READY-MIX NOTE ============== */
.hl-prod-percussion-drill-110v .hl-pd110-rm-note {
  background: var(--pd110-gold-bg);
  border: 1px solid var(--pd110-gold-border);
  border-left: 3px solid var(--pd110-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--pd110-text);
  margin: 8px 0 0 0;
}

/* ============== COMMON MISTAKES ============== */
.hl-prod-percussion-drill-110v .hl-pd110-mistakes { margin: 0 0 18px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-mistakes-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}
.hl-prod-percussion-drill-110v .hl-pd110-mistake-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--pd110-orange);
  border-radius: var(--pd110-radius);
  padding: 10px 12px;
}
.hl-prod-percussion-drill-110v .hl-pd110-mistake-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-mistake-card p {
  font-size: 0.79rem;
  color: var(--pd110-text-soft);
  margin: 0;
  line-height: 1.45;
}

/* ============== RELATED ============== */
.hl-prod-percussion-drill-110v .hl-pd110-related { margin: 0 0 18px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.hl-prod-percussion-drill-110v .hl-pd110-rel-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--pd110-orange);
  border-radius: var(--pd110-radius);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
}
.hl-prod-percussion-drill-110v .hl-pd110-rel-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--pd110-orange-bg);
  border: 1px solid var(--pd110-orange-border);
  font-size: 0.92rem;
  margin-bottom: 4px;
}
.hl-prod-percussion-drill-110v .hl-pd110-rel-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--pd110-navy);
}
.hl-prod-percussion-drill-110v .hl-pd110-rel-card p {
  font-size: 0.78rem;
  color: var(--pd110-text-soft);
  margin: 0 0 5px 0;
  line-height: 1.42;
  flex: 1;
}
.hl-prod-percussion-drill-110v .hl-pd110-rel-card a {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--pd110-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--pd110-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-percussion-drill-110v .hl-pd110-rel-card a:hover {
  color: var(--pd110-navy);
  border-bottom-color: var(--pd110-navy);
}

/* ============== FAQ ============== */
.hl-prod-percussion-drill-110v .hl-pd110-faq { margin: 0 0 18px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--pd110-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-percussion-drill-110v .hl-pd110-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--pd110-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-percussion-drill-110v .hl-pd110-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-percussion-drill-110v .hl-pd110-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--pd110-orange-2);
  font-weight: 700;
}
.hl-prod-percussion-drill-110v .hl-pd110-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-percussion-drill-110v .hl-pd110-faq-a { padding: 0 0 6px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-faq-a p {
  margin: 0 0 6px 0;
  color: var(--pd110-text);
  font-size: 0.8rem;
  line-height: 1.5;
}
.hl-prod-percussion-drill-110v .hl-pd110-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-percussion-drill-110v .hl-pd110-faq-a a {
  color: var(--pd110-orange-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-percussion-drill-110v .hl-pd110-cta {
  background: linear-gradient(135deg, var(--pd110-navy) 0%, var(--pd110-navy-2) 100%);
  background-color: var(--pd110-navy);
  color: #ffffff;
  border-radius: var(--pd110-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-percussion-drill-110v .hl-pd110-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-percussion-drill-110v .hl-pd110-cta-h {
  color: #ffffff;
  font-size: 1.05rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-percussion-drill-110v .hl-pd110-cta-sub {
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-percussion-drill-110v .hl-pd110-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-percussion-drill-110v .hl-pd110-cta-buttons .hl-pd110-btn {
  padding: 8px 14px;
  font-size: 0.84rem;
}
.hl-prod-percussion-drill-110v .hl-pd110-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.76rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-percussion-drill-110v .hl-pd110-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-percussion-drill-110v .hl-pd110-vs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-percussion-drill-110v { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-percussion-drill-110v .hl-pd110-hero { padding: 14px; }
  .hl-prod-percussion-drill-110v .hl-pd110-hero-h { font-size: 1.18rem; }
  .hl-prod-percussion-drill-110v .hl-pd110-hero-sub { font-size: 0.82rem; }
  .hl-prod-percussion-drill-110v .hl-pd110-section-h { font-size: 1.02rem; }
  .hl-prod-percussion-drill-110v .hl-pd110-cta { padding: 12px 12px; }
  .hl-prod-percussion-drill-110v .hl-pd110-cta-h { font-size: 0.98rem; }
  .hl-prod-percussion-drill-110v .hl-pd110-table { min-width: 520px; }
}

/* Print */
@media print {
  .hl-prod-percussion-drill-110v .hl-pd110-hero,
  .hl-prod-percussion-drill-110v .hl-pd110-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-percussion-drill-110v .hl-pd110-cta-h,
  .hl-prod-percussion-drill-110v .hl-pd110-cta-sub { color: #1c2533; }
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-percussion-drill-110v .hl-pd110-search { margin: 0 0 18px 0; }
.hl-prod-percussion-drill-110v .hl-pd110-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-percussion-drill-110v .hl-pd110-search-card {
  background: var(--pd110-gold-bg);
  border: 1px solid var(--pd110-gold-border);
  border-left: 3px solid var(--pd110-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--pd110-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-percussion-drill-110v .hl-pd110-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}



/* === Hireload Cordless SDS Drill Product CSS — appended === */
/* =====================================================
   Hireload — Cordless SDS Drill Hire London
   Scoped to .hl-prod-cordless-sds-drill-24v only
   Hireload navy + steel blue + warm amber accent + light grey cards + navy headings
   No body / html / global selectors. No full-page background.
   ===================================================== */

.hl-prod-cordless-sds-drill-24v {
  --csds24-navy:        #1a396a;
  --csds24-navy-2:      #2c4a7a;
  --csds24-orange:      #0057b7;
  --csds24-orange-2:    #003d80;
  --csds24-orange-bg:   #eaf2fb;
  --csds24-gold:        #d97411;
  --csds24-gold-2:      #a85700;
  --csds24-gold-bg:     #fff5e7;
  --csds24-cream:       #fffaf0;
  --csds24-cool:        #5b7a9d;
  --csds24-cool-2:      #2c4a6e;
  --csds24-cool-bg:     #eef3f8;
  --csds24-slate:       #475569;
  --csds24-text:        #1c2533;
  --csds24-text-soft:   #475569;
  --csds24-orange-border: #b6d3ed;
  --csds24-gold-border:   #f0c98a;
  --csds24-cool-border:   #b6c5d5;
  --csds24-radius:    10px;
  --csds24-radius-lg: 14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--csds24-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-cordless-sds-drill-24v * { box-sizing: border-box; }

.hl-prod-cordless-sds-drill-24v a {
  color: var(--csds24-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--csds24-orange-border);
}
.hl-prod-cordless-sds-drill-24v a:hover {
  color: var(--csds24-orange-2);
  text-decoration-color: var(--csds24-orange-2);
}

.hl-prod-cordless-sds-drill-24v h2,
.hl-prod-cordless-sds-drill-24v h3,
.hl-prod-cordless-sds-drill-24v h4 {
  font-family: inherit;
  color: var(--csds24-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-cordless-sds-drill-24v p { margin: 0 0 0.6em 0; }

.hl-prod-cordless-sds-drill-24v .hl-csds24-section-h {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 4px 0 2px 0;
  color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-section-sub {
  color: var(--csds24-text-soft);
  margin: 0 0 0.7em 0;
  font-size: 0.84rem;
}

/* Section pill labels */
.hl-prod-cordless-sds-drill-24v .hl-csds24-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--csds24-orange-border);
  color: var(--csds24-orange-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero {
  background: radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.18) 0%, transparent 60%), linear-gradient(135deg, #fff5e7 0%, #eaf2fb 100%);
  background-color: #eaf2fb;
  border: 1px solid var(--csds24-orange-border);
  border-radius: var(--csds24-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(26,57,106,0.06);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--csds24-orange-border);
  color: var(--csds24-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(26,57,106,0.05);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-h {
  color: var(--csds24-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-sub {
  color: #243a55;
  font-size: 0.88rem;
  margin: 0 0 8px 0;
  line-height: 1.5;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-safety {
  background: var(--csds24-gold-bg);
  border: 1px solid var(--csds24-gold-border);
  border-left: 3px solid var(--csds24-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.78rem;
  color: var(--csds24-navy);
  margin: 0 0 10px 0;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-badge-warm {
  background: var(--csds24-orange-bg);
  border-color: var(--csds24-orange-border);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-badge-cool {
  background: var(--csds24-cool-bg);
  border-color: var(--csds24-cool-border);
}

/* Hero side card */
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--csds24-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(26,57,106,0.06);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--csds24-orange-2);
  margin-bottom: 3px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-q {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--csds24-navy);
  margin: 0 0 6px 0;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--csds24-orange-border);
  font-size: 0.8rem;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-list li:last-child { border-bottom: 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-list li > span {
  color: var(--csds24-text-soft);
  font-weight: 600;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-list li > strong {
  color: var(--csds24-navy);
  font-weight: 700;
  font-size: 0.78rem;
  text-align: right;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-hero-side-note {
  font-size: 0.72rem;
  color: var(--csds24-text-soft);
  margin: 6px 0 0 0;
  font-style: italic;
}

/* Buttons */
.hl-prod-cordless-sds-drill-24v .hl-csds24-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-btn-primary {
  background: var(--csds24-orange);
  color: #ffffff;
  border-color: var(--csds24-orange);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-btn-primary:hover {
  background: var(--csds24-orange-2);
  border-color: var(--csds24-orange-2);
  transform: translateY(-1px);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-btn-outline {
  background: #ffffff;
  color: var(--csds24-navy);
  border-color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-btn-outline:hover {
  background: var(--csds24-navy);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-btn-outline-dark {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.55);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-quick {
  background: var(--csds24-gold-bg);
  border: 1px solid var(--csds24-gold-border);
  border-left: 3px solid var(--csds24-gold);
  border-radius: var(--csds24-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-quick .hl-csds24-pill {
  margin-bottom: 3px;
  border-color: var(--csds24-gold-border);
  color: var(--csds24-gold-2);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-quick-h {
  font-size: 0.98rem;
  margin: 2px 0 4px 0;
  color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-quick p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--csds24-text);
  line-height: 1.5;
}

/* ============== QUICK PICK / WHAT YOU CAN MIX cards ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-pick,
.hl-prod-cordless-sds-drill-24v .hl-csds24-mix { margin: 0 0 18px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-pick-grid,
.hl-prod-cordless-sds-drill-24v .hl-csds24-mix-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-pick-card,
.hl-prod-cordless-sds-drill-24v .hl-csds24-mix-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--csds24-orange);
  border-radius: var(--csds24-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-pick-card:hover,
.hl-prod-cordless-sds-drill-24v .hl-csds24-mix-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26,57,106,0.06);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-pick-ico,
.hl-prod-cordless-sds-drill-24v .hl-csds24-mix-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--csds24-orange-bg);
  border: 1px solid var(--csds24-orange-border);
  font-size: 1rem;
  margin-bottom: 5px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-pick-card h4,
.hl-prod-cordless-sds-drill-24v .hl-csds24-mix-card h4 {
  font-size: 0.92rem;
  margin: 0 0 3px 0;
  color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-pick-card p,
.hl-prod-cordless-sds-drill-24v .hl-csds24-mix-card p {
  font-size: 0.79rem;
  color: var(--csds24-text-soft);
  margin: 0;
  line-height: 1.4;
}

/* ============== TABLES ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-spec,
.hl-prod-cordless-sds-drill-24v .hl-csds24-choose,
.hl-prod-cordless-sds-drill-24v .hl-csds24-rm { margin: 0 0 18px 0; }

.hl-prod-cordless-sds-drill-24v .hl-csds24-table-wrap {
  overflow-x: auto;
  border: 1px solid #cfddef;
  border-radius: var(--csds24-radius);
  background: #ffffff;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 580px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-table thead th {
  background: var(--csds24-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--csds24-navy);
  text-align: left;
  background: var(--csds24-orange-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--csds24-text);
  font-size: 0.82rem;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-table tbody tr:hover td,
.hl-prod-cordless-sds-drill-24v .hl-csds24-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}

/* ============== BEST FOR / NOT IDEAL / SAFETY ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-best,
.hl-prod-cordless-sds-drill-24v .hl-csds24-not,
.hl-prod-cordless-sds-drill-24v .hl-csds24-safety { margin: 0 0 18px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-best-grid,
.hl-prod-cordless-sds-drill-24v .hl-csds24-not-grid,
.hl-prod-cordless-sds-drill-24v .hl-csds24-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-best-grid li {
  background: var(--csds24-orange-bg);
  border: 1px solid var(--csds24-orange-border);
  border-left: 3px solid var(--csds24-orange);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--csds24-text);
  line-height: 1.45;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-best-grid li strong { color: var(--csds24-navy); }
.hl-prod-cordless-sds-drill-24v .hl-csds24-not-grid li {
  background: #ffffff;
  border: 1px solid #cdd9e8;
  border-left: 3px solid var(--csds24-slate);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--csds24-text);
  line-height: 1.45;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-not-grid li strong { color: var(--csds24-navy); }
.hl-prod-cordless-sds-drill-24v .hl-csds24-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--csds24-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--csds24-text);
  line-height: 1.45;
}

/* ============== VS COMPARISON CARDS ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs { margin: 0 0 18px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--csds24-radius);
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card.hl-csds24-vs-card--gold {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-color: var(--csds24-orange-border);
  border-left: 3px solid var(--csds24-orange);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card.hl-csds24-vs-card--cream {
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
  border-color: var(--csds24-gold-border);
  border-left: 3px solid var(--csds24-gold);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--csds24-orange-2);
  margin-bottom: 3px;
  display: inline-block;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card--cream .hl-csds24-vs-tag { color: var(--csds24-gold-2); }
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card h4 {
  font-size: 0.95rem;
  margin: 0 0 5px 0;
  color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card li {
  font-size: 0.79rem;
  color: var(--csds24-text);
  padding: 3px 0;
  border-bottom: 1px dashed var(--csds24-orange-border);
  line-height: 1.45;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card--cream li { border-bottom-color: var(--csds24-gold-border); }
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card li:last-child { border-bottom: 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-cta {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--csds24-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--csds24-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-card--cream .hl-csds24-vs-cta {
  color: var(--csds24-gold-2);
  border-bottom-color: var(--csds24-gold-border);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-cta:hover {
  color: var(--csds24-navy);
  border-bottom-color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-rule {
  margin: 8px 0 0 0;
  padding: 8px 12px;
  background: var(--csds24-orange-bg);
  border: 1px solid var(--csds24-orange-border);
  border-left: 3px solid var(--csds24-orange);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--csds24-text);
  line-height: 1.5;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-vs-rule strong { color: var(--csds24-navy); }

/* ============== MIXER VS READY-MIX NOTE ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-rm-note {
  background: var(--csds24-gold-bg);
  border: 1px solid var(--csds24-gold-border);
  border-left: 3px solid var(--csds24-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--csds24-text);
  margin: 8px 0 0 0;
}

/* ============== COMMON MISTAKES ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-mistakes { margin: 0 0 18px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-mistakes-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-mistake-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--csds24-orange);
  border-radius: var(--csds24-radius);
  padding: 10px 12px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-mistake-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-mistake-card p {
  font-size: 0.79rem;
  color: var(--csds24-text-soft);
  margin: 0;
  line-height: 1.45;
}

/* ============== RELATED ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-related { margin: 0 0 18px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-rel-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--csds24-orange);
  border-radius: var(--csds24-radius);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-rel-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--csds24-orange-bg);
  border: 1px solid var(--csds24-orange-border);
  font-size: 0.92rem;
  margin-bottom: 4px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-rel-card h4 {
  font-size: 0.88rem;
  margin: 0 0 3px 0;
  color: var(--csds24-navy);
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-rel-card p {
  font-size: 0.78rem;
  color: var(--csds24-text-soft);
  margin: 0 0 5px 0;
  line-height: 1.42;
  flex: 1;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-rel-card a {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--csds24-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--csds24-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-rel-card a:hover {
  color: var(--csds24-navy);
  border-bottom-color: var(--csds24-navy);
}

/* ============== FAQ ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq { margin: 0 0 18px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--csds24-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--csds24-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--csds24-orange-2);
  font-weight: 700;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-a { padding: 0 0 6px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-a p {
  margin: 0 0 6px 0;
  color: var(--csds24-text);
  font-size: 0.8rem;
  line-height: 1.5;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-faq-a a {
  color: var(--csds24-orange-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-cta {
  background: linear-gradient(135deg, var(--csds24-navy) 0%, var(--csds24-navy-2) 100%);
  background-color: var(--csds24-navy);
  color: #ffffff;
  border-radius: var(--csds24-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-cta-h {
  color: #ffffff;
  font-size: 1.05rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-cta-sub {
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-cta-buttons .hl-csds24-btn {
  padding: 8px 14px;
  font-size: 0.84rem;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.76rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-cordless-sds-drill-24v .hl-csds24-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-vs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-cordless-sds-drill-24v { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-hero { padding: 14px; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-hero-h { font-size: 1.18rem; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-hero-sub { font-size: 0.82rem; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-section-h { font-size: 1.02rem; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-cta { padding: 12px 12px; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-cta-h { font-size: 0.98rem; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-table { min-width: 520px; }
}

/* Print */
@media print {
  .hl-prod-cordless-sds-drill-24v .hl-csds24-hero,
  .hl-prod-cordless-sds-drill-24v .hl-csds24-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-cordless-sds-drill-24v .hl-csds24-cta-h,
  .hl-prod-cordless-sds-drill-24v .hl-csds24-cta-sub { color: #1c2533; }
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-cordless-sds-drill-24v .hl-csds24-search { margin: 0 0 18px 0; }
.hl-prod-cordless-sds-drill-24v .hl-csds24-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-search-card {
  background: var(--csds24-gold-bg);
  border: 1px solid var(--csds24-gold-border);
  border-left: 3px solid var(--csds24-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--csds24-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-cordless-sds-drill-24v .hl-csds24-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}



/* === Hireload Dry Diamond Drill Product CSS — appended === */
/* =====================================================
   Hireload — Dry Diamond Drill Hire London
   Scoped to .hl-prod-dry-diamond-drill-240v only
   Hireload navy + steel blue + warm amber accent + light grey cards + navy headings
   No body / html / global selectors. No full-page background.
   ===================================================== */

.hl-prod-dry-diamond-drill-240v {
  --ddd240-navy:        #1a396a;
  --ddd240-navy-2:      #2c4a7a;
  --ddd240-orange:      #0057b7;
  --ddd240-orange-2:    #003d80;
  --ddd240-orange-bg:   #eaf2fb;
  --ddd240-gold:        #d97411;
  --ddd240-gold-2:      #a85700;
  --ddd240-gold-bg:     #fff5e7;
  --ddd240-cream:       #fffaf0;
  --ddd240-cool:        #5b7a9d;
  --ddd240-cool-2:      #2c4a6e;
  --ddd240-cool-bg:     #eef3f8;
  --ddd240-slate:       #475569;
  --ddd240-text:        #1c2533;
  --ddd240-text-soft:   #475569;
  --ddd240-orange-border: #b6d3ed;
  --ddd240-gold-border:   #f0c98a;
  --ddd240-cool-border:   #b6c5d5;
  --ddd240-radius:    10px;
  --ddd240-radius-lg: 14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--ddd240-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-prod-dry-diamond-drill-240v * { box-sizing: border-box; }

.hl-prod-dry-diamond-drill-240v a {
  color: var(--ddd240-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--ddd240-orange-border);
}
.hl-prod-dry-diamond-drill-240v a:hover {
  color: var(--ddd240-orange-2);
  text-decoration-color: var(--ddd240-orange-2);
}

.hl-prod-dry-diamond-drill-240v h2,
.hl-prod-dry-diamond-drill-240v h3,
.hl-prod-dry-diamond-drill-240v h4 {
  font-family: inherit;
  color: var(--ddd240-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-prod-dry-diamond-drill-240v p { margin: 0 0 0.6em 0; }

.hl-prod-dry-diamond-drill-240v .hl-ddd240-section-h {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 4px 0 2px 0;
  color: var(--ddd240-navy);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-section-sub {
  color: var(--ddd240-text-soft);
  margin: 0 0 0.7em 0;
  font-size: 0.84rem;
}

/* Section pill labels */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid var(--ddd240-orange-border);
  color: var(--ddd240-orange-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero {
  background: radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%), radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.18) 0%, transparent 60%), linear-gradient(135deg, #fff5e7 0%, #eaf2fb 100%);
  background-color: #eaf2fb;
  border: 1px solid var(--ddd240-orange-border);
  border-radius: var(--ddd240-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(26,57,106,0.06);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: #ffffff;
  border: 1px solid var(--ddd240-orange-border);
  color: var(--ddd240-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(26,57,106,0.05);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-h {
  color: var(--ddd240-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-sub {
  color: #243a55;
  font-size: 0.88rem;
  margin: 0 0 8px 0;
  line-height: 1.5;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-safety {
  background: var(--ddd240-gold-bg);
  border: 1px solid var(--ddd240-gold-border);
  border-left: 3px solid var(--ddd240-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.78rem;
  color: var(--ddd240-navy);
  margin: 0 0 10px 0;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ddd240-navy);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-badge-warm {
  background: var(--ddd240-orange-bg);
  border-color: var(--ddd240-orange-border);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-badge-cool {
  background: var(--ddd240-cool-bg);
  border-color: var(--ddd240-cool-border);
}

/* Hero side card */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--ddd240-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(26,57,106,0.06);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-tag {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ddd240-orange-2);
  margin-bottom: 3px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-q {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ddd240-navy);
  margin: 0 0 6px 0;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--ddd240-orange-border);
  font-size: 0.8rem;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-list li:last-child { border-bottom: 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-list li > span {
  color: var(--ddd240-text-soft);
  font-weight: 600;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-list li > strong {
  color: var(--ddd240-navy);
  font-weight: 700;
  font-size: 0.78rem;
  text-align: right;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-side-note {
  font-size: 0.72rem;
  color: var(--ddd240-text-soft);
  margin: 6px 0 0 0;
  font-style: italic;
}

/* Buttons */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-btn-primary {
  background: var(--ddd240-orange);
  color: #ffffff;
  border-color: var(--ddd240-orange);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-btn-primary:hover {
  background: var(--ddd240-orange-2);
  border-color: var(--ddd240-orange-2);
  transform: translateY(-1px);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-btn-outline {
  background: #ffffff;
  color: var(--ddd240-navy);
  border-color: var(--ddd240-navy);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-btn-outline:hover {
  background: var(--ddd240-navy);
  color: #ffffff;
  text-decoration: none;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-btn-outline-dark {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.55);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-btn-outline-dark:hover {
  background: rgba(255,255,255,0.1);
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-quick {
  background: var(--ddd240-gold-bg);
  border: 1px solid var(--ddd240-gold-border);
  border-left: 3px solid var(--ddd240-gold);
  border-radius: var(--ddd240-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-quick .hl-ddd240-pill {
  margin-bottom: 3px;
  border-color: var(--ddd240-gold-border);
  color: var(--ddd240-gold-2);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-quick-h {
  font-size: 0.98rem;
  margin: 2px 0 4px 0;
  color: var(--ddd240-navy);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-quick p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--ddd240-text);
  line-height: 1.5;
}

/* ============== CARD GRIDS (generic) ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pick,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-mix { margin: 0 0 18px 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pick-grid,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-mix-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pick-card,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-mix-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-left: 3px solid var(--ddd240-orange);
  border-radius: var(--ddd240-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pick-card:hover,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-mix-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26,57,106,0.06);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pick-ico,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-mix-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--ddd240-orange-bg);
  border: 1px solid var(--ddd240-orange-border);
  font-size: 1rem;
  margin-bottom: 5px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pick-card h4,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-mix-card h4 {
  font-size: 0.92rem;
  margin: 0 0 3px 0;
  color: var(--ddd240-navy);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-pick-card p,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-mix-card p {
  font-size: 0.79rem;
  color: var(--ddd240-text-soft);
  margin: 0;
  line-height: 1.4;
}

/* ============== TABLES ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-spec,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-choose,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-rm { margin: 0 0 18px 0; }

.hl-prod-dry-diamond-drill-240v .hl-ddd240-table-wrap {
  overflow-x: auto;
  border: 1px solid #cfddef;
  border-radius: var(--ddd240-radius);
  background: #ffffff;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 580px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-table thead th {
  background: var(--ddd240-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--ddd240-navy);
  text-align: left;
  background: var(--ddd240-orange-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--ddd240-text);
  font-size: 0.82rem;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-table tbody tr:hover td,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}

/* ============== BEST FOR / NOT IDEAL / SAFETY ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-best,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-not,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-safety { margin: 0 0 18px 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-best-grid,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-not-grid,
.hl-prod-dry-diamond-drill-240v .hl-ddd240-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-best-grid li {
  background: var(--ddd240-orange-bg);
  border: 1px solid var(--ddd240-orange-border);
  border-left: 3px solid var(--ddd240-orange);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--ddd240-text);
  line-height: 1.45;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-best-grid li strong { color: var(--ddd240-navy); }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-not-grid li {
  background: #ffffff;
  border: 1px solid #cdd9e8;
  border-left: 3px solid var(--ddd240-slate);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--ddd240-text);
  line-height: 1.45;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-not-grid li strong { color: var(--ddd240-navy); }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--ddd240-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--ddd240-text);
  line-height: 1.45;
}

/* ============== VS COMPARISON CARDS ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs { margin: 0 0 18px 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--ddd240-radius);
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card.hl-ddd240-vs-card--gold {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-color: var(--ddd240-orange-border);
  border-left: 3px solid var(--ddd240-orange);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card.hl-ddd240-vs-card--cream {
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
  border-color: var(--ddd240-gold-border);
  border-left: 3px solid var(--ddd240-gold);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ddd240-orange-2);
  margin-bottom: 3px;
  display: inline-block;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card--cream .hl-ddd240-vs-tag { color: var(--ddd240-gold-2); }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card h4 {
  font-size: 0.95rem;
  margin: 0 0 5px 0;
  color: var(--ddd240-navy);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card li {
  font-size: 0.79rem;
  color: var(--ddd240-text);
  padding: 3px 0;
  border-bottom: 1px dashed var(--ddd240-orange-border);
  line-height: 1.45;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card--cream li { border-bottom-color: var(--ddd240-gold-border); }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card li:last-child { border-bottom: 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-cta {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ddd240-orange-2);
  text-decoration: none;
  border-bottom: 1px solid var(--ddd240-orange-border);
  align-self: flex-start;
  padding-bottom: 1px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-card--cream .hl-ddd240-vs-cta {
  color: var(--ddd240-gold-2);
  border-bottom-color: var(--ddd240-gold-border);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-cta:hover {
  color: var(--ddd240-navy);
  border-bottom-color: var(--ddd240-navy);
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-rule {
  margin: 8px 0 0 0;
  padding: 8px 12px;
  background: var(--ddd240-orange-bg);
  border: 1px solid var(--ddd240-orange-border);
  border-left: 3px solid var(--ddd240-orange);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--ddd240-text);
  line-height: 1.5;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-rule strong { color: var(--ddd240-navy); }

/* ============== COMPARISON NOTE ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-rm-note {
  background: var(--ddd240-gold-bg);
  border: 1px solid var(--ddd240-gold-border);
  border-left: 3px solid var(--ddd240-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--ddd240-text);
  margin: 8px 0 0 0;
}


/* ============== FAQ ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq { margin: 0 0 18px 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--ddd240-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--ddd240-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--ddd240-orange-2);
  font-weight: 700;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-a { padding: 0 0 6px 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-a p {
  margin: 0 0 6px 0;
  color: var(--ddd240-text);
  font-size: 0.8rem;
  line-height: 1.5;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-faq-a a {
  color: var(--ddd240-orange-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-cta {
  background: linear-gradient(135deg, var(--ddd240-navy) 0%, var(--ddd240-navy-2) 100%);
  background-color: var(--ddd240-navy);
  color: #ffffff;
  border-radius: var(--ddd240-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-h {
  color: #ffffff;
  font-size: 1.05rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-sub {
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-buttons .hl-ddd240-btn {
  padding: 8px 14px;
  font-size: 0.84rem;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.76rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-vs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-dry-diamond-drill-240v { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-hero { padding: 14px; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-h { font-size: 1.18rem; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-hero-sub { font-size: 0.82rem; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-section-h { font-size: 1.02rem; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-cta { padding: 12px 12px; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-h { font-size: 0.98rem; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-table { min-width: 520px; }
}

/* Print */
@media print {
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-hero,
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-h,
  .hl-prod-dry-diamond-drill-240v .hl-ddd240-cta-sub { color: #1c2533; }
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-dry-diamond-drill-240v .hl-ddd240-search { margin: 0 0 18px 0; }
.hl-prod-dry-diamond-drill-240v .hl-ddd240-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-search-card {
  background: var(--ddd240-gold-bg);
  border: 1px solid var(--ddd240-gold-border);
  border-left: 3px solid var(--ddd240-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--ddd240-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-dry-diamond-drill-240v .hl-ddd240-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}



/* === Hireload Makita Drywall Screwdriver Product CSS — appended === */
/* =====================================================================
   Hireload — Makita Drywall Screwdriver 110V — Product Page Styles
   Root: .hl-prod-makita-drywall-screwdriver-110v
   Prefix: hl-mds110-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-makita-drywall-screwdriver-110v {
  --mds110-navy: #1a396a;
  --mds110-navy-2: #2c4a7a;
  --mds110-steel: #4f6f96;
  --mds110-steel-bg: #e8f0fa;
  --mds110-steel-border: #c9dbf0;
  --mds110-amber: #d97411;
  --mds110-amber-2: #b85d05;
  --mds110-amber-bg: #fff4e6;
  --mds110-amber-border: #f7d6a8;
  --mds110-gold: #c79134;
  --mds110-gold-2: #a87a26;
  --mds110-gold-bg: #fff8ea;
  --mds110-gold-border: #ebd9a7;
  --mds110-slate: #6f7d92;
  --mds110-text: #1c2533;
  --mds110-radius: 10px;
  --mds110-radius-lg: 14px;
  --mds110-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --mds110-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--mds110-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-section-h {
  color: var(--mds110-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-section-sub {
  color: var(--mds110-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--mds110-steel-border);
  border-radius: var(--mds110-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.18) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mds110-amber-2);
  margin-bottom: 6px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-h {
  font-size: 1.32rem;
  color: var(--mds110-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-sub {
  font-size: 0.88rem;
  color: var(--mds110-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-power {
  font-size: 0.84rem;
  color: var(--mds110-text);
  margin: 0 0 10px 0;
  background: var(--mds110-gold-bg);
  border: 1px solid var(--mds110-gold-border);
  border-left: 3px solid var(--mds110-gold);
  padding: 6px 10px;
  border-radius: 6px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-power strong { color: var(--mds110-navy); }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--mds110-steel-border);
  color: var(--mds110-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-side {
  background: #ffffff;
  border: 1px solid var(--mds110-steel-border);
  border-radius: var(--mds110-radius);
  padding: 12px 12px;
  box-shadow: var(--mds110-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mds110-amber-2);
  border-bottom: 1px solid var(--mds110-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-list {
  margin: 0;
  padding: 0;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-row {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--mds110-steel-border);
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-row:last-child { border-bottom: 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-row dt {
  color: var(--mds110-navy);
  font-weight: 600;
  font-size: 0.76rem;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-row dd {
  margin: 0;
  font-size: 0.78rem;
  color: var(--mds110-text);
  line-height: 1.45;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--mds110-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-btn-primary:hover {
  background: var(--mds110-navy);
  border-color: var(--mds110-navy);
  color: #ffffff;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-btn-ghost {
  background: #ffffff;
  color: var(--mds110-navy);
  border-color: var(--mds110-navy);
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-btn-ghost:hover {
  background: var(--mds110-navy);
  color: #ffffff;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--mds110-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-quick {
  background: #ffffff;
  border: 1px solid var(--mds110-steel-border);
  border-left: 3px solid var(--mds110-amber);
  border-radius: var(--mds110-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--mds110-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-search { margin: 0 0 18px 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-search-card {
  background: var(--mds110-gold-bg);
  border: 1px solid var(--mds110-gold-border);
  border-left: 3px solid var(--mds110-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--mds110-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit { margin: 0 0 18px 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-card {
  background: #ffffff;
  border: 1px solid var(--mds110-steel-border);
  border-radius: var(--mds110-radius);
  padding: 11px 13px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--mds110-amber);
  border-color: var(--mds110-amber-border);
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-card--not {
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
  border-left: 3px solid var(--mds110-gold);
  border-color: var(--mds110-gold-border);
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-card--best .hl-mds110-suit-tag { color: var(--mds110-amber-2); }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-card--not .hl-mds110-suit-tag { color: var(--mds110-gold-2); }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-list li {
  font-size: 0.81rem;
  color: var(--mds110-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--mds110-steel-border);
  line-height: 1.45;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-list li:last-child { border-bottom: 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-list li strong { color: var(--mds110-navy); }

/* ============== TABLES ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-snapshot,
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-vs { margin: 0 0 18px 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--mds110-steel-border);
  border-radius: var(--mds110-radius);
  background: #ffffff;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 540px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table thead th {
  background: var(--mds110-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--mds110-navy);
  text-align: left;
  background: var(--mds110-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--mds110-text);
  font-size: 0.82rem;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table tbody tr:hover td,
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-vs-table tbody th[scope="row"] { width: 24%; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--mds110-amber-bg);
  border: 1px solid var(--mds110-amber-border);
  border-left: 3px solid var(--mds110-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--mds110-text);
  line-height: 1.5;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-vs-note strong { color: var(--mds110-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-safety { margin: 0 0 18px 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--mds110-gold);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--mds110-text);
  line-height: 1.45;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-safety-list li strong { color: var(--mds110-navy); }

/* ============== FAQ ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq { margin: 0 0 18px 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--mds110-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--mds110-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--mds110-amber-2);
  font-weight: 700;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-a { padding: 0 0 6px 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-a p {
  margin: 0 0 6px 0;
  color: var(--mds110-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-faq-a a {
  color: var(--mds110-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta {
  background: linear-gradient(135deg, var(--mds110-navy) 0%, var(--mds110-navy-2) 100%);
  background-color: var(--mds110-navy);
  color: #ffffff;
  border-radius: var(--mds110-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-related { margin: 0 0 18px 0; }
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-related-card {
  background: #ffffff;
  border: 1px solid var(--mds110-steel-border);
  border-left: 3px solid var(--mds110-amber);
  border-radius: var(--mds110-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-related-card a {
  color: var(--mds110-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-makita-drywall-screwdriver-110v .hl-mds110-related-card a:hover {
  color: var(--mds110-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-makita-drywall-screwdriver-110v { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero { padding: 14px; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-h { font-size: 1.18rem; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero-sub { font-size: 0.82rem; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-section-h { font-size: 1.04rem; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta { padding: 12px; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-h { font-size: 0.98rem; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-table { min-width: 480px; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-side-row { grid-template-columns: 80px 1fr; }
}

/* Print */
@media print {
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-hero,
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-h,
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-sub,
  .hl-prod-makita-drywall-screwdriver-110v .hl-mds110-cta-foot { color: #1c2533; }
}



/* === Hireload Heavy Duty Road Breaker Product CSS — appended === */
/* =====================================================================
   Hireload — Heavy Duty Road Breaker — Product Page Styles
   Root: .hl-prod-heavy-duty-road-breaker
   Prefix: hl-rbhd-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-heavy-duty-road-breaker {
  --rbhd-navy: #1a396a;
  --rbhd-navy-2: #2c4a7a;
  --rbhd-steel: #4f6f96;
  --rbhd-steel-bg: #e8f0fa;
  --rbhd-steel-border: #c9dbf0;
  --rbhd-amber: #d97411;
  --rbhd-amber-2: #b85d05;
  --rbhd-amber-bg: #fff4e6;
  --rbhd-amber-border: #f7d6a8;
  --rbhd-gold: #c79134;
  --rbhd-gold-2: #a87a26;
  --rbhd-gold-bg: #fff8ea;
  --rbhd-gold-border: #ebd9a7;
  --rbhd-warning: #c4421a;
  --rbhd-warning-2: #a23615;
  --rbhd-warning-bg: #fdeee6;
  --rbhd-warning-border: #f5c7b0;
  --rbhd-slate: #6f7d92;
  --rbhd-text: #1c2533;
  --rbhd-radius: 10px;
  --rbhd-radius-lg: 14px;
  --rbhd-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --rbhd-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--rbhd-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-section-h {
  color: var(--rbhd-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-section-sub {
  color: var(--rbhd-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--rbhd-steel-border);
  border-radius: var(--rbhd-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(196,66,26,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--rbhd-warning-2);
  margin-bottom: 6px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-h {
  font-size: 1.32rem;
  color: var(--rbhd-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-sub {
  font-size: 0.88rem;
  color: var(--rbhd-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-safety {
  font-size: 0.84rem;
  color: var(--rbhd-text);
  margin: 0 0 10px 0;
  background: var(--rbhd-warning-bg);
  border: 1px solid var(--rbhd-warning-border);
  border-left: 3px solid var(--rbhd-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-safety strong { color: var(--rbhd-warning-2); }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--rbhd-steel-border);
  color: var(--rbhd-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-side {
  background: #ffffff;
  border: 1px solid var(--rbhd-steel-border);
  border-radius: var(--rbhd-radius);
  padding: 12px 12px;
  box-shadow: var(--rbhd-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--rbhd-warning-2);
  border-bottom: 1px solid var(--rbhd-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-side-list {
  margin: 0;
  padding: 0;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--rbhd-steel-border);
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-side-row:last-child { border-bottom: 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-side-row dt {
  color: var(--rbhd-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--rbhd-text);
  line-height: 1.45;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--rbhd-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-btn-primary:hover {
  background: var(--rbhd-navy);
  border-color: var(--rbhd-navy);
  color: #ffffff;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-btn-ghost {
  background: #ffffff;
  color: var(--rbhd-navy);
  border-color: var(--rbhd-navy);
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-btn-ghost:hover {
  background: var(--rbhd-navy);
  color: #ffffff;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--rbhd-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-quick {
  background: #ffffff;
  border: 1px solid var(--rbhd-steel-border);
  border-left: 3px solid var(--rbhd-warning);
  border-radius: var(--rbhd-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--rbhd-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-search { margin: 0 0 18px 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-search-card {
  background: var(--rbhd-gold-bg);
  border: 1px solid var(--rbhd-gold-border);
  border-left: 3px solid var(--rbhd-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--rbhd-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit { margin: 0 0 18px 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-card {
  background: #ffffff;
  border: 1px solid var(--rbhd-steel-border);
  border-radius: var(--rbhd-radius);
  padding: 11px 13px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--rbhd-amber);
  border-color: var(--rbhd-amber-border);
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--rbhd-warning);
  border-color: var(--rbhd-warning-border);
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-card--best .hl-rbhd-suit-tag { color: var(--rbhd-amber-2); }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-card--not .hl-rbhd-suit-tag { color: var(--rbhd-warning-2); }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-list li {
  font-size: 0.81rem;
  color: var(--rbhd-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--rbhd-steel-border);
  line-height: 1.45;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-list li:last-child { border-bottom: 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-list li strong { color: var(--rbhd-navy); }

/* ============== TABLES ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-snapshot,
.hl-prod-heavy-duty-road-breaker .hl-rbhd-vs { margin: 0 0 18px 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--rbhd-steel-border);
  border-radius: var(--rbhd-radius);
  background: #ffffff;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-table thead th {
  background: var(--rbhd-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--rbhd-navy);
  text-align: left;
  background: var(--rbhd-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--rbhd-text);
  font-size: 0.82rem;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-table tbody tr:hover td,
.hl-prod-heavy-duty-road-breaker .hl-rbhd-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--rbhd-amber-bg);
  border: 1px solid var(--rbhd-amber-border);
  border-left: 3px solid var(--rbhd-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--rbhd-text);
  line-height: 1.5;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-vs-note strong { color: var(--rbhd-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-safety { margin: 0 0 18px 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--rbhd-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--rbhd-text);
  line-height: 1.45;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-safety-list li strong { color: var(--rbhd-navy); }

/* ============== FAQ ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq { margin: 0 0 18px 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--rbhd-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--rbhd-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--rbhd-warning-2);
  font-weight: 700;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-a { padding: 0 0 6px 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-a p {
  margin: 0 0 6px 0;
  color: var(--rbhd-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-faq-a a {
  color: var(--rbhd-warning-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-cta {
  background: linear-gradient(135deg, var(--rbhd-navy) 0%, var(--rbhd-navy-2) 100%);
  background-color: var(--rbhd-navy);
  color: #ffffff;
  border-radius: var(--rbhd-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(196,66,26,0.28) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-heavy-duty-road-breaker .hl-rbhd-related { margin: 0 0 18px 0; }
.hl-prod-heavy-duty-road-breaker .hl-rbhd-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-related-card {
  background: #ffffff;
  border: 1px solid var(--rbhd-steel-border);
  border-left: 3px solid var(--rbhd-amber);
  border-radius: var(--rbhd-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-related-card a {
  color: var(--rbhd-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-heavy-duty-road-breaker .hl-rbhd-related-card a:hover {
  color: var(--rbhd-warning-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-heavy-duty-road-breaker { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-hero { padding: 14px; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-h { font-size: 1.18rem; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-hero-sub { font-size: 0.82rem; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-section-h { font-size: 1.04rem; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-cta { padding: 12px; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-h { font-size: 0.98rem; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-table { min-width: 500px; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-hero,
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-h,
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-sub,
  .hl-prod-heavy-duty-road-breaker .hl-rbhd-cta-foot { color: #1c2533; }
}



/* === Hireload Light Breaker 110V Product CSS — appended === */
/* =====================================================================
   Hireload — Light Breaker 110V — Product Page Styles
   Root: .hl-prod-light-breaker-110v
   Prefix: hl-lb110-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-light-breaker-110v {
  --lb110-navy: #1a396a;
  --lb110-navy-2: #2c4a7a;
  --lb110-steel: #4f6f96;
  --lb110-steel-bg: #e8f0fa;
  --lb110-steel-border: #c9dbf0;
  --lb110-amber: #d97411;
  --lb110-amber-2: #b85d05;
  --lb110-amber-bg: #fff4e6;
  --lb110-amber-border: #f7d6a8;
  --lb110-gold: #c79134;
  --lb110-gold-2: #a87a26;
  --lb110-gold-bg: #fff8ea;
  --lb110-gold-border: #ebd9a7;
  --lb110-warning: #c4421a;
  --lb110-warning-2: #a23615;
  --lb110-warning-bg: #fdeee6;
  --lb110-warning-border: #f5c7b0;
  --lb110-slate: #6f7d92;
  --lb110-text: #1c2533;
  --lb110-radius: 10px;
  --lb110-radius-lg: 14px;
  --lb110-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --lb110-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--lb110-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-light-breaker-110v .hl-lb110-section-h {
  color: var(--lb110-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-light-breaker-110v .hl-lb110-section-sub {
  color: var(--lb110-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-light-breaker-110v .hl-lb110-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--lb110-steel-border);
  border-radius: var(--lb110-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-light-breaker-110v .hl-lb110-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(196,66,26,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-main {
  display: flex;
  flex-direction: column;
}
.hl-prod-light-breaker-110v .hl-lb110-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--lb110-warning-2);
  margin-bottom: 6px;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-h {
  font-size: 1.32rem;
  color: var(--lb110-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-sub {
  font-size: 0.88rem;
  color: var(--lb110-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-safety {
  font-size: 0.84rem;
  color: var(--lb110-text);
  margin: 0 0 10px 0;
  background: var(--lb110-warning-bg);
  border: 1px solid var(--lb110-warning-border);
  border-left: 3px solid var(--lb110-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-safety strong { color: var(--lb110-warning-2); }
.hl-prod-light-breaker-110v .hl-lb110-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px 0;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-light-breaker-110v .hl-lb110-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--lb110-steel-border);
  color: var(--lb110-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-light-breaker-110v .hl-lb110-hero-side {
  background: #ffffff;
  border: 1px solid var(--lb110-steel-border);
  border-radius: var(--lb110-radius);
  padding: 12px 12px;
  box-shadow: var(--lb110-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-light-breaker-110v .hl-lb110-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lb110-warning-2);
  border-bottom: 1px solid var(--lb110-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-light-breaker-110v .hl-lb110-side-list { margin: 0; padding: 0; }
.hl-prod-light-breaker-110v .hl-lb110-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--lb110-steel-border);
}
.hl-prod-light-breaker-110v .hl-lb110-side-row:last-child { border-bottom: 0; }
.hl-prod-light-breaker-110v .hl-lb110-side-row dt {
  color: var(--lb110-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-light-breaker-110v .hl-lb110-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--lb110-text);
  line-height: 1.45;
}
.hl-prod-light-breaker-110v .hl-lb110-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--lb110-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-light-breaker-110v .hl-lb110-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-light-breaker-110v .hl-lb110-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-light-breaker-110v .hl-lb110-btn-primary:hover {
  background: var(--lb110-navy);
  border-color: var(--lb110-navy);
  color: #ffffff;
}
.hl-prod-light-breaker-110v .hl-lb110-btn-ghost {
  background: #ffffff;
  color: var(--lb110-navy);
  border-color: var(--lb110-navy);
}
.hl-prod-light-breaker-110v .hl-lb110-btn-ghost:hover {
  background: var(--lb110-navy);
  color: #ffffff;
}
.hl-prod-light-breaker-110v .hl-lb110-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-light-breaker-110v .hl-lb110-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--lb110-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-light-breaker-110v .hl-lb110-quick {
  background: #ffffff;
  border: 1px solid var(--lb110-steel-border);
  border-left: 3px solid var(--lb110-warning);
  border-radius: var(--lb110-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-light-breaker-110v .hl-lb110-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--lb110-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-light-breaker-110v .hl-lb110-search { margin: 0 0 18px 0; }
.hl-prod-light-breaker-110v .hl-lb110-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-light-breaker-110v .hl-lb110-search-card {
  background: var(--lb110-gold-bg);
  border: 1px solid var(--lb110-gold-border);
  border-left: 3px solid var(--lb110-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--lb110-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-light-breaker-110v .hl-lb110-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-light-breaker-110v .hl-lb110-suit { margin: 0 0 18px 0; }
.hl-prod-light-breaker-110v .hl-lb110-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-light-breaker-110v .hl-lb110-suit-card {
  background: #ffffff;
  border: 1px solid var(--lb110-steel-border);
  border-radius: var(--lb110-radius);
  padding: 11px 13px;
}
.hl-prod-light-breaker-110v .hl-lb110-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--lb110-amber);
  border-color: var(--lb110-amber-border);
}
.hl-prod-light-breaker-110v .hl-lb110-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--lb110-warning);
  border-color: var(--lb110-warning-border);
}
.hl-prod-light-breaker-110v .hl-lb110-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-light-breaker-110v .hl-lb110-suit-card--best .hl-lb110-suit-tag { color: var(--lb110-amber-2); }
.hl-prod-light-breaker-110v .hl-lb110-suit-card--not .hl-lb110-suit-tag { color: var(--lb110-warning-2); }
.hl-prod-light-breaker-110v .hl-lb110-suit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hl-prod-light-breaker-110v .hl-lb110-suit-list li {
  font-size: 0.81rem;
  color: var(--lb110-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--lb110-steel-border);
  line-height: 1.45;
}
.hl-prod-light-breaker-110v .hl-lb110-suit-list li:last-child { border-bottom: 0; }
.hl-prod-light-breaker-110v .hl-lb110-suit-list li strong { color: var(--lb110-navy); }
.hl-prod-light-breaker-110v .hl-lb110-suit-list li a {
  color: var(--lb110-warning-2);
  font-weight: 600;
}

/* ============== TABLES ============== */
.hl-prod-light-breaker-110v .hl-lb110-snapshot,
.hl-prod-light-breaker-110v .hl-lb110-vs { margin: 0 0 18px 0; }
.hl-prod-light-breaker-110v .hl-lb110-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--lb110-steel-border);
  border-radius: var(--lb110-radius);
  background: #ffffff;
}
.hl-prod-light-breaker-110v .hl-lb110-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-light-breaker-110v .hl-lb110-table thead th {
  background: var(--lb110-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-light-breaker-110v .hl-lb110-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--lb110-navy);
  text-align: left;
  background: var(--lb110-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-light-breaker-110v .hl-lb110-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--lb110-text);
  font-size: 0.82rem;
}
.hl-prod-light-breaker-110v .hl-lb110-table tbody tr:hover td,
.hl-prod-light-breaker-110v .hl-lb110-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-light-breaker-110v .hl-lb110-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-light-breaker-110v .hl-lb110-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--lb110-amber-bg);
  border: 1px solid var(--lb110-amber-border);
  border-left: 3px solid var(--lb110-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--lb110-text);
  line-height: 1.5;
}
.hl-prod-light-breaker-110v .hl-lb110-vs-note strong { color: var(--lb110-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-light-breaker-110v .hl-lb110-safety { margin: 0 0 18px 0; }
.hl-prod-light-breaker-110v .hl-lb110-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-light-breaker-110v .hl-lb110-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--lb110-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--lb110-text);
  line-height: 1.45;
}
.hl-prod-light-breaker-110v .hl-lb110-safety-list li strong { color: var(--lb110-navy); }

/* ============== FAQ ============== */
.hl-prod-light-breaker-110v .hl-lb110-faq { margin: 0 0 18px 0; }
.hl-prod-light-breaker-110v .hl-lb110-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--lb110-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-light-breaker-110v .hl-lb110-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--lb110-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-light-breaker-110v .hl-lb110-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-light-breaker-110v .hl-lb110-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--lb110-warning-2);
  font-weight: 700;
}
.hl-prod-light-breaker-110v .hl-lb110-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-light-breaker-110v .hl-lb110-faq-a { padding: 0 0 6px 0; }
.hl-prod-light-breaker-110v .hl-lb110-faq-a p {
  margin: 0 0 6px 0;
  color: var(--lb110-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-light-breaker-110v .hl-lb110-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-light-breaker-110v .hl-lb110-faq-a a {
  color: var(--lb110-warning-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-light-breaker-110v .hl-lb110-cta {
  background: linear-gradient(135deg, var(--lb110-navy) 0%, var(--lb110-navy-2) 100%);
  background-color: var(--lb110-navy);
  color: #ffffff;
  border-radius: var(--lb110-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-light-breaker-110v .hl-lb110-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(196,66,26,0.26) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-light-breaker-110v .hl-lb110-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-light-breaker-110v .hl-lb110-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-light-breaker-110v .hl-lb110-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-light-breaker-110v .hl-lb110-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-light-breaker-110v .hl-lb110-related { margin: 0 0 18px 0; }
.hl-prod-light-breaker-110v .hl-lb110-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-light-breaker-110v .hl-lb110-related-card {
  background: #ffffff;
  border: 1px solid var(--lb110-steel-border);
  border-left: 3px solid var(--lb110-amber);
  border-radius: var(--lb110-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-light-breaker-110v .hl-lb110-related-card a {
  color: var(--lb110-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-light-breaker-110v .hl-lb110-related-card a:hover {
  color: var(--lb110-warning-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-light-breaker-110v .hl-lb110-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-light-breaker-110v .hl-lb110-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-light-breaker-110v { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-light-breaker-110v .hl-lb110-hero { padding: 14px; }
  .hl-prod-light-breaker-110v .hl-lb110-hero-h { font-size: 1.18rem; }
  .hl-prod-light-breaker-110v .hl-lb110-hero-sub { font-size: 0.82rem; }
  .hl-prod-light-breaker-110v .hl-lb110-section-h { font-size: 1.04rem; }
  .hl-prod-light-breaker-110v .hl-lb110-cta { padding: 12px; }
  .hl-prod-light-breaker-110v .hl-lb110-cta-h { font-size: 0.98rem; }
  .hl-prod-light-breaker-110v .hl-lb110-table { min-width: 500px; }
  .hl-prod-light-breaker-110v .hl-lb110-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-light-breaker-110v .hl-lb110-hero,
  .hl-prod-light-breaker-110v .hl-lb110-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-light-breaker-110v .hl-lb110-cta-h,
  .hl-prod-light-breaker-110v .hl-lb110-cta-sub,
  .hl-prod-light-breaker-110v .hl-lb110-cta-foot { color: #1c2533; }
}



/* === Hireload Mag Drill Product CSS — appended === */
/* =====================================================================
   Hireload — Mag Drill — Product Page Styles
   Root: .hl-prod-mag-drill
   Prefix: hl-mdh-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-mag-drill {
  --mdh-navy: #1a396a;
  --mdh-navy-2: #2c4a7a;
  --mdh-steel: #4f6f96;
  --mdh-steel-bg: #e8f0fa;
  --mdh-steel-border: #c9dbf0;
  --mdh-amber: #d97411;
  --mdh-amber-2: #b85d05;
  --mdh-amber-bg: #fff4e6;
  --mdh-amber-border: #f7d6a8;
  --mdh-gold: #c79134;
  --mdh-gold-2: #a87a26;
  --mdh-gold-bg: #fff8ea;
  --mdh-gold-border: #ebd9a7;
  --mdh-warning: #c4421a;
  --mdh-warning-2: #a23615;
  --mdh-warning-bg: #fdeee6;
  --mdh-warning-border: #f5c7b0;
  --mdh-slate: #6f7d92;
  --mdh-text: #1c2533;
  --mdh-radius: 10px;
  --mdh-radius-lg: 14px;
  --mdh-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --mdh-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--mdh-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-mag-drill .hl-mdh-section-h {
  color: var(--mdh-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-mag-drill .hl-mdh-section-sub {
  color: var(--mdh-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-mag-drill .hl-mdh-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--mdh-steel-border);
  border-radius: var(--mdh-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-mag-drill .hl-mdh-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-mag-drill .hl-mdh-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-mag-drill .hl-mdh-hero-main { display: flex; flex-direction: column; }
.hl-prod-mag-drill .hl-mdh-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mdh-amber-2);
  margin-bottom: 6px;
}
.hl-prod-mag-drill .hl-mdh-hero-h {
  font-size: 1.32rem;
  color: var(--mdh-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-mag-drill .hl-mdh-hero-sub {
  font-size: 0.88rem;
  color: var(--mdh-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-mag-drill .hl-mdh-hero-safety {
  font-size: 0.84rem;
  color: var(--mdh-text);
  margin: 0 0 10px 0;
  background: var(--mdh-warning-bg);
  border: 1px solid var(--mdh-warning-border);
  border-left: 3px solid var(--mdh-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-mag-drill .hl-mdh-hero-safety strong { color: var(--mdh-warning-2); }
.hl-prod-mag-drill .hl-mdh-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-mag-drill .hl-mdh-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-mag-drill .hl-mdh-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--mdh-steel-border);
  color: var(--mdh-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-mag-drill .hl-mdh-hero-side {
  background: #ffffff;
  border: 1px solid var(--mdh-steel-border);
  border-radius: var(--mdh-radius);
  padding: 12px 12px;
  box-shadow: var(--mdh-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-mag-drill .hl-mdh-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mdh-amber-2);
  border-bottom: 1px solid var(--mdh-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-mag-drill .hl-mdh-side-list { margin: 0; padding: 0; }
.hl-prod-mag-drill .hl-mdh-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--mdh-steel-border);
}
.hl-prod-mag-drill .hl-mdh-side-row:last-child { border-bottom: 0; }
.hl-prod-mag-drill .hl-mdh-side-row dt {
  color: var(--mdh-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-mag-drill .hl-mdh-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--mdh-text);
  line-height: 1.45;
}
.hl-prod-mag-drill .hl-mdh-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--mdh-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-mag-drill .hl-mdh-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-mag-drill .hl-mdh-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-mag-drill .hl-mdh-btn-primary:hover {
  background: var(--mdh-navy);
  border-color: var(--mdh-navy);
  color: #ffffff;
}
.hl-prod-mag-drill .hl-mdh-btn-ghost {
  background: #ffffff;
  color: var(--mdh-navy);
  border-color: var(--mdh-navy);
}
.hl-prod-mag-drill .hl-mdh-btn-ghost:hover {
  background: var(--mdh-navy);
  color: #ffffff;
}
.hl-prod-mag-drill .hl-mdh-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-mag-drill .hl-mdh-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--mdh-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-mag-drill .hl-mdh-quick {
  background: #ffffff;
  border: 1px solid var(--mdh-steel-border);
  border-left: 3px solid var(--mdh-amber);
  border-radius: var(--mdh-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-mag-drill .hl-mdh-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--mdh-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-mag-drill .hl-mdh-search { margin: 0 0 18px 0; }
.hl-prod-mag-drill .hl-mdh-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-mag-drill .hl-mdh-search-card {
  background: var(--mdh-gold-bg);
  border: 1px solid var(--mdh-gold-border);
  border-left: 3px solid var(--mdh-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--mdh-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-mag-drill .hl-mdh-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-mag-drill .hl-mdh-suit { margin: 0 0 18px 0; }
.hl-prod-mag-drill .hl-mdh-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-mag-drill .hl-mdh-suit-card {
  background: #ffffff;
  border: 1px solid var(--mdh-steel-border);
  border-radius: var(--mdh-radius);
  padding: 11px 13px;
}
.hl-prod-mag-drill .hl-mdh-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--mdh-amber);
  border-color: var(--mdh-amber-border);
}
.hl-prod-mag-drill .hl-mdh-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--mdh-warning);
  border-color: var(--mdh-warning-border);
}
.hl-prod-mag-drill .hl-mdh-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-mag-drill .hl-mdh-suit-card--best .hl-mdh-suit-tag { color: var(--mdh-amber-2); }
.hl-prod-mag-drill .hl-mdh-suit-card--not .hl-mdh-suit-tag { color: var(--mdh-warning-2); }
.hl-prod-mag-drill .hl-mdh-suit-list { list-style: none; padding: 0; margin: 0; }
.hl-prod-mag-drill .hl-mdh-suit-list li {
  font-size: 0.81rem;
  color: var(--mdh-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--mdh-steel-border);
  line-height: 1.45;
}
.hl-prod-mag-drill .hl-mdh-suit-list li:last-child { border-bottom: 0; }
.hl-prod-mag-drill .hl-mdh-suit-list li strong { color: var(--mdh-navy); }

/* ============== TABLES ============== */
.hl-prod-mag-drill .hl-mdh-snapshot,
.hl-prod-mag-drill .hl-mdh-vs { margin: 0 0 18px 0; }
.hl-prod-mag-drill .hl-mdh-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--mdh-steel-border);
  border-radius: var(--mdh-radius);
  background: #ffffff;
}
.hl-prod-mag-drill .hl-mdh-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-mag-drill .hl-mdh-table thead th {
  background: var(--mdh-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-mag-drill .hl-mdh-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--mdh-navy);
  text-align: left;
  background: var(--mdh-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-mag-drill .hl-mdh-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--mdh-text);
  font-size: 0.82rem;
}
.hl-prod-mag-drill .hl-mdh-table tbody tr:hover td,
.hl-prod-mag-drill .hl-mdh-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-mag-drill .hl-mdh-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-mag-drill .hl-mdh-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--mdh-amber-bg);
  border: 1px solid var(--mdh-amber-border);
  border-left: 3px solid var(--mdh-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--mdh-text);
  line-height: 1.5;
}
.hl-prod-mag-drill .hl-mdh-vs-note strong { color: var(--mdh-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-mag-drill .hl-mdh-safety { margin: 0 0 18px 0; }
.hl-prod-mag-drill .hl-mdh-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-mag-drill .hl-mdh-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--mdh-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--mdh-text);
  line-height: 1.45;
}
.hl-prod-mag-drill .hl-mdh-safety-list li strong { color: var(--mdh-navy); }

/* ============== FAQ ============== */
.hl-prod-mag-drill .hl-mdh-faq { margin: 0 0 18px 0; }
.hl-prod-mag-drill .hl-mdh-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--mdh-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-mag-drill .hl-mdh-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--mdh-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-mag-drill .hl-mdh-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-mag-drill .hl-mdh-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--mdh-amber-2);
  font-weight: 700;
}
.hl-prod-mag-drill .hl-mdh-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-mag-drill .hl-mdh-faq-a { padding: 0 0 6px 0; }
.hl-prod-mag-drill .hl-mdh-faq-a p {
  margin: 0 0 6px 0;
  color: var(--mdh-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-mag-drill .hl-mdh-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-mag-drill .hl-mdh-faq-a a {
  color: var(--mdh-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-mag-drill .hl-mdh-cta {
  background: linear-gradient(135deg, var(--mdh-navy) 0%, var(--mdh-navy-2) 100%);
  background-color: var(--mdh-navy);
  color: #ffffff;
  border-radius: var(--mdh-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-mag-drill .hl-mdh-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.24) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-mag-drill .hl-mdh-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-mag-drill .hl-mdh-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-mag-drill .hl-mdh-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-mag-drill .hl-mdh-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-mag-drill .hl-mdh-related { margin: 0 0 18px 0; }
.hl-prod-mag-drill .hl-mdh-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-mag-drill .hl-mdh-related-card {
  background: #ffffff;
  border: 1px solid var(--mdh-steel-border);
  border-left: 3px solid var(--mdh-amber);
  border-radius: var(--mdh-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-mag-drill .hl-mdh-related-card a {
  color: var(--mdh-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-mag-drill .hl-mdh-related-card a:hover {
  color: var(--mdh-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-mag-drill .hl-mdh-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-mag-drill .hl-mdh-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-mag-drill { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-mag-drill .hl-mdh-hero { padding: 14px; }
  .hl-prod-mag-drill .hl-mdh-hero-h { font-size: 1.18rem; }
  .hl-prod-mag-drill .hl-mdh-hero-sub { font-size: 0.82rem; }
  .hl-prod-mag-drill .hl-mdh-section-h { font-size: 1.04rem; }
  .hl-prod-mag-drill .hl-mdh-cta { padding: 12px; }
  .hl-prod-mag-drill .hl-mdh-cta-h { font-size: 0.98rem; }
  .hl-prod-mag-drill .hl-mdh-table { min-width: 500px; }
  .hl-prod-mag-drill .hl-mdh-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-mag-drill .hl-mdh-hero,
  .hl-prod-mag-drill .hl-mdh-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-mag-drill .hl-mdh-cta-h,
  .hl-prod-mag-drill .hl-mdh-cta-sub,
  .hl-prod-mag-drill .hl-mdh-cta-foot { color: #1c2533; }
}


/* === Hireload Rotabroach Magnetic Drill Product CSS — appended === */
/* =====================================================================
   Hireload — Rotabroach Magnetic Drill — Product Page Styles
   Root: .hl-prod-rotabroach-mag-drill
   Prefix: hl-rmd-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-rotabroach-mag-drill {
  --rmd-navy: #1a396a;
  --rmd-navy-2: #2c4a7a;
  --rmd-steel: #4f6f96;
  --rmd-steel-bg: #e8f0fa;
  --rmd-steel-border: #c9dbf0;
  --rmd-amber: #d97411;
  --rmd-amber-2: #b85d05;
  --rmd-amber-bg: #fff4e6;
  --rmd-amber-border: #f7d6a8;
  --rmd-gold: #c79134;
  --rmd-gold-2: #a87a26;
  --rmd-gold-bg: #fff8ea;
  --rmd-gold-border: #ebd9a7;
  --rmd-warning: #c4421a;
  --rmd-warning-2: #a23615;
  --rmd-warning-bg: #fdeee6;
  --rmd-warning-border: #f5c7b0;
  --rmd-slate: #6f7d92;
  --rmd-text: #1c2533;
  --rmd-radius: 10px;
  --rmd-radius-lg: 14px;
  --rmd-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --rmd-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--rmd-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-rotabroach-mag-drill .hl-rmd-section-h {
  color: var(--rmd-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-section-sub {
  color: var(--rmd-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--rmd-steel-border);
  border-radius: var(--rmd-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-main { display: flex; flex-direction: column; }
.hl-prod-rotabroach-mag-drill .hl-rmd-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--rmd-amber-2);
  margin-bottom: 6px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-h {
  font-size: 1.32rem;
  color: var(--rmd-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-sub {
  font-size: 0.88rem;
  color: var(--rmd-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-safety {
  font-size: 0.84rem;
  color: var(--rmd-text);
  margin: 0 0 10px 0;
  background: var(--rmd-warning-bg);
  border: 1px solid var(--rmd-warning-border);
  border-left: 3px solid var(--rmd-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-safety strong { color: var(--rmd-warning-2); }
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--rmd-steel-border);
  color: var(--rmd-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-rotabroach-mag-drill .hl-rmd-hero-side {
  background: #ffffff;
  border: 1px solid var(--rmd-steel-border);
  border-radius: var(--rmd-radius);
  padding: 12px 12px;
  box-shadow: var(--rmd-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--rmd-amber-2);
  border-bottom: 1px solid var(--rmd-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-side-list { margin: 0; padding: 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--rmd-steel-border);
}
.hl-prod-rotabroach-mag-drill .hl-rmd-side-row:last-child { border-bottom: 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-side-row dt {
  color: var(--rmd-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--rmd-text);
  line-height: 1.45;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--rmd-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-btn-primary:hover {
  background: var(--rmd-navy);
  border-color: var(--rmd-navy);
  color: #ffffff;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-btn-ghost {
  background: #ffffff;
  color: var(--rmd-navy);
  border-color: var(--rmd-navy);
}
.hl-prod-rotabroach-mag-drill .hl-rmd-btn-ghost:hover {
  background: var(--rmd-navy);
  color: #ffffff;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-rotabroach-mag-drill .hl-rmd-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--rmd-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-quick {
  background: #ffffff;
  border: 1px solid var(--rmd-steel-border);
  border-left: 3px solid var(--rmd-amber);
  border-radius: var(--rmd-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--rmd-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-search { margin: 0 0 18px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-search-card {
  background: var(--rmd-gold-bg);
  border: 1px solid var(--rmd-gold-border);
  border-left: 3px solid var(--rmd-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--rmd-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-suit { margin: 0 0 18px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-card {
  background: #ffffff;
  border: 1px solid var(--rmd-steel-border);
  border-radius: var(--rmd-radius);
  padding: 11px 13px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--rmd-amber);
  border-color: var(--rmd-amber-border);
}
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--rmd-warning);
  border-color: var(--rmd-warning-border);
}
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-card--best .hl-rmd-suit-tag { color: var(--rmd-amber-2); }
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-card--not .hl-rmd-suit-tag { color: var(--rmd-warning-2); }
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-list { list-style: none; padding: 0; margin: 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-list li {
  font-size: 0.81rem;
  color: var(--rmd-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--rmd-steel-border);
  line-height: 1.45;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-list li:last-child { border-bottom: 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-suit-list li strong { color: var(--rmd-navy); }

/* ============== TABLES ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-snapshot,
.hl-prod-rotabroach-mag-drill .hl-rmd-vs { margin: 0 0 18px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--rmd-steel-border);
  border-radius: var(--rmd-radius);
  background: #ffffff;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-table thead th {
  background: var(--rmd-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--rmd-navy);
  text-align: left;
  background: var(--rmd-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--rmd-text);
  font-size: 0.82rem;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-table tbody tr:hover td,
.hl-prod-rotabroach-mag-drill .hl-rmd-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-rotabroach-mag-drill .hl-rmd-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--rmd-amber-bg);
  border: 1px solid var(--rmd-amber-border);
  border-left: 3px solid var(--rmd-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--rmd-text);
  line-height: 1.5;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-vs-note strong { color: var(--rmd-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-safety { margin: 0 0 18px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--rmd-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--rmd-text);
  line-height: 1.45;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-safety-list li strong { color: var(--rmd-navy); }

/* ============== FAQ ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-faq { margin: 0 0 18px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--rmd-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--rmd-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--rmd-amber-2);
  font-weight: 700;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-a { padding: 0 0 6px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-a p {
  margin: 0 0 6px 0;
  color: var(--rmd-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-faq-a a {
  color: var(--rmd-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-cta {
  background: linear-gradient(135deg, var(--rmd-navy) 0%, var(--rmd-navy-2) 100%);
  background-color: var(--rmd-navy);
  color: #ffffff;
  border-radius: var(--rmd-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.24) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-rotabroach-mag-drill .hl-rmd-related { margin: 0 0 18px 0; }
.hl-prod-rotabroach-mag-drill .hl-rmd-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-related-card {
  background: #ffffff;
  border: 1px solid var(--rmd-steel-border);
  border-left: 3px solid var(--rmd-amber);
  border-radius: var(--rmd-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-related-card a {
  color: var(--rmd-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-rotabroach-mag-drill .hl-rmd-related-card a:hover {
  color: var(--rmd-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-rotabroach-mag-drill .hl-rmd-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-rotabroach-mag-drill { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-hero { padding: 14px; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-hero-h { font-size: 1.18rem; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-hero-sub { font-size: 0.82rem; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-section-h { font-size: 1.04rem; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-cta { padding: 12px; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-cta-h { font-size: 0.98rem; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-table { min-width: 500px; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-rotabroach-mag-drill .hl-rmd-hero,
  .hl-prod-rotabroach-mag-drill .hl-rmd-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-rotabroach-mag-drill .hl-rmd-cta-h,
  .hl-prod-rotabroach-mag-drill .hl-rmd-cta-sub,
  .hl-prod-rotabroach-mag-drill .hl-rmd-cta-foot { color: #1c2533; }
}


/* === Hireload Bosch GSH 11E Medium Breaker Product CSS — appended === */
/* =====================================================================
   Hireload — Bosch GSH 11E Medium Breaker — Product Page Styles
   Root: .hl-prod-bosch-gsh-11e-medium-breaker
   Prefix: hl-bgsh11-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-bosch-gsh-11e-medium-breaker {
  --bgsh11-navy: #1a396a;
  --bgsh11-navy-2: #2c4a7a;
  --bgsh11-steel: #4f6f96;
  --bgsh11-steel-bg: #e8f0fa;
  --bgsh11-steel-border: #c9dbf0;
  --bgsh11-amber: #d97411;
  --bgsh11-amber-2: #b85d05;
  --bgsh11-amber-bg: #fff4e6;
  --bgsh11-amber-border: #f7d6a8;
  --bgsh11-gold: #c79134;
  --bgsh11-gold-2: #a87a26;
  --bgsh11-gold-bg: #fff8ea;
  --bgsh11-gold-border: #ebd9a7;
  --bgsh11-warning: #c4421a;
  --bgsh11-warning-2: #a23615;
  --bgsh11-warning-bg: #fdeee6;
  --bgsh11-warning-border: #f5c7b0;
  --bgsh11-slate: #6f7d92;
  --bgsh11-text: #1c2533;
  --bgsh11-radius: 10px;
  --bgsh11-radius-lg: 14px;
  --bgsh11-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --bgsh11-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--bgsh11-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-section-h {
  color: var(--bgsh11-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-section-sub {
  color: var(--bgsh11-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--bgsh11-steel-border);
  border-radius: var(--bgsh11-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-main { display: flex; flex-direction: column; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--bgsh11-amber-2);
  margin-bottom: 6px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-h {
  font-size: 1.32rem;
  color: var(--bgsh11-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-sub {
  font-size: 0.88rem;
  color: var(--bgsh11-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-safety {
  font-size: 0.84rem;
  color: var(--bgsh11-text);
  margin: 0 0 10px 0;
  background: var(--bgsh11-warning-bg);
  border: 1px solid var(--bgsh11-warning-border);
  border-left: 3px solid var(--bgsh11-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-safety strong { color: var(--bgsh11-warning-2); }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--bgsh11-steel-border);
  color: var(--bgsh11-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-side {
  background: #ffffff;
  border: 1px solid var(--bgsh11-steel-border);
  border-radius: var(--bgsh11-radius);
  padding: 12px 12px;
  box-shadow: var(--bgsh11-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--bgsh11-amber-2);
  border-bottom: 1px solid var(--bgsh11-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-list { margin: 0; padding: 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--bgsh11-steel-border);
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-row:last-child { border-bottom: 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-row dt {
  color: var(--bgsh11-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--bgsh11-text);
  line-height: 1.45;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--bgsh11-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-btn-primary:hover {
  background: var(--bgsh11-navy);
  border-color: var(--bgsh11-navy);
  color: #ffffff;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-btn-ghost {
  background: #ffffff;
  color: var(--bgsh11-navy);
  border-color: var(--bgsh11-navy);
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-btn-ghost:hover {
  background: var(--bgsh11-navy);
  color: #ffffff;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--bgsh11-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-quick {
  background: #ffffff;
  border: 1px solid var(--bgsh11-steel-border);
  border-left: 3px solid var(--bgsh11-amber);
  border-radius: var(--bgsh11-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--bgsh11-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-search { margin: 0 0 18px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-search-card {
  background: var(--bgsh11-gold-bg);
  border: 1px solid var(--bgsh11-gold-border);
  border-left: 3px solid var(--bgsh11-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--bgsh11-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit { margin: 0 0 18px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-card {
  background: #ffffff;
  border: 1px solid var(--bgsh11-steel-border);
  border-radius: var(--bgsh11-radius);
  padding: 11px 13px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--bgsh11-amber);
  border-color: var(--bgsh11-amber-border);
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--bgsh11-warning);
  border-color: var(--bgsh11-warning-border);
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-card--best .hl-bgsh11-suit-tag { color: var(--bgsh11-amber-2); }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-card--not .hl-bgsh11-suit-tag { color: var(--bgsh11-warning-2); }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-list { list-style: none; padding: 0; margin: 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-list li {
  font-size: 0.81rem;
  color: var(--bgsh11-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--bgsh11-steel-border);
  line-height: 1.45;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-list li:last-child { border-bottom: 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-list li strong { color: var(--bgsh11-navy); }

/* ============== TABLES ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-snapshot,
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-vs { margin: 0 0 18px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--bgsh11-steel-border);
  border-radius: var(--bgsh11-radius);
  background: #ffffff;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table thead th {
  background: var(--bgsh11-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--bgsh11-navy);
  text-align: left;
  background: var(--bgsh11-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--bgsh11-text);
  font-size: 0.82rem;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table tbody tr:hover td,
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--bgsh11-amber-bg);
  border: 1px solid var(--bgsh11-amber-border);
  border-left: 3px solid var(--bgsh11-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--bgsh11-text);
  line-height: 1.5;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-vs-note strong { color: var(--bgsh11-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-safety { margin: 0 0 18px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--bgsh11-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--bgsh11-text);
  line-height: 1.45;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-safety-list li strong { color: var(--bgsh11-navy); }

/* ============== FAQ ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq { margin: 0 0 18px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--bgsh11-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--bgsh11-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--bgsh11-amber-2);
  font-weight: 700;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-a { padding: 0 0 6px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-a p {
  margin: 0 0 6px 0;
  color: var(--bgsh11-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-faq-a a {
  color: var(--bgsh11-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta {
  background: linear-gradient(135deg, var(--bgsh11-navy) 0%, var(--bgsh11-navy-2) 100%);
  background-color: var(--bgsh11-navy);
  color: #ffffff;
  border-radius: var(--bgsh11-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.24) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-related { margin: 0 0 18px 0; }
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-related-card {
  background: #ffffff;
  border: 1px solid var(--bgsh11-steel-border);
  border-left: 3px solid var(--bgsh11-amber);
  border-radius: var(--bgsh11-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-related-card a {
  color: var(--bgsh11-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-related-card a:hover {
  color: var(--bgsh11-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-bosch-gsh-11e-medium-breaker { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero { padding: 14px; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-h { font-size: 1.18rem; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero-sub { font-size: 0.82rem; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-section-h { font-size: 1.04rem; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta { padding: 12px; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-h { font-size: 0.98rem; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-table { min-width: 500px; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-hero,
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-h,
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-sub,
  .hl-prod-bosch-gsh-11e-medium-breaker .hl-bgsh11-cta-foot { color: #1c2533; }
}


/* === Hireload Medium Duty Breaker SDS Max Product CSS — appended === */
/* =====================================================================
   Hireload — Medium Duty Breaker SDS Max — Product Page Styles
   Root: .hl-prod-medium-duty-breaker-sds-max
   Prefix: hl-mdbs-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-medium-duty-breaker-sds-max {
  --mdbs-navy: #1a396a;
  --mdbs-navy-2: #2c4a7a;
  --mdbs-steel: #4f6f96;
  --mdbs-steel-bg: #e8f0fa;
  --mdbs-steel-border: #c9dbf0;
  --mdbs-amber: #d97411;
  --mdbs-amber-2: #b85d05;
  --mdbs-amber-bg: #fff4e6;
  --mdbs-amber-border: #f7d6a8;
  --mdbs-gold: #c79134;
  --mdbs-gold-2: #a87a26;
  --mdbs-gold-bg: #fff8ea;
  --mdbs-gold-border: #ebd9a7;
  --mdbs-warning: #c4421a;
  --mdbs-warning-2: #a23615;
  --mdbs-warning-bg: #fdeee6;
  --mdbs-warning-border: #f5c7b0;
  --mdbs-slate: #6f7d92;
  --mdbs-text: #1c2533;
  --mdbs-radius: 10px;
  --mdbs-radius-lg: 14px;
  --mdbs-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --mdbs-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--mdbs-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-section-h {
  color: var(--mdbs-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-section-sub {
  color: var(--mdbs-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--mdbs-steel-border);
  border-radius: var(--mdbs-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-main { display: flex; flex-direction: column; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mdbs-amber-2);
  margin-bottom: 6px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-h {
  font-size: 1.32rem;
  color: var(--mdbs-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-sub {
  font-size: 0.88rem;
  color: var(--mdbs-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-safety {
  font-size: 0.84rem;
  color: var(--mdbs-text);
  margin: 0 0 10px 0;
  background: var(--mdbs-warning-bg);
  border: 1px solid var(--mdbs-warning-border);
  border-left: 3px solid var(--mdbs-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-safety strong { color: var(--mdbs-warning-2); }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--mdbs-steel-border);
  color: var(--mdbs-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-side {
  background: #ffffff;
  border: 1px solid var(--mdbs-steel-border);
  border-radius: var(--mdbs-radius);
  padding: 12px 12px;
  box-shadow: var(--mdbs-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mdbs-amber-2);
  border-bottom: 1px solid var(--mdbs-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-list { margin: 0; padding: 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--mdbs-steel-border);
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-row:last-child { border-bottom: 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-row dt {
  color: var(--mdbs-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--mdbs-text);
  line-height: 1.45;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--mdbs-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-btn-primary:hover {
  background: var(--mdbs-navy);
  border-color: var(--mdbs-navy);
  color: #ffffff;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-btn-ghost {
  background: #ffffff;
  color: var(--mdbs-navy);
  border-color: var(--mdbs-navy);
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-btn-ghost:hover {
  background: var(--mdbs-navy);
  color: #ffffff;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--mdbs-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-quick {
  background: #ffffff;
  border: 1px solid var(--mdbs-steel-border);
  border-left: 3px solid var(--mdbs-amber);
  border-radius: var(--mdbs-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--mdbs-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-search { margin: 0 0 18px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-search-card {
  background: var(--mdbs-gold-bg);
  border: 1px solid var(--mdbs-gold-border);
  border-left: 3px solid var(--mdbs-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--mdbs-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit { margin: 0 0 18px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-card {
  background: #ffffff;
  border: 1px solid var(--mdbs-steel-border);
  border-radius: var(--mdbs-radius);
  padding: 11px 13px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--mdbs-amber);
  border-color: var(--mdbs-amber-border);
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--mdbs-warning);
  border-color: var(--mdbs-warning-border);
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-card--best .hl-mdbs-suit-tag { color: var(--mdbs-amber-2); }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-card--not .hl-mdbs-suit-tag { color: var(--mdbs-warning-2); }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-list { list-style: none; padding: 0; margin: 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-list li {
  font-size: 0.81rem;
  color: var(--mdbs-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--mdbs-steel-border);
  line-height: 1.45;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-list li:last-child { border-bottom: 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-list li strong { color: var(--mdbs-navy); }

/* ============== TABLES ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-snapshot,
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-vs { margin: 0 0 18px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--mdbs-steel-border);
  border-radius: var(--mdbs-radius);
  background: #ffffff;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table thead th {
  background: var(--mdbs-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--mdbs-navy);
  text-align: left;
  background: var(--mdbs-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--mdbs-text);
  font-size: 0.82rem;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table tbody tr:hover td,
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--mdbs-amber-bg);
  border: 1px solid var(--mdbs-amber-border);
  border-left: 3px solid var(--mdbs-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--mdbs-text);
  line-height: 1.5;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-vs-note strong { color: var(--mdbs-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-safety { margin: 0 0 18px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--mdbs-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--mdbs-text);
  line-height: 1.45;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-safety-list li strong { color: var(--mdbs-navy); }

/* ============== FAQ ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq { margin: 0 0 18px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--mdbs-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--mdbs-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--mdbs-amber-2);
  font-weight: 700;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-a { padding: 0 0 6px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-a p {
  margin: 0 0 6px 0;
  color: var(--mdbs-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-faq-a a {
  color: var(--mdbs-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta {
  background: linear-gradient(135deg, var(--mdbs-navy) 0%, var(--mdbs-navy-2) 100%);
  background-color: var(--mdbs-navy);
  color: #ffffff;
  border-radius: var(--mdbs-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.24) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-related { margin: 0 0 18px 0; }
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-related-card {
  background: #ffffff;
  border: 1px solid var(--mdbs-steel-border);
  border-left: 3px solid var(--mdbs-amber);
  border-radius: var(--mdbs-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-related-card a {
  color: var(--mdbs-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-medium-duty-breaker-sds-max .hl-mdbs-related-card a:hover {
  color: var(--mdbs-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-medium-duty-breaker-sds-max { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero { padding: 14px; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-h { font-size: 1.18rem; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero-sub { font-size: 0.82rem; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-section-h { font-size: 1.04rem; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta { padding: 12px; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-h { font-size: 0.98rem; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-table { min-width: 500px; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-hero,
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-h,
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-sub,
  .hl-prod-medium-duty-breaker-sds-max .hl-mdbs-cta-foot { color: #1c2533; }
}

/* === Hireload Right Angle Drill Product CSS — appended === */
/* =====================================================================
   Hireload — Right Angle Drill — Product Page Styles
   Root: .hl-prod-right-angle-drill
   Prefix: hl-rad-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-right-angle-drill {
  --rad-navy: #1a396a;
  --rad-navy-2: #2c4a7a;
  --rad-steel: #4f6f96;
  --rad-steel-bg: #e8f0fa;
  --rad-steel-border: #c9dbf0;
  --rad-amber: #d97411;
  --rad-amber-2: #b85d05;
  --rad-amber-bg: #fff4e6;
  --rad-amber-border: #f7d6a8;
  --rad-gold: #c79134;
  --rad-gold-2: #a87a26;
  --rad-gold-bg: #fff8ea;
  --rad-gold-border: #ebd9a7;
  --rad-warning: #c4421a;
  --rad-warning-2: #a23615;
  --rad-warning-bg: #fdeee6;
  --rad-warning-border: #f5c7b0;
  --rad-slate: #6f7d92;
  --rad-text: #1c2533;
  --rad-radius: 10px;
  --rad-radius-lg: 14px;
  --rad-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --rad-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--rad-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-right-angle-drill .hl-rad-section-h {
  color: var(--rad-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-right-angle-drill .hl-rad-section-sub {
  color: var(--rad-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-right-angle-drill .hl-rad-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--rad-steel-border);
  border-radius: var(--rad-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-right-angle-drill .hl-rad-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-right-angle-drill .hl-rad-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-right-angle-drill .hl-rad-hero-main { display: flex; flex-direction: column; }
.hl-prod-right-angle-drill .hl-rad-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--rad-amber-2);
  margin-bottom: 6px;
}
.hl-prod-right-angle-drill .hl-rad-hero-h {
  font-size: 1.32rem;
  color: var(--rad-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-right-angle-drill .hl-rad-hero-sub {
  font-size: 0.88rem;
  color: var(--rad-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-right-angle-drill .hl-rad-hero-safety {
  font-size: 0.84rem;
  color: var(--rad-text);
  margin: 0 0 10px 0;
  background: var(--rad-warning-bg);
  border: 1px solid var(--rad-warning-border);
  border-left: 3px solid var(--rad-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-right-angle-drill .hl-rad-hero-safety strong { color: var(--rad-warning-2); }
.hl-prod-right-angle-drill .hl-rad-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-right-angle-drill .hl-rad-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-right-angle-drill .hl-rad-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--rad-steel-border);
  color: var(--rad-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-right-angle-drill .hl-rad-hero-side {
  background: #ffffff;
  border: 1px solid var(--rad-steel-border);
  border-radius: var(--rad-radius);
  padding: 12px 12px;
  box-shadow: var(--rad-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-right-angle-drill .hl-rad-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--rad-amber-2);
  border-bottom: 1px solid var(--rad-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-right-angle-drill .hl-rad-side-list { margin: 0; padding: 0; }
.hl-prod-right-angle-drill .hl-rad-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--rad-steel-border);
}
.hl-prod-right-angle-drill .hl-rad-side-row:last-child { border-bottom: 0; }
.hl-prod-right-angle-drill .hl-rad-side-row dt {
  color: var(--rad-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-right-angle-drill .hl-rad-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--rad-text);
  line-height: 1.45;
}
.hl-prod-right-angle-drill .hl-rad-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--rad-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-right-angle-drill .hl-rad-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-right-angle-drill .hl-rad-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-right-angle-drill .hl-rad-btn-primary:hover {
  background: var(--rad-navy);
  border-color: var(--rad-navy);
  color: #ffffff;
}
.hl-prod-right-angle-drill .hl-rad-btn-ghost {
  background: #ffffff;
  color: var(--rad-navy);
  border-color: var(--rad-navy);
}
.hl-prod-right-angle-drill .hl-rad-btn-ghost:hover {
  background: var(--rad-navy);
  color: #ffffff;
}
.hl-prod-right-angle-drill .hl-rad-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-right-angle-drill .hl-rad-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--rad-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-right-angle-drill .hl-rad-quick {
  background: #ffffff;
  border: 1px solid var(--rad-steel-border);
  border-left: 3px solid var(--rad-amber);
  border-radius: var(--rad-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-right-angle-drill .hl-rad-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--rad-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-right-angle-drill .hl-rad-search { margin: 0 0 18px 0; }
.hl-prod-right-angle-drill .hl-rad-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-right-angle-drill .hl-rad-search-card {
  background: var(--rad-gold-bg);
  border: 1px solid var(--rad-gold-border);
  border-left: 3px solid var(--rad-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--rad-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-right-angle-drill .hl-rad-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-right-angle-drill .hl-rad-suit { margin: 0 0 18px 0; }
.hl-prod-right-angle-drill .hl-rad-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-right-angle-drill .hl-rad-suit-card {
  background: #ffffff;
  border: 1px solid var(--rad-steel-border);
  border-radius: var(--rad-radius);
  padding: 11px 13px;
}
.hl-prod-right-angle-drill .hl-rad-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--rad-amber);
  border-color: var(--rad-amber-border);
}
.hl-prod-right-angle-drill .hl-rad-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--rad-warning);
  border-color: var(--rad-warning-border);
}
.hl-prod-right-angle-drill .hl-rad-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-right-angle-drill .hl-rad-suit-card--best .hl-rad-suit-tag { color: var(--rad-amber-2); }
.hl-prod-right-angle-drill .hl-rad-suit-card--not .hl-rad-suit-tag { color: var(--rad-warning-2); }
.hl-prod-right-angle-drill .hl-rad-suit-list { list-style: none; padding: 0; margin: 0; }
.hl-prod-right-angle-drill .hl-rad-suit-list li {
  font-size: 0.81rem;
  color: var(--rad-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--rad-steel-border);
  line-height: 1.45;
}
.hl-prod-right-angle-drill .hl-rad-suit-list li:last-child { border-bottom: 0; }
.hl-prod-right-angle-drill .hl-rad-suit-list li strong { color: var(--rad-navy); }

/* ============== TABLES ============== */
.hl-prod-right-angle-drill .hl-rad-snapshot,
.hl-prod-right-angle-drill .hl-rad-vs { margin: 0 0 18px 0; }
.hl-prod-right-angle-drill .hl-rad-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--rad-steel-border);
  border-radius: var(--rad-radius);
  background: #ffffff;
}
.hl-prod-right-angle-drill .hl-rad-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-right-angle-drill .hl-rad-table thead th {
  background: var(--rad-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-right-angle-drill .hl-rad-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--rad-navy);
  text-align: left;
  background: var(--rad-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-right-angle-drill .hl-rad-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--rad-text);
  font-size: 0.82rem;
}
.hl-prod-right-angle-drill .hl-rad-table tbody tr:hover td,
.hl-prod-right-angle-drill .hl-rad-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-right-angle-drill .hl-rad-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-right-angle-drill .hl-rad-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--rad-amber-bg);
  border: 1px solid var(--rad-amber-border);
  border-left: 3px solid var(--rad-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--rad-text);
  line-height: 1.5;
}
.hl-prod-right-angle-drill .hl-rad-vs-note strong { color: var(--rad-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-right-angle-drill .hl-rad-safety { margin: 0 0 18px 0; }
.hl-prod-right-angle-drill .hl-rad-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-right-angle-drill .hl-rad-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--rad-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--rad-text);
  line-height: 1.45;
}
.hl-prod-right-angle-drill .hl-rad-safety-list li strong { color: var(--rad-navy); }

/* ============== FAQ ============== */
.hl-prod-right-angle-drill .hl-rad-faq { margin: 0 0 18px 0; }
.hl-prod-right-angle-drill .hl-rad-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--rad-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-right-angle-drill .hl-rad-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--rad-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-right-angle-drill .hl-rad-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-right-angle-drill .hl-rad-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--rad-amber-2);
  font-weight: 700;
}
.hl-prod-right-angle-drill .hl-rad-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-right-angle-drill .hl-rad-faq-a { padding: 0 0 6px 0; }
.hl-prod-right-angle-drill .hl-rad-faq-a p {
  margin: 0 0 6px 0;
  color: var(--rad-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-right-angle-drill .hl-rad-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-right-angle-drill .hl-rad-faq-a a {
  color: var(--rad-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-right-angle-drill .hl-rad-cta {
  background: linear-gradient(135deg, var(--rad-navy) 0%, var(--rad-navy-2) 100%);
  background-color: var(--rad-navy);
  color: #ffffff;
  border-radius: var(--rad-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-right-angle-drill .hl-rad-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.24) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-right-angle-drill .hl-rad-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-right-angle-drill .hl-rad-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-right-angle-drill .hl-rad-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-right-angle-drill .hl-rad-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-right-angle-drill .hl-rad-related { margin: 0 0 18px 0; }
.hl-prod-right-angle-drill .hl-rad-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-right-angle-drill .hl-rad-related-card {
  background: #ffffff;
  border: 1px solid var(--rad-steel-border);
  border-left: 3px solid var(--rad-amber);
  border-radius: var(--rad-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-right-angle-drill .hl-rad-related-card a {
  color: var(--rad-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-right-angle-drill .hl-rad-related-card a:hover {
  color: var(--rad-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-right-angle-drill .hl-rad-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-right-angle-drill .hl-rad-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-right-angle-drill { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-right-angle-drill .hl-rad-hero { padding: 14px; }
  .hl-prod-right-angle-drill .hl-rad-hero-h { font-size: 1.18rem; }
  .hl-prod-right-angle-drill .hl-rad-hero-sub { font-size: 0.82rem; }
  .hl-prod-right-angle-drill .hl-rad-section-h { font-size: 1.04rem; }
  .hl-prod-right-angle-drill .hl-rad-cta { padding: 12px; }
  .hl-prod-right-angle-drill .hl-rad-cta-h { font-size: 0.98rem; }
  .hl-prod-right-angle-drill .hl-rad-table { min-width: 500px; }
  .hl-prod-right-angle-drill .hl-rad-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-right-angle-drill .hl-rad-hero,
  .hl-prod-right-angle-drill .hl-rad-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-right-angle-drill .hl-rad-cta-h,
  .hl-prod-right-angle-drill .hl-rad-cta-sub,
  .hl-prod-right-angle-drill .hl-rad-cta-foot { color: #1c2533; }
}

/* === Hireload Rotary Hammer Product CSS — appended === */
/* =====================================================================
   Hireload — Rotary Hammer — Product Page Styles
   Root: .hl-prod-rotary-hammer
   Prefix: hl-rh-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-rotary-hammer {
  --rh-navy: #1a396a;
  --rh-navy-2: #2c4a7a;
  --rh-steel: #4f6f96;
  --rh-steel-bg: #e8f0fa;
  --rh-steel-border: #c9dbf0;
  --rh-amber: #d97411;
  --rh-amber-2: #b85d05;
  --rh-amber-bg: #fff4e6;
  --rh-amber-border: #f7d6a8;
  --rh-gold: #c79134;
  --rh-gold-2: #a87a26;
  --rh-gold-bg: #fff8ea;
  --rh-gold-border: #ebd9a7;
  --rh-warning: #c4421a;
  --rh-warning-2: #a23615;
  --rh-warning-bg: #fdeee6;
  --rh-warning-border: #f5c7b0;
  --rh-slate: #6f7d92;
  --rh-text: #1c2533;
  --rh-radius: 10px;
  --rh-radius-lg: 14px;
  --rh-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --rh-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--rh-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-rotary-hammer .hl-rh-section-h {
  color: var(--rh-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-rotary-hammer .hl-rh-section-sub {
  color: var(--rh-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-rotary-hammer .hl-rh-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--rh-steel-border);
  border-radius: var(--rh-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-rotary-hammer .hl-rh-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-rotary-hammer .hl-rh-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-rotary-hammer .hl-rh-hero-main { display: flex; flex-direction: column; }
.hl-prod-rotary-hammer .hl-rh-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--rh-amber-2);
  margin-bottom: 6px;
}
.hl-prod-rotary-hammer .hl-rh-hero-h {
  font-size: 1.32rem;
  color: var(--rh-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-rotary-hammer .hl-rh-hero-sub {
  font-size: 0.88rem;
  color: var(--rh-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-rotary-hammer .hl-rh-hero-safety {
  font-size: 0.84rem;
  color: var(--rh-text);
  margin: 0 0 10px 0;
  background: var(--rh-warning-bg);
  border: 1px solid var(--rh-warning-border);
  border-left: 3px solid var(--rh-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-rotary-hammer .hl-rh-hero-safety strong { color: var(--rh-warning-2); }
.hl-prod-rotary-hammer .hl-rh-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-rotary-hammer .hl-rh-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-rotary-hammer .hl-rh-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--rh-steel-border);
  color: var(--rh-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-rotary-hammer .hl-rh-hero-side {
  background: #ffffff;
  border: 1px solid var(--rh-steel-border);
  border-radius: var(--rh-radius);
  padding: 12px 12px;
  box-shadow: var(--rh-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-rotary-hammer .hl-rh-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--rh-amber-2);
  border-bottom: 1px solid var(--rh-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-rotary-hammer .hl-rh-side-list { margin: 0; padding: 0; }
.hl-prod-rotary-hammer .hl-rh-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--rh-steel-border);
}
.hl-prod-rotary-hammer .hl-rh-side-row:last-child { border-bottom: 0; }
.hl-prod-rotary-hammer .hl-rh-side-row dt {
  color: var(--rh-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-rotary-hammer .hl-rh-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--rh-text);
  line-height: 1.45;
}
.hl-prod-rotary-hammer .hl-rh-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--rh-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-rotary-hammer .hl-rh-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-rotary-hammer .hl-rh-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-rotary-hammer .hl-rh-btn-primary:hover {
  background: var(--rh-navy);
  border-color: var(--rh-navy);
  color: #ffffff;
}
.hl-prod-rotary-hammer .hl-rh-btn-ghost {
  background: #ffffff;
  color: var(--rh-navy);
  border-color: var(--rh-navy);
}
.hl-prod-rotary-hammer .hl-rh-btn-ghost:hover {
  background: var(--rh-navy);
  color: #ffffff;
}
.hl-prod-rotary-hammer .hl-rh-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-rotary-hammer .hl-rh-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--rh-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-rotary-hammer .hl-rh-quick {
  background: #ffffff;
  border: 1px solid var(--rh-steel-border);
  border-left: 3px solid var(--rh-amber);
  border-radius: var(--rh-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-rotary-hammer .hl-rh-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--rh-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-rotary-hammer .hl-rh-search { margin: 0 0 18px 0; }
.hl-prod-rotary-hammer .hl-rh-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-rotary-hammer .hl-rh-search-card {
  background: var(--rh-gold-bg);
  border: 1px solid var(--rh-gold-border);
  border-left: 3px solid var(--rh-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--rh-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-rotary-hammer .hl-rh-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-rotary-hammer .hl-rh-suit { margin: 0 0 18px 0; }
.hl-prod-rotary-hammer .hl-rh-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-rotary-hammer .hl-rh-suit-card {
  background: #ffffff;
  border: 1px solid var(--rh-steel-border);
  border-radius: var(--rh-radius);
  padding: 11px 13px;
}
.hl-prod-rotary-hammer .hl-rh-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--rh-amber);
  border-color: var(--rh-amber-border);
}
.hl-prod-rotary-hammer .hl-rh-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--rh-warning);
  border-color: var(--rh-warning-border);
}
.hl-prod-rotary-hammer .hl-rh-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-rotary-hammer .hl-rh-suit-card--best .hl-rh-suit-tag { color: var(--rh-amber-2); }
.hl-prod-rotary-hammer .hl-rh-suit-card--not .hl-rh-suit-tag { color: var(--rh-warning-2); }
.hl-prod-rotary-hammer .hl-rh-suit-list { list-style: none; padding: 0; margin: 0; }
.hl-prod-rotary-hammer .hl-rh-suit-list li {
  font-size: 0.81rem;
  color: var(--rh-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--rh-steel-border);
  line-height: 1.45;
}
.hl-prod-rotary-hammer .hl-rh-suit-list li:last-child { border-bottom: 0; }
.hl-prod-rotary-hammer .hl-rh-suit-list li strong { color: var(--rh-navy); }

/* ============== TABLES ============== */
.hl-prod-rotary-hammer .hl-rh-snapshot,
.hl-prod-rotary-hammer .hl-rh-vs { margin: 0 0 18px 0; }
.hl-prod-rotary-hammer .hl-rh-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--rh-steel-border);
  border-radius: var(--rh-radius);
  background: #ffffff;
}
.hl-prod-rotary-hammer .hl-rh-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-rotary-hammer .hl-rh-table thead th {
  background: var(--rh-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-rotary-hammer .hl-rh-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--rh-navy);
  text-align: left;
  background: var(--rh-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-rotary-hammer .hl-rh-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--rh-text);
  font-size: 0.82rem;
}
.hl-prod-rotary-hammer .hl-rh-table tbody tr:hover td,
.hl-prod-rotary-hammer .hl-rh-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-rotary-hammer .hl-rh-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-rotary-hammer .hl-rh-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--rh-amber-bg);
  border: 1px solid var(--rh-amber-border);
  border-left: 3px solid var(--rh-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--rh-text);
  line-height: 1.5;
}
.hl-prod-rotary-hammer .hl-rh-vs-note strong { color: var(--rh-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-rotary-hammer .hl-rh-safety { margin: 0 0 18px 0; }
.hl-prod-rotary-hammer .hl-rh-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-rotary-hammer .hl-rh-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--rh-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--rh-text);
  line-height: 1.45;
}
.hl-prod-rotary-hammer .hl-rh-safety-list li strong { color: var(--rh-navy); }

/* ============== FAQ ============== */
.hl-prod-rotary-hammer .hl-rh-faq { margin: 0 0 18px 0; }
.hl-prod-rotary-hammer .hl-rh-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--rh-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-rotary-hammer .hl-rh-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--rh-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-rotary-hammer .hl-rh-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-rotary-hammer .hl-rh-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--rh-amber-2);
  font-weight: 700;
}
.hl-prod-rotary-hammer .hl-rh-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-rotary-hammer .hl-rh-faq-a { padding: 0 0 6px 0; }
.hl-prod-rotary-hammer .hl-rh-faq-a p {
  margin: 0 0 6px 0;
  color: var(--rh-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-rotary-hammer .hl-rh-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-rotary-hammer .hl-rh-faq-a a {
  color: var(--rh-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-rotary-hammer .hl-rh-cta {
  background: linear-gradient(135deg, var(--rh-navy) 0%, var(--rh-navy-2) 100%);
  background-color: var(--rh-navy);
  color: #ffffff;
  border-radius: var(--rh-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-rotary-hammer .hl-rh-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.24) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-rotary-hammer .hl-rh-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-rotary-hammer .hl-rh-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-rotary-hammer .hl-rh-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-rotary-hammer .hl-rh-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-rotary-hammer .hl-rh-related { margin: 0 0 18px 0; }
.hl-prod-rotary-hammer .hl-rh-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-rotary-hammer .hl-rh-related-card {
  background: #ffffff;
  border: 1px solid var(--rh-steel-border);
  border-left: 3px solid var(--rh-amber);
  border-radius: var(--rh-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-rotary-hammer .hl-rh-related-card a {
  color: var(--rh-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-rotary-hammer .hl-rh-related-card a:hover {
  color: var(--rh-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-rotary-hammer .hl-rh-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-rotary-hammer .hl-rh-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-rotary-hammer { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-rotary-hammer .hl-rh-hero { padding: 14px; }
  .hl-prod-rotary-hammer .hl-rh-hero-h { font-size: 1.18rem; }
  .hl-prod-rotary-hammer .hl-rh-hero-sub { font-size: 0.82rem; }
  .hl-prod-rotary-hammer .hl-rh-section-h { font-size: 1.04rem; }
  .hl-prod-rotary-hammer .hl-rh-cta { padding: 12px; }
  .hl-prod-rotary-hammer .hl-rh-cta-h { font-size: 0.98rem; }
  .hl-prod-rotary-hammer .hl-rh-table { min-width: 500px; }
  .hl-prod-rotary-hammer .hl-rh-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-rotary-hammer .hl-rh-hero,
  .hl-prod-rotary-hammer .hl-rh-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-rotary-hammer .hl-rh-cta-h,
  .hl-prod-rotary-hammer .hl-rh-cta-sub,
  .hl-prod-rotary-hammer .hl-rh-cta-foot { color: #1c2533; }
}

/* === Hireload SDS Plus Hammer Drill Product CSS — appended === */
/* =====================================================================
   Hireload — SDS Plus Hammer Drill — Product Page Styles
   Root: .hl-prod-sds-plus-hammer-drill
   Prefix: hl-sphd-
   Fully scoped. No global selectors. Compact premium template.
   ===================================================================== */

/* Root container */
.hl-prod-sds-plus-hammer-drill {
  --sphd-navy: #1a396a;
  --sphd-navy-2: #2c4a7a;
  --sphd-steel: #4f6f96;
  --sphd-steel-bg: #e8f0fa;
  --sphd-steel-border: #c9dbf0;
  --sphd-amber: #d97411;
  --sphd-amber-2: #b85d05;
  --sphd-amber-bg: #fff4e6;
  --sphd-amber-border: #f7d6a8;
  --sphd-gold: #c79134;
  --sphd-gold-2: #a87a26;
  --sphd-gold-bg: #fff8ea;
  --sphd-gold-border: #ebd9a7;
  --sphd-warning: #c4421a;
  --sphd-warning-2: #a23615;
  --sphd-warning-bg: #fdeee6;
  --sphd-warning-border: #f5c7b0;
  --sphd-slate: #6f7d92;
  --sphd-text: #1c2533;
  --sphd-radius: 10px;
  --sphd-radius-lg: 14px;
  --sphd-shadow-sm: 0 1px 2px rgba(26,57,106,0.06);
  --sphd-shadow-md: 0 2px 8px rgba(26,57,106,0.08);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--sphd-text);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Generic section spacing */
.hl-prod-sds-plus-hammer-drill .hl-sphd-section-h {
  color: var(--sphd-navy);
  font-size: 1.18rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-section-sub {
  color: var(--sphd-slate);
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* ============== HERO ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero {
  background: linear-gradient(135deg, #eaf2fb 0%, #ffffff 70%);
  background-color: #eaf2fb;
  border: 1px solid var(--sphd-steel-border);
  border-radius: var(--sphd-radius-lg);
  padding: 18px 18px;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(0,87,183,0.18) 0%, transparent 60%),
    radial-gradient(110% 100% at 100% 100%, rgba(217,116,17,0.20) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-main { display: flex; flex-direction: column; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sphd-amber-2);
  margin-bottom: 6px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-h {
  font-size: 1.32rem;
  color: var(--sphd-navy);
  margin: 0 0 8px 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-sub {
  font-size: 0.88rem;
  color: var(--sphd-text);
  margin: 0 0 8px 0;
  line-height: 1.55;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-safety {
  font-size: 0.84rem;
  color: var(--sphd-text);
  margin: 0 0 10px 0;
  background: var(--sphd-warning-bg);
  border: 1px solid var(--sphd-warning-border);
  border-left: 3px solid var(--sphd-warning);
  padding: 6px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-safety strong { color: var(--sphd-warning-2); }
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-badges {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-badges li {
  background: #ffffff;
  border: 1px solid var(--sphd-steel-border);
  color: var(--sphd-navy);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* Right-side At a Glance card */
.hl-prod-sds-plus-hammer-drill .hl-sphd-hero-side {
  background: #ffffff;
  border: 1px solid var(--sphd-steel-border);
  border-radius: var(--sphd-radius);
  padding: 12px 12px;
  box-shadow: var(--sphd-shadow-md);
  display: flex;
  flex-direction: column;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-side-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--sphd-amber-2);
  border-bottom: 1px solid var(--sphd-steel-border);
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-side-list { margin: 0; padding: 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-side-row {
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px dashed var(--sphd-steel-border);
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-side-row:last-child { border-bottom: 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-side-row dt {
  color: var(--sphd-navy);
  font-weight: 600;
  font-size: 0.74rem;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-side-row dd {
  margin: 0;
  font-size: 0.76rem;
  color: var(--sphd-text);
  line-height: 1.45;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-side-foot {
  margin: 8px 0 0 0;
  font-size: 0.72rem;
  color: var(--sphd-slate);
  font-style: italic;
}

/* ============== BUTTONS ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.12s ease, color 0.12s ease, transform 0.08s ease;
  line-height: 1.2;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-btn-primary {
  background: #0057b7;
  color: #ffffff;
  border-color: #0057b7;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-btn-primary:hover {
  background: var(--sphd-navy);
  border-color: var(--sphd-navy);
  color: #ffffff;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-btn-ghost {
  background: #ffffff;
  color: var(--sphd-navy);
  border-color: var(--sphd-navy);
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-btn-ghost:hover {
  background: var(--sphd-navy);
  color: #ffffff;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-btn-ghost-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255,255,255,0.6);
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-btn-ghost-light:hover {
  background: #ffffff;
  color: var(--sphd-navy);
  border-color: #ffffff;
}

/* ============== QUICK ANSWER ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-quick {
  background: #ffffff;
  border: 1px solid var(--sphd-steel-border);
  border-left: 3px solid var(--sphd-amber);
  border-radius: var(--sphd-radius);
  padding: 12px 14px;
  margin: 0 0 18px 0;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-quick p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--sphd-text);
}

/* ============== PEOPLE SEARCH FOR ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-search { margin: 0 0 18px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-search-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-search-card {
  background: var(--sphd-gold-bg);
  border: 1px solid var(--sphd-gold-border);
  border-left: 3px solid var(--sphd-gold);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.81rem;
  color: var(--sphd-navy);
  font-weight: 600;
  line-height: 1.45;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-search-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26,57,106,0.06);
}

/* ============== BEST FOR / NOT IDEAL FOR ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit { margin: 0 0 18px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-card {
  background: #ffffff;
  border: 1px solid var(--sphd-steel-border);
  border-radius: var(--sphd-radius);
  padding: 11px 13px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-card--best {
  background: linear-gradient(180deg, #eef5fc 0%, #ffffff 100%);
  border-left: 3px solid var(--sphd-amber);
  border-color: var(--sphd-amber-border);
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-card--not {
  background: linear-gradient(180deg, #fdeee6 0%, #ffffff 100%);
  border-left: 3px solid var(--sphd-warning);
  border-color: var(--sphd-warning-border);
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-tag {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-card--best .hl-sphd-suit-tag { color: var(--sphd-amber-2); }
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-card--not .hl-sphd-suit-tag { color: var(--sphd-warning-2); }
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-list { list-style: none; padding: 0; margin: 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-list li {
  font-size: 0.81rem;
  color: var(--sphd-text);
  padding: 4px 0;
  border-bottom: 1px dashed var(--sphd-steel-border);
  line-height: 1.45;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-list li:last-child { border-bottom: 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-suit-list li strong { color: var(--sphd-navy); }

/* ============== TABLES ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-snapshot,
.hl-prod-sds-plus-hammer-drill .hl-sphd-vs { margin: 0 0 18px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--sphd-steel-border);
  border-radius: var(--sphd-radius);
  background: #ffffff;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 560px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-table thead th {
  background: var(--sphd-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--sphd-navy);
  text-align: left;
  background: var(--sphd-amber-bg);
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  width: 28%;
  font-size: 0.82rem;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-table td {
  padding: 7px 10px;
  border-top: 1px solid #dde8f5;
  vertical-align: top;
  color: var(--sphd-text);
  font-size: 0.82rem;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-table tbody tr:hover td,
.hl-prod-sds-plus-hammer-drill .hl-sphd-table tbody tr:hover th[scope="row"] {
  background: #eef5fc;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-vs-table tbody th[scope="row"] { width: 22%; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-vs-note {
  margin: 8px 0 0 0;
  padding: 7px 12px;
  background: var(--sphd-amber-bg);
  border: 1px solid var(--sphd-amber-border);
  border-left: 3px solid var(--sphd-amber);
  border-radius: 6px;
  font-size: 0.82rem;
  color: var(--sphd-text);
  line-height: 1.5;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-vs-note strong { color: var(--sphd-navy); }

/* ============== SAFETY CHECKLIST ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-safety { margin: 0 0 18px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-safety-list li {
  background: #ffffff;
  border: 1px solid #dde8f5;
  border-left: 3px solid var(--sphd-warning);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.81rem;
  color: var(--sphd-text);
  line-height: 1.45;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-safety-list li strong { color: var(--sphd-navy); }

/* ============== FAQ ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq { margin: 0 0 18px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-item {
  background: #ffffff;
  border: 1px solid #cfddef;
  border-radius: var(--sphd-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-item summary {
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
  color: var(--sphd-navy);
  font-size: 0.86rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--sphd-amber-2);
  font-weight: 700;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-item[open] summary::after { content: "\2212"; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-a { padding: 0 0 6px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-a p {
  margin: 0 0 6px 0;
  color: var(--sphd-text);
  font-size: 0.82rem;
  line-height: 1.5;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-a p:last-child { margin-bottom: 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-faq-a a {
  color: var(--sphd-amber-2);
  font-weight: 600;
}

/* ============== FINAL CTA ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-cta {
  background: linear-gradient(135deg, var(--sphd-navy) 0%, var(--sphd-navy-2) 100%);
  background-color: var(--sphd-navy);
  color: #ffffff;
  border-radius: var(--sphd-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(0,87,183,0.22) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217,116,17,0.24) 0%, transparent 60%);
  pointer-events: none;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-cta-h {
  color: #ffffff;
  font-size: 1.06rem;
  margin: 0 0 4px 0;
  position: relative;
  z-index: 1;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-cta-sub {
  color: rgba(255,255,255,0.86);
  font-size: 0.85rem;
  margin: 0 auto 10px auto;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-cta-foot {
  margin: 8px 0 0 0;
  font-size: 0.74rem;
  color: rgba(255,255,255,0.78);
  position: relative;
  z-index: 1;
}

/* ============== RELATED ============== */
.hl-prod-sds-plus-hammer-drill .hl-sphd-related { margin: 0 0 18px 0; }
.hl-prod-sds-plus-hammer-drill .hl-sphd-related-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-related-card {
  background: #ffffff;
  border: 1px solid var(--sphd-steel-border);
  border-left: 3px solid var(--sphd-amber);
  border-radius: var(--sphd-radius);
  padding: 9px 12px;
  font-size: 0.83rem;
  line-height: 1.45;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-related-card a {
  color: var(--sphd-navy);
  font-weight: 600;
  text-decoration: none;
}
.hl-prod-sds-plus-hammer-drill .hl-sphd-related-card a:hover {
  color: var(--sphd-amber-2);
  text-decoration: underline;
}

/* ============== RESPONSIVE ============== */
@media (max-width: 760px) {
  .hl-prod-sds-plus-hammer-drill .hl-sphd-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-suit-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-prod-sds-plus-hammer-drill { font-size: 13.5px; padding: 0 9px; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-hero { padding: 14px; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-hero-h { font-size: 1.18rem; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-hero-sub { font-size: 0.82rem; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-section-h { font-size: 1.04rem; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-cta { padding: 12px; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-cta-h { font-size: 0.98rem; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-table { min-width: 500px; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-side-row { grid-template-columns: 86px 1fr; }
}

/* Print */
@media print {
  .hl-prod-sds-plus-hammer-drill .hl-sphd-hero,
  .hl-prod-sds-plus-hammer-drill .hl-sphd-cta { box-shadow: none; background: #ffffff; color: #1c2533; }
  .hl-prod-sds-plus-hammer-drill .hl-sphd-cta-h,
  .hl-prod-sds-plus-hammer-drill .hl-sphd-cta-sub,
  .hl-prod-sds-plus-hammer-drill .hl-sphd-cta-foot { color: #1c2533; }
}

/* === Hireload Pressure Washer Surface Cleaner Product CSS — appended === */
.hl-prod-pw-surface-cleaner br { display: none; }
/* ============================================================
   Hireload — Pressure Washer Surface Cleaner Hire London
   COMPACT + HORIZONTAL category-preview long description
   All selectors scoped under .hl-prod-pw-surface-cleaner
   Prefix: hl-pwsc-
   ============================================================ */

.hl-prod-pw-surface-cleaner {
  --hl-pwsc-navy: #102a43;
  --hl-pwsc-navy-soft: #1f3b57;
  --hl-pwsc-blue: #2f6db5;
  --hl-pwsc-blue-bg: #eef5fc;
  --hl-pwsc-blue-line: #d3e4f5;
  --hl-pwsc-amber: #f4a118;
  --hl-pwsc-amber-bg: #fff7e8;
  --hl-pwsc-amber-line: #f6d79a;
  --hl-pwsc-ink: #2c3b4a;
  --hl-pwsc-muted: #5d6b7a;
  --hl-pwsc-white: #ffffff;
  --hl-pwsc-radius: 13px;
  --hl-pwsc-radius-sm: 9px;
  --hl-pwsc-shadow: 0 6px 18px rgba(16, 42, 67, 0.08);
  --hl-pwsc-shadow-sm: 0 1px 6px rgba(16, 42, 67, 0.05);

  max-width: 1200px;
  margin: 0 auto;
  color: var(--hl-pwsc-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}

.hl-prod-pw-surface-cleaner *,
.hl-prod-pw-surface-cleaner *::before,
.hl-prod-pw-surface-cleaner *::after {
  box-sizing: border-box;
}

/* ---------- Section shell & rhythm (tighter) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-section {
  margin: 0 0 20px;
  padding: 0;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-h2 {
  color: var(--hl-pwsc-navy);
  font-size: 1.3rem;
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-section-intro {
  color: var(--hl-pwsc-muted);
  margin: 0 0 12px;
  max-width: 95ch;
  font-size: 0.92rem;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-eyebrow {
  display: inline-block;
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  color: var(--hl-pwsc-navy-soft);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: 7px;
  padding: 4px 10px;
  margin: 0 0 9px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-lead {
  font-size: 0.95rem;
  margin: 0 0 10px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-note {
  background: var(--hl-pwsc-amber-bg);
  border: 1px solid var(--hl-pwsc-amber-line);
  border-radius: var(--hl-pwsc-radius-sm);
  padding: 8px 12px;
  margin: 0 0 8px;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--hl-pwsc-navy-soft);
}


/* ---------- Hero (compact, horizontal) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-hero {
  background: linear-gradient(180deg, var(--hl-pwsc-blue-bg) 0%, #ffffff 100%);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-radius: var(--hl-pwsc-radius);
  padding: 16px;
  box-shadow: var(--hl-pwsc-shadow-sm);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-hero-grid {
  display: grid;
  grid-template-columns: 1.9fr 1fr;
  gap: 16px;
  align-items: start;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-hero-h2 {
  font-size: 1.28rem;
  margin-bottom: 6px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 9px 15px;
  border-radius: var(--hl-pwsc-radius-sm);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-btn-primary {
  background: var(--hl-pwsc-amber);
  color: var(--hl-pwsc-navy);
  box-shadow: var(--hl-pwsc-shadow-sm);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-btn-ghost {
  background: var(--hl-pwsc-white);
  color: var(--hl-pwsc-navy);
  border: 1px solid var(--hl-pwsc-blue-line);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--hl-pwsc-shadow);
}

/* ---------- Quick info panel (tight) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-quickcard {
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-radius: var(--hl-pwsc-radius);
  padding: 14px 16px;
  box-shadow: var(--hl-pwsc-shadow);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-quickcard-title {
  color: var(--hl-pwsc-navy);
  font-size: 0.98rem;
  font-weight: 800;
  margin: 0 0 8px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-quicklist {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-quicklist li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid var(--hl-pwsc-blue-line);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-quicklist li:last-child {
  border-bottom: none;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-quicklist span {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--hl-pwsc-muted);
  font-weight: 700;
  white-space: nowrap;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-quicklist strong {
  color: var(--hl-pwsc-navy);
  font-weight: 600;
  font-size: 0.82rem;
  text-align: right;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-quickcard-foot {
  margin: 0;
  font-size: 0.78rem;
  color: var(--hl-pwsc-muted);
}

/* ---------- Hero inline chips (under buttons) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-chip {
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  color: var(--hl-pwsc-navy);
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: var(--hl-pwsc-shadow-sm);
}

/* ---------- Quick answer ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-answer-card {
  background: var(--hl-pwsc-blue-bg);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-left: 4px solid var(--hl-pwsc-blue);
  border-radius: var(--hl-pwsc-radius);
  padding: 14px 18px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-answer-card p {
  margin: 0 0 8px;
  font-size: 0.92rem;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-answer-card p:last-child {
  margin-bottom: 0;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-answer-q {
  font-weight: 800;
  color: var(--hl-pwsc-navy);
  font-size: 1rem;
}

/* ---------- Grids & cards (denser) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-grid {
  display: grid;
  gap: 11px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-pw-surface-cleaner .hl-pwsc-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-pw-surface-cleaner .hl-pwsc-grid-4 { grid-template-columns: repeat(4, 1fr); }

.hl-prod-pw-surface-cleaner .hl-pwsc-card {
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-radius: var(--hl-pwsc-radius);
  padding: 13px 14px;
  box-shadow: var(--hl-pwsc-shadow-sm);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-card p {
  margin: 0;
  font-size: 0.86rem;
  color: var(--hl-pwsc-muted);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-card-title {
  color: var(--hl-pwsc-navy);
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 5px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-card-warn {
  background: var(--hl-pwsc-amber-bg);
  border-color: var(--hl-pwsc-amber-line);
}

/* ---------- Job cards (compact horizontal) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-jobcard {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-radius: var(--hl-pwsc-radius);
  padding: 12px 13px;
  box-shadow: var(--hl-pwsc-shadow-sm);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-job-emoji {
  font-size: 1.2rem;
  line-height: 1.1;
  flex-shrink: 0;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-jobcard strong {
  display: block;
  color: var(--hl-pwsc-navy);
  font-size: 0.9rem;
  margin-bottom: 3px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-jobcard p {
  margin: 0;
  font-size: 0.84rem;
  color: var(--hl-pwsc-muted);
}

/* ---------- Compatibility cards (compact) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-compat-card {
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-top: 3px solid var(--hl-pwsc-blue);
  border-radius: var(--hl-pwsc-radius);
  padding: 12px 13px;
  box-shadow: var(--hl-pwsc-shadow-sm);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-compat-emoji {
  font-size: 1.15rem;
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-compat-card strong {
  display: block;
  color: var(--hl-pwsc-navy);
  font-size: 0.9rem;
  margin-bottom: 3px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-compat-card p {
  margin: 0;
  font-size: 0.8rem;
  color: var(--hl-pwsc-muted);
}

/* ---------- Tables (tighter rows) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-table-wrap {
  overflow-x: auto;
  border-radius: var(--hl-pwsc-radius);
  border: 1px solid var(--hl-pwsc-blue-line);
  box-shadow: var(--hl-pwsc-shadow-sm);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--hl-pwsc-white);
  font-size: 0.87rem;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-table th,
.hl-prod-pw-surface-cleaner .hl-pwsc-table td {
  text-align: left;
  padding: 8px 13px;
  border-bottom: 1px solid var(--hl-pwsc-blue-line);
  vertical-align: top;
  line-height: 1.4;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-table tr:last-child th,
.hl-prod-pw-surface-cleaner .hl-pwsc-table tr:last-child td {
  border-bottom: none;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-table th[scope="row"] {
  background: var(--hl-pwsc-blue-bg);
  color: var(--hl-pwsc-navy);
  font-weight: 700;
  width: 30%;
  white-space: nowrap;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-table-compare th[scope="col"] {
  background: var(--hl-pwsc-navy);
  color: var(--hl-pwsc-white);
  font-weight: 700;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-table-compare th[scope="row"] {
  width: 26%;
  white-space: normal;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-fineprint {
  margin: 8px 2px 0;
  font-size: 0.8rem;
  color: var(--hl-pwsc-muted);
  font-style: italic;
}

/* ---------- Safety checklist (compact) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-checklist {
  list-style: none;
  margin: 0;
  padding: 4px 15px;
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-radius: var(--hl-pwsc-radius);
  box-shadow: var(--hl-pwsc-shadow-sm);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-checklist li {
  position: relative;
  padding: 7px 0 7px 25px;
  border-bottom: 1px solid var(--hl-pwsc-blue-line);
  font-size: 0.86rem;
  line-height: 1.4;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-checklist li:last-child {
  border-bottom: none;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-checklist li::before {
  content: "✅";
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 0.82rem;
}

/* ---------- FAQ (tight accordion) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-faq-item {
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-radius: var(--hl-pwsc-radius-sm);
  margin: 0 0 7px;
  box-shadow: var(--hl-pwsc-shadow-sm);
  overflow: hidden;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 10px 42px 10px 14px;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--hl-pwsc-navy);
  position: relative;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-faq-item summary::-webkit-details-marker {
  display: none;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--hl-pwsc-blue);
  line-height: 1;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-faq-item[open] summary::after { content: "–"; }
.hl-prod-pw-surface-cleaner .hl-pwsc-faq-item[open] summary { background: var(--hl-pwsc-blue-bg); }

.hl-prod-pw-surface-cleaner .hl-pwsc-faq-item p {
  margin: 0;
  padding: 2px 14px 12px;
  color: var(--hl-pwsc-ink);
  font-size: 0.87rem;
  line-height: 1.45;
}

/* ---------- FAQ as 2-column masonry-ish on wide screens ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 14px;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-faq-grid .hl-pwsc-faq-item {
  break-inside: avoid;
}

/* ---------- Final CTA (compact horizontal) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-final-cta {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 18px;
  align-items: center;
  background: linear-gradient(120deg, var(--hl-pwsc-navy) 0%, var(--hl-pwsc-navy-soft) 100%);
  border-radius: var(--hl-pwsc-radius);
  padding: 18px 20px;
  box-shadow: var(--hl-pwsc-shadow);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-final-cta .hl-pwsc-card-title {
  color: var(--hl-pwsc-white);
  font-size: 1.02rem;
  margin: 0;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-final-cta p {
  color: #cfe0f2;
  margin: 6px 0 0;
  font-size: 0.86rem;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-final-cta .hl-pwsc-cta-row {
  margin: 0;
  justify-content: flex-end;
}

/* ---------- Related (compact horizontal) ---------- */
.hl-prod-pw-surface-cleaner .hl-pwsc-related-card {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  background: var(--hl-pwsc-white);
  border: 1px solid var(--hl-pwsc-blue-line);
  border-radius: var(--hl-pwsc-radius);
  padding: 12px 14px;
  color: var(--hl-pwsc-navy);
  box-shadow: var(--hl-pwsc-shadow-sm);
  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-related-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--hl-pwsc-shadow);
  border-color: var(--hl-pwsc-amber);
}

.hl-prod-pw-surface-cleaner .hl-pwsc-related-emoji {
  font-size: 1.35rem;
  line-height: 1;
  flex-shrink: 0;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-related-text {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  color: var(--hl-pwsc-muted);
  font-weight: 600;
}

.hl-prod-pw-surface-cleaner .hl-pwsc-related-text strong {
  color: var(--hl-pwsc-navy);
  font-size: 0.88rem;
  font-weight: 700;
  margin-bottom: 1px;
}

/* ---------- Responsive ---------- */
@media (max-width: 980px) {
  .hl-prod-pw-surface-cleaner .hl-pwsc-grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
  .hl-prod-pw-surface-cleaner .hl-pwsc-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-pw-surface-cleaner .hl-pwsc-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-final-cta { grid-template-columns: 1fr; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-final-cta .hl-pwsc-cta-row { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .hl-prod-pw-surface-cleaner .hl-pwsc-h2 { font-size: 1.18rem; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-hero-h2 { font-size: 1.25rem; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-grid-2,
  .hl-prod-pw-surface-cleaner .hl-pwsc-grid-3,
  .hl-prod-pw-surface-cleaner .hl-pwsc-grid-4 { grid-template-columns: 1fr; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-hero { padding: 16px; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-btn { width: 100%; text-align: center; }
  .hl-prod-pw-surface-cleaner .hl-pwsc-quicklist strong { font-size: 0.8rem; }
}

/* === Hireload blog (Post 8077) === */
.postid-8077 .blog-sidebar,
.postid-8077 .widget-area,
.postid-8077 .post-sidebar,
.postid-8077 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8077 #content > .row{justify-content:center !important;}
.postid-8077 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8077 footer.entry-meta,
.postid-8077 .entry-meta,
.postid-8077 .entry-author,
.postid-8077 .author-box,
.postid-8077 .navigation-post,
.postid-8077 .nav-previous,
.postid-8077 .nav-next,
.postid-8077 .blog-share,
.postid-8077 .entry-share,
.postid-8077 #comments,
.postid-8077 .comments-area,
.postid-8077 .comment-respond,
.postid-8077 .related-posts,
.postid-8077 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8078) === */
.postid-8078 .blog-sidebar,
.postid-8078 .widget-area,
.postid-8078 .post-sidebar,
.postid-8078 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8078 #content > .row{justify-content:center !important;}
.postid-8078 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8078 footer.entry-meta,
.postid-8078 .entry-meta,
.postid-8078 .entry-author,
.postid-8078 .author-box,
.postid-8078 .navigation-post,
.postid-8078 .nav-previous,
.postid-8078 .nav-next,
.postid-8078 .blog-share,
.postid-8078 .entry-share,
.postid-8078 #comments,
.postid-8078 .comments-area,
.postid-8078 .comment-respond,
.postid-8078 .related-posts,
.postid-8078 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8079) === */
.postid-8079 .blog-sidebar,
.postid-8079 .widget-area,
.postid-8079 .post-sidebar,
.postid-8079 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8079 #content > .row{justify-content:center !important;}
.postid-8079 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8079 footer.entry-meta,
.postid-8079 .entry-meta,
.postid-8079 .entry-author,
.postid-8079 .author-box,
.postid-8079 .navigation-post,
.postid-8079 .nav-previous,
.postid-8079 .nav-next,
.postid-8079 .blog-share,
.postid-8079 .entry-share,
.postid-8079 #comments,
.postid-8079 .comments-area,
.postid-8079 .comment-respond,
.postid-8079 .related-posts,
.postid-8079 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8080) === */
.postid-8080 .blog-sidebar,
.postid-8080 .widget-area,
.postid-8080 .post-sidebar,
.postid-8080 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8080 #content > .row{justify-content:center !important;}
.postid-8080 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8080 footer.entry-meta,
.postid-8080 .entry-meta,
.postid-8080 .entry-author,
.postid-8080 .author-box,
.postid-8080 .navigation-post,
.postid-8080 .nav-previous,
.postid-8080 .nav-next,
.postid-8080 .blog-share,
.postid-8080 .entry-share,
.postid-8080 #comments,
.postid-8080 .comments-area,
.postid-8080 .comment-respond,
.postid-8080 .related-posts,
.postid-8080 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8082) === */
.postid-8082 .blog-sidebar,
.postid-8082 .widget-area,
.postid-8082 .post-sidebar,
.postid-8082 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8082 #content > .row{justify-content:center !important;}
.postid-8082 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8082 footer.entry-meta,
.postid-8082 .entry-meta,
.postid-8082 .entry-author,
.postid-8082 .author-box,
.postid-8082 .navigation-post,
.postid-8082 .nav-previous,
.postid-8082 .nav-next,
.postid-8082 .blog-share,
.postid-8082 .entry-share,
.postid-8082 #comments,
.postid-8082 .comments-area,
.postid-8082 .comment-respond,
.postid-8082 .related-posts,
.postid-8082 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8083) === */
.postid-8083 .blog-sidebar,
.postid-8083 .widget-area,
.postid-8083 .post-sidebar,
.postid-8083 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8083 #content > .row{justify-content:center !important;}
.postid-8083 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8083 footer.entry-meta,
.postid-8083 .entry-meta,
.postid-8083 .entry-author,
.postid-8083 .author-box,
.postid-8083 .navigation-post,
.postid-8083 .nav-previous,
.postid-8083 .nav-next,
.postid-8083 .blog-share,
.postid-8083 .entry-share,
.postid-8083 #comments,
.postid-8083 .comments-area,
.postid-8083 .comment-respond,
.postid-8083 .related-posts,
.postid-8083 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8084) === */
.postid-8084 .blog-sidebar,
.postid-8084 .widget-area,
.postid-8084 .post-sidebar,
.postid-8084 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8084 #content > .row{justify-content:center !important;}
.postid-8084 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8084 footer.entry-meta,
.postid-8084 .entry-meta,
.postid-8084 .entry-author,
.postid-8084 .author-box,
.postid-8084 .navigation-post,
.postid-8084 .nav-previous,
.postid-8084 .nav-next,
.postid-8084 .blog-share,
.postid-8084 .entry-share,
.postid-8084 #comments,
.postid-8084 .comments-area,
.postid-8084 .comment-respond,
.postid-8084 .related-posts,
.postid-8084 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8085) === */
.postid-8085 .blog-sidebar,
.postid-8085 .widget-area,
.postid-8085 .post-sidebar,
.postid-8085 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8085 #content > .row{justify-content:center !important;}
.postid-8085 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8085 footer.entry-meta,
.postid-8085 .entry-meta,
.postid-8085 .entry-author,
.postid-8085 .author-box,
.postid-8085 .navigation-post,
.postid-8085 .nav-previous,
.postid-8085 .nav-next,
.postid-8085 .blog-share,
.postid-8085 .entry-share,
.postid-8085 #comments,
.postid-8085 .comments-area,
.postid-8085 .comment-respond,
.postid-8085 .related-posts,
.postid-8085 .post-next-prev{display:none !important;}
/* === Hireload blog (Post 8122) === */
.postid-8122 .blog-sidebar,
.postid-8122 .widget-area,
.postid-8122 .post-sidebar,
.postid-8122 .post-sidebar.large-3{display:none !important;width:0 !important;overflow:hidden !important;}
.postid-8122 #content > .row{justify-content:center !important;}
.postid-8122 #content > .row > .large-9{width:100% !important;max-width:800px;margin:0 auto !important;float:none !important;}
.postid-8122 footer.entry-meta,
.postid-8122 .entry-meta,
.postid-8122 .entry-author,
.postid-8122 .author-box,
.postid-8122 .navigation-post,
.postid-8122 .nav-previous,
.postid-8122 .nav-next,
.postid-8122 .blog-share,
.postid-8122 .entry-share,
.postid-8122 #comments,
.postid-8122 .comments-area,
.postid-8122 .comment-respond,
.postid-8122 .related-posts,
.postid-8122 .post-next-prev{display:none !important;}

/* === Hireload Floor Sanders Category CSS — appended === */
/* =====================================================
   Hireload — Floor Sanders (category landing page)
   v1 — warm oak / beige / nude / wood-renovation palette
   Scoped to .hl-cat-floor-sanders only
   No body / html / :root selectors. No full-page background.
   ===================================================== */

.hl-cat-floor-sanders {
  /* Premium navy text */
  --hl-fs-navy:        #18293d;
  --hl-fs-navy-2:      #223a52;

  /* Wood / oak accents */
  --hl-fs-oak:         #c98b4a;   /* warm oak accent */
  --hl-fs-oak-2:       #a86f33;   /* deeper oak for hover */
  --hl-fs-amber:       #d9a35c;   /* soft amber */
  --hl-fs-brown:       #7a5a3a;   /* muted brown */

  /* Warm surfaces */
  --hl-fs-sand:        #f7efe3;   /* sand / beige surface */
  --hl-fs-cream:       #fffaf3;   /* cream card */
  --hl-fs-cream-2:     #fdf6ea;   /* warm cream band */
  --hl-fs-nude:        #f3e7d6;   /* nude tint */

  /* Borders */
  --hl-fs-border:      #ead7bd;   /* light warm border */
  --hl-fs-border-2:    #e0cba9;

  /* Text */
  --hl-fs-text:        #2a2118;
  --hl-fs-text-soft:   #6b5b48;

  /* Geometry */
  --hl-fs-radius:      10px;
  --hl-fs-radius-lg:   14px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-fs-text);
  line-height: 1.5;
  font-size: 14px;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 12px;
}

.hl-cat-floor-sanders * { box-sizing: border-box; }

.hl-cat-floor-sanders a {
  color: var(--hl-fs-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--hl-fs-border-2);
}
.hl-cat-floor-sanders a:hover { color: var(--hl-fs-oak-2); text-decoration-color: var(--hl-fs-oak-2); }

.hl-cat-floor-sanders h1,
.hl-cat-floor-sanders h2,
.hl-cat-floor-sanders h3,
.hl-cat-floor-sanders h4 {
  font-family: inherit;
  color: var(--hl-fs-navy);
  margin: 0 0 0.35em 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-weight: 700;
}
.hl-cat-floor-sanders p { margin: 0 0 0.6em 0; }

.hl-fs-section-h { font-size: 1.12rem; font-weight: 700; margin: 4px 0 2px 0; color: var(--hl-fs-navy); }
.hl-fs-section-sub { color: var(--hl-fs-text-soft); margin: 0 0 0.7em 0; font-size: 0.84rem; }

/* Section pill labels */
.hl-fs-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border-2);
  color: var(--hl-fs-brown);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.hl-fs-pill span[aria-hidden] { font-size: 0.78rem; }

/* ============== HERO ============== */
.hl-fs-hero {
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(201, 139, 74, 0.16) 0%, transparent 58%),
    radial-gradient(120% 100% at 100% 100%, rgba(122, 90, 58, 0.14) 0%, transparent 60%),
    linear-gradient(135deg, #fbf4e9 0%, #f3e7d6 100%);
  border: 1px solid var(--hl-fs-border-2);
  border-radius: var(--hl-fs-radius-lg);
  padding: 18px;
  margin: 14px 0 18px 0;
  box-shadow: 0 4px 18px rgba(24, 41, 61, 0.06);
}
.hl-fs-hero-grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.hl-fs-hero-main { display: flex; flex-direction: column; }
.hl-fs-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border-2);
  color: var(--hl-fs-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0 1px 2px rgba(24, 41, 61, 0.05);
}
.hl-fs-hero-h {
  color: var(--hl-fs-navy);
  font-size: 1.4rem;
  margin: 0 0 6px 0;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}
.hl-fs-hero-sub { color: #3a2f23; font-size: 0.88rem; margin: 0 0 10px 0; line-height: 1.5; }

.hl-fs-hero-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; }
.hl-fs-hero-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-fs-badge {
  display: inline-block;
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--hl-fs-navy);
}
.hl-fs-badge-oak { background: var(--hl-fs-cream-2); border-color: var(--hl-fs-border-2); }
.hl-fs-badge-nude { background: var(--hl-fs-nude); border-color: var(--hl-fs-border-2); }

/* Hero side card (Quick pick) */
.hl-fs-hero-side {
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border);
  border-radius: var(--hl-fs-radius);
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(24, 41, 61, 0.06);
}
.hl-fs-hero-side-tag {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--hl-fs-oak-2); margin-bottom: 3px;
}
.hl-fs-hero-side-q { font-size: 0.88rem; font-weight: 700; color: var(--hl-fs-navy); margin: 0 0 6px 0; }
.hl-fs-hero-side-list { list-style: none; margin: 0; padding: 0; }
.hl-fs-hero-side-list li {
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
  padding: 6px 0;
  border-bottom: 1px dashed var(--hl-fs-border-2);
  font-size: 0.8rem;
}
.hl-fs-hero-side-list li:last-child { border-bottom: 0; }
.hl-fs-hero-side-list li > span { color: var(--hl-fs-navy); font-weight: 600; }
.hl-fs-hero-side-list li > a,
.hl-fs-hero-side-list li > span.hl-fs-side-act {
  color: var(--hl-fs-oak-2); font-weight: 700; text-decoration: none;
  white-space: nowrap; font-size: 0.78rem;
}
.hl-fs-hero-side-list li > a:hover { color: var(--hl-fs-brown); text-decoration: underline; }

/* Buttons */
.hl-fs-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 0.88rem;
  border: 1px solid transparent;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
  line-height: 1;
}
/* Button colours scoped under root so they win over base `a` colour/underline rules */
.hl-cat-floor-sanders .hl-fs-btn { text-decoration: none; }
.hl-cat-floor-sanders .hl-fs-btn-primary { background: var(--hl-fs-oak); color: #ffffff; border-color: var(--hl-fs-oak); }
.hl-cat-floor-sanders .hl-fs-btn-primary:hover { background: var(--hl-fs-oak-2); border-color: var(--hl-fs-oak-2); color: #ffffff; transform: translateY(-1px); }
.hl-cat-floor-sanders .hl-fs-btn-outline { background: var(--hl-fs-cream); color: var(--hl-fs-navy); border-color: var(--hl-fs-navy); }
.hl-cat-floor-sanders .hl-fs-btn-outline:hover { background: var(--hl-fs-navy); color: #ffffff; }
.hl-cat-floor-sanders .hl-fs-btn-outline-dark { background: rgba(255,255,255,0.06); color: #ffffff; border-color: rgba(255,255,255,0.65); }
.hl-cat-floor-sanders .hl-fs-btn-outline-dark:hover { background: rgba(255,255,255,0.16); border-color: #ffffff; color: #ffffff; }
.hl-cat-floor-sanders .hl-fs-btn-ghost { background: transparent; color: rgba(255,255,255,0.92); border-color: transparent; }
.hl-cat-floor-sanders .hl-fs-btn-ghost:hover { color: #ffffff; }

/* ============== QUICK ANSWER ============== */
.hl-fs-quick {
  background: var(--hl-fs-cream-2);
  border: 1px solid var(--hl-fs-border);
  border-left: 3px solid var(--hl-fs-oak);
  border-radius: var(--hl-fs-radius);
  padding: 10px 12px;
  margin: 0 0 16px 0;
}
.hl-fs-quick .hl-fs-pill { margin-bottom: 3px; }
.hl-fs-quick-h { font-size: 0.98rem; margin: 2px 0 4px 0; color: var(--hl-fs-navy); }
.hl-fs-quick p { margin: 0; font-size: 0.85rem; color: var(--hl-fs-text); line-height: 1.5; }

/* ============== TABLES ============== */
.hl-fs-jobs, .hl-fs-compare { margin: 0 0 18px 0; }
.hl-fs-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--hl-fs-border);
  border-radius: var(--hl-fs-radius);
  background: var(--hl-fs-cream);
}
.hl-fs-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; min-width: 680px; }
.hl-fs-table thead th {
  background: var(--hl-fs-navy);
  color: #ffffff;
  text-align: left;
  padding: 7px 10px;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
.hl-fs-table tbody th[scope="row"] {
  font-weight: 600;
  color: var(--hl-fs-navy);
  text-align: left;
  background: var(--hl-fs-nude);
  padding: 7px 10px;
  border-top: 1px solid var(--hl-fs-border);
  width: 26%;
  font-size: 0.82rem;
}
.hl-fs-table td {
  padding: 7px 10px;
  border-top: 1px solid var(--hl-fs-border);
  vertical-align: top;
  color: var(--hl-fs-text);
  font-size: 0.82rem;
}
.hl-fs-table tbody tr:hover td,
.hl-fs-table tbody tr:hover th[scope="row"] { background: var(--hl-fs-cream-2); }

/* ============== EQUIPMENT CARDS ============== */
.hl-fs-groups { margin: 0 0 18px 0; }
.hl-fs-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.hl-fs-card {
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border);
  border-left: 3px solid var(--hl-fs-oak);
  border-radius: var(--hl-fs-radius);
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.hl-fs-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(24, 41, 61, 0.08); border-color: var(--hl-fs-oak); }
.hl-fs-card--brown { border-left-color: var(--hl-fs-brown); }
.hl-fs-card-ico {
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--hl-fs-nude);
  border: 1px solid var(--hl-fs-border-2);
  margin-bottom: 5px;
}
.hl-fs-card h4 { font-size: 0.92rem; margin: 0 0 3px 0; color: var(--hl-fs-navy); }
.hl-fs-card p { font-size: 0.79rem; color: var(--hl-fs-text-soft); margin: 0 0 5px 0; line-height: 1.4; }
.hl-fs-card .hl-fs-card-meta { font-size: 0.75rem; color: var(--hl-fs-text-soft); margin: 0 0 3px 0; }
.hl-fs-card .hl-fs-card-meta strong { color: var(--hl-fs-navy); font-weight: 700; }
.hl-fs-card-body { flex: 1; }
.hl-fs-card-link {
  font-weight: 700;
  font-size: 0.78rem;
  color: var(--hl-fs-oak-2);
  text-decoration: none;
  align-self: flex-start;
  border-bottom: 1px solid var(--hl-fs-border-2);
  padding-bottom: 1px;
}
.hl-fs-card-link:hover { color: var(--hl-fs-navy); border-bottom-color: var(--hl-fs-navy); }
.hl-fs-card-note { font-size: 0.74rem; color: var(--hl-fs-text-soft); font-style: italic; align-self: flex-start; }

/* ============== BEST FOR / CHECK FIRST ============== */
.hl-fs-bestfor { margin: 0 0 18px 0; }
.hl-fs-bestfor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
}
.hl-fs-bf-col {
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border);
  border-radius: var(--hl-fs-radius);
  padding: 12px 14px;
}
.hl-fs-bf-col--good { border-top: 3px solid var(--hl-fs-oak); }
.hl-fs-bf-col--check { border-top: 3px solid var(--hl-fs-brown); }
.hl-fs-bf-col h4 { font-size: 0.92rem; margin: 0 0 6px 0; color: var(--hl-fs-navy); }
.hl-fs-bf-col ul { list-style: none; margin: 0; padding: 0; }
.hl-fs-bf-col li {
  position: relative;
  padding: 4px 0 4px 20px;
  font-size: 0.8rem;
  color: var(--hl-fs-text);
  line-height: 1.4;
  border-bottom: 1px dashed var(--hl-fs-border);
}
.hl-fs-bf-col li:last-child { border-bottom: 0; }
.hl-fs-bf-col--good li::before {
  content: "✅"; position: absolute; left: 0; top: 4px; font-size: 0.72rem;
}
.hl-fs-bf-col--check li::before {
  content: "⚠️"; position: absolute; left: 0; top: 4px; font-size: 0.72rem;
}

/* ============== CONFIRM-BEFORE-BOOKING GRID ============== */
.hl-fs-confirm { margin: 0 0 18px 0; }
.hl-fs-confirm-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 6px;
}
.hl-fs-confirm-grid li {
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border);
  border-left: 2px solid var(--hl-fs-oak);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 0.79rem;
  color: var(--hl-fs-text);
  line-height: 1.4;
}
.hl-fs-confirm-grid li strong { color: var(--hl-fs-navy); display: block; font-size: 0.82rem; }

/* ============== SAFETY CHECKLIST ============== */
.hl-fs-safety { margin: 0 0 18px 0; }
.hl-fs-safety-wrap {
  background: var(--hl-fs-cream-2);
  border: 1px solid var(--hl-fs-border);
  border-left: 3px solid var(--hl-fs-brown);
  border-radius: var(--hl-fs-radius);
  padding: 12px 14px;
}
.hl-fs-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 5px;
}
.hl-fs-check-list li {
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border);
  border-radius: 5px;
  padding: 6px 9px 6px 28px;
  position: relative;
  font-size: 0.79rem;
  color: var(--hl-fs-text);
  line-height: 1.4;
}
.hl-fs-check-list li::before {
  content: "✓";
  position: absolute;
  left: 7px; top: 9px;
  width: 14px; height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--hl-fs-oak);
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 0.62rem;
}

/* ============== RELATED ============== */
.hl-fs-related { margin: 0 0 18px 0; }
.hl-fs-related-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.hl-fs-related-list a {
  display: inline-block;
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border-2);
  border-radius: 5px;
  padding: 5px 9px;
  text-decoration: none;
  color: var(--hl-fs-navy);
  font-size: 0.78rem;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hl-fs-related-list a:hover { background: var(--hl-fs-oak-2); border-color: var(--hl-fs-oak-2); color: #ffffff; }

/* ============== FAQ ============== */
.hl-fs-faq { margin: 0 0 18px 0; }
.hl-fs-faq-item {
  background: var(--hl-fs-cream);
  border: 1px solid var(--hl-fs-border);
  border-radius: var(--hl-fs-radius);
  padding: 1px 12px;
  margin-bottom: 5px;
}
.hl-fs-faq-item summary {
  cursor: pointer;
  padding: 8px 0;
  font-weight: 600;
  color: var(--hl-fs-navy);
  font-size: 0.84rem;
  list-style: none;
  position: relative;
  padding-right: 22px;
}
.hl-fs-faq-item summary::-webkit-details-marker { display: none; }
.hl-fs-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px; top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: var(--hl-fs-oak-2);
  font-weight: 700;
}
.hl-fs-faq-item[open] summary::after { content: "−"; }
.hl-fs-faq-item p { margin: 0 0 8px 0; color: var(--hl-fs-text); font-size: 0.8rem; line-height: 1.5; }
.hl-fs-faq-item p a { color: var(--hl-fs-oak-2); font-weight: 600; }

/* ============== FINAL CTA ============== */
.hl-fs-cta {
  background: linear-gradient(135deg, var(--hl-fs-navy) 0%, var(--hl-fs-navy-2) 100%);
  color: #ffffff;
  border-radius: var(--hl-fs-radius-lg);
  padding: 14px 16px;
  text-align: center;
  margin: 0 0 18px 0;
  position: relative;
  overflow: hidden;
}
.hl-fs-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(201, 139, 74, 0.26) 0%, transparent 60%),
    radial-gradient(80% 60% at 100% 100%, rgba(217, 163, 92, 0.18) 0%, transparent 60%);
  pointer-events: none;
}
/* Scoped under root so white text wins over base `.hl-cat-floor-sanders h2` navy rule */
.hl-cat-floor-sanders .hl-fs-cta-h { color: #ffffff; font-size: 1.02rem; margin: 0 0 3px 0; position: relative; z-index: 1; }
.hl-cat-floor-sanders .hl-fs-cta-sub {
  color: rgba(255,255,255,0.92);
  font-size: 0.82rem;
  margin: 0 auto 10px auto;
  max-width: 760px;
  position: relative;
  z-index: 1;
}
.hl-fs-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hl-fs-cta-buttons .hl-fs-btn { padding: 8px 14px; font-size: 0.82rem; }

/* ============== RESPONSIVE ============== */
@media (max-width: 1024px) {
  .hl-fs-cards { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 780px) {
  .hl-fs-hero-grid { grid-template-columns: 1fr; }
  .hl-fs-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .hl-fs-cards { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .hl-cat-floor-sanders { font-size: 13.5px; padding: 0 9px; }
  .hl-fs-hero { padding: 14px; }
  .hl-fs-hero-h { font-size: 1.18rem; }
  .hl-fs-hero-sub { font-size: 0.82rem; }
  .hl-fs-section-h { font-size: 1.02rem; }
  .hl-fs-cta { padding: 12px 12px; }
  .hl-fs-cta-h { font-size: 0.96rem; }
}

/* === Hireload Genie Material Lift Product CSS — appended === */
.hl-prod-genie-material-lift br { display: none; }
/* ============================================================
   Hireload — Genie Material Lift Hire London (SLA10–SLA25)
   Compact premium product long description
   All selectors scoped under .hl-prod-genie-material-lift
   Prefix: hl-gml-
   ============================================================ */

.hl-prod-genie-material-lift {
  --hl-gml-navy: #102a43;
  --hl-gml-navy-soft: #1f3b57;
  --hl-gml-blue: #2f6db5;
  --hl-gml-blue-bg: #eef5fc;
  --hl-gml-blue-line: #d3e4f5;
  --hl-gml-amber: #f4a118;
  --hl-gml-amber-bg: #fff7e8;
  --hl-gml-amber-line: #f6d79a;
  --hl-gml-green: #2f8f5b;
  --hl-gml-green-bg: #e6f4ec;
  --hl-gml-ink: #2c3b4a;
  --hl-gml-muted: #5d6b7a;
  --hl-gml-white: #ffffff;
  --hl-gml-radius: 13px;
  --hl-gml-radius-sm: 9px;
  --hl-gml-shadow: 0 6px 18px rgba(16, 42, 67, 0.08);
  --hl-gml-shadow-sm: 0 1px 6px rgba(16, 42, 67, 0.05);

  max-width: 1140px;
  margin: 0 auto;
  color: var(--hl-gml-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.48;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.hl-prod-genie-material-lift *,
.hl-prod-genie-material-lift *::before,
.hl-prod-genie-material-lift *::after {
  box-sizing: border-box;
}

/* ---------- Section shell ---------- */
.hl-prod-genie-material-lift .hl-gml-section { margin: 0 0 20px; padding: 0; }

.hl-prod-genie-material-lift .hl-gml-h2 {
  color: var(--hl-gml-navy);
  font-size: 1.22rem;
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 9px;
  letter-spacing: -0.01em;
}

.hl-prod-genie-material-lift .hl-gml-section-intro {
  color: var(--hl-gml-muted);
  margin: 0 0 12px;
  max-width: 95ch;
  font-size: 0.92rem;
}

.hl-prod-genie-material-lift .hl-gml-eyebrow {
  display: inline-block;
  background: var(--hl-gml-amber-bg);
  border: 1px solid var(--hl-gml-amber-line);
  color: var(--hl-gml-navy-soft);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 3px 10px;
  margin: 0 0 9px;
}

.hl-prod-genie-material-lift .hl-gml-lead { font-size: 0.95rem; margin: 0 0 10px; }

.hl-prod-genie-material-lift .hl-gml-note {
  background: var(--hl-gml-amber-bg);
  border: 1px solid var(--hl-gml-amber-line);
  border-radius: var(--hl-gml-radius-sm);
  padding: 8px 12px;
  margin: 0 0 8px;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--hl-gml-navy-soft);
}

/* ---------- Hero ---------- */
.hl-prod-genie-material-lift .hl-gml-hero {
  background: linear-gradient(180deg, var(--hl-gml-blue-bg) 0%, #ffffff 100%);
  border: 1px solid var(--hl-gml-blue-line);
  border-radius: var(--hl-gml-radius);
  padding: 16px;
  box-shadow: var(--hl-gml-shadow-sm);
}

.hl-prod-genie-material-lift .hl-gml-hero-grid {
  display: grid;
  grid-template-columns: 1.9fr 1fr;
  gap: 16px;
  align-items: start;
}

.hl-prod-genie-material-lift .hl-gml-hero-h2 { font-size: 1.18rem; margin-bottom: 6px; }

.hl-prod-genie-material-lift .hl-gml-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.hl-prod-genie-material-lift .hl-gml-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 9px 15px;
  border-radius: var(--hl-gml-radius-sm);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.hl-prod-genie-material-lift .hl-gml-btn-primary {
  background: var(--hl-gml-amber);
  color: var(--hl-gml-navy);
  box-shadow: var(--hl-gml-shadow-sm);
}

.hl-prod-genie-material-lift .hl-gml-btn-ghost {
  background: var(--hl-gml-white);
  color: var(--hl-gml-navy);
  border: 1px solid var(--hl-gml-blue-line);
}

.hl-prod-genie-material-lift .hl-gml-btn:hover { transform: translateY(-1px); box-shadow: var(--hl-gml-shadow); }

.hl-prod-genie-material-lift .hl-gml-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.hl-prod-genie-material-lift .hl-gml-chip {
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  color: var(--hl-gml-navy);
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: var(--hl-gml-shadow-sm);
}

/* ---------- Quick info panel ---------- */
.hl-prod-genie-material-lift .hl-gml-quickcard {
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  border-radius: var(--hl-gml-radius);
  padding: 14px 16px;
  box-shadow: var(--hl-gml-shadow);
}

.hl-prod-genie-material-lift .hl-gml-quickcard-title {
  color: var(--hl-gml-navy);
  font-size: 0.98rem;
  font-weight: 800;
  margin: 0 0 8px;
}

.hl-prod-genie-material-lift .hl-gml-quicklist { list-style: none; margin: 0 0 8px; padding: 0; }

.hl-prod-genie-material-lift .hl-gml-quicklist li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid var(--hl-gml-blue-line);
}

.hl-prod-genie-material-lift .hl-gml-quicklist li:last-child { border-bottom: none; }

.hl-prod-genie-material-lift .hl-gml-quicklist span {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--hl-gml-muted);
  font-weight: 700;
  white-space: nowrap;
}

.hl-prod-genie-material-lift .hl-gml-quicklist strong {
  color: var(--hl-gml-navy);
  font-weight: 600;
  font-size: 0.82rem;
  text-align: right;
}

.hl-prod-genie-material-lift .hl-gml-quickcard-foot { margin: 0; font-size: 0.78rem; color: var(--hl-gml-muted); }

/* ---------- Quick answer ---------- */
.hl-prod-genie-material-lift .hl-gml-answer-card {
  background: var(--hl-gml-blue-bg);
  border: 1px solid var(--hl-gml-blue-line);
  border-left: 4px solid var(--hl-gml-blue);
  border-radius: var(--hl-gml-radius);
  padding: 14px 18px;
}

.hl-prod-genie-material-lift .hl-gml-answer-card p { margin: 0 0 8px; font-size: 0.92rem; }
.hl-prod-genie-material-lift .hl-gml-answer-card p:last-child { margin-bottom: 0; }

.hl-prod-genie-material-lift .hl-gml-answer-q {
  font-weight: 800;
  color: var(--hl-gml-navy);
  font-size: 1rem;
}

/* ---------- Query chips (people search for) ---------- */
.hl-prod-genie-material-lift .hl-gml-chipwrap { display: flex; flex-wrap: wrap; gap: 7px; }

.hl-prod-genie-material-lift .hl-gml-qchip {
  background: var(--hl-gml-blue-bg);
  border: 1px solid var(--hl-gml-blue-line);
  color: var(--hl-gml-navy-soft);
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 0.8rem;
  font-weight: 600;
}

/* ---------- Grids & cards ---------- */
.hl-prod-genie-material-lift .hl-gml-grid { display: grid; gap: 11px; }
.hl-prod-genie-material-lift .hl-gml-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-genie-material-lift .hl-gml-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-genie-material-lift .hl-gml-grid-4 { grid-template-columns: repeat(4, 1fr); }

.hl-prod-genie-material-lift .hl-gml-card {
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  border-radius: var(--hl-gml-radius);
  padding: 13px 14px;
  box-shadow: var(--hl-gml-shadow-sm);
}

.hl-prod-genie-material-lift .hl-gml-card p { margin: 0; font-size: 0.86rem; color: var(--hl-gml-muted); }

.hl-prod-genie-material-lift .hl-gml-card-title {
  color: var(--hl-gml-navy);
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 5px;
}

/* ---------- Best for / not ideal ---------- */
.hl-prod-genie-material-lift .hl-gml-fitcard {
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  border-radius: var(--hl-gml-radius);
  padding: 13px 16px;
  box-shadow: var(--hl-gml-shadow-sm);
}

.hl-prod-genie-material-lift .hl-gml-fit-good { background: var(--hl-gml-green-bg); border-color: #bfe3cd; }
.hl-prod-genie-material-lift .hl-gml-fit-bad { background: var(--hl-gml-amber-bg); border-color: var(--hl-gml-amber-line); }

.hl-prod-genie-material-lift .hl-gml-list { margin: 0; padding: 0 0 0 2px; list-style: none; }

.hl-prod-genie-material-lift .hl-gml-list li {
  position: relative;
  padding: 4px 0 4px 18px;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--hl-gml-ink);
}

.hl-prod-genie-material-lift .hl-gml-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--hl-gml-blue);
}

.hl-prod-genie-material-lift .hl-gml-fit-good .hl-gml-list li::before { background: var(--hl-gml-green); }
.hl-prod-genie-material-lift .hl-gml-fit-bad .hl-gml-list li::before { background: var(--hl-gml-amber); }

/* ---------- Tables ---------- */
.hl-prod-genie-material-lift .hl-gml-table-wrap {
  overflow-x: auto;
  border-radius: var(--hl-gml-radius);
  border: 1px solid var(--hl-gml-blue-line);
  box-shadow: var(--hl-gml-shadow-sm);
  margin: 0 0 12px;
}

.hl-prod-genie-material-lift .hl-gml-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--hl-gml-white);
  font-size: 0.87rem;
}

.hl-prod-genie-material-lift .hl-gml-table th,
.hl-prod-genie-material-lift .hl-gml-table td {
  text-align: left;
  padding: 8px 13px;
  border-bottom: 1px solid var(--hl-gml-blue-line);
  vertical-align: top;
  line-height: 1.4;
}

.hl-prod-genie-material-lift .hl-gml-table tr:last-child th,
.hl-prod-genie-material-lift .hl-gml-table tr:last-child td { border-bottom: none; }

.hl-prod-genie-material-lift .hl-gml-table th[scope="row"] {
  background: var(--hl-gml-blue-bg);
  color: var(--hl-gml-navy);
  font-weight: 700;
  width: 28%;
  white-space: nowrap;
}

.hl-prod-genie-material-lift .hl-gml-table-models th[scope="col"] {
  background: var(--hl-gml-navy);
  color: var(--hl-gml-white);
  font-weight: 700;
}

.hl-prod-genie-material-lift .hl-gml-table-models th[scope="row"] {
  background: var(--hl-gml-amber-bg);
  color: var(--hl-gml-navy);
  width: auto;
  white-space: nowrap;
}

.hl-prod-genie-material-lift .hl-gml-fineprint {
  margin: 0 2px 12px;
  font-size: 0.8rem;
  color: var(--hl-gml-muted);
  font-style: italic;
}

/* ---------- Confirm cards ---------- */
.hl-prod-genie-material-lift .hl-gml-confirm-card {
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  border-top: 3px solid var(--hl-gml-blue);
  border-radius: var(--hl-gml-radius);
  padding: 12px 13px;
  box-shadow: var(--hl-gml-shadow-sm);
}

.hl-prod-genie-material-lift .hl-gml-confirm-emoji { font-size: 1.15rem; line-height: 1; display: block; margin-bottom: 6px; }
.hl-prod-genie-material-lift .hl-gml-confirm-card strong { display: block; color: var(--hl-gml-navy); font-size: 0.9rem; margin-bottom: 3px; }
.hl-prod-genie-material-lift .hl-gml-confirm-card p { margin: 0; font-size: 0.8rem; color: var(--hl-gml-muted); }

/* ---------- Safety checklist ---------- */
.hl-prod-genie-material-lift .hl-gml-checklist {
  list-style: none;
  margin: 0;
  padding: 4px 15px;
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  border-radius: var(--hl-gml-radius);
  box-shadow: var(--hl-gml-shadow-sm);
}

.hl-prod-genie-material-lift .hl-gml-checklist li {
  position: relative;
  padding: 7px 0 7px 25px;
  border-bottom: 1px solid var(--hl-gml-blue-line);
  font-size: 0.86rem;
  line-height: 1.4;
}

.hl-prod-genie-material-lift .hl-gml-checklist li:last-child { border-bottom: none; }

.hl-prod-genie-material-lift .hl-gml-checklist li::before {
  content: "✅";
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 0.82rem;
}

/* ---------- FAQ ---------- */
.hl-prod-genie-material-lift .hl-gml-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 14px;
}

.hl-prod-genie-material-lift .hl-gml-faq-item {
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  border-radius: var(--hl-gml-radius-sm);
  margin: 0 0 7px;
  box-shadow: var(--hl-gml-shadow-sm);
  overflow: hidden;
  break-inside: avoid;
}

.hl-prod-genie-material-lift .hl-gml-faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 10px 42px 10px 14px;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--hl-gml-navy);
  position: relative;
}

.hl-prod-genie-material-lift .hl-gml-faq-item summary::-webkit-details-marker { display: none; }

.hl-prod-genie-material-lift .hl-gml-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--hl-gml-blue);
  line-height: 1;
}

.hl-prod-genie-material-lift .hl-gml-faq-item[open] summary::after { content: "–"; }
.hl-prod-genie-material-lift .hl-gml-faq-item[open] summary { background: var(--hl-gml-blue-bg); }

.hl-prod-genie-material-lift .hl-gml-faq-item p {
  margin: 0;
  padding: 2px 14px 12px;
  color: var(--hl-gml-ink);
  font-size: 0.87rem;
  line-height: 1.45;
}

/* ---------- Final CTA ---------- */
.hl-prod-genie-material-lift .hl-gml-final-cta {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 18px;
  align-items: center;
  background: linear-gradient(120deg, var(--hl-gml-navy) 0%, var(--hl-gml-navy-soft) 100%);
  border-radius: var(--hl-gml-radius);
  padding: 18px 20px;
  box-shadow: var(--hl-gml-shadow);
}

.hl-prod-genie-material-lift .hl-gml-final-cta .hl-gml-card-title { color: var(--hl-gml-white); font-size: 1.02rem; margin: 0; }
.hl-prod-genie-material-lift .hl-gml-final-cta p { color: #cfe0f2; margin: 6px 0 0; font-size: 0.86rem; }
.hl-prod-genie-material-lift .hl-gml-final-cta .hl-gml-cta-row { margin: 0; justify-content: flex-end; }

/* ---------- Related ---------- */
.hl-prod-genie-material-lift .hl-gml-related { margin-top: 18px; }
.hl-prod-genie-material-lift .hl-gml-related-title { color: var(--hl-gml-navy); font-size: 1rem; font-weight: 800; margin: 0 0 10px; }

.hl-prod-genie-material-lift .hl-gml-related-card {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  background: var(--hl-gml-white);
  border: 1px solid var(--hl-gml-blue-line);
  border-radius: var(--hl-gml-radius);
  padding: 12px 14px;
  color: var(--hl-gml-navy);
  box-shadow: var(--hl-gml-shadow-sm);
  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}

.hl-prod-genie-material-lift .hl-gml-related-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--hl-gml-shadow);
  border-color: var(--hl-gml-amber);
}

.hl-prod-genie-material-lift .hl-gml-related-emoji { font-size: 1.35rem; line-height: 1; flex-shrink: 0; }
.hl-prod-genie-material-lift .hl-gml-related-text { display: flex; flex-direction: column; font-size: 0.8rem; color: var(--hl-gml-muted); font-weight: 600; }
.hl-prod-genie-material-lift .hl-gml-related-text strong { color: var(--hl-gml-navy); font-size: 0.88rem; font-weight: 700; margin-bottom: 1px; }

/* ---------- Responsive ---------- */
@media (max-width: 980px) {
  .hl-prod-genie-material-lift .hl-gml-grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
  .hl-prod-genie-material-lift .hl-gml-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-genie-material-lift .hl-gml-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-genie-material-lift .hl-gml-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-genie-material-lift .hl-gml-final-cta { grid-template-columns: 1fr; }
  .hl-prod-genie-material-lift .hl-gml-final-cta .hl-gml-cta-row { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .hl-prod-genie-material-lift .hl-gml-h2 { font-size: 1.18rem; }
  .hl-prod-genie-material-lift .hl-gml-hero-h2 { font-size: 1.22rem; }
  .hl-prod-genie-material-lift .hl-gml-grid-2,
  .hl-prod-genie-material-lift .hl-gml-grid-3,
  .hl-prod-genie-material-lift .hl-gml-grid-4 { grid-template-columns: 1fr; }
  .hl-prod-genie-material-lift .hl-gml-hero { padding: 16px; }
  .hl-prod-genie-material-lift .hl-gml-btn { width: 100%; text-align: center; }
}

/* === Hireload Electric Scissor Lift Product CSS — appended === */
/* ===========================================================
   Hireload — Electric Scissor Lift Hire London (5m / 8m / 10m)
   Scoped product long-description styles — WARM / SOFT INDUSTRIAL
   Root: .hl-prod-electric-scissor-lift   Prefix: hl-esl-
   All selectors scoped under root. No global element selectors.
   =========================================================== */

.hl-prod-electric-scissor-lift {
  /* Warm palette: cream / beige / nude base, soft orange + muted amber accents */
  --hl-esl-ink: #3a2e24;          /* warm dark brown-charcoal text */
  --hl-esl-ink-soft: #7a6a5b;     /* muted warm grey-brown */
  --hl-esl-navy: #5a3d22;         /* accent only — warm umber (replaces dark navy) */
  --hl-esl-orange: #e08a3c;       /* soft orange */
  --hl-esl-orange-2: #ec9a4e;     /* lighter soft orange */
  --hl-esl-amber: #e9a23b;        /* amber accent */
  --hl-esl-amber-deep: #c97b2c;   /* deeper amber for text on light */
  --hl-esl-peach: #fbe7d2;        /* peach */
  --hl-esl-cream: #fdf6ec;        /* card cream */
  --hl-esl-bg: #f7ede0;           /* very light warm sand background */
  --hl-esl-card: #fffaf3;         /* near-white warm card */
  --hl-esl-line: #ecd9c2;         /* muted amber/sand border */
  --hl-esl-line-soft: #f1e3d1;
  --hl-esl-good: #5d7a3a;         /* warm olive green */
  --hl-esl-good-soft: #f0f1df;
  --hl-esl-radius: 11px;
  --hl-esl-radius-sm: 8px;
  --hl-esl-shadow: 0 1px 2px rgba(120,80,40,.06), 0 4px 14px rgba(120,80,40,.05);

  box-sizing: border-box;
  max-width: 1180px;
  margin: 0 auto;
  padding: 3px;
  background: var(--hl-esl-bg);
  color: var(--hl-esl-ink);
  font-size: 13.5px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border-radius: var(--hl-esl-radius);
}

.hl-prod-electric-scissor-lift *,
.hl-prod-electric-scissor-lift *::before,
.hl-prod-electric-scissor-lift *::after { box-sizing: border-box; }

/* Pre-empt wpautop line-break insertion between inline cards */
.hl-prod-electric-scissor-lift br { display: none; }

.hl-prod-electric-scissor-lift .hl-esl-section {
  background: var(--hl-esl-card);
  border: 1px solid var(--hl-esl-line);
  border-radius: var(--hl-esl-radius);
  padding: 12px 14px;
  margin: 7px 0;
  box-shadow: var(--hl-esl-shadow);
}

.hl-prod-electric-scissor-lift .hl-esl-h2 {
  font-size: 17px;
  line-height: 1.22;
  color: var(--hl-esl-navy);
  margin: 0 0 9px;
  font-weight: 800;
  letter-spacing: -.01em;
}

.hl-prod-electric-scissor-lift .hl-esl-card-title {
  font-size: 14px;
  color: var(--hl-esl-navy);
  margin: 0 0 5px;
  font-weight: 800;
}

.hl-prod-electric-scissor-lift .hl-esl-section-intro {
  margin: 0 0 9px;
  color: var(--hl-esl-ink-soft);
  font-size: 13px;
}

.hl-prod-electric-scissor-lift p { margin: 0 0 6px; }
.hl-prod-electric-scissor-lift p:last-child { margin-bottom: 0; }

/* ---------- HERO (warm, compact) ---------- */
.hl-prod-electric-scissor-lift .hl-esl-hero {
  background: linear-gradient(135deg, #fdf2e2 0%, var(--hl-esl-peach) 55%, #f8dcbf 130%);
  border: 1px solid var(--hl-esl-line);
  color: var(--hl-esl-ink);
  padding: 14px 16px;
}
.hl-prod-electric-scissor-lift .hl-esl-hero-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12px;
  align-items: stretch;
}
.hl-prod-electric-scissor-lift .hl-esl-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--hl-esl-amber-deep);
  background: rgba(233,162,59,.14);
  border: 1px solid rgba(233,162,59,.32);
  padding: 3px 9px;
  border-radius: 999px;
  margin-bottom: 7px;
}
.hl-prod-electric-scissor-lift .hl-esl-hero-h2 {
  color: var(--hl-esl-navy);
  font-size: 21px;
  line-height: 1.18;
  margin: 0 0 7px;
}
.hl-prod-electric-scissor-lift .hl-esl-lead {
  color: var(--hl-esl-ink);
  font-size: 13px;
  margin: 0 0 7px;
}
.hl-prod-electric-scissor-lift .hl-esl-note {
  color: #8a5a1e;
  background: rgba(233,162,59,.13);
  border: 1px solid rgba(233,162,59,.36);
  border-radius: var(--hl-esl-radius-sm);
  padding: 6px 9px;
  font-size: 11.5px;
  margin: 0 0 9px;
}
.hl-prod-electric-scissor-lift .hl-esl-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 9px;
}
.hl-prod-electric-scissor-lift .hl-esl-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 12.5px;
  padding: 7px 13px;
  border-radius: 999px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.hl-prod-electric-scissor-lift .hl-esl-btn-primary {
  background: linear-gradient(135deg, var(--hl-esl-orange) 0%, var(--hl-esl-amber) 100%);
  color: #fff;
  box-shadow: 0 3px 9px rgba(224,138,60,.32);
}
.hl-prod-electric-scissor-lift .hl-esl-btn-primary:hover { transform: translateY(-1px); }
.hl-prod-electric-scissor-lift .hl-esl-btn-ghost {
  background: rgba(255,255,255,.65);
  color: var(--hl-esl-navy);
  border: 1px solid var(--hl-esl-amber);
}
.hl-prod-electric-scissor-lift .hl-esl-btn-ghost:hover { background: #fff; }
.hl-prod-electric-scissor-lift .hl-esl-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hl-prod-electric-scissor-lift .hl-esl-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--hl-esl-amber-deep);
  background: rgba(255,255,255,.6);
  border: 1px solid var(--hl-esl-line);
  padding: 3px 9px;
  border-radius: 999px;
}

/* Quick info card (compact) */
.hl-prod-electric-scissor-lift .hl-esl-quickcard {
  background: var(--hl-esl-cream);
  border-radius: var(--hl-esl-radius);
  padding: 11px 12px;
  color: var(--hl-esl-ink);
  border: 1px solid var(--hl-esl-line);
  display: flex;
  flex-direction: column;
}
.hl-prod-electric-scissor-lift .hl-esl-quickcard-title {
  font-size: 13px;
  font-weight: 800;
  color: var(--hl-esl-navy);
  margin: 0 0 6px;
}
.hl-prod-electric-scissor-lift .hl-esl-quicklist {
  list-style: none;
  margin: 0 0 6px;
  padding: 0;
}
.hl-prod-electric-scissor-lift .hl-esl-quicklist li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px dashed var(--hl-esl-line);
  font-size: 11.5px;
}
.hl-prod-electric-scissor-lift .hl-esl-quicklist li:last-child { border-bottom: none; }
.hl-prod-electric-scissor-lift .hl-esl-quicklist span { color: var(--hl-esl-ink-soft); flex: 0 0 38%; }
.hl-prod-electric-scissor-lift .hl-esl-quicklist strong { color: var(--hl-esl-navy); text-align: right; font-weight: 700; }
.hl-prod-electric-scissor-lift .hl-esl-quickcard-foot {
  font-size: 10.5px;
  color: var(--hl-esl-ink-soft);
  margin: auto 0 0;
  padding-top: 6px;
  border-top: 1px solid var(--hl-esl-line);
}

/* ---------- QUICK ANSWER ---------- */
.hl-prod-electric-scissor-lift .hl-esl-answer-card {
  background: var(--hl-esl-bg);
  border: 1px solid var(--hl-esl-line);
  border-left: 4px solid var(--hl-esl-orange);
  border-radius: var(--hl-esl-radius-sm);
  padding: 10px 12px;
}
.hl-prod-electric-scissor-lift .hl-esl-answer-q {
  font-weight: 800;
  color: var(--hl-esl-navy);
  margin: 0 0 5px;
  font-size: 13.5px;
}
.hl-prod-electric-scissor-lift .hl-esl-fineprint {
  font-size: 11.5px;
  color: var(--hl-esl-ink-soft);
  margin: 8px 0 0;
}

/* ---------- QUERY CHIPS ---------- */
.hl-prod-electric-scissor-lift .hl-esl-chipwrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hl-prod-electric-scissor-lift .hl-esl-qchip {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--hl-esl-navy);
  background: var(--hl-esl-bg);
  border: 1px solid var(--hl-esl-line);
  padding: 4px 10px;
  border-radius: 999px;
}

/* ---------- GRIDS ---------- */
.hl-prod-electric-scissor-lift .hl-esl-grid { display: grid; gap: 10px; }
.hl-prod-electric-scissor-lift .hl-esl-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-electric-scissor-lift .hl-esl-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-electric-scissor-lift .hl-esl-grid-4 { grid-template-columns: repeat(5, 1fr); }

/* ---------- FIT CARDS ---------- */
.hl-prod-electric-scissor-lift .hl-esl-fitcard {
  border-radius: var(--hl-esl-radius-sm);
  padding: 10px 12px;
  border: 1px solid var(--hl-esl-line);
}
.hl-prod-electric-scissor-lift .hl-esl-fit-good { background: var(--hl-esl-good-soft); border-color: #d9dcb6; }
.hl-prod-electric-scissor-lift .hl-esl-fit-bad { background: var(--hl-esl-peach); border-color: var(--hl-esl-line); }
.hl-prod-electric-scissor-lift .hl-esl-list { margin: 0; padding-left: 16px; }
.hl-prod-electric-scissor-lift .hl-esl-list li { margin: 3px 0; font-size: 12.5px; }

/* ---------- TABLES ---------- */
.hl-prod-electric-scissor-lift .hl-esl-table-wrap { overflow-x: auto; }
.hl-prod-electric-scissor-lift .hl-esl-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  background: var(--hl-esl-card);
}
.hl-prod-electric-scissor-lift .hl-esl-table th,
.hl-prod-electric-scissor-lift .hl-esl-table td {
  text-align: left;
  padding: 7px 11px;
  border: 1px solid var(--hl-esl-line);
  vertical-align: top;
}
.hl-prod-electric-scissor-lift .hl-esl-table thead th {
  background: linear-gradient(135deg, var(--hl-esl-orange) 0%, var(--hl-esl-amber) 100%);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}
.hl-prod-electric-scissor-lift .hl-esl-table tbody th {
  background: var(--hl-esl-peach);
  color: var(--hl-esl-navy);
  font-weight: 700;
  width: 26%;
}
.hl-prod-electric-scissor-lift .hl-esl-table-options tbody th { width: 18%; }
.hl-prod-electric-scissor-lift .hl-esl-table tbody tr:nth-child(even) td { background: var(--hl-esl-bg); }

/* ---------- COMPARE / GENERIC CARDS ---------- */
.hl-prod-electric-scissor-lift .hl-esl-card {
  background: var(--hl-esl-bg);
  border: 1px solid var(--hl-esl-line);
  border-radius: var(--hl-esl-radius-sm);
  padding: 10px 12px;
}
.hl-prod-electric-scissor-lift .hl-esl-card p { font-size: 12.5px; color: var(--hl-esl-ink-soft); }

/* ---------- CONFIRM CARDS ---------- */
.hl-prod-electric-scissor-lift .hl-esl-confirm-card {
  background: var(--hl-esl-bg);
  border: 1px solid var(--hl-esl-line);
  border-radius: var(--hl-esl-radius-sm);
  padding: 9px;
  text-align: center;
}
.hl-prod-electric-scissor-lift .hl-esl-confirm-emoji { font-size: 18px; display: block; margin-bottom: 3px; }
.hl-prod-electric-scissor-lift .hl-esl-confirm-card strong { display: block; color: var(--hl-esl-navy); font-size: 12px; }
.hl-prod-electric-scissor-lift .hl-esl-confirm-card p { font-size: 11px; color: var(--hl-esl-ink-soft); margin: 2px 0 0; }

/* ---------- SAFETY CHECKLIST ---------- */
.hl-prod-electric-scissor-lift .hl-esl-safety { background: var(--hl-esl-peach); border-color: var(--hl-esl-line); }
.hl-prod-electric-scissor-lift .hl-esl-checklist { list-style: none; margin: 0; padding: 0; }
.hl-prod-electric-scissor-lift .hl-esl-checklist li {
  position: relative;
  padding: 5px 6px 5px 24px;
  font-size: 12.5px;
  border-bottom: 1px dashed var(--hl-esl-line);
}
.hl-prod-electric-scissor-lift .hl-esl-checklist li:last-child { border-bottom: none; }
.hl-prod-electric-scissor-lift .hl-esl-checklist li::before {
  content: "🦺";
  position: absolute;
  left: 4px;
  top: 5px;
  font-size: 12px;
}

/* ---------- FAQ ---------- */
.hl-prod-electric-scissor-lift .hl-esl-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  margin-bottom: 11px;
}
.hl-prod-electric-scissor-lift .hl-esl-faq-item {
  background: var(--hl-esl-bg);
  border: 1px solid var(--hl-esl-line);
  border-radius: var(--hl-esl-radius-sm);
  padding: 3px 11px;
}
.hl-prod-electric-scissor-lift .hl-esl-faq-item summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--hl-esl-navy);
  font-size: 12.5px;
  padding: 7px 0;
  list-style: none;
  position: relative;
  padding-right: 20px;
}
.hl-prod-electric-scissor-lift .hl-esl-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-electric-scissor-lift .hl-esl-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 6px;
  font-size: 15px;
  font-weight: 700;
  color: var(--hl-esl-orange);
}
.hl-prod-electric-scissor-lift .hl-esl-faq-item[open] summary::after { content: "–"; }
.hl-prod-electric-scissor-lift .hl-esl-faq-item p {
  font-size: 12px;
  color: var(--hl-esl-ink-soft);
  padding: 0 0 7px;
  margin: 0;
}

/* ---------- FINAL CTA (warm) ---------- */
.hl-prod-electric-scissor-lift .hl-esl-final-cta {
  background: linear-gradient(135deg, var(--hl-esl-orange) 0%, var(--hl-esl-amber) 120%);
  border-radius: var(--hl-esl-radius);
  padding: 13px 15px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.hl-prod-electric-scissor-lift .hl-esl-final-cta .hl-esl-card-title { color: #fff; }
.hl-prod-electric-scissor-lift .hl-esl-final-cta-text { flex: 1 1 300px; }
.hl-prod-electric-scissor-lift .hl-esl-final-cta p { color: #fff6ec; font-size: 12px; margin: 0; }
.hl-prod-electric-scissor-lift .hl-esl-final-cta .hl-esl-btn-primary {
  background: #fff;
  color: var(--hl-esl-amber-deep);
  box-shadow: 0 3px 9px rgba(150,90,30,.22);
}
.hl-prod-electric-scissor-lift .hl-esl-final-cta .hl-esl-btn-ghost {
  background: rgba(255,255,255,.18);
  color: #fff;
  border: 1px solid rgba(255,255,255,.6);
}

/* ---------- RELATED ---------- */
.hl-prod-electric-scissor-lift .hl-esl-related-title {
  font-size: 14px;
  color: var(--hl-esl-navy);
  font-weight: 800;
  margin: 0 0 8px;
}
.hl-prod-electric-scissor-lift .hl-esl-related-card {
  display: flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  background: var(--hl-esl-bg);
  border: 1px solid var(--hl-esl-line);
  border-radius: var(--hl-esl-radius-sm);
  padding: 9px 11px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.hl-prod-electric-scissor-lift .hl-esl-related-card:hover {
  transform: translateY(-1px);
  border-color: var(--hl-esl-orange);
  box-shadow: var(--hl-esl-shadow);
}
.hl-prod-electric-scissor-lift .hl-esl-related-emoji { font-size: 20px; flex: 0 0 auto; }
.hl-prod-electric-scissor-lift .hl-esl-related-text { display: flex; flex-direction: column; font-size: 11.5px; color: var(--hl-esl-ink-soft); }
.hl-prod-electric-scissor-lift .hl-esl-related-text strong { color: var(--hl-esl-navy); font-size: 12.5px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 880px) {
  .hl-prod-electric-scissor-lift .hl-esl-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-electric-scissor-lift .hl-esl-grid-4 { grid-template-columns: repeat(3, 1fr); }
  .hl-prod-electric-scissor-lift .hl-esl-hero-h2 { font-size: 19px; }
}
@media (max-width: 640px) {
  .hl-prod-electric-scissor-lift { font-size: 13px; }
  .hl-prod-electric-scissor-lift .hl-esl-grid-2,
  .hl-prod-electric-scissor-lift .hl-esl-grid-3,
  .hl-prod-electric-scissor-lift .hl-esl-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-electric-scissor-lift .hl-esl-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-electric-scissor-lift .hl-esl-h2 { font-size: 16px; }
  .hl-prod-electric-scissor-lift .hl-esl-hero-h2 { font-size: 18px; }
  .hl-prod-electric-scissor-lift .hl-esl-quicklist strong { text-align: left; }
  .hl-prod-electric-scissor-lift .hl-esl-final-cta { flex-direction: column; align-items: flex-start; }
}

/* === Hireload Drone Roof Cleaning Product CSS — appended === */
/* ===========================================================
   Hireload — Drone Roof Cleaning London (Commercial)
   Scoped long-description styles — LIGHT · COMPACT · PREMIUM
   Root: .hl-prod-drone-roof-cleaning   Prefix: hl-drc-
   All selectors scoped under root. No global element selectors.
   =========================================================== */

.hl-prod-drone-roof-cleaning {
  --hl-drc-navy: #172235;
  --hl-drc-ink: #2a3850;
  --hl-drc-ink-soft: #526173;
  --hl-drc-blue: #256f8d;
  --hl-drc-blue-2: #2f89a8;
  --hl-drc-sky: #eef8fd;
  --hl-drc-sky-2: #f1f8fc;
  --hl-drc-cream: #fff8ef;
  --hl-drc-cream-2: #fff6ea;
  --hl-drc-green-soft: #ecf6f1;
  --hl-drc-orange: #d98245;
  --hl-drc-orange-2: #e2935a;
  --hl-drc-amber-soft: #fff5e6;
  --hl-drc-amber-line: #f2dcb4;
  --hl-drc-bg: #f5fafc;
  --hl-drc-card: #ffffff;
  --hl-drc-line: #e1edf3;
  --hl-drc-line-2: #cfe4ee;
  --hl-drc-radius: 12px;
  --hl-drc-radius-sm: 9px;
  --hl-drc-shadow: 0 1px 2px rgba(23,34,53,.04), 0 4px 12px rgba(37,111,141,.05);
  --hl-drc-shadow-soft: 0 1px 2px rgba(23,34,53,.03), 0 2px 8px rgba(37,111,141,.04);

  box-sizing: border-box;
  max-width: 1160px;
  margin: 0 auto;
  padding: 2px;
  background: var(--hl-drc-bg);
  color: var(--hl-drc-ink);
  font-size: 13px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border-radius: var(--hl-drc-radius);
}

.hl-prod-drone-roof-cleaning *,
.hl-prod-drone-roof-cleaning *::before,
.hl-prod-drone-roof-cleaning *::after { box-sizing: border-box; }

/* Pre-empt wpautop line-break insertion between inline cards */
.hl-prod-drone-roof-cleaning br { display: none; }

.hl-prod-drone-roof-cleaning .hl-drc-section {
  background: var(--hl-drc-card);
  border: 1px solid var(--hl-drc-line);
  border-radius: var(--hl-drc-radius);
  padding: 11px 13px;
  margin: 6px 0;
  box-shadow: var(--hl-drc-shadow-soft);
}

.hl-prod-drone-roof-cleaning .hl-drc-h2 {
  font-size: 16px;
  line-height: 1.22;
  color: var(--hl-drc-navy);
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: -.015em;
}
.hl-prod-drone-roof-cleaning .hl-drc-card-title {
  font-size: 13.5px;
  color: var(--hl-drc-navy);
  margin: 0 0 5px;
  font-weight: 800;
}
.hl-prod-drone-roof-cleaning .hl-drc-section-intro {
  margin: 0 0 9px;
  color: var(--hl-drc-ink-soft);
  font-size: 12.5px;
}
.hl-prod-drone-roof-cleaning p { margin: 0 0 6px; }
.hl-prod-drone-roof-cleaning p:last-child { margin-bottom: 0; }

/* ---------- HERO (light, compact) ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-hero {
  background:
    radial-gradient(120% 150% at 88% 0%, rgba(47,137,168,.10) 0%, rgba(47,137,168,0) 55%),
    linear-gradient(135deg, var(--hl-drc-cream) 0%, var(--hl-drc-sky) 70%, #e9f4fb 130%);
  border: 1px solid var(--hl-drc-line-2);
  color: var(--hl-drc-ink);
  padding: 14px 16px;
}
.hl-prod-drone-roof-cleaning .hl-drc-hero-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 13px;
  align-items: stretch;
}
.hl-prod-drone-roof-cleaning .hl-drc-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--hl-drc-blue);
  background: rgba(47,137,168,.10);
  border: 1px solid rgba(47,137,168,.26);
  padding: 3px 9px;
  border-radius: 999px;
  margin-bottom: 8px;
}
.hl-prod-drone-roof-cleaning .hl-drc-hero-h2 {
  color: var(--hl-drc-navy);
  font-size: 21px;
  line-height: 1.18;
  margin: 0 0 7px;
  letter-spacing: -.02em;
}
.hl-prod-drone-roof-cleaning .hl-drc-lead { color: var(--hl-drc-ink); font-size: 12.5px; margin: 0 0 6px; }
.hl-prod-drone-roof-cleaning .hl-drc-lead-sub { color: var(--hl-drc-ink-soft); font-size: 12px; margin: 0 0 9px; }
.hl-prod-drone-roof-cleaning .hl-drc-cta-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 9px; }
.hl-prod-drone-roof-cleaning .hl-drc-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 12.5px;
  padding: 8px 14px;
  border-radius: 999px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.hl-prod-drone-roof-cleaning .hl-drc-btn-primary {
  background: linear-gradient(135deg, var(--hl-drc-orange) 0%, var(--hl-drc-orange-2) 100%);
  color: #fff;
  box-shadow: 0 3px 10px rgba(217,130,69,.30);
}
.hl-prod-drone-roof-cleaning .hl-drc-btn-primary:hover { transform: translateY(-1px); }
.hl-prod-drone-roof-cleaning .hl-drc-btn-ghost {
  background: #fff;
  color: var(--hl-drc-blue);
  border: 1px solid var(--hl-drc-blue-2);
}
.hl-prod-drone-roof-cleaning .hl-drc-btn-ghost:hover { background: var(--hl-drc-sky); }
.hl-prod-drone-roof-cleaning .hl-drc-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.hl-prod-drone-roof-cleaning .hl-drc-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--hl-drc-blue);
  background: rgba(255,255,255,.78);
  border: 1px solid var(--hl-drc-line-2);
  padding: 3px 9px;
  border-radius: 999px;
}

/* ---------- QUICK PICK CARD ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-quickpick {
  background: #fff;
  border-radius: var(--hl-drc-radius);
  padding: 12px;
  border: 1px solid var(--hl-drc-line-2);
  display: flex;
  flex-direction: column;
  box-shadow: var(--hl-drc-shadow);
}
.hl-prod-drone-roof-cleaning .hl-drc-quickpick-title { font-size: 13.5px; font-weight: 800; color: var(--hl-drc-navy); margin: 0 0 1px; }
.hl-prod-drone-roof-cleaning .hl-drc-quickpick-sub { font-size: 11.5px; color: var(--hl-drc-ink-soft); margin: 0 0 8px; }
.hl-prod-drone-roof-cleaning .hl-drc-pick-list { display: flex; flex-direction: column; gap: 5px; }
.hl-prod-drone-roof-cleaning .hl-drc-pick-row {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: var(--hl-drc-sky-2);
  border: 1px solid var(--hl-drc-line);
  border-radius: var(--hl-drc-radius-sm);
  padding: 7px 9px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-prod-drone-roof-cleaning .hl-drc-pick-row:hover { border-color: var(--hl-drc-blue-2); background: var(--hl-drc-sky); }
.hl-prod-drone-roof-cleaning .hl-drc-pick-need { font-size: 11.5px; font-weight: 700; color: var(--hl-drc-navy); }
.hl-prod-drone-roof-cleaning .hl-drc-pick-go { font-size: 10.5px; font-weight: 600; color: var(--hl-drc-blue); }
.hl-prod-drone-roof-cleaning .hl-drc-quickpick-foot {
  font-size: 10.5px; color: var(--hl-drc-ink-soft);
  margin: auto 0 0; padding-top: 8px; border-top: 1px solid var(--hl-drc-line);
}

/* ---------- QUICK ANSWER ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-answer-card {
  background: var(--hl-drc-sky);
  border: 1px solid var(--hl-drc-line-2);
  border-left: 3px solid var(--hl-drc-blue-2);
  border-radius: var(--hl-drc-radius-sm);
  padding: 10px 12px;
}
.hl-prod-drone-roof-cleaning .hl-drc-answer-q { font-weight: 800; color: var(--hl-drc-navy); margin: 0 0 5px; font-size: 13.5px; }
.hl-prod-drone-roof-cleaning .hl-drc-fineprint { font-size: 11px; color: var(--hl-drc-ink-soft); margin: 8px 0 0; }

/* ---------- GRIDS ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-grid { display: grid; gap: 9px; }
.hl-prod-drone-roof-cleaning .hl-drc-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-drone-roof-cleaning .hl-drc-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-drone-roof-cleaning .hl-drc-grid-4 { grid-template-columns: repeat(6, 1fr); }

/* ---------- WHICH SERVICE (choose cards) ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-choose-card {
  display: block;
  text-decoration: none;
  background: var(--hl-drc-sky-2);
  border: 1px solid var(--hl-drc-line);
  border-radius: var(--hl-drc-radius-sm);
  padding: 10px 11px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hl-prod-drone-roof-cleaning .hl-drc-choose-card:hover { transform: translateY(-1px); border-color: var(--hl-drc-blue-2); box-shadow: var(--hl-drc-shadow); }
.hl-prod-drone-roof-cleaning .hl-drc-choose-emoji { font-size: 18px; display: block; margin-bottom: 4px; }
.hl-prod-drone-roof-cleaning .hl-drc-choose-card strong { display: block; color: var(--hl-drc-navy); font-size: 12.5px; margin-bottom: 2px; }
.hl-prod-drone-roof-cleaning .hl-drc-choose-card p,
.hl-prod-drone-roof-cleaning .hl-drc-choose-desc { display: block; font-size: 11.5px; color: var(--hl-drc-ink-soft); margin: 0 0 5px; }
.hl-prod-drone-roof-cleaning .hl-drc-choose-cta { font-size: 11px; font-weight: 700; color: var(--hl-drc-blue); }

/* ---------- CHOOSE BY SITUATION (single row, scroll if tight) ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-situation-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(125px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.hl-prod-drone-roof-cleaning .hl-drc-situation-card {
  background: var(--hl-drc-cream);
  border: 1px solid var(--hl-drc-amber-line);
  border-radius: var(--hl-drc-radius-sm);
  padding: 8px 9px;
  min-width: 125px;
}
.hl-prod-drone-roof-cleaning .hl-drc-sit-emoji { font-size: 15px; display: block; margin-bottom: 2px; }
.hl-prod-drone-roof-cleaning .hl-drc-situation-card strong { display: block; color: var(--hl-drc-navy); font-size: 11px; line-height: 1.25; margin-bottom: 2px; }
.hl-prod-drone-roof-cleaning .hl-drc-sit-label { display: block; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--hl-drc-blue); margin-bottom: 1px; }
.hl-prod-drone-roof-cleaning .hl-drc-situation-card p { font-size: 10.5px; line-height: 1.35; color: var(--hl-drc-ink-soft); margin: 0; }

/* ---------- FIT CARDS ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-fitcard { border-radius: var(--hl-drc-radius-sm); padding: 10px 12px; border: 1px solid var(--hl-drc-line); }
.hl-prod-drone-roof-cleaning .hl-drc-fit-good { background: var(--hl-drc-green-soft); border-color: #cce8de; }
.hl-prod-drone-roof-cleaning .hl-drc-fit-bad { background: var(--hl-drc-cream-2); border-color: var(--hl-drc-amber-line); }
.hl-prod-drone-roof-cleaning .hl-drc-list { margin: 0; padding-left: 16px; }
.hl-prod-drone-roof-cleaning .hl-drc-list li { margin: 3px 0; font-size: 12px; }

/* ---------- TABLES (light, compact) ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-table-wrap { overflow-x: auto; }
.hl-prod-drone-roof-cleaning .hl-drc-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-drc-card); }
.hl-prod-drone-roof-cleaning .hl-drc-table th,
.hl-prod-drone-roof-cleaning .hl-drc-table td { text-align: left; padding: 7px 10px; border: 1px solid var(--hl-drc-line); vertical-align: top; }
.hl-prod-drone-roof-cleaning .hl-drc-table thead th {
  background: var(--hl-drc-sky);
  color: var(--hl-drc-navy);
  font-weight: 700;
  font-size: 11.5px;
  border-bottom: 2px solid var(--hl-drc-line-2);
}
.hl-prod-drone-roof-cleaning .hl-drc-table tbody th { background: var(--hl-drc-sky-2); color: var(--hl-drc-navy); font-weight: 700; width: 22%; white-space: nowrap; }
.hl-prod-drone-roof-cleaning .hl-drc-table tbody tr:nth-child(even) td { background: #f8fbfd; }

/* ---------- PROCESS STEPS (compact) ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-step {
  position: relative;
  background: var(--hl-drc-sky-2);
  border: 1px solid var(--hl-drc-line);
  border-radius: var(--hl-drc-radius-sm);
  padding: 9px 10px;
}
.hl-prod-drone-roof-cleaning .hl-drc-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 21px; height: 21px; border-radius: 50%;
  background: linear-gradient(135deg, var(--hl-drc-blue) 0%, var(--hl-drc-blue-2) 100%);
  color: #fff; font-weight: 800; font-size: 11.5px; margin-bottom: 5px;
}
.hl-prod-drone-roof-cleaning .hl-drc-step strong { display: block; color: var(--hl-drc-navy); font-size: 12px; margin-bottom: 2px; }
.hl-prod-drone-roof-cleaning .hl-drc-step p { font-size: 11.5px; color: var(--hl-drc-ink-soft); margin: 0; }

/* ---------- CONFIRM CARDS ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-confirm-card {
  background: var(--hl-drc-sky-2);
  border: 1px solid var(--hl-drc-line);
  border-radius: var(--hl-drc-radius-sm);
  padding: 8px;
  text-align: center;
}
.hl-prod-drone-roof-cleaning .hl-drc-confirm-emoji { font-size: 17px; display: block; margin-bottom: 3px; }
.hl-prod-drone-roof-cleaning .hl-drc-confirm-card strong { display: block; color: var(--hl-drc-navy); font-size: 11.5px; }
.hl-prod-drone-roof-cleaning .hl-drc-confirm-card p { font-size: 10.5px; color: var(--hl-drc-ink-soft); margin: 2px 0 0; }

/* ---------- SAFETY CHECKLIST ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-safety { background: var(--hl-drc-cream); border-color: var(--hl-drc-amber-line); }
.hl-prod-drone-roof-cleaning .hl-drc-checklist { list-style: none; margin: 0; padding: 0; }
.hl-prod-drone-roof-cleaning .hl-drc-checklist li {
  position: relative; padding: 5px 6px 5px 24px; font-size: 12px;
  border-bottom: 1px dashed var(--hl-drc-amber-line);
}
.hl-prod-drone-roof-cleaning .hl-drc-checklist li:last-child { border-bottom: none; }
.hl-prod-drone-roof-cleaning .hl-drc-checklist li::before { content: "🛡️"; position: absolute; left: 4px; top: 5px; font-size: 11px; }

/* ---------- FAQ ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-bottom: 12px; }
.hl-prod-drone-roof-cleaning .hl-drc-faq-item {
  background: var(--hl-drc-sky-2);
  border: 1px solid var(--hl-drc-line);
  border-radius: var(--hl-drc-radius-sm);
  padding: 3px 11px;
}
.hl-prod-drone-roof-cleaning .hl-drc-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-drc-navy);
  font-size: 12px; padding: 7px 0; list-style: none; position: relative; padding-right: 20px;
}
.hl-prod-drone-roof-cleaning .hl-drc-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-drone-roof-cleaning .hl-drc-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 6px;
  font-size: 15px; font-weight: 700; color: var(--hl-drc-blue-2);
}
.hl-prod-drone-roof-cleaning .hl-drc-faq-item[open] summary::after { content: "–"; }
.hl-prod-drone-roof-cleaning .hl-drc-faq-item p { font-size: 11.5px; color: var(--hl-drc-ink-soft); padding: 0 0 7px; margin: 0; }

/* ---------- FINAL CTA (light) ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-final-cta {
  background:
    radial-gradient(120% 160% at 90% 0%, rgba(47,137,168,.12) 0%, rgba(47,137,168,0) 55%),
    linear-gradient(135deg, var(--hl-drc-cream) 0%, var(--hl-drc-sky) 120%);
  border: 1px solid var(--hl-drc-line-2);
  border-radius: var(--hl-drc-radius);
  padding: 13px 15px;
  color: var(--hl-drc-ink);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 11px; margin-bottom: 10px;
}
.hl-prod-drone-roof-cleaning .hl-drc-final-cta .hl-drc-card-title { color: var(--hl-drc-navy); }
.hl-prod-drone-roof-cleaning .hl-drc-final-cta-text { flex: 1 1 320px; }
.hl-prod-drone-roof-cleaning .hl-drc-final-cta p { color: var(--hl-drc-ink-soft); font-size: 12px; margin: 0; }

/* ---------- RELATED ---------- */
.hl-prod-drone-roof-cleaning .hl-drc-related-title { font-size: 14px; color: var(--hl-drc-navy); font-weight: 800; margin: 0 0 9px; }
.hl-prod-drone-roof-cleaning .hl-drc-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.hl-prod-drone-roof-cleaning .hl-drc-related-card {
  display: flex; align-items: center; gap: 9px; text-decoration: none;
  background: var(--hl-drc-sky-2); border: 1px solid var(--hl-drc-line);
  border-radius: var(--hl-drc-radius-sm); padding: 9px 11px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.hl-prod-drone-roof-cleaning .hl-drc-related-card:hover { transform: translateY(-1px); border-color: var(--hl-drc-blue-2); box-shadow: var(--hl-drc-shadow); }
.hl-prod-drone-roof-cleaning .hl-drc-related-emoji { font-size: 19px; flex: 0 0 auto; }
.hl-prod-drone-roof-cleaning .hl-drc-related-text { display: flex; flex-direction: column; font-size: 11px; color: var(--hl-drc-ink-soft); }
.hl-prod-drone-roof-cleaning .hl-drc-related-text strong { color: var(--hl-drc-navy); font-size: 12px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  .hl-prod-drone-roof-cleaning .hl-drc-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-roof-cleaning .hl-drc-grid-4 { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-drone-roof-cleaning .hl-drc-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-roof-cleaning .hl-drc-hero-h2 { font-size: 19px; }
}
@media (max-width: 640px) {
  .hl-prod-drone-roof-cleaning .hl-drc-grid-2,
  .hl-prod-drone-roof-cleaning .hl-drc-grid-3,
  .hl-prod-drone-roof-cleaning .hl-drc-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-roof-cleaning .hl-drc-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-roof-cleaning .hl-drc-related-grid { grid-template-columns: repeat(2, 1fr); }
  /* Situation cards: keep a single horizontal scroll row on mobile */
  .hl-prod-drone-roof-cleaning .hl-drc-situation-grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 1fr);
    grid-template-columns: none;
  }
  .hl-prod-drone-roof-cleaning .hl-drc-h2 { font-size: 15px; }
  .hl-prod-drone-roof-cleaning .hl-drc-hero-h2 { font-size: 17.5px; }
  .hl-prod-drone-roof-cleaning .hl-drc-quicklist strong { text-align: left; }
  .hl-prod-drone-roof-cleaning .hl-drc-cta-row .hl-drc-btn { flex: 1 1 100%; text-align: center; }
  .hl-prod-drone-roof-cleaning .hl-drc-final-cta { flex-direction: column; align-items: flex-start; }
}


/* === Blog 09 Wet Carpet (Post 8230) === */
.postid-8230 .blog-sidebar,
.postid-8230 .widget-area,
.postid-8230 .post-sidebar,
.postid-8230 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-8230 #content > .row { justify-content: center !important; }
.postid-8230 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-8230 footer.entry-meta,
.postid-8230 .entry-meta,
.postid-8230 .entry-author,
.postid-8230 .entry-author.author-box,
.postid-8230 .author-box,
.postid-8230 .navigation-post,
.postid-8230 .nav-previous,
.postid-8230 .nav-next,
.postid-8230 .blog-share,
.postid-8230 .entry-share,
.postid-8230 #comments,
.postid-8230 .comments-area,
.postid-8230 .comment-respond,
.postid-8230 .related-posts,
.postid-8230 .post-next-prev {
  display: none !important;
}

/* === New Build Damp First Winter (Post 8259) === */
.postid-8259 .blog-sidebar,
.postid-8259 .widget-area,
.postid-8259 .post-sidebar,
.postid-8259 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-8259 #content > .row { justify-content: center !important; }
.postid-8259 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-8259 footer.entry-meta,
.postid-8259 .entry-meta,
.postid-8259 .entry-author,
.postid-8259 .entry-author.author-box,
.postid-8259 .author-box,
.postid-8259 .navigation-post,
.postid-8259 .nav-previous,
.postid-8259 .nav-next,
.postid-8259 .blog-share,
.postid-8259 .entry-share,
.postid-8259 #comments,
.postid-8259 .comments-area,
.postid-8259 .comment-respond,
.postid-8259 .related-posts,
.postid-8259 .post-next-prev {
  display: none !important;
}

/* === Hireload Drone Roof Inspection Product CSS — appended === */
/* ===========================================================
   Hireload — Drone Roof Inspection London (Commercial)
   Scoped long-description styles — LIGHT · COMPACT · PREMIUM
   Root: .hl-prod-drone-roof-inspection   Prefix: hl-dri-
   All selectors scoped under root. No global element selectors.
   =========================================================== */

.hl-prod-drone-roof-inspection {
  --hl-dri-navy: #172235;
  --hl-dri-ink: #2a3850;
  --hl-dri-ink-soft: #526173;
  --hl-dri-blue: #256f8d;
  --hl-dri-blue-2: #2f89a8;
  --hl-dri-sky: #eef8fd;
  --hl-dri-sky-2: #f1f8fc;
  --hl-dri-cream: #fff8ef;
  --hl-dri-cream-2: #fff6ea;
  --hl-dri-green-soft: #ecf6f1;
  --hl-dri-orange: #d98245;
  --hl-dri-orange-2: #e2935a;
  --hl-dri-amber-soft: #fff5e6;
  --hl-dri-amber-line: #f2dcb4;
  --hl-dri-bg: #f5fafc;
  --hl-dri-card: #ffffff;
  --hl-dri-line: #e1edf3;
  --hl-dri-line-2: #cfe4ee;
  --hl-dri-radius: 12px;
  --hl-dri-radius-sm: 9px;
  --hl-dri-shadow: 0 1px 2px rgba(23,34,53,.04), 0 4px 12px rgba(37,111,141,.05);
  --hl-dri-shadow-soft: 0 1px 2px rgba(23,34,53,.03), 0 2px 8px rgba(37,111,141,.04);

  box-sizing: border-box;
  max-width: 1160px;
  margin: 0 auto;
  padding: 2px;
  background: var(--hl-dri-bg);
  color: var(--hl-dri-ink);
  font-size: 13px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border-radius: var(--hl-dri-radius);
}

.hl-prod-drone-roof-inspection *,
.hl-prod-drone-roof-inspection *::before,
.hl-prod-drone-roof-inspection *::after { box-sizing: border-box; }

/* Pre-empt wpautop line-break insertion between inline cards */
.hl-prod-drone-roof-inspection br { display: none; }

.hl-prod-drone-roof-inspection .hl-dri-section {
  background: var(--hl-dri-card);
  border: 1px solid var(--hl-dri-line);
  border-radius: var(--hl-dri-radius);
  padding: 11px 13px;
  margin: 6px 0;
  box-shadow: var(--hl-dri-shadow-soft);
}

.hl-prod-drone-roof-inspection .hl-dri-h2 {
  font-size: 16px;
  line-height: 1.22;
  color: var(--hl-dri-navy);
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: -.015em;
}
.hl-prod-drone-roof-inspection .hl-dri-card-title {
  font-size: 13.5px;
  color: var(--hl-dri-navy);
  margin: 0 0 5px;
  font-weight: 800;
}
.hl-prod-drone-roof-inspection .hl-dri-section-intro {
  margin: 0 0 9px;
  color: var(--hl-dri-ink-soft);
  font-size: 12.5px;
}
.hl-prod-drone-roof-inspection p { margin: 0 0 6px; }
.hl-prod-drone-roof-inspection p:last-child { margin-bottom: 0; }

/* ---------- HERO (light, compact) ---------- */
.hl-prod-drone-roof-inspection .hl-dri-hero {
  background:
    radial-gradient(120% 150% at 88% 0%, rgba(47,137,168,.10) 0%, rgba(47,137,168,0) 55%),
    linear-gradient(135deg, var(--hl-dri-cream) 0%, var(--hl-dri-sky) 70%, #e9f4fb 130%);
  border: 1px solid var(--hl-dri-line-2);
  color: var(--hl-dri-ink);
  padding: 14px 16px;
}
.hl-prod-drone-roof-inspection .hl-dri-hero-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 13px;
  align-items: stretch;
}
.hl-prod-drone-roof-inspection .hl-dri-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--hl-dri-blue);
  background: rgba(47,137,168,.10);
  border: 1px solid rgba(47,137,168,.26);
  padding: 3px 9px;
  border-radius: 999px;
  margin-bottom: 8px;
}
.hl-prod-drone-roof-inspection .hl-dri-hero-h2 {
  color: var(--hl-dri-navy);
  font-size: 21px;
  line-height: 1.18;
  margin: 0 0 7px;
  letter-spacing: -.02em;
}
.hl-prod-drone-roof-inspection .hl-dri-lead { color: var(--hl-dri-ink); font-size: 12.5px; margin: 0 0 6px; }
.hl-prod-drone-roof-inspection .hl-dri-lead-sub { color: var(--hl-dri-ink-soft); font-size: 12px; margin: 0 0 9px; }
.hl-prod-drone-roof-inspection .hl-dri-cta-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 9px; }
.hl-prod-drone-roof-inspection .hl-dri-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 12.5px;
  padding: 8px 14px;
  border-radius: 999px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.hl-prod-drone-roof-inspection .hl-dri-btn-primary {
  background: linear-gradient(135deg, var(--hl-dri-orange) 0%, var(--hl-dri-orange-2) 100%);
  color: #fff;
  box-shadow: 0 3px 10px rgba(217,130,69,.30);
}
.hl-prod-drone-roof-inspection .hl-dri-btn-primary:hover { transform: translateY(-1px); }
.hl-prod-drone-roof-inspection .hl-dri-btn-ghost {
  background: #fff;
  color: var(--hl-dri-blue);
  border: 1px solid var(--hl-dri-blue-2);
}
.hl-prod-drone-roof-inspection .hl-dri-btn-ghost:hover { background: var(--hl-dri-sky); }
.hl-prod-drone-roof-inspection .hl-dri-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.hl-prod-drone-roof-inspection .hl-dri-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--hl-dri-blue);
  background: rgba(255,255,255,.78);
  border: 1px solid var(--hl-dri-line-2);
  padding: 3px 9px;
  border-radius: 999px;
}

/* ---------- QUICK PICK CARD ---------- */
.hl-prod-drone-roof-inspection .hl-dri-quickpick {
  background: #fff;
  border-radius: var(--hl-dri-radius);
  padding: 12px;
  border: 1px solid var(--hl-dri-line-2);
  display: flex;
  flex-direction: column;
  box-shadow: var(--hl-dri-shadow);
}
.hl-prod-drone-roof-inspection .hl-dri-quickpick-title { font-size: 13.5px; font-weight: 800; color: var(--hl-dri-navy); margin: 0 0 1px; }
.hl-prod-drone-roof-inspection .hl-dri-quickpick-sub { font-size: 11.5px; color: var(--hl-dri-ink-soft); margin: 0 0 8px; }
.hl-prod-drone-roof-inspection .hl-dri-pick-list { display: flex; flex-direction: column; gap: 5px; }
.hl-prod-drone-roof-inspection .hl-dri-pick-row {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: var(--hl-dri-sky-2);
  border: 1px solid var(--hl-dri-line);
  border-radius: var(--hl-dri-radius-sm);
  padding: 7px 9px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-prod-drone-roof-inspection .hl-dri-pick-row:hover { border-color: var(--hl-dri-blue-2); background: var(--hl-dri-sky); }
.hl-prod-drone-roof-inspection .hl-dri-pick-need { font-size: 11.5px; font-weight: 700; color: var(--hl-dri-navy); }
.hl-prod-drone-roof-inspection .hl-dri-pick-go { font-size: 10.5px; font-weight: 600; color: var(--hl-dri-blue); }
.hl-prod-drone-roof-inspection .hl-dri-quickpick-foot {
  font-size: 10.5px; color: var(--hl-dri-ink-soft);
  margin: auto 0 0; padding-top: 8px; border-top: 1px solid var(--hl-dri-line);
}

/* ---------- QUICK ANSWER ---------- */
.hl-prod-drone-roof-inspection .hl-dri-answer-card {
  background: var(--hl-dri-sky);
  border: 1px solid var(--hl-dri-line-2);
  border-left: 3px solid var(--hl-dri-blue-2);
  border-radius: var(--hl-dri-radius-sm);
  padding: 10px 12px;
}
.hl-prod-drone-roof-inspection .hl-dri-answer-q { font-weight: 800; color: var(--hl-dri-navy); margin: 0 0 5px; font-size: 13.5px; }
.hl-prod-drone-roof-inspection .hl-dri-fineprint { font-size: 11px; color: var(--hl-dri-ink-soft); margin: 8px 0 0; }

/* ---------- GRIDS ---------- */
.hl-prod-drone-roof-inspection .hl-dri-grid { display: grid; gap: 9px; }
.hl-prod-drone-roof-inspection .hl-dri-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-drone-roof-inspection .hl-dri-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-drone-roof-inspection .hl-dri-grid-4 { grid-template-columns: repeat(6, 1fr); }

/* ---------- WHICH SERVICE (choose cards) ---------- */
.hl-prod-drone-roof-inspection .hl-dri-choose-card {
  display: block;
  text-decoration: none;
  background: var(--hl-dri-sky-2);
  border: 1px solid var(--hl-dri-line);
  border-radius: var(--hl-dri-radius-sm);
  padding: 10px 11px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hl-prod-drone-roof-inspection .hl-dri-choose-card:hover { transform: translateY(-1px); border-color: var(--hl-dri-blue-2); box-shadow: var(--hl-dri-shadow); }
.hl-prod-drone-roof-inspection .hl-dri-choose-emoji { font-size: 18px; display: block; margin-bottom: 4px; }
.hl-prod-drone-roof-inspection .hl-dri-choose-card strong { display: block; color: var(--hl-dri-navy); font-size: 12.5px; margin-bottom: 2px; }
.hl-prod-drone-roof-inspection .hl-dri-choose-card p,
.hl-prod-drone-roof-inspection .hl-dri-choose-desc { display: block; font-size: 11.5px; color: var(--hl-dri-ink-soft); margin: 0 0 5px; }
.hl-prod-drone-roof-inspection .hl-dri-choose-cta { font-size: 11px; font-weight: 700; color: var(--hl-dri-blue); }

/* ---------- CHOOSE BY SITUATION (single row, scroll if tight) ---------- */
.hl-prod-drone-roof-inspection .hl-dri-situation-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(125px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.hl-prod-drone-roof-inspection .hl-dri-situation-card {
  background: var(--hl-dri-cream);
  border: 1px solid var(--hl-dri-amber-line);
  border-radius: var(--hl-dri-radius-sm);
  padding: 8px 9px;
  min-width: 125px;
}
.hl-prod-drone-roof-inspection .hl-dri-sit-emoji { font-size: 15px; display: block; margin-bottom: 2px; }
.hl-prod-drone-roof-inspection .hl-dri-situation-card strong { display: block; color: var(--hl-dri-navy); font-size: 11px; line-height: 1.25; margin-bottom: 2px; }
.hl-prod-drone-roof-inspection .hl-dri-sit-label { display: block; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--hl-dri-blue); margin-bottom: 1px; }
.hl-prod-drone-roof-inspection .hl-dri-situation-card p { font-size: 10.5px; line-height: 1.35; color: var(--hl-dri-ink-soft); margin: 0; }

/* ---------- FIT CARDS ---------- */
.hl-prod-drone-roof-inspection .hl-dri-fitcard { border-radius: var(--hl-dri-radius-sm); padding: 10px 12px; border: 1px solid var(--hl-dri-line); }
.hl-prod-drone-roof-inspection .hl-dri-fit-good { background: var(--hl-dri-green-soft); border-color: #cce8de; }
.hl-prod-drone-roof-inspection .hl-dri-fit-bad { background: var(--hl-dri-cream-2); border-color: var(--hl-dri-amber-line); }
.hl-prod-drone-roof-inspection .hl-dri-list { margin: 0; padding-left: 16px; }
.hl-prod-drone-roof-inspection .hl-dri-list li { margin: 3px 0; font-size: 12px; }

/* ---------- TABLES (light, compact) ---------- */
.hl-prod-drone-roof-inspection .hl-dri-table-wrap { overflow-x: auto; }
.hl-prod-drone-roof-inspection .hl-dri-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-dri-card); }
.hl-prod-drone-roof-inspection .hl-dri-table th,
.hl-prod-drone-roof-inspection .hl-dri-table td { text-align: left; padding: 7px 10px; border: 1px solid var(--hl-dri-line); vertical-align: top; }
.hl-prod-drone-roof-inspection .hl-dri-table thead th {
  background: var(--hl-dri-sky);
  color: var(--hl-dri-navy);
  font-weight: 700;
  font-size: 11.5px;
  border-bottom: 2px solid var(--hl-dri-line-2);
}
.hl-prod-drone-roof-inspection .hl-dri-table tbody th { background: var(--hl-dri-sky-2); color: var(--hl-dri-navy); font-weight: 700; width: 22%; white-space: nowrap; }
.hl-prod-drone-roof-inspection .hl-dri-table tbody tr:nth-child(even) td { background: #f8fbfd; }

/* ---------- PROCESS STEPS (compact) ---------- */
.hl-prod-drone-roof-inspection .hl-dri-step {
  position: relative;
  background: var(--hl-dri-sky-2);
  border: 1px solid var(--hl-dri-line);
  border-radius: var(--hl-dri-radius-sm);
  padding: 9px 10px;
}
.hl-prod-drone-roof-inspection .hl-dri-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 21px; height: 21px; border-radius: 50%;
  background: linear-gradient(135deg, var(--hl-dri-blue) 0%, var(--hl-dri-blue-2) 100%);
  color: #fff; font-weight: 800; font-size: 11.5px; margin-bottom: 5px;
}
.hl-prod-drone-roof-inspection .hl-dri-step strong { display: block; color: var(--hl-dri-navy); font-size: 12px; margin-bottom: 2px; }
.hl-prod-drone-roof-inspection .hl-dri-step p { font-size: 11.5px; color: var(--hl-dri-ink-soft); margin: 0; }

/* ---------- CONFIRM CARDS ---------- */
.hl-prod-drone-roof-inspection .hl-dri-confirm-card {
  background: var(--hl-dri-sky-2);
  border: 1px solid var(--hl-dri-line);
  border-radius: var(--hl-dri-radius-sm);
  padding: 8px;
  text-align: center;
}
.hl-prod-drone-roof-inspection .hl-dri-confirm-emoji { font-size: 17px; display: block; margin-bottom: 3px; }
.hl-prod-drone-roof-inspection .hl-dri-confirm-card strong { display: block; color: var(--hl-dri-navy); font-size: 11.5px; }
.hl-prod-drone-roof-inspection .hl-dri-confirm-card p { font-size: 10.5px; color: var(--hl-dri-ink-soft); margin: 2px 0 0; }

/* ---------- SAFETY CHECKLIST ---------- */
.hl-prod-drone-roof-inspection .hl-dri-safety { background: var(--hl-dri-cream); border-color: var(--hl-dri-amber-line); }
.hl-prod-drone-roof-inspection .hl-dri-checklist { list-style: none; margin: 0; padding: 0; }
.hl-prod-drone-roof-inspection .hl-dri-checklist li {
  position: relative; padding: 5px 6px 5px 24px; font-size: 12px;
  border-bottom: 1px dashed var(--hl-dri-amber-line);
}
.hl-prod-drone-roof-inspection .hl-dri-checklist li:last-child { border-bottom: none; }
.hl-prod-drone-roof-inspection .hl-dri-checklist li::before { content: "🛡️"; position: absolute; left: 4px; top: 5px; font-size: 11px; }

/* ---------- FAQ ---------- */
.hl-prod-drone-roof-inspection .hl-dri-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-bottom: 12px; }
.hl-prod-drone-roof-inspection .hl-dri-faq-item {
  background: var(--hl-dri-sky-2);
  border: 1px solid var(--hl-dri-line);
  border-radius: var(--hl-dri-radius-sm);
  padding: 3px 11px;
}
.hl-prod-drone-roof-inspection .hl-dri-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-dri-navy);
  font-size: 12px; padding: 7px 0; list-style: none; position: relative; padding-right: 20px;
}
.hl-prod-drone-roof-inspection .hl-dri-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-drone-roof-inspection .hl-dri-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 6px;
  font-size: 15px; font-weight: 700; color: var(--hl-dri-blue-2);
}
.hl-prod-drone-roof-inspection .hl-dri-faq-item[open] summary::after { content: "–"; }
.hl-prod-drone-roof-inspection .hl-dri-faq-item p { font-size: 11.5px; color: var(--hl-dri-ink-soft); padding: 0 0 7px; margin: 0; }

/* ---------- FINAL CTA (light) ---------- */
.hl-prod-drone-roof-inspection .hl-dri-final-cta {
  background:
    radial-gradient(120% 160% at 90% 0%, rgba(47,137,168,.12) 0%, rgba(47,137,168,0) 55%),
    linear-gradient(135deg, var(--hl-dri-cream) 0%, var(--hl-dri-sky) 120%);
  border: 1px solid var(--hl-dri-line-2);
  border-radius: var(--hl-dri-radius);
  padding: 13px 15px;
  color: var(--hl-dri-ink);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 11px; margin-bottom: 10px;
}
.hl-prod-drone-roof-inspection .hl-dri-final-cta .hl-dri-card-title { color: var(--hl-dri-navy); }
.hl-prod-drone-roof-inspection .hl-dri-final-cta-text { flex: 1 1 320px; }
.hl-prod-drone-roof-inspection .hl-dri-final-cta p { color: var(--hl-dri-ink-soft); font-size: 12px; margin: 0; }

/* ---------- RELATED ---------- */
.hl-prod-drone-roof-inspection .hl-dri-related-title { font-size: 14px; color: var(--hl-dri-navy); font-weight: 800; margin: 0 0 9px; }
.hl-prod-drone-roof-inspection .hl-dri-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.hl-prod-drone-roof-inspection .hl-dri-related-card {
  display: flex; align-items: center; gap: 9px; text-decoration: none;
  background: var(--hl-dri-sky-2); border: 1px solid var(--hl-dri-line);
  border-radius: var(--hl-dri-radius-sm); padding: 9px 11px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.hl-prod-drone-roof-inspection .hl-dri-related-card:hover { transform: translateY(-1px); border-color: var(--hl-dri-blue-2); box-shadow: var(--hl-dri-shadow); }
.hl-prod-drone-roof-inspection .hl-dri-related-emoji { font-size: 19px; flex: 0 0 auto; }
.hl-prod-drone-roof-inspection .hl-dri-related-text { display: flex; flex-direction: column; font-size: 11px; color: var(--hl-dri-ink-soft); }
.hl-prod-drone-roof-inspection .hl-dri-related-text strong { color: var(--hl-dri-navy); font-size: 12px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  .hl-prod-drone-roof-inspection .hl-dri-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-roof-inspection .hl-dri-grid-4 { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-drone-roof-inspection .hl-dri-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-roof-inspection .hl-dri-hero-h2 { font-size: 19px; }
}
@media (max-width: 640px) {
  .hl-prod-drone-roof-inspection .hl-dri-grid-2,
  .hl-prod-drone-roof-inspection .hl-dri-grid-3,
  .hl-prod-drone-roof-inspection .hl-dri-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-roof-inspection .hl-dri-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-roof-inspection .hl-dri-related-grid { grid-template-columns: repeat(2, 1fr); }
  /* Situation cards: keep a single horizontal scroll row on mobile */
  .hl-prod-drone-roof-inspection .hl-dri-situation-grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 1fr);
    grid-template-columns: none;
  }
  .hl-prod-drone-roof-inspection .hl-dri-h2 { font-size: 15px; }
  .hl-prod-drone-roof-inspection .hl-dri-hero-h2 { font-size: 17.5px; }
  .hl-prod-drone-roof-inspection .hl-dri-quicklist strong { text-align: left; }
  .hl-prod-drone-roof-inspection .hl-dri-cta-row .hl-dri-btn { flex: 1 1 100%; text-align: center; }
  .hl-prod-drone-roof-inspection .hl-dri-final-cta { flex-direction: column; align-items: flex-start; }
}


/* === Hireload Drone Solar Panel Cleaning Product CSS — appended === */
/* ===========================================================
   Hireload — Drone Solar Panel Cleaning London
   Scoped long-description styles — LIGHT · COMPACT · PREMIUM (SOLAR)
   Root: .hl-prod-drone-solar-cleaning   Prefix: hl-dsc-
   All selectors scoped under root. No global element selectors.
   =========================================================== */

.hl-prod-drone-solar-cleaning {
  --hl-dsc-navy: #172235;
  --hl-dsc-ink: #2a3850;
  --hl-dsc-ink-soft: #566273;
  --hl-dsc-blue: #2f7da8;
  --hl-dsc-blue-2: #3f97c4;
  --hl-dsc-sky: #eef7fc;
  --hl-dsc-sky-2: #f2f9fc;
  --hl-dsc-gold: #e0a82e;
  --hl-dsc-gold-2: #eebb4e;
  --hl-dsc-gold-soft: #fff6e2;
  --hl-dsc-gold-line: #f0dcab;
  --hl-dsc-cream: #fff9f0;
  --hl-dsc-green-soft: #ecf6ee;
  --hl-dsc-amber-soft: #fff5e6;
  --hl-dsc-amber-line: #f2dcb4;
  --hl-dsc-bg: #f6fbfd;
  --hl-dsc-card: #ffffff;
  --hl-dsc-line: #e2edf2;
  --hl-dsc-line-2: #cfe4ee;
  --hl-dsc-radius: 12px;
  --hl-dsc-radius-sm: 9px;
  --hl-dsc-shadow: 0 1px 2px rgba(23,34,53,.04), 0 4px 12px rgba(47,125,168,.06);
  --hl-dsc-shadow-soft: 0 1px 2px rgba(23,34,53,.03), 0 2px 8px rgba(47,125,168,.05);

  box-sizing: border-box;
  max-width: 1160px;
  margin: 0 auto;
  padding: 2px;
  background: var(--hl-dsc-bg);
  color: var(--hl-dsc-ink);
  font-size: 13px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border-radius: var(--hl-dsc-radius);
}

.hl-prod-drone-solar-cleaning *,
.hl-prod-drone-solar-cleaning *::before,
.hl-prod-drone-solar-cleaning *::after { box-sizing: border-box; }

/* Pre-empt wpautop line-break insertion between inline cards */
.hl-prod-drone-solar-cleaning br { display: none; }

.hl-prod-drone-solar-cleaning .hl-dsc-section {
  background: var(--hl-dsc-card);
  border: 1px solid var(--hl-dsc-line);
  border-radius: var(--hl-dsc-radius);
  padding: 11px 13px;
  margin: 6px 0;
  box-shadow: var(--hl-dsc-shadow-soft);
}

.hl-prod-drone-solar-cleaning .hl-dsc-h2 {
  font-size: 16px;
  line-height: 1.22;
  color: var(--hl-dsc-navy);
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: -.015em;
}
.hl-prod-drone-solar-cleaning .hl-dsc-card-title {
  font-size: 13.5px;
  color: var(--hl-dsc-navy);
  margin: 0 0 5px;
  font-weight: 800;
}
.hl-prod-drone-solar-cleaning .hl-dsc-section-intro {
  margin: 0 0 9px;
  color: var(--hl-dsc-ink-soft);
  font-size: 12.5px;
}
.hl-prod-drone-solar-cleaning p { margin: 0 0 6px; }
.hl-prod-drone-solar-cleaning p:last-child { margin-bottom: 0; }

/* HERO */
.hl-prod-drone-solar-cleaning .hl-dsc-hero {
  background:
    radial-gradient(120% 150% at 88% 0%, rgba(224,168,46,.16) 0%, rgba(224,168,46,0) 55%),
    linear-gradient(135deg, var(--hl-dsc-cream) 0%, var(--hl-dsc-sky) 70%, #e9f4fb 130%);
  border: 1px solid var(--hl-dsc-line-2);
  color: var(--hl-dsc-ink);
  padding: 14px 16px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-hero-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 13px;
  align-items: stretch;
}
.hl-prod-drone-solar-cleaning .hl-dsc-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #a9781a;
  background: rgba(224,168,46,.14);
  border: 1px solid rgba(224,168,46,.34);
  padding: 3px 9px;
  border-radius: 999px;
  margin-bottom: 8px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-hero-h2 {
  color: var(--hl-dsc-navy);
  font-size: 21px;
  line-height: 1.18;
  margin: 0 0 7px;
  letter-spacing: -.02em;
}
.hl-prod-drone-solar-cleaning .hl-dsc-lead { color: var(--hl-dsc-ink); font-size: 12.5px; margin: 0 0 6px; }
.hl-prod-drone-solar-cleaning .hl-dsc-lead-sub { color: var(--hl-dsc-ink-soft); font-size: 12px; margin: 0 0 9px; }
.hl-prod-drone-solar-cleaning .hl-dsc-cta-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 9px; }
.hl-prod-drone-solar-cleaning .hl-dsc-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 12.5px;
  padding: 8px 14px;
  border-radius: 999px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.hl-prod-drone-solar-cleaning .hl-dsc-btn-primary {
  background: linear-gradient(135deg, var(--hl-dsc-gold) 0%, #eab44a 100%);
  color: #3a2a06;
  box-shadow: 0 3px 10px rgba(224,168,46,.34);
}
.hl-prod-drone-solar-cleaning .hl-dsc-btn-primary:hover { transform: translateY(-1px); }
.hl-prod-drone-solar-cleaning .hl-dsc-btn-ghost {
  background: #fff;
  color: var(--hl-dsc-blue);
  border: 1px solid var(--hl-dsc-blue-2);
}
.hl-prod-drone-solar-cleaning .hl-dsc-btn-ghost:hover { background: var(--hl-dsc-sky); }
.hl-prod-drone-solar-cleaning .hl-dsc-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.hl-prod-drone-solar-cleaning .hl-dsc-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--hl-dsc-blue);
  background: rgba(255,255,255,.8);
  border: 1px solid var(--hl-dsc-line-2);
  padding: 3px 9px;
  border-radius: 999px;
}

/* QUICK PICK */
.hl-prod-drone-solar-cleaning .hl-dsc-quickpick {
  background: #fff;
  border-radius: var(--hl-dsc-radius);
  padding: 12px;
  border: 1px solid var(--hl-dsc-line-2);
  display: flex;
  flex-direction: column;
  box-shadow: var(--hl-dsc-shadow);
}
.hl-prod-drone-solar-cleaning .hl-dsc-quickpick-title { font-size: 13.5px; font-weight: 800; color: var(--hl-dsc-navy); margin: 0 0 1px; }
.hl-prod-drone-solar-cleaning .hl-dsc-quickpick-sub { font-size: 11.5px; color: var(--hl-dsc-ink-soft); margin: 0 0 8px; }
.hl-prod-drone-solar-cleaning .hl-dsc-pick-list { display: flex; flex-direction: column; gap: 5px; }
.hl-prod-drone-solar-cleaning .hl-dsc-pick-row {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: var(--hl-dsc-sky-2);
  border: 1px solid var(--hl-dsc-line);
  border-radius: var(--hl-dsc-radius-sm);
  padding: 7px 9px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-prod-drone-solar-cleaning .hl-dsc-pick-row:hover { border-color: var(--hl-dsc-gold); background: var(--hl-dsc-gold-soft); }
.hl-prod-drone-solar-cleaning .hl-dsc-pick-need { font-size: 11.5px; font-weight: 700; color: var(--hl-dsc-navy); }
.hl-prod-drone-solar-cleaning .hl-dsc-pick-go { font-size: 10.5px; font-weight: 600; color: var(--hl-dsc-blue); }
.hl-prod-drone-solar-cleaning .hl-dsc-quickpick-foot {
  font-size: 10.5px; color: var(--hl-dsc-ink-soft);
  margin: auto 0 0; padding-top: 8px; border-top: 1px solid var(--hl-dsc-line);
}

/* QUICK ANSWER */
.hl-prod-drone-solar-cleaning .hl-dsc-answer-card {
  background: var(--hl-dsc-sky);
  border: 1px solid var(--hl-dsc-line-2);
  border-left: 3px solid var(--hl-dsc-gold);
  border-radius: var(--hl-dsc-radius-sm);
  padding: 10px 12px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-answer-q { font-weight: 800; color: var(--hl-dsc-navy); margin: 0 0 5px; font-size: 13.5px; }
.hl-prod-drone-solar-cleaning .hl-dsc-fineprint { font-size: 11px; color: var(--hl-dsc-ink-soft); margin: 8px 0 0; }

/* GRIDS */
.hl-prod-drone-solar-cleaning .hl-dsc-grid { display: grid; gap: 9px; }
.hl-prod-drone-solar-cleaning .hl-dsc-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-drone-solar-cleaning .hl-dsc-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-drone-solar-cleaning .hl-dsc-grid-4 { grid-template-columns: repeat(6, 1fr); }


/* FIT CARDS */
.hl-prod-drone-solar-cleaning .hl-dsc-fitcard { border-radius: var(--hl-dsc-radius-sm); padding: 10px 12px; border: 1px solid var(--hl-dsc-line); }
.hl-prod-drone-solar-cleaning .hl-dsc-fit-good { background: var(--hl-dsc-green-soft); border-color: #cce8d4; }
.hl-prod-drone-solar-cleaning .hl-dsc-fit-bad { background: var(--hl-dsc-amber-soft); border-color: var(--hl-dsc-amber-line); }
.hl-prod-drone-solar-cleaning .hl-dsc-list { margin: 0; padding-left: 16px; }
.hl-prod-drone-solar-cleaning .hl-dsc-list li { margin: 3px 0; font-size: 12px; }

/* TABLES */
.hl-prod-drone-solar-cleaning .hl-dsc-table-wrap { overflow-x: auto; }
.hl-prod-drone-solar-cleaning .hl-dsc-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-dsc-card); }
.hl-prod-drone-solar-cleaning .hl-dsc-table th,
.hl-prod-drone-solar-cleaning .hl-dsc-table td { text-align: left; padding: 7px 10px; border: 1px solid var(--hl-dsc-line); vertical-align: top; }
.hl-prod-drone-solar-cleaning .hl-dsc-table thead th {
  background: var(--hl-dsc-gold-soft);
  color: var(--hl-dsc-navy);
  font-weight: 700;
  font-size: 11.5px;
  border-bottom: 2px solid var(--hl-dsc-gold-line);
}
.hl-prod-drone-solar-cleaning .hl-dsc-table tbody th { background: var(--hl-dsc-sky-2); color: var(--hl-dsc-navy); font-weight: 700; width: 22%; }
.hl-prod-drone-solar-cleaning .hl-dsc-table tbody tr:nth-child(even) td { background: #f8fbfd; }

/* PROCESS STEPS */
.hl-prod-drone-solar-cleaning .hl-dsc-step {
  position: relative;
  background: var(--hl-dsc-sky-2);
  border: 1px solid var(--hl-dsc-line);
  border-radius: var(--hl-dsc-radius-sm);
  padding: 9px 10px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 21px; height: 21px; border-radius: 50%;
  background: linear-gradient(135deg, var(--hl-dsc-gold) 0%, #eab44a 100%);
  color: #3a2a06; font-weight: 800; font-size: 11.5px; margin-bottom: 5px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-step strong { display: block; color: var(--hl-dsc-navy); font-size: 12px; margin-bottom: 2px; }
.hl-prod-drone-solar-cleaning .hl-dsc-step p { font-size: 11.5px; color: var(--hl-dsc-ink-soft); margin: 0; }

/* CONFIRM CARDS */
.hl-prod-drone-solar-cleaning .hl-dsc-confirm-card {
  background: var(--hl-dsc-sky-2);
  border: 1px solid var(--hl-dsc-line);
  border-radius: var(--hl-dsc-radius-sm);
  padding: 8px;
  text-align: center;
}
.hl-prod-drone-solar-cleaning .hl-dsc-confirm-emoji { font-size: 17px; display: block; margin-bottom: 3px; }
.hl-prod-drone-solar-cleaning .hl-dsc-confirm-card strong { display: block; color: var(--hl-dsc-navy); font-size: 11.5px; }
.hl-prod-drone-solar-cleaning .hl-dsc-confirm-card p { font-size: 10.5px; color: var(--hl-dsc-ink-soft); margin: 2px 0 0; }

/* SAFETY CHECKLIST */
.hl-prod-drone-solar-cleaning .hl-dsc-safety { background: var(--hl-dsc-cream); border-color: var(--hl-dsc-amber-line); }
.hl-prod-drone-solar-cleaning .hl-dsc-checklist { list-style: none; margin: 0; padding: 0; }
.hl-prod-drone-solar-cleaning .hl-dsc-checklist li {
  position: relative; padding: 5px 6px 5px 24px; font-size: 12px;
  border-bottom: 1px dashed var(--hl-dsc-amber-line);
}
.hl-prod-drone-solar-cleaning .hl-dsc-checklist li:last-child { border-bottom: none; }
.hl-prod-drone-solar-cleaning .hl-dsc-checklist li::before { content: "⚠️"; position: absolute; left: 4px; top: 5px; font-size: 11px; }

/* FAQ */
.hl-prod-drone-solar-cleaning .hl-dsc-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-bottom: 12px; }
.hl-prod-drone-solar-cleaning .hl-dsc-faq-item {
  background: var(--hl-dsc-sky-2);
  border: 1px solid var(--hl-dsc-line);
  border-radius: var(--hl-dsc-radius-sm);
  padding: 3px 11px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-dsc-navy);
  font-size: 12px; padding: 7px 0; list-style: none; position: relative; padding-right: 20px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-drone-solar-cleaning .hl-dsc-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 6px;
  font-size: 15px; font-weight: 700; color: var(--hl-dsc-gold);
}
.hl-prod-drone-solar-cleaning .hl-dsc-faq-item[open] summary::after { content: "–"; }
.hl-prod-drone-solar-cleaning .hl-dsc-faq-item p { font-size: 11.5px; color: var(--hl-dsc-ink-soft); padding: 0 0 7px; margin: 0; }

/* FINAL CTA */
.hl-prod-drone-solar-cleaning .hl-dsc-final-cta {
  background:
    radial-gradient(120% 160% at 90% 0%, rgba(224,168,46,.18) 0%, rgba(224,168,46,0) 55%),
    linear-gradient(135deg, var(--hl-dsc-cream) 0%, var(--hl-dsc-sky) 120%);
  border: 1px solid var(--hl-dsc-line-2);
  border-radius: var(--hl-dsc-radius);
  padding: 13px 15px;
  color: var(--hl-dsc-ink);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 11px; margin-bottom: 10px;
}
.hl-prod-drone-solar-cleaning .hl-dsc-final-cta .hl-dsc-card-title { color: var(--hl-dsc-navy); }
.hl-prod-drone-solar-cleaning .hl-dsc-final-cta-text { flex: 1 1 320px; }
.hl-prod-drone-solar-cleaning .hl-dsc-final-cta p { color: var(--hl-dsc-ink-soft); font-size: 12px; margin: 0; }

/* RELATED — 4 in one row */
.hl-prod-drone-solar-cleaning .hl-dsc-related-title { font-size: 14px; color: var(--hl-dsc-navy); font-weight: 800; margin: 0 0 9px; }
.hl-prod-drone-solar-cleaning .hl-dsc-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.hl-prod-drone-solar-cleaning .hl-dsc-related-card {
  display: flex; align-items: center; gap: 9px; text-decoration: none;
  background: var(--hl-dsc-sky-2); border: 1px solid var(--hl-dsc-line);
  border-radius: var(--hl-dsc-radius-sm); padding: 9px 11px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.hl-prod-drone-solar-cleaning .hl-dsc-related-card:hover { transform: translateY(-1px); border-color: var(--hl-dsc-gold); box-shadow: var(--hl-dsc-shadow); }
.hl-prod-drone-solar-cleaning .hl-dsc-related-emoji { font-size: 19px; flex: 0 0 auto; }
.hl-prod-drone-solar-cleaning .hl-dsc-related-text { display: flex; flex-direction: column; font-size: 11px; color: var(--hl-dsc-ink-soft); }
.hl-prod-drone-solar-cleaning .hl-dsc-related-text strong { color: var(--hl-dsc-navy); font-size: 12px; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .hl-prod-drone-solar-cleaning .hl-dsc-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-solar-cleaning .hl-dsc-grid-4 { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-drone-solar-cleaning .hl-dsc-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-solar-cleaning .hl-dsc-hero-h2 { font-size: 19px; }
}
@media (max-width: 640px) {
  .hl-prod-drone-solar-cleaning .hl-dsc-grid-2,
  .hl-prod-drone-solar-cleaning .hl-dsc-grid-3,
  .hl-prod-drone-solar-cleaning .hl-dsc-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-solar-cleaning .hl-dsc-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-solar-cleaning .hl-dsc-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-solar-cleaning .hl-dsc-h2 { font-size: 15px; }
  .hl-prod-drone-solar-cleaning .hl-dsc-hero-h2 { font-size: 17.5px; }
  .hl-prod-drone-solar-cleaning .hl-dsc-cta-row .hl-dsc-btn { flex: 1 1 100%; text-align: center; }
  .hl-prod-drone-solar-cleaning .hl-dsc-final-cta { flex-direction: column; align-items: flex-start; }
}



/* === Hireload Drone Surveying Mapping Product CSS — appended === */
/* ===========================================================
   Hireload — Drone Surveying & Mapping London
   Scoped long-description styles — LIGHT · COMPACT · PREMIUM (SURVEY / MAP)
   Root: .hl-prod-drone-survey-mapping   Prefix: hl-dsm-
   All selectors scoped under root. No global element selectors.
   =========================================================== */

.hl-prod-drone-survey-mapping {
  --hl-dsm-navy: #15223b;
  --hl-dsm-ink: #27344a;
  --hl-dsm-ink-soft: #54627a;
  --hl-dsm-blue: #2a6fb0;
  --hl-dsm-blue-2: #3f8fcc;
  --hl-dsm-sky: #eef5fc;
  --hl-dsm-sky-2: #f3f8fd;
  --hl-dsm-green: #2f8a63;
  --hl-dsm-green-soft: #eaf6ef;
  --hl-dsm-green-line: #c5e6d3;
  --hl-dsm-amber: #e0a82e;
  --hl-dsm-amber-2: #eab44a;
  --hl-dsm-amber-soft: #fff6e2;
  --hl-dsm-amber-line: #f0dcab;
  --hl-dsm-cream: #fbfaf6;
  --hl-dsm-warn-soft: #fff5e6;
  --hl-dsm-warn-line: #f2dcb4;
  --hl-dsm-bg: #f5fafe;
  --hl-dsm-card: #ffffff;
  --hl-dsm-line: #e0e9f1;
  --hl-dsm-line-2: #cadcec;
  --hl-dsm-radius: 12px;
  --hl-dsm-radius-sm: 9px;
  --hl-dsm-shadow: 0 1px 2px rgba(21,34,59,.04), 0 4px 12px rgba(42,111,176,.06);
  --hl-dsm-shadow-soft: 0 1px 2px rgba(21,34,59,.03), 0 2px 8px rgba(42,111,176,.05);

  box-sizing: border-box;
  max-width: 1160px;
  margin: 0 auto;
  padding: 2px;
  background: var(--hl-dsm-bg);
  color: var(--hl-dsm-ink);
  font-size: 13px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border-radius: var(--hl-dsm-radius);
}

.hl-prod-drone-survey-mapping *,
.hl-prod-drone-survey-mapping *::before,
.hl-prod-drone-survey-mapping *::after { box-sizing: border-box; }

/* Pre-empt wpautop line-break insertion between inline cards */
.hl-prod-drone-survey-mapping br { display: none; }

.hl-prod-drone-survey-mapping .hl-dsm-section {
  position: relative;
  background: var(--hl-dsm-card);
  border: 1px solid var(--hl-dsm-line);
  border-radius: var(--hl-dsm-radius);
  padding: 11px 13px;
  margin: 6px 0;
  box-shadow: var(--hl-dsm-shadow-soft);
}

.hl-prod-drone-survey-mapping .hl-dsm-h2 {
  font-size: 16px;
  line-height: 1.22;
  color: var(--hl-dsm-navy);
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: -.015em;
}
.hl-prod-drone-survey-mapping .hl-dsm-card-title {
  font-size: 13.5px;
  color: var(--hl-dsm-navy);
  margin: 0 0 5px;
  font-weight: 800;
}
.hl-prod-drone-survey-mapping .hl-dsm-section-intro {
  margin: 0 0 9px;
  color: var(--hl-dsm-ink-soft);
  font-size: 12.5px;
}
.hl-prod-drone-survey-mapping p { margin: 0 0 6px; }
.hl-prod-drone-survey-mapping p:last-child { margin-bottom: 0; }

/* HERO */
.hl-prod-drone-survey-mapping .hl-dsm-hero {
  background:
    radial-gradient(120% 150% at 88% 0%, rgba(47,138,99,.12) 0%, rgba(47,138,99,0) 55%),
    linear-gradient(135deg, #ffffff 0%, var(--hl-dsm-sky) 65%, #e7f1fb 130%);
  border: 1px solid var(--hl-dsm-line-2);
  color: var(--hl-dsm-ink);
  padding: 14px 16px;
}
/* subtle map-grid line feel using a layered gradient, no images */
.hl-prod-drone-survey-mapping .hl-dsm-hero::after { content: none; background-image: none; }
.hl-prod-drone-survey-mapping .hl-dsm-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 13px;
  align-items: stretch;
}
.hl-prod-drone-survey-mapping .hl-dsm-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #1f6a4b;
  background: rgba(47,138,99,.12);
  border: 1px solid rgba(47,138,99,.30);
  padding: 3px 9px;
  border-radius: 999px;
  margin-bottom: 8px;
}
.hl-prod-drone-survey-mapping .hl-dsm-hero-h2 {
  color: var(--hl-dsm-navy);
  font-size: 21px;
  line-height: 1.18;
  margin: 0 0 7px;
  letter-spacing: -.02em;
}
.hl-prod-drone-survey-mapping .hl-dsm-lead { color: var(--hl-dsm-ink); font-size: 12.5px; margin: 0 0 6px; }
.hl-prod-drone-survey-mapping .hl-dsm-lead-sub { color: var(--hl-dsm-ink-soft); font-size: 12px; margin: 0 0 9px; }
.hl-prod-drone-survey-mapping .hl-dsm-cta-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 9px; }
.hl-prod-drone-survey-mapping .hl-dsm-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 12.5px;
  padding: 8px 14px;
  border-radius: 999px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.hl-prod-drone-survey-mapping .hl-dsm-btn-primary {
  background: linear-gradient(135deg, var(--hl-dsm-amber) 0%, var(--hl-dsm-amber-2) 100%);
  color: #3a2a06;
  box-shadow: 0 3px 10px rgba(224,168,46,.32);
}
.hl-prod-drone-survey-mapping .hl-dsm-btn-primary:hover { transform: translateY(-1px); }
.hl-prod-drone-survey-mapping .hl-dsm-btn-ghost {
  background: #fff;
  color: var(--hl-dsm-blue);
  border: 1px solid var(--hl-dsm-blue-2);
}
.hl-prod-drone-survey-mapping .hl-dsm-btn-ghost:hover { background: var(--hl-dsm-sky); }
.hl-prod-drone-survey-mapping .hl-dsm-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.hl-prod-drone-survey-mapping .hl-dsm-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--hl-dsm-blue);
  background: rgba(255,255,255,.82);
  border: 1px solid var(--hl-dsm-line-2);
  padding: 3px 9px;
  border-radius: 999px;
}

/* QUICK PICK */
.hl-prod-drone-survey-mapping .hl-dsm-quickpick {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: var(--hl-dsm-radius);
  padding: 12px;
  border: 1px solid var(--hl-dsm-line-2);
  display: flex;
  flex-direction: column;
  box-shadow: var(--hl-dsm-shadow);
}
.hl-prod-drone-survey-mapping .hl-dsm-quickpick-title { font-size: 13.5px; font-weight: 800; color: var(--hl-dsm-navy); margin: 0 0 1px; }
.hl-prod-drone-survey-mapping .hl-dsm-quickpick-sub { font-size: 11.5px; color: var(--hl-dsm-ink-soft); margin: 0 0 8px; }
.hl-prod-drone-survey-mapping .hl-dsm-pick-list { display: flex; flex-direction: column; gap: 5px; }
.hl-prod-drone-survey-mapping .hl-dsm-pick-row {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: var(--hl-dsm-sky-2);
  border: 1px solid var(--hl-dsm-line);
  border-radius: var(--hl-dsm-radius-sm);
  padding: 7px 9px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-prod-drone-survey-mapping .hl-dsm-pick-row:hover { border-color: var(--hl-dsm-green); background: var(--hl-dsm-green-soft); }
.hl-prod-drone-survey-mapping .hl-dsm-pick-need { font-size: 11.5px; font-weight: 700; color: var(--hl-dsm-navy); }
.hl-prod-drone-survey-mapping .hl-dsm-pick-go { font-size: 10.5px; font-weight: 600; color: var(--hl-dsm-blue); }
.hl-prod-drone-survey-mapping .hl-dsm-quickpick-foot {
  font-size: 10.5px; color: var(--hl-dsm-ink-soft);
  margin: auto 0 0; padding-top: 8px; border-top: 1px solid var(--hl-dsm-line);
}

/* QUICK ANSWER */
.hl-prod-drone-survey-mapping .hl-dsm-answer-card {
  background: var(--hl-dsm-sky);
  border: 1px solid var(--hl-dsm-line-2);
  border-left: 3px solid var(--hl-dsm-green);
  border-radius: var(--hl-dsm-radius-sm);
  padding: 10px 12px;
}
.hl-prod-drone-survey-mapping .hl-dsm-answer-q { font-weight: 800; color: var(--hl-dsm-navy); margin: 0 0 5px; font-size: 13.5px; }
.hl-prod-drone-survey-mapping .hl-dsm-fineprint { font-size: 11px; color: var(--hl-dsm-ink-soft); margin: 8px 0 0; }

/* GRIDS */
.hl-prod-drone-survey-mapping .hl-dsm-grid { display: grid; gap: 9px; }
.hl-prod-drone-survey-mapping .hl-dsm-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-drone-survey-mapping .hl-dsm-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-drone-survey-mapping .hl-dsm-grid-4 { grid-template-columns: repeat(4, 1fr); }

/* CHOOSE BY PROJECT CARDS */
.hl-prod-drone-survey-mapping .hl-dsm-choose-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: var(--hl-dsm-sky-2);
  border: 1px solid var(--hl-dsm-line);
  border-radius: var(--hl-dsm-radius-sm);
  padding: 10px 12px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.hl-prod-drone-survey-mapping .hl-dsm-choose-card:hover { transform: translateY(-1px); border-color: var(--hl-dsm-green); background: var(--hl-dsm-green-soft); box-shadow: var(--hl-dsm-shadow); }
.hl-prod-drone-survey-mapping .hl-dsm-choose-emoji { font-size: 18px; margin-bottom: 4px; }
.hl-prod-drone-survey-mapping .hl-dsm-choose-card strong { color: var(--hl-dsm-navy); font-size: 12.5px; margin-bottom: 3px; }
.hl-prod-drone-survey-mapping .hl-dsm-choose-desc { display: block; font-size: 11px; color: var(--hl-dsm-ink-soft); margin-bottom: 6px; }
.hl-prod-drone-survey-mapping .hl-dsm-choose-note { display: block; font-size: 10.5px; font-weight: 600; color: var(--hl-dsm-blue); margin-top: auto; }

/* FIT CARDS */
.hl-prod-drone-survey-mapping .hl-dsm-fitcard { border-radius: var(--hl-dsm-radius-sm); padding: 10px 12px; border: 1px solid var(--hl-dsm-line); }
.hl-prod-drone-survey-mapping .hl-dsm-fit-good { background: var(--hl-dsm-green-soft); border-color: var(--hl-dsm-green-line); }
.hl-prod-drone-survey-mapping .hl-dsm-fit-bad { background: var(--hl-dsm-warn-soft); border-color: var(--hl-dsm-warn-line); }
.hl-prod-drone-survey-mapping .hl-dsm-list { margin: 0; padding-left: 16px; }
.hl-prod-drone-survey-mapping .hl-dsm-list li { margin: 3px 0; font-size: 12px; }

/* TABLES */
.hl-prod-drone-survey-mapping .hl-dsm-table-wrap { overflow-x: auto; }
.hl-prod-drone-survey-mapping .hl-dsm-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-dsm-card); }
.hl-prod-drone-survey-mapping .hl-dsm-table th,
.hl-prod-drone-survey-mapping .hl-dsm-table td { text-align: left; padding: 7px 10px; border: 1px solid var(--hl-dsm-line); vertical-align: top; }
.hl-prod-drone-survey-mapping .hl-dsm-table thead th {
  background: var(--hl-dsm-sky);
  color: var(--hl-dsm-navy);
  font-weight: 700;
  font-size: 11.5px;
  border-bottom: 2px solid var(--hl-dsm-line-2);
}
.hl-prod-drone-survey-mapping .hl-dsm-table tbody th { background: var(--hl-dsm-sky-2); color: var(--hl-dsm-navy); font-weight: 700; width: 22%; }
.hl-prod-drone-survey-mapping .hl-dsm-table tbody tr:nth-child(even) td { background: #f7fbfe; }

/* PROCESS STEPS */
.hl-prod-drone-survey-mapping .hl-dsm-step {
  position: relative;
  background: var(--hl-dsm-sky-2);
  border: 1px solid var(--hl-dsm-line);
  border-radius: var(--hl-dsm-radius-sm);
  padding: 9px 10px;
}
.hl-prod-drone-survey-mapping .hl-dsm-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 21px; height: 21px; border-radius: 50%;
  background: linear-gradient(135deg, var(--hl-dsm-green) 0%, #3aa178 100%);
  color: #fff; font-weight: 800; font-size: 11.5px; margin-bottom: 5px;
}
.hl-prod-drone-survey-mapping .hl-dsm-step strong { display: block; color: var(--hl-dsm-navy); font-size: 12px; margin-bottom: 2px; }
.hl-prod-drone-survey-mapping .hl-dsm-step p { font-size: 11.5px; color: var(--hl-dsm-ink-soft); margin: 0; }

/* CONFIRM CARDS */
.hl-prod-drone-survey-mapping .hl-dsm-confirm-card {
  background: var(--hl-dsm-sky-2);
  border: 1px solid var(--hl-dsm-line);
  border-radius: var(--hl-dsm-radius-sm);
  padding: 8px;
  text-align: center;
}
.hl-prod-drone-survey-mapping .hl-dsm-confirm-emoji { font-size: 17px; display: block; margin-bottom: 3px; }
.hl-prod-drone-survey-mapping .hl-dsm-confirm-card strong { display: block; color: var(--hl-dsm-navy); font-size: 11.5px; }
.hl-prod-drone-survey-mapping .hl-dsm-confirm-card p { font-size: 10.5px; color: var(--hl-dsm-ink-soft); margin: 2px 0 0; }

/* SAFETY CHECKLIST */
.hl-prod-drone-survey-mapping .hl-dsm-safety { background: var(--hl-dsm-cream); border-color: var(--hl-dsm-warn-line); }
.hl-prod-drone-survey-mapping .hl-dsm-checklist { list-style: none; margin: 0; padding: 0; }
.hl-prod-drone-survey-mapping .hl-dsm-checklist li {
  position: relative; padding: 5px 6px 5px 24px; font-size: 12px;
  border-bottom: 1px dashed var(--hl-dsm-warn-line);
}
.hl-prod-drone-survey-mapping .hl-dsm-checklist li:last-child { border-bottom: none; }
.hl-prod-drone-survey-mapping .hl-dsm-checklist li::before { content: "⚠️"; position: absolute; left: 4px; top: 5px; font-size: 11px; }

/* FAQ */
.hl-prod-drone-survey-mapping .hl-dsm-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-bottom: 12px; }
.hl-prod-drone-survey-mapping .hl-dsm-faq-item {
  background: var(--hl-dsm-sky-2);
  border: 1px solid var(--hl-dsm-line);
  border-radius: var(--hl-dsm-radius-sm);
  padding: 3px 11px;
}
.hl-prod-drone-survey-mapping .hl-dsm-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-dsm-navy);
  font-size: 12px; padding: 7px 0; list-style: none; position: relative; padding-right: 20px;
}
.hl-prod-drone-survey-mapping .hl-dsm-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-drone-survey-mapping .hl-dsm-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 6px;
  font-size: 15px; font-weight: 700; color: var(--hl-dsm-green);
}
.hl-prod-drone-survey-mapping .hl-dsm-faq-item[open] summary::after { content: "\2013"; }
.hl-prod-drone-survey-mapping .hl-dsm-faq-item p { font-size: 11.5px; color: var(--hl-dsm-ink-soft); padding: 0 0 7px; margin: 0; }

/* FINAL CTA */
.hl-prod-drone-survey-mapping .hl-dsm-final-cta {
  background:
    radial-gradient(120% 160% at 90% 0%, rgba(47,138,99,.14) 0%, rgba(47,138,99,0) 55%),
    linear-gradient(135deg, #ffffff 0%, var(--hl-dsm-sky) 120%);
  border: 1px solid var(--hl-dsm-line-2);
  border-radius: var(--hl-dsm-radius);
  padding: 13px 15px;
  color: var(--hl-dsm-ink);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 11px; margin-bottom: 10px;
}
.hl-prod-drone-survey-mapping .hl-dsm-final-cta .hl-dsm-card-title { color: var(--hl-dsm-navy); }
.hl-prod-drone-survey-mapping .hl-dsm-final-cta-text { flex: 1 1 320px; }
.hl-prod-drone-survey-mapping .hl-dsm-final-cta p { color: var(--hl-dsm-ink-soft); font-size: 12px; margin: 0; }

/* RELATED — 4 in one row */
.hl-prod-drone-survey-mapping .hl-dsm-related-title { font-size: 14px; color: var(--hl-dsm-navy); font-weight: 800; margin: 0 0 9px; }
.hl-prod-drone-survey-mapping .hl-dsm-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.hl-prod-drone-survey-mapping .hl-dsm-related-card {
  display: flex; align-items: center; gap: 9px; text-decoration: none;
  background: var(--hl-dsm-sky-2); border: 1px solid var(--hl-dsm-line);
  border-radius: var(--hl-dsm-radius-sm); padding: 9px 11px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.hl-prod-drone-survey-mapping .hl-dsm-related-card:hover { transform: translateY(-1px); border-color: var(--hl-dsm-green); box-shadow: var(--hl-dsm-shadow); }
.hl-prod-drone-survey-mapping .hl-dsm-related-emoji { font-size: 19px; flex: 0 0 auto; }
.hl-prod-drone-survey-mapping .hl-dsm-related-text { display: flex; flex-direction: column; font-size: 11px; color: var(--hl-dsm-ink-soft); }
.hl-prod-drone-survey-mapping .hl-dsm-related-text strong { color: var(--hl-dsm-navy); font-size: 12px; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .hl-prod-drone-survey-mapping .hl-dsm-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-survey-mapping .hl-dsm-grid-4 { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-drone-survey-mapping .hl-dsm-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-survey-mapping .hl-dsm-hero-h2 { font-size: 19px; }
}
@media (max-width: 640px) {
  .hl-prod-drone-survey-mapping .hl-dsm-grid-2,
  .hl-prod-drone-survey-mapping .hl-dsm-grid-3,
  .hl-prod-drone-survey-mapping .hl-dsm-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-drone-survey-mapping .hl-dsm-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-survey-mapping .hl-dsm-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-drone-survey-mapping .hl-dsm-h2 { font-size: 15px; }
  .hl-prod-drone-survey-mapping .hl-dsm-hero-h2 { font-size: 17.5px; }
  .hl-prod-drone-survey-mapping .hl-dsm-cta-row .hl-dsm-btn { flex: 1 1 100%; text-align: center; }
  .hl-prod-drone-survey-mapping .hl-dsm-final-cta { flex-direction: column; align-items: flex-start; }
}



/* === Hireload Window Drone Cleaning Product CSS — appended === */
/* ===========================================================
   Hireload — Window Drone Cleaning London
   Scoped long-description styles — LIGHT · COMPACT · ULTRA-PREMIUM (GLASS / SKY)
   Root: .hl-prod-window-drone-cleaning   Prefix: hl-wdc-
   All selectors scoped under root. No global element selectors.
   =========================================================== */

.hl-prod-window-drone-cleaning {
  --hl-wdc-navy: #14223c;
  --hl-wdc-ink: #25344c;
  --hl-wdc-ink-soft: #53627b;
  --hl-wdc-blue: #2767aa;
  --hl-wdc-blue-2: #3f8ccb;
  --hl-wdc-glass: #eaf3fb;
  --hl-wdc-glass-2: #f2f8fd;
  --hl-wdc-silver: #eef2f6;
  --hl-wdc-silver-line: #d7e2ec;
  --hl-wdc-green: #2f8a63;
  --hl-wdc-green-soft: #ebf6ef;
  --hl-wdc-green-line: #c6e6d4;
  --hl-wdc-amber: #e0a82e;
  --hl-wdc-amber-2: #eab44a;
  --hl-wdc-amber-soft: #fff6e2;
  --hl-wdc-warn-soft: #fff5e6;
  --hl-wdc-warn-line: #f2dcb4;
  --hl-wdc-cream: #fbfaf7;
  --hl-wdc-bg: #f4fafe;
  --hl-wdc-card: #ffffff;
  --hl-wdc-line: #e2ebf3;
  --hl-wdc-line-2: #c9dcec;
  --hl-wdc-radius: 13px;
  --hl-wdc-radius-sm: 9px;
  --hl-wdc-shadow: 0 1px 2px rgba(20,34,60,.05), 0 6px 16px rgba(39,103,170,.08);
  --hl-wdc-shadow-soft: 0 1px 2px rgba(20,34,60,.03), 0 2px 9px rgba(39,103,170,.05);

  box-sizing: border-box;
  max-width: 1160px;
  margin: 0 auto;
  padding: 2px;
  background: var(--hl-wdc-bg);
  color: var(--hl-wdc-ink);
  font-size: 13px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border-radius: var(--hl-wdc-radius);
}

.hl-prod-window-drone-cleaning *,
.hl-prod-window-drone-cleaning *::before,
.hl-prod-window-drone-cleaning *::after { box-sizing: border-box; }

/* Pre-empt wpautop line-break insertion between inline cards */
.hl-prod-window-drone-cleaning br { display: none; }

.hl-prod-window-drone-cleaning .hl-wdc-section {
  position: relative;
  background: var(--hl-wdc-card);
  border: 1px solid var(--hl-wdc-line);
  border-radius: var(--hl-wdc-radius);
  padding: 12px 14px;
  margin: 6px 0;
  box-shadow: var(--hl-wdc-shadow-soft);
}

.hl-prod-window-drone-cleaning .hl-wdc-h2 {
  font-size: 16px;
  line-height: 1.22;
  color: var(--hl-wdc-navy);
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: -.015em;
}
.hl-prod-window-drone-cleaning .hl-wdc-card-title {
  font-size: 13.5px;
  color: var(--hl-wdc-navy);
  margin: 0 0 5px;
  font-weight: 800;
}
.hl-prod-window-drone-cleaning .hl-wdc-section-intro {
  margin: 0 0 9px;
  color: var(--hl-wdc-ink-soft);
  font-size: 12.5px;
}
.hl-prod-window-drone-cleaning p { margin: 0 0 6px; }
.hl-prod-window-drone-cleaning p:last-child { margin-bottom: 0; }

/* HERO — soft blue → amber ombre blend (hero only) */
.hl-prod-window-drone-cleaning .hl-wdc-hero {
  background:
    radial-gradient(120% 150% at 92% 4%, rgba(224,168,46,.18) 0%, rgba(224,168,46,0) 52%),
    radial-gradient(120% 150% at 6% 100%, rgba(63,140,203,.18) 0%, rgba(63,140,203,0) 55%),
    linear-gradient(115deg, #eaf3fb 0%, #f3f3ef 48%, #f9efde 100%);
  border: 1px solid #e4e1d8;
  color: var(--hl-wdc-ink);
  padding: 15px 17px;
  overflow: hidden;
}
.hl-prod-window-drone-cleaning .hl-wdc-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 14px;
  align-items: stretch;
}
.hl-prod-window-drone-cleaning .hl-wdc-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #a9781a;
  background: rgba(224,168,46,.15);
  border: 1px solid rgba(224,168,46,.34);
  padding: 3px 10px;
  border-radius: 999px;
  margin-bottom: 9px;
}
.hl-prod-window-drone-cleaning .hl-wdc-hero-h2 {
  color: var(--hl-wdc-navy);
  font-size: 21px;
  line-height: 1.18;
  margin: 0 0 7px;
  letter-spacing: -.02em;
}
.hl-prod-window-drone-cleaning .hl-wdc-lead { color: var(--hl-wdc-ink); font-size: 12.5px; margin: 0 0 6px; }
.hl-prod-window-drone-cleaning .hl-wdc-lead-sub { color: var(--hl-wdc-ink-soft); font-size: 12px; margin: 0 0 9px; }
.hl-prod-window-drone-cleaning .hl-wdc-cta-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 9px; }
.hl-prod-window-drone-cleaning .hl-wdc-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 12.5px;
  padding: 8px 15px;
  border-radius: 999px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.hl-prod-window-drone-cleaning .hl-wdc-btn-primary {
  background: linear-gradient(135deg, var(--hl-wdc-amber) 0%, var(--hl-wdc-amber-2) 100%);
  color: #3a2a06;
  box-shadow: 0 3px 10px rgba(224,168,46,.32);
}
.hl-prod-window-drone-cleaning .hl-wdc-btn-primary:hover { transform: translateY(-1px); }
.hl-prod-window-drone-cleaning .hl-wdc-btn-ghost {
  background: #fff;
  color: var(--hl-wdc-blue);
  border: 1px solid var(--hl-wdc-blue-2);
}
.hl-prod-window-drone-cleaning .hl-wdc-btn-ghost:hover { background: var(--hl-wdc-glass); }
.hl-prod-window-drone-cleaning .hl-wdc-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.hl-prod-window-drone-cleaning .hl-wdc-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--hl-wdc-blue);
  background: rgba(255,255,255,.85);
  border: 1px solid var(--hl-wdc-line-2);
  padding: 3px 9px;
  border-radius: 999px;
}

/* QUICK PICK — premium glass panel */
.hl-prod-window-drone-cleaning .hl-wdc-quickpick {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, #ffffff 0%, var(--hl-wdc-glass-2) 100%);
  border-radius: var(--hl-wdc-radius);
  padding: 13px;
  border: 1px solid var(--hl-wdc-line-2);
  display: flex;
  flex-direction: column;
  box-shadow: var(--hl-wdc-shadow);
}
.hl-prod-window-drone-cleaning .hl-wdc-quickpick-title { font-size: 13.5px; font-weight: 800; color: var(--hl-wdc-navy); margin: 0 0 1px; }
.hl-prod-window-drone-cleaning .hl-wdc-quickpick-sub { font-size: 11.5px; color: var(--hl-wdc-ink-soft); margin: 0 0 8px; }
.hl-prod-window-drone-cleaning .hl-wdc-pick-list { display: flex; flex-direction: column; gap: 5px; }
.hl-prod-window-drone-cleaning .hl-wdc-pick-row {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--hl-wdc-line);
  border-radius: var(--hl-wdc-radius-sm);
  padding: 7px 10px;
  transition: border-color .12s ease, background .12s ease, transform .12s ease;
}
.hl-prod-window-drone-cleaning .hl-wdc-pick-row:hover { border-color: var(--hl-wdc-blue-2); background: var(--hl-wdc-glass); transform: translateX(1px); }
.hl-prod-window-drone-cleaning .hl-wdc-pick-need { font-size: 11.5px; font-weight: 700; color: var(--hl-wdc-navy); }
.hl-prod-window-drone-cleaning .hl-wdc-pick-go { font-size: 10.5px; font-weight: 600; color: var(--hl-wdc-blue); }
.hl-prod-window-drone-cleaning .hl-wdc-quickpick-foot {
  font-size: 10.5px; color: var(--hl-wdc-ink-soft);
  margin: auto 0 0; padding-top: 9px; border-top: 1px solid var(--hl-wdc-line);
}

/* QUICK ANSWER */
.hl-prod-window-drone-cleaning .hl-wdc-answer-card {
  background: var(--hl-wdc-glass);
  border: 1px solid var(--hl-wdc-line-2);
  border-left: 3px solid var(--hl-wdc-blue-2);
  border-radius: var(--hl-wdc-radius-sm);
  padding: 11px 13px;
}
.hl-prod-window-drone-cleaning .hl-wdc-answer-q { font-weight: 800; color: var(--hl-wdc-navy); margin: 0 0 5px; font-size: 13.5px; }
.hl-prod-window-drone-cleaning .hl-wdc-fineprint { font-size: 11px; color: var(--hl-wdc-ink-soft); margin: 8px 0 0; }

/* GRIDS */
.hl-prod-window-drone-cleaning .hl-wdc-grid { display: grid; gap: 9px; }
.hl-prod-window-drone-cleaning .hl-wdc-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hl-prod-window-drone-cleaning .hl-wdc-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hl-prod-window-drone-cleaning .hl-wdc-grid-4 { grid-template-columns: repeat(4, 1fr); }

/* CHOOSE BY PROPERTY CARDS */
.hl-prod-window-drone-cleaning .hl-wdc-choose-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: linear-gradient(180deg, #ffffff 0%, var(--hl-wdc-glass-2) 100%);
  border: 1px solid var(--hl-wdc-line);
  border-radius: var(--hl-wdc-radius-sm);
  padding: 11px 13px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hl-prod-window-drone-cleaning .hl-wdc-choose-card:hover { transform: translateY(-2px); border-color: var(--hl-wdc-blue-2); box-shadow: var(--hl-wdc-shadow); }
.hl-prod-window-drone-cleaning .hl-wdc-choose-emoji { font-size: 18px; margin-bottom: 4px; }
.hl-prod-window-drone-cleaning .hl-wdc-choose-card strong { color: var(--hl-wdc-navy); font-size: 12.5px; margin-bottom: 3px; }
.hl-prod-window-drone-cleaning .hl-wdc-choose-desc { display: block; font-size: 11px; color: var(--hl-wdc-ink-soft); margin-bottom: 6px; }
.hl-prod-window-drone-cleaning .hl-wdc-choose-note { display: block; font-size: 10.5px; font-weight: 600; color: var(--hl-wdc-blue); margin-top: auto; }

/* FIT CARDS */
.hl-prod-window-drone-cleaning .hl-wdc-fitcard { border-radius: var(--hl-wdc-radius-sm); padding: 11px 13px; border: 1px solid var(--hl-wdc-line); }
.hl-prod-window-drone-cleaning .hl-wdc-fit-good { background: var(--hl-wdc-green-soft); border-color: var(--hl-wdc-green-line); }
.hl-prod-window-drone-cleaning .hl-wdc-fit-bad { background: var(--hl-wdc-warn-soft); border-color: var(--hl-wdc-warn-line); }
.hl-prod-window-drone-cleaning .hl-wdc-list { margin: 0; padding-left: 16px; }
.hl-prod-window-drone-cleaning .hl-wdc-list li { margin: 3px 0; font-size: 12px; }

/* TABLES */
.hl-prod-window-drone-cleaning .hl-wdc-table-wrap { overflow-x: auto; }
.hl-prod-window-drone-cleaning .hl-wdc-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-wdc-card); }
.hl-prod-window-drone-cleaning .hl-wdc-table th,
.hl-prod-window-drone-cleaning .hl-wdc-table td { text-align: left; padding: 7px 10px; border: 1px solid var(--hl-wdc-line); vertical-align: top; }
.hl-prod-window-drone-cleaning .hl-wdc-table thead th {
  background: var(--hl-wdc-glass);
  color: var(--hl-wdc-navy);
  font-weight: 700;
  font-size: 11.5px;
  border-bottom: 2px solid var(--hl-wdc-line-2);
}
.hl-prod-window-drone-cleaning .hl-wdc-table tbody th { background: var(--hl-wdc-glass-2); color: var(--hl-wdc-navy); font-weight: 700; width: 22%; }
.hl-prod-window-drone-cleaning .hl-wdc-table tbody tr:nth-child(even) td { background: #f7fbfe; }

/* PROCESS STEPS */
.hl-prod-window-drone-cleaning .hl-wdc-step {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, var(--hl-wdc-glass-2) 100%);
  border: 1px solid var(--hl-wdc-line);
  border-radius: var(--hl-wdc-radius-sm);
  padding: 10px 11px;
}
.hl-prod-window-drone-cleaning .hl-wdc-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 21px; height: 21px; border-radius: 50%;
  background: linear-gradient(135deg, var(--hl-wdc-blue) 0%, var(--hl-wdc-blue-2) 100%);
  color: #fff; font-weight: 800; font-size: 11.5px; margin-bottom: 5px;
}
.hl-prod-window-drone-cleaning .hl-wdc-step strong { display: block; color: var(--hl-wdc-navy); font-size: 12px; margin-bottom: 2px; }
.hl-prod-window-drone-cleaning .hl-wdc-step p { font-size: 11.5px; color: var(--hl-wdc-ink-soft); margin: 0; }

/* CONFIRM CARDS */
.hl-prod-window-drone-cleaning .hl-wdc-confirm-card {
  background: linear-gradient(180deg, #ffffff 0%, var(--hl-wdc-glass-2) 100%);
  border: 1px solid var(--hl-wdc-line);
  border-radius: var(--hl-wdc-radius-sm);
  padding: 9px 8px;
  text-align: center;
}
.hl-prod-window-drone-cleaning .hl-wdc-confirm-emoji { font-size: 17px; display: block; margin-bottom: 3px; }
.hl-prod-window-drone-cleaning .hl-wdc-confirm-card strong { display: block; color: var(--hl-wdc-navy); font-size: 11.5px; }
.hl-prod-window-drone-cleaning .hl-wdc-confirm-card p { font-size: 10.5px; color: var(--hl-wdc-ink-soft); margin: 2px 0 0; }

/* SAFETY CHECKLIST */
.hl-prod-window-drone-cleaning .hl-wdc-safety { background: var(--hl-wdc-amber-soft); border-color: var(--hl-wdc-warn-line); }
.hl-prod-window-drone-cleaning .hl-wdc-checklist { list-style: none; margin: 0; padding: 0; }
.hl-prod-window-drone-cleaning .hl-wdc-checklist li {
  position: relative; padding: 5px 6px 5px 24px; font-size: 12px;
  border-bottom: 1px dashed var(--hl-wdc-warn-line);
}
.hl-prod-window-drone-cleaning .hl-wdc-checklist li:last-child { border-bottom: none; }
.hl-prod-window-drone-cleaning .hl-wdc-checklist li::before { content: "⚠️"; position: absolute; left: 4px; top: 5px; font-size: 11px; }

/* FAQ */
.hl-prod-window-drone-cleaning .hl-wdc-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-bottom: 12px; }
.hl-prod-window-drone-cleaning .hl-wdc-faq-item {
  background: linear-gradient(180deg, #ffffff 0%, var(--hl-wdc-glass-2) 100%);
  border: 1px solid var(--hl-wdc-line);
  border-radius: var(--hl-wdc-radius-sm);
  padding: 3px 12px;
}
.hl-prod-window-drone-cleaning .hl-wdc-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-wdc-navy);
  font-size: 12px; padding: 7px 0; list-style: none; position: relative; padding-right: 20px;
}
.hl-prod-window-drone-cleaning .hl-wdc-faq-item summary::-webkit-details-marker { display: none; }
.hl-prod-window-drone-cleaning .hl-wdc-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 6px;
  font-size: 15px; font-weight: 700; color: var(--hl-wdc-blue);
}
.hl-prod-window-drone-cleaning .hl-wdc-faq-item[open] summary::after { content: "\2013"; }
.hl-prod-window-drone-cleaning .hl-wdc-faq-item p { font-size: 11.5px; color: var(--hl-wdc-ink-soft); padding: 0 0 7px; margin: 0; }

/* FINAL CTA */
.hl-prod-window-drone-cleaning .hl-wdc-final-cta {
  background:
    radial-gradient(120% 160% at 90% 0%, rgba(63,140,203,.18) 0%, rgba(63,140,203,0) 55%),
    linear-gradient(135deg, #ffffff 0%, var(--hl-wdc-glass) 120%);
  border: 1px solid var(--hl-wdc-line-2);
  border-radius: var(--hl-wdc-radius);
  padding: 14px 16px;
  color: var(--hl-wdc-ink);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 10px;
}
.hl-prod-window-drone-cleaning .hl-wdc-final-cta .hl-wdc-card-title { color: var(--hl-wdc-navy); }
.hl-prod-window-drone-cleaning .hl-wdc-final-cta-text { flex: 1 1 320px; }
.hl-prod-window-drone-cleaning .hl-wdc-final-cta p { color: var(--hl-wdc-ink-soft); font-size: 12px; margin: 0; }

/* RELATED — 4 in one row */
.hl-prod-window-drone-cleaning .hl-wdc-related-title { font-size: 14px; color: var(--hl-wdc-navy); font-weight: 800; margin: 0 0 9px; }
.hl-prod-window-drone-cleaning .hl-wdc-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.hl-prod-window-drone-cleaning .hl-wdc-related-card {
  display: flex; align-items: center; gap: 9px; text-decoration: none;
  background: linear-gradient(180deg, #ffffff 0%, var(--hl-wdc-glass-2) 100%); border: 1px solid var(--hl-wdc-line);
  border-radius: var(--hl-wdc-radius-sm); padding: 10px 11px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.hl-prod-window-drone-cleaning .hl-wdc-related-card:hover { transform: translateY(-2px); border-color: var(--hl-wdc-blue-2); box-shadow: var(--hl-wdc-shadow); }
.hl-prod-window-drone-cleaning .hl-wdc-related-emoji { font-size: 19px; flex: 0 0 auto; }
.hl-prod-window-drone-cleaning .hl-wdc-related-text { display: flex; flex-direction: column; font-size: 11px; color: var(--hl-wdc-ink-soft); }
.hl-prod-window-drone-cleaning .hl-wdc-related-text strong { color: var(--hl-wdc-navy); font-size: 12px; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .hl-prod-window-drone-cleaning .hl-wdc-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-window-drone-cleaning .hl-wdc-grid-4 { grid-template-columns: repeat(4, 1fr); }
  .hl-prod-window-drone-cleaning .hl-wdc-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-window-drone-cleaning .hl-wdc-hero-h2 { font-size: 19px; }
}
@media (max-width: 640px) {
  .hl-prod-window-drone-cleaning .hl-wdc-grid-2,
  .hl-prod-window-drone-cleaning .hl-wdc-grid-3,
  .hl-prod-window-drone-cleaning .hl-wdc-faq-grid { grid-template-columns: 1fr; }
  .hl-prod-window-drone-cleaning .hl-wdc-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-window-drone-cleaning .hl-wdc-related-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-prod-window-drone-cleaning .hl-wdc-h2 { font-size: 15px; }
  .hl-prod-window-drone-cleaning .hl-wdc-hero-h2 { font-size: 17.5px; }
  .hl-prod-window-drone-cleaning .hl-wdc-cta-row .hl-wdc-btn { flex: 1 1 100%; text-align: center; }
  .hl-prod-window-drone-cleaning .hl-wdc-final-cta { flex-direction: column; align-items: flex-start; }
}



/* === Hireload Drone Services Category CSS — appended === */
/* ===========================================================
   Hireload — Drone Services CATEGORY description (parent-category layout)
   Rich, premium, symmetrical, eyebrow-chip sections.
   Sits UNDER the real WooCommerce product grid, ABOVE the footer.
   Root: .hl-cat-drone-services   Prefix: hl-ds-
   All selectors scoped under root. No global / WooCommerce / footer selectors.
   =========================================================== */

.hl-cat-drone-services {
  --hl-ds-navy: #16233c;
  --hl-ds-ink: #2b3850;
  --hl-ds-ink-soft: #586679;
  --hl-ds-blue: #2c6fae;
  --hl-ds-blue-2: #3f8ccb;
  --hl-ds-teal: #2f8a86;
  --hl-ds-amber: #d99a2b;
  --hl-ds-amber-2: #eab44a;
  --hl-ds-green: #2f8a63;
  --hl-ds-cream: #fbf6ec;
  --hl-ds-glass: #eef5fb;
  --hl-ds-glass-2: #f5f9fd;
  --hl-ds-panel: #f4f8fc;
  --hl-ds-card: #ffffff;
  --hl-ds-line: #e4ebf2;
  --hl-ds-line-2: #d4e0ec;
  --hl-ds-radius: 12px;
  --hl-ds-radius-sm: 9px;
  --hl-ds-shadow: 0 1px 2px rgba(22,35,60,.04), 0 3px 10px rgba(44,111,174,.06);
  --hl-ds-shadow-soft: 0 1px 2px rgba(22,35,60,.03), 0 2px 7px rgba(44,111,174,.04);

  box-sizing: border-box;
  max-width: 1200px;
  margin: 30px auto 10px;
  padding: 4px;
  background: transparent;
  color: var(--hl-ds-ink);
  font-size: 13px;
  line-height: 1.55;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hl-cat-drone-services *,
.hl-cat-drone-services *::before,
.hl-cat-drone-services *::after { box-sizing: border-box; }
.hl-cat-drone-services br { display: none; }

/* ----- blocks + eyebrow labels ----- */
.hl-cat-drone-services .hl-ds-block {
  position: relative;
  background: var(--hl-ds-card);
  border: 1px solid var(--hl-ds-line);
  border-radius: var(--hl-ds-radius);
  padding: 16px 18px;
  margin: 14px 0;
  box-shadow: var(--hl-ds-shadow-soft);
}
.hl-cat-drone-services .hl-ds-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--hl-ds-ink-soft);
  background: #fff;
  border: 1px solid var(--hl-ds-line-2);
  padding: 4px 11px;
  border-radius: 7px;
  margin-bottom: 11px;
}
.hl-cat-drone-services .hl-ds-eyebrow-mark { background: #f6e2c9; color: #9a6a16; padding: 0 5px; border-radius: 4px; }
.hl-cat-drone-services .hl-ds-eyebrow-light { color: var(--hl-ds-blue); border-color: rgba(44,111,174,.25); }
.hl-cat-drone-services .hl-ds-eyebrow-green { color: var(--hl-ds-green); border-color: rgba(47,138,99,.3); }
.hl-cat-drone-services .hl-ds-h3 { font-size: 19px; color: var(--hl-ds-navy); margin: 0 0 6px; font-weight: 800; letter-spacing: -.015em; }
.hl-cat-drone-services .hl-ds-block-intro { font-size: 12.5px; color: var(--hl-ds-ink-soft); margin: 0 0 13px; }
.hl-cat-drone-services .hl-ds-fineprint { font-size: 11px; color: var(--hl-ds-ink-soft); margin: 11px 0 0; }

/* ----- HERO ----- */
.hl-cat-drone-services .hl-ds-hero {
  background:
    radial-gradient(120% 150% at 96% 0%, rgba(224,168,46,.13) 0%, rgba(224,168,46,0) 50%),
    radial-gradient(120% 150% at 0% 100%, rgba(63,140,203,.14) 0%, rgba(63,140,203,0) 55%),
    linear-gradient(120deg, #eef5fb 0%, #f4f4ee 55%, #faf2e2 100%);
  border-color: var(--hl-ds-line-2);
  padding: 20px 22px;
}
.hl-cat-drone-services .hl-ds-hero-grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 18px; align-items: stretch; }
.hl-cat-drone-services .hl-ds-hero-main { display: flex; flex-direction: column; }
.hl-cat-drone-services .hl-ds-hero-h2 { font-size: 25px; line-height: 1.18; color: var(--hl-ds-navy); margin: 0 0 9px; font-weight: 800; letter-spacing: -.02em; }
.hl-cat-drone-services .hl-ds-lead { font-size: 13px; color: var(--hl-ds-ink); margin: 0 0 13px; max-width: 62ch; }
.hl-cat-drone-services .hl-ds-cta-row { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 13px; }
.hl-cat-drone-services .hl-ds-btn {
  display: inline-block; text-decoration: none; font-weight: 700; font-size: 13px;
  padding: 10px 18px; border-radius: 999px;
  transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
}
.hl-cat-drone-services .hl-ds-btn-primary {
  background: linear-gradient(135deg, #c98a3e 0%, #d99a2b 100%);
  color: #fff; box-shadow: 0 3px 10px rgba(201,138,62,.32);
}
.hl-cat-drone-services .hl-ds-btn-primary:hover { transform: translateY(-1px); }
.hl-cat-drone-services .hl-ds-btn-ghost { background: #fff; color: var(--hl-ds-navy); border: 1.5px solid var(--hl-ds-blue-2); }
.hl-cat-drone-services .hl-ds-btn-ghost:hover { background: var(--hl-ds-glass); }
.hl-cat-drone-services .hl-ds-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }
.hl-cat-drone-services .hl-ds-chip {
  font-size: 11.5px; font-weight: 600; color: var(--hl-ds-ink);
  background: rgba(255,255,255,.8); border: 1px solid var(--hl-ds-line-2);
  padding: 5px 11px; border-radius: 8px;
}
/* hero quick pick */
.hl-cat-drone-services .hl-ds-quickpick {
  background: #fff; border: 1px solid var(--hl-ds-line-2); border-radius: var(--hl-ds-radius);
  padding: 15px 16px; box-shadow: var(--hl-ds-shadow);
  display: flex; flex-direction: column;
}
.hl-cat-drone-services .hl-ds-qp-label { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--hl-ds-ink-soft); }
.hl-cat-drone-services .hl-ds-qp-q { font-size: 15px; font-weight: 800; color: var(--hl-ds-navy); margin: 4px 0 10px; }
.hl-cat-drone-services .hl-ds-qp-row {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  text-decoration: none; color: var(--hl-ds-ink);
  font-size: 12.5px; font-weight: 600; padding: 9px 0;
  border-bottom: 1px dashed var(--hl-ds-line-2);
}
.hl-cat-drone-services .hl-ds-qp-row:last-child { border-bottom: none; }
.hl-cat-drone-services .hl-ds-qp-go { color: var(--hl-ds-blue); font-weight: 700; white-space: nowrap; }
.hl-cat-drone-services .hl-ds-qp-row:hover .hl-ds-qp-go { color: var(--hl-ds-navy); }

/* ----- QUICK ANSWER ----- */
.hl-cat-drone-services .hl-ds-quickanswer { background: var(--hl-ds-glass); border-color: var(--hl-ds-line-2); }
.hl-cat-drone-services .hl-ds-qa-q { font-size: 16px; font-weight: 800; color: var(--hl-ds-navy); margin: 0 0 6px; }
.hl-cat-drone-services .hl-ds-qa-text { font-size: 12.5px; color: var(--hl-ds-ink); margin: 0 0 8px; }
.hl-cat-drone-services .hl-ds-qa-text:last-child { margin-bottom: 0; }

/* ----- TABLES ----- */
.hl-cat-drone-services .hl-ds-table-wrap { overflow-x: auto; }
.hl-cat-drone-services .hl-ds-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-ds-card); border: 1px solid var(--hl-ds-line); border-radius: var(--hl-ds-radius-sm); overflow: hidden; }
.hl-cat-drone-services .hl-ds-table th,
.hl-cat-drone-services .hl-ds-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--hl-ds-line); vertical-align: top; }
.hl-cat-drone-services .hl-ds-table thead th { background: var(--hl-ds-navy); color: #fff; font-weight: 700; font-size: 11.5px; border-bottom: none; }
.hl-cat-drone-services .hl-ds-table tbody th { color: var(--hl-ds-navy); font-weight: 700; width: 24%; }
.hl-cat-drone-services .hl-ds-table tbody td:first-of-type { color: var(--hl-ds-blue); font-weight: 600; }
.hl-cat-drone-services .hl-ds-table tbody tr:nth-child(even) td,
.hl-cat-drone-services .hl-ds-table tbody tr:nth-child(even) th { background: var(--hl-ds-glass-2); }
.hl-cat-drone-services .hl-ds-table tbody tr:last-child th,
.hl-cat-drone-services .hl-ds-table tbody tr:last-child td { border-bottom: none; }

/* ----- SERVICES cards (3x2) ----- */
.hl-cat-drone-services .hl-ds-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.hl-cat-drone-services .hl-ds-svc {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--hl-ds-card); border: 1px solid var(--hl-ds-line);
  border-top: 3px solid var(--hl-ds-blue);
  border-radius: var(--hl-ds-radius-sm); padding: 13px 14px;
  transition: transform .12s ease, box-shadow .12s ease;
}
.hl-cat-drone-services .hl-ds-svc:hover { transform: translateY(-2px); box-shadow: var(--hl-ds-shadow); }
.hl-cat-drone-services .hl-ds-accent-blue { border-top-color: var(--hl-ds-blue); }
.hl-cat-drone-services .hl-ds-accent-teal { border-top-color: var(--hl-ds-teal); }
.hl-cat-drone-services .hl-ds-accent-amber { border-top-color: var(--hl-ds-amber); }
.hl-cat-drone-services .hl-ds-svc-emoji { font-size: 20px; margin-bottom: 5px; }
.hl-cat-drone-services .hl-ds-svc strong { color: var(--hl-ds-navy); font-size: 14px; margin-bottom: 4px; }
.hl-cat-drone-services .hl-ds-svc-desc { font-size: 11.5px; color: var(--hl-ds-ink-soft); margin-bottom: 10px; }
.hl-cat-drone-services .hl-ds-svc-link { margin-top: auto; font-size: 12px; font-weight: 700; color: var(--hl-ds-blue); }
.hl-cat-drone-services .hl-ds-svc:hover .hl-ds-svc-link { color: var(--hl-ds-navy); }

/* ----- SELECTOR cards (4x2) ----- */
.hl-cat-drone-services .hl-ds-sel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.hl-cat-drone-services .hl-ds-sel-card {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--hl-ds-glass-2); border: 1px solid var(--hl-ds-line);
  border-radius: var(--hl-ds-radius-sm); padding: 11px 12px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hl-cat-drone-services .hl-ds-sel-card:hover { transform: translateY(-1px); border-color: var(--hl-ds-blue-2); box-shadow: var(--hl-ds-shadow); }
.hl-cat-drone-services .hl-ds-sel-emoji { font-size: 16px; margin-bottom: 4px; }
.hl-cat-drone-services .hl-ds-sel-card strong { color: var(--hl-ds-navy); font-size: 12px; margin-bottom: 6px; }
.hl-cat-drone-services .hl-ds-sel-go { margin-top: auto; font-size: 11.5px; font-weight: 700; color: var(--hl-ds-blue); }

/* ----- SECTOR cards (4x2) ----- */
.hl-cat-drone-services .hl-ds-sector-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.hl-cat-drone-services .hl-ds-sector-card {
  background: var(--hl-ds-card); border: 1px solid var(--hl-ds-line);
  border-left: 3px solid var(--hl-ds-blue);
  border-radius: var(--hl-ds-radius-sm); padding: 12px 13px;
}
.hl-cat-drone-services .hl-ds-sector-card.hl-ds-accent-blue { border-left-color: var(--hl-ds-blue); }
.hl-cat-drone-services .hl-ds-sector-card.hl-ds-accent-teal { border-left-color: var(--hl-ds-teal); }
.hl-cat-drone-services .hl-ds-sector-card.hl-ds-accent-amber { border-left-color: var(--hl-ds-amber); }
.hl-cat-drone-services .hl-ds-sector-card strong { display: block; color: var(--hl-ds-navy); font-size: 12.5px; margin-bottom: 6px; }
.hl-cat-drone-services .hl-ds-sector-setup { font-size: 11.5px; color: var(--hl-ds-ink); margin: 0 0 6px; }
.hl-cat-drone-services .hl-ds-sector-setup span { font-weight: 700; color: var(--hl-ds-navy); }
.hl-cat-drone-services .hl-ds-sector-note { font-size: 10.5px; color: var(--hl-ds-ink-soft); margin: 0; }

/* ----- QUOTE FACTORS (4x2) ----- */
.hl-cat-drone-services .hl-ds-factor-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.hl-cat-drone-services .hl-ds-factor {
  background: var(--hl-ds-glass-2); border: 1px solid var(--hl-ds-line);
  border-radius: var(--hl-ds-radius-sm); padding: 11px 12px; font-size: 11.5px; color: var(--hl-ds-ink-soft);
}
.hl-cat-drone-services .hl-ds-factor strong { color: var(--hl-ds-navy); font-weight: 700; }
.hl-cat-drone-services .hl-ds-factor-foot { font-size: 12px; color: var(--hl-ds-ink-soft); margin: 12px 0 0; }
.hl-cat-drone-services .hl-ds-factor-foot a { color: var(--hl-ds-blue); font-weight: 700; text-decoration: none; }

/* ----- CHECKLIST (4x2) ----- */
.hl-cat-drone-services .hl-ds-check-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.hl-cat-drone-services .hl-ds-check-item {
  display: flex; align-items: flex-start; gap: 8px;
  background: var(--hl-ds-glass-2); border: 1px solid var(--hl-ds-line);
  border-radius: var(--hl-ds-radius-sm); padding: 10px 11px; font-size: 11.5px; color: var(--hl-ds-ink);
}
.hl-cat-drone-services .hl-ds-check-box {
  flex: 0 0 auto; width: 16px; height: 16px; border-radius: 4px;
  background: var(--hl-ds-blue); color: #fff; font-size: 11px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; margin-top: 1px;
}
.hl-cat-drone-services .hl-ds-check-item em { color: var(--hl-ds-ink-soft); font-style: normal; }
.hl-cat-drone-services .hl-ds-check-item a { color: var(--hl-ds-blue); font-weight: 700; text-decoration: none; }

/* ----- SAFETY ----- */
.hl-cat-drone-services .hl-ds-safety { background: var(--hl-ds-cream); border: 1px solid #f0dcab; border-left: 3px solid var(--hl-ds-amber); }
.hl-cat-drone-services .hl-ds-safety-text { font-size: 12px; color: var(--hl-ds-ink-soft); margin: 0; }

/* ----- RELATED chips ----- */
.hl-cat-drone-services .hl-ds-related-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.hl-cat-drone-services .hl-ds-related-chip {
  text-decoration: none; font-size: 12px; font-weight: 700; color: var(--hl-ds-navy);
  background: #fff; border: 1px solid var(--hl-ds-line-2);
  padding: 8px 14px; border-radius: 8px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-cat-drone-services .hl-ds-related-chip:hover { border-color: var(--hl-ds-blue-2); background: var(--hl-ds-glass); }

/* ----- FAQ (full-width rows) ----- */
.hl-cat-drone-services .hl-ds-faq-list { display: flex; flex-direction: column; gap: 8px; }
.hl-cat-drone-services .hl-ds-faq-item {
  background: var(--hl-ds-card); border: 1px solid var(--hl-ds-line);
  border-radius: var(--hl-ds-radius-sm); padding: 2px 15px;
}
.hl-cat-drone-services .hl-ds-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-ds-navy);
  font-size: 13px; padding: 12px 24px 12px 0; list-style: none; position: relative;
}
.hl-cat-drone-services .hl-ds-faq-item summary::-webkit-details-marker { display: none; }
.hl-cat-drone-services .hl-ds-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 10px;
  font-size: 18px; font-weight: 700; color: var(--hl-ds-blue);
}
.hl-cat-drone-services .hl-ds-faq-item[open] summary::after { content: "\2013"; }
.hl-cat-drone-services .hl-ds-faq-item p { font-size: 12px; color: var(--hl-ds-ink-soft); padding: 0 0 12px; margin: 0; }

/* ----- FINAL CTA ----- */
.hl-cat-drone-services .hl-ds-cta {
  background: linear-gradient(135deg, #ffffff 0%, var(--hl-ds-glass) 120%);
  border-color: var(--hl-ds-line-2);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px;
}
.hl-cat-drone-services .hl-ds-cta-text { flex: 1 1 360px; }
.hl-cat-drone-services .hl-ds-cta-text .hl-ds-h3 { margin-bottom: 5px; }
.hl-cat-drone-services .hl-ds-cta-text p { font-size: 12px; color: var(--hl-ds-ink-soft); margin: 0; }
.hl-cat-drone-services .hl-ds-cta-row { display: flex; flex-wrap: wrap; gap: 8px; }

/* ----- RESPONSIVE ----- */
@media (max-width: 900px) {
  .hl-cat-drone-services .hl-ds-hero-grid { grid-template-columns: 1fr; }
  .hl-cat-drone-services .hl-ds-svc-grid,
  .hl-cat-drone-services .hl-ds-sel-grid,
  .hl-cat-drone-services .hl-ds-sector-grid,
  .hl-cat-drone-services .hl-ds-factor-grid,
  .hl-cat-drone-services .hl-ds-check-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-cat-drone-services .hl-ds-hero-h2 { font-size: 22px; }
}
@media (max-width: 560px) {
  .hl-cat-drone-services .hl-ds-svc-grid,
  .hl-cat-drone-services .hl-ds-sel-grid,
  .hl-cat-drone-services .hl-ds-sector-grid,
  .hl-cat-drone-services .hl-ds-factor-grid,
  .hl-cat-drone-services .hl-ds-check-grid { grid-template-columns: 1fr; }
  .hl-cat-drone-services .hl-ds-hero-h2 { font-size: 20px; }
  .hl-cat-drone-services .hl-ds-h3 { font-size: 17px; }
  .hl-cat-drone-services .hl-ds-cta-row .hl-ds-btn { flex: 1 1 100%; text-align: center; }
  .hl-cat-drone-services .hl-ds-cta { flex-direction: column; align-items: flex-start; }
}


/* ds-cat-refresh */

/* === Flood/Leak Drying Hub (Post 8317) === */
.postid-8317 .blog-sidebar,
.postid-8317 .widget-area,
.postid-8317 .post-sidebar,
.postid-8317 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-8317 #content > .row { justify-content: center !important; }
.postid-8317 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-8317 footer.entry-meta,
.postid-8317 .entry-meta,
.postid-8317 .entry-author,
.postid-8317 .entry-author.author-box,
.postid-8317 .author-box,
.postid-8317 .navigation-post,
.postid-8317 .nav-previous,
.postid-8317 .nav-next,
.postid-8317 .blog-share,
.postid-8317 .entry-share,
.postid-8317 #comments,
.postid-8317 .comments-area,
.postid-8317 .comment-respond,
.postid-8317 .related-posts,
.postid-8317 .post-next-prev {
  display: none !important;
}
 
/* === Burst Pipe blog (Post 8332) === */
.postid-8332 .blog-sidebar,
.postid-8332 .widget-area,
.postid-8332 .post-sidebar,
.postid-8332 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-8332 #content > .row { justify-content: center !important; }
.postid-8332 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-8332 footer.entry-meta,
.postid-8332 .entry-meta,
.postid-8332 .entry-author,
.postid-8332 .entry-author.author-box,
.postid-8332 .author-box,
.postid-8332 .navigation-post,
.postid-8332 .nav-previous,
.postid-8332 .nav-next,
.postid-8332 .blog-share,
.postid-8332 .entry-share,
.postid-8332 #comments,
.postid-8332 .comments-area,
.postid-8332 .comment-respond,
.postid-8332 .related-posts,
.postid-8332 .post-next-prev {
  display: none !important;
}


/* === Hireload Access Equipment Category CSS — appended === */
/* ============================================================
   Hireload — Access Equipment CATEGORY description (category-guide layout)
   Premium, light, symmetrical, eyebrow-chip sections.
   Sits UNDER the real WooCommerce product grid, ABOVE the footer.
   Root: .hl-cat-access-equipment   Prefix: hl-ae-
   All selectors scoped under root. No global / WooCommerce / footer selectors.
   ============================================================ */

.hl-cat-access-equipment {
  --hl-ae-navy: #16233c;
  --hl-ae-ink: #2b3850;
  --hl-ae-ink-soft: #586679;
  --hl-ae-blue: #2c6fae;
  --hl-ae-blue-2: #3f8ccb;
  --hl-ae-teal: #2f8a86;
  --hl-ae-amber: #d99a2b;
  --hl-ae-amber-2: #eab44a;
  --hl-ae-green: #2f8a63;
  --hl-ae-cream: #fbf6ec;
  --hl-ae-glass: #eef5fb;
  --hl-ae-glass-2: #f5f9fd;
  --hl-ae-panel: #f4f8fc;
  --hl-ae-card: #ffffff;
  --hl-ae-line: #e4ebf2;
  --hl-ae-line-2: #d4e0ec;
  --hl-ae-radius: 12px;
  --hl-ae-radius-sm: 9px;
  --hl-ae-shadow: 0 1px 2px rgba(22,35,60,.04), 0 3px 10px rgba(44,111,174,.06);
  --hl-ae-shadow-soft: 0 1px 2px rgba(22,35,60,.03), 0 2px 7px rgba(44,111,174,.04);

  box-sizing: border-box;
  max-width: 1200px;
  margin: 30px auto 10px;
  padding: 4px;
  background: transparent;
  color: var(--hl-ae-ink);
  font-size: 13px;
  line-height: 1.55;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hl-cat-access-equipment *,
.hl-cat-access-equipment *::before,
.hl-cat-access-equipment *::after { box-sizing: border-box; }
.hl-cat-access-equipment br { display: none; }

/* ----- blocks + eyebrow labels ----- */
.hl-cat-access-equipment .hl-ae-block {
  position: relative;
  background: var(--hl-ae-card);
  border: 1px solid var(--hl-ae-line);
  border-radius: var(--hl-ae-radius);
  padding: 16px 18px;
  margin: 14px 0;
  box-shadow: var(--hl-ae-shadow-soft);
}
.hl-cat-access-equipment .hl-ae-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--hl-ae-ink-soft);
  background: #fff;
  border: 1px solid var(--hl-ae-line-2);
  padding: 4px 11px;
  border-radius: 7px;
  margin-bottom: 11px;
}
.hl-cat-access-equipment .hl-ae-eyebrow-mark { background: #f6e2c9; color: #9a6a16; padding: 0 5px; border-radius: 4px; }
.hl-cat-access-equipment .hl-ae-eyebrow-light { color: var(--hl-ae-blue); border-color: rgba(44,111,174,.25); }
.hl-cat-access-equipment .hl-ae-eyebrow-green { color: var(--hl-ae-green); border-color: rgba(47,138,99,.3); }
.hl-cat-access-equipment .hl-ae-h3 { font-size: 19px; color: var(--hl-ae-navy); margin: 0 0 6px; font-weight: 800; letter-spacing: -.015em; }
.hl-cat-access-equipment .hl-ae-block-intro { font-size: 12.5px; color: var(--hl-ae-ink-soft); margin: 0 0 13px; }
.hl-cat-access-equipment .hl-ae-fineprint { font-size: 11px; color: var(--hl-ae-ink-soft); margin: 11px 0 0; }

/* ----- HERO ----- */
.hl-cat-access-equipment .hl-ae-hero {
  background:
    radial-gradient(120% 150% at 96% 0%, rgba(224,168,46,.13) 0%, rgba(224,168,46,0) 50%),
    radial-gradient(120% 150% at 0% 100%, rgba(63,140,203,.14) 0%, rgba(63,140,203,0) 55%),
    linear-gradient(120deg, #eef5fb 0%, #f4f4ee 55%, #faf2e2 100%);
  border-color: var(--hl-ae-line-2);
  padding: 20px 22px;
}
.hl-cat-access-equipment .hl-ae-hero-grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 18px; align-items: stretch; }
.hl-cat-access-equipment .hl-ae-hero-main { display: flex; flex-direction: column; }
.hl-cat-access-equipment .hl-ae-hero-h2 { font-size: 25px; line-height: 1.18; color: var(--hl-ae-navy); margin: 0 0 9px; font-weight: 800; letter-spacing: -.02em; }
.hl-cat-access-equipment .hl-ae-lead { font-size: 13px; color: var(--hl-ae-ink); margin: 0 0 13px; max-width: 64ch; }
.hl-cat-access-equipment .hl-ae-cta-row { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 13px; }
.hl-cat-access-equipment .hl-ae-btn {
  display: inline-block; text-decoration: none; font-weight: 700; font-size: 13px;
  padding: 10px 18px; border-radius: 999px;
  transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
}
.hl-cat-access-equipment .hl-ae-btn-primary {
  background: linear-gradient(135deg, #c98a3e 0%, #d99a2b 100%);
  color: #fff; box-shadow: 0 3px 10px rgba(201,138,62,.32);
}
.hl-cat-access-equipment .hl-ae-btn-primary:hover { transform: translateY(-1px); }
.hl-cat-access-equipment .hl-ae-btn-ghost { background: #fff; color: var(--hl-ae-navy); border: 1.5px solid var(--hl-ae-blue-2); }
.hl-cat-access-equipment .hl-ae-btn-ghost:hover { background: var(--hl-ae-glass); }
.hl-cat-access-equipment .hl-ae-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }
.hl-cat-access-equipment .hl-ae-chip {
  font-size: 11.5px; font-weight: 600; color: var(--hl-ae-ink);
  background: rgba(255,255,255,.8); border: 1px solid var(--hl-ae-line-2);
  padding: 5px 11px; border-radius: 8px;
}
/* hero quick pick */
.hl-cat-access-equipment .hl-ae-quickpick {
  background: #fff; border: 1px solid var(--hl-ae-line-2); border-radius: var(--hl-ae-radius);
  padding: 15px 16px; box-shadow: var(--hl-ae-shadow);
  display: flex; flex-direction: column;
}
.hl-cat-access-equipment .hl-ae-qp-label { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--hl-ae-ink-soft); }
.hl-cat-access-equipment .hl-ae-qp-q { font-size: 15px; font-weight: 800; color: var(--hl-ae-navy); margin: 4px 0 10px; }
.hl-cat-access-equipment .hl-ae-qp-row {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  text-decoration: none; color: var(--hl-ae-ink);
  font-size: 12.5px; font-weight: 600; padding: 9px 0;
  border-bottom: 1px dashed var(--hl-ae-line-2);
}
.hl-cat-access-equipment .hl-ae-qp-row:last-child { border-bottom: none; }
.hl-cat-access-equipment .hl-ae-qp-go { color: var(--hl-ae-blue); font-weight: 700; white-space: nowrap; }
.hl-cat-access-equipment .hl-ae-qp-row:hover .hl-ae-qp-go { color: var(--hl-ae-navy); }

/* ----- QUICK ANSWER ----- */
.hl-cat-access-equipment .hl-ae-quickanswer { background: var(--hl-ae-glass); border-color: var(--hl-ae-line-2); }
.hl-cat-access-equipment .hl-ae-qa-q { font-size: 16px; font-weight: 800; color: var(--hl-ae-navy); margin: 0 0 6px; }
.hl-cat-access-equipment .hl-ae-qa-text { font-size: 12.5px; color: var(--hl-ae-ink); margin: 0 0 8px; }
.hl-cat-access-equipment .hl-ae-qa-text:last-child { margin-bottom: 0; }

/* ----- TABLES ----- */
.hl-cat-access-equipment .hl-ae-table-wrap { overflow-x: auto; }
.hl-cat-access-equipment .hl-ae-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-ae-card); border: 1px solid var(--hl-ae-line); border-radius: var(--hl-ae-radius-sm); overflow: hidden; }
.hl-cat-access-equipment .hl-ae-table th,
.hl-cat-access-equipment .hl-ae-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--hl-ae-line); vertical-align: top; }
.hl-cat-access-equipment .hl-ae-table thead th { background: var(--hl-ae-navy); color: #fff; font-weight: 700; font-size: 11.5px; border-bottom: none; }
.hl-cat-access-equipment .hl-ae-table tbody th { color: var(--hl-ae-navy); font-weight: 700; width: 26%; }
.hl-cat-access-equipment .hl-ae-table tbody td:first-of-type { color: var(--hl-ae-blue); font-weight: 600; }
.hl-cat-access-equipment .hl-ae-table tbody tr:nth-child(even) td,
.hl-cat-access-equipment .hl-ae-table tbody tr:nth-child(even) th { background: var(--hl-ae-glass-2); }
.hl-cat-access-equipment .hl-ae-table tbody tr:last-child th,
.hl-cat-access-equipment .hl-ae-table tbody tr:last-child td { border-bottom: none; }

/* ----- SERVICES cards (3x2) ----- */
.hl-cat-access-equipment .hl-ae-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.hl-cat-access-equipment .hl-ae-svc {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--hl-ae-card); border: 1px solid var(--hl-ae-line);
  border-top: 3px solid var(--hl-ae-blue);
  border-radius: var(--hl-ae-radius-sm); padding: 13px 14px;
  transition: transform .12s ease, box-shadow .12s ease;
}
.hl-cat-access-equipment .hl-ae-svc:hover { transform: translateY(-2px); box-shadow: var(--hl-ae-shadow); }
.hl-cat-access-equipment .hl-ae-accent-blue { border-top-color: var(--hl-ae-blue); }
.hl-cat-access-equipment .hl-ae-accent-teal { border-top-color: var(--hl-ae-teal); }
.hl-cat-access-equipment .hl-ae-accent-amber { border-top-color: var(--hl-ae-amber); }
.hl-cat-access-equipment .hl-ae-svc-emoji { font-size: 20px; margin-bottom: 5px; }
.hl-cat-access-equipment .hl-ae-svc strong { color: var(--hl-ae-navy); font-size: 14px; margin-bottom: 4px; }
.hl-cat-access-equipment .hl-ae-svc-desc { font-size: 11.5px; color: var(--hl-ae-ink-soft); margin-bottom: 10px; }
.hl-cat-access-equipment .hl-ae-svc-link { margin-top: auto; font-size: 12px; font-weight: 700; color: var(--hl-ae-blue); }
.hl-cat-access-equipment .hl-ae-svc:hover .hl-ae-svc-link { color: var(--hl-ae-navy); }

/* ----- SELECTOR cards (4x2) ----- */
.hl-cat-access-equipment .hl-ae-sel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.hl-cat-access-equipment .hl-ae-sel-card {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--hl-ae-glass-2); border: 1px solid var(--hl-ae-line);
  border-left: 3px solid var(--hl-ae-blue);
  border-radius: var(--hl-ae-radius-sm); padding: 12px 13px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hl-cat-access-equipment .hl-ae-sel-card:hover { transform: translateY(-2px); border-left-color: var(--hl-ae-amber); box-shadow: var(--hl-ae-shadow); }
.hl-cat-access-equipment .hl-ae-sel-help { background: #fff7ec; border-left-color: var(--hl-ae-amber); }
.hl-cat-access-equipment .hl-ae-sel-emoji { font-size: 20px; margin-bottom: 6px; }
.hl-cat-access-equipment .hl-ae-sel-card strong { color: var(--hl-ae-navy); font-size: 12.5px; line-height: 1.3; margin-bottom: 7px; }
.hl-cat-access-equipment .hl-ae-sel-rec { font-size: 12px; font-weight: 800; color: var(--hl-ae-blue); margin-bottom: 5px; }
.hl-cat-access-equipment .hl-ae-sel-card:hover .hl-ae-sel-rec { color: var(--hl-ae-navy); }
.hl-cat-access-equipment .hl-ae-sel-note { font-size: 11px; color: var(--hl-ae-ink-soft); margin-top: auto; }

/* ----- SITUATION cards (4x2) ----- */
.hl-cat-access-equipment .hl-ae-sit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.hl-cat-access-equipment .hl-ae-sit-card {
  background: var(--hl-ae-card); border: 1px solid var(--hl-ae-line);
  border-left: 3px solid var(--hl-ae-blue);
  border-radius: var(--hl-ae-radius-sm); padding: 12px 13px;
}
.hl-cat-access-equipment .hl-ae-sit-card.hl-ae-accent-blue { border-left-color: var(--hl-ae-blue); }
.hl-cat-access-equipment .hl-ae-sit-card.hl-ae-accent-teal { border-left-color: var(--hl-ae-teal); }
.hl-cat-access-equipment .hl-ae-sit-card.hl-ae-accent-amber { border-left-color: var(--hl-ae-amber); }
.hl-cat-access-equipment .hl-ae-sit-card strong { display: block; color: var(--hl-ae-navy); font-size: 12.5px; margin-bottom: 7px; }
.hl-cat-access-equipment .hl-ae-sit-setup { font-size: 11.5px; color: var(--hl-ae-ink); margin: 0 0 6px; }
.hl-cat-access-equipment .hl-ae-sit-setup span { font-weight: 700; color: var(--hl-ae-navy); }
.hl-cat-access-equipment .hl-ae-sit-check { font-size: 11px; color: var(--hl-ae-ink-soft); margin: 0; }
.hl-cat-access-equipment .hl-ae-sit-check span { font-weight: 700; color: var(--hl-ae-ink); }

/* ----- BEST FOR / CHECK FIRST (two columns) ----- */
.hl-cat-access-equipment .hl-ae-twocol { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hl-cat-access-equipment .hl-ae-col { background: var(--hl-ae-glass-2); border: 1px solid var(--hl-ae-line); border-radius: var(--hl-ae-radius-sm); padding: 13px 15px; }
.hl-cat-access-equipment .hl-ae-col-good { border-top: 3px solid var(--hl-ae-green); }
.hl-cat-access-equipment .hl-ae-col-check { border-top: 3px solid var(--hl-ae-amber); }
.hl-cat-access-equipment .hl-ae-col-title { font-size: 13px; font-weight: 800; color: var(--hl-ae-navy); margin: 0 0 8px; }
.hl-cat-access-equipment .hl-ae-list { margin: 0; padding-left: 18px; }
.hl-cat-access-equipment .hl-ae-list li { font-size: 12px; color: var(--hl-ae-ink); margin-bottom: 5px; }

/* ----- CHECKLIST grid (4x2) ----- */
.hl-cat-access-equipment .hl-ae-check-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.hl-cat-access-equipment .hl-ae-check-item {
  display: flex; align-items: flex-start; gap: 8px;
  background: var(--hl-ae-glass-2); border: 1px solid var(--hl-ae-line);
  border-radius: var(--hl-ae-radius-sm); padding: 10px 11px; font-size: 11.5px; color: var(--hl-ae-ink);
}
.hl-cat-access-equipment .hl-ae-check-box {
  flex: 0 0 auto; width: 16px; height: 16px; border-radius: 4px;
  background: var(--hl-ae-blue); color: #fff; font-size: 11px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; margin-top: 1px;
}
.hl-cat-access-equipment .hl-ae-check-item em { color: var(--hl-ae-ink-soft); font-style: normal; }

/* ----- SAFETY ----- */
.hl-cat-access-equipment .hl-ae-safety { background: var(--hl-ae-cream); border: 1px solid #f0dcab; border-left: 3px solid var(--hl-ae-amber); }
.hl-cat-access-equipment .hl-ae-safety-text { font-size: 12px; color: var(--hl-ae-ink-soft); margin: 0; }

/* ----- RELATED chips ----- */
.hl-cat-access-equipment .hl-ae-related-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.hl-cat-access-equipment .hl-ae-related-chip {
  text-decoration: none; font-size: 12px; font-weight: 700; color: var(--hl-ae-navy);
  background: #fff; border: 1px solid var(--hl-ae-line-2);
  padding: 8px 14px; border-radius: 8px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-cat-access-equipment .hl-ae-related-chip:hover { border-color: var(--hl-ae-blue-2); background: var(--hl-ae-glass); }

/* ----- FAQ (full-width rows) ----- */
.hl-cat-access-equipment .hl-ae-faq-list { display: flex; flex-direction: column; gap: 8px; }
.hl-cat-access-equipment .hl-ae-faq-item { background: var(--hl-ae-card); border: 1px solid var(--hl-ae-line); border-radius: var(--hl-ae-radius-sm); padding: 2px 15px; }
.hl-cat-access-equipment .hl-ae-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-ae-navy);
  font-size: 13px; padding: 12px 24px 12px 0; list-style: none; position: relative;
}
.hl-cat-access-equipment .hl-ae-faq-item summary::-webkit-details-marker { display: none; }
.hl-cat-access-equipment .hl-ae-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 10px;
  font-size: 18px; font-weight: 700; color: var(--hl-ae-blue);
}
.hl-cat-access-equipment .hl-ae-faq-item[open] summary::after { content: "\2013"; }
.hl-cat-access-equipment .hl-ae-faq-item p { font-size: 12px; color: var(--hl-ae-ink-soft); padding: 0 0 12px; margin: 0; }

/* ----- FINAL CTA ----- */
.hl-cat-access-equipment .hl-ae-cta {
  background: linear-gradient(135deg, #ffffff 0%, var(--hl-ae-glass) 120%);
  border-color: var(--hl-ae-line-2);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px;
}
.hl-cat-access-equipment .hl-ae-cta-text { flex: 1 1 360px; }
.hl-cat-access-equipment .hl-ae-cta-text .hl-ae-h3 { margin-bottom: 5px; }
.hl-cat-access-equipment .hl-ae-cta-text p { font-size: 12px; color: var(--hl-ae-ink-soft); margin: 0; }

/* ----- RESPONSIVE ----- */
@media (max-width: 900px) {
  .hl-cat-access-equipment .hl-ae-hero-grid { grid-template-columns: 1fr; }
  .hl-cat-access-equipment .hl-ae-svc-grid,
  .hl-cat-access-equipment .hl-ae-sel-grid,
  .hl-cat-access-equipment .hl-ae-sit-grid,
  .hl-cat-access-equipment .hl-ae-check-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-cat-access-equipment .hl-ae-hero-h2 { font-size: 22px; }
}
@media (max-width: 560px) {
  .hl-cat-access-equipment .hl-ae-svc-grid,
  .hl-cat-access-equipment .hl-ae-sel-grid,
  .hl-cat-access-equipment .hl-ae-sit-grid,
  .hl-cat-access-equipment .hl-ae-check-grid,
  .hl-cat-access-equipment .hl-ae-twocol { grid-template-columns: 1fr; }
  .hl-cat-access-equipment .hl-ae-hero-h2 { font-size: 20px; }
  .hl-cat-access-equipment .hl-ae-h3 { font-size: 17px; }
  .hl-cat-access-equipment .hl-ae-cta-row .hl-ae-btn { flex: 1 1 100%; text-align: center; }
  .hl-cat-access-equipment .hl-ae-cta { flex-direction: column; align-items: flex-start; }
}


/* ae-cat-refresh */


/* === Hireload Cleaning Equipment Category CSS — appended === */
/* ============================================================
   Hireload — Cleaning Equipment Hire CATEGORY description (category-guide layout)
   Premium, light, symmetrical, eyebrow-chip sections + HIGH-CONTRAST final CTA.
   Sits UNDER the real WooCommerce product grid, ABOVE the footer.
   Root: .hl-cat-cleaning-equipment   Prefix: hl-ce-
   All selectors scoped under root. No global / WooCommerce / footer selectors.
   ============================================================ */

.hl-cat-cleaning-equipment {
  --hl-ce-navy: #16233c;
  --hl-ce-ink: #2b3850;
  --hl-ce-ink-soft: #586679;
  --hl-ce-blue: #2c6fae;
  --hl-ce-blue-2: #3f8ccb;
  --hl-ce-teal: #2f8a86;
  --hl-ce-amber: #d99a2b;
  --hl-ce-amber-2: #eab44a;
  --hl-ce-green: #2f8a63;
  --hl-ce-cream: #fbf6ec;
  --hl-ce-glass: #eef5fb;
  --hl-ce-glass-2: #f5f9fd;
  --hl-ce-card: #ffffff;
  --hl-ce-line: #e4ebf2;
  --hl-ce-line-2: #d4e0ec;
  --hl-ce-radius: 12px;
  --hl-ce-radius-sm: 9px;
  --hl-ce-shadow: 0 1px 2px rgba(22,35,60,.04), 0 3px 10px rgba(44,111,174,.06);
  --hl-ce-shadow-soft: 0 1px 2px rgba(22,35,60,.03), 0 2px 7px rgba(44,111,174,.04);

  box-sizing: border-box;
  max-width: 1200px;
  margin: 30px auto 10px;
  padding: 4px;
  background: transparent;
  color: var(--hl-ce-ink);
  font-size: 13px;
  line-height: 1.55;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hl-cat-cleaning-equipment *,
.hl-cat-cleaning-equipment *::before,
.hl-cat-cleaning-equipment *::after { box-sizing: border-box; }
.hl-cat-cleaning-equipment br { display: none; }

/* ----- blocks + eyebrow labels ----- */
.hl-cat-cleaning-equipment .hl-ce-block {
  position: relative;
  background: var(--hl-ce-card);
  border: 1px solid var(--hl-ce-line);
  border-radius: var(--hl-ce-radius);
  padding: 16px 18px;
  margin: 14px 0;
  box-shadow: var(--hl-ce-shadow-soft);
}
.hl-cat-cleaning-equipment .hl-ce-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--hl-ce-ink-soft);
  background: #fff;
  border: 1px solid var(--hl-ce-line-2);
  padding: 4px 11px;
  border-radius: 7px;
  margin-bottom: 11px;
}
.hl-cat-cleaning-equipment .hl-ce-eyebrow-mark { background: #f6e2c9; color: #9a6a16; padding: 0 5px; border-radius: 4px; }
.hl-cat-cleaning-equipment .hl-ce-eyebrow-light { color: var(--hl-ce-blue); border-color: rgba(44,111,174,.25); }
.hl-cat-cleaning-equipment .hl-ce-eyebrow-green { color: var(--hl-ce-green); border-color: rgba(47,138,99,.3); }
.hl-cat-cleaning-equipment .hl-ce-h3 { font-size: 19px; color: var(--hl-ce-navy); margin: 0 0 6px; font-weight: 800; letter-spacing: -.015em; }
.hl-cat-cleaning-equipment .hl-ce-block-intro { font-size: 12.5px; color: var(--hl-ce-ink-soft); margin: 0 0 13px; }
.hl-cat-cleaning-equipment .hl-ce-fineprint { font-size: 11px; color: var(--hl-ce-ink-soft); margin: 11px 0 0; }

/* ----- HERO ----- */
.hl-cat-cleaning-equipment .hl-ce-hero {
  background:
    radial-gradient(120% 150% at 96% 0%, rgba(224,168,46,.12) 0%, rgba(224,168,46,0) 50%),
    radial-gradient(120% 150% at 0% 100%, rgba(63,140,203,.15) 0%, rgba(63,140,203,0) 55%),
    linear-gradient(120deg, #eef5fb 0%, #f3f7f4 55%, #faf2e2 100%);
  border-color: var(--hl-ce-line-2);
  padding: 14px 18px;
}
.hl-cat-cleaning-equipment .hl-ce-hero-grid { display: grid; grid-template-columns: 1.85fr 1fr; gap: 14px; align-items: stretch; }
.hl-cat-cleaning-equipment .hl-ce-hero-main { display: flex; flex-direction: column; }
.hl-cat-cleaning-equipment .hl-ce-hero-h2 { font-size: 22px; line-height: 1.15; color: var(--hl-ce-navy); margin: 0 0 6px; font-weight: 800; letter-spacing: -.02em; }
.hl-cat-cleaning-equipment .hl-ce-lead { font-size: 12.5px; line-height: 1.5; color: var(--hl-ce-ink); margin: 0 0 10px; max-width: 70ch; }
.hl-cat-cleaning-equipment .hl-ce-cta-row { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 11px; }
.hl-cat-cleaning-equipment .hl-ce-btn {
  display: inline-block; text-decoration: none; font-weight: 700; font-size: 12.5px;
  padding: 9px 16px; border-radius: 999px;
  transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
}
.hl-cat-cleaning-equipment .hl-ce-btn-primary {
  background: linear-gradient(135deg, #c9882f 0%, #d99a2b 100%);
  color: #ffffff; box-shadow: 0 3px 10px rgba(201,138,62,.32);
}
.hl-cat-cleaning-equipment .hl-ce-btn-primary:hover { transform: translateY(-1px); }
.hl-cat-cleaning-equipment .hl-ce-btn-ghost { background: #fff; color: var(--hl-ce-navy); border: 1.5px solid var(--hl-ce-blue-2); }
.hl-cat-cleaning-equipment .hl-ce-btn-ghost:hover { background: var(--hl-ce-glass); }
.hl-cat-cleaning-equipment .hl-ce-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.hl-cat-cleaning-equipment .hl-ce-chip {
  font-size: 11px; font-weight: 600; color: var(--hl-ce-ink);
  background: rgba(255,255,255,.8); border: 1px solid var(--hl-ce-line-2);
  padding: 4px 9px; border-radius: 7px;
}
/* hero quick pick */
.hl-cat-cleaning-equipment .hl-ce-quickpick {
  background: #fff; border: 1px solid var(--hl-ce-line-2); border-radius: var(--hl-ce-radius);
  padding: 12px 14px; box-shadow: var(--hl-ce-shadow);
  display: flex; flex-direction: column;
}
.hl-cat-cleaning-equipment .hl-ce-qp-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--hl-ce-ink-soft); }
.hl-cat-cleaning-equipment .hl-ce-qp-q { font-size: 14px; font-weight: 800; color: var(--hl-ce-navy); margin: 3px 0 6px; }
.hl-cat-cleaning-equipment .hl-ce-qp-row {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  text-decoration: none; color: var(--hl-ce-ink);
  font-size: 12px; font-weight: 600; padding: 7px 0;
  border-bottom: 1px dashed var(--hl-ce-line-2);
}
.hl-cat-cleaning-equipment .hl-ce-qp-row:last-child { border-bottom: none; }
.hl-cat-cleaning-equipment .hl-ce-qp-go { color: var(--hl-ce-blue); font-weight: 700; white-space: nowrap; }
.hl-cat-cleaning-equipment .hl-ce-qp-row:hover .hl-ce-qp-go { color: var(--hl-ce-navy); }

/* ----- QUICK ANSWER ----- */
.hl-cat-cleaning-equipment .hl-ce-quickanswer { background: var(--hl-ce-glass); border-color: var(--hl-ce-line-2); }
.hl-cat-cleaning-equipment .hl-ce-qa-q { font-size: 16px; font-weight: 800; color: var(--hl-ce-navy); margin: 0 0 6px; }
.hl-cat-cleaning-equipment .hl-ce-qa-text { font-size: 12.5px; color: var(--hl-ce-ink); margin: 0 0 8px; }
.hl-cat-cleaning-equipment .hl-ce-qa-text:last-child { margin-bottom: 0; }

/* ----- TABLES ----- */
.hl-cat-cleaning-equipment .hl-ce-table-wrap { overflow-x: auto; }
.hl-cat-cleaning-equipment .hl-ce-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--hl-ce-card); border: 1px solid var(--hl-ce-line); border-radius: var(--hl-ce-radius-sm); overflow: hidden; }
.hl-cat-cleaning-equipment .hl-ce-table th,
.hl-cat-cleaning-equipment .hl-ce-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--hl-ce-line); vertical-align: top; }
.hl-cat-cleaning-equipment .hl-ce-table thead th { background: var(--hl-ce-navy); color: #fff; font-weight: 700; font-size: 11.5px; border-bottom: none; }
.hl-cat-cleaning-equipment .hl-ce-table tbody th { color: var(--hl-ce-navy); font-weight: 700; width: 22%; }
.hl-cat-cleaning-equipment .hl-ce-table tbody td:first-of-type { color: var(--hl-ce-blue); font-weight: 600; }
.hl-cat-cleaning-equipment .hl-ce-table tbody tr:nth-child(even) td,
.hl-cat-cleaning-equipment .hl-ce-table tbody tr:nth-child(even) th { background: var(--hl-ce-glass-2); }
.hl-cat-cleaning-equipment .hl-ce-table tbody tr:last-child th,
.hl-cat-cleaning-equipment .hl-ce-table tbody tr:last-child td { border-bottom: none; }

/* ----- SERVICES cards (3x2) ----- */
.hl-cat-cleaning-equipment .hl-ce-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.hl-cat-cleaning-equipment .hl-ce-svc {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--hl-ce-card); border: 1px solid var(--hl-ce-line);
  border-top: 3px solid var(--hl-ce-blue);
  border-radius: var(--hl-ce-radius-sm); padding: 13px 14px;
  transition: transform .12s ease, box-shadow .12s ease;
}
.hl-cat-cleaning-equipment .hl-ce-svc:hover { transform: translateY(-2px); box-shadow: var(--hl-ce-shadow); }
.hl-cat-cleaning-equipment .hl-ce-accent-blue { border-top-color: var(--hl-ce-blue); }
.hl-cat-cleaning-equipment .hl-ce-accent-teal { border-top-color: var(--hl-ce-teal); }
.hl-cat-cleaning-equipment .hl-ce-accent-amber { border-top-color: var(--hl-ce-amber); }
.hl-cat-cleaning-equipment .hl-ce-svc-emoji { font-size: 20px; margin-bottom: 5px; }
.hl-cat-cleaning-equipment .hl-ce-svc strong { color: var(--hl-ce-navy); font-size: 14px; margin-bottom: 4px; }
.hl-cat-cleaning-equipment .hl-ce-svc-desc { font-size: 11.5px; color: var(--hl-ce-ink-soft); margin-bottom: 10px; }
.hl-cat-cleaning-equipment .hl-ce-svc-link { margin-top: auto; font-size: 12px; font-weight: 700; color: var(--hl-ce-blue); }
.hl-cat-cleaning-equipment .hl-ce-svc:hover .hl-ce-svc-link { color: var(--hl-ce-navy); }

/* ----- SELECTOR cards (4x2) ----- */
.hl-cat-cleaning-equipment .hl-ce-sel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.hl-cat-cleaning-equipment .hl-ce-sel-card {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--hl-ce-glass-2); border: 1px solid var(--hl-ce-line);
  border-left: 3px solid var(--hl-ce-blue);
  border-radius: var(--hl-ce-radius-sm); padding: 12px 13px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hl-cat-cleaning-equipment .hl-ce-sel-card:hover { transform: translateY(-2px); border-left-color: var(--hl-ce-amber); box-shadow: var(--hl-ce-shadow); }
.hl-cat-cleaning-equipment .hl-ce-sel-help { background: #fff7ec; border-left-color: var(--hl-ce-amber); }
.hl-cat-cleaning-equipment .hl-ce-sel-emoji { font-size: 20px; margin-bottom: 6px; }
.hl-cat-cleaning-equipment .hl-ce-sel-card strong { color: var(--hl-ce-navy); font-size: 12.5px; line-height: 1.3; margin-bottom: 7px; }
.hl-cat-cleaning-equipment .hl-ce-sel-rec { font-size: 12px; font-weight: 800; color: var(--hl-ce-blue); margin-bottom: 5px; }
.hl-cat-cleaning-equipment .hl-ce-sel-card:hover .hl-ce-sel-rec { color: var(--hl-ce-navy); }
.hl-cat-cleaning-equipment .hl-ce-sel-note { font-size: 11px; color: var(--hl-ce-ink-soft); margin-top: auto; }

/* ----- SITUATION cards (4x2) ----- */
.hl-cat-cleaning-equipment .hl-ce-sit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.hl-cat-cleaning-equipment .hl-ce-sit-card {
  background: var(--hl-ce-card); border: 1px solid var(--hl-ce-line);
  border-left: 3px solid var(--hl-ce-blue);
  border-radius: var(--hl-ce-radius-sm); padding: 12px 13px;
}
.hl-cat-cleaning-equipment .hl-ce-sit-card.hl-ce-accent-blue { border-left-color: var(--hl-ce-blue); }
.hl-cat-cleaning-equipment .hl-ce-sit-card.hl-ce-accent-teal { border-left-color: var(--hl-ce-teal); }
.hl-cat-cleaning-equipment .hl-ce-sit-card.hl-ce-accent-amber { border-left-color: var(--hl-ce-amber); }
.hl-cat-cleaning-equipment .hl-ce-sit-card strong { display: block; color: var(--hl-ce-navy); font-size: 12.5px; margin-bottom: 7px; }
.hl-cat-cleaning-equipment .hl-ce-sit-setup { font-size: 11.5px; color: var(--hl-ce-ink); margin: 0 0 6px; }
.hl-cat-cleaning-equipment .hl-ce-sit-setup span { font-weight: 700; color: var(--hl-ce-navy); }
.hl-cat-cleaning-equipment .hl-ce-sit-check { font-size: 11px; color: var(--hl-ce-ink-soft); margin: 0; }
.hl-cat-cleaning-equipment .hl-ce-sit-check span { font-weight: 700; color: var(--hl-ce-ink); }

/* ----- CHECKLIST grid (4x2) ----- */
.hl-cat-cleaning-equipment .hl-ce-check-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.hl-cat-cleaning-equipment .hl-ce-check-item {
  display: flex; align-items: flex-start; gap: 8px;
  background: var(--hl-ce-glass-2); border: 1px solid var(--hl-ce-line);
  border-radius: var(--hl-ce-radius-sm); padding: 10px 11px; font-size: 11.5px; color: var(--hl-ce-ink);
}
.hl-cat-cleaning-equipment .hl-ce-check-box {
  flex: 0 0 auto; width: 16px; height: 16px; border-radius: 4px;
  background: var(--hl-ce-green); color: #fff; font-size: 11px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; margin-top: 1px;
}
.hl-cat-cleaning-equipment .hl-ce-check-item em { color: var(--hl-ce-ink-soft); font-style: normal; }

/* ----- SAFETY ----- */
.hl-cat-cleaning-equipment .hl-ce-safety { background: var(--hl-ce-cream); border: 1px solid #f0dcab; border-left: 3px solid var(--hl-ce-amber); }
.hl-cat-cleaning-equipment .hl-ce-safety-text { font-size: 12px; color: var(--hl-ce-ink-soft); margin: 0; }

/* ----- RELATED chips ----- */
.hl-cat-cleaning-equipment .hl-ce-related-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.hl-cat-cleaning-equipment .hl-ce-related-chip {
  text-decoration: none; font-size: 12px; font-weight: 700; color: var(--hl-ce-navy);
  background: #fff; border: 1px solid var(--hl-ce-line-2);
  padding: 8px 14px; border-radius: 8px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-cat-cleaning-equipment .hl-ce-related-chip:hover { border-color: var(--hl-ce-blue-2); background: var(--hl-ce-glass); }

/* ----- FAQ (full-width rows) ----- */
.hl-cat-cleaning-equipment .hl-ce-faq-list { display: flex; flex-direction: column; gap: 8px; }
.hl-cat-cleaning-equipment .hl-ce-faq-item { background: var(--hl-ce-card); border: 1px solid var(--hl-ce-line); border-radius: var(--hl-ce-radius-sm); padding: 2px 15px; }
.hl-cat-cleaning-equipment .hl-ce-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--hl-ce-navy);
  font-size: 13px; padding: 12px 24px 12px 0; list-style: none; position: relative;
}
.hl-cat-cleaning-equipment .hl-ce-faq-item summary::-webkit-details-marker { display: none; }
.hl-cat-cleaning-equipment .hl-ce-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 10px;
  font-size: 18px; font-weight: 700; color: var(--hl-ce-blue);
}
.hl-cat-cleaning-equipment .hl-ce-faq-item[open] summary::after { content: "\2013"; }
.hl-cat-cleaning-equipment .hl-ce-faq-item p { font-size: 12px; color: var(--hl-ce-ink-soft); padding: 0 0 12px; margin: 0; }

/* ============================================================
   FINAL CTA — HIGH CONTRAST (dark navy panel, light text, readable links)
   ============================================================ */
.hl-cat-cleaning-equipment .hl-ce-cta {
  background: linear-gradient(135deg, #16233c 0%, #1d3155 60%, #234072 100%);
  border: 1px solid #2c456e;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px;
  padding: 20px 22px;
}
.hl-cat-cleaning-equipment .hl-ce-cta-text { flex: 1 1 420px; }
.hl-cat-cleaning-equipment .hl-ce-cta-h3 {
  font-size: 19px; font-weight: 800; letter-spacing: -.015em;
  color: #ffffff; margin: 0 0 6px;
}
.hl-cat-cleaning-equipment .hl-ce-cta-p {
  font-size: 12.5px; line-height: 1.55;
  color: #dce7f3; margin: 0; max-width: 64ch;
}
.hl-cat-cleaning-equipment .hl-ce-cta-actions { display: flex; flex-direction: column; gap: 9px; align-items: flex-start; }
.hl-cat-cleaning-equipment .hl-ce-cta-row { display: flex; flex-wrap: wrap; gap: 9px; }
/* primary: amber background, dark navy text — strong contrast */
.hl-cat-cleaning-equipment .hl-ce-cta-call {
  background: linear-gradient(135deg, #eab44a 0%, #d99a2b 100%);
  color: #16233c; font-weight: 800;
  box-shadow: 0 3px 12px rgba(0,0,0,.25);
}
.hl-cat-cleaning-equipment .hl-ce-cta-call:hover { transform: translateY(-1px); }
/* secondary: transparent with white border + white text */
.hl-cat-cleaning-equipment .hl-ce-cta-email {
  background: transparent; color: #ffffff; font-weight: 700;
  border: 1.5px solid rgba(255,255,255,.85);
}
.hl-cat-cleaning-equipment .hl-ce-cta-email:hover { background: rgba(255,255,255,.12); }
/* browse link: light blue, clearly readable on navy */
.hl-cat-cleaning-equipment .hl-ce-cta-browse {
  display: inline-block; text-decoration: none;
  font-size: 12.5px; font-weight: 700; color: #aed1f2;
  border-bottom: 1px solid rgba(174,209,242,.5); padding-bottom: 1px;
}
.hl-cat-cleaning-equipment .hl-ce-cta-browse:hover { color: #ffffff; border-bottom-color: #ffffff; }

/* ----- RESPONSIVE ----- */
@media (max-width: 900px) {
  .hl-cat-cleaning-equipment .hl-ce-hero-grid { grid-template-columns: 1fr; }
  .hl-cat-cleaning-equipment .hl-ce-svc-grid,
  .hl-cat-cleaning-equipment .hl-ce-sel-grid,
  .hl-cat-cleaning-equipment .hl-ce-sit-grid,
  .hl-cat-cleaning-equipment .hl-ce-check-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-cat-cleaning-equipment .hl-ce-hero-h2 { font-size: 22px; }
}
@media (max-width: 560px) {
  .hl-cat-cleaning-equipment .hl-ce-svc-grid,
  .hl-cat-cleaning-equipment .hl-ce-sel-grid,
  .hl-cat-cleaning-equipment .hl-ce-sit-grid,
  .hl-cat-cleaning-equipment .hl-ce-check-grid { grid-template-columns: 1fr; }
  .hl-cat-cleaning-equipment .hl-ce-hero-h2 { font-size: 20px; }
  .hl-cat-cleaning-equipment .hl-ce-h3 { font-size: 17px; }
  .hl-cat-cleaning-equipment .hl-ce-cta-row .hl-ce-btn { flex: 1 1 100%; text-align: center; }
  .hl-cat-cleaning-equipment .hl-ce-cta-actions { width: 100%; }
}


/* ce-cat-refresh */


/* === Hireload Breaking Drilling Category CSS — appended === */
/* ============================================================
   Hireload — Breaking & Drilling CATEGORY description (category-guide layout)
   Premium, light, symmetrical, eyebrow-chip sections + slim hero + warm high-contrast CTA.
   WARM NUDE / TERRACOTTA / PALE-ORANGE palette.
   Sits UNDER the real WooCommerce product grid, ABOVE the footer.
   Root: .hl-cat-breaking-drilling   Prefix: hl-bd-
   All selectors scoped under root. No global / WooCommerce / footer selectors.
   ============================================================ */

.hl-cat-breaking-drilling {
  --bd-ink: #4a2c22;          /* warm espresso/sienna heading */
  --bd-ink-2: #5d3a2c;
  --bd-ink-soft: #8a6457;     /* muted taupe-brown body */
  --bd-rust: #b5654b;         /* muted terracotta red-orange */
  --bd-rust-2: #c4795f;
  --bd-clay: #cc8a63;         /* soft clay orange */
  --bd-amber: #d99a2b;        /* warm gold CTA */
  --bd-amber-2: #eab44a;
  --bd-olive: #8a8a52;        /* muted warm olive (checklist) */
  --bd-cream: #fbf3ee;
  --bd-glass: #f9efe8;        /* warm soft panel */
  --bd-glass-2: #fdf6f1;
  --bd-card: #ffffff;
  --bd-line: #ecdcd2;         /* warm border */
  --bd-line-2: #e2cabb;       /* warm border 2 */
  --bd-radius: 12px;
  --bd-radius-sm: 9px;
  --bd-shadow: 0 1px 2px rgba(74,44,34,.05), 0 3px 10px rgba(181,101,75,.08);
  --bd-shadow-soft: 0 1px 2px rgba(74,44,34,.04), 0 2px 7px rgba(181,101,75,.05);

  box-sizing: border-box;
  max-width: 1200px;
  margin: 30px auto 10px;
  padding: 4px;
  background: transparent;
  color: var(--bd-ink-2);
  font-size: 13px;
  line-height: 1.55;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hl-cat-breaking-drilling *,
.hl-cat-breaking-drilling *::before,
.hl-cat-breaking-drilling *::after { box-sizing: border-box; }
.hl-cat-breaking-drilling br { display: none; }

/* ----- blocks + eyebrow labels ----- */
.hl-cat-breaking-drilling .hl-bd-block {
  position: relative;
  background: var(--bd-card);
  border: 1px solid var(--bd-line);
  border-radius: var(--bd-radius);
  padding: 16px 18px;
  margin: 14px 0;
  box-shadow: var(--bd-shadow-soft);
}
.hl-cat-breaking-drilling .hl-bd-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--bd-ink-soft);
  background: #fff;
  border: 1px solid var(--bd-line-2);
  padding: 4px 11px;
  border-radius: 7px;
  margin-bottom: 11px;
}
.hl-cat-breaking-drilling .hl-bd-eyebrow-mark { background: #f3d9c4; color: #9a5a30; padding: 0 5px; border-radius: 4px; }
.hl-cat-breaking-drilling .hl-bd-eyebrow-light { color: var(--bd-rust); border-color: rgba(181,101,75,.3); }
.hl-cat-breaking-drilling .hl-bd-eyebrow-green { color: var(--bd-olive); border-color: rgba(138,138,82,.4); }
.hl-cat-breaking-drilling .hl-bd-h3 { font-size: 19px; color: var(--bd-ink); margin: 0 0 6px; font-weight: 800; letter-spacing: -.015em; }
.hl-cat-breaking-drilling .hl-bd-block-intro { font-size: 12.5px; color: var(--bd-ink-soft); margin: 0 0 13px; }
.hl-cat-breaking-drilling .hl-bd-fineprint { font-size: 11px; color: var(--bd-ink-soft); margin: 11px 0 0; }

/* ----- SLIM HERO ----- */
.hl-cat-breaking-drilling .hl-bd-hero {
  background:
    radial-gradient(120% 150% at 96% 0%, rgba(217,154,43,.13) 0%, rgba(217,154,43,0) 50%),
    radial-gradient(120% 150% at 0% 100%, rgba(181,101,75,.16) 0%, rgba(181,101,75,0) 55%),
    linear-gradient(120deg, #faf0ea 0%, #f7ece4 55%, #f6e7da 100%);
  border-color: var(--bd-line-2);
  padding: 14px 18px;
}
.hl-cat-breaking-drilling .hl-bd-hero-grid { display: grid; grid-template-columns: 1.85fr 1fr; gap: 14px; align-items: stretch; }
.hl-cat-breaking-drilling .hl-bd-hero-main { display: flex; flex-direction: column; }
.hl-cat-breaking-drilling .hl-bd-hero-h2 { font-size: 22px; line-height: 1.15; color: var(--bd-ink); margin: 0 0 6px; font-weight: 800; letter-spacing: -.02em; }
.hl-cat-breaking-drilling .hl-bd-lead { font-size: 12.5px; line-height: 1.5; color: var(--bd-ink-2); margin: 0 0 10px; max-width: 70ch; }
.hl-cat-breaking-drilling .hl-bd-cta-row { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 11px; }
.hl-cat-breaking-drilling .hl-bd-btn {
  display: inline-block; text-decoration: none; font-weight: 700; font-size: 12.5px;
  padding: 9px 16px; border-radius: 999px;
  transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
}
.hl-cat-breaking-drilling .hl-bd-btn-primary {
  background: linear-gradient(135deg, #c9882f 0%, #d99a2b 100%);
  color: #ffffff; box-shadow: 0 3px 10px rgba(201,138,62,.32);
}
.hl-cat-breaking-drilling .hl-bd-btn-primary:hover { transform: translateY(-1px); }
.hl-cat-breaking-drilling .hl-bd-btn-ghost { background: #fff; color: var(--bd-ink); border: 1.5px solid var(--bd-rust); }
.hl-cat-breaking-drilling .hl-bd-btn-ghost:hover { background: var(--bd-glass); }
.hl-cat-breaking-drilling .hl-bd-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.hl-cat-breaking-drilling .hl-bd-chip {
  font-size: 11px; font-weight: 600; color: var(--bd-ink-2);
  background: rgba(255,255,255,.82); border: 1px solid var(--bd-line-2);
  padding: 4px 9px; border-radius: 7px;
}
/* hero quick pick */
.hl-cat-breaking-drilling .hl-bd-quickpick {
  background: #fff; border: 1px solid var(--bd-line-2); border-radius: var(--bd-radius);
  padding: 12px 14px; box-shadow: var(--bd-shadow);
  display: flex; flex-direction: column;
}
.hl-cat-breaking-drilling .hl-bd-qp-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--bd-ink-soft); }
.hl-cat-breaking-drilling .hl-bd-qp-q { font-size: 14px; font-weight: 800; color: var(--bd-ink); margin: 3px 0 6px; }
.hl-cat-breaking-drilling .hl-bd-qp-row {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  text-decoration: none; color: var(--bd-ink-2);
  font-size: 12px; font-weight: 600; padding: 7px 0;
  border-bottom: 1px dashed var(--bd-line-2);
}
.hl-cat-breaking-drilling .hl-bd-qp-row:last-child { border-bottom: none; }
.hl-cat-breaking-drilling .hl-bd-qp-go { color: var(--bd-rust); font-weight: 700; white-space: nowrap; }
.hl-cat-breaking-drilling .hl-bd-qp-row:hover .hl-bd-qp-go { color: var(--bd-ink); }

/* ----- QUICK ANSWER ----- */
.hl-cat-breaking-drilling .hl-bd-quickanswer { background: var(--bd-glass); border-color: var(--bd-line-2); }
.hl-cat-breaking-drilling .hl-bd-qa-q { font-size: 16px; font-weight: 800; color: var(--bd-ink); margin: 0 0 6px; }
.hl-cat-breaking-drilling .hl-bd-qa-text { font-size: 12.5px; color: var(--bd-ink-2); margin: 0 0 8px; }
.hl-cat-breaking-drilling .hl-bd-qa-text:last-child { margin-bottom: 0; }

/* ----- TABLES ----- */
.hl-cat-breaking-drilling .hl-bd-table-wrap { overflow-x: auto; }
.hl-cat-breaking-drilling .hl-bd-table { width: 100%; border-collapse: collapse; font-size: 12px; background: var(--bd-card); border: 1px solid var(--bd-line); border-radius: var(--bd-radius-sm); overflow: hidden; }
.hl-cat-breaking-drilling .hl-bd-table th,
.hl-cat-breaking-drilling .hl-bd-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--bd-line); vertical-align: top; }
.hl-cat-breaking-drilling .hl-bd-table thead th { background: var(--bd-ink); color: #fff; font-weight: 700; font-size: 11.5px; border-bottom: none; }
.hl-cat-breaking-drilling .hl-bd-table tbody th { color: var(--bd-ink); font-weight: 700; width: 26%; }
.hl-cat-breaking-drilling .hl-bd-table tbody td:first-of-type { color: var(--bd-rust); font-weight: 600; }
.hl-cat-breaking-drilling .hl-bd-table tbody tr:nth-child(even) td,
.hl-cat-breaking-drilling .hl-bd-table tbody tr:nth-child(even) th { background: var(--bd-glass-2); }
.hl-cat-breaking-drilling .hl-bd-table tbody tr:last-child th,
.hl-cat-breaking-drilling .hl-bd-table tbody tr:last-child td { border-bottom: none; }

/* ----- SERVICES cards (4x2) ----- */
.hl-cat-breaking-drilling .hl-bd-svc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.hl-cat-breaking-drilling .hl-bd-svc {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--bd-card); border: 1px solid var(--bd-line);
  border-top: 3px solid var(--bd-rust);
  border-radius: var(--bd-radius-sm); padding: 13px 14px;
  transition: transform .12s ease, box-shadow .12s ease;
}
.hl-cat-breaking-drilling .hl-bd-svc:hover { transform: translateY(-2px); box-shadow: var(--bd-shadow); }
.hl-cat-breaking-drilling .hl-bd-accent-rust { border-top-color: var(--bd-rust); }
.hl-cat-breaking-drilling .hl-bd-accent-clay { border-top-color: var(--bd-clay); }
.hl-cat-breaking-drilling .hl-bd-accent-amber { border-top-color: var(--bd-amber); }
.hl-cat-breaking-drilling .hl-bd-svc-emoji { font-size: 20px; margin-bottom: 5px; }
.hl-cat-breaking-drilling .hl-bd-svc strong { color: var(--bd-ink); font-size: 14px; margin-bottom: 4px; }
.hl-cat-breaking-drilling .hl-bd-svc-desc { font-size: 11.5px; color: var(--bd-ink-soft); margin-bottom: 10px; }
.hl-cat-breaking-drilling .hl-bd-svc-link { margin-top: auto; font-size: 12px; font-weight: 700; color: var(--bd-rust); }
.hl-cat-breaking-drilling .hl-bd-svc:hover .hl-bd-svc-link { color: var(--bd-ink); }

/* ----- SELECTOR cards (4x2) ----- */
.hl-cat-breaking-drilling .hl-bd-sel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.hl-cat-breaking-drilling .hl-bd-sel-card {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--bd-glass-2); border: 1px solid var(--bd-line);
  border-left: 3px solid var(--bd-rust);
  border-radius: var(--bd-radius-sm); padding: 12px 13px;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hl-cat-breaking-drilling .hl-bd-sel-card:hover { transform: translateY(-2px); border-left-color: var(--bd-amber); box-shadow: var(--bd-shadow); }
.hl-cat-breaking-drilling .hl-bd-sel-help { background: #fdf2e6; border-left-color: var(--bd-amber); }
.hl-cat-breaking-drilling .hl-bd-sel-emoji { font-size: 20px; margin-bottom: 6px; }
.hl-cat-breaking-drilling .hl-bd-sel-card strong { color: var(--bd-ink); font-size: 12.5px; line-height: 1.3; margin-bottom: 7px; }
.hl-cat-breaking-drilling .hl-bd-sel-rec { font-size: 12px; font-weight: 800; color: var(--bd-rust); margin-bottom: 5px; }
.hl-cat-breaking-drilling .hl-bd-sel-card:hover .hl-bd-sel-rec { color: var(--bd-ink); }
.hl-cat-breaking-drilling .hl-bd-sel-note { font-size: 11px; color: var(--bd-ink-soft); margin-top: auto; }

/* ----- SITUATION cards (4x2) ----- */
.hl-cat-breaking-drilling .hl-bd-sit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.hl-cat-breaking-drilling .hl-bd-sit-card {
  background: var(--bd-card); border: 1px solid var(--bd-line);
  border-left: 3px solid var(--bd-rust);
  border-radius: var(--bd-radius-sm); padding: 12px 13px;
}
.hl-cat-breaking-drilling .hl-bd-sit-card.hl-bd-accent-rust { border-left-color: var(--bd-rust); }
.hl-cat-breaking-drilling .hl-bd-sit-card.hl-bd-accent-clay { border-left-color: var(--bd-clay); }
.hl-cat-breaking-drilling .hl-bd-sit-card.hl-bd-accent-amber { border-left-color: var(--bd-amber); }
.hl-cat-breaking-drilling .hl-bd-sit-card strong { display: block; color: var(--bd-ink); font-size: 12.5px; margin-bottom: 7px; }
.hl-cat-breaking-drilling .hl-bd-sit-setup { font-size: 11.5px; color: var(--bd-ink-2); margin: 0 0 6px; }
.hl-cat-breaking-drilling .hl-bd-sit-setup span { font-weight: 700; color: var(--bd-ink); }
.hl-cat-breaking-drilling .hl-bd-sit-check { font-size: 11px; color: var(--bd-ink-soft); margin: 0; }
.hl-cat-breaking-drilling .hl-bd-sit-check span { font-weight: 700; color: var(--bd-ink-2); }

/* ----- CHECKLIST grid (4x2) ----- */
.hl-cat-breaking-drilling .hl-bd-check-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.hl-cat-breaking-drilling .hl-bd-check-item {
  display: flex; align-items: flex-start; gap: 8px;
  background: var(--bd-glass-2); border: 1px solid var(--bd-line);
  border-radius: var(--bd-radius-sm); padding: 10px 11px; font-size: 11.5px; color: var(--bd-ink-2);
}
.hl-cat-breaking-drilling .hl-bd-check-box {
  flex: 0 0 auto; width: 16px; height: 16px; border-radius: 4px;
  background: var(--bd-olive); color: #fff; font-size: 11px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; margin-top: 1px;
}
.hl-cat-breaking-drilling .hl-bd-check-item em { color: var(--bd-ink-soft); font-style: normal; }

/* ----- SAFETY ----- */
.hl-cat-breaking-drilling .hl-bd-safety { background: var(--bd-cream); border: 1px solid #f0d2b6; border-left: 3px solid var(--bd-amber); }
.hl-cat-breaking-drilling .hl-bd-safety-text { font-size: 12px; color: var(--bd-ink-soft); margin: 0; }

/* ----- RELATED chips ----- */
.hl-cat-breaking-drilling .hl-bd-related-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.hl-cat-breaking-drilling .hl-bd-related-chip {
  text-decoration: none; font-size: 12px; font-weight: 700; color: var(--bd-ink);
  background: #fff; border: 1px solid var(--bd-line-2);
  padding: 8px 14px; border-radius: 8px;
  transition: border-color .12s ease, background .12s ease;
}
.hl-cat-breaking-drilling .hl-bd-related-chip:hover { border-color: var(--bd-rust); background: var(--bd-glass); }

/* ----- FAQ (full-width rows) ----- */
.hl-cat-breaking-drilling .hl-bd-faq-list { display: flex; flex-direction: column; gap: 8px; }
.hl-cat-breaking-drilling .hl-bd-faq-item { background: var(--bd-card); border: 1px solid var(--bd-line); border-radius: var(--bd-radius-sm); padding: 2px 15px; }
.hl-cat-breaking-drilling .hl-bd-faq-item summary {
  cursor: pointer; font-weight: 700; color: var(--bd-ink);
  font-size: 13px; padding: 12px 24px 12px 0; list-style: none; position: relative;
}
.hl-cat-breaking-drilling .hl-bd-faq-item summary::-webkit-details-marker { display: none; }
.hl-cat-breaking-drilling .hl-bd-faq-item summary::after {
  content: "+"; position: absolute; right: 2px; top: 10px;
  font-size: 18px; font-weight: 700; color: var(--bd-rust);
}
.hl-cat-breaking-drilling .hl-bd-faq-item[open] summary::after { content: "\2013"; }
.hl-cat-breaking-drilling .hl-bd-faq-item p { font-size: 12px; color: var(--bd-ink-soft); padding: 0 0 12px; margin: 0; }

/* ============================================================
   FINAL CTA — warm dark panel, HIGH CONTRAST (light text, readable links)
   ============================================================ */
.hl-cat-breaking-drilling .hl-bd-cta {
  background: linear-gradient(135deg, #3a221b 0%, #5c2f23 58%, #7a3a28 100%);
  border: 1px solid #6e3a2a;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px;
  padding: 20px 22px;
}
.hl-cat-breaking-drilling .hl-bd-cta-text { flex: 1 1 420px; }
.hl-cat-breaking-drilling .hl-bd-cta-h3 {
  font-size: 19px; font-weight: 800; letter-spacing: -.015em;
  color: #ffffff; margin: 0 0 6px;
}
.hl-cat-breaking-drilling .hl-bd-cta-p {
  font-size: 12.5px; line-height: 1.55;
  color: #f3e2d6; margin: 0; max-width: 64ch;
}
.hl-cat-breaking-drilling .hl-bd-cta-actions { display: flex; flex-direction: column; gap: 9px; align-items: flex-start; }
.hl-cat-breaking-drilling .hl-bd-cta-row { display: flex; flex-wrap: wrap; gap: 9px; }
/* primary: amber background, dark espresso text — strong contrast */
.hl-cat-breaking-drilling .hl-bd-cta-call {
  background: linear-gradient(135deg, #eab44a 0%, #d99a2b 100%);
  color: #3a221b; font-weight: 800;
  box-shadow: 0 3px 12px rgba(0,0,0,.25);
}
.hl-cat-breaking-drilling .hl-bd-cta-call:hover { transform: translateY(-1px); }
/* secondary: transparent with white border + white text */
.hl-cat-breaking-drilling .hl-bd-cta-email {
  background: transparent; color: #ffffff; font-weight: 700;
  border: 1.5px solid rgba(255,255,255,.85);
}
.hl-cat-breaking-drilling .hl-bd-cta-email:hover { background: rgba(255,255,255,.12); }
/* browse link: warm light peach, clearly readable on dark warm panel */
.hl-cat-breaking-drilling .hl-bd-cta-browse {
  display: inline-block; text-decoration: none;
  font-size: 12.5px; font-weight: 700; color: #f4c79c;
  border-bottom: 1px solid rgba(244,199,156,.5); padding-bottom: 1px;
}
.hl-cat-breaking-drilling .hl-bd-cta-browse:hover { color: #ffffff; border-bottom-color: #ffffff; }

/* ----- RESPONSIVE ----- */
@media (max-width: 900px) {
  .hl-cat-breaking-drilling .hl-bd-hero-grid { grid-template-columns: 1fr; }
  .hl-cat-breaking-drilling .hl-bd-svc-grid,
  .hl-cat-breaking-drilling .hl-bd-sel-grid,
  .hl-cat-breaking-drilling .hl-bd-sit-grid,
  .hl-cat-breaking-drilling .hl-bd-check-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-cat-breaking-drilling .hl-bd-hero-h2 { font-size: 22px; }
}
@media (max-width: 560px) {
  .hl-cat-breaking-drilling .hl-bd-svc-grid,
  .hl-cat-breaking-drilling .hl-bd-sel-grid,
  .hl-cat-breaking-drilling .hl-bd-sit-grid,
  .hl-cat-breaking-drilling .hl-bd-check-grid { grid-template-columns: 1fr; }
  .hl-cat-breaking-drilling .hl-bd-hero-h2 { font-size: 20px; }
  .hl-cat-breaking-drilling .hl-bd-h3 { font-size: 17px; }
  .hl-cat-breaking-drilling .hl-bd-cta-row .hl-bd-btn { flex: 1 1 100%; text-align: center; }
  .hl-cat-breaking-drilling .hl-bd-cta-actions { width: 100%; }
}

/* bd-cat-refresh */

/* === Blog 11 Damp Rented Property (Post 8468) === */
.postid-8468 .blog-sidebar,
.postid-8468 .widget-area,
.postid-8468 .post-sidebar,
.postid-8468 .post-sidebar.large-3 {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}
.postid-8468 #content > .row {
  justify-content: center !important;
}
.postid-8468 #content > .row > .large-9 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto !important;
  float: none !important;
}
.postid-8468 footer.entry-meta,
.postid-8468 .entry-meta,
.postid-8468 .entry-author,
.postid-8468 .entry-author.author-box,
.postid-8468 .author-box,
.postid-8468 .navigation-post,
.postid-8468 .nav-previous,
.postid-8468 .nav-next,
.postid-8468 .blog-share,
.postid-8468 .entry-share,
.postid-8468 #comments,
.postid-8468 .comments-area,
.postid-8468 .comment-respond,
.postid-8468 .related-posts,
.postid-8468 .post-next-prev {
  display: none !important;
}

/* === Hireload Rotary Floor Scrubber Pad Guide CSS — appended === */
.hl-prod-rfsp-pad-guide {
  --hl-rfsp-navy: #1c2c47;
  --hl-rfsp-ink: #3a3f4a;
  --hl-rfsp-muted: #7a7568;
  --hl-rfsp-cream: #f7f1e3;
  --hl-rfsp-cream-soft: #fbf7ee;
  --hl-rfsp-line: #e7ddc8;
  --hl-rfsp-line-soft: #efe7d6;
  --hl-rfsp-sand: #ece2cd;
  --hl-rfsp-gold: #c1974a;
  --hl-rfsp-sw-black: #2d3138;
  --hl-rfsp-sw-red: #b0473b;
  --hl-rfsp-sw-grey: #9aa0a8;
  --hl-rfsp-sw-white: #ffffff;
  --hl-rfsp-sw-brush: #b9802b;
  --hl-rfsp-sw-brushsoft: #84976a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-rfsp-ink);
  line-height: 1.5;
  margin: 24px 0;
}
.hl-prod-rfsp-pad-guide *,
.hl-prod-rfsp-pad-guide *::before,
.hl-prod-rfsp-pad-guide *::after { box-sizing: border-box; }
.hl-prod-rfsp-pad-guide .hl-rfsp-h {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 700;
  color: var(--hl-rfsp-navy);
  line-height: 1.3;
}
.hl-prod-rfsp-pad-guide .hl-rfsp-intro {
  margin: 0 0 11px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--hl-rfsp-muted);
  max-width: 84ch;
}
.hl-prod-rfsp-pad-guide .hl-rfsp-tablewrap {
  overflow-x: auto;
  border: 1px solid var(--hl-rfsp-line);
  border-radius: 10px;
  background: var(--hl-rfsp-cream-soft);
}
.hl-prod-rfsp-pad-guide .hl-rfsp-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 580px;
  font-size: 11.5px;
}
.hl-prod-rfsp-pad-guide .hl-rfsp-table thead th {
  background: var(--hl-rfsp-sand);
  color: var(--hl-rfsp-navy);
  text-align: left;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-bottom: 2px solid var(--hl-rfsp-gold);
}
.hl-prod-rfsp-pad-guide .hl-rfsp-table tbody th,
.hl-prod-rfsp-pad-guide .hl-rfsp-table tbody td {
  padding: 6px 12px;
  border-top: 1px solid var(--hl-rfsp-line-soft);
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  color: var(--hl-rfsp-ink);
}
.hl-prod-rfsp-pad-guide .hl-rfsp-table tbody tr:nth-child(even) th,
.hl-prod-rfsp-pad-guide .hl-rfsp-table tbody tr:nth-child(even) td {
  background: var(--hl-rfsp-cream);
}
.hl-prod-rfsp-pad-guide .hl-rfsp-col-extra { width: 23%; }
.hl-prod-rfsp-pad-guide .hl-rfsp-extra { white-space: normal; }
.hl-prod-rfsp-pad-guide .hl-rfsp-extra {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.hl-prod-rfsp-pad-guide .hl-rfsp-swatch {
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  margin-top: 2px;
  border: 1px solid rgba(28, 44, 71, 0.18);
}
.hl-prod-rfsp-pad-guide .hl-rfsp-swatch--black     { background: var(--hl-rfsp-sw-black); }
.hl-prod-rfsp-pad-guide .hl-rfsp-swatch--red       { background: var(--hl-rfsp-sw-red); }
.hl-prod-rfsp-pad-guide .hl-rfsp-swatch--grey      { background: var(--hl-rfsp-sw-grey); }
.hl-prod-rfsp-pad-guide .hl-rfsp-swatch--white     { background: var(--hl-rfsp-sw-white); border-color: #c3b89e; }
.hl-prod-rfsp-pad-guide .hl-rfsp-swatch--brush     { background: var(--hl-rfsp-sw-brush); border-radius: 3px; }
.hl-prod-rfsp-pad-guide .hl-rfsp-swatch--brushsoft { background: var(--hl-rfsp-sw-brushsoft); border-radius: 3px; }
.hl-prod-rfsp-pad-guide .hl-rfsp-name {
  display: block;
  font-weight: 700;
  font-size: 11.5px;
  color: var(--hl-rfsp-navy);
  line-height: 1.3;
}
.hl-prod-rfsp-pad-guide .hl-rfsp-sub {
  display: block;
  margin-top: 1px;
  font-size: 10px;
  font-weight: 400;
  color: var(--hl-rfsp-muted);
}
.hl-prod-rfsp-pad-guide .hl-rfsp-note {
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.5;
  color: var(--hl-rfsp-muted);
  border-left: 3px solid var(--hl-rfsp-gold);
  padding: 1px 0 1px 11px;
}
@media (max-width: 600px) {
  .hl-prod-rfsp-pad-guide .hl-rfsp-h { font-size: 19px; }
}
/* === End Hireload Rotary Floor Scrubber Pad Guide CSS === */


/* === Hireload Rotary QuickPick mobile overlap fix (postid-4357) — appended === */
@media (max-width: 640px) {
  .postid-4357 .hl-prod-rotary .hl-pr-pick-row { grid-auto-rows: auto; row-gap: 2px; }
  .postid-4357 .hl-prod-rotary .hl-pr-pick-icon { grid-row: 1; grid-column: 1; }
  .postid-4357 .hl-prod-rotary .hl-pr-pick-label { grid-row: 1; grid-column: 2; }
  .postid-4357 .hl-prod-rotary .hl-pr-pick-link { grid-row: 2; grid-column: 2; text-align: left; margin-top: 2px; }
}
/* === End Hireload Rotary QuickPick mobile overlap fix === */


/* === Hireload 5kVA Generator Product CSS — appended === */
/* ============================================================
   5kVA Generator Hire London - product description block
   Matched 1:1 to the LIVE Drying & Heating category block (hl-dh).
   All rules scoped under .hl-prod-5kva-generator (prefix hl-g5-)
   No global / WooCommerce / product / booking selectors.
   ============================================================ */

.hl-prod-5kva-generator {
  --hl-g5-navy: #1e2a3a;
  --hl-g5-ink: #1c2533;
  --hl-g5-slate: #475569;
  --hl-g5-teal: #4d8a9e;
  --hl-g5-teal-050: #eef6f9;
  --hl-g5-blue-b: #b6d3dd;
  --hl-g5-sand: #d4c5b0;
  --hl-g5-card-b: #dfe5ea;
  --hl-g5-tbl-b: #e2e8ec;
  --hl-g5-copper: #c97f50;
  --hl-g5-amber-050: #fdf4e6;
  --hl-g5-amber-b: #e9c48a;
  --hl-g5-110: #d9932f;
  --hl-g5-240: #2f6fb0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--hl-g5-ink);
  line-height: 1.5;
  font-size: 14px;
  margin: 14px 0 18px;
}
.hl-prod-5kva-generator *,
.hl-prod-5kva-generator *::before,
.hl-prod-5kva-generator *::after { box-sizing: border-box; }
.hl-prod-5kva-generator .hl-g5-section { margin: 0 0 18px; }
.hl-prod-5kva-generator .hl-g5-h {
  margin: 0 0 6px;
  font-size: 17.5px;
  font-weight: 700;
  color: var(--hl-g5-navy);
  line-height: 1.25;
}
.hl-prod-5kva-generator .hl-g5-sub {
  margin: 0 0 8px;
  font-size: 13.5px;
  color: var(--hl-g5-slate);
}
.hl-prod-5kva-generator .hl-g5-eyebrow {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hl-g5-navy);
  background: #fff;
  border: 1px solid var(--hl-g5-blue-b);
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 9px;
}
.hl-prod-5kva-generator .hl-g5-hero {
  background:
    radial-gradient(110% 100% at 0% 0%, rgba(77,138,158,0.15), rgba(77,138,158,0) 60%),
    linear-gradient(180deg, #fbf8f2, #ffffff);
  border: 1px solid var(--hl-g5-sand);
  border-radius: 14px;
  padding: 18px;
  margin: 0 0 18px;
}
.hl-prod-5kva-generator .hl-g5-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  align-items: start;
}
.hl-prod-5kva-generator .hl-g5-hero-title {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--hl-g5-navy);
}
.hl-prod-5kva-generator .hl-g5-hero-intro {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--hl-g5-ink);
  max-width: 62ch;
}
.hl-prod-5kva-generator .hl-g5-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.hl-prod-5kva-generator .hl-g5-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  padding: 9px 16px;
  border-radius: 8px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.hl-prod-5kva-generator .hl-g5-btn--primary { background: var(--hl-g5-copper); color: #fff; }
.hl-prod-5kva-generator .hl-g5-btn--ghost { background: #fff; color: var(--hl-g5-navy); border-color: var(--hl-g5-blue-b); }
.hl-prod-5kva-generator .hl-g5-btn--primary:hover { filter: brightness(1.04); color: #fff; }
.hl-prod-5kva-generator .hl-g5-btn--ghost:hover { border-color: var(--hl-g5-teal); }
.hl-prod-5kva-generator .hl-g5-chips {
  list-style: none; margin: 12px 0 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 6px;
}
.hl-prod-5kva-generator .hl-g5-chips li {
  font-size: 11.5px; font-weight: 600; color: var(--hl-g5-navy);
  background: var(--hl-g5-teal-050);
  border: 1px solid var(--hl-g5-blue-b);
  padding: 3px 8px; border-radius: 999px;
}
.hl-prod-5kva-generator .hl-g5-side {
  background: #fff;
  border: 1px solid var(--hl-g5-card-b);
  border-radius: 10px;
  padding: 11px 13px;
}
.hl-prod-5kva-generator .hl-g5-side-eyebrow {
  display: block; font-size: 10.5px; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--hl-g5-teal); margin-bottom: 2px;
}
.hl-prod-5kva-generator .hl-g5-side-h {
  margin: 0 0 8px; font-size: 14.5px; font-weight: 700; color: var(--hl-g5-navy);
}
.hl-prod-5kva-generator .hl-g5-pick { display: grid; gap: 0; }
.hl-prod-5kva-generator .hl-g5-pick-row {
  display: flex; align-items: center; gap: 9px;
  padding: 5px 0; border-bottom: 1px dashed var(--hl-g5-card-b);
}
.hl-prod-5kva-generator .hl-g5-pick-row:last-child { border-bottom: 0; }
.hl-prod-5kva-generator .hl-g5-pick-ico {
  flex: 0 0 auto; width: 26px; height: 26px; border-radius: 6px;
  background: var(--hl-g5-teal-050); border: 1px solid var(--hl-g5-blue-b);
  display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.hl-prod-5kva-generator .hl-g5-pick-txt { display: flex; flex-direction: column; min-width: 0; }
.hl-prod-5kva-generator .hl-g5-pick-label { font-size: 13px; font-weight: 700; color: var(--hl-g5-navy); line-height: 1.25; }
.hl-prod-5kva-generator .hl-g5-pick-go { font-size: 12.5px; color: var(--hl-g5-teal); font-weight: 600; line-height: 1.25; }
.hl-prod-5kva-generator .hl-g5-qa {
  background: var(--hl-g5-teal-050);
  border: 1px solid var(--hl-g5-blue-b);
  border-radius: 10px;
  padding: 11px 13px;
  margin: 0 0 18px;
}
.hl-prod-5kva-generator .hl-g5-qa p { margin: 0; font-size: 13.5px; color: var(--hl-g5-ink); }
.hl-prod-5kva-generator .hl-g5-cards {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px;
}
.hl-prod-5kva-generator .hl-g5-cards--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.hl-prod-5kva-generator .hl-g5-card {
  background: #fff; border: 1px solid var(--hl-g5-card-b);
  border-left: 3px solid var(--hl-g5-teal); border-radius: 10px; padding: 11px 12px;
}
.hl-prod-5kva-generator .hl-g5-card-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 7px; font-size: 16px;
  background: var(--hl-g5-teal-050); border: 1px solid var(--hl-g5-blue-b);
}
.hl-prod-5kva-generator .hl-g5-card-t {
  display: block; margin: 7px 0 3px; font-weight: 700; font-size: 14.5px; color: var(--hl-g5-navy);
}
.hl-prod-5kva-generator .hl-g5-card p { margin: 0; font-size: 12.5px; color: var(--hl-g5-slate); }
.hl-prod-5kva-generator .hl-g5-tablewrap {
  overflow-x: auto; background: #fff;
  border: 1px solid var(--hl-g5-card-b); border-radius: 10px;
}
.hl-prod-5kva-generator .hl-g5-table {
  width: 100%; border-collapse: collapse; min-width: 540px; font-size: 13px;
}
.hl-prod-5kva-generator .hl-g5-table thead th {
  background: var(--hl-g5-navy); color: #fff; text-align: left;
  font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em;
  padding: 7px 10px;
}
.hl-prod-5kva-generator .hl-g5-table tbody th,
.hl-prod-5kva-generator .hl-g5-table tbody td {
  padding: 7px 10px; border-top: 1px solid var(--hl-g5-tbl-b);
  vertical-align: top; text-align: left; font-weight: 400; color: var(--hl-g5-ink);
}
.hl-prod-5kva-generator .hl-g5-table tbody th { font-weight: 700; color: var(--hl-g5-navy); }
.hl-prod-5kva-generator .hl-g5-table tbody tr:nth-child(even) th,
.hl-prod-5kva-generator .hl-g5-table tbody tr:nth-child(even) td { background: #f7fafb; }
.hl-prod-5kva-generator .hl-g5-badge {
  display: inline-block; font-weight: 700; font-size: 11.5px; line-height: 1.2;
  padding: 2px 8px; border-radius: 5px; color: #fff;
}
.hl-prod-5kva-generator .hl-g5-badge--110 { background: var(--hl-g5-110); }
.hl-prod-5kva-generator .hl-g5-badge--240 { background: var(--hl-g5-240); }
.hl-prod-5kva-generator .hl-g5-badge--mix { background: var(--hl-g5-slate); }
.hl-prod-5kva-generator .hl-g5-fineprint { margin: 8px 0 0; font-size: 12.5px; color: var(--hl-g5-slate); }
.hl-prod-5kva-generator .hl-g5-checklist {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px;
}
.hl-prod-5kva-generator .hl-g5-checklist li {
  background: #fff; border: 1px solid var(--hl-g5-card-b); border-left: 3px solid var(--hl-g5-teal);
  border-radius: 8px; padding: 7px 11px; font-size: 12.5px; font-weight: 600; color: var(--hl-g5-navy);
}
.hl-prod-5kva-generator .hl-g5-note {
  display: flex; gap: 11px; align-items: flex-start;
  background: var(--hl-g5-amber-050); border: 1px solid var(--hl-g5-amber-b);
  border-left: 4px solid var(--hl-g5-copper); border-radius: 10px; padding: 12px 14px; margin: 0 0 18px;
}
.hl-prod-5kva-generator .hl-g5-note-ico { font-size: 18px; line-height: 1.3; }
.hl-prod-5kva-generator .hl-g5-note-t { display: block; margin-bottom: 4px; color: var(--hl-g5-navy); font-size: 14.5px; font-weight: 700; }
.hl-prod-5kva-generator .hl-g5-note p { margin: 0; font-size: 13px; color: var(--hl-g5-ink); }
.hl-prod-5kva-generator .hl-g5-faq { display: grid; gap: 8px; }
.hl-prod-5kva-generator .hl-g5-faq details {
  background: #fff; border: 1px solid var(--hl-g5-card-b); border-radius: 10px; padding: 1px 12px;
}
.hl-prod-5kva-generator .hl-g5-faq summary {
  cursor: pointer; list-style: none; padding: 8px 22px 8px 0;
  font-weight: 700; font-size: 13.5px; color: var(--hl-g5-navy); position: relative;
}
.hl-prod-5kva-generator .hl-g5-faq summary::-webkit-details-marker { display: none; }
.hl-prod-5kva-generator .hl-g5-faq summary::after {
  content: "+"; position: absolute; right: 2px; top: 6px; font-size: 17px; font-weight: 700; color: var(--hl-g5-copper);
}
.hl-prod-5kva-generator .hl-g5-faq details[open] summary::after { content: "\2013"; }
.hl-prod-5kva-generator .hl-g5-faq details p { margin: 0 0 10px; font-size: 13px; color: var(--hl-g5-slate); line-height: 1.5; }
.hl-prod-5kva-generator .hl-g5-final {
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(77,138,158,0.15), rgba(77,138,158,0) 60%),
    linear-gradient(180deg, #fbf8f2, #ffffff);
  border: 1px solid var(--hl-g5-sand); border-radius: 14px; padding: 14px 16px; margin: 0;
}
.hl-prod-5kva-generator .hl-g5-final-h { margin: 0 0 5px; font-size: 16px; font-weight: 700; color: var(--hl-g5-navy); }
.hl-prod-5kva-generator .hl-g5-final p { margin: 0 0 12px; font-size: 13px; color: var(--hl-g5-ink); max-width: 78ch; }
.hl-prod-5kva-generator .hl-g5-card--warm { border-left-color: var(--hl-g5-copper); }
.hl-prod-5kva-generator .hl-g5-card--warm .hl-g5-card-ico { background: var(--hl-g5-amber-050); border-color: var(--hl-g5-amber-b); }
.hl-prod-5kva-generator .hl-g5-card-link {
  display: inline-block; margin-top: 8px;
  font-size: 13px; font-weight: 700; color: var(--hl-g5-navy);
  text-decoration: underline; text-underline-offset: 4px;
  text-decoration-thickness: 2px; text-decoration-color: var(--hl-g5-blue-b);
}
.hl-prod-5kva-generator .hl-g5-card--warm .hl-g5-card-link { color: var(--hl-g5-copper); text-decoration-color: var(--hl-g5-amber-b); }
.hl-prod-5kva-generator .hl-g5-card-link:hover { text-decoration-color: var(--hl-g5-teal); }
.hl-prod-5kva-generator .hl-g5-sel {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px;
}
.hl-prod-5kva-generator .hl-g5-sel-card {
  background: #fff; border: 1px solid var(--hl-g5-card-b); border-radius: 10px;
  padding: 11px 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px;
}
.hl-prod-5kva-generator .hl-g5-sel-ico { font-size: 16px; line-height: 1.2; margin-bottom: 3px; }
.hl-prod-5kva-generator .hl-g5-sel-t { font-size: 14px; font-weight: 700; color: var(--hl-g5-navy); line-height: 1.3; }
.hl-prod-5kva-generator .hl-g5-sel-go {
  margin-top: 2px; font-size: 13px; font-weight: 700; color: var(--hl-g5-teal); text-decoration: none;
}
.hl-prod-5kva-generator a.hl-g5-sel-go:hover { text-decoration: underline; text-underline-offset: 3px; }
.hl-prod-5kva-generator .hl-g5-sel-go--call { color: var(--hl-g5-copper); }
.hl-prod-5kva-generator .hl-g5-sit {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 8px;
}
.hl-prod-5kva-generator .hl-g5-sit-card {
  background: #fff; border: 1px solid var(--hl-g5-card-b);
  border-left: 3px solid var(--hl-g5-teal); border-radius: 10px; padding: 11px 12px;
}
.hl-prod-5kva-generator .hl-g5-sit-card--warm { border-left-color: var(--hl-g5-copper); }
.hl-prod-5kva-generator .hl-g5-sit-t { display: block; font-size: 14.5px; font-weight: 700; color: var(--hl-g5-navy); margin: 0 0 4px; }
.hl-prod-5kva-generator .hl-g5-sit-card p { margin: 0 0 4px; font-size: 12.5px; color: var(--hl-g5-ink); }
.hl-prod-5kva-generator .hl-g5-sit-card p:last-child { margin-bottom: 0; color: var(--hl-g5-slate); }
.hl-prod-5kva-generator .hl-g5-sit-card b { color: var(--hl-g5-navy); }
@media (max-width: 980px) {
  .hl-prod-5kva-generator .hl-g5-cards--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .hl-prod-5kva-generator .hl-g5-hero-grid { grid-template-columns: 1fr; }
  .hl-prod-5kva-generator .hl-g5-checklist { grid-template-columns: 1fr; }
  .hl-prod-5kva-generator .hl-g5-cards--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .hl-prod-5kva-generator .hl-g5-cards--6 { grid-template-columns: 1fr; }
}
/* === END Hireload 5kVA Generator Product CSS === */


/* HL-GRID-FIX start (2 Jul 2026) — grid fiyat/baslik binme duzeltmesi; kaldirmak icin bu blogu sil */
.product-small .product-title,
.product-small .box-text { height: auto !important; }
.product-small .box-text { display: flex; flex-direction: column; }
.product-small .product-title { min-height: 51px; }
.product-small .price-wrapper { margin-top: auto; }
/* HL-GRID-FIX end */