/* =========================================================
   Maman Folle — тема оформления
   Палитра: «Бархатный сезон» (осень 2026)

   Слива и шалфей — основа, вино — акцент.
   Светлая тема: тёплый камень / сумерки в саду
   Тёмная тема:  лавандовые сумерки

   Предыдущая палитра — «Летний песок и море» — сохранена
   в git-истории. Структура и имена переменных не менялись,
   изменены только значения цвета.
   ========================================================= */

:root {
    --mfp-container: 1240px;
    --mfp-theme-transition-duration: 1240ms;
    --mfp-theme-transition-ease: ease;

    --mfp-radius: 28px;
    --mfp-radius-sm: 18px;
    --mfp-radius-lg: 40px;

    --mfp-hero-badge-bg: rgba(255,255,255,0.18);
    --mfp-hero-badge-border: rgba(255,255,255,0.24);
    --mfp-hero-badge-color: #fff;

    /*
     * Color choice
    */
    --mfp-color-choice-bg: rgba(252,249,250,0.52);
    --mfp-color-choice-border: rgba(72,58,68,0.16);
    --mfp-color-choice-border-selected: rgba(110,74,99,0.72);

    --mfp-color-choice-shadow: none;
    --mfp-color-choice-shadow-selected:
        0 0 0 4px rgba(110,74,99,0.13),
        0 10px 24px rgba(90,59,81,0.10);

    --mfp-color-dot-border: rgba(255,255,255,0.94);
    --mfp-color-dot-shadow:
        0 0 0 1px rgba(43,37,42,0.16),
        0 8px 18px rgba(43,37,42,0.12);


    /*
     * Velvet season: stone / sage / plum
     */
    --mfp-bg: #ede7e2;
    --mfp-bg-soft: #f8f5f2;

    --mfp-card: rgba(252,249,250,0.74);
    --mfp-card-strong: rgba(254,252,252,0.94);

    --mfp-border: rgba(72,58,68,0.12);
    --mfp-border-strong: rgba(72,58,68,0.20);

    --mfp-text: #2b252a;
    --mfp-text-soft: rgba(43,37,42,0.74);
    --mfp-text-muted: rgba(43,37,42,0.54);

    /*
     * Plum / sage / wine CTA palette
     */
    --mfp-accent: #6e4a63;
    --mfp-accent-strong: #5a3b51;
    --mfp-accent-soft: rgba(110,74,99,0.13);

    --mfp-accent-2: #6e7b5f;   /* шалфей */
    --mfp-accent-3: #5c1f2e;   /* вино */
    --mfp-accent-4: #c4a08c;   /* глина */

    --mfp-danger: #8c2f35;
    --mfp-brand-blue: var(--mfp-accent);
    --mfp-gift-preview-accent: var(--mfp-accent);
    --mfp-gift-preview-bg: var(--mfp-card-strong);
    --mfp-gift-preview-ink: var(--mfp-text);

    /*
     * Warm garden glows
     */
    --mfp-bg-glow-1: rgba(196,160,140,0.24);
    --mfp-bg-glow-2: rgba(110,74,99,0.11);
    --mfp-bg-glow-3: rgba(110,123,95,0.09);

    --mfp-shadow: 0 24px 70px rgba(58,44,54,0.13);
    --mfp-shadow-soft: 0 18px 50px rgba(58,44,54,0.08);

    /*--mfp-focus: rgba(90,59,81,0.42);*/
    --mfp-focus: transparent;

    /*
     * Primary button: plum → sage-plum → clay
     */
    --mfp-button-border: transparent;

    --mfp-button-gradient-start: #4a3143;
    --mfp-button-gradient-mid: #6e4a63;
    --mfp-button-gradient-end: #b58e7c;
    --mfp-button-gradient-warm: #c4a08c;

    --mfp-button-hover-start: #3d2837;
    --mfp-button-hover-mid: #6e4a63;
    --mfp-button-hover-end: #a97f6e;
    --mfp-button-hover-warm: #c4a08c;

    --mfp-button-shadow-main: rgba(74,49,67,0.24);
    --mfp-button-shadow-warm: rgba(196,160,140,0.10);
    --mfp-button-shadow-main-hover: rgba(74,49,67,0.30);
    --mfp-button-shadow-warm-hover: rgba(196,160,140,0.14);

    --mfp-button-inner-border: rgba(255,255,255,0.18);
    --mfp-button-inner-border-hover: rgba(255,255,255,0.24);

    --mfp-button-inset: rgba(255,255,255,0.18);
    --mfp-button-inset-hover: rgba(255,255,255,0.26);

    --mfp-button-sheen-top: rgba(255,255,255,0.18);
    --mfp-button-sheen-bottom: rgba(255,255,255,0.04);
    --mfp-button-sheen-hover-opacity: 0.70;

    --mfp-button-glow-light: rgba(255,255,255,0.20);
    --mfp-button-glow-warm: rgba(196,160,140,0.18);

    --mfp-button-hover-border: transparent;
    --mfp-button-ease: cubic-bezier(0.16, 1, 0.3, 1);

    /*
     * Secondary UI
     */
    --mfp-ghost-bg: rgba(252,249,250,0.62);
    --mfp-ghost-border-hover: rgba(110,74,99,0.24);

    --mfp-link-bg: rgba(252,249,250,0.56);
    --mfp-link-border-hover: rgba(110,74,99,0.26);

    --mfp-icon-bg: linear-gradient(
        135deg,
        rgba(74,49,67,0.13),
        rgba(110,74,99,0.13),
        rgba(110,123,95,0.12)
    );
    --mfp-icon-border: rgba(110,74,99,0.15);
    --mfp-icon-shadow: 0 14px 34px rgba(58,44,54,0.08);

    --mfp-header-bg: rgba(248,245,242,0.78);
    --mfp-header-shadow: 0 18px 50px rgba(58,44,54,0.09);
    --mfp-nav-hover-bg: rgba(110,74,99,0.10);
    --mfp-theme-toggle-bg: rgba(252,249,250,0.62);
    --mfp-theme-toggle-border-hover: rgba(110,74,99,0.24);
    --mfp-mobile-menu-bg: rgba(248,245,242,0.92);
    --mfp-mobile-submenu-bg: #f8f5f2;

    --mfp-on-media: #fff;
    --mfp-on-media-soft: rgba(255,255,255,0.84);
    --mfp-on-media-muted: rgba(255,255,255,0.75);
    --mfp-on-media-faint: rgba(255,255,255,0.36);
    --mfp-on-media-surface: rgba(255,255,255,0.18);
    --mfp-on-media-surface-soft: rgba(255,255,255,0.12);
    --mfp-on-media-surface-strong: rgba(255,255,255,0.22);
    --mfp-on-media-border: rgba(255,255,255,0.24);
    --mfp-on-media-border-strong: rgba(255,255,255,0.36);
    --mfp-media-bg: #191419;
    --mfp-media-placeholder-bg: #ece7e9;
    --mfp-overlay-bg: rgba(24,18,23,0.56);
    --mfp-promo-overlay:
        linear-gradient(90deg, rgba(24,18,23,0.48) 0%, rgba(24,18,23,0.26) 34%, rgba(24,18,23,0.06) 68%),
        linear-gradient(180deg, rgba(24,18,23,0.10) 0%, rgba(24,18,23,0.04) 48%, var(--mfp-bg) 100%);
    --mfp-promo-overlay-mobile:
        linear-gradient(180deg, rgba(24,18,23,0.04) 0%, rgba(24,18,23,0.16) 42%, rgba(24,18,23,0.58) 100%);
    --mfp-category-overlay:
        linear-gradient(180deg, rgba(24,18,23,0.02), rgba(24,18,23,0.48)),
        linear-gradient(90deg, rgba(74,49,67,0.26), rgba(74,49,67,0.04));
    --mfp-selection-overlay:
        linear-gradient(90deg, rgba(43,37,42,0.84), rgba(43,37,42,0.30)),
        linear-gradient(180deg, rgba(43,37,42,0.08), rgba(43,37,42,0.50));
    --mfp-final-overlay:
        linear-gradient(90deg, var(--mfp-card-strong), rgba(252,249,250,0.70));

    --mfp-status-warning: #8f6220;
    --mfp-status-done: #4f6b52;
    --mfp-status-failed: #8c2f35;

    --mfp-badge-hit: #3F5F5C;
    --mfp-badge-sale: #5C1F2E;
    --mfp-badge-new: #5F7057;

    --mfp-social-vk: #4680c2;
    --mfp-social-telegram: #2da4d7;
    --mfp-social-max: conic-gradient(from 90deg,#8526d1 0deg,#0cf 84.6deg,#0026ff 180deg,#a500c6 340.069deg,#8526d1 360deg);
    --mfp-social-whatsapp: #25d366;
    --mfp-social-yookassa: #0070f0;
    --mfp-social-plati-chastyami:
        radial-gradient(259.09% 769.67% at -9.1% -159.09%, #faed00 0%, rgba(250,237,0,0) 100%),
        radial-gradient(18.81% 157.29% at 98.21% 100%, #0087cd 0%, rgba(0,173,238,0) 100%),
        radial-gradient(37.12% 206.36% at 90.45% 119.09%, #00adee 0%, rgba(0,173,238,0) 100%),
        linear-gradient(88.46deg, #a0e720 0%, #00d900 22.46%, #21a038 70.5%);

    --mfp-color-swatch-multicolor:
        radial-gradient(circle at center, #ffffff 0 16%, #ffffff 18%, transparent 19%),
        conic-gradient(
            #c49cbb 0 20%,
            #c4a08c 20% 40%,
            #9dac89 40% 60%,
            #8c9ab0 60% 80%,
            #a4789b 80% 100%
        );

    /*
     * Compatibility aliases
     */
    --mf-bg: var(--mfp-bg);
    --mf-bg-soft: var(--mfp-bg-soft);
    --mf-bg-card: var(--mfp-card);
    --mf-border: var(--mfp-border);
    --mf-text: var(--mfp-text);
    --mf-text-soft: var(--mfp-text-soft);
    --mf-text-muted: var(--mfp-text-muted);
    --mf-accent: var(--mfp-accent);
    --mf-accent-strong: var(--mfp-accent-strong);
    --mf-accent-soft: var(--mfp-accent-soft);
    --mf-radius: var(--mfp-radius);
    --mf-shadow: var(--mfp-shadow);

    --mfp-option-bg: rgba(252,249,250,0.62);
    --mfp-option-bg-hover: rgba(254,252,252,0.92);
    --mfp-option-bg-selected: rgba(110,74,99,0.12);

    --mfp-option-border: rgba(72,58,68,0.14);
    --mfp-option-border-hover: rgba(110,74,99,0.28);
    --mfp-option-border-selected: rgba(110,74,99,0.62);

    --mfp-option-text-selected: #4a3143;

    --mfp-option-shadow-selected:
        0 0 0 3px rgba(110,74,99,0.13),
        inset 0 1px 0 rgba(255,255,255,0.42);

    /* Backward-compatible names consumed by product.css. */
    --mfp-option-selected-bg: var(--mfp-option-bg-selected);
    --mfp-option-selected-border: var(--mfp-option-border-selected);
    --mfp-option-selected-text: var(--mfp-option-text-selected);
    --mfp-option-selected-shadow: var(--mfp-option-shadow-selected);

    --mfp-option-cup-bg-selected:
        linear-gradient(
            135deg,
            rgba(110,74,99,0.13),
            rgba(110,123,95,0.09),
            rgba(196,160,140,0.08)
        );

    --mfp-color-swatch-ring: rgba(110,74,99,0.62);
    --mfp-color-swatch-ring-soft: rgba(110,74,99,0.16);
}

html[data-theme="dark"] {

    --mfp-color-choice-bg: rgba(255,255,255,0.08);
    --mfp-color-choice-border: rgba(237,230,234,0.22);
    --mfp-color-choice-border-selected: rgba(211,180,201,0.92);

    --mfp-color-choice-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08);

    --mfp-color-choice-shadow-selected:
        0 0 0 4px rgba(196,156,187,0.18),
        0 10px 24px rgba(196,156,187,0.16),
        inset 0 1px 0 rgba(255,255,255,0.14);

    --mfp-color-dot-border: rgba(255,255,255,0.92);
    --mfp-color-dot-shadow:
        0 0 0 1px rgba(255,255,255,0.18),
        0 8px 18px rgba(0,0,0,0.24);


    /*
     * Lavender dusk
     */
    --mfp-bg: #221e27;
    --mfp-bg-soft: #1a1720;

    --mfp-card: rgba(255,255,255, 0.065);
    --mfp-card-strong: rgba(255,255,255,0.105);

    --mfp-border: rgba(237,230,234,0.12);
    --mfp-border-strong: rgba(237,230,234,0.20);

    --mfp-text: #ede6ea;
    --mfp-text-soft: rgba(237,230,234,0.76);
    --mfp-text-muted: rgba(237,230,234,0.54);

    --mfp-accent: #c49cbb;
    --mfp-accent-strong: #d3b0c8;
    --mfp-accent-soft: rgba(196,156,187,0.16);

    --mfp-accent-2: #9dac89;   /* шалфей высветлённый */
    --mfp-accent-3: #5c1f2e;   /* вино — не меняется */
    --mfp-accent-4: #d6b098;   /* глина высветлённая */

    --mfp-danger: #ce7b84;

    --mfp-bg-glow-1: rgba(214,176,152,0.08);
    --mfp-bg-glow-2: rgba(196,156,187,0.12);
    --mfp-bg-glow-3: rgba(157,172,137,0.12);

    --mfp-shadow: 0 24px 70px rgba(0,0,0,0.32);
    --mfp-shadow-soft: 0 18px 50px rgba(0,0,0,0.22);

    /*--mfp-focus: rgba(211,180,201,0.48);*/
    --mfp-focus: transparent;

    --mfp-button-border: rgba(255,255,255,0.18);

    --mfp-button-gradient-start: #6b4a62;
    --mfp-button-gradient-mid: #a2789a;
    --mfp-button-gradient-end: #c49a83;
    --mfp-button-gradient-warm: #d6b098;

    --mfp-button-hover-start: #7c5672;
    --mfp-button-hover-mid: #c49cbb;
    --mfp-button-hover-end: #d0a68e;
    --mfp-button-hover-warm: #e0bda6;

    --mfp-button-shadow-main: rgba(196,156,187,0.18);
    --mfp-button-shadow-warm: rgba(214,176,152,0.08);
    --mfp-button-shadow-main-hover: rgba(196,156,187,0.26);
    --mfp-button-shadow-warm-hover: rgba(214,176,152,0.13);

    --mfp-button-inner-border: rgba(255,255,255,0.14);
    --mfp-button-inner-border-hover: rgba(255,255,255,0.22);

    --mfp-button-inset: rgba(255,255,255,0.16);
    --mfp-button-inset-hover: rgba(255,255,255,0.24);

    --mfp-button-sheen-top: rgba(255,255,255,0.16);
    --mfp-button-sheen-bottom: rgba(255,255,255,0.04);
    --mfp-button-glow-light: rgba(255,255,255,0.16);
    --mfp-button-glow-warm: rgba(214,176,152,0.14);

    --mfp-button-hover-border: rgba(255,255,255,0.26);

    --mfp-ghost-bg: rgba(255,255,255,0.08);
    --mfp-ghost-border-hover: rgba(211,180,201,0.26);

    --mfp-link-bg: rgba(255,255,255,0.07);
    --mfp-link-border-hover: rgba(211,180,201,0.28);

    --mfp-icon-bg: linear-gradient(
        135deg,
        rgba(107,74,98,0.20),
        rgba(196,156,187,0.13),
        rgba(157,172,137,0.11)
    );
    --mfp-icon-border: rgba(211,180,201,0.16);
    --mfp-icon-shadow: 0 14px 34px rgba(0,0,0,0.20);

    --mfp-header-bg: rgba(26,23,32,0.80);
    --mfp-header-shadow: 0 18px 50px rgba(0,0,0,0.24);
    --mfp-nav-hover-bg: rgba(196,156,187,0.11);
    --mfp-theme-toggle-border-hover: rgba(211,180,201,0.26);
    --mfp-theme-toggle-bg: rgba(255,255,255,0.08);
    --mfp-mobile-menu-bg: rgba(26,23,32,0.90);
    --mfp-mobile-submenu-bg: #3a3344;

    --mfp-on-media: #fff;
    --mfp-on-media-soft: rgba(255,255,255,0.84);
    --mfp-on-media-muted: rgba(255,255,255,0.75);
    --mfp-on-media-faint: rgba(255,255,255,0.36);
    --mfp-on-media-surface: rgba(255,255,255,0.18);
    --mfp-on-media-surface-soft: rgba(255,255,255,0.12);
    --mfp-on-media-surface-strong: rgba(255,255,255,0.22);
    --mfp-on-media-border: rgba(255,255,255,0.24);
    --mfp-on-media-border-strong: rgba(255,255,255,0.36);
    --mfp-media-bg: #191419;
    --mfp-media-placeholder-bg: #26212b;
    --mfp-overlay-bg: rgba(18,14,20,0.60);
    --mfp-promo-overlay:
        linear-gradient(90deg, rgba(18,14,20,0.56) 0%, rgba(18,14,20,0.30) 34%, rgba(18,14,20,0.08) 68%),
        linear-gradient(180deg, rgba(18,14,20,0.10) 0%, rgba(18,14,20,0.04) 48%, var(--mfp-bg) 100%);
    --mfp-promo-overlay-mobile:
        linear-gradient(180deg, rgba(18,14,20,0.06) 0%, rgba(18,14,20,0.22) 42%, rgba(18,14,20,0.66) 100%);
    --mfp-category-overlay:
        linear-gradient(180deg, rgba(12,9,14,0.04), rgba(12,9,14,0.56)),
        linear-gradient(90deg, rgba(74,49,67,0.30), rgba(74,49,67,0.06));
    --mfp-selection-overlay:
        linear-gradient(90deg, rgba(34,30,39,0.86), rgba(34,30,39,0.32)),
        linear-gradient(180deg, rgba(34,30,39,0.08), rgba(34,30,39,0.52));
    --mfp-final-overlay:
        linear-gradient(90deg, rgba(34,30,39,0.96), rgba(34,30,39,0.68));

    --mfp-status-warning: #d5a863;
    --mfp-status-done: #7fa983;
    --mfp-status-failed: #ce7b84;

    --mfp-badge-hit: #5F8C88;
    --mfp-badge-sale: #C7707D;
    --mfp-badge-new: #8FA37B;

    --mfp-option-bg: rgba(255,255,255,0.07);
    --mfp-option-bg-hover: rgba(255,255,255,0.105);
    --mfp-option-bg-selected: rgba(196,156,187,0.26);
    --mfp-option-border-selected: rgba(211,180,201,0.95);

    --mfp-option-border: rgba(237,230,234,0.16);
    --mfp-option-border-hover: rgba(211,180,201,0.36);

    --mfp-option-text-selected: #ede6ea;

    --mfp-option-shadow-selected:
        0 0 0 3px rgba(196,156,187,0.22),
        0 10px 24px rgba(196,156,187,0.12),
        inset 0 1px 0 rgba(255,255,255,0.20);

    --mfp-option-cup-bg-selected:
        linear-gradient(
            135deg,
            rgba(196,156,187,0.30),
            rgba(107,74,98,0.22),
            rgba(214,176,152,0.10)
        );

    --mfp-color-swatch-ring: rgba(211,180,201,0.86);
    --mfp-color-swatch-ring-soft: rgba(196,156,187,0.20);

}

:root {
    --mfp-font-ui:
        "Manrope",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --mfp-font-display:
        "Alumni Sans",
        "Oswald",
        "Arial Narrow",
        Arial,
        sans-serif;

    --mfp-font-heading: var(--mfp-font-display);
    --mfp-font-body: var(--mfp-font-ui);

    --mfp-font-editorial:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif;

}