@media (max-width: 768px) {
/* 1. Completely hide the inline reveal content on mobile */
.sv-drop .sv-reveal {
display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
opacity: 0 !important;
}

/* 2. Remove any extra spacing your 'sv-open' class might be adding */
.sv-drop.sv-open {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}

/* --- AGGRESSIVE MODAL VISIBILITY CSS --- */

.mobile-modal-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: rgba(0, 0, 0, 0.75) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
z-index: 999999 !important; /* Forced to the absolute front */
display: flex !important;
align-items: flex-end !important;

/* Hidden State */
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Open State */
.mobile-modal-overlay.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}

.mobile-modal-container {
width: 100% !important;
max-height: 85vh !important;
background-color: #fff !important;
border-radius: 24px 24px 0 0 !important;
padding: 40px 24px 30px !important;
position: relative !important;
overflow-y: auto !important;
transform: translateY(100%);
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 -10px 40px rgba(0,0,0,0.5) !important;
}

.mobile-modal-overlay.is-open .mobile-modal-container {
transform: translateY(0) !important;
}

/* Text & Layout inside the modal so you can actually read it */
.mobile-modal-content {
color: #fff !important;
width: 100% !important;
}

.mobile-modal-close {
position: absolute !important;
top: 16px !important;
right: 16px !important;
background: #F0531C !important;
border: none !important;
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #fff !important;
cursor: pointer !important;
z-index: 10 !important;
}

.mobile-modal-close svg {
width: 18px !important;
height: 18px !important;
}

body.modal-locked {
overflow: hidden !important;
}

.sv-in2 { grid-template-columns: 1fr !important; }

.ic .sv-plus-icon {
  width: 14px; 
  height: 14px;
  color: #ffffff; 
  display: block;
}
}

@media (min-width: 769px) {
  .mobile-modal-overlay {
    display: none !important;
  }
}