.page-title h1 {
font-size: 22px;
color: #142D55;}

.product-list .item
{
height:100%;
padding: 15px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
position: relative;}

.product-list .item-inner
{
height:85%;}

.product-list .detail .name a
{
font-size: 16px;
font-weight: bold;
color: #001e63;}

.product-list .detail .info
{
font-size: 14px;}

.product-list .detail .price
{
font-size: 16px;
font-weight: bold;
color: #001e63;}

.product-list .btn-info
{
color: #000000;
font-weight: normal;
padding:3px 7px 3px 7px;
border-radius: 15px;
background-color: #f18099;
width: 100px;
font-size: 12px;
font-weight: bold;
margin-bottom: 20px;
border: none;}

.product-list-v2 .item
{
height:100%;
padding: 15px;
position: relative;}

.product-list-v2 .item-inner
{
height:85%;}

.product-list-v2 .item-inner .product-img {
width: 100%;
padding-top: 80%;
background-position: center;
background-size: cover;
border-radius: 10px;
box-shadow: 0 3px 5px rgba(148, 147, 147, 0.2);
display: block;
overflow: hidden;}

.product-list-v2 .detail .info
{
font-size: 14px;}

.product-list-v2 .detail .price
{
font-size: 14px;
color: #001e63;}

.product-list-v2 .detail .price del {
font-size: 13px;}

.product-list-v2 .detail .price .discounted {
color: #F18099;
font-size: 15px;}

.product-list-v2 .detail .price .promo-lable{
text-align: center;
font-size: 13px;
padding: 3px 6px;
color: #FFFFFF;
min-width: 120px;
background-color: #F18099;
border-radius: 10px;
margin-left: 5px;}

.product-list-v2 .btn-info
{
color: #142D55;
font-weight: normal;
padding:3px 7px 3px 7px;
border-radius: 5px;
background-color: #FFFFFF;
width: 100px;
font-size: 12px;
margin-bottom: 20px;
border: solid 1px #DDDDDD;}

.product-detail
{
position: relative;
font-size: 14px;
padding: 20px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;}

.product-detail .product-info
{
font-size: 16px;}

.product-detail .product-gallery
{
max-width: 600px;}

.product-detail .product-gallery img
{
display: block;
height: auto;
width: 100%;}

.product-detail .product-package
{
margin: 10px;
padding: 15px;
border: solid 1px #f18099;
border-radius: 8px;}

.product-detail .product-package .title
{
font-weight:bold;
font-size: 15px;}

.product-detail .product-package .info
{
font-size: 13px;
margin-bottom: 5px;}

.product-detail .product-package .price
{
margin-top: 5px;}

.product-detail .product-package .price del
{
font-size: 18px;}

.product-detail .btn-buy
{
background-color: #f18099;}

.product-detail-v2 {
position: relative;
font-size: 14px;
padding: 20px;}

.product-detail-v2 .title {
color: #142D55;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;}

.product-detail-v2 .brand {
color: #F18099;
font-size: 13px;
margin-bottom: 10px;}

.product-detail-v2 .brand a {
color: #F18099;
text-decoration: none;}

.product-detail-v2 .sold {
font-size: 12px;
margin-bottom: 20px;}

.product-detail-v2 .product-gallery {
max-width: 600px;}

.product-detail-v2 .product-gallery img {
display: block;
height: auto;
width: 100%;}

.product-detail-v2 .product-package {
padding: 15px;
background-color: #F8F8F8;
border-radius: 6px;
margin-bottom: 15px;}

.product-detail-v2 .title {
font-weight:bold;
font-size: 15px;}

.product-detail-v2 .info {
font-size: 13px;
margin-bottom: 5px;}

.product-detail-v2 .price {
padding-top: 3px;
margin-top: 5px;}

.product-detail-v2 .price del {
font-size: 14px;}

.product-detail-v2 .price .discounted {
color: #F18099;}

.product-detail-v2 .btn-buy
{
border: solid 1px #f18099;
color: #f18099;
background-color: #FFFFFF;}

.product-detail-v2 .promo-lable{
text-align: center;
font-size: 13px;
padding: 5px 8px;
color: #FFFFFF;
min-width: 120px;
background-color: #F18099;
border-radius: 10px;
margin-left: 5px;}

.product-brand-list .item {
background-color: #F8F8F8;
padding: 15px;}

.product-brand-list .item .brand-img{
width: 100%;
padding-top: 80%;
background-position: center;
background-size: cover;
display: block;
overflow: hidden;}

.product-brand-list .item .name{
color: #000000;}

.product-brand-list .item .name a{
color: #000000;}

.promo-badge{
text-align: center;
font-size: 12px;
padding: 3px;
color: rgba(255, 0, 0, 0.763);
border: 1px dashed red;
width: 100px;}

.ribbon-wrapper {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
z-index: 99;}

.ribbon-wrapper-v2 {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: 12px;
right: 12px;
z-index: 99;}

.ribbon-wrapper-detail {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: 12px;
z-index: 99;}

.ribbon {
font-size: 11px;
color: #FFF;
text-transform: uppercase;
font-family: 'Montserrat Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
letter-spacing: .05em;
line-height: 15px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
padding: 7px 0;
right: -11px;
top: 10px;
width: 100px;
height: 28px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
background-color: #dedede;
background-image: -webkit-linear-gradient(top, #ffffff 45%, #dedede 100%);
background-image: -o-linear-gradient(top, #ffffff 45%, #dedede 100%);
background-image: linear-gradient(to bottom, #ffffff 45%, #dedede 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdedede', GradientType=0);}

.ribbon:before,
.ribbon:after {
content: "";
border-top: 3px solid #9e9e9e;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;}

.ribbon:before {
left: 0;}

.ribbon:after {
right: 0;}

.ribbon.red {
background-color: #bc1a3a;
background-image: -webkit-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
background-image: -o-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
background-image: linear-gradient(to bottom, #a61733 45%, #bc1a3a 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa61733', endColorstr='#ffbc1a3a', GradientType=0);}

.ribbon.red:before,
.ribbon.red:after {
border-top: 3px solid #8f142c;}

.ribbon.gray {
background-color: #939393;
background-image: -webkit-linear-gradient(top, #939393 45%, #939393 100%);
background-image: -o-linear-gradient(top, #939393 45%, #939393 100%);
background-image: linear-gradient(to bottom, #939393 45%, #939393 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa61733', endColorstr='#ffbc1a3a', GradientType=0);}

.ribbon.gray:before,
.ribbon.gray:after {
border-top: 3px solid #939393;}

@media only screen and (max-width: 800px) and (min-width: 200px) 
{
.product-detail .product-gallery
{
width: 100%;}

.product-detail .product-package .title
{
text-align: center;}

.product-detail .product-package .info
{
text-align: center;}
}

@keyframes bounce {
0% {
    transform: scale(1);
}
50% {
    background-color: #f878b8; 
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}

.btn-buy.animate {
animation: bounce 0.4s ease-in-out;
}

.btn-buy {
display: inline-block;
}

.btn-buy.animate {
animation-fill-mode: forwards;
}

.btn-buy.not-buyable:hover {
background-color: #ccc; 
cursor: not-allowed;
}

.btn-buy.not-buyable {
pointer-events: auto;
}

.btn-buy.not-buyable:active {
background-color: #ccc; 
pointer-events: none;
}

@media (hover: none) {
.btn-buy.not-buyable {
background-color: #ccc;
cursor: not-allowed;
pointer-events: none;
}
}

@media (max-width: 768px) {
.lSPager.lSGallery {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
visibility: hidden !important;}

.lSAction {
display: none !important;}
}

.mobile-gallery-controls {
display: flex;
justify-content: center;
align-items: center;
margin-top: 5px;
gap: 10px;
font-size: 14px;}

.gallery-nav-btn {
padding: 5px;
font-size: 14px;}

@media (min-width: 768px) {
.mobile-controls {
display: none;}
}