/* Local phase-2 category layout. Scoped to preserve the existing header/footer. */
/* The inherited fixed offcanvas extends off-screen while closed. */
@media(max-width:991px){body.phase2-category-page{overflow-x:hidden}}
.phase2-category-main{padding:32px 0 72px;background:#fff;color:#202a36}
.phase2-category-main .p2-breadcrumb{font-size:14px;line-height:1.8;margin-bottom:28px;color:#56616d}
.phase2-category-main .p2-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.phase2-category-main .p2-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;padding:32px 0 48px;border-bottom:1px solid #e4e8ed}
.phase2-category-main .p2-kicker{font-size:13px;font-weight:700;letter-spacing:.05em;color:#ba1d21;margin:0 0 14px}
.phase2-category-main h1{font-size:clamp(34px,4vw,54px);line-height:1.18;margin:0 0 24px;font-weight:700;color:#192738}
.phase2-category-main .p2-intro{font-size:18px;line-height:1.8;max-width:660px;color:#4a5663}
.phase2-category-main .p2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.phase2-category-main .p2-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#bb2026;color:#fff;border:1px solid #bb2026;font-size:16px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;border-radius:4px}
.phase2-category-main .p2-button:hover{background:#95191e;border-color:#95191e}
.phase2-category-main .p2-button-outline{color:#9f191e;background:#fff}
.phase2-category-main .p2-button-outline:hover{color:#fff}
.phase2-category-main .p2-hero-image{text-align:center;background:#f6f7f8;border-radius:8px;padding:18px}
.phase2-category-main .p2-hero-image img{width:100%;height:330px;object-fit:contain;background:#fff}
.phase2-category-main .p2-hero-image p{margin:12px 0 0;font-size:12px;line-height:1.6;color:#5a6570}
.phase2-category-main .p2-category-nav{display:flex;gap:10px;flex-wrap:wrap;padding:24px 0}
.phase2-category-main .p2-category-nav a{padding:9px 16px;background:#f0f3f6;border:1px solid #d8dfe6;border-radius:4px;font-weight:600;color:#26394c}
.phase2-category-main .p2-category-nav a:hover{border-color:#bb2026;color:#a51c22}
.phase2-category-main .p2-group{scroll-margin-top:200px;margin:26px 0 40px}
/* The first jump also compensates the inherited header leaving normal flow. */
.phase2-category-main #products{scroll-margin-top:370px}
@media(max-width:575px){.phase2-category-main .p2-group{scroll-margin-top:240px}.phase2-category-main #products{scroll-margin-top:440px}}
.phase2-category-main h2{font-size:clamp(26px,3vw,34px);line-height:1.3;font-weight:700;color:#192738;margin:0 0 24px}
.phase2-category-main .p2-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.phase2-category-main .p2-product-card{border:1px solid #dfe4e9;border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}
.phase2-category-main .p2-product-image{display:block;background:#f8f9fa;padding:20px}
.phase2-category-main .p2-product-image img{display:block;width:100%;height:230px;object-fit:contain;background:#fff}
.phase2-category-main .p2-product-copy{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.phase2-category-main h3{font-size:21px;line-height:1.4;font-weight:700;color:#213245;margin:0 0 14px}
.phase2-category-main .p2-product-copy p,.phase2-category-main .p2-check p{font-size:15px;line-height:1.8;color:#4a5663;margin:0 0 20px}
.phase2-category-main .p2-text-link{color:#a51c22;text-decoration:underline;text-underline-offset:4px;font-size:15px;font-weight:600;margin-top:auto}
.phase2-category-main .p2-note{font-size:14px;line-height:1.8;color:#475460;border-left:3px solid #bb2026;background:#f7f8fa;padding:18px 22px;margin:0 0 54px}
.phase2-category-main .p2-selection{padding:40px 0 48px;border-top:1px solid #e4e8ed}
.phase2-category-main .p2-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.phase2-category-main .p2-check{padding:20px 18px;background:#f5f7f9;border-radius:4px}
.phase2-category-main .p2-step{display:block;color:#b71e25;font-size:24px;font-weight:700;margin-bottom:14px}
.phase2-category-main .p2-check h3{font-size:19px}
.phase2-category-main .p2-check p{margin:0}
.phase2-category-main .p2-guides{padding:40px 0 48px;border-top:1px solid #e4e8ed}
.phase2-category-main .p2-guides>p{line-height:1.8;color:#53606c;font-size:15px;max-width:900px}
.phase2-category-main .p2-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.phase2-category-main .p2-guide{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #d8dfe6;border-radius:4px;color:#25374a;font-weight:600;font-size:17px;line-height:1.5}
.phase2-category-main .p2-guide small{color:#a51c22;font-size:14px}
.phase2-category-main .p2-guide:hover{border-color:#bb2026;background:#fafbfc}
.phase2-category-main .p2-enquiry{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f3f5f7;padding:34px;border-radius:6px;border-left:4px solid #bb2026}
.phase2-category-main .p2-enquiry>div{max-width:790px}
.phase2-category-main .p2-enquiry h2{font-size:27px;margin-bottom:15px}
.phase2-category-main .p2-enquiry p{font-size:16px;line-height:1.8;color:#4a5663;margin:0}
.phase2-category-main .p2-enquiry .p2-button{flex-shrink:0}
.phase2-category-main a:focus-visible{outline:3px solid #1b5f9e;outline-offset:4px}
@media(max-width:991px){.phase2-category-main .p2-hero{gap:28px}.phase2-category-main .p2-hero-image img{height:260px}.phase2-category-main .p2-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase2-category-main .p2-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase2-category-main .p2-enquiry{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.phase2-category-main{padding:20px 0 40px}.phase2-category-main .p2-hero{grid-template-columns:1fr;padding:20px 0 30px;gap:25px}.phase2-category-main h1{font-size:34px}.phase2-category-main .p2-intro{font-size:16px}.phase2-category-main .p2-hero-image img{height:240px}.phase2-category-main .p2-product-grid,.phase2-category-main .p2-guide-grid,.phase2-category-main .p2-check-grid{grid-template-columns:1fr}.phase2-category-main .p2-product-image img{height:235px}.phase2-category-main .p2-product-copy{padding:20px}.phase2-category-main .p2-enquiry{padding:25px}.phase2-category-main .p2-actions a{width:100%}.phase2-category-main .p2-enquiry h2{font-size:25px}}