/* Small line drawings extend the existing material icons, without replacing labels. */
.email-panel>.overline{display:flex;align-items:center;gap:12px}
.email-panel>.overline::before{content:"";width:28px;height:28px;flex:none;background:url("illustrations/ui-mail.svg") center/contain no-repeat}
.site-footer [data-track="mail"],.site-footer [data-track="phone"],.site-footer address{position:relative;padding-left:28px}
.site-footer [data-track="mail"]::before,.site-footer [data-track="phone"]::before,.site-footer address::before{content:"";position:absolute;left:0;top:calc(50% - 9px);width:18px;height:18px;background:center/contain no-repeat}
.site-footer [data-track="mail"]::before{background-image:url("illustrations/ui-mail.svg")}
.site-footer [data-track="phone"]::before{background-image:url("illustrations/ui-phone.svg")}
.site-footer address::before{top:4px;background-image:url("illustrations/ui-pin.svg")}
.fl-scheme2[data-page="home"] .step-number{position:relative}
.fl-scheme2[data-page="home"] .step-number small{position:absolute;right:-7px;bottom:-5px;border:2px solid var(--warm);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:#fff;font-size:10px;line-height:1;color:var(--accent)}
.contact-content .contact-card-title h2{display:flex;align-items:center;gap:12px}
.contact-content .contact-card-title h2::before{content:"";display:block;flex:none;width:28px;height:28px;background:center/contain no-repeat}
.contact-content .contact-card:has(.contact-actions)>.contact-card-title h2::before{background-image:url("illustrations/ui-quote.svg")}
.contact-content .contact-card:has(.contact-list):not(:has(.contact-actions))>.contact-card-title h2::before{background-image:url("illustrations/ui-delivery.svg")}
.contact-content .contact-card:has(.contact-two-col)>.contact-card-title h2::before{background-image:url("illustrations/ui-pin.svg")}
.contact-content .contact-card:has(.contact-faq)>.contact-card-title h2::before{background-image:url("illustrations/ui-question.svg")}

/* Give the text-heavy category index a consistent visual key on every page. */
.catalog-index-layout .category-parent::before{content:"";width:24px;height:24px;flex:none;background:url("illustrations/ui-making.svg") center/contain no-repeat}
.catalog-index-layout .category-parent>span[aria-hidden]{margin-left:auto}
.catalog-index-layout .category-group a,.catalog-quick a{position:relative;padding-left:30px}
.catalog-index-layout .category-group a::before,.catalog-quick a::before{content:"";position:absolute;width:20px;height:20px;left:3px;top:calc(50% - 10px);background:var(--material-picture,url("illustrations/ui-layers.svg")) center/contain no-repeat}
.catalog-sidebar a[href^="/product_category_86"],.catalog-sidebar a[href^="/product_category_95"]{--material-picture:url("illustrations/line-wood.svg")}
.catalog-sidebar a[href^="/product_category_87"],.catalog-sidebar a[href^="/product_category_94"]{--material-picture:url("illustrations/line-acrylic.svg")}
.catalog-sidebar a[href^="/product_category_89"]{--material-picture:url("illustrations/line-foam.svg")}
.catalog-sidebar a[href^="/product_category_92"],.catalog-sidebar a[href^="/product_category_105"]{--material-picture:url("illustrations/line-metal.svg")}
.catalog-sidebar a[href^="/product_category_103"]{--material-picture:url("illustrations/line-polystyrene.svg")}
.catalog-sidebar .category-single[href^="/product_category_103"]::before{background-image:url("illustrations/line-polystyrene.svg")}
.catalog-sidebar .category-single[href^="/product_category_104"]::before{background-image:url("illustrations/ui-file.svg")}
.catalog-sidebar .category-single[href^="/product_category_107"]::before{background-image:url("illustrations/ui-tool.svg")}
.catalog-sidebar .category-single[href^="/product_category_108"]::before{background-image:url("illustrations/ui-layers.svg")}
.work-index-details dt{display:flex;align-items:center;gap:6px}
.work-index-details dt::before{content:"";width:18px;height:18px;flex:none;background:url("illustrations/ui-layers.svg") center/contain no-repeat}
.work-index-details>div+div dt::before{background-image:url("illustrations/ui-tool.svg")}

/* Slightly larger technical sketches break up guidance without altering CMS text. */
.catalog-sidebar-note::before,.document-aside::before,.faq-grid>div:first-child::before{content:"";display:block;width:128px;height:84px;margin-bottom:16px;background:url("illustrations/ui-preparation.svg") center/contain no-repeat}
.catalog-sidebar-note::before{width:108px;height:72px}
.article-row h3{display:flex;align-items:flex-start;gap:12px}
.article-row h3::before{content:"";display:block;flex:none;width:28px;height:28px;margin-top:4px;background:url("illustrations/ui-file.svg") center/contain no-repeat}
.article-row h3>a{min-width:0}
.knowledge-content .article-toc>.article-h2:first-child{display:flex;align-items:center;gap:10px}
.knowledge-content .article-toc>.article-h2:first-child::before{content:"";width:24px;height:24px;flex:none;background:url("illustrations/ui-file.svg") center/contain no-repeat}
.knowledge-content .article-q,.knowledge-content .article-question{position:relative;padding-left:32px}
.knowledge-content .article-q::before,.knowledge-content .article-question::before{content:"";position:absolute;left:0;top:4px;width:22px;height:22px;background:url("illustrations/ui-question.svg") center/contain no-repeat}
.faq-list summary{padding-left:36px}
.faq-list summary::before{content:"";position:absolute;left:0;top:21px;width:22px;height:22px;background:url("illustrations/ui-question.svg") center/contain no-repeat}
.faq-list .home-use-guide>summary::before{background-image:url("illustrations/ui-layers.svg")}
.inquiry-intro .checklist{margin-block:24px}
.inquiry-intro .checklist li{align-items:center;gap:18px;min-height:64px;padding:12px 0;margin:0;border-bottom:1px solid var(--line)}
.inquiry-intro .checklist li::before{content:"";display:block;flex:none;width:42px;height:42px;background:url("illustrations/ui-file.svg") center/32px no-repeat}
.inquiry-intro .checklist li:nth-child(2)::before{background-image:url("illustrations/ui-ruler.svg")}
.inquiry-intro .checklist li:nth-child(3)::before{background-image:url("illustrations/ui-calendar.svg")}
@media(max-width:767px){
 .contact-content .contact-card-title h2{gap:10px}
 .contact-content .contact-card-title h2::before{width:24px;height:24px}
 .catalog-quick{column-gap:14px}
 .catalog-sidebar-note{display:flex;align-items:center;gap:12px}
 .catalog-sidebar-note::before{width:62px;height:44px;margin:0;flex:none}
 .faq-grid>div:first-child::before{width:100px;height:66px;margin-bottom:12px}
 .inquiry-intro .checklist li{gap:12px}
}