.sd-merge-pdf-list{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.sd-merge-pdf-item{display:flex;align-items:center;gap:12px;background:var(--sd-surface-2);border:1px solid var(--sd-border);border-radius:10px;padding:12px 15px;cursor:grab;transition:border-color .2s ease,background .2s ease}.sd-merge-pdf-item:hover{border-color:var(--accent-blue)}.sd-merge-pdf-item:active{cursor:grabbing}.sd-merge-pdf-item.dragging{opacity:.5}.sd-merge-pdf-item-order{flex:0 0 28px;height:28px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.sd-merge-pdf-item-icon{flex:0 0 36px;height:36px;display:flex;align-items:center;justify-content:center;color:#e74c3c}.sd-merge-pdf-item-info{flex:1;min-width:0}.sd-merge-pdf-item-name{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-merge-pdf-item-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.sd-merge-pdf-item-remove{flex:0 0 30px;height:30px;background:0 0;color:var(--text-muted);border:1px solid var(--sd-border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.sd-merge-pdf-item-remove:hover{background:#e74c3c;color:#fff;border-color:#e74c3c}.sd-pdf-carousel{display:flex;overflow-x:auto;gap:20px;padding-bottom:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%}.sd-pdf-carousel::-webkit-scrollbar{height:8px}.sd-pdf-carousel::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.sd-pdf-carousel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.sd-pdf-thumb-card{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sd-surface-2);border:1px solid var(--sd-border);border-radius:12px;padding:20px;text-align:center;box-sizing:border-box}@media (min-width:768px){.sd-pdf-thumb-card{flex:0 0 80%;margin:0 auto}}.sd-pdf-thumb-img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 15px -1px rgba(0,0,0,.2);background:#fff;cursor:pointer;transition:transform .2s ease}.sd-pdf-thumb-img:hover{transform:scale(1.02)}.sd-pdf-thumb-title{font-size:15px;font-weight:500;color:var(--text-main);margin-bottom:15px}.sd-pdf-btn-download-one{padding:10px 20px;font-size:14px;border-radius:6px;text-decoration:none;display:inline-block}.sd-pdf-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.sd-pdf-lightbox-img{max-width:100%;max-height:100vh;object-fit:contain;border-radius:8px}.sd-pdf-lightbox-close{position:absolute;top:20px;right:30px;background:0 0;color:#fff;border:none;font-size:50px;cursor:pointer;z-index:100000;line-height:1}.sd-jpg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:25px}@media (min-width:480px){.sd-jpg-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}}.sd-jpg-thumb-card{position:relative;background:var(--sd-surface-2);border:1px solid var(--sd-border);border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;cursor:grab}.sd-jpg-thumb-card:active{cursor:grabbing}.sd-jpg-thumb-card.dragging{opacity:.5}.sd-jpg-thumb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;pointer-events:none}.sd-jpg-remove-btn{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.3);z-index:2}.sd-jpg-remove-btn:hover{background:#c0392b}.sd-jpg-order-badge{position:absolute;top:5px;left:5px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;pointer-events:none}:root{--sd-sign-panel-bg:rgba(15,23,42,0.4);--sd-sign-input-bg:rgba(15,23,42,0.5);--sd-sign-tab-bg:rgba(0,0,0,0.25);--sd-sign-border:rgba(255,255,255,0.12);--sd-sign-muted:rgba(255,255,255,0.38);--sd-sign-subdued:rgba(255,255,255,0.55)}:root[data-theme=light]{--sd-sign-panel-bg:rgba(255,255,255,0.6);--sd-sign-input-bg:rgba(248,250,252,0.9);--sd-sign-tab-bg:rgba(0,0,0,0.06);--sd-sign-border:rgba(0,0,0,0.12);--sd-sign-muted:rgba(15,23,42,0.45);--sd-sign-subdued:rgba(15,23,42,0.65)}.sd-sign-steps{display:flex;gap:0;margin-bottom:28px}.sd-sign-step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sd-sign-muted);flex:1}.sd-sign-step-num{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--sd-sign-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;transition:all .2s;color:var(--sd-sign-muted)}.sd-sign-step.active{color:var(--text-main)}.sd-sign-step.active .sd-sign-step-num{background:rgba(99,102,241,.9);border-color:rgba(99,102,241,.9);color:#fff}.sd-sign-step.done .sd-sign-step-num{background:rgba(22,163,74,.85);border-color:rgba(22,163,74,.85);color:#fff}.sd-sign-step.done{color:var(--sd-sign-subdued)}.sd-sign-step-line{flex:1;height:1px;background:var(--sd-sign-border);margin:0 8px}.sd-sign-tab-row{display:flex;gap:4px;background:var(--sd-sign-tab-bg);border-radius:10px;padding:4px;margin-bottom:16px}.sd-sign-tab-btn{flex:1;padding:8px 12px;font-size:13px;border:none;border-radius:7px;background:0 0;color:var(--sd-sign-muted);cursor:pointer;transition:all .15s;font-family:inherit}.sd-sign-tab-btn.active{background:rgba(99,102,241,.2);color:var(--text-main)}.sd-sign-thumb-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 0 4px;scroll-snap-type:x mandatory}.sd-sign-thumb-strip::-webkit-scrollbar{height:4px}.sd-sign-thumb-strip::-webkit-scrollbar-thumb{background:var(--sd-sign-border);border-radius:2px}.sd-sign-thumb{flex-shrink:0;width:64px;cursor:pointer;border-radius:6px;border:2px solid transparent;transition:border-color .15s;scroll-snap-align:start;position:relative}.sd-sign-thumb.active{border-color:rgba(99,102,241,.9)}.sd-sign-thumb canvas{width:100%;display:block;border-radius:4px}.sd-sign-thumb-badge{position:absolute;top:-5px;right:-5px;background:rgba(99,102,241,.9);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sd-sign-preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;flex-wrap:wrap}.sd-sign-zoom-controls{display:flex;gap:4px;align-items:center}.sd-sign-zoom-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--glass-border);background:var(--sd-sign-input-bg);color:var(--text-main);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s}.sd-sign-zoom-btn:hover{background:rgba(99,102,241,.2)}.sd-sign-zoom-label{font-size:12px;color:var(--sd-sign-muted);min-width:36px;text-align:center}.sd-sign-placing-banner{display:none;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);border-radius:8px;margin-bottom:10px;font-size:13px;color:var(--text-main)}.sd-sign-placing-banner.visible{display:flex}.sd-sign-snap-guide-h,.sd-sign-snap-guide-v{position:absolute;pointer-events:none;z-index:20;opacity:0;transition:opacity .1s}.sd-sign-snap-guide-h{left:0;width:100%;height:1px;background:rgba(99,102,241,.7)}.sd-sign-snap-guide-v{top:0;height:100%;width:1px;background:rgba(99,102,241,.7)}.sd-sign-sig-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--sd-sign-input-bg);border-radius:8px;font-size:13px;border:1px solid transparent;cursor:pointer;transition:border-color .15s;color:var(--text-main)}.sd-sign-sig-list-item:hover{border-color:rgba(99,102,241,.4)}.sd-sign-sig-icon{width:32px;height:22px;border-radius:4px;border:1px solid var(--sd-sign-border);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;overflow:hidden}.sd-sign-sig-icon img{width:100%;height:100%;object-fit:contain}#sdSignAddToPdf:disabled{opacity:.45;cursor:not-allowed}#sdSignDrawCanvas{touch-action:none}.sd-sign-color-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sd-sign-color-btn{outline-offset:2px!important}.sd-sign-color-picker{width:32px;height:32px;border-radius:50%;border:2px solid var(--sd-sign-border);cursor:pointer;padding:0;overflow:hidden;background:0 0}.sd-sign-color-picker::-webkit-color-swatch-wrapper{padding:0}.sd-sign-color-picker::-webkit-color-swatch{border:none;border-radius:50%}.sd-sign-panel-box,.sd-sign-preview-box{background:var(--sd-sign-panel-bg);border:1px solid var(--glass-border);border-radius:10px}.sd-sign-process-box{background:var(--sd-sign-panel-bg);border:1px solid var(--glass-border);border-radius:12px}#sdEtpPreview table{width:100%;border-collapse:collapse;margin-bottom:20px}#sdEtpPreview td,#sdEtpPreview th{border:1px solid var(--sd-border);padding:8px;text-align:left}#sdEtpPreview th{background-color:var(--sd-surface-2);font-weight:600}

/* Mobile responsive additions for PDF tools */
@media (max-width: 640px) {
    .sd-sign-steps {
        flex-wrap: wrap;
        gap: 12px;
    }
    .sd-sign-step {
        flex: 1 1 100%;
    }
    .sd-sign-step-line {
        display: none;
    }
    .sd-merge-pdf-item {
        padding: 10px 12px;
        gap: 10px;
    }
    .sd-merge-pdf-item-name {
        font-size: 13px;
    }
    .sd-jpg-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 10px;
    }
    .sd-pdf-lightbox-close {
        top: 15px;
        right: 15px;
        font-size: 40px;
    }
    .sd-sign-color-row {
        gap: 6px;
    }
}
@media (max-width: 480px) {
    .sd-sign-step {
        font-size: 12px;
    }
    .sd-sign-step-num {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }
}

/* ============================================
   PDF TOOLS CATALOG - Enhanced UI v2
   Grid: 2 cols mobile, 4 cols desktop
   ============================================ */

/* Breadcrumb Navigation */
.sd-catalog-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--text-muted);
}
.sd-breadcrumb-link {
    color: var(--text-muted);
    text-decoration: none;
    transition: color 0.2s ease;
}
.sd-breadcrumb-link:hover {
    color: var(--accent-blue);
}
.sd-breadcrumb-separator {
    opacity: 0.5;
}
.sd-breadcrumb-current {
    color: var(--text-main);
    font-weight: 500;
}

/* Hero Section */
.sd-catalog-hero {
    text-align: center;
    margin-bottom: 40px;
    padding: 20px 0;
}
.sd-catalog-title {
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 16px;
    background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
}
.sd-catalog-subtitle {
    font-size: 18px;
    color: var(--text-muted);
    max-width: 600px;
    margin: 0 auto 32px;
    line-height: 1.6;
}

/* Search Bar */
.sd-catalog-search-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.sd-catalog-search {
    position: relative;
    display: flex;
    align-items: center;
}
.sd-search-icon {
    position: absolute;
    left: 16px;
    color: var(--text-muted);
    pointer-events: none;
}
.sd-catalog-search input {
    width: 100%;
    padding: 14px 44px 14px 48px;
    font-size: 16px;
    background: var(--sd-surface-2, rgba(255, 255, 255, 0.05));
    border: 1px solid var(--sd-border, rgba(255, 255, 255, 0.1));
    border-radius: 12px;
    color: var(--text-main);
    transition: all 0.2s ease;
}
.sd-catalog-search input:focus {
    outline: none;
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}
.sd-catalog-search input::placeholder {
    color: var(--text-muted);
}
.sd-search-clear {
    position: absolute;
    right: 12px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sd-surface-1);
    border: 1px solid var(--sd-border);
    border-radius: 6px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
    display: none;
}
.sd-search-clear:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-main);
}
.sd-search-results-count {
    margin-top: 8px;
    font-size: 14px;
    color: var(--text-muted);
    min-height: 20px;
}

/* Sticky Category Navigation */
.sd-category-nav {
    position: sticky;
    top: 70px;
    z-index: 100;
    background: var(--sd-surface-1, rgba(15, 23, 42, 0.85));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--sd-border, rgba(255, 255, 255, 0.1));
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 32px;
    transition: all 0.3s ease;
}
:root[data-theme="light"] .sd-category-nav {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.05);
}
.sd-category-nav-scroll {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.sd-category-nav-scroll::-webkit-scrollbar {
    display: none;
}
.sd-category-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: 8px;
    white-space: nowrap;
    scroll-snap-align: start;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}
.sd-category-nav-link:hover {
    color: var(--text-main);
    background: rgba(255, 255, 255, 0.05);
}
:root[data-theme="light"] .sd-category-nav-link:hover {
    background: rgba(0, 0, 0, 0.03);
}
.sd-category-nav-link.active {
    color: var(--accent-blue);
    background: rgba(139, 92, 246, 0.1);
    border-color: rgba(139, 92, 246, 0.2);
}
.sd-category-nav-link svg {
    flex-shrink: 0;
    opacity: 0.8;
}

/* Main Catalog Container */
.sd-tools-catalog-wrapper {
    padding: 20px 0 60px;
}
.sd-tools-catalog {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Category Sections */
.sd-category-section {
    background: var(--category-bg, var(--sd-surface-1, rgba(15, 23, 42, 0.2)));
    border: 1px solid var(--category-border, var(--sd-border, rgba(255, 255, 255, 0.05)));
    border-radius: 16px;
    padding: 28px;
    animation: sdFadeInUp 0.6s ease forwards;
    animation-delay: calc(var(--section-index, 0) * 0.1s);
    opacity: 1; /* Default to visible */
}
:root[data-theme="light"] .sd-category-section {
    background: var(--category-bg, rgba(255, 255, 255, 0.6));
    border-color: var(--category-border, rgba(0, 0, 0, 0.08));
}

/* Section Header */
.sd-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--sd-border, rgba(255, 255, 255, 0.1));
}
.sd-category-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    color: var(--category-accent, var(--text-main));
    margin: 0;
}
.sd-category-title svg {
    color: var(--category-accent);
}
.sd-section-badge {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    background: var(--badge-primary-bg);
    color: var(--badge-primary-color);
    border-radius: 20px;
}
.sd-clear-recent {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    background: transparent;
    border: 1px solid var(--sd-border);
    border-radius: 6px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
}
.sd-clear-recent:hover {
    background: rgba(239, 68, 68, 0.1);
    border-color: #ef4444;
    color: #ef4444;
}

/* Popular Section - Unified purple accent */
.sd-popular-section {
    --category-bg: var(--category-bg-3);
    --category-accent: var(--category-accent);
    --category-border: var(--category-border);
}
.sd-popular-card {
    background: var(--sd-surface-2, rgba(255, 255, 255, 0.05));
    border-color: var(--category-border);
}
.sd-popular-card:hover {
    border-color: var(--category-accent);
    box-shadow: 0 8px 20px -4px rgba(168, 85, 247, 0.2);
}
.sd-popular-icon {
    background: var(--category-bg-1) !important;
}
.sd-tool-arrow {
    margin-inline-start: auto;
    color: var(--text-muted);
    transition: transform 0.2s ease, color 0.2s ease;
}
.sd-popular-card:hover .sd-tool-arrow {
    transform: translateX(4px);
    color: var(--category-accent);
}
[dir="rtl"] .sd-popular-card:hover .sd-tool-arrow {
    transform: translateX(-4px);
}

/* Recent Section - Unified purple accent */
.sd-recent-section {
    --category-accent: var(--category-accent);
}
.sd-recent-icon {
    background: var(--category-bg-2) !important;
}
.sd-empty-recent {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px;
    color: var(--text-muted);
    text-align: center;
}
.sd-empty-recent svg {
    opacity: 0.5;
}

/* Tool Grid - 4 columns desktop, responsive through media queries */
.sd-tool-grid,
.sd-popular-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Tool Cards */
.sd-tool-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
    background: var(--sd-surface-2, rgba(255, 255, 255, 0.03));
    border: 1px solid var(--sd-border, rgba(255, 255, 255, 0.08));
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    animation: sdFadeInUp 0.5s ease forwards;
    opacity: 1;
}

.sd-tool-card:focus-visible {
    outline: 2px solid var(--accent-blue);
    outline-offset: 2px;
}

/* Safety Fallback for no-animation or failed animation */
@media (prefers-reduced-motion: reduce) {
    .sd-category-section,
    .sd-tool-card {
        opacity: 1 !important;
        animation: none !important;
    }
}
.sd-tool-card:nth-child(1) { animation-delay: 0.05s; }
.sd-tool-card:nth-child(2) { animation-delay: 0.1s; }
.sd-tool-card:nth-child(3) { animation-delay: 0.15s; }
.sd-tool-card:nth-child(4) { animation-delay: 0.2s; }
.sd-tool-card:nth-child(5) { animation-delay: 0.25s; }
.sd-tool-card:nth-child(6) { animation-delay: 0.3s; }
:root[data-theme="light"] .sd-tool-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.1);
}
.sd-tool-card:hover {
    transform: translateY(-4px);
    border-color: var(--category-accent, var(--accent-blue, #8b5cf6));
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.3);
}
:root[data-theme="light"] .sd-tool-card:hover {
    background: #ffffff;
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.1);
}

/* Icon Wrapper */
.sd-tool-icon-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.25s;
    background: var(--category-bg, rgba(139, 92, 246, 0.1));
}
.sd-tool-card:hover .sd-tool-icon-wrapper {
    transform: scale(1.1);
}

/* Tool Info */
.sd-tool-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
.sd-tool-header {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.sd-tool-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-main);
    margin: 0;
    line-height: 1.2;
}
.sd-tool-desc {
    font-size: 13px;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
}

/* Tool Badges - Unified 2-tier system */
.sd-tool-badge {
    display: inline-flex;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
}
.sd-badge-popular,
.sd-badge-new {
    background: var(--badge-primary-bg);
    color: var(--badge-primary-color);
}
.sd-badge-free,
.sd-badge-secure {
    background: var(--badge-secondary-bg);
    border: 1px solid var(--badge-secondary-border);
    color: var(--badge-secondary-color);
}
.sd-badge-default {
    background: var(--sd-surface-2);
    color: var(--text-muted);
}

/* No Results State */
.sd-no-results {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 80px 20px;
    text-align: center;
    color: var(--text-muted);
}
.sd-no-results h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-main);
    margin: 0;
}
.sd-no-results p {
    margin: 0;
    max-width: 320px;
    line-height: 1.6;
}
.sd-clear-search-btn {
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 700;
    background: var(--accent-blue);
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.sd-clear-search-btn:hover {
    background: var(--accent-blue-hover, #7c3aed);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

/* Animations */
@keyframes sdFadeInUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 1200px) {
    .sd-tool-grid,
    .sd-popular-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .sd-category-nav {
        top: 60px;
    }
}

@media (max-width: 768px) {
    .sd-tool-grid,
    .sd-popular-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .sd-catalog-hero {
        margin-bottom: 32px;
    }
    .sd-category-nav {
        padding: 10px 12px;
        margin-bottom: 24px;
    }
    .sd-category-nav-link {
        padding: 8px 12px;
        font-size: 13px;
    }
    .sd-category-section {
        padding: 24px;
        border-radius: 12px;
    }
    .sd-category-title {
        font-size: 20px;
    }
    .sd-tool-card {
        padding: 16px;
    }
    .sd-tool-icon-wrapper {
        width: 40px;
        height: 40px;
    }
    .sd-tool-name {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .sd-catalog-breadcrumb {
        font-size: 12px;
        margin-bottom: 16px;
    }
    .sd-catalog-hero {
        padding: 10px 0;
    }
    .sd-catalog-search input {
        padding: 12px 40px 12px 44px;
        font-size: 15px;
    }
    .sd-tool-grid,
    .sd-popular-grid {
        gap: 12px;
    }
    .sd-tool-card {
        padding: 12px;
        gap: 8px;
    }
    .sd-tool-icon-wrapper {
        width: 36px;
        height: 36px;
    }
    .sd-tool-icon-wrapper svg {
        width: 20px;
        height: 20px;
    }
    .sd-tool-name {
        font-size: 14px;
    }
    .sd-tool-desc {
        display: none;
    }
    .sd-tool-badge {
        font-size: 9px;
        padding: 1px 5px;
    }
    .sd-section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}