@import url("../resto-cart/style.css");
@import url("../resto-layout-bento/style.css");

/* Editorial bento layout — Espresso editorial cafe website. */
body.rx-body {
    margin: 0;
    font-family: "Segoe UI", system-ui, sans-serif;
    background: #FAF7F2;
    color: #1f2937;
}
.rx-header {
    position: sticky; top: 0; z-index: 40;
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.rx-header-inner, .rx-footer-inner {
    max-width: 1120px; margin: 0 auto; padding: 14px 24px;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.rx-logo {
    text-decoration: none; color: var(--theme-primary, #44403C);
    font-family: Georgia, serif; font-weight: 700; font-size: 20px;
}
.rx-nav { display: flex; gap: 18px; align-items: center; }
.rx-nav a { color: inherit; text-decoration: none; font-weight: 600; font-size: 14px; opacity: .8; }
.rx-nav-cta {
    background: var(--theme-primary, #44403C);
    color: #fff !important; opacity: 1 !important;
    padding: 8px 14px; border-radius: 999px;
}
.rx-footer { border-top: 1px solid rgba(0,0,0,.08); margin-top: 12px; background: #E7E5E4; }
.rx-btn { background: var(--theme-accent, #D6A77A); }
.rx-list-price, .rx-price-lg { color: var(--theme-primary, #44403C); }
.rx-top {
    background:
        radial-gradient(circle at 10% 0%, color-mix(in srgb, #D6A77A 28%, transparent), transparent 42%),
        linear-gradient(160deg, #44403C, color-mix(in srgb, #44403C 70%, #000));
}