header{position:sticky;top:0;z-index:1000;background:#fff}
header .nav-container{max-width:1280px;margin:0 auto;padding:0 20px;height:78px}
.nav-links{gap:30px}
.nav-links a{white-space:nowrap}
@media (min-width:768px){header .nav-container{padding:0 28px}}
.logo{display:flex;align-items:center;gap:12px;color:#0a3d2e;font-weight:600;text-decoration:none}
.logo svg{width:38px;height:38px;flex:none}
.logo-text{display:flex;flex-direction:column;line-height:1.2}
.logo-name{font-size:1.05rem;letter-spacing:-0.35px;white-space:nowrap}
.logo-sub{font-size:0.65rem;letter-spacing:1.6px;opacity:0.8}
.nav-links a[aria-current="page"]{color:#0a3d2e;font-weight:600}
.nav-right{display:flex;align-items:center;gap:14px}
.mobile-menu{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;color:#0a3d2e;cursor:pointer}
@media (max-width:900px){
  .mobile-menu{display:inline-flex}
  .nav-links.open{display:flex!important;flex-direction:column;gap:14px;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 20px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:999}
}
@media (max-width:420px){.logo-sub{display:none}.cart-btn span:first-child{display:none}}

footer{background:#05251c;color:#b5c8be;padding:56px 0 36px;font-size:0.92rem}
footer a{color:#a8b8ae;text-decoration:none}
footer a:hover{color:#d4c5a9}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px}
.footer-col a{display:block;padding:4px 0;margin-bottom:3px;font-size:0.87rem}
.footer-brand{font-family:'Noto Serif JP',serif;font-weight:600;font-size:1.15rem;color:#d4c5a9;margin-bottom:12px}
.footer-note{font-size:0.86rem;line-height:1.65;color:#8a9c91;max-width:300px}
.footer-h{font-family:'Noto Serif JP',serif;font-weight:600;color:#d4c5a9;margin-bottom:14px;font-size:0.92rem}
.footer-contact{margin-top:34px;display:flex;flex-wrap:wrap;gap:6px 26px;font-size:0.86rem;color:#a8b8ae}
.footer-contact a{display:inline}
.footer-bottom{margin-top:28px;padding-top:22px;border-top:1px solid #1f3b32;text-align:center;font-size:0.82rem;opacity:0.8}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}

.skip-link{position:absolute;left:12px;top:-60px;z-index:3000;background:#fff;color:#1f2e28;padding:10px 16px;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.15);text-decoration:none;font-weight:600}
.skip-link:focus{top:12px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .fade-in,.scroll-reveal{opacity:1!important;transform:none!important}
}