.top-cart {position:relative; align-self:stretch; display:flex; justify-content:flex-end; min-width:25%}
.top-cart a.top-cart-content {position:relative; display:flex; justify-content:center; align-items:center; padding:0 15%; background-color:#fff; font-size:17px; color:#231f20; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none}
.top-cart a.top-cart-content.active {background-color:#f3f3f3}
.top-cart a.top-cart-content .left {position:relative; align-self:stretch; display:flex; justify-content:center; align-items:center}
.top-cart a.top-cart-content .left img {}
.top-cart a.top-cart-content .left .count {position:absolute; top:28px; left:-10px; width:32px; height:32px; background-color:var(--color-02-hex); border-radius:100%; font-size:15px; color:#fff; text-align:center; line-height:2.2}
.top-cart a.top-cart-content .right {display:flex}
.top-cart a.top-cart-content .right .text {padding:0 4px 3px 10px; white-space:nowrap}
.top-cart a.top-cart-content .right .total {color:var(--color-01-hex); white-space:nowrap}
.top-cart a.top-cart-content .products {position:absolute; top:100%; right:0; width:100%; background-color:#fff; z-index: 99999}
.top-cart a.top-cart-content .products .row {display:flex; align-items:center; width:100%; height:90px; border-bottom:1px #eee solid}
.top-cart a.top-cart-content .products .row .image {display:flex; justify-content:center; align-items:center; min-width:100px; width:100px}
.top-cart a.top-cart-content .products .row .text {flex-grow:1; width:calc(100% - 100px); padding:0 20px 0 0; box-sizing:border-box; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; text-align:left}
.top-cart a.top-cart-content .products .row .text .title {display:block; padding:0 0 5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.top-cart a.top-cart-content .products .row .text .price {color:var(--color-02-hex)}
.top-cart a.top-cart-content .products .row:hover .text .title {text-decoration:underline}
.top-cart a.top-cart-content .products .button {display:flex; justify-content:center; align-items:center; gap:10px; margin:20px; padding:18px; background-color:var(--color-02-hex); color:#fff; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase}
.top-cart a.top-cart-content .products .empty {display:block; padding:25px 0; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-align:center}
.top-cart a.top-cart-content-mobile {position:relative; align-self:stretch; display:none; justify-content:center; align-items:center; width:100%; background-color:var(--color-02-hex)}
.top-cart a.top-cart-content-mobile .count {position:absolute; top:10px; left:calc(50% - 28px); width:24px; height:24px; background-color:#fff; border-radius:100%; font-size:14px; text-align:center; line-height:1.8}


.cart-steps {background-color:#eaeaea}
.cart-steps .content {margin:0 auto; white-space:nowrap; display:table; width:1280px}
.cart-steps .left {display:table-cell; width:100%; vertical-align:top}
.cart-steps .right {display:table-cell; width:100%; vertical-align:top}
.cart-steps .steps { display:flex}
.cart-steps a.step:nth-child(1) {flex:1 0 30%; justify-content:flex-end}
.cart-steps a.step:nth-child(2) {flex:1 0 40%; justify-content:space-between}
.cart-steps a.step:nth-child(3) {flex:1 0 30%; justify-content:flex-start}
.cart-steps a.step { display:flex; align-items:center; color:#999; font-size:18px; text-transform:uppercase; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none}
.cart-steps a.step:nth-child(1) .title {white-space:nowrap}
.cart-steps a.step.light {background-color:#f6f6f6; color:#999}
.cart-steps .number {flex:0 0 50px; height:50px; line-height:50px; text-align:center; border:1px #ccc dashed; border-radius:50%;margin: 10px;}
.cart-steps .number.active {background-color:var(--color-02-hex); color:#fff; border:1px var(--color-02-hex) solid}
.cart-steps .number.completed {border:1px #bbb dashed}
.cart-steps .title {flex:0 1 50%; white-space:normal; padding:0 20px}
.cart-steps .title.active {color:#231f20}
.cart-steps .arrows {flex:0 0 36px; position:relative; height:130px}
.cart-steps .arrow {position:absolute; top:0; left:0; width:0; height:0; border-left:35px solid #eaeaea; border-bottom:65px solid transparent; border-top:65px solid transparent; z-index:1}
.cart-steps .border {position:absolute; top:0; left:1px; width:0; height:0; border-left:35px solid #ddd; border-bottom:65px solid transparent; border-top:65px solid transparent; z-index:0}
.cart-steps .border.lightbg {background-color:#f6f6f6}
.cart-steps .light .arrow {border-left:35px solid #f6f6f6}
.cart-steps .break {flex:0 1 45px; height:130px}
.cart-steps .break.light {background-color:#f6f6f6}
.cart-steps .break.dark {background-color:#eaeaea}
.cart-steps .fake-break {display:none}
.cart-steps .help {display:block; background-color:var(--color-04-hex); color:#231f20; width:100%; height:130px; font-size:14px}
.cart-steps .question {position:relative; display:inline-block; vertical-align:middle; width:51px; height:51px; line-height:51px; margin-left:30px; text-align:center; border-radius:50%; background-color:#b3d38e; color:var(--color-04-hex); font-size:24px; font-family:Roboto, sans-serif; font-weight:700}
.cart-steps .question > span {position:absolute; top:-3px; left:-5px; display:block; background-color:#90bf11; width:23px; height:23px; border-radius:50%}
.cart-steps .question > span > span {position:absolute; top:5px; left:5px; display:block; width:12px; height:12px; background-image:url(/templates/b2c/images/phone-small.png)}
.cart-steps .contact {display:inline-block; vertical-align:middle; height:inherit}
.cart-steps .contact > span {display:table-cell; height:inherit; padding:0 30px 0 20px; vertical-align:middle; line-height:25px}
.cart-steps .contact > span > span {color:#7c8d72}


.shopping-cart {color:#231f20}
.shopping-cart .caption {color:#231f20; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; height:60px; line-height:60px; margin-top:30px}

.shopping-cart .top {display:flex; justify-content:space-between; width:100%; padding:35px 0; font-weight:700}
.shopping-cart .top .c1 {flex-grow:1}
.shopping-cart .top .c3 {width:250px}
.shopping-cart .top .c4 {width:80px}
.shopping-cart .top .c5 {width:90px; text-align:right}
.shopping-cart .top .c6 {width:120px; padding:0 49px 0 0; text-align:right}

.shopping-cart .item {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; padding:25px 0; border-top:1px #bebebe dotted}
.shopping-cart .item a.image {display:flex; justify-content:center; align-items:center; width:10%; padding:0 10px 0 0; box-sizing:border-box; overflow:hidden}
.shopping-cart .item a.image img {max-width:100%; height:auto; transition:all 300ms ease}
.shopping-cart .item a.image:hover img {transform:scale(1.1)}
.shopping-cart .item .image {display:flex; justify-content:center; align-items:center; width:10%; padding:0 10px 0 0; box-sizing:border-box}
.shopping-cart .item .image img {max-width:100%; height:auto}
.shopping-cart .item .title {flex-grow:1; width:30%}
.shopping-cart .item .title a.link {color:#000; text-decoration:none; font-size:17px; font-weight:700; display:block; margin-right:25px}
.shopping-cart .item .title a.link:hover {text-decoration:underline}
.shopping-cart .item .title .link {font-size:17px; font-weight:700; margin-right:25px}
.shopping-cart .item .availability {width:250px; padding-right:25px; box-sizing:border-box; font-size:15px; line-height:150%}
.shopping-cart .item .availability .delivery-ok {display:block; color:#90bf11}
.shopping-cart .item .availability .delivery-delay {display:block; line-height:initial; color:#aaa}
.shopping-cart .item .availability .delivery-delay span {display:inline-block; margin-right:5px; color:var(--color-03-hex); font-size:18px; font-weight:700}
.shopping-cart .item .availability .available {color:#999; text-decoration:underline; font-size:13px; cursor:pointer}
.shopping-cart .item .availability .available:hover {text-decoration:none}
.shopping-cart .item .quantity {display:flex; width:80px; box-sizing:border-box}
.shopping-cart .item .quantity input[type=number] {vertical-align:top; border:1px #e8e6e6 solid; width:50px; font-size:14px; text-align:center; color:#231f20; padding:12px 0}
.shopping-cart .item .quantity .buttons {position:relative; vertical-align:top; display:inline-block; width:25px}
.shopping-cart .item .quantity input[type=button] {position:absolute; left:0; display:block; background-color:#fff; width:25px; height:22px; line-height:1.1; color:#a7a7a7; text-align:center; border:1px #e8e6e6 solid; border-left:0 none}
.shopping-cart .item .quantity input[type=button].plus {top:0}
.shopping-cart .item .quantity input[type=button].minus {top:21px; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .item .quantity input[type=button]:hover {background-color:#f6f6f6; cursor:pointer}
.shopping-cart .item .price {width:90px; font-size:14px; text-align:right}
.shopping-cart .item .total {width:120px; box-sizing:border-box; font-size:18px; font-weight:700; text-align:right}
.shopping-cart .item a.delete {min-width:32px; width:32px; height:32px; margin:0 0 0 25px; line-height:32px; border-radius:100%; box-sizing:border-box; text-align:center; text-decoration:none; color:var(--color-03-hex); font-size:21px; font-weight:700}
.shopping-cart .item a.delete:hover {background-color:rgba(0 0 0 / 7%)}

.shopping-cart .item.autooffer {padding:10px 0}
.shopping-cart .item.autooffer .title .description {padding:0 0 6px 0; font-size:14px; color:#666}
.shopping-cart .item.autooffer .title .parent {display:flex; flex-wrap:wrap; justify-content:space-between}
.shopping-cart .item.autooffer .title .parent .variants-price {padding:0 169px 0 0; font-size:14px}
.shopping-cart .item.autooffer .title .variants {padding:3px 0 0 0}
.shopping-cart .item.autooffer .title .variants .variant {padding:14px 0 0 0}
.shopping-cart .item.autooffer .title .variants .variant .name {padding:0 0 3px 0; font-size:14px}
.shopping-cart .item.autooffer .title .variants .variant .buy {display:inline-block; padding:7px 35px; background-color:var(--color-02-hex); color:#fff; font-size:16px; text-align:center; white-space:nowrap; cursor:pointer}
.shopping-cart .item.autooffer .add {width:169px; padding:0 15px 0 30px; box-sizing:border-box}
.shopping-cart .item.autooffer .add .buy {padding:7px 0; background-color:var(--color-02-hex); color:#fff; font-size:16px; text-align:center; white-space:nowrap; cursor:pointer}
.shopping-cart .item.autooffer.special {position:relative; background-color:var(--color-04-hex)}
.shopping-cart .item.autooffer.special::before {content:''; position:absolute; top:-1px; bottom:-1px; left:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}
.shopping-cart .item.autooffer.special::after {content:''; position:absolute; top:-1px; bottom:-1px; right:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}

.shopping-cart .autooffer-check {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; padding:20px 0; border-top:1px #bebebe dotted}
.shopping-cart .autooffer-check .select {display:flex; justify-content:center; align-items:center; width:10%; padding:0 10px 0 0; box-sizing:border-box; overflow:hidden}
.shopping-cart .autooffer-check .text {flex-grow:1; flex-basis:0}
.shopping-cart .autooffer-check .text .title {font-size:17px; font-weight:700}
.shopping-cart .autooffer-check .text .label {padding:6px 25px 0 0; font-size:14px; color:#666; line-height:1.5}
.shopping-cart .autooffer-check .text .label a {color:#666}
.shopping-cart .autooffer-check .text .label a:hover {text-decoration:none}
.shopping-cart .autooffer-check .price {width:259px; padding:0 49px 0 0; box-sizing:border-box; font-size:14px; text-align:right}
.shopping-cart .autooffer-check.special {position:relative; background-color:var(--color-04-hex)}
.shopping-cart .autooffer-check.special::before {content:''; position:absolute; top:-1px; bottom:-1px; left:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}
.shopping-cart .autooffer-check.special::after {content:''; position:absolute; top:-1px; bottom:-1px; right:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}

.shopping-cart .item.coupon {border-bottom:1px #bebebe dotted}
.shopping-cart .item.coupon .title {display: grid;grid-template-columns: auto 1fr;}
.shopping-cart .item.coupon .title .link {font-size:17px; font-weight:700; margin-right:25px}
.shopping-cart .item.coupon .title .amount {font-size:14px; padding:5px 0 0 0}

.shopping-cart .item.gift {}
.shopping-cart .item.gift .title .worth {color:#999; font-size:13px; padding:4px 0 0 0}

.shopping-cart .empty-cart {display:flex; justify-content:flex-end}
.shopping-cart .empty-cart .button {padding:10px 25px; color:#000; font-size:12px; text-transform:uppercase; text-decoration:none; text-align:center; border:1px #999 solid; cursor:pointer}
.shopping-cart .empty-cart .button:hover {background-color:var(--color-03-hex); color:#fff; border:1px var(--color-03-hex) solid}

.shopping-cart .bonus-coupons {margin:15px 0 0 0}
.shopping-cart .bonus-coupons .coupon {justify-content:space-between; align-items:center; padding:20px 25px; background-color:#f6f6f6; cursor:pointer;display: grid;grid-template-columns: auto 1fr auto;}
.shopping-cart .bonus-coupons .coupon img {}
.shopping-cart .bonus-coupons .coupon .text {padding:0 35px; font-size:15px; font-weight:700; line-height:1.3;text-align: left}
.shopping-cart .bonus-coupons .coupon .arrow {width:0; height:0; border-right:6px solid transparent; border-top:6px solid #666; border-left:6px solid transparent}
.shopping-cart .bonus-coupons .coupon:hover {background-color:#f0f0f0}
.shopping-cart .bonus-coupons .coupon.active {background-color:#f0f0f0}
.shopping-cart .bonus-coupons .coupon.active .arrow {transform:rotate(180deg)}
.shopping-cart .bonus-coupons .inputs {display:none; padding:0 25px 20px 25px; background-color:#f0f0f0}
.shopping-cart .bonus-coupons .inputs form {display:flex; gap:3px}
.shopping-cart .bonus-coupons .inputs form input[type=text] {max-width:calc(100% - 80px); border:1px #d6d6d6 solid; padding:10px 15px; box-sizing:border-box}
.shopping-cart .bonus-coupons .inputs form button[type=submit] {width:80px; background-color:#474747; color:#fff; text-align:center; text-transform:uppercase}
.shopping-cart .bonus-coupons .inputs .error-message {color:var(--color-error-hex); font-size:14px; margin-top:10px}
.shopping-cart .bonus-coupons .inputs.active {display:block}

.shopping-cart .summary {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding-top:20px}
.shopping-cart .summary .delivery {flex-grow:1; display:flex; align-items:center}
.shopping-cart .summary .delivery .icon {display:flex; justify-content:center; align-items:center; width:100px}
.shopping-cart .summary .delivery .icon img {max-width:100%; height:auto}
.shopping-cart .summary .delivery .explanation {padding:0 30px 0 0; line-height:1.5}
.shopping-cart .summary .delivery .explanation .remains {}
.shopping-cart .summary .delivery .explanation .remains a {color:var(--color-03-hex); font-weight:700; white-space:nowrap}
.shopping-cart .summary .delivery .explanation .remains a:hover {text-decoration:none}
.shopping-cart .summary .delivery .explanation .register {display:inline-block; margin:10px 0; padding:10px 25px; background-color:var(--color-04-hex); font-size:14px}
.shopping-cart .summary .delivery .explanation .register a {}
.shopping-cart .summary .delivery .explanation .register a:hover {text-decoration:none}
.shopping-cart .summary .delivery .explanation .register strong {white-space:nowrap}
.shopping-cart .summary .delivery .explanation .weight {color:#999; font-size:12px; margin-top:5px}
.shopping-cart .summary .delivery a {color:#231f20}
.shopping-cart .summary .total {flex-grow:1; padding:20px 0; text-align:right; white-space:nowrap; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .summary .total span {display:inline-block; margin:0 0 0 20px; color:var(--color-03-hex); font-size:22px}

.shopping-cart .info {display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px; text-align:center; margin:0 10px; border:1px #cfcfcf solid; border-radius:50%; color:#aaa; font-size:13px}
.shopping-cart .message {font-size:14px; color:var(--color-03-hex); font-weight:bolder; text-align:right; margin-top:10px; padding:25px 0 0 0; border-top:1px #f6f6f6 solid}
.shopping-cart .navigation { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:30px 0}
.shopping-cart .navigation a.back {color:var(--color-01-hex); font-size:14px; font-weight:700; text-decoration:none}
.shopping-cart .navigation a.back:hover {text-decoration:underline}
.shopping-cart .navigation .back a {color:var(--color-01-hex); font-size:14px; font-weight:700; text-decoration:none}
.shopping-cart .navigation .back a:hover {text-decoration:underline}
.shopping-cart .navigation .back span {display:inline-block; vertical-align:middle; margin-right:12px; width:0; height:0; border-right:4px solid var(--color-01-hex); border-bottom:4px solid transparent; border-top:4px solid transparent}
.shopping-cart .navigation .share-cart {margin:0 25px 0 30%}
.shopping-cart .navigation .share-cart span {display:inline-block; padding:2px 30px 0 0; background:url(/templates/b2c/images/share-cart-icon.png) right center no-repeat; min-height:24px; cursor:pointer; text-decoration:underline; font-size:16px}
.shopping-cart .navigation .share-cart span:hover {text-decoration:none}
.shopping-cart .navigation .continue {display:flex; align-items:center}
.shopping-cart .navigation .continue button {background-color:var(--color-02-hex); background-image:url(/templates/b2c/images/arrow-button-right.png); background-position:calc(100% - 30px) center; background-repeat:no-repeat; padding:20px 80px 20px 50px; color:#fff; font-size:17px; text-transform:uppercase; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .navigation .continue button.two {display:none}
.shopping-cart .navigation .continue button.preloader {padding:20px 40px; background-color:var(--color-02-hex); background-image:none}
.shopping-cart .navigation .continue button.preloader:disabled {background-color:var(--color-02-hex) !important; color:#fff !important}
.shopping-cart .navigation .continue .preloader-circle {width:40px; height:40px; border:4px solid rgba(0,0,0,0.1); border-top:4px solid var(--color-01-hex); margin:0 5px 0 15px; box-sizing:border-box; display:none}

#send-order-popup-content .content-send-order {padding:30px 40px 40px 40px}
#send-order-popup-content .content-send-order .text {padding-bottom:25px; max-width:600px; line-height:22px; font-size:15px}
#send-order-popup-content .content-send-order .question {padding-bottom:15px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
#send-order-popup-content .content-send-order .methods { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
#send-order-popup-content .content-send-order .methods > div {margin-right:10px}
#send-order-popup-content .content-send-order .methods a.fb {display:block; background-image:url(/templates/b2c/images/share-cart-fb.png); width:44px; height:44px}
#send-order-popup-content .content-send-order .methods a.whatsapp {display:block; background:url(/templates/b2c/images/share-cart-whatsapp.png); width:44px; height:44px}
#send-order-popup-content .content-send-order .methods .label {margin-bottom:2px; font-size:12px}
#send-order-popup-content .content-send-order .methods .icon {display:inline-block; width:28px; height:28px; vertical-align:top}
#send-order-popup-content .content-send-order .methods .icon.email {background-image:url(/templates/b2c/images/share-cart-mail.png)}
#send-order-popup-content .content-send-order .methods .icon.link {background-image:url(/templates/b2c/images/share-cart-link.png)}
#send-order-popup-content .content-send-order .methods input[type=email] {margin-left:-4px; padding:5px 8px; font-size:14px; border:1px #d6d6d6 solid; border-left:0 none; vertical-align:top}
#send-order-popup-content .content-send-order .methods input[type=text] {margin-left:-4px; padding:5px 8px; font-size:14px; border:1px #d6d6d6 solid; border-left:0 none; vertical-align:top; width:240px}
#send-order-popup-content .content-send-order .methods input[type=button] {background-color:#484848; margin-left:-5px; padding:6px 12px 7px 12px; font-size:13px; color:#fff; vertical-align:top}
#send-order-popup-content .content-send-order .send-order-method-area #send_order_by_mail_info_area {margin-top:20px; color:#90bf11; display:none}

#empty-cart-popup-content .content-empty-cart {padding:30px 40px 40px 40px}
#empty-cart-popup-content .content-empty-cart .buttons {display:flex; gap:20px; padding:20px 0 0 0}
#empty-cart-popup-content .content-empty-cart .buttons .confirm {padding:15px 10%; background-color:var(--color-03-hex); color:#fff; text-align:center; text-transform:uppercase; text-decoration:none; font-size:13px; font-weight:700}
#empty-cart-popup-content .content-empty-cart .buttons .cancel {padding:15px 10%; background-color:#bbb; color:#fff; text-align:center; text-transform:uppercase; font-size:13px; font-weight:700; cursor:pointer}

.shopping-cart .checkout-total {display:table; width:100%; padding:40px 0; background-color:#f6f6f6; text-align:right; border-top:30px #fff solid}
.shopping-cart .checkout-total > div {display:table-cell; vertical-align:middle; padding:0 40px; color:#231f20; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .checkout-total > div span:not(.text) {color:var(--color-03-hex); font-size:22px; display:inline-block; margin:0}
.shopping-cart .checkout-total .text {display:inline-block; margin-right:20px}
.shopping-cart .conditions {padding-bottom:30px; font-size:13px; color:#999; text-align:right}
.shopping-cart .conditions a {color:#999}
.shopping-cart .conditions a:hover {text-decoration:none}
.shopping-cart-empty {padding:100px 0; border:1px #f6f6f6 solid; border-left:0 none; border-right:0 none; text-align:center; line-height:50px; font-family:Roboto, sans-serif; font-weight:700; font-size:21px}
.shopping-cart-empty a {color:var(--color-01-hex); font-family:Roboto, sans-serif; font-size:15px}
.shopping-cart-eet-info {background:url(/templates/b2c/images/top-bar-info.png) 0 center no-repeat; max-width:1280px; margin:0 auto; padding:20px 0; font-size:14px}
.shopping-cart-eet-info div {margin-left:40px}


#shopping_cart_popup_content {}
#shopping_cart_popup_content .content-cart {padding:40px;}
#shopping_cart_popup_content .product { display:flex; justify-content:space-between; align-items:center; border-top:1px #e3e3e3 solid; padding:20px 0}
#shopping_cart_popup_content .product > div {font-family:Roboto, sans-serif; font-weight:700}
#shopping_cart_popup_content .image {flex:0 0 90px; background-color:#fff; height:55px; padding-right:20px; text-align:center}
#shopping_cart_popup_content .image img {max-width:100%; max-height:100%; width:auto; height:auto}
#shopping_cart_popup_content .title {flex:1 1 auto; padding:0 20px; line-height:23px}
#shopping_cart_popup_content .price {text-align:right; white-space:nowrap}
#shopping_cart_popup_content .summary {border-top:1px #e3e3e3 solid; padding:40px 0; line-height:23px}
#shopping_cart_popup_content .summary .info {display:inline-block; background-image:url(/templates/b2c/images/info-icon.png); width:20px; height:21px; margin-right:15px; vertical-align:middle}
#shopping_cart_popup_content .summary span {font-family:Roboto, sans-serif; font-weight:700; white-space:nowrap}
#shopping_cart_popup_content .buttons {border-top:1px #e3e3e3 solid; padding-top:40px}
#shopping_cart_popup_content .back {float:left; font-size:14px; color:var(--color-01-hex); font-weight:700; text-decoration:none; cursor:pointer}
#shopping_cart_popup_content .back:hover {text-decoration:underline}
#shopping_cart_popup_content .back span {display:inline-block; width:0; height:0; border-right:4px solid #c4c4c4; border-bottom:4px solid transparent; border-top:4px solid transparent; margin:30px 15px 0 0}
#shopping_cart_popup_content .cart {float:right; color:#fff; text-transform:uppercase; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none; background-color:var(--color-02-hex); background-image:url(/templates/b2c/images/arrow-button-right.png); background-position:calc(100% - 30px) center; background-repeat:no-repeat; padding:20px 80px 20px 50px}
#shopping_cart_popup_content .gift-option-title {padding:20px 0 10px 0; font-size:15px; font-family:Roboto, sans-serif; font-weight:700; border-top:1px #e3e3e3 solid}
#shopping_cart_popup_content .gift-option-container {margin-bottom:30px;}
#shopping_cart_popup_content .gift-option { display:flex; align-items:center; background-color:#f6f6f6; margin-bottom:3px; cursor:pointer}
#shopping_cart_popup_content .gift-option:last-child {margin-bottom:0}
#shopping_cart_popup_content .gift-option > div {font-size:14px}
#shopping_cart_popup_content .gift-option-selected {background-color:#ffe6a4}
#shopping_cart_popup_content .recommended-products {border-top:1px #e3e3e3 solid; padding:0 0 20px 0}
#shopping_cart_popup_content .recommended-products .label {background-color:#f6f6f6; margin-bottom:15px; padding:20px 35px; border-bottom:1px #e3e3e3 solid; font-weight:700}
#shopping_cart_popup_content .recommended-products .list {display:flex}
#shopping_cart_popup_content .recommended-products .list .item {width:calc(100% / 3); max-width:calc(100% / 3); padding-bottom:20px; box-shadow:-1px 0 0 #f0f0f0}
#shopping_cart_popup_content .recommended-products .list .item:first-child {box-shadow:none}
#shopping_cart_popup_content .recommended-products .list .item a.image {display:flex; justify-content:center; align-items:center; height:130px; padding:0}
#shopping_cart_popup_content .recommended-products .list .item .availability {font-size:14px; text-align:center}
#shopping_cart_popup_content .recommended-products .list .item .availability span {color:#90bf11}
#shopping_cart_popup_content .recommended-products .list .item a.title {display:block; height:40px; line-height:21px; overflow:hidden; margin:10px 0 10px 0; padding:0 5%; color:#231f20; font-size:16px; font-weight:700; text-decoration:none; text-align:center}
#shopping_cart_popup_content .recommended-products .list .item .recommended-price {text-align:center; color:var(--color-01-hex); font-size:18px; font-weight:700}
#shopping_cart_popup_content .recommended-products .list .item .recommended-price .old {color:#999; font-size:13px; font-weight:400; text-decoration:line-through; padding-right:15px}


@media only screen and (max-width:1600px) {
	.cart-steps .content {width:initial; padding:0 40px}
	.shopping-cart {padding:0 40px}
	.shopping-cart-eet-info {max-width:initial; margin:0 40px}
}

@media only screen and (max-width:1400px) {
	.cart-steps .content {display:block; padding:0}
	.cart-steps .left {display:block}
	.cart-steps .right {display:block}
	.cart-steps .steps {text-align:center}
	.cart-steps .title {text-align:left}
	.cart-steps .help {height:initial; padding:15px 0; text-align:center}
	.cart-steps .question {width:26px; height:26px; line-height:26px; border-radius:50%; font-size:15px}
	.cart-steps .question span {display:none}
	.cart-steps .contact > span > br {display:none}
	.cart-steps .contact > span > span:first-child {margin-right:30px}
}

@media only screen and (max-width:1220px) {
	.shopping-cart .navigation .share-cart {margin:0}
}

@media only screen and (max-width:1180px) {
	.shopping-cart .top .c5 {display:none}
	.shopping-cart .item .price {display:none}
	.shopping-cart .item.autooffer .price {display:block}
}


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

	.shopping-cart .top .c3 {display:none}
	.shopping-cart .item {padding:20px 0}
	.shopping-cart .item .availability {order:3; width:100%; padding:15px 0 0 10%}
	.shopping-cart .checkout-total {padding:30px 0}
}

@media only screen and (max-width:980px) {
	.shopping-cart {padding:0 20px}
	.shopping-cart .item a.image {width:15%}
	.shopping-cart .item .image {width:15%}
	.shopping-cart .item .availability {padding:15px 0 0 15%}
	.shopping-cart-eet-info {margin:-20px 20px 0 20px}
	.shopping-cart .autooffer-check .select {width:15%}

}

@media only screen and (max-width:940px) {
	.cart-steps a.step:nth-child(1) {flex:0 0 calc(100% / 3); justify-content:space-between}
	.cart-steps a.step:nth-child(2) {flex:0 0 calc(100% / 3); justify-content:space-between}
	.cart-steps a.step:nth-child(3) {flex:0 0 calc(100% / 3); justify-content:space-between}
	.cart-steps .title {display:none}
	.cart-steps .break {display:none}
	.cart-steps .fake-break {flex:0 1 36px; display:block}
}


@media only screen and (max-width:900px) {
	.shopping-cart .message {text-align:left; padding:25px 0 0 0}
	.shopping-cart .navigation {justify-content:space-between}
	.shopping-cart .navigation .share-cart {flex:0 0 100%; order:-1; text-align:right; margin-bottom:30px}
}

@media only screen and (max-width:860px) {
	.shopping-cart .item.autooffer .title .parent .variants-price {width:100%; padding:8px 0 0 0}
	.shopping-cart .item.autooffer .price {width:100%; padding:5px 0 5px 15%; text-align:left}
	.shopping-cart .item.autooffer .add {width:auto; padding:0 0 0 15%}
	.shopping-cart .item.autooffer .add .buy {padding:7px 35px}
	.shopping-cart .autooffer-check .price {width:100%; padding:12px 0 0 15%; text-align:left}
}

@media only screen and (max-width:820px) {
	.shopping-cart .top {padding:15px 0}
}

@media only screen and (max-width:780px) {
	#shopping_cart_popup_content .content-cart {padding:20px 0 0 0}
	#shopping_cart_popup_content .product {padding:20px}
	#shopping_cart_popup_content .title {flex:0 1 auto}
	#shopping_cart_popup_content .price {padding:0 0 0 40px}
	#shopping_cart_popup_content .gift-option-title {padding:10px 20px}
	#shopping_cart_popup_content .summary {padding:20px; text-align:center}
	#shopping_cart_popup_content .buttons {padding:30px 20px}
	#shopping_cart_popup_content .gift-option-container {padding:0 20px}
	#shopping_cart_popup_content .recommended-products .label {text-align:center}
}

@media only screen and (max-width:720px) {
	.cart-steps .contact {text-align:left}
	.cart-steps .contact > span > br {display:block}
}


@media only screen and (max-width:640px) {
	.shopping-cart .top .c4 {display:none}
	.shopping-cart .top .c6 {display:none}
	.shopping-cart .item .quantity {order:2; width:100%; padding:15px 0 0 15%}
	.shopping-cart .navigation .share-cart {text-align:center}
	.shopping-cart .navigation .back {flex:0 0 100%; text-align:center; margin-bottom:40px}
	.shopping-cart .navigation .continue {flex:0 0 100%; text-align:center; margin-bottom:20px}
	.shopping-cart .navigation .continue form {text-align:center}
	.shopping-cart .checkout-total {text-align:center}
	.shopping-cart .checkout-total .text {display:block; margin:0 0 20px 6px}
	.shopping-cart .conditions {text-align:center}
	.shopping-cart .message {text-align:center}
	.shopping-cart .empty-cart .button {width:100%; margin:15px 0 0 0}

	.shopping-cart .summary .delivery .explanation {flex-grow:1; padding:10px 0; text-align:center}
	.shopping-cart .summary .delivery .explanation .register {margin:12px 0; padding:10px 25px}
	.shopping-cart .summary .total {width:100%; text-align:center}

	.shopping-cart .icon {display:none !important}
	.shopping-cart .info {display:none}
	.shopping-cart .navigation .continue {text-align:center}
}

@media only screen and (max-width:600px) {
	#top-compare-cart a.compare-products {margin-left:20px}
	#shopping_cart_popup_content .image {padding-right:0}
	#shopping_cart_popup_content .buttons {padding-top:0}
	#shopping_cart_popup_content .back {float:none; display:block; padding:30px 0}
	#shopping_cart_popup_content .back span {margin:0 15px 0 0}
	#shopping_cart_popup_content .cart {float:none; display:block}
	#shopping_cart_popup_content .summary .info {display:none}
}

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

	.shopping-cart .item a.image {width:25%}
	.shopping-cart .item .image {width:25%}
	.shopping-cart .item .title {width:60%}
	.shopping-cart .item .availability {padding:15px 0 0 25%}
	.shopping-cart .item .quantity {padding:15px 0 0 25%}
	.shopping-cart .item .total {order:4; width:100%; padding:15px 0 0 25%; text-align:left}
	.shopping-cart .item.autooffer .price {padding:5px 0 5px 25%}
	.shopping-cart .item.autooffer .add {padding:0 0 0 25%}
	.shopping-cart .item.autooffer.special::before {display:block}
	.shopping-cart .item.autooffer.special::after {display:block}
	.shopping-cart .autooffer-check .select {width:25%}
	.shopping-cart .autooffer-check .price {padding:12px 0 0 25%}
	.shopping-cart .autooffer-check.special::before {display:block}
	.shopping-cart .autooffer-check.special::after {display:block}
}

@media only screen and (max-width:520px) {
	.cart-steps .break {width:20px}
	.cart-steps .help {padding:10px 0; text-align:left}
	.cart-steps .question {margin-left:20px}
	.cart-steps .contact > span {padding:0 0 0 10px}
	.cart-steps .contact > span > span:first-child {margin-right:0}

	.shopping-cart .explanation .block {display:block; margin:3px 0 8px 0}

}

@media only screen and (max-width:480px) {
	.shopping-cart .navigation .continue button.one {display:none}
	.shopping-cart .navigation .continue button.two {display:inline-block}
}

@media only screen and (max-width:440px) {
	#shopping_cart_popup_content .image {display:none}
	#shopping_cart_popup_content .title {padding:10px 0}
	#shopping_cart_popup_content .gift-option-container .title {padding:10px}
}

@media only screen and (max-width:420px) {
	.shopping-cart {padding:0 15px}
	.shopping-cart .item a.image {display:block; width:40%}
	.shopping-cart .item .image {display:block; width:40%}
	.shopping-cart .item .title {width:100%; padding:15px 0 0 0}
	.shopping-cart .item .availability {padding:15px 0 0 0}
	.shopping-cart .item .quantity {padding:15px 0 0 0}
	.shopping-cart .item .total {padding:15px 0 0 0}
	.shopping-cart .item a.delete {position:absolute; top:20px; right:5px; margin:0}
	.shopping-cart .item.autooffer .price {padding:8px 0}
	.shopping-cart .item.autooffer .add {padding:0}
	.shopping-cart .autooffer-check {align-items:flex-start}
	.shopping-cart .autooffer-check .select {justify-content:flex-start; width:15%; padding:0 10px 0 5px}
	.shopping-cart .autooffer-check .price {padding:12px 0 0 15%}

	.shopping-cart .bonus-coupons .coupon {padding:15px 20px}
	.shopping-cart .bonus-coupons .inputs {padding:0 20px 15px 20px}

	#empty-cart-popup-content .content-empty-cart .buttons .confirm {flex-grow:1; padding:15px 0}
	#empty-cart-popup-content .content-empty-cart .buttons .cancel {flex-grow:1; padding:15px 0}
}


@media only screen and (max-width:380px) {
	.cart-steps .arrows {display:none !important}
	.cart-steps .break {display:none !important}
}