/* 1023 피드백: 개별 사진을 임의로 확대·미러링하지 않는 동현 상세 구성 */
.ceramic-detail [hidden]{display:none!important}
/* A material-only sample shared by every colored product. No aluminium edges in color chips. */
.ceramic-detail .color-sample{display:block;width:100%;height:88px;position:relative;overflow:hidden;background-color:#eceeed;background-repeat:no-repeat;background-size:350% auto;background-position:65% 35%;margin:0 0 10px}
.ceramic-detail .color-sample-button>.swatch-texture,.ceramic-detail .color-sample-button>img{display:none!important}
.ceramic-detail .color-sample-button small{display:block;color:#718092;font-size:13px;margin-top:5px}
.ceramic-detail .catalog-color-swatch.color-sample-button{max-width:none;text-align:left}
.ceramic-detail .catalog-color-swatch.color-sample-button>span:not(.color-sample){font-size:16px;text-align:left;margin:0}

.ceramic-detail .safety-sample:before,.ceramic-detail .safety-sample:after{content:'';position:absolute;inset:0;background-size:350% auto;background-position:65% 35%}
.ceramic-detail .safety-sample:before{background-image:url('../images/ceramic-detail/DH65-03.webp');clip-path:polygon(0 0,100% 0,0 100%)}
.ceramic-detail .safety-sample:after{background-image:url('../images/ceramic-detail/DH65-05.webp');clip-path:polygon(100% 0,100% 100%,0 100%)}
.ceramic-detail .type-choice .catalog-color-swatch img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.ceramic-detail .lineup-grid .card-product-photo{margin:0;padding:0;aspect-ratio:1;background:white;border:0;overflow:hidden}
.ceramic-detail .lineup-grid .card-product-photo>img:not(.clean-procurement-mark){display:block;width:100%;height:100%;margin:0;max-width:none;object-fit:cover;transform:none}
.ceramic-detail .product-card{overflow:hidden;background:white;border:0;box-shadow:0 0 0 1px #e1e5e8}
.ceramic-detail .product-card .card-caption{border-top:1px solid #e1e5e8;background:white;padding:14px;font-size:16px;line-height:1.65}
.ceramic-detail .catalog-product-card>img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1;object-fit:cover}
.ceramic-detail .product-card:hover{box-shadow:0 0 0 1px #173e75}
/* Own factory story: the four supplied source photos are shown completely. */
.ceramic-detail .quality{background:#f4f7f9;padding:55px 36px;margin-top:60px}
.ceramic-detail .factory-heading{text-align:center;margin-bottom:30px}
.detail-eyebrow{display:block;font-size:14px;color:#59748a;letter-spacing:.1em;font-weight:700;margin-bottom:15px}
.ceramic-detail .factory-heading h2{font-size:36px;font-weight:800;letter-spacing:.03em;margin-bottom:18px}
.ceramic-detail .factory-heading .factory-promise{color:#17395f;font-size:20px;font-weight:700;margin-bottom:10px}
.ceramic-detail .factory-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ceramic-detail .factory-photos figure{min-width:0;margin:0}
.ceramic-detail .factory-photos img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:white}
.ceramic-detail .factory-photos figcaption{font-size:15px;color:#526172;margin-top:10px}
.ceramic-detail .quality-safety{padding:50px 0 0;border:0;background:transparent}
.ceramic-detail .quality-safety>h3{font-size:34px;text-align:center;line-height:1.6}
.ceramic-detail .quality-safety>h3 em{color:#173e75;font-style:normal}
.ceramic-detail .quality-safety>p{text-align:center;font-size:19px;line-height:1.8}
.ceramic-detail .safety-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:32px}
.ceramic-detail .safety-use-grid article{display:flex;align-items:flex-start;gap:16px;padding:24px 0;border:0;border-top:1px solid #d8e0e6;background:transparent}
.ceramic-detail .safety-use-grid h4{font-size:21px;margin:0 0 10px}
.ceramic-detail .safety-use-grid p{font-size:16px;line-height:1.8}
.ceramic-detail .safety-use-grid svg{width:46px;min-width:46px;height:46px;margin:0}
.ceramic-detail .procurement-presentation{background:white;border:1px solid #dde5ec;border-top:0;padding:36px 22px;margin-top:44px}
.ceramic-detail .procurement-heading{text-align:center;display:block}
.ceramic-detail .procurement-heading h3{font-size:30px;text-align:center;line-height:1.6;font-weight:800}
.ceramic-detail .procurement-heading h3:after{content:'';display:block;width:52px;height:3px;background:#315d8a;margin:20px auto}
.ceramic-detail .procurement-lead{text-align:center;font-size:19px;color:#526172;margin:0 0 28px}
.ceramic-detail .nara-original{margin:0 auto;max-width:1100px}
.ceramic-detail .nara-original a{display:block;color:#173e75;text-align:center}
.ceramic-detail .nara-original img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #e1e6ec}
.ceramic-detail .nara-original span{display:inline-block;margin:14px 0;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.ceramic-detail .procurement-registration-state{display:none}
.ceramic-detail .procurement-bottom-copy{text-align:center;background:#edf3f8;color:#173e75;border-left:0;padding:22px 18px;font-size:18px;line-height:1.8;margin:18px 0 0}
/* Delivery hierarchy retains the supplied terms verbatim. */
.ceramic-detail .shipping-final{gap:24px}
.ceramic-detail .shipping-final article{border:1px solid #dce4ea;border-left:4px solid #315d8a;background:#fff;padding:30px}
.ceramic-detail .shipping-final h3{color:#17395f;font-size:26px;border-bottom:1px solid #e0e7ec;padding-bottom:18px;margin:0 0 22px}
.ceramic-detail .shipping-final p{font-size:17px;line-height:1.9;color:#41505f;margin:14px 0}
.ceramic-detail .shipping-final .shipping-key{background:#edf3f8;padding:14px 18px;color:#17395f;border-radius:0}
.ceramic-detail .shipping-final .shipping-subtitle{font-weight:800;font-size:19px;color:#a14633;padding-top:18px;margin-top:24px;border-top:1px solid #e3e9ed}
.ceramic-detail .shipping-final strong{color:#a14633;font-weight:800}
.ceramic-detail .tape-benefits>div{border-left:3px solid #315d8a;padding-left:16px;margin-top:20px}
.ceramic-detail .tape-benefits h4{color:#17395f;font-size:18px;line-height:1.6;margin:0 0 8px}
.ceramic-detail .installation .steps{align-items:start}
@media(max-width:768px){
 .ceramic-detail .color-sample{height:68px}.ceramic-detail .catalog-color-swatch.color-sample-button>span:not(.color-sample){font-size:14px}
 .ceramic-detail .quality{padding:36px 16px}.ceramic-detail .factory-heading h2{font-size:29px}.ceramic-detail .factory-heading .factory-promise{font-size:17px;line-height:1.8}.ceramic-detail .factory-photos{gap:18px 12px}.ceramic-detail .factory-photos figcaption{font-size:13px}
 .ceramic-detail .quality-safety>h3{font-size:26px}.ceramic-detail .quality-safety>p{font-size:17px}.ceramic-detail .safety-use-grid{grid-template-columns:1fr;gap:0}.ceramic-detail .safety-use-grid h4{font-size:20px}
 .ceramic-detail .procurement-presentation{padding:24px 14px}.ceramic-detail .procurement-heading h3{font-size:25px}.ceramic-detail .procurement-lead{font-size:17px}.ceramic-detail .procurement-bottom-copy{font-size:16px;padding:18px 12px}
 .ceramic-detail .shipping-final article{padding:24px 18px}.ceramic-detail .shipping-final h3{font-size:23px}.ceramic-detail .shipping-final p{font-size:16px}.ceramic-detail .shipping-final .shipping-subtitle{font-size:18px}
}


/* 기존 소개 배치를 유지하고 사진의 과도한 확대만 제거 */
.ceramic-detail #detail-main .ppt-photo-stage .ppt-product-media{width:100%;margin-left:0}
.ceramic-detail #detail-main .ppt-photo-stage .ppt-product-media>img:not(.clean-procurement-mark){filter:none}
.ceramic-detail .catalog-variant-controls.hero-color-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0 26px}
.ceramic-detail .catalog-variant-controls .catalog-color-dot{display:block;width:24px;height:24px;min-width:24px;border-radius:50%;padding:0;outline:1px solid #bfc6cc;outline-offset:3px;border:2px solid white;background-size:350% auto;background-position:65% 35%;background-repeat:no-repeat;font-size:0;line-height:0;cursor:pointer}
.ceramic-detail .catalog-variant-controls .catalog-color-dot:hover,.ceramic-detail .catalog-variant-controls .catalog-color-dot.active{outline-color:#173e75;outline-width:2px}
.ceramic-detail .catalog-selected-color{display:flex;justify-content:space-between;gap:16px;line-height:1.6;font-size:16px;border-top:1px solid #dce3e8;padding-top:18px;margin-top:20px}
.ceramic-detail .catalog-selected-color>span{color:#7b8289}
/* 배송 안내: 항목명과 설명을 나누는 구성 */
.ceramic-detail #delivery{background:#f2f3f4;padding:42px 30px}
.ceramic-detail #delivery>.section-heading{margin-bottom:32px;text-align:center}
.ceramic-detail #delivery>.section-heading h2{font-size:34px;letter-spacing:-.02em;color:#17395f}
.ceramic-detail .shipping-final{display:grid;gap:22px}
.ceramic-detail .shipping-final article{background:#fff;border:0;padding:0}
.ceramic-detail .shipping-panel-title{display:flex;align-items:center;gap:15px;padding:26px 28px!important;margin:0!important;border-bottom:1px solid #e3e7eb!important;font-size:25px!important}
.ceramic-detail .shipping-panel-number{font-size:16px;color:#557798;font-weight:700;border:1px solid #d0dce7;padding:5px 8px;line-height:1.2}
.ceramic-detail .shipping-guide-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:26px;margin:0 28px;padding:27px 0;border-bottom:1px solid #e6e9ec}
.ceramic-detail .shipping-guide-row:last-child{border-bottom:0}
.ceramic-detail .shipping-guide-label{font-size:19px;font-weight:800;color:#263c51;line-height:1.7;padding-top:4px}
.ceramic-detail .shipping-guide-body{min-width:0}
.ceramic-detail .shipping-final .shipping-guide-body p{font-size:16px;line-height:1.85;margin:0 0 14px;color:#46525e;background:transparent;padding:0;border:0}
.ceramic-detail .shipping-final .shipping-guide-body p:last-child{margin-bottom:0}
.ceramic-detail .shipping-final .shipping-guide-body .shipping-subtitle{font-size:17px;font-weight:800;color:#17395f;margin:20px 0 12px;padding:0}
.ceramic-detail .shipping-final .shipping-guide-body .shipping-subtitle:first-child{margin-top:0}
.ceramic-detail .shipping-final .shipping-guide-body .shipping-key{padding:0;background:transparent;color:#46525e}
.ceramic-detail .shipping-final .shipping-guide-body strong{color:#c4513e;font-weight:800}
.ceramic-detail .shipping-final .shipping-guide-body .shipping-critical{background:#31577c;color:#fff;padding:18px 20px;margin-top:20px;font-weight:600}
.ceramic-detail .shipping-final .shipping-guide-body .shipping-critical strong{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){.ceramic-detail #delivery{padding:30px 14px}.ceramic-detail #delivery>.section-heading h2{font-size:28px}.ceramic-detail .shipping-panel-title{padding:20px 18px!important;font-size:22px!important}.ceramic-detail .shipping-guide-row{grid-template-columns:1fr;gap:10px;margin:0 18px;padding:22px 0}.ceramic-detail .shipping-guide-label{font-size:19px;padding:0}.ceramic-detail .shipping-final .shipping-guide-body p{font-size:16px}.ceramic-detail .catalog-selected-color{font-size:15px}}
/* ㄱ자와 동일한 제품 요약 틀 */
.ceramic-detail .hero-info #catalog-title{font-size:68px;line-height:1.2;letter-spacing:-2px;margin:5px 0 20px}
.ceramic-detail .hero-info #catalog-photo-name{font-size:17px;line-height:1.8;margin:0 0 24px}
.ceramic-detail .hero-info #catalog-mini-spec{margin-top:0;margin-bottom:26px}
.ceramic-detail .hero-info .catalog-selected-color{margin-top:0;padding-top:0;border-top:0;font-size:17px}
.ceramic-detail .hero-info .hero-color-controls{gap:9px;margin:14px 0 18px}
.ceramic-detail .hero-info .catalog-quote{font-size:17px!important;font-weight:400}
.ceramic-detail .hero-info .catalog-quote span{font-size:17px!important;font-weight:400}
.ceramic-detail #catalog-registration{min-height:22px;margin:10px 0 16px;font-size:16px}
.ceramic-detail .hero-info #catalog-mini-spec strong{overflow-wrap:anywhere}
/* Only the lower shadow tail fades. Product color and geometry stay unchanged. */
.ceramic-detail #detail-main .ppt-product-media>img:not(.clean-procurement-mark){mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)}
.ceramic-detail #detail-main .ppt-photo-stage{padding-bottom:20px}
/* 배송 핵심 정보를 먼저 보여주는 요약 영역 */
.ceramic-detail .delivery-summary{margin:0 0 28px;background:white}
.ceramic-detail .delivery-intro{background:#17395f;color:white;padding:32px 34px;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;align-items:end}
.ceramic-detail .delivery-intro>span{grid-column:1/-1;font-size:12px;letter-spacing:.12em;color:#c8d9e6}
.ceramic-detail .delivery-intro h3{font-size:32px;line-height:1.5;font-weight:800;margin:0;color:white}
.ceramic-detail .delivery-intro p{font-size:17px;line-height:1.9;color:#e2ebf2;margin:0;text-align:right}
.ceramic-detail .delivery-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0}
.ceramic-detail .delivery-facts>div{padding:0 24px;border-left:1px solid #e0e6ec;display:flex;flex-direction:column;gap:7px}
.ceramic-detail .delivery-facts>div:first-child{border-left:0}
.ceramic-detail .delivery-facts .delivery-symbol{font-size:25px;color:#31577c;margin-bottom:6px}
.ceramic-detail .delivery-facts span{font-size:14px;color:#788898}
.ceramic-detail .delivery-facts strong{font-size:21px;color:#17395f;line-height:1.6}
.ceramic-detail .delivery-facts small{font-size:13px;line-height:1.8;color:#788898}
.ceramic-detail .shipping-guide-label{position:relative;padding-left:13px}
.ceramic-detail .shipping-guide-label:before{content:'';position:absolute;width:3px;height:18px;background:#557798;left:0;top:10px}
.ceramic-detail .shipping-panel-title{border-top:3px solid #31577c}
@media(max-width:768px){.ceramic-detail .hero-info #catalog-title{font-size:clamp(34px,9vw,48px);letter-spacing:-1px}.ceramic-detail .hero-info #catalog-mini-spec strong{font-size:24px}.ceramic-detail .hero-info #catalog-mini-spec span{font-size:14px}.ceramic-detail .delivery-intro{display:block;padding:26px 22px}.ceramic-detail .delivery-intro h3{font-size:27px;margin:12px 0}.ceramic-detail .delivery-intro p{text-align:left;font-size:16px}.ceramic-detail .delivery-facts{grid-template-columns:1fr;padding:0 20px}.ceramic-detail .delivery-facts>div{padding:20px 0;border-left:0;border-top:1px solid #e3e9ee;display:grid;grid-template-columns:35px 1fr;gap:4px 12px}.ceramic-detail .delivery-facts>div:first-child{border-top:0}.ceramic-detail .delivery-facts .delivery-symbol{grid-row:1/4;align-self:center;margin:0}.ceramic-detail .delivery-facts strong{font-size:22px}.ceramic-detail .delivery-facts small{font-size:14px}}
/* 배송용 그래픽과 분명한 아이콘 */
.ceramic-detail .delivery-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;background:#edf1f5;padding:30px 32px;gap:10px 26px}
.ceramic-detail .delivery-intro .delivery-truck{grid-column:1;grid-row:1/4;margin:0;min-width:0}
.ceramic-detail .delivery-truck img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.ceramic-detail .delivery-intro>span,.ceramic-detail .delivery-intro h3,.ceramic-detail .delivery-intro p{grid-column:2}
.ceramic-detail .delivery-intro>span{color:#58748d;font-weight:700}
.ceramic-detail .delivery-intro h3{color:#17395f;font-size:32px}
.ceramic-detail .delivery-intro p{text-align:left;color:#637689;font-size:16px}
.ceramic-detail .delivery-facts .delivery-symbol{display:flex;justify-content:center;align-items:center;width:52px;height:52px;background:#eaf0f6;color:#234f77;border-radius:14px;margin-bottom:10px}
.ceramic-detail .delivery-symbol svg{display:block;width:30px;height:30px}
.ceramic-detail .delivery-facts span{font-size:16px;color:#667b8c}
.ceramic-detail .delivery-facts strong{font-size:24px}
.ceramic-detail .delivery-facts small{font-size:14px;color:#667b8c}
.ceramic-detail .shipping-panel-title{gap:18px;padding:25px 28px!important;border-top:0;background:linear-gradient(90deg,#edf3f8,#fff 72%)}
.ceramic-detail .shipping-panel-number{display:flex;justify-content:center;align-items:center;background:#244e73;color:#fff;width:46px;height:46px;flex:0 0 46px;border:0;border-radius:50%;padding:0;font-size:0}
.ceramic-detail .shipping-panel-number svg{display:block;width:26px;height:26px}
.ceramic-detail .type-choice+.catalog-options-info{margin-top:0}
@media(max-width:768px){.ceramic-detail .delivery-intro{display:grid;grid-template-columns:1fr;padding:24px 22px;gap:10px}.ceramic-detail .delivery-intro .delivery-truck{grid-column:1;grid-row:auto;width:100%;max-width:320px;margin:0 auto 6px}.ceramic-detail .delivery-intro>span,.ceramic-detail .delivery-intro h3,.ceramic-detail .delivery-intro p{grid-column:1}.ceramic-detail .delivery-intro h3{font-size:28px;margin:0}.ceramic-detail .delivery-facts>div{grid-template-columns:52px 1fr;column-gap:16px}.ceramic-detail .delivery-facts .delivery-symbol{grid-row:1/4;width:48px;height:48px;margin:0}.ceramic-detail .delivery-facts strong{font-size:22px}.ceramic-detail .shipping-panel-title{padding:20px 18px!important;gap:14px}.ceramic-detail .shipping-panel-number{width:42px;height:42px;flex-basis:42px}}

.dh135-detail .ceramic-detail #detail-main .ppt-product-media>img:not(.clean-procurement-mark){mask-image:linear-gradient(to bottom,#000 0%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 95%,transparent 100%)}
/* 낮은 배송 배너와 두 줄 요약: 불필요한 제목·장식 제거 */
.ceramic-detail #delivery{padding:28px 24px}
.ceramic-detail .delivery-summary{margin-bottom:22px}
.ceramic-detail .delivery-intro{min-height:160px;padding:22px 32px;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 28px;align-content:center;background:linear-gradient(100deg,#e8edf1,#f4f5f6 60%)}
.ceramic-detail .delivery-intro .delivery-truck{grid-row:1/3;width:260px;align-self:center;opacity:.68}
.ceramic-detail .delivery-truck img{max-height:125px;object-fit:contain}
.ceramic-detail .delivery-intro>span{font-size:12px;letter-spacing:.12em;align-self:end;color:#46617e}
.ceramic-detail .delivery-intro h3{font-size:32px;line-height:1.4;white-space:nowrap;align-self:start;margin:0}
.ceramic-detail .delivery-facts{padding:22px 0}
.ceramic-detail .delivery-facts>div{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 14px;padding:0 22px;align-content:center}
.ceramic-detail .delivery-facts .delivery-symbol{grid-row:1/3;width:58px;height:58px;background:none;border-radius:0;margin:0;align-self:center;color:#224b6e}
.ceramic-detail .delivery-symbol svg{width:46px;height:46px;stroke-width:1.7}
.ceramic-detail .delivery-facts strong{font-size:20px;line-height:1.5;white-space:nowrap;align-self:end}
.ceramic-detail .delivery-facts small{font-size:13px;line-height:1.5;white-space:nowrap;align-self:start}
.ceramic-detail .shipping-panel-title{padding:18px 26px!important;gap:16px;background:white;border-bottom:1px solid #e2e6e9!important;font-size:24px!important}
.ceramic-detail .shipping-panel-number{width:48px;height:48px;flex-basis:48px;background:none;border:0;border-radius:0;color:#244e73}
.ceramic-detail .shipping-panel-number svg{width:40px;height:40px;stroke-width:1.7}
@media(max-width:768px){.ceramic-detail #delivery{padding:18px 12px}.ceramic-detail .delivery-intro{min-height:132px;padding:20px 16px;grid-template-columns:115px minmax(0,1fr);gap:4px 12px}.ceramic-detail .delivery-intro .delivery-truck{grid-row:1/3;width:115px;max-width:none;margin:0}.ceramic-detail .delivery-intro>span{grid-column:2;font-size:9px;letter-spacing:.06em}.ceramic-detail .delivery-intro h3{grid-column:2;font-size:21px;white-space:normal;line-height:1.5}.ceramic-detail .delivery-facts{padding:0 18px}.ceramic-detail .delivery-facts>div{grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 16px;padding:16px 0}.ceramic-detail .delivery-facts .delivery-symbol{grid-row:1/3;width:58px;height:58px}.ceramic-detail .delivery-facts strong{font-size:21px}.ceramic-detail .delivery-facts small{font-size:14px}.ceramic-detail .shipping-panel-title{padding:16px 18px!important;font-size:21px!important;gap:12px}.ceramic-detail .shipping-panel-number{width:44px;height:44px;flex-basis:44px}.ceramic-detail .shipping-panel-number svg{width:36px;height:36px}}
/* 원본의 위·오른쪽 잘린 면을 바깥 경계로 보내고 실제 끝단은 안에 둡니다. */
@media(min-width:769px) and (max-width:1200px){.ceramic-detail .delivery-intro{grid-template-columns:190px minmax(0,1fr);gap:6px 20px;padding:20px 24px}.ceramic-detail .delivery-intro .delivery-truck{width:190px}.ceramic-detail .delivery-intro h3{font-size:27px}.ceramic-detail .delivery-facts{grid-template-columns:1fr;padding:0 24px}.ceramic-detail .delivery-facts>div{border-left:0;border-top:1px solid #e3e8ed;padding:16px 0}.ceramic-detail .delivery-facts>div:first-child{border-top:0}}
/* 2026-10-25: supplied delivery design, scoped to the delivery section. */
.ceramic-detail #delivery{background:#f2f4f6;padding:28px;color:#42536b}
.ceramic-detail #delivery .delivery-summary{background:linear-gradient(110deg,#e3effa,#f4f8fc);padding:22px;border:0;border-radius:6px;overflow:visible}
.ceramic-detail #delivery .delivery-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto auto;min-height:180px;background:none;padding:22px 30px 26px;gap:4px 18px}
.ceramic-detail #delivery .delivery-intro>span,.ceramic-detail #delivery .delivery-intro>h3,.ceramic-detail #delivery .delivery-intro>p{grid-column:1;margin:0;align-self:center}
.ceramic-detail #delivery .delivery-intro>span{grid-row:1;align-self:end;color:#315b88;font-size:15px;letter-spacing:.14em}
.ceramic-detail #delivery .delivery-intro>h3{grid-row:2;color:#072951;font-size:clamp(26px,3.1vw,44px);font-weight:900;letter-spacing:-1.7px;white-space:normal;line-height:1.3}
.ceramic-detail #delivery .delivery-intro>p{grid-row:3;align-self:start;font-size:16px;line-height:1.6;color:#57708c}
.ceramic-detail #delivery .delivery-intro .delivery-truck{grid-column:2;grid-row:1/4;width:100%;max-width:420px;opacity:1;margin:0;align-self:center}
.ceramic-detail #delivery .delivery-truck img{max-height:190px;width:100%;height:auto;mix-blend-mode:normal}
.ceramic-detail #delivery .delivery-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-radius:5px;padding:22px 4px}
.ceramic-detail #delivery .delivery-facts>div{padding:0 18px;grid-template-columns:48px minmax(0,1fr);gap:3px 12px;border-top:0;border-left:1px solid #d9e2eb}
.ceramic-detail #delivery .delivery-facts>div:first-child{border-left:0}
.ceramic-detail #delivery .delivery-facts .delivery-symbol{width:48px;height:48px}
.ceramic-detail #delivery .delivery-facts strong{font-size:20px;color:#082951;white-space:normal}
.ceramic-detail #delivery .delivery-facts small{font-size:14px;white-space:normal}
.ceramic-detail #delivery .shipping-final{display:grid;gap:18px;background:none}
.ceramic-detail #delivery .shipping-final>article{padding:18px 28px;background:white;border:0;border-radius:6px;overflow:visible}
.ceramic-detail #delivery .shipping-panel-title{display:flex;flex-wrap:wrap;align-items:center;padding:0 0 16px!important;margin:0!important;background:none;gap:14px;font-size:27px!important;color:#092b54;border:0!important;border-bottom:1px solid #dce4ec!important}
.ceramic-detail #delivery .shipping-panel-title small{font-size:14px;font-weight:400;color:#58708b;border-left:1px solid #aabbcc;padding-left:20px;margin-left:12px;line-height:1.6;flex:1;min-width:180px}
.ceramic-detail #delivery .shipping-guide-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;margin:0;padding:12px 0;border:0;border-bottom:1px solid #e0e6ed;background:none}
.ceramic-detail #delivery .shipping-guide-row:last-child{border-bottom:0}
.ceramic-detail #delivery .shipping-guide-label{padding:12px 16px;background:#edf3fa;border-radius:4px;font-size:18px;line-height:1.5;color:#0b2e58;font-weight:800;width:auto;align-self:center;text-align:left}
.ceramic-detail #delivery .shipping-guide-body{min-width:0;padding:0}
.ceramic-detail #delivery .shipping-guide-body p{font-size:16px;line-height:1.75;margin:0;color:#45556d;font-weight:400;word-break:keep-all;overflow-wrap:anywhere}
.ceramic-detail #delivery .shipping-guide-body strong{color:#ee4b42;font-weight:700}
.ceramic-detail #delivery .shipping-limits{margin-top:12px;padding:20px;background:#5268b8;border-radius:5px;color:#fff}
.ceramic-detail #delivery .shipping-limits .shipping-guide-label{background:none;color:#fff}
.ceramic-detail #delivery .shipping-limits .shipping-guide-body p,.ceramic-detail #delivery .shipping-limits strong{color:white}
@media(max-width:1000px){.ceramic-detail #delivery .delivery-facts>div{padding:0 12px;grid-template-columns:40px minmax(0,1fr);gap:3px 8px}.ceramic-detail #delivery .delivery-facts strong{font-size:17px}.ceramic-detail #delivery .delivery-facts small{font-size:12px}.ceramic-detail #delivery .delivery-symbol svg{width:38px;height:38px}.ceramic-detail #delivery .shipping-guide-row{grid-template-columns:145px minmax(0,1fr);gap:18px}}
@media(max-width:600px){.ceramic-detail #delivery{padding:14px 10px}.ceramic-detail #delivery .delivery-summary{padding:14px}.ceramic-detail #delivery .delivery-intro{padding:12px 4px 18px;grid-template-columns:1fr;min-height:0;gap:8px}.ceramic-detail #delivery .delivery-intro>span{font-size:11px}.ceramic-detail #delivery .delivery-intro>h3{font-size:30px}.ceramic-detail #delivery .delivery-intro>p{font-size:14px}.ceramic-detail #delivery .delivery-intro .delivery-truck{grid-column:1;grid-row:4;width:85%;max-width:300px;justify-self:center;margin:4px 0}.ceramic-detail #delivery .delivery-facts{grid-template-columns:1fr;padding:4px 16px}.ceramic-detail #delivery .delivery-facts>div{padding:14px 0;border-left:0;border-top:1px solid #e1e7ee;grid-template-columns:48px minmax(0,1fr)}.ceramic-detail #delivery .delivery-facts>div:first-child{border-top:0}.ceramic-detail #delivery .delivery-facts strong{font-size:20px}.ceramic-detail #delivery .delivery-facts small{font-size:14px}.ceramic-detail #delivery .shipping-final>article{padding:18px 16px}.ceramic-detail #delivery .shipping-panel-title{font-size:22px!important;gap:10px}.ceramic-detail #delivery .shipping-panel-title small{flex-basis:100%;border-left:0;margin:0;padding:0}.ceramic-detail #delivery .shipping-guide-row{grid-template-columns:1fr;gap:8px;padding:14px 0}.ceramic-detail #delivery .shipping-guide-label{font-size:16px;padding:8px 12px}.ceramic-detail #delivery .shipping-guide-body p{font-size:14px;line-height:1.8}}
.ceramic-detail #delivery .shipping-guide-label:before{display:none}
.ceramic-detail #delivery .shipping-guide-body p{font-size:18px}
.ceramic-detail #delivery .shipping-guide-body .shipping-critical{background:#edf3fa;color:#173b65;border-left:3px solid #385e8b;padding:14px 16px}
@media(max-width:600px){.ceramic-detail #delivery .shipping-guide-body p{font-size:14px}}

/* Application icons: equal width/height and fixed flex basis prevent oval distortion. */
.ceramic-detail .safety-use-grid article{align-items:center;gap:22px}
.ceramic-detail .safety-use-grid svg{display:block;box-sizing:border-box;width:92px;min-width:92px;max-width:92px;height:92px;min-height:92px;flex:0 0 92px;padding:17px;margin:0;border-radius:18px;background:#e5edf6;fill:none;stroke:#214d78;stroke-width:1.8;overflow:visible}
.ceramic-detail .safety-use-grid article>div{min-width:0}
@media(max-width:768px){.ceramic-detail .safety-use-grid article{gap:18px}.ceramic-detail .safety-use-grid svg{width:80px;min-width:80px;max-width:80px;height:80px;min-height:80px;flex-basis:80px;padding:14px}}

/* Safety samples use the same two colors as their hero button, without photo fragments. */
.ceramic-detail .safety-sample:before,.ceramic-detail .safety-sample:after{display:none}

/* Repaired portrait canvas preserves the original product width and full upper continuation. */
.ceramic-detail #detail-main .ppt-photo-stage .intro-repaired{aspect-ratio:auto;overflow:visible}
.ceramic-detail #detail-main .ppt-photo-stage .intro-repaired>img:not(.clean-procurement-mark){aspect-ratio:auto;height:auto;object-fit:contain;mask-image:none;-webkit-mask-image:none}

@media(min-width:769px){.ceramic-detail .catalog-color-swatches.palette-nine{gap:24px 18px}.ceramic-detail .palette-nine .catalog-color-swatch{flex:0 0 calc((100% - 72px)/5);max-width:none}}
.ceramic-detail #detail-main .ppt-photo-stage .intro-repaired>img:not(.clean-procurement-mark){mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%)}

/* User-supplied artwork: each SVG viewport shows one original icon unchanged. */
.ceramic-detail .safety-use-grid svg.provided-application-icon{width:112px;min-width:112px;max-width:112px;height:108px;min-height:108px;flex:0 0 112px;padding:0;background:none;border-radius:0;stroke:none;overflow:hidden}
@media(max-width:768px){.ceramic-detail .safety-use-grid svg.provided-application-icon{width:90px;min-width:90px;max-width:90px;height:86px;min-height:86px;flex-basis:90px}}

/* Match the added upper canvas when only one of a pair needed repair. */
.ceramic-detail #detail-main .ppt-photo-stage .intro-companion{aspect-ratio:auto;padding-top:50%;box-sizing:content-box}
.ceramic-detail #detail-main .ppt-photo-stage .intro-companion>img:not(.clean-procurement-mark){mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%)}

/* White icon cards; source navy artwork keeps its original colors. */
.ceramic-detail .safety-use-grid svg.provided-application-icon{background:#fff;border-radius:18px}

/* Approved 2-type product introduction: original photos retain their geometry. */
.ceramic-detail #detail-main.ppt-detail-main{max-width:950px;background:#fff;overflow:visible;margin:0 auto 65px}
.ceramic-detail #detail-main .ppt-title-band{display:flex;align-items:baseline;justify-content:flex-start;gap:18px;flex-wrap:wrap;background:#fff;color:#10294c;text-align:left;padding:0;margin:0 0 10px;border:0}
.ceramic-detail #detail-main .ppt-title-band:before{content:'';width:72px;height:3px;background:#173e75;flex:0 0 72px;align-self:center}
.ceramic-detail #detail-main .ppt-title-band p{order:0;display:contents;font-size:inherit;color:inherit}
.ceramic-detail #detail-main .ppt-title-band p strong{order:0;font-size:32px;font-weight:400;line-height:1.3}
.ceramic-detail #detail-main .ppt-title-band h2{order:1;margin:0;font-size:32px;font-weight:800;line-height:1.4;color:#10294c}
.ceramic-detail #detail-main .ppt-title-band p span{order:2;color:#10294c;border:1px solid #9aa7b5;border-radius:30px;padding:3px 13px;font-size:15px;margin:0}
.ceramic-detail #detail-main .ppt-main-body{padding:0;background:#fff}
.ceramic-detail #detail-main .ppt-main-copy{margin:0 0 25px;text-align:right}
.ceramic-detail #detail-main .ppt-main-copy h3{display:none}
.ceramic-detail #detail-main .ppt-main-copy>p:last-child{font-size:16px;color:#6c7780;line-height:1.7}
.ceramic-detail #detail-main .ppt-procurement-row{text-align:left}
.ceramic-detail #detail-main .ppt-photo-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;align-items:start}
.ceramic-detail #detail-main .ppt-photo-stage.single-photo{grid-template-columns:minmax(0,460px);justify-content:center}
.ceramic-detail #detail-main .ppt-photo-stage figure{position:relative;width:100%;min-width:0;margin:0!important;padding:0;transform:none;justify-self:stretch}
.ceramic-detail #detail-main .ppt-photo-stage figure[hidden]{display:none!important}
.ceramic-detail #detail-main .ppt-photo-stage .ppt-product-media{display:block;width:100%;aspect-ratio:1;border:1px solid #dfe4e9;background:#fff;overflow:hidden;margin:0;padding:0}
.ceramic-detail #detail-main .ppt-photo-stage .ppt-product-media>img:not(.clean-procurement-mark){display:block;width:100%;height:100%;max-width:none;object-fit:contain;aspect-ratio:1;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal;filter:none}
.ceramic-detail #detail-main .ppt-photo-stage .ppt-product-media:after{display:none}
.ceramic-detail #detail-main .ppt-dimensions{display:flex;justify-content:flex-start;gap:18px;flex-wrap:wrap;padding:18px 0 0;font-size:16px}
.ceramic-detail #detail-main .ppt-dimensions[hidden]{display:none}
.ceramic-detail #detail-main .ppt-main-length{text-align:left;font-size:24px;color:#10294c;padding:24px 0 0;margin:0;line-height:1.45}
.ceramic-detail #lineup-grid,.ceramic-detail #catalog-gallery{max-width:100%;margin-left:auto;margin-right:auto}
.ceramic-detail #lineup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ceramic-detail #catalog-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.ceramic-detail #catalog-gallery>.product-card{flex:0 0 calc((100% - 36px)/3)}
.ceramic-detail .color-sample{height:64px}
.ceramic-detail .swatches,.ceramic-detail .catalog-color-swatches{max-width:950px;margin-left:auto;margin-right:auto;justify-content:center;gap:16px 14px}
.ceramic-detail .swatches>.swatch,.ceramic-detail .catalog-color-swatches .catalog-color-swatch{flex:0 0 calc((100% - 56px)/5);max-width:none;min-width:0}
@media(max-width:768px){.ceramic-detail #detail-main .ppt-title-band{gap:10px}.ceramic-detail #detail-main .ppt-title-band:before{flex-basis:100%;width:45px;max-width:45px}.ceramic-detail #detail-main .ppt-title-band p strong,.ceramic-detail #detail-main .ppt-title-band h2{font-size:24px}.ceramic-detail #detail-main .ppt-photo-stage{gap:9px}.ceramic-detail #detail-main .ppt-main-copy{text-align:left}.ceramic-detail #detail-main .ppt-main-length{font-size:19px}.ceramic-detail .swatches>.swatch,.ceramic-detail .catalog-color-swatches .catalog-color-swatch{flex-basis:calc((100% - 28px)/3)}.ceramic-detail .color-sample{height:55px}.ceramic-detail #lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ceramic-detail #catalog-gallery>.product-card{flex-basis:calc((100% - 18px)/2)}}

/* Approved reference: short rule above heading, equal photo panels and spec beneath. */
.ceramic-detail #detail-main.ppt-detail-main{max-width:800px;padding:0 0 25px}
.ceramic-detail #detail-main .ppt-title-band{position:relative;padding-top:24px;margin-bottom:6px;column-gap:18px;row-gap:8px}
.ceramic-detail #detail-main .ppt-title-band:before{content:'';position:absolute;top:0;left:0;display:block;width:72px;height:3px;max-width:none;background:#173e75}
.ceramic-detail #detail-main .ppt-title-band p strong{padding-right:18px;border-right:1px solid #aeb7c3}
.ceramic-detail #detail-main .ppt-main-copy{text-align:left;margin:0 0 28px;padding-left:min(27%,200px)}
.ceramic-detail #detail-main .ppt-main-length{position:relative;padding-top:60px;font-size:27px;letter-spacing:.01em}
.ceramic-detail #detail-main .ppt-main-length:before{content:'SPECIFICATION';position:absolute;top:29px;left:0;font-size:13px;letter-spacing:.24em;color:#8795a9}
.ceramic-detail #detail-main .ppt-main-length:after{content:'';position:absolute;top:0;left:0;width:72px;height:3px;background:#173e75}
.ceramic-detail #detail-main .ppt-dimensions{display:none}
@media(max-width:768px){.ceramic-detail #detail-main .ppt-title-band{padding-top:20px}.ceramic-detail #detail-main .ppt-title-band:before{width:45px;max-width:none}.ceramic-detail #detail-main .ppt-main-copy{padding-left:0}.ceramic-detail #detail-main .ppt-main-length{font-size:19px;padding-top:52px}}

/* Match the approved reference proportions at desktop sizes. */
@media (min-width:769px){
 .ceramic-detail #detail-main.ppt-detail-main{max-width:960px}
 .ceramic-detail #detail-main .ppt-title-band{padding-top:30px;column-gap:28px}
 .ceramic-detail #detail-main .ppt-title-band p strong,.ceramic-detail #detail-main .ppt-title-band h2{font-size:44px}
 .ceramic-detail #detail-main .ppt-title-band p strong{padding-right:28px}
 .ceramic-detail #detail-main .ppt-title-band p span{font-size:18px;padding:5px 18px}
 .ceramic-detail #detail-main .ppt-main-copy{padding-left:min(34%,325px);margin-bottom:76px}
 .ceramic-detail #detail-main .ppt-main-copy>p:last-child{font-size:20px}
 .ceramic-detail #detail-main .ppt-photo-stage{gap:16px}
 .ceramic-detail #detail-main .ppt-main-length{margin-top:80px;padding-top:65px;font-size:36px}
 .ceramic-detail #detail-main .ppt-main-length:before{font-size:16px;top:29px}
}

/* Keep an informational notice compact when no position photographs exist. */
.ceramic-detail .catalog-tape-options.catalog-tape-compact{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:35px 0;padding:24px 28px;background:#f3f6fa;border:1px solid #e1e8ef;border-radius:6px}
.ceramic-detail .catalog-tape-compact .section-heading{margin:0;text-align:left}
.ceramic-detail .catalog-tape-compact .section-heading h2{font-size:21px;margin:0 0 8px}
.ceramic-detail .catalog-tape-compact .section-heading p{font-size:15px;line-height:1.7;margin:0}
.ceramic-detail .catalog-tape-compact .catalog-option-inquiry{margin:0;font-size:15px;white-space:nowrap}

/* Safety swatches combine real material photographs with a diagonal divide. */
.ceramic-detail .safety-sample:before,.ceramic-detail .safety-sample:after{display:block;content:'';position:absolute;inset:0;background-repeat:no-repeat;background-size:350% auto;background-position:65% 35%}
.ceramic-detail .safety-sample:before{background-image:url('../images/ceramic-detail/DH65-03.webp');clip-path:polygon(0 0,68% 0,32% 100%,0 100%)}
.ceramic-detail .safety-sample:after{background-image:url('../images/ceramic-detail/DH65-05.webp');clip-path:polygon(68% 0,100% 0,100% 100%,32% 100%)}
.ceramic-detail .safety-sample.indoor-safety:before,.ceramic-detail .safety-sample.indoor-safety:after{background-image:url('../images/product-catalog/product-058-06.webp')}
.ceramic-detail .safety-sample.indoor-safety:before{background-position:65% 28%}
.ceramic-detail .safety-sample.indoor-safety:after{background-position:65% 44%}

/* Product introductions: consistent title hierarchy and centered photography. */
.ceramic-detail #detail-main .ppt-photo-stage{background:transparent}
.ceramic-detail #detail-main .ppt-photo-stage.single-photo{width:100%;max-width:none;margin:0 auto;grid-template-columns:minmax(0,460px)}
.ceramic-detail #detail-main .ppt-main-copy{margin-top:22px}
.ceramic-detail #detail-main .ppt-procurement-row:not([hidden]){margin-bottom:14px}
@media (min-width:769px){
 .ceramic-detail #detail-main .ppt-title-band p strong{font-size:48px}
 .ceramic-detail #detail-main .ppt-title-band h2{font-size:50px;font-weight:800}
 .ceramic-detail #detail-main .ppt-main-copy{margin-top:24px}
}
@media (max-width:768px){
 .ceramic-detail #detail-main .ppt-title-band h2{font-size:26px;font-weight:800}
 .ceramic-detail #detail-main .ppt-main-copy{margin-top:16px}
 .ceramic-detail #detail-main .ppt-photo-stage.single-photo{grid-template-columns:minmax(0,460px)}
}

/* Enlarge the product model and title while keeping narrow screens readable. */
@media (min-width:769px){
 .ceramic-detail #detail-main .ppt-title-band p strong{font-size:72px}
 .ceramic-detail #detail-main .ppt-title-band h2{font-size:75px}
}
@media (max-width:768px){
 .ceramic-detail #detail-main .ppt-title-band p strong{font-size:clamp(27px,7vw,36px)}
 .ceramic-detail #detail-main .ppt-title-band h2{font-size:clamp(29px,7.5vw,39px)}
}

/* Manufacturer and delivery notice from client review. */
.ceramic-detail .factory-heading h2{font-size:44px}
.ceramic-detail .factory-heading .factory-promise,.ceramic-detail .factory-heading .factory-promise+p{color:#17395f;font-size:20px;font-weight:700;line-height:1.65}
.ceramic-detail .procurement-lead{font-size:21px;font-weight:600;color:#44566b}
.ceramic-detail #delivery .shipping-guide-body .shipping-damage-title{color:#d53836;font-weight:700}
@media(max-width:768px){.ceramic-detail .factory-heading h2{font-size:32px}.ceramic-detail .factory-heading .factory-promise,.ceramic-detail .factory-heading .factory-promise+p{font-size:17px}.ceramic-detail .procurement-lead{font-size:18px}}
/* Corrected installation sequence: peel red liner to expose white tape. */
.ceramic-detail .installation-illustration{background-image:url('../images/ceramic-detail/installation-dh65-corrected.png')}

/* The indoor safety sample uses only the real black and yellow pad surfaces. */
.ceramic-detail .safety-sample.indoor-safety:before{background-image:url('../images/product-catalog/product-058-05.webp');background-size:500% auto;background-position:82% 30%}
.ceramic-detail .safety-sample.indoor-safety:after{background-image:url('../images/product-catalog/product-058-03.webp');background-size:500% auto;background-position:82% 30%}
@media(min-width:769px){.ceramic-detail #detail-main .ppt-title-band{flex-wrap:nowrap}.ceramic-detail #detail-main .ppt-title-band p strong,.ceramic-detail #detail-main .ppt-title-band h2,.ceramic-detail #detail-main .ppt-title-band p span{white-space:nowrap}}