table.sc {border-collapse:collapse;border:var(--s-td-border);margin-bottom:20px;width:100%;box-sizing:border-box;background-color:#fff;font-size: 16px}
table.sc th, table.sc td {padding:var(--s-th-padding)}
table.sc thead th {background-color:var(--s-th-background);color:var(--s-th-color);padding:var(--th-padding);border: 1px solid var(--s-th-color)}
table.sc tbody td {background-color:var(--s-td-background);}
table.sc tbody td+td {border-left:var(--s-td-border);}
table.sc tbody tr:nth-child(2n) td {background-color:var(--s-td2-background);}
table.sc tbody tr:nth-child(2n) td:first-child {background:var(--s-td2-background-gradient);}
table.sc tfoot td {font-size:1.1em;background-color:var(--s-tf-background);font-weight:bold;border:1px solid var(--s-th-color);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:var(--a-color);}
table.sc .mob {display:none}
table.sc del.price {display:block;color:rgba(72,72,72,0.5);margin-top: 3px}
table.sc div.productItem {display:flex;align-items:center;min-height:60px;}
table.sc div.productItem img {max-width:120px;height:auto;max-height:120px;width:auto;}
table.sc div.productItem .img{padding-right: 20px}
table.sc div.productItem>a {flex:1 1 auto;margin-left:20px;}
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:#669cff;}
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:'\002b';color:var(--a-color);font-size:20px;font-weight:bold;}
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:var(--s-td-border);}
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:var(--s-td2-background-gradient);display:flex;}
ul.step li span {margin:auto;word-break:break-word;}
ul.step div svg {display:none;}
ul.step li:not(:last-child)::after {content:'';display:block;border-style:solid;border-color:transparent var(--s-td2-background);border-width:29px 0px 29px 29px;}
ul.step li.s div {background:var(--s-th-background);color:var(--s-th-color);}
ul.step li.s::after {border-color:transparent var(--s-th-background);}
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;}

.shop-msg.error {background-color:var(--s-msg-error-background);padding:10px;color:#fff;font-size:var(--s-msg-error-font-size);font-weight:var(--s-msg-error-font-weight);margin-bottom:25px;}

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 var(--s-wrap-border);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 var(--s-wrap-border);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 var(--s-wrap-border);display:flex;flex-direction:column;}
.delivery-items>*.on {border-color:var(--s-border-on);box-shadow:0 0 0 1px var(--s-border-on) inset;}
.delivery-items>*.error {border-color:#ff0000;box-shadow:0 0 0 1px #ff0000 inset;}
.delivery-items label.labStyled {display:block;cursor:pointer;}
.delivery-items label.labStyled input[type="radio"] + span img {max-width:100px;max-height:60px;margin-left:0;margin-right:10px;}

.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;color:var(--g1-color);}
a.btnDel::before {content:'\e872';display:block;font:40px/1 'Material Icons Outlined';color:var(--g1-color);}
a.btnDel:hover::before {color:#9B6565}
table.sc a.btnDel {padding:0;display:inline-block;}



form.sc textarea {height:150px;width:100%;padding:10px;border:1px solid var(--border-input);font:var(--font-weight-input) var(--font-size-input) var(--font-family-input);box-sizing:border-box;resize:vertical;outline:none;}

label.err {color:var(--color-error);text-decoration:underline}

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.userData {background:url('../images/bckgr-u-data.png') no-repeat right 10% bottom;}

div.userData div.type {margin-bottom:15px;background-color:#fff;border:1px solid var(--s-wrap-border);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:15px;border:1px solid var(--s-wrap-border);display:flex;}
div.userData div.type-item>*.on {border-color:var(--s-border-on);box-shadow:0 0 0 1px var(--s-border-on) inset;}

span.user-data-type.item-private-data,
span.user-data-type.item-company {white-space:nowrap;}
span.user-data-type.item-private-data::before {display:inline-block;vertical-align:middle;margin-right:10px;font:40px/1 'Material Icons';content:'\e7fd';color:var(--g1-color)}
span.user-data-type.item-company::before {display:inline-block;vertical-align:middle;margin-right:10px;font:40px/1 'Material Icons';content:'\e7f1';color:var(--g1-color)}

div.userData div.item {margin-bottom:15px;}
div.userData div.type-data-select {margin:10px 0;}
div.userData div.type-data-select>* {display:block;}
div.userData div.type-data-select>*+* {margin-top:10px;}
div.userData div.errorField {color:var(--color-error);font-size:11px;}
div.userData div.inline {margin-bottom:20px;display:flex;flex-wrap:wrap;}
div.userData div.fieldItem {margin-bottom:20px;}
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 130px;}



.labStyled {position:relative;z-index:0;}
.labStyled input {opacity:0;position:absolute;z-index:0;}
.labStyled>span {position:relative;z-index:0;display:flex;align-items:center}
.labStyled>span::before{content:'';display:inline-block;width:20px;height:20px;border:1px solid var(--color-check);background-color:#fff;vertical-align:middle;margin-right:10px;flex:0 0 20px;border-radius:50%;}
.labStyled>span::after{display:none;content:'';position:absolute;left:5px;bottom:0px;top:0px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background-color:var(--color-check);margin:auto 0;}
.labStyled input[type="radio"]:checked + span::after {display:block;}

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 {display:block;white-space:nowrap}
form.sc span.spinner input[type="text"] {height:32px;width:32px;vertical-align:middle;font:bold 20px 'Roboto', sans-serif;color:#000;border-width:1px 0;border-style:solid;border-color:var(--border-input);border-radius:0;outline:none;padding:0;text-align:center;}
form.sc span.spinner [type="button"] {border-radius:4px 0 0 4px;height:32px;vertical-align:middle;border:1px solid var(--border-input);width:26px;background-color:#fff;color:#000;cursor:pointer;padding:0;}
form.sc span.spinner [type="button"].add {border-radius:0 4px 4px 0;}

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.street+* {margin-left:0;}
    div.userData div.inline>div.street~* {flex: 1 0 0;}

}

@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 {border-width:2px;}
    table.sc.cart thead {display:none;}
    table.sc.cart tfoot {display:block;border-top:2px solid var(--s-wrap-border);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 var(--s-wrap-border);}
    table.sc.cart tbody td+td {border-left:none;}
    table.sc.cart tbody tr+tr {border-top:1px solid var(--s-wrap-border);}
    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::after,
    ul.step li.s.c::before,
    ul.step li:not(:last-child)::after {content:none;}
    ul.step li div {background-color:var(--s-td2-background)}
    ul.step li+li svg {display:block;position:absolute;width:6px;height:20px;top:0;bottom:0;left:-1px;margin:auto 0;color:var(--s-td2-background);}
    ul.step li.s+li svg {color:var(--s-th-background)}
    ul.step li+li span {padding-left:5px;}
}

@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;}
}