/* ── quii.it — Global Stylesheet ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --y:#ffd400;
  --o:#ff4f31;
  --blk:#121212;
  --wht:#ffffff;
  --grad:linear-gradient(90deg,#ffd400,#ff4f31);
  --muted:#555555;
  --border:#d4d4d4;
  --surface:#f5f5f5;
  --r8:8px;
  --r12:12px;
  --r20:20px;
  --max:1290px;
}

html{font-size:16px;scroll-behavior:smooth}
body{
  font-family:'Poppins',sans-serif;
  background:#ffffff;
  color:#121212;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}

/* ── TOPBAR ───────────────────────────────────────────────────────────────── */
.topbar-wrap{
  border-bottom:1.5px solid var(--border);
  position:sticky;top:0;
  background:#fff;
  z-index:100;
}
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 32px;height:64px;
  max-width:var(--max);margin:0 auto;gap:20px;
}
.nav-logo{display:flex;align-items:center}
.logo-svg{height:52px;width:auto}
.logo-q{fill:#221f20}
.logo-t{fill:#221f20}
.nav-links{display:flex;gap:28px;list-style:none;margin-right:24px}
.nav-link{font-size:15px;font-weight:500;color:#444;transition:color .15s;cursor:pointer}
.nav-link:hover{color:var(--o)}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn-acc{
  background:none;border:1.5px solid var(--border);
  border-radius:var(--r8);padding:8px 18px;
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;
  color:#121212;cursor:pointer;transition:border-color .15s,color .15s;
}
.btn-acc:hover{border-color:var(--o);color:var(--o)}
.btn-reg{
  background:#ff4f31;border:none;
  border-radius:var(--r8);padding:8px 18px;
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;
  color:#ffffff;cursor:pointer;transition:opacity .15s;
}
.btn-reg:hover{opacity:.9}

/* ── FOOTER ───────────────────────────────────────────────────────────────── */
.footer{
  border-top:1.5px solid var(--border);
  padding:28px 32px;
  display:flex;gap:20px;justify-content:center;flex-wrap:wrap;
  margin-top:48px;
  max-width:100%;
}
.footer a{font-size:13px;color:#777;transition:color .15s}
.footer a:hover{color:var(--o)}

/* ── BREADCRUMB ───────────────────────────────────────────────────────────── */
.breadcrumb{
  padding:10px 32px;font-size:12px;color:#777;
  display:flex;gap:5px;align-items:center;flex-wrap:wrap;
  border-bottom:1px solid var(--border);
  max-width:var(--max);margin:0 auto;
}
.breadcrumb a{color:#777}.breadcrumb a:hover{color:var(--o)}
.breadcrumb .sep{color:#ccc}

/* ── UTILITIES ─────────────────────────────────────────────────────────────── */
.divider{border:none;border-top:1.5px solid var(--border);margin:24px 0}
.sec-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#777;margin-bottom:14px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── MERCHANT CARDS (shared) ──────────────────────────────────────────────── */
.merchants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{
  border:1.5px solid var(--border);border-radius:var(--r12);
  padding:18px;cursor:pointer;text-decoration:none;
  color:#121212;display:block;background:#fff;
  transition:border-color .15s,transform .15s;
}
.card:hover{border-color:#121212;transform:translateY(-2px)}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.card-logo{
  width:44px;height:44px;border-radius:var(--r8);
  background:linear-gradient(135deg,rgba(255,212,0,.18),rgba(255,79,49,.12));
  display:flex;align-items:center;justify-content:center;
  font-size:22px;flex-shrink:0;overflow:hidden;
}
.card-logo img{width:100%;height:100%;object-fit:cover}
.badge-open{font-size:11px;font-weight:600;color:#16a34a;background:rgba(22,163,74,.1);border-radius:4px;padding:3px 8px}
.badge-closed{font-size:11px;color:#777;background:#f5f5f5;border-radius:4px;padding:3px 8px}
.card-name{font-weight:700;font-size:15px;margin-bottom:3px;color:#121212}
.card-cat{font-size:13px;color:#555}
.card-settore{font-size:12px;color:#777;margin-top:4px}
.card-city{font-size:13px;color:#777;margin-top:9px}

/* ── SETTORI ──────────────────────────────────────────────────────────────── */
.settori-grid{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.settore{
  display:inline-flex;align-items:center;gap:7px;
  border:1.5px solid var(--border);border-radius:var(--r8);
  padding:9px 18px;font-size:14px;font-weight:500;
  color:#444;cursor:pointer;background:none;
  font-family:'Poppins',sans-serif;text-decoration:none;
  transition:all .15s;
}
.settore:hover,.settore.active{border-color:#121212;color:#121212;background:rgba(18,18,18,.04)}
.settore .count{font-size:11px;color:#777;margin-left:2px}

/* ── REG BANNER ───────────────────────────────────────────────────────────── */
.reg-banner{
  background:var(--grad);border-radius:var(--r12);
  padding:16px 24px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;
}
.reg-banner strong{display:block;font-size:15px;font-weight:700;color:#121212;margin-bottom:2px}
.reg-banner span{font-size:13px;color:rgba(18,18,18,.7)}
.reg-banner-btn{
  background:#121212;color:#fff;border:none;
  border-radius:var(--r8);padding:10px 20px;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;
  cursor:pointer;flex-shrink:0;white-space:nowrap;
}

/* ── PAGINAZIONE ──────────────────────────────────────────────────────────── */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.page-btn{
  border:1.5px solid var(--border);border-radius:var(--r8);
  padding:8px 16px;font-family:'Poppins',sans-serif;
  font-size:14px;font-weight:500;color:#444;
  text-decoration:none;transition:all .15s;
}
.page-btn:hover,.page-btn.active{border-color:#121212;color:#121212;font-weight:700}

/* ── SPINNER ──────────────────────────────────────────────────────────────── */
.spinner{
  display:inline-block;width:14px;height:14px;
  border:2px solid rgba(255,79,49,.25);border-top-color:var(--o);
  border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── RESPONSIVE ───────────────────────────────────────────────────────────── */
@media(max-width:768px){
  .topbar{padding:0 16px;height:58px}
  .logo-svg{height:36px}
  .nav-links{display:none}
  .footer{padding:20px 16px}
  .breadcrumb{padding:10px 16px}
  .merchants-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .merchants-grid{grid-template-columns:1fr}
  .settori-grid{gap:7px}
  .settore{padding:7px 12px;font-size:13px}
}

/* ── MERCHANT PAGE specifics ──────────────────────────────────────────────── */
.nav{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;background:#fff;border-bottom:1.5px solid var(--border);position:sticky;top:0;z-index:100;max-width:100%}
.nav .logo-svg{height:52px;width:auto}
.nav .logo-q{fill:#221f20}.nav .logo-t{fill:#221f20}
.nav-right{display:flex;align-items:center;gap:18px}
.merchant-header{padding:24px 32px;display:flex;gap:20px;align-items:flex-start;border-bottom:1.5px solid var(--border);max-width:1290px;margin:0 auto}
.merchant-logo{width:76px;height:76px;border-radius:var(--r12);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;background:#f9f9f9;overflow:hidden}
.merchant-logo img{width:100%;height:100%;object-fit:cover}
.merchant-info{flex:1;min-width:0}
.m-cat{font-size:11px;font-weight:600;color:var(--o);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.m-name{font-weight:800;font-size:clamp(20px,3vw,32px);line-height:1.15;margin-bottom:5px;color:#121212}
.m-addr{font-size:14px;color:#555;margin-bottom:8px}
.m-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.m-tag{font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:20px;padding:3px 12px;color:#555;transition:border-color .15s}
.m-tag:hover{border-color:var(--o);color:var(--o)}
.badge-rating{font-size:11px;font-weight:600;color:#b45309;background:rgba(180,83,9,.08);border-radius:4px;padding:3px 9px}
.page-body{max-width:1290px;margin:0 auto;padding:28px 32px 60px;display:grid;grid-template-columns:calc(100% - 352px) 320px;gap:32px;align-items:start}
.page-body>main{min-width:0;overflow:hidden}
.page-body>.side-col{min-width:0}
.section{margin-bottom:28px}
.sec-title{font-size:14px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px;color:#121212}
.sec-title::after{content:'';flex:1;height:1px;background:var(--border)}
.desc-text{font-size:15px;line-height:1.7;color:#333}
.hours-grid{display:flex;flex-direction:column;gap:4px}
.hour-row{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border-radius:6px;font-size:13px}
.hour-row.today{background:rgba(255,212,0,.12);font-weight:600}
.hour-day{color:#444;font-weight:500}
.hour-time{color:#121212}
.hour-closed{color:var(--muted)}
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.product-card{border:1.5px solid var(--border);border-radius:var(--r8);padding:14px;transition:border-color .15s;cursor:pointer}
.product-card:hover{border-color:var(--y)}
.product-name{font-size:14px;font-weight:600;margin-bottom:3px;color:#121212}
.product-desc{font-size:12px;color:#555;margin-bottom:6px;line-height:1.4}
.product-detail{font-size:11px;color:#777;margin-bottom:6px}
.product-price{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.price-sale{font-size:15px;font-weight:700;color:var(--o)}
.price-orig{font-size:12px;color:#aaa;text-decoration:line-through}
.saving{font-size:11px;font-weight:600;color:#16a34a;background:rgba(22,163,74,.1);border-radius:3px;padding:2px 6px}
.map-wrap{border-radius:var(--r12);overflow:hidden;border:1.5px solid var(--border);margin-bottom:12px;min-height:450px;background:#f5f5f5;max-width:100%}
.map-wrap iframe{width:100%;height:450px;border:none;display:block}
.map-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--o)}
.social-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.social-btn{border:none;border-radius:var(--r8);padding:10px 18px;font-size:13px;font-weight:700;color:#fff;display:inline-flex;align-items:center;cursor:pointer;font-family:'Poppins',sans-serif;transition:opacity .15s}
.social-btn:hover{opacity:.85}
.s-fb{background:#1877F2}
.s-wa{background:#25D366}
.s-copy{background:var(--y);color:#121212}
.form-field{border:1.5px solid var(--border);border-radius:var(--r8);padding:11px 16px;font-family:'Poppins',sans-serif;font-size:14px;width:100%;margin-bottom:10px;outline:none;color:#121212;background:#fff}
.form-field:focus{border-color:var(--o)}
textarea.form-field{height:90px;resize:none}
.form-btn{background:#ffd400;border:none;border-radius:var(--r8);padding:12px;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:#121212;cursor:pointer;width:100%}
.form-success{display:none;background:rgba(22,163,74,.08);border:1.5px solid rgba(22,163,74,.2);border-radius:var(--r8);padding:14px;font-size:14px;color:#16a34a;text-align:center;margin-top:8px}
.bnpl-info{background:#f9f9f9;border-radius:var(--r12);padding:18px;font-size:13px;line-height:1.75;color:#444}
.bnpl-info h4{font-size:14px;font-weight:700;color:#121212;margin-bottom:8px}
.bnpl-info .disclaimer{font-size:12px;color:#777;margin-top:10px;border-top:1px solid var(--border);padding-top:10px}
.side-col{display:flex;flex-direction:column;gap:0}
.bnpl-card{background:linear-gradient(135deg,#fffbea,#fff7f5);border:1.5px solid rgba(255,79,49,.15);border-radius:var(--r12);padding:18px;margin-bottom:14px}
.bnpl-title{font-weight:700;font-size:14px;margin-bottom:4px;color:#121212}
.bnpl-sub{font-size:12px;color:#777;margin-bottom:14px}
.bnpl-btn{display:block;background:#ff4f31;border-radius:var(--r8);padding:11px;text-align:center;color:#fff;font-weight:700;font-size:14px;transition:opacity .15s;font-family:'Poppins',sans-serif}
.bnpl-btn:hover{opacity:.85}
.promo-card{border-radius:var(--r12);overflow:hidden;border:1.5px solid var(--border);margin-bottom:14px}
.promo-img{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,rgba(255,212,0,.2),rgba(255,79,49,.12));display:flex;align-items:center;justify-content:center;font-size:48px}
.promo-body{padding:12px 14px}
.promo-label{font-size:10px;font-weight:700;color:var(--o);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.promo-text{font-size:13px;font-weight:600;color:#121212}
.guest-banner{border:1.5px solid var(--border);border-radius:var(--r12);padding:18px;text-align:center;margin-bottom:14px;background:#fafafa}
.gb-icon{font-size:30px;margin-bottom:8px}
.gb-text{font-size:13px;color:#777;line-height:1.5;margin-bottom:14px}
.gb-btns{display:flex;gap:8px;justify-content:center}
.gb-acc{border:1.5px solid var(--border);border-radius:var(--r8);padding:8px 16px;font-size:13px;font-weight:600;color:#555;background:#fff;cursor:pointer;font-family:'Poppins',sans-serif}
.gb-reg{background:#ff4f31;border:none;border-radius:var(--r8);padding:8px 16px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;font-family:'Poppins',sans-serif}
.quiicard{background:linear-gradient(135deg,#121212,#2a2a2a);border-radius:var(--r12);padding:18px;color:#fff;margin-bottom:14px}
.qc-title{font-weight:700;font-size:14px;margin-bottom:3px}
.qc-sub{font-size:12px;color:rgba(255,255,255,.5);margin-bottom:10px}
.stamps{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.stamp{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,212,0,.3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:rgba(255,255,255,.4)}
.stamp.on{background:var(--y);border-color:var(--y);color:#121212}
.qc-btn{display:block;background:var(--y);border-radius:var(--r8);padding:10px;text-align:center;color:#121212;font-weight:700;font-size:13px;font-family:'Poppins',sans-serif}
.app-box{border:1.5px solid var(--border);border-radius:var(--r12);padding:16px;text-align:center;margin-bottom:14px}
.app-title{font-size:13px;font-weight:700;margin-bottom:3px;color:#121212}
.app-sub{font-size:12px;color:#777;margin-bottom:10px;display:block}
.app-btn{display:block;background:#121212;color:#fff;border-radius:var(--r8);padding:10px;font-size:13px;font-weight:700;font-family:'Poppins',sans-serif}
.owner-box{border:1.5px dashed var(--border);border-radius:var(--r12);padding:16px;text-align:center}
.owner-text{font-size:12px;color:#777;margin-bottom:8px}
.owner-btn{font-size:13px;font-weight:600;color:#555;border:1.5px solid var(--border);border-radius:var(--r8);padding:8px 16px;display:inline-block;transition:all .15s}
.owner-btn:hover{border-color:#121212;color:#121212}
@media(max-width:768px){
  .page-body{grid-template-columns:1fr}
  .side-col{order:-1}
  .merchant-header{flex-direction:column;gap:12px;padding:16px}
  .hours-grid{flex-direction:column}
  .products-grid{grid-template-columns:1fr}
  .nav{padding:0 16px}
}

/* ── HOME PAGE ────────────────────────────────────────────────────────────── */
.hero{padding:56px 24px 44px;text-align:center;max-width:720px;margin:0 auto}
.hero-logo{display:flex;justify-content:center;margin-bottom:20px}
.hero-logo svg{height:84px;width:auto}
.slogan{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.headline{font-weight:800;font-size:clamp(32px,5vw,54px);line-height:1.08;margin-bottom:12px;color:#121212}
.headline .g{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-seo{font-size:18px;font-weight:500;color:var(--muted);line-height:1.5;margin-bottom:28px}
.search-wrap{position:relative;max-width:580px;margin:0 auto}
.city-input{width:100%;background:#fff;border:2px solid #121212;border-radius:20px;padding:16px 152px 16px 24px;font-size:16px;font-weight:500;font-family:'Poppins',sans-serif;color:#121212;outline:none;transition:border-color .2s,box-shadow .2s}
.city-input:focus{border-color:var(--o);box-shadow:0 0 0 3px rgba(255,79,49,.1)}
.city-input::placeholder{color:#bbb;font-weight:400}
.city-go{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:#ff4f31;border:none;border-radius:14px;padding:10px 22px;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:#ffffff;cursor:pointer;white-space:nowrap}
.city-go:active{opacity:.85}
.city-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.chip{font-size:14px;font-weight:500;border:1.5px solid var(--border);border-radius:20px;padding:5px 16px;cursor:pointer;background:none;font-family:'Poppins',sans-serif;color:#555;transition:all .15s}
.chip:hover{border-color:#121212;color:#121212}
.guest-note{font-size:14px;color:var(--muted);margin-top:20px;line-height:1.6}
.guest-note a{color:var(--o);font-weight:600}
.results-area{max-width:var(--max);margin:0 auto;padding:0 32px;display:none}
.results-area.show{display:block}
.city-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 20px;flex-wrap:wrap}
.city-tag{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:600;cursor:pointer;color:#121212}
.city-tag .ch{font-size:12px;color:var(--o);font-weight:500;margin-left:3px}
.inline-search{border:1.5px solid var(--border);border-radius:20px;padding:8px 18px;font-family:'Poppins',sans-serif;font-size:14px;background:#fff;color:#121212;outline:none;width:260px;transition:border-color .2s}
.inline-search:focus{border-color:#121212}
.ai-box{border:1.5px solid var(--border);border-radius:var(--r12);padding:18px 20px;margin-bottom:22px;display:none}
.ai-box.show{display:block}
.ai-box-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--o);margin-bottom:8px}
.ai-box-text{font-size:15px;line-height:1.65;color:#121212}
.login-prompt{border:1.5px solid var(--border);border-radius:var(--r12);padding:40px;text-align:center;margin-top:8px}
.lp-icon{font-size:44px;margin-bottom:14px}
.lp-text{font-size:16px;color:var(--muted);margin-bottom:24px;line-height:1.6}
.lp-btns{display:flex;gap:12px;justify-content:center}
.lp-acc{border:1.5px solid var(--border);border-radius:var(--r8);padding:10px 24px;font-size:15px;font-weight:600;color:#555;background:none;cursor:pointer;font-family:'Poppins',sans-serif}
.lp-reg{background:#ff4f31;border:none;border-radius:var(--r8);padding:10px 24px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;font-family:'Poppins',sans-serif}
.cta-row{text-align:center;margin:24px 0 12px}
.cta-more{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;padding:12px 32px;border-radius:var(--r8);cursor:pointer;text-decoration:none;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;color:#121212}
.cta-more:hover{opacity:.8}

/* ── CITY PAGE ────────────────────────────────────────────────────────────── */
.page-header{max-width:var(--max);margin:0 auto;padding:32px 32px 0}
.page-title{font-weight:800;font-size:clamp(24px,4vw,40px);margin-bottom:6px;color:#121212}
.page-title .grad{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-sub{font-size:15px;color:var(--muted)}
.reg-wrap{max-width:var(--max);margin:20px auto 0;padding:0 32px}
.page-body-city{max-width:var(--max);margin:0 auto;padding:24px 32px 60px;display:block}
.search-row{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.search-field{border:1.5px solid var(--border);border-radius:20px;padding:10px 20px;font-family:'Poppins',sans-serif;font-size:14px;color:#121212;outline:none;width:300px;transition:border-color .2s}
.search-field:focus{border-color:var(--o)}
.results-count{font-size:14px;color:var(--muted)}
.empty{text-align:center;padding:48px;color:var(--muted)}
.empty-icon{font-size:48px;margin-bottom:16px}

@media(max-width:768px){
  .hero{padding:40px 16px 32px}
  .results-area{padding:0 16px}
  .city-bar{flex-direction:column;align-items:flex-start}
  .inline-search{width:100%}
  .page-header,.reg-wrap,.page-body-city{padding-left:16px;padding-right:16px}
  .search-field{width:100%}
}

/* ── CARD BADGES (BNPL + Promo) ──────────────────────────────────────────── */
.card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.badge-bnpl{
  font-size:10px;font-weight:700;
  color:#ffffff;background:#ff4f31;
  border-radius:4px;padding:3px 8px;
  white-space:nowrap;
}
.badge-promo{
  font-size:10px;font-weight:700;
  color:#121212;background:#ffd400;
  border-radius:4px;padding:3px 8px;
  white-space:nowrap;
}



/* ── BADGE INATTIVI ───────────────────────────────────────────────────────── */
.badge-inactive{
  background:#e0e0e0 !important;
  color:#999 !important;
}

/* ── FILTRI RAPIDI ────────────────────────────────────────────────────────── */
.filter-row{
  display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;margin-bottom:16px;
}
.filter-label{font-size:13px;font-weight:600;color:#777}
.filter-btn{text-decoration:none;transition:opacity .15s}
.filter-btn:hover{opacity:.8}
.filter-btn.active{outline:2px solid #121212;border-radius:6px}
.filter-clear{
  font-size:13px;font-weight:500;color:#777;
  text-decoration:none;border:1px solid #d4d4d4;
  border-radius:20px;padding:4px 12px;transition:all .15s;
}
.filter-clear:hover{border-color:#121212;color:#121212}


.card-city{
  display:flex;
  align-items:center;
  font-size:13px;
  color:#777;
  margin-top:9px;
}

/* ── PIN ICON ────────────────────────────────────────────────────────────── */
.pin-icon{display:inline-block;width:14px;height:14px;background:url('/assets/location.png') no-repeat center/contain;vertical-align:middle;margin-right:4px;flex-shrink:0}
.card-city{display:flex;align-items:center;font-size:13px;color:#777;margin-top:9px}

/* ── BNPL FULL WIDTH ─────────────────────────────────────────────────────── */
.bnpl-fullwidth{margin-top:0;margin-bottom:50px;display:flex;justify-content:center}
.bnpl-fullwidth-inner{max-width:1290px;width:100%;margin:0 32px;background:#f9f9f9;border:1.5px solid var(--border);border-radius:var(--r12);padding:32px;box-sizing:border-box}
.bnpl-fullwidth h4{font-size:15px;font-weight:700;color:#121212;margin-bottom:12px}
.bnpl-fullwidth p{font-size:14px;line-height:1.75;color:#444;margin-bottom:12px}
.bnpl-fullwidth .disclaimer{font-size:12px;color:#777;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}
.merchant-ref{margin-top:14px;font-size:13px;color:#555;padding-top:12px;border-top:1px solid var(--border)}
.merchant-ref strong{color:#121212}

/* ── PIN IMG fix ─────────────────────────────────────────────────────────── */
.pin-img{width:14px !important;height:14px !important;display:inline-block !important;vertical-align:middle;margin-right:4px;flex-shrink:0}
.m-addr{display:flex;align-items:center;font-size:14px;color:#555;margin-bottom:8px}
.sec-title img.pin-img{width:16px !important;height:16px !important}

/* ── MERCHANT PAGE-BODY grid fix ─────────────────────────────────────────── */
@media(max-width:900px){
  .page-body{grid-template-columns:1fr !important}
  .side-col{order:-1}
}

/* ── BADGE STATO APERTURA ────────────────────────────────────────────────── */
.badge-open{font-size:12px;font-weight:600;color:#16a34a;background:rgba(22,163,74,.1);border-radius:6px;padding:4px 10px}
.badge-closed{font-size:12px;font-weight:500;color:#777;background:#f5f5f5;border-radius:6px;padding:4px 10px}
.badge-warning{font-size:12px;font-weight:600;color:#d97706;background:rgba(217,119,6,.1);border-radius:6px;padding:4px 10px}
.badge-soon{font-size:12px;font-weight:600;color:#2563eb;background:rgba(37,99,235,.1);border-radius:6px;padding:4px 10px}

/* ── Fix allineamento logo con bordo sinistro ───────────────────────────── */


.topbar{padding-left:32px !important}
.nav-logo{padding-left:0}

/* ── Pulsante "Inserisci attività" al posto del logo in home ──────────────── */
.btn-insert-activity{
  background:#ffd400;
  color:#121212;
  border:none;
  border-radius:var(--r8);
  padding:9px 18px;
  font-family:'Poppins',sans-serif;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  transition:opacity .15s;
}
.btn-insert-activity:hover{opacity:.85}

/* ── Raggruppa menu e pulsanti a destra ─────────────────────────────────── */
.nav-right-group{display:flex;align-items:center;gap:24px}

/* ── Tasto Esci ──────────────────────────────────────────────────────────── */
.btn-logout{background:none;border:1.5px solid var(--border);border-radius:var(--r8);padding:7px 14px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#777;text-decoration:none;transition:all .15s}
.btn-logout:hover{border-color:#ff4f31;color:#ff4f31}

/* ── MOBILE NAVBAR FIX ───────────────────────────────────────────────────── */
@media(max-width:480px){
  .topbar{padding:0 12px;gap:8px}
  .btn-acc{padding:6px 10px;font-size:12px}
  .btn-reg{padding:6px 10px;font-size:12px}
  .btn-logout{padding:6px 10px;font-size:12px}
  .nav-right-group{gap:8px}
  .btn-insert-activity{padding:6px 10px;font-size:12px}
}

/* ── BURGER MENU ─────────────────────────────────────────────────────────── */
.burger-btn{
  display:none;flex-direction:column;justify-content:space-between;
  width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;
  flex-shrink:0;
}
.burger-btn span{
  display:block;width:100%;height:2px;background:#121212;
  border-radius:2px;transition:all .3s;transform-origin:center;
}
.burger-btn.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger-btn.open span:nth-child(2){opacity:0}
.burger-btn.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.mobile-menu{
  display:none;position:fixed;top:64px;left:0;right:0;
  background:#fff;border-bottom:1.5px solid var(--border);
  box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:99;
  flex-direction:column;padding:8px 0;
}
.mobile-menu.open{display:flex}
.mobile-link{
  padding:14px 24px;font-size:15px;font-weight:500;
  color:#121212;text-decoration:none;transition:background .15s;
}
.mobile-link:hover{background:#f5f5f5}
.mobile-reg{
  margin:8px 16px;background:#ff4f31;color:#fff !important;
  border-radius:var(--r8);text-align:center;font-weight:700;
}
.mobile-reg:hover{background:#e8402a !important}
.mobile-divider{height:1px;background:var(--border);margin:8px 0}

@media(max-width:768px){
  .burger-btn{display:flex}
  .nav-links{display:none}
  .btn-acc,.btn-reg,.btn-logout{display:none}
  .topbar{padding:0 16px}
}

/* ── SITE FOOTER ─────────────────────────────────────────────────────────── */
.site-footer{background:#121212;color:#fff;margin-top:0;padding:48px 32px 0}
.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}
.footer-brand{}
.footer-logo-link{display:inline-block;margin-bottom:16px}
.footer-desc{font-size:13px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:20px;max-width:280px}
.footer-social{display:flex;gap:10px}
.social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .15s;color:#fff}
.social-icon:hover{opacity:.8}
.social-icon.fb{background:#1877F2}
.social-icon.ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.social-icon.wa{background:#25D366}
.footer-col{}
.footer-col-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;margin-bottom:16px}
.footer-link{display:block;font-size:14px;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:10px;transition:color .15s}
.footer-link:hover{color:#ffd400}
.footer-bottom{max-width:var(--max);margin:0 auto;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffff;text-align:center}

@media(max-width:768px){
  .site-footer{padding:40px 16px 0}
  .footer-inner{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:1/-1}
  .footer-desc{max-width:100%}
}
@media(max-width:480px){
  .footer-inner{grid-template-columns:1fr}
}

.footer-brand-name{font-size:20px;font-weight:800;color:#fff;margin-bottom:20px;letter-spacing:-.5px}
.footer-disclaimer{max-width:var(--max);margin:0 auto;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#ffffff;line-height:1.75;opacity:.6}

/* ── TRUSTPILOT BADGE ───────────────────────────────────────────────────── */
.trustpilot-badge{display:inline-flex;flex-direction:column;gap:4px;margin-top:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r8);padding:12px 16px;text-decoration:none;transition:background .15s}
.trustpilot-badge:hover{background:rgba(255,255,255,.1)}
.tp-logo{display:flex;align-items:center;gap:6px}
.tp-name{font-size:13px;font-weight:700;color:#fff}
.tp-stars{display:flex;gap:2px}
.tp-star{color:#00b67a;font-size:16px}
.tp-info{font-size:11px;color:rgba(255,255,255,.6)}
.tp-info strong{color:#fff}