/* =====================================================
   ALDISCRAP DISPLAY
   Marketplace UI
===================================================== */

.ads-marketplace-top {
    margin-bottom: 40px;
}

/* =====================================================
   HERO
===================================================== */

.ads-marketplace-header {

    background: linear-gradient(
        135deg,
        #0f172a 0%,
        #1e40af 35%,
        #2563eb 70%,
        #60a5fa 100%
    );

    padding: 40px 30px;

    text-align: center;

    color: #ffffff;

    border-radius: 16px;

    border: none;

    margin-bottom: 25px;

    box-shadow: 0 15px 40px rgba(37,99,235,.25);
}

.ads-marketplace-title {

    margin: 0;

    font-size: 38px;

    font-weight: 800;

    line-height: 1.2;

    color: #ffffff;

    letter-spacing: 1px;

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

.ads-marketplace-subtitle {

    margin-top: 10px;

    margin-bottom: 25px;

    font-size: 15px;

    color: rgba(255,255,255,.90);
}

/* =====================================================
   SEARCH
===================================================== */

.ads-search-form {

    display: flex;

    justify-content: center;

    max-width: 700px;

    margin: 0 auto;
}

.ads-search-form input {

    flex: 1;

    height: 54px;

    border: 2px solid #dbeafe;

    background: #ffffff;

    padding: 0 20px;

    font-size: 16px;

    border-radius: 8px 0 0 8px;

    outline: none;
}

.ads-search-form button {

    width: 70px;

    border: none;

    background: #ffffff;

    cursor: pointer;

    font-size: 18px;

    border-radius: 0 8px 8px 0;
}

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

.ads-categories {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    justify-content: center;

    margin-bottom: 35px;
}

.ads-category-item {

    width: 140px;

    background: #ffffff;

    border-radius: 12px;

    padding: 16px;

    text-align: center;

    cursor: pointer;

    font-size: 14px;

    font-weight: 600;

    transition: .2s ease;

    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.ads-category-item:hover {

    transform: translateY(-4px);

    background: #eff6ff;

    box-shadow: 0 10px 25px rgba(37,99,235,.35);
}

/* =====================================================
   PRODUCT GRID
===================================================== */

.ast-container {
    max-width: 1400px !important;
}

.ast-archive-posts-layout-grid {

    gap: 18px !important;
}

/* Desktop */
@media (min-width: 1200px) {

    .ast-archive-posts-layout-grid {

        grid-template-columns: repeat(5, 1fr) !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {

    .ast-archive-posts-layout-grid {

        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* =====================================================
   PRODUCT CARD
===================================================== */

.ast-article-post {

    transition: .2s ease;

    border-radius: 12px;

    overflow: hidden;
}

.ast-article-post:hover {

    transform: translateY(-3px);
}

.ast-blog-featured-section img {

    border-radius: 10px;
}


.entry-meta {

    font-size: 12px;
}

.entry-title {

    font-size: 14px !important;

    line-height: 1.4;

    min-height: 58px;
}

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

@media (max-width: 767px) {

    .ads-marketplace-header {

        padding: 25px 15px;
    }

    .ads-marketplace-title {

        font-size: 28px;
    }

    .ads-marketplace-subtitle {

        font-size: 13px;
    }

    .ads-search-form input {

        font-size: 14px;
    }

    .ads-categories {

        display: grid;

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

        gap: 10px;
    }

    .ads-category-item {

        width: auto;

        min-height: 90px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        padding: 10px;

        font-size: 13px;
    }

    .ast-archive-posts-layout-grid {

        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* =====================================================
   MARKETPLACE WRAPPER
===================================================== */

.ads-marketplace-wrapper {

    width: 100%;

    margin-bottom: 40px;
}

/* Hero full width */

.ads-marketplace-top {

    width: 100%;
}

/* Desktop */

@media (min-width: 1200px) {

    .ads-marketplace-header {

        max-width: 100%;
    }

    .ads-categories {

        justify-content: center;
    }
}

/* =====================================================
   MARKETPLACE PRODUCT GRID V2
===================================================== */

@media (min-width: 1200px) {

    .ast-row {

        display: grid !important;

        grid-template-columns: repeat(5, 1fr) !important;

        gap: 20px !important;
    }

    .ast-row article {

        width: 100% !important;
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .ast-row {

        display: grid !important;

        grid-template-columns: repeat(3, 1fr) !important;

        gap: 18px !important;
    }

    .ast-row article {

        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 767px) {

    .ast-row {

        display: grid !important;

        grid-template-columns: repeat(2, 1fr) !important;

        gap: 12px !important;
    }

    .ast-row article {

        width: 100% !important;
        margin: 0 !important;
    }
}

/* ==========================================
   PRODUCT CARD ENGINE
========================================== */

.ads-model {

    display: block;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.4;

    margin-bottom: 8px;
}

.ads-grade {

    display: block;

    font-size: 13px;

    color: #666;

    font-weight: 500;
}

.entry-title {

    min-height: 90px !important;
}

/* ==========================================
   LIVE SEARCH
========================================== */

.ads-search-form {
    position: relative;
}

.ads-live-search {

    position: absolute;

    top: 60px;

    left: 0;

    width: 100%;

    z-index: 9999;
}

.ads-search-results {

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

.ads-search-item {

    display: block;

    padding: 12px 15px;

    text-decoration: none;

    color: #222;

    border-bottom: 1px solid #eee;
}

.ads-search-item:hover {

    background: #f5f5f5;
}

.ads-search-empty {

    background: #fff;

    padding: 15px;

    border-radius: 10px;
}

/* ==========================================
   SEARCH V2
========================================== */

.ads-search-results {

    background: #fff;

    border-radius: 12px;

    overflow-y: auto;

    max-height: 520px;

    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

.ads-search-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 12px;

    text-decoration: none;

    color: #222;

    border-bottom: 1px solid #eee;

    transition: .2s;
}

.ads-search-item:hover {

    background: #f5f5f5;
}

.ads-search-thumb {

    width: 60px;

    min-width: 60px;

    height: 60px;

    overflow: hidden;

    border-radius: 8px;
}

.ads-search-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;
}

.ads-search-info {

    flex: 1;
}

.ads-search-title {

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    margin-bottom: 4px;
}

.ads-search-grade {

    font-size: 12px;

    color: #666;
}

.ads-search-empty {

    background: #fff;

    padding: 15px;

    border-radius: 12px;
}

/* ==========================================
   CATEGORY HEADER
========================================== */

.ads-category-header {

    background: linear-gradient(
        135deg,
        #1e40af 0%,
        #2563eb 50%,
        #3b82f6 100%
    );

    border-radius: 16px;

    border: none;

    padding: 18px 22px;

    margin-bottom: 25px;
}

.ads-category-header .ads-search-form {

    max-width: 700px;

    margin: 0 auto;
}

@media(max-width:768px){

    .ads-category-header{

        padding:20px;
    }

}

.ads-category-title {

    margin: 0;

    color: #ffffff;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.4;
}

.ads-category-subtitle {

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

    margin-bottom: 25px;

    font-size: 15px;
}

.ads-category-header .ads-search-form {

    max-width: 700px;

    margin: 0 auto;
}

@media(max-width:768px){

    .ads-category-header{

        padding:14px 16px;
    }

    .ads-category-title{

        font-size:16px;

        font-weight:500;

        line-height:1.4;
    }

}

.ast-article-post {

    background: #ffffff;

    border-radius: 12px;

    overflow: hidden;

    transition: .2s ease;

    border: 1px solid #dbeafe;
}

.ast-article-post:hover {

    transform: translateY(-4px);

    border-color: #3b82f6;

    box-shadow: 0 12px 30px rgba(37,99,235,.18);
}

/* ==========================================
   HOMEPAGE
========================================== */

.ads-home-card{

    background:#fff;

    border-radius:16px;

    padding:25px;

    margin-bottom:25px;

    border:1px solid #dbeafe;

    box-shadow:0 4px 15px rgba(0,0,0,.04);
}

.ads-home-menu{

    padding:20px 15px;
}

.ads-home-heading{

    margin:0 0 20px;

    font-size:20px;

    font-weight:700;

    color:#1e3a8a;
}

.ads-quick-menu{

    display:grid;

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

    gap:15px;
}

.ads-quick-item{

    background:#f8fafc;

    border:1px solid #dbeafe;

    border-radius:14px;

    padding:25px 15px;

    text-align:center;

    text-decoration:none;

    color:#111827;

    transition:.2s;
}

.ads-main-menu{

    background:#2563eb;

    color:#fff;
}

.ads-quick-item span{

    display:block;

    font-size:34px;

    margin-bottom:10px;
}

.ads-quick-item:hover{

    transform:translateY(-3px);
}

.ads-video-wrapper{

    position:relative;

    padding-bottom:56.25%;

    height:0;

    overflow:hidden;

    border-radius:12px;
}

.ads-video-wrapper iframe{

    position:absolute;

    width:100%;

    height:100%;

    left:0;

    top:0;

    border:none;
}

.ads-sell-steps{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:15px;
}

.ads-step{

    text-align:center;

    padding:15px;

    background:#eff6ff;

    border-radius:12px;
}

.ads-step span{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 10px;

    background:#2563eb;

    color:#fff;

    border-radius:50%;

    font-weight:700;
}

.ads-cta-box{

    text-align:center;

    background:linear-gradient(
        135deg,
        #1e40af,
        #2563eb
    );

    color:#fff;

    padding:40px 25px;

    border-radius:18px;

    margin-bottom:30px;
}

.ads-wa-button{

    display:inline-block;

    margin-top:15px;

    padding:14px 30px;

    background:#22c55e;

    color:#fff;

    text-decoration:none;

    border-radius:10px;

    font-weight:700;
}

@media(max-width:768px){

    .ads-quick-menu{

        grid-template-columns:1fr;
    }

    .ads-sell-steps{

        grid-template-columns:1fr;
    }

}

/* ==========================================
   QUICK MENU V2
========================================== */

.ads-quick-menu-v2{

    display:grid !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:10px !important;

    justify-items:center;

    align-items:start;

    width:100%;
}

.ads-quick-icon{

    display:block;

    width:100%;

    min-width:0;

    text-decoration:none;

    text-align:center;

    color:#111827;
}

.ads-quick-circle{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#f8fafc;

    border:1px solid #dbeafe;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    margin:0 auto 12px;

    transition:.25s;
}

.ads-quick-icon span{

    display:block;

    font-size:14px;

    font-weight:600;
}

.ads-quick-icon:hover .ads-quick-circle{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(37,99,235,.20);
}

.ads-quick-icon.featured .ads-quick-circle{

    background:#2563eb;

    color:#fff;

    border:none;
}

@media(max-width:768px){

    .ads-quick-menu-v2{

        display:grid !important;

        grid-template-columns:repeat(4,minmax(0,1fr)) !important;

        gap:6px !important;

        width:100% !important;
    }

    .ads-quick-icon{

        width:100%;

        min-width:0;
    }

    .ads-quick-circle{

        width:58px;

        height:58px;

        font-size:24px;

        margin:0 auto 8px;
    }

    .ads-quick-icon span{

        display:block;

        width:100%;

        font-size:11px;

        line-height:1.3;

        white-space:normal;

        word-break:break-word;

        overflow-wrap:anywhere;

        font-weight:600;
    }

}


/* ==========================================
   HOME HERO
========================================== */

.ads-home-subtitle{

    max-width:620px;

    margin:0 auto 12px;

    font-size:16px;

    font-weight:500;

    line-height:1.6;

    color:rgba(255,255,255,.95);
}

.ads-home-trust{

    display:flex;

    justify-content:center;

    gap:10px;

    flex-wrap:wrap;

    margin-bottom:20px;
}

.ads-home-trust span{

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.15);

    padding:6px 10px;

    border-radius:999px;

    font-size:11px;

    font-weight:500;

    color:#ffffff;

    backdrop-filter:blur(10px);
}

/* ==========================================
   KATALOG HEADER
========================================== */

.ads-category-header{

    text-align:center;
}

.ads-category-header .ads-category-subtitle{

    margin-bottom:25px;

    font-size:18px;

    font-weight:600;

    color:#ffffff;
}

@media(max-width:768px){

    .ads-home-subtitle{

        max-width:260px;

        margin:0 auto 10px;

        font-size:13px;

        line-height:1.5;
    }

    .ads-home-trust{

        gap:8px;

        margin-bottom:15px;
    }

    .ads-home-trust span{

        font-size:10px;

        padding:5px 8px;
    }

    .ads-category-header .ads-category-subtitle{

        font-size:14px;
    }

}


/* ==========================================
   CATEGORY PAGE CLEANUP
========================================== */

/* Sembunyikan judul kategori bawaan Astra */

.category .page-header{
    display:none !important;
}

.category .ast-archive-description{
    display:none !important;
}

/* Nama kategori versi plugin */

.ads-current-category{

    margin-top:14px;

    text-align:center;

    color:#ffffff;

    font-size:16px;

    font-weight:500;

    letter-spacing:.3px;

    opacity:.95;
}

@media(max-width:768px){

    .ads-current-category{

        margin-top:12px;

        font-size:14px;

        font-weight:500;
    }

}


/* ==========================================
   FLOATING WHATSAPP
========================================== */

.ads-floating-wa{

    position:fixed;

    right:20px;

    bottom:20px;

    z-index:99999;

    display:flex;

    align-items:center;

    gap:10px;

    background:#25D366;

    color:#ffffff !important;

    text-decoration:none !important;

    padding:14px 18px;

    border-radius:999px;

    font-weight:700;

    box-shadow:0 10px 30px rgba(37,211,102,.35);

    transition:.25s ease;

    animation:ads-wa-pulse 2.5s infinite;
}

.ads-floating-wa:hover{

    transform:translateY(-3px);

    color:#ffffff !important;
}

.ads-wa-icon{

    font-size:22px;

    line-height:1;
}

.ads-wa-text{

    white-space:nowrap;

    font-size:14px;
}

@keyframes ads-wa-pulse{

    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.40);
    }

    70%{
        box-shadow:0 0 0 14px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }

}

@media(max-width:768px){

    .ads-floating-wa{

        right:15px;

        bottom:15px;

        padding:14px;

        border-radius:50%;
    }

    .ads-wa-text{

        display:none;
    }

    .ads-wa-icon{

        font-size:24px;
    }

}

.ads-card-price-data{

    font-size:20px;

    font-weight:700;

    color:#2563eb;

    margin-top:8px;

    line-height:1.2;
}

.ads-card-price-meta{

    font-size:12px;

    color:#64748b;

    margin-top:4px;
}

/* ==========================================
   ABOUT PAGE
========================================== */

.ads-about-page{

    width:100%;

    margin-bottom:40px;
}

/* Card Text */

.ads-about-page p{

    color:#334155;

    line-height:1.8;

    font-size:15px;

    margin-bottom:16px;
}

/* Visi & Misi */

.ads-about-list{

    margin:0;

    padding-left:22px;
}

.ads-about-list li{

    margin-bottom:12px;

    line-height:1.7;

    color:#334155;
}

/* Keunggulan */

.ads-about-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;
}

.ads-about-feature{

    background:#eff6ff;

    border:1px solid #dbeafe;

    border-radius:14px;

    padding:18px;

    text-align:center;

    font-weight:600;

    color:#1e3a8a;

    transition:.25s;
}

.ads-about-feature:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(37,99,235,.15);
}

/* Hubungi Kami */

.ads-about-contact{

    display:grid;

    gap:15px;
}

.ads-about-contact p{

    margin:0;

    padding:14px 16px;

    background:#f8fafc;

    border:1px solid #dbeafe;

    border-radius:12px;
}

.ads-about-contact strong{

    color:#1e3a8a;
}

/* Maps */

.ads-about-page iframe{

    width:100% !important;

    height:420px !important;

    border:none !important;

    border-radius:12px;
}

/* CTA */

.ads-about-page .ads-cta-box{

    margin-top:25px;
}

/* Mobile */

@media(max-width:768px){

    .ads-about-features{

        grid-template-columns:1fr;
    }

    .ads-about-page p{

        font-size:14px;
    }

    .ads-about-list li{

        font-size:14px;
    }

    .ads-about-page iframe{

        height:300px !important;
    }

}

/* ==========================================
   OWNER PROFILE
========================================== */

.ads-owner-box{

    display:flex;

    align-items:center;

    gap:24px;

    flex-wrap:wrap;
}

.ads-owner-photo-wrap{

    flex-shrink:0;
}

.ads-owner-photo{

    width:160px;

    height:160px;

    object-fit:cover;

    border-radius:50%;

    border:5px solid #dbeafe;

    box-shadow:0 12px 30px rgba(37,99,235,.15);
}

.ads-owner-content{

    flex:1;
}

.ads-owner-name{

    margin:0 0 8px;

    font-size:26px;

    font-weight:700;

    color:#1e3a8a;
}

.ads-owner-position{

    display:inline-block;

    margin-bottom:15px;

    padding:8px 14px;

    border-radius:999px;

    background:#eff6ff;

    border:1px solid #bfdbfe;

    color:#2563eb;

    font-weight:600;

    font-size:14px;
}

.ads-owner-content p{

    margin:0;

    line-height:1.8;
}

/* ==========================================
   SOCIAL MEDIA
========================================== */

.ads-social-links{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;
}

.ads-social-button{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:54px;

    text-decoration:none !important;

    font-weight:600;

    border-radius:14px;

    background:linear-gradient(
        135deg,
        #2563eb,
        #1d4ed8
    );

    color:#fff !important;

    transition:.25s;

    box-shadow:0 8px 20px rgba(
        37,
        99,
        235,
        .15
    );
}

.ads-social-button:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(
        37,
        99,
        235,
        .25
    );

    color:#fff !important;
}

/* ==========================================
   CONTACT CARD IMPROVEMENT
========================================== */

.ads-about-contact{

    display:grid;

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

    gap:15px;
}

.ads-about-contact p{

    margin:0;

    padding:16px;

    border-radius:14px;

    background:#f8fafc;

    border:1px solid #dbeafe;
}

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

@media(max-width:768px){

    .ads-owner-box{

        flex-direction:column;

        text-align:center;
    }

    .ads-owner-photo{

        width:130px;

        height:130px;
    }

    .ads-owner-name{

        font-size:22px;
    }

    .ads-social-links{

        grid-template-columns:1fr;
    }

    .ads-about-contact{

        grid-template-columns:1fr;
    }

}

/* ==========================================
   PRIVACY POLICY
========================================== */

.ads-privacy-page{

    width:100%;
}

.ads-privacy-updated{

    color:#64748b;

    font-size:14px;
}

.ads-privacy-content{

    color:#334155;

    line-height:1.9;
}

.ads-privacy-content p{

    margin-bottom:18px;
}

.ads-privacy-content h2,
.ads-privacy-content h3{

    color:#1e3a8a;
}

@media(max-width:768px){

    .ads-privacy-content{

        font-size:14px;
    }

}

/* ==========================================
   GRADE ANDROID
========================================== */

.ads-grade-page{

    width:100%;
}

/* Keterangan Grade */

.ads-grade-notes{

    margin:0;

    padding-left:22px;
}

.ads-grade-notes li{

    margin-bottom:10px;

    color:#334155;

    line-height:1.7;

    font-size:13px;
}

/* Table Wrapper */

.ads-grade-page table{

    width:100%;
}

.ads-grade-page .table-responsive{

    overflow-x:auto;
}

/* ==========================================
   HALAMAN TERKAIT
========================================== */

.ads-related-pages{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(220px,1fr)
        );

    gap:15px;
}

.ads-related-card{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:80px;

    padding:18px;

    border-radius:16px;

    text-decoration:none !important;

    background:#eff6ff;

    border:1px solid #dbeafe;

    color:#1e3a8a !important;

    font-weight:600;

    transition:.25s;
}

.ads-related-card:hover{

    transform:translateY(-3px);

    background:#dbeafe;

    box-shadow:
        0 10px 25px
        rgba(
            37,
            99,
            235,
            .15
        );
}

/* ==========================================
   ARTIKEL TERKAIT
========================================== */

.ads-related-posts{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(250px,1fr)
        );

    gap:15px;
}

.ads-post-card{

    display:block;

    padding:18px;

    border-radius:16px;

    text-decoration:none !important;

    background:#ffffff;

    border:1px solid #dbeafe;

    transition:.25s;
}

.ads-post-card:hover{

    transform:translateY(-3px);

    box-shadow:
        0 10px 25px
        rgba(
            37,
            99,
            235,
            .15
        );
}

.ads-post-title{

    color:#1e3a8a;

    font-weight:600;

    line-height:1.6;
}

/* ==========================================
   SHORTCODE TABLE IMPROVEMENT
========================================== */

.ads-grade-page .cpg-table,
.ads-grade-page table{

    border-radius:14px;

    overflow:hidden;
}

.ads-grade-page table th{

    background:#1e40af;

    color:#ffffff;
}

.ads-grade-page table td{

    background:#ffffff;
}

/* ==========================================
   CTA
========================================== */

.ads-grade-page .ads-cta-box{

    margin-top:25px;
}

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

@media(max-width:768px){

    .ads-related-pages{

        grid-template-columns:1fr;
    }

    .ads-related-posts{

        grid-template-columns:1fr;
    }

    .ads-related-card{

        min-height:65px;
    }

}

/* ==========================================
   GRADE VIDEO
========================================== */

.ads-grade-video-card{

    padding:20px;

    margin-bottom:20px;

    border-radius:16px;

    background:#eff6ff;

    border:1px solid #dbeafe;

    text-align:center;
}

.ads-grade-video-icon{

    width:56px;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    border-radius:50%;

    background:
        rgba(
            255,
            255,
            255,
            .15
        );

    flex-shrink:0;
}

.ads-grade-video-content{

    flex:1;
}

.ads-grade-video-content h2{

    margin:0 0 14px;

    font-size:18px;

    color:#1e3a8a;

    font-weight:700;
}

.ads-grade-video-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:10px;

    background:#2563eb;

    color:#fff !important;

    text-decoration:none !important;

    font-size:14px;

    font-weight:600;

    transition:.25s;
}

.ads-grade-video-button:hover{

    background:#1d4ed8;

    transform:translateY(-2px);
}

@media(max-width:768px){

    .ads-grade-video-card{

        flex-direction:column;

        text-align:center;
    }

}

.ads-grade-notes-wrap{

    margin-bottom:14px;

    padding:12px 14px;

    background:#f8fafc;

    border-left:3px solid #2563eb;

    border-radius:8px;
}

.ads-grade-title{

    margin:0 0 8px;

    font-size:14px;

    font-weight:600;

    color:#1e3a8a;
}

.ads-grade-notes li{

    font-size:13px;

    line-height:1.5;

    margin-bottom:4px;
}

/* ==========================================
   FOOTER
========================================== */

.ads-footer-wrapper{

    margin-top:30px;
}

.ads-footer-grid{

    display:grid;

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

    gap:30px;
}

.ads-footer-links{

    display:flex;

    flex-direction:column;

    gap:10px;
}

.ads-footer-links a{

    text-decoration:none;

    color:#334155;

    transition:.2s;

    font-size:14px;
}

.ads-footer-links a:hover{

    color:#2563eb;
}

.ads-footer-contact p{

    margin-bottom:10px;
}

.ads-footer-copyright{

    margin-top:25px;

    padding-top:20px;

    border-top:1px solid #dbeafe;

    text-align:center;

    color:#64748b;

    font-size:14px;
}

@media(max-width:768px){

    .ads-footer-grid{

        grid-template-columns:1fr;

        gap:20px;
    }

}

/* ==========================================
   HIDE ASTRA FOOTER
========================================== */

.site-footer{
    display:none !important;
}


/* ==========================================
   FIX TOP SPACE BLOG & CATEGORY
========================================== */

.blog #primary,
.category #primary,
.blog .site-main,
.category .site-main,
.blog .ast-container,
.category .ast-container{

    margin-top:0 !important;
    padding-top:0 !important;
}

.blog .ads-marketplace-wrapper,
.category .ads-marketplace-wrapper{

    margin-top:0 !important;
    padding-top:0 !important;
}

.blog .ads-marketplace-top,
.category .ads-category-header{

    margin-top:0 !important;
}