.designer-welcome{padding:32px 48px 24px;border-top:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;background:#f2ece4}.designer-welcome h2{font-size:34px;margin:10px 0 12px;line-height:1.15}.designer-welcome p{max-width:950px;font-size:15px;line-height:1.6;margin:8px 0}.designer-welcome .eyebrow{font-size:11px}.designer-next{color:#716253}.designer-welcome:target{scroll-margin-top:12px}@media(max-width:600px){.designer-welcome{padding:24px}.designer-welcome h2{font-size:27px}.designer-welcome p{font-size:14px}.designer-welcome .designer-next{font-size:13px}.catalog-page-rail{display:none!important}.catalog-controls{gap:12px}.catalog-topbar{padding-top:22px;padding-bottom:12px}}

.designer-steps{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.designer-steps li{font-size:14px;line-height:1.55}.designer-steps strong{display:block;margin-bottom:6px}.designer-steps a{display:inline-block;margin-top:5px}@media(max-width:650px){.designer-steps{grid-template-columns:1fr;gap:12px}.designer-steps li{font-size:13px}.designer-steps strong{margin-bottom:2px}}

@media(min-width:601px){.catalog-page-rail{position:static;inset:auto;z-index:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;max-height:none;width:auto;overflow:visible;margin:24px 0;padding:12px;background:transparent;opacity:1}.catalog-page-rail>span{flex-basis:100%;font-size:12px}.catalog-page-rail button{width:40px;min-height:40px}}

/* AFS designer journey: original illustrated steps with a calm editorial welcome. */
.designer-welcome{padding:44px 48px 36px;background:#f1eae1;border-top:0}.designer-intro{max-width:780px;margin:0 auto 32px;text-align:center}.designer-intro h1{font:300 clamp(34px,4vw,54px)/1.1 'AFS Heading',Arial,sans-serif;letter-spacing:-1px;margin:16px 0}.designer-intro h1 em{font-style:normal;color:#a54b21}.designer-intro>p:not(.eyebrow){font-size:16px;max-width:560px;margin:0 auto 18px;color:#6a5c50}.designer-start{display:inline-flex;gap:24px;align-items:center;background:#392d24;color:#fff;text-decoration:none;padding:12px 22px;font-size:14px}.designer-steps{max-width:1160px;margin:0 auto;gap:28px}.designer-steps li{background:#faf8f4;border-top:2px solid #c76732;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start}.designer-steps svg{width:64px;height:64px;fill:none;stroke:#a54b21;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}.toolkit-step{font:11px Arial,sans-serif;letter-spacing:2px;color:#9b542e}.designer-steps h3{font:300 24px/1.15 'AFS Heading',Arial,sans-serif;margin:8px 0 10px}.designer-steps p{font-size:14px;line-height:1.5;margin:0 0 12px}.designer-steps a{font-size:13px;text-underline-offset:5px}.catalog-topbar>div{margin-right:auto}.catalog-topbar h2{font:300 30px/1.2 'AFS Heading',Arial,sans-serif;margin:6px 0}.catalog-topbar .eyebrow{margin:0;font-size:10px}.enquiry-heading{font:300 27px/1.2 'AFS Heading',Arial,sans-serif;margin:32px 0 12px}#catalog,#project-shortlist,#shortlist-email{scroll-margin-top:20px}
@media(max-width:650px){.designer-welcome{padding:28px 24px}.designer-intro{margin-bottom:24px;text-align:left}.designer-intro h1{font-size:34px;margin:12px 0}.designer-intro>p:not(.eyebrow){font-size:14px}.designer-steps{gap:12px}.designer-steps li{flex-direction:row;gap:16px;padding:18px 16px}.designer-steps svg{width:48px;height:48px;flex:none;margin:4px 0 0}.designer-steps h3{font-size:22px;margin:4px 0 8px}.designer-steps p{font-size:13px;margin-bottom:8px}.designer-steps a{font-size:13px}.catalog-topbar h2{font-size:27px}}

.catalog-filter-guide{font-size:14px;color:#716253;margin:0 0 22px}.catalog-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-controls label:has(#catalog-search){grid-column:1/3}.catalog-controls select:disabled{background:#eeeae5;color:#82796e;cursor:not-allowed}@media(max-width:600px){.catalog-controls{grid-template-columns:1fr}.catalog-controls label:has(#catalog-search){grid-column:auto}.catalog-filter-guide{font-size:13px}}

/* Connected product explorer and persistent project basket. */
#catalog-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:4px 2px 22px;overscroll-behavior-x:contain;scrollbar-color:#a54b21 #eee6dc}#catalog-grid .catalog-card{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}.catalog-page-rail{display:none!important}.catalog-pagination{justify-content:center}.catalog-pagination button{min-height:44px}.shortlist-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(80px,.5fr);gap:16px;border:1px solid #dfd5c9;padding:22px;margin:18px 0;background:white}.shortlist-row>label:nth-of-type(n+2){grid-column:1/-1}.shortlist-row details summary{cursor:pointer;font-weight:bold;line-height:1.5;min-height:44px}.shortlist-row details img{width:100%;max-width:260px;height:180px;object-fit:contain}.shortlist-row details a,.shortlist-row details button{display:block;margin:14px 0}.shortlist-row label,.project-fields label,.draft-label{display:grid;gap:8px;font-size:14px}.shortlist-row input,.shortlist-row textarea,.project-fields input,.project-fields textarea,#enquiry-draft{width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #bba997;background:#fff;color:#392d24;font:16px/1.5 Arial,sans-serif}.shortlist-row textarea{min-height:85px}.project-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.project-fields label:last-child{grid-column:1/-1}.draft-label{margin:24px 0 16px}#enquiry-draft{resize:vertical}#copy-enquiry{min-height:44px;margin-right:12px}.catalog-controls label:has(#catalog-search){grid-column:1/3}.catalog-controls select{font-size:16px;min-height:48px}
@media(max-width:650px){#catalog-grid .catalog-card{flex-basis:86%}.catalog-controls{grid-template-columns:1fr}.catalog-controls label:has(#catalog-search){grid-column:auto}.catalog-pagination{gap:10px;flex-wrap:wrap}.catalog-pagination span{font-size:12px}.shortlist-row{padding:16px;grid-template-columns:minmax(0,1fr) 90px;gap:12px}.project-fields{grid-template-columns:1fr}.project-fields label:last-child{grid-column:auto}#shortlist-email{display:block;margin-top:14px;max-width:100%}.shortlist-row details a{overflow-wrap:anywhere}}

#project-shortlist .shortlist-row{color:#392d24;align-items:start}#project-shortlist .shortlist-row a,#project-shortlist .shortlist-row button{color:#392d24;border-color:#bba997}#project-shortlist .shortlist-row details{min-width:0}#project-shortlist .shortlist-row details summary{overflow-wrap:anywhere}

@media(max-width:650px){#project-shortlist .shortlist-row details{grid-column:1/-1}#project-shortlist .shortlist-row{grid-template-columns:1fr}.catalog-controls label{position:relative}.catalog-controls label:first-child::after{content:"↓";display:block;text-align:center;color:#a54b21;padding-top:8px}}


/* Product comparison grid: four desktop, three tablet, two mobile. */
#catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;overflow:visible;scroll-snap-type:none;padding:0}#catalog-grid .catalog-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #e2d9ce}#catalog-grid .catalog-image-button{height:230px;background:white}#catalog-grid .catalog-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:20px}#catalog-grid .catalog-card h3{font:300 25px/1.15 'AFS Heading',Arial,sans-serif;overflow-wrap:anywhere}#catalog-grid .catalog-card .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.2px}#catalog-grid .catalog-card .small{font-size:12px;line-height:1.5}#catalog-grid .catalog-detail-button,#catalog-grid .catalog-add-button{min-height:44px;padding:10px 12px;margin:8px 0 0;max-width:100%;font-size:13px;border-radius:0}#catalog-grid .catalog-detail-button{margin-top:auto}#catalog-grid .catalog-add-button{background:#392d24;color:#fff;width:100%}.catalog-load-more{text-align:center;padding:32px 0 8px}#catalog-more{min-height:48px;padding:14px 28px;background:#392d24;color:white;border-radius:0}.catalog-toolbar{gap:16px}.catalog-toolbar p{font-size:14px}
@media(max-width:1050px){#catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#catalog-grid .catalog-image-button{height:210px}}
@media(max-width:650px){#catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#catalog-grid .catalog-image-button{height:160px}#catalog-grid .catalog-card-body{padding:12px}#catalog-grid .catalog-card h3{font-size:21px;margin:10px 0}#catalog-grid .catalog-card .eyebrow{font-size:9px;letter-spacing:.6px}#catalog-grid .catalog-card .small{font-size:11px}#catalog-grid .catalog-detail-button,#catalog-grid .catalog-add-button{font-size:12px;padding:9px 8px;width:100%;line-height:1.4}#catalog-grid .catalog-image-placeholder{font-size:12px;padding:12px}.catalog-toolbar{align-items:center}.catalog-toolbar p{font-size:13px}.catalog-toolbar button{font-size:12px;padding:10px 12px}.catalog-load-more{padding-top:24px}#catalog-more{font-size:14px;max-width:100%}}

/* Type -> category -> manufacturer: one clear path, with optional search beside it. */
#catalog .catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px 24px;align-items:start}
#catalog .catalog-controls>label{min-width:0}
#catalog .catalog-controls>.filter-type{grid-column:1;grid-row:1}
#catalog .catalog-controls>.filter-category{grid-column:1;grid-row:2}
#catalog .catalog-controls>.filter-brand{grid-column:1;grid-row:3}
#catalog .catalog-controls>label.filter-search{grid-column:2;grid-row:1}
#catalog .catalog-controls>.filter-sort{grid-column:2;grid-row:2}
@media(max-width:600px){#catalog .catalog-controls{grid-template-columns:minmax(0,1fr);gap:16px}#catalog .catalog-controls>label.filter-type,#catalog .catalog-controls>label.filter-category,#catalog .catalog-controls>label.filter-brand,#catalog .catalog-controls>label.filter-search,#catalog .catalog-controls>label.filter-sort{grid-column:1;grid-row:auto}}

/* One numbered journey; browse controls are a separate, unnumbered choice. */
.designer-journey{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:24px auto 0;max-width:1160px;border-top:1px solid #cdbba8;border-bottom:1px solid #cdbba8}
.designer-journey li{min-width:0}
.designer-journey li+li{border-left:1px solid #d7c9bb}
.designer-journey a{display:flex;align-items:center;gap:14px;padding:20px 18px;text-decoration:none;min-height:94px;height:100%}
.designer-journey a:hover{background:#ffffff70}
.designer-journey .journey-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #b97c50;border-radius:50%;color:#9b542e;font-size:14px}
.designer-journey strong{display:block;font-size:17px;font-weight:400;line-height:1.3}
.designer-journey small{display:block;font-size:12px;line-height:1.5;color:#716253;margin-top:5px}
.designer-journey .journey-arrow{margin-left:auto;color:#9b542e}
.designer-intro{margin-bottom:20px}
.search-choice-guide small{flex-basis:100%;display:block;font-size:13px;line-height:1.5}
#project-details{scroll-margin-top:24px}
@media(max-width:650px){.designer-journey{grid-template-columns:1fr;margin-top:18px}.designer-journey li+li{border-left:0;border-top:1px solid #d7c9bb}.designer-journey a{min-height:72px;padding:13px 4px}.designer-journey strong{font-size:16px}.designer-journey small{margin-top:3px}.designer-journey .journey-arrow{transform:rotate(90deg)}#catalog .catalog-controls label:first-child::after{content:none}}

/* Quiet directional markers over the two ways to find products. */
#catalog .start-here-guide{margin-bottom:16px;align-items:start}
#catalog .start-here-guide a{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:0 2px;border:0;background:transparent;color:#9b542e;font-size:13px;font-weight:600;letter-spacing:1.2px;text-decoration:none;line-height:1.4}
#catalog .start-here-guide svg{width:25px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#catalog .start-here-guide a:hover{color:#60432d}
@media(max-width:600px){#catalog .start-here-guide{display:contents}#catalog .start-here-guide>.search-choice-type{display:none}#catalog .start-here-guide>.search-choice-name{display:none}#catalog .catalog-controls>.filter-type::before,#catalog .catalog-controls>.filter-search::before{display:block;color:#9b542e;font-size:13px;font-weight:600;letter-spacing:1.2px;line-height:1.5;margin-bottom:12px;white-space:pre}#catalog .catalog-controls>.filter-type::before{content:"START HERE  ↓"}#catalog .catalog-controls>.filter-search::before{content:"or HERE  ↓"}}

/* Keep catalog actions stacked at the right, with return navigation first. */
.catalog-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 24px}.catalog-topbar>div{grid-column:1;grid-row:1 / span 2;margin-right:0}.catalog-topbar>.catalog-back{grid-column:2;grid-row:1;justify-self:end;margin-left:0}.catalog-topbar>.catalog-shortlist-button{grid-column:2;grid-row:2;justify-self:end}
@media(max-width:600px){.catalog-topbar>div{grid-column:1 / -1;grid-row:1}.catalog-topbar>.catalog-back{grid-row:2}.catalog-topbar>.catalog-shortlist-button{grid-row:3}}