/* GTA 1.5 — stili conservati dalla 1.4.x: galleria scheda bici e correzione logo su iPhone */
/* Galleria pubblica nella scheda bici: la foto principale resta quella delle card. */
.g-prod-img{position:relative}
.g-prod-gallery-arrow{position:absolute;top:50%;z-index:6;transform:translateY(-50%);width:44px;height:54px;border:0;border-radius:8px;background:rgba(4,18,28,.76);color:#fff;font:400 38px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:.18s}
.g-prod-gallery-arrow:hover{background:rgba(4,18,28,.94);transform:translateY(-50%) scale(1.04)}
.g-prod-gallery-arrow.prev{left:14px}.g-prod-gallery-arrow.next{right:14px}
.g-prod-gallery-count{position:absolute;z-index:6;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(4,18,28,.74);color:#fff;border-radius:999px;padding:7px 11px;font-size:10px;letter-spacing:1.2px;pointer-events:none}
.g-prod-lightbox{position:fixed!important}
.g-lightbox-arrow{position:fixed;top:50%;z-index:10002;transform:translateY(-50%);width:58px;height:72px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:#fff;border-radius:8px;font:400 48px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(5px)}
.g-lightbox-arrow:hover{background:rgba(0,0,0,.72)}
.g-lightbox-arrow.prev{left:28px}.g-lightbox-arrow.next{right:28px}
.g-lightbox-count{position:fixed;z-index:10002;left:50%;bottom:28px;transform:translateX(-50%);background:rgba(0,0,0,.62);color:#fff;padding:8px 13px;border-radius:999px;font-size:11px;letter-spacing:1.3px}

/* Gestione facoltativa delle foto aggiuntive dall'Area Riservata. */
.g-bike-gallery-admin{max-width:980px}
.g-gallery-upload{display:inline-flex;align-items:center;margin:8px 0 18px;cursor:pointer}.g-gallery-upload input{position:absolute;opacity:0;pointer-events:none}.g-gallery-upload .g-btn{display:inline-flex;align-items:center;cursor:pointer}
.g-gallery-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px}
.g-gallery-admin-item{position:relative;border:1px solid #d9e1e6;background:#fff;border-radius:7px;overflow:hidden;min-height:150px}.g-gallery-admin-item img{display:block;width:100%;height:150px;object-fit:contain;background:#f7f9fa}.g-gallery-admin-item>span{display:block;padding:8px 42px 8px 10px;color:#687984;font-size:10px}.g-gallery-admin-item .g-ic{position:absolute;right:7px;bottom:6px;background:#fff}
@media(max-width:700px){.g-prod-gallery-arrow{width:38px;height:46px;font-size:32px}.g-prod-gallery-arrow.prev{left:8px}.g-prod-gallery-arrow.next{right:8px}.g-lightbox-arrow{width:44px;height:58px;font-size:38px}.g-lightbox-arrow.prev{left:10px}.g-lightbox-arrow.next{right:10px}.g-gallery-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==================================================================
   GTA 1.4.5 — Mobile header/logo fix
   Su Safari/iPhone il logo poteva collassare a larghezza zero perché
   lo span usava solo height + aspect-ratio. Impostiamo una larghezza
   esplicita e manteniamo il rapporto del file tramite mask contain.
   ================================================================== */
@media (max-width:760px){
  body .gta .g-nav-bar{
    height:92px!important;
    padding:0 18px!important;
    gap:12px!important;
    justify-content:space-between!important;
  }
  body .gta .g-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body .gta .g-logo-img{
    display:block!important;
    width:min(42vw,230px)!important;
    height:42px!important;
    min-width:132px!important;
    max-width:230px!important;
    aspect-ratio:auto!important;
    background:var(--logo,#fff)!important;
    -webkit-mask:var(--logo-src) left center/contain no-repeat!important;
    mask:var(--logo-src) left center/contain no-repeat!important;
    flex:0 0 auto!important;
  }
  body .gta .g-nav-right{
    margin-left:auto!important;
    flex:0 0 auto!important;
    gap:12px!important;
  }
  body .gta .g-lang{
    flex:0 0 auto!important;
  }
  body .gta .g-burger{
    flex:0 0 auto!important;
    width:42px!important;
    height:42px!important;
    padding:8px!important;
    display:grid!important;
    place-items:center!important;
  }
}
@media (max-width:390px){
  body .gta .g-nav-bar{padding:0 12px!important;gap:8px!important}
  body .gta .g-logo-img{width:36vw!important;min-width:118px!important;height:36px!important}
  body .gta .g-nav-right{gap:7px!important}
  body .gta .g-lang{padding-left:8px!important;padding-right:8px!important}
}