body { #box_productfull { .basket { margin-top: 15px; .form-basket { margin-top: 15px; } } .maininfo { .c-availability { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; > .row { > div { display: flex; flex-direction: row; align-items: center; &:not(:last-child) { margin-bottom: 5px; } &:not(.shipping-costs) { .second { color: #1a3158; font-weight: 700; font-size: 13px; line-height: 1; } } &.shipping-costs { flex-wrap: wrap; row-gap: 10px; .lowest-cost { color: #1a3158; font-weight: 700; font-size: 13px; line-height: 1; } .showShippingCost { font-weight: 400; font-size: 13px; line-height: 1; text-decoration: underline; } } } .first { color: rgba(26, 48, 86, 0.6); font-weight: 400; font-size: 13px; line-height: 1; } } } } form.custom-form-basket { > .stocks { .c-f-row { display: flex; flex-direction: column; padding-bottom: 15px !important; margin-bottom: 15px !important; border-bottom: solid 1px #e1e1e1; > .label { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 2px 0; &::before, &::after { display: none; } label { font-weight: 700; font-size: 13px; line-height: 1; letter-spacing: 0; text-transform: uppercase; display: flex; align-items: center; p { span { color: #ba2c2c; } } } .tag-sale { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 13px; line-height: 1; letter-spacing: 0; display: inline-block; padding: 5px 6px 6px; margin-left: 7px; border-radius: 6px; background: #ba2c2c; } .infocloud-box { &:hover { .infocloud-text { opacity: 1; visibility: visible; } } .infocloud-title { color: #ba2c2c; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; line-height: 1; letter-spacing: 0; text-decoration: underline; } .infocloud-text { position: absolute; top: 20px; left: 0px; min-width: 330px; background: #f3f3f3; padding: 10px 15px; border-radius: 10px; box-sizing: border-box; border: solid 1px #bdbdbd; transition: all 0.2s ease; opacity: 0; visibility: hidden; z-index: 1; a { color: #ba2c2c; text-decoration: underline; } } } } > .stock-options { .option_radio { display: flex; flex-direction: row; gap: 12px; .radio-wrap { width: 100%; // max-width: 96px; height: auto; margin: 0; border: none; border-radius: 0; input[type='radio'] { visibility: hidden !important; &:checked + label { background: #437fab1a; border-color: #437fab; border-width: 1.5px; } } label { width: 100%; // max-width: 96px; height: 100%; margin: 0; border: 1px solid #e1e1e1; border-radius: 6px; padding: 10px 12px; line-height: 1; display: flex; flex-direction: column; row-gap: 10px; &::after { display: none !important; } .option_name { color: #1a3158; font-weight: 700; font-size: 13px; line-height: 1; letter-spacing: 0; flex-grow: 1; } .option_price { color: #1a3158; font-weight: 400; font-size: 11px; line-height: 1; letter-spacing: 0; display: flex; flex-direction: column; row-gap: 5px; } } } } } } } .form-prices-box { &:not(.form-prices-box-custom) { margin-top: 30px; margin-bottom: 25px; > p { color: #1a3158; font-weight: 400; font-size: 13px; line-height: 1; margin-bottom: 10px; } .form-price-box { display: flex; flex-direction: row; align-items: flex-end; column-gap: 10px; > .price { .price__container { display: flex; flex-wrap: wrap; .main-price { order: -2; } .price-name { order: -1; } } .main-price, .price-name { color: #ba2c2c; font-weight: 700; font-size: 20px; line-height: 1; letter-spacing: 0; } .price__regular, .js__omnibus-price-container { font-weight: 400; } .price__inactive, .js__omnibus-price-gross { font-weight: 700; } .price__regular, .price__inactive, .js__omnibus-price-container, .js__omnibus-price-gross { color: rgba(26, 49, 88, 0.6); font-size: 13px; line-height: 1; letter-spacing: 0; } } > .price-netto { .price-netto__container { display: flex; flex-wrap: wrap; .underscore_1 { order: -4; } .underscore_2 { order: -1; } .main-price { order: -3; } .price-name { order: -2; } } .main-price, .price-name, .underscore_1, .underscore_2 { color: rgb(26, 49, 88, 0.6); font-weight: 400; font-size: 13px; line-height: 1; letter-spacing: 0; } .price-name { margin: 0; } .price__regular, .js__omnibus-price-container { font-weight: 400; } .price__inactive, .js__omnibus-price-gross { font-weight: 700; } .price__regular, .price__inactive, .js__omnibus-price-container, .js__omnibus-price-gross { color: rgba(26, 49, 88, 0.6); font-size: 13px; line-height: 1; letter-spacing: 0; } } } } } .form-prices-box.form-prices-box-custom { margin-top: 25px; margin-bottom: 15px; .form-price-box { display: flex; flex-direction: row; align-items: flex-start; column-gap: 10px; .only-product-price, .price { width: 50%; .price__container { display: flex; flex-direction: column; .price-title { color: #1a3158; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 13px; line-height: 1.2; margin-bottom: 10px; } .product-price-gross-box { margin-bottom: 15px; .main-price, .price-name { color: #1a3158; font-weight: 700; font-size: 20px; line-height: 1; letter-spacing: 0; } } .product-price-info { .price-netto { color: #1a3158; font-family: 'Open Sans'; font-weight: 400; font-size: 13px; line-height: 1.5; opacity: 0.6; margin: 0; div { display: inline-block; } * { color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-decoration: none; } } p { color: #1a3158; font-family: 'Open Sans'; font-weight: 400; font-size: 13px; line-height: 1.5; opacity: 0.6; margin: 0; * { color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-decoration: none; } } } } } .price { .price__container { .product-price-gross-box { .main-price, .price-name { color: #ba2c2c; } } } } } } .addtobasket-container { display: flex; flex-direction: row; column-gap: 15px; align-items: center; margin-bottom: 12px; .quantity_wrap { height: 34px; border: 1px solid #e1e1e1; border-radius: 6px; display: flex; align-items: center; padding: 5px 10px; input { height: 34px; border: none; border-radius: 0; margin: 0; background: transparent; box-shadow: none !important; color: rgba(26, 49, 88, 0.6); font-weight: 700; font-size: 14px; line-height: 1; } .unit { color: rgba(26, 49, 88, 0.6); font-weight: 400; font-size: 14px; line-height: 1; letter-spacing: 0; } } .button_wrap { width: 100%; max-width: 315px; .addtobasket { height: 44px; background: #1a3158; border-radius: 6px; span { color: #fff; font-weight: 700; font-size: 14px; line-height: 1; letter-spacing: 0; text-transform: uppercase; } } } } } .addtofav { span { color: #1a3158; font-weight: 400; font-size: 13px; line-height: 1; letter-spacing: 0; text-decoration: underline; } } } }