/*
  LA VALLORA — MOBILE UI RESET
  Loaded after style.css. Desktop remains unchanged.
*/

@media (max-width: 900px) {
  :root {
    --mobile-gap: 14px;
    --mobile-radius: 24px;
    --mobile-shadow: 0 14px 40px rgba(17, 28, 24, .08);
  }

  html {
    scroll-padding-top: 96px;
    overscroll-behavior-y: auto;
  }

  body {
    background: #f5f7f3;
    overflow-x: hidden;
    overscroll-behavior-y: auto;
  }

  body.menu-open {
    overflow: hidden;
  }

  .noise {
    display: none !important;
  }

  .container,
  .rev-shell,
  .rev-controls {
    width: min(100% - 28px, 720px) !important;
  }

  h2,
  .section-head h2,
  .slider-copy h2,
  .ambient-content h2,
  .method-intro h2,
  .cta-card h2,
  .care-copy h2 {
    font-size: clamp(2rem, 8.5vw, 3rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
  }

  p {
    text-wrap: pretty;
  }

  /* Navigation */
  .topbar {
    top: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .topbar .container {
    width: calc(100% - 20px) !important;
  }

  .nav {
    position: relative;
    min-height: 72px !important;
    height: 72px !important;
    padding: 8px 10px 8px 14px !important;
    gap: 10px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(18, 63, 52, .09) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 12px 36px rgba(10, 31, 24, .13) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    justify-content: space-between !important;
  }

  .brand-logo-link {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 58px) !important;
    height: 54px !important;
    overflow: hidden;
  }

  .brand-logo-img {
    width: min(100%, 242px) !important;
    height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .menu {
    display: grid !important;
    place-items: center;
    flex: 0 0 46px;
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
    background: var(--green) !important;
    color: #fff !important;
    font-size: 1.35rem;
    line-height: 1;
    box-shadow: none !important;
  }

  .nav-links {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    display: none !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(18, 63, 52, .10) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 22px 60px rgba(10, 31, 24, .18) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }

  .nav-links.open {
    display: grid !important;
  }

  .nav-links a {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    background: #f3f7f4;
    color: var(--green) !important;
    font-size: .88rem;
    text-align: center;
  }

  .nav-links .nav-cta {
    grid-column: 1 / -1;
    min-height: 52px;
    background: var(--green) !important;
    color: #fff !important;
  }

  /* Hero */
  .rev-hero {
    min-height: max(780px, 100svh) !important;
    padding: 108px 0 28px !important;
    display: flex !important;
    align-items: flex-end !important;
    background: #102c24 !important;
  }

  .rev-slide,
  .rev-slide.active {
    inset: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    transition: opacity .55s ease !important;
  }

  .rev-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 62% center !important;
    transform: none !important;
    filter: saturate(.90) contrast(1.02) !important;
  }

  .rev-slide:nth-of-type(2) img {
    object-position: 58% center !important;
  }

  .rev-slide:nth-of-type(3) img {
    object-position: 66% center !important;
  }

  .rev-slide::after {
    background:
      linear-gradient(180deg, rgba(8, 25, 19, .40) 0%, rgba(8, 25, 19, .18) 26%, rgba(8, 25, 19, .72) 66%, rgba(8, 25, 19, .96) 100%) !important;
  }

  .rev-shell {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: end !important;
    align-items: end !important;
    gap: 18px !important;
    margin: 0 auto !important;
  }

  .rev-copy {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .rev-kicker {
    min-height: 36px !important;
    padding: 8px 11px !important;
    font-size: .64rem !important;
    letter-spacing: .09em !important;
    background: rgba(255, 255, 255, .12) !important;
  }

  .rev-title {
    max-width: 680px !important;
    margin: 18px 0 0 !important;
    font-size: clamp(2.6rem, 11.5vw, 4.25rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  .rev-title span {
    margin-top: 6px;
  }

  .rev-text {
    max-width: 580px !important;
    margin: 18px 0 0 !important;
    color: rgba(255, 255, 255, .84) !important;
    font-size: .98rem !important;
    line-height: 1.62 !important;
  }

  .rev-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .rev-btn {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    font-size: .86rem !important;
    line-height: 1.25;
    text-align: center;
  }

  .rev-panel {
    width: 100% !important;
    margin: 0 0 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .rev-panel-top {
    display: none !important;
  }

  .rev-mini-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .rev-mini {
    min-height: 76px;
    padding: 12px 9px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .11) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .rev-mini b {
    font-size: .84rem !important;
  }

  .rev-mini small {
    margin-top: 5px !important;
    font-size: .68rem !important;
    line-height: 1.3 !important;
  }

  .rev-controls {
    left: 50% !important;
    bottom: 18px !important;
    justify-content: center !important;
  }

  .rev-arrows,
  .scroll-hint {
    display: none !important;
  }

  .rev-dots {
    padding: 8px !important;
    background: rgba(255, 255, 255, .10) !important;
  }

  /* Shared sections */
  .section,
  .slider-section,
  .process {
    padding: 68px 0 !important;
  }

  .section-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: start !important;
    margin-bottom: 26px !important;
  }

  .section-head p,
  .slider-copy p,
  .care-copy > p,
  .method-intro > p,
  .cta-card > div > p,
  .results-gallery-heading > p:last-child {
    font-size: .98rem !important;
    line-height: 1.68 !important;
  }

  .services-head,
  .servizi-title-centered {
    text-align: left !important;
  }

  /* Services: image full width, services in a 2x2 grid */
  .bento {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .bento-card {
    min-width: 0 !important;
    min-height: 226px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .bento-card.tall {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: 280px !important;
    height: 280px !important;
    padding: 0 !important;
  }

  .bento-card.tall img {
    height: 100% !important;
    object-position: center 35% !important;
  }

  .bento-card .image-label {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 12px 13px !important;
    border-radius: 15px !important;
    font-size: .84rem !important;
    line-height: 1.35;
  }

  .bento-icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 28px !important;
    border-radius: 13px !important;
  }

  .bento-card h3 {
    font-size: 1.05rem !important;
    line-height: 1.16 !important;
  }

  .bento-card p {
    font-size: .86rem !important;
    line-height: 1.55 !important;
  }

  /* Care section */
  .care-section {
    padding: 16px 0 68px !important;
  }

  .care-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .care-copy {
    padding: 22px !important;
    border-radius: 26px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .care-points {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 22px 0 24px !important;
  }

  .care-points div {
    min-width: 0;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .care-points div:last-child {
    grid-column: 1 / -1;
  }

  .care-points strong {
    font-size: .9rem !important;
  }

  .care-points span {
    font-size: .82rem !important;
    line-height: 1.45 !important;
  }

  .care-copy .btn {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    text-align: center;
  }

  .care-images {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .care-image,
  .care-image-main,
  .care-image-small {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 22px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .care-image img {
    height: 100% !important;
    object-fit: cover !important;
  }

  .care-image-main img {
    object-position: center !important;
  }

  .care-image-small img {
    object-position: 36% center !important;
  }

  .care-image figcaption {
    left: 9px !important;
    right: 9px !important;
    bottom: 9px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
    font-size: .72rem !important;
    line-height: 1.3 !important;
  }

  /* Before/after and gallery */
  .slider-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 16px !important;
    border-radius: 28px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .slider-copy {
    padding: 6px !important;
  }

  .slider-list {
    gap: 10px !important;
    margin-top: 20px !important;
  }

  .slider-list li {
    align-items: flex-start !important;
    font-size: .9rem !important;
    line-height: 1.45;
  }

  .ba-slider {
    aspect-ratio: 4 / 3 !important;
    border-radius: 20px !important;
  }

  .ba-slider img {
    object-position: center !important;
  }

  .ba-knob {
    width: 46px !important;
    height: 46px !important;
  }

  .results-gallery-wrap {
    margin-top: 42px !important;
  }

  .results-gallery-heading {
    margin-bottom: 20px !important;
  }

  .results-gallery-heading h3 {
    font-size: 2rem !important;
    line-height: 1.06 !important;
  }

  .results-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .result-gallery-card {
    min-width: 0;
    border-radius: 20px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .result-gallery-image {
    aspect-ratio: 1 / 1 !important;
  }

  .result-gallery-zoom {
    right: 10px !important;
    bottom: 10px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 1.05rem !important;
  }

  .result-gallery-caption {
    padding: 13px !important;
  }

  .result-gallery-caption strong {
    font-size: .88rem !important;
    line-height: 1.25;
  }

  .result-gallery-caption small {
    display: none !important;
  }

  .gallery-lightbox {
    padding: 10px !important;
  }

  .gallery-lightbox-dialog {
    width: 100% !important;
  }

  .gallery-lightbox-image-wrap {
    border-radius: 18px !important;
  }

  .gallery-lightbox-close {
    top: 10px !important;
    right: 10px !important;
  }

  .gallery-lightbox-arrow {
    width: 42px !important;
    height: 52px !important;
    border-radius: 14px !important;
  }

  /* Experience */
  .ambient {
    min-height: 0 !important;
    padding: 68px 0 !important;
    background-attachment: scroll !important;
  }

  .ambient-content {
    padding: 0 !important;
  }

  .ambient h2 {
    max-width: 650px !important;
  }

  .ambient p {
    font-size: .96rem !important;
    line-height: 1.68 !important;
  }

  .ambient-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }

  .ambient-grid div {
    min-width: 0;
    padding: 15px !important;
    border-radius: 18px !important;
  }

  .ambient-grid div:last-child {
    grid-column: 1 / -1;
  }

  .ambient-grid strong {
    font-size: .9rem;
    line-height: 1.3;
  }

  .ambient-grid span {
    font-size: .8rem;
    line-height: 1.45 !important;
  }

  /* Method: intro full width, four steps in two columns */
  .method-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .method-intro {
    padding: 22px !important;
    border-radius: 26px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .method-pills {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 22px !important;
  }

  .method-pills span {
    min-width: 0;
    min-height: 38px !important;
    padding: 8px !important;
    justify-content: center;
    font-size: .76rem !important;
  }

  .method-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .step {
    min-width: 0;
    min-height: 196px !important;
    padding: 18px 15px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .step-icon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 14px !important;
    border-radius: 13px !important;
  }

  .step h3 {
    font-size: .98rem !important;
  }

  .step p {
    font-size: .82rem !important;
    line-height: 1.5 !important;
  }

  /* Contact */
  .cta {
    padding: 18px 0 68px !important;
  }

  .cta-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 20px !important;
    border-radius: 28px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .contact-details {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .contact-detail {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px 13px !important;
    border-radius: 17px !important;
    box-shadow: none !important;
  }

  .contact-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }

  .contact-detail strong {
    font-size: .94rem !important;
  }

  .form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 18px !important;
    border-radius: 23px !important;
    box-shadow: none !important;
  }

  .form label {
    margin-bottom: 14px !important;
    font-size: .9rem !important;
  }

  .form input,
  .form select,
  .form textarea {
    min-height: 50px;
    margin-top: 7px !important;
    padding: 13px 14px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    background: #f6f8f5 !important;
  }

  .form textarea {
    min-height: 128px;
    resize: vertical;
  }

  .privacy-consent {
    grid-template-columns: 21px minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 13px !important;
    border-radius: 15px !important;
    font-size: .82rem !important;
    line-height: 1.5 !important;
  }

  .form .btn-primary {
    min-height: 54px !important;
    border-radius: 16px !important;
  }

  /* Footer: about full width, links in two columns */
  .site-footer {
    background: var(--green) !important;
  }

  .site-footer::before,
  .site-footer::after {
    display: none !important;
    content: none !important;
  }

  .footer-inner {
    padding-top: 50px !important;
    padding-bottom: 24px !important;
  }

  .footer-main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px 20px !important;
    padding-bottom: 30px !important;
  }

  .footer-about {
    grid-column: 1 / -1 !important;
    max-width: 560px !important;
  }

  .footer-brand-link {
    margin-bottom: 16px !important;
  }

  .footer-brand-image {
    width: 150px !important;
  }

  .footer-about p {
    font-size: .9rem !important;
    line-height: 1.65 !important;
  }

  .footer-column {
    gap: 9px !important;
  }

  .footer-column h3 {
    font-size: 1rem !important;
  }

  .footer-column a,
  .footer-column span {
    font-size: .84rem !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere;
  }

  .footer-legal {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding-top: 20px !important;
    font-size: .78rem !important;
  }

  /* Privacy page */
  .privacy-page {
    padding: 106px 0 54px !important;
  }

  .privacy-card {
    padding: 22px !important;
    border-radius: 24px !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .privacy-heading {
    padding-bottom: 22px !important;
    margin-bottom: 26px !important;
  }

  .privacy-heading h1 {
    font-size: clamp(2.4rem, 12vw, 3.7rem) !important;
  }

  .privacy-card section {
    padding-bottom: 22px !important;
    margin-bottom: 24px !important;
  }

  .privacy-card p,
  .privacy-card li {
    font-size: .94rem !important;
    line-height: 1.68 !important;
  }
}

@media (max-width: 480px) {
  .rev-text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .bento-card {
    min-height: 214px !important;
    padding: 16px !important;
  }

  .bento-card p {
    font-size: .82rem !important;
  }

  .method-grid {
    gap: 10px !important;
  }

  .step {
    min-height: 188px !important;
    padding: 16px 13px !important;
  }
}

@media (max-width: 360px) {
  .container,
  .rev-shell,
  .rev-controls {
    width: calc(100% - 22px) !important;
  }

  .brand-logo-img {
    width: 206px !important;
  }

  .nav-links,
  .bento,
  .care-points,
  .care-images,
  .results-gallery,
  .ambient-grid,
  .method-grid,
  .footer-main {
    grid-template-columns: 1fr !important;
  }

  .nav-links .nav-cta,
  .care-points div:last-child,
  .ambient-grid div:last-child,
  .footer-about {
    grid-column: auto !important;
  }

  .rev-actions {
    grid-template-columns: 1fr !important;
  }

  .rev-title {
    font-size: 2.42rem !important;
  }

  .rev-mini small {
    display: none !important;
  }

  .rev-mini {
    min-height: 54px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rev-slide,
  .result-gallery-image img,
  .rev-btn,
  .contact-detail,
  .result-gallery-card {
    transition: none !important;
  }
}


/* REVSLIDER MOBILE — FULL WIDTH */
@media (max-width: 900px) {
  .rev-hero {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 42px !important;
    border-radius: 0 0 28px 28px !important;
  }

  .rev-shell {
    width: min(100% - 28px, 720px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .rev-controls {
    width: min(100% - 28px, 720px) !important;
  }
}

@media (max-width: 420px) {
  .rev-hero {
    width: 100% !important;
    margin: 0 0 38px !important;
    border-radius: 0 0 24px 24px !important;
  }
}


/* MOBILE REV MINI TEXT FIX */
@media (max-width: 900px) {
  .rev-mini {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
    min-height: 96px !important;
    padding: 12px 10px !important;
  }

  .rev-mini b {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 0.98rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .rev-mini small {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    text-align: center !important;
    color: rgba(255,255,255,.78) !important;
  }
}

@media (max-width: 480px) {
  .rev-mini-grid {
    gap: 8px !important;
  }

  .rev-mini {
    min-height: 92px !important;
    padding: 10px 8px !important;
  }

  .rev-mini b {
    font-size: 0.94rem !important;
  }

  .rev-mini small {
    font-size: 0.68rem !important;
    line-height: 1.22 !important;
  }
}


/* MOBILE FOOTER — CENTERED */
@media (max-width: 900px) {
  .site-footer,
  .footer-inner,
  .footer-main,
  .footer-about,
  .footer-column,
  .footer-legal {
    text-align: center !important;
  }

  .footer-main {
    width: 100% !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-items: center !important;
  }

  .footer-about {
    width: 100% !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .footer-brand-link {
    display: flex !important;
    width: fit-content !important;
    margin: 0 auto 16px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .footer-brand-image {
    display: block !important;
    margin: 0 auto !important;
  }

  .footer-about p {
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .footer-column {
    width: 100% !important;
    align-items: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .footer-column h3,
  .footer-column a,
  .footer-column span {
    width: 100% !important;
    text-align: center !important;
  }

  .footer-legal {
    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .footer-legal span,
  .footer-privacy-link {
    width: 100% !important;
    text-align: center !important;
  }
}


/* MOBILE — light green background for the 3 care cards */
@media (max-width: 900px) {
  .care-points div {
    background: #edf6ee !important;
    border: 1px solid rgba(109, 142, 116, .22) !important;
    box-shadow: none !important;
  }

  .care-points strong {
    color: #184d3e !important;
  }

  .care-points span {
    color: #5f6f68 !important;
  }
}


/* MOBILE FORM — normal privacy checkbox */
@media (max-width: 900px) {
  .privacy-consent {
    align-items: start !important;
    text-align: left !important;
  }

  .privacy-consent input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    padding: 0 !important;
    margin: 3px 0 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    accent-color: #184d3e !important;
  }

  .privacy-consent span {
    text-align: left !important;
    font-size: .82rem !important;
    line-height: 1.5 !important;
  }
}