/*
Theme Name: BG Electronic
Description: Tema WordPress autonomo per BG Electronic, senza Enfold o page builder.
Version: 1.0.0
Author: BG Electronic
Text Domain: bgelectronic
*/

:root{--bg-orange:#f29100;--bg-orange-dark:#d17000;--bg-charcoal:#575756;--bg-ink:#222;--bg-soft:#f6f3ee;--bg-white:#fff;--bg-border:#e7e2dc;--bg-header-height:116px}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--bg-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}body.admin-bar .bg-site-header{top:32px}img{max-width:100%;height:auto}a{color:#d17000}a:hover{color:#9d5300}button,input,select,textarea{font:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{top:8px;left:8px;z-index:100000;width:auto;height:auto;padding:12px 16px;clip:auto;background:#fff}.bg-container{width:min(1210px,calc(100% - 80px));margin-inline:auto}.bg-site-header{position:sticky;top:0;z-index:1000;height:var(--bg-header-height);border-bottom:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(0,0,0,.04)}.bg-header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1310px,calc(100% - 60px));height:100%;margin-inline:auto}.bg-brand{display:block;width:235px}.bg-brand img{display:block;width:100%;height:auto}.bg-menu{display:flex;align-items:center;gap:38px;margin:0;padding:0;list-style:none}.bg-menu li{margin:0}.bg-menu a{position:relative;color:#575756;font-size:14px;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.bg-menu a::after{position:absolute;right:0;bottom:-10px;left:0;height:2px;background:var(--bg-orange);content:"";transform:scaleX(0);transition:transform .2s}.bg-menu a:hover::after,.bg-menu .current-menu-item>a::after{transform:scaleX(1)}.bg-nav-toggle{display:none;width:44px;height:44px;padding:8px;border:0;background:transparent}.bg-nav-toggle span:not(.screen-reader-text){display:block;width:27px;height:2px;margin:6px auto;background:#575756;transition:.2s}.bg-site-footer{color:#fff}.bg-footer-main{padding:64px 0;background:#484847}.bg-footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr .7fr;gap:8%}.bg-footer-logo{width:140px;max-height:115px;object-fit:contain;object-position:left center}.bg-site-footer h2{margin:0 0 15px;color:#fff;font-size:18px}.bg-site-footer address{font-style:normal}.bg-site-footer a{color:#fff}.bg-footer-socket{padding:17px 0;background:#333;font-size:13px}.bg-page-hero{display:grid;min-height:390px;place-items:center;padding:70px 20px;background:#575756 center/cover;color:#fff;text-align:center}.bg-page-hero h1{max-width:1050px;margin:0;font-size:clamp(38px,6vw,72px);line-height:1.04}.bg-page{padding:80px 0}.bg-prose{max-width:820px;margin-inline:auto}.bg-prose h1,.bg-prose h2,.bg-prose h3{line-height:1.18}.bg-button,.wp-block-button__link,input[type=submit]{display:inline-block;padding:14px 27px;border:0;border-radius:3px;background:var(--bg-orange);color:#fff!important;font-weight:700;text-decoration:none;cursor:pointer}.bg-button:hover,input[type=submit]:hover{background:var(--bg-orange-dark)}.bg-post-form{margin-top:60px;padding:38px;background:var(--bg-soft)}.bg-post-form input,.bg-post-form textarea,.bg-post-form select,.bg-form input,.bg-form textarea,.bg-form select{width:100%;padding:12px;border:1px solid #ccc;background:#fff}.bg-post-form input[type=submit],.bg-form input[type=submit]{border:0}.pagination,.nav-links{display:flex;gap:8px;justify-content:center;margin-top:45px}.page-numbers{padding:8px 13px;background:#eee;text-decoration:none}.page-numbers.current{background:var(--bg-orange);color:#fff}@media(max-width:782px){body.admin-bar .bg-site-header{top:46px}}@media(max-width:767px){:root{--bg-header-height:80px}.bg-container{width:calc(100% - 36px)}.bg-site-header{height:80px}.bg-header-inner{width:calc(100% - 32px)}.bg-brand{width:185px}.bg-nav-toggle{display:block}.bg-primary-nav{position:fixed;top:80px;right:0;left:0;display:none;padding:28px 18px;background:#fff;box-shadow:0 16px 30px rgba(0,0,0,.12)}body.admin-bar .bg-primary-nav{top:126px}.bg-primary-nav.is-open{display:block}.bg-menu{flex-direction:column;align-items:stretch;gap:0}.bg-menu a{display:block;padding:13px 8px}.bg-menu a::after{display:none}.bg-menu-open{overflow:hidden}.bg-footer-grid{grid-template-columns:1fr;gap:35px}.bg-page{padding:58px 0}.bg-page-hero{min-height:300px}.bg-page-hero h1{font-size:38px}}


/*Add your own styles here:*/

/* ==========================================================================
   Home page nativa (front-page.php)
   ========================================================================== */

.bg-home {
    --bg-orange: #f29100;
    --bg-orange-dark: #d17000;
    --bg-charcoal: #575756;
    --bg-ink: #202020;
    --bg-paper: #ffffff;
    --bg-soft: #f6f3ee;
    color: var(--bg-ink);
    overflow: hidden;
}

.bg-home *,
.bg-home *::before,
.bg-home *::after {
    box-sizing: border-box;
}

.bg-home__container {
    width: min(1210px, calc(100% - 80px));
    margin-inline: auto;
}

.bg-home__section {
    position: relative;
    padding: 100px 0;
}

.bg-home__hero-panel {
    position: relative;
    min-height: calc(100vh - 116px);
    background-color: var(--bg-orange);
    background-image: var(--bg-hero-image);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-home__hero-panel--problem {
    background-color: #ffffff;
}

.bg-home__hero-panel--solution {
    display: grid;
    place-items: center;
}

.bg-home__hero-content {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(32px, 6vw, 96px);
    text-align: center;
    transform: translate3d(0, var(--bg-hero-copy-offset, 0), 0);
    transition: opacity .12s linear, transform .12s linear;
}

.bg-home__hero.is-scroll-enhanced .bg-home__hero-content {
    opacity: var(--bg-hero-copy-opacity, 1);
}

.bg-home__hero-content--solution {
    gap: clamp(28px, 5vh, 52px);
}

.bg-home__hero-title {
    width: min(100%, 1280px);
    margin: 0;
    color: #ffffff;
    font-size: clamp(52px, 6.4vw, 106px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: .98;
    text-align: center;
    text-shadow: 0 9px 28px rgba(0, 0, 0, .72), 0 2px 5px rgba(0, 0, 0, .95);
    text-transform: none;
    text-wrap: balance;
}

.bg-home__scroll {
    position: absolute;
    left: 50%;
    bottom: 26px;
    z-index: 2;
    width: 44px;
    height: 44px;
    transform: translateX(-50%);
}

.bg-home__scroll span,
.bg-home__scroll span::after {
    position: absolute;
    left: 50%;
    width: 13px;
    height: 13px;
    border-right: 2px solid var(--bg-orange);
    border-bottom: 2px solid var(--bg-orange);
    content: "";
    transform: translateX(-50%) rotate(45deg);
    animation: bg-scroll-pulse 1.8s infinite;
}

.bg-home__scroll span::after {
    top: 9px;
    animation-delay: .2s;
}

.bg-home__scroll--blue span,
.bg-home__scroll--blue span::after {
    border-color: #6ca9d0;
}

.bg-home__scroll--blue span {
    top: 13px;
}

.bg-home__scroll--blue span::after {
    display: none;
}

.bg-home__device-finder {
    margin-bottom: clamp(52px, 6vw, 88px);
}

@keyframes bg-scroll-pulse {
    0%, 100% { opacity: .35; transform: translate(-50%, -4px) rotate(45deg); }
    50% { opacity: 1; transform: translate(-50%, 4px) rotate(45deg); }
}

.bg-home__whatsapp {
    display: flex;
    align-items: center;
    width: min(800px, 80%);
    isolation: isolate;
}

.bg-home__whatsapp input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 54px;
    margin: 0 !important;
    padding: 12px 70px 12px 24px !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 28px !important;
    outline: 0;
    background: rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    text-align: center;
    backdrop-filter: blur(4px);
}

.bg-home__whatsapp input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.bg-home__whatsapp button {
    position: relative;
    z-index: 1;
    display: grid;
    flex: 0 0 56px;
    place-items: center;
    width: 56px;
    height: 56px;
    margin-left: -56px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #25d366;
    color: #ffffff;
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease;
}

.bg-home__whatsapp button:hover,
.bg-home__whatsapp button:focus-visible {
    background: #1ebe5b;
    transform: scale(1.05);
}

.bg-home__repair {
    background: var(--bg-soft);
}

.bg-home__repair::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: var(--bg-orange);
    content: "";
}

.bg-home__repair-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
    gap: clamp(50px, 7vw, 110px);
    align-items: center;
}

.bg-home__eyebrow {
    margin: 0 0 18px !important;
    color: var(--bg-orange-dark);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

#top .bg-home__repair-title {
    margin: 0 0 25px;
    color: var(--bg-ink);
    font-size: clamp(38px, 4.6vw, 66px);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.02;
    text-transform: none;
}

.bg-home__lead {
    font-size: 18px;
    line-height: 1.65;
}

.bg-home__repair-intro > p:not(.bg-home__eyebrow) {
    max-width: 650px;
    color: #4c4c4b;
}

.bg-home__benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.bg-home__benefit {
    position: relative;
    min-height: 275px;
    padding: 32px;
    border: 1px solid #e5dfd6;
    background: #ffffff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.bg-home__benefit:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(34, 30, 26, .09);
}

.bg-home__benefit--accent {
    border-color: var(--bg-orange);
    background: var(--bg-orange);
    color: #ffffff;
}

.bg-home__benefit-number {
    position: absolute;
    top: 24px;
    right: 25px;
    color: #bbb5ad;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
}

.bg-home__benefit--accent .bg-home__benefit-number {
    color: rgba(255, 255, 255, .7);
}

.bg-home__benefit svg {
    width: 38px;
    height: 38px;
    margin-bottom: 35px;
    fill: none;
    stroke: var(--bg-orange-dark);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.bg-home__benefit--accent svg {
    stroke: #ffffff;
}

#top .bg-home__benefit h3 {
    margin: 0 0 12px;
    color: inherit;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
}

.bg-home__benefit p {
    margin: 0;
    color: #66615b;
    line-height: 1.55;
}

.bg-home__benefit--accent p {
    color: rgba(255, 255, 255, .9);
}

.bg-home__known-defect {
    position: relative;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(250px, .8fr) minmax(0, 1.6fr);
    gap: clamp(35px, 6vw, 90px);
    margin-top: 16px;
    padding: clamp(35px, 5vw, 58px);
    overflow: hidden;
    background: var(--bg-charcoal);
    color: #ffffff;
}

.bg-home__known-defect::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7px;
    background: var(--bg-orange);
    content: "";
}

.bg-home__known-defect-heading span {
    display: block;
    margin-bottom: 15px;
    color: #f6a832;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

#top .bg-home__known-defect h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 42px);
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.12;
    text-transform: none;
}

.bg-home__known-defect-copy {
    align-self: center;
    font-size: 17px;
    line-height: 1.65;
}

.bg-home__known-defect-copy p {
    margin: 0 0 16px;
    color: rgba(255, 255, 255, .88);
}

.bg-home__known-defect-copy p:last-child {
    margin-bottom: 0;
}

.bg-home__known-defect-copy strong {
    color: #ffffff;
}

.bg-home__heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

#top .bg-home__heading h1,
#top .bg-home__heading h2 {
    margin: 0 0 18px;
    color: inherit;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.12;
    text-transform: none;
}

.bg-home__heading p {
    margin: 0;
    font-size: 16px;
}

.bg-home__heading--light,
.bg-home__heading--light h1,
.bg-home__heading--light h2 {
    color: #ffffff !important;
}

.bg-home__two-columns,
.bg-home__contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7%;
    align-items: center;
}

.bg-home__copy {
    color: #333333;
    font-size: 16px;
    line-height: 1.8;
}

.bg-home__comparison {
    --bg-comparison-position: 50%;
    position: relative;
    overflow: hidden;
    max-width: 500px;
    margin-inline: auto;
    border-radius: 3px;
    background: #eeeeee;
    box-shadow: 0 16px 45px rgba(0, 0, 0, .12);
}

.bg-home__comparison img {
    display: block;
    width: 100%;
    height: auto;
}

.bg-home__comparison-after {
    position: absolute;
    inset: 0;
    width: 100%;
    clip-path: inset(0 calc(100% - var(--bg-comparison-position)) 0 0);
}

.bg-home__comparison-after img {
    width: 100%;
    height: auto;
}

.bg-home__comparison-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--bg-comparison-position);
    width: 3px;
    background: #ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .4);
    transform: translateX(-50%);
}

.bg-home__comparison-handle::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: var(--bg-orange);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    color: #ffffff;
    content: "\2194";
    font-size: 20px;
    transform: translate(-50%, -50%);
}

.bg-home__comparison-label {
    position: absolute;
    top: 18px;
    padding: 5px 10px;
    border-radius: 2px;
    background: rgba(0, 0, 0, .55);
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
}

.bg-home__comparison-label--before { left: 18px; }
.bg-home__comparison-label--after { right: 18px; }

.bg-home__comparison input[type="range"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: ew-resize;
    opacity: 0;
}

.bg-home__button {
    display: table;
    margin: 35px auto 0;
    padding: 15px 28px;
    border: 0;
    border-radius: 3px;
    background: var(--bg-orange);
    color: #ffffff !important;
    font-weight: 700;
    letter-spacing: .01em;
    text-decoration: none !important;
    transition: background-color .2s ease, transform .2s ease;
}

.bg-home__button:hover,
.bg-home__button:focus-visible {
    background: var(--bg-orange-dark);
    color: #ffffff;
    transform: translateY(-2px);
}

.bg-home__button--dark {
    margin-left: 0;
    background: var(--bg-charcoal);
}

.bg-home__button--wide {
    width: 100%;
    margin-top: 60px;
    border-radius: 0;
    text-align: center;
}

.bg-home__services-cta {
    max-width: 850px;
    margin: 65px auto 0;
    text-align: center;
}

#top .bg-home__services-cta h2 {
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.25;
    text-transform: none;
}

.bg-home__services::after,
.bg-home__reviews::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 48px;
    background: var(--bg-orange);
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    content: "";
}

.bg-home__about {
    background: var(--bg-orange);
    color: #ffffff;
}

.bg-home__about-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5%;
    align-items: start;
    font-size: 16px;
    line-height: 1.75;
}

.bg-home__about-grid img {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    height: auto;
}

.bg-home__reviews::after {
    background: var(--bg-charcoal);
}

.bg-home__reviews-widget {
    min-height: 180px;
}

.bg-home__contact {
    background: var(--bg-charcoal);
    color: #ffffff;
}

.bg-home__contact-grid {
    align-items: start;
}

.bg-home__contact a {
    color: #ffffff;
}

.bg-home__contact-details iframe {
    display: block;
    margin-bottom: 35px;
}

#top .bg-home__contact-details h3 {
    margin: 0 0 25px;
    color: #ffffff;
    font-size: 34px;
    text-transform: none;
}

.bg-home__contact-details address {
    font-style: normal;
}

.bg-home__contact-details address p {
    margin: 0 0 12px;
}

.bg-home__form input[type="text"],
.bg-home__form input[type="email"],
.bg-home__form input[type="tel"],
.bg-home__form input[type="file"],
.bg-home__form select,
.bg-home__form textarea {
    width: 100%;
    border-color: rgba(255, 255, 255, .25) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #ffffff !important;
}

.bg-home__form input::placeholder,
.bg-home__form textarea::placeholder {
    color: rgba(255, 255, 255, .75);
}

.bg-home__form select option {
    color: #222222;
}

.bg-home__form input[type="submit"] {
    width: 100%;
    padding: 15px;
    background: var(--bg-orange) !important;
    font-weight: 700;
}

@media (max-width: 989px) {
    .bg-home__container {
        width: min(100% - 48px, 760px);
    }

    .bg-home__repair-grid,
    .bg-home__two-columns,
    .bg-home__contact-grid {
        grid-template-columns: 1fr;
    }

    .bg-home__known-defect {
        grid-template-columns: 1fr;
    }

    .bg-home__comparison {
        margin-top: 45px;
    }

    .bg-home__about-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bg-home__about-grid img {
        grid-row: auto;
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .bg-home__container {
        width: calc(100% - 36px);
    }

    .bg-home__section {
        padding: 72px 0;
    }

    .bg-home__hero-panel {
        min-height: calc(100svh - 80px);
        background-attachment: scroll;
    }

    .bg-home__hero-content {
        padding: 28px 18px 72px;
    }

    .bg-home__hero-content--solution {
        gap: clamp(24px, 4.5vh, 38px);
    }

    .bg-home__hero-title {
        width: 100%;
        font-size: clamp(39px, 12vw, 64px);
        line-height: 1.02;
        text-shadow: 0 7px 22px rgba(0, 0, 0, .78), 0 2px 4px rgba(0, 0, 0, .95);
    }

    .bg-home__whatsapp {
        width: min(100%, 560px);
    }

    .bg-home__benefits,
    .bg-home__about-grid {
        grid-template-columns: 1fr;
    }

    .bg-home__benefit {
        min-height: 0;
    }

    .bg-home__about-grid img {
        grid-row: auto;
        max-width: none;
        margin-inline: auto;
    }

    .bg-home__services::after,
    .bg-home__reviews::after {
        height: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bg-home__hero-content {
        transform: none;
        transition: none;
    }

    .bg-home__scroll span,
    .bg-home__scroll span::after {
        animation: none;
    }
}

/* ==========================================================================
   Custom Repairable Devices Styling (CPT Dispositivo)
   ========================================================================== */

/* Layout di pagina principale */
.av-main-single-dispositivo {
    padding: 50px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.bg-dispositivo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 40px;
    align-items: start;
}

@media (min-width: 768px) {
    .bg-dispositivo-grid {
        grid-template-columns: 5fr 7fr;
        gap: 50px;
    }
}

/* Colonna Media (Immagine) */
.bg-dispositivo-media {
    width: 100%;
}

.bg-image-wrapper {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    background-color: #f7fafc;
    aspect-ratio: 4/3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #edf2f7;
}

.bg-dispositivo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    display: block;
}

.bg-image-wrapper:hover .bg-dispositivo-img {
    transform: scale(1.04);
}

.bg-image-placeholder {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 12px;
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px dashed #cbd5e0;
    color: #718096;
    padding: 20px;
    text-align: center;
}

.bg-placeholder-icon {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    color: #a0aec0;
}

/* Informazioni dispositivo */
.bg-dispositivo-info {
    display: flex;
    flex-direction: column;
}

.bg-category-badge {
    align-self: flex-start;
    background-color: #ebf8ff;
    color: #2b6cb0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid #bee3f8;
}

.bg-dispositivo-title {
    font-size: 2rem;
    line-height: 1.25;
    margin: 0 0 20px 0 !important;
    font-weight: 700;
    color: #1a202c;
}

/* Card di compatibilità */
.bg-compatibility-card {
    background-color: #f7fafc;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01);
}

.bg-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.bg-card-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: #3182ce;
}

.bg-card-header h4 {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bg-badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bg-info-badge {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 8px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.bg-badge-label {
    font-weight: 600;
    color: #718096;
    margin-right: 6px;
}

.bg-badge-val {
    font-weight: 700;
    color: #2d3748;
}

/* Descrizione */
.bg-dispositivo-description {
    font-size: 15px;
    line-height: 1.7;
    color: #4a5568;
}

.bg-dispositivo-description p {
    margin-bottom: 1.25em;
}

.bg-no-description {
    color: #a0aec0;
    font-style: italic;
}

.bg-section-divider {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, #edf2f7, #cbd5e0, #edf2f7);
    margin: 40px 0;
}

/* Griglia Sezione FAQ & CTA */
.bg-dispositivo-global-info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

@media (min-width: 992px) {
    .bg-dispositivo-global-info {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
}

/* FAQ Accordion */
.bg-faq-wrapper {
    display: flex;
    flex-direction: column;
}

.bg-section-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 6px 0 !important;
    color: #1a202c;
}

.bg-section-subtitle {
    font-size: 13px;
    color: #718096;
    margin: 0 0 20px 0;
}

.bg-accordion {
    border: 1px solid #edf2f7;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

.bg-accordion-item {
    border-bottom: 1px solid #edf2f7;
    background-color: #ffffff;
}

.bg-accordion-item:last-child {
    border-bottom: none;
}

.bg-accordion-trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    outline: none;
    transition: background-color 0.2s ease;
}

.bg-accordion-trigger:hover {
    background-color: #f7fafc;
}

.bg-accordion-title {
    font-size: 15px;
    font-weight: 600;
    color: #2d3748;
    padding-right: 15px;
    line-height: 1.4;
}

.bg-accordion-icon {
    position: relative;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.bg-accordion-icon::before,
.bg-accordion-icon::after {
    content: '';
    position: absolute;
    background-color: #4a5568;
    transition: transform 0.3s ease;
}

.bg-accordion-icon::before {
    top: 6px;
    left: 0;
    width: 14px;
    height: 2px;
}

.bg-accordion-icon::after {
    top: 0;
    left: 6px;
    width: 2px;
    height: 14px;
}

.bg-accordion-trigger[aria-expanded="true"] .bg-accordion-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}

.bg-accordion-trigger[aria-expanded="true"] .bg-accordion-icon::before {
    transform: rotate(180deg);
}

.bg-accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: #ffffff;
}

.bg-accordion-content {
    padding: 0 20px 20px 20px;
    font-size: 14px;
    line-height: 1.6;
    color: #4a5568;
}

/* Call to Action Banner */
.bg-cta-banner {
    background: linear-gradient(135deg, #1C2F55 0%, #284B82 100%);
    color: #ffffff;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 12px 30px rgba(28, 47, 85, 0.12);
    box-sizing: border-box;
}

.bg-cta-content {
    margin-bottom: 25px;
}

.bg-cta-title {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 12px 0 !important;
    line-height: 1.3;
}

.bg-cta-text {
    color: #e2e8f0;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.bg-cta-action {
    display: flex;
}

.bg-cta-button {
    background-color: #e5a93b; /* Tonalità oro/arancio premium */
    color: #1a202c !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
    padding: 12px 24px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    box-shadow: 0 4px 12px rgba(229, 169, 59, 0.2);
}

.bg-cta-button:hover {
    background-color: #f3b94c;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(229, 169, 59, 0.3);
}

.bg-btn-arrow {
    transition: transform 0.2s ease;
    font-weight: bold;
}

.bg-cta-button:hover .bg-btn-arrow {
    transform: translateX(4px);
}

/* Pagine servizi native */
.bg-eyebrow{margin:0 0 14px;color:var(--bg-orange-dark);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.bg-service h2,.bg-thanks h1,.bg-single h1{line-height:1.1}.bg-service-hero{display:flex;min-height:620px;align-items:center;background-position:center;background-size:cover;color:#fff}.bg-service-hero .bg-container{padding-block:90px}.bg-service-kicker{font-weight:700;letter-spacing:.1em;text-transform:uppercase}.bg-service-hero h1{max-width:930px;margin:0 0 35px;font-size:clamp(48px,7vw,88px);line-height:.98;text-wrap:balance}.bg-service-hero .bg-button{font-size:17px}.bg-service-intro,.bg-service-defects,.bg-sync,.bg-brands,.bg-service-reviews,.bg-service-contact{padding:95px 0}.bg-service-intro-grid,.bg-service-defects-grid,.bg-sync-grid,.bg-service-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8%;align-items:start}.bg-service-intro h2,.bg-service-defects h2,.bg-sync h2,.bg-service-contact h2{margin:0 0 22px;font-size:clamp(36px,4.5vw,58px)}.bg-service-lead{font-size:19px}.bg-check-list{margin:28px 0 0;padding:0;list-style:none}.bg-check-list li{position:relative;margin:0;padding:9px 0 9px 30px;border-bottom:1px solid rgba(0,0,0,.09)}.bg-check-list li::before{position:absolute;left:3px;color:var(--bg-orange);content:'✓';font-weight:800}.bg-service-form{padding:38px;background:#f4f1ed;box-shadow:0 16px 50px rgba(0,0,0,.09)}.bg-service-form h2{font-size:30px}.bg-service-form label{font-size:14px;font-weight:700}.bg-service-before-after{padding:95px 0;background:#575756;color:#fff}.bg-section-heading{max-width:800px;margin:0 auto 50px;text-align:center}.bg-section-heading h2{margin:0;font-size:clamp(36px,5vw,58px)}.bg-compare{max-width:950px;margin:auto;display:flex;justify-content:center}.bg-compare__frame{position:relative;overflow:hidden;aspect-ratio:1000/1217;height:min(65vh,620px);width:auto;max-width:100%;background:#222;--bg-compare-pos:50%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize}.bg-compare__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.bg-compare__after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--bg-compare-pos)) 0 0)}.bg-compare__label{position:absolute;bottom:18px;padding:7px 13px;background:var(--bg-orange);color:#fff;font-weight:700;text-transform:uppercase;font-size:13px;pointer-events:none}.bg-compare__label--before{left:18px}.bg-compare__label--after{right:18px}.bg-compare__divider{position:absolute;top:0;bottom:0;left:var(--bg-compare-pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}.bg-compare__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:ew-resize;pointer-events:auto;box-shadow:0 6px 18px rgba(0,0,0,.3)}.bg-compare__handle svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bg-compare__handle:focus-visible{outline:3px solid var(--bg-orange);outline-offset:3px}.bg-whatsapp-band{padding:70px 0;background:#25b75a;color:#fff;text-align:center}.bg-whatsapp-band h2{margin:0;font-size:clamp(32px,4vw,52px)}.bg-whatsapp-band p{font-size:18px}.bg-button--white{background:#fff;color:#1b7b3e!important}.bg-service-parallax{display:grid;min-height:560px;place-items:center;background-attachment:fixed;background-position:center;background-size:cover;color:#fff;text-align:center}.bg-service-parallax h2{max-width:1000px;margin:0 auto;font-size:clamp(38px,6vw,68px)}.bg-defect-card{padding:38px;border-top:6px solid var(--bg-orange);background:#f5f2ee}.bg-defect-card h3{margin:0;font-size:28px}.bg-sync{background:#f29100;color:#fff}.bg-sync .bg-eyebrow{color:#4b3100}.bg-sync-cards{display:grid;gap:16px}.bg-sync-cards article{display:flex;flex-direction:column;padding:27px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.4)}.bg-sync-cards strong{font-size:22px}.bg-brand-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:26px;align-items:center}.bg-brand-grid img{display:block;max-height:70px;margin:auto;filter:grayscale(1);opacity:.75;transition:.2s}.bg-brand-grid img:hover{filter:none;opacity:1}.bg-service-reviews{background:#f6f3ee}.bg-service-contact{background:#575756;color:#fff}.bg-service-contact .bg-eyebrow{color:#f7ac3d}.bg-service-contact .bg-service-form{color:#222}.bg-service-contact .bg-form input,.bg-service-contact .bg-form textarea,.bg-service-contact .bg-form select{border:1px solid #ddd;background:#fff;color:#222}

/* Finder veicolo nella pagina riparazioni */
.bg-service-finder{padding:95px 0;background:linear-gradient(135deg,#101d34,#173f7b);color:#fff}.bg-service-finder__heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:7%;align-items:end}.bg-service-finder__heading .bg-eyebrow{color:#f7ac3d}.bg-service-finder__heading h2{max-width:760px;margin:0 0 22px;font-size:clamp(38px,5vw,62px);color:#fff}.bg-service-finder__heading p:last-child{max-width:720px;margin:0;font-size:18px;line-height:1.65;color:rgba(255,255,255,.82)}.bg-service-finder__steps{display:grid;gap:13px;margin:0;padding:0;list-style:none}.bg-service-finder__steps li{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07)}.bg-service-finder__steps span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#f29100;color:#fff;font-weight:900}.bg-service-finder__steps strong{align-self:end;font-size:16px}.bg-service-finder__steps small{color:rgba(255,255,255,.68)}.bg-service-finder__tool{margin-top:46px}.bg-service-finder .bgrp-finder{margin-top:0;color:#101827}.bg-service-finder .bgrp-finder__intro{display:none}.bg-service-finder .bgrp-empty{border-color:#cad3e2}.bg-service-finder__fallback{padding:35px;background:#fff;color:#222;text-align:center}.bg-service-finder__note{margin:22px 0 0;text-align:center;color:rgba(255,255,255,.76)}.bg-service-finder__note a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* Blog, archivi e contenuti */
.bg-blog-hero{background:linear-gradient(125deg,#4b4b4a,#6a6968)}.bg-blog-hero .bg-eyebrow,.bg-page-hero .bg-eyebrow,.bg-single-hero .bg-eyebrow{color:#ffac32}.bg-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.bg-post-card{overflow:hidden;border:1px solid var(--bg-border);background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.bg-post-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.1)}.bg-card-image{display:block;background:#ddd}.bg-card-image img,.bg-card-placeholder{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.bg-card-placeholder{background:linear-gradient(135deg,#ece8e3,#d9d2c9)}.bg-card-body{padding:26px}.bg-card-body time{color:#777;font-size:12px;text-transform:uppercase}.bg-card-body h2{margin:9px 0 13px;font-size:24px;line-height:1.2}.bg-card-body h2 a{color:#292929;text-decoration:none}.bg-card-link{font-weight:700;text-decoration:none}.bg-single-hero{padding:100px 0 140px;background:#575756;color:#fff}.bg-single-hero h1{max-width:1000px;margin:0 0 20px;font-size:clamp(42px,6vw,72px)}.bg-single-cover{margin-top:-85px}.bg-single-cover img{display:block;width:100%;max-height:650px;object-fit:cover}.bg-prose{font-size:18px}.bg-prose h2{margin-top:2em;font-size:34px}.bg-prose h3{margin-top:1.7em;font-size:27px}.bg-prose p,.bg-prose ul,.bg-prose ol{margin-bottom:1.4em}.bg-prose iframe{max-width:100%}.bg-post-nav{display:flex;justify-content:space-between;gap:30px;padding-bottom:80px}.bg-post-nav a{max-width:45%;font-weight:700;text-decoration:none}.bg-thanks{display:grid;min-height:calc(100vh - var(--bg-header-height));place-items:center;padding:80px 0;background:#575756;color:#fff;text-align:center}.bg-thanks-inner{max-width:850px}.bg-thanks h1{margin:0;color:#f29100;font-size:clamp(45px,7vw,85px);text-transform:uppercase}.bg-thanks-lead{font-size:22px}.bg-thanks-data{margin:25px 0}.bg-thanks-data p{margin:5px}.bg-thanks-review{margin-top:40px;padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.06)}.bg-thanks-review .bg-eyebrow{color:#f7ac3d}.bg-thanks-review h2{margin:0 0 10px;color:#fff;font-size:clamp(24px,3vw,32px)}.bg-thanks-review p{margin:0 0 20px}.bg-device .bg-dispositivo-global-info{align-items:stretch}.bg-device .bg-cta-banner{min-height:100%}.bg-device .bg-compatibility-card h3{margin-top:0;font-size:15px;text-transform:uppercase}

@media(max-width:989px){.bg-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-service-intro-grid,.bg-service-defects-grid,.bg-sync-grid,.bg-service-contact-grid{gap:45px}.bg-service-finder__heading{grid-template-columns:1fr;gap:40px}.bg-service-finder__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-service-finder__steps li{grid-template-columns:42px 1fr}.bg-service-hero{min-height:520px}}
@media(max-width:767px){.bg-service-hero{min-height:460px}.bg-service-hero h1{font-size:45px}.bg-service-intro,.bg-service-defects,.bg-sync,.bg-brands,.bg-service-reviews,.bg-service-contact,.bg-service-before-after,.bg-service-finder{padding:65px 0}.bg-service-intro-grid,.bg-service-defects-grid,.bg-sync-grid,.bg-service-contact-grid,.bg-card-grid,.bg-service-finder__steps{grid-template-columns:1fr}.bg-compare__handle{width:38px;height:38px}.bg-compare__label{font-size:11px;padding:5px 10px}.bg-compare__frame{height:min(50vh,420px)}.bg-service-finder__heading h2{font-size:38px}.bg-service-finder__tool{margin-top:35px}.bg-service-form,.bg-defect-card{padding:25px}.bg-service-parallax{min-height:430px;background-attachment:scroll}.bg-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bg-single-hero{padding:70px 0 115px}.bg-single-cover{width:calc(100% - 36px)}.bg-post-nav{flex-direction:column}.bg-post-nav a{max-width:100%}}

/* Pulsanti di conferma Contact Form 7 */
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
    color: #111111 !important;
}

/* Pagina Contatti */
.bg-contact-hero {
    display: flex;
    min-height: 520px;
    align-items: center;
    background-position: center;
    background-size: cover;
    color: #ffffff;
}

.bg-contact-hero .bg-container {
    padding-block: 90px;
}

.bg-contact-hero .bg-eyebrow,
.bg-contact-whatsapp .bg-eyebrow {
    color: #ffb13c;
}

.bg-contact-hero h1 {
    margin: 0 0 24px;
    font-size: clamp(58px, 8vw, 104px);
    letter-spacing: -.045em;
    line-height: .95;
}

.bg-contact-hero p:last-child {
    max-width: 720px;
    margin: 0;
    font-size: 20px;
    line-height: 1.65;
}

.bg-contact-quick {
    position: relative;
    z-index: 2;
    margin-top: -48px;
}

.bg-contact-quick-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.bg-contact-quick-card {
    display: flex;
    gap: 18px;
    align-items: center;
    min-width: 0;
    padding: 28px;
    border-right: 1px solid var(--bg-border);
    color: var(--bg-ink);
    text-decoration: none;
    transition: background-color .2s ease;
}

.bg-contact-quick-card:last-child {
    border-right: 0;
}

.bg-contact-quick-card:hover {
    background: var(--bg-soft);
    color: var(--bg-ink);
}

.bg-contact-quick-card svg {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    fill: none;
    stroke: var(--bg-orange-dark);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.bg-contact-quick-card span {
    min-width: 0;
}

.bg-contact-quick-card small,
.bg-contact-quick-card strong {
    display: block;
}

.bg-contact-quick-card small {
    color: #77736e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bg-contact-quick-card strong {
    overflow-wrap: anywhere;
    font-size: 18px;
}

.bg-contact-main {
    padding: 110px 0;
}

.bg-contact-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 8%;
    align-items: start;
}

.bg-contact-form {
    padding: clamp(30px, 5vw, 55px);
    background: var(--bg-soft);
}

.bg-contact-form h2,
.bg-contact-note h2,
.bg-contact-process h2,
.bg-contact-whatsapp h2 {
    margin: 0 0 18px;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.08;
}

.bg-contact-form input,
.bg-contact-form textarea,
.bg-contact-form select {
    width: 100%;
    padding: 13px;
    border: 1px solid #d2ccc4;
    background: #ffffff;
}

.bg-contact-form input[type="submit"] {
    border: 0;
    background: var(--bg-orange);
}

.bg-contact-note {
    margin-bottom: 35px;
    padding: 35px;
    border-left: 7px solid var(--bg-orange);
    background: var(--bg-charcoal);
    color: #ffffff;
}

.bg-contact-note > span {
    display: block;
    margin-bottom: 12px;
    color: #ffb13c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bg-contact-note h2 {
    color: #ffffff;
    font-size: clamp(28px, 3vw, 40px);
}

.bg-contact-addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.bg-contact-addresses article {
    padding: 25px;
    border: 1px solid var(--bg-border);
}

.bg-contact-addresses h3 {
    margin: 0 0 8px;
    font-size: 24px;
}

.bg-contact-addresses address {
    font-style: normal;
}

.bg-contact-map {
    display: block;
}

.bg-contact-process {
    padding: 100px 0;
    background: var(--bg-soft);
}

.bg-contact-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.bg-contact-steps article {
    min-height: 270px;
    padding: 34px;
    border-top: 5px solid var(--bg-orange);
    background: #ffffff;
}

.bg-contact-steps span {
    color: #b8b2aa;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
}

.bg-contact-steps h3 {
    margin: 55px 0 12px;
    font-size: 25px;
}

.bg-contact-whatsapp {
    padding: 72px 0;
    background: #22a957;
    color: #ffffff;
}

.bg-contact-whatsapp .bg-container {
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
}

.bg-contact-whatsapp h2,
.bg-contact-whatsapp p {
    color: #ffffff;
}

.bg-contact-whatsapp .bg-button {
    flex: 0 0 auto;
    margin: 0;
}

@media (max-width: 989px) {
    .bg-contact-quick-grid,
    .bg-contact-steps {
        grid-template-columns: 1fr;
    }

    .bg-contact-quick-card {
        border-right: 0;
        border-bottom: 1px solid var(--bg-border);
    }

    .bg-contact-quick-card:last-child {
        border-bottom: 0;
    }

    .bg-contact-main-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .bg-contact-steps article {
        min-height: 0;
    }

    .bg-contact-steps h3 {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .bg-contact-hero {
        min-height: 430px;
    }

    .bg-contact-hero .bg-container {
        padding-block: 65px 90px;
    }

    .bg-contact-hero h1 {
        font-size: 58px;
    }

    .bg-contact-hero p:last-child {
        font-size: 17px;
    }

    .bg-contact-quick {
        margin-top: -30px;
    }

    .bg-contact-quick-card {
        padding: 22px;
    }

    .bg-contact-main,
    .bg-contact-process {
        padding: 70px 0;
    }

    .bg-contact-form,
    .bg-contact-note {
        padding: 25px;
    }

    .bg-contact-addresses {
        grid-template-columns: 1fr;
    }

    .bg-contact-whatsapp .bg-container {
        display: block;
    }

    .bg-contact-whatsapp .bg-button {
        margin-top: 28px;
    }
}