@media (max-width: 768px)
{

body {
      background: radial-gradient(ellipse at 15% 50%, #C8924D 0%, #8B6A28 55%, #0B0A1A
       100%);
       }

 .header {
      width: 100%;
      padding: 4px 8px 12px;
      display: flex;
      align-items: center;
      gap: 15px;
    }

  .logo-desktop { display: none; }
  .logo-mobile { display: block; }

    .logo-wrap svg {
      height: 100px;
      width: auto;
      display: block;
    }

    .content {
      padding: 30px 30px;
      }
/* Adjust rotating image opacity for mobile */

.bottom-left-badge.active {
  opacity: 0.2;
}

      
}
.cart-toggle {
  padding: 10px 16px;
  gap: 8px;
}
.cart-toggle button {
  padding: 8px 12px;
  font-size: 11px;
  letter-spacing: 0.12em;
}