:root{--bg:#050a16;--card:#0b1220;--card2:#0f172a;--text:#e8eef8;--muted:#9fb0c9;--blue:#3b82f6;--cyan:#22d3ee;--border:#1e293b;--danger:#f87171;--ok:#34d399}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(900px 500px at 15% -10%,rgba(34,211,238,.08),transparent 60%),radial-gradient(900px 500px at 90% 5%,rgba(59,130,246,.08),transparent 60%),var(--bg);color:var(--text);min-height:100vh}.app{max-width:1180px;margin:auto;padding:24px}.hero{padding:28px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,#0b3a83 0%,#0b2b5e 35%,#07111f 100%);box-shadow:0 18px 50px rgba(0,0,0,.35);margin-bottom:20px}.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:.2rem 0;font-size:clamp(2rem,5vw,3.4rem)}.hero p{max-width:760px;color:#d7e3f4}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.card{background:rgba(11,18,32,.92);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 14px 38px rgba(0,0,0,.22)}.summary{position:sticky;top:20px;height:max-content}.progress{height:7px;background:#111827;border-radius:99px;overflow:hidden;margin-bottom:22px}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.2s}.step-title{font-size:1.35rem;font-weight:800;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{display:flex;align-items:center;gap:11px;min-height:56px;border:1px solid var(--border);background:#0f172a;border-radius:14px;padding:14px 15px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.choice:hover{border-color:#334155;background:#111c31}.choice input[type="checkbox"],.choice input[type="radio"]{width:20px;height:20px;min-width:20px;flex:0 0 20px;margin:0;accent-color:var(--blue);cursor:pointer}.choice:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(59,130,246,.15)}label.field{display:block;margin:12px 0}input:not([type="checkbox"]):not([type="radio"]),select,textarea{width:100%;margin-top:6px;padding:12px 13px;border-radius:10px;border:1px solid var(--border);background:#0a1020;color:var(--text);font:inherit}textarea{min-height:110px}.item{border:1px solid var(--border);border-radius:14px;padding:14px;margin:12px 0}.item-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.item-actions button{margin-left:6px}.btn{border:0;border-radius:10px;padding:12px 16px;background:var(--blue);color:white;font-weight:700;cursor:pointer;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.secondary{background:#182234}.btn.reset{background:transparent;border:1px solid #334155;color:#cbd5e1}.btn.reset:hover{background:#111c31;border-color:#475569}.btn.danger{background:#3a1620;color:#fecaca}.nav{display:flex;align-items:center;margin-top:24px;gap:10px}.nav #nextBtn{margin-left:auto}.summary-line{display:flex;justify-content:space-between;gap:12px;margin:9px 0;color:var(--muted)}.summary-line strong{color:var(--text)}.totals{display:grid;grid-template-columns:1fr auto;gap:10px}.note{padding:10px 12px;border:1px solid #7c5c1f;background:#2b220d;border-radius:10px;color:#fde68a}.hidden{display:none!important}.error{color:#fecaca;font-size:.9rem}.success{padding:18px;border:1px solid #14532d;background:#062d1b;border-radius:12px;color:#bbf7d0}.mobile-price{display:none}.small{font-size:.9rem;color:var(--muted)}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.choice:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.item>.btn{margin-top:12px}input[type="file"]::file-selector-button{border:0;border-radius:8px;padding:9px 12px;margin-right:10px;background:#182234;color:var(--text);font-weight:700;cursor:pointer} @media(max-width:900px){.layout{grid-template-columns:1fr}.summary{position:static}.mobile-price{display:flex;position:sticky;bottom:0;z-index:20;justify-content:space-between;align-items:center;padding:12px 18px;background:#09111f;border-top:1px solid var(--border)}body{padding-bottom:0}.grid{grid-template-columns:1fr}.app{padding:14px}.hero,.card{border-radius:15px}.summary{display:none}} .restart-wrap{margin-top:16px} .fixed-value{margin-top:6px;padding:12px 13px;border:1px solid var(--border);border-radius:10px;background:#0a1020;color:var(--muted)} .choice small{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:500} .summary-line-block{align-items:flex-start;padding:5px 0} .summary-line-block>div{display:flex;flex-direction:column;gap:3px;min-width:0} .summary-line-block small{font-size:.78rem;color:var(--muted)} .summary-line-block .summary-manual{color:#fde68a} #manualNote ul{margin:8px 0 0 18px;padding:0} #manualNote li+li{margin-top:5px} @media(max-width:520px){.summary-line-block{gap:8px}.summary-line-block strong{text-align:right}.choice small{display:block;margin-left:8px}} .summary-column{position:sticky;top:20px;height:max-content;display:flex;flex-direction:column;gap:12px} .summary-column .summary{position:static} .price-list-link{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:rgba(11,18,32,.92);color:var(--text);text-decoration:none;box-shadow:0 14px 38px rgba(0,0,0,.18);transition:border-color .15s,background .15s,transform .05s} .price-list-link:hover{border-color:#334155;background:#0f1a2d} .price-list-link:active{transform:translateY(1px)} .price-list-link:focus-visible{outline:2px solid var(--cyan);outline-offset:2px} .price-list-link__icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:rgba(34,211,238,.08);color:var(--cyan)} .price-list-link__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .price-list-link__text{display:flex;flex-direction:column;gap:2px;min-width:0} .price-list-link__text strong{font-size:.95rem;line-height:1.25;color:var(--text)} .price-list-link__text small{font-size:.8rem;line-height:1.25;color:var(--muted)} .price-list-link__arrow{margin-left:auto;color:var(--muted);font-size:1rem} @media(max-width:900px){.summary-column{position:static}.summary-column .summary{display:none}.price-list-link{margin-top:0}} @media(max-width:520px){.nav{flex-wrap:wrap}.nav .btn{padding:11px 13px}.nav #nextBtn{margin-left:auto}} .photo-help{margin-top:-4px} .photo-selection{margin:12px 0;border:1px solid var(--border);border-radius:12px;background:#0a1020;overflow:hidden} .photo-selection__head{padding:11px 13px;border-bottom:1px solid var(--border);color:var(--text)} .photo-selection__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px} .photo-selection__item+.photo-selection__item{border-top:1px solid var(--border)} .photo-selection__item>span{display:flex;flex-direction:column;gap:2px;min-width:0} .photo-selection__item strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .photo-selection__item small{color:var(--muted);font-size:.78rem} .photo-remove{flex:0 0 auto;padding:8px 10px;font-size:.8rem} @media(max-width:520px){.photo-selection__item{align-items:flex-start}.photo-selection__item>span{padding-top:4px}} .customer-discount{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:15px 18px;border:1px solid rgba(34,211,238,.34);border-radius:16px;background:linear-gradient(135deg,rgba(14,116,144,.18),rgba(59,130,246,.10));box-shadow:0 12px 30px rgba(0,0,0,.16)} .customer-discount__badge{display:grid;place-items:center;flex:0 0 58px;width:58px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),#60a5fa);color:#03111e;font-size:1.02rem;font-weight:900;letter-spacing:.02em} .customer-discount__text{display:flex;flex-direction:column;gap:3px;min-width:0;color:#d7e3f4;line-height:1.45} .customer-discount__text strong{color:#fff;font-size:1rem} .condition-selects{display:grid;gap:18px} .select-field{margin:0!important} .select-field__label{display:block;margin-bottom:7px;font-weight:700;color:var(--text)} .select-control{position:relative;display:block} .select-control select{appearance:none;-webkit-appearance:none;margin-top:0;padding:14px 52px 14px 14px;border-color:#334155;background:#0a1020;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(59,130,246,.07)} .select-control select:hover{border-color:#4b6b93;background:#0d1628} .select-control select:focus-visible{border-color:var(--cyan)} .select-control__icon{position:absolute;right:15px;top:50%;transform:translateY(-55%);display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(34,211,238,.11);color:var(--cyan);font-size:1.65rem;font-weight:800;line-height:1;pointer-events:none} .select-field__hint{display:flex;align-items:center;gap:6px;margin-top:7px;color:#9fc9dc;font-size:.82rem} .select-field__hint::before{content:'↕';display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid rgba(34,211,238,.28);border-radius:5px;color:var(--cyan);font-size:.72rem} @media(max-width:520px){.customer-discount{align-items:flex-start;padding:13px 14px}.customer-discount__badge{flex-basis:52px;width:52px;height:38px}.customer-discount__text{font-size:.9rem}.select-control select{padding-top:13px;padding-bottom:13px}.select-field__hint{font-size:.8rem}} .wizard,.summary-column{min-width:0} @media(min-width:901px){.layout{grid-template-columns:minmax(0,1fr) 360px!important;align-items:start} .summary-column{display:flex!important;flex-direction:column;width:360px} .summary-column .summary{display:block!important;width:100%}} @media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)!important} .wizard{grid-column:1/-1;width:100%} .summary-column{position:static;width:100%;display:block} .summary-column .summary{display:none!important}} .select-control__icon{right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(34,211,238,.28);border-radius:10px;background:rgba(34,211,238,.12);color:var(--cyan);font-size:0;} .select-control__icon::before{content:'';width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transform-origin:center;} .select-control:hover .select-control__icon{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.18);} .select-control select:focus-visible+.select-control__icon{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(34,211,238,.12);} @media(max-width:520px){.select-control select{padding-right:62px} .select-control__icon{right:7px;width:40px;height:40px}} .select-control select{padding-right:132px;} .select-control__icon{display:none!important;} .select-control__action{position:absolute;top:1px;right:1px;bottom:1px;width:116px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;border-left:1px solid #334155;border-radius:0 9px 9px 0;background:linear-gradient(90deg,rgba(34,211,238,.05),rgba(34,211,238,.11));color:var(--cyan);font-size:.82rem;font-weight:800;letter-spacing:.01em;pointer-events:none;} .select-control__action i{display:block;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;} .select-control:hover .select-control__action{background:linear-gradient(90deg,rgba(34,211,238,.09),rgba(34,211,238,.17));border-left-color:rgba(34,211,238,.45);} .select-control select:focus-visible+.select-control__action{background:rgba(34,211,238,.16);border-left-color:var(--cyan);} .select-field__hint::before{content:'i';font-weight:800;} @media(max-width:520px){.select-control select{padding-right:112px} .select-control__action{width:100px;padding:0 10px;gap:8px;font-size:.78rem}} label.field select:not(.select-control select),.item select:not(.select-control select){appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:46px;background-color:#0a1020;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;cursor:pointer;} label.field select:not(.select-control select):hover,.item select:not(.select-control select):hover{border-color:#4b6b93;background-color:#0d1628;} label.field select:not(.select-control select):focus-visible,.item select:not(.select-control select):focus-visible{border-color:var(--cyan);} .select-control select{background-image:none;} @media(max-width:520px){label.field select:not(.select-control select),.item select:not(.select-control select){padding-right:42px;background-position:right 12px center;background-size:15px 15px;}} .seo-info{margin-top:20px;padding:22px;border:1px solid var(--border);border-radius:18px;background:rgba(11,18,32,.72);color:var(--muted)} .seo-info h2{margin:0 0 10px;color:var(--text);font-size:1.25rem} .seo-info h3{margin:0 0 6px;color:var(--text);font-size:1rem} .seo-info p{margin:0;line-height:1.65} .seo-info__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px} .seo-info__contact{margin-top:18px!important;padding-top:16px;border-top:1px solid var(--border)} .seo-info a{color:var(--cyan);text-decoration:none} .seo-info a:hover{text-decoration:underline} @media(max-width:700px){.seo-info__grid{grid-template-columns:1fr}.seo-info{padding:18px}}