/* Scoped to the two proposed templates; original hero, header, photos and footer remain untouched. */
.framework-category,.framework-detail{--framework-ink:#17201f;--framework-muted:#53615d;--framework-accent:#f5aa00}
.framework-category .kicker,.framework-detail .bucket-section .kicker,.framework-detail #mounting .kicker{font-size:16px;line-height:1.5;letter-spacing:.015em}
.framework-category .bucket-section-heading>p{max-width:430px}
.framework-category .bucket-filter-bar{gap:18px;align-items:end;flex-wrap:wrap;margin:28px 0 0}.framework-category .bucket-filter-buttons{flex:1}.framework-category .bucket-search{width:270px;min-width:220px}
.framework-category .bucket-filter-buttons button{border-radius:4px;min-height:44px;font-size:15px;padding:11px 13px}.framework-category .bucket-filter-buttons button[aria-pressed=true]{background:#f5aa00;border-color:#f5aa00;color:#17201f}.framework-category .bucket-result-count{font-size:16px;margin:18px 0}
.framework-category .bucket-card-copy>p,.framework-detail .bucket-related .bucket-card-copy>p{line-height:1.65}.framework-category .bucket-card-actions,.framework-detail .bucket-related .bucket-card-actions{margin-top:auto;padding-top:8px}.framework-category .product-view-button,.framework-detail .bucket-related .product-view-button{min-height:44px;max-width:100%;padding:11px 16px;font-size:15px;line-height:22px;width:max-content;text-align:left}
.framework-category .bucket-card:hover,.framework-detail .bucket-related .bucket-card:hover{border-color:#d99a18;box-shadow:0 9px 25px #17201f0e}.framework-category .bucket-card:focus-within,.framework-detail .bucket-related .bucket-card:focus-within{border-color:#bc7b00}
.framework-guide{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 32px;margin:0 0 42px;background:#fff;border:1px solid #dce2df;border-left:4px solid #f5aa00;border-radius:5px}.framework-guide h3{font-size:23px;line-height:1.3;margin:9px 0}.framework-guide p{font-size:17px;line-height:1.7;color:#53615d;margin:0;max-width:790px}.framework-guide-link,.framework-text-link{font-size:16px;line-height:1.5;font-weight:700;color:#17201f;display:inline-flex;gap:12px;align-items:center;text-decoration:none}.framework-guide-link{flex-shrink:0;padding:12px 0;border-bottom:2px solid #f5aa00}.framework-guide-link:hover,.framework-text-link:hover{color:#8b5800}.framework-text-link{margin-top:18px}
.framework-category .framework-fitment{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;background:#f2f4f3;border:1px solid #dce2df;padding:40px;border-radius:6px}.framework-category .framework-fitment h2{font-size:clamp(30px,3vw,40px);line-height:1.15;margin:16px 0}.framework-category .framework-fitment>div>p{font-size:17px;line-height:1.7;color:#53615d}.framework-category-checks{margin:0;padding:0;list-style:none;display:grid;gap:20px}.framework-category-checks li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding-bottom:18px;border-bottom:1px solid #dbe1de}.framework-category-checks li:last-child{padding-bottom:0;border:0}.framework-category-checks li>span{font-size:24px;font-weight:800;color:#9c6700;line-height:1.35;font-variant-numeric:tabular-nums}.framework-category-checks h3{font-size:19px;line-height:1.4;margin:0 0 7px}.framework-category-checks p{font-size:16px;line-height:1.6;color:#53615d;margin:0}
body[data-inner-refined] .framework-category .framework-contact{border-radius:6px;background:#20292d;color:white;padding:38px 40px;gap:36px;margin:32px 0 60px}.framework-category .framework-contact .kicker{color:#ffbd36}.framework-category .framework-contact h2{color:white;font-size:30px;margin:12px 0}.framework-category .framework-contact p{color:#d2dbd7;font-size:17px;line-height:1.65;margin-bottom:0}.framework-contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px;flex-shrink:0}.framework-contact-actions .product-whatsapp-button{background:white;min-height:48px}.framework-email{font-size:17px;line-height:1.5;color:white;text-underline-offset:5px}.framework-email:hover{color:#ffbf3c}
.framework-detail .bucket-section h2,.framework-detail #mounting h2{font-size:clamp(30px,3vw,40px);line-height:1.17;letter-spacing:-.02em}.framework-detail .bucket-section h3{font-size:23px;line-height:1.35}.framework-lead{font-size:18px;line-height:1.75;max-width:1000px;color:#53615d;margin:0 0 26px}.framework-features article{position:relative;background:#fff;border:1px solid #dce2df;padding:26px;border-radius:5px}.framework-feature-icon{width:44px;height:44px;border-radius:5px;background:#fff1d2;color:#925f00;display:grid;place-items:center;margin-bottom:17px}.framework-feature-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.framework-features h3{margin:0 0 12px}.framework-features p{font-size:17px!important;line-height:1.65!important;margin:0;color:#53615d}
.framework-applications{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;background:#f1f3f2;border:1px solid #dde3df;border-radius:6px;overflow:hidden}.framework-applications figure{margin:0;position:relative;min-height:380px}.framework-applications img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.framework-applications figcaption{position:absolute;bottom:20px;left:22px;background:#182320de;color:#fff;font-size:15px;line-height:1.5;padding:9px 13px;border-radius:3px}.framework-applications>div{padding:30px 34px}.framework-applications h3{margin:12px 0 22px}.framework-applications ul{list-style:none;padding:0;margin:0}.framework-applications li{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #d9dfdb;font-size:17px;line-height:1.65}.framework-applications li:first-child{padding-top:0}.framework-applications li strong{color:#17201f}.framework-applications li span{color:#53615d}.framework-note{font-size:16px!important;line-height:1.65!important;color:#53615d;margin:18px 0 0}
.framework-configuration{margin-top:26px;background:#f5f6f5;border:1px solid #dce2df;border-radius:5px;padding:28px 30px}.framework-configuration h3{margin:0 0 12px}.framework-configuration>p{font-size:17px;line-height:1.7;color:#53615d}.framework-configuration dl{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin:22px 0}.framework-configuration dl>div{padding-top:16px;border-top:1px solid #dce2df}.framework-configuration dt{font-weight:750;font-size:17px;line-height:1.5;margin-bottom:8px}.framework-configuration dd{margin:0;font-size:16px;line-height:1.65;color:#53615d}.framework-detail #mounting .compatibility-intro{grid-column:1/-1;max-width:920px}.framework-detail #mounting .compatibility-intro p{font-size:18px;line-height:1.7}.framework-no-hydraulics{grid-column:1/-1;font-size:17px;line-height:1.7;margin:0;padding:16px 20px;background:#fff4dc;border-left:3px solid #e7a000;color:#35413b}.framework-detail .compatibility-step{font-variant-numeric:tabular-nums}.framework-detail .bucket-faq summary{font-size:18px;line-height:1.5}.framework-detail .bucket-faq details p{font-size:17px;line-height:1.75}.framework-detail .bucket-related .bucket-card-copy h3{font-size:23px}
.framework-category :is(a,button,input):focus-visible,.framework-detail :is(a,button,input,summary):focus-visible{outline:3px solid #ce8500;outline-offset:4px}.framework-category [id],.framework-detail [id]{scroll-margin-top:165px}
@media(min-width:901px){.framework-detail .framework-overview{padding-top:44px}.framework-detail .unified-section-nav a{font-size:16px}}
@media(max-width:900px){.framework-guide{gap:22px;flex-direction:column;align-items:flex-start}.framework-category .framework-fitment{grid-template-columns:1fr;gap:30px;padding:30px}.framework-category .framework-contact{flex-direction:column;align-items:flex-start}.framework-applications{grid-template-columns:1fr}.framework-applications figure{height:300px;min-height:0}.framework-category .bucket-search{width:100%}.framework-category .bucket-filter-buttons{flex-basis:100%}}
@media(max-width:600px){.framework-category .bucket-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.framework-category .bucket-filter-buttons button{font-size:14px;flex:0 1 auto;padding:10px 12px}.framework-category .bucket-filter-bar{margin-top:20px}.framework-guide{padding:22px 20px;margin-bottom:28px}.framework-guide h3{font-size:22px}.framework-guide p{font-size:16px}.framework-category .framework-fitment{padding:24px 20px}.framework-category .framework-fitment h2{font-size:30px}.framework-category-checks li{grid-template-columns:34px 1fr;gap:12px}.framework-category .framework-contact{padding:28px 22px;margin-bottom:36px}.framework-category .framework-contact h2{font-size:28px}.framework-contact-actions{width:100%}.framework-contact-actions .product-whatsapp-button{justify-content:center;width:100%}.framework-email{font-size:16px}.framework-detail .bucket-section h2,.framework-detail #mounting h2{font-size:30px}.framework-features article{padding:22px}.framework-lead{font-size:17px}.framework-applications>div{padding:24px 22px}.framework-applications figure{height:245px}.framework-configuration{padding:24px 20px}.framework-configuration dl{grid-template-columns:1fr;gap:18px}.framework-detail .bucket-detail-nav{position:relative;top:auto}.framework-detail .bucket-detail-nav a{font-size:15px;min-height:44px}.framework-category [id],.framework-detail [id]{scroll-margin-top:125px}}
@media(prefers-reduced-motion:reduce){.framework-category *,.framework-detail *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
