.orders-page .orders-page-hero .page-hero-box{
  max-width:1080px;
}

.orders-page .orders-hero-notes{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}

.orders-page .orders-hero-notes span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.065);
  color:inherit;
  font-size:12px;
}

.orders-page .orders-head .lead{
  max-width:850px;
}

.orders-page .orders-status{
  margin:0 0 22px;
  color:#5f6368;
  font-size:14px;
}

.orders-page .orders-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}

.orders-page .orders-grid>.portfolio-card{
  min-width:0;
  height:100%;
}

@media(max-width:1050px){
  .orders-page .orders-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .orders-page .orders-section{
    padding-top:20px;
    padding-bottom:calc(36px + env(safe-area-inset-bottom));
  }

  .orders-page .orders-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .orders-page .orders-status{
    margin-bottom:16px;
    font-size:14px;
    line-height:1.45;
  }

  .orders-page .orders-hero-notes{
    gap:7px;
    margin-top:16px;
  }

  .orders-page .orders-hero-notes span{
    padding:7px 9px;
    font-size:11px;
    line-height:1.25;
  }

  .orders-page .portfolio-card .catalog-v2-main{
    aspect-ratio:4/3!important;
  }

  .orders-page .portfolio-card .catalog-v2-card-body{
    padding:14px!important;
  }

  .orders-page .portfolio-card .catalog-v2-card-title{
    min-height:0!important;
    font-size:17px!important;
  }

  .orders-page .portfolio-card .catalog-v2-thumbs{
    scroll-snap-type:x proximity;
    padding:8px 9px 9px!important;
  }

  .orders-page .portfolio-card .catalog-v2-thumb{
    flex-basis:48px!important;
    width:48px!important;
    height:36px!important;
    scroll-snap-align:start;
  }

  .orders-page .portfolio-card .catalog-v2-open{
    min-height:46px;
    touch-action:manipulation;
  }

  .orders-page .catalog-v2-modal{
    padding:0;
  }

  .orders-page .catalog-v2-modal-panel{
    width:100%;
    min-height:100dvh;
    margin:0;
    padding:16px 14px calc(28px + env(safe-area-inset-bottom));
    border:0;
    border-radius:0;
  }

  .orders-page .catalog-v2-modal-close{
    top:max(8px,env(safe-area-inset-top));
  }

  .orders-page .catalog-v2-modal-main{
    border-radius:16px;
  }

  .orders-page .catalog-v2-modal-thumbs{
    margin-top:8px;
    border-radius:12px;
  }
}