/* Revisione ottobre 2026: pagina gift card (template-gift-card.php), dopo catalogo.css (myc_v3_pagine_enqueue()). */
.myc-catalogo .band.dark .steps > div { border-color: rgba(255,255,255,0.4); }
.myc-catalogo .band.dark .steps .n { color: #9FB0CC; }
.myc-catalogo .band.dark .steps span { color: #B8BFCA; }
.myc-catalogo .field textarea { padding: 14px; resize: vertical; }
.myc-catalogo .field .unit { position: relative; }
.myc-catalogo .field .unit input { padding-right: 46px; }
.myc-catalogo .field .unit::after { content: attr(data-unit); position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 0.8125rem; color: var(--grey); pointer-events: none; }
.myc-catalogo .field.err input { border-color: #A2412F; }
.myc-catalogo .field .msg { display: none; font-size: 0.75rem; color: #A2412F; }
.myc-catalogo .field.err .msg { display: block; }
.myc-catalogo .btn.block { display: flex; width: 100%; }
.myc-catalogo .band.dark .steps b { color: #FFFFFF; }
.myc-catalogo .gc { --brand: var(--ink); position: relative; display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 85.6/54; padding: 7% 7.5%; overflow: hidden; border-radius: 12px; color: #FFFFFF; background: var(--brand); container-type: inline-size; box-shadow: 0 18px 40px -18px rgba(24,32,45,0.45); }
.myc-catalogo .gc .lg { position: relative; z-index: 1; width: 28%; height: auto; }
.myc-catalogo .gc .row { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; }
.myc-catalogo .gc .kind { font-size: clamp(0.75rem, 2.6cqw, 0.75rem); font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; opacity: .85; }
.myc-catalogo .gc .amt { margin-top: 4px; font-family: var(--serif); font-size: clamp(1.25rem, 11cqw, 4rem); line-height: 1; }
.myc-catalogo .gc .to { max-width: 55%; font-size: clamp(0.75rem, 3cqw, 0.875rem); line-height: 1.3; text-align: right; opacity: .9; }
.myc-catalogo .gc .to b { display: block; font-family: var(--serif); font-size: clamp(0.75rem, 4.4cqw, 1.375rem); font-weight: 400; }
.myc-catalogo .gc.avorio { background: #EFE9DF; color: var(--ink); }
.myc-catalogo .gc.riga { padding-left: 21%; background: #FFFFFF; color: var(--ink); box-shadow: 0 18px 40px -18px rgba(24,32,45,0.35), inset 0 0 0 1px rgba(24,32,45,0.12); }
.myc-catalogo .gc.riga::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 14%; background: repeating-linear-gradient(90deg, #FFFFFF 0 3px, #8C9AD6 3px 6px); }
.myc-catalogo .stage { position: relative; display: grid; place-items: center; aspect-ratio: 5/4; }
.myc-catalogo .stage .gc { position: absolute; width: 68%; }
.myc-catalogo .stage .gc.back { transform: translate(-14%, -12%) rotate(-7deg); }
.myc-catalogo .stage .gc.front { transform: translate(9%, 10%) rotate(3deg); }
.myc-catalogo .pvbox { padding: clamp(28px, 6vw, 64px); background: var(--soft); }
.myc-catalogo .mailpv { font-size: 0.875rem; background: #FFFFFF; border: 1px solid var(--line); }
.myc-catalogo .mailpv .mh { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; padding: 12px 16px; font-size: 0.75rem; border-bottom: 1px solid var(--line); }
.myc-catalogo .mailpv .mh span:nth-child(odd) { color: var(--grey); }
.myc-catalogo .mailpv .mh span:nth-child(even) { overflow-wrap: anywhere; }
.myc-catalogo .mailpv .mb { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 26px; text-align: center; }
.myc-catalogo .mailpv .mlogo { width: 90px; height: auto; }
.myc-catalogo .mailpv .msg { max-width: 36ch; font-family: var(--serif); font-size: 1rem; font-style: italic; white-space: pre-wrap; overflow-wrap: anywhere; }
.myc-catalogo .mailpv .gc { width: min(320px, 100%); }
.myc-catalogo .mailpv .code { padding: 8px 16px; font-size: 0.875rem; font-weight: 500; letter-spacing: 0.25em; border: 1px dashed var(--ink); }
.myc-catalogo .designs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.myc-catalogo .designs button { padding: 6px; font: inherit; font-size: 0.78125rem; text-align: center; color: var(--ink); background: none; border: 1px solid transparent; cursor: pointer; }
.myc-catalogo .designs button > span { display: block; margin-top: 8px; }
.myc-catalogo .designs button.on { border-color: var(--ink); }
.myc-catalogo .designs .gc { border-radius: 6px; box-shadow: none; }
.myc-catalogo .form2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.myc-catalogo .form2 .wide { grid-column: 1 / -1; }
.myc-catalogo .buys { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; }
.myc-catalogo .buys button { display: flex; flex-direction: column; gap: 6px; padding: 22px; font: inherit; text-align: left; color: var(--ink); background: #FFFFFF; border: 1px solid var(--line); cursor: pointer; }
.myc-catalogo .buys button:hover { border-color: var(--ink); }
.myc-catalogo .buys .serif { font-size: 2.125rem; }
.myc-catalogo .buys b { font-size: 0.9375rem; font-weight: 500; }
.myc-catalogo .buys span:last-child { font-size: 0.84375rem; font-weight: 400; line-height: 1.5; color: var(--grey); }
@media (max-width: 640px) {
  .myc-catalogo .form2 { grid-template-columns: minmax(0, 1fr); }
}
.myc-catalogo .buy-gc { top: 84px; }