#cimi-ceramics {display:block;width:100%;max-width:100%;isolation:isolate;--cimi-top:0px;text-align:left;}
#cimi-ceramics *,#cimi-ceramics *::before,#cimi-ceramics *::after{box-sizing:border-box}
#cimi-ceramics img{max-width:100%;height:auto}
#cimi-ceramics .sticky-nav{top:var(--cimi-top);z-index:20}
#cimi-ceramics .floating-contact{z-index:30}
#cimi-ceramics table{max-width:100%;border-collapse:collapse}
#cimi-ceramics :where(h1,h2,h3,p,li,td,th){overflow-wrap:break-word}
#cimi-ceramics [id]{scroll-margin-top:calc(var(--cimi-top) + 84px)}
@media(max-width:600px){#cimi-ceramics .wrap{width:calc(100% - 32px)}#cimi-ceramics .floating-contact{right:12px;bottom:12px}}
@media print{#cimi-ceramics .sticky-nav{position:static}#cimi-ceramics .floating-contact{display:none}}

/* Avada overview layout: preserve theme header and footer; release only the main content container. */
body.cimi-ceramics-overview #main {padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;}
body.cimi-ceramics-overview #main > .fusion-row {width:100% !important;max-width:none !important;}
body.cimi-ceramics-overview #main #content {width:100% !important;float:none !important;margin:0 !important;}
body.cimi-ceramics-overview #main #sidebar {display:none;}
body.cimi-ceramics-overview #cimi-ceramics .hero h1 {color:#fff !important;}

/* Restore the supplied heading typography across all six product pages.
   Avada assigns its own font family/weight directly to heading elements. */
#cimi-ceramics h1,
#cimi-ceramics h2,
#cimi-ceramics h3,
#cimi-ceramics h4,
#cimi-ceramics h5,
#cimi-ceramics h6,
#cimi-ceramics summary {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}
#cimi-ceramics .hero h1,
#cimi-ceramics .custom h2,
#cimi-ceramics .custom h3,
#cimi-ceramics .contact h2 {color:#fff !important;}