/* ===== MOBILE ATTACHED BUTTON + FULL LOGO FIT ===== */
@media(max-width:768px){
.ap-brand-logo{
height:auto;
padding:16px;
display:flex;
align-items:center;
justify-content:center;
}
.ap-brand-logo img{
width:100%;
height:auto; /* allow natural height */
max-height:none; /* REMOVE constraint */
object-fit:contain;/* never crop */
transform:none; /* REMOVE scaling */
}
.ap-brand-button{
display:block;
width:100%;
padding:12px 0;
text-align:center;
font-family:"Montserrat",sans-serif;
font-size:11px;
letter-spacing:1.4px;
text-transform:uppercase;
color:#d4af37;
background:#0d0d0d;
border-top:1px solid rgba(212,175,55,.4);
box-shadow:
inset 0 6px 14px rgba(0,0,0,.75),
inset 0 1px 0 rgba(212,175,55,.25);
}
/* ===== FULL WIDTH FEATURED GHALLIA ===== */
.ap-ghallia{
grid-column:1 / -1;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
border:1px solid rgba(212,175,55,.35);
border-radius:6px;
background:#0f0f0f;
box-shadow:
inset 0 0 10px rgba(212,175,55,.08),
0 12px 28px rgba(0,0,0,.7);
}
.ap-ghallia .ap-brand-logo{
width:100%;
height:220px;
display:flex;
justify-content:center;
align-items:center;
padding:30px;
}
.ap-ghallia .ap-brand-logo img{
max-width:220px;
max-height:170px;
width:auto;
height:auto;
object-fit:contain;
}
.ap-ghallia .ap-brand-button{
display:block;
width:100%;
text-align:center;
padding:16px 0;
border-top:1px solid rgba(212,175,55,.35);
color:#d4af37;
text-transform:uppercase;
letter-spacing:2px;
font-size:13px;
}
@media(max-width:768px){
.ap-ghallia{
grid-column:auto;
}
.ap-ghallia .ap-brand-logo{
height:170px;
padding:20px;
}
}
