/*Product content Main data*/
.pwrapper .nav-tabs{
    width:fit-content;
}
.product-card:hover {
    background-color: #fbf3ea;
}

.product-info .custom-select {
    max-width: 33%;
}

.product-image img {
    max-width: 100%;
}

.product-info {
    padding: 20px 0px 0px 0px;
    width: 100%;
}

.bg-highendorange {
    background-color: #ff8800 !important;
}

/*Tab content (Price, QTY, In/Out of stock & add-to-cart button*/
.tab-content{
    align-content:space-around;
}

.tab-content button:hover {
    position: relative;
    background-color: #FFF;
    color: #E5BA81;
    border-color: #E5BA81;
}
.tab-content h4 {
    margin: 10%;
    padding-top: 10px;
}

a.set-link{
    color:cadetblue;
    font-weight:700;
    text-decoration:underline;
}

/*Navigation tabs and styling*/

/*-----------Foil gradiant on foil navigation tabs*/
.nav-tabs > li.foil > a {
    background: linear-gradient(115deg, rgba(0,255,0,0) -20%, rgba(0,255,0,0.25) 25%, rgba(255,255,0,0.3) 50%, rgba(255,0,0,0.15) 75%, rgba(255,0,0,0.3) 100%);
}
/*-----------/Foil gradiant on foil navigation tabs*/

.nav-tabs{
    border-bottom-color: #000;
}

.nav-tabs > li > a{
    font-size: 12px;
    padding: 8px 9px 2px 9px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-radius: 3px 3px 0px 0px;
    border-color: black;
}
.nav-tabs > li > a.active{
    color:black;
    border-bottom: solid 3px white;
}

.nav-tabs > li.outOfStock > a {
    color: rgba(0,0,0,.2);
    border-left-color: rgba(0,0,0,.2);
    border-top-color: rgba(0,0,0,.2);
    border-right-color: rgba(0,0,0,.2);
}

.nav-tabs > li.outOfStockPlayed > a {
    display:none;
}

/*Mobile/Responsive Design @media calls*/

.out-of-stock-text, .price-text{
    font-size:0.9em;
}

.frame-img-wrapper-a {
    border: 15px solid;
    border-image-slice:19 20 21 21;
    border-image-source:url("https://tokyomtg.com/img/nav/frame-image-a.png");
}
.frame-img-wrapper-b {
    border: 15px solid;
    border-image-slice:31 34 34 34;
    border-image-source:url("https://tokyomtg.com/img/nav/frame-image-b.png");
}
.frame-img-a {
    border: 30px solid;
    border-image-slice:19 20 21 21;
    border-image-source:url("https://tokyomtg.com/img/nav/frame-image-a.png");
}
.frame-img-b {
    border: 30px solid;
    border-image-slice:31 34 34 34;
    border-image-source:url("https://tokyomtg.com/img/nav/frame-image-b.png");
}
.frame-matte-black {
    background-color:#303030;
}
.frame-matte-white {
    background-color:#F5F5F5;
}

@media (min-width: 1200px) { .sellerranking { top:37px; right:37px; font-size:20px; } }
@media (min-width: 992px) and (max-width: 1199px) { .sellerranking { top:15px; right:15px; font-size:12px; } }
@media (min-width: 768px) and (max-width: 991px) { .sellerranking { top:10px; right:10px; font-size:7px; } }
@media (min-width: 746px) and (max-width: 767px) { .sellerranking { top:7px; right:7px; font-size:5px; } }
@media (min-width: 576px) and (max-width: 745px) { .sellerranking { top:15px; right:15px; font-size:13px; } }
@media (max-width: 575px) { .sellerranking { top:12px; right:12px; font-size:12px; } }

.sellerranking {
    position: absolute;
    border: 2px solid;
    padding: 2px 10px;
    background-color: #FFF;
    border-color: #E5BA81;
    color: #E5BA81;
}

@media (min-width: 1200px) { .overlaytext1 { top:75px; font-size:24px; line-height:25px; } }
@media (min-width: 992px) and (max-width: 1199px) { .overlaytext1 { top:25px; font-size:14px; line-height:20px; } }
@media (min-width: 768px) and (max-width: 991px) { .overlaytext1 { top:20px; font-size:8px; line-height:15px; } }
@media (min-width: 746px) and (max-width: 767px) { .overlaytext1 { top:15px; font-size:6px; line-height:10px; } }
@media (min-width: 576px) and (max-width: 745px) { .overlaytext1 { top:30px; font-size:16px; line-height:25px; } }
@media (max-width: 575px) { .overlaytext1 { top:25px; font-size:14px; line-height:20px; } }

@media (min-width: 1200px) { .overlaytext2 { top:100px; font-size:48px; line-height:75px; } }
@media (min-width: 992px) and (max-width: 1199px) { .overlaytext2 { top:95px; font-size:42px; line-height:50px; } }
@media (min-width: 768px) and (max-width: 991px) { .overlaytext2 { top:65px; font-size:30px; line-height:40px; } }
@media (min-width: 746px) and (max-width: 767px) { .overlaytext2 { top:90px; font-size:48px; line-height:75px; } }
@media (min-width: 576px) and (max-width: 745px) { .overlaytext2 { top:90px; font-size:48px; line-height:75px; } }
@media (max-width: 575px) { .overlaytext2 { top:75px; font-size:42px; line-height:50px; } }

.overlaytext1, .overlaytext2{
    position:absolute; 
    width:100%; 
    color:#fff; 
    font-weight:bolder; 
    text-align:center;
    backdrop-filter: blur(0.7px);
    text-stroke: 0.8px black;
    -webkit-text-stroke: 0.8px black;
}

@media (max-width: 1199px) {
    .frame-img-wrapper-a {
        border: 10px solid;
        border-image-slice:19 20 21 21;
        border-image-source:url("https://tokyomtg.com/img/nav/frame-image-a.png");
    }
    .frame-img-wrapper-b {
        border: 10px solid;
        border-image-slice:31 34 34 34;
        border-image-source:url("https://tokyomtg.com/img/nav/frame-image-b.png");
    }
}

/*-------------------Mobile Wrappers-------------------*/
@media (min-width: 746px){
    .price-text{
        margin:2% 2% 2% 0%;
        line-height:1.5;
    }
    .nav-tabs > li > a{
        font-size: 12px;
    }
    .out-of-stock-text{
        margin:2% 2% 2% 0%;
    }
    .pwrapper{
        max-width:calc(50% - 1em);
        display:inline-block;
    }
    .full-screen-break{
        display:none;
    }
    .pwimgcontainer{
        max-height: 330px;
        text-align: center;
    }
    .pwimgcontainer img{
        max-height: 330px;
        width: auto!important;
    }
    .pwrapper ul.nav{
        flex-wrap:unset;
    }
}
@media (min-width: 1200px){
    .pwrapper{
        max-width:calc(25% - 1em);
        display:inline-flex;
    }
    .w-25{
        width:100%!important;
    }
}
@media (min-width:370px){
    .pwrapper ul.nav{
        flex-wrap:unset;
    }
}

.lang-badge{
width: 100%;
max-width:265px;
display:block;
border: solid 1px black;
font-weight:500;
text-align:center;
font-size:1.0em;
margin:2% 0% 2% 0%;
}

/*-------------------Mobile Wrappers-------------------*/

@media (min-width:576px) and (max-width:1199px){
    .pcontainer.container{
        max-width: 1200px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .pwrapper{
        width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;  
    width: fill-available;
    }
}
.pwrapper .col{
    padding-left:0;
}

/*----------------Buy site specific CSS---------------*/
.hotbuy-container .hotbuy-title{
	padding:0 5px;
    margin:-35px;
    position: absolute;
    color:aliceblue;
}
.hotbuy-container {
    border-top: 40px solid #2b6c8c;
    border-right: 5px solid #3A6073;
    border-left: 5px solid #3A6073;
    border-bottom: 5px solid #3A6073;
    background:white;
    background-color: aliceblue;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    margin-top: 20px;
}
.hotbuy-container .pwrapper{
    height:100%;
    flex: 1 1 auto;
    min-height: 1px;
    padding: .5rem;
}
.hotbuy-container .pwimgcontainer{
  max-width:100px;
  margin-left: auto;
  margin-right: auto;
}
.hotbuy-container .nav-tabs > li > a.active{
  border-bottom: solid 3px aliceblue;
}
/*----------------/Buy site specific CSS---------------*/