.ceramic-detail .hero-info .model-title{font-size:clamp(36px,4vw,66px);line-height:1.2;overflow-wrap:anywhere;margin-top:20px}
.ceramic-detail .hero-photo .image-button{overflow:hidden}
.ceramic-detail .hero-photo .image-button img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-height:none}
.catalog-variant-controls{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}
.catalog-variant-controls button{border:1px solid #ddd;background:#fff;color:#444;padding:9px 12px;font-size:16px;cursor:pointer}
.catalog-variant-controls button:hover,.catalog-variant-controls button.active{background:#eee;border-color:#aaa;color:#222}
.catalog-quote{display:block;background:#242a24;color:white;padding:16px 22px;font-size:18px;margin-top:25px}
.ceramic-detail .catalog-product-card>img{width:88%;margin:3% auto 0;height:auto;aspect-ratio:1;object-fit:contain;transform:none}
.ceramic-detail .catalog-product-card .card-caption{font-size:18px;overflow-wrap:anywhere}
.catalog-drawing{margin:0 0 30px;padding:25px;border:1px solid #ddd;text-align:center}
.catalog-drawing button{border:0;background:transparent;padding:0;cursor:zoom-in;max-width:100%}
.catalog-drawing img{display:block;width:auto;max-width:100%;height:auto;max-height:500px;margin:auto}
.catalog-drawing figcaption{font-size:18px;color:#555;margin-top:18px}
.catalog-document{display:block;font-size:19px;border-bottom:1px solid #ddd;padding:18px 0;color:#173e75}
#catalog-viewer{max-width:min(94vw,1100px);max-height:94vh;border:0;padding:20px}#catalog-viewer::backdrop{background:#0009}#catalog-viewer img{display:block;max-width:100%;max-height:77vh;object-fit:contain;margin:auto}#catalog-close{display:block;margin:0 0 12px auto;padding:8px 15px;background:#eee;border:0;cursor:pointer}#catalog-viewer-caption{text-align:center;font-size:17px;margin:12px 0 0}
@media(max-width:768px){.ceramic-detail .hero-info .model-title{font-size:36px}.catalog-variant-controls button{font-size:15px}.catalog-drawing{padding:14px}.catalog-document{font-size:17px}}
/* Supplied workbook specs and PPT category content. */
.ceramic-detail .catalog-quote{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px!important;font-weight:600;line-height:1.5!important;color:#fff!important;opacity:1!important;visibility:visible!important;text-indent:0!important}
.ceramic-detail .catalog-quote span{font-size:18px!important;color:#fff!important;line-height:1.5!important;opacity:1!important;visibility:visible!important}
.catalog-summary-spec{margin:22px 0 0;font-size:18px;line-height:1.7}.catalog-summary-spec>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #e2e2e2}.catalog-summary-spec dt{color:#777}.catalog-summary-spec dd{margin:0;overflow-wrap:anywhere;color:#333}
.ceramic-detail .hero-photo .zoom-caption{display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.ceramic-detail .hero-photo .zoom-caption svg{width:17px;height:17px;flex:0 0 17px}
.catalog-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.catalog-comparison article{padding:28px;border-top:2px solid #243142;background:#f5f6f7}.catalog-comparison h3,.catalog-benefits h3{font-size:25px;line-height:1.4;font-weight:700;margin:0 0 16px}.catalog-comparison h4{font-size:18px;font-weight:700;margin:24px 0 8px}.catalog-comparison p,.catalog-benefits p{font-size:20px;line-height:1.8;margin:0;color:#555}
.catalog-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.catalog-benefits article{padding:24px 0;border-top:1px solid #bfc7d0}.catalog-material-note{font-size:23px;font-weight:700;color:#173e75;margin:26px 0 0}.catalog-return-note,.catalog-spec-note{font-size:17px;line-height:1.8;color:#666;margin-top:24px}.catalog-return-note{color:#7b3e36}
.catalog-example-pair,.catalog-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.catalog-example-pair figure,.catalog-option-grid figure{margin:0}.catalog-example-pair img,.catalog-option-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.catalog-example-pair figcaption,.catalog-option-grid figcaption{font-size:19px;line-height:1.6;margin-top:14px;text-align:center}.catalog-option-grid{margin-top:28px}.catalog-option-contact{font-size:20px;line-height:1.8;color:#555}.catalog-option-inquiry{display:inline-block;border-bottom:1px solid #173e75;color:#173e75;font-size:19px;padding:10px 0;margin-top:24px}
.catalog-spec-table{width:100%;min-width:650px;border-collapse:collapse;font-size:18px}.catalog-spec-table caption{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.catalog-spec-table th,.catalog-spec-table td{padding:17px 15px;text-align:left;border-bottom:1px solid #ddd;line-height:1.7}.catalog-spec-table thead th{background:#f4f5f6;color:#333;font-weight:700}.catalog-spec-table tbody th{font-weight:600}.ceramic-detail [hidden]{display:none!important}
@media(max-width:768px){.catalog-summary-spec{font-size:16px}.catalog-summary-spec>div{grid-template-columns:100px minmax(0,1fr);gap:10px}.catalog-comparison,.catalog-benefits{grid-template-columns:1fr;gap:20px}.catalog-comparison article{padding:22px}.catalog-comparison h3,.catalog-benefits h3{font-size:23px}.catalog-comparison p,.catalog-benefits p,.catalog-option-contact{font-size:18px}.catalog-example-pair,.catalog-option-grid{gap:15px}.catalog-example-pair figcaption,.catalog-option-grid figcaption{font-size:16px}.catalog-spec-table{font-size:16px}.catalog-spec-note,.catalog-return-note{font-size:16px}}
.ceramic-detail .section-nav{justify-content:center;overflow:visible;flex-wrap:wrap;gap:clamp(18px,3.2vw,48px)}
.ceramic-detail .section-nav a{padding:10px 14px;flex:0 0 auto;text-align:center}
.ceramic-detail .ppt-photo-stage .ppt-photo-one .ppt-product-media>img:not(.clean-procurement-mark){transform:none;mask:none;clip-path:none}
.ceramic-detail .ppt-photo-stage .ppt-photo-two .ppt-product-media>img:not(.clean-procurement-mark){mask:none;clip-path:none}
.ceramic-detail .catalog-quote{min-height:60px}
.catalog-color-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}.catalog-color-swatch{border:1px solid transparent;background:transparent;padding:0 0 10px;text-align:left;cursor:pointer;min-width:0}.catalog-color-swatch img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.catalog-color-swatch span{display:block;font-size:17px;line-height:1.6;overflow-wrap:anywhere;margin-top:10px;color:#333}.catalog-color-swatch:hover,.catalog-color-swatch.active{border-bottom-color:#173e75}.catalog-color-swatch:focus-visible{outline:2px solid #173e75;outline-offset:3px}
@media(max-width:768px){.catalog-color-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.catalog-color-swatch span{font-size:15px}}

/* A single product photo needs no duplicated comparison or color selector. */
.ceramic-detail .ppt-photo-stage.single-photo{display:block;width:100%;max-width:650px;margin:20px 0 10px auto;aspect-ratio:auto}
.ceramic-detail .ppt-photo-stage.single-photo .ppt-photo-one{position:static;width:100%;margin:0;overflow:visible}
.ceramic-detail .ppt-photo-stage.single-photo .ppt-product-media{width:100%;margin-left:0;aspect-ratio:1}
.ceramic-detail .ppt-photo-stage.single-photo .ppt-product-media>img:not(.clean-procurement-mark){width:100%;height:auto;object-fit:contain}
.ceramic-detail .ppt-photo-stage.single-photo .ppt-photo-two[hidden]{display:none!important}
/* Face the comparison photos toward each other instead of repeating one direction. */
.ceramic-detail .ppt-photo-stage:not(.single-photo) .ppt-photo-one .ppt-product-media>img:not(.clean-procurement-mark){transform:scaleX(-1)}
.ceramic-detail .ppt-photo-stage:not(.single-photo) .ppt-photo-one{justify-self:start}
.ceramic-detail .ppt-photo-stage:not(.single-photo) .ppt-photo-two{justify-self:end;margin-top:110px}
@media(max-width:768px){.ceramic-detail .ppt-photo-stage:not(.single-photo) .ppt-photo-two{margin-top:55px}}

/* Show the color photos once, as a centered group. */
.catalog-color-swatches{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px 18px}
.catalog-color-swatch{flex:0 0 calc((100% - 90px)/6);max-width:190px;text-align:center}
.catalog-color-swatch span{text-align:center}
@media(max-width:768px){.catalog-color-swatch{flex-basis:calc((100% - 24px)/3);max-width:190px}.catalog-color-swatches{gap:18px 12px}}

/* Remove only the baked agency mark corner before mirroring comparison photos. */
.ceramic-detail #detail-main .ppt-product-media>img.with-procurement-mark{clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,30% 87.5%,0 87.5%)}

.ceramic-detail .ppt-photo-stage.single-photo .ppt-photo-one .ppt-product-media>img:not(.clean-procurement-mark){transform:none}

.ceramic-detail .catalog-quote{background:linear-gradient(#173e75,#173e75) left center/0% 100% no-repeat #fff;border:1px solid #173e75;color:#173e75!important;transition:background-size .4s ease,color .3s ease}
.ceramic-detail .catalog-quote span{color:inherit!important;transition:color .3s ease}
.ceramic-detail .catalog-quote:hover,.ceramic-detail .catalog-quote:focus-visible{background-size:100% 100%;color:#fff!important}
@media(prefers-reduced-motion:reduce){.ceramic-detail .catalog-quote,.ceramic-detail .catalog-quote span{transition:none}}

.ceramic-detail .catalog-quote{border-color:#d9dce1;border-radius:6px;overflow:hidden}
@media(max-width:768px){.ceramic-detail .section-nav{justify-content:center;gap:6px 14px}.ceramic-detail .section-nav a{padding:10px 10px}}