.donow-calc{max-width:1180px;margin:0 auto;color:#16181d;font-family:inherit}
.donow-calc *{box-sizing:border-box}
.donow-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;align-items:start}
.donow-card{background:#fff;border:1px solid #e0e4e8;border-radius:16px;padding:20px;margin-bottom:18px}
.donow-card h2,.donow-card h3{margin-top:0}
.donow-muted{color:#667085}.donow-small{font-size:13px}
.donow-calc [hidden]{display:none!important}
.donow-calc label,.donow-section-title{display:block;font-weight:600;font-size:14px;margin:12px 0 6px}
.donow-calc input,.donow-calc select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfd5dc;border-radius:10px;font:inherit;background:#fff}
.donow-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.donow-options-box{margin-top:16px;padding:14px;border:1px solid #e7eaee;border-radius:12px;background:#fafbfc}
.donow-options-box label{margin-top:0}.donow-options-box small{display:block;margin-top:7px}
.donow-colors,.donow-finishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.donow-color,.donow-finish{border:1px solid #dfe3e8;border-radius:12px;padding:12px;font-weight:400!important;margin:0!important}
.donow-color input,.donow-finish input{width:auto;min-height:auto;margin-right:5px}
.donow-finish{display:flex!important;gap:9px;align-items:flex-start}
.donow-finish strong,.donow-finish small{display:block}.donow-finish small{color:#667085;margin-top:3px}
.donow-swatch{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid #bbb;vertical-align:middle;margin-right:6px}
.donow-wheel-note{grid-column:1/-1;padding:14px;border:1px solid #cfd8e6;background:#f6f8fb;border-radius:12px}
.donow-wheel-note strong,.donow-wheel-note small{display:block}.donow-wheel-note small{margin-top:5px;color:#667085}
.donow-package-dims{grid-template-columns:repeat(3,minmax(0,1fr))}
.donow-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f3}
.donow-row strong{text-align:right;max-width:58%}
.donow-total{background:#eef4ff;border-radius:14px;padding:16px;margin-top:18px}
.donow-total>span{display:block;font-size:14px}.donow-total>strong{display:block;font-size:30px;margin:4px 0 10px}.donow-total>small{display:block;color:#667085;margin-top:8px}
.donow-tax-row,.donow-gross{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.donow-gross{font-size:18px;border-top:1px solid #d8e3f5;margin-top:5px;padding-top:10px}
.donow-table-wrap{overflow-x:auto}.donow-calc table{width:100%;border-collapse:collapse}.donow-calc th,.donow-calc td{text-align:left;padding:8px;border-bottom:1px solid #edf0f3}
.donow-add-cart{width:100%;min-height:50px;border:0;border-radius:12px;background:#111827;color:#fff;font:inherit;font-weight:700;padding:12px 16px;margin-top:16px;cursor:pointer}
.donow-add-cart:hover{opacity:.92}.donow-add-cart:disabled{opacity:.55;cursor:not-allowed}
.donow-cart-status{font-size:13px;margin-top:10px;min-height:20px}.donow-cart-status.is-error{color:#b42318}.donow-cart-status.is-ok{color:#067647}
.donow-turnaround{margin-top:2px}.donow-turnaround ol{padding-left:22px}.donow-turnaround li{margin:8px 0}
@media(max-width:760px){.donow-grid{grid-template-columns:1fr}.donow-fields,.donow-colors,.donow-finishes,.donow-package-dims{grid-template-columns:1fr}.donow-row{align-items:flex-start}.donow-row strong{max-width:52%}}


/* Donow v2.6 — szeroka paleta RAL */
.donow-color-picker{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.donow-color-preview{
  width:54px;
  height:44px;
  border-radius:10px;
  border:1px solid #cfd5dc;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.donow-color-picker select{
  margin:0;
}
@media(max-width:480px){
  .donow-color-picker{grid-template-columns:44px minmax(0,1fr)}
  .donow-color-preview{width:44px;height:44px}
}


/* Donow 3.0 — podgląd 3D na żywo */
.donow-3d-section{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #e7eaee;
}
.donow-3d-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:10px;
}
.donow-3d-title-row .donow-section-title{margin-top:0;font-size:16px}
.donow-3d-title-row p{margin:4px 0 0}
.donow-3d-reset{
  flex:0 0 auto;
  min-height:40px;
  border:1px solid #cfd5dc;
  border-radius:10px;
  background:#fff;
  padding:8px 12px;
  font:inherit;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.donow-3d-stage{
  position:relative;
  width:100%;
  height:420px;
  overflow:hidden;
  border:1px solid #dfe3e8;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.96), rgba(242,244,247,.96) 58%, rgba(231,235,240,.98));
  touch-action:none;
  user-select:none;
}
.donow-3d-stage canvas{
  display:block;
  width:100%!important;
  height:100%!important;
  cursor:grab;
}
.donow-3d-stage canvas:active{cursor:grabbing}
.donow-3d-loading{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  z-index:2;
  padding:20px;
  text-align:center;
  color:#667085;
  font-size:14px;
  pointer-events:none;
}
.donow-3d-loading.is-error{color:#b42318;background:rgba(255,255,255,.88)}
.donow-3d-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:8px;
  font-size:12px;
  color:#667085;
}
.donow-3d-meta [data-3d-model-label]{font-weight:700;color:#344054}
@media(max-width:760px){
  .donow-3d-stage{height:320px}
  .donow-3d-title-row{align-items:center}
  .donow-3d-reset{padding:8px 10px}
}


/* Donow 3.1 — upload modeli 3D i lepsza prezentacja */
.donow-3d-upload-box{
  margin-top:12px;
  padding:14px;
  border:1px solid #e7eaee;
  border-radius:12px;
  background:#fafbfc;
}
.donow-3d-upload-label{
  display:block;
  margin:0 0 8px;
  font-weight:700;
}
.donow-3d-upload-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.donow-3d-upload-input{
  min-height:44px;
  padding:8px 10px;
  background:#fff;
}
.donow-3d-upload-help{
  margin:8px 0 0;
}
[data-3d-upload-status]{
  min-height:18px;
  margin-top:8px;
}
[data-3d-upload-status].is-error{
  color:#b42318;
}
[data-3d-upload-status].is-ok{
  color:#067647;
}
@media(max-width:760px){
  .donow-3d-upload-row{
    grid-template-columns:1fr;
  }
}


/* Donow 3.3 — wizualizacja koloru na zdjęciu */
.donow-photo-section{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid #e7eaee;
}
.donow-photo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0;
}
.donow-photo-upload-btn,
.donow-photo-plain-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid #111827;
  background:#111827;
  color:#fff;
  padding:9px 14px;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
}
.donow-photo-upload-secondary,
.donow-photo-plain-btn{
  background:#fff;
  color:#111827;
  border-color:#cfd5dc;
}
.donow-photo-plain-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.donow-photo-editor{
  margin-top:12px;
}
.donow-photo-canvas-wrap{
  overflow:hidden;
  border:1px solid #dfe3e8;
  border-radius:16px;
  background:#eef1f4;
  line-height:0;
}
.donow-photo-canvas-wrap canvas{
  display:block;
  width:100%;
  height:auto;
  max-height:620px;
  object-fit:contain;
  touch-action:none;
  cursor:crosshair;
  background:#fff;
}
.donow-photo-toolbar{
  display:grid;
  grid-template-columns:auto minmax(170px,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 0 4px;
}
.donow-photo-mode{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.donow-photo-tool{
  min-height:40px;
  border-radius:9px;
  border:1px solid #cfd5dc;
  background:#fff;
  padding:7px 10px;
  font:inherit;
  font-size:13px;
  cursor:pointer;
}
.donow-photo-tool.is-active{
  background:#111827;
  border-color:#111827;
  color:#fff;
}
.donow-photo-brush{
  margin:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(100px,1fr);
  align-items:center;
  gap:10px;
  font-size:13px!important;
  font-weight:600!important;
}
.donow-photo-brush input{
  min-height:auto!important;
  padding:0!important;
}
.donow-photo-legend{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 10px;
  font-size:12px;
  color:#667085;
}
.donow-photo-dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#111827;
  margin-right:5px;
  vertical-align:baseline;
}
@media(max-width:760px){
  .donow-photo-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .donow-photo-actions .donow-photo-plain-btn{
    grid-column:1/-1;
  }
  .donow-photo-toolbar{
    grid-template-columns:1fr;
  }
  .donow-photo-brush{
    grid-template-columns:110px 1fr;
  }
}


/* Donow 3.4 — automatyczne wykrywanie produktu na zdjęciu */
.donow-photo-plain-btn[data-photo-autodetect]{
  background:#f8fafc;
}


/* Donow 4.0 — fotorealistyczna wizualizacja AI */
.donow-ai-photo-editor{margin-top:14px}
.donow-ai-photo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.donow-ai-photo-panel{
  margin:0;
  min-width:0;
  border:1px solid #dfe3e8;
  border-radius:14px;
  overflow:hidden;
  background:#f5f6f8;
}
.donow-ai-photo-panel figcaption{
  padding:9px 12px;
  font-size:13px;
  font-weight:700;
  color:#344054;
  background:#fff;
  border-bottom:1px solid #e7eaee;
}
.donow-ai-photo-panel img{
  display:block;
  width:100%;
  height:auto;
  max-height:560px;
  object-fit:contain;
  background:#eef1f4;
}
.donow-ai-result-wrap{
  position:relative;
  min-height:260px;
  display:grid;
  place-items:center;
}
.donow-ai-loader{
  min-height:260px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#667085;
  padding:24px;
  text-align:center;
}
.donow-ai-spinner{
  width:34px;
  height:34px;
  border-radius:50%;
  border:3px solid #d0d5dd;
  border-top-color:#111827;
  animation:donowAiSpin .8s linear infinite;
}
@keyframes donowAiSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.donow-ai-spinner{animation:none}}
@media(max-width:760px){
  .donow-ai-photo-grid{grid-template-columns:1fr}
}


/* Donow 4.2 — szacowanie m² ze zdjęcia */
.donow-photo-estimator{margin-top:16px;border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff}
.donow-photo-estimator-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.donow-photo-estimator-head h4{margin:0 0 6px;font-size:18px}
.donow-photo-estimator-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.donow-check-inline{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:600}
.donow-photo-estimate-result{margin-top:14px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e6ebf1}
.donow-photo-estimate-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.donow-photo-estimate-kpis div{background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:12px}
.donow-photo-estimate-kpis span{display:block;font-size:12px;color:#667085;margin-bottom:4px}
.donow-photo-estimate-kpis strong{display:block;font-size:18px;line-height:1.25}
.donow-photo-estimate-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
@media(max-width:760px){
  .donow-photo-estimator-grid,.donow-photo-estimate-kpis{grid-template-columns:1fr}
}


/* =========================================================
   DONOW 4.3 — SPÓJNY WYGLĄD Z NOWĄ STRONĄ GŁÓWNĄ
   ========================================================= */

.donow-calc{
  --donow-bg:#080c11;
  --donow-bg-2:#101722;
  --donow-card:#141c27;
  --donow-card-2:#182230;
  --donow-border:#2b3544;
  --donow-text:#f8fafc;
  --donow-muted:#a9b4c2;
  --donow-accent:#ff8b23;
  --donow-accent-2:#ffad55;
  --donow-input:#0d141d;

  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  max-width:100vw;
  margin:0;
  padding:54px clamp(16px,4vw,72px);
  color:var(--donow-text);
  background:
    radial-gradient(circle at 86% 4%,rgba(255,139,35,.16),transparent 24%),
    linear-gradient(180deg,#080c11 0%,#0d131c 48%,#080c11 100%);
  font-family:Arial,Helvetica,sans-serif;
}

.donow-calc>.donow-grid,
.donow-calc>.donow-turnaround{
  max-width:1540px;
  margin-left:auto;
  margin-right:auto;
}

.donow-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:26px;
}

.donow-card{
  background:linear-gradient(160deg,rgba(24,34,48,.98),rgba(13,20,29,.98));
  border:1px solid var(--donow-border);
  border-radius:20px;
  padding:26px;
  margin-bottom:22px;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
  color:var(--donow-text);
}

.donow-card h2{
  font-size:clamp(28px,2.5vw,40px);
  line-height:1.08;
  letter-spacing:-.025em;
  margin-bottom:12px;
}

.donow-card h3{
  font-size:24px;
  line-height:1.2;
  color:#fff;
}

.donow-muted{color:var(--donow-muted)}
.donow-small{font-size:13px;line-height:1.5}

.donow-calc label,
.donow-section-title{
  color:#f4f7fb;
  font-weight:800;
  font-size:14px;
  margin:16px 0 7px;
}

.donow-section-title{
  font-size:17px;
  color:#fff;
  margin-top:24px;
}

.donow-calc input,
.donow-calc select{
  min-height:48px;
  color:#f8fafc;
  background:var(--donow-input);
  border:1px solid #394455;
  border-radius:12px;
  outline:none;
  box-shadow:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.donow-calc input:focus,
.donow-calc select:focus{
  border-color:var(--donow-accent);
  box-shadow:0 0 0 3px rgba(255,139,35,.13);
  background:#111a25;
}

.donow-calc select option,
.donow-calc select optgroup{
  background:#101722;
  color:#fff;
}

.donow-fields{gap:16px}

.donow-options-box,
.donow-wheel-note,
.donow-3d-upload-box,
.donow-photo-estimator{
  background:#0f1620;
  border:1px solid #2d3847;
  border-radius:15px;
}

.donow-wheel-note strong{color:#fff}
.donow-wheel-note small{color:var(--donow-muted)}

.donow-color-preview{
  border:2px solid rgba(255,255,255,.18);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 7px 20px rgba(0,0,0,.28);
}

.donow-finishes{gap:12px}

.donow-finish{
  position:relative;
  background:#0f1620;
  border:1px solid #303b4b;
  border-radius:14px;
  padding:14px;
  color:#fff;
  transition:.18s ease;
}

.donow-finish:hover{
  border-color:rgba(255,139,35,.7);
  background:#141d29;
}

.donow-finish:has(input:checked){
  border-color:var(--donow-accent);
  background:rgba(255,139,35,.09);
  box-shadow:0 0 0 2px rgba(255,139,35,.08);
}

.donow-finish input{
  accent-color:var(--donow-accent);
}

.donow-finish small{color:var(--donow-muted)}

.donow-3d-section,
.donow-photo-section{
  border-top:1px solid #2c3644;
  margin-top:28px;
  padding-top:26px;
}

.donow-3d-title-row{
  align-items:center;
}

.donow-3d-reset,
.donow-photo-plain-btn{
  background:#151e2a;
  border:1px solid #3a4657;
  color:#fff;
  border-radius:11px;
  font-weight:800;
  transition:.18s ease;
}

.donow-3d-reset:hover,
.donow-photo-plain-btn:hover{
  border-color:var(--donow-accent);
  background:#1a2431;
}

.donow-3d-stage{
  height:460px;
  border:1px solid #313c4c;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,139,35,.10),transparent 34%),
    radial-gradient(circle at 50% 50%,#1a2330,#0b1118 70%);
  box-shadow:inset 0 0 70px rgba(0,0,0,.22);
}

.donow-3d-loading{
  color:#c2cad5;
}

.donow-3d-loading.is-error{
  color:#ffb4a9;
  background:rgba(18,15,16,.88);
}

.donow-3d-meta,
.donow-photo-legend{
  color:var(--donow-muted);
}

.donow-3d-meta [data-3d-model-label],
.donow-photo-legend strong{
  color:#fff;
}

.donow-3d-upload-box{
  padding:16px;
}

.donow-3d-upload-input{
  background:#0c131c;
  color:#fff;
  border-color:#374253;
}

.donow-photo-upload-btn{
  border:none;
  background:linear-gradient(135deg,var(--donow-accent),var(--donow-accent-2));
  color:#111;
  font-weight:900;
  box-shadow:0 10px 26px rgba(255,139,35,.16);
}

.donow-photo-upload-secondary{
  background:#151e2a;
  color:#fff;
  border:1px solid #3a4657;
  box-shadow:none;
}

.donow-photo-upload-secondary:hover{
  border-color:var(--donow-accent);
}

.donow-ai-photo-panel{
  border:1px solid #313d4d;
  background:#0e151e;
  border-radius:16px;
}

.donow-ai-photo-panel figcaption{
  color:#fff;
  background:#151e2a;
  border-bottom:1px solid #303b4b;
}

.donow-ai-photo-panel img{
  background:#080d13;
}

.donow-ai-loader{
  color:#c0c9d5;
}

.donow-ai-spinner{
  border-color:#354150;
  border-top-color:var(--donow-accent);
}

.donow-photo-estimator{
  padding:18px;
}

.donow-photo-estimator-head h4{
  color:#fff;
}

.donow-photo-estimate-result{
  background:#0d141d;
  border:1px solid #303b4a;
}

.donow-photo-estimate-kpis div{
  background:#151e2a;
  border:1px solid #303b4a;
}

.donow-photo-estimate-kpis span{
  color:var(--donow-muted);
}

.donow-photo-estimate-kpis strong{
  color:#fff;
}

.donow-check-inline input{
  width:auto;
  min-height:auto;
  accent-color:var(--donow-accent);
}

.donow-table-wrap{
  border:1px solid #2e3948;
  border-radius:14px;
  overflow:hidden;
}

.donow-calc table{
  background:#0f1620;
}

.donow-calc th{
  color:#fff;
  background:#17212d;
  font-weight:800;
}

.donow-calc th,
.donow-calc td{
  border-bottom:1px solid #293442;
  padding:11px 12px;
}

.donow-calc td{color:#c3ccd7}

.donow-summary{
  position:sticky;
  top:24px;
  border-color:rgba(255,139,35,.28);
  background:
    radial-gradient(circle at 100% 0,rgba(255,139,35,.13),transparent 30%),
    linear-gradient(160deg,#182230,#0d141d);
}

.donow-summary h2{
  color:#fff;
}

.donow-row{
  padding:11px 0;
  border-bottom:1px solid #293442;
  color:#b4beca;
}

.donow-row strong{
  color:#fff;
}

.donow-total{
  background:
    radial-gradient(circle at 90% 0,rgba(255,139,35,.17),transparent 42%),
    #101720;
  border:1px solid rgba(255,139,35,.34);
  border-radius:16px;
  padding:18px;
}

.donow-total>span{color:#b7c1cd}
.donow-total>strong{
  color:var(--donow-accent);
  font-size:34px;
}

.donow-total>small{color:#aeb8c5}

.donow-tax-row{color:#c8d0da}
.donow-gross{
  color:#fff;
  border-top:1px solid #344051;
}

.donow-add-cart{
  min-height:56px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--donow-accent),var(--donow-accent-2));
  color:#111;
  font-size:16px;
  font-weight:900;
  box-shadow:0 12px 30px rgba(255,139,35,.20);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}

.donow-add-cart:hover{
  opacity:1;
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(255,139,35,.27);
}

.donow-add-cart:disabled{
  transform:none;
  box-shadow:none;
  opacity:.45;
}

.donow-cart-status.is-error{
  color:#ffaaa1;
}

.donow-cart-status.is-ok{
  color:#7ee2ad;
}

.donow-turnaround{
  margin-top:8px;
  background:
    radial-gradient(circle at 85% 0,rgba(255,139,35,.12),transparent 30%),
    linear-gradient(150deg,#151e2a,#0e151e);
}

.donow-turnaround h3{
  font-size:28px;
}

.donow-turnaround li{
  color:#c0cad5;
  line-height:1.6;
}

/* lekkie pomarańczowe etykiety przy nagłówkach */
.donow-card>h2:first-child::before,
.donow-summary>h2:first-child::before{
  content:"DONOW · WYCENA ONLINE";
  display:block;
  margin-bottom:10px;
  color:var(--donow-accent);
  font-size:12px;
  font-weight:900;
  letter-spacing:2.5px;
}

/* Mobile */
@media(max-width:980px){
  .donow-calc{
    padding:28px 14px;
  }
  .donow-grid{
    grid-template-columns:1fr;
  }
  .donow-summary{
    position:static;
  }
  .donow-3d-stage{
    height:360px;
  }
}

@media(max-width:760px){
  .donow-card{
    padding:18px;
    border-radius:16px;
  }
  .donow-card h2{
    font-size:30px;
  }
  .donow-fields,
  .donow-colors,
  .donow-finishes,
  .donow-package-dims{
    grid-template-columns:1fr;
  }
  .donow-photo-actions{
    grid-template-columns:1fr;
  }
  .donow-photo-actions .donow-photo-plain-btn{
    grid-column:auto;
  }
  .donow-3d-title-row{
    align-items:flex-start;
    flex-direction:column;
  }
}



/* =========================================================
   DONOW 4.4 — JASNY STYL
   ========================================================= */

.donow-calc{
  --donow-bg:#ffffff;
  --donow-bg-2:#f7f9fc;
  --donow-card:#ffffff;
  --donow-card-2:#f8fafc;
  --donow-border:#e1e6ec;
  --donow-text:#1d2631;
  --donow-muted:#6f7d8b;
  --donow-accent:#ff7a00;
  --donow-accent-2:#ff9d3d;
  --donow-input:#ffffff;

  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  max-width:100vw;
  margin:0;
  padding:54px clamp(16px,4vw,72px);
  color:var(--donow-text);
  background:
    radial-gradient(circle at 86% 4%,rgba(255,122,0,.11),transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f7f9fc 50%,#ffffff 100%);
  font-family:Arial,Helvetica,sans-serif;
}

.donow-calc>.donow-grid,
.donow-calc>.donow-turnaround{
  max-width:1540px;
  margin-left:auto;
  margin-right:auto;
}

.donow-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:26px;
}

.donow-card{
  background:#fff;
  border:1px solid #e1e6ec;
  border-radius:20px;
  padding:26px;
  margin-bottom:22px;
  box-shadow:0 16px 36px rgba(31,41,55,.06);
  color:#1d2631;
}

.donow-card h2{
  color:#18202b;
  font-size:clamp(28px,2.5vw,40px);
  line-height:1.08;
  letter-spacing:-.025em;
  margin-bottom:12px;
}

.donow-card h3{
  color:#1d2631;
  font-size:24px;
  line-height:1.2;
}

.donow-muted{color:#6f7d8b}
.donow-small{font-size:13px;line-height:1.5;color:#7b8794}

.donow-calc label,
.donow-section-title{
  color:#1d2631;
  font-weight:800;
}

.donow-section-title{
  font-size:17px;
  margin-top:24px;
}

.donow-calc input,
.donow-calc select{
  min-height:48px;
  color:#1d2631;
  background:#fff;
  border:1px solid #d8dee6;
  border-radius:12px;
  outline:none;
  box-shadow:none;
}

.donow-calc input:focus,
.donow-calc select:focus{
  border-color:#ff7a00;
  box-shadow:0 0 0 3px rgba(255,122,0,.12);
  background:#fff;
}

.donow-calc select option,
.donow-calc select optgroup{
  background:#fff;
  color:#1d2631;
}

.donow-fields{gap:16px}

.donow-options-box,
.donow-wheel-note,
.donow-3d-upload-box,
.donow-photo-estimator{
  background:#f8fafc;
  border:1px solid #e1e6ec;
  border-radius:15px;
}

.donow-wheel-note strong{color:#1d2631}
.donow-wheel-note small{color:#6f7d8b}

.donow-color-preview{
  border:2px solid rgba(31,41,55,.12);
  box-shadow:0 7px 20px rgba(31,41,55,.10);
}

.donow-finishes{gap:12px}

.donow-finish{
  background:#fff;
  border:1px solid #dfe4ea;
  border-radius:14px;
  padding:14px;
  color:#1d2631;
  transition:.18s ease;
}

.donow-finish:hover{
  border-color:rgba(255,122,0,.7);
  background:#fffaf5;
}

.donow-finish:has(input:checked){
  border-color:#ff7a00;
  background:#fff6ed;
  box-shadow:0 0 0 2px rgba(255,122,0,.08);
}

.donow-finish input{accent-color:#ff7a00}
.donow-finish small{color:#6f7d8b}

.donow-3d-section,
.donow-photo-section{
  border-top:1px solid #e1e6ec;
  margin-top:28px;
  padding-top:26px;
}

.donow-3d-reset,
.donow-photo-plain-btn{
  background:#fff;
  border:1px solid #d8dee6;
  color:#1d2631;
  border-radius:11px;
  font-weight:800;
}

.donow-3d-reset:hover,
.donow-photo-plain-btn:hover{
  border-color:#ff7a00;
  background:#fff8f1;
}

.donow-3d-stage{
  height:460px;
  border:1px solid #e1e6ec;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,122,0,.10),transparent 34%),
    radial-gradient(circle at 50% 55%,#ffffff,#f1f4f8 72%);
  box-shadow:inset 0 0 60px rgba(31,41,55,.04);
}

.donow-3d-loading{color:#6f7d8b}

.donow-3d-loading.is-error{
  color:#a33a2d;
  background:rgba(255,255,255,.95);
}

.donow-3d-meta,
.donow-photo-legend{
  color:#6f7d8b;
}

.donow-3d-meta [data-3d-model-label],
.donow-photo-legend strong{
  color:#1d2631;
}

.donow-3d-upload-box{padding:16px}

.donow-3d-upload-input{
  background:#fff;
  color:#1d2631;
  border-color:#d8dee6;
}

.donow-photo-upload-btn{
  border:none;
  background:linear-gradient(135deg,#ff7a00,#ff9d3d);
  color:#fff;
  font-weight:900;
  box-shadow:0 10px 26px rgba(255,122,0,.16);
}

.donow-photo-upload-secondary{
  background:#fff;
  color:#1d2631;
  border:1px solid #d8dee6;
  box-shadow:none;
}

.donow-photo-upload-secondary:hover{
  border-color:#ff7a00;
}

.donow-ai-photo-panel{
  border:1px solid #e1e6ec;
  background:#fff;
  border-radius:16px;
}

.donow-ai-photo-panel figcaption{
  color:#1d2631;
  background:#f8fafc;
  border-bottom:1px solid #e1e6ec;
}

.donow-ai-photo-panel img{background:#f6f8fb}

.donow-ai-loader{color:#6f7d8b}

.donow-ai-spinner{
  border-color:#d8dee6;
  border-top-color:#ff7a00;
}

.donow-photo-estimator{padding:18px}

.donow-photo-estimator-head h4{color:#1d2631}

.donow-photo-estimate-result{
  background:#fff;
  border:1px solid #e1e6ec;
}

.donow-photo-estimate-kpis div{
  background:#f8fafc;
  border:1px solid #e1e6ec;
}

.donow-photo-estimate-kpis span{color:#6f7d8b}
.donow-photo-estimate-kpis strong{color:#1d2631}

.donow-check-inline input{
  width:auto;
  min-height:auto;
  accent-color:#ff7a00;
}

.donow-table-wrap{
  border:1px solid #e1e6ec;
  border-radius:14px;
  overflow:hidden;
}

.donow-calc table{background:#fff}

.donow-calc th{
  color:#1d2631;
  background:#f7f9fc;
  font-weight:800;
}

.donow-calc th,
.donow-calc td{
  border-bottom:1px solid #e6ebf0;
  padding:11px 12px;
}

.donow-calc td{color:#5f6d7a}

.donow-summary{
  position:sticky;
  top:24px;
  border-color:#ffd9b5;
  background:
    radial-gradient(circle at 100% 0,rgba(255,122,0,.10),transparent 32%),
    #fff;
  box-shadow:0 16px 36px rgba(31,41,55,.07);
}

.donow-summary h2{color:#18202b}

.donow-row{
  padding:11px 0;
  border-bottom:1px solid #e6ebf0;
  color:#6f7d8b;
}

.donow-row strong{color:#1d2631}

.donow-total{
  background:#fff7ef;
  border:1px solid #ffd8b2;
  border-radius:16px;
  padding:18px;
}

.donow-total>span{color:#6f7d8b}
.donow-total>strong{
  color:#ff7a00;
  font-size:34px;
}

.donow-total>small{color:#6f7d8b}

.donow-tax-row{color:#5f6d7a}

.donow-gross{
  color:#1d2631;
  border-top:1px solid #e2e7ec;
}

.donow-add-cart{
  min-height:56px;
  border-radius:13px;
  background:linear-gradient(135deg,#ff7a00,#ff9d3d);
  color:#fff;
  font-size:16px;
  font-weight:900;
  box-shadow:0 12px 30px rgba(255,122,0,.20);
}

.donow-add-cart:hover{
  opacity:1;
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(255,122,0,.27);
}

.donow-add-cart:disabled{
  transform:none;
  box-shadow:none;
  opacity:.45;
}

.donow-cart-status.is-error{color:#b64b3f}
.donow-cart-status.is-ok{color:#2b8a57}

.donow-turnaround{
  margin-top:8px;
  background:#fff;
  border:1px solid #e1e6ec;
  box-shadow:0 14px 34px rgba(31,41,55,.05);
}

.donow-turnaround h3{
  color:#1d2631;
  font-size:28px;
}

.donow-turnaround li{
  color:#6f7d8b;
  line-height:1.6;
}

.donow-card>h2:first-child::before,
.donow-summary>h2:first-child::before{
  content:"DONOW · WYCENA ONLINE";
  display:block;
  margin-bottom:10px;
  color:#ff7a00;
  font-size:12px;
  font-weight:900;
  letter-spacing:2.5px;
}

@media(max-width:980px){
  .donow-calc{padding:28px 14px}
  .donow-grid{grid-template-columns:1fr}
  .donow-summary{position:static}
  .donow-3d-stage{height:360px}
}

@media(max-width:760px){
  .donow-card{
    padding:18px;
    border-radius:16px;
  }
  .donow-card h2{font-size:30px}
  .donow-fields,
  .donow-colors,
  .donow-finishes,
  .donow-package-dims{
    grid-template-columns:1fr;
  }
  .donow-photo-actions{grid-template-columns:1fr}
  .donow-photo-actions .donow-photo-plain-btn{grid-column:auto}
  .donow-3d-title-row{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Donow: mobile layout and guided quotation */
.donow-calc{left:auto;transform:none;width:100%;max-width:100%;--donow-accent:#a34700;--donow-muted:#52606e;}
.donow-calc .donow-grid>*{min-width:0;}
.donow-calc input,.donow-calc select,.donow-calc button{max-width:100%;min-width:0;}
.donow-calc .donow-fields{grid-template-columns:repeat(2,minmax(0,1fr));}
.donow-calc .donow-package-dims{grid-template-columns:repeat(3,minmax(0,1fr));}
.donow-calc .donow-fields>*,.donow-calc .donow-row>*{min-width:0;overflow-wrap:anywhere;}
.donow-calc .donow-muted,.donow-calc .donow-small{color:#52606e;}
.donow-calc .donow-step-nav{display:flex;gap:8px;flex-wrap:wrap;max-width:1540px;margin:0 auto 24px;}
.donow-calc .donow-step-nav button,.donow-calc .donow-step-actions button{font:inherit;padding:12px 18px;border:1px solid #d8dee6;border-radius:12px;background:#fff;color:#1d2631;cursor:pointer;min-height:46px;}
.donow-calc .donow-step-nav button[aria-current="step"],.donow-calc .donow-step-actions button[data-next]{background:#a34700;color:#fff;border-color:#a34700;}
.donow-calc .donow-step-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px;}
.donow-calc .donow-step-actions button:only-child{margin-left:auto;}
.donow-calc .donow-optional{margin-top:20px;border:1px solid #e1e6ec;border-radius:12px;padding:14px;}
.donow-calc .donow-optional>summary{cursor:pointer;font-weight:700;color:#a34700;min-height:30px;}
.donow-calc .donow-summary-group{margin:24px 0 8px;font-size:18px;}
.donow-calc .donow-total>strong{font-size:24px;color:#52606e;}
.donow-calc .donow-gross{font-size:22px;font-weight:800;}
.donow-calc .donow-add-cart{background:#a34700;}
.donow-calc :is(button,summary,input,select):focus-visible{outline:3px solid #a34700;outline-offset:3px;}
@media(max-width:980px){.donow-calc .donow-grid{grid-template-columns:minmax(0,1fr);} .donow-calc .donow-summary{position:static;}}
@media(max-width:760px){.donow-calc{padding:24px 12px;}.donow-calc .donow-fields,.donow-calc .donow-package-dims{grid-template-columns:minmax(0,1fr);}.donow-calc .donow-card{padding:18px 14px;}.donow-calc .donow-step-nav button{flex:1;padding:10px 5px;font-size:13px;}.donow-calc .donow-row{font-size:14px;}.donow-calc .donow-3d-stage{height:300px;}}

.donow-calc.donow-configuring>.donow-grid{grid-template-columns:minmax(0,1fr);max-width:900px;}
.donow-calc .donow-step-nav{scroll-margin-top:110px;}

/* Element chooser */
.donow-calc .donow-element-chooser{margin:20px 0 26px;}
.donow-calc .donow-element-chooser h3{font-size:24px;margin:0 0 8px;}
.donow-calc .donow-element-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;}
.donow-calc .donow-element-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-height:144px;padding:18px;border:1px solid #d8dee6;border-radius:16px;background:#fff;color:#1d2631;text-align:left;font:inherit;cursor:pointer;transition:background .15s,border-color .15s;}
.donow-calc .donow-element-tile:hover{border-color:#a34700;background:#fffaf6;}
.donow-calc .donow-element-tile[aria-pressed="true"]{border:2px solid #a34700;padding:17px;background:#fff6ec;box-shadow:0 0 0 2px rgba(163,71,0,.07);}
.donow-calc .donow-element-tile strong{display:block;font-size:16px;line-height:1.3;color:#1d2631;}
.donow-calc .donow-element-tile small{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:#52606e;}
.donow-calc .donow-element-icon{display:block;width:36px;height:36px;color:#a34700;}
.donow-calc .donow-element-icon svg{display:block;width:100%;height:100%;}
.donow-calc .donow-element-tick{display:none;position:absolute;right:12px;top:10px;font-size:16px;font-weight:800;color:#a34700;}
.donow-calc .donow-element-tile[aria-pressed="true"] .donow-element-tick{display:block;}
.donow-calc .donow-profile-panel{padding:18px;margin-top:18px;background:#f7f9fc;border-radius:16px;border:1px solid #e1e6ec;}
.donow-calc .donow-profile-panel h4{font-size:17px;margin:0 0 14px;color:#1d2631;}
.donow-calc .donow-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.donow-calc .donow-profile-grid .donow-element-tile{min-height:134px;padding:14px;}
.donow-calc .donow-profile-grid .donow-element-tile[aria-pressed="true"]{padding:13px;}
.donow-calc .donow-profile-grid .donow-element-tile strong{font-size:14px;}
.donow-calc .donow-element-help{margin-top:20px;padding:16px 18px;border-left:3px solid #a34700;background:#fff8f1;border-radius:0 12px 12px 0;line-height:1.6;}
.donow-calc .donow-element-help>strong{font-size:16px;}
.donow-calc .donow-element-help p{font-size:14px;margin:7px 0 0;color:#52606e;}
.donow-calc .donow-element-help a{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;color:#a34700;}
.donow-calc .donow-element-parameters{font-size:22px;margin:20px 0 8px;}
@media(max-width:600px){.donow-calc .donow-element-grid,.donow-calc .donow-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.donow-calc .donow-element-tile{padding:13px;min-height:153px;gap:10px;}.donow-calc .donow-element-tile[aria-pressed="true"]{padding:12px;}.donow-calc .donow-element-tile strong{font-size:14px;}.donow-calc .donow-element-tile small{font-size:12px;}.donow-calc .donow-element-icon{width:30px;height:30px;}.donow-calc .donow-profile-panel{padding:12px;}.donow-calc .donow-profile-grid .donow-element-tile{padding:10px;}.donow-calc .donow-profile-grid .donow-element-tile[aria-pressed="true"]{padding:9px;}.donow-calc .donow-element-help{padding:12px;}}
@media(prefers-reduced-motion:reduce){.donow-calc .donow-element-tile{transition:none;}}

/* Studio preview */
.donow-calc .donow-studio-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:14px 0 10px}
.donow-calc .donow-studio-controls,.donow-calc .donow-studio-finishes{display:flex;flex-wrap:wrap;gap:6px}
.donow-calc .donow-studio-toolbar button,.donow-calc .donow-studio-finishes button{min-height:40px;padding:9px 12px;border:1px solid #ccd3de;border-radius:9px;background:#fff;color:#253045;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none}
.donow-calc .donow-studio-toolbar button:hover,.donow-calc .donow-studio-finishes button:hover{background:#edf3fc}
.donow-calc .donow-studio-toolbar button[aria-pressed=true],.donow-calc .donow-studio-finishes button[aria-pressed=true]{background:#17243b;border-color:#17243b;color:#fff}
.donow-calc .donow-studio-toolbar button:focus-visible,.donow-calc .donow-studio-finishes button:focus-visible,.donow-calc .donow-3d-stage canvas:focus-visible{outline:3px solid #3684e8;outline-offset:3px}
.donow-calc .donow-3d-stage{height:480px;background:radial-gradient(ellipse at 50% 35%,#fafbfc 0%,#e8ebef 65%,#d7dce3 100%);border:1px solid #dce1e8;border-radius:16px;overflow:hidden}
.donow-calc .donow-3d-stage[data-studio=dark]{background:radial-gradient(ellipse at 50% 35%,#424852 0%,#20252e 70%,#151a22 100%);border-color:#353d49}
.donow-calc .donow-3d-stage canvas{display:block;width:100%;height:100%;touch-action:none}
.donow-calc .donow-studio-caption{font-size:12px;line-height:1.6;color:#596477;margin:10px 0}
.donow-calc .donow-studio-finishes{margin:12px 0 18px}
@media(max-width:760px){.donow-calc .donow-3d-stage{height:350px}.donow-calc .donow-studio-toolbar button,.donow-calc .donow-studio-finishes button{min-height:44px;padding:9px 10px;font-size:12px}.donow-calc .donow-studio-toolbar{gap:8px}}