:root {
  --merch-green: #0e9f84;
  --merch-dark: #173d35;
  --merch-soft: #edf8f5;
  --merch-line: #dcece7;
}

.merch-hero { padding: 92px 0; background: linear-gradient(120deg, #f4fbf8 0%, #ffffff 54%, #e8f5f1 100%); overflow: hidden; }
.merch-hero h1 { color: var(--merch-dark); font-size: 52px; line-height: 1.12; margin: 14px 0 20px; }
.merch-hero p { color: #58716b; font-size: 18px; line-height: 1.8; max-width: 610px; }
.merch-eyebrow { color: var(--merch-green); font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.merch-hero-visual { position: relative; min-height: 390px; }
.merch-hero-visual:before { content: ''; position: absolute; width: 340px; height: 340px; border-radius: 50%; background: #d7eee7; right: 40px; top: 18px; }
.merch-hero-item { position: absolute; }
.merch-hero-item.shirt-item { left: 10px; top: 6px; width: 57%; transform: rotate(-4deg); }
.merch-hero-item.cup-item { right: 0; bottom: 0; width: 46%; transform: rotate(5deg); }
.merch-hero-product { position: relative; width: 100%; border-radius: 24px; box-shadow: 0 18px 45px rgba(27,72,61,.16); }
.merch-hero-brand { position: absolute; z-index: 2; object-fit: contain; filter: drop-shadow(0 1px 1px rgba(0,0,0,.08)); }
.shirt-item .merch-hero-brand { width: 26%; left: 37%; top: 36%; }
.cup-item .merch-hero-brand { width: 33%; left: 29%; top: 43%; }
.merch-purpose { padding: 72px 0; }
.merch-purpose-copy h2, .merch-section-title h2 { color: var(--merch-dark); font-size: 36px; margin-bottom: 18px; }
.merch-purpose-copy p { color: #647872; font-size: 16px; line-height: 1.85; }
.merch-stat { border-left: 4px solid var(--merch-green); padding: 12px 0 12px 22px; margin-top: 25px; color: var(--merch-dark); font-size: 19px; font-weight: 600; }
.merch-points { margin: 0; padding: 0; list-style: none; }
.merch-points li { display: flex; align-items: center; gap: 16px; padding: 17px 20px; margin-bottom: 13px; background: var(--merch-soft); border-radius: 10px; color: #35594f; font-weight: 600; }
.merch-points i { width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; background: var(--merch-green); color: #fff; }
.merch-shop { background: #f8fbfa; padding: 82px 0 55px; }
.merch-section-title { max-width: 680px; margin: 0 auto 44px; }
.merch-section-title p { color: #657a74; line-height: 1.75; }
.merch-card { background: #fff; border: 1px solid var(--merch-line); border-radius: 14px; overflow: hidden; margin-bottom: 30px; transition: .3s ease; }
.merch-card:hover { transform: translateY(-7px); box-shadow: 0 18px 40px rgba(25,71,60,.12); }
.merch-image { position: relative; height: 315px; background: #f2f5f3; overflow: hidden; }
.merch-image > .product-photo { width: 100%; height: 100%; object-fit: cover; }
.merch-logo-stamp { position: absolute; z-index: 2; object-fit: contain; filter: drop-shadow(0 2px 2px rgba(0,0,0,.06)); }
.merch-card--cup .merch-logo-stamp { width: 35%; left: 29%; top: 40%; }
.merch-card--shirt .merch-logo-stamp { width: 26%; left: 37%; top: 34%; }
.merch-card--notebook .merch-logo-stamp { width: 29%; left: 29%; top: 36%; }
.merch-card--cap .merch-logo-stamp { width: 27%; left: 36%; top: 35%; }
.merch-card--tote .merch-logo-stamp { width: 30%; left: 35%; top: 42%; }
.merch-card--bottle .merch-logo-stamp { width: 20%; left: 40%; top: 39%; }
.merch-card-body { padding: 24px 25px 27px; }
.merch-card-body h3 { color: var(--merch-dark); font-size: 22px; margin: 0 0 9px; }
.merch-card-body p { color: #75847f; min-height: 48px; line-height: 1.65; }
.merch-card-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 19px; }
.merch-tag { color: var(--merch-green); font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.merch-inquiry { color: var(--merch-green); font-weight: 700; }
.merch-inquiry:hover { color: var(--merch-dark); }
.merch-note { padding: 70px 0; }
.merch-note-inner { background: var(--merch-dark); border-radius: 18px; padding: 48px 55px; color: #fff; position: relative; overflow: hidden; }
.merch-note-inner:after { content: ''; width: 210px; height: 210px; border: 38px solid rgba(255,255,255,.06); border-radius: 50%; position: absolute; right: -40px; top: -55px; }
.merch-note h2 { color: #fff; margin: 0 0 12px; }
.merch-note p { color: #d4e5e0; margin: 0; max-width: 680px; }
.merch-note .thm-btn { position: relative; z-index: 2; margin-top: 8px; background: var(--merch-green); border-color: var(--merch-green); }

@media (max-width: 991px) { .merch-hero { padding: 65px 0; } .merch-hero h1 { font-size: 42px; } .merch-hero-visual { margin-top: 45px; } }
@media (max-width: 767px) { .merch-hero h1 { font-size: 34px; } .merch-hero-visual { min-height: 310px; } .merch-image { height: 280px; } .merch-note-inner { padding: 35px 28px; } .merch-note .text-right { text-align: left; margin-top: 20px; } }