/* Mega menu (Claude) */
.rcb-dd{position:absolute;z-index:1000;top:100%;background:#fff;border:1px solid #e6dfd2;border-radius:20px;box-shadow:0 30px 70px rgba(40,30,15,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;font-family:"DM Sans",system-ui,sans-serif;color:#1d1c1a;text-align:left}
.rcb-dd.open{opacity:1;visibility:visible;transform:translateY(0)}
.rcb-dd::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.rcb-dd h4,.rcb-dd .dd-h{margin:0 0 14px;font-size:12px;letter-spacing:.18em;color:#86642a;text-transform:uppercase;font-weight:700}
.rcb-dd a{text-decoration:none;color:inherit}
.rcb-mega{width:min(1000px,96vw);display:grid;grid-template-columns:1fr 250px;overflow:hidden}
.rcb-mega-main{padding:24px}
.rcb-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.rcb-tile{border-radius:14px;padding:8px;border:1px solid transparent;transition:.2s;display:block}
.rcb-tile img,.rcb-tile .ph{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block;transition:transform .3s;background:#f4ece0}
.rcb-tile .ph{display:grid;place-items:center;color:#86642a;font-size:28px}
.rcb-tile b{display:block;font-size:13.5px;margin-top:8px;line-height:1.25}.rcb-tile small{color:#6f6a62;font-size:12px}
.rcb-tile:hover{border-color:#d2ad69;background:#fbf7f0}.rcb-tile:hover img{transform:scale(1.04)}
.rcb-tile.all .ph{background:#0f2a23;color:#d2ad69}
.rcb-mega-side{background:#0f2a23;color:#e9e2d4;padding:26px 22px;display:flex;flex-direction:column;gap:14px}
.rcb-mega-side h5{font:600 22px/1.2 "Playfair Display",Georgia,serif;color:#fff;margin:0}
.rcb-mega-side p{margin:0;font-size:14px;line-height:1.55;color:#cfd8d4}
.rcb-dd .dd-gold{display:block;text-align:center;background:linear-gradient(135deg,#d2ad69,#b58b45);color:#1b150b;font-weight:700;padding:12px;border-radius:10px}
.rcb-dd .dd-ghost{display:block;text-align:center;border:1px solid rgba(210,173,105,.6);color:#fff;padding:11px;border-radius:10px;font-weight:600}
.rcb-dd .dd-all{color:#d2ad69;font-weight:700;margin-top:auto}
.rcb-list{width:430px;padding:20px}
.rcb-row{display:flex;gap:14px;align-items:center;padding:11px 12px;border-radius:12px;transition:.15s}
.rcb-row i{width:42px;height:42px;border-radius:12px;background:#f6efe2;color:#86642a;display:grid;place-items:center;flex:none;transition:.15s;font-style:normal}
.rcb-row b{display:block;font-size:15px}.rcb-row small{color:#6f6a62;font-size:13px}
.rcb-row:hover{background:#fbf7f0}.rcb-row:hover i{background:#0f2a23;color:#d2ad69}
.rcb-list .dd-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6dfd2;margin-top:10px;padding:14px 12px 2px;font-size:14px;color:#6f6a62}
.rcb-list .dd-foot a{color:#86642a;font-weight:700}
.rcb-nav a.dd-on{border-color:#d2ad69!important}
.rcb-car{width:10px;height:10px;margin-left:2px;opacity:.55;transition:transform .2s;flex:none}
.rcb-nav a.dd-on .rcb-car{transform:rotate(180deg)}
@media (max-width:1080px),(hover:none){.rcb-dd,.rcb-car{display:none!important}}
main section[id]{scroll-margin-top:110px}
html{scroll-behavior:smooth}
/* caret drawn in CSS so the nav never shifts when the script loads */
@media (min-width:1081px) and (hover:hover){
.rcb-nav a[data-nav="styles"]::after,.rcb-nav a[data-nav="industries"]::after,.rcb-nav a[data-nav="materials"]::after{content:"";width:10px;height:10px;flex:none;margin-left:2px;opacity:.55;transition:transform .2s;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231d1c1a' stroke-width='2'/%3E%3C/svg%3E") no-repeat center/10px 7px}
.rcb-nav a.dd-on::after{transform:rotate(180deg)}
}
.rcb-action{position:relative}
.rcb-action.is-in{border-color:#b58b45!important}
.rcb-action.is-in::after{content:"";position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:50%;background:#2f8f55;border:2px solid #fff}
/* view-all tile in side panel (Claude) */
.rcb-mega-side .rcb-tile-side{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;margin-top:14px;padding:12px!important;border-radius:14px;background:#fff;border:1px solid #e3dccf;text-decoration:none;color:#1d1c1a;transition:border-color .2s,transform .2s}
.rcb-mega-side .rcb-tile-side:hover{border-color:#b58b45;transform:translateY(-2px)}
.rcb-mega-side .rcb-tile-side .ph{flex:none;width:52px!important;height:52px!important;aspect-ratio:auto!important;margin:0!important;border-radius:12px;font-size:22px}
.rcb-mega-side .rcb-tile-side b{display:block;font-size:15px}
.rcb-mega-side .rcb-tile-side small{display:block;color:#6b645b;font-size:13px}
/* RCB mobile layout fixes — 2026-10-13 */
@media(max-width:600px){
 .h5-sample{grid-template-columns:minmax(0,1fr)!important;padding:24px 20px!important;min-width:0!important;box-sizing:border-box}
 .h5-sample>*{min-width:0!important;max-width:100%;box-sizing:border-box}
 .h5-sample h2,.h5-sample p{overflow-wrap:break-word}
 main .steps{display:flex;gap:8px;max-width:100%;box-sizing:border-box}
 main .steps .step{flex:1 1 0;min-width:0;gap:6px}
 main .steps .step span{flex-shrink:0}
 main .steps .step b{min-width:0;white-space:normal;line-height:1.35}
 main .steps .line{flex:0 1 20px;min-width:0}
 .cq-card,.cq-card form,.cq-card .cq-step{min-width:0!important;min-inline-size:0!important;max-width:100%;box-sizing:border-box}
 .cq-progress>li,.cq-styles,.cq-style{min-width:0;box-sizing:border-box}
 .cq-nav{flex-wrap:wrap;gap:10px}
 .cq-nav .cq-btn{min-width:0;max-width:100%;box-sizing:border-box}
 main input:not([type=checkbox]):not([type=radio]),main textarea,main select{font-size:16px!important}
}
@media(max-width:360px){
 main .steps .step b{font-size:12px}
 .cq-progress{gap:5px!important;flex-wrap:wrap}
 .cq-progress>li{flex:1 1 42%;white-space:normal}
 .cq-nav .cq-stepcount{flex-basis:100%}
 .cq-nav .cq-btn{flex:1 1 0;padding-left:12px;padding-right:12px}
}