/*
|--------------------------------------------------------------------------
| ADSMARKET SEARCH PAGE V1
|--------------------------------------------------------------------------
|
| Reference desktop:
| 1280px content
| 280px filter rail
| 20px gap
| 3 listing columns
|
*/


.ams-search-hero{
    min-height:230px;

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            100deg,
            #f8fbff,
            #edf5ff
        );

    border-bottom:
        1px solid
        #edf1f6;
}


.ams-skyline{
    position:absolute;

    inset:
        0 0 0 42%;

    opacity:.16;

    background:
        linear-gradient(
            to top,
            #7eb6ed 0 2px,
            transparent 2px
        );

    pointer-events:none;
}


.ams-skyline:before{
    content:"";

    position:absolute;

    left:2%;

    right:0;

    bottom:0;

    height:135px;

    background:

        linear-gradient(
            to top,
            rgba(
                38,
                126,
                218,
                .36
            ),
            rgba(
                38,
                126,
                218,
                .05
            )
        );

    clip-path:
        polygon(
            0% 100%,
            0% 82%,
            4% 82%,
            4% 62%,
            8% 62%,
            8% 84%,
            12% 84%,
            12% 38%,
            15% 38%,
            15% 78%,
            21% 78%,
            21% 53%,
            25% 53%,
            25% 86%,
            32% 86%,
            32% 47%,
            37% 47%,
            37% 75%,
            43% 75%,
            43% 22%,
            47% 22%,
            47% 69%,
            52% 69%,
            52% 60%,
            58% 60%,
            58% 82%,
            63% 82%,
            63% 33%,
            68% 33%,
            68% 78%,
            73% 78%,
            73% 55%,
            78% 55%,
            78% 83%,
            84% 83%,
            84% 40%,
            89% 40%,
            89% 73%,
            94% 73%,
            94% 58%,
            100% 58%,
            100% 100%
        );
}


.ams-search-hero-inner{
    position:relative;

    z-index:2;

    padding-top:45px;

    padding-bottom:22px;
}


.ams-search-title-row{
    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:30px;
}


.ams-search-title-row h1{
    margin:0;

    color:#0c1a3d;

    font-size:42px;

    line-height:1.05;

    letter-spacing:-1.9px;

    font-weight:800;
}


.ams-search-title-row p{
    margin:
        7px 0 0;

    color:#31466c;

    font-size:15px;
}


.ams-search-signature{
    padding-right:20px;

    transform:
        rotate(-6deg);

    color:#5c7eae;

    font-family:
        cursive;

    font-size:23px;

    line-height:1.08;

    font-style:italic;
}


.ams-search-signature span{
    display:block;

    width:102px;

    height:4px;

    margin:
        7px 0 0 18px;

    border-radius:999px;

    background:#dda21d;

    transform:
        rotate(-8deg);
}


.ams-main-search{
    display:grid;

    grid-template-columns:
        1.18fr
        .98fr
        1fr
        160px;

    gap:10px;

    margin-top:27px;
}


.ams-search-control{
    height:58px;

    padding:
        0 16px;

    border:
        1px solid
        #dce5f0;

    border-radius:12px;

    background:#fff;

    display:flex;

    align-items:center;

    gap:13px;

    box-shadow:
        0 6px 18px
        rgba(24,49,82,.04);
}


.ams-search-control > span{
    color:#071d43;

    font-size:22px;
}


.ams-search-control input,
.ams-search-control select{
    flex:1;

    min-width:0;

    width:100%;

    border:0;

    outline:0;

    background:
        transparent;

    color:#172640;

    font-size:13px;
}


.ams-search-control select{
    appearance:none;
}


.ams-search-control b{
    font-size:12px;

    color:#13315e;
}


.ams-search-button{
    border:0;

    border-radius:11px;

    background:
        linear-gradient(
            180deg,
            #1680ff,
            #0562e7
        );

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    box-shadow:
        0 8px 18px
        rgba(19,104,233,.25);

    outline:
        3px solid
        rgba(57,137,255,.20);
}


.ams-search-button span{
    font-size:19px;
}


/* ========================================================= */
/* CATEGORY CHIPS */
/* ========================================================= */


.ams-chip-strip{
    padding:
        12px 0 10px;

    border-bottom:
        1px solid
        #edf1f6;

    background:#fff;
}


.ams-chip-scroll{
    display:flex;

    align-items:center;

    gap:8px;

    overflow-x:auto;

    scrollbar-width:none;
}


.ams-chip-scroll::-webkit-scrollbar{
    display:none;
}


.ams-category-chip{
    flex:
        0 0 auto;

    min-height:43px;

    padding:
        0 15px;

    border:
        1px solid
        #e3e9f2;

    border-radius:12px;

    background:#f7f9fc;

    display:flex;

    align-items:center;

    gap:8px;

    color:#24354f;

    font-size:11px;

    font-weight:550;

    transition:
        .2s ease;
}


.ams-category-chip:hover{
    border-color:#9fc1ef;

    background:#f2f7ff;
}


.ams-category-chip.active{
    border-color:#0e67e7;

    background:#0e67e7;

    color:#fff;

    font-weight:700;
}


.ams-category-chip b{
    font-weight:600;

    opacity:.75;
}


.ams-chip-icon{
    font-size:16px;
}


/* ========================================================= */
/* RESULTS LAYOUT */
/* ========================================================= */


.ams-results-section{
    padding:
        14px 0 26px;

    background:#fff;
}


.ams-results-layout{
    display:grid;

    grid-template-columns:
        280px
        minmax(0,1fr);

    gap:26px;

    align-items:start;
}


/* ========================================================= */
/* SIDEBAR */
/* ========================================================= */


.ams-sidebar{
    border:
        1px solid
        #dfe6ef;

    border-radius:14px;

    background:#fff;

    overflow:hidden;

    box-shadow:
        0 5px 18px
        rgba(26,47,78,.035);
}


.ams-filter-heading{
    min-height:56px;

    padding:
        0 16px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    border-bottom:
        1px solid
        #e7ebf1;
}


.ams-filter-heading h2{
    margin:0;

    display:flex;

    align-items:center;

    gap:9px;

    color:#0c1937;

    font-size:17px;

    font-weight:800;
}


.ams-filter-heading h2 span{
    color:#0c6df0;

    font-size:18px;
}


.ams-filter-heading a{
    color:#0b68e5;

    font-size:10px;

    text-decoration:underline;
}


.ams-filter-group{
    padding:
        15px 17px;

    border-bottom:
        1px solid
        #e7ebf1;
}


.ams-filter-group:last-child{
    border-bottom:0;
}


.ams-filter-title{
    width:100%;

    padding:0;

    margin-bottom:12px;

    border:0;

    background:
        transparent;

    display:flex;

    align-items:center;

    justify-content:space-between;

    color:#0d1d3e;

    font-size:13px;

    font-weight:800;

    text-align:left;
}


.ams-filter-title span{
    color:#274a78;

    font-size:12px;
}


.ams-filter-options{
    display:grid;

    gap:8px;
}


.ams-check-row{
    min-height:20px;

    display:grid;

    grid-template-columns:
        18px
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:8px;

    cursor:pointer;

    color:#405270;

    font-size:11px;
}


.ams-check-row input{
    width:17px;

    height:17px;

    margin:0;

    accent-color:#1472ef;

    cursor:pointer;
}


.ams-check-row b{
    color:#637591;

    font-size:10px;

    font-weight:500;
}


.ams-check-row em{
    width:14px;

    height:14px;

    margin-left:4px;

    border-radius:50%;

    background:#1372ef;

    color:#fff;

    display:inline-grid;

    place-items:center;

    font-size:8px;

    font-style:normal;
}


.ams-price-inputs{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;
}


.ams-price-inputs input{
    width:100%;

    height:38px;

    padding:
        0 11px;

    border:
        1px solid
        #d5dfeb;

    border-radius:8px;

    outline:0;

    font-size:10px;
}


.ams-range-track{
    height:24px;

    margin-top:8px;

    position:relative;
}


.ams-range-track:before{
    content:"";

    position:absolute;

    left:4px;

    right:4px;

    top:11px;

    height:3px;

    border-radius:99px;

    background:
        linear-gradient(
            90deg,
            #1475f4
            0 58%,
            #ccd6e4
            58% 100%
        );
}


.ams-range-track i{
    position:absolute;

    top:6px;

    width:13px;

    height:13px;

    border-radius:50%;

    background:#1475f4;
}


.ams-range-track i:first-of-type{
    left:2px;
}


.ams-range-track i:last-of-type{
    left:57%;
}


.ams-price-presets{
    display:flex;

    flex-wrap:wrap;

    gap:5px;
}


.ams-price-presets button{
    min-height:25px;

    padding:
        0 8px;

    border:0;

    border-radius:7px;

    background:#f1f5fb;

    color:#365073;

    font-size:8px;

    cursor:pointer;
}


.ams-price-presets button:first-child{
    background:#e8f1ff;

    color:#0a63df;
}


.ams-filter-apply{
    width:100%;

    height:34px;

    margin-top:10px;

    border:0;

    border-radius:8px;

    background:#0f69e9;

    color:#fff;

    font-size:10px;

    font-weight:700;

    cursor:pointer;
}


.ams-location-search{
    height:42px;

    padding:
        0 10px;

    border:
        1px solid
        #d7e0ec;

    border-radius:8px;

    display:flex;

    align-items:center;

    gap:8px;
}


.ams-location-search > span{
    font-size:18px;
}


.ams-location-search select{
    flex:1;

    min-width:0;

    border:0;

    outline:0;

    background:
        transparent;

    font-size:10px;
}


.ams-distance-options{
    display:grid;

    gap:7px;

    margin-top:12px;
}


.ams-distance-options label{
    display:flex;

    align-items:center;

    gap:8px;

    color:#425574;

    font-size:10px;

    cursor:pointer;
}


.ams-distance-options input{
    width:16px;

    height:16px;

    margin:0;

    accent-color:#166ee9;
}


/* ========================================================= */
/* RESULTS HEADER */
/* ========================================================= */


.ams-results-main{
    min-width:0;
}


.ams-results-toolbar{
    min-height:60px;

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:20px;
}


.ams-results-toolbar h2{
    margin:0;

    color:#101d3d;

    font-size:24px;

    line-height:1.15;

    letter-spacing:-.5px;

    font-weight:800;
}


.ams-results-toolbar p{
    margin:
        4px 0 0;

    color:#415779;

    font-size:12px;
}


.ams-sort-area{
    display:flex;

    align-items:center;

    gap:9px;
}


.ams-sort-area > span{
    color:#203759;

    font-size:10px;
}


.ams-sort-area select{
    height:43px;

    min-width:156px;

    padding:
        0 14px;

    border:
        1px solid
        #d9e2ed;

    border-radius:9px;

    background:#fff;

    color:#1a2c48;

    outline:0;

    font-size:11px;
}


.ams-view-button{
    width:43px;

    height:43px;

    border:
        1px solid
        #dce4ef;

    border-radius:9px;

    background:#f6f8fc;

    color:#163158;

    font-size:18px;

    cursor:pointer;
}


.ams-view-button.active{
    border-color:#116df0;

    background:#116df0;

    color:#fff;

    outline:
        3px solid
        rgba(40,126,255,.12);
}


/* ========================================================= */
/* SPONSORED BANNER */
/* ========================================================= */


.ams-sponsored-banner{
    min-height:220px;

    margin:
        4px 0 16px;

    border-radius:13px;

    overflow:hidden;

    position:relative;

    display:grid;

    grid-template-columns:
        1.12fr .88fr;

    background:
        linear-gradient(
            110deg,
            #fbf8f1,
            #fff7e9
        );

    border:
        1px solid
        #e8e9e9;
}


.ams-sponsored-banner:after{
    content:"";

    position:absolute;

    left:48%;

    top:-40px;

    width:5px;

    height:320px;

    background:
        #edae19;

    transform:
        rotate(35deg);

    z-index:2;

    box-shadow:
        -20px 0 45px
        rgba(235,170,20,.12);
}


.ams-sponsored-copy{
    padding:
        16px 21px 13px;

    position:relative;

    z-index:3;
}


.ams-sponsored-label{
    height:28px;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:
        0 11px;

    border-radius:999px;

    background:#f3c46c;

    color:#3a2b07;

    font-size:9px;

    font-weight:700;
}


.ams-sponsored-label i{
    color:#e6a600;

    font-size:17px;

    font-style:normal;
}


.ams-sponsored-copy h3{
    margin:
        10px 0 6px;

    color:#08275c;

    font-size:22px;

    line-height:1.1;

    font-weight:800;
}


.ams-sponsored-copy p{
    max-width:480px;

    margin:0;

    color:#45587a;

    font-size:11px;

    line-height:1.5;
}


.ams-sponsored-copy > strong{
    height:42px;

    margin-top:14px;

    padding:
        0 16px;

    border-radius:8px;

    background:#0c6be9;

    color:#fff;

    display:inline-flex;

    align-items:center;

    gap:14px;

    font-size:11px;

    box-shadow:
        0 8px 18px
        rgba(10,105,231,.20);
}


.ams-sponsored-benefits{
    position:absolute;

    left:21px;

    bottom:13px;

    display:flex;

    align-items:center;

    gap:22px;

    color:#16345c;

    font-size:8px;

    white-space:nowrap;
}


.ams-sponsored-image{
    position:relative;

    min-height:220px;

    overflow:hidden;
}


.ams-sponsored-image img{
    width:100%;

    height:100%;

    object-fit:cover;
}


.ams-sponsored-image:after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,246,225,.30),
            transparent 35%
        );
}


.ams-sponsored-image > div{
    position:absolute;

    right:18px;

    bottom:14px;

    z-index:3;

    text-align:right;

    color:#fff;

    text-shadow:
        0 2px 8px
        rgba(0,0,0,.65);
}


.ams-sponsored-image b{
    display:block;

    max-width:220px;

    font-size:14px;

    line-height:1.1;
}


.ams-sponsored-image small{
    display:block;

    margin-top:4px;

    font-size:9px;
}


/* ========================================================= */
/* LISTING GRID */
/* ========================================================= */


.ams-listing-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:14px;
}


.ams-card{
    min-width:0;

    overflow:hidden;

    border:
        1px solid
        #dfe6ef;

    border-radius:11px;

    background:#fff;

    box-shadow:
        0 5px 16px
        rgba(22,44,73,.035);
}


.ams-card-image{
    height:185px;

    display:block;

    position:relative;

    overflow:hidden;

    background:#eef2f7;
}


.ams-card-image img{
    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .3s ease;
}


.ams-card:hover
.ams-card-image img{
    transform:
        scale(1.035);
}


.ams-card-badge{
    position:absolute;

    left:10px;

    top:10px;

    z-index:2;

    min-height:27px;

    padding:
        0 11px;

    border-radius:8px;

    display:flex;

    align-items:center;

    gap:5px;

    color:#fff;

    font-size:10px;

    font-weight:750;

    box-shadow:
        0 4px 10px
        rgba(0,0,0,.08);
}


.ams-card-badge.featured{
    background:#2479fb;
}


.ams-card-badge.premium{
    background:#f0bb3e;

    color:#2e2105;
}


.ams-card-badge.hot{
    background:#f34a45;
}


.ams-card-badge.verified{
    background:#bdebdc;

    color:#08734c;
}


.ams-card-heart{
    position:absolute;

    right:10px;

    top:9px;

    z-index:2;

    color:#fff;

    font-size:25px;

    line-height:1;

    text-shadow:
        0 2px 6px
        rgba(0,0,0,.70);
}


.ams-card-body{
    padding:
        11px 13px 12px;
}


.ams-card-title{
    min-height:19px;

    display:block;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#0c1b3c;

    font-size:13px;

    font-weight:750;
}


.ams-card-subtitle{
    min-height:16px;

    margin-top:4px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#61728c;

    font-size:10px;
}


.ams-card-price{
    margin-top:10px;

    color:#0a1834;

    font-size:17px;

    font-weight:800;
}


.ams-card-meta{
    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:8px;

    margin-top:9px;

    color:#627591;

    font-size:9px;
}


/* ========================================================= */
/* EMPTY */
/* ========================================================= */


.ams-empty-state{
    grid-column:
        1 / -1;

    padding:
        70px 20px;

    border:
        1px dashed
        #cdd8e7;

    border-radius:14px;

    background:#fafbfd;

    text-align:center;
}


.ams-empty-state > span{
    font-size:48px;

    color:#3769aa;
}


.ams-empty-state h3{
    margin:
        10px 0 5px;

    font-size:20px;
}


.ams-empty-state p{
    color:#6c7b90;

    font-size:12px;
}


.ams-empty-state a{
    height:38px;

    margin-top:8px;

    padding:
        0 15px;

    border-radius:8px;

    background:#0d69e7;

    color:#fff;

    display:inline-flex;

    align-items:center;

    font-size:11px;

    font-weight:700;
}


/* ========================================================= */
/* PAGINATION */
/* ========================================================= */


.ams-pagination-row{
    min-height:66px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;
}


.ams-pagination{
    display:flex;

    align-items:center;

    gap:7px;
}


.ams-pagination a,
.ams-pagination span{
    width:38px;

    height:38px;

    border:
        1px solid
        #dce4ef;

    border-radius:8px;

    background:#fff;

    color:#163356;

    display:grid;

    place-items:center;

    font-size:11px;
}


.ams-pagination span.active{
    border-color:#116bef;

    background:#116bef;

    color:#fff;

    font-weight:700;
}


.ams-pagination span.disabled{
    opacity:.4;
}


.ams-pagination span.dots{
    border-color:
        transparent;
}


.ams-results-count{
    position:absolute;

    right:0;

    color:#314969;

    font-size:10px;
}


/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */


@media(max-width:1100px){

    .ams-results-layout{
        grid-template-columns:
            240px
            minmax(0,1fr);
    }

    .ams-listing-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .ams-sponsored-benefits{
        gap:8px;

        flex-wrap:wrap;
    }

}


@media(max-width:850px){

    .ams-search-title-row{
        align-items:center;
    }

    .ams-search-title-row h1{
        font-size:34px;
    }

    .ams-search-signature{
        display:none;
    }

    .ams-main-search{
        grid-template-columns:
            1fr 1fr;
    }

    .ams-results-layout{
        grid-template-columns:1fr;
    }

    .ams-sidebar{
        position:static;
    }

    .ams-filter-options{
        grid-template-columns:
            repeat(2,1fr);
    }

    .ams-sponsored-banner{
        grid-template-columns:1fr;
    }

    .ams-sponsored-banner:after{
        display:none;
    }

    .ams-sponsored-image{
        height:210px;
    }

    .ams-sponsored-benefits{
        position:static;

        margin-top:15px;
    }

}


@media(max-width:600px){

    .ams-search-hero{
        min-height:auto;
    }

    .ams-search-hero-inner{
        padding:
            30px 0 20px;
    }

    .ams-search-title-row h1{
        font-size:30px;

        letter-spacing:-1px;
    }

    .ams-search-title-row p{
        font-size:13px;
    }

    .ams-main-search{
        grid-template-columns:1fr;
    }

    .ams-search-button{
        min-height:50px;
    }

    .ams-results-toolbar{
        align-items:flex-start;

        flex-direction:column;
    }

    .ams-sort-area{
        width:100%;

        flex-wrap:wrap;
    }

    .ams-sort-area form{
        flex:1;
    }

    .ams-sort-area select{
        width:100%;
    }

    .ams-listing-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;
    }

    .ams-card-image{
        height:128px;
    }

    .ams-card-body{
        padding:
            9px 9px 10px;
    }

    .ams-card-title{
        font-size:11px;
    }

    .ams-card-subtitle{
        font-size:8px;
    }

    .ams-card-price{
        font-size:14px;
    }

    .ams-card-meta{
        align-items:flex-start;

        flex-direction:column;

        gap:3px;
    }

    .ams-sponsored-copy{
        padding:
            16px;
    }

    .ams-sponsored-copy h3{
        font-size:19px;
    }

    .ams-sponsored-benefits{
        display:grid;

        grid-template-columns:
            1fr 1fr;
    }

    .ams-filter-options{
        grid-template-columns:1fr;
    }

    .ams-pagination-row{
        align-items:flex-start;

        flex-direction:column;

        gap:12px;

        padding-top:16px;
    }

    .ams-results-count{
        position:static;

        width:100%;

        text-align:center;
    }

}