/* Dralys Smart Share / Product Action Card v1.3.1 */

.dss-original-share-hidden,
.dss-old-local-hidden{
    display:none !important;
}

.dss-action-card{
    position:relative;
    display:block;
    width:min(100%,560px);
    margin:10px 0 6px;
    padding:7px;
    border:1px solid #e4e9f0;
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 16px rgba(15,39,74,.06);
    box-sizing:border-box;
    z-index:25;
}


.dss-action-card .dss-trust-strip{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    min-height:30px;
    margin:0 0 6px;
    padding:0 8px 6px;
    border-bottom:1px solid #eef2f6;
    color:#53657e;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
    box-sizing:border-box;
    white-space:nowrap;
}

.dss-action-card .dss-trust-check{
    color:#1f8f4e;
    font-weight:900;
}

.dss-action-card .dss-trust-sep{
    color:#c4ccd7;
}

.dss-action-card .dss-action-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:6px;
    width:100%;
}

.dss-action-card .dss-action{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 9px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#f7f9fc !important;
    color:#17325c !important;
    box-shadow:none !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}

.dss-action-card button.dss-action{
    cursor:pointer !important;
}

.dss-action-card button.dss-action:hover{
    background:#f0f4f8 !important;
}

.dss-action-card .dss-action svg{
    flex:0 0 auto;
}

.dss-action-card .dss-shipping{
    color:#176b3a !important;
    background:#f1faf4 !important;
}

.dss-action-card .dss-save.is-saved{
    color:#b34a17 !important;
    background:#fff5ef !important;
}

.dss-action-card .dss-share-main{
    color:#0b2b5c !important;
}

.dss-desktop-menu{
    position:absolute;
    right:7px;
    bottom:calc(100% + 8px);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    width:235px;
    padding:8px;
    border:1px solid #e4e9f0;
    border-radius:13px;
    background:#fff;
    box-shadow:0 18px 50px rgba(15,35,65,.18);
    opacity:0;
    visibility:hidden;
    transform:translateY(6px);
    transition:.15s ease;
    z-index:99999;
}

.dss-desktop-menu.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.dss-desktop-menu button{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:6px 8px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#f8fafc !important;
    color:#1b2940 !important;
    box-shadow:none !important;
    font:inherit !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-transform:none !important;
    cursor:pointer !important;
}

.dss-desktop-menu button:hover{
    background:#f1f5f9 !important;
}

.dss-round{
    display:grid;
    place-items:center;
    flex:0 0 27px;
    width:27px;
    height:27px;
    border-radius:50%;
    font-size:13px;
    font-weight:900;
}

.dss-round.fb{background:#1877f2;color:#fff;}
.dss-round.xx{background:#111;color:#fff;}
.dss-round.wa{background:#25d366;color:#fff;}
.dss-round.cp{background:#e9eef5;color:#0b2b5c;}

@media(max-width:767px){
    .dss-action-card .dss-trust-strip{
        gap:5px;
        min-height:28px;
        padding:0 4px 5px;
        font-size:9.5px;
    }

    .dss-action-card{
        width:100%;
        gap:5px;
        margin-top:8px;
        padding:6px;
        border-radius:12px;
    }

    .dss-action-card .dss-action{
        height:39px !important;
        min-height:39px !important;
        padding:0 6px !important;
        font-size:10px !important;
    }

    .dss-desktop-menu{
        right:6px;
        width:220px;
    }
}

@media(max-width:390px){
    .dss-action-card .dss-action{
        gap:4px !important;
        font-size:9.5px !important;
    }

    .dss-action-card .dss-action svg{
        width:14px;
        height:14px;
    }
}