.action-nav{display:inline-flex;align-items:center;gap:6px;color:#a13e29}.action-nav span,.action-dot{display:inline-block;width:5px;height:5px;background:#b75a3e;border-radius:50%}.action-nav.active{font-weight:650}.action-intro{max-width:1460px;margin:auto;padding:63px 5% 43px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.action-intro h1{font-size:clamp(45px,5vw,70px);line-height:1.08;letter-spacing:-2.5px;margin-top:18px}.action-intro-right p{font-size:14px;color:#6f756e;line-height:1.85;margin-bottom:15px}.catalog-date{padding:14px 5%;background:#eee5d9;border-top:1px solid #e2d6c7;border-bottom:1px solid #e2d6c7;display:flex;gap:25px;font-size:11px;color:#655345;align-items:center}.catalog-date b{font-weight:650;white-space:nowrap}.action-config{max-width:1460px;margin:34px auto 60px;padding:0 4%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);gap:0;scroll-margin-top:105px}.action-visual{background:#eeeee9;border:1px solid #dddfd6;border-radius:5px 0 0 5px;overflow:hidden;display:flex;flex-direction:column}.action-stage-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.action-stage-heading h2{font-size:29px;letter-spacing:-.6px;margin-top:8px}.action-stage-heading .eyebrow{font-size:var(--section-label-size);letter-spacing:1.6px}.original-stage{height:470px;display:flex;align-items:center;justify-content:center;position:relative;padding:22px 30px 40px;min-width:0}.original-stage>img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.original-stage>img[src=""]{visibility:hidden}.original-caption{position:absolute;bottom:8px;text-align:center;font-size:9px;color:#6e7568;left:12px;right:12px}.image-selection{margin:0 24px;padding:13px 0;border-top:1px solid #d7dbcf;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#45523e;align-items:center}.finish-chip{display:inline-block;width:16px;height:16px;margin-right:7px;border-radius:50%;border:1px solid #0002;vertical-align:middle;background:var(--finish)}.original-note{font-size:10px;color:#747a6e;padding:0 24px;line-height:1.7}.catalog-page-link{display:inline-block;font-size:10px;text-decoration:underline;padding:15px 24px 20px;margin-top:auto}.action-options{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dddfd6;border-left:0;border-radius:0 5px 5px 0;overflow:hidden}.action-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #e0e2d9;padding:0 18px;min-height:73px}.action-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;font-size:10px;color:#858a7d;padding:8px 7px;position:relative}.action-tabs button span{font-size:9px}.action-tabs button[aria-selected=true]{color:#202620}.action-tabs button[aria-selected=true]:after{content:'';height:2px;background:#ac5035;position:absolute;bottom:0;left:0;right:0}.action-content{height:520px;overflow-y:auto;padding:26px;scrollbar-width:thin;scrollbar-color:#bfc7b6 transparent}.action-content h3{font-size:23px;letter-spacing:-.6px;margin-bottom:6px}.action-content>.step-intro{margin-bottom:18px}.action-content h4{font-size:12px;font-weight:600;margin:25px 0 12px}.action-content select,.action-content input[type=text],.action-content input[type=number]{min-height:44px;background:#fff;border:1px solid #cbd1c4;border-radius:3px;padding:10px;width:100%;font-size:12px;color:#283222}.action-content input[aria-invalid=true]{border-color:#bc4730;outline:1px solid #bc4730}.action-field{display:block;margin-bottom:15px;font-size:11px}.action-field>span{display:block;margin-bottom:6px}.edition-toggle{display:flex;gap:3px;padding:4px;border:1px solid #c9d0c0;border-radius:4px}.edition-toggle button{padding:8px 15px;font-size:11px;border-radius:2px}.edition-toggle button.active{background:#253020;color:#fff}.action-models{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.action-model{min-width:0;border:1px solid #e0e3d9;border-radius:3px;padding:9px;text-align:left;background:#fafaf7;position:relative}.action-model.selected{border-color:#34442a;box-shadow:inset 0 0 0 1px #34442a;background:#f1f4ec}.action-model.selected:after{content:'✓';position:absolute;top:5px;right:6px;font-size:10px}.action-model img{height:89px;width:100%;object-fit:contain;margin:3px 0 9px}.action-model strong{font-size:11px;display:block;font-weight:600}.action-model small{font-size:10px;color:#6d775f;display:block;margin-top:3px}.action-price-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;border-top:1px solid #dde2d5;margin-top:auto;min-height:104px;background:#fdfefa}.action-price-footer strong{font-family:var(--title);font-size:27px;letter-spacing:-1px;display:block;font-weight:600;margin-top:3px}.action-price-footer small{font-size:9px;display:block;color:#7d8575}.action-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.action-color{padding:0;text-align:left;font-size:9px;line-height:1.35}.action-color>span{height:39px;display:block;border:1px solid #0002;border-radius:3px;margin-bottom:6px;background:var(--finish);background-size:cover;position:relative}.action-color[aria-pressed=true]>span{outline:2px solid #4d5b43;outline-offset:2px}.action-color[aria-pressed=true]>span:after{content:'✓';position:absolute;right:3px;bottom:3px;background:#fff;border-radius:20px;width:17px;height:17px;display:grid;place-items:center;color:#263422}.action-check{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #e7ebdf;font-size:11px;cursor:pointer}.action-check input{margin:3px 0;accent-color:#3c4d31;width:16px;height:16px;flex-shrink:0}.action-check>span{flex:1}.action-check b{display:block;font-weight:550}.action-check small{font-size:10px;color:#7e8875;display:block;margin-top:4px}.action-check .option-price{white-space:nowrap;font-weight:550;font-size:11px}.action-hint{background:#f0f3e9;border-left:2px solid #879b73;padding:11px 13px;font-size:10px;color:#67775a;line-height:1.7;margin:15px 0}.action-hint.warning{background:#f7efe5;border-color:#bf865c;color:#826247}.action-sizes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.action-options details{margin:16px 0;border:1px solid #dce2d2;border-radius:3px}.action-options details summary{cursor:pointer;padding:12px;font-size:11px;font-weight:550}.action-options details>div{padding:0 12px 14px}.source-small{color:#809273;font-size:9px;white-space:nowrap;text-decoration:underline}.price-list{margin:18px 0}.price-list>div{display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid #e6ebdf;padding:10px 0;font-size:11px}.price-list dt{max-width:75%}.price-list dt small{display:block;font-size:9px;color:#7d8b6d;margin-top:3px}.price-list dd{margin:0;white-space:nowrap}.price-total{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0}.price-total>span{font-size:12px}.price-total strong{font-size:24px;font-weight:550;white-space:nowrap}.open-prices{padding:13px;background:#f7eee2;border:1px solid #e8d8c2;border-radius:3px;color:#795a3e;font-size:11px;margin:12px 0}.open-prices ul{padding-left:16px;margin:8px 0 0}.open-prices li{margin-bottom:5px}.action-selection-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;margin-top:18px}.action-selection-list span{display:block;color:#7f8a73;margin-bottom:4px}.action-selection-list b{font-weight:500}.action-collection{padding:30px 5% 65px;max-width:1460px;margin:auto}.action-collection .section-heading{margin-bottom:30px}.action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 17px}.action-card{text-align:left;padding:0;min-width:0}.action-card-image{height:210px;padding:17px 10px;background:#eaece4;border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center}.action-card img{height:100%;width:100%;object-fit:contain;transition:transform .25s}.action-card:hover img{transform:scale(1.025)}.action-card-info{padding:12px 1px;display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap}.action-card-info strong{font-size:12px;font-weight:550}.action-card-info span{font-size:12px;font-weight:600}.action-card-info small{font-size:9px;width:100%;color:#7d8871}.action-tech{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;background:#273024;color:#f0f4eb;padding:65px 8%}.action-tech .eyebrow{color:#b4c7a5}.action-tech h2{font-size:43px;margin:20px 0}.action-tech p{font-size:12px;color:#b7c4ac;line-height:1.8;max-width:340px}.action-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:center}.action-facts>div{border-top:1px solid #84977770;padding:20px 0}.action-facts strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px}.action-facts span{font-size:11px;color:#becdb1;display:block;max-width:210px;margin-top:9px}.action-source-notes{max-width:900px;padding:55px 5%;margin:auto}.action-source-notes h2{font-size:28px;letter-spacing:-.8px;margin-bottom:20px}.action-source-notes p{font-size:12px;line-height:1.9;color:#75816a;margin-bottom:13px}.action-source-notes>a{font-size:12px;text-decoration:underline}.action-page footer a:not(.brand){font-size:10px;color:#65715c}.original-modal-image{max-height:70svh;max-width:100%;object-fit:contain;margin:20px auto}.action-modal-title{font-size:27px!important;margin-bottom:10px!important}.action-page #action-modal-body p{font-size:12px;color:#727e67;line-height:1.8;margin:12px 0}.action-page #action-modal-body .share-input{font-size:11px}.action-page #action-modal-body .button{margin-top:12px}.action-empty{font-size:12px;padding:25px 0;color:#69775b}.action-photo-credit{font-size:9px!important;color:#7d8872}.action-page .small-label{font-size:8px;letter-spacing:.8px}.action-page #print-area .print-action-image{height:200px;object-fit:contain;margin:15px auto}.action-print-warning{padding:10px;border:1px solid #ccc}
@media(min-width:1500px){.original-stage{height:510px}.action-content{height:560px}}
@media(max-width:1050px){.action-config{grid-template-columns:minmax(0,1fr) minmax(380px,1fr);padding:0 3%}.action-content{padding:20px}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-intro{padding:45px 5% 35px}.action-stage-heading{padding-left:22px;padding-right:22px}.action-tabs{padding:0 12px}.action-tabs button{font-size:9px;padding:8px 5px}.action-price-footer{padding:16px 20px}.original-stage{height:465px;padding-left:15px;padding-right:15px}}
@media(max-width:760px){.action-intro{display:block;padding:37px 6% 28px}.action-intro h1{font-size:46px;letter-spacing:-1.8px;margin-top:15px}.action-intro-right{margin-top:22px}.action-intro-right p{font-size:12px;margin-bottom:8px}.action-intro .eyebrow{font-size:var(--section-label-size)}.catalog-date{align-items:flex-start;flex-direction:column;gap:5px;padding:13px 6%;font-size:10px}.action-config{display:block;margin:22px auto 35px;padding:0 4%;scroll-margin-top:86px}.action-visual{border-radius:4px 4px 0 0}.action-stage-heading{padding:18px 19px 0}.action-stage-heading h2{font-size:24px;margin-top:5px}.action-stage-heading .eyebrow{font-size:var(--section-label-size)}.original-stage{height:315px;padding:15px 24px 28px}.original-caption{font-size:8px}.image-selection{margin:0 18px;font-size:9px}.original-note{font-size:9px;padding:0 18px}.catalog-page-link{padding:12px 18px 16px;font-size:9px}.action-options{border-left:1px solid #dddfd6;border-top:0;border-radius:0 0 4px 4px}.action-tabs{min-height:62px;padding:0 13px}.action-tabs button{font-size:10px}.action-content{height:480px;padding:23px}.action-price-footer{padding:16px 20px}.action-price-footer strong{font-size:25px}.action-collection{padding:25px 6% 45px}.action-collection .section-heading{display:block}.action-collection h2{font-size:31px}.action-collection .edition-toggle{display:inline-flex;margin-top:20px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.action-card-image{height:215px;padding:16px 9px}.action-card-info strong,.action-card-info span{font-size:11px}.action-tech{display:block;padding:45px 7%}.action-tech h2{font-size:35px}.action-tech p{max-width:none}.action-facts{margin-top:25px;gap:15px}.action-facts strong{font-size:25px}.action-source-notes{padding:40px 7%}.action-source-notes h2{font-size:25px}.action-source-notes p{font-size:11px}.action-page .header-save{font-size:10px;margin-right:10px;gap:5px}.action-model img{height:84px}.action-color{font-size:8px}.action-tabs button span{font-size:8px}}
.action-content input[type=search]{border:1px solid #ccd3c3;border-radius:3px;min-height:42px;padding:10px 12px;width:100%;font-size:12px}.glass-samples{display:flex;gap:15px;margin:15px 0}.glass-samples figure{margin:0;max-width:150px}.glass-samples img{height:55px;width:110px;object-fit:cover;border:1px solid #d4dccb}.glass-samples figcaption{font-size:10px;color:#78886a;margin-top:5px}.image-selection .finish-chip{object-fit:cover;display:inline-block;margin-bottom:-4px}

/* Product-first action configurator: a fixed view and an ordered selection. */
.action-page { --action-header:86px; --action-bar:88px; background:#fff; color:#202122; }
.action-page .action-intro { max-width:1680px; padding:46px 4% 34px; align-items:center; }
.action-page #main .action-intro h1 { font-size:clamp(32px,3.3vw,48px); font-weight:500; letter-spacing:-1.6px; margin:12px 0 0; }
.action-page .action-intro .eyebrow { font-size:11px; letter-spacing:1.7px; color:#777; }
.action-page .action-intro-right { text-align:right; }
.action-page .action-intro-right p { font-size:15px; color:#666; margin:0 0 8px; }
.action-page #main .action-intro .text-button { font-size:13px; }
.action-config-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; height:var(--action-bar); padding:12px 4%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #dedede; position:sticky; top:var(--action-header); z-index:19; }
.action-page .action-bar-model .small-label { font-size:9px; letter-spacing:1.3px; color:#777; }
.action-bar-model>button { display:flex; align-items:center; gap:20px; text-align:left; padding:4px 0; }
.action-bar-model strong { font-size:22px; font-weight:500; }
.action-bar-model button>span { font-size:12px; color:#666; text-decoration:underline; text-underline-offset:4px; }
.action-page .action-price-footer { min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; gap:25px; align-items:center; }
.action-page .action-price-footer>div { display:grid; grid-template-columns:auto auto; align-items:baseline; column-gap:18px; }
.action-page .action-price-footer .small-label { font-size:9px; letter-spacing:.6px; color:#666; }
.action-page .action-price-footer strong { font-size:26px; letter-spacing:-.7px; margin:0; font-weight:500; }
.action-page .action-price-footer small { grid-column:1/-1; text-align:right; color:#707070; font-size:10px; }
.action-page #main .action-price-footer .button { min-height:44px; padding:10px 18px; font-size:14px; border-radius:4px; }
.action-page .action-config { max-width:1680px; padding:0 4%; margin:28px auto 72px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr); gap:clamp(28px,4vw,64px); align-items:start; scroll-margin-top:calc(var(--action-header) + var(--action-bar) + 24px); }
.action-page .action-visual { position:sticky; top:calc(var(--action-header) + var(--action-bar) + 24px); height:calc(100svh - var(--action-header) - var(--action-bar) - 36px); min-height:350px; max-height:820px; border:0; border-radius:8px; background:radial-gradient(ellipse at 50% 35%,#f6f5f2 0%,#e8e7e3 100%); overflow:hidden; }
.action-page .action-stage-heading { padding:27px 30px 0; flex:none; align-items:flex-start; }
.action-page .action-stage-heading .eyebrow { font-size:10px; letter-spacing:1.4px; color:#6c6c69; }
.action-page #main .action-stage-heading h2 { font-size:30px; line-height:1.1; margin:7px 0 0; letter-spacing:-.8px; font-weight:500; }
.action-page .circle-button { width:40px; height:40px; background:transparent; border-color:#a9aaa5; font-size:23px; flex-shrink:0; }
.action-page .original-stage { flex:1; min-height:0; height:auto; padding:22px 30px 32px; }
.action-page .original-stage>img { height:100%; width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply; }
.action-page .original-caption { font-size:9px; color:#72726f; bottom:8px; }
.action-page .image-selection { flex:none; margin:0 30px; padding:14px 0; color:#494a48; border-color:#cecfca; font-size:11px; }
.action-page .action-image-info { padding:0 30px 22px; display:flex; align-items:flex-start; gap:16px; flex:none; }
.action-page .original-note { padding:0; margin:0; font-size:10px; color:#767773; line-height:1.5; }
.action-page .catalog-page-link { font-size:10px; padding:0; margin:0; flex-shrink:0; color:#5c5d59; }
.action-page .action-options { border:0; border-radius:0; overflow:visible; background:#fff; display:block; }
.action-options-heading { display:flex; justify-content:space-between; align-items:center; padding:8px 0 21px; }
.action-options-heading .eyebrow { font-size:10px; letter-spacing:1.8px; color:#747474; }
#a-progress { font-size:11px; color:#777; }
.action-step { border-top:1px solid #dedede; }
.action-step:last-child { border-bottom:1px solid #dedede; }
.action-page #main .action-step>h3 { margin:0; font-size:20px; line-height:1.3; font-weight:500; }
.action-step-toggle { width:100%; display:flex; align-items:center; gap:17px; text-align:left; padding:22px 0; scroll-margin-top:calc(var(--action-header) + var(--action-bar) + 16px); }
.action-step-number { font-size:11px; color:#929292; font-weight:400; font-variant-numeric:tabular-nums; align-self:flex-start; margin-top:5px; }
.action-step-title { flex:1; min-width:0; font-size:20px; font-weight:500; letter-spacing:-.35px; }
.action-step-title small { display:block; font-size:11px; font-weight:400; color:#777; letter-spacing:0; margin-top:6px; line-height:1.45; }
.action-step-chevron { font-size:23px; font-weight:300; color:#6b6c69; width:22px; text-align:center; }
.action-step.is-active .action-step-title { color:#151616; }
.action-step.is-active .action-step-number { color:#202122; }
.action-step.is-active .action-step-title small { display:none; }
.action-step-panel[hidden] { display:none; }
.action-page .action-content { height:auto; overflow:visible; padding:0 0 28px 31px; }
.action-page .action-content>.step-intro { font-size:14px; color:#737473; line-height:1.7; margin:0 0 25px; }
.action-page #main .action-content h3 { font-size:26px; font-weight:500; letter-spacing:-.6px; }
.action-page .action-content h4 { font-size:15px; font-weight:500; margin:26px 0 15px; }
.action-page .action-field { margin-bottom:20px; font-size:12px; color:#4d4e4d; }
.action-page .action-field>span { margin-bottom:8px; }
.action-page .action-content select,.action-page .action-content input[type=number] { border:1px solid #aeb0ac; border-radius:4px; min-height:52px; font-size:14px; color:#202122; padding:13px 12px; background:#fff; }
.action-page .action-content select { padding-right:28px; text-overflow:ellipsis; }
.action-page .action-content input[aria-invalid=true] { border-color:#b34a36; }
.action-page .action-sizes { gap:16px; margin-top:0; }
.action-input-unit { position:relative; display:block; }
.action-input-unit input { padding-right:45px!important; font-variant-numeric:tabular-nums; }
.action-input-unit>span { position:absolute; right:13px; top:50%; transform:translateY(-50%); font-size:12px; color:#8a8b87; pointer-events:none; }
.action-input-unit input::-webkit-inner-spin-button { appearance:none; }
.action-choice-group { min-width:0; padding:0; margin:26px 0 14px; border:0; }
.action-choice-group legend { font-size:13px; color:#424341; margin-bottom:14px; padding:0; }
.action-choice-list { display:grid; gap:10px; }
.action-choice { display:flex; align-items:center; gap:12px; min-height:74px; padding:16px; border:1px solid #d3d4d1; border-radius:5px; cursor:pointer; transition:border-color .15s,background .15s; }
.action-choice:hover { border-color:#747773; }
.action-choice.is-selected { border-color:#222; box-shadow:inset 0 0 0 1px #222; background:#f6f6f4; }
.action-choice input { width:16px; height:16px; flex:0 0 auto; accent-color:#202122; }
.action-choice>span { flex:1; min-width:0; }
.action-choice strong { display:block; font-size:13px; font-weight:500; }
.action-choice small { display:block; font-size:11px; color:#777; margin-top:5px; line-height:1.5; }
.action-choice>b { font-size:11px; font-weight:400; white-space:nowrap; align-self:flex-start; padding-top:2px; }
.action-choice-image { float:left; width:64px; height:48px; object-fit:cover; margin-right:12px; border-radius:3px; }
.action-choice-group:has(input[name=action-hinge]) .action-choice-list { grid-template-columns:1fr 1fr; gap:10px; }
.action-choice-group:has(input[name=action-hinge]) .action-choice { padding:13px 10px; gap:8px; }
.action-choice-group:has(input[name=action-hinge]) small { font-size:10px; }
.action-page .action-subheading { display:flex; justify-content:space-between; align-items:baseline; gap:15px; }
.action-page .action-subheading h4 { margin-top:0; }
.action-subheading>span { font-size:10px; color:#777; }
.action-page .action-colors { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px 14px; margin:5px 0 24px; }
.action-page .action-color { color:#5f605e; font-size:10px; line-height:1.4; }
.action-page .action-color>span { height:clamp(45px,5vw,70px); border-radius:5px; border-color:#0001; margin-bottom:9px; box-shadow:inset 0 0 16px #0000000d; }
.action-page .action-color[aria-pressed=true]>span { outline-color:#202122; outline-offset:3px; }
.action-page .action-color[aria-pressed=true]>span:after { color:#202122; right:6px; bottom:6px; }
.action-selected-color { font-size:13px; border-top:1px solid #e2e2e0; padding-top:14px; }
.action-current-detail { border:1px solid #d6d7d3; border-radius:5px; padding:20px; margin:18px 0; background:#f8f8f6; }
.action-current-detail>span { display:block; color:#777; font-size:10px; margin-bottom:6px; }
.action-current-detail strong { display:block; font-size:18px; font-weight:500; }
.action-current-detail small { display:block; font-size:11px; color:#777; margin-top:6px; }
.action-page .action-check { padding:18px 0; color:#333; gap:12px; font-size:13px; border-color:#e1e2de; }
.action-page .action-check input { accent-color:#202122; }
.action-page .action-check small { color:#777; font-size:11px; line-height:1.5; }
.action-page .action-check .option-price { font-size:12px; flex:0 0 auto; }
.action-page .action-hint,.action-page .action-hint.warning { color:#656662; background:#f5f5f2; border-color:#b1b3ac; font-size:11px; line-height:1.7; }
.action-page .action-options details { border:0; border-top:1px solid #e2e3df; border-bottom:1px solid #e2e3df; border-radius:0; margin:24px 0; }
.action-page .action-options details summary { padding:17px 0; font-size:12px; font-weight:400; }
.action-page .action-options details>div { padding:0 0 18px; font-size:12px; line-height:1.8; color:#666; }
.action-page .action-options details p+p { margin-top:8px; }
.action-page .small-note { font-size:11px; line-height:1.7; color:#797a76; }
.action-page .source-small { color:#747672; font-size:10px; }
.action-step-controls { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:27px; }
.action-page #main .action-step-controls .button { min-height:46px; padding:12px 25px; font-size:14px; border-radius:4px; }
.action-back { font-size:12px; color:#676966; padding:12px 0; }
.action-config-note { font-size:10px; line-height:1.8; color:#888985; padding:21px 0 0 31px; }
.action-page .price-list>div { padding:13px 0; font-size:12px; border-color:#e2e3df; }
.action-page .price-total { border-bottom:1px solid #ccc; padding:20px 0; }
.action-page .price-total strong { font-weight:500; }
.action-page .open-prices { background:#f6f5f1; border:0; color:#777267; line-height:1.7; padding:18px; }
.action-page .action-selection-list { gap:20px 14px; font-size:12px; margin:25px 0; }
.action-page .action-selection-list span { color:#888; font-size:10px; }
.action-page .summary-actions { display:flex; flex-wrap:wrap; gap:8px; }
.action-page #main .summary-actions .button { font-size:12px; }
.action-page #main .action-content .text-button { font-size:12px; margin-top:12px; }
.action-page #action-modal { background:#fff; max-width:900px; border-radius:8px; padding:30px; }
.action-page .model-search { margin:22px 0; }
.action-page .model-search input { width:100%; min-height:48px; padding:12px; border:1px solid #bbb; border-radius:4px; font-size:14px; }
.action-page .action-models { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.action-page .action-model { padding:15px; border-color:#ddd; background:#f4f3f0; border-radius:5px; }
.action-page .action-model img { height:170px; mix-blend-mode:multiply; }
.action-page .action-model strong { font-size:14px; }
.action-page .action-model small { font-size:12px; color:#777; }
.action-page .action-model.selected { border-color:#222; box-shadow:inset 0 0 0 1px #222; }
.action-page .edition-toggle { border-color:#ddd; }
.action-page .edition-toggle button.active { background:#222; }
.action-page :is(button,input,select,a,summary):focus-visible { outline:2px solid #2d5e8e; outline-offset:4px; }
.action-page .action-collection { border-top:1px solid #e5e5e2; padding-top:54px; }
@media(max-width:1100px) {
 .action-page .action-config { padding:0 3%; gap:30px; grid-template-columns:minmax(0,1.1fr) minmax(340px,1fr); }
 .action-page .action-stage-heading { padding:22px 23px 0; }
 .action-page .action-image-info { padding:0 23px 18px; display:block; }
 .action-page .catalog-page-link { margin-top:8px; }
 .action-page .image-selection { margin:0 23px; font-size:10px; }
 .action-page .action-price-footer>div { display:block; }
 .action-page .action-price-footer .small-label { display:block; }
 .action-page .action-price-footer small { text-align:left; }
 .action-page .action-price-footer strong { font-size:23px; }
}
@media(max-width:980px) { .action-page { --action-header:72px; } }
@media(max-width:760px) {
 .action-page { --action-bar:78px; --action-mobile-preview:200px; }
 .action-page .action-intro { padding:30px 6% 25px; display:block; }
 .action-page #main .action-intro h1 { font-size:32px; letter-spacing:-.9px; }
 .action-page .action-intro-right { display:flex; text-align:left; align-items:center; justify-content:space-between; gap:15px; margin-top:16px; }
 .action-page .action-intro-right p { font-size:12px; margin:0; }
 .action-page #main .action-intro .text-button { font-size:11px; }
 .action-config-bar { padding:10px 5%; gap:12px; }
 .action-bar-model>button { display:block; padding:2px 0; }
 .action-bar-model strong { font-size:18px; }
 .action-bar-model button>span { display:block; font-size:10px; margin-top:3px; }
 .action-page .action-bar-model .small-label { display:none; }
 .action-page .action-price-footer { gap:10px; }
 .action-page .action-price-footer .small-label { font-size:8px; letter-spacing:0; }
 .action-page .action-price-footer strong { font-size:22px; }
 .action-page .action-price-footer small { font-size:8px; max-width:180px; line-height:1.4; }
 .action-page #main .action-price-footer .button { font-size:0; width:36px; min-height:36px; padding:0; }
 .action-page #main .action-price-footer .button:after { content:'↗'; font-size:19px; }
 .action-page .action-config { display:block; padding:0; margin:0 0 44px; scroll-margin-top:calc(var(--action-header) + var(--action-bar)); }
 .action-page .action-visual { top:calc(var(--action-header) + var(--action-bar)); height:var(--action-mobile-preview); min-height:0; max-height:none; border-radius:0; z-index:18; border-bottom:1px solid #d9dad6; display:grid; grid-template-columns:minmax(110px,1fr) 1.1fr; grid-template-rows:1fr auto; padding:16px 6%; column-gap:16px; }
 .action-page .action-stage-heading { grid-column:1; grid-row:1; padding:0; align-items:flex-start; }
 .action-page .action-stage-heading .eyebrow { font-size:8px; letter-spacing:.7px; line-height:1.7; max-width:110px; }
 .action-page #main .action-stage-heading h2 { font-size:23px; margin-top:8px; }
 .action-page .action-stage-heading .circle-button { position:absolute; bottom:14px; right:14px; width:30px; height:30px; font-size:20px; z-index:2; }
 .action-page .original-stage { grid-column:2; grid-row:1/3; height:100%; padding:0 14px 13px 0; min-height:0; }
 .action-page .original-stage>img { width:100%; height:100%; }
 .action-page .original-caption { bottom:0; font-size:8px; left:0; right:0; }
 .action-page .image-selection { display:flex; flex-direction:column; align-items:flex-start; gap:6px; grid-column:1; grid-row:2; margin:0; padding:12px 0 0; border:0; font-size:9px; }
 .action-page .image-selection .finish-chip { width:12px; height:12px; }
 .action-page .action-image-info { display:none; }
 .action-page .action-options { padding:24px 6% 0; border:0; }
 .action-options-heading { padding:0 0 18px; }
 .action-step-toggle { padding:20px 0; gap:13px; scroll-margin-top:calc(var(--action-header) + var(--action-bar) + var(--action-mobile-preview) + 12px); }
 .action-step-title { font-size:19px; }
 .action-page .action-content { padding-left:0; padding-bottom:25px; }
 .action-page .action-content>.step-intro { font-size:13px; margin-bottom:22px; }
 .action-page .action-content select,.action-page .action-content input[type=number] { font-size:16px; }
 .action-page .action-colors { gap:20px 14px; }
 .action-page .action-color>span { height:55px; }
 .action-page .action-color { font-size:9px; }
 .action-config-note { padding-left:0; }
 .action-page #action-modal { padding:22px; }
 .action-page .action-models { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .action-page .action-model img { height:145px; }
}
@media(max-width:380px) {
 .action-page { --action-mobile-preview:165px; }
 .action-page .action-price-footer { gap:7px; }
 .action-page .action-price-footer strong { font-size:20px; }
 .action-page .action-price-footer .small-label { font-size:7px; }
 .action-page .action-price-footer small { max-width:155px; }
 .action-page .action-sizes { gap:10px; }
 .action-choice { padding:13px 10px; gap:9px; }
 .action-choice>b { font-size:10px; }
}
@media(max-height:680px) and (min-width:761px) {
 .action-page .action-visual { min-height:290px; }
 .action-page .action-image-info { display:none; }
 .action-page .action-stage-heading { padding-top:18px; }
}
@media(prefers-reduced-motion:reduce) { .action-page * { scroll-behavior:auto!important; transition:none!important; } }
/* The configurator owns anchor offsets; avoid adding the global page offset twice. */
html:has(.action-page) { scroll-padding-top:0; }
@media(max-width:760px) {
 .action-page { --action-header:60px; }
 .action-page .original-caption { font-size:0; line-height:1; }
 .action-page .original-caption:after { content:'Originalabbildung'; font-size:8px; }
}

/* Choose a model first; the selection is removed from view during configuration. */
.action-page [hidden] { display:none!important; }
.action-page #action-page-title { scroll-margin-top:calc(var(--action-header) + 28px); }
.action-model-picker { max-width:1460px; margin:0 auto 75px; padding:8px 5% 0; scroll-margin-top:calc(var(--action-header) + 24px); }
.action-picker-toolbar { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 0 24px; border-top:1px solid #dededb; }
.action-picker-toolbar .eyebrow { font-size:10px; color:#757771; letter-spacing:1.5px; }
.action-picker-toolbar p { font-size:16px; margin-top:8px; }
.action-picker-toolbar .edition-toggle { border-radius:5px; flex-shrink:0; }
.action-picker-search { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.action-page .action-picker-search .model-search { margin:0 0 30px; width:320px; max-width:100%; }
.action-picker-search .model-search>span { font-size:11px; color:#747770; }
.action-page #main .action-picker-search .text-button { font-size:13px; margin-bottom:25px; }
.action-page .action-model-picker .action-models { grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 32px; margin:0 0 35px; }
.action-page .action-model-picker .action-model { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.action-page .action-model-picker .action-model.selected:after { display:none; }
.action-model-figure { display:flex; height:clamp(310px,31vw,400px); padding:30px; align-items:center; justify-content:center; background:#eeede9; border-radius:5px; transition:background .2s; }
.action-model:hover .action-model-figure { background:#e5e4df; }
.action-model .action-door-photo { width:100%; height:100%; mix-blend-mode:multiply; transition:transform .25s; }
.action-model:hover .action-door-photo { transform:scale(1.025); }
.action-model-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:20px 0 12px; }
.action-page .action-model-heading strong { font-size:22px; font-weight:500; letter-spacing:-.4px; }
.action-page .action-model-heading small { font-size:14px; margin:0; color:#64665f; }
.action-model-start { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #d8d9d3; padding:12px 0 0; font-size:12px; color:#61635d; }
.action-model-start>span { font-size:20px; }
.action-page .action-model-picker .action-model.selected .action-model-start { color:#202222; }
.action-page .action-door-view { width:100%; height:100%; min-width:0; min-height:0; }
.action-page .action-door-view .action-door-photo { width:100%; height:100%; display:block; mix-blend-mode:multiply; }
.action-door-photo { overflow:hidden; }
.action-modal-door { height:65svh; display:flex; justify-content:center; margin:24px 0; }
.action-modal-door .action-door-photo { height:100%; max-width:100%; }
.action-page #print-area .print-action-image .action-door-photo { width:100%; height:100%; }
@media(max-width:760px) {
 .action-model-picker { padding:0 6%; margin-bottom:45px; }
 .action-picker-toolbar { display:block; padding:22px 0; }
 .action-picker-toolbar p { font-size:14px; }
 .action-picker-toolbar .edition-toggle { display:inline-flex; margin-top:18px; }
 .action-picker-search { display:block; }
 .action-page .action-picker-search .model-search { width:100%; margin-bottom:25px; }
 .action-page .action-model-picker .action-models { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 16px; }
 .action-model-figure { height:clamp(230px,66vw,350px); padding:20px 12px; }
 .action-model-heading { display:block; padding:14px 0 10px; }
 .action-page .action-model-heading strong { font-size:20px; }
 .action-page .action-model-heading small { font-size:12px; margin-top:5px; }
 .action-model-start { font-size:10px; padding-top:10px; gap:4px; }
 .action-model-start>span { font-size:17px; }
 .action-page .original-caption:after { content:'Türansicht'; }
}
@media(max-width:360px) {
 .action-page .action-model-picker .action-models { column-gap:12px; }
 .action-model-figure { padding:18px 10px; }
 .action-page .action-model-heading strong { font-size:18px; }
}

/* Live drawing: more room for the door and dimension lines. */
.action-live-svg { display:block; width:100%; height:100%; overflow:visible; }
.action-live-measures text { stroke:none; font-variant-numeric:tabular-nums; }
.action-page .action-visual { display:flex; flex-direction:column; }
.action-page .action-stage-heading { padding:16px 23px 0; flex:none; }
.action-page #main .action-stage-heading h2 { font-size:26px; margin-top:5px; }
.action-page .action-stage-heading button { pointer-events:auto; }
.action-page .original-stage { padding:4px 12px 22px; }
.action-page .original-caption { bottom:5px; }
.action-page .image-selection { margin:0 23px; padding:10px 0; font-size:10px; }
.action-page .action-image-info { display:flex; justify-content:space-between; gap:10px; padding:0 23px 15px; }
.action-page .catalog-page-link { margin:0; white-space:nowrap; }
.action-page .original-note { font-size:9px; }
.action-modal-door .action-live-svg { width:100%; height:100%; }
.action-page #print-area .print-action-live { height:320px; width:100%; }
@media(min-width:761px) and (max-height:680px) {
 .action-page .action-image-info { display:none; }
}
@media(max-width:760px) {
 .action-page { --action-mobile-preview:280px; }
 .action-page .action-visual { display:grid; grid-template-columns:88px minmax(0,1fr); column-gap:8px; padding:16px 5%; }
 .action-page .action-stage-heading { position:static; padding:0; }
 .action-page .original-stage { padding:0 12px 15px 0; }
 .action-page .original-caption:after { content:'Live-Skizze · Außenansicht'; }
 .action-page .image-selection { margin:0; padding:10px 0 0; font-size:9px; line-height:1.6; }
 .action-page .image-selection>span { flex-wrap:wrap; }
 .action-page .action-image-info { display:none; }
 .action-page .action-live-measures { font-size:100px; }
}
@media(max-height:700px) and (max-width:760px) {
 .action-page { --action-mobile-preview:230px; }
}

.action-dimension-limits { font-size:11px; color:#62665e; line-height:1.8; margin:-4px 0 14px; }
.action-page #a-size-error:not(:empty) { color:#9b3526; background:#fff4ee; padding:12px; font-size:12px; line-height:1.6; border-left:2px solid #9b3526; margin:12px 0; }

/* Original handle photos with compact series and variant selection. */
.action-handle-families,.action-handle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0 0 20px; }
.action-handle-family,.action-handle-option { position:relative; border:1px solid #d4d6d1; border-radius:5px; background:#fff; overflow:hidden; min-width:0; }
.action-handle-family.is-selected,.action-handle-option.is-selected { border-color:#242724; box-shadow:inset 0 0 0 1px #242724; }
.action-handle-family-button { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; width:100%; height:100%; text-align:left; padding:0; }
.action-handle-family-button .action-handle-image { flex-shrink:0; }
.action-handle-note { margin:0 0 16px; }
.action-handle-family:has(.action-handle-variant) .action-handle-family-button { height:auto; }
.action-handle-family:hover,.action-handle-option:hover { border-color:#858a80; }
.action-handle-image { display:flex; align-items:center; justify-content:center; height:115px; padding:18px 12px; background:#fafaf8; overflow:hidden; }
.action-handle-image img { display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.action-handle-image.is-detail { height:155px; padding:0; background:#74726e; }
.action-handle-image.is-detail img { object-fit:cover; object-position:50% 15%; mix-blend-mode:normal; }
.action-handle-image.is-set { height:155px; padding:12px; background:#74726e; }
.action-handle-image.is-set img { mix-blend-mode:normal; }
.action-handle-description { display:block; padding:14px; }
.action-handle-description strong { display:block; font-weight:500; font-size:13px; line-height:1.4; }
.action-handle-description>span { display:block; font-size:13px; margin-top:6px; }
.action-handle-description small { display:block; font-size:10px; line-height:1.5; color:#767b72; margin-top:5px; }
.action-handle-description b { display:block; font-size:12px; font-weight:500; margin-top:10px; }
.action-handle-tick { display:none; position:absolute; top:10px; right:10px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background:#242724; color:#fff; font-size:13px; }
.is-selected>.action-handle-tick,.is-selected>.action-handle-family-button>.action-handle-tick { display:block; }
.action-handle-catalog { grid-column:1/-1; }
.action-handle-catalog .action-handle-family-button { display:grid; grid-template-columns:90px 1fr; align-items:center; }
.action-handle-catalog .action-handle-image { height:132px; }
.action-handle-catalog .action-handle-image img { object-fit:cover; object-position:50% 10%; }
.action-handle-variant { display:block; padding:0 12px 14px; }
.action-handle-variant>span { display:block; font-size:10px; color:#6a7065; margin-bottom:7px; }
.action-page .action-handle-variant select { width:100%; min-height:44px; font-size:11px; padding:9px 25px 9px 8px; }
.action-inside-handles { border:0; padding:0; margin:0; min-width:0; }
.action-handle-option { display:block; cursor:pointer; }
.action-handle-option>input { position:absolute; width:18px; height:18px; right:12px; top:12px; accent-color:#242724; opacity:0; }
.action-handle-option:has(input:focus-visible) { outline:2px solid #2d5e8e; outline-offset:3px; }
.action-page .action-handle-family-button:focus-visible { outline-offset:-4px; }
.action-inside-handles .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:760px) {
 .action-handle-families,.action-handle-grid { gap:12px; }
 .action-handle-image.is-detail,.action-handle-image.is-set { height:145px; }
 .action-handle-description { padding:12px; }
 .action-handle-description strong { font-size:12px; }
 .action-handle-description small { font-size:10px; }
 .action-page .action-handle-variant select { font-size:16px; }
 .action-handle-catalog .action-handle-image { height:128px; }
}

/* Give the door drawing maximum room once a model is selected. */
.action-page.is-configuring .action-intro { display:none; }
.action-page.is-configuring .action-visual { position:sticky; }
.action-page.is-configuring .action-stage-heading { position:absolute; top:12px; right:12px; padding:0; margin:0; z-index:4; }
.action-page.is-configuring .action-stage-heading > div { display:none; }
.action-page.is-configuring .action-stage-heading #a-enlarge { position:static; width:36px; height:36px; }
.action-page.is-configuring .original-stage { flex:1 1 auto; min-height:0; }
@media(max-width:760px) {
 .action-page.is-configuring .action-visual { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; }
 .action-page.is-configuring .original-stage { grid-column:1; grid-row:1; padding:0 8px 6px; }
 .action-page.is-configuring .image-selection { grid-column:1; grid-row:2; padding:4px 0 0; }
 .action-page.is-configuring .action-stage-heading { top:10px; right:10px; }
}

/* Mobile configurator: full-width drawing and readable dimensions. */
@media(max-width:760px) {
 .action-page.is-configuring { --action-mobile-preview:clamp(350px, 52svh, 510px); }
 .action-page.is-configuring .action-visual {
  padding:12px 3% 10px;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto;
  column-gap:0;
 }
 .action-page.is-configuring .original-stage {
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  padding:0 2px 4px;
 }
 .action-page.is-configuring .action-door-view {
  display:flex;
  justify-content:center;
  align-items:center;
 }
 .action-page.is-configuring .action-live-svg {
  width:100%;
  height:100%;
  max-width:100%;
  overflow:visible;
 }
 .action-page.is-configuring .image-selection { padding:5px 3% 0; }
 .action-page.is-configuring .action-stage-heading { top:8px; right:8px; }
}
@media(max-width:380px) {
 .action-page.is-configuring { --action-mobile-preview:clamp(330px, 49svh, 460px); }
}

/* Live action price: original price, saving and VAT-inclusive total. */
.action-page { --action-bar:136px; }
.action-page .action-price-footer>.action-price-summary { display:grid; grid-template-columns:1fr auto; gap:4px 18px; }
.action-list-price { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:7px; font-size:12px; color:#686b64; }
.action-discount-badge { display:inline-block; border-radius:4px; background:#fbe9e7; color:#b42318; padding:4px 7px; font-size:11px; font-weight:600; }
.action-page .action-price-footer .action-savings { grid-column:1/-1; text-align:right; color:#365229; font-size:13px; font-weight:600; }
.action-page .action-price-footer strong { font-variant-numeric:tabular-nums; }
.action-price-breakdown { margin:22px 0 0; border-top:1px solid #ddd; padding-top:14px; }
.action-price-breakdown>div { display:flex; justify-content:space-between; gap:16px; padding:7px 0; font-size:13px; }
.action-price-breakdown dd { margin:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.action-price-breakdown>div:nth-child(2),.action-total-savings { color:#365229; font-weight:600; }
.action-total-savings { font-size:13px; margin:12px 0 24px; }
.action-page .action-model-heading small { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.action-model-heading small b { font-size:16px; color:#202122; }
.action-model-heading small span { font-size:10px; color:#365229; }
@media(max-width:760px) {
 .action-page { --action-bar:158px; }
 .action-page .action-config-bar { gap:8px; }
 .action-bar-model { flex:0 0 84px; }
 .action-bar-model strong { font-size:16px; }
 .action-page .action-price-footer { min-width:0; flex:1; justify-content:flex-end; gap:6px; }
 .action-page .action-price-footer>.action-price-summary { display:flex; flex-direction:column; align-items:flex-end; gap:4px; min-width:0; }
 .action-list-price { font-size:10px; gap:4px; }
 .action-discount-badge { font-size:10px; padding:3px 5px; }
 .action-page .action-price-footer .action-savings { font-size:11px; }
 .action-page #main .action-price-footer .button { flex-shrink:0; width:28px; }
 .action-page .action-price-footer small { text-align:right; }
 .action-page .action-model-heading { flex-wrap:wrap; gap:9px; }
}

/* Keep the current price and savings above the mobile door preview. */
@media(max-width:760px) {
 .action-page.is-configuring { --action-bar:176px; }
 .action-page.is-configuring .action-config-bar { display:grid; grid-template-columns:1fr auto; grid-template-rows:42px 1fr; gap:4px 12px; padding:8px 5%; }
 .action-page.is-configuring .action-bar-model { grid-column:1; grid-row:1; }
 .action-page.is-configuring .action-bar-model button>span { font-size:12px; margin:0; }
 .action-page.is-configuring .action-config-bar #a-enlarge { grid-column:2; grid-row:1; }
 .action-page.is-configuring .action-price-footer { grid-column:1/-1; grid-row:2; width:100%; gap:12px; }
 .action-page.is-configuring .action-price-footer>.action-price-summary { display:grid; grid-template-columns:1fr auto; align-items:center; flex:1; gap:4px 8px; }
 .action-page.is-configuring .action-list-price { justify-content:flex-start; }
 .action-page.is-configuring .action-price-footer strong { text-align:right; }
 .action-page.is-configuring .action-price-footer .action-savings { text-align:left; }
 .action-page.is-configuring .action-price-footer small { grid-column:1/-1; text-align:left; max-width:none; }
 .action-page.is-configuring #main .action-price-footer .button { display:grid; place-items:center; width:40px; min-width:40px; min-height:40px; gap:0; }
}

/* Lightweight pictorial layout selection; no image downloads required. */
.action-side-layout{border:0;padding:0;margin:26px 0}
.action-side-layout legend{font-weight:600;margin-bottom:12px}
.action-side-layout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.action-side-layout-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:1px solid #d8dce0;border-radius:10px;background:#fff;cursor:pointer;text-align:center}
.action-side-layout-card svg{width:100%;max-width:140px;height:130px}
.action-side-layout-card span{font-size:13px;line-height:1.4;font-weight:500}
.action-side-layout-card input{position:absolute;top:9px;right:9px;accent-color:#3275d6;width:16px;height:16px}
.action-side-layout-card.is-selected{border-color:#3275d6;box-shadow:inset 0 0 0 1px #3275d6;background:#f1f6ff}
.action-side-layout-card:focus-within{outline:2px solid #3275d6;outline-offset:3px}
@media(max-width:600px){.action-side-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact sticky controls and a retracting navigation while configuring. */
.action-page.is-configuring { --action-bar:88px; }
.action-page.is-configuring .action-config-bar { height:auto; min-height:88px; padding-block:7px; }
.action-page.is-configuring .action-price-footer>.action-price-summary { gap:1px 14px; line-height:1.35; }
.action-page.is-configuring .action-list-price { font-size:11px; gap:6px; }
.action-page.is-configuring .action-discount-badge { padding:2px 5px; }
.action-page.is-configuring .action-price-footer strong { font-size:24px; line-height:1.2; }
.action-page.is-configuring .action-price-footer .action-savings { font-size:12px; }
.action-page.is-configuring .action-price-footer small { margin:0; }
.action-page .header { transition:transform .18s ease; }
.action-page.is-configuring.action-header-hidden { --action-header:0px; }
.action-page.action-header-hidden .header { transform:translateY(-100%); }
@media(max-width:760px) {
 .action-page.is-configuring { --action-bar:112px; }
 .action-page.is-configuring .action-config-bar { min-height:112px; grid-template-rows:28px auto; gap:2px 8px; padding:4px 5%; }
 .action-page.is-configuring #main .action-config-bar #a-enlarge { width:28px; height:28px; min-height:28px; }
 .action-page.is-configuring .action-price-footer { gap:8px; }
 .action-page.is-configuring .action-price-footer>.action-price-summary { gap:1px 6px; }
 .action-page.is-configuring .action-list-price { font-size:10px; gap:4px; }
 .action-page.is-configuring .action-discount-badge { font-size:10px; padding:1px 4px; }
 .action-page.is-configuring .action-price-footer strong { font-size:21px; }
 .action-page.is-configuring .action-price-footer .small-label { font-size:8px; }
 .action-page.is-configuring .action-price-footer .action-savings { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .action-page .header { transition:none; } }

/* Round colour swatches on every screen size. */
.action-page .action-color { text-align:center; }
.action-page .action-color>span {
 width:clamp(48px,5vw,70px);
 max-width:100%;
 height:auto;
 aspect-ratio:1;
 border-radius:50%;
 margin:0 auto 9px;
}

/* Crisp, image-free finishes with readable names and pointer/keyboard details. */
.action-page .action-colors { gap:24px 14px; }
.action-page .action-color { position:relative; min-width:0; align-self:start; }
.action-page .action-color>.action-color-swatch {
 width:clamp(52px,5vw,70px); height:auto; aspect-ratio:1; margin:0 auto 10px;
 border:0; border-radius:50%; background:var(--swatch-color);
 box-shadow:0 2px 8px rgb(40 50 40 / 8%); isolation:isolate;
}
.action-page .action-color-swatch::before {
 content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
 background:linear-gradient(135deg,rgb(255 255 255 / 7%),transparent 52%,rgb(0 0 0 / 3%));
}
.action-page .action-color-swatch.is-fine::before,
.action-page .action-color-swatch.is-metal::before {
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");
 background-size:96px 96px; opacity:.22; mix-blend-mode:soft-light;
}
.action-page .action-color-swatch.is-metal::before { opacity:.38; }
.action-page .action-color-swatch.is-gloss::before {
 background:linear-gradient(128deg,transparent 10%,rgb(255 255 255 / 95%) 23%,rgb(255 255 255 / 98%) 31%,rgb(210 221 215 / 40%) 33%,transparent 43%,rgb(255 255 255 / 70%) 65%,rgb(217 227 221 / 50%) 100%);
 box-shadow:inset 2px 3px 8px rgb(255 255 255 / 90%),inset -3px -4px 9px rgb(151 169 158 / 20%);
}
.action-page .action-color[aria-pressed=true]>.action-color-swatch { outline:2px solid #8a9d85; outline-offset:4px; }
.action-page .action-color[aria-pressed=true]>.action-color-swatch::after { background:#fff; color:#365229; right:2px; bottom:2px; z-index:1; }
.action-page .action-color-name { display:block; font-size:11px; line-height:1.35; font-weight:500; color:#343834; overflow-wrap:anywhere; }
.action-page .action-color-finish { display:block; margin-top:3px; font-size:9px; line-height:1.3; color:#72776f; }
.action-page .action-color-tooltip {
 position:absolute; z-index:30; left:50%; top:calc(100% + 7px); transform:translateX(-50%);
 display:flex; flex-direction:column; gap:3px; min-width:128px; padding:9px 12px;
 border-radius:6px; background:#202521; color:#fff; box-shadow:0 5px 16px #0002;
 font-style:normal; font-size:11px; line-height:1.4; white-space:nowrap;
 opacity:0; visibility:hidden; pointer-events:none;
}
.action-page .action-color-tooltip b { font-weight:500; }
.action-page .action-color-tooltip i { font-style:normal; color:#e0e8dc; }
.action-page .action-color:hover,.action-page .action-color:focus-within { z-index:3; }
.action-page .action-color:hover .action-color-tooltip,
.action-page .action-color:focus-within .action-color-tooltip { opacity:1; visibility:visible; }
.action-page .action-color:nth-child(4n+1) .action-color-tooltip { left:0; transform:none; }
.action-page .action-color:nth-child(4n) .action-color-tooltip { left:auto; right:0; transform:none; }
@media(max-width:760px){
 .action-page .action-color-name { font-size:10px; }
 .action-page .action-color-finish { font-size:9px; }
 .action-page .action-colors { gap:22px 12px; }
}

/* Slim price strip; navigation leaves the viewport with the document. */
.action-page.is-configuring { --action-header:0px; --action-bar:56px; }
.action-page.is-configuring .header { position:relative; top:auto; transform:none; transition:none; }
.action-page.is-configuring .action-config-bar {
 display:flex; height:auto; min-height:56px; padding:7px 4%; gap:0; top:0;
}
.action-page.is-configuring .action-config-bar .action-price-footer {
 display:flex; flex:1; width:100%; justify-content:space-between; align-items:center; gap:20px;
}
.action-page.is-configuring .action-price-footer>.action-price-summary {
 display:flex; flex:none; align-items:baseline; gap:12px;
}
.action-page.is-configuring .action-config-bar .small-label {
 font-size:13px; line-height:1.3; text-transform:none; letter-spacing:0; color:#4f544e;
}
.action-page.is-configuring .action-config-bar #a-price { font-size:24px; line-height:1.2; }
.action-page.is-configuring #main .action-config-bar #a-overview {
 display:flex; flex:none; width:auto; min-width:0; min-height:36px; padding:8px 16px;
 font-size:13px; line-height:1.3; gap:0; justify-content:center; text-align:center;
}
.action-page.is-configuring #main .action-config-bar #a-overview::after { content:none; }
.action-page .action-options-heading .action-bar-model { flex:initial; }
@media(max-width:760px){
 .action-page.is-configuring .action-config-bar { padding:6px 5%; min-height:54px; }
 .action-page.is-configuring .action-config-bar .action-price-footer { gap:12px; }
 .action-page.is-configuring .action-price-footer>.action-price-summary { display:flex; flex-direction:column; align-items:flex-start; gap:1px; }
 .action-page.is-configuring .action-config-bar .small-label { font-size:10px; }
 .action-page.is-configuring .action-config-bar #a-price { font-size:20px; white-space:nowrap; }
 .action-page.is-configuring #main .action-config-bar #a-overview { max-width:168px; min-height:40px; padding:6px 12px; font-size:11px; }
 .action-page.is-configuring .action-stage-heading #a-enlarge { background:#fff; }
}
/* When keyboard focus is in the palette, show only that colour's tooltip. */
.action-page .action-colors:focus-within .action-color:not(:focus-within) .action-color-tooltip { visibility:hidden; opacity:0; }

.action-page.is-configuring .action-config-bar .action-price-footer { justify-content:flex-end; }
.action-page.is-configuring #main .action-config-bar #a-overview { background:#0674df; border-color:#0674df; color:#fff; border-radius:999px; }
.action-page.is-configuring #main .action-config-bar #a-overview:hover { background:#005fbf; border-color:#005fbf; }
.action-page.is-configuring #main .action-config-bar #a-overview:focus-visible { outline:2px solid #2167b3; outline-offset:4px; }

/* View controls belong to the drawing, with room reserved above the sketch. */
.action-page.is-configuring .action-visual { display:flex; flex-direction:column; padding:0; }
.action-page.is-configuring .action-stage-heading {
 position:relative; inset:auto; display:flex; align-items:center; justify-content:space-between;
 width:100%; height:56px; flex:0 0 56px; padding:10px 12px; margin:0; gap:10px;
}
.action-page.is-configuring .action-stage-heading>.action-view-toggle {
 display:inline-flex; align-items:center; gap:2px; padding:3px;
 border:1px solid #dce7f2; border-radius:999px; background:#fff;
 box-shadow:0 2px 8px rgb(19 64 105 / 5%);
}
.action-page .action-view-toggle button {
 min-height:32px; padding:6px 14px; border:0; border-radius:999px;
 background:transparent; color:#41607a; font-size:12px; line-height:1.3; font-weight:500;
}
.action-page .action-view-toggle button:hover { background:#e6f1fc; color:#155397; }
.action-page .action-view-toggle button[aria-pressed=true] { background:#0674df; color:#fff; }
.action-page .action-view-toggle button[aria-pressed=true]:hover { background:#005fbf; }
.action-page .action-view-toggle button:focus-visible { outline:2px solid #2167b3; outline-offset:2px; }
.action-page.is-configuring .action-stage-heading #a-enlarge { flex:0 0 36px; background:#fff; }
.action-page.is-configuring .original-stage { flex:1 1 auto; height:auto; min-height:0; }
@media(max-width:760px){
 .action-page.is-configuring .action-stage-heading { height:54px; flex-basis:54px; padding:8px 12px; }
 .action-page .action-view-toggle button { font-size:11px; padding:6px 12px; }
}

.action-page #a-image[role=button] { cursor:pointer; }
.action-page #a-image[role=button]:focus-visible { outline:2px solid #0674df; outline-offset:-3px; border-radius:6px; }

/* Original and reduced prices, paired at the left of the slim price strip. */
.action-page.is-configuring .action-config-bar .action-price-footer { justify-content:space-between; }
.action-page.is-configuring .action-price-footer>.action-price-summary { display:flex; align-items:baseline; gap:12px; }
.action-page .action-sale-prices { display:flex; align-items:baseline; gap:10px; white-space:nowrap; }
.action-page .action-sale-prices #a-list-price { color:#555; font-size:16px; font-weight:400; font-variant-numeric:tabular-nums; text-decoration-thickness:1px; }
.action-page.is-configuring .action-config-bar #a-price { color:#e11924; font-size:24px; font-weight:500; }
@media(max-width:760px){
 .action-page.is-configuring .action-price-footer>.action-price-summary { flex-direction:column; align-items:flex-start; gap:1px; }
 .action-page .action-sale-prices { gap:8px; }
 .action-page .action-sale-prices #a-list-price { font-size:13px; }
 .action-page.is-configuring .action-config-bar #a-price { font-size:20px; }
}
@media(max-width:360px){
 .action-page .action-sale-prices { gap:6px; }
 .action-page .action-sale-prices #a-list-price { font-size:12px; }
 .action-page.is-configuring .action-config-bar #a-price { font-size:18px; }
 .action-page.is-configuring #main .action-config-bar #a-overview { padding-inline:10px; }
}

/* Discounted model prices use a light red treatment without a rebate caption. */
.action-page .action-model-heading small b { color:#e11924; font-weight:400; }

/* Native-size inputs sit on the sketch's dimension lines at every screen size. */
.action-page.is-configuring .original-stage.has-inline-dimensions { position:relative; padding:0; overflow:visible; }
.action-page.is-configuring .has-inline-dimensions #a-image { position:absolute; inset:16px 100px 82px 28px; width:auto; height:auto; }
.action-page.is-configuring .has-inline-dimensions.has-sidelights #a-image { bottom:142px; }
.action-diagram-dimensions { position:absolute; inset:0; pointer-events:none; visibility:hidden; }
.action-dimension-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke:#99a9b4; stroke-width:1; }
.action-dimension-field { position:absolute; display:block; width:82px; margin:0; transform:translate(-50%,-50%); pointer-events:auto; }
.action-dimension-label { position:absolute; bottom:calc(100% + 5px); left:50%; transform:translateX(-50%); color:#536979; font-size:10px; font-weight:500; line-height:1.2; white-space:nowrap; }
.action-dimension-input { display:flex; align-items:center; height:40px; padding:0 9px; gap:3px; border:1px solid #b6cce0; border-radius:9px; background:#fff; box-shadow:0 3px 10px rgb(20 65 105 / 7%); transition:border-color .15s,box-shadow .15s; }
.action-dimension-input input { width:100%; min-width:0; border:0; outline:0; padding:0; background:transparent; color:#145d9f; font-family:inherit; font-size:16px; font-weight:500; font-variant-numeric:tabular-nums; text-align:center; line-height:1.4; }
.action-page .action-dimension-input input:focus-visible { outline:0; }
.action-dimension-input>span { color:#748697; font-size:10px; }
.action-dimension-input:hover { border-color:#0674df; }
.action-dimension-input:focus-within { border-color:#0674df; box-shadow:0 0 0 3px rgb(6 116 223 / 14%); }
.action-dimension-input:has([aria-invalid=true]) { border-color:#c43e35; box-shadow:0 0 0 2px rgb(196 62 53 / 12%); }
.action-dimension-field[data-dimension-id=total] .action-dimension-input { background:#eef6ff; border-color:#8ebae3; }
.action-page .action-diagram-error { position:absolute; left:12px; right:12px; top:64px; z-index:6; margin:0; padding:9px 12px; border:1px solid #efc3bf; border-radius:8px; background:#fff4f2; color:#9f2d25; font-size:12px; line-height:1.4; box-shadow:0 3px 12px #0001; }
@media(max-width:760px){
 .action-page.is-configuring { --action-mobile-preview:clamp(360px,52svh,480px); }
 .action-page.is-configuring .has-inline-dimensions #a-image { inset:12px 84px 80px 26px; }
 .action-page.is-configuring .has-inline-dimensions.has-sidelights #a-image { bottom:140px; }
 .action-dimension-input { height:40px; }
}
@media(max-width:400px){
 .action-dimension-field { width:78px; }
 .action-dimension-input { padding:0 6px; gap:2px; }
 .action-dimension-label { font-size:9px; }
 .action-page.is-configuring .has-inline-dimensions #a-image { right:76px; left:20px; }
}


/* Compact dimension controls; accessible field names remain available. */
.action-page .action-dimension-input { height:30px; border-radius:7px; }
.action-page .action-dimension-input input { font-size:14px; font-weight:400; }
.action-page .action-dimension-field:is([data-dimension-id="door"],[data-dimension-id="height"]) .action-dimension-label { display:none; }
@media(pointer:coarse){ .action-page .action-dimension-input input:focus { font-size:16px; } }

/* Compact option spacing on desktop and mobile. */
.action-page .action-step-toggle { padding:14px 0; }
.action-page .action-content { padding-bottom:14px; }
.action-page .action-field { margin-bottom:10px; }
.action-page .action-field>span { margin-bottom:5px; }
.action-page .action-sizes { gap:10px; }
.action-page .action-content h4 { margin:14px 0 8px; }
.action-page .action-subheading h4 { margin-top:0; }
.action-page .action-choice-group { margin:12px 0 8px; }
.action-page .action-choice-group legend { margin-bottom:8px; }
.action-page .action-choice-list { gap:8px; }
.action-page .action-choice { min-height:62px; padding:10px; }
.action-page .action-choice small { margin-top:3px; }
.action-page .action-side-layout { margin:14px 0; }
.action-page .action-side-layout legend { margin-bottom:8px; }
.action-page .action-side-layout-card { gap:5px; padding:9px 6px; }
.action-page .action-check { padding:10px 0; }
.action-page .action-options details { margin:12px 0; }
.action-page .action-options details summary { padding:11px 0; }
.action-page .action-options details>div { padding-bottom:10px; }
.action-page .action-content .small-note { margin-top:6px; margin-bottom:8px; line-height:1.5; }
.action-page .action-content .form-error:empty { display:none; }
.action-page .action-step-controls { margin-top:14px; }
.action-page .action-colors { gap:14px 12px; margin:5px 0 14px; }
.action-page .action-handle-families,.action-page .action-handle-grid { gap:10px; margin-bottom:12px; }
.action-page .action-handle-description { padding:10px; }
.action-page .action-handle-description b { margin-top:6px; }
.action-page .action-hint { margin:10px 0; }

/* A compact, consistent selection for the four interior levers. */
.action-page .action-inside-handles { border:0; padding:0; margin:0; min-width:0; }
.action-page .action-inside-handles .action-handle-option { border-radius:10px; transition:border-color .15s,background .15s; }
.action-page .action-inside-handles .action-handle-option.is-selected { border-color:#0674df; box-shadow:inset 0 0 0 1px #0674df; background:#f2f8ff; }
.action-page .action-inside-handles .action-handle-image { height:100px; padding:20px 18px; background:#fff; }
.action-page .action-inside-handles .action-handle-tick { background:#0674df; width:20px; height:20px; line-height:20px; top:8px; right:8px; }
.action-page .action-inside-handles .action-handle-description { padding:10px 12px 12px; }
.action-page .action-inside-handles .action-handle-description b { color:#245984; }


/* Uncropped manufacturer views, shared with the hardware used in the sketch. */
.action-page .action-handle-image.is-manufacturer { background:#f7f8f9; padding:14px; }
.action-page .action-handle-image.is-manufacturer img { object-fit:contain; object-position:center; mix-blend-mode:normal; }
.action-page .action-inside-handles .action-handle-image.is-manufacturer { padding:24px 18px; background:#f4f5f6; }
.action-page .action-handle-image.is-manufacturer svg { display:block; max-width:100%; height:100%; }

/* Four outward arrows on a compact, dark enlarge control. */
.action-page.is-configuring #main .action-stage-heading #a-enlarge {
 display:grid; place-items:center; width:36px; height:36px; min-height:36px;
 flex:0 0 36px; padding:0; border:1px solid #242424; border-radius:5px;
 background:#242424; color:#fff; transition:background .15s,border-color .15s;
}
.action-page.is-configuring #main .action-stage-heading #a-enlarge svg { display:block; width:20px; height:20px; }
.action-page.is-configuring #main .action-stage-heading #a-enlarge:hover { background:#0674df; border-color:#0674df; }
.action-page.is-configuring #main .action-stage-heading #a-enlarge:focus-visible { outline:2px solid #0674df; outline-offset:3px; }


/* Compact action introduction and consistent configured model previews. */
.action-page #action-page-subtitle { margin:14px 0 0; font-size:18px; line-height:1.5; color:#666; }
.action-model-figure > .action-live-svg { display:block; width:100%; height:100%; max-height:100%; }

/* Compact sliding outside/inside control. */
.action-page.is-configuring .action-stage-heading>.action-view-toggle{
 position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:168px;padding:3px;
}
.action-page .action-view-toggle::before{
 content:"";position:absolute;z-index:-1;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/2);border-radius:999px;background:#0674df;
 transform:translateX(0);transition:transform .55s cubic-bezier(.22,.68,.2,1);
}
.action-page .action-view-toggle:has([data-preview-view="inside"][aria-pressed="true"])::before{transform:translateX(100%)}
.action-page .action-view-toggle button{position:relative;min-width:0;min-height:34px;padding:6px 12px;transition:color .3s}
.action-page .action-view-toggle button:hover,
.action-page .action-view-toggle button[aria-pressed=true],
.action-page .action-view-toggle button[aria-pressed=true]:hover{background:transparent}
.action-page .action-view-toggle button[aria-pressed=true]{color:#fff}
@media(prefers-reduced-motion:reduce){.action-page .action-view-toggle::before{transition:none}}

/* Model selection above; ordering stays within reach at the window edge. */
.action-page .action-model-picker-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:38px;padding:7px 14px;border:1px solid #d5d5d5;border-radius:999px;background:#fff;color:#222;font:inherit;font-size:13px;cursor:pointer}
.action-page .action-model-picker-trigger>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ddd;border-radius:50%;font-size:12px;color:#777}
.action-page .action-model-picker-trigger:hover{border-color:#0674df;color:#0674df}
.action-page .action-model-picker-trigger:focus-visible{outline:2px solid #0674df;outline-offset:3px}
.action-page .action-order-footer{position:fixed;z-index:80;inset:auto 0 0;display:flex;justify-content:flex-end;align-items:center;min-height:64px;padding:10px 4% calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e3e3e3;background:rgb(255 255 255 / 96%);backdrop-filter:blur(12px)}
.action-page #main .action-order-footer #a-overview{min-height:42px;min-width:132px;padding:10px 24px;background:#0674df;border:1px solid #0674df;border-radius:999px;color:#fff;font-size:14px;line-height:1.3}
.action-page #main .action-order-footer #a-overview:hover{background:#005fbf;border-color:#005fbf}
.action-page #main .action-order-footer #a-overview:focus-visible{outline:2px solid #2167b3;outline-offset:3px}
.action-page.is-configuring #main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
@media(max-width:760px){
 .action-page .action-model-picker-trigger{gap:5px;min-height:38px;padding:6px 10px;font-size:11px}
 .action-page .action-model-picker-trigger>span{width:19px;height:19px;font-size:11px}
 .action-page .action-order-footer{padding-inline:5%}
}

/* Blue outline actions match the primary homepage buttons. */
.action-page .action-model-picker-trigger{border-color:#0674df;color:#0674df}
.action-page .action-model-picker-trigger:hover{background:#eef6ff;border-color:#005fbf;color:#005fbf}
.action-page .action-order-footer{gap:12px}
.action-page #main .action-order-footer #a-inquiry{min-height:42px;padding:10px 22px;border:1px solid #0674df;border-radius:999px;background:#fff;color:#0674df;font-size:14px;line-height:1.3}
.action-page #main .action-order-footer #a-inquiry:hover{background:#eef6ff;border-color:#005fbf;color:#005fbf}
.action-page #main .action-order-footer #a-inquiry:focus-visible{outline:2px solid #2167b3;outline-offset:3px}
.action-page .action-inquiry-mail{background:#0674df;border-color:#0674df;border-radius:999px;color:#fff}
@media(max-width:760px){
 .action-page .action-order-footer{gap:8px}
 .action-page #main .action-order-footer #a-inquiry{padding:10px 14px;font-size:12px}
 .action-page #main .action-order-footer #a-overview{min-width:104px;padding:10px 16px;font-size:12px}
}

/* Minimal dimension annotations; accessible field names stay available. */
.action-page .action-dimension-field:is([data-dimension-id="left"],[data-dimension-id="right"]) .action-dimension-label{display:none}
.action-page .action-dimension-label,
.action-page .action-dimension-input input,
.action-page .action-dimension-input>span{color:#000}

/* Persistent mobile preview with compact fixed measures outside Dimensionen. */
@media(max-width:760px){
 .action-page.is-configuring { --action-mobile-preview:min(clamp(260px,40svh,360px),calc(100svh - var(--action-header) - 180px)); --action-bar:0px; }
 .action-page.is-configuring .action-visual { position:sticky; top:calc(var(--action-header) + var(--action-bar)); height:var(--action-mobile-preview); align-self:start; z-index:18; }
 .action-page.is-configuring .action-stage-heading { height:44px; flex-basis:44px; padding:5px 10px; }
 .action-page.is-configuring .original-stage { height:auto; }
 .action-page.is-configuring:not(.is-dimension-editing) .has-inline-dimensions #a-image { inset:0 48px 38px 12px; }
 .action-page.is-configuring:not(.is-dimension-editing) .has-inline-dimensions.has-sidelights #a-image { bottom:70px; }
 .action-page .action-diagram-dimensions.is-readonly { pointer-events:none; }
 .action-page .is-readonly .action-dimension-field { width:64px; pointer-events:none; }
 .action-page .is-readonly .action-dimension-input { height:22px; padding:0 2px; gap:2px; border:0; border-radius:0; background:transparent; box-shadow:none; }
 .action-page .is-readonly .action-dimension-input input { color:#53616a; font-size:12px; pointer-events:none; }
 .action-page .is-readonly .action-dimension-label { display:none; }
 .action-page .is-readonly .action-dimension-input>span { font-size:9px; }
}

/* Mobile: price and actions below, model choice in the first options block. */
@media(max-width:760px){
 .action-page.is-configuring #main .action-config-bar { display:none; }
 .action-page.is-configuring #main .action-order-footer {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px;
  padding:8px 5% calc(8px + env(safe-area-inset-bottom));
 }
 .action-page .action-order-footer>.action-price-summary { grid-column:1/-1; display:flex; align-items:baseline; justify-content:space-between; gap:8px; min-width:0; }
 .action-page .action-order-footer .small-label { font-size:11px; letter-spacing:0; }
 .action-page .action-order-footer #a-price { color:#e11924; font-size:20px; font-weight:500; }
 .action-page .action-order-footer #a-list-price { font-size:12px; }
 .action-page #main .action-order-footer #a-inquiry { min-width:0; padding-inline:8px; }
 .action-page.is-configuring #main { padding-bottom:calc(116px + env(safe-area-inset-bottom)); }
 .action-page .action-model-current #a-change-model { border:0; border-radius:0; padding:8px 0; background:transparent; color:#0674df; box-shadow:none; text-decoration:underline; text-underline-offset:3px; }
}


/* Match the primary blue action buttons for model changes. */
.action-page #main .action-model-current #a-change-model{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:42px;padding:10px 18px;border:1px solid #0674df;border-radius:999px;background:#0674df;color:#fff;font-size:13px;line-height:1.3;box-shadow:none;text-decoration:none}
.action-page #main .action-model-current #a-change-model:hover{background:#005fbf;border-color:#005fbf}
.action-page #main .action-model-current #a-change-model:focus-visible{outline:2px solid #2167b3;outline-offset:3px}