/* Independent Wooded storefront skin. No Shoptet styles or remote font dependencies. */
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url('assets/brand/font-1.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('assets/brand/font-2.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('assets/brand/font-3.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('assets/brand/font-4.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('assets/brand/font-5.woff2') format('woff2')}
:root{--ink:#20251f;--muted:#737d6b;--olive:#536449;--line:#dadfd6;--cream:#f0eee7}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:15px;line-height:1.6}
a{color:inherit;text-underline-offset:5px}
button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--olive);outline-offset:4px}
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:12px;background:#fff}
.skip-link:focus{top:8px}
.standalone-strip{min-height:30px;padding:6px 16px;background:#e9eee6;text-align:center;font-size:11px;color:#34472c}
.standalone-header{min-height:94px;padding:20px max(4%,calc((100% - 1440px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:#fff}
.brand{display:inline-flex;flex:none}
.brand img{display:block;width:182px;height:auto}
.standalone-header nav{display:flex;justify-content:center;align-items:center;flex:1;gap:26px;font-size:13px}
.standalone-header a{text-decoration:none}
.standalone-header a:hover{text-decoration:underline}
.shop-back{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:14px;font-weight:500;color:var(--olive);white-space:nowrap}
.shop-back span{font-size:24px;font-weight:300}
main{width:min(1320px,92%);margin-inline:auto;padding-bottom:72px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-block:28px;font-size:12px;color:var(--muted)}
.breadcrumb a{text-decoration:none}
.configurator-heading{margin:12px 0 34px;max-width:1050px}
.eyebrow{font-size:12px;font-weight:600;color:var(--olive);margin:0 0 18px}
h1{font-size:clamp(32px,3.6vw,56px);line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:0 0 20px}
.in-konfigurator .configurator-intro{max-width:780px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.review-notice{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#edf0e7;font-size:13px}
#multiStepForm{width:100%;min-width:0;margin:0;padding:28px;background:#f8f8f5;border:1px solid #e8e9e2;border-radius:24px;box-shadow:none}
#multiStepForm .configurator-progress{color:var(--olive);font-size:13px;font-weight:500;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
#multiStepForm .form-step{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
#multiStepForm .form-step > :not(button){grid-column:1/-1}
#multiStepForm label{font-size:16px;font-weight:500;margin-bottom:10px}
#multiStepForm select,#multiStepForm input:not([type=submit]):not([readonly]),#multiStepForm textarea{width:100%;min-width:0;min-height:52px;margin-bottom:20px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:16px}
#multiStepForm input:focus-visible,#multiStepForm select:focus-visible,#multiStepForm textarea:focus-visible{outline:2px solid var(--olive);outline-offset:2px;border-color:var(--olive)}
#multiStepForm .category-images,#multiStepForm .product-images,#multiStepForm .wood-quality-image,#multiStepForm #woodTypeImages,#multiStepForm #shadeImages,#multiStepForm #tableEdgeImages{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin:4px 0 28px;align-items:start}
#multiStepForm #woodTypeImages,#multiStepForm #woodQualityImages{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin-inline:auto}
#multiStepForm .form-step img[role=button]{display:block;float:none!important;width:100%!important;max-width:none;min-height:0;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;margin:0!important;background:#fff;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
#multiStepForm #woodQualityImages img[role=button]{object-fit:cover}
#multiStepForm #tableEdgeImages{align-items:stretch}
#multiStepForm #tableEdgeImages .table-edge-option{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;margin:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--ink);text-align:left;transition:border-color .15s,box-shadow .15s}
#multiStepForm #tableEdgeImages .table-edge-option:hover{background:#fff;border-color:#a3af99}
#multiStepForm #tableEdgeImages .table-edge-option.selected{border-color:var(--olive);box-shadow:0 0 0 3px #53644920}
#multiStepForm #tableEdgeImages img{display:block;float:none!important;min-height:0;max-height:none;max-width:none;margin:0!important;border:0;border-radius:0}
#multiStepForm #tableEdgeImages .table-edge-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#multiStepForm #tableEdgeImages .table-edge-visual{display:block;position:relative;width:100%}
#multiStepForm #tableEdgeImages .table-edge-photo.is-profile{object-fit:contain;background:#fafbf8}
#multiStepForm #tableEdgeImages .table-edge-photo-label{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:4px;background:#ffffffd9;color:#465044;font-size:11px;line-height:1.4;font-weight:400;text-align:right}
#multiStepForm #tableEdgeImages .table-edge-caption{display:flex;align-items:center;gap:12px;padding:18px 16px;width:100%}
#multiStepForm #tableEdgeImages .table-edge-profile{flex:0 0 76px;width:76px;height:70px;object-fit:contain}
#multiStepForm #tableEdgeImages .table-edge-copy{display:block;min-width:0}
#multiStepForm #tableEdgeImages .table-edge-copy strong{display:block;font-size:15px;font-weight:600;line-height:1.45;margin-bottom:5px}
#multiStepForm #tableEdgeImages .table-edge-copy>span{display:block;font-size:12px;line-height:1.6;font-weight:400;color:var(--muted)}
#multiStepForm .table-edge-photo-note{font-size:12px;line-height:1.6;color:var(--muted);margin:-10px 0 24px}
#multiStepForm .form-step img[role=button]:hover{border-color:#a3af99}
#multiStepForm .form-step img[role=button].selected{border:2px solid var(--olive);box-shadow:0 0 0 3px #53644920}
#multiStepForm button,#multiStepForm input[type=submit]{min-height:48px;margin:4px 0 0;padding:12px 24px;border:1px solid var(--olive);border-radius:12px;background:var(--olive);color:#fff;font-size:15px;font-weight:500;cursor:pointer;float:none}
#multiStepForm button:hover,#multiStepForm input[type=submit]:hover{background:#435337}
#multiStepForm .next-step{grid-column:2;justify-self:end;min-width:170px}
#multiStepForm .previous-step{grid-column:1;justify-self:start;min-width:140px;background:transparent;color:var(--olive);border-color:#b8c1af}
#multiStepForm .previous-step:hover{background:#e9eee3}
#multiStepForm .link-to{font-size:13px;margin:0 0 24px}
#multiStepForm .summary{overflow-wrap:anywhere}
#multiStepForm .configurator-contact h2{color:var(--ink);font-size:26px;font-weight:500}
#multiStepForm .configurator-reassurance{font-size:14px;color:var(--muted)}
#multiStepForm .configurator-final-actions input[type=submit],#multiStepForm .configurator-final-actions .previous-step{min-width:0;width:100%}
#multiStepForm .configurator-final-actions input[type=submit]{background:var(--olive)}
#multiStepForm .configurator-final-actions input[type=submit]:hover{background:#435337}
#multiStepForm #step8 #total-price{min-height:0;border:0;padding:0;background:transparent;box-shadow:none;color:var(--ink);font-size:22px;font-weight:600}
#multiStepForm .price-total-price input[readonly]{color:var(--ink)}
#multiStepForm #configurator-forget{background:transparent;border:0;color:var(--muted);padding:4px 0;min-height:36px;font-size:12px;text-align:left}
#multiStepForm #configurator-forget:hover{color:var(--ink)}
.standalone-footer{border-top:1px solid var(--line);padding:40px max(4%,calc((100% - 1320px)/2));display:flex;align-items:center;gap:36px;background:#f5f7f4;font-size:14px}
.standalone-footer>div{flex:1}.standalone-footer strong{font-size:18px;font-weight:500}.standalone-footer p{margin:6px 0 0;color:var(--muted)}
@media(max-width:1000px){.standalone-header{gap:20px}.standalone-header nav{display:none}.shop-back{margin-left:auto}.standalone-footer{flex-wrap:wrap}.standalone-footer>div{flex-basis:100%}}
@media(max-width:700px){.standalone-header{min-height:76px;padding:16px 4%;gap:12px}.brand img{width:145px}.shop-back{font-size:12px;gap:8px}.shop-back span{font-size:20px}.breadcrumb{padding-block:20px}.configurator-heading{margin:8px 0 24px}.eyebrow{font-size:11px;margin-bottom:12px}h1{font-size:36px}.in-konfigurator .configurator-intro{font-size:14px}main{padding-bottom:40px}#multiStepForm{padding:18px 14px;border-radius:18px}#multiStepForm .category-images,#multiStepForm .product-images,#multiStepForm .wood-quality-image,#multiStepForm #shadeImages,#multiStepForm #tableEdgeImages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#multiStepForm .form-step img[role=button]{border-radius:10px}#multiStepForm .next-step,#multiStepForm .previous-step{width:100%;min-width:0}#multiStepForm .configurator-progress{font-size:12px;margin-bottom:18px}#multiStepForm .configurator-contact h2{font-size:22px}.standalone-footer{padding-block:28px;gap:14px 24px}}
@media(max-width:420px){.brand img{width:128px}h1{font-size:32px}#multiStepForm #step1 .category-images,#multiStepForm #productImages{grid-template-columns:1fr}#multiStepForm .form-step{column-gap:10px}#multiStepForm button{padding-inline:12px;font-size:14px}.standalone-strip{font-size:10px}}
@media(max-width:600px){#multiStepForm .price-total-price{grid-template-columns:1fr;gap:6px}#multiStepForm #step8 #total-price{text-align:left;font-size:26px}}
@media(max-width:700px){#multiStepForm #tableEdgeImages{grid-template-columns:1fr}#multiStepForm #tableEdgeImages .table-edge-option{border-radius:12px}#multiStepForm #tableEdgeImages .table-edge-caption{padding:14px;gap:14px}#multiStepForm #tableEdgeImages .table-edge-profile{flex-basis:64px;width:64px;height:58px}}
