Viên ngọc phương Đông

<?php
/**
 * Search results template
 */
get_header(); ?>

<div class="breadcrumbs">
    <div class="breadcrumbs-inner">
        <a href="<?php echo home_url('/'); ?>">Home</a>
        <span class="separator">›</span>
        <span>Search Results</span>
    </div>
</div>

<section class="section">
    <div class="container">
        <div class="section-header">
            <h1>Search Results for "
                <?php echo get_search_query(); ?>"
            </h1>
        </div>

<?php if (have_posts()): ?>
        <div class="products-grid">
            <?php while (have_posts()):
        the_post(); ?>
            <div class="product-card">
                <a href="<?php the_permalink(); ?>" class="product-card-image">
                    <?php if (has_post_thumbnail()): ?>
                    <?php the_post_thumbnail('product-thumb'); ?>
                    <?php
        else: ?>
                    <svg width="48" height="48" fill="none" stroke="#ccc" stroke-width="1.5" viewBox="0 0 24 24">
                        <circle cx="12" cy="12" r="3" />
                    </svg>
                    <?php
        endif; ?>
                </a>
                <div class="product-card-body">
                    <h3><a href="<?php the_permalink(); ?>" style="color:inherit;text-decoration:none;">
                            <?php the_title(); ?>
                        </a></h3>
                    <p>
                        <?php echo wp_trim_words(get_the_excerpt(), 15); ?>
                    </p>
                </div>
                <div class="product-card-actions">
                    <a href="<?php the_permalink(); ?>" class="btn btn-outline btn-sm">View Details</a>
                </div>
            </div>
            <?php
    endwhile; ?>
        </div>
        <?php
else: ?>
        <div style="text-align:center;padding:4rem;">
            <h2>No results found</h2>
            <p style="color:var(--color-text-light);margin-bottom:1.5rem;">Try a different search term or browse our
                catalogue.</p>
            <a href="<?php echo get_post_type_archive_link('product'); ?>" class="btn btn-primary">Browse Catalogue</a>
        </div>
        <?php
endif; ?>
    </div>
</section>

<?php get_footer(); ?>