/* Mobile styles for landing page */

/* Hide cursor animations on mobile */
@media (max-width: 767px) {
  .cursor {
    display: none !important;
  }
  .cursor2 {
    display: none !important;
  }
}

/* Small mobile devices */
@media (max-width: 480px) {
  /* Header */
  header .container-sm .flex.items-center {
    height: auto !important;
    min-height: 100px;
    padding: 15px 0;
  }
  

  
  header .logox {
    height: 50px !important;
  }
  
  /* Text sizes */
  h2, .text-3xl, .text-4xl {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
  }
  
  .text-2xl {
    font-size: 1.1rem !important;
  }
  
  .text-lg {
    font-size: 0.95rem !important;
  }
  
  /* Container padding */
  .container-sm, .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Why Us section */
  #why-us .grid {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
  
  /* Support section - ticket card */
  #whyus .flex.flex-col.lg\:flex-row {
    flex-direction: column !important;
  }
  
  #whyus .w-full.lg\:w-1\/2 {
    width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
    padding: 0 !important;
  }
  
  .tckt {
    transform: none !important;
    scale: 1 !important;
    padding: 0 !important;
    rotate: 0deg !important;
  }
  
  /* Keys cards */
  .flex-wrap.gap-1 {
    transform: none !important;
    rotate: 0deg !important;
    gap: 10px !important;
  }
  
  .card.keys {
    transform: none !important;
    width: 100% !important;
  }
  
  /* Notifications section */
  #notifications .flex.flex-col.lg\:flex-row {
    flex-direction: column !important;
  }
  
  #notifications .w-full.lg\:w-1\/2 {
    width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
    padding: 10px !important;
  }
  
  #notifications .space-y-4[style*="transform"] {
    width: 100% !important;
    transform: none !important;
    rotate: 0deg !important;
  }
  
  /* Reseller section */
  #notifications .w-full.lg\:w-1\/2.max-w-md {
    min-height: auto !important;
    margin-bottom: 30px !important;
    padding: 15px !important;
  }
  
  #notifications .flex-wrap.gap-1 {
    gap: 8px !important;
  }
  
  #notifications .box {
    width: 100% !important;
    flex-grow: 1 !important;
  }
  
  /* Buying keys section */
  #buying-keys-section {
    border-right: none !important;
    padding: 15px !important;
    overflow: visible !important;
  }
  
  #buying-keys-section h2 {
    text-align: center !important;
    margin-top: 20px !important;
  }
  
  #buying-keys-section .flex.flex-col.items-center.text-center {
    margin-left: 0 !important;
  }
  
  #buying-keys-section .grid {
    grid-template-columns: 1fr !important;
    transform: none !important;
    rotate: 0deg !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    gap: 20px !important;
  }
  
  /* Hide product card preview on mobile */
  #buying-keys-section .card.product {
    display: none !important;
  }
  
  /* Pricing card */
  .cardlanding.priceng {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
  
  .cardlanding.priceng .xl\:w-\[360px\] {
    width: 100% !important;
  }
  
  /* Success card */
  .cardlanding.succs {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
  }
  
  /* Products section */
  #products .grid {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
  
  #products .card {
    max-width: 100% !important;
  }
  
  /* Footer */
  footer .grid {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: 30px !important;
  }
  
  footer .space-y-4,
  footer .space-y-6 {
    text-align: center !important;
  }
  
  footer img {
    margin: 0 auto !important;
  }
  
  footer .flex.justify-center.gap-16 {
    flex-direction: column !important;
    gap: 20px !important;
  }
  
  /* Hide decorative elements */
  .de-gradient-edge-bottom {
    display: none !important;
  }
  

}

/* Medium mobile and small tablets */
@media (min-width: 481px) and (max-width: 767px) {
  header nav {
    display: none !important;
  }
  
  h2, .text-3xl, .text-4xl {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
  }
  
  /* Why Us section */
  #why-us .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
  }
  
  /* Support section */
  #whyus .flex.flex-col.lg\:flex-row {
    flex-direction: column !important;
  }
  
  #whyus .w-full.lg\:w-1\/2 {
    width: 100% !important;
    border-right: none !important;
  }
  
  .tckt {
    transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
  }
  
  .flex-wrap.gap-1 {
    transform: none !important;
    rotate: 0deg !important;
  }
  
  .card.keys {
    transform: none !important;
  }
  
  /* Notifications section */
  #notifications .flex.flex-col.lg\:flex-row {
    flex-direction: column !important;
  }
  
  #notifications .w-full.lg\:w-1\/2 {
    width: 100% !important;
    border-right: none !important;
  }
  
  #notifications .space-y-4[style*="transform"] {
    width: 100% !important;
    transform: none !important;
    rotate: 0deg !important;
  }
  
  /* Buying keys section */
  #buying-keys-section {
    border-right: none !important;
  }
  
  #buying-keys-section .grid {
    grid-template-columns: 1fr !important;
    transform: none !important;
    rotate: 0deg !important;
  }
  
  #buying-keys-section .card.product {
    display: none !important;
  }
  
  .cardlanding.priceng {
    width: 100% !important;
    margin-left: 0 !important;
  }
  
  .cardlanding.succs {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  
  /* Products section */
  #products .grid {
    grid-template-columns: 1fr 1fr !important;
  }
  
  /* Footer */
  footer .grid {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Why Us section */
  #why-us .grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  
  /* Support section */
  #whyus .flex.flex-col.lg\:flex-row {
    flex-direction: column !important;
  }
  
  #whyus .w-full.lg\:w-1\/2 {
    width: 100% !important;
    border-right: none !important;
  }
  
  .tckt {
    transform: perspective(500px) rotateX(5deg) !important;
    scale: 0.95 !important;
  }
  
  /* Notifications section */
  #notifications .flex.flex-col.lg\:flex-row {
    flex-direction: column !important;
  }
  
  #notifications .w-full.lg\:w-1\/2 {
    width: 100% !important;
    border-right: none !important;
  }
  
  /* Buying keys section - simplified transform */
  #buying-keys-section .grid {
    transform: perspective(2000px) rotateX(10deg) rotateY(15deg) !important;
  }
  
  .cardlanding.succs {
    display: none !important;
  }
  
  /* Products section */
  #products .grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  /* Footer */
  footer .grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}