/*
 * product_tagline module — styles the product phrase into a highlighted callout.
 * Loaded via Asset::frontCss() after the theme's app.css, so it overrides the
 * default .product-tagline rule.
 */
.product-tagline {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: 0 0 1.1rem;
    padding: .8rem 1.1rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.35;
    color: #8a4b00;
    background: linear-gradient(135deg, #fff7e6, #ffe9c7);
    border: 1px solid #ffd591;
    border-left: 4px solid #fa8c16;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(250, 140, 22, .18);
}

.product-tagline::before {
    content: "✦";
    flex: 0 0 auto;
    font-size: 1.15rem;
    line-height: 1;
    color: #fa8c16;
}