/*
Theme Name: Papinutti Mobile Pro
Author: Generated
Description: Responsive theme with working mobile menu
Version: 1.0
*/

body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
margin:0;
background:#fff;
color:#111;
}

.container{max-width:1200px;margin:auto;padding:20px}

header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}

.topbar{text-align:right;font-size:14px;color:#666;margin-bottom:5px}

.header-row{display:flex;align-items:center;justify-content:space-between}

.logo{height:50px}

nav{display:flex;gap:25px;font-weight:600}

nav a{text-decoration:none;color:#111}

.hero{
height:80px;
background:linear-gradient(120deg,#00AEEF,#EC008C,#FFF200);
display:flex;
align-items:center;
justify-content:center;
}

.section{padding:80px 20px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}

.card{border:1px solid #eee;border-radius:12px;padding:30px}

/* hamburger */

.menu-toggle{
display:none;
font-size:28px;
cursor:pointer;
}

/* MOBILE */

@media(max-width:768px){

.menu-toggle{
display:block;
}

nav{
display:none;
flex-direction:column;
gap:10px;
margin-top:15px;
}

nav.active{
display:flex;
}

.header-row{
flex-wrap:wrap;
}

.logo{height:40px}

.hero{height:80px}

}

.foto-slider{
overflow:hidden;
width:100%;
margin:40px 0;
}

.slider-track{
display:flex;
gap:20px;
animation:slide 20s linear infinite;
}

.slider-track img{
height:220px;
border-radius:10px;
object-fit:cover;
}

@keyframes slide{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}