/* ePharmacy: rules from the old theme CSS (product/product.css) that still match markup in the theme views, plugin views, scripts
   or admin content, and are not already in site-base.css. Unchanged and in their original order, so screens not
   restyled by the new design (map in address forms, rarely used account/checkout parts, plugin pages) look and work
   as before. Rules that match nothing were dropped. Loaded where product.css was: Product/ProductTemplate.* (and quick view). */
.product-details-page .gallery img.image.main-image{max-height: 530px}
.product-details-page .gallery img.image.main-image+div{width: 100%}
.product-details-page .gallery img.image.thumb-image, .vgs__gallery__container__img{width: 80px !important;height: 80px !important;margin: 0 7px 7px 0;border: 1px solid #ddd;object-fit: contain;border-radius: 0px !important}
.product-label .badge-info{background: #dc3545;font-weight: normal}
.gallery .product-label{left: 0;top: 0}
.product-details-page .product-label .badge{padding: 6px 8px}
.product-details-page .overview .label{color: #333;font-size: 16px;font-weight: 400}
.attributes table{margin: 0;border: 0}
.attributes table tr:first-child td{border-top: 0}
.attributes table tr td{padding: 10px 10px 10px 40px !important;vertical-align: middle}
.attributes .text-prompt{color: #333;font-size: 16px;font-weight: 500}
.product-details-page .overview .actual-price{color: #17a2b8;font-size: 24px;font-weight: 700}
.product-details-page .overview .old-price{color: #999;font-size: 16px;font-weight: 400;line-height: 1;text-decoration: line-through}
.product-details-page .nav-tabs .nav-link::before{position: absolute;bottom: 0;left: 50%;right: 50%;height: 2px;background: rgba(0, 0, 0, .2);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out}
.product-details-page .nav-tabs .nav-link.active::before{background: #17a2b8;left: 0;right: 0}
.product-collateral .add-to-cart-button{max-width: 160px}
.product-collateral .add-to-wishlist-button{width: 235px}
.overview.col-12.col-md-6{padding: 20px 25px;background-image: linear-gradient(to bottom, #34d6a3 50%, rgba(255, 255, 255, 0) 0%);background-position: 0px top;background-size: 3px 20px;background-repeat: repeat-y}
.overview.col-12.col-md-6 h2.generalTitle{border-style: solid;border-image-source: linear-gradient(45deg, #34d6a3, rgb(250, 224, 66));border-image-slice: 1;padding-bottom: 10px;font-size: 28px;border-width: 0px 0px 4px 0px}
div#contact-us-product{display: flex;flex-wrap: wrap;justify-content: space-between}
div#contact-us-product fieldset.form-group{width: 100%}
@media(min-width:768px){div#contact-us-product fieldset.form-group{width: calc(50% - 8px) !important}}
.product-details-page #product-details-form .item-container{background: linear-gradient(to left, rgb(220, 238, 253) 0%, rgb(255, 255, 255) 70%);position: relative;margin-bottom: 45px;box-shadow: 0px 0px 50px 5px rgba(165, 157, 157, 0.3)}
@media(min-width:1024px){.product-details-page #product-details-form .item-container:before{content: '';background-image: url(../../images/deliverys.png);position: absolute;width: 300px;height: 250px;right: 0px;bottom: -60px;background-repeat: no-repeat;background-size: contain}}
.product-details-page .overview button.btn-outline-secondary{background-color: rgba(255, 255, 255, 0.8)}
.related-products-grid.product-grid .card.gen{margin: 0 !important;padding-top: 30px}
.related-products-grid.product-grid .card.gen .card-body{margin: 0 !important}
.card.comment.product-review-item{border-radius: 5px}
.product-review-item .card-body{padding: 20px !important}
.product-review-list h5{color: #2cb85d}
.product-details-page .product-bundle .img-fluid{overflow: hidden}
.product-details-page .add-to-cart-button{margin-bottom: 4px}
.product-details-page .associatedItem .btn-secondary{min-height: 38px;margin-left: 5px}
.product-details-page .overview-buttons .add-to-cart-button{border-top-left-radius: .25rem;border-bottom-left-radius: .25rem}
.product-details-page .overview .generalTitle{font-weight: 300}
@media (min-width: 768px){.return-request-table thead th{min-width: 140px}}
@media (min-width: 992px) and (max-width: 1200px){.card.gen .btn-group .btn-success{font-size: 12px}}
.rating{position: relative;display: flex;align-items: center;line-height: 1;font-size: 20px;margin: 5px 0}
.rating .rating-real{z-index: 2;position: absolute;top: 0;left: 0;color: #f0ad4e;overflow: hidden;white-space: nowrap}
.vendor-review-list .rating, .product-review-list .rating{top: 25px;left: calc(100% - 83px)}
.vote.up{margin-top: 24px}
.product-details-page .generalTitle{color: #34d6a3;margin: 15px 0 15px 0}
.product-details-page .overview .generalTitle{font-weight: 400}
.product-details-page .short-description{font-weight: 400;font-size: 14px}
#product-details-form .actual-price{color: #272727;font-weight: 400}
#product-details-form .btn-outline-secondary{border: 1px solid #34d6a3 !important;color: #34d6a3 !important}
#product-details-form .btn-secondary{color: #2e2e2e;background-color: #ffbb58;border-color: #ffbb58}
.product-price .your-price strong{font-weight: 500;font-size: 24px}
.overview-buttons .prices .actual-price, .associatedItem .actual-price, .catalog-product-price{font-size: 1.25rem;font-weight: 500}
.product-details-page .overview .product-price, .product-details-page .overview .non-discounted-price{padding-left: 0}
.overview-buttons .btn-secondary{display: flex;align-items: center;margin-right: 5px}
.tags a:hover{text-decoration: none}
.product-bundle .card:first-of-type{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0}
.product-bundle .card:last-of-type{border-top-left-radius: 0;border-top-right-radius: 0;border-top: 0}
#product-details-form .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{color: #fff;background-color: #117a8b !important;border-color: #10707f !important}
#product-details-form .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgb(23 162 184 / 50%) !important}
.bi-whatsapp{fill: currentColor}
