*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#075635;font:14px/1.6 Arial,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}button{cursor:pointer;border:1px solid #d4ddda;background:#fff;color:#075635;border-radius:5px;padding:11px 14px}button:hover{border-color:#37778a}button[aria-pressed=true]{border-color:#164e62;background:#eaf2f2;box-shadow:inset 0 0 0 1px #164e62}a{color:inherit}header{padding:15px 3vw;background:#fff;display:flex;justify-content:space-between;align-items:center;border-top:4px solid #1484a8;border-bottom:1px solid #dce3df}header>a:first-child{display:flex;align-items:center;gap:22px;text-decoration:none}header img{width:160px;height:53px;object-fit:contain}header span{font-size:10px;letter-spacing:.2em;border-left:1px solid #ddd;padding-left:22px}header>a:last-child{font-size:12px}main{max-width:1600px;margin:auto;padding:30px 3vw}.intro-config{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#678084;margin:0}h1{font:42px/1.2 Georgia,serif;margin:10px 0}h2{font:28px/1.2 Georgia,serif;margin:12px 0}.intro-config>p{font-size:12px;color:#65777a}.config-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:28px;align-items:start}.visual{position:sticky;top:20px;min-width:0}.view-tools{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.view-tools button{font-size:12px}.stage-image{width:100%;display:block;height:auto;border-radius:7px}.product-stage{position:relative;aspect-ratio:1/1;background:radial-gradient(ellipse,#fff,#ecebe5);border-radius:7px;overflow:hidden}.product-stage img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.compare-stage{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-stage figure{margin:0}.compare-stage img{width:100%;display:block;border-radius:6px}.compare-stage figcaption{font-size:12px;padding:8px 0}#view-note{font-size:11px;color:#64777a;line-height:1.6;min-height:38px}.visual-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #d8dfdb}.visual-footer img{width:155px}.visual-footer span{font-size:10px;text-align:right;color:#63777a}aside{padding:25px;background:white;border:1px solid #e0e5df;border-radius:8px}.muted,.hint{color:#67787a}.hint{font-size:11px;line-height:1.65}fieldset{border:0;border-top:1px solid #e0e5df;padding:19px 0 12px;margin:22px 0 0}legend{font-size:12px;font-weight:bold;padding-right:15px}.finish-options,.feed-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finish-options button,.feed-options button{font-size:11px}.finish-options i{display:block;width:28px;height:28px;border-radius:50%;margin:0 auto 7px;border:1px solid #b5babb}.silver{background:linear-gradient(120deg,#a1a9a8,#eef0ed,#9babab)}.charcoal{background:linear-gradient(120deg,#222b2c,#4b5352)}details{font-size:11px;padding:14px 0;border-block:1px solid #e0e5df}summary{cursor:pointer}details ul{padding-left:18px}label{display:block;font-size:11px;margin:17px 0}input,textarea{display:block;width:100%;padding:10px;border:1px solid #ccd8d4;border-radius:5px;margin-top:7px;background:white;color:#075635}.qty input{max-width:90px}.summary{font-size:12px;background:#f3f6f3;padding:12px;margin:15px 0}.primary{background:#174c60;color:white;width:100%;border-color:#174c60}.secondary{display:flex;gap:8px;margin-top:9px}.secondary>*{flex:1;font-size:11px;text-align:center}.load{border:1px solid #d4ddda;padding:11px 8px;border-radius:5px;margin:0;cursor:pointer}.load input{max-width:140px;font-size:9px}#config-status{font-size:12px}@media(max-width:850px){.config-layout{grid-template-columns:1fr}.visual{position:static}.intro-config{display:block}h1{font-size:34px}.intro-config>p{display:none}main{padding:22px 18px}.product-stage{max-height:65vh;aspect-ratio:1}header span{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}

#stage{aspect-ratio:3/2;position:relative;background:#eae9e3;border-radius:7px;overflow:hidden}#stage[aria-busy=true]::after{content:"Loading view…";position:absolute;right:12px;bottom:12px;background:#fffef2;padding:6px 10px;border-radius:4px;font-size:11px}.product-stage{aspect-ratio:3/2!important;max-height:none!important}.compare-stage{height:100%;align-items:center;padding:12px}.stage-image{aspect-ratio:3/2;object-fit:contain}@media(prefers-reduced-motion:no-preference){#stage>img,#stage>div{animation:scene-appear .18s ease-out}@keyframes scene-appear{from{opacity:.65}to{opacity:1}}}

.inspection-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.inspection-tools span{font-size:11px;color:#67787a;margin-right:auto}.inspection-tools button{font-size:11px;padding:7px 10px}.inspection-tools button:disabled{opacity:.4;cursor:default}#stage[data-inspection=feeding]>.stage-image,#stage[data-inspection=feeding]>.product-stage{transform:scale(1.85);transform-origin:27% 56%}#stage[data-inspection=door]>.stage-image,#stage[data-inspection=door]>.product-stage{transform:scale(1.65);transform-origin:70% 48%}.feeding-guide{background:#fff;padding:22px 24px;border:1px solid #dce3df;border-radius:7px;margin:18px 0}.feeding-guide h3{font:23px/1.25 Georgia,serif;margin:9px 0}.feeding-guide p:not(.eyebrow){font-size:13px;max-width:65ch}.feeding-guide .fit-note{color:#65777a;border-top:1px solid #e0e5df;padding-top:12px}.feeding-guide a{font-size:11px}.visual{position:static}@media(min-width:1100px){.visual{position:sticky;top:16px}}

.feeding-guide{padding:14px 18px}.feeding-guide details{border:0;padding:0}.feeding-guide summary{font-size:13px;font-weight:600}@media(min-width:851px){.visual{position:sticky;top:16px}}

.cart-section{margin:48px 0 24px;padding:28px;background:white;border:1px solid #dce3df;border-radius:8px}.cart-item{display:grid;grid-template-columns:minmax(180px,32%) 1fr;gap:24px;padding:24px 0;border-top:1px solid #dce3df}.cart-item img{width:100%;border-radius:6px}.cart-item h3{margin-top:0}.cart-item p{font-size:13px}.cart-item input{max-width:100px}.cart-item button{margin-right:8px}.cart-section>.primary{width:auto;margin-top:20px}button:disabled{opacity:.5;cursor:default}#brief{width:100%}@media(max-width:600px){.cart-item{grid-template-columns:1fr}.cart-section{padding:18px}}

/* Preview-led configuration layout */
.design-actions{display:flex;gap:8px;align-items:center;margin-bottom:12px}.design-actions button{padding:7px 13px;font-size:13px}.design-actions span{margin-left:auto;font-size:12px;color:#697766}.feed-options button,.finish-options button,legend{font-size:14px}.hint,label,details{font-size:13px}.eyebrow{font-size:11px}.view-tools button,.inspection-tools button{font-size:13px}.config-layout{grid-template-columns:minmax(0,1fr) 360px}aside{padding:22px}.visual{top:12px}.visual-footer{padding-top:10px}#view-note{font-size:12px}.feeding-guide{margin:12px 0}
@media(min-width:851px){.visual{position:sticky}#stage{max-height:calc(100dvh - 255px);aspect-ratio:3/2}.stage-image,.product-stage{height:100%;width:100%}.visual .feeding-guide{display:none}.visual-footer{display:none}}
@media(max-width:850px){.config-layout{display:block}.visual{position:sticky;top:0;z-index:5;background:#f7f6f2;padding:8px 0 10px;margin-bottom:18px;border-bottom:1px solid #d4ddda}.design-actions{margin-bottom:6px}.design-actions span{display:none}.view-tools{margin-bottom:6px;gap:5px}.view-tools button{font-size:12px;padding:7px 9px}#stage{height:clamp(155px,28dvh,260px);aspect-ratio:auto}.stage-image,.product-stage{height:100%;object-fit:contain;width:100%}.inspection-tools{margin-top:6px;gap:5px}.inspection-tools span{display:none}.inspection-tools button{padding:6px 9px;font-size:12px}#view-note{font-size:10px;line-height:1.3;min-height:0;margin:6px 0 0}.visual-footer,.visual .feeding-guide{display:none}aside{padding:18px}.intro-config{margin-bottom:14px}h1{font-size:30px}main{padding:18px 12px}.feed-options button,.finish-options button{min-height:48px}.cart-section{margin-top:28px}}

/* Contextual help belongs with the feeding choices, outside the pinned scene. */
aside .feeding-guide{display:block;margin:10px 0 0;padding:12px;background:#f7f8f5}aside .feeding-guide p{font-size:13px}aside .feeding-guide a{font-size:12px}

/* Focused selection sections with persistent selected-value summaries. */
.config-section{border:0;border-top:1px solid #dce3df;padding:0;font-size:14px}
.config-section>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:19px 0;min-height:76px}
.config-section>summary::-webkit-details-marker{display:none}
.section-number{font-size:11px;letter-spacing:.08em;color:#6a8589;align-self:flex-start;padding-top:3px}
.section-title{font-size:16px;font-weight:600;flex:1;line-height:1.4}
.section-title small{display:block;font-size:12px;font-weight:400;color:#65777a;margin-top:5px;line-height:1.5}
.section-indicator{font-size:22px;font-weight:300;line-height:1}.config-section[open] .section-indicator{transform:rotate(45deg)}
.section-content{padding:0 0 20px}.section-content fieldset{margin:0;padding:8px 0 12px;border:0}.section-content fieldset+fieldset{margin-top:14px;border-top:1px solid #e0e5df;padding-top:18px}
.section-content legend{margin-bottom:10px;font-size:13px}.continue-choice{width:100%;margin-top:15px;background:#edf3f2;border-color:#cbdad6;font-size:13px}
.fixed-spec{font-size:12px;background:#f6f7f3;border-left:2px solid #bdd0c9;padding:10px 12px;color:#627773}
aside>h2{font-size:30px}aside>.muted{font-size:13px;margin-bottom:24px}.config-section:last-child{border-bottom:1px solid #dce3df}
@media(max-width:850px){.section-title{font-size:16px}.config-section>summary{min-height:76px}.section-content{padding-bottom:16px}}

.component-scene{display:block;width:100%;height:100%}#stage[data-inspection=feeding]>.component-scene{transform:scale(1.85);transform-origin:27% 56%}#stage[data-inspection=door]>.component-scene{transform:scale(1.65);transform-origin:70% 48%}

/* Keep supporting guidance available without repeating it beside each choice. */
#feed-explanation{display:none}.enquiry-help{margin-top:16px;font-size:13px}.enquiry-help p{margin-bottom:0}aside>h2{margin-bottom:22px}

.visual-choice{position:relative;padding:8px!important;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:8px}.choice-art{width:100%;height:110px;display:block;background:#f1f1eb;border-radius:3px;pointer-events:none}.choice-label{display:block;padding:0 3px 4px;font-size:13px;line-height:1.4}.visual-choice[aria-pressed=true]::after{content:"✓";position:absolute;top:12px;right:12px;width:21px;height:21px;display:grid;place-items:center;background:#174c60;color:white;border-radius:50%;font-size:13px}.visual-choice[data-post] .choice-art{height:85px}.visual-choice:hover .choice-art{background:#e9eeea}@media(max-width:850px){.choice-art{height:100px}.choice-label{font-size:14px}}

/* Genuine fitting photography, separate from the illustrative scene. */
.detail-open{font-size:13px;margin:0 0 14px;background:transparent;border-color:#bccdca}
#fitting-dialog{width:min(900px,94vw);max-height:90dvh;border:1px solid #d6dfd9;border-radius:12px;padding:24px;background:#fbfaf6;color:#075635;overflow:auto}
#fitting-dialog::backdrop{background:rgba(9,31,38,.7)}.detail-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.detail-header h2{margin:6px 0 20px}.detail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.detail-photo{margin:0}.detail-photo img{display:block;width:100%;height:min(48dvh,480px);object-fit:contain;background:#eeeee8;border-radius:6px}.detail-photo figcaption{font-size:16px;font-weight:600;margin-top:16px}#fitting-description{margin:8px 0;font-size:14px}#fitting-dialog>a{font-size:12px}.compare-stage .product-stage{height:auto;aspect-ratio:1!important}.cart-item .product-stage{height:auto;aspect-ratio:3/2!important}
@media(max-width:850px){.detail-open{font-size:12px;padding:6px 10px;margin:6px 0 0}#fitting-dialog{padding:18px}.detail-header h2{font-size:25px}.detail-photo img{height:36dvh}}

/* Complete Amsterdam visual selection */
.visual-choice[hidden]{display:none}.product-stage{width:100%;height:auto;display:block;background:#f7f8f8}.compare-stage .product-stage{aspect-ratio:1150/730!important;height:auto}#matching-status:empty,#feeding-compatibility:empty{display:none}.visual-choice[data-handle] .choice-art{height:72px}.choice-label{font-size:14px;line-height:1.35}.visual-choice:disabled{opacity:.4;cursor:not-allowed}

#stage > svg.product-stage{height:100%;width:100%;aspect-ratio:auto!important}

/* Scene-first controls: view navigation belongs to the image; editing belongs to the configuration. */
.visual .view-tools{display:flex;justify-content:center;gap:0;flex-wrap:nowrap;margin:0;padding:8px 12px;border:1px solid #dce3df;border-top:0;border-radius:0 0 8px 8px;background:#fff}
.visual #stage{border-radius:8px 8px 0 0}
.visual .view-tools button{flex:1;max-width:160px;min-height:42px;border:0;border-radius:4px;background:transparent;font-size:13px;padding:9px 12px;color:#63777a;box-shadow:none}
.visual .view-tools button[aria-pressed=true]{background:#edf3f2;color:#075635;font-weight:600;box-shadow:none}
.visual .view-tools button:hover:not(:disabled){background:#f2f5f3;color:#075635}
.configuration-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.configuration-heading h2{margin:7px 0 0;font-size:26px}
.configuration-heading .design-actions{display:flex;gap:2px;margin:0;flex-shrink:0}.configuration-heading .design-actions button{border:0;background:transparent;box-shadow:none;padding:8px;min-height:44px;font-size:12px;color:#587077}.configuration-heading .design-actions button:hover:not(:disabled){background:#f0f4f3}.configuration-heading .design-actions button+button{border-left:1px solid #e0e5df;border-radius:0}
.draft-status{display:block;font-size:11px;color:#7a8b8b;margin-top:10px}.inspection-tools{justify-content:center}.inspection-tools span{display:none}
@media(max-width:850px){.visual{padding-top:0}.visual .view-tools{padding:4px 6px}.visual .view-tools button{font-size:12px;min-height:40px;padding:7px 8px}.configuration-heading h2{font-size:25px}.draft-status{margin-bottom:6px}}

.preview-toolbar{display:flex;align-items:center;background:white;border:1px solid #dce3df;border-top:0;border-radius:0 0 8px 8px;padding:6px 10px;gap:10px;position:relative}.visual .preview-toolbar .view-tools{flex:1;border:0;padding:0;margin:0;background:none}.inspect-menu{position:relative;border:0;border-left:1px solid #e0e5df;padding:0 0 0 10px;font-size:13px}.inspect-menu>summary{min-height:42px;padding:10px 12px;list-style:none;border-radius:4px;font-weight:600}.inspect-menu>summary::-webkit-details-marker{display:none}.inspect-menu>summary:hover,.inspect-menu[open]>summary{background:#edf3f2}.inspect-menu .inspection-tools{position:absolute;right:0;bottom:calc(100% + 12px);width:200px;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:white;padding:8px;border:1px solid #dce3df;border-radius:8px;box-shadow:0 8px 26px #12333d20;z-index:8;margin:0}.inspect-menu .inspection-tools button{min-height:42px;text-align:left;border:0;margin:0;background:transparent;font-size:13px;padding:10px 12px}.inspect-menu .inspection-tools button[aria-pressed=true]{background:#edf3f2;box-shadow:none}.inspect-menu .inspection-tools .detail-open{border-top:1px solid #e0e5df;border-radius:0}.visual #view-note{margin:8px 2px 0;min-height:0;font-size:10px;color:#738486}@media(max-width:850px){.preview-toolbar{gap:2px;padding:4px}.inspect-menu{padding-left:3px}.inspect-menu>summary{font-size:12px;padding:10px 8px}.visual .preview-toolbar .view-tools button{padding:7px 5px;font-size:11px}}

.selection-page .intro-config,.selection-page .config-layout{display:none}.selection-page .cart-section{margin-top:0}.selection-page header a:last-child{font-weight:bold}

.studio-links{display:flex;gap:24px;align-items:center}.studio-links a{font-size:14px;text-decoration:none}body:not(.selection-page) #enquiry-cart{display:none}.selection-page #enquiry-cart:before{content:"Your products, together.";display:block;font:32px Georgia,serif;margin-bottom:25px}

.handle-render{width:100%;aspect-ratio:1;object-fit:contain;border-radius:4px;display:block}.handle-detail-link{font-size:12px;padding:8px 0;border:0;border-bottom:1px solid #789392;background:none;border-radius:0;margin-bottom:8px}
