/* 02 Mare aperto – blu marino e arancio vela, onde */
:root {
  --font-titoli: 'Baloo 2', sans-serif;
  --font-testo: 'Nunito Sans', sans-serif;
  --peso-titoli: 800;
  --logo-dim: 44px;
  --sfondo: #f3f8fc;
  --superficie: #ffffff;
  --superficie-2: #ffe3d0;
  --bordo: #cfe0ee;
  --testo-col: #0f2a44;
  --testo-tenue: #3e5a74;
  --primario: #c05621;
  --primario-hover: #9a3f14;
  --su-secondario: #0f4c81;
  --accento: #f08a5d;
  --prezzo: #0f4c81;
  --sconto-bg: #f08a5d;
  --sconto-col: #0f2a44;
  --link: #0f4c81;
  --raggio: 22px;
  --raggio-piccolo: 14px;
  --ombra: 0 8px 22px rgba(15, 42, 68, .10);
  --ombra-forte: 0 16px 34px rgba(15, 42, 68, .18);
  --icona-tratto: 2;
  --icona-col: #0f4c81;
  --icona-fondo: #e1eef8;
  --icona-forma: 42% 58% 55% 45% / 50% 45% 55% 50%;
  --foto-bg: #eef5fb;
  --foto-ico: #0f4c81;
  --banda-bg: #ffd3b8;
  --banda-col: #0f2a44;
  --testata-bg: #ffffff;
  --cat-bg: transparent;
  --logo-col: #0f2a44;
  --logo-pirata: #111827;
  --logo-fondo: #0f2a44;
  --err-bg: #0f2a44;
  --err-acc: #ffb48a;
  --affare-bg: #ffe3d0;
  --affare-col: #0f2a44;
  --cifra-bg: #0f2a44;
  --menu-attivo: #0f4c81;
  --menu-attivo-bg: #e1eef8;
  --piede-bg: #0f2a44;
  --barra-bg: #e1eef8;
  --barra-col: #0f4c81;
}
.testata { border-bottom: 0; position: relative; }
.categorie { border-bottom: 0; position: relative; margin-bottom: 14px; }
.categorie::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -14px; height: 14px; background: var(--superficie);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14'%3E%3Cpath d='M0 0h80v4c-10 0-10 8-20 8S50 4 40 4 30 12 20 12 10 4 0 4z'/%3E%3C/svg%3E") 0 0 / 80px 14px repeat-x;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14'%3E%3Cpath d='M0 0h80v4c-10 0-10 8-20 8S50 4 40 4 30 12 20 12 10 4 0 4z'/%3E%3C/svg%3E") 0 0 / 80px 14px repeat-x;
  animation: onda 6s linear infinite;
}
@keyframes onda { to { -webkit-mask-position: 80px 0; mask-position: 80px 0; } }
.categorie, .categorie .contenitore { background: var(--superficie); }
.cat { background: transparent; }
.logo-pirata { animation: dondola 3s ease-in-out infinite; transform-origin: 50% 10%; }
@keyframes dondola { 0%, 100% { transform: rotate(-10deg); } 50% { transform: rotate(16deg); } }
.prod:hover, .comando:hover { transform: translateY(-5px) rotate(-.4deg); box-shadow: var(--ombra-forte); }
.cat:hover .cat-ico { animation: galleggia 1.4s ease-in-out infinite; }
@keyframes galleggia { 50% { transform: translateY(-5px); } }
.errori-home { background-image: radial-gradient(circle at 0 100%, rgba(240, 138, 93, .25) 0 140px, transparent 141px); }
.badge-sconto { border-radius: 999px; }
html[data-tema="natale"] { --sconto-col: #ffffff; --banda-bg: #ffd3b8; --banda-col: #0f2a44; --logo-fondo: #0f2a44; --festa-bg: #b42318; --icona-col: #0f4c81; --icona-fondo: #e1eef8; }
html[data-tema="halloween"] { --logo-fondo: #3a2550; --logo-pirata: #111827; }
html[data-tema="blackfriday"] { --logo-fondo: #232323; --logo-pirata: #111827; }
.banda .ico-tg { color: #1d6fa5; }
.logo-con-icone .logo-pirata { width: 58px; height: 58px; right: -30px; top: -26px; }
@media (max-width: 760px) { .logo-con-icone .logo-pirata { width: 44px; height: 44px; right: -4px; top: -26px; } }
.piede .logo-pirata { color: #111827; }
.logo-con-icone .logo-festa { top: auto; bottom: -12px; left: -12px; }