/* HGM Category Hub v0.1.4 - isolated from existing landing system */
:root{--hgm-hub-black:#3c3732;--hgm-hub-pink:#e31c66;--hgm-hub-green:#7dbe1e;--hgm-hub-mint:#63c3d1}
.hgm-category-hub,.hgm-category-hub-after{color:var(--hgm-hub-black);font-family:inherit;box-sizing:border-box}
.hgm-category-hub *, .hgm-category-hub-after *{box-sizing:border-box}
.hgm-category-hub__intro{text-align:center;max-width:1020px;margin:0 auto 28px;padding:12px 16px}
.hgm-category-hub__intro p{font-size:1.1rem;line-height:1.6}
.hgm-category-hub__heading{text-align:center;margin:24px 0 17px}
.hgm-category-hub__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1120px;margin:0 auto 26px;padding:0 12px}
.hgm-category-hub__chip{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:12px 16px;border:1px solid #ddd7d2;border-radius:10px;background:#fff;color:var(--hgm-hub-black)!important;font-weight:700;line-height:1.3;text-decoration:none!important;transition:border-color .15s,background-color .15s,transform .15s}
.hgm-category-hub__chip:hover,.hgm-category-hub__chip:focus-visible{border-color:var(--hgm-hub-pink);background:#fff4f8;color:var(--hgm-hub-pink)!important}
.hgm-category-hub__chip:focus-visible{outline:3px solid var(--hgm-hub-pink);outline-offset:2px}
.hgm-category-hub-after{margin:26px 0;padding:0 12px}
.hgm-category-hub-after__section{max-width:1160px;margin:0 auto 28px;line-height:1.7}
.hgm-category-hub-after__section h2{margin:0 0 12px}
.hgm-category-hub-after__faq details{border:1px solid #e9e3e3;border-radius:12px;margin:9px 0;background:#fff;overflow:hidden}
.hgm-category-hub-after__faq summary{cursor:pointer;padding:16px 18px;font-weight:700;color:var(--hgm-hub-black)}
.hgm-category-hub-after__faq details[open]{border-color:#f5b9cf;background:#fff9fb}
.hgm-category-hub-after__faq details[open] summary{color:var(--hgm-hub-pink);border-bottom:1px solid #f7dce6}
.hgm-category-hub-after__faq details p{padding:4px 18px 18px;margin:0}
.hgm-category-hub-after__cta{max-width:1160px;margin:26px auto 0;padding:24px;border-left:5px solid var(--hgm-hub-pink);border-radius:12px;background:#f8fcfc}
.hgm-category-hub-after__cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--hgm-hub-pink);color:#fff!important;text-decoration:none!important;padding:12px 20px;border-radius:9px;font-weight:700}
@media(max-width:800px){.hgm-category-hub__chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.hgm-category-hub__chips{gap:9px;padding:0 6px}.hgm-category-hub__chip{padding:10px 7px;font-size:.9rem;min-height:52px}.hgm-category-hub-after{padding:0 6px}}

/* Isolated after-products module even when moved outside hub wrapper */
.hgm-category-hub-after{clear:both;width:100%;}
.hgm-category-hub__chips a{cursor:pointer}
.hgm-category-hub-after__cta a:hover,.hgm-category-hub-after__cta a:focus-visible{background:#bd1453}

/* v0.1.4: shared hub controls, all styles independent of the moved-after-product parent */
.hgm-category-hub__actions{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;margin:20px auto 6px}
.hgm-category-hub__action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:210px;padding:11px 19px;border:1px solid #3c3732;border-radius:9px;font-weight:700;text-decoration:none!important;text-align:center;line-height:1.35}
.hgm-category-hub__action--primary{background:#3c3732;color:#fff!important}
.hgm-category-hub__action--primary:hover{background:#27231f;color:#fff!important}
.hgm-category-hub__action--secondary{background:#fff;color:#3c3732!important}
.hgm-category-hub__action--secondary:hover{background:#f3f1ef;color:#3c3732!important}
.hgm-category-hub__chip{background:#fff4f8;border:1px solid #f3cada;box-shadow:0 1px 2px rgba(60,55,50,.05);font-size:1rem}
.hgm-category-hub__chip:hover,.hgm-category-hub__chip:focus-visible{background:#e31c66;color:#fff!important;border-color:#e31c66;transform:translateY(-1px)}
.hgm-category-hub-after__faq details{border:1px solid #eee4e7;background:#fff;border-radius:12px;margin:11px 0}
.hgm-category-hub-after__faq details[open]{border-color:#f3cada;background:#fff8fa}
.hgm-category-hub-after__faq summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:66px;padding:14px 18px;font-weight:700;line-height:1.45}
.hgm-category-hub-after__faq summary::-webkit-details-marker{display:none}
.hgm-category-hub-after__faq summary::before{content:'?';display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#fde7ef;color:#e31c66;font-size:19px;font-weight:700}
.hgm-category-hub-after__faq summary::after{content:'+';display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;margin-left:auto;border-radius:50%;background:#e31c66;color:#fff;font-size:21px;line-height:1}
.hgm-category-hub-after__faq details[open] summary::after{content:'−'}
.hgm-category-hub-after__faq .hgm-category-hub-after__answer{padding:15px 24px 20px 62px;line-height:1.7}
.hgm-category-hub-after__faq .hgm-category-hub-after__answer p{padding:0;margin:0 0 12px}
.hgm-category-hub-after__faq .hgm-category-hub-after__answer a:not(.hgm-hub-faq-b2b__button){color:#bd1453;text-decoration:underline}
/* B2B buttons: same tested v0.3.19 principle; FAQ moved outside the hub wrapper */
.hgm-hub-faq-b2b .hgm-hub-faq-b2b__actions{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:10px;margin:16px 0 0!important;padding:0!important}
.hgm-hub-faq-b2b .hgm-hub-faq-b2b__button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px;box-sizing:border-box;padding:11px 17px!important;margin:0!important;border:1px solid #3c3732!important;border-radius:9px!important;font-weight:700!important;line-height:1.35;text-align:center;text-decoration:none!important;white-space:normal}
.hgm-hub-faq-b2b .hgm-hub-faq-b2b__button--primary{background:#3c3732!important;color:#fff!important}
.hgm-hub-faq-b2b .hgm-hub-faq-b2b__button--primary:hover{background:#27231f!important;color:#fff!important}
.hgm-hub-faq-b2b .hgm-hub-faq-b2b__button--secondary{background:#fff!important;color:#3c3732!important}
.hgm-hub-faq-b2b .hgm-hub-faq-b2b__button--secondary:hover{background:#f3f1ef!important;color:#3c3732!important}
.hgm-hub-faq-b2b .hgm-hub-faq-b2b__button:focus-visible,.hgm-category-hub__action:focus-visible{outline:3px solid #e31c66;outline-offset:3px}
@media(max-width:600px){.hgm-category-hub__actions{flex-direction:column}.hgm-category-hub__action{width:100%;min-width:0}.hgm-category-hub-after__faq summary{padding:12px;gap:9px}.hgm-category-hub-after__faq .hgm-category-hub-after__answer{padding:12px 16px 18px}.hgm-hub-faq-b2b .hgm-hub-faq-b2b__actions{flex-direction:column}.hgm-hub-faq-b2b .hgm-hub-faq-b2b__button{width:100%}}

/* v0.1.4: only integration spacing; original music styling stays in existing hgm_landing.css */
.hgm-category-hub-after__music{max-width:1160px;margin:24px auto 28px;--hgm-black:#3c3732;--hgm-pink:#e31c66;--hgm-green:#7dbe1e;--hgm-mint:#63c3d1;--hgm-line:#e7e1dc}
.hgm-category-hub-after__music .hgm-schokosong{margin:0}

/* v0.1.4: isolated corrections only; shared landing CSS stays untouched */
/* Real pale pink at rest; existing hover remains strong pink */
.hgm-category-hub .hgm-category-hub__chip{background-color:#fff9fb!important;border-color:#f4c5d6!important}
.hgm-category-hub .hgm-category-hub__chip:hover,
.hgm-category-hub .hgm-category-hub__chip:focus-visible{background-color:#e31c66!important;border-color:#e31c66!important;color:#fff!important}
/* Shop-specific anchor styles can suppress the primary fill/text. */
.hgm-category-hub .hgm-category-hub__action--primary,
.hgm-category-hub .hgm-category-hub__action--primary:link,
.hgm-category-hub .hgm-category-hub__action--primary:visited{background:#3c3732!important;background-color:#3c3732!important;color:#fff!important;border-color:#3c3732!important;opacity:1!important;visibility:visible!important}
.hgm-category-hub .hgm-category-hub__action--primary span{color:#fff!important;opacity:1!important;visibility:visible!important}
.hgm-category-hub .hgm-category-hub__action--primary:hover,
.hgm-category-hub .hgm-category-hub__action--primary:focus-visible{background:#27231f!important;background-color:#27231f!important;color:#fff!important}
/* Widen song content within its own card, not the shop's product/FAQ grid. */
@media(min-width:1080px){
 .hgm-category-hub-after__music .hgm-schokosong{grid-template-columns:minmax(0,1fr) 165px;gap:12px}
 .hgm-category-hub-after__music .hgm-schokosong__links{gap:6px}
 .hgm-category-hub-after__music .hgm-music-link{padding:8px 9px;gap:5px}
 .hgm-category-hub-after__music .hgm-schokosong__disc{width:140px;height:140px}
}