.configurator-page{--cfg-bg:#06131f;--cfg-panel:#0b1a27;--cfg-panel-2:#081620;--cfg-line:#294050;--cfg-muted:#8da2b1;--cfg-text:#f4f7f9;--cfg-red:#ef2029;background:var(--cfg-bg);color:var(--cfg-text)}
.configurator-page *{box-sizing:border-box}.configurator-page main{overflow:visible}.configurator-page .wrap{width:min(1540px,calc(100% - 40px))}
.cfg-hero{position:relative;padding:92px 0 70px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 82% 22%,rgba(239,32,41,.17),transparent 33%),linear-gradient(125deg,#07131f,#0c1c2b 68%,#07131f)}
.cfg-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent)}
.cfg-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:70px}.cfg-kicker,.cfg-panel>header p,.summary-head p{margin:0 0 13px;color:var(--cfg-red);font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.cfg-hero h1{max-width:720px;margin:0;color:#fff;font-size:clamp(44px,5vw,74px);line-height:.98;letter-spacing:-.045em}.cfg-lead{max-width:690px;margin:24px 0 0;color:#afbdc9;font-size:18px;line-height:1.75}.cfg-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.cfg-hero-points span{padding:9px 13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#dbe5ec;font-size:12px;font-weight:800}
.spring-stage{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:linear-gradient(145deg,#071521,#0c2231)}.spring-stage--hero{min-height:290px;border:1px solid rgba(255,255,255,.08)}.spring-stage--form{min-height:210px;margin-bottom:28px;border:1px solid var(--cfg-line)}.spring-stage--summary{min-height:132px;margin:17px 0;border:1px solid #243b4a}.virtual-spring{--tube-w:48%;--rod-w:29%;position:relative;width:min(88%,640px);height:92px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.42))}.spring-tube,.spring-rod,.spring-end{position:absolute;top:50%;transform:translateY(-50%)}.spring-tube{left:10%;width:var(--tube-w);height:44px;border-radius:12px;background:linear-gradient(#39434c,#11171c 42%,#030507 56%,#25303a);box-shadow:inset 0 0 0 2px #5b6670,0 0 0 3px #04070a}.spring-tube b{position:absolute;left:50%;top:50%;max-width:80%;transform:translate(-50%,-50%);color:#fff;font-size:10px;letter-spacing:.14em;white-space:nowrap;text-shadow:0 1px 2px #000}.spring-rod{left:calc(10% + var(--tube-w) - 2px);width:var(--rod-w);height:18px;border-radius:0 10px 10px 0;background:linear-gradient(#fff,#8d979e 45%,#363d42 55%,#f0f4f6);box-shadow:0 0 0 2px #151b20}.spring-end{z-index:2;width:56px;height:56px;border:11px solid #263139;border-radius:50%;background:#070b0e;box-shadow:inset 0 0 0 5px #05080a,0 0 0 3px #6a757d}.spring-end--tube{left:1%}.spring-end--rod{right:1%}.spring-measure{position:absolute;left:8%;right:8%;bottom:33px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;color:var(--cfg-red);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.spring-measure span{height:1px;background:var(--cfg-red)}.dimension-lines{position:absolute;left:8%;right:8%;bottom:16px;display:grid;grid-template-columns:25px auto 1fr 25px auto;align-items:center;gap:8px;color:#dce5eb;font-size:11px}.dimension-lines span{display:grid;width:25px;height:25px;place-items:center;background:var(--cfg-red);color:#fff;font-weight:900}.dimension-lines i{height:1px;background:#526878}
.cfg-shell{display:grid;grid-template-columns:190px minmax(0,1180px);justify-content:center;gap:24px;align-items:start;padding-top:48px;padding-bottom:90px}.cfg-steps{position:sticky;top:112px;padding:18px 0}.cfg-progress{position:absolute;left:25px;top:44px;bottom:44px;width:2px;background:#263b4b}.cfg-progress i{display:block;width:100%;height:0;background:var(--cfg-red);transition:height .25s}.cfg-steps button{position:relative;z-index:1;display:grid;width:100%;grid-template-columns:48px 1fr;gap:3px 11px;padding:13px 6px;border:0;background:transparent;color:#738897;text-align:left;cursor:pointer}.cfg-steps button>b{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border:1px solid #314858;border-radius:50%;background:var(--cfg-bg);font-size:11px}.cfg-steps button span{align-self:end;color:#8da0ae;font-weight:850}.cfg-steps button small{font-size:10px}.cfg-steps button.is-active>b,.cfg-steps button.is-complete>b{border-color:var(--cfg-red);background:var(--cfg-red);color:#fff}.cfg-steps button.is-active span{color:#fff}
.cfg-form{display:block!important;grid-template-columns:none!important;gap:0!important;padding:0!important;min-width:0;border:1px solid var(--cfg-line);background:var(--cfg-panel);box-shadow:0 25px 68px rgba(0,0,0,.24)}.cfg-panel{display:none;min-width:0;padding:36px}.cfg-panel.is-active{display:block;animation:cfgIn .22s ease}@keyframes cfgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cfg-panel>header{margin-bottom:28px}.cfg-panel>header h2{margin:0 0 9px;color:#fff;font-size:clamp(28px,3vw,38px);line-height:1.03;letter-spacing:-.035em}.cfg-panel>header>span{display:block;max-width:760px;color:#91a5b4;line-height:1.65}.cfg-grid{display:grid;gap:18px}.cfg-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-grid--compact{margin-top:20px}.cfg-panel label,.wide-field{display:flex;min-width:0;flex-direction:column;gap:8px;color:#d7e0e7;font-size:12px;font-weight:850;letter-spacing:.02em}.cfg-form input,.cfg-form select,.cfg-form textarea{width:100%;min-width:0;min-height:52px;padding:13px 14px;border:1px solid #304958;border-radius:2px;outline:none;background:#071520;color:#eef4f7;font:inherit;transition:border-color .2s,box-shadow .2s}.cfg-form textarea{resize:vertical}.cfg-form input:focus,.cfg-form select:focus,.cfg-form textarea:focus{border-color:var(--cfg-red);box-shadow:0 0 0 3px rgba(239,32,41,.12)}.cfg-form small{color:#718693;font-weight:500;line-height:1.5}.input-unit{position:relative}.input-unit input{padding-right:49px}.input-unit>b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--cfg-red)}.choice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:25px}.choice-card{position:relative;display:flex;min-width:0;align-items:center;gap:11px;padding:15px;border:1px solid #2b4050;background:#091722;color:#9aabb6;cursor:pointer}.choice-card:hover,.choice-card.is-selected{border-color:var(--cfg-red);background:rgba(239,32,41,.08);color:#fff}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card i{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal}.choice-card strong{font-size:13px}.cfg-warning{margin:24px 0 0;padding:14px 16px;border-left:3px solid var(--cfg-red);background:#07151f;color:#8da1af;font-size:12px;line-height:1.65}
.cfg-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:25px}.cfg-mode-option{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px!important;min-height:92px;padding:16px;border:1px solid var(--cfg-line);background:#071520;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.cfg-mode-option:hover{transform:translateY(-2px);border-color:#657d8d}.cfg-mode-option.is-selected{border-color:var(--cfg-red);background:rgba(239,32,41,.08);box-shadow:inset 0 0 0 1px rgba(239,32,41,.18)}.cfg-mode-option input{position:absolute;opacity:0;pointer-events:none}.cfg-mode-option>b{display:grid;width:42px;height:42px;place-items:center;border:1px solid #425a6a;border-radius:50%;color:#8ea3b1}.cfg-mode-option.is-selected>b{border-color:var(--cfg-red);background:var(--cfg-red);color:#fff}.cfg-mode-option span,.cfg-calculation-intro span{display:grid;gap:5px}.cfg-mode-option strong,.cfg-calculation-intro strong{color:#fff;font-size:14px}.cfg-mode-option small,.cfg-calculation-intro small{color:#8297a5;font-size:11px;line-height:1.45}.cfg-calculation-panel{padding:20px;border:1px solid var(--cfg-line);background:#07141e}.cfg-calculation-panel[hidden],[data-mode-panel][hidden]{display:none!important}.cfg-calculation-intro{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--cfg-line)}.cfg-calculation-intro>b{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;background:var(--cfg-red);color:#fff;font-size:18px}.cfg-calculation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-calculation-grid .cfg-field-wide{grid-column:span 2}
.code-field{position:relative}.code-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.code-search button{min-width:105px;border:1px solid var(--cfg-red);background:var(--cfg-red);color:#fff;font-weight:900;cursor:pointer}.code-search button:hover{background:#c9151d}.code-status{min-height:17px;color:#8fa2ae;font-size:12px}.code-status.is-error{color:#ff9297}.code-status.is-success{color:#7ee0ad}.code-results{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;max-height:360px;overflow:auto;padding:7px;border:1px solid var(--cfg-line);background:#06131d;box-shadow:0 22px 45px rgba(0,0,0,.48)}.code-results[hidden]{display:none}.code-result{display:grid;width:100%;grid-template-columns:minmax(180px,1.25fr) minmax(160px,1fr) 90px 80px;gap:10px;align-items:center;padding:12px;border:1px solid #263b49;background:#0a1925;color:#dce5ea;text-align:left;cursor:pointer}.code-result+.code-result{margin-top:7px}.code-result:hover{border-color:var(--cfg-red);background:#102431}.code-result strong,.code-result small,.code-result span{display:block}.code-result strong{color:#fff;font-size:13px}.code-result small{margin-top:4px;color:#8da1af}.code-result span{font-size:11px}.code-result span b{display:block;margin-bottom:3px;color:#657b8a;font-size:9px;text-transform:uppercase}
.fitting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fitting-card{min-width:0;padding:20px;border:1px solid var(--cfg-line);background:#081722}.fitting-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.fitting-title>b{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;background:var(--cfg-red);color:#fff}.fitting-title span{display:flex;min-width:0;flex-direction:column}.fitting-title strong{color:#fff}.fitting-title small{color:#718694}.fitting-preview{display:grid;min-height:205px;place-items:center;padding:20px 17px 16px;border:1px solid #263b49;background:linear-gradient(145deg,#07141e,#0d2230);overflow:hidden}.fitting-preview>small{align-self:end;max-width:100%;color:#fff;font-size:11px;font-weight:850;text-align:center;overflow-wrap:anywhere}.mini-spring{position:relative;width:min(92%,440px);height:78px}.mini-spring i,.mini-spring u{position:absolute;z-index:2;top:50%;width:49px;height:49px;transform:translateY(-50%);border:9px solid #28343c;border-radius:50%;background:#05090c;box-shadow:0 0 0 2px #6e7981;text-decoration:none}.mini-spring i{left:0}.mini-spring u{right:0}.mini-spring span{position:absolute;left:7%;top:50%;width:52%;height:35px;transform:translateY(-50%);border-radius:9px;background:linear-gradient(#39444c,#080d11 53%,#26313a);box-shadow:inset 0 0 0 2px #596570}.mini-spring span b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:8px;letter-spacing:.13em;white-space:nowrap}.mini-spring em{position:absolute;left:57%;right:7%;top:50%;height:14px;transform:translateY(-50%);background:linear-gradient(#fff,#778087,#e9eef0);box-shadow:0 0 0 1px #172027}.fitting-preview--tube .mini-spring i{box-shadow:0 0 0 3px var(--cfg-red),0 0 0 6px rgba(239,32,41,.12)}.fitting-preview--rod .mini-spring u{box-shadow:0 0 0 3px var(--cfg-red),0 0 0 6px rgba(239,32,41,.12)}.fitting-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.fitting-specs{margin-top:14px;padding:13px;border:1px solid #263b49;background:#07141e;color:#91a4b1;font-size:11px}.fitting-specs:empty{display:none}.fitting-specs dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:#243a49}.fitting-specs dl>div{display:grid;gap:4px;padding:10px;background:#081722}.fitting-specs dt{color:#718694}.fitting-specs dd{margin:0;color:#fff;font-weight:850;overflow-wrap:anywhere}
.marking-preview{display:flex;flex-direction:column;gap:8px;margin:23px 0;padding:20px;border:1px solid #3b4851;background:linear-gradient(100deg,#151b20,#30373c 48%,#101419);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.marking-preview small{color:#8a9aa5}.marking-preview strong{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.marking-preview span{color:var(--cfg-red);font-size:11px;font-weight:900}.wide-field{margin-top:18px}.upload-box{position:relative;display:grid!important;grid-template-columns:43px 1fr auto!important;align-items:center;gap:13px;margin-top:18px;padding:17px;border:1px dashed #3b5262;background:#081722;color:#a7b6c0;cursor:pointer}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box>i{display:grid;width:41px;height:41px;place-items:center;border:1px solid var(--cfg-red);color:var(--cfg-red);font-style:normal;font-size:22px}.upload-box span{display:flex;flex-direction:column}.upload-box strong{color:#fff}.upload-box>b{max-width:190px;color:var(--cfg-red);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:23px 0;border:1px solid #263b49;background:#263b49}.final-summary div{padding:13px;background:#081722}.final-summary small{display:block;color:#718694}.final-summary b{display:block;margin-top:4px;color:#fff;font-size:12px;overflow-wrap:anywhere}.consent-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;color:#9aabb6!important;font-size:12px!important;line-height:1.55}.consent-row input{width:17px!important;min-height:17px!important;margin-top:2px;accent-color:var(--cfg-red)}.submit-row{display:flex;justify-content:flex-end;gap:11px;margin-top:23px}.form-status{margin-top:15px;color:#b9c5cd;font-size:13px}.form-status.is-success,.form-status.is-error{padding:13px;border:1px solid}.form-status.is-success{border-color:#24865b;background:rgba(36,134,91,.12);color:#9ee0bd}.form-status.is-error{border-color:var(--cfg-red);background:rgba(239,32,41,.1);color:#ff9ba0}.cfg-navigation{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid #273d4c;background:#07151f}.cfg-navigation[hidden]{display:none}.cfg-nav-btn{width:auto!important;min-width:120px!important;min-height:44px!important;height:44px!important;padding:0 17px!important;flex:0 0 auto}.cfg-nav-btn[data-next]{margin-left:auto}.cfg-nav-btn[data-prev]{margin-right:auto}
.cfg-summary{min-width:0;padding:23px;border:1px solid var(--cfg-line);background:#0a1925}.summary-head{padding-bottom:16px;border-bottom:1px solid #263b49}.summary-head span{color:#7d919f;font-size:12px}.cfg-summary dl{margin:0}.cfg-summary dl>div{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(0,1.15fr);gap:12px;padding:10px 0;border-bottom:1px solid #213745}.cfg-summary dt{color:#718795;font-size:11px}.cfg-summary dd{margin:0;color:#fff;font-size:12px;font-weight:850;text-align:right;overflow-wrap:anywhere}.summary-code{margin:18px 0;padding:13px;border-left:3px solid var(--cfg-red);background:#06141e}.summary-code small{display:block;color:#718694}.summary-code strong{display:block;margin-top:5px;color:#fff;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.cfg-summary>p{color:#728795;font-size:11px;line-height:1.6}.cfg-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
html[data-theme="light"] .configurator-page{--cfg-bg:#eef3f6;--cfg-panel:#fff;--cfg-panel-2:#f7fafb;--cfg-line:#d5e0e7;--cfg-text:#11202c;--cfg-muted:#607382;background:#eef3f6;color:#11202c}html[data-theme="light"] .cfg-hero{background:radial-gradient(circle at 82% 22%,rgba(239,32,41,.11),transparent 33%),linear-gradient(125deg,#edf3f6,#fff)}html[data-theme="light"] .cfg-hero h1,html[data-theme="light"] .cfg-panel>header h2,html[data-theme="light"] .cfg-panel label,html[data-theme="light"] .fitting-title strong,html[data-theme="light"] .cfg-summary dd{color:#10202c}html[data-theme="light"] .cfg-form input,html[data-theme="light"] .cfg-form select,html[data-theme="light"] .cfg-form textarea{background:#f7fafb;border-color:#cfdae2;color:#10202c}html[data-theme="light"] .choice-card,html[data-theme="light"] .fitting-card,html[data-theme="light"] .cfg-navigation,html[data-theme="light"] .final-summary div{background:#f5f8fa;color:#435663}html[data-theme="light"] .cfg-summary,html[data-theme="light"] .cfg-form{background:#fff}html[data-theme="light"] .cfg-steps button>b{background:#eef3f6}
@media(max-width:1320px){.configurator-page .wrap{width:min(1280px,calc(100% - 30px))}.cfg-shell{grid-template-columns:165px minmax(0,1fr);gap:16px}.cfg-panel{padding:29px}.cfg-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.cfg-hero-grid{grid-template-columns:1fr;gap:28px}.spring-stage--hero{min-height:230px}.cfg-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps" "form"}.cfg-steps{grid-area:steps;position:relative;top:auto;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));padding:0;overflow-x:auto;border:1px solid var(--cfg-line);background:#081722}.cfg-progress{display:none}.cfg-steps button{min-width:150px;padding:12px;border-right:1px solid var(--cfg-line)}.cfg-form{grid-area:form}.fitting-grid{grid-template-columns:1fr}.fitting-preview{min-height:190px}}
@media(max-width:790px){.configurator-page .wrap{width:calc(100% - 24px)}.cfg-hero{padding:70px 0 48px}.cfg-hero h1{font-size:clamp(38px,11vw,56px)}.cfg-lead{font-size:16px}.cfg-shell{grid-template-columns:1fr;grid-template-areas:"steps" "form";padding-top:25px}.cfg-steps{position:relative;top:auto}.cfg-panel{padding:22px}.cfg-grid--2,.cfg-grid--3,.fitting-controls{grid-template-columns:1fr}.choice-cards{grid-template-columns:1fr}.spring-stage--form{min-height:175px}.final-summary{grid-template-columns:1fr}.submit-row{flex-direction:column}.submit-row .btn{width:100%}.code-results{position:relative;top:auto;margin-top:7px;box-shadow:none}.code-result{grid-template-columns:1fr 1fr}.code-result>:first-child{grid-column:1/-1}}
@media(max-width:520px){.cfg-hero-points{display:grid}.virtual-spring{width:96%;height:75px}.spring-end{width:44px;height:44px;border-width:8px}.spring-tube{height:35px}.spring-tube b{font-size:7px}.spring-rod{height:13px}.cfg-navigation{padding:11px 13px}.cfg-nav-btn{min-width:0!important;width:calc(50% - 6px)!important;padding:0 10px!important}.code-search{grid-template-columns:1fr}.code-search button{min-height:44px}.code-result{grid-template-columns:1fr}.fitting-card{padding:15px}.fitting-preview{min-height:170px}.upload-box{grid-template-columns:41px 1fr!important}.upload-box>b{grid-column:1/-1}}
@media print{body>*:not(main){display:none!important}.cfg-hero,.cfg-steps,.cfg-navigation,.cfg-panel:not([data-step="4"]),.submit-row,.consent-row{display:none!important}.cfg-shell{display:block;padding:0}.cfg-form{border:0;box-shadow:none}.cfg-panel[data-step="4"]{display:block!important}.cfg-summary{position:static;margin-top:20px}}


/* FINAL 2026-08-09: centered technical form without a persistent side summary */
@media (min-width:1321px){
  .configurator-page .wrap{width:min(1720px,calc(100% - 36px))}
  .cfg-shell{grid-template-columns:190px minmax(0,1180px);gap:26px}
}
@media (min-width:1051px) and (max-width:1320px){
  .configurator-page .wrap{width:min(1320px,calc(100% - 28px))}
  .cfg-shell{grid-template-columns:165px minmax(0,1fr);gap:18px}
}
.cfg-form input[readonly]{cursor:default;background:#0a1b28;color:#dce8ef}

/* Light theme: explicit text and surface contrast */
html[data-theme="light"] .configurator-page,
html[data-theme="light"] .configurator-page main{background:#eef3f6;color:#172633}
html[data-theme="light"] .cfg-hero h1,
html[data-theme="light"] .cfg-panel>header h2,
html[data-theme="light"] .cfg-panel label,
html[data-theme="light"] .cfg-panel label>span,
html[data-theme="light"] .fitting-title strong,
html[data-theme="light"] .cfg-summary dd,
html[data-theme="light"] .summary-code strong,
html[data-theme="light"] .final-summary b,
html[data-theme="light"] .marking-preview strong,
html[data-theme="light"] .upload-box strong{color:#122330!important}
html[data-theme="light"] .cfg-lead,
html[data-theme="light"] .cfg-panel>header>span,
html[data-theme="light"] .cfg-form small,
html[data-theme="light"] .cfg-warning,
html[data-theme="light"] .summary-head span,
html[data-theme="light"] .cfg-summary dt,
html[data-theme="light"] .cfg-summary>p,
html[data-theme="light"] .fitting-title small,
html[data-theme="light"] .fitting-specs dt,
html[data-theme="light"] .code-status{color:#526978!important}
html[data-theme="light"] .cfg-form,
html[data-theme="light"] .cfg-summary,
html[data-theme="light"] .fitting-card,
html[data-theme="light"] .choice-card,
html[data-theme="light"] .cfg-navigation,
html[data-theme="light"] .final-summary div,
html[data-theme="light"] .fitting-specs,
html[data-theme="light"] .upload-box{background:#fff!important;border-color:#cbd8e1!important}
html[data-theme="light"] .cfg-form input,
html[data-theme="light"] .cfg-form select,
html[data-theme="light"] .cfg-form textarea,
html[data-theme="light"] .cfg-form input[readonly]{background:#f5f8fa!important;border-color:#bdccd6!important;color:#132532!important}
html[data-theme="light"] .choice-card{color:#405665!important}
html[data-theme="light"] .choice-card.is-selected,
html[data-theme="light"] .choice-card:hover{background:#fff0f1!important;color:#122330!important;border-color:var(--cfg-red)!important}
html[data-theme="light"] .spring-stage,
html[data-theme="light"] .fitting-preview{background:linear-gradient(145deg,#dfe8ee,#f8fbfc)!important;border-color:#c8d6df!important}
html[data-theme="light"] .cfg-steps button span{color:#526978}
html[data-theme="light"] .cfg-steps button small{color:#6a7f8d}
html[data-theme="light"] .cfg-steps button.is-active span{color:#162733}
html[data-theme="light"] .cfg-steps button>b{background:#fff;border-color:#b9cad5;color:#425967}
html[data-theme="light"] .summary-head,
html[data-theme="light"] .cfg-summary dl>div{border-color:#d5e0e7}
html[data-theme="light"] .summary-code{background:#f2f6f8}
html[data-theme="light"] .marking-preview{background:linear-gradient(100deg,#d6dee3,#f8fafb 48%,#d2dce2)}
html[data-theme="light"] .cfg-hero-points span{border-color:#cbd8e1;background:#fff;color:#344b5a}
html[data-theme="light"] .cfg-mode-option,html[data-theme="light"] .cfg-calculation-panel{border-color:#cbd8e1;background:#f7fafb}
html[data-theme="light"] .cfg-mode-option.is-selected{border-color:var(--cfg-red);background:#fff0f1}
html[data-theme="light"] .cfg-mode-option strong,html[data-theme="light"] .cfg-calculation-intro strong{color:#122330}
html[data-theme="light"] .cfg-mode-option small,html[data-theme="light"] .cfg-calculation-intro small{color:#526978}
html[data-theme="light"] .fitting-specs dl{background:#d5e0e7}
html[data-theme="light"] .fitting-specs dl>div{background:#f5f8fa}
html[data-theme="light"] .fitting-specs dd{color:#122330!important}
html[data-theme="light"] .fitting-tech-note{color:#526978!important}

/* 2026 sadeleştirilmiş yapılandırıcı */
.assembly-card{padding:22px;border:1px solid var(--cfg-line);background:#081722}
.assembly-preview{display:grid;grid-template-columns:minmax(74px,130px) minmax(260px,1fr) minmax(74px,130px);align-items:center;min-height:230px;padding:28px;border:1px solid #263b49;background:radial-gradient(circle at 50% 50%,rgba(239,32,41,.08),transparent 45%),linear-gradient(145deg,#07141e,#0d2230);overflow:hidden}
.assembly-fitting{position:relative;z-index:2;width:145%;max-height:130px;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(0,0,0,.45))}
.assembly-fitting--tube{justify-self:end}.assembly-fitting--rod{justify-self:start}
.assembly-body{position:relative;z-index:1;display:flex;align-items:center;width:100%;height:84px}
.assembly-tube{position:relative;width:calc(72% - (var(--cfg-stroke-ratio,.4) * 18%));height:clamp(32px,calc(var(--cfg-tube-diameter,27) * 1.7px),58px);border-radius:9px 2px 2px 9px;background:linear-gradient(#3a444c,#070a0d 48%,#252f37);box-shadow:inset 0 0 0 2px #596570,0 9px 20px rgba(0,0,0,.38)}
.assembly-tube b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:9px;letter-spacing:.14em;white-space:nowrap}
.assembly-rod{flex:1;height:clamp(10px,calc(var(--cfg-rod-diameter,10) * 1.45px),28px);background:linear-gradient(#fff,#7d878e,#edf2f4);box-shadow:0 0 0 1px #172027}
.assembly-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.assembly-controls>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border:1px solid #263b49;background:#07141e}
.assembly-controls .fitting-title,.assembly-controls .fitting-specs{grid-column:1/-1}
.assembly-controls label{display:flex;min-width:0;flex-direction:column;gap:8px;color:#dce5ea;font-size:12px;font-weight:800}
.assembly-controls select{width:100%;min-width:0}
.summary-assembly{display:grid;grid-template-columns:58px minmax(120px,1fr) 58px;align-items:center;min-height:105px;margin:18px 0;padding:12px;border:1px solid #263b49;background:#07141e;overflow:hidden}
.summary-assembly>img{position:relative;z-index:2;width:84px;max-height:72px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.4))}
.summary-assembly>img:first-child{justify-self:end}.summary-assembly>img:last-child{justify-self:start}
.summary-assembly-body{display:flex;align-items:center}
.summary-assembly-body span{position:relative;width:62%;height:30px;border-radius:6px 2px 2px 6px;background:linear-gradient(#3a444c,#070a0d 48%,#252f37);box-shadow:inset 0 0 0 1px #596570}
.summary-assembly-body span b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:6px;letter-spacing:.1em}
.summary-assembly-body i{flex:1;height:11px;background:linear-gradient(#fff,#7d878e,#edf2f4)}

html[data-theme="light"] .assembly-card,html[data-theme="light"] .assembly-controls>section,html[data-theme="light"] .summary-assembly{border-color:#c8d6df;background:#fff}
html[data-theme="light"] .assembly-preview{border-color:#c8d6df;background:radial-gradient(circle at 50% 50%,rgba(239,32,41,.07),transparent 45%),linear-gradient(145deg,#dfe8ee,#f8fbfc)}
html[data-theme="light"] .assembly-controls label,html[data-theme="light"] .fitting-title strong,html[data-theme="light"] .fitting-specs dd{color:#10202c}

@media(max-width:760px){.assembly-card{padding:13px}.assembly-preview{grid-template-columns:60px minmax(160px,1fr) 60px;min-height:180px;padding:18px 7px}.assembly-fitting{width:130%;max-height:90px}.assembly-controls{grid-template-columns:1fr}.assembly-controls>section{grid-template-columns:1fr}.cfg-steps{grid-template-columns:repeat(4,minmax(145px,1fr))}.summary-assembly{grid-template-columns:50px minmax(100px,1fr) 50px}}
@media(max-width:430px){.assembly-preview{grid-template-columns:48px minmax(130px,1fr) 48px;padding-inline:3px}.assembly-tube b{font-size:6px}.assembly-controls>section{padding:14px}.summary-assembly{grid-template-columns:44px minmax(80px,1fr) 44px;padding-inline:4px}}

/* Supplied transparent product photography: body, rod and end fittings are composited as layers. */
.cfg-base-product{position:absolute;left:50%;top:43%;width:118%;max-width:none;height:auto;transform:translate(-50%,-50%);object-fit:contain;clip-path:inset(37% 5% 43%);filter:drop-shadow(0 12px 15px rgba(0,0,0,.28))}
.spring-stage--form .dimension-lines{z-index:3}

.assembly-card,.cfg-summary{--assembly-stage-bg:#081722}
.assembly-preview{position:relative;display:block;min-height:228px;padding:0;background:var(--assembly-stage-bg)}
.assembly-product-complete,.assembly-product-base{position:absolute;z-index:1;left:50%;top:50%;width:110%;max-width:none;height:auto;transform:translate(-50%,-50%);object-fit:contain;clip-path:inset(37% 5% 45%);filter:drop-shadow(0 12px 15px rgba(0,0,0,.32))}
.assembly-preview:not(.is-complete-reference)::before,.assembly-preview:not(.is-complete-reference)::after{content:"";position:absolute;z-index:2;top:calc(50% + 19px);width:24px;height:18px;background:var(--assembly-stage-bg);pointer-events:none}
.assembly-preview:not(.is-complete-reference)::before{left:calc(14.2% - 12px)}
.assembly-preview:not(.is-complete-reference)::after{right:calc(8.8% - 12px)}
.assembly-product-complete{display:none;clip-path:inset(37% 4% 46%)}
.assembly-preview.is-complete-reference .assembly-product-complete{display:block}
.assembly-preview.is-complete-reference .assembly-product-base,.assembly-preview.is-complete-reference .assembly-fitting-slot{display:none}
.assembly-fitting-slot{position:absolute;z-index:3;top:50%;width:132px;height:112px;transform:translateY(-50%);overflow:hidden;pointer-events:none}
.assembly-fitting-slot::before{content:"";position:absolute;z-index:0;left:40%;top:39%;width:52%;height:22%;border-radius:999px;background:var(--assembly-stage-bg)}
.assembly-fitting-slot--tube{left:0}
.assembly-fitting-slot--rod{right:0}
.assembly-fitting-slot .assembly-fitting{position:absolute;z-index:1;left:50%;top:var(--fit-main-y,50%);width:390px;max-width:none;max-height:none;height:auto;object-fit:initial;clip-path:inset(27% 18% 37%);filter:none;mix-blend-mode:multiply}
.assembly-fitting-slot--tube .assembly-fitting{transform:translate(-50%,-50%)}
.assembly-fitting-slot--rod .assembly-fitting{transform:translate(-50%,-50%) scaleX(-1)}
.assembly-fitting-slot--tube .assembly-fitting.is-mounting-only{transform:translate(-50%,-50%) scaleX(-1)}
.assembly-fitting-slot--rod .assembly-fitting.is-mounting-only{transform:translate(-50%,-50%)}

.summary-assembly{position:relative;display:block;min-height:88px;padding:0;background:var(--assembly-stage-bg)}
.summary-product-complete,.summary-product-base{position:absolute!important;z-index:1!important;left:50%;top:50%;width:120%!important;max-width:none!important;max-height:none!important;height:auto;transform:translate(-50%,-50%);object-fit:contain;clip-path:inset(37% 4% 45%);filter:drop-shadow(0 6px 8px rgba(0,0,0,.28))!important}
.summary-product-complete{display:none;width:138%!important}
.summary-assembly.is-complete-reference .summary-product-complete{display:block}
.summary-assembly.is-complete-reference .summary-product-base,.summary-assembly.is-complete-reference .summary-fitting-slot{display:none}
.summary-fitting-slot{position:absolute;z-index:3;top:50%;width:62px;height:58px;transform:translateY(-50%);overflow:hidden;pointer-events:none}
.summary-fitting-slot::before{content:"";position:absolute;z-index:0;left:39%;top:39%;width:54%;height:22%;border-radius:999px;background:var(--assembly-stage-bg)}
.summary-fitting-slot--tube{left:-2px}
.summary-fitting-slot--rod{right:-2px}
.summary-fitting-slot>img{position:absolute!important;z-index:1;left:50%;top:var(--fit-summary-y,50%);width:190px!important;max-width:none!important;max-height:none!important;height:auto;object-fit:initial;clip-path:inset(27% 18% 37%);filter:none!important;mix-blend-mode:multiply}
.summary-fitting-slot--tube>img{transform:translate(-50%,-50%)}
.summary-fitting-slot--rod>img{transform:translate(-50%,-50%) scaleX(-1)}
.summary-fitting-slot--tube>img.is-mounting-only{transform:translate(-50%,-50%) scaleX(-1)}
.summary-fitting-slot--rod>img.is-mounting-only{transform:translate(-50%,-50%)}

.assembly-fitting-slot .assembly-fitting.is-clean-fitting{width:var(--fit-main-w,180px);clip-path:none;mix-blend-mode:normal}
.summary-fitting-slot>img.is-clean-fitting{width:var(--fit-summary-w,87px)!important;clip-path:none;mix-blend-mode:normal}
.assembly-fitting-slot--tube .assembly-fitting.is-clean-fitting{left:var(--fit-tube-x,63.3%)}
.assembly-fitting-slot--rod .assembly-fitting.is-clean-fitting{left:calc(100% - var(--fit-tube-x,63.3%))}
.summary-fitting-slot--tube>img.is-clean-fitting{left:var(--fit-summary-tube-x,63.7%)}
.summary-fitting-slot--rod>img.is-clean-fitting{left:calc(100% - var(--fit-summary-tube-x,63.7%))}

/* TŞT 01 kaynak fotoğrafının beyaz zeminde görünen alt ölçü/piksel izlerini kapatır. */
.assembly-fitting-slot:has(>img[data-fitting-id="tst01"])::after,.summary-fitting-slot:has(>img[data-fitting-id="tst01"])::after{content:"";position:absolute;z-index:2;left:38%;right:0;top:60%;bottom:0;background:var(--assembly-stage-bg);pointer-events:none}

img.is-clean-fitting[data-fitting-id="tst01"]{--fit-main-w:180px;--fit-summary-w:87px;--fit-tube-x:63.4%;--fit-summary-tube-x:62.9%}
img.is-clean-fitting[data-fitting-id="tst02"]{--fit-main-w:222px;--fit-summary-w:108px;--fit-tube-x:64.2%;--fit-summary-tube-x:63.7%}
img.is-clean-fitting[data-fitting-id="tst03"]{--fit-main-w:180px;--fit-summary-w:87px;--fit-tube-x:64%;--fit-summary-tube-x:63.5%}
img.is-clean-fitting[data-fitting-id="tst04"]{--fit-main-w:208px;--fit-summary-w:101px;--fit-tube-x:68.9%;--fit-summary-tube-x:68.4%}
img.is-clean-fitting[data-fitting-id="tst05"]{--fit-main-w:185px;--fit-summary-w:90px;--fit-tube-x:61.6%;--fit-summary-tube-x:60.8%}
img.is-clean-fitting[data-fitting-id="tst06"]{--fit-main-w:185px;--fit-summary-w:90px;--fit-tube-x:62.5%;--fit-summary-tube-x:61.8%}
img.is-clean-fitting[data-fitting-id="tst07"]{--fit-main-w:190px;--fit-summary-w:92px;--fit-tube-x:54.5%;--fit-summary-tube-x:53.7%}
img.is-clean-fitting[data-fitting-id="tst08"]{--fit-main-w:188px;--fit-summary-w:91px;--fit-tube-x:64.5%;--fit-summary-tube-x:64%;--fit-main-y:63%;--fit-summary-y:62%}
img.is-clean-fitting[data-fitting-id="tst09"]{--fit-main-w:190px;--fit-summary-w:92px;--fit-tube-x:64.9%;--fit-summary-tube-x:64.4%}
img.is-clean-fitting[data-fitting-id="tst10"]{--fit-main-w:205px;--fit-summary-w:99px;--fit-tube-x:51.1%;--fit-summary-tube-x:50.3%}
img.is-clean-fitting[data-fitting-id="tst11"]{--fit-main-w:215px;--fit-summary-w:104px;--fit-tube-x:50.1%;--fit-summary-tube-x:49.2%}
img.is-clean-fitting[data-fitting-id="tst12"]{--fit-main-w:180px;--fit-summary-w:87px;--fit-tube-x:61.3%;--fit-summary-tube-x:60.7%}
img.is-clean-fitting[data-fitting-id="tst13"]{--fit-main-w:180px;--fit-summary-w:87px;--fit-tube-x:66.5%;--fit-summary-tube-x:66.1%}
img.is-clean-fitting[data-fitting-id="tst14"]{--fit-main-w:180px;--fit-summary-w:87px;--fit-tube-x:63.7%;--fit-summary-tube-x:63.2%}
img.is-clean-fitting[data-fitting-id="tst15"]{--fit-main-w:175px;--fit-summary-w:85px;--fit-tube-x:62%;--fit-summary-tube-x:61.3%}
img.is-clean-fitting[data-fitting-id="tst16"]{--fit-main-w:205px;--fit-summary-w:99px;--fit-tube-x:55.2%;--fit-summary-tube-x:54.5%}
img.is-clean-fitting[data-fitting-id="tst17"]{--fit-main-w:195px;--fit-summary-w:94px;--fit-tube-x:44.3%;--fit-summary-tube-x:42.4%}
img.is-clean-fitting[data-fitting-id="tst18"]{--fit-main-w:205px;--fit-summary-w:99px;--fit-tube-x:50.8%;--fit-summary-tube-x:49%}
img.is-clean-fitting[data-fitting-id="metal-palio"]{--fit-main-w:205px;--fit-summary-w:99px;--fit-tube-x:63.7%;--fit-summary-tube-x:63.3%}

html[data-theme="light"] .assembly-card,html[data-theme="light"] .cfg-summary{--assembly-stage-bg:#081722}
html[data-theme="light"] .assembly-preview,html[data-theme="light"] .summary-assembly{border-color:#263b49;background:var(--assembly-stage-bg)}
html[data-theme="light"] .spring-stage--form{border-color:#263b49!important;background:linear-gradient(145deg,#07141e,#0d2230)!important}

@media(max-width:760px){.assembly-preview{min-height:198px}.assembly-product-base{width:114%}.assembly-fitting-slot{width:94px;height:84px}.assembly-fitting-slot .assembly-fitting{width:300px}.summary-assembly{min-height:84px}}
@media(max-width:900px){.cfg-calculation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cfg-mode-switch,.cfg-calculation-grid{grid-template-columns:1fr}.cfg-mode-option{min-height:84px}.cfg-calculation-panel{padding:15px}.cfg-calculation-grid .cfg-field-wide{grid-column:auto}}
@media(max-width:430px){.cfg-base-product{width:142%}.assembly-preview{min-height:176px}.assembly-product-base{width:118%}.assembly-fitting-slot{width:73px;height:68px}.assembly-fitting-slot .assembly-fitting{width:230px}.summary-fitting-slot{width:50px;height:48px}.summary-fitting-slot>img{width:155px!important}}
@media(max-width:760px){.assembly-fitting-slot .assembly-fitting.is-clean-fitting{width:calc(var(--fit-main-w,180px)*.76)}}
@media(max-width:430px){.assembly-fitting-slot .assembly-fitting.is-clean-fitting{width:calc(var(--fit-main-w,180px)*.58)}.summary-fitting-slot>img.is-clean-fitting{width:calc(var(--fit-summary-w,87px)*.82)!important}}

/* Teklif gönderimi için zorunlu KVKK bilgilendirme onayı */
.consent-row{padding:15px;border:1px solid var(--cfg-line);background:rgba(239,32,41,.045)}
.consent-row>span{display:grid;gap:5px}.consent-row a{color:var(--cfg-red);font-weight:850;text-decoration:underline;text-underline-offset:3px}.consent-row small{display:block;color:#ff8d93;font-size:11px;font-weight:750}
html[data-theme="light"] .consent-row{background:#fff7f7}html[data-theme="light"] .consent-row small{color:#a90f18}
html[data-theme="light"] .code-results{background:#fff;border-color:#cbd8e1}
html[data-theme="light"] .code-result{background:#f7fafb;border-color:#d2dde4;color:#263b49}
.fitting-tech-note{margin:10px 0 0;padding:9px 10px;border-left:3px solid #ff1f2d;background:rgba(255,31,45,.08);color:#9fb4c2;font-size:11px;line-height:1.45}
html[data-theme="light"] .fitting-tech-note{color:#425967;background:#fff1f2}
html[data-theme="light"] .code-result strong{color:#122330}
html[data-theme="light"] .code-result small,
html[data-theme="light"] .code-result span{color:#526978}
@media(max-width:1050px){.cfg-summary{max-height:none;overflow:visible}}