body{background:#fff;color:#20201e;font-family:Manrope,Arial,sans-serif}.system-page{padding:110px max(24px,5vw) 72px;max-width:1600px;margin:auto}.system-page h1{font-size:clamp(34px,4.5vw,62px);font-weight:500;line-height:1.12;margin:18px 0 40px}.system-page .eyebrow{font-size:14px;margin:32px 0 0;color:#555}.back,.palette-link{font-size:15px;color:#333}.system-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,76px)}.system-preview>img{display:block;width:100%;max-height:650px;object-fit:contain;object-position:left top}.system-preview>p{font-size:16px;line-height:1.7;margin:22px 0}.system-product-cards{display:flex;gap:20px;flex-wrap:wrap}.system-product-cards figure{margin:0;width:calc((100% - 40px)/3);max-width:160px;min-width:100px}.system-product-cards img{width:100%;aspect-ratio:1;object-fit:contain}.system-product-cards figcaption{font-size:14px;line-height:1.5}.system-controls h2{font-size:24px;font-weight:500;margin:0 0 24px}.system-controls label{display:block;font-size:16px;margin:20px 0 12px}.system-controls input,.system-controls select{display:block;box-sizing:border-box;width:100%;font:inherit;padding:15px;margin-top:10px;border:1px solid #bbb;background:#fff;color:#222;min-height:50px}.location{font-size:15px;color:#555;margin:22px 0 32px}.system-line{display:flex;gap:20px;border-block:1px solid #ddd;padding:22px 0}.system-line img{width:100px;height:130px;object-fit:contain}.system-line h3{font-size:18px;font-weight:500;margin:0 0 10px}.system-line p{font-size:15px;line-height:1.6;margin:8px 0}.system-line strong{font-size:18px;font-weight:500}.purchase-note{font-size:14px;color:#555;line-height:1.6}#system-price{font-size:22px;margin:26px 0 10px}#selection-guidance{font-size:16px;line-height:1.6;margin:26px 0}.system-actions{display:flex;gap:12px;flex-wrap:wrap}.system-actions button{font:inherit;padding:15px 22px;border:1px solid #333;background:#fff;color:#222;cursor:pointer}.system-actions button:first-child{background:#222;color:#fff}.system-actions button:disabled{opacity:.4;cursor:default}#save-status,#summary-text{font-size:15px;line-height:1.7}#saved-summary{margin-top:28px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #222;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){.system-layout{grid-template-columns:1fr}.system-page{padding-top:98px}.system-page h1{margin-bottom:28px}.system-preview>img{max-height:420px}.system-product-cards{gap:14px}.system-product-cards figure{width:calc((100% - 28px)/3);min-width:80px}.system-line img{width:80px}.system-actions button{flex:1 1 auto}.system-controls h2{margin-top:12px}}
.price-breakdown{margin:26px 0 0;font-size:16px}.price-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #ddd}.price-breakdown dd{margin:0;white-space:nowrap}#system-price{line-height:1.4}

.chosen-color{display:flex;align-items:center;gap:16px;min-height:64px;margin:16px 0;padding:8px;border:1px solid #ddd}.chosen-color img{width:72px;height:72px;object-fit:cover}.chosen-color span{font-size:16px;background:white;padding:6px}.color-actions{display:flex;gap:10px;flex-wrap:wrap}.color-actions button,#close-system-palette{font:inherit;padding:12px 16px;border:1px solid #aaa;background:#fff;cursor:pointer;color:#222}#system-palette{margin-top:24px;border-block:1px solid #ddd;padding:24px 0}#system-palette h2{font-size:22px}.system-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;max-height:520px;overflow:auto;padding:5px;margin:18px 0}.system-color-sample{padding:0;border:1px solid transparent;background:#fff;color:#222;font:inherit;cursor:pointer}.system-color-sample img,.system-screen-color{display:block;width:100%;aspect-ratio:1;object-fit:cover}.system-color-sample>span:last-child{display:block;padding:8px 0;font-size:14px}.system-color-sample[aria-pressed=true]{border-color:#222}@media(max-width:480px){.system-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:440px}.color-actions button{font-size:14px}}

#saved-colors{margin:24px 0}#saved-colors h2{font-size:18px;margin-bottom:12px}.saved-colors-list{display:flex;gap:10px;flex-wrap:wrap}.saved-color{display:flex;border:1px solid #bbb}.saved-color button{border:0;background:white;font:inherit;font-size:14px;padding:10px;cursor:pointer;color:#222}.saved-color button:last-child{border-left:1px solid #ddd;font-size:20px;padding:6px 12px}

#system-palette{border:0;padding:0;margin:22px 0 28px}.system-palette-grid{display:flex;flex-direction:column;gap:0;max-height:280px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #bbb;padding:0;margin:12px 0}.system-controls label.system-color-row{display:flex;align-items:center;gap:18px;margin:0;padding:12px 16px;min-height:64px;border-bottom:1px solid #e5e5e5;cursor:pointer}.system-controls .system-color-row input{width:20px;height:20px;min-height:20px;padding:0;margin:0;flex:0 0 20px;accent-color:#222}.system-color-code{font-size:16px;flex:1}.system-color-row img,.system-color-row .system-screen-color{display:block;width:48px;height:48px;flex:0 0 48px;aspect-ratio:1;object-fit:cover}.system-color-row:has(input:checked){background:#f3f3f3}.system-color-row:focus-within{outline:2px solid #222;outline-offset:-2px}.chosen-color{min-height:48px;border:0;padding:0}.chosen-color img{width:48px;height:48px}@media(max-width:480px){.system-palette-grid{max-height:260px}.system-controls label.system-color-row{padding:10px 14px;gap:14px}}

.color-picker-toggle{display:block;width:100%;text-align:left;font:inherit;color:#222;background:#fff;border:1px solid #bbb;padding:15px;min-height:50px;cursor:pointer;margin:12px 0}.color-picker-toggle::after{content:"⌄";float:right}#system-palette{margin-top:12px}

.system-preview>h2{font-size:26px;font-weight:500;margin:28px 0 14px}.system-product-cards{display:flex;flex-direction:column;gap:18px}.system-product-cards figure{display:flex;align-items:center;gap:20px;width:100%;max-width:none;min-width:0;margin:0;padding:16px 0;border-bottom:1px solid #ddd}.system-product-cards img{width:110px;height:110px;flex:0 0 110px}.system-product-cards figcaption{font-size:16px}.system-product-cards .excluded{opacity:.65}.order-line{position:relative;border-bottom:1px solid #ddd;padding:20px 110px 20px 0}.order-line h3{font-size:18px;font-weight:500;margin:0 0 10px}.order-line p{font-size:14px;line-height:1.6}.order-line button{position:absolute;right:0;top:20px;padding:10px 14px;background:white;border:1px solid #999;font:inherit;color:#222;cursor:pointer}.order-line .line-price{font-size:16px}#system-name{font-size:20px}.system-preview #system-components{display:none}@media(max-width:480px){.order-line{padding-right:90px}.order-line button{padding:10px;font-size:14px}.system-product-cards img{width:88px;height:88px;flex-basis:88px}}

.system-actions a,.extra-order-line button,.additional-product button{display:inline-block;font:inherit;padding:15px 22px;border:1px solid #333;background:#fff;color:#222;text-decoration:none;cursor:pointer}.extra-order-line{padding:20px 0;border-bottom:1px solid #ddd}.extra-order-line h3{font-size:18px;font-weight:500}.extra-order-line input{max-width:130px}.additional-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0}.additional-product{padding:24px;border:1px solid #ccc}.additional-product h2{font-size:24px;font-weight:500}.additional-product p{font-size:16px;line-height:1.6}.additional-product input{display:block;font:inherit;width:100%;padding:12px;box-sizing:border-box;margin:12px 0 20px}.additional-product button{width:100%}#add-to-system,#return-selection{text-decoration:none;box-sizing:border-box}#product-status{font-size:16px;line-height:1.6}@media(max-width:760px){.additional-products{grid-template-columns:1fr}.system-actions a{flex:1 1 auto}}

/* Selection actions share a left edge; export is a separate text action. */
.system-actions{display:flex;align-items:stretch;gap:12px;margin-top:24px}
.system-actions button,.system-actions .consult-system{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:52px;line-height:1.4;text-align:center;margin:0}
.system-actions button:not(:disabled):hover{background:#444}
.system-actions .consult-system:hover{background:#f2f2f2}
#download-system{display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;max-width:100%;min-height:44px;margin:12px 0 0;padding:8px 0;border:0;background:transparent;color:#444;font:inherit;font-size:14px;line-height:1.5;text-decoration:none;cursor:pointer}
#download-system[aria-disabled=true]{color:#777;cursor:default}
#download-system[aria-disabled=true]:hover{color:#777;background:transparent}
#download-system:hover{color:#111;background:#f3f3f3}
#download-system:focus-visible{outline:2px solid #222;outline-offset:4px;text-decoration:none}
#save-status:empty{display:none}
@media(max-width:760px){.system-actions{display:grid;grid-template-columns:1fr;gap:10px}.system-actions button,.system-actions .consult-system{width:100%;padding:14px 16px}#download-system{margin-top:10px;text-align:left}}

.system-actions .checkout-link{background:#222;color:#fff;display:flex;align-items:center;justify-content:center;min-height:52px}.system-secondary-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:18px}.system-secondary-links a{display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none}.system-secondary-links a[aria-disabled="true"]{opacity:.4;cursor:default}

.system-secondary-links #save-system,.system-secondary-links #download-system{display:inline-block;flex:0 0 auto;min-height:0;max-width:none;margin:0;padding:0;line-height:1.5;font-size:14px;align-self:baseline;border:0;background:none;color:inherit;opacity:1;cursor:pointer}.system-secondary-links{align-items:baseline;justify-content:flex-start}.system-secondary-links #download-system:hover{background:none}

.system-product-cards img,.system-line img{box-sizing:border-box;padding:18px;object-fit:contain;object-position:center;background:#fff;mix-blend-mode:multiply}