/* MAGULE v4 – white page and white cards, soft shadows.
   Replace the previous stylesheet link; do not load versions together. */

/* Worlds: white including hover, with a softer outline. */
body.in-index .top-category-block .menu-content {
  background: #fff;
  box-shadow: 0 0 0 1px rgba(55,45,32,.055), 0 5px 18px rgba(55,45,32,.075);
  transition: box-shadow .2s ease;
}

body.in-index .products-block .product .p,
body.type-category .products-block .product .p {
  background: #fff;
  box-shadow: 0 4px 16px rgba(55,45,32,.085);
  transition: box-shadow .2s ease;
}

/* Paint the subtle edge above images so it is continuous.
   No extra layout space and no interception of clicks. */
body.in-index .products-block .product .p::after,
body.type-category .products-block .product .p::after {
  content: "";
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 1px solid rgba(55,45,32,.065);
  border-radius: inherit;
  pointer-events: none;
  z-index: 10;
  transition: border-color .2s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.in-index .top-category-block .menu-content:hover {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(236,173,101,.6), 0 7px 20px rgba(55,45,32,.10);
  }
  body.in-index .products-block .product .p:hover,
  body.type-category .products-block .product .p:hover {
    box-shadow: 0 5px 16px rgba(55,45,32,.10);
  }
  body.in-index .products-block .product .p:hover::after,
  body.type-category .products-block .product .p:hover::after {
    border-color: rgba(236,173,101,.65);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.in-index .top-category-block .menu-content,
  body.in-index .products-block .product .p,
  body.type-category .products-block .product .p,
  body.in-index .products-block .product .p::after,
  body.type-category .products-block .product .p::after {
    transition: none;
  }
}