/* Strazar clothing preorder campaign 1.9.3 */

.strazar-preorder-banner {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 28px;
    padding: 14px 18px;
    border-top: 1px solid var(--strazar-gold, #cfa834);
    border-bottom: 1px solid var(--strazar-gold, #cfa834);
    background: #fff;
}

.strazar-preorder-banner p {
    margin: 0;
}

.strazar-preorder-banner .strazar-preorder-sentence {
    color: var(--strazar-primary-dark, #0d2137);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0;
}

.strazar-preorder-banner .strazar-preorder-ship-together {
    margin: 6px 0 0;
    color: var(--strazar-muted, #5f6b76);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13.5px;
    line-height: 1.55;
    letter-spacing: 0;
}

/* Catalog intro, product detail, cart, checkout and thank-you placements. */
.strazar-preorder-intro,
.strazar-preorder-product,
.strazar-preorder-cart,
.strazar-preorder-thankyou {
    max-width: 100%;
}

/* Clothing catalog-card badge. */
.strazar-preorder-badge {
    display: inline-flex;
    align-items: center;
    margin: 4px 0 8px;
    padding: 4px 10px;
    border: 1px solid var(--strazar-gold, #cfa834);
    border-radius: 6px;
    background: #fff;
    color: var(--strazar-primary-dark, #0d2137);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

@media (max-width: 549px) {
    .strazar-preorder-banner {
        margin-bottom: 20px;
        padding: 12px 14px;
    }

    .strazar-preorder-banner .strazar-preorder-sentence {
        font-size: 14px;
    }

    .strazar-preorder-banner .strazar-preorder-ship-together {
        font-size: 13px;
    }
}