body.home .home-guides--human {
    padding: 88px max(24px, calc((100vw - 1180px) / 2)) 96px;
    background: linear-gradient(135deg, #f4f1eb 0%, #eef2f3 100%);
}


/* Home composition refinement 1.1 */
body.home .home-guides--human {
    padding-top: 62px;
    padding-bottom: 68px;
}

body.home .home-guides--human > header {
    gap: clamp(28px, 5vw, 64px);
    margin-bottom: 24px;
}

body.home .home-guides--human h2 {
    font-size: clamp(38px, 4.4vw, 58px);
}

body.home .home-guides--human .guide-grid {
    max-width: 980px;
    margin-left: max(0px, calc((100% - 1180px) / 2));
}

body.home .home-guides--human .guide-grid article {
    grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);
    min-height: 252px;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(31, 32, 36, .07);
}

body.home .home-guides--human .guide-grid article > img {
    min-height: 252px;
    max-height: 286px;
}

body.home .home-guides--human .guide-grid article > small {
    margin-top: 26px;
    margin-bottom: 8px;
}

body.home .home-guides--human .guide-grid article > h3 {
    margin-bottom: 10px;
    font-size: clamp(24px, 2.4vw, 34px);
}

body.home .home-guides--human .guide-grid article > p {
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.5;
}

body.home .home-guides--human .guide-grid article > .guide-more {
    margin-bottom: 26px;
    padding: 11px 15px;
}

body.home .home-faq {
    max-width: 1180px;
    margin: 0 auto;
    padding: 74px 0 82px;
}

body.home .home-faq > header {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    grid-template-areas:
        "eyebrow intro"
        "title intro";
    column-gap: clamp(44px, 8vw, 110px);
    align-items: end;
    margin: 0 0 34px;
    padding: 0;
}

body.home .home-faq > header > span {
    grid-area: eyebrow;
    align-self: end;
    margin: 0 0 12px;
    color: #bd1730;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
}

body.home .home-faq > header > h2 {
    grid-area: title;
    margin: 0;
    color: #1f2024;
    font-size: clamp(42px, 5vw, 64px);
    line-height: .94;
    letter-spacing: -.055em;
}

body.home .home-faq > header > h2 em {
    color: #bd1730;
    font-style: normal;
}

body.home .home-faq > header > p {
    grid-area: intro;
    align-self: end;
    max-width: 410px;
    margin: 0 0 4px;
    padding: 2px 0 2px 22px;
    border-left: 3px solid #bd1730;
    color: #5f6166;
    font-size: 14px;
    line-height: 1.6;
}

body.home .home-faq__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.home .home-faq__list details {
    min-height: 0;
    padding: 20px 22px;
    border: 1px solid #dedbd5;
    border-radius: 15px;
    background: rgba(255, 255, 255, .76);
    box-shadow: none;
}

body.home .home-faq__list details[open] {
    border-color: #bd1730;
    background: #fff;
    box-shadow: 0 10px 26px rgba(31, 32, 36, .06);
}

body.home .home-faq__list summary {
    gap: 16px;
    font-size: 14px;
    line-height: 1.35;
}

body.home .home-faq__list details p {
    margin: 14px 40px 0 0;
    font-size: 13px;
    line-height: 1.55;
}

body.home .home-faq__cta {
    display: inline-flex;
    margin-top: 24px;
}

body.home .experience-grid--intent {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: 1040px;
    margin: 0 auto;
    padding: 76px 0 88px;
}

body.home .experience-grid--intent::before {
    grid-column: 1 / -1;
    content: "SCEGLI IN BASE AL TUO STILE DI VITA";
    display: block;
    margin: 0 0 12px;
    color: #bd1730;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
}

body.home .experience-grid--intent .intent-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto 1fr auto;
    min-height: 218px;
    padding: 28px 30px;
    overflow: hidden;
    border: 1px solid #dcd8d1;
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 110%, rgba(189, 23, 48, .12), transparent 38%),
        #fbfaf7;
    color: #1f2024;
    box-shadow: 0 12px 30px rgba(31, 32, 36, .06);
}

body.home .experience-grid--intent .intent-card::after {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: start;
    content: "01";
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(189, 23, 48, .22);
    border-radius: 50%;
    background: #fff;
    color: #bd1730;
    font-size: 10px;
    font-weight: 900;
}

body.home .experience-grid--intent .intent-card:nth-of-type(2)::after { content: "02"; }
body.home .experience-grid--intent .intent-card:nth-of-type(3)::after { content: "03"; }
body.home .experience-grid--intent .intent-card:nth-of-type(4)::after { content: "04"; }

body.home .experience-grid--intent .intent-card > span {
    grid-column: 1;
    color: #bd1730;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .15em;
}

body.home .experience-grid--intent .intent-card > h3 {
    grid-column: 1;
    margin: 13px 0 8px;
    color: #1f2024;
    font-size: clamp(30px, 3vw, 42px);
    letter-spacing: -.045em;
}

body.home .experience-grid--intent .intent-card > p {
    grid-column: 1;
    max-width: 390px;
    margin: 0;
    color: #5d5f63;
    font-size: 13px;
    line-height: 1.55;
}

body.home .experience-grid--intent .intent-card > ul {
    grid-column: 2;
    grid-row: 2 / 4;
    align-self: center;
    min-width: 150px;
    margin: 12px 0 0 24px;
    padding-left: 18px;
    color: #34363a;
    font-size: 12px;
    line-height: 1.7;
}

body.home .experience-grid--intent .intent-card > a {
    grid-column: 1 / -1;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #dedbd5;
    color: #1f2024;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
}

body.home .experience-grid--intent .intent-card:nth-of-type(2),
body.home .experience-grid--intent .intent-card:nth-of-type(4) {
    background:
        radial-gradient(circle at 92% 110%, rgba(31, 32, 36, .10), transparent 38%),
        #f2f0eb;
}

@media (max-width: 820px) {
    body.home .home-faq,
    body.home .experience-grid--intent {
        margin-right: 18px;
        margin-left: 18px;
    }

    body.home .home-faq > header {
        display: block;
    }

    body.home .home-faq > header > p {
        margin-top: 24px;
    }

    body.home .home-faq__list,
    body.home .experience-grid--intent {
        grid-template-columns: 1fr;
    }

    body.home .experience-grid--intent .intent-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    body.home .experience-grid--intent .intent-card > ul {
        grid-column: 1;
        grid-row: auto;
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    body.home .home-guides--human {
        padding-top: 54px;
        padding-bottom: 60px;
    }

    body.home .home-guides--human .guide-grid article > img {
        height: 190px;
        min-height: 190px;
    }

    body.home .home-faq {
        padding-top: 58px;
        padding-bottom: 64px;
    }
}

/* Horizontal AutoMazza carousels 1.2 */
body.home .am-carousel-controls { display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 16px; }
body.home .am-carousel-controls>span { color:#66686c;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
body.home .am-carousel-controls>div { display:flex;gap:8px; }
body.home .am-carousel-controls button { display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid #d7d3cc;border-radius:50%;background:#fff;color:#1f2024;font-size:20px;cursor:pointer;transition:.2s ease; }
body.home .am-carousel-controls button:hover:not(:disabled) { border-color:#bd1730;background:#bd1730;color:#fff;transform:translateY(-2px); }
body.home .am-carousel-controls button:disabled { opacity:.28;cursor:default; }
body.home .am-catalog--home .am-offer-grid { display:flex!important;gap:18px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 24px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none; }
body.home .am-catalog--home .am-offer-grid::-webkit-scrollbar,body.home .experience-grid--intent::-webkit-scrollbar { display:none; }
body.home .am-catalog--home .am-offer-card { flex:0 0 calc((100% - 36px)/3);min-width:300px;scroll-snap-align:start; }
body.home .experience-grid--intent { display:flex!important;gap:14px;max-width:1180px;margin:0 auto;padding:0 0 88px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none; }
body.home .experience-grid--intent::before { display:none!important; }
body.home .experience-grid--intent .intent-card { display:flex;flex:0 0 calc((100% - 42px)/4);min-width:250px;min-height:342px;padding:28px 26px;flex-direction:column;align-items:stretch;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#fff;scroll-snap-align:start;box-shadow:0 18px 38px rgba(31,32,36,.12); }
body.home .experience-grid--intent .intent-card--urban { background:radial-gradient(circle at 88% 105%,rgba(189,23,48,.45),transparent 36%),#202126; }
body.home .experience-grid--intent .intent-card--family { background:radial-gradient(circle at 88% 105%,rgba(207,185,148,.28),transparent 38%),#292b30; }
body.home .experience-grid--intent .intent-card--business { background:radial-gradient(circle at 88% 105%,rgba(189,23,48,.42),transparent 38%),#251920; }
body.home .experience-grid--intent .intent-card--green { background:radial-gradient(circle at 88% 105%,rgba(139,185,155,.34),transparent 38%),#1c2b25; }
body.home .experience-grid--intent .intent-card>span { color:#ff6d82; }
body.home .experience-grid--intent .intent-card>h3 { margin:42px 0 18px;color:#fff; }
body.home .experience-grid--intent .intent-card>p { color:rgba(255,255,255,.78); }
body.home .experience-grid--intent .intent-card>ul { grid-column:auto;grid-row:auto;min-width:0;margin:26px 0 0;padding-left:18px;color:rgba(255,255,255,.9); }
body.home .experience-grid--intent .intent-card>a { grid-column:auto;margin-top:auto;padding-top:22px;border-top-color:rgba(255,255,255,.22);color:#fff; }
@media (max-width:820px) { body.home .am-carousel-controls{margin-right:18px;margin-left:18px} body.home .am-catalog--home .am-offer-card{flex-basis:min(84vw,350px)} body.home .experience-grid--intent{margin-right:0;margin-left:18px;padding-right:18px} body.home .experience-grid--intent .intent-card{flex-basis:min(78vw,290px)} }
body.home .home-guides--human > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: clamp(38px, 7vw, 92px);
    align-items: end;
    max-width: 1180px;
    margin: 0 auto 38px;
}

body.home .home-guides--human > header > div:first-child > span {
    display: block;
    color: #bd1730;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
}

body.home .home-guides--human h2 {
    margin: 14px 0 0;
    color: #1f2024;
    font-size: clamp(44px, 5.6vw, 72px);
    line-height: .92;
    letter-spacing: -.065em;
}

body.home .home-guides--human h2 em {
    color: #bd1730;
    font-style: normal;
}

body.home .home-guides--human .guide-lead {
    max-width: 380px;
    padding: 2px 0 4px 24px;
    border-left: 3px solid #bd1730;
    color: #4e5054;
    font-size: 14px;
    line-height: 1.6;
}

body.home .home-guides--human .guide-lead p {
    margin: 0 0 18px;
}

body.home .home-guides--human .guide-lead a {
    color: #1f2024;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
}

body.home .home-guides--human .guide-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
}

body.home .home-guides--human .guide-grid article {
    display: grid;
    grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    column-gap: clamp(28px, 4vw, 56px);
    min-height: 320px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #d8d5cf;
    border-radius: 22px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 20px 50px rgba(31, 32, 36, .08);
}

body.home .home-guides--human .guide-grid article > img {
    grid-column: 1;
    grid-row: 1 / -1;
    width: 100%;
    height: 100%;
    min-height: 320px;
    border-radius: 0;
    object-fit: cover;
}

body.home .home-guides--human .guide-grid article > small,
body.home .home-guides--human .guide-grid article > h3,
body.home .home-guides--human .guide-grid article > p,
body.home .home-guides--human .guide-grid article > .guide-more {
    grid-column: 2;
    margin-right: clamp(26px, 4vw, 52px);
}

body.home .home-guides--human .guide-grid article > small {
    grid-row: 1;
    align-self: end;
    margin-top: 42px;
    margin-bottom: 12px;
    color: #bd1730;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.home .home-guides--human .guide-grid article > h3 {
    grid-row: 2;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

body.home .home-guides--human .guide-grid article > h3 a {
    color: #1f2024;
    text-decoration: none;
}

body.home .home-guides--human .guide-grid article > p {
    grid-row: 3;
    max-width: 620px;
    margin-top: 0;
    margin-bottom: 24px;
    color: #66686c;
    font-size: 14px;
    line-height: 1.6;
}

body.home .home-guides--human .guide-grid article > .guide-more {
    grid-row: 4;
    align-self: start;
    justify-self: start;
    margin-bottom: 42px;
    padding: 13px 17px;
    border-radius: 999px;
    background: #bd1730;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 760px) {
    body.home .home-guides--human {
        padding: 64px 18px 72px;
    }

    body.home .home-guides--human > header {
        display: block;
        margin-bottom: 28px;
    }

    body.home .home-guides--human .guide-lead {
        margin-top: 26px;
    }

    body.home .home-guides--human .guide-grid article {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto;
        min-height: 0;
    }

    body.home .home-guides--human .guide-grid article > img {
        grid-column: 1;
        grid-row: 1;
        height: 220px;
        min-height: 220px;
    }

    body.home .home-guides--human .guide-grid article > small,
    body.home .home-guides--human .guide-grid article > h3,
    body.home .home-guides--human .guide-grid article > p,
    body.home .home-guides--human .guide-grid article > .guide-more {
        grid-column: 1;
        margin-right: 24px;
        margin-left: 24px;
    }

    body.home .home-guides--human .guide-grid article > small {
        grid-row: 2;
        margin-top: 24px;
    }

    body.home .home-guides--human .guide-grid article > h3 {
        grid-row: 3;
        font-size: 30px;
    }

    body.home .home-guides--human .guide-grid article > p {
        grid-row: 4;
    }

    body.home .home-guides--human .guide-grid article > .guide-more {
        grid-row: 5;
        margin-bottom: 24px;
    }
}

/* Final guide sizing: keep this after the base component rules. */
body.home .experience-grid--intent .intent-card::after { display: none !important; }
body.home .home-guides--human { padding-top: 62px; padding-bottom: 68px; }
body.home .home-guides--human > header { gap: clamp(28px, 5vw, 64px); margin-bottom: 24px; }
body.home .home-guides--human h2 { font-size: clamp(38px, 4.4vw, 58px); }
body.home .home-guides--human .guide-grid { max-width: 820px; margin-right: auto; margin-left: auto; }
body.home .home-guides--human .guide-grid article { grid-template-columns: minmax(230px, 36%) minmax(0, 1fr); min-height: 220px; border-radius: 18px; box-shadow: 0 14px 34px rgba(31, 32, 36, .07); }
body.home .home-guides--human .guide-grid article > img { min-height: 220px; max-height: 250px; }
body.home .home-guides--human .guide-grid article > small { margin-top: 26px; margin-bottom: 8px; }
body.home .home-guides--human .guide-grid article > h3 { margin-bottom: 10px; font-size: clamp(22px, 2vw, 29px); }
body.home .home-guides--human .guide-grid article > p { margin-bottom: 16px; font-size: 13px; line-height: 1.5; }
body.home .home-guides--human .guide-grid article > .guide-more { margin-bottom: 26px; padding: 11px 15px; }

@media (max-width: 760px) {
    body.home .home-guides--human { padding-top: 54px; padding-bottom: 60px; }
    body.home .home-guides--human .guide-grid { margin-left: auto; }
    body.home .home-guides--human .guide-grid article { grid-template-columns: 1fr; }
    body.home .home-guides--human .guide-grid article > img { height: 190px; min-height: 190px; max-height: 190px; }
}

/* Keep the four intent cards in the approved dark AutoMazza palette. */
body.home .experience-grid--intent .intent-card--urban { background: radial-gradient(circle at 88% 105%, rgba(189, 23, 48, .45), transparent 36%), #202126 !important; }
body.home .experience-grid--intent .intent-card--family { background: radial-gradient(circle at 88% 105%, rgba(207, 185, 148, .28), transparent 38%), #292b30 !important; }
body.home .experience-grid--intent .intent-card--business { background: radial-gradient(circle at 88% 105%, rgba(189, 23, 48, .42), transparent 38%), #251920 !important; }
body.home .experience-grid--intent .intent-card--green { background: radial-gradient(circle at 88% 105%, rgba(139, 185, 155, .34), transparent 38%), #1c2b25 !important; }

/* Guide carousel and unmistakable AutoMazza controls. */
body.home .am-carousel-controls button { width:48px!important;height:44px!important;border:0!important;border-radius:12px!important;background:#1f2024!important;color:#fff!important;box-shadow:0 8px 20px rgba(31,32,36,.16);font-size:22px!important;font-weight:800; }
body.home .am-carousel-controls button[data-next] { background:#bd1730!important; }
body.home .am-carousel-controls button:hover:not(:disabled) { background:#d21836!important;transform:translateY(-2px); }
body.home .am-carousel-controls button:disabled { background:#dedbd5!important;color:#77797d!important;opacity:.72!important;box-shadow:none; }
body.home .home-guides--human .guide-grid { display:flex!important;gap:18px;max-width:1180px;margin:0 auto;overflow-x:auto;overflow-y:hidden;padding:2px 2px 24px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none; }
body.home .home-guides--human .guide-grid::-webkit-scrollbar { display:none; }
body.home .home-guides--human .guide-grid article { flex:0 0 560px;grid-template-columns:44% minmax(0,1fr);min-height:254px;scroll-snap-align:start; }
body.home .home-guides--human .guide-grid article>img { min-height:254px;max-height:280px; }
body.home .home-guides--human .guide-grid article>small,body.home .home-guides--human .guide-grid article>h3,body.home .home-guides--human .guide-grid article>p,body.home .home-guides--human .guide-grid article>.guide-more { margin-right:24px; }
body.home .home-guides--human .guide-grid article>h3 { font-size:24px; }
body.home .home-guides--human .guide-grid article>p { display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3; }
@media(max-width:760px){body.home .home-guides--human .guide-grid{margin-right:0;margin-left:18px;padding-right:18px}body.home .home-guides--human .guide-grid article{flex-basis:min(84vw,350px);grid-template-columns:1fr}}

/* Mobile repair: keep the editorial hierarchy vertical and inside the viewport. */
@media (max-width: 760px) {
    body.home .home-guides--human { box-sizing:border-box!important; width:100%!important; max-width:100%!important; padding:48px 20px 58px!important; overflow:hidden!important; }
    body.home .home-guides--human > header { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:24px!important; width:100%!important; max-width:none!important; margin:0 0 28px!important; }
    body.home .home-guides--human > header > div:first-child { width:100%!important; min-width:0!important; }
    body.home .home-guides--human h2 { width:auto!important; max-width:340px!important; margin:10px 0 0!important; font-size:clamp(42px,12vw,52px)!important; line-height:.92!important; letter-spacing:-.055em!important; word-break:normal!important; overflow-wrap:normal!important; }
    body.home .home-guides--human .guide-lead { box-sizing:border-box!important; width:100%!important; max-width:none!important; margin:0!important; padding:0 0 0 16px!important; font-size:14px!important; line-height:1.55!important; }
    body.home .home-guides--human .guide-lead p { margin:0 0 14px!important; }
    body.home .home-guides--human .am-carousel-controls { box-sizing:border-box!important; width:100%!important; max-width:none!important; margin:0 0 16px!important; }
    body.home .home-guides--human .am-carousel-controls > span { max-width:190px; font-size:9px; line-height:1.35; }
    body.home .home-guides--human .am-carousel-controls button { width:44px!important; height:42px!important; }
    body.home .home-guides--human .guide-grid { box-sizing:border-box!important; width:calc(100% + 20px)!important; max-width:none!important; margin:0 -20px 0 0!important; padding:2px 20px 22px 0!important; }
    body.home .home-guides--human .guide-grid article { flex:0 0 min(86vw,350px)!important; width:min(86vw,350px)!important; min-height:0!important; padding:0 0 20px!important; grid-template-columns:1fr!important; grid-template-rows:auto auto auto auto auto!important; column-gap:0!important; border-radius:18px!important; }
    body.home .home-guides--human .guide-grid article > img { grid-column:1!important; grid-row:1!important; width:100%!important; height:210px!important; min-height:210px!important; max-height:210px!important; object-fit:cover!important; }
    body.home .home-guides--human .guide-grid article > small, body.home .home-guides--human .guide-grid article > h3, body.home .home-guides--human .guide-grid article > p, body.home .home-guides--human .guide-grid article > .guide-more { grid-column:1!important; margin-right:20px!important; margin-left:20px!important; }
    body.home .home-guides--human .guide-grid article > small { grid-row:2!important; margin-top:20px!important; margin-bottom:8px!important; }
    body.home .home-guides--human .guide-grid article > h3 { grid-row:3!important; margin-bottom:10px!important; font-size:25px!important; line-height:1.04!important; }
    body.home .home-guides--human .guide-grid article > p { grid-row:4!important; margin-bottom:16px!important; font-size:13px!important; line-height:1.5!important; }
    body.home .home-guides--human .guide-grid article > .guide-more { grid-row:5!important; margin-bottom:0!important; }
}
