html, body { margin: 0; padding: 0; background: transparent; }
body { min-height: 100vh; }
#catalogue { padding: 32px 16px; min-height: 100vh; }
@media (min-width: 640px) { #catalogue { padding: 40px 24px; } }

/* Embed-only: enlarge the closed-book teaser (~1.5x) now that the
   separate "เปิดแคตตาล็อก" CTA pill is gone — the cover itself is the
   only click target, so it needs to read as bigger/more inviting.
   Main site's in-page teaser keeps its original size (catalogue.css
   untouched); these overrides live here only. */
#catBook { width: 300px; height: 425px; }
@media (min-width: 640px) {
    #catBook { width: 390px; height: 552px; }
}
.cat-book-edges { width: 15px; right: -14px; }
.cat-book-ribbon { width: 14px; height: 66px; bottom: -39px; }
.cat-book-floor-shadow { width: 255px; height: 45px; margin-top: 33px; }
@media (min-width: 640px) {
    .cat-book-floor-shadow { width: 330px; height: 51px; margin-top: 39px; }
    /* base's hover-grow (250x40) is now smaller than the new resting size
       (330x51) — rescale the hover-grow too so it still grows, not shrinks. */
    #catBookWrap:hover .cat-book-floor-shadow { width: 375px; height: 60px; }
}

/* Embed-only: prevent Safari/Chrome from rendering a native drag-ghost
   thumbnail of the book/CTA if a click turns into an accidental drag. */
#catBookWrap, #catBookWrap * {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Embed-only: link back to the main site, replaces the "Esc to close" hint */
.cat-home-link {
    font-family: 'Prompt', sans-serif;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--cat-gold-bright);
    text-decoration: none;
    border-bottom: 1px solid rgba(224, 192, 121, 0.35);
    padding-bottom: 1px;
    transition: color 200ms ease, border-color 200ms ease;
}
.cat-home-link:hover,
.cat-home-link:focus-visible {
    color: #fff8e6;
    border-color: rgba(224, 192, 121, 0.9);
}

/* Embed-only: endgame card CTA — LINE-only primary button (no phone number)
   plus a secondary link back to the main site. */
.cat-endgame-line-btn {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.03em;
    color: var(--cat-ink);
    background: linear-gradient(180deg, var(--cat-gold-bright), var(--cat-gold));
    padding: 11px 24px;
    border-radius: 24px;
    text-decoration: none;
    transition: transform 200ms ease, box-shadow 200ms ease;
}
.cat-endgame-line-btn:hover {
    transform: scale(1.04);
    box-shadow: 0 10px 26px -6px rgba(198, 161, 91, 0.65);
}
.cat-endgame-home-btn {
    display: block;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: rgba(244, 239, 228, 0.5);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    margin-top: 14px;
    transition: color 200ms ease, border-color 200ms ease;
}
.cat-endgame-home-btn:hover,
.cat-endgame-home-btn:focus-visible {
    color: var(--cat-gold-bright);
    border-color: rgba(224, 192, 121, 0.6);
}