/* Auth-only adaptation; shared account pages and desktop layout stay unchanged. */
.mobile-auth-discover { display: contents; }
.mobile-auth-discover > summary { display: none; }
@media (max-width: 900px) {
  [data-mobile-page="index"] #contactModal .contact-content { height: auto !important; max-height: calc(100dvh - 24px) !important; padding: 20px 16px 16px !important; overflow-y: auto; }
  [data-mobile-page="index"] #contactForm { display: grid; gap: 10px; margin: 0; padding: 0; }
  [data-mobile-page="index"] #contactForm h2 { font-size: 20px; line-height: 26px; margin: 0 24px 8px; text-align: center; }
  [data-mobile-page="index"] #contactForm :is(.input-group,.form-group,.custom-dropdown) { margin: 0 !important; padding: 0; }
  [data-mobile-page="index"] #contactForm :is(input:not([type="checkbox"]),#contactDropdownBtn) { height: 44px; min-height: 44px; margin: 0 !important; padding: 10px 12px; font-size: 16px; }
  [data-mobile-page="index"] #contactForm textarea { height: clamp(70px, 16dvh, 120px); min-height: 70px; margin: 0; padding: 12px; font-size: 16px; resize: none; }
  [data-mobile-page="index"] #contactForm :is(input,textarea)::placeholder, [data-mobile-page="index"] #contactDropdownBtn { font-size: 13px; }
  [data-mobile-page="index"] #submitContact { height: 44px; min-height: 44px; margin: 0 !important; padding: 10px; }
  [data-mobile-page="index"] #contactFormMessage { position: static; width: 100%; margin: 0; }
  [data-mobile-page="index"] :is(.custom-policies-overlay,.custom-popup-overlay) { inset: 0 !important; width: 100% !important; height: 100dvh !important; padding: 16px !important; z-index: 10000; }
  [data-mobile-page="index"] :is(.custom-policies-box,.custom-popup-box) { position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; min-width: 0 !important; max-width: 520px !important; height: auto !important; max-height: calc(100dvh - 32px) !important; margin: auto !important; padding: 20px !important; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border-radius: 8px; animation: none; text-align: left; }
  [data-mobile-page="index"] .custom-popup-box :is(h2,h3,p,a) { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-indent: 0; }
  [data-mobile-page="index"] .custom-popup-box h2 { font-size: 18px; line-height: 1.4; font-weight: 600; margin: 20px 0 10px; color: #637d25; }
  [data-mobile-page="index"] .custom-popup-box h3 { font-size: 14px; font-weight: 400; line-height: 1.65; margin: 12px 0; }
  [data-mobile-page="index"] .custom-popup-close { position: sticky !important; top: -20px !important; right: auto !important; display: flex; align-items: center; min-height: 48px; margin: -20px -20px 16px; padding: 12px 20px; background: #fff; border-bottom: 1px solid #e3e7dd; color: #596f24; z-index: 1; }
  [data-mobile-page="index"] .custom-popup-closee { position: static !important; display: flex; align-items: center; min-height: 44px; margin: 16px 0 0; }
  [data-mobile-page="index"] .custom-close-btn-bottom { display: block; width: 100%; min-height: 44px; margin: 16px 0 0; }
  [data-mobile-page="index"] .custom-accordion-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; font-size: 14px; white-space: normal; }
  [data-mobile-page="index"] .custom-policies-header { margin: 8px 32px 20px; font-size: 20px; }
  [data-mobile-page="index"] .mobile-auth-discover { display: block; width: 100%; max-width: 460px; margin: 20px auto 0; border-top: 1px solid #d5ddc5; border-bottom: 1px solid #d5ddc5; }
  [data-mobile-page="index"] .mobile-auth-discover > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 80px; padding: 16px 4px; list-style: none; cursor: pointer; color: #34402a; font-size: 16px; font-weight: 600; }
  [data-mobile-page="index"] .mobile-auth-discover > summary small { display: block; margin-top: 6px; color: #626c58; font-size: 13px; font-weight: 400; }
  [data-mobile-page="index"] .mobile-auth-discover > summary i { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: #b8d057; color: #34402a; font-size: 16px; }
  [data-mobile-page="index"] .mobile-auth-discover > summary::-webkit-details-marker { display: none; }
  [data-mobile-page="index"] .mobile-auth-discover > summary:focus-visible { outline: 2px solid #70852b; outline-offset: 4px; }
  [data-mobile-page="index"] .mobile-audience-modal { padding: 64px 12px 72px !important; background: rgb(25 31 20 / 65%); }
  [data-mobile-page="index"] .mobile-audience-modal > :is(.modal-content,.modal-contentr,.modal-contents) { position: relative !important; width: 100% !important; max-width: 520px !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; overflow: visible !important; border-radius: 8px; background: transparent !important; }
  [data-mobile-page="index"] .mobile-audience-modal .image-container { width: 100% !important; height: min(56vw, 292px) !important; max-height: calc(100dvh - 144px) !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; scroll-snap-type: y proximity; }
  [data-mobile-page="index"] .mobile-audience-modal .image-container img { min-width: 0 !important; max-width: 100% !important; border-radius: 0 !important; scroll-snap-align: start; }
  [data-mobile-page="index"] .mobile-audience-modal :is(.close-btnr,.close-btns) { display: none !important; }
  [data-mobile-page="index"] .mobile-audience-modal .scroll-btn { top: auto !important; bottom: 16px !important; width: 44px !important; height: 44px !important; }
  [data-mobile-page="index"] .mobile-audience-modal .scroll-left { left: 16px !important; }
  [data-mobile-page="index"] .mobile-audience-modal .scroll-right { right: 16px !important; }
  [data-mobile-page="index"] .mobile-audience-modal .circle-indicators { bottom: 32px !important; left: 50% !important; transform: translateX(-50%); width: auto !important; }
  [data-mobile-page="index"] .mobile-audience-modal .mobile-slide-controls { position: absolute; left: 0; right: 0; bottom: 8px; z-index: 3; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 8px; padding: 0 12px; background: transparent; border-radius: 0; pointer-events: none; }
  [data-mobile-page="index"] .mobile-slide-controls .scroll-btn { position: static !important; transform: none !important; margin: 0 !important; padding: 0; background: rgb(184 208 87 / 92%); color: #33411b; font-size: 22px; pointer-events: auto; }
  [data-mobile-page="index"] .mobile-slide-controls .circle-indicators { position: static !important; transform: none !important; margin: 0 !important; display: flex; justify-content: center; gap: 8px; pointer-events: none; }
  [data-mobile-page="index"] .mobile-slide-controls .circle { margin: 0; width: 7px; height: 7px; }
  html[data-mobile-page="index"] body {
    padding: 88px 24px 0 !important;
    background: #efefef !important;
  }
  [data-mobile-page="index"] body > .navbar {
    display: grid !important;
    grid-template-columns: 1fr auto auto;
    height: 68px !important;
    padding: 8px 24px !important;
    align-items: center;
    gap: 16px;
    box-shadow: none;
    border-bottom: 1px solid #eceeeb;
  }
  [data-mobile-page="index"] .navbar .logo img {
    width: 106px !important;
    height: 48px !important;
    object-fit: contain;
  }
  [data-mobile-page="index"] .navbar .nav-right { grid-column: 2; grid-row: 1; margin: 0; padding: 0; }
  [data-mobile-page="index"] .navbar .About { width: auto; height: 40px; margin: 0; padding: 8px 16px; }
  [data-mobile-page="index"] .navbar .nav-links { grid-column: 3; grid-row: 1; }
  [data-mobile-page="index"] .navbar .mobile-auth-menu { display: grid; margin: 0; color: #30362c; }
  [data-mobile-page="index"] .navbar .About { background: #b8d057; color: #fff; border: 0; padding: 8px 14px; font-size: 14px; }
  [data-mobile-page="index"] .navbar .nav-wrapper {
    display: none !important;
    position: absolute !important;
    transform: none !important;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
  }
  [data-mobile-page="index"] .navbar .nav-wrapper.mobile-expanded {
    display: flex !important;
    top: 64px;
    left: auto;
    right: 16px;
    width: 220px;
    padding: 12px;
    border: 1px solid #e3e4e6;
    box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
  }
  [data-mobile-page="index"] .nav-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    margin: 0;
    font-size: 13px;
    white-space: nowrap;
  }
  [data-mobile-page="index"] .nav-wrapper a img { width: 20px; height: 20px; object-fit: contain; }
  [data-mobile-page="index"] .wrapper-container {
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 460px;
    margin: 0 auto !important;
  }
  [data-mobile-page="index"] .wrapper {
    min-height: 0;
    padding: 24px 16px 28px !important;
    border: 1px solid #b8d057;
    border-radius: 20px;
    box-shadow: 0 6px 10px rgb(0 0 0 / 9%);
  }
  [data-mobile-page="index"] .logo-container { margin: 0 0 32px !important; text-align: center; }
  [data-mobile-page="index"] .logo-container > img { display: inline-block; width: 180px; height: 70px; object-fit: contain; }
  [data-mobile-page="index"] .slogan { margin: 0; font-size: 14px; line-height: 1.5; color: #58595b; }
  [data-mobile-page="index"] .login-form :is(.input-box1,.input-box) { margin: 0 0 18px !important; }
  [data-mobile-page="index"] .login-form .input-field { height: 50px; margin: 0; padding: 12px 44px 12px 14px; font-size: 16px; }
  [data-mobile-page="index"] .login-form .label { left: 14px; font-size: 14px; }
  [data-mobile-page="index"] .login-form .input-icon { top: auto; bottom: 16px; transform: none; }
  [data-mobile-page="index"] .login-form .input-field { border-color: #dce4d0; border-radius: 4px; background: #fff; }
  [data-mobile-page="index"] #loginPasswordToggle { width: 44px; height: 44px; right: 0; top: auto; bottom: 3px; transform: none; color: #657052; }
  [data-mobile-page="index"] #loginPasswordToggle img { width: 17px; height: 17px; object-fit: contain; }
  [data-mobile-page="index"] .form-cols { justify-content: space-between; align-items: center; margin: 0 0 16px !important; }
  [data-mobile-page="index"] .form-cols :is(label,a) { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
  [data-mobile-page="index"] .remember-me-wrap { gap: 6px; }
  [data-mobile-page="index"] .remember-me-wrap label { color: #59624f; }
  [data-mobile-page="index"] #rememberMe { width: 18px; height: 18px; flex-shrink: 0; }
  [data-mobile-page="index"] :is(.btn-submit,#SignUpBtn1,#SignUpBtn2,#SignUpBtn3) { height: 52px; margin: 0; font-size: 16px; font-weight: 500; color: #fff; border-radius: 4px; }
  [data-mobile-page="index"] :is(.form-cols,.switch-form,.switch-form2,.checkbox-label) a { color: #586c22; }
  [data-mobile-page="index"] :is(.switch-form,.switch-form2) { margin: 20px 0 0; font-size: 14px; line-height: 1.7; }
  [data-mobile-page="index"] :is(.switch-form,.switch-form2) a { display: inline-block; padding: 8px 0; }
  [data-mobile-page="index"] .form-selector { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 4px; margin: 0 0 20px; }
  [data-mobile-page="index"] .form-btn { display: flex; align-items: center; justify-content: center; gap: 4px; height: 48px; margin: 0; padding: 8px 2px; font-size: 13px; }
  [data-mobile-page="index"] .form-btn { border: 1px solid #b8d057; border-radius: 4px; background: #fff; color: #79962d; }
  [data-mobile-page="index"] .form-btn.active { background: #b8d057; color: #fff; }
  [data-mobile-page="index"] .form-container { padding: 0; border: 0; box-shadow: none; }
  [data-mobile-page="index"] .form-row { gap: 14px !important; margin-bottom: 14px !important; }
  [data-mobile-page="index"] .user-form :is(input:not([type="checkbox"]),button1) {
    display: block;
    min-height: 50px;
    height: auto;
    margin: 0 !important;
    padding: 14px 12px;
    font-size: 16px;
    line-height: 20px;
    box-sizing: border-box;
    transform: none !important;
    border-radius: 4px;
    border-color: #dce4d0;
    background-color: #fff;
  }
  [data-mobile-page="index"] .user-form input::placeholder { font-size: 13px; }
  [data-mobile-page="index"] .user-form button1 { font-size: 13px; }
  [data-mobile-page="index"] .user-form :is([id*="Menu"],[id*="menu"]) label { font-size: 13px !important; line-height: 1.4; min-height: 30px; margin: 0 !important; padding: 4px 0 !important; gap: 6px; }
  [data-mobile-page="index"] .user-form :is([id*="Menu"],[id*="menu"]) label span { font-size: inherit !important; }
  [data-mobile-page="index"] :is(.user-form input[type="checkbox"],#rememberMe) { appearance: none !important; position: relative; display: inline-block; padding: 0 !important; border: 1px solid #cbd1c4 !important; background: #fff !important; box-shadow: none !important; filter: none !important; border-radius: 3px; }
  [data-mobile-page="index"] :is(.user-form input[type="checkbox"],#rememberMe):checked { background: #b8d057 !important; border-color: #b8d057 !important; }
  [data-mobile-page="index"] :is(.user-form input[type="checkbox"],#rememberMe)::before { content: none !important; }
  [data-mobile-page="index"] :is(.user-form input[type="checkbox"],#rememberMe)::after { content: none !important; }
  [data-mobile-page="index"] :is(.user-form input[type="checkbox"],#rememberMe):checked::after { content: '' !important; position: absolute; top: 2px; left: 5px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); background: transparent; }
  [data-mobile-page="index"] .form-row > div { height: auto !important; transform: none !important; }
  [data-mobile-page="index"] .user-form input[type="checkbox"] { width: 18px !important; height: 18px; flex-shrink: 0; }
  [data-mobile-page="index"] .password-wrapper input { padding-right: 48px !important; }
  [data-mobile-page="index"] .password-wrapper .toggle-password { top: 50%; right: 0; width: 44px; height: 44px; margin: 0; padding: 12px; object-fit: contain; transform: translateY(-50%); }
  [data-mobile-page="index"] .password-requirements { display: block; font-size: 12px; line-height: 1.6; color: #58595b; margin: 0 0 16px; }
  [data-mobile-page="index"] .checkbox-wrapper { display: flex; align-items: center; gap: 8px; margin: 16px 0; min-height: 44px; }
  [data-mobile-page="index"] .checkbox-label { text-align: left; line-height: 1.6; font-size: 13px; }
  [data-mobile-page="index"] .checkbox-wrapper input[type="checkbox"] { display: block; accent-color: #b8d057; margin: 0; }
  [data-mobile-page="index"] .checkbox-wrapper .checkmark { display: none; }
  [data-mobile-page="index"] .image-section {
    display: flex !important;
    position: static !important;
    width: 100%;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px 24px;
  }
  [data-mobile-page="index"] .image-section img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    object-fit: contain;
    margin: 0 !important;
  }
  [data-mobile-page="index"] .image-section .description {
    position: static !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    font-size: 16px;
    line-height: 1.6;
    text-align: left;
  }
  [data-mobile-page="index"] .footer {
    width: calc(100% + 48px) !important;
    margin: 8px -24px 0;
    padding: 16px 12px calc(16px + env(safe-area-inset-bottom)) !important;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
  [data-mobile-page="index"] .footer-right > a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; }
  [data-mobile-page="index"] .auth-message::before { display: none; }
  [data-mobile-page="index"] .auth-message { box-shadow: none; border-radius: 6px; }
  [data-mobile-page="index"] .wrapper :is(a,button,input,button1):focus-visible { outline: 2px solid #70852b; outline-offset: 3px; }
}