/* 1) Cacher la scrollbar mais garder le scroll */
html,
body {
    -ms-overflow-style: none;
    /* IE/Edge legacy */
    scrollbar-width: none;
    /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari/Edge */
}


:root {
    --bg: #fbfaf6;
    --text: #1f1f1f;
    --muted: #777;
    --bg-hover: #e0e0e0;
    --border:#ccc;
    /* base typographique
--font-family: "Inter", system-ui, sans-serif;
*/
    /* tailles fluides (s’adaptent mobile → desktop) */
    --pg-top: 140px;
    --pg-top-sm: 70px;
    /* header */
    --pg-width: min(78.75rem, 100%);
    /* 1260px -> 78.75rem */
    --gutter: clamp(1rem, 3vw, 3.125rem);
    /* 16px -> 50px */
    --gutter-sm: clamp(0.2rem, 2vw, 1.25rem);
    /* 12px -> 20px */

    /* typo */
    --title-size: clamp(0.875rem, 5vw, 3.25rem);
    --title-size-sm: clamp(0.875rem, 1.2vw, 1.25rem);
    /* ~35px -> 68px */
    --text-size: clamp(0.9rem, 1.2vw, 1.125rem);
    --text-artist-size: clamp(0.563rem, 1.2vw, 0.75rem);
    --text-copyright-size: clamp(0.1rem, 1.2vw, 0.6rem);
    --text-price-size: clamp(0.75rem, 1.2vw, 1rem);
    /* 16px -> 18px */
    --btn-active: #eceff1;
    --seprator-color: #eceff1;
}

/* gestion des theme */
.site-theme[data-theme='default'] .theme-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.site-theme[data-theme='default'] .theme-text {
    font-family: 'Lora', serif;
    line-height: 1.6;
}

.site-theme[data-theme='default'] .theme-artist {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: #777;
}

.site-theme[data-theme='default'] .theme-copyright {
    font-family: 'Lora', serif;
    line-height: 1.6;
}

.site-theme[data-theme='default'] .theme-btn {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.site-theme[data-theme='default'] .theme-btn:hover,
.site-theme[data-theme='default'] .theme-btn.active,
.site-theme[data-theme='default'] .theme-btn div.active {
    color: var(--bg) !important;
    background: var(--text) !important;
}

.modal-theme[data-theme='default'] .theme-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


/* notify */
.notifyjs-corner {
    z-index: 9999 !important;
}