/* Variabili colore (override da PHP via wp_add_inline_style) */






:root{






  --osx-primary:#a52f62;






  --osx-pill-bg:#f6e9ef;






  --osx-pill-bd:#e8c8d6;






}













/* Badge e banner */






.osanyx-badge-flash24{






  display:inline-block;margin:.25rem 0;padding:.2rem .55rem;






  border:1px solid var(--osx-primary);color:var(--osx-primary);






  border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;






}






.osanyx-banner-flash24{






  display:flex;justify-content:space-between;align-items:center;gap:16px;






  padding:12px 16px;border:1px solid var(--osx-primary);border-radius:12px;






  background:#fff;position:relative;overflow:hidden;margin:6px 0 18px;






}






.osanyx-banner-title{font-size:20px;font-weight:800;color:var(--osx-primary);line-height:1;}






.osanyx-banner-sub{font-size:13px;color:#334155;margin-top:2px;}






.osanyx-banner-btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--osx-primary);color:#fff;text-decoration:none;font-weight:700;}






/* cerchietto decor: solo mobile */






.osanyx-banner-flash24:after{






  content:'';position:absolute;right:-18px;top:-18px;width:56px;height:56px;background:var(--osx-primary);border-radius:50%;






}






@media (min-width:992px){ .osanyx-banner-flash24:after{display:none;} }













/* “pill” riutilizzabile per codici */






.osanyx-pill-code{






  display:inline-block;padding:8px 12px;border-radius:8px;background:var(--osx-pill-bg);border:1px solid var(--osx-pill-bd);color:var(--osx-primary);






}













/* stile prezzo barrato/nuovo */






.price del{opacity:.6;margin-right:.25em;}






.price ins{text-decoration:none;}













/* Griglia landing più compatta su desktop */






.osanyx-flash24-grid{max-width:1100px;margin:12px auto 0;}






.osanyx-flash24-grid .products{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start;}






.osanyx-flash24-grid .products .product{flex:0 1 280px;max-width:280px;}






.osanyx-flash24-grid .products .woocommerce-LoopProduct-link img{width:100%;height:auto;display:block;}






@media (max-width:640px){






  .osanyx-flash24-grid .products{display:block;}






  .osanyx-flash24-grid .products .product{max-width:100%;}






  .osanyx-banner-flash24{flex-direction:column;align-items:flex-start;}






}