@font-face {
font-family: 'Cinzel';
src: url(//www.bsseventy.com/wp-content/themes/bs-seventy/assets/fonts/cinzel-var.woff2) format('woff2');
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cormorant Garamond';
src: url(//www.bsseventy.com/wp-content/themes/bs-seventy/assets/fonts/cormorant-var.woff2) format('woff2');
font-weight: 300 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cormorant Garamond';
src: url(//www.bsseventy.com/wp-content/themes/bs-seventy/assets/fonts/cormorant-var-italic.woff2) format('woff2');
font-weight: 300 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Jost';
src: url(//www.bsseventy.com/wp-content/themes/bs-seventy/assets/fonts/jost-var.woff2) format('woff2');
font-weight: 300 600;
font-style: normal;
font-display: swap;
}
:root {
--bs-night:        #020c11;
--bs-night-2:      #061520;
--bs-night-3:      #0a1c28;
--bs-deep:         #010609;
--bs-gold:         #af7d2a;
--bs-gold-light:   #d6a65a;
--bs-gold-dark:    #7a551b;
--bs-gold-soft:    rgba(175, 125, 42, .16);
--bs-white:        #ffffff;
--bs-white-dim:    rgba(255, 255, 255, .74);
--bs-white-faint:  rgba(255, 255, 255, .46);
--bs-line:         rgba(175, 125, 42, .38);
--bs-line-soft:    rgba(175, 125, 42, .18);
--bs-curcuma:      #c9821f;
--bs-shrubb:       #3589a8;
--bs-basilic:      #7d9a3c;
--bs-coco:         #c2a071;
--bs-gingembre:    #c98a2e;
--bs-hibiscus:     #8e2a22;
--bs-patate:       #c26a2e;
--bs-cafe:         #7a5334;
--bs-font-display: 'Cinzel', 'Trajan Pro', 'Times New Roman', serif;
--bs-font-script:  'Cormorant Garamond', Garamond, Georgia, serif;
--bs-font-body:    'Jost', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--bs-fs-xs:   0.75rem;
--bs-fs-sm:   0.8125rem;
--bs-fs-base: clamp(0.9375rem, 0.9rem + 0.15vw, 1rem);
--bs-fs-md:   clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
--bs-fs-lg:   clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
--bs-fs-xl:   clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
--bs-fs-2xl:  clamp(2rem, 1.4rem + 2.8vw, 3.5rem);
--bs-fs-hero: clamp(2.5rem, 1.5rem + 5vw, 5.5rem);
--bs-lh-tight: 1.15;
--bs-lh-snug:  1.35;
--bs-lh-base:  1.65;
--bs-ls-wide:  0.14em;
--bs-ls-xwide: 0.26em;
--bs-sp-1:  0.25rem;
--bs-sp-2:  0.5rem;
--bs-sp-3:  0.75rem;
--bs-sp-4:  1rem;
--bs-sp-5:  1.5rem;
--bs-sp-6:  2rem;
--bs-sp-7:  3rem;
--bs-sp-8:  4rem;
--bs-sp-9:  6rem;
--bs-section-y: clamp(3rem, 2rem + 4vw, 6rem);
--bs-max:       1320px;
--bs-max-text:  680px;
--bs-gutter:    clamp(1rem, 0.5rem + 2vw, 2.5rem);
--bs-radius:      2px;
--bs-radius-card: 4px;
--bs-shadow:      0 18px 48px rgba(0, 0, 0, .55);
--bs-shadow-soft: 0 8px 28px rgba(0, 0, 0, .38);
--bs-ease:        cubic-bezier(.22, .61, .36, 1);
--bs-dur:         .35s;
--bs-header-h:    92px;
--bs-z-header:    1000;
}
@media (max-width: 782px) {
:root {
--bs-header-h: 68px;
}
}
@media (prefers-reduced-motion: reduce) {
:root {
--bs-dur: .01ms;
}
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body.bs {
margin: 0;
background: var(--bs-night);
color: var(--bs-white);
font-family: var(--bs-font-body);
font-size: var(--bs-fs-base);
font-weight: 300;
line-height: var(--bs-lh-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
body.bs ::selection {
background: var(--bs-gold);
color: var(--bs-deep);
}
body.bs ::-moz-selection {
background: var(--bs-gold);
color: var(--bs-deep);
}
body.bs #page,
body.bs #content,
body.bs .site-content,
body.bs .ast-container,
body.bs .entry-content {
background: transparent;
}
body.bs .site-content .ast-container {
max-width: none;
padding: 0;
display: block;
}
.bs :where(h1, h2, h3, h4) {
margin: 0 0 var(--bs-sp-4);
font-family: var(--bs-font-display);
font-weight: 400;
line-height: var(--bs-lh-tight);
color: var(--bs-white);
text-wrap: balance;
}
:where(.bs) h1 { font-size: var(--bs-fs-2xl); }
:where(.bs) h2 { font-size: var(--bs-fs-xl); }
:where(.bs) h3 { font-size: var(--bs-fs-lg); }
:where(.bs) h4 { font-size: var(--bs-fs-md); }
:where(.bs) p {
margin: 0 0 var(--bs-sp-4);
max-width: var(--bs-max-text);
}
:where(.bs) p:last-child {
margin-bottom: 0;
}
:where(.bs) a {
color: var(--bs-gold-light);
text-decoration: none;
transition: color var(--bs-dur) var(--bs-ease);
}
:where(.bs) a:hover,
:where(.bs) a:focus-visible {
color: var(--bs-white);
}
.bs a:focus-visible,
.bs button:focus-visible,
.bs input:focus-visible,
.bs select:focus-visible,
.bs textarea:focus-visible,
.bs [tabindex]:focus-visible {
outline: 2px solid var(--bs-gold-light);
outline-offset: 3px;
border-radius: var(--bs-radius);
}
:where(.bs) img {
max-width: 100%;
height: auto;
display: block;
}
.bs svg.bs-icon {
flex: 0 0 auto;
}
.bs-wrap {
width: 100%;
max-width: var(--bs-max);
margin-inline: auto;
padding-inline: var(--bs-gutter);
}
.bs-wrap--wide {
max-width: 1600px;
}
.bs-section {
position: relative;
padding-block: var(--bs-section-y);
}
.bs-section--alt {
background: var(--bs-night-2);
}
.bs-rule {
border: 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--bs-line), transparent);
margin: 0;
}
.bs-caps {
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
font-weight: 400;
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
line-height: 1.4;
}
.bs-script {
font-family: var(--bs-font-script);
font-style: italic;
font-weight: 400;
font-size: var(--bs-fs-2xl);
line-height: 1.22;
color: var(--bs-gold-light);
}
.bs-section-title {
font-family: var(--bs-font-display);
font-size: var(--bs-fs-xl);
letter-spacing: .06em;
text-transform: uppercase;
text-align: center;
margin-bottom: var(--bs-sp-7);
}
.bs-eyebrow {
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: var(--bs-ls-xwide);
text-transform: uppercase;
color: var(--bs-gold);
margin-bottom: var(--bs-sp-4);
display: block;
}
.bs-lead {
font-size: var(--bs-fs-md);
color: var(--bs-white-dim);
}
.bs-muted {
color: var(--bs-white-dim);
}
.bs-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--bs-sp-2);
padding: .95rem 2.1rem;
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
border: 1px solid transparent;
border-radius: var(--bs-radius);
cursor: pointer;
transition: background var(--bs-dur) var(--bs-ease),
color var(--bs-dur) var(--bs-ease),
border-color var(--bs-dur) var(--bs-ease),
transform var(--bs-dur) var(--bs-ease);
}
.bs-btn:hover,
.bs-btn:focus-visible {
transform: translateY(-2px);
}
.bs-btn--gold {
background: linear-gradient(180deg, var(--bs-gold-light), var(--bs-gold));
color: var(--bs-deep);
border-color: var(--bs-gold);
}
.bs-btn--gold:hover,
.bs-btn--gold:focus-visible {
background: var(--bs-gold-light);
color: var(--bs-deep);
}
.bs-btn--ghost {
background: transparent;
color: var(--bs-gold-light);
border-color: var(--bs-line);
}
.bs-btn--ghost:hover,
.bs-btn--ghost:focus-visible {
border-color: var(--bs-gold);
background: var(--bs-gold-soft);
color: var(--bs-white);
}
.bs-btn--block {
width: 100%;
}
.bs-center { text-align: center; }
.screen-reader-text,
.bs-sr {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.bs-skip {
position: absolute;
top: -100px;
left: var(--bs-sp-4);
z-index: calc(var(--bs-z-header) + 10);
background: var(--bs-gold);
color: var(--bs-deep);
padding: var(--bs-sp-3) var(--bs-sp-5);
transition: top var(--bs-dur) var(--bs-ease);
}
.bs-skip:focus {
top: var(--bs-sp-4);
}
.bs-rail {
outline: none;
}
.bs-rail:focus-visible {
outline: 2px solid var(--bs-gold-light);
outline-offset: 4px;
}
@media (max-width: 900px) {
.bs-rail.bs-rail {
display: flex;
grid-template-columns: none;
gap: var(--bs-rail-gap, var(--bs-sp-4));
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x var(--bs-rail-snap, mandatory);
margin-inline: calc(var(--bs-gutter) * -1);
padding-inline: var(--bs-gutter);
padding-bottom: var(--bs-sp-4);
scrollbar-width: thin;
scrollbar-color: var(--bs-gold) transparent;
}
.bs-rail > * {
flex: 0 0 var(--bs-rail-item, clamp(220px, 66vw, 300px));
min-width: 0;
scroll-snap-align: var(--bs-rail-align, center);
}
.bs-rail > *:hover {
transform: none;
}
.bs-rail::-webkit-scrollbar {
height: 3px;
}
.bs-rail::-webkit-scrollbar-track {
background: var(--bs-line-soft);
border-radius: 2px;
}
.bs-rail::-webkit-scrollbar-thumb {
background: var(--bs-gold);
border-radius: 2px;
}
}
html {
overflow-x: clip;
}
.bs-saveurs > *,
.bs-terroirs > *,
.bs-reassure__list > *,
.bs-histoire__grid > *,
.bs-creations__grid > *,
.bs-experience__grid > *,
.bs-hero__inner > * {
min-width: 0;
}
.bs-saveur__nom,
.bs-terroir__nom,
.bs-reassure__label {
overflow-wrap: anywhere;
}
.bs-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity .7s var(--bs-ease), transform .7s var(--bs-ease);
}
.bs-reveal.is-visible {
opacity: 1;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
.bs-reveal {
opacity: 1;
transform: none;
transition: none;
}
}
.bs-accent--curcuma   { --bs-accent: var(--bs-curcuma); }
.bs-accent--shrubb    { --bs-accent: var(--bs-shrubb); }
.bs-accent--basilic   { --bs-accent: var(--bs-basilic); }
.bs-accent--coco      { --bs-accent: var(--bs-coco); }
.bs-accent--gingembre { --bs-accent: var(--bs-gingembre); }
.bs-accent--hibiscus  { --bs-accent: var(--bs-hibiscus); }
.bs-accent--patate    { --bs-accent: var(--bs-patate); }
.bs-accent--cafe      { --bs-accent: var(--bs-cafe); }
.bs .input-text,
.bs input[type='text'],
.bs input[type='email'],
.bs input[type='tel'],
.bs input[type='password'],
.bs input[type='number'],
.bs textarea,
.bs select,
.bs .select2-container .select2-selection--single {
width: 100%;
padding: .85rem 1rem;
background: var(--bs-night-3);
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius);
color: var(--bs-white);
font-family: var(--bs-font-body);
font-size: var(--bs-fs-base);
transition: border-color var(--bs-dur) var(--bs-ease);
}
.bs .input-text:focus,
.bs input:focus,
.bs textarea:focus,
.bs select:focus {
border-color: var(--bs-gold);
} .bs .site-footer,
.bs .ast-footer-copyright,
.bs .site-primary-footer-wrap,
.bs .site-above-footer-wrap,
.bs .site-below-footer-wrap,
.bs .ast-footer-overlay {
display: none !important;
}
.bs-header {
position: sticky;
top: 0;
z-index: var(--bs-z-header);
background: var(--bs-night);
border-bottom: 1px solid var(--bs-line-soft);
transition: background var(--bs-dur) var(--bs-ease),
border-color var(--bs-dur) var(--bs-ease);
}
.bs-has-overlay-header .bs-header {
position: absolute;
inset: 0 0 auto;
background: transparent;
border-bottom-color: transparent;
}
.bs-has-overlay-header .bs-header.is-stuck {
position: fixed;
background: rgba(2, 12, 17, .94);
backdrop-filter: blur(10px);
border-bottom-color: var(--bs-line-soft);
animation: bs-slide-down .4s var(--bs-ease);
}
@keyframes bs-slide-down {
from { transform: translateY(-100%); }
to   { transform: translateY(0); }
}
.bs-header__inner {
display: flex;
align-items: center;
gap: var(--bs-sp-6);
min-height: var(--bs-header-h);
}
.bs-header__brand {
flex: 0 0 auto;
display: block;
color: var(--bs-gold);
line-height: 0;
}
.bs-header__brand:hover {
color: var(--bs-gold-light);
}
.bs-logo--header svg,
.bs-logo--header img {
width: 76px;
height: 76px;
}
.bs-nav {
flex: 1 1 auto;
}
.bs-nav__list {
display: flex;
align-items: center;
gap: clamp(1rem, .4rem + 1.6vw, 2.4rem);
margin: 0;
padding: 0;
list-style: none;
}
.bs-nav__list a {
position: relative;
display: block;
padding: var(--bs-sp-2) 0;
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
color: var(--bs-white);
white-space: nowrap;
}
.bs-nav__list a::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 1px;
background: var(--bs-gold);
transform: translateX(-50%);
transition: width var(--bs-dur) var(--bs-ease);
}
.bs-nav__list a:hover::after,
.bs-nav__list a:focus-visible::after,
.bs-nav__list .current-menu-item > a::after {
width: 100%;
}
.bs-nav__list .current-menu-item > a {
color: var(--bs-gold-light);
}
.bs-header__actions {
flex: 0 0 auto;
margin-left: auto;
display: flex;
align-items: center;
gap: var(--bs-sp-4);
}
.bs-burger { order: 99; }
.bs-header__action {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
background: none;
border: 0;
color: var(--bs-white);
cursor: pointer;
transition: color var(--bs-dur) var(--bs-ease);
}
.bs-header__action:hover,
.bs-header__action:focus-visible {
color: var(--bs-gold-light);
}
.bs-cart-count {
position: absolute;
top: 2px;
right: 0;
min-width: 18px;
height: 18px;
padding: 0 4px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--bs-gold);
color: var(--bs-deep);
font-family: var(--bs-font-body);
font-size: 11px;
font-weight: 400;
line-height: 1;
border-radius: 9px;
}
.bs-cart-count.is-empty {
display: none;
}
.bs-search {
border-top: 1px solid var(--bs-line-soft);
background: rgba(2, 12, 17, .97);
padding-block: var(--bs-sp-5);
}
.bs-search__form {
display: flex;
gap: var(--bs-sp-3);
max-width: 640px;
margin-inline: auto;
}
.bs-search__form input[type='search'] {
flex: 1 1 auto;
padding: .9rem 1.1rem;
background: transparent;
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius);
color: var(--bs-white);
font-family: var(--bs-font-body);
font-size: var(--bs-fs-base);
}
.bs-search__form input::placeholder {
color: var(--bs-white-faint);
}
.bs-burger {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 0;
background: none;
border: 0;
cursor: pointer;
}
.bs-burger__bar {
display: block;
width: 22px;
height: 1px;
margin-inline: auto;
background: var(--bs-white);
transition: transform var(--bs-dur) var(--bs-ease),
opacity var(--bs-dur) var(--bs-ease);
}
.bs-burger[aria-expanded='true'] .bs-burger__bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.bs-burger[aria-expanded='true'] .bs-burger__bar:nth-child(2) { opacity: 0; }
.bs-burger[aria-expanded='true'] .bs-burger__bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.bs-nav-mobile {
position: fixed;
inset: var(--bs-header-h) 0 0;
z-index: calc(var(--bs-z-header) - 1);
background: var(--bs-night);
padding: var(--bs-sp-7) var(--bs-gutter);
overflow-y: auto;
}
.bs-nav-mobile__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: var(--bs-sp-2);
}
.bs-nav-mobile__list a {
display: block;
padding: var(--bs-sp-4) 0;
border-bottom: 1px solid var(--bs-line-soft);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-md);
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
color: var(--bs-white);
}
body.bs-menu-open {
overflow: hidden;
}
@media (max-width: 1100px) {
.bs-nav { display: none; }
.bs-burger { display: flex; }
.bs-logo--header svg,
.bs-logo--header img { width: 56px; height: 56px; }
}
@media (max-width: 480px) {
.bs-header__actions { gap: var(--bs-sp-1); }
.bs-header__action { width: 36px; height: 36px; }
}
.bs-trust {
background: var(--bs-night-2);
border-block: 1px solid var(--bs-line-soft);
padding-block: var(--bs-sp-5);
}
.bs-trust__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--bs-sp-4);
margin: 0;
padding: 0;
list-style: none;
}
.bs-trust__item {
display: flex;
align-items: center;
justify-content: center;
gap: var(--bs-sp-3);
text-align: left;
color: var(--bs-gold);
}
.bs-trust__item span {
display: flex;
flex-direction: column;
font-size: var(--bs-fs-sm);
color: var(--bs-white-dim);
line-height: 1.45;
}
.bs-trust__item strong {
font-family: var(--bs-font-display);
font-weight: 400;
font-size: var(--bs-fs-sm);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--bs-white);
}
.bs-trust__item + .bs-trust__item {
border-left: 1px solid var(--bs-line-soft);
}
@media (max-width: 900px) {
.bs-trust__list { grid-template-columns: repeat(2, 1fr); }
.bs-trust__item:nth-child(odd) { border-left: 0; }
}
@media (max-width: 560px) {
.bs-trust__list {
grid-template-columns: 1fr;
gap: var(--bs-sp-5);
}
.bs-trust__item {
border-left: 0 !important;
flex-direction: column;
justify-content: center;
text-align: center;
gap: var(--bs-sp-2);
}
.bs-trust__item span { align-items: center; }
}
.bs-footer {
background: var(--bs-deep);
}
.bs-footer__main {
padding-block: var(--bs-sp-8);
}
.bs-footer__grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1.2fr 1.2fr;
gap: var(--bs-sp-7) var(--bs-sp-6);
align-items: start;
}
.bs-footer__brand {
color: var(--bs-gold);
}
.bs-logo--footer svg,
.bs-logo--footer img {
width: 92px;
height: 92px;
}
.bs-footer__tagline {
margin-top: var(--bs-sp-4);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: .1em;
text-transform: uppercase;
color: var(--bs-white-dim);
line-height: 1.8;
}
.bs-social {
display: flex;
gap: var(--bs-sp-3);
margin: var(--bs-sp-5) 0 0;
padding: 0;
list-style: none;
}
.bs-social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid var(--bs-line);
border-radius: 50%;
color: var(--bs-gold-light);
transition: background var(--bs-dur) var(--bs-ease),
color var(--bs-dur) var(--bs-ease);
}
.bs-social a:hover,
.bs-social a:focus-visible {
background: var(--bs-gold);
color: var(--bs-deep);
}
.bs-footer__title {
margin: 0 0 var(--bs-sp-4);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
font-weight: 400;
letter-spacing: var(--bs-ls-xwide);
text-transform: uppercase;
color: var(--bs-gold);
}
.bs-footer__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: var(--bs-sp-2);
}
.bs-footer__list a {
display: inline-flex;
align-items: center;
gap: var(--bs-sp-2);
font-size: var(--bs-fs-base);
color: var(--bs-white-dim);
}
.bs-footer__list a:hover,
.bs-footer__list a:focus-visible {
color: var(--bs-gold-light);
}
.bs-footer__contact {
position: relative;
}
.bs-compass {
margin-top: var(--bs-sp-5);
color: var(--bs-gold);
opacity: .5;
}
.bs-footer__bottom {
border-top: 1px solid var(--bs-line-soft);
padding-block: var(--bs-sp-4);
}
.bs-footer__bottom p {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--bs-sp-3);
max-width: none;
margin: 0;
font-size: var(--bs-fs-xs);
letter-spacing: .04em;
color: var(--bs-white-faint);
}
.bs-footer__abv {
color: var(--bs-gold);
}
@media (max-width: 1000px) {
.bs-footer__grid { grid-template-columns: 1fr 1fr; }
.bs-compass { display: none; }
}
@media (max-width: 700px) {
.bs-footer__grid {
grid-template-columns: 1fr;
text-align: center;
gap: var(--bs-sp-7);
}
.bs-footer__brand {
display: flex;
flex-direction: column;
align-items: center;
}
.bs-social { justify-content: center; }
.bs-footer__list { align-items: center; }
.bs-footer__list a { justify-content: center; }
.bs-footer__bottom p {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: var(--bs-sp-2);
}
} .bs-reveal { transition-delay: var(--bs-delay, 0ms); }
.bs-hero {
position: relative;
min-height: clamp(560px, 88vh, 900px);
display: flex;
align-items: center;
overflow: hidden;
background: var(--bs-night);
}
.bs-hero__media {
position: absolute;
inset: 0;
background-image: var(--bs-hero-img, none);
background-size: cover;
background-position: center 40%;
background-color: var(--bs-night);
}
.bs-hero__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
}
.bs-hero:not([style*='--bs-hero-img']) .bs-hero__media {
background-image:
radial-gradient(120% 90% at 70% 15%, rgba(28, 74, 92, .85) 0%, transparent 62%),
radial-gradient(90% 70% at 20% 80%, rgba(12, 40, 52, .7) 0%, transparent 60%),
linear-gradient(180deg, #06202b 0%, var(--bs-night) 78%);
}
.bs-hero__veil {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(2, 12, 17, .92) 0%, rgba(2, 12, 17, .62) 42%, rgba(2, 12, 17, .25) 70%),
linear-gradient(180deg, rgba(2, 12, 17, .75) 0%, transparent 30%, rgba(2, 12, 17, .9) 100%);
}
.bs-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(320px, 38%) 1fr;
align-items: center;
gap: var(--bs-sp-7);
padding-top: var(--bs-header-h);
width: 100%;
}
.bs-hero__title {
font-family: var(--bs-font-display);
font-size: var(--bs-fs-hero);
font-weight: 600;
letter-spacing: .03em;
text-transform: uppercase;
line-height: .95;
margin: 0 0 var(--bs-sp-4);
color: var(--bs-white);
}
.bs-hero__sub {
display: flex;
flex-direction: column;
gap: 2px;
max-width: none;
margin: 0 0 var(--bs-sp-5);
font-family: var(--bs-font-display);
letter-spacing: .1em;
text-transform: uppercase;
line-height: 1.4;
}
.bs-hero__sub-1 {
font-size: clamp(1.05rem, .85rem + .9vw, 1.7rem);
color: var(--bs-gold);
}
.bs-hero__sub-2 {
font-size: clamp(.85rem, .75rem + .4vw, 1.1rem);
color: var(--bs-white-dim);
}
.bs-hero__intro {
max-width: 34ch;
margin-bottom: var(--bs-sp-6);
color: var(--bs-white-dim);
}
.bs-hero--photo .bs-hero__inner {
grid-template-columns: minmax(0, min(48ch, 46%));
}
.bs-hero--photo .bs-hero__media {
background-position: center 55%;
}
.bs-hero--photo .bs-hero__img {
object-position: center 55%;
}
.bs-hero--photo .bs-hero__sub-1 {
color: var(--bs-gold-light);
}
.bs-hero--photo .bs-hero__veil {
background:
linear-gradient(90deg,
rgba(2, 12, 17, .95) 0%,
rgba(2, 12, 17, .86) 34%,
rgba(2, 12, 17, .48) 58%,
rgba(2, 12, 17, .18) 100%),
linear-gradient(180deg, rgba(2, 12, 17, .7) 0%, transparent 32%, rgba(2, 12, 17, .82) 100%);
}
.bs-hero__bottles {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
}
.bs-hero__bottles-img {
width: 100%;
max-width: 820px;
filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .6));
}
.bs-hero__placeholder {
display: flex;
align-items: flex-end;
justify-content: center;
gap: clamp(.4rem, .2rem + 1vw, 1.4rem);
margin: 0;
padding: 0;
list-style: none;
}
.bs-bottle-ghost {
position: relative;
width: clamp(38px, 5vw, 76px);
height: clamp(150px, 22vw, 300px);
border-radius: 6px 6px 3px 3px;
background: linear-gradient(180deg,
color-mix(in srgb, var(--bs-accent, var(--bs-gold)) 25%, transparent) 0%,
color-mix(in srgb, var(--bs-accent, var(--bs-gold)) 70%, transparent) 38%,
color-mix(in srgb, var(--bs-accent, var(--bs-gold)) 88%, black 12%) 100%);
border: 1px solid var(--bs-line-soft);
box-shadow: inset 0 0 24px rgba(0, 0, 0, .35), 0 18px 30px rgba(0, 0, 0, .5);
}
.bs-bottle-ghost::before {
content: '';
position: absolute;
left: 50%;
top: -22%;
transform: translateX(-50%);
width: 34%;
height: 24%;
border-radius: 3px 3px 0 0;
background: inherit;
border: 1px solid var(--bs-line-soft);
border-bottom: 0;
}
.bs-bottle-ghost span {
position: absolute;
left: 50%;
bottom: 22%;
transform: translateX(-50%);
width: 86%;
padding: 4px 2px;
background: rgba(255, 255, 255, .88);
color: var(--bs-deep);
font-family: var(--bs-font-display);
font-size: 9px;
letter-spacing: .04em;
text-align: center;
text-transform: uppercase;
border-radius: 1px;
}
.bs-badge-abv {
position: absolute;
top: calc(var(--bs-header-h) + 8px);
left: 50%;
transform: translateX(-50%);
z-index: 3;
width: clamp(84px, 8vw, 110px);
aspect-ratio: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1px;
border: 1px solid var(--bs-gold);
border-radius: 50%;
background: rgba(2, 12, 17, .55);
backdrop-filter: blur(3px);
font-family: var(--bs-font-display);
color: var(--bs-white);
text-align: center;
line-height: 1.1;
}
.bs-badge-abv::after {
content: '';
position: absolute;
inset: 5px;
border: 1px solid var(--bs-line);
border-radius: 50%;
}
.bs-badge-abv__top { font-size: clamp(11px, 1vw, 14px); }
.bs-badge-abv__mid {
font-size: clamp(7px, .6vw, 9px);
letter-spacing: .12em;
text-transform: uppercase;
color: var(--bs-gold-light);
}
.bs-badge-abv__big { font-size: clamp(13px, 1.2vw, 17px); }
.bs-seal {
position: absolute;
top: calc(var(--bs-header-h) + 20px);
right: clamp(1rem, 4vw, 5rem);
z-index: 3;
color: var(--bs-gold);
opacity: .85;
}
.bs-logo--seal svg,
.bs-logo--seal img {
width: clamp(76px, 8vw, 116px);
height: auto;
}
@media (max-width: 900px) {
.bs-hero__inner {
grid-template-columns: 1fr;
text-align: center;
padding-top: calc(var(--bs-header-h) + 96px);
padding-bottom: var(--bs-sp-7);
}
.bs-hero__sub { align-items: center; }
.bs-hero__intro { margin-inline: auto; }
.bs-hero__veil {
background: linear-gradient(180deg, rgba(2, 12, 17, .88) 0%, rgba(2, 12, 17, .55) 45%, rgba(2, 12, 17, .95) 100%);
}
.bs-seal { display: none; }
.bs-hero--photo .bs-hero__inner {
grid-template-columns: minmax(0, 1fr);
}
.bs-hero--photo .bs-hero__media {
background-position: center 62%;
}
.bs-hero--photo .bs-hero__img {
object-position: center 62%;
}
.bs-hero--photo .bs-hero__veil {
background: linear-gradient(180deg,
rgba(2, 12, 17, .94) 0%,
rgba(2, 12, 17, .82) 30%,
rgba(2, 12, 17, .80) 68%,
rgba(2, 12, 17, .96) 100%);
}
}
.bs-reassure {
background: var(--bs-night-2);
border-block: 1px solid var(--bs-line-soft);
padding-block: var(--bs-sp-5);
}
.bs-reassure__list {
display: grid;
grid-template-columns: repeat(5, 1fr);
margin: 0;
padding: 0;
list-style: none;
}
.bs-reassure__item {
display: flex;
align-items: center;
justify-content: center;
gap: var(--bs-sp-3);
padding-inline: var(--bs-sp-3);
}
.bs-reassure__item + .bs-reassure__item {
border-left: 1px solid var(--bs-line-soft);
}
.bs-reassure__icon { color: var(--bs-gold); }
.bs-reassure__label {
display: flex;
flex-direction: column;
font-family: var(--bs-font-display);
font-size: var(--bs-fs-xs);
letter-spacing: .1em;
text-transform: uppercase;
line-height: 1.5;
}
.bs-reassure__label strong { font-weight: 400; color: var(--bs-white); }
.bs-reassure__label em { font-style: normal; color: var(--bs-white-dim); }
@media (max-width: 900px) {
.bs-reassure__list {
--bs-rail-item: auto;
--bs-rail-snap: proximity;
--bs-rail-align: start;
--bs-rail-gap: 0;
}
.bs-reassure__item {
justify-content: flex-start;
padding-inline: var(--bs-sp-5);
}
.bs-reassure__item:first-child { padding-left: 0; }
}
.bs-histoire__grid {
display: grid;
grid-template-columns: minmax(240px, 22%) 1fr;
gap: clamp(1.5rem, 1rem + 3vw, 4rem);
align-items: start;
}
.bs-histoire__intro .bs-script { margin-bottom: var(--bs-sp-5); }
.bs-histoire__intro .bs-btn { margin-top: var(--bs-sp-5); }
.bs-section-title--left {
text-align: center;
margin-bottom: var(--bs-sp-6);
}
.bs-histoire__chapo {
max-width: var(--bs-max-text);
margin: 0 auto var(--bs-sp-6);
text-align: center;
color: var(--bs-white-dim);
}
.bs-inspirations {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--bs-sp-4);
margin: 0;
padding: 0;
list-style: none;
}
.bs-inspiration {
min-width: 0;
padding: var(--bs-sp-5) var(--bs-sp-4);
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
background: linear-gradient(180deg, rgba(175, 125, 42, .07) 0%, transparent 70%);
transition: border-color var(--bs-dur) var(--bs-ease),
transform var(--bs-dur) var(--bs-ease);
}
.bs-inspiration:hover { border-color: var(--bs-line); transform: translateY(-4px); }
.bs-inspiration__icone {
display: inline-flex;
color: var(--bs-gold);
margin-bottom: var(--bs-sp-3);
}
.bs-inspiration__nom {
font-family: var(--bs-font-display);
font-size: clamp(1rem, .9rem + .3vw, 1.2rem);
letter-spacing: .04em;
color: var(--bs-white);
margin: 0;
}
.bs-inspiration__baseline {
font-family: var(--bs-font-script);
font-style: italic;
font-size: 1.05rem;
color: var(--bs-gold-light);
margin: .15rem 0 var(--bs-sp-3);
}
.bs-inspiration__texte {
font-size: .92rem;
line-height: 1.6;
color: var(--bs-white-dim);
margin: 0;
}
.bs-histoire__mention {
display: flex;
align-items: center;
justify-content: center;
gap: var(--bs-sp-3);
margin: var(--bs-sp-6) 0 0;
padding-top: var(--bs-sp-5);
border-top: 1px solid var(--bs-line-soft);
font-size: .95rem;
color: var(--bs-white-dim);
text-align: center;
}
.bs-histoire__mention svg { color: var(--bs-gold); flex: 0 0 auto; }
@media (max-width: 1100px) {
.bs-inspirations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.bs-inspirations { grid-template-columns: 1fr; }
.bs-histoire__mention { flex-direction: column; gap: var(--bs-sp-2); }
}
.bs-terroirs {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: var(--bs-sp-4);
margin: 0;
padding: 0;
list-style: none;
}
.bs-terroir {
position: relative;
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
overflow: hidden;
background: var(--bs-night-3);
transition: transform var(--bs-dur) var(--bs-ease),
border-color var(--bs-dur) var(--bs-ease);
}
.bs-terroir:hover {
transform: translateY(-6px);
border-color: var(--bs-accent, var(--bs-gold));
}
.bs-terroir__media {
position: relative;
aspect-ratio: 3 / 4;
background-size: cover;
background-position: center;
background-color: color-mix(in srgb, var(--bs-accent, var(--bs-gold)) 18%, var(--bs-night-3));
display: flex;
align-items: center;
justify-content: center;
}
.bs-terroir__media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 35%, rgba(2, 12, 17, .92) 100%);
}
.bs-terroir__ph { color: var(--bs-accent, var(--bs-gold)); opacity: .5; }
.bs-terroir__body {
position: relative;
z-index: 2;
margin-top: -64px;
padding: var(--bs-sp-4);
text-align: center;
}
.bs-terroir__nom {
margin: 0 0 var(--bs-sp-2);
font-size: var(--bs-fs-base);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--bs-white);
}
.bs-terroir__baseline {
margin: 0;
font-size: var(--bs-fs-xs);
line-height: 1.5;
color: var(--bs-white-dim);
}
@media (max-width: 1100px) {
.bs-histoire__grid { grid-template-columns: 1fr; }
.bs-histoire__intro { text-align: center; }
.bs-histoire__intro p { margin-inline: auto; }
}
@media (max-width: 900px) {
.bs-terroirs {
--bs-rail-item: clamp(220px, 66vw, 300px);
}
.bs-section-title--left { margin-bottom: var(--bs-sp-5); }
}
.bs-creations__grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(1.5rem, 1rem + 3vw, 4rem);
align-items: start;
}
@media (min-width: 1101px) {
.bs-creations__intro {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: clamp(1.5rem, 1rem + 2vw, 3rem);
}
.bs-creations__intro .bs-creations__title {
flex: 0 0 auto;
margin-bottom: 0;
}
.bs-creations__intro p {
flex: 1 1 28ch;
margin: 0;
max-width: var(--bs-max-text);
}
.bs-creations__intro .bs-arguments {
flex: 0 1 auto;
margin: 0;
flex-direction: row;
flex-wrap: wrap;
gap: var(--bs-sp-3) var(--bs-sp-5);
}
}
.bs-creations__title {
font-size: var(--bs-fs-xl);
letter-spacing: .06em;
text-transform: uppercase;
margin-bottom: var(--bs-sp-5);
}
.bs-arguments {
margin: var(--bs-sp-6) 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: var(--bs-sp-4);
}
.bs-arguments li {
display: flex;
align-items: center;
gap: var(--bs-sp-3);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--bs-white-dim);
}
.bs-arguments svg { color: var(--bs-gold); }
.bs-saveurs {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: var(--bs-sp-3);
margin: 0;
padding: 0;
list-style: none;
}
.bs-saveurs--n1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.bs-saveurs--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bs-saveurs--n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bs-saveurs--n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bs-saveurs--n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.bs-saveurs--n6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (min-width: 1201px) {
.bs-saveurs--n7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}
.bs-saveur { position: relative; }
.bs-saveur__link {
position: relative;
display: block;
height: 100%;
min-height: clamp(320px, 34vw, 460px);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
overflow: hidden;
transition: transform var(--bs-dur) var(--bs-ease),
border-color var(--bs-dur) var(--bs-ease),
box-shadow var(--bs-dur) var(--bs-ease);
}
.bs-saveur__link:hover,
.bs-saveur__link:focus-visible {
transform: translateY(-8px);
border-color: var(--bs-accent);
box-shadow: var(--bs-shadow);
}
.bs-saveur__madras {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-color: color-mix(in srgb, var(--bs-accent) 55%, var(--bs-night));
}
.bs-saveur__madras:not([style]) {
background-image:
repeating-linear-gradient(90deg,
color-mix(in srgb, var(--bs-accent) 82%, black) 0 14px,
transparent 14px 34px),
repeating-linear-gradient(0deg,
color-mix(in srgb, var(--bs-accent) 60%, white 12%) 0 14px,
transparent 14px 34px),
repeating-linear-gradient(90deg,
rgba(255, 255, 255, .16) 0 4px,
transparent 4px 24px),
linear-gradient(180deg,
color-mix(in srgb, var(--bs-accent) 70%, black) 0%,
color-mix(in srgb, var(--bs-accent) 45%, var(--bs-night)) 100%);
}
.bs-saveur__link::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(2, 12, 17, .35) 0%, transparent 26%, rgba(2, 12, 17, .55) 100%);
pointer-events: none;
}
.bs-saveur__medaillon {
position: absolute;
z-index: 2;
top: var(--bs-sp-3);
left: 50%;
transform: translateX(-50%);
width: calc(100% - 1rem);
max-width: 15rem;
aspect-ratio: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .4rem;
padding: var(--bs-sp-2);
text-align: center;
background: radial-gradient(circle at 50% 40%, #fdf7ea 0%, #efe2c9 78%);
border: 1px solid color-mix(in srgb, var(--bs-accent) 60%, black);
border-radius: 50%;
box-shadow: 0 10px 26px rgba(0, 0, 0, .4);
}
.bs-saveur__titre {
display: flex;
flex-direction: column;
align-items: center;
gap: .2rem;
max-width: 82%;
}
.bs-saveur__type {
font-family: var(--bs-font-script);
font-style: italic;
font-size: clamp(.82rem, .72rem + .25vw, .98rem);
line-height: 1.1;
color: #5c4a31;
}
.bs-saveur__nom {
font-family: var(--bs-font-display);
font-size: .86rem;
font-size: clamp(.74rem, 8.2cqi, 1.1rem);
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
color: color-mix(in srgb, var(--bs-accent) 55%, #1a1208);
line-height: 1.1;
}
.bs-saveur__prix,
.bs-saveur__link:hover .bs-saveur__prix,
.bs-saveur__link:focus-visible .bs-saveur__prix {
color: #2e2417;
}
.bs-saveur__prix {
font-family: var(--bs-font-display);
font-size: clamp(.72rem, .58rem + .36vw, .92rem);
font-weight: 600;
letter-spacing: .04em;
}
.bs-saveur__prix .amount,
.bs-saveur__prix bdi,
.bs-saveur__prix del,
.bs-saveur__prix ins {
color: inherit;
text-decoration: inherit;
background: none;
}
.bs-saveur__baseline {
font-size: .68rem;
font-size: clamp(.6rem, 6.4cqi, .74rem);
line-height: 1.35;
color: #3a2f22;
max-width: 80%;
}
@media (min-width: 901px) {
.bs-saveur__medaillon { container-type: inline-size; }
}
@container (max-width: 180px) {
.bs-saveur__baseline { display: none; }
}
.bs-saveur__bouteille {
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
height: var(--bs-saveur-photo, 62%);
display: flex;
align-items: flex-end;
justify-content: center;
}
.bs-saveur__bouteille img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 42%;
}
.bs-saveur__bouteille .bs-bottle-ghost--card {
filter: drop-shadow(0 16px 22px rgba(0, 0, 0, .55));
margin-bottom: var(--bs-sp-3);
}
.bs-bottle-ghost--card {
width: clamp(42px, 4.5vw, 72px);
height: clamp(140px, 16vw, 240px);
}
@media (max-width: 1200px) {
.bs-saveurs,
.bs-saveurs--n4,
.bs-saveurs--n5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bs-saveurs--n7 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bs-saveur { --bs-saveur-photo: 100%; }
.bs-saveur__link { min-height: clamp(380px, 46vw, 520px); }
}
@media (max-width: 900px) {
.bs-saveurs {
--bs-rail-item: clamp(200px, 58vw, 260px);
}
}
@media (max-width: 1100px) {
.bs-creations__grid { grid-template-columns: 1fr; }
.bs-creations__intro { text-align: center; }
.bs-creations__intro p { margin-inline: auto; }
.bs-arguments {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: var(--bs-sp-4) var(--bs-sp-5);
}
}
@media (max-width: 640px) {
.bs-saveurs {
--bs-rail-item: clamp(180px, 62vw, 230px);
}
}
@media (max-width: 900px) {
.bs-saveur__medaillon {
top: 0;
left: 0;
right: 0;
transform: none;
width: 100%;
max-width: none;
height: 3rem;
aspect-ratio: auto;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: var(--bs-sp-3);
padding: 0 .75rem;
text-align: left;
border: 0;
border-bottom: 1px solid color-mix(in srgb, var(--bs-accent) 55%, black);
border-radius: 0;
background: linear-gradient(180deg, #fdf7ea 0%, #f2e7d1 100%);
box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
}
.bs-saveur__titre {
min-width: 0;
max-width: none;
align-items: flex-start;
gap: .1rem;
}
.bs-saveur__type { font-size: .8rem; }
.bs-saveur__nom {
min-width: 0;
font-size: .76rem;
letter-spacing: .04em;
line-height: 1.15;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bs-saveur__prix {
flex: 0 0 auto;
font-size: .76rem;
}
.bs-saveur__baseline { display: none; }
}
.bs-experience__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
overflow: hidden;
background: var(--bs-night-2);
}
.bs-xp {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--bs-sp-4);
padding: var(--bs-sp-6);
min-height: 260px;
}
.bs-xp + .bs-xp {
border-left: 1px solid var(--bs-line-soft);
}
.bs-xp__title {
margin: 0;
font-size: var(--bs-fs-lg);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--bs-gold);
}
.bs-xp__row {
display: flex;
align-items: center;
gap: var(--bs-sp-4);
}
.bs-xp__icon { color: var(--bs-gold); }
.bs-xp__highlight {
margin: 0;
font-family: var(--bs-font-display);
font-size: var(--bs-fs-base);
letter-spacing: .05em;
text-transform: uppercase;
color: var(--bs-white);
}
.bs-xp--bientot { text-align: center; align-items: center; }
.bs-xp__veil {
color: var(--bs-gold);
opacity: .3;
filter: blur(.4px);
}
.bs-logo--veil svg,
.bs-logo--veil img { width: 100px; height: 100px; }
.bs-xp--degustation {
flex-direction: row;
align-items: center;
gap: var(--bs-sp-5);
}
.bs-xp__media {
flex: 0 0 38%;
align-self: stretch;
min-height: 180px;
background-size: cover;
background-position: center;
background-color: var(--bs-night-3);
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius);
display: flex;
align-items: center;
justify-content: center;
}
.bs-xp__ph { color: var(--bs-gold); opacity: .45; }
@media (max-width: 1000px) {
.bs-experience__grid { grid-template-columns: 1fr; }
.bs-xp + .bs-xp { border-left: 0; border-top: 1px solid var(--bs-line-soft); }
.bs-xp {
align-items: center;
text-align: center;
}
.bs-xp__row {
flex-direction: column;
align-items: center;
gap: var(--bs-sp-3);
}
.bs-xp p { margin-inline: auto; }
.bs-xp--degustation {
flex-direction: column;
align-items: center;
}
.bs-xp__media {
flex: 0 0 auto;
width: 100%;
min-height: 200px;
}
.bs-xp__body { text-align: center; }
}
.bs-faq__chapo {
max-width: var(--bs-max-text);
margin: 0 auto var(--bs-sp-6);
text-align: center;
color: var(--bs-white-dim);
}
.bs-faq__liste {
max-width: 52rem;
margin-inline: auto;
border-top: 1px solid var(--bs-line-soft);
}
.bs-faq__item { border-bottom: 1px solid var(--bs-line-soft); }
.bs-faq__q {
list-style: none;
cursor: pointer;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--bs-sp-4);
padding: 1rem 0;
font-family: var(--bs-font-body);
font-size: clamp(1rem, .94rem + .3vw, 1.14rem);
font-weight: 500;
line-height: 1.45;
color: var(--bs-white);
transition: color var(--bs-dur) var(--bs-ease);
}
.bs-faq__q::-webkit-details-marker { display: none; }
.bs-faq__q:hover { color: var(--bs-gold-light); }
.bs-faq__q::after {
content: '';
flex: 0 0 auto;
width: 9px;
height: 9px;
margin-top: .45em;
border-right: 1.5px solid var(--bs-gold);
border-bottom: 1.5px solid var(--bs-gold);
transform: rotate(45deg);
transition: transform var(--bs-dur) var(--bs-ease);
}
.bs-faq__item[open] .bs-faq__q::after { transform: rotate(-135deg); margin-top: .8em; }
.bs-faq__r {
padding: 0 0 var(--bs-sp-5);
max-width: var(--bs-max-text);
}
.bs-faq__r p {
margin: 0;
font-size: .96rem;
line-height: 1.7;
color: var(--bs-white-dim);
}
.bs-faq__pied { margin: var(--bs-sp-6) 0 0; text-align: center; }
.bs-credit {
margin: var(--bs-sp-7) 0 0;
text-align: center;
font-size: var(--bs-fs-sm);
color: var(--bs-white-dim);
}
.bs-credit a {
color: var(--bs-gold-light);
text-decoration: underline;
text-underline-offset: 2px;
transition: opacity .25s;
}
.bs-credit a:hover { opacity: .75; }
.bs-faq__item[open] { opacity: 1; transform: none; }
@media (max-width: 600px) {
.bs-faq__q { gap: var(--bs-sp-3); }
} .bs-ariane {
margin-bottom: var(--bs-sp-4);
overflow-x: auto;
scrollbar-width: none;
}
.bs-ariane::-webkit-scrollbar { display: none; }
.bs-ariane ol {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: .5rem;
margin: 0;
padding: 0;
list-style: none;
font-size: .78rem;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
}
.bs-ariane li { display: flex; align-items: center; gap: .5rem; }
.bs-ariane li + li::before {
content: '';
width: 5px;
height: 5px;
border-top: 1px solid var(--bs-gold);
border-right: 1px solid var(--bs-gold);
transform: rotate(45deg);
opacity: .7;
}
.bs-ariane a { color: var(--bs-gold-light); }
.bs-ariane a:hover { color: var(--bs-white); }
.bs-ariane [aria-current='page'] {
color: var(--bs-white-dim);
max-width: 28ch;
overflow: hidden;
text-overflow: ellipsis;
}
.bs-page-hero {
padding: clamp(2.5rem, 1.5rem + 5vw, 5rem) 0 clamp(1.5rem, 1rem + 2vw, 2.5rem);
border-bottom: 1px solid var(--bs-line-soft);
background:
radial-gradient(ellipse at 20% -20%, rgba(175, 125, 42, .18) 0%, transparent 60%),
var(--bs-night);
}
.bs-page-hero__titre {
font-family: var(--bs-font-display);
font-size: clamp(1.7rem, 1.2rem + 2.4vw, 3rem);
font-weight: 600;
letter-spacing: .02em;
line-height: 1.15;
color: var(--bs-white);
margin: 0;
overflow-wrap: anywhere;
}
.bs-page-hero__chapo {
max-width: var(--bs-max-text);
margin: var(--bs-sp-4) 0 0;
font-size: clamp(1rem, .95rem + .3vw, 1.12rem);
line-height: 1.65;
color: var(--bs-white-dim);
}
.bs-prose {
max-width: var(--bs-max-text);
margin-inline: auto;
color: var(--bs-white-dim);
font-size: 1.02rem;
line-height: 1.75;
}
.bs-prose > * + * { margin-top: var(--bs-sp-4); }
.bs-prose h2,
.bs-prose h3,
.bs-prose h4 {
font-family: var(--bs-font-display);
color: var(--bs-white);
line-height: 1.25;
margin-top: var(--bs-sp-6);
}
.bs-prose h2 { font-size: clamp(1.3rem, 1.1rem + .9vw, 1.8rem); }
.bs-prose h3 { font-size: clamp(1.12rem, 1rem + .5vw, 1.35rem); }
.bs-prose h4 { font-size: 1.05rem; letter-spacing: .04em; text-transform: uppercase; }
.bs-prose a { text-decoration: underline; text-underline-offset: .18em; }
.bs-prose ul,
.bs-prose ol { padding-left: 1.3rem; }
.bs-prose li + li { margin-top: .5rem; }
.bs-prose blockquote {
margin-inline: 0;
padding-left: var(--bs-sp-4);
border-left: 2px solid var(--bs-gold);
font-family: var(--bs-font-script);
font-style: italic;
font-size: 1.2rem;
color: var(--bs-white);
}
.bs-prose img,
.bs-prose iframe,
.bs-prose video {
max-width: 100%;
height: auto;
border-radius: var(--bs-radius-card);
}
.bs-prose table { width: 100%; border-collapse: collapse; }
.bs-prose th,
.bs-prose td { padding: .6rem .8rem; border: 1px solid var(--bs-line-soft); text-align: left; }
.bs-prose .bs-form-card {
max-width: none;
width: min(100%, 44rem);
margin-inline: auto;
}
.bs-center { text-align: center; }
.bs-posts {
display: grid;
gap: var(--bs-sp-4);
margin: 0;
padding: 0;
list-style: none;
max-width: 52rem;
margin-inline: auto;
}
.bs-post { min-width: 0; }
.bs-post__link {
display: grid;
grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
gap: var(--bs-sp-4);
align-items: center;
padding: var(--bs-sp-3);
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
color: inherit;
transition: border-color var(--bs-dur) var(--bs-ease),
transform var(--bs-dur) var(--bs-ease),
background-color var(--bs-dur) var(--bs-ease);
}
.bs-post__link:hover,
.bs-post__link:focus-visible {
border-color: var(--bs-line);
background-color: rgba(175, 125, 42, .06);
transform: translateY(-3px);
color: inherit;
}
.bs-post__media {
position: relative;
display: block;
aspect-ratio: 3 / 2;
overflow: hidden;
border-radius: calc(var(--bs-radius-card) - 4px);
background: linear-gradient(140deg,
color-mix(in srgb, var(--bs-gold) 22%, var(--bs-night)) 0%,
var(--bs-night) 70%);
}
.bs-post__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bs-post__ph {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--bs-gold);
opacity: .45;
}
.bs-post__body { display: block; min-width: 0; }
.bs-post__tag {
display: inline-block;
margin-bottom: .5rem;
padding: .15rem .6rem;
border: 1px solid var(--bs-line-soft);
border-radius: 999px;
font-size: .68rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--bs-gold-light);
}
.bs-post__titre {
display: block;
font-family: var(--bs-font-display);
font-size: clamp(1.05rem, .95rem + .4vw, 1.25rem);
line-height: 1.3;
color: var(--bs-white);
overflow-wrap: anywhere;
}
.bs-post__extrait {
display: block;
margin-top: .5rem;
font-size: .94rem;
line-height: 1.6;
color: var(--bs-white-dim);
}
.bs-post__meta {
display: block;
margin-top: .7rem;
font-size: .74rem;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--bs-gold-light);
}
.bs-posts--suite { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; }
.bs-posts--suite .bs-post__link { grid-template-columns: 1fr; align-items: start; }
.bs-posts--suite .bs-post__extrait { display: none; }
.bs-pagination,
.navigation.pagination {
margin-top: var(--bs-sp-6);
text-align: center;
}
.bs-pagination .nav-links,
.navigation.pagination .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .4rem;
}
.bs-pagination .page-numbers,
.navigation.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.6rem;
min-height: 2.6rem;
padding: 0 .7rem;
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
color: var(--bs-gold-light);
font-size: .9rem;
}
.bs-pagination .page-numbers.current,
.navigation.pagination .page-numbers.current {
border-color: var(--bs-gold);
color: var(--bs-night);
background: var(--bs-gold);
}
.bs-pagination .screen-reader-text,
.navigation.pagination .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.bs-single__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .5rem .9rem;
margin: var(--bs-sp-4) 0 0;
font-size: .78rem;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--bs-gold-light);
}
.bs-single__meta span + span::before {
content: '';
display: inline-block;
width: 1px;
height: .8em;
margin-right: .9rem;
vertical-align: -.1em;
background: currentColor;
opacity: .5;
}
@media (max-width: 480px) {
.bs-single__meta { flex-direction: column; align-items: flex-start; gap: .3rem; }
.bs-single__meta span + span::before { display: none; }
}
.bs-form-card {
width: min(100%, 44rem);
margin-inline: auto;
padding: clamp(1.25rem, 1rem + 2vw, 2.5rem);
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
background: linear-gradient(180deg, rgba(175, 125, 42, .07) 0%, transparent 60%);
}
.bs-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.bs-f-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--bs-sp-4);
}
.bs-f-field { margin: 0 0 var(--bs-sp-4); }
.bs-f-field label,
.bs-consent span {
display: block;
margin-bottom: .35rem;
font-size: .82rem;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--bs-gold-light);
}
.bs-f-field input,
.bs-f-field select,
.bs-f-field textarea {
width: 100%;
box-sizing: border-box;
font-size: max(1rem, 16px);
font-family: inherit;
padding: .7rem .9rem;
color: var(--bs-white);
background: rgba(255, 255, 255, .04);
border: 1px solid var(--bs-line-soft);
border-radius: calc(var(--bs-radius-card) / 2);
transition: border-color var(--bs-dur) var(--bs-ease);
}
.bs-f-field textarea { resize: vertical; min-height: 7rem; }
.bs-f-field select {
line-height: 1.3;
min-height: 3rem;
padding-right: 2.6rem;
appearance: none;
-webkit-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, var(--bs-gold-light) 50%),
linear-gradient(135deg, var(--bs-gold-light) 50%, transparent 50%);
background-position:
calc(100% - 1.15rem) calc(50% - 1px),
calc(100% - .8rem) calc(50% - 1px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
}
.bs-f-field input:focus,
.bs-f-field select:focus,
.bs-f-field textarea:focus { border-color: var(--bs-gold); outline: none; }
.bs-f-field select option { color: #111; background: #fff; }
.bs-consent {
display: flex;
align-items: flex-start;
gap: .7rem;
margin: 0 0 var(--bs-sp-5);
}
.bs-consent input {
width: 1.15rem;
height: 1.15rem;
margin-top: .15rem;
flex: 0 0 auto;
accent-color: var(--bs-gold);
}
.bs-consent span {
margin: 0;
text-transform: none;
letter-spacing: 0;
font-size: .86rem;
line-height: 1.5;
color: var(--bs-white-dim);
}
.bs-btn--block { width: 100%; justify-content: center; }
.bs-form-etat {
margin: 0 0 var(--bs-sp-5);
padding: .8rem 1rem;
border-radius: calc(var(--bs-radius-card) / 2);
border: 1px solid;
font-size: .94rem;
}
.bs-form-etat--ok { border-color: var(--bs-basilic); color: var(--bs-white); background: rgba(125, 154, 60, .14); }
.bs-form-etat--ko { border-color: var(--bs-hibiscus); color: var(--bs-white); background: rgba(142, 42, 34, .18); }
.bs-404__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--bs-sp-4);
margin: 0;
}
@media (max-width: 900px) {
.bs-posts--suite { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
.bs-post__link { grid-template-columns: 1fr; }
.bs-post__media { aspect-ratio: 16 / 9; }
.bs-posts--suite { grid-template-columns: 1fr; }
.bs-posts--suite .bs-post__extrait { display: block; }
}
@media (max-width: 560px) {
.bs-f-row { grid-template-columns: 1fr; gap: 0; }
.bs-ariane ol { font-size: .72rem; }
.bs-404__actions { flex-direction: column; }
.bs-404__actions .bs-btn { width: 100%; justify-content: center; }
} .bs-page-head {
position: relative;
padding-block: calc(var(--bs-section-y) * .8);
text-align: center;
background:
radial-gradient(80% 120% at 50% 0%, rgba(175, 125, 42, .12) 0%, transparent 62%),
var(--bs-night);
border-bottom: 1px solid var(--bs-line-soft);
}
.bs-page-head__title {
margin: 0 0 var(--bs-sp-4);
font-size: var(--bs-fs-2xl);
letter-spacing: .05em;
text-transform: uppercase;
}
.bs-page-head__intro {
margin-inline: auto;
max-width: 56ch;
}
.bs-shop-body {
padding-block: var(--bs-section-y);
}
.bs-shop-empty {
margin-inline: auto;
text-align: center;
font-family: var(--bs-font-display);
font-size: var(--bs-fs-md);
letter-spacing: .06em;
color: var(--bs-white-dim);
}
.bs-shop-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--bs-sp-4);
padding-bottom: var(--bs-sp-5);
margin-bottom: var(--bs-sp-6);
border-bottom: 1px solid var(--bs-line-soft);
}
.bs-shop-toolbar .woocommerce-result-count {
margin: 0;
font-size: var(--bs-fs-sm);
letter-spacing: .06em;
color: var(--bs-white-faint);
}
.bs-shop-toolbar .woocommerce-ordering select,
.bs .woocommerce-ordering select {
padding: .6rem 2.2rem .6rem .9rem;
background: var(--bs-night-3);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius);
color: var(--bs-white);
font-family: var(--bs-font-body);
font-size: var(--bs-fs-sm);
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--bs-gold) 50%),
linear-gradient(135deg, var(--bs-gold) 50%, transparent 50%);
background-position: calc(100% - 18px) 52%, calc(100% - 13px) 52%;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
line-height: 1.3;
min-height: 2.75rem;
}
@media (max-width: 620px) {
.bs-shop-toolbar {
justify-content: center;
text-align: center;
}
.bs-shop-toolbar .woocommerce-ordering,
.bs-shop-toolbar .woocommerce-ordering select { width: 100%; }
}
.bs-garanties {
border-top: 1px solid var(--bs-line-soft);
border-bottom: 1px solid var(--bs-line-soft);
background: var(--bs-night-2);
}
.bs-garanties__liste {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--bs-sp-5) var(--bs-sp-6);
margin: 0;
padding-block: var(--bs-sp-5);
list-style: none;
}
.bs-garantie {
display: flex;
flex-direction: column;
gap: .3rem;
padding-left: var(--bs-sp-5);
border-left: 1px solid var(--bs-line-soft);
}
.bs-garantie:first-child {
padding-left: 0;
border-left: 0;
}
.bs-garantie__titre {
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: .07em;
text-transform: uppercase;
color: var(--bs-gold-light);
}
.bs-garantie__texte {
font-size: var(--bs-fs-xs);
line-height: 1.5;
color: var(--bs-white-dim);
}
.bs ul.products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--bs-sp-5);
margin: 0;
padding: 0;
list-style: none;
}
.bs ul.products::before,
.bs ul.products::after {
content: none;
}
.bs ul.products li.product {
width: auto !important;
margin: 0 !important;
float: none !important;
display: flex;
flex-direction: column;
}
.bs-card {
position: relative;
display: flex;
flex-direction: column;
flex: 1 1 auto;
background: var(--bs-night-2);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
overflow: hidden;
transition: border-color var(--bs-dur) var(--bs-ease),
box-shadow var(--bs-dur) var(--bs-ease);
}
.bs-card:hover,
.bs-card:focus-within {
border-color: color-mix(in srgb, var(--bs-accent, var(--bs-gold)) 70%, transparent);
box-shadow: var(--bs-shadow-soft);
}
.bs-card__link {
display: flex;
flex-direction: column;
flex: 1 1 auto;
color: inherit;
text-decoration: none;
}
.bs-card__media {
position: relative;
aspect-ratio: 3 / 4;
overflow: hidden;
background: var(--bs-night-3);
}
.bs-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 45%;
display: block;
transition: transform 600ms var(--bs-ease);
}
.bs-card:hover .bs-card__media img,
.bs-card:focus-within .bs-card__media img {
transform: scale(1.05);
}
.bs-card__media .bs-bottle-ghost {
position: absolute;
inset: 0;
margin: auto;
}
.bs-card__flag {
position: absolute;
top: var(--bs-sp-3);
left: var(--bs-sp-3);
z-index: 2;
padding: .28rem .6rem;
background: var(--bs-gold);
color: var(--bs-deep);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-xs);
letter-spacing: .1em;
text-transform: uppercase;
border-radius: var(--bs-radius);
}
.bs-card__flag--out {
background: rgba(2, 12, 17, .82);
border: 1px solid var(--bs-line);
color: var(--bs-white-dim);
}
.bs-card__body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--bs-sp-2);
padding: var(--bs-sp-5) var(--bs-sp-5) var(--bs-sp-4);
text-align: left;
}
.bs-card__title {
display: flex;
flex-direction: column;
gap: .25rem;
margin: 0;
font-family: var(--bs-font-display);
font-size: var(--bs-fs-md);
font-weight: 400;
letter-spacing: .09em;
text-transform: uppercase;
line-height: 1.2;
color: var(--bs-white);
}
.bs-card__type {
font-family: var(--bs-font-script);
font-style: italic;
font-size: 1rem;
letter-spacing: .01em;
text-transform: none;
line-height: 1.15;
color: var(--bs-gold-light);
}
.bs-card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .45rem .7rem;
margin: 0;
font-size: var(--bs-fs-xs);
letter-spacing: .09em;
text-transform: uppercase;
color: var(--bs-white-faint);
}
.bs-card__meta span + span::before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
margin-right: .7rem;
vertical-align: middle;
border-radius: 50%;
background: currentColor;
}
.bs-card__degre {
color: var(--bs-gold-light);
}
.bs-card__prix-zone {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: .3rem .6rem;
margin-top: auto;
padding-top: var(--bs-sp-2);
}
.bs-card__price,
.bs .price {
font-family: var(--bs-font-display);
font-size: var(--bs-fs-md);
letter-spacing: .04em;
color: var(--bs-white);
}
.bs .price del {
color: var(--bs-white-faint);
margin-right: var(--bs-sp-2);
}
.bs-card__litre {
font-size: var(--bs-fs-xs);
letter-spacing: .04em;
color: var(--bs-white-faint);
white-space: nowrap;
}
.bs-card__action {
padding: 0 var(--bs-sp-5) var(--bs-sp-5);
}
.bs .bs-card__action .button,
.bs .bs-card__action a.button,
.bs .bs-card__action button.button {
display: flex;
width: 100%;
min-height: 2.9rem;
padding: .75rem 1rem;
background: transparent;
border: 1px solid color-mix(in srgb, var(--bs-accent, var(--bs-gold)) 55%, var(--bs-line));
color: var(--bs-gold-light);
font-size: var(--bs-fs-xs);
letter-spacing: .12em;
transition: background var(--bs-dur) var(--bs-ease),
color var(--bs-dur) var(--bs-ease),
border-color var(--bs-dur) var(--bs-ease);
}
.bs .bs-card__action .button:hover,
.bs .bs-card__action .button:focus-visible,
.bs-card:hover .bs-card__action .button {
background: linear-gradient(180deg, var(--bs-gold-light), var(--bs-gold));
border-color: var(--bs-gold);
color: var(--bs-deep);
transform: none;
}
.bs .bs-card__action .added_to_cart {
display: block;
margin-top: var(--bs-sp-2);
text-align: center;
font-size: var(--bs-fs-xs);
letter-spacing: .08em;
color: var(--bs-gold-light);
}
@media (max-width: 1100px) {
.bs-garanties__liste { grid-template-columns: repeat(2, 1fr); }
.bs-garantie:nth-child(odd) {
padding-left: 0;
border-left: 0;
}
}
@media (max-width: 900px) {
.bs ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
.bs ul.products { gap: var(--bs-sp-4); }
.bs-card__body {
gap: .4rem;
padding: var(--bs-sp-4) var(--bs-sp-4) var(--bs-sp-3);
}
.bs-card__title { font-size: var(--bs-fs-sm); letter-spacing: .06em; }
.bs-card__type { font-size: .92rem; }
.bs-card__action { padding: 0 var(--bs-sp-4) var(--bs-sp-4); }
.bs .bs-card__action .button,
.bs .bs-card__action a.button,
.bs .bs-card__action button.button {
min-height: 2.9rem;
padding: .7rem .5rem;
background: linear-gradient(180deg, var(--bs-gold-light), var(--bs-gold));
border-color: var(--bs-gold);
color: var(--bs-deep);
font-size: .78rem;
letter-spacing: .06em;
}
.bs-card__prix-zone { flex-direction: column; gap: .15rem; }
.bs-card__meta { letter-spacing: .06em; }
.bs .related .bs-card__body,
.bs .up-sells .bs-card__body {
align-items: center;
text-align: center;
}
.bs .related .bs-card__meta,
.bs .up-sells .bs-card__meta { justify-content: center; align-items: center; }
.bs .related .bs-card__prix-zone,
.bs .up-sells .bs-card__prix-zone { align-items: center; }
.bs .related .bs-card__action,
.bs .up-sells .bs-card__action { padding: 0 var(--bs-sp-3) var(--bs-sp-4); }
.bs .bs-card__action .button,
.bs .bs-card__action a.button,
.bs .bs-card__action button.button {
justify-content: center;
align-items: center;
text-align: center;
}
.bs .related .bs-card__action .button,
.bs .up-sells .bs-card__action .button {
padding-inline: .35rem;
font-size: .72rem;
letter-spacing: .04em;
white-space: nowrap;
}
.bs-garanties__liste {
grid-template-columns: repeat(2, 1fr);
gap: var(--bs-sp-3) var(--bs-sp-4);
padding-block: var(--bs-sp-4);
}
.bs-garantie {
padding-left: 0;
border-left: 0;
}
.bs-garantie__titre {
font-size: var(--bs-fs-xs);
letter-spacing: .05em;
line-height: 1.35;
}
.bs-garantie__texte { display: none; }
}
.bs .button,
.bs a.button,
.bs button.button,
.bs input.button,
.bs .woocommerce-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .9rem 1.9rem;
background: linear-gradient(180deg, var(--bs-gold-light), var(--bs-gold));
border: 1px solid var(--bs-gold);
border-radius: var(--bs-radius);
color: var(--bs-deep);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
font-weight: 400;
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
line-height: 1.2;
cursor: pointer;
transition: background var(--bs-dur) var(--bs-ease),
transform var(--bs-dur) var(--bs-ease);
}
.bs .button:hover,
.bs a.button:hover,
.bs button.button:hover {
background: var(--bs-gold-light);
color: var(--bs-deep);
transform: translateY(-2px);
}
.bs .button.added_to_cart,
.bs .added_to_cart {
display: block;
margin-top: var(--bs-sp-2);
background: none;
border: 0;
color: var(--bs-gold-light);
font-size: var(--bs-fs-xs);
}
.bs.single-product div.product.bs-produit {
--bs-ok: #6cc47a;
--bs-ko: #d0695a;
display: block;
max-width: var(--bs-max);
margin-inline: auto;
padding: var(--bs-sp-5) var(--bs-gutter) var(--bs-section-y);
}
.bs-produit__haut {
display: grid;
grid-template-columns: minmax(0, 25rem) minmax(0, 1fr);
gap: clamp(1.5rem, 1rem + 3vw, 3.5rem);
align-items: start;
}
.bs.single-product div.product .bs-produit__galerie .woocommerce-product-gallery {
position: relative;
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0;
}
.bs.single-product .woocommerce-product-gallery {
opacity: 1 !important;
}
.bs.single-product .ppc-button-wrapper,
.bs.single-product [id^="ppc-button-"],
.bs.single-product .ppcp-messages {
display: none !important;
}
.bs.single-product div.product .bs-produit__galerie .woocommerce-product-gallery__image {
overflow: hidden;
background: var(--bs-night-2);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
}
.bs.single-product div.product .bs-produit__galerie .woocommerce-product-gallery__image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
object-fit: cover;
object-position: center 45%;
}
.bs.single-product div.product .bs-produit__galerie .flex-control-thumbs {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: var(--bs-sp-3);
margin: var(--bs-sp-3) 0 0;
padding: 0;
list-style: none;
}
.bs.single-product div.product .bs-produit__galerie .flex-control-thumbs li {
width: auto !important;
float: none !important;
margin: 0 !important;
}
.bs.single-product div.product .bs-produit__galerie .flex-control-thumbs img {
aspect-ratio: 1;
object-fit: cover;
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
opacity: .55;
cursor: pointer;
transition: opacity var(--bs-dur) var(--bs-ease), border-color var(--bs-dur) var(--bs-ease);
}
.bs.single-product div.product .bs-produit__galerie .flex-control-thumbs img:hover,
.bs.single-product div.product .bs-produit__galerie .flex-control-thumbs img.flex-active {
opacity: 1;
border-color: var(--bs-gold-light);
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav a {
position: absolute;
top: 0;
z-index: 3;
width: 44px;
height: 44px;
margin-top: calc(62.5% - 22px);
overflow: hidden;
background: rgba(2, 12, 17, .72);
border: 1px solid var(--bs-line);
border-radius: 50%;
color: transparent;
font-size: 0;
transition: background var(--bs-dur) var(--bs-ease);
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav .flex-prev { left: var(--bs-sp-4); }
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav .flex-next { right: var(--bs-sp-4); }
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav a::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-top: 1.5px solid var(--bs-white);
border-left: 1.5px solid var(--bs-white);
transform: translate(-30%, -50%) rotate(-45deg);
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav .flex-next::before {
transform: translate(-70%, -50%) rotate(135deg);
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav a:hover,
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav a:focus-visible {
background: var(--bs-night);
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav .flex-disabled {
display: none;
}
.bs.single-product div.product .bs-produit__resume {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
.bs-produit__badge {
display: inline-block;
margin: 0 0 var(--bs-sp-3);
padding: .3rem .75rem;
background: linear-gradient(135deg, var(--bs-gold-light), var(--bs-gold));
border-radius: var(--bs-radius);
color: var(--bs-night);
font-size: var(--bs-fs-xs);
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
}
.bs.single-product div.product .bs-produit__titre {
margin: 0 0 var(--bs-sp-2);
font-size: var(--bs-fs-2xl);
line-height: 1.05;
letter-spacing: .02em;
text-transform: none;
}
.bs-produit__sous-titre {
margin-left: .3em;
font-family: var(--bs-font-script);
font-size: .55em;
font-style: italic;
letter-spacing: 0;
color: var(--bs-gold-light);
white-space: nowrap;
}
.bs-produit__meta {
display: flex;
flex-wrap: wrap;
gap: .2rem .7rem;
margin: 0 0 var(--bs-sp-3);
color: var(--bs-white-dim);
font-size: var(--bs-fs-md);
}
.bs-produit__meta span + span::before {
content: '\2022';
margin-right: .7rem;
color: var(--bs-gold);
}
.bs-produit__note {
display: inline-flex;
align-items: center;
gap: .5rem;
margin-bottom: var(--bs-sp-2);
color: var(--bs-white-dim);
font-size: var(--bs-fs-sm);
text-decoration: none;
}
.bs-produit__note .star-rating {
margin: 0;
color: var(--bs-gold-light);
}
.bs-produit__prix {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: var(--bs-sp-3) var(--bs-sp-5);
margin: var(--bs-sp-4) 0 var(--bs-sp-5);
}
.bs.single-product div.product .bs-produit__prix .price {
margin: 0;
font-family: var(--bs-font-display);
font-size: clamp(2rem, 1.6rem + 1.4vw, 2.75rem);
line-height: 1;
color: var(--bs-gold-light);
}
.bs-fiche__litre {
display: none;
}
.bs.single-product div.product .bs-produit__prix .bs-fiche__litre {
display: block;
margin-top: .5rem;
font-family: var(--bs-font-body);
font-size: var(--bs-fs-sm);
letter-spacing: 0;
color: var(--bs-white-dim);
}
.bs-produit__dispo {
display: grid;
gap: .4rem;
margin: .3rem 0 0;
padding: 0;
list-style: none;
color: var(--bs-white-dim);
font-size: var(--bs-fs-sm);
}
.bs-produit__dispo li {
display: flex;
align-items: center;
gap: .5rem;
margin: 0;
}
.bs-produit__dispo li[class^="is-"]::before {
content: '';
flex: 0 0 auto;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--bs-ok);
}
.bs-produit__dispo li.is-available-on-backorder::before { background: var(--bs-gold-light); }
.bs-produit__dispo li.is-out-of-stock::before { background: var(--bs-ko); }
.bs-produit__dispo .bs-icon { color: var(--bs-gold-light); }
.bs.single-product div.product .bs-produit__achat form.cart {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: var(--bs-sp-3);
margin: 0 0 var(--bs-sp-4);
}
.bs.single-product div.product .bs-produit__achat form.cart .quantity {
display: flex;
flex: 0 0 auto;
align-items: stretch;
margin: 0;
background: var(--bs-night-3);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius);
}
.bs.single-product div.product .bs-produit__achat .quantity input.qty {
width: 3.2rem;
min-height: 3.4rem;
padding: 0;
background: transparent;
border: 0;
color: var(--bs-white);
font-family: var(--bs-font-body);
font-size: var(--bs-fs-md);
text-align: center;
-moz-appearance: textfield;
appearance: textfield;
}
.bs-produit__achat .quantity input.qty::-webkit-outer-spin-button,
.bs-produit__achat .quantity input.qty::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.bs-qte__btn {
width: 2.6rem;
padding: 0;
background: none;
border: 0;
color: var(--bs-white);
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
transition: color var(--bs-dur) var(--bs-ease);
}
.bs-qte__btn:hover,
.bs-qte__btn:focus-visible { color: var(--bs-gold-light); }
.bs.single-product div.product form.cart button.single_add_to_cart_button,
.bs.single-product div.product form.cart .button.single_add_to_cart_button {
flex: 1 1 auto;
min-height: 3.4rem;
margin: 0;
padding: 1rem 1.4rem;
letter-spacing: .14em;
box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
transition: transform 200ms var(--bs-ease), box-shadow 200ms var(--bs-ease);
}
.bs.single-product div.product form.cart button.single_add_to_cart_button:hover,
.bs.single-product div.product form.cart .button.single_add_to_cart_button:hover {
transform: translateY(-2px);
box-shadow: 0 14px 30px rgba(0, 0, 0, .45);
}
.bs-produit__garanties {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 0 0 var(--bs-sp-5);
padding: 0;
list-style: none;
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
}
.bs-produit__garanties li {
margin: 0;
color: var(--bs-white-dim);
font-size: var(--bs-fs-xs);
line-height: 1.3;
}
.bs-produit__garanties li + li { border-left: 1px solid var(--bs-line-soft); }
.bs-produit__garanties li,
.bs-produit__garanties a {
display: flex;
align-items: center;
gap: .55rem;
padding: .8rem .7rem;
}
.bs-produit__garanties li:has(> a) { padding: 0; }
.bs-produit__garanties a {
height: 100%;
color: inherit;
text-decoration: none;
}
.bs-produit__garanties a:hover span { color: var(--bs-white); }
.bs-produit__garanties .bs-icon {
flex: 0 0 auto;
color: var(--bs-gold-light);
}
.bs-produit__accroche {
margin: 0 0 var(--bs-sp-5);
color: var(--bs-white-dim);
font-size: var(--bs-fs-md);
line-height: 1.7;
}
.bs-produit__accroche p { margin: 0 0 .6em; }
.bs-produit__accroche p:last-child { margin-bottom: 0; }
.bs-produit__atouts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--bs-sp-3);
margin: 0;
padding: var(--bs-sp-4);
list-style: none;
background: var(--bs-night-2);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
}
.bs-produit__atouts li {
display: flex;
align-items: center;
gap: .6rem;
margin: 0;
color: var(--bs-white-dim);
font-size: var(--bs-fs-sm);
line-height: 1.25;
}
.bs-produit__atouts strong {
display: block;
color: var(--bs-white);
font-weight: 500;
}
.bs-produit__atouts .bs-icon {
flex: 0 0 auto;
color: var(--bs-gold-light);
}
.bs-produit__zero {
flex: 0 0 auto;
display: grid;
place-items: center;
width: 2.2rem;
height: 2.2rem;
border: 1.25px solid var(--bs-gold-light);
border-radius: 50%;
color: var(--bs-gold-light);
font-family: var(--bs-font-display);
font-size: .62rem;
}
.bs-onglets {
margin-top: var(--bs-sp-8);
border-top: 1px solid var(--bs-line-soft);
}
.bs-onglet {
border-bottom: 1px solid var(--bs-line-soft);
}
.bs-onglet__titre {
display: flex;
align-items: center;
gap: .8rem;
padding: 1rem 0;
color: var(--bs-white);
font-size: var(--bs-fs-base);
list-style: none;
cursor: pointer;
}
.bs-onglet__titre::-webkit-details-marker { display: none; }
.bs-onglet__titre .bs-icon {
flex: 0 0 auto;
color: var(--bs-gold-light);
}
.bs-onglet__titre span { flex: 1 1 auto; }
.bs-onglet__titre::after {
content: '';
flex: 0 0 auto;
width: 8px;
height: 8px;
margin-right: .3rem;
border-right: 1.5px solid var(--bs-white-dim);
border-bottom: 1.5px solid var(--bs-white-dim);
transform: rotate(45deg) translateY(-2px);
transition: transform var(--bs-dur) var(--bs-ease);
}
.bs-onglet[open] > .bs-onglet__titre::after { transform: rotate(-135deg) translateY(-2px); }
.bs-onglet__contenu {
padding: 0 0 var(--bs-sp-6);
color: var(--bs-white-dim);
font-size: var(--bs-fs-base);
line-height: 1.8;
}
.bs-onglet__contenu > :first-child { margin-top: 0; }
.bs-onglet__contenu p { margin: 0 0 1.1em; }
.bs-onglet__contenu p:last-child { margin-bottom: 0; }
.bs-fiche-titre { display: none; }
.bs-onglets.is-onglets {
border-top: 0;
}
.bs-onglets.is-onglets .bs-onglets__barre {
display: flex;
gap: 0;
overflow-x: auto;
border-bottom: 1px solid var(--bs-line);
scrollbar-width: none;
}
.bs-onglets.is-onglets .bs-onglets__barre::-webkit-scrollbar { display: none; }
.bs-onglets__onglet {
position: relative;
flex: 0 0 auto;
padding: 1rem 1.3rem;
background: none;
border: 0;
color: var(--bs-white-dim);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: .12em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: color var(--bs-dur) var(--bs-ease), background var(--bs-dur) var(--bs-ease);
}
.bs-onglets__onglet::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background: transparent;
}
.bs-onglets__onglet:hover,
.bs-onglets__onglet:focus-visible { color: var(--bs-white); }
.bs-onglets__onglet[aria-selected="true"] {
background: var(--bs-night-2);
color: var(--bs-gold-light);
}
.bs-onglets__onglet[aria-selected="true"]::after {
background: linear-gradient(90deg, var(--bs-gold-light), var(--bs-gold));
}
.bs-onglets.is-onglets .bs-onglet { border-bottom: 0; }
.bs-onglets.is-onglets .bs-onglet__titre { display: none; }
.bs-onglets.is-onglets .bs-onglet__contenu { padding-top: var(--bs-sp-6); }
.bs-onglets.is-onglets .bs-fiche-titre {
display: block;
margin: 0 0 var(--bs-sp-4);
font-size: var(--bs-fs-xl);
letter-spacing: .04em;
}
.bs-fiche-desc.has-profil {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: var(--bs-sp-7);
align-items: start;
}
.bs-fiche-desc__texte { max-width: 65ch; }
.bs-profil {
padding: var(--bs-sp-6);
background: var(--bs-night-3);
background: linear-gradient(135deg, var(--bs-gold-soft), transparent 70%), var(--bs-night-3);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
}
.bs-profil__titre {
margin: 0 0 var(--bs-sp-3);
font-size: var(--bs-fs-lg);
letter-spacing: .04em;
color: var(--bs-white);
}
.bs-profil__liste {
margin: 0;
padding: 0;
list-style: none;
}
.bs-profil__liste li {
display: flex;
align-items: center;
gap: .9rem;
margin: 0;
padding: .75rem 0;
border-top: 1px solid rgba(255, 255, 255, .08);
line-height: 1.5;
}
.bs-profil__liste li:first-child { border-top: 0; }
.bs-profil__liste strong {
color: var(--bs-white);
font-weight: 500;
}
.bs-profil__icone {
flex: 0 0 auto;
display: grid;
place-items: center;
width: 2.3rem;
height: 2.3rem;
border: 1px solid var(--bs-line);
border-radius: 50%;
color: var(--bs-gold-light);
}
.bs-fiche-table {
width: 100%;
max-width: 40rem;
border-collapse: collapse;
}
.bs-fiche-table caption {
padding-bottom: .5rem;
caption-side: top;
text-align: left;
color: var(--bs-white-dim);
font-size: var(--bs-fs-sm);
}
.bs-fiche-table th,
.bs-fiche-table td {
padding: .7rem 1rem .7rem 0;
border-bottom: 1px solid var(--bs-line-soft);
text-align: left;
vertical-align: top;
font-weight: 400;
}
.bs-fiche-table th { color: var(--bs-white-dim); width: 45%; }
.bs-fiche-table td { color: var(--bs-white); }
.bs-usages {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: var(--bs-sp-8) 0 0;
padding: var(--bs-sp-6) 0;
list-style: none;
border-top: 1px solid var(--bs-line-soft);
border-bottom: 1px solid var(--bs-line-soft);
}
.bs-usages li {
display: flex;
align-items: center;
gap: var(--bs-sp-4);
margin: 0;
padding: 0 var(--bs-sp-5);
color: var(--bs-white-dim);
font-size: var(--bs-fs-sm);
line-height: 1.4;
}
.bs-usages li + li { border-left: 1px solid var(--bs-line-soft); }
.bs-usages .bs-icon {
flex: 0 0 auto;
color: var(--bs-gold-light);
}
.bs-usages strong {
display: block;
margin-bottom: .2rem;
font-family: var(--bs-font-script);
font-size: var(--bs-fs-lg);
font-weight: 500;
color: var(--bs-gold-light);
}
.bs .related.products,
.bs .up-sells {
margin-top: var(--bs-sp-8);
}
.bs .related.products > h2,
.bs .up-sells > h2,
.bs .cross-sells > h2 {
font-size: var(--bs-fs-xl);
letter-spacing: .06em;
text-transform: uppercase;
text-align: center;
margin-bottom: var(--bs-sp-6);
}
.bs #reviews h2,
.bs #reviews h3 {
font-family: var(--bs-font-display);
font-size: var(--bs-fs-lg);
font-weight: 400;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--bs-white);
}
.bs #reviews .woocommerce-noreviews {
color: var(--bs-white-dim);
}
@media (max-width: 1100px) {
.bs-produit__atouts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bs-usages { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--bs-sp-5); }
.bs-usages li:nth-child(odd) { border-left: 0; }
}
@media (max-width: 900px) {
.bs.single-product div.product.bs-produit { padding-top: var(--bs-sp-4); }
.bs-produit__haut {
grid-template-columns: minmax(0, 1fr);
gap: var(--bs-sp-5);
}
.bs.single-product div.product .bs-produit__galerie .woocommerce-product-gallery__image img {
aspect-ratio: 3 / 4;
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav a {
margin-top: calc(66.667% - 22px);
}
.bs.single-product div.product .bs-produit__titre { font-size: var(--bs-fs-xl); }
.bs-fiche-desc.has-profil { grid-template-columns: minmax(0, 1fr); gap: var(--bs-sp-5); }
.bs-profil { padding: var(--bs-sp-5); }
}
@media (max-width: 620px) {
.bs.single-product div.product .bs-produit__galerie .woocommerce-product-gallery {
width: calc(100% + var(--bs-gutter) * 2) !important;
margin-inline: calc(var(--bs-gutter) * -1) !important;
}
.bs.single-product div.product .bs-produit__galerie .woocommerce-product-gallery__image {
border-left: 0;
border-right: 0;
border-radius: 0;
}
.bs.single-product div.product .bs-produit__galerie .flex-control-thumbs {
gap: var(--bs-sp-2);
padding-inline: var(--bs-gutter);
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav a {
width: 38px;
height: 38px;
margin-top: calc(66.667% - 19px);
}
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav .flex-prev { left: var(--bs-gutter); }
.bs.single-product div.product .bs-produit__galerie .flex-direction-nav .flex-next { right: var(--bs-gutter); }
.bs-produit__meta { font-size: var(--bs-fs-sm); }
.bs-qte__btn { width: 2.2rem; }
.bs.single-product div.product .bs-produit__achat .quantity input.qty { width: 2.2rem; }
.bs.single-product div.product form.cart button.single_add_to_cart_button,
.bs.single-product div.product form.cart .button.single_add_to_cart_button {
padding-inline: .8rem;
font-size: .85rem;
letter-spacing: .08em;
white-space: nowrap;
}
.bs-produit__garanties li,
.bs-produit__garanties a {
flex-direction: column;
justify-content: center;
gap: .35rem;
padding: .7rem .3rem;
text-align: center;
font-size: .6875rem;
}
.bs-produit__garanties li:has(> a) { padding: 0; }
.bs-produit__atouts { padding: var(--bs-sp-3); }
.bs-produit__atouts li { font-size: var(--bs-fs-xs); }
.bs-usages li {
flex-direction: column;
align-items: center;
gap: var(--bs-sp-2);
padding: 0 var(--bs-sp-3);
text-align: center;
}
.bs-usages strong { font-size: var(--bs-fs-md); }
}
.bs.woocommerce-cart .site-content,
.bs.woocommerce-checkout .site-content,
.bs.woocommerce-account .site-content {
max-width: var(--bs-max);
margin-inline: auto;
padding: var(--bs-section-y) var(--bs-gutter);
}
.bs table.shop_table,
.bs table.woocommerce-orders-table {
width: 100%;
border-collapse: collapse;
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
overflow: hidden;
background: var(--bs-night-2);
}
.bs table.shop_table th {
padding: var(--bs-sp-4);
background: var(--bs-night-3);
border-bottom: 1px solid var(--bs-line-soft);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
font-weight: 400;
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
text-align: left;
color: var(--bs-gold);
}
.bs table.shop_table td {
padding: var(--bs-sp-4);
border-bottom: 1px solid var(--bs-line-soft);
color: var(--bs-white-dim);
vertical-align: middle;
}
.bs table.shop_table img {
width: 64px;
height: auto;
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius);
}
.bs .cart_totals h2,
.bs .cross-sells h2,
.bs #order_review_heading,
.bs .woocommerce-billing-fields h3,
.bs .woocommerce-additional-fields h3 {
font-size: var(--bs-fs-lg);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--bs-gold);
}
.bs-shipping-notice {
max-width: none;
margin-bottom: var(--bs-sp-5);
padding: var(--bs-sp-4);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius);
background: var(--bs-gold-soft);
font-size: var(--bs-fs-sm);
color: var(--bs-white);
}
.bs-shipping-notice.is-reached {
color: var(--bs-gold-light);
}
.bs-shipping-bar {
display: block;
height: 3px;
margin-bottom: var(--bs-sp-3);
background: rgba(255, 255, 255, .12);
border-radius: 2px;
overflow: hidden;
}
.bs-shipping-bar > span {
display: block;
height: 100%;
background: linear-gradient(90deg, var(--bs-gold-dark), var(--bs-gold-light));
transition: width var(--bs-dur) var(--bs-ease);
}
.bs-checkout-note {
margin-top: var(--bs-sp-4);
font-size: var(--bs-fs-xs);
color: var(--bs-white-faint);
}
.bs .form-row label,
.bs .woocommerce-form-row label {
display: block;
margin-bottom: var(--bs-sp-2);
font-size: var(--bs-fs-sm);
letter-spacing: .04em;
color: var(--bs-white-dim);
}
.bs .input-text,
.bs input[type='text'],
.bs input[type='email'],
.bs input[type='tel'],
.bs input[type='password'],
.bs input[type='number'],
.bs textarea,
.bs select,
.bs .select2-container .select2-selection--single {
width: 100%;
padding: .85rem 1rem;
background: var(--bs-night-3);
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius);
color: var(--bs-white);
font-family: var(--bs-font-body);
font-size: var(--bs-fs-base);
transition: border-color var(--bs-dur) var(--bs-ease);
}
.bs .input-text:focus,
.bs input:focus,
.bs textarea:focus,
.bs select:focus {
border-color: var(--bs-gold);
}
.bs .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--bs-white);
line-height: 1.6;
}
.bs .select2-dropdown {
background: var(--bs-night-3);
border-color: var(--bs-line);
color: var(--bs-white);
}
.bs .woocommerce-message,
.bs .woocommerce-info,
.bs .woocommerce-error {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--bs-sp-4);
margin-bottom: var(--bs-sp-5);
padding: var(--bs-sp-4) var(--bs-sp-5);
background: var(--bs-night-2);
border: 1px solid var(--bs-line);
border-left: 3px solid var(--bs-gold);
border-radius: var(--bs-radius);
color: var(--bs-white);
list-style: none;
}
.bs .woocommerce-message::before,
.bs .woocommerce-info::before,
.bs .woocommerce-error::before {
content: none;
}
.bs .woocommerce-error {
border-left-color: var(--bs-hibiscus);
}
.bs .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: var(--bs-sp-1);
}
.bs .woocommerce-MyAccount-navigation a {
display: block;
padding: var(--bs-sp-3) var(--bs-sp-4);
border: 1px solid transparent;
border-radius: var(--bs-radius);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--bs-white-dim);
}
.bs .woocommerce-MyAccount-navigation li.is-active a,
.bs .woocommerce-MyAccount-navigation a:hover {
border-color: var(--bs-line);
background: var(--bs-gold-soft);
color: var(--bs-gold-light);
}
.bs .woocommerce-coming-soon-banner {
background: var(--bs-night-3);
color: var(--bs-white);
border-bottom: 1px solid var(--bs-line);
}
@media (max-width: 359px) {
.bs-card__meta {
flex-direction: column;
align-items: flex-start;
gap: .15rem;
}
.bs-card__meta span + span::before { content: none; }
} .has-bs-night-color            { color: var(--bs-night) !important; }
.has-bs-deep-color             { color: var(--bs-deep) !important; }
.has-bs-card-color             { color: var(--bs-night-3) !important; }
.has-bs-gold-color             { color: var(--bs-gold) !important; }
.has-bs-gold-light-color       { color: var(--bs-gold-light) !important; }
.has-bs-white-color            { color: var(--bs-white) !important; }
.has-bs-curcuma-color          { color: var(--bs-curcuma) !important; }
.has-bs-shrubb-color           { color: var(--bs-shrubb) !important; }
.has-bs-basilic-color          { color: var(--bs-basilic) !important; }
.has-bs-coco-color             { color: var(--bs-coco) !important; }
.has-bs-gingembre-color        { color: var(--bs-gingembre) !important; }
.has-bs-hibiscus-color         { color: var(--bs-hibiscus) !important; }
.has-bs-night-background-color      { background-color: var(--bs-night) !important; }
.has-bs-deep-background-color       { background-color: var(--bs-deep) !important; }
.has-bs-card-background-color       { background-color: var(--bs-night-3) !important; }
.has-bs-gold-background-color       { background-color: var(--bs-gold) !important; }
.has-bs-gold-light-background-color { background-color: var(--bs-gold-light) !important; }
.has-bs-white-background-color      { background-color: var(--bs-white) !important; }
.has-bs-gold-background-color,
.has-bs-gold-light-background-color,
.has-bs-white-background-color {
color: var(--bs-deep);
}
.has-small-font-size  { font-size: var(--bs-fs-sm); }
.has-normal-font-size { font-size: var(--bs-fs-base); }
.has-medium-font-size { font-size: var(--bs-fs-md); }
.has-large-font-size  { font-size: var(--bs-fs-xl); }
.has-huge-font-size   { font-size: var(--bs-fs-2xl); }
.bs .entry-content > *,
.bs-home--editable > * {
max-width: var(--bs-max-text);
margin-inline: auto;
}
.bs .entry-content > .alignwide,
.bs-home--editable > .alignwide {
max-width: var(--bs-max);
}
.bs .entry-content > .alignfull,
.bs-home--editable > .alignfull {
max-width: none;
width: 100%;
}
.bs-home--editable > .alignfull > .wp-block-group__inner-container,
.bs .entry-content > .alignfull > .wp-block-group__inner-container {
padding-inline: var(--bs-gutter);
}
.bs .wp-block-heading {
font-family: var(--bs-font-display);
font-weight: 400;
letter-spacing: .04em;
color: var(--bs-white);
}
.bs h2.wp-block-heading { text-transform: uppercase; }
.bs .wp-block-paragraph,
.bs .wp-block-list {
color: var(--bs-white-dim);
}
.bs .wp-block-list {
padding-left: 1.2em;
}
.bs .wp-block-list li { margin-bottom: var(--bs-sp-2); }
.bs .wp-block-list.is-style-bs-checklist {
list-style: none;
padding-left: 0;
}
.bs .wp-block-list.is-style-bs-checklist li {
position: relative;
padding-left: 1.9em;
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: .06em;
text-transform: uppercase;
}
.bs .wp-block-list.is-style-bs-checklist li::before {
content: '';
position: absolute;
left: 0;
top: .45em;
width: 10px;
height: 10px;
border: 1px solid var(--bs-gold);
transform: rotate(45deg);
}
.bs .is-style-bs-titre-filets {
display: flex;
align-items: center;
gap: var(--bs-sp-4);
justify-content: center;
text-align: center;
}
.bs .is-style-bs-titre-filets::before,
.bs .is-style-bs-titre-filets::after {
content: '';
flex: 1 1 auto;
height: 1px;
max-width: 140px;
background: linear-gradient(90deg, transparent, var(--bs-line), transparent);
}
.bs .is-style-bs-script {
font-family: var(--bs-font-script);
font-style: italic;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
line-height: 1.22;
color: var(--bs-gold-light);
}
.bs .wp-block-quote {
border-left: 2px solid var(--bs-gold);
padding-left: var(--bs-sp-5);
margin-left: 0;
font-family: var(--bs-font-script);
font-style: italic;
font-size: var(--bs-fs-md);
color: var(--bs-white);
}
.bs .wp-block-quote cite {
display: block;
margin-top: var(--bs-sp-3);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-xs);
font-style: normal;
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
color: var(--bs-gold);
}
.bs .wp-block-button__link {
padding: .95rem 2.1rem;
background: linear-gradient(180deg, var(--bs-gold-light), var(--bs-gold));
border: 1px solid var(--bs-gold);
border-radius: var(--bs-radius);
color: var(--bs-deep);
font-family: var(--bs-font-display);
font-size: var(--bs-fs-sm);
letter-spacing: var(--bs-ls-wide);
text-transform: uppercase;
transition: background var(--bs-dur) var(--bs-ease),
transform var(--bs-dur) var(--bs-ease);
}
.bs .wp-block-button__link:hover {
background: var(--bs-gold-light);
color: var(--bs-deep);
transform: translateY(-2px);
}
.bs .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
border-color: var(--bs-line);
color: var(--bs-gold-light);
}
.bs .wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--bs-gold-soft);
border-color: var(--bs-gold);
color: var(--bs-white);
}
.bs .wp-block-group.is-style-bs-encadre {
padding: clamp(1.5rem, 1rem + 2vw, 3rem);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
background:
radial-gradient(90% 120% at 50% 0%, rgba(175, 125, 42, .1) 0%, transparent 60%),
var(--bs-night-2);
}
.bs .wp-block-group.is-style-bs-carte {
padding: var(--bs-sp-5);
border: 1px solid var(--bs-line-soft);
border-radius: var(--bs-radius-card);
background: var(--bs-night-3);
}
.bs .wp-block-separator {
border: 0;
height: 1px;
background: var(--bs-line-soft);
opacity: 1;
}
.bs .wp-block-separator.is-style-bs-filet {
background: linear-gradient(90deg, transparent, var(--bs-line), transparent);
max-width: none;
}
.bs .wp-block-columns { gap: var(--bs-sp-5); }
.bs .wp-block-image img { border-radius: var(--bs-radius); }
.bs .wp-block-image.is-style-bs-cadre img {
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
box-shadow: var(--bs-shadow-soft);
}
.bs .wp-block-image figcaption {
font-size: var(--bs-fs-xs);
letter-spacing: .04em;
color: var(--bs-white-faint);
text-align: center;
}
.bs .wp-block-image img[src=''],
.bs .wp-block-image img:not([src]) {
display: block;
min-height: 200px;
background: linear-gradient(135deg, var(--bs-night-3), var(--bs-night-2));
border: 1px dashed var(--bs-line-soft);
}
.bs .wp-block-table table {
width: 100%;
border-collapse: collapse;
background: var(--bs-night-2);
}
.bs .wp-block-table th,
.bs .wp-block-table td {
padding: var(--bs-sp-3) var(--bs-sp-4);
border: 1px solid var(--bs-line-soft);
text-align: left;
}
.bs .wp-block-table th {
font-family: var(--bs-font-display);
font-weight: 400;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--bs-gold);
}
.bs .wp-block-table { overflow-x: auto; }
.bs .wp-block-table { margin-left: 0; margin-right: 0; }
.bs .wp-block-table thead { border-bottom: 3px solid; }
.bs .wp-block-cover {
padding: var(--bs-section-y) var(--bs-gutter);
}
.bs .wp-block-cover .wp-block-cover__inner-container {
max-width: var(--bs-max);
margin-inline: auto;
width: 100%;
}
.bs .wp-block-cover .wp-block-heading,
.bs .wp-block-cover p {
color: var(--bs-white);
}
.bs-pattern-section {
padding-block: var(--bs-section-y);
}
.bs-pattern-titre { padding-block: var(--bs-sp-6); }
.bs-pattern-hero .bs-pattern-hero__title {
font-weight: 600;
font-size: var(--bs-fs-hero);
line-height: .95;
text-transform: uppercase;
}
.bs-pattern-hero .bs-pattern-hero__sub {
font-family: var(--bs-font-display);
letter-spacing: .1em;
text-transform: uppercase;
line-height: 1.5;
}
.bs-pattern-hint {
border: 1px dashed var(--bs-line);
padding: var(--bs-sp-5);
color: var(--bs-white-faint);
font-size: var(--bs-fs-sm);
}
.bs-pattern-reassure { padding-block: var(--bs-sp-5); }
.bs-pattern-reassure__cols { gap: 0; }
.bs-pattern-reassure__cols .wp-block-column + .wp-block-column {
border-left: 1px solid var(--bs-line-soft);
}
.bs-pattern-terroirs { gap: var(--bs-sp-4); }
.bs-pattern-terroir {
height: 100%;
padding: 0 0 var(--bs-sp-4);
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
background: var(--bs-night-3);
overflow: hidden;
transition: transform var(--bs-dur) var(--bs-ease),
border-color var(--bs-dur) var(--bs-ease);
}
.bs-pattern-terroir:hover {
transform: translateY(-6px);
border-color: var(--bs-accent, var(--bs-gold));
}
.bs-pattern-terroir__img { margin: 0 0 var(--bs-sp-4); }
.bs-pattern-terroir__img img {
width: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
border-radius: 0;
}
.bs-pattern-terroir .wp-block-heading {
padding-inline: var(--bs-sp-3);
letter-spacing: .08em;
text-transform: uppercase;
}
.bs-pattern-terroir p {
padding-inline: var(--bs-sp-3);
margin: 0;
}
.bs-pattern-xp {
border: 1px solid var(--bs-line);
border-radius: var(--bs-radius-card);
background: var(--bs-night-2);
gap: 0;
}
.bs-pattern-xp .wp-block-column {
padding: var(--bs-sp-6);
}
.bs-pattern-xp .wp-block-column + .wp-block-column {
border-left: 1px solid var(--bs-line-soft);
}
.bs-pattern-cta { text-align: center; }
@media (max-width: 900px) {
.bs-pattern-reassure__cols .wp-block-column + .wp-block-column,
.bs-pattern-xp .wp-block-column + .wp-block-column {
border-left: 0;
border-top: 1px solid var(--bs-line-soft);
}
}