/* Guides Yad le Yad : héros + téléphone de démonstration animé + étapes */
.ygd-hero{background:linear-gradient(180deg,#F6F3EC 0%,#fff 100%);padding:34px 0 26px;overflow:hidden}
.ygd-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.ygd-crumb{font-size:13px;margin:0 0 14px}
.ygd-crumb a{color:#1F4D42!important;text-decoration:none;font-weight:600}
.ygd-crumb a::before{content:"← ";}
[dir=rtl] .ygd-crumb a::before{content:"→ ";}
.ygd-kick{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#E2462A;background:#FDECE7;border-radius:999px;padding:5px 12px;margin:0 0 12px}
.yly .ygd-hero h1{font-size:clamp(28px,4vw,44px)!important;line-height:1.1!important;margin:0 0 14px!important;color:#1D2421}
.yly .ygd-lead{font-size:17px!important;line-height:1.55!important;color:#4A524E!important;margin:0 0 22px!important;max-width:560px}
.ygd-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
.ygd-phone{position:relative;width:268px;height:548px;border-radius:44px;background:#111;padding:11px;box-shadow:0 30px 70px rgba(31,77,66,.28),0 0 0 2px #2b2b2b inset}
.ygd-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:14px;background:#111;z-index:3}
.ygd-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#fff}
.ygd-s{position:absolute;inset:0;opacity:0;animation:ygd-show 14s infinite;animation-delay:calc(var(--i) * 3.5s);display:flex;flex-direction:column;font-size:13px;color:#1D2421}
@keyframes ygd-show{0%{opacity:0;transform:translateY(14px)}3%{opacity:1;transform:none}22%{opacity:1;transform:none}25.5%{opacity:0;transform:translateY(-8px)}100%{opacity:0}}
.ygd-top{display:flex;align-items:center;justify-content:space-between;padding:44px 16px 10px;border-bottom:1px solid #EEE9DF;font-weight:700;font-size:13px}
.ygd-top span{display:inline-flex;align-items:center;gap:6px}
.ygd-top i{width:18px;height:2px;background:#1D2421;box-shadow:0 5px 0 #1D2421,0 -5px 0 #1D2421}
.ygd-pad{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.ygd-center{align-items:center;justify-content:center;text-align:center}
.ygd-tabs{display:flex;gap:6px;background:#F4F1EA;border-radius:12px;padding:4px}
.ygd-tabs b,.ygd-tabs span{flex:1;text-align:center;border-radius:9px;padding:7px 4px;font-size:11.5px;white-space:nowrap}
.ygd-tabs b{background:#1D2421;color:#fff}
.ygd-tabs span{color:#6B716D;font-weight:600}
.ygd-field{border:1px solid #DDD7CA;border-radius:12px;padding:11px 12px;font-size:13px}
.ygd-btn{background:#E2462A;color:#fff;border-radius:12px;padding:12px;text-align:center;font-weight:700;position:relative}
.ygd-ghost{background:#F4F1EA;color:#1D2421;width:44px;margin-inline-start:auto}
.ygd-tap{position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(226,70,42,.25);border:2px solid rgba(226,70,42,.7);bottom:58px;inset-inline-end:60px;animation:ygd-tap 3.5s infinite}
@keyframes ygd-tap{0%,55%{transform:scale(.4);opacity:0}65%{transform:scale(1);opacity:1}85%{transform:scale(1.4);opacity:0}100%{opacity:0}}
.ygd-photo{height:170px;border-radius:14px;background-size:cover;background-position:center;position:relative}
.ygd-photo em{position:absolute;top:8px;inset-inline-start:8px;font-style:normal;font-size:10.5px;font-weight:700;background:rgba(255,255,255,.92);color:#1F4D42;border-radius:999px;padding:3px 8px}
.ygd-cover{height:110px}
.ygd-price{font-size:21px;color:#1F4D42}
.ygd-spec{margin:0!important;color:#5B615E;font-size:12.5px!important}
.ygd-small{margin:0!important;font-size:12.5px!important;color:#5B615E!important}
.ygd-big{font-size:28px;color:#1F4D42;line-height:1.1}
.ygd-big small{font-size:14px;color:#5B615E;font-weight:600}
.ygd-gauge{width:100%;height:10px;border-radius:6px;background:linear-gradient(90deg,#2E9E62,#EEDD2E,#E4573B);position:relative;margin:6px 0}
.ygd-gauge i{position:absolute;top:-5px;left:52%;width:4px;height:20px;border-radius:2px;background:#1D2421}
.ygd-ok{width:64px;height:64px;border-radius:50%;background:#2E9E62;color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800;animation:ygd-pop .5s both;animation-delay:inherit}
.ygd-blue{background:#1D9BF0}
@keyframes ygd-pop{from{transform:scale(.4)}to{transform:none}}
.ygd-msg{font-size:16px;line-height:1.35;max-width:200px}
.ygd-chatbox{justify-content:flex-end;padding-bottom:30px}
.yly .ygd-b{margin:0!important;max-width:78%;padding:9px 12px;border-radius:16px;font-size:13px!important;line-height:1.4!important}
.ygd-me{align-self:flex-end;background:#DCF8C6;border-end-end-radius:4px}
.ygd-them{align-self:flex-start;background:#F1EFEA;border-end-start-radius:4px}
.ygd-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ygd-grid i{aspect-ratio:1;border-radius:12px;background-size:cover;background-position:center;background-color:#F4F1EA}
.ygd-add{display:grid;place-items:center;font-style:normal;font-size:28px;color:#1F4D42;border:2px dashed #CFC8B9}
.ygd-bars{display:flex;align-items:flex-end;gap:7px;height:150px;padding-top:10px}
.ygd-bars i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:#1F4D42;opacity:.85}
.ygd-bars i:last-child{background:#E2462A}
.ygd-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ygd-list li{display:flex;align-items:center;gap:10px;background:#F6F3EC;border-radius:12px;padding:12px;font-weight:600}
.ygd-list li span{width:22px;height:22px;border-radius:7px;background:#2E9E62;position:relative;flex:0 0 22px}
.ygd-list li span::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.ygd-pros .ygd-list li span{background:#1F4D42}
.ygd-vrow{display:flex;align-items:center;gap:10px;margin-top:-30px;padding-inline-start:8px}
.ygd-logo{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.ygd-vrow b{margin-top:22px}
.ygd-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ygd-chips li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 10px 5px 6px;border-radius:999px;background:#F1EEE6;color:#5B615E;animation:ygd-chip 14s infinite;animation-delay:calc(var(--i) * 3.5s)}
.ygd-chips li span{width:20px;height:20px;border-radius:50%;background:#fff;color:#1F4D42;display:grid;place-items:center;font-size:11px;font-weight:800}
@keyframes ygd-chip{0%,24%{background:#1F4D42;color:#fff}25.5%,100%{background:#F1EEE6;color:#5B615E}}
.yly .ygd-demo-note{margin:0!important;font-size:11.5px!important;color:#8C8F94!important}
.yly .ygd-h2{font-size:clamp(22px,2.6vw,30px)!important;margin:0 0 18px!important}
.ygd-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
.ygd-steps li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #ECE7DC;border-radius:18px;padding:18px 20px}
.ygd-n{flex:0 0 38px;height:38px;border-radius:50%;background:#1F4D42;color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px}
.yly .ygd-steps h3{font-size:18px!important;margin:4px 0 6px!important}
.yly .ygd-steps p{margin:0 0 8px!important;color:#4A524E!important;line-height:1.55!important;font-size:15.5px!important}
.ygd-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#E2462A!important;text-decoration:none;font-size:14.5px}
.ygd-link svg,.ygd-card-go svg{width:16px;height:16px}
[dir=rtl] .ygd-link svg,[dir=rtl] .ygd-card-go svg,[dir=rtl] .ygd-copy .yly-btn svg{transform:scaleX(-1)}
.yly .ygd-note{margin:16px 0 0!important;font-size:13px!important;color:#8C8F94!important}
.ygd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.ygd-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #ECE7DC;text-decoration:none!important;color:#1D2421!important;transition:transform .18s,box-shadow .18s}
.ygd-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(31,77,66,.12)}
.ygd-card-img{height:130px;background-size:cover;background-position:center}
.ygd-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.ygd-card-body strong{font-size:17px}
.ygd-card-body small{color:#5B615E;font-size:13.5px;line-height:1.45}
.ygd-card-go{display:inline-flex;align-items:center;gap:6px;color:#E2462A;font-weight:700;font-size:14px;margin-top:4px}
.ygd-hub h1{font-size:clamp(28px,4vw,42px)!important}
.ygd-hub .yly-lead{max-width:720px;margin-bottom:22px!important}
@media (max-width:860px){
  .ygd-hero{padding:22px 0 20px}
  .ygd-hero-in{grid-template-columns:1fr;gap:26px}
  .ygd-copy .yly-btn{width:100%;justify-content:center}
  .ygd-phone{width:240px;height:490px;border-radius:40px}
  .ygd-photo{height:140px}
  .ygd-steps li{padding:16px;gap:12px}
  .ygd-n{flex-basis:32px;height:32px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .ygd-s,.ygd-chips li,.ygd-tap,.ygd-ok{animation:none}
  .ygd-s{opacity:0}.ygd-s:first-child{opacity:1}
  .ygd-chips li:first-child{background:#1F4D42;color:#fff}
}