body.catalog-product-view .wrap-media-info .product-info-main .share-product {
    order: 9;
    padding-top: 15px;
}

.product-share .share-toggle{
    color: #000;
    font-size: 1.8rem;
    padding-left: 30px;
    position: relative;
}

.share-toggle::before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.906px' height='21.803px' viewBox='-0.508 -0.986 17.906 21.803' enable-background='new -0.508 -0.986 17.906 21.803' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M8.389,0.006C8.15,0.029,7.917,0.132,7.734,0.315L3.021,5.028c-0.42,0.418-0.42,1.098,0,1.517 c0.418,0.419,1.097,0.419,1.516,0l2.887-2.888v9.92c0,0.593,0.48,1.071,1.072,1.071s1.072-0.479,1.072-1.071V3.663l2.88,2.88 c0.419,0.419,1.097,0.419,1.517,0c0.418-0.418,0.418-1.099,0-1.517L9.251,0.314C9.015,0.078,8.696-0.024,8.389,0.006z'/%3E%3Cpath d='M0.01,17.735c-0.015-2.386-0.009-4.284-0.003-6.67c0.003-0.712,0.404-1.177,0.984-1.17 c0.589,0.007,0.959,0.458,0.961,1.188c0.003,2.311,0,3.723,0.002,6.032c0.001,0.858,0.277,1.134,1.144,1.134 c3.534,0.001,7.068,0.001,10.604,0c0.869,0,1.15-0.288,1.151-1.18c0.002-2.341-0.003-3.782,0.003-6.123 c0.002-0.62,0.395-1.039,0.951-1.051c0.521-0.01,0.931,0.396,0.984,0.982c0.014,0.135-0.011,6.856-0.011,6.856 c0,1.252-0.982,2.267-2.234,2.267H2.267C1.015,20,0,18.986,0,17.734'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    z-index: 44;
    cursor: pointer;
}

.share-email::before {
    content: "";
    position: absolute;
    top: 18%;
    left: 19px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20.187px' height='20.708px' viewBox='0 1.516 20.187 20.708' enable-background='new 0 1.516 20.187 20.708' xml:space='preserve'%3E%3Ccircle fill-rule='evenodd' clip-rule='evenodd' cx='10.466' cy='11.239' r='9.438'/%3E%3Cg id='VaZFzS.tif_2_'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M10.378,6.681c1.732,0,3.465-0.001,5.195,0 c0.852,0.001,1.379,0.513,1.383,1.364c0.008,2.18,0.008,4.356,0,6.534c-0.004,0.842-0.535,1.355-1.371,1.355 c-3.473,0-6.943,0-10.415,0c-0.837,0-1.37-0.514-1.37-1.354c-0.009-2.18-0.009-4.356-0.002-6.536 C3.8,7.194,4.328,6.682,5.179,6.681C6.913,6.68,8.645,6.681,10.378,6.681z M10.376,14.923c1.152,0,2.305,0,3.457,0 c0.594-0.002,1.188,0,1.781-0.002c0.227-0.002,0.314-0.088,0.33-0.311c0.002-0.053,0-0.107,0-0.16 c0.002-1.973,0.002-3.944,0-5.917c0-0.054,0.002-0.107,0-0.16c-0.006-0.111-0.059-0.125-0.143-0.062 c-0.043,0.032-0.082,0.065-0.125,0.099c-1.625,1.289-3.246,2.58-4.869,3.865c-0.33,0.26-0.528,0.26-0.855,0.002 c-1.635-1.295-3.269-2.596-4.904-3.891c-0.059-0.047-0.113-0.142-0.199-0.1C4.777,8.322,4.808,8.42,4.808,8.49 c0,2.006-0.001,4.011,0,6.019c0,0.346,0.071,0.412,0.43,0.412C6.95,14.923,8.662,14.921,10.376,14.923z M14.848,7.712 c-2.982,0-5.96,0-8.95,0c0.028,0.089,0.087,0.124,0.137,0.164c1.383,1.099,2.769,2.194,4.147,3.298 c0.148,0.119,0.244,0.119,0.391,0c1.375-1.101,2.754-2.192,4.131-3.287C14.76,7.844,14.831,7.812,14.848,7.712z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    z-index: 44;
    transform: translateY(-50%);
    cursor: pointer;
}

.share-facebook::before {
    content: "";
    position: absolute;
    top: 39%;
    left: 19px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20.188px' height='20.708px' viewBox='0 0 20.188 20.708' enable-background='new 0 0 20.188 20.708' xml:space='preserve'%3E%3Cg id='Ebene_1'%3E%3C/g%3E%3Cg id='svg2'%3E%3Cg%3E%3Ccircle fill-rule='evenodd' clip-rule='evenodd' cx='10.75' cy='10.007' r='9.437'/%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M11.131,19.536v-6.867h2.297l0.347-2.677h-2.644V8.282c0-0.773,0.209-1.293,1.327-1.293l1.408-0.011 v-2.39c-0.242-0.035-1.085-0.104-2.055-0.104c-2.042,0-3.451,1.246-3.451,3.531v1.975H6.052v2.677h2.309v6.867'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    z-index: 44;
    transform: translateY(-50%);
    cursor: pointer;
}

.share-x::before {
    content: "";
    position: absolute;
    top: 61%;
    left: 19px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20.188px' height='20.708px' viewBox='0 0 20.188 20.708' enable-background='new 0 0 20.188 20.708' xml:space='preserve'%3E%3Ccircle cx='9.721' cy='10.007' r='9.437'/%3E%3Cg enable-background='new '%3E%3Cpath fill='%23FFFFFF' d='M14.08,14.809h-2.32l-2.229-3.625l-2.229,3.625H5.125l3.18-4.943L5.328,5.224H7.57l2.065,3.448l2.025-3.448 h2.19l-3.009,4.753L14.08,14.809z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    z-index: 44;
    transform: translateY(-50%);
    cursor: pointer;
}

.share-link::before {
    content: "";
    position: absolute;
    top: 84%;
    left: 19px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20.188px' height='20.708px' viewBox='0 0 20.188 20.708' enable-background='new 0 0 20.188 20.708' xml:space='preserve'%3E%3Cg id='Ebene_1_1_'%3E%3C/g%3E%3Cg id='zqnp7l.tif_1_'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.188,5.849c-0.052,0.24-0.094,0.484-0.157,0.721 c-0.223,0.822-0.643,1.535-1.242,2.137c-1.172,1.176-2.343,2.351-3.521,3.519c-1.889,1.875-4.822,1.891-6.731,0.043 c-0.479-0.463-0.505-1.207-0.06-1.689c0.456-0.49,1.197-0.531,1.706-0.068c0.355,0.324,0.743,0.576,1.223,0.664 c0.758,0.137,1.463,0,2.021-0.544c1.271-1.238,2.535-2.484,3.762-3.768c0.678-0.709,0.778-1.592,0.394-2.479 c-0.381-0.881-1.089-1.359-2.062-1.402c-0.695-0.031-1.281,0.215-1.771,0.709c-0.56,0.564-1.12,1.127-1.687,1.684 c-0.447,0.439-1.002,0.535-1.481,0.277c-0.697-0.377-0.877-1.301-0.325-1.877c0.703-0.734,1.4-1.48,2.176-2.143 c0.66-0.564,1.439-0.889,2.297-1.025c0.061-0.008,0.119-0.025,0.18-0.039c0.354,0,0.71,0,1.064,0 c0.037,0.012,0.072,0.027,0.109,0.033c2.06,0.363,3.38,1.551,3.97,3.553c0.061,0.205,0.092,0.42,0.137,0.629 C20.188,5.138,20.188,5.493,20.188,5.849z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.406,19.567c-2.853-0.002-4.887-1.791-5.177-4.146 c-0.188-1.541,0.272-2.873,1.35-3.979c1.169-1.197,2.359-2.376,3.552-3.554c1.887-1.865,4.807-1.875,6.716-0.033 c0.479,0.463,0.508,1.207,0.064,1.689c-0.454,0.494-1.198,0.535-1.706,0.074c-0.355-0.326-0.742-0.578-1.223-0.666 C9.224,8.815,8.518,8.95,7.96,9.495c-1.271,1.238-2.536,2.486-3.764,3.767c-0.678,0.709-0.777,1.594-0.394,2.48 c0.382,0.881,1.089,1.357,2.063,1.402c0.695,0.031,1.281-0.217,1.77-0.709c0.538-0.543,1.082-1.08,1.621-1.623 c0.318-0.32,0.679-0.533,1.154-0.461c0.469,0.074,0.793,0.336,0.957,0.775c0.164,0.441,0.1,0.873-0.226,1.209 c-0.726,0.748-1.426,1.525-2.229,2.189C8.056,19.233,7.048,19.563,6.406,19.567z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    z-index: 44;
    transform: translateY(-50%);
    cursor: pointer;
}

.copy-loader {
    display: none;
    width: 14px;
    height: 14px;
    border: 2px solid #ccc;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-left: auto;
}

.copy-loader.active {
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.copy-text {
    transition: color 0.3s ease;
}

.share-container {
    position: relative;
    display: inline-block;
}
.share-dropdown {
    display: none;
    position: absolute;
    /* top: 525px; */
    /* left: 445px; */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    padding: 10px;
    z-index: 1000;
    min-width: 160px;
}
.share-dropdown.active {
    display: block;
}
.share-dropdown a {
    display: Block;
    padding: 6px 0;
    padding-left: 40px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}
.share-dropdown a:last-child {
    border-bottom: none;
}
.share-dropdown a:hover {
    background: #f5f5f5;
}

.share-dropdown .close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: #000;
    color: #fff !important;
    font-size: 16px;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 100%;
    cursor: pointer;
    transition: background 0.2s;
}

.share-dropdown .close-btn:hover {
    background: #c0392b;
}