/* =============================================================================
   HotZeg signature catchphrase — "Enable Your Taste Buds"

   Editorial seal, NOT a marketing slogan. Used sparingly across the public site:
   1. Hero homepage (between wordmark and lede)
   2. Footer bottom line (next to copyright)
   3. Product detail story signoff (right-aligned after story_md)
   4. Empty cart state (centred, generous)

   Rules:
   - Always English. Never translated.
   - Always Poppins italic (no serif, no luxury-magazine vibe).
   - Monochrome ink, opacity-graded to dose presence per context.
   - No glow, no underline, no animation. A whisper.
   ============================================================================= */

.hz-signature {
    font-family: var(--sans, 'Poppins', system-ui, sans-serif);
    font-style: italic;
    font-weight: 400;
    letter-spacing: -0.005em;
    color: var(--ink, #17120f);
    margin: 0;
    line-height: 1.3;
    /* Avoid visual collision with surrounding paragraphs */
    user-select: text;
}

/* --- A · Hero homepage --- */
.hz-signature--hero {
    font-size: clamp(14px, 1.35vw, 17px);
    opacity: 0.62;
    margin-top: 4px;
    margin-bottom: 16px;
}

/* --- B · Footer bottom line --- */
.hz-signature--footer {
    font-size: 12px;
    opacity: 0.55;
    color: inherit; /* footer text is already ink-soft */
}

/* --- C · Product detail story signoff --- */
.hz-signature--story {
    font-size: 15px;
    opacity: 0.55;
    text-align: right;
    margin: -6px 0 18px;
    /* Subtle visual anchor — never pushy */
}

/* --- D · Empty cart state --- */
.hz-signature--empty {
    font-size: clamp(20px, 3vw, 26px);
    opacity: 0.85;
    text-align: center;
    margin-top: 26px;
    /* No CTA below — this IS the punctuation */
}

/* --- Mobile tightening --- */
@media (max-width: 640px) {
    .hz-signature--hero  { font-size: 14px; margin-bottom: 14px; }
    .hz-signature--story { font-size: 13.5px; }
    .hz-signature--empty { font-size: 20px; }
}

/* --- Print: keep the signature, drop opacity --- */
@media print {
    .hz-signature { opacity: 1; color: #000; }
}