.product-brand {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1.25rem 2rem;
    text-align: left;
    width: 100%;
}
.product-brand__text {
    flex: 0 1 auto;
    min-width: 0;
    order: 1;
}
.product-brand__logo {
    flex: 0 0 auto;
    order: 2;
    margin-left: auto;
    width: auto;
    height: auto;
    max-width: min(52%, 320px);
    object-fit: contain;
    display: block;
}
.product-brand__name {
    display: block;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.02em;
    white-space: nowrap;
}
.product-brand__wepesi {
    color: var(--brand-navy, #0c2d5c);
}
.product-brand__hotel {
    color: var(--brand-teal, #0d9488);
}
.product-brand__tagline {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72em;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--brand-muted, #64748b);
    line-height: 1.3;
}
.product-brand--hero {
    max-width: min(100%, 52rem);
}
.product-brand--hero .product-brand__name {
    font-size: clamp(2rem, 5vw, 3rem);
}
.product-brand--hero .product-brand__logo {
    max-height: clamp(120px, 22vw, 220px);
    max-width: min(48%, 280px);
}
.product-brand--default .product-brand__name {
    font-size: 1.5rem;
}
.product-brand--default .product-brand__logo {
    max-height: 100px;
    max-width: 140px;
}
.product-brand--compact .product-brand__name {
    font-size: clamp(0.95rem, 2.5vw, 1.15rem);
}
.product-brand--compact .product-brand__logo {
    max-height: 72px;
    max-width: 88px;
}
.product-brand--image-only {
    justify-content: flex-start;
}
.product-brand--image-only .product-brand__logo {
    margin-left: 0;
    max-width: 100%;
}
.product-brand--image-only.product-brand--compact .product-brand__logo {
    max-height: 100px;
    max-width: min(100%, 220px);
}
.product-brand--image-only.product-brand--hero .product-brand__logo {
    max-height: clamp(140px, 24vw, 280px);
    max-width: min(100%, 420px);
}
.product-brand--image-only.product-brand--default .product-brand__logo {
    max-height: 120px;
    max-width: 240px;
}
.product-brand--on-dark .product-brand__wepesi,
.product-brand--on-dark .product-brand__hotel {
    color: #fff;
}
.product-brand--on-dark .product-brand__tagline {
    color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 640px) {
    .product-brand--hero .product-brand__name {
        font-size: clamp(1.5rem, 6vw, 2rem);
        white-space: normal;
    }
    .product-brand--hero .product-brand__logo {
        max-height: clamp(90px, 28vw, 140px);
        max-width: min(42%, 160px);
    }
    .product-brand--hero {
        gap: 1rem;
    }
}
@media (max-width: 400px) {
    .product-brand--compact .product-brand__logo {
        max-height: 56px;
        max-width: 64px;
    }
}