/** Shopify CDN: Minification failed
Line 61:18 Expected identifier but found whitespace
Line 61:20 Unexpected "{"
Line 61:40 Expected ":"
Line 61:56 Expected ":"
**/
/* size guide, box sizes and heading aligment css stert */
.product__text.caption-with-letter-spacing {
display: inline-block;
font-size: 2rem !important;
font-weight: 400 !important;
}
.product_blocks .product__text {
margin-right: 5px;
}
.product_blocks .product__title {
display: inline-block;
font-size: 2rem !important;
font-weight: 100 !important;
margin-left: 0;
}
.member-retail .price-item {
font-size: 1.4rem;
}
.product_blocks .manufacture-meta {
margin-top: 0;
margin-bottom: 0;
}
.product_blocks .form__label {
margin-top: 1.2rem;
margin-bottom: 0.7rem;
}
.product_blocks .product-color {
margin: 0 12px 0 0;
}
.size-guide-content {
display: flex;
width: 100%;
justify-content: center;
gap: 30px;
}
.product-form-variants {
gap: 5px;
position: relative;
}
.product-form__input input[type=radio]+label {
display: flex !important;
justify-content: center;
align-items: center;
padding: 0 !important;
width: 32px;
height: 32px;
}
/* Breadcrumbs css start */
.breadcrumbs {
display: flex;
justify-content: space-between;
font-size: {{ font_size_base_int | minus: 3 }}px;
line-height: 1.4em;
margin-bottom: 10px;
font-size: 1.2rem;
}
.breadcrumbs .icon {
display: inline-block;
vertical-align: middle;
}
.breadcrumbs .icon svg {
display: block;
width: 10px;
height: 10px;
}
.breadcrumbs-list {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumbs-list__item {
display: inline;
margin: 0;
padding: 0;
}
.breadcrumbs-list__link {
vertical-align: middle;
}
.breadcrumbs-list__link,
.breadcrumbs-prod-nav__link {
color: inherit;
}
.breadcrumbs-list__link:hover,
.breadcrumbs-prod-nav__link:hover {
color: inherit;
}
.breadcrumbs-prod-nav__text {
vertical-align: middle;
}
.breadcrumbs-prod-nav__link--prev:not(:last-child) {
margin-right: 1.2em;
}
/* New Slider mobile pdp stert */
.slider-mobile-new {
position: relative;
}
.slider-mobile-new .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -30px;
}
.slider-mobile-new .swiper-pagination-bullet-active {
background: #000;
}
.slider-mobile-new {
display: none;
}
.slider-image-popup {
display: none;
}
@media only screen and (max-width:1400px) {
.product-form__input input[type=radio]+label {
width: 32px;
height: 32px;
}
}
@media only screen and (max-width: 1220px) {
.product-form-variants {
gap: 2px;
}
.product-form__input input[type=radio]+label {
width: 24px;
height: 24px;
}
}
@media only screen and (max-width:992px) {
.size-guide-content {
flex-direction: column;
}
}
@media only screen and (max-width: 750px) {
.product-form-variants {
gap: 5px;
}
.product-form__input input[type=radio]+label {
width: 20px;
height: 20px;
}
.slider-mobile-gutter.slider-mobile-gutter-pdp {
display: none;
}
.slider-mobile-new {
display: block;
margin-bottom: 20px;
}
.slider-mobile-new .swiper-slide:nth-child(1) div.product__media__badge {
display: flex;
}
.slider-mobile-new .swiper-slide {
position: relative;
}
/*.slider-mobile-new .slider-mobile-new .grid__item {
padding: 0;
}
.slider-mobile-new .product__media-toggle {
z-index: 0 !important;
}*/
.slider-image-popup {
display: unset;
}
.active-zoom-img {
display: unset;
}
.slider-image-popup {
position: fixed;
overflow: auto;
top: auto;
left: 0;
right: 0;
bottom: -1500px;
transition: .4s ease-in-out;
z-index: 10000;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.slider-image-popup .popup-img {
max-height: 100%;
height: calc(var(--vh,1vh) * 100);
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
margin: 0;
padding: 0;
}
.popup-img-container {
width: 100%;
height: 100%;
display: flex;
}
.popup-img-container img {
display: block;
height: 100%;
width: auto;
}
.active-zoom-img {
position: fixed;
overflow: auto;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
opacity: 1 !important;
z-index: 9999999999999999999999;
transition: .4s ease-in-out;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.active-zoom-img .popup-img-container {
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow-x: auto;
}
.active-zoom-img .popup-img {
max-height: 100%;
height: calc(var(--vh,1vh) * 100);
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
margin: 0;
padding: 0;
}
.slider-image-popup .popup-container {
position: relative;
}
.slider-image-popup .popup-close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
padding: 3px;
background-color: #fff;
z-index: 1;
}
.slider-image-popup .popup-close .popup-close-img {
width: 20px;
height: 20px;
}
.slider-image-popup .zoom-img {
position: absolute;
left: auto;
right: auto;
bottom: 25%;
padding: 0;
background-color: rgba(255, 255, 255, .7);
border-radius: 50%;
z-index: 1;
}
.slider-image-popup .product-zoom__icon {
height: 16px;
width: 16px;
}
.slider-image-popup .icon {
fill: currentColor;
}
.zoom-btn {
display: none;
position: relative;
height: 40px;
width: 40px;
}
.slider-image-popup .zoom-in-img {
position: absolute;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 1;
}
.slider-image-popup .zoom-out-img {
position: absolute;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 1;
opacity: 0;
}
}
@media only screen and (max-width: 450px) {
.product-form__input input[type=radio]+label {
width: 32px;
height: 32px;
}
}
.product_color_variants_container {
margin: 20px 0;
}
.visitor-counter-content-box-carecartbysalespop-2020{
margin-top: 20px !important;
}
.manufacture-meta{
gap: 5px;
}
.slider-mobile-new .swiper-pagination-bullets.swiper-pagination-horizontal{
z-index: 2 !important;
}
details[id*="faq"] summary{
position: relative;
}
details[id*="faq"] summary::after{
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
content: '+';
font-size: 15px;
}
details[id*="faq"][open] summary{
position: relative;
}
details[id*="faq"][open] summary::after{
content: '-';
}
@media screen and (max-width:400px) {
details[id*="faq"] summary::after{
right: -3px;
}
details[id*="faq"]:last-of-type{
padding-right: 0 !important;
}
}