/* The opening fills the available screen. Content may grow at text zoom: never
   clip text or lock page scrolling to force a fit. All rules are home-only. */
.home-page {
    --home-header-height: 77px;
    --home-screen-height: 100vh;
}
@supports (height: 100svh) {
    .home-page { --home-screen-height: 100svh; }
}
@supports (height: 100dvh) {
    .home-page { --home-screen-height: 100dvh; }
}
/* Start the section at the header's lower edge. Its own padding provides the
   breathing room, without exposing the end of the preceding section. */
.home-page section[id] { scroll-margin-top: var(--home-header-height); }
.home-page .hero-section { display: block; min-height: 0; padding: 0; overflow: clip; }
.home-page .hero-section::after { content: none; }
.home-page .hero-shell {
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: calc(var(--home-screen-height) - var(--home-header-height));
    gap: clamp(20px, 3vh, 36px);
    padding-block: clamp(24px, 4vh, 48px) max(20px, env(safe-area-inset-bottom));
}
.home-page .hero-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: clamp(28px, 4vw, 64px);
    align-self: center;
}
.home-page .hero-grid :is(.hero-copy, .hero-intro, .hero-visual),
.home-page .hero-explore > *,
.home-page .compact-coverage-layout > *,
.home-page .final-cta > * { min-width: 0; }
.home-page .hero-copy { display: block; }
.home-page .hero-intro { display: block; min-height: 0; padding: 0; }
.home-page .hero-intro > * { max-width: 100%; }
.home-page .site-nav { min-width: 0; flex-wrap: wrap; justify-content: center; }
.home-page .nav-cta { flex-shrink: 0; }
@media (width > 1024px) {
    .home-page .nav-shell { flex-wrap: wrap; }
    .home-page .site-nav { flex: 1; }
}
.home-page .hero-intro > .eyebrow {
    display: block;
    width: fit-content;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    color: #0856b9;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: .08em;
}
.home-page .rating-pill { max-width: 100%; margin: 0 0 18px; padding: 8px 12px; line-height: 1.3; box-shadow: none; }
.home-page .hero-copy h1 {
    max-width: 700px;
    font-size: clamp(38px, min(4.6vw, 6.4vh), 66px);
    line-height: 1.02;
    letter-spacing: -.025em;
    text-wrap: balance;
}
.home-page .hero-copy h1 > span { color: #0b5fce; }
.home-page .hero-lead { max-width: 610px; margin: 18px 0 0; font-size: clamp(15px, 1.22vw, 18px); line-height: 1.6; color: #51627a; }
.home-page .hero-contact-prompt { margin: 22px 0 0; font-size: 13px; line-height: 1.5; font-weight: 600; color: #405775; }
.home-page .hero-actions {
    display: flex;
    flex-wrap: wrap;
    --home-action-main: calc((100% - 16px) * 3 / 7);
    --home-action-phone: calc((100% - 16px) * 17 / 70);
    --home-action-email: calc((100% - 16px) * 23 / 70);
    gap: 8px;
    margin: 10px 0 0;
}
.home-page .hero-actions > a {
    flex: 17 1 var(--home-action-phone);
    width: auto;
    min-width: min-content;
    max-width: 100%;
    min-height: 48px;
    gap: 8px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.3;
    white-space: normal;
    text-align: center;
}
/* Il minimo segue icona, parola e freccia: con testo ingrandito il pulsante
   passa alla riga successiva prima che il contenuto possa uscire dai bordi. */
.home-page .hero-actions > .hero-whatsapp { flex: 30 1 var(--home-action-main); }
.home-page .hero-actions > a:last-child { flex: 23 1 var(--home-action-email); }
.home-page .hero-action-icon { flex: 0 0 20px; width: 20px; height: 20px; }
.home-page .hero-stats {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(6em, calc((100% - 24px) / 3))), 1fr));
    max-width: 600px;
    gap: 12px;
    margin: 24px 0 0;
}
.home-page .hero-stats div { min-width: 0; padding: 0 12px 0 0; border: 0; border-right: 1px solid #c9d9ec; border-radius: 0; background: none; box-shadow: none; }
.home-page .hero-stats div:last-child { border: 0; }
.home-page .hero-stats strong { font-size: 22px; line-height: 1.2; }
.home-page .hero-stats .stat-rating strong { font-size: 22px; color: #946000; }
.home-page .hero-stats span { margin-top: 4px; font-size: 12px; line-height: 1.4; color: #51627a; }
.home-page .hero-visual { width: 100%; max-width: none; min-height: 0; margin: 0; }
.home-page .hero-logo-stage { width: 100%; max-width: 490px; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px; }
.home-page .hero-logo-card { grid-column: auto; grid-row: auto; padding: 18px 28px; border-radius: 20px; box-shadow: 0 10px 28px #12274a0d; }
.home-page .profile-card-img { width: min(100%, 340px); max-height: 110px; margin-inline: auto; object-fit: contain; }
.home-page .floating-panel { inset: auto; grid-column: auto; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; min-height: 86px; padding: 14px; border-radius: 14px; box-shadow: 0 6px 18px #12274a05; }
.home-page .floating-panel-icon { width: 36px; height: 36px; border-radius: 11px; }
.home-page .floating-panel-copy > strong { margin: 0; font-size: 16px; line-height: 1.3; }
.home-page .floating-panel-copy > span { margin-top: 5px; font-size: 13px; line-height: 1.45; font-weight: 400; letter-spacing: 0; color: #51627a; }
.home-page .panel-growth { border-left: 3px solid #946000; }
.home-page .panel-growth .floating-panel-icon { color: #946000; background: #fff5d9; }
.home-page .hero-explore { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #c9d9ec; padding-top: 18px; }
.home-page .hero-scroll-link { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; }
.home-page .hero-scroll-icon { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #bad1ef; border-radius: 50%; background: #fff; color: #0b5fce; transition: background .18s ease, transform .18s ease; }
.home-page .hero-scroll-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.home-page .hero-scroll-link > span:last-child { min-width: 0; }
.home-page .hero-scroll-link strong { display: block; color: #122b4d; font-size: 14px; line-height: 1.4; }
.home-page .hero-scroll-link > span > span { display: block; margin-top: 3px; color: #51627a; font-size: 12px; line-height: 1.4; }
.home-page .hero-explore-links { display: flex; flex-wrap: wrap; gap: 4px 20px; justify-content: flex-end; }
.home-page .hero-explore-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #0856b9; font-size: 13px; line-height: 1.4; font-weight: 700; }
.home-page .hero-explore-icon { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.home-page .hero-section a:focus-visible { outline: 3px solid #0f66e8; outline-offset: 4px; border-radius: 6px; }
@media (hover: hover) {
    .home-page .hero-scroll-link:hover .hero-scroll-icon { background: #e6f0ff; transform: translateY(3px); }
    .home-page .hero-explore-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
}
/* Compact desktops and iPad landscape keep the complete two-column opening. */
@media (width > 700px) and (max-width: 1180px) {
    .home-page .hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px; }
    .home-page .hero-actions { --home-action-main: 100%; --home-action-phone: calc((100% - 8px) / 2); --home-action-email: var(--home-action-phone); }
    .home-page .hero-logo-stage { padding: 14px; gap: 10px; }
    .home-page .hero-logo-card { padding: 16px; }
    .home-page .floating-panel { padding: 12px; gap: 10px; }
    .home-page .floating-panel-copy > strong { font-size: 15px; }
}
@media (max-width: 1024px) { .home-page { --home-header-height: 73px; } }
/* Portrait tablets use their extra height, with the three service summaries in a row. */
@media (width > 700px) and (max-width: 1024px) and (min-height: 900px) and (max-aspect-ratio: 4/5) {
    .home-page .hero-shell { max-width: 820px; }
    .home-page .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .home-page .hero-copy h1 { font-size: clamp(44px, 6vw, 60px); }
    .home-page .hero-lead { max-width: 680px; font-size: 17px; }
    .home-page .hero-actions { --home-action-main: calc((100% - 16px) * 3 / 7); --home-action-phone: calc((100% - 16px) * 17 / 70); --home-action-email: calc((100% - 16px) * 23 / 70); }
    .home-page .hero-logo-stage { max-width: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px; }
    .home-page .hero-logo-card { grid-column: 1 / -1; justify-self: center; width: 280px; }
    .home-page .floating-panel { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 12px; }
    .home-page .hero-explore-links { gap: 4px 14px; }
}
/* Short laptops: first reduce whitespace and the decorative logo. */
@media (width > 700px) and (max-height: 800px) {
    .home-page .hero-shell { padding-top: 20px; gap: 20px; }
    .home-page .hero-copy h1 { font-size: clamp(32px, min(4.3vw, 6vh), 46px); }
    .home-page .hero-intro > .eyebrow { margin-bottom: 8px; }
    .home-page .rating-pill { margin-bottom: 12px; padding-block: 6px; }
    .home-page .hero-lead { margin-top: 12px; font-size: 15px; line-height: 1.5; }
    .home-page .hero-contact-prompt { margin-top: 14px; }
    .home-page .hero-stats { margin-top: 16px; }
    .home-page .hero-logo-card { padding-block: 12px; }
    .home-page .profile-card-img { max-height: 80px; }
    .home-page .floating-panel { min-height: 72px; padding: 10px; }
    .home-page .hero-explore { padding-top: 12px; }
}
/* Auto-fit lets service cards reflow when visitors enlarge the text.
   Phones retain the message, all contact methods, service titles, trust signals
   and the continuation cue in one composition. Longer service explanations are
   also available in the linked service section. */
@media (max-width: 700px) {
    .home-page .hero-shell { gap: 18px; padding-block: 22px max(16px, env(safe-area-inset-bottom)); }
    .home-page .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .home-page .hero-intro > .eyebrow { margin-bottom: 8px; font-size: 11px; letter-spacing: .045em; }
    .home-page .rating-pill { gap: 6px; margin-bottom: 12px; padding: 6px 10px; }
    .home-page .rating-pill .stars { font-size: 14px; }
    .home-page .rating-pill strong { font-size: 12px; }
    .home-page .rating-pill span:last-child { font-size: 11px; }
    .home-page .hero-copy h1 { max-width: 560px; font-size: clamp(28px, min(8.6vw, 4.6vh), 42px); line-height: 1.03; text-wrap: pretty; }
    .home-page .hero-lead { margin-top: 12px; font-size: 15px; line-height: 1.45; }
    .home-page .hero-contact-prompt { margin-top: 14px; font-size: 12px; }
    .home-page .hero-actions { --home-action-main: 100%; --home-action-phone: calc((100% - 8px) / 2); --home-action-email: var(--home-action-phone); margin-top: 8px; }
    .home-page .hero-actions > a { min-height: 44px; padding: 9px; }
    .home-page .hero-stats { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(5em, calc((100% - 16px) / 3))), 1fr)); margin-top: 18px; gap: 8px; }
    .home-page .hero-stats div { padding-right: 8px; }
    .home-page .hero-stats strong, .home-page .hero-stats .stat-rating strong { font-size: 18px; }
    .home-page .hero-stats span { font-size: 11px; }
    .home-page .hero-logo-stage { max-width: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 5em), 1fr)); gap: 8px; padding: 0; }
    .home-page .hero-logo-stage::before, .home-page .hero-logo-stage::after, .home-page .hero-logo-card { display: none; }
    .home-page .floating-panel { grid-template-columns: minmax(0, 1fr); align-content: start; min-height: 0; padding: 10px; border-radius: 10px; gap: 6px; }
    .home-page .floating-panel-icon { width: 26px; height: 26px; border-radius: 7px; }
    .home-page .floating-panel-icon svg { width: 18px; height: 18px; }
    .home-page .floating-panel-copy > strong { font-size: 12px; line-height: 1.35; }
    .home-page .floating-panel-copy > span { display: none; }
    .home-page .hero-explore { padding-top: 12px; }
    .home-page .hero-explore-links { display: none; }
    .home-page .hero-scroll-link { width: 100%; gap: 10px; min-height: 44px; }
    .home-page .hero-scroll-icon { flex-basis: 36px; width: 36px; height: 36px; }
    .home-page .hero-scroll-link strong { font-size: 13px; }
    .home-page .hero-scroll-link > span > span { font-size: 11px; }
}
@media (max-width: 640px) { .home-page { --home-header-height: 65px; } }
@media (max-width: 700px) and (max-height: 800px),
       (max-width: 380px) and (max-height: 820px),
       (width < 320px) {
    .home-page .hero-shell { gap: 12px; padding-block: 14px max(12px, env(safe-area-inset-bottom)); }
    .home-page .hero-grid { gap: 12px; }
    .home-page .hero-copy h1 { font-size: clamp(27px, 7.7vw, 34px); }
    .home-page .hero-lead { margin-top: 10px; font-size: 14px; line-height: 1.4; }
    .home-page .hero-contact-prompt { display: none; }
    .home-page .hero-audience { display: none; }
    .home-page .hero-actions { margin-top: 12px; }
    .home-page .hero-stats { margin-top: 12px; }
    .home-page .floating-panel { padding: 8px; }
    .home-page .floating-panel-icon { display: none !important; }
    .home-page .hero-explore { padding-top: 10px; }
}
/* Landscape phones and very short windows: dedicate the available width to
   the title, contact actions and service summaries instead of a large logo. */
@media (min-width: 480px) and (max-height: 700px),
       (width > 700px) and (max-width: 900px) and (height < 900px) {
    .home-page .hero-shell { gap: 12px; padding-block: 12px; }
    .home-page .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .home-page .hero-intro { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "eyebrow rating" "title lead" "title actions"; gap: 8px 24px; align-items: center; }
    .home-page .hero-intro > .eyebrow { grid-area: eyebrow; margin: 0; font-size: 10px; }
    .home-page .rating-pill { grid-area: rating; margin: 0; padding: 4px 8px; gap: 5px; }
    .home-page .rating-pill .stars { font-size: 13px; }
    .home-page .rating-pill strong { font-size: 12px; }
    .home-page .rating-pill span:last-child { font-size: 11px; }
    .home-page .hero-copy h1 { grid-area: title; font-size: clamp(28px, 4.1vw, 40px); }
    .home-page .hero-lead { grid-area: lead; margin: 0; font-size: 13px; line-height: 1.4; }
    .home-page .hero-audience { display: none; }
    .home-page .hero-contact-prompt { display: none; }
    .home-page .hero-actions { grid-area: actions; --home-action-main: 100%; --home-action-phone: calc((100% - 8px) / 2); --home-action-email: var(--home-action-phone); margin: 0; }
    .home-page .hero-actions > a { min-height: 44px; padding: 8px; font-size: 13px; }
    .home-page .hero-stats { max-width: none; margin-top: 12px; }
    .home-page .hero-stats div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
    .home-page .hero-stats strong, .home-page .hero-stats .stat-rating strong { font-size: 17px; }
    .home-page .hero-stats span { margin: 0; font-size: 11px; }
    .home-page .hero-logo-stage { max-width: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 5em), 1fr)); gap: 8px; padding: 0; }
    .home-page .hero-logo-stage::before, .home-page .hero-logo-stage::after, .home-page .hero-logo-card { display: none; }
    .home-page .floating-panel { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 8px 10px; border-radius: 8px; }
    .home-page .floating-panel-icon { display: none !important; }
    .home-page .floating-panel-copy > strong { font-size: 12px; }
    .home-page .floating-panel-copy > span { display: none; }
    .home-page .hero-explore { padding-top: 8px; }
    .home-page .hero-explore-links { display: none; }
    .home-page .hero-scroll-link { min-height: 44px; }
    .home-page .hero-scroll-link strong { font-size: 13px; }
    .home-page .hero-scroll-link > span > span { font-size: 11px; }
}
@media (min-width: 480px) and (max-width: 1024px) and (max-height: 640px) {
    .home-page { --home-header-height: 57px; }
    .home-page .nav-shell { padding-block: 6px; }
}
/* Extra compact screens: remove repeated supporting copy before reducing type. */
@media (max-width: 380px) {
    .home-page .rating-pill span:last-child { display: none; }
    .home-page .hero-actions > a { font-size: 13px; gap: 6px; padding-inline: 8px; }
    .home-page .hero-stats strong, .home-page .hero-stats .stat-rating strong { font-size: 16px; }
    /* Tre riepiloghi anche sui telefoni piccoli; con testo ingrandito
       auto-fit li dispone su piu righe senza spezzare le parole. */
    .home-page .hero-logo-stage { grid-template-columns: repeat(auto-fit, minmax(min(100%, 4.5rem), 1fr)); }
    .home-page .floating-panel { min-width: 0; padding-inline: 6px; }
}
@media (width < 480px) and (max-height: 660px),
       (width < 320px) {
    .home-page .hero-shell { padding-block: 6px; gap: 8px; }
    .home-page .hero-grid { gap: 8px; }
    .home-page .hero-copy h1 { font-size: clamp(26px, 7.2vw, 30px); }
    .home-page .hero-intro > .eyebrow { margin-bottom: 6px; }
    .home-page .rating-pill { min-height: 28px; margin-bottom: 8px; padding-block: 4px; }
    .home-page .hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-page .hero-stats .stat-rating { display: none; }
    .home-page .hero-stats div:nth-child(2) { border: 0; }
    .home-page .hero-scroll-link > span > span { display: none; }
    .home-page .hero-explore { padding-top: 6px; }
}
@media (max-width: 360px) and (max-height: 660px),
       (width < 320px) {
    .home-page .hero-shell { padding-block: 6px; gap: 8px; }
    .home-page .hero-grid { gap: 8px; }
    .home-page .hero-intro > .eyebrow { margin-bottom: 4px; font-size: 10px; }
    .home-page .rating-pill { min-height: 28px; margin-bottom: 6px; padding-block: 4px; }
    .home-page .hero-copy h1 { font-size: 26px; }
    .home-page .hero-lead { margin-top: 8px; }
    .home-page .hero-actions, .home-page .hero-stats { margin-top: 8px; }
    .home-page .floating-panel { padding: 6px; }
    .home-page .hero-scroll-link > span > span { display: none; }
    .home-page .hero-explore { padding-top: 6px; }
}
@media (width > 700px) and (max-width: 1024px) and (min-height: 900px) and (max-height: 1120px) and (max-aspect-ratio: 4/5) {
    .home-page .hero-shell { gap: 18px; padding-top: 20px; }
    .home-page .hero-grid { gap: 18px; }
    .home-page .hero-copy h1 { font-size: clamp(38px, 5.5vw, 48px); }
    .home-page .hero-lead { font-size: 16px; line-height: 1.5; }
    .home-page .hero-logo-stage { padding: 14px; }
    .home-page .hero-logo-card { width: 220px; padding: 12px; }
    .home-page .floating-panel { gap: 8px; }
    .home-page .hero-explore-links { max-width: 42%; }
}
@media (min-width: 480px) and (max-height: 500px) {
    .home-page .hero-shell { padding-block: 5px; gap: 6px; }
    .home-page .hero-grid { gap: 8px; }
    .home-page .hero-intro { grid-template-areas: "eyebrow rating" "title lead" "actions actions"; gap: 6px 20px; }
    .home-page .hero-copy h1 { font-size: clamp(26px, 4.1vw, 32px); }
    .home-page .hero-actions { display: flex; flex-wrap: wrap; }
    .home-page .hero-actions > a,
    .home-page .hero-actions > a:last-child { flex: 1 1 6em; width: auto; }
    .home-page .hero-actions > .hero-whatsapp { flex: 2 1 10em; grid-column: auto; }
    .home-page .hero-stats { margin-top: 8px; }
    .home-page .hero-explore { padding-top: 6px; }
    .home-page .hero-scroll-icon { flex-basis: 36px; width: 36px; height: 36px; }
    .home-page .hero-scroll-link > span > span { display: none; }
}

@media (width > 700px) and (max-width: 1024px) and (min-height: 900px) and (max-height: 1040px) and (max-aspect-ratio: 4/5) {
    .home-page .hero-logo-card { display: none; }
}
/* In narrow landscape windows, repeated service summaries remain in #servizi. */
@media (min-width: 480px) and (max-width: 700px) and (max-height: 500px) {
    .home-page .hero-visual { display: none; }
    .home-page .rating-pill span:last-child { display: none; }
}
@media (min-width: 480px) and (max-width: 600px) and (max-height: 380px) {
    .home-page .hero-stats { display: none; }
}
/* Browser bars can leave less than 590px on older phones. Keep the main
   message and every contact action; the service details follow below. */
@media (width < 480px) and (max-height: 590px) {
    .home-page .hero-visual { display: none; }
}
@media (width < 480px) and (max-height: 530px) {
    .home-page .hero-stats { display: none; }
}
/* In very shallow landscape viewports the service section supplies the full
   summaries; keep the introduction, contacts, trust and continuation legible. */
@media (min-width: 480px) and (max-height: 380px) {
    .home-page .hero-shell { padding-block: 4px; gap: 6px; }
    .home-page .rating-pill span:last-child { display: none; }
    .home-page .hero-copy h1 { font-size: 25px; }
    .home-page .hero-stats { margin-top: 6px; }
    .home-page .hero-visual { display: none; }
    .home-page .hero-explore { padding-top: 0; border-top: 0; }
}

/* Keep the opening within short viewports between the device breakpoints.
   Reduce repeated labels and spacing; contact targets and body type stay legible. */
@media (width > 700px) and (max-width: 900px) and (height > 500px) and (height < 900px) {
    .home-page .hero-shell { padding-block: 10px; gap: 10px; }
}
/* Just above the compact layout, retain both columns with less whitespace. */
@media (width > 900px) and (max-width: 1024px) and (height > 700px) and (max-height: 740px) {
    .home-page .hero-shell { padding-block: 16px; gap: 16px; }
}
@media (width < 480px) and (max-height: 480px) {
    .home-page .hero-shell { padding-block: 3px; gap: 4px; }
    .home-page .hero-intro > .eyebrow { display: none; }
    .home-page .hero-explore { padding-top: 0; border-top: 0; }
}
@media (min-width: 480px) and (max-width: 600px) and (max-height: 380px) {
    .home-page .hero-shell { padding-block: 3px; gap: 4px; }
    .home-page .hero-grid { gap: 6px; }
    .home-page .hero-intro { row-gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .hero-scroll-icon { transition: none; }
}
@media (max-height: 660px) {
    .home-page .hero-scroll-link:focus-visible { outline-offset: 1px; }
}
@media print {
    .home-page .hero-shell { min-height: 0; }
    .home-page .hero-explore { display: none; }
    .home-page .hero-visual, .home-page .floating-panel-copy > span { display: block; }
}