/* =========================================================
   BLUUPI — EXPLORE TABLET
   iPad / tablette
   768px → 1024px
========================================================= */

@media (min-width:768px) and (max-width:1024px){

/* =========================================================
   SÉCURITÉ IPAD = VERSION APP MOBILE
========================================================= */

.desktop-header,
.desktop-footer,
.desktop-bluupi,
.hero-visual{
  display:none !important;
}

.bottom-nav{
  display:grid !important;
}

/* =========================================================
   APP / PAGE
========================================================= */

.app,
.page,
.explore-page{
  max-width:920px;
  margin:0 auto;
  padding-left:34px;
  padding-right:34px;
  padding-bottom:120px;
}

/* =========================================================
   HEADER EXPLORE
========================================================= */

.explore-header{
  max-width:100%;
  margin:0 auto 28px;
}

.explore-header h1{
  font-size:46px;
  line-height:1.05;
}

.explore-header p{
  max-width:760px;
  font-size:21px;
}

/* =========================================================
   RECHERCHE
========================================================= */

.explore-search,
.search-box,
.search-card{
  width:100%;
  height:74px;
  border-radius:26px;
}

.explore-search input,
.search-box input,
.search-card input{
  font-size:20px;
}

/* =========================================================
   FILTRES
========================================================= */

.explore-filters,
.filters-panel,
.filters-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.explore-filters label,
.filters-panel label,
.filters-form label{
  height:66px;
  border-radius:22px;
}

.explore-filters label:first-child,
.filters-panel label:first-child,
.filters-form label:first-child{
  grid-column:1 / -1;
}

/* =========================================================
   FILTRES RAPIDES
========================================================= */

.filters,
.quick-filters{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  overflow:visible;
  padding-bottom:0;
}

.filters a,
.quick-filters a,
.filters button,
.quick-filters button{
  width:100%;
  text-align:center;
  padding:18px 10px;
  border-radius:999px;
  font-size:20px;
}

/* =========================================================
   GRILLE ACTIVITÉS
========================================================= */

.activity-list,
.activities-grid,
.explore-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
}

.activity-card{
  height:100%;
  border-radius:28px;
}

.activity-media{
  height:230px;
}

.activity-content{
  padding:22px;
}

.activity-content h3{
  font-size:24px;
}

.activity-content p{
  font-size:15px;
}

.card-bottom{
  flex-direction:row;
}

/* =========================================================
   NAV BASSE
========================================================= */

.bottom-nav{
  width:100%;
  max-width:920px;
  height:86px;
  border-radius:26px 26px 0 0;
}

.bottom-nav a{
  font-size:13px;
}

.bottom-nav i{
  width:28px;
  height:28px;
}

}