.cart-product{ display: flex; justify-content: space-between; min-width: 100%; position: relative; } .cart-products-box .cart-product:not(:last-child){ margin-bottom: 20px; padding-bottom: 20px; position: relative; } .cart-products-box .cart-product:not(:last-child):after{ content: ' '; /*border-bottom: 1px solid #d6dbe0;*/ position: absolute; left: 0; right: 0; bottom: 0px; } .cart-product .thumb{ width: 78px; min-width: 78px; margin: auto 30px auto 0; } .cart-product .data{ width: 100%; margin: auto 0 auto 0; display: flex; } .cart-product .data .titles{ margin: auto 20px auto; width: 100%; } .cart-product .data .titles a{ color: #001a1a; font-size: 15px; font-weight: 600; display: inline-block; margin-bottom: 3px; } .cart-product:hover .data .titles a{ color: #0095d8; } .cart-product .data .titles .ddate{ font-size: 14px; } .cart-product .data .titles .model{ color: #8b8b8b; margin-bottom: 10px; } .cart-product .data .titles .model{ color: #8b8b8b; margin-bottom: 20px; } .cart-product .data .quantity-box{ margin: 0q; width: 180px; min-width: 180px; position: relative; } .cart-product .quantity-box .product-quantity-box{ white-space: nowrap; } .cart-product .options{ position: absolute; left: 0; bottom: 0; width: 100%; display: none; } .cart-product:hover .options{ display: block; } .cart-product .options .favorite{ cursor: pointer; display: inline-block; margin-right: 20px; color: #8b8b8b; border-bottom: 1px dashed #d6dbe0; } .cart-product .options .favorite:hover{ color: #0095d8; border-color: #0095d8; } .cart-product .options .favorite.active{ color: #0099ff; border-color: #0099ff; } .cart-product .options .del{ color: #8b8b8b; display: inline-block; cursor: pointer; border-bottom: 1px dashed #d6dbe0; } .cart-product .options .del:hover{ color: #f54040; border-color: #f54040; } .cart-product .data .totals{ text-align: right; margin: -1px 0 auto 0; white-space: nowrap; width: 150px; min-width: 150px; } .cart-product .totals .finish-quantity-box{ font-size: 13px; color: #8b8b8b; } .cart-product .totals .price { font-size: 20px; font-weight: bold; } .cart-product .totals .old-price { display: inline-block; font-size: 14px; color: #8b8b8b; vertical-align: middle; position: relative; margin-left: 11px; } .cart-product .totals .old-price:after { content: ''; height: 1px; position: absolute; left: -3px; right: -3px; top: 8px; background-color: #f54040; transform: rotate(-6deg); } .cart-totals{ border: 2px solid #d6dbe0; position: relative; } .cart-totals .total{ display: flex; justify-content: space-between; min-width: 100%; margin-bottom: 10px; font-size: 15px; color: #8b8b8b; } .cart-totals .total.sep{ margin-bottom: 20px; } .cart-totals .total.last{ margin-bottom: 0; } .cart-totals .total .name{ margin: auto 10px auto 0; } .cart-totals .total .name span{ font-weight: normal; font-size: 15px; } .cart-totals .total .name span.c-blue{ display: inline-block; margin-left: 3px; } .cart-totals .total .name span.c-grey{ display: inline-block; margin-top: 15px; line-height: 24px; } .cart-totals .total .value{ white-space: nowrap; text-align: right; margin: 0 0 auto 0; } .cart-totals .total .value .sub-value{ } .cart-totals .total.info{ color: #001a1a; font-weight: 600; } .cart-totals .total.first{ font-size: 24px; font-weight: 600; margin-bottom: 15px; color: #001a1a; } .cart-totals .agreement{ font-size: 12px; margin-top: 25px; text-align: center; } .cart-totals .agreement a { font-size: 12px; } .cart-totals .summ.total .name{ font-weight: normal; } .cart-totals .summ.total .value{ font-size: 20px; font-weight: 600; } .cart-totals .sub-title{ font-size: 15px; margin-top: 20px; margin-bottom: 5px; } .cart-totals textarea{ } .cart-radio-box{ padding: 25px 35px 19px 19px; width: max-content; min-width: 500px; max-width: 100%; border: 2px solid transparent; } .cart-radio-box:not(:last-child){ margin-bottom: 10px; } .cart-radio-box.selected{ border: 2px solid #0099ff; border-radius: 4px; } .cart-radio-box label.radio{ padding-left: 36px; font-size: 15px; display: flex; justify-content: between; position: relative; cursor: pointer; } .cart-radio-box.disabled label.radio{ cursor: default; } .cart-radio-box label.radio .title{ display: block; width: 100%; margin: auto 0 auto 0; font-weight: 600; } .cart-radio-box.disabled label.radio .title{ color: #8b8b8b; } .cart-radio-box label.radio .title img{ margin-top: -3px; max-height: 24px; vertical-align: middle; } .cart-radio-box label.radio .cost{ display: none; white-space: nowrap; margin: auto 0 auto 0; } .cart-radio-box.selected label.radio .cost{ display: block; font-size: 14px; } .cart-radio-box label.radio:before{ content: ' '; width: 24px; height: 24px; border: 2px solid #d6dbe0; border-radius: 100%; display: block; position: absolute; left: 0; top: -3px; } .cart-radio-box.selected label.radio:after{ content: ' '; width: 14px; height: 14px; background-color: #0099ff; border-radius: 100%; display: block; position: absolute; left: 5px; top: 2px; } .cart-radio-box .sub-title{ font-size: 14px; padding-left: 35px; margin-top: 3px; color: #8b8b8b; } .cart-radio-box .data{ display: none; } .cart-radio-box.selected .data{ display: block; padding-left: 35px; padding-top: 35px; font-size: 14px; line-height: 20px; } #ppacheckout-2{ position: relative; } .separator{ height: 15px; } .dotted{ margin-right: -9px; position: relative; color: #8b8b8b; } .dotted:after{ content: ''; border-bottom: 1px dashed #d6dbe0; display: block; right: -3px; left: 10px; position: absolute; bottom: 3px; z-index: 1; } .dotted span{ position: relative; z-index: 3; } .dotted span:after{ content: ' '; display: block; height: 4px; background-color: #fff; position: absolute; right: -7px; left: -10px; } .dotted-title span { display: inline-block; background-color: #fff; position: relative; z-index: 2; padding-right: 7px; } .dotted-title .value { float: right; background-color: #fff; position: relative; z-index: 2; padding-left: 7px; } .dotted-title:after { content: ''; border-bottom: 1px dashed #d6dbe0; display: block; right: -3px; left: 10px; position: absolute; bottom: 3px; z-index: 1; } .dotted-name { padding-right: 15px; color: #8b8b8b; display: flex; position: relative; } .dotted-name span { display: block; margin: auto 0 0 0; position: relative; z-index: 5; } .dotted-name:after { content: ''; border-bottom: 1px dashed #d6dbe0; display: block; right: -3px; left: 10px; position: absolute; bottom: 3px; z-index: 1; } .dotted-val .bottom { margin: auto 0 0 0; line-height: 22px; } .separator { height: 15px; } .buttons-row.right { text-align: right; } .buttons-row { margin-top: 30px; } .buttons-row .btn-b:not(:last-child) { margin-right: 15px; } .buttons-row .btn-b { display: inline-block; width: auto; padding: 0 20px; } @media (max-width: 680px) { .menu-box-scroll { margin-top: 30px; } }