/* Product detail page */



.product-wrapper-inner {
align-items: start;
align-content: center;
display: grid;
grid-gap: 1em;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 1em;
margin-top: 3em;
}


.ma-detail-gallery-images {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}

.ma-detail-gallery-images .ma-thumbnail-image {
flex-basis: 25%;
max-width: 25%;
}

.ma-breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .5em;
}

.ma-breadcrumb-item+.ma-breadcrumb-item:before {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "›";
}

.product-detail-title h1 {
font-size: 1.4em;
margin-bottom: 0.5em;
margin-top: 1.5em;
}

.price-detail-page {
display: flex;
font-size: 1.2em;
}

.price-current {
font-weight: bold;
}

.price-old {
color: #6c757d;
text-decoration: line-through;
margin-left: .5em;
}

.product-detail-sku {
color: #7c7c7c;
margin: 1em 0;
}

.variation-alert a {
font-weight: 500;
}

.variation-alert a:hover {
color: #007aff;
text-decoration: underline;
}

.variation-group {
margin-top: 2em;
margin-bottom: 1.5em;
}

.variation-label {
font-size: .95em;
}

.variation-items-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 1em 0px;
}

.variation-items-wrapper .variation-item {
height: 32px;
border: 2px solid #eee;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
}

.variation-items-wrapper .variation-item.active {
border-color: var(--mainColor);
}

.btn-primary {
background: var(--mainColor);
color: #fff;
border: 0;
padding: 1em;
width: 100%;
font-size: 1.15em;
cursor: pointer;
text-transform: uppercase;
}

.ma-breadcrumbs a {
text-decoration: none;
color: #222;
}

.ma-accordion-group {
margin: 1em 0px;
}

.ma-accordion-item button {
font-size: 1.1em;
font-weight: bold;
background: none;
border: 0;
padding: 0;
border-bottom: 1px solid #222;
width: 100%;
text-align: left;
padding: .5em 0px;
}

.ma-accordion-item>div {
font-size: .9em;
}

.ma-accordion-item button {
cursor: pointer;
}

@media only screen and (max-width: 640px) {

    .product-wrapper-inner {
        grid-template-columns: none;
    }

        
}