/* Foyou Service — CSS volontairement préfixé pour limiter les conflits Elementor / Hello. */
.foyou-services { --fs-navy:#182c3a; --fs-gold:#cc9933; --fs-white:#fff; --fs-cols:3; --fs-tablet:2; --fs-mobile:1; --fs-ratio:4/3; width:100%; font-family:Montserrat,Arial,sans-serif; color:var(--fs-navy) }
.foyou-services *, .foyou-single *, .foyou-service-facts * { box-sizing:border-box }
.foyou-services__list { display:grid; grid-template-columns:repeat(var(--fs-cols),minmax(0,1fr)); gap:32px 24px; align-items:stretch }
.foyou-services__card { min-width:0; position:relative; padding-bottom:18px; }
.foyou-services__visual { position:relative; aspect-ratio:var(--fs-ratio); overflow:hidden; background:#e4e7e8; }
.foyou-services__img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.foyou-services__card:hover .foyou-services__img { transform:scale(1.035) }
.foyou-services__placeholder { height:100%; background:linear-gradient(135deg,#182c3a,#49616d) }
.foyou-services__panel { position:relative; margin:-54px 15px 0; background:var(--fs-white); min-height:142px; box-shadow:0 10px 32px rgba(24,44,58,.08); z-index:2; display:flex; align-items:flex-start; padding:0 16px 15px 0; }
.foyou-services__icon { background:var(--fs-gold); color:#fff; width:70px; min-width:70px; height:76px; display:flex; align-items:center; justify-content:center; margin-right:16px; }
.foyou-services__body { padding:19px 0 0; min-width:0; }
.foyou-services__category { display:block; font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:#687881; margin-bottom:8px }
.foyou-services__title { font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; line-height:1.08; font-size:clamp(21px,2.1vw,28px); margin:0 0 12px; }
.foyou-services__title a, .foyou-services__more { color:var(--fs-navy); text-decoration:none; }
.foyou-services__title a:hover, .foyou-services__more:hover { color:var(--fs-gold); }
.foyou-services__excerpt { font-size:13px; line-height:1.7; margin:0 0 12px; }
.foyou-services__more { display:inline-block; font-size:11px; letter-spacing:.075em; font-weight:700; text-transform:uppercase; transition:color .2s ease; }
.foyou-services--slider .foyou-services__viewport { overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.foyou-services--slider .foyou-services__viewport::-webkit-scrollbar { display:none }
.foyou-services--slider .foyou-services__list { display:flex; gap:24px; }
.foyou-services--slider .foyou-services__card { flex:0 0 calc((100% - (var(--fs-cols) - 1) * 24px) / var(--fs-cols)); scroll-snap-align:start; }
.foyou-services__controls { display:flex; gap:12px; justify-content:flex-end; margin-top:8px }
.foyou-services__controls button { cursor:pointer; background:transparent; border:1px solid var(--fs-gold); color:var(--fs-navy); width:44px; height:44px; display:flex; align-items:center; justify-content:center; font:20px Arial,sans-serif; transition:background .2s ease,color .2s ease }
.foyou-services__controls button:hover { background:var(--fs-gold); color:#fff }
.foyou-services__controls button:disabled { opacity:.35; cursor:not-allowed }
.foyou-service-empty { font-family:Montserrat,Arial,sans-serif; }
.foyou-single { --fs-navy:#182c3a; --fs-gold:#cc9933; --fs-white:#fff; background:#fff; color:var(--fs-navy); }
.foyou-single__hero { position:relative; isolation:isolate; background:var(--fs-navy); color:#fff; min-height:340px; display:flex; align-items:center; overflow:hidden; }
.foyou-single__background { position:absolute; inset:0; z-index:-2; background-position:center; background-size:cover; }
.foyou-single__hero:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(24,44,58,.97),rgba(24,44,58,.73)); }
.foyou-single__hero-inner, .foyou-single__contact-inner { width:min(1160px,calc(100% - 48px)); margin:0 auto; padding:68px 0; }
.foyou-single__breadcrumb { display:flex; flex-wrap:wrap; gap:12px; align-items:center; font:11px/1.4 Montserrat,Arial,sans-serif; margin-bottom:36px; color:#e4e4e4; }
.foyou-single__breadcrumb a { color:#fff; text-decoration:none }
.foyou-single__eyebrow { font:700 11px/1.4 Montserrat,Arial,sans-serif; letter-spacing:.17em; color:var(--fs-gold); margin:0 0 16px }
.foyou-single__hero h1 { max-width:850px; margin:0 0 14px; font:700 clamp(36px,6vw,70px)/1.05 'Cormorant Garamond',Georgia,serif; color:#fff; }
.foyou-single__lead { max-width:800px; font:400 15px/1.9 Montserrat,Arial,sans-serif; color:#f3f3f3 }
.foyou-single__content { width:min(1160px,calc(100% - 48px)); margin:0 auto; padding:70px 0; }
.foyou-single__content > .elementor { width:100%; }
.foyou-single__content > p, .foyou-single__content > ul { font:400 15px/1.85 Montserrat,Arial,sans-serif; }
.foyou-single__content h2, .foyou-single__deliverables h2 { font-family:'Cormorant Garamond',Georgia,serif; color:var(--fs-navy); }
.foyou-single__deliverables { margin:44px 0 0; padding:32px 38px; border-left:4px solid var(--fs-gold); background:#f5f6f6; font:14px/1.85 Montserrat,Arial,sans-serif; }
.foyou-single__deliverables h2 { font-size:32px; margin:0 0 12px; }
.foyou-single__back { margin-top:35px; font:600 13px Montserrat,Arial,sans-serif }
.foyou-single__back a { color:var(--fs-navy); text-decoration:underline; text-decoration-color:var(--fs-gold); text-underline-offset:5px; }
.foyou-single__contact { background:var(--fs-navy); color:#fff; }
.foyou-single__contact-inner { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.foyou-single__contact p { color:var(--fs-gold); font:700 11px Montserrat,Arial,sans-serif; letter-spacing:.16em }
.foyou-single__contact h2 { max-width:660px; font:600 clamp(30px,4vw,48px)/1.15 'Cormorant Garamond',Georgia,serif; margin:10px 0 0; color:#fff }
.foyou-single__contact a { display:inline-block; flex-shrink:0; padding:17px 23px; background:var(--fs-gold); color:#fff; font:700 12px Montserrat,Arial,sans-serif; text-decoration:none }
.foyou-service-facts__lead { font:500 17px/1.8 Montserrat,Arial,sans-serif; color:var(--fs-navy) }
.foyou-service-facts__deliverables { background:#f4f5f6; border-left:4px solid var(--fs-gold); padding:24px; margin-top:24px }
.foyou-service-facts__deliverables h3 { font:600 28px 'Cormorant Garamond',Georgia,serif; margin:0 0 8px }
@media (max-width:1024px) { .foyou-services__list { grid-template-columns:repeat(var(--fs-tablet),minmax(0,1fr)); } .foyou-services--slider .foyou-services__card { flex-basis:calc((100% - (var(--fs-tablet) - 1) * 24px) / var(--fs-tablet)); } }
@media (max-width:640px) { .foyou-services__list { grid-template-columns:repeat(var(--fs-mobile),minmax(0,1fr)); gap:20px; } .foyou-services--slider .foyou-services__card { flex-basis:calc((100% - (var(--fs-mobile) - 1) * 24px) / var(--fs-mobile)); } .foyou-services__panel { margin:-44px 10px 0; padding-right:12px; min-height:128px; } .foyou-services__icon { min-width:58px; width:58px; height:66px; margin-right:12px } .foyou-services__body { padding-top:14px } .foyou-services__title { font-size:23px; } .foyou-single__hero-inner { padding:54px 0; } .foyou-single__content { padding:46px 0; } .foyou-single__contact-inner { display:block; } .foyou-single__contact-inner a { margin-top:24px; } }
@media (prefers-reduced-motion:reduce) { .foyou-services__img { transition:none } .foyou-services--slider .foyou-services__viewport { scroll-behavior:auto } }
