.modern-yurts-configurator{--bg:#F6F1E7;--paper:#fffaf2;--text:#1c1915;--muted:#766b5f;--line:#ded2c2;--accent:#5a6543;--accent2:#2b3324;--shadow:0 18px 50px rgba(30,25,18,.12)}
.modern-yurts-configurator *{box-sizing:border-box}.modern-yurts-configurator{margin:0;background:var(--bg);color:var(--text);font-family:Rasa,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.modern-yurts-configurator .configurator-header{padding:14px 6vw 12px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:rgba(243,239,232,.96);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid rgba(222,210,194,.7)}
.modern-yurts-configurator .brand{font-weight:900;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.modern-yurts-configurator .step-pill{font-size:13px;color:var(--muted)}
.modern-yurts-configurator .hero{padding:52px 6vw 44px;display:block;background:var(--bg)}
.modern-yurts-configurator .kicker{font-weight:900;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.modern-yurts-configurator h1{font-size:clamp(44px,6vw,86px);line-height:.92;margin:12px 0 18px;letter-spacing:-.035em;font-stretch:expanded;font-weight:950}.modern-yurts-configurator .lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:920px}
.modern-yurts-configurator .models{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}.modern-yurts-configurator .model{background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.04);transition:.18s}.modern-yurts-configurator .model:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.modern-yurts-configurator .model.active{outline:3px solid var(--accent)}
.modern-yurts-configurator .model img{width:100%;height:330px;object-fit:contain;object-position:center center;display:block;background:#F6F1E7;padding:10px}.modern-yurts-configurator .model-body{padding:26px}.modern-yurts-configurator .model h3{margin:0 0 10px;font-size:30px}.modern-yurts-configurator .model p{color:var(--muted);font-size:16px;line-height:1.45;margin:0 0 18px}.modern-yurts-configurator .model-note{color:var(--accent);font-size:14px;font-weight:900;line-height:1.45}.modern-yurts-configurator .price{font-size:30px;font-weight:900}.modern-yurts-configurator .price small{font-size:12px;color:var(--muted);font-weight:500}
.modern-yurts-configurator .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.modern-yurts-configurator button{border:0;background:var(--accent);color:#fff;border-radius:999px;padding:15px 22px;font-weight:900;cursor:pointer;font-size:15px}.modern-yurts-configurator button:hover{background:var(--accent2)}.modern-yurts-configurator button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
.modern-yurts-configurator .preview{background:var(--bg);border-radius:34px;box-shadow:none;min-height:520px;display:grid;place-items:center;overflow:hidden;padding:20px}.modern-yurts-configurator .preview img{max-width:100%;max-height:500px;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.12))}
.modern-yurts-configurator .config{display:none;padding:24px 6vw 70px}.modern-yurts-configurator .config.visible{display:block}.modern-yurts-configurator .config-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}
.modern-yurts-configurator .panel{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:24px;margin-bottom:18px;box-shadow:0 6px 20px rgba(0,0,0,.035)}.modern-yurts-configurator .config .panel:first-child{scroll-margin-top:110px}.modern-yurts-configurator .panel h2{margin:0 0 18px;font-size:25px}.modern-yurts-configurator .hint{color:var(--muted);font-size:14px;line-height:1.45;margin-top:-8px}
.modern-yurts-configurator .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.modern-yurts-configurator .tile{display:block;background:white;border:1px solid var(--line);border-radius:18px;padding:15px;cursor:pointer;min-height:70px}.modern-yurts-configurator .tile:hover{border-color:var(--accent)}.modern-yurts-configurator .tile input{margin-right:8px}.modern-yurts-configurator .tile strong{display:block;margin-bottom:4px}.modern-yurts-configurator .tile span{color:var(--muted);font-size:13px}
.modern-yurts-configurator .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.modern-yurts-configurator label.lbl{font-size:13px;font-weight:800;color:var(--muted)}.modern-yurts-configurator select,.modern-yurts-configurator input[type=number],.modern-yurts-configurator input[type=text],.modern-yurts-configurator textarea{width:100%;margin-top:7px;padding:13px;border-radius:13px;border:1px solid var(--line);background:#fff;font-size:15px}.modern-yurts-configurator textarea{min-height:82px;resize:vertical}
.modern-yurts-configurator .swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:14px}.modern-yurts-configurator .swatch{border:1px solid var(--line);background:#fff;border-radius:16px;padding:8px 10px;display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer;min-height:44px}.modern-yurts-configurator .swatch input{display:none}.modern-yurts-configurator .swatch.active{outline:2px solid var(--accent);border-color:var(--accent)}.modern-yurts-configurator .swatches.disabled{opacity:.38;pointer-events:none;filter:grayscale(.35)}.modern-yurts-configurator .dot{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.22);flex:0 0 auto;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.modern-yurts-configurator .conditional{display:none}.modern-yurts-configurator .conditional.show{display:block}.modern-yurts-configurator .window-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:12px;align-items:start;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.modern-yurts-configurator .window-row>label{align-self:start}.modern-yurts-configurator .window-row .per-window{align-self:start}.modern-yurts-configurator .per-window{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.modern-yurts-configurator .per-window label{font-size:12px;font-weight:800;color:var(--muted)}.modern-yurts-configurator .window-price,.modern-yurts-configurator .price-add{display:block;margin-top:6px;font-size:13px;font-weight:900;color:var(--accent)}.modern-yurts-configurator .tile span.price-add{color:var(--accent);font-size:13px;font-weight:900}
.modern-yurts-configurator .summary{position:sticky;top:145px;background:#171512;color:#fff;border-radius:28px;padding:24px;box-shadow:var(--shadow)}.modern-yurts-configurator .summary h2{margin:0 0 10px}.modern-yurts-configurator .summary ul{margin:0;padding-left:18px;line-height:1.75;color:#e8dece;font-size:14px}.modern-yurts-configurator .total{border-bottom:1px solid rgba(255,255,255,.16);margin:0 0 18px;padding:0 0 18px;font-size:34px;font-weight:950}.modern-yurts-configurator .note{font-size:12px;color:#c8bdad;line-height:1.5}.modern-yurts-configurator .tag{display:inline-block;background:rgba(255,255,255,.1);padding:5px 8px;border-radius:999px;margin:2px;font-size:12px}

@media print{.modern-yurts-configurator{background:#fff;color:#1c1915}.modern-yurts-configurator .configurator-header,.modern-yurts-configurator .hero,.modern-yurts-configurator main,.modern-yurts-configurator .summary .actions,.modern-yurts-configurator .summary .note{display:none!important}.modern-yurts-configurator .config{display:block!important;padding:0}.modern-yurts-configurator .config-grid{display:block}.modern-yurts-configurator .summary{display:block!important;position:static;background:#fff;color:#1c1915;box-shadow:none;border:0;border-radius:0;padding:24px}.modern-yurts-configurator .summary h2{font-size:28px}.modern-yurts-configurator .summary ul{color:#1c1915;font-size:14px;line-height:1.65}.modern-yurts-configurator .summary .tag{background:#F6F1E7;color:#1c1915}.modern-yurts-configurator .total{border-top:1px solid #ded2c2;color:#1c1915}.modern-yurts-configurator .summary:before{content:"Modern Yurts — konfiguracja jurty";display:block;font-size:22px;font-weight:900;margin-bottom:18px;letter-spacing:.02em}}
@media(max-width:1050px){.modern-yurts-configurator .configurator-header{padding:10px 6vw 9px}.modern-yurts-configurator .step-pill{font-size:12px}.modern-yurts-configurator .hero,.modern-yurts-configurator .config-grid{grid-template-columns:1fr}.modern-yurts-configurator .models{grid-template-columns:1fr}.modern-yurts-configurator .preview{min-height:auto}.modern-yurts-configurator .summary{position:static}.modern-yurts-configurator .window-row{grid-template-columns:1fr}}


/* Mobile UX polish — v24 */
@media(max-width:760px){
  .modern-yurts-configurator{--mobile-pad:30px}
  .modern-yurts-configurator{font-size:16px;overflow-x:hidden}
  .modern-yurts-configurator .configurator-header{padding:24px var(--mobile-pad);gap:10px;align-items:center}
  .modern-yurts-configurator .brand{font-size:14px;letter-spacing:.07em;line-height:1.1}
  .modern-yurts-configurator .step-pill{font-size:12px;text-align:right;line-height:1.25}
  .modern-yurts-configurator .hero{padding:30px var(--mobile-pad) 34px}
  .modern-yurts-configurator .kicker{font-size:11px;letter-spacing:.12em}
  .modern-yurts-configurator h1{font-size:clamp(34px,10vw,48px);line-height:.95;margin:10px 0 14px;letter-spacing:-.04em}
  .modern-yurts-configurator .lead{font-size:17px;line-height:1.5}
  .modern-yurts-configurator .models{grid-template-columns:1fr;gap:16px;margin-top:26px}
  .modern-yurts-configurator .model{border-radius:22px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
  .modern-yurts-configurator .model:hover{transform:none}
  .modern-yurts-configurator .model.active{outline:2px solid var(--accent)}
  .modern-yurts-configurator .model img{height:260px;padding:8px;background:#F6F1E7}
  .modern-yurts-configurator .model-body{padding:18px}
  .modern-yurts-configurator .model h3{font-size:25px;margin-bottom:6px}
  .modern-yurts-configurator .model p{font-size:15px;margin-bottom:10px}
  .modern-yurts-configurator .model-note{font-size:13px}
  .modern-yurts-configurator .actions{margin-top:22px;gap:10px}
  .modern-yurts-configurator button{width:100%;padding:17px 20px;font-size:16px;min-height:54px}
  .modern-yurts-configurator .config{padding:18px var(--mobile-pad) 42px}
  .modern-yurts-configurator .config-grid{display:flex;flex-direction:column;gap:16px}
  .modern-yurts-configurator .steps{order:1}
  .modern-yurts-configurator .summary{order:99;position:static;top:auto;z-index:auto;border-radius:24px;margin:22px 0 0;padding:18px var(--mobile-pad);max-height:none;overflow:visible;box-shadow:0 12px 28px rgba(0,0,0,.18)}
  .modern-yurts-configurator .summary h2{font-size:18px;margin-bottom:8px}
  .modern-yurts-configurator .summary ul{font-size:13px;line-height:1.55;padding-left:16px}
  .modern-yurts-configurator .total{font-size:30px;margin-bottom:12px;padding-bottom:12px}
  .modern-yurts-configurator .summary .actions{margin-top:14px}
  .modern-yurts-configurator .summary .actions button{min-height:48px;padding:13px 16px;font-size:14px}
  .modern-yurts-configurator .panel{border-radius:22px;padding:18px;margin-bottom:14px}
  .modern-yurts-configurator .panel h2{font-size:22px;line-height:1.15;margin-bottom:14px}
  .modern-yurts-configurator .hint{font-size:13px;line-height:1.45;margin-top:-4px}
  .modern-yurts-configurator .grid{grid-template-columns:1fr;gap:10px}
  .modern-yurts-configurator .tile{border-radius:17px;padding:16px;min-height:68px;display:flex;align-items:flex-start;gap:10px;line-height:1.25}
  .modern-yurts-configurator .tile input{margin:2px 2px 0 0;transform:scale(1.18);flex:0 0 auto}
  .modern-yurts-configurator .tile strong{font-size:15px;margin-bottom:4px}
  .modern-yurts-configurator .tile span{font-size:13px;line-height:1.35}
  .modern-yurts-configurator .form-row{grid-template-columns:1fr;gap:12px}
  .modern-yurts-configurator label.lbl{font-size:13px}
  .modern-yurts-configurator select,.modern-yurts-configurator input[type=number],.modern-yurts-configurator input[type=text],.modern-yurts-configurator textarea{font-size:16px;padding:14px;border-radius:14px;min-height:52px}
  .modern-yurts-configurator textarea{min-height:112px}
  .modern-yurts-configurator .swatches{grid-template-columns:1fr;gap:9px;margin-top:12px}
  .modern-yurts-configurator .swatch{border-radius:16px;min-height:54px;padding:9px 12px;font-size:14px}
  .modern-yurts-configurator .dot{width:36px;height:36px}
  .modern-yurts-configurator .window-row{grid-template-columns:1fr;gap:10px;padding:14px;border-radius:18px;margin:10px 0}
  .modern-yurts-configurator .per-window{grid-template-columns:1fr;gap:10px}
  .modern-yurts-configurator .window-price,.modern-yurts-configurator .price-add{font-size:13px;margin-top:5px}
  .modern-yurts-configurator .preview{min-height:280px;border-radius:24px;padding:10px}
  .modern-yurts-configurator .preview img{max-height:300px}
}

@media(max-width:420px){
  .modern-yurts-configurator .model img{height:220px}
  .modern-yurts-configurator .summary{max-height:44vh}
  .modern-yurts-configurator .total{font-size:27px}
  .modern-yurts-configurator .panel h2{font-size:20px}
}


/* iOS Safari tap fix — v25 */
.modern-yurts-configurator .tile,.modern-yurts-configurator .swatch,.modern-yurts-configurator .model,.modern-yurts-configurator button{-webkit-tap-highlight-color:rgba(90,101,67,.16);
  touch-action:manipulation;}
.modern-yurts-configurator .tile,.modern-yurts-configurator .swatch{-webkit-user-select:none;
  user-select:none;
  position:relative;}
.modern-yurts-configurator .swatch input{display:block!important;
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;}
@media(max-width:760px){
  .modern-yurts-configurator .summary{position:relative;top:auto;z-index:1;max-height:none;overflow:visible}
  .modern-yurts-configurator .tile,.modern-yurts-configurator .swatch{cursor:pointer}
}
.modern-yurts-configurator .back-btn{display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#1C1915;
    font-family:inherit;
    margin-bottom:24px;
    margin-top:-12px; /* підтягує ближче до хедера */}

.modern-yurts-configurator .back-btn img{width:18px;
    height:18px;}

.modern-yurts-configurator .back-btn span{font-family:inherit;
    font-size:17px;
    font-weight:500;
    color:inherit;
    line-height:1;}

.modern-yurts-configurator .back-btn:hover{color:#1C1915;}

.modern-yurts-configurator .back-btn:visited{color:#1C1915;}
.modern-yurts-configurator .price-netto{font-size:34px;
    font-weight:950;
    line-height:1.1;
    color:#fff;}

.modern-yurts-configurator .price-brutto{margin-top:6px;
    font-size:15px;
    font-weight:400;
    color:#c8bdad;}



/* WordPress embed safety */
.modern-yurts-configurator{background:var(--bg);color:var(--text);font-family:Caudex,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.modern-yurts-configurator img{max-width:100%;}

.modern-yurts-configurator .myc-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}