/* Drose landing page */
.drose-landing {
    width: 100%;
}

.drose-landing__container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 8px 16px 28px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
}

@media (min-width: 769px) {
    .drose-landing__container {
        max-width: 900px;
        margin: 0 auto;
        padding: 40px 32px 36px;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 20px 50px rgba(0, 63, 127, 0.2);
    }
}

.drose-hero {
    text-align: center;
    margin-bottom: 36px;
}

.drose-hero__logo {
    width: 112px;
    height: 112px;
    margin: 0 auto 18px;
    position: relative;
    pointer-events: none;
    transform-origin: center center;
}

@media (min-width: 769px) {
    .drose-hero__logo {
        width: 128px;
        height: 128px;
    }
}

.drose-hero__logo svg,
.drose-hero__logo .drose-hero__logo-svg {
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 10px 24px rgba(0, 63, 127, 0.22));
    pointer-events: none;
    position: relative;
    z-index: 0;
}

.drose-hero__logo .drose-hex-fill {
    fill: #b45309;
}

.drose-hero__logo .drose-hex-sky,
.drose-hero__logo .drose-hex-sky-glow,
.drose-hero__logo .drose-hex-stars {
    opacity: 1;
    pointer-events: none;
}

.drose-hero__logo .drose-hex-sky {
    fill: url(#droseHeroSkyFillLight);
}

.drose-hero__logo .drose-hex-sky-glow {
    fill: url(#droseHeroSkyGlowLight);
}

body.dark-mode.drose-page .drose-hero__logo .drose-hex-fill,
body.dark-mode.is-drose-brand .drose-hero__logo .drose-hex-fill {
    fill: #fbbf24;
}

body.dark-mode.drose-page .drose-hero__logo .drose-hex-sky,
body.dark-mode.is-drose-brand .drose-hero__logo .drose-hex-sky {
    fill: url(#droseHeroSkyFillDark);
}

body.dark-mode.drose-page .drose-hero__logo .drose-hex-sky-glow,
body.dark-mode.is-drose-brand .drose-hero__logo .drose-hex-sky-glow {
    fill: url(#droseHeroSkyGlowDark);
}

.drose-hero__logo .drose-hex-stars {
    isolation: isolate;
}

.drose-hero__logo .drose-star {
    fill: #ffffff;
    opacity: 0.55;
    animation: none;
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(0.9);
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
    transition: none;
}

body.dark-mode.drose-page .drose-hero__logo .drose-star,
body.dark-mode.is-drose-brand .drose-hero__logo .drose-star {
    opacity: 0.6;
}

body.drose-page:not(.dark-mode) .drose-hero__logo .drose-star,
body.is-drose-brand:not(.dark-mode) .drose-hero__logo .drose-star {
    fill: #ffffff;
    opacity: 0.62;
    stroke: #7eb8f0;
    stroke-width: 0.55;
    paint-order: stroke fill;
}

@media (hover: hover) and (pointer: fine) {
    .drose-hero__logo.is-stars-twinkling .drose-hex-stars .drose-star,
    .drose-hero__logo.is-lens-focused .drose-hex-stars .drose-star,
    .drose-hero__logo:has(.drose-hero__logo-hit:hover) .drose-hex-stars .drose-star {
        animation-name: drose-star-twinkle;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    /* Brillio sparso: ritardi non lineari (non dall'alto verso il basso) */
    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(1) {
        animation-delay: 0.22s;
        animation-duration: 1.31s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(2) {
        animation-delay: 0.74s;
        animation-duration: 1.17s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(3) {
        animation-delay: 0.11s;
        animation-duration: 1.48s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(4) {
        animation-delay: 0.93s;
        animation-duration: 1.26s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(5) {
        animation-delay: 0.38s;
        animation-duration: 1.39s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(6) {
        animation-delay: 0.57s;
        animation-duration: 1.12s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(7) {
        animation-delay: 0.05s;
        animation-duration: 1.44s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(8) {
        animation-delay: 0.81s;
        animation-duration: 1.23s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(9) {
        animation-delay: 0.29s;
        animation-duration: 1.36s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(10) {
        animation-delay: 0.46s;
        animation-duration: 1.51s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(11) {
        animation-delay: 0.67s;
        animation-duration: 1.19s;
    }

    .drose-hero__logo .drose-hex-stars .drose-star:nth-child(12) {
        animation-delay: 0.14s;
        animation-duration: 1.42s;
    }
}

@keyframes drose-star-twinkle {
    0%, 100% {
        opacity: 0.38;
        transform: scale(0.82);
        filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
    }
    28% {
        opacity: 0.72;
        transform: scale(1.12);
        filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.65));
    }
    52% {
        opacity: 1;
        transform: scale(1.45);
        filter:
            drop-shadow(0 0 2px rgba(255, 255, 255, 1))
            drop-shadow(0 0 5px rgba(191, 219, 254, 0.95))
            drop-shadow(0 0 8px rgba(147, 197, 253, 0.7));
    }
    78% {
        opacity: 0.58;
        transform: scale(1.02);
        filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.4));
    }
}

.drose-hero__logo.is-stars-soft-stop .drose-hex-stars .drose-star {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .drose-hero__logo .drose-star {
        animation: none !important;
    }
}

.drose-lens-rest,
.drose-lens-ghost-layer,
.drose-lens-focused {
    transition: opacity 0.6s ease;
}

.drose-lens-focused {
    opacity: 0;
    pointer-events: none;
    transform-box: view-box;
    transform-origin: 256px 256px;
}

.drose-lens-look {
    transform-box: view-box;
    transform-origin: 256px 256px;
}

.drose-lens-focus-ring {
    transform-box: view-box;
    transform-origin: 256px 256px;
}

.drose-hero__logo-hit {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    cursor: pointer;
    background: transparent;
    /* Match hero SVG hex bounds (viewBox 0 0 512 512) */
    clip-path: polygon(
        50% 13.7%,
        81.25% 32.4%,
        81.25% 67.6%,
        50% 86.3%,
        18.75% 67.6%,
        18.75% 32.4%
    );
}

@media (hover: hover) and (pointer: fine) {
    .drose-hero__logo.is-lens-focused:not(.is-lens-unfocusing) .drose-lens-rest,
    .drose-hero__logo.is-lens-focused:not(.is-lens-unfocusing) .drose-lens-ghost-layer {
        opacity: 0;
        transition: none;
    }

    .drose-hero__logo.is-lens-focused:not(.is-lens-unfocusing) .drose-lens-focused {
        opacity: 1 !important;
        transition: none;
        animation: drose-lens-focus-turn 2s cubic-bezier(0.42, 0, 0.2, 1) forwards !important;
    }

    .drose-hero__logo.is-lens-unfocusing .drose-lens-focused {
        opacity: 0 !important;
        animation: none !important;
        transition: opacity 0.6s ease;
    }

    .drose-hero__logo.is-lens-unfocusing .drose-lens-rest,
    .drose-hero__logo.is-lens-unfocusing .drose-lens-ghost-layer {
        opacity: 1;
        transition: opacity 0.6s ease;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drose-lens-rest .drose-lens-focus-ring,
    .drose-lens-focused .drose-lens-focus-ring {
        animation: none;
        transform: none;
        opacity: 1;
    }

    .drose-hero__logo.is-lens-focused .drose-lens-focused {
        animation: none !important;
        transform: none !important;
    }
}

@keyframes drose-lens-focus-turn {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.9);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

.drose-hero h1,
.drose-hero__title {
    margin: 0 0 10px;
    font-size: clamp(1.55rem, 3.4vw, 2rem);
    font-weight: 800;
    color: #003f7f;
    letter-spacing: -0.02em;
}

.drose-hero__tagline {
    margin: 0 auto 22px;
    max-width: 34rem;
    font-size: 1.05rem;
    line-height: 1.55;
    color: #1a1a1a;
}

.drose-hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

/* Home CTA: desktop → galleria completa; mobile → scelta Foto/Video */
.drose-hero__actions .drose-works-cta--mobile {
    display: none;
}

@media (max-width: 768px) {
    .drose-hero__actions .drose-works-cta--desktop {
        display: none;
    }

    .drose-hero__actions .drose-works-cta--mobile {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 338px;
        max-width: 338px;
        height: 52px;
        min-height: 52px;
        max-height: 52px;
        padding: 0 20px;
        font-size: 1.05rem;
        font-weight: 700;
        line-height: 1.15;
        white-space: nowrap;
        box-sizing: border-box;
        background: #b45309;
        border: 2px solid #b45309;
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    /* Solo scale al tap: niente cambio colore (hover sticky / tap) */
    .drose-hero__actions .drose-works-cta--mobile:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active) {
        background: #b45309;
        border-color: #b45309;
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    body.dark-mode.drose-page .site-main .drose-hero__actions a.drose-works-cta--mobile,
    body.dark-mode.drose-page .site-main .drose-hero__actions a.drose-works-cta--mobile:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active) {
        background: #fbbf24 !important;
        border-color: #fbbf24 !important;
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }
}

@media (min-width: 769px) {
    /* Stessa larghezza EN/IT: calibra su "Nostri lavori" */
    .drose-hero__actions .drose-btn {
        min-width: 11rem;
    }
}

/* Fuochi d'artificio sul hover del bottone hero (solo desktop + pointer fine) */
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
    .drose-hero__actions .drose-btn--fireworks {
        position: relative;
        overflow: visible;
        z-index: 2;
    }

    .drose-hero__actions .drose-btn--fireworks .drose-fw {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        overflow: visible;
    }

    .drose-hero__actions .drose-btn--fireworks .drose-fw__label {
        position: relative;
        z-index: 1;
    }

    .drose-hero__actions .drose-btn--fireworks .drose-fw__burst {
        position: absolute;
        width: 4px;
        height: 4px;
        margin: -2px 0 0 -2px;
        border-radius: 50%;
        opacity: 0;
        background: transparent;
    }

    .drose-hero__actions .drose-btn--fireworks .drose-fw__burst--1 {
        left: 22%;
        top: 8%;
    }

    .drose-hero__actions .drose-btn--fireworks .drose-fw__burst--2 {
        left: 78%;
        top: 18%;
    }

    .drose-hero__actions .drose-btn--fireworks .drose-fw__burst--3 {
        left: 50%;
        top: -6%;
    }

    .drose-hero__actions .drose-btn--fireworks .drose-fw__burst--4 {
        left: 62%;
        top: 88%;
    }

    .drose-hero__actions .drose-btn--fireworks:is(:hover, :focus-visible, .is-drose-hover) .drose-fw__burst--1 {
        animation: drose-fw-pop-gold 0.95s ease-out both;
    }

    .drose-hero__actions .drose-btn--fireworks:is(:hover, :focus-visible, .is-drose-hover) .drose-fw__burst--2 {
        animation: drose-fw-pop-cyan 1s ease-out 0.18s both;
    }

    .drose-hero__actions .drose-btn--fireworks:is(:hover, :focus-visible, .is-drose-hover) .drose-fw__burst--3 {
        animation: drose-fw-pop-white 1.05s ease-out 0.34s both;
    }

    .drose-hero__actions .drose-btn--fireworks:is(:hover, :focus-visible, .is-drose-hover) .drose-fw__burst--4 {
        animation: drose-fw-pop-rose 0.9s ease-out 0.48s both;
    }

    @media (prefers-reduced-motion: reduce) {
        .drose-hero__actions .drose-btn--fireworks:is(:hover, :focus-visible, .is-drose-hover) .drose-fw__burst {
            animation: none;
        }
    }
}

/* Scoppio: particelle a raggiera + leggera “caduta” verso il basso */
@keyframes drose-fw-pop-gold {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.2);
        box-shadow: 0 0 0 0 transparent;
    }
    12% {
        opacity: 1;
        transform: translateY(0) scale(0.45);
        box-shadow:
            0 0 0 1px #fff,
            0 0 0 0 #ffd166,
            0 0 0 0 #fbbf24,
            0 0 0 0 #fde68a,
            0 0 0 0 #fff7c2,
            0 0 0 0 #f59e0b,
            0 0 0 0 #fcd34d,
            0 0 0 0 #fff;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(8px) scale(1);
        box-shadow:
            0 -36px 2px 1px #fff,
            18px -30px 2px 0 #ffd166,
            34px -8px 2px 1px #fbbf24,
            28px 18px 2px 0 #fde68a,
            8px 32px 2px 1px #fff7c2,
            -16px 24px 2px 0 #f59e0b,
            -32px 4px 2px 1px #fcd34d,
            -20px -26px 2px 0 #fff,
            10px -20px 1px 0 #ffd166,
            -8px 14px 1px 0 #fbbf24;
    }
}

@keyframes drose-fw-pop-cyan {
    0% {
        opacity: 0;
        transform: translateY(12px) scale(0.2);
        box-shadow: 0 0 0 0 transparent;
    }
    12% {
        opacity: 1;
        transform: translateY(0) scale(0.4);
        box-shadow:
            0 0 0 1px #fff,
            0 0 0 0 #67e8f9,
            0 0 0 0 #22d3ee,
            0 0 0 0 #7eb8f0,
            0 0 0 0 #a5f3fc,
            0 0 0 0 #38bdf8,
            0 0 0 0 #bae6fd,
            0 0 0 0 #fff;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(10px) scale(1.05);
        box-shadow:
            0 -40px 2px 1px #fff,
            22px -32px 2px 0 #67e8f9,
            38px -6px 2px 1px #22d3ee,
            30px 22px 2px 0 #7eb8f0,
            4px 36px 2px 1px #a5f3fc,
            -20px 26px 2px 0 #38bdf8,
            -36px 2px 2px 1px #bae6fd,
            -24px -28px 2px 0 #fff,
            12px -18px 1px 0 #67e8f9,
            -10px 16px 1px 0 #22d3ee;
    }
}

@keyframes drose-fw-pop-white {
    0% {
        opacity: 0;
        transform: translateY(14px) scale(0.15);
        box-shadow: 0 0 0 0 transparent;
    }
    10% {
        opacity: 1;
        transform: translateY(0) scale(0.5);
        box-shadow:
            0 0 0 1px #fff,
            0 0 0 0 #e0f2fe,
            0 0 0 0 #93c5fd,
            0 0 0 0 #fff,
            0 0 0 0 #bfdbfe,
            0 0 0 0 #f8fafc,
            0 0 0 0 #7dd3fc,
            0 0 0 0 #dbeafe,
            0 0 0 0 #fff,
            0 0 0 0 #60a5fa;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(12px) scale(1.1);
        box-shadow:
            0 -46px 3px 1px #fff,
            20px -38px 2px 0 #e0f2fe,
            42px -12px 2px 1px #93c5fd,
            40px 16px 2px 0 #fff,
            16px 38px 2px 1px #bfdbfe,
            -14px 36px 2px 0 #f8fafc,
            -40px 14px 2px 1px #7dd3fc,
            -42px -14px 2px 0 #dbeafe,
            -18px -40px 2px 1px #fff,
            8px -24px 1px 0 #60a5fa,
            -6px 22px 1px 0 #93c5fd,
            28px 6px 1px 0 #fff;
    }
}

@keyframes drose-fw-pop-rose {
    0% {
        opacity: 0;
        transform: translateY(8px) scale(0.2);
        box-shadow: 0 0 0 0 transparent;
    }
    14% {
        opacity: 1;
        transform: translateY(0) scale(0.35);
        box-shadow:
            0 0 0 1px #fff,
            0 0 0 0 #fda4af,
            0 0 0 0 #fb7185,
            0 0 0 0 #f9a8d4,
            0 0 0 0 #fecdd3,
            0 0 0 0 #f472b6;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(10px) scale(0.95);
        box-shadow:
            0 -28px 2px 1px #fff,
            16px -22px 2px 0 #fda4af,
            28px -2px 2px 1px #fb7185,
            20px 18px 2px 0 #f9a8d4,
            -2px 26px 2px 1px #fecdd3,
            -18px 16px 2px 0 #f472b6,
            -26px -4px 2px 1px #fda4af,
            -14px -20px 2px 0 #fff;
    }
}

.drose-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.2s, background 0.2s;
}

.drose-btn--primary {
    background: #003f7f;
    border: 2px solid #003f7f;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.drose-btn--secondary {
    background: #e8f4fd;
    border: 2px solid #003f7f;
    color: #003f7f;
    -webkit-text-fill-color: #003f7f;
    transition: transform 0.2s, background 0.2s, border-color 0.2s, color 0.2s;
}

.drose-btn--primary:is(:hover, :focus-visible, .is-drose-hover) {
    background: #0056b3;
    border-color: #0056b3;
    color: #fff;
    -webkit-text-fill-color: #fff;
    transform: scale(1.03);
}

.drose-btn--secondary:is(:hover, :focus-visible, .is-drose-hover) {
    background: #d0e8f9;
    border-color: #002d5c;
    color: #002d5c;
    -webkit-text-fill-color: #002d5c;
    transform: scale(1.03);
}

body.dark-mode.drose-page .site-main a.drose-btn--primary,
body.dark-mode.drose-page .site-main a.drose-btn--primary:hover,
body.dark-mode.drose-page .site-main a.drose-btn--primary:focus-visible,
body.dark-mode.drose-page .site-main button.drose-btn--primary,
body.dark-mode.drose-page .site-main button.drose-btn--primary:hover,
body.dark-mode.drose-page .site-main button.drose-btn--primary:focus-visible {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.drose-section {
    margin-bottom: 32px;
}

.drose-section:last-child {
    margin-bottom: 0;
}

.drose-section h2 {
    margin: 0 0 16px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #003f7f;
    text-align: center;
}

/* Separatore sezioni Photos / Videos: linea rossa + diamanti */
body.drose-works-page .drose-works-section-title {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 18px;
}

body.drose-works-page .drose-works-section-title::before,
body.drose-works-page .drose-works-section-title::after {
    content: "";
    flex: 1 1 0;
    height: 1px;
    min-width: 2rem;
    border: none;
    background: linear-gradient(
        90deg,
        transparent 0%,
        #c45c5c 18%,
        #b91c1c 100%
    );
}

body.drose-works-page .drose-works-section-title::after {
    background: linear-gradient(
        270deg,
        transparent 0%,
        #c45c5c 18%,
        #b91c1c 100%
    );
}

body.drose-works-page .drose-works-section-ornament {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    margin: 0;
    border: 1px solid #b91c1c;
    background: #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.drose-section__lead {
    margin: 0 auto 20px;
    max-width: 36rem;
    font-size: 0.98rem;
    line-height: 1.6;
    color: #1a1a1a;
    text-align: center;
}

.drose-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.drose-card {
    padding: 20px 18px;
    border-radius: 14px;
    background: transparent;
    border: 2px solid rgba(0, 63, 127, 0.12);
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.drose-card h3 {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 700;
    color: #003f7f;
    flex-shrink: 0;
}

.drose-card p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #1a1a1a;
    flex: 1 1 auto;
}

/* Solo desktop hover: nascosta su mobile / senza hover */
.drose-card__unavailable {
    display: none;
}

.drose-works-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drose-works-slot {
    min-height: 0;
    padding: 0;
    aspect-ratio: 4 / 3;
    background: rgba(0, 63, 127, 0.04);
    overflow: hidden;
}

.drose-works-slot--filled {
    position: relative;
    background: rgba(0, 63, 127, 0.04);
    padding: 0;
}

.drose-works-empty {
    margin: 0 0 24px;
    padding: 16px 18px;
    border-radius: 12px;
    background: #f0f7ff;
    border: 1px solid rgba(0, 63, 127, 0.14);
    text-align: center;
}

.drose-works-empty p {
    margin: 0;
    color: #003f7f;
    font-weight: 600;
    line-height: 1.5;
}

.drose-works-view-hint {
    margin: 0 0 20px;
    text-align: center;
    font-size: 0.95rem;
    font-weight: 600;
    color: #22c55e;
    -webkit-text-fill-color: #22c55e;
}

/* Scelta Foto/Video (pagina intermedia mobile) */
.drose-works-chooser-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    max-width: 338px;
    margin: 8px auto 0;
    padding: 0;
}

.drose-works-chooser-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 338px !important;
    max-width: 338px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 20px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: nowrap;
    box-sizing: border-box !important;
    /* Ambra logo light (#b45309) */
    background: #b45309 !important;
    border: 2px solid #b45309 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.drose-works-chooser-btn:is(:hover, :focus-visible, .is-drose-hover) {
    /* Mobile: niente cambio colore al tap; scale solo via .tap-active */
    background: #b45309 !important;
    border-color: #b45309 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.dark-mode.drose-page .drose-works-chooser-btn,
body.dark-mode.drose-page .drose-works-chooser-btn:is(:hover, :focus-visible, .is-drose-hover) {
    /* Ambra logo dark (#fbbf24); testo blu per contrasto */
    background: #fbbf24 !important;
    border-color: #fbbf24 !important;
    color: #003f7f !important;
    -webkit-text-fill-color: #003f7f !important;
}

body.dark-mode.drose-page .drose-works-chooser-btn:is(:hover, :focus-visible, .is-drose-hover) {
    background: #fbbf24 !important;
    border-color: #fbbf24 !important;
    color: #003f7f !important;
    -webkit-text-fill-color: #003f7f !important;
}

/* Vince su .site-main a.drose-btn--primary { color:#fff } */
body.dark-mode.drose-page .site-main a.drose-works-chooser-btn,
body.dark-mode.drose-page .site-main a.drose-works-chooser-btn:hover,
body.dark-mode.drose-page .site-main a.drose-works-chooser-btn:focus-visible,
body.dark-mode.drose-page .site-main a.drose-works-chooser-btn.is-drose-hover {
    color: #003f7f !important;
    -webkit-text-fill-color: #003f7f !important;
}

body.drose-works-chooser .drose-works-manage-link-wrap {
    margin: 10px 0 0;
}

/* Desktop filtrato: torna a home; mobile: torna alla scelta */
.drose-works-back-chooser {
    display: none;
}

@media (max-width: 768px) {
    body.drose-works-filtered .drose-works-back-chooser {
        display: inline;
    }

    /* Galleria filtrata vuota: niente box, solo testo colore titolo */
    body.drose-works-filtered .drose-works-empty {
        padding: 12px 14px;
        background: transparent;
    }

    body.drose-works-filtered:not(.dark-mode) .drose-works-empty {
        border-color: #b45309;
    }

    body.drose-works-filtered:not(.dark-mode) .drose-works-empty p {
        color: #b45309;
        -webkit-text-fill-color: #b45309;
    }

    body.dark-mode.drose-works-filtered .drose-works-empty {
        border-color: #fbbf24 !important;
    }

    body.dark-mode.drose-works-filtered .drose-works-empty p {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.drose-works-page .site-main .drose-works-empty {
        border-color: #fbbf24 !important;
    }

    body.dark-mode.drose-works-page .site-main .drose-works-empty p {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
        text-decoration: none !important;
    }

    body.drose-works-page:not(.dark-mode) .site-main .drose-works-manage-link-wrap a,
    body.drose-works-page:not(.dark-mode) .site-main .drose-works-manage-link-wrap a:visited,
    body.drose-works-page:not(.dark-mode) .site-main .drose-works-manage-link-wrap a:is(:hover, :focus, :focus-visible, :active),
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap a,
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap a:visited,
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap a:is(:hover, :focus, :focus-visible, :active) {
        color: #be123c !important;
        -webkit-text-fill-color: #be123c !important;
        text-decoration: none !important;
    }

    body.drose-works-page:not(.dark-mode) .drose-card.drose-works-slot {
        border-color: #b45309 !important;
    }

    body.dark-mode.drose-works-page .drose-card.drose-works-slot {
        border-color: #fbbf24 !important;
    }

    /* Titolo + lead vicini ai bottoni (niente gap largo del head generico) */
    body.drose-works-chooser .drose-subpage__head {
        margin-bottom: 12px;
    }

    body.drose-works-chooser .drose-subpage__head h1 {
        margin-bottom: 8px;
    }

    body.drose-works-chooser .drose-subpage__lead {
        margin-bottom: 0;
    }

    /*
     * Our work mobile: centra il blocco contenuto nello schermo
     * (orizzontale + verticale sulla pagina di scelta).
     */
    body.drose-works-page .drose-landing {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    body.drose-works-chooser .drose-landing {
        min-height: calc(100dvh - var(--site-header-height, 82px) - 96px);
    }

    body.drose-works-page .site-main .drose-landing__container {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        gap: 0;
    }

    body.drose-works-page .drose-subpage__head,
    body.drose-works-page .drose-subpage__lead,
    body.drose-works-page .drose-works-manage-link-wrap,
    body.drose-works-page .drose-works-empty,
    body.drose-works-page .drose-works-view-hint,
    body.drose-works-page .drose-landing__back,
    body.drose-works-page .drose-section,
    body.drose-works-page .drose-section__lead {
        width: 100%;
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
    }

    body.drose-works-page .drose-works-chooser-panel {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 338px;
        margin: 0 auto;
        padding: 0;
        gap: 12px;
    }

    body.drose-works-page .drose-works-chooser-btn {
        width: min(338px, 100%) !important;
        max-width: 338px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.drose-works-page .drose-card-grid {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Mobile: niente sticky hover scale; press = tap-active come Gadly (0.96) */
    body.drose-page .site-main .drose-btn:not(.tap-active):is(:hover, :focus, :focus-visible),
    body.is-drose-brand .site-main .drose-btn:not(.tap-active):is(:hover, :focus, :focus-visible) {
        transform: scale(1) !important;
    }

    body.drose-page .site-main .drose-btn.tap-active,
    body.is-drose-brand .site-main .drose-btn.tap-active {
        transform: scale(0.96) !important;
    }
}

@media (min-width: 769px) {
    /* Se ?choose=1 arriva su desktop prima del redirect JS, non mostrare il picker */
    body.drose-works-chooser .drose-works-chooser-panel {
        display: none;
    }
}

.drose-works-open {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    /* Non usare background shorthand: azzera background-image inline delle foto */
    background-color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
}

.drose-works-slot--video .drose-works-open {
    cursor: pointer;
}

.drose-works-open:focus-visible {
    outline: 3px solid #007bff;
    outline-offset: 2px;
}

.drose-works-slot img,
.drose-works-slot video,
.drose-works-slot-thumb,
.drose-works-media {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    pointer-events: none;
    transform: scale(1);
}

.drose-works-media {
    animation: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    background: rgba(0, 63, 127, 0.04);
}

.drose-works-slot-thumb {
    background-color: rgba(0, 63, 127, 0.04);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: unset;
    animation: none;
    transition: none;
    opacity: 1;
    visibility: visible;
}

.drose-works-slot video,
.drose-works-media--video {
    background: rgba(0, 63, 127, 0.04);
    animation: none;
    transition: none;
    opacity: 1;
    visibility: visible;
}

@media (hover: hover) and (pointer: fine) {
    /* Galleria Drose: scala lo slot (sfondo + media), evita flash sul solo <img> */
    body.drose-works-page .drose-works-open {
        transform: scale(1);
        transform-origin: center center;
        transition: none;
    }

    body.drose-works-page .drose-works-open:is(:hover, .is-drose-hover) {
        transform: scale(1.04);
        transition: transform 0.2s ease;
    }
}

.drose-works-expand-icon,
.drose-works-play-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 63, 127, 0.88);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

.drose-works-expand-icon::before,
.drose-works-expand-icon::after {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 1px;
}

.drose-works-expand-icon::before {
    top: 11px;
    left: 11px;
    width: 12px;
    height: 2px;
    box-shadow: 0 16px 0 #fff;
}

.drose-works-expand-icon::after {
    top: 11px;
    left: 11px;
    width: 2px;
    height: 12px;
    box-shadow: 16px 0 0 #fff;
}

.drose-works-play-icon {
    inset: 0;
    margin: auto;
    width: 52px;
    height: 52px;
    right: auto;
    bottom: auto;
}

.drose-works-play-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #fff;
}

body.drose-works-manage-page .drose-works-slot--filled .drose-works-media {
    position: absolute;
    inset: 0;
}

.drose-works-lightbox {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: #000;
}

.drose-works-lightbox[hidden] {
    display: none !important;
}

/* Sfondo lightbox subito; foto nascosta finché decode + fit sono pronti */
.drose-works-lightbox.drose-works-lightbox--preparing {
    pointer-events: none !important;
}

.drose-works-lightbox.drose-works-lightbox--preparing .drose-works-lightbox__content,
.drose-works-lightbox.drose-works-lightbox--preparing .drose-works-lightbox__image,
.drose-works-lightbox.drose-works-lightbox--preparing .drose-works-lightbox__video,
.drose-works-lightbox.drose-works-lightbox--preparing .drose-works-lightbox__rotate-hint,
.drose-works-lightbox.drose-works-lightbox--preparing .drose-works-lightbox__close,
.drose-works-lightbox.drose-works-lightbox--preparing .drose-works-lightbox__nav {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.drose-works-lightbox-open {
    overflow: hidden;
    background: #0f0f23;
}

/* Sotto la lightbox non deve restare la pagina: altrimenti in rotazione si vede “Back to…” */
body.drose-works-lightbox-open > *:not(#drose-works-lightbox):not(.gadly-orient-lock) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html.drose-lightbox-allow-rotate,
html.drose-lightbox-allow-rotate body {
    background: #0f0f23 !important;
}

/* Velo pieno durante la rotazione OS — stessi colori del tema (niente blu diverso) */
html.drose-lb-rotating,
html.drose-lb-rotating body,
body.drose-lb-rotating {
    background-color: #0f0f23 !important;
    background-image: none !important;
    overflow: hidden !important;
}

html.drose-lb-rotating:has(body:not(.dark-mode)),
html.drose-lb-rotating body:not(.dark-mode),
body.drose-lb-rotating:not(.dark-mode) {
    background-color: #ffffff !important;
}

html.drose-lb-rotating:has(body.dark-mode.warm-tone),
html.drose-lb-rotating body.dark-mode.warm-tone,
body.drose-lb-rotating.dark-mode.warm-tone {
    background-color: #26201c !important;
}

html.drose-lb-rotating .drose-works-lightbox,
body.drose-lb-rotating .drose-works-lightbox {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100vmax !important;
    min-height: 100vmax !important;
    z-index: 12000 !important;
    background-color: #0f0f23 !important;
    background-image: none !important;
}

html.drose-lb-rotating:has(body:not(.dark-mode)) .drose-works-lightbox,
body.drose-lb-rotating:not(.dark-mode) .drose-works-lightbox {
    background-color: #ffffff !important;
}

html.drose-lb-rotating:has(body.dark-mode.warm-tone) .drose-works-lightbox,
body.drose-lb-rotating.dark-mode.warm-tone .drose-works-lightbox {
    background-color: #26201c !important;
}

body.drose-works-lightbox-open .site-header,
body.drose-works-lightbox-open #cookie-banner,
body.drose-works-lightbox-open #gadly-viewport-chrome,
body.drose-works-lightbox-open .header-nav {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.drose-works-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 4, 8, 0.996);
}

.drose-works-lightbox__rotate-hint {
    position: absolute;
    bottom: 20px;
    left: 24px;
    right: 24px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.9);
    color: #ef4444;
    -webkit-text-fill-color: #ef4444;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    transform: translateY(10px) scale(0.96);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    text-align: center;
    transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s linear 0.24s;
}

.drose-works-lightbox__rotate-hint.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.drose-works-lightbox__rotate-hint-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1;
}

.drose-works-lightbox__rotate-hint.is-visible .drose-works-lightbox__rotate-hint-icon {
    animation: drose-phone-tilt 1.6s ease-in-out infinite;
}

.drose-works-lightbox__rotate-hint-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #ef4444;
}

.drose-works-lightbox__rotate-hint-text {
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

@keyframes drose-phone-tilt {
    0%, 100% { transform: rotate(-18deg); }
    50% { transform: rotate(12deg); }
}

.drose-works-lightbox__close {
    position: absolute;
    top: 16px;
    right: 52px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    -webkit-text-fill-color: #fff;
    cursor: pointer;
    box-shadow: none;
}

.drose-works-lightbox__close::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(196, 30, 58, 0.92);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    transform-origin: center center;
    z-index: 0;
}

.drose-works-lightbox__close svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.25;
    stroke-linecap: round;
    transform: none;
    transition: none;
}

.drose-works-lightbox__close:hover::before {
    background: #c41e3a;
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);
    transform: scale(1.06);
}

.drose-works-lightbox__nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: #fff;
    -webkit-text-fill-color: #fff;
    cursor: pointer;
    box-shadow: none;
}

.drose-works-lightbox__nav::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(0, 63, 127, 0.9);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    transform-origin: center center;
    z-index: 0;
}

.drose-works-lightbox__nav svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 1.65rem;
    height: 1.65rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: none;
    transition: none;
}

.drose-works-lightbox__nav--prev {
    left: 52px;
}

.drose-works-lightbox__nav--next {
    right: 52px;
}

.drose-works-lightbox__nav:hover::before {
    background: #003f7f;
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);
    transform: scale(1.06);
}

.drose-works-lightbox--photo {
    cursor: auto;
}

.drose-works-lightbox--photo .drose-works-lightbox__content {
    width: 100%;
    height: 100%;
    max-height: none;
    overflow: hidden;
}

.drose-works-lightbox--photo .drose-works-lightbox__image {
    cursor: auto;
    transform-origin: center center;
    transition: none;
    will-change: transform;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: auto;
    touch-action: none;
}

/* Evita flash a scatti: nascosta finché decode + fit sono pronti */
.drose-works-lightbox--photo.drose-works-lightbox--photo-opening .drose-works-lightbox__image {
    opacity: 0 !important;
    visibility: hidden !important;
}

.drose-works-lightbox--photo.drose-works-lightbox--zoomed {
    touch-action: none;
}

.drose-works-lightbox--photo.drose-works-lightbox--zoomed,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed .drose-works-lightbox__content,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed .drose-works-lightbox__backdrop,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed .drose-works-lightbox__image,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed.drose-works-lightbox--panning,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed.drose-works-lightbox--panning .drose-works-lightbox__content,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed.drose-works-lightbox--panning .drose-works-lightbox__backdrop,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed.drose-works-lightbox--panning .drose-works-lightbox__image {
    /* Nessun cursore forzato: resta quello del sistema dell’utente. */
    cursor: auto;
}

.drose-works-lightbox--photo.drose-works-lightbox--zoomed .drose-works-lightbox__close,
.drose-works-lightbox--photo.drose-works-lightbox--zoomed .drose-works-lightbox__nav {
    cursor: pointer;
}

.drose-works-lightbox__content {
    position: relative;
    z-index: 1;
    width: min(96vw, 1200px);
    max-height: 92vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #000;
    border-radius: 10px;
}

.drose-works-lightbox__image,
.drose-works-lightbox__video {
    display: block;
    max-width: 100%;
    max-height: 92vh;
    width: auto;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.drose-works-lightbox__video {
    width: min(96vw, 1200px);
    background: #000;
}

.drose-works-slot--video {
    aspect-ratio: 16 / 9;
}

.drose-works-manage-link-wrap {
    margin: 12px 0 0;
}

.drose-works-manage-hint {
    margin: 10px auto 0;
    max-width: 36rem;
    font-size: 0.95rem;
    color: #555;
    text-align: center;
}

/* Desktop invariato; mobile = 2 righe senza punto finale (vedi @media) */
.drose-works-manage-hint--mobile {
    display: none;
}

@media (min-width: 769px) {
    body.drose-works-manage-page .drose-works-manage-hint--desktop {
        max-width: none;
        white-space: nowrap;
    }
}

.drose-works-manage-status {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0 0 18px;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.drose-works-manage-status__text {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    transition: opacity 0.35s ease;
}

.drose-works-manage-status__text--success {
    color: #22c55e;
    -webkit-text-fill-color: #22c55e;
}

body.dark-mode.drose-works-manage-page .drose-works-manage-status__text--success {
    color: #22c55e;
    -webkit-text-fill-color: #22c55e;
}

.drose-works-manage-status__text--error {
    color: #c41e3a;
    font-weight: 600;
}

body.dark-mode.drose-works-manage-page .drose-works-manage-status__text--error {
    color: #e84c4c;
    -webkit-text-fill-color: #e84c4c;
}

.drose-works-manage-status__text--empty {
    visibility: hidden;
}

.drose-works-manage-status__text--hide {
    opacity: 0;
    pointer-events: none;
}

.drose-works-manage-slot {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.drose-works-manage-slot__label {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 700;
    color: #003f7f;
    text-align: center;
}

.drose-works-manage-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.drose-works-manage-page .drose-works-file-input-wrapper {
    position: relative;
    width: 100%;
}

body.drose-works-manage-page .drose-works-file-input-wrapper input[type="file"] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

body.drose-works-manage-page .drose-works-choose-file-btn {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 12px 16px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #fff !important;
    background: #003f7f;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.2s, background 0.2s;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (hover: hover) and (pointer: fine) {
    body.drose-works-manage-page .drose-works-choose-file-btn:is(:hover, .is-drose-hover) {
        background: #dc3545;
        transform: scale(1.03);
    }
}

body.drose-works-manage-page .drose-works-choose-file-btn.is-uploading,
body.drose-works-manage-page .drose-works-choose-file-btn.is-uploading:hover {
    background: #003f7f;
    transform: none;
    opacity: 0.75;
    cursor: wait;
}

body.drose-works-manage-page .drose-works-choose-file-btn,
body.drose-works-manage-page .drose-works-choose-file-btn * {
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.drose-works-manage-remove-form {
    margin: 0;
    text-align: center;
}

@media (min-width: 769px) {
    body.drose-works-page .drose-works-grid--photos {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    body.drose-works-page .drose-works-grid--videos {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    body.drose-works-page .drose-landing__container {
        width: min(900px, 100%);
        max-width: 900px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    @media (min-width: 2200px) {
        body.drose-works-page .drose-landing__container {
            width: min(1040px, 100%) !important;
            max-width: 1040px !important;
        }
    }

    @media (min-width: 3400px) {
        body.drose-works-page .drose-landing__container {
            width: min(1120px, 100%) !important;
            max-width: 1120px !important;
        }
    }

    body.drose-works-page:not(.drose-works-manage-page) .drose-subpage__head {
        margin-bottom: 18px;
    }

    body.drose-works-page:not(.drose-works-manage-page) .drose-subpage__lead {
        max-width: none;
        line-height: 1.45;
        font-size: 1.02rem;
    }

    body.drose-works-page:not(.drose-works-manage-page) .drose-section__lead {
        max-width: none;
        margin-bottom: 14px;
        line-height: 1.45;
        font-size: 0.98rem;
    }

    body.drose-works-page:not(.drose-works-manage-page) .drose-section {
        margin-top: 20px;
    }

    body.drose-works-page:not(.drose-works-manage-page) .drose-works-view-hint {
        margin-bottom: 16px;
    }
}

.drose-benefits {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
    align-items: stretch;
}

.drose-benefits li {
    position: relative;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f8fcff;
    border: 1px solid rgba(0, 63, 127, 0.1);
    color: #1a1a1a;
    line-height: 1.45;
    font-size: 0.98rem;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
}

.drose-benefits li::before {
    content: "";
    position: static;
    width: 10px;
    height: 10px;
    margin: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #007BFF 0%, #003f7f 100%);
    flex-shrink: 0;
}

/* Home: box Perché Drose + voci con spunte (stesso aspetto desktop/mobile) */
body.drose-home .drose-why {
    margin-top: 24px;
    margin-bottom: 28px;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 20px;
    border-radius: 14px;
    background: linear-gradient(145deg, #e8f4fd 0%, #f8fcff 100%);
    border: 2px solid rgba(0, 63, 127, 0.14);
    text-align: center;
}

body.drose-home .drose-why h2 {
    margin: 0 0 18px;
    font-size: 1.35rem;
}

body.drose-home .drose-benefits {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    max-width: none;
    margin: 0;
    border: none;
    list-style: none;
}

body.drose-home .drose-benefits li {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 12px 16px;
    border: 1px solid rgba(0, 63, 127, 0.35);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    box-sizing: border-box;
}

body.drose-home .drose-benefits li::before,
body.drose-home .drose-benefits li::after {
    content: "\2713";
    display: inline-block;
    flex-shrink: 0;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    background: none;
    color: #22c55e !important;
    -webkit-text-fill-color: #22c55e !important;
    font-size: 0.95em;
    font-weight: 700;
    line-height: 1;
}

.drose-cta {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 20px;
    border-radius: 14px;
    background: linear-gradient(145deg, #e8f4fd 0%, #f8fcff 100%);
    border: 2px solid rgba(0, 63, 127, 0.14);
}

.drose-cta h2 {
    margin-bottom: 10px;
}

.drose-cta p:not(.drose-quote-error) {
    margin: 0 auto 18px;
    max-width: 30rem;
    line-height: 1.55;
    color: #1a1a1a;
}

.drose-cta .drose-quote-form .drose-quote-field-hint {
    margin: 0 0 8px;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    width: 100%;
    align-self: stretch;
    text-align: left;
    text-wrap: pretty;
}

.drose-cta .drose-btn--primary {
    min-width: 180px;
}

/* Quote request: lead sotto Project brief — niente parola orfana (EN “quote”) */
body.drose-quote-request-page .drose-cta > p.drose-quote-brief-lead {
    max-width: none;
    width: 100%;
    text-wrap: pretty;
}

.drose-quote-form {
    margin: 0 auto;
    max-width: 720px;
    text-align: left;
}

.drose-quote-form > .drose-btn--primary {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.drose-quote-required-note {
    margin: 0 auto 18px;
    max-width: 30rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #1a1a1a;
}

body.drose-quote-request-page .drose-cta > p.drose-quote-required-note {
    max-width: none;
    width: 100%;
    text-wrap: pretty;
}

body.drose-quote-request-page .drose-quote-required-note .drose-quote-required-tail {
    white-space: nowrap;
}

.drose-quote-required-star {
    color: #dc2626;
    -webkit-text-fill-color: #dc2626;
    font-weight: 700;
    font-size: 1.05em;
}

.drose-quote-field--required > label::after,
.drose-quote-field--required > span::after,
.drose-quote-consent--required > label::after {
    content: "*";
    margin-left: 0.12em;
    color: #dc2626;
    -webkit-text-fill-color: #dc2626;
    font-size: 1.05em;
    font-weight: 700;
    vertical-align: super;
    line-height: 0;
}

.drose-quote-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

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

.drose-quote-field--full {
    grid-column: 1 / -1;
}

.drose-quote-field label {
    font-weight: 600;
    color: #003f7f;
    font-size: 0.92rem;
}

.drose-quote-field > span {
    font-weight: 600;
    color: #003f7f;
    font-size: 0.92rem;
}

.drose-quote-field input:not([type="checkbox"]),
.drose-quote-field textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 63, 127, 0.22);
    border-radius: 12px;
    font-size: 0.95rem;
    color: #1a1a1a;
    background: #fff;
    box-sizing: border-box;
}

.drose-quote-field .text-tool-select {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.drose-quote-field .text-tool-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 12px;
    font: inherit;
    font-size: 0.95rem;
    line-height: normal;
    border: 1px solid rgba(0, 63, 127, 0.22);
    border-radius: 12px;
    background: #fff;
    color: #1a1a1a;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
    text-align: left;
    box-sizing: border-box;
}

.drose-quote-field .text-tool-select-trigger:is(:hover, .is-drose-hover) {
    border-color: #007BFF;
    background: #f8fcff;
}

.drose-quote-field .text-tool-select-trigger:focus {
    outline: 2px solid rgba(0, 63, 127, 0.24);
    border-color: #003f7f;
}

.drose-quote-field .text-tool-select-trigger::after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 8px;
    flex-shrink: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #003f7f;
}

.drose-quote-field .text-tool-select-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 4px 0 0 0;
    padding: 6px 0;
    width: 100%;
    list-style: none;
    background: #fff;
    border: 1px solid rgba(0, 63, 127, 0.22);
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 63, 127, 0.15);
    z-index: 100;
    display: none;
    box-sizing: border-box;
}

.drose-quote-field .text-tool-select.open .text-tool-select-menu {
    display: block !important;
}

.drose-quote-field .text-tool-select-menu li {
    padding: 10px 14px;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.drose-quote-field .text-tool-select-menu li:first-child {
    border-radius: 10px 10px 0 0;
}

.drose-quote-field .text-tool-select-menu li:last-child {
    border-radius: 0 0 10px 10px;
}

.drose-quote-field .text-tool-select-menu li:is(:hover, .is-drose-hover) {
    background: #e8f4fd;
}

.drose-quote-field .text-tool-select-menu li.selected {
    background: #d0e8f9;
    font-weight: 600;
}

.drose-quote-field .text-tool-select.open .text-tool-select-menu li.selected {
    display: none;
}

.drose-quote-field ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    text-align: left;
}

/* Django CheckboxSelectMultiple: wrapper div (non più ul/li) */
.drose-quote-field #id_deliverables {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    text-align: left;
}

.drose-quote-field #id_deliverables > div {
    width: 100%;
}

.drose-quote-field ul li {
    width: 100%;
}

.drose-quote-field ul li label,
.drose-quote-field #id_deliverables label,
.drose-quote-field label:has(input[type="checkbox"]) {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    font-weight: 500;
    color: #1a1a1a;
    cursor: pointer;
    text-align: left;
    text-wrap: pretty;
}

.drose-quote-field input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    accent-color: #003f7f;
    cursor: pointer;
}

.drose-quote-consent-group {
    margin: 0 0 16px;
    width: 100%;
    text-align: left;
}

.drose-quote-consent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
    max-width: none;
    width: 100%;
    text-align: left;
}

.drose-quote-consent input[type="checkbox"] {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    accent-color: #003f7f;
    cursor: pointer;
}

.drose-quote-consent label {
    margin: 0;
    font-weight: 500;
    color: #1a1a1a;
    font-size: 0.95rem;
    line-height: 1.45;
    cursor: pointer;
    text-wrap: pretty;
}

.drose-quote-error--consent {
    margin: 2px 0 0;
    padding-left: calc(1.05rem + 10px);
    max-width: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

/* Riserva spazio per l’errore consenso: niente salto contenitore all’invio a vuoto */
.drose-quote-consent-error-slot {
    min-height: 2.85rem;
    margin-top: 2px;
    box-sizing: border-box;
}

.drose-quote-error--consent-placeholder {
    visibility: hidden;
    margin: 0;
    min-height: 2.85rem;
}

body.drose-quote-staff-page .drose-quote-field textarea {
    resize: vertical;
    min-height: 120px;
}

.drose-quote-field input:not([type="checkbox"]):focus,
.drose-quote-field .text-tool-select-trigger:focus,
.drose-quote-field textarea:focus {
    outline: 2px solid rgba(0, 63, 127, 0.24);
    border-color: #003f7f;
}

.drose-quote-success,
.drose-quote-errors {
    margin: 0 auto 14px;
    max-width: 720px;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 0.93rem;
}

.drose-quote-success {
    background: #eaf8ef;
    border: 1px solid #5aaf75;
    color: #1f6b3a;
}

.drose-quote-errors {
    background: #fff0f0;
    border: 1px solid #df5f5f;
    color: #8c1c1c;
}

.drose-quote-errors p,
.drose-quote-error {
    margin: 0;
}

.drose-quote-field > .drose-quote-error {
    margin-top: 4px;
    text-align: center;
}

.drose-quote-error {
    color: #dc2626;
    -webkit-text-fill-color: #dc2626;
    font-size: 0.86rem;
    font-weight: 500;
}

.drose-quote-field-hint {
    margin: 0 0 8px;
    max-width: none;
    text-align: left;
    font-size: 0.86rem;
    color: #64748b;
}

.drose-quote-staff-table-wrap {
    overflow-x: auto;
}

/* Search quotes — mobile + desktop */
.drose-quote-staff-search {
    width: 100%;
    margin: 0 0 14px;
    box-sizing: border-box;
}

.drose-quote-staff-search__input {
    display: block;
    width: 100%;
    height: 47.5px;
    min-height: 47.5px;
    max-height: 47.5px;
    margin: 0;
    padding: 0 14px;
    border: 2px solid rgba(0, 63, 127, 0.28);
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
    font: inherit;
    font-size: 1rem;
    line-height: 1.25;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

.drose-quote-staff-search__input::placeholder {
    color: #64748b;
    -webkit-text-fill-color: #64748b;
    opacity: 1;
}

.drose-quote-staff-search__input:focus {
    outline: none;
    border-color: #b45309;
    box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.18), 0 6px 18px rgba(15, 23, 42, 0.12);
}

/* Dark desktop: rilievo soft (non toccare — ok così) */
body.dark-mode.drose-quote-staff-page .drose-quote-staff-search__input {
    background: #ffffff !important;
    border: 2px solid #fbbf24 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}

body.dark-mode.drose-quote-staff-page .drose-quote-staff-search__input::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}

body.dark-mode.drose-quote-staff-page .drose-quote-staff-search__input:focus {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.28), 0 6px 18px rgba(0, 0, 0, 0.28);
}

.drose-quote-staff-search-empty {
    margin: 0 0 12px;
    text-align: center;
    font-weight: 700;
    color: #1a1a1a;
}

body.dark-mode.drose-quote-staff-page .drose-quote-staff-search-empty {
    color: #e8eef6;
    -webkit-text-fill-color: #e8eef6;
}

/* Freccia espandi: nascosta in tabella desktop; nelle card mobile sta sulla riga email. */
body.drose-quote-staff-page .drose-quote-staff-card-toggle {
    display: none !important;
}

body.drose-quote-staff-page .drose-quote-staff-expand-col {
    display: none !important;
}

/* Mobile staff: card per preventivo (tutti i campi, niente scroll orizzontale).
 * Incluso landscape telefono (width spesso > 768). */
@media (max-width: 768px), ((max-height: 560px) and (orientation: landscape) and (max-width: 1024px)) {
    body.drose-quote-staff-page .site-header {
        width: 100dvw;
        max-width: 100dvw;
        left: 0;
        right: auto;
        box-sizing: border-box;
    }

    body.drose-quote-staff-page .header-inner {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.drose-quote-staff-page .header-nav {
        width: 100dvw;
        max-width: 100dvw;
        left: 0;
        right: auto;
        box-sizing: border-box;
    }

    body.drose-quote-staff-page .drose-landing,
    body.drose-quote-staff-page .drose-landing__container,
    body.drose-quote-staff-page .drose-section.drose-cta {
        max-width: 100%;
        min-width: 0;
    }

    /* Più spazio alle card: niente box CTA esterno, padding laterale ridotto */
    body.drose-quote-staff-page .site-main .drose-landing__container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.drose-quote-staff-page .drose-section.drose-cta {
        margin: 0;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.drose-quote-staff-page .drose-quote-staff-table-wrap {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: visible;
        contain: inline-size;
        margin: 0;
        padding: 0;
    }

    body.drose-quote-staff-page .drose-quote-staff-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 16px;
        table-layout: fixed;
    }

    body.drose-quote-staff-page .drose-quote-staff-table thead {
        display: none;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody,
    body.drose-quote-staff-page .drose-quote-staff-table td {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Card: ref + ⋮ sulla stessa riga (⋮ a destra); altri campi sotto */
    body.drose-quote-staff-page .drose-quote-staff-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        column-gap: 8px;
        position: relative;
        padding: 16px 14px 14px;
        margin: 0 0 8px;
        border: 2px solid rgba(0, 63, 127, 0.14);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
        box-sizing: border-box;
    }

    /* display:grid sopra vince su [hidden] → search non filtrava su mobile */
    body.drose-quote-staff-page .drose-quote-staff-table tbody tr[hidden] {
        display: none !important;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody tr:last-child {
        margin-bottom: 0;
    }

    /* Etichette a sinistra, valori a destra */
    body.drose-quote-staff-page .drose-quote-staff-table tbody td {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 6px 0;
        display: grid;
        grid-template-columns: 6.5rem minmax(0, 1fr);
        column-gap: 10px;
        align-items: start;
        grid-column: 1 / -1;
        text-align: right;
        min-width: 0;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td::before {
        content: attr(data-label);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #003f7f;
        -webkit-text-fill-color: #003f7f;
        line-height: 1.35;
        padding-top: 0.15em;
        text-align: left;
        justify-self: start;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td:first-child {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        padding: 0 0 6px;
        border-bottom: none !important;
        grid-template-columns: 1fr;
        align-self: center;
        text-align: left;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td:first-child::before {
        display: none;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td:first-child .drose-quote-staff-ref {
        font-size: 1.02rem;
    }

    /* Linea sotto codice: full-bleed fino ai bordi laterali della card */
    body.drose-quote-staff-page .drose-quote-staff-table tbody tr::after {
        content: "";
        grid-column: 1 / -1;
        grid-row: 1;
        align-self: end;
        justify-self: stretch;
        box-sizing: border-box;
        height: 1px;
        margin: 0 -14px;
        width: calc(100% + 28px);
        background: rgba(0, 63, 127, 0.14);
        pointer-events: none;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td.drose-quote-staff-actions-col {
        grid-column: 2;
        grid-row: 1;
        position: relative;
        width: auto;
        padding: 0 0 6px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        align-self: center;
        justify-self: end;
        text-align: right;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td.drose-quote-staff-actions-col::before {
        display: none;
    }

    /* Email sotto il nome (destra), non sotto la dicitura Cliente */
    body.drose-quote-staff-page .drose-quote-staff-table tbody td.drose-quote-staff-client-cell {
        grid-template-columns: 6.5rem minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 10px;
        row-gap: 2px;
        text-align: left;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td.drose-quote-staff-client-cell::before {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td.drose-quote-staff-client-cell .drose-quote-staff-client-name {
        grid-column: 2;
        grid-row: 1;
        text-align: right;
        justify-self: stretch;
        min-width: 0;
        word-break: break-word;
        font-weight: 700;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody td.drose-quote-staff-client-cell .drose-quote-staff-muted {
        grid-column: 2;
        grid-row: 2;
        display: block;
        max-width: 100%;
        margin: 0;
        padding: 0;
        font-size: 0.86rem;
        line-height: 1.35;
        text-align: right;
        justify-self: stretch;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Freccia: stessa riga dell’email, sotto CLIENTE a sinistra */
    body.drose-quote-staff-page .drose-quote-staff-table tbody td.drose-quote-staff-client-cell .drose-quote-staff-card-toggle {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        align-self: center;
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        min-width: 1.25rem;
        height: auto;
        min-height: 1.2em;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        background: transparent;
        color: #003f7f;
        -webkit-text-fill-color: #003f7f;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    /* Collapsed: nasconde Servizio / Stato / data — freccia per espandere */
    body.drose-quote-staff-page .drose-quote-staff-table tbody tr:not(.is-expanded) td.drose-quote-staff-extra {
        display: none !important;
    }

    body.drose-quote-staff-page .drose-quote-staff-card-toggle__chevron {
        display: block;
        font-size: 0.72rem;
        line-height: 1;
        margin: 0;
        padding: 0;
        transition: transform 0.18s ease;
    }

    body.drose-quote-staff-page .drose-quote-staff-table tbody tr.is-expanded .drose-quote-staff-card-toggle__chevron {
        transform: rotate(180deg);
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-card-toggle {
        color: #b45309;
        -webkit-text-fill-color: #b45309;
    }

    body.drose-quote-staff-page .drose-quote-staff-unread {
        top: 4px;
        right: 4px;
    }

    body.drose-quote-staff-page:not(.dark-mode) .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open,
    body.drose-quote-staff-page:not(.dark-mode) .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open td {
        background: color-mix(in srgb, #b45309 14%, #ffffff) !important;
        border-color: color-mix(in srgb, #b45309 36%, #ffffff);
    }

    /* Dark mobile: card bianco puro (contrasto netto su sfondo scuro) */
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr {
        background: #ffffff !important;
        border: 2px solid #fbbf24;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
        color: #0f172a;
        -webkit-text-fill-color: #0f172a;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr[hidden] {
        display: none !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody td {
        color: #0f172a;
        -webkit-text-fill-color: #0f172a;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody .drose-quote-staff-muted {
        color: #475569 !important;
        -webkit-text-fill-color: #475569 !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody td::before {
        color: #003f7f;
        -webkit-text-fill-color: #003f7f;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody td:first-child {
        border-bottom: none !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr::after {
        background: rgba(0, 63, 127, 0.16);
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open,
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open td {
        background: #fff6d6 !important;
        border-color: #f59e0b;
        color: #0f172a;
        -webkit-text-fill-color: #0f172a;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody .drose-quote-staff-ref,
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody .drose-quote-staff-ref--new {
        color: #dc2626 !important;
        -webkit-text-fill-color: #dc2626 !important;
    }

    /* Dark mobile: ⋮ come light (grigio scuro) su card chiara */
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__dots {
        background: #475569 !important;
        box-shadow: 0 -6px 0 #475569, 0 6px 0 #475569 !important;
    }

    /* Dark mobile: dropdown ⋮ bianco (come light), non scuro come la card */
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__panel {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__item {
        color: #0f172a !important;
        -webkit-text-fill-color: #0f172a !important;
        background: transparent !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__item:is(:hover, .is-drose-hover, .tap-active) {
        background: #f1f5f9 !important;
        color: #0f172a !important;
        -webkit-text-fill-color: #0f172a !important;
    }

    body.dark-mode.drose-quote-staff-page a.drose-quote-staff-menu__item {
        color: #0f172a !important;
        -webkit-text-fill-color: #0f172a !important;
    }

    body.dark-mode.drose-quote-staff-page a.drose-quote-staff-menu__item:is(:hover, .is-drose-hover, .tap-active) {
        color: #0f172a !important;
        -webkit-text-fill-color: #0f172a !important;
        background: #f1f5f9 !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__item--restore {
        color: #16a34a !important;
        -webkit-text-fill-color: #16a34a !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__item--restore:is(:hover, .is-drose-hover, .tap-active) {
        color: #15803d !important;
        -webkit-text-fill-color: #15803d !important;
        background: #f0fdf4 !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__item--danger {
        color: #dc2626 !important;
        -webkit-text-fill-color: #dc2626 !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__item--danger:is(:hover, .is-drose-hover, .tap-active) {
        color: #b91c1c !important;
        -webkit-text-fill-color: #b91c1c !important;
        background: #fef2f2 !important;
    }

    /* Dark mobile: evidenziazione ambra soft a menu aperto (non azzurro) */
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__trigger:is(:hover, .is-drose-hover, .tap-active),
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu.is-open .drose-quote-staff-menu__trigger,
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open .drose-quote-staff-menu__trigger {
        background: rgba(245, 158, 11, 0.22) !important;
    }

    /* Status mobile: stesso box (niente pill) in light e dark → niente salto al cambio tema */
    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status,
    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--received,
    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--offer_sent,
    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--accepted,
    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--declined {
        display: inline !important;
        background: transparent !important;
        background-color: transparent !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: inherit !important;
        font-weight: 700;
        line-height: inherit;
    }

    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--received {
        color: #15803d !important;
        -webkit-text-fill-color: #15803d !important;
    }

    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--offer_sent {
        color: #c2410c !important;
        -webkit-text-fill-color: #c2410c !important;
    }

    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--accepted {
        color: #15803d !important;
        -webkit-text-fill-color: #15803d !important;
    }

    body.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--declined {
        color: #475569 !important;
        -webkit-text-fill-color: #475569 !important;
    }

    /* Status dark mobile: stessi colori della light (card chiara) */
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--received {
        color: #15803d !important;
        -webkit-text-fill-color: #15803d !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--offer_sent {
        color: #c2410c !important;
        -webkit-text-fill-color: #c2410c !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--accepted {
        color: #15803d !important;
        -webkit-text-fill-color: #15803d !important;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table .drose-quote-status--declined {
        color: #475569 !important;
        -webkit-text-fill-color: #475569 !important;
    }

    body:not(.homepage).drose-quote-staff-page .mobile-home-fab:not(.mobile-home-fab--user-positioned) {
        right: auto !important;
        left: calc(100svw - 22px - 58px) !important;
    }
}

@media (min-width: 769px) {
    body.drose-quote-staff-page .site-main .drose-landing {
        align-items: center;
    }

    body.drose-quote-staff-page:not(.drose-quote-trash-page) .drose-landing__container {
        position: relative;
        max-width: 1040px;
        width: min(1040px, calc(100% - 48px));
        margin-left: auto !important;
        margin-right: auto !important;
        align-self: center;
        padding-bottom: 88px;
    }

    body.drose-quote-staff-page.drose-quote-trash-page .drose-landing__container {
        position: relative;
        max-width: 1040px;
        width: min(1040px, calc(100% - 48px));
        margin-left: auto !important;
        margin-right: auto !important;
        align-self: center;
    }

    @media (min-width: 2200px) {
        body.drose-quote-staff-page:not(.drose-quote-trash-page) .drose-landing__container,
        body.drose-quote-staff-page.drose-quote-trash-page .drose-landing__container {
            max-width: 1180px;
            width: min(1180px, calc(100% - 48px));
        }
    }

    @media (min-width: 3400px) {
        body.drose-quote-staff-page:not(.drose-quote-trash-page) .drose-landing__container,
        body.drose-quote-staff-page.drose-quote-trash-page .drose-landing__container {
            max-width: 1260px;
            width: min(1260px, calc(100% - 48px));
        }
    }
}

@media (min-width: 769px) {
    body.drose-quote-staff-page .drose-landing__container,
    body.drose-quote-staff-page .drose-section.drose-cta,
    body.drose-quote-staff-page .drose-quote-staff-table-wrap {
        overflow: visible;
    }

    body.drose-quote-staff-page .drose-quote-staff-table-wrap {
        overflow-x: auto;
        overflow-y: visible;
    }
}

body.drose-quote-staff-page .drose-subpage__head p,
body.drose-quote-staff-page .drose-quote-staff-lead {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 769px) {
    body.drose-quote-staff-page .drose-quote-staff-lead {
        white-space: nowrap;
        max-width: none;
        font-size: clamp(0.8rem, 0.72rem + 0.45vw, 0.98rem);
        line-height: 1.45;
    }
}

body.drose-quote-staff-page .drose-quote-form {
    max-width: none;
}

/* Calendario custom — Send quote proposal */
.drose-date-picker {
    position: relative;
    width: 100%;
}

.drose-date-picker__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 63, 127, 0.22);
    border-radius: 12px;
    background: #fff;
    color: #1a1a1a;
    font: inherit;
    font-size: 0.95rem;
    line-height: normal;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.drose-date-picker__trigger:hover,
.drose-date-picker.is-open .drose-date-picker__trigger {
    border-color: #b45309;
}

.drose-date-picker__trigger:focus-visible {
    outline: 2px solid rgba(180, 83, 9, 0.35);
    border-color: #b45309;
}

.drose-date-picker__display.is-placeholder {
    color: #64748b;
}

.drose-date-picker__icon {
    flex-shrink: 0;
    color: #b45309;
}

.drose-date-picker__panel {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    left: 0;
    width: min(100%, 292px);
    padding: 12px;
    border: 1px solid rgba(0, 63, 127, 0.16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(0, 63, 127, 0.16);
    box-sizing: border-box;
}

.drose-date-picker__header {
    display: grid;
    grid-template-columns: 36px 1fr 36px;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}

.drose-date-picker__month-label {
    margin: 0;
    text-align: center;
    font-size: 0.95rem;
    font-weight: 700;
    color: #003f7f;
}

.drose-date-picker__nav {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    background: #fff7ed;
    color: #b45309;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.drose-date-picker__nav:hover,
.drose-date-picker__nav:focus-visible {
    background: #ffedd5;
}

.drose-date-picker__weekdays,
.drose-date-picker__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.drose-date-picker__weekday {
    padding: 4px 0;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #64748b;
    text-transform: capitalize;
}

.drose-date-picker__day {
    min-height: 34px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #1a1a1a;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.drose-date-picker__day.is-empty {
    visibility: hidden;
    pointer-events: none;
}

.drose-date-picker__day:hover,
.drose-date-picker__day:focus-visible {
    background: #fff7ed;
    color: #b45309;
}

.drose-date-picker__day.is-today {
    box-shadow: inset 0 0 0 1.5px rgba(180, 83, 9, 0.45);
}

.drose-date-picker__day.is-selected {
    background: #b45309;
    color: #fff;
    box-shadow: none;
}

.drose-date-picker__day.is-selected:hover,
.drose-date-picker__day.is-selected:focus-visible {
    background: #92400e;
    color: #fff;
}

.drose-date-picker__footer {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 63, 127, 0.1);
}

.drose-date-picker__today,
.drose-date-picker__clear {
    border: 0;
    border-radius: 8px;
    background: transparent;
    padding: 6px 8px;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.drose-date-picker__today {
    color: #b45309;
}

.drose-date-picker__clear {
    color: #64748b;
}

.drose-date-picker__today:hover,
.drose-date-picker__clear:hover {
    text-decoration: underline;
}

.drose-quote-staff-ref,
.drose-quote-staff-ref--new {
    color: #dc2626 !important;
    -webkit-text-fill-color: #dc2626 !important;
    font-weight: 700;
}

body.dark-mode.drose-page .drose-quote-staff-ref,
body.dark-mode.drose-page .drose-quote-staff-ref--new,
body.drose-quote-staff-page .drose-subpage__head h1.drose-quote-staff-ref {
    color: #dc2626 !important;
    -webkit-text-fill-color: #dc2626 !important;
}

.drose-quote-staff-unread {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dc2626;
    box-shadow: 0 0 0 2px #fff;
    pointer-events: none;
    z-index: 2;
}

.drose-quote-staff-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    font-size: 0.92rem;
}

.drose-quote-staff-table th,
.drose-quote-staff-table td {
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
}

.drose-quote-staff-table thead th {
    color: #003f7f;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 63, 127, 0.14);
    padding-bottom: 12px;
}

body.drose-quote-staff-page .drose-quote-staff-table tbody td {
    background: #fff;
    border-top: 1px solid rgba(0, 63, 127, 0.12);
    border-bottom: 1px solid rgba(0, 63, 127, 0.12);
}

body.drose-quote-staff-page .drose-quote-staff-table tbody td:first-child {
    border-left: 1px solid rgba(0, 63, 127, 0.12);
    border-radius: 16px 0 0 16px;
}

body.drose-quote-staff-page .drose-quote-staff-table tbody td:last-child {
    position: relative;
    border-right: 1px solid rgba(0, 63, 127, 0.12);
    border-radius: 0 16px 16px 0;
}

.drose-quote-staff-empty {
    margin: 8px 0 0;
    padding: 0;
    text-align: center;
    background: none;
    border: none;
    box-shadow: none;
}

.drose-quote-staff-empty p {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #000;
    -webkit-text-fill-color: #000;
}

/* Desktop: messaggio lista vuota senza box, in grassetto */
@media (min-width: 769px) {
    body.drose-quote-staff-page:not(.drose-quote-trash-page) .drose-quote-staff-empty {
        width: 100%;
        margin: 12px 0 0;
        padding: 0;
    }
}

body.drose-quote-staff-page:not(.dark-mode) .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open td {
    background: color-mix(in srgb, #b45309 18%, #ffffff);
    border-color: color-mix(in srgb, #b45309 36%, #ffffff);
}

/* Desktop only: highlight chiaro a menu aperto (su mobile dark usa le regole nel media ≤768) */
@media (min-width: 769px) {
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open td {
        background: color-mix(in srgb, #fbbf24 20%, #ffffff);
        border-color: color-mix(in srgb, #fbbf24 38%, #ffffff);
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu__trigger:is(:hover, .is-drose-hover),
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu.is-open .drose-quote-staff-menu__trigger {
        background: color-mix(in srgb, #fbbf24 24%, #ffffff);
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open .drose-quote-staff-menu__trigger,
    body.dark-mode.drose-quote-staff-page .drose-quote-staff-menu.is-open .drose-quote-staff-menu__trigger {
        background: color-mix(in srgb, #fbbf24 32%, #ffffff);
    }
}

@keyframes drose-quote-staff-row-restored-flash {
    0%, 100% {
        background: #ffffff;
        border-color: rgba(0, 63, 127, 0.12);
    }
    50% {
        background: color-mix(in srgb, #dc2626 24%, #ffffff);
        border-color: color-mix(in srgb, #dc2626 48%, #ffffff);
    }
}

body.drose-quote-staff-page .drose-quote-staff-table tbody tr.drose-quote-staff-row--restored-flash td {
    animation: drose-quote-staff-row-restored-flash 0.55s ease-in-out 3;
}

.footer-links a.footer-link-quote-requests {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    vertical-align: baseline;
}

.footer-links a.footer-link-quote-requests .footer-quote-badge {
    display: inline-block;
    position: relative;
    top: -0.62em;
    margin-left: 0.08em;
    min-width: 0;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #dc3545;
    -webkit-text-fill-color: #dc3545;
    font-size: 0.72em;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    text-align: left;
    vertical-align: baseline;
    box-shadow: none;
    filter: none;
    text-shadow:
        0 0 1px #fff,
        0 1px 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(255, 255, 255, 0.45);
}

.footer-links a.footer-link-quote-requests .footer-quote-badge--wide {
    font-size: 0.66em;
    margin-left: 0.04em;
}

.footer-links a.footer-link-quote-requests:is(:hover, :focus, :active, .is-nav-link-hover) .footer-quote-badge {
    color: #dc3545 !important;
    -webkit-text-fill-color: #dc3545 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow:
        0 0 1px #fff,
        0 1px 2px rgba(255, 255, 255, 0.9),
        0 0 6px rgba(255, 255, 255, 0.45);
}

body.dark-mode.is-drose-brand .footer-links a.footer-link-quote-requests .footer-quote-badge,
body.dark-mode.drose-page .footer-links a.footer-link-quote-requests .footer-quote-badge {
    color: #dc3545;
    -webkit-text-fill-color: #dc3545;
    text-shadow:
        0 0 1px rgba(15, 23, 42, 0.9),
        0 1px 2px rgba(15, 23, 42, 0.75);
}

body.dark-mode.is-drose-brand .footer-links a.footer-link-quote-requests:is(:hover, :focus, :active, .is-nav-link-hover) .footer-quote-badge,
body.dark-mode.drose-page .footer-links a.footer-link-quote-requests:is(:hover, :focus, :active, .is-nav-link-hover) .footer-quote-badge {
    color: #dc3545 !important;
    -webkit-text-fill-color: #dc3545 !important;
    text-shadow:
        0 0 1px rgba(15, 23, 42, 0.9),
        0 1px 2px rgba(15, 23, 42, 0.75);
}

@media (max-width: 768px) {
    .header-nav .header-nav-manage-wrap .header-link.footer-link-quote-requests {
        display: inline-flex;
        align-items: baseline;
        justify-content: center;
        white-space: nowrap;
    }
}

@media (min-width: 769px) {
    body.drose-page .footer-links,
    body.is-drose-brand .footer-links {
        flex-wrap: nowrap;
    }
}

.drose-quote-staff-muted {
    color: #64748b;
    font-size: 0.86rem;
}

/* Desktop/tabella: nome e email uno sotto l’altro nella cella Cliente */
.drose-quote-staff-client-cell .drose-quote-staff-client-name,
.drose-quote-staff-client-cell .drose-quote-staff-muted {
    display: block;
}

.drose-quote-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 700;
}

.drose-quote-status--received { background: #e0f2fe; color: #0369a1; }
.drose-quote-status--offer_sent { background: #fff7ed; color: #c2410c; }
.drose-quote-status--accepted { background: #eaf8ef; color: #1f6b3a; }
.drose-quote-status--declined { background: #f1f5f9; color: #475569; }

.drose-quote-staff-dl {
    margin: 0;
    display: grid;
    gap: 10px;
}

.drose-quote-staff-dl dt {
    font-weight: 700;
    color: #003f7f;
}

.drose-quote-staff-dl dd {
    margin: 0 0 8px;
    color: #1a1a1a;
}

.drose-quote-staff-actions-col {
    width: 3rem;
    text-align: center;
    vertical-align: middle;
}

.drose-quote-staff-menu {
    position: relative;
    display: inline-flex;
    justify-content: center;
}

.drose-quote-staff-menu__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s ease;
}

.drose-quote-staff-menu__trigger:is(:hover, .is-drose-hover),
.drose-quote-staff-menu.is-open .drose-quote-staff-menu__trigger {
    background: #e2e8f0;
}

body.drose-quote-staff-page:not(.dark-mode) .drose-quote-staff-menu__trigger:is(:hover, .is-drose-hover),
body.drose-quote-staff-page:not(.dark-mode) .drose-quote-staff-menu.is-open .drose-quote-staff-menu__trigger {
    background: color-mix(in srgb, #b45309 22%, #ffffff);
}

body.drose-quote-staff-page:not(.dark-mode) .drose-quote-staff-table tbody tr.drose-quote-staff-row--menu-open .drose-quote-staff-menu__trigger,
body.drose-quote-staff-page:not(.dark-mode) .drose-quote-staff-menu.is-open .drose-quote-staff-menu__trigger {
    background: color-mix(in srgb, #b45309 30%, #ffffff);
}

.drose-quote-staff-menu__dots {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #475569;
    box-shadow: 0 -6px 0 #475569, 0 6px 0 #475569;
}

.drose-quote-staff-menu__panel {
    position: fixed;
    z-index: 1200;
    min-width: 12rem;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
    box-sizing: border-box;
}

/* Solo quando aperto: flex non deve vincere su [hidden] (altrimenti i menu restano visibili) */
.drose-quote-staff-menu__panel:not([hidden]) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.drose-quote-staff-menu__panel[hidden] {
    display: none !important;
}

.drose-quote-staff-menu__delete-form {
    margin: 0;
    width: 100%;
    display: block;
}

.drose-quote-staff-menu__restore-form,
.drose-quote-staff-menu__purge-form {
    margin: 0;
    width: 100%;
    display: block;
}

.drose-quote-staff-menu__item {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}

.drose-quote-staff-menu__item:is(:hover, .is-drose-hover) {
    background: #f1f5f9;
}

.drose-quote-staff-menu__item--danger {
    color: #dc2626;
}

.drose-quote-staff-menu__item--danger:is(:hover, .is-drose-hover) {
    background: #fef2f2;
}

.drose-quote-staff-menu__item--restore {
    color: #28a745;
}

.drose-quote-staff-menu__item--restore:is(:hover, .is-drose-hover) {
    background: #f0fdf4;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.drose-quote-trash-head {
    width: 100%;
    text-align: center;
}

body.drose-quote-trash-page .drose-quote-trash-intro {
    margin: 0 auto 10px;
    max-width: 38rem;
    line-height: 1.55;
    color: #003f7f;
    text-align: center;
}

body.drose-quote-trash-page .drose-quote-trash-intro-hint {
    margin: 0 auto 24px;
    max-width: 38rem;
    line-height: 1.6;
    color: #555;
    font-weight: 400;
    text-align: center;
}

body.drose-quote-trash-page .drose-quote-trash-retention-notice {
    margin: 0 auto 20px;
    max-width: 42rem;
    color: #dc2626;
    -webkit-text-fill-color: #dc2626;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

body.dark-mode.drose-page .drose-quote-trash-retention-notice {
    color: #dc2626;
    -webkit-text-fill-color: #dc2626;
}

.drose-quote-trash-empty {
    padding: 20px 0;
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.drose-quote-trash-empty p {
    margin: 0;
    color: #000;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 769px) {
    body.drose-quote-trash-page .drose-quote-trash-intro,
    body.drose-quote-trash-page .drose-quote-trash-intro-hint {
        max-width: 42rem;
    }

    body.drose-quote-trash-page .drose-quote-trash-empty {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 0;
        max-width: none;
        padding: 16px 24px;
    }

    body.drose-quote-trash-page .drose-quote-trash-empty p {
        margin: 0;
        padding: 0;
    }

    body.drose-quote-trash-page .drose-quote-trash-container--empty .drose-landing__back {
        margin-top: auto;
        padding-top: 16px;
    }
}

.drose-quote-staff-restore-form {
    margin: 0;
}

@media (min-width: 769px) {
    body.drose-quote-staff-page .drose-quote-trash-bin {
        display: block;
        position: absolute;
        left: 14px;
        bottom: 18px;
        z-index: 6;
        width: 56px;
        height: 64px;
        pointer-events: auto;
    }

    body.drose-quote-staff-page .drose-quote-trash-bin__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
        background: transparent;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        position: relative;
        border-radius: 10px;
    }

    body.drose-quote-staff-page .drose-quote-trash-bin__icon {
        display: block;
        width: 56px;
        height: 64px;
        filter: drop-shadow(0 2px 6px rgba(0, 63, 127, 0.16));
        transition: filter 0.2s ease, transform 0.2s ease;
    }

    body.drose-quote-staff-page .drose-quote-trash-bin__lid {
        transform-origin: 18px 19px;
        transition: transform 0.2s ease;
    }

    @media (hover: hover) and (pointer: fine) {
        body.drose-quote-staff-page .drose-quote-trash-bin__btn:hover .drose-quote-trash-bin__icon {
            transform: translateY(-2px) scale(1.04);
            filter: drop-shadow(0 0 10px rgba(220, 53, 69, 0.55)) drop-shadow(0 4px 12px rgba(220, 53, 69, 0.35));
        }

        body.drose-quote-staff-page .drose-quote-trash-bin__btn:hover .drose-quote-trash-bin__lid {
            transform: rotate(-18deg);
        }
    }

    body.drose-quote-staff-page .drose-quote-trash-bin__count {
        position: absolute;
        top: 1px;
        right: -3px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.1em;
        width: 1.1em;
        height: 1.1em;
        padding: 0;
        border-radius: 0;
        background: transparent;
        color: #dc3545;
        -webkit-text-fill-color: #dc3545;
        font-size: 0.9rem;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
        line-height: 1;
        text-align: center;
        box-shadow: none;
        text-shadow:
            0 0 1px #fff,
            0 1px 2px rgba(255, 255, 255, 0.9),
            0 0 6px rgba(255, 255, 255, 0.45);
        z-index: 2;
        pointer-events: none;
    }

    body.dark-mode.drose-quote-staff-page .drose-quote-trash-bin__count {
        color: #dc3545;
        -webkit-text-fill-color: #dc3545;
    }

    body.drose-quote-staff-page .drose-quote-trash-bin__count--wide {
        right: -6px;
        min-width: 1.35em;
        width: auto;
    }
}

.drose-quote-trash-bin {
    display: none;
}

.drose-btn--compact {
    min-height: 34px;
    min-width: 5.75rem;
    padding: 6px 20px;
    font-size: 0.88rem;
    white-space: nowrap;
}

.drose-quote-response-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
}

.drose-quote-response-form {
    margin: 0;
}

.drose-cta--quote-response {
    text-align: left;
}

.drose-cta--quote-response p {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}

.drose-quote-response-actions .drose-btn--primary:is(:hover, :focus-visible, .is-drose-hover) {
    background: #003f7f !important;
    border-color: #003f7f !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    transform: scale(1.03);
    box-shadow: none;
}

.drose-quote-response-actions .drose-btn--secondary:is(:hover, :focus-visible, .is-drose-hover) {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    transform: scale(1.03);
    box-shadow: none;
}

.drose-landing__back {
    margin-top: 24px;
    text-align: center;
}

/* Link testuali nel riquadro principale Drose: come contenitore Gadly (no sottolineatura, scale 0.2s) */
.drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item) {
    display: inline-block;
    color: #003f7f;
    font-weight: 600;
    text-decoration: none;
    transform: scale(1);
    transform-origin: center center;
    transition: color 0.2s, transform 0.2s, -webkit-text-fill-color 0.2s;
}

.drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):is(:hover, :focus-visible) {
    color: #0056b3;
    -webkit-text-fill-color: #0056b3;
    text-decoration: none;
    transform: scale(1.04);
    outline: none;
}

body.drose-page .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item) {
    color: #003f7f !important;
    -webkit-text-fill-color: #003f7f !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.drose-page .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):is(:hover, :focus-visible) {
    color: #0056b3 !important;
    -webkit-text-fill-color: #0056b3 !important;
    text-decoration: none !important;
}

body.dark-mode.drose-page .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item) {
    color: #4a8ec2;
    -webkit-text-fill-color: #4a8ec2;
}

body.dark-mode.drose-page .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):is(:hover, :focus-visible) {
    color: #63a6db;
    -webkit-text-fill-color: #63a6db;
}

.drose-landing__back-link,
.drose-landing__back a {
    font-size: 1rem;
    line-height: 1.4;
}

.drose-quote-trash-home-link {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    white-space: nowrap;
}

.drose-works-manage-remove {
    border: none;
    background: transparent;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #b42318;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s, transform 0.2s;
}

.drose-works-manage-remove:is(:hover, :focus-visible, .is-drose-hover) {
    color: #8f1a12;
    transform: scale(1.04);
}

body.drose-quote-trash-page .drose-landing__back a {
    font-weight: 700;
}

/* Bin mobile: link testuale “Torna a Quotes” inutile (c’è il FAB Back to Drose) */
@media (max-width: 768px) {
    body.drose-quote-trash-page .drose-landing__back {
        display: none !important;
    }
}

.drose-subpage__head {
    text-align: center;
    margin-bottom: 28px;
}

.drose-subpage__head h1 {
    margin: 0 0 10px;
    font-size: clamp(1.55rem, 3.4vw, 2rem);
    font-weight: 800;
    color: #003f7f;
    letter-spacing: -0.02em;
}

.drose-subpage__lead {
    margin: 0 auto;
    max-width: 34rem;
    font-size: 1.02rem;
    line-height: 1.55;
    color: #1a1a1a;
}

.drose-faq-list {
    display: grid;
    gap: 14px;
}

.drose-faq-item {
    padding: 18px 18px 16px;
    border-radius: 14px;
    background: linear-gradient(145deg, #f8fcff 0%, #eef6ff 100%);
    border: 2px solid rgba(0, 63, 127, 0.12);
    box-sizing: border-box;
}

.drose-faq-item h3 {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 700;
    color: #003f7f;
}

.drose-faq-item p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #1a1a1a;
}

.drose-about-copy p {
    margin: 0 0 16px;
    font-size: 1rem;
    line-height: 1.6;
    color: #1a1a1a;
}

.drose-about-copy p:last-child {
    margin-bottom: 0;
}

.drose-subpage__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 8px 0 0;
}

.header-logo--drose .header-logo-icon-slot {
    position: relative;
    flex-shrink: 0;
    line-height: 0;
}

/* Header Drose: tratteggio #003f7f (light e dark); niente filtro warm-tone sul logo */
body.warm-tone .header-logo--drose .header-logo-icon {
    filter: none !important;
}

.header-logo--drose .drose-hdr-ghost-stroke {
    stroke: #003f7f !important;
    opacity: 1 !important;
    paint-order: normal !important;
}

body.is-drose-brand:not(.dark-mode) .header-logo--drose .header-logo-icon-slot,
body.drose-page:not(.dark-mode) .header-logo--drose .header-logo-icon-slot {
    color: #b45309;
}

body.dark-mode.is-drose-brand .header-logo--drose .header-logo-icon-slot,
body.dark-mode.drose-page .header-logo--drose .header-logo-icon-slot {
    color: #fbbf24;
}

body.is-drose-brand .header-logo--drose:hover,
body.drose-page .header-logo--drose:hover {
    opacity: 1;
}

/* Header Drose — stessa dimensione icona di Gadly (50px desktop) */
@media (min-width: 769px) {
    .header-logo--drose {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .header-logo--drose .header-logo-icon-slot {
        position: relative;
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        line-height: 0;
    }

    .header-logo--drose .header-logo-icon {
        position: absolute;
        top: 0;
        left: 0;
        display: block !important;
        width: 50px;
        height: 50px;
    }

    body.is-drose-brand:not(.dark-mode) .header-logo--drose .header-logo-text,
    body.drose-page:not(.dark-mode) .header-logo--drose .header-logo-text {
        font-size: 1.65rem !important;
        color: #b45309;
        -webkit-text-fill-color: #b45309;
    }

    body.is-drose-brand:not(.dark-mode) .header-logo--drose:hover .header-logo-text,
    body.drose-page:not(.dark-mode) .header-logo--drose:hover .header-logo-text {
        color: #d97706;
        -webkit-text-fill-color: #d97706;
    }

    body.dark-mode.is-drose-brand .header-logo--drose .header-logo-text,
    body.dark-mode.drose-page .header-logo--drose .header-logo-text {
        font-size: 1.65rem !important;
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.is-drose-brand .header-logo--drose:hover .header-logo-text,
    body.dark-mode.drose-page .header-logo--drose:hover .header-logo-text {
        color: #fcd34d !important;
        -webkit-text-fill-color: #fcd34d !important;
    }
}

/* Mobile: scritta "Drose" = ambra striscia logo; titoli/link body allineati a quella. */
@media (max-width: 768px) {
    /*
     * Slot fisso + icone sovrapposte (come desktop): altrimenti light (SVG inline)
     * e dark (display:block) cambiano la distanza reale dalla scritta "Drose".
     */
    .header-logo--drose {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .header-logo--drose .header-logo-icon-slot {
        position: relative;
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        line-height: 0;
    }

    .header-logo--drose .header-logo-icon {
        position: absolute;
        top: 0;
        left: 0;
        display: block !important;
        width: 46px;
        height: 46px;
    }

    body.dark-mode .header-logo--drose .header-logo-icon.header-logo-light {
        display: none !important;
    }

    body:not(.dark-mode) .header-logo--drose .header-logo-icon.header-logo-dark {
        display: none !important;
    }

    body.is-drose-brand:not(.dark-mode) .header-logo--drose .header-logo-text,
    body.drose-page:not(.dark-mode) .header-logo--drose .header-logo-text,
    body.is-drose-brand:not(.dark-mode) .header-logo--drose:hover .header-logo-text,
    body.drose-page:not(.dark-mode) .header-logo--drose:hover .header-logo-text,
    body.is-drose-brand:not(.dark-mode) .header-logo--drose:focus .header-logo-text,
    body.drose-page:not(.dark-mode) .header-logo--drose:focus .header-logo-text {
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    body.dark-mode.is-drose-brand .header-logo--drose .header-logo-text,
    body.dark-mode.drose-page .header-logo--drose .header-logo-text,
    body.dark-mode.is-drose-brand .header-logo--drose:hover .header-logo-text,
    body.dark-mode.drose-page .header-logo--drose:hover .header-logo-text,
    body.dark-mode.is-drose-brand .header-logo--drose:focus .header-logo-text,
    body.dark-mode.drose-page .header-logo--drose:focus .header-logo-text {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }
}

@media (max-width: 380px) {
    .header-logo--drose .header-logo-icon-slot {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .header-logo--drose .header-logo-icon {
        width: 42px;
        height: 42px;
    }
}

/* Drose: Back to Drose — logo nel FAB trascinabile */
body.drose-page .drose-home-icon,
body.is-drose-brand .drose-home-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
}

body.drose-page .drose-home-icon svg,
body.is-drose-brand .drose-home-icon svg {
    display: block;
    width: 32px;
    height: 32px;
    animation: none !important;
    transform: none !important;
}

body.drose-page .mobile-home-fab-drose-logo svg,
body.is-drose-brand .mobile-home-fab-drose-logo svg {
    width: 30px;
    height: 30px;
}

/* FAB / footer: non ereditare stili casetta Gadly (stroke attenuato, fill su path) */
body.drose-page:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo,
body.is-drose-brand:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo,
body.drose-page .home-link--drose .drose-home-icon .drose-fab-logo,
body.is-drose-brand .home-link--drose .drose-home-icon .drose-fab-logo {
    fill: none;
}

body.drose-page:not(.homepage) .mobile-home-fab .mobile-home-fab-link--drose svg,
body.is-drose-brand:not(.homepage) .mobile-home-fab .mobile-home-fab-link--drose svg,
body.drose-page .home-link--drose svg,
body.is-drose-brand .home-link--drose svg {
    fill: none !important;
    color: inherit;
}

body.drose-page:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo path,
body.drose-page:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo line,
body.drose-page:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo circle,
body.is-drose-brand:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo path,
body.is-drose-brand:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo line,
body.is-drose-brand:not(.homepage) .mobile-home-fab .drose-home-icon .drose-fab-logo circle,
body.drose-page .home-link--drose .drose-home-icon .drose-fab-logo path,
body.drose-page .home-link--drose .drose-home-icon .drose-fab-logo line,
body.drose-page .home-link--drose .drose-home-icon .drose-fab-logo circle,
body.is-drose-brand .home-link--drose .drose-home-icon .drose-fab-logo path,
body.is-drose-brand .home-link--drose .drose-home-icon .drose-fab-logo line,
body.is-drose-brand .home-link--drose .drose-home-icon .drose-fab-logo circle {
    stroke: revert-layer !important;
    stroke-width: revert-layer !important;
    stroke-dasharray: revert-layer !important;
    stroke-dashoffset: revert-layer !important;
    paint-order: normal !important;
    opacity: revert-layer !important;
}

/* FAB Back to Drose: fondo chiaro in armonia con sfera oro + orbita rosa del logo */
body.drose-page:not(.homepage) .mobile-home-fab .mobile-home-fab-link,
body.drose-page:not(.homepage) .mobile-home-fab:not(.mobile-home-fab--user-positioned) .mobile-home-fab-link,
body.is-drose-brand:not(.homepage) .mobile-home-fab .mobile-home-fab-link--drose,
body.is-drose-brand:not(.homepage) .mobile-home-fab:not(.mobile-home-fab--user-positioned) .mobile-home-fab-link--drose {
    background: #fff9f5 !important;
    border-color: #dc2626 !important;
    color: #243049 !important;
    box-shadow: none;
}

body.dark-mode.drose-page:not(.homepage) .mobile-home-fab .mobile-home-fab-link,
body.dark-mode.is-drose-brand:not(.homepage) .mobile-home-fab .mobile-home-fab-link--drose {
    background: #fff9f5 !important;
    border-color: #dc2626 !important;
    color: #243049 !important;
}

/* FAQ Drose: domande in grassetto nero */
body.drose-page.faq-page .faq-item h3 {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-weight: 700 !important;
}

@media (min-width: 769px) {
    body.dark-mode.drose-page.faq-page .faq-container {
        background: #fff !important;
        box-shadow: 0 20px 50px rgba(0, 63, 127, 0.2) !important;
    }

    body.dark-mode.drose-page.faq-page .faq-main-title,
    body.dark-mode.drose-page.faq-page .faq-section h2 {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.dark-mode.drose-page.faq-page .faq-intro,
    body.dark-mode.drose-page.faq-page .faq-item p {
        color: #555 !important;
        -webkit-text-fill-color: #555 !important;
    }
}

@media (min-width: 769px) {
    body.drose-page .site-main {
        display: flex;
        flex-direction: column;
        padding-bottom: 24px !important;
    }

    body.drose-page .site-main .drose-landing {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
        width: 100%;
    }

    body.drose-page .site-main .drose-landing__container {
        flex: 1 1 auto;
        width: min(900px, 100%);
        max-width: 900px;
        margin-top: 24px !important;
        margin-bottom: 24px !important;
        min-height: 0;
        align-self: center;
        box-sizing: border-box;
    }

    /* Quotes staff: contenitore leggermente più largo degli altri */
    body.drose-page.drose-quote-staff-page .site-main .drose-landing__container {
        width: min(1040px, calc(100% - 48px));
        max-width: 1040px;
        align-self: center;
    }

    /* Stesse soglie ultrawide di Gadly (.site-main .container in theme.css). */
    @media (min-width: 2200px) {
        body.drose-page .site-main .drose-landing__container {
            width: min(1040px, 100%);
            max-width: 1040px;
        }

        body.drose-page.drose-quote-staff-page .site-main .drose-landing__container {
            width: min(1180px, calc(100% - 48px));
            max-width: 1180px;
        }
    }

    @media (min-width: 3400px) {
        body.drose-page .site-main .drose-landing__container {
            width: min(1120px, 100%);
            max-width: 1120px;
        }

        body.drose-page.drose-quote-staff-page .site-main .drose-landing__container {
            width: min(1260px, calc(100% - 48px));
            max-width: 1260px;
        }
    }

    body.drose-home .drose-card-grid {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    body.drose-home .drose-card-grid > .drose-card--service {
        position: relative;
        min-height: 14rem;
        padding: 0 !important;
        overflow: hidden;
        justify-content: stretch;
        align-items: stretch;
        text-align: center;
        background: #1a1a1a;
        border-color: rgba(0, 63, 127, 0.18);
        box-shadow: none;
    }

    body.drose-home .drose-card--service .drose-card__media {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        z-index: 0;
        pointer-events: none;
        display: block;
        border: 0;
        object-fit: cover;
        object-position: center center;
        transform: none;
        filter: none;
        transition: none;
    }

    body.drose-home .drose-card--service .drose-card__media--map {
        object-position: center center;
    }

    /* Scrim fisso sulla card (non sul titolo): niente striscia che si muove */
    body.drose-home .drose-card--service::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.78) 0%,
            rgba(0, 0, 0, 0.28) 42%,
            rgba(0, 0, 0, 0) 70%
        );
        transition: none;
    }

    /* Solo testo: a riposo in basso; al hover in alto senza slide */
    body.drose-home .drose-card--service .drose-card__label {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 12px;
        top: auto;
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        padding: 0 14px;
        background: none;
        pointer-events: none;
        transform: none;
        transition: none;
    }

    body.drose-home .drose-hero__tagline,
    body.drose-home .drose-section__lead {
        font-size: 16px;
    }

    /* 3 righe fisse: niente salto altezza al cambio lingua EN/IT */
    body.drose-home .drose-section__lead {
        min-height: calc(16px * 1.6 * 3);
    }

    /* CTA preventivo: 2 righe fisse EN/IT */
    body.drose-home .drose-cta > p:not(.drose-quote-error) {
        min-height: calc(1em * 1.55 * 2);
    }

    body.drose-home .drose-card--service .drose-card__title,
    body.drose-home .drose-card--service .drose-card__desc {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: 0.01em;
        text-align: center;
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.95),
            0 0 12px rgba(0, 0, 0, 0.65);
    }

    body.drose-home .drose-card--service .drose-card__title {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 14px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background: none;
        border-radius: 0;
        white-space: normal;
        overflow-wrap: break-word;
        transform: none;
        flex: 0 0 auto;
        filter: none;
    }

    body.drose-home .drose-card--service .drose-card__title::before,
    body.drose-home .drose-card--service .drose-card__title::after {
        content: "";
        flex: 1 1 0;
        height: 1px;
        min-width: 2rem;
        border: none;
        /* Stesso tratto fine della galleria, in bianco */
        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.55) 18%,
            #ffffff 100%
        );
    }

    body.drose-home .drose-card--service .drose-card__title::after {
        background: linear-gradient(
            270deg,
            transparent 0%,
            rgba(255, 255, 255, 0.55) 18%,
            #ffffff 100%
        );
    }

    body.drose-home .drose-card--service .drose-card__title-ornament {
        flex: 0 0 auto;
        width: 7px;
        height: 7px;
        margin: 0;
        border: 1px solid #ffffff;
        background: transparent;
        transform: rotate(45deg);
        box-sizing: border-box;
        box-shadow: none;
    }

    body.drose-home .drose-card--service .drose-card__title-text {
        flex: 0 1 auto;
        min-width: 0;
    }

    /* Descrizione: centrata nella card */
    body.drose-home .drose-card--service .drose-card__desc {
        position: absolute;
        left: 14px;
        right: 14px;
        top: 50%;
        z-index: 3;
        width: auto;
        margin: 0;
        padding: 0;
        opacity: 0;
        transform: translate3d(0, -50%, 0);
        pointer-events: none;
        transition: none;
        visibility: hidden;
        filter: none;
    }

    /* Solo desktop: dicitura “non ancora disponibile” (es. Mappe e rilievi) */
    body.drose-home .drose-card--service .drose-card__unavailable {
        display: block;
        position: absolute;
        left: 14px;
        right: 14px;
        top: calc(50% + 2.75rem);
        z-index: 3;
        width: auto;
        margin: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        text-align: center;
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: 0.02em;
        color: #dc2626 !important;
        -webkit-text-fill-color: #dc2626 !important;
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.85),
            0 0 10px rgba(0, 0, 0, 0.45);
        transform: none;
        transition: none;
    }

    body.drose-home .drose-card--service:has(.drose-card__unavailable) .drose-card__desc {
        top: calc(50% - 0.85rem);
    }

    @media (hover: hover) and (pointer: fine) {
        body.drose-home .drose-card--service .drose-card__media {
            transition: filter 0.25s ease;
        }

        body.drose-home .drose-card--service::after {
            transition: background 0.25s ease;
        }

        body.drose-home .drose-card--service .drose-card__desc,
        body.drose-home .drose-card--service .drose-card__unavailable {
            transition: opacity 0.25s ease, visibility 0s linear 0.25s;
        }

        body.drose-home .drose-card--service:is(:hover, .is-drose-hover) .drose-card__media {
            filter: blur(8px) brightness(0.55);
        }

        body.drose-home .drose-card--service:is(:hover, .is-drose-hover)::after {
            background: rgba(0, 12, 28, 0.5);
        }

        /* Titolo in alto a comparsa (niente scorrimento) */
        body.drose-home .drose-card--service:is(:hover, .is-drose-hover) .drose-card__label {
            top: 12px;
            bottom: auto;
            transform: none;
            background: none;
        }

        body.drose-home .drose-card--service:is(:hover, .is-drose-hover) .drose-card__desc,
        body.drose-home .drose-card--service:is(:hover, .is-drose-hover) .drose-card__unavailable {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition: opacity 0.25s ease, visibility 0s;
        }
    }
}

@media (min-width: 769px) {
    .drose-sky-layer {
        display: none;
        pointer-events: none;
    }

    body.drose-page .drose-sky-layer,
    body.is-drose-brand.login-page .drose-sky-layer {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 0;
        transform: translateZ(0);
        backface-visibility: hidden;
        contain: strict;
    }

    body.drose-page .site-main,
    body.is-drose-brand .site-main,
    body.drose-page .site-footer,
    body.is-drose-brand .site-footer {
        position: relative;
        z-index: 1;
    }

    /* Non toccare position: header resta fixed da base.css */
    body.drose-page .site-header,
    body.is-drose-brand .site-header {
        z-index: 220;
    }

    body.drose-page:not(.dark-mode),
    body.is-drose-brand.login-page:not(.dark-mode) {
        --drose-day-sky:
            radial-gradient(circle at 92% 94%, rgba(255, 255, 255, 0.92) 0 1.15px, transparent 1.5px),
            radial-gradient(circle at 84% 88%, rgba(255, 255, 255, 0.78) 0 1px, transparent 1.35px),
            radial-gradient(circle at 96% 78%, rgba(255, 255, 255, 0.82) 0 1.05px, transparent 1.4px),
            radial-gradient(circle at 78% 96%, rgba(255, 255, 255, 0.74) 0 1px, transparent 1.35px),
            radial-gradient(circle at 88% 72%, rgba(255, 255, 255, 0.7) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 72% 84%, rgba(255, 255, 255, 0.76) 0 1px, transparent 1.35px),
            radial-gradient(circle at 98% 86%, rgba(255, 255, 255, 0.68) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 66% 92%, rgba(255, 255, 255, 0.72) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 94% 62%, rgba(255, 255, 255, 0.66) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 58% 78%, rgba(255, 255, 255, 0.64) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 82% 58%, rgba(255, 255, 255, 0.7) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 6% 97%, rgba(255, 255, 255, 0.62) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 14% 89%, rgba(255, 255, 255, 0.58) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 22% 82%, rgba(255, 255, 255, 0.64) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 31% 74%, rgba(255, 255, 255, 0.6) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 39% 66%, rgba(255, 255, 255, 0.56) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 48% 58%, rgba(255, 255, 255, 0.52) 0 0.8px, transparent 1.15px),
            radial-gradient(circle at 56% 50%, rgba(255, 255, 255, 0.48) 0 0.75px, transparent 1.1px),
            radial-gradient(circle at 18% 76%, rgba(255, 255, 255, 0.54) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 27% 68%, rgba(255, 255, 255, 0.5) 0 0.8px, transparent 1.15px),
            radial-gradient(circle at 44% 86%, rgba(255, 255, 255, 0.66) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 52% 94%, rgba(255, 255, 255, 0.72) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 61% 86%, rgba(255, 255, 255, 0.68) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 70% 76%, rgba(255, 255, 255, 0.74) 0 1px, transparent 1.35px),
            radial-gradient(circle at 76% 66%, rgba(255, 255, 255, 0.7) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 62% 68%, rgba(255, 255, 255, 0.62) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 35% 52%, rgba(120, 150, 200, 0.45) 0 0.75px, transparent 1.1px),
            radial-gradient(circle at 24% 38%, rgba(100, 135, 190, 0.38) 0 0.7px, transparent 1px),
            radial-gradient(circle at 91% 91%, rgba(255, 255, 255, 1) 0 2px, rgba(220, 235, 255, 0.55) 2.8px, rgba(180, 210, 255, 0.2) 5px, transparent 9px),
            radial-gradient(circle at 78% 82%, rgba(255, 255, 255, 0.95) 0 1.75px, rgba(210, 228, 255, 0.42) 2.4px, transparent 6px),
            radial-gradient(circle at 96% 68%, rgba(255, 255, 255, 0.92) 0 1.65px, rgba(205, 225, 255, 0.38) 2.2px, transparent 5.5px),
            radial-gradient(circle at 68% 94%, rgba(255, 255, 255, 0.9) 0 1.55px, rgba(200, 222, 255, 0.35) 2.1px, transparent 5px),
            radial-gradient(circle at 54% 72%, rgba(255, 255, 255, 0.88) 0 1.45px, rgba(195, 218, 255, 0.32) 2px, transparent 4.8px),
            radial-gradient(circle at 12% 84%, rgba(255, 255, 255, 0.82) 0 1.25px, rgba(210, 228, 255, 0.35) 1.8px, transparent 4px),
            radial-gradient(circle at 88% 84%, rgba(255, 255, 255, 0.64) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 74% 88%, rgba(255, 255, 255, 0.58) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 60% 82%, rgba(255, 255, 255, 0.62) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 46% 78%, rgba(255, 255, 255, 0.56) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 33% 84%, rgba(255, 255, 255, 0.54) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 19% 79%, rgba(255, 255, 255, 0.6) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 8% 72%, rgba(255, 255, 255, 0.52) 0 0.8px, transparent 1.15px),
            radial-gradient(circle at 16% 62%, rgba(255, 255, 255, 0.48) 0 0.75px, transparent 1.1px),
            radial-gradient(circle at 41% 48%, rgba(255, 255, 255, 0.5) 0 0.8px, transparent 1.15px),
            radial-gradient(circle at 53% 62%, rgba(255, 255, 255, 0.54) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 67% 44%, rgba(255, 255, 255, 0.52) 0 0.8px, transparent 1.15px),
            radial-gradient(circle at 79% 52%, rgba(255, 255, 255, 0.58) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 85% 64%, rgba(255, 255, 255, 0.6) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 93% 52%, rgba(255, 255, 255, 0.55) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 3% 58%, rgba(255, 255, 255, 0.5) 0 0.8px, transparent 1.15px),
            radial-gradient(circle at 11% 48%, rgba(255, 255, 255, 0.46) 0 0.75px, transparent 1.1px),
            radial-gradient(circle at 25% 88%, rgba(255, 255, 255, 0.56) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 37% 64%, rgba(255, 255, 255, 0.5) 0 0.8px, transparent 1.15px),
            radial-gradient(circle at 49% 42%, rgba(255, 255, 255, 0.48) 0 0.75px, transparent 1.1px),
            radial-gradient(ellipse 130% 100% at 100% 100%, #0c1524 0%, #101c32 28%, #1e3058 52%, #4a6590 72%, transparent 92%),
            radial-gradient(ellipse 85% 70% at 0% 100%, rgba(53, 84, 130, 0.22) 0%, rgba(143, 163, 192, 0.1) 50%, transparent 78%),
            linear-gradient(180deg, #f4f6fa 0%, #eef2f7 30%, #e2e9f2 50%, #cdd8e8 68%, #b0c0d8 82%, #8fa4c4 92%, #6a85b0 100%);
        --drose-day-sky-size: 100% 100%;
        --drose-day-sky-repeat: no-repeat;
        --drose-day-sky-position: 0 0;
        background-color: #f4f6fa !important;
        background-image: none !important;
    }

    body.drose-page:not(.dark-mode) .drose-sky-layer,
    body.is-drose-brand.login-page:not(.dark-mode) .drose-sky-layer {
        background-color: #f4f6fa;
        background-image: var(--drose-day-sky);
        background-size: var(--drose-day-sky-size);
        background-repeat: var(--drose-day-sky-repeat);
        background-position: var(--drose-day-sky-position);
    }

    body.drose-page:not(.dark-mode)::after,
    body.is-drose-brand.login-page:not(.dark-mode)::after {
        content: none;
    }

    html:has(body.drose-page:not(.dark-mode)),
    html:has(body.is-drose-brand.login-page:not(.dark-mode)) {
        background-color: #f4f6fa;
    }

    body.drose-page:not(.dark-mode) .site-main,
    body.is-drose-brand.login-page:not(.dark-mode) .site-main {
        background: transparent !important;
        position: relative;
        z-index: 1;
    }

    body.drose-page:not(.dark-mode) .site-header,
    body.is-drose-brand.login-page:not(.dark-mode) .site-header {
        box-shadow: none !important;
        border-bottom: none !important;
        background: var(--bg-header) !important;
        background-color: var(--bg-header) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.drose-page:not(.dark-mode) .site-footer,
    body.is-drose-brand.login-page:not(.dark-mode) .site-footer {
        box-shadow: none !important;
        border-top: none !important;
        background: var(--bg-header) !important;
        background-color: var(--bg-header) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.drose-page:not(.dark-mode) .drose-landing__container,
    body.drose-page:not(.dark-mode) .faq-container,
    body.drose-page:not(.dark-mode) .static-container,
    body.is-drose-brand.login-page:not(.dark-mode) .static-container {
        position: relative;
        z-index: 1;
        background: #fff !important;
        box-shadow: 0 20px 50px rgba(0, 63, 127, 0.2) !important;
    }

    body.dark-mode.drose-page,
    body.dark-mode.is-drose-brand.login-page {
        --drose-night-sky:
            radial-gradient(circle at 3% 12%, rgba(255, 255, 255, 0.72) 0 1.15px, transparent 1.5px),
            radial-gradient(circle at 18% 41%, rgba(255, 255, 255, 0.64) 0 1.1px, transparent 1.45px),
            radial-gradient(circle at 7% 74%, rgba(255, 255, 255, 0.58) 0 1.05px, transparent 1.4px),
            radial-gradient(circle at 23% 23%, rgba(255, 255, 255, 0.68) 0 1.2px, transparent 1.55px),
            radial-gradient(circle at 12% 91%, rgba(255, 255, 255, 0.52) 0 1px, transparent 1.35px),
            radial-gradient(circle at 34% 58%, rgba(255, 255, 255, 0.66) 0 1.1px, transparent 1.45px),
            radial-gradient(circle at 46% 31%, rgba(255, 255, 255, 0.6) 0 1.05px, transparent 1.4px),
            radial-gradient(circle at 57% 77%, rgba(255, 255, 255, 0.56) 0 1px, transparent 1.35px),
            radial-gradient(circle at 69% 16%, rgba(255, 255, 255, 0.7) 0 1.15px, transparent 1.5px),
            radial-gradient(circle at 81% 49%, rgba(255, 255, 255, 0.62) 0 1.1px, transparent 1.45px),
            radial-gradient(circle at 93% 28%, rgba(255, 255, 255, 0.54) 0 1px, transparent 1.35px),
            radial-gradient(circle at 97% 83%, rgba(255, 255, 255, 0.48) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 5% 26%, rgba(255, 255, 255, 0.55) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 11% 18%, rgba(255, 255, 255, 0.62) 0 1px, transparent 1.35px),
            radial-gradient(circle at 8% 56%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 14% 67%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 4% 85%, rgba(255, 255, 255, 0.46) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 26% 44%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.35px),
            radial-gradient(circle at 29% 8%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 31% 92%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 39% 38%, rgba(255, 255, 255, 0.64) 0 1.05px, transparent 1.4px),
            radial-gradient(circle at 42% 74%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 50% 67%, rgba(255, 255, 255, 0.56) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 54% 34%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.35px),
            radial-gradient(circle at 63% 87%, rgba(255, 255, 255, 0.48) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 71% 29%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 77% 64%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 84% 38%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.35px),
            radial-gradient(circle at 89% 76%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 96% 44%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 91% 94%, rgba(255, 255, 255, 0.46) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 98% 11%, rgba(255, 255, 255, 0.56) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 16% 33%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 36% 19%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 47% 54%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 58% 42%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.35px),
            radial-gradient(circle at 67% 57%, rgba(255, 255, 255, 0.48) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 74% 22%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 83% 71%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 6% 3%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 19% 5%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 33% 2%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.35px),
            radial-gradient(circle at 47% 7%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 61% 4%, rgba(255, 255, 255, 0.56) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 75% 9%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 88% 3%, rgba(255, 255, 255, 0.62) 0 1px, transparent 1.35px),
            radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.48) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 27% 6%, rgba(255, 255, 255, 0.55) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 42% 1%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 56% 8%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 68% 2%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 94% 6%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.35px),
            radial-gradient(circle at 4% 96%, rgba(255, 255, 255, 0.56) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 17% 93%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 31% 98%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 45% 94%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 59% 97%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 73% 92%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.35px),
            radial-gradient(circle at 86% 99%, rgba(255, 255, 255, 0.48) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 22% 91%, rgba(255, 255, 255, 0.55) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 38% 96%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 52% 93%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 66% 98%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 80% 94%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 97% 89%, rgba(255, 255, 255, 0.56) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 9% 88%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 55% 88%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 14% 4%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 38% 9%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 64% 6%, rgba(255, 255, 255, 0.56) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 82% 8%, rgba(255, 255, 255, 0.48) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 24% 95%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 49% 99%, rgba(255, 255, 255, 0.55) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 71% 96%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 92% 92%, rgba(255, 255, 255, 0.58) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 43% 22%, rgba(255, 255, 255, 0.52) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 61% 48%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 35% 72%, rgba(255, 255, 255, 0.54) 0 0.9px, transparent 1.25px),
            radial-gradient(circle at 78% 35%, rgba(255, 255, 255, 0.48) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 20% 59%, rgba(255, 255, 255, 0.56) 0 0.95px, transparent 1.3px),
            radial-gradient(circle at 87% 63%, rgba(255, 255, 255, 0.5) 0 0.85px, transparent 1.2px),
            radial-gradient(circle at 2% 31%, rgba(255, 255, 255, 1) 0 2.1px, rgba(220, 235, 255, 0.52) 2.9px, rgba(180, 210, 255, 0.18) 5.5px, transparent 10px),
            radial-gradient(circle at 9% 63%, rgba(255, 255, 255, 0.96) 0 1.85px, rgba(215, 232, 255, 0.44) 2.5px, transparent 6.5px),
            radial-gradient(circle at 15% 7%, rgba(255, 255, 255, 0.98) 0 2px, rgba(218, 235, 255, 0.48) 2.7px, rgba(175, 205, 255, 0.15) 5px, transparent 9px),
            radial-gradient(circle at 21% 52%, rgba(255, 255, 255, 0.94) 0 1.75px, rgba(210, 228, 255, 0.4) 2.3px, transparent 6px),
            radial-gradient(circle at 6% 47%, rgba(255, 255, 255, 0.92) 0 1.7px, rgba(205, 225, 255, 0.38) 2.2px, transparent 5.5px),
            radial-gradient(circle at 28% 14%, rgba(255, 255, 255, 1) 0 2.2px, rgba(200, 225, 255, 0.5) 3px, rgba(160, 200, 255, 0.18) 5.8px, transparent 10px),
            radial-gradient(circle at 37% 69%, rgba(255, 255, 255, 0.95) 0 1.9px, rgba(212, 230, 255, 0.42) 2.5px, transparent 6.5px),
            radial-gradient(circle at 44% 9%, rgba(255, 255, 255, 0.97) 0 2.05px, rgba(216, 234, 255, 0.46) 2.8px, transparent 7px),
            radial-gradient(circle at 51% 47%, rgba(255, 255, 255, 1) 0 2.5px, rgba(195, 222, 255, 0.58) 3.4px, rgba(155, 195, 255, 0.22) 6.5px, transparent 12px),
            radial-gradient(circle at 59% 24%, rgba(255, 255, 255, 0.93) 0 1.8px, rgba(208, 227, 255, 0.4) 2.4px, transparent 6px),
            radial-gradient(circle at 66% 71%, rgba(255, 255, 255, 0.96) 0 2px, rgba(214, 232, 255, 0.45) 2.7px, transparent 7px),
            radial-gradient(circle at 73% 38%, rgba(255, 255, 255, 0.94) 0 1.85px, rgba(210, 228, 255, 0.42) 2.5px, transparent 6.5px),
            radial-gradient(circle at 79% 6%, rgba(255, 255, 255, 0.98) 0 2.15px, rgba(218, 236, 255, 0.5) 2.9px, rgba(170, 205, 255, 0.16) 5.2px, transparent 9px),
            radial-gradient(circle at 86% 58%, rgba(255, 255, 255, 0.95) 0 1.95px, rgba(212, 230, 255, 0.44) 2.6px, transparent 6.5px),
            radial-gradient(circle at 91% 17%, rgba(255, 255, 255, 1) 0 2.3px, rgba(205, 228, 255, 0.54) 3.1px, rgba(165, 200, 255, 0.2) 6px, transparent 11px),
            radial-gradient(circle at 32% 36%, rgba(255, 255, 255, 0.97) 0 2.1px, rgba(215, 233, 255, 0.48) 2.8px, transparent 7px),
            radial-gradient(circle at 48% 86%, rgba(255, 255, 255, 0.93) 0 1.85px, rgba(208, 226, 255, 0.4) 2.4px, transparent 6px),
            radial-gradient(circle at 62% 53%, rgba(255, 255, 255, 0.96) 0 2px, rgba(212, 230, 255, 0.46) 2.7px, transparent 7px),
            radial-gradient(circle at 24% 78%, rgba(255, 255, 255, 0.94) 0 1.9px, rgba(210, 228, 255, 0.42) 2.5px, transparent 6.5px),
            radial-gradient(circle at 76% 89%, rgba(255, 255, 255, 0.92) 0 1.75px, rgba(205, 224, 255, 0.38) 2.3px, transparent 5.8px),
            radial-gradient(circle at 41% 61%, rgba(255, 255, 255, 0.98) 0 2.2px, rgba(214, 232, 255, 0.5) 3px, rgba(168, 202, 255, 0.17) 5.5px, transparent 10px),
            radial-gradient(circle at 53% 12%, rgba(255, 255, 255, 0.95) 0 1.95px, rgba(210, 229, 255, 0.44) 2.6px, transparent 6.5px),
            radial-gradient(ellipse 120% 85% at 50% 105%, rgba(48, 72, 120, 0.16) 0%, transparent 55%),
            linear-gradient(180deg, #080f1a 0%, #0a1220 52%, #0c1524 100%);
        --drose-night-sky-size: 100% 100%;
        --drose-night-sky-repeat: no-repeat;
        --drose-night-sky-position: 0 0;
    }
    body.dark-mode.drose-page,
    body.dark-mode.is-drose-brand.login-page {
        background-color: #0a1220 !important;
        background-image: none !important;
    }

    body.dark-mode.drose-page .drose-sky-layer,
    body.dark-mode.is-drose-brand.login-page .drose-sky-layer {
        background-color: #0a1220;
        background-image: var(--drose-night-sky);
        background-size: var(--drose-night-sky-size);
        background-repeat: var(--drose-night-sky-repeat);
        background-position: var(--drose-night-sky-position);
    }

    body.dark-mode.warm-tone.drose-page .drose-sky-layer,
    body.dark-mode.warm-tone.is-drose-brand.login-page .drose-sky-layer {
        background-color: #1a1410;
        background-image: var(--drose-night-sky);
        background-size: var(--drose-night-sky-size);
        background-repeat: var(--drose-night-sky-repeat);
        background-position: var(--drose-night-sky-position);
    }

    body.dark-mode.drose-page::after,
    body.dark-mode.is-drose-brand.login-page::after {
        content: none;
    }

    body.dark-mode.drose-page .site-header::before,
    body.dark-mode.is-drose-brand.login-page .site-header::before {
        content: none;
    }

    body.dark-mode.drose-page .site-header,
    body.dark-mode.is-drose-brand.login-page .site-header {
        background-color: #0a1220 !important;
        background-image: var(--drose-night-sky) !important;
        background-size: 100% 100vh !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    body.dark-mode.drose-page .site-footer,
    body.dark-mode.is-drose-brand.login-page .site-footer {
        background-color: #0a1220 !important;
        background-image: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-top: none !important;
        box-shadow: none !important;
    }

    body.dark-mode.warm-tone.drose-page .site-header,
    body.dark-mode.warm-tone.is-drose-brand.login-page .site-header {
        background-color: #1a1410 !important;
        background-image: var(--drose-night-sky) !important;
        background-size: 100% 100vh !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        border-top: none !important;
        box-shadow: none !important;
    }

    body.dark-mode.warm-tone.drose-page .site-footer,
    body.dark-mode.warm-tone.is-drose-brand.login-page .site-footer {
        background: #26201c !important;
        background-color: #26201c !important;
        background-image: none !important;
        border-top: none !important;
        box-shadow: none !important;
    }

    body.dark-mode.warm-tone.drose-page::after,
    body.dark-mode.warm-tone.is-drose-brand.login-page::after {
        content: none;
    }

    @media (min-width: 769px) and (hover: hover) and (pointer: fine) {
        body.dark-mode.warm-tone.drose-page .site-header,
        body.dark-mode.warm-tone.is-drose-brand.login-page .site-header,
        body.dark-mode.warm-tone.drose-page .site-footer,
        body.dark-mode.warm-tone.is-drose-brand.login-page .site-footer {
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }
    }

    body.dark-mode.drose-page .site-main,
    body.dark-mode.is-drose-brand.login-page .site-main {
        background: transparent !important;
    }

    body.dark-mode.drose-page .drose-landing__container,
    body.dark-mode.is-drose-brand.login-page .static-container {
        background: #fff !important;
        box-shadow: 0 20px 50px rgba(0, 63, 127, 0.2) !important;
        border: none;
    }

    body.drose-page .drose-hero h1,
    body.drose-page .drose-hero__title,
    body.drose-page .drose-subpage__head h1,
    body.drose-page .drose-section h2,
    body.drose-page .drose-faq-item h3,
    body.drose-page .drose-card h3 {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.drose-page.drose-home .drose-card-grid > .drose-card--service h3,
    body.drose-page.drose-home .drose-card-grid > .drose-card--service .drose-card__title {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    body.drose-page .drose-hero__tagline,
    body.drose-page .drose-section__lead,
    body.drose-page .drose-subpage__lead,
    body.drose-page .drose-faq-item p,
    body.drose-page .drose-about-copy p,
    body.drose-page .drose-card p,
    body.drose-page .drose-benefits li,
    body.drose-page .drose-cta p:not(.drose-quote-error) {
        color: #1a1a1a !important;
        -webkit-text-fill-color: #1a1a1a !important;
    }

    body.drose-page .drose-quote-required-star,
    body.drose-page .drose-quote-field--required > label::after,
    body.drose-page .drose-quote-field--required > span::after,
    body.drose-page .drose-quote-consent--required > label::after {
        color: #dc2626 !important;
        -webkit-text-fill-color: #dc2626 !important;
    }

    body.drose-page.drose-home .drose-card-grid > .drose-card--service p:not(.drose-card__unavailable),
    body.drose-page.drose-home .drose-card-grid > .drose-card--service .drose-card__desc {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    body.drose-page .drose-quote-error {
        color: #dc2626 !important;
        -webkit-text-fill-color: #dc2626 !important;
    }
}

@media (max-width: 768px) {
    /* Tutte le pagine Drose mobile: niente card/contenitore principale */
    body.drose-page .site-main .drose-landing__container,
    body.drose-page .site-main .static-container,
    body.drose-page .site-main .faq-container,
    body.is-drose-brand.login-page .site-main .static-container {
        margin: 0 !important;
        padding: 8px 16px 28px !important;
        max-width: none !important;
        width: 100% !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    /*
     * Home Drose: annulla il flex desktop (flex:1 su landing/container).
     * Altrimenti, passando da desktop→mobile in DevTools senza refresh,
     * resta un’altezza “fantasma” e il hero sembra sospeso a metà schermo.
     */
    body.drose-page.drose-home .site-main {
        display: block;
    }

    body.drose-page.drose-home .site-main .drose-landing,
    body.drose-page.drose-home .site-main .drose-landing__container {
        display: block;
        flex: none;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: auto;
        height: auto;
        align-self: auto;
        min-height: 0;
    }

    body.drose-home .drose-landing__container {
        min-height: var(--gadly-drose-home-min-h, 0px);
    }

    .drose-card-grid {
        grid-template-columns: 1fr;
    }

    /* Home Drose mobile: foto servizi e CTA a 338px */
    body.drose-home .drose-card-grid {
        gap: 14px;
        justify-items: center;
    }

    body.drose-home .drose-card-grid > .drose-card--service {
        position: relative;
        display: block;
        width: 338px;
        max-width: 338px;
        min-height: 0;
        height: auto;
        aspect-ratio: 16 / 10;
        padding: 0 !important;
        margin: 0;
        overflow: hidden;
        border-radius: 12px;
        background: #1a1a1a;
        border: 2px solid #b45309;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    body.dark-mode.drose-home .drose-card-grid > .drose-card--service {
        border-color: #fbbf24;
    }

    body.drose-home .drose-card--service .drose-card__media {
        position: absolute;
        inset: 0;
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0;
        padding: 0;
        border: 0;
        object-fit: cover;
        object-position: center center;
        z-index: 0;
        pointer-events: none;
        transition: filter 0.25s ease;
    }

    body.drose-home .drose-card--service .drose-card__media--map {
        object-position: center center;
    }

    body.drose-home .drose-card--service::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.78) 0%,
            rgba(0, 0, 0, 0.28) 42%,
            rgba(0, 0, 0, 0) 70%
        );
        transition: background 0.25s ease;
    }

    body.drose-home .drose-card--service .drose-card__label {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 12px;
        top: auto;
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        padding: 0 10px;
        background: none;
        pointer-events: none;
        transition: top 0.25s ease, bottom 0.25s ease;
    }

    body.drose-home .drose-card--service .drose-card__title {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.3;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-align: center;
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.95),
            0 0 12px rgba(0, 0, 0, 0.65);
        white-space: normal;
        overflow-wrap: break-word;
    }

    /* Linee lunghe ai lati (come desktop) */
    body.drose-home .drose-card--service .drose-card__title::before,
    body.drose-home .drose-card--service .drose-card__title::after {
        content: "";
        flex: 1 1 0;
        height: 1px;
        min-width: 2.75rem;
        border: none;
        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.55) 18%,
            #ffffff 100%
        );
    }

    body.drose-home .drose-card--service .drose-card__title::after {
        background: linear-gradient(
            270deg,
            transparent 0%,
            rgba(255, 255, 255, 0.55) 18%,
            #ffffff 100%
        );
    }

    /* Diamanti bianchi ai lati del testo */
    body.drose-home .drose-card--service .drose-card__title-ornament {
        flex: 0 0 auto;
        width: 7px;
        height: 7px;
        margin: 0;
        max-width: none;
        border: 1px solid #ffffff;
        background: transparent;
        transform: rotate(45deg);
        box-sizing: border-box;
        box-shadow: none;
    }

    body.drose-home .drose-card--service .drose-card__title-text {
        flex: 0 1 auto;
        min-width: 0;
    }

    /* Descrizione: nascosta a riposo; al tap (is-drose-hover) al centro come desktop */
    body.drose-home .drose-card--service .drose-card__desc {
        position: absolute;
        left: 14px;
        right: 14px;
        top: 50%;
        z-index: 3;
        width: auto;
        margin: 0;
        padding: 0;
        display: block;
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.35;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-align: center;
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.95),
            0 0 12px rgba(0, 0, 0, 0.65);
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -50%, 0);
        pointer-events: none;
        transition: opacity 0.25s ease, visibility 0s linear 0.25s;
    }

    body.drose-home .drose-card--service .drose-card__unavailable {
        position: absolute;
        left: 14px;
        right: 14px;
        top: calc(50% + 2.5rem);
        z-index: 3;
        display: block;
        margin: 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: 700;
        line-height: 1.35;
        color: #dc2626 !important;
        -webkit-text-fill-color: #dc2626 !important;
        text-align: center;
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.85),
            0 0 10px rgba(0, 0, 0, 0.45);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.25s ease, visibility 0s linear 0.25s;
    }

    body.drose-home .drose-card--service:has(.drose-card__unavailable) .drose-card__desc {
        top: calc(50% - 0.85rem);
    }

    body.drose-home .drose-card--service.is-drose-hover .drose-card__media {
        filter: blur(8px) brightness(0.55);
    }

    body.drose-home .drose-card--service.is-drose-hover::after {
        background: rgba(0, 12, 28, 0.5);
    }

    body.drose-home .drose-card--service.is-drose-hover .drose-card__label {
        top: 12px;
        bottom: auto;
    }

    body.drose-home .drose-card--service.is-drose-hover .drose-card__desc,
    body.drose-home .drose-card--service.is-drose-hover .drose-card__unavailable {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.25s ease, visibility 0s;
    }

    body.drose-home .drose-hero__logo,
    .drose-hero__logo {
        width: 120px;
        height: 120px;
    }

    .drose-hero__actions {
        flex-direction: column;
        align-items: center;
    }

    body.drose-home .drose-hero__actions .drose-works-cta--mobile {
        width: 338px;
        max-width: 338px;
        height: 52px;
        min-height: 52px;
        max-height: 52px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    /* Perché Drose + preventivo: stessa larghezza delle card servizi (338px) */
    body.drose-home .drose-why,
    body.drose-home .drose-cta {
        width: 338px;
        max-width: 338px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    /* Richiesta preventivo: box largo e centrato (niente 100vw che sfalsa) */
    body.drose-quote-request-page .site-main .drose-landing__container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    body.drose-quote-request-page .drose-subpage__head,
    body.drose-quote-request-page .drose-section.drose-cta,
    body.drose-quote-request-page .drose-landing__back {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        align-self: stretch !important;
    }

    body.drose-quote-request-page .drose-section.drose-cta {
        background: transparent !important;
        border: 2px solid #b45309 !important;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-grid {
        grid-template-columns: 1fr !important;
    }

    body.dark-mode.drose-quote-request-page .drose-section.drose-cta {
        background: transparent !important;
        border-color: #fbbf24 !important;
    }

    /* EN: evita “quote” sola a capo (niente font più piccolo) */
    body.drose-quote-request-page .drose-cta > p.drose-quote-brief-lead {
        max-width: none !important;
        width: 100% !important;
        text-wrap: pretty;
    }

    /* Quote request mobile: campi 47.5px; label centrate ambra/giallo */
    body.drose-quote-request-page .drose-quote-form .drose-quote-field > label,
    body.drose-quote-request-page .drose-quote-form .drose-quote-field > span {
        text-align: center;
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field > label,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field > span {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    /* “Materiali e file da ricevere”: font leggermente più grande (solo mobile) */
    body.drose-quote-request-page .drose-quote-form .drose-quote-field:has(#id_deliverables) > span {
        font-size: 1.05rem !important;
    }

    /* Opzioni checkbox (Django = div>label, non ul>li): blu light; giallo logo dark */
    body.drose-quote-request-page .drose-quote-form .drose-quote-field label:has(input[type="checkbox"]),
    body.drose-quote-request-page .drose-quote-form .drose-quote-field ul li label,
    body.drose-quote-request-page .drose-quote-form .drose-quote-field #id_deliverables label {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field label:has(input[type="checkbox"]),
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field ul li label,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field #id_deliverables label,
    body.dark-mode.drose-quote-request-page .site-main .drose-quote-form .drose-quote-field label:has(input[type="checkbox"]),
    body.dark-mode.drose-quote-request-page .site-main .drose-quote-form #id_deliverables label {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-field input[type="checkbox"],
    body.drose-quote-request-page .drose-quote-form .drose-quote-consent input[type="checkbox"] {
        accent-color: #28a745 !important;
        color: #28a745 !important;
        background-color: transparent !important;
        border: 1.5px solid #28a745 !important;
        border-radius: 3px;
        appearance: none;
        -webkit-appearance: none;
        width: 1.05rem !important;
        height: 1.05rem !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        align-self: center !important;
        flex: 0 0 auto;
        cursor: pointer;
        box-sizing: border-box !important;
        display: inline-grid;
        place-content: center;
    }

    /* Check + testo allineati verticalmente al centro (solo mobile) */
    body.drose-quote-request-page .drose-quote-form .drose-quote-field label:has(input[type="checkbox"]),
    body.drose-quote-request-page .drose-quote-form .drose-quote-field #id_deliverables label,
    body.drose-quote-request-page .drose-quote-form .drose-quote-field ul li label,
    body.drose-quote-request-page .drose-quote-form .drose-quote-consent {
        align-items: center !important;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-field input[type="checkbox"]::before,
    body.drose-quote-request-page .drose-quote-form .drose-quote-consent input[type="checkbox"]::before {
        content: "";
        width: 0.55rem;
        height: 0.55rem;
        transform: scale(0);
        transition: transform 0.12s ease;
        box-shadow: inset 1em 1em #28a745;
        background-color: #28a745;
        border-radius: 1px;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-field input[type="checkbox"]:checked::before,
    body.drose-quote-request-page .drose-quote-form .drose-quote-consent input[type="checkbox"]:checked::before {
        transform: scale(1);
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-consent label {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-consent label {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    /* Hint “indica cosa vuoi ricevere…” centrato sotto il titolo consegne */
    body.drose-quote-request-page .drose-quote-form .drose-quote-field-hint,
    body.drose-quote-request-page .drose-cta .drose-quote-form .drose-quote-field-hint {
        text-align: center !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-field input:not([type="checkbox"]),
    body.drose-quote-request-page .drose-quote-form .drose-quote-field .text-tool-select-trigger {
        height: 47.5px !important;
        min-height: 47.5px !important;
        max-height: 47.5px !important;
        box-sizing: border-box !important;
        line-height: 1.25 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-field .text-tool-select-trigger {
        display: flex !important;
        align-items: center !important;
    }

    /* Dropdown quote: stile Drose (niente rosa; light ambra, dark giallo logo) */
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger,
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger:hover,
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger:focus,
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger:focus-visible,
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger:active,
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger.tap-active,
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger.is-drose-hover {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: 2px solid #b45309 !important;
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-trigger::after {
        border-top-color: #b45309 !important;
    }

    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-menu {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: 2px solid #b45309 !important;
        box-shadow: 0 6px 18px rgba(180, 83, 9, 0.18) !important;
    }

    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-menu li {
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-menu li:is(:hover, .is-drose-hover, .tap-active),
    body.drose-quote-request-page:not(.dark-mode) .drose-quote-form .text-tool-select-menu li.selected {
        background: rgba(180, 83, 9, 0.1) !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger,
    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger:hover,
    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger:focus,
    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger:focus-visible,
    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger:active,
    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger.tap-active,
    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger.is-drose-hover {
        background: rgba(15, 23, 42, 0.72) !important;
        background-color: rgba(15, 23, 42, 0.72) !important;
        border: 2px solid #fbbf24 !important;
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-trigger::after {
        border-top-color: #fbbf24 !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-menu {
        background: #0f172a !important;
        background-color: #0f172a !important;
        border: 2px solid #fbbf24 !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-menu li {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-menu li:is(:hover, .is-drose-hover, .tap-active),
    body.dark-mode.drose-quote-request-page .drose-quote-form .text-tool-select-menu li.selected {
        background: rgba(251, 191, 36, 0.16) !important;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-field textarea:not(.drose-quote-textarea--autogrow) {
        height: 47.5px !important;
        min-height: 47.5px !important;
        max-height: 47.5px !important;
        box-sizing: border-box !important;
        line-height: 1.25 !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        resize: none !important;
        overflow: hidden !important;
    }

    body.drose-quote-request-page .drose-quote-form .drose-quote-field textarea.drose-quote-textarea--autogrow {
        height: 112px !important;
        min-height: 112px !important;
        max-height: none !important;
        box-sizing: border-box !important;
        line-height: 1.35 !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    /* Dark mode mobile: campi testo + textarea grigi come login */
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field input:not([type="checkbox"]),
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field input:not([type="checkbox"]):focus,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field input:not([type="checkbox"]):not(:focus),
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field textarea,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field textarea:focus,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field textarea:not(:focus),
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field textarea.drose-quote-textarea--autogrow,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field textarea.drose-quote-textarea--autogrow:focus,
    body.dark-mode.drose-quote-request-page .site-main .drose-quote-form .drose-quote-field input:not([type="checkbox"]),
    body.dark-mode.drose-quote-request-page .site-main .drose-quote-form .drose-quote-field textarea {
        background: rgba(240, 242, 245, 0.95) !important;
        background-color: rgba(240, 242, 245, 0.95) !important;
        border: 2px solid rgba(220, 224, 230, 0.9) !important;
        color: #1a1a2e !important;
        -webkit-text-fill-color: #1a1a2e !important;
        caret-color: #1a1a2e !important;
    }

    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field input:not([type="checkbox"])::placeholder,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field textarea::placeholder,
    body.dark-mode.drose-quote-request-page .drose-quote-form .drose-quote-field textarea.drose-quote-textarea--autogrow::placeholder {
        color: #666 !important;
        -webkit-text-fill-color: #666 !important;
        opacity: 1 !important;
    }

    /* Invia richiesta preventivo: altezza 52px come CTA home */
    body.drose-quote-request-page .drose-quote-form > .drose-btn--primary,
    body.drose-quote-request-page .drose-cta .drose-quote-form > button.drose-btn--primary {
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1.15 !important;
    }

    /* Richiedi preventivo: altezza esatta 52px (niente padding verticale che lo gonfia) */
    body.drose-home .drose-cta .drose-btn--primary {
        height: 52px;
        min-height: 52px;
        max-height: 52px;
        padding: 0 20px;
        font-size: 1.05rem;
        font-weight: 700;
        line-height: 1.15;
        white-space: nowrap;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .drose-btn {
        width: 100%;
    }

    body.drose-home .drose-hero__actions .drose-btn {
        width: 338px;
        max-width: 338px;
        box-sizing: border-box;
    }

    /* Light mobile: titoli/link testuali = ambra logo (#b45309), non blu #003f7f */
    body.drose-page:not(.dark-mode) .drose-hero h1,
    body.drose-page:not(.dark-mode) .drose-hero__title,
    body.drose-page:not(.dark-mode) .drose-subpage__head h1,
    body.drose-page:not(.dark-mode) .drose-section h2,
    body.drose-page:not(.dark-mode) .drose-faq-item h3,
    body.drose-page:not(.dark-mode) .drose-card:not(.drose-card--service) h3,
    body.drose-page:not(.dark-mode) .drose-works-section-title,
    body.is-drose-brand.login-page:not(.dark-mode) .static-container h1,
    body.is-drose-brand.login-page:not(.dark-mode) .static-container h2 {
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    /* Foto servizi: testo bianco come in dark (sopra l’ambra dei titoli pagina) */
    body.drose-page:not(.dark-mode).drose-home .drose-card-grid > .drose-card--service h3,
    body.drose-page:not(.dark-mode).drose-home .drose-card-grid > .drose-card--service .drose-card__title,
    body.drose-page:not(.dark-mode).drose-home .drose-card-grid > .drose-card--service .drose-card__title-text,
    body.drose-page:not(.dark-mode).drose-home .drose-card-grid > .drose-card--service p:not(.drose-card__unavailable),
    body.drose-page:not(.dark-mode).drose-home .drose-card-grid > .drose-card--service .drose-card__desc {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    body.drose-works-manage-page:not(.dark-mode) .drose-works-manage-slot__label {
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    /* Hint upload: Foto senza punto; Video a capo senza punto (solo mobile) */
    body.drose-works-manage-page .drose-works-manage-hint--desktop {
        display: none !important;
    }

    body.drose-works-manage-page .drose-works-manage-hint--mobile {
        display: block !important;
    }

    body.drose-works-manage-page .drose-works-manage-hint--mobile .drose-works-manage-hint__videos {
        display: block;
    }

    body.drose-page:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item),
    body.drose-page:not(.dark-mode) .drose-landing__back-link,
    body.is-drose-brand.login-page:not(.dark-mode) .static-container a:not(.drose-btn):not(.login-btn) {
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    body.drose-page:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):is(:hover, :focus-visible),
    body.drose-page:not(.dark-mode) .drose-landing__back-link:is(:hover, :focus-visible) {
        color: #d97706 !important;
        -webkit-text-fill-color: #d97706 !important;
    }

    /* Quote request: “Torna alla home Drose” blu Gadly (dopo regola ambra generica) */
    body.drose-quote-request-page:not(.dark-mode) .drose-landing__back a,
    body.drose-quote-request-page:not(.dark-mode) .drose-landing__back a.drose-landing__back-link,
    body.drose-quote-request-page:not(.dark-mode) .drose-landing__back a:visited,
    body.drose-quote-request-page:not(.dark-mode) .drose-landing__back a:hover,
    body.drose-quote-request-page:not(.dark-mode) .drose-landing__back a:focus,
    body.drose-quote-request-page:not(.dark-mode) .drose-landing__back a:focus-visible,
    body.drose-quote-request-page:not(.dark-mode) .drose-landing__back a:active,
    body.drose-quote-request-page:not(.dark-mode) .site-main .drose-landing__container a.drose-landing__back-link,
    body.drose-quote-request-page:not(.dark-mode) .site-main .drose-landing__container a.drose-landing__back-link:visited,
    body.drose-quote-request-page:not(.dark-mode) .site-main .drose-landing__container a.drose-landing__back-link:hover,
    body.drose-quote-request-page:not(.dark-mode) .site-main .drose-landing__container a.drose-landing__back-link:focus,
    body.drose-quote-request-page:not(.dark-mode) .site-main .drose-landing__container a.drose-landing__back-link:focus-visible,
    body.drose-quote-request-page:not(.dark-mode) .site-main .drose-landing__container a.drose-landing__back-link:active {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
        text-decoration: none !important;
    }

    body.dark-mode.drose-quote-request-page .drose-landing__back a,
    body.dark-mode.drose-quote-request-page .drose-landing__back a.drose-landing__back-link,
    body.dark-mode.drose-quote-request-page .drose-landing__back a:visited,
    body.dark-mode.drose-quote-request-page .drose-landing__back a:hover,
    body.dark-mode.drose-quote-request-page .drose-landing__back a:focus,
    body.dark-mode.drose-quote-request-page .drose-landing__back a:focus-visible,
    body.dark-mode.drose-quote-request-page .drose-landing__back a:active,
    body.dark-mode.drose-quote-request-page .site-main .drose-landing__container a.drose-landing__back-link,
    body.dark-mode.drose-quote-request-page .site-main .drose-landing__container a.drose-landing__back-link:visited,
    body.dark-mode.drose-quote-request-page .site-main .drose-landing__container a.drose-landing__back-link:hover,
    body.dark-mode.drose-quote-request-page .site-main .drose-landing__container a.drose-landing__back-link:focus,
    body.dark-mode.drose-quote-request-page .site-main .drose-landing__container a.drose-landing__back-link:focus-visible,
    body.dark-mode.drose-quote-request-page .site-main .drose-landing__container a.drose-landing__back-link:active {
        color: #72b8ff !important;
        -webkit-text-fill-color: #72b8ff !important;
        text-decoration: none !important;
    }

    /* Home Drose mobile light: link blu Gadly */
    body.drose-home:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item),
    body.drose-home:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):visited,
    body.drose-home:not(.dark-mode) .drose-landing__back-link,
    body.drose-home:not(.dark-mode) .drose-landing__back-link:visited {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.drose-home:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):hover,
    body.drose-home:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):focus,
    body.drose-home:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):focus-visible,
    body.drose-home:not(.dark-mode) .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):active,
    body.drose-home:not(.dark-mode) .drose-landing__back-link:hover,
    body.drose-home:not(.dark-mode) .drose-landing__back-link:focus,
    body.drose-home:not(.dark-mode) .drose-landing__back-link:focus-visible,
    body.drose-home:not(.dark-mode) .drose-landing__back-link:active {
        color: #0056b3 !important;
        -webkit-text-fill-color: #0056b3 !important;
    }

    /* Login/signup Drose mobile light: link blu Gadly, non arancio */
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-container a:not(.login-btn),
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-container a:not(.login-btn):visited {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-container a:not(.login-btn):hover,
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-container a:not(.login-btn):focus,
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-container a:not(.login-btn):focus-visible,
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-container a:not(.login-btn):active {
        color: #0056b3 !important;
        -webkit-text-fill-color: #0056b3 !important;
    }

    /* Light mobile: bottoni = ambra logo; al tap/hover niente cambio colore (solo scale) */
    body.drose-page:not(.dark-mode) .site-main .drose-btn--primary,
    body.drose-page:not(.dark-mode) .site-main a.drose-btn--primary,
    body.drose-page:not(.dark-mode) .site-main button.drose-btn--primary,
    body.drose-page:not(.dark-mode) .site-main .drose-btn--primary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.drose-page:not(.dark-mode) .site-main a.drose-btn--primary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.drose-page:not(.dark-mode) .site-main button.drose-btn--primary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .drose-btn--primary,
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-form .login-btn,
    body.is-drose-brand.login-page:not(.dark-mode) .site-main .login-form .login-btn:is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.is-drose-brand.account-page:not(.dark-mode) .site-main .account-choose-file-btn,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main .account-choose-file-btn:is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.is-drose-brand.account-page:not(.dark-mode) .site-main .account-form .login-btn:not(.login-btn--danger),
    body.is-drose-brand.account-page:not(.dark-mode) .site-main .account-form .login-btn:not(.login-btn--danger):is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn--password,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn--password:is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.drose-works-manage-page:not(.dark-mode) .drose-works-choose-file-btn,
    body.drose-works-manage-page:not(.dark-mode) .drose-works-choose-file-btn:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active) {
        background: #b45309 !important;
        border: 2px solid #b45309 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    /* Elimina account Drose light mobile: testo bianco (non ambra link) */
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn.login-btn--danger,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn.login-btn--danger:hover,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn.login-btn--danger:focus,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn.login-btn--danger:focus-visible,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn.login-btn--danger:visited,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn.login-btn--danger:active,
    body.is-drose-brand.account-page:not(.dark-mode) .site-main a.login-btn.login-btn--danger.tap-active {
        background: #c41e3a !important;
        border: 2px solid #c41e3a !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-decoration: none !important;
    }

    /* Account Drose mobile: card bordo = colore font logo */
    body.is-drose-brand.account-page:not(.dark-mode) .account-section {
        background: transparent !important;
        background-color: transparent !important;
        border: 2px solid #b45309 !important;
    }

    body.dark-mode.is-drose-brand.account-page .account-section {
        background: transparent !important;
        background-color: transparent !important;
        border: 2px solid #fbbf24 !important;
    }

    body.drose-page:not(.dark-mode) .site-main .drose-btn--secondary,
    body.drose-page:not(.dark-mode) .site-main a.drose-btn--secondary,
    body.drose-page:not(.dark-mode) .site-main button.drose-btn--secondary,
    body.drose-page:not(.dark-mode) .site-main .drose-btn--secondary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.drose-page:not(.dark-mode) .site-main a.drose-btn--secondary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.drose-page:not(.dark-mode) .site-main button.drose-btn--secondary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active) {
        background: #fff7ed !important;
        border-color: #b45309 !important;
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    body.drose-works-manage-page .drose-works-choose-file-btn {
        min-height: 47.5px !important;
        height: 47.5px !important;
        line-height: 47.5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.drose-works-manage-page:not(.dark-mode) button.drose-works-manage-remove,
    body.drose-works-manage-page:not(.dark-mode) button.drose-works-manage-remove:is(:hover, :focus, :focus-visible, .is-drose-hover) {
        font-size: 16px !important;
        line-height: 1.25 !important;
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.dark-mode.drose-works-manage-page button.drose-works-manage-remove,
    body.dark-mode.drose-works-manage-page button.drose-works-manage-remove:is(:hover, :focus, :focus-visible, .is-drose-hover) {
        font-size: 16px !important;
        line-height: 1.25 !important;
    }

    /* Dark mode mobile Drose: titoli/link = ambra logo (#fbbf24), non blu #7eb8f0 */
    body.dark-mode.drose-page .drose-hero h1,
    body.dark-mode.drose-page .drose-hero__title,
    body.dark-mode.drose-page .drose-subpage__head h1,
    body.dark-mode.drose-page .drose-section h2,
    body.dark-mode.drose-page .drose-faq-item h3,
    body.dark-mode.drose-page .drose-card h3,
    body.dark-mode.drose-page .drose-works-section-title,
    body.dark-mode.is-drose-brand.login-page .static-container h1,
    body.dark-mode.is-drose-brand.login-page .static-container h2 {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.drose-page .drose-hero__tagline,
    body.dark-mode.drose-page .drose-section__lead,
    body.dark-mode.drose-page .drose-subpage__lead,
    body.dark-mode.drose-page .drose-quote-staff-lead,
    body.dark-mode.drose-page .drose-quote-trash-intro,
    body.dark-mode.drose-page .drose-quote-trash-intro-hint,
    body.dark-mode.drose-page .drose-faq-item p,
    body.dark-mode.drose-page .drose-about-copy p,
    body.dark-mode.drose-page .drose-card p:not(.drose-card__desc):not(.drose-card__unavailable),
    body.dark-mode.drose-page .drose-works-empty p,
    body.dark-mode.drose-page .drose-quote-staff-empty p,
    body.dark-mode.drose-page .drose-quote-trash-empty p,
    body.dark-mode.is-drose-brand.login-page .static-container p {
        color: #e8eef6 !important;
        -webkit-text-fill-color: #e8eef6 !important;
    }

    /* Box chiari (Why / CTA): niente fill, solo bordo; testo leggibile sul cielo */
    body.dark-mode.drose-home .drose-why,
    body.dark-mode.drose-home .drose-cta {
        background: transparent !important;
        border-color: #fbbf24 !important;
    }

    body.dark-mode.drose-home .drose-benefits li {
        background: transparent !important;
        border-color: rgba(251, 191, 36, 0.55) !important;
    }

    /* Light mobile: stesso bordo ambra delle foto; niente fill (come dark) */
    body.drose-home:not(.dark-mode) .drose-why,
    body.drose-home:not(.dark-mode) .drose-cta {
        background: transparent !important;
        border-color: #b45309 !important;
    }

    body.drose-home:not(.dark-mode) .drose-benefits li {
        background: transparent !important;
        border-color: rgba(180, 83, 9, 0.55) !important;
    }

    body.dark-mode.drose-page .drose-cta h2,
    body.dark-mode.drose-page .drose-why h2 {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.drose-page .drose-cta p:not(.drose-quote-error),
    body.dark-mode.drose-page .drose-benefits li {
        color: #e8eef6 !important;
        -webkit-text-fill-color: #e8eef6 !important;
    }

    /* Hint “works” resta verde; lead/testi secondari quote no */
    body.dark-mode.drose-page .drose-works-view-hint {
        color: #22c55e !important;
        -webkit-text-fill-color: #22c55e !important;
    }

    body.dark-mode.drose-page .drose-quote-staff-muted {
        color: #94a3b8 !important;
        -webkit-text-fill-color: #94a3b8 !important;
    }

    body.dark-mode.drose-works-manage-page .drose-works-manage-slot__label {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.drose-works-manage-page .drose-works-manage-hint {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    body.dark-mode.drose-page .drose-landing__back-link,
    body.dark-mode.is-drose-brand.login-page .static-container a:not(.drose-btn):not(.login-btn) {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    /* Home Drose mobile dark: link blu chiaro Gadly */
    body.dark-mode.drose-home .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item),
    body.dark-mode.drose-home .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):visited,
    body.dark-mode.drose-home .drose-landing__back-link,
    body.dark-mode.drose-home .drose-landing__back-link:visited {
        color: #72b8ff !important;
        -webkit-text-fill-color: #72b8ff !important;
    }

    body.dark-mode.drose-home .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):hover,
    body.dark-mode.drose-home .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):focus,
    body.dark-mode.drose-home .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):focus-visible,
    body.dark-mode.drose-home .drose-landing__container a:not(.drose-btn):not(.drose-quote-staff-menu__item):active,
    body.dark-mode.drose-home .drose-landing__back-link:hover,
    body.dark-mode.drose-home .drose-landing__back-link:focus,
    body.dark-mode.drose-home .drose-landing__back-link:focus-visible,
    body.dark-mode.drose-home .drose-landing__back-link:active {
        color: #a8d4ff !important;
        -webkit-text-fill-color: #a8d4ff !important;
    }

    /* Login/signup Drose mobile dark: link blu chiaro Gadly, non gialli */
    body.dark-mode.is-drose-brand.login-page .site-main .login-container a:not(.login-btn),
    body.dark-mode.is-drose-brand.login-page .site-main .login-container a:not(.login-btn):visited {
        color: #72b8ff !important;
        -webkit-text-fill-color: #72b8ff !important;
    }

    body.dark-mode.is-drose-brand.login-page .site-main .login-container a:not(.login-btn):hover,
    body.dark-mode.is-drose-brand.login-page .site-main .login-container a:not(.login-btn):focus,
    body.dark-mode.is-drose-brand.login-page .site-main .login-container a:not(.login-btn):focus-visible,
    body.dark-mode.is-drose-brand.login-page .site-main .login-container a:not(.login-btn):active {
        color: #a8d4ff !important;
        -webkit-text-fill-color: #a8d4ff !important;
    }

    body.drose-works-page .site-main .drose-works-manage-link-wrap a,
    body.drose-works-page .site-main .drose-works-manage-link-wrap a:visited,
    body.drose-works-page .site-main .drose-works-manage-link-wrap a:is(:hover, :focus, :focus-visible, :active) {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
        text-decoration: none !important;
    }

    /* Dark mobile: bottoni = ambra logo (#fbbf24) + testo #003f7f; al tap niente cambio colore */
    body.dark-mode.drose-page .site-main .drose-btn--primary,
    body.dark-mode.drose-page .site-main a.drose-btn--primary,
    body.dark-mode.drose-page .site-main a.drose-btn--primary:hover,
    body.dark-mode.drose-page .site-main a.drose-btn--primary:focus-visible,
    body.dark-mode.drose-page .site-main button.drose-btn--primary,
    body.dark-mode.drose-page .site-main button.drose-btn--primary:hover,
    body.dark-mode.drose-page .site-main button.drose-btn--primary:focus-visible,
    body.dark-mode.drose-page .site-main .drose-btn--primary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.dark-mode.drose-page .site-main a.drose-btn--primary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.dark-mode.drose-page .site-main button.drose-btn--primary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.dark-mode.is-drose-brand.login-page .site-main .drose-btn--primary,
    body.dark-mode.is-drose-brand.login-page .site-main .login-form .login-btn,
    body.dark-mode.is-drose-brand.login-page .site-main .login-form .login-btn:is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.dark-mode.is-drose-brand.account-page .site-main .account-choose-file-btn,
    body.dark-mode.is-drose-brand.account-page .site-main .account-choose-file-btn:is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.dark-mode.is-drose-brand.account-page .site-main .account-form .login-btn:not(.login-btn--danger),
    body.dark-mode.is-drose-brand.account-page .site-main .account-form .login-btn:not(.login-btn--danger):is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn--password,
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn--password:is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.dark-mode.drose-works-manage-page .drose-works-choose-file-btn,
    body.dark-mode.drose-works-manage-page .drose-works-choose-file-btn:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active) {
        background: #fbbf24 !important;
        border: 2px solid #fbbf24 !important;
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.dark-mode.is-drose-brand.account-page .site-main .account-choose-file-btn,
    body.dark-mode.is-drose-brand.account-page .site-main .account-form .login-btn:not(.login-btn--danger),
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn--password,
    body.dark-mode.is-drose-brand.account-page .site-main .account-form .login-btn:not(.login-btn--danger) .login-btn-save-label {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    /* Solo Scegli immagine Drose dark mobile: font blu (label, non testo pagina) */
    body.dark-mode.is-drose-brand.account-page .site-main .account-form label.account-choose-file-btn,
    body.dark-mode.is-drose-brand.account-page .site-main .account-form label.account-choose-file-btn:is(:hover, :focus, :focus-visible, :active, .tap-active),
    body.dark-mode.is-drose-brand.account-page .site-main .form-group label.account-choose-file-btn,
    body.dark-mode.is-drose-brand.account-page .site-main .form-group label.account-choose-file-btn:is(:hover, :focus, :focus-visible, :active, .tap-active) {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    /* Elimina account Drose/Gadly dark mobile: testo bianco (non ambra link) */
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn.login-btn--danger,
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn.login-btn--danger:hover,
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn.login-btn--danger:focus,
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn.login-btn--danger:focus-visible,
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn.login-btn--danger:visited,
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn.login-btn--danger:active,
    body.dark-mode.is-drose-brand.account-page .site-main a.login-btn.login-btn--danger.tap-active {
        background: #c41e3a !important;
        border: 2px solid #c41e3a !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-decoration: none !important;
    }

    /* Account Drose dark: titoli ambra; testi #b0c4de come resto sito */
    body.dark-mode.is-drose-brand.account-page .site-main .account-container h1,
    body.dark-mode.is-drose-brand.account-page .site-main .account-container .account-section h2:not(.account-section--danger h2) {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.is-drose-brand.account-page .site-main .account-container .account-section--danger h2,
    body.dark-mode.is-drose-brand.account-page .site-main .account-container .account-section--danger-centered h2 {
        color: #e84c4c !important;
        -webkit-text-fill-color: #e84c4c !important;
    }

    body.dark-mode.drose-works-manage-page .drose-works-choose-file-btn,
    body.dark-mode.drose-works-manage-page .drose-works-choose-file-btn * {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
    }

    body.dark-mode.drose-page .site-main .drose-btn--secondary,
    body.dark-mode.drose-page .site-main a.drose-btn--secondary,
    body.dark-mode.drose-page .site-main button.drose-btn--secondary,
    body.dark-mode.drose-page .site-main .drose-btn--secondary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.dark-mode.drose-page .site-main a.drose-btn--secondary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active),
    body.dark-mode.drose-page .site-main button.drose-btn--secondary:is(:hover, :focus, :focus-visible, :active, .is-drose-hover, .tap-active) {
        background: transparent !important;
        border-color: #fbbf24 !important;
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    /* Home Drose dark: link Gadly = colore titoli (#fbbf24), senza sottolineatura */
    body.dark-mode.drose-home .drose-landing__back-link,
    body.dark-mode.drose-home .drose-landing__back a.drose-landing__back-link,
    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link,
    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link:visited,
    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link:hover,
    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link:focus,
    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link:focus-visible,
    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link:active {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transform: none !important;
    }

    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link:hover,
    body.dark-mode.drose-home .drose-landing__container a.drose-landing__back-link:focus-visible {
        color: #fcd34d !important;
        -webkit-text-fill-color: #fcd34d !important;
        text-decoration: none !important;
    }

    body.dark-mode.drose-page .drose-quote-error,
    body.dark-mode.drose-page .drose-quote-required-star,
    body.dark-mode.drose-page .drose-quote-field--required > label::after,
    body.dark-mode.drose-page .drose-quote-field--required > span::after,
    body.dark-mode.drose-page .drose-quote-consent--required > label::after,
    body.dark-mode.drose-page .drose-quote-trash-retention-notice {
        color: #f87171 !important;
        -webkit-text-fill-color: #f87171 !important;
    }

    /* Overlay foto servizi: resta bianco */
    body.dark-mode.drose-page.drose-home .drose-card-grid > .drose-card--service h3,
    body.dark-mode.drose-page.drose-home .drose-card-grid > .drose-card--service .drose-card__title,
    body.dark-mode.drose-page.drose-home .drose-card-grid > .drose-card--service p:not(.drose-card__unavailable),
    body.dark-mode.drose-page.drose-home .drose-card-grid > .drose-card--service .drose-card__desc {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* Static pages + FAQ opened from Drose: mobile colors follow Drose branding */
    body.drose-page:not(.dark-mode) .site-main .static-container h1,
    body.drose-page:not(.dark-mode) .site-main .static-container h2,
    body.drose-page:not(.dark-mode) .site-main .faq-container .faq-main-title,
    body.drose-page:not(.dark-mode) .site-main .faq-container .faq-section h2,
    body.drose-page:not(.dark-mode) .site-main .faq-container .faq-item h3 {
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
    }

    body.drose-page:not(.dark-mode) .site-main .static-container p,
    body.drose-page:not(.dark-mode) .site-main .static-container .static-updated,
    body.drose-page:not(.dark-mode) .site-main .faq-container .faq-intro,
    body.drose-page:not(.dark-mode) .site-main .faq-container .faq-item p {
        color: #1a1a1a !important;
        -webkit-text-fill-color: #1a1a1a !important;
    }

    body.drose-page:not(.dark-mode) .site-main .static-container a:not(.drose-btn),
    body.drose-page:not(.dark-mode) .site-main .static-container a:not(.drose-btn):visited,
    body.drose-page:not(.dark-mode) .site-main .faq-container .faq-item p a,
    body.drose-page:not(.dark-mode) .site-main .faq-container .faq-item p a:visited,
    body.drose-page:not(.dark-mode) .site-main .faq-footer .home-link,
    body.drose-page:not(.dark-mode) .site-main .faq-footer .home-link svg {
        color: #003f7f !important;
        fill: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
        text-decoration-color: rgba(0, 63, 127, 0.75) !important;
    }

    body.dark-mode.drose-page .site-main .static-container h1,
    body.dark-mode.drose-page .site-main .static-container h2,
    body.dark-mode.drose-page .site-main .faq-container .faq-main-title,
    body.dark-mode.drose-page .site-main .faq-container .faq-section h2,
    body.dark-mode.drose-page .site-main .faq-container .faq-item h3 {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }

    body.dark-mode.drose-page .site-main .static-container p,
    body.dark-mode.drose-page .site-main .static-container .static-updated,
    body.dark-mode.drose-page .site-main .faq-container .faq-intro,
    body.dark-mode.drose-page .site-main .faq-container .faq-item p {
        color: #e8eef6 !important;
        -webkit-text-fill-color: #e8eef6 !important;
    }

    body.dark-mode.drose-page .site-main .static-container a:not(.drose-btn),
    body.dark-mode.drose-page .site-main .static-container a:not(.drose-btn):visited,
    body.dark-mode.drose-page .site-main .faq-container .faq-item p a,
    body.dark-mode.drose-page .site-main .faq-container .faq-item p a:visited,
    body.dark-mode.drose-page .site-main .faq-footer .home-link,
    body.dark-mode.drose-page .site-main .faq-footer .home-link svg {
        color: #72b8ff !important;
        fill: #72b8ff !important;
        -webkit-text-fill-color: #72b8ff !important;
        text-decoration-color: rgba(114, 184, 255, 0.85) !important;
    }
}

/* Preventivi rimossi: altezza contenitore come Gadly tool rimossi (dopo regole layout Drose) */
@media (min-width: 769px) {
    body.drose-page.drose-quote-staff-page.drose-quote-trash-page .site-main .drose-landing {
        flex: 0 0 auto !important;
    }

    body.drose-page.drose-quote-staff-page.drose-quote-trash-page .site-main .drose-landing__container {
        flex: 0 0 auto !important;
        min-height: 372px !important;
        padding: 40px 32px 40px !important;
        display: flex !important;
        flex-direction: column !important;
        text-align: center;
        box-sizing: border-box;
    }

    body.drose-page.drose-quote-staff-page.drose-quote-trash-page .drose-quote-trash-head {
        margin-bottom: 0;
    }
}

/* Desktop Drose: hover reattivo su controlli (non link testuali in static/faq) */
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
    body.drose-page .site-main :is(button, input[type="submit"], input[type="button"], .text-tool-select-trigger, .text-tool-select-menu li, .drose-quote-staff-menu__trigger, .drose-quote-staff-menu__item):not(.drose-btn).is-drose-hover,
    body.is-drose-brand .site-main :is(button, input[type="submit"], input[type="button"], .text-tool-select-trigger, .text-tool-select-menu li, .drose-quote-staff-menu__trigger, .drose-quote-staff-menu__item):not(.drose-btn).is-drose-hover {
        transition: none !important;
    }
}

/* Richiesta preventivo: campi testo e textarea a 42px (ridimensionabili in verticale) */
body.drose-page.drose-subpage:not(.drose-quote-staff-page) .drose-quote-form .drose-quote-field input:not([type="checkbox"]),
body.drose-page.drose-subpage:not(.drose-quote-staff-page) .drose-quote-form .drose-quote-field textarea:not(.drose-quote-textarea--autogrow),
body.drose-page.drose-subpage:not(.drose-quote-staff-page) .drose-quote-form .drose-quote-field .text-tool-select-trigger {
    height: 42px;
    min-height: 42px;
    box-sizing: border-box;
    line-height: 1.25;
}

body.drose-page.drose-subpage:not(.drose-quote-staff-page) .drose-quote-form .drose-quote-field textarea:not(.drose-quote-textarea--autogrow) {
    resize: vertical;
    max-height: none;
    overflow-y: auto;
}

/* Dettagli progetto: altezza fissa a riposo (niente salto al refresh); cresce col testo via JS */
body.drose-page.drose-subpage:not(.drose-quote-staff-page) .drose-quote-form .drose-quote-field textarea.drose-quote-textarea--autogrow {
    height: 6.5rem;
    min-height: 6.5rem;
    max-height: none;
    resize: none;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.45;
}

@media (max-width: 768px) {
    body.drose-works-page .drose-works-grid,
    body.drose-works-page .drose-works-grid > .drose-works-slot {
        list-style: none !important;
    }

    body.drose-works-page:not(.drose-works-manage-page) .drose-works-slot:not(.drose-works-slot--filled) {
        display: none !important;
    }

    body.drose-works-page:not(.drose-works-manage-page) .drose-works-slot--filled {
        display: block !important;
        position: relative !important;
        width: min(338px, 100%) !important;
        max-width: 338px !important;
        min-height: 254px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .drose-works-lightbox__close,
    .drose-works-lightbox__nav {
        display: none !important;
    }

    .drose-works-lightbox__rotate-hint {
        bottom: max(20px, env(safe-area-inset-bottom));
    }
}

/* Phone portrait + landscape: same lightbox shell (landscape width often > 768px) */
@media (max-width: 1024px) and (max-height: 1100px) {
    body.drose-works-page .drose-works-lightbox__close,
    body.drose-works-page .drose-works-lightbox__nav {
        display: none !important;
    }

    body.drose-works-page .drose-works-lightbox {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 16px max(12px, env(safe-area-inset-bottom));
        box-sizing: border-box;
    }

    /* Riquadro fisso: tutte le foto hanno le stesse dimensioni bordo/area */
    body.drose-works-page .drose-works-lightbox__content,
    body.drose-works-page .drose-works-lightbox--photo .drose-works-lightbox__content {
        position: relative;
        display: block;
        flex: 0 0 auto;
        width: calc(100vw - 32px);
        height: calc(100dvh - 12px - max(12px, env(safe-area-inset-bottom)));
        max-width: none;
        max-height: none;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: none;
        box-sizing: border-box;
    }

    body.drose-works-page .drose-works-lightbox__image,
    body.drose-works-page .drose-works-lightbox__video {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        object-position: center;
        border-radius: 10px;
        box-shadow: none;
        box-sizing: border-box;
        image-orientation: from-image;
    }

    body.drose-works-page .drose-works-lightbox--photo .drose-works-lightbox__image {
        object-fit: cover;
    }

    body.drose-works-page .drose-works-lightbox__video {
        object-fit: contain;
        background: #000;
    }

    body.drose-works-page:not(.dark-mode) .drose-works-lightbox,
    body.drose-works-page:not(.dark-mode) .drose-works-lightbox__backdrop {
        background: #ffffff !important;
    }

    body.drose-works-page:not(.dark-mode) .drose-works-lightbox__content {
        background: #ffffff !important;
        border: 2px solid #b45309;
    }

    body.drose-works-page:not(.dark-mode) .drose-works-lightbox__image,
    body.drose-works-page:not(.dark-mode) .drose-works-lightbox__video {
        border: none;
        background: #ffffff;
    }

    body.dark-mode.drose-works-page .drose-works-lightbox,
    body.dark-mode.drose-works-page .drose-works-lightbox__backdrop {
        background: #0f0f23 !important;
    }

    body.dark-mode.drose-works-page .drose-works-lightbox__content {
        background: #0f0f23 !important;
        border: 2px solid #fbbf24;
    }

    body.dark-mode.drose-works-page .drose-works-lightbox__image,
    body.dark-mode.drose-works-page .drose-works-lightbox__video {
        border: none;
        background: #0f0f23;
    }

    body.drose-works-page .drose-works-lightbox__rotate-hint {
        bottom: max(20px, env(safe-area-inset-bottom));
    }

    /* Durante la rotazione / apertura: nascondi la foto (sfondo pieno) → un solo reveal */
    body.drose-works-page .drose-works-lightbox.drose-works-lightbox--rotating .drose-works-lightbox__content,
    body.drose-works-page .drose-works-lightbox.drose-works-lightbox--rotating .drose-works-lightbox__image,
    body.drose-works-page .drose-works-lightbox.drose-works-lightbox--rotating .drose-works-lightbox__video,
    body.drose-works-page .drose-works-lightbox.drose-works-lightbox--rotating .drose-works-lightbox__rotate-hint,
    body.drose-works-page .drose-works-lightbox.drose-works-lightbox--photo-opening .drose-works-lightbox__image {
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* Landscape: foto intera quasi a schermo intero; sizing reale via JS (visualViewport) */
@media (max-width: 1024px) and (max-height: 1100px) and (orientation: landscape) {
    body.drose-works-page .drose-works-lightbox {
        padding: max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)) !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.drose-works-page .drose-works-lightbox__content,
    body.drose-works-page .drose-works-lightbox--photo .drose-works-lightbox__content {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.drose-works-page .drose-works-lightbox__image,
    body.drose-works-page .drose-works-lightbox__video {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: auto;
        height: auto;
        max-width: none;
        max-height: none;
        object-fit: contain !important;
        border-radius: 10px !important;
        box-sizing: content-box !important;
    }

    body.drose-works-page .drose-works-lightbox--photo .drose-works-lightbox__image {
        object-fit: contain !important;
    }

    body.drose-works-page:not(.dark-mode) .drose-works-lightbox__image,
    body.drose-works-page:not(.dark-mode) .drose-works-lightbox__video {
        border: 2px solid #b45309 !important;
        background: #ffffff !important;
    }

    body.dark-mode.drose-works-page .drose-works-lightbox__image,
    body.dark-mode.drose-works-page .drose-works-lightbox__video {
        border: 2px solid #fbbf24 !important;
        background: #0f0f23 !important;
    }

    /* Già ruotato: nascondi il suggerimento di rotazione */
    body.drose-works-page .drose-works-lightbox__rotate-hint {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

@media (max-width: 768px) {
    body.drose-works-page:not(.dark-mode) .site-main .drose-landing__container .drose-works-manage-link-wrap .drose-landing__back-link,
    body.drose-works-page:not(.dark-mode) .site-main .drose-landing__container .drose-works-manage-link-wrap .drose-landing__back-link:visited,
    body.drose-works-page:not(.dark-mode) .site-main .drose-landing__container .drose-works-manage-link-wrap .drose-landing__back-link:hover,
    body.drose-works-page:not(.dark-mode) .site-main .drose-landing__container .drose-works-manage-link-wrap .drose-landing__back-link:focus,
    body.drose-works-page:not(.dark-mode) .site-main .drose-landing__container .drose-works-manage-link-wrap .drose-landing__back-link:focus-visible,
    body.drose-works-page:not(.dark-mode) .site-main .drose-landing__container .drose-works-manage-link-wrap .drose-landing__back-link:active {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
        text-decoration: none !important;
    }

    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap .drose-landing__back-link,
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap .drose-landing__back-link:visited,
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap .drose-landing__back-link:hover,
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap .drose-landing__back-link:focus,
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap .drose-landing__back-link:focus-visible,
    body.dark-mode.drose-works-page .site-main .drose-works-manage-link-wrap .drose-landing__back-link:active {
        color: #72b8ff !important;
        -webkit-text-fill-color: #72b8ff !important;
        text-decoration: none !important;
    }

    body.drose-works-manage-page:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link,
    body.drose-works-manage-page:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:visited,
    body.drose-works-manage-page:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:hover,
    body.drose-works-manage-page:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:focus,
    body.drose-works-manage-page:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:focus-visible,
    body.drose-works-manage-page:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:active {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
        text-decoration: none !important;
    }

    body.dark-mode.drose-works-manage-page .site-main .drose-landing__back .drose-landing__back-link,
    body.dark-mode.drose-works-manage-page .site-main .drose-landing__back .drose-landing__back-link:visited,
    body.dark-mode.drose-works-manage-page .site-main .drose-landing__back .drose-landing__back-link:hover,
    body.dark-mode.drose-works-manage-page .site-main .drose-landing__back .drose-landing__back-link:focus,
    body.dark-mode.drose-works-manage-page .site-main .drose-landing__back .drose-landing__back-link:focus-visible,
    body.dark-mode.drose-works-manage-page .site-main .drose-landing__back .drose-landing__back-link:active {
        color: #72b8ff !important;
        -webkit-text-fill-color: #72b8ff !important;
        text-decoration: none !important;
    }

    body.drose-works-filtered:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link,
    body.drose-works-filtered:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:visited,
    body.drose-works-filtered:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:hover,
    body.drose-works-filtered:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:focus,
    body.drose-works-filtered:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:focus-visible,
    body.drose-works-filtered:not(.dark-mode) .site-main .drose-landing__back .drose-landing__back-link:active {
        color: #003f7f !important;
        -webkit-text-fill-color: #003f7f !important;
        text-decoration: none !important;
    }

    body.dark-mode.drose-works-filtered .site-main .drose-landing__back .drose-landing__back-link,
    body.dark-mode.drose-works-filtered .site-main .drose-landing__back .drose-landing__back-link:visited,
    body.dark-mode.drose-works-filtered .site-main .drose-landing__back .drose-landing__back-link:hover,
    body.dark-mode.drose-works-filtered .site-main .drose-landing__back .drose-landing__back-link:focus,
    body.dark-mode.drose-works-filtered .site-main .drose-landing__back .drose-landing__back-link:focus-visible,
    body.dark-mode.drose-works-filtered .site-main .drose-landing__back .drose-landing__back-link:active {
        color: #72b8ff !important;
        -webkit-text-fill-color: #72b8ff !important;
        text-decoration: none !important;
    }
}

html.drose-lightbox-allow-rotate,
html.drose-lightbox-allow-rotate:has(body.drose-page),
html:has(body.drose-works-lightbox-open),
html:has(body.drose-works-lightbox-open) body,
body.drose-works-lightbox-open {
    background-color: #0f0f23 !important;
    background-image: none !important;
}

html.drose-lightbox-allow-rotate:has(body:not(.dark-mode)),
html:has(body.drose-works-lightbox-open:not(.dark-mode)),
html:has(body.drose-works-lightbox-open:not(.dark-mode)) body,
body.drose-works-lightbox-open:not(.dark-mode) {
    background-color: #ffffff !important;
    background-image: none !important;
}

html.drose-lightbox-allow-rotate:has(body.dark-mode.warm-tone),
html:has(body.drose-works-lightbox-open.dark-mode.warm-tone),
html:has(body.drose-works-lightbox-open.dark-mode.warm-tone) body,
body.drose-works-lightbox-open.dark-mode.warm-tone {
    background-color: #26201c !important;
    background-image: none !important;
}

@media (min-width: 769px) {
    body.drose-works-page .drose-works-lightbox {
        /* Frecce/chiudi sopra la foto: niente padding laterale che rimpicciolisce le orizzontali */
        padding: 4px;
        align-items: center;
        justify-content: center;
    }

    body.drose-works-page .drose-works-lightbox__content,
    body.drose-works-page .drose-works-lightbox--photo .drose-works-lightbox__content {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        background: transparent;
        border-radius: 0;
        overflow: hidden;
    }

    body.drose-works-page .drose-works-lightbox__image,
    body.drose-works-page .drose-works-lightbox__video,
    body.drose-works-page .drose-works-lightbox--photo .drose-works-lightbox__image {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
        border-radius: 0;
    }

    body.drose-works-page .drose-works-lightbox__video {
        background: #000;
    }
}

/* Mobile: bottone hamburger Drose (barre + sfondo) = brand, non blu Gadly */
@media (max-width: 768px), ((max-height: 560px) and (orientation: landscape) and (max-width: 1024px)) {
    body.is-drose-brand:not(.dark-mode) .header-menu-btn,
    body.is-drose-brand:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-btn,
    body.is-drose-brand:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-btn:hover,
    body.drose-page:not(.dark-mode) .header-menu-btn,
    body.drose-page:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-btn {
        background: linear-gradient(145deg, #ffedd5 0%, #fed7aa 100%) !important;
        background-image: linear-gradient(145deg, #ffedd5 0%, #fed7aa 100%) !important;
        box-shadow: 0 2px 8px rgba(180, 83, 9, 0.22) !important;
    }

    body.is-drose-brand:not(.dark-mode) .site-header .header-menu-btn:hover,
    body.is-drose-brand:not(.dark-mode) .site-header .header-menu-btn:active,
    body.is-drose-brand:not(.dark-mode) .site-header .header-menu-btn:focus:not(:focus-visible),
    body.drose-page:not(.dark-mode) .site-header .header-menu-btn:hover,
    body.drose-page:not(.dark-mode) .site-header .header-menu-btn:active,
    body.drose-page:not(.dark-mode) .site-header .header-menu-btn:focus:not(:focus-visible) {
        box-shadow: 0 2px 8px rgba(180, 83, 9, 0.22) !important;
    }

    body.is-drose-brand:not(.dark-mode) .header-menu-icon,
    body.is-drose-brand:not(.dark-mode) .header-menu-icon::before,
    body.is-drose-brand:not(.dark-mode) .header-menu-icon::after,
    body.is-drose-brand:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-icon,
    body.is-drose-brand:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-icon::before,
    body.is-drose-brand:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-icon::after,
    body.drose-page:not(.dark-mode) .header-menu-icon,
    body.drose-page:not(.dark-mode) .header-menu-icon::before,
    body.drose-page:not(.dark-mode) .header-menu-icon::after,
    body.drose-page:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-icon::before,
    body.drose-page:not(.dark-mode).nav-open:not(.nav-closing) .header-menu-icon::after {
        background: #b45309 !important;
    }

    body.dark-mode.is-drose-brand .header-menu-btn,
    body.dark-mode.is-drose-brand.nav-open:not(.nav-closing) .header-menu-btn,
    body.dark-mode.is-drose-brand.nav-open:not(.nav-closing) .header-menu-btn:hover,
    body.dark-mode.drose-page .header-menu-btn,
    body.dark-mode.drose-page.nav-open:not(.nav-closing) .header-menu-btn {
        background: linear-gradient(145deg, rgba(251, 191, 36, 0.22) 0%, rgba(251, 191, 36, 0.1) 100%) !important;
        background-image: linear-gradient(145deg, rgba(251, 191, 36, 0.22) 0%, rgba(251, 191, 36, 0.1) 100%) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
    }

    body.dark-mode.is-drose-brand .site-header .header-menu-btn:hover,
    body.dark-mode.is-drose-brand .site-header .header-menu-btn:active,
    body.dark-mode.is-drose-brand .site-header .header-menu-btn:focus:not(:focus-visible),
    body.dark-mode.drose-page .site-header .header-menu-btn:hover,
    body.dark-mode.drose-page .site-header .header-menu-btn:active,
    body.dark-mode.drose-page .site-header .header-menu-btn:focus:not(:focus-visible) {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
    }

    body.dark-mode.is-drose-brand .header-menu-icon,
    body.dark-mode.is-drose-brand .header-menu-icon::before,
    body.dark-mode.is-drose-brand .header-menu-icon::after,
    body.dark-mode.is-drose-brand.nav-open:not(.nav-closing) .header-menu-icon,
    body.dark-mode.is-drose-brand.nav-open:not(.nav-closing) .header-menu-icon::before,
    body.dark-mode.is-drose-brand.nav-open:not(.nav-closing) .header-menu-icon::after,
    body.dark-mode.drose-page .header-menu-icon,
    body.dark-mode.drose-page .header-menu-icon::before,
    body.dark-mode.drose-page .header-menu-icon::after,
    body.dark-mode.drose-page.nav-open:not(.nav-closing) .header-menu-icon::before,
    body.dark-mode.drose-page.nav-open:not(.nav-closing) .header-menu-icon::after {
        background: #fbbf24 !important;
    }
}

/* Mobile hamburger Drose: voci = ambra/oro brand (non blu Gadly) */
@media (max-width: 768px), ((max-height: 560px) and (orientation: landscape) and (max-width: 1024px)) {
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout),
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):link,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):visited,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):hover,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):active,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):focus,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):focus-visible,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-link:not(.header-link--logout).is-nav-link-hover,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-auth-wrap .header-link:not(.header-link--logout),
    body.is-drose-brand:not(.dark-mode) .header-nav .header-auth-wrap .header-link:not(.header-link--logout):hover,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-auth-wrap .header-link:not(.header-link--logout):active,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-auth-wrap .header-link:not(.header-link--logout):focus,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-auth-wrap .header-link:not(.header-link--logout):focus-visible,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-manage-wrap .header-link,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-manage-wrap .header-link:hover,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-manage-wrap .header-link:active,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-manage-wrap .header-link:focus,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-manage-wrap .header-link:focus-visible,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-account .header-link:not(.header-link--logout),
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-account .header-link:not(.header-link--logout):hover,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-account .header-link:not(.header-link--logout):active,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-account .header-link:not(.header-link--logout):focus,
    body.is-drose-brand:not(.dark-mode) .header-nav .header-nav-account .header-link:not(.header-link--logout):focus-visible,
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout),
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):link,
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):visited,
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):hover,
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):active,
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):focus,
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout):focus-visible,
    body.drose-page:not(.dark-mode) .header-nav .header-link:not(.header-link--logout).is-nav-link-hover {
        color: #b45309 !important;
        -webkit-text-fill-color: #b45309 !important;
        background: transparent !important;
    }

    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout),
    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout):link,
    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout):visited,
    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout):hover,
    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout):active,
    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout):focus,
    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout):focus-visible,
    body.dark-mode.is-drose-brand .header-nav .header-link:not(.header-link--logout).is-nav-link-hover,
    body.dark-mode.is-drose-brand .header-nav .header-auth-wrap .header-link:not(.header-link--logout),
    body.dark-mode.is-drose-brand .header-nav .header-auth-wrap .header-link:not(.header-link--logout):hover,
    body.dark-mode.is-drose-brand .header-nav .header-auth-wrap .header-link:not(.header-link--logout):active,
    body.dark-mode.is-drose-brand .header-nav .header-auth-wrap .header-link:not(.header-link--logout):focus,
    body.dark-mode.is-drose-brand .header-nav .header-auth-wrap .header-link:not(.header-link--logout):focus-visible,
    body.dark-mode.is-drose-brand .header-nav .header-nav-manage-wrap .header-link,
    body.dark-mode.is-drose-brand .header-nav .header-nav-manage-wrap .header-link:hover,
    body.dark-mode.is-drose-brand .header-nav .header-nav-manage-wrap .header-link:active,
    body.dark-mode.is-drose-brand .header-nav .header-nav-manage-wrap .header-link:focus,
    body.dark-mode.is-drose-brand .header-nav .header-nav-manage-wrap .header-link:focus-visible,
    body.dark-mode.is-drose-brand .header-nav .header-nav-account .header-link:not(.header-link--logout),
    body.dark-mode.is-drose-brand .header-nav .header-nav-account .header-link:not(.header-link--logout):hover,
    body.dark-mode.is-drose-brand .header-nav .header-nav-account .header-link:not(.header-link--logout):active,
    body.dark-mode.is-drose-brand .header-nav .header-nav-account .header-link:not(.header-link--logout):focus,
    body.dark-mode.is-drose-brand .header-nav .header-nav-account .header-link:not(.header-link--logout):focus-visible,
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout),
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout):link,
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout):visited,
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout):hover,
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout):active,
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout):focus,
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout):focus-visible,
    body.dark-mode.drose-page .header-nav .header-link:not(.header-link--logout).is-nav-link-hover {
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
        background: transparent !important;
    }
}