.kzs-app{
--kzs-primary:#111216;
--kzs-success:#1f9d68;
--kzs-page:#f5f6f8;
--kzs-card:#fff;
--kzs-text:#111827;
--kzs-muted:#6b7280;
--kzs-border:#e5e7eb;
--kzs-accent:#0f172a;
width:100%;
max-width:100%;
background:var(--kzs-page);
color:var(--kzs-text);
font-family:inherit;
padding:34px 0 70px;
}
.kzs-app *, .kzs-app *::before, .kzs-app *::after{box-sizing:border-box}
.kzs-app button,.kzs-app input,.kzs-app textarea,.kzs-app select{font:inherit}
.kzs-shell{width:min(1000px,calc(100% - 40px));margin:0 auto}
.kzs-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .kzs-stepper{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 34px;max-width:780px;padding:0 12px}
.kzs-stepper-item{display:flex;align-items:center;gap:9px;color:#a3a7ae;white-space:nowrap;transition:.2s}
.kzs-stepper-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eceef1;color:#a0a4ac;font-size:12px;font-weight:800;transition:.2s}
.kzs-stepper-label{font-size:12px;font-weight:650}
.kzs-stepper-line{width:74px;height:1px;background:#d9dce1;display:block;flex:0 1 74px;transition:.2s}
.kzs-stepper-item.is-active{color:var(--kzs-primary)}
.kzs-stepper-item.is-active .kzs-stepper-dot{background:var(--kzs-primary);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--kzs-primary) 10%,transparent)}
.kzs-stepper-item.is-complete{color:#7a8089}
.kzs-stepper-item.is-complete .kzs-stepper-dot{background:var(--kzs-success);color:#fff}
.kzs-stepper-line.is-complete{background:var(--kzs-success)}
.kzs-mobile-label{display:none}
.kzs-heading{margin:0 0 25px}
.kzs-heading h2{margin:0 0 5px!important;color:var(--kzs-text)!important;-webkit-text-fill-color:var(--kzs-text)!important;font-size:36px!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-1.2px!important}
.kzs-heading p{margin:0!important;color:var(--kzs-muted);font-size:14px;line-height:1.65}
.kzs-panel{display:none}
.kzs-panel.is-active{display:block;animation:kzsFade .24s ease}
@keyframes kzsFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.kzs-card{background:var(--kzs-card);border:1px solid var(--kzs-border);border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.06);overflow:hidden}
.kzs-card-head{display:flex;align-items:flex-start;gap:12px;padding:25px 28px 18px;border-bottom:1px solid color-mix(in srgb,var(--kzs-border) 75%,transparent)}
.kzs-card-icon{width:31px;height:31px;border:1px solid var(--kzs-border);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--kzs-primary);font-size:15px;background:#fafafa;flex:0 0 31px}
.kzs-card-head h3{margin:0 0 2px!important;color:var(--kzs-text)!important;font-size:17px!important;line-height:1.35!important;font-weight:800!important}
.kzs-card-head p{margin:0!important;color:var(--kzs-muted);font-size:12px;line-height:1.5}
.kzs-card-body{padding:24px 28px 30px}
.kzs-card-footer{padding:18px 28px;background:#fafafa;border-top:1px solid var(--kzs-border);display:flex;justify-content:space-between;gap:10px}
.kzs-footer-right{justify-content:flex-end}
.kzs-field-group{margin-bottom:25px}
.kzs-field-group:last-child{margin-bottom:0}
.kzs-field-group>label,.kzs-input-field>span{display:block;color:#31343a;font-size:12px;font-weight:750;margin-bottom:9px}
.kzs-field-group label b,.kzs-input-field span b{color:#c63e4a}
.kzs-field-group label span,.kzs-input-field em{font-style:normal;font-weight:500;color:#9a9ea5}
.kzs-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.kzs-choice-btn,.kzs-chip,.kzs-model-btn,.kzs-delivery-card{appearance:none;border:1px solid var(--kzs-border);background:#fff;color:#343840;cursor:pointer;transition:.18s}
.kzs-choice-btn{min-height:70px;border-radius:8px;font-weight:800;font-size:14px}
.kzs-choice-btn:hover,.kzs-chip:hover,.kzs-model-btn:hover,.kzs-delivery-card:hover{border-color:#aeb4bd;background:#fbfbfc}
.kzs-choice-btn.is-selected,.kzs-chip.is-selected,.kzs-model-btn.is-selected,.kzs-delivery-card.is-selected{border-color:var(--kzs-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--kzs-primary) 11%,transparent);background:color-mix(in srgb,var(--kzs-primary) 2%,#fff)}
.kzs-chip-list{display:flex;flex-wrap:wrap;gap:8px}
.kzs-chip{min-height:44px;padding:0 17px;border-radius:7px;font-size:11.5px;font-weight:720}
.kzs-model-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kzs-model-btn{min-height:48px;padding:9px 12px;border-radius:7px;text-align:left;font-size:11.5px;font-weight:700}
.kzs-field-group textarea,.kzs-input-field input,.kzs-input-field textarea,.kzs-input-field select{width:100%;border:1px solid var(--kzs-border);border-radius:7px;background:#fff;color:var(--kzs-text);outline:0;transition:.18s;box-shadow:none!important}
.kzs-field-group textarea,.kzs-input-field textarea{padding:13px 14px;resize:vertical;min-height:108px}
.kzs-input-field input,.kzs-input-field select{height:47px;padding:0 13px}
.kzs-field-group textarea:focus,.kzs-input-field input:focus,.kzs-input-field textarea:focus,.kzs-input-field select:focus{border-color:var(--kzs-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--kzs-primary) 8%,transparent)!important}
.kzs-field-meta{display:flex;justify-content:space-between;gap:15px;margin-top:7px;color:#a0a4ab;font-size:9.5px}
.kzs-input-field{display:block;margin-bottom:18px}
.kzs-input-field small{display:block;margin-top:6px;color:#9a9ea5;font-size:9.5px;line-height:1.45}
.kzs-upload-zone{min-height:176px;border:1px dashed #cfd3d9;border-radius:8px;background:#fcfcfd;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:20px;transition:.18s}
.kzs-upload-zone:hover,.kzs-upload-zone.is-dragging{border-color:var(--kzs-primary);background:color-mix(in srgb,var(--kzs-primary) 2%,#fff)}
.kzs-upload-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0f1f3;color:#767b83;font-size:18px;margin-bottom:7px}
.kzs-upload-zone strong{font-size:11px;color:#454952;margin-bottom:10px}
.kzs-upload-zone small{font-size:10px;color:#90949b;margin-bottom:12px}
.kzs-upload-zone em{font-size:9px;color:#b0b3b9;font-style:normal}
.kzs-file-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.kzs-file-item{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:10px;border:1px solid var(--kzs-border);border-radius:7px;padding:7px;background:#fff}
.kzs-file-thumb{width:48px;height:48px;border-radius:5px;overflow:hidden;background:#f1f2f4}
.kzs-file-thumb img{width:100%;height:100%;object-fit:cover}
.kzs-file-name{min-width:0}
.kzs-file-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#42464e}
.kzs-file-name small{font-size:8.5px;color:#a1a5ac}
.kzs-file-remove{width:27px;height:27px;border:0;border-radius:50%;background:#f1f2f4;color:#666b73;cursor:pointer;font-size:17px;line-height:1}
.kzs-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kzs-delivery-card{min-height:88px;border-radius:8px;padding:17px;text-align:left;display:flex;align-items:center;gap:14px}
.kzs-delivery-icon{width:39px;height:39px;border-radius:7px;background:#f2f3f5;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 39px}
.kzs-delivery-card.is-selected .kzs-delivery-icon{background:var(--kzs-primary);color:#fff}
.kzs-delivery-card strong{display:block;color:#30343b;font-size:12px;margin-bottom:4px}
.kzs-delivery-card small{display:block;color:#8d929a;font-size:9.5px;line-height:1.4}
.kzs-branch-info,.kzs-address-wrap{margin-top:26px;padding-top:25px;border-top:1px solid var(--kzs-border)}
.kzs-branch-info strong,.kzs-subhead strong{display:block;font-size:13px;color:#30343b;margin-bottom:5px}
.kzs-branch-info p,.kzs-subhead span{margin:0;color:#7d828a;font-size:10.5px;line-height:1.6}
.kzs-subhead{margin-bottom:17px}
.kzs-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kzs-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.kzs-consent{display:flex;align-items:flex-start;gap:9px;margin-top:5px;color:#6f747c;font-size:10px;line-height:1.55;cursor:pointer}
.kzs-consent input{margin-top:2px;accent-color:var(--kzs-primary)}
.kzs-consent a{color:var(--kzs-primary);text-decoration:underline!important}
.kzs-btn{min-height:44px;border-radius:7px;padding:0 18px;font-weight:800;font-size:11px;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.kzs-btn:disabled{opacity:.55;cursor:not-allowed}
.kzs-btn-primary{border:1px solid var(--kzs-primary);background:var(--kzs-primary);color:#fff}
.kzs-btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.94)}
.kzs-btn-secondary{border:1px solid var(--kzs-border);background:#fff;color:#4a4f57}
.kzs-btn-secondary:hover{border-color:#b8bdc5}
.kzs-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kzs-review-card{border:1px solid var(--kzs-border);border-radius:8px;padding:17px;background:#fcfcfd;min-height:130px}
.kzs-review-card small{display:block;color:#9ba0a8;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.kzs-review-card strong{display:block;color:#282c33;font-size:12px;margin-bottom:6px}
.kzs-review-card span{display:block;color:#7f848c;font-size:10px;line-height:1.55;white-space:pre-line}
.kzs-form-message{margin-top:14px;padding:11px 13px;border-radius:7px;font-size:10.5px;line-height:1.55}
.kzs-form-message.is-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}
.kzs-form-message.is-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}
.kzs-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:kzsSpin .7s linear infinite}
@keyframes kzsSpin{to{transform:rotate(360deg)}}
.kzs-success{background:#fff;border:1px solid var(--kzs-border);border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.06);padding:54px 32px;text-align:center}
.kzs-success-icon{width:64px;height:64px;border-radius:50%;background:var(--kzs-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:900;margin:0 auto 18px}
.kzs-success h3{margin:0 0 8px!important;color:var(--kzs-text)!important;font-size:26px!important;font-weight:850!important}
.kzs-success p{max-width:600px;margin:0 auto!important;color:var(--kzs-muted);font-size:12px;line-height:1.7}
.kzs-reference{max-width:340px;margin:24px auto;border:1px solid var(--kzs-border);border-radius:8px;background:#fafafa;padding:15px}
.kzs-reference small{display:block;color:#9aa0a8;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.kzs-reference strong{font-size:18px;color:var(--kzs-primary);letter-spacing:.03em}
@media(max-width:820px){
.kzs-shell{width:calc(100% - 28px)}
.kzs-stepper{gap:7px;margin-bottom:26px}
.kzs-stepper-line{width:34px;flex-basis:34px}
.kzs-desktop-label{display:none}.kzs-mobile-label{display:inline}
.kzs-stepper-label{font-size:9px}
.kzs-heading h2{font-size:30px!important}
.kzs-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.kzs-model-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.kzs-grid-3{grid-template-columns:1fr 1fr}
.kzs-whatever{display:none}
}
@media(max-width:600px){
.kzs-app{padding:20px 0 50px}
.kzs-shell{width:calc(100% - 20px)}
.kzs-stepper{padding:0;gap:5px;justify-content:space-between;max-width:100%;overflow:hidden}
.kzs-stepper-item{gap:5px;min-width:0}
.kzs-stepper-dot{width:27px;height:27px;flex:0 0 27px;font-size:10px}
.kzs-stepper-line{width:auto;flex:1 1 18px;min-width:8px;max-width:30px}
.kzs-stepper-label{display:none}
.kzs-heading{margin-bottom:18px;padding:0 2px}
.kzs-heading h2{font-size:27px!important;letter-spacing:-.7px!important}
.kzs-heading p{font-size:12px}
.kzs-card{border-radius:9px}
.kzs-card-head{padding:19px 17px 14px}
.kzs-card-body{padding:18px 17px 23px}
.kzs-card-footer{padding:14px 17px;position:sticky;bottom:0;z-index:5;box-shadow:0 -7px 20px rgba(15,23,42,.035)}
.kzs-card-icon{width:29px;height:29px;flex-basis:29px}
.kzs-card-head h3{font-size:15px!important}.kzs-card-head p{font-size:10px}
.kzs-field-group{margin-bottom:21px}
.kzs-choice-grid{grid-template-columns:1fr}
.kzs-choice-btn{min-height:55px}
.kzs-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.kzs-chip{width:100%;padding:0 10px;min-height:42px}
.kzs-model-list{grid-template-columns:1fr}
.kzs-model-btn{min-height:46px}
.kzs-upload-zone{min-height:160px;padding:16px}
.kzs-file-preview{grid-template-columns:1fr}
.kzs-delivery-grid{grid-template-columns:1fr}
.kzs-grid-2,.kzs-grid-3{grid-template-columns:1fr;gap:0}
.kzs-review-grid{grid-template-columns:1fr}
.kzs-btn{min-height:43px;padding:0 14px}
.kzs-card-footer .kzs-btn{flex:1}
.kzs-footer-right .kzs-btn{flex:0 1 auto;min-width:120px}
.kzs-success{padding:40px 18px}.kzs-success h3{font-size:23px!important}
} .kzs-app .kzs-choice-grid,
.kzs-app .kzs-chip-list,
.kzs-app .kzs-model-list{
min-width:0!important;
opacity:1!important;
visibility:visible!important;
}
.kzs-app .kzs-choice-card{
-webkit-appearance:none!important;
appearance:none!important;
position:relative!important;
z-index:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
margin:0!important;
cursor:pointer!important;
pointer-events:auto!important;
touch-action:manipulation!important;
user-select:none!important;
opacity:1!important;
visibility:visible!important;
border:1px solid var(--kzs-border)!important;
background:#fff!important;
color:#343840!important;
-webkit-text-fill-color:#343840!important;
box-shadow:none!important;
outline:0!important;
text-transform:none!important;
letter-spacing:normal!important;
text-decoration:none!important;
font-family:inherit!important;
line-height:1.3!important;
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease!important;
}
.kzs-app .kzs-choice-card > span{
display:block!important;
min-width:0!important;
max-width:100%!important;
pointer-events:none!important;
color:inherit!important;
-webkit-text-fill-color:inherit!important;
overflow-wrap:anywhere!important;
} .kzs-app .kzs-choice-card::after{
content:""!important;
position:absolute!important;
width:18px!important;
height:18px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #d8dbe0!important;
border-radius:50%!important;
background:#f6f7f8!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
font-size:10px!important;
font-weight:900!important;
line-height:1!important;
transition:.18s ease!important;
}
.kzs-app .kzs-choice-card.is-selected{
border-color:var(--kzs-primary)!important;
background:#fff!important;
color:var(--kzs-primary)!important;
-webkit-text-fill-color:var(--kzs-primary)!important;
box-shadow:0 0 0 2px rgba(17,18,22,.08)!important;
}
.kzs-app .kzs-choice-card.is-selected::after{
content:"✓"!important;
border-color:var(--kzs-primary)!important;
background:var(--kzs-primary)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.kzs-app .kzs-choice-card:hover{
border-color:#aeb4bd!important;
background:#fbfbfc!important;
}
.kzs-app .kzs-choice-card:focus-visible{
outline:2px solid rgba(17,18,22,.18)!important;
outline-offset:2px!important;
}
.kzs-app .kzs-choice-card--brand{
min-height:70px!important;
padding:13px 42px 13px 15px!important;
border-radius:8px!important;
font-size:14px!important;
font-weight:800!important;
}
.kzs-app .kzs-choice-card--brand::after{
right:11px!important;
top:11px!important;
}
.kzs-app .kzs-chip-list{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
}
.kzs-app .kzs-choice-card--series{
min-height:44px!important;
flex:0 0 auto!important;
padding:9px 36px 9px 13px!important;
border-radius:7px!important;
font-size:11.5px!important;
font-weight:720!important;
text-align:center!important;
}
.kzs-app .kzs-choice-card--series::after{
width:16px!important;
height:16px!important;
right:9px!important;
top:50%!important;
transform:translateY(-50%)!important;
font-size:8px!important;
}
.kzs-app .kzs-model-list{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
}
.kzs-app .kzs-choice-card--model{
width:100%!important;
min-height:50px!important;
justify-content:flex-start!important;
padding:10px 38px 10px 12px!important;
border-radius:7px!important;
text-align:left!important;
font-size:11.5px!important;
font-weight:700!important;
}
.kzs-app .kzs-choice-card--model::after{
right:10px!important;
top:50%!important;
transform:translateY(-50%)!important;
}
.kzs-app .kzs-selection-empty{
grid-column:1 / -1!important;
width:100%!important;
min-height:49px!important;
display:flex!important;
align-items:center!important;
padding:11px 13px!important;
border:1px dashed #d4d7dc!important;
border-radius:7px!important;
background:#fafbfc!important;
color:#93979f!important;
-webkit-text-fill-color:#93979f!important;
font-size:10.5px!important;
line-height:1.5!important;
} .kzs-app button.kzs-delivery-card{
-webkit-appearance:none!important;
appearance:none!important;
display:flex!important;
align-items:center!important;
pointer-events:auto!important;
opacity:1!important;
visibility:visible!important;
color:#343840!important;
-webkit-text-fill-color:#343840!important;
background:#fff!important;
border:1px solid var(--kzs-border)!important;
text-transform:none!important;
letter-spacing:normal!important;
box-shadow:none!important;
}
.kzs-app button.kzs-delivery-card.is-selected{
border-color:var(--kzs-primary)!important;
box-shadow:0 0 0 2px rgba(17,18,22,.08)!important;
}
.kzs-app button.kzs-delivery-card strong,
.kzs-app button.kzs-delivery-card small{
-webkit-text-fill-color:initial!important;
} .kzs-app .kzs-card-icon-drone{
width:34px!important;
height:34px!important;
flex:0 0 34px!important;
padding:6px!important;
border-radius:8px!important;
color:var(--kzs-primary)!important;
background:#fafafa!important;
}
.kzs-app .kzs-card-icon-drone svg{
width:100%!important;
height:100%!important;
display:block!important;
overflow:visible!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.kzs-app .kzs-card-icon-drone svg circle,
.kzs-app .kzs-card-icon-drone svg rect{
fill:none!important;
stroke:currentColor!important;
}
@media(max-width:820px){
.kzs-app .kzs-model-list{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media(max-width:600px){
.kzs-app .kzs-choice-card--brand{
min-height:56px!important;
padding:11px 40px 11px 13px!important;
font-size:13px!important;
}
.kzs-app .kzs-chip-list{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
}
.kzs-app .kzs-choice-card--series{
width:100%!important;
min-height:44px!important;
padding:9px 31px 9px 9px!important;
font-size:10.5px!important;
}
.kzs-app .kzs-model-list{
grid-template-columns:1fr!important;
}
.kzs-app .kzs-choice-card--model{
min-height:48px!important;
padding:10px 38px 10px 11px!important;
font-size:11px!important;
}
.kzs-app .kzs-card-icon-drone{
width:31px!important;
height:31px!important;
flex-basis:31px!important;
padding:5px!important;
}
} .kzs-app .kzs-card-icon-delivery,
.kzs-app .kzs-card-icon-contact{
width:36px!important;
height:36px!important;
flex:0 0 36px!important;
padding:8px!important;
border:1px solid #d9dce1!important;
border-radius:9px!important;
background:linear-gradient(180deg,#fff,#f7f7f8)!important;
color:#111216!important;
box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
}
.kzs-app .kzs-card-icon-delivery svg,
.kzs-app .kzs-card-icon-contact svg{
width:100%!important;
height:100%!important;
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.kzs-app .kzs-delivery-grid{
align-items:stretch!important;
gap:12px!important;
}
.kzs-app button.kzs-delivery-card{
position:relative!important;
min-height:118px!important;
align-items:flex-start!important;
gap:15px!important;
padding:18px 48px 18px 18px!important;
border-radius:10px!important;
background:#fff!important;
border:1px solid #dfe1e5!important;
box-shadow:0 1px 0 rgba(15,23,42,.01)!important;
overflow:hidden!important;
}
.kzs-app button.kzs-delivery-card:hover{
border-color:#aeb2b9!important;
background:#fcfcfd!important;
}
.kzs-app button.kzs-delivery-card.is-selected{
border-color:#111216!important;
background:linear-gradient(180deg,#ffffff 0%,#f7f7f8 100%)!important;
box-shadow:0 0 0 2px rgba(17,18,22,.055),0 10px 24px rgba(17,18,22,.045)!important;
}
.kzs-app button.kzs-delivery-card.is-selected::before{
content:""!important;
position:absolute!important;
left:0!important;
top:0!important;
bottom:0!important;
width:3px!important;
background:#111216!important;
}
.kzs-app .kzs-delivery-icon{
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
padding:10px!important;
border:1px solid #e0e2e6!important;
border-radius:9px!important;
background:#f5f6f7!important;
color:#4f535b!important;
}
.kzs-app .kzs-delivery-icon svg{
width:100%!important;
height:100%!important;
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.kzs-app button.kzs-delivery-card.is-selected .kzs-delivery-icon{
border-color:#111216!important;
background:#111216!important;
color:#fff!important;
}
.kzs-app .kzs-delivery-copy{
display:block!important;
min-width:0!important;
flex:1 1 auto!important;
padding-top:1px!important;
}
.kzs-app .kzs-delivery-card strong{
display:block!important;
margin:0 0 5px!important;
color:#17191d!important;
-webkit-text-fill-color:#17191d!important;
font-size:12.5px!important;
line-height:1.35!important;
font-weight:800!important;
}
.kzs-app .kzs-delivery-card small{
display:block!important;
margin:0!important;
color:#7d828a!important;
-webkit-text-fill-color:#7d828a!important;
font-size:9.8px!important;
line-height:1.55!important;
}
.kzs-app .kzs-delivery-address{
display:flex!important;
align-items:flex-start!important;
gap:6px!important;
margin-top:9px!important;
padding-top:9px!important;
border-top:1px solid #eceef1!important;
color:#5f646c!important;
-webkit-text-fill-color:#5f646c!important;
font-size:9.2px!important;
line-height:1.45!important;
font-weight:650!important;
}
.kzs-app .kzs-delivery-address svg{
width:13px!important;
height:13px!important;
flex:0 0 13px!important;
margin-top:1px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.kzs-app .kzs-delivery-check{
position:absolute!important;
top:13px!important;
right:13px!important;
width:22px!important;
height:22px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #dfe1e5!important;
border-radius:50%!important;
background:#fff!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
}
.kzs-app button.kzs-delivery-card.is-selected .kzs-delivery-check{
border-color:#1f9d68!important;
background:#1f9d68!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.kzs-app .kzs-branch-info{
display:flex;
align-items:flex-start;
gap:12px;
margin-top:18px!important;
padding:14px 16px!important;
border:1px solid #e0e2e6!important;
border-top:1px solid #e0e2e6!important;
border-radius:8px!important;
background:#f8f8f9!important;
}
.kzs-app .kzs-branch-info[hidden]{display:none!important}
.kzs-app .kzs-branch-info-icon{
width:31px;
height:31px;
flex:0 0 31px;
display:flex;
align-items:center;
justify-content:center;
padding:7px;
border-radius:7px;
background:#111216;
color:#fff;
}
.kzs-app .kzs-branch-info-icon svg{
width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.kzs-app .kzs-branch-info strong{margin:0 0 3px!important;font-size:11px!important;color:#23262b!important}
.kzs-app .kzs-branch-info p{margin:0!important;font-size:10px!important;color:#6f747c!important;line-height:1.55!important}
.kzs-app .kzs-consent{
margin-top:10px!important;
padding:12px 13px!important;
border:1px solid #e1e3e7!important;
border-radius:8px!important;
background:#fafafb!important;
color:#656a72!important;
font-size:10px!important;
line-height:1.65!important;
}
.kzs-app .kzs-consent input{
width:16px!important;
height:16px!important;
flex:0 0 16px!important;
margin-top:1px!important;
}
.kzs-app .kzs-consent a{
color:#111216!important;
-webkit-text-fill-color:#111216!important;
font-weight:800!important;
text-underline-offset:2px!important;
}
@media(max-width:600px){
.kzs-app .kzs-card-icon-delivery,
.kzs-app .kzs-card-icon-contact{
width:32px!important;
height:32px!important;
flex-basis:32px!important;
padding:7px!important;
}
.kzs-app button.kzs-delivery-card{
min-height:0!important;
padding:15px 42px 15px 14px!important;
gap:12px!important;
}
.kzs-app .kzs-delivery-icon{
width:38px!important;
height:38px!important;
flex-basis:38px!important;
padding:9px!important;
}
.kzs-app .kzs-delivery-card strong{font-size:11.5px!important}
.kzs-app .kzs-delivery-card small{font-size:9.3px!important}
.kzs-app .kzs-delivery-address{font-size:8.8px!important}
.kzs-app .kzs-delivery-check{top:11px!important;right:11px!important;width:20px!important;height:20px!important}
.kzs-app .kzs-branch-info{padding:12px 13px!important;gap:10px!important}
.kzs-app .kzs-consent{padding:11px!important;font-size:9.5px!important}
}  .kzs-app .kzs-stepper-item.is-active{
color:var(--kzs-success)!important;
font-weight:750!important;
}
.kzs-app .kzs-stepper-item.is-active .kzs-stepper-dot{
background:var(--kzs-success)!important;
color:#fff!important;
box-shadow:0 0 0 4px color-mix(in srgb,var(--kzs-success) 12%,transparent)!important;
}
.kzs-app .kzs-stepper-item.is-complete{
color:#5f746b!important;
}
.kzs-app .kzs-stepper-item.is-complete .kzs-stepper-dot{
background:var(--kzs-success)!important;
color:#fff!important;
}
.kzs-app .kzs-stepper-line.is-complete{
background:var(--kzs-success)!important;
} .kzs-app .kzs-stepper-item.is-error{
color:#b4232f!important;
font-weight:750!important;
}
.kzs-app .kzs-stepper-item.is-error .kzs-stepper-dot{
background:#c93c48!important;
color:#fff!important;
box-shadow:0 0 0 4px rgba(201,60,72,.10)!important;
} .kzs-app .kzs-result-card{
position:relative;
overflow:hidden;
background:#fff;
border:1px solid var(--kzs-border);
border-radius:14px;
box-shadow:0 22px 55px rgba(15,23,42,.07);
padding:58px 34px;
text-align:center;
}
.kzs-app .kzs-result-card::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:4px;
}
.kzs-app .kzs-result-card--success::before{
background:var(--kzs-success);
}
.kzs-app .kzs-result-card--error::before{
background:#c93c48;
}
.kzs-app .kzs-result-icon{
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 18px;
}
.kzs-app .kzs-result-icon svg{
width:34px;
height:34px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:2.4;
stroke-linecap:round;
stroke-linejoin:round;
}
.kzs-app .kzs-result-card--success .kzs-result-icon{
background:color-mix(in srgb,var(--kzs-success) 12%,#fff);
border:1px solid color-mix(in srgb,var(--kzs-success) 28%,#fff);
color:var(--kzs-success);
}
.kzs-app .kzs-result-card--error .kzs-result-icon{
background:#fff1f2;
border:1px solid #fecdd3;
color:#c93c48;
}
.kzs-app .kzs-result-kicker{
display:block;
margin-bottom:8px;
color:#92969e;
font-size:8px;
line-height:1.2;
font-weight:850;
letter-spacing:.14em;
}
.kzs-app .kzs-result-card h3{
margin:0 0 9px!important;
color:var(--kzs-text)!important;
-webkit-text-fill-color:var(--kzs-text)!important;
font-size:28px!important;
line-height:1.15!important;
font-weight:850!important;
letter-spacing:-.8px!important;
}
.kzs-app .kzs-result-card p{
max-width:620px;
margin:0 auto!important;
color:var(--kzs-muted)!important;
font-size:12px!important;
line-height:1.75!important;
}
.kzs-app .kzs-result-card--error p{
max-width:570px;
}
.kzs-app .kzs-result-actions{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
margin-top:24px;
}
.kzs-app .kzs-result-actions .kzs-btn{
min-width:145px;
} .kzs-app .kzs-success-icon{
font-size:0!important;
}
@media(max-width:600px){
.kzs-app .kzs-result-card{
padding:42px 18px;
border-radius:10px;
}
.kzs-app .kzs-result-icon{
width:62px;
height:62px;
margin-bottom:16px;
}
.kzs-app .kzs-result-icon svg{
width:29px;
height:29px;
}
.kzs-app .kzs-result-card h3{
font-size:23px!important;
}
.kzs-app .kzs-result-actions{
display:grid;
grid-template-columns:1fr;
width:100%;
}
.kzs-app .kzs-result-actions .kzs-btn{
width:100%;
min-width:0;
}
}