/* JobLik 0.33.88 — global gallery identity refinement.
   Desktop intentionally receives NO override here and falls back to the approved
   base layout from automotive-gallery-identity-v03379.css.
   Scope: /automotive/gallery (.automotive-gallery-only) only. */

@media (max-width:767px){
  .automotive-gallery-only .agi-card{
    position:relative!important;
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:8px 10px!important;
    align-items:center!important;
    width:100%!important;
    margin:10px 0 14px!important;
    padding:9px 10px 10px!important;
    background:#fff!important;
    border:1px solid #dbe5ee!important;
    border-radius:14px!important;
    box-shadow:0 7px 22px rgba(16,41,61,.06)!important;
    overflow:hidden!important;
  }

  .automotive-gallery-only .agi-card:before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:4px!important;
    background:#ff7900!important;
    display:block!important;
  }

  /* Row 1 — QR on the left, gallery identity on the right. */
  .automotive-gallery-only .agi-card .agi-qr-wrap{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#10293d!important;
    box-shadow:none!important;
  }
  .automotive-gallery-only .agi-card .agi-qr-wrap>a{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:2px!important;
    line-height:0!important;
    background:#fff!important;
    border:1px solid #d9e4ec!important;
    border-radius:7px!important;
    box-shadow:none!important;
  }
  .automotive-gallery-only .agi-card .agi-qr-wrap img{
    display:block!important;
    width:94px!important;
    height:94px!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  .automotive-gallery-only .agi-card .agi-qr-wrap>span{display:none!important}

  .automotive-gallery-only .agi-card .agi-title{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 8px 4px 2px!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-align:right!important;
  }
  .automotive-gallery-only .agi-card .agi-kicker{
    margin:0 0 2px!important;
    font-size:9px!important;
    line-height:1.4!important;
    font-weight:900!important;
    color:#ff7900!important;
  }
  .automotive-gallery-only .agi-card .agi-title>div{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }
  .automotive-gallery-only .agi-card .agi-title strong{
    font-size:14px!important;
    line-height:1.5!important;
    color:#10293d!important;
  }
  .automotive-gallery-only .agi-card .agi-title em{
    padding:2px 6px!important;
    border-radius:999px!important;
    background:#fff2e5!important;
    color:#9d5200!important;
    font-size:8px!important;
    line-height:1.5!important;
    font-style:normal!important;
  }
  .automotive-gallery-only .agi-card .agi-title small{
    margin-top:2px!important;
    font-size:9px!important;
    line-height:1.55!important;
    color:#718395!important;
  }

  /* Row 2 — ONE shared box containing unique code + unique link. */
  .automotive-gallery-only .agi-card .agi-fields{
    grid-column:1 / -1!important;
    grid-row:2!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:#f6f9fc!important;
    border:1px solid #dce7ef!important;
    border-radius:11px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .automotive-gallery-only .agi-card .agi-field{
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 9px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .automotive-gallery-only .agi-card .agi-field+.agi-field{
    border-top:1px solid #dfe8ef!important;
  }
  .automotive-gallery-only .agi-card .agi-field>span{
    display:block!important;
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.35!important;
    font-weight:900!important;
    color:#6d7f91!important;
    text-align:right!important;
  }
  .automotive-gallery-only .agi-card .agi-field>div{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
  }
  .automotive-gallery-only .agi-card .agi-field a,
  .automotive-gallery-only .agi-card .agi-field b{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    direction:ltr!important;
    text-align:left!important;
    font-size:10px!important;
    line-height:1.45!important;
    font-weight:900!important;
    color:#10293d!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-decoration:none!important;
  }
  .automotive-gallery-only .agi-card .agi-field button{
    grid-column:1!important;
    grid-row:1!important;
    width:44px!important;
    min-width:44px!important;
    height:32px!important;
    margin:0!important;
    padding:0 6px!important;
    background:#fff!important;
    border:1px solid #cad8e4!important;
    border-radius:8px!important;
    color:#10293d!important;
    font:inherit!important;
    font-size:9px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
}

@media (max-width:390px){
  .automotive-gallery-only .agi-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:7px!important;
    padding-inline:8px!important;
  }
  .automotive-gallery-only .agi-card .agi-qr-wrap img{
    width:80px!important;
    height:80px!important;
  }
  .automotive-gallery-only .agi-card .agi-title strong{font-size:13px!important}
  .automotive-gallery-only .agi-card .agi-title small{font-size:8px!important}
}


/* 0.33.88 — DESKTOP ONLY: merge the unique-code and unique-link cards into
   one shared container, without increasing the current identity-card height.
   The overall 3-column layout (identity | fields | QR) remains unchanged. */
@media (min-width:768px){
  .automotive-gallery-only .agi-card .agi-fields{
    display:grid!important;
    grid-template-columns:minmax(165px,.62fr) minmax(250px,1.38fr)!important;
    gap:0!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#f7fafc!important;
    border:1px solid #e1e9f0!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  .automotive-gallery-only .agi-card .agi-field{
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .automotive-gallery-only .agi-card .agi-code-field{
    border-inline-end:1px solid #e1e9f0!important;
  }
}

/* JobLik 0.33.89 — public global gallery compact header.
   Goal: keep the approved card height while integrating the two gallery actions
   into the same identity card. Desktop layout, left -> right visually:
   QR | unique link+code | actions | gallery identity. */
@media (min-width:768px){
  .automotive-gallery-only .agi-card.agi-public{
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:minmax(300px,1.45fr) minmax(190px,.72fr) minmax(410px,1.85fr) 205px!important;
    grid-template-areas:"title actions fields qr"!important;
    gap:0!important;
    align-items:stretch!important;
    min-height:124px!important;
    height:124px!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-title{
    grid-area:title!important;
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:8px 18px!important;
    border-inline-start:4px solid #ff7900!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-global-actions{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-width:0!important;
    height:100%!important;
    padding:0 14px!important;
    border-inline-start:1px solid #dce5ec!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-global-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:108px!important;
    height:40px!important;
    padding:0 14px!important;
    border:1px solid #ff9a35!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#e66f00!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    font-size:13px!important;
    font-weight:900!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-fields{
    grid-area:fields!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:0!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 14px!important;
    background:transparent!important;
    border:0!important;
    border-inline-start:1px solid #dce5ec!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field{
    flex:1 1 50%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    padding:5px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field+.agi-field{
    border-top:1px solid #e2e9ef!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field>span{
    margin:0 0 2px!important;
    font-size:10px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field>div{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field button{
    grid-column:1!important;
    grid-row:1!important;
    width:52px!important;
    min-width:52px!important;
    height:32px!important;
    padding:0!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field a,
  .automotive-gallery-only .agi-card.agi-public .agi-field b{
    grid-column:2!important;
    grid-row:1!important;
    font-size:11px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap{
    grid-area:qr!important;
    min-width:0!important;
    height:100%!important;
    padding:0 12px 0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#10293d!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap img{
    width:92px!important;
    height:92px!important;
    object-fit:contain!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>span{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    text-align:right!important;
    color:#10293d!important;
    font-size:11px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>span small{
    color:#718395!important;
    font-size:9px!important;
  }
  /* The heading/actions were integrated into the identity card on this page. */
  .automotive-gallery-only .v064-featured-head{display:none!important}
  .automotive-gallery-only .v064-cars-row{
    margin-top:14px!important;
    padding-top:10px!important;
    border-top:1px solid #f0a15b!important;
  }
}

@media (max-width:767px){
  .automotive-gallery-only .agi-card.agi-public .agi-global-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-global-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    height:36px!important;
    padding:0 8px!important;
    border:1px solid #ff9a35!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#e66f00!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:900!important;
  }
  .automotive-gallery-only .agi-card.agi-public{
    grid-template-rows:auto auto auto!important;
  }
  .automotive-gallery-only .v064-featured-head{display:none!important}
  .automotive-gallery-only .v064-cars-row{
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid #f0a15b!important;
  }
}