.ypl:where(.pg-outils) .ot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ypl:where(.pg-outils) .ot-card{padding:0;overflow:hidden}.ypl:where(.pg-outils) .ot-vis{height:190px;background:var(--navy-50);border-bottom:1px solid var(--navy-100);display:flex;align-items:center;justify-content:center;padding:20px}.ypl:where(.pg-outils) .ot-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.ypl:where(.pg-outils) .ot-dpe{display:flex;flex-direction:column;gap:5px;width:190px}.ypl:where(.pg-outils) .ot-dpe span{display:flex;align-items:center;height:20px;border-radius:4px 10px 10px 4px;padding:0 9px;font-size:11.5px;font-weight:900;color:#fff}.ypl:where(.pg-outils) .ot-fee{width:220px;background:#fff;border:1px solid var(--navy-100);border-radius:12px;padding:14px;box-shadow:var(--shadow-1);font-size:12.5px;display:grid;gap:8px}.ypl:where(.pg-outils) .ot-fee div{display:flex;justify-content:space-between;gap:10px}.ypl:where(.pg-outils) .ot-fee b{font-weight:900}.ypl:where(.pg-outils) .ot-fee .tot{border-top:1px solid var(--navy-100);padding-top:8px;font-size:14px}.ypl:where(.pg-outils) .ot-city{width:230px;background:#fff;border:1px solid var(--navy-100);border-radius:12px;padding:14px;box-shadow:var(--shadow-1);display:grid;gap:10px;font-size:12px;font-weight:700}.ypl:where(.pg-outils) .ot-city .k{display:flex;justify-content:space-between;align-items:baseline}.ypl:where(.pg-outils) .ot-city .k b{font-size:20px;font-weight:900}.ypl:where(.pg-outils) .ot-city .bars{display:flex;align-items:flex-end;gap:6px;height:44px}.ypl:where(.pg-outils) .ot-city .bars i{flex:1;background:var(--navy);border-radius:3px 3px 0 0}.ypl:where(.pg-outils) .ot-city .bars i.m{background:var(--mint-600)}.ypl:where(.pg-outils) .ot-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.ypl:where(.pg-outils) .ot-why .card{background:var(--navy-50)}@media (max-width:960px){.ypl:where(.pg-outils) .ot-grid,.ypl:where(.pg-outils) .ot-why{grid-template-columns:1fr}}