html {
    --bg-secondary-deep: #1D1D1D;
}

.bg-sec-deep {
    background-image: linear-gradient(70deg, #3b3b3b, var(--bg-secondary-deep));
}

.mbt-1{
    margin-bottom: 10px !important;
}

summary {
font-size: 1rem;
font-weight: 400;
background-color: #1c1e2f;
color: #fff;
padding: 0.5rem;
margin-bottom: .5rem;
outline: none;
border-radius: 0.25rem;
text-align: left;
cursor: pointer;
position: relative;
}
details[open] summary ~ * {
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0%    {opacity: 0; margin-top: -10px}
100%  {opacity: 1; margin-top: 0px}
}
details > summary::after {
position: absolute;
content: "+";
right: 20px;
}
details[open] > summary::after {
position: absolute;
content: "-";
right: 20px;
}
details > summary::-webkit-details-marker {
display: none;
}

details .faq__content{
    padding: 5px 10px 20px;
}

.tl {
    padding: 10px 10px;
    color: #fff !important;
}

/* product page */
.product-details {
    color: white;
}
.product-details .product-name {
    color: white;
    margin-top: 30px;
    margin-bottom: 20px;
}
.product-details .tagline {
    color: white;
}
.product-details a {
    color: white;
}
.product-details .rating-stars {
    display: flex;
    justify-content: center;
}

.product-flex {
    color: black;
    display: flex;
    margin: 20px 0;
}
.product-flex .product-details {
    flex-grow: 1;
    color: black;
}