:root { --bg:#0b0d10; --surface:#15181d; --surface-2:#1a1e24; --line:#30363e; --ink:#f4f5f7; --muted:#9ba2ac; --brand:#ffc107; --success:#42c883; --danger:#ff6677; --radius:16px; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color-scheme:dark; }
* { box-sizing:border-box; }
html { min-width:320px; background:var(--bg); }
body { min-width:320px; margin:0; overflow-x:hidden; color:var(--ink); background:radial-gradient(circle at 50% -10%,rgba(255,193,7,.08),transparent 34rem),var(--bg); font-size:14px; line-height:1.5; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.public-header { height:86px; display:flex; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100vw - 1180px)/2)); border-bottom:1px solid var(--line); background:rgba(11,13,16,.88); backdrop-filter:blur(18px); }
.public-brand { display:flex; align-items:center; gap:15px; color:var(--ink); text-decoration:none; }.public-brand img { width:98px; height:54px; object-fit:contain; }.public-brand span,.public-brand strong,.public-brand small { display:block; }.public-brand strong { font-size:13px; letter-spacing:.11em; }.public-brand small { margin-top:2px; color:var(--muted); font-size:11px; }
.secure-note { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }.secure-note i { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 5px rgba(66,200,131,.1); }
.public-main { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:64px 0 80px; }
.form-intro { max-width:840px; margin-bottom:42px; }.eyebrow { margin:0 0 10px; color:var(--brand); font-size:11px; font-weight:800; letter-spacing:.16em; }.form-intro h1 { max-width:780px; margin:0; font-size:clamp(36px,5vw,64px); line-height:1.04; letter-spacing:-.045em; }.intro-copy { max-width:720px; margin:22px 0 0; color:#bdc2c9; font-size:17px; line-height:1.65; }.intro-points { display:flex; flex-wrap:wrap; gap:20px 34px; margin-top:28px; color:var(--muted); font-size:12px; }.intro-points span { display:flex; align-items:center; gap:8px; }.intro-points b { color:var(--brand); font-size:10px; letter-spacing:.08em; }
.form-intro[hidden] { display:none; }
.public-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:26px; align-items:start; }.client-form { display:grid; gap:18px; }.public-section,.submit-section,.aside-card,.success-card { border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 45%),var(--surface); box-shadow:0 20px 60px rgba(0,0,0,.12); }
.public-layout[hidden] { display:none; }
.offer-card { padding:24px 28px; border:1px solid rgba(255,193,7,.48); border-radius:var(--radius); background:linear-gradient(135deg,rgba(255,193,7,.13),rgba(255,193,7,.025)),var(--surface); box-shadow:0 20px 60px rgba(0,0,0,.12); }.offer-card[hidden] { display:none; }.offer-label { display:block; margin-bottom:11px; color:var(--brand); font-size:10px; font-weight:900; letter-spacing:.14em; }.offer-price-row { display:flex; align-items:baseline; justify-content:space-between; gap:18px; }.offer-price-row span { color:#c4c8ce; font-size:13px; }.offer-price-row strong { color:var(--brand); font-size:clamp(24px,4vw,34px); line-height:1; }.offer-card p { margin:12px 0 0; color:var(--muted); font-size:11px; }
.public-section { position:relative; padding:30px 32px 34px 84px; }.section-mark { position:absolute; top:31px; left:30px; color:var(--brand); font-size:13px; font-weight:900; letter-spacing:.08em; }.section-title { margin-bottom:24px; }.section-title h2 { margin:0; font-size:21px; letter-spacing:-.02em; }.section-title p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.field-grid { display:grid; gap:16px; min-width:0; }.field-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }.field { min-width:0; }.field.full { grid-column:1/-1; }.field,.field span,.field small { display:block; }.field > span,.contact-choice legend,.color-picker-heading span { margin-bottom:7px; color:#c4c8ce; font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.field small { margin-top:5px; color:var(--muted); font-size:10px; }
input,select,textarea { width:100%; min-width:0; max-width:100%; color:var(--ink); border:1px solid var(--line); border-radius:9px; outline:0; background:var(--surface-2); transition:.18s; }input,select { height:46px; padding:0 12px; }input[type="date"] { display:block; min-width:0; max-width:100%; -webkit-appearance:none; appearance:none; }textarea { min-height:110px; padding:12px; resize:vertical; }input:focus,select:focus,textarea:focus { border-color:var(--brand); box-shadow:0 0 0 3px rgba(255,193,7,.09); }input::placeholder,textarea::placeholder { color:#6f7680; }.honeypot { position:absolute; left:-9999px; opacity:0; }
.contact-choice { display:flex; align-items:center; gap:9px; margin:18px 0 0; padding:0; border:0; }.contact-choice legend { float:left; margin:0 14px 0 0; line-height:34px; }.contact-choice label { position:relative; }.contact-choice input { position:absolute; opacity:0; }.contact-choice span { display:block; padding:7px 12px; border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:11px; font-weight:700; }.contact-choice input:checked + span { color:#171300; border-color:var(--brand); background:var(--brand); }
.privacy-tip { display:flex; flex-wrap:wrap; gap:3px 8px; margin-top:18px; padding:11px 13px; border:1px solid rgba(66,200,131,.22); border-radius:9px; background:rgba(66,200,131,.05); font-size:11px; }.privacy-tip strong { color:#a8e8c7; }.privacy-tip span { color:var(--muted); }
.shipping-choice { display:flex; align-items:flex-start; gap:12px; margin:18px 0; padding:15px; cursor:pointer; border:1px solid rgba(255,193,7,.25); border-radius:10px; background:rgba(255,193,7,.05); }.shipping-choice input { flex:0 0 auto; width:19px; height:19px; margin-top:1px; accent-color:var(--brand); }.shipping-choice span,.shipping-choice strong,.shipping-choice small { display:block; }.shipping-choice strong { font-size:12px; }.shipping-choice small { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.5; }#inpostLockerField[hidden] { display:none; }#inpostLockerId { text-transform:uppercase; }
.color-picker-block { margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }.color-picker-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.color-picker-heading span,.color-picker-heading small { display:block; }.color-picker-heading small { margin-top:3px; color:var(--muted); font-size:10px; }.color-picker-heading button { flex:0 0 auto; padding:5px 0; color:var(--brand); border:0; background:transparent; font-size:11px; font-weight:800; }.requested-colors { display:grid; gap:12px; margin-top:13px; }.requested-color-row { position:relative; display:grid; grid-template-columns:62px minmax(0,1fr) 34px; gap:8px; align-items:center; min-width:0; }.color-index { color:#777e88; font-size:9px; font-weight:800; letter-spacing:.06em; }.color-field-shell { position:relative; min-width:0; }.color-search { min-width:0; padding-right:12px; }.color-search::-webkit-search-cancel-button { display:none; }.color-suggestions { position:absolute; z-index:40; top:calc(100% + 7px); right:0; left:0; max-height:286px; overflow-y:auto; overscroll-behavior:contain; padding:6px; border:1px solid #414954; border-radius:11px; background:#11151a; box-shadow:0 18px 45px rgba(0,0,0,.55); -webkit-overflow-scrolling:touch; }.color-suggestions[hidden] { display:none; }.color-series-heading { position:sticky; z-index:1; top:-6px; margin:0 -1px 3px; padding:8px 10px 6px; color:var(--brand); background:#11151a; border-bottom:1px solid #323944; font-size:9px; font-weight:900; letter-spacing:.12em; }.color-suggestion { width:100%; display:grid; grid-template-columns:74px minmax(0,1fr) auto; gap:9px; align-items:center; min-height:43px; padding:8px 10px; color:var(--ink); border:0; border-radius:7px; background:transparent; text-align:left; }.color-suggestion:hover,.color-suggestion.active { background:#242a32; }.color-suggestion strong { color:var(--brand); font-size:12px; }.color-suggestion span { min-width:0; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.color-suggestion small { color:var(--muted); font-size:9px; white-space:nowrap; }.color-suggestion-empty { padding:12px 10px; color:var(--muted); font-size:11px; }.remove-color { width:34px; height:34px; color:var(--muted); border:0; border-radius:7px; background:transparent; font-size:19px; }.remove-color:hover { color:var(--danger); background:rgba(255,102,119,.08); }
.submit-section { padding:26px 32px; }.consent { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }.consent input { flex:0 0 auto; width:18px; height:18px; margin-top:2px; accent-color:var(--brand); }.consent span,.consent strong,.consent small { display:block; }.consent strong { font-size:12px; }.consent small { margin-top:3px; color:var(--muted); font-size:10px; }.submit-button { width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:20px; padding:15px 18px; color:#151200; border:0; border-radius:10px; background:var(--brand); font-size:14px; font-weight:850; }.submit-button:hover { background:#ffd249; transform:translateY(-1px); }.submit-button:disabled { opacity:.58; cursor:wait; transform:none; }.submit-button b { font-size:18px; }.submit-note { margin:11px 0 0; color:var(--muted); font-size:10px; text-align:center; }.form-error { display:none; margin:14px 0 0; padding:10px 12px; color:#ffb0b9; border:1px solid rgba(255,102,119,.3); border-radius:8px; background:rgba(255,102,119,.07); font-size:11px; }.form-error.show { display:block; }
.rodo-note { margin:14px 0 0 30px; color:var(--muted); font-size:10px; line-height:1.55; }.rodo-note a { color:#d9dde2; text-decoration:underline; text-underline-offset:2px; }.rodo-note a:hover { color:var(--brand); }
.offer-consent { margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--line); }.offer-consent[hidden] { display:none; }.offer-consent strong { color:var(--brand); }
.public-aside { position:sticky; top:22px; display:grid; gap:16px; }.aside-card { padding:24px; }.aside-card.highlight { border-color:rgba(255,193,7,.3); background:linear-gradient(145deg,rgba(255,193,7,.08),transparent 54%),var(--surface); }.aside-label { display:block; margin-bottom:16px; color:var(--brand); font-size:10px; font-weight:850; letter-spacing:.13em; }.aside-card ol { display:grid; gap:18px; margin:0; padding:0; list-style:none; counter-reset:steps; }.aside-card li { position:relative; padding-left:29px; counter-increment:steps; }.aside-card li::before { content:counter(steps); position:absolute; top:0; left:0; display:grid; place-items:center; width:19px; height:19px; color:#181400; border-radius:50%; background:var(--brand); font-size:9px; font-weight:900; }.aside-card li b,.aside-card li small { display:block; }.aside-card li b { font-size:12px; }.aside-card li small { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.5; }.aside-card > strong { font-size:15px; }.aside-card p { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }.aside-card a { color:#d8dbe0; text-decoration:none; }.aside-card a:hover { color:var(--brand); }
.aside-card .maps-button { display:block; margin-top:18px; padding:10px 12px; color:#171300; border-radius:8px; background:var(--brand); font-size:11px; font-weight:850; text-align:center; }.aside-card .maps-button:hover { color:#171300; background:#ffd249; }
.parcel-locker-card { border-color:rgba(255,193,7,.3); background:linear-gradient(145deg,rgba(255,193,7,.07),transparent 54%),var(--surface); }
.parcel-locker-heading { display:flex; align-items:center; gap:11px; }.parcel-locker-heading strong,.parcel-locker-heading small { display:block; }.parcel-locker-heading strong { font-size:15px; }.parcel-locker-heading small { margin-top:2px; color:var(--success); font-size:10px; font-weight:700; }.parcel-locker-icon { display:grid; place-items:center; width:36px; height:36px; flex:0 0 auto; color:#171300; border-radius:9px; background:var(--brand); font-size:19px; font-weight:900; }.parcel-locker-card p b { color:var(--ink); }.parcel-locker-card p small { color:#7f8791; font-size:10px; }.parcel-locker-actions { display:grid; gap:8px; margin-top:18px; }.parcel-locker-actions .maps-button { margin-top:0; }.aside-card .inpost-button { display:block; padding:9px 11px; color:#dfe2e6; border:1px solid #3b424b; border-radius:8px; background:#1c2026; font-size:11px; font-weight:750; text-align:center; }.aside-card .inpost-button:hover { color:var(--ink); border-color:#5a626d; background:#242a31; }
.success-card { max-width:720px; margin:30px auto 0; padding:50px; text-align:center; }.success-card[hidden] { display:none; }.success-icon { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 24px; color:#0d2b1c; border-radius:50%; background:var(--success); font-size:28px; font-weight:900; }.success-card h2 { margin:0; font-size:38px; }.success-card p { color:var(--muted); }.success-card > strong { display:block; margin:22px 0 8px; color:var(--brand); font-size:24px; }.success-card > small { display:block; color:var(--muted); }.success-card button { margin-top:28px; padding:11px 16px; color:var(--ink); border:1px solid var(--line); border-radius:8px; background:var(--surface-2); }
.public-footer { display:flex; justify-content:space-between; gap:20px; padding:24px max(24px,calc((100vw - 1180px)/2)); color:#69717c; border-top:1px solid #20242a; font-size:10px; }
@media (max-width:900px) { .public-layout { grid-template-columns:1fr; }.public-aside { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }.form-intro h1 { font-size:44px; } }
@media (max-width:640px) { .public-header { height:72px; padding:0 17px; }.public-brand img { width:78px; }.secure-note { display:none; }.public-main { width:calc(100% - 28px); padding:42px 0 55px; }.form-intro h1 { font-size:36px; }.intro-copy { font-size:15px; }.intro-points { display:grid; gap:9px; }.public-section { padding:70px 18px 24px; }.section-mark { top:22px; left:18px; }.section-title { margin-top:-48px; margin-left:42px; }.field-grid { gap:22px; }.field-grid.two { grid-template-columns:1fr; }.field.full { grid-column:auto; }input,select,textarea { font-size:16px; }.contact-choice { align-items:flex-start; flex-wrap:wrap; gap:12px; margin-top:30px; }.contact-choice legend { width:100%; float:none; margin-bottom:2px; line-height:1.3; }.contact-choice span { min-width:82px; padding:10px 15px; font-size:13px; text-align:center; }.color-picker-heading { display:block; }.color-picker-heading button { margin-top:12px; padding:7px 0; font-size:13px; }.requested-colors { gap:16px; }.requested-color-row { width:100%; grid-template-columns:minmax(0,1fr) 38px; gap:8px; }.color-index { grid-column:1/-1; margin-bottom:-2px; }.color-field-shell { min-width:0; }.color-search { width:100%; min-width:0; }.color-suggestions { right:0; left:0; max-height:252px; }.color-suggestion { grid-template-columns:68px minmax(0,1fr); min-height:50px; padding:9px 10px; }.color-suggestion strong { font-size:13px; }.color-suggestion span { font-size:13px; }.color-suggestion small { grid-column:2; margin-top:-7px; }.remove-color { width:38px; height:46px; }.submit-section { padding:23px 18px; }.rodo-note { margin-left:0; }.public-aside { grid-template-columns:1fr; }.success-card { padding:36px 22px; }.public-footer { display:block; padding:20px 17px; }.public-footer span { display:block; margin-top:3px; } }