/* 공통 상세 구성 및 고객 제공 최종 문구 */
.detail-backbar{display:flex;gap:12px;align-items:center;margin:0 0 24px}
.detail-backbar button,.detail-backbar a{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid #d4dce6;border-radius:4px;background:#fff;color:#17395f;font:inherit;font-size:15px;cursor:pointer;text-decoration:none}
.detail-backbar button:hover,.detail-backbar a:hover{background:#12355b;color:#fff}
.ceramic-detail [hidden],.section-nav a[hidden]{display:none!important}
.ceramic-detail .swatch-texture{background-size:550% auto!important;background-position:72% 34%!important;background-repeat:no-repeat!important;background-color:#eee}
.ceramic-detail .swatch-texture::before,.ceramic-detail .swatch-texture::after{display:none!important}
.ceramic-detail .factory-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ceramic-detail .factory-photos img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ceramic-detail .procurement-presentation{background:#f0f5fa;border-top:4px solid #153a64;padding:36px;margin-top:44px}
.ceramic-detail .procurement-heading{display:block;text-align:left}
.ceramic-detail .procurement-heading>span{display:none}
.ceramic-detail .procurement-heading h3{font-size:28px;text-align:left}
.ceramic-detail .procurement-lead{text-align:left;margin:12px 0 28px}
.ceramic-detail .procurement-screen-brand{background:white}
.ceramic-detail #all-model-specifications{padding:45px 0 0}
.ceramic-detail #catalog-drawings{padding:40px 0 0}
.ceramic-detail .catalog-drawing img{width:100%;max-height:430px;object-fit:contain}
.shipping-final{display:grid;gap:24px}
.shipping-final article{padding:30px;border:1px solid #dce3ec;background:#fafbfd}
.shipping-final h3{font-size:24px;color:#17395f;margin:0 0 20px}
.shipping-final p{font-size:17px;line-height:1.8;margin:12px 0;word-break:keep-all;overflow-wrap:anywhere}
.brass-detail #catalog-specifications{padding-top:35px}
.ceramic-detail .installation-illustration{background-image:url('../images/ceramic-detail/installation-dh65-v3.png')}
@media(max-width:700px){.detail-backbar{margin:0 0 16px}.ceramic-detail .factory-photos{grid-template-columns:1fr}.ceramic-detail .procurement-presentation{padding:22px 16px}.ceramic-detail .procurement-heading h3{font-size:23px}.shipping-final article{padding:22px 18px}.shipping-final h3{font-size:21px}.shipping-final p{font-size:16px}}

.approved-clients{margin-top:48px}.approved-clients h3{font-size:25px;margin-bottom:28px}.approved-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0}.approved-client-grid li{display:flex;justify-content:center;align-items:center;min-height:88px;padding:16px;background:white;border:1px solid #e3e7ed}.approved-client-grid img{width:auto;max-width:100%;height:auto;max-height:32px;object-fit:contain}.approved-client-grid .client-snu{filter:brightness(0) saturate(100%) invert(17%) sepia(54%) saturate(2210%) hue-rotate(197deg) brightness(85%) contrast(95%)}@media(max-width:600px){.approved-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.approved-client-grid li{min-height:75px;padding:12px}.approved-client-grid img{max-height:27px}}
.ceramic-detail,.ceramic-detail .section{min-width:0;max-width:100%}
.ceramic-detail .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.brass-detail #catalog-specifications .catalog-spec-note{display:none}
.brass-detail #catalog-specifications .catalog-spec-table th:last-child,.brass-detail #catalog-specifications .catalog-spec-table td:last-child{display:none}
.brass-detail #catalog-drawings{border-bottom:0}

.ceramic-actions button[data-detail-back]{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;min-height:50px;border:1px solid #d4dce6;border-radius:4px;background:white;color:#17395f;font:inherit;cursor:pointer}.ceramic-actions button[data-detail-back]:hover{background:#17395f;color:white}.ceramic-actions{flex-wrap:wrap}

.ceramic-detail .ceramic-actions button[data-detail-back],.ceramic-detail .ceramic-actions a:not(:last-child){min-height:54px;padding:14px 28px;border:1px solid #d4dce6;border-radius:5px;background:#fff;color:#173e75;font:inherit;font-size:16px;line-height:1.5;text-decoration:none;transition:none;transform:none;box-shadow:none}
.ceramic-detail .ceramic-actions button[data-detail-back]:hover,.ceramic-detail .ceramic-actions button[data-detail-back]:focus-visible,.ceramic-detail .ceramic-actions a:not(:last-child):hover,.ceramic-detail .ceramic-actions a:not(:last-child):focus-visible{background:#173e75;color:#fff;border-color:#173e75;transition:none;transform:none}
.ceramic-detail .ppt-cases figcaption{margin-top:10px;font-size:15px;color:#4b596b}.ceramic-detail .ppt-cases a{display:block}.case-models{text-align:center;margin:18px 0 35px;color:#173e75}

/* DH135 고객 제공 축소샷: 공통 125% 확대와 음수 여백 해제 */
.dh135-detail .ceramic-detail .ppt-photo-stage{padding-top:36px;gap:12px;overflow:visible}
.dh135-detail .ceramic-detail .ppt-photo-stage .ppt-product-media{width:100%;margin-left:0}
.dh135-detail .ceramic-detail .ppt-photo-stage .ppt-photo-one,.dh135-detail .ceramic-detail .ppt-photo-stage .ppt-photo-two{overflow:visible}
@media(max-width:768px){.dh135-detail .ceramic-detail .ppt-photo-stage{padding-top:24px;gap:8px}}

/* 적은 색상과 마지막 줄도 동일한 크기로 중앙 정렬 */
.ceramic-detail .swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.ceramic-detail .swatches>.swatch{flex:0 0 calc((100% - 80px)/6);min-width:0}
.ceramic-detail #catalog-gallery{display:flex;flex-wrap:wrap;justify-content:center}
.ceramic-detail #catalog-gallery>.product-card{flex:0 0 calc((100% - 40px)/3);min-width:0}
@media(max-width:768px){.ceramic-detail .swatches{gap:18px 12px}.ceramic-detail .swatches>.swatch{flex-basis:calc((100% - 24px)/3)}.ceramic-detail #catalog-gallery>.product-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:480px){.ceramic-detail #catalog-gallery>.product-card{flex-basis:100%}}

/* 1022: 실제 색상 타일은 사진 면을 채워 경계를 없앰 */
.ceramic-detail .swatch-texture{background-size:900% auto!important;background-position:76% 30%!important}
.anchor-detail{text-align:center}.anchor-detail h2{font-size:30px;margin:0 0 30px}.anchor-detail img{display:block;width:100%;max-width:900px;height:auto;margin:auto}