/* Scoped gallery styles shared by the four pouch pages. */
.pouch-gallery{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:42px 24px 64px;scroll-margin-top:90px;color:#3c372f;font-family:'Noto Sans TC','PingFang TC',sans-serif}
.pouch-gallery *{box-sizing:border-box}
.pouch-gallery-heading{max-width:720px;margin-bottom:26px}
.pouch-gallery-kicker{margin:0 0 8px;color:#64765b;font-size:.78rem;letter-spacing:.12em}
.pouch-gallery h2{margin:0 0 12px;font-family:'Noto Serif TC',serif;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.5;color:#2f3c2b}
.pouch-gallery-heading>p:last-child{margin:0;line-height:1.9;color:#706757}
.pouch-gallery-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:start}
.pouch-gallery figure{margin:0;min-width:0;position:sticky;top:90px}
.pouch-gallery figure picture{display:block;border-radius:20px;overflow:hidden;background:#eee9df}
.pouch-gallery [data-pouch-main]{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.pouch-gallery figcaption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:14px 2px;font-size:.9rem;line-height:1.7}
.pouch-gallery [data-pouch-selected-label]{font-weight:700;color:#4a6741}
.pouch-gallery [data-pouch-full]{font-size:.8rem;color:#68543d;text-decoration:underline;text-underline-offset:4px}
.pouch-gallery-options{min-width:0}
.pouch-gallery-instruction{margin:0 0 14px;font-size:.85rem;color:#706757;line-height:1.7}
.pouch-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pouch-swatch{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:5px;border:2px solid transparent;border-radius:12px;background:#fffdf7;color:#4b4439;cursor:pointer;font:inherit;text-align:center;box-shadow:0 1px 8px rgba(70,58,36,.07)}
.pouch-swatch img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:7px}
.pouch-swatch span{display:block;padding:7px 2px 4px;font-size:.75rem;line-height:1.6;overflow-wrap:anywhere}
.pouch-swatch:hover{border-color:#bdcbb7}
.pouch-swatch[aria-pressed="true"]{border-color:#4a6741;background:#f0f4eb}
.pouch-swatch[aria-pressed="true"] span{font-weight:700;color:#36502d}
.pouch-gallery :focus-visible,.pouch-information :focus-visible{outline:3px solid #8c6036;outline-offset:4px}
.pouch-disclosure{margin:20px 0 0;padding-top:16px;border-top:1px solid #e1ddcf;font-size:.8rem;line-height:1.85;color:#746b5c}
.pouch-gallery-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:16px;font-size:.86rem;line-height:1.7}
.pouch-gallery-links a{color:#4a6741;text-decoration:underline;text-underline-offset:4px}
.pouch-gallery-naming{margin:14px 0 0;font-size:.78rem;color:#746b5c;line-height:1.8}
@media(max-width:760px){.pouch-gallery{padding:30px 18px 46px}.pouch-gallery-layout{grid-template-columns:minmax(0,1fr);gap:18px}.pouch-gallery figure{position:static}.pouch-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pouch-swatch span{font-size:.72rem}.pouch-gallery-heading{margin-bottom:20px}}
@media(max-width:430px){.pouch-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.pouch-gallery figcaption{font-size:.84rem}}

/* Informational rabbit pouch page, with the established HiBOU navigation. */
.pouch-information{margin:0;background:linear-gradient(180deg,#fffef9,#faf7f2);color:#2c2c2c;font-family:'Noto Sans TC','PingFang TC',sans-serif;line-height:1.8;--moss:#4a6741;--sans:'Noto Sans TC',sans-serif;--serif:'Noto Serif TC',serif}
.pouch-information *{box-sizing:border-box}
.pouch-information a{color:inherit;text-decoration:none}
.pouch-information .pouch-gallery-links a{color:#4a6741;text-decoration:underline;text-underline-offset:4px}
.pouch-information img{max-width:100%;height:auto}
.pouch-information header{position:sticky;top:0;z-index:1000;background:rgba(255,254,249,.96);border-bottom:1px solid #e4e6da}
.pouch-information .hibou-header-inner{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.pouch-information .logo{display:flex;align-items:center;gap:.7rem;font-family:var(--serif);font-weight:700;color:#4a6741;white-space:nowrap}
.pouch-information .logo img{width:54px;display:block}
.pouch-information .nav-links{display:flex;align-items:center;gap:.22rem}
.pouch-information .nav-links a{font-size:.82rem;padding:.48rem .62rem;border-radius:999px;color:#4f4437;white-space:nowrap}
.pouch-information .nav-links a:hover{background:#eef1e7}
.pouch-information .nav-item-dropdown{position:relative;display:inline-block;padding-bottom:15px;margin-bottom:-15px}
.pouch-information .dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:190px;padding:.6rem;background:#fffef9;border:1px solid #e4e6da;border-radius:14px;box-shadow:0 12px 30px #2a211814}
.pouch-information .dropdown-menu a{display:block;text-align:center;border-radius:8px}
.pouch-information .nav-item-dropdown:hover .dropdown-menu,.pouch-information .nav-item-dropdown:focus-within .dropdown-menu{display:block}
.pouch-information .dropdown-divider{height:1px;background:#e4e6da;margin:.35rem}
.pouch-information .hamb{display:none;border:0;background:transparent;font:1.5rem var(--sans);color:#4a6741;cursor:pointer;padding:10px}
.pouch-information .mobile-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fffef9;padding:14px 22px;border-bottom:1px solid #e4e6da;max-height:calc(100dvh - 72px);overflow-y:auto}
.pouch-information .mobile-nav.open{display:grid;gap:4px}
.pouch-information .mobile-nav a{padding:.65rem .8rem;border-bottom:1px solid #eef0e6}
.pouch-information .hibou-breadcrumb{max-width:1180px;margin:auto;padding:24px 24px 0;font-size:.78rem;color:#7b715f}
.pouch-information .hibou-breadcrumb a{color:#4a6741}
.pouch-info-intro{max-width:1180px;margin:auto;padding:48px 24px 8px}
.pouch-info-intro .pouch-gallery-kicker{font-size:.82rem}
.pouch-info-intro h1{margin:8px 0 18px;font:500 clamp(2.6rem,6vw,4rem)/1.4 var(--serif);color:#2f3c2b}
.pouch-info-intro .pouch-intro-copy{max-width:640px;font-size:1.03rem;line-height:2;color:#6b5c48;margin:0}
.pouch-info-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.pouch-info-actions a{border:1px solid #b5c0aa;border-radius:999px;padding:.78rem 1.25rem;color:#4a6741;font-size:.9rem}
.pouch-info-actions a:first-child{background:#4a6741;color:#fff;border-color:#4a6741}
.pouch-related{max-width:1132px;margin:0 auto 64px;padding:30px;background:#f0ecdf;border-radius:20px}
.pouch-related h2{margin:0 0 12px;font:500 1.45rem/1.5 var(--serif);color:#35482f}
.pouch-related p{max-width:720px;color:#6b5c48;line-height:1.9}
@media(max-width:1216px){.pouch-information .nav-links{display:none}.pouch-information .hamb{display:inline-flex}}
@media(min-width:1217px){.pouch-information .mobile-nav.open{display:none}}
@media(max-width:600px){.pouch-information .hibou-header-inner{padding-inline:18px}.pouch-info-intro{padding:30px 18px 4px}.pouch-information .hibou-breadcrumb{padding-inline:18px}.pouch-related{margin:0 18px 40px;padding:24px}.pouch-information .logo span{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.pouch-information{scroll-behavior:auto}}