/* Confined to this page, including its optional existing-theme template. */
#eo-shop-main { display: block; margin: 0; padding: 0; width: 100%; }
#eo-shop-main > .eo-shop-breadcrumb { max-width: 1100px; margin: 0 auto; padding: 26px 32px 0; color: #6a7165; font-size: 13px; line-height: 1.8; }
#eo-shop-main > .eo-shop-breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#eo-shop-page {
  --eo-olive: #435242;
  --eo-text: #3a3a3a;
  --eo-muted: #5b6357;
  --eo-border: #dbe0d6;
  box-sizing: border-box;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 44px 32px 64px;
  background: #fff;
  color: var(--eo-text);
  font-family: "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.95;
  text-align: left;
  overflow-wrap: anywhere;
}
#eo-shop-page *, #eo-shop-page *::before, #eo-shop-page *::after { box-sizing: border-box; }
#eo-shop-page .wp-block-group { max-width: none; margin: 0; padding: 0; }
/* WP 5.4 legacy group markup and newer renderers can add an inner container.
   Flatten only this decorative wrapper, preserving the same grid/flex children. */
#eo-shop-page .wp-block-group__inner-container { display: contents; }
#eo-shop-page p { max-width: none; margin: 0 0 12px; font-size: inherit; line-height: inherit; }
#eo-shop-page h1, #eo-shop-page h2, #eo-shop-page h3 { max-width: none; margin: 0; padding: 0; border: 0; background: none; color: var(--eo-text); text-align: left; font-weight: 600; line-height: 1.55; }
#eo-shop-page h1::before, #eo-shop-page h1::after,
#eo-shop-page h2::before, #eo-shop-page h2::after,
#eo-shop-page h3::before, #eo-shop-page h3::after { content: none; }
#eo-shop-page h1 { font-size: clamp(26px, 3vw, 36px); letter-spacing: .025em; margin-bottom: 24px; }
#eo-shop-page h2 { font-size: 22px; letter-spacing: .025em; }
#eo-shop-page h3 { font-size: 25px; margin: 17px 0 18px; letter-spacing: .015em; }
#eo-shop-page .eo-shop-eyebrow { display: flex; gap: 10px; align-items: center; font-size: 13px; font-weight: 600; color: var(--eo-olive); letter-spacing: .07em; margin-bottom: 17px; }
#eo-shop-page .eo-shop-pr { display: inline-block; border: 1px solid #9da794; padding: 1px 8px; line-height: 1.6; font-family: Arial,sans-serif; letter-spacing: .06em; font-size: 11px; }
#eo-shop-page .eo-shop-intro { margin-bottom: 45px; padding-bottom: 31px; border-bottom: 1px solid var(--eo-border); }
#eo-shop-page .eo-shop-lead { font-size: 17px; margin: 0; }
#eo-shop-page .eo-shop-hero { display: block; width: 100%; max-width: none; margin: 30px 0 0; padding: 0; overflow: hidden; background: #f0f1ed; }
#eo-shop-page .eo-shop-hero img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 2.7 / 1; object-fit: cover; object-position: 50% 52%; margin: 0; border: 0; }
#eo-shop-page .eo-shop-external-note { font-size: 13px; line-height: 1.85; color: var(--eo-muted); margin: 23px 0 0; }
#eo-shop-page .eo-shop-directory > h2,
#eo-shop-page .eo-shop-directory > .wp-block-group__inner-container > h2 { margin-bottom: 23px; }
#eo-shop-page .eo-shop-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 28px; align-items: start; }
#eo-shop-page .eo-shop-card { display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--eo-border); border-top: 3px solid #88947e; background: #fff; min-width: 0; }
#eo-shop-page .eo-shop-kind { align-self: flex-start; padding: 3px 11px; background: #f1f3ed; color: var(--eo-olive); font-size: 12px; font-weight: 500; line-height: 1.8; margin-bottom: 0; }
#eo-shop-page .eo-shop-description { font-size: 16px; color: var(--eo-muted); margin-bottom: 27px; }
#eo-shop-page .eo-shop-address, #eo-shop-page .eo-shop-phone { margin-bottom: 12px; font-size: 15px; color: var(--eo-muted); }
#eo-shop-page .eo-shop-phone a { color: inherit; text-underline-offset: 3px; }
#eo-shop-page .eo-shop-links { margin-top: 0; display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
#eo-shop-page .eo-shop-action { margin: 0; flex: 0 1 260px; width: 260px; max-width: 100%; }
#eo-shop-page .eo-shop-button { display: flex; align-items: center; justify-content: center; gap: 13px; width: 100%; min-height: 49px; padding: 11px 12px; background: #4b4e48; border: 1px solid #4b4e48; border-radius: 0; box-shadow: none; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.7; text-decoration: none; transition: background-color .15s; }
#eo-shop-page .eo-shop-button:hover { background: #363a33; color: #fff; }
#eo-shop-page .eo-shop-button span[aria-hidden] { font-size: 17px; }
#eo-shop-page .eo-shop-pending { display: block; padding: 12px; margin: 0; border: 1px solid var(--eo-border); background: #f3f4f0; text-align: center; color: #666d60; font-size: 14px; }
#eo-shop-page a:focus-visible { outline: 3px solid #a17427; outline-offset: 4px; }
#eo-shop-page .eo-shop-purchase-note { margin-top: 40px; padding-top: 27px; border-top: 1px solid var(--eo-border); }
#eo-shop-page .eo-shop-purchase-note h2 { font-size: 17px; margin-bottom: 10px; }
#eo-shop-page .eo-shop-purchase-note p { color: var(--eo-muted); font-size: 14px; margin-bottom: 0; }
#eo-shop-page .eo-shop-owner-note { margin-top: 29px; padding: 24px 27px; background: #f5f6f2; }
#eo-shop-page .eo-shop-owner-note h2 { font-size: 17px; margin-bottom: 11px; }
#eo-shop-page .eo-shop-owner-note p { color: var(--eo-muted); font-size: 14px; margin-bottom: 5px; }
#eo-shop-page .eo-shop-owner-note .eo-shop-contact { margin: 10px 0 0; }
#eo-shop-page .eo-shop-contact a { color: var(--eo-olive); text-decoration: underline; text-underline-offset: 4px; }
#eo-shop-page .eo-shop-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 700px) {
  #eo-shop-main > .eo-shop-breadcrumb { padding: 22px 20px 0; font-size: 12px; }
  #eo-shop-page { padding: 30px 20px 42px; }
  #eo-shop-page h1 { font-size: 27px; line-height: 1.6; margin-bottom: 21px; }
  #eo-shop-page h2 { font-size: 21px; }
  #eo-shop-page h3 { font-size: 24px; margin: 16px 0; }
  #eo-shop-page .eo-shop-intro { margin-bottom: 30px; padding-bottom: 26px; }
  #eo-shop-page .eo-shop-lead { font-size: 16px; }
  #eo-shop-page .eo-shop-hero { margin-top: 24px; }
  #eo-shop-page .eo-shop-hero img { aspect-ratio: 1.7 / 1; object-position: 52% 50%; }
  #eo-shop-page .eo-shop-grid { grid-template-columns: minmax(0,1fr); gap: 23px; }
  #eo-shop-page .eo-shop-card { padding: 25px 23px; }
  #eo-shop-page .eo-shop-description { margin-bottom: 25px; }
  #eo-shop-page .eo-shop-button { font-size: 14px; }
  #eo-shop-page .eo-shop-action { flex-basis: 100%; width: 100%; }
  #eo-shop-page .eo-shop-owner-note { padding: 22px 21px; }
}
@media (prefers-reduced-motion: reduce) { #eo-shop-page .eo-shop-button { transition: none; } }


/* Only the password gate on this page; no other forms or pages are affected. */
#eo-shop-page.eo-shop-locked { min-height: 420px; max-width: 880px; padding-top: 48px; }
#eo-shop-page .post-password-form { margin: 28px 0 0; padding: 26px; background: #f5f6f2; }
#eo-shop-page .post-password-form p { margin: 0 0 15px; font-size: 16px; line-height: 1.9; }
#eo-shop-page .post-password-form p:last-child { margin-bottom: 0; }
#eo-shop-page .post-password-form label { display: block; font-size: 16px; line-height: 1.9; }
#eo-shop-page .post-password-form input[type="password"] { display: block; width: 100%; max-width: 440px; min-height: 48px; margin: 8px 0 15px; padding: 10px 12px; border: 1px solid #929b8b; border-radius: 0; background: #fff; color: #3a3a3a; font-size: 16px; line-height: 1.6; }
#eo-shop-page .post-password-form input[type="submit"] { min-height: 48px; padding: 10px 26px; border: 1px solid #4b4e48; border-radius: 0; background: #4b4e48; color: #fff; font-size: 16px; line-height: 1.6; cursor: pointer; }
#eo-shop-page .post-password-form input:focus-visible { outline: 3px solid #a17427; outline-offset: 3px; }
@media (max-width: 700px) {
  #eo-shop-page.eo-shop-locked { min-height: 360px; padding-top: 30px; }
  #eo-shop-page .post-password-form { padding: 21px 18px; }
}