/* 売約済み表示（2026-10-11）全ページ共通・この1ファイルだけで管理。
   はんこは2026-10-13に愛子の見本どおりの「すりガラスのパネル」に差し替え。色は無彩色（白・濃いグレー）だけ。
   大きさは写真の幅に追従させる（container query の cqw。非対応ブラウザは先に書いた px/vw の値になる）。 */
.p10-hero-image.is-sold,.card.is-sold .card__media{container-type:inline-size}
.sold-stamp{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);
  display:flex;flex-direction:column;align-items:center;box-sizing:border-box;
  padding:.4em .85em .46em;border-radius:.16em;border:1px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.94);box-shadow:0 .1em .45em rgba(0,0,0,.14);
  color:#222;font-weight:900;line-height:1;white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(28px,6.6vw,92px);font-size:max(30px,7.6cqw)}
/* すりガラス: backdrop-filter が効く環境だけ白を薄くして写真を透かす（効かない環境は上の .94 の白） */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .sold-stamp{background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1)}
}
.sold-stamp__thanks{display:flex;align-items:center;gap:1.1em;font-size:max(.19em,10px);font-weight:500;letter-spacing:.6em;color:#333}
.sold-stamp__thanks::before,.sold-stamp__thanks::after{content:"";flex:none;width:3em;width:8.2cqw;height:1px;background:rgba(34,34,34,.6)}
.sold-stamp__thanks::before{margin-right:.6em}
.sold-stamp__en{margin-top:.2em;font-size:1em;letter-spacing:.1em;padding-left:.1em}
.sold-stamp__ja{margin-top:.34em;font-size:max(.25em,12px);font-weight:500;letter-spacing:.35em;padding-left:.35em;color:#333}
/* 一覧カード: 縮小版（「この車両は売約済みです」は省略） */
.card.is-sold .sold-stamp{font-size:clamp(16px,1.8vw,24px);font-size:max(16px,7.6cqw);padding:.3em .6em .34em}
.card.is-sold .sold-stamp__thanks{font-size:max(.2em,10px);letter-spacing:.4em;gap:.8em}
.card.is-sold .sold-stamp__thanks::before{margin-right:.4em}
.card.is-sold .sold-stamp__ja{display:none}
/* 2026-10-13 デザイン判定F1: 売約車は写真枚数を出さない（買えない車なので判断材料にならない）。車体タグははんこより手前 */
.card.is-sold .card__photos{display:none}
.card.is-sold .card__bodytag{z-index:4}
/* 狭いカード（SP2列・タブレット3列）では THANK YOU を省いて板を低くし、下げて傾きも浅くして車体タグを避ける（62%・-12°では390px幅で2.3px食い込んだ） */
@container (max-width:240px){.card.is-sold .sold-stamp{top:66%;transform:translate(-50%,-50%) rotate(-8deg);font-size:max(12px,min(max(16px,7.6cqw),9.5cqw))}.card.is-sold .sold-stamp__thanks{display:none}}
/* 2026-10-13 愛子決定: 360px以下で長い車体タグが2行に折り返してはんこと重なるので、売約カードだけタグを1行に収めて省略（…）。SP320px幅のカードははんこを下限12pxにして下げる */
.card.is-sold .card__bodytag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px);box-sizing:border-box}
@container (max-width:140px){.card.is-sold .sold-stamp{top:72%;font-size:12px}}
.card.is-sold .card__img{filter:grayscale(.35)}
/* 詳細ページのヒーロー写真は灰色にしない（2026-10-13 愛子決定。一覧カードだけ残す） */
@media (max-width:760px){
  /* 売約済みページの上部: 幅が狭いとパンくずが潰れるので、パンくず→ボタンの2段にして固定(sticky)も外す */
  .lp10v .p10-topbar{flex-wrap:wrap;padding:10px 18px;gap:8px;position:static}
  .lp10v .p10-topbar .p10-crumb{flex:1 1 100%;gap:8px 10px;font-size:14px}
  .lp10v .p10-top-cta.is-alt{padding:10px 18px;font-size:14px}
  .lp10v .sold-alt{scroll-margin-top:16px}
}
/* 問い合わせ導線の停止（href なし・aria-disabled） */
.lp10v .is-disabled,.lp10v .is-disabled:hover{background:#c9ced6;color:#6b7488;box-shadow:none;transform:none;cursor:not-allowed;pointer-events:none}
/* 売約済みページの右上: 販売中へのページ内リンク（白文字が4.5:1以上になる濃い橙） */
.lp10v .p10-top-cta.is-alt{background:#b23f0a;color:#fff;box-shadow:none}
.lp10v .p10-top-cta.is-alt .dot{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.lp10v .p10-crumb .tag--sold{background:#fff;color:#b23f0a;border:1.5px solid #b23f0a;margin-left:0;padding:2.5px 10.5px}
.lp10v .p10-hero-desc .sold-link{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.lp10v .p10-final-cta .sold-note{margin:0 0 22px}
.lp10v .sold-alt{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.22);scroll-margin-top:150px}
.lp10v .sold-alt__title{margin:0 0 18px;font-size:22px;font-weight:800;color:#fff;letter-spacing:.02em}
.lp10v .sold-alt .il-card{text-align:left}
.lp10v .sold-alt .il-allbtn .p10-btn{text-align:center;line-height:1.5}
.lp10v .sold-alt .il-allbtn .nb{white-space:nowrap;display:inline-block}
@media (max-width:760px){.lp10v .sold-alt .il-allbtn .p10-btn{padding-left:16px;padding-right:16px;font-size:15px;flex-direction:column;gap:2px;white-space:nowrap}.lp10v .sold-alt .il-allbtn .nb{display:block;font-size:13px;opacity:.95}}
@media (min-width:761px){.lp10v .sold-alt .il-allbtn .p10-btn{white-space:nowrap}}
