/* ── Outfit Quickview — desktop ≥992px ── */

@media(min-width:992px){

/* Scrim */
.oqv-scrim{
  position:fixed;inset:0;z-index:9990;
  background:rgba(250,247,243,.55);
  backdrop-filter:blur(18px) saturate(1.1);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
  opacity:0;pointer-events:none;transition:opacity .35s ease;
}
.oqv-scrim.show{opacity:1;pointer-events:auto}

/* Modal */
.oqv{
  position:fixed;top:50%;left:50%;z-index:9995;
  transform:translate(-50%,-46%) scale(.97);
  opacity:0;pointer-events:none;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease;
  width:1120px;max-width:calc(100vw - 48px);
  max-height:min(780px, calc(100vh - 48px));
  background:rgba(255,255,255,.97);
  box-shadow:0 40px 100px -30px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.04);
  backdrop-filter:blur(24px);
  display:flex;flex-direction:column;overflow:hidden;
  font-family:inherit;
}
.oqv.show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}

/* Close */
.oqv-close{
  position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;background:transparent;
  font-size:20px;cursor:pointer;color:#1a1a1a;line-height:1;z-index:6;
  display:flex;align-items:center;justify-content:center;
}
.oqv-close:hover{opacity:.5}

/* Header */
.oqv-head{
  padding:24px 36px 20px;border-bottom:1px solid #f0f0f0;
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-right:60px;
}
.oqv-head-left .oqv-eyebrow{
  font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:#999;margin-bottom:8px;font-weight:600;
}
.oqv-head-left h3{
  font-size:20px;letter-spacing:.04em;font-weight:600;margin:0;text-transform:uppercase;line-height:1.25;
}
.oqv-head-right{
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#888;font-weight:500;
  text-align:right;line-height:1.55;max-width:300px;
}
.oqv-head-right b{color:#1a1a1a;font-weight:600}

/* Body grid */
.oqv-body{
  display:grid;grid-template-columns:minmax(380px,1.05fr) 1.4fr;gap:0;
  flex:1;overflow:hidden;min-height:0;
}

/* Hero image */
.oqv-hero{
  position:relative;overflow:hidden;min-height:560px;
  background:#f0ebe6 center/cover no-repeat;
}
.oqv-hero-link{
  position:absolute;left:16px;bottom:16px;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  color:#1a1a1a;background:rgba(255,255,255,.92);padding:10px 14px;
  backdrop-filter:blur(6px);cursor:pointer;text-decoration:none;
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;transition:background .2s;
}
.oqv-hero-link:hover{background:#1a1a1a;color:#fff}

/* Items list */
.oqv-list{
  overflow-y:auto;padding:20px 28px 24px;
  display:flex;flex-direction:column;gap:12px;
  scrollbar-width:thin;scrollbar-color:#ccc transparent;
  max-height:calc(min(780px, calc(100vh - 48px)) - 200px);
}
.oqv-list::-webkit-scrollbar{width:6px}
.oqv-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}
.oqv-list{
  -webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 40px), transparent 100%);
  mask-image:linear-gradient(to bottom, #000 calc(100% - 40px), transparent 100%);
}
.oqv-list:not(.scrolled-bottom){padding-bottom:48px}

.oqv-listhead{
  font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;
  color:#999;font-weight:600;padding:4px 2px 6px;
  display:flex;justify-content:space-between;align-items:center;
}
.oqv-listhead .n{color:#1a1a1a}

/* Item card */
.oqv-item{
  display:grid;grid-template-columns:92px 1fr;gap:18px;
  padding:14px;background:#fff;
  border:1.5px solid #ececec;
  transition:all .25s ease;align-items:center;position:relative;
}
.oqv-item:hover{border-color:#c7c7c7}
.oqv-item.viewing{background:#fafafa}
.oqv-item.selected{
  border-color:#1a1a1a;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.18);
}
.oqv-item.selected::before{
  content:"";position:absolute;top:10px;right:10px;
  width:20px;height:20px;border-radius:50%;background:#1a1a1a;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'><polyline points='20 6 9 17 4 12'/></svg>");
  background-size:12px 12px;background-position:center;background-repeat:no-repeat;
}

.oqv-thumb{
  aspect-ratio:3/4;background:#f0ebe6 center/cover no-repeat;
}
.oqv-info{display:flex;flex-direction:column;gap:8px;min-width:0;padding-right:24px}
.oqv-name{
  font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;
  line-height:1.45;color:#474747;margin:0;
}
.oqv-prrow{display:flex;align-items:center;gap:12px;justify-content:space-between}
.oqv-pr{font-size:13.5px;font-weight:500;color:#474747;letter-spacing:.01em}
.oqv-pr .price-old{font-size:11px;color:#999;text-decoration:line-through;font-weight:400;margin-left:6px}
.oqv-pr .price-new{color:#1a1a1a}


/* Size buttons — mini version of site's size selector */
.oqv-sizelbl{
  font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:#999;font-weight:600;margin-top:2px;
}
.oqv-sizes{display:flex;gap:5px;flex-wrap:wrap}
.oqv-sizes button{
  min-width:32px;height:32px;padding:0 6px;
  border:1px solid #e2e2e2;background:#fff;font:inherit;
  font-size:10.5px;font-weight:500;cursor:pointer;color:#1a1a1a;
  transition:all .15s;letter-spacing:.02em;position:relative;
}
.oqv-sizes button:hover{border-color:#1a1a1a}
.oqv-sizes button.sel{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.oqv-sizes button.oos{color:#ccc;text-decoration:line-through;cursor:not-allowed}
.oqv-sizes button.oos:hover{border-color:#e2e2e2}
.oqv-sizes button.limited{position:relative}
.oqv-sizes button.limited::after{
  content:"";position:absolute;top:3px;right:3px;
  width:5px;height:5px;border-radius:50%;background:#e8a87c;
}

/* Footer */
.oqv-foot{
  padding:18px 36px 22px;border-top:1px solid #f0f0f0;
  background:rgba(250,250,250,.7);
  display:flex;justify-content:space-between;align-items:center;gap:22px;
}
.oqv-totals{display:flex;flex-direction:column;gap:3px;min-width:200px}
.oqv-tot-l{
  font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#999;font-weight:600;
}
.oqv-tot-v{font-size:22px;font-weight:600;letter-spacing:.01em;color:#1a1a1a;line-height:1.1;min-height:26px}
.oqv-tot-v.empty{color:#ccc;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}

.oqv-add{
  background:#1a1a1a;color:#fff;border:0;padding:16px 38px;font:inherit;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;cursor:pointer;
  min-width:280px;transition:all .2s;position:relative;
}
.oqv-add:hover:not(:disabled){background:#000}
.oqv-add:disabled{background:#c4c4c4;cursor:not-allowed}
.oqv-add small{
  display:block;font-size:8.5px;letter-spacing:.2em;font-weight:500;
  opacity:.7;margin-top:3px;
}

/* Loading state */
.oqv-loading{
  display:flex;align-items:center;justify-content:center;
  min-height:400px;font-size:10px;letter-spacing:.3em;
  text-transform:uppercase;color:#999;font-weight:600;
}


.oqv-viewing{
  font-size:8px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;
  color:#fff;background:#a5a5a5;padding:3px 8px;white-space:nowrap;
}

.oqv-name-link{
  text-decoration:none;color:#474747;display:block;
  font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;
  line-height:1.45;margin:0;
}
.oqv-name-link:hover{text-decoration:underline;text-underline-offset:3px}
.oqv-thumb-link{display:block;cursor:pointer}

.oqv-hero-photos{
  display:block;font-size:9px;font-weight:400;letter-spacing:.08em;
  color:rgba(26,26,26,.45);text-transform:none;margin-top:3px;
}
.oqv-hero-link:hover .oqv-hero-photos{color:rgba(255,255,255,.5)}

} /* end @media min-width:992px */