html body .item-wrapper .buy-now {
display: block !important;
}
html body .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
html body .product-full-description>div>div {
width: 100% !important;
margin: 0 !important;
max-width: 1317px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 18px !important;
padding-right: 18px !important;
}
html body .product-full-description .wrapper {
margin: 0 !important;
/* display: flex !important;
justify-content: space-between;
grid-gap: 100px !important; */
}
html body .eg-full-des-description {
width: 100%;
margin: 0 !important;
}
html body .product-full-description .wrapper>.eg-full-des {
width: 100%;
}
html body .product-full-description .wrapper>.eg-full-des:empty,
html body .eg-full-des-description:empty {
display: none !important;
}
html body .product-full-description>div {
display: flex;
justify-content: center;
align-items: center;
}
html body .eg-full-des-description:not(.eg-show-more)>p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
height: fit-content;
}
html body .eg-full-des-description>p {
overflow: hidden !important;
color: #000;
text-overflow: ellipsis !important;
font-family: Source Sans Pro;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px;
margin-top: 0 !important;
margin-bottom: 16px !important;
}
html body .eg-accordion-cta:not(.eg-show-below)+* {
display: none !important;
}
html body .eg-accordion-cta+*,
html body .eg-accordion-cta+* p {
margin-bottom: 0 !important;
}
html body .eg-accordion-cta::after {
content: "";
min-width: 16px !important;
min-height: 16px !important;
max-width: 16px !important;
max-height: 16px !important;
display: block !important;
}
html body .eg-accordion-cta::after {
background: url('https://expogrowth.in/wp-content/uploads/2023/09/plus.svg');
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
}
html body .eg-accordion-cta.eg-show-below::after {
background: url('https://expogrowth.in/wp-content/uploads/2023/09/minus.svg') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
html body .eg-accordion-cta {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
grid-gap: 10px !important;
border-top: 1px solid #E9E9E9 !important;
border-bottom: 1px solid #E9E9E9 !important;
margin-top: -1px !important;
cursor: pointer !important;
overflow: hidden !important;
padding: 16px 0 !important;
}
html body .eg-accordion-cta.eg-show-below {
border-bottom: none !important;
}
html body .eg-accordion-cta.eg-show-below+* {
border-bottom: 1px solid #E9E9E9;
padding-bottom: 18px !important;
}
html body .eg-readmore::before {
display: block;
content: attr(data-txt);
overflow: hidden;
color: #000;
text-overflow: ellipsis;
font-family: Source Sans Pro;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
cursor: pointer;
}
html body .details-specification {
flex-direction: column !important;
}
html body .details-specification>div {
width: 100% !important;
}
html body .details-specification>div .wrapper {
margin: 0 !important;
padding: 0 !important;
background: white !important;
min-height: unset !important;
height: auto !important;
}
html body .details-specification>div .wrapper .collapse-toggle::after {
content: "" !important;
}
html body .eg-accordion-cta>*,
html body .eg-accordion-cta {
color: #000 !important;
text-overflow: ellipsis !important;
font-family: Source Sans Pro !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 28px !important;
}
html body .product-details-main .details .product-badge-list {
display: flex !important;
justify-content: space-between;
margin-bottom: 41px !important;
}
html body .prod-notif-request-button {
margin-bottom: 24px !important;
}
html body .product-details-main .details .product-badge-list>.product-badge {
margin: 0 !important;
width: 100% !important;
display: flex;
justify-content: center;
align-items: center;
}
html body .product-details-main .details .product-badge-list>.product-badge img {
width: 100% !important;
max-width: 107px !important;
height: 80px !important;
object-fit: cover;
object-position: center;
}
html body .product-details-main .details h1.desktop {
color: #000;
font-family: Source Sans Pro;
font-size: 32px !important;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 24px !important;
}
html body .product-details-main .details .product-price-payments .product-price {
width: auto !important;
display: flex;
align-items: center;
grid-gap: 10px !important;
}
html body .product-details-main .details .product-price-payments .product-price .stock-status-line {
margin-bottom: 0 !important;
display: inline-flex !important;
align-items: center;
}
html body .product-details-main .details .product-price-payments .product-price .stock-status-line * {
text-transform: capitalize !important;
color: #000;
font-family: Source Sans Pro;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal;
}
html body .product-details-main .details .product-price-payments .product-price .stock-status-line::before {
content: "" !important;
min-width: 8px;
min-height: 8px;
max-width: 8px;
max-height: 8px;
background: #3CB055;
border-radius: 100vmax;
margin-right: 8px;
}
html body .product-details-main .details .product-price-payments {
flex-wrap: nowrap;
}
html body .product-details-main .details .product-price-payments .product-price * {
color: #000 !important;
font-family: Source Sans Pro !important;
font-size: 16px !important;
font-style: normal;
font-weight: 700 !important;
line-height: normal !important;
}
html body .product-details-main .details .product-price-payments .product-price #product_price {
margin-left: 4px !important;
}
html body .product-details-main .details .quantity-row {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
html body .product-details-main .details .quantity-row~[summary="Description"] {
margin: 0 !important;
}
html body .product-details-main .details .quantity-row .elements-row>* {
margin-top: 0 !important;
}
html body .product-details {
padding: 52px 20px !important;
}
html body .product-details .image .image-box.eg-thumbs>*:not(.eg-new-slides):not(.eg-zoom-in-cta) {
display: none !important;
}
html body .eg-new-slides {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3), 1fr));
gap: 8px;
}
html body .eg-new-slides .eg-slide {
width: 100%;
/* Ensure smaller squares fill the grid cell */
padding: 0;
box-sizing: border-box;
aspect-ratio: 1/1;
}
html body .eg-new-slides .eg-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
html body .product-full-description {
margin-top: 64px !important;
margin-bottom: 17px !important;
}
html body .eg-zoom-in-cta {
display: flex;
padding: 4px 12px;
align-items: center;
grid-gap: 4px;
border-radius: 30px;
background: #6F7076;
width: max-content;
color: #FFF;
font-family: Source Sans Pro;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 133.333% */
margin-left: auto;
margin-right: auto;
margin-top: 24px;
text-decoration: none !important;
cursor: pointer;
}
html body .eg-zoom-in-cta img {
min-width: 10px !important;
min-height: 10px !important;
max-width: 10px !important;
max-height: 10px !important;
}
html body .product-details-secondary .banner {
align-items: stretch !important;
}
html body .product-details-secondary .banner>div:last-child {
display: flex;
align-items: center;
background: #eee !important;
}
html body .product-details-secondary .banner>div:last-child * {
color: #000 !important;
}
html body .product-details-secondary .banner>div:last-child div {
padding-bottom: 14px !important;
}
html body .eg-new-slides .eg-video {
cursor: pointer;
position: relative;
}
html body .eg-new-slides .eg-video::before {
content: "";
width: 64px;
height: 64px;
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url('https://svgshare.com/i/xcD.svg') !important;
backdrop-filter: blur(8px);
}
html body #details-specification__item_specifications {
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
@media(max-width:992px) {
html body .eg-zoom-in-cta {
display: none !important;
}
html body .recommended-products {
padding: 0 !important;
}
html body .recommended-products .slick-track {
display: flex !important;
grid-gap: 3px !important;
}
html body .recommended-products .products>.slick-slider {
display: block !important;
width: 100% !important;
margin-bottom: 40px !important;
}
html body .recommended-products .slick-dots li,
html body .recommended-products .slick-dots button {
width: 8px !important;
height: 8px !important;
background: lightgray;
}
html body .recommended-products .slick-dots button::before {
display: none !important;
}
html body .recommended-products .slick-dots li.slick-active button {
background: black !important;
}
html body .recommended-products .slick-slide {
clear: unset !important;
float: left !important;
height: auto !important;
}
html body .recommended-products>h2 {
text-align: center !important;
}
/* 992 */
html body .product-details {
padding-left: 0 !important;
padding-bottom: 0 !important;
padding-right: 0 !important;
padding-top: 12px !important;
}
html body .product-details-secondary {
padding-top: 0 !important;
}
/* html body .product-full-description .wrapper {
flex-direction: column !important;
grid-gap: 24px !important;
} */
html body .product-full-description>div>div,
html body .product-details-secondary .product-digit {
padding: 0 !important;
}
html body .recommended-products {
margin-top: 0 !important;
}
html body #content-container .dialog {
margin-bottom: 0 !important;
}
html body .recommended-products>h2 {
margin-top: 0 !important;
padding-top: 0 !important;
}
html body .product-details>div {
padding-left: 0 !important;
padding-right: 0 !important;
}
html body .eg-accordion-cta>*,
html body .eg-accordion-cta,
html body .eg-full-des-description>p {
font-size: 18px !important;
}
html body .details-specification>div {
margin-bottom: 0 !important;
}
html body .product-details-main .details .product-badge-list>.product-badge img {
width: 48px !important;
height: 48px !important;
}
html body .mobile-product-header h1 {
color: #000;
font-family: 'Source Sans Pro' !important;
font-size: 24px !important;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
margin-bottom: 16px !important;
width: 100% !important;
order: -1;
}
html body .mobile-product-header {
display: flex;
flex-wrap: wrap !important;
}
html body .mobile-product-header .product-price {
order: -1 !important;
margin-right: 24px !important;
}
html body .mobile-product-header .product-price * {
color: #000;
font-family: Source Sans Pro;
font-size: 16px !important;
font-style: normal;
font-weight: 700 !important;
line-height: normal;
}
html body .mobile-product-header #product_price {
margin-left: 6px !important;
}
html body .mobile-product-header .stock-status-line {
margin-bottom: 0 !important;
display: inline-flex;
align-items: center;
}
html body .mobile-product-header .stock-status-line::before {
content: "" !important;
min-width: 8px;
min-height: 8px;
max-width: 8px;
max-height: 8px;
background: #3CB055;
border-radius: 100vmax;
margin-right: 8px;
}
html body .mobile-product-header .stock-status-line * {
text-transform: capitalize !important;
}
html body .afterpay.mobile a {
justify-content: flex-start;
}
html body .afterpay.mobile a img {
margin-top: 0 !important;
height: 16px !important;
margin-bottom: 0 !important;
object-position: left !important;
margin-right: 11px !important;
padding-right: 5px !important;
border-right: 1px solid;
width: 82px !important;
}
html body .product-details-main .details .quantity-row {
margin-bottom: 12px !important;
}
html body .product-details-main .details .quantity-row .elements-row>.quantity-box {
margin-bottom: 12px !important;
}
html body .eg-new-slides {
display: block !important;
}
html body .eg-new-slides .slick-dots li,
html body .eg-new-slides .slick-dots li button {
margin: 0 !important;
width: 100%;
padding: 0;
}
html body .eg-new-slides .slick-dots li button {
display: flex;
align-items: center;
justify-content: center;
}
html body .eg-new-slides .slick-dots li button::before {
margin: 0 !important;
width: 100% !important;
height: 4px !important;
padding: 0 !important;
content: '' !important;
background: rgba(24, 51, 84, 0.40);
position: static !important;
}
html body .eg-new-slides .slick-dots li.slick-active button::before {
background: #F8971C !important;
}
html body .eg-new-slides .slick-dots li+li {
margin-left: 8px !important;
}
html body .eg-new-slides .slick-dots {
display: flex !important;
}
html body .eg-new-slides .slick-arrow {
width: 24px !important;
height: 24px !important;
background: #F8971C;
}
html body .eg-new-slides .slick-arrow.slick-next {
right: 5px !important;
background-image: url('https://expogrowth.in/wp-content/uploads/2023/09/rightarrowmob.svg') !important;
background-repeat: no-repeat !important;
background-position: center;
}
html body .eg-new-slides .slick-arrow.slick-prev {
left: 5px !important;
background-image: url('https://expogrowth.in/wp-content/uploads/2023/09/leftarrowmob.svg') !important;
background-repeat: no-repeat !important;
background-position: center;
}
html body .eg-new-slides .slick-arrow::before {
display: none !important;
}
}
@media(max-width:768px) {
html body .product-full-description .wrapper {
/* flex-direction: column; */
/* grid-gap: 12px !important; */
}
html body .product-details-secondary .banner {
flex-direction: column !important;
margin-left: -28px;
margin-right: -28px;
}
html body .product-details-secondary .banner>div {
width: 100% !important;
}
html body .product-details-secondary .banner>div:last-child div {
padding-left: 17px !important;
padding-right: 17px !important;
}
}
@media(min-width:1200px) {
html body .product-details>div:last-child {
margin-left: 4% !important;
max-width: 549px !important;
position: sticky !important;
}
}
@media(min-width:1249px) {
html body .product-details>.image {
width: 49%;
}
}
@media(min-width:991px) {
html body .product-details-secondary {
padding-top: 0 !important;
}
}