/* =========================================================
   TABLET LARGE
   <= 1200px
========================================================= */

@media (max-width:1200px){

.reviews-grid{
grid-template-columns:repeat(3,1fr);
}

}


/* =========================================================
   TABLET LANDSCAPE
   <= 1024px
========================================================= */

@media (max-width:1024px){

.mobile-menu-toggle{
display:block;
margin-left:15px;
order:3;
}

.site-header{
position:relative;
padding:15px;
}

.site-header nav{
display:none;
position:absolute;
top:100%;
left:15px;
right:15px;

background:#111;
padding:20px;

border:1px solid #222;
border-radius:8px;

flex-direction:column;
gap:15px;

z-index:2000;
}

.site-header nav.mobile-nav-open{
display:flex;
}

.site-header nav a{
display:block;
margin:0;
}

.search-form{
display:flex;
align-items:center;
justify-content:center;
flex:1;
margin:0 15px;
}

.search-form input{
width:100%;
max-width:none;
}

}


/* =========================================================
   TABLET
   <= 900px
========================================================= */

@media (max-width:900px){

.release-grid{
grid-template-columns:repeat(2,1fr);
}

.hero-grid{
grid-template-columns:1fr;
text-align:center;
}

.hero-logo img{
max-width:200px;
margin-bottom:20px;
}

.hero-search{
flex-direction:column;
}

.hero-search input{
width:100%;
}

.hero-search button{
width:100%;
}

.release-layout{
flex-direction:column;
}

.release-cover img{
width:100%;
max-width:320px;
}

.guide-grid{
grid-template-columns:repeat(2,1fr);
}

.signed-intro-grid{
grid-template-columns:1fr;
}

.signed-hero{
padding:25px;
}

.signed-hero h1{
font-size:30px;
}

.memory-layout{
flex-direction:column;
}

.memory-gallery{
flex:none;
width:100%;
}

.memory-gallery-grid img{
width:calc(50% - 5px);
height:160px;
}

}


/* =========================================================
   SMARTPHONE
   <= 768px
========================================================= */

@media (max-width:768px){

/* FORMULARIOS */

.item-form-container{
padding:20px;
}

.item-form-container h1{
font-size:36px;
}

.form-row{
flex-direction:column;
}

/* CONCERTS */

.concert-search-box{
display:flex;
align-items:center;
gap:12px;
width:100%;
}

.concert-search-box input{
flex:1;
margin:0;
}

.concert-search-box button.btn-save{
display:inline-flex;
align-items:center;
justify-content:center;
flex-shrink:0;
margin:0;
white-space:nowrap;
}

.concert-cta{
display:flex;
justify-content:center;
width:100%;
}

/* REVIEWS */

.reviews-grid{
grid-template-columns:1fr;
}

/* RELEASE DETAILS */

.release-details{
grid-template-columns:1fr;
gap:15px;
padding:15px;
}

.detail-row{
display:block;
}

.detail-label{
display:block;
margin-bottom:4px;
}

.detail-value{
display:block;
max-width:100%;
text-align:left;
word-break:break-word;
}

/* OTHER VERSIONS */

.versions-table thead{
display:none;
}

.versions-table,
.versions-table tbody,
.versions-table tr,
.versions-table td{
display:block;
width:100%;
}

/* FIX OVERFLOW OTHER VERSIONS */

.versions-table,
.versions-table tbody,
.country-group,
.version-row{
width:100% !important;
max-width:100% !important;
box-sizing:border-box;
}

.country-group td,
.version-row td{
box-sizing:border-box;
}

.version-row{
margin-left:0 !important;
margin-right:0 !important;
}

.country-group{
margin-left:0 !important;
margin-right:0 !important;
}

/* COUNTRY HEADER */

.country-group{
display:block;
margin:25px 0 15px;
}

.country-group td{
display:block;
width:100% !important;

padding:12px !important;

font-size:20px;
font-weight:bold;

text-align:center;

background:#111;
border-radius:8px;
}

/* VERSION CARD */

.version-row{
display:block !important;

padding:20px;
margin-bottom:20px;

background:rgba(0,0,0,0.55);
border:1px solid rgba(99,86,74,0.4);
border-radius:10px;

cursor:pointer;
}

/* COVER */

.cover-cell{
display:block !important;

width:100% !important;

text-align:center;

padding:0 0 15px 0 !important;
border:none !important;
}

.cover-cell img{
width:120px;
height:120px;
object-fit:cover;
border-radius:6px;
}

/* DATA CELLS */

.version-row td:not(.cover-cell){
display:block !important;
width:100% !important;

padding:6px 0 !important;
border:none !important;

text-align:left;
}

/* LABELS */

.version-row td[data-label]::before{
content:attr(data-label);

display:block;

font-size:11px;
font-weight:bold;

color:var(--accent);

margin-bottom:3px;

letter-spacing:0.5px;
text-transform:uppercase;
}

/* GENERAL */

.card{
padding:15px;
}

.versions-table{
overflow:visible;
}

}


/* =========================================================
   SMARTPHONE LARGE
   <= 700px
========================================================= */

@media (max-width:700px){

.stats-grid{
grid-template-columns:1fr 1fr;
}

}


/* =========================================================
   SMARTPHONE
   <= 600px
========================================================= */

@media (max-width:600px){

.hero h1{
font-size:32px;
}

}


/* =========================================================
   SMALL SMARTPHONE
   <= 500px
========================================================= */

@media (max-width:500px){

.container{
padding:20px 10px;
}

.release-grid{
gap:10px;
}

.card-meta,
.card-format,
.card-label,
.card-catnr{
font-size:11px;
}

}