/* Header rules reused from home-src/styles.css, scoped to this page. */
#love-site-nav{position:sticky;top:0;z-index:100;--pink:#df416d;--pink-dark:#bd2e56;--ink:#28171a;--line:#eadcdf;--soft-line:rgba(76,41,48,.13);font-family:Arial,sans-serif}#love-site-nav .site-header{max-width:none;margin:0;gap:0;width:100%}#love-site-nav a{text-decoration:none}#love-site-nav nav{margin:0}#love-site-nav svg{width:24px;height:24px}#love-site-nav .brand{display:block;letter-spacing:normal}#love-site-nav img{display:block;max-width:100%}


#love-site-nav .site-header {
  position: sticky; top: 0; z-index: 100; min-height: 76px; display: grid;
  grid-template-columns: 150px 1fr auto; align-items: center; padding: 7px 48px;
  background: rgba(255, 253, 251, .96); border-bottom: 1px solid var(--soft-line);
  backdrop-filter: blur(15px); box-shadow: 0 8px 25px rgba(51, 24, 31, .035);
}
#love-site-nav .brand { width: 138px; }
#love-site-nav .brand img { width: 100%; height: 60px; object-fit: contain; }
#love-site-nav .desktop-nav { justify-self: center; display: flex; align-items: center; gap: clamp(18px, 1.8vw, 31px); }
#love-site-nav .desktop-nav a { position: relative; color: #3f252a; font-size: 12px; font-weight: 500; white-space: nowrap; }
#love-site-nav .desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 1px; background: var(--pink); transition: right .22s ease; }
#love-site-nav .desktop-nav a:hover::after, #love-site-nav .desktop-nav a:focus-visible::after { right: 0; }
#love-site-nav .header-cta, #love-site-nav .mobile-nav-cta { padding: 12px 21px; color: white; background: var(--pink); border-radius: 999px; font-size: 12px; font-weight: 600; }
#love-site-nav .header-cta:hover { background: var(--pink-dark); }
#love-site-nav .menu-button { display: none; justify-self: end; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: white; }
#love-site-nav .mobile-nav { display: none; }

@media (max-width: 1050px) {
  #love-site-nav .site-header { grid-template-columns: 130px 1fr auto; padding-inline: 28px; }
  #love-site-nav .desktop-nav { gap: 17px; }
  #love-site-nav .desktop-nav a { font-size: 10px; }
}

@media (max-width: 880px) {
  #love-site-nav .site-header { min-height: 67px; grid-template-columns: 115px 1fr; padding: 4px 20px; }
  #love-site-nav .brand { width: 110px; }
  #love-site-nav .brand img { height: 55px; }
  #love-site-nav .desktop-nav, #love-site-nav .header-cta { display: none; }
  #love-site-nav .menu-button { display: grid; }
  #love-site-nav .mobile-nav { position: absolute; top: 67px; left: 16px; right: 16px; display: grid; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 18px 50px rgba(56,25,34,.16); }
  #love-site-nav .mobile-nav a { min-height: 46px; display: flex; align-items: center; padding: 0 13px; border-bottom: 1px solid #f1e6e9; font-size: 13px; }
  #love-site-nav .mobile-nav-cta { justify-content: center; margin-top: 8px; color: white; background: var(--pink); border-bottom: 0 !important; }
}

@media (max-width: 760px) {
  #love-site-nav .site-header { min-height: 67px; grid-template-columns: 115px 1fr; padding: 4px 16px; }
  #love-site-nav .brand { width: 110px; }
  #love-site-nav .brand img { height: 55px; }
  #love-site-nav .desktop-nav, #love-site-nav .header-cta { display: none; }
  #love-site-nav .menu-button { display: grid; }
  #love-site-nav .mobile-nav { position: absolute; top: 67px; left: 12px; right: 12px; display: grid; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 18px 50px rgba(56,25,34,.16); }
  #love-site-nav .mobile-nav a { min-height: 46px; display: flex; align-items: center; padding: 0 13px; border-bottom: 1px solid #f1e6e9; font-size: 13px; }
  #love-site-nav .mobile-nav-cta { justify-content: center; margin-top: 8px; color: white; background: var(--pink); border-bottom: 0 !important; }
}
#love-site-nav .header-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
#love-site-nav .language-picker { position: relative; }
#love-site-nav .language-toggle { min-width: 62px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0 10px; color: var(--ink); border: 1px solid rgba(104,55,67,.18); border-radius: 999px; background: rgba(255,255,255,.62); box-shadow: inset 0 1px rgba(255,255,255,.85), 0 8px 22px rgba(68,30,40,.07); backdrop-filter: blur(16px); cursor: pointer; }
#love-site-nav .language-toggle svg:first-child { width: 17px; }
#love-site-nav .language-toggle svg:last-child { width: 13px; transition: transform .2s ease; }
#love-site-nav .language-toggle[aria-expanded="true"] svg:last-child { transform: rotate(180deg); }
#love-site-nav .language-toggle span { min-width: 18px; font-size: 11px; font-weight: 700; }
#love-site-nav .language-menu { position: absolute; z-index: 130; top: calc(100% + 10px); right: 0; width: 220px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; padding: 9px; border: 1px solid rgba(113,57,71,.16); border-radius: 17px; background: rgba(255,253,252,.96); box-shadow: 0 22px 60px rgba(58,22,33,.18); backdrop-filter: blur(22px); }
#love-site-nav .language-menu button { min-height: 40px; display: grid; grid-template-columns: 26px 1fr 14px; align-items: center; gap: 5px; padding: 0 8px; color: var(--ink); border: 0; border-radius: 10px; background: transparent; text-align: left; font-size: 10px; cursor: pointer; }
#love-site-nav .language-menu button:hover, #love-site-nav .language-menu button[aria-selected="true"] { color: var(--pink-dark); background: #fff0f4; }
#love-site-nav .language-menu button > span { color: var(--pink); font-weight: 700; }
#love-site-nav .language-menu button > svg { width: 13px; opacity: 0; }
#love-site-nav .language-menu button[aria-selected="true"] > svg { opacity: 1; }

@media (max-width: 880px) {
  #love-site-nav .header-actions { gap: 8px; }
  #love-site-nav .header-cta { display: none; }
  #love-site-nav .language-toggle { min-width: 54px; height: 42px; padding-inline: 8px; }
  #love-site-nav .language-toggle svg:first-child { display: none; }
  #love-site-nav .language-menu { position: fixed; top: 72px; right: 15px; width: min(330px, calc(100vw - 30px)); grid-template-columns: repeat(2, 1fr); }
}
#love-site-nav .header-cta,
#love-site-nav .mobile-nav-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(86,31,48,.08), 0 10px 25px rgba(85,29,46,.11);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}
#love-site-nav .header-cta::before,
#love-site-nav .mobile-nav-cta::before {
  content: "";
  position: absolute;
  inset: 1px 8% auto;
  height: 45%;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.42), transparent);
  pointer-events: none;
  z-index: -1;
}
#love-site-nav .header-cta,
#love-site-nav .mobile-nav-cta {
  background: linear-gradient(135deg, rgba(235,78,120,.93), rgba(197,38,83,.94));
  border-color: rgba(255,255,255,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 5px rgba(113,11,45,.18), 0 13px 30px rgba(208,48,93,.23);
}
#love-site-nav .header-cta:hover,
#love-site-nav .mobile-nav-cta:hover { background: linear-gradient(135deg, #e94d78, #b92350); }
#love-site-nav .mobile-nav{gap:0}#love-site-nav .language-toggle{font-family:Arial,sans-serif}