/* ═══════════════════════════════════════════════════════════════════════════
   AFFARINORO — Quotazione Monete d'Oro  (shortcode [quotazione_monete])  3.1.1
   Grafica dal mockup di settembre 2026: testata blu con la quotazione in oro,
   monete su scheda bianca, scheda della moneta su pannello chiaro.
   Font del tema, gia' caricati dal sito: Barlow Semi Condensed (pesi 300-600)
   e Lato 400: nessuna richiesta in piu' a Google Fonts.
   Ogni regola parte da .afn-monete per non farsi riscrivere dal tema.
   ═══════════════════════════════════════════════════════════════════════════ */

.afn-monete{
    --afn-blue:#00398c;
    --afn-blue-deep:#002d6e;
    --afn-ink:#12306b;                /* testo su bianco */
    --afn-grey:#667085;
    --afn-hair:#e6e9f0;               /* filetti */
    --afn-panel:#f3f5f9;
    --afn-gold:#f3c84b;
    --afn-gold-ink:#bf8900;           /* oro leggibile su bianco */
    --afn-foil:linear-gradient(180deg, #fff1b5 0%, #f7d264 36%, #e8ae2c 70%, #cf9414 100%);
    --afn-title:'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
    --afn-text:'Lato', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

    width:100%; margin:0 auto;
    font-family:var(--afn-text); font-size:16px; line-height:1.6; color:var(--afn-ink);
    text-align:left;
}
.afn-monete *, .afn-monete *::before, .afn-monete *::after{ box-sizing:border-box; }
.afn-monete [hidden]{ display:none !important; }
.afn-monete-wrap{ position:relative; z-index:2; max-width:900px; margin:0 auto; }
.afn-monete-sr,
.afn-monete-cap{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ── Testata ──────────────────────────────────────────────────────────────── */
.afn-monete-hero{
    position:relative; overflow:hidden; padding:58px 20px 46px; color:#fff;
    container-type:inline-size;
    background:
        radial-gradient(90% 120% at 50% -20%, rgba(46,120,230,0.50) 0%, rgba(46,120,230,0) 62%),
        linear-gradient(180deg, #003c94 0%, #00327e 58%, #002a6c 100%);
}
.afn-monete-hero::before{            /* colonne in controluce, verso destra */
    content:""; position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none;
    background:repeating-linear-gradient(90deg, rgba(255,255,255,0.055) 0, rgba(255,255,255,0.055) 1px, rgba(255,255,255,0.014) 1px, rgba(255,255,255,0) 46px, rgba(255,255,255,0) 92px);
    -webkit-mask-image:linear-gradient(90deg, transparent 30%, #000 100%);
    mask-image:linear-gradient(90deg, transparent 30%, #000 100%);
}
.afn-monete-hero::after{             /* bagliore oro nell'angolo */
    content:""; position:absolute; top:-170px; right:-150px; width:460px; height:460px; border-radius:50%; pointer-events:none;
    background:radial-gradient(closest-side, rgba(255,214,120,0.42) 0%, rgba(255,214,120,0.12) 52%, rgba(255,214,120,0) 72%);
    mix-blend-mode:screen;
}
.afn-monete-spark{
    position:absolute; z-index:1; width:18px; height:18px; pointer-events:none;
    background:radial-gradient(circle, #fff 0%, #ffe9a6 45%, rgba(255,233,166,0) 74%);
    -webkit-clip-path:polygon(50% 0, 59% 41%, 100% 50%, 59% 59%, 50% 100%, 41% 59%, 0 50%, 41% 41%);
    clip-path:polygon(50% 0, 59% 41%, 100% 50%, 59% 59%, 50% 100%, 41% 59%, 0 50%, 41% 41%);
    animation:afn-monete-twinkle 4.8s ease-in-out infinite;
}
.afn-monete-spark--1{ top:30px; right:8%; width:28px; height:28px; }
.afn-monete-spark--2{ top:104px; right:3.5%; width:13px; height:13px; animation-delay:1.6s; }
.afn-monete-spark--3{ top:70px; right:17%; width:10px; height:10px; animation-delay:3.1s; }

.afn-monete .afn-monete-title{
    margin:0; padding:0;
    font-family:var(--afn-title); font-size:clamp(24px, 6.4vw, 50px); font-weight:600; line-height:1.08;
    font-size:clamp(22px, 7.6cqw, 50px);
    letter-spacing:0.045em; text-transform:uppercase; text-align:center; color:#fff;
}
.afn-monete .afn-monete-intro{
    display:flex; align-items:center; justify-content:center; gap:12px;
    max-width:760px; margin:12px auto 0; padding:0;
    font-size:17px; line-height:1.45; text-align:center; color:rgba(255,255,255,0.88);
}
.afn-monete-intro::before,
.afn-monete-intro::after{ content:""; flex:0 0 22px; height:1px; background:var(--afn-gold); }

.afn-monete-quote{
    display:grid; grid-template-columns:minmax(0, 1.2fr) 1px minmax(0, 1fr); align-items:center; column-gap:34px;
    max-width:720px; margin:30px auto 0; padding:22px 34px 24px;
    border:2px solid var(--afn-gold); border-radius:10px;
    background:linear-gradient(180deg, rgba(0,22,70,0.62) 0%, rgba(0,26,80,0.38) 100%);
    box-shadow:0 22px 44px rgba(0,10,40,0.38), inset 0 1px 0 rgba(255,255,255,0.07);
}
.afn-monete-quote::before{ content:""; order:2; width:1px; height:46px; background:rgba(255,255,255,0.38); }
.afn-monete-quote__main{ order:1; min-width:0; }
.afn-monete-quote__side{ order:3; display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; text-align:center; }
.afn-monete-quote__label{
    font-family:var(--afn-title); font-size:15px; font-weight:500; line-height:1.3;
    letter-spacing:0.07em; text-transform:uppercase; color:rgba(255,255,255,0.92);
}
.afn-monete-quote__price{ display:flex; align-items:baseline; gap:10px; margin-top:6px; white-space:nowrap; }
.afn-monete-quote__num{
    font-family:var(--afn-title); font-size:clamp(46px, 7.4vw, 66px); font-weight:600; line-height:0.95; letter-spacing:0.01em;
    color:var(--afn-gold);
    background-image:linear-gradient(100deg, rgba(255,255,255,0) 42%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 58%), var(--afn-foil);
    background-size:260% 100%, 100% 100%; background-position:120% 0, 0 0; background-repeat:no-repeat;
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    animation:afn-monete-sheen 6s ease-in-out 1.2s infinite;
}
.afn-monete-quote__unit{ font-family:var(--afn-title); font-size:clamp(22px, 3.4vw, 30px); font-weight:500; line-height:1; color:#fff; }
.afn-monete-quote__spot{ margin-top:10px; font-size:14px; line-height:1.4; color:rgba(255,255,255,0.78); }
.afn-monete-quote__updated{ font-size:15px; line-height:1.4; color:rgba(255,255,255,0.88); transition:color 0.2s; }
.afn-monete-quote__updated.is-msg{ color:var(--afn-gold); }                 /* esito del pulsante «Aggiorna» */
.afn-monete-quote__price.is-fresh{ animation:afn-monete-fresh 0.9s ease-out 1; transform-origin:left center; }

.afn-monete-ko{
    max-width:720px; margin:30px auto 0; padding:26px 28px 28px; text-align:center;
    border:2px solid var(--afn-gold); border-radius:10px;
    background:linear-gradient(180deg, rgba(0,22,70,0.62) 0%, rgba(0,26,80,0.38) 100%);
}
.afn-monete-ko__title{ font-family:var(--afn-title); font-size:clamp(22px, 3.8vw, 28px); font-weight:600; line-height:1.2; color:#fff; }
.afn-monete .afn-monete-ko p{ max-width:480px; margin:8px auto 0; padding:0; font-size:16px; line-height:1.6; color:rgba(255,255,255,0.86); }
.afn-monete-ko .afn-monete-contacts{ justify-content:center; margin-top:18px; }

/* ── Pulsanti ─────────────────────────────────────────────────────────────── */
.afn-monete .afn-monete-btn{
    -webkit-appearance:none; appearance:none; position:relative; overflow:hidden;
    display:inline-flex; align-items:center; justify-content:center;
    width:auto; height:auto; min-height:42px; margin:0; padding:10px 22px;
    border:1.5px solid var(--afn-blue); border-radius:5px; background:#fff; box-shadow:none;
    font-family:var(--afn-title); font-size:15px; font-weight:600; line-height:1.2;
    letter-spacing:0.05em; text-transform:uppercase; text-align:center; text-decoration:none; white-space:nowrap; color:var(--afn-blue);
    cursor:pointer; transition:background-color 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.afn-monete .afn-monete-btn--ghost:hover{ background:var(--afn-blue); color:#fff; }
.afn-monete .afn-monete-btn--chiaro{ border-color:rgba(255,255,255,0.75); background:transparent; color:#fff; }
.afn-monete .afn-monete-btn--chiaro:hover{ background:#fff; color:var(--afn-blue); }
.afn-monete .afn-monete-btn--solid{
    border-color:#c99018; color:#0e2450;
    background:linear-gradient(180deg, #fde592 0%, #f3c54f 46%, #e0a526 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.7), 0 1px 0 rgba(122,82,0,0.25), 0 8px 18px rgba(0,24,70,0.16);
}
.afn-monete .afn-monete-btn--solid::after{          /* riflesso che attraversa il pulsante */
    content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%; pointer-events:none;
    background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    transform:skewX(-18deg); transition:left 0.55s ease;
}
.afn-monete .afn-monete-btn--solid:hover{
    color:#0e2450; transform:translateY(-1px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.7), 0 1px 0 rgba(122,82,0,0.25), 0 12px 24px rgba(0,24,70,0.24);
}
.afn-monete .afn-monete-btn--solid:hover::after,
.afn-monete .afn-monete-btn--solid:focus-visible::after{ left:115%; }
.afn-monete .afn-monete-btn:focus-visible{ outline:2px solid var(--afn-gold); outline-offset:2px; }
.afn-monete .afn-monete-btn:disabled{ opacity:0.75; cursor:default; transform:none; }
.afn-monete .afn-monete-refresh{ min-width:150px; min-height:38px; padding:8px 26px; }

/* ── Monete ───────────────────────────────────────────────────────────────── */
.afn-monete-body{ padding:26px 20px 46px; background:#fff; }

.afn-monete-filters{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 22px; }
.afn-monete .afn-monete-filter{
    -webkit-appearance:none; appearance:none;
    width:auto; height:auto; min-height:40px; margin:0; padding:9px 22px;
    border:1.5px solid var(--afn-blue); border-radius:5px; background:#fff; box-shadow:none;
    font-family:var(--afn-title); font-size:14px; font-weight:600; line-height:1.2;
    letter-spacing:0.05em; text-transform:uppercase; color:var(--afn-blue);
    cursor:pointer; transition:background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.afn-monete .afn-monete-filter:hover{ background:#eef3fb; color:var(--afn-blue); }
.afn-monete .afn-monete-filter.is-active{ background:var(--afn-blue); color:#fff; box-shadow:0 6px 14px rgba(0,57,140,0.22); }
.afn-monete .afn-monete-filter:focus-visible{ outline:2px solid var(--afn-gold-ink); outline-offset:2px; }

.afn-monete-card{
    overflow:hidden; border:1px solid var(--afn-hair); border-radius:10px; background:#fff;
    box-shadow:0 1px 2px rgba(16,40,90,0.05), 0 14px 34px rgba(16,40,90,0.08);
}
.afn-monete-head,
.afn-monete-row__grid{
    display:grid; grid-template-columns:minmax(0, 2.4fr) 96px 130px minmax(150px, 1fr) 28px; align-items:center; column-gap:12px;
}
.afn-monete-head{
    padding:16px 22px 14px;
    font-family:var(--afn-title); font-size:13px; font-weight:500; line-height:1.4;
    letter-spacing:0.07em; text-transform:uppercase; color:var(--afn-grey);
}
.afn-monete-head span:nth-child(4){ text-align:right; }

.afn-monete-coin{ border-top:1px solid var(--afn-hair); }
.afn-monete .afn-monete-row{
    -webkit-appearance:none; appearance:none;
    display:block; width:100%; height:auto; min-height:0; margin:0; padding:10px 22px;
    border:0; border-radius:0; background:transparent; box-shadow:none;
    font:inherit; letter-spacing:0; text-transform:none; text-align:left; color:inherit;
    cursor:pointer; transition:background-color 0.15s;
}
.afn-monete .afn-monete-coin > .afn-monete-row:hover{ background:#f6f9fd; color:inherit; }
.afn-monete .afn-monete-coin.is-open > .afn-monete-row{ background:#fff; }
.afn-monete .afn-monete-row:focus-visible{ outline:2px solid var(--afn-blue); outline-offset:-2px; }

.afn-monete-row__name{ display:flex; align-items:center; gap:22px; min-width:0; }
.afn-monete-thumb{
    flex:0 0 56px; display:flex; align-items:center; justify-content:center; overflow:hidden;
    width:56px; height:56px; border-radius:50%;
}
.afn-monete-thumb--sigla{            /* gettone con la sigla del Paese: non finge di essere la moneta */
    font-family:var(--afn-title); font-size:16px; font-weight:600; line-height:1; letter-spacing:0.06em; color:#6a4700;
    text-shadow:0 1px 0 rgba(255,255,255,0.55);
    background:radial-gradient(circle at 34% 28%, #fff4c4 0%, #f6d46a 26%, #e3ad33 60%, #b98411 100%);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,0.55), inset 0 0 0 3px rgba(150,98,0,0.35), inset 0 -5px 8px rgba(120,76,0,0.25), 0 3px 8px rgba(120,80,0,0.28);
}
.afn-monete-thumb--foto{ overflow:visible; filter:drop-shadow(0 2px 3px rgba(90,60,0,0.30)); }
.afn-monete .afn-monete-thumb img{
    display:block; width:100% !important; height:100% !important; max-width:none !important;
    margin:0 !important; padding:0; border:0; border-radius:50%; box-shadow:none; object-fit:cover;
}
.afn-monete-names{ display:block; min-width:0; }
.afn-monete-name{
    display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    font-family:var(--afn-title); font-size:20px; font-weight:600; line-height:1.2; color:var(--afn-blue);
}
.afn-monete-name-en{ display:block; margin-top:2px; font-size:14px; line-height:1.3; color:#3f5f9e; }
.afn-monete-row__kt,
.afn-monete-row__wf{ font-size:16px; line-height:1.3; white-space:nowrap; color:var(--afn-ink); }
.afn-monete-row__value{
    text-align:right; font-family:var(--afn-title); font-size:25px; font-weight:600; line-height:1.1;
    white-space:nowrap; color:var(--afn-gold-ink);
}
.afn-monete-row__chev{
    display:flex; align-items:center; justify-content:center; width:28px; height:28px;
    color:var(--afn-blue); transition:transform 0.25s, color 0.25s;
}
.afn-monete .afn-monete-row__chev svg{ display:block; width:18px; height:18px; }
.afn-monete-coin.is-open .afn-monete-row__chev{ transform:rotate(180deg); color:var(--afn-gold-ink); }

/* scheda della moneta: si apre in altezza senza misure fisse */
.afn-monete-detail{ display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.3s ease; }
.afn-monete-detail__in{ min-height:0; overflow:hidden; visibility:hidden; opacity:0; transition:opacity 0.3s ease, visibility 0s linear 0.3s; }
.afn-monete-coin.is-open > .afn-monete-detail{ grid-template-rows:1fr; }
.afn-monete-coin.is-open .afn-monete-detail__in{ visibility:visible; opacity:1; transition-delay:0s; }
.afn-monete-detail__pad{ padding:2px 22px 18px; }

.afn-monete-panel{ overflow:hidden; border-radius:8px; background:var(--afn-panel); }
.afn-monete .afn-monete-specs{
    display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); row-gap:22px;
    margin:0; padding:22px 8px;
}
.afn-monete .afn-monete-specs > div{ min-width:0; margin:0; padding:0 22px; border-left:1px solid #d5dbe6; }
.afn-monete .afn-monete-specs > div:nth-child(4n+1){ border-left-color:transparent; }
.afn-monete .afn-monete-specs dt{ margin:0 0 4px; padding:0; font-family:var(--afn-text); font-size:13px; font-weight:400; line-height:1.3; color:var(--afn-grey); }
.afn-monete .afn-monete-specs dd{ margin:0; padding:0; font-family:var(--afn-text); font-size:16px; font-weight:400; line-height:1.3; color:var(--afn-ink); }

.afn-monete-action{
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px;
    padding:12px 16px 12px 30px;
    background:linear-gradient(90deg, #f3eee1 0%, #eef0f4 72%);
}
.afn-monete-calc{ font-size:17px; line-height:1.3; color:var(--afn-ink); }
.afn-monete .afn-monete-calc__tot{
    margin-left:4px; font-family:var(--afn-title); font-size:27px; font-weight:600; white-space:nowrap; color:var(--afn-gold-ink);
}
.afn-monete-contacts{ display:flex; flex-wrap:wrap; gap:10px; }

.afn-monete .afn-monete-note{
    margin:0; padding:16px 28px 18px; border-top:1px solid var(--afn-hair);
    font-size:13px; line-height:1.6; text-align:center; color:var(--afn-grey);
}

.afn-monete .afn-monete-credits{
    margin:-6px 0 0; padding:0 28px 20px;
    font-family:var(--afn-text); font-size:12px; line-height:1.5; text-align:center; color:#7b8496;
}
.afn-monete .afn-monete-credits a{ color:inherit; text-decoration:underline; }
.afn-monete .afn-monete-credits a:hover{ color:var(--afn-blue); }

/* ── Testo (modificabile dalla pagina) ────────────────────────────────────── */
.afn-monete-text{
    position:relative; padding:52px 20px 44px; color:#fff;
    background:
        radial-gradient(90% 120% at 50% 125%, rgba(46,120,230,0.34) 0%, rgba(46,120,230,0) 60%),
        linear-gradient(180deg, #003a90 0%, #002d72 100%);
}
.afn-monete-text .afn-monete-wrap::before{
    content:""; display:block; width:30px; height:3px; margin:0 0 16px; border-radius:2px; background:var(--afn-gold);
}
.afn-monete .afn-monete-text h2,
.afn-monete .afn-monete-text h3{
    margin:0 0 20px; padding:0;
    font-family:var(--afn-title); font-size:clamp(26px, 4vw, 36px); font-weight:500; line-height:1.15;
    letter-spacing:0.005em; text-transform:none; color:#fff;
}
.afn-monete .afn-monete-text p,
.afn-monete .afn-monete-text li{ font-size:16px; line-height:1.8; color:rgba(255,255,255,0.86); }
.afn-monete .afn-monete-text p{ margin:0 0 16px; padding:0; }
.afn-monete .afn-monete-text ul,
.afn-monete .afn-monete-text ol{ margin:0 0 16px 20px; padding:0; }
.afn-monete .afn-monete-text strong,
.afn-monete .afn-monete-text b{ font-weight:700; color:#fff; }
.afn-monete .afn-monete-text em{ font-style:normal; font-weight:700; color:var(--afn-gold); }
.afn-monete .afn-monete-text a{ color:var(--afn-gold); text-decoration:underline; }
.afn-monete .afn-monete-text p.afn-monete-legal{
    margin:30px 0 0; padding:18px 0 0; border-top:2px solid var(--afn-gold);
    font-size:14px; line-height:1.5; text-align:center; color:rgba(255,255,255,0.9);
}

/* variante chiara (seconda proposta): text_style="chiaro" */
.afn-monete-text--chiaro{ padding-top:8px; color:var(--afn-ink); background:#fff; }
.afn-monete-text--chiaro .afn-monete-wrap::before{ width:52px; background:var(--afn-gold-ink); }
.afn-monete .afn-monete-text--chiaro h2,
.afn-monete .afn-monete-text--chiaro h3{ color:var(--afn-blue); }
.afn-monete .afn-monete-text--chiaro p,
.afn-monete .afn-monete-text--chiaro li{ color:#3b4a66; }
.afn-monete .afn-monete-text--chiaro strong,
.afn-monete .afn-monete-text--chiaro b{ color:var(--afn-ink); }
.afn-monete .afn-monete-text--chiaro em{ color:var(--afn-blue); }
.afn-monete .afn-monete-text--chiaro a{ color:var(--afn-blue); }
.afn-monete .afn-monete-text--chiaro p.afn-monete-legal{ border-top-color:#e0b040; color:var(--afn-ink); }

/* ── Tavoletta: stessa tabella, colonne piu' strette ──────────────────────── */
@media (max-width:899px){
    .afn-monete-head,
    .afn-monete-row__grid{ grid-template-columns:minmax(0, 2.4fr) 70px 104px minmax(132px, 1fr) 28px; column-gap:10px; }
    .afn-monete-head{ padding-left:18px; padding-right:18px; }
    .afn-monete .afn-monete-row{ padding-left:18px; padding-right:18px; }
    .afn-monete-row__name{ gap:14px; }
    .afn-monete-detail__pad{ padding-left:18px; padding-right:18px; }
    .afn-monete .afn-monete-specs > div{ padding:0 16px; }
    .afn-monete-action{ padding-left:24px; }
}

/* ── Telefono: ogni moneta e' una scheda (mockup mobile) ──────────────────── */
@media (max-width:699px){
    .afn-monete-hero{ padding:36px 18px 30px; }
    .afn-monete .afn-monete-title{ letter-spacing:0.02em; text-align:left; }
    .afn-monete .afn-monete-intro{ justify-content:flex-start; margin-left:0; font-size:16px; text-align:left; }
    .afn-monete-intro::before,
    .afn-monete-intro::after{ display:none; }

    /* quotazione a sinistra con l'ora sotto, pulsante a destra */
    .afn-monete-quote{
        grid-template-columns:minmax(0, 1fr) 1px auto; column-gap:22px; row-gap:6px;
        grid-template-areas:"main riga tasto" "ora riga tasto";
        margin-top:22px; padding:18px 22px 20px;
    }
    .afn-monete-quote::before{ grid-area:riga; order:0; height:64px; }
    .afn-monete-quote__main{ grid-area:main; order:0; }
    .afn-monete-quote__side{ display:contents; }
    .afn-monete-quote__updated{ grid-area:ora; text-align:left; }
    .afn-monete .afn-monete-refresh{ grid-area:tasto; min-width:132px; }

    .afn-monete-body{ padding:20px 16px 34px; }
    .afn-monete-filters{ flex-wrap:nowrap; gap:8px; margin-bottom:18px; }
    .afn-monete .afn-monete-filter{ flex:1 1 auto; padding:8px 10px; font-size:13px; white-space:nowrap; }

    .afn-monete-card{ overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
    .afn-monete-head{ display:none; }
    .afn-monete-coin{
        overflow:hidden; margin:0 0 10px; border:1px solid var(--afn-hair); border-radius:10px; background:#fff;
        box-shadow:0 1px 2px rgba(16,40,90,0.05), 0 8px 20px rgba(16,40,90,0.07);
    }
    .afn-monete .afn-monete-row{ padding:12px 14px; }
    .afn-monete-row__grid{ grid-template-columns:minmax(0, 1fr) 58px 76px 126px 22px; column-gap:12px; }
    .afn-monete-row__name{ gap:14px; }
    .afn-monete-thumb{ flex-basis:50px; width:50px; height:50px; }
    .afn-monete-thumb--sigla{ font-size:15px; }
    .afn-monete-name{ white-space:normal; font-size:19px; }
    .afn-monete-row__kt,
    .afn-monete-row__wf{ font-family:var(--afn-title); font-size:17px; font-weight:600; line-height:1.2; }
    .afn-monete-cap{
        position:static; display:block; width:auto; height:auto; overflow:visible; clip:auto; margin-top:2px;
        font-family:var(--afn-text); font-size:13px; font-weight:400; line-height:1.2; color:var(--afn-grey);
    }
    .afn-monete-row__value{ font-size:24px; }
    .afn-monete-row__chev{ width:22px; }

    /* scheda aperta: dati su pannello chiaro, pulsanti sotto a tutta larghezza */
    .afn-monete-detail__pad{ padding:0 14px 14px; }
    .afn-monete-panel{ overflow:visible; border-radius:0; background:transparent; }
    .afn-monete .afn-monete-specs{
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); row-gap:14px; padding:18px 4px 16px;
        border-radius:8px 8px 0 0; background:var(--afn-panel);
    }
    .afn-monete .afn-monete-specs > div{ padding:0 14px; }
    .afn-monete .afn-monete-specs > div:nth-child(4n+1){ border-left-color:#d5dbe6; }
    .afn-monete .afn-monete-specs > div:nth-child(2n+1){ border-left-color:transparent; }
    .afn-monete-action{ display:block; padding:0; background:transparent; }
    .afn-monete-calc{
        padding:14px 18px 16px; border-radius:0 0 8px 8px; background:var(--afn-panel);
        box-shadow:inset 0 1px 0 #d5dbe6; font-size:16px;
    }
    .afn-monete .afn-monete-calc__tot{ font-size:25px; }
    .afn-monete-contacts{ flex-direction:column; gap:8px; margin-top:10px; }
    .afn-monete .afn-monete-contacts .afn-monete-btn{ width:100%; min-height:46px; font-size:16px; }
    .afn-monete .afn-monete-note{ padding:8px 4px 0; border-top:0; }
    .afn-monete .afn-monete-credits{ padding:8px 4px 0; }

    .afn-monete-text{ padding:40px 20px 34px; }
}

/* ── Telefono stretto: nome sopra, numeri sotto ───────────────────────────── */
@media (max-width:559px){
    .afn-monete-quote{
        grid-template-columns:minmax(0, 1fr) auto; column-gap:14px; row-gap:10px;
        grid-template-areas:"main main" "ora tasto";
        align-items:center;
    }
    .afn-monete-quote::before{ display:none; }
    .afn-monete .afn-monete-refresh{ min-width:0; min-height:36px; padding:7px 18px; }
    .afn-monete-quote__updated{ font-size:14px; }

    .afn-monete-filter__in{ display:none; }

    .afn-monete-row__grid{
        grid-template-columns:58px 76px minmax(0, 1fr) 22px; row-gap:12px; column-gap:12px;
        grid-template-areas:"name name name chev" "kt wf value value";
    }
    .afn-monete-row__name{ grid-area:name; }
    .afn-monete-row__chev{ grid-area:chev; align-self:start; justify-self:end; margin-top:4px; }
    .afn-monete-row__kt{ grid-area:kt; }
    .afn-monete-row__wf{ grid-area:wf; }
    .afn-monete-row__value{ grid-area:value; align-self:center; }
}

@keyframes afn-monete-fresh{
    0%{ transform:scale(1.07); filter:brightness(1.5); }
    100%{ transform:scale(1); filter:brightness(1); }
}
@keyframes afn-monete-sheen{
    0%, 62%{ background-position:120% 0, 0 0; }
    100%{ background-position:-60% 0, 0 0; }
}
@keyframes afn-monete-twinkle{
    0%, 100%{ opacity:0.25; transform:scale(0.7) rotate(0deg); }
    50%{ opacity:1; transform:scale(1) rotate(8deg); }
}

@media (prefers-reduced-motion:reduce){
    .afn-monete-quote__num, .afn-monete-spark, .afn-monete-quote__price.is-fresh{ animation:none; }
    .afn-monete-spark{ opacity:0.7; }
    .afn-monete-detail, .afn-monete-detail__in, .afn-monete-row__chev,
    .afn-monete .afn-monete-btn, .afn-monete .afn-monete-btn--solid::after{ transition:none; }
}

@media print{
    .afn-monete-filters, .afn-monete-refresh, .afn-monete-row__chev, .afn-monete-spark{ display:none; }
    .afn-monete-detail{ grid-template-rows:1fr; }
    .afn-monete-detail__in{ visibility:visible; opacity:1; }
}
