/* MiAuto V17 — fotografía primero, filtros compactos y estados públicos dinámicos.
   Complemento acotado: no modifica ni genera archivos del banco de imágenes. */

/* CABECERA Y PÁGINA DE CATÁLOGO */
.mi17.mi-v17-catalog-page{background:#151819;color:#f7f5f0}
.mi17.mi-v17-catalog-page .mi-header{background:#151819f5;box-shadow:none;border-bottom:1px solid #ffffff16}
.mi17 .mi17-catalog{
  background:linear-gradient(180deg,#202426 0,#171b1d 290px,#151819 660px);
  min-height:74svh;max-width:none;
  padding:clamp(34px,5vw,70px) var(--gutter) clamp(70px,7vw,112px);
}
.mi17 .mi17-catalog-heading{max-width:1640px;margin:0 auto 24px}
.mi17 .mi17-catalog-heading .mi-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0}
.mi17 .mi17-catalog-heading h1{
  margin:0;color:#f5f1eb;font-weight:480;letter-spacing:-.061em;
  line-height:1.02;font-size:clamp(38px,4.45vw,70px);
}
.mi17 .mi17-request{font-size:13px;color:#eee8df;gap:13px;white-space:nowrap}
.mi17 .mi17-filters{
  max-width:1640px;margin:0 auto 17px;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(200px,310px);gap:12px;
  align-items:stretch;
}
.mi17 .mi17-search-main{min-width:0;display:flex;align-items:center;gap:0;
  border:1px solid #ffffff32;border-radius:100px;background:#252a2c;overflow:hidden;
  transition:border-color .2s,background .2s;
}
.mi17 .mi17-search-main:focus-within{border-color:#e5c8b6;background:#2a2f31}
.mi17 .mi17-filters .mi17-search-main input{
  flex:1 1 auto;width:0;min-width:0;height:56px;min-height:56px;
  border:0;outline:0;background:transparent;color:#fff;
  border-radius:0;padding:0 22px;font-size:15px;
}
.mi17 .mi17-filters .mi17-search-main input:focus-visible{outline:none}
.mi17 .mi17-filters .mi17-search-main input::placeholder{color:#c0bfbb;opacity:1}
.mi17 .mi17-search-submit{height:44px;min-width:108px;margin:5px 6px 5px 0;
  border-radius:100px;border:0;background:#f3eee6;color:#192022;
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  padding:0 17px;font-size:13px;font-weight:660;flex:none;
  transition:background .2s,transform .2s;
}
.mi17 .mi17-search-submit:hover{background:#fff}
.mi17 .mi17-search-submit svg{width:17px;height:17px}
.mi17 .mi17-select-wrap{position:relative;display:block;min-width:0}
.mi17 .mi17-filters .mi17-select-wrap select{
  display:block;cursor:pointer;width:100%;height:56px;min-height:56px;
  padding:0 42px 0 21px;border:1px solid #ffffff32;border-radius:100px;
  background:#252a2c;color:#f3eee6;font-size:14px;line-height:1.2;
  appearance:none;-webkit-appearance:none;
}
.mi17 .mi17-select-wrap:after{
  content:"";position:absolute;right:20px;top:22px;
  width:9px;height:9px;border-right:1.5px solid #e0ded5;
  border-bottom:1.5px solid #e0ded5;transform:rotate(45deg);pointer-events:none;
}
.mi17 .mi17-result-count{max-width:1640px;margin:0 auto 19px;
  font-size:11px;line-height:1.8;font-weight:500;letter-spacing:.04em;color:#b2b4b1;
}
.mi17 .mi17-catalog-grid{max-width:1640px;margin-inline:auto;gap:clamp(12px,1.7vw,24px);
  grid-template-columns:repeat(2,minmax(0,1fr))}
.mi17 .mi17-catalog-grid.is-single{grid-template-columns:minmax(0,1fr);max-width:1160px}
.mi17 .mi17-empty{max-width:1640px;margin:auto;padding:70px 0 100px;text-align:left}
.mi17 .mi17-empty h2{max-width:520px;font-size:clamp(28px,3vw,45px);font-weight:480;margin-bottom:26px}

/* TARJETA: no existe una zona de texto adicional ni chip de "Disponible". */
.mi17 .mi17-card{
  background:#14191a;border:1px solid #ffffff1f;border-radius:16px;
  overflow:hidden;box-shadow:none;transform:none;
  position:relative;isolation:isolate;
}
.mi17 .mi17-card:hover{border-color:#ffffff62;transform:none}
.mi17 .mi17-card .mi-v15-card-link{display:block;min-height:0;height:100%;width:100%;flex:1 1 auto}
.mi17 .mi17-card .mi-v15-card-photo{
  display:block;position:relative;aspect-ratio:1.67;min-height:0;
  width:100%;height:auto;max-height:none;
  background:#23282b;overflow:hidden;
}
.mi17 .mi17-card .mi-v15-card-photo img,
.mi17 .mi17-card.is-portrait .mi-v15-card-photo img{
  display:block;position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 50%;padding:0;
  filter:saturate(.97) contrast(1.025);
  transform:scale(1);transition:transform .55s ease;
}
.mi17 .mi17-card:hover .mi-v15-card-photo img{transform:scale(1.016)}
.mi17 .mi17-card .mi-v15-card-photo:after{
  content:"";position:absolute;z-index:1;inset:30% 0 0;
  background:linear-gradient(180deg,transparent 0%,#0a0e111a 24%,#080c0faa 69%,#080d10ed 100%);
  pointer-events:none;
}
.mi17 .mi17-card .mi-v16-card-overlay{
  position:absolute;z-index:3;inset:auto clamp(18px,2.1vw,31px) clamp(16px,2.1vw,28px);
  padding:0;color:#fff9f2;text-shadow:0 1px 12px #0007;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 15px;
  align-items:end;
}
.mi17 .mi17-card .mi-v16-card-brand{
  grid-column:1/-1;font-size:10px;font-weight:660;letter-spacing:.22em;color:#efddd2;
  line-height:1.6;margin-bottom:7px;
}
.mi17 .mi17-card .mi-v16-card-overlay h3{
  grid-column:1/-1;font-weight:540;line-height:1.075;
  font-size:clamp(24px,2.5vw,41px);letter-spacing:-.05em;margin:0 0 8px;
}
.mi17 .mi17-card .mi17-card-specs{
  grid-column:1;grid-row:3;font-size:clamp(11px,1vw,14px);line-height:1.45;
  color:#eeeae4;margin:0;display:block;min-width:0;overflow-wrap:anywhere;
}
.mi17 .mi17-card .mi17-card-specs>span{padding:0 6px;color:#d48e76}
.mi17 .mi17-card .mi17-card-specs strong{font-weight:650;color:#fffaf2}
.mi17 .mi17-card-view{
  grid-column:2;grid-row:2/4;justify-self:end;align-self:end;
  display:inline-flex;align-items:center;gap:14px;white-space:nowrap;
  font-size:12px;font-weight:580;color:#f9f4ed;
}
.mi17 .mi17-card-view svg{
  width:39px;height:39px;padding:10px;flex:none;border-radius:50%;
  border:1px solid #ffffff91;background:#111a1d3f;
  transition:background .2s,transform .2s;
}
.mi17 .mi17-card:hover .mi17-card-view svg{background:#f5f0e7;color:#181c1e;transform:translateX(2px)}
.mi17 .mi17-card-state{
  position:absolute;z-index:4;top:15px;left:16px;
  border:1px solid #ffffff80;border-radius:100px;
  display:inline-flex;align-items:center;padding:8px 12px;
  background:#14191bd1;color:#f6f2e9;font-size:11px;
  font-weight:650;letter-spacing:.025em;backdrop-filter:blur(7px);
}
.mi17 .mi17-card-state.is-sold{background:#342420e0;border-color:#e2a28a9e}
.mi17 .mi17-card-state.is-reserved{background:#23282ada;border-color:#e3d3aa8c}
/* Cards in the homepage carousel share the same polished presentation. */
.mi17 .mi-v16-rail .mi17-card{flex-basis:clamp(316px,44vw,680px)}
.mi17 .mi-v16-rail.is-single .mi17-card{flex-basis:min(100%,1050px)}
.mi17 .mi-v16-rail .mi17-card .mi-v15-card-photo{aspect-ratio:1.66;min-height:0}
/* The listing image is a horizontal WebP; never use the letterboxed cover for the stage. */
.mi17 .mi-v15-detail-stage img{object-fit:cover;object-position:center}
.mi17 .mi-v15-detail-status{
  background:transparent;border:0;border-radius:0;padding:0;font-size:12px;
  line-height:1.4;font-weight:500;color:#e4e2da;gap:10px;
}
.mi17 .mi-v15-detail-status[data-status="reserved"] .mi-v15-dot{background:#e4b87a;box-shadow:0 0 0 3px #e4b87a28}
.mi17 .mi-v15-detail-status[data-status="sold"] .mi-v15-dot{background:#c2aaa1;box-shadow:0 0 0 3px #c2aaa128}

@media(min-width:1200px){
  .mi17 .mi17-catalog-grid:not(.is-single){grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi17 .mi17-catalog-grid.is-single .mi17-card .mi-v15-card-photo{aspect-ratio:1.77;max-height:660px}
}
@media(max-width:850px){
  .mi17 .mi17-catalog-grid:not(.is-single){grid-template-columns:1fr}
  .mi17 .mi17-filters{grid-template-columns:minmax(0,1fr) minmax(160px,240px)}
  .mi17 .mi17-card .mi-v15-card-photo{aspect-ratio:1.56}
  .mi17 .mi17-card-view{font-size:0;gap:0}
}
@media(max-width:600px){
  .mi17.mi-v17-catalog-page .mi-header{height:60px;padding-inline:17px}
  .mi17.mi-v17-catalog-page .mi-logo strong{font-size:27px}
  .mi17.mi-v17-catalog-page .mi-header-actions{gap:3px}
  .mi17.mi-v17-catalog-page .mi-header-request{display:none}
  .mi17 .mi17-catalog{
    padding:28px 13px 66px;background:linear-gradient(180deg,#202426 0,#151819 330px);
  }
  .mi17 .mi17-catalog-heading{padding:0 7px;margin-bottom:22px}
  .mi17 .mi17-catalog-heading .mi-section-head{display:block;margin:0}
  .mi17 .mi17-catalog-heading h1{font-size:clamp(34px,9.2vw,46px);line-height:1.045;letter-spacing:-.06em}
  .mi17 .mi17-request{display:none}
  .mi17 .mi17-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:0 0 14px}
  .mi17 .mi17-search-main{height:51px}
  .mi17 .mi17-filters .mi17-search-main input{height:49px;min-height:49px;padding:0 14px 0 18px;font-size:14px}
  .mi17 .mi17-search-submit{
    height:39px;width:43px;min-width:43px;margin:5px 5px 5px 0;
    padding:0;display:grid;place-items:center;
  }
  .mi17 .mi17-search-submit span{display:none}
  .mi17 .mi17-search-submit svg{width:19px;height:19px}
  .mi17 .mi17-filters .mi17-select-wrap select{
    height:43px;min-height:43px;font-size:13px;padding-left:18px;background:#222729;
  }
  .mi17 .mi17-select-wrap:after{top:15px;right:19px}
  .mi17 .mi17-result-count{padding:0 7px;margin-bottom:12px;font-size:11px}
  .mi17 .mi17-catalog-grid,.mi17 .mi17-catalog-grid.is-single{grid-template-columns:minmax(0,1fr);gap:15px}
  .mi17 .mi17-card{border-radius:12px}
  .mi17 .mi17-card .mi-v15-card-photo,
  .mi17 .mi17-catalog-grid.is-single .mi17-card .mi-v15-card-photo{
    aspect-ratio:1.38;min-height:0;max-height:none;height:auto;
  }
  .mi17 .mi17-card .mi-v15-card-photo img{object-position:50% 46%}
  .mi17 .mi17-card .mi-v15-card-photo:after{inset:29% 0 0;background:linear-gradient(180deg,transparent,#080c0f21 31%,#070c0fc7 76%,#080c10ef)}
  .mi17 .mi17-card .mi-v16-card-overlay{inset:auto 15px 15px;gap:0 8px}
  .mi17 .mi17-card .mi-v16-card-brand{font-size:9px;margin-bottom:4px;letter-spacing:.17em}
  .mi17 .mi17-card .mi-v16-card-overlay h3{font-size:clamp(24px,7vw,32px);margin-bottom:8px}
  .mi17 .mi17-card .mi17-card-specs{font-size:11px;line-height:1.55;padding-right:0}
  .mi17 .mi17-card .mi17-card-specs>span{padding:0 3px}
  .mi17 .mi17-card-view svg{width:37px;height:37px;padding:10px}
  .mi17 .mi17-card-state{top:11px;left:11px;font-size:10px;padding:7px 10px}
  .mi17 .mi-v16-rail .mi17-card{flex-basis:min(89vw,460px)}
  .mi17 .mi-v16-rail .mi17-card .mi-v15-card-photo{aspect-ratio:1.3;min-height:0}
  .mi17 .mi17-empty{padding:42px 7px}
  .mi17 .mi17-empty h2{font-size:27px}
}
@media(max-width:340px){
  .mi17 .mi17-catalog{padding-inline:10px}
  .mi17 .mi17-card .mi-v15-card-photo{aspect-ratio:1.22}
  .mi17 .mi17-card .mi-v16-card-overlay h3{font-size:22px}
  .mi17 .mi17-card .mi17-card-specs{font-size:10px}
  .mi17 .mi17-card-view svg{width:32px;height:32px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
  .mi17 .mi17-card .mi-v15-card-photo img{transition:none}
  .mi17 .mi17-card:hover .mi-v15-card-photo img{transform:none}
}


/* V17.1 – Fix mobile filter wrapping against legacy high-specificity V15 rules. */
.mi17 .mi-v15-catalog .mi-catalog-filters.mi17-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,310px);align-items:stretch;margin:0 auto 17px;gap:12px}
.mi17 .mi-v15-catalog .mi17-filters .mi17-select-wrap{min-width:0;flex:none}
.mi17 .mi-v15-catalog .mi17-filters .mi17-search-submit{flex:none}
.mi17 .mi-v15-catalog .mi17-filters .mi17-search-main input{flex:1 1 auto;width:0;min-width:0;box-shadow:none}
.mi17 .mi-v15-catalog .mi17-filters .mi17-search-main input:focus{border:0;box-shadow:none}
.mi17 .mi-v15-catalog .mi17-filters .mi17-select-wrap select{width:100%}
@media(max-width:850px){.mi17 .mi-v15-catalog .mi-catalog-filters.mi17-filters{grid-template-columns:minmax(0,1fr) minmax(160px,240px)}}
@media(max-width:600px){
  .mi17 .mi-v15-catalog .mi-catalog-filters.mi17-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:14px}
  .mi17 .mi-v15-catalog .mi17-filters .mi17-search-main{width:100%;min-width:0;flex:none}
  .mi17 .mi-v15-catalog .mi17-filters .mi17-search-main input{display:block;min-width:0;flex:1 1 auto;padding:0 14px 0 18px}
  .mi17 .mi-v15-catalog .mi17-filters .mi17-search-submit{flex:none;min-width:43px;width:43px}
  .mi17 .mi-v15-catalog .mi17-filters .mi17-select-wrap{flex:none;width:100%}
}
/* duPont-like editorial composition, original MiAuto brand, no dealer/advertising blocks. */
.mi17 .mi17-detail{background:#15191b;color:#f7f4ef;min-height:80svh;padding-bottom:76px}
.mi17 .mi17-detail .mi-v15-breadcrumb{max-width:1740px;margin:0 auto;padding:22px 0 23px;letter-spacing:.01em;font-size:11px}
.mi17 .mi17-detail .mi-v15-detail-top{max-width:1740px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.78fr);gap:clamp(20px,3vw,55px);align-items:start;min-height:0}
.mi17 .mi17-detail .mi-v15-detail-visual{grid-column:1;grid-row:1;padding:0 0 12px;gap:10px;align-self:start}
.mi17 .mi17-detail .mi-v15-detail-copy{grid-column:2;grid-row:1;align-self:start;padding:10px 0 20px;align-items:stretch;min-width:0}
.mi17 .mi17-detail .mi-v15-eyebrow{font-size:10px;color:#aaa8a3;letter-spacing:.13em}
.mi17 .mi17-detail .mi-v15-brand-head{font-size:12px;line-height:1.2;margin:28px 0 4px;text-transform:uppercase;letter-spacing:.2em;color:#ded9cf}
.mi17 .mi17-detail .mi-v15-detail-copy h1{font-size:clamp(33px,3.3vw,55px);font-weight:530;line-height:1.06;margin:8px 0 24px;letter-spacing:-.045em}
.mi17 .mi17-detail .mi-v15-facts{font-size:14px;color:#bbb8b1;gap:10px}
.mi17 .mi17-detail .mi-v15-detail-price{font-size:clamp(26px,2.5vw,38px);font-weight:590;color:#f7f2ea;margin:30px 0 10px}
.mi17 .mi17-detail .mi-v15-detail-status{padding:3px 0;margin-top:0;margin-bottom:5px;color:#c5c4bf;font-size:11px}
.mi17 .mi17-detail .mi-v15-detail-ctas{margin:33px 0 16px;display:flex;flex-direction:column;gap:9px}
.mi17 .mi17-detail .mi-v15-detail-ctas .mi-v15-pill{font-size:13px;line-height:1.3;min-height:51px;justify-content:space-between;width:100%;padding:13px 18px}
.mi17 .mi17-detail .mi-v15-share-actions{display:flex;gap:4px 17px;justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #ffffff21;padding-top:13px}
.mi17 .mi17-detail .mi-v15-share-actions :is(a,button){font-size:11px;color:#cbc8c2;gap:7px}
.mi17 .mi17-detail .mi-v15-detail-stage{aspect-ratio:1.62;min-height:0;height:auto;max-height:none;border:0;border-radius:9px;background:#282c2e;box-shadow:0 22px 55px #0003}
.mi17 .mi17-detail .mi-v15-detail-stage img{object-fit:cover;object-position:center;transform:scale(1);transition:opacity .2s ease,transform .65s cubic-bezier(.18,.8,.26,1)}
.mi17 .mi17-detail .mi-v15-detail-stage:hover img{transform:scale(1.018)}
.mi17 .mi17-detail .mi-v15-detail-stage img.mi17-image-changing{opacity:.24;transform:scale(1.015)}
.mi17 .mi17-detail .mi-v15-stage-hint{bottom:14px;right:14px;font-size:11px;background:#11181bc9;border:1px solid #ffffff43;transition:background .2s}
.mi17 .mi17-detail .mi-v15-detail-stage:hover .mi-v15-stage-hint{background:#f4eee6;color:#222}
.mi17 .mi17-detail .mi-v15-detail-thumbs{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:1px 0 7px}
.mi17 .mi17-detail .mi-v15-detail-thumbs::-webkit-scrollbar{display:none}
.mi17 .mi17-detail .mi-v15-detail-thumbs button{scroll-snap-align:start;flex:0 0 clamp(80px,10vw,145px);height:auto;aspect-ratio:1.6;border-radius:6px;border:1.5px solid transparent;opacity:.58;background:#25292b;transition:border-color .22s,opacity .22s,transform .22s}
.mi17 .mi17-detail .mi-v15-detail-thumbs button:hover{opacity:1}
.mi17 .mi17-detail .mi-v15-detail-thumbs button[aria-pressed=true]{opacity:1;border:2px solid #e4a28d}
.mi17 .mi17-detail .mi-v15-detail-thumbs button img{object-fit:cover;width:100%;height:100%}
.mi17 .mi17-gallery-nav{display:flex;justify-content:space-between;align-items:center;min-height:40px;margin-top:-4px}
.mi17 .mi17-photo-counter{font-size:11px;letter-spacing:.1em;color:#bfbcb7;font-variant-numeric:tabular-nums}
.mi17 .mi17-gallery-arrows{display:flex;gap:7px}
.mi17 .mi17-gallery-arrows button{width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff3c;border-radius:50%;color:#f4f0e9;background:#ffffff09;transition:background .2s,color .2s,transform .2s}
.mi17 .mi17-gallery-arrows button:hover{background:#f5eee6;color:#171d1f;transform:translateY(-2px)}
.mi17 .mi17-gallery-arrows svg{width:18px;height:18px}
.mi17 .mi17-spec-section{max-width:1740px;margin:66px auto 0;border-top:1px solid #ffffff25;padding-top:36px}
.mi17 .mi17-spec-head{margin-bottom:27px}
.mi17 .mi17-kicker{font-size:10px;letter-spacing:.18em;color:#b38a7d;font-weight:650}
.mi17 .mi17-spec-head h2{font-size:clamp(27px,3.2vw,44px);font-weight:510;letter-spacing:-.06em;margin:8px 0 0}
.mi17 .mi17-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px;margin:0}
.mi17 .mi17-spec-grid div{min-width:0;border-bottom:1px solid #ffffff20;padding:18px 2px 20px}
.mi17 .mi17-spec-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#a8a9a7;line-height:1.7;margin-bottom:6px}
.mi17 .mi17-spec-grid dd{font-size:clamp(14px,1.22vw,18px);margin:0;font-weight:540;line-height:1.3;overflow-wrap:anywhere}
.mi17 .mi17-description{max-width:840px;margin:58px 0 20px}
.mi17 .mi17-description h2{font-size:clamp(24px,2.4vw,33px);font-weight:510;letter-spacing:-.046em;margin-bottom:14px}
.mi17 .mi17-description-text{font-size:14px;line-height:1.75;color:#cecac4;overflow-wrap:break-word}
.mi17 .mi17-description-text.is-collapsible:not(.is-expanded){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.mi17 .mi17-description-more{border:0;border-bottom:1px solid #cb9c8b;background:transparent;color:#f2d5c9;padding:9px 0;margin:10px 0 0;display:inline-flex;align-items:center;gap:8px;font-size:12px}
.mi17 .mi17-description-more[hidden]{display:none}
.mi17 .mi17-description-more svg{width:16px;height:16px}
.mi17 .mi17-disclaimer{font-size:11px;line-height:1.7;color:#929996;max-width:840px;border-top:1px solid #ffffff20;padding-top:20px}
.mi17 .mi17-mobile-contact{display:none}
/* Subtle entrance on first paint; respects saved reduced motion preference. */
@media(prefers-reduced-motion:no-preference){
 .mi17 .mi17-card{animation:mi17-card-appear .52s both;animation-delay:0s}
 .mi17 .mi17-card:nth-child(2){animation-delay:.07s}
 .mi17 .mi17-card:nth-child(3){animation-delay:.14s}
 .mi17 .mi17-detail .mi-v15-detail-visual{animation:mi17-photo-in .6s both}
 .mi17 .mi17-detail .mi-v15-detail-copy{animation:mi17-photo-in .55s .12s both}
 @keyframes mi17-card-appear{from{opacity:.75;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
 @keyframes mi17-photo-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:1080px){
 .mi17 .mi17-detail .mi-v15-detail-top{grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);gap:24px}
 .mi17 .mi17-detail .mi-v15-detail-copy h1{font-size:clamp(31px,3.7vw,43px)}
 .mi17 .mi17-detail .mi-v15-detail-ctas{margin-top:20px}
 .mi17 .mi17-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
 .mi17 .mi17-detail{padding:0 15px 115px}
 .mi17 .mi17-detail .mi-v15-breadcrumb{padding:15px 0 17px;gap:8px;font-size:10px}
 .mi17 .mi17-detail .mi-v15-detail-top{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .mi17 .mi17-detail .mi-v15-detail-visual{order:0;padding:0 0 2px;width:100%}
 .mi17 .mi17-detail .mi-v15-detail-copy{order:1;padding:24px 4px 14px;align-items:stretch}
 .mi17 .mi17-detail .mi-v15-detail-stage{aspect-ratio:1.34;min-height:0;border-radius:9px}
 .mi17 .mi17-detail .mi-v15-stage-hint{bottom:9px;right:9px;padding:7px 9px;font-size:10px}
 .mi17 .mi17-detail .mi-v15-detail-thumbs button{flex-basis:90px;height:auto;aspect-ratio:1.45;border-radius:5px}
 .mi17 .mi17-detail .mi-v15-brand-head{margin-top:20px;font-size:11px}
 .mi17 .mi17-detail .mi-v15-detail-copy h1{font-size:clamp(32px,8.6vw,48px);margin:8px 0 12px}
 .mi17 .mi17-detail .mi-v15-facts{font-size:13px}
 .mi17 .mi17-detail .mi-v15-detail-price{margin:20px 0 7px;font-size:30px}
 .mi17 .mi17-detail .mi-v15-detail-ctas{margin:20px 0 10px;flex-direction:column}
 .mi17 .mi17-detail .mi-v15-share-actions{margin-top:10px}
 .mi17 .mi17-spec-section{margin:26px auto 0;padding:24px 4px 0}
 .mi17 .mi17-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
 .mi17 .mi17-description{margin:34px 0 10px}
 .mi17 .mi17-mobile-contact{position:fixed;z-index:48;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#161b1cec;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid #ffffff22;padding:10px 15px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 25px #0003}
 .mi17 .mi17-mobile-contact>span{font-size:clamp(12px,3.5vw,16px);font-weight:570;color:#f1efe7;min-width:0}
 .mi17 .mi17-mobile-contact>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;padding:11px 13px;min-height:44px;border-radius:6px;background:#f4efe7;color:#181c1d;font-size:12px;font-weight:650;white-space:nowrap}
 .mi17 .mi17-mobile-contact>a svg{width:16px;height:16px}
}
@media(max-width:420px){
 .mi17 .mi17-detail{padding-left:11px;padding-right:11px}
 .mi17 .mi17-detail .mi-v15-detail-stage{aspect-ratio:1.34}
 .mi17 .mi17-detail .mi-v15-brand-head{margin-top:16px}
 .mi17 .mi17-detail .mi-v15-detail-ctas .mi-v15-pill{font-size:12px}
 .mi17 .mi17-photo-counter{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .mi17 .mi17-card,.mi17 .mi17-detail .mi-v15-detail-copy,.mi17 .mi17-detail .mi-v15-detail-visual{animation:none!important}
 .mi17 .mi17-detail .mi-v15-detail-stage img{transition:none!important}
 .mi17 .mi17-gallery-arrows button,.mi17 .mi17-detail .mi-v15-detail-thumbs button{transition:none!important}
}
@media print{
 .mi17 .mi17-mobile-contact,.mi17 .mi17-gallery-nav{display:none!important}
 .mi17 .mi17-detail{padding-bottom:0!important;background:#fff!important;color:#111!important}
 .mi17 .mi17-spec-section{border-color:#bbb;break-inside:avoid}
 .mi17 .mi17-spec-grid dt,.mi17 .mi17-spec-grid dd,.mi17 .mi17-description h2,.mi17 .mi17-description-text{color:#111}
}

/* Maintain more of each vehicle in view on narrow screens; no portrait letterboxing. */
@media(max-width:600px){
 .mi17 .mi17-card .mi-v15-card-photo,
 .mi17 .mi17-catalog-grid.is-single .mi17-card .mi-v15-card-photo{aspect-ratio:1.55}
 .mi17 .mi-v16-rail .mi17-card .mi-v15-card-photo{aspect-ratio:1.5}
 .mi17 .mi17-detail .mi-v15-detail-stage{aspect-ratio:1.6}
}
@media(max-width:340px){
 .mi17 .mi17-card .mi-v15-card-photo,
 .mi17 .mi17-catalog-grid.is-single .mi17-card .mi-v15-card-photo{aspect-ratio:1.45}
}