/* Mobile Responsive CSS - Clean Adaptation */
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }

  .HomePage {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    padding: 16px 16px 32px !important;
    overflow-x: hidden !important;
    background: #F3EFE4 !important;
  }

  .HomePage > * {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .HomePage img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Hide decorative elements */
  .Star2, .Star3,
  .Ellipse1, .Ellipse2,
  .Rectangle8, .Rectangle16 {
    display: none !important;
  }

  /* Navigation */
  .nav-container {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    border: 1px solid #020202 !important;
    background: #F3EFE4 !important;
  }

  .nav-menu {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .nav-menu a {
    font-size: 16px !important;
  }

  .hamburger-menu {
    margin-left: auto !important;
  }

  /* Order layout */
  .nav-container { order: 1 !important; }
  .EscapeToTranquility { order: 2 !important; width: 100% !important; text-align: center !important; }
  .Rectangle7 { order: 3 !important; width: 90% !important; max-width: 520px !important; }
  .Frame31:nth-of-type(1) { order: 4 !important; }
  .ShopYourFavorite { order: 5 !important; }
  .Rectangle19 { order: 6 !important; width: 90% !important; max-width: 420px !important; }
  .Rectangle17 { order: 7 !important; width: 90% !important; max-width: 420px !important; }
  .Rectangle18 { order: 8 !important; width: 90% !important; max-width: 420px !important; }
  .Rectangle10 { order: 9 !important; width: 90% !important; max-width: 420px !important; }
  .ShopAll { order: 10 !important; }
  .OurCollections { order: 11 !important; }
  .CandleAccessories { order: 12 !important; }
  .CustomCandles { order: 13 !important; }
  .Frame31:nth-of-type(2) { order: 14 !important; }
  .Rectangle13 { order: 15 !important; width: 100% !important; height: auto !important; }
  .AboutUs { order: 16 !important; }
  .ScentopiaIsAnAmazingFragranceStudio { order: 17 !important; }
  .LearnMore { order: 18 !important; }
  .GetConnectWithUs { order: 19 !important; }
  .Rectangle15 { order: 20 !important; width: 90% !important; max-width: 520px !important; }
  .ContactUs { order: 21 !important; }
  .Group10 { order: 22 !important; }

  /* Typography */
  .EscapeToTranquility span {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  .ShopYourFavorite {
    width: 100% !important;
    height: auto !important;
    margin: 8px auto 0 auto !important;
    padding: 0 12px !important;
    font-size: 32px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  .AboutUs,
  .GetConnectWithUs {
    width: 100% !important;
    height: auto !important;
    margin: 8px auto !important;
    font-size: 36px !important;
    text-align: center !important;
  }

  .ScentopiaIsAnAmazingFragranceStudio {
    width: 100% !important;
    height: auto !important;
    margin: 8px auto !important;
    padding: 0 12px !important;
    font-size: 18px !important;
    text-align: justify !important;
  }

  /* Marquee */
  .Frame31 {
    width: 100% !important;
    max-width: 100% !important;
    height: 80px !important;
    margin: 8px 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .Frame31 .Group19 {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
  }

  /* Category links */
  .ShopAll,
  .OurCollections,
  .CandleAccessories,
  .CustomCandles {
    width: 100% !important;
    height: auto !important;
    margin: 6px auto !important;
    padding: 6px 12px !important;
    font-size: 22px !important;
    text-align: center !important;
  }

  /* Buttons */
  .Rectangle51,
  .Rectangle52 {
    display: none !important;
  }

  .LearnMore,
  .ContactUs {
    width: max-content !important;
    height: auto !important;
    margin: 8px auto 16px auto !important;
    padding: 12px 24px !important;
    background: #7E747F !important;
    color: #F3EFE4 !important;
    border-radius: 15px !important;
    font-size: 20px !important;
    text-align: center !important;
  }

  /* Footer */
  .Group10 {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    margin-top: 24px !important;
    border: 1px solid #020202 !important;
    padding: 16px 12px !important;
  }

  .Group10 .Rectangle65 {
    display: none !important;
  }

  .Group10 .Group9 {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 0 !important;
  }

  .Group9 .Group7 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    justify-content: center !important;
    gap: 16px !important;
  }
}

@media (max-width: 480px) {
  .EscapeToTranquility span {
    font-size: 30px !important;
  }

  .ShopYourFavorite,
  .AboutUs,
  .GetConnectWithUs {
    font-size: 28px !important;
  }

  .ShopAll,
  .OurCollections,
  .CandleAccessories,
  .CustomCandles {
    font-size: 20px !important;
  }
}/* Mobile Responsive CSS - Simple Adaptation */
@media (max-width: 768px) {
  /* Hide decorative elements */
  .Star2, .Star3,
  .Ellipse1, .Ellipse2 {
    display: none !important;
  }

  /* Main container */
  .HomePage {
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    overflow-x: hidden !important;
    background: #F3EFE4 !important;
    padding: 0 !important;
  }

  /* Override ALL absolute positioning */
  .HomePage > *:not(.nav-container) {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* All images responsive */
  .HomePage img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Navigation */
  .nav-container {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Text blocks */
  .EscapeToTranquility,
  .ShopYourFavorite,
  .AboutUs,
  .GetConnectWithUs {
    width: 90% !important;
    height: auto !important;
    margin: 20px auto !important;
    padding: 0 15px !important;
    text-align: center !important;
  }

  .EscapeToTranquility span {
    font-size: 36px !important;
    line-height: 1.3 !important;
  }

  .ShopYourFavorite {
    font-size: 32px !important;
  }

  .AboutUs,
  .GetConnectWithUs {
    font-size: 42px !important;
  }

  /* Large product images */
  .Rectangle7,
  .Rectangle15 {
    width: 90% !important;
    max-width: 500px !important;
    margin: 20px auto !important;
  } !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 80px !important;
    margin: 20px 0 0 0 !important;
    display: block !important;
  }

  /* First Marquee - Order 5 */
  .Frame31:nth-of-type(1) {
    order: 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 80px !important;
    margin: -80px 0 20px 0 !important;
    display: blockportant;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    margin: -80px 0 20px 0 !important;6 */
  .ShopYourFavorite {
    order: 6 !important;
    width: 90% !important;
    max-width: none !important;
    height: auto !important;
    margin: 30px auto 20px auto !important;
    padding: 0 20px !important;
    font-size: 36px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  /* Small Product Images - Order 7-10 */
  .Rectangle19 {
    order: 7 !important;
    width: 90% !important;
    max-width: 400px !important;
    height: auto !important;
    margin: 15px auto !important;
    display: block !important;
  }

  .Rectangle17 {
    order: 8 !important;
    width: 90% !important;
    max-width: 400px !important;
    height: auto !important;
    margin: 15px auto !important;
    display: block !important;
  }

  .Rectangle18 {
    order: 9 !important;
    width: 90% !important;
    max-width: 400px !important;
    height: auto !important;
    margin: 15px auto !important;
    display: block !important;
  }

  .Rectangle10 {
    order: 10 !important;
    width: 90% !important;
    max-width: 400px !important;
    height: auto !important;
    margin: 15px auto !important;
    display: blockortant;
    left: auto !important;
    top: auto !important;
    margin: 15px auto !important;
  }

  /* Category Links - Order 10-13 */
  .ShopAll {
    order: 10;
    position: relative !important;
    width: 80% !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 15px auto !import1-14 */
  .ShopAll {
    order: 11 !important;
    width: 85% !important;
    max-width: none !important;
    height: auto !important;
    margin: 20px auto 10px auto !important;
    padding: 10px 20px !important;
    font-size: 24px !important;
    text-align: center !important;
  }

  .OurCollections {
    order: 12 !important;
    width: 85% !important;
    max-width: none !important;
    height: auto !important;
    margin: 10px auto !important;
    padding: 10px 20px !important;
    font-size: 24px !important;
    text-align: center !important;
  }

  .CandleAccessories {
    order: 13 !important;
    width: 85% !important;
    max-width: none !important;
    height: auto !important;
    margin: 10px auto !important;
    padding: 10px 20px !important;
    font-size: 24px !important;
    text-align: center !important;
  }

  .CustomCandles {
    order: 14 !important;
    width: 85% !important;
    max-width: none !important;
    height: auto !important;
    margin: 10px auto 20px auto !important;
    padding: 10px 20px !important;
    font-size: 24px !important;
    text-align: centerimportant;
    object-fit: cover !important;
    left: auto !important;
    top: auto !important;5 */
  .Rectangle13 {
    order: 15 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    margin: 30px 0 0 0 !important;
    display: block !important;
  }

  /* About Us Box - Order 16 */
  .Rectangle14 {
    order: 16 !important;
    width: 85% !important;
    max-width: 420px !important;
    height: auto !important;
    margin: -120px auto 20px auto !important;
    padding: 25px !important;
    display: block !important;
    z-index: 10 !important;
  }

  /* About Us Title - Order 17 */
  .AboutUs {
    order: 17 !important;
    width: 85% !important;
    max-width: none !important;
    height: auto !important;
    margin: -100px auto 15px auto !important;
    padding: 20px !important;
    font-size: 50px !important;
    text-align: center !important;
    z-index: 11 !important;
  }

  /* About Us Text - Order 18 */
  .ScentopiaIsAnAmazingFragranceStudio {
    order: 18 !important;
    width: 85% !important;
    max-width: 420px !important;
    height: auto !important;
    margin: -80px auto 15px auto !important;
    padding: 20px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-align: justify !important;
    z-index: 11 !important;
  }

  /* Learn More Button - Order 19 */
  .Rectangle51 {
    order: 19 !important;
    width: 70% !important;
    max-width: 280px !important;
    height: 50px !important;
    margin: 20px auto !important;
    display: block !important;
    z-index: 11 !important;
  }

  .LearnMore {
    order: 19 !important;
    width: 70% !important;
    max-width: 280px !important;
    height: auto !important;
    margin: -40px auto 20px auto !important;
    padding: 12px !important;
    font-size: 22px !important;
    text-align: center !important;
    z-index: 12mportant;
    left: auto !important;
    top: auto !important;20 */
  .Rectangle16 {
    order: 20 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 80px !important;
    margin: 30px 0 0 0 !important;
    display: block !important;
  }

  /* Second Marquee - Order 21 */
  .Frame31:nth-of-type(2) {
    order: 21 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 80px !important;
    margin: -80px 0 20px 0 !important;
    display: block !important;
  }

  /* Get Connect Title - Order 22 */
  .GetConnectWithUs {
    order: 22 !important;
    width: 90% !important;
    max-width: none !important;
    height: auto !important;
    margin: 30px auto 20px auto !important;
    padding: 0 20px !important;
    font-size: 50px !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }

  /* Bottom Hero Image - Order 23 */
  .Rectangle15 {
    order: 23 !important;
    width: 90% !important;
    max-width: 450px !important;
    height: auto !important;
    margin: 20px auto !important;
    display: block !important;
  }

  /* Contact Button - Order 24 */
  .Rectangle52 {
    order: 24 !important;
    width: 70% !important;
    max-width: 280px !important;
    height: 50px !important;
    margin: 20px auto !important;
    display: block !important;
  }

  .ContactUs {
    order: 24 !important;
    width: 70% !important;
    max-width: 280px !important;
    height: auto !important;
    margin: -40px auto 20px auto !important;
    padding: 12px !important;
    font-size: 22px !important;
    text-align: center !important;
    z-index: 10 !important;
  }

  /* Footer - Order 25 */
  .Group10 {
    order: 25 !important;
    width: 90% !important;
    max-width: none !important;
    height: auto !important;
    margin: 30px auto 30px auto !important;
    display: block !important;
  }

  .Rectangle65 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 25px 15px !important;
  }

  .Group9 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .FollowUs {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    text-align: center !important;
  }

  .Group7 {
    justify-content: center !important;
    margin: 15px auto 0 auto !important;
    padding: 0