:root{--ko-navy:#102a43;--ko-blue:#1677b8;--ko-green:#8fc63f;--ko-text:#526577;--ko-line:#dce8ef;--ko-soft:#f5fafc}.ko-page{color:var(--ko-text);font-family:"Poppins",sans-serif}.ko-page *{box-sizing:border-box}.ko-progress{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:34px;border:1px solid var(--ko-line);border-radius:15px;background:#fff;overflow:hidden}.ko-step{position:relative;display:flex;align-items:center;gap:11px;padding:17px 19px;font-size:10px}.ko-step+.ko-step{border-left:1px solid var(--ko-line)}.ko-step b{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:50%;background:#edf3f6;color:#7d92a0}.ko-step span{font-weight:600;color:#82929e}.ko-step.active{background:#f2f9fc}.ko-step.active b{background:var(--ko-blue);color:#fff}.ko-step.active span{color:var(--ko-navy)}.ko-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}.ko-card{border:1px solid var(--ko-line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(16,42,67,.055);overflow:hidden}.ko-card-head{padding:24px 26px;border-bottom:1px solid var(--ko-line)}.ko-card-head small{color:var(--ko-blue);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ko-card-head h2{margin:5px 0 5px;color:var(--ko-navy);font-size:24px}.ko-card-head p{margin:0;font-size:12px}.ko-form-body{padding:26px}.ko-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ko-field label{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--ko-navy);font-size:11px;font-weight:600}.ko-field label span{color:#92a2ad;font-size:9px;font-weight:500}.ko-field input{width:100%;height:52px;padding:0 15px;border:1px solid #cfdde5;border-radius:11px;background:#fbfdfe;color:var(--ko-navy);font-size:17px;font-weight:600;outline:none;transition:.2s}.ko-field input:focus{border-color:var(--ko-blue);background:#fff;box-shadow:0 0 0 3px rgba(22,119,184,.1)}.ko-calculation{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;border:1px solid var(--ko-line);border-radius:13px;background:var(--ko-line);overflow:hidden}.ko-calc-item{padding:15px;background:var(--ko-soft)}.ko-calc-item label{display:block;margin-bottom:4px;color:#8496a3;font-size:9px;text-transform:uppercase}.ko-calc-item input{width:100%;padding:0;border:0;background:transparent;color:var(--ko-navy);font-size:16px;font-weight:700;outline:none}.ko-calc-item.total{background:#eef8e2}.ko-calc-item.total input{color:#567f20}.ko-submit{width:100%;height:54px;margin-top:20px;border:0;border-radius:11px;background:var(--ko-blue);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 25px rgba(22,119,184,.18);transition:.2s}.ko-submit:hover{background:#0f659f;transform:translateY(-1px)}.ko-product{padding:23px}.ko-product-label{display:flex;align-items:center;justify-content:space-between}.ko-product-label span{color:var(--ko-blue);font-size:9px;font-weight:700;text-transform:uppercase}.ko-product-label i{color:var(--ko-green)}.ko-product h3{margin:12px 0 17px;color:var(--ko-navy);font-size:17px;line-height:1.45!important}.ko-unit-price{display:flex;align-items:flex-end;justify-content:space-between;padding:15px;border-radius:11px;background:var(--ko-soft)}.ko-unit-price span{font-size:10px}.ko-unit-price strong{color:var(--ko-navy);font-size:19px}.ko-notice{display:flex;gap:10px;margin-top:17px;padding:13px;border-radius:10px;background:#fff8e8;color:#7c673c;font-size:10px;line-height:1.55}.ko-notice i{margin-top:2px;color:#d49a21}.ko-guide{margin-top:17px;border-top:1px solid var(--ko-line)}.ko-guide button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0 0;border:0;background:transparent;color:var(--ko-navy);font-size:11px;font-weight:600;cursor:pointer}.ko-guide p{margin:12px 0 0;font-size:10px;line-height:1.65}.ko-feedback{margin:24px 0 15px}.ko-feedback:empty{display:none}.ko-cart-area{margin-top:25px;padding:22px;border:1px solid var(--ko-line);border-radius:17px;background:#fff}.ko-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.ko-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 19px;border:1px solid var(--ko-line);border-radius:10px;color:var(--ko-navy);font-size:11px;font-weight:600}.ko-action:hover{border-color:var(--ko-blue);color:var(--ko-blue)}.ko-action-next{border-color:var(--ko-green);background:var(--ko-green);color:#fff}.ko-action-next:hover{background:#7daf34;color:#fff}.ko-action-next.disabled{pointer-events:none;opacity:.45}
@media(max-width:991px){.ko-progress{grid-template-columns:repeat(2,1fr)}.ko-step:nth-child(3){border-left:0;border-top:1px solid var(--ko-line)}.ko-step:nth-child(4){border-top:1px solid var(--ko-line)}.ko-main-grid{grid-template-columns:1fr}.ko-product{order:-1}}
@media(max-width:575px){.ko-progress{grid-template-columns:1fr}.ko-step+.ko-step,.ko-step:nth-child(3){border-left:0;border-top:1px solid var(--ko-line)}.ko-fields,.ko-calculation{grid-template-columns:1fr}.ko-card-head,.ko-form-body,.ko-product{padding:20px}.ko-actions{align-items:stretch;flex-direction:column}.ko-action{width:100%}}
.ko-cart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:18px}.ko-cart-head>div>span{color:var(--ko-blue);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ko-cart-head h3{margin:4px 0 0;color:var(--ko-navy);font-size:21px}.ko-cart-head>small{max-width:390px;text-align:right;color:#8596a2;font-size:10px}.ko-order-list{display:grid;gap:10px}.ko-order-row{display:grid;grid-template-columns:52px minmax(190px,1.55fr) 1fr 62px .85fr .9fr .95fr 58px;align-items:center;gap:15px;padding:15px;border:1px solid var(--ko-line);border-radius:13px;background:#fff;transition:.2s}.ko-order-row:hover{border-color:#bfd6e3;box-shadow:0 8px 22px rgba(16,42,67,.06)}.ko-order-row div>span{display:block;margin-bottom:4px;color:#91a1ac;font-size:8px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ko-order-row div>strong{display:block;color:var(--ko-navy);font-size:11px;font-weight:600;line-height:1.45}.ko-order-number strong{display:grid!important;place-items:center;width:31px;height:31px;border-radius:50%;background:#eaf7fc;color:var(--ko-blue)!important}.ko-order-product small{display:block;margin-top:3px;color:#9aabb5;font-size:8px}.ko-order-total{padding:10px 12px;border-radius:9px;background:#eef8e2}.ko-order-total strong{color:#557d20!important;font-size:13px!important}.ko-delete{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;border-radius:9px;background:#fff0ee;color:#d65043;font-size:9px;font-weight:600}.ko-delete:hover{background:#d65043;color:#fff}
@media(max-width:1199px){.ko-order-row{grid-template-columns:48px minmax(180px,1.5fr) 1fr 55px .8fr 1fr 55px}.ko-order-price{display:none}}
@media(max-width:767px){.ko-cart-head{align-items:flex-start;flex-direction:column;gap:7px}.ko-cart-head>small{text-align:left}.ko-order-row{position:relative;grid-template-columns:42px 1fr 72px;gap:12px;padding:14px}.ko-order-product{grid-column:2/4;padding-right:35px}.ko-order-measure{grid-column:2}.ko-order-piece{grid-column:3}.ko-order-area{grid-column:2}.ko-order-total{grid-column:3}.ko-order-price{display:none}.ko-delete{position:absolute;top:12px;right:12px;width:34px}.ko-delete span{display:none}}