/* =========================================================
   MACRIGI 2027
   OPPORTUNITÀ PER GROSSISTI E BUYER
   VERSIONE COMPLETA
   HERO + CTA FINALE ALLINEATI
   Desktop / Tablet / iPhone
   ========================================================= */

.macrigi-buyers-2027,
.macrigi-buyers-2027 * {
    box-sizing: border-box;
}

.macrigi-buyers-2027 {
    --mk-navy: #103746;
    --mk-navy-dark: #0b2d3a;
    --mk-blue: #35A9DC;
    --mk-blue-dark: #2699ca;
    --mk-soft: #EDF7FB;
    --mk-text: #17313D;
    --mk-muted: #60727b;
    --mk-white: #ffffff;
    --mk-orange: #F28C28;
    --mk-border: #CFE5EE;
    --mk-shadow: 0 14px 32px rgba(16,55,70,.08);
    --mk-max: 1280px;

    width: 100%;
    overflow-x: hidden;

    color: var(--mk-text);
    background: #fff;

    font-family: inherit;

    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.macrigi-buyers-2027 *,
.macrigi-buyers-2027 *::before,
.macrigi-buyers-2027 *::after {
    box-sizing: border-box;
}

.macrigi-buyers-2027 img,
.macrigi-buyers-2027 svg {
    max-width: 100%;
}

.macrigi-buyers-2027 img {
    display: block;
}

.macrigi-buyers-2027 a {
    text-decoration: none;
}

.macrigi-buyers-2027 .mk-wrap {
    width: min(var(--mk-max), calc(100% - 56px));
    margin: 0 auto;
}

.macrigi-buyers-2027 .mk-section {
    padding: 82px 0;
}

.macrigi-buyers-2027 .mk-soft {
    background: var(--mk-soft);
}

.macrigi-buyers-2027 .mk-eyebrow {
    margin: 0 0 13px;

    color: var(--mk-blue);

    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.macrigi-buyers-2027 h1,
.macrigi-buyers-2027 h2,
.macrigi-buyers-2027 h3 {
    margin: 0;
    color: var(--mk-navy);
}

.macrigi-buyers-2027 h1 {
    margin-bottom: 20px;

    font-size: 50px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.025em;
}

.macrigi-buyers-2027 h2 {
    margin-bottom: 18px;

    font-size: 36px;
    line-height: 1.16;
    font-weight: 800;
    letter-spacing: -.018em;
}

.macrigi-buyers-2027 h3 {
    font-size: 21px;
    line-height: 1.3;
    font-weight: 800;
}

.macrigi-buyers-2027 p {
    margin: 0 0 16px;

    color: var(--mk-text);

    font-size: 18px;
    line-height: 1.65;
}

.macrigi-buyers-2027 .mk-lead {
    font-size: 20px;
    line-height: 1.65;
}

.macrigi-buyers-2027 .mk-section-head {
    max-width: 880px;
    margin: 0 auto 42px;

    text-align: center;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.macrigi-buyers-2027 .mk-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 28px;
}

.macrigi-buyers-2027 .mk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;
    padding: 15px 28px;

    border: 2px solid transparent;
    border-radius: 8px;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .025em;
    text-align: center;
    text-transform: uppercase;

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

.macrigi-buyers-2027 .mk-btn-primary {
    color: #fff;
    background: var(--mk-blue);
}

.macrigi-buyers-2027 .mk-btn-primary:hover {
    color: #fff;
    background: var(--mk-navy);
    transform: translateY(-1px);
}

.macrigi-buyers-2027 .mk-btn-dark {
    color: #fff;
    background: var(--mk-navy);
}

.macrigi-buyers-2027 .mk-btn-dark:hover {
    color: #fff;
    background: var(--mk-blue);
}

.macrigi-buyers-2027 .mk-btn-outline {
    color: var(--mk-navy);
    background: #fff;
    border-color: var(--mk-navy);
}

.macrigi-buyers-2027 .mk-btn-outline:hover {
    color: #fff;
    background: var(--mk-navy);
}

.macrigi-buyers-2027 a:focus-visible {
    outline: 3px solid rgba(53,169,220,.45);
    outline-offset: 4px;
}


/* =========================================================
   HERO
   ========================================================= */

.macrigi-buyers-2027 .mk-hero {
    position: relative;

    min-height: 650px;

    display: flex;
    align-items: center;

    color: #fff;

    background-image:
        linear-gradient(
            90deg,
            rgba(7,36,51,.94) 0%,
            rgba(10,49,68,.86) 43%,
            rgba(10,49,68,.30) 72%,
            rgba(10,49,68,.10) 100%
        ),
        url("https://www.macrigi.com/wp-content/uploads/2026/08/hero-grossisti-desktop-1450x720-1.webp");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.macrigi-buyers-2027 .mk-hero-inner {
    width: 100%;
}

.macrigi-buyers-2027 .mk-hero-copy {
    max-width: 720px;
}

.macrigi-buyers-2027 .mk-hero .mk-eyebrow,
.macrigi-buyers-2027 .mk-hero h1,
.macrigi-buyers-2027 .mk-hero p {
    color: #fff;
}

.macrigi-buyers-2027 .mk-hero-trust {
    margin-top: 26px;
    padding-top: 20px;

    border-top: 1px solid rgba(255,255,255,.28);

    color: rgba(255,255,255,.95);

    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}


/* =========================================================
   HERO + CTA DESKTOP
   STESSA GEOMETRIA
   ========================================================= */

@media (min-width: 768px) {

    .macrigi-buyers-2027 .mk-hero-copy,
    .macrigi-buyers-2027 .mk-final-copy {
        max-width: 720px;
        padding-left: clamp(26px, 2.7vw, 44px);
    }
}


/* =========================================================
   VANTAGGI
   ========================================================= */

.macrigi-buyers-2027 .mk-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.macrigi-buyers-2027 .mk-benefit {
    min-height: 210px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 28px;

    border: 1px solid var(--mk-border);
    border-radius: 18px;

    background: #fff;
    box-shadow: var(--mk-shadow);
}

.macrigi-buyers-2027 .mk-benefit-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 28px;

    color: var(--mk-blue);
}

.macrigi-buyers-2027 .mk-benefit-icon svg {
    width: 100%;
    height: 100%;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.macrigi-buyers-2027 .mk-benefit h3 {
    font-size: 21px;
}


/* =========================================================
   MARKETPLACE
   ========================================================= */

.macrigi-buyers-2027 .mk-market-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 46px;
    align-items: center;
}

.macrigi-buyers-2027 .mk-market-image {
    overflow: hidden;

    border-radius: 20px;

    background: var(--mk-soft);
}

.macrigi-buyers-2027 .mk-market-image img {
    width: 100%;
    height: auto;
}

.macrigi-buyers-2027 .mk-market-copy strong {
    color: var(--mk-navy);
}


/* =========================================================
   TRE PASSAGGI
   ========================================================= */

.macrigi-buyers-2027 .mk-steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
}

.macrigi-buyers-2027 .mk-step {
    padding: 30px 26px;

    border: 1px solid var(--mk-border);
    border-radius: 20px;

    background: #fff;
    box-shadow: var(--mk-shadow);
}

.macrigi-buyers-2027 .mk-step-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin-bottom: 22px;

    border-radius: 50%;

    color: #fff;
    background: var(--mk-blue);

    font-size: 20px;
    font-weight: 800;
}

.macrigi-buyers-2027 .mk-step h3 {
    margin-bottom: 12px;

    color: var(--mk-blue);
}

.macrigi-buyers-2027 .mk-step p {
    margin: 0;

    color: var(--mk-muted);

    font-size: 16px;
    line-height: 1.6;
}

.macrigi-buyers-2027 .mk-step-link {
    display: block;
    color: inherit;
}


/* =========================================================
   AGENTE DEDICATO
   ========================================================= */

.macrigi-buyers-2027 .mk-agent {
    background:
        linear-gradient(
            135deg,
            #edf7fb 0%,
            #f8fcfe 100%
        );
}

.macrigi-buyers-2027 .mk-agent-layout {
    display: grid;
    grid-template-columns: .78fr 1.22fr;
    gap: 46px;
    align-items: start;
}

.macrigi-buyers-2027 .mk-agent-intro {
    padding: 34px;

    border-radius: 22px;

    color: #fff;
    background: var(--mk-navy);
}

.macrigi-buyers-2027 .mk-agent-intro .mk-eyebrow {
    color: var(--mk-orange);
}

.macrigi-buyers-2027 .mk-agent-intro h2,
.macrigi-buyers-2027 .mk-agent-intro p {
    color: #fff;
}

.macrigi-buyers-2027 .mk-agent-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}

.macrigi-buyers-2027 .mk-agent-card {
    padding: 27px 22px;

    border: 1px solid rgba(242,140,40,.30);
    border-radius: 18px;

    background: #fff;
    box-shadow: var(--mk-shadow);
}

.macrigi-buyers-2027 .mk-agent-icon {
    width: 56px;
    height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    border-radius: 50%;

    color: var(--mk-orange);
    background: rgba(242,140,40,.10);
}

.macrigi-buyers-2027 .mk-agent-icon svg {
    width: 34px;
    height: 34px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.macrigi-buyers-2027 .mk-agent-card h3 {
    margin-bottom: 10px;

    font-size: 18px;
}

.macrigi-buyers-2027 .mk-agent-card p {
    margin: 0;

    color: var(--mk-muted);

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

.macrigi-buyers-2027 .mk-agent-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    grid-column: 1 / -1;

    margin-top: 8px;
}


/* =========================================================
   CATEGORIE
   ========================================================= */

.macrigi-buyers-2027 .mk-category-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
}

.macrigi-buyers-2027 .mk-category {
    overflow: hidden;

    display: block;

    border: 1px solid var(--mk-border);
    border-radius: 18px;

    background: #fff;
    box-shadow: var(--mk-shadow);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.macrigi-buyers-2027 .mk-category:hover {
    transform: translateY(-3px);

    box-shadow: 0 18px 38px rgba(16,55,70,.13);
}

.macrigi-buyers-2027 .mk-category-image {
    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;

    background: #f7fafb;
}

.macrigi-buyers-2027 .mk-category-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.macrigi-buyers-2027 .mk-category-title {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 82px;

    padding: 18px;

    color: var(--mk-navy);

    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
    text-align: center;
}


/* =========================================================
   CTA FINALE
   ========================================================= */

.macrigi-buyers-2027 .mk-final {
    min-height: 570px;

    display: flex;
    align-items: center;

    background-image:
        linear-gradient(
            90deg,
            rgba(7,36,51,.92) 0%,
            rgba(7,36,51,.82) 48%,
            rgba(7,36,51,.25) 100%
        ),
        url("https://www.macrigi.com/wp-content/uploads/2026/08/cta-grossisti-desktop-1450x620-2.webp");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.macrigi-buyers-2027 .mk-final-copy {
    max-width: 720px;
}

.macrigi-buyers-2027 .mk-final h2,
.macrigi-buyers-2027 .mk-final p {
    color: #fff;
}

.macrigi-buyers-2027 .mk-final h2 {
    font-size: 40px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .macrigi-buyers-2027 .mk-wrap {
        width: 90%;
    }

    .macrigi-buyers-2027 .mk-section {
        padding: 64px 0;
    }

    .macrigi-buyers-2027 h1 {
        font-size: 40px;
    }

    .macrigi-buyers-2027 h2 {
        font-size: 31px;
    }

    .macrigi-buyers-2027 .mk-hero {
        min-height: 620px;

        background-image:
            linear-gradient(
                90deg,
                rgba(7,36,51,.93) 0%,
                rgba(10,49,68,.80) 55%,
                rgba(10,49,68,.20) 100%
            ),
            url("https://www.macrigi.com/wp-content/uploads/2026/08/hero-grossisti-tablet-1100x760-1.webp");
    }

    .macrigi-buyers-2027 .mk-benefit-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .macrigi-buyers-2027 .mk-market-grid {
        grid-template-columns: 1fr;
    }

    .macrigi-buyers-2027 .mk-steps {
        grid-template-columns: repeat(3,1fr);
    }

    .macrigi-buyers-2027 .mk-agent-layout {
        grid-template-columns: 1fr;
    }

    .macrigi-buyers-2027 .mk-agent-items {
        grid-template-columns: repeat(3,1fr);
    }

    .macrigi-buyers-2027 .mk-category-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .macrigi-buyers-2027 .mk-final {
        min-height: 560px;

        background-image:
            linear-gradient(
                90deg,
                rgba(7,36,51,.92) 0%,
                rgba(7,36,51,.80) 58%,
                rgba(7,36,51,.20) 100%
            ),
            url("https://www.macrigi.com/wp-content/uploads/2026/08/cta-grossisti-tablet-1100x700-2.webp");
    }
}


/* =========================================================
   IPHONE / MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .macrigi-buyers-2027 .mk-wrap {
        width: calc(100% - 40px);
    }

    .macrigi-buyers-2027 .mk-section {
        padding: 52px 0;
    }

    .macrigi-buyers-2027 .mk-section-head {
        margin-bottom: 28px;
    }

    .macrigi-buyers-2027 .mk-eyebrow {
        font-size: 13px;
    }

    .macrigi-buyers-2027 h1 {
        margin-bottom: 18px;

        font-size: 32px;
        line-height: 1.14;
    }

    .macrigi-buyers-2027 h2 {
        font-size: 28px;
        line-height: 1.18;
    }

    .macrigi-buyers-2027 h3 {
        font-size: 20px;
    }

    .macrigi-buyers-2027 p,
    .macrigi-buyers-2027 .mk-lead {
        font-size: 16px;
        line-height: 1.6;
    }


    /* HERO */

    .macrigi-buyers-2027 .mk-hero {
        min-height: 0;

        display: block;

        padding-top: 48px;
        padding-bottom: 58px;

        background-image:
            linear-gradient(
                180deg,
                rgba(7,36,51,.94) 0%,
                rgba(7,36,51,.84) 55%,
                rgba(7,36,51,.56) 100%
            ),
            url("https://www.macrigi.com/wp-content/uploads/2026/08/hero-grossisti-mobile-800x1050-1.webp");

        background-position: center top;
    }

    .macrigi-buyers-2027 .mk-hero-copy {
        max-width: none;
        padding-left: 0;
    }

    .macrigi-buyers-2027 .mk-buttons {
        flex-direction: column;

        gap: 12px;

        margin-top: 24px;
    }

    .macrigi-buyers-2027 .mk-btn {
        width: 100%;
        min-height: 54px;

        padding: 15px 16px;

        font-size: 15px;
    }

    .macrigi-buyers-2027 .mk-hero-trust {
        font-size: 13px;
    }


    /* VANTAGGI */

    .macrigi-buyers-2027 .mk-benefit-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .macrigi-buyers-2027 .mk-benefit {
        min-height: 0;

        flex-direction: row;
        justify-content: flex-start;
        align-items: center;

        gap: 18px;

        padding: 20px;
    }

    .macrigi-buyers-2027 .mk-benefit-icon {
        flex: 0 0 52px;

        width: 52px;
        height: 52px;

        margin: 0;
    }

    .macrigi-buyers-2027 .mk-benefit h3 {
        font-size: 18px;
    }


    /* MARKETPLACE */

    .macrigi-buyers-2027 .mk-market-grid {
        gap: 30px;
    }

    .macrigi-buyers-2027 .mk-market-image {
        border-radius: 16px;
    }


    /* STEPS */

    .macrigi-buyers-2027 .mk-steps {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .macrigi-buyers-2027 .mk-step {
        padding: 24px 20px;
    }

    .macrigi-buyers-2027 .mk-step-number {
        width: 46px;
        height: 46px;

        margin-bottom: 16px;

        font-size: 18px;
    }


    /* AGENTE */

    .macrigi-buyers-2027 .mk-agent-layout {
        gap: 22px;
    }

    .macrigi-buyers-2027 .mk-agent-intro {
        padding: 26px 21px;
    }

    .macrigi-buyers-2027 .mk-agent-items {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .macrigi-buyers-2027 .mk-agent-card {
        padding: 22px 20px;
    }

    .macrigi-buyers-2027 .mk-agent-actions {
        flex-direction: column;
    }


    /* CATEGORIE */

    .macrigi-buyers-2027 .mk-category-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .macrigi-buyers-2027 .mk-category {
        border-radius: 16px;
    }

    .macrigi-buyers-2027 .mk-category-title {
        min-height: 70px;

        font-size: 18px;
    }


    /* CTA FINALE */

    .macrigi-buyers-2027 .mk-final {
        min-height: 0;

        display: block;

        padding-top: 52px;
        padding-bottom: 62px;

        background-image:
            linear-gradient(
                180deg,
                rgba(7,36,51,.92) 0%,
                rgba(7,36,51,.80) 58%,
                rgba(7,36,51,.58) 100%
            ),
            url("https://www.macrigi.com/wp-content/uploads/2026/08/cta-grossisti-mobile-800x980-2.webp");

        background-position: center top;
    }

    .macrigi-buyers-2027 .mk-final-copy {
        max-width: none;
        padding-left: 0;
    }

    .macrigi-buyers-2027 .mk-final h2 {
        font-size: 30px;
        line-height: 1.18;
    }
}


/* =========================================================
   DESKTOP WIDE — aligned to validated Core landing geometry
   Only width/gutters are changed; canonical content/assets remain unchanged.
   ========================================================= */
@media (min-width:1181px) {
    .macrigi-buyers-2027 .mk-wrap {
        width:100%;
        max-width:none;
        margin-left:0;
        margin-right:0;
        padding-left:clamp(30px,4.6vw,92px);
        padding-right:clamp(30px,4.6vw,92px);
    }
}


/* v0.7.121 — PAGE-SPECIFIC FINAL WIDTH CONTRACT */
@media (min-width:1440px){.macrigi-buyers-2027 .mk-wrap{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:clamp(140px,10vw,190px)!important;margin-right:clamp(140px,10vw,190px)!important;padding-left:0!important;padding-right:0!important}}
@media (min-width:1025px) and (max-width:1439px){.macrigi-buyers-2027 .mk-wrap{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:36px!important;margin-right:36px!important;padding-left:0!important;padding-right:0!important}}
@media (min-width:768px) and (max-width:1024px){.macrigi-buyers-2027 .mk-wrap{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:24px!important;margin-right:24px!important;padding-left:0!important;padding-right:0!important}}
@media (max-width:767px){.macrigi-buyers-2027 .mk-wrap{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:14px!important;margin-right:14px!important;padding-left:0!important;padding-right:0!important}}
@media (max-width:430px){.macrigi-buyers-2027 .mk-wrap{margin-left:11px!important;margin-right:11px!important}}

/* v0.7.121 — PAGE-SPECIFIC IPHONE CARD CONTRACT */
@media (max-width:767px){
.macrigi-buyers-2027 .mk-benefit-grid,
.macrigi-buyers-2027 .mk-steps,
.macrigi-buyers-2027 .mk-agent-items,
.macrigi-buyers-2027 .mk-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.macrigi-buyers-2027 .mk-benefit-grid > *,
.macrigi-buyers-2027 .mk-steps > *,
.macrigi-buyers-2027 .mk-agent-items > *,
.macrigi-buyers-2027 .mk-category-grid > *{min-width:0!important;text-align:center!important}
.macrigi-buyers-2027 .mk-benefit-grid > *:nth-child(odd):last-child,
.macrigi-buyers-2027 .mk-steps > *:nth-child(odd):last-child,
.macrigi-buyers-2027 .mk-agent-items > *:nth-child(odd):last-child,
.macrigi-buyers-2027 .mk-category-grid > *:nth-child(odd):last-child{grid-column:1/-1!important;width:calc(50% - 6px)!important;justify-self:center!important}
}
@media (max-width:430px){
.macrigi-buyers-2027 .mk-benefit-grid,
.macrigi-buyers-2027 .mk-steps,
.macrigi-buyers-2027 .mk-agent-items,
.macrigi-buyers-2027 .mk-category-grid{gap:10px!important}
.macrigi-buyers-2027 .mk-benefit-grid > *:nth-child(odd):last-child,
.macrigi-buyers-2027 .mk-steps > *:nth-child(odd):last-child,
.macrigi-buyers-2027 .mk-agent-items > *:nth-child(odd):last-child,
.macrigi-buyers-2027 .mk-category-grid > *:nth-child(odd):last-child{width:calc(50% - 5px)!important}
}