{source}<!-- ======= GALATEA: INFO BOX E-COMMERCE (J3 + Sourcerer) ======= -->
<div class="gw-services"></div>
<style>
.gw-services{
--box-bg:#000000;--box-fg:#ffffff;--box-br:#222222;--gap:14px;--radius:14px;
}
.gw-services .gw-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:var(--gap);align-items:stretch;
}
.gw-services .gw-box,
.gw-services .gw-boxlink{display:flex;align-items:flex-start;gap:12px;padding:16px 14px;border-radius:var(--radius);background:var(--box-bg);border:1px solid var(--box-br);box-shadow:0 6px 18px rgba(0,0,0,0.22);min-height:88px;box-sizing:border-box;color:#ffffff !important;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease;
}
.gw-services .gw-box:hover,
.gw-services .gw-boxlink:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,0.35);
}
.gw-services .gw-box:active,
.gw-services .gw-boxlink:active{transform:translateY(-3px);
}
/* CONTENUTO */
.gw-services .gw-content{display:flex;flex-direction:column;gap:4px;
}
.gw-services .gw-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#ffffff !important;
}
.gw-services .gw-text{font-size:13px;color:#ffffff !important;opacity:0.9;
}
/* ICONE */
.gw-services .gw-ico{width:22px;height:22px;min-width:22px;margin-top:2px;
}
.gw-services .gw-ico path,
.gw-services .gw-ico circle,
.gw-services .gw-ico rect,
.gw-services .gw-ico polyline,
.gw-services .gw-ico line{stroke:#ffffff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
/* RESPONSIVE */
@media (max-width:1200px){.gw-services .gw-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){.gw-services .gw-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){.gw-services .gw-grid{grid-template-columns:1fr;}
}
</style>
<script>
(function(){
function iconExpress(){
return '<svg class="gw-ico" viewBox="0 0 24 24">'+
'<rect x="2.5" y="7" width="11" height="9"></rect>'+
'<polyline points="13.5,10 17,10 20.5,13 20.5,16 13.5,16"></polyline>'+
'<circle cx="7" cy="18" r="1.8"></circle>'+
'<circle cx="18" cy="18" r="1.8"></circle>'+
'</svg>';
}
function iconReturn(){
return '<svg class="gw-ico" viewBox="0 0 24 24">'+
'<polyline points="9,7 4,12 9,17"></polyline>'+
'<polyline points="15,7 20,12 15,17"></polyline>'+
'<line x1="4" y1="12" x2="20" y2="12"></line>'+
'</svg>';
}
function iconPayment(){
return '<svg class="gw-ico" viewBox="0 0 24 24">'+
'<rect x="3" y="5.5" width="18" height="13" rx="2"></rect>'+
'<line x1="3" y1="10" x2="21" y2="10"></line>'+
'<line x1="7" y1="15" x2="11" y2="15"></line>'+
'</svg>';
}
function iconPromo(){
return '<svg class="gw-ico" viewBox="0 0 24 24">'+
'<path d="M20 12c-1.5-.2-2.3-1.8-1.5-3.1.4-.7.3-1.6-.3-2.2s-1.5-.7-2.2-.3C14.8 7.2 13.2 6.4 13 5c-.1-.8-.8-1.5-1.7-1.5S9.7 4.2 9.6 5C9.4 6.4 7.8 7.2 6.5 6.4c-.7-.4-1.6-.3-2.2.3s-.7 1.5-.3 2.2C4.8 10.2 4 11.8 2.6 12c-.8.1-1.5.8-1.5 1.7s.7 1.6 1.5 1.7c1.4.2 2.2 1.8 1.4 3.1-.4.7-.3 1.6.3 2.2s1.5.7 2.2.3c1.3-.8 2.9 0 3.1 1.4.1.8.8 1.5 1.7 1.5s1.6-.7 1.7-1.5c.2-1.4 1.8-2.2 3.1-1.4.7.4 1.6.3 2.2-.3s.7-1.5.3-2.2c-.8-1.3 0-2.9 1.5-3.1.8-.1 1.5-.8 1.5-1.7S20.8 12.1 20 12z"></path>'+
'</svg>';
}
function iconShield(){
return '<svg class="gw-ico" viewBox="0 0 24 24">'+
'<path d="M12 3l7 3v5c0 5-3.2 8.5-7 10-3.8-1.5-7-5-7-10V6l7-3z"></path>'+
'<polyline points="9,12 11,14 15,10"></polyline>'+
'</svg>';
}
function createBox(item){
var icon='';
if(item.icon==='express') icon=iconExpress();
if(item.icon==='return') icon=iconReturn();
if(item.icon==='payment') icon=iconPayment();
if(item.icon==='promo') icon=iconPromo();
if(item.icon==='shield') icon=iconShield();
var content=
icon+
'<div class="gw-content">'+
'<div class="gw-title">'+item.title+'</div>'+
'<div class="gw-text">'+item.text+'</div>'+
'</div>';
if(item.link){
return '<a class="gw-boxlink" href="'+item.link+'" target="_blank">'+content+'</a>';
}
return '<div class="gw-box">'+content+'</div>';
}
document.addEventListener('DOMContentLoaded',function(){
var root=document.querySelector('.gw-services');
if(!root) return;
var items=[
{title:'SPEDIZIONE EXPRESS',text:'Ordina e ricevi a casa',icon:'express'},
{title:'RIMBORSO E RESI',text:'Resi e rimborsi veloci e sicuri',icon:'return'},
{title:'PAGAMENTO SICURO',text:'Scegli tu come pagare',icon:'payment'},
{title:'SCONTI E PROMOZIONI',text:'Iscriviti alla news',icon:'promo'},
{
title:'E Commerce SICURO',
text:'Analizzato su www.ecommercesicuro.com',
icon:'shield',
link:'https://www.ecommercesicuro.com/sito/ortopediamcroma.it'
}
];
var html='<div class="gw-grid">';
for(var i=0;i<items.length;i++){
html+=createBox(items[i]);
}
html+='</div>';
root.innerHTML=html;
});
})();
</script>
<!-- ======= /GALATEA ======= -->{/source}
