/* Sell page media blocks: cover image, before/after, Instagram card.
   Loaded only by sell.html, after pages.css. */
.sell-cover{margin:0;padding-top:32px}
.sell-cover img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:5px;background:var(--pg-grey)}
.sell-cover figcaption{margin-top:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pg-muted)}
body.pg .sell-services{grid-template-columns:repeat(3,minmax(0,1fr))}
.sell-ba{position:relative;margin:14px 0 12px;border-radius:5px;overflow:hidden;aspect-ratio:16/9;background:var(--pg-grey);--pos:50%}
.sell-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sell-ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.sell-ba__before::after{content:"";position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff}
.sell-ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.sell-ba input:focus-visible{opacity:.001}
.sell-ba:focus-within{outline:2px solid var(--pg-dark);outline-offset:3px}
.sell-ba__tag{position:absolute;bottom:12px;padding:4px 10px;border-radius:5px;background:rgba(255,255,255,.92);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pg-dark);pointer-events:none}
.sell-ba__tag--l{left:12px}.sell-ba__tag--r{right:12px}
.sell-ig{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:16px 0 8px;padding:18px 20px;border:1px solid var(--pg-line);border-radius:5px;background:var(--pg-white);color:var(--pg-dark);text-decoration:none;transition:border-color .2s,transform .2s}
.sell-ig:hover{border-color:var(--pg-dark);transform:translateY(-2px)}
.sell-ig__handle{font-weight:500;font-size:14px}
.sell-ig__text{font-size:14px;color:var(--pg-muted)}
.sell-ig__go{font-size:18px}
@media(max-width:900px){body.pg .sell-services{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sell-cover img{aspect-ratio:4/3}body.pg .sell-services{grid-template-columns:1fr}.sell-ig{grid-template-columns:1fr auto}.sell-ig__text{grid-column:1/-1;grid-row:2}}
@media(prefers-reduced-motion:reduce){.sell-ig{transition:none}.sell-ig:hover{transform:none}}
body.pg .sell-shot img,body.pg .sell-cover img{height:auto}
.pg-head .sell-lead{font-size:clamp(18px,2.2vw,22px);color:var(--pg-dark);margin:-4px auto 14px}
.sell-shot--plain{margin:0}
/* Before / after: one large slider, then a 2×2 grid of smaller ones */
.sell-ba-item{margin:0}
.sell-ba-item .sell-ba{margin:0}
.sell-ba--big{margin:14px 0 14px!important}
.sell-ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}
.sell-ba__before::after{box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.sell-ba::after{content:"";position:absolute;top:50%;left:var(--pos);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25);pointer-events:none}
.sell-ba::before{content:"‹ ›";position:absolute;z-index:1;top:50%;left:var(--pos);transform:translate(-50%,-50%);font-size:13px;letter-spacing:2px;color:var(--pg-dark);pointer-events:none}
.sell-ba-grid .sell-ba__tag{bottom:8px;padding:3px 8px;font-size:10px}
.sell-ba-grid .sell-ba__tag--l{left:8px}.sell-ba-grid .sell-ba__tag--r{right:8px}
@media(max-width:600px){.sell-ba-grid{grid-template-columns:1fr}}
/* Real videos: two vertical clips side by side — apartment tour and AI video */
.sell-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:16px 0 8px;max-width:620px}
.sell-video{margin:0}
.sell-video video{display:block;width:100%;height:auto;border-radius:5px;background:#1f2a30}
.sell-video--portrait video{aspect-ratio:9/16}
.sell-video figcaption{margin-top:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pg-muted)}
@media(max-width:600px){.sell-videos{gap:10px}}
/* Digital brochure: PDF bar with Open / Download, pages scroll inside the frame */
.sell-pdf{margin:16px 0 8px;border:1px solid var(--pg-line);border-radius:6px;overflow:hidden;background:#fff}
.sell-pdf__bar{display:flex;align-items:center;gap:28px;padding:16px 22px;border-bottom:1px solid var(--pg-line);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--pg-muted)}
.sell-pdf__bar span{margin-right:auto}
.sell-pdf__bar a{color:var(--pg-muted);text-decoration:none;transition:color .2s}
.sell-pdf__bar a:hover{color:var(--pg-dark)}
.sell-pdf__pages{display:grid;gap:4px;max-height:460px;overflow-y:auto;padding:4px;background:#2b2f33;overscroll-behavior:contain}
.sell-pdf__pages img{display:block;width:100%;height:auto;aspect-ratio:1200/848;background:#fff}
.sell-pdf__pages:focus-visible{outline:2px solid var(--pg-dark);outline-offset:-2px}
@media(max-width:600px){.sell-pdf__bar{gap:18px;padding:13px 16px;font-size:11px}.sell-pdf__pages{max-height:300px;padding:3px;gap:3px}}
.sell-mockup{margin:16px 0 8px}
.sell-mockup img{display:block;width:100%;height:auto;border-radius:5px}
/* Instagram feed: profile header, five real posts (covers stored locally,
   no Meta scripts on the page), link to the full profile */
.sell-igfeed{margin:18px 0 10px;padding:20px;border:1px solid var(--pg-line);border-radius:6px;background:#fff}
.sell-igfeed__head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.sell-igfeed__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ui-gold,#B08A4B)}
.sell-igfeed__who{display:flex;flex-direction:column;min-width:0;margin-right:auto}
.sell-igfeed__who b{font-size:15px;font-weight:500;color:var(--pg-dark)}
.sell-igfeed__who span{font-size:13px;color:var(--pg-muted);line-height:1.4}
.sell-igfeed__follow{flex:0 0 auto;padding:9px 18px;border-radius:5px;background:var(--pg-dark);color:#fff;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}
.sell-igfeed__follow:hover{opacity:.85}
body.pg .sell-igfeed a.sell-igfeed__follow,body.pg .sell-igfeed a.sell-igfeed__follow:hover{color:#fff}
.sell-igfeed__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sell-igfeed__tile{position:relative;display:block;aspect-ratio:9/16;border-radius:5px;overflow:hidden;background:var(--pg-grey)}
.sell-igfeed__tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.sell-igfeed__tile:hover img{transform:scale(1.04)}
.sell-igfeed__tile:focus-visible{outline:2px solid var(--pg-dark);outline-offset:2px}
.sell-igfeed__more{display:inline-block;margin-top:14px;font-size:13px;color:var(--pg-dark);text-decoration:none;border-bottom:1px solid var(--pg-line);padding-bottom:2px}
.sell-igfeed__more:hover{border-color:var(--pg-dark)}
@media(max-width:600px){
  .sell-igfeed{padding:16px}
  .sell-igfeed__head{flex-wrap:wrap}
  .sell-igfeed__who{flex:1 1 0;margin-right:0}
  .sell-igfeed__follow{width:100%;text-align:center;order:3}
  .sell-igfeed__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
  .sell-igfeed__grid::-webkit-scrollbar{display:none}
  .sell-igfeed__tile{flex:0 0 42%;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.sell-igfeed__tile img{transition:none}.sell-igfeed__tile:hover img{transform:none}}

/* ---- Sell page in the site's own style (25.09.2026): one centred column,
   section titles like the home page, stage labels as eyebrows ---- */
.sell-hero p{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.9;text-wrap:pretty}
.sell-hero p+p{margin-top:12px}
.sell-hero .sell-hero__cta{display:inline-flex;margin-top:28px}
.sell-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;align-items:start;max-width:1120px;margin:0 auto;padding:72px 0 88px}
.sell-main{max-width:none}
.pg .sell-block h2{font-size:clamp(24px,2.4vw,30px);font-weight:500;line-height:1.25;letter-spacing:0;margin:0 0 18px}
.pg .sell-block h3{font-size:18px;font-weight:500;margin:36px 0 10px}
.sell-block{margin-bottom:64px}
.pg .sell-stage{margin:88px 0 28px;padding-top:40px;border-top:1px solid var(--pg-line);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.6;color:var(--pg-muted)}
.sell-main>.sell-stage:first-of-type{margin-top:0}
.sell-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.sell-steps .pg-step{padding:28px 26px}
.sell-steps .pg-step p+p{margin-top:10px}
@media(max-width:700px){.sell-layout{padding:48px 0 64px}.sell-side{display:none}.sell-block{margin-bottom:48px}.pg .sell-stage{margin-top:64px;padding-top:32px}.sell-steps{grid-template-columns:1fr;gap:14px}}
.pg .sell-block .pg-step h3{margin:0 0 10px}
.pg .sell-block .pg-step b{margin-bottom:14px}
/* the enquiry section follows the same centred column */
body.pg #contact>.container{max-width:1152px}

/* Sidebar like the reference: sticky agent card and a collapsible list of services */
.sell-side{position:sticky;top:100px;display:grid;gap:16px}
.sell-side__card{padding:24px;border:1px solid var(--pg-line);border-radius:6px;background:var(--pg-grey)}
.sell-side__title{display:block;font-size:16px;font-weight:500;color:var(--pg-dark)}
.sell-side__agent .sell-side__title{text-align:center;margin-bottom:18px}
.sell-side__person{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.sell-side__person img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 56px;box-shadow:0 0 0 2px #fff,0 0 0 3px #B08A4B}
.sell-side__person strong{display:block;font-size:15px;font-weight:500;color:var(--pg-dark)}
.sell-side__person span{display:block;font-size:12.5px;line-height:1.45;color:var(--pg-muted)}
.sell-side__links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.sell-side__links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;border:1px solid var(--pg-line);border-radius:5px;background:#fff;font-size:13px;color:var(--pg-dark);text-decoration:none;transition:border-color .2s}
.sell-side__links a:hover{border-color:var(--pg-dark)}
.sell-side__links svg{width:16px;height:16px}
.sell-side__services summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}
.sell-side__services summary::-webkit-details-marker{display:none}
.sell-side__chev{width:18px;height:18px;fill:none;stroke:var(--pg-dark);stroke-width:1.5;transition:transform .25s}
.sell-side__services[open] .sell-side__chev{transform:rotate(180deg)}
.sell-side__services nav{display:grid;margin-top:14px;border-top:1px solid var(--pg-line)}
.sell-side__services nav a{padding:11px 0;border-bottom:1px solid var(--pg-line);font-size:14px;color:var(--pg-muted);text-decoration:none;transition:color .2s}
.sell-side__services nav a:last-child{border-bottom:0;padding-bottom:0}
.sell-side__services nav a:hover,.sell-side__services nav a[aria-current]{color:var(--pg-dark)}
@media(max-width:1000px){.sell-layout{grid-template-columns:minmax(0,1fr) 280px;gap:40px}}
/* overflow-x:hidden on html/body turns body into a scroll container and breaks
   the sticky sidebar; clip trims the same overflow without that side effect */
html:has(body.pg .sell-side),html:has(body.pg .sell-side) body.pg{overflow-x:clip}
/* phones: one column, no sidebar (the hero button and the form cover contact) */
@media(max-width:760px){.sell-layout{display:block}.sell-side{display:none}}
/* Format cards behave like «Наши услуги» on the home page: same type sizes,
   dark border and a 2px lift on hover */
.sell-steps .pg-step{padding:26px 24px;transition:border-color .25s,transform .25s}
.sell-steps .pg-step:hover{border-color:var(--pg-dark);transform:translateY(-2px)}
.pg .sell-block .sell-steps .pg-step b{font-size:12px;letter-spacing:.14em;color:var(--pg-muted);font-weight:500;margin-bottom:10px}
.pg .sell-block .sell-steps .pg-step h3{font-size:18px;font-weight:500;margin:0 0 8px}
.pg .sell-block .sell-steps .pg-step p{margin:0;font-size:13px;line-height:1.8;color:var(--pg-muted)}
.pg .sell-block .sell-steps .pg-step p+p{margin-top:10px}
@media(prefers-reduced-motion:reduce){.sell-steps .pg-step{transition:none}.sell-steps .pg-step:hover{transform:none}}