/* JobLik 0.33.92 — final spacing/proportion polish for global automotive gallery identity.
   Structural markup from 0.33.91 is preserved. This file only fine-tunes balance and responsive density. */

@media (min-width:1100px){
  .automotive-gallery-only .agi-card.agi-global-public{
    grid-template-columns:205px minmax(560px,1.55fr) 230px minmax(390px,1fr)!important;
    height:124px!important;
    min-height:124px!important;
    padding:10px 12px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-qr-wrap{
    padding:0 12px 0 6px!important;
    gap:8px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-qr-wrap img{
    width:88px!important;height:88px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-qr-wrap>span{
    min-width:68px!important;
  }

  .automotive-gallery-only .agi-card.agi-global-public .agi-public-sharebox{
    width:calc(100% - 20px)!important;
    height:92px!important;
    margin:0 10px!important;
    border-radius:10px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-share-row{
    grid-template-columns:50px minmax(0,1fr) 70px!important;
    gap:9px!important;
    padding:0 10px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-share-row>button{
    width:50px!important;min-width:50px!important;height:30px!important;border-radius:7px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-share-row>a,
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-share-row>b{
    font-size:11.5px!important;
  }

  .automotive-gallery-only .agi-card.agi-global-public .agi-global-actions{
    gap:7px!important;
    padding:0 8px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-global-action{
    min-width:96px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
  }

  .automotive-gallery-only .agi-card.agi-global-public .agi-title{
    padding:8px 16px 8px 20px!important;
    align-items:flex-start!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-title strong{
    font-size:15.5px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-title small{
    margin-top:2px!important;
  }
}

/* Medium desktop/tablet landscape: keep one row, avoid overflow. */
@media (min-width:768px) and (max-width:1099px){
  .automotive-gallery-only .agi-card.agi-global-public{
    grid-template-columns:175px minmax(390px,1.45fr) 200px minmax(300px,1fr)!important;
    height:124px!important;min-height:124px!important;
    padding:9px 10px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-qr-wrap{
    gap:6px!important;padding:0 8px 0 4px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-qr-wrap img{width:82px!important;height:82px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-qr-wrap>span{min-width:58px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-sharebox{
    width:calc(100% - 16px)!important;height:90px!important;margin:0 8px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-share-row{
    grid-template-columns:46px minmax(0,1fr) 64px!important;gap:7px!important;padding:0 8px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-share-row>button{width:46px!important;min-width:46px!important;height:30px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-global-actions{gap:6px!important;padding:0 6px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-global-action{min-width:86px!important;height:36px!important;padding:0 8px!important;font-size:10.5px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-title{padding:7px 12px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-title strong{font-size:14px!important}
}

/* Mobile: preserve 0.33.91 architecture and only tighten spacing/typography. */
@media (max-width:767px){
  .automotive-gallery-only .agi-card.agi-global-public{
    gap:7px 9px!important;
    padding:8px 9px 9px!important;
    margin-bottom:64px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-title{
    padding:3px 6px 3px 2px!important;
  }
  .automotive-gallery-only .agi-card.agi-global-public .agi-title .agi-kicker{font-size:9px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-title strong{line-height:1.45!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-title small{font-size:9px!important;line-height:1.5!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-sharebox{border-radius:10px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-public-share-row{padding:6px 7px!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-global-actions{top:calc(100% + 8px)!important}
  .automotive-gallery-only .agi-card.agi-global-public .agi-global-action{height:35px!important}
}