*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
margin: 0;
font-family: var(--pd-font-body);
font-size: var(--pd-size-base);
font-weight: 400;
line-height: var(--pd-lh-base);
color: var(--pd-ink);
background: var(--pd-crema);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.pd-blocco {
inline-size: calc(100% - var(--pd-margine) * 2);
max-inline-size: calc(var(--pd-container) - var(--pd-margine) * 2);
margin-inline: auto;
border-radius: var(--pd-radius-blocco);
box-shadow: var(--pd-ombra-blocco);
overflow: hidden;
position: relative; isolation: isolate;
}
.pd-blocco > .pd-container {
max-inline-size: none;
padding-inline: var(--pd-pad-blocco);
}
.pd-i { fill: currentColor; }
.pd-ombra { filter: var(--pd-ombra-oggetto); }
body::after {
content: ''; position: fixed; inset: 0; z-index: 1; pointer-events: none;
opacity: .035; mix-blend-mode: multiply;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
h1, h2, h3, h4 {
font-family: var(--pd-font-display);
font-weight: 400;
line-height: var(--pd-lh-snug);
letter-spacing: var(--pd-tracking-tight);
margin: 0 0 var(--pd-space-6);
text-wrap: balance;
}
h1 { font-size: var(--pd-size-xl); line-height: var(--pd-lh-tight); }
h2 { font-size: var(--pd-size-lg); }
h3 { font-size: var(--pd-size-md); }
p  { margin: 0 0 var(--pd-space-4); max-width: var(--pd-measure); text-wrap: pretty; }
a  { color: inherit; text-underline-offset: 0.25em; text-decoration-thickness: 1px; }
img, video, svg { max-width: 100%; height: auto; display: block; }
strong, b { font-weight: 600; }
.pd-eyebrow, .pd-section__title, .pd-nav__item > a, .pd-topbar,
.pd-footer__col h3, .pd-btn, .pd-card__count {
font-family: var(--pd-font-body);
font-size: var(--pd-size-xs);
letter-spacing: var(--pd-tracking-wide);
text-transform: uppercase;
font-weight: 500;
}
:focus-visible { outline: 2px solid var(--pd-fucsia); outline-offset: 3px; }
.pd-skip { position: absolute; left: -9999px; top: 0; z-index: 999; background: var(--pd-paper); padding: var(--pd-space-3) var(--pd-space-4); }
.pd-skip:focus { left: 0; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.pd-container { width: 100%; max-width: var(--pd-container); margin-inline: auto; padding-inline: var(--pd-margine); }
.pd-section { padding-block: var(--pd-section); position: relative; z-index: 2; }
.pd-section__title {
color: var(--pd-ink-soft); margin-block-end: var(--pd-space-12);
padding-block-end: var(--pd-space-4); border-block-end: var(--pd-border);
display: flex; align-items: baseline; gap: var(--pd-space-4);
}
.pd-btn, .woocommerce .button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button, .woocommerce #respond input#submit, .woocommerce .button.alt,
.woocommerce button.button.alt, .pd-newsletter__form button {
display: inline-flex; align-items: center; justify-content: center; gap: var(--pd-space-3);
background: var(--pd-fucsia); color: var(--pd-crema);
border: 1px solid var(--pd-fucsia); border-radius: 0;
font-family: var(--pd-font-body); font-size: var(--pd-size-xs);
font-weight: 500;
letter-spacing: var(--pd-tracking-wide); text-transform: uppercase;
padding: var(--pd-space-4) var(--pd-space-8); line-height: 1.4;
text-decoration: none; cursor: pointer;
transition: background var(--pd-dur-base) var(--pd-ease),
border-color var(--pd-dur-base) var(--pd-ease),
color var(--pd-dur-base) var(--pd-ease),
transform var(--pd-dur-fast) var(--pd-ease);
}
.pd-btn:hover, .woocommerce .button:hover, .woocommerce button.button:hover,
.woocommerce a.button:hover, .woocommerce .button.alt:hover {
background: var(--pd-fucsia-d); border-color: var(--pd-fucsia-d); color: var(--pd-crema);
}
.pd-btn, .woocommerce .button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button, .wp-element-button {
transition: transform var(--pd-dur-fast) var(--pd-ease), background var(--pd-dur-base) var(--pd-ease),
border-color var(--pd-dur-base) var(--pd-ease), color var(--pd-dur-base) var(--pd-ease);
}
.pd-btn:active, .woocommerce .button:active, .woocommerce button.button:active,
.woocommerce input.button:active, .woocommerce a.button:active, .wp-element-button:active {
transform: scale(0.97);
}
.pd-btn--ghost, .pd-btn--vuoto {
background: transparent; color: var(--pd-nero); border-color: var(--pd-nero);
}
.pd-btn--ghost:hover, .pd-btn--vuoto:hover {
background: var(--pd-nero); color: var(--pd-crema); border-color: var(--pd-nero);
}
.woocommerce .button.added_to_cart { background: transparent; color: var(--pd-nero); }
.pd-hero { padding-block: var(--pd-space-20) var(--pd-section); position: relative; z-index: 2; }
.pd-hero__inner { display: grid; gap: var(--pd-space-12); align-items: end; }
@media (min-width: 900px) { .pd-hero__inner { grid-template-columns: 0.85fr 1.15fr; gap: clamp(var(--pd-space-12), 6vw, var(--pd-space-32)); } }
.pd-hero__eyebrow { color: var(--pd-fucsia-d); margin-block-end: var(--pd-space-8); }
.pd-hero__title { font-size: var(--pd-size-2xl); font-weight: 300; margin-block-end: var(--pd-space-8); }
.pd-hero__claim { font-size: var(--pd-size-md); color: var(--pd-ink-soft); }
.pd-hero__actions { display: flex; flex-wrap: wrap; gap: var(--pd-space-4); margin-block-start: var(--pd-space-10); }
.pd-hero__figure { margin: 0; position: relative; }
.pd-hero__figure a { text-decoration: none; display: block; }
.pd-hero__img { inline-size: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
@media (min-width: 900px) { .pd-hero__img { aspect-ratio: 5 / 4; } }
.pd-hero__figure figcaption { margin-block-start: var(--pd-space-4); font-size: var(--pd-size-xs); letter-spacing: var(--pd-tracking-wide); text-transform: uppercase; color: var(--pd-ink-soft); }
.pd-grid { display: grid; gap: var(--pd-space-10) var(--pd-space-8); grid-template-columns: repeat(2, 1fr); list-style: none; margin: 0; padding: 0; }
@media (min-width: 700px)  { .pd-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .pd-grid { grid-template-columns: repeat(4, 1fr); } }
.pd-card a { text-decoration: none; display: block; }
.pd-card__media { aspect-ratio: var(--pd-ratio-card); overflow: hidden; background: var(--pd-sabbia); display: block; }
.pd-card__media img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform var(--pd-dur-slow) var(--pd-ease); }
@media (hover: hover) { .pd-card:hover .pd-card__media img { transform: scale(1.04); } }
.pd-card__title { display: block; margin-block-start: var(--pd-space-4); font-family: var(--pd-font-display); font-size: var(--pd-size-md); }
.pd-card__count { display: block; margin-block-start: var(--pd-space-1); color: var(--pd-ink-soft); }
.pd-modes--pdp { margin-block: var(--pd-space-8) 0; }
.pd-modes--pdp li { font-size: var(--pd-size-sm); text-transform: none; letter-spacing: 0; }
.pd-format { color: var(--pd-ink-soft); font-family: var(--pd-font-body); font-size: var(--pd-size-sm); letter-spacing: var(--pd-tracking-wide); text-transform: uppercase; margin: calc(var(--pd-space-3) * -1) 0 var(--pd-space-6); }
.pd-logistica { margin: var(--pd-space-10) 0; padding: var(--pd-space-6) 0; border-block: var(--pd-border); }
.pd-logistica > div { display: flex; justify-content: space-between; gap: var(--pd-space-4); padding-block: var(--pd-space-3); }
.pd-logistica dt { color: var(--pd-ink-soft); font-size: var(--pd-size-sm); margin: 0; }
.pd-logistica dd { margin: 0; font-size: var(--pd-size-sm); font-variant-numeric: tabular-nums; }
.pd-preavviso { font-size: var(--pd-size-sm); background: var(--pd-sabbia); padding: var(--pd-space-4) var(--pd-space-5); border-inline-start: 2px solid var(--pd-fucsia); margin: 0 0 var(--pd-space-6); }
.pd-allergeni { margin-block: var(--pd-space-5) 0; padding-block-start: var(--pd-space-5); border-block-start: var(--pd-border); font-size: var(--pd-size-sm); }
.pd-dettagli { margin: var(--pd-space-12) 0; max-width: var(--pd-measure); }
.pd-dettagli__voce { border-block-end: var(--pd-border); }
.pd-dettagli__voce summary { cursor: pointer; padding: var(--pd-space-5) 0; list-style: none; font-size: var(--pd-size-xs); letter-spacing: var(--pd-tracking-wide); text-transform: uppercase; display: flex; justify-content: space-between; }
.pd-dettagli__voce summary::-webkit-details-marker { display: none; }
.pd-dettagli__voce summary::after { content: '+'; font-size: var(--pd-size-base); }
.pd-dettagli__voce[open] summary::after { content: '–'; }
.pd-ingredienti { line-height: 1.85; }
.pd-allergene { font-weight: 700; }
.pd-contiene { font-size: var(--pd-size-sm); color: var(--pd-ink-soft); }
.pd-split { border: var(--pd-border); padding: var(--pd-space-10); margin-block-end: var(--pd-space-12); background: var(--pd-sabbia); }
.pd-split__title { font-size: var(--pd-size-md); margin-block-end: var(--pd-space-3); }
.pd-split__lead { font-size: var(--pd-size-sm); color: var(--pd-ink-soft); }
.pd-split__groups { list-style: none; margin: var(--pd-space-8) 0 0; padding: 0; display: grid; gap: var(--pd-space-6); }
@media (min-width: 700px) { .pd-split__groups { grid-template-columns: 1fr 1fr; } }
.pd-split__group { border: var(--pd-border); background: var(--pd-paper); padding: var(--pd-space-6); }
.pd-split__n { display: inline-grid; place-items: center; inline-size: 1.7em; block-size: 1.7em; border-radius: 50%; background: var(--pd-nero); color: var(--pd-paper); font-size: var(--pd-size-xs); margin-inline-end: var(--pd-space-3); }
.pd-split__count { color: var(--pd-ink-soft); font-size: var(--pd-size-sm); }
.pd-split__group ul { margin: var(--pd-space-4) 0 0; padding-inline-start: var(--pd-space-6); font-size: var(--pd-size-sm); }
.pd-logistics { background: var(--pd-sabbia); }
.pd-logistics__grid { display: grid; gap: var(--pd-space-12); }
@media (min-width: 700px) { .pd-logistics__grid { grid-template-columns: repeat(3, 1fr); } }
.pd-logistics h3 { font-family: var(--pd-font-display); font-size: var(--pd-size-md); }
.pd-logistics p { font-size: var(--pd-size-sm); color: var(--pd-ink-soft); }
.pd-craft__text { font-family: var(--pd-font-display); font-size: var(--pd-size-lg); line-height: var(--pd-lh-snug); max-width: 22ch; }
.pd-trust__nap { font-style: normal; font-family: var(--pd-font-display); font-size: var(--pd-size-md); line-height: 1.6; }
.pd-consent { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 999; background: var(--pd-paper); border-block-start: var(--pd-border); padding: var(--pd-space-8) var(--pd-space-5); box-shadow: var(--pd-shadow-lg); }
.pd-consent__text { font-size: var(--pd-size-sm); max-width: var(--pd-measure); margin-inline: auto; }
.pd-consent__opts { display: flex; flex-wrap: wrap; gap: var(--pd-space-6); justify-content: center; margin-block: var(--pd-space-6); }
.pd-consent__opt { font-size: var(--pd-size-sm); display: inline-flex; align-items: center; gap: var(--pd-space-2); }
.pd-consent__actions { display: flex; flex-wrap: wrap; gap: var(--pd-space-3); justify-content: center; }
.pd-consent__actions button {
font-family: var(--pd-font-body); font-size: var(--pd-size-xs); letter-spacing: var(--pd-tracking-wide);
text-transform: uppercase; cursor: pointer; padding: var(--pd-space-4) var(--pd-space-8); min-height: 48px;
border: 1px solid var(--pd-nero); background: transparent; color: var(--pd-nero); border-radius: var(--pd-radius);
transition: background var(--pd-dur-base) var(--pd-ease), color var(--pd-dur-base) var(--pd-ease);
}
.pd-consent__actions button:hover { background: var(--pd-nero); color: var(--pd-paper); }
.pd-consent__actions [data-pd="accept-all"] { background: var(--pd-nero); color: var(--pd-paper); }
.pd-consent__actions [data-pd="accept-all"]:hover { background: transparent; color: var(--pd-nero); }
@media (max-width: 699px) {
.pd-consent { padding: var(--pd-space-5); max-height: 62vh; overflow-y: auto; }
.pd-consent__opts { flex-direction: column; align-items: flex-start; gap: var(--pd-space-3); }
.pd-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
.pd-consent__actions [data-pd="accept-all"] { grid-column: 1 / -1; }
}
.pd-empty { padding-block: var(--pd-space-16); text-align: center; }
.pd-empty p { margin-inline: auto; }
.pd-empty__cats {
list-style: none; padding: 0; margin-block: var(--pd-space-4) 0;
inline-size: 100%; max-inline-size: 46rem;
display: flex; flex-wrap: wrap; gap: var(--pd-space-3) var(--pd-space-6);
justify-content: center;
}
.pd-empty__cats a {
display: flex; align-items: center; min-block-size: 44px;
color: var(--pd-ink); text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.pd-empty__cats a:hover { color: var(--pd-fucsia); }
.pd-hero__title {
font-size: clamp(2.5rem, 1.6rem + 3.4vw, 4.25rem);
max-width: 14ch;
}
.pd-hero__inner { align-items: center; }
.pd-hero { padding-block: var(--pd-space-16) var(--pd-space-24); }
@media (min-width: 900px) {
.pd-hero__inner { grid-template-columns: 1fr 1.05fr; }
.pd-hero__img { aspect-ratio: 4 / 5; }
}
.pd-hero__claim { max-width: 34ch; }
@media (min-width: 1000px) and (max-width: 1439px) {
.pd-nav__list { gap: var(--pd-space-5); }
.pd-nav__item > a { font-size: 0.6875rem; letter-spacing: 0.1em; }
}
@media (min-width: 1440px) { .pd-nav__list { gap: var(--pd-space-6); } }
.pd-header__inner { column-gap: var(--pd-space-10); }
.pd-cats { align-items: start; }
@media (max-width: 767px) {
.pd-section { padding-block: var(--pd-space-16); }
.pd-section__title { margin-block-end: var(--pd-space-8); }
.pd-grid { gap: var(--pd-space-8) var(--pd-space-4); }
.pd-btn { inline-size: 100%; }
.pd-logistics__grid { gap: var(--pd-space-8); }
}
@media (max-width: 699px) {
.single-product form.cart {
position: sticky; inset-block-end: 0; z-index: 90;
background: var(--pd-crema);
border-block-start: 1px solid var(--pd-line);
padding: var(--pd-space-3) 0 calc(var(--pd-space-3) + env(safe-area-inset-bottom));
margin-block: var(--pd-space-6) 0;
}
.single-product div.summary { padding-block-end: var(--pd-space-14); }
.single-product form.cart .button { flex: 1; }
.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: var(--pd-space-8) var(--pd-space-4); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: var(--pd-size-base); }
.woocommerce ul.products li.product .button { inline-size: 100%; padding-inline: var(--pd-space-4); }
}
html { scrollbar-gutter: stable; }
.pd-reveal-attivo [data-pd-reveal] {
opacity: 0;
transform: translate3d(0, 24px, 0);
transition: opacity var(--pd-dur-slow) var(--pd-ease),
transform var(--pd-dur-slow) var(--pd-ease);
}
.pd-reveal-attivo [data-pd-reveal].is-in { opacity: 1; transform: none; }
@media (max-width: 699px) {
.pd-reveal-attivo [data-pd-reveal] { transform: translate3d(0, 14px, 0); }
}
.pd-sec__more { margin: var(--pd-space-10) 0 0; display: flex; flex-wrap: wrap; gap: var(--pd-space-8); }
.pd-sec__more a {
font-family: var(--pd-font-body); font-size: var(--pd-size-xs);
letter-spacing: var(--pd-tracking-wide); text-transform: uppercase;
text-decoration: none; border-block-end: 1px solid currentColor; padding-block-end: 3px;
transition: color var(--pd-dur-base) var(--pd-ease);
}
.pd-sec__more a:hover { color: var(--pd-fucsia-d); }
main > *:first-child:not(.pd-cover):not(.pd-conto--vetrina):not(:has(.pd-conto--vetrina)) { padding-block-start: var(--pd-ritmo-tit); }
.pd-briciole a, .pd-torna a, .pd-sec__more a,
.woocommerce-breadcrumb a, .pd-vetrina__lista .add_to_cart_button {
display: inline-flex; align-items: center; min-block-size: 36px;
}
.pd-perso {
text-align: center;
padding-block: clamp(var(--pd-space-12), 6vw, var(--pd-space-24));
display: grid; justify-items: center;
}
.pd-perso__pu {
inline-size: clamp(180px, 22vw, 280px); block-size: auto;
margin-block-end: var(--pd-space-6);
filter: drop-shadow(0 12px 20px rgb(29 25 22 / 16%));
}
.pd-perso__tit {
margin: var(--pd-space-3) 0 var(--pd-space-4);
font-family: var(--pd-font-display); font-weight: var(--pd-peso-display);
font-size: var(--pd-t-titolo); line-height: 1.06; letter-spacing: -0.02em;
color: var(--pd-nero);
}
.pd-perso__testo {
margin: 0 auto var(--pd-ritmo-tit); max-inline-size: 46ch;
font-size: var(--pd-t-guida); line-height: 1.6; color: var(--pd-ink-soft);
}
.pd-perso__cerca {
display: flex; gap: var(--pd-space-3); flex-wrap: wrap; justify-content: center;
inline-size: 100%; max-inline-size: 34rem;
}
.pd-perso__cerca input[type="search"] { flex: 1 1 260px; min-inline-size: 0; }
.pd-perso__vie {
display: flex; gap: var(--pd-space-3); flex-wrap: wrap; justify-content: center;
margin: var(--pd-space-8) 0 0;
}
.pd-cat__via, .woocommerce-breadcrumb, .pd-briciole {
display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--pd-space-2);
}
.pd-cat__via a, .pd-cat__via > span,
.woocommerce-breadcrumb a, .woocommerce-breadcrumb > span,
.pd-briciole a, .pd-briciole > span {
display: inline-flex; align-items: center; min-block-size: 36px;
}
.single-product .pd-dettagli__voce > summary,
.single-product .woocommerce-tabs .tabs li a { min-block-size: 40px; display: flex; align-items: center; }
.pd-sec__more a { min-block-size: 40px; }
.pd-valori { padding-block: var(--pd-ritmo); background: none; }
.pd-valori ul {
list-style: none; margin: 0; padding: 0;
display: grid; gap: var(--pd-space-8) var(--pd-space-6);
grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}
.pd-valori li {
display: flex; align-items: start; gap: var(--pd-space-4);
min-inline-size: 0;
}
.pd-valori__i {
flex: 0 0 auto;
inline-size: 46px; block-size: 46px; border-radius: 50%;
display: grid; place-items: center;
border: 1px solid var(--pd-line);
background: var(--pd-paper);
}
.pd-valori svg { inline-size: 24px; block-size: 24px; color: var(--pd-fucsia); }
.pd-valori__t { display: block; min-inline-size: 0; }
.pd-valori__t strong {
display: block;
font-family: var(--pd-font-body);
font-size: var(--pd-t-micro);
font-weight: 700;
letter-spacing: 0.09em; text-transform: uppercase;
color: var(--pd-nero); line-height: 1.25;
margin-block-end: 0.35em;
overflow-wrap: break-word;
}
.pd-valori__t > span {
display: block;
font-family: var(--pd-font-body); font-size: var(--pd-t-nota);
line-height: 1.45; color: var(--pd-ink-soft);
overflow-wrap: break-word;
}
@media (min-width: 1200px) {
.pd-valori ul { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 479px) {
.pd-valori__i { inline-size: 40px; block-size: 40px; }
.pd-valori svg { inline-size: 21px; block-size: 21px; }
.pd-valori ul { gap: var(--pd-space-6); }
}
.pd-foot__top > *,
.pd-foot__cols > *,
.pd-foot__brand > *,
.pd-due__grid > *,
.pd-tessere__lista > *,
.pd-firma__alto > * { min-inline-size: 0; }
.pd-foot__nome,
.pd-tessera__nome,
.pd-card__link h2,
.woocommerce-loop-product__title,
.single-product .product_title,
img, svg, video, iframe, embed, object { max-inline-size: 100%; }
.pd-sec__more a,
.pd-conto__altra a,
.pd-conto__ospite a,
.woocommerce-account nav ul li a,
.pd-schermata-conto nav ul li a {
display: inline-flex; align-items: center; min-block-size: 32px;
}
@media (pointer: coarse) {
.pd-sec__more a,
.pd-conto__altra a,
.pd-conto__ospite a,
.woocommerce-account nav ul li a,
.pd-schermata-conto nav ul li a { min-block-size: 44px; }
}
input[type="checkbox"], input[type="radio"] { inline-size: 20px; block-size: 20px; }
.pd-spunta input[type="checkbox"] { inline-size: 22px; block-size: 22px; }
.pd-conto__ricorda,
.woocommerce-form-login__rememberme {
display: inline-flex; align-items: center; gap: var(--pd-space-3);
min-block-size: 32px;
}
.pd-spunta { min-block-size: 32px; }
@media (pointer: coarse) {
.pd-conto__ricorda,
.woocommerce-form-login__rememberme,
.pd-spunta { min-block-size: 44px; }
.pd-spunta { padding-block: var(--pd-space-2); }
}
.pd-conto__minori a { padding-block: 0.55em; margin-block: -0.55em; }
.pd-sr {
position: absolute; inline-size: 1px; block-size: 1px;
margin: -1px; padding: 0; border: 0;
overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
#pd-main { position: relative; }
#pd-main > *:not(.pd-segno) { position: relative; z-index: 1; }
.pd-segno {
position: absolute; inset-block-start: 0; inset-inline-end: 0; z-index: 2;
inline-size: 240px; block-size: 200px;
overflow: hidden; pointer-events: none;
}
#pd-main > .pd-segno { padding: 0; }
.pd-segno__m {
display: block; inline-size: 100%; block-size: 100%;
background: var(--m) right top / contain no-repeat;
}
@media (max-width: 899px) { .pd-segno { display: none; } }
.home .pd-segno,
.woocommerce-account .pd-segno,
.single-product .pd-segno,
.woocommerce-cart .pd-segno,
.woocommerce-checkout .pd-segno { display: none; }
@media (prefers-reduced-motion: no-preference) {
.pd-segno__m { animation: pd-segno-arriva 520ms var(--pd-ease) 240ms both; }
@keyframes pd-segno-arriva {
from { opacity: 0; transform: translate(12px, -12px); }
to   { opacity: 1; transform: none; }
}
}
.pd-scheda__occhiello {
margin: 0 0 var(--pd-space-4);
font-family: var(--pd-font-body); font-size: var(--pd-t-micro); font-weight: 600;
letter-spacing: 0.18em; text-transform: uppercase; color: var(--pd-fucsia);
}