.dh-home-product__actions:has([data-product-share]) { visibility: visible; }

.dh-home-product__action[data-product-share] {
    border-color: #b9dadd;
    color: #158993;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.dh-home-product__action[data-product-share]:hover,
.dh-home-product__action[data-product-share][aria-expanded="true"] {
    border-color: #78bec3;
    background: #e9f6f7;
    color: #0d717a;
}

.dh-home-product__action[data-product-share]:focus-visible {
    outline: 2px solid #158993;
    outline-offset: 2px;
}

.dh-home-product:has([data-product-share][aria-expanded="true"]) .dh-home-product__actions {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.dh-product-share {
    position: fixed;
    z-index: 1100;
    display: flex;
    justify-content: space-around;
    gap: .45rem;
    width: min(23.5rem, calc(100vw - 1.6rem));
    padding: 1rem .8rem .8rem;
    border: 0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .9rem 2.8rem rgba(22, 57, 76, .18);
    font-family: 'Poppins', sans-serif;
    animation: dh-product-share-in .16s ease-out;
}

.dh-product-share[hidden],
.dh-product-share__toast[hidden] { display: none; }

.dh-product-share__option {
    display: inline-flex;
    flex: 1 1 0;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: .45rem;
    padding: .35rem .1rem;
    border: 0;
    background: transparent;
    color: #385164;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.dh-product-share__option:hover,
.dh-product-share__option:focus,
.dh-product-share__option:active,
.dh-product-share__option:visited { color: #385164; text-decoration: none; }
.dh-product-share__option:focus-visible { outline: 2px solid #1481af; outline-offset: 2px; }

.dh-product-share__bubble {
    display: grid;
    width: 4.1rem;
    height: 4.1rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 1.95rem;
    line-height: 1;
    box-shadow: 0 .25rem .8rem rgba(23, 55, 71, .13);
    transition: transform .18s ease, box-shadow .18s ease;
}

.dh-product-share__bubble--whatsapp { background: #168a5b; }
.dh-product-share__bubble--facebook { background: #1877f2; }
.dh-product-share__bubble--copy { background: #36849d; }
.dh-product-share__option:hover .dh-product-share__bubble { transform: translateY(-2px); box-shadow: 0 .45rem 1rem rgba(23, 55, 71, .2); }

.dh-product-share__toast {
    position: fixed;
    z-index: 1101;
    right: 2rem;
    bottom: 2rem;
    padding: .8rem 1.2rem;
    border-radius: .5rem;
    background: #173e52;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    box-shadow: 0 .5rem 1.8rem rgba(22, 57, 76, .2);
}

@keyframes dh-product-share-in {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .dh-product-share { animation: none; }
    .dh-product-share__bubble { transition: none; }
}