.journey-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 32px}.journey-nav a{display:block;padding:24px;border:1px solid #d8c6b2;background:#fff;color:#302d28;text-decoration:none;border-radius:6px}.journey-nav a[aria-current=true]{background:#f1e7da;border:2px solid #ad763f;padding:23px}.journey-nav strong{display:block;font-size:20px;margin:10px 0}.journey-nav small{line-height:1.6;display:block}.journey-panel[hidden]{display:none!important}.collection-tabs{display:grid;gap:8px;margin:16px 0}.collection-tabs button[aria-pressed=true]{background:#a76b32;color:white}.producer-output article{padding:16px;border:1px solid #ddcdbb;margin:12px 0}.producer-output button{margin:4px}.producer-code{overflow-wrap:anywhere;font-size:14px;padding:12px;background:#f5efe6}.journey-panel .brand-intro .brand-columns{display:none}#permanent-colors{display:none}.journey-panel{scroll-margin-top:20px}#producer input{width:100%;box-sizing:border-box}.journey-save{padding:12px 0}.journey-save button{margin-right:8px}@media(max-width:700px){.journey-nav{grid-template-columns:1fr}.journey-nav a{padding:16px}.journey-nav a[aria-current=true]{padding:15px}}

#swatches[hidden],#tristone-swatches[hidden],#tristone-swatches button[hidden]{display:none!important}

.material-viewer{width:min(1100px,90vw);max-height:90vh;overflow:auto;border:1px solid #b68a58;padding:26px;background:#faf7f2;color:#302d28}.material-viewer::backdrop{background:#181614b0}.material-close{float:right}.material-large{background:#fff;padding:12px;margin:16px 0}.material-large img{display:block;max-width:100%;max-height:60vh;width:auto;height:auto;margin:auto;image-rendering:auto}.material-viewer [aria-pressed=true]{background:#a76b32;color:white}.delivery-choice [hidden]{display:none!important}

/* V3.0.0: clear navigation and consistent action cards. */
.journey-nav{position:sticky;top:0;z-index:30;background:#faf8f4;padding:10px 0;gap:12px}.journey-nav a{padding:16px;border-radius:8px;border-color:#bca387}.journey-nav a[aria-current=true]{padding:15px;background:#ede1d1;border-color:#956025}.journey-nav strong{font-size:21px;font-weight:600;margin:0 0 7px}.journey-nav small{font-size:13px;line-height:1.5;color:#51483d}.header-shop{background:#985f29;color:white!important;padding:12px 18px;border-radius:5px;text-decoration:none;font-size:14px!important}.actions{display:flex;flex-wrap:wrap;align-items:flex-start!important;gap:10px!important}.actions>button{flex:1 1 170px;min-height:48px;max-width:280px;padding:12px 16px!important;box-sizing:border-box;font-size:12px;line-height:1.4}.producer-code:empty{display:none}.shop-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.shop-shortcuts button{min-height:46px;padding:12px 22px}.import-hub{padding:18px 24px;margin:20px 0}.import-hub>summary{font-size:17px;cursor:pointer}.import-hub .document-tools{border:0;box-shadow:none}.collection-tabs{gap:10px}.collection-tabs button{text-align:left;padding:16px;min-height:76px;border:1px solid #b7a187;background:white;color:#302d28;white-space:normal}.collection-tabs strong,.collection-tabs small{display:block}.collection-tabs strong{font-size:15px}.collection-tabs small{font-size:11px;margin-top:6px;line-height:1.4}.collection-tabs button[aria-pressed=true]{background:#ede1d1;color:#563618;border:2px solid #a76b32}.collection-tabs button:disabled{opacity:.65;cursor:default}.color-confirmation{padding:12px;background:#f1e9de;border-radius:5px;margin-bottom:14px}.color-confirmation p{line-height:1.5;font-size:13px}.color-confirmation button{min-height:42px}.color-search{width:100%;box-sizing:border-box;margin:12px 0}.clear-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clear-color{padding:8px;background:white;color:#302d28;border:1px solid #d9cbbb;white-space:normal;text-align:left}.clear-color img{width:100%;height:72px;object-fit:cover;border-radius:3px}.clear-color span{display:block;font-size:12px;line-height:1.4;min-height:34px;margin:8px 0}.clear-color small{font-size:10px;color:#875826}.clarity-mode #swatches,.clarity-mode #tristone-group,.clarity-mode label[for=tristone-group],.clarity-mode #tristone-swatches{display:none!important}.project-cards button{min-height:125px}.project-cards strong{font-weight:500}.journey-panel{scroll-margin-top:140px}
@media(max-width:700px){.journey-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px 0}.journey-nav a,.journey-nav a[aria-current=true]{padding:9px 5px;text-align:center}.journey-nav strong{font-size:12px;line-height:1.4;margin:0}.journey-nav small{display:none}.header-shop{padding:9px;font-size:12px!important}.actions>button{max-width:none;flex-basis:140px}.project-cards button{min-height:110px}.journey-panel{scroll-margin-top:90px}}

.clarity-mode .actions>button{height:60px;min-height:60px;flex:1 1 170px;max-width:280px}.delivery-addresses{display:grid;gap:8px;margin:12px 0}.delivery-addresses button{text-align:left;background:#f6f1e9;color:#302d28;border:1px solid #d8c7b5;padding:12px}.delivery-choice input{max-width:650px}#plumbing-selection>details>summary{font-size:18px;padding:14px;cursor:pointer}

header{flex-wrap:wrap}.header-codes{margin-left:auto;display:flex;gap:8px;align-items:center}.header-codes a{display:block;background:#fff;border:1px solid #a66b32;border-radius:5px;padding:11px 14px;color:#70461f!important;font-size:13px!important;text-decoration:none;white-space:nowrap}.header-codes a:hover,.header-codes a:focus{background:#f2e6d6;outline:2px solid #a66b32;outline-offset:2px}@media(max-width:650px){.header-codes{width:100%;justify-content:flex-end}.header-codes a{padding:10px;font-size:12px!important}}

/* Guided journey: compact navigation, one five-step sequence. */
.journey-nav{position:relative;top:auto;margin:10px 0 20px;padding:0;gap:8px}.journey-nav a,.journey-nav a[aria-current=true]{padding:14px 18px}.journey-nav strong{font-size:16px;margin:0}.journey-nav small{display:none}.header-shop{display:none}.hero{padding-top:20px!important;padding-bottom:24px!important}.hero h1{font-size:clamp(32px,4vw,56px)!important}
.project-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.project-steps button{flex:1;min-width:110px;background:white;color:#664322;border:1px solid #dbc8b2;padding:12px}.project-steps button[aria-current=true]{background:#efe1ce}.brand-intro{padding:22px!important}.brand-intro h2{font-size:22px}.collection-terms,.companion-explanations,.companion-proposals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.collection-terms article,.companion-explanations article,.companion-proposals article{padding:18px;background:#faf7f2;border:1px solid #e1d5c6}.collection-terms p{font-size:13px;line-height:1.6;margin:8px 0}.collection-terms small{font-size:12px;line-height:1.5;display:block}.brand-intro #materials{margin:18px 0 0;border-top:1px solid #e4d7c7}.brand-intro #materials .detail-body{padding:16px 0}.brand-intro .collection-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-intro .clear-colors{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-intro #materials>summary{padding:14px 0;cursor:pointer}.brand-intro #color-comparison{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.brand-intro #color-comparison:empty{display:none!important}
#sizes,#basins,#quote-step,.brand-intro{scroll-margin-top:24px}.inputs #plumbing-selection{padding:0!important;margin:16px 0;border:0}.inputs .plumbing-cards{grid-template-columns:1fr}.inputs #plumbing-selection summary{font-size:15px!important;padding:12px 0!important}.inputs #plumbing-selection h2{font-size:18px}.companion-tabs{display:flex;gap:12px;margin:0 0 20px}.companion-tabs a{padding:14px 24px;text-decoration:none;border:1px solid #a66b32;color:#70441f}.companion-tabs a[aria-current=true]{background:#a66b32;color:white}.companion-explanations{grid-template-columns:1fr 1fr}.companion-explanations p,.companion-explanations li{font-size:14px;line-height:1.7}.companion-proposals img{width:100%;height:100px;object-fit:cover}.companion-proposals h3{font-size:16px}.design-choice{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px 20px;background:#eee4d7;margin:18px 0}.design-choice[hidden]{display:none}.design-choice a{color:#70441f}.companion-proposals button{white-space:normal}.journey-panel [hidden]{display:none!important}
@media(max-width:750px){.collection-terms,.companion-explanations,.companion-proposals{grid-template-columns:1fr}.brand-intro .clear-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-intro .collection-tabs{grid-template-columns:1fr}.journey-nav strong{font-size:12px}.journey-nav a,.journey-nav a[aria-current=true]{padding:12px 6px}.project-steps button{min-width:85px;font-size:11px}.companion-tabs a{padding:12px}.brand-intro #color-comparison{grid-template-columns:1fr}}

#design-reference-preview{max-width:100%;max-height:260px;object-fit:contain;margin:14px 0}.delivery-disclosure{padding:14px 20px;border:1px solid #ddcfbe;margin:0 0 24px}.delivery-disclosure>summary{cursor:pointer;font-size:14px}.delivery-disclosure .delivery-choice{border:0;padding:12px 0;margin:0}
#projection-canvas{display:block;max-width:100%;height:auto;margin:16px 0;cursor:crosshair;touch-action:manipulation;border:1px solid #d7c6b1}#projection-canvas[hidden]{display:none}.producer-pack{padding:20px;background:#f8f3eb;border:1px solid #dfcdb7;margin-top:24px}.producer-pack input,.producer-pack textarea{box-sizing:border-box;width:100%}.producer-pack textarea{min-height:100px}

/* Four clearly separated material collections. */
.collection-terms,.brand-intro .collection-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.missing-swatch{height:72px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#eee,#eee 6px,#f7f7f7 6px,#f7f7f7 12px);font-size:12px;color:#645b52}@media(max-width:950px){.collection-terms,.brand-intro .collection-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.collection-terms,.brand-intro .collection-tabs{grid-template-columns:1fr}}