.shop-product-modules { margin-left: 1rem; margin-right: 1rem; } .shop-product-modules h2 { margin: 3.5rem 1rem 1rem; text-transform: uppercase; font-family: FuturaDemiC, Arial, serif; } .product-brief-card-module { position: relative; display: block; overflow: hidden; background: #fff; border: solid 1px #ececec; border-radius: 2px; width: 100%; margin-bottom: 2rem; } .product-brief-card-module .product-brief-card-module-wrap { padding: 1.4rem; } .product-brief-card-module .image { height: 150px; position: relative; } .product-brief-card-module .image img { width: 100%; } .product-brief-card-module .name { font-size: 1.4rem; height: 4rem; max-height: 4rem; overflow: hidden; margin-top: 0.6rem; margin-bottom: 0; text-align: center; } .product-brief-card-module .name a { color: #000; } .product-brief-card-module .main-parameters { color: #000; font-size: 1.3rem; line-height: 3.4rem; margin: 0 -1.4rem; padding: 0 1.3rem; background: #f2f2f2; border-top: 0.1rem solid #dfdfdf; border-bottom: 0.1rem solid #dfdfdf; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-brief-card-module .main-parameters b { font-weight: bold; } .product-brief-card-module .main-parameters span { padding: 0 0.2rem; } .product-brief-card-module .main-parameters._empty { background: #fff; border-color: #fff; } .product-brief-card-module .prices-wrap { margin-top: 0.4rem; text-align: center; } .product-brief-card-module .prices-wrap .discount-wrap { margin-top: 1rem; text-align: center; height: 2rem; } .product-brief-card-module .prices-wrap .discount-wrap .old-price { font-size: 1.4rem; color: #777777; text-decoration: line-through; } .product-brief-card-module .prices-wrap .discount-wrap .discount { display: inline-block; padding: 0.2rem 0.8rem; margin-left: 1.2rem; color: #ffffff; background-color: #D42822; border-radius: 0.3rem; line-height: 2rem; } .product-brief-card-module .prices-wrap .price { font-size: 2rem; font-weight: bold; margin-top: 1rem; } .product-brief-card-module .buttons { text-align: center; } .product-brief-card-module .buttons .count-wrapper { text-align: center; margin-top: 2rem; } .product-brief-card-module .buttons .count-wrapper > * { display: inline-block; line-height: 2rem; vertical-align: middle; } .product-brief-card-module .buttons .count-wrapper button { color: #000; font-size: 2.4rem; font-weight: bold; text-decoration: none; background: transparent; border: 0; outline: none; } .product-brief-card-module .buttons .count-wrapper button:hover { text-decoration: none; } .product-brief-card-module .buttons .count-wrapper button.js-count-minus { background: url('/images/icons/minus.png') no-repeat center; } .product-brief-card-module .buttons .count-wrapper button.js-count-plus { background: url('/images/icons/plus.png') no-repeat center; } .product-brief-card-module .buttons .count-wrapper input { width: 3.6rem; text-align: center; display: inline-block; margin: 0 0.5rem; font-weight: normal; background-color: #FFF; } .product-brief-card-module .buttons .button { background-color: #d2d2d2; outline: none; color: #ffffff; width: 12rem; height: 2.8rem; font-size: 1.6rem; line-height: 1.6rem; transition: all ease 0.2s; margin: 0 auto; margin-top: 2rem; } .product-brief-card-module .buttons .btn-add-module { display: block; } .product-brief-card-module .buttons .btn-remove-module { display: none; } .product-brief-card-module .added { background-color: #F6F7F9; } .product-brief-card-module .added .buttons .btn-add-module { display: none; } .product-brief-card-module .added .buttons .btn-remove-module { display: block; color: #FFF; background-color: #D42822; }