mirror of
https://github.com/yawaflua/SusMarket.git
synced 2025-12-10 12:39:35 +02:00
2 lines
9.4 KiB
CSS
2 lines
9.4 KiB
CSS
.product-page{display:flex;flex-direction:column;gap:40px;min-height:100%;width:96%}.product-page .product-page__main-section{display:flex;gap:30px;justify-content:space-between;min-height:500px}.product-page .product-page__main-section .product-page__img{border-radius:15px;max-height:500px}.product-page .product-page__main-section .product-page__info-div{display:flex;flex-direction:column;justify-content:space-between;width:100%}.product-page .product-page__main-section .product-page__info-div .product-page__text-span{display:flex;flex-direction:column}.product-page .product-page__main-section .product-page__info-div .product-page__text-span .product-page__heading-h2{color:#fff;font-size:32px;font-weight:600;letter-spacing:0;line-height:39px}.product-page .product-page__main-section .product-page__info-div .product-page__text-span .product-page__short-desc-div{color:#ccc5b9;font-size:24px;font-weight:400;letter-spacing:0;line-height:29px;width:100%}.product-page .product-page__main-section .product-page__info-div .product-page__container-div{align-items:flex-end;display:flex;flex-direction:column;height:140px;justify-content:space-between;width:100%}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__share-button{align-items:center;border:2px solid #ccc5b9;border-radius:12px;box-sizing:border-box;display:flex;height:40px;justify-content:center;width:40px}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__price-buy-div{align-items:center;display:flex;height:80px;justify-content:space-between;width:100%}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__price-buy-div .product-page__price-span{color:#eb5e28;font-size:40px;font-weight:600;letter-spacing:0;line-height:49px}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__price-buy-div .product-page__buy-link{align-items:center;background:#eb5e28;border-radius:15px;box-sizing:border-box;color:#fff;display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;letter-spacing:0;line-height:39px;padding:20px;width:400px}.product-page .product-page__info-section{display:flex;flex-direction:column;gap:40px;width:100%}.product-page .product-page__info-section .product-page__desc{color:#ccc5b9;font-size:20px;font-weight:400;letter-spacing:0;line-height:24px;text-align:left}.product-page .product-page__info-section .product-page__tags-ul{display:flex;gap:20px}.product-page .product-page__info-section .product-page__tags-ul .product-page__tag-li{align-items:center;background-color:#ccc5b9;border-radius:50px;color:#000;display:flex;font-size:24px;font-weight:600;justify-content:center;letter-spacing:0;line-height:29px;padding:10px 20px;text-align:left}.product-page .product-page__reviews-section{display:flex;flex-direction:column;width:100%}.product-page .product-page__reviews-section .reviews-section__rate-block{display:flex;flex-direction:column;gap:20px;margin-top:48px;width:310px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating{align-items:center;display:flex;gap:20px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__rate-number{color:#fff;font-size:36px;font-weight:600;letter-spacing:0;line-height:44px;text-align:left}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating{align-items:center;color:#ccc;direction:rtl;display:flex;font-size:36px;justify-content:flex-end;position:relative;unicode-bidi:bidi-override}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars{display:flex;flex-direction:row-reverse;position:relative;z-index:0}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars span{height:100%px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars .star-rating__front-stars{color:#ffb800;display:flex;flex-direction:row-reverse;overflow:hidden;position:absolute;top:0;z-index:1}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars .star-rating__front-stars span{height:100%px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group{color:#fff;display:flex;flex-direction:column;font-size:20px;font-weight:400;gap:10px;letter-spacing:0;line-height:24px;text-align:left;width:100%}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container{align-items:center;display:flex;gap:10px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container .rate-progressbar__rate-number{width:16px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container .progressbar-container__progressbar{background:#ccc5b9;border-radius:15px;height:12px;position:relative;width:100%}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container .progressbar-container__progressbar .progressbar__active-line{background-color:#ffb800;border-radius:15px;height:100%;left:0;position:absolute;top:0;width:50%}.product-page .product-page__reviews-section .product-page__review-form{display:flex;flex-direction:column;gap:20px;margin-top:48px}.product-page .product-page__reviews-section .product-page__review-form .review-form__heading{color:#fff;font-size:26px;font-weight:500;letter-spacing:0;text-align:left}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container{background-image:url(/static/media/rating__star-icon.73718a24d04eb67f5873.svg);background-repeat:repeat-x;background-size:30px auto;height:30px;position:relative;width:150px}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio{-webkit-appearance:none;appearance:none;height:30px;left:0;position:absolute;top:0}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:checked,.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:hover{background-image:url(/static/media/rating__filled-star-icon.dc7d908d4d943b7f3b56.svg);background-repeat:repeat-x;background-size:30px auto}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:hover~.review-form__star-radio{background-image:url(/static/media/rating__star-icon.73718a24d04eb67f5873.svg);background-repeat:repeat-x;background-size:30px auto}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:first-of-type{width:30px;z-index:5}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(2){width:60px;z-index:4}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(3){width:90px;z-index:3}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(4){width:120px;z-index:2}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(5){width:150px;z-index:1}.product-page .product-page__reviews-section .product-page__review-form .review-form__textarea{border:2px solid #ccc5b9;border-radius:15px;color:#fff;font-size:24px;padding:10px;width:100%}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-container{display:flex;gap:20px;width:100%}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-container .review-form__image-attach{width:34px}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-container .review-form__image-attach img{width:100%}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-container .review-form__image-input{display:none}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-container .review-form__image-name{align-items:center;background-color:#ccc5b9;border-radius:50px;color:#000;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:10px 20px}.product-page .product-page__reviews-section .product-page__review-form .review-form__send-button{background-color:#eb5e28;border-radius:15px;color:#fff;font-size:20px;font-weight:500;letter-spacing:0;padding:20px}.product-page .product-page__reviews-section .product-page__reviews-container{display:flex;flex-direction:column;gap:50px;margin-bottom:30px;margin-top:50px}.product-page .product-page__block-heading{color:#fff;font-size:32px;font-weight:500;letter-spacing:0;line-height:39px;text-align:left}
|
|
/*# sourceMappingURL=84.eee7bbf7.chunk.css.map*/ |