.hhs-home{--hhs-blue: #078fd0; --hhs-blue-dark: #0072b8; --hhs-blue-text: #1685c2; --hhs-orange: #ff9900; --hhs-text: #333; --hhs-muted: #666; --hhs-pale: #f2f9fe; --hhs-line: #e8e8e8;}
.hhs-home *{box-sizing: border-box;}
.hhs-home html,.hhs-home{margin: 0px; padding: 0px;}
.hhs-home{font: 16px / 1.35 Arial, Helvetica, sans-serif; color: var(--hhs-text); background: rgb(255, 255, 255);}
.hhs-home a{color: inherit; text-decoration: none;}
.hhs-home img{max-width: 100%; display: block;}
.hhs-home .container{width: min(1240px, 100% - 40px); margin: auto;}
.hhs-home h1,.hhs-home h2,.hhs-home h3,.hhs-home p{margin-top: 0px;}
.hhs-home h1{font-size: 27px; line-height: 1.15; margin-bottom: 0px;}
.hhs-home h2{font-size: 23px; line-height: 1.18; margin-bottom: 0px;}
.hhs-home h3{font-size: 17px; line-height: 1.2;}
.hhs-home p{color: rgb(85, 85, 85);}
.hhs-home .hhs-btn{display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0px 20px; border-radius: 8px; color: rgb(255, 255, 255); font-weight: 700; background: linear-gradient(rgb(22, 164, 221), rgb(0, 114, 186)); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset;}
.hhs-home .hhs-btn.orange{background: var(--hhs-orange);}
.hhs-home .text-link{color: rgb(68, 68, 68); text-decoration: underline;}
.hhs-home .blue-link{color: var(--hhs-blue-text); text-decoration: underline; font-weight: 700;}



.hhs-home .search-icon{width: 19px; height: 19px; border: 2px solid rgb(17, 17, 17); border-radius: 50%; position: relative;}
.hhs-home .search-icon::after{content: ""; width: 8px; height: 2px; background: rgb(17, 17, 17); position: absolute; right: -6px; bottom: -3px; transform: rotate(45deg);}










.hhs-home .main-nav{background: linear-gradient(rgb(17, 167, 223), rgb(0, 113, 184)); color: rgb(255, 255, 255);}


.hhs-home main{padding-top: 14px;}
.hhs-home .headline-row{display: flex; align-items: center; gap: 20px; margin: 0px 0px 18px;}
.hhs-home .headline-row .hhs-btn{white-space: nowrap;}
.hhs-home .lead{font-size: 16px; max-width: 900px; margin: 0px 0px 24px;}
.hhs-home .section{padding: 20px 0px 34px; border-bottom: 1px solid var(--hhs-line);}
.hhs-home .slider-head{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
.hhs-home .slider-controls{display: flex; align-items: center; gap: 10px;}
.hhs-home .arrow{width: 43px; height: 43px; border: 0px; border-radius: 9px; background: var(--hhs-pale); color: rgb(153, 153, 153); font-size: 27px; display: grid; place-items: center;}
.hhs-home .arrow.active{background: linear-gradient(rgb(19, 163, 220), rgb(0, 113, 185)); color: rgb(255, 255, 255);}
.hhs-home .product-track{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 22px;}
.hhs-home .product-card{text-align: center; min-width: 0px; position: relative;}
.hhs-home .product-card img{width: 100%; aspect-ratio: 1 / 1; object-fit: contain; margin: auto;}
.hhs-home .product-title{font-weight: 700; font-size: 16px; line-height: 1.06; min-height: 53px; display: flex; align-items: flex-start; justify-content: center;}
.hhs-home .price{font-size: 18px; font-weight: 700; color: var(--hhs-blue-text); margin-top: 4px;}
.hhs-home .cart-dot{position: absolute; right: 5px; top: 150px; width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(rgb(19, 163, 220), rgb(0, 113, 185)); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 21px;}
.hhs-home .note{font-size: 12px; color: rgb(119, 119, 119); margin-top: 5px;}
.hhs-home .category-card .product-title{min-height: 40px;}
.hhs-home .category-card .blue-link{display: inline-block; font-size: 14px;}
.hhs-home .selection-copy{margin-top: 20px; text-align: center; color: rgb(85, 85, 85);}
.hhs-home .tab-section{padding: 34px 0px;}
.hhs-home .tabs{display: flex; overflow: hidden; border-bottom: 1px solid rgb(221, 221, 221); background: var(--hhs-pale);}
.hhs-home .tab{padding: 14px 18px; white-space: nowrap;}
.hhs-home .tab.active{background: linear-gradient(rgb(17, 167, 223), rgb(0, 113, 184)); color: rgb(255, 255, 255);}
.hhs-home .tab-content{padding: 22px 0px 4px;}
.hhs-home .tab-content p{max-width: 1020px;}
.hhs-home .tab-actions{display: flex; align-items: center; gap: 20px; margin-top: 18px;}
.hhs-home .plain-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 20px;}
.hhs-home .plain-column{padding: 2px 0px 10px;}
.hhs-home .plain-column + .plain-column{border-left: 1px solid rgb(221, 221, 221); padding-left: 50px;}
.hhs-home .plain-number{font-size: 25px; color: var(--hhs-blue-text); font-weight: 700; margin-bottom: 5px;}
.hhs-home .source{font-size: 12px; color: rgb(119, 119, 119);}
.hhs-home .knowledge-links{display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 18px;}
.hhs-home .knowledge-links article{padding-right: 24px;}
.hhs-home .knowledge-links article + article{border-left: 1px solid rgb(221, 221, 221); padding-left: 26px;}
.hhs-home .knowledge-links p{margin-bottom: 10px;}






.hhs-home .social{display: flex; justify-content: center; gap: 18px; margin: 16px 0px 26px;}
.hhs-home .withdraw{margin: 0px auto 26px;}
.hhs-home .legal{font-size: 13px; color: rgb(85, 85, 85); max-width: 900px; margin: auto;}
.hhs-home .legal p{margin-bottom: 8px;}
@media (max-width: 900px){.hhs-home .container{width: calc(100% - 40px);}










.hhs-home main{padding-top: 13px;}
.hhs-home .headline-row{align-items: flex-start; flex-direction: column; gap: 10px; margin-bottom: 16px;}
.hhs-home .headline-row h1{font-size: 22px;}
.hhs-home .lead{font-size: 14px; margin-bottom: 11px;}
.hhs-home .section{padding: 15px 0px 26px;}
.hhs-home .slider-head{align-items: flex-start; margin-bottom: 12px;}
.hhs-home .slider-head h2{font-size: 21px;}
.hhs-home .slider-controls .hhs-btn{display: none;}
.hhs-home .arrow{width: 40px; height: 40px;}
.hhs-home .product-track{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px 12px;}
.hhs-home .product-title{font-size: 16px; min-height: 52px;}
.hhs-home .product-card img{aspect-ratio: 1 / 1;}
.hhs-home .cart-dot{top: 130px;}
.hhs-home .selection-copy{text-align: left; font-size: 14px;}
.hhs-home .tabs{overflow-x: auto;}
.hhs-home .tab{padding: 12px 16px;}
.hhs-home .tab-content{font-size: 14px;}
.hhs-home .tab-actions{align-items: flex-start; flex-direction: column; gap: 12px;}
.hhs-home .plain-columns{grid-template-columns: 1fr; gap: 20px;}
.hhs-home .plain-column + .plain-column{border-left: 0px; border-top: 1px solid rgb(221, 221, 221); padding: 20px 0px 0px;}
.hhs-home .knowledge-links{grid-template-columns: 1fr; gap: 0px;}
.hhs-home .knowledge-links article{padding: 15px 0px;}
.hhs-home .knowledge-links article + article{border-left: 0px; border-top: 1px solid rgb(221, 221, 221); padding: 15px 0px;}






.hhs-home .plain-number{font-size: 23px;}}
.hhs-home .product-track{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 22px; scrollbar-width: thin;}
.hhs-home .product-track > .product-card{flex: 0 0 calc(25% - 16.5px); scroll-snap-align: start;}
@media (max-width: 900px){.hhs-home .product-track{gap: 12px;}
.hhs-home .product-track > .product-card{flex-basis: calc(50% - 6px);}

}
.hhs-home .container{max-width: 1240px;}
.hhs-home .reference-hero{display: grid; grid-template-columns: 1.1fr 1fr; background: linear-gradient(100deg, rgb(242, 249, 254), rgb(255, 255, 255)); padding: 26px 30px; gap: 24px; align-items: center;}
.hhs-home .hero-copy h1{font-size: 38px; line-height: 1.06; margin-bottom: 16px; color: rgb(16, 43, 67);}
.hhs-home .hero-copy p{font-size: 16px; line-height: 1.4; max-width: 560px;}
.hhs-home .hero-actions{display: flex; gap: 10px; flex-wrap: wrap;}
.hhs-home .hhs-btn.orange{color: rgb(51, 51, 51);}
.hhs-home .hhs-btn.secondary{background: white; color: rgb(0, 106, 158); border: 1px solid rgb(201, 220, 232);}
.hhs-home .blue-link{color: rgb(0, 106, 158);}
.hhs-home .hero-photo{position: relative; justify-self: center; width: 100%; max-width: 350px;}
.hhs-home .hero-photo img{width: 100%; max-height: 300px; object-fit: contain;}
.hhs-home .hero-photo span{position: absolute; right: 0px; bottom: 0px; font-size: 11px; background: rgb(255, 255, 255); padding: 4px 8px; color: rgb(102, 102, 102);}
.hhs-home .advantages{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; padding: 20px 10px;}
.hhs-home .advantages b,.hhs-home .advantages span{display: block;}
.hhs-home .advantages span{font-size: 13px;}
.hhs-home .entries{padding: 12px 0px 22px;}
.hhs-home .entries > p{margin: 7px 0px 12px;}
.hhs-home .entry-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.hhs-home .entry{border: 1px solid rgb(220, 236, 246); border-radius: 5px; overflow: hidden; background: rgb(248, 252, 255);}
.hhs-home .entry img{height: 135px; width: 100%; object-fit: contain; background: rgb(255, 255, 255);}
.hhs-home .entry > div{padding: 12px 14px;}
.hhs-home .entry h3{margin-bottom: 5px;}
.hhs-home .entry p{font-size: 13px; margin-bottom: 8px;}
.hhs-home .entry .blue-link{font-size: 13px;}
.hhs-home .advisor-row{display: grid; grid-template-columns: 2fr 1fr; gap: 18px; margin: 0px 0px 24px;}
.hhs-home .advisor-box{display: grid; grid-template-columns: 1fr 190px; gap: 20px; padding: 22px; background: rgb(237, 248, 255); border: 1px solid rgb(220, 236, 246); border-radius: 5px;}
.hhs-home .advisor-box h2{margin-bottom: 14px;}
.hhs-home .advisor-box p{font-size: 15px;}
.hhs-home .advisor-foot{margin: 15px 0px 9px; font-size: 12px !important;}
.hhs-home .example{background: rgb(255, 255, 255); padding: 14px; border: 1px solid rgb(220, 236, 246); border-radius: 4px; font-size: 13px;}
.hhs-home .example img{height: 115px; width: 100%; object-fit: contain; margin: 8px 0px;}
.hhs-home .example p{font-size: 13px; margin: 7px 0px;}
.hhs-home .example small{color: rgb(102, 102, 102);}
.hhs-home .why{padding: 16px; background: rgb(245, 250, 255); border: 1px solid rgb(220, 236, 246); border-radius: 5px;}
.hhs-home .why h2{margin-bottom: 12px;}
.hhs-home .why h3{font-size: 14px; margin: 12px 0px 4px;}
.hhs-home .why p{font-size: 13px; margin-bottom: 8px;}
.hhs-home .why .blue-link{font-size: 13px;}
.hhs-home .recommendations{padding-top: 0px;}
.hhs-home .lower-row{display: grid; grid-template-columns: 1.06fr 1fr; gap: 28px; margin: 20px 0px;}
.hhs-home .lower-row h2{font-size: 22px;}
.hhs-home .lower-row p{font-size: 14px; margin: 8px 0px 14px;}
.hhs-home .reputation{padding: 16px; background: rgb(237, 248, 255); border: 1px solid rgb(220, 236, 246); border-radius: 5px;}
.hhs-home .market-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.hhs-home .market-columns > div + div{border-left: 1px solid rgb(191, 214, 228); padding-left: 20px;}
.hhs-home .pending{display: block; font-size: 12px; color: rgb(102, 102, 102);}
.hhs-home .guides{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.hhs-home .guides > a{border: 1px solid rgb(220, 236, 246); background: rgb(248, 252, 255); border-radius: 4px; overflow: hidden;}
.hhs-home .guides img,.hhs-home .text-picture{width: 100%; height: 95px; object-fit: contain; background: rgb(255, 255, 255);}
.hhs-home .text-picture{display: grid; place-content: center; text-align: center; color: rgb(0, 106, 158); font-size: 20px;}
.hhs-home .guides b,.hhs-home .guides span{display: block; font-size: 12px; padding: 6px 8px;}
.hhs-home .guides span{padding-top: 0px;}



.hhs-home .product-track > .product-card{flex-basis: calc(20% - 17.6px);}
.hhs-home .product-title{line-height: 1.2; font-size: 15px; min-height: 56px;}
.hhs-home .product-track{padding-bottom: 8px;}
@media (max-width: 900px){.hhs-home .reference-hero{grid-template-columns: 1fr; padding: 20px 15px; gap: 10px;}
.hhs-home .hero-copy h1{font-size: 29px;}
.hhs-home .hero-copy p{font-size: 14px;}
.hhs-home .hero-photo{max-width: 175px;}
.hhs-home .hero-photo img{max-height: 145px;}
.hhs-home .hero-actions{display: grid;}
.hhs-home .hhs-btn{min-height: 44px;}
.hhs-home .advantages{grid-template-columns: 1fr 1fr; padding: 15px 0px; gap: 12px;}
.hhs-home .advantages b{font-size: 13px;}
.hhs-home .advantages span{font-size: 12px;}
.hhs-home .entry-grid{grid-template-columns: 1fr 1fr; gap: 10px;}
.hhs-home .entry img{height: 95px;}
.hhs-home .entry > div{padding: 10px;}
.hhs-home .entry h3{font-size: 15px;}
.hhs-home .entry p{font-size: 12px;}
.hhs-home .advisor-row{grid-template-columns: 1fr; gap: 12px;}
.hhs-home .advisor-box{grid-template-columns: 1fr; padding: 16px;}
.hhs-home .example{display: none;}
.hhs-home .advisor-box h2{font-size: 22px;}
.hhs-home .why h2{font-size: 22px;}
.hhs-home .product-track > .product-card{flex-basis: calc(50% - 6px);}
.hhs-home .product-title{font-size: 15px; min-height: 72px;}
.hhs-home .lower-row{grid-template-columns: 1fr; gap: 24px;}
.hhs-home .market-columns{gap: 10px;}
.hhs-home .market-columns > div + div{padding-left: 10px;}
.hhs-home .guides{gap: 6px;}
.hhs-home .guides img,.hhs-home .text-picture{height: 75px;}
.hhs-home .guides b,.hhs-home .guides span{font-size: 11px;}


.hhs-home .recommendations h2{font-size: 20px;}
}
.hhs-home .line-icon{width: 32px; height: 32px; flex: 0 0 32px; fill: none; stroke: rgb(16, 43, 67); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.hhs-home .benefit{display: flex; align-items: center; gap: 12px;}
.hhs-home .why-item{display: flex; gap: 12px; align-items: flex-start; padding: 9px 0px; border-bottom: 1px solid rgb(220, 236, 246);}
.hhs-home .why-item h3{margin: 0px 0px 5px;}
.hhs-home .why > .blue-link{display: block; margin-top: 12px;}
.hhs-home .category-track{display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;}
.hhs-home .category-track > .entry{flex: 0 0 calc(25% - 12px); scroll-snap-align: start; min-width: 0px;}
.hhs-home .entry img{height: 145px;}
.hhs-home .entry h3{min-height: 38px;}
.hhs-home .entries .slider-head{margin-bottom: 0px;}
.hhs-home .rating-stars{font-size: 27px; letter-spacing: 2px; color: rgb(255, 176, 0); line-height: 1.4;}
.hhs-home .rating-number{display: block; font-size: 25px; color: rgb(16, 43, 67); margin-top: 4px;}
.hhs-home .market-columns p{margin: 4px 0px 10px;}
.hhs-home .market-columns small{font-size: 11px;}
.hhs-home .profile-pending{display: block; margin-top: 10px; font-size: 12px;}
.hhs-home .draft-note{color: rgb(94, 108, 120); border-top: 1px solid rgb(204, 223, 235); padding-top: 9px; font-size: 10px !important; margin-bottom: 0px !important;}
.hhs-home .product-cta{display: block; font-size: 13px; padding: 8px 0px;}



.hhs-home .tab.active{background: rgb(237, 248, 255); color: rgb(16, 43, 67);}
.hhs-home .example{align-self: start;}
.hhs-home .example > b{display: block; margin-bottom: 6px;}
.hhs-home .arrow:not(:disabled){background: linear-gradient(rgb(22, 164, 221), rgb(0, 114, 186)); color: white;}
.hhs-home .hhs-btn.orange{color: white;}
@media (max-width: 900px){.hhs-home .category-track{gap: 12px;}
.hhs-home .category-track > .entry{flex-basis: calc(50% - 6px);}
.hhs-home .entry img{height: 110px;}
.hhs-home .entry h3{font-size: 14px; min-height: 34px;}
.hhs-home .entry > div{padding: 10px;}
.hhs-home .line-icon{width: 27px; height: 27px; flex-basis: 27px;}
.hhs-home .benefit{gap: 8px;}
.hhs-home .example{display: block;}
.hhs-home .example img{float: left; width: 85px; height: 85px; margin-right: 12px;}
.hhs-home .example small{display: block; clear: both;}

.hhs-home .rating-number{font-size: 23px;}
.hhs-home .category-track p{min-height: 48px;}
.hhs-home .hero-copy,.hhs-home .advisor-box > div,.hhs-home .why,.hhs-home .market-columns > div,.hhs-home .knowledge,.hhs-home .guides > a{min-width: 0px;}
.hhs-home .hhs-btn{white-space: normal; text-align: center; padding: 8px 12px;}
.hhs-home .entry h3,.hhs-home .blue-link{overflow-wrap: anywhere;}


}
.hhs-home .hhs-btn.orange{color: rgb(255, 255, 255); background: rgb(255, 153, 0);}
.hhs-home .price{color: rgb(0, 106, 158) !important;}
.hhs-home .product-title{font-weight: 700; min-height: 38px; font-size: 15px;}
.hhs-home .product-spec{font-size: 13px; color: rgb(85, 85, 85); margin: 5px 0px;}
.hhs-home .product-fit{font-size: 13px; line-height: 1.4; min-height: 55px; margin: 8px 0px 10px; color: rgb(51, 51, 51);}
.hhs-home .product-card > a{display: block;}
.hhs-home .entry h3{min-height: 36px; margin-bottom: 4px;}
.hhs-home .entry img{height: 115px;}
.hhs-home .entry > div{padding: 10px 12px;}
.hhs-home .entries{padding-bottom: 14px;}
.hhs-home .entry .blue-link{display: block; padding-top: 4px;}
.hhs-home .advisor-box{grid-template-columns: 1fr; padding: 20px; align-content: start;}
.hhs-home .advisor-row{grid-template-columns: 1.25fr 1fr; margin-top: 8px;}
.hhs-home .advisor-box p{margin: 10px 0px;}
.hhs-home .example{padding: 0px; border: 0px; background: transparent; max-width: 100%; margin-top: 0px;}
.hhs-home .example summary{color: rgb(0, 106, 158); font-size: 13px; font-weight: bold; cursor: pointer; padding: 8px 0px;}
.hhs-home .example-content{padding: 12px; background: white; border: 1px solid rgb(220, 236, 246); min-height: 125px;}
.hhs-home .example img{width: 85px; height: 85px; float: left; margin: 0px 12px 5px 0px;}
.hhs-home .example small{display: block; clear: both;}
.hhs-home .example > b{display: block;}
.hhs-home .why{padding: 16px;}
.hhs-home .why-item{padding: 8px 0px;}
.hhs-home .why-item h3{font-size: 14px;}
.hhs-home .why-item p{margin: 4px 0px;}
.hhs-home .why-item .blue-link{font-size: 12px;}
.hhs-home .rating-caption{font-size: 12px; display: block; line-height: 1.35; min-height: 34px;}
.hhs-home .rating-number{font-size: 23px; margin: 10px 0px 5px;}
.hhs-home .market-columns p{font-size: 13px;}
.hhs-home .market-columns small{display: block; min-height: 30px;}
.hhs-home .draft-note{line-height: 1.4;}
.hhs-home .guides{display: flex; flex-direction: column; gap: 8px;}
.hhs-home .guides > a{display: flex; align-items: center; gap: 10px; padding: 10px; background: rgb(248, 252, 255);}
.hhs-home .guides .guide-icon{background: rgb(237, 248, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 48px; height: 48px; padding: 8px;}
.hhs-home .guides b{font-size: 14px; padding: 0px 0px 4px;}
.hhs-home .guides span{font-size: 13px; padding: 0px;}

.hhs-home .topic-links{display: flex; flex-wrap: wrap; gap: 8px 18px;}
.hhs-home .topic-link{font-size: 13px; color: rgb(0, 106, 158); text-decoration: underline;}



.hhs-home .hero-photo{background: white; border-radius: 6px;}
.hhs-home .hero-photo span{position: static; text-align: center; display: block;}
.hhs-home .hero-copy p{margin-bottom: 16px;}
.hhs-home a:focus-visible,.hhs-home button:focus-visible,.hhs-home summary:focus-visible,.hhs-home .product-track:focus-visible{outline: rgb(16, 43, 67) solid 3px; outline-offset: 3px;}
.hhs-home .product-track{scroll-padding: 3px;}
.hhs-home .slider-controls .arrow{min-width: 40px; min-height: 40px;}

.hhs-home .example summary::marker{color: rgb(0, 106, 158);}
@media (max-width: 900px){.hhs-home .reference-hero{padding: 16px 12px; grid-template-columns: 1fr;}
.hhs-home .hero-copy h1{font-size: 27px;}
.hhs-home .hero-copy p{font-size: 13px;}
.hhs-home .hero-photo{max-width: 120px;}
.hhs-home .hero-photo img{max-height: 100px;}
.hhs-home .advantages{padding: 12px 0px; gap: 10px;}
.hhs-home .entry img{height: 78px;}
.hhs-home .entry h3{font-size: 14px; min-height: 34px;}
.hhs-home .entry > div{padding: 8px;}
.hhs-home .entry .blue-link{font-size: 12px;}
.hhs-home .entries > p{font-size: 12px; margin: 6px 0px 10px;}
.hhs-home .product-title{min-height: 38px; font-size: 14px;}
.hhs-home .product-spec{font-size: 12px; min-height: 32px;}
.hhs-home .product-fit{font-size: 12px; min-height: 68px; margin-top: 4px;}
.hhs-home .recommendations .product-card img{height: 150px !important; object-fit: contain;}
.hhs-home .advisor-row{grid-template-columns: 1fr;}
.hhs-home .advisor-box{padding: 16px; gap: 8px;}
.hhs-home .advisor-box h2{font-size: 21px;}
.hhs-home .advisor-box p{font-size: 14px;}
.hhs-home .advisor-foot{margin: 10px 0px 6px !important;}
.hhs-home .why-item h3{font-size: 14px;}
.hhs-home .guides > a{padding: 10px;}
.hhs-home .guides b{font-size: 14px;}
.hhs-home .guides span{font-size: 13px;}
.hhs-home .rating-number{font-size: 20px;}
.hhs-home .rating-caption{font-size: 11px; min-height: 44px;}
.hhs-home .market-columns > div + div{padding-left: 10px;}
.hhs-home .market-columns p{font-size: 12px;}
.hhs-home .market-columns small{font-size: 11px; min-height: 40px;}



.hhs-home .topic-links{gap: 10px 14px;}
.hhs-home .topic-link{font-size: 13px;}
}
.hhs-home .reference-hero{grid-template-columns: 1.12fr 1fr; gap: 32px; padding: 26px 30px; min-height: 390px;}
.hhs-home .hero-copy h1{font-size: 36px; line-height: 1.15; margin: 0px 0px 14px;}
.hhs-home .hero-copy .hero-subline{font-size: 21px; color: rgb(16, 43, 67); margin: 0px 0px 12px;}
.hhs-home .hero-copy p{font-size: 16px; line-height: 1.5; margin-bottom: 20px;}
.hhs-home .hero-actions{gap: 10px;}
.hhs-home .hero-actions .hhs-btn{font-size: 14px; padding: 10px 14px;}
.hhs-home .hero-carousel.section{border: 0px; padding: 0px; min-width: 0px; align-self: stretch; display: flex; flex-direction: column; justify-content: center;}
.hhs-home .hero-carousel .slider-controls{justify-content: flex-end; margin-bottom: 6px;}
.hhs-home .hero-track{gap: 0px; scrollbar-width: none; padding: 0px;}
.hhs-home .hero-track > .hero-slide{flex: 0 0 100%; scroll-snap-align: start; min-width: 0px;}
.hhs-home .hero-slide img{width: 100%; height: 290px; object-fit: contain; mix-blend-mode: multiply;}
.hhs-home .advantages{padding: 25px 0px; gap: 22px; align-items: start;}
.hhs-home .benefit{align-items: flex-start; gap: 10px;}
.hhs-home .benefit b{font-size: 15px; line-height: 1.35; margin-bottom: 4px;}
.hhs-home .benefit span{font-size: 13px; line-height: 1.45;}
.hhs-home .category-track{gap: 18px; scrollbar-width: none; padding: 14px 0px 4px;}
.hhs-home .category-track > .entry{flex-basis: calc(22.2222% - 16px); border: 0px; border-radius: 0px; background: white;}
.hhs-home .entry img{height: 200px; object-fit: contain;}
.hhs-home .entry > div{padding: 12px 0px 0px;}
.hhs-home .entry h3{font-size: 17px; line-height: 1.3; min-height: 44px; margin: 0px; overflow-wrap: normal;}
.hhs-home .entries{padding: 12px 0px 24px;}
.hhs-home .manufacturing-note{max-width: 1240px; margin: 18px auto 0px; padding: 0px 20px; font-size: 12px; line-height: 1.5; color: rgb(85, 85, 85);}
@media (max-width: 900px){.hhs-home .reference-hero{grid-template-columns: 1fr; padding: 18px 14px; gap: 12px; min-height: 0px;}
.hhs-home .hero-copy h1{font-size: 27px; line-height: 1.16;}
.hhs-home .hero-copy .hero-subline{font-size: 18px; line-height: 1.4;}
.hhs-home .hero-copy p{font-size: 14px; margin-bottom: 16px;}
.hhs-home .hero-actions .hhs-btn{font-size: 14px; min-height: 44px;}
.hhs-home .hero-carousel .slider-controls{margin-bottom: 0px;}
.hhs-home .hero-slide img{height: 220px;}
.hhs-home .advantages{gap: 18px 14px; padding: 22px 0px;}
.hhs-home .benefit b{font-size: 13px;}
.hhs-home .benefit span{font-size: 12px;}
.hhs-home .category-track{gap: 12px;}
.hhs-home .category-track > .entry{flex-basis: calc(45.4545% - 10.9091px);}
.hhs-home .entry img{height: 140px;}
.hhs-home .entry > div{padding: 10px 0px 0px;}
.hhs-home .entry h3{font-size: 14px; line-height: 1.35; min-height: 40px;}
.hhs-home .entries{padding-top: 8px;}
.hhs-home .manufacturing-note{font-size: 11px;}}
.hhs-home .hhs-btn.orange{background: rgb(255, 153, 0); color: rgb(255, 255, 255) !important;}
.hhs-home .advantages b{font-size: 15px;}
.hhs-home .advantages span{font-size: 13px;}
.hhs-home .category-intro{font-size: 14px; margin: 6px 0px 0px !important;}
.hhs-home .category-track{flex-wrap: nowrap; overflow-x: auto; gap: 18px; padding-top: 16px; scrollbar-width: none; display: flex !important;}
.hhs-home .category-track > .entry{max-width: none; overflow: visible; flex: 0 0 calc(22.2222% - 16px) !important;}
.hhs-home .category-track > .entry img{width: 100%; max-width: none; height: auto; aspect-ratio: 1 / 1; object-fit: contain;}
.hhs-home .category-track > .entry > div{width: 100%; padding: 10px 0px 0px;}
.hhs-home .category-track > .entry h3{white-space: nowrap; text-align: center; overflow: visible; font-size: 20px; min-height: 30px;}
.hhs-home .advisor-row{margin: 8px 0px 26px; align-items: stretch;}
.hhs-home .advisor-box{display: flex; align-items: center; padding: 24px;}
.hhs-home .advisor-box h2{max-width: 440px; margin-bottom: 12px;}
.hhs-home .advisor-box p{max-width: 430px; font-size: 16px; line-height: 1.5; margin-bottom: 18px;}
.hhs-home .why-item{padding: 9px 0px;}
.hhs-home .why-item:last-child{border-bottom: 0px;}
.hhs-home .why-item h3{font-size: 14px;}
.hhs-home .why-item p{font-size: 13px; margin: 4px 0px 0px;}
.hhs-home .recommendations{padding-top: 4px;}
.hhs-home .product-title{font-size: 15px; min-height: 36px; line-height: 1.25;}
.hhs-home .product-fit{font-size: 13px; line-height: 1.35; min-height: 36px; margin: 6px 0px 10px;}
.hhs-home .product-cta.hhs-btn{display: inline-flex; font-size: 13px; min-height: 36px; padding: 8px 14px;}
.hhs-home .lower-row{gap: 24px; align-items: start; margin-top: 22px;}
.hhs-home .reputation{padding: 16px;}
.hhs-home .reputation > p{margin: 6px 0px 12px;}
.hhs-home .market-columns{gap: 16px;}
.hhs-home .market-columns h3{margin: 0px; font-size: 17px;}
.hhs-home .rating-stars{font-size: 23px; line-height: 1.1; margin: 3px 0px 6px; letter-spacing: 1px;}
.hhs-home .rating-number{font-size: 23px; margin: 0px 0px 3px;}
.hhs-home .market-columns p{font-size: 12px; margin: 0px 0px 9px;}
.hhs-home .rating-total{display: block; font-size: 14px; line-height: 1.35;}
.hhs-home .profile-pending{font-size: 11px; margin-top: 8px;}
.hhs-home .market-date{color: rgb(102, 102, 102); font-size: 10px !important; margin: 10px 0px 0px !important;}
.hhs-home .knowledge > p{margin: 6px 0px 12px;}
.hhs-home .guides{gap: 7px;}
.hhs-home .guides > a{padding: 9px;}
.hhs-home .guides .guide-icon{flex-basis: 38px; height: 38px;}
.hhs-home .guides b{font-size: 14px;}
.hhs-home .guides span{font-size: 12px;}
@media (max-width: 900px){.hhs-home .advantages b{font-size: 13px;}
.hhs-home .advantages span{font-size: 12px;}
.hhs-home .category-intro{font-size: 13px;}
.hhs-home .category-track{gap: 12px;}
.hhs-home .category-track > .entry{flex-basis: calc(45.4545% - 10.9091px) !important;}
.hhs-home .category-track > .entry img{height: 145px;}
.hhs-home .category-track > .entry h3{font-size: 12px; min-height: 26px;}
.hhs-home .advisor-box{padding: 18px;}
.hhs-home .advisor-box p{font-size: 14px;}
.hhs-home .advisor-box h2{font-size: 21px;}
.hhs-home .product-title{font-size: 14px; min-height: 36px;}
.hhs-home .product-fit{font-size: 12px; min-height: 34px;}
.hhs-home .product-cta.hhs-btn{font-size: 12px; min-height: 36px; padding: 8px 10px;}
.hhs-home .market-columns{gap: 10px;}
.hhs-home .market-columns h3{font-size: 16px;}
.hhs-home .rating-number{font-size: 21px;}
.hhs-home .rating-total{font-size: 13px;}
.hhs-home .market-columns p{font-size: 11px;}
.hhs-home .market-columns > div + div{padding-left: 10px;}
.hhs-home .profile-pending{font-size: 10px;}
.hhs-home .lower-row{gap: 22px;}}
.hhs-home main.container{padding-top: 0px;}
.hhs-home .hero-complete{position: relative; background: linear-gradient(90deg, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.66) 39%, rgba(255, 255, 255, 0.1) 69%), url("/media/hhs-homepage/20260928/hero-room-background.webp") center center / cover no-repeat; margin-bottom: 22px;}
.hhs-home .reference-hero{background: transparent; grid-template-columns: 1.08fr 1fr; min-height: 360px; padding: 26px 30px 0px; gap: 26px; align-items: center;}
.hhs-home .hero-copy{position: relative; z-index: 1; padding-bottom: 8px;}
.hhs-home .hero-copy h1{font-size: 36px;}
.hhs-home .hero-carousel.section{position: relative; align-self: start; padding: 0px; min-height: 330px;}
.hhs-home .hero-carousel .slider-controls{position: absolute; right: 0px; bottom: 0px; z-index: 2; margin: 0px;}
.hhs-home .hero-track{width: calc(100% - 92px); padding: 0px; scroll-padding: 0px; mix-blend-mode: multiply;}
.hhs-home .hero-track > .hero-slide{flex-basis: 100%;}
.hhs-home .hero-slide img{height: 330px; object-position: center top; mix-blend-mode: multiply;}
.hhs-home .hero-slogan{position: absolute; right: 0px; top: 35px; font-family: "Segoe Print", "Comic Sans MS", cursive; font-size: 29px; line-height: 1.3; color: rgb(16, 43, 67); transform: rotate(-9deg); z-index: 2; margin: 0px;}
.hhs-home .hero-complete .advantages{padding: 20px 30px 22px; margin: 0px; gap: 20px; position: relative; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.42)); align-items: start;}
.hhs-home .hero-complete .benefit{gap: 9px;}
.hhs-home .hero-complete .benefit b{font-size: 15px;}
.hhs-home .hero-complete .benefit span{font-size: 13px;}
@media (max-width: 900px){.hhs-home .hero-complete{margin: 0px -20px 16px; background-position: center bottom; background-size: auto 100%;}
.hhs-home .reference-hero{grid-template-columns: 1fr; min-height: 0px; padding: 22px 20px 0px; gap: 6px;}
.hhs-home .hero-copy h1{font-size: 27px;}
.hhs-home .hero-copy{padding-bottom: 0px;}
.hhs-home .hero-carousel.section{min-height: 255px;}
.hhs-home .hero-track{width: calc(100% - 65px); padding: 0px;}
.hhs-home .hero-slide img{height: 250px;}
.hhs-home .hero-slogan{font-size: 25px; top: 28px; right: 8px;}
.hhs-home .hero-carousel .slider-controls{bottom: 2px; right: 0px;}
.hhs-home .hero-complete .advantages{grid-template-columns: 1fr 1fr; padding: 18px 20px 20px; gap: 16px 12px;}
.hhs-home .hero-complete .benefit b{font-size: 13px;}
.hhs-home .hero-complete .benefit span{font-size: 12px;}}
.hhs-home .reference-hero{min-height: 395px; padding-top: 14px; grid-template-columns: 1.05fr 1fr; gap: 20px;}
.hhs-home .hero-carousel.section{min-height: 380px;}
.hhs-home .hero-track{width: 100%; mix-blend-mode: normal;}
.hhs-home .hero-slide img{height: 375px; object-fit: contain; object-position: center bottom; mix-blend-mode: normal;}
.hhs-home .hero-slogan{top: 24px; right: 8px; font-size: 28px;}
.hhs-home .hero-carousel .slider-controls{bottom: 0px; right: 0px;}
.hhs-home .hero-complete .advantages{padding-top: 14px;}
@media (max-width: 900px){.hhs-home .reference-hero{grid-template-columns: 1fr; min-height: 0px; padding-top: 22px; gap: 8px;}
.hhs-home .hero-carousel.section{min-height: 275px;}
.hhs-home .hero-track{width: 100%; mix-blend-mode: normal;}
.hhs-home .hero-slide img{height: 270px; object-position: center bottom;}
.hhs-home .hero-slogan{font-size: 23px; top: 10px; right: 4px;}
.hhs-home .hero-carousel .slider-controls{bottom: 0px;}
.hhs-home .hero-complete .advantages{padding-top: 18px;}}
.hhs-home .hero-complete{background: none; isolation: isolate; position: relative;}
.hhs-home .hero-complete::before{content: ""; position: absolute; z-index: -1; top: 0px; bottom: 0px; left: calc(620px - 50vw); width: 100vw; background: linear-gradient(90deg, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.66) 39%, rgba(255, 255, 255, 0.1) 69%), url("/media/hhs-homepage/20260928/hero-room-background.webp") center center / cover no-repeat;}
.hhs-home .reference-hero{min-height: 340px; padding: 0px; gap: 24px; align-items: end; grid-template-columns: 1.03fr 1fr;}
.hhs-home .hero-copy{padding: 26px 0px 22px; align-self: center;}
.hhs-home .hero-copy h1{font-size: 35px; margin-bottom: 12px;}
.hhs-home .hero-copy p{margin-bottom: 16px;}
.hhs-home .hero-copy .hero-subline{margin-bottom: 10px;}
.hhs-home .hero-carousel.section{height: 340px; min-height: 340px; align-self: end; display: block; overflow: visible;}
.hhs-home .hero-track{height: 340px; width: 100%; overflow-y: hidden;}
.hhs-home .hero-slide{height: 340px; position: relative;}
.hhs-home .hero-slide img{height: 354px; width: 100%; max-width: none; object-fit: contain; object-position: center bottom; position: absolute; bottom: -8px; left: 0px;}
.hhs-home .hero-carousel .slider-controls{top: 12px; right: 0px; bottom: auto;}
.hhs-home .hero-slogan{top: 83px; right: 24px; transform: rotate(12deg); font-size: 27px; line-height: 1.25;}
.hhs-home .hero-complete .advantages{padding: 18px 0px 20px; background: rgba(255, 255, 255, 0.65);}
@media (min-width: 901px) and (max-width: 1279px){.hhs-home .hero-complete::before{left: -20px;}
.hhs-home .hero-copy h1{font-size: 31px;}
.hhs-home .hero-slogan{font-size: 23px; right: 8px;}}
@media (max-width: 900px){.hhs-home .hero-complete{margin: 0px -20px 16px;}
.hhs-home .hero-complete::before{left: 0px; width: 100%; background-position: center bottom;}
.hhs-home .reference-hero{grid-template-columns: 1fr; min-height: 0px; padding: 20px 20px 0px; gap: 0px;}
.hhs-home .hero-copy{padding: 0px 0px 8px;}
.hhs-home .hero-copy h1{font-size: 27px;}
.hhs-home .hero-copy p{margin-bottom: 14px;}
.hhs-home .hero-carousel.section{height: 267px; min-height: 267px;}
.hhs-home .hero-track,.hhs-home .hero-slide{height: 267px;}
.hhs-home .hero-slide img{height: 270px; bottom: -5px;}
.hhs-home .hero-carousel .slider-controls{top: 0px; right: 0px;}
.hhs-home .hero-carousel .arrow{width: 34px; height: 34px; min-width: 34px; min-height: 34px; font-size: 23px;}
.hhs-home .hero-slogan{top: 65px; right: 8px; font-size: 21px; transform: rotate(12deg);}
.hhs-home .hero-complete .advantages{padding: 17px 20px 18px; gap: 14px 12px;}}
.hhs-home .hero-complete{width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: linear-gradient(90deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.14)), url("/media/hhs-homepage/20260928/hero-room-background.webp") center center / cover no-repeat; isolation: auto;}
.hhs-home .hero-complete::before{display: none;}
.hhs-home .hero-complete > .reference-hero,.hhs-home .hero-complete > .advantages{width: min(1240px, 100% - 40px); margin-left: auto; margin-right: auto;}
.hhs-home .hero-complete > .advantages{background: transparent;}
.hhs-home .hero-copy{background: none;}
.hhs-home .hero-complete .benefit b,.hhs-home .hero-complete .benefit span{color: rgb(16, 43, 67);}
@media (max-width: 900px){.hhs-home .hero-complete{width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background-size: auto 100%; background-position: center bottom;}
.hhs-home .hero-complete > .reference-hero{width: calc(100% - 40px); padding-left: 0px; padding-right: 0px;}
.hhs-home .hero-complete > .advantages{width: calc(100% - 40px); padding-left: 0px; padding-right: 0px; background: transparent;}}
.hhs-home .hero-complete{background: linear-gradient(90deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.05) 62%), url("/media/hhs-homepage/20260928/hero-room-background.webp") center center / cover no-repeat;}
.hhs-home .hero-complete > .advantages{position: relative; background: rgb(247, 251, 254); isolation: isolate;}
.hhs-home .hero-complete > .advantages::before{content: ""; position: absolute; top: 0px; bottom: 0px; left: calc(50% - 50vw); width: 100vw; background: rgb(247, 251, 254); z-index: -1;}
.hhs-home .hero-complete .hero-carousel .arrow{box-shadow: none; width: 36px; height: 36px; min-width: 36px; min-height: 36px; font-size: 24px; background: rgb(233, 237, 240) !important; color: rgb(83, 97, 107) !important;}
.hhs-home .hero-complete .hero-carousel .slider-controls{gap: 8px; top: 12px; right: 0px;}
.hhs-home .hero-complete .hero-slide img{bottom: -23px;}
.hhs-home .hero-complete .hero-actions .hhs-btn{padding: 12px 18px; min-height: 46px;}
.hhs-home .hero-complete .hhs-btn.orange{background: rgb(255, 153, 0) !important; color: rgb(255, 255, 255) !important;}
.hhs-home .hero-complete .benefit span{font-size: 12px;}
.hhs-home .hero-complete .hero-copy{padding-top: 20px; padding-bottom: 20px;}
@media (max-width: 900px){.hhs-home .hero-complete{background-size: auto 100%; background-position: center bottom;}
.hhs-home .hero-complete .hero-slide img{bottom: -14px;}
.hhs-home .hero-complete .hero-copy{padding-top: 0px; padding-bottom: 8px;}
.hhs-home .hero-complete .hero-carousel .arrow{width: 34px; height: 34px; min-width: 34px; min-height: 34px;}
.hhs-home .hero-complete .hero-carousel .slider-controls{top: 0px;}
.hhs-home .hero-complete .benefit span{font-size: 12px;}
.hhs-home .hero-complete > .advantages{background: rgb(247, 251, 254);}}
.hhs-home .advantages{position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; background: transparent !important; padding: 0px !important; margin: 18px 0px 28px !important; width: 100% !important;}
.hhs-home .advantages::before{display: none !important;}
.hhs-home .advantages .benefit{background: rgb(244, 249, 252); border: 1px solid rgb(226, 237, 243); border-radius: 6px; padding: 15px 13px; gap: 10px; min-width: 0px;}
.hhs-home .advantages .benefit b{font-size: 14px;}
.hhs-home .advantages .benefit span{font-size: 12px;}
.hhs-home .entries .arrow,.hhs-home .recommendations .arrow{width: 36px; height: 36px; background: rgb(233, 237, 240) !important; color: rgb(83, 97, 107) !important; border: 1px solid rgb(217, 224, 229) !important;}
.hhs-home .advisor-box,.hhs-home .why{background: rgb(241, 248, 253) !important;}
.hhs-home .recommendations .product-title{line-height: 1.3; min-height: 0px !important; margin: 8px 0px 3px !important;}
.hhs-home .recommendations .product-fit{line-height: 1.4; min-height: 0px !important; margin: 0px !important;}
.hhs-home .recommendations .product-card{padding-bottom: 12px !important;}
.hhs-home .recommendations .product-cta{display: none;}
.hhs-home .lower-row{align-items: stretch !important;}
.hhs-home .reputation-head{display: flex; align-items: baseline; justify-content: space-between; gap: 10px;}
.hhs-home .reputation-head h2{font-size: 20px;}
.hhs-home .reputation-head .market-date{font-size: 10px; color: rgb(124, 133, 140); white-space: nowrap; margin: 0px;}
.hhs-home .reputation,.hhs-home .knowledge{padding: 16px !important;}







@media (max-width: 900px){.hhs-home .advantages{grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 12px 0px 22px !important;}
.hhs-home .advantages .benefit{padding: 12px 9px; gap: 7px;}
.hhs-home .advantages .benefit b{font-size: 12px;}
.hhs-home .advantages .benefit span{font-size: 11px;}
.hhs-home .reputation-head h2{font-size: 18px;}
.hhs-home .reputation-head{gap: 8px;}
.hhs-home .reputation-head .market-date{font-size: 9px;}

}
.hhs-home .advantages{align-items: stretch !important;}
.hhs-home .advantages .benefit{align-self: stretch; box-sizing: border-box; height: auto !important;}
.hhs-home .product-card > a{display: block; cursor: pointer;}
.hhs-home .recommendations .product-title{text-decoration: underline; text-underline-offset: 3px; color: rgb(0, 102, 154) !important;}
.hhs-home .recommendations .product-title::after{content: " ↗";}
.hhs-home .product-card > a:hover{background: rgb(245, 250, 255);}
.hhs-home .product-card > a:focus-visible,.hhs-home .entry:focus-visible,.hhs-home .arrow:focus-visible{outline: rgb(0, 102, 154) solid 3px; outline-offset: 3px;}

.hhs-home .reputation-head .market-date{color: rgb(88, 100, 109); font-size: 11px;}


.hhs-home .why-item h3 a{color: rgb(0, 102, 154); text-decoration: underline; text-underline-offset: 3px;}
.hhs-home .rating-stars{display: inline-block !important; font-size: 24px !important; margin: 0px !important;}
.hhs-home .rating-stars::after{content: " Käuferfeedback"; font: 12px Arial; color: rgb(67, 89, 105); vertical-align: middle;}
@media (max-width: 900px){






.hhs-home .hero-complete .hero-carousel.section,.hhs-home .hero-complete .hero-track,.hhs-home .hero-complete .hero-slide{height: 235px; min-height: 235px;}
.hhs-home .hero-complete .hero-slide img{height: 270px; bottom: -14px;}
.hhs-home .reputation-head{display: block;}
.hhs-home .reputation-head h2{margin-bottom: 4px;}
.hhs-home .reputation-head .market-date{display: block; font-size: 11px; margin-bottom: 8px;}
.hhs-home .advantages .benefit b{font-size: 12px;}
.hhs-home .advantages .benefit span{font-size: 11px;}}
.hhs-home .recommendations{padding-top: 10px !important; padding-bottom: 17px !important;}
.hhs-home .recommendations .slider-head{margin-bottom: 9px;}








@media (max-width: 900px){.hhs-home .recommendations{padding-top: 7.5px !important; padding-bottom: 13px !important;}
.hhs-home .recommendations .slider-head{margin-bottom: 6px;}}
.hhs-home .advantages{margin-bottom: 12px !important;}
.hhs-home .entries{padding-top: 0px !important; padding-bottom: 12px !important;}
.hhs-home .entries .product-track{padding-bottom: 0px !important;}
.hhs-home .entry > div{padding-bottom: 0px !important;}
.hhs-home .entry h3{margin-bottom: 0px !important;}
.hhs-home .advisor-row{margin-top: 12px !important; margin-bottom: 0px !important;}
.hhs-home .recommendations{padding-top: 12px !important; padding-bottom: 12px !important;}
.hhs-home .recommendations .product-track{padding-bottom: 0px !important;}
.hhs-home .recommendations .product-card{padding-bottom: 0px !important;}
.hhs-home .recommendations .slider-head{margin-bottom: 8px !important;}
.hhs-home .lower-row{margin-top: 12px !important; margin-bottom: 12px !important; align-items: start !important;}
.hhs-home .reputation,.hhs-home .knowledge{height: auto !important; min-height: 0px !important; align-self: start !important; padding: 12px !important;}
.hhs-home .reputation .market-columns{margin-bottom: 0px !important;}
.hhs-home .reputation .profile-pending{margin-bottom: 0px !important;}
.hhs-home .rating-stars::after{content: none !important;}
.hhs-home .rating-stars{display: block !important; line-height: 1.2 !important;}

.hhs-home .knowledge{background: rgb(241, 248, 253); border: 1px solid rgb(220, 236, 246); border-radius: 5px; padding: 16px !important;}
.hhs-home .knowledge h2{margin: 0px 0px 12px; font-size: 22px;}
.hhs-home .knowledge-list > a{display: flex; gap: 12px; align-items: flex-start; padding: 9px 0px; border-bottom: 1px solid rgb(220, 236, 246); text-decoration: none;}
.hhs-home .knowledge-list > a:last-child{border-bottom: 0px;}
.hhs-home .knowledge-icon{display: block; flex: 0 0 32px; width: 32px; height: 32px;}
.hhs-home .knowledge-list h3{font-size: 14px; line-height: 1.25; margin: 0px 0px 5px; color: rgb(0, 102, 154); text-decoration: underline; text-underline-offset: 3px;}
.hhs-home .knowledge-list p{font-size: 13px; line-height: 1.4; color: rgb(85, 85, 85); margin: 0px !important;}
.hhs-home .knowledge-list > a:focus-visible{outline: rgb(0, 102, 154) solid 3px; outline-offset: 3px;}
.hhs-home .knowledge-list > a:hover h3{color: rgb(16, 43, 67);}
@media (min-width: 901px){.hhs-home .lower-row{align-items: stretch !important;}
.hhs-home .knowledge{align-self: stretch !important; padding: 12px !important; min-height: 0px !important;}
.hhs-home .knowledge h2{margin-bottom: 8px;}
.hhs-home .knowledge-list > a{padding: 7px 0px;}
.hhs-home .knowledge-list p{line-height: 1.3;}
.hhs-home .reputation{align-self: stretch !important;}}
.hhs-home .knowledge .knowledge-intro{font-size: 14px; line-height: 1.4; color: rgb(85, 85, 85); margin: 0px 0px 6px !important;}
.hhs-home .knowledge h2{margin-bottom: 6px !important;}
@media (min-width: 901px){.hhs-home .knowledge-list > a{padding: 5px 0px;}
.hhs-home .knowledge-list h3{margin-bottom: 3px;}
.hhs-home .knowledge-list p{line-height: 1.3;}}
.hhs-home .approved-icon{stroke: none; fill: none; overflow: hidden; width: 39.6px; height: 39.6px; flex: 0 0 39.6px;}
.hhs-home .knowledge-icon{width: 39.6px; height: 39.6px; flex-basis: 39.6px;}
.hhs-home .hero-track{touch-action: pan-y; overflow: hidden !important; scroll-snap-type: none !important;}
.hhs-home .hero-track > .hero-slide{flex: 0 0 100%;}
.hhs-home .approved-icon{width: 39.6px; height: 39.6px; flex: 0 0 39.6px; object-fit: contain;}
.hhs-home .hero-slide img{aspect-ratio: 2000 / 1469;}
.hhs-home .hero-complete{background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.05) 62%), image-set(url("/media/hhs-homepage/20260928/hero-room-background-1440.webp") 1x, url("/media/hhs-homepage/20260928/hero-room-background.webp") 2x);}
@media (max-width: 900px){.hhs-home .hero-complete{width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.05)), url("/media/hhs-homepage/20260928/hero-room-background-960.webp");}
.hhs-home .hero-complete > .reference-hero{width: calc(100% - 40px);}}
.hhs-home img{max-width:100%;display:block}.hhs-home .hhs-btn.orange{background:#ff9900!important;color:#fff!important}.hhs-home-models .title{color:#00669a;text-decoration:underline;text-underline-offset:3px;font-size:15px;line-height:1.3;margin:8px 0 3px}.hhs-home-models .caption{padding-bottom:0}.hhs-home-models .panel-heading{margin-bottom:8px}.hhs-home-models{padding:12px 0;margin:0!important;border-top:1px solid #e2edf3;border-bottom:1px solid #e2edf3}.hhs-home-models .sl-ar,.hhs-home .sl-ar{background:#e9edf0!important;color:#53616b!important;border:1px solid #d9e0e5!important;box-shadow:none}.hhs-home-models .p-w{min-width:0}.hhs-home .hhs-category-slider{margin:0!important;padding:0 0 12px;border-bottom:1px solid #e2edf3}.hhs-home .hhs-category-track{display:flex;flex-wrap:nowrap;gap:14px;margin:0;overflow-x:auto;scroll-snap-type:x mandatory}.hhs-home .hhs-category-track>.p-w{flex:0 0 calc((100% - 56px)/4.5);width:calc((100% - 56px)/4.5);padding:0;min-width:0;scroll-snap-align:start}.hhs-home .hhs-category-track .entry{display:block;border:0;background:none}.hhs-home .hhs-category-track .entry .img-ct{display:block;aspect-ratio:1;position:relative;padding:0}.hhs-home .hhs-category-track .entry img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.hhs-home .hhs-category-track h3{font-size:15px;margin:8px 0 0;min-height:0}.hhs-home .ar-ct{display:flex!important}.hhs-home .manufacturing-note{font-size:11px;color:#666;margin:12px 0}.hhs-home .rating-source{display:block;font-size:11px;color:#555;line-height:1.3}.hhs-home :focus-visible,.hhs-home-models :focus-visible{outline:3px solid #00669a;outline-offset:3px}.hhs-home .hhs-category-slider .panel-title{display:flex;align-items:center;justify-content:space-between}.hhs-home .hhs-category-slider h2{margin:0}.hhs-home .category-intro{margin:5px 0 10px;font-size:14px}.hhs-home-models .small{margin:0;font-size:13px;line-height:1.4}
@media(max-width:900px){.hhs-home .hhs-category-track{gap:12px}.hhs-home .hhs-category-track>.p-w{flex-basis:calc((100% - 12px)/2.2);width:calc((100% - 12px)/2.2)}.hhs-home .hhs-category-track h3{font-size:14px}.hhs-home-models .title{font-size:14px}}
.hhs-home .hero-complete .hero-slide img[width][height]{height:354px!important;bottom:-23px!important}.hhs-home a.hhs-btn{text-decoration:none!important}.hhs-home-models .panel-heading h2{font-size:23px;line-height:1.18}.hhs-home-models .img-ct img{opacity:1}.hhs-home-models .title{color:#00669a!important}@media(max-width:900px){.hhs-home .hero-complete .hero-slide img[width][height]{height:270px!important;bottom:-14px!important}.hhs-home-models .panel-heading h2{font-size:21px}}
.hhs-home-models .p-sl{display:flex;flex-wrap:nowrap;overflow-x:auto}.hhs-home-models .p-sl>.p-w{flex:0 0 20%;max-width:20%}@media(max-width:900px){.hhs-home-models .p-sl>.p-w{flex:0 0 46%;max-width:46%}}
.hhs-home.hhs-home img.approved-icon[width][height]{width:39.6px;height:39.6px!important;object-fit:contain}
/* Owner-requested homepage spacing refinement, 2026-09-28. */
body:has(> .hhm-home-intro-opc .hero-complete) #cat-w{margin-bottom:0!important}
body:has(> .hhm-home-intro-opc .hero-complete) #content-wrapper{margin-top:24px!important}
.hhs-home .hhs-category-slider .panel-heading{margin-bottom:4px!important}
.hhs-home .hhs-category-track{padding-top:4px!important;padding-bottom:4px!important}
.hhs-home .hhs-category-slider{padding-bottom:6px!important}
.hhs-home-models .title,.hhs-home-models a.title,.hhs-home-models .title a{text-decoration:none!important}
.hhs-home .why-item h3 a,.hhs-home .why-item h3 a:hover,.hhs-home .why-item h3 a:focus{text-decoration:none!important}
.hhs-home .knowledge-list > a,.hhs-home .knowledge-list > a:hover,.hhs-home .knowledge-list > a:focus,.hhs-home .knowledge-list > a h3,.hhs-home .knowledge-list > a p{text-decoration:none!important}
.hhs-home .market-rating-note{margin:8px 0 0;font-size:10px;line-height:1.3;color:#666}
.hhs-home-posttabs .manufacturing-note{padding:0;margin:12px 0;font-size:11px;line-height:1.5;color:#666}

/* Homepage: consistent content links, card feedback and compact OPC paragraphs. */
body:has(> .hhm-home-intro-opc .hero-complete) #content :is(.hhs-category-track .entry, .hhs-category-track .entry h3, #hhs-home-models a.title, .hhs-home .knowledge-list > a, .hhs-home .knowledge-list h3, .hhs-home .why-item h3 a, .hhs-home .profile-pending, .opc-Tabs .tab-pane a),body:has(> .hhm-home-intro-opc .hero-complete) #content :is(.hhs-category-track .entry, .hhs-category-track .entry h3, #hhs-home-models a.title, .hhs-home .knowledge-list > a, .hhs-home .knowledge-list h3, .hhs-home .why-item h3 a, .hhs-home .profile-pending, .opc-Tabs .tab-pane a):visited{color:#00669a!important;transition:color .2s ease}
body:has(> .hhm-home-intro-opc .hero-complete) #content :is(.hhs-category-track .entry:is(:hover,:focus-visible) h3, #hhs-home-models a.title:is(:hover,:focus-visible), .hhs-home .knowledge-list > a:is(:hover,:focus-visible) h3, .hhs-home .why-item h3 a:is(:hover,:focus-visible), .hhs-home .profile-pending:is(:hover,:focus-visible), .opc-Tabs .tab-pane a:is(:hover,:focus-visible)){color:#102b43!important}
body:has(> .hhm-home-intro-opc .hero-complete) #content :is(.hhs-category-track .entry, #hhs-home-models .p-c) .img-ct{transition:box-shadow .3s ease,transform .3s ease;transform:none;box-shadow:none}
body:has(> .hhm-home-intro-opc .hero-complete) #content :is(.hhs-category-track .entry, #hhs-home-models .p-c):is(:hover,:focus-within) .img-ct{transform:translateY(-4px);box-shadow:0 16px 16px rgba(0,0,0,.1)}
body:has(> .hhm-home-intro-opc .hero-complete) #content .opc-Tabs .tab-content{padding-top:8px!important}
body:has(> .hhm-home-intro-opc .hero-complete) #content .opc-Tabs .tab-pane p{margin-top:0!important;margin-bottom:0!important}
@media(prefers-reduced-motion:reduce){body:has(> .hhm-home-intro-opc .hero-complete) #content :is(.hhs-category-track .entry, .hhs-category-track .entry h3, #hhs-home-models a.title, .hhs-home .knowledge-list > a, .hhs-home .knowledge-list h3, .hhs-home .why-item h3 a, .hhs-home .profile-pending, .opc-Tabs .tab-pane a),body:has(> .hhm-home-intro-opc .hero-complete) #content :is(.hhs-category-track .entry, #hhs-home-models .p-c) .img-ct{transition:none}}

/* Align homepage hero content to the existing HHS content grid. */
.hhm-home-intro-opc > .hhs-home > .container{width:100%;max-width:none;margin:0;padding:0}
.hhm-home-intro-opc .hero-complete{width:100%;margin-left:0;margin-right:0}
.hhm-home-intro-opc .hero-complete > .reference-hero,.hhm-home-intro-opc .advantages{width:calc(100% - 200px)!important;max-width:var(--wdt-pag);margin-left:auto!important;margin-right:auto!important}
@media screen and (max-width:1400px){.hhm-home-intro-opc .hero-complete > .reference-hero,.hhm-home-intro-opc .advantages{width:calc(100% - 100px)!important;max-width:1400px}}
@media screen and (max-width:767px){.hhm-home-intro-opc .hero-complete > .reference-hero,.hhm-home-intro-opc .advantages{width:calc(100% - 40px)!important;max-width:1400px}}
/* Match the category introduction-to-image gap: 8px. */
#hhs-home-models .panel-title{margin-bottom:0!important}
#hhs-home-models .panel-heading{margin-bottom:8px!important}
#hhs-home-models .p-sl{padding-top:0!important}

/* Final homepage visual refinements, scoped to the approved homepage. */
.hhm-home-intro-opc .advantages img[src$="/seit-2007-opt-80.webp"]{opacity:.86}
#hhs-home-models{border-top:0!important;padding-bottom:12px!important}
#hhs-home-models .p-sl{padding-bottom:0!important}
body:has(> .hhm-home-intro-opc .hero-complete) #content > .hhs-home:has(> .lower-row) .lower-row{margin-bottom:0!important}
body:has(> .hhm-home-intro-opc .hero-complete) #content > .opc-Tabs{margin-top:24px!important}
@media screen and (min-width:768px){
body:has(> .hhm-home-intro-opc .hero-complete) #cat-w .mgm .mgm-c{width:calc(100% - 200px);max-width:var(--wdt-pag);padding-left:24px;padding-right:24px}
}
@media screen and (min-width:768px) and (max-width:1400px){
body:has(> .hhm-home-intro-opc .hero-complete) #cat-w .mgm .mgm-c{width:calc(100% - 100px);max-width:1400px}
}

/* Center homepage category labels below their images. */
.hhs-category-slider .entry h3{text-align:center!important}

/* Remove horizontal separators between homepage sections. */
.hhs-home .section,.hhs-home .hhs-category-slider,#hhs-home-models{border-top:0!important;border-bottom:0!important}
body:has(> .hhm-home-intro-opc .hero-complete) #content > .opc-Tabs .nav-tabs{border-bottom:0!important}

/* Use the existing shop button hover shadow and theme colors. */
.hhs-home .hhs-btn{transition:all .3s}
.hhs-home .hhs-btn:hover,.hhs-home .hhs-btn:focus-visible{box-shadow:0 0 5px 0 rgba(0,0,0,.3);text-decoration:none;background:var(--btn-pr-b-h);color:var(--btn-pr-t-h)}
.hhs-home .hhs-btn.orange:hover,.hhs-home .hhs-btn.orange:focus-visible{background:var(--btn-wa-b-h)!important;color:var(--btn-wa-t-h)!important}
.hhs-home .hhs-btn.secondary:hover,.hhs-home .hhs-btn.secondary:focus-visible{background:var(--btn-df-b-h);border-color:var(--btn-df-r-h);color:var(--btn-df-t-h)}

/* Soft carousel edges only where more cards remain offscreen. */
.hhs-category-slider .p-sl,#hhs-home-models .p-sl{--hhs-fade-left:#000;--hhs-fade-right:#000;--hhs-fade-width:28px;-webkit-mask-image:linear-gradient(to right,var(--hhs-fade-left),#000 var(--hhs-fade-width),#000 calc(100% - var(--hhs-fade-width)),var(--hhs-fade-right));mask-image:linear-gradient(to right,var(--hhs-fade-left),#000 var(--hhs-fade-width),#000 calc(100% - var(--hhs-fade-width)),var(--hhs-fade-right))}
.hhs-category-slider .p-sl.hhs-more-left,#hhs-home-models .p-sl.hhs-more-left{--hhs-fade-left:transparent}
.hhs-category-slider .p-sl.hhs-more-right,#hhs-home-models .p-sl.hhs-more-right{--hhs-fade-right:transparent}

/* Keep the complete head inside the existing mobile hero image area. */
@media(max-width:900px){.hhs-home .hero-complete .hero-slide img[width][height]{height:235px!important;bottom:0!important;object-fit:contain;object-position:center bottom}}

/* Match the advisor card left inset across homepage information cards. */
.hhs-home .why,.hhs-home .reputation,.hhs-home .knowledge{padding-left:24px!important}
@media(max-width:900px){.hhs-home .why,.hhs-home .reputation,.hhs-home .knowledge{padding-left:18px!important}}

/* Align benefit card left insets with homepage information cards. */
.hhs-home .advantages .benefit{padding-left:24px!important}
@media(max-width:900px){.hhs-home .advantages .benefit{padding-left:18px!important}}