/* Two ways to order: visual catalogue and a contextual specification form. */
.path-number{display:inline-block;border:1px solid #c3c7bd;border-radius:3px;padding:4px 6px;margin-right:7px;letter-spacing:0;color:#485142}.catalogue-heading{align-items:end;margin-bottom:28px}.catalogue-lead{font-size:14px;color:#73776e;line-height:1.6;margin-top:12px}.catalogue-heading .search{margin-bottom:2px;width:340px}.branch-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.branch-choices>button{display:flex;align-items:center;gap:22px;padding:23px 25px;text-align:left;border:1px solid #d3d7cd;background:#eeeeea;border-radius:6px;transition:background .18s,border-color .18s}.branch-choices>button[aria-pressed=true]{background:#252923;color:#f7f8ef;border-color:#252923}.branch-number{font-size:11px;letter-spacing:.5px;opacity:.55;align-self:flex-start;padding-top:4px}.branch-choices strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.65px;line-height:1.2}.branch-choices small{display:block;font-size:12px;margin-top:8px;color:#7d8575}.branch-choices [aria-pressed=true] small{color:#b9c2ab}.branch-choices .icon{margin-left:auto;width:23px}.branch-choices [aria-pressed=true]>.icon{color:var(--acid)}.branch-choices>button:hover{border-color:#737e67}.catalogue-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #d7dacf}.catalogue-controls .process-switch{margin:0}.catalogue-controls nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;color:#6b7464}.catalogue-controls nav strong{font-weight:550;color:#252c20}.catalogue-controls nav button{padding:8px 0;text-decoration:underline;text-underline-offset:4px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 21px}.stage-heading h3{font-weight:500;font-size:24px;letter-spacing:-.6px}.stage-heading p{font-size:12px;color:#717a67;margin-top:6px}.stage-heading>#resultCount{font-size:11px;color:#7d8574;white-space:nowrap}.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.type-card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid #dfe2d7;background:#fff;border-radius:7px;overflow:hidden;min-width:0;transition:box-shadow .2s,border-color .2s}.type-card:hover{border-color:#afb89f;box-shadow:0 5px 22px #2531160c}.type-image{height:205px;background:#f0f1eb;display:flex;align-items:center;justify-content:center;position:relative;padding:15px 30px;overflow:hidden;border-bottom:1px solid #e6e9e0}.type-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.type-card:hover .type-image img{transform:scale(1.035)}.tool-sketch{display:block;width:100%;height:100%;max-width:270px;max-height:240px}.sketch-label{position:absolute;top:13px;left:16px;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#8b9583}.type-copy{display:flex;flex-direction:column;padding:20px 23px;flex:1}.type-title{display:block;font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.55px;color:#20261c}.type-hint{font-size:12px;line-height:1.7;color:#747e69;margin-top:9px;max-width:330px}.type-link{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;font-weight:550;color:#535f45;margin-top:auto;padding-top:23px}.type-link .icon{width:19px;height:19px}.type-card:hover .type-link{color:#161f0d}.catalogue-scope{max-width:730px;font-size:11px;line-height:1.8;color:#77826c;margin-top:19px}.catalogue-assist{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid #d4dbca;margin-top:14px;font-size:13px;color:#5d6d4c}.type-empty{grid-column:1/-1;background:#ecefe5;padding:35px}.type-empty h3{font-size:23px;line-height:1.4;font-weight:450;margin-bottom:25px}.type-empty .text-link{margin-left:20px}
.specification{padding-top:64px;padding-bottom:66px;scroll-margin-top:24px}.specification-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.specification-intro .eyebrow{color:#728064}.specification :is(h1,h2){font-size:35px;letter-spacing:-1.1px;line-height:1.2;font-weight:450;max-width:680px;margin-top:15px}.specification-intro p:not(.eyebrow){font-size:14px;color:#707e62;margin-top:14px;line-height:1.7}.clear-spec{font-size:11px;color:#758565;text-decoration:underline;text-underline-offset:3px;padding:12px 0;white-space:nowrap}.specification-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:start}.spec-sidebar{position:sticky;top:130px;padding-top:28px}.spec-sidebar h3{font-size:23px;letter-spacing:-.6px;line-height:1.3;font-weight:450;max-width:240px}.spec-sidebar p{font-size:13px;line-height:1.85;color:#6d7b60;margin-top:19px}.spec-tip{display:flex;gap:12px;font-size:11px;color:#667b52;line-height:1.8;border-top:1px solid #d7dfcd;border-bottom:1px solid #d7dfcd;padding:21px 0;margin:25px 0}.spec-tip>.icon{width:16px;height:16px;margin-top:3px}.spec-form{background:#fff;border:1px solid #dce3d0;border-radius:8px;padding:30px}.spec-group{border:0;padding:0;margin:0 0 29px;min-width:0}.spec-group legend{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:550;margin-bottom:18px;width:100%;border-top:1px solid #e3e8db;padding:24px 0 0}.spec-group:first-child legend{border:0;padding-top:0}.spec-group legend>b{font-size:10px;color:#90a275;letter-spacing:1px;font-weight:500}.spec-group .form-grid{gap:18px 19px}.spec-group label,.spec-notes label{color:#4d603c;font-size:12px;line-height:1.4}.spec-group select,.spec-group input,.spec-notes textarea{border-color:#d3dcc8;background:#fcfdf9;font-size:13px;width:100%;padding:11px;min-height:44px;box-shadow:inset 0 1px 2px #273e0f02}.spec-group input::placeholder,.spec-notes textarea::placeholder{color:#9aa98b;font-size:12px;opacity:1}.spec-group label>span{display:flex;gap:9px;justify-content:space-between}.spec-group label>span>small{font-size:10px;color:#8f9d7e}.group-hint{font-size:11px;color:#788a64;line-height:1.75;margin:-4px 0 18px;max-width:560px}.field-error{display:block;color:#ad442b;font-size:11px;line-height:1.6;margin-top:6px}.field-error:empty{display:none}.spec-group [aria-invalid=true]{border-color:#b64f3e;outline-color:#b64f3e}.spec-notes{border-top:1px solid #e3e8db;padding-top:23px}.spec-notes .recommendation{display:flex;align-items:start;gap:9px;margin:15px 0 24px;cursor:pointer;font-size:12px;color:#62734f}.recommendation input{appearance:auto;min-height:0!important;width:16px;height:16px;margin:1px 0 0;accent-color:#5a713e;flex:none}.recommendation>span{margin:0;line-height:1.6}.config-summary{background:#f0f4e8;border:1px solid #e0e7d6;padding:18px;border-radius:5px}.config-summary .eyebrow{display:block;color:#7b9262;font-size:9px;letter-spacing:1px;margin-bottom:9px}.config-summary strong{font-size:17px;font-weight:500;line-height:1.4;display:block}.config-summary p{font-size:12px;line-height:1.75;color:#61784b;margin-top:8px}.config-summary small{display:block;font-size:11px;line-height:1.75;color:#6e8557;margin-top:9px}.help-requested{display:block;font-size:11px;color:#6c813e;padding-top:12px}.form-error{font-size:12px;color:#a84129;margin-top:14px;line-height:1.6}.form-error:empty{display:none}.config-actions{display:flex;align-items:end;gap:20px;margin-top:23px}.config-quantity{flex:none}.config-quantity>span{font-size:11px;color:#6b8056;margin-bottom:8px}.config-quantity .quantity-stepper{height:48px;background:#fff}.config-quantity .quantity-stepper button{height:46px;width:36px;color:#577337}.config-quantity .quantity-stepper input{font-size:14px;width:51px;padding:3px;min-height:46px;border:0;background:#fff}.config-actions>.button{flex:1;min-height:48px}.config-price{font-size:10px;color:#84956c;line-height:1.7;margin-top:13px;text-align:right}
.product-dialog{width:1060px;max-height:calc(100dvh - 42px);border-radius:9px}.configuration-layout{display:grid;grid-template-columns:36% minmax(0,1fr);align-items:start}.configuration-photo{position:sticky;top:0;min-height:620px;height:100%;background:#f1f3eb;padding:32px;display:flex;flex-direction:column;align-items:flex-start}.config-art{height:230px;width:100%;display:flex;align-items:center;justify-content:center;margin:9px 0 28px}.config-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.configuration-photo>.eyebrow{font-size:10px;color:#8b9a76;line-height:1.6}.configuration-photo h2{font-size:30px;letter-spacing:-.9px;font-weight:450;line-height:1.2;margin-top:10px}.geometry-explanation{font-size:13px;line-height:1.85;color:#687d51;margin-top:17px}.image-caption{font-size:10px;line-height:1.7;color:#859973;margin:23px 0 17px}.source-photos{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #d9e3ca;padding-top:16px;width:100%}.source-photos figure{margin:0;flex:1;min-width:58px;max-width:90px}.source-photos img{width:100%;height:64px;object-fit:contain;mix-blend-mode:multiply}.source-photos figcaption{font-size:8px;text-align:center;color:#809264;margin-top:7px}.configuration-photo>.muted{margin-top:auto;padding-top:24px;font-size:11px;color:#738954}.configuration-fields{padding:38px 32px 24px;min-width:0}.configuration-fields>.eyebrow{font-size:10px;color:#8a9c73;margin-bottom:27px;padding-right:30px}.configuration-fields .spec-group{margin-bottom:24px}.configuration-fields .spec-group legend{font-size:14px}.configuration-fields .config-actions{position:sticky;bottom:-24px;background:#fff;padding:15px 0 16px;margin-top:9px;border-top:1px solid #e1e8d7;z-index:1;box-shadow:0 -10px 16px #ffffffdb}.configuration-fields .config-price{margin-top:0}.configuration-fields .config-summary{margin-top:20px}.exact-options{border-top:1px solid #e0e7d6;padding-top:22px;margin:10px 0 22px}.exact-options h3{font-size:14px;font-weight:500;line-height:1.6;display:flex;gap:10px;align-items:center}.exact-options h3 span{background:#edf3e5;border:1px solid #d9e4ca;padding:1px 6px;font-size:10px;border-radius:3px;color:#7a925b}.exact-options p{font-size:11px;line-height:1.75;color:#7e9467;margin:8px 0 12px}.exact-options select{width:100%;font-size:12px;min-width:0;background:#fcfdf9;border-color:#d6e0ca}.selected-exact{display:flex;gap:9px;padding:13px;background:#f0f6e7;font-size:11px;line-height:1.8;color:#5a793b;border:1px solid #d9e8c5;border-radius:4px}.selected-exact b{font-weight:500}.selected-exact>.icon{width:17px;height:17px;margin-top:2px}.basket-item-controls{gap:8px;flex-wrap:wrap}.basket-item-controls .quantity-stepper{margin-right:auto}
@media(max-width:1000px){.specification-layout{grid-template-columns:215px minmax(0,1fr);gap:32px}.type-copy{padding:18px}.type-title{font-size:20px}.branch-choices strong{font-size:22px}.configuration-photo{padding:27px}.configuration-fields{padding:36px 25px 24px}}
@media(max-width:800px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-image{height:180px}.specification-layout{display:block}.spec-sidebar{display:none}.specification-intro{align-items:start}.specification :is(h1,h2){font-size:30px}.configuration-layout{grid-template-columns:30% minmax(0,1fr)}.configuration-photo{padding:22px 18px}.configuration-photo h2{font-size:25px}.config-art{height:190px}.configuration-photo .source-photos{display:none}.branch-choices>button{gap:13px;padding:21px}.branch-choices strong{font-size:21px}.branch-number{display:none}.catalogue-heading .search{width:300px}}
@media(max-width:620px){.catalogue-lead{font-size:13px}.catalogue-heading .search{width:100%;margin-top:20px}.branch-choices{gap:9px}.branch-choices>button{padding:17px 14px;align-items:start;min-height:110px;gap:5px}.branch-choices strong{font-size:18px;line-height:1.2;letter-spacing:-.5px}.branch-choices small{font-size:10px;line-height:1.6;margin-top:7px;max-width:130px}.branch-choices .icon{width:16px;margin-top:0}.catalogue-controls{padding:17px 0;align-items:center;gap:10px;flex-wrap:wrap}.catalogue-controls nav{font-size:11px;gap:8px;flex:1;min-width:95px}.catalogue-controls .process-switch button{font-size:11px;padding:8px 12px}.stage-heading{margin:23px 0 17px;gap:10px}.stage-heading h3{font-size:21px}.stage-heading p{font-size:11px;line-height:1.7}.stage-heading>#resultCount{font-size:10px}.type-grid{gap:11px}.type-image{height:140px;padding:12px 13px}.type-copy{padding:15px 13px}.type-title{font-size:17px;letter-spacing:-.4px;line-height:1.2}.type-hint{font-size:11px;line-height:1.65;margin-top:8px}.type-link{font-size:10px;padding-top:18px;gap:6px;line-height:1.5}.type-link .icon{width:16px}.sketch-label{font-size:7px;left:10px;top:10px}.catalogue-scope{font-size:10px;line-height:1.85}.catalogue-assist{display:block;padding:20px 0;font-size:12px;line-height:1.7}.catalogue-assist .text-link{font-size:12px;padding-bottom:0}.specification{padding-top:35px;padding-bottom:35px}.specification-intro{display:block;margin-bottom:21px}.specification :is(h1,h2){font-size:29px;letter-spacing:-.8px;max-width:330px}.specification-intro p:not(.eyebrow){font-size:13px;margin-top:12px}.clear-spec{margin-top:5px;font-size:11px}.spec-form{padding:21px 17px}.spec-group .form-grid{gap:17px 13px}.spec-group legend{font-size:14px;margin-bottom:18px;padding-top:23px}.spec-group label,.spec-notes label{font-size:11px}.spec-group label>span{display:block;min-height:29px;margin-bottom:6px;line-height:1.45}.spec-group label>span>small{margin-left:5px}.spec-group select,.spec-group input,.spec-notes textarea{font-size:16px;padding:10px 8px;min-height:45px}.spec-group input::placeholder{font-size:11px}.group-hint{font-size:10px;line-height:1.85}.config-summary{padding:15px}.config-summary strong{font-size:16px}.config-summary p{font-size:11px}.config-summary small{font-size:10px}.config-actions{gap:11px;align-items:end}.config-actions>.button{font-size:12px;padding:12px 13px;gap:9px}.config-quantity .quantity-stepper button{width:28px}.config-quantity .quantity-stepper input{width:39px}.config-price{font-size:10px;text-align:left}.product-dialog{width:100%;max-width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.configuration-layout{display:block}.configuration-photo{position:static;min-height:0;padding:23px;height:auto;display:block}.config-art{height:115px;width:48%;float:right;margin:15px 0 10px 12px}.configuration-photo>.eyebrow{font-size:9px;padding-top:4px;max-width:50%}.configuration-photo h2{font-size:27px;margin-top:10px;max-width:60%}.geometry-explanation{font-size:11px;line-height:1.7;clear:both;padding-top:13px;margin:0}.image-caption{font-size:9px;line-height:1.6;clear:both;margin:13px 0 0}.configuration-photo>.muted{display:none}.configuration-fields{padding:23px 19px 18px}.configuration-fields>.eyebrow{font-size:9px;margin-bottom:20px}.configuration-fields .spec-group legend{font-size:14px}.configuration-fields .config-actions{bottom:-18px;padding:14px 0}.exact-options select{font-size:14px;padding:11px 8px}.selected-exact{font-size:10px}.type-empty{padding:25px}.type-empty h3{font-size:20px}.type-empty .text-link{margin-left:0}.basket-item-controls .remove-item{font-size:10px}.configuration-photo .tool-sketch{max-height:130px}}
@media(max-width:360px){.branch-choices>button{padding:15px 12px}.branch-choices strong{font-size:17px}.branch-choices .icon{display:none}.type-title{font-size:16px}.type-hint{font-size:10px}.type-copy{padding:13px 11px}.type-image{height:124px}.spec-form{padding:21px 13px}.configuration-fields{padding:22px 15px 18px}.config-actions{gap:9px}.config-actions>.button{font-size:11px;padding:11px;gap:6px}.config-quantity .quantity-stepper input{width:33px}.catalogue-controls .process-switch button{padding:8px 9px}.specification :is(h1,h2){font-size:27px}}
@media(prefers-reduced-motion:reduce){.type-card:hover .type-image img{transform:none}.type-card,.type-image img{transition:none}}
.configuration-photo{height:auto;min-height:min(620px,calc(100dvh - 42px))}.configuration-fields .config-actions{bottom:0}.product-dialog .dialog-close{position:sticky;float:right;top:12px;margin:12px 12px -50px 0;right:auto;z-index:4}
@media(max-width:620px){.configuration-photo{min-height:0}.configuration-fields .config-actions{bottom:0}}
.type-title,.type-hint,.configuration-photo h2,.config-summary strong{overflow-wrap:anywhere;hyphens:auto}.spec-group .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-group label,.config-actions>.button{min-width:0}
@media(max-width:620px){.configuration-photo{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px 14px;padding:23px 20px}.configuration-photo .config-art{float:none;grid-column:2;grid-row:1/4;width:105px;height:130px;margin:8px 0 0}.configuration-photo>.eyebrow{grid-column:1;max-width:none;padding-top:8px}.configuration-photo h2{grid-column:1;max-width:none;margin:0;font-size:25px;align-self:start}.configuration-photo .geometry-explanation,.configuration-photo .image-caption{grid-column:1/-1;max-width:none;margin:5px 0 0;padding:0;clear:none}}