/* V3 1.1.5 — mobile collection cards: reserved text and media zones */
@media (max-width:650px) {
  .dn-collections .collection-grid.dn-grid {gap:18px;}
  .dn-collections .collection-grid.dn-grid > .collection-tile {
    min-width:0; min-height:390px; padding:25px 25px 0;
    display:flex; flex-direction:column; align-items:flex-start;
    isolation:isolate;
  }
  .dn-collections .collection-tile > .kicker,
  .dn-collections .collection-tile > h3,
  .dn-collections .collection-tile > .tile-action {
    position:relative; z-index:2; max-width:100%;
  }
  .dn-collections .collection-tile > h3 {
    font-size:clamp(27px,7vw,35px);line-height:1.12;
    margin:9px 0 12px; overflow-wrap:break-word;
  }
  .dn-collections .collection-tile > .tile-action {font-size:13px;}
  .dn-collections .collection-media {
    position:absolute; z-index:1; top:auto; bottom:0; right:12px;
    width:min(80%,320px);height:58%;
    transform:rotate(-4deg);pointer-events:none;
    overflow:hidden;place-items:end center;
  }
  .dn-collections .collection-img {
    width:100%;height:100%;max-width:100%;max-height:100%;
    object-fit:contain;object-position:center bottom;
  }
}
@media (max-width:380px) {
  .dn-collections .collection-grid.dn-grid > .collection-tile {min-height:365px;padding-inline:21px;}
  .dn-collections .collection-media {height:56%;right:7px;}
}