@charset "UTF-8";
@import url(main.css);
.animated-border-button:after { background-color: #7f8d68; }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: #758365 !important; }

a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 0px !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 0px !important; }

a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { color: #7f8d68 !important; font-weight: 500 !important; }

.logo-footer > .logo_nav { height: 15vh !important; }

.background-image-div-opacity { background-attachment: scroll !important; }

.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { position: relative; padding: 12px !important; border: 2px solid #7f8d68; background: transparent; }

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0px !important; }

.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { border-radius: 0px !important; box-shadow: none !important; border: 1px solid #7f8d68; }

.mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative { border-radius: 0px !important; box-shadow: none !important; border: 1px solid #7f8d68; }

.mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { border-radius: 0px !important; box-shadow: none !important; border: 1px solid #7f8d68; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.my-2.my-lg-1.p-2.rounded-pill.text-decoration-none.button-header-telephone { border-radius: 0px !important; color: #fff !important; }

/* ----------------------------------------------------------------------------- HERO -------------------------------------------------------------------------- */
/* --- SECTION --- */
.damien-hero { width: 100%; padding: 20px 32px; box-sizing: border-box; }

/* --- CADRE --- */
.damien-hero__frame { position: relative; width: 100%; min-height: 620px; overflow: hidden; }

/* --- IMAGE DE FOND --- */
.damien-hero__background { position: absolute; inset: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FGlOC9xShL9eLwUNxmmJGQeL6j553%2Fimages%2FDamien_traiteur_images_l4d9.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(1.01); }

/* --- OVERLAY --- */
.damien-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(22, 18, 13, 0.1) 0%, rgba(22, 18, 13, 0.18) 45%, rgba(22, 18, 13, 0.28) 100%); }

/* --- CONTENU --- */
.damien-hero__content { position: absolute; z-index: 2; top: 50%; left: 50%; width: 90%; max-width: 760px; transform: translate(-50%, -50%); text-align: center; color: #ffffff; }

/* --- TITRE --- */
.damien-hero__content h1 { margin: 0; font-size: 54px; line-height: 1.08; font-weight: 400; letter-spacing: -1px; color: #ffffff; text-shadow: 0 3px 3px black; }

/* --- INTRO --- */
.damien-hero__content p { margin: 22px auto 0; font-size: 19px; line-height: 1.7; font-weight: 400; color: rgba(255, 255, 255, 0.94); text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }

/* --- BOUTON --- */
.damien-hero__button { display: inline-flex; align-items: center; justify-content: center; margin-top: 30px; padding: 15px 29px; border: 1px solid rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(3px); color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 500; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease; }

.damien-hero__button:hover { background: #ffffff; color: #2e2922; transform: translateY(-2px); }

/* --- TABLETTE --- */
@media (max-width: 992px) { .damien-hero { padding: 18px; } .damien-hero__frame { min-height: 540px; } .damien-hero__content h1 { font-size: 44px; } }

/* --- MOBILE --- */
@media (max-width: 576px) { .damien-hero { padding: 10px; } .damien-hero__frame { min-height: 560px; } .damien-hero__background { background-position: center; } .damien-hero__overlay { background: rgba(20, 17, 13, 0.85); } .damien-hero__content { width: calc(100% - 38px); } .damien-hero__content h1 { font-size: 36px; line-height: 1.12; } .damien-hero__content p { margin-top: 18px; font-size: 18px; line-height: 1.55; } .damien-hero__content p br { display: none; } .damien-hero__button { margin-top: 26px; padding: 14px 24px; font-size: 15px; } }

/* ----------------------------------------------------------------------------- INTRO -------------------------------------------------------------------------- */
/* --- SECTION --- */
.damien-presentation { width: 100%; padding: 110px 80px; box-sizing: border-box; }

/* --- CONTENEUR --- */
.damien-presentation__container { width: 100%; max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 0.9fr; align-items: center; gap: 85px; }

/* --- CONTENU --- */
.damien-presentation__content { max-width: 680px; }

/* --- LOGO --- */
.damien-presentation__logo { display: block; width: 175px; height: auto; margin-bottom: 28px; object-fit: contain; }

/* --- TITRE --- */
.damien-presentation__content h2 { margin: 0 0 38px; color: #7F8D68; font-size: 47px; line-height: 1.1; font-weight: 400; letter-spacing: -1px; }

/* --- ITALIQUE --- */
.damien-presentation__content h2 em { font-weight: 400; font-style: italic; color: #7F8D68; }

/* --- TEXTES --- */
.damien-presentation__content p { max-width: 650px; margin: 0 0 20px; color: #514f4a; font-size: 18px; line-height: 1.75; font-weight: 400; }

/* --- VISUEL --- */
.damien-presentation__visual { width: 100%; max-width: 500px; justify-self: end; }

/* --- IMAGE --- */
.damien-presentation__image { display: block; width: 100%; height: 550px; object-fit: cover; object-position: center; box-sizing: border-box; }

/* --- TABLETTE --- */
@media (max-width: 1100px) { .damien-presentation { padding: 90px 45px; } .damien-presentation__container { gap: 55px; } .damien-presentation__logo { width: 155px; } .damien-presentation__content h2 { font-size: 40px; } }

/* --- MOBILE --- */
@media (max-width: 768px) { .damien-presentation { padding: 70px 24px; } .damien-presentation__container { display: flex; flex-direction: column; gap: 50px; } .damien-presentation__content { width: 100%; max-width: 100%; } .damien-presentation__logo { width: 145px; margin-bottom: 24px; } .damien-presentation__content h2 { margin-bottom: 28px; font-size: 36px; line-height: 1.13; } .damien-presentation__visual { width: 100%; max-width: 560px; align-self: center; } .damien-presentation__image { height: 520px; } }

/* --- PETIT MOBILE --- */
@media (max-width: 576px) { .damien-presentation { padding: 60px 18px; } .damien-presentation__logo { width: 130px; margin-bottom: 22px; } .damien-presentation__content h2 { font-size: 32px; } .damien-presentation__content h2 br { display: none; } .damien-presentation__content p { font-size: 18px; line-height: 1.65; } .damien-presentation__visual { max-width: 100%; } .damien-presentation__image { height: 430px; } }

/* ----------------------------------------------------------------------------- PRESTATIONS -------------------------------------------------------------------------- */
/* --- SECTION --- */
.damien-services { width: 100%; padding: 70px 70px 90px; background: #ffffff; box-sizing: border-box; }

/* --- EN-TÊTE --- */
.damien-services__heading { position: relative; width: 100%; max-width: 1320px; margin: 0 auto 42px; display: flex; align-items: center; justify-content: center; text-align: center; }

/* --- PETITE IMAGE DÉCORATIVE --- */
.damien-services__heading-decor { position: absolute; top: 50%; left: 50%; width: 520px; height: 185px; transform: translate(-50%, -46%); background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FGlOC9xShL9eLwUNxmmJGQeL6j553%2Fimages%2FDamien_traiteur_images_1_upm0.webp"); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0.60; pointer-events: none; }

/* --- CONTENU TITRE --- */
.damien-services__heading-content { position: relative; z-index: 2; padding: 22px 30px; }

/* --- PETIT TITRE --- */
.damien-services__eyebrow { display: block; margin-bottom: 7px; color: #7F8D68; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; }

/* --- TITRE PRINCIPAL --- */
.damien-services__heading h2 { margin: 0; color: #7F8D68; font-size: 72px; line-height: 1.02; font-weight: 400; }

/* --- TRAIT --- */
.damien-services__line { display: block; width: 72px; height: 1px; margin: 17px auto 0; background: #7F8D68; }

/* --- GRILLE --- */
.damien-services__grid { width: 100%; max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

/* --- CARTE --- */
.damien-services__card { position: relative; min-height: 360px; overflow: hidden; background: #2d2d2d; }

/* --- IMAGE --- */
.damien-services__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s ease; }

/* --- OVERLAY --- */
.damien-services__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(20, 18, 15, 0.22) 0%, rgba(20, 18, 15, 0.48) 55%, rgba(20, 18, 15, 0.68) 100%); }

/* --- CONTENU CARTE --- */
.damien-services__content { position: absolute; z-index: 2; top: 50%; left: 50%; width: calc(100% - 50px); max-width: 320px; transform: translate(-50%, -50%); text-align: center; }

/* --- TITRE CARTE --- */
.damien-services__content h3 { margin: 0 0 16px; color: #ffffff; font-size: 29px; line-height: 1.15; font-weight: 400; }

/* --- TEXTE --- */
.damien-services__content p { margin: 0; color: rgba(255, 255, 255, 0.92); font-size: 18px; line-height: 1.55; }

/* --- HOVER --- */
.damien-services__card:hover .damien-services__image { transform: scale(1.05); }

/* --- TABLETTE --- */
@media (max-width: 992px) { .damien-services { padding: 65px 40px 70px; } .damien-services__heading { margin-bottom: 36px; } .damien-services__heading-decor { width: 430px; height: 155px; } .damien-services__heading h2 { font-size: 60px; } .damien-services__grid { grid-template-columns: repeat(2, 1fr); } .damien-services__card { min-height: 350px; } }

/* --- MOBILE --- */
@media (max-width: 650px) { .damien-services { padding: 55px 20px 60px; } .damien-services__heading { margin-bottom: 32px; } .damien-services__heading-decor { width: 340px; height: 125px; } .damien-services__heading-content { padding: 20px 24px; } .damien-services__eyebrow { font-size: 11px; letter-spacing: 2px; } .damien-services__heading h2 { font-size: 48px; } .damien-services__line { width: 65px; margin-top: 15px; } .damien-services__grid { grid-template-columns: 1fr; gap: 14px; } .damien-services__card { min-height: 380px; } .damien-services__content { width: calc(100% - 40px); } }

/* --- PETIT MOBILE --- */
@media (max-width: 576px) { .damien-services { padding: 50px 16px 55px; } .damien-services__heading { margin-bottom: 28px; } .damien-services__heading-decor { width: 310px; height: 115px; } .damien-services__heading-content { padding: 18px 20px; } .damien-services__heading h2 { font-size: 44px; } .damien-services__line { width: 58px; } .damien-services__card { min-height: 360px; } .damien-services__content { width: calc(100% - 36px); } .damien-services__content h3 { font-size: 27px; } .damien-services__content p { font-size: 18px; line-height: 1.55; } }

/* ----------------------------------------------------------------------------- INFOS -------------------------------------------------------------------------- */
/* --- SECTION --- */
.damien-paella { position: relative; width: 100%; overflow: hidden; padding: 145px 110px 125px; background: #ffffff; box-sizing: border-box; }

/* --- IMAGE DÉCORATIVE --- */
.damien-paella__logo { position: absolute; top: 45px; left: 110px; width: 100px; height: 100px; object-fit: contain; opacity: 0.16; pointer-events: none; }

/* --- CONTAINER --- */
.damien-paella__container { position: relative; z-index: 2; width: 100%; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 0.92fr 1.08fr; align-items: center; gap: 115px; }

/* --- CONTENU --- */
.damien-paella__content { width: 100%; max-width: 480px; transform: translateY(30px); }

/* --- PETIT TITRE --- */
.damien-paella__eyebrow { display: block; margin-bottom: 32px; color: #d2ae6a; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }

/* --- TITRE --- */
.damien-paella__content h2 { margin: 0; color: #7f8d68; font-size: 48px; line-height: 1.08; font-weight: 400; letter-spacing: -0.8px; }

/* --- ITALIQUE --- */
.damien-paella__content h2 em { font-weight: 400; font-style: italic; color: #7f8d68; }

/* --- TRAIT --- */
.damien-paella__line { width: 50px; height: 1px; margin: 28px 0 30px; background: #7f8d68; }

/* --- TEXTES --- */
.damien-paella__content p { margin: 0 0 17px; color: #4e4944; font-size: 18px; line-height: 1.65; }

/* --- MOTS IMPORTANTS --- */
.damien-paella__content strong { color: #7f8d68; font-weight: 600; }

/* --- GALERIE --- */
.damien-paella__gallery { width: 100%; display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 14px; height: 440px; }

/* --- COLONNE PETITES IMAGES --- */
.damien-paella__column { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; min-width: 0; height: 100%; }

/* --- IMAGES --- */
.damien-paella__image { position: relative; width: 100%; height: 100%; overflow: hidden; background: #F4E8DC; }

/* --- PETITES IMAGES --- */
.damien-paella__image--small { aspect-ratio: 1 / 1; }

/* --- IMAGE --- */
.damien-paella__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease, filter 0.6s ease; }

/* --- HOVER --- */
.damien-paella__image:hover img { transform: scale(1.035); filter: brightness(1.04); }

/* --- GRANDE IMAGE --- */
.damien-paella__image--large { height: 100%; }

/* --- GRAND ÉCRAN --- */
@media (min-width: 1500px) { .damien-paella { padding-left: 150px; padding-right: 150px; } .damien-paella__logo { left: 150px; } }

/* --- TABLETTE --- */
@media (max-width: 1100px) { .damien-paella { padding: 125px 55px 95px; } .damien-paella__logo { top: 30px; left: 55px; } .damien-paella__container { grid-template-columns: 0.9fr 1.1fr; gap: 60px; } .damien-paella__content { transform: translateY(25px); } .damien-paella__content h2 { font-size: 42px; } .damien-paella__gallery { grid-template-columns: 0.9fr 1.1fr; height: 420px; } }

/* --- PETITE TABLETTE --- */
@media (max-width: 850px) { .damien-paella { padding: 125px 45px 85px; } .damien-paella__container { grid-template-columns: 1fr; gap: 60px; } .damien-paella__content { max-width: 650px; transform: translateY(18px); } .damien-paella__gallery { max-width: 650px; grid-template-columns: 0.9fr 1.1fr; height: 430px; } }

/* --- MOBILE --- */
@media (max-width: 650px) { .damien-paella { padding: 105px 25px 70px; } .damien-paella__logo { top: 18px; left: 25px; width: 78px; height: 78px; } .damien-paella__container { gap: 45px; } .damien-paella__content { transform: translateY(12px); } .damien-paella__eyebrow { margin-bottom: 25px; font-size: 11px; letter-spacing: 2.2px; } .damien-paella__content h2 { font-size: 37px; } .damien-paella__gallery { grid-template-columns: 0.9fr 1.1fr; gap: 10px; height: 390px; } .damien-paella__column { gap: 10px; } }

/* --- PETIT MOBILE --- */
@media (max-width: 480px) { .damien-paella { padding: 100px 18px 60px; } .damien-paella__logo { left: 18px; } .damien-paella__content { transform: translateY(8px); } .damien-paella__content h2 { font-size: 33px; line-height: 1.12; } .damien-paella__content p { font-size: 18px; line-height: 1.65; } .damien-paella__gallery { grid-template-columns: 0.92fr 1.08fr; height: 350px; } }

/* ----------------------------------------------------------------------------- CTA -------------------------------------------------------------------------- */
/* --- SECTION --- */
.damien-cta { position: relative; width: 100%; min-height: 430px; margin-top: 95px; overflow: hidden; background: #2f2a25; box-sizing: border-box; }

/* --- IMAGE DE FOND --- */
.damien-cta__background { position: absolute; inset: 0; }

.damien-cta__background img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* --- FILTRE --- */
.damien-cta__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(24, 21, 18, 0.4) 0%, rgba(24, 21, 18, 0.52) 45%, rgba(24, 21, 18, 0.62) 100%); }

/* --- CONTENU --- */
.damien-cta__content { position: relative; z-index: 2; width: 100%; max-width: 760px; margin: 0 auto; padding: 105px 30px 95px; text-align: center; box-sizing: border-box; }

/* --- PETIT TITRE --- */
.damien-cta__eyebrow { display: inline-block; margin-bottom: 16px; color: #ffffff; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: 1.8px; text-transform: uppercase; }

/* --- TITRE --- */
.damien-cta__content h2 { margin: 0 0 22px; color: #ffffff; font-size: 50px; line-height: 1.05; font-weight: 700; text-transform: uppercase; }

/* --- TEXTE --- */
.damien-cta__content p { max-width: 650px; margin: 0 auto; color: rgba(255, 255, 255, 0.92); font-size: 18px; line-height: 1.75; }

/* --- BOUTON --- */
.damien-cta__button { display: inline-flex; align-items: center; justify-content: center; margin-top: 30px; padding: 15px 30px; border: 1px solid rgba(255, 255, 255, 0.92); background: rgba(255, 255, 255, 0.08); color: #ffffff !important; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease; }

.damien-cta__button:hover { background: #ffffff; color: #7f8d68 !important; border-color: #ffffff; transform: translateY(-2px); }

/* --- TABLETTE --- */
@media (max-width: 992px) { .damien-cta { min-height: 390px; margin-top: 28px; } .damien-cta__content { max-width: 700px; padding: 90px 28px 82px; } .damien-cta__content h2 { font-size: 42px; } }

/* --- MOBILE --- */
@media (max-width: 650px) { .damien-cta { min-height: 360px; margin-top: 22px; } .damien-cta__content { padding: 75px 20px 70px; } .damien-cta__eyebrow { margin-bottom: 14px; font-size: 11px; letter-spacing: 1.6px; } .damien-cta__content h2 { margin-bottom: 18px; font-size: 34px; line-height: 1.1; } .damien-cta__content p { font-size: 18px; line-height: 1.65; } .damien-cta__button { margin-top: 24px; padding: 14px 24px; font-size: 13px; } }

/* --- PETIT MOBILE --- */
@media (max-width: 480px) { .damien-cta { margin-top: 18px; } .damien-cta__content { padding: 68px 16px 62px; } .damien-cta__content h2 { font-size: 30px; } .damien-cta__button { width: 100%; } }

/* ----------------------------------------------------------------------------- GALERIE -------------------------------------------------------------------------- */
/* --- SECTION --- */
.damien-gallery-mosaic { width: 100%; padding: 60px 0; background: #ffffff; }

.damien-gallery-mosaic, .damien-gallery-mosaic * { box-sizing: border-box; }

/* --- CONTENEUR --- */
.damien-gallery-mosaic__inner { width: 100%; max-width: 1420px; margin: 0 auto; padding: 0 80px; }

/* --- GRILLE --- */
.damien-gallery-mosaic__grid { width: 100%; display: grid; grid-template-columns: 0.82fr 0.76fr 1.64fr; gap: 24px; align-items: stretch; }

/* --- COLONNE CENTRALE --- */
.damien-gallery-mosaic__column { display: grid; grid-template-rows: 1fr 1fr; gap: 24px; }

/* --- ITEMS --- */
.damien-gallery-mosaic__item { width: 100%; overflow: hidden; background: #f4e8dc; }

/* --- GRANDES IMAGES --- */
.damien-gallery-mosaic__item--left, .damien-gallery-mosaic__item--right { height: 540px; }

/* --- PETITES IMAGES --- */
.damien-gallery-mosaic__item--small { height: 258px; }

/* --- RANGÉE DU BAS --- */
.damien-gallery-mosaic__bottom { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

.damien-gallery-mosaic__item--bottom { width: 100%; aspect-ratio: 1 / 1; }

/* --- IMAGES --- */
.damien-gallery-mosaic__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease, filter 0.6s ease; }

/* --- HOVER --- */
.damien-gallery-mosaic__item:hover .damien-gallery-mosaic__image { transform: scale(1.035); filter: brightness(1.04); }

/* --- GRAND ÉCRAN --- */
@media (min-width: 1700px) { .damien-gallery-mosaic { padding: 70px 0; } .damien-gallery-mosaic__inner { max-width: 1500px; padding: 0 100px; } .damien-gallery-mosaic__grid, .damien-gallery-mosaic__column, .damien-gallery-mosaic__bottom { gap: 28px; } .damien-gallery-mosaic__item--left, .damien-gallery-mosaic__item--right { height: 580px; } .damien-gallery-mosaic__item--small { height: 276px; } }

/* --- DESKTOP --- */
@media (max-width: 1400px) { .damien-gallery-mosaic__inner { max-width: 1260px; padding: 0 60px; } .damien-gallery-mosaic__grid, .damien-gallery-mosaic__column, .damien-gallery-mosaic__bottom { gap: 20px; } .damien-gallery-mosaic__item--left, .damien-gallery-mosaic__item--right { height: 500px; } .damien-gallery-mosaic__item--small { height: 240px; } }

/* --- TABLETTE --- */
@media (max-width: 991px) { .damien-gallery-mosaic { padding: 48px 0; } .damien-gallery-mosaic__inner { max-width: 100%; padding: 0 36px; } .damien-gallery-mosaic__grid { grid-template-columns: 1fr 1fr; gap: 18px; } .damien-gallery-mosaic__column, .damien-gallery-mosaic__bottom { gap: 18px; } .damien-gallery-mosaic__item--left { height: 400px; } .damien-gallery-mosaic__item--small { height: 191px; } .damien-gallery-mosaic__item--right { grid-column: 1 / span 2; height: 400px; } .damien-gallery-mosaic__bottom { grid-column: 1 / span 2; grid-template-columns: repeat(3, 1fr); } }

/* --- MOBILE --- */
@media (max-width: 767px) { .damien-gallery-mosaic { padding: 35px 0; } .damien-gallery-mosaic__inner { padding: 0 18px; } .damien-gallery-mosaic__grid { grid-template-columns: 1fr; gap: 14px; } .damien-gallery-mosaic__column, .damien-gallery-mosaic__bottom { gap: 14px; } .damien-gallery-mosaic__item--left, .damien-gallery-mosaic__item--right, .damien-gallery-mosaic__item--small { grid-column: auto; height: 260px; } .damien-gallery-mosaic__bottom { grid-column: auto; grid-template-columns: 1fr; } .damien-gallery-mosaic__item--bottom { aspect-ratio: auto; height: 260px; } }

/* ----------------------------------------------------------------------------- HORAIRES  -------------------------------------------------------------------------- */
/* --- SECTION --- */
.damien-hours { position: relative; width: 100%; overflow: hidden; padding: 110px 80px; box-sizing: border-box; }

/* --- FOND DÉCORATIF --- */
.damien-hours__decor { position: absolute; top: 50%; right: -30px; width: 760px; height: 760px; transform: translateY(-50%); background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FGlOC9xShL9eLwUNxmmJGQeL6j553%2Fimages%2FDamien_traiteur_logo_3_xrsl.webp"); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.16; pointer-events: none; }

/* --- CONTENEUR --- */
.damien-hours__container { position: relative; z-index: 2; width: 100%; max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: 1fr 480px; gap: 90px; align-items: center; }

/* --- CONTENU GAUCHE --- */
.damien-hours__content { max-width: 720px; }

/* --- EYEBROW --- */
.damien-hours__eyebrow { display: inline-block; margin-bottom: 22px; color: #d2ae6a; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; }

/* --- TITRE --- */
.damien-hours__content h2 { margin: 0; color: #7f8d68; font-size: 52px; line-height: 1.05; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -0.8px; }

/* --- TRAIT --- */
.damien-hours__line { width: 68px; height: 1px; margin: 28px 0 30px; background: #7f8d68; }

/* --- INTRO --- */
.damien-hours__intro { max-width: 680px; margin: 0 0 32px; color: #433d38; font-size: 18px; line-height: 1.75; }

/* --- LISTE PRESTATIONS --- */
.damien-hours__areas-wrapper { max-width: 690px; padding: 28px 30px 30px; background: rgba(255, 255, 255, 0.78); border: 1px solid #7f8d68; backdrop-filter: blur(2px); }

/* --- TITRE LISTE --- */
.damien-hours__areas-title { margin-bottom: 18px; color: #7f8d68; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }

/* --- GRILLE PRESTATIONS --- */
.damien-hours__areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }

/* --- CARTE PRESTATION --- */
.damien-hours__areas span { display: flex; align-items: center; min-height: 58px; padding: 14px 16px 14px 18px; border: 0.5px solid #7f8d68; background: rgba(255, 255, 255, 0.94); color: #4d4944; font-size: 17px; line-height: 1.3; transition: .3s ease; }

/* --- POINT --- */
.damien-hours__areas span::before { content: ""; width: 7px; height: 7px; margin-right: 12px; border-radius: 50%; background: #7f8d68; }

/* --- HOVER --- */
.damien-hours__areas span:hover { transform: translateY(-2px); border-color: rgba(127, 141, 104, 0.4); }

/* ---------------------------------------------------------------- */
/* HORAIRES */
/* ---------------------------------------------------------------- */
.damien-hours__card { width: 100%; padding: 42px 34px 34px; background: #7f8d68; box-shadow: 0 20px 55px rgba(0, 0, 0, 0.1); }

.damien-hours__card-small-title { display: block; margin-bottom: 12px; color: rgba(255, 255, 255, 0.82); font-size: 12px; font-weight: 600; letter-spacing: 2.2px; text-align: center; text-transform: uppercase; }

.damien-hours__card h3 { margin: 0; color: #ffffff; font-size: 42px; font-family: Georgia,"Times New Roman",serif; font-weight: 400; text-align: center; }

.damien-hours__card-text { max-width: 320px; margin: 16px auto 30px; color: rgba(255, 255, 255, 0.88); font-size: 16px; line-height: 1.7; text-align: center; }

.damien-hours__schedule { display: grid; gap: 12px; }

.damien-hours__row { display: grid; grid-template-columns: 125px 1fr; gap: 14px; padding: 13px 14px; border: 1px solid rgba(255, 255, 255, 0.3); }

.damien-hours__day { color: #ffffff; font-size: 16px; font-weight: 600; }

.damien-hours__time { color: rgba(255, 255, 255, 0.92); font-size: 16px; }

/* --- TABLETTE --- */
@media (max-width: 1100px) { .damien-hours { padding: 90px 40px; } .damien-hours__container { grid-template-columns: 1fr 430px; gap: 55px; } .damien-hours__content h2 { font-size: 44px; } }

/* --- TABLETTE PETITE --- */
@media (max-width: 850px) { .damien-hours { padding: 80px 28px; } .damien-hours__container { grid-template-columns: 1fr; gap: 45px; } }

/* --- MOBILE --- */
@media (max-width: 650px) { .damien-hours { padding: 70px 20px; } .damien-hours__content h2 { font-size: 36px; } .damien-hours__areas { grid-template-columns: 1fr; } .damien-hours__row { grid-template-columns: 1fr; gap: 4px; } }

/* --- PETIT MOBILE --- */
@media (max-width: 480px) { .damien-hours { padding: 60px 16px; } .damien-hours__content h2 { font-size: 32px; } }

/*************************************************************** REALISATIONS ***************************************************************************/
/* ========================================================= HERO ========================================================= */
.page-realis { position: relative; width: 100%; min-height: 480px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 45px 24px; background-color: #211f1d; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.page-realis, .page-realis * { box-sizing: border-box; }

/* ========================================================= OVERLAY ========================================================= */
.page-realis-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(24, 23, 22, 0.5) 0%, rgba(24, 23, 22, 0.34) 50%, rgba(24, 23, 22, 0.5) 100%), linear-gradient(180deg, rgba(24, 23, 22, 0.34) 0%, rgba(24, 23, 22, 0.42) 100%); }

/* ========================================================= CONTENU ========================================================= */
.page-realis-inner { position: relative; z-index: 2; width: 100%; max-width: 1300px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

/* ========================================================= LOGO ========================================================= */
.page-realis-logo { display: block; width: 195px; max-width: 100%; height: auto; margin: 0 auto 24px; }

/* ========================================================= TITRE ========================================================= */
.page-realis-title { width: 100%; max-width: 1180px; margin: 0; color: #ffffff; font-size: 62px; line-height: 1.06; letter-spacing: -1px; text-transform: none; }

/* ========================================================= TRES GRAND ECRAN ========================================================= */
@media (min-width: 1700px) { .page-realis { min-height: 540px; padding: 50px 40px; } .page-realis-logo { width: 220px; margin-bottom: 28px; } .page-realis-title { max-width: 1250px; font-size: 68px; } }

/* ========================================================= ECRAN ORDINATEUR ========================================================= */
@media (max-width: 1400px) { .page-realis { min-height: 450px; } .page-realis-logo { width: 185px; } .page-realis-title { max-width: 1050px; font-size: 56px; } }

/* ========================================================= TABLETTE ========================================================= */
@media (max-width: 991px) { .page-realis { min-height: 410px; padding: 40px 22px; } .page-realis-logo { width: 160px; margin-bottom: 20px; } .page-realis-title { max-width: 820px; font-size: 44px; line-height: 1.08; } }

/* ========================================================= MOBILE ========================================================= */
@media (max-width: 767px) { .page-realis { min-height: 350px; padding: 34px 18px; } .page-realis-overlay { background: linear-gradient(180deg, rgba(24, 23, 22, 0.42) 0%, rgba(24, 23, 22, 0.58) 100%); } .page-realis-logo { width: 135px; margin-bottom: 18px; } .page-realis-title { max-width: 650px; font-size: 36px; line-height: 1.1; letter-spacing: -0.4px; } }

/* ========================================================= PETITS MOBILES ========================================================= */
@media (max-width: 480px) { .page-realis { min-height: 320px; padding: 30px 14px; } .page-realis-logo { width: 125px; margin-bottom: 16px; } .page-realis-title { font-size: 30px; line-height: 1.12; } }

/*# sourceMappingURL=custom.css.map */