@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&display=swap');

:root{
  --mw-primary:#d71920;
  --mw-primary-dark:#b80f17;
  --mw-red:#d71920;
  --mw-red-2:#ef2f36;
  --mw-dark:#070d16;
  --mw-navy:#0b1728;
  --mw-text:#172033;
  --mw-muted:#6d7787;
  --mw-surface:#fff;
  --mw-surface-soft:#f5f7fa;
  --mw-border:#e5e8ee;
  --mw-radius-sm:8px;
  --mw-radius-md:12px;
  --mw-radius-lg:16px;
  --mw-shadow-sm:0 8px 24px rgba(12,22,38,.08);
  --mw-shadow-md:0 18px 48px rgba(12,22,38,.14);
  --mw-container:1240px;
  --mw-ease:cubic-bezier(.22,1,.36,1);
}

html{scroll-behavior:smooth}
body.mw-site-body{font-family:"Lato",sans-serif;color:var(--mw-text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.mw-site-body button,body.mw-site-body input,body.mw-site-body select,body.mw-site-body textarea{font-family:inherit}
body.mw-site-body a{text-decoration:none}
.mw-svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
body.drawer-open{overflow:hidden}

/* Shared public header */
.site-header{position:sticky;top:0;z-index:90;background:#fff;box-shadow:0 8px 30px rgba(11,18,30,.06)}
.topbar{height:34px;background:#050b14;color:#cbd3df;font-size:12px}
.topbar .container,.nav-wrap,.footer-grid,.footer-bottom .container{width:min(var(--mw-container),calc(100% - 40px));margin-inline:auto}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.contact-row,.auth-row{display:flex;align-items:center;gap:18px}
.contact-row a,.auth-row a,.header-logout button{display:flex;align-items:center;gap:7px;color:#cbd3df;border:0;background:transparent;padding:0;font-size:12px;transition:color .2s;cursor:pointer}
.contact-row a:hover,.auth-row a:hover,.header-logout button:hover{color:#fff}
.contact-row svg,.auth-row svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.auth-row>span{width:1px;height:12px;background:#4f5968}
.header-logout{margin:0}
.nav-surface{background:rgba(255,255,255,.97);border-bottom:1px solid #e5e8ee;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-wrap{position:relative;padding:0}
.desktop-nav{height:78px;display:flex;align-items:center;gap:24px;position:relative}
.brand{width:168px;flex:0 0 168px;display:flex;align-items:center}
.brand img{width:150px;height:auto;display:block;max-height:64px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:16px;margin-left:auto;align-self:stretch}
.nav-links>a,.mega-trigger{color:#172033;font-size:11px;font-weight:600;text-transform:none;white-space:nowrap;transition:color .2s}
.nav-links>a{display:flex;align-items:center;height:100%;position:relative}
.nav-links>a:hover,.mega-trigger:hover{color:var(--mw-red)}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--mw-red);transition:width .25s var(--mw-ease)}
.nav-links>a:hover:after{width:100%}
.post-ad,.mw-sell-cta{flex:0 0 auto;height:42px;padding:0 16px;border-radius:8px;background:linear-gradient(135deg,var(--mw-red),var(--mw-red-2));color:#fff;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;box-shadow:0 10px 26px rgba(215,25,32,.25);transition:.25s var(--mw-ease)}
.post-ad:hover,.mw-sell-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px rgba(215,25,32,.32)}
.post-ad svg,.mw-sell-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.mobile-logo-bar{display:none}

.nav-mega{position:static;display:flex;align-items:center;height:100%}
.mega-trigger{height:100%;border:0;background:transparent;display:flex;align-items:center;gap:5px;cursor:pointer;padding:0;position:relative}
.mega-trigger svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .22s}
.nav-mega:hover .mega-trigger svg,.nav-mega.open .mega-trigger svg,.nav-mega.is-open .mega-trigger svg{transform:rotate(180deg)}
.mega-menu{position:absolute;left:0;right:0;top:70px;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .25s var(--mw-ease),visibility .2s}
.nav-mega:hover .mega-menu,.nav-mega.open .mega-menu,.nav-mega.is-open .mega-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mega-grid{display:grid;grid-template-columns:1.25fr 1.1fr .75fr .75fr;gap:18px;padding:22px;background:#fff;border:1px solid #e5e8ee;border-radius:16px;box-shadow:0 24px 60px rgba(10,18,31,.16)}
.mega-column{min-width:0;padding-right:14px;border-right:1px solid #edf0f4}.mega-column:last-child{border-right:0;padding-right:0}
.mega-column h3{margin:0 0 12px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#182236}
.mega-column h3>svg{width:15px;height:15px;fill:none;stroke:var(--mw-red);stroke-width:2}
.mega-column>a{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:9px;color:#303a4c;transition:.2s;background:transparent;border-bottom:0!important;text-decoration:none!important}
.mega-column>a:after{display:none!important;content:none!important}
.mega-column>a:hover{background:#f7f8fb;transform:translateX(2px);color:#172033;border-bottom:0!important;text-decoration:none!important}
.mega-column>a>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.mega-column b{font-size:10px;font-weight:600;color:#1f2937}.mega-column small{font-size:8px;color:#7b8595;line-height:1.3}
.mega-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center}.mega-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.mega-icon.red{background:#fff0f1;color:#d71920}.mega-icon.blue{background:#edf5ff;color:#156ed1}.mega-icon.amber{background:#fff5df;color:#d68a00}.mega-icon.green{background:#eaf9f1;color:#19955a}.mega-icon.purple{background:#f2efff;color:#7558d8}
.mega-list>a{padding:6px 5px}.mega-list>a>span:first-child{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#f3f5f8;display:grid;place-items:center;font-size:9px;font-weight:700;color:#4b5563;overflow:hidden}
.mega-list>a>span:first-child img{width:24px;height:24px;object-fit:contain}.mega-list>a>span:first-child svg{width:12px;height:12px;fill:none;stroke:var(--mw-red);stroke-width:2}.mega-empty{font-size:10px;color:#7b8595;margin:0}

/* Neutral sell CTA class avoids cosmetic ad-blocker filters such as `.post-ad`.
   Homepage-specific values mirror homepage-v55.css without modifying that file. */
body.mw-home-page .mw-sell-cta{height:44px;padding:0 19px;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;box-shadow:0 10px 26px rgba(215,25,32,.28);transition:.25s var(--ease)}
body.mw-home-page .mw-sell-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px rgba(215,25,32,.35)}
body.mw-home-page .mw-sell-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
@media (min-width:993px){body.mw-home-page .mw-sell-cta{flex:0 0 auto;height:42px;padding:0 16px;border-radius:8px}}
@media (max-width:1180px) and (min-width:993px){body.mw-home-page .mw-sell-cta{padding:0 12px}}

/* Shared footer */
.site-footer{background:#070d16;color:#aeb9c8;padding-top:58px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.7fr) 1fr;gap:34px}
.footer-brand img{width:160px;max-height:72px;object-fit:contain;filter:brightness(0) invert(1)}
.footer-brand p,.newsletter p{font-size:11px;max-width:260px;line-height:1.6;margin:12px 0}
.footer-brand a{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:8px;color:#aeb9c8}
.footer-brand svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.footer-grid h3{color:#fff;font-size:12px;margin:5px 0 13px;font-weight:700}
.footer-grid>div:not(.footer-brand) a{display:block;color:#aeb9c8;font-size:11px;margin:9px 0;transition:.2s}
.footer-grid a:hover{color:#fff}
.newsletter form{display:flex;margin-top:12px}.newsletter input{height:38px;flex:1;min-width:0;border:1px solid #263141;background:#0d1724;color:#fff;padding:0 10px;border-radius:8px 0 0 8px;outline:0;font-size:11px}.newsletter button{width:42px;border:0;background:var(--mw-red);border-radius:0 8px 8px 0}.newsletter button svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2}.newsletter small{display:block;margin-top:6px;font-size:9px;color:#9faabc}
.footer-bottom{margin-top:44px;border-top:1px solid #1d2735}.footer-bottom .container{height:52px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.footer-bottom a{color:#fff}

/* Shared mobile chrome */
.mobile-bottom-nav,.mobile-drawer{display:none}
@media(max-width:1100px){
  .topbar .container,.nav-wrap,.footer-grid,.footer-bottom .container{width:min(100% - 32px,1120px)}
  .nav-links{gap:12px}.nav-links>a,.mega-trigger{font-size:10px}.brand{width:145px;flex-basis:145px}.brand img{width:135px}.post-ad,.mw-sell-cta{padding-inline:12px}
  .footer-grid{grid-template-columns:1.3fr repeat(3,.65fr) 1fr;gap:24px}
}
@media(max-width:900px){
  .desktop-nav{display:none}.nav-wrap{width:100%;max-width:none}
  .mobile-logo-bar{display:flex;height:82px;background:#fff;padding:0 18px;align-items:center;justify-content:space-between;position:relative;z-index:8}
  .mobile-brand img{width:155px;max-height:62px;object-fit:contain}.icon-btn{width:40px;height:40px;border:0;background:#f4f6f8;border-radius:10px;display:grid;place-items:center;color:#1f2835}.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
  body.mw-site-body{padding-bottom:76px}
  .contact-row a:first-child{display:none}.contact-row{gap:0}.contact-row a,.auth-row a,.header-logout button{font-size:11px}.auth-row{gap:10px}
  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:72px;background:#fff;border-top:1px solid #e7e9ee;z-index:95;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 30px rgba(8,15,25,.08)}
  .mobile-bottom-nav>a,.mobile-bottom-nav>button{border:0;background:transparent;color:#333d4c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:inherit;font-size:10px;height:100%;padding:0;cursor:pointer}
  .mobile-bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-bottom-nav .active{color:var(--mw-red)}
  .mobile-bottom-nav .post{position:relative;color:var(--mw-red);overflow:visible}.mobile-bottom-nav .post>span{width:54px;height:54px;border-radius:50%;background:var(--mw-red);border:4px solid #fff;display:grid;place-items:center;margin-top:-26px;box-shadow:0 9px 22px rgba(215,25,32,.3)}.mobile-bottom-nav .post svg{width:25px;height:25px;stroke:#fff;stroke-width:2}.mobile-bottom-nav .post b{font-size:10px;font-weight:600;margin-top:-1px}
  .mobile-drawer{display:block;position:fixed;inset:0;z-index:120;pointer-events:none;visibility:hidden}.mobile-drawer.open{pointer-events:auto;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(5,10,20,.58);opacity:0;transition:.25s}.mobile-drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(84vw,330px);background:#fff;padding:20px 20px calc(28px + env(safe-area-inset-bottom));transform:translateX(-102%);transition:.35s var(--mw-ease);box-shadow:20px 0 50px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-drawer.open .drawer-panel{transform:none}.drawer-head{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceff3}.drawer-head img{width:145px;max-height:50px;object-fit:contain}.drawer-close{width:38px;height:38px;border:0;background:#f4f6f8;border-radius:10px}.drawer-close svg{width:17px;height:17px;fill:none;stroke:#202a38;stroke-width:1.8}.drawer-panel nav{display:grid;padding:18px 0}.drawer-panel nav a{color:#172033;padding:12px 4px;border-bottom:1px solid #f0f2f5;font-size:14px;font-weight:600}.drawer-post{height:46px;background:var(--mw-red);color:#fff!important;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700}.drawer-post svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.newsletter{grid-column:1/-1}.footer-bottom .container{height:auto;min-height:58px;padding:12px 0;gap:12px;flex-wrap:wrap}
}
@media(max-width:560px){
  .topbar .container{width:calc(100% - 24px)}.topbar{height:36px}.contact-row a{max-width:142px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-row>a:first-child,.auth-row>span{display:none}
  .mobile-logo-bar{height:80px;padding:0 14px}.mobile-brand img{width:150px}
  .site-footer{padding-top:44px}.footer-grid{grid-template-columns:1fr;gap:20px;width:calc(100% - 28px)}.footer-brand,.newsletter{grid-column:auto}.footer-bottom .container{width:calc(100% - 28px);flex-direction:column;align-items:flex-start;justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* =========================================================
   Mobile navigation hardening
   Shared public frontend chrome: bottom navigation + drawer.
   Keeps the mobile controls above page content and the sticky header.
   ========================================================= */
@media (max-width: 900px){
  body.mw-site-body{
    padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-bottom-nav{
    display:grid !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:calc(74px + env(safe-area-inset-bottom)) !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:end !important;
    padding:8px 4px max(7px,env(safe-area-inset-bottom)) !important;
    margin:0 !important;
    background:#fff !important;
    border-top:1px solid #e4e7ec !important;
    box-shadow:0 -8px 30px rgba(9,17,30,.12) !important;
    z-index:1100 !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    isolation:isolate;
  }
  .mobile-bottom-nav>a,
  .mobile-bottom-nav>button{
    min-width:0 !important;
    min-height:52px !important;
    height:100% !important;
    padding:0 2px !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#374151 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    font-family:"Lato",sans-serif !important;
    font-size:10px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    text-decoration:none !important;
    white-space:nowrap;
    cursor:pointer;
  }
  .mobile-bottom-nav>a>svg,
  .mobile-bottom-nav>button>svg{
    width:20px !important;
    height:20px !important;
    flex:0 0 20px;
    fill:none !important;
    stroke:#d71920 !important;
    stroke-width:2 !important;
  }
  .mobile-bottom-nav>a.active,
  .mobile-bottom-nav>button.active{color:#d71920 !important}
  .mobile-bottom-nav>a.active>svg{fill:#d71920 !important;stroke:#d71920 !important}
  .mobile-bottom-nav .post{
    position:relative !important;
    overflow:visible !important;
    color:#d71920 !important;
  }
  .mobile-bottom-nav .post>span{
    position:absolute !important;
    left:50% !important;
    bottom:24px !important;
    transform:translateX(-50%) !important;
    width:54px !important;
    height:54px !important;
    margin:0 !important;
    border:5px solid #fff !important;
    border-radius:50% !important;
    background:#d71920 !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:0 8px 22px rgba(215,25,32,.30) !important;
  }
  .mobile-bottom-nav .post>span svg{
    width:25px !important;
    height:25px !important;
    fill:none !important;
    stroke:#fff !important;
    stroke-width:2.2 !important;
  }
  .mobile-bottom-nav .post>b{
    margin:0 !important;
    font-size:10px !important;
    font-weight:400 !important;
    line-height:1 !important;
  }

  .mobile-drawer{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    z-index:1200 !important;
    pointer-events:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    transition:opacity .22s ease,visibility .22s ease !important;
    overflow:hidden !important;
  }
  .mobile-drawer.open{
    pointer-events:auto !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .mobile-drawer .drawer-backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(2,7,16,.62) !important;
    opacity:0 !important;
    transition:opacity .25s ease !important;
    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);
  }
  .mobile-drawer.open .drawer-backdrop{opacity:1 !important}
  .mobile-drawer .drawer-panel{
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    right:auto !important;
    width:min(88vw,360px) !important;
    height:100% !important;
    padding:18px 18px calc(22px + env(safe-area-inset-bottom)) !important;
    background:#fff !important;
    transform:translate3d(-104%,0,0) !important;
    transition:transform .34s cubic-bezier(.22,1,.36,1) !important;
    box-shadow:24px 0 55px rgba(3,10,20,.24) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch;
    display:flex !important;
    flex-direction:column !important;
  }
  .mobile-drawer.open .drawer-panel{transform:translate3d(0,0,0) !important}
  .mobile-drawer .drawer-head{
    position:sticky !important;
    top:-18px !important;
    z-index:2 !important;
    min-height:72px !important;
    height:auto !important;
    padding:14px 0 12px !important;
    margin:0 !important;
    background:#fff !important;
    border-bottom:1px solid #eceff3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }
  .mobile-drawer .drawer-head img{
    width:min(165px,58vw) !important;
    max-height:52px !important;
    object-fit:contain !important;
  }
  .mobile-drawer .drawer-close{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
    border:0 !important;
    border-radius:11px !important;
    background:#f3f5f7 !important;
    display:grid !important;
    place-items:center !important;
    color:#172033 !important;
    cursor:pointer;
  }
  .mobile-drawer .drawer-close svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
  }
  .mobile-drawer .drawer-panel nav{
    display:grid !important;
    padding:8px 0 !important;
    margin:0 !important;
  }
  .mobile-drawer .drawer-panel nav a{
    min-height:48px !important;
    padding:0 4px !important;
    border-bottom:1px solid #eef1f4 !important;
    color:#101827 !important;
    display:flex !important;
    align-items:center !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    text-decoration:none !important;
  }
  .mobile-drawer .drawer-panel nav a:hover,
  .mobile-drawer .drawer-panel nav a:focus-visible{
    color:#d71920 !important;
    background:#fff !important;
  }
  .mobile-drawer .drawer-post{
    margin-top:auto !important;
    min-height:46px !important;
    flex:0 0 46px !important;
    border-radius:10px !important;
    background:#d71920 !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-decoration:none !important;
  }
  .mobile-drawer .drawer-post svg{width:15px !important;height:15px !important;fill:none !important;stroke:#fff !important;stroke-width:2 !important}

  body.drawer-open{overflow:hidden !important;touch-action:none}
  body.drawer-open .mobile-bottom-nav{visibility:hidden !important;opacity:0 !important;pointer-events:none !important}
}

@media (min-width:901px){
  .mobile-bottom-nav,.mobile-drawer{display:none !important}
}