/* =========================================================
   GMD PURCHASE PROTECTION
========================================================= */

.gmd-protection-wrap{
    position:relative;
    display:inline-block;
    vertical-align:top;
    z-index:999;
}

/* =========================================================
   SHIELD PROTECTION BADGE
========================================================= */

.gmd-protection-badge{

    width:40px;
    height:45px;

    background:#0014C3;

    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    clip-path:polygon(
        50% 0%,
        92% 18%,
        92% 58%,
        50% 100%,
        8% 58%,
        8% 18%
    );

    box-shadow:0 6px 18px rgba(0,0,0,0.20);

    cursor:pointer;

    transition:0.25s ease;
}

/* INNER */

.gmd-protect-inner{

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:6px;

    transform:translateY(-2px);
}

/* TEXT */

.gmd-protect-text{

    color:#fff;

    font-size:7px;
    font-weight:600;

    letter-spacing:0.5px;

    line-height:1;
}

/* ICON */

.gmd-protect-icon{

    font-size:10px;

    line-height:1;
}

/* HOVER */

.gmd-protection-badge:hover{
    transform:scale(1.05);
}

/* MOBILE */

@media(max-width:768px){

    .gmd-protection-badge{

        width:30px;
        height:35px;
    }

    .gmd-protect-text{
        font-size:6px;
    }

    .gmd-protect-icon{
        font-size:9px;
    }

}

/* TOOLTIP */

.gmd-protection-tooltip{

    position:absolute;

    top:115%;
    left:50%;

    transform:translateX(-50%) translateY(10px);

    width:320px;
    max-width:90vw;

    background:#0f172a;

    color:#fff;

    padding:18px;

    border-radius:16px;

    z-index:9999;

    opacity:0;
    visibility:hidden;

    transition:0.25s ease;

    box-shadow:0 15px 40px rgba(0,0,0,0.25);

    font-size:14px;
    line-height:1.6;
}

.gmd-protection-tooltip{

    white-space:normal !important;

    writing-mode:horizontal-tb !important;

    word-break:normal !important;

    overflow-wrap:break-word !important;

    display:block;
}
.gmd-protection-tooltip *{
    writing-mode:horizontal-tb !important;
}
/* SHOW */

.gmd-protection-wrap:hover .gmd-protection-tooltip{
    opacity:1;
    visibility:visible;

    transform:translateX(-50%) translateY(0);
}

/* TEXT */

.gmd-protection-tooltip strong{
    display:block;
    margin-bottom:10px;
    font-size:16px;
}

.gmd-protection-tooltip p{
    margin:0 0 12px;
}

.gmd-protection-tooltip ul{
    margin:0 0 12px 18px;
}

.gmd-protection-tooltip li{
    margin-bottom:6px;
}

.gmd-protection-tooltip a{
    color:#38bdf8;
    font-weight:700;
    text-decoration:none;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .gmd-protection-tooltip{

        width:260px;

        left:50%;

        transform:
            translateX(-50%)
            translateY(10px);

        font-size:13px;

        padding:16px;
    }

    .gmd-protection-wrap:hover .gmd-protection-tooltip{

        transform:
            translateX(-50%)
            translateY(0);
    }

    .gmd-protection-badge{

        padding:8px 12px;

        font-size:13px;
    }

}