/* PERFULET_V078_HEADER_RESTORE_AND_FAMILY_CHEVRON
 * Presentation-only correction from owner live visual review.
 * Restores the approved desktop header composition and fixes scent-family chevron placement.
 */

/* v0.1.77 globally promoted the mobile menu button to inline-grid, which made it visible
 * on desktop and added an extra grid child to the header. Restore the prior responsive contract. */
@media (min-width:1025px) {
  .site-header .mobile-menu-btn {
    display:none!important;
  }
}

@media (max-width:1024px) {
  .site-header .mobile-menu-btn {
    display:inline-grid!important;
    place-items:center!important;
  }
}

/* Scent-family cards: keep the chevron in a consistent lower-right action position.
 * v0.1.76 changed this icon back to relative positioning, which left it floating beside the title. */
.home-family-grid .family-card {
  position:relative!important;
}

.home-family-grid .family-card > .perfulet-icon,
.home-family-grid .family-card > svg {
  position:absolute!important;
  right:1.1rem!important;
  bottom:1.05rem!important;
  z-index:3!important;
  width:18px!important;
  height:18px!important;
  padding:8px!important;
  margin:0!important;
  box-sizing:content-box!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:0 7px 18px rgba(48,31,18,.08)!important;
}

@media (max-width:760px) {
  .home-family-grid .family-card > .perfulet-icon,
  .home-family-grid .family-card > svg {
    right:.9rem!important;
    bottom:.9rem!important;
  }
}