/* Main navigation: one row on desktop; a single expandable menu on phones. */
.site-nav{position:relative;z-index:20;background:var(--green);color:#fff}
.site-nav .navin{display:flex;align-items:center;min-height:48px}
.mobile-nav-toggle{display:none}
.nav-links{width:100%;display:flex;align-items:stretch;flex-wrap:nowrap;white-space:nowrap}
.nav-links>a,.nav-links>.menuitem>a{display:flex;align-items:center;min-height:48px;padding:0 13px;color:#fff;font-size:14px}
.nav-links>a:hover,.nav-links>.menuitem:hover>a,.nav-links>.menuitem:focus-within>a{background:#0d4b3a;color:#e1f09f}
.menuitem{position:relative;display:block}
.submenu{display:none;position:absolute;top:100%;left:0;min-width:255px;max-width:320px;max-height:72vh;overflow:auto;background:#fff;border:1px solid #e5ebe6;border-radius:0 0 8px 8px;box-shadow:0 14px 30px #0b2c2230;white-space:normal;z-index:30}
.menuitem:hover>.submenu,.menuitem:focus-within>.submenu{display:block}
.submenu>.menuitem>a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:9px 14px;color:#24352e;font-size:14px;line-height:1.35;border-bottom:1px solid #f0f2ef}
.submenu>.menuitem:last-child>a{border-bottom:0}
.submenu>.menuitem:hover>a,.submenu>.menuitem:focus-within>a{background:#f2f6ed;color:#125b47}
.submenu .submenu{top:-1px;left:100%;border-radius:7px;max-height:65vh}
.menu-arrow{font:700 20px/1 Manrope,sans-serif;color:#72917d}
@media(max-width:900px) and (min-width:761px){.nav-links>a,.nav-links>.menuitem>a{padding:0 8px;font-size:13px}}
@media(max-width:760px){
  .site-nav .navin{display:block;min-height:0;padding-top:7px;padding-bottom:7px}
  .mobile-nav-toggle{display:block;width:100%;padding:10px 12px;border:1px solid #ffffff55;border-radius:6px;background:transparent;color:white;text-align:left;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}
  .mobile-nav-toggle[aria-expanded="true"]{border-radius:6px 6px 0 0}
  .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;white-space:normal;background:#fff;border-radius:0 0 7px 7px;overflow:hidden}
  .nav-open .nav-links{display:flex}
  .nav-links>a,.nav-links>.menuitem>a{min-height:43px;padding:9px 13px;color:#203a30;border-bottom:1px solid #e9eee9}
  .nav-links>a:hover,.nav-links>.menuitem:hover>a,.nav-links>.menuitem:focus-within>a{background:#f2f6ed;color:#125b47}
  .nav-links>.menuitem{width:100%}
  .nav-links .submenu,.nav-links .submenu .submenu{display:none;position:static;min-width:0;max-width:none;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;background:#f6f8f3;padding-left:12px}
  .nav-links .menuitem:hover>.submenu,.nav-links .menuitem:focus-within>.submenu{display:none}
  .nav-links .menuitem.menu-open>.submenu{display:block}
  .nav-links .submenu>.menuitem>a{min-height:39px;padding:8px 12px;font-size:13px}
  .detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:32px 0}
  .detail .big{height: min(64vw,360px)}
}
@media(max-width:520px){.detail{grid-template-columns:1fr;gap:15px;padding:22px 0}.detail h1{font-size:25px;margin:8px 0}.detail .big{height:76vw;max-height:330px}.detail .price{font-size:22px}}