/* Collection page only. Never imported by the home page, Admin, or plate detail pages. */
.page-on-sale{--bg:#090a0c;--surface:#151619;--line:#3a3227;--gold:#e8bc59;--text:#faf8f4;--muted:#bbb7ae;--red:#b91522;background:radial-gradient(ellipse 70% 360px at 80% 0%,#271c17 0%,transparent 80%),#090a0c}
.page-on-sale .wrap{max-width:1920px;padding-inline:clamp(16px,2.3vw,36px)}
.page-on-sale .site-header{background:rgba(12,12,14,.96);border-bottom:1px solid #a179354d}
.page-on-sale .header-row{min-height:78px}
.page-on-sale .brand-name{font-family:'Kanit',sans-serif;font-weight:800;font-size:clamp(24px,2.4vw,33px);letter-spacing:-.045em;white-space:nowrap;line-height:1.05}
.page-on-sale .brand-name span{display:inline;color:inherit}
.page-on-sale .brand-name .brand-ma{color:#ffcc28;text-shadow:1px 1px 0 #463018,-1px -1px 0 #fff7cb,0 2px 8px #dfa42b55}
.page-on-sale .brand-name .brand-ha{color:#e23a39;text-shadow:1px 1px 0 #571316,-1px -1px 0 #ffded4,0 2px 8px #e02a3455}
.page-on-sale .brand-name .brand-tabien{color:#fff9ef;text-shadow:1px 1px 0 #9a3d19,-1px -1px 0 #ffcc5f,0 2px 8px #eb9a4966}
.page-on-sale .brand small{letter-spacing:.075em}
.page-on-sale .header-nav a[href="/on-sale/"]{color:var(--gold);text-decoration:underline;text-underline-offset:8px}
.page-on-sale .header-line{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 11px;border:1px solid #19b95f;border-radius:6px;background:#078a3e;color:#fff;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}
.page-on-sale .header-line:hover{background:#09a64b;color:#fff}
.page-on-sale .breadcrumb{padding-top:14px;padding-bottom:13px}
.page-on-sale .hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,440px);align-items:stretch;gap:clamp(18px,3vw,46px);padding:25px clamp(18px,3.1vw,48px);overflow:hidden;border:1px solid #755938;border-radius:16px;background:linear-gradient(105deg,#1d1c1e 0%,#151417 48%,#281519 100%);box-shadow:0 14px 40px #0008,inset 0 1px #ffffff18}
.page-on-sale .hero::before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 58%,#e8bc5908 58% 58.7%,transparent 58.7% 64%,#d5283210 64% 65%,transparent 65%),radial-gradient(ellipse at 10% 0%,#d5aa4e14,transparent 58%)}
.page-on-sale .hero-copy,.page-on-sale .line-panel{position:relative;z-index:1}
.page-on-sale .hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.page-on-sale .hero .eyebrow{margin-bottom:7px;font-size:11px}
.page-on-sale .hero h1{font-family:'Kanit',sans-serif;font-weight:700;font-size:clamp(32px,3.6vw,56px);line-height:1.16;margin:0 0 8px;letter-spacing:-.02em}
.page-on-sale .hero h1 em{display:block;font-style:normal;color:var(--gold)}
.page-on-sale .hero .lead{font-size:clamp(13px,1.1vw,16px);line-height:1.6;margin:0 0 14px;max-width:620px}
.page-on-sale .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-on-sale .button{border-radius:7px;min-height:40px;padding:7px 14px;font-size:13px}
.page-on-sale .button.primary{background:linear-gradient(135deg,#f4d17a,#d49e3a);border-color:#f4d17a;color:#20170a}
.page-on-sale .button.secondary{background:#18191c;border-color:#66543a;color:#f3eee3}
.page-on-sale .meta-line{display:flex;gap:7px 15px;flex-wrap:wrap;margin-top:16px;font-size:11px;line-height:1.5}
.page-on-sale .meta-line strong{color:var(--gold);font-weight:600}
.page-on-sale .line-panel{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:13px;padding:14px;border:1px solid #ad873f5c;border-radius:12px;background:linear-gradient(135deg,#271f19,#141518);box-shadow:inset 0 1px #ffffff1a}
.page-on-sale .line-kicker{font-size:11px;font-weight:600;color:#f0c368}
.page-on-sale .line-panel h2{font-family:'Kanit',sans-serif;font-size:clamp(18px,1.8vw,24px);margin:2px 0 5px;line-height:1.25}
.page-on-sale .line-panel p{color:#dad4c9;font-size:11px;line-height:1.55;margin:0 0 12px}
.page-on-sale .line-action{display:inline-flex;padding:6px 10px;background:#03a348;color:white;border-radius:6px;font-size:11px;line-height:1.4;font-weight:600}
.page-on-sale .line-action:hover{background:#05ba52;color:#fff}
.page-on-sale .qr-field{text-align:center;min-width:0}
.page-on-sale .qr-field img{display:block;width:100%;height:auto;aspect-ratio:1;background:#fff;border:6px solid #fff;border-radius:7px;object-fit:contain;image-rendering:auto;box-shadow:0 5px 16px #0008}
.page-on-sale .qr-field small{display:block;font-size:10px;color:#e8d8b7;margin-top:4px}
.page-on-sale .catalog-top{margin:24px 0 12px;align-items:end}
.page-on-sale .catalog-top .eyebrow{margin-bottom:2px;font-size:10px}
.page-on-sale .catalog-top h2{font-family:'Kanit',sans-serif;font-weight:600;font-size:clamp(19px,2vw,25px);line-height:1.25}
.page-on-sale .catalog-top p{font-size:11px;text-align:right}
.page-on-sale .catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,.8vw,13px);margin-bottom:22px}
.page-on-sale .card{min-width:0;background:linear-gradient(165deg,#1e2023 0%,#151618 66%,#1b1516 100%);border:1px solid #c59d5c57;border-radius:10px;box-shadow:0 4px 16px #0009,inset 0 1px #fff1;transition:transform .18s,border-color .18s,box-shadow .18s}
.page-on-sale .card:hover{transform:translateY(-3px);border-color:#d7a54f;box-shadow:0 10px 23px #000b,0 0 0 1px #b88d3255}
.page-on-sale .card-top{padding:8px 9px 0;align-items:center;gap:7px;min-height:35px}
.page-on-sale .badge{font-size:9px;letter-spacing:.06em;white-space:nowrap;padding:3px 7px;border:1px solid #ed5d65;background:linear-gradient(135deg,#d52b37,#9e0f1d)}
.page-on-sale .card-type{font-size:10px;color:#ded9d1;line-height:1.25;text-align:right;overflow-wrap:anywhere}
.page-on-sale .card-plate-trigger{display:block;color:inherit;line-height:0;cursor:zoom-in}
.page-on-sale .plate-stage{background:radial-gradient(ellipse at 50% 42%,#5d4b35 0%,#252222 43%,#151619 83%);padding:6px 9px 2px;min-width:0}
.page-on-sale .plate{aspect-ratio:280/130;border-radius:8px;border:3px solid #111;box-shadow:0 8px 15px #0009,inset 0 0 10px #fff6;overflow:hidden;max-width:400px}
.page-on-sale .plate-number{top:16%;left:50%;transform:translateX(-50%);width:90%;font-family:'Kanit',sans-serif;font-size:clamp(16px,17cqi,60px);font-weight:700;line-height:1;letter-spacing:.06em;text-shadow:-.5px -1px #fff9,1px 1.5px #0009;overflow:hidden;text-overflow:clip}
.page-on-sale .plate-province{bottom:14%;left:50%;transform:translateX(-50%) scaleX(.95);width:95%;font-family:'Mitr','Kanit',sans-serif;font-size:clamp(8px,7.5cqi,29px);font-weight:700;line-height:1;letter-spacing:.08em;white-space:nowrap;text-shadow:-.5px -1px #fff9,1px 1px #0009}
.page-on-sale .plate.motorcycle{aspect-ratio:55/43;border:0;width:65%;max-width:240px}
.page-on-sale .motorcycle .plate-number{white-space:normal;top:15%;line-height:1.5}
.page-on-sale .motorcycle .plate-province{bottom:11%}
.page-on-sale .plate-note{font-size:9px;line-height:1.25;margin:5px 0 0}
.page-on-sale .card-body{padding:0 10px 8px;text-align:center;align-items:stretch;min-width:0}
.page-on-sale .card-heading{min-width:0}
.page-on-sale .card-body h3{font-family:'Kanit',sans-serif;font-size:clamp(18px,1.7vw,24px);font-weight:600;line-height:1.2;margin:2px 0 0;overflow-wrap:anywhere}
.page-on-sale .card-body .province{font-size:clamp(10px,.9vw,13px);margin:0 0 2px;line-height:1.35}
.page-on-sale .card-facts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px 5px;min-height:19px;margin:0 0 3px}
.page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:10px;line-height:1.25;padding:2px 6px;border-radius:4px;white-space:nowrap;background:#303034;color:#ece8e0}
.page-on-sale .photo-chip{background:#2b251a;color:#efd18e}
.page-on-sale .card-price{font-family:'Prompt',sans-serif;font-size:clamp(18px,1.65vw,25px);font-weight:600;line-height:1.2;color:#f4cb70;white-space:nowrap;letter-spacing:-.025em}
.page-on-sale .card-price small{font-size:clamp(10px,.85vw,12px);font-weight:400;letter-spacing:0}
.page-on-sale .card-link{margin-top:7px;padding:5px 2px 0;border-top:1px solid #67543a90;font-size:12px;font-weight:500;line-height:1.35}
.page-on-sale .card-link span:last-child{font-size:16px;line-height:1}
.page-on-sale .sale-photo-modal{width:min(94vw,1100px);max-width:none;max-height:94dvh;margin:auto;padding:12px;border:1px solid #b98e48;border-radius:12px;background:linear-gradient(145deg,#211f1d,#111214);color:#faf8f4;box-shadow:0 18px 70px #000b;overflow:auto}
.page-on-sale .sale-photo-modal::backdrop{background:#050607e8;backdrop-filter:blur(3px)}
.page-on-sale .sale-photo-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.page-on-sale .sale-photo-modal-head h3{font-family:'Kanit',sans-serif;font-size:clamp(17px,2vw,22px);line-height:1.3;margin:0;color:#f2d292}
.page-on-sale .sale-photo-close{flex:none;padding:6px 10px;border:1px solid #987948;border-radius:6px;background:#252320;color:#fff;font:inherit;font-size:12px;cursor:pointer}
.page-on-sale .sale-photo-image{width:auto;height:auto;max-width:100%;max-height:calc(94dvh - 86px);object-fit:contain;margin:auto;border-radius:7px;background:#fff}
.page-on-sale .sale-photo-original{display:block;margin-top:9px;color:#f0cf8f;font-size:12px;text-align:center;text-decoration:underline;text-underline-offset:3px}
.page-on-sale .contact-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;border:1px solid #806133;border-radius:11px;background:linear-gradient(110deg,#221d1b,#161719)}
.page-on-sale .contact-strip .eyebrow{margin-bottom:3px;font-size:10px}
.page-on-sale .contact-strip h2{font-family:'Kanit',sans-serif;margin:0;font-size:22px}
.page-on-sale .contact-strip .lead{font-size:12px;margin:0;line-height:1.5}
.page-on-sale .contact-strip .actions{margin:0;justify-content:flex-end}
.page-on-sale .footer{margin-top:24px;padding:24px 0}
@media(max-width:1199px){.page-on-sale .catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.page-on-sale .hero{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}}
@media(max-width:1023px){.page-on-sale .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.page-on-sale .hero{grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:15px;padding:20px}.page-on-sale .line-panel{grid-template-columns:minmax(0,1fr) 100px;gap:8px;padding:10px}}
@media(max-width:767px){.page-on-sale .catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-on-sale .hero{grid-template-columns:1fr;padding:18px}.page-on-sale .hero h1 em{display:inline}.page-on-sale .line-panel{grid-template-columns:minmax(0,1fr) 110px}.page-on-sale .contact-strip{flex-direction:column;align-items:start}.page-on-sale .contact-strip .actions{justify-content:flex-start}}
@media(max-width:650px){.page-on-sale .header-line{display:none}}
@media(max-width:500px){.page-on-sale .wrap{padding-inline:12px}.page-on-sale .header-row{min-height:65px;gap:8px}.page-on-sale .brand-name{font-size:23px}.page-on-sale .brand small{font-size:9px;letter-spacing:0}.page-on-sale .header-nav{gap:10px;font-size:11px}.page-on-sale .breadcrumb{padding-top:8px;padding-bottom:9px}.page-on-sale .hero{padding:14px;gap:12px}.page-on-sale .hero .eyebrow{font-size:9px}.page-on-sale .hero h1{font-size:29px}.page-on-sale .hero .lead{font-size:12px;margin-bottom:10px}.page-on-sale .hero-actions .button{font-size:11px;min-height:36px;padding:5px 9px}.page-on-sale .meta-line{margin-top:10px;font-size:10px}.page-on-sale .line-panel{grid-template-columns:minmax(0,1fr) 92px}.page-on-sale .line-panel h2{font-size:17px}.page-on-sale .line-panel p{font-size:10px;margin-bottom:6px}.page-on-sale .line-action{font-size:10px;padding:5px 7px}.page-on-sale .qr-field img{border-width:4px}.page-on-sale .qr-field small{font-size:9px}.page-on-sale .catalog-top{margin:17px 0 9px;gap:6px}.page-on-sale .catalog-top h2{font-size:18px}.page-on-sale .catalog-top p{font-size:9px;max-width:135px}.page-on-sale .card-top{padding:7px 6px 0;min-height:30px}.page-on-sale .card-type{font-size:9px}.page-on-sale .badge{font-size:8px;padding:2px 5px}.page-on-sale .plate-stage{padding:5px 5px 1px}.page-on-sale .plate{border-width:2px;border-radius:5px}.page-on-sale .plate-number{font-size:clamp(15px,17cqi,60px)}.page-on-sale .plate-note{font-size:8px}.page-on-sale .card-body{padding:0 6px 6px}.page-on-sale .card-body h3{font-size:clamp(17px,4.5vw,19px)}.page-on-sale .card-body .province{font-size:10px}.page-on-sale .card-facts{gap:2px;margin-bottom:2px}.page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:8px;padding:2px 3px}.page-on-sale .card-price{font-size:clamp(16px,4.5vw,21px)}.page-on-sale .card-price small{font-size:9px}.page-on-sale .card-link{font-size:10px}.page-on-sale .contact-strip{padding:14px}.page-on-sale .contact-strip h2{font-size:18px}.page-on-sale .contact-strip .actions{gap:6px}.page-on-sale .sale-photo-modal{width:calc(100vw - 18px);max-width:calc(100vw - 18px);max-height:92dvh;padding:8px}.page-on-sale .sale-photo-image{max-height:calc(92dvh - 82px)}}
@media(max-width:359px){.page-on-sale .brand-name{font-size:20px}.page-on-sale .badge{font-size:7px}.page-on-sale .card-type{font-size:8px}.page-on-sale .card-price{font-size:14px}.page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:7px}}
@media(prefers-reduced-motion:reduce){.page-on-sale .card{transition:none}.page-on-sale .card:hover{transform:none}}
.page-on-sale .sale-photo-modal[open]{display:block}
/* Optional search enhances the static catalogue; no results depend on JS. */
.page-on-sale [hidden]{display:none!important}
.page-on-sale .plate-search{margin:0 0 14px;padding:12px 14px;border:1px solid #80613375;border-radius:10px;background:#171719}
.page-on-sale .plate-search label{display:block;font-size:13px;font-weight:600;color:#f2d696;margin-bottom:7px}
.page-on-sale .search-controls{display:flex;gap:8px;min-width:0}
.page-on-sale .search-controls input{width:100%;min-width:0;flex:1;border:1px solid #7d6a4c;border-radius:6px;background:#0e0f11;color:#faf8f4;padding:9px 11px;font:inherit;font-size:16px;line-height:1.4}
.page-on-sale .search-controls input::placeholder{color:#b6b2a9;font-size:13px}
.page-on-sale .search-controls button{flex:none;min-height:42px;padding:8px 12px;border:1px solid #a58850;border-radius:6px;background:#29221a;color:#f3d491;font:inherit;font-size:12px;cursor:pointer}
.page-on-sale .search-controls input:focus-visible,.page-on-sale .search-controls button:focus-visible{outline:2px solid #f4cb70;outline-offset:3px}
.page-on-sale .search-help{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;margin-top:7px}
.page-on-sale .search-help p{margin:0;font-size:11px;line-height:1.45;color:#c5bfb3}
.page-on-sale #plate-search-status{color:#f1d18f}
.page-on-sale .card-group{font-size:10px;line-height:1.4;color:#d7c39e;margin:0 0 4px;overflow-wrap:anywhere}
@media(max-width:500px){.page-on-sale .plate-search{padding:10px;margin-bottom:10px}.page-on-sale .search-controls{gap:6px}.page-on-sale .search-controls button{font-size:10px;padding:6px 8px}.page-on-sale .search-controls input{padding:8px}.page-on-sale .search-controls input::placeholder{font-size:11px}.page-on-sale .search-help p{font-size:10px}.page-on-sale .card-group{font-size:9px;margin-bottom:3px}}

/* Compact cards: metadata follows the plate and responds to the card width. */
.page-on-sale .catalog{align-items:stretch;grid-auto-rows:1fr}
.page-on-sale .card{container-type:inline-size;container-name:sale-card;height:100%;min-height:0}
.page-on-sale .plate-stage{padding:8px 8px 5px}
.page-on-sale .card-plate-trigger:focus-visible{outline-offset:-3px;border-radius:9px 9px 0 0}
.page-on-sale .card-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto minmax(27px,1fr);grid-template-areas:"status" "heading" "group" "facts" "price" "link";align-items:start;gap:3px;padding:2px 8px 8px;flex:1;min-width:0;text-align:center}
.page-on-sale .card-body>*{min-width:0;max-width:100%}
.page-on-sale .card-top{grid-area:status;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:0;padding:2px 0 3px;margin:0}
.page-on-sale .card-top .badge{flex:none;gap:4px;font-size:clamp(8px,3.6cqi,10px);line-height:1.35;letter-spacing:.02em;padding:3px 5px}
.page-on-sale .card-top .badge .dot{width:4px;height:4px;flex:none}
.page-on-sale .card-type{min-width:0;flex:1;font-size:clamp(10px,4.1cqi,12px);line-height:1.35;text-align:right;overflow-wrap:anywhere}
.page-on-sale .card-heading{grid-area:heading}
.page-on-sale .card-body h3{font-size:clamp(20px,11.5cqi,26px);line-height:1.2;margin:0;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.page-on-sale .card-body h3 a{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.page-on-sale .card-body .province{font-size:clamp(10px,5.5cqi,12px);line-height:1.35;margin:1px 0 0}
.page-on-sale .card-group{grid-area:group;font-size:clamp(10px,4.8cqi,11px);line-height:1.35;margin:0;overflow-wrap:anywhere}
.page-on-sale .card-facts{grid-area:facts;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;min-height:0;margin:1px 0}
.page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:clamp(9px,4.8cqi,11px);line-height:1.35;padding:2px 4px;white-space:nowrap}
.page-on-sale .sum-stars{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;max-width:100%;white-space:nowrap}
.page-on-sale .plate-stars{display:inline-block;flex:none;color:#f4cb70;font-family:Arial,sans-serif;font-size:clamp(10px,4.8cqi,13px);font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap;text-shadow:0 1px 4px #b0762440}
.page-on-sale .card-price{grid-area:price;font-size:clamp(18px,11.8cqi,28px);line-height:1.3;letter-spacing:-.035em;margin:0;white-space:nowrap;overflow-wrap:normal}
.page-on-sale .card-price small{display:inline;font-size:clamp(10px,5.4cqi,12px);font-weight:400;letter-spacing:0;white-space:nowrap}
.page-on-sale .card-link{grid-area:link;display:flex;align-items:center;align-self:end;justify-content:space-between;gap:4px;min-height:27px;margin:3px 0 0;padding:5px 0 0;font-size:clamp(11px,5.1cqi,13px);line-height:1.35}
.page-on-sale .card-link span:last-child{font-size:16px;flex:none}
@container sale-card (min-width:230px){
  .page-on-sale .card-body{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:auto auto auto auto minmax(27px,1fr);grid-template-areas:"status status" "heading heading" "group price" "facts facts" "link link";column-gap:6px;row-gap:3px;padding:3px 10px 9px;text-align:left;align-items:start}
  .page-on-sale .card-top{padding-bottom:5px;border-bottom:1px solid #a785422e;margin-bottom:2px}
  /* The complete registration owns a full row, never competing with price. */
  .page-on-sale .card-body h3{font-size:clamp(23px,9.5cqi,30px)}
  .page-on-sale .card-body .province{font-size:clamp(11px,4.1cqi,13px)}
  .page-on-sale .card-group{font-size:clamp(10px,3.8cqi,12px)}
  .page-on-sale .card-facts{justify-content:flex-start;align-self:start;margin:0}
  .page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:clamp(9px,3.4cqi,11px);padding:2px 4px}
  .page-on-sale .plate-stars{font-size:clamp(10px,3.8cqi,13px)}
  .page-on-sale .card-price{font-size:clamp(18px,7.4cqi,27px);text-align:right;align-self:center;line-height:1.3}
  .page-on-sale .card-price small{display:inline;font-size:clamp(10px,3.6cqi,12px);line-height:inherit;margin:0}
}

/* Search can return every public plate; the empty query keeps the Sale=True grid. */
.page-on-sale .card{cursor:pointer}
.page-on-sale .card:focus-visible{outline:2px solid #f4cb70;outline-offset:3px}
.page-on-sale .card-body{grid-template-rows:auto auto auto auto auto;grid-template-areas:"status" "heading" "group" "facts" "price";gap:4px}
.page-on-sale .card-link{display:none!important}
@container sale-card (min-width:230px){
  .page-on-sale .card-body{grid-template-rows:auto auto auto auto;grid-template-areas:"status status" "heading heading" "group price" "facts facts";gap:4px}
}
.page-on-sale .search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;margin:0 0 22px}
.page-on-sale .inventory-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;min-width:0;padding:12px 14px;border:1px solid #806133;border-radius:9px;background:linear-gradient(145deg,#1e1e20,#151618);color:#f8f4ec;text-decoration:none;box-shadow:0 4px 13px #0006;transition:transform .16s,border-color .16s,box-shadow .16s}
.page-on-sale .inventory-result:hover{transform:translateY(-2px);border-color:#d5aa4e;box-shadow:0 8px 18px #0008}
.page-on-sale .inventory-result:focus-visible{outline:2px solid #f4cb70;outline-offset:3px}
.page-on-sale .inventory-result-copy{display:grid;gap:2px;min-width:0}
.page-on-sale .inventory-result-number{font:600 clamp(17px,4.2vw,21px)/1.25 'Kanit',sans-serif;overflow-wrap:anywhere;color:#f5d27c}
.page-on-sale .inventory-result-province{font-size:12px;line-height:1.4;color:#eee9df}
.page-on-sale .inventory-result-meta{font-size:11px;line-height:1.4;color:#c7c0b4;overflow-wrap:anywhere}
.page-on-sale .inventory-result-price{grid-column:2;grid-row:1/3;text-align:right;white-space:nowrap;color:#f1cc79;font:600 16px/1.3 'Prompt',sans-serif}
.page-on-sale .inventory-result-badge{grid-column:2;grid-row:3;justify-self:end;padding:2px 6px;border:1px solid #605947;border-radius:4px;color:#d7d0bf;font-size:10px;line-height:1.3;white-space:nowrap}
.page-on-sale .inventory-result-badge.is-sale{border-color:#d3545d;background:#9b1420;color:#fff}
@media(max-width:380px){.page-on-sale .search-results{grid-template-columns:1fr}.page-on-sale .inventory-result{padding:10px}.page-on-sale .inventory-result-price{font-size:14px}}

/* V10 readable secondary copy: card container width controls the type scale. */
.page-on-sale .card-body{gap:5px;padding:4px 10px 10px}
.page-on-sale .card-top{gap:7px;padding-bottom:4px}
.page-on-sale .card-top .badge{font-size:clamp(9px,3.8cqi,12px);padding:3px 6px}
.page-on-sale .card-type{font-size:clamp(11px,4.7cqi,15px);line-height:1.4;color:#d8cbb5}
.page-on-sale .card-body .province{font-size:clamp(12px,5cqi,15px);line-height:1.4;color:#d7cfc1}
.page-on-sale .card-group{font-size:clamp(11px,4.6cqi,14px);line-height:1.45;color:#e0cda9}
.page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:clamp(10px,4.4cqi,13px);line-height:1.4;padding:3px 5px}
.page-on-sale .plate-stars{font-size:clamp(12px,5cqi,15px)}
.page-on-sale .card-price small{font-size:clamp(12px,5.2cqi,15px)}
.page-on-sale .inventory-result-meta{font-size:13px;line-height:1.5}
.page-on-sale .inventory-result-province{font-size:13px}
.page-on-sale .search-help p{font-size:12px;line-height:1.5}
.page-on-sale .line-panel p{font-size:13px;line-height:1.6}
.page-on-sale .line-kicker,.page-on-sale .line-action{font-size:12px}
.page-on-sale .contact-strip .lead{font-size:14px}
.page-on-sale .meta-line{font-size:12px}
@container sale-card (min-width:230px){
 .page-on-sale .card-body{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:6px 8px;padding:4px 12px 11px}
 .page-on-sale .card-type{font-size:clamp(12px,4.6cqi,15px)}
 .page-on-sale .card-body .province{font-size:clamp(12px,4.4cqi,15px)}
 .page-on-sale .card-group{font-size:clamp(12px,4.1cqi,14px)}
 .page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:clamp(11px,3.9cqi,13px)}
 .page-on-sale .plate-stars{font-size:clamp(12px,4.5cqi,15px)}
 .page-on-sale .card-price{font-size:clamp(21px,7.9cqi,29px)}
 .page-on-sale .card-price small{font-size:clamp(12px,4.3cqi,15px)}
}
@media(max-width:500px){
 .page-on-sale .card-body{padding:3px 7px 8px;gap:4px}
 .page-on-sale .card-type{font-size:clamp(10px,5cqi,12px)}
 .page-on-sale .card-top .badge{font-size:8px;padding:3px 4px}
 .page-on-sale .card-body .province{font-size:11px}
 .page-on-sale .card-group{font-size:10px}
 .page-on-sale .sum-chip,.page-on-sale .photo-chip{font-size:10px;padding:2px 3px}
 .page-on-sale .plate-stars{font-size:11px}
 .page-on-sale .card-price small{font-size:11px}
 .page-on-sale .search-help p{font-size:11px}
 .page-on-sale .line-panel p{font-size:12px}
 .page-on-sale .meta-line{font-size:11px}
 .page-on-sale .contact-strip .lead{font-size:13px}
}

/* Keep the promotion introduction and every listing close to its content. */
.page-on-sale:not(.page-about) .hero{align-items:center;gap:clamp(12px,2vw,28px);padding:clamp(14px,1.8vw,25px)}
.page-on-sale:not(.page-about) .hero h1{font-size:clamp(29px,3vw,45px);margin-bottom:3px}
.page-on-sale:not(.page-about) .hero h1 em{display:inline}
.page-on-sale .sale-promo{display:inline-flex;align-self:flex-start;margin:0 0 6px;padding:4px 10px;border:1px solid #e1ac49;border-radius:20px;background:#58351a;color:#ffdf81;font:700 clamp(13px,1.3vw,18px)/1.3 'Kanit',sans-serif}
.page-on-sale:not(.page-about) .hero .lead{line-height:1.4;margin-bottom:9px}
.page-on-sale:not(.page-about) .meta-line{margin-top:9px}
.page-on-sale:not(.page-about) .line-panel{align-self:center}
.page-on-sale .qr-field a{display:block;border-radius:7px}
.page-on-sale .qr-field a:focus-visible{outline:3px solid #81eaaa;outline-offset:3px}
.page-on-sale .catalog{align-items:start;grid-auto-rows:auto}
.page-on-sale .card{height:auto;align-self:start}
.page-on-sale .card-body{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,min-content);grid-template-areas:"status" "heading" "group" "facts" "price";gap:3px;padding:3px 8px 8px;text-align:left;align-items:start}
.page-on-sale .card-top{padding:1px 0 3px;margin:0}
.page-on-sale .card-group{margin:0}
.page-on-sale .card-facts{justify-content:flex-start;margin:0}
.page-on-sale .card-price{text-align:left;align-self:start;margin:0;line-height:1.2}
@container sale-card (min-width:300px){
 .page-on-sale .card-body{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:repeat(4,min-content);grid-template-areas:"status status" "heading heading" "group price" "facts facts";column-gap:8px;row-gap:3px;padding:4px 10px 9px}
 .page-on-sale .card-price{text-align:right;white-space:nowrap}
}
#maha-sale-sentinel{grid-column:1/-1;width:100%;height:1px;pointer-events:none}
.page-on-sale .sale-more-controls{grid-column:1/-1;display:grid;justify-items:center;gap:8px;padding:20px 10px 10px;text-align:center}
.page-on-sale .sale-more-controls[hidden],.page-on-sale .sale-more-controls button[hidden]{display:none}
.page-on-sale .sale-more-controls button{min-height:48px;max-width:100%;padding:12px 26px;border:1px solid #e8c675;border-radius:10px;background:linear-gradient(135deg,#eed08a,#bc8736);box-shadow:0 4px 16px #0005;color:#211609;font:600 clamp(15px,1.3vw,18px)/1.5 'Kanit',sans-serif;cursor:pointer}
.page-on-sale .sale-more-controls button:hover{background:linear-gradient(135deg,#ffe4a6,#dba94f)}
.page-on-sale .sale-more-controls button:focus-visible{outline:3px solid #fff3d1;outline-offset:4px}
.page-on-sale .sale-more-controls button:disabled{opacity:.7;cursor:wait}
.page-on-sale .sale-more-controls p{margin:0;color:#d7c39b;font-size:13px;line-height:1.6}

/* Three independent motorcycle rows; compact listing content. */
.page-on-sale .motorcycle .plate-number{line-height:1;white-space:nowrap;font-size:clamp(16px,14cqi,44px);letter-spacing:0}
.page-on-sale .motorcycle .plate-top{top:12%;bottom:auto}
.page-on-sale .motorcycle .plate-province{top:44%;bottom:auto;left:50%;transform:translateX(-50%);width:94%;font-size:clamp(8px,11.4cqi,28px);line-height:1.15;white-space:nowrap}
.page-on-sale .motorcycle .plate-bottom{top:66%;bottom:auto}
.page-on-sale .card-body{flex:none;gap:2px;padding-bottom:6px;grid-template-rows:auto;grid-auto-rows:min-content}
.page-on-sale .card-top{min-height:0;padding:0 0 2px;line-height:1.25}
.page-on-sale .card-heading,.page-on-sale .card-group,.page-on-sale .card-facts,.page-on-sale .card-inventory{margin:0;line-height:1.3}
.page-on-sale .card-inventory{grid-column:1/-1}
.page-on-sale .card-facts{flex-wrap:wrap;gap:2px 4px}
.page-on-sale .card-price{max-width:100%;overflow-wrap:anywhere}

#sale-load-more::after{content:'⌄';display:inline-block;margin-left:12px;font-size:1.5em;font-weight:700;line-height:.7;vertical-align:middle}
#sale-load-more{display:inline-flex;align-items:center;justify-content:center}