/*
Theme Name: AsapTheme-Child
Theme URI: https://asaptheme.com
Version: 1.0.1
Description: Asap Theme Child
Author: Asap Theme
Author URI: https://asaptheme.com
Template: asap
*//* Reset and Base Styles */* {    margin: 0;    padding: 0;    box-sizing: border-box;}html {    scroll-behavior: smooth;}body {    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;    background-color: #0a0a0a;    color: #e5e5e5;    line-height: 1.6;    overflow-x: hidden;}.container {    max-width: 1200px;    margin: 0 auto;    padding: 0 20px;}/* Header Styles */.header {    position: fixed;    top: 0;    left: 0;    right: 0;    background-color: rgba(10, 10, 10, 0.95);    backdrop-filter: blur(10px);    border-bottom: 1px solid #333;    z-index: 1000;    transition: all 0.3s ease;}.navbar {    height: 60px;}.nav-container {    display: flex;    align-items: center;    justify-content: space-between;    height: 100%;    max-width: 1200px;    margin: 0 auto;    padding: 0 20px;}.brand-logo {    display: flex;    align-items: center;    text-decoration: none;    color: #ffffff;    font-size: 1.5rem;    font-weight: 700;    gap: 8px;}.brand-logo i {    color: #ff6b35;    font-size: 1.8rem;}.nav-menu {    display: flex;    align-items: center;}.nav-list {    display: flex;    list-style: none;    gap: 2rem;    margin: 0;}.nav-link {    color: #e5e5e5;    text-decoration: none;    font-weight: 500;    font-size: 0.95rem;    transition: color 0.3s ease;    position: relative;}.nav-link:hover {    color: #ff6b35;}.nav-link::after {    content: '';    position: absolute;    bottom: -8px;    left: 0;    width: 0;    height: 2px;    background-color: #ff6b35;    transition: width 0.3s ease;}.nav-link:hover::after {    width: 100%;}.nav-actions {    display: flex;    align-items: center;    gap: 1rem;}.search-btn {    background: none;    border: none;    color: #e5e5e5;    font-size: 1.2rem;    cursor: pointer;    padding: 8px;    border-radius: 4px;    transition: all 0.3s ease;}.search-btn:hover {    background-color: #1a1a1a;    color: #ff6b35;}.newsletter-btn {    background-color: #ff6b35;    color: #ffffff;    border: none;    padding: 8px 16px;    border-radius: 6px;    font-weight: 600;    font-size: 0.9rem;    cursor: pointer;    transition: all 0.3s ease;}.newsletter-btn:hover {    background-color: #e55a2b;    transform: translateY(-1px);}.menu-toggle {    display: none;    flex-direction: column;    background: none;    border: none;    cursor: pointer;    padding: 4px;}.menu-toggle span {    width: 24px;    height: 2px;    background-color: #e5e5e5;    margin: 3px 0;    transition: 0.3s;}/* Search Modal */.search-modal {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-color: rgba(0, 0, 0, 0.9);    backdrop-filter: blur(5px);    z-index: 2000;    display: none;    opacity: 0;    transition: opacity 0.3s ease;}.search-modal.active {    display: flex;    opacity: 1;    align-items: flex-start;    justify-content: center;    padding-top: 100px;}.search-content {    width: 100%;    max-width: 600px;    margin: 0 20px;}.search-header {    display: flex;    align-items: center;    background-color: #1a1a1a;    border-radius: 12px;    overflow: hidden;    border: 2px solid #333;}.search-input {    flex: 1;    background: none;    border: none;    color: #e5e5e5;    font-size: 1.2rem;    padding: 16px 20px;    outline: none;}.search-input::placeholder {    color: #666;}.search-close {    background: none;    border: none;    color: #666;    font-size: 1.5rem;    padding: 16px 20px;    cursor: pointer;    transition: color 0.3s ease;}.search-close:hover {    color: #e5e5e5;}/* Main Content */.main-content {    margin-top: 60px;    min-height: 100vh;}/* Hero Section */.hero-section {    padding: 2rem 0;    background: linear-gradient(180deg, #0a0a0a 0%, #111111 100%);}.hero-grid {    display: grid;    grid-template-columns: 2fr 1fr;    gap: 2rem;    margin-bottom: 2rem;}.hero-main {    position: relative;    border-radius: 12px;    overflow: hidden;    background-color: #1a1a1a;    transition: transform 0.3s ease;}.hero-main:hover {    transform: translateY(-4px);}.hero-image {    position: relative;    height: 400px;    overflow: hidden;}.hero-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.3s ease;}.hero-main:hover .hero-image img {    transform: scale(1.05);}.hero-overlay {    position: absolute;    bottom: 0;    left: 0;    right: 0;    height: 60%;    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));}.hero-content {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 2rem;    color: #ffffff;}.category-badge {    display: inline-block;    background-color: #ff6b35;    color: #ffffff;    padding: 4px 12px;    border-radius: 4px;    font-size: 0.75rem;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 0.5px;    margin-bottom: 1rem;}.category-badge.featured {    background-color: #4ade80;}.hero-title {    font-size: 1.8rem;    font-weight: 700;    line-height: 1.3;    margin-bottom: 1rem;    color: #ffffff;}.hero-excerpt {    font-size: 1rem;    color: #cccccc;    line-height: 1.5;    margin-bottom: 1.5rem;}.article-meta {    display: flex;    align-items: center;    gap: 0.5rem;    font-size: 0.9rem;    color: #999;}.author-info {    display: flex;    align-items: center;    gap: 0.5rem;}.author-avatar {    width: 24px;    height: 24px;    border-radius: 50%;    object-fit: cover;}.author-name {    font-weight: 500;    color: #e5e5e5;}.meta-divider {    color: #666;}.publish-date,.read-time {    color: #999;}.hero-sidebar {    display: flex;    flex-direction: column;    gap: 1rem;}.hero-secondary {    background-color: #1a1a1a;    border-radius: 8px;    overflow: hidden;    transition: transform 0.3s ease;    cursor: pointer;}.hero-secondary:hover {    transform: translateY(-2px);}.secondary-image {    height: 150px;    overflow: hidden;}.secondary-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.3s ease;}.hero-secondary:hover .secondary-image img {    transform: scale(1.05);}.secondary-content {    padding: 1rem;}.secondary-title {    font-size: 1rem;    font-weight: 600;    line-height: 1.4;    margin: 0.5rem 0;    color: #e5e5e5;}/* Section Styles */.section-header {    display: flex;    align-items: center;    justify-content: space-between;    margin-bottom: 2rem;    padding: 2rem 0 0;}.section-title {    font-size: 2rem;    font-weight: 700;    color: #ffffff;}.section-subtitle {    color: #999;    font-size: 1.1rem;    margin-top: 0.5rem;}.view-all-link {    color: #ff6b35;    text-decoration: none;    font-weight: 600;    display: flex;    align-items: center;    gap: 0.5rem;    transition: gap 0.3s ease;}.view-all-link:hover {    gap: 0.75rem;}/* Latest Reviews Section */.latest-reviews {    padding: 2rem 0;    background-color: #0a0a0a;}.reviews-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));    gap: 1.5rem;}.review-card {    background-color: #1a1a1a;    border-radius: 12px;    overflow: hidden;    transition: all 0.3s ease;    border: 1px solid #333;}.review-card:hover {    transform: translateY(-4px);    border-color: #ff6b35;    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.1);}.card-image {    position: relative;    height: 180px;    overflow: hidden;}.card-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.3s ease;}.review-card:hover .card-image img {    transform: scale(1.05);}.rating-badge {    position: absolute;    top: 12px;    right: 12px;    background-color: rgba(0, 0, 0, 0.8);    color: #fbbf24;    padding: 4px 8px;    border-radius: 6px;    display: flex;    align-items: center;    gap: 4px;    font-size: 0.9rem;    font-weight: 600;}.card-content {    padding: 1.5rem;}.card-tags {    display: flex;    gap: 0.5rem;    margin-bottom: 1rem;}.tag {    background-color: #333;    color: #e5e5e5;    padding: 4px 8px;    border-radius: 4px;    font-size: 0.75rem;    font-weight: 500;}.card-title {    font-size: 1.2rem;    font-weight: 600;    line-height: 1.4;    margin-bottom: 0.5rem;    color: #ffffff;}.card-description {    color: #999;    font-size: 0.9rem;    line-height: 1.5;    margin-bottom: 1rem;}.card-rating {    display: flex;    align-items: center;    justify-content: space-between;    margin-bottom: 1rem;}.stars {    display: flex;    gap: 2px;}.stars i {    color: #fbbf24;    font-size: 0.9rem;}.rating-text {    font-weight: 600;    color: #4ade80;}.card-meta {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 1rem;    font-size: 0.85rem;    color: #666;}.author {    font-weight: 500;    color: #e5e5e5;}.read-review-btn {    width: 100%;    background-color: #ff6b35;    color: #ffffff;    border: none;    padding: 12px;    border-radius: 6px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;}.read-review-btn:hover {    background-color: #e55a2b;    transform: translateY(-1px);}/* Trending Tools Section */.trending-tools {    padding: 3rem 0;    background-color: #111111;}.tools-slider {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));    gap: 1.5rem;}.tool-card {    background-color: #1a1a1a;    padding: 1.5rem;    border-radius: 12px;    border: 1px solid #333;    transition: all 0.3s ease;    text-align: center;}.tool-card:hover {    transform: translateY(-4px);    border-color: #ff6b35;    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.1);}.tool-icon {    margin-bottom: 1rem;}.tool-logo {    width: 60px;    height: 60px;    border-radius: 12px;    object-fit: cover;    filter: brightness(0.9);    transition: filter 0.3s ease;}.tool-card:hover .tool-logo {    filter: brightness(1);}.tool-name {    font-size: 1.3rem;    font-weight: 600;    color: #ffffff;    margin-bottom: 0.5rem;}.tool-description {    color: #999;    font-size: 0.9rem;    margin-bottom: 1rem;    line-height: 1.4;}.tool-rating {    display: flex;    align-items: center;    justify-content: center;    gap: 0.5rem;    margin-bottom: 1rem;}.rating-score {    font-size: 1.1rem;    font-weight: 700;    color: #4ade80;}.rating-stars {    display: flex;    gap: 2px;}.rating-stars i {    color: #fbbf24;    font-size: 0.9rem;}.tool-pricing {    color: #ff6b35;    font-weight: 600;    margin-bottom: 1.5rem;}.tool-review-btn {    background-color: transparent;    color: #ff6b35;    border: 2px solid #ff6b35;    padding: 8px 20px;    border-radius: 6px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;}.tool-review-btn:hover {    background-color: #ff6b35;    color: #ffffff;}/* Comparatives Section */.comparatives {    padding: 3rem 0;    background-color: #0a0a0a;}.comparatives-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));    gap: 2rem;}.comparative-card {    background-color: #1a1a1a;    border-radius: 12px;    overflow: hidden;    border: 1px solid #333;    transition: all 0.3s ease;}.comparative-card:hover {    transform: translateY(-4px);    border-color: #ff6b35;    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.1);}.comparative-images {    display: flex;    align-items: center;    padding: 1.5rem;    background-color: #111111;}.vs-image {    position: relative;    flex: 1;    height: 120px;    border-radius: 8px;    overflow: hidden;}.vs-image img {    width: 100%;    height: 100%;    object-fit: cover;}.vs-divider {    font-size: 1.2rem;    font-weight: 700;    color: #ff6b35;    margin: 0 1rem;    padding: 0.5rem;    background-color: #1a1a1a;    border-radius: 50%;    width: 50px;    height: 50px;    display: flex;    align-items: center;    justify-content: center;}.winner-badge {    position: absolute;    top: 8px;    left: 8px;    background-color: #4ade80;    color: #ffffff;    padding: 4px 8px;    border-radius: 4px;    font-size: 0.75rem;    font-weight: 600;}.comparative-content {    padding: 1.5rem;}.comparative-title {    font-size: 1.3rem;    font-weight: 600;    color: #ffffff;    margin-bottom: 0.5rem;    line-height: 1.4;}.comparative-description {    color: #999;    margin-bottom: 1.5rem;    line-height: 1.5;}.comparative-results {    margin-bottom: 1.5rem;}.result-item {    display: flex;    align-items: center;    gap: 1rem;    margin-bottom: 0.75rem;}.metric {    min-width: 80px;    font-size: 0.9rem;    color: #e5e5e5;    font-weight: 500;}.metric-bars {    flex: 1;    display: flex;    flex-direction: column;    gap: 4px;}.bar {    height: 6px;    border-radius: 3px;    transition: width 0.5s ease;}.gpt-bar {    background-color: #10b981;}.claude-bar {    background-color: #3b82f6;}.midjourney-bar {    background-color: #8b5cf6;}.dalle-bar {    background-color: #f59e0b;}.read-comparative-btn {    width: 100%;    background-color: #ff6b35;    color: #ffffff;    border: none;    padding: 12px;    border-radius: 6px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;}.read-comparative-btn:hover {    background-color: #e55a2b;    transform: translateY(-1px);}/* Guides Section */.guides {    padding: 3rem 0;    background-color: #111111;}.guides-list {    display: flex;    flex-direction: column;    gap: 1.5rem;}.guide-item {    display: flex;    align-items: center;    background-color: #1a1a1a;    padding: 1.5rem;    border-radius: 12px;    border: 1px solid #333;    transition: all 0.3s ease;    gap: 1rem;}.guide-item:hover {    transform: translateY(-2px);    border-color: #ff6b35;    box-shadow: 0 4px 20px rgba(255, 107, 53, 0.1);}.guide-icon {    flex-shrink: 0;    width: 60px;    height: 60px;    background-color: #ff6b35;    border-radius: 12px;    display: flex;    align-items: center;    justify-content: center;    color: #ffffff;    font-size: 1.5rem;}.guide-content {    flex: 1;}.guide-meta {    display: flex;    align-items: center;    gap: 1rem;    margin-bottom: 0.5rem;}.difficulty {    padding: 4px 8px;    border-radius: 4px;    font-size: 0.75rem;    font-weight: 600;    text-transform: uppercase;}.difficulty.beginner {    background-color: #4ade80;    color: #ffffff;}.difficulty.intermediate {    background-color: #fbbf24;    color: #000000;}.difficulty.advanced {    background-color: #ef4444;    color: #ffffff;}.read-time {    font-size: 0.85rem;    color: #666;}.guide-title {    font-size: 1.2rem;    font-weight: 600;    color: #ffffff;    margin-bottom: 0.5rem;    line-height: 1.4;}.guide-description {    color: #999;    line-height: 1.5;    margin-bottom: 1rem;}.guide-topics {    display: flex;    gap: 0.5rem;    flex-wrap: wrap;}.topic {    background-color: #333;    color: #e5e5e5;    padding: 4px 8px;    border-radius: 4px;    font-size: 0.75rem;}.guide-btn {    flex-shrink: 0;    background-color: transparent;    color: #ff6b35;    border: 2px solid #ff6b35;    padding: 10px 20px;    border-radius: 6px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    margin-left: 1rem;}.guide-btn:hover {    background-color: #ff6b35;    color: #ffffff;}/* Newsletter Section */.newsletter-section {    padding: 4rem 0;    background: linear-gradient(135deg, #ff6b35, #e55a2b);    color: #ffffff;}.newsletter-content {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 3rem;    align-items: center;}.newsletter-title {    font-size: 2.5rem;    font-weight: 700;    margin-bottom: 1rem;    line-height: 1.2;}.newsletter-description {    font-size: 1.1rem;    line-height: 1.6;    margin-bottom: 2rem;    opacity: 0.9;}.newsletter-benefits {    display: flex;    flex-direction: column;    gap: 0.75rem;}.benefit {    display: flex;    align-items: center;    gap: 0.75rem;}.benefit i {    color: #ffffff;    font-size: 1.1rem;}.newsletter-form-container {    background-color: rgba(255, 255, 255, 0.1);    backdrop-filter: blur(10px);    padding: 2rem;    border-radius: 16px;    border: 1px solid rgba(255, 255, 255, 0.2);}.form-group {    display: flex;    gap: 0.5rem;    margin-bottom: 1rem;}.newsletter-input {    flex: 1;    background-color: rgba(255, 255, 255, 0.2);    border: 1px solid rgba(255, 255, 255, 0.3);    color: #ffffff;    padding: 12px 16px;    border-radius: 8px;    font-size: 1rem;    transition: all 0.3s ease;}.newsletter-input::placeholder {    color: rgba(255, 255, 255, 0.7);}.newsletter-input:focus {    outline: none;    border-color: rgba(255, 255, 255, 0.5);    background-color: rgba(255, 255, 255, 0.25);}.newsletter-submit {    background-color: #ffffff;    color: #ff6b35;    border: none;    padding: 12px 20px;    border-radius: 8px;    font-weight: 600;    cursor: pointer;    display: flex;    align-items: center;    gap: 0.5rem;    transition: all 0.3s ease;}.newsletter-submit:hover {    background-color: #f5f5f5;    transform: translateY(-1px);}.form-disclaimer {    font-size: 0.85rem;    opacity: 0.8;    text-align: center;}/* Footer */.footer {    background-color: #0a0a0a;    border-top: 1px solid #333;    padding: 3rem 0 1rem;}.footer-content {    display: grid;    grid-template-columns: 1fr 3fr;    gap: 3rem;    margin-bottom: 2rem;}.footer-brand {    display: flex;    flex-direction: column;    gap: 1rem;}.footer-logo {    display: flex;    align-items: center;    text-decoration: none;    color: #ffffff;    font-size: 1.5rem;    font-weight: 700;    gap: 8px;}.footer-logo i {    color: #ff6b35;    font-size: 1.8rem;}.footer-description {    color: #999;    line-height: 1.6;    max-width: 300px;}.social-links {    display: flex;    gap: 1rem;}.social-link {    display: flex;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;    background-color: #1a1a1a;    color: #999;    border-radius: 8px;    text-decoration: none;    transition: all 0.3s ease;}.social-link:hover {    background-color: #ff6b35;    color: #ffffff;    transform: translateY(-2px);}.footer-links {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 2rem;}.link-group-title {    color: #ffffff;    font-size: 1.1rem;    font-weight: 600;    margin-bottom: 1rem;}.link-list {    list-style: none;    display: flex;    flex-direction: column;    gap: 0.5rem;}.link-list a {    color: #999;    text-decoration: none;    transition: color 0.3s ease;}.link-list a:hover {    color: #ff6b35;}.footer-bottom {    border-top: 1px solid #333;    padding-top: 1rem;}.footer-bottom-content {    display: flex;    justify-content: space-between;    align-items: center;}.copyright {    color: #666;    font-size: 0.9rem;}.footer-bottom-links {    display: flex;    gap: 1rem;}.footer-bottom-links a {    color: #999;    text-decoration: none;    font-size: 0.9rem;    transition: color 0.3s ease;}.footer-bottom-links a:hover {    color: #ff6b35;}/* Responsive Design */@media (max-width: 1024px) {    .hero-grid {        grid-template-columns: 1fr;        gap: 1.5rem;    }        .hero-sidebar {        grid-template-columns: repeat(2, 1fr);        gap: 1rem;    }        .hero-secondary {        display: flex;        flex-direction: row;        height: 120px;    }        .secondary-image {        width: 40%;        height: auto;    }        .secondary-content {        width: 60%;        display: flex;        flex-direction: column;        justify-content: center;    }        .comparatives-grid {        grid-template-columns: 1fr;    }        .newsletter-content {        grid-template-columns: 1fr;        gap: 2rem;    }        .footer-content {        grid-template-columns: 1fr;        gap: 2rem;    }        .footer-links {        grid-template-columns: repeat(2, 1fr);    }}@media (max-width: 768px) {    .container {        padding: 0 16px;    }        .nav-menu {        display: none;    }        .menu-toggle {        display: flex;    }        .hero-section {        padding: 1rem 0;    }        .hero-sidebar {        grid-template-columns: 1fr;    }        .hero-secondary {        flex-direction: column;        height: auto;    }        .secondary-image {        width: 100%;        height: 150px;    }        .secondary-content {        width: 100%;    }        .section-header {        flex-direction: column;        align-items: flex-start;        gap: 1rem;    }        .section-title {        font-size: 1.75rem;    }        .reviews-grid {        grid-template-columns: 1fr;    }        .tools-slider {        grid-template-columns: 1fr;    }        .comparative-images {        flex-direction: column;        gap: 1rem;    }        .vs-divider {        margin: 0;        transform: rotate(90deg);    }        .guide-item {        flex-direction: column;        text-align: center;        gap: 1rem;    }        .guide-btn {        margin-left: 0;        width: 100%;    }        .newsletter-title {        font-size: 2rem;    }        .form-group {        flex-direction: column;    }        .footer-links {        grid-template-columns: 1fr;        gap: 1.5rem;    }        .footer-bottom-content {        flex-direction: column;        gap: 1rem;        text-align: center;    }}@media (max-width: 480px) {    .nav-container {        padding: 0 16px;    }        .hero-title {        font-size: 1.5rem;    }        .hero-excerpt {        font-size: 0.9rem;    }        .section-title {        font-size: 1.5rem;    }        .card-content {        padding: 1rem;    }        .tool-card {        padding: 1rem;    }        .comparative-card {        margin: 0 -8px;    }        .newsletter-section {        padding: 2rem 0;    }        .newsletter-title {        font-size: 1.75rem;    }}/* Loading States */.loading {    opacity: 0.7;    pointer-events: none;}/* Animations */@keyframes fadeIn {    from {        opacity: 0;        transform: translateY(20px);    }    to {        opacity: 1;        transform: translateY(0);    }}.fade-in {    animation: fadeIn 0.6s ease forwards;}/* Focus States for Accessibility */button:focus,input:focus,a:focus {    outline: 2px solid #ff6b35;    outline-offset: 2px;}/* Print Styles */@media print {    .header,    .newsletter-section,    .footer {        display: none;    }        body {        background: white;        color: black;    }}