File: /var/www/html/CW-techs/wp-content/themes/cw-techs/css/product-details.css
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.product-details-sec {
padding-top: 25px;
background-color: #111113;
}
@media (max-width: 991px) {
.product-details-sec .product-details-wrapper {
flex-wrap: wrap;
}
}
.product-details-sec .details-left-block {
width: 440px;
flex-shrink: 0;
}
@media (max-width: 991px) {
.product-details-sec .details-left-block {
width: 100%;
margin-bottom: 20px;
}
}
.product-details-sec .details-left-block .product-img-cover {
width: 100%;
background: rgba(49, 49, 49, 0.1607843137);
border-radius: 8px;
padding: 30px 25px;
}
@media (max-width: 991px) {
.product-details-sec .details-left-block .product-img-cover {
padding: 25px 25px 20px;
}
}
.product-details-sec .details-left-block .product-img-cover .product-lg-slider .prod-img-cover {
height: 388px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1679px) {
.product-details-sec .details-left-block .product-img-cover .product-lg-slider .prod-img-cover {
height: 330px;
}
}
@media (max-width: 767px) {
.product-details-sec .details-left-block .product-img-cover .product-lg-slider .prod-img-cover {
height: 280px;
}
}
@media (max-width: 579px) {
.product-details-sec .details-left-block .product-img-cover .product-lg-slider .prod-img-cover {
height: 220px;
}
}
.product-details-sec .details-left-block .product-img-cover .product-lg-slider .prod-img-cover img {
max-width: 100%;
max-height: 100%;
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider {
margin-top: 15px;
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-next, .product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-prev {
background-color: #1C1C21;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
background-position: center;
background-repeat: no-repeat;
filter: grayscale(1);
transition: 0.3s;
z-index: 1;
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-next:hover, .product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-prev:hover {
filter: none;
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-next::before, .product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-prev::before {
display: none;
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-prev {
left: -5px;
background-image: url("../img/thumb-left.svg");
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-next {
right: -5px;
background-image: url("../img/thumb-right.svg");
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-slide {
padding: 7px;
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .thumb-img-block {
cursor: pointer;
height: 100px;
width: 100%;
background: #111113;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
border: solid 1px transparent;
}
@media (max-width: 1679px) {
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .thumb-img-block {
height: 85px;
}
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .thumb-img-block img {
max-width: 85%;
max-height: 85%;
}
@media (max-width: 991px) {
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .thumb-img-block img {
max-width: 68%;
max-height: unset;
height: auto;
}
}
.product-details-sec .details-left-block .product-img-cover .product-thumb-slider .slick-current .thumb-img-block {
border-color: rgba(205, 100, 41, 0.6);
}
.product-details-sec .details-right-block {
flex-grow: 1;
padding-left: 15px;
}
@media (max-width: 991px) {
.product-details-sec .details-right-block {
padding-left: 0;
}
}
.product-details-sec .details-right-block .det-block-top {
border: 0.84px solid #1C1C1F;
background-color: #111113;
border-radius: 10px;
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top {
margin-bottom: 30px;
}
}
.product-details-sec .details-right-block .det-block-top .top-block-1 {
padding: 40px 40px 50px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .top-block-1 {
padding: 30px 30px 40px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top .top-block-1 {
padding: 20px 20px 30px;
}
}
.product-details-sec .details-right-block .det-block-top .rating-block {
margin-bottom: 15px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .rating-block .str {
width: 15px;
}
}
.product-details-sec .details-right-block .det-block-top .rating-block .rating-num {
display: inline-block;
padding-left: 0px;
font-size: 18px;
color: #565662;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .rating-block .rating-num {
font-size: 16px;
}
}
.product-details-sec .details-right-block .det-block-top .prod-name {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 37px;
margin-bottom: 30px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .prod-name {
font-size: 18px;
line-height: 35px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top .prod-name {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col {
min-width: 180px;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col {
min-width: 120px;
}
}
@media (max-width: 479px) {
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col {
padding-left: 0;
width: 100%;
}
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col:first-child {
padding-left: 0;
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card {
font-size: 18px;
margin-bottom: 20px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card {
font-size: 16px;
margin-bottom: 15px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card {
font-size: 14px;
margin-bottom: 10px;
}
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card span {
display: inline-block;
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card .data-sm-label {
color: #565662;
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card .data-sm-val {
color: #fff;
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card .data-sm-val a {
color: #fff;
}
.product-details-sec .details-right-block .det-block-top .brand-det-wrapper .brand-det-col .brand-det-card .data-sm-val.val-grn {
color: #34AE53;
}
.product-details-sec .details-right-block .det-block-top .special-price-label {
color: #CD6429;
font-size: 16px;
margin-bottom: 10px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .special-price-label {
font-size: 14px;
}
}
.product-details-sec .details-right-block .det-block-top .price-det {
display: flex;
align-items: center;
}
@media (max-width: 479px) {
.product-details-sec .details-right-block .det-block-top .price-det {
flex-wrap: wrap;
}
}
.product-details-sec .details-right-block .det-block-top .price-det span {
display: inline-block;
}
.product-details-sec .details-right-block .det-block-top .price-det .price {
color: #fff;
font-size: 36px;
font-weight: 700;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .price-det .price {
font-size: 32px;
}
}
@media (max-width: 1441px) {
.product-details-sec .details-right-block .det-block-top .price-det .price {
font-size: 28px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top .price-det .price {
font-size: 26px;
}
}
@media (max-width: 991px) {
.product-details-sec .details-right-block .det-block-top .price-det .price {
font-size: 24px;
}
}
@media (max-width: 767px) {
.product-details-sec .details-right-block .det-block-top .price-det .price {
font-size: 22px;
}
}
@media (max-width: 579px) {
.product-details-sec .details-right-block .det-block-top .price-det .price {
font-size: 20px;
}
}
.product-details-sec .details-right-block .det-block-top .price-det .prod-price {
padding-left: 15px;
color: #565662;
text-decoration: line-through;
font-size: 18px;
margin-right: 50px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .price-det .prod-price {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top .price-det .prod-price {
margin-right: 40px;
}
}
@media (max-width: 579px) {
.product-details-sec .details-right-block .det-block-top .price-det .prod-price {
margin-right: 25px;
}
}
.product-details-sec .details-right-block .det-block-top .price-det .prod-price .woocommerce-Price-amount.amount{
text-decoration: line-through;
}
.product-details-sec .details-right-block .det-block-top .price-det .off-data {
display: inline-flex;
align-items: center;
background-color: #CD6429;
border-radius: 0 12px 0 12px;
padding: 5px 10px;
font-size: 16px;
color: #111113;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .det-block-top .price-det .off-data {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .det-block-top .price-det .off-data {
font-size: 13px;
padding: 4px 10px;
}
}
.product-details-sec .details-right-block .det-block-top .price-det .off-data img {
margin-right: 7px;
}
.product-details-sec .details-right-block .cart-btn-block {
display: flex;
border-top: 1px solid #1C1C1F;
padding: 40px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .cart-btn-block {
padding: 30px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .cart-btn-block {
padding: 20px;
}
}
@media (max-width: 479px) {
.product-details-sec .details-right-block .cart-btn-block {
flex-wrap: wrap;
}
}
@media (max-width: 479px) {
.product-details-sec .details-right-block .cart-btn-block .cart, .product-details-sec .details-right-block .cart-btn-block form {
width: 100%;
}
}
.product-details-sec .details-right-block .cart-btn-block .cart-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 200px;
height: 50px;
padding: 5px 10px;
border-radius: 25px;
border: solid 1px #CD6429;
background-color: transparent;
color: #CD6429;
text-decoration: none;
transition: 0.3s;
font-size: 18px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .cart-btn-block .cart-btn {
font-size: 14px;
width: 180px;
height: 46px;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .cart-btn-block .cart-btn {
width: 170px;
height: 45px;
}
}
@media (max-width: 479px) {
.product-details-sec .details-right-block .cart-btn-block .cart-btn {
width: 100%;
height: 50px;
}
}
.product-details-sec .details-right-block .cart-btn-block .cart-btn:hover {
opacity: 0.8;
}
.product-details-sec .details-right-block .cart-btn-block .cart-btn img {
margin-right: 12px;
}
@media (max-width: 1679px) {
.product-details-sec .details-right-block .cart-btn-block .cart-btn img {
max-height: 20px;
}
}
.product-details-sec .details-right-block .cart-btn-block .cart-btn.buy-now-btn {
margin-left: 20px;
color: #fff;
background-color: #CD6429;
}
@media (max-width: 479px) {
.product-details-sec .details-right-block .cart-btn-block .cart-btn.buy-now-btn {
margin-left: 0;
margin-top: 15px;
}
}
.product-details-sec .details-right-block .features-sec {
margin-bottom: 50px;
}
@media (max-width: 579px) {
.product-details-sec .details-right-block .features-sec {
flex-wrap: wrap;
}
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .features-sec {
margin-bottom: 30px;
}
}
.product-details-sec .details-right-block .features-sec h4 {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .features-sec .features-block {
width: 50%;
}
}
@media (max-width: 579px) {
.product-details-sec .details-right-block .features-sec .features-block {
width: 100%;
}
}
.product-details-sec .details-right-block .features-sec .feat-item {
margin-bottom: 15px;
font-size: 14px;
color: #fff;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .features-sec .feat-item {
font-size: 13px;
}
}
.product-details-sec .details-right-block .features-sec .feat-item .icon {
display: inline-block;
width: 28px;
margin-right: 15px;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .features-sec .feat-item .icon {
width: 24px;
margin-right: 5px;
}
.product-details-sec .details-right-block .features-sec .feat-item .icon img {
max-width: 20px;
}
}
.product-details-sec .details-right-block .features-sec .feat-item .txt-off {
color: #565662;
}
.product-details-sec .details-right-block .shipping-block {
padding-left: 80px;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .shipping-block {
padding-left: 40px;
}
}
@media (max-width: 579px) {
.product-details-sec .details-right-block .shipping-block {
padding-left: 0;
padding-top: 25px;
}
}
.product-details-sec .details-right-block .details-btm-block {
margin-bottom: 40px;
}
.product-details-sec .details-right-block .details-btm-block h4 {
margin-bottom: 20px;
}
.product-details-sec .details-right-block .details-btm-block p {
color: #fff;
font-size: 14px;
line-height: 29px;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .details-btm-block p {
font-size: 13px;
line-height: 25px;
}
}
.product-details-sec .details-right-block .block-title-sm {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.product-details-sec .details-right-block .table-data-cover {
margin-bottom: 50px;
}
.product-details-sec .details-right-block .table-data-cover .table-data-block .datas-table {
color: #fff;
font-size: 14px;
width: 100%;
}
@media (max-width: 1199px) {
.product-details-sec .details-right-block .table-data-cover .table-data-block .datas-table {
font-size: 13px;
}
}
.product-details-sec .details-right-block .table-data-cover .table-data-block .datas-table tr td {
border-bottom: 0.5px solid #373737;
padding: 12px 0;
}
.product-details-sec .details-right-block .table-data-cover .table-data-block .datas-table tr td:last-child {
padding-left: 10px;
width: 200px;
text-align: right;
}
@media (max-width: 479px) {
.product-details-sec .details-right-block .table-data-cover .table-data-block .datas-table tr td:last-child {
width: 170px;
}
}
/*# sourceMappingURL=product-details.css.map */