/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

.container{

    padding:1rem;

}

.hero-grid{

    grid-template-columns:220px 1fr;

}

}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:768px){

.container{

    padding:.8rem;

}

.card{

    padding:1rem;

}

.hero-grid{

    grid-template-columns:1fr;

    gap:1.5rem;

}

.hero-dashboard{

    grid-template-columns:1fr;

}

.pellet-title{

    font-size:1.6rem;

}

.pellet-row{

    gap:.8rem;

}

.pellet-thumb{

    width:60px;

    height:60px;

}

.pellet-liste{

    font-size:1rem;

}

.pellet-meta{

    font-size:.75rem;

}

.burn-wrapper{

    gap:1rem;

}

.burn-score-big{

    font-size:2.6rem;

}

.price-value{

    font-size:2rem;

}

.stats-grid{

    grid-template-columns:1fr;

}

.photo-input-grid{

    grid-template-columns:repeat(2,1fr);

}

.modal-card{

    padding:1.5rem;

}

}

/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:480px){

.brand-name{

    font-size:1rem;

}

.mobile-nav small{

    font-size:.65rem;

}

.scan-btn{

    font-size:.95rem;

}

.review-card{

    min-width:94%;

}

.photo-gallery img{

    width:55px;

    height:55px;

}

}

/* ==========================================================
   DESKTOP
========================================================== */

@media (min-width:769px){

.mobile-nav{

    display:none;

}

body{

    padding-bottom:0;

}

}

/* ==========================================================
   ACCESSIBILITE
========================================================== */

@media (prefers-reduced-motion:reduce){

*{

    animation:none!important;

    transition:none!important;

    scroll-behavior:auto!important;

}

}