@font-face {
  font-family: 'Bebas Neue';
  src: url('/custom/fonts/BebasNeue.woff2') format('woff2'),
       url('/custom/fonts/BebasNeue.woff') format('woff');
  font-weight: 600;
  font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');
}

body{margin: 0px;font-family:'Raleway',sans-serif;}
.header{background:#FFD23F;padding: 10px;}
.corpo{padding: 10px;}
h1{font-size:2.5rem;font-family:"Bebas Neue",sans-serif;margin:0}
a{color:#000;text-decoration:none}
.categories{margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.categories button{padding:8px 12px;border-radius:5px;border:1px solid #ccc;background:#f7f7f7;color:#000;cursor:pointer;font-size:1.1rem;font-family:"Bebas Neue",sans-serif;display:flex;align-items:center;justify-content:center}
.categories button.active{background:#222;color:#fff;border-color:#222;font-family:"Bebas Neue",sans-serif}
.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-family:"Bebas Neue",sans-serif}
.left-controls{display:flex}
.right-controls{display:flex;align-items:center;gap:5px}
.link-btn{padding:6px 12px;border-radius:5px;border:1px solid #000;background:#F97C00;cursor:pointer;font-size:.85rem;font-family:"Bebas Neue",sans-serif;color:#000}
.reset-btn{height: 40px;margin-top: 20px;padding:6px 12px;border-radius:5px;border:1px solid #ccc;background:#AD0000;cursor:pointer;font-size:.85rem;font-family:"Bebas Neue",sans-serif;color:#fff}
.sort-group{display:flex;font-size:.85rem;align-items:center}
.sort-group label{margin-right:5px;color:#000;font-size:.9rem}
.sort-group select{font-family:'Raleway',sans-serif;padding:4px;font-size:.85rem;border-radius:5px;background:#fff;height:30px;border: 1px solid #ccc;}
.filters{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
.filter-group{flex:1 1 140px;max-width:160px;min-height:60px;display:flex;flex-direction:column;font-size:.8rem;font-family:"Bebas Neue",sans-serif}
.filter-group label{color:#000;font-size:.95rem}
.filter-group select{font-family:'Raleway',sans-serif;flex:1;padding:4px 6px;border:1px solid #ccc;border-radius:5px;background:#fff}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:5px}
.product-card{padding:10px;font-size:.85rem;background:#fff;border-radius:25px 0;box-shadow:1px 2px 6px #d7d7d7;border:1px double #ccc;display:flex;flex-direction:column}
.product-card:hover{border:1px solid #999}
.product-card img{max-width:100%;height:auto;display:block;margin-bottom:8px}
.product-title{margin-bottom:4px;font-family:"Bebas Neue",sans-serif;font-size:1.2rem;}
.product-meta{margin-bottom:2px;color:#555}
.price{font-family: "Bebas Neue", sans-serif;color:#060;font-size:1.4rem;font-weight:bold;margin-top:auto;text-align:right}
.prezzo-originale {color: #555c; text-decoration: line-through;font-size: 0.9rem}
.prezzo-promo {color: #fff; font-size: 1.4rem; background: #c00; padding: 2px 5px 0px 5px; border-radius: 5px;}
.count{font-size:1.2rem;color:#000;font-family:"Bebas Neue",sans-serif;white-space:nowrap}
.message{font-size:2rem;color:#000;text-align:center;padding:40px;font-family:"Bebas Neue",sans-serif;}
.hidden{display:none}.initial-message{display:flex;justify-content:center;align-items:center;height:200px}
.image-toggle{display:flex;align-items:center;font-size:.85rem}
.image-toggle input{margin-right:5px}
.product-card img.hide{display:none!important}
#globalSearch{padding:12px 16px;border:1px solid #ccc;border-radius:25px 0;font-family:'Raleway',sans-serif;background:#fff;min-width:270px;}
#globalSearch:focus{outline:none;border-color:#222;box-shadow:0 0 0 3px rgb(34 34 34 / .1)}
.header-section{display:flex;align-items:center;gap:20px;margin-bottom:20px;justify-content:space-between}
.stock-status {font-family: "Bebas Neue", sans-serif; font-size: 14px; margin-bottom: 6px; padding: 2px 6px; border-radius: 5px; display: inline-block; text-align: center;}
.stock-status.available {color: #060;}
.stock-status.orderable {color: #f97c00;}
.stock-status.incoming {color: #333399;}
.back-to-top {position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; border-radius: 50%; border: none; background: #222; color: #fff; font-size: 22px; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 999; transition: opacity 0.3s ease, transform 0.2s ease;}
.back-to-top:hover {transform: scale(1.1);}
@media (max-width:680px){
  .controls{flex-direction:column;align-items:stretch}
  .header-section{flex-direction:column;margin-bottom:20px;gap:10px}
  .left-controls{justify-content:flex-start}
  .right-controls{align-items:flex-start;flex-direction:row}
  .categories,.filters{grid-template-columns:repeat(2,1fr);margin-bottom:10px}
  .filters{flex-direction:row;justify-content:space-between}
  .filter-group{flex:1 1 calc(50% - 4px);max-width:none;min-width:120px}
  .products{grid-template-columns:repeat(2, 1fr)}
}