@import url("../estate-portal-prime/style.css");
@import url("../resto-cart/style.css");

/* Shop Portal Metro: clean blue marketplace portal for multi-store networks. (portal) */
body {
    background: #F1F5F9;
    color: #0F172A;
    font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
}

.ep-header {
    background: var(--theme-primary, #1E3A8A);
    box-shadow: 0 1px 10px rgba(15, 23, 42, .14);
}
.ep-header-inner { padding: 14px 24px; }
.ep-brand { font-weight: 800; letter-spacing: -.02em; font-size: 21px; }
.ep-nav a { margin-left: 20px; font-size: 13.5px; font-weight: 600; }
.ep-nav-cta {
    background: var(--theme-accent, #3B82F6);
    color: #fff !important;
    border-radius: 8px;
    padding: 9px 16px;
}
.rf-cart-badge { background: var(--theme-accent, #3B82F6); color: #fff; }

.ep-hero {
    background:
        radial-gradient(circle at 88% -10%, rgba(59, 130, 246, .38), transparent 55%),
        linear-gradient(150deg, #0B1F53, var(--theme-primary, #1E3A8A));
    padding: 56px 24px 92px;
}
.ep-hero-kicker {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .8;
}
.ep-hero h1 { font-size: clamp(30px, 4.6vw, 44px); letter-spacing: -.03em; margin: 0 0 14px; }
.ep-hero p { font-size: 16px; line-height: 1.55; }
.ep-search-card { border-radius: 16px; box-shadow: 0 24px 48px rgba(11, 31, 83, .28); }
.ep-search-input { border-radius: 10px; }
.ep-btn { border-radius: 10px; font-weight: 700; }
.ep-btn-ghost {
    background: transparent;
    color: var(--theme-primary, #1E3A8A);
    border: 1px solid #CBD5E1;
}

.ep-stats { background: #E2E8F0; padding: 26px 24px; }
.ep-stats-grid strong { font-size: 26px; color: var(--theme-primary, #1E3A8A); }

.ep-section { padding: 56px 24px; }
.ep-section h2 { font-size: 27px; letter-spacing: -.02em; }
.ep-section-alt { background: #E2E8F0; }
.ep-section-kicker { color: var(--theme-accent, #3B82F6); }

.ep-card { border-radius: 14px; border: 1px solid rgba(15, 23, 42, .07); box-shadow: 0 8px 24px rgba(15, 23, 42, .06); }
.ep-card:hover { box-shadow: 0 18px 40px rgba(15, 23, 42, .13); }
.ep-card-media { height: 210px; background-color: #E2E8F0; }
.ep-badge { border-radius: 8px; background: var(--theme-primary, #1E3A8A); }
.ep-card-price { color: var(--theme-primary, #1E3A8A); }

.ep-category-tile { border-radius: 14px; border: 1px solid #E2E8F0; box-shadow: none; }
.ep-category-tile:hover { border-color: var(--theme-accent, #3B82F6); }

.ep-page-header { background: #fff; border-bottom: 1px solid #E2E8F0; padding: 36px 24px; }
.ep-page-header h1 { font-size: 28px; letter-spacing: -.02em; }

.ep-cta { background: linear-gradient(120deg, #0B1F53, var(--theme-primary, #1E3A8A)); }
.ep-footer { background: #0B1F53; }