

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Download free printable Cat coloring pages. Perfect for kids who love wildlife. Roaring Cats, cute cubs, and more!">
    <title>Cat Coloring Pages - Free Printable Designs | Anylistly</title>
    
        
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="https://anylistly.com//assets/css/style.css">
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-R0WQZK9Z1Z"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-R0WQZK9Z1Z');
    </script>
</head>
<body>
    <!-- Header Navigation -->
    <header>
        <div class="container">
            <nav>
                <!-- Logo -->
                <a href="https://anylistly.com/" class="logo">
                    <img src="https://anylistly.com//img/anylistly-logo.png" alt="Anylistly Logo">
                </a>
                
                <!-- Navigation Menu -->
                <ul class="nav-menu" id="navMenu">
                    <li><a href="https://anylistly.com/tools/" class="">Tools</a></li>
                    <li><a href="https://anylistly.com/quotes/" class="">Quotes</a></li>
                    <li><a href="https://anylistly.com/countdowns/" class="">Countdowns</a></li>
                    <li><a href="https://anylistly.com/coloring-pages/" class="active">Coloring Pages</a></li>
                </ul>
                
                <!-- Mobile Menu Toggle -->
                <div class="menu-toggle" id="menuToggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                
                <!-- Search Icon (can be enhanced later) -->
                <span class="search-icon">🔍</span>
            </nav>
        </div>
    </header>
    
    <!-- Main Content Starts Here (closed in footer.php) -->
    <main>
<!-- Custom Styles -->
<style>
/* ============================================
   BREADCRUMBS & HEADER
============================================ */
.breadcrumbs {
    padding: 20px 0;
    font-size: 14px;
    color: #6b7280;
}

.breadcrumbs a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumbs a:hover {
    color: #f59e0b;
}

.breadcrumbs span {
    margin: 0 8px;
}

.page-stats {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #92400e;
    font-weight: 500;
}

/* ============================================
   IMPROVED USER-FRIENDLY CARDS
============================================ */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    border: 2px solid #f0f0f0;
    display: flex;
    flex-direction: column;
}

.card:hover {
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.2);
    border-color: #f59e0b;
}

/* ============================================
   IMAGE CONTAINER - FITS ANY IMAGE
============================================ */
.card-image {
    width: 100%;
    height: 260px;
    background: linear-gradient(135deg, #fefefeff 0%, #ffffffff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    box-shadow: rgba(245, 158, 11, 0.2) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* Image styling - works with any size */
.card-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Fallback icon */
.card-image > div {
    font-size: 90px;
    line-height: 1;
}

/* ============================================
   DIFFICULTY BADGE
============================================ */
.difficulty-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 6px 14px;
    background: white;
    color: #92400e;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border: 2px solid #fbbf24;
}

/* ============================================
   CARD CONTENT - BETTER SPACING
============================================ */
.card-content {
    padding: 28px 24px 24px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card h3 {
    font-size: 20px;
    color: #1f2937;
    margin: 0;
    font-weight: 700;
    line-height: 1.4;
}

.card-description {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    flex: 1;
}

/* ============================================
   CARD META - BETTER SPACING
============================================ */
.card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-top: 2px solid #fde68a;
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
}

.meta-highlight {
    color: #f59e0b;
    font-weight: 700;
}

/* ============================================
   TAGS - BETTER SPACING
============================================ */
.card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.tag {
    display: inline-block;
    padding: 6px 12px;
    background: #fef3c7;
    color: #92400e;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #fbbf24;
}

/* ============================================
   IMPROVED DOWNLOAD BUTTON
============================================ */
.card-action {
    margin-top: 4px;
    padding-top: 20px;
    border-top: 1px solid #f3f4f6;
}

.card-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    background: white;
    color: #f59e0b;
    text-align: center;
    border: 2px solid #f59e0b;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.card:hover .card-button {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: white;
    border-color: #f59e0b;
}

.button-icon {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.card:hover .button-icon {
    transform: translateX(4px);
}

/* ============================================
   TABLET RESPONSIVE (768px - 1024px)
============================================ */
@media (max-width: 1024px) {
    .cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .card-image {
        height: 240px;
        padding: 18px;
    }
    
    .card-image img {
        max-height: 204px;
    }
    
    .card-content {
        padding: 24px 20px 20px 20px;
        gap: 14px;
    }
    
    .card-action {
        padding-top: 16px;
    }
    
    .card-button {
        padding: 12px 20px;
        font-size: 13px;
    }
}

/* ============================================
   MOBILE RESPONSIVE (481px - 768px)
============================================ */
@media (max-width: 768px) {
    .cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .card-image {
        height: 200px;
        padding: 15px;
    }
    
    .card-image img {
        max-height: 170px;
    }
    
    .card-image > div {
        font-size: 70px;
    }
    
    .card-content {
        padding: 20px 18px 18px 18px;
        gap: 12px;
    }
    
    .card h3 {
        font-size: 18px;
    }
    
    .card-description {
        font-size: 13px;
        line-height: 1.6;
    }
    
    .card-meta {
        padding: 14px 0;
    }
    
    .meta-item {
        font-size: 12px;
    }
    
    .tag {
        font-size: 11px;
        padding: 5px 10px;
    }
    
    .card-action {
        padding-top: 14px;
    }
    
    .card-button {
        padding: 11px 18px;
        font-size: 13px;
        gap: 6px;
    }
    
    .button-icon {
        font-size: 16px;
    }
}

/* ============================================
   SMALL MOBILE (320px - 480px)
============================================ */
@media (max-width: 480px) {
    .cards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .card-image {
        height: 220px;
        padding: 16px;
    }
    
    .card-image img {
        max-height: 188px;
    }
    
    .card-image > div {
        font-size: 80px;
    }
    
    .card-content {
        padding: 24px 22px 22px 22px;
        gap: 14px;
    }
    
    .card h3 {
        font-size: 19px;
    }
    
    .card-description {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .card-meta {
        flex-wrap: wrap;
        gap: 10px;
        padding: 14px 0;
    }
    
    .meta-item {
        font-size: 13px;
    }
    
    .card-action {
        padding-top: 16px;
    }
    
    .card-button {
        padding: 13px 22px;
        font-size: 14px;
        font-weight: 700;
    }
    
    .button-icon {
        font-size: 18px;
    }
}

/* ============================================
   VERY SMALL MOBILE (<360px)
============================================ */
@media (max-width: 360px) {
    .card-image {
        height: 200px;
        padding: 14px;
    }
    
    .card-image img {
        max-height: 172px;
    }
    
    .card-image > div {
        font-size: 70px;
    }
    
    .card-content {
        padding: 20px 18px 18px 18px;
    }
    
    .card h3 {
        font-size: 17px;
    }
    
    .card-button {
        padding: 12px 20px;
        font-size: 13px;
    }
}

/* ============================================
   PAGINATION
============================================ */
.pagination {
    margin: 50px 0;
}

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.pagination-btn {
    padding: 10px 20px;
    background: #fff;
    border: 2px solid #f59e0b;
    color: #f59e0b;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.pagination-btn:hover {
    background: #f59e0b;
    color: #fff;
}

.pagination-btn.disabled {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #9ca3af;
    cursor: not-allowed;
}

.pagination-numbers {
    display: flex;
    gap: 8px;
    align-items: center;
}

.pagination-number {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    text-decoration: none;
    color: #6b7280;
    font-weight: 600;
    transition: all 0.3s ease;
}

.pagination-number:hover {
    border-color: #f59e0b;
    color: #f59e0b;
}

.pagination-number.active {
    background: #f59e0b;
    border-color: #f59e0b;
    color: #fff;
}

.pagination-dots {
    color: #9ca3af;
    font-weight: bold;
}

/* ============================================
   IMPROVED FEATURES SECTION
============================================ */
.features-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.features-header {
    text-align: center;
    margin-bottom: 50px;
}

.features-header h2 {
    font-size: 36px;
    color: #1f2937;
    margin-bottom: 12px;
    font-weight: 700;
}

.features-header p {
    font-size: 18px;
    color: #6b7280;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.feature-card {
    background: white;
    text-align: center;
    padding: 40px 30px;
    border-radius: 20px;
    border: 3px solid transparent;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.feature-card:hover {
    border-color: #f59e0b;
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.2);
}

.feature-icon {
    font-size: 64px;
    margin-bottom: 20px;
    line-height: 1;
    display: block;
}

.feature-card h3 {
    font-size: 22px;
    color: #1f2937;
    margin-bottom: 14px;
    font-weight: 700;
}

.feature-card p {
    color: #6b7280;
    line-height: 1.7;
    font-size: 15px;
}

/* ============================================
   IMPROVED RELATED SECTION
============================================ */
.related-section {
    padding: 80px 20px;
    background: white;
}

.related-header {
    text-align: center;
    margin-bottom: 50px;
}

.related-header h2 {
    font-size: 36px;
    color: #1f2937;
    margin-bottom: 12px;
    font-weight: 700;
}

.related-header p {
    font-size: 18px;
    color: #6b7280;
}

.related-categories-modern {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

.related-cat-modern {
    background: white;
    border-radius: 20px;
    padding: 35px 28px;
    text-decoration: none;
    color: inherit;
    text-align: center;
    transition: all 0.3s ease;
    border: 3px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.related-cat-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #f59e0b, #ef4444);
}

.related-cat-modern:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    border-color: #f59e0b;
}

.related-cat-icon-large {
    font-size: 70px;
    margin-bottom: 20px;
    line-height: 1;
    display: block;
}

.related-cat-modern h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 12px;
}

.related-cat-desc {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 16px;
    line-height: 1.6;
}

.related-cat-count {
    display: inline-block;
    padding: 6px 14px;
    background: #fef3c7;
    color: #92400e;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 18px;
}

/* Related category button */
.related-cat-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: white;
    color: #f59e0b;
    border: 2px solid #f59e0b;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s ease;
    margin-top: auto;
}

.related-cat-modern:hover .related-cat-button {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: white;
    border-color: #f59e0b;
}

.related-button-icon {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.related-cat-modern:hover .related-button-icon {
    transform: translateX(3px);
}

/* ============================================
   RESPONSIVE - FEATURES & RELATED
============================================ */
@media (max-width: 768px) {
    .features-section,
    .related-section {
        padding: 60px 20px;
    }
    
    .features-header h2,
    .related-header h2 {
        font-size: 28px;
    }
    
    .features-header p,
    .related-header p {
        font-size: 16px;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .feature-card {
        padding: 35px 25px;
    }
    
    .feature-icon {
        font-size: 56px;
    }
    
    .feature-card h3 {
        font-size: 20px;
    }
    
    .feature-card p {
        font-size: 14px;
    }
    
    .related-categories-modern {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
    
    .related-cat-modern {
        padding: 28px 20px;
    }
    
    .related-cat-icon-large {
        font-size: 60px;
    }
    
    .related-cat-modern h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }
    
    .related-cat-desc {
        font-size: 13px;
        margin-bottom: 12px;
    }
    
    .related-cat-count {
        font-size: 12px;
        padding: 5px 12px;
        margin-bottom: 14px;
    }
    
    .related-cat-button {
        padding: 9px 16px;
        font-size: 12px;
    }
    
    .related-button-icon {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .features-section,
    .related-section {
        padding: 50px 20px;
    }
    
    .features-header h2,
    .related-header h2 {
        font-size: 24px;
    }
    
    .features-header p,
    .related-header p {
        font-size: 15px;
    }
    
    .feature-card {
        padding: 30px 22px;
    }
    
    .feature-icon {
        font-size: 52px;
    }
    
    .related-categories-modern {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .related-cat-modern {
        padding: 32px 24px;
    }
    
    .related-cat-icon-large {
        font-size: 64px;
    }
    
    .related-cat-modern h3 {
        font-size: 20px;
    }
    
    .related-cat-desc {
        font-size: 14px;
        margin-bottom: 14px;
    }
    
    .related-cat-button {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .related-button-icon {
        font-size: 15px;
    }
}

/* ============================================
   IMPROVED "YOU MAY ALSO LIKE" SECTION
============================================ */
.related-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.related-header {
    text-align: center;
    margin-bottom: 50px;
}

.related-header h2 {
    font-size: 36px;
    color: #1f2937;
    margin-bottom: 12px;
    font-weight: 700;
}

.related-header p {
    font-size: 18px;
    color: #6b7280;
}

.related-categories-modern {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

.related-cat-modern {
    background: white;
    border-radius: 20px;
    padding: 35px 25px;
    text-decoration: none;
    color: inherit;
    text-align: center;
    transition: all 0.3s ease;
    border: 3px solid transparent;
    position: relative;
    overflow: hidden;
}

.related-cat-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #f59e0b, #ef4444);
}

.related-cat-modern:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: #f59e0b;
}

.related-cat-icon-large {
    font-size: 70px;
    margin-bottom: 20px;
    line-height: 1;
    display: block;
}

.related-cat-modern h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 10px;
}

.related-cat-count {
    display: inline-block;
    padding: 6px 14px;
    background: #fef3c7;
    color: #92400e;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 8px;
}

.related-cat-arrow {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 24px;
    color: #f59e0b;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.related-cat-modern:hover .related-cat-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* ============================================
   IMPROVED "ABOUT" SECTION
============================================ */
.about-section {
    padding: 80px 20px;
    background: white;
}

.about-content {
    max-width: 900px;
    margin: 0 auto;
}

.about-header {
    text-align: center;
    margin-bottom: 50px;
}

.about-header h2 {
    font-size: 36px;
    color: #1f2937;
    margin-bottom: 16px;
    font-weight: 700;
}

.about-intro {
    font-size: 18px;
    line-height: 1.8;
    color: #374151;
    margin-bottom: 40px;
    text-align: center;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.about-card {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 16px;
    padding: 30px;
    border-left: 5px solid #f59e0b;
}

.about-card h3 {
    font-size: 22px;
    color: #1f2937;
    margin-bottom: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
}

.about-icon {
    font-size: 32px;
}

.about-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-card li {
    padding: 12px 0;
    color: #374151;
    font-size: 15px;
    line-height: 1.6;
    position: relative;
    padding-left: 28px;
}

.about-card li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #f59e0b;
    font-weight: bold;
    font-size: 18px;
}

.about-cta {
    text-align: center;
    margin-top: 50px;
    padding: 40px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 20px;
}

.about-cta h3 {
    font-size: 28px;
    color: #1f2937;
    margin-bottom: 16px;
    font-weight: 700;
}

.about-cta p {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 24px;
}

.cta-button {
    display: inline-block;
    padding: 16px 40px;
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: white;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5);
}

/* ============================================
   MOBILE RESPONSIVE
============================================ */
@media (max-width: 768px) {
    .cards-grid {
        grid-template-columns: 1fr;
    }
    
    .page-stats {
        gap: 15px;
    }
    
    .related-header h2,
    .about-header h2 {
        font-size: 28px;
    }
    
    .related-header p,
    .about-intro {
        font-size: 16px;
    }
    
    .related-categories-modern {
        grid-template-columns: 1fr;
    }
    
    .related-cat-icon-large {
        font-size: 60px;
    }
    
    .about-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .pagination-container {
        gap: 8px;
    }
    
    .pagination-btn {
        padding: 8px 16px;
        font-size: 14px;
    }
    
    .pagination-number {
        min-width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .related-header h2,
    .about-header h2 {
        font-size: 24px;
    }
    
    .related-section,
    .about-section {
        padding: 60px 20px;
    }
    
    .about-card {
        padding: 24px 20px;
    }
    
    .about-cta {
        padding: 30px 20px;
    }
    
    .about-cta h3 {
        font-size: 22px;
    }
    
    .cta-button {
        width: 100%;
        padding: 14px 30px;
    }
    
    .card-image {
        height: 200px;
    }
}
</style>

<!-- Breadcrumb -->
<div class="container">
    <div class="breadcrumbs">
        <a href="https://anylistly.com/">Home</a>
        <span>›</span>
        <a href="https://anylistly.com/coloring-pages/">Coloring Pages</a>
        <span>›</span>
        <span><strong>Cat</strong></span>
    </div>
</div>

<!-- Page Header -->
<section class="page-header">
    <div class="container">
        <h1>🐱 Cat Coloring Pages</h1>
        <p>Free printable Cat coloring pages for kids. Download, print, and enjoy!</p>
        
        <div class="page-stats">
            <div class="stat-item">
                <span>🎨</span>
                <span><strong>5</strong> Designs</span>
            </div>
            <div class="stat-item">
                <span>📥</span>
                <span><strong>100%</strong> Free</span>
            </div>
            <div class="stat-item">
                <span>⭐</span>
                <span><strong>HD</strong> Quality</span>
            </div>
        </div>
    </div>
</section>

<!-- Coloring Pages Grid -->
<section>
    <div class="container">
                    <div class="cards-grid">
                                                        
                    <a href="https://anylistly.com/coloring-pages/cat/cute-kitten/" class="card">
                        <!-- Image -->
                        <div class="card-image">
                                                            <img src="https://anylistly.com//img/coloring-pages/cat/cute-kitten.png" 
                                     alt="Cute Kitten Coloring Page">
                                                        
                                                            <span class="difficulty-badge">Easy</span>
                                                    </div>
                        
                        <!-- Content -->
                        <div class="card-content">
                            <h3>Cute Kitten Coloring Page</h3>
                            
                                                            <p class="card-description">An adorable fluffy kitten with big eyes and a playful expression. Perfect for young children who love baby cats!</p>
                                                        
                            <!-- Meta Info -->
                            <div class="card-meta">
                                                                    <div class="meta-item">
                                        👁️ <span class="meta-highlight">8,234</span>
                                    </div>
                                                                
                                                                    <div class="meta-item">
                                        ⬇️ <span class="meta-highlight">4,567</span>
                                    </div>
                                                            </div>
                            
                            <!-- Tags -->
                                                            <div class="card-tags">
                                                                            <span class="tag">Cute Kitten</span>
                                                                            <span class="tag">Animals</span>
                                                                            <span class="tag">Cats</span>
                                                                    </div>
                                                        
                            <!-- Download Button -->
                            <div class="card-action">
                                <span class="card-button">
                                    <span>View & Download</span>
                                    <span class="button-icon">→</span>
                                </span>
                            </div>
                        </div>
                    </a>
                                                        
                    <a href="https://anylistly.com/coloring-pages/cat/playful-cat-yarn/" class="card">
                        <!-- Image -->
                        <div class="card-image">
                                                            <img src="https://anylistly.com//img/coloring-pages/cat/playful-cat-yarn.png" 
                                     alt="Playful Cat with Yarn Coloring Page">
                                                        
                                                            <span class="difficulty-badge">Medium</span>
                                                    </div>
                        
                        <!-- Content -->
                        <div class="card-content">
                            <h3>Playful Cat with Yarn Coloring Page</h3>
                            
                                                            <p class="card-description">A mischievous cat playing with a ball of yarn, tangled in colorful strings - the classic playful cat scene!</p>
                                                        
                            <!-- Meta Info -->
                            <div class="card-meta">
                                                                    <div class="meta-item">
                                        👁️ <span class="meta-highlight">7,456</span>
                                    </div>
                                                                
                                                                    <div class="meta-item">
                                        ⬇️ <span class="meta-highlight">3,890</span>
                                    </div>
                                                            </div>
                            
                            <!-- Tags -->
                                                            <div class="card-tags">
                                                                            <span class="tag">Playfull Cat</span>
                                                                            <span class="tag">Animals</span>
                                                                            <span class="tag">Cats</span>
                                                                    </div>
                                                        
                            <!-- Download Button -->
                            <div class="card-action">
                                <span class="card-button">
                                    <span>View & Download</span>
                                    <span class="button-icon">→</span>
                                </span>
                            </div>
                        </div>
                    </a>
                                                        
                    <a href="https://anylistly.com/coloring-pages/cat/sleeping-cat/" class="card">
                        <!-- Image -->
                        <div class="card-image">
                                                            <img src="https://anylistly.com//img/coloring-pages/cat/sleeping-cat.png" 
                                     alt="Sleeping Cat Coloring Page">
                                                        
                                                            <span class="difficulty-badge">Easy</span>
                                                    </div>
                        
                        <!-- Content -->
                        <div class="card-content">
                            <h3>Sleeping Cat Coloring Page</h3>
                            
                                                            <p class="card-description">A peaceful cat curled up sleeping, with eyes closed and tail wrapped around its body in the coziest position!</p>
                                                        
                            <!-- Meta Info -->
                            <div class="card-meta">
                                                                    <div class="meta-item">
                                        👁️ <span class="meta-highlight">5,678</span>
                                    </div>
                                                                
                                                                    <div class="meta-item">
                                        ⬇️ <span class="meta-highlight">3,234</span>
                                    </div>
                                                            </div>
                            
                            <!-- Tags -->
                                                            <div class="card-tags">
                                                                            <span class="tag">Sleeping Cat</span>
                                                                            <span class="tag">Animals</span>
                                                                            <span class="tag">Cats</span>
                                                                    </div>
                                                        
                            <!-- Download Button -->
                            <div class="card-action">
                                <span class="card-button">
                                    <span>View & Download</span>
                                    <span class="button-icon">→</span>
                                </span>
                            </div>
                        </div>
                    </a>
                                                        
                    <a href="https://anylistly.com/coloring-pages/cat/cat-and-butterfly/" class="card">
                        <!-- Image -->
                        <div class="card-image">
                                                            <img src="https://anylistly.com//img/coloring-pages/cat/cat-and-butterfly.png" 
                                     alt="Cat and Butterfly Coloring Page">
                                                        
                                                            <span class="difficulty-badge">Easy</span>
                                                    </div>
                        
                        <!-- Content -->
                        <div class="card-content">
                            <h3>Cat and Butterfly Coloring Page</h3>
                            
                                                            <p class="card-description">A curious cat watching a beautiful butterfly with fascination, capturing a magical moment of nature!</p>
                                                        
                            <!-- Meta Info -->
                            <div class="card-meta">
                                                                    <div class="meta-item">
                                        👁️ <span class="meta-highlight">6,789</span>
                                    </div>
                                                                
                                                                    <div class="meta-item">
                                        ⬇️ <span class="meta-highlight">3,567</span>
                                    </div>
                                                            </div>
                            
                            <!-- Tags -->
                                                            <div class="card-tags">
                                                                            <span class="tag">Cat sees Butterfly</span>
                                                                            <span class="tag">Animals</span>
                                                                            <span class="tag">Cats</span>
                                                                    </div>
                                                        
                            <!-- Download Button -->
                            <div class="card-action">
                                <span class="card-button">
                                    <span>View & Download</span>
                                    <span class="button-icon">→</span>
                                </span>
                            </div>
                        </div>
                    </a>
                                                        
                    <a href="https://anylistly.com/coloring-pages/cat/cat-window-sill/" class="card">
                        <!-- Image -->
                        <div class="card-image">
                                                            <img src="https://anylistly.com//img/coloring-pages/cat/cat-window-sill.png" 
                                     alt="Cat on Window Sill Coloring Page">
                                                        
                                                            <span class="difficulty-badge">Easy</span>
                                                    </div>
                        
                        <!-- Content -->
                        <div class="card-content">
                            <h3>Cat on Window Sill Coloring Page</h3>
                            
                                                            <p class="card-description">A content cat sitting on a window sill, looking outside with curtains and a potted plant beside it!</p>
                                                        
                            <!-- Meta Info -->
                            <div class="card-meta">
                                                                    <div class="meta-item">
                                        👁️ <span class="meta-highlight">5,234</span>
                                    </div>
                                                                
                                                                    <div class="meta-item">
                                        ⬇️ <span class="meta-highlight">2,876</span>
                                    </div>
                                                            </div>
                            
                            <!-- Tags -->
                                                            <div class="card-tags">
                                                                            <span class="tag">Cat on Window Sill</span>
                                                                            <span class="tag">Animals</span>
                                                                            <span class="tag">Cats</span>
                                                                    </div>
                                                        
                            <!-- Download Button -->
                            <div class="card-action">
                                <span class="card-button">
                                    <span>View & Download</span>
                                    <span class="button-icon">→</span>
                                </span>
                            </div>
                        </div>
                    </a>
                            </div>
            
            <!-- Pagination -->
                        
            </div>
</section>

<!-- Improved Features Section -->
<section class="features-section">
    <div class="container">
        <div class="features-header">
            <h2>✨ Why Choose Our Cat Coloring Pages?</h2>
            <p>Everything you need for creative fun</p>
        </div>
        
        <div class="features-grid">
            <div class="feature-card">
                <div class="feature-icon">🎨</div>
                <h3>High Quality Designs</h3>
                <p>Professional illustrations perfect for coloring and printing at home or school</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">📥</div>
                <h3>100% Free Downloads</h3>
                <p>All our Cat coloring pages are completely free to download and print</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">👨‍👩‍👧‍👦</div>
                <h3>Family Friendly</h3>
                <p>Safe, educational content suitable for all ages and skill levels</p>
            </div>
        </div>
    </div>
</section>

<!-- IMPROVED: You May Also Like Section -->
<section class="related-section">
    <div class="container">
        <div class="related-header">
            <h2>🌟 You May Also Like</h2>
            <p>Explore more amazing animal coloring pages</p>
        </div>
        
        <div class="related-categories-modern">
                                                <a href="https://anylistly.com/coming-soon/" class="related-cat-modern">
                        <div class="related-cat-icon-large">🐶</div>
                        <h3>Dog Coloring Pages</h3>
                        <p class="related-cat-desc">Amazing wildlife designs</p>
                        <span class="related-cat-count">55+ pages</span>
                        <span class="related-cat-button">
                            <span>Browse Now</span>
                            <span class="related-button-icon">→</span>
                        </span>
                    </a>
                                    <a href="https://anylistly.com/coming-soon/" class="related-cat-modern">
                        <div class="related-cat-icon-large">🐰</div>
                        <h3>Rabbit Coloring Pages</h3>
                        <p class="related-cat-desc">Amazing wildlife designs</p>
                        <span class="related-cat-count">30+ pages</span>
                        <span class="related-cat-button">
                            <span>Browse Now</span>
                            <span class="related-button-icon">→</span>
                        </span>
                    </a>
                                    <a href="https://anylistly.com/coming-soon/" class="related-cat-modern">
                        <div class="related-cat-icon-large">🐹</div>
                        <h3>Hamster Coloring Pages</h3>
                        <p class="related-cat-desc">Amazing wildlife designs</p>
                        <span class="related-cat-count">25+ pages</span>
                        <span class="related-cat-button">
                            <span>Browse Now</span>
                            <span class="related-button-icon">→</span>
                        </span>
                    </a>
                                    <a href="https://anylistly.com/coming-soon/" class="related-cat-modern">
                        <div class="related-cat-icon-large">🐦</div>
                        <h3>Bird Coloring Pages</h3>
                        <p class="related-cat-desc">Amazing wildlife designs</p>
                        <span class="related-cat-count">35+ pages</span>
                        <span class="related-cat-button">
                            <span>Browse Now</span>
                            <span class="related-button-icon">→</span>
                        </span>
                    </a>
                                    </div>
    </div>
</section>

<!-- IMPROVED: About Cat Coloring Pages Section -->
<section class="about-section">
    <div class="container">
        <div class="about-content">
            <div class="about-header">
                <h2>🐱 About Cat Coloring Pages</h2>
            </div>
            
            <p class="about-intro">
                                    Meow! Discover our adorable collection of cat coloring pages featuring playful kittens, elegant felines, cute cartoon cats, and realistic cat breeds. From fluffy Persian cats to sleek Siamese, tabby patterns to calico designs - perfect for cat lovers of all ages!                            </p>
            
            <div class="about-grid">
                <!-- Perfect For Card -->
                <div class="about-card">
                    <h3>
                        <span class="about-icon">🎯</span>
                        Perfect For
                    </h3>
                    <ul>
                                                                                    <li>Cat lovers and pet owners learning about felines</li>
                                                            <li>Kids who want to color their favorite pet</li>
                                                            <li>Classroom activities about domestic animals</li>
                                                            <li>Rainy day entertainment for animal enthusiasts</li>
                                                            <li>Cat-themed birthday parties and celebrations</li>
                                                            <li>Developing fine motor skills and hand-eye coordination</li>
                                                            <li>Stress relief and relaxation through cat art</li>
                                                                        </ul>
                </div>
                
                <!-- Educational Benefits Card -->
                <div class="about-card">
                    <h3>
                        <span class="about-icon">📚</span>
                        Educational Benefits
                    </h3>
                    <ul>
                                                                                    <li>Learn about different cat breeds and their characteristics</li>
                                                            <li>Improve fine motor skills with detailed fur patterns</li>
                                                            <li>Practice patience and focus through intricate designs</li>
                                                            <li>Explore color mixing for realistic or creative cat fur</li>
                                                            <li>Build confidence through completed artwork</li>
                                                                        </ul>
                </div>
            </div>
            
            <!-- Call to Action -->
            <div class="about-cta">
                <h3>🎨 Ready to Start Coloring?</h3>
                <p>Download any of our free Cat coloring pages and begin your creative adventure today!</p>
                <a href="#" onclick="window.scrollTo({top: 0, behavior: 'smooth'}); return false;" class="cta-button">
                    Browse All Cat Pages ↑
                </a>
            </div>
        </div>
    </div>
</section>

</main>
    <!-- Main Content Ends Here (opened in header.php) -->
    
    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <!-- About Column -->
                <div class="footer-col">
                    <h4>About</h4>
                    <ul>
                        <li><a href="https://anylistly.com/about-us/">About Us</a></li>
                        <li><a href="https://anylistly.com/contact-us/">Contact</a></li>
                        <li><a href="https://anylistly.com/coming-soon/">Blog</a></li>
                    </ul>
                </div>
                
                <!-- Categories Column -->
                <div class="footer-col">
                    <h4>Categories</h4>
                    <ul>
                        <li><a href="https://anylistly.com/coloring-pages/">Coloring Pages</a></li>
                        <li><a href="https://anylistly.com/quotes/">Quotes & Wishes</a></li>
                        <li><a href="https://anylistly.com/tools/">Free Online Tools</a></li>
                        <li><a href="https://anylistly.com/countdowns/">Countdowns</a></li>
                    </ul>
                </div>
                
                <!-- Legal Column -->
                <div class="footer-col">
                    <h4>Legal</h4>
                    <ul>
                        <li><a href="https://anylistly.com/privacy/">Privacy Policy</a></li>
                        <li><a href="https://anylistly.com/terms/">Terms of Service</a></li>
                        <li><a href="https://anylistly.com/disclaimer/">Disclaimer</a></li>
                    </ul>
                </div>
                
                <!-- Social/Newsletter Column (Optional - Add as needed) -->
                <div class="footer-col">
                    <h4>Follow Us</h4>
                    <ul>
                        <li><a href="#">Facebook</a></li>
                        <li><a href="#">Twitter</a></li>
                        <li><a href="#">Pinterest</a></li>
                    </ul>
                </div>
            </div>
            
            <!-- Copyright -->
            <div class="copyright">
                <p>&copy; 2026 Anylistly.com – All Rights Reserved</p>
            </div>
        </div>
    </footer>
    
    <!-- Main JavaScript -->
    <script src="https://anylistly.com/assets/js/main.js"></script>
    
    
    <button id="scrollToTop" class="scroll-to-top-v3" title="Go to top">
        <span>TOP</span>
    </button>

    
</body>
</html>