:root{--res-main-header-height: 76px; --res-jump-bar-height: 56px;}
html{scroll-behavior: smooth; scroll-padding-top: 0px;}
#product-catalogs, #color-catalogues, #certifications, #test-reports, #faq{scroll-margin-top: calc(var(--res-main-header-height) + var(--res-jump-bar-height) + 22px);}
.resources-hero{min-height: 420px; padding: 116px 0px 108px; display: flex; align-items: center;}
.resources-hero-overlay{background: linear-gradient(108deg, rgba(10, 31, 51, 0.91), rgba(17, 69, 44, 0.8) 66%, rgba(14, 50, 48, 0.7));}
.resources-hero-content{width: 100%;}
.resources-hero-title{font-size: clamp(2.25rem, 4vw, 3.45rem); line-height: 1.15; letter-spacing: 0.015em;}
.resources-hero-subtitle{max-width: 765px; line-height: 1.6;}
.resource-jump-nav{position: sticky; top: var(--res-main-header-height); z-index: 70; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 231, 224); box-shadow: rgba(15, 35, 28, 0.55) 0px 7px 20px -18px;}
.resource-jump-content{display: flex; justify-content: center; align-items: stretch; gap: clamp(10px, 2.1vw, 36px); flex-wrap: nowrap; overflow: auto hidden; padding-block: 3px; overscroll-behavior-inline: contain; scrollbar-width: thin; scroll-padding-inline: 18px;}
.resource-jump-content a{position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 54px; flex: 0 0 auto; padding: 14px 22px; white-space: nowrap; text-decoration: none; border-radius: 0px; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 800; letter-spacing: 0.01em; line-height: 1.25; color: rgb(50, 67, 89); transition: color 0.2s, background 0.2s;}
.resource-jump-content a::after{position: absolute; content: ""; height: 3px; bottom: 1px; left: 16px; right: 16px; border-radius: 3px; background: transparent;}
.resource-jump-content a:hover, .resource-jump-content a:focus-visible{color: rgb(35, 109, 54); background: rgb(238, 247, 240);}
.resource-jump-content a.is-active{color: rgb(32, 107, 50);}
.resource-jump-content a.is-active::after{background: rgb(46, 125, 50);}
.resource-jump-content a:focus-visible{outline: rgb(121, 201, 147) solid 3px; outline-offset: -3px;}
.resources-downloads.section-padding{padding-top: 74px;}
.resources-downloads > .container > .section-header{margin-bottom: 38px;}
.resources-subtitle#product-catalogs{margin-top: 8px;}
.catalog-feature-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: stretch; gap: 22px; margin: 0px 0px 24px;}
.catalog-feature-card{display: flex; flex-direction: column; min-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(220, 230, 223); border-radius: 14px; overflow: hidden; box-shadow: rgba(14, 50, 32, 0.45) 0px 14px 42px -33px; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;}
.catalog-feature-card:hover{transform: translateY(-3px); box-shadow: rgba(14, 50, 32, 0.38) 0px 22px 44px -27px; border-color: rgb(130, 177, 144);}
.catalog-cover-frame{position: relative; display: flex; align-items: center; justify-content: center; height: 275px; background: linear-gradient(135deg, rgb(237, 244, 239), rgb(249, 251, 249)); overflow: hidden; padding: 22px 30px; border-bottom: 1px solid rgb(225, 234, 227);}
.catalog-cover-frame img{max-width: 100%; width: auto; height: 100%; object-fit: contain; display: block; border-radius: 3px; box-shadow: rgba(8, 28, 20, 0.55) 0px 13px 24px -17px;}
.catalog-new-badge{position: absolute; top: 14px; right: 14px; background: rgb(30, 41, 59); color: rgb(255, 255, 255); border-radius: 5px; padding: 9px 11px; max-width: 66%; font: 800 10px / 1.1 Montserrat, Arial, sans-serif; letter-spacing: 0.045em; display: inline-flex; align-items: center; gap: 7px; box-shadow: rgba(15, 23, 42, 0.16) 0px 3px 13px;}
.catalog-new-badge::before{content: ""; display: inline-block; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: rgb(249, 115, 22);}
.catalog-card-body{padding: 23px 24px 24px; display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px;}
.catalog-card-eyebrow{display: flex; align-items: center; gap: 10px; min-height: 34px; color: rgb(38, 113, 54); font: 800 10.5px / 1.45 Montserrat, Arial, sans-serif; letter-spacing: 0.085em; text-transform: uppercase; margin-bottom: 7px;}
.catalog-type-icon{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 31px; width: 31px; height: 31px; color: rgb(40, 119, 57); background: rgb(237, 247, 238); border-radius: 8px;}
.catalog-card-body h4{font-size: clamp(17px, 1.42vw, 20px); font-weight: 800; color: rgb(23, 45, 66); line-height: 1.35; letter-spacing: 0.003em; margin: 0px 0px 8px;}
.catalog-card-desc{font-size: 14px; line-height: 1.65; color: rgb(89, 105, 121); margin: 0px; flex: 1 1 0%;}
.catalog-card-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 17px 21px; background: rgb(24, 35, 46); margin-top: auto;}
.catalog-action{min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 8px; border: 1px solid rgba(255, 255, 255, 0.27); border-radius: 6px; text-decoration: none; font: 800 11.5px / 1.25 Montserrat, Arial, sans-serif; text-align: center; transition: background 0.2s, border-color 0.2s; color: rgb(226, 240, 230) !important;}
.catalog-action svg{width: 17px; height: 17px; flex-shrink: 0;}
.catalog-action:hover{background: rgb(45, 69, 80); border-color: rgb(155, 179, 164); color: rgb(255, 255, 255) !important;}
.catalog-action.catalog-download{background: rgb(46, 125, 50); border-color: rgb(46, 125, 50); color: rgb(255, 255, 255) !important;}
.catalog-action.catalog-download:hover{background: rgb(32, 99, 39); border-color: rgb(32, 99, 39);}
.catalog-action:focus-visible{outline-offset: 3px; outline: rgb(246, 166, 106) solid 3px !important;}
.resource-viewer-fallback{font-size: 13px; line-height: 1.5; color: rgb(91, 110, 99); margin: 0px 0px 33px;}
.resources-cta{padding: 74px 0px; background: linear-gradient(115deg, rgb(13, 41, 66) 0%, rgb(20, 62, 91) 56%, rgb(21, 84, 61) 100%);}
.resources-cta-content{gap: 35px;}
.resources-cta h3{font-size: clamp(24px, 2.4vw, 30px); line-height: 1.25; margin-bottom: 12px;}
.resources-cta p{font-size: 16.5px; max-width: 620px;}
.resources-cta .btn{min-height: 51px; display: inline-flex; align-items: center; justify-content: center; padding: 14px 24px;}
.resources-downloads .download-card, .resources-downloads .download-body{min-width: 0px;}
.resources-downloads .download-actions a{min-height: 44px;}
.resource-file-error{background: rgb(255, 244, 239); border: 1px solid rgb(244, 195, 167); border-radius: 7px; color: rgb(117, 59, 35); padding: 12px 14px; margin: 10px 14px 15px; font-size: 13px; line-height: 1.5;}
.resource-file-error-link{font-weight: 800; white-space: nowrap; margin-inline-start: 6px; color: rgb(120, 60, 34); text-decoration: underline;}
a.res-pdf-unavailable{opacity: 0.48; cursor: not-allowed; pointer-events: none;}
[hidden]{display: none !important;}
html[dir="rtl"] .catalog-new-badge{right: auto; left: 14px;}
html[dir="rtl"] .catalog-card-body{text-align: right;}
@media (max-width: 1100px) {.catalog-feature-grid{gap: 15px;}
.catalog-card-body{padding: 18px 17px;}
.catalog-card-actions{padding: 16px 13px;}
.catalog-cover-frame{height: 248px; padding: 24px;}
.catalog-card-eyebrow{font-size: 9.5px;}}
@media (max-width: 820px) {.resource-jump-content{justify-content: flex-start;}
.catalog-feature-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}
.catalog-cover-frame{height: 264px;}
.resources-hero{min-height: 360px; padding: 86px 0px;}}
@media (max-width: 600px) {.resources-hero{min-height: 290px; padding: 66px 0px 64px;}
.resources-hero-title{font-size: clamp(26px, 8vw, 36px);}
.resources-hero-subtitle{font-size: 15px;}
.resource-jump-content{gap: 4px; padding-block: 1px;}
.resource-jump-content a{padding: 12px 16px; min-height: 48px; font-size: 13px;}
.resources-downloads.section-padding{padding-top: 59px;}
.catalog-feature-grid{grid-template-columns: 1fr; gap: 18px;}
.catalog-cover-frame{height: 265px;}
.catalog-card-body{padding: 19px 20px;}
.catalog-card-actions{padding: 15px 18px;}
.catalog-card-body h4{font-size: 20px;}
.resources-cta{padding: 62px 0px;}
.resources-cta h3{font-size: 25px;}
.resources-cta p{font-size: 15.5px;}
.resources-cta-actions{display: grid; width: 100%; grid-template-columns: 1fr; gap: 10px;}
.resources-cta-actions .btn{width: 100%;}}
@media (max-width: 360px) {.catalog-card-actions{grid-template-columns: 1fr;}}
@media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto !important;}
.catalog-feature-card, .catalog-action, .resource-jump-content a{transition: none !important;}}
html[data-resources-page]{scroll-padding-top:0!important}#faq{scroll-margin-top:calc(var(--res-main-header-height) + var(--res-jump-bar-height) - 54px)}#faq-title{scroll-margin-top:calc(var(--res-main-header-height) + var(--res-jump-bar-height) + 20px)}
