/*
|--------------------------------------------------------------------------
| ADSMARKET LISTING DETAIL — PRODUCTION POLISH V2
|--------------------------------------------------------------------------
*/


/* ========================================================= */
/* TYPOGRAPHY */
/* ========================================================= */


.amd-summary-card h1{
    font-size:25px !important;
    line-height:1.16 !important;
}


.amd-price-row > strong{
    font-size:33px !important;
    letter-spacing:-1px !important;
}


.amd-summary-meta{
    font-size:10.5px !important;
}


.amd-tabs button{
    font-size:12px !important;
    font-weight:650 !important;
    padding:
        0 19px !important;
}


.amd-panel-heading h2{
    font-size:19px !important;
}


.amd-description{
    font-size:12px !important;
}


/* ========================================================= */
/* PANELS */
/* ========================================================= */


.amd-panel,
.amd-summary-card,
.amd-side-card{
    border-color:#dfe6ef !important;

    box-shadow:
        0 8px 24px
        rgba(17,37,66,.045)
        !important;
}


/* ========================================================= */
/* BUYER PROTECTION OVERVIEW */
/* ========================================================= */


.amd-benefit-panel{
    grid-template-columns:
        repeat(4,1fr)
        !important;
}


.amd-benefit-heading{
    grid-column:
        1 / -1;

    padding:
        0 15px 15px;

    margin-bottom:15px;

    border-bottom:
        1px solid
        #edf1f5;
}


.amd-benefit-heading strong{
    display:block;

    color:#152a48;

    font-size:13px;

    font-weight:800;
}


.amd-benefit-heading small{
    display:block;

    margin-top:4px;

    color:#76859a;

    font-size:9.5px;

    line-height:1.45;
}


.amd-benefit > span{
    background:#e6f8ef !important;

    color:#07985b !important;
}


.amd-benefit strong{
    font-size:11.5px !important;
}


.amd-benefit small{
    font-size:9px !important;
}


/* ========================================================= */
/* SPECIFICATIONS */
/* ========================================================= */


.amd-spec-row{
    grid-template-columns:
        31px
        130px
        minmax(0,1fr)
        !important;

    min-height:52px !important;
}


.amd-spec-icon{
    width:27px !important;

    height:27px !important;

    border-radius:8px !important;

    color:#315b92 !important;
}


.amd-spec-svg{
    width:16px;

    height:16px;

    display:block;
}


.amd-spec-label{
    font-size:11px !important;
}


.amd-spec-row strong{
    font-size:11.5px !important;
}


/* ========================================================= */
/* PRODUCT FEATURES */
/* ========================================================= */


.amd-features-grid{
    align-items:start;
}


.amd-no-item-features{
    grid-column:
        1 / -1;

    padding:
        18px 20px;

    border:
        1px dashed
        #ccd8e6;

    border-radius:10px;

    background:#fafbfd;
}


.amd-no-item-features strong{
    display:block;

    color:#334965;

    font-size:11.5px;
}


.amd-no-item-features small{
    display:block;

    margin-top:5px;

    color:#77869a;

    font-size:9.5px;
}


/* ========================================================= */
/* PRIMARY CONTACT */
/* ========================================================= */


.amd-call-primary,
.amd-whatsapp-primary{
    height:50px !important;

    font-size:11.5px !important;

    border-radius:9px !important;
}


.amd-secondary-actions a,
.amd-secondary-actions button{
    height:41px !important;

    font-size:10px !important;
}


/* ========================================================= */
/* SELLER */
/* ========================================================= */


.amd-seller-avatar{
    width:64px !important;

    height:64px !important;

    flex-basis:64px !important;
}


.amd-seller-name h3{
    font-size:17px !important;
}


.amd-seller-name p{
    font-size:10.5px !important;
}


.amd-seller-stats strong{
    font-size:12px !important;
}


.amd-seller-stats small{
    font-size:8.5px !important;
}


/* ========================================================= */
/* LOCATION */
/* ========================================================= */


.amd-location-title strong{
    font-size:12.5px !important;
}


.amd-location-title small{
    max-width:270px;

    font-size:9.5px !important;

    line-height:1.5;
}


.amd-map-preview > strong:before{
    content:"Approx. ";
}


/* ========================================================= */
/* GENERIC BOOST BANNER */
/* ========================================================= */


.amd-boost-card{
    min-height:175px !important;

    background:
        radial-gradient(
            circle at 85% 42%,
            rgba(34,116,255,.42),
            transparent 24%
        ),
        radial-gradient(
            circle at 72% 78%,
            rgba(245,188,59,.22),
            transparent 24%
        ),
        linear-gradient(
            120deg,
            #071a35 0%,
            #0a315f 62%,
            #0c5598 100%
        )
        !important;
}


.amd-boost-card:before{
    content:"";

    position:absolute;

    right:35px;

    top:24px;

    width:115px;

    height:115px;

    border:
        18px solid
        rgba(255,255,255,.08);

    border-radius:50%;

    transform:
        rotate(-18deg);
}


.amd-boost-card:after{
    content:"↗";

    position:absolute;

    right:72px;

    top:51px;

    color:
        rgba(255,255,255,.78);

    font-size:50px;

    font-weight:300;

    transform:
        rotate(-12deg);
}


.amd-boost-overlay{
    background:
        linear-gradient(
            90deg,
            rgba(4,17,35,.96),
            rgba(4,17,35,.70) 65%,
            rgba(4,17,35,.05)
        )
        !important;
}


/* ========================================================= */
/* SIMILAR ADS */
/* ========================================================= */


.amd-similar-item{
    min-height:98px !important;

    grid-template-columns:
        130px
        minmax(0,1fr)
        !important;

    gap:12px !important;
}


.amd-similar-image{
    height:82px !important;

    border-radius:8px !important;
}


.amd-similar-item strong{
    font-size:11.5px !important;
}


.amd-similar-item b{
    font-size:16px !important;
}


.amd-similar-item small{
    font-size:9px !important;
}


/* ========================================================= */
/* GALLERY */
/* ========================================================= */


.amd-main-photo{
    background:
        linear-gradient(
            135deg,
            #edf2f7,
            #e6ecf3
        )
        !important;
}


.amd-main-photo > img,
.amd-thumb img,
.amd-similar-image img{
    background:#edf2f7 !important;

    object-fit:cover !important;

    object-position:center !important;
}


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


@media(max-width:700px){

    .amd-benefit-panel{
        grid-template-columns:
            1fr 1fr
            !important;
    }


    .amd-benefit-heading{
        grid-column:
            1 / -1;
    }


    .amd-spec-row{
        grid-template-columns:
            31px
            105px
            minmax(0,1fr)
            !important;
    }

}


@media(max-width:480px){

    .amd-summary-card h1{
        font-size:20px !important;
    }


    .amd-price-row > strong{
        font-size:27px !important;
    }


    .amd-benefit-panel{
        grid-template-columns:1fr !important;
    }


    .amd-benefit-heading{
        grid-column:auto;
    }

}