{# Widget Boutique - État désactivé #}
<div class="shop-widget-disabled">
    <div class="shop-disabled-content">
        <div class="shop-disabled-icon">
            <i class="fas fa-store-slash fa-4x"></i>
        </div>
        <h3>Boutique en préparation</h3>
        <p>La boutique en ligne n'est pas encore disponible sur ce site.</p>
        <p class="shop-disabled-hint">Revenez bientôt pour découvrir nos produits !</p>
    </div>
</div>

<style>
.shop-widget-disabled {
    width: 100%;
    padding: 4rem 2rem;
    text-align: center;
    background: #f8f9fa;
    border-radius: 12px;
    margin: 2rem 0;
}

.shop-disabled-content {
    max-width: 500px;
    margin: 0 auto;
}

.shop-disabled-icon {
    color: #cbd5e1;
    margin-bottom: 1.5rem;
}

.shop-widget-disabled h3 {
    font-size: 1.8rem;
    color: #64748b;
    margin-bottom: 1rem;
}

.shop-widget-disabled p {
    color: #94a3b8;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.shop-disabled-hint {
    font-style: italic;
    font-size: 1rem !important;
}
</style>