@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500;700&display=swap');

.landing .items {
    background-image: url(../img/home-card-bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #626262 !important;
    border-radius: 12px;
}
.landing .items .bgimg img{width:100%; height:100%; object-fit:cover; object-position:top;}
.landing .items .bgimg{
    max-height: 237px;
    overflow: hidden;
    padding: 0px;
    height: 100%;
}
.landing .items .item-content .itemsmainimg{height: 193px; margin: 0 auto; display: inline-block;}
.landing .item-content .pricetag{background:transparent;}
.landing .item-content{background:transparent;text-align: center;}
.landing .item-content .bar{border:3px solid #fff; background:#fff;}
.grid .item-content .bar .subbar{background:#F54400;}
/*.grid .item-content .pricetag .price img{width:24px;}*/
.landing .item-content .btn-primary{padding:0; background:transparent; border:0; width: calc(50% - 5px);}
.landing .item-content .btn-container{margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; padding-top:15px; line-height: 52px;}
.landing .item-content .btn-container .btn:first-child{margin-right:5px;}
.landing .item-content .btn-container .btn:last-child{margin-left:5px;}
.landing .item-content .btn-primary{height:54px; display: flex; align-items: center; justify-content: center;}
.landing .item-content .pricetag .price, .grid .item-content .pricetag span, .landing .item-content .pricetag .price sub, .landing .item-content .pricetag .price2 sub{color:#2A2A2A;}

.landing .item-content .pricetag .price{
    padding-right: 0;
    background: transparent;
    color: #2A2A2A;
    bottom: 0;
    display: flex;
    gap: 7px;
}
.landing .item-content .pricetag .price2{text-align:left;}
.landing .item-content .pricetag .price2 .f4 img{height:30px;}
.landing .item-content .pricetag .price span{
    font-size: 22px;
    font-family: 'NotoSansJP-Bold';
    -webkit-text-stroke: 4px #fff;
    paint-order: stroke fill;
}
.landing .item-content .pricetag .price sub{
    bottom: -1px;
    margin-left: 5px;
    font-weight: 400;
    color: #2A2A2A;
}

.grid .items .item-content .btn-primary{background: #ff8a00; border: 4px solid #ffba68; color: #fff;}
.grid .items .item-content .btn-primary img{height: 20px; margin-right:3px;}
.grid .items .item-content .btn-primary span{font-family: 'Roboto Mono', monospace;  color: #fff; font-weight: 700;vertical-align: middle;}
.grid .items .item-content .btn-default img{height: 20px; margin-right:3px;}
.grid .items .item-content .btn-default span{font-family: 'Roboto Mono', monospace;  color: #fff; font-weight: 700;vertical-align: middle;}

.grid .items .item-content .btn-primary:hover, .grid .items .item-content .btn-default:hover {
    filter: brightness(1) contrast(2);
}

.orange-bar{
    background: #FC8F18 !important;
}

.green-bar {
    background: #6FB718 !important;

}
