/* === Galeria de producto === */

/* Posicion relativa para anclar la lupa */
.dipl_woo_product_gallery_wrap {
    position: relative !important;
}

/* Slider principal */
.dcg-main-slider {
    width: 100%;
}
.dcg-slide img {
    width:    100%;
    height:   auto;
    display:  block;
}

/* Boton lupa */
.dipl-gallery-lupa {
    position:        absolute !important;
    top:             10px !important;
    right:           10px !important;
    z-index:         20 !important;
    background:      rgba(255, 255, 255, 0.88) !important;
    border:          none !important;
    border-radius:   50% !important;
    width:           42px !important;
    height:          42px !important;
    display:         flex !important;
    align-items:     center !important;
    justify-content: center !important;
    cursor:          pointer !important;
    padding:         9px !important;
    box-shadow:      0 2px 8px rgba(0, 0, 0, 0.22) !important;
    transition:      background 0.2s, transform 0.15s !important;
    line-height:     0 !important;
}
.dipl-gallery-lupa:hover {
    background: #fff !important;
    transform:  scale(1.12) !important;
}
.dipl-gallery-lupa svg {
    width:   22px !important;
    height:  22px !important;
    color:   #333 !important;
    display: block !important;
}

/* Nav de miniaturas */
.dcg-nav-slider {
    margin-top: 8px;
}
.dcg-nav-slider .slick-slide {
    padding: 0 3px;
}
.dcg-nav-item img {
    width:        100%;
    height:       68px;
    object-fit:   cover;
    cursor:       pointer;
    opacity:      0.55;
    border:       2px solid transparent;
    transition:   opacity 0.2s, border-color 0.2s;
    display:      block;
}
.dcg-nav-slider .slick-current .dcg-nav-item img,
.dcg-nav-item:hover img {
    opacity:      1;
    border-color: #555;
}
.dcg-nav-slider .slick-prev { left:  -14px; }
.dcg-nav-slider .slick-next { right: -14px; }
.dcg-nav-slider .slick-prev::before,
.dcg-nav-slider .slick-next::before {
    color:     #444;
    font-size: 16px;
}