/* =====================================================
   SOLO AUSSIE – HOME
   ===================================================== */

body.itemid-298 .container-top-b {
    flex-direction: column;
    gap: 26px;
}
/* =====================================================
   SOLO AUSSIE – HOME
   Spazio tra Hero e Bussola
   ===================================================== */

body.itemid-298 .container-top-a {
    margin-top: 28px;
    margin-bottom: 14px;
}

/* =========================================================
   SOLO AUSSIE – HOME
   PROGETTO IN CORSO / TRE STICKY
   ========================================================= */

.soloaussie-notes-banner {
    max-width: 1400px;
    margin: 24px auto;
    padding: 14px 18px 12px;

    border: 1px solid #dde6ea;
    border-radius: 14px;

    background:
        linear-gradient(
            180deg,
            #fafcfc 0%,
            #f1f5f6 100%
        );

    box-shadow:
        0 2px 10px
        rgba(0, 0, 0, 0.035);
}

.soloaussie-notes-banner__intro {
    margin-bottom: 14px;
    text-align: center;
}

.soloaussie-notes-banner__tag {
    display: inline-block;

    margin-bottom: 6px;
    padding: 4px 10px;

    border-radius: 999px;

    background: #dceaf0;
    color: #2a4a59;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.soloaussie-notes-banner__intro h3 {
    margin: 0 0 6px;

    font-size: 24px;
    line-height: 1.2;

    color: #1f2a30;
}

.soloaussie-notes-banner__intro p {
    margin: 0;

    font-size: 15px;
    line-height: 1.55;

    color: #4d5b64;
}

.soloaussie-notes-banner__trust {
    margin-top: 6px;

    font-size: 13px;

    color: #6a7780;
}


/* -----------------------------------------------------
   GRIGLIA STICKY
   ----------------------------------------------------- */

.soloaussie-notes-banner__grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 14px;

    align-items: start;
}


/* -----------------------------------------------------
   STICKY BASE
   ----------------------------------------------------- */

.soloaussie-notes-banner__card {
    position: relative;

    display: block;

    min-height: 150px;

    padding:
        24px 16px 16px;

    border-radius: 10px;

    text-decoration: none;

    border:
        1px solid rgba(0, 0, 0, 0.05);

    box-shadow:
        0 8px 20px
        rgba(0, 0, 0, 0.08);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.soloaussie-notes-banner__card:hover,
.soloaussie-notes-banner__card:focus {
    box-shadow:
        0 12px 26px
        rgba(0, 0, 0, 0.12);

    text-decoration: none;
}


/* -----------------------------------------------------
   STICKY – COMPORTAMENTO
   ----------------------------------------------------- */

.soloaussie-notes-banner__card--behaviour {
    background:
        linear-gradient(
            180deg,
            #e3f0f8 0%,
            #dbeaf4 100%
        );

    transform:
        rotate(-0.8deg);
}

.soloaussie-notes-banner__card--behaviour:hover,
.soloaussie-notes-banner__card--behaviour:focus {
    transform:
        rotate(-0.8deg)
        translateY(-2px);
}


/* -----------------------------------------------------
   STICKY – STRUTTURA E PESO
   ----------------------------------------------------- */

.soloaussie-notes-banner__card--weight {
    background:
        linear-gradient(
            180deg,
            #eaf3df 0%,
            #e1ecd3 100%
        );

    transform:
        rotate(0.8deg);
}

.soloaussie-notes-banner__card--weight:hover,
.soloaussie-notes-banner__card--weight:focus {
    transform:
        rotate(0.8deg)
        translateY(-2px);
}


/* -----------------------------------------------------
   STICKY – COSTO
   ----------------------------------------------------- */

.soloaussie-notes-banner__card--cost {
    background:
        linear-gradient(
            180deg,
            #f4f4f2 0%,
            #ececea 100%
        );

    transform:
        rotate(-0.3deg);

    grid-column:
        1 / -1;

    max-width: 48%;
    width: 100%;

    justify-self: center;
}

.soloaussie-notes-banner__card--cost:hover,
.soloaussie-notes-banner__card--cost:focus {
    transform:
        rotate(-0.3deg)
        translateY(-2px);
}


/* -----------------------------------------------------
   PUNTINA
   ----------------------------------------------------- */

.soloaussie-notes-banner__pin {
    position: absolute;

    top: 8px;
    left: 48%;

    width: 14px;
    height: 14px;

    margin-left: -7px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 35%,
            #ffffff 0%,
            #d0d0d0 25%,
            #c0392b 30%,
            #7a1e1e 100%
        );

    box-shadow:
        0 2px 4px
        rgba(0, 0, 0, 0.25);
}


/* -----------------------------------------------------
   TESTI STICKY
   ----------------------------------------------------- */

.soloaussie-notes-banner__label {
    display: inline-block;

    margin-bottom: 8px;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.03em;

    color: #5a6770;
}

.soloaussie-notes-banner__card strong {
    display: block;

    margin-bottom: 8px;

    font-size: 19px;
    line-height: 1.3;

    color: #1f2a30;
}

.soloaussie-notes-banner__text {
    display: block;

    font-size: 14px;
    line-height: 1.55;

    color: #4f5d66;
}


/* =========================================================
   SOLO AUSSIE – APERTURA ARTICOLO
   Immagine, didascalia e titolo sullo stesso asse
   ========================================================= */

/*
 * L'apertura editoriale utilizza una larghezza propria,
 * indipendente dalla larghezza interna delle template
 * Salute, Alimentazione, Vecchio Stile, ecc.
 */

.sa-article-hero-image,
.sa-article-title {
    width: min(100%, 1200px);

    margin-left: auto;
    margin-right: auto;
}


/* -----------------------------------------------------
   IMMAGINE PRINCIPALE
   ----------------------------------------------------- */

.sa-article-hero-image {
    clear: both;

    margin-top: 0;
    margin-bottom: 0;
}


/*
 * Neutralizza gli eventuali allineamenti
 * Left / Right memorizzati negli articoli Joomla.
 */

.sa-article-hero-image .float-start,
.sa-article-hero-image .float-end {
    float: none !important;
}


/*
 * Contenitore generato dal layout immagine di Joomla.
 */

.sa-article-hero-image figure,
.sa-article-hero-image .item-image {
    display: block;

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin:
        0 !important;

    padding:
        0;
}


/*
 * Immagine estesa.
 * Occupa tutta la larghezza del blocco editoriale.
 */

.sa-article-hero-image img {
    display: block;

    width: 100% !important;
    max-width: none !important;

    height: auto;

    margin:
        0;
}


/* -----------------------------------------------------
   DIDASCALIA
   ----------------------------------------------------- */

.sa-article-hero-image figcaption {
    display: block;

    width: 100%;

    margin:
        0.4rem 0 0;

    padding:
        0;

    color:
        #6b7176;

    font-size:
        0.82rem;

    line-height:
        1.45;

    text-align:
        left;
}


/* -----------------------------------------------------
   TITOLO PRINCIPALE ARTICOLO
   ----------------------------------------------------- */

.sa-article-title {
    margin-top:
        1.25rem;

    margin-bottom:
        1.4rem;
}

.sa-article-title h1,
.sa-article-title h2 {
    width:
        100%;

    max-width:
        none;

    margin:
        0;

    color:
        #1f2a30;

    font-size:
        2.35rem;

    line-height:
        1.18;

    font-weight:
        750;

    letter-spacing:
        -0.015em;

    text-align:
        left;
}


/* =========================================================
   SOLO AUSSIE – MAPPA COMPORTAMENTALE
   ========================================================= */

.mappa-aussie-form {
    position: relative;

    margin:
        34px 0;

    padding:
        26px;

    border:
        1px solid #d7e4ec;

    border-radius:
        16px;

    background:
        linear-gradient(
            180deg,
            #f7fbfe 0%,
            #edf5fa 100%
        );

    box-shadow:
        0 10px 28px
        rgba(23, 43, 58, 0.08);
}


/* Barra superiore decorativa */

.mappa-aussie-form::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 6px;

    border-radius:
        10px 10px 0 0;

    background:
        linear-gradient(
            90deg,
            #1f4e67 0%,
            #2d6f8a 55%,
            #5b9db8 100%
        );
}


/* Spazio interno */

.mappa-aussie-form > *:first-child {
    margin-top: 8px;
}


/* Titoli */

.mappa-aussie-form h3,
.mappa-aussie-form h4 {
    color: #1f4257;
    line-height: 1.3;
}

.mappa-aussie-form h3 {
    margin:
        0 0 14px;

    font-size: 1.5rem;
}

.mappa-aussie-form h4 {
    margin:
        28px 0 10px;

    padding:
        10px 14px;

    border-left:
        5px solid #2d6f8a;

    border-radius:
        10px;

    background:
        #e4f0f7;

    box-shadow:
        inset 0 0 0 1px
        rgba(45, 111, 138, 0.08);

    font-size: 1.08rem;
    font-weight: 700;
}


/* Testi */

.mappa-aussie-form p {
    margin:
        0 0 12px;

    color: #44525f;

    line-height: 1.6;
}

.mappa-aussie-form ul,
.mappa-aussie-form ol {
    margin:
        0 0 14px 20px;

    color: #44525f;
}


/* Blocchi domanda */

.mappa-aussie-form .rsform-block,
.mappa-aussie-form .form-group,
.mappa-aussie-form .control-group {
    margin-bottom:
        18px;

    padding:
        14px 14px 12px;

    border:
        1px solid #e1ebf1;

    border-radius:
        12px;

    background:
        rgba(255, 255, 255, 0.72);
}


/* Label */

.mappa-aussie-form label {
    color: #2e3c47;

    font-weight: 500;
}

.mappa-aussie-form .formControlLabel,
.mappa-aussie-form .rsform-caption,
.mappa-aussie-form .rsform-block > label:first-child {
    display: block;

    margin-bottom:
        10px;

    color: #22323d;

    font-weight: 700;
}


/* Input */

.mappa-aussie-form input[type="text"],
.mappa-aussie-form input[type="number"],
.mappa-aussie-form input[type="email"],
.mappa-aussie-form textarea,
.mappa-aussie-form select {
    width:
        100%;

    padding:
        11px 12px;

    border:
        1px solid #c9d8e2;

    border-radius:
        10px;

    background:
        #ffffff;

    color:
        #24323c;

    box-shadow:
        inset 0 1px 2px
        rgba(0, 0, 0, 0.02);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


/* Focus */

.mappa-aussie-form input[type="text"]:focus,
.mappa-aussie-form input[type="number"]:focus,
.mappa-aussie-form input[type="email"]:focus,
.mappa-aussie-form textarea:focus,
.mappa-aussie-form select:focus {
    outline:
        none;

    border-color:
        #4d88a5;

    background:
        #ffffff;

    box-shadow:
        0 0 0 3px
        rgba(77, 136, 165, 0.16);
}


/* Textarea */

.mappa-aussie-form textarea {
    min-height:
        84px;

    resize:
        vertical;
}


/* Radio e checkbox */

.mappa-aussie-form input[type="radio"],
.mappa-aussie-form input[type="checkbox"] {
    margin-right:
        6px;

    accent-color:
        #2d6f8a;

    transform:
        translateY(1px);
}

.mappa-aussie-form .rsformBlock label,
.mappa-aussie-form .rsform-block label,
.mappa-aussie-form label {
    cursor:
        pointer;
}


/* Opzioni */

.mappa-aussie-form .rsform-block label:not(:first-child),
.mappa-aussie-form .form-group label:not(:first-child),
.mappa-aussie-form .control-group label:not(:first-child) {
    display:
        inline-block;

    margin:
        0 10px 8px 0;

    padding:
        7px 11px;

    border:
        1px solid #d7e4ec;

    border-radius:
        999px;

    background:
        #ffffff;

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.mappa-aussie-form .rsform-block label:not(:first-child):hover,
.mappa-aussie-form .form-group label:not(:first-child):hover,
.mappa-aussie-form .control-group label:not(:first-child):hover {
    border-color:
        #b7d0dd;

    background:
        #eef6fb;

    transform:
        translateY(-1px);
}


/* Separatore */

.mappa-aussie-form hr {
    margin:
        20px 0;

    border:
        0;

    border-top:
        1px solid #dbe7ee;
}


/* Pulsante invio */

.mappa-aussie-form input[type="submit"],
.mappa-aussie-form button,
.mappa-aussie-form .btn,
.mappa-aussie-form .rsform-submit-button {
    display:
        inline-block;

    min-width:
        170px;

    padding:
        13px 22px;

    border:
        none;

    border-radius:
        10px;

    background:
        linear-gradient(
            135deg,
            #1f4e67 0%,
            #2d6f8a 100%
        );

    color:
        #ffffff;

    font-weight:
        700;

    letter-spacing:
        0.2px;

    box-shadow:
        0 6px 16px
        rgba(31, 78, 103, 0.18);

    cursor:
        pointer;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.mappa-aussie-form input[type="submit"]:hover,
.mappa-aussie-form button:hover,
.mappa-aussie-form .btn:hover,
.mappa-aussie-form .rsform-submit-button:hover {
    background:
        linear-gradient(
            135deg,
            #1b4459 0%,
            #265f77 100%
        );

    box-shadow:
        0 10px 20px
        rgba(31, 78, 103, 0.22);

    transform:
        translateY(-1px);
}


/* Range */

.mappa-aussie-form input[type="range"] {
    width:
        100%;

    accent-color:
        #2d6f8a;
}


/* Testi piccoli */

.mappa-aussie-form small,
.mappa-aussie-form .form-text,
.mappa-aussie-form .rsform-description {
    color:
        #5c6b76;

    font-size:
        0.92em;
}


/* =========================================================
   SOLO AUSSIE – SCHEDA PESO IDEALE
   ========================================================= */

.tool-peso-aussie {
    padding:
        24px;

    border-radius:
        10px;

    background:
        #f8fbfd;

    box-shadow:
        0 2px 8px
        rgba(0, 0, 0, 0.05);
}

.tool-peso-aussie input,
.tool-peso-aussie select,
.tool-peso-aussie textarea {
    padding:
        10px;

    border:
        1px solid #d6dde3;

    border-radius:
        6px;

    font-size:
        14px;
}

.tool-peso-aussie input:focus,
.tool-peso-aussie select:focus,
.tool-peso-aussie textarea:focus {
    outline:
        none;

    border-color:
        #2b6cb0;
}

.tool-peso-aussie .rsform-submit-button {
    padding:
        10px 18px;

    border:
        none;

    border-radius:
        6px;

    background:
        #2b6cb0;

    color:
        #ffffff;

    font-weight:
        600;

    transition:
        0.2s;
}

.tool-peso-aussie .rsform-submit-button:hover {
    background:
        #1f4f80;
}


/* =====================================================
   SOLO AUSSIE – HEADER
   ===================================================== */

.container-header {
    display:
        grid;

    grid-template-columns:
        1fr auto;

    align-items:
        center;

    column-gap:
        2rem;

    padding:
        12px
        max(
            24px,
            calc((100% - 1200px) / 2)
        );
}

.container-header > .grid-child {
    width:
        auto;

    max-width:
        none;

    margin:
        0;
}

.container-header .navbar-brand {
    margin:
        0;

    padding:
        0;
}

.container-header .navbar-brand img {
    display:
        block;

    width:
        360px;

    max-width:
        100%;

    height:
        auto;
}

.container-header .container-nav {
    margin:
        0;

    padding:
        0;

    justify-content:
        flex-end;
}


/* =====================================================
   SOLO AUSSIE – PULSANTE MENU OFF-CANVAS
   ===================================================== */

.solo-menu-toggle {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        .5rem;

    padding:
        .55rem .75rem;

    border:
        0;

    border-radius:
        8px;

    background:
        transparent;

    color:
        inherit;

    font-weight:
        600;

    letter-spacing:
        .04em;

    text-transform:
        uppercase;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.solo-menu-toggle:hover,
.solo-menu-toggle:focus-visible {
    background:
        rgba(37, 53, 56, .07);
}

.solo-menu-toggle-icon {
    font-size:
        1.35rem;

    line-height:
        1;
}

.solo-menu-toggle-text {
    font-size:
        .88rem;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   STRUTTURA DELLE DUE COLONNE
   ===================================================== */

.container-footer .grid-child {
    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items:
        stretch;

    gap:
        14px;
}

.container-footer .grid-child > .footer {
    display:
        flex;

    flex-direction:
        column;

    min-width:
        0;
}

.container-footer
.grid-child
> .footer
> .mod-custom {
    display:
        flex;

    flex-direction:
        column;

    flex:
        1 1 auto;

    width:
        100%;

    min-width:
        0;

    height:
        100%;
}

.container-footer
.mod-custom
> p:empty {
    display:
        none;

    margin:
        0;

    padding:
        0;
}

.container-footer
.mod-custom
> .sa-footer-card,

.container-footer
.mod-custom
> .sa-footer-hub {
    flex:
        1 1 auto;

    width:
        100%;
}


/* =====================================================
   SOLO AUSSIE – FOOTER
   ===================================================== */

.sa-footer-card,
.sa-footer-hub,
.sa-footer-card *,
.sa-footer-hub * {
    box-sizing:
        border-box;
}

.sa-footer-card,
.sa-footer-hub {
    --sa-blue:
        #1877f2;

    --sa-blue-dark:
        #0f5ec4;

    --sa-ink:
        #25282d;

    --sa-text:
        #3f454d;

    --sa-muted:
        #6f7680;

    --sa-warm:
        #b08a52;

    --sa-warm-dark:
        #7b6542;

    --sa-border:
        rgba(90, 84, 74, 0.14);

    --sa-blue-border:
        rgba(24, 119, 242, 0.14);

    width:
        100%;

    font-family:
        inherit;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   COLONNA SINISTRA
   ===================================================== */

.sa-footer-card {
    position:
        relative;

    overflow:
        hidden;

    padding:
        30px 34px 28px;

    border:
        1px solid
        var(--sa-border);

    border-radius:
        24px;

    background:
        radial-gradient(
            circle at top left,
            rgba(187, 156, 109, 0.16),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfaf7 100%
        );

    box-shadow:
        0 18px 45px
        rgba(45, 37, 25, 0.07);

    color:
        var(--sa-text);

    text-align:
        left;
}

.sa-footer-card::after {
    content:
        "";

    position:
        absolute;

    right:
        -48px;

    bottom:
        -58px;

    width:
        160px;

    height:
        160px;

    border-radius:
        50%;

    background:
        rgba(187, 156, 109, 0.10);

    pointer-events:
        none;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   ETICHETTA
   ===================================================== */

.sa-footer-kicker {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-bottom:
        17px;

    padding:
        7px 14px;

    border-radius:
        999px;

    background:
        rgba(187, 156, 109, 0.13);

    color:
        var(--sa-warm-dark);

    font-size:
        0.78rem;

    font-weight:
        800;

    letter-spacing:
        0.04em;

    text-transform:
        uppercase;
}

.sa-footer-kicker::before {
    content:
        "";

    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        var(--sa-warm);

    box-shadow:
        0 0 0 4px
        rgba(176, 138, 82, 0.13);
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   TITOLO
   ===================================================== */

.sa-footer-title {
    margin:
        0 0 17px;

    color:
        var(--sa-ink);

    font-size:
        clamp(1.45rem, 2.2vw, 2rem);

    line-height:
        1.15;

    font-weight:
        850;

    letter-spacing:
        -0.02em;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   TESTO
   ===================================================== */

.sa-footer-text {
    max-width:
        620px;

    margin:
        0 0 15px;

    color:
        var(--sa-muted);

    font-size:
        0.96rem;

    line-height:
        1.68;
}

.sa-footer-text strong {
    color:
        #30343a;

    font-weight:
        800;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   TAG
   ===================================================== */

.sa-footer-tags {
    position:
        relative;

    z-index:
        1;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        23px;
}

.sa-footer-tag {
    display:
        inline-flex;

    align-items:
        center;

    padding:
        6px 10px;

    border:
        1px solid
        rgba(90, 84, 74, 0.12);

    border-radius:
        999px;

    background:
        rgba(255, 255, 255, 0.86);

    color:
        #6a604f;

    font-size:
        0.78rem;

    font-weight:
        750;

    white-space:
        nowrap;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   COLONNA DESTRA
   ===================================================== */

.sa-footer-hub {
    display:
        grid;

    grid-template-rows:
        auto 1fr;

    gap:
        14px;

    text-align:
        left;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   MINI CARD
   ===================================================== */

.sa-footer-mini-card {
    position:
        relative;

    overflow:
        hidden;

    padding:
        24px;

    border:
        1px solid
        var(--sa-blue-border);

    border-radius:
        22px;

    background:
        radial-gradient(
            circle at top right,
            rgba(24, 119, 242, 0.08),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfaf7 100%
        );

    box-shadow:
        0 16px 38px
        rgba(20, 45, 80, 0.08);

    color:
        var(--sa-text);

    text-align:
        left;
}

.sa-footer-mini-card:not(.sa-footer-legal) {
    display:
        flex;

    flex-direction:
        column;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   PRIVACY E COOKIE
   ===================================================== */

.sa-footer-mini-card.sa-footer-legal {
    border-color:
        var(--sa-border);

    background:
        radial-gradient(
            circle at top right,
            rgba(187, 156, 109, 0.12),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfaf7 100%
        );
}

.sa-footer-mini-label {
    display:
        block;

    margin:
        0 0 16px;

    color:
        var(--sa-warm-dark);

    font-size:
        0.78rem;

    font-weight:
        850;

    letter-spacing:
        0.04em;

    text-align:
        left;

    text-transform:
        uppercase;
}

.sa-footer-link-list {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;
}

.sa-footer-link {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        11px 16px;

    border:
        1px solid
        rgba(90, 84, 74, 0.14);

    border-radius:
        999px;

    background:
        #ffffff;

    color:
        #45484d !important;

    font-size:
        0.9rem;

    font-weight:
        800;

    line-height:
        1.2;

    text-decoration:
        none !important;

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease;
}

.sa-footer-link:hover,
.sa-footer-link:focus {
    border-color:
        rgba(24, 119, 242, 0.42);

    color:
        var(--sa-blue-dark) !important;

    transform:
        translateY(-2px);
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   FACEBOOK
   ===================================================== */

.sa-fb-footer-top {
    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    margin-bottom:
        14px;
}

.sa-fb-footer-icon {
    flex:
        0 0 auto;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        38px;

    height:
        38px;

    border-radius:
        50%;

    background:
        var(--sa-blue);

    color:
        #ffffff !important;

    font-size:
        1.15rem;

    font-weight:
        900;

    line-height:
        1;

    box-shadow:
        0 10px 22px
        rgba(24, 119, 242, 0.24);
}

.sa-fb-footer-title {
    margin:
        0;

    color:
        var(--sa-ink);

    font-size:
        1.12rem;

    line-height:
        1.25;

    font-weight:
        850;

    text-align:
        left;
}

.sa-fb-footer-text {
    margin:
        0 0 18px;

    color:
        var(--sa-muted);

    font-size:
        0.94rem;

    line-height:
        1.62;

    text-align:
        left;
}


/* =====================================================
   SOLO AUSSIE – FOOTER:
   PULSANTE FACEBOOK
   ===================================================== */

.sa-fb-footer-btn {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    gap:
        9px;

    margin-top:
        auto;

    padding:
        13px 18px;

    border:
        1px solid
        var(--sa-blue) !important;

    border-radius:
        999px;

    background:
        var(--sa-blue) !important;

    color:
        #ffffff !important;

    font-size:
        0.94rem;

    font-weight:
        850;

    line-height:
        1.2;

    text-decoration:
        none !important;

    box-shadow:
        0 12px 24px
        rgba(24, 119, 242, 0.25);

    transition:
        transform 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}

.sa-fb-footer-btn:hover,
.sa-fb-footer-btn:focus {
    border-color:
        var(--sa-blue-dark) !important;

    background:
        var(--sa-blue-dark) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 16px 30px
        rgba(24, 119, 242, 0.34);

    transform:
        translateY(-2px);
}


/* =====================================================
   SOLO AUSSIE – TABLET
   ===================================================== */

@media (max-width: 991px) {

    /* Apertura articolo */

    .sa-article-hero-image,
    .sa-article-title {
        width:
            100%;
    }

    .sa-article-title {
        margin-top:
            1.15rem;

        margin-bottom:
            1.25rem;
    }

    .sa-article-title h1,
    .sa-article-title h2 {
        font-size:
            2rem;

        line-height:
            1.2;
    }


    /* Footer */

    .sa-footer-tags {
        gap:
            7px;
    }

    .sa-footer-tag {
        padding:
            6px 9px;

        font-size:
            0.76rem;
    }
}


/* =====================================================
   SOLO AUSSIE – MAPPA COMPORTAMENTALE MOBILE
   ===================================================== */

@media (max-width: 768px) {

    .mappa-aussie-form {
        padding:
            18px;

        border-radius:
            14px;
    }

    .mappa-aussie-form h3 {
        font-size:
            1.28rem;
    }

    .mappa-aussie-form h4 {
        padding:
            9px 12px;

        font-size:
            1rem;
    }

    .mappa-aussie-form .rsform-block,
    .mappa-aussie-form .form-group,
    .mappa-aussie-form .control-group {
        padding:
            12px;
    }

    .mappa-aussie-form .rsform-block label:not(:first-child),
    .mappa-aussie-form .form-group label:not(:first-child),
    .mappa-aussie-form .control-group label:not(:first-child) {
        display:
            block;

        width:
            100%;

        margin-right:
            0;

        border-radius:
            12px;
    }

    .mappa-aussie-form input[type="submit"],
    .mappa-aussie-form button,
    .mappa-aussie-form .btn,
    .mappa-aussie-form .rsform-submit-button {
        width:
            100%;
    }
}


/* =====================================================
   SOLO AUSSIE – STICKY MOBILE
   ===================================================== */

@media (max-width: 767px) {

    .soloaussie-notes-banner {
        margin:
            20px auto;

        padding:
            14px;
    }

    .soloaussie-notes-banner__intro h3 {
        font-size:
            21px;
    }

    .soloaussie-notes-banner__intro p {
        font-size:
            14px;
    }

    .soloaussie-notes-banner__grid {
        grid-template-columns:
            1fr;

        gap:
            12px;
    }

    .soloaussie-notes-banner__card {
        min-height:
            auto;

        padding:
            22px 14px 14px;
    }

    .soloaussie-notes-banner__card--behaviour,
    .soloaussie-notes-banner__card--weight,
    .soloaussie-notes-banner__card--cost {
        max-width:
            100%;

        grid-column:
            auto;

        justify-self:
            stretch;

        transform:
            rotate(0deg);
    }

    .soloaussie-notes-banner__card--behaviour:hover,
    .soloaussie-notes-banner__card--behaviour:focus,
    .soloaussie-notes-banner__card--weight:hover,
    .soloaussie-notes-banner__card--weight:focus,
    .soloaussie-notes-banner__card--cost:hover,
    .soloaussie-notes-banner__card--cost:focus {
        transform:
            translateY(-2px);
    }

    .soloaussie-notes-banner__card strong {
        font-size:
            17px;
    }
}


/* =====================================================
   SOLO AUSSIE – MOBILE
   ===================================================== */

@media (max-width: 767.98px) {

    /* HOME */

    body.itemid-298 .container-top-b {
        gap:
            14px;
    }


    /* APERTURA ARTICOLO */

    .sa-article-hero-image,
    .sa-article-title {
        width:
            100%;
    }

    .sa-article-title {
        margin-top:
            1rem;

        margin-bottom:
            1.1rem;
    }

    .sa-article-title h1,
    .sa-article-title h2 {
        font-size:
            1.65rem;

        line-height:
            1.23;

        letter-spacing:
            0;
    }

    .sa-article-hero-image figcaption {
        font-size:
            0.76rem;
    }


    /* HEADER */

    .container-header {
        column-gap:
            1rem;

        padding:
            10px 18px;
    }

    .container-header
    .navbar-brand img {
        width:
            250px;
    }

    .solo-menu-toggle {
        padding:
            .5rem;
    }

    .solo-menu-toggle-text {
        display:
            none;
    }


    /* FOOTER */

    .container-footer .grid-child {
        grid-template-columns:
            1fr;

        gap:
            14px;
    }

    .container-footer
    .grid-child
    > .footer,

    .container-footer
    .grid-child
    > .footer
    > .mod-custom {
        height:
            auto;
    }

    .container-footer
    .mod-custom
    > .sa-footer-card,

    .container-footer
    .mod-custom
    > .sa-footer-hub {
        flex:
            0 1 auto;
    }

    .sa-footer-card,
    .sa-footer-mini-card {
        padding:
            24px 22px;

        border-radius:
            20px;
    }

    .sa-footer-title {
        font-size:
            1.45rem;
    }

    .sa-footer-text {
        font-size:
            0.95rem;
    }

    .sa-footer-link-list {
        flex-direction:
            column;

        align-items:
            stretch;
    }

    .sa-footer-link {
        width:
            100%;
    }

    .sa-footer-hub {
        grid-template-rows:
            auto;
    }

    .sa-fb-footer-btn {
        margin-top:
            0;
    }
}
/* =========================================================
   SOLO AUSSIE – MDR1 QUICK TOOL
   Cassiopeia Extended
   ========================================================= */

.mqt {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    line-height: 1.35;
}

.mqt-card {
    max-width: 1120px;
    margin: 14px auto;
    padding: 18px;
    border-radius: 18px;
    background: #0b0e14;
    color: #e9eefc;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-head {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
}

.mqt-kicker {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(233, 238, 252, .7);
    margin-bottom: 6px;
}

.mqt-title {
    margin: 0 0 8px;
    font-size: 22px;
}

.mqt-subtitle {
    margin: 0;
    color: rgba(233, 238, 252, .78);
    max-width: 900px;
}

.mqt-badge {
    padding: 8px 10px;
    border-radius: 999px;
    background: linear-gradient(
        135deg,
        rgba(114, 240, 255, .18),
        rgba(129, 255, 159, .12)
    );
    border: 1px solid rgba(255, 255, 255, .12);
    font-size: 12px;
    white-space: nowrap;
}

.mqt-banner {
    margin: 14px 0 10px;
    padding: 12px;
    border-radius: 14px;
    background: rgba(255, 210, 83, .12);
    border: 1px solid rgba(255, 210, 83, .28);
    color: rgba(255, 245, 215, .92);
}


/* =========================================================
   CONTROLLI
   ========================================================= */

.mqt-controls {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 12px;
    margin-top: 10px;
}

@media (max-width: 980px) {
    .mqt-controls {
        grid-template-columns: 1fr;
    }
}

.mqt-control {
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-label {
    font-weight: 700;
    margin-bottom: 10px;
}

.mqt-pillrow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mqt-pill {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #e9eefc;
    font-weight: 600;
}

.mqt-pill:hover {
    background: rgba(255, 255, 255, .10);
}

.mqt-pill.is-active {
    background: linear-gradient(
        135deg,
        rgba(110, 192, 255, .20),
        rgba(110, 255, 196, .12)
    );
    border-color: rgba(140, 240, 255, .26);
}

.mqt-hint {
    margin-top: 8px;
    color: rgba(233, 238, 252, .65);
    font-size: 12px;
}


/* =========================================================
   CAMPI
   ========================================================= */

.mqt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 980px) {
    .mqt-grid {
        grid-template-columns: 1fr;
    }
}

.mqt-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mqt-field span {
    font-size: 12px;
    color: rgba(233, 238, 252, .72);
}

.mqt-field input,
.mqt-field select,
.mqt-input {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    color: #e9eefc;
    outline: none;
}

.mqt-field input::placeholder {
    color: rgba(233, 238, 252, .45);
}


/* =========================================================
   OUTPUT E PANNELLI
   ========================================================= */

.mqt-output {
    margin-top: 12px;
}

.mqt-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 980px) {
    .mqt-panels {
        grid-template-columns: 1fr;
    }
}

.mqt-panel {
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.mqt-h3 {
    margin: 0;
    font-size: 16px;
}

.mqt-chip {
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
}

.mqt-summary {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-summary h4 {
    margin: 0 0 6px;
    font-size: 14px;
}

.mqt-summary p {
    margin: 0;
    color: rgba(233, 238, 252, .82);
}

.mqt-footnote {
    margin-top: 10px;
    color: rgba(233, 238, 252, .60);
    font-size: 12px;
}


/* =========================================================
   LEGENDA
   ========================================================= */

.mqt-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    color: rgba(233, 238, 252, .70);
    font-size: 12px;
}

.mqt-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.mqt-dot.is-green {
    background: rgba(122, 255, 178, .85);
}

.mqt-dot.is-yellow {
    background: rgba(255, 231, 110, .90);
}

.mqt-dot.is-orange {
    background: rgba(255, 170, 92, .92);
}

.mqt-dot.is-red {
    background: rgba(255, 108, 108, .92);
}


/* =========================================================
   FAMIGLIA / BOX
   ========================================================= */

.mqt-family {
    display: grid;
    gap: 10px;
}

.mqt-box {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.mqt-box-title strong {
    font-size: 13px;
}

.mqt-tag {
    font-size: 11px;
    padding: 6px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    color: rgba(233, 238, 252, .86);
}

.mqt-list {
    margin: 0;
    padding-left: 18px;
    color: rgba(233, 238, 252, .86);
}

.mqt-list li {
    margin: 6px 0;
}

.mqt-list small {
    color: rgba(233, 238, 252, .62);
}


/* =========================================================
   AVVISI
   ========================================================= */

.mqt-alerts {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 108, 108, .08);
    border: 1px solid rgba(255, 108, 108, .18);
}

.mqt-alerts-title {
    font-weight: 800;
    margin-bottom: 8px;
}

.mqt-alerts-list {
    margin: 0;
    padding-left: 18px;
}


/* =========================================================
   CHECK
   ========================================================= */

.mqt-check {
    margin-top: 12px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-check-head {
    margin-bottom: 10px;
}

.mqt-muted {
    color: rgba(233, 238, 252, .65);
    font-size: 12px;
}

.mqt-check-grid {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    align-items: end;
}

@media (max-width: 980px) {
    .mqt-check-grid {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}


/* =========================================================
   PULSANTI
   ========================================================= */

.mqt-btn {
    cursor: pointer;
    border: none;
    padding: 11px 14px;
    border-radius: 12px;
    background: linear-gradient(
        135deg,
        rgba(110, 192, 255, .20),
        rgba(110, 255, 196, .12)
    );
    border: 1px solid rgba(140, 240, 255, .24);
    color: #e9eefc;
    font-weight: 800;
}

.mqt-btn:hover {
    filter: brightness(1.08);
}

.mqt-btn.is-ghost {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    font-weight: 700;
}


/* =========================================================
   RISULTATO AI
   ========================================================= */

.mqt-ai-result {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-ai-result .row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.mqt-ai-result .pill {
    padding: 6px 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    font-size: 12px;
}

.mqt-ai-result .note {
    margin-top: 8px;
    color: rgba(233, 238, 252, .74);
    font-size: 12px;
}


/* =========================================================
   PRODOTTI – TAB
   ========================================================= */

.mqt-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0;
}

.mqt-tab {
    cursor: pointer;
    border: none;
    border-radius: 999px;
    padding: 10px 12px;
    font-weight: 900;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #e9eefc;
}

.mqt-tab.is-active {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .22);
}

.mqt-tabcontext {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .08);
    margin: 0 0 10px;
}

@media (max-width: 980px) {
    .mqt-tabcontext {
        flex-direction: column;
        align-items: flex-start;
    }
}

.mqt-tabcontext-right {
    display: flex;
    gap: 8px;
}


/* =========================================================
   FILTRI
   ========================================================= */

.mqt-filter {
    padding: 12px;
    border-radius: 16px;
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-filter-title {
    font-weight: 900;
    margin-bottom: 8px;
}

.mqt-activefilters {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-chiprow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mqt-chip2 {
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    color: rgba(233, 238, 252, .88);
    font-weight: 800;
}


/* =========================================================
   CHECKBOX / GRIGLIE
   ========================================================= */

.mqt-checkgrid {
    display: grid;
    gap: 8px;
}

.mqt-checkgrid-3 {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 980px) {
    .mqt-checkgrid-3 {
        grid-template-columns: 1fr;
    }
}

.mqt-check {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 650;
    color: rgba(233, 238, 252, .86);
}

.mqt-check input {
    transform: scale(1.05);
}

.mqt-row {
    display: grid;
    gap: 10px;
}

.mqt-row-2 {
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 980px) {
    .mqt-row-2 {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   GRIGLIA PRODOTTI
   ========================================================= */

.mqt-prod-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 10px;
}

@media (max-width: 980px) {
    .mqt-prod-grid {
        grid-template-columns: 1fr;
    }
}

.mqt-prod-card {
    cursor: pointer;
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    position: relative;
}

.mqt-prod-card:hover {
    background: rgba(255, 255, 255, .07);
}

.mqt-prod-name {
    font-weight: 900;
}

.mqt-prod-sub {
    margin-top: 4px;
    color: rgba(233, 238, 252, .65);
    font-size: 12px;
}

.mqt-badgerow {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.mqt-badgeform {
    font-size: 11px;
    padding: 6px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
}

.mqt-badgeform.is-collar {
    background: rgba(110, 192, 255, .10);
    border-color: rgba(110, 192, 255, .20);
}

.mqt-badgeform.is-spoton {
    background: rgba(110, 255, 196, .10);
    border-color: rgba(110, 255, 196, .18);
}

.mqt-badgeform.is-oral {
    background: rgba(255, 231, 110, .10);
    border-color: rgba(255, 231, 110, .18);
}

.mqt-prod-tags {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mqt-tag2 {
    font-size: 11px;
    padding: 6px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
}


/* =========================================================
   GRADO / INDICATORE
   ========================================================= */

.mqt-gradepill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    font-size: 11px;
    font-weight: 900;
}

.mqt-gradepill .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.mqt-gradepill.is-green .dot {
    background: rgba(122, 255, 178, .85);
}

.mqt-gradepill.is-yellow .dot {
    background: rgba(255, 231, 110, .90);
}

.mqt-gradepill.is-orange .dot {
    background: rgba(255, 170, 92, .92);
}

.mqt-gradepill.is-red .dot {
    background: rgba(255, 108, 108, .92);
}

.mqt-gradepill .txt {
    color: rgba(233, 238, 252, .86);
}


/* =========================================================
   PERCHÉ?
   ========================================================= */

.mqt-whybtn {
    margin-left: auto;
    cursor: pointer;
    border: none;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #e9eefc;
    font-weight: 900;
    padding: 6px 9px;
    border-radius: 12px;
    font-size: 11px;
}

.mqt-whybtn:hover {
    background: rgba(255, 255, 255, .10);
}

.mqt-whybox {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-whytitle {
    font-weight: 900;
    margin-bottom: 6px;
}

.mqt-whybox ul {
    margin: 0;
    padding-left: 18px;
}

.mqt-whybox li {
    margin: 6px 0;
    color: rgba(233, 238, 252, .86);
}

.mqt-whybox small {
    color: rgba(233, 238, 252, .62);
}


/* =========================================================
   MATCHING PRODOTTI
   ========================================================= */

.mqt-prod-card.is-dim {
    opacity: .42;
    filter: saturate(.8);
}

.mqt-prod-card.is-match {
    background: rgba(110, 255, 196, .07);
    border-color: rgba(110, 255, 196, .20);
    box-shadow:
        0 0 0 1px rgba(110, 255, 196, .10),
        0 12px 22px rgba(0, 0, 0, .20);
}


/* =========================================================
   MODAL PRODOTTO
   ========================================================= */

.mqt-prod-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 99999;
}

.mqt-prod-modal-card {
    max-width: 900px;
    width: 100%;
    border-radius: 18px;
    background: #0b0e14;
    color: #e9eefc;
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 18px 55px rgba(0, 0, 0, .5);
    padding: 14px;
}

.mqt-prod-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.mqt-prod-title {
    font-size: 18px;
    font-weight: 900;
}

.mqt-prod-close {
    cursor: pointer;
    border: none;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #e9eefc;
    padding: 10px 12px;
    border-radius: 12px;
    font-weight: 800;
}

.mqt-prod-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

@media (max-width: 980px) {
    .mqt-prod-cols {
        grid-template-columns: 1fr;
    }
}

.mqt-prod-box {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-prod-box-title {
    font-weight: 900;
    margin-bottom: 8px;
}


/* =========================================================
   REPELLENZA
   ========================================================= */

.mqt-prod-repel {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-prod-repel .mqt-repel-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    font-size: 12px;
    margin-left: 8px;
}

.mqt-prod-catsbox {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 108, 108, .10);
    border: 1px solid rgba(255, 108, 108, .22);
}


/* =========================================================
   SWITCH
   ========================================================= */

.mqt-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    color: rgba(233, 238, 252, .88);
    font-weight: 700;
}

.mqt-switch input {
    transform: scale(1.15);
}


/* =========================================================
   RIFERIMENTI
   ========================================================= */

.mqt-refbtn {
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    color: #e9eefc;
    font-weight: 800;
}

.mqt-refs-box {
    margin-top: 8px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mqt-refs-list {
    margin: 0;
    padding-left: 18px;
    color: rgba(233, 238, 252, .86);
}

.mqt-refs-list li {
    margin: 8px 0;
}
/* =========================================================
   SOLO AUSSIE – LINK ARTICOLO
   ========================================================= */

.link-articolo {
    color: #ff7a00 !important;
    text-decoration: underline;
    font-weight: 500;
}

.link-articolo:hover {
    color: #cc5e00 !important;
}

/* =====================================================
   SOLO AUSSIE – SALUTE & RICERCA v3
   Variante scientifica della template editoriale V3
   Joomla-friendly – Desktop + Mobile
===================================================== */

/* ===== CONTENITORE GENERALE ===== */

.sa-health-v3 {
  --sa-health-bg: #f5f8f7;
  --sa-health-paper: #fbfdfc;
  --sa-health-paper-soft: #eef5f3;
  --sa-health-ink: #243035;
  --sa-health-muted: #667477;
  --sa-health-line: #c9d8d6;
  --sa-health-blue: #284b5c;
  --sa-health-blue-dark: #1f3947;
  --sa-health-sage: #6f8f89;
  --sa-health-sage-soft: #dfe9e6;
  --sa-health-accent: #4f7f8f;

  width: 100%;
  max-width: 100%;
  margin: 24px auto 48px;
  display: grid;
  grid-template-columns: 108px 1fr;
  background: var(--sa-health-bg);
  color: var(--sa-health-ink);
  border: 1px solid var(--sa-health-line);
  box-shadow: 0 18px 42px rgba(31,57,71,.09);
  font-size: 18px;
  line-height: 1.78;
  overflow: hidden;
  box-sizing: border-box;
}

.sa-health-v3 * {
  box-sizing: border-box;
}

/* ===== FASCIA LATERALE ===== */

.sa-health-v3-rail {
  background:
    linear-gradient(180deg, var(--sa-health-blue-dark), var(--sa-health-blue));
  color: #eef8f6;
  padding: 28px 14px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  font-family: Georgia, serif;
}

.sa-health-v3-logo {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -.08em;
  opacity: .94;
}

.sa-health-v3-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .17em;
  line-height: 1.9;
  opacity: .78;
}

/* ===== AREA ARTICOLO ===== */

.sa-health-v3-main {
  padding: 34px;
  background:
    linear-gradient(
      90deg,
      rgba(79,127,143,.045) 0 1px,
      transparent 1px
    ),
    linear-gradient(
      180deg,
      rgba(79,127,143,.035) 0 1px,
      transparent 1px
    ),
    var(--sa-health-bg);

  background-size: 34px 34px;
}

/* ===== BOX TESTO ===== */

.sa-health-v3-frame {
  position: relative;
  background: rgba(251,253,252,.97);
  border: 1px solid var(--sa-health-line);
  padding: 58px 56px 52px;
}

/* Cartiglio superiore */

.sa-health-v3-frame::before {
  content: "SALUTE & RICERCA";
  position: absolute;
  top: -14px;
  left: 30px;
  background: var(--sa-health-blue);
  color: #f5fbfa;
  padding: 7px 16px;
  font-size: 11px;
  letter-spacing: .14em;
  font-weight: 700;
}

/* Cartiglio inferiore */

.sa-health-v3-frame::after {
  content: "Studi, prevenzione e vita reale dell’Aussie";
  position: absolute;
  right: 26px;
  bottom: -13px;
  background: var(--sa-health-paper);
  color: var(--sa-health-blue);
  border: 1px solid var(--sa-health-line);
  padding: 6px 12px;
  font-family: Georgia, serif;
  font-size: 12px;
}

/* ===== CONTENUTO TESTUALE ===== */

.sa-health-v3-content {
  max-width: 100%;
}

.sa-health-v3-content p {
  margin: 0 0 1.35em;
}

.sa-health-v3-content p:first-of-type {
  font-size: 1.06em;
  line-height: 1.8;
  color: #29383d;
}

.sa-health-v3-content h2 {
  margin: 2em 0 .75em;
  font-family: Georgia, serif;
  font-size: 1.52em;
  color: var(--sa-health-blue-dark);
  line-height: 1.25;
}

.sa-health-v3-content h2::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 3px;
  background: var(--sa-health-sage);
  margin-right: 12px;
  vertical-align: middle;
  border-radius: 999px;
}

.sa-health-v3-content h3 {
  margin: 1.8em 0 .7em;
  font-family: Georgia, serif;
  color: var(--sa-health-blue-dark);
}

.sa-health-v3-content blockquote {
  margin: 2em 0;
  padding: 24px 28px;
  background: var(--sa-health-sage-soft);
  border-left: 5px solid var(--sa-health-blue);
  font-family: Georgia, serif;
  color: #2f4145;
}

.sa-health-v3-content ul,
.sa-health-v3-content ol {
  margin: 1.15em 0 1.55em 1.35em;
  padding: 0;
}

.sa-health-v3-content li {
  margin-bottom: .6em;
}

.sa-health-v3-content a {
  color: var(--sa-health-blue);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.sa-health-v3-content img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  border: 6px solid var(--sa-health-paper);
  box-shadow: 0 12px 30px rgba(31,57,71,.13);
}

.sa-health-v3-content figure {
  margin: 2em 0;
}

.sa-health-v3-content figcaption {
  margin-top: .75em;
  font-size: .88em;
  line-height: 1.55;
  color: var(--sa-health-muted);
  font-style: italic;
}

/* ===== TABELLE PER ARTICOLI SCIENTIFICI ===== */

.sa-health-v3-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  font-size: .95em;
  line-height: 1.55;
  background: var(--sa-health-paper);
  border: 1px solid var(--sa-health-line);
}

.sa-health-v3-content th {
  background: var(--sa-health-blue);
  color: #f5fbfa;
  text-align: left;
  padding: 12px 14px;
  font-weight: 700;
}

.sa-health-v3-content td {
  padding: 12px 14px;
  border-top: 1px solid var(--sa-health-line);
  color: var(--sa-health-ink);
}

.sa-health-v3-content tr:nth-child(even) td {
  background: #f1f6f5;
}

/* ===== BOX DI APPROFONDIMENTO / FONTI ===== */

.sa-health-v3-evidence {
  margin: 2.2em 0;
  padding: 24px 28px;
  background: #eef5f3;
  border: 1px solid var(--sa-health-line);
  border-left: 5px solid var(--sa-health-sage);
  color: #2b3d41;
}

.sa-health-v3-evidence strong {
  color: var(--sa-health-blue-dark);
}

.sa-health-v3-sources {
  margin: 2.4em 0 0;
  padding: 24px 28px;
  background: #f1f6f5;
  border-top: 3px solid var(--sa-health-blue);
  color: #2f3f43;
  font-size: .94em;
}

.sa-health-v3-sources p:last-child,
.sa-health-v3-evidence p:last-child {
  margin-bottom: 0;
}

/* =====================================================
   MOBILE – SALUTE & RICERCA v3 OTTIMIZZATA
===================================================== */

@media (max-width: 768px) {

  .sa-health-v3 {
    display: block;
    margin: 18px auto 38px;
    font-size: 17px;
    line-height: 1.74;
  }

  .sa-health-v3-rail {
    writing-mode: horizontal-tb;
    padding: 12px 16px;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .sa-health-v3-logo {
    font-size: 25px;
    letter-spacing: -.06em;
    padding-right: 12px;
    border-right: 1px solid rgba(238,248,246,.42);
  }

  .sa-health-v3-label {
    font-size: 0;
    letter-spacing: 0;
    line-height: 1.2;
    opacity: 1;
  }

  .sa-health-v3-label::before {
    content: "Solo Aussie";
    display: block;
    font-size: 14px;
    font-family: Georgia, serif;
    text-transform: none;
    letter-spacing: .03em;
    opacity: .96;
  }

  .sa-health-v3-label::after {
    content: "Salute & Ricerca";
    display: block;
    margin-top: 2px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .14em;
    opacity: .74;
  }

  .sa-health-v3-main {
    padding: 14px;
    background-size: 30px 30px;
  }

  .sa-health-v3-frame {
    padding: 36px 18px 34px;
  }

  .sa-health-v3-frame::before {
    top: -12px;
    left: 18px;
    padding: 6px 12px;
    font-size: 10px;
    letter-spacing: .12em;
  }

  .sa-health-v3-frame::after {
    display: none;
  }

  .sa-health-v3-content p:first-of-type {
    font-size: 1.03em;
    line-height: 1.76;
  }

  .sa-health-v3-content h2 {
    font-size: 1.36em;
  }

  .sa-health-v3-content h2::before {
    width: 26px;
    margin-right: 9px;
  }

  .sa-health-v3-content blockquote {
    padding: 20px 18px;
    border-left-width: 5px;
  }

  .sa-health-v3-content img {
    border-width: 5px;
  }

  .sa-health-v3-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    font-size: .9em;
  }

  .sa-health-v3-evidence,
  .sa-health-v3-sources {
    padding: 20px 18px;
  }

}

<div class="sa-health-v3">

  <!-- FASCIA LATERALE -->
  <aside class="sa-health-v3-rail">

    <span class="sa-health-v3-logo">
      SA
    </span>

    <span class="sa-health-v3-label">
      Solo Aussie · Salute & Ricerca
    </span>

  </aside>

  <!-- CONTENUTO ARTICOLO -->
  <section class="sa-health-v3-main">

    <article class="sa-health-v3-frame">

      <div class="sa-health-v3-content">

        <!-- ==================================================
             INCOLLA QUI IL TESTO DELL'ARTICOLO
        =================================================== -->

        <p>
          INCOLLA QUI IL TESTO DELL’ARTICOLO.
        </p>

      </div>

    </article>

  </section>

</div>
/* =====================================================
   SOLO AUSSIE – QUADERNO DI ALIMENTAZIONE v3
   Layout editoriale premium – Desktop + Mobile
===================================================== */

/* ===== CONTENITORE GENERALE ===== */

.sa-food-v3 {
  width: 100%;
  max-width: 100%;
  margin: 24px auto 48px;
  display: grid;
  grid-template-columns: 108px 1fr;
  background: #fbf7e8;
  color: #2e2a21;
  border: 1px solid #d8ca9f;
  box-shadow: 0 18px 42px rgba(55,48,28,.09);
  font-size: 18px;
  line-height: 1.78;
  overflow: hidden;
  box-sizing: border-box;
}

.sa-food-v3 * {
  box-sizing: border-box;
}

/* ===== FASCIA LATERALE ===== */

.sa-food-v3-rail {
  background:
    linear-gradient(180deg, #59633a, #7f8142);
  color: #fff9df;
  padding: 28px 14px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  font-family: Georgia, serif;
}

.sa-food-v3-logo {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -.08em;
  opacity: .94;
}

.sa-food-v3-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .17em;
  line-height: 1.9;
  opacity: .78;
}

/* ===== AREA ARTICOLO ===== */

.sa-food-v3-main {
  padding: 34px;
  background:
    linear-gradient(
      90deg,
      rgba(184,142,54,.04) 0 1px,
      transparent 1px
    ),
    linear-gradient(
      180deg,
      rgba(122,138,67,.035) 0 1px,
      transparent 1px
    ),
    #fbf7e8;

  background-size: 34px 34px;
}

/* ===== BOX TESTO ===== */

.sa-food-v3-frame {
  position: relative;
  background: rgba(255,253,244,.97);
  border: 1px solid #d9c999;
  padding: 58px 56px 52px;
}

/* Cartiglio superiore */

.sa-food-v3-frame::before {
  content: "ALIMENTAZIONE";
  position: absolute;
  top: -14px;
  left: 30px;
  background: linear-gradient(180deg, #59633a, #7f8142);
  color: #fff9df;
  padding: 7px 16px;
  font-size: 11px;
  letter-spacing: .14em;
  font-weight: 700;
}

/* Cartiglio inferiore */

.sa-food-v3-frame::after {
  content: "Etichette, nutrienti e vita reale nella ciotola";
  position: absolute;
  right: 26px;
  bottom: -13px;
  background: #fbf7e8;
  color: #657239;
  border: 1px solid #d4c58f;
  padding: 6px 12px;
  font-family: Georgia, serif;
  font-size: 12px;
}

/* ===== CONTENUTO TESTUALE ===== */

.sa-food-v3-content {
  max-width: 100%;
}

.sa-food-v3-content p {
  margin: 0 0 1.35em;
}

.sa-food-v3-content p:first-of-type {
  font-size: 1.06em;
  line-height: 1.8;
  color: #393226;
}

.sa-food-v3-content h2 {
  margin: 2em 0 .75em;
  font-family: Georgia, serif;
  font-size: 1.52em;
  color: #5f6f36;
  line-height: 1.25;
}

.sa-food-v3-content h2::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 3px;
  background: #b8862f;
  margin-right: 12px;
  vertical-align: middle;
  border-radius: 999px;
}

.sa-food-v3-content h3 {
  margin: 1.8em 0 .7em;
  font-family: Georgia, serif;
  color: #5f6f36;
}

.sa-food-v3-content blockquote {
  margin: 2em 0;
  padding: 24px 28px;
  background: #ece9c9;
  border-left: 5px solid #7f8142;
  font-family: Georgia, serif;
  color: #39351f;
}

.sa-food-v3-content ul,
.sa-food-v3-content ol {
  margin: 1.15em 0 1.55em 1.35em;
  padding: 0;
}

.sa-food-v3-content li {
  margin-bottom: .6em;
}

.sa-food-v3-content a {
  color: #6f7838;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.sa-food-v3-content img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  border: 6px solid #fbf7e8;
  box-shadow: 0 12px 30px rgba(55,48,28,.13);
}

/* =====================================================
   MOBILE – v3 OTTIMIZZATA
===================================================== */

@media (max-width: 768px) {

  .sa-food-v3 {
    display: block;
    margin: 18px auto 38px;
    font-size: 17px;
    line-height: 1.74;
  }

  .sa-food-v3-rail {
    writing-mode: horizontal-tb;
    padding: 12px 16px;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .sa-food-v3-logo {
    font-size: 25px;
    letter-spacing: -.06em;
    padding-right: 12px;
    border-right: 1px solid rgba(255,249,223,.42);
  }

  .sa-food-v3-label {
    font-size: 0;
    letter-spacing: 0;
    line-height: 1.2;
    opacity: 1;
  }

  .sa-food-v3-label::before {
    content: "Alimentazione";
    display: block;
    font-size: 14px;
    font-family: Georgia, serif;
    text-transform: none;
    letter-spacing: .03em;
    opacity: .96;
  }

  .sa-food-v3-label::after {
    content: "Quaderno di Alimentazione";
    display: block;
    margin-top: 2px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .14em;
    opacity: .74;
  }

  .sa-food-v3-main {
    padding: 14px;
    background-size: 30px 30px;
  }

  .sa-food-v3-frame {
    padding: 36px 18px 34px;
  }

  .sa-food-v3-frame::before {
    top: -12px;
    left: 18px;
    padding: 6px 12px;
    font-size: 10px;
    letter-spacing: .12em;
  }

  .sa-food-v3-frame::after {
    display: none;
  }

  .sa-food-v3-content p:first-of-type {
    font-size: 1.03em;
    line-height: 1.76;
  }

  .sa-food-v3-content h2 {
    font-size: 1.36em;
  }

  .sa-food-v3-content h2::before {
    width: 26px;
    margin-right: 9px;
  }

  .sa-food-v3-content blockquote {
    padding: 20px 18px;
    border-left-width: 5px;
  }

  .sa-food-v3-content img {
    border-width: 5px;
  }

}
/* =====================================================
   SOLO AUSSIE – QUADERNO DI RAZZA v3
   Template vecchio stile corretta – Joomla 6
===================================================== */

.sa-archive-v3 {
  width: 100%;
  max-width: 100%;
  margin: 24px auto 48px;
  display: grid;
  grid-template-columns: 108px 1fr;
  background: #fffaf1;
  color: #2f2922;
  border: 1px solid #d8c1a3;
  box-shadow: 0 18px 42px rgba(46,32,20,.09);
  font-size: 18px;
  line-height: 1.78;
  overflow: hidden;
  box-sizing: border-box;
}

.sa-archive-v3 * {
  box-sizing: border-box;
}

.sa-archive-v3-rail {
  background: linear-gradient(180deg, #5a3d2a, #7a5538);
  color: #fff4df;
  padding: 28px 14px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  font-family: Georgia, serif;
}

.sa-archive-v3-logo {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -.08em;
  opacity: .94;
}

.sa-archive-v3-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .17em;
  line-height: 1.9;
  opacity: .76;
}

.sa-archive-v3-main {
  padding: 34px;
  background:
    linear-gradient(90deg, rgba(166,124,82,.035) 0 1px, transparent 1px),
    linear-gradient(180deg, rgba(166,124,82,.03) 0 1px, transparent 1px),
    #fffaf1;
  background-size: 34px 34px;
}

.sa-archive-v3-frame {
  position: relative;
  background: rgba(255,253,248,.96);
  border: 1px solid #dac4a7;
  padding: 58px 56px 52px;
}

.sa-archive-v3-frame::before {
  content: "SOLO AUSSIE";
  position: absolute;
  top: -14px;
  left: 30px;
  background: #a67c52;
  color: #fffaf1;
  padding: 7px 16px;
  font-size: 11px;
  letter-spacing: .14em;
  font-weight: 700;
}

.sa-archive-v3-frame::after {
  content: "Appunti, studi e vita reale dell’Aussie";
  position: absolute;
  right: 26px;
  bottom: -13px;
  background: #fffaf1;
  color: #765034;
  border: 1px solid #d6bea0;
  padding: 6px 12px;
  font-family: Georgia, serif;
  font-size: 12px;
}

.sa-archive-v3-content {
  max-width: 100%;
}

.sa-archive-v3-content p {
  margin: 0 0 1.35em;
}

.sa-archive-v3-content h2 {
  margin: 2em 0 .75em;
  font-family: Georgia, serif;
  font-size: 1.52em;
  color: #6f4a2f;
  line-height: 1.25;
}

.sa-archive-v3-content h2::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 3px;
  background: #a67c52;
  margin-right: 12px;
  vertical-align: middle;
  border-radius: 999px;
}

.sa-archive-v3-content h3 {
  margin: 1.8em 0 .7em;
  font-family: Georgia, serif;
  color: #6f4a2f;
}

.sa-archive-v3-content blockquote {
  margin: 2em 0;
  padding: 24px 28px;
  background: #efe0ca;
  border-left: 5px solid #7a5538;
  font-family: Georgia, serif;
  color: #453225;
}

.sa-archive-v3-content ul,
.sa-archive-v3-content ol {
  margin: 1.15em 0 1.55em 1.35em;
  padding: 0;
}

.sa-archive-v3-content li {
  margin-bottom: .6em;
}

.sa-archive-v3-content a {
  color: #765034;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.sa-archive-v3-content img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  border: 6px solid #fffaf1;
  box-shadow: 0 12px 30px rgba(45,32,20,.13);
}

@media (max-width: 768px) {

  .sa-archive-v3 {
    display: block;
    margin: 18px auto 38px;
    font-size: 17px;
    line-height: 1.74;
  }

  .sa-archive-v3-rail {
    writing-mode: horizontal-tb;
    padding: 12px 16px;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .sa-archive-v3-logo {
    font-size: 25px;
    letter-spacing: -.06em;
    padding-right: 12px;
    border-right: 1px solid rgba(255,244,223,.42);
  }

  .sa-archive-v3-label {
    font-size: 0;
    letter-spacing: 0;
    line-height: 1.2;
    opacity: 1;
  }

  .sa-archive-v3-label::before {
    content: "Solo Aussie";
    display: block;
    font-size: 14px;
    font-family: Georgia, serif;
    text-transform: none;
    letter-spacing: .03em;
    opacity: .96;
  }

  .sa-archive-v3-label::after {
    content: "Quaderno di Razza";
    display: block;
    margin-top: 2px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .14em;
    opacity: .72;
  }

  .sa-archive-v3-main {
    padding: 14px;
    background-size: 30px 30px;
  }

  .sa-archive-v3-frame {
    padding: 36px 18px 34px;
  }

  .sa-archive-v3-frame::before {
    top: -12px;
    left: 18px;
    padding: 6px 12px;
    font-size: 10px;
    letter-spacing: .12em;
  }

  .sa-archive-v3-frame::after {
    display: none;
  }

  .sa-archive-v3-content h2 {
    font-size: 1.36em;
  }

  .sa-archive-v3-content h2::before {
    width: 26px;
    margin-right: 9px;
  }

  .sa-archive-v3-content blockquote {
    padding: 20px 18px;
    border-left-width: 5px;
  }

  .sa-archive-v3-content img {
    border-width: 5px;
  }

}
/* =========================================================
   SOLO AUSSIE – STORIE DI NASH
   Template Diario articolo singolo
   Desktop + Mobile
========================================================= */

.sa-nash-entry {
  --sa-bg: #f4efe6;
  --sa-paper: #fffaf0;
  --sa-paper-2: #fdf4df;
  --sa-ink: #2f2a24;
  --sa-muted: #74695f;
  --sa-line: rgba(92, 71, 45, 0.16);
  --sa-accent: #6f8f91;
  --sa-accent-dark: #45696b;
  --sa-tape: #d7c19b;
  --sa-shadow: rgba(45, 34, 22, 0.18);

  max-width: 1120px;
  margin: 2rem auto;
  padding: 1rem;
  color: var(--sa-ink);
  font-family: inherit;
}

.sa-nash-entry * {
  box-sizing: border-box;
}

.sa-nash-entry-wrap {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.5rem;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.85), transparent 34%),
    linear-gradient(135deg, #efe4d2, #d9c9ad);
  border-radius: 28px;
  padding: 2rem;
  box-shadow: 0 22px 55px var(--sa-shadow);
  overflow: hidden;
}

.sa-nash-entry-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.25), transparent 18%, transparent 82%, rgba(0,0,0,0.05)),
    radial-gradient(circle at 20% 10%, rgba(255,255,255,0.35), transparent 24%);
  pointer-events: none;
}

.sa-nash-entry-book {
  position: relative;
  z-index: 1;
  background: var(--sa-paper);
  border-radius: 22px;
  padding: 3rem 3rem 3rem 4.3rem;
  box-shadow:
    inset 0 0 0 1px rgba(70, 51, 31, 0.08),
    0 14px 34px rgba(45, 34, 22, 0.16);
  overflow: hidden;
}

.sa-nash-entry-book::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.2rem;
  width: 1px;
  height: 100%;
  background: rgba(130, 90, 60, 0.25);
}

.sa-nash-entry-book::after {
  content: "";
  position: absolute;
  inset: 10.2rem 3rem 3rem 4.3rem;
  z-index: -1;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 31px,
    var(--sa-line) 32px
  );
  pointer-events: none;
}

.sa-nash-rings {
  position: absolute;
  top: 3rem;
  left: 0.7rem;
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  z-index: 2;
}

.sa-nash-rings span {
  width: 28px;
  height: 18px;
  border: 3px solid rgba(83, 70, 60, 0.42);
  border-left: none;
  border-radius: 0 18px 18px 0;
  background: rgba(255,255,255,0.35);
}

.sa-nash-label {
  display: inline-block;
  margin-bottom: 0.9rem;
  padding: 0.35rem 0.75rem;
  background: rgba(111, 143, 145, 0.13);
  color: var(--sa-accent-dark);
  border: 1px solid rgba(111, 143, 145, 0.25);
  border-radius: 999px;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sa-nash-page-title {
  margin: 0 0 1.4rem;
  font-size: clamp(2rem, 4.6vw, 4rem);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.045em;
  color: #2c251e;
}

.sa-nash-lead {
  max-width: 720px;
  margin: 0 0 2.2rem;
  font-size: 1.2rem;
  line-height: 1.75;
  color: var(--sa-muted);
}

.sa-nash-content {
  max-width: 760px;
  font-size: 1.05rem;
  line-height: 1.9;
}

.sa-nash-content p {
  margin: 0 0 1rem;
}

.sa-nash-content h2 {
  margin: 2.3rem 0 0.85rem;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  line-height: 1.25;
  color: var(--sa-ink);
  letter-spacing: -0.02em;
}

.sa-nash-content h2::after {
  content: "";
  display: block;
  width: 88px;
  height: 3px;
  margin-top: 0.55rem;
  background: rgba(111, 143, 145, 0.45);
  border-radius: 999px;
}

.sa-nash-note {
  position: relative;
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  background: rgba(255, 255, 255, 0.58);
  border-left: 4px solid var(--sa-accent);
  border-radius: 14px;
  color: #4d4338;
  line-height: 1.75;
}

.sa-nash-note::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 32px;
  width: 96px;
  height: 24px;
  background: rgba(215, 193, 155, 0.72);
  transform: rotate(-2deg);
  border-radius: 2px;
}

.sa-nash-lines {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
  margin: 1.1rem 0 1.5rem;
}

.sa-nash-lines span {
  display: block;
  padding: 0.75rem 0.95rem;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(80, 60, 42, 0.08);
  border-radius: 14px;
  color: var(--sa-accent-dark);
  font-weight: 700;
}

.sa-nash-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 1.1rem 0 1.7rem;
}

.sa-nash-tags span {
  display: inline-block;
  padding: 0.45rem 0.7rem;
  background: rgba(111, 143, 145, 0.12);
  border: 1px solid rgba(111, 143, 145, 0.22);
  border-radius: 999px;
  color: var(--sa-accent-dark);
  font-size: 0.95rem;
}

.sa-nash-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0 1.8rem;
}

.sa-nash-compare-box {
  padding: 1.15rem;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(80, 60, 42, 0.08);
  border-radius: 18px;
}

.sa-nash-compare-box strong {
  display: block;
  margin-bottom: 0.75rem;
  color: var(--sa-ink);
  font-size: 1.02rem;
}

.sa-nash-compare-box p {
  margin: 0.3rem 0;
  color: var(--sa-muted);
  line-height: 1.55;
}

.sa-nash-quote {
  margin: 2.2rem 0 0;
  padding: 1.4rem;
  background: rgba(111, 143, 145, 0.1);
  border-radius: 18px;
  color: #3e3831;
  font-size: 1.12rem;
  line-height: 1.75;
}

.sa-nash-quote strong {
  color: var(--sa-accent-dark);
}

.sa-nash-diary-mark {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.4rem auto 1.2rem;
  opacity: 0.72;
}

.sa-nash-paw {
  position: relative;
  width: 54px;
  height: 48px;
  transform: rotate(-8deg);
}

.sa-nash-paw span {
  position: absolute;
  display: block;
  background: rgba(111, 143, 145, 0.42);
}

.sa-nash-paw .toe-1,
.sa-nash-paw .toe-2,
.sa-nash-paw .toe-3,
.sa-nash-paw .toe-4 {
  width: 13px;
  height: 17px;
  border-radius: 50%;
}

.sa-nash-paw .toe-1 {
  left: 4px;
  top: 12px;
  transform: rotate(-22deg);
}

.sa-nash-paw .toe-2 {
  left: 15px;
  top: 2px;
  transform: rotate(-8deg);
}

.sa-nash-paw .toe-3 {
  right: 15px;
  top: 2px;
  transform: rotate(8deg);
}

.sa-nash-paw .toe-4 {
  right: 4px;
  top: 12px;
  transform: rotate(22deg);
}

.sa-nash-paw .pad {
  left: 14px;
  bottom: 2px;
  width: 27px;
  height: 23px;
  border-radius: 55% 55% 48% 48%;
}

.sa-nash-finale {
  margin: 1.6rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(92, 71, 45, 0.16);
  text-align: center;
  color: var(--sa-muted);
  font-size: 0.98rem;
}

.sa-nash-finale strong {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--sa-accent-dark);
  font-size: 1.05rem;
}

.sa-nash-side {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sa-nash-card {
  background: rgba(255, 250, 240, 0.82);
  border: 1px solid rgba(78, 56, 35, 0.12);
  border-radius: 22px;
  padding: 1.25rem;
  box-shadow: 0 12px 26px rgba(45, 34, 22, 0.1);
  backdrop-filter: blur(3px);
}

.sa-nash-photo {
  min-height: 230px;
  border-radius: 18px;
  background:
    linear-gradient(rgba(47, 42, 36, 0.25), rgba(47, 42, 36, 0.3)),
    url("/images/solo-aussie/home/aussie-nash-soloaussie.webp") center/cover;
  display: flex;
  align-items: flex-end;
  padding: 1rem;
  overflow: hidden;
}

.sa-nash-photo span {
  display: inline-block;
  padding: 0.45rem 0.7rem;
  background: rgba(255, 250, 240, 0.88);
  color: var(--sa-ink);
  border-radius: 999px;
  font-size: 0.9rem;
}

.sa-nash-side-title {
  margin: 0 0 0.75rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--sa-ink);
}

.sa-nash-side-text {
  margin: 0;
  color: var(--sa-muted);
  line-height: 1.65;
  font-size: 0.95rem;
}

.sa-nash-side-text strong {
  color: var(--sa-accent-dark);
}

.sa-nash-button {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  background: var(--sa-accent);
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.95rem;
  box-shadow: 0 10px 20px rgba(69, 105, 107, 0.22);
  transition: transform 0.2s ease, background 0.2s ease;
}

.sa-nash-button:hover,
.sa-nash-button:focus {
  transform: translateY(-2px);
  background: var(--sa-accent-dark);
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 900px) {

  .sa-nash-entry-wrap {
    grid-template-columns: 1fr;
    padding: 1rem;
  }

  .sa-nash-entry-book {
    padding: 2.2rem 1.4rem 2.2rem 3.4rem;
  }

  .sa-nash-entry-book::after {
    inset: 10rem 1.4rem 2.2rem 3.4rem;
  }

  .sa-nash-side {
    order: -1;
  }

  .sa-nash-photo {
    min-height: 260px;
  }

  .sa-nash-compare {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 560px) {

  .sa-nash-entry {
    padding: 0;
    margin: 1.2rem auto;
  }

  .sa-nash-entry-wrap {
    border-radius: 18px;
  }

  .sa-nash-entry-book {
    border-radius: 18px;
    padding: 2rem 1rem 2rem 2.7rem;
  }

  .sa-nash-entry-book::before {
    left: 1.55rem;
  }

  .sa-nash-entry-book::after {
    inset: 9.5rem 1rem 2rem 2.7rem;
  }

  .sa-nash-rings {
    left: 0.3rem;
  }

  .sa-nash-rings span {
    width: 20px;
    height: 15px;
  }

  .sa-nash-page-title {
    font-size: 2.35rem;
  }

  .sa-nash-content {
    font-size: 1rem;
    line-height: 1.85;
  }

}
/* =========================================================
   SOLO AUSSIE
   Blog categorie - link "Leggi l'articolo"
   ========================================================= */

.sa-blog-readmore {
    margin: .7rem 0 0;
}

.sa-blog-readmore a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #765034;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    border-bottom: 1px solid rgba(118, 80, 52, .35);
    padding-bottom: 2px;
    transition:
        color .2s ease,
        border-color .2s ease;
}

.sa-blog-readmore a:hover,
.sa-blog-readmore a:focus {
    color: #5a3d2a;
    border-bottom-color: #5a3d2a;
}

.sa-blog-readmore a span {
    transition: transform .2s ease;
}

.sa-blog-readmore a:hover span,
.sa-blog-readmore a:focus span {
    transform: translateX(3px);
}
/* =========================================================
   SOLO AUSSIE
   Blog categorie - separazione verticale articoli
   ========================================================= */

.blog-items .blog-item {
    margin-bottom: 1.5rem;
}