.wai-label-ts {
padding-left: 20px;
background-image: url(//tsvline.com/ro//wp-content/uploads/2025/04/attach-paperclip-symbol.png);
background-size: 13px;
background-repeat: no-repeat;
background-position: 0 3px; margin-top: 10px;
display: inline-block;
}
.wai-label-descripiton p {
margin-bottom: 0px !important;
}
@media screen and (min-width: 768px) {
.wai-label.bottle_left {
display: grid;
grid-template-columns: 170px auto;
}
.wai-label.bottle_right {
display: grid;
grid-template-columns: auto 170px;
}
.wai-label-bottle {
text-align: center;
}
.wai-label-bottle img{
max-width: 80%;
}
.wai-label.bottle_left .wai-label-info {
padding-left: 60px;
}
.wai-label.bottle_right .wai-label-info {
padding-right: 60px;
order: -1;
}
.wai-label-info {
padding-top: 30px;
}
}
@media screen and (max-width: 767px) {
.wai-label-bottle img {
width: 100%;
max-width: 90px;
}
.wai-label-info {
padding-top: 30px;
}
.wai-label.bottle_right .wai-label-info {
order: -1;
}
}
.wai-label-tabs > ul {
padding-left: 0px !important;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.wai-label-tabs > h6 {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.wai-label-tabs > ul {
display: none !important;
}
}
.wai-label-tabs > ul li {
display: inline;
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
}
.wai-label-tabs > ul li:not(:first-child) {
margin-left: 15px;
}
.wai-label-tabs > ul li {
opacity: 0.6;
display: inline-block;
border-bottom: 1px solid #d9d9d9;
}
.wai-label-tabs > ul li.active {
opacity: 1 !important;
border-bottom: 1px solid black;
}
@media screen and (min-width: 768px) {
.wai-label-tabs-content {
display: none;
margin-top: 15px;
}    
}
@media screen and (max-width: 767px) {
.wai-label-tabs-content {
display: none;
margin-top: 10px;
} 
}
.wai-label-tabs-content.active {
display: block;
}
.wai-label-tabs-ti > div {
display: grid;
max-width: 320px;
width: 100%;
grid-template-columns: 40% 60%;
}
.wai-label-tabs-content.wai-label-tabs-ti > div:not(:first-child) {
margin-top: 4px;
}
.wai-label-tabs-ti > div > span {
font-size: 1rem;
}
.wai-label-tabs > h6 {
padding-right: 25px;
position: relative;
display: block;
margin-top: 20px;
margin-bottom: 4px !important;
opacity: 0.6;
font-weight: 600;
padding-bottom: 4px;
border-bottom: 1px solid #e6e6e6;
}
.wai-label-tabs > h6.active {
opacity: 1 !important;
}
.wai-label-tabs > h6 > img {
position: absolute;
top: 5px;
right: 0px;
transform: rotate(180deg);
transition: all 0.3s;
width: 12px;
opacity: 0.6;
}
.wai-label-tabs > h6.active > img {
transform: rotate(0deg);
opacity: 1;
}