/* Restrained Palestinian identity accents — keep the premium v9 direction calm. */
:root {
  --pal-black: #090b0a;
  --pal-white: #fffdf8;
  --pal-green: #177447;
  --pal-red: #bd302d;
}

/* The navigation uses one restrained Palestinian-colour underline. */
.desktop-nav a::after {
  height: 0.12rem;
  background: linear-gradient(
    90deg,
    var(--pal-black) 0 25%,
    var(--pal-white) 25% 50%,
    var(--pal-green) 50% 75%,
    var(--pal-red) 75% 100%
  );
}

.desktop-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Four quiet edges make the 3D window feel tied to the header and footer. */
.store-shell:not(.is-expanded) {
  border-width: 0.18rem;
  border-style: solid;
  border-color:
    var(--pal-red)
    var(--pal-green)
    rgba(255, 253, 248, 0.9)
    var(--pal-black);
  box-shadow:
    0 1.5rem 4.5rem rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(212, 182, 109, 0.12);
}

@media (max-width: 820px) {
  .store-shell:not(.is-expanded) {
    border-width: 0.13rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .desktop-nav a::after {
    transition: none;
  }
}