.peral-category-hero, .peral-category-guide{box-sizing:border-box;color:#172033;}
.peral-category-hero *,
.peral-category-guide *{box-sizing:border-box;}
.peral-category-hero{position:relative;display:grid;grid-template-columns:minmax(0, 1.35fr) minmax(260px, .65fr);gap:clamp(24px, 5vw, 72px);align-items:center;width:min(1400px, 90%);margin:34px auto;padding:clamp(28px, 5vw, 64px);overflow:hidden;border:1px solid #dedede;border-radius:0;background:#f7f7f7;}
.peral-category-hero::before{position:absolute;inset:0 auto auto 0;width:7px;height:100%;background:#ffe900;content:"";}
.peral-category-eyebrow{margin:0 0 10px;color:#8a5a00;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.peral-category-hero h1, .peral-category-guide h2, .peral-category-card h3{color:#172033;line-height:1.15;}
.peral-category-hero h1{margin:0;max-width:760px;font-size:clamp(32px, 4.6vw, 58px);}
.peral-category-lead{max-width:720px;margin:18px 0 0;color:#536076;font-size:clamp(17px, 2vw, 21px);line-height:1.55;}
.peral-category-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0 !important;padding:0 !important;list-style:none !important;}
.peral-category-chips li{margin:0;padding:8px 12px;border:1px solid #d9e1ec;border-radius:0;background:#fff;color:#344056;font-size:14px;}
.peral-category-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.peral-category-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:0;font-weight:700;line-height:1.2;transition:background-color .2s ease, border-color .2s ease;}
.peral-category-button:hover{filter:brightness(.97);}
.peral-category-button--primary{background:#ffe900;color:#172033 !important;box-shadow:none;}
.peral-category-button--secondary{border-color:#cbd5e3;background:#fff;color:#27344a !important;}
.peral-category-hero__visual{position:relative;min-height:250px;}
.peral-category-rail{position:absolute;right:10%;left:10%;height:24px;border:2px solid #8794a7;border-radius:6px;background:linear-gradient(180deg, #f9fbfd 0%, #cfd7e2 48%, #aab5c4 52%, #eef2f6 100%);box-shadow:0 11px 18px rgba(31, 43, 61, .13);}
.peral-category-rail::after{position:absolute;top:5px;right:8%;left:8%;height:4px;border-radius:4px;background:#7d899a;content:"";}
.peral-category-rail--one{top:58px;}
.peral-category-rail--two{top:112px;right:2%;left:18%;}
.peral-category-drawer{position:absolute;right:18%;bottom:22px;left:2%;height:68px;border:2px solid #c8d0dc;border-radius:8px;background:#fff;box-shadow:0 18px 35px rgba(31, 43, 61, .16);}
.peral-category-drawer::after{position:absolute;top:18px;left:50%;width:58px;height:7px;transform:translateX(-50%);border-radius:99px;background:#374357;content:"";}
.peral-category-handle{position:absolute;display:block;border:2px solid #68758a;border-radius:0;background:linear-gradient(180deg, #f8fafc 0%, #c9d1dd 52%, #eef2f6 100%);box-shadow:10px 12px 0 rgba(23, 32, 51, .08);}
.peral-category-handle::before, .peral-category-handle::after{position:absolute;top:50%;width:10px;height:22px;transform:translateY(-50%);border:2px solid #68758a;border-radius:0;background:#fff;content:"";}
.peral-category-handle::before{left:-12px;}
.peral-category-handle::after{right:-12px;}
.peral-category-handle--one{top:42px;right:10%;width:72%;height:24px;}
.peral-category-handle--two{top:108px;right:2%;width:50%;height:28px;background:#172033;border-color:#172033;}
.peral-category-handle--two::before, .peral-category-handle--two::after{border-color:#172033;}
.peral-category-handle--three{right:18%;bottom:24px;width:54px;height:54px;border-color:#172033;background:#ffe900;box-shadow:10px 12px 0 rgba(23, 32, 51, .12);}
.peral-category-handle--three::before, .peral-category-handle--three::after{display:none;}
.peral-category-hinge-panel{position:absolute;top:42px;width:92px;height:150px;border:2px solid #9aa7b8;background:#fff;box-shadow:10px 12px 0 rgba(23, 32, 51, .08);}
.peral-category-hinge-panel--one{left:12%;}
.peral-category-hinge-panel--two{right:12%;}
.peral-category-hinge-arm{position:absolute;top:108px;width:37%;height:22px;border:2px solid #68758a;background:linear-gradient(180deg, #f8fafc 0%, #c9d1dd 52%, #eef2f6 100%);}
.peral-category-hinge-arm--one{left:28%;transform:rotate(16deg);}
.peral-category-hinge-arm--two{right:28%;transform:rotate(-16deg);}
.peral-category-hinge-cup{position:absolute;top:88px;left:50%;width:58px;height:58px;transform:translateX(-50%);border:8px solid #172033;border-radius:50%;background:#ffe900;box-shadow:10px 12px 0 rgba(23, 32, 51, .12);}
.peral-category-shelf{position:absolute;right:8%;left:8%;height:18px;border:2px solid #68758a;background:linear-gradient(180deg, #f8fafc 0%, #c9d1dd 52%, #eef2f6 100%);box-shadow:9px 10px 0 rgba(23, 32, 51, .08);}
.peral-category-shelf--one{top:64px;}
.peral-category-shelf--two{top:158px;right:20%;}
.peral-category-shelf-bracket{position:absolute;width:42px;height:46px;border-right:5px solid #172033;border-bottom:5px solid #172033;}
.peral-category-shelf-bracket--one{top:83px;left:24%;}
.peral-category-shelf-bracket--two{top:177px;right:32%;}
.peral-category-products-anchor{position:relative;top:-18px;}
.peral-category-guide{clear:both;width:min(1080px, 90%);margin:clamp(40px, 7vw, 90px) auto;scroll-margin-top:24px;}
.peral-category-guide__intro{max-width:760px;}
.peral-category-guide h2{margin:0 0 14px;font-size:clamp(27px, 3vw, 38px);}
.peral-category-guide p{color:#586579;font-size:16px;line-height:1.7;}
.peral-category-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin:30px 0 20px;}
.peral-category-card{padding:24px;border:1px solid #e0e6ee;border-radius:0;background:#fff;box-shadow:none;}
.peral-category-card > span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:18px;border-radius:0;background:#fff3d7;color:#8a5a00;font-weight:800;}
.peral-category-card h3{margin:0 0 10px;font-size:20px;}
.peral-category-card p{margin:0;}
.peral-category-brands{margin:0;padding:20px 22px;border-left:4px solid #ffe900;background:#f8fafc;}
.peral-category-faq{margin-top:clamp(36px, 6vw, 70px);}
.peral-category-faq details{border-top:1px solid #dde4ed;}
.peral-category-faq details:last-child{border-bottom:1px solid #dde4ed;}
.peral-category-faq summary{position:relative;padding:18px 42px 18px 0;color:#243047;font-size:17px;font-weight:700;cursor:pointer;}
.peral-category-faq summary::after{position:absolute;top:17px;right:4px;color:#a66a00;font-size:24px;line-height:1;content:"+";}
.peral-category-faq details[open] summary::after{content:"−";}
.peral-category-faq details p{margin:0;padding:0 42px 18px 0;}
.peral-category-help{display:flex;gap:28px;align-items:center;justify-content:space-between;margin-top:clamp(36px, 6vw, 70px);padding:clamp(24px, 4vw, 42px);border-radius:0;background:#172033;}
.peral-category-help h2, .peral-category-help p{color:#fff;}
.peral-category-help h2{margin-bottom:8px;}
.peral-category-help p{margin:0;opacity:.82;}
.peral-category-help .peral-category-button{flex:0 0 auto;}
@media(max-width:860px){
.peral-category-hero{grid-template-columns:1fr;}
.peral-category-hero__visual{min-height:190px;}
.peral-category-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
.peral-category-hero {
width: 92%;
margin: 22px auto 26px;
padding: 26px 20px 28px;
border-radius: 0;
}
.peral-category-hero__visual { display: none; }
.peral-category-actions, .peral-category-button { width: 100%; }
.peral-category-guide { width: 88%; }
.peral-category-help { align-items: stretch; flex-direction: column; }
}