#page-vendeur{min-height:100vh;padding:96px 0 64px;background:radial-gradient(ellipse at 95% 0,#dcecff80,transparent 48%),#f8fafc;color:#163a54;}
#page-vendeur [hidden]{display:none!important;}
#page-vendeur button{font-family:var(--font-body);cursor:pointer;}
#page-vendeur button:focus-visible,#page-vendeur select:focus-visible{outline:3px solid #72a7eb;outline-offset:4px;}
#page-vendeur .vp-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;}
#page-vendeur .vp-back{padding:8px 0;background:none;border:0;color:#46647f;font-size:12px;}
#page-vendeur .vp-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#698099;}
#page-vendeur .vp-cover{height:180px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(115deg,#153953,#284f76 60%,#687dac);background-size:cover;background-position:center;}
#page-vendeur .vp-cover::before,#page-vendeur .vp-cover::after{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff26;border-radius:50%;right:6%;top:-220px;background:#ffffff05;pointer-events:none;}
#page-vendeur .vp-cover::after{right:20%;top:-120px;width:430px;height:430px;background:none;}
#page-vendeur .vp-cover.has-photo::before,#page-vendeur .vp-cover.has-photo::after{display:none;}
#page-vendeur .vp-cover-label{position:absolute;bottom:24px;right:28px;color:#edf5ff;font-size:11px;letter-spacing:2px;font-weight:650;text-shadow:0 1px 8px #163a54;}
#page-vendeur .vp-identity{position:relative;display:flex;align-items:center;gap:26px;padding:0 30px 32px;margin-top:-42px;border-bottom:1px solid #dce5ef;}
#page-vendeur #vendAvatar{width:124px;height:124px;flex-shrink:0;border:6px solid #f8fafc;border-radius:50%;background:#e4edf8 center/cover no-repeat;display:grid;place-items:center;color:#214d76;font:750 34px var(--font-head);box-shadow:0 4px 18px #173d6510;}
#page-vendeur .vp-name-block{min-width:0;padding-top:56px;flex:1;}
#page-vendeur .vp-name-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
#page-vendeur #vendName{font:750 clamp(27px,3.3vw,42px)/1.13 var(--font-head);letter-spacing:-1px;margin:0;overflow-wrap:anywhere;}
#page-vendeur #vendType{font-size:10px;font-weight:650;padding:6px 10px;border:1px solid #d6e1f0;background:#edf3fa;border-radius:6px;color:#345e88;}
#page-vendeur #vendSub{font-size:13px;color:#627a90;margin-top:10px;}
#page-vendeur .vp-jump{margin-top:56px;flex-shrink:0;background:#163a54;border:1px solid #163a54;color:#fff;padding:13px 18px;border-radius:7px;font-size:12px;font-weight:650;}
#page-vendeur .vp-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;margin-top:36px;align-items:start;}
#page-vendeur .vp-about{padding:2px 0;}
#page-vendeur .vp-about h2{font:700 18px var(--font-head);margin:0 0 14px;}
#page-vendeur #vendBio{font-size:13px;line-height:1.85;color:#526b82;margin:0;white-space:pre-line;overflow-wrap:anywhere;}
#page-vendeur .vp-contact{margin-top:28px;padding:20px;border:1px solid #dce5ef;border-radius:10px;background:#edf3fa;}
#page-vendeur .vp-contact>span{font-size:9px;letter-spacing:1.1px;color:#627a90;}
#page-vendeur .vp-contact p{font-size:13px;line-height:1.5;font-weight:650;margin:10px 0 16px;overflow-wrap:anywhere;}
#page-vendeur .vp-contact button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #cad9e9;color:#163a54;border-radius:6px;padding:11px 12px;font-size:12px;font-weight:650;}
#page-vendeur .vp-contact button:hover{background:#163a54;color:white;}
#page-vendeur .vp-listings{min-width:0;scroll-margin-top:30px;}
#page-vendeur .vp-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;}
#page-vendeur .vp-list-heading h2{font:700 26px var(--font-head);letter-spacing:-.6px;margin:0;}
#page-vendeur #vendCount{font-size:12px;color:#647a90;margin-top:7px;}
#page-vendeur .vp-sort{font-size:11px;color:#627a90;display:flex;flex-direction:column;gap:5px;}
#page-vendeur .vp-sort select{padding:9px 12px;border:1px solid #dce5ef;border-radius:6px;background:#fff;color:#163a54;font:500 12px var(--font-body);max-width:100%;}
#page-vendeur #vendAnnGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
#page-vendeur .vp-card{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;border:1px solid #dce5ef;border-radius:9px;overflow:hidden;background:#fff;color:#163a54;transition:box-shadow .2s,transform .2s,border-color .2s;}
#page-vendeur .vp-card:hover{transform:translateY(-3px);border-color:#b2c8df;box-shadow:0 10px 24px #173d6512;}
#page-vendeur .vp-card-photo{display:block;aspect-ratio:4/3;background:#e7eef6;overflow:hidden;position:relative;width:100%;}
#page-vendeur .vp-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s;}
#page-vendeur .vp-card:hover img{transform:scale(1.035);}
#page-vendeur .vp-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#627a90;}
#page-vendeur .vp-card-body{display:flex;flex-direction:column;flex:1;padding:16px;gap:8px;}
#page-vendeur .vp-card-title{font:650 15px/1.4 var(--font-head);overflow-wrap:anywhere;}
#page-vendeur .vp-card-city{font-size:11px;color:#647a90;}
#page-vendeur .vp-card-meta{font-size:10px;color:#617b94;min-height:14px;}
#page-vendeur .vp-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e7edf4;padding-top:12px;margin-top:auto;}
#page-vendeur .vp-card-price{font:750 20px var(--font-head);}
#page-vendeur .vp-card-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#edf3fa;color:#426b99;}
#page-vendeur .vp-card:hover .vp-card-arrow{background:#163a54;color:white;}
#page-vendeur .vp-state{padding:40px 24px;border:1px dashed #cfddeb;border-radius:10px;text-align:center;font-size:13px;line-height:1.7;color:#627a90;}
#page-vendeur .vp-state button{display:block;margin:15px auto 0;border:1px solid #c5d6e8;border-radius:6px;padding:10px 16px;background:#fff;color:#163a54;}
@media(max-width:1100px){#page-vendeur .vp-layout{grid-template-columns:210px minmax(0,1fr);gap:24px;}#page-vendeur #vendAnnGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){#page-vendeur{padding-top:84px;}#page-vendeur .vp-cover{height:145px;}#page-vendeur .vp-identity{padding:0 8px 24px;gap:18px;flex-wrap:wrap;}#page-vendeur #vendAvatar{width:96px;height:96px;font-size:27px;}#page-vendeur .vp-name-block{padding-top:48px;}#page-vendeur .vp-jump{margin-top:0;margin-left:114px;}#page-vendeur .vp-layout{grid-template-columns:1fr;gap:28px;margin-top:26px;}#page-vendeur .vp-about{display:grid;grid-template-columns:1fr 1fr;gap:22px;}#page-vendeur .vp-contact{margin:0;}#page-vendeur .vp-eyebrow{font-size:8px;letter-spacing:1px;}}
@media(max-width:480px){#page-vendeur .vp-topline{gap:10px;}#page-vendeur .vp-about{grid-template-columns:1fr;}#page-vendeur .vp-name-line{gap:8px;}#page-vendeur #vendName{font-size:26px;}#page-vendeur .vp-list-heading{align-items:flex-start;flex-wrap:wrap;}#page-vendeur .vp-sort{width:100%;}#page-vendeur #vendAnnGrid{grid-template-columns:1fr;}#page-vendeur .vp-cover-label{font-size:9px;right:16px;}#page-vendeur .vp-card-photo{aspect-ratio:16/10;}}
@media(prefers-reduced-motion:reduce){#page-vendeur .vp-card,#page-vendeur .vp-card-photo img{transition:none;}#page-vendeur .vp-card:hover,#page-vendeur .vp-card:hover img{transform:none;}}

#page-vendeur .vp-cover{background-image:linear-gradient(90deg,rgba(15,42,66,.30),rgba(15,42,66,.13)),url("https://gtccynavuqlcvomqjomu.supabase.co/storage/v1/object/public/fond%20mon%20compte/ChatGPT%20Image%2017%20juil.%202026,%2014_52_49.png");background-position:center 48%;}
#page-vendeur .vp-cover::before,#page-vendeur .vp-cover::after{display:none;}