table.sc {border-collapse:collapse;border:1px solid #d7e2ed;margin-bottom:20px;width:100%;box-sizing:border-box;background-color:#fff;font-size: 16px}
table.sc th, table.sc td {padding:5px}
table.sc thead th {background-color:#c22822;color:#fff;padding:10px;border: 1px solid #fff}
table.sc tbody td {background-color:#fff;}
table.sc tbody td+td {border-left:1px solid #d7e2ed;}
table.sc tbody tr:nth-child(2n) td {background-color:rgba(215, 226, 237, 0.3);}
table.sc tbody tr:nth-child(2n) td:first-child {background:linear-gradient(to right, rgba(215, 226, 237, 0), rgba(217, 228, 238, 0.28) 50%, rgba(215, 226, 237, 0.3))}
table.sc tfoot td {font-size:1.1em;background-color:rgba(215, 226, 237, 0.55);font-weight:bold;border:1px solid #fff;padding: 15px 5px}
table.sc .r {text-align:right}
table.sc .c {text-align:center}
table.sc .l {text-align:left;}
table.sc .action {text-align:center;border-left:none;white-space:nowrap;width:85px;}
table.sc .action>*+* {margin-left:10px;}
table.sc a {text-decoration:none;color:#484848;font-weight:500;}
table.sc a span{font-weight: 400;font-size: 14px}
table.sc a:hover {color:#c22822;}
table.sc .mob {display:none}
table.sc del.price {display:block;color:rgba(72,72,72,0.5);margin-top: 3px;display:none;}
table.sc div.productItem {display:flex;align-items:center;min-height:60px;gap:20px;}
table.sc div.productItem img {max-width:120px;height:auto;max-height:120px;width:auto;}
table.sc div.productItem>a {flex:1 1 auto;}
table.sc div.productItem span.set {display:block;font-weight: 500;font-size: 16px}
table.sc div.productItem span.setopt {color:#7f7f7f;font-size:11px;display:block;}
table.sc div.productItem a:hover span.setopt {color:#c22822;}
table.sc div.productItem span.set+span.set {margin-top:8px;}
table.sc div.productItem span.set+span.set::before {display:inline-block;margin-right:10px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAMVJREFUKFO1UsENgkAQ3DHxLQ/40wHQgX7lYwfGRsipDVgCTQBPoQIpwb+YUIDemMNgDJBgTNjn7Mzu7GQhAxWldg6KB8FKhbeyS0EXUInjE3IxOMn9IazUuCizlyTO04iMpSe4MNNB+ICcGkuUWINxa++4roqGEyVOCYg3FEgPI2vMHgGi1K4haLb8UqAEMNa0cPMRAC5Etm93LISSt72Z8KrCe9yPfNL0vm9R/2wyA9pwQL0zN4x+hCGozHJFz62hvzP9F+63b++5nTNMAAAAAElFTkSuQmCC');}
table.sc .setItems {position:relative;z-index:0;overflow:hidden;}
table.sc .setItems h2 {position:absolute;z-index:-1;font-size:58px;color:#d7e2ed;right:0;top:0;}

table.sc span.net {display:block;font-size:11px;color:#acacac;font-weight:normal;}
table.sc span.opt {display:block;color:#7f7f7f;font-size:11px;}
table.sc span.identify {display:block;font-size:0.9em;}

ul.step {display:flex;list-style:none;margin-bottom:20px;font-weight:bold;border:1px solid #d7e2ed;}
ul.step li {flex:1 1 0;text-align:center;font-size:16px;font-weight:bold;display:flex;height:58px;}
ul.step li div {flex:1 0 0px;height:100%;background:linear-gradient(to right, #fff, rgba(215, 226, 237, 0.5));display:flex;color:#484848;}
ul.step li span {margin:auto;word-break:break-word;padding:0 5px;}
ul.step li:not(:last-child)::after {content:'';display:block;border-style:solid;border-color:transparent rgba(215, 226, 237, 0.5);border-width:29px 0px 29px 29px;}
ul.step li.s div {background:#c22822;color:#fff;}
ul.step li.s::after {border-color:transparent #c22822;}
ul.step li.s.c::after {content:none;}
ul.step li.s.c {position:relative;z-index:0;}
ul.step li.s.c::before {position:absolute;width:43px;height:43px;border-width:2px 2px 0px 0;border-style:solid;border-color:#fff;right:0;top:0;content:'';transform:rotate(45deg);box-sizing:border-box;transform-origin: 8px 14px;}

div.boxArea {margin-bottom:10px}
div.grid:not(.block) {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));grid-gap:15px;}
div.grid.block>div+div {margin-top:15px;}
div.grid.hc {display:none;}
div.grid>div {padding:15px;background-color:#fff;border:1px solid #d7e2ed;flex:1 1 0px;}
div.grid>div section+section,
div.grid-user-data section+section {margin-top:30px;}
div.grid-user-data {background-color:#fff;border:1px solid #d7e2ed;padding:15px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;}

.payment-info img {vertical-align:middle;max-width:60px;width:auto;height:auto;margin-right:10px;}

.items-user-data {display:grid;grid-template-columns:200px 1fr;}
.items-user-data>* {display:flex;align-items:center;}
.items-user-data>*.title {border-right:1px solid #d7e2ed;padding:4px 10px;}
.items-user-data>*.value {padding:4px 10px 4px 15px;word-break:break-word;}
.items-user-data>*.title:nth-child(4n+1),
.items-user-data>*.title:nth-child(4n+1)+* {background-color:#f4f7fa;}

div.grid>div.invData.hcp{padding: 0px;opacity:0;border: none;transition:opacity .3s;}
div.grid>div.invData{opacity:1;transition:opacity .3s;}

div.invData header.multi-type {display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;margin-bottom:25px;}

.select-products {color:#484848;padding-top:10px;border-top:1px solid #d7e2ed;line-height:1.5em;margin:15px 0;}

.delivery-items {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:10px;align-items:start;}
.delivery-items>* {padding:15px;border:1px solid #d7e2ed;display:flex;flex-direction:column;}
.delivery-items>*:has(input[type="radio"]:checked) {border-color:#dbb8b8;box-shadow:0 0 0 1px #dbb8b8 inset;}
.delivery-items input[type="radio"] {
    outline:none;appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid #d0d0d0;box-sizing:border-box;;
    &:checked {border-color:#dbb8b8;position:relative;z-index:0;}
    &:checked::before {content:'';position:absolute;inset:2px;background-color:#dbb8b8;border-radius:50%;}
}
.delivery-items>*.error {border-color:#ff0000;box-shadow:0 0 0 1px #ff0000 inset;}

.delivery-items .wrap-inner {display:flex;align-items:center;flex:1 0 55px;}
.delivery-items .wrap-inner>.name {flex:1 0 0;}
.delivery-items .wrap-inner>.cost {flex:0;margin-left:5px;white-space:nowrap;color:#8a8a8a;cursor:default;}

.delivery-items .icon {display:flex;align-items:center;}
.delivery-items .icon>.name {flex:1 0 0;}

.payments-wrap:not(.on) {display:none;}

div.grid>div>div.item{
    margin-bottom: 15px;
}

div.text {line-height:1.6em}
a.btnDel {
    display:inline-block;text-decoration:none;width:30px;aspect-ratio:1;outline:none;
    svg {fill:#a42c2c;width:100%;height:100%;object-fit: cover;vertical-align: top;}
}
table.sc a.btnDel {padding:0;display:inline-block}

form.sc input[type="text"],
form.sc input[type="password"] {border:1px solid #b2cdff;color:#5c5c5c;font: 15px 'Roboto', sans-serif;padding:10px;box-sizing:border-box;width:100%;outline:none;}
form.sc input[type="text"]:focus,
form.sc input[type="password"]:focus {border-color:#7fb615;}
form.sc select {font:300 16px 'Source Sans Pro', sans-serif;border:1px solid #e5e5e5;padding:10px;box-sizing:border-box;width:100%;}
form.sc textarea {height:150px;width:100%;padding:10px;border:1px solid #e6e6e6;font:300 16px 'Source Sans Pro', sans-serif;box-sizing:border-box;resize:vertical}
form.sc input[type="text"].err,form.sc input[type="email"].err,form.sc input[type="password"].err, form.sc select.err {border-color:red}
form.sc div.err input[type="text"],
form.sc div.err input[type="password"],
form.sc div.err input[type="email"],
form.sc div.err select {border-color:red;}
label.err {color:red;text-decoration:underline}
form.sc input[type="text"].sh {width:30px}

h2.shop-title {font-size:20px;font-weight:500;color:#484848;margin-bottom:20px;}

header.shop-title {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
header.shop-title>h2.shop-title {margin-bottom:0;}

ol.deliveries-list:not(.not-multi) {padding-left:25px;}
ol.deliveries-list.not-multi {list-style:none;}
ol.deliveries-list li {margin-bottom:10px;}

ol.deliveries-list div.wrap {display:grid;grid-template-columns:60px 1fr;grid-gap:10px 2px;align-items:center;}
ol.deliveries-list img {max-width:100%;width:auto;height:auto;}
ol.deliveries-list h3 {font-size:1em;font-weight:normal;flex:1 1 auto;grid-column-start:2;margin:0;}
ol.deliveries-list div.inn-wrap {grid-column-start:2;}
ol.deliveries-list li+li {padding-top:10px;border-top:1px solid #dbdbdb;}

div.discountArea {border:1px solid #d7e2ed;background-color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
div.discountArea>*:first-child {flex:1 1 auto;}
div.discountArea b {display:block;font-size:1.3em;}
div.discountArea button {display:inline-block;border:1px solid #669CFF;font:bold 14px 'Roboto', sans-serif;text-transform:uppercase;color:#669CFF;background-color:#fff;text-decoration:none;padding:10px 20px;cursor:pointer;transition:background-color .2s, color .2s;}
div.discountArea button:hover {background-color:#669CFF;color:#fff;}
div.discountArea button.delete {color:#a42c2c;border-color:#a42c2c;}
div.discountArea button.delete:hover {background-color:#a42c2c;color:#fff;}
div.discountArea input[type="text"][name="discountCode"] {width:220px;}
div.discountArea div.info {margin-bottom:5px;}

div.signArea {display:flex;margin-bottom:10px}
div.signArea h2 {font-size:1.3em;margin-bottom:20px;}
div.signArea>div {flex:1 1 0px;background-color:#e8e8e8;padding:10px;display:flex;flex-direction:column;}
div.signArea>div+div {margin-left:2px;}
div.signArea div.wrap {flex:1 1 0px;}
div.signArea footer {margin-top:20px;text-align:center;}

form.sc div.extendData {display:none;flex:1 0 0;}
form.sc div.extendData.shw {display:block;}
form.sc div.deliveryExtendData.inpost button {cursor:pointer;background-color:#7fb615;border:1px solid #7fb615;color:#fff;font:bold 14px 'Roboto', sans-serif;padding:10px 18px;outline-style:none;}
form.sc div.deliveryExtendData.inpost button::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAABHNCSVQICAgIfAhkiAAAAn5JREFUSEuNlo81A0EQxl0FqEBUIKlAVIAKJBWgAlKBqMCpABWgAlQgqUBUEN9v38y+ubUX9r15d5md/eabPzuXZqtnrdfrgbYOJScS3odm+q7nQvIoeWqaZlWDaEqlAHekO5dcSHjftACdC3xWGnWABQqru8Buacxg5wtnRIFshyiOIvsMbKDPxvIbxjJs++haZER1ZTakZ+TgCdiMAIXxh2QiA3L55zJCL8b+XedGHHLgud7JK0zHEdSKyJ4Xz4sGw7QM/M1+Xur8vLGDn6acxvC1dx1CjewpGgBtAHfblfS7AJOnG8lSikEwdD0qigiIF27P7E51JhXW0kkUFPQU4Be90K+3MgLMjYgCoHvpJ8EhOpwcSxba2w976M/SGQHjBQa0C04ABoi2I+eD8hIYuy8DjOeupaNLXgFebzRomrEzik8do2sOJLku0tHbDw5MIchLzXNunxJcILVzHmliTPjkOHqmtbx9skMHDwVHteupCl3UAZ7JgBylFRzCjKI+SSgcRcOuVthWeoo3gzFGJLwTthWIPHprldnghnKZcOxkFmY/BTiGncMy1rDiVsaBQ6egY6pF0C6OAbinTjoiRSOw1TdDtO9pYEaf+KzwdMBgv+zbMgfl79pYiNMN1rRdL+s+B4Hth0ilYRXn8US/uW0s5up/x+ZY9oxcVm7N8gvit4knRrk4NbbWOT5TUm7drgQeaANQUtLKcLopv+FaM/2GkUjtY+r3Hcxe8JDXaup+AWOlQ/QpX40qeAGaR0GMrgps4K2eXM8MbjmlwJ7LKigHeoEr4N4lqZ20ekH/BDbwiZ7ehqi40nzFH2Po5ftGxm5s1xkg2u9ffw1+AMCXZvFCOa2UAAAAAElFTkSuQmCC');display:inline-block;vertical-align:middle;margin-right:10px;}
form.sc div.deliveryExtendData.inpost>div {margin:10px 0;line-height:1.4em;}

label>span:first-child,span.ln {display:block;margin-bottom:3px;}
div.indyvidualData label>span:first-child,span.ln,
div.invoiceData label>span:first-child,span.ln {display:block;width:auto;margin-bottom:3px;color: #777;}
div.indyvidualData input[type="text"],
div.indyvidualData input[type="password"],
div.indyvidualData input[type="email"],
div.indyvidualData input[type="number"],
div.indyvidualData select,
div.invoiceData input[type="text"],
div.invoiceData input[type="password"],
div.invoiceData input[type="email"],
div.invoiceData input[type="number"],
div.invoiceData select {border:1px solid #d0d0d0;color:#484848;font:inherit;padding:10px;box-sizing:border-box;width:100%;outline:none;&::placeholder {opacity:0 !important;}}

div.indyvidualData input[type="text"]:focus,
div.indyvidualData input[type="password"]:focus,
div.indyvidualData input[type="email"]:focus,
div.indyvidualData input[type="number"]:focus,
div.indyvidualData select:focus,
div.invoiceData input[type="text"]:focus,
div.invoiceData input[type="password"]:focus,
div.invoiceData input[type="email"]:focus,
div.invoiceData input[type="number"]:focus,
div.invoiceData select:focus {border-color:#c22822;}


div.userData div.type {margin-bottom:15px;background-color:#fff;border:1px solid #d7e2ed;padding:15px;}
div.userData div.type-item {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));grid-gap:15px;}
div.userData div.type-item>* {padding:1.5em 15px;border:1px solid #d7e2ed;display:flex;align-items: center;gap:10px;cursor: pointer;}
div.userData div.type-item>*:has(input[type="radio"]:checked) {border-color:#dbb8b8;box-shadow:0 0 0 1px #dbb8b8 inset;}
div.userData div.type-item input[type="radio"] {
    outline:none;appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid #d0d0d0;box-sizing:border-box;;
    &:checked {border-color:#dbb8b8;position:relative;z-index:0;}
    &:checked::before {content:'';position:absolute;inset:2px;background-color:#dbb8b8;border-radius:50%;}
}
div.userData div.type h2:not(:has(+div.type-item)) {margin-bottom:0;}

span.user-data-type.item-private-data,
span.user-data-type.item-company {white-space:nowrap;}

div.userData ::placeholder {opacity:0;}

div.userData div.item {margin-bottom:15px;}
div.userData div.type-data-select {margin:10px 0;}
div.userData div.type-data-select>*+* {margin-top:10px;}
div.userData div.errorField {color:red;font-size:13px;}
div.userData div.inline {margin-bottom:20px;display:flex;flex-wrap:wrap;}
div.userData div.fieldItem {margin-bottom:20px;}
/*div.userData div.fieldItem[data-placeholder] {position:relative;}*/
div.userData div.fieldItem[data-placeholder].on>input:not(:focus),
div.userData div.fieldItem[data-placeholder].on>select:not(:focus),
div.userData div.fieldItem[data-placeholder].on>.select.styled>select:not(:focus){box-shadow:0 0 0 1px #dbb8b8 inset;}
/*div.userData div.fieldItem[data-placeholder]>input::placeholder {opacity:1;color:#d5d5d5;}*/
/*div.userData div.fieldItem[data-placeholder].on>input::placeholder {opacity:0;}*/
/*div.userData div.fieldItem[data-placeholder]::before {content:attr(data-placeholder);position:absolute;z-index:1;font-size:15px;transform:translateY(17px);background-color:#fff;left:6px;top:-6px;color:#d5d5d5;padding:0 5px;pointer-events:none;}*/
div.userData div.fieldItem[data-placeholder].on::before {color:#c22822;}
/*div.userData div.fieldItem[data-placeholder]:focus-within::before {color:#c22822;}*/
div.userData div.inline div.fieldItem {margin-bottom:0;}
div.userData div.inline>* {flex:1 0 0px;}
div.userData div.inline>*+* {margin-left:5px;}
div.userData div.inline>div.house_no,
div.userData div.inline>div.zipcode,
div.userData div.inline>div.apart_no {flex:0 0 140px;}

form.sc input[name="update"] {border:1px dotted #000;width:21px;height:21px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgUlEQVR42mJgGIxAAYjnA/F7IP4Pxe+hYgqENBsgaQTR+6EYJraekM0whQ1Y5AuAWACfAfPxaCYKvIdiQqABmyX3kQLsPoEwgqkzQJZwQJJwwGPAeSR159El+6GYWl7F6f//0ADHCgSgTmvAo/k9vgSlQCAhvUcPPKonZfoDgAADAJm+NqppY9SfAAAAAElFTkSuQmCC') no-repeat 50% 50%;text-indent:-9999px;cursor:pointer}

form.sc input[type="submit"].access {cursor:pointer;font:bold 14px Verdana,Arial,times New Roman, Helvetica, sans-serif;color:#000;border-radius:4px;border:1px solid #282828;padding:4px 30px 4px 0;background:#dcdcdc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAAAb0lEQVR42mJgQAAFIJ4PxO+B+D8Uv4eKKTBQCAzQDEbH76FqyAIKBAxHtoQsn8wnwnAYnk+OBTDXJ0D5AkB8ngRLCToGxNmPZqkDFSwAW8JEYeJYAMW4+BQF0Xy0eMTJp3kk0zyZ0jyj0bSoAAgwALhvfcMbQCCgAAAAAElFTkSuQmCC') no-repeat 99% 50%}

form.sc label>span.req:after {content:'*';font-weight:bold;color:red}
form.sc label b {font-weight:bold;color:red}
form.sc p {margin-bottom:15px}
div.hc {display:none}

form.sc span.spinner {margin:auto;display:grid;grid-template-columns:26px auto 26px;width:84px;}
form.sc span.spinner input[type="text"] {height:32px;width:32px;vertical-align:middle;font:inherit;font-weight:bold;font-size:20px;color:#000;border-width:1px 0;border-style:solid;border-color:#dbb8b8;border-radius:0;outline:none;padding:0;text-align:center;}
form.sc span.spinner [type="button"] {padding:0;font:inherit;font-weight:bold;font-size:25px;color:#000;height:32px;border-radius:0;vertical-align:middle;border:1px solid #dbb8b8;width:26px;background-color:#fff;outline:none;cursor:pointer;}

form.sc div.submit {margin-bottom:10px;display:flex;justify-content:space-between;}
form.sc div.submit>div.next {order:1;margin-left:auto;}
form.sc div.submit .google-pay-button {height:100%;}
form.sc div.submit input[type="submit"],
form.sc div.submit button[type="submit"] {font-size:18px;padding:15px 20px}
form.sc div.submit input.shop_bttn.back[type="submit"],
form.sc div.submit button.shop_bttn.back[type="submit"] {float:none;}
/*span.error {margin-left:150px;color:red;display:block;margin-bottom:5px}*/

form.sc div.boxArea span.error {display:block;margin:2px 0 10px;font-size:11px;color:red;}


form.online.przelewy24 div.submit {margin-top:20px;}
form.online.przelewy24 button[type="submit"] {border-radius:4px;display:inline-block;border:1px solid #0a2342;font:bold 14px 'Roboto', sans-serif;text-transform:uppercase;color:#fff;background-color:#0a2342;text-decoration:none;padding:10px 20px;cursor:pointer;transition:background-color .2s, border-color .2s;}
form.online.przelewy24 button[type="submit"]:hover {background-color:#bd1e1e;border-color:#bd1e1e;}

div.grid>.error {border-color:red;box-shadow:0 0 0 4px inset rgba(255, 0, 0, 0.8);}

@media screen and (max-width:1200px){
    div.userData div.inline > div.street {flex:1 0 100%;margin-bottom:20px;}
    div.userData div.inline > div.house_no {margin-left:0;flex:0 1 50%;padding-right:10px;box-sizing:border-box;}
    div.userData div.inline > div.apart_no {margin-left:0;flex:0 1 50%;}
}

@media screen and (max-width:1024px){
    form.sc .inline {flex-wrap:wrap;}
    form.sc .inline>* {flex:1 1 0px;}
    form.sc .inline>*.long {flex-basis:100%;}
    form.sc .inline>*.long+* {margin-left:0;}
    form.sc .inline>*.long~* {margin-top:10px;}
}

@media screen and (max-width:992px){
    form.sc p.submit input[type="submit"], form.sc p.submit button[type="submit"] {font-size:16px}
    .items-user-data {font-size:14px;grid-template-columns:150px 1fr;}

    header.shop-title {flex-direction:column;align-items:flex-start;justify-content:normal;}
    header.shop-title>*+* {margin-top:10px;}
}

@media screen and (max-width:768px){
    div.message {font-size:1em;}
    div.signArea {display:block;}
    div.signArea > div + div {margin-left:0;margin-top:5px;}

    table.sc.cart thead {display:none;}
    table.sc.cart tfoot {display:block;border-top:2px solid #d7e2ed;padding-top:10px;}
    table.sc.cart tfoot tr.mob {display:grid;grid-template-columns:1fr auto;}
    table.sc.cart tfoot td {display:block;background-color:inherit;padding:5px 10px;font-weight:normal;font-size:20px;}
    table.sc.cart tfoot td+td {padding-left:0;}

    table.sc.cart .nmob {display:none;}
    table.sc.cart tbody tr {display:grid;grid-template-columns:auto auto;align-items:center;}
    table.sc.cart tbody td {padding:10px;}
    table.sc.cart tbody td:nth-child(1) {grid-column-start:span 2;}
    table.sc.cart tbody td.action {grid-row-start:3;grid-column-start:span 2;width:auto;text-align:right;border-top:1px dashed #d7e2ed;}
    table.sc.cart tbody td+td {border-left:none;}
    table.sc.cart tbody tr+tr {border-top:1px solid #d7e2ed;}
    table.sc.cart tbody td.qty {text-align:left}
    table.sc.cart tbody span.mob {display:block;}
    table.sc.cart tbody tr:nth-child(2n) td,
    table.sc.cart tbody tr:nth-child(2n) td:first-child {background:transparent;}
    table.sc .nmob {display:none}
    table.sc td.mob, table.sc th.mob {display:table-cell}
    table.sc tr.mob {display:table-row}

    table.sc .setItems h2 {display:none;}

    div.grid-user-data {display:block;}
    div.grid-user-data>*+* {margin-top:25px;}

    ul.step {border:none;gap:1px;background-color:#fff;}
    ul.step li {font-weight:normal;font-size:11px;position:relative;z-index:0;}
    ul.step li div {background:#d7e2ed;}
    ul.step li.s div {background:#c22822;}
    ul.step li::after,
    ul.step li.s.c::before,
    ul.step li:not(:last-child)::after {content:none;}
    ul.step li+li div::before {content:'';position:absolute;width:6px;height:20px;top:0;bottom:0;left:-1px;margin:auto 0;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgNiAyMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4NiAtODEpIj48cGF0aCBkPSJNMTAsMCwyMCw1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTIgODEpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTAsMCwyMCw1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTEgODEpIHJvdGF0ZSg5MCkiIGZpbGw9IiNkN2UyZWQiLz48L2c+PC9zdmc+') no-repeat 50% 50%;}
    ul.step li.s+li div::before {background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgNiAyMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4NiAtODEpIj48cGF0aCBkPSJNMTAsMCwyMCw1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTIgODEpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTAsMCwyMCw1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTEgODEpIHJvdGF0ZSg5MCkiIGZpbGw9IiM2NjljZmYiLz48L2c+PC9zdmc+')}
    ul.step li+li span {padding-left:10px;}
}

@media screen and (max-width:700px){

    div.discountArea {display:block;text-align:center;}
    div.discountArea b {display:block;font-size:1.3em;}
    div.discountArea button {display:block;width:100%;}
    div.discountArea input[type="text"][name="discountCode"] {width:100%;margin-bottom:4px;}
    div.discountArea div {margin-bottom:3px;}

    div.grid[data-user-data-type] {display:block;}
    div.grid.hc[data-user-data-type] {display:none;}
    div.grid[data-user-data-type]>*+* {margin-top:20px;}
}

@media screen and (max-width:576px){

    form.sc div.submit {display:flex;flex-direction:column;}
    form.sc div.submit>div.next {order:0;margin-left:0;}
    form.sc div.submit>*+* {margin-top:10px;}
    form.sc div.submit input[type="submit"],
    form.sc div.submit button[type="submit"] {width:100%;box-sizing:border-box;}

    div.userData div.inline {display:block;}
    div.userData div.inline>div.house_no {padding-right:0;}
    div.userData div.inline>div.street {margin-bottom:0;}
    div.userData div.inline>*+* {margin-left:0;margin-top:20px;}

    form.sc .inline {flex-wrap:wrap;}
    form.sc .inline>* {flex:1 0 0px;}
    form.sc .inline>*.long {flex:1 1 100%;}
    form.sc .inline>*.long+* {margin-left:0;}
    form.sc .inline>*.long~* {margin-top:10px;}
}