/* Shared North American B2B catalog styling for published pages. */
:root {
    --br-navy: #123247;
    --br-deep: #0b2535;
    --br-copper: #c76b42;
    --br-ink: #17232c;
    --br-muted: #64747d;
    --br-paper: #f7f6f2;
    --br-line: #dbe1df;
    --br-white: #fff;
}

body { font-family: "DM Sans", Arial, sans-serif !important; background: var(--br-paper) !important; color: var(--br-ink) !important; }
h1, h2, h3, h4, h5, h6, .logo-wild { font-family: "DM Sans", Arial, sans-serif !important; letter-spacing: -.035em !important; }
.container { max-width: 1440px !important; }
.top-ribbon { padding: 8px 0 !important; background: var(--br-deep) !important; font-size: .78rem !important; }
.top-ribbon::before, .cart-hero::before, .contact-hero::before, .hero-punch::before, .about-hero-new::before, .cta-section::before, .cta-explosion::before { display: none !important; }
.pulse-icon { width: auto !important; height: auto !important; background: transparent !important; color: #e3ad8e !important; animation: none !important; }
.top-links a { margin-left: 18px !important; }
.top-links a:last-child { padding: 0 !important; border-radius: 0 !important; background: transparent !important; }
.header-block { padding: 17px 0 !important; border-bottom: 1px solid var(--br-line) !important; background: #fff !important; box-shadow: none !important; }
.header-grid { gap: 32px !important; flex-wrap: nowrap !important; }
.logo-wild { color: var(--br-navy) !important; font-size: 1.5rem !important; white-space: nowrap; }
.logo-wild .line1 { color: var(--br-navy) !important; }
.header-search { max-width: 620px !important; }
.search-minimal { padding: 13px 20px 13px 44px !important; border: 1px solid #cbd4d6 !important; border-radius: 6px !important; background: #fbfcfb !important; }
.search-minimal:focus { border-color: var(--br-navy) !important; box-shadow: 0 0 0 3px rgba(18,50,71,.12) !important; }
.search-icon-new { left: 17px !important; color: var(--br-navy) !important; font-size: .95rem !important; }
.action-link { padding: 10px 15px !important; border-radius: 4px !important; font-size: .88rem !important; }
.action-link.cart { background: transparent !important; color: var(--br-navy) !important; }
.action-link.quote { background: var(--br-copper) !important; box-shadow: none !important; }
.cart-badge { background: var(--br-copper) !important; }
.category-strip { position: relative !important; top: auto !important; padding: 0 !important; border-bottom: 1px solid var(--br-line) !important; background: #fff !important; }
.category-scroll { gap: 0 !important; padding: 0 !important; }
.category-pill { padding: 13px 19px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #40535e !important; font-size: .84rem !important; }
.category-pill i { display: none !important; }
.category-pill:hover { background: transparent !important; color: var(--br-copper) !important; box-shadow: inset 0 -2px var(--br-copper) !important; transform: none !important; }
.breadcrumb-new { padding: 23px 0 14px !important; }
.crumb a, .crumb span { padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--br-muted) !important; box-shadow: none !important; }
.crumb span:last-child { color: var(--br-navy) !important; }
.btn, .btn-block, .btn-cta, .simple-btn, .action-dialog-btn, .add-to-cart-btn, .product-button { border-radius: 4px !important; box-shadow: none !important; }
.btn-primary, .btn-block.primary, .btn-cta, .simple-btn-primary, .add-to-cart-btn { border-color: var(--br-navy) !important; background: var(--br-navy) !important; color: #fff !important; }
.btn-primary:hover, .btn-block.primary:hover, .btn-cta:hover, .simple-btn-primary:hover, .add-to-cart-btn:hover { background: var(--br-deep) !important; transform: none !important; }
.btn-secondary, .btn-outline, .btn-block.outline, .btn-cta.outline-white { border: 1px solid #bdc9cc !important; background: #fff !important; color: var(--br-navy) !important; }
.cart-hero, .contact-hero, .hero-punch, .about-hero-new { min-height: 250px !important; margin-bottom: 32px !important; padding: 48px 52px !important; border-radius: 0 !important; background: linear-gradient(115deg, var(--br-deep), var(--br-navy)) !important; color: #fff !important; }
.hero-title, .hero-title-new { max-width: 820px; color: #fff !important; font-family: "DM Serif Display", Georgia, serif !important; font-size: clamp(2.3rem, 4vw, 4rem) !important; font-weight: 400 !important; line-height: 1.04 !important; }
.hero-title-new span { color: #e8ad8c !important; }
.hero-subtitle, .hero-sub, .hero-subtitle-new { max-width: 720px !important; color: #d7e2e5 !important; font-size: 1.05rem !important; line-height: 1.7 !important; }
.hero-graphic, .hero-graphic-new { color: rgba(255,255,255,.1) !important; }
.mission-grid, .contact-container, .cart-container { gap: 24px !important; }
.mission-card, .value-item-new, .contact-info-card, .contact-form-card, .cart-items, .cart-summary, .order-config-card, .product-gallery-main, .related-product-card, .filter-sidebar, .product-card, .no-results { border: 1px solid var(--br-line) !important; border-radius: 2px !important; background: #fff !important; box-shadow: none !important; }
.mission-card, .value-item-new, .contact-info-card, .contact-form-card { padding: 32px !important; }
.mission-card:hover, .value-item-new:hover, .related-product-card:hover, .product-card:hover { border-color: #b8c7ca !important; box-shadow: 0 12px 30px rgba(21,45,58,.08) !important; transform: translateY(-3px) !important; }
.card-flag, .value-icon-new, .value-icon-large, .contact-icon, .empty-cart-icon { border-radius: 3px !important; background: #edf3f4 !important; color: var(--br-navy) !important; }
.section-title-new, .section-title, .results-title, .summary-title, .cart-title { color: var(--br-navy) !important; }
.values-showcase { padding: 56px 0 !important; }
.value-strip { border-top: 1px solid var(--br-line) !important; }
.cta-explosion, .cta-section { padding: 46px 52px !important; border-radius: 0 !important; background: var(--br-deep) !important; }
.filter-sidebar { top: 22px !important; padding: 25px !important; }
.filter-title { padding-bottom: 15px !important; border-bottom: 1px solid var(--br-line) !important; color: var(--br-navy) !important; font-size: 1.12rem !important; }
.form-label, .simple-form-label { color: #40535e !important; font-size: .76rem !important; font-weight: 700 !important; letter-spacing: .04em; text-transform: uppercase; }
.form-control, .form-select, .simple-form-control { border: 1px solid #cbd4d6 !important; border-radius: 4px !important; box-shadow: none !important; }
.form-control:focus, .form-select:focus, .simple-form-control:focus { border-color: var(--br-navy) !important; box-shadow: 0 0 0 3px rgba(18,50,71,.1) !important; }
.results-header { border-color: var(--br-line) !important; }
.category-filter-btn { border-radius: 3px !important; background: #fff !important; color: #40535e !important; }
.category-filter-btn.active { background: var(--br-navy) !important; color: #fff !important; }
.product-card { overflow: hidden; }
.product-image, .product-image-container { background: #f0f1ed !important; }
.product-title, .product-title a { color: var(--br-navy) !important; }
.moq-badge, .product-moq { border-radius: 3px !important; background: #edf3f4 !important; color: #35515e !important; }
.product-gallery-thumb { border-radius: 2px !important; }
.product-gallery-thumb.active { border-color: var(--br-copper) !important; }
.accordion-custom .accordion-item, .table-custom { border-color: var(--br-line) !important; border-radius: 2px !important; }
.order-config-card h1 { color: var(--br-navy) !important; }
.simple-quantity-btn { border-radius: 3px !important; background: var(--br-navy) !important; }
.simple-modal-content, .action-dialog-content { border-radius: 3px !important; }
.cart-item { border-color: var(--br-line) !important; }
.cart-item-image { border-radius: 2px !important; background: #f0f1ed !important; }
.footer-wild { margin-top: 56px !important; padding: 54px 0 24px !important; border-radius: 0 !important; background: var(--br-deep) !important; }
.contact-block-footer { padding: 26px !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 2px !important; }
.contact-block-footer h4 { color: #e8ad8c !important; }
.footer-bottom-new { color: #aebcc1 !important; font-size: .78rem !important; }

@media (max-width: 991.98px) {
    .header-grid { flex-wrap: wrap !important; }
    .header-search { order: 3; flex-basis: 100%; max-width: none !important; }
    .filter-sidebar { position: static !important; }
}

@media (max-width: 575.98px) {
    .container { padding-left: 18px !important; padding-right: 18px !important; }
    .top-links { display: none !important; }
    .header-actions-new .action-link span:not(.cart-badge) { display: none; }
    .header-actions-new { gap: 4px !important; }
    .category-pill { padding: 12px 14px !important; }
    .cart-hero, .contact-hero, .hero-punch, .about-hero-new { min-height: 0 !important; padding: 32px 24px !important; }
    .hero-title, .hero-title-new { font-size: 2.15rem !important; }
    .mission-card, .value-item-new, .contact-info-card, .contact-form-card { padding: 24px !important; }
    .cta-explosion, .cta-section { padding: 36px 24px !important; }
}

/* Flagship homepage treatment. */
.home-page .breadcrumb-new { display: none; }
.home-page .page-content > .container { max-width: none !important; padding: 0 !important; }
.home-page .about-hero-new.hero-stage { position: relative; display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); min-height: 630px !important; margin: 0 !important; padding: 94px max(5vw, 48px) 60px !important; overflow: hidden; background: linear-gradient(124deg, #071d2a 0%, #123247 56%, #1d4859 100%) !important; }
.home-page .about-hero-new.hero-stage::after { position: absolute; inset: auto -10% -52% auto; width: 62vw; height: 62vw; border: 1px solid rgba(225,238,239,.13); border-radius: 50%; content: ""; }
.home-page .hero-content-new { align-self: center; max-width: 760px; }
.hero-eyebrow { margin-bottom: 20px; color: #e7b294; font-size: .76rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.home-page .hero-title-new { max-width: 760px; margin-bottom: 24px; font-size: clamp(3.4rem, 5.8vw, 6.45rem) !important; letter-spacing: -.055em !important; }
.home-page .hero-subtitle-new { max-width: 590px !important; margin-bottom: 34px; color: #d5e2e5 !important; font-size: 1.12rem !important; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.hero-actions .btn { padding: 15px 22px !important; }
.hero-actions .btn-primary { background: #c76b42 !important; }
.hero-actions .btn-secondary { border-color: rgba(255,255,255,.5) !important; background: transparent !important; color: #fff !important; }
.hero-art { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-height: 380px; }
.hero-object { position: relative; width: min(100%, 440px); aspect-ratio: 1 / 1.06; border: 1px solid rgba(234,240,238,.28); background: linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.035)); box-shadow: 22px 28px 60px rgba(0,0,0,.2); backdrop-filter: blur(3px); }
.hero-object::before { position: absolute; inset: 11% 10%; border: 1px solid rgba(234,240,238,.35); content: ""; }
.hero-object .gift-mark { position: absolute; top: 50%; left: 50%; color: #e9af8e; font-size: clamp(7rem, 14vw, 11rem); transform: translate(-50%, -50%); }
.hero-object .object-label { position: absolute; right: 27px; bottom: 26px; width: 155px; color: #edf4f3; font-size: .7rem; font-weight: 700; letter-spacing: .1em; line-height: 1.5; text-align: right; text-transform: uppercase; }
.hero-tag { position: absolute; z-index: 2; padding: 11px 14px; border: 1px solid rgba(234,240,238,.35); background: #f7f6f2; color: #123247; font-size: .73rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.hero-tag.one { top: 8%; right: 0; }
.hero-tag.two { bottom: 6%; left: -8%; }
.hero-trust { position: absolute; z-index: 2; right: max(5vw, 48px); bottom: 30px; left: max(5vw, 48px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 760px; border-top: 1px solid rgba(255,255,255,.2); }
.hero-trust div { padding: 17px 20px 0 0; color: #d5e2e5; font-size: .78rem; line-height: 1.45; }
.hero-trust div + div { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.18); }
.hero-trust strong { display: block; margin-bottom: 3px; color: #fff; font-size: .88rem; }
.home-content { max-width: 1320px; margin: 0 auto; padding: 80px 24px 0; }
.home-intro { display: grid; grid-template-columns: .74fr 1.26fr; gap: 60px; align-items: start; padding: 10px 0 86px; }
.section-kicker { margin-bottom: 14px; color: #c76b42; font-size: .75rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.home-intro h2 { margin: 0; color: #123247; font-family: "DM Serif Display", Georgia, serif !important; font-size: clamp(2.2rem, 3vw, 3.35rem); font-weight: 400; line-height: 1.08; }
.home-intro-copy { max-width: 680px; color: #52666f; font-size: 1.05rem; line-height: 1.8; }
.programs-section { margin-bottom: 88px; padding: 54px; background: #eaf0ef; }
.programs-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 32px; }
.programs-heading h2 { margin: 0; color: #123247; font-family: "DM Serif Display", Georgia, serif !important; font-size: clamp(2.25rem, 3vw, 3.25rem); font-weight: 400; }
.programs-heading p { max-width: 410px; margin: 0; color: #52666f; line-height: 1.65; }
.program-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.program-card { min-height: 265px; padding: 29px; background: #fff; border-top: 4px solid #123247; }
.program-card i { margin-bottom: 42px; color: #c76b42; font-size: 1.6rem; }
.program-card h3 { margin-bottom: 10px; color: #123247; font-size: 1.3rem; }
.program-card p { margin: 0; color: #64747d; font-size: .92rem; line-height: 1.65; }
.home-page .mission-grid { margin-bottom: 74px; }
.home-page .mission-card:first-child { background: #123247 !important; }
.home-page .mission-card:first-child h3, .home-page .mission-card:first-child p { color: #fff !important; }
.home-page .mission-card:first-child p:last-child { color: #d5e2e5 !important; }
.home-page .cta-explosion { margin-bottom: 0 !important; }
@media (max-width: 991.98px) { .home-page .about-hero-new.hero-stage { grid-template-columns: 1fr; min-height: auto !important; padding: 74px 34px 190px !important; } .home-page .hero-art { position: absolute; right: 5%; bottom: 40px; min-height: 150px; opacity: .36; } .home-page .hero-object { width: 220px; } .home-page .hero-tag { display: none; } .home-intro { gap: 28px; } .programs-section { padding: 38px; } }
@media (max-width: 575.98px) { .home-page .about-hero-new.hero-stage { padding: 64px 24px 170px !important; } .home-page .hero-title-new { font-size: 3.15rem !important; } .hero-trust { grid-template-columns: 1fr; bottom: 20px; } .hero-trust div { padding: 7px 0 !important; } .hero-trust div + div { border: 0; } .hero-trust div:not(:first-child) { display: none; } .home-content { padding: 54px 18px 0; } .home-intro { grid-template-columns: 1fr; padding-bottom: 54px; } .programs-section { margin-bottom: 54px; padding: 28px 20px; } .programs-heading { display: block; } .programs-heading p { margin-top: 15px; } .program-grid { grid-template-columns: 1fr; } .program-card { min-height: 0; } .program-card i { margin-bottom: 25px; } }