<?php
/**
 * Plugin Name: Absolute Sticky Posts
 * Description: Force sticky posts to appear at the very top of category archives, above newer non-sticky posts.
 * Version: 4.7.0
 * Author: cnstudio
 *
 * v4.7: Constrain article title (header.entry-header) max-width to match article
 *       content width across all viewports (1100/1340/1400px). Previously the
 *       title could be wider than the body content, breaking the visual column.
 * v4.3: Redesigned category archive layout — wider cards, consistent image ratio,
 *       centered hero, proper sidebar alignment.
 * v4.2: Added /all-courses/ (page 201) full-width layout override.
 * v4.6: P28 — Dark-theme table styling for article content (was: light bg + dark text clashed with site's dark navy theme).
 * v4.1: Auto-clean broken snippet 27373 (P26 corrupted appended content).
 *       Triggered by ?p26_cleanup=1 in URL, uses $wpdb to truncate the broken appended bytes.
 */

if (!defined('ABSPATH')) {
    exit;
}

// === EMERGENCY: Clean broken snippet 27373 via wpdb ===
// The snippet 27373 had ~10498 bytes of P26 CSS appended via REST API which
// got rendered as text on the page (Elementor Pro stripped <style>/<script>
// tags from the appended content). This trigger removes the broken appended
// content by truncating at the last </script> before the P26 marker.
// If the structure is still broken, also try to clear the snippet entirely.
add_action('init', function() {
    if (!isset($_GET['p26_cleanup']) || $_GET['p26_cleanup'] !== '1') {
        return;
    }
    if (!current_user_can('manage_options')) {
        return;
    }
    global $wpdb;
    $post_id = 27373;
    $row = $wpdb->get_row($wpdb->prepare(
        "SELECT meta_value FROM $wpdb->postmeta WHERE post_id = %d AND meta_key = '_elementor_code'",
        $post_id
    ));
    if (!$row) {
        return;
    }
    $code = $row->meta_value;
    $p26 = strpos($code, '<!-- P26:');
    if ($p26 === false) {
        return;
    }
    $before = substr($code, 0, $p26);
    $last = strrpos($before, '</script>');
    $clean = $last === false ? '' : substr($before, 0, $last + strlen('</script>'));
    $before_len = strlen($code);
    
    // v4.1.1: If cleaned content doesn't start with <style>, the structure
    // is broken. Just nuke it.
    if (strpos(trim($clean), '<style') !== 0) {
        $clean = '';
    }
    
    $wpdb->update(
        $wpdb->postmeta,
        ['meta_value' => $clean],
        ['post_id' => $post_id, 'meta_key' => '_elementor_code'],
        ['%s'],
        ['%d', '%s']
    );
    add_action('wp_footer', function() use ($clean, $before_len) {
        echo '<!-- p26_cleanup: BEFORE len=' . $before_len . ' AFTER len=' . strlen($clean) . ' -->';
    });
});

// === PART 1: P26 1920px LAYOUT CSS (in wp_head for early load) ===
add_action('wp_head', function() {
    ?>
    <style id="p26-1920-layout">
    /* === WIDE-SCREEN CONTAINER MAX-WIDTHS (>=1500px) === */
    @media (min-width: 1500px) {
        .elementor-section.elementor-section-boxed > .elementor-container,
        .elementor-section .elementor-container {
            max-width: 1800px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .ast-container,
        .site-content > .ast-container,
        .site-header > .ast-container,
        .site-footer > .ast-container {
            max-width: 1800px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        body.single-post .site-content,
        body.archive .site-content,
        body.category .site-content {
            max-width: 100% !important;
        }
        /* Elementor stretched sections: center their inner container */
        .elementor-section.elementor-section-stretched .elementor-container {
            max-width: 1800px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        /* 2K / 4K: when viewport is much wider than 1800, let the container expand
           proportionally so it stays centered and uses more of the screen. */
        @media (min-width: 2000px) {
            .ast-container,
            .site-content > .ast-container,
            .site-header > .ast-container,
            .site-footer > .ast-container,
            .elementor-section .elementor-container,
            .elementor-section.elementor-section-stretched .elementor-container {
                max-width: min(92vw, 2400px) !important;
            }
        }
        @media (min-width: 2700px) {
            .ast-container,
            .site-content > .ast-container,
            .site-header > .ast-container,
            .site-footer > .ast-container,
            .elementor-section .elementor-container,
            .elementor-section.elementor-section-stretched .elementor-container {
                max-width: min(94vw, 3000px) !important;
            }
        }
    }

    /* === SINGLE POST ARTICLE BODY - 1280-1400px responsive === */
    @media (min-width: 1200px) and (max-width: 1499px) {
        html body.single-post.single .entry-content,
        html body.single-post.single .ast-article-single .entry-content,
        body.wp-singular.single.single-post .entry-content,
        html body.single-post.single .post-thumb-img-content,
        body.wp-singular.single.single-post .post-thumb-img-content,
        html body.single-post.single header.entry-header,
        body.wp-singular.single.single-post header.entry-header {
            max-width: 1100px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }
    @media (min-width: 1500px) and (max-width: 1799px) {
        html body.single-post.single .entry-content,
        html body.single-post.single .ast-article-single .entry-content,
        body.wp-singular.single.single-post .entry-content,
        html body.single-post.single .post-thumb-img-content,
        body.wp-singular.single.single-post .post-thumb-img-content,
        html body.single-post.single header.entry-header,
        body.wp-singular.single.single-post header.entry-header {
            max-width: 1340px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }
    @media (min-width: 1800px) {
        html body.single-post.single .entry-content,
        html body.single-post.single .ast-article-single .entry-content,
        body.wp-singular.single.single-post .entry-content,
        html body.single-post.single .post-thumb-img-content,
        body.wp-singular.single.single-post .post-thumb-img-content,
        html body.single-post.single header.entry-header,
        body.wp-singular.single.single-post header.entry-header {
            max-width: 1400px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }

    /* === CATEGORY ARCHIVE - 3 COL + RIGHT SIDEBAR (>=1500px) === */
    @media (min-width: 1500px) {
        body.category .elementor-element-w_posts,
        body.archive .elementor-element-w_posts {
            flex: 0 0 calc(100% - 360px) !important;
            max-width: calc(100% - 360px) !important;
            width: calc(100% - 360px) !important;
        }
        body.category .elementor-section .elementor-column[data-col="100"],
        body.archive .elementor-section .elementor-column[data-col="100"] {
            display: flex !important;
            flex-wrap: wrap !important;
            align-items: flex-start !important;
        }
        body.category .elementor-section .elementor-column[data-col="100"] > .elementor-widget-wrap,
        body.archive .elementor-section .elementor-column[data-col="100"] > .elementor-widget-wrap {
            width: calc(100% - 360px) !important;
            flex: 0 0 calc(100% - 360px) !important;
            padding: 0 20px 0 0 !important;
        }
        .cn-studio-archive-sidebar {
            position: relative;
            width: 340px !important;
            flex: 0 0 340px !important;
            margin-left: 20px;
        }
        .cn-studio-archive-sidebar > div {
            background: rgba(255, 255, 255, 0.03) !important;
            border: 1px solid rgba(255, 255, 255, 0.08) !important;
            border-radius: 16px !important;
            padding: 24px 22px !important;
            margin-bottom: 20px !important;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
        .cn-studio-archive-sidebar h4 {
            color: #fff !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            margin: 0 0 16px !important;
            padding: 0 0 12px !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        }
        .cn-studio-archive-sidebar ul {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        .cn-studio-archive-sidebar li {
            padding: 10px 0 !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
        }
        .cn-studio-archive-sidebar li:last-child { border-bottom: 0 !important; }
        .cn-studio-archive-sidebar a {
            color: rgba(255, 255, 255, 0.78) !important;
            text-decoration: none !important;
            font-size: 14px !important;
            line-height: 1.5 !important;
            display: block;
            transition: color 0.2s;
        }
        .cn-studio-archive-sidebar a:hover { color: #a29bfe !important; }
        .cn-studio-archive-sidebar .cat-mini {
            display: inline-block;
            padding: 4px 10px;
            margin: 4px 4px 4px 0;
            background: rgba(108, 92, 231, 0.15);
            border: 1px solid rgba(108, 92, 231, 0.3);
            border-radius: 999px;
            color: #c4baff !important;
            font-size: 12px !important;
        }
        .cn-studio-archive-sidebar .newsletter-box {
            background: linear-gradient(135deg, rgba(108,92,231,0.18) 0%, rgba(0,212,255,0.12) 100%) !important;
            border: 1px solid rgba(108, 92, 231, 0.3) !important;
        }
        .cn-studio-archive-sidebar .newsletter-box p {
            color: rgba(255, 255, 255, 0.78) !important;
            font-size: 13px !important;
            line-height: 1.55 !important;
            margin: 0 0 14px !important;
        }
        .cn-studio-archive-sidebar .newsletter-box input {
            width: 100% !important;
            background: rgba(10, 13, 58, 0.6) !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
            color: #fff !important;
            padding: 10px 12px !important;
            border-radius: 8px !important;
            font-size: 13px !important;
            margin-bottom: 8px !important;
            box-sizing: border-box !important;
        }
        .cn-studio-archive-sidebar .newsletter-box button {
            width: 100% !important;
            background: linear-gradient(135deg, #6c5ce7 0%, #00d4ff 100%) !important;
            color: #fff !important;
            border: 0 !important;
            padding: 10px 14px !important;
            border-radius: 8px !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
        }
    }

    /* === HEADER LAYOUT for 1920px === */
    @media (min-width: 1500px) {
        header.site-header#masthead .ast-container,
        header.ast-main-header-wrap .ast-container,
        .site-header > .ast-container {
            max-width: 1800px !important;
            padding-left: 60px !important;
            padding-right: 60px !important;
        }
        .site-branding { flex: 0 0 auto !important; }
        .main-header-bar-navigation,
        .ast-header-woo-cart,
        .ast-masthead-custom-menu-items {
            flex: 1 1 auto !important;
        }
        .main-header-menu > .menu-item > a {
            padding: 0 18px !important;
        }
    }

    /* === WIDE-SCREEN TYPOGRAPHY === */
    @media (min-width: 1500px) {
        html body.single-post.single .entry-content p,
        body.wp-singular.single.single-post .entry-content p {
            font-size: 18px !important;
            line-height: 1.85 !important;
        }
        html body.single-post.single .entry-content h2,
        body.wp-singular.single.single-post .entry-content h2 {
            font-size: 32px !important;
            margin-top: 56px !important;
            margin-bottom: 24px !important;
        }
        html body.single-post.single .entry-content h3,
        body.wp-singular.single.single-post .entry-content h3 {
            font-size: 24px !important;
            margin-top: 40px !important;
            margin-bottom: 18px !important;
        }
    }

    /* === ALL-COURSES PAGE (page 201) - Expand to 1800px on wide === */
    @media (min-width: 1500px) {
        body.page-id-201 .elementor-section.elementor-section-boxed > .elementor-container,
        body.page-id-201 .elementor-section .elementor-container,
        body.page-id-201 .ast-container,
        body.page-id-201 .site-content > .ast-container,
        body.page-id-201 .ld-course-list-content,
        body.page-id-201 .ld-course-list-items.row,
        body.page-id-201 #ld-course-list-content-c4556973bc2af538cafa19d9bc0a5522,
        body.page-id-201 .ld-course-list {
            max-width: 1800px !important;
            width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        body.page-id-201 .ld-course-list-items.row {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 28px !important;
            margin: 0 !important;
        }
        body.page-id-201 .ld-course-list-items.row .ld_course_grid.col-md-4 {
            flex: 1 1 calc(33.333% - 19px) !important;
            max-width: calc(33.333% - 19px) !important;
            width: auto !important;
            min-width: 0 !important;
            padding: 0 !important;
        }
        body.page-id-201 .elementor-section .elementor-container {
            padding-left: 40px !important;
            padding-right: 40px !important;
        }
        /* 2K/4K: scale up proportionally with min(92vw, 2400px) */
    }
    @media (min-width: 2000px) {
        body.page-id-201 .elementor-section.elementor-section-boxed > .elementor-container,
        body.page-id-201 .elementor-section .elementor-container,
        body.page-id-201 .ast-container,
        body.page-id-201 .site-content > .ast-container,
        body.page-id-201 .ld-course-list-content,
        body.page-id-201 .ld-course-list-items.row,
        body.page-id-201 .ld-course-list {
            max-width: min(92vw, 2400px) !important;
        }
    }
    @media (min-width: 2700px) {
        body.page-id-201 .elementor-section.elementor-section-boxed > .elementor-container,
        body.page-id-201 .elementor-section .elementor-container,
        body.page-id-201 .ast-container,
        body.page-id-201 .site-content > .ast-container,
        body.page-id-201 .ld-course-list-content,
        body.page-id-201 .ld-course-list-items.row,
        body.page-id-201 .ld-course-list {
            max-width: min(94vw, 3000px) !important;
        }
    }
    /* Tablet (1200-1499) - slightly wider but not 1800 */
    @media (min-width: 1200px) and (max-width: 1499px) {
        body.page-id-201 .elementor-section.elementor-section-boxed > .elementor-container,
        body.page-id-201 .ast-container,
        body.page-id-201 .ld-course-list {
            max-width: 1200px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }

    /* === CATEGORY ARCHIVE - CLEAN LAYOUT v4.3 (>=1500px) === */
    @media (min-width: 1500px) {
        /* Release the w_posts widget constraint so it fills the widget-wrap (1392px).
           Old v4.1 set max-width: calc(100% - 360px) which double-subtracted and left only 1008px. */
        body.category .elementor-element-w_posts,
        body.archive .elementor-element-w_posts {
            flex: 0 0 100% !important;
            max-width: 100% !important;
            width: 100% !important;
        }
        body.category .elementor-element-w_posts .elementor-widget-container,
        body.archive .elementor-element-w_posts .elementor-widget-container {
            width: 100% !important;
            max-width: 100% !important;
        }
        body.category .elementor-posts-container.elementor-grid,
        body.archive .elementor-posts-container.elementor-grid {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 28px !important;
        }
        /* Center the cards container on 2K/4K too (parent already has margin auto via the wide-screen rule) */
        /* Card body: consistent padding, tighter spacing */
        body.category .elementor-post,
        body.archive .elementor-post {
            background: rgba(255, 255, 255, 0.025) !important;
            border: 1px solid rgba(255, 255, 255, 0.08) !important;
            border-radius: 16px !important;
            padding: 0 !important;
            overflow: hidden !important;
            transition: all 0.25s ease !important;
            display: flex !important;
            flex-direction: column !important;
        }
        body.category .elementor-post:hover,
        body.archive .elementor-post:hover {
            border-color: rgba(88, 101, 242, 0.4) !important;
            transform: translateY(-3px) !important;
            box-shadow: 0 16px 40px -12px rgba(88, 101, 242, 0.25) !important;
        }
        /* Thumbnail: fixed aspect ratio, fills the top of card */
        body.category .elementor-post__thumbnail,
        body.archive .elementor-post__thumbnail {
            width: 100% !important;
            aspect-ratio: 16 / 10 !important;
            height: auto !important;
            max-height: none !important;
            overflow: hidden !important;
            position: relative !important;
            margin: 0 !important;
            border-radius: 0 !important;
            background: rgba(15, 18, 60, 0.6) !important;
        }
        body.category .elementor-post__thumbnail img,
        body.archive .elementor-post__thumbnail img {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            max-height: none !important;
            object-fit: cover !important;
            object-position: center !important;
            transform: none !important;
        }
        /* Card text area */
        body.category .elementor-post__text,
        body.archive .elementor-post__text {
            padding: 22px 22px 24px !important;
            display: flex !important;
            flex-direction: column !important;
            flex: 1 1 auto !important;
            gap: 12px !important;
        }
        /* Title */
        body.category .elementor-post__title,
        body.archive .elementor-post__title {
            font-size: 18px !important;
            line-height: 1.45 !important;
            font-weight: 600 !important;
            color: #fff !important;
            margin: 0 !important;
            padding: 0 !important;
            /* Clamp to 2 lines */
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
        }
        body.category .elementor-post__title a,
        body.archive .elementor-post__title a {
            color: #fff !important;
            text-decoration: none !important;
        }
        /* Excerpt */
        body.category .elementor-post__excerpt,
        body.archive .elementor-post__excerpt {
            font-size: 14px !important;
            line-height: 1.6 !important;
            color: rgba(255, 255, 255, 0.65) !important;
            margin: 0 !important;
            padding: 0 !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 3 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
        }
        /* Meta footer: date / read more row */
        body.category .elementor-post__meta-data,
        body.archive .elementor-post__meta-data {
            margin-top: auto !important;
            padding-top: 16px !important;
            border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            font-size: 12px !important;
            color: rgba(255, 255, 255, 0.5) !important;
        }
        body.category .elementor-post__read-more,
        body.archive .elementor-post__read-more {
            color: #8b95ff !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            text-decoration: none !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
        }
        /* Sidebar: tighter, better visual */
        .cn-studio-archive-sidebar {
            width: 340px !important;
            flex: 0 0 340px !important;
        }
    }
    /* Tablet (1200-1499) - 2 col + sidebar hidden */
    @media (min-width: 1200px) and (max-width: 1499px) {
        body.category .elementor-posts-container.elementor-grid,
        body.archive .elementor-posts-container.elementor-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 24px !important;
        }
    }

    /* === MOBILE REVERT === */
    @media (max-width: 1499px) {
        .cn-studio-archive-sidebar { display: none !important; }
    }

    /* === ARTICLE TABLE DARK-THEME STYLING (P28) === */
    /* WordPress default table block uses light backgrounds + dark text that
       clashes with the site's dark navy theme. Override to ensure all
       article-content tables have white text on dark backgrounds. */
    .entry-content table,
    .entry-content figure.wp-block-table table,
    .entry-content .wp-block-table,
    .elementor-widget-theme-post-content table,
    .post-content table,
    .elementor-widget-container table,
    article .elementor-widget-container table,
    .ast-article-single table {
        background: rgba(255, 255, 255, 0.04) !important;
        color: #ffffff !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        width: 100% !important;
        margin: 24px 0 !important;
        font-size: 15px !important;
    }
    /* Override WordPress 'is-style-stripes' zebra pattern that adds light
       row backgrounds. Use !important to beat core block styles. */
    .entry-content table.is-style-stripes,
    .entry-content .wp-block-table.is-style-stripes,
    .entry-content figure.wp-block-table.is-style-stripes table,
    .entry-content .is-style-stripes {
        border-collapse: separate !important;
        background: rgba(255, 255, 255, 0.04) !important;
    }
    .entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd),
    .entry-content .is-style-stripes tbody tr:nth-child(odd),
    .entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(even),
    .entry-content .is-style-stripes tbody tr:nth-child(even) {
        background-color: transparent !important;
    }
    .entry-content table thead th,
    .entry-content .wp-block-table thead th,
    .entry-content figure.wp-block-table thead th,
    .elementor-widget-theme-post-content table thead th,
    .post-content table thead th,
    .elementor-widget-container table thead th,
    article .elementor-widget-container table thead th,
    .ast-article-single table thead th {
        background: rgba(139, 149, 255, 0.18) !important;
        background: linear-gradient(135deg, rgba(139, 149, 255, 0.20), rgba(88, 101, 242, 0.15)) !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        padding: 14px 18px !important;
        text-align: left !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
        letter-spacing: 0.3px !important;
    }
    .entry-content table thead th:last-child,
    .entry-content .wp-block-table thead th:last-child,
    .entry-content figure.wp-block-table thead th:last-child,
    .elementor-widget-theme-post-content table thead th:last-child,
    .post-content table thead th:last-child,
    .elementor-widget-container table thead th:last-child,
    article .elementor-widget-container table thead th:last-child,
    .ast-article-single table thead th:last-child {
        border-right: none !important;
    }
    .entry-content table tbody td,
    .entry-content .wp-block-table tbody td,
    .entry-content figure.wp-block-table tbody td,
    .elementor-widget-theme-post-content table tbody td,
    .post-content table tbody td,
    .elementor-widget-container table tbody td,
    article .elementor-widget-container table tbody td,
    .ast-article-single table tbody td {
        background-color: transparent !important;
        background: transparent !important;
        color: #ffffff !important;
        padding: 14px 18px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
        vertical-align: middle !important;
    }
    .entry-content table tbody td:last-child,
    .entry-content .wp-block-table tbody td:last-child,
    .entry-content figure.wp-block-table tbody td:last-child,
    .elementor-widget-theme-post-content table tbody td:last-child,
    .post-content table tbody td:last-child,
    .elementor-widget-container table tbody td:last-child,
    article .elementor-widget-container table tbody td:last-child,
    .ast-article-single table tbody td:last-child {
        border-right: none !important;
    }
    .entry-content table tbody tr:last-child td,
    .entry-content .wp-block-table tbody tr:last-child td,
    .entry-content figure.wp-block-table tbody tr:last-child td,
    .elementor-widget-theme-post-content table tbody tr:last-child td,
    .post-content table tbody tr:last-child td,
    .elementor-widget-container table tbody tr:last-child td,
    article .elementor-widget-container table tbody tr:last-child td,
    .ast-article-single table tbody tr:last-child td {
        border-bottom: none !important;
    }
    /* Custom alternating dark stripes (override WP's light stripes) */
    .entry-content table tbody tr:nth-child(odd) td,
    .entry-content .wp-block-table tbody tr:nth-child(odd) td,
    .entry-content figure.wp-block-table tbody tr:nth-child(odd) td,
    .elementor-widget-theme-post-content table tbody tr:nth-child(odd) td,
    .post-content table tbody tr:nth-child(odd) td,
    .elementor-widget-container table tbody tr:nth-child(odd) td,
    article .elementor-widget-container table tbody tr:nth-child(odd) td,
    .ast-article-single table tbody tr:nth-child(odd) td {
        background-color: rgba(255, 255, 255, 0.02) !important;
        background: rgba(255, 255, 255, 0.02) !important;
    }
    .entry-content table tbody tr:nth-child(even) td,
    .entry-content .wp-block-table tbody tr:nth-child(even) td,
    .entry-content figure.wp-block-table tbody tr:nth-child(even) td,
    .elementor-widget-theme-post-content table tbody tr:nth-child(even) td,
    .post-content table tbody tr:nth-child(even) td,
    .elementor-widget-container table tbody tr:nth-child(even) td,
    article .elementor-widget-container table tbody tr:nth-child(even) td,
    .ast-article-single table tbody tr:nth-child(even) td {
        background-color: rgba(255, 255, 255, 0.06) !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }
    .entry-content table tbody tr:hover td,
    .entry-content .wp-block-table tbody tr:hover td,
    .entry-content figure.wp-block-table tbody tr:hover td,
    .elementor-widget-theme-post-content table tbody tr:hover td,
    .post-content table tbody tr:hover td,
    .elementor-widget-container table tbody tr:hover td,
    article .elementor-widget-container table tbody tr:hover td,
    .ast-article-single table tbody tr:hover td {
        background-color: rgba(139, 149, 255, 0.12) !important;
        background: rgba(139, 149, 255, 0.12) !important;
    }
    .entry-content table strong,
    .entry-content .wp-block-table strong,
    .entry-content figure.wp-block-table strong,
    .elementor-widget-theme-post-content table strong,
    .post-content table strong,
    .elementor-widget-container table strong,
    article .elementor-widget-container table strong,
    .ast-article-single table strong {
        color: #ffffff !important;
        font-weight: 600 !important;
    }
</style>
    <?php
}, 999);

// === PART 2: STICKY POST REORDER + SIDEBAR INJECTION (in wp_footer) ===
add_action('wp_footer', function() {
    $sticky = get_option('sticky_posts');
    $has_sticky = !empty($sticky) && is_array($sticky);
    $is_tax = is_category() || is_tag() || is_tax();

    if (!$has_sticky || !$is_tax) {
        return;
    }

    $sticky_ids = array_map('intval', $sticky);
    ?>
    <script id="absolute-sticky-reorder">
    (function() {
        var stickyIds = <?php echo json_encode($sticky_ids); ?>;
        var stickySet = {};
        stickyIds.forEach(function(id) { stickySet[id] = true; });
        var lastReorderSig = '';
        function extractId(el) {
            if (!el) return 0;
            var id = parseInt(el.getAttribute('data-post-id') || el.getAttribute('data-id') || '0', 10);
            if (id) return id;
            var m = (el.className || '').match(/post-(\d+)/);
            if (m) return parseInt(m[1], 10);
            return 0;
        }
        function reorder() {
            var containers = document.querySelectorAll(
                '.elementor-posts-container, .elementor-loop-container, .elementor-posts, ul.products, .posts-loop, .elementor-widget-posts .elementor-widget-container, .elementor-widget-loop-grid .elementor-widget-container'
            );
            containers.forEach(function(container) {
                if (!container) return;
                var children = Array.prototype.slice.call(container.children);
                var articles = children.filter(function(el) {
                    return el.tagName === 'ARTICLE' || el.classList.contains('e-loop-item') || el.classList.contains('post');
                });
                if (articles.length < 2) return;
                var sig = articles.map(extractId).join(',');
                if (sig === lastReorderSig) return;
                var stickyArticles = [];
                var otherArticles = [];
                articles.forEach(function(a) {
                    var id = extractId(a);
                    if (stickySet[id]) stickyArticles.push(a);
                    else otherArticles.push(a);
                });
                if (stickyArticles.length > 0) {
                    var frag = document.createDocumentFragment();
                    stickyArticles.concat(otherArticles).forEach(function(a) { frag.appendChild(a); });
                    container.appendChild(frag);
                    lastReorderSig = stickyArticles.map(extractId).concat(otherArticles.map(extractId)).join(',');
                }
            });
        }
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', reorder);
        } else { reorder(); }
        try {
            var observer = new MutationObserver(function() { reorder(); });
            observer.observe(document.body, { childList: true, subtree: true });
        } catch (e) {}
        setInterval(reorder, 500);

        // === Sidebar injection ===
        function injectSidebar() {
            if (window.innerWidth < 1500) return;
            if (!document.body.classList.contains('category') &&
                !document.body.classList.contains('tag') &&
                !document.body.classList.contains('tax-ld_course_category')) return;
            if (document.querySelector('.cn-studio-archive-sidebar')) return;
            var postsWidget = document.querySelector('.elementor-element-w_posts');
            if (!postsWidget) return;
            var column = postsWidget.closest('.elementor-column');
            if (!column) return;
            var columnWrap = column.querySelector('.elementor-widget-wrap') || column.querySelector('.elementor-column-wrap');
            if (!columnWrap) return;
            var sidebar = document.createElement('aside');
            sidebar.className = 'cn-studio-archive-sidebar';
            sidebar.innerHTML = [
                '<div>',
                    '<h4>📑 选品分类</h4>',
                    '<div>',
                        '<a class="cat-mini" href="/category/market-selection/">选品研究</a>',
                        '<a class="cat-mini" href="/category/dtc/">独立站</a>',
                        '<a class="cat-mini" href="/category/amazon/">亚马逊</a>',
                        '<a class="cat-mini" href="/">全部</a>',
                    '</div>',
                '</div>',
                '<div class="newsletter-box">',
                    '<h4 style="border-color:rgba(255,255,255,0.18);">📬 每周三早 8 点</h4>',
                    '<p>跨境选品研究 · 数据驱动的出海判断</p>',
                    '<input type="email" placeholder="你的邮箱">',
                    '<button>订阅周报</button>',
                '</div>',
                '<div>',
                    '<h4>🔥 最新研究</h4>',
                    '<ul>',
                        '<li><a href="/cold-plunge-sauna/">冷浴+桑拿：70% 增长背后的 8 个机会</a></li>',
                        '<li><a href="/clarity-5-heatmap-types-guide/">Clarity 5 类热力图完全指南</a></li>',
                        '<li><a href="/distributor-cooperation-complete-guide/">选品合作：把研究变成 SKU</a></li>',
                    '</ul>',
                '</div>',
            ].join('');
            columnWrap.parentNode.insertBefore(sidebar, columnWrap.nextSibling);
        }
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', injectSidebar);
        } else { injectSidebar(); }
        try {
            var obs = new MutationObserver(function() { injectSidebar(); });
            document.addEventListener('DOMContentLoaded', function() {
                obs.observe(document.body, { childList: true, subtree: true });
            });
        } catch (e) {}
    })();
    </script>
    <?php
}, 999);
<!DOCTYPE html>
<html lang="zh-Hans">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="profile" href="http://gmpg.org/xfn/11">
		<title>Helium10选品工具与Listing关键词优化工具-阿甘 &#8211; 阿甘聊跨境</title>
<meta name='robots' content='max-image-preview:large' />
<script>Object.defineProperty(window,"angiePlugin",{value:{"schemaVersion":1,"available":true,"version":"1.1.12"},writable:false,configurable:false});</script><link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link href='https://fonts.googleapis.com' rel='preconnect' />
<link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="阿甘聊跨境 &raquo; Feed" href="https://cnstudio.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="阿甘聊跨境 &raquo; 评论 Feed" href="https://cnstudio.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://cnstudio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcnstudio.com%2Ftopic%2Fhelium10%25e9%2580%2589%25e5%2593%2581%25e5%25b7%25a5%25e5%2585%25b7%25e4%25b8%258elisting%25e5%2585%25b3%25e9%2594%25ae%25e8%25af%258d%25e4%25bc%2598%25e5%258c%2596%25e5%25b7%25a5%25e5%2585%25b7-%25e9%2598%25bf%25e7%2594%2598%25ef%25bf%25bc%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://cnstudio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcnstudio.com%2Ftopic%2Fhelium10%25e9%2580%2589%25e5%2593%2581%25e5%25b7%25a5%25e5%2585%25b7%25e4%25b8%258elisting%25e5%2585%25b3%25e9%2594%25ae%25e8%25af%258d%25e4%25bc%2598%25e5%258c%2596%25e5%25b7%25a5%25e5%2585%25b7-%25e9%2598%25bf%25e7%2594%2598%25ef%25bf%25bc%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='astra-theme-css-css' href='https://cnstudio.com/wp-content/themes/astra/assets/css/minified/style.min.css?ver=4.13.8' media='all' />
<style id="astra-theme-css-inline-css">
.ast-no-sidebar .entry-content .alignfull {margin-left: calc( -50vw + 50%);margin-right: calc( -50vw + 50%);max-width: 100vw;width: 100vw;}.ast-no-sidebar .entry-content .alignwide {margin-left: calc(-41vw + 50%);margin-right: calc(-41vw + 50%);max-width: unset;width: unset;}.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-no-sidebar .entry-content .wp-block-column .alignwide{width: 100%;margin-left: auto;margin-right: auto;}.wp-block-gallery,.blocks-gallery-grid {margin: 0;}.wp-block-separator {max-width: 100px;}.wp-block-separator.is-style-wide,.wp-block-separator.is-style-dots {max-width: none;}.entry-content .has-2-columns .wp-block-column:first-child {padding-right: 10px;}.entry-content .has-2-columns .wp-block-column:last-child {padding-left: 10px;}@media (max-width: 782px) {.entry-content .wp-block-columns .wp-block-column {flex-basis: 100%;}.entry-content .has-2-columns .wp-block-column:first-child {padding-right: 0;}.entry-content .has-2-columns .wp-block-column:last-child {padding-left: 0;}}body .entry-content .wp-block-latest-posts {margin-left: 0;}body .entry-content .wp-block-latest-posts li {list-style: none;}.ast-no-sidebar .ast-container .entry-content .wp-block-latest-posts {margin-left: 0;}.ast-header-break-point .entry-content .alignwide {margin-left: auto;margin-right: auto;}.entry-content .blocks-gallery-item img {margin-bottom: auto;}.wp-block-pullquote {border-top: 4px solid #555d66;border-bottom: 4px solid #555d66;color: #40464d;}:root{--ast-post-nav-space:0;--ast-container-default-xlg-padding:6.67em;--ast-container-default-lg-padding:5.67em;--ast-container-default-slg-padding:4.34em;--ast-container-default-md-padding:3.34em;--ast-container-default-sm-padding:6.67em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.4em;--ast-code-block-background:#EEEEEE;--ast-comment-inputs-background:#FAFAFA;--ast-normal-container-width:1200px;--ast-narrow-container-width:750px;--ast-blog-title-font-weight:normal;--ast-blog-meta-weight:inherit;--ast-global-color-primary:var(--ast-global-color-5);--ast-global-color-secondary:var(--ast-global-color-4);--ast-global-color-alternate-background:var(--ast-global-color-7);--ast-global-color-subtle-background:var(--ast-global-color-6);--ast-bg-style-guide:var( --ast-global-color-secondary,var(--ast-global-color-5) );--ast-shadow-style-guide:0px 0px 4px 0 #00000057;--ast-global-dark-bg-style:#fff;--ast-global-dark-lfs:#fbfbfb;--ast-widget-bg-color:#fafafa;--ast-wc-container-head-bg-color:#fbfbfb;--ast-title-layout-bg:#eeeeee;--ast-search-border-color:#e7e7e7;--ast-lifter-hover-bg:#e6e6e6;--ast-gallery-block-color:#000;--srfm-color-input-label:var(--ast-global-color-2);}html{font-size:100%;}a,.page-title{color:#4a80ec;}a:hover,a:focus{color:#004de5;}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Lato',sans-serif;font-weight:400;font-size:16px;font-size:1rem;}blockquote{color:#000000;}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6),.site-title,.site-title a{font-family:'Lato',sans-serif;font-weight:400;}.ast-site-identity .site-title a{color:#ffffff;}.site-title{font-size:35px;font-size:2.1875rem;display:none;}header .custom-logo-link img{max-width:165px;width:165px;}.astra-logo-svg{width:165px;}.site-header .site-description{font-size:15px;font-size:0.9375rem;display:none;}.entry-title{font-size:30px;font-size:1.875rem;}.archive .ast-article-post .ast-article-inner,.blog .ast-article-post .ast-article-inner,.archive .ast-article-post .ast-article-inner:hover,.blog .ast-article-post .ast-article-inner:hover{overflow:hidden;}h1,.entry-content :where(h1){font-size:48px;font-size:3rem;font-weight:700;font-family:'Roboto',sans-serif;line-height:1.4em;}h2,.entry-content :where(h2){font-size:35px;font-size:2.1875rem;font-weight:500;font-family:'Roboto',sans-serif;line-height:1.3em;}h3,.entry-content :where(h3){font-size:20px;font-size:1.25rem;font-weight:700;font-family:'Roboto',sans-serif;line-height:1.3em;}h4,.entry-content :where(h4){font-size:18px;font-size:1.125rem;line-height:1.2em;font-weight:500;font-family:'Lato',sans-serif;}h5,.entry-content :where(h5){font-size:16px;font-size:1rem;line-height:1.2em;font-family:'Lato',sans-serif;}h6,.entry-content :where(h6){font-size:14px;font-size:0.875rem;line-height:1.25em;font-family:'Lato',sans-serif;}::selection{background-color:#004de5;color:#ffffff;}body,h1,h2,h3,h4,h5,h6,.entry-title a,.entry-content :where(h1,h2,h3,h4,h5,h6){color:#3a3a3a;}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#ffffff;border-color:#4a80ec;background-color:#4a80ec;}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:#4a80ec;}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:#4a80ec;background-color:#4a80ec;box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:#4a80ec;border-color:#4a80ec;}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:#4a80ec;}.entry-meta,.entry-meta *{line-height:1.45;color:#4a80ec;}.entry-meta a:not(.ast-button):hover,.entry-meta a:not(.ast-button):hover *,.entry-meta a:not(.ast-button):focus,.entry-meta a:not(.ast-button):focus *,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:#004de5;}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:#4a80ec;}.secondary .calendar_wrap #today,.ast-progress-val span{background:#4a80ec;}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:#4a80ec;border-color:#4a80ec;}.calendar_wrap #today > a{color:#ffffff;}.page-links .page-link,.single .post-navigation a{color:#4a80ec;}.ast-search-menu-icon .search-form button.search-submit{padding:0 4px;}.ast-search-menu-icon form.search-form{padding-right:0;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-form,.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field:focus{transition:all 0.2s;}.search-form input.search-field:focus{outline:none;}.ast-mobile-header-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element),.ast-mobile-popup-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element){padding:15px 20px;}.widget-title,.widget .wp-block-heading{font-size:22px;font-size:1.375rem;color:#3a3a3a;}.ast-search-menu-icon.slide-search a:focus-visible:focus-visible,.astra-search-icon:focus-visible,#close:focus-visible,a:focus-visible,.ast-menu-toggle:focus-visible,.site .skip-link:focus-visible,.wp-block-loginout input:focus-visible,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,.ast-header-navigation-arrow:focus-visible,.woocommerce .wc-proceed-to-checkout > .checkout-button:focus-visible,.woocommerce .woocommerce-MyAccount-navigation ul li a:focus-visible,.ast-orders-table__row .ast-orders-table__cell:focus-visible,.woocommerce .woocommerce-order-details .order-again > .button:focus-visible,.woocommerce .woocommerce-message a.button.wc-forward:focus-visible,.woocommerce #minus_qty:focus-visible,.woocommerce #plus_qty:focus-visible,a#ast-apply-coupon:focus-visible,.woocommerce .woocommerce-info a:focus-visible,.woocommerce .astra-shop-summary-wrap a:focus-visible,.woocommerce a.wc-forward:focus-visible,#ast-apply-coupon:focus-visible,.woocommerce-js .woocommerce-mini-cart-item a.remove:focus-visible,#close:focus-visible,.button.search-submit:focus-visible,#search_submit:focus,.normal-search:focus-visible,.ast-header-account-wrap:focus-visible,.woocommerce .ast-on-card-button.ast-quick-view-trigger:focus,.astra-cart-drawer-close:focus,.ast-single-variation:focus,.ast-woocommerce-product-gallery__image:focus,.ast-button:focus,.woocommerce-product-gallery--with-images [data-controls="prev"]:focus-visible,.woocommerce-product-gallery--with-images [data-controls="next"]:focus-visible,.ast-builder-button-wrap:has(.ast-custom-button-link:focus),.ast-builder-button-wrap .ast-custom-button-link:focus{outline-style:dotted;outline-color:inherit;outline-width:thin;}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus,.wp-block-search__input:focus,[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,.ast-mobile-popup-drawer.active .menu-toggle-close:focus,.woocommerce-ordering select.orderby:focus,#ast-scroll-top:focus,#coupon_code:focus,.woocommerce-page #comment:focus,.woocommerce #reviews #respond input#submit:focus,.woocommerce a.add_to_cart_button:focus,.woocommerce .button.single_add_to_cart_button:focus,.woocommerce .woocommerce-cart-form button:focus,.woocommerce .woocommerce-cart-form__cart-item .quantity .qty:focus,.woocommerce .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper > .input-text:focus,.woocommerce #order_comments:focus,.woocommerce #place_order:focus,.woocommerce .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper > .input-text:focus,.woocommerce .woocommerce-MyAccount-content form button:focus,.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row .woocommerce-Input.input-text:focus,.woocommerce .ast-woocommerce-container .woocommerce-pagination ul.page-numbers li a:focus,body #content .woocommerce form .form-row .select2-container--default .select2-selection--single:focus,#ast-coupon-code:focus,.woocommerce.woocommerce-js .quantity input[type=number]:focus,.woocommerce-js .woocommerce-mini-cart-item .quantity input[type=number]:focus,.woocommerce p#ast-coupon-trigger:focus{border-style:dotted;border-color:inherit;border-width:thin;}input{outline:none;}.woocommerce-js input[type=text]:focus,.woocommerce-js input[type=email]:focus,.woocommerce-js textarea:focus,input[type=number]:focus,.comments-area textarea#comment:focus,.comments-area textarea#comment:active,.comments-area .ast-comment-formwrap input[type="text"]:focus,.comments-area .ast-comment-formwrap input[type="text"]:active{outline-style:unset;outline-color:inherit;outline-width:thin;}.main-header-menu .menu-link,.ast-header-custom-item a{color:#3a3a3a;}.main-header-menu .menu-item:hover > .menu-link,.main-header-menu .menu-item:hover > .ast-menu-toggle,.main-header-menu .ast-masthead-custom-menu-items a:hover,.main-header-menu .menu-item.focus > .menu-link,.main-header-menu .menu-item.focus > .ast-menu-toggle,.main-header-menu .current-menu-item > .menu-link,.main-header-menu .current-menu-ancestor > .menu-link,.main-header-menu .current-menu-item > .ast-menu-toggle,.main-header-menu .current-menu-ancestor > .ast-menu-toggle{color:#4a80ec;}.header-main-layout-3 .ast-main-header-bar-alignment{margin-right:auto;}.header-main-layout-2 .site-header-section-left .ast-site-identity{text-align:left;}.site-logo-img img{ transition:all 0.2s linear;}body .ast-oembed-container *{position:absolute;top:0;width:100%;height:100%;left:0;}body .wp-block-embed-pocket-casts .ast-oembed-container *{position:unset;}.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle{background:transparent;color:#ffffff;}.ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle{background:transparent;border:1px solid #ffffff;color:#ffffff;}.ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle{background:#ffffff;color:#000000;}.ast-single-post-featured-section + article {margin-top: 2em;}.site-content .ast-single-post-featured-section img {width: 100%;overflow: hidden;object-fit: cover;}.site > .ast-single-related-posts-container {margin-top: 0;}@media (min-width: 922px) {.ast-desktop .ast-container--narrow {max-width: var(--ast-narrow-container-width);margin: 0 auto;}}.ast-small-footer{color:#ffffff;}.ast-small-footer > .ast-footer-overlay{background-color:#0984e3;;}.footer-adv .footer-adv-overlay{border-top-style:solid;border-top-color:#7a7a7a;}@media( max-width: 420px ) {.single .nav-links .nav-previous,.single .nav-links .nav-next {width: 100%;text-align: center;}}.wp-block-buttons.aligncenter{justify-content:center;}.ast-left-sidebar.ast-single-post #primary,.ast-right-sidebar.ast-single-post #primary,.ast-separate-container.ast-single-post.ast-right-sidebar #primary,.ast-separate-container.ast-single-post.ast-left-sidebar #primary,.ast-separate-container.ast-single-post #primary,.ast-narrow-container.ast-single-post #primary{padding-left:40px;padding-right:40px;}@media (max-width:782px){.entry-content .wp-block-columns .wp-block-column{margin-left:0px;}}.wp-block-image.aligncenter{margin-left:auto;margin-right:auto;}.wp-block-table.aligncenter{margin-left:auto;margin-right:auto;}.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{border-color:#0984e3;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;font-family:inherit;font-weight:inherit;font-size:16px;font-size:1rem;line-height:1em;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover,.ast-outline-button:hover,.ast-outline-button:focus,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:focus{background-color:#4a80ec;}.wp-block-button .wp-block-button__link.wp-element-button.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link.wp-element-button:not(.has-background),.ast-outline-button{background-color:#0984e3;}.entry-content[data-ast-blocks-layout] > figure{margin-bottom:1em;}.elementor-widget-container .elementor-loop-container .e-loop-item[data-elementor-type="loop-item"]{width:100%;}.review-rating{display:flex;align-items:center;order:2;}@media (max-width:921px){.ast-left-sidebar #content > .ast-container{display:flex;flex-direction:column-reverse;width:100%;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{padding:1.5em 2.14em;}.ast-author-box img.avatar{margin:20px 0 0 0;}}@media (min-width:922px){.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary{border:0;}.search-no-results.ast-separate-container #primary{margin-bottom:4em;}}.elementor-widget-button .elementor-button{border-style:solid;text-decoration:none;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;}body .elementor-button.elementor-size-sm,body .elementor-button.elementor-size-xs,body .elementor-button.elementor-size-md,body .elementor-button.elementor-size-lg,body .elementor-button.elementor-size-xl,body .elementor-button{border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;padding-top:15px;padding-right:40px;padding-bottom:16px;padding-left:40px;}.wp-block-button .wp-block-button__link ,.elementor-widget-button .elementor-button,.elementor-widget-button .elementor-button:visited{color:#ffffff;}.elementor-widget-button .elementor-button{border-color:#0984e3;background-color:#0984e3;}.elementor-widget-button .elementor-button:hover,.elementor-widget-button .elementor-button:focus{color:#ffffff;background-color:#4a80ec;border-color:#4a80ec;}.elementor-widget-button .elementor-button{font-size:16px;font-size:1rem;line-height:1em;}body .elementor-button.elementor-size-sm,body .elementor-button.elementor-size-xs,body .elementor-button.elementor-size-md,body .elementor-button.elementor-size-lg,body .elementor-button.elementor-size-xl,body .elementor-button{font-size:16px;font-size:1rem;}.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{color:#ffffff;background-color:#4a80ec;border-color:#4a80ec;}.elementor-widget-heading h1.elementor-heading-title{line-height:1.4em;}.elementor-widget-heading h2.elementor-heading-title{line-height:1.3em;}.elementor-widget-heading h3.elementor-heading-title{line-height:1.3em;}.elementor-widget-heading h4.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h5.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h6.elementor-heading-title{line-height:1.25em;}.wp-block-button .wp-block-button__link{border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;border-color:#0984e3;background-color:#0984e3;color:#ffffff;font-family:inherit;font-weight:inherit;line-height:1em;font-size:16px;font-size:1rem;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;padding-top:15px;padding-right:40px;padding-bottom:16px;padding-left:40px;}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"]{border-style:solid;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;color:#ffffff;border-color:#0984e3;background-color:#0984e3;padding-top:15px;padding-right:40px;padding-bottom:16px;padding-left:40px;font-family:inherit;font-weight:inherit;font-size:16px;font-size:1rem;line-height:1em;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{color:#ffffff;background-color:#4a80ec;border-color:#4a80ec;}@media (max-width:921px){.ast-mobile-header-stack .main-header-bar .ast-search-menu-icon{display:inline-block;}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon{margin:0;}.ast-comment-avatar-wrap img{max-width:2.5em;}.ast-comment-meta{padding:0 1.8888em 1.3333em;}.ast-separate-container .ast-comment-list li.depth-1{padding:1.5em 2.14em;}.ast-separate-container .comment-respond{padding:2em 2.14em;}}@media (min-width:544px){.ast-container{max-width:100%;}}@media (max-width:544px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comments-title,.ast-separate-container .ast-archive-description{padding:1.5em 1em;}.ast-separate-container #content .ast-container{padding-left:0.54em;padding-right:0.54em;}.ast-separate-container .ast-comment-list .bypostauthor{padding:.5em;}.ast-search-menu-icon.ast-dropdown-active .search-field{width:170px;}.site-branding img,.site-header .site-logo-img .custom-logo-link img{max-width:100%;}} #ast-mobile-header .ast-site-header-cart-li a{pointer-events:none;}body,.ast-separate-container{background-color:#fafafa;}.ast-no-sidebar.ast-separate-container .entry-content .alignfull {margin-left: -6.67em;margin-right: -6.67em;width: auto;}@media (max-width: 1200px) {.ast-no-sidebar.ast-separate-container .entry-content .alignfull {margin-left: -2.4em;margin-right: -2.4em;}}@media (max-width: 768px) {.ast-no-sidebar.ast-separate-container .entry-content .alignfull {margin-left: -2.14em;margin-right: -2.14em;}}@media (max-width: 544px) {.ast-no-sidebar.ast-separate-container .entry-content .alignfull {margin-left: -1em;margin-right: -1em;}}.ast-no-sidebar.ast-separate-container .entry-content .alignwide {margin-left: -20px;margin-right: -20px;}.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignfull,.ast-no-sidebar.ast-separate-container .entry-content .wp-block-column .alignwide {margin-left: auto;margin-right: auto;width: 100%;}@media (max-width:921px){.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:30px;}h2,.entry-content :where(h2){font-size:25px;}h3,.entry-content :where(h3){font-size:20px;}}@media (max-width:544px){.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:22px;}h2,.entry-content :where(h2){font-size:25px;}h3,.entry-content :where(h3){font-size:20px;}header .custom-logo-link img,.ast-header-break-point .site-branding img,.ast-header-break-point .custom-logo-link img{max-width:90px;width:90px;}.astra-logo-svg{width:90px;}.ast-header-break-point .site-logo-img .custom-mobile-logo-link img{max-width:90px;}}@media (max-width:921px){html{font-size:91.2%;}}@media (max-width:544px){html{font-size:91.2%;}}@media (min-width:922px){.ast-container{max-width:1240px;}}@font-face {font-family: "Astra";src: url(https://cnstudio.com/wp-content/themes/astra/assets/fonts/astra.woff) format("woff"),url(https://cnstudio.com/wp-content/themes/astra/assets/fonts/astra.ttf) format("truetype"),url(https://cnstudio.com/wp-content/themes/astra/assets/fonts/astra.svg#astra) format("svg");font-weight: normal;font-style: normal;font-display: swap;}@media (max-width:768px) {.main-header-bar .main-header-bar-navigation{display:none;}}.ast-desktop .main-header-menu.submenu-with-border .sub-menu,.ast-desktop .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper{border-color:#adadad;}.ast-desktop .main-header-menu.submenu-with-border .sub-menu{border-style:solid;}.ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu{top:-0px;}.ast-desktop .main-header-menu.submenu-with-border .sub-menu .menu-link,.ast-desktop .main-header-menu.submenu-with-border .children .menu-link{border-bottom-width:1px;border-style:solid;border-color:rgba(39,44,108,0.15);}@media (min-width:922px){.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu,.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu{margin-left:-0px;}}.ast-small-footer{border-top-style:solid;border-top-width:1px;border-top-color:rgba(9,132,227,0.62);}.ast-small-footer-wrap{text-align:center;}.site .comments-area{padding-bottom:3em;}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .main-header-bar-navigation .ast-search-icon {display: none;}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form {padding: 0;display: block;overflow: hidden;}.ast-header-break-point .ast-header-custom-item .widget:last-child {margin-bottom: 1em;}.ast-header-custom-item .widget {margin: 0.5em;display: inline-block;vertical-align: middle;}.ast-header-custom-item .widget p {margin-bottom: 0;}.ast-header-custom-item .widget li {width: auto;}.ast-header-custom-item-inside .button-custom-menu-item .menu-link {display: none;}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link {display: none;}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link {display: block;}.ast-header-break-point.ast-header-custom-item-outside .main-header-bar .ast-search-icon {margin-right: 1em;}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-field,.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon.ast-inline-search .search-field {width: 100%;padding-right: 5.5em;}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-submit {display: block;position: absolute;height: 100%;top: 0;right: 0;padding: 0 1em;border-radius: 0;}.ast-header-break-point .ast-header-custom-item .ast-masthead-custom-menu-items {padding-left: 20px;padding-right: 20px;margin-bottom: 1em;margin-top: 1em;}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item {padding-left: 0;padding-right: 0;margin-top: 0;margin-bottom: 0;}.astra-icon-down_arrow::after {content: "\e900";font-family: Astra;}.astra-icon-close::after {content: "\e5cd";font-family: Astra;}.astra-icon-drag_handle::after {content: "\e25d";font-family: Astra;}.astra-icon-format_align_justify::after {content: "\e235";font-family: Astra;}.astra-icon-menu::after {content: "\e5d2";font-family: Astra;}.astra-icon-reorder::after {content: "\e8fe";font-family: Astra;}.astra-icon-search::after {content: "\e8b6";font-family: Astra;}.astra-icon-zoom_in::after {content: "\e56b";font-family: Astra;}.astra-icon-check-circle::after {content: "\e901";font-family: Astra;}.astra-icon-shopping-cart::after {content: "\f07a";font-family: Astra;}.astra-icon-shopping-bag::after {content: "\f290";font-family: Astra;}.astra-icon-shopping-basket::after {content: "\f291";font-family: Astra;}.astra-icon-circle-o::after {content: "\e903";font-family: Astra;}.astra-icon-certificate::after {content: "\e902";font-family: Astra;}blockquote {padding: 1.2em;}:root .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root{--ast-global-color-0:#0170B9;--ast-global-color-1:#3a3a3a;--ast-global-color-2:#3a3a3a;--ast-global-color-3:#4B4F58;--ast-global-color-4:#F5F5F5;--ast-global-color-5:#FFFFFF;--ast-global-color-6:#E5E5E5;--ast-global-color-7:#424242;--ast-global-color-8:#000000;}:root {--ast-border-color : #dddddd;}.ast-single-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: var(--ast-title-layout-bg);}.ast-single-entry-banner[data-banner-layout="layout-1"] {max-width: 1200px;background: inherit;padding: 20px 0;}.ast-single-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-single-entry-banner + .site-content .entry-header {margin-bottom: 0;}.site .ast-author-avatar {--ast-author-avatar-size: ;}a.ast-underline-text {text-decoration: underline;}.ast-container > .ast-terms-link {position: relative;display: block;}a.ast-button.ast-badge-tax {padding: 4px 8px;border-radius: 3px;font-size: inherit;}header.entry-header{text-align:left;}header.entry-header .entry-title{font-size:22px;font-size:1.375rem;}header.entry-header > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){header.entry-header{text-align:left;}header.entry-header .entry-title{font-size:22px;font-size:1.375rem;}}@media (max-width:544px){header.entry-header{text-align:left;}header.entry-header .entry-title{font-size:20px;font-size:1.25rem;}}.ast-archive-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: var(--ast-title-layout-bg);}.ast-archive-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-archive-entry-banner[data-banner-layout="layout-1"] {background: inherit;padding: 20px 0;text-align: left;}body.archive .ast-archive-description{max-width:1200px;width:100%;text-align:left;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em;}body.archive .ast-archive-description .ast-archive-title,body.archive .ast-archive-description .ast-archive-title *{font-size:40px;font-size:2.5rem;}body.archive .ast-archive-description > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){body.archive .ast-archive-description{text-align:left;}}@media (max-width:544px){body.archive .ast-archive-description{text-align:left;}}.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,.ast-breadcrumbs .trail-items li{display:inline-block;margin:0;padding:0;border:none;background:inherit;text-indent:0;text-decoration:none;}.ast-breadcrumbs .trail-browse{font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;}.ast-breadcrumbs .trail-items{list-style:none;}.trail-items li::after{padding:0 0.3em;content:"\00bb";}.trail-items li:last-of-type::after{display:none;}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6){color:#2f3f50;}.elementor-posts-container [CLASS*="ast-width-"]{width:100%;}.elementor-template-full-width .ast-container{display:block;}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{top:0 !important;}@media (max-width:544px){.elementor-element .elementor-wc-products .woocommerce[class*="columns-"] ul.products li.product{width:auto;margin:0;}.elementor-element .woocommerce .woocommerce-result-count{float:none;}}.ast-header-break-point .main-header-bar{border-bottom-width:1px;border-bottom-color:#dbdee0;}@media (min-width:922px){.main-header-bar{border-bottom-width:1px;border-bottom-color:#dbdee0;}}.main-header-menu .menu-item, #astra-footer-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;}.ast-primary-menu-disabled .main-header-bar .ast-masthead-custom-menu-items{flex:unset;}.header-main-layout-1 .ast-flex.main-header-container, .header-main-layout-3 .ast-flex.main-header-container{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link:after{position:absolute;right:1em;top:50%;transform:translate(0,-50%) rotate(270deg);}.ast-header-break-point .main-header-bar .main-header-bar-navigation .page_item_has_children > .ast-menu-toggle::before, .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle::before, .ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle::before, .ast-header-break-point .ast-mobile-header-wrap .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle::before{font-weight:bold;content:"\e900";font-family:Astra;text-decoration:inherit;display:inline-block;}.ast-header-break-point .main-navigation ul.sub-menu .menu-item .menu-link:before{content:"\e900";font-family:Astra;font-size:.65em;text-decoration:inherit;display:inline-block;transform:translate(0, -2px) rotateZ(270deg);margin-right:5px;}.widget_search .search-form:after{font-family:Astra;font-size:1.2em;font-weight:normal;content:"\e8b6";position:absolute;top:50%;right:15px;transform:translate(0, -50%);}.astra-search-icon::before{content:"\e8b6";font-family:Astra;font-style:normal;font-weight:normal;text-decoration:inherit;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:3;}.main-header-bar .main-header-bar-navigation .page_item_has_children > a:after, .main-header-bar .main-header-bar-navigation .menu-item-has-children > a:after, .menu-item-has-children .ast-header-navigation-arrow:after{content:"\e900";display:inline-block;font-family:Astra;font-size:.6rem;font-weight:bold;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;line-height:normal;}.menu-item-has-children .sub-menu .ast-header-navigation-arrow:after{margin-left:0;}.ast-mobile-popup-drawer .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg);}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .menu-link:after{display:none;}@media (min-width:922px){.ast-builder-menu .main-navigation > ul > li:last-child a{margin-right:0;}}.ast-separate-container .ast-article-inner{background-color:transparent;background-image:none;}.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);}@media (max-width:921px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);}}@media (max-width:544px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);}}.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .comments-area .comments-title{background-color:var(--ast-global-color-5);}@media (max-width:921px){.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);}}@media (max-width:544px){.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);}}.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);}@media (max-width:921px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);}}@media (max-width:544px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);}}:root{--e-global-color-astglobalcolor0:#0170B9;--e-global-color-astglobalcolor1:#3a3a3a;--e-global-color-astglobalcolor2:#3a3a3a;--e-global-color-astglobalcolor3:#4B4F58;--e-global-color-astglobalcolor4:#F5F5F5;--e-global-color-astglobalcolor5:#FFFFFF;--e-global-color-astglobalcolor6:#E5E5E5;--e-global-color-astglobalcolor7:#424242;--e-global-color-astglobalcolor8:#000000;}
/*# sourceURL=astra-theme-css-inline-css */
</style>
<link rel='stylesheet' id='astra-learndash-css' href='https://cnstudio.com/wp-content/themes/astra/assets/css/minified/compatibility/learndash.min.css?ver=4.13.8' media='all' />
<link rel='stylesheet' id='astra-google-fonts-css' href='https://fonts.googleapis.com/css?family=Lato:400%2C|Roboto:700%2C500&#038;display=swap&#038;ver=4.13.8' media='all' />
<link rel='stylesheet' id='astra-menu-animation-css' href='https://cnstudio.com/wp-content/themes/astra/assets/css/minified/menu-animation.min.css?ver=4.13.8' media='all' />
<link rel='stylesheet' id='hfe-widgets-style-css' href='https://cnstudio.com/wp-content/plugins/header-footer-elementor/inc/widgets-css/frontend.css?ver=2.9.2' media='all' />
<link rel='stylesheet' id='hfe-woo-product-grid-css' href='https://cnstudio.com/wp-content/plugins/header-footer-elementor/inc/widgets-css/woo-products.css?ver=2.9.2' media='all' />
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://cnstudio.com/wp-includes/css/dist/block-library/style.min.css?ver=7.1' media='all' />
<style id="ai_summarization-inline-css">
.ai-summarization-summary{--ai-summary-border-color:#1d2327;--ai-summary-background-color:rgba(29,35,39,.04);background-color:var(--ai-summary-background-color);border-left:4px solid var(--ai-summary-border-color);padding:1em 1.25em}.ai-summarization-summary>:last-child{margin-bottom:0}.ai-summarization-plugin-container .components-button.ai-summarization-plugin-button{justify-content:center;width:100%}.ai-summarization-plugin-container .description{color:#757575}.block-editor-block-popover .ai-summarization-block-controls-button{height:46px;margin-top:1px}

/*# sourceURL=https://cnstudio.com/wp-content/plugins/ai/build-scripts/experiments/summarization.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--ast-global-color-0: var(--ast-global-color-0);--wp--preset--color--ast-global-color-1: var(--ast-global-color-1);--wp--preset--color--ast-global-color-2: var(--ast-global-color-2);--wp--preset--color--ast-global-color-3: var(--ast-global-color-3);--wp--preset--color--ast-global-color-4: var(--ast-global-color-4);--wp--preset--color--ast-global-color-5: var(--ast-global-color-5);--wp--preset--color--ast-global-color-6: var(--ast-global-color-6);--wp--preset--color--ast-global-color-7: var(--ast-global-color-7);--wp--preset--color--ast-global-color-8: var(--ast-global-color-8);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: var(--wp--custom--ast-content-width-size);--wp--style--global--wide-size: var(--wp--custom--ast-wide-width-size); }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-color{color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-color{color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-color{color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-color{color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-color{color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-color{color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-color{color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-color{color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-color{color: var(--wp--preset--color--ast-global-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-background-color{background-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-background-color{background-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-background-color{background-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-background-color{background-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-background-color{background-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-background-color{background-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-background-color{background-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-background-color{background-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-background-color{background-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-border-color{border-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-border-color{border-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-border-color{border-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-border-color{border-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-border-color{border-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-border-color{border-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-border-color{border-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-border-color{border-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-border-color{border-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='woocommerce-layout-css' href='https://cnstudio.com/wp-content/themes/astra/assets/css/minified/compatibility/woocommerce/woocommerce-layout.min.css?ver=4.13.8' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://cnstudio.com/wp-content/themes/astra/assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen.min.css?ver=4.13.8' media='only screen and (max-width: 921px)' />
<link rel='stylesheet' id='woocommerce-general-css' href='https://cnstudio.com/wp-content/themes/astra/assets/css/minified/compatibility/woocommerce/woocommerce.min.css?ver=4.13.8' media='all' />
<style id="woocommerce-general-inline-css">

					.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
						float: left;
					}

					.woocommerce .woocommerce-ordering {
						float: right;
						margin-bottom: 2.5em;
					}
				
					.woocommerce-js a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
						font-size: 100%;
						line-height: 1;
						text-decoration: none;
						overflow: visible;
						padding: 0.5em 0.75em;
						font-weight: 700;
						border-radius: 3px;
						color: $secondarytext;
						background-color: $secondary;
						border: 0;
					}
					.woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover {
						background-color: #dad8da;
						background-image: none;
						color: #515151;
					}
				#customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3){font-size:1.2rem;padding:20px 0 14px;margin:0 0 20px;border-bottom:1px solid var(--ast-border-color);font-weight:700;}form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading){border-width:2px 2px 0 2px;border-style:solid;font-size:1.2rem;margin:0;padding:1.5em 1.5em 1em;border-color:var(--ast-border-color);font-weight:700;}.woocommerce-Address h3, .cart-collaterals h2{font-size:1.2rem;padding:.7em 1em;}.woocommerce-cart .cart-collaterals .cart_totals>h2{font-weight:700;}form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review){padding:0 2em;border-width:0 2px 2px;border-style:solid;border-color:var(--ast-border-color);}ul#shipping_method li:not(.elementor-widget-woocommerce-cart #shipping_method li){margin:0;padding:0.25em 0 0.25em 22px;text-indent:-22px;list-style:none outside;}.woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale{background-color:#004de5;color:#ffffff;}.woocommerce-message, .woocommerce-info{border-top-color:#4a80ec;}.woocommerce-message::before,.woocommerce-info::before{color:#4a80ec;}.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a{color:#3a3a3a;}.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border-color:#4a80ec;}.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{background:#4a80ec;color:#ffffff;}.woocommerce-MyAccount-navigation-link.is-active a{color:#004de5;}.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color:#4a80ec;}.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before{color:var(--ast-global-color-3);}.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,  .woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before{background:#4a80ec;}.ast-site-header-cart a{color:#3a3a3a;}.ast-site-header-cart a:focus, .ast-site-header-cart a:hover, .ast-site-header-cart .current-menu-item a{color:#4a80ec;}.ast-cart-menu-wrap .count, .ast-cart-menu-wrap .count:after{border-color:#4a80ec;color:#4a80ec;}.ast-cart-menu-wrap:hover .count{color:#ffffff;background-color:#4a80ec;}.ast-site-header-cart .widget_shopping_cart .total .woocommerce-Price-amount{color:#4a80ec;}.woocommerce a.remove:hover, .ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item .menu-item:hover > .menu-link.remove:hover{color:#4a80ec;border-color:#4a80ec;background-color:#ffffff;}.ast-site-header-cart .widget_shopping_cart .buttons .button.checkout, .woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward{color:#ffffff;border-color:#4a80ec;background-color:#4a80ec;}.site-header .ast-site-header-cart-data .button.wc-forward, .site-header .ast-site-header-cart-data .button.wc-forward:hover{color:#ffffff;}.below-header-user-select .ast-site-header-cart .widget, .ast-above-header-section .ast-site-header-cart .widget a, .below-header-user-select .ast-site-header-cart .widget_shopping_cart a{color:#3a3a3a;}.below-header-user-select .ast-site-header-cart .widget_shopping_cart a:hover, .ast-above-header-section .ast-site-header-cart .widget_shopping_cart a:hover, .below-header-user-select .ast-site-header-cart .widget_shopping_cart a.remove:hover, .ast-above-header-section .ast-site-header-cart .widget_shopping_cart a.remove:hover{color:#4a80ec;}.woocommerce .woocommerce-cart-form button[name="update_cart"]:disabled{color:#ffffff;}.woocommerce #content table.cart .button[name="apply_coupon"], .woocommerce-page #content table.cart .button[name="apply_coupon"]{padding:10px 40px;}.woocommerce table.cart td.actions .button, .woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button{line-height:1;border-width:1px;border-style:solid;}.woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button{line-height:1.3;}.woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce-js a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale{color:#ffffff;border-color:#0984e3;background-color:#0984e3;}.woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce-js a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover{color:#ffffff;border-color:#4a80ec;background-color:#4a80ec;}.woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce-js a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce-cart table.cart td.actions .button, .woocommerce form.checkout_coupon .button, .woocommerce #respond input#submit, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link{border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;padding-top:15px;padding-right:40px;padding-bottom:16px;padding-left:40px;}.woocommerce ul.products li.product a, .woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover{text-decoration:none;}.woocommerce .up-sells h2, .woocommerce .related.products h2, .woocommerce .woocommerce-tabs h2{font-size:1.5rem;}.woocommerce h2, .woocommerce-account h2{font-size:1.625rem;}.woocommerce ul.product-categories > li ul li:before{content:"\e900";padding:0 5px 0 5px;display:inline-block;font-family:Astra;transform:rotate(-90deg);font-size:0.7rem;}.ast-site-header-cart i.astra-icon:before{font-family:Astra;}.ast-icon-shopping-cart:before{content:"\f07a";}.ast-icon-shopping-bag:before{content:"\f290";}.ast-icon-shopping-basket:before{content:"\f291";}.ast-icon-shopping-cart svg{height:.82em;}.ast-icon-shopping-bag svg{height:1em;width:1em;}.ast-icon-shopping-basket svg{height:1.15em;width:1.2em;}.ast-site-header-cart.ast-menu-cart-outline .ast-addon-cart-wrap, .ast-site-header-cart.ast-menu-cart-fill .ast-addon-cart-wrap {line-height:1;}.ast-site-header-cart.ast-menu-cart-fill i.astra-icon{ font-size:1.1em;}li.woocommerce-custom-menu-item .ast-site-header-cart i.astra-icon:after{ padding-left:2px;}.ast-hfb-header .ast-addon-cart-wrap{ padding:0.4em;}.ast-header-break-point.ast-header-custom-item-outside .ast-woo-header-cart-info-wrap{ display:none;}.ast-site-header-cart i.astra-icon:after{ background:#004de5;}@media (min-width:545px) and (max-width:921px){.woocommerce.tablet-columns-6 ul.products li.product, .woocommerce-page.tablet-columns-6 ul.products li.product{width:calc(16.66% - 16.66px);}.woocommerce.tablet-columns-5 ul.products li.product, .woocommerce-page.tablet-columns-5 ul.products li.product{width:calc(20% - 16px);}.woocommerce.tablet-columns-4 ul.products li.product, .woocommerce-page.tablet-columns-4 ul.products li.product{width:calc(25% - 15px);}.woocommerce.tablet-columns-3 ul.products li.product, .woocommerce-page.tablet-columns-3 ul.products li.product{width:calc(33.33% - 14px);}.woocommerce.tablet-columns-2 ul.products li.product, .woocommerce-page.tablet-columns-2 ul.products li.product{width:calc(50% - 10px);}.woocommerce.tablet-columns-1 ul.products li.product, .woocommerce-page.tablet-columns-1 ul.products li.product{width:100%;}.woocommerce div.product .related.products ul.products li.product{width:calc(33.33% - 14px);}}@media (min-width:545px) and (max-width:921px){.woocommerce[class*="columns-"].columns-3 > ul.products li.product, .woocommerce[class*="columns-"].columns-4 > ul.products li.product, .woocommerce[class*="columns-"].columns-5 > ul.products li.product, .woocommerce[class*="columns-"].columns-6 > ul.products li.product{width:calc(33.33% - 14px);margin-right:20px;}.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(3n), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(3n){margin-right:0;clear:right;}.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(3n+1), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(3n+1){clear:left;}.woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n){margin-right:20px;clear:none;}.woocommerce.tablet-columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.tablet-columns-2 ul.products li.product:nth-child(2n), .woocommerce.tablet-columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.tablet-columns-3 ul.products li.product:nth-child(3n), .woocommerce.tablet-columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.tablet-columns-4 ul.products li.product:nth-child(4n), .woocommerce.tablet-columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.tablet-columns-5 ul.products li.product:nth-child(5n), .woocommerce.tablet-columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.tablet-columns-6 ul.products li.product:nth-child(6n){margin-right:0;clear:right;}.woocommerce.tablet-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.tablet-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce.tablet-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.tablet-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce.tablet-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.tablet-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce.tablet-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.tablet-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce.tablet-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.tablet-columns-6 ul.products li.product:nth-child(6n+1){clear:left;}.woocommerce div.product .related.products ul.products li.product:nth-child(3n), .woocommerce-page.tablet-columns-1 .site-main ul.products li.product{margin-right:0;clear:right;}.woocommerce div.product .related.products ul.products li.product:nth-child(3n+1){clear:left;}}@media (min-width:922px){.woocommerce form.checkout_coupon{width:50%;}.woocommerce #reviews #comments{float:left;}.woocommerce #reviews #review_form_wrapper{float:right;}}@media (max-width:921px){.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack.ast-no-menu-items .ast-site-header-cart, .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack.ast-no-menu-items .ast-site-header-cart{padding-right:0;padding-left:0;}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .main-header-bar{text-align:center;}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .ast-site-header-cart, .ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-1.ast-mobile-header-stack .ast-mobile-menu-buttons{display:inline-block;}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-2.ast-mobile-header-inline .site-branding{flex:auto;}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack .site-branding{flex:0 0 100%;}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3.ast-mobile-header-stack .main-header-container{display:flex;justify-content:center;}.woocommerce-cart .woocommerce-shipping-calculator .button{width:100%;}.woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary{float:none;width:100%;}.woocommerce-cart table.cart td.actions .ast-return-to-shop{display:block;text-align:center;margin-top:1em;}}@media (max-width:544px){.ast-separate-container .ast-woocommerce-container{padding:.54em 1em 1.33333em;}.woocommerce-message, .woocommerce-error, .woocommerce-info{display:flex;flex-wrap:wrap;}.woocommerce-message a.button, .woocommerce-error a.button, .woocommerce-info a.button{order:1;margin-top:.5em;}.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float:none;margin-bottom:2em;}.woocommerce table.cart td.actions .button, .woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button{padding-left:1em;padding-right:1em;}.woocommerce #content table.cart .button, .woocommerce-page #content table.cart .button{width:100%;}.woocommerce #content table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon{float:none;}.woocommerce #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button{flex:1;}.woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a{display:block;}.woocommerce ul.products a.button, .woocommerce-page ul.products a.button{padding:0.5em 0.75em;}.woocommerce div.product .related.products ul.products li.product, .woocommerce.mobile-columns-2 ul.products li.product, .woocommerce-page.mobile-columns-2 ul.products li.product{width:calc(50% - 10px);}.woocommerce.mobile-columns-6 ul.products li.product, .woocommerce-page.mobile-columns-6 ul.products li.product{width:calc(16.66% - 16.66px);}.woocommerce.mobile-columns-5 ul.products li.product, .woocommerce-page.mobile-columns-5 ul.products li.product{width:calc(20% - 16px);}.woocommerce.mobile-columns-4 ul.products li.product, .woocommerce-page.mobile-columns-4 ul.products li.product{width:calc(25% - 15px);}.woocommerce.mobile-columns-3 ul.products li.product, .woocommerce-page.mobile-columns-3 ul.products li.product{width:calc(33.33% - 14px);}.woocommerce.mobile-columns-1 ul.products li.product, .woocommerce-page.mobile-columns-1 ul.products li.product{width:100%;}}@media (max-width:544px){.woocommerce ul.products a.button.loading::after, .woocommerce-page ul.products a.button.loading::after{display:inline-block;margin-left:5px;position:initial;}.woocommerce.mobile-columns-1 .site-main ul.products li.product:nth-child(n), .woocommerce-page.mobile-columns-1 .site-main ul.products li.product:nth-child(n){margin-right:0;}.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{display:block;margin-right:0;}.woocommerce[class*="columns-"].columns-3 > ul.products li.product, .woocommerce[class*="columns-"].columns-4 > ul.products li.product, .woocommerce[class*="columns-"].columns-5 > ul.products li.product, .woocommerce[class*="columns-"].columns-6 > ul.products li.product{width:calc(50% - 10px);margin-right:20px;}.woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n){margin-right:20px;clear:none;}.woocommerce-page[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-6>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-6>ul.products li.product:nth-child(2n){margin-right:0;clear:right;}.woocommerce[class*="columns-"].columns-3 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-4 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-5 > ul.products li.product:nth-child(2n+1), .woocommerce[class*="columns-"].columns-6 > ul.products li.product:nth-child(2n+1){clear:left;}.woocommerce-page[class*=columns-] ul.products li.product:nth-child(n), .woocommerce[class*=columns-] ul.products li.product:nth-child(n){margin-right:20px;clear:none;}.woocommerce.mobile-columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.mobile-columns-6 ul.products li.product:nth-child(6n), .woocommerce.mobile-columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.mobile-columns-5 ul.products li.product:nth-child(5n), .woocommerce.mobile-columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.mobile-columns-4 ul.products li.product:nth-child(4n), .woocommerce.mobile-columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.mobile-columns-3 ul.products li.product:nth-child(3n), .woocommerce.mobile-columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.mobile-columns-2 ul.products li.product:nth-child(2n), .woocommerce div.product .related.products ul.products li.product:nth-child(2n){margin-right:0;clear:right;}.woocommerce.mobile-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.mobile-columns-6 ul.products li.product:nth-child(6n+1), .woocommerce.mobile-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.mobile-columns-5 ul.products li.product:nth-child(5n+1), .woocommerce.mobile-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.mobile-columns-4 ul.products li.product:nth-child(4n+1), .woocommerce.mobile-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.mobile-columns-3 ul.products li.product:nth-child(3n+1), .woocommerce.mobile-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.mobile-columns-2 ul.products li.product:nth-child(2n+1), .woocommerce div.product .related.products ul.products li.product:nth-child(2n+1){clear:left;}}@media (min-width:922px){.ast-woo-shop-archive .site-content > .ast-container{max-width:1240px;}}@media (min-width:922px){.woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images{width:50%;}.woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary{width:46%;}.woocommerce.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-2, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-2{float:none;width:auto;}}.widget_product_search button{flex:0 0 auto;padding:10px 20px;}@media (min-width:922px){.woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set{width:55%;float:left;margin-right:4.347826087%;}.woocommerce.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review, .woocommerce-page.woocommerce-checkout form #order_review_heading{width:40%;float:right;margin-right:0;clear:right;}}select, .select2-container .select2-selection--single{background-image:url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%234B4F58' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");background-size:.8em;background-repeat:no-repeat;background-position-x:calc( 100% - 10px );background-position-y:center;-webkit-appearance:none;-moz-appearance:none;padding-right:2em;}
						.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
							text-align: left;
						}
						.woocommerce ul.products li.product.desktop-align-left .star-rating,
						.woocommerce ul.products li.product.desktop-align-left .button,
						.woocommerce-page ul.products li.product.desktop-align-left .star-rating,
						.woocommerce-page ul.products li.product.desktop-align-left .button {
							margin-left: 0;
							margin-right: 0;
						}
					@media(max-width: 921px){
						.woocommerce ul.products li.product.tablet-align-left, .woocommerce-page ul.products li.product.tablet-align-left {
							text-align: left;
						}
						.woocommerce ul.products li.product.tablet-align-left .star-rating,
						.woocommerce ul.products li.product.tablet-align-left .button,
						.woocommerce-page ul.products li.product.tablet-align-left .star-rating,
						.woocommerce-page ul.products li.product.tablet-align-left .button {
							margin-left: 0;
							margin-right: 0;
						}
					}@media(max-width: 544px){
						.woocommerce ul.products li.product.mobile-align-left, .woocommerce-page ul.products li.product.mobile-align-left {
							text-align: left;
						}
						.woocommerce ul.products li.product.mobile-align-left .star-rating,
						.woocommerce ul.products li.product.mobile-align-left .button,
						.woocommerce-page ul.products li.product.mobile-align-left .star-rating,
						.woocommerce-page ul.products li.product.mobile-align-left .button {
							margin-left: 0;
							margin-right: 0;
						}
					}.ast-woo-active-filter-widget .wc-block-active-filters{display:flex;align-items:self-start;justify-content:space-between;}.ast-woo-active-filter-widget .wc-block-active-filters__clear-all{flex:none;margin-top:2px;}.woocommerce.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #customer_details.col2-set, .woocommerce-page.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #customer_details.col2-set{width:100%;}.woocommerce.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #order_review, .woocommerce.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #order_review_heading, .woocommerce-page.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #order_review, .woocommerce-page.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #order_review_heading{width:100%;float:inherit;}.elementor-widget-woocommerce-checkout-page .select2-container .select2-selection--single, .elementor-widget-woocommerce-cart .select2-container .select2-selection--single{padding:0;}.elementor-widget-woocommerce-checkout-page .woocommerce form .woocommerce-additional-fields, .elementor-widget-woocommerce-checkout-page .woocommerce form .shipping_address, .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation-link, .elementor-widget-woocommerce-cart .woocommerce a.remove{border:none;}.elementor-widget-woocommerce-cart .cart-collaterals .cart_totals > h2{background-color:inherit;border-bottom:0px;margin:0px;}.elementor-widget-woocommerce-cart .cart-collaterals .cart_totals{padding:0;border-color:inherit;border-radius:0;margin-bottom:0px;border-width:0px;}.elementor-widget-woocommerce-cart .woocommerce-cart-form .e-apply-coupon{line-height:initial;}.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content .woocommerce-Address-title h3{margin-bottom:var(--myaccount-section-title-spacing, 0px);}.elementor-widget-woocommerce-my-account .woocommerce-Addresses .woocommerce-Address-title, .elementor-widget-woocommerce-my-account table.shop_table thead, .elementor-widget-woocommerce-my-account .woocommerce-page table.shop_table thead, .elementor-widget-woocommerce-cart table.shop_table thead{background:inherit;}.elementor-widget-woocommerce-cart .e-apply-coupon, .elementor-widget-woocommerce-cart #coupon_code, .elementor-widget-woocommerce-checkout-page .e-apply-coupon, .elementor-widget-woocommerce-checkout-page #coupon_code{height:100%;}.elementor-widget-woocommerce-cart td.product-name dl.variation dt{font-weight:inherit;}.elementor-element.elementor-widget-woocommerce-checkout-page .e-checkout__container #customer_details .col-1{margin-bottom:0;}
/*# sourceURL=woocommerce-general-inline-css */
</style>
<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='learndash_quiz_front_css-css' href='//cnstudio.com/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_quiz_front.min.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://cnstudio.com/wp-includes/css/dashicons.min.css?ver=7.1' media='all' />
<link rel='stylesheet' id='learndash-css' href='//cnstudio.com/wp-content/plugins/sfwd-lms/src/assets/dist/css/styles.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='jquery-dropdown-css-css' href='//cnstudio.com/wp-content/plugins/sfwd-lms/assets/css/jquery.dropdown.min.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='learndash_lesson_video-css' href='//cnstudio.com/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_lesson_video.min.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='learndash-admin-bar-css' href='https://cnstudio.com/wp-content/plugins/sfwd-lms/src/assets/dist/css/admin-bar/styles.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='learndash-course-grid-skin-grid-css' href='https://cnstudio.com/wp-content/plugins/sfwd-lms/includes/course-grid/templates/skins/grid/style.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='learndash-course-grid-pagination-css' href='https://cnstudio.com/wp-content/plugins/sfwd-lms/includes/course-grid/templates/pagination/style.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='learndash-course-grid-filter-css' href='https://cnstudio.com/wp-content/plugins/sfwd-lms/includes/course-grid/templates/filter/style.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='learndash-course-grid-card-grid-1-css' href='https://cnstudio.com/wp-content/plugins/sfwd-lms/includes/course-grid/templates/cards/grid-1/style.css?ver=5.1.7' media='all' />
<link rel='stylesheet' id='hfe-style-css' href='https://cnstudio.com/wp-content/plugins/header-footer-elementor/assets/css/header-footer-elementor.css?ver=2.9.2' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.53.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.2.1' media='all' />
<link rel='stylesheet' id='elementor-post-24888-css' href='https://cnstudio.com/wp-content/uploads/elementor/css/post-24888.css?ver=1788430281' media='all' />
<link rel='stylesheet' id='font-awesome-5-all-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=4.2.1' media='all' />
<link rel='stylesheet' id='font-awesome-4-shim-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=4.2.1' media='all' />
<link rel='stylesheet' id='elementor-post-24787-css' href='https://cnstudio.com/wp-content/uploads/elementor/css/post-24787.css?ver=1788430281' media='all' />
<link rel='stylesheet' id='ea11y-skip-link-css' href='https://cnstudio.com/wp-content/plugins/pojo-accessibility/assets/build/skip-link.css?ver=4.1.3' media='all' />
<link rel='stylesheet' id='learndash-front-css' href='//cnstudio.com/wp-content/plugins/sfwd-lms/themes/ld30/assets/css/learndash.min.css?ver=5.1.7' media='all' />
<style id="learndash-front-inline-css">
		.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-next,
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
			border-color: #0984e3;
		}

		/*
		.learndash-wrapper a:not(.ld-button):not(#quiz_continue_link):not(.ld-focus-menu-link):not(.btn-blue):not(#quiz_continue_link):not(.ld-js-register-account):not(#ld-focus-mode-course-heading):not(#btn-join):not(.ld-item-name):not(.ld-table-list-item-preview):not(.ld-lesson-item-preview-heading),
		 */

		.learndash-wrapper .ld-breadcrumbs a,
		.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
		.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,
		.learndash-wrapper .ld-primary-color-hover:hover,
		.learndash-wrapper .ld-primary-color,
		.learndash-wrapper .ld-primary-color-hover:hover,
		.learndash-wrapper .ld-primary-color,
		.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active,
		.learndash-wrapper .ld-button.ld-button-transparent,
		.learndash-wrapper .ld-button.ld-button-reverse,
		.learndash-wrapper .ld-icon-certificate,
		.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading,
		#wpProQuiz_user_content a,
		.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover,
		.learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button,
		.learndash-wrapper .ld-focus-comments__heading a,
		.learndash-wrapper .ld-focus-comments .comment-respond a,
		.learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover,
		.learndash-wrapper .ld-expand-button.ld-button-alternate {
			color: #0984e3 !important;
		}

		.learndash-wrapper .ld-focus-comment.bypostauthor>.ld-comment-wrapper,
		.learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper,
		.learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper {
			background-color:rgba(9, 132, 227, 0.03) !important;
		}


		.learndash-wrapper .ld-primary-background,
		.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after {
			background: #0984e3 !important;
		}



		.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-status-incomplete,
		.learndash-wrapper .ld-focus-comment.bypostauthor:not(.ptype-sfwd-assignment) >.ld-comment-wrapper>.ld-comment-avatar img,
		.learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper>.ld-comment-avatar img,
		.learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper>.ld-comment-avatar img {
			border-color: #0984e3 !important;
		}



		.learndash-wrapper .ld-loading::before {
			border-top:3px solid #0984e3 !important;
		}

		.learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css),
		#learndash-tooltips .ld-tooltip:after,
		#learndash-tooltips .ld-tooltip,
		.ld-tooltip:not(.ld-tooltip--modern) [role="tooltip"],
		.learndash-wrapper .ld-primary-background,
		.learndash-wrapper .btn-join:not(.ld--ignore-inline-css),
		.learndash-wrapper #btn-join:not(.ld--ignore-inline-css),
		.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css),
		.learndash-wrapper .ld-expand-button:not([disabled]),
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz),
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:not([disabled]),
		.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
		.learndash-wrapper .ld-focus-comments .form-submit #submit,
		.learndash-wrapper .ld-login-modal input[type='submit']:not([disabled]),
		.learndash-wrapper .ld-login-modal .ld-login-modal-register:not([disabled]),
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:not([disabled]),
		.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:not([disabled]),
		#wpProQuiz_user_content table.wp-list-table thead th,
		#wpProQuiz_overlay_close:not([disabled]),
		.learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon {
			background-color: #0984e3 !important;
			color: #000000;
		}

		.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:not([disabled]):not(:hover):not(:focus) .ld-icon {
			background-color: #0984e3;
		}

		.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon,
		.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus .ld-icon {
			border-color: #0984e3;
			color: #0984e3;
		}

		.learndash-wrapper .ld-button:focus:not(.ld-button-transparent):not(.ld--ignore-inline-css),
		.learndash-wrapper .btn-join:focus:not(.ld--ignore-inline-css),
		.learndash-wrapper #btn-join:focus:not(.ld--ignore-inline-css),
		.learndash-wrapper .ld-expand-button:focus,
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):focus:not(.wpProQuiz_button_restartQuiz),
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:focus,
		.learndash-wrapper .ld-focus-comments .form-submit #submit,
		.learndash-wrapper .ld-login-modal input[type='submit']:focus,
		.learndash-wrapper .ld-login-modal .ld-login-modal-register:focus,
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:focus {
			opacity: 0.75; /* Replicates the hover/focus states pre-4.21.3. */
			outline-color: #0984e3;
		}

		.learndash-wrapper .ld-button:hover:not(.ld-button-transparent):not(.ld--ignore-inline-css),
		.learndash-wrapper .btn-join:hover:not(.ld--ignore-inline-css),
		.learndash-wrapper #btn-join:hover:not(.ld--ignore-inline-css),
		.learndash-wrapper .ld-expand-button:hover,
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):hover:not(.wpProQuiz_button_restartQuiz),
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover,
		.learndash-wrapper .ld-focus-comments .form-submit #submit,
		.learndash-wrapper .ld-login-modal input[type='submit']:hover,
		.learndash-wrapper .ld-login-modal .ld-login-modal-register:hover,
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover {
			background-color: #0984e3; /* Replicates the hover/focus states pre-4.21.3. */
			opacity: 0.85; /* Replicates the hover/focus states pre-4.21.3. */
		}

		.learndash-wrapper .ld-item-list .ld-item-search .ld-closer:focus {
			border-color: #0984e3;
		}

		.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before {
			border-bottom-color: #0984e3 !important;
		}

		.learndash-wrapper .ld-button.ld-button-transparent:hover {
			background: transparent !important;
		}

		.learndash-wrapper .ld-button.ld-button-transparent:focus {
			outline-color: #0984e3;
		}

		.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css),
		.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button,
		.learndash-wrapper .ld-button.ld-button-transparent,
		.learndash-wrapper .ld-button.ld-button-alternate,
		.learndash-wrapper .ld-expand-button.ld-button-alternate {
			background-color:transparent !important;
		}

		.learndash-wrapper .ld-focus-header .ld-user-menu .ld-user-menu-items a,
		.learndash-wrapper .ld-button.ld-button-reverse:hover,
		.learndash-wrapper .ld-alert-success .ld-alert-icon.ld-icon-certificate,
		.learndash-wrapper .ld-alert-warning .ld-button,
		.learndash-wrapper .ld-primary-background.ld-status {
			color:white !important;
		}

		.learndash-wrapper .ld-status.ld-status-unlocked {
			background-color: rgba(9,132,227,0.2) !important;
			color: #0984e3 !important;
		}

		.learndash-wrapper .wpProQuiz_content .wpProQuiz_addToplist {
			background-color: rgba(9,132,227,0.1) !important;
			border: 1px solid #0984e3 !important;
		}

		.learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTable th {
			background: #0984e3 !important;
		}

		.learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTrOdd {
			background-color: rgba(9,132,227,0.1) !important;
		}


		.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress {
			background-color: #0984e3 !important;
		}
		
		.learndash-wrapper #quiz_continue_link,
		.learndash-wrapper .ld-secondary-background,
		.learndash-wrapper .learndash_mark_complete_button:not(.ld--ignore-inline-css),
		.learndash-wrapper #learndash_mark_complete_button,
		.learndash-wrapper .ld-status-complete,
		.learndash-wrapper .ld-alert-success .ld-button,
		.learndash-wrapper .ld-alert-success .ld-alert-icon {
			background-color: #0984e3 !important;
		}

		.learndash-wrapper #quiz_continue_link:focus,
		.learndash-wrapper .learndash_mark_complete_button:focus:not(.ld--ignore-inline-css),
		.learndash-wrapper #learndash_mark_complete_button:focus,
		.learndash-wrapper .ld-alert-success .ld-button:focus {
			outline-color: #0984e3;
		}

		.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
			background-color: #0984e3 !important;
		}

		.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:focus {
			outline-color: #0984e3;
		}

		.learndash-wrapper .course_progress .sending_progress_bar {
			background: #0984e3 !important;
		}

		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_restartQuiz:hover {
			background-color: #0984e3 !important;
			opacity: 0.75;
		}

		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:focus,
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_button_restartQuiz:focus {
			outline-color: #0984e3;
		}

		.learndash-wrapper .ld-secondary-color-hover:hover,
		.learndash-wrapper .ld-secondary-color,
		.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css),
		.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button,
		.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after {
			color: #0984e3 !important;
		}

		.learndash-wrapper .ld-secondary-in-progress-icon {
			border-left-color: #0984e3 !important;
			border-top-color: #0984e3 !important;
		}

		.learndash-wrapper .ld-alert-success {
			border-color: #0984e3;
			background-color: transparent !important;
			color: #0984e3;
		}

		
		.learndash-wrapper .ld-alert-warning {
			background-color:transparent;
		}

		.learndash-wrapper .ld-status-waiting,
		.learndash-wrapper .ld-alert-warning .ld-alert-icon {
			background-color: #003bb1 !important;
		}

		.learndash-wrapper .ld-tertiary-color-hover:hover,
		.learndash-wrapper .ld-tertiary-color,
		.learndash-wrapper .ld-alert-warning {
			color: #003bb1 !important;
		}

		.learndash-wrapper .ld-tertiary-background {
			background-color: #003bb1 !important;
		}

		.learndash-wrapper .ld-alert-warning {
			border-color: #003bb1 !important;
		}

		.learndash-wrapper .ld-tertiary-background,
		.learndash-wrapper .ld-alert-warning .ld-alert-icon {
			color:white !important;
		}

		.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview,
		.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionReview {
			background-color: #003bb1 !important;
		}

		
/*# sourceURL=learndash-front-inline-css */
</style>
<link rel='stylesheet' id='hfe-elementor-icons-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.34.0' media='all' />
<link rel='stylesheet' id='hfe-icons-list-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.24.3' media='all' />
<link rel='stylesheet' id='hfe-social-icons-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.24.0' media='all' />
<link rel='stylesheet' id='hfe-social-share-icons-brands-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='hfe-social-share-icons-fontawesome-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='hfe-nav-menu-icons-css' href='https://cnstudio.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='hfe-widget-blockquote-css' href='https://cnstudio.com/wp-content/plugins/elementor-pro/assets/css/widget-blockquote.min.css?ver=3.25.0' media='all' />
<link rel='stylesheet' id='hfe-mega-menu-css' href='https://cnstudio.com/wp-content/plugins/elementor-pro/assets/css/widget-mega-menu.min.css?ver=3.26.2' media='all' />
<link rel='stylesheet' id='hfe-nav-menu-widget-css' href='https://cnstudio.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.26.0' media='all' />
<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://cnstudio.com/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1747120529' media='all' />
<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://cnstudio.com/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1747120531' media='all' />
<script id="jquery-core-js" src="https://cnstudio.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://cnstudio.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="jquery-js-after">
!function($){"use strict";$(document).ready(function(){$(this).scrollTop()>100&&$(".hfe-scroll-to-top-wrap").removeClass("hfe-scroll-to-top-hide"),$(window).scroll(function(){$(this).scrollTop()<100?$(".hfe-scroll-to-top-wrap").fadeOut(300):$(".hfe-scroll-to-top-wrap").fadeIn(300)}),$(".hfe-scroll-to-top-wrap").on("click",function(){$("html, body").animate({scrollTop:0},300);return!1})})}(jQuery);
!function($){'use strict';$(document).ready(function(){var bar=$('.hfe-reading-progress-bar');if(!bar.length)return;$(window).on('scroll',function(){var s=$(window).scrollTop(),d=$(document).height()-$(window).height(),p=d? s/d*100:0;bar.css('width',p+'%')});});}(jQuery);
//# sourceURL=jquery-js-after
</script>
<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://cnstudio.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.0.1"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"\u67e5\u770b\u8d2d\u7269\u8f66","cart_url":"https://cnstudio.com/cart/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://cnstudio.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.0.1"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://cnstudio.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.0.1"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"\u663e\u793a\u5bc6\u7801","i18n_password_hide":"\u9690\u85cf\u5bc6\u7801"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://cnstudio.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.0.1"></script>
<script id="font-awesome-4-shim-js" src="https://cnstudio.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=4.2.1"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Site Kit 添加的 Google Analytics 代码段 -->
<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=G-MGNZ5E3PTJ" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["cnstudio.com"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "G-MGNZ5E3PTJ");
//# sourceURL=google_gtagjs-js-after
</script>
<link rel="https://api.w.org/" href="https://cnstudio.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://cnstudio.com/wp-json/wp/v2/sfwd-topic/26358" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://cnstudio.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.1" />
<meta name="generator" content="WooCommerce 11.0.1" />
<link rel="canonical" href="https://cnstudio.com/topic/helium10%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e4%b8%8elisting%e5%85%b3%e9%94%ae%e8%af%8d%e4%bc%98%e5%8c%96%e5%b7%a5%e5%85%b7-%e9%98%bf%e7%94%98%ef%bf%bc/" />
<link rel='shortlink' href='https://cnstudio.com/?p=26358' />
<meta name="generator" content="Site Kit by Google 1.185.0" />		<script type="text/javascript">
			(function(c, l, a, r, i, t, y) {
				c[a] = c[a] || function() {
					(c[a].q = c[a].q || []).push(arguments)
				};
				t = l.createElement(r);
				t.async = 1;
				t.src = "https://www.clarity.ms/tag/" + i + "?ref=wordpress";
				y = l.getElementsByTagName(r)[0];
				y.parentNode.insertBefore(t, y);
			})(window, document, "clarity", "script", "xvdf98rrem");
		</script>
		<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<meta name="generator" content="Elementor 4.2.1; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
<style>
/* ============================================================
   SITE-WIDE DISCORD HEADER
   Mirrors homepage (page 24508) P6 header design language
   Injected via Elementor Pro Custom Code (elementor_snippet)
   ============================================================ */

/* === Outer header background === */
header.site-header#masthead,
header.ast-main-header-wrap{
  background:rgba(10, 13, 58, 0.95) !important;
  backdrop-filter:saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(20px) !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:0 8px 32px -8px rgba(0,0,0,0.4) !important;
  position:sticky !important;
  top:0;
  z-index:9999;
  transition:background .3s ease, box-shadow .3s ease;
}

/* === Kill Astra's white inner bar that covers the dark header === */
.main-header-bar,
.main-header-bar-wrap{
  background:transparent !important;
  background-color:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.main-header-bar.scrolled,
.main-header-bar-wrap.scrolled{ background:transparent !important; }

/* === Header top accent line (subtle gradient) === */
header.site-header#masthead::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(88,101,242,.6) 30%, rgba(53,237,126,.4) 70%, transparent 100%);
  pointer-events:none;
  z-index:1;
}

/* === Logo: make white + add green pip on identity === */
.ast-site-identity .custom-logo{
  filter:brightness(0) invert(1) !important;
  transition:transform .25s ease, opacity .25s ease;
  max-height:48px !important;
  width:auto !important;
}
.ast-site-identity .custom-logo:hover{ opacity:0.85; transform:scale(1.02); }

/* Site title text (fallback if no logo) */
.site-title, .site-title a,
.site-title a:visited{
  font-family:'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight:700 !important;
  font-size:1.05rem !important;
  letter-spacing:-0.01em !important;
  color:#fff !important;
  text-decoration:none !important;
}
.site-title a:hover{ color:#35ed7e !important; }

/* Green pip ::before on site identity */
.ast-site-identity{ position:relative; display:flex; align-items:center; }
.ast-site-identity::before{
  content:"";
  position:absolute;
  left:-2px; top:50%;
  width:8px; height:8px;
  background:#35ed7e;
  border-radius:50%;
  transform:translate(-100%, -50%);
  box-shadow:0 0 8px #35ed7e;
  margin-right:8px;
}

/* === Main nav links: white + hover green === */
.main-header-menu > li > a,
.main-header-menu > li > a:visited,
.main-header-navigation a,
.main-header-menu a{
  color:rgba(255,255,255,0.78) !important;
  font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight:500 !important;
  font-size:14px !important;
  letter-spacing:0 !important;
  padding:8px 14px !important;
  border-radius:8px;
  text-decoration:none !important;
  transition:color .2s ease, background .2s ease;
  background:transparent !important;
}
.main-header-menu > li > a:hover,
.main-header-navigation a:hover,
.main-header-menu a:hover{
  color:#35ed7e !important;
  background:rgba(53,237,126,0.06) !important;
}

/* Current menu item — green + persistent underline */
.main-header-menu > .current-menu-item > a,
.main-header-menu > .current-menu-ancestor > a,
.main-header-menu > .current-menu-item > a:visited,
.main-header-menu .current-menu-item a,
.main-header-menu .current_page_item a{
  color:#35ed7e !important;
  background:transparent !important;
}

/* Hide Astra's default underline (we add our own) */
.main-header-menu a::after{ display:none !important; }

/* Custom underline animation (scaleX) */
.main-header-menu > li{ position:relative; }
.main-header-menu > li::after{
  content:"";
  position:absolute;
  left:14px; right:14px; bottom:0;
  height:1.5px;
  background:#35ed7e;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .25s cubic-bezier(.2,.7,.2,1);
}
.main-header-menu > li:hover::after,
.main-header-menu > .current-menu-item::after,
.main-header-menu > .current-menu-ancestor::after,
.main-header-menu > .current_page_item::after{
  transform:scaleX(1);
}

/* === Submenu / dropdown === */
.main-header-menu .sub-menu,
.main-header-menu .sub-menu .sub-menu{
  background:rgba(10, 13, 58, 0.95) !important;
  background-color:rgba(10, 13, 58, 0.95) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  border-radius:12px !important;
  box-shadow:0 12px 40px -8px rgba(0,0,0,0.5) !important;
  padding:8px !important;
  list-style:none;
}
.main-header-menu .sub-menu li{ margin:0; padding:0; }
.main-header-menu .sub-menu a,
.main-header-menu .sub-menu a:visited{
  color:rgba(255,255,255,0.8) !important;
  font-size:15px !important;
  padding:8px 12px !important;
  border-radius:6px;
  background:transparent !important;
}
.main-header-menu .sub-menu a:hover{
  color:#35ed7e !important;
  background:rgba(53,237,126,0.08) !important;
}

/* === Login / Account pill button === */
.main-header-menu a[href*="login"],
.main-header-menu a[href*="my-account"],
.main-header-menu a[href*="wp-login"]{
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  border-radius:8px !important;
  padding:6px 12px !important;
  margin-left:8px;
  font-size:15px !important;
}
.main-header-menu a[href*="login"]:hover,
.main-header-menu a[href*="my-account"]:hover,
.main-header-menu a[href*="wp-login"]:hover{
  background:rgba(53,237,126,0.1) !important;
  border-color:rgba(53,237,126,0.3) !important;
  color:#35ed7e !important;
}

/* === Mobile menu toggle (dark glass) === */
.ast-mobile-menu-buttons .menu-toggle,
button.menu-toggle{
  color:#fff !important;
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  border-radius:8px !important;
  padding:6px 12px !important;
}
.ast-button-wrap .menu-toggle:hover,
button.menu-toggle:hover{
  background:rgba(53,237,126,0.1) !important;
  border-color:rgba(53,237,126,0.3) !important;
  color:#35ed7e !important;
}

/* === Misc: page titles under transparent header === */
header.site-header#masthead + .site-content,
header.site-header#masthead + #content,
header.site-header#masthead + main,
header.site-header#masthead ~ #content{
  position:relative;
  z-index:0;
}

/* === Smooth scroll (preserve body behavior) === */
html{ scroll-behavior:smooth; }

/* === Focus visible (accessibility) === */
.main-header-menu a:focus-visible,
button.menu-toggle:focus-visible{
  outline:2px solid #35ed7e;
  outline-offset:3px;
  border-radius:6px;
}


<style>
/* ============================================================
   SITE-WIDE LEARNDASH DARK STYLING
   Target: .single-sfwd-courses, .single-sfwd-lessons, .ld-focus
   Strategy: Override Astra + LearnDash defaults to Discord palette
   ============================================================ */

:root {
  --ld-canvas: #0a0d3a;
  --ld-canvas-2: #0d0e3a;
  --ld-card: rgba(15, 18, 60, 0.6);
  --ld-card-border: rgba(255, 255, 255, 0.08);
  --ld-blurple: #5865f2;
  --ld-blurple-glow: rgba(88, 101, 242, 0.4);
  --ld-green: #35ed7e;
  --ld-text: rgba(255, 255, 255, 0.88);
  --ld-text-muted: rgba(255, 255, 255, 0.6);
  --ld-text-faint: rgba(255, 255, 255, 0.4);
  --ld-hairline: rgba(255, 255, 255, 0.08);
}

/* ============================================================
   COURSE PAGE (single-sfwd-courses)
   ============================================================ */
body.single-sfwd-courses,
body.single-sfwd-courses.ast-separate-container {
  background: #0a0d3a !important;
  background-color: #0a0d3a !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

body.single-sfwd-courses #page,
body.single-sfwd-courses #content,
body.single-sfwd-courses #primary,
body.single-sfwd-courses .site-main,
body.single-sfwd-courses .ast-separate-container,
body.single-sfwd-courses .ast-separate-container .site-content,
body.single-sfwd-courses .ast-separate-container .site-main {
  background: transparent !important;
  background-color: transparent !important;
}

body.single-sfwd-courses .ast-article-single,
body.single-sfwd-courses article.ast-article-single,
body.single-sfwd-courses .ast-article-inner {
  background: linear-gradient(180deg, #0a0d3a 0%, #0d0e3a 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 48px !important;
  margin-top: 32px !important;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.4) !important;
}

body.single-sfwd-courses .entry-content,
body.single-sfwd-courses .entry-content p,
body.single-sfwd-courses .entry-content li {
  color: rgba(255, 255, 255, 0.85) !important;
}

body.single-sfwd-courses .entry-content h1,
body.single-sfwd-courses .entry-content h2,
body.single-sfwd-courses .entry-content h3,
body.single-sfwd-courses .entry-content h4,
body.single-sfwd-courses .entry-content h5,
body.single-sfwd-courses .entry-content h6 {
  color: #fff !important;
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  letter-spacing: -0.01em !important;
}

body.single-sfwd-courses .entry-content a {
  color: #00b0f4 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(0, 176, 244, 0.4) !important;
  transition: all 0.2s ease !important;
}
body.single-sfwd-courses .entry-content a:hover {
  color: #35ed7e !important;
  border-bottom-color: #35ed7e !important;
}

/* Course header (title + progress) */
body.single-sfwd-courses .ld-course-header {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.12) 0%, rgba(53, 237, 126, 0.06) 100%) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 14px !important;
  padding: 28px 32px !important;
  margin-bottom: 32px !important;
}
body.single-sfwd-courses .ld-course-header .ld-course-title {
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  letter-spacing: -0.01em !important;
}

/* Course tabs */
body.single-sfwd-courses .ld-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 24px !important;
}
body.single-sfwd-courses .ld-tabs .ld-tab {
  color: rgba(255, 255, 255, 0.6) !important;
  padding: 14px 20px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}
body.single-sfwd-courses .ld-tabs .ld-tab:hover {
  color: #fff !important;
}
body.single-sfwd-courses .ld-tabs .ld-tab.ld-active {
  color: #35ed7e !important;
  border-bottom: 2px solid #35ed7e !important;
}

/* Section headings */
body.single-sfwd-courses .ld-section-heading {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin: 24px 0 12px !important;
}
body.single-sfwd-courses .ld-section-heading .ld-lesson-section-heading {
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}
body.single-sfwd-courses .ld-section-heading .ld-expand-button {
  color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(88, 101, 242, 0.1) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-size:14px !important;
}
body.single-sfwd-courses .ld-section-heading .ld-expand-button:hover {
  background: rgba(88, 101, 242, 0.2) !important;
  color: #fff !important;
}

/* Lesson list items */
body.single-sfwd-courses .ld-item-list-item {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  transition: all 0.25s ease !important;
}
body.single-sfwd-courses .ld-item-list-item:hover {
  background: rgba(15, 18, 60, 0.7) !important;
  border-color: rgba(88, 101, 242, 0.3) !important;
  transform: translateX(4px) !important;
}
body.single-sfwd-courses .ld-item-list-item-preview {
  padding: 18px 20px !important;
}
body.single-sfwd-courses .ld-item-name {
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}
body.single-sfwd-courses .ld-item-name:hover {
  color: #35ed7e !important;
}

/* Status icons */
body.single-sfwd-courses .ld-status-icon.ld-status-complete {
  color: #35ed7e !important;
}
body.single-sfwd-courses .ld-status-icon.ld-status-incomplete {
  color: rgba(255, 255, 255, 0.3) !important;
}
body.single-sfwd-courses .ld-status-icon.ld-status-unlocked {
  color: #00b0f4 !important;
}

/* Buttons */
body.single-sfwd-courses .ld-button,
body.single-sfwd-courses .learndash-wrapper .ld-button {
  background: rgba(88, 101, 242, 0.18) !important;
  color: #fff !important;
  border: 1px solid rgba(88, 101, 242, 0.4) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}
body.single-sfwd-courses .ld-button:hover {
  background: #5865f2 !important;
  border-color: #7983ff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px -4px rgba(88, 101, 242, 0.5) !important;
}

/* Progress bar */
body.single-sfwd-courses .ld-progress {
  background: rgba(255, 255, 255, 0.06) !important;
  border-radius: 999px !important;
  height: 8px !important;
  overflow: hidden !important;
}
body.single-sfwd-courses .ld-progress-bar {
  background: linear-gradient(90deg, #35ed7e 0%, #5cf08d 100%) !important;
  border-radius: 999px !important;
}
body.single-sfwd-courses .ld-progress-percentage {
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size:15px !important;
  font-weight: 500 !important;
}

/* Course content (text inside course) */
body.single-sfwd-courses .ld-tab-content {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Course price / closed access */
body.single-sfwd-courses .ld-course-status.ld-course-status-enrolled,
body.single-sfwd-courses .ld-course-status.ld-course-status-not-enrolled {
  background: rgba(88, 101, 242, 0.12) !important;
  border: 1px solid rgba(88, 101, 242, 0.25) !important;
  border-radius: 8px !important;
  color: #fff !important;
  padding: 12px 16px !important;
  margin: 16px 0 !important;
}

/* ============================================================
   LESSON PAGE (single-sfwd-lessons) — focus mode
   ============================================================ */
body.single-sfwd-lessons,
body.single-sfwd-lessons.ast-separate-container {
  background: #0a0d3a !important;
  background-color: #0a0d3a !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Override focus mode container */
body.single-sfwd-lessons.ld-in-focus-mode,
body.ld-in-focus-mode {
  background: #0a0d3a !important;
  background-color: #0a0d3a !important;
}

/* Focus main wrapper */
body.single-sfwd-lessons .ld-focus,
body.ld-in-focus-mode .ld-focus {
  background: transparent !important;
  background-color: transparent !important;
}

/* Focus sidebar (lesson list) */
body.single-sfwd-lessons .ld-focus-sidebar,
body.ld-in-focus-mode .ld-focus-sidebar {
  background: linear-gradient(180deg, #06081f 0%, #02030f 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}
body.single-sfwd-lessons .ld-focus-sidebar-wrapper,
body.ld-in-focus-mode .ld-focus-sidebar-wrapper {
  background: linear-gradient(180deg, #06081f 0%, #02030f 100%) !important;
  color: #fff !important;
}
body.single-sfwd-lessons .ld-course-navigation-heading,
body.ld-in-focus-mode .ld-course-navigation-heading {
  background: linear-gradient(90deg, transparent, rgba(88, 101, 242, 0.4), transparent) !important;
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.single-sfwd-lessons .ld-focus-mode-course-heading-wrapper,
body.ld-in-focus-mode .ld-focus-mode-course-heading-wrapper {
  background: transparent !important;
  color: #fff !important;
}
body.single-sfwd-lessons #ld-focus-mode-course-heading,
body.ld-in-focus-mode #ld-focus-mode-course-heading {
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 600 !important;
}
body.single-sfwd-lessons .ld-course-navigation,
body.ld-in-focus-mode .ld-course-navigation {
  background: transparent !important;
  color: #fff !important;
}
body.single-sfwd-lessons .ld-lesson-items,
body.ld-in-focus-mode .ld-lesson-items {
  background: transparent !important;
}

/* Lesson list items in sidebar */
body.single-sfwd-lessons .ld-lesson-item,
body.ld-in-focus-mode .ld-lesson-item {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 12px 20px !important;
  transition: background 0.2s ease !important;
}
body.single-sfwd-lessons .ld-lesson-item:hover,
body.ld-in-focus-mode .ld-lesson-item:hover {
  background: rgba(88, 101, 242, 0.08) !important;
}
body.single-sfwd-lessons .ld-lesson-item.ld-is-current-lesson,
body.ld-in-focus-mode .ld-lesson-item.ld-is-current-lesson {
  background: rgba(53, 237, 126, 0.1) !important;
  border-left: 3px solid #35ed7e !important;
}
body.single-sfwd-lessons .ld-lesson-item-preview,
body.ld-in-focus-mode .ld-lesson-item-preview {
  padding: 0 !important;
}
body.single-sfwd-lessons .ld-lesson-title,
body.ld-in-focus-mode .ld-lesson-title {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}
body.single-sfwd-lessons .ld-is-current-lesson .ld-lesson-title,
body.ld-in-focus-mode .ld-is-current-lesson .ld-lesson-title {
  color: #35ed7e !important;
  font-weight: 600 !important;
}
body.single-sfwd-lessons .ld-lesson-item-preview-heading,
body.ld-in-focus-mode .ld-lesson-item-preview-heading {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Focus header (top bar) */
body.single-sfwd-lessons .ld-focus-header,
body.ld-in-focus-mode .ld-focus-header {
  background: rgba(10, 13, 58, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}
body.single-sfwd-lessons .ld-focus-header .ld-brand-logo img,
body.ld-in-focus-mode .ld-focus-header .ld-brand-logo img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}
body.single-sfwd-lessons .ld-focus-header .ld-content-action a,
body.ld-in-focus-mode .ld-focus-header .ld-content-action a,
body.single-sfwd-lessons .ld-content-actions a,
body.ld-in-focus-mode .ld-content-actions a {
  color: rgba(255, 255, 255, 0.75) !important;
  transition: color 0.2s ease !important;
}
body.single-sfwd-lessons .ld-focus-header .ld-content-action a:hover,
body.ld-in-focus-mode .ld-focus-header .ld-content-action a:hover {
  color: #35ed7e !important;
}

/* Focus main content */
body.single-sfwd-lessons .ld-focus-main,
body.ld-in-focus-mode .ld-focus-main {
  background: linear-gradient(180deg, #0a0d3a 0%, #0d0e3a 100%) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}
body.single-sfwd-lessons .ld-focus-content,
body.ld-in-focus-mode .ld-focus-content {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.88) !important;
}
body.single-sfwd-lessons .ld-focus-content .ld-table-list,
body.ld-in-focus-mode .ld-focus-content .ld-table-list {
  background: transparent !important;
}

/* Lesson content typography */
body.single-sfwd-lessons .ld-focus-content p,
body.single-sfwd-lessons .ld-focus-content li,
body.ld-in-focus-mode .ld-focus-content p,
body.ld-in-focus-mode .ld-focus-content li {
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.75 !important;
}
body.single-sfwd-lessons .ld-focus-content h1,
body.single-sfwd-lessons .ld-focus-content h2,
body.single-sfwd-lessons .ld-focus-content h3,
body.single-sfwd-lessons .ld-focus-content h4,
body.ld-in-focus-mode .ld-focus-content h1,
body.ld-in-focus-mode .ld-focus-content h2,
body.ld-in-focus-mode .ld-focus-content h3,
body.ld-in-focus-mode .ld-focus-content h4 {
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
}
body.single-sfwd-lessons .ld-focus-content a,
body.ld-in-focus-mode .ld-focus-content a {
  color: #00b0f4 !important;
}
body.single-sfwd-lessons .ld-focus-content a:hover,
body.ld-in-focus-mode .ld-focus-content a:hover {
  color: #35ed7e !important;
}

/* Lesson navigation (prev/next) */
body.single-sfwd-lessons .ld-content-actions,
body.ld-in-focus-mode .ld-content-actions {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 24px 0 !important;
}
body.single-sfwd-lessons .ld-content-action .ld-button,
body.ld-in-focus-mode .ld-content-action .ld-button {
  background: rgba(88, 101, 242, 0.18) !important;
  color: #fff !important;
  border: 1px solid rgba(88, 101, 242, 0.4) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
body.single-sfwd-lessons .ld-content-action .ld-button:hover,
body.ld-in-focus-mode .ld-content-action .ld-button:hover {
  background: #5865f2 !important;
  border-color: #7983ff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px -4px rgba(88, 101, 242, 0.5) !important;
}

/* Mark complete button */
body.single-sfwd-lessons .ld-button.ld-button-reverse,
body.ld-in-focus-mode .ld-button.ld-button-reverse,
body.single-sfwd-lessons .learndash_mark_complete_button,
body.ld-in-focus-mode .learndash_mark_complete_button {
  background: rgba(53, 237, 126, 0.15) !important;
  color: #35ed7e !important;
  border: 1px solid rgba(53, 237, 126, 0.4) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}
body.single-sfwd-lessons .ld-button.ld-button-reverse:hover,
body.ld-in-focus-mode .ld-button.ld-button-reverse:hover,
body.single-sfwd-lessons .learndash_mark_complete_button:hover,
body.ld-in-focus-mode .learndash_mark_complete_button:hover {
  background: #35ed7e !important;
  color: #02030f !important;
  border-color: #35ed7e !important;
}

/* Sidebar trigger button (the > < toggle) */
body.single-sfwd-lessons .ld-focus-sidebar-trigger,
body.ld-in-focus-mode .ld-focus-sidebar-trigger {
  background: rgba(88, 101, 242, 0.15) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  color: #fff !important;
}
body.single-sfwd-lessons .ld-focus-sidebar-trigger:hover,
body.ld-in-focus-mode .ld-focus-sidebar-trigger:hover {
  background: #5865f2 !important;
  border-color: #7983ff !important;
}
body.single-sfwd-lessons .ld-focus-sidebar-trigger .ld-icon,
body.ld-in-focus-mode .ld-focus-sidebar-trigger .ld-icon {
  color: #fff !important;
}

/* Breadcrumbs */
body.single-sfwd-lessons .ld-breadcrumbs,
body.ld-in-focus-mode .ld-breadcrumbs {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
body.single-sfwd-lessons .ld-breadcrumbs a,
body.ld-in-focus-mode .ld-breadcrumbs a {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.single-sfwd-lessons .ld-breadcrumbs a:hover,
body.ld-in-focus-mode .ld-breadcrumbs a:hover {
  color: #35ed7e !important;
}

/* Progress bar in focus mode */
body.single-sfwd-lessons .ld-progress,
body.ld-in-focus-mode .ld-progress {
  background: rgba(255, 255, 255, 0.06) !important;
  border-radius: 999px !important;
}
body.single-sfwd-lessons .ld-progress-bar,
body.ld-in-focus-mode .ld-progress-bar {
  background: linear-gradient(90deg, #35ed7e 0%, #5cf08d 100%) !important;
  border-radius: 999px !important;
}

/* Course steps (topic list inside lesson) */
body.single-sfwd-lessons .ld-table-list-items,
body.ld-in-focus-mode .ld-table-list-items {
  background: transparent !important;
}
body.single-sfwd-lessons .ld-table-list-item,
body.ld-in-focus-mode .ld-table-list-item {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
  margin-bottom: 6px !important;
  color: #fff !important;
  transition: all 0.2s ease !important;
}
body.single-sfwd-lessons .ld-table-list-item:hover,
body.ld-in-focus-mode .ld-table-list-item:hover {
  background: rgba(15, 18, 60, 0.7) !important;
  border-color: rgba(88, 101, 242, 0.3) !important;
  transform: translateX(4px) !important;
}
body.single-sfwd-lessons .ld-table-list-item a,
body.ld-in-focus-mode .ld-table-list-item a {
  color: #fff !important;
}

/* Quiz */
body.single-sfwd-lessons .wpProQuiz_content,
body.ld-in-focus-mode .wpProQuiz_content,
body.single-sfwd-courses .wpProQuiz_content {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 32px !important;
  margin: 24px 0 !important;
}
body.single-sfwd-lessons .wpProQuiz_header,
body.ld-in-focus-mode .wpProQuiz_header,
body.single-sfwd-courses .wpProQuiz_header {
  color: #fff !important;
}
body.single-sfwd-lessons .wpProQuiz_question,
body.ld-in-focus-mode .wpProQuiz_question,
body.single-sfwd-courses .wpProQuiz_question {
  color: #fff !important;
}
body.single-sfwd-lessons .wpProQuiz_answer,
body.ld-in-focus-mode .wpProQuiz_answer,
body.single-sfwd-courses .wpProQuiz_answer {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.single-sfwd-lessons .wpProQuiz_button,
body.ld-in-focus-mode .wpProQuiz_button,
body.single-sfwd-courses .wpProQuiz_button {
  background: rgba(88, 101, 242, 0.18) !important;
  color: #fff !important;
  border: 1px solid rgba(88, 101, 242, 0.4) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
}
body.single-sfwd-lessons .wpProQuiz_button:hover,
body.ld-in-focus-mode .wpProQuiz_button:hover,
body.single-sfwd-courses .wpProQuiz_button:hover {
  background: #5865f2 !important;
}

/* Lesson page (non-focus) */
body.single-sfwd-lessons:not(.ld-in-focus-mode) #content,
body.single-sfwd-lessons:not(.ld-in-focus-mode) #primary,
body.single-sfwd-lessons:not(.ld-in-focus-mode) article.ast-article-single,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ast-article-inner {
  background: linear-gradient(180deg, #0a0d3a 0%, #0d0e3a 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 48px !important;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.4) !important;
}
body.single-sfwd-lessons:not(.ld-in-focus-mode) .entry-content,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .entry-content p,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .entry-content li {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.single-sfwd-lessons:not(.ld-in-focus-mode) .entry-content h1,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .entry-content h2,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .entry-content h3 {
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

/* Tables in lesson content */
body.single-sfwd-lessons table,
body.ld-in-focus-mode table,
body.single-sfwd-courses table {
  background: rgba(15, 18, 60, 0.4) !important;
  color: #fff !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
body.single-sfwd-lessons th,
body.ld-in-focus-mode th,
body.single-sfwd-courses th {
  background: rgba(88, 101, 242, 0.15) !important;
  color: #fff !important;
  padding: 12px 16px !important;
  text-align: left !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.single-sfwd-lessons td,
body.ld-in-focus-mode td,
body.single-sfwd-courses td {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Code blocks */
body.single-sfwd-lessons pre,
body.ld-in-focus-mode pre,
body.single-sfwd-courses pre {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 16px !important;
}
body.single-sfwd-lessons code,
body.ld-in-focus-mode code,
body.single-sfwd-courses code {
  background: rgba(88, 101, 242, 0.12) !important;
  color: #00b0f4 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size:15px !important;
}
body.single-sfwd-lessons pre code,
body.ld-in-focus-mode pre code,
body.single-sfwd-courses pre code {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 0 !important;
}

/* Blockquote */
body.single-sfwd-lessons blockquote,
body.ld-in-focus-mode blockquote,
body.single-sfwd-courses blockquote {
  background: rgba(53, 237, 126, 0.06) !important;
  border-left: 3px solid #35ed7e !important;
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 16px 20px !important;
  margin: 16px 0 !important;
  border-radius: 0 8px 8px 0 !important;
}

/* Image styling in lesson */
body.single-sfwd-lessons .ld-focus-content img,
body.ld-in-focus-mode .ld-focus-content img {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Hide HFE blue footer on course/lesson (it's already on most pages) */
body.single-sfwd-courses .elementor-24787,
body.single-sfwd-courses footer#colophon,
body.single-sfwd-lessons .elementor-24787,
body.single-sfwd-lessons footer#colophon,
body.ld-in-focus-mode .elementor-24787,
body.ld-in-focus-mode footer#colophon {
  display: none !important;
}

/* Footer is also hidden when in focus mode anyway but just in case */
body.ld-in-focus-mode #colophon,
body.ld-in-focus-mode .ast-footer-overlay,
body.ld-in-focus-mode footer.site-footer {
  display: none !important;
}

/* Form inputs (quiz text fields) */
body.single-sfwd-lessons input[type="text"],
body.single-sfwd-lessons input[type="email"],
body.single-sfwd-lessons input[type="number"],
body.ld-in-focus-mode input[type="text"],
body.ld-in-focus-mode input[type="email"],
body.ld-in-focus-mode input[type="number"] {
  background: rgba(15, 18, 60, 0.6) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
}
body.single-sfwd-lessons input[type="text"]:focus,
body.ld-in-focus-mode input[type="text"]:focus {
  outline: none !important;
  border-color: #35ed7e !important;
  box-shadow: 0 0 0 3px rgba(53, 237, 126, 0.15) !important;
}

/* Course list (used on /all-courses/) */
body .ld-course-list-items .ld_course_grid {
  background: rgba(15, 18, 60, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  color: #fff !important;
  width: 100% !important;
  margin-bottom: 0 !important;
  transition: all 0.25s ease !important;
}
body .ld-course-list-items .ld_course_grid:hover {
  background: rgba(15, 18, 60, 0.85) !important;
  border-color: rgba(88, 101, 242, 0.3) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px -12px rgba(88, 101, 242, 0.3) !important;
}
body .ld-course-list-items .ld_course_grid .entry-title {
  color: #fff !important;
}
body .ld-course-list-items .ld_course_grid a {
  color: #fff !important;
}

/* Course archive (taxonomy) - already covered by site-wide header */
body.post-type-archive-sfwd-courses,
body.tax-ld_course_category {
  background: #0a0d3a !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Misc: focus mode login modal */
body .ld-login-modal {
  background: linear-gradient(180deg, #0a0d3a 0%, #0d0e3a 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}
body .ld-login-modal input[type="text"],
body .ld-login-modal input[type="password"],
body .ld-login-modal input[type="email"] {
  background: rgba(0, 0, 0, 0.3) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Selection */
body.single-sfwd-courses ::selection,
body.single-sfwd-lessons ::selection,
body.ld-in-focus-mode ::selection {
  background: rgba(53, 237, 126, 0.3) !important;
  color: #fff !important;
}

/* Scrollbar */
body.single-sfwd-courses ::-webkit-scrollbar,
body.single-sfwd-lessons ::-webkit-scrollbar,
body.ld-in-focus-mode ::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
body.single-sfwd-courses ::-webkit-scrollbar-track,
body.single-sfwd-lessons ::-webkit-scrollbar-track,
body.ld-in-focus-mode ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2) !important;
}
body.single-sfwd-courses ::-webkit-scrollbar-thumb,
body.single-sfwd-lessons ::-webkit-scrollbar-thumb,
body.ld-in-focus-mode ::-webkit-scrollbar-thumb {
  background: rgba(88, 101, 242, 0.4) !important;
  border-radius: 5px !important;
}
body.single-sfwd-courses ::-webkit-scrollbar-thumb:hover,
body.single-sfwd-lessons ::-webkit-scrollbar-thumb:hover,
body.ld-in-focus-mode ::-webkit-scrollbar-thumb:hover {
  background: rgba(88, 101, 242, 0.6) !important;
}


/* === Extra: Make inner white card on lesson/course pages dark === */
body.single-sfwd-courses .ld-item-list,
body.single-sfwd-courses .ld-tabs-content,
body.single-sfwd-courses .learndash-wrapper,
body.single-sfwd-lessons .learndash-wrapper,
body.single-sfwd-lessons .ld-content,
body.single-sfwd-lessons .ld-focus-content,
body.single-sfwd-lessons .learndash_content,
body.single-sfwd-lessons .ld-focus {
  background: transparent !important;
}

body.single-sfwd-courses .ld-item-list-item,
body.single-sfwd-courses .ld-table-list,
body.single-sfwd-lessons .ld-focus-content .ld-table-list {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 16px !important;
}

body.single-sfwd-courses .ld-item-list-item:hover,
body.single-sfwd-lessons .ld-focus-content .ld-table-list:hover {
  background: rgba(15, 18, 60, 0.7) !important;
  border-color: rgba(88, 101, 242, 0.3) !important;
}

body.single-sfwd-courses .ld-item-list-item a,
body.single-sfwd-courses .ld-item-list-item .ld-item-name,
body.single-sfwd-courses .ld-item-list-item .ld-item-title,
body.single-sfwd-courses .ld-item-list-item .ld-item-component,
body.single-sfwd-lessons .ld-focus-content .ld-table-list a,
body.single-sfwd-lessons .ld-focus-content .ld-table-list .ld-topic-title {
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
}

body.single-sfwd-courses .ld-item-list-item a:hover,
body.single-sfwd-courses .ld-item-list-item .ld-item-name:hover {
  color: #35ed7e !important;
}

/* Course outline container (no focus mode) */
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-content,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .learndash_content,
body.single-sfwd-lessons:not(.ld-in-focus-mode) #learndash_lessons,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-lesson-list,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-section-heading,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
}

body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-section-heading,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-bottom: 8px !important;
}

body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-section-heading .ld-lesson-section-heading,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list .ld-table-list-title,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list .ld-topic-title,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list a {
  color: #fff !important;
}

body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list-item {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 6px !important;
  color: #fff !important;
}

body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list-item:hover {
  background: rgba(15, 18, 60, 0.8) !important;
  border-color: rgba(88, 101, 242, 0.3) !important;
  transform: translateX(4px) !important;
}

body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-table-list-item a {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Pager (1 of 2) */
body.single-sfwd-courses .ld-pagination,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-pagination,
body.ld-in-focus-mode .ld-pagination {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  padding: 12px !important;
}
body.single-sfwd-courses .ld-pagination a,
body.single-sfwd-lessons:not(.ld-in-focus-mode) .ld-pagination a,
body.ld-in-focus-mode .ld-pagination a {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Course header in focus mode - darken the blue "课 Content" */
body.ld-in-focus-mode .ld-focus-header,
body.ld-in-focus-mode .ld-content-actions,
body.ld-in-focus-mode .ld-focus-content > .ld-topic-list,
body.ld-in-focus-mode .learndash_content {
  background: transparent !important;
  background-color: transparent !important;
}

/* Article inner element — kill the white bg on lesson/course body */
body.single-sfwd-courses .learndash_content,
body.single-sfwd-courses .learndash-wrapper,
body.single-sfwd-lessons .learndash_content,
body.single-sfwd-lessons .learndash-wrapper,
body.single-sfwd-lessons .entry-content .learndash-wrapper {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
}

/* The "课程内容" / "课 Content" header strip — override blue */
body.single-sfwd-courses .ld-tabs .ld-tab.ld-active,
body.ld-in-focus-mode .ld-table-list-header,
body.ld-in-focus-mode .ld-content-heading,
body.ld-in-focus-mode .ld-content-title {
  background: transparent !important;
  color: #fff !important;
}

/* Hide the blue "Content" header on lesson focus mode */
body.ld-in-focus-mode .ld-content-heading,
body.ld-in-focus-mode .ld-content-title,
body.ld-in-focus-mode .ld-focus-content > *:first-child {
  color: #fff !important;
}



/* ============================================================
   TOPIC PAGE (single-sfwd-topic)
   Mirrors lesson rules — same LearnDash focus mode & styling
   ============================================================ */
body.single-sfwd-topic,
body.single-sfwd-topic.ast-separate-container {
  background: #0a0d3a !important;
  background-color: #0a0d3a !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

body.single-sfwd-topic.ld-in-focus-mode,
body.ld-in-focus-mode:has(body.single-sfwd-topic) {
  background: #0a0d3a !important;
}

body.single-sfwd-topic #page,
body.single-sfwd-topic #content,
body.single-sfwd-topic #primary,
body.single-sfwd-topic .site-main,
body.single-sfwd-topic .ast-separate-container,
body.single-sfwd-topic .ast-separate-container .site-content,
body.single-sfwd-topic .ast-separate-container .site-main,
body.single-sfwd-topic .ast-article-single,
body.single-sfwd-topic article.ast-article-single,
body.single-sfwd-topic .ast-article-inner {
  background: linear-gradient(180deg, #0a0d3a 0%, #0d0e3a 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 48px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.4) !important;
}

body.single-sfwd-topic .entry-content,
body.single-sfwd-topic .entry-content p,
body.single-sfwd-topic .entry-content li {
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.75 !important;
}
body.single-sfwd-topic .entry-content h1,
body.single-sfwd-topic .entry-content h2,
body.single-sfwd-topic .entry-content h3,
body.single-sfwd-topic .entry-content h4 {
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
}
body.single-sfwd-topic .entry-content a {
  color: #00b0f4 !important;
}
body.single-sfwd-topic .entry-content a:hover {
  color: #35ed7e !important;
}

/* Topic focus mode (same as lesson) */
body.single-sfwd-topic .ld-focus,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus,
body.single-sfwd-topic.ld-in-focus-mode {
  background: #0a0d3a !important;
  background-color: #0a0d3a !important;
}
body.single-sfwd-topic .ld-focus-sidebar,
body.single-sfwd-topic .ld-focus-sidebar-wrapper,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-sidebar,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-sidebar-wrapper {
  background: linear-gradient(180deg, #06081f 0%, #02030f 100%) !important;
  color: #fff !important;
}
body.single-sfwd-topic .ld-course-navigation-heading,
body.single-sfwd-topic.ld-in-focus-mode .ld-course-navigation-heading {
  background: linear-gradient(90deg, transparent, rgba(88, 101, 242, 0.4), transparent) !important;
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.single-sfwd-topic .ld-lesson-items,
body.single-sfwd-topic.ld-in-focus-mode .ld-lesson-items {
  background: transparent !important;
}
body.single-sfwd-topic .ld-lesson-item,
body.single-sfwd-topic.ld-in-focus-mode .ld-lesson-item {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 12px 20px !important;
  transition: background 0.2s ease !important;
}
body.single-sfwd-topic .ld-lesson-item:hover,
body.single-sfwd-topic.ld-in-focus-mode .ld-lesson-item:hover {
  background: rgba(88, 101, 242, 0.08) !important;
}
body.single-sfwd-topic .ld-lesson-item.ld-is-current-lesson,
body.single-sfwd-topic.ld-in-focus-mode .ld-lesson-item.ld-is-current-lesson {
  background: rgba(53, 237, 126, 0.1) !important;
  border-left: 3px solid #35ed7e !important;
}
body.single-sfwd-topic .ld-lesson-title,
body.single-sfwd-topic.ld-in-focus-mode .ld-lesson-title {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
}
body.single-sfwd-topic .ld-is-current-lesson .ld-lesson-title,
body.single-sfwd-topic.ld-in-focus-mode .ld-is-current-lesson .ld-lesson-title {
  color: #35ed7e !important;
  font-weight: 600 !important;
}

body.single-sfwd-topic .ld-focus-header,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-header {
  background: rgba(10, 13, 58, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.single-sfwd-topic .ld-focus-main,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-main {
  background: linear-gradient(180deg, #0a0d3a 0%, #0d0e3a 100%) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}
body.single-sfwd-topic .ld-focus-content,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.88) !important;
}
body.single-sfwd-topic .ld-focus-content p,
body.single-sfwd-topic .ld-focus-content li,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content p,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content li {
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.75 !important;
}
body.single-sfwd-topic .ld-focus-content h1,
body.single-sfwd-topic .ld-focus-content h2,
body.single-sfwd-topic .ld-focus-content h3,
body.single-sfwd-topic .ld-focus-content h4,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content h1,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content h2,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content h3,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content h4 {
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
}
body.single-sfwd-topic .ld-focus-content a,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content a {
  color: #00b0f4 !important;
}
body.single-sfwd-topic .ld-focus-content a:hover,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content a:hover {
  color: #35ed7e !important;
}

/* Topic breadcrumbs */
body.single-sfwd-topic .ld-breadcrumbs,
body.single-sfwd-topic.ld-in-focus-mode .ld-breadcrumbs {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
body.single-sfwd-topic .ld-breadcrumbs a,
body.single-sfwd-topic.ld-in-focus-mode .ld-breadcrumbs a {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.single-sfwd-topic .ld-breadcrumbs a:hover,
body.single-sfwd-topic.ld-in-focus-mode .ld-breadcrumbs a:hover {
  color: #35ed7e !important;
}

/* Topic content table-list */
body.single-sfwd-topic .ld-table-list,
body.single-sfwd-topic.ld-in-focus-mode .ld-table-list {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 16px !important;
  margin: 12px 0 !important;
}
body.single-sfwd-topic .ld-table-list-item,
body.single-sfwd-topic.ld-in-focus-mode .ld-table-list-item {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 6px !important;
  color: #fff !important;
}
body.single-sfwd-topic .ld-table-list-item a,
body.single-sfwd-topic.ld-in-focus-mode .ld-table-list-item a {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Topic buttons (mark complete, navigation) */
body.single-sfwd-topic .ld-content-action .ld-button,
body.single-sfwd-topic.ld-in-focus-mode .ld-content-action .ld-button {
  background: rgba(88, 101, 242, 0.18) !important;
  color: #fff !important;
  border: 1px solid rgba(88, 101, 242, 0.4) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
body.single-sfwd-topic .ld-content-action .ld-button:hover,
body.single-sfwd-topic.ld-in-focus-mode .ld-content-action .ld-button:hover {
  background: #5865f2 !important;
  border-color: #7983ff !important;
  transform: translateY(-1px) !important;
}
body.single-sfwd-topic .ld-button.ld-button-reverse,
body.single-sfwd-topic.ld-in-focus-mode .ld-button.ld-button-reverse,
body.single-sfwd-topic .learndash_mark_complete_button,
body.single-sfwd-topic.ld-in-focus-mode .learndash_mark_complete_button {
  background: rgba(53, 237, 126, 0.15) !important;
  color: #35ed7e !important;
  border: 1px solid rgba(53, 237, 126, 0.4) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}
body.single-sfwd-topic .ld-button.ld-button-reverse:hover,
body.single-sfwd-topic.ld-in-focus-mode .ld-button.ld-button-reverse:hover,
body.single-sfwd-topic .learndash_mark_complete_button:hover,
body.single-sfwd-topic.ld-in-focus-mode .learndash_mark_complete_button:hover {
  background: #35ed7e !important;
  color: #02030f !important;
}

/* Sidebar trigger */
body.single-sfwd-topic .ld-focus-sidebar-trigger,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-sidebar-trigger {
  background: rgba(88, 101, 242, 0.15) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  color: #fff !important;
}
body.single-sfwd-topic .ld-focus-sidebar-trigger:hover,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-sidebar-trigger:hover {
  background: #5865f2 !important;
  border-color: #7983ff !important;
}
body.single-sfwd-topic .ld-focus-sidebar-trigger .ld-icon,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-sidebar-trigger .ld-icon {
  color: #fff !important;
}

/* Topic content actions (prev/next) */
body.single-sfwd-topic .ld-content-actions,
body.single-sfwd-topic.ld-in-focus-mode .ld-content-actions {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 24px 0 !important;
}

/* Topic tables */
body.single-sfwd-topic table,
body.single-sfwd-topic.ld-in-focus-mode table {
  background: rgba(15, 18, 60, 0.4) !important;
  color: #fff !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
body.single-sfwd-topic th,
body.single-sfwd-topic.ld-in-focus-mode th {
  background: rgba(88, 101, 242, 0.15) !important;
  color: #fff !important;
  padding: 12px 16px !important;
  text-align: left !important;
}
body.single-sfwd-topic td,
body.single-sfwd-topic.ld-in-focus-mode td {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Topic code blocks */
body.single-sfwd-topic pre,
body.single-sfwd-topic.ld-in-focus-mode pre {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 16px !important;
}
body.single-sfwd-topic code,
body.single-sfwd-topic.ld-in-focus-mode code {
  background: rgba(88, 101, 242, 0.12) !important;
  color: #00b0f4 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  font-family: 'JetBrains Mono', monospace !important;
}
body.single-sfwd-topic pre code,
body.single-sfwd-topic.ld-in-focus-mode pre code {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 0 !important;
}

/* Topic blockquote */
body.single-sfwd-topic blockquote,
body.single-sfwd-topic.ld-in-focus-mode blockquote {
  background: rgba(53, 237, 126, 0.06) !important;
  border-left: 3px solid #35ed7e !important;
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 16px 20px !important;
  border-radius: 0 8px 8px 0 !important;
}

/* Topic image */
body.single-sfwd-topic .ld-focus-content img,
body.single-sfwd-topic.ld-in-focus-mode .ld-focus-content img {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* HFE blue footer + colophon hide */
body.single-sfwd-topic .elementor-24787,
body.single-sfwd-topic footer#colophon,
body.single-sfwd-topic.ld-in-focus-mode .elementor-24787,
body.single-sfwd-topic.ld-in-focus-mode footer#colophon {
  display: none !important;
}
body.single-sfwd-topic.ld-in-focus-mode #colophon,
body.single-sfwd-topic.ld-in-focus-mode .ast-footer-overlay,
body.single-sfwd-topic.ld-in-focus-mode footer.site-footer {
  display: none !important;
}

/* Topic form inputs */
body.single-sfwd-topic input[type="text"],
body.single-sfwd-topic input[type="email"],
body.single-sfwd-topic input[type="number"],
body.single-sfwd-topic.ld-in-focus-mode input[type="text"],
body.single-sfwd-topic.ld-in-focus-mode input[type="email"],
body.single-sfwd-topic.ld-in-focus-mode input[type="number"] {
  background: rgba(15, 18, 60, 0.6) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
}
body.single-sfwd-topic input[type="text"]:focus,
body.single-sfwd-topic.ld-in-focus-mode input[type="text"]:focus {
  outline: none !important;
  border-color: #35ed7e !important;
  box-shadow: 0 0 0 3px rgba(53, 237, 126, 0.15) !important;
}

/* Topic selection */
body.single-sfwd-topic ::selection,
body.single-sfwd-topic.ld-in-focus-mode ::selection {
  background: rgba(53, 237, 126, 0.3) !important;
  color: #fff !important;
}

/* Topic scrollbar */
body.single-sfwd-topic ::-webkit-scrollbar,
body.single-sfwd-topic.ld-in-focus-mode ::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
body.single-sfwd-topic ::-webkit-scrollbar-track,
body.single-sfwd-topic.ld-in-focus-mode ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2) !important;
}
body.single-sfwd-topic ::-webkit-scrollbar-thumb,
body.single-sfwd-topic.ld-in-focus-mode ::-webkit-scrollbar-thumb {
  background: rgba(88, 101, 242, 0.4) !important;
  border-radius: 5px !important;
}
body.single-sfwd-topic ::-webkit-scrollbar-thumb:hover,
body.single-sfwd-topic.ld-in-focus-mode ::-webkit-scrollbar-thumb:hover {
  background: rgba(88, 101, 242, 0.6) !important;
}



/* ============================================================
   /* ============================================================
   CONTACT PAGE (page 401) — QR cards layout v2
   Goals: title on 1 line, neat uniform cards, mobile responsive
   ============================================================ */

/* Card body — dark glass wrapper */
body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-wrapper {
  padding: 28px 20px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: linear-gradient(180deg, rgba(15,18,60,0.55) 0%, rgba(15,18,60,0.35) 100%) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px 14px 0 0 !important;
  min-height: 160px !important;
  text-align: center !important;
}

/* Icon: centered, fixed size, no extra bg shape */
body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-icon {
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: rgba(88,101,242,0.18) !important;
  border: 1px solid rgba(88,101,242,0.35) !important;
}
body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-icon i {
  font-size: 26px !important;
  color: #7983ff !important;
}

/* Content area — centered, full width */
body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}

/* Title — NEVER wrap, prominent */
body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-title {
  white-space: nowrap !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: auto !important;
  letter-spacing: 0.01em !important;
}
body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-title span {
  display: inline !important;
  white-space: nowrap !important;
}

body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-description {
  display: none !important;
}

/* QR heading widget — center, contain */
body.page-id-401 .elementor-element-7748ec6b .elementor-widget-heading {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 0 !important;
  padding: 24px 20px 28px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 100%) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-top: 0 !important;
  border-radius: 0 0 14px 14px !important;
  flex: 1 1 auto !important;
}
body.page-id-401 .elementor-element-7748ec6b .elementor-widget-heading .elementor-heading-title {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  line-height: 0 !important;
}
body.page-id-401 .elementor-element-7748ec6b .elementor-widget-heading img {
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
  max-height: 240px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 6px !important;
}

/* 4 columns even with gap */
body.page-id-401 .elementor-element-7748ec6b .elementor-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  margin: 0 !important;
}
body.page-id-401 .elementor-element-7748ec6b .elementor-column {
  flex: 1 1 calc(25% - 14px) !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  padding: 0 !important;
}
body.page-id-401 .elementor-element-7748ec6b .elementor-widget-wrap {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* ============================================================
   CONTACT — RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  body.page-id-401 .elementor-element-7748ec6b .elementor-column {
    flex: 1 1 calc(50% - 9px) !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-title {
    font-size: 18px !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-widget-heading img {
    max-height: 220px !important;
  }
}

@media (max-width: 640px) {
  body.page-id-401 .elementor-element-7748ec6b .elementor-column {
    flex: 1 1 100% !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-wrapper {
    flex-direction: row !important;
    text-align: left !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 20px !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-icon {
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
    width: 48px !important;
    height: 48px !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-icon i {
    font-size: 22px !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-content {
    text-align: left !important;
    align-items: flex-start !important;
    flex: 1 1 auto !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-icon-box-title {
    font-size: 18px !important;
    text-align: left !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-widget-heading {
    padding: 20px 20px 24px !important;
  }
  body.page-id-401 .elementor-element-7748ec6b .elementor-widget-heading img {
    max-height: 260px !important;
  }
}


/* ============================================================
   PRIVACY PAGE v2 (page 27343) — restrained Discord, semantic h2
   Mode: Read (legal document)
   ============================================================ */

/* ---------- Hero (restrained) ---------- */
body.page-id-27343 .legal-hero {
  text-align: left;
  max-width: 720px;
  margin: 0 auto;
}
body.page-id-27343 .legal-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(88, 101, 242, 0.10) !important;
  border: 1px solid rgba(88, 101, 242, 0.25) !important;
  color: #8b95ff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size:14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em;
  margin-bottom: 24px;
  text-transform: uppercase;
}
body.page-id-27343 .legal-h1 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: clamp(36px, 5vw, 52px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 20px !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: -0.02em;
}
body.page-id-27343 .legal-hero-sub {
  font-size: 17px !important;
  color: rgba(255, 255, 255, 0.62) !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
  max-width: 580px;
}
body.page-id-27343 .legal-hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5) !important;
}
body.page-id-27343 .legal-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.page-id-27343 .legal-meta-item strong {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 600;
}
body.page-id-27343 .legal-meta-sep {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.15);
}

/* ---------- TL;DR / Quick Summary ---------- */
body.page-id-27343 .legal-tldr {
  max-width: 820px;
  margin: 0 auto;
  padding: 32px 0 0 0;
}
body.page-id-27343 .legal-tldr-header {
  margin-bottom: 20px;
}
body.page-id-27343 .legal-tldr-eyebrow {
  display: inline-block;
  font-family: 'Space Grotesk', sans-serif;
  font-size:15px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #35ed7e;
  margin-bottom: 8px;
}
body.page-id-27343 .legal-tldr-title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 !important;
}
body.page-id-27343 .legal-tldr-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
}
body.page-id-27343 .legal-tldr-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px;
  padding: 20px;
  background: rgba(15, 18, 60, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
body.page-id-27343 .legal-tldr-card:hover {
  background: rgba(15, 18, 60, 0.7);
  border-color: rgba(88, 101, 242, 0.35);
  transform: translateY(-2px);
}
body.page-id-27343 .legal-tldr-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: rgba(88, 101, 242, 0.18);
  color: #8b95ff;
  font-size: 16px;
  margin-bottom: 6px;
}
body.page-id-27343 .legal-tldr-card-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}
body.page-id-27343 .legal-tldr-card-desc {
  font-size:15px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.4;
}
body.page-id-27343 .legal-tldr-card-emph {
  background: rgba(53, 237, 126, 0.05);
  border-color: rgba(53, 237, 126, 0.20);
}
body.page-id-27343 .legal-tldr-card-emph .legal-tldr-icon {
  background: rgba(53, 237, 126, 0.18);
  color: #35ed7e;
}
body.page-id-27343 .legal-tldr-card-emph .legal-tldr-card-title {
  color: #ffffff;
}

/* ---------- TOC chips ---------- */
body.page-id-27343 .legal-toc {
  max-width: 820px;
  margin: 0 auto;
  padding: 8px 0 0 0;
}
body.page-id-27343 .legal-toc-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Space Grotesk', sans-serif;
  font-size:15px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
  margin-bottom: 14px;
}
body.page-id-27343 .legal-toc-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
body.page-id-27343 .legal-toc-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 14px !important;
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size:15px !important;
  line-height: 1 !important;
  transition: all 0.2s ease;
}
body.page-id-27343 .legal-toc-chip:hover {
  background: rgba(88, 101, 242, 0.15) !important;
  border-color: rgba(88, 101, 242, 0.4) !important;
  color: #ffffff !important;
}
body.page-id-27343 .legal-toc-num {
  font-family: 'Space Grotesk', sans-serif;
  font-size:15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.05em;
}
body.page-id-27343 .legal-toc-chip:hover .legal-toc-num {
  color: #8b95ff;
}

/* ---------- Section h2 (semantic) ---------- */
body.page-id-27343 h2.legal-h2 {
  display: flex !important;
  align-items: center;
  gap: 14px;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  scroll-margin-top: 100px;  /* anchor offset for sticky header */
}
body.page-id-27343 .legal-h2-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: rgba(88, 101, 242, 0.15);
  border: 1px solid rgba(88, 101, 242, 0.30);
  color: #8b95ff;
  font-size: 17px;
  flex-shrink: 0;
}
body.page-id-27343 .legal-h2-num {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 0.05em;
  min-width: 28px;
}
body.page-id-27343 .legal-h2-title {
  color: #ffffff;
}

/* ---------- h3 subsections ---------- */
body.page-id-27343 h3.legal-h3 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 24px 0 12px !important;
  padding: 0 !important;
  line-height: 1.4;
}

/* ---------- Body text ---------- */
body.page-id-27343 .legal-body {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  margin: 0 0 16px 0;
}
body.page-id-27343 .legal-body strong {
  color: #ffffff;
  font-weight: 600;
}
body.page-id-27343 .legal-body a {
  color: #8b95ff;
  text-decoration: none;
  border-bottom: 1px solid rgba(88, 101, 242, 0.3);
}
body.page-id-27343 .legal-body a:hover {
  border-bottom-color: #8b95ff;
}

/* ---------- Lists with FA icons ---------- */
body.page-id-27343 .legal-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 0 0 !important;
}
body.page-id-27343 .legal-list li {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px !important;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
}
body.page-id-27343 .legal-list .legal-li-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: 4px;
  flex-shrink: 0;
  color: #8b95ff;
  font-size:14px;
}
body.page-id-27343 .legal-list li strong {
  color: #ffffff;
  font-weight: 600;
}

/* ---------- Third-party services table ---------- */
body.page-id-27343 .legal-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 20px 0 !important;
  font-size: 14px !important;
  background: rgba(15, 18, 60, 0.3);
  border-radius: 10px;
  overflow: hidden;
}
body.page-id-27343 .legal-table thead tr {
  background: rgba(88, 101, 242, 0.10) !important;
}
body.page-id-27343 .legal-table th {
  padding: 12px 16px !important;
  text-align: left !important;
  color: #8b95ff !important;
  font-size:14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body.page-id-27343 .legal-table td {
  padding: 12px 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.75) !important;
}
body.page-id-27343 .legal-table td strong {
  color: #ffffff !important;
  font-weight: 600 !important;
}
body.page-id-27343 .legal-td-ic i {
  color: #8b95ff;
  margin-right: 4px;
}

/* ---------- Footer note (callout box) ---------- */
body.page-id-27343 .legal-footer-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 20px;
  padding: 14px 18px;
  background: rgba(53, 237, 126, 0.05);
  border-left: 3px solid #35ed7e;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
}
body.page-id-27343 .legal-footer-note i {
  color: #35ed7e;
  font-size: 14px;
  margin-top: 3px;
  flex-shrink: 0;
}
body.page-id-27343 .legal-footer-note strong {
  color: #ffffff;
  font-weight: 600;
}

/* ---------- Bottom CTA ---------- */
body.page-id-27343 .legal-cta {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
body.page-id-27343 .legal-cta-title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 12px !important;
}
body.page-id-27343 .legal-cta-desc {
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  line-height: 1.6 !important;
  margin: 0 0 24px !important;
}
body.page-id-27343 .legal-cta-actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: center;
  flex-wrap: wrap;
}
body.page-id-27343 .legal-cta-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
  line-height: 1 !important;
}
body.page-id-27343 .legal-cta-btn-primary {
  background: #35ed7e !important;
  color: #0a0d3a !important;
  border: 1px solid #35ed7e !important;
}
body.page-id-27343 .legal-cta-btn-primary:hover {
  background: #4cf08f !important;
  border-color: #4cf08f !important;
}
body.page-id-27343 .legal-cta-btn-ghost {
  background: rgba(88, 101, 242, 0.10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 101, 242, 0.30) !important;
}
body.page-id-27343 .legal-cta-btn-ghost:hover {
  background: rgba(88, 101, 242, 0.20) !important;
  border-color: rgba(88, 101, 242, 0.50) !important;
}

/* ---------- FontAwesome fix (still needed) ---------- */
body.page-id-27343 .legal-h2-icon i,
body.page-id-27343 .legal-li-icon,
body.page-id-27343 .legal-cta-btn i,
body.page-id-27343 .legal-eyebrow i,
body.page-id-27343 .legal-toc-label i,
body.page-id-27343 .legal-tldr-icon i,
body.page-id-27343 .legal-meta-item i,
body.page-id-27343 .legal-footer-note i,
body.page-id-27343 .legal-table i,
body.page-id-27343 i.fa,
body.page-id-27343 i.fas,
body.page-id-27343 i.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
}
body.page-id-27343 i.far {
  font-weight: 400 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  body.page-id-27343 .legal-h1 { font-size: 32px !important; }
  body.page-id-27343 .legal-hero-sub { font-size: 15px !important; }
  body.page-id-27343 .legal-tldr-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-id-27343 h2.legal-h2 {
    font-size: 19px !important;
  }
  body.page-id-27343 .legal-h2-icon {
    width: 36px;
    height: 36px;
    font-size: 15px;
  }
  body.page-id-27343 .elementor-section .elementor-column .elementor-widget-wrap {
    padding: 0 !important;
  }
  body.page-id-27343 .legal-cta-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.page-id-27343 .legal-cta-btn {
    justify-content: center !important;
  }
}

/* ---------- Hide old block-editor title if any ---------- */
body.page-id-27343 h1.entry-title { display: none !important; }
/* dc-footer button text wrap fix */
.dc-footer-form button {
  white-space: nowrap !important;
  min-width: 56px;
}
/* ---------- Site-wide Discord footer (dc-footer) — used by home + privacy + terms ---------- */
.dc-footer {
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--f-body, -apple-system, BlinkMacSystemFont, "Inter", sans-serif);
  font-size: 14px;
}
.dc-footer-top {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1.4fr;
  gap: var(--s-xxl, 64px);
  padding-bottom: calc(var(--s-section, 96px) * 1.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.dc-footer-brand .dc-footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--f-display, "Space Grotesk", sans-serif);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #fff;
  margin-bottom: var(--s-md, 24px);
}
.dc-footer-brand .dc-pip {
  width: 8px;
  height: 8px;
  background: var(--green, #35ed7e);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--green, #35ed7e);
}
.dc-footer-blurb {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
  max-width: 24rem;
  margin-bottom: var(--s-lg, 32px);
}
.dc-footer-social {
  display: flex;
  gap: 8px;
}
.dc-footer-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.2s ease;
}
.dc-footer-social-link:hover {
  background: rgba(88, 101, 242, 0.15);
  border-color: rgba(88, 101, 242, 0.4);
  color: var(--green, #35ed7e);
  transform: translateY(-2px);
}
.dc-footer-col h4 {
  font-family: var(--f-mono, "JetBrains Mono", monospace);
  font-size:15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--primary-glow, #8b95ff);
  margin-bottom: var(--s-md, 24px);
  font-weight: 500;
}
.dc-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dc-footer-col li {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.65);
}
.dc-footer-col li a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
  position: relative;
}
.dc-footer-col li a:hover {
  color: var(--green, #35ed7e);
}
.dc-footer-col li a::after {
  content: " →";
  opacity: 0;
  transition: opacity 0.2s ease;
  color: var(--green, #35ed7e);
}
.dc-footer-col li a:hover::after {
  opacity: 1;
}
.dc-footer-newsletter p {
  font-size:15px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.55;
  margin-bottom: var(--s-md, 24px);
}
.dc-footer-form {
  display: flex;
  gap: 0;
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--r-sm, 10px);
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.dc-footer-form:focus-within {
  border-color: var(--primary, #5865f2);
}
.dc-footer-form input {
  flex: 1;
  background: transparent;
  border: 0;
  outline: none;
  padding: 10px 14px;
  color: #fff;
  font-family: var(--f-body, -apple-system, sans-serif);
  font-size: 14px;
}
.dc-footer-form input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.dc-footer-form button {
  background: var(--primary, #5865f2);
  border: 0;
  padding: 10px 16px;
  color: #fff;
  font-weight: 600;
  font-size:15px;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition: background 0.2s ease, transform 0.15s ease;
  font-family: var(--f-body, -apple-system, sans-serif);
  white-space: nowrap !important;
  min-width: 56px;
}
.dc-footer-form button:hover {
  background: var(--primary-glow, #8b95ff);
}
.dc-footer-form button:active {
  transform: scale(0.97);
}
.dc-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--s-xl, 48px);
  font-family: var(--f-mono, "JetBrains Mono", monospace);
  font-size:15px;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.05em;
  flex-wrap: wrap;
  gap: var(--s-md, 24px);
}
.dc-footer-meta {
  font-style: italic;
}
.dc-footer-legal a {
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.2s ease;
  margin: 0 4px;
}
.dc-footer-legal a:hover {
  color: var(--green, #35ed7e);
}
@media (max-width: 1024px) {
  .dc-footer-top {
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--s-xl, 48px);
  }
  .dc-footer-brand {
    grid-column: span 3;
  }
  .dc-footer-newsletter {
    grid-column: span 3;
  }
}
@media (max-width: 640px) {
  .dc-footer-top {
    grid-template-columns: 1fr 1fr;
  }
  .dc-footer-brand {
    grid-column: span 2;
  }
  .dc-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ---------- HFE blue footer hide on pages with custom dc-footer ---------- */
/* Privacy + Terms have the dc-footer as a page section, so hide the global HFE 24787 */
body.page-id-27343 .elementor-24787,
body.page-id-27343 footer#colophon,
body.page-id-27345 .elementor-24787,
body.page-id-27345 footer#colophon {
  display: none !important;
}
/* ---------- Body bg for default-template legal pages ---------- */
/* When template='' is used (theme default), Elementor's page-level background_color
   doesn't apply to <body>. Force dark bg here. */
body.page-id-27343,
body.page-id-27345 {
  background-color: #0a0d3a !important;
  color: rgba(255, 255, 255, 0.78) !important;
}
/* ---------- Privacy + Terms page: kill white frame ---------- */
/* Default page-template-default has white .site-content / .ast-container background.
   For legal pages we want the dark body bg #0a0d3a to flow continuously. */
body.page-id-27343 #page,
body.page-id-27343 .site-content,
body.page-id-27343 .ast-container,
body.page-id-27343 .ast-article-single,
body.page-id-27343 #primary,
body.page-id-27345 #page,
body.page-id-27345 .site-content,
body.page-id-27345 .ast-container,
body.page-id-27345 .ast-article-single,
body.page-id-27345 #primary {
  background: transparent !important;
  background-color: transparent !important;
}
body.page-id-27343 .site-content,
body.page-id-27345 .site-content {
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.page-id-27343 .site-content > .ast-container,
body.page-id-27345 .site-content > .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* ---------- Site-wide dark bg (covers WooCommerce / posts / archives) ---------- */
/* For pages that don't set their own body bg via Elementor, force dark */
body,
body.page-id-25104,
body.page-id-25142,
body.page-id-25143,
body.page-id-25144,
body.page-id-25145 {
  background-color: #0a0d3a !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

/* WooCommerce content area: keep light within the dark frame? No, force dark for content too */
body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.post-type-archive-product {
  background-color: #0a0d3a !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Make .site-content / .ast-container transparent on WooCommerce pages so dark bg shows through */
body.woocommerce #page,
body.woocommerce .site-content,
body.woocommerce .ast-container,
body.woocommerce .ast-article-single,
body.woocommerce #primary,
body.woocommerce-page #page,
body.woocommerce-page .site-content,
body.woocommerce-page .ast-container,
body.woocommerce-page .ast-article-single,
body.woocommerce-page #primary,
body.post-type-archive-product #page,
body.post-type-archive-product .site-content,
body.post-type-archive-product .ast-container,
body.post-type-archive-product .ast-article-single,
body.post-type-archive-product #primary,
body.single-post #page,
body.single-post .site-content,
body.single-post .ast-container,
body.single-post .ast-article-single,
body.single-post #primary,
body.archive #page,
body.archive .site-content,
body.archive .ast-container,
body.archive .ast-article-single,
body.archive #primary,
body.category #page,
body.category .site-content,
body.category .ast-container,
body.category .ast-article-single,
body.category #primary {
  background: transparent !important;
  background-color: transparent !important;
}
body.woocommerce .site-content,
body.woocommerce-page .site-content,
body.single-post .site-content,
body.archive .site-content,
body.category .site-content {
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.woocommerce .site-content > .ast-container,
body.woocommerce-page .site-content > .ast-container,
body.single-post .site-content > .ast-container,
body.archive .site-content > .ast-container,
body.category .site-content > .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

();

/* ---------- Hide HFE blue footer site-wide (dc-footer replaces it) ---------- */
html body .elementor-24787,
html body footer#colophon {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ---------- WooCommerce content area dark styling ---------- */
body.woocommerce .woocommerce,
body.woocommerce-page .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.woocommerce-account .woocommerce {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
body.woocommerce .woocommerce-notices-wrapper,
body.woocommerce-page .woocommerce-notices-wrapper,
body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce-notices-wrapper {
  background: transparent !important;
}
body.woocommerce .woocommerce-message,
body.woocommerce-page .woocommerce-message,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-account .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce-page .woocommerce-info,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-account .woocommerce-info {
  background-color: rgba(53, 237, 126, 0.06) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-top-color: #35ed7e !important;
}
body.woocommerce .quantity .qty,
body.woocommerce-page .quantity .qty,
body.woocommerce-cart .quantity .qty {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
body.woocommerce table.shop_table,
body.woocommerce-page table.shop_table,
body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.woocommerce table.shop_table th,
body.woocommerce-page table.shop_table th,
body.woocommerce-cart table.shop_table th,
body.woocommerce-checkout table.shop_table th {
  color: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.woocommerce table.shop_table td,
body.woocommerce-page table.shop_table td,
body.woocommerce-cart table.shop_table td,
body.woocommerce-checkout table.shop_table td {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
body.woocommerce .cart-collaterals .cart_totals,
body.woocommerce-page .cart-collaterals .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-radius: 8px !important;
}
body.woocommerce form .form-row label,
body.woocommerce-page form .form-row label,
body.woocommerce-checkout form .form-row label,
body.woocommerce form .form-row input.input-text,
body.woocommerce-page form .form-row input.input-text,
body.woocommerce-checkout form .form-row input.input-text,
body.woocommerce form .form-row textarea,
body.woocommerce-page form .form-row textarea,
body.woocommerce form .form-row select,
body.woocommerce-page form .form-row select {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.woocommerce form .form-row input.input-text,
body.woocommerce-page form .form-row input.input-text,
body.woocommerce-checkout form .form-row input.input-text,
body.woocommerce form .form-row select,
body.woocommerce-page form .form-row select {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
body.woocommerce .button,
body.woocommerce-page .button,
body.woocommerce-cart .button,
body.woocommerce-checkout .button,
body.woocommerce-account .button {
  background: var(--primary, #5865f2) !important;
  color: #fff !important;
}
body.woocommerce .button:hover,
body.woocommerce-page .button:hover,
body.woocommerce-cart .button:hover,
body.woocommerce-checkout .button:hover {
  background: var(--primary-glow, #8b95ff) !important;
}
body.woocommerce .product,
body.woocommerce-page .product,
body.woocommerce ul.products li.product {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  transition: all 0.2s ease !important;
}
body.woocommerce .product:hover,
body.woocommerce ul.products li.product:hover {
  background: rgba(15, 18, 60, 0.7) !important;
  border-color: rgba(88, 101, 242, 0.3) !important;
  transform: translateY(-2px) !important;
}
body.woocommerce .product a,
body.woocommerce-page .product a,
body.woocommerce ul.products li.product a {
  color: rgba(255, 255, 255, 0.95) !important;
  text-decoration: none !important;
}
body.woocommerce .product .woocommerce-loop-product__title,
body.woocommerce-page .product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 8px 0 !important;
}
body.woocommerce .product .price,
body.woocommerce-page .product .price,
body.woocommerce ul.products li.product .price {
  color: #35ed7e !important;
  font-weight: 600 !important;
}

/* Single product page */
body.single-product .product_title,
body.single-product .product .price,
body.single-product div.product .product_title,
body.single-product div.product .price,
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-tabs,
body.single-product .related.products {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.single-product .product_meta,
body.single-product .product .product_meta {
  color: rgba(255, 255, 255, 0.65) !important;
}
body.single-product .woocommerce-tabs .panel,
body.single-product .woocommerce-Tabs-panel {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.single-product h1, body.single-product h2, body.single-product h3 {
  color: #fff !important;
}
body.single-product .related.products h2 {
  color: #fff !important;
}

/* Posts / single post */
body.single-post article.post,
body.single article.post,
body.single .ast-article-single {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
body.single-post .entry-title,
body.single .entry-title,
body.single-post h1.entry-title,
body.single h1.entry-title {
  color: #fff !important;
}
body.single-post .entry-content,
body.single .entry-content,
body.single-post .entry-content p,
body.single .entry-content p,
body.single-post .entry-content li,
body.single .entry-content li {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}
body.single-post .entry-content a,
body.single .entry-content a {
  color: #8b95ff !important;
}
body.single-post .entry-content h2,
body.single .entry-content h2,
body.single-post .entry-content h3,
body.single .entry-content h3 {
  color: #fff !important;
}
body.single-post .entry-content blockquote,
body.single .entry-content blockquote {
  border-left: 3px solid #35ed7e !important;
  background: rgba(53, 237, 126, 0.06) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 16px 20px !important;
  border-radius: 0 8px 8px 0 !important;
}
body.single-post .entry-content pre,
body.single .entry-content pre {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 16px !important;
}
body.single-post .entry-content code,
body.single .entry-content code {
  background: rgba(88, 101, 242, 0.12) !important;
  color: #00b0f4 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}
body.single-post .entry-content table,
body.single .entry-content table {
  background: rgba(15, 18, 60, 0.3) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-collapse: collapse !important;
}
body.single-post .entry-content table th,
body.single .entry-content table th,
body.single-post .entry-content table td,
body.single .entry-content table td {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 10px 14px !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
body.single-post .entry-content table thead,
body.single .entry-content table thead {
  background: rgba(88, 101, 242, 0.15) !important;
}
body.single-post .entry-content img,
body.single .entry-content img {
  border-radius: 8px !important;
  max-width: 100% !important;
  height: auto !important;
}
body.single-post .entry-meta,
body.single .entry-meta,
body.single-post .posted-on,
body.single .posted-on,
body.single-post .cat-links,
body.single .cat-links,
body.single-post .tags-links,
body.single .tags-links {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size:15px !important;
}
body.single-post .entry-meta a,
body.single .entry-meta a {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none !important;
}
body.single-post .entry-content h2,
body.single .entry-content h2,
body.single-post .entry-content h3,
body.single .entry-content h3,
body.single-post .entry-content h4,
body.single .entry-content h4 {
  color: #fff !important;
  margin-top: 32px !important;
  margin-bottom: 16px !important;
}

/* Archive / category page */
body.archive article.post,
body.category article.post,
body.archive .ast-article-single,
body.category .ast-article-single {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  transition: all 0.2s ease !important;
}
body.archive article.post:hover,
body.category article.post:hover {
  background: rgba(15, 18, 60, 0.7) !important;
  border-color: rgba(88, 101, 242, 0.3) !important;
  transform: translateY(-2px) !important;
}
body.archive .entry-title,
body.archive .entry-title a,
body.archive h2.entry-title,
body.category .entry-title,
body.category .entry-title a,
body.category h2.entry-title {
  color: #fff !important;
  text-decoration: none !important;
}
body.archive .entry-content,
body.category .entry-content {
  color: rgba(255, 255, 255, 0.75) !important;
}
body.archive .entry-meta,
body.archive .entry-meta a,
body.category .entry-meta,
body.category .entry-meta a {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size:15px !important;
  text-decoration: none !important;
}
body.archive .ast-page-header h1.page-title,
body.archive h1.page-title,
body.archive .page-header h1,
body.category .ast-page-header h1.page-title,
body.category h1.page-title {
  color: #fff !important;
}
body.archive .page-header,
body.category .page-header {
  background: transparent !important;
}
body.archive .taxonomy-description,
body.category .taxonomy-description {
  color: rgba(255, 255, 255, 0.7) !important;
}
body.archive .nav-links a,
body.category .nav-links a,
body.archive .pagination a,
body.category .pagination a,
body.archive nav.pagination a,
body.category nav.pagination a {
  background: rgba(15, 18, 60, 0.5) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.archive .nav-links a:hover,
body.category .nav-links a:hover {
  background: rgba(88, 101, 242, 0.15) !important;
  border-color: rgba(88, 101, 242, 0.4) !important;
  color: #fff !important;
}

/* My Account page (WooCommerce) */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color: rgba(255, 255, 255, 0.75) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #35ed7e !important;
  font-weight: 600 !important;
}


/* =====================================================
 * P19 — Site-wide header/footer + dark + responsive fixes
 * ===================================================== */

/* FIX 1: dc-footer must be centered with max-width on WooCommerce + non-Elementor pages
 * (home/privacy/terms/about/contact already center via their Elementor container,
 *  but shop/cart/checkout/my-account inject dc-footer at end of body) */
.dc-footer {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 5 !important;
}
.dc-footer-top {
  /* slightly reduce gap on WooCommerce (full width) to keep columns readable */
  gap: 32px !important;
  padding-bottom: 60px !important;
}
.dc-footer-bottom {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 24px 32px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
}

/* FIX 2: Force hide HFE 24787 (blue gradient footer) + theme colophon on ALL pages
 * (not just legal pages) */
.elementor-24787,
footer#colophon,
.site-footer,
footer.ast-footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* FIX 3: Hide template 27180's built-in footer (b00foot0 + b00cpy00)
 * (they have a "dc-foot" design that conflicts with our dc-footer)
 * Keep b00head0 (archive hero) and sec_posts (posts grid) */
body.archive [data-id="b00foot0"],
body.archive [data-id="b00cpy00"] {
  display: none !important;
}

/* FIX 4: Force dark body bg on archive pages (was white due to theme-transparent-header-meta) */
body.archive,
body.archive.category,
body.archive.tag,
body.archive.author,
body.archive.date,
body.search,
body.error404,
body.page-template-default,
body.single-post,
body.single,
body.page,
body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  background-color: #0a0d3a !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 0.78) !important;
}
body.archive #page,
body.archive .site-content,
body.archive .ast-container,
body.archive #primary,
body.archive .ast-article-single,
body.single-post #page,
body.single-post .site-content,
body.single-post .ast-container,
body.single-post #primary,
body.single-post .ast-article-single,
body.woocommerce #page,
body.woocommerce .site-content,
body.woocommerce .ast-container,
body.woocommerce #primary,
body.woocommerce .woocommerce,
body.error404 #page,
body.error404 .site-content,
body.error404 .ast-container,
body.error404 #primary,
body.page #page,
body.page .site-content,
body.page .ast-container,
body.page #primary {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* FIX 5: WooCommerce my-account-2 (login/register) form labels too dim */
body.woocommerce-account form.login label,
body.woocommerce-account form.register label,
.woocommerce form.login label,
.woocommerce form.register label,
.woocommerce-account label,
.woocommerce-account .form-row label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500 !important;
}
body.woocommerce-account form.login,
body.woocommerce-account form.register,
.woocommerce form.login,
.woocommerce form.register {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 28px !important;
}
body.woocommerce-account form.login input.input-text,
body.woocommerce-account form.register input.input-text,
.woocommerce form.login input.input-text,
.woocommerce form.register input.input-text,
.woocommerce-account input.input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
  background: rgba(0, 0, 0, 0.3) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
}
body.woocommerce-account form.login input.input-text:focus,
body.woocommerce-account form.register input.input-text:focus,
.woocommerce-account input.input-text:focus {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: var(--primary, #5865f2) !important;
  outline: none !important;
  color: #fff !important;
}
body.woocommerce-account form.login button.button,
body.woocommerce-account form.register button.button,
.woocommerce form.login button.button,
.woocommerce form.register button.button {
  background: var(--primary, #5865f2) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  border: 0 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
body.woocommerce-account form.login button.button:hover,
body.woocommerce-account form.register button.button:hover {
  background: var(--primary-glow, #8b95ff) !important;
}

/* FIX 6: Cart table dark */
body.woocommerce-cart .shop_table,
body.woocommerce-checkout .shop_table,
.woocommerce table.shop_table {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 14px 16px !important;
}
.woocommerce table.shop_table th {
  color: #fff !important;
  font-weight: 600 !important;
  font-size:15px !important;
  letter-spacing: 0.02em !important;
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout .cart-collaterals .cart_totals {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 10px 0 !important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--primary, #5865f2) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  border: 0 !important;
  transition: background 0.2s ease !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--primary-glow, #8b95ff) !important;
  color: #fff !important;
}
.woocommerce .quantity .qty {
  background: rgba(0, 0, 0, 0.3) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  background: rgba(15, 18, 60, 0.5) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
}
.woocommerce form .form-row label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500 !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: rgba(0, 0, 0, 0.3) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
}
.woocommerce-checkout #payment {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* FIX 7: Posts (single post) header dark */
body.single-post .entry-title,
body.single-post h1.entry-title {
  color: #fff !important;
  font-family: var(--f-display, "Space Grotesk", sans-serif) !important;
  font-weight: 700 !important;
  font-size: 2.4rem !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 16px !important;
}
body.single-post .entry-meta,
body.single-post .entry-header {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.single-post .entry-content,
body.single-post article.post {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
  color: #fff !important;
  font-family: var(--f-display, "Space Grotesk", sans-serif) !important;
}
body.single-post .entry-content a {
  color: #00b0f4 !important;
}
body.single-post .entry-content blockquote {
  background: rgba(15, 18, 60, 0.4) !important;
  border-left: 3px solid var(--primary, #5865f2) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 16px 20px !important;
  border-radius: 0 8px 8px 0 !important;
  margin: 24px 0 !important;
}
body.single-post .entry-content code,
body.single-post .entry-content pre {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #35ed7e !important;
  border-radius: 6px !important;
  padding: 2px 6px !important;
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
}
body.single-post .entry-content pre {
  padding: 16px !important;
  overflow-x: auto !important;
}
body.single-post .entry-content table {
  background: rgba(15, 18, 60, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  border-collapse: separate !important;
}
body.single-post .entry-content table th,
body.single-post .entry-content table td {
  border-color: rgba(255, 255, 255, 0.08) !important;
  padding: 10px 14px !important;
}
body.single-post .entry-content table th {
  background: rgba(88, 101, 242, 0.1) !important;
  color: #fff !important;
}
body.single-post .entry-content img {
  border-radius: 8px !important;
  max-width: 100% !important;
  height: auto !important;
}

/* FIX 8: Category archive posts grid cards */
body.archive article.post,
body.archive .elementor-post {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}
body.archive article.post:hover,
body.archive .elementor-post:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(88, 101, 242, 0.4) !important;
}
body.archive article.post .entry-title,
body.archive article.post h2,
body.archive .elementor-post__title {
  color: #fff !important;
}
body.archive article.post .entry-title a,
body.archive .elementor-post__title a {
  color: inherit !important;
  text-decoration: none !important;
}
body.archive article.post .entry-meta,
body.archive .elementor-post__meta-data {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size:15px !important;
}
body.archive article.post .entry-summary,
body.archive .elementor-post__excerpt {
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.55 !important;
}
body.archive .elementor-post__thumbnail img {
  border-radius: 0 !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* FIX 9: Mobile responsive for dc-footer */
@media (max-width: 900px) {
  .dc-footer {
    padding: 0 20px !important;
  }
  .dc-footer-top {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px 20px !important;
    padding-bottom: 40px !important;
  }
  .dc-footer-brand {
    grid-column: 1 / -1 !important;
  }
  .dc-footer-newsletter {
    grid-column: 1 / -1 !important;
  }
  .dc-footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 20px !important;
    gap: 8px !important;
    text-align: left !important;
  }
  .dc-footer-bottom > span {
    font-size:15px !important;
  }
  /* Force 1 col on very small screens */
}
@media (max-width: 600px) {
  .dc-footer-top {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .dc-footer-col h4 {
    margin-bottom: 14px !important;
  }
}

/* FIX 10: Mobile menu (Astra theme) dark */
@media (max-width: 921px) {
  .ast-mobile-menu-buttons,
  .ast-button-wrap .menu-toggle,
  .main-header-menu-toggle {
    background: transparent !important;
    color: #fff !important;
  }
  .ast-mobile-popup-wrapper,
  .ast-mobile-popup-content,
  .ast-mobile-header-content,
  #masthead .ast-mobile-header-wrap .ast-mobile-header-content {
    background: #0a0d3a !important;
    color: #fff !important;
  }
  .ast-mobile-popup-content a,
  .ast-mobile-popup-content .menu-item a {
    color: rgba(255, 255, 255, 0.85) !important;
  }
  .ast-mobile-popup-content a:hover,
  .ast-mobile-popup-content .menu-item a:hover {
    color: #35ed7e !important;
  }
}

/* FIX 11: If JS injects dc-footer on a page that already has old dc-foot-* (Elementor widget version),
 * the new one will replace. But for safety, hide old footers if new is present. */
body:has(.dc-footer) .elementor-element.dc-foot-brand,
body:has(.dc-footer) .elementor-element.dc-foot-link,
body:has(.dc-footer) .elementor-element.dc-foot-newsletter,
body:has(.dc-footer) .elementor-element.dc-foot-bar,
body:has(.dc-footer) [class*="dc-foot-row"],
body:has(.dc-footer) [class*="dc-foot-input"],
body:has(.dc-footer) [class*="dc-foot-submit"],
body:has(.dc-footer) [class*="dc-foot-success"] {
  display: none !important;
}
/* Also hide the entire last Elementor section that contains old dc-foot-* widgets */
body:has(.dc-footer) .elementor-section:has(.dc-foot-newsletter),
body:has(.dc-footer) .elementor-section:has(.dc-foot-bar) {
  display: none !important;
}

/* FIX 12: Force max-width on all dc-footer variants (including JS-injected without inline style) */
html body .dc-footer,
body.archive .dc-footer,
body.single-post .dc-footer,
body.single .dc-footer,
body.page .dc-footer,
body.woocommerce .dc-footer,
body.woocommerce-page .dc-footer,
body.woocommerce-cart .dc-footer,
body.woocommerce-checkout .dc-footer,
body.woocommerce-account .dc-footer,
body.error404 .dc-footer {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
  width: auto !important;
  display: block !important;
}
@media (min-width: 1025px) {
  html body .dc-footer-top,
  body.archive .dc-footer-top,
  body.single-post .dc-footer-top,
  body.single .dc-footer-top,
  body.page .dc-footer-top,
  body.woocommerce .dc-footer-top {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1.4fr !important;
    gap: 32px !important;
    padding-bottom: 60px !important;
    max-width: 100% !important;
  }
}
html body .dc-footer-bottom,
body.archive .dc-footer-bottom,
body.single-post .dc-footer-bottom,
body.single .dc-footer-bottom,
body.page .dc-footer-bottom,
body.woocommerce .dc-footer-bottom {
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 24px 32px !important;
  box-sizing: border-box !important;
  gap: 16px !important;
  width: auto !important;
}

/* === P20 MAIN === */
/* ============================================================
   P20 - COMPACT UI OVERLAY
   Site-wide density + proportion tuning
   Tightens hero/section padding, type scale, card density
   Does NOT touch dc-footer / header / WC / post dark rules
   ============================================================ */

/* --- Section padding density --- */
.elementor-top-section { padding-top: 80px !important; padding-bottom: 80px !important; }
.elementor-inner-section { padding: 48px 32px !important; }
.elementor-section[data-settings*="shape_divider"] { padding-top: 100px !important; padding-bottom: 100px !important; }

/* --- Hero / first section on home --- */
[data-id="a02hero0"],
.elementor[data-id="a02hero0"] {
  padding-top: 96px !important;
  padding-bottom: 64px !important;
  min-height: 0 !important;
}
[data-id="a02hero0"] .elementor-column,
.elementor[data-id="a02hero0"] .elementor-column { padding: 0 !important; }

/* Hero column that contains the H1 */
[data-id="c9d0e1f2"] .elementor-widget-wrap,
[data-id="c9d0e1f2"] .elementor-widget-container { padding: 0 !important; }
[data-id="c9d0e1f2"] .elementor-heading-title {
  font-size: 48px !important;
  line-height: 1.1 !important;
  margin-bottom: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
[data-id="c9d0e1f2"] .elementor-widget-text-editor,
[data-id="c9d0e1f2"] p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
  max-width: 560px !important;
}
[data-id="c9d0e1f2"] .elementor-widget-button .elementor-button {
  padding: 12px 24px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}

/* --- Marquee strip (was filling entire viewport) --- */
[data-id="a03marq0"] { padding: 16px 0 !important; min-height: 0 !important; height: auto !important; }
[data-id="a03marq0"] .elementor-widget-wrap { padding: 0 !important; }
[data-id="a03marq0"] .elementor-heading-title { font-size:15px !important; line-height: 1.4 !important; }

/* --- Stats counter (was 200+ px tall cards) --- */
[data-id="a05stat0"] { padding: 56px 32px !important; }
[data-id="a05stat0"] .elementor-counter-number-wrapper { font-size: 36px !important; line-height: 1.1 !important; font-weight: 800 !important; }
[data-id="a05stat0"] .elementor-counter-title { font-size:15px !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; margin-top: 6px !important; color: rgba(255,255,255,0.55) !important; }
[data-id="a05stat0"] .elementor-widget-wrap { padding: 16px !important; }

/* --- Generic heading scale (whole site) --- */
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl { font-size: 42px !important; line-height: 1.15 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-xl  { font-size: 32px !important; line-height: 1.2 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-lg  { font-size: 24px !important; line-height: 1.25 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-md  { font-size: 20px !important; line-height: 1.3 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-sm  { font-size: 16px !important; line-height: 1.4 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-xs  { font-size:15px !important; line-height: 1.5 !important; }

/* Catch-all for headings without size class */
.elementor-widget-heading h1.elementor-heading-title { font-size: 36px !important; line-height: 1.15 !important; }
.elementor-widget-heading h2.elementor-heading-title { font-size: 26px !important; line-height: 1.2 !important; }
.elementor-widget-heading h3.elementor-heading-title { font-size: 20px !important; line-height: 1.3 !important; }
.elementor-widget-heading h4.elementor-heading-title { font-size: 16px !important; line-height: 1.4 !important; }

/* Plain h1/h2 (not in widget) */
body h1 { font-size: 36px !important; line-height: 1.15 !important; font-weight: 800 !important; }
body.archive h1, body.single h1 { font-size: 30px !important; margin: 24px 0 16px !important; }
body h2 { font-size: 26px !important; line-height: 1.2 !important; }
body h3 { font-size: 20px !important; line-height: 1.3 !important; }

/* --- Body text density --- */
body, body p, .elementor-widget-text-editor, .elementor-text-editor { font-size: 15px !important; line-height: 1.65 !important; }
.elementor-widget-text-editor p { margin-bottom: 12px !important; }

/* --- Article cards (archive / posts widget) --- */
.elementor-post, .elementor-post__card, .elementor-post__thumbnail, .elementor-post__title, .elementor-post__excerpt, .elementor-post__meta-data {
  margin: 0 !important;
}
body.archive .elementor-post__card,
.elementor-posts .elementor-post__card {
  padding: 14px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: all 0.2s !important;
}
body.archive .elementor-post__card:hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(88,101,242,0.4) !important;
  transform: translateY(-2px) !important;
}
.elementor-post__thumbnail {
  border-radius: 8px !important;
  overflow: hidden !important;
  aspect-ratio: 16/9 !important;
  max-height: 180px !important;
}
.elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  max-height: 180px !important;
}
body.archive .elementor-post__thumbnail {
  margin-bottom: 12px !important;
}
.elementor-post__title {
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  color: #fff !important;
}
body.archive .elementor-post__excerpt {
  font-size:14px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,0.55) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}
.elementor-post__meta-data {
  font-size:15px !important;
  color: rgba(255,255,255,0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* --- Single post --- */
body.single .entry-title,
body.single-post h1.entry-title {
  font-size: 30px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 24px 0 12px !important;
  letter-spacing: -0.01em !important;
}
body.single .entry-content,
body.single .elementor-widget-theme-post-content {
  font-size: 15px !important;
  line-height: 1.75 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}
body.single .entry-content p { margin-bottom: 16px !important; }
body.single .entry-content h2 { font-size: 24px !important; margin: 32px 0 12px !important; }
body.single .entry-content h3 { font-size: 20px !important; margin: 24px 0 10px !important; }
body.single .entry-meta { font-size:14px !important; color: rgba(255,255,255,0.5) !important; margin-bottom: 16px !important; }
body.single .post-thumbnails img,
body.single .wp-post-image,
body.single .elementor-widget-theme-post-featured-image img {
  max-height: 420px !important;
  width: auto !important;
  margin: 0 auto !important;
  display: block !important;
  border-radius: 12px !important;
}
body.single .elementor-widget-theme-post-featured-image { margin-bottom: 24px !important; }

/* --- Buttons --- */
.elementor-button {
  padding: 10px 20px !important;
  font-size:15px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  letter-spacing: 0.01em !important;
}
.elementor-button.elementor-size-lg { padding: 12px 28px !important; font-size: 14px !important; }
.elementor-button.elementor-size-sm { padding: 8px 16px !important; font-size:14px !important; }

/* --- Icon boxes (icon + title + desc) --- */
.elementor-icon-box-wrapper { padding: 16px !important; }
.elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; margin: 8px 0 4px !important; }
.elementor-icon-box-description { font-size:15px !important; line-height: 1.5 !important; color: rgba(255,255,255,0.6) !important; }
.elementor-icon-box-icon { margin-bottom: 8px !important; }
.elementor-icon { font-size: 24px !important; }
.elementor-icon-box-icon.elementor-view-framed .elementor-icon {
  padding: 10px !important;
  width: 44px !important;
  height: 44px !important;
}

/* --- Image boxes --- */
.elementor-image-box-wrapper { padding: 16px !important; gap: 12px !important; }
.elementor-image-box-content { padding: 0 !important; }
.elementor-image-box-title { font-size: 15px !important; line-height: 1.3 !important; margin-bottom: 4px !important; }
.elementor-image-box-description { font-size:14px !important; line-height: 1.5 !important; color: rgba(255,255,255,0.6) !important; }

/* --- Forms --- */
.elementor-field, .elementor-form input[type="text"], .elementor-form input[type="email"], .elementor-form textarea {
  padding: 10px 14px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
.elementor-form label { font-size:14px !important; margin-bottom: 4px !important; }

/* --- Header (slimmer) --- */
header.site-header#masthead,
header.ast-main-header-wrap {
  min-height: 64px !important;
  height: 64px !important;
}
header .site-logo-img,
header .custom-logo,
header img {
  max-height: 28px !important;
  width: auto !important;
}
.main-header-bar { padding: 8px 0 !important; }

/* --- Container max-width harmony --- */
.elementor-section .elementor-container,
.elementor-top-section .elementor-container,
.elementor .elementor-container {
  max-width: 1200px !important;
}
.elementor-top-section > .elementor-container { padding-left: 24px !important; padding-right: 24px !important; }

/* --- Gap between blocks in columns --- */
.elementor-column-gap-default .elementor-column > .elementor-widget-wrap { padding: 12px !important; }
.elementor-column-gap-wide .elementor-column > .elementor-widget-wrap { padding: 16px !important; }
.elementor-column-gap-wider .elementor-column > .elementor-widget-wrap { padding: 20px !important; }

/* --- Cards: any elementor-widget with bg color --- */
.elementor-widget-wrap > .elementor-widget-container {
  padding: 12px !important;
}

/* --- Tabs / accordions density --- */
.elementor-tab-title { padding: 10px 14px !important; font-size: 14px !important; }
.elementor-tab-content { padding: 12px 14px !important; font-size:15px !important; }
.elementor-accordion .elementor-tab-title { padding: 12px 16px !important; }

/* --- Spacer reduction --- */
.elementor-widget-spacer .elementor-spacer-inner { height: var(--spacer-height, 24px) !important; max-height: 24px !important; }

/* --- Image size cap inside content --- */
.elementor-widget-image img { max-height: 480px !important; width: auto !important; margin: 0 auto !important; display: block !important; }

/* --- DC footer (compact) --- */
.dc-footer { padding: 48px 0 24px !important; }
.dc-footer-top { padding: 32px !important; gap: 24px !important; }
.dc-footer h4 { font-size:14px !important; margin-bottom: 12px !important; }
.dc-footer p, .dc-footer li, .dc-footer a { font-size:15px !important; line-height: 1.6 !important; }
.dc-footer-bottom { padding: 16px 32px !important; }
.dc-footer-bottom p { font-size:14px !important; }

/* ============================================================
   MOBILE OVERRIDES
   ============================================================ */
@media (max-width: 1024px) {
  .elementor-top-section { padding-top: 64px !important; padding-bottom: 64px !important; }
  .elementor-inner-section { padding: 32px 20px !important; }
  [data-id="a02hero0"] { padding-top: 72px !important; padding-bottom: 48px !important; }
  [data-id="c9d0e1f2"] .elementor-heading-title { font-size: 32px !important; }
  [data-id="a05stat0"] { padding: 40px 20px !important; }
  [data-id="a05stat0"] .elementor-counter-number-wrapper { font-size: 28px !important; }
  body h1, .elementor-widget-heading h1.elementor-heading-title { font-size: 28px !important; }
  body h2, .elementor-widget-heading h2.elementor-heading-title { font-size: 22px !important; }
}
@media (max-width: 768px) {
  .elementor-top-section { padding-top: 48px !important; padding-bottom: 48px !important; }
  .elementor-inner-section { padding: 24px 16px !important; }
  [data-id="a02hero0"] { padding-top: 56px !important; padding-bottom: 32px !important; }
  [data-id="c9d0e1f2"] .elementor-heading-title { font-size: 24px !important; line-height: 1.2 !important; }
  [data-id="c9d0e1f2"] .elementor-widget-text-editor,
  [data-id="c9d0e1f2"] p { font-size: 14px !important; }
  [data-id="a05stat0"] .elementor-counter-number-wrapper { font-size: 24px !important; }
  body h1, .elementor-widget-heading h1.elementor-heading-title { font-size: 22px !important; }
  body h2, .elementor-widget-heading h2.elementor-heading-title { font-size: 18px !important; }
  body h3, .elementor-widget-heading h3.elementor-heading-title { font-size: 16px !important; }
  body, body p, .elementor-text-editor { font-size: 14px !important; }
  body.single .entry-title, body.single-post h1.entry-title { font-size: 22px !important; }
  body.single .entry-content { font-size: 14px !important; }
  .elementor-post__thumbnail { max-height: 140px !important; }
  .elementor-post__title { font-size:15px !important; }
  .dc-footer-top { padding: 20px !important; gap: 16px !important; }
}
@media (max-width: 480px) {
  .elementor-top-section { padding-top: 40px !important; padding-bottom: 40px !important; }
  [data-id="c9d0e1f2"] .elementor-heading-title { font-size: 20px !important; }
  [data-id="a02hero0"] { padding-top: 48px !important; padding-bottom: 24px !important; }
}


/* === P20 PATCH v2 === */
/* === P20 PATCH v2 - Cover remaining h1 cases === */
/* image-box-title h1 (about/contact/all-courses use image-box with h1 title) */
.elementor-image-box-title { font-size: 30px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -0.01em !important; }
/* If image-box-title is h1 specifically, cap it */
h1.elementor-image-box-title { font-size: 30px !important; line-height: 1.2 !important; }

/* elementor-size-default heading titles (was getting default Elementor 56px) */
.elementor-heading-title.elementor-size-default { font-size: 24px !important; line-height: 1.25 !important; }

/* Home hero h1 (manual HTML class) */
.dc-hero-h, h1.dc-hero-h { font-size: 48px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; }
@media (max-width: 1024px) { .dc-hero-h, h1.dc-hero-h { font-size: 32px !important; } }
@media (max-width: 768px)  { .dc-hero-h, h1.dc-hero-h { font-size: 24px !important; } }

/* image-box description p */
.elementor-image-box-description { font-size: 14px !important; line-height: 1.65 !important; color: rgba(255,255,255,0.7) !important; }

/* Smaller default body for all elements */
.elementor-widget-container p { font-size: 15px !important; line-height: 1.65 !important; margin: 0 0 12px !important; }

/* Stats — force smaller numbers more aggressively */
[data-id="a05stat0"] .elementor-counter-number { font-size: 36px !important; }
.elementor-counter-number-wrapper { font-size: 36px !important; }
@media (max-width: 1024px) { [data-id="a05stat0"] .elementor-counter-number-wrapper { font-size: 28px !important; } }

/* Post page: image-box widgets on home */
body.single .elementor-image-box-title { font-size: 16px !important; }
body.single .elementor-image-box-description { font-size:15px !important; }

/* === P20 PATCH v3 - Home hand-typed h2 === */
.dc-section-h, h2.dc-section-h, .dc-showcase-h, h2.dc-showcase-h, .dc-cta-h, h2.dc-cta-h {
  font-size: 32px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -0.01em !important;
}
@media (max-width: 1024px) { .dc-section-h, .dc-showcase-h, .dc-cta-h { font-size: 26px !important; } }
@media (max-width: 768px)  { .dc-section-h, .dc-showcase-h, .dc-cta-h { font-size: 22px !important; } }

/* === P20 PATCH v5 - Post single fixes === */
body.single .entry-title,
body.single-post h1.entry-title {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  text-align: left !important;
}
body.single .entry-header,
body.single-post .entry-header {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
body.single .entry-meta,
body.single-post .entry-meta {
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  padding: 0 24px !important;
}
/* Featured image cap inside post */
body.single .wp-post-image,
body.single .elementor-widget-theme-post-featured-image img {
  display: block !important;
  max-width: 760px !important;
  max-height: 420px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto 24px !important;
  border-radius: 12px !important;
}

/* === P20 PATCH v6 - Home hero eyebrow +2px (11→13) === */
.dc-hero-eyebrow { font-size:15px !important; line-height: 1.4 !important; }

/* === P20 PATCH v7 - Top nav font +1px (14→15) === */
header .main-header-menu > li > a,
header .ast-nav-menu > li > a,
header .main-header-menu a,
header nav a {
  font-size: 15px !important;
}

/* === TASTE-SKILL TYPE HARMONIZATION === */
/* Goal: Single, consistent type scale across the entire site
   Hierarchy controlled by WEIGHT + COLOR, not raw scale
   Ratios: 14 / 16 / 20 / 24 / 30 / 36 / 48 (1.4-1.5x ratio)
*/

/* Home feature cards: was h3=32 (too big), should be 20 like other h3 */
h3.dc-feat-h { font-size: 20px !important; line-height: 1.3 !important; font-weight: 700 !important; }

/* Footer-style "阿甘聊跨境" branded h4 widget — was 24 (h1 size), should be 14 */
h4.elementor-heading-title.elementor-size-default { font-size: 14px !important; line-height: 1.4 !important; font-weight: 600 !important; }

/* Elementor post cards use h3 for title — bring in line */
h3.elementor-post__title { font-size: 15px !important; line-height: 1.35 !important; font-weight: 600 !important; }

/* Section heading h2 (general, where elementor set size) — unify to 24 */
h2.elementor-heading-title.elementor-size-default { font-size: 24px !important; line-height: 1.25 !important; }

/* Empty h1 (some Elementor hidden) — kill */
h1.elementor-heading-title:empty { display: none !important; }

/* Card description uniform */
.elementor-image-box-description { font-size:15px !important; line-height: 1.55 !important; color: rgba(255,255,255,0.62) !important; margin-top: 4px !important; }

/* Step numbers (dc-step) */
.dc-step-n, .dc-step-no { font-size:15px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; font-weight: 600 !important; color: rgba(255,255,255,0.5) !important; }

/* Buttons text on cards - smaller */
.elementor-post__read-more, .elementor-post__read-more::after { font-size:14px !important; font-weight: 500 !important; letter-spacing: 0.04em !important; }

/* Eyebrow restraint (taste-skill 4.7: max 1 per 3 sections) */
.elementor-widget-heading .elementor-heading-title.elementor-size-xs { font-size:15px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; opacity: 0.7 !important; }

/* === SPACING HARMONIZATION (taste-skill 4.7) === */
/* All section padding should follow rhythm: 80 / 56 / 40 / 24 */
/* Reset all elementor section vertical padding to the scale */
.elementor-top-section { padding-top: 80px !important; padding-bottom: 80px !important; }
.elementor-inner-section { padding-top: 48px !important; padding-bottom: 48px !important; }

/* Page content sections (about, contact, legal) — more breathing room */
body.page .elementor-top-section { padding-top: 96px !important; padding-bottom: 96px !important; }

/* WooCommerce page — slightly tighter */
body.woocommerce .elementor-top-section { padding-top: 64px !important; padding-bottom: 64px !important; }

/* Section inner gaps */
.elementor-column-gap-default { column-gap: 16px !important; }
.elementor-column-gap-wide { column-gap: 24px !important; }
.elementor-column-gap-wider { column-gap: 32px !important; }
.elementor-column-gap-extended { column-gap: 40px !important; }

/* Margin between stacked widgets in same column */
.elementor-widget:not(:last-child) { margin-bottom: 16px !important; }
.elementor-widget-heading + .elementor-widget-text-editor { margin-top: -4px !important; }

/* H1-H6 margin tightening (less leading) */
h1, h2, h3, h4, h5, h6 { margin-top: 0 !important; }
h1 + p, h2 + p, h3 + p, h4 + p { margin-top: 8px !important; }

/* Container max-width harmony */
.elementor-section .elementor-container,
.elementor-top-section .elementor-container {
  max-width: 1200px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* === MOBILE OVERRIDES === */
@media (max-width: 1024px) {
  h1.dc-hero-h, h1.entry-title, h1.elementor-image-box-title { font-size: 26px !important; }
  h2.dc-section-h, h2.dc-showcase-h, h2.dc-cta-h { font-size: 24px !important; }
  h2.elementor-heading-title { font-size: 20px !important; }
  h3 { font-size: 18px !important; }
  h3.dc-feat-h { font-size: 18px !important; }
  body, p { font-size: 14px !important; }
  .elementor-top-section { padding-top: 56px !important; padding-bottom: 56px !important; }
  body.page .elementor-top-section { padding-top: 64px !important; padding-bottom: 64px !important; }
  [data-id="a02hero0"] { padding-top: 56px !important; padding-bottom: 40px !important; }
}
@media (max-width: 768px) {
  h1 { font-size: 24px !important; }
  h1.dc-hero-h { font-size: 22px !important; }
  h1.elementor-image-box-title { font-size: 20px !important; }
  h2 { font-size: 20px !important; }
  h2.dc-section-h, h2.dc-showcase-h, h2.dc-cta-h { font-size: 20px !important; }
  h3 { font-size: 16px !important; }
  h3.dc-feat-h { font-size: 15px !important; }
  .elementor-post__title { font-size:15px !important; }
  .elementor-top-section { padding-top: 48px !important; padding-bottom: 48px !important; }
  body.page .elementor-top-section { padding-top: 56px !important; padding-bottom: 56px !important; }
  .elementor-inner-section { padding-top: 24px !important; padding-bottom: 24px !important; }
}
@media (max-width: 480px) {
  h1 { font-size: 22px !important; }
  h1.dc-hero-h { font-size: 20px !important; }
  h2 { font-size: 18px !important; }
  h3 { font-size: 15px !important; }
  .elementor-top-section { padding-top: 40px !important; padding-bottom: 40px !important; }
}

/* === TASTE-SKILL: legal-h1 unify === */
.legal-h1, h1.legal-h1 { font-size: 36px !important; line-height: 1.15 !important; }
@media (max-width: 768px) { .legal-h1, h1.legal-h1 { font-size: 26px !important; } }

/* === P22 - Mobile hamburger menu dark + compact === */
@media (max-width: 921px) {
  .main-header-menu,
  ul.main-header-menu.ast-menu-shadow,
  .ast-menu-shadow {
    background: rgb(13, 14, 58) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    margin-top: 8px !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4) !important;
    padding: 8px 0 !important;
    width: calc(100% - 16px) !important;
  }
  .main-header-menu > li,
  .main-header-menu > li > a,
  ul.main-header-menu > li,
  ul.main-header-menu > li > a.menu-link {
    color: #ffffff !important;
    background: transparent !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    border: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background 0.15s ease, color 0.15s ease !important;
  }
  .main-header-menu > li > a:hover,
  .main-header-menu > li > a:focus,
  .main-header-menu > li:hover > a {
    background: rgba(88, 101, 242, 0.12) !important;
    color: #8b95ff !important;
  }
  .main-header-menu > li.current-menu-item > a,
  .main-header-menu > li.current-menu-ancestor > a {
    background: rgba(88, 101, 242, 0.18) !important;
    color: #8b95ff !important;
    font-weight: 600 !important;
  }
  .main-header-menu > li {
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  }
  .main-header-menu > li:last-child {
    border-bottom: 0 !important;
  }
  .main-header-menu > li.ld-button > a,
  .main-header-menu > li.menu-item-25104 > a {
    background: rgba(88, 101, 242, 0.15) !important;
    border: 1px solid rgba(88, 101, 242, 0.3) !important;
    border-radius: 8px !important;
    margin: 8px 16px !important;
    padding: 10px 16px !important;
    text-align: center !important;
    color: #8b95ff !important;
    font-weight: 600 !important;
  }
  .main-header-menu > li.ld-button > a:hover,
  .main-header-menu > li.menu-item-25104 > a:hover {
    background: rgba(88, 101, 242, 0.25) !important;
  }
  .main-header-menu .sub-menu,
  .main-header-menu .children {
    background: rgba(26, 31, 74, 0.6) !important;
    border: 0 !important;
    padding: 4px 0 !important;
    border-radius: 8px !important;
    margin: 4px 8px !important;
  }
  .main-header-menu .sub-menu a,
  .main-header-menu .children a {
    color: rgba(255, 255, 255, 0.78) !important;
    padding: 8px 16px !important;
    font-size:15px !important;
  }
  button.menu-toggle.toggled { color: #35ed7e !important; }
  .main-header-bar .menu-toggle.toggled .ast-icon svg { color: #35ed7e !important; }
}

/* === P22 - Card hover / motion polish === */
/* Article cards on archives: subtle lift + border highlight */
.elementor-post__card,
body.archive .elementor-post__card {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.25s ease,
              border-color 0.25s ease,
              box-shadow 0.25s ease !important;
  cursor: pointer;
}
body.archive .elementor-post__card:hover {
  transform: translateY(-3px) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(88, 101, 242, 0.5) !important;
  box-shadow: 0 12px 32px -8px rgba(88, 101, 242, 0.25) !important;
}

/* Card image: subtle zoom on hover */
body.archive .elementor-post__card .elementor-post__thumbnail img,
.elementor-post__card .elementor-post__thumbnail img {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: transform;
}
body.archive .elementor-post__card:hover .elementor-post__thumbnail img,
.elementor-post__card:hover .elementor-post__thumbnail img {
  transform: scale(1.05) !important;
}

/* Stat cards (home a05stat0) */
[data-id="a05stat0"] .elementor-widget-wrap,
.dc-feat-h, .dc-feat-card {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
[data-id="a05stat0"] .elementor-widget-wrap:hover,
.dc-feat-card:hover {
  transform: translateY(-2px) !important;
}

/* Image boxes (icon-box) */
.elementor-image-box-wrapper,
.elementor-icon-box-wrapper {
  transition: transform 0.25s ease, background 0.25s ease !important;
}
.elementor-image-box-wrapper:hover,
.elementor-icon-box-wrapper:hover {
  transform: translateY(-2px) !important;
}

/* Buttons: tactile feedback */
.elementor-button,
.dc-btn {
  transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.2s ease,
              box-shadow 0.2s ease,
              opacity 0.2s ease !important;
  cursor: pointer;
}
.elementor-button:hover,
.dc-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px -4px rgba(88, 101, 242, 0.35) !important;
}
.elementor-button:active,
.dc-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px -2px rgba(88, 101, 242, 0.2) !important;
}

/* Primary button glow */
.dc-btn-primary,
.elementor-button.elementor-size-lg {
  position: relative;
  overflow: hidden;
}
.dc-btn-primary::before,
.elementor-button.elementor-size-lg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent 50%);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.dc-btn-primary:hover::before,
.elementor-button.elementor-size-lg:hover::before {
  opacity: 1;
}

/* Step cards (home a06step0) */
[data-id^="a06step"] .elementor-widget-wrap,
.dc-step-card {
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease !important;
}
[data-id^="a06step"] .elementor-widget-wrap:hover,
.dc-step-card:hover {
  transform: translateY(-2px) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Showcase card (a07show0) */
[data-id="a07show0"] .elementor-widget-wrap {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
[data-id="a07show0"] .elementor-widget-wrap:hover {
  transform: translateY(-3px) !important;
}

/* Nav links (header): smooth color shift */
header .main-header-menu > li > a,
header nav a {
  transition: color 0.2s ease, background 0.2s ease !important;
}
header .main-header-menu > li > a:hover {
  color: #8b95ff !important;
}

/* Footer links */
.dc-footer a {
  transition: color 0.2s ease !important;
}
.dc-footer a:hover {
  color: #8b95ff !important;
}

/* Image card zoom for all article cards (universal) */
.elementor-post__thumbnail {
  overflow: hidden !important;
}

/* CTA section READY TO LEVEL UP */
.elementor-widget-button .elementor-button,
a.dc-btn-primary {
  will-change: transform;
}

/* Mobile: no hover translate (avoid jank on touch) */
@media (hover: none) {
  .elementor-post__card:hover,
  .elementor-button:hover,
  .dc-btn:hover,
  .elementor-image-box-wrapper:hover,
  .elementor-icon-box-wrapper:hover {
    transform: none !important;
  }
}

/* ============================================================
   P22 #3 — WooCommerce dark + compact polish
   Add to existing 27373 (after FIX 6 Cart table dark section)
   ============================================================ */

/* WC page titles (商店 / 购物车 / 结算 / 我的帐户 / 订单) */
.woocommerce h1,
.woocommerce h1.page-title,
.woocommerce-products-header__title,
.woocommerce-account h1,
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
body.woocommerce h1,
body.woocommerce-account h1 {
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 24px 0 !important;
  letter-spacing: -0.01em !important;
}
body.woocommerce-account.woocommerce-edit-address h1,
body.woocommerce-account.woocommerce-view-order h1,
body.woocommerce-account.woocommerce-orders h1 {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

/* WC h2/h3 (cart totals header, my-account nav) */
.woocommerce h2,
.woocommerce h3,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-checkout h3 {
  color: #ffffff !important;
  font-weight: 600 !important;
}
.woocommerce h2 {
  font-size: 22px !important;
  margin: 32px 0 16px 0 !important;
}
.woocommerce h3 {
  font-size: 18px !important;
  margin: 24px 0 12px 0 !important;
}

/* Shop page: product cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .products .product {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(88, 101, 242, 0.15) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
  overflow: hidden !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.woocommerce .products .product:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(88, 101, 242, 0.5) !important;
  box-shadow: 0 12px 32px -8px rgba(88, 101, 242, 0.25) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .products .product .woocommerce-loop-product__title,
.woocommerce-loop-product__title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 8px 0 4px 0 !important;
  line-height: 1.35 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce .products .product .price,
.woocommerce-Price-amount {
  color: rgb(76, 209, 130) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce .products .product .price del {
  color: rgba(255, 255, 255, 0.4) !important;
  font-weight: 400 !important;
  font-size:15px !important;
  margin-right: 4px !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce .products .product .price ins {
  background: transparent !important;
  text-decoration: none !important;
}

/* WC product category / sub-category list */
.woocommerce .product-categories li a,
.woocommerce-widget-layered-nav-list li a {
  color: rgba(255, 255, 255, 0.75) !important;
}
.woocommerce .product-categories li a:hover,
.woocommerce-widget-layered-nav-list li a:hover {
  color: rgb(139, 149, 255) !important;
}

/* Shop result count + sort dropdown (top bar) */
.woocommerce .woocommerce-result-count {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size:15px !important;
  margin: 0 !important;
}
.woocommerce .woocommerce-ordering select,
.woocommerce select.orderby {
  background: rgba(15, 18, 60, 0.6) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  padding: 6px 28px 6px 10px !important;
  font-size:15px !important;
  min-height: 32px !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a8b0d0' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
}
.woocommerce .woocommerce-ordering select option {
  background: rgb(20, 22, 60) !important;
  color: #ffffff !important;
}

/* Shop pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: rgba(15, 18, 60, 0.5) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-size:15px !important;
  min-width: 32px !important;
  text-align: center !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: rgba(88, 101, 242, 0.2) !important;
  color: #ffffff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border-color: rgb(88, 101, 242) !important;
}

/* Sale badge */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
  background: rgb(237, 66, 69) !important;
  color: #ffffff !important;
  font-size:15px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  min-height: auto !important;
  line-height: 1.4 !important;
}

/* Out of stock badge */
.woocommerce ul.products li.product .outofstock {
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size:15px !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}

/* Add to cart button on shop */
.woocommerce ul.products li.product .button,
.woocommerce a.add_to_cart_button,
.woocommerce a.product_type_simple {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-size:15px !important;
  font-weight: 600 !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce a.product_type_simple:hover {
  background: rgb(104, 113, 247) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px -4px rgba(88, 101, 242, 0.4) !important;
}
.woocommerce a.add_to_cart_button.added {
  background: rgb(76, 209, 130) !important;
}
.woocommerce a.add_to_cart_button.loading {
  opacity: 0.7 !important;
  pointer-events: none !important;
}

/* Product image on shop: make sure dark bg */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-loop-product__link img {
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* WC form-row labels (universal) — make brighter */
.woocommerce form .form-row label,
.woocommerce-account form .form-row label,
.woocommerce form .form-row .required {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 500 !important;
  font-size:15px !important;
  line-height: 1.4 !important;
  margin-bottom: 6px !important;
}
.woocommerce form .form-row label .required,
.woocommerce form .form-row .required {
  color: rgb(237, 66, 69) !important;
  font-weight: 700 !important;
  border: 0 !important;
  text-decoration: none !important;
  margin-left: 2px !important;
}

/* WC form inputs — dark + readable */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row select,
.woocommerce form .form-row input[type="text"],
.woocommerce form .form-row input[type="email"],
.woocommerce form .form-row input[type="tel"],
.woocommerce form .form-row input[type="password"],
.woocommerce-account input.input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  min-height: 40px !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-account input.input-text:focus,
.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus {
  border-color: rgb(88, 101, 242) !important;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.2) !important;
  outline: none !important;
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce-account input.input-text::placeholder,
.woocommerce-account input[type="text"]::placeholder,
.woocommerce-account input[type="email"]::placeholder,
.woocommerce-account input[type="password"]::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
.woocommerce form .form-row select,
.woocommerce-account form .form-row select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a8b0d0' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px !important;
  padding-right: 30px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
}
.woocommerce form .form-row select option,
.woocommerce-account form .form-row select option {
  background: rgb(20, 22, 60) !important;
  color: #ffffff !important;
}

/* WC textarea (order notes) */
.woocommerce form .form-row textarea {
  min-height: 80px !important;
  resize: vertical !important;
}

/* WC input checkboxes / radios */
.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"],
.woocommerce-account input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: rgb(88, 101, 242) !important;
  cursor: pointer !important;
}
.woocommerce form .form-row label.checkbox,
.woocommerce form .form-row .woocommerce-form__label-for-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size:15px !important;
}

/* Login / Register form on my-account */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-form-register {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
}
.woocommerce form.login h2,
.woocommerce form.register h2 {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(88, 101, 242, 0.2) !important;
}

/* Login / Register submit buttons: Discord style (was bright blue) */
.woocommerce form.login button.button,
.woocommerce form.register button.button,
.woocommerce form.woocommerce-form-login button.button,
.woocommerce form.woocommerce-form-register button.button,
.woocommerce button.woocommerce-form-login__submit,
.woocommerce button.woocommerce-form-register__submit,
.woocommerce button[name="login"],
.woocommerce button[name="register"] {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 11px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  letter-spacing: 0.01em !important;
}
.woocommerce form.login button.button:hover,
.woocommerce form.register button.button:hover,
.woocommerce form.woocommerce-form-login button.button:hover,
.woocommerce form.woocommerce-form-register button.button:hover,
.woocommerce button.woocommerce-form-login__submit:hover,
.woocommerce button.woocommerce-form-register__submit:hover {
  background: rgb(104, 113, 247) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px -4px rgba(88, 101, 242, 0.4) !important;
}

/* Lost password link */
.woocommerce form.login .lost_password a,
.woocommerce-LostPassword a {
  color: rgb(139, 149, 255) !important;
  font-size:15px !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.woocommerce form.login .lost_password a:hover,
.woocommerce-LostPassword a:hover {
  color: rgb(165, 173, 255) !important;
  text-decoration: underline !important;
}

/* My-account nav (left sidebar) */
.woocommerce-MyAccount-navigation {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  margin-bottom: 24px !important;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul li {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul li a {
  color: rgba(255, 255, 255, 0.75) !important;
  display: block !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  text-decoration: none !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(88, 101, 242, 0.15) !important;
  color: #ffffff !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.current a {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* My-account dashboard content (orders table etc) */
.woocommerce-MyAccount-content {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(88, 101, 242, 0.15) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content .woocommerce-info {
  color: rgba(255, 255, 255, 0.8) !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table th,
.woocommerce-MyAccount-content table.my_account_orders th {
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 600 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table td,
.woocommerce-MyAccount-content table.my_account_orders td {
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.woocommerce-MyAccount-content .button {
  background: rgba(88, 101, 242, 0.15) !important;
  color: rgb(139, 149, 255) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  padding: 6px 12px !important;
  font-size:14px !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
}
.woocommerce-MyAccount-content .button:hover {
  background: rgba(88, 101, 242, 0.25) !important;
  color: #ffffff !important;
}

/* Address card (my-account addresses) */
.woocommerce-Address {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(88, 101, 242, 0.15) !important;
  border-radius: 12px !important;
  padding: 20px !important;
}
.woocommerce-Address header h3 {
  color: #ffffff !important;
  font-size: 16px !important;
  margin: 0 0 12px 0 !important;
}
.woocommerce-Address address {
  color: rgba(255, 255, 255, 0.75) !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}

/* Cart page: items table — make product name + price brighter */
.woocommerce-cart .shop_table .product-name a,
.woocommerce-checkout .shop_table .product-name a,
.woocommerce table.shop_table .product-name {
  color: rgb(139, 149, 255) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}
.woocommerce-cart .shop_table .product-name a:hover,
.woocommerce-checkout .shop_table .product-name a:hover {
  color: #ffffff !important;
}
.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-subtotal,
.woocommerce-cart table.shop_table .amount,
.woocommerce-checkout table.shop_table .amount,
.woocommerce-cart .cart_totals .amount,
.woocommerce-checkout .cart_totals .amount {
  color: rgb(76, 209, 130) !important;
  font-weight: 700 !important;
}

/* Cart quantity input */
.woocommerce .quantity .qty,
.woocommerce-cart .quantity .qty {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
  width: 60px !important;
  min-height: 36px !important;
  text-align: center !important;
}
.woocommerce .quantity .qty:focus {
  border-color: rgb(88, 101, 242) !important;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.2) !important;
  outline: none !important;
}

/* Remove item (× icon) on cart */
.woocommerce table.shop_table .product-remove a {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 22px !important;
  border-radius: 4px !important;
  text-align: center !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}
.woocommerce table.shop_table .product-remove a:hover {
  color: #ffffff !important;
  background: rgba(237, 66, 69, 0.2) !important;
}

/* Cart totals */
.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-checkout .cart-collaterals .cart_totals h2,
.woocommerce .cart_totals > h2,
.woocommerce .cart_totals h2,
.woocommerce-checkout #order_review_heading {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 0 12px 0 !important;
  border-bottom: 1px solid rgba(88, 101, 242, 0.2) !important;
  background: transparent !important;
  background-color: transparent !important;
  text-align: left !important;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 14px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.woocommerce .cart_totals table th {
  font-weight: 500 !important;
  text-align: left !important;
}
.woocommerce .cart_totals table td {
  text-align: right !important;
}
.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td {
  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(88, 101, 242, 0.3) !important;
}
.woocommerce .cart_totals .order-total td .amount {
  color: rgb(76, 209, 130) !important;
  font-size: 18px !important;
}

/* Proceed to checkout button (primary) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .cart-collaterals .checkout-button,
a.checkout-button {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  margin-top: 16px !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  letter-spacing: 0.01em !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .cart-collaterals .checkout-button:hover,
a.checkout-button:hover {
  background: rgb(104, 113, 247) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 28px -4px rgba(88, 101, 242, 0.4) !important;
}

/* Update cart + Apply coupon buttons (secondary) */
.woocommerce button.button[name="update_cart"],
.woocommerce-cart .actions button[type="submit"],
.woocommerce button[name="apply_coupon"] {
  background: rgba(88, 101, 242, 0.15) !important;
  color: rgb(139, 149, 255) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
  font-size:15px !important;
  font-weight: 600 !important;
}
.woocommerce button.button[name="update_cart"]:hover,
.woocommerce-cart .actions button[type="submit"]:hover,
.woocommerce button[name="apply_coupon"]:hover {
  background: rgba(88, 101, 242, 0.25) !important;
  color: #ffffff !important;
}

/* Coupon input */
.woocommerce-cart .coupon input.input-text {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  min-height: 40px !important;
  width: 180px !important;
}
.woocommerce-cart .coupon input.input-text::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
.woocommerce-cart .coupon {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 0 !important;
}

/* Notices: cart-empty, success, error */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews {
  background: rgba(15, 18, 60, 0.5) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  border-left: 3px solid rgb(88, 101, 242) !important;
}
.woocommerce-message {
  border-left-color: rgb(76, 209, 130) !important;
  background: rgba(76, 209, 130, 0.08) !important;
}
.woocommerce-error {
  border-left-color: rgb(237, 66, 69) !important;
  background: rgba(237, 66, 69, 0.08) !important;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
  color: rgb(88, 101, 242) !important;
  font-size: 18px !important;
  top: 16px !important;
  left: 18px !important;
}
.woocommerce-message::before {
  color: rgb(76, 209, 130) !important;
}
.woocommerce-error::before {
  color: rgb(237, 66, 69) !important;
}

/* Login/Register prompt links in checkout */
.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .login a,
.woocommerce-info a {
  color: rgb(139, 149, 255) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.woocommerce-checkout .woocommerce-info a:hover,
.woocommerce-checkout .login a:hover,
.woocommerce-info a:hover {
  color: rgb(165, 173, 255) !important;
  text-decoration: underline !important;
}

/* Order review (checkout) */
.woocommerce-checkout #payment {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 12px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 20px !important;
}
.woocommerce-checkout #payment .payment_methods {
  padding: 0 !important;
  border: 0 !important;
}
.woocommerce-checkout #payment .payment_methods li {
  border-color: rgba(88, 101, 242, 0.15) !important;
  padding: 10px 0 !important;
}
.woocommerce-checkout #payment .payment_methods label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500 !important;
}
.woocommerce-checkout #payment .payment_box {
  background: rgba(0, 0, 0, 0.3) !important;
  color: rgba(255, 255, 255, 0.75) !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  font-size:15px !important;
  margin: 6px 0 0 0 !important;
}
.woocommerce-checkout #payment .payment_box::before {
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
}
.woocommerce-checkout #payment .place-order {
  padding: 16px 0 0 0 !important;
}
.woocommerce-checkout #payment #place_order {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}
.woocommerce-checkout #payment #place_order:hover {
  background: rgb(104, 113, 247) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 28px -4px rgba(88, 101, 242, 0.4) !important;
}

/* Privacy / terms checkboxes in checkout */
.woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size:15px !important;
  background: transparent !important;
  padding: 12px 0 !important;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
  color: rgb(139, 149, 255) !important;
}

/* Stars (rating) */
.woocommerce .star-rating {
  color: #f5b400 !important;
}

/* Reviews / tab content */
.woocommerce-Tabs-panel,
.woocommerce-tabs .panel {
  background: rgba(15, 18, 60, 0.3) !important;
  border: 1px solid rgba(88, 101, 242, 0.15) !important;
  border-radius: 8px !important;
  padding: 20px !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.woocommerce-tabs .tabs li a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
}
.woocommerce-tabs .tabs li.active a {
  color: rgb(139, 149, 255) !important;
  border-bottom-color: rgb(88, 101, 242) !important;
}

/* Single product page */
.woocommerce div.product {
  color: rgba(255, 255, 255, 0.85) !important;
}
.woocommerce div.product .product_title {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  margin: 0 0 12px 0 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: rgb(76, 209, 130) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}
.woocommerce div.product .woocommerce-product-details__short-description {
  color: rgba(255, 255, 255, 0.8) !important;
  line-height: 1.6 !important;
  margin: 16px 0 !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: rgb(104, 113, 247) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 28px -4px rgba(88, 101, 242, 0.4) !important;
}

/* Form-row spacing (compact) */
.woocommerce form .form-row {
  margin-bottom: 14px !important;
  padding: 0 !important;
}
.woocommerce form .form-row-wide,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
  padding: 0 8px !important;
  margin-bottom: 14px !important;
}
.woocommerce form .form-row-first {
  padding-left: 0 !important;
}
.woocommerce form .form-row-last {
  padding-right: 0 !important;
}

/* Empty cart message */
.woocommerce-cart .wc-empty-cart-message,
.woocommerce .cart-empty {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 12px !important;
  padding: 32px 24px !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 15px !important;
}
.woocommerce-cart .return-to-shop {
  margin-top: 20px !important;
  text-align: center !important;
}
.woocommerce-cart .return-to-shop a.button {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 11px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.woocommerce-cart .return-to-shop a.button:hover {
  background: rgb(104, 113, 247) !important;
}

/* Login page white background fix (was bright white from .ast-container) */
.woocommerce-account.woocommerce-page .ast-container,
.woocommerce-account .site-content,
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce .site-content {
  background: transparent !important;
}

/* Body padding under transparent header */
.woocommerce-account .site-header + .site-content,
.woocommerce-cart .site-header + .site-content,
.woocommerce-checkout .site-header + .site-content {
  padding-top: 0 !important;
}

/* WC responsive — 768px */
@media (max-width: 768px) {
  .woocommerce h1,
  .woocommerce h1.page-title,
  .woocommerce-products-header__title,
  .woocommerce-account h1 {
    font-size: 24px !important;
    margin-bottom: 20px !important;
  }
  .woocommerce h2 {
    font-size: 18px !important;
  }
  .woocommerce h3 {
    font-size: 16px !important;
  }
  .woocommerce form.login,
  .woocommerce form.register,
  .woocommerce form.woocommerce-form-login,
  .woocommerce form.woocommerce-form-register {
    padding: 20px !important;
  }
  .woocommerce table.shop_table th,
  .woocommerce table.shop_table td {
    padding: 10px 8px !important;
    font-size:15px !important;
  }
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row select,
  .woocommerce-account input.input-text {
    padding: 9px 10px !important;
    font-size: 14px !important;
  }
  .woocommerce-cart .coupon input.input-text {
    width: 100% !important;
  }
  .woocommerce-cart .coupon {
    flex-wrap: wrap !important;
  }
}

/* WC responsive — 480px */
@media (max-width: 480px) {
  .woocommerce ul.products li.product,
  .woocommerce .products .product {
    padding: 12px !important;
  }
  .woocommerce form.login,
  .woocommerce form.register {
    padding: 16px !important;
  }
  .woocommerce-MyAccount-content {
    padding: 16px !important;
  }
}
/* ============================================================
   P22 #3 v2 — Select2 + remaining fixes (追加在 27373 末尾)
   ============================================================ */

/* Select2 dark theme (used by WC country/state selects) */
.select2-container .select2-selection--single {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  height: 40px !important;
  padding: 6px 12px !important;
  display: flex !important;
  align-items: center !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  padding-left: 0 !important;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 38px !important;
  width: 24px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #a8b0d0 transparent transparent transparent !important;
  border-width: 5px 4px 0 4px !important;
  margin-left: -4px !important;
  margin-top: -2px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #a8b0d0 transparent !important;
  border-width: 0 4px 5px 4px !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: rgb(88, 101, 242) !important;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.2) !important;
  outline: none !important;
}
.select2-container--default .select2-results > .select2-results__options {
  background: rgb(20, 22, 60) !important;
  color: #ffffff !important;
  max-height: 240px !important;
  border-radius: 0 0 6px 6px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(88, 101, 242, 0.3) !important;
  color: #ffffff !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background: rgba(0, 0, 0, 0.3) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
}
.select2-dropdown {
  background: rgb(20, 22, 60) !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}
.select2-container--default .select2-results__option {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
}

/* Fix login/register form: WC has "show password" button as bright blue */
.woocommerce form.login .show-password-input,
.woocommerce form.register .show-password-input {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 4px !important;
  cursor: pointer !important;
}
.woocommerce form.login .show-password-input::after,
.woocommerce form.register .show-password-input::after {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 14px !important;
}

/* Make form-row input have position relative for show-password positioning */
.woocommerce form .form-row.woocommerce-validated,
.woocommerce form .form-row {
  position: relative !important;
}

/* WC input: show password visibility icon area */
.woocommerce form.login input[type="password"],
.woocommerce form.register input[type="password"] {
  padding-right: 40px !important;
}

/* Login/register form: remove the extra blue "Generate password" button styling */
.woocommerce-ResetPassword button,
.woocommerce-LostPassword button {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Checkout: order review table (right column) */
.woocommerce-checkout .shop_table {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(88, 101, 242, 0.15) !important;
  border-radius: 12px !important;
}
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}
.woocommerce-checkout .shop_table th {
  color: #ffffff !important;
  font-weight: 600 !important;
  background: rgba(88, 101, 242, 0.1) !important;
}
.woocommerce-checkout .shop_table tfoot th {
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  font-weight: 500 !important;
}
.woocommerce-checkout .shop_table tfoot tr.order-total th,
.woocommerce-checkout .shop_table tfoot tr.order-total td {
  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(88, 101, 242, 0.3) !important;
}

/* Empty cart page styling */
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart .woocommerce-info.cart-empty {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-left: 3px solid rgb(88, 101, 242) !important;
  border-radius: 12px !important;
  padding: 32px 24px !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
}
.woocommerce-cart .cart-empty.woocommerce-info::before {
  display: none !important;
}

/* Form-row first/last: column on desktop, full on mobile */
@media (min-width: 769px) {
  .woocommerce form .form-row.form-row-first {
    width: 48% !important;
    float: left !important;
  }
  .woocommerce form .form-row.form-row-last {
    width: 48% !important;
    float: right !important;
  }
  .woocommerce form .form-row.form-row-wide {
    width: 100% !important;
    clear: both !important;
  }
}
/* ============================================================
   P23 — LearnDash focus mode header/footer styles
   Minimal Discord-style chrome
   ============================================================ */
.dc-ld-injected-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: rgba(13, 14, 58, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(88, 101, 242, 0.2);
  display: flex;
  align-items: center;
  padding: 12px 24px;
  gap: 24px;
  font-family: var(--f-body, "Inter", "PingFang SC", sans-serif);
}
.dc-ld-injected-header .dc-ld-logo {
  color: #ffffff;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-decoration: none;
  flex-shrink: 0;
}
.dc-ld-injected-header .dc-ld-logo::before {
  content: "●";
  color: rgb(76, 209, 130);
  margin-right: 6px;
  font-size:15px;
}
.dc-ld-injected-header .dc-ld-nav {
  display: flex;
  gap: 18px;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
}
.dc-ld-injected-header .dc-ld-nav a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-size:15px;
  font-weight: 500;
  padding: 4px 0;
  transition: color 0.15s ease;
}
.dc-ld-injected-header .dc-ld-nav a:hover {
  color: rgb(139, 149, 255);
}
.dc-ld-injected-header .dc-ld-exit {
  color: rgb(139, 149, 255);
  text-decoration: none;
  font-size:14px;
  font-weight: 500;
  padding: 6px 12px;
  border: 1px solid rgba(88, 101, 242, 0.3);
  border-radius: 6px;
  transition: background 0.15s ease, color 0.15s ease;
  flex-shrink: 0;
}
.dc-ld-injected-header .dc-ld-exit:hover {
  background: rgba(88, 101, 242, 0.15);
  color: #ffffff;
}
.dc-ld-spacer {
  height: 60px;
}

.dc-ld-injected-footer {
  background: rgb(13, 14, 58);
  border-top: 1px solid rgba(88, 101, 242, 0.15);
  padding: 40px 24px 20px;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--f-body, "Inter", "PingFang SC", sans-serif);
  margin-top: 60px;
}
.dc-ld-injected-footer .dc-ld-footer-inner {
  max-width: 1200px;
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 48px;
}
.dc-ld-injected-footer .dc-ld-footer-brand strong {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  margin-left: 6px;
}
.dc-ld-injected-footer .dc-ld-footer-brand .dc-ld-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: rgb(76, 209, 130);
  border-radius: 50%;
  vertical-align: middle;
}
.dc-ld-injected-footer .dc-ld-footer-brand p {
  margin-top: 12px;
  font-size:15px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.55);
  max-width: 320px;
}
.dc-ld-injected-footer .dc-ld-footer-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.dc-ld-injected-footer .dc-ld-footer-cols h5 {
  color: rgb(139, 149, 255);
  font-size:14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.dc-ld-injected-footer .dc-ld-footer-cols a {
  display: block;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  font-size:15px;
  line-height: 1.4;
  padding: 4px 0;
  transition: color 0.15s ease;
}
.dc-ld-injected-footer .dc-ld-footer-cols a:hover {
  color: rgb(139, 149, 255);
}
.dc-ld-injected-footer .dc-ld-footer-bottom {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size:14px;
  color: rgba(255, 255, 255, 0.4);
  flex-wrap: wrap;
  gap: 12px;
}
.dc-ld-injected-footer .dc-ld-footer-legal a {
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  margin: 0 4px;
  transition: color 0.15s ease;
}
.dc-ld-injected-footer .dc-ld-footer-legal a:hover {
  color: rgb(139, 149, 255);
}

@media (max-width: 768px) {
  .dc-ld-injected-header {
    padding: 10px 16px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .dc-ld-injected-header .dc-ld-nav {
    gap: 12px;
    font-size:14px;
  }
  .dc-ld-injected-header .dc-ld-nav a {
    font-size:14px;
  }
  .dc-ld-injected-footer .dc-ld-footer-inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .dc-ld-injected-footer .dc-ld-footer-cols {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .dc-ld-injected-footer .dc-ld-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}



/* ============================================================
   P24 v3 — Logo position consistency (ALL pages, beats Elementor inline)
   4-layer override: CSS max specificity + inline !important via JS
   ============================================================ */

/* --- Logo IMAGE: 28px tall, consistent on every page --- */
html body .custom-logo,
html body header .custom-logo,
html body .ast-site-identity .custom-logo,
html body .site-logo-img,
html body header .site-logo-img,
html body img.custom-logo,
html body a.custom-logo,
html body .site-title a img,
html body .site-logo-img:not([src$=".svg"]) {
  max-height: 28px !important;
  height: 28px !important;
  width: auto !important;
  max-width: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: brightness(0) invert(1) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transition: transform 0.25s ease, opacity 0.25s ease !important;
  position: relative !important;
  z-index: 1 !important;
}
html body .custom-logo:hover,
html body header .custom-logo:hover,
html body .ast-site-identity .custom-logo:hover {
  opacity: 0.85 !important;
  transform: scale(1.02) !important;
}

/* --- Site-title fallback text --- */
html body .site-title,
html body .site-title a,
html body .site-title a:visited {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  color: #fff !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
}
html body .site-title a:hover { color: #35ed7e !important; }

/* --- Green pip on identity (visible on all pages) --- */
html body .ast-site-identity {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 14px !important;
  margin: 0 !important;
  min-height: 28px !important;
  line-height: 1 !important;
}
html body .ast-site-identity::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  background: #35ed7e !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 6px rgba(53, 237, 126, 0.6) !important;
  margin: 0 !important;
  display: block !important;
}

/* --- Brand wrapper: minimal styling --- */
html body .site-branding {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 28px !important;
}

/* --- Main header bar: kill all padding (higher specificity) --- */
html body .main-header-bar,
html body .main-header-bar-wrap,
html body .ast-main-header-bar-alignment,
html body .ast-header-break-point .main-header-bar,
html body .ast-header-custom-item-inside .main-header-bar,
html body .ast-theme-transparent-header .main-header-bar,
html body .ast-full-width-primary-header .main-header-bar,
html body .ast-merged-headers .main-header-bar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* --- Main header container: center alignment + zero padding --- */
html body .main-header-container,
html body .ast-flex.main-header-container,
html body .ast-header-break-point .main-header-container {
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* --- AST transparent header override --- */
html body .ast-theme-transparent-header .main-header-bar {
  border-bottom: 1px solid rgba(88, 101, 242, 0.1) !important;
}

/* --- Mobile override: smaller logo, same alignment --- */
@media (max-width: 921px) {
  html body .custom-logo,
  html body header .custom-logo,
  html body .ast-site-identity .custom-logo,
  html body .site-logo-img,
  html body header .site-logo-img,
  html body img.custom-logo {
    max-height: 24px !important;
    height: 24px !important;
  }
  html body .site-title,
  html body .site-title a {
    font-size: 15px !important;
    height: 24px !important;
  }
  html body .ast-site-identity {
    min-height: 24px !important;
  }
  html body .main-header-container,
  html body .ast-flex.main-header-container {
    padding: 0 16px !important;
  }
}


/* ============================================================
   P25 v5 — Section head row: fix horizontal empty space
   Root cause: left div has `flex: 1 1 auto` so it stretches to fill
   Solution: shrink-to-fit + smaller h2 + center-align button
   ============================================================ */

/* --- Section head row layout --- */
html body .dc-section-head-row,
html body .dc-section-head-row.dc-section-head-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

/* Left text block: shrink to content (was flex: 1 1 auto = full width) */
html body .dc-section-head-row > div:first-child {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 720px !important;
}

/* Right action button: stay at natural size, push to right */
html body .dc-section-head-row > a,
html body .dc-section-head-row > .dc-btn,
html body .dc-section-head-row > .dc-section-head-action {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

/* h2: smaller, no full-width stretch */
html body .dc-section-head-row .dc-section-h,
html body .dc-section-h {
  font-size: 26px !important;       /* was inline 32px, reduced */
  line-height: 1.2 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 720px !important;
  letter-spacing: -0.01em !important;
}

/* Eyebrow (small label) — tighter spacing */
html body .dc-section-head-row .dc-section-eyebrow {
  font-size:14px !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.06em !important;
}

/* Sections without right button: title stays left, no stretch */
html body .dc-section-head-row:only-child,
html body .dc-section-head-row > div:only-child {
  flex: 0 1 auto !important;
}

/* --- Mobile override: stack vertically --- */
@media (max-width: 921px) {
  html body .dc-section-head-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  html body .dc-section-head-row > a,
  html body .dc-section-head-row > .dc-btn {
    margin-left: 0 !important;
  }
  html body .dc-section-head-row .dc-section-h {
    font-size: 22px !important;
  }
}

/* P25 v10: collapse section h2 <br> to single line */
.dc-section-h br { display: none !important; }

/* ============================================================
   P25 v12 — Newsletter text contrast + compact layout
   - Override inline color on newsletter description (was rgba(0,0,0,0.75) on dark bg)
   - Kill space-between so button sits right after text (no big empty gap)
   ============================================================ */
.cta-card .dc-recent-body p {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 15px !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  line-height: 1.55 !important;
}
.cta-card .dc-recent-body {
  justify-content: flex-start !important;
  gap: 20px !important;
  padding: 24px !important;
}
.cta-card .dc-recent-body > a.dc-btn {
  align-self: flex-start !important;
  margin-top: 4px !important;
}
.cta-card {
  min-height: 0 !important;
  height: auto !important;
}
.cta-card .dc-recent-h {
  margin: 0 !important;
}
/* v12b: stop newsletter card from stretching in grid */
.cta-card {
  align-self: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
}
.dc-recent-card.cta-card {
  align-self: flex-start !important;
}

.cta-card .dc-recent-h br {
  display: none !important;
}/* ============================================================
   P25 v13 — Image hover redesign v2 (image-friendly)
   Previous v12 used a blue→green gradient overlay that washed out image detail.
   New design:
   - Kill the gradient overlay (was covering image info)
   - Keep subtle scale + brightness on image (movement feedback)
   - Add small "→" pill at top-right of image, fades in from right
   - Pill uses dark backdrop + blur, takes ~10% of image area
   - Supports BOTH .elementor-post (msel/archive) AND .elementor-post__card (widgets)
   ============================================================ */
/* Kill theme's 115% height zoom-in */
.elementor-posts__hover-zoom-in .elementor-post__card:hover .elementor-post__thumbnail.elementor-fit-height img,
.elementor-posts__hover-zoom-in .elementor-post:hover .elementor-post__thumbnail.elementor-fit-height img {
  height: 100% !important;
}
/* Subtle image feedback on hover */
.elementor-post__card:hover .elementor-post__thumbnail img,
.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.04) !important;
  filter: brightness(1.08) saturate(1.15) !important;
}
/* Thumbnail needs position:relative for the ::after pill */
.elementor-post__card .elementor-post__thumbnail,
.elementor-post .elementor-post__thumbnail {
  position: relative !important;
  overflow: hidden !important;
}
/* Small "→" pill at top-right, hidden at rest, slides in on hover */
.elementor-post__card .elementor-post__thumbnail::after,
.elementor-post .elementor-post__thumbnail::after {
  content: '→' !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  opacity: 0 !important;
  transform: translateX(8px) scale(0.9) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.elementor-post__card:hover .elementor-post__thumbnail::after,
.elementor-post:hover .elementor-post__thumbnail::after {
  opacity: 1 !important;
  transform: translateX(0) scale(1) !important;
}


/* === P25 v21: Replace image slide-in hover with static + purple overlay === */
/* Disable elementor-fit-height pan/zoom on hover */
.elementor-fit-height img,
.elementor-post__thumbnail img {
  transform: none !important;
  transition: none !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  position: absolute !important;
}
.elementor-post__thumbnail {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}
/* Purple gradient overlay on hover (replaces sliding arrow) */
.elementor-post__thumbnail::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(121,131,255,0.55) 0%, rgba(10,13,58,0.7) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.elementor-post:hover .elementor-post__thumbnail::after {
  opacity: 1 !important;
}
/* Center arrow circle on hover */
.elementor-post__thumbnail__link::before {
  content: '→' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0.6) !important;
  width: 56px !important;
  height: 56px !important;
  background: rgba(255,255,255,0.95) !important;
  color: rgb(10,13,58) !important;
  border-radius: 50% !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  z-index: 3 !important;
  pointer-events: none !important;
}
.elementor-post:hover .elementor-post__thumbnail__link::before {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}
/* Title color on hover */
.elementor-post__title a {
  transition: color 0.3s ease !important;
}
.elementor-post:hover .elementor-post__title a {
  color: rgb(121,131,255) !important;
}


/* ============================================================
   P25 v22: CLEAN card hover - no image movement whatsoever
   Replaces v21 (which had the arrow circle + overlay that user
   still saw panning from elementor-fit-height).
   Now: image is COMPLETELY static, card lifts subtly, border glows.
   ============================================================ */

/* 1. Kill ALL image transforms/animations/pan on post cards.
      !important + multiple selectors to win against elementor-fit-height. */
.elementor-fit-height img,
.elementor-post__thumbnail img,
.elementor-post__thumbnail a img,
.elementor-post img {
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  animation: none !important;
  object-fit: cover !important;
  inset: auto !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
}

/* 2. Remove v21 arrow circle (centered) */
.elementor-post__thumbnail__link::before,
.elementor-post__thumbnail a::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: none !important;
}

/* 3. Remove v21 purple gradient overlay */
.elementor-post__thumbnail::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* 4. CARD: subtle lift + purple border glow + background tint on hover */
.elementor-post {
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background-color: transparent !important;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    background-color 0.35s ease,
    box-shadow 0.35s ease !important;
  overflow: hidden !important;
}

.elementor-post:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(121, 131, 255, 0.5) !important;
  background-color: rgba(121, 131, 255, 0.04) !important;
  box-shadow:
    0 12px 32px rgba(121, 131, 255, 0.15),
    0 0 0 1px rgba(121, 131, 255, 0.2) !important;
}

/* 5. Title: color changes to purple on hover */
.elementor-post__title a {
  transition: color 0.3s ease !important;
  color: rgba(255, 255, 255, 0.95) !important;
}
.elementor-post:hover .elementor-post__title a {
  color: rgb(121, 131, 255) !important;
}

/* 6. Read More link: color + slight slide on hover */
.elementor-post__read-more {
  transition: color 0.3s ease, transform 0.3s ease !important;
}
.elementor-post:hover .elementor-post__read-more {
  color: rgb(121, 131, 255) !important;
  transform: translateX(4px) !important;
}


/* ============================================================
   P25 v22.1: Surgical overrides for remaining v21/elementor rules
   The base v22 rules had lower specificity than:
     - .elementor-post .elementor-post__thumbnail::after { content: "→" !important; }
     - .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.04) !important; }
   These match specificity exactly and come later in source = WIN.
   ============================================================ */

/* Kill the top-left arrow on ::after of .elementor-post__thumbnail.
   Must match specificity of .elementor-post .elementor-post__thumbnail::after
   AND cover the :hover variant. */
.elementor-post .elementor-post__thumbnail::after,
.elementor-post:hover .elementor-post__thumbnail::after,
.elementor-post__card .elementor-post__thumbnail::after,
.elementor-post__card:hover .elementor-post__thumbnail::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  transform: none !important;
  width: 0 !important;
  height: 0 !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Kill image scale on hover.
   Must match specificity of .elementor-post__card:hover .elementor-post__thumbnail img
   AND .elementor-post:hover .elementor-post__thumbnail img. */
.elementor-post .elementor-post__thumbnail img,
.elementor-post:hover .elementor-post__thumbnail img,
.elementor-post__card .elementor-post__thumbnail img,
.elementor-post__card:hover .elementor-post__thumbnail img,
body.archive .elementor-post__card:hover .elementor-post__thumbnail img {
  transform: none !important;
  -webkit-transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* Also kill the base position transform (no !important but for safety) */
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
  transform: none !important;
}


/* ============================================================
   P25 v23: Distributor article featured section on home page
   Discord design language, 2-column: text + image card
   ============================================================ */

#dc-distributor.dc-distributor {
  background: linear-gradient(135deg, #0a0d3a 0%, #14164a 50%, #0a0d3a 100%) !important;
  padding: 0 0 80px !important;
  position: relative;
  overflow: hidden;
}
#dc-distributor.dc-distributor::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(ellipse at 80% 30%, rgba(121, 131, 255, 0.12) 0%, transparent 50%),
              radial-gradient(ellipse at 20% 80%, rgba(121, 131, 255, 0.08) 0%, transparent 50%);
  pointer-events: none;
}
#dc-distributor.dc-distributor > .elementor-container,
#dc-distributor.dc-distributor .elementor-row {
  align-items: center !important;
}

/* Tag */
.dc-distr-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(121, 131, 255, 0.12);
  border: 1px solid rgba(121, 131, 255, 0.3);
  border-radius: 100px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: rgb(121, 131, 255);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.dc-distr-tag .dot {
  width: 8px; height: 8px;
  background: rgb(121, 131, 255);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(121, 131, 255, 0.6);
  animation: distr-pulse 2s ease-in-out infinite;
}
@keyframes distr-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.2); }
}

/* Title */
.dc-distr-title {
  font-family: 'Inter', sans-serif;
  font-size: 48px !important;
  font-weight: 800;
  line-height: 1.15;
  color: #ffffff;
  margin: 0 0 24px 0 !important;
  letter-spacing: -0.02em;
}
.dc-distr-title .accent {
  background: linear-gradient(135deg, rgb(121, 131, 255) 0%, #b3b8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Deck */
.dc-distr-deck {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 16px 0 !important;
}
.dc-distr-deck2 {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 32px 0 !important;
}

/* Actions */
.dc-distr-actions {
  display: flex;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.dc-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
}
.dc-btn-primary {
  background: rgb(121, 131, 255) !important;
  color: #ffffff !important;
  border: 1px solid rgb(121, 131, 255) !important;
}
.dc-btn-primary:hover {
  background: rgb(141, 151, 255) !important;
  border-color: rgb(141, 151, 255) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(121, 131, 255, 0.3);
}
.dc-btn-ghost {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.dc-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-2px);
}

/* Stats */
.dc-distr-stats {
  display: flex;
  gap: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.dc-distr-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dc-distr-stat-v {
  font-family: 'Inter', sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -0.02em;
}
.dc-distr-stat-v .unit {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 2px;
}
.dc-distr-stat-l {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.02em;
}

/* Card (right column) */
.dc-distr-card {
  display: block !important;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none !important;
  border: 1px solid rgba(121, 131, 255, 0.2);
  background: rgba(10, 13, 58, 0.5);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.dc-distr-card:hover {
  transform: translateY(-4px);
  border-color: rgba(121, 131, 255, 0.5);
  box-shadow: 0 20px 60px rgba(121, 131, 255, 0.2);
}
.dc-distr-card-tag {
  position: absolute;
  top: 16px; left: 16px;
  z-index: 2;
  padding: 6px 12px;
  background: rgba(10, 13, 58, 0.7);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(121, 131, 255, 0.3);
  border-radius: 100px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: rgb(121, 131, 255);
  letter-spacing: 0.03em;
}
.dc-distr-img {
  display: block;
  width: 100% !important;
  height: auto !important;
  border-radius: 20px;
  transition: transform 0.5s ease;
}
.dc-distr-card:hover .dc-distr-img {
  transform: scale(1.03);
}
.dc-distr-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(121, 131, 255, 0.0) 0%, rgba(10, 13, 58, 0.4) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 20px;
  pointer-events: none;
}
.dc-distr-card:hover .dc-distr-card-overlay {
  opacity: 1;
}
.dc-distr-card-arrow {
  width: 48px; height: 48px;
  background: rgba(255, 255, 255, 0.95);
  color: rgb(10, 13, 58);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  transform: translateX(-10px);
  transition: transform 0.3s ease;
}
.dc-distr-card:hover .dc-distr-card-arrow {
  transform: translateX(0);
}

/* Responsive */
@media (max-width: 1024px) {
  .dc-distr-title { font-size: 36px !important; }
  .dc-distr-stats { gap: 20px; }
}
@media (max-width: 767px) {
  #dc-distributor.dc-distributor .elementor-row { flex-direction: column; }
  #dc-distributor.dc-distributor .elementor-column { width: 100% !important; }
  .dc-distr-title { font-size: 30px !important; }
  .dc-distr-stats { flex-wrap: wrap; gap: 16px; }
  .dc-distr-stat-v { font-size: 24px; }
}


/* ============================================================
   P25 v23: Distributor article card in hero (replaces SDG)
   Now the right column shows: Distributor (top, primary) + SDG (bottom, secondary)
   ============================================================ */

.dc-hero-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.dc-distr-card-main {
  background: linear-gradient(135deg, rgba(121, 131, 255, 0.15) 0%, rgba(10, 13, 58, 0.4) 100%) !important;
  border: 1px solid rgba(121, 131, 255, 0.35) !important;
  text-decoration: none !important;
  display: block !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
}
.dc-distr-card-main:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(121, 131, 255, 0.6) !important;
  box-shadow: 0 16px 48px rgba(121, 131, 255, 0.25) !important;
}
.dc-distr-card-title {
  font-family: 'Inter', sans-serif;
  font-size: 22px !important;
  font-weight: 800;
  line-height: 1.25;
  color: #ffffff;
  margin: 12px 0 16px 0 !important;
  letter-spacing: -0.01em;
}
.dc-distr-card-title .accent {
  background: linear-gradient(135deg, rgb(121, 131, 255) 0%, #b3b8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dc-distr-card-img {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
  position: relative;
  background: rgba(10, 13, 58, 0.5);
  aspect-ratio: 16/9;
}
.dc-distr-card-img img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px;
  transition: transform 0.5s ease;
}
.dc-distr-card-main:hover .dc-distr-card-img img {
  transform: scale(1.05);
}
.dc-distr-card-cta {
  display: inline-flex;
  align-items: center;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: rgb(121, 131, 255);
  transition: transform 0.3s ease;
}
.dc-distr-card-main:hover .dc-distr-card-cta {
  transform: translateX(4px);
}

/* Make the secondary SDG card smaller */
.dc-hero-stack > .dc-hero-card:not(.dc-distr-card-main) {
  padding: 20px !important;
}
.dc-hero-stack > .dc-hero-card:not(.dc-distr-card-main) .dc-hero-card-num {
  font-size: 48px !important;
}
.dc-hero-stack > .dc-hero-card:not(.dc-distr-card-main) .dc-hero-card-title {
  font-size: 18px !important;
}

@media (max-width: 767px) {
  .dc-hero-stack > .dc-hero-card:not(.dc-distr-card-main) .dc-hero-card-num { font-size: 36px !important; }
  .dc-hero-stack > .dc-hero-card:not(.dc-distr-card-main) .dc-hero-card-title { font-size: 16px !important; }
}


/* ============================================================
   P25 v25: Redesigned distributor card v2 (cleaner, more info-dense)
   ============================================================ */

.dc-distr-card-v2 {
  display: block !important;
  position: relative;
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(121, 131, 255, 0.08) 0%, rgba(10, 13, 58, 0.4) 100%) !important;
  border: 1px solid rgba(121, 131, 255, 0.25);
  border-radius: 20px;
  padding: 28px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}
.dc-distr-card-v2:hover {
  transform: translateY(-4px);
  border-color: rgba(121, 131, 255, 0.55);
  box-shadow: 0 20px 60px rgba(121, 131, 255, 0.2);
}

.dc-distr-v2-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.dc-distr-v2-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: rgba(121, 131, 255, 0.15);
  border: 1px solid rgba(121, 131, 255, 0.3);
  border-radius: 100px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: rgb(121, 131, 255);
  letter-spacing: 0.03em;
}
.dc-distr-v2-tag .dot {
  width: 6px; height: 6px;
  background: rgb(121, 131, 255);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(121, 131, 255, 0.6);
}
.dc-distr-v2-meta {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.02em;
}

.dc-distr-v2-title {
  font-family: 'Inter', sans-serif;
  font-size: 26px !important;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 0 20px 0 !important;
  letter-spacing: -0.01em;
}
.dc-distr-v2-title .accent {
  background: linear-gradient(135deg, rgb(121, 131, 255) 0%, #b3b8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.dc-distr-v2-img {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.dc-distr-v2-img img {
  display: block;
  width: 100% !important;
  height: auto !important;
  border-radius: 14px;
  transition: transform 0.5s ease;
}
.dc-distr-card-v2:hover .dc-distr-v2-img img {
  transform: scale(1.04);
}
.dc-distr-v2-img-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 32px 18px 14px;
  background: linear-gradient(180deg, transparent 0%, rgba(10, 13, 58, 0.85) 80%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.dc-distr-card-v2:hover .dc-distr-v2-img-overlay {
  opacity: 1;
}
.dc-distr-v2-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.95);
  color: rgb(10, 13, 58);
  border-radius: 100px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.dc-distr-v2-cta .arrow {
  display: inline-block;
  transition: transform 0.3s ease;
  font-size: 14px;
}
.dc-distr-card-v2:hover .dc-distr-v2-cta .arrow {
  transform: translateX(3px);
}

.dc-distr-v2-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.dc-distr-v2-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.dc-distr-v2-stat .v {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -0.02em;
}
.dc-distr-v2-stat .u {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  margin-left: 1px;
  font-weight: 500;
}
.dc-distr-v2-stat .l {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.02em;
  margin-top: 4px;
}

@media (max-width: 767px) {
  .dc-distr-card-v2 { padding: 20px; }
  .dc-distr-v2-title { font-size: 22px !important; }
  .dc-distr-v2-stats { gap: 8px; }
  .dc-distr-v2-stat .v { font-size: 18px; }
}


/* ============================================================
   P25 v26: Marquee redesign — outlined chips + edge fade
   Replaces the bright purple #5865f2 solid background
   ============================================================ */

.dc-marquee-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(10, 13, 58, 0.6) 0%, rgba(10, 13, 58, 0.3) 100%) !important;
  border-top: 1px solid rgba(121, 131, 255, 0.12) !important;
  border-bottom: 1px solid rgba(121, 131, 255, 0.12) !important;
  padding: 18px 0 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.dc-marquee-wrap::before,
.dc-marquee-wrap::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}
.dc-marquee-wrap::before {
  left: 0;
  background: linear-gradient(90deg, rgba(10, 13, 58, 0.95) 0%, transparent 100%);
}
.dc-marquee-wrap::after {
  right: 0;
  background: linear-gradient(270deg, rgba(10, 13, 58, 0.95) 0%, transparent 100%);
}

.dc-marquee-track {
  display: flex;
  align-items: center;
  gap: 14px;
  width: max-content;
  animation: dc-marquee-scroll 50s linear infinite;
}
.dc-marquee-wrap:hover .dc-marquee-track {
  animation-play-state: paused;
}

@keyframes dc-marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.dc-marquee-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(121, 131, 255, 0.08);
  border: 1px solid rgba(121, 131, 255, 0.25);
  border-radius: 100px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
  letter-spacing: 0.01em;
  transition: all 0.3s ease;
  cursor: default;
  flex-shrink: 0;
}
.dc-marquee-chip:hover {
  background: rgba(121, 131, 255, 0.15);
  border-color: rgba(121, 131, 255, 0.5);
  color: #ffffff;
  transform: translateY(-1px);
}
.dc-marquee-chip .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: rgba(121, 131, 255, 0.15);
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  color: rgb(121, 131, 255);
  font-feature-settings: "tnum" 1;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .dc-marquee-chip { font-size: 12px; padding: 6px 12px; gap: 6px; }
  .dc-marquee-chip .num { min-width: 18px; height: 18px; font-size: 10px; }
  .dc-marquee-track { gap: 10px; }
}


/* Kill the old purple marquee background */
#a03marq0.elementor-section,
.a03marq0.elementor-section,
section.elementor-element-a03marq0 {
  background: transparent !important;
}
#a03marq0 > .elementor-container,
.a03marq0 > .elementor-container,
section.elementor-element-a03marq0 > .elementor-container {
  background: transparent !important;
}


/* ============================================================
   P25 v27: Hero left column redesign
   - Better eyebrow (chip + divider + meta)
   - Divider between headline and deck
   - Icon buttons
   - Stats as small cards with icons
   ============================================================ */

/* Eyebrow redesign */
.dc-hero-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  font-family: 'Inter', sans-serif;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.dc-hero-eyebrow-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(121, 131, 255, 0.12);
  border: 1px solid rgba(121, 131, 255, 0.3);
  border-radius: 100px;
  color: rgb(121, 131, 255);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
}
.dc-hero-eyebrow-chip .dot {
  width: 6px; height: 6px;
  background: rgb(121, 131, 255);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(121, 131, 255, 0.6);
  animation: distr-pulse 2s ease-in-out infinite;
}
.dc-hero-eyebrow-divider {
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
  line-height: 1;
}
.dc-hero-eyebrow-meta {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}

/* Headline — multi-line with subtle accent on "出海判断" */
.dc-hero-h {
  font-family: 'Inter', sans-serif !important;
  font-size: 60px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
  margin: 0 0 24px 0 !important;
  letter-spacing: -0.025em !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.3);
}
.dc-hero-h-line {
  display: block;
}
.dc-hero-h .accent {
  background: linear-gradient(135deg, rgb(121, 131, 255) 0%, #b3b8ff 50%, #d8dbff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
}

/* Divider between headline and deck */
.dc-hero-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px 0;
  width: 200px;
}
.dc-hero-divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(121, 131, 255, 0.4) 0%, rgba(121, 131, 255, 0.1) 100%);
}
.dc-hero-divider-dot {
  width: 6px; height: 6px;
  background: rgb(121, 131, 255);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(121, 131, 255, 0.6);
}

/* Deck */
.dc-hero-deck {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  max-width: 520px;
  margin: 0 0 32px 0 !important;
}

/* Buttons with icons */
.dc-hero-actions {
  display: flex;
  gap: 12px;
  margin-bottom: 40px !important;
  flex-wrap: wrap;
}
.dc-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 13px 22px !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid transparent;
}
.dc-btn-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.dc-btn-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
  font-size: 16px;
  line-height: 1;
}
.dc-btn:hover .dc-btn-arrow {
  transform: translateX(3px);
}
.dc-btn-primary {
  background: rgb(121, 131, 255) !important;
  color: #ffffff !important;
  border-color: rgb(121, 131, 255) !important;
  box-shadow: 0 4px 12px rgba(121, 131, 255, 0.25);
}
.dc-btn-primary:hover {
  background: rgb(141, 151, 255) !important;
  border-color: rgb(141, 151, 255) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(121, 131, 255, 0.4);
}
.dc-btn-ghost {
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.dc-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  transform: translateY(-2px);
}

/* Stats as small cards */
.dc-hero-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  padding: 20px 24px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(8px);
}
.dc-hero-stat {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 0 !important;
}
.dc-hero-stat-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(121, 131, 255, 0.15) 0%, rgba(121, 131, 255, 0.05) 100%);
  border: 1px solid rgba(121, 131, 255, 0.2);
  border-radius: 10px;
  color: rgb(121, 131, 255);
}
.dc-hero-stat-icon svg {
  width: 18px;
  height: 18px;
}
.dc-hero-stat-body {
  flex: 1;
  min-width: 0;
}
.dc-hero-stat-v {
  font-family: 'Inter', sans-serif;
  font-size: 22px !important;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.dc-hero-stat-v .unit {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  margin-left: 2px;
}
.dc-hero-stat-l {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 2px;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

@media (max-width: 1024px) {
  .dc-hero-h { font-size: 48px !important; }
  .dc-hero-stats { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
  .dc-hero-h { font-size: 36px !important; }
  .dc-hero-deck { font-size: 15px !important; }
  .dc-hero-eyebrow { flex-wrap: wrap; }
}


/* ============================================================
   P25 v28: Amazon GS Registration Article styles
   ============================================================ */
.dc-tldr { background: linear-gradient(135deg, rgba(121, 131, 255, 0.12), rgba(121, 131, 255, 0.04)); border: 1px solid rgba(121, 131, 255, 0.3); padding: 20px 24px; border-radius: 12px; margin: 0 0 28px 0; }
.dc-tldr-title { font-size: 14px; font-weight: 700; color: rgb(121, 131, 255); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.dc-tldr p { font-size: 15px; line-height: 1.7; color: rgba(255, 255, 255, 0.85); margin: 0 0 8px 0; }
.dc-tldr p:last-child { margin-bottom: 0; }
.dc-quote { border-left: 3px solid rgb(121, 131, 255); padding: 16px 20px; background: rgba(121, 131, 255, 0.06); border-radius: 0 8px 8px 0; margin: 0 0 24px 0; font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, 0.9); }
.dc-callout { background: rgba(255, 180, 100, 0.08); border: 1px solid rgba(255, 180, 100, 0.25); padding: 16px 20px; border-radius: 12px; margin: 0 0 24px 0; }
.dc-callout-title { font-size: 14px; font-weight: 700; color: rgb(255, 180, 100); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
.dc-callout p { font-size: 15px; line-height: 1.7; color: rgba(255, 255, 255, 0.85); margin: 0 0 6px 0; }
.dc-callout p:last-child { margin-bottom: 0; }
.dc-list { list-style: none; padding: 0; margin: 0 0 24px 0; }
.dc-list li { position: relative; padding: 8px 0 8px 28px; font-size: 15px; line-height: 1.7; color: rgba(255, 255, 255, 0.85); }
.dc-list li::before { content: "→"; position: absolute; left: 0; top: 8px; color: rgb(121, 131, 255); font-weight: 700; }
.dc-step { background: rgba(255, 255, 255, 0.03); border-left: 3px solid rgb(121, 131, 255); padding: 16px 20px; border-radius: 0 8px 8px 0; margin: 0 0 20px 0; }
.dc-step-num { display: inline-block; padding: 2px 10px; background: rgba(121, 131, 255, 0.2); color: rgb(121, 131, 255); font-size: 12px; font-weight: 700; border-radius: 100px; margin-bottom: 8px; }
.dc-step-title { font-size: 17px; font-weight: 700; color: #ffffff; margin-bottom: 6px; }
.dc-step p { font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, 0.75); margin: 0; }
.dc-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 24px 0; }
.dc-vs-do { background: rgba(50, 205, 100, 0.08); border: 1px solid rgba(50, 205, 100, 0.3); padding: 16px 20px; border-radius: 12px; }
.dc-vs-dont { background: rgba(255, 100, 100, 0.08); border: 1px solid rgba(255, 100, 100, 0.3); padding: 16px 20px; border-radius: 12px; }
.dc-vs-do .dc-vs-title { font-size: 14px; font-weight: 700; color: rgb(50, 205, 100); margin-bottom: 8px; }
.dc-vs-dont .dc-vs-title { font-size: 14px; font-weight: 700; color: rgb(255, 100, 100); margin-bottom: 8px; }
.dc-vs p { font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.8); margin: 0 0 4px 0; }
.dc-faq-item { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); padding: 16px 20px; border-radius: 8px; margin-bottom: 8px; }
.dc-faq-q { font-size: 15px; font-weight: 700; color: rgb(121, 131, 255); margin-bottom: 6px; }
.dc-faq-a { font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, 0.8); margin: 0; }
.dc-faq-a a { color: rgb(121, 131, 255); }

/* === P25 v30: GS article WeChat CTA block === */
.dc-cta-wechat { background: linear-gradient(135deg, rgba(7, 193, 96, 0.08) 0%, rgba(7, 193, 96, 0.02) 100%); border: 1px solid rgba(7, 193, 96, 0.25); border-left: 4px solid rgb(7, 193, 96); border-radius: 12px; padding: 28px 32px; margin: 32px 0 0 0; display: flex; gap: 24px; align-items: flex-start; position: relative; overflow: hidden; }
.dc-cta-wechat::before { content: ""; position: absolute; top: -40px; right: -40px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(7, 193, 96, 0.12), transparent 70%); pointer-events: none; }
.dc-cta-wechat-icon { width: 56px; height: 56px; min-width: 56px; background: linear-gradient(135deg, rgb(7, 193, 96), rgb(7, 193, 96, 0.7)); border-radius: 14px; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(7, 193, 96, 0.3); flex-shrink: 0; }
.dc-cta-wechat-icon svg { width: 32px; height: 32px; fill: #fff; }
.dc-cta-wechat-body { flex: 1; }
.dc-cta-wechat-title { font-size: 20px; font-weight: 700; color: #fff; margin: 0 0 10px 0; display: flex; align-items: center; gap: 10px; }
.dc-cta-wechat-title .label { background: rgba(7, 193, 96, 0.18); color: rgb(7, 193, 96); font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.dc-cta-wechat-text { font-size: 15px; line-height: 1.7; color: rgba(255, 255, 255, 0.85); margin: 0 0 14px 0; }
.dc-cta-wechat-text strong { color: #fff; font-weight: 600; }
.dc-cta-wechat-idbox { display: inline-flex; align-items: center; gap: 12px; background: rgba(7, 193, 96, 0.1); border: 1px dashed rgba(7, 193, 96, 0.4); border-radius: 8px; padding: 10px 18px; }
.dc-cta-wechat-idbox .id-label { font-size: 12px; color: rgba(7, 193, 96, 0.8); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.dc-cta-wechat-idbox .id-value { font-family: "SF Mono", Monaco, Consolas, monospace; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 0.5px; user-select: all; }
.dc-cta-wechat-tip { font-size: 13px; color: rgba(255, 255, 255, 0.5); margin: 12px 0 0 0; display: flex; align-items: center; gap: 6px; }
.dc-cta-wechat-tip::before { content: "💡"; font-size: 12px; }
@media (max-width: 600px) { .dc-cta-wechat { flex-direction: column; padding: 20px 22px; } .dc-cta-wechat-icon { width: 48px; height: 48px; min-width: 48px; } .dc-cta-wechat-title { font-size: 18px; } }

/* === P25 v35: Widen single-post article content area === */
/* Override Astra's default narrow .entry-content (760px) on single-post pages */
.single-post .entry-content,
.post-template-default .entry-content,
.single-layout-1 .entry-content {
  max-width: 1100px !important;
  width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* Featured image / post thumb: match the new wider content */
.single-post .post-thumb-img-content,
.post-template-default .post-thumb-img-content,
.single-layout-1 .post-thumb-img-content {
  max-width: 1100px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
.single-post .post-thumb-img-content img,
.post-template-default .post-thumb-img-content img,
.single-layout-1 .post-thumb-img-content img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}
/* Body text / paragraphs: slightly larger for the wider area */
.single-post .entry-content p,
.post-template-default .entry-content p {
  font-size: 17px !important;
  line-height: 1.8 !important;
}
.single-post .entry-content h2,
.post-template-default .entry-content h2 {
  font-size: 30px !important;
  margin-top: 56px !important;
  margin-bottom: 20px !important;
}
.single-post .entry-content h3,
.post-template-default .entry-content h3 {
  font-size: 22px !important;
  margin-top: 36px !important;
  margin-bottom: 14px !important;
}
/* Responsive: keep wider on tablets, single column on phones */
@media (max-width: 1200px) {
  .single-post .entry-content,
  .post-template-default .entry-content,
  .single-layout-1 .entry-content { max-width: 92% !important; width: 92% !important; }
  .single-post .post-thumb-img-content,
  .post-template-default .post-thumb-img-content,
  .single-layout-1 .post-thumb-img-content { max-width: 92% !important; width: 92% !important; }
}
@media (max-width: 768px) {
  .single-post .entry-content,
  .post-template-default .entry-content,
  .single-layout-1 .entry-content { max-width: 100% !important; width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
  .single-post .post-thumb-img-content,
  .post-template-default .post-thumb-img-content,
  .single-layout-1 .post-thumb-img-content { max-width: 100% !important; width: 100% !important; padding: 0 16px !important; }
  .single-post .entry-content p { font-size: 16px !important; }
  .single-post .entry-content h2 { font-size: 24px !important; }
}

/* === P25 v35 fix: higher specificity selectors === */
html body.single-post.single .entry-content,
html body.single-post.single .ast-article-single .entry-content,
body.wp-singular.single.single-post .entry-content {
  max-width: 1100px !important;
  width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
html body.single-post.single .post-thumb-img-content,
body.wp-singular.single.single-post .post-thumb-img-content {
  max-width: 1100px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
html body.single-post.single .entry-content p {
  font-size: 17px !important;
  line-height: 1.8 !important;
}
html body.single-post.single .entry-content h2 {
  font-size: 30px !important;
  margin-top: 56px !important;
  margin-bottom: 20px !important;
}
html body.single-post.single .entry-content h3 {
  font-size: 22px !important;
  margin-top: 36px !important;
  margin-bottom: 14px !important;
}
@media (max-width: 1200px) {
  html body.single-post.single .entry-content { max-width: 92% !important; width: 92% !important; }
  html body.single-post.single .post-thumb-img-content { max-width: 92% !important; width: 92% !important; }
}
@media (max-width: 768px) {
  html body.single-post.single .entry-content { max-width: 100% !important; width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
  html body.single-post.single .entry-content p { font-size: 16px !important; }
  html body.single-post.single .entry-content h2 { font-size: 24px !important; }
}

/* === P25 v35: Featured image also at full content width === */
html body.single-post.single .post-thumb-img-content img.size-large,
html body.single-post.single .post-thumb-img-content img.wp-post-image,
html body.single-post.single .entry-content img.size-large,
html body.single-post.single .entry-content img.wp-post-image {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}
html body.single-post.single .post-thumb-img-content {
  max-width: 1100px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* === P25 v35: Widen entry-header too (parent of post-thumb) === */
html body.single-post.single .entry-header {
  max-width: 1100px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
html body.single-post.single .entry-header .post-thumb-img-content {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}
html body.single-post.single .entry-header .post-thumb-img-content img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

/* === P25 v36: Override max-height: 420px !important on featured image === */
html body.single-post.single .wp-post-image,
html body.single-post.single .post-thumb-img-content img,
html body.single-post.single .entry-content img.wp-post-image,
html body.single-post.single .entry-content img.size-large {
  max-height: none !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* === P25 v37: Make sticky nav fully opaque + stronger visual separation === */
.main-header-bar,
header.site-header,
.ast-header-break-point .main-header-bar,
.site-header.ast-primary-submenu-animation-slide-up {
  background-color: rgb(10, 13, 58) !important;
  background: rgb(10, 13, 58) !important;
  border-bottom: 1px solid rgba(121, 131, 255, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: none !important;
}
.main-header-bar .main-header-bar-wrap,
.main-header-bar-wrap {
  background-color: transparent !important;
}
.main-header-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* === P25 v37 fix: use #masthead ID for higher specificity === */
header#masthead.site-header,
header#masthead.ast-main-header-wrap,
.main-header-bar {
  background-color: rgb(10, 13, 58) !important;
  background: rgb(10, 13, 58) !important;
  border-bottom: 1px solid rgba(121, 131, 255, 0.18) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: none !important;
}

/* === P25 v38: Add breathing room between sticky nav and article hero image === */
body.single article.post {
  margin-top: 0 !important;
  padding-top: 40px !important;
}


<style>
/* === P25 v44: Force featured image to display at full container width === */
html body.single-post.single .post-thumb-img-content img.wp-post-image {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover;
}
</style>

<script>
/* === P25 v44: Force featured image to use full-size URL (not -1024x1024) === */
(function() {
function fixFeaturedImage() {
    var img = document.querySelector('img.wp-post-image');
    if (!img) return;
    var src = img.currentSrc || img.src || '';
    var m = src.match(/^(.*?)-(\d+)x(\d+)(\.[a-z]+)$/i);
    if (m) {
      var base = m[1];
      var ext = m[4];
      // Try the original extension first, then webp, then png, then jpg
      var candidates = [base + ext, base + '.webp', base + '.png', base + '.jpg'];
      (async function() {
        for (var i = 0; i < candidates.length; i++) {
          try {
            var r = await fetch(candidates[i], { method: 'HEAD' });
            if (r.ok) {
              if (candidates[i] !== src) {
                img.removeAttribute('srcset');
                img.removeAttribute('sizes');
                img.src = candidates[i];
                img.style.maxWidth = '100%';
                img.style.width = '100%';
                img.style.height = 'auto';
                img.setAttribute('loading', 'eager');
              }
              return;
            }
          } catch (e) {}
        }
      })();
    } else {
      img.style.maxWidth = '100%';
      img.style.width = '100%';
      img.style.height = 'auto';
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', fixFeaturedImage);
  } else { fixFeaturedImage(); }
  window.addEventListener('load', fixFeaturedImage);
  // Also handle late images
  if (typeof MutationObserver !== 'undefined') {
    var mo = new MutationObserver(function(muts) {
      muts.forEach(function(m) {
        m.addedNodes.forEach(function(n) {
          if (n.nodeName === 'IMG' && n.classList && n.classList.contains('wp-post-image')) {
            fixFeaturedImage();
          }
        });
      });
    });
    mo.observe(document.documentElement, { childList: true, subtree: true });
  }
})();
</script>
<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://cnstudio.com/wp-content/uploads/2026/08/cnstudio-favicon-150x48.webp" sizes="32x32" />
<link rel="icon" href="https://cnstudio.com/wp-content/uploads/2026/08/cnstudio-favicon.webp" sizes="192x192" />
<link rel="apple-touch-icon" href="https://cnstudio.com/wp-content/uploads/2026/08/cnstudio-favicon.webp" />
<meta name="msapplication-TileImage" content="https://cnstudio.com/wp-content/uploads/2026/08/cnstudio-favicon.webp" />
	</head>
	<body class="wp-singular sfwd-topic-template-default single single-sfwd-topic postid-26358 wp-custom-logo wp-embed-responsive wp-theme-astra theme-astra woocommerce-no-js eio-default angie-default ecc-default ehf-footer ehf-template-astra ehf-stylesheet-astra manage-default ally-default ast-desktop ast-separate-container ast-two-container ast-no-sidebar astra-4.13.8 ast-header-custom-item-inside group-blog ast-blog-single-style-1 ast-custom-post-type ast-single-post ast-replace-site-logo-transparent ast-inherit-site-logo-transparent ld-in-focus-mode ast-normal-title-enabled elementor-default elementor-kit-24888 learndash-cpt learndash-cpt-sfwd-topic learndash-template-ld30 learndash-cpt-sfwd-topic-26358-current learndash-cpt-sfwd-courses-69-parent learndash-cpt-sfwd-lessons-26286-parent learndash-embed-responsive">

		<div class="learndash-wrapper learndash-wrapper--topic">
			<a
				class="screen-reader-shortcut"
				href="#ld-focus-content"
				tabindex="1"
			>
				Skip to content			</a>

						<div class="ld-focus ld-focus-initial-transition  ld-focus-position-default">
				
<div
	aria-modal="true"
	class="ld-focus-sidebar"
	id="ld-focus-sidebar"
	role="dialog"
>
	<div class="ld-course-navigation-heading">

		
		<button
			aria-controls="ld-focus-sidebar"
						aria-expanded="true"
			aria-label="Toggle sidebar navigation"
			class="ld-focus-sidebar-trigger"
			id="ld-focus-sidebar-toggle"
		>
						<span class="ld-icon ld-icon-arrow-left"></span>
					</button>

		
		
		<span class="ld-focus-mode-course-heading-wrapper">
			<a href="https://cnstudio.com/courses/%e8%b7%a8%e5%a2%83%e7%94%b5%e5%95%86%e5%85%8d%e8%b4%b9%e8%af%be%e7%a8%8b/" id="ld-focus-mode-course-heading">
				<span class="ld-icon ld-icon-content"></span>
				免费课程			</a>
		</span>
			</div>
	<div class="ld-focus-sidebar-wrapper">
				<nav
			class="ld-course-navigation"
			aria-label="课程"
		>
			<div class="ld-course-navigation-list">
				<div class="ld-lesson-navigation">
					<div class="ld-lesson-items" id="ld-lesson-list-69">
						
<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/2022%e5%b9%b4%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%9f%ba%e7%a1%80%e6%95%99%e7%a8%8b/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				2022年亚马逊基础教程			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-26198"
				aria-expanded="false"
				class="ld-expand-button ld-button-alternate "
				data-ld-expands="ld-nav-content-list-26198"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Expand				</span>

				<span class="screen-reader-text">
					2022年亚马逊基础教程				</span>

				<span class="ld-expand-text ld-primary-color">
					21 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-26198 " id="ld-nav-content-list-26198" data-ld-expand-id="ld-nav-content-list-26198">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/1-%e4%ba%9a%e9%a9%ac%e9%80%8a%e6%b7%bb%e5%8a%a0%e5%95%86%e5%93%81/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		1-亚马逊添加商品</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/2-%e4%ba%9a%e9%a9%ac%e9%80%8a%e8%a1%a8%e6%a0%bc%e6%89%b9%e9%87%8f%e4%b8%8a%e6%9e%b6%e5%95%86%e5%93%81/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		2-亚马逊表格批量上架商品</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/3-%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%ba%93%e5%ad%98%e7%ae%a1%e7%90%86/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		3-亚马逊库存管理</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/4-%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%ba%93%e5%ad%98%e8%a7%84%e5%88%92/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		4-亚马逊库存规划</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/5-%e4%ba%9a%e9%a9%ac%e9%80%8a%e7%89%a9%e6%b5%81%e8%bf%9c%e7%a8%8b%e9%85%8d%e9%80%81/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		5-亚马逊物流远程配送</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/6-%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%85%a8%e7%90%83%e9%94%80%e5%94%ae/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		6-亚马逊全球销售</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/7-%e7%ae%a1%e7%90%86%e4%ba%9a%e9%a9%ac%e9%80%8a%e8%b4%a7%e4%bb%b6/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		7-管理亚马逊货件</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/8-%e4%ba%9a%e9%a9%ac%e4%b8%8a%e4%bc%a0%e5%9b%be%e7%89%87%e8%a7%86%e9%a2%91%e4%b8%8e%e7%94%b5%e5%ad%90%e8%af%b4%e6%98%8e%e4%b9%a6/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		8-亚马逊上传图片视频与电子说明书</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/9-%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%95%86%e5%93%81%e5%ae%9a%e4%bb%b7/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		9-亚马逊商品定价</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/10-%e4%ba%9a%e9%a9%ac%e9%80%8a%e7%ae%a1%e7%90%86%e8%ae%a2%e5%8d%95/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		10-亚马逊管理订单</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/11-%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%b9%bf%e5%91%8a/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		11-亚马逊广告</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/12-%e5%93%81%e7%89%8c%e5%bc%95%e6%b5%81%e5%a5%96%e5%8a%b1%e8%ae%a1%e5%88%92%e8%a1%a1%e9%87%8f%e9%9d%9e%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%b9%bf%e5%91%8a/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		12-品牌引流奖励计划衡量非亚马逊广告</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/13-%e4%ba%9a%e9%a9%ac%e9%80%8aa%e9%a1%b5%e9%9d%a2%e5%95%86%e5%93%81%e6%8f%8f%e8%bf%b0%e7%ae%a1%e7%90%86%e5%99%a8/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		13-亚马逊A+页面商品描述管理器</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/14-amazon-vine/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		14-Amazon Vine</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/15-%e7%a7%92%e6%9d%80%e4%bf%83%e9%94%80lightning-deal/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		15-秒杀促销Lightning Deal</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/16-%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%bc%98%e6%83%a0%e5%88%b8coupons/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		16-亚马逊优惠券Coupons</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/17-%e4%ba%9a%e9%a9%ac%e9%80%8aprime-%e4%b8%93%e4%ba%ab%e6%8a%98%e6%89%a3/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		17-亚马逊Prime 专享折扣</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/18-%e4%ba%9a%e9%a9%ac%e9%80%8a%e7%ae%a1%e7%90%86%e4%bf%83%e9%94%80%e7%a4%be%e4%ba%a4%e5%aa%92%e4%bd%93%e4%bf%83%e9%94%80%e4%bb%a3%e7%a0%81%e4%b9%b0%e4%b8%80%e8%b5%a0%e4%b8%80/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		18-亚马逊管理促销社交媒体促销代码买一赠一</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/19-%e5%a2%9e%e9%95%bf%e5%bb%ba%e8%ae%ae%e4%b8%8e%e5%ae%9a%e5%88%b6%e5%95%86%e5%93%81/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		19-亚马逊增长建议与定制商品</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/20-%e9%80%89%e5%93%81%e6%8c%87%e5%8d%97%e9%92%88%e5%88%86%e6%9e%90%e4%ba%a7%e5%93%81%e9%80%80%e8%b4%a7%e7%8e%87%e4%b8%8e%e8%bd%ac%e6%8d%a2%e7%8e%87/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		20-选品指南针分析产品退货率与转换率</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
									<div class="ld-table-list-footer">
						<div class="ld-pagination ld-pagination-page-course_topics" data-pager-nonce="999a74d1bc" data-pager-results="{&quot;paged&quot;:1,&quot;total_items&quot;:21,&quot;total_pages&quot;:2}">
						<div class="ld-pages">
		<a class="prev ld-primary-color-hover disabled" 			href="/topic/helium10%E9%80%89%E5%93%81%E5%B7%A5%E5%85%B7%E4%B8%8Elisting%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BC%98%E5%8C%96%E5%B7%A5%E5%85%B7-%E9%98%BF%E7%94%98%EF%BF%BC/?ld-topic-page=26198-1"
		 data-context="course_topics" data-paged="26198-1" data-course_id="69" data-lesson_id="26198"  class="disabled"  disabled=&quot;disabled&quot;  title="上一页" aria-label="上一页">
					<span class="ld-icon-arrow-left ld-icon"></span></a>
				</span>
		<span>
		1 of 2		</span>
			<a class="next ld-primary-color-hover " 				href="/topic/helium10%E9%80%89%E5%93%81%E5%B7%A5%E5%85%B7%E4%B8%8Elisting%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BC%98%E5%8C%96%E5%B7%A5%E5%85%B7-%E9%98%BF%E7%94%98%EF%BF%BC/?ld-topic-page=26198-2"
			 data-context="course_topics" data-paged="26198-2" data-course_id="69" data-lesson_id="26198"  class=""  title="下一页" aria-label="下一页">
							<span class="ld-icon-arrow-right ld-icon"></span></a>
			
		</div>
						</div>					</div> <!--/.ld-table-list-footer-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e8%af%be%e7%a8%8b%e5%ad%a6%e4%b9%a0%e5%bc%95%e5%af%bc%e8%af%a6%e6%83%85%e7%9b%ae%e5%bd%95/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				课程学习引导详情目录			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
	</div> <!--/.ld-lesson-item-preview-->
	</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
							aria-current="page"
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e4%b8%8e%e5%85%b3%e9%94%ae%e8%af%8d%e5%b7%a5%e5%85%b7/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				选品工具与关键词工具			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-26286"
				aria-expanded="true"
				class="ld-expand-button ld-button-alternate ld-expanded"
				data-ld-expands="ld-nav-content-list-26286"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Collapse				</span>

				<span class="screen-reader-text">
					选品工具与关键词工具				</span>

				<span class="ld-expand-text ld-primary-color">
					31 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-26286 ld-expanded" id="ld-nav-content-list-26286" data-ld-expand-id="ld-nav-content-list-26286">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%9f%a5%e8%af%a2%e7%be%8e%e5%9b%bd%e4%ba%a7%e5%93%81%e5%a4%96%e8%a7%82%e4%b8%93%e5%88%a9%e4%be%b5%e6%9d%83%e9%a3%8e%e9%99%a9-%e9%98%bf%e7%94%98/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵查询美国产品外观专利侵权风险-阿甘</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%93%81%e7%89%8c%e5%88%86%e6%9e%90aba%e6%95%b0%e6%8d%ae%e9%80%89%e5%93%81-%e9%98%bf%e7%94%98-202309/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵亚马逊品牌分析ABA数据选品-阿甘-202309</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%b5%8f%e8%a7%88%e5%99%a8%e6%8f%92%e4%bb%b6%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%87%ba%e5%8d%95%e5%85%b3%e9%94%ae%e8%af%8d%e5%8f%8d%e6%9f%a5-%e9%98%bf%e7%94%98-202309/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵浏览器插件亚马逊出单关键词反查-阿甘-202308</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%b5%8f%e8%a7%88%e5%99%a8%e6%8f%92%e4%bb%b6%e4%ba%9a%e9%a9%ac%e9%80%8alisting%e7%94%9f%e6%88%90%e5%85%b3%e9%94%ae%e8%af%8d%e5%9f%8b%e8%af%8d-%e9%98%bf%e7%94%98-20/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵浏览器插件亚马逊Listing生成关键词埋词-阿甘-202308</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%b5%8f%e8%a7%88%e5%99%a8%e6%8f%92%e4%bb%b6%e4%ba%9a%e9%a9%ac%e9%80%8a%e7%ab%9e%e5%93%81%e5%88%86%e6%9e%90-%e9%98%bf%e7%94%98-202308/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵浏览器插件亚马逊竞品分析-阿甘-202308</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%b5%8f%e8%a7%88%e5%99%a8%e6%8f%92%e4%bb%b6%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%b8%82%e5%9c%ba%e5%88%86%e6%9e%90-%e9%98%bf%e7%94%98-202308/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵浏览器插件亚马逊市场分析-阿甘-202308</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%b5%8f%e8%a7%88%e5%99%a8%e6%8f%92%e4%bb%b6%e4%ba%a7%e5%93%81%e8%af%84%e8%ae%bareviews%e5%88%86%e6%9e%90-%e9%98%bf%e7%94%98-202308/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵浏览器插件产品评论Reviews分析-阿甘-202308</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%b5%8f%e8%a7%88%e5%99%a8%e6%8f%92%e4%bb%b6%e9%80%89%e5%93%81%e6%95%b0%e6%8d%ae%e5%88%86%e6%9e%90-%e9%98%bf%e7%94%98-202308/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵浏览器插件选品数据分析-阿甘-202308</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e6%b5%8f%e8%a7%88%e5%99%a8%e9%80%89%e5%93%81%e6%8f%92%e4%bb%b6%e6%80%8e%e4%b9%88%e5%ae%89%e8%a3%85-%e9%98%bf%e7%94%98-202308/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵浏览器选品插件怎么安装-阿甘-202308</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/2022%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%88%9b%e5%bb%balisting%e6%b5%81%e7%a8%8b%e4%b8%8e%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e7%bc%96%e5%86%99%e5%85%b3%e9%94%ae%e8%af%8d%e6%8a%80%e5%b7%a7-%e9%98%bf/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		2022亚马逊创建产品Listing流程与卖家精灵编写关键词技巧-阿甘-202205</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/2022%e4%ba%9a%e9%a9%ac%e9%80%8a%e7%88%86%e6%ac%be%e4%ba%a7%e5%93%81%e7%9a%84%e9%80%89%e5%93%81%e6%96%b9%e6%b3%95%e6%8a%80%e5%b7%a7%e4%b8%8e%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e5%85%b3%e9%94%ae/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		2022亚马逊爆款产品的选品方法技巧与卖家精灵关键词趋势选品-阿甘-202205</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e9%80%9a%e8%bf%87%e6%8f%92%e4%bb%b6%e9%80%89%e6%8b%a9%e5%b9%bf%e5%91%8a%e5%85%b3%e9%94%ae%e8%af%8d%e7%9a%84%e6%96%b9%e6%b3%95/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵选品工具通过插件选择广告关键词的方法-阿甘-202108</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5sellersprite%e4%ba%9a%e9%a9%ac%e9%80%8a%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e4%bd%bf%e7%94%a8%e6%95%99%e7%a8%8b-%e9%98%bf%e7%94%98-202105/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵Sellersprite亚马逊选品工具使用教程-阿甘-202105</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e8%88%b9%e9%95%bfjunglescouthelium10%e7%ad%89%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e6%95%b0%e6%8d%ae%e5%af%b9%e6%af%94-%e9%98%bf%e7%94%98-202008/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵,船长,Junglescout,Helium10等选品工具数据对比-阿甘-202008</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e7%9a%84%e6%96%b0%e5%8a%9f%e8%83%bd%e6%9b%b4%e6%96%b0%e4%bd%bf%e7%94%a8%e6%95%99%e7%a8%8b-%e9%98%bf%e7%94%98-202003/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		卖家精灵选品工具的新功能更新使用教程-阿甘-202003</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/sellersprite%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e4%bd%bf%e7%94%a8%e6%95%99%e7%a8%8b-%e4%b8%8a-%e9%98%bf%e7%94%98-201909/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		SellerSprite卖家精灵使用教程-上-阿甘-201909</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/sellersprite%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e4%bd%bf%e7%94%a8%e6%95%99%e7%a8%8b-%e4%b8%8b-%e9%98%bf%e7%94%98-201909/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		SellerSprite卖家精灵使用教程-下-阿甘-201909</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
					aria-current="page"
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row ld-is-current-item "
		href="https://cnstudio.com/topic/helium10%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e4%b8%8elisting%e5%85%b3%e9%94%ae%e8%af%8d%e4%bc%98%e5%8c%96%e5%b7%a5%e5%85%b7-%e9%98%bf%e7%94%98%ef%bf%bc/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		Helium10选品工具与Listing关键词优化工具-阿甘</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/helium10%e4%ba%9a%e9%a9%ac%e9%80%8a%e9%80%89%e5%93%81blackbox-%e9%98%bf%e7%94%98/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		Helium10亚马逊选品BlackBox-阿甘</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/helium10%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%ba%a7%e5%93%81%e5%93%81%e7%b1%bb%e5%85%b3%e9%94%ae%e8%af%8d%e8%b6%8b%e5%8a%bf%e5%88%86%e6%9e%90trendster-%e9%98%bf%e7%94%98%ef%bf%bc/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		Helium10亚马逊产品品类关键词趋势分析Trendster-阿甘</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
									<div class="ld-table-list-footer">
						<div class="ld-pagination ld-pagination-page-course_topics" data-pager-nonce="999a74d1bc" data-pager-results="{&quot;paged&quot;:1,&quot;total_items&quot;:31,&quot;total_pages&quot;:2}">
						<div class="ld-pages">
		<a class="prev ld-primary-color-hover disabled" 			href="/topic/helium10%E9%80%89%E5%93%81%E5%B7%A5%E5%85%B7%E4%B8%8Elisting%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BC%98%E5%8C%96%E5%B7%A5%E5%85%B7-%E9%98%BF%E7%94%98%EF%BF%BC/?ld-topic-page=26286-1"
		 data-context="course_topics" data-paged="26286-1" data-course_id="69" data-lesson_id="26286"  class="disabled"  disabled=&quot;disabled&quot;  title="上一页" aria-label="上一页">
					<span class="ld-icon-arrow-left ld-icon"></span></a>
				</span>
		<span>
		1 of 2		</span>
			<a class="next ld-primary-color-hover " 				href="/topic/helium10%E9%80%89%E5%93%81%E5%B7%A5%E5%85%B7%E4%B8%8Elisting%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BC%98%E5%8C%96%E5%B7%A5%E5%85%B7-%E9%98%BF%E7%94%98%EF%BF%BC/?ld-topic-page=26286-2"
			 data-context="course_topics" data-paged="26286-2" data-course_id="69" data-lesson_id="26286"  class=""  title="下一页" aria-label="下一页">
							<span class="ld-icon-arrow-right ld-icon"></span></a>
			
		</div>
						</div>					</div> <!--/.ld-table-list-footer-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%bc%80%e5%ba%97/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				亚马逊开店			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-83"
				aria-expanded="false"
				class="ld-expand-button ld-button-alternate "
				data-ld-expands="ld-nav-content-list-83"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Expand				</span>

				<span class="screen-reader-text">
					亚马逊开店				</span>

				<span class="ld-expand-text ld-primary-color">
					3 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-83 " id="ld-nav-content-list-83" data-ld-expand-id="ld-nav-content-list-83">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/2020%e5%b9%b4%e6%b3%a8%e5%86%8c%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%8d%96%e5%ae%b6%e8%b4%a6%e5%8f%b7%e9%9c%80%e8%a6%81%e5%87%86%e5%a4%87%e4%bb%80%e4%b9%88/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		2020年注册亚马逊卖家账号需要准备什么？</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/2020%e5%b9%b4%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%bc%80%e5%ba%97%e6%b3%a8%e5%86%8c%e8%b4%a6%e6%88%b7%e6%b5%81%e7%a8%8b/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		2020年亚马逊开店注册账户流程</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%a6%82%e4%bd%95%e9%81%bf%e5%85%8d%e8%b4%a6%e6%88%b7%e5%85%b3%e8%81%94/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊如何避免账户关联</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%ba%a7%e5%93%81%e4%b8%8a%e6%9e%b6/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				亚马逊产品上架			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-85"
				aria-expanded="false"
				class="ld-expand-button ld-button-alternate "
				data-ld-expands="ld-nav-content-list-85"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Expand				</span>

				<span class="screen-reader-text">
					亚马逊产品上架				</span>

				<span class="ld-expand-text ld-primary-color">
					7 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-85 " id="ld-nav-content-list-85" data-ld-expand-id="ld-nav-content-list-85">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%b8%8a%e4%bc%a0%e4%ba%a7%e5%93%81%e6%97%b6%e8%a6%81%e5%87%86%e5%a4%87%e4%bb%80%e4%b9%88/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊上传产品时要准备什么？</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%ba%a7%e5%93%81%e4%b8%8a%e6%9e%b6listing%e5%a1%ab%e5%86%99%e6%95%99%e7%a8%8b/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊产品上架Listing填写教程</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%ba%a7%e5%93%81%e5%b8%82%e5%9c%ba%e5%88%86%e6%9e%90%e5%b7%a5%e5%85%b7%e4%bd%bf%e7%94%a8/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊产品市场分析工具使用</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%90%8e%e5%8f%b0%e6%89%8b%e5%8a%a8%e4%b8%8a%e4%bc%a0%e4%ba%a7%e5%93%81/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊后台手动上传产品</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e6%89%b9%e9%87%8f%e6%a8%a1%e6%9d%bf%e4%b8%8a%e4%bc%a0%e4%ba%a7%e5%93%81/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊批量模板上传产品</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%bc%80%e5%ba%97%e8%b7%9f%e5%8d%96%e5%92%8c%e7%a4%bc%e5%93%81%e9%80%89%e9%a1%b9%e8%ae%be%e7%bd%ae/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊开店跟卖和礼品选项设置</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e7%ab%99%e7%82%b9%e5%90%8c%e6%ad%a5%e8%ae%be%e7%bd%ae/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊站点同步设置</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e4%ba%9a%e9%a9%ac%e9%80%8afba%e5%8f%91%e8%b4%a7/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				亚马逊FBA发货			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-87"
				aria-expanded="false"
				class="ld-expand-button ld-button-alternate "
				data-ld-expands="ld-nav-content-list-87"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Expand				</span>

				<span class="screen-reader-text">
					亚马逊FBA发货				</span>

				<span class="ld-expand-text ld-primary-color">
					2 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-87 " id="ld-nav-content-list-87" data-ld-expand-id="ld-nav-content-list-87">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8afba%e5%8f%91%e8%b4%a7%e6%b5%81%e7%a8%8b%e5%8f%8a%e6%b3%a8%e6%84%8f%e4%ba%8b%e9%a1%b9/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊FBA发货流程及注意事项</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8afba%e5%b8%b8%e8%a7%81%e9%97%ae%e9%a2%98/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊FBA常见问题</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%b9%bf%e5%91%8a/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				亚马逊广告			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-25038"
				aria-expanded="false"
				class="ld-expand-button ld-button-alternate "
				data-ld-expands="ld-nav-content-list-25038"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Expand				</span>

				<span class="screen-reader-text">
					亚马逊广告				</span>

				<span class="ld-expand-text ld-primary-color">
					5 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-25038 " id="ld-nav-content-list-25038" data-ld-expand-id="ld-nav-content-list-25038">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%b9%bf%e5%91%8a%e5%9f%ba%e7%a1%80/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊广告基础</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e8%87%aa%e5%8a%a8%e5%b9%bf%e5%91%8a%e8%ae%be%e7%bd%ae%e6%b5%81%e7%a8%8b/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊自动广告设置流程</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e6%89%8b%e5%8a%a8%e5%b9%bf%e5%91%8a/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊手动广告</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%b9%bf%e5%91%8a%e4%b9%8b%e5%93%81%e7%89%8c%e6%8e%a8%e5%b9%bf/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊广告之品牌推广</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%b9%bf%e5%91%8a%e5%b1%95%e7%a4%ba%e5%9e%8b%e6%8e%a8%e5%b9%bf/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊广告展示型推广</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e4%ba%9a%e9%a9%ac%e9%80%8a%e8%bf%90%e8%90%a5-2/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				亚马逊运营			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-25367"
				aria-expanded="false"
				class="ld-expand-button ld-button-alternate "
				data-ld-expands="ld-nav-content-list-25367"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Expand				</span>

				<span class="screen-reader-text">
					亚马逊运营				</span>

				<span class="ld-expand-text ld-primary-color">
					1 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-25367 " id="ld-nav-content-list-25367" data-ld-expand-id="ld-nav-content-list-25367">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e5%a6%82%e4%bd%95%e5%bc%80case%ef%bc%9f/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊如何开CASE？</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->

<div class="ld-lesson-item ld-is-not-current-lesson learndash-incomplete is_not_sample">
	<div class="ld-lesson-item-preview">
		<a
						class="ld-lesson-item-preview-heading ld-primary-color-hover"
			href="https://cnstudio.com/lessons/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%bf%83%e9%94%80/"
		>
			<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not started"></div>
			<div class="ld-lesson-title">
				亚马逊促销			</div> <!--/.ld-lesson-title-->

		</a> <!--/.ld-lesson-item-preview-heading-->

		
			<button
				aria-controls="ld-nav-content-list-25050"
				aria-expanded="false"
				class="ld-expand-button ld-button-alternate "
				data-ld-expands="ld-nav-content-list-25050"
				data-ld-expand-text="Expand"
				data-ld-collapse-text="Collapse"
			>
				<span class="ld-icon-arrow-down ld-icon ld-primary-background"></span>

				<span class="ld-text screen-reader-text">
					Expand				</span>

				<span class="screen-reader-text">
					亚马逊促销				</span>

				<span class="ld-expand-text ld-primary-color">
					8 主题				</span>
			</button>
		
	</div> <!--/.ld-lesson-item-preview-->
			<div class="ld-lesson-item-expanded ld-expandable ld-nav-content-list-25050 " id="ld-nav-content-list-25050" data-ld-expand-id="ld-nav-content-list-25050">
			<div class="ld-table-list ld-topic-list">
				<div class="ld-table-list-items">
					<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e6%97%a9%e6%9c%9f%e8%af%84%e8%ae%ba%e8%80%85%e8%ae%a1%e5%88%92/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊早期评论者计划</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%bc%98%e6%83%a0%e5%88%b8%e8%ae%be%e7%bd%ae/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊优惠券设置</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%bf%83%e9%94%80%e8%b4%ad%e4%b9%b0%e6%8a%98%e6%89%a3%e8%ae%be%e7%bd%ae%e6%b5%81%e7%a8%8b/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊促销购买折扣设置流程</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e4%b9%b0%e4%b8%80%e9%80%81%e4%b8%80%e8%ae%be%e7%bd%ae%e6%b5%81%e7%a8%8b/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊买一送一设置流程</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e7%a4%be%e4%ba%a4%e5%aa%92%e4%bd%93%e4%bf%83%e9%94%80%e4%bb%a3%e7%a0%81%e8%ae%be%e7%bd%ae/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		社交媒体促销代码设置</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/prime%e4%bc%9a%e5%91%98%e4%b8%93%e4%ba%ab%e6%8a%98%e6%89%a3/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		Prime会员专享折扣</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/prime%e4%bc%9a%e5%91%98%e4%b8%93%e4%ba%ab%e6%8a%98%e6%89%a3%e5%b8%b8%e8%a7%81%e9%97%ae%e9%a2%98/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		Prime会员专享折扣常见问题</div>

	</a>
</div>

<div class="ld-table-list-item learndash-incomplete">
	<a
				class="ld-table-list-item-preview ld-primary-color-hover ld-topic-row "
		href="https://cnstudio.com/topic/%e4%ba%9a%e9%a9%ac%e9%80%8a%e8%99%9a%e6%8b%9f%e6%8d%86%e7%bb%91%e5%95%86%e5%93%81%e8%ae%be%e7%bd%ae%e6%b5%81%e7%a8%8b/"
	>
		<div class="ld-status-icon ld-status-incomplete" role="img" aria-label="Not completed"></div>
		<div class="ld-topic-title">
		亚马逊虚拟捆绑商品设置流程</div>

	</a>
</div>

				</div> <!--/.ld-table-list-items-->
							</div> <!--/.ld-topic-list-->
		</div> <!--/.ld-lesson-items-expanded-->
		</div> <!--/.ld-lesson-item-->
					</div> <!--/.ld-lesson-items-->
				</div> <!--/.ld-lesson-navigation-->
			</div> <!--/.ld-course-navigation-list-->
		</nav> <!--/.ld-course-navigation-->
			</div> <!--/.ld-focus-sidebar-wrapper-->
</div> <!--/.ld-focus-sidebar-->


	<div class="ld-focus-main" role="main">

		<div
	id="ld-focus-header"
	class="ld-focus-header"
	role="banner"
>

	
	<div class="ld-mobile-nav">
		<button
			aria-controls="ld-focus-sidebar"
			aria-expanded="false"
			aria-haspopup="true"
			aria-label="Menu"
			class="ld-trigger-mobile-nav"
		>
			<span class="bar-1"></span>
			<span class="bar-2"></span>
			<span class="bar-3"></span>
		</button>
	</div>

	
	<div class="ld-brand-logo">
	<a href="https://cnstudio.com"><img src="https://cnstudio.com/wp-content/uploads/2020/07/cnstudio-blue-logo.png" alt="" /></a>	</div>

	<div class="ld-content-actions">

		<div class="ld-content-action ">
			<a class="ld-button ld-button-transparent" href="https://cnstudio.com/topic/sellersprite%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e4%bd%bf%e7%94%a8%e6%95%99%e7%a8%8b-%e4%b8%8b-%e9%98%bf%e7%94%98-201909/">
						<span class="ld-icon ld-icon-arrow-left"></span>
						<span class="ld-text">Previous 主题</span>
		</a>
		</div>

		<div class="ld-content-action ">
					<a class="ld-button ld-button-transparent" href="https://cnstudio.com/topic/helium10%e4%ba%9a%e9%a9%ac%e9%80%8a%e9%80%89%e5%93%81blackbox-%e9%98%bf%e7%94%98/">
				<span class="ld-text">Next 主题</span>
								<span class="ld-icon ld-icon-arrow-right"></span>
							</a>
			</div>
		
</div> <!--/.ld-topic-actions-->


	</div> <!--/.ld-focus-header-->

		<div id="ld-focus-content" class="ld-focus-content">

			
			<h1>Helium10选品工具与Listing关键词优化工具-阿甘</h1>

			
			<div class="learndash learndash_post_sfwd-topic user_has_access"  id="learndash_post_26358">
<div class="learndash-wrapper learndash-wrapper--topic">
	<div class="learndash-wrapper learndash-wrap learndash-shortcode-wrap learndash-shortcode-wrap-ld_infobar-69_26358_0">

		<div class="ld-topic-status">

			<nav aria-label="Breadcrumbs" class="ld-breadcrumbs">

				
<ol class="ld-breadcrumbs-segments">
				<li>
									<a href="https://cnstudio.com/courses/%e8%b7%a8%e5%a2%83%e7%94%b5%e5%95%86%e5%85%8d%e8%b4%b9%e8%af%be%e7%a8%8b/">
						免费课程					</a>
							</li>
						<li>
									<a href="https://cnstudio.com/lessons/%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e4%b8%8e%e5%85%b3%e9%94%ae%e8%af%8d%e5%b7%a5%e5%85%b7/">
						选品工具与关键词工具					</a>
							</li>
						<li>
									<a href="" aria-current="page">
						Helium10选品工具与Listing关键词优化工具-阿甘					</a>
							</li>
			</ol>


			</nav> <!--/.ld-breadcrumbs-->

			
		</div>

		
</div>
<div class="ld-tabs ld-tab-count-1">
	
	<div class="ld-tabs-content">
		
							<div
					class="ld-tab-content ld-visible"
					id="ld-tab-content-26358"
				>
											
<iframe src="//player.bilibili.com/player.html?aid=384403080&#038;bvid=BV1VZ4y1b7Ey&#038;cid=728781711&#038;page=1" width="100%" height="480" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>

			
	</div> <!--/.ld-tabs-content-->

</div> <!--/.ld-tabs-->
<div class="learndash-wrapper learndash-shortcode-wrap-ld_navigation-69_26358_0"><div class="ld-content-actions">

		<div class="ld-content-action ">
			<a class="ld-button " href="https://cnstudio.com/topic/sellersprite%e5%8d%96%e5%ae%b6%e7%b2%be%e7%81%b5%e4%bd%bf%e7%94%a8%e6%95%99%e7%a8%8b-%e4%b8%8b-%e9%98%bf%e7%94%98-201909/">
						<span class="ld-icon ld-icon-arrow-left"></span>
						<span class="ld-text">Previous 主题</span>
		</a>
		</div>

				<div class="ld-content-action">
						<a href="https://cnstudio.com/lessons/%e9%80%89%e5%93%81%e5%b7%a5%e5%85%b7%e4%b8%8e%e5%85%b3%e9%94%ae%e8%af%8d%e5%b7%a5%e5%85%b7/" class="ld-primary-color ld-course-step-back">Back to 课</a>
			</div>
			<div class="ld-content-action ">
							<a class="ld-button " href="https://cnstudio.com/topic/helium10%e4%ba%9a%e9%a9%ac%e9%80%8a%e9%80%89%e5%93%81blackbox-%e9%98%bf%e7%94%98/">
					<span class="ld-text">Next 主题</span>
											<span class="ld-icon ld-icon-arrow-right"></span>
									</a>
						</div>
					
</div> <!--/.ld-topic-actions-->

</div></div> <!--/.learndash-wrapper-->
</div>
			
			
			
					</div> <!--/.ld-focus-content-->

	</div> <!--/.ld-focus-main-->

						</div> <!--/.ld-focus-->
			</div> <!--/.ld-learndash-wrapper-->

						<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
			<script>
				const registerAllyAction = () => {
					if ( ! window?.ElementorProFrontendConfig || ! window?.elementorFrontend?.utils?.urlActions ) {
						return;
					}

					elementorFrontend.utils.urlActions.addAction( 'allyWidget:open', () => {
						if (window?.ea11yWidget?.widget?.open) {
							return window.ea11yWidget.widget.isOpen()
								? window.ea11yWidget.widget.close()
								: window.ea11yWidget.widget.open();
						}
					} );
				};

				const waitingLimit = 30;
				let retryCounter = 0;

				const waitForElementorPro = () => {
					return new Promise( ( resolve ) => {
						const intervalId = setInterval( () => {
							if ( retryCounter === waitingLimit ) {
								resolve( null );
							}

							retryCounter++;

							if ( window.elementorFrontend && window?.elementorFrontend?.utils?.urlActions ) {
								clearInterval( intervalId );
								resolve( window.elementorFrontend );
							}
								}, 100 ); // Check every 100 milliseconds for availability of elementorFrontend
					});
				};

				waitForElementorPro().then( () => { registerAllyAction(); });
			</script>
						<script>
				( () => {
					const lazyloadRunObserver = () => {
						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
							entries.forEach( ( entry ) => {
								if ( entry.isIntersecting ) {
									let lazyloadBackground = entry.target;
									if( lazyloadBackground ) {
										lazyloadBackground.classList.add( 'e-lazyloaded' );
									}
									lazyloadBackgroundObserver.unobserve( entry.target );
								}
							});
						}, { rootMargin: '200px 0px 200px 0px' } );
						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
							lazyloadBackgroundObserver.observe( lazyloadBackground );
						} );
					};
					const events = [
						'DOMContentLoaded',
						'elementor/lazyload/observe',
					];
					events.forEach( ( event ) => {
						document.addEventListener( event, lazyloadRunObserver );
					} );
				} )();
			</script>
				<script>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<div class="learndash-wrapper learndash-wrapper-login-modal ld-modal-closed">
<div
	aria-label="Login modal"
	aria-modal="true"
	class="ld-modal ld-login-modal"
	id="ld-login-modal"
	role="dialog"
	tabindex="-1"
>
	<span
		aria-label="Close the login modal"
		class="ld-modal-closer ld-icon ld-icon-delete"
		role="button"
		tabindex="0"
	></span>

	<div class="ld-login-modal-login">
		<div class="ld-login-modal-wrapper">
						<div class="ld-modal-heading">
				Login			</div>
							<div class="ld-modal-text">
					Accessing this 课程 requires a login. Please enter your credentials below!				</div>
							<div class="ld-login-modal-form">

				<form name="loginform" id="loginform" action="https://cnstudio.com/wp-login.php" method="post"><input id="learndash-login-form" type="hidden" name="learndash-login-form" value="c90c452144" /><p class="login-username">
				<label for="user_login">用户名或邮箱地址</label>
				<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
			</p><p class="login-password">
				<label for="user_pass">密码</label>
				<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
			</p><p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> 记住我</label></p><p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="登录" />
				<input type="hidden" name="redirect_to" value="/topic/helium10%E9%80%89%E5%93%81%E5%B7%A5%E5%85%B7%E4%B8%8Elisting%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BC%98%E5%8C%96%E5%B7%A5%E5%85%B7-%E9%98%BF%E7%94%98%EF%BF%BC/?ld-topic-page=26286-1" />
			</p></form>				<a class="ld-forgot-password-link" href="https://cnstudio.com/my-account-2/lost-password/">Lost Your Password?</a>

									<div class="ld-login-modal-branding">
						<img src="https://cnstudio.com/wp-content/uploads/2020/07/cnstudio-blue-logo.png" alt="">
					</div>
					
			</div> <!--/.ld-login-modal-form-->
		</div> <!--/.ld-login-modal-wrapper-->
	</div> <!--/.ld-login-modal-login-->

	
</div> <!--/.ld-modal-->
</div><link rel='stylesheet' id='wc-blocks-style-css' href='https://cnstudio.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-11.0.1' media='all' />
<script id="astra-theme-js-js-extra">
var astra = {"break_point":"768","isRtl":"","is_scroll_to_id":"","is_scroll_to_top":"","is_header_footer_builder_active":"","responsive_cart_click":"flyout","is_dark_palette":""};
//# sourceURL=astra-theme-js-js-extra
</script>
<script id="astra-theme-js-js" src="https://cnstudio.com/wp-content/themes/astra/assets/js/minified/style.min.js?ver=4.13.8"></script>
<script id="learndash_pager_js-js" src="//cnstudio.com/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_pager.min.js?ver=5.1.7"></script>
<script id="learndash_template_script_js-js-extra">
var sfwd_data = {"json":"{\"ajaxurl\":\"https:\\/\\/cnstudio.com\\/wp-admin\\/admin-ajax.php\"}"};
//# sourceURL=learndash_template_script_js-js-extra
</script>
<script id="learndash_template_script_js-js" src="//cnstudio.com/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_template_script.min.js?ver=5.1.7"></script>
<script id="jquery-dropdown-js-js" src="//cnstudio.com/wp-content/plugins/sfwd-lms/assets/js/jquery.dropdown.min.js?ver=5.1.7"></script>
<script id="learndash-course-grid-skin-grid-js" src="https://cnstudio.com/wp-content/plugins/sfwd-lms/includes/course-grid/templates/skins/grid/script.js?ver=5.1.7"></script>
<script id="learndash-js-extra">
var LearnDash_Course_Grid = {"ajaxurl":"https://cnstudio.com/wp-admin/admin-ajax.php","nonce":{"load_posts":"711bd0bf32"}};
//# sourceURL=learndash-js-extra
</script>
<script id="learndash-js" src="https://cnstudio.com/wp-content/plugins/sfwd-lms/includes/course-grid/assets/js/script.js?ver=5.1.7"></script>
<script id="angie-canvas-template-js-before">
angieCanvasTemplateData = {"templateSlug":"angie-canvas"};
//# sourceURL=angie-canvas-template-js-before
</script>
<script id="wp-dom-ready-js" src="https://cnstudio.com/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
<script id="starter-templates-zip-preview-js-extra">
var starter_templates_zip_preview = {"AstColorPaletteVarPrefix":"--ast-global-color-","AstEleColorPaletteVarPrefix":["ast-global-color-0","ast-global-color-1","ast-global-color-2","ast-global-color-3","ast-global-color-4","ast-global-color-5","ast-global-color-6","ast-global-color-7","ast-global-color-8"]};
//# sourceURL=starter-templates-zip-preview-js-extra
</script>
<script id="starter-templates-zip-preview-js" src="https://cnstudio.com/wp-content/plugins/astra-sites/inc/lib/onboarding/assets/dist/template-preview/main.js?ver=09382f635556bec359b3"></script>
<script id="learndash-main-ns-extra">
window.learndash = window.learndash || {};
window.learndash.global = Object.assign(window.learndash.global || {}, {"ajaxurl":"https:\/\/cnstudio.com\/wp-admin\/admin-ajax.php","scrollOffset":0});
</script><script id="learndash-main-js" src="https://cnstudio.com/wp-content/plugins/sfwd-lms/src/assets/dist/js/main.js?ver=5.1.7"></script>
<script id="learndash-breakpoints-ns-extra">
window.learndash = window.learndash || {};
window.learndash.views = window.learndash.views || {};
window.learndash.views.breakpoints = Object.assign(window.learndash.views.breakpoints || {}, {"list":{"mobile":375,"tablet":420,"extra-small":600,"small":720,"medium":960,"large":1240,"wide":1440}});
</script><script id="learndash-breakpoints-js" src="https://cnstudio.com/wp-content/plugins/sfwd-lms/src/assets/dist/js/breakpoints.js?ver=5.1.7"></script>
<script id="learndash-front-js-extra">
var ldVars = {"postID":"26358","videoReqMsg":"You must watch the video before accessing this content","ajaxurl":"https://cnstudio.com/wp-admin/admin-ajax.php"};
//# sourceURL=learndash-front-js-extra
</script>
<script id="learndash-front-js" src="//cnstudio.com/wp-content/plugins/sfwd-lms/themes/ld30/assets/js/learndash.js?ver=5.1.7"></script>
<script id="sourcebuster-js-js" src="https://cnstudio.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.0.1"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://cnstudio.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script id="wc-order-attribution-js" src="https://cnstudio.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.0.1"></script>
			<script>
			/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
			</script>
			<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://cnstudio.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://cnstudio.com/wp-includes/js/wp-emoji-loader.min.js
</script>
<script type="application/json" fncls="fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99">
	{"f":"26afa56c299841fc88a16aa6ab439859","s":"_26358","sandbox":false}</script>
<script>
(function(){
  var DC_HTML = '<div class="dc-footer"><div class="dc-footer-top"><div class="dc-footer-brand"><div class="dc-footer-logo"><span class="dc-pip"></span><span class="dc-footer-wordmark">阿甘聊跨境</span></div><p class="dc-footer-blurb">每周三早 8 点 · 跨境选品研究 · 数据驱动的出海判断</p><div class="dc-footer-social"><a href="#" class="dc-footer-social-link" aria-label="邮件订阅"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></a><a href="#" class="dc-footer-social-link" aria-label="微信"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M9 11.5c.3 0 .5-.2.5-.5s-.2-.5-.5-.5-.5.2-.5.5.2.5.5.5zm5 0c.3 0 .5-.2.5-.5s-.2-.5-.5-.5-.5.2-.5.5.2.5.5.5zM12 4C6.5 4 2 7.6 2 12c0 2.5 1.4 4.7 3.5 6.2-.2.7-.5 1.7-.6 2-.1.3.2.5.4.4.3-.1 2.5-1.5 3.4-2 .8.2 1.7.3 2.6.3 5.5 0 10-3.6 10-8s-4.5-8-10-8z"></path></svg></a><a href="#" class="dc-footer-social-link" aria-label="知乎"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M5.7 4.7h12.6c.7 0 1.3.6 1.3 1.3v12c0 .7-.6 1.3-1.3 1.3H5.7c-.7 0-1.3-.6-1.3-1.3V6c0-.7.6-1.3 1.3-1.3zm1.6 3.4h2.4v6.2l-1.8 1 .6 1.1 2.2-1.2.6 1.1.9-.5-1-1.6V8.1h2.4V6.7H7.3v1.4zm6.5 0h5.2V6.7h-5.2v1.4zm0 4.6h4.7v-1.4h-4.7v1.4zm0 4h4.7v-1.4h-4.7v1.4zm-2.4-1.3l.9.5.7-1.1-2.2-1.4 1.4-1.9V8.1h-2.6V6.7h4.4v1.4h-1.4v3.4h-1.2z"></path></svg></a></div></div><div class="dc-footer-col"><h4>研究 · RESEARCH</h4><ul><li><a href="https://cnstudio.com/category/market-selection/">选品研究</a></li><li><a href="https://cnstudio.com/category/dtc/">独立站 / DTC</a></li><li><a href="https://cnstudio.com/category/free/">免费资源</a></li><li><a href="https://cnstudio.com/all-courses/">运营课程</a></li></ul></div><div class="dc-footer-col"><h4>工具 · TOOLS</h4><ul><li><a href="https://cnstudio.com/google-trends-hub/">Google Trends Hub</a></li><li><a href="https://cnstudio.com/amazon-asin-lookup/">Amazon ASIN Lookup</a></li><li><a href="https://cnstudio.com/sellersprite-tutorials/">卖家精灵教程</a></li><li><a href="https://cnstudio.com/microsoft-clarity-guide/">Clarity 入门</a></li></ul></div><div class="dc-footer-col"><h4>关于 · ABOUT</h4><ul><li><a href="https://cnstudio.com/about/">关于阿甘</a></li><li><a href="https://cnstudio.com/contact/">联系我们</a></li><li><a href="https://cnstudio.com/privacy-policy-2/">隐私政策</a></li><li><a href="https://cnstudio.com/%e4%bd%bf%e7%94%a8%e6%9d%a1%e6%ac%be/">使用条款</a></li></ul></div><div class="dc-footer-col dc-footer-newsletter"><h4>订阅 · NEWSLETTER</h4><p>每周三早 8 点，3 分钟读完一份选品摘要。</p><form class="dc-footer-form" onsubmit="event.preventDefault(); this.querySelector(&apos;button&apos;).textContent=&apos;已订阅 ✓&apos;; this.querySelector(&apos;input&apos;).value=&apos;&apos;;"><input type="email" placeholder="你的邮箱" required><button type="submit">订阅</button></form></div></div><div class="dc-footer-bottom"><span>© 2026 阿甘聊跨境 · cnstudio.com</span><span class="dc-footer-legal"><a href="https://cnstudio.com/privacy-policy-2/">隐私</a> · <a href="https://cnstudio.com/%e4%bd%bf%e7%94%a8%e6%9d%a1%e6%ac%be/">条款</a> · <a href="https://cnstudio.com/about/">关于</a> · <a href="https://cnstudio.com/contact/">联系</a></span></div></div>';



  // === SHARED FORCE HELPERS ===
  function forceEl(sel, prop, val) {
    try { document.querySelectorAll(sel).forEach(function(el) { try { el.style.setProperty(prop, val, 'important'); } catch(e){} }); } catch(e){}
  }
  function forceAll(sel, prop, val) { forceEl(sel, prop, val); }
  function forceDisplay(sel, val) { forceEl(sel, 'display', val); }
  function forceMulti(map) { for (var k in map) forceEl(k, map[k].prop, map[k].val); }

  function applyInline(node) {
    if (!node) return;
    try {
      node.style.setProperty('max-width', '1280px', 'important');
      node.style.setProperty('margin-left', 'auto', 'important');
      node.style.setProperty('margin-right', 'auto', 'important');
      node.style.setProperty('padding-left', '32px', 'important');
      node.style.setProperty('padding-right', '32px', 'important');
      node.style.setProperty('box-sizing', 'border-box', 'important');
      var top = node.querySelector('.dc-footer-top');
      if (top) {
        top.style.setProperty('gap', '32px', 'important');
        top.style.setProperty('padding-bottom', '60px', 'important');
        // Don't set grid-template-columns inline — let CSS media queries handle responsive
      }
      var bot = node.querySelector('.dc-footer-bottom');
      if (bot) {
        bot.style.setProperty('max-width', '1280px', 'important');
        bot.style.setProperty('margin', '0 auto', 'important');
        bot.style.setProperty('display', 'flex', 'important');
        bot.style.setProperty('flex-wrap', 'wrap', 'important');
        bot.style.setProperty('justify-content', 'space-between', 'important');
        bot.style.setProperty('align-items', 'center', 'important');
        bot.style.setProperty('padding', '24px 32px', 'important');
        bot.style.setProperty('box-sizing', 'border-box', 'important');
        bot.style.setProperty('gap', '16px', 'important');
      }
    } catch (e) {}
  }

  function hideHfe() {
    try {
      var sels = ['.elementor-24787', 'footer#colophon', '.site-footer', 'footer.ast-footer'];
      for (var i = 0; i < sels.length; i++) {
        var els = document.querySelectorAll(sels[i]);
        for (var j = 0; j < els.length; j++) {
          var el = els[j];
          el.style.setProperty('display', 'none', 'important');
          el.style.setProperty('visibility', 'hidden', 'important');
          el.style.setProperty('height', '0', 'important');
          el.style.setProperty('margin', '0', 'important');
          el.style.setProperty('padding', '0', 'important');
          el.style.setProperty('overflow', 'hidden', 'important');
        }
      }
    } catch (e) {}
  }

  function tryInject() {
    try {
      if (document.querySelector('.dc-footer')) return true;
      if (!document.body) return false;
      if (document.body.classList.contains('ld-in-focus-mode')) return false;
      // If page has a built-in dc-foot-* Elementor widget footer, skip injection (template 27180 archive)
      if (document.querySelector('[data-id*="foot"], [class*="dc-foot-"]')) {
        // Hide the old widgets; we'll inject ours
      }
      var wrap = document.createElement('div');
      wrap.innerHTML = DC_HTML;
      var node = wrap.firstElementChild;
      if (!node) return false;
      applyInline(node);
      // Insert: before HFE 24787 if exists, before #colophon if exists, else before </body>
      var anchor = document.querySelector('footer#colophon');
      
      if (anchor && anchor.parentNode) {
        anchor.parentNode.insertBefore(node, anchor);
        
      } else if (document.body) {
        document.body.appendChild(node);
      }
      hideHfe();
      return true;
    } catch (e) {
      return false;
    }
  }

  // Strategy: poll for body, inject, retry
  function run() {
    if (tryInject()) return;
  }

  // Wait for body
  function waitBody(attempts) {
    if (attempts <= 0) return;
    if (document.body) {
      run();
      return;
    }
    setTimeout(function() { waitBody(attempts - 1); }, 50);
  }

  // Start trying immediately (might fail if body not ready)
  run();
  
  // And also schedule many retries
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', run);
  }
  if (document.readyState !== 'complete') {
    window.addEventListener('load', run);
  }
  setTimeout(run, 0);
  setTimeout(run, 50);
  setTimeout(run, 200);
  setTimeout(run, 500);
  setTimeout(run, 1000);
  setTimeout(run, 2000);
  setTimeout(run, 4000);
  
  // Watch for late changes
  try {
    var obs = new MutationObserver(function() {
      if (!document.querySelector('.dc-footer') && document.body) {
        run();
      }
    });
    if (document.body) {
      obs.observe(document.body, { childList: true, subtree: false });
    } else {
      setTimeout(function() {
        if (document.body) {
          obs.observe(document.body, { childList: true, subtree: false });
        }
      }, 100);
    }
  } catch (e) {}

  // Inject critical mobile CSS that's truncated from snippet 27373
  (function() {
    var style = document.createElement('style');
    style.setAttribute('data-dc-mobile', '1');
    style.textContent = "@media (max-width: 1024px) { .dc-footer-top { grid-template-columns: 1fr 1fr 1fr !important; gap: 48px !important; } } @media (max-width: 640px) { .dc-footer-top { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 600px) { .dc-footer-top { grid-template-columns: 1fr !important; gap: 32px !important; } .dc-footer-col h4 { margin-bottom: 14px !important; } .dc-footer { padding: 0 16px !important; } .dc-footer-newsletter input[type=email] { width: 100% !important; max-width: 240px !important; } .dc-footer-newsletter button { width: 100% !important; margin-top: 8px !important; } }";
    document.head.appendChild(style);
  })();



  // === P20 LATE INJECT - Override Elementor page-level inline styles ===
  // Elementor inline styles for image-box-title etc. have higher specificity than snippet 27373
  // Inject this CSS via <style> in <head> AFTER all page stylesheets, so source order wins
  (function() {
    var css = `
/* P20 LATE - Override Elementor page-level image-box-title (h1=72px clamp) */
.elementor-image-box-title { font-size: 30px !important; line-height: 1.2 !important; font-weight: 800 !important; }
h1.elementor-image-box-title { font-size: 30px !important; }
.elementor-heading-title.elementor-size-default { font-size: 24px !important; line-height: 1.25 !important; }
.dc-hero-h, h1.dc-hero-h { font-size: 48px !important; line-height: 1.08 !important; font-weight: 800 !important; }

/* P20 LATE - body p */
body, body p, .elementor-widget-text-editor, .elementor-text-editor { font-size: 15px !important; line-height: 1.65 !important; }
.elementor-widget-container p { font-size: 15px !important; line-height: 1.65 !important; margin: 0 0 12px !important; }
body.archive h1, body.single h1 { font-size: 30px !important; line-height: 1.2 !important; }
body h1 { font-size: 36px !important; line-height: 1.15 !important; font-weight: 800 !important; }
body h2 { font-size: 26px !important; line-height: 1.2 !important; }
body h3 { font-size: 20px !important; line-height: 1.3 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl { font-size: 42px !important; line-height: 1.15 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-xl  { font-size: 32px !important; line-height: 1.2 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-lg  { font-size: 24px !important; line-height: 1.25 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-md  { font-size: 20px !important; line-height: 1.3 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-sm  { font-size: 16px !important; line-height: 1.4 !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-xs  { font-size:15px !important; line-height: 1.5 !important; }
.elementor-widget-heading h1.elementor-heading-title { font-size: 36px !important; line-height: 1.15 !important; }
.elementor-widget-heading h2.elementor-heading-title { font-size: 26px !important; line-height: 1.2 !important; }
.elementor-widget-heading h3.elementor-heading-title { font-size: 20px !important; line-height: 1.3 !important; }
.elementor-widget-heading h4.elementor-heading-title { font-size: 16px !important; line-height: 1.4 !important; }

/* P20 LATE - Section padding */
.elementor-top-section { padding-top: 80px !important; padding-bottom: 80px !important; }
.elementor-inner-section { padding: 48px 32px !important; }
[data-id="a02hero0"] { padding-top: 96px !important; padding-bottom: 64px !important; min-height: 0 !important; }
[data-id="a03marq0"] { padding: 16px 0 !important; min-height: 0 !important; }
[data-id="a05stat0"] { padding: 56px 32px !important; }
[data-id="a05stat0"] .elementor-counter-number-wrapper { font-size: 36px !important; line-height: 1.1 !important; }
[data-id="a05stat0"] .elementor-counter-title { font-size:15px !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; margin-top: 6px !important; color: rgba(255,255,255,0.55) !important; }
[data-id="c9d0e1f2"] .elementor-heading-title { font-size: 48px !important; line-height: 1.1 !important; font-weight: 800 !important; }
[data-id="c9d0e1f2"] .elementor-widget-text-editor,
[data-id="c9d0e1f2"] p { font-size: 16px !important; line-height: 1.6 !important; }

/* P20 LATE - Article cards */
.elementor-post__title { font-size: 15px !important; line-height: 1.35 !important; font-weight: 600 !important; }
body.archive .elementor-post__excerpt { font-size:14px !important; line-height: 1.5 !important; }
body.archive .elementor-post__card { padding: 14px !important; }
.elementor-post__thumbnail { border-radius: 8px !important; aspect-ratio: 16/9 !important; max-height: 180px !important; }
.elementor-post__thumbnail img { max-height: 180px !important; }

/* P20 LATE - Single post */
body.single .entry-title, body.single-post h1.entry-title { font-size: 30px !important; line-height: 1.2 !important; font-weight: 800 !important; }
body.single .entry-content { font-size: 15px !important; line-height: 1.75 !important; max-width: 760px !important; margin: 0 auto !important; }
body.single .elementor-widget-theme-post-featured-image img { max-height: 420px !important; }

/* P20 LATE - Buttons */
.elementor-button { padding: 10px 20px !important; font-size:15px !important; border-radius: 8px !important; }
.elementor-button.elementor-size-lg { padding: 12px 28px !important; font-size: 14px !important; }

/* P20 LATE - Icon boxes / image boxes */
.elementor-icon-box-title { font-size: 16px !important; line-height: 1.3 !important; }
.elementor-icon-box-description { font-size:15px !important; line-height: 1.5 !important; color: rgba(255,255,255,0.6) !important; }
.elementor-image-box-title { font-size: 16px !important; line-height: 1.3 !important; }
.elementor-image-box-description { font-size:15px !important; line-height: 1.5 !important; color: rgba(255,255,255,0.6) !important; }

/* P20 LATE - Mobile */
@media (max-width: 1024px) {
  .elementor-top-section { padding-top: 64px !important; padding-bottom: 64px !important; }
  .elementor-inner-section { padding: 32px 20px !important; }
  [data-id="a02hero0"] { padding-top: 72px !important; padding-bottom: 48px !important; }
  [data-id="c9d0e1f2"] .elementor-heading-title { font-size: 32px !important; }
  [data-id="a05stat0"] .elementor-counter-number-wrapper { font-size: 28px !important; }
  body h1, .elementor-widget-heading h1.elementor-heading-title { font-size: 28px !important; }
  body h2, .elementor-widget-heading h2.elementor-heading-title { font-size: 22px !important; }
  .dc-hero-h, h1.dc-hero-h { font-size: 32px !important; }
  h1.elementor-image-box-title { font-size: 24px !important; }
}
@media (max-width: 768px) {
  .elementor-top-section { padding-top: 48px !important; padding-bottom: 48px !important; }
  .elementor-inner-section { padding: 24px 16px !important; }
  [data-id="a02hero0"] { padding-top: 56px !important; padding-bottom: 32px !important; }
  [data-id="c9d0e1f2"] .elementor-heading-title { font-size: 24px !important; line-height: 1.2 !important; }
  [data-id="a05stat0"] .elementor-counter-number-wrapper { font-size: 24px !important; }
  body h1, .elementor-widget-heading h1.elementor-heading-title { font-size: 22px !important; }
  body h2, .elementor-widget-heading h2.elementor-heading-title { font-size: 18px !important; }
  body h3, .elementor-widget-heading h3.elementor-heading-title { font-size: 16px !important; }
  body, body p, .elementor-text-editor { font-size: 14px !important; }
  body.single .entry-title, body.single-post h1.entry-title { font-size: 22px !important; }
  body.single .entry-content { font-size: 14px !important; }
  .elementor-post__thumbnail { max-height: 140px !important; }
  .elementor-post__title { font-size:15px !important; }
  .dc-hero-h, h1.dc-hero-h { font-size: 24px !important; }
  h1.elementor-image-box-title { font-size: 20px !important; }
  .elementor-image-box-title { font-size: 14px !important; }
}
@media (max-width: 480px) {
  .elementor-top-section { padding-top: 40px !important; padding-bottom: 40px !important; }
  [data-id="c9d0e1f2"] .elementor-heading-title { font-size: 20px !important; }
  [data-id="a02hero0"] { padding-top: 48px !important; padding-bottom: 24px !important; }
}
`;
    var style = document.createElement('style');
    style.setAttribute('data-dc-late-compact', '1');
    style.textContent = css;
    document.head.appendChild(style);
  })();

  // === P20 FORCE - Use JS to set inline !important font-size ===
  // This beats any page-level CSS rule (including Elementor body.page-id .elementor-element)
  (function() {
    function force(el, prop, val) {
      if (!el) return;
      try { el.style.setProperty(prop, val, 'important'); } catch(e) {}
    }
    function forceAll(selector, prop, val) {
      document.querySelectorAll(selector).forEach(function(el) { force(el, prop, val); });
    }
    // Hero h1 (home)
    forceAll('h1.dc-hero-h', 'font-size', '48px');
    // Image-box h1 (about/contact/all-courses)
    forceAll('h1.elementor-image-box-title', 'font-size', '30px');
    // Archive h1 (cat-msel etc)
    if (document.body.classList.contains('archive')) {
      forceAll('h1', 'font-size', '30px');
    }
    // Single post h1
    if (document.body.classList.contains('single')) {
      forceAll('h1.entry-title', 'font-size', '30px');
    }
    // Heading size-default (contact 2nd h1)
    forceAll('.elementor-heading-title.elementor-size-default', 'font-size', '24px');
    // Hero column
    forceAll('[data-id="c9d0e1f2"] .elementor-heading-title', 'font-size', '48px');
    // Section padding for about/contact/all-courses
    document.querySelectorAll('body.page .elementor-top-section').forEach(function(sec) {
      force(sec, 'padding-top', '80px');
      force(sec, 'padding-bottom', '80px');
    });
    // Watch for late Elementor widgets
    try {
      var obs2 = new MutationObserver(function(muts) {
        muts.forEach(function(m) {
          m.addedNodes.forEach(function(node) {
            if (node.nodeType === 1) {
              if (node.matches && node.matches('h1.dc-hero-h')) force(node, 'font-size', '48px');
              if (node.matches && node.matches('h1.elementor-image-box-title')) force(node, 'font-size', '30px');
              if (node.querySelectorAll) {
                node.querySelectorAll('h1.dc-hero-h').forEach(function(e){force(e,'font-size','48px')});
                node.querySelectorAll('h1.elementor-image-box-title').forEach(function(e){force(e,'font-size','30px')});
              }
            }
          });
        });
      });
      if (document.body) obs2.observe(document.body, { childList: true, subtree: true });
    } catch(e) {}
  })();

  // v2: also force home hand-typed h2
  forceAll('h2.dc-section-h', 'font-size', '32px');
  forceAll('h2.dc-showcase-h', 'font-size', '32px');
  forceAll('h2.dc-cta-h', 'font-size', '32px');


  (function() {
    var css = `body.single .entry-title, body.single-post h1.entry-title { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; }
body.single .entry-header, body.single-post .entry-header { max-width: 760px !important; margin: 0 auto !important; padding: 0 24px !important; }
body.single .entry-meta, body.single-post .entry-meta { max-width: 760px !important; margin: 0 auto 16px !important; padding: 0 24px !important; }
body.single .wp-post-image, body.single .elementor-widget-theme-post-featured-image img { display: block !important; max-width: 760px !important; max-height: 420px !important; width: auto !important; height: auto !important; margin: 0 auto 24px !important; border-radius: 12px !important; }
`;
    var style = document.createElement('style');
    style.setAttribute('data-dc-late-compact-2', '1');
    style.textContent = css;
    document.head.appendChild(style);
  })();


  (function() {
    var css = `.dc-hero-eyebrow { font-size:15px !important; line-height: 1.4 !important; }
`;
    var style = document.createElement('style');
    style.setAttribute('data-dc-late-compact-3', '1');
    style.textContent = css;
    document.head.appendChild(style);
  })();

  // v3: force hero eyebrow to 13px
  forceAll('.dc-hero-eyebrow', 'font-size', '13px');


  (function() {
    var css = `header .main-header-menu > li > a, header .ast-nav-menu > li > a, header .main-header-menu a, header nav a { font-size: 15px !important; }
`;
    var style = document.createElement('style');
    style.setAttribute('data-dc-late-compact-4', '1');
    style.textContent = css;
    document.head.appendChild(style);
  })();

  // v4: force nav font-size to 15px
  forceAll('header .main-header-menu > li > a', 'font-size', '15px');
  forceAll('header .ast-nav-menu > li > a', 'font-size', '15px');
  forceAll('header nav a', 'font-size', '15px');

  // === TASTE-SKILL TYPE FORCING v2 ===
  function forceEl(sel, prop, val) {
    document.querySelectorAll(sel).forEach(function(el) { try { el.style.setProperty(prop, val, 'important'); } catch(e){} });
  }
  // h3.dc-feat-h → 20
  forceEl('h3.dc-feat-h', 'font-size', '20px');
  // h4 elementor-size-default → 14
  forceEl('h4.elementor-heading-title.elementor-size-default', 'font-size', '14px');
  // h3 elementor-post__title → 15
  forceEl('h3.elementor-post__title', 'font-size', '15px');
  // empty h1
  document.querySelectorAll('h1.elementor-heading-title:empty').forEach(function(el) { el.style.setProperty('display', 'none', 'important'); });

  // === TASTE-SKILL TYPE FORCING v2 (with periodic re-apply) ===
  function forceEl(sel, prop, val) {
    document.querySelectorAll(sel).forEach(function(el) { try { el.style.setProperty(prop, val, 'important'); } catch(e){} });
  }
  // Initial force
  forceEl('h3.dc-feat-h', 'font-size', '20px');
  forceEl('h4.elementor-heading-title.elementor-size-default', 'font-size', '14px');
  forceEl('h3.elementor-post__title', 'font-size', '15px');
  // Empty h1
  document.querySelectorAll('h1.elementor-heading-title:empty').forEach(function(el) { el.style.setProperty('display', 'none', 'important'); });
  // Re-apply every 1.5s for 20s to fight Elementor async restyles
  var n = 0;
  var interval = setInterval(function() {
    n++;
    forceEl('h3.dc-feat-h', 'font-size', '20px');
    forceEl('h4.elementor-heading-title.elementor-size-default', 'font-size', '14px');
    forceEl('h3.elementor-post__title', 'font-size', '15px');
    document.querySelectorAll('h1.elementor-heading-title:empty').forEach(function(el) { el.style.setProperty('display', 'none', 'important'); });
    if (n >= 15) clearInterval(interval);
  }, 1500);

  forceEl('.legal-h1', 'font-size', '36px');


  (function() {
    var css = `@media (max-width: 921px) { .main-header-menu, ul.main-header-menu.ast-menu-shadow, .ast-menu-shadow { background: rgb(13, 14, 58) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4) !important; padding: 8px 0 !important; } .main-header-menu > li, .main-header-menu > li > a, ul.main-header-menu > li > a.menu-link { color: #ffffff !important; background: transparent !important; padding: 12px 20px !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 500 !important; } .main-header-menu > li > a:hover { background: rgba(88, 101, 242, 0.12) !important; color: #8b95ff !important; } }`;
    var style = document.createElement('style');
    style.setAttribute('data-dc-mob-menu', '1');
    style.textContent = css;
    document.head.appendChild(style);
  })();

  var mobMenus = document.querySelectorAll('.main-header-menu, ul.main-header-menu');
  mobMenus.forEach(function(el) {
    try { el.style.setProperty('background', 'rgb(13, 14, 58)', 'important'); } catch(e){}
    el.querySelectorAll('a').forEach(function(a) { try { a.style.setProperty('color', '#ffffff', 'important'); } catch(e){} });
  });
/* ============================================================
   P22 #3 — WC force inline !important + late-inject CSS
   Inject this into 27405 before the final })();
   ============================================================ */

// Late-inject WC critical CSS (covers any Elementor page-level overrides)
(function() {
  var css = `
/* P22 #3 late-inject: WC critical */
.woocommerce h1, .woocommerce h1.page-title, .woocommerce-products-header__title, .woocommerce-account h1 {
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  margin: 0 0 24px 0 !important;
}
body.woocommerce form .form-row input.input-text,
body.woocommerce form .form-row textarea,
body.woocommerce form .form-row select,
body.woocommerce-account input.input-text,
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"] {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 101, 242, 0.3) !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  min-height: 40px !important;
}
body.woocommerce form .form-row label,
body.woocommerce-account form .form-row label,
body.woocommerce form .form-row .required {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 500 !important;
  font-size:15px !important;
}
body.woocommerce form .form-row label .required,
body.woocommerce form .form-row .required {
  color: rgb(237, 66, 69) !important;
  border: 0 !important;
  text-decoration: none !important;
}
body.woocommerce button.button,
body.woocommerce a.button,
body.woocommerce input.button,
body.woocommerce button.woocommerce-form-login__submit,
body.woocommerce button.woocommerce-form-register__submit,
body.woocommerce form.login button.button,
body.woocommerce form.register button.button {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
}
body.woocommerce form.login button.button,
body.woocommerce form.register button.button,
body.woocommerce button.woocommerce-form-login__submit,
body.woocommerce button.woocommerce-form-register__submit {
  width: 100% !important;
  padding: 11px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
a.checkout-button,
.woocommerce-checkout #payment #place_order {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
}
.woocommerce ul.products li.product {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(88, 101, 242, 0.15) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(88, 101, 242, 0.5) !important;
  box-shadow: 0 12px 32px -8px rgba(88, 101, 242, 0.25) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce-Price-amount {
  color: rgb(76, 209, 130) !important;
  font-weight: 700 !important;
}
.woocommerce a.add_to_cart_button,
.woocommerce a.product_type_simple,
.woocommerce ul.products li.product .button {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-size:15px !important;
  font-weight: 600 !important;
}
.woocommerce-MyAccount-navigation {
  background: rgba(15, 18, 60, 0.5) !important;
  border: 1px solid rgba(88, 101, 242, 0.2) !important;
  border-radius: 12px !important;
  padding: 12px !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: rgb(88, 101, 242) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
.woocommerce-MyAccount-navigation ul li a {
  color: rgba(255, 255, 255, 0.75) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
.woocommerce-MyAccount-content {
  background: rgba(15, 18, 60, 0.4) !important;
  border: 1px solid rgba(88, 101, 242, 0.15) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
.woocommerce-account .site-content,
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce .site-content {
  background: transparent !important;
}
body.woocommerce-account.woocommerce-page .ast-container,
.woocommerce-account .ast-container,
.woocommerce-cart .ast-container,
.woocommerce-checkout .ast-container {
  background: transparent !important;
}
`;
  var style = document.createElement('style');
  style.setAttribute('data-dc-wc-p22', '1');
  style.textContent = css;
  document.head.appendChild(style);
})();

// Force inline !important for critical WC elements (beats any Elementor page-level CSS)
function forceWC() {
  // Page titles
  var titleSelectors = [
    '.woocommerce h1', '.woocommerce h1.page-title',
    '.woocommerce-products-header__title',
    '.woocommerce-account h1', '.woocommerce-account .entry-title',
    'body.woocommerce-account h1',
    'body.woocommerce-cart h1', 'body.woocommerce-checkout h1'
  ];
  titleSelectors.forEach(function(sel) {
    document.querySelectorAll(sel).forEach(function(el) {
      try {
        el.style.setProperty('color', '#ffffff', 'important');
        el.style.setProperty('font-size', '30px', 'important');
        el.style.setProperty('font-weight', '700', 'important');
        el.style.setProperty('line-height', '1.2', 'important');
        el.style.setProperty('margin', '0 0 24px 0', 'important');
      } catch(e) {}
    });
  });

  // Form labels — brighter
  document.querySelectorAll('.woocommerce form .form-row label, .woocommerce-account form .form-row label, .woocommerce form .form-row .required').forEach(function(el) {
    try {
      el.style.setProperty('color', 'rgba(255, 255, 255, 0.92)', 'important');
      el.style.setProperty('font-weight', '500', 'important');
      el.style.setProperty('font-size', '15px', 'important');
    } catch(e) {}
  });

  // Required field markers
  document.querySelectorAll('.woocommerce form .form-row .required, .woocommerce form .form-row label .required').forEach(function(el) {
    try {
      el.style.setProperty('color', 'rgb(237, 66, 69)', 'important');
      el.style.setProperty('border', '0', 'important');
      el.style.setProperty('text-decoration', 'none', 'important');
      el.style.setProperty('font-weight', '700', 'important');
    } catch(e) {}
  });

  // Form inputs
  document.querySelectorAll('.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce-account input.input-text, .woocommerce-account input[type="text"], .woocommerce-account input[type="email"], .woocommerce-account input[type="password"]').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgba(0, 0, 0, 0.4)', 'important');
      el.style.setProperty('color', '#ffffff', 'important');
      el.style.setProperty('border', '1px solid rgba(88, 101, 242, 0.3)', 'important');
      el.style.setProperty('border-radius', '6px', 'important');
      el.style.setProperty('padding', '10px 12px', 'important');
      el.style.setProperty('min-height', '40px', 'important');
    } catch(e) {}
  });

  // Login/Register submit buttons
  document.querySelectorAll('.woocommerce form.login button.button, .woocommerce form.register button.button, .woocommerce button.woocommerce-form-login__submit, .woocommerce button.woocommerce-form-register__submit, .woocommerce form.login input[type=submit], .woocommerce form.register input[type=submit]').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgb(88, 101, 242)', 'important');
      el.style.setProperty('color', '#ffffff', 'important');
      el.style.setProperty('border', '0', 'important');
      el.style.setProperty('border-radius', '6px', 'important');
      el.style.setProperty('width', '100%', 'important');
      el.style.setProperty('padding', '11px 24px', 'important');
      el.style.setProperty('font-weight', '600', 'important');
      el.style.setProperty('font-size', '14px', 'important');
    } catch(e) {}
  });

  // Login/Register form cards
  document.querySelectorAll('.woocommerce form.login, .woocommerce form.register, .woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgba(15, 18, 60, 0.5)', 'important');
      el.style.setProperty('border', '1px solid rgba(88, 101, 242, 0.2)', 'important');
      el.style.setProperty('border-radius', '12px', 'important');
      el.style.setProperty('padding', '28px', 'important');
    } catch(e) {}
  });

  // Proceed to checkout button
  document.querySelectorAll('.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, a.checkout-button, .woocommerce-checkout #payment #place_order').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgb(88, 101, 242)', 'important');
      el.style.setProperty('color', '#ffffff', 'important');
      el.style.setProperty('border', '0', 'important');
      el.style.setProperty('border-radius', '8px', 'important');
      el.style.setProperty('padding', '14px 24px', 'important');
      el.style.setProperty('font-weight', '700', 'important');
      el.style.setProperty('font-size', '15px', 'important');
      el.style.setProperty('width', '100%', 'important');
    } catch(e) {}
  });

  // Shop product cards
  document.querySelectorAll('.woocommerce ul.products li.product').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgba(15, 18, 60, 0.5)', 'important');
      el.style.setProperty('border', '1px solid rgba(88, 101, 242, 0.15)', 'important');
      el.style.setProperty('border-radius', '12px', 'important');
      el.style.setProperty('padding', '16px', 'important');
    } catch(e) {}
  });

  // Shop product title
  document.querySelectorAll('.woocommerce-loop-product__title').forEach(function(el) {
    try {
      el.style.setProperty('color', '#ffffff', 'important');
      el.style.setProperty('font-size', '15px', 'important');
      el.style.setProperty('font-weight', '600', 'important');
    } catch(e) {}
  });

  // Price — green
  document.querySelectorAll('.woocommerce .price, .woocommerce-Price-amount').forEach(function(el) {
    try {
      el.style.setProperty('color', 'rgb(76, 209, 130)', 'important');
      el.style.setProperty('font-weight', '700', 'important');
    } catch(e) {}
  });

  // Add to cart button on shop
  document.querySelectorAll('.woocommerce a.add_to_cart_button, .woocommerce a.product_type_simple, .woocommerce ul.products li.product .button').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgb(88, 101, 242)', 'important');
      el.style.setProperty('color', '#ffffff', 'important');
      el.style.setProperty('border', '0', 'important');
      el.style.setProperty('border-radius', '6px', 'important');
      el.style.setProperty('padding', '8px 16px', 'important');
      el.style.setProperty('font-weight', '600', 'important');
      el.style.setProperty('font-size', '15px', 'important');
    } catch(e) {}
  });

  // My-account nav sidebar
  document.querySelectorAll('.woocommerce-MyAccount-navigation').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgba(15, 18, 60, 0.5)', 'important');
      el.style.setProperty('border', '1px solid rgba(88, 101, 242, 0.2)', 'important');
      el.style.setProperty('border-radius', '12px', 'important');
      el.style.setProperty('padding', '12px', 'important');
    } catch(e) {}
  });

  // My-account active nav item
  document.querySelectorAll('.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li.current a').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgb(88, 101, 242)', 'important');
      el.style.setProperty('color', '#ffffff', 'important');
      el.style.setProperty('font-weight', '600', 'important');
    } catch(e) {}
  });

  // My-account dashboard
  document.querySelectorAll('.woocommerce-MyAccount-content').forEach(function(el) {
    try {
      el.style.setProperty('background', 'rgba(15, 18, 60, 0.4)', 'important');
      el.style.setProperty('border', '1px solid rgba(88, 101, 242, 0.15)', 'important');
      el.style.setProperty('border-radius', '12px', 'important');
      el.style.setProperty('padding', '24px', 'important');
    } catch(e) {}
  });

  // Site content backgrounds (kill white)
  document.querySelectorAll('.woocommerce-account .site-content, .woocommerce-cart .site-content, .woocommerce-checkout .site-content, .woocommerce .site-content, .woocommerce-account .ast-container, .woocommerce-cart .ast-container, .woocommerce-checkout .ast-container').forEach(function(el) {
    try { el.style.setProperty('background', 'transparent', 'important'); } catch(e) {}
  });

  // Single product title
  document.querySelectorAll('.woocommerce div.product .product_title').forEach(function(el) {
    try {
      el.style.setProperty('color', '#ffffff', 'important');
      el.style.setProperty('font-size', '28px', 'important');
      el.style.setProperty('font-weight', '700', 'important');
    } catch(e) {}
  });
}

// Initial apply
try { forceWC(); } catch(e) {}

// setInterval to fight Elementor async restyles (every 1.5s for 20s)
var wcN = 0;
var wcInterval = setInterval(function() {
  wcN++;
  try { forceWC(); } catch(e) {}
  if (wcN >= 15) clearInterval(wcInterval);
}, 1500);

// Re-apply on DOM changes (Elementor async widgets)
try {
  var wcObserver = new MutationObserver(function(mutations) {
    if (document.body.classList.contains('woocommerce') || document.body.classList.contains('woocommerce-account') || document.body.classList.contains('woocommerce-cart') || document.body.classList.contains('woocommerce-checkout')) {
      try { forceWC(); } catch(e) {}
    }
  });
  wcObserver.observe(document.body, { childList: true, subtree: true });
} catch(e) {}



// P22 #3 v2 — Select2 + login form extras
// Run inside same IIFE before final })();

document.querySelectorAll('.select2-container .select2-selection--single').forEach(function(el) {
  try {
    el.style.setProperty('background', 'rgba(0, 0, 0, 0.4)', 'important');
    el.style.setProperty('border', '1px solid rgba(88, 101, 242, 0.3)', 'important');
    el.style.setProperty('border-radius', '6px', 'important');
    el.style.setProperty('height', '40px', 'important');
  } catch(e) {}
});

document.querySelectorAll('.select2-container .select2-selection--single .select2-selection__rendered').forEach(function(el) {
  try {
    el.style.setProperty('color', '#ffffff', 'important');
    el.style.setProperty('line-height', '40px', 'important');
    el.style.setProperty('padding-left', '0', 'important');
  } catch(e) {}
});

document.querySelectorAll('.select2-dropdown, .select2-results__options').forEach(function(el) {
  try {
    el.style.setProperty('background', 'rgb(20, 22, 60)', 'important');
    el.style.setProperty('border', '1px solid rgba(88, 101, 242, 0.3)', 'important');
  } catch(e) {}
});

document.querySelectorAll('.select2-results__option').forEach(function(el) {
  try {
    el.style.setProperty('color', 'rgba(255, 255, 255, 0.85)', 'important');
  } catch(e) {}
});

// Force site-content backgrounds transparent on WC pages
['.woocommerce-account .site-content', '.woocommerce-cart .site-content', '.woocommerce-checkout .site-content', '.woocommerce .site-content', '.woocommerce-account .ast-container', '.woocommerce-cart .ast-container', '.woocommerce-checkout .ast-container', 'body.woocommerce-page .site-content', 'body.woocommerce-account .site-content'].forEach(function(sel) {
  document.querySelectorAll(sel).forEach(function(el) {
    try { el.style.setProperty('background', 'transparent', 'important'); } catch(e) {}
  });
});

// Force login/register submit button text
document.querySelectorAll('.woocommerce form.login input[type=submit], .woocommerce form.register input[type=submit], .woocommerce form.login button, .woocommerce form.register button, .woocommerce form.woocommerce-form-login input[type=submit], .woocommerce form.woocommerce-form-register input[type=submit]').forEach(function(el) {
  try {
    el.style.setProperty('color', '#ffffff', 'important');
    el.style.setProperty('font-weight', '600', 'important');
    el.style.setProperty('font-size', '14px', 'important');
  } catch(e) {}
});


/* ============================================================
   P23 — LearnDash focus mode header/footer restoration
   When body.ld-in-focus-mode detected, inject minimal header + footer + exit button
   ============================================================ */
(function() {
  function ldFix() {
    if (!document.body.classList.contains('ld-in-focus-mode')) return;
    if (document.querySelector('.dc-ld-injected-header')) return; // already injected

    // 1) Minimal Discord header
    var header = document.createElement('div');
    header.className = 'dc-ld-injected-header';
    header.innerHTML = '' +
      '<a href="https://cnstudio.com/" class="dc-ld-logo">CNSTUDIO.COM</a>' +
      '<nav class="dc-ld-nav">' +
        '<a href="https://cnstudio.com/">首页</a>' +
        '<a href="https://cnstudio.com/courses/">运营课程</a>' +
        '<a href="https://cnstudio.com/category/market-selection/">选品</a>' +
        '<a href="https://cnstudio.com/category/amazon/">亚马逊</a>' +
        '<a href="https://cnstudio.com/category/standalone-site/">独立站</a>' +
        '<a href="https://cnstudio.com/category/download/">资料下载</a>' +
        '<a href="https://cnstudio.com/about/">关于</a>' +
        '<a href="https://cnstudio.com/contact/">联系</a>' +
      '</nav>' +
      '<a href="javascript:void(0)" class="dc-ld-exit" onclick="window.history.length>1?window.history.back():(location.href=\'https://cnstudio.com/\')">← 退出专注模式</a>';
    document.body.insertBefore(header, document.body.firstChild);

    // 2) Minimal Discord footer
    var footer = document.createElement('div');
    footer.className = 'dc-ld-injected-footer';
    footer.innerHTML = '' +
      '<div class="dc-ld-footer-inner">' +
        '<div class="dc-ld-footer-brand">' +
          '<span class="dc-ld-dot"></span><strong>阿甘聊跨境</strong>' +
          '<p>每周三早 8 点 · 跨境选品研究 · 数据驱动的出海判断</p>' +
        '</div>' +
        '<div class="dc-ld-footer-cols">' +
          '<div><h5>研究</h5><a href="https://cnstudio.com/category/market-selection/">选品研究</a><a href="https://cnstudio.com/category/standalone-site/">独立站 / DTC</a><a href="https://cnstudio.com/category/download/">免费资源</a><a href="https://cnstudio.com/courses/">运营课程</a></div>' +
          '<div><h5>工具</h5><a href="https://cnstudio.com/google-trends-hub/">Google Trends Hub</a><a href="https://cnstudio.com/amazon-asin-lookup/">Amazon ASIN Lookup</a><a href="https://cnstudio.com/courses/">卖家精灵教程</a><a href="https://cnstudio.com/clarity-lp/">Clarity 入门</a></div>' +
          '<div><h5>关于</h5><a href="https://cnstudio.com/about/">关于阿甘</a><a href="https://cnstudio.com/contact/">联系我们</a><a href="https://cnstudio.com/privacy-policy-2/">隐私政策</a><a href="https://cnstudio.com/%e4%bd%bf%e7%94%a8%e6%9d%a1%e6%ac%be/">使用条款</a></div>' +
        '</div>' +
      '</div>' +
      '<div class="dc-ld-footer-bottom">' +
        '<span>© 2026 阿甘聊跨境 · cnstudio.com</span>' +
        '<span class="dc-ld-footer-legal"><a href="https://cnstudio.com/privacy-policy-2/">隐私</a> · <a href="https://cnstudio.com/%e4%bd%bf%e7%94%a8%e6%9d%a1%e6%ac%be/">条款</a> · <a href="https://cnstudio.com/about/">关于</a> · <a href="https://cnstudio.com/contact/">联系</a></span>' +
      '</div>';
    document.body.appendChild(footer);

    // 3) Spacer top so content doesn't hide under header
    var spacer = document.createElement('div');
    spacer.className = 'dc-ld-spacer';
    document.body.insertBefore(spacer, document.body.firstChild.nextSibling);
  }
  try { ldFix(); } catch(e) { console.error('ld-fix', e); }

  // Re-check after delays (LD may flip body class async)
  setTimeout(function() { try { ldFix(); } catch(e) {} }, 500);
  setTimeout(function() { try { ldFix(); } catch(e) {} }, 1500);
  setTimeout(function() { try { ldFix(); } catch(e) {} }, 3000);
})();

/* ============================================================
   P23 — Strip "Built with Space Grotesk" from dc-foot-bottom
   Some Elementor HTML widgets have this hardcoded
   ============================================================ */
(function() {
  function stripSpace() {
    // Find all elements containing the offending text — covers BOTH the JS-injected dc-footer AND Elementor HTML widget
    var candidates = document.querySelectorAll('.dc-foot-bottom div, .dc-foot-bottom span, .dc-footer-bottom div, .dc-footer-bottom span, .dc-foot p, .dc-footer p, .dc-footer-meta, footer p, footer div');
    candidates.forEach(function(el) {
      var t = el.textContent || '';
      if ((t.indexOf('Built with Space Grotesk') !== -1) || (t.indexOf('Space Grotesk') !== -1) || (t.indexOf('Curated by') !== -1 && t.indexOf('阿甘') !== -1)) {
        // Only remove the leaf element (no children, just text)
        if (el.children.length === 0) {
          el.style.setProperty('display', 'none', 'important');
        }
      }
    });
  }
  try { stripSpace(); } catch(e) {}
  setTimeout(stripSpace, 500);
  setTimeout(stripSpace, 1500);
  setTimeout(stripSpace, 3000);
})();



/* === P24 v3 INLINE LOGO OVERRIDE === */
/* ============================================================
   P24 v3 — Inline !important override (beats any Elementor inline style)
   This is the FINAL layer: sets inline !important on every page
   ============================================================ */
(function() {
  if (window.__dcLogoV3) return; window.__dcLogoV3 = true;

  function isMobile() { try { var w = document.documentElement.clientWidth || window.innerWidth; return w <= 921; } catch(e) { return false; } }
  function isDesktop() { return !isMobile(); }

  function forceLogo() {
    var mobile = isMobile();
    var LOGO_H = mobile ? 24 : 28;
    var IDENTITY_PAD = 14;
    var CONTAINER_PAD = mobile ? 16 : 0;

    // Logo image (the actual <img>)
    document.querySelectorAll('.site-logo-img, img.custom-logo').forEach(function(img) {
      try {
        img.style.setProperty('height', LOGO_H + 'px', 'important');
        img.style.setProperty('max-height', LOGO_H + 'px', 'important');
        img.style.setProperty('width', 'auto', 'important');
        img.style.setProperty('max-width', '200px', 'important');
        img.style.setProperty('margin', '0', 'important');
        img.style.setProperty('padding', '0', 'important');
        img.style.setProperty('display', 'inline-block', 'important');
        img.style.setProperty('vertical-align', 'middle', 'important');
        img.style.setProperty('filter', 'brightness(0) invert(1)', 'important');
      } catch(e){}
    });

    // Logo <a> wrapper
    document.querySelectorAll('.custom-logo, a.custom-logo').forEach(function(a) {
      try {
        a.style.setProperty('height', LOGO_H + 'px', 'important');
        a.style.setProperty('max-height', LOGO_H + 'px', 'important');
        a.style.setProperty('width', 'auto', 'important');
        a.style.setProperty('display', 'inline-block', 'important');
        a.style.setProperty('line-height', '1', 'important');
        a.style.setProperty('margin', '0', 'important');
        a.style.setProperty('padding', '0', 'important');
        a.style.setProperty('vertical-align', 'middle', 'important');
      } catch(e){}
    });

    // Site title text fallback
    document.querySelectorAll('.site-title, .site-title a').forEach(function(t) {
      try {
        t.style.setProperty('font-size', (mobile ? 15 : 18) + 'px', 'important');
        t.style.setProperty('line-height', '1', 'important');
        t.style.setProperty('height', LOGO_H + 'px', 'important');
        t.style.setProperty('display', 'inline-flex', 'important');
        t.style.setProperty('align-items', 'center', 'important');
        t.style.setProperty('margin', '0', 'important');
        t.style.setProperty('padding', '0', 'important');
        t.style.setProperty('color', '#fff', 'important');
      } catch(e){}
    });

    // Brand identity (the container with green pip)
    document.querySelectorAll('.ast-site-identity').forEach(function(el) {
      try {
        el.style.setProperty('position', 'relative', 'important');
        el.style.setProperty('display', 'inline-flex', 'important');
        el.style.setProperty('align-items', 'center', 'important');
        el.style.setProperty('padding-left', IDENTITY_PAD + 'px', 'important');
        el.style.setProperty('padding-right', '0', 'important');
        el.style.setProperty('margin', '0', 'important');
        el.style.setProperty('min-height', LOGO_H + 'px', 'important');
        el.style.setProperty('line-height', '1', 'important');
      } catch(e){}
    });

    // Site branding wrapper
    document.querySelectorAll('.site-branding').forEach(function(el) {
      try {
        el.style.setProperty('display', 'inline-flex', 'important');
        el.style.setProperty('align-items', 'center', 'important');
        el.style.setProperty('margin', '0', 'important');
        el.style.setProperty('padding', '0', 'important');
        el.style.setProperty('min-height', LOGO_H + 'px', 'important');
      } catch(e){}
    });

    // Main header bar — kill padding
    document.querySelectorAll('.main-header-bar, .main-header-bar-wrap').forEach(function(el) {
      try {
        el.style.setProperty('padding-top', '0', 'important');
        el.style.setProperty('padding-bottom', '0', 'important');
        el.style.setProperty('margin-top', '0', 'important');
        el.style.setProperty('margin-bottom', '0', 'important');
      } catch(e){}
    });

    // Main header container — center + pad
    document.querySelectorAll('.main-header-container, .ast-flex.main-header-container').forEach(function(el) {
      try {
        el.style.setProperty('display', 'flex', 'important');
        el.style.setProperty('align-items', 'center', 'important');
        el.style.setProperty('padding-top', '0', 'important');
        el.style.setProperty('padding-bottom', '0', 'important');
        if (CONTAINER_PAD > 0) {
          el.style.setProperty('padding-left', CONTAINER_PAD + 'px', 'important');
          el.style.setProperty('padding-right', CONTAINER_PAD + 'px', 'important');
        }
      } catch(e){}
    });
  }

  // Run on DOM ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', forceLogo);
  } else {
    forceLogo();
  }

  // Also run on window load (in case some elements load late)
  window.addEventListener('load', function() {
    setTimeout(forceLogo, 100);
    setTimeout(forceLogo, 500);
  });

  // Retry every 1.5s for 20s to fight async re-renders (Elementor, AJAX nav, etc.)
  var n = 0;
  var iv = setInterval(function() {
    n++;
    forceLogo();
    if (n >= 15) clearInterval(iv);
  }, 1500);

  // Watch for DOM mutations that could re-add inline styles
  try {
    var mo = new MutationObserver(function(muts) {
      var needsRun = false;
      muts.forEach(function(m) {
        if (m.type === 'attributes' && (
            m.target.classList.contains('main-header-bar') ||
            m.target.classList.contains('ast-site-identity') ||
            m.target.classList.contains('site-branding') ||
            m.target.classList.contains('custom-logo') ||
            m.target.classList.contains('site-logo-img') ||
            m.target.classList.contains('main-header-container'))) {
          needsRun = true;
        }
      });
      if (needsRun) forceLogo();
    });
    mo.observe(document.body, { attributes: true, attributeFilter: ['style', 'class'], subtree: true });
  } catch(e) {}
})();




/* ============================================================
   P25 v4 — Inline !important section padding override
   Elementor emits `padding: 80px 0 !important` inline on every section
   Only JS setProperty(..., 'important') can beat that
   Special sections keep intentional larger padding
   ============================================================ */
(function() {
  if (window.__dcSectionV4) return; window.__dcSectionV4 = true;

  function isMobile() {
    try { var w = document.documentElement.clientWidth || window.innerWidth; return w <= 921; }
    catch(e) { return false; }
  }

  // Special section rules — preserve intentional padding
  // [data-id] => { pt, pb } (desktop / mobile)
  var SPECIAL = {
    'a02hero0':  { d: [80, 56], m: [56, 40] },  // hero
    'a03marq0':  { d: [12, 12], m: [8,  8]  },  // marquee strip
    'a05stat0':  { d: [48, 32], m: [32, 24] },  // stats counter
    'a10ctab0':  { d: [56, 56], m: [40, 40] },  // CTA banner
    'a11foot0':  { d: [48, 48], m: [48, 48] },  // footer section
  };

  function pad(id, mobile) {
    if (id && SPECIAL[id]) {
      var s = SPECIAL[id];
      return mobile ? s.m : s.d;
    }
    // Default: 40/40 desktop, 24/24 mobile
    return mobile ? [24, 24] : [40, 40];
  }

  function forceSectionPadding() {
    var mobile = isMobile();
    document.querySelectorAll('.elementor-top-section, .elementor-section.elementor-top-section').forEach(function(el) {
      try {
        var id = el.getAttribute('data-id') || '';
        var p = pad(id, mobile);
        // NEW v9: detect head-only section (only widget is a dc-section-head-row)
        try {
          var widgets = el.querySelectorAll(':scope > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget');
          var headRows = el.querySelectorAll('.dc-section-head-row');
          if (widgets.length === 1 && headRows.length === 1) {
            p = mobile ? [16, 8] : [24, 8];
          } else {
            var prev = el.previousElementSibling;
            while (prev && !prev.classList.contains('elementor-top-section')) {
              prev = prev.previousElementSibling;
            }
            if (prev) {
              var pw = prev.querySelectorAll(':scope > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget');
              var ph = prev.querySelectorAll('.dc-section-head-row');
              if (pw.length === 1 && ph.length === 1) {
                p[0] = mobile ? 12 : 16;
              }
            }
          }
        } catch(e2) {}
        el.style.setProperty('padding-top', p[0] + 'px', 'important');
        el.style.setProperty('padding-bottom', p[1] + 'px', 'important');
      } catch(e) {}
    });
    // Inner sections: 32/24 desktop, 20/16 mobile
    try {
      var ipt = mobile ? 20 : 32;
      var ipb = mobile ? 16 : 24;
      var ipl = mobile ? 16 : 24;
      var ipr = mobile ? 16 : 24;
      document.querySelectorAll('.elementor-inner-section').forEach(function(el) {
        try {
          el.style.setProperty('padding-top', ipt + 'px', 'important');
          el.style.setProperty('padding-bottom', ipb + 'px', 'important');
          el.style.setProperty('padding-left', ipl + 'px', 'important');
          el.style.setProperty('padding-right', ipr + 'px', 'important');
        } catch(e) {}
      });
    } catch(e) {}
  }

  // Run on DOM ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', forceSectionPadding);
  } else {
    forceSectionPadding();
  }

  // Also run on window load (in case some elements load late)
  window.addEventListener('load', function() {
    setTimeout(forceSectionPadding, 100);
    setTimeout(forceSectionPadding, 500);
    setTimeout(forceSectionPadding, 1500);
  });

  // Retry every 1.5s for 20s to fight async re-renders
  var n = 0;
  var iv = setInterval(function() {
    n++;
    forceSectionPadding();
    if (n >= 15) clearInterval(iv);
  }, 1500);

  // MutationObserver: catch new sections added by AJAX/Elementor
  try {
    var mo = new MutationObserver(function(muts) {
      var needsRun = false;
      muts.forEach(function(m) {
        if (m.addedNodes && m.addedNodes.length) {
          for (var i = 0; i < m.addedNodes.length; i++) {
            var node = m.addedNodes[i];
            if (node.nodeType === 1 && (
                (node.classList && node.classList.contains('elementor-top-section')) ||
                (node.querySelector && node.querySelector('.elementor-top-section')))) {
              needsRun = true;
              break;
            }
          }
        }
        if (m.type === 'attributes' && m.target.classList && m.target.classList.contains('elementor-top-section')) {
          needsRun = true;
        }
      });
      if (needsRun) forceSectionPadding();
    });
    mo.observe(document.body, { attributes: true, childList: true, subtree: true, attributeFilter: ['style', 'class'] });
  } catch(e) {}
})();


/* ============================================================
   P25 v5 — Inline !important override for .dc-section-head-row
   Elementor / inline style emits:
   - h2 with `style="font-size: 32px !important"` (inline !important)
   - div with `flex: 1 1 auto` (from CSS, but not !important — JS safe)
   Only JS setProperty(..., 'important') reliably wins the inline
   ============================================================ */
(function() {
  if (window.__dcHeadV5) return; window.__dcHeadV5 = true;

  function isMobile() {
    try { var w = document.documentElement.clientWidth || window.innerWidth; return w <= 921; }
    catch(e) { return false; }
  }

  function forceHeadRow() {
    var mobile = isMobile();
    var h2Size = mobile ? 22 : 26;

    document.querySelectorAll('.dc-section-head-row').forEach(function(row) {
      try {
        var onlyText = row.children.length <= 1;

        row.style.setProperty('display', 'flex', 'important');
        row.style.setProperty('align-items', mobile ? 'flex-start' : 'center', 'important');
        row.style.setProperty('justify-content', onlyText ? 'flex-start' : 'space-between', 'important');
        row.style.setProperty('gap', mobile ? '16px' : '24px', 'important');
        row.style.setProperty('flex-wrap', 'wrap', 'important');
        row.style.setProperty('width', onlyText ? 'auto' : '100%', 'important');
        row.style.setProperty('max-width', onlyText ? '720px' : '100%', 'important');
        if (mobile) {
          row.style.setProperty('flex-direction', 'column', 'important');
        } else {
          row.style.setProperty('flex-direction', 'row', 'important');
        }

        // NEW v9: shrink parent column to fit content (no empty right space)
        if (onlyText && !mobile) {
          try {
            var col = row.closest('.elementor-column');
            if (col) {
              col.style.setProperty('width', 'auto', 'important');
              col.style.setProperty('flex', '0 0 auto', 'important');
              col.style.setProperty('max-width', '720px', 'important');
              // Section itself: align column to left (not stretched)
              var sec = col.closest('.elementor-top-section');
              if (sec) {
                sec.style.setProperty('justify-content', 'flex-start', 'important');
              }
            }
          } catch(e2) {}
        }
      } catch(e) {}

      try {
        var firstDiv = row.children[0];
        if (firstDiv && firstDiv.tagName === 'DIV') {
          firstDiv.style.setProperty('flex', '0 1 auto', 'important');
          firstDiv.style.setProperty('width', 'auto', 'important');
          firstDiv.style.setProperty('max-width', '720px', 'important');

          var h2 = firstDiv.querySelector('.dc-section-h');
          if (h2) {
            h2.style.setProperty('font-size', h2Size + 'px', 'important');
            h2.style.setProperty('line-height', '1.2', 'important');
            h2.style.setProperty('width', 'auto', 'important');
            h2.style.setProperty('max-width', '720px', 'important');
            h2.style.setProperty('margin', '0', 'important');
          }

          var eyebrow = firstDiv.querySelector('.dc-section-eyebrow');
          if (eyebrow) {
            eyebrow.style.setProperty('font-size', '14px', 'important');
            eyebrow.style.setProperty('margin-bottom', '10px', 'important');
            eyebrow.style.setProperty('letter-spacing', '0.06em', 'important');
          }
        }

        Array.from(row.children).forEach(function(child) {
          if (child.tagName === 'A' || (child.classList && child.classList.contains('dc-btn'))) {
            child.style.setProperty('flex', '0 0 auto', 'important');
            if (!mobile) {
              child.style.setProperty('margin-left', 'auto', 'important');
            } else {
              child.style.setProperty('margin-left', '0', 'important');
            }
          }
        });
      } catch(e) {}
    });
  }
  // Run on DOM ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', forceHeadRow);
  } else {
    forceHeadRow();
  }

  // Window load (catches late renders)
  window.addEventListener('load', function() {
    setTimeout(forceHeadRow, 100);
    setTimeout(forceHeadRow, 500);
    setTimeout(forceHeadRow, 1500);
  });

  // Retry every 1.5s for 20s
  var n = 0;
  var iv = setInterval(function() {
    n++;
    forceHeadRow();
    if (n >= 15) clearInterval(iv);
  }, 1500);

  // MutationObserver for new heads
  try {
    var mo = new MutationObserver(function(muts) {
      var needsRun = false;
      muts.forEach(function(m) {
        if (m.addedNodes && m.addedNodes.length) {
          for (var i = 0; i < m.addedNodes.length; i++) {
            var node = m.addedNodes[i];
            if (node.nodeType === 1 && (
                (node.classList && node.classList.contains('dc-section-head-row')) ||
                (node.querySelector && node.querySelector('.dc-section-head-row')))) {
              needsRun = true;
              break;
            }
          }
        }
        if (m.type === 'attributes' && m.target.classList && m.target.classList.contains('dc-section-h')) {
          needsRun = true;
        }
      });
      if (needsRun) forceHeadRow();
    });
    mo.observe(document.body, { attributes: true, childList: true, subtree: true, attributeFilter: ['style', 'class'] });
  } catch(e) {}
})();




/* ============================================================
   P25 v4 — Inline !important section padding override
   Elementor emits `padding: 80px 0 !important` inline on every section
   Only JS setProperty(..., 'important') can beat that
   Special sections keep intentional larger padding
   ============================================================ */
(function() {
  if (window.__dcSectionV4) return; window.__dcSectionV4 = true;

  function isMobile() {
    try { var w = document.documentElement.clientWidth || window.innerWidth; return w <= 921; }
    catch(e) { return false; }
  }

  // Special section rules — preserve intentional padding
  // [data-id] => { pt, pb } (desktop / mobile)
  var SPECIAL = {
    'a02hero0':  { d: [80, 56], m: [56, 40] },  // hero
    'a03marq0':  { d: [12, 12], m: [8,  8]  },  // marquee strip
    'a05stat0':  { d: [48, 32], m: [32, 24] },  // stats counter
    'a10ctab0':  { d: [56, 56], m: [40, 40] },  // CTA banner
    'a11foot0':  { d: [48, 48], m: [48, 48] },  // footer section
  };

  function pad(id, mobile) {
    if (id && SPECIAL[id]) {
      var s = SPECIAL[id];
      return mobile ? s.m : s.d;
    }
    // Default: 40/40 desktop, 24/24 mobile
    return mobile ? [24, 24] : [40, 40];
  }

  function forceSectionPadding() {
    var mobile = isMobile();
    document.querySelectorAll('.elementor-top-section, .elementor-section.elementor-top-section').forEach(function(el) {
      try {
        var id = el.getAttribute('data-id') || '';
        var p = pad(id, mobile);
        el.style.setProperty('padding-top', p[0] + 'px', 'important');
        el.style.setProperty('padding-bottom', p[1] + 'px', 'important');
      } catch(e) {}
    });
    // Inner sections: 32/24 desktop, 20/16 mobile
    try {
      var ipt = mobile ? 20 : 32;
      var ipb = mobile ? 16 : 24;
      var ipl = mobile ? 16 : 24;
      var ipr = mobile ? 16 : 24;
      document.querySelectorAll('.elementor-inner-section').forEach(function(el) {
        try {
          el.style.setProperty('padding-top', ipt + 'px', 'important');
          el.style.setProperty('padding-bottom', ipb + 'px', 'important');
          el.style.setProperty('padding-left', ipl + 'px', 'important');
          el.style.setProperty('padding-right', ipr + 'px', 'important');
        } catch(e) {}
      });
    } catch(e) {}
  }

  // Run on DOM ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', forceSectionPadding);
  } else {
    forceSectionPadding();
  }

  // Also run on window load (in case some elements load late)
  window.addEventListener('load', function() {
    setTimeout(forceSectionPadding, 100);
    setTimeout(forceSectionPadding, 500);
    setTimeout(forceSectionPadding, 1500);
  });

  // Retry every 1.5s for 20s to fight async re-renders
  var n = 0;
  var iv = setInterval(function() {
    n++;
    forceSectionPadding();
    if (n >= 15) clearInterval(iv);
  }, 1500);

  // MutationObserver: catch new sections added by AJAX/Elementor
  try {
    var mo = new MutationObserver(function(muts) {
      var needsRun = false;
      muts.forEach(function(m) {
        if (m.addedNodes && m.addedNodes.length) {
          for (var i = 0; i < m.addedNodes.length; i++) {
            var node = m.addedNodes[i];
            if (node.nodeType === 1 && (
                (node.classList && node.classList.contains('elementor-top-section')) ||
                (node.querySelector && node.querySelector('.elementor-top-section')))) {
              needsRun = true;
              break;
            }
          }
        }
        if (m.type === 'attributes' && m.target.classList && m.target.classList.contains('elementor-top-section')) {
          needsRun = true;
        }
      });
      if (needsRun) forceSectionPadding();
    });
    mo.observe(document.body, { attributes: true, childList: true, subtree: true, attributeFilter: ['style', 'class'] });
  } catch(e) {}
})();


/* ============================================================
   P25 v5 — Inline !important override for .dc-section-head-row
   Elementor / inline style emits:
   - h2 with `style="font-size: 32px !important"` (inline !important)
   - div with `flex: 1 1 auto` (from CSS, but not !important — JS safe)
   Only JS setProperty(..., 'important') reliably wins the inline
   ============================================================ */
(function() {
  if (window.__dcHeadV5) return; window.__dcHeadV5 = true;

  function isMobile() {
    try { var w = document.documentElement.clientWidth || window.innerWidth; return w <= 921; }
    catch(e) { return false; }
  }

  function forceHeadRow() {
    var mobile = isMobile();
    var h2Size = mobile ? 22 : 26;

    // All dc-section-head-row on the page
    document.querySelectorAll('.dc-section-head-row').forEach(function(row) {
      // Detect: 1 child (text only) vs 2+ children (text + action button)
      // For 1-child rows, we want NATURAL WIDTH (not full 1128px stretched)
      // For 2-child rows, we want space-between so the action button goes to the right
      var onlyText = row.children.length <= 1;

      try {
        // Layout properties
        row.style.setProperty('display', 'flex', 'important');
        row.style.setProperty('align-items', mobile ? 'flex-start' : 'center', 'important');
        // KEY: only use space-between when there's a second child to push right
        row.style.setProperty('justify-content', onlyText ? 'flex-start' : 'space-between', 'important');
        row.style.setProperty('gap', mobile ? '16px' : '24px', 'important');
        row.style.setProperty('flex-wrap', 'wrap', 'important');
        // Natural width for text-only heads so the row doesn't stretch to 1128px
        row.style.setProperty('width', onlyText ? 'auto' : '100%', 'important');
        row.style.setProperty('max-width', onlyText ? '720px' : '100%', 'important');
        if (mobile) {
          row.style.setProperty('flex-direction', 'column', 'important');
        } else {
          row.style.setProperty('flex-direction', 'row', 'important');
        }
      } catch(e) {}

      // Left text block: first child div
      var firstDiv = row.children[0];
      if (firstDiv && firstDiv.tagName === 'DIV') {
        try {
          firstDiv.style.setProperty('flex', '0 1 auto', 'important');
          firstDiv.style.setProperty('width', 'auto', 'important');
          firstDiv.style.setProperty('max-width', '720px', 'important');
        } catch(e) {}

        // h2 inside the first div
        var h2 = firstDiv.querySelector('.dc-section-h');
        if (h2) {
          try {
            h2.style.setProperty('font-size', h2Size + 'px', 'important');
            h2.style.setProperty('line-height', '1.2', 'important');
            h2.style.setProperty('width', 'auto', 'important');
            h2.style.setProperty('max-width', '720px', 'important');
            h2.style.setProperty('margin', '0', 'important');
          } catch(e) {}
        }

        // eyebrow
        var eyebrow = firstDiv.querySelector('.dc-section-eyebrow');
        if (eyebrow) {
          try {
            eyebrow.style.setProperty('font-size', '14px', 'important');
            eyebrow.style.setProperty('margin-bottom', '10px', 'important');
            eyebrow.style.setProperty('letter-spacing', '0.06em', 'important');
          } catch(e) {}
        }
      }

      // Right action (a.dc-btn or similar)
      Array.from(row.children).forEach(function(child) {
        if (child.tagName === 'A' || (child.classList && child.classList.contains('dc-btn'))) {
          try {
            child.style.setProperty('flex', '0 0 auto', 'important');
            if (!mobile) {
              child.style.setProperty('margin-left', 'auto', 'important');
            } else {
              child.style.setProperty('margin-left', '0', 'important');
            }
          } catch(e) {}
        }
      });
    });
  }

  // Run on DOM ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', forceHeadRow);
  } else {
    forceHeadRow();
  }

  // Window load (catches late renders)
  window.addEventListener('load', function() {
    setTimeout(forceHeadRow, 100);
    setTimeout(forceHeadRow, 500);
    setTimeout(forceHeadRow, 1500);
  });

  // Retry every 1.5s for 20s
  var n = 0;
  var iv = setInterval(function() {
    n++;
    forceHeadRow();
    if (n >= 15) clearInterval(iv);
  }, 1500);

  // MutationObserver for new heads
  try {
    var mo = new MutationObserver(function(muts) {
      var needsRun = false;
      muts.forEach(function(m) {
        if (m.addedNodes && m.addedNodes.length) {
          for (var i = 0; i < m.addedNodes.length; i++) {
            var node = m.addedNodes[i];
            if (node.nodeType === 1 && (
                (node.classList && node.classList.contains('dc-section-head-row')) ||
                (node.querySelector && node.querySelector('.dc-section-head-row')))) {
              needsRun = true;
              break;
            }
          }
        }
        if (m.type === 'attributes' && m.target.classList && m.target.classList.contains('dc-section-h')) {
          needsRun = true;
        }
      });
      if (needsRun) forceHeadRow();
    });
    mo.observe(document.body, { attributes: true, childList: true, subtree: true, attributeFilter: ['style', 'class'] });
  } catch(e) {}
})();


/* ============================================================
   P25 LOGO v4 — C+Arrow brand mark + CNSTUDIO wordmark
   Replaces the small "CNSTUDIO.COM" text + green pip with a
   designed C+arrow logo that's bigger and more distinctive.

   Strategy:
   - Replace .ast-site-identity content with SVG icon + new wordmark
   - Hide old custom-logo image + site-title text
   - Match the existing 14px identity padding + green pip styling
   - Mobile: smaller icon, same proportions
   ============================================================ */
(function() {
  if (window.__dcLogoV4) return; window.__dcLogoV4 = true;

  function isMobile() {
    try { var w = document.documentElement.clientWidth || window.innerWidth; return w <= 921; }
    catch(e) { return false; }
  }

  // SVG paths
  var SVG_C = 'M 49 21 A 19 19 0 1 0 49 43';
  var SVG_ARROW = 'M 10 54 L 54 10 M 38 10 L 54 10 L 54 26';

  function buildLogo(mobile) {
    var iconSize = mobile ? 30 : 34;
    var fontSize = mobile ? 17 : 19;
    var gap = mobile ? 8 : 10;
    return '<span class="dc-logo" style="display:inline-flex;align-items:center;gap:' + gap + 'px;line-height:1;vertical-align:middle;">' +
      '<span class="dc-logo-icon" style="display:inline-block;width:' + iconSize + 'px;height:' + iconSize + 'px;flex:0 0 auto;">' +
        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" width="' + iconSize + '" height="' + iconSize + '" aria-hidden="true">' +
          '<path d="' + SVG_C + '" stroke="#ffffff" stroke-width="7" stroke-linecap="round"/>' +
          '<path d="' + SVG_ARROW + '" stroke="#35ed7e" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>' +
        '</svg>' +
      '</span>' +
      '<span class="dc-logo-wordmark" style="display:inline-block;color:#ffffff;font-weight:700;font-size:' + fontSize + 'px;letter-spacing:0.04em;font-family:Inter,system-ui,sans-serif;">CNSTUDIO</span>' +
    '</span>';
  }

  function applyLogo() {
    var mobile = isMobile();
    // Find identities FIRST
    var identities = document.querySelectorAll('.ast-site-identity');
    var validContainers = [];
    identities.forEach(function(identity) {
      try {
        // Hide original image + title
        var logoImg = identity.querySelector('.custom-logo, .site-logo-img, img');
        if (logoImg) {
          logoImg.style.setProperty('display', 'none', 'important');
          logoImg.style.setProperty('visibility', 'hidden', 'important');
        }
        var title = identity.querySelector('.site-title, .site-title-heading');
        if (title) {
          title.style.setProperty('display', 'none', 'important');
        }
        var desc = identity.querySelector('.site-description');
        if (desc) {
          desc.style.setProperty('display', 'none', 'important');
        }

        // Remove any existing dc-logo inside this identity
        identity.querySelectorAll('.dc-logo').forEach(function(el) {
          try { el.parentNode.removeChild(el); } catch(e) {}
        });

        // Build the logo element using DOM API (safer than insertAdjacentHTML)
        var iconSize = mobile ? 30 : 34;
        var fontSize = mobile ? 17 : 19;
        var gap = mobile ? 8 : 10;
        var NS = 'http://www.w3.org/2000/svg';

        var logoSpan = document.createElement('span');
        logoSpan.className = 'dc-logo';
        logoSpan.style.cssText = 'display:inline-flex;align-items:center;gap:' + gap + 'px;line-height:1;vertical-align:middle;';

        var iconSpan = document.createElement('span');
        iconSpan.className = 'dc-logo-icon';
        iconSpan.style.cssText = 'display:inline-block;width:' + iconSize + 'px;height:' + iconSize + 'px;flex:0 0 auto;';
        var svg = document.createElementNS(NS, 'svg');
        svg.setAttribute('viewBox', '0 0 64 64');
        svg.setAttribute('width', iconSize);
        svg.setAttribute('height', iconSize);
        svg.setAttribute('fill', 'none');
        svg.setAttribute('aria-hidden', 'true');
        var p1 = document.createElementNS(NS, 'path');
        p1.setAttribute('d', 'M 49 21 A 19 19 0 1 0 49 43');
        p1.setAttribute('stroke', '#ffffff');
        p1.setAttribute('stroke-width', '7');
        p1.setAttribute('stroke-linecap', 'round');
        svg.appendChild(p1);
        var p2 = document.createElementNS(NS, 'path');
        p2.setAttribute('d', 'M 10 54 L 54 10 M 38 10 L 54 10 L 54 26');
        p2.setAttribute('stroke', '#35ed7e');
        p2.setAttribute('stroke-width', '6');
        p2.setAttribute('stroke-linecap', 'round');
        p2.setAttribute('stroke-linejoin', 'round');
        svg.appendChild(p2);
        iconSpan.appendChild(svg);

        var wm = document.createElement('span');
        wm.className = 'dc-logo-wordmark';
        wm.style.cssText = 'display:inline-block;color:#ffffff;font-weight:700;font-size:' + fontSize + 'px;letter-spacing:0.04em;font-family:Inter,system-ui,sans-serif;';
        wm.textContent = 'CNSTUDIO';

        logoSpan.appendChild(iconSpan);
        logoSpan.appendChild(wm);

        // Append directly (not insertAdjacentHTML) to identity
        identity.appendChild(logoSpan);
        validContainers.push(identity);

        // Style identity
        identity.style.setProperty('display', 'inline-flex', 'important');
        identity.style.setProperty('align-items', 'center', 'important');
        identity.style.setProperty('padding-left', '14px', 'important');
        identity.style.setProperty('min-height', (mobile ? 52 : 76) + 'px', 'important');
        identity.style.setProperty('margin', '0', 'important');
      } catch(e) {}
    });

    // AGGRESSIVE CLEANUP: Remove ANY dc-logo that isn't a descendant of a valid identity
    document.querySelectorAll('.dc-logo').forEach(function(el) {
      var isValid = false;
      for (var i = 0; i < validContainers.length; i++) {
        if (validContainers[i].contains(el)) { isValid = true; break; }
      }
      if (!isValid) {
        try { el.parentNode.removeChild(el); } catch(e) {}
      }
    });

    // Hide the existing green pip (no longer needed)
    document.querySelectorAll('.dc-pip').forEach(function(p) {
      if (!p.closest('.dc-footer-logo')) {
        p.style.setProperty('display', 'none', 'important');
      }
    });
  }

  // Run on DOM ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', applyLogo);
  } else {
    applyLogo();
  }

  // Run again on load
  window.addEventListener('load', function() {
    setTimeout(applyLogo, 50);
    setTimeout(applyLogo, 300);
    setTimeout(applyLogo, 1000);
  });

  // Retry every 1.5s for 20s
  var n = 0;
  var iv = setInterval(function() {
    n++;
    applyLogo();
    if (n >= 15) clearInterval(iv);
  }, 1500);

  // MutationObserver
  try {
    var mo = new MutationObserver(function(muts) {
      var needsRun = false;
      muts.forEach(function(m) {
        if (m.addedNodes && m.addedNodes.length) {
          for (var i = 0; i < m.addedNodes.length; i++) {
            var node = m.addedNodes[i];
            if (node.nodeType === 1 && (
              (node.classList && (node.classList.contains('ast-site-identity') || node.classList.contains('site-branding'))) ||
              (node.querySelector && (node.querySelector('.ast-site-identity') || node.querySelector('.site-branding'))))) {
              needsRun = true;
              break;
            }
          }
        }
      });
      if (needsRun) applyLogo();
    });
    mo.observe(document.body, { childList: true, subtree: true });
  } catch(e) {}
})();


})();
</script>


	</body>
</html>