:root{--ink:#17221d;--ink-2:#26352d;--paper:#f4f2eb;--white:#fff;--line:#dfe2dc;--muted:#737c76;--gold:#c9a45c;--gold-light:#efe4ca;--green:#2f7757;--red:#b84b45;--shadow:0 16px 45px rgba(27,40,33,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}main{padding-bottom:80px}.page-shell{width:min(1420px,calc(100% - 64px));margin-inline:auto}.topbar{height:76px;padding:0 max(32px,calc((100vw - 1420px)/2));display:flex;align-items:center;gap:42px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
.brandmark{display:flex;align-items:center;gap:11px;margin-right:auto}.brandmark-icon{width:38px;height:38px;display:inline-grid;place-items:center;background:var(--ink);color:#fff;font:800 20px Manrope;border-radius:2px}.brandmark>span:last-child{display:flex;flex-direction:column;line-height:1}.brandmark strong{font:800 15px Manrope;letter-spacing:1.4px}.brandmark small{font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:.6px}.main-nav{display:flex;height:100%;gap:30px}.main-nav a{height:100%;display:grid;place-items:center;font-weight:600;font-size:14px;color:#68716b;position:relative}.main-nav a.active,.main-nav a:hover{color:var(--ink)}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold)}
.btn{border:0;border-radius:3px;padding:13px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:16px}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:#fff}.btn-gold{background:var(--gold);color:#172018}.btn-outline{border:1px solid #bfc5bf;background:transparent;color:var(--ink)}.btn-compact{padding:10px 14px;font-size:13px}.btn-block{width:100%}.eyebrow{font:700 11px Manrope;letter-spacing:2px;color:#8d7547;margin:0 0 12px}.hero{padding-block:66px 48px;display:flex;justify-content:space-between;align-items:end;gap:40px}.hero h1,.page-header h1{font:800 clamp(38px,5vw,66px)/1.02 Manrope;margin:0;letter-spacing:-2.5px}.hero-copy,.page-header>div>p:last-child{max-width:620px;color:var(--muted);font-size:17px;line-height:1.65;margin:18px 0 0}.hero-metrics{display:flex;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.hero-metrics div{min-width:128px;padding:24px 28px;border-right:1px solid rgba(255,255,255,.12)}.hero-metrics div:last-child{border:0}.hero-metrics strong{display:block;font:800 28px Manrope}.hero-metrics span{font-size:11px;color:#bfc8c2;text-transform:uppercase;letter-spacing:1px}.panel{background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 3px 15px rgba(27,40,33,.03)}
.catalog-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:32px;align-items:start}.filters{padding:22px;position:sticky;top:100px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.panel-heading h2{font:700 16px Manrope;margin:0}.text-button{padding:0;border:0;background:transparent;color:#826a3f;text-decoration:underline;cursor:pointer;font-size:12px}.field-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:20px 0 8px;color:#5e6761}.filters select,.form-grid input,.form-grid select,.form-grid textarea,.currency-field select,.item-details input{width:100%;border:1px solid #d4d8d3;background:#fff;padding:11px;border-radius:2px;color:var(--ink)}.search-field{height:43px;border:1px solid #d4d8d3;background:#fff;display:flex;align-items:center;padding:0 12px;gap:8px;border-radius:2px}.search-field span{font-size:23px;color:#788079;transform:rotate(-15deg)}.search-field input{border:0;outline:0;width:100%;background:transparent}.cost-key{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.cost-key>span{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:5px;flex:none}.cost-key p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.cost-key strong{color:var(--ink)}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.catalog-toolbar p{color:var(--muted);margin:0}.catalog-toolbar strong{color:var(--ink)}.view-toggle{background:#e7e5de;padding:3px;display:flex}.view-toggle button{border:0;background:transparent;padding:7px 11px;font-size:12px;cursor:pointer;color:#747b76}.view-toggle button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #c9c7bf}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:.2s;min-width:0}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card.selected{outline:2px solid var(--gold);outline-offset:-2px}.product-image-wrap{height:225px;background:#ebeae4;display:grid;place-items:center;position:relative;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.image-placeholder{width:54px;height:54px;display:grid;place-items:center;background:#d8d8d0;color:#68716a;font-weight:800}.select-product{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16);font-size:21px;cursor:pointer}.selected .select-product{background:var(--gold)}.product-card-body{padding:17px}.product-kicker{display:flex;gap:5px;flex-wrap:wrap}.product-kicker span{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:4px 7px;background:#eef0ec;color:#657069}.product-card h3{font:700 17px/1.25 Manrope;margin:12px 0 3px}.sku{font-size:11px;font-weight:700;letter-spacing:.6px;color:#9a7e49;margin:0}.composition{height:39px;color:var(--muted);font-size:12px;line-height:1.5;margin:12px 0 15px}.product-pricing{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:13px;gap:8px}.product-pricing div{display:flex;flex-direction:column}.product-pricing small{font-size:9px;color:#8b928d;margin-bottom:4px}.product-pricing strong{font-size:14px}.margin-good{color:var(--green)!important}.margin-low{color:var(--red)!important}.hidden{display:none!important}.product-grid.list-view{grid-template-columns:1fr}.list-view .product-card{display:grid;grid-template-columns:190px 1fr}.list-view .product-image-wrap{height:180px}.list-view .product-pricing{max-width:440px}.quote-tray{position:fixed;bottom:25px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:11px 12px 11px 18px;display:flex;align-items:center;gap:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:40;opacity:0;transition:.3s}.quote-tray.visible{transform:translate(-50%,0);opacity:1}.quote-tray>div:first-child{display:flex;align-items:center;gap:12px}.quote-tray>div>span{width:34px;height:34px;display:grid;place-items:center;background:#33443b;border-radius:50%;font-weight:700}.quote-tray p{margin:0;display:flex;flex-direction:column;font-size:12px}.quote-tray small{font-size:10px;color:#aeb8b1;margin-top:2px}.text-button.light{color:#d5c294}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-state strong{font:700 20px Manrope;color:var(--ink)}
.flash{width:min(1420px,calc(100% - 64px));margin:20px auto 0;padding:14px 18px;border-radius:3px}.flash.success{background:#dcece3;color:#245f45}.flash.error{background:#f4dddd;color:#8c3733}.flash ul{margin:8px 0 0;padding-left:18px}.page-header{padding-block:55px 34px;display:flex;align-items:end;justify-content:space-between;gap:30px}.page-header h1{font-size:48px}.compact-header{padding-top:38px}.back-link{display:block;font-size:12px;color:#68716b;margin-bottom:22px}.header-actions{display:flex;gap:10px}.quote-search{padding:12px;display:flex;gap:10px;margin-bottom:20px}.quote-search .search-field{flex:1}.quotes-table{overflow:hidden}.quotes-row{display:grid;grid-template-columns:1.2fr 1.5fr .5fr .85fr .7fr .65fr .65fr;gap:16px;padding:18px 22px;align-items:center;border-bottom:1px solid var(--line)}.quotes-row:last-child{border:0}.quotes-row>span{display:flex;flex-direction:column;min-width:0}.quotes-row small{font-size:11px;color:var(--muted);margin-top:4px}.quotes-head{padding-block:11px;background:#f7f7f3;text-transform:uppercase;font-size:9px;letter-spacing:.8px;color:#747d76;font-weight:700}.row-actions{flex-direction:row!important;gap:12px;font-size:12px;color:#8d7040}.status{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:5px 8px;border-radius:20px;align-self:flex-start;background:#eceeea}.status-sent{background:#e0e9f2;color:#376184}.status-accepted{background:#dcecdf;color:#2f6844}.status-expired{background:#f0dddd;color:#96443e}.pagination{display:flex;gap:4px;margin-top:20px}.pagination>*{background:#fff;padding:8px 11px;border:1px solid var(--line)}
.quote-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.quote-preview{padding:34px}.preview-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--gold);padding-bottom:20px}.preview-heading>div{display:flex;align-items:center;gap:10px}.preview-heading>div:last-child{align-items:end;flex-direction:column;gap:4px}.preview-heading small{font-size:9px;letter-spacing:1.5px}.preview-meta{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:24px 0;gap:30px}.preview-meta>div{display:flex;flex-direction:column}.preview-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8b928d;margin:8px 0 3px}.preview-meta small:first-child{margin-top:0}.preview-meta span{color:var(--muted);font-size:12px;margin-top:3px}.detail-items{border-top:1px solid var(--line)}.detail-item{display:grid;grid-template-columns:minmax(300px,1fr) 90px 110px 120px;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.detail-item>span{display:flex;flex-direction:column}.detail-item small{font-size:9px;color:var(--muted);margin-bottom:4px}.detail-product{display:flex;align-items:center;gap:13px}.detail-product img{width:55px;height:55px;object-fit:contain;background:#eeeee9}.detail-product>div{display:flex;flex-direction:column}.detail-product span{font-size:12px}.detail-product small{margin-top:4px}.preview-footer{display:grid;grid-template-columns:1fr 240px;gap:30px;padding-top:24px}.preview-footer p{white-space:pre-line;font-size:11px;line-height:1.6;color:var(--muted);margin:0}.preview-footer p strong{display:block;color:var(--ink);margin-bottom:5px}.preview-footer>div{background:#f0eee7;padding:17px;display:grid;grid-template-columns:1fr auto}.preview-footer>div strong{font:800 22px Manrope}.preview-footer>div small{grid-column:1/-1;text-align:right;color:var(--muted)}.analysis-stack{display:flex;flex-direction:column;gap:14px;position:sticky;top:100px}.analysis-card{padding:23px}.analysis-card.dark{background:var(--ink);color:#fff}.analysis-card>strong{display:block;font:800 40px Manrope}.analysis-card>span{font-size:11px;color:#b7c2ba}.meter{height:6px;background:#dfe2dc;margin-top:16px;overflow:hidden}.dark .meter{background:#35473d}.meter i{display:block;height:100%;background:var(--gold);transition:.25s}.metric-list{padding:18px}.metric-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.metric-list>div:last-child{border:0}.metric-list .total{font-size:14px;padding-top:14px}.metric-list .total strong{color:var(--green)}.note-card{padding:18px}.note-card small{text-transform:uppercase;font-size:9px;letter-spacing:.8px;color:var(--muted)}.note-card p{font-size:12px;line-height:1.55;white-space:pre-line}.danger-link{border:0;background:transparent;color:var(--red);font-size:12px;text-decoration:underline;cursor:pointer}
.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:24px;align-items:start}.builder-main{display:flex;flex-direction:column;gap:18px}.form-section{padding:26px}.section-title{display:flex;align-items:start;gap:13px;margin-bottom:24px}.section-title>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #c7a259;color:#8c7242;font-size:10px;border-radius:50%;flex:none}.section-title h2{font:700 20px Manrope;margin:0}.section-title p{color:var(--muted);font-size:12px;margin:3px 0 0}.product-section-title .btn{margin-left:auto}.form-grid{display:grid;gap:17px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid label,.item-details label{display:flex;flex-direction:column;gap:7px}.form-grid label>span,.item-details label>span,.currency-field>span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#677069}.span-2{grid-column:span 2}.form-grid textarea{resize:vertical;line-height:1.5}.builder-table-head,.builder-item{display:grid;grid-template-columns:minmax(290px,1fr) 85px 115px 105px 115px 30px;gap:12px;align-items:center}.builder-table-head{padding:9px 8px;color:#848b86;text-transform:uppercase;letter-spacing:.6px;font-size:9px;border-bottom:1px solid var(--line)}.builder-item{padding:14px 8px;border-bottom:1px solid var(--line)}.builder-product{display:flex;gap:12px;align-items:center;min-width:0}.builder-product>img,.builder-product>.image-placeholder{width:55px;height:55px;object-fit:contain;background:#eeeeea;flex:none}.builder-product>div{display:flex;flex-direction:column;min-width:0}.builder-product strong{font-size:12px}.builder-product span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-product small{font-size:9px;color:var(--muted);margin-top:4px}.builder-item input{width:100%;padding:9px;border:1px solid #d5d9d4}.money-input{position:relative}.money-input>span{position:absolute;left:9px;top:9px;color:#7c847e}.money-input input{padding-left:22px}.item-margin{display:flex;flex-direction:column}.item-margin small{font-size:9px;color:var(--muted);margin-top:3px}.remove-item{border:0;background:transparent;font-size:21px;color:#9ba19d;cursor:pointer}.item-details{grid-column:1/-1;margin-left:67px}.item-details summary{font-size:10px;color:#887044;cursor:pointer}.item-details>div{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:10px}.mobile-label{display:none}.empty-state.compact{padding:30px}.empty-state.compact strong{font-size:15px}.builder-summary{position:sticky;top:100px}.summary-card{padding:23px}.summary-margin strong{font:800 40px Manrope;display:block}.summary-margin span{font-size:11px;color:var(--muted)}.metric-list.compact{padding:15px 0;margin:10px 0}.currency-field{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.currency-field select{width:95px}.summary-footnote{text-align:center;font-size:10px;color:var(--muted);margin:12px 0 0}.product-picker{width:min(760px,calc(100% - 30px));height:min(720px,calc(100vh - 40px));border:0;padding:0;box-shadow:0 25px 90px rgba(0,0,0,.32);background:#f6f5f0}.product-picker::backdrop{background:rgba(18,28,23,.65);backdrop-filter:blur(3px)}.picker-header{display:flex;justify-content:space-between;align-items:center;padding:23px 26px 15px}.picker-header h2{font:700 26px Manrope;margin:0}.picker-header button{border:0;background:transparent;font-size:30px;cursor:pointer}.product-picker>.search-field{margin:0 26px 15px}.picker-products{padding:0 26px 26px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;overflow-y:auto;max-height:580px}.picker-product{border:1px solid var(--line);background:#fff;padding:10px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.picker-product img,.picker-product>.image-placeholder{width:52px;height:52px;object-fit:contain;background:#eee}.picker-product>span{display:flex;flex-direction:column;min-width:0}.picker-product small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.picker-product em{font-style:normal;font-size:10px;color:#8a7040}.picker-product.added{background:#edf3ee;border-color:#88aa95}.picker-product.added em{color:var(--green)}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.builder-layout,.quote-detail-grid{grid-template-columns:1fr}.builder-summary,.analysis-stack{position:static}.builder-summary{order:-1}.quotes-row{grid-template-columns:1.2fr 1.4fr .5fr .8fr .65fr}.quotes-row>span:nth-child(5),.quotes-row>span:nth-child(6){display:none}.hero-metrics{display:none}.builder-table-head,.builder-item{grid-template-columns:minmax(250px,1fr) 75px 110px 90px 105px 26px}}
@media(max-width:760px){.page-shell{width:min(100% - 28px,1420px)}.topbar{height:64px;padding:0 14px;gap:12px}.main-nav{display:none}.brandmark small{display:none}.topbar>.btn{font-size:0}.topbar>.btn span{font-size:18px}.hero{padding-block:38px 28px}.hero h1,.page-header h1{font-size:38px;letter-spacing:-1.5px}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.product-grid{grid-template-columns:1fr}.product-image-wrap{height:260px}.page-header{align-items:start;flex-direction:column}.page-header>.btn{width:100%}.quotes-table{overflow-x:auto}.quotes-row{min-width:760px}.quote-search{flex-direction:column}.quote-preview{padding:20px}.preview-meta{grid-template-columns:1fr 1fr}.detail-item{grid-template-columns:1fr 70px 90px}.detail-item>span:last-child{display:none}.preview-footer{grid-template-columns:1fr}.form-section{padding:19px}.form-grid.three,.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.builder-table-head{display:none}.builder-item{grid-template-columns:1fr 1fr;gap:10px;padding-block:18px}.builder-product{grid-column:1/-1}.builder-item>label{display:flex;flex-direction:column;gap:4px}.mobile-label{display:block;font-size:9px;text-transform:uppercase;color:var(--muted)}.item-margin,.item-total{align-self:end}.remove-item{position:absolute;right:24px;margin-top:-68px}.item-details{grid-column:1/-1;margin-left:0}.product-section-title{flex-wrap:wrap}.product-section-title .btn{width:100%;margin:10px 0 0}.picker-products{grid-template-columns:1fr}.quote-tray{width:calc(100% - 20px);bottom:10px}.quote-tray .text-button{display:none}.preview-heading{align-items:start}.preview-heading>div:last-child{display:none}}

/* Quote retail pricing and side-by-side margin tracking. */
.builder-table-head,.builder-item{grid-template-columns:minmax(250px,1fr) 75px 105px 105px 120px 105px 30px}
.item-margin{gap:3px}.item-margin>span{display:flex;align-items:center;justify-content:space-between;gap:7px}.item-margin>span em{font-size:8px;color:var(--muted);font-style:normal;text-transform:uppercase}.item-margin small{margin-top:0}
.detail-item{grid-template-columns:minmax(250px,1fr) 70px 90px 90px 125px 105px}
@media(max-width:1100px){.builder-table-head,.builder-item{grid-template-columns:minmax(220px,1fr) 70px 100px 100px 110px 100px 26px}}
@media(max-width:760px){.builder-item{grid-template-columns:1fr 1fr}.detail-item{grid-template-columns:1fr 1fr}.detail-item .detail-product{grid-column:1/-1}.detail-item>span:last-child{display:flex}}