/* Cabinetry catalogue additions. Scoped to this module; shared chrome is retained. */
.ccl-section,.ccl-entry{width:min(1400px,calc(100% - 96px));margin:0 auto;padding:76px 0;color:#243b34;scroll-margin-top:110px}.ccl-section *{box-sizing:border-box}.ccl-section [hidden]{display:none!important}.ccl-eyebrow{color:#6c7e70;margin:0 0 12px}.ccl-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:32px}.ccl-section h2{margin:0 0 15px;color:#203f35}.ccl-heading>p,.ccl-directory p{color:#65736a;max-width:540px;margin:0 0 12px}.ccl-entry{padding:19px 0;display:flex;flex-wrap:wrap;gap:16px 32px;border-bottom:1px solid #dce1d8;}.ccl-entry a,.ccl-text-link{color:#2a5142;text-decoration:none;border-bottom:1px solid #abbab0;padding-bottom:4px}.ccl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.ccl-tabs button,.ccl-controls button{border:1px solid #cbd4c8;background:#fff;color:#355244;border-radius:0;padding:10px 14px;cursor:pointer}.ccl-tabs button[aria-pressed=true]{background:#294f40;color:white;border-color:#294f40}.ccl-controls{display:flex;gap:24px;align-items:end;padding:20px 0 27px}.ccl-controls label{display:grid;gap:8px;flex:1;max-width:560px;color:#486050}.ccl-controls input{width:100%;border:1px solid #cbd4c8;background:#fff;color:#243b34;padding:13px 15px;border-radius:0}.ccl-controls p{color:#6a776e;margin:0 0 8px}.ccl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.ccl-card{border:1px solid #dce1d8;background:#fff;min-width:0;scroll-margin-top:120px;align-self:start}.ccl-image{display:block;position:relative;aspect-ratio:1.35;overflow:hidden;background:#f0f0ea}.ccl-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.ccl-image:hover img{transform:scale(1.025)}.ccl-image>span{position:absolute;bottom:10px;right:10px;background:#ffffffeb;color:#284537;padding:7px 9px;}.ccl-card-body{padding:22px}.ccl-card h3{margin:0 0 10px;color:#254334;overflow-wrap:anywhere}.ccl-source{color:#738074;margin:0 0 18px}.ccl-card summary,.ccl-guide summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;color:#315342;border-top:1px solid #dfe5dd;padding-top:15px}.ccl-card summary::-webkit-details-marker,.ccl-guide summary::-webkit-details-marker{display:none}.ccl-section dl{margin:20px 0;}.ccl-section dl>div{padding:11px 0;border-bottom:1px solid #e6eae3}.ccl-section dt{color:#456050}.ccl-section dd{margin:5px 0 0;color:#6c786e}.ccl-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:#2c5140;color:#fff!important;border:1px solid #2c5140;padding:12px 17px;text-decoration:none;cursor:pointer;max-width:100%}.ccl-card .ccl-button{gap:8px;margin-top:6px}.ccl-more{display:flex;margin:32px auto 0}.ccl-note{max-width:1000px;color:#718071;margin:30px 0 0}.ccl-guide{border-top:1px solid #d7dfd3}.ccl-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}.ccl-guide-grid>details{border-bottom:1px solid #d7dfd3;padding:8px 0 20px;scroll-margin-top:120px}.ccl-guide summary{border:0;align-items:center}.ccl-guide details>p{color:#6a796c;margin:18px 0 6px}.ccl-order{margin:38px 0;background:#f0f3ec;padding:30px 36px}.ccl-order h3{margin:0 0 18px}.ccl-order ol{padding-left:19px;color:#576d5a;margin:0 0 24px}.ccl-related{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;}.ccl-directory{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;border-top:1px solid #d7dfd3}.ccl-directory>div:last-child{align-self:center}.ccl-directory nav{display:flex;flex-wrap:wrap;gap:15px 20px;margin-top:22px;}.ccl-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ccl-related-grid a{color:#31503e;text-decoration:none}.ccl-related-grid img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:#eee}.ccl-related-grid h3{margin:16px 0 8px}.ccl-related-grid p{color:#70806f}.ccl-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.ccl-dialog{padding:55px 24px 20px;border:0;max-width:95vw;max-height:94dvh;background:#f5f5ef;color:#2b4838}.ccl-dialog::backdrop{background:#14241cbd}.ccl-dialog img{display:block;max-width:min(1300px,85vw);max-height:76dvh;object-fit:contain;margin:auto}.ccl-dialog p{margin:15px 0 0}.ccl-close{position:absolute;right:20px;top:14px;background:#fff;border:1px solid #b8c5b6;color:#23472f;padding:8px 14px;cursor:pointer;}.ccl-selected{padding:20px;background:#eef3e9;border:1px solid #cbd6c3;margin:0 0 24px;color:#2d4a34;}.ccl-selected p{margin:8px 0}.ccl-selected a{color:#315d3f}.ccl-section a:focus-visible,.ccl-section button:focus-visible,.ccl-section summary:focus-visible,.ccl-entry a:focus-visible,.ccl-section input:focus-visible{outline:3px solid #8eaa78;outline-offset:4px}@media(max-width:1000px){.ccl-section,.ccl-entry{width:calc(100% - 48px)}.ccl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccl-heading,.ccl-directory{gap:28px}.ccl-controls{gap:16px;flex-wrap:wrap}}@media(max-width:600px){.ccl-section,.ccl-entry{width:calc(100% - 36px);padding-top:45px;padding-bottom:45px}.ccl-entry{padding-top:14px;padding-bottom:14px;gap:8px}.ccl-heading,.ccl-directory{grid-template-columns:1fr;gap:14px}.ccl-grid,.ccl-guide-grid,.ccl-related-grid{grid-template-columns:1fr}.ccl-heading{margin-bottom:22px}.ccl-tabs{gap:6px}.ccl-tabs button{padding:8px 10px;}.ccl-controls{gap:14px}.ccl-controls label{flex-basis:100%;max-width:none}.ccl-controls p{margin-left:auto;}.ccl-card-body{padding:20px}.ccl-guide-grid{gap:0}.ccl-order{padding:24px 20px}.ccl-related-grid{gap:25px}.ccl-dialog{padding-left:12px;padding-right:12px;max-width:96vw}.ccl-dialog img{max-width:88vw}.ccl-dialog p{max-width:85vw}}

.ccl-mobile-filter{display:none}@media(max-width:600px){.ccl-tabs{display:none}.ccl-mobile-filter{display:grid;gap:8px;margin:20px 0 0;color:#486050}.ccl-mobile-filter select{width:100%;padding:13px 12px;background:#fff;border:1px solid #cbd4c8;border-radius:0;color:#294a37}.ccl-heading>p{}.ccl-controls{padding-top:17px;padding-bottom:20px}.ccl-section h2{}.ccl-section{padding-top:36px}}