/* ============================================================
   MBP Configurateur Flora v2 — CSS
   Mon Balcon Parisien
   ============================================================ */

:root {
    --mbp-jaune:      #dde23a;
    --mbp-jaune-dark: #b8bc1a;
    --mbp-bleu:       #293f4c;
    --mbp-bleu-dark:  #1a2a35;
    --mbp-turquoise:  #209ca2;
    --mbp-beige:      #f5f0e8;
    --mbp-font:       'Roboto', -apple-system, sans-serif;
    --mbp-radius:     24px;
    --mbp-radius-sm:  12px;
    --mbp-radius-xs:  8px;
}

.mbp-app {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 16px 80px;
    font-family: var(--mbp-font);
    color: var(--mbp-bleu);
    min-height: 500px;
}

/* ============================================================
   SCREENS
   ============================================================ */
.mbp-screen { display: none; }
.mbp-screen.active { display: block; animation: mbpIn 0.4s ease; }

@keyframes mbpIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   ÉCRAN ACCUEIL
   ============================================================ */
.mbp-welcome-inner {
    max-width: 640px;
    margin: 0 auto;
    padding: 48px 0 32px;
    text-align: center;
}

/* Avatar Flora */
.mbp-ai-avatar {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 28px;
}

.mbp-avatar-pulse {
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 2px solid var(--mbp-jaune);
    animation: mbpPulse 2.5s ease-in-out infinite;
    opacity: 0.5;
}

@keyframes mbpPulse {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50%       { transform: scale(1.08); opacity: 0.2; }
}

.mbp-avatar-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--mbp-bleu);
    color: var(--mbp-jaune);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.mbp-avatar-circle svg { width: 100%; height: 100%; }

.mbp-avatar-circle--lg {
    width: 80px;
    height: 80px;
    padding: 16px;
}

/* Badge IA */
.mbp-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--mbp-jaune);
    color: var(--mbp-bleu);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 4px 14px;
    border-radius: var(--mbp-radius);
    margin-bottom: 16px;
}

.mbp-welcome-title {
    font-size: 2.2rem;
    font-weight: 900;
    color: var(--mbp-bleu);
    margin: 0 0 16px;
    line-height: 1.15;
}

.mbp-highlight {
    color: var(--mbp-turquoise);
    position: relative;
}

.mbp-welcome-desc {
    font-size: 1rem;
    font-weight: 300;
    color: #555;
    line-height: 1.7;
    margin: 0 0 12px;
}

.mbp-welcome-desc strong { font-weight: 700; color: var(--mbp-bleu); }

/* Champ chat accueil */
.mbp-chat-input-wrapper {
    margin: 28px 0 0;
    text-align: left;
}

.mbp-chat-label {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #888;
    margin-bottom: 8px;
}

.mbp-chat-row {
    display: flex;
    gap: 8px;
    align-items: center;
}

.mbp-chat-input {
    flex: 1;
    padding: 14px 18px;
    border: 1.5px solid #e0ddd8;
    border-radius: var(--mbp-radius);
    font-family: var(--mbp-font);
    font-size: 0.9rem;
    color: var(--mbp-bleu);
    background: #fff;
    transition: border-color 0.2s;
    outline: none;
}

.mbp-chat-input:focus { border-color: var(--mbp-bleu); }

.mbp-chat-send {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--mbp-bleu);
    color: var(--mbp-jaune);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s, transform 0.15s;
}

.mbp-chat-send:hover { background: var(--mbp-bleu-dark); transform: scale(1.05); }
.mbp-chat-send svg { width: 18px; height: 18px; }

.mbp-or-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 24px 0;
    color: #bbb;
    font-size: 0.8rem;
}

.mbp-or-divider::before,
.mbp-or-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e8e8e8;
}

/* Bouton démarrer */
.mbp-btn-start {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--mbp-bleu);
    color: var(--mbp-jaune);
    border: none;
    border-radius: var(--mbp-radius);
    padding: 16px 32px;
    font-family: var(--mbp-font);
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s;
    text-decoration: none;
}

.mbp-btn-start:hover {
    background: var(--mbp-bleu-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(41, 63, 76, 0.25);
}

.mbp-btn-start svg { width: 18px; height: 18px; }

/* ============================================================
   ÉCRAN QUESTIONS
   ============================================================ */
.mbp-progress-bar-wrap {
    height: 4px;
    background: #e8e8e8;
    border-radius: 2px;
    margin: 32px 0 8px;
    overflow: hidden;
}

.mbp-progress-bar {
    height: 100%;
    background: var(--mbp-jaune);
    border-radius: 2px;
    transition: width 0.5s ease;
}

.mbp-step-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #aaa;
    margin-bottom: 32px;
}

/* Question */
.mbp-question { display: none; }
.mbp-question.active { display: block; animation: mbpIn 0.35s ease; }

.mbp-question.leave-left { animation: mbpLeaveLeft 0.22s ease forwards; }
.mbp-question.leave-right { animation: mbpLeaveRight 0.22s ease forwards; }
.mbp-question.enter-right { animation: mbpEnterRight 0.3s ease; }
.mbp-question.enter-left  { animation: mbpEnterLeft 0.3s ease; }

@keyframes mbpLeaveLeft  { to { opacity: 0; transform: translateX(-24px); } }
@keyframes mbpLeaveRight { to { opacity: 0; transform: translateX(24px); } }
@keyframes mbpEnterRight { from { opacity: 0; transform: translateX(24px); } }
@keyframes mbpEnterLeft  { from { opacity: 0; transform: translateX(-24px); } }

/* Bulle Flora */
.mbp-flora-says {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 24px;
}

.mbp-flora-mini {
    font-size: 1.4rem;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 2px;
}

.mbp-flora-bubble {
    background: var(--mbp-beige);
    border-radius: 0 var(--mbp-radius-sm) var(--mbp-radius-sm) var(--mbp-radius-sm);
    padding: 12px 16px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #555;
    line-height: 1.6;
    border-left: 3px solid var(--mbp-jaune);
    max-width: 560px;
}

.mbp-question-title {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--mbp-bleu);
    margin: 0 0 6px;
    line-height: 1.2;
}

.mbp-question-hint {
    font-size: 0.85rem;
    color: #888;
    font-weight: 300;
    margin: 0 0 24px;
}

/* Cartes choix */
.mbp-cards {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin: 24px 0;
}

.mbp-cards--3 .mbp-card { flex: 1; min-width: 160px; }

.mbp-card {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 28px 20px;
    border: 2px solid #e8e8e8;
    border-radius: var(--mbp-radius);
    background: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: center;
}

.mbp-card:hover {
    border-color: var(--mbp-bleu);
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(41, 63, 76, 0.1);
}

.mbp-card.selected {
    border-color: var(--mbp-jaune);
    background: #f8f9e6;
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(221, 226, 58, 0.25);
}

.mbp-card-icon {
    width: 64px;
    height: 64px;
    color: var(--mbp-bleu);
    opacity: 0.6;
    transition: opacity 0.2s;
}

.mbp-card:hover .mbp-card-icon,
.mbp-card.selected .mbp-card-icon { opacity: 1; }
.mbp-card-icon svg { width: 100%; height: 100%; }

.mbp-card-text strong {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--mbp-bleu);
    margin-bottom: 4px;
}

.mbp-card-text span {
    font-size: 0.78rem;
    font-weight: 300;
    color: #888;
}

/* Pills */
.mbp-pills {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 24px 0;
}

.mbp-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border: 2px solid #e8e8e8;
    border-radius: var(--mbp-radius);
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mbp-pill:hover {
    border-color: var(--mbp-bleu);
    background: #f8f9f9;
}

.mbp-pill.selected {
    border-color: var(--mbp-jaune);
    background: #f8f9e6;
}

.mbp-pill strong {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--mbp-bleu);
}

.mbp-pill span {
    font-size: 0.8rem;
    font-weight: 300;
    color: #888;
}

/* Préférences étape 4 */
.mbp-prefs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.mbp-pref-card {
    background: var(--mbp-beige);
    border-radius: var(--mbp-radius-sm);
    padding: 20px;
}

.mbp-pref-icon { font-size: 1.5rem; margin-bottom: 8px; }

.mbp-pref-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mbp-bleu);
    margin-bottom: 12px;
    line-height: 1.4;
}

.mbp-pref-toggle {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mbp-toggle-btn {
    padding: 8px 14px;
    border: 1.5px solid #d8d4ce;
    border-radius: var(--mbp-radius);
    background: #fff;
    color: #666;
    font-family: var(--mbp-font);
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.mbp-toggle-btn:hover {
    border-color: var(--mbp-bleu);
    color: var(--mbp-bleu);
    background: #f0f0f0;
}

.mbp-toggle-btn.active {
    background: var(--mbp-bleu);
    border-color: var(--mbp-bleu);
    color: var(--mbp-jaune);
    font-weight: 700;
}

/* Champ extra étape 4 */
.mbp-extra-question { margin: 24px 0; }

.mbp-extra-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mbp-bleu);
    margin-bottom: 8px;
}

.mbp-extra-input {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #e0ddd8;
    border-radius: var(--mbp-radius);
    font-family: var(--mbp-font);
    font-size: 0.875rem;
    color: var(--mbp-bleu);
    background: #fff;
    transition: border-color 0.2s;
    outline: none;
    box-sizing: border-box;
}

.mbp-extra-input:focus { border-color: var(--mbp-bleu); }

/* Bouton lancer Flora */
.mbp-q4-footer { margin-top: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }

.mbp-btn-launch {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--mbp-jaune);
    color: var(--mbp-bleu);
    border: none;
    border-radius: var(--mbp-radius);
    padding: 16px 32px;
    font-family: var(--mbp-font);
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.25s;
}

.mbp-btn-launch:hover {
    background: var(--mbp-jaune-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(221, 226, 58, 0.4);
}

.mbp-btn-launch svg { width: 18px; height: 18px; }

/* Bouton retour */
.mbp-back-btn {
    background: transparent;
    border: none;
    color: #aaa;
    font-family: var(--mbp-font);
    font-size: 0.82rem;
    cursor: pointer;
    padding: 6px 0;
    transition: color 0.2s;
}

.mbp-back-btn:hover { color: var(--mbp-bleu); }

/* ============================================================
   ÉCRAN CHARGEMENT
   ============================================================ */
.mbp-loading-inner {
    max-width: 480px;
    margin: 0 auto;
    padding: 64px 0;
    text-align: center;
}

.mbp-loading-avatar {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 28px;
}

.mbp-loading-ring {
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 2px solid var(--mbp-jaune);
    animation: mbpSpin 2s linear infinite;
    opacity: 0.4;
}

.mbp-loading-ring--2 {
    inset: -18px;
    border-color: var(--mbp-turquoise);
    animation-duration: 3s;
    animation-direction: reverse;
    opacity: 0.2;
}

@keyframes mbpSpin { to { transform: rotate(360deg); } }

.mbp-loading-title {
    font-size: 1.3rem;
    font-weight: 900;
    color: var(--mbp-bleu);
    margin-bottom: 8px;
}

.mbp-loading-msg {
    font-size: 0.875rem;
    color: #888;
    margin-bottom: 24px;
    min-height: 20px;
    transition: opacity 0.3s;
}

.mbp-loading-bar-wrap {
    width: 100%;
    height: 4px;
    background: #e8e8e8;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 28px;
}

.mbp-loading-bar-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--mbp-jaune), var(--mbp-turquoise));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.mbp-loading-steps {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
}

.mbp-loading-step {
    font-size: 0.82rem;
    color: #ccc;
    padding: 6px 12px;
    border-radius: var(--mbp-radius-xs);
    transition: all 0.3s;
}

.mbp-loading-step.active {
    color: var(--mbp-bleu);
    background: #f8f9e6;
    font-weight: 600;
}

/* ============================================================
   ÉCRAN RÉSULTATS
   ============================================================ */
.mbp-results-inner { padding: 32px 0 48px; }

.mbp-results-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.mbp-flora-result-avatar {
    font-size: 2.5rem;
    line-height: 1;
}

.mbp-results-title {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--mbp-bleu);
    margin: 4px 0 0;
}

/* Message IA */
.mbp-ai-message {
    background: #fafbf0;
    border: 1.5px solid #e8ec9a;
    border-radius: var(--mbp-radius-sm);
    padding: 24px 28px;
    margin-bottom: 20px;
    line-height: 1.7;
}

.mbp-ai-section {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 12px 0;
    padding: 10px 14px;
    border-radius: var(--mbp-radius-xs);
}

.mbp-ai-section--title {
    background: transparent;
    padding: 0;
    margin: 0 0 14px;
}

.mbp-ai-section--title strong {
    font-size: 1.1rem;
    color: var(--mbp-bleu);
}

.mbp-ai-section--green { background: #f0faf5; }
.mbp-ai-section--tip   { background: #fff8e6; }

.mbp-ai-emoji { font-size: 1.2rem; flex-shrink: 0; line-height: 1.4; }
.mbp-ai-para  { margin: 8px 0; color: #444; font-size: 0.95rem; }

/* Tags profil */
.mbp-profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.mbp-ptag {
    background: #f0f0f0;
    color: var(--mbp-bleu);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: var(--mbp-radius);
}

.mbp-results-subtitle {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #aaa;
    margin-bottom: 16px;
}

/* Grille produits */
.mbp-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 40px;
}

@media (max-width: 680px) {
    .mbp-products-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 420px) {
    .mbp-products-grid { grid-template-columns: 1fr; }
}

.mbp-product-card {
    border: 1.5px solid #f0ede8;
    border-radius: var(--mbp-radius-sm);
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
}

.mbp-product-card:hover {
    border-color: var(--mbp-bleu);
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(41, 63, 76, 0.1);
}

.mbp-product-img-wrap {
    position: relative;
    overflow: hidden;
    background: #fafafa;
}

.mbp-product-img-wrap img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    padding: 12px;
    transition: transform 0.3s ease;
    display: block;
}

.mbp-product-card:hover .mbp-product-img-wrap img { transform: scale(1.04); }

.mbp-product-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--mbp-bleu);
    color: var(--mbp-jaune);
    font-size: 0.65rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: var(--mbp-radius);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mbp-product-body { padding: 12px 14px 14px; }

.mbp-product-name {
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mbp-bleu);
    line-height: 1.3;
    margin-bottom: 4px;
}

.mbp-product-excerpt {
    font-size: 0.75rem;
    font-weight: 300;
    color: #888;
    line-height: 1.4;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mbp-product-attr {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: #aaa;
    margin-bottom: 10px;
}

.mbp-product-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid #f0ede8;
    padding-top: 10px;
}

.mbp-product-price {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--mbp-turquoise);
    white-space: nowrap;
}

.mbp-product-actions { flex-shrink: 0; }

.mbp-product-cart-btn {
    background: var(--mbp-bleu);
    color: var(--mbp-jaune);
    border: none;
    border-radius: var(--mbp-radius);
    padding: 6px 12px;
    font-family: var(--mbp-font);
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.mbp-product-cart-btn:hover { background: var(--mbp-bleu-dark); }
.mbp-product-cart-btn.added { background: var(--mbp-turquoise); }
.mbp-product-cart-btn.loading { opacity: 0.7; }

.mbp-product-url {
    display: inline-block;
    color: var(--mbp-turquoise);
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.mbp-product-url:hover { text-decoration: underline; }

/* Chat résultats */
.mbp-result-chat {
    background: var(--mbp-beige);
    border-radius: var(--mbp-radius-sm);
    padding: 24px;
    margin-bottom: 32px;
}

.mbp-result-chat-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mbp-bleu);
    margin-bottom: 12px;
}

.mbp-chat-thinking {
    font-size: 0.875rem;
    color: #888;
    font-style: italic;
    padding: 8px 0;
}

.mbp-chat-answer {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-top: 12px;
    background: #fff;
    border-radius: var(--mbp-radius-xs);
    padding: 16px;
}

.mbp-chat-answer-avatar { font-size: 1.4rem; flex-shrink: 0; }
.mbp-chat-answer-text { font-size: 0.875rem; line-height: 1.6; color: var(--mbp-bleu); }

/* Bouton recommencer */
.mbp-results-footer { text-align: center; }

.mbp-restart-btn {
    background: transparent;
    border: 1.5px solid #ddd;
    border-radius: var(--mbp-radius);
    color: #888;
    font-family: var(--mbp-font);
    font-size: 0.82rem;
    padding: 10px 24px;
    cursor: pointer;
    transition: all 0.2s;
}

.mbp-restart-btn:hover { border-color: var(--mbp-bleu); color: var(--mbp-bleu); }

/* ============================================================
   MODALE PRODUIT
   ============================================================ */
.mbp-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(41, 63, 76, 0.7);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.mbp-modal {
    background: #fff;
    border-radius: var(--mbp-radius-sm);
    max-width: 680px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: mbpIn 0.3s ease;
}

.mbp-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #f0f0f0;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 14px;
    cursor: pointer;
    color: var(--mbp-bleu);
    z-index: 1;
    transition: background 0.2s;
}

.mbp-modal-close:hover { background: #e0e0e0; }

.mbp-modal-content {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 0;
}

@media (max-width: 560px) {
    .mbp-modal-content { grid-template-columns: 1fr; }
}

.mbp-modal-img {
    background: #fafafa;
    border-radius: var(--mbp-radius-sm) 0 0 var(--mbp-radius-sm);
    overflow: hidden;
}

.mbp-modal-img img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    padding: 20px;
    display: block;
}

.mbp-modal-info {
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mbp-modal-name {
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--mbp-bleu);
    margin: 0;
    line-height: 1.2;
}

.mbp-modal-price {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--mbp-turquoise);
}

.mbp-modal-desc {
    font-size: 0.875rem;
    font-weight: 300;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

.mbp-modal-attrs {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: var(--mbp-beige);
    border-radius: var(--mbp-radius-xs);
}

.mbp-modal-attr {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
}

.mbp-modal-attr-key {
    color: #888;
    text-transform: capitalize;
    font-weight: 500;
}

.mbp-modal-btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}

.mbp-modal-btn {
    display: block;
    text-align: center;
    padding: 12px 20px;
    border-radius: var(--mbp-radius);
    font-family: var(--mbp-font);
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
}

.mbp-modal-btn--primary {
    background: var(--mbp-bleu);
    color: var(--mbp-jaune);
}

.mbp-modal-btn--primary:hover { background: var(--mbp-bleu-dark); }

.mbp-modal-btn--secondary {
    background: transparent;
    color: var(--mbp-bleu);
    border: 1.5px solid #e0ddd8;
}

.mbp-modal-btn--secondary:hover { border-color: var(--mbp-bleu); }

.mbp-modal-cart-btn {
    display: block;
    width: 100%;
    background: var(--mbp-jaune);
    color: var(--mbp-bleu);
    border: none;
    border-radius: var(--mbp-radius);
    padding: 14px 20px;
    font-family: var(--mbp-font);
    font-size: 0.875rem;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}

.mbp-modal-cart-btn:hover { background: var(--mbp-jaune-dark); }
.mbp-modal-cart-btn.added { background: var(--mbp-turquoise); color: #fff; }

.mbp-modal-note {
    font-size: 0.72rem;
    color: #aaa;
    text-align: center;
    margin-top: 4px;
}

body.mbp-modal-open { overflow: hidden; }

/* ============================================================
   NO RESULTS
   ============================================================ */
.mbp-no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 48px 20px;
    color: #888;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 600px) {
    .mbp-welcome-title { font-size: 1.6rem; }
    .mbp-cards { flex-direction: column; }
    .mbp-card { min-width: unset; flex-direction: row; text-align: left; padding: 20px; }
    .mbp-card-icon { width: 48px; height: 48px; flex-shrink: 0; }
    .mbp-prefs-grid { grid-template-columns: 1fr; }
    .mbp-modal-img img { height: 200px; }
}
.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//www.monbalconparisien.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - var(--wp-admin--admin-bar--height,0px));top:var(--wp-admin--admin-bar--height,0)}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//www.monbalconparisien.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//www.monbalconparisien.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//www.monbalconparisien.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}:root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}