/** Shopify CDN: Minification failed

Line 93:17 Expected identifier but found bad string token
Line 93:18 Unterminated string token

**/
.vpv-pdp-complementary-products{
     color: rgba(17, 17, 17, 1);
     font-family: ginto-nord;
    padding:;
}
.vpv-pdp-complementary-products .complementary-products-title{
    color: rgb(17, 17, 17);
    
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom:20px;
    text-align:center;
}
.comp-product-card{
   align-items: center;
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 100px 1fr max-content;
    grid-column-gap: 10px;
    justify-content: stretch;
    max-width: auto; 
    position: relative;
     scroll-snap-align: center;
      width: 100%;
}

.comp-image{
   align-items: center;
    border-radius: 10px;
     display: flex;
    flex-direction: column;
     height: 100%;
    justify-content: center;
     position: relative;
   
    width: 100%;
    
}
.comp-image img{
     border-radius: 10px;
    height: auto;
     max-height: 100% !important;
    max-width: 100% !important;
     overflow: hidden;
    object-fit: contain !important;
    width: 100%;
 }
.comp-image .zoom-icon{
    align-items: center;
    background-color:#fff;
    border: 0.5px solid #D5D9DC;
    border-radius: 100px;
    box-shadow: 0 15px 19px 0 rgba(151, 210, 206, 0.22);
    display: flex;
    height: 26px;
    justify-content: center;
    margin: 8px 8px 8px 8px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 26px; }
.comp-image .zoom-icon svg {    
    height: 13px;
    width: 13px;}

    .comp-zoom{
        display:block;
        max-height:90vh; 
        max-width:90vw; 
        object-fit:contain; 
         pointer-events:none;}
.close-zoom{
    align-items:center;
    background-color:#fff;  
    border:none; 
    border-radius:100px;
    cursor:pointer; 
    display:flex;
    height:44px;
    justify-content:center;
    line-height:1; 
    position:absolute; 
    right:20px; 
    top:16px; 
    width:44px;
   z-index:10000;"
}
.close-zoom svg{
    height: 14px;
    width: 14px;
 }
#comp-lightbox{
    animation: reveal 0.3s ease-in-out;
    align-items:center; 
    background: rgba(235, 238, 242, 0.4);
    backdrop-filter: blur(8px);
    height:100%;
    justify-content:center;
    left:0;
    position:fixed;
    top:0;
    width:100%;
     z-index:9999; 
}

@keyframes reveal{
0%  {opacity: 0;}
100% {opacity: 1;}
}

.vpv-pdp-complementary-products .comp-content{ text-align: left;}
.vpv-pdp-complementary-products .comp-product-title{
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    padding: 0px 0 5px 0;
     text-align: left;
    width: 100%;}

  .vpv-pdp-complementary-products .comp-product-price{ 
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    padding: 0px 3px 0px 3px;
     text-align: left;
    width: 100%;}

    .comp-atc-btn{
    align-items: center;
    background:#000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: ginto-nord;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    justify-content: center;
    margin: 10px 0px 5px 0px;
    padding: 8px 15px;
    text-align: center;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    width: auto;
    }