/* Match the visible garment, rather than the transparent canvas dimensions. */
.collar-guide .model-option-compact{
  --shirt-display-height:clamp(200px,21vw,260px);
  display:flex;
  flex-direction:column;
}
.collar-guide .model-option-compact .collar-pictures{
  position:relative;
  height:calc(var(--shirt-display-height) + 36px);
  min-height:calc(var(--shirt-display-height) + 36px);
  padding:18px 16px;
}
.collar-guide .model-option-compact .collar-pictures.single .collar-view{
  width:calc(var(--shirt-display-height) * var(--shirt-ratio));
  max-width:none;
  height:var(--shirt-display-height);
  flex:none;
}
.collar-guide .model-option-compact .collar-crop{
  position:relative;
  width:100%;
  height:100%;
  aspect-ratio:auto;
}
.collar-guide .model-option-compact .collar-crop img{
  position:absolute;
  width:var(--shirt-image-width);
  max-width:none;
  height:var(--shirt-image-height);
  left:var(--shirt-image-left);
  top:var(--shirt-image-top);
  object-fit:contain;
  aspect-ratio:auto;
}
.collar-guide .model-option-compact .model-badge{
  position:absolute;
  z-index:1;
  top:12px;
  right:12px;
  padding:5px 9px;
  border-radius:20px;
  color:#a91425;
  background:#fff;
  border:1px solid #ead5d8;
  font-size:10px;
  font-weight:650;
  line-height:1.3;
}
.collar-guide .model-option-compact .model-option-copy{
  flex:1;
  padding:20px 24px 24px;
  gap:8px;
}
.collar-guide .model-option-compact h3{
  min-height:2.4em;
  margin:0;
  font-size:24px;
  line-height:1.2;
}
.collar-guide .model-option-compact .model-price{
  margin:0;
  font-size:13px;
  line-height:1.4;
}
.collar-guide .model-option-compact .model-price strong{font-size:32px}
.collar-guide .model-option-compact .model-range{
  margin:0 0 8px;
  font-size:13px;
  color:#5b6670;
  font-weight:500;
}
.collar-guide .model-option-compact .btn{
  margin-top:auto;
  min-height:48px;
  padding:13px 16px;
  font-size:13px;
}
@media(max-width:1100px) and (min-width:721px){
  .collar-guide .model-option-compact .model-option-copy{padding:18px 16px 20px}
  .collar-guide .model-option-compact h3{font-size:21px}
  .collar-guide .model-option-compact .model-price strong{font-size:28px}
}
@media(max-width:720px){
  .collar-guide .model-option-compact{--shirt-display-height:235px}
  .collar-guide .model-option-compact .model-option-copy{padding:18px 20px 20px}
  .collar-guide .model-option-compact h3{font-size:23px}
}