
.dc27-product .dc27-banner,.dc27-collection .dc27-banner{background:#eef3f0 url(/product-assets/dc22-complete-cabinet-q95.webp) right 9% center/auto 94% no-repeat;padding:48px 0;min-height:320px;color:#17271e}
.dc27-product .dc27-banner-copy,.dc27-collection .dc27-banner-copy{max-width:660px;padding-right:24px}
.dc27-product .dc27-banner h1,.dc27-collection .dc27-banner h1{font-size:clamp(32px,4vw,48px);line-height:1.15;margin:12px 0 20px}
.dc27-product .dc27-banner p,.dc27-collection .dc27-banner p{font-size:18px;line-height:1.65}
.dc27-product .dc27-hero,.dc27-collection .dc27-format{padding:36px 0}
.dc27-product .dc27-hero-grid,.dc27-collection .dc27-format-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px;align-items:center}
.dc27-product .dc27-figure,.dc27-collection .dc27-figure{margin:0;min-width:0}
.dc27-product .dc27-figure img,.dc27-collection .dc27-figure img{display:block;width:100%;height:auto;object-fit:contain;margin:auto}
.dc27-product .dc27-hero .dc27-figure img{width:min(100%,420px)}
.dc27-product .dc27-figure figcaption,.dc27-collection .dc27-figure figcaption{font:400 15px/1.65 Roboto,Arial,sans-serif;color:#455b4c;margin-top:12px}
.dc27-product .dc27-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin:24px 0}
.dc27-product .dc27-filter label{display:grid;gap:8px;min-width:0}
.dc27-product .dc27-filter select{width:100%;min-width:0;font:400 17px/1.5 Roboto,Arial,sans-serif;padding:10px}
.dc27-product .dc27-table{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse;font:400 16px/1.6 Roboto,Arial,sans-serif}
.dc27-product .dc27-table th,.dc27-product .dc27-table td{padding:13px 8px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #c7d4ca}
.dc27-product .dc27-table th:first-child{width:90px}
.dc27-product .dc27-table th:last-child{width:225px}
.dc27-product .dc27-table .ac-record{display:table-row;padding:0;border:0;border-radius:0;background:transparent}
.dc27-product .dc27-table tr[hidden]{display:none!important}
.dc27-product .dc27-table tr[data-selected=true]{background:#e9f2e9}
.dc27-product .dc27-cell-label{display:none}
.dc27-product .dc27-version-note{font-size:15px;line-height:1.6;border-left:3px solid #b47e1d;padding-left:12px;margin:0 0 14px}
.dc27-product .ac-select{min-height:44px;padding:10px 14px;white-space:normal}
.dc27-product .dc27-spec-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.dc27-product .dc27-spec-table{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse;font:400 16px/1.65 Roboto,Arial,sans-serif}
.dc27-product .dc27-spec-table th,.dc27-product .dc27-spec-table td{padding:12px 8px;vertical-align:top;text-align:left;border-bottom:1px solid #c7d4ca;overflow-wrap:anywhere}
.dc27-product .dc27-spec-table th{width:41%;font-weight:500}
.dc27-product .dc27-order,.dc27-collection .dc27-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.dc27-product .dc27-differences{padding:24px;border-left:3px solid #358845;background:#eff5ef;margin-top:28px}
.dc27-collection .dc27-format:nth-of-type(2n){background:#f3f5f3}
.dc27-collection .dc27-format .dc27-figure[data-format=cabinet] img{width:min(100%,350px)}
.dc27-collection .dc27-form-facts{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:20px 0;font-size:18px}
.dc27-collection .dc27-choice-grid article{padding:20px 0;border-top:2px solid #358845}
@media(max-width:1023px){
.dc27-product .dc27-banner,.dc27-collection .dc27-banner{padding:28px 0 280px;background-position:center bottom 10px;background-size:auto 260px}
.dc27-product .dc27-banner-copy,.dc27-collection .dc27-banner-copy{max-width:none;padding:0}
.dc27-product .dc27-hero-grid,.dc27-product .dc27-spec-grid,.dc27-product .dc27-order,.dc27-collection .dc27-format-grid,.dc27-collection .dc27-choice-grid{grid-template-columns:1fr;gap:26px}
.dc27-product .dc27-table thead{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
.dc27-product .dc27-table,.dc27-product .dc27-table tbody{display:block}
.dc27-product .dc27-table .ac-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;padding:24px 0;border-top:1px solid #bdcfc1}
.dc27-product .dc27-table th,.dc27-product .dc27-table td{display:block;padding:0;border:0;width:auto!important;min-width:0}
.dc27-product .dc27-table th:first-child,.dc27-product .dc27-table td:last-child{grid-column:1/-1}
.dc27-product .dc27-cell-label{display:block;font-size:14px;color:#506758;margin-bottom:4px}
.dc27-product .dc27-table th:first-child{font-size:20px}
.dc27-product .dc27-spec-table th,.dc27-product .dc27-spec-table td{display:block;width:100%;padding:5px 0;border:0}
.dc27-product .dc27-spec-table tr{display:block;padding:12px 0;border-bottom:1px solid #c7d4ca}
}
@media(max-width:479px){.dc27-product .dc27-filter{grid-template-columns:1fr 1fr;gap:16px}.dc27-product .dc27-filter button{grid-column:1/-1}}

@media(max-width:1023px){.dc27-product .dc27-table caption{display:block;width:100%;font:400 16px/1.6 Roboto,Arial,sans-serif;padding:0 0 16px}}
