:root {
    --oa-ink: #162018;
    --oa-green: #173f2a;
    --oa-green-2: #255d3b;
    --oa-orange: #f05a28;
    --oa-paper: #f3f0e8;
    --oa-line: #d8d4c8;
    --oa-yellow: #f4bd43;
}

body {
    background: var(--oa-paper);
    color: var(--oa-ink);
}

.app-header {
    height: 76px;
    background: rgba(250, 248, 241, .96);
    border-bottom: 1px solid var(--oa-line);
    backdrop-filter: blur(16px);
}

.header-container { max-width: 1440px; }

.brand-logo { gap: 10px; }

.oa-mark {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    background: var(--oa-orange);
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .04em;
    transform: rotate(-3deg);
}

.brand-name {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 26px;
    letter-spacing: -.02em;
    text-transform: uppercase;
}

.brand-tag {
    background: var(--oa-green);
    border-radius: 0;
    letter-spacing: .15em;
}

.desktop-nav { gap: 28px; }
.nav-item { color: #49534c; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.nav-item:hover, .nav-item.active { color: var(--oa-orange); text-decoration: none; }
.icon-btn { color: var(--oa-ink); }

.app-header .btn { border-radius: 2px !important; text-transform: uppercase; letter-spacing: .05em; }
.app-header .btn-primary { background: var(--oa-orange); border-color: var(--oa-orange); }

.trade-strip {
    background: var(--oa-green);
    color: #dce7df;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.trade-strip-inner {
    max-width: 1440px;
    margin: auto;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.wholesale-hero {
    position: relative;
    overflow: hidden;
    background: var(--oa-green);
    color: #fff;
    min-height: 500px;
    display: grid;
    align-items: center;
}

.wholesale-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .13;
    background-image: linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(90deg, transparent, #000);
}

.hero-trade-grid {
    position: relative;
    z-index: 2;
    width: min(1440px, calc(100% - 32px));
    margin: auto;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 72px;
    padding: 78px 0 84px;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #f6c966;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.eyebrow::before { content:""; width: 30px; height: 2px; background: var(--oa-orange); }

.hero-title {
    max-width: 820px;
    margin: 18px 0 20px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(56px, 7.4vw, 104px);
    font-weight: 800;
    line-height: .86;
    letter-spacing: -.035em;
    text-transform: uppercase;
    color: #fff;
}
.hero-title em { color: var(--oa-yellow); font-style: normal; }
.hero-copy { max-width: 640px; color: #cbd9cf; font-size: 17px; line-height: 1.7; }

.trade-search {
    display: flex;
    max-width: 760px;
    margin-top: 30px;
    padding: 6px;
    background: #fff;
    box-shadow: 10px 10px 0 rgba(0,0,0,.18);
}
.trade-search input { min-width: 0; flex: 1; border: 0; padding: 0 16px; outline: 0; font-size: 14px; }
.trade-search button { border: 0; background: var(--oa-orange); color: #fff; padding: 15px 25px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.hero-proof { display: grid; grid-template-columns: 1fr 1fr; align-content: center; border: 1px solid rgba(255,255,255,.22); }
.proof-item { min-height: 135px; padding: 26px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.proof-item strong { display:block; font-family:"Barlow Condensed",sans-serif; color:#fff; font-size:34px; line-height:1; }
.proof-item span { display:block; margin-top:8px; color:#aebfb3; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }

.procurement-bar { background: #fff; border-bottom: 1px solid var(--oa-line); }
.procurement-inner { max-width:1440px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); }
.procurement-item { padding: 20px 22px; display:flex; gap:13px; border-right:1px solid var(--oa-line); }
.procurement-item i { color:var(--oa-orange); font-size:22px; }
.procurement-item strong { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.procurement-item span { color:#768078; font-size:11px; }

.catalog-shell { max-width: 1440px; margin: 0 auto; padding: 64px 16px; }
.catalog-head { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.catalog-kicker { color:var(--oa-orange); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.catalog-title { margin:4px 0 0; font-family:"Barlow Condensed",sans-serif; font-size:46px; font-weight:800; text-transform:uppercase; }
.catalog-meta { color:#687269; font-size:12px; }
.catalog-tabs { display:flex; border:1px solid var(--oa-line); background:#ebe7dc; padding:4px; }
.catalog-tabs a { padding:9px 18px; color:#667067; font-size:11px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.catalog-tabs a.active { background:var(--oa-green); color:#fff; }

.wholesale-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.trade-card { background:#fff; border:1px solid var(--oa-line); transition:.22s ease; }
.trade-card:hover { transform:translateY(-5px); border-color:#8e978f; box-shadow:0 18px 40px rgba(29,48,35,.1); }
.trade-image { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; background:#e8e5dc; }
.trade-image img,.trade-image video { width:100%; height:100%; object-fit:cover; }
.trade-image img { transition:transform .5s ease; }
.trade-card:hover img { transform:scale(1.045); }
.trade-video { display:none; position:absolute; inset:0; z-index:2; }
.trade-card:hover .trade-video { display:block; }
.source-badge { position:absolute; z-index:3; top:10px; left:10px; background:#fff; color:var(--oa-green); padding:5px 8px; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.trade-info { padding:14px; }
.trade-sku { color:#8b948c; font-family:monospace; font-size:10px; text-transform:uppercase; }
.trade-name { display:-webkit-box; min-height:42px; margin:7px 0 12px; overflow:hidden; color:var(--oa-ink); font-size:13px; font-weight:700; line-height:1.55; text-decoration:none; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.trade-price-row { display:flex; align-items:end; justify-content:space-between; gap:8px; border-top:1px solid #ece9e1; padding-top:11px; }
.trade-price small { display:block; color:#818a82; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.trade-price strong { color:var(--oa-orange); font-family:"Barlow Condensed",sans-serif; font-size:24px; }
.moq { text-align:right; color:#5f6861; font-size:9px; line-height:1.5; text-transform:uppercase; }
.trade-action { display:block; margin-top:12px; padding:9px; border:1px solid var(--oa-green); color:var(--oa-green); text-align:center; font-size:10px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.trade-action:hover { background:var(--oa-green); color:#fff; text-decoration:none; }

.app-footer { background:#101c14; border:0; color:#b8c2ba; }
.app-footer .footer-title,.app-footer .text-dark { color:#fff!important; }
.app-footer .footer-list a,.app-footer .text-muted { color:#9aa79e!important; }

@media (max-width:1199px) {
    .wholesale-grid { grid-template-columns:repeat(4,1fr); }
    .hero-trade-grid { grid-template-columns:1fr .65fr; gap:38px; }
}
@media (max-width:991px) {
    body { padding-top:76px; }
    .trade-strip { display:none; }
    .hero-trade-grid { grid-template-columns:1fr; padding:58px 0; }
    .hero-proof { grid-template-columns:repeat(4,1fr); }
    .proof-item { min-height:100px; padding:18px; }
    .proof-item strong { font-size:26px; }
    .procurement-inner { grid-template-columns:1fr 1fr; }
    .wholesale-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:767px) {
    .brand-tag { display:none; }
    .hero-title { font-size:58px; }
    .hero-copy { font-size:14px; }
    .hero-proof { grid-template-columns:1fr 1fr; }
    .procurement-item { padding:15px 12px; }
    .catalog-shell { padding-top:42px; }
    .catalog-head { align-items:start; flex-direction:column; }
    .catalog-title { font-size:38px; }
    .wholesale-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
    .trade-info { padding:10px; }
    .trade-price strong { font-size:20px; }
    .moq { display:none; }
}