.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(30px, 3.8vw, 50px);}
.peral-category-lead{max-width:720px;margin:16px 0 0;color:#536076;font-size:clamp(16px, 1.7vw, 19px);line-height:1.5;}
.peral-category-hero__options{width:fit-content;max-width:100%;margin-top:22px;}
.peral-category-hero__options--with-brands{margin-top:30px;}
.peral-category-subcats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.peral-category-subcats a{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #cbd5e3;border-left:4px solid #ffe900;border-radius:0;background:#fff;color:#172033 !important;font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;}
.peral-category-subcats a:hover, .peral-category-subcats a:focus-visible{border-color:#172033;border-left-color:#ffe900;}
.peral-category-chips{display:flex;flex-wrap:wrap;gap:9px;margin: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-hero__visual--mdf{display:flex;min-width:0;align-items:center;justify-content:center;}
.peral-category-mdf-visual{display:block;width:min(100%, 430px);height:auto;max-height:300px;filter:drop-shadow(13px 16px 10px rgba(23, 32, 51, .14));}
.peral-category-hero__visual--shelf-supports{display:flex;min-width:0;align-items:center;justify-content:center;}
.peral-category-svg-visual{display:block;width:min(100%, 430px);height:auto;max-height:300px;filter:drop-shadow(13px 16px 10px rgba(23, 32, 51, .14));}
.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-sheet{position:absolute;right:8%;width:78%;height:54px;transform:skewY(-4deg);border:2px solid #8794a7;border-radius:0;background:linear-gradient(90deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .18)), repeating-linear-gradient(7deg, #d9c5a8 0, #d9c5a8 7px, #cbb18c 8px, #e4d5be 12px);box-shadow:12px 16px 22px rgba(31, 43, 61, .12);}
.peral-category-sheet::before{position:absolute;right:-2px;bottom:-12px;left:-2px;height:10px;transform:skewX(34deg);transform-origin:top left;border:2px solid #8794a7;border-top:0;background:repeating-linear-gradient(90deg, #b78a5e 0, #b78a5e 3px, #d7b58e 4px, #d7b58e 7px);content:"";}
.peral-category-sheet::after{position:absolute;top:11px;right:7%;left:7%;height:2px;background:rgba(92, 71, 47, .28);box-shadow:0 13px 0 rgba(92, 71, 47, .18), 0 26px 0 rgba(92, 71, 47, .14);content:"";}
.peral-category-sheet--one{top:34px;}
.peral-category-sheet--two{top:105px;right:13%;background-color:#ebe7df;}
.peral-category-sheet--three{top:176px;right:18%;background-color:#d9dde2;}
.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-products-anchor{position:relative;top:-18px;}
.peral-category-guide{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-media{margin-top:clamp(38px, 6vw, 68px);}
.peral-category-media__intro{max-width:820px;}
.peral-category-media__intro h2{margin-bottom:12px;}
.peral-category-media__list{display:grid;gap:22px;margin-top:26px;}
.peral-category-media__collection{padding:clamp(16px, 2.5vw, 26px);border:1px solid #dce3ec;border-radius:0;background:#fff;}
.peral-category-media__heading{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:14px;}
.peral-category-media__heading h3{margin:0;color:#172033;font-size:21px;}
.peral-category-media__heading a{color:#27344a;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.peral-category-media__image{display:block;border:1px solid #e1e6ed;background:#f8fafc;}
.peral-category-media__image + .peral-category-media__image{margin-top:12px;}
.peral-category-media__image img{display:block;width:100%;height:auto;}
.peral-category-hero__brands{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;width:100%;margin:0 0 18px;}
.peral-category-hero__brands a{display:flex;min-height:64px;align-items:center;justify-content:center;padding:9px;border:1px solid #d7e0eb;background:#fff;color:#172033;text-decoration:none;}
.peral-category-hero__brands a:hover, .peral-category-hero__brands a:focus{border-color:#172033;}
.peral-category-hero__brands a.is-active{border-color:#172033;box-shadow:inset 0 -4px 0 #ffe900;}
.peral-category-hero__brands img{display:block;width:100%;height:38px;object-fit:contain;object-position:center;}
.peral-category-hero__brands span{font-size:14px;font-weight:700;}
.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;}
.peral-category-hero__brands{grid-template-columns:repeat(2, minmax(0, 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; }
.peral-category-hero__brands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.peral-category-media__heading { align-items: flex-start; flex-direction: column; gap: 7px; }
}