@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('./milo-global-header.css');

/* Clearer footer typography across the public MILO experience. */
body>footer{box-sizing:border-box;width:100%!important;max-width:none!important;margin-right:0!important;margin-left:0!important;padding:34px max(24px,calc((100vw - 1200px)/2))!important;border-top:1px solid rgba(42,75,57,.12)!important;background:#f6f1e8;color:#667168!important;font-size:14px!important;line-height:1.7!important}
body>footer.footer{padding-top:52px!important;padding-bottom:48px!important}
body>footer.footer h4{margin:0 0 15px!important;color:#294536!important;font-size:15px!important;font-weight:750!important}
body>footer.footer a{font-size:13px!important;line-height:1.8!important;color:#626c64!important;transition:color .2s ease,transform .2s ease}
body>footer.footer a:hover{color:#d66f56!important;transform:translateX(2px)}
body>footer.footer p{max-width:310px;font-size:13px!important;line-height:1.7!important}
body>footer.footer .social span{width:34px!important;height:34px!important;font-size:13px!important}
.auth-foot{font-size:12px!important;bottom:10px!important}
@media(max-width:620px){body>footer{padding:28px 20px!important;font-size:13px!important}body>footer.footer{padding-top:38px!important}body>footer.footer h4{font-size:14px!important}body>footer.footer a,body>footer.footer p{font-size:12px!important}}

.market-logo,.app-logo{position:relative;width:112px;height:60px;overflow:hidden;display:block;flex:none}.market-logo img,.app-logo img{position:absolute;width:165px!important;max-width:none;left:-27px;top:-17px}.auth-brand{width:132px!important;height:72px!important;overflow:hidden;background:transparent!important;border-radius:0!important;display:block!important}.auth-brand img{position:absolute;width:192px!important;max-width:none;left:-31px;top:-21px}.admin-logo{position:relative!important;height:70px!important;padding:0!important;background:#fffaf5;border:0!important;border-radius:12px;overflow:hidden;display:block!important}.admin-logo img{position:absolute;width:168px!important;max-width:none;left:-25px;top:-15px;filter:none!important}.admin-logo span{position:absolute;right:7px;bottom:5px;color:#6f7f72!important;font-size:7px!important}.market-footer>img{width:145px!important;margin:-26px -24px}.footer .logo{position:relative;width:118px;height:65px;display:block;overflow:hidden}.footer .logo img{position:absolute;width:175px!important;max-width:none;left:-29px;top:-18px}

/* MILO V1 shared visual language */
:root{--milo-cream:#faf6ef;--milo-paper:#fffdf9;--milo-green:#294c38;--milo-green-soft:#e8eee5;--milo-terra:#d27457;--milo-ink:#293d31;--milo-muted:#707970;--milo-line:rgba(41,76,56,.14);--milo-shadow:0 14px 38px rgba(41,76,56,.055);--milo-radius:18px}
html{scroll-behavior:smooth}body{accent-color:var(--milo-green);text-rendering:optimizeLegibility}::selection{background:#eed4c9;color:var(--milo-ink)}img{display:block}a,button,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button:not(:disabled){cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(210,116,87,.28);outline-offset:2px}.topic-card,.rec-card,.event-card,.product-card,.giveaway-card,.panel,.stat,.account-section,.messages-panel,.chat-panel{box-shadow:var(--milo-shadow)}.topic-card:hover,.rec-card:hover,.event-card:hover,.product-card:hover,.giveaway-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(41,76,56,.09)}
@media(max-width:600px){body .community-header,body .live-header,body .rec-header,body .shop-head{height:76px!important;padding:6px 12px!important;gap:8px!important}body .community-logo,body .live-logo,body .rec-logo,body .shop-logo{width:94px!important;height:58px!important;flex:none}body .community-logo img,body .live-logo img,body .rec-logo img,body .shop-logo img{width:145px!important;left:-25px!important;top:-15px!important}body .market-logo,body .app-logo{width:94px;height:54px}body .market-logo img,body .app-logo img{width:146px!important;left:-26px;top:-16px}input,select,textarea{font-size:16px!important}button,.community-primary,.live-primary,.rec-primary,.market-primary,.primary,.secondary,.auth .btn,.community-header>div:last-child>a,.live-header>div:last-child>a,.rec-header>div:last-child>a{min-height:44px;display:inline-flex;align-items:center}.topic-card,.rec-card,.event-card,.product-card,.giveaway-card,.panel,.account-section,.messages-panel,.chat-panel{border-radius:16px}.community-note,.market-note{font-size:9px;text-align:center;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Cyrillic-first MILO typography */
body,button,input,select,textarea{font-family:"Manrope","Noto Sans",Arial,sans-serif!important}
h1,h2,h3,.serif,.listing-head h2,.content-head h2,.quick-module h3,.home-product-info h3,.listing-body>strong,.split-title h2,.section-title h2{font-family:"Lora","Noto Serif",Georgia,serif!important}
body{font-weight:450;letter-spacing:-.006em}
p{letter-spacing:-.008em}
button,.btn,nav a,strong{letter-spacing:-.01em}
h1,h2,h3{letter-spacing:-.025em}
.milo-global-header .client-logo{width:174px!important;height:78px!important;overflow:hidden}.milo-global-header .client-logo img{width:220px!important;left:-23px!important;top:-21px!important}@media(max-width:620px){.milo-global-header .client-logo{width:136px!important;height:64px!important}.milo-global-header .client-logo img{width:181px!important;left:-23px!important;top:-20px!important}}