/* ==========================================================================
   Produktdetailseite V2 (Flag HOMEPAGE_V2) — gekapselt unter .pdv2.
   Das Kaufwidget (components/produkt/_kaufwidget.html) bleibt im Markup
   unverändert; hier nur seine Optik im .pdv2-widget-Scope.
   ========================================================================== */

/* ------------------------------------------------------------------ */
/* Hero: Galerie 55 · Kauf 45                                           */
/* ------------------------------------------------------------------ */
.pdv2-hero {
    padding: calc(var(--navbar-height, 56px) + 1.5rem) 0 clamp(2.5rem, 5vw, 4.5rem);
    background: #fff;
}
.pdv2-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
    font-size: 0.74rem;
    letter-spacing: 0.06em;
    color: var(--pv2-muted);
}
.pdv2-breadcrumb a { color: var(--pv2-accent); text-decoration: none; }
.pdv2-breadcrumb a:hover { text-decoration: underline; }

.pdv2 .sale-info-box {
    margin: 0 0 1.5rem;
    padding: 1rem 1.25rem;
    border: 0;
    border-left: 3px solid var(--pv2-accent);
    border-radius: 0;
    background: var(--pv2-cream);
    box-shadow: none;
}

.pdv2-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: start;
}
@media (min-width: 992px) {
    .pdv2-hero__grid { grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); }
    .pdv2-buy { position: sticky; top: calc(var(--navbar-height, 56px) + 2rem); }
}

/* Galerie */
.pdv2-gallery__main {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--pv2-sand);
}
.pdv2-gallery__main img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdv2-gallery__thumbs {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.75rem;
    overflow-x: auto;
    scrollbar-width: thin;
}
.pdv2 .product-gallery-thumb {
    position: relative;
    flex: 0 0 auto;
    width: 92px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    border: 1px solid transparent;
    transition: opacity 0.2s ease, border-color 0.2s ease;
}
.pdv2 .product-gallery-thumb:hover { opacity: 1; }
.pdv2 .product-gallery-thumb.active { opacity: 1; border-color: var(--pv2-ink); }
.pdv2 .product-gallery-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Produkt & Kauf */
.pdv2-title { font-size: var(--aw-text-display-lg, clamp(2.15rem, 1.4rem + 1.9vw, 3.25rem)); }
.pdv2-kurz { margin: 1rem 0 0; font-size: 1.02rem; line-height: 1.65; color: var(--pv2-text); }
.pdv2-rating { display: flex; align-items: center; gap: 0.6rem; margin-top: 1rem; font-size: 0.86rem; }
.pdv2 .stars-container { position: relative; display: inline-block; color: #b8934f; font-size: 0.85rem; white-space: nowrap; }
.pdv2 .stars-foreground { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; }
.pdv2 .rating-text strong { color: var(--pv2-ink); }

.pdv2-echt {
    margin-top: 1.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--pv2-line);
}
.pdv2-echt__count {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin: 0 0 1rem;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--pv2-muted);
}
.pdv2-echt__count strong {
    font-family: var(--pv2-serif);
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--pv2-accent);
    line-height: 1;
}
.pdv2-echt__cta { width: 100%; }
.pdv2-echt__oder { margin: 1.5rem 0 0.25rem; font-size: 0.86rem; color: var(--pv2-muted); }

/* Kaufwidget (bestehendes Markup) ruhiger setzen */
.pdv2-widget { margin-top: 1.25rem; }
.pdv2-widget .product-card,
.pdv2-widget .card { display: block !important; height: auto !important; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.pdv2-widget .card-body { padding: 0; }
.pdv2-widget .product-type-selector h5 {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--pv2-muted);
}
.pdv2-widget [id^="product-price-"] {
    font-family: var(--pv2-serif);
    font-size: 1.6rem !important;
    font-weight: 500 !important;
    color: var(--pv2-ink);
}
.pdv2-widget .product-type-selector .type-btn {
    border-radius: 2px !important;
    border-color: var(--pv2-line);
    background: #fff;
    color: var(--pv2-ink);
    font-size: 0.86rem;
    font-weight: 600;
    padding: 0.7rem 0.5rem;
}
.pdv2-widget .product-type-selector .type-btn.active {
    background: var(--pv2-ink);
    border-color: var(--pv2-ink);
    color: #fff;
}
.pdv2-widget .flex-grow-1 { display: none; }
.pdv2-widget .wunschmengen-chips { gap: 0.4rem; }
.pdv2-widget .wunschmenge-chip { border-radius: 999px; border-color: var(--pv2-line); font-size: 0.86rem; }
.pdv2-widget .wunschmenge-chip.active { background: var(--pv2-ink); border-color: var(--pv2-ink); color: #fff; }
.pdv2-widget .btn-primary,
.pdv2-widget .add-to-cart-btn,
.pdv2-widget .btn-passende-stuecke-anzeigen {
    min-height: 3.25rem;
    border: 1px solid var(--pv2-ink);
    border-radius: 2px;
    background: var(--pv2-ink);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.pdv2-widget .btn-primary:hover,
.pdv2-widget .add-to-cart-btn:hover:not(:disabled) { background: #3a2f28; border-color: #3a2f28; }
.pdv2-echt ~ .pdv2-widget .btn-passende-stuecke-anzeigen { background: transparent; color: var(--pv2-ink); }
.pdv2-echt ~ .pdv2-widget .btn-passende-stuecke-anzeigen:hover { background: var(--pv2-ink); color: #fff; }
.pdv2-widget .input-group .form-control,
.pdv2-widget .input-group .btn,
.pdv2-widget .input-group-text,
.pdv2-widget .form-select { border-radius: 0; border-color: var(--pv2-line); }
.pdv2-widget .border-top { border-color: var(--pv2-line) !important; }
.pdv2-widget [id^="total-price-"] { font-family: var(--pv2-serif); font-weight: 500 !important; }

/* ------------------------------------------------------------------ */
/* Echte Stücke                                                        */
/* ------------------------------------------------------------------ */
.pdv2-cuts__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem 3rem;
    align-items: end;
    margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
}
.pdv2-cuts__head .pv2-lead { margin-top: 0.75rem; }
.pdv2-cuts__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; }
.pdv2-cuts__count {
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--pv2-accent-on-dark);
}
.pdv2 .pdv2-cuts__filter { display: flex; gap: 0.35rem; margin: 0; }
.pdv2 .pdv2-cuts__filter .cut-filter-chip {
    padding: 0.35rem 0.85rem;
    border: 1px solid rgba(243, 238, 230, 0.25);
    border-radius: 999px;
    background: transparent;
    color: var(--pv2-on-dark);
    font-size: 0.82rem;
}
.pdv2 .pdv2-cuts__filter .cut-filter-chip.active { background: var(--pv2-on-dark); color: var(--pv2-ink); border-color: var(--pv2-on-dark); }
@media (min-width: 992px) {
    .pdv2-cuts__head { grid-template-columns: minmax(0, 1fr) auto; }
}

.pdv2-cuts__row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 3 * 1.25rem) / 3.4);
    gap: 1.25rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.75rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(243, 238, 230, 0.3) transparent;
}
.pdv2-cut { scroll-snap-align: start; min-width: 0; }
.pdv2-cut .cut-card { display: flex; flex-direction: column; height: 100%; color: var(--pv2-on-dark-muted); }
.pdv2-cut__media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: var(--pv2-dark-2); }
.pdv2-cut__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdv2-cut__placeholder { display: grid; place-items: center; height: 100%; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; }
.pdv2-cut__tag {
    position: absolute;
    left: 0.75rem;
    top: 0.75rem;
    padding: 0.28rem 0.6rem;
    background: rgba(22, 17, 14, 0.82);
    color: var(--pv2-on-dark);
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.pdv2-cut__info {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
    padding: 0.9rem 0 0.75rem;
}
.pdv2-cut__name { font-size: 0.74rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--pv2-on-dark); }
.pdv2-cut__price { font-family: var(--pv2-serif); font-size: 1.45rem; line-height: 1; color: var(--pv2-on-dark); text-align: right; }
.pdv2-cut__price s { display: block; font-size: 0.9rem; color: var(--pv2-on-dark-muted); }
.pdv2-cut__facts,
.pdv2-cut__mhd { grid-column: 1 / -1; font-size: 0.84rem; }
.pdv2-cut__mhd { font-size: 0.76rem; }
.pdv2-cut__btn {
    margin-top: auto;
    min-height: 2.9rem;
    border: 1px solid var(--pv2-on-dark);
    border-radius: 2px;
    background: transparent;
    color: var(--pv2-on-dark);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.pdv2-cut__btn:hover { background: var(--pv2-on-dark); color: var(--pv2-ink); }
.pdv2-cut__btn:disabled { opacity: 0.6; cursor: wait; }
.pdv2-cuts__empty { padding: 2rem 0; color: var(--pv2-on-dark-muted); }
.pdv2-cuts__more { margin-top: 1.75rem; }

@media (max-width: 991.98px) {
    .pdv2-cuts__row { grid-auto-columns: 46%; }
}
@media (max-width: 575.98px) {
    .pdv2-cuts__row {
        grid-auto-columns: 86%;
        margin: 0 calc(-1 * var(--pv2-gutter));
        padding: 0 var(--pv2-gutter) 0.5rem;
        scroll-padding-left: var(--pv2-gutter);
    }
}

/* ------------------------------------------------------------------ */
/* Warum dieser Cut? (+ Cut-Map, nur wenn JS ein Mapping findet)       */
/* auto-fit: ist die Map ausgeblendet, nimmt der Text die volle Breite */
/* ------------------------------------------------------------------ */
.pdv2-info__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
}
.pdv2-warum { max-width: 44rem; }
.pdv2-warum .pv2-h2 { font-size: var(--aw-fs-heading-lg, clamp(1.9rem, 3.4vw, 2.6rem)); margin-bottom: 1.25rem; }
.pdv2-warum__text { line-height: 1.75; font-size: 1.02rem; }
.pdv2-warum__text p { margin: 0 0 1rem; }
.pdv2-map .pv2-eyebrow { display: block; margin-bottom: 0.75rem; }
/* Helle Premium-Karte: Creme-Grund, Rind in vollem Schwarz, Cut in Gold
   (Zeichnung in _detail_js.html, Modus über CSS-Variablen) */
.pdv2 .beef-cut-map-container {
    --cutmap-modus: hell;
    --cutmap-bg: #f7f4ee;
    --cutmap-akzent: #9a7746;
    position: relative; width: 100%; overflow: hidden;
    background: #f7f4ee;
    border: 1px solid var(--pv2-line, #e2d9c9);
    border-radius: var(--pv2-radius, 0);
}
.pdv2 .beef-cut-map-container canvas { display: block; width: 100%; height: auto; }
/* Region-Bezeichnung nicht über der Karte (würde die Goldmarkierung verdecken);
   bleibt für Screenreader lesbar. */
.pdv2 .beef-cut-label {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* ------------------------------------------------------------------ */
/* Garpunktfinder                                                       */
/* ------------------------------------------------------------------ */
.pdv2-gpf__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem 4rem; align-items: end; }
.pdv2-gpf .pv2-lead { margin: 0 0 1.75rem; }
@media (min-width: 992px) { .pdv2-gpf__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); } }

/* ------------------------------------------------------------------ */
/* Rezepte & Wissen                                                     */
/* ------------------------------------------------------------------ */
.pdv2-rezepte { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
@media (min-width: 768px) { .pdv2-rezepte { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pdv2-rezept { display: flex; flex-direction: column; gap: 0.4rem; color: var(--pv2-text); text-decoration: none; }
.pdv2-rezept__media { aspect-ratio: 4 / 3; margin-bottom: 0.6rem; }
.pdv2-rezept__media img { transition: transform 0.6s ease; }
.pdv2-rezept:hover .pdv2-rezept__media img { transform: scale(1.03); }
.pdv2-rezept__meta { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pv2-accent); }
.pdv2-rezept__title { font-family: var(--pv2-serif); font-size: 1.5rem; line-height: 1.15; color: var(--pv2-ink); }
.pdv2-rezept__teaser { font-size: 0.9rem; line-height: 1.55; }
.pdv2-rezept .pv2-link { margin-top: 0.4rem; }
.pdv2-wissen { list-style: none; margin: clamp(2rem, 4vw, 3rem) 0 0; padding: 0; border-top: 1px solid var(--pv2-line); }
.pdv2-wissen a {
    display: grid;
    grid-template-columns: minmax(0, 14rem) minmax(0, 1fr) auto;
    gap: 0.25rem 1.5rem;
    align-items: baseline;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--pv2-line);
    color: var(--pv2-ink);
    text-decoration: none;
}
.pdv2-wissen a:hover .pdv2-wissen__titel { color: var(--pv2-accent); }
.pdv2-wissen__frage { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pv2-muted); }
.pdv2-wissen__titel { font-family: var(--pv2-serif); font-size: 1.3rem; line-height: 1.2; }
@media (max-width: 575.98px) {
    .pdv2-wissen a { grid-template-columns: minmax(0, 1fr) auto; }
    .pdv2-wissen__frage { grid-column: 1 / -1; }
}

/* ------------------------------------------------------------------ */
/* Xaver                                                                */
/* ------------------------------------------------------------------ */
.pdv2-xaver { padding-bottom: 0; }
.pdv2-xaver__box {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: center;
    padding-top: clamp(1.5rem, 3vw, 2.25rem);
    padding-bottom: clamp(1.5rem, 3vw, 2.25rem);
    border: 1px solid var(--pv2-line);
}
.pdv2-xaver__box .pv2-eyebrow { margin-bottom: 0.4rem; }
.pdv2-xaver__box p { margin: 0.4rem 0 0; }
.pdv2-xaver__avatar {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: var(--pv2-dark);
    color: var(--pv2-accent-on-dark);
    font-family: var(--pv2-serif);
    font-size: 1.8rem;
    font-style: italic;
}
@media (max-width: 767.98px) {
    .pdv2-xaver__box { grid-template-columns: auto minmax(0, 1fr); }
    .pdv2-xaver__box .pv2-btn { grid-column: 1 / -1; }
}

/* ------------------------------------------------------------------ */
/* Ähnliche Produkte                                                    */
/* ------------------------------------------------------------------ */
.pdv2-similar__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
@media (min-width: 992px) { .pdv2-similar__row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; } }
.pdv2-similar__item { display: flex; flex-direction: column; gap: 0.3rem; color: var(--pv2-text); text-decoration: none; }
.pdv2-similar__media { aspect-ratio: 4 / 3; margin-bottom: 0.6rem; }
.pdv2-similar__media img { transition: transform 0.6s ease; }
.pdv2-similar__item:hover img { transform: scale(1.03); }
.pdv2-similar__name { font-family: var(--pv2-serif); font-size: 1.3rem; line-height: 1.15; color: var(--pv2-ink); }
.pdv2-similar__price { font-size: 0.86rem; }

/* Verfügbarkeitsalarm (bestehendes Formular) im neuen Look */
.pdv2-widget .stock-alert-container .alert { border-radius: 0; border-color: var(--pv2-line) !important; background: var(--pv2-cream) !important; }
.pdv2-widget .stock-alert-container h6 { font-size: 0.74rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pv2-ink); }
.pdv2-widget .stock-alert-container .fa-bell { color: var(--pv2-accent) !important; }
.pdv2-widget #alert-submit-btn {
    min-height: 3rem;
    border: 1px solid var(--pv2-ink);
    border-radius: 2px;
    background: var(--pv2-ink);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.pdv2-widget .stock-alert-container .form-control,
.pdv2-widget .stock-alert-container .input-group-text { border-radius: 0; }

/* ------------------------------------------------------------------ */
/* Kompakter Kaufbereich (Desktop): Bild etwas schmaler, Kaufspalte     */
/* breiter und dichter – Titel bis Warenkorb-Summe passen in einen      */
/* Bildschirm (Ziel ≈ 760 px Viewport-Höhe). Nur Optik, Markup/Hooks    */
/* des Kaufwidgets unverändert.                                         */
/* ------------------------------------------------------------------ */
@media (min-width: 992px) {
    .pdv2-hero { padding-top: calc(var(--navbar-height, 56px) + 1rem); }
    .pdv2-breadcrumb { margin-bottom: 1rem; }
    .pdv2-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 3.5vw, 3.5rem); }
    .pdv2-buy { top: calc(var(--navbar-height, 56px) + 1rem); }

    .pdv2-buy .pv2-eyebrow { margin-bottom: 0.35rem; }
    .pdv2-title { font-size: var(--aw-text-heading-lg, clamp(2rem, 1.4rem + 1.4vw, 2.6rem)); line-height: 1.08; }
    .pdv2-kurz {
        margin-top: 0.6rem;
        font-size: 0.95rem;
        line-height: 1.55;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .pdv2-rating { margin-top: 0.5rem; }

    /* Echte Stücke: Anzahl und Button in einer Zeile */
    .pdv2-echt {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.5rem 1.25rem;
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .pdv2-echt__count { margin: 0; }
    .pdv2-echt__count strong { font-size: 2.1rem; }
    .pdv2-echt__cta { min-height: 2.9rem; padding-top: 0.6rem; padding-bottom: 0.6rem; }
    .pdv2-echt__oder { grid-column: 1 / -1; margin: 0.4rem 0 0; font-size: 0.82rem; }

    .pdv2-widget { margin-top: 0.6rem; }
    .pdv2-widget .product-type-selector { margin-bottom: 0.75rem !important; }
    .pdv2-widget .product-type-selector > .d-flex { margin-bottom: 0.5rem !important; }
    .pdv2-widget [id^="product-price-"] { font-size: 1.4rem !important; }
    .pdv2-widget .product-type-selector .type-btn { padding: 0.45rem 0.5rem; line-height: 1.3; }
    .pdv2-widget .availability-text { margin-top: 0.1rem !important; }
    .pdv2-widget .wunschmenge-chip { padding: 0.28rem 0.62rem; font-size: 0.82rem; }
    .pdv2-widget .btn-primary,
    .pdv2-widget .add-to-cart-btn,
    .pdv2-widget .btn-passende-stuecke-anzeigen { min-height: 2.9rem; padding-top: 0.55rem; padding-bottom: 0.55rem; }
    .pdv2-widget .text-center.border-top { margin-top: 0.75rem !important; padding-top: 0.75rem !important; }

    /* Verfügbarkeits-Benachrichtigung: E-Mail und Wunschmenge nebeneinander */
    .pdv2-widget .stock-alert-container .alert {
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
        gap: 0 0.6rem;
        padding: 0.85rem 1rem !important;
    }
    .pdv2-widget .stock-alert-container .alert > h6,
    .pdv2-widget .stock-alert-container .alert > p,
    .pdv2-widget .stock-alert-container .alert > button,
    .pdv2-widget .stock-alert-container .alert > [id^="alert-"]:not(input) { grid-column: 1 / -1; }
    .pdv2-widget .stock-alert-container .alert > p { margin-bottom: 0.6rem !important; }
    .pdv2-widget .stock-alert-container .alert > div.mb-2,
    .pdv2-widget .stock-alert-container .alert > div.mb-3 { margin-bottom: 0.6rem !important; }
    .pdv2-widget .stock-alert-container .form-control,
    .pdv2-widget .stock-alert-container .input-group-text { padding-top: 0.45rem; padding-bottom: 0.45rem; }
    .pdv2-widget .stock-alert-container .form-text { margin-top: 0.2rem; font-size: 0.72rem; }
}

/* Galerie: Thumbnail „Echtes Stück“ (echtes verfügbares Cut-Foto) */
.pdv2 .pdv2-gallery__thumb--echt span {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 0.15rem 0.25rem;
    background: rgba(23, 18, 15, 0.82);
    color: #fff;
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-align: center;
    text-transform: uppercase;
}