/*
==================================================
🏷️ Preview Banner Orizzontale
Descrizione: layout banner ADV orizzontale (mock)
Data: 23/09/2025
==================================================
*/
.adv-preview-sandbox .adv-banner-orizz{
  --adv-radius:4px; --adv-gap:24px; --adv-pad:12px 12px;
  --adv-imgcol-w:540px; --adv-thumb-ratio:3/4;
  --adv-title-size:clamp(1.4rem, 1.2vw + 0.9rem, 2rem);
  --adv-title-weight:400;
  --adv-subtitle-size:clamp(1rem, .65vw + .9rem, 1.15rem);
  --adv-subtitle-color:#c0c0c0;
  --adv-cta-h:60px; --adv-cta-bw:2px; --adv-cta-maxw:600px;
  background:#fff; border:1px solid black; border-radius:var(--adv-radius); padding:var(--adv-pad);
}
.adv-preview-sandbox .adv-banner-orizz .advb-inner{ display:flex; gap:var(--adv-gap); align-items:center; justify-content:space-between; }
.adv-preview-sandbox .adv-banner-orizz .advb-imgcol{ display:flex; gap:14px; flex:0 0 var(--adv-imgcol-w); max-width:var(--adv-imgcol-w); }
.adv-preview-sandbox .adv-banner-orizz .advb-thumb{ flex:1 1 0; min-width:0; border:1px solid #e6e6e6; border-radius:8px; overflow:hidden; background:#f7f7f7; aspect-ratio:var(--adv-thumb-ratio); display:flex; }
.adv-preview-sandbox .adv-banner-orizz .advb-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.adv-preview-sandbox .adv-banner-orizz .advb-content{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.adv-preview-sandbox .adv-banner-orizz .advb-badge{ display:inline-block; background:#ffe16a; color:#111; font-weight:600; font-size:.8rem; padding:4px 12px; border-radius:999px; margin-bottom:14px; }
.adv-preview-sandbox .adv-banner-orizz .advb-title{ margin:0 0 10px; font-weight:var(--adv-title-weight); font-size:var(--adv-title-size); line-height:1.18; letter-spacing:.1px; }
.adv-preview-sandbox .adv-banner-orizz .advb-subtitle{ margin:0 0 18px; color:var(--adv-subtitle-color); font-size:var(--adv-subtitle-size); }
.adv-preview-sandbox .adv-banner-orizz .advb-subtitle .brand{ font-weight:600; color:#595959; }
.adv-preview-sandbox .adv-banner-orizz .advb-subtitle .sep{ margin:0 8px; color:#bdbdbd; }
.adv-preview-sandbox .adv-banner-orizz .advb-subtitle .price{ font-weight:700; color:#2f2f2f; }
.adv-preview-sandbox .adv-banner-orizz .advb-cta{ display:inline-flex; align-items:center; justify-content:center; min-height:var(--adv-cta-h); padding:0 30px; border:var(--adv-cta-bw) solid #111; border-radius:999px; font-weight:700; text-decoration:none; color:#111; background:#fff; transition:.15s ease; max-width:var(--adv-cta-maxw); width:100%; }
.adv-preview-sandbox .adv-banner-orizz .advb-cta:hover{ background:#111; color:#fff; }
@media (max-width:1100px){ .adv-preview-sandbox .adv-banner-orizz{ --adv-imgcol-w:460px; } }
@media (max-width: 900px){ .adv-preview-sandbox .adv-banner-orizz .advb-inner{ flex-direction:column; } .adv-preview-sandbox .adv-banner-orizz{ --adv-imgcol-w:100%; } .adv-preview-sandbox .adv-banner-orizz .advb-cta{ max-width:560px; } }
@media (max-width: 560px){ .adv-preview-sandbox .adv-banner-orizz .advb-cta{ max-width:100%; } }
/* CTA: supporta eventuale a-capo del nome negozio */
.adv-preview--banner .advb-cta{
  line-height: 1.25;
  white-space: normal;
  text-align: center;
}