.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--gutter,16px)}@media (min-width:768px){.container{padding:0 24px}}@media (min-width:1025px){.container{padding:0 40px}}.listing-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:480px){.listing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.listing-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:1025px){.listing-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width:1280px){.listing-grid{grid-template-columns:repeat(4,1fr)}}.bottom-nav{display:flex}@media (min-width:768px){.bottom-nav{display:none}}.sidebar-nav{display:none}@media (min-width:768px){.sidebar-nav{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);padding:32px 16px 24px;background:var(--surface-low,#0a0a0f);border-right:1px solid rgba(255,255,255,.06);z-index:100;overflow-y:auto;overflow-x:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}@media (max-width:1199.98px){.sidebar-nav:hover{width:var(--sidebar-width)!important;box-shadow:10px 0 30px rgba(0,0,0,.6);z-index:1000}}}.sidebar-nav .logo-text,.sidebar-nav .nav-label,.sidebar-nav .search-text,.sidebar-nav .section-header,.sidebar-nav .sell-text,.sidebar-nav .signout-text,.sidebar-nav .wallet-text{transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateX(0);max-width:200px;display:inline-block;white-space:nowrap}@media (min-width:768px) and (max-width:1199.98px){.sidebar-nav:not(:hover) .logo-text,.sidebar-nav:not(:hover) .nav-label,.sidebar-nav:not(:hover) .search-text,.sidebar-nav:not(:hover) .section-header,.sidebar-nav:not(:hover) .sell-text,.sidebar-nav:not(:hover) .signout-text,.sidebar-nav:not(:hover) .wallet-text{opacity:0!important;max-width:0!important;transform:translateX(-10px);pointer-events:none}.sidebar-nav:not(:hover) button{gap:0!important}.sidebar-nav:not(:hover) .logo-btn,.sidebar-nav:not(:hover) button{justify-content:center!important;padding-left:0!important;padding-right:0!important}.sidebar-nav:not(:hover) .logo-btn{margin-bottom:20px!important;display:flex;width:100%!important}.sidebar-nav:not(:hover) .search-btn{justify-content:center!important;margin-bottom:20px!important}.sidebar-nav:not(:hover) .sell-btn{margin:16px 0!important;justify-content:center!important}.sidebar-nav:not(:hover) .wallet-btn{margin-top:16px!important;justify-content:center!important}.sidebar-nav:not(:hover) .signout-btn{margin-top:8px!important;justify-content:center!important}}.main-content{padding-bottom:80px}@media (min-width:768px){.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))!important;max-width:calc(100% - var(--sidebar-width))!important;padding-bottom:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}}.reels-container{width:100%;height:100vh}@media (min-width:1025px){.reels-container{max-width:420px;margin:0 auto;height:calc(100vh - 40px);border-radius:24px;overflow:hidden}}.listing-detail{display:flex;flex-direction:column}@media (min-width:1025px){.listing-detail{flex-direction:row;gap:48px;align-items:flex-start}.listing-detail .images-section{flex:1;position:sticky;top:88px}.listing-detail .info-section{flex:1;max-width:520px}}.checkout-container{width:100%}@media (min-width:768px){.checkout-container{max-width:520px;margin:0 auto}}.messages-layout{display:flex;flex-direction:column}@media (min-width:768px){.messages-layout{flex-direction:row;height:calc(100vh - 64px)}.messages-list{width:340px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto}.chat-window{flex:1;display:flex;flex-direction:column}}h1{font-size:clamp(24px,4vw,40px);font-weight:800}h2{font-size:clamp(20px,3vw,32px);font-weight:700}h3{font-size:clamp(16px,2.5vw,24px)}h3,h4{font-weight:600}h4{font-size:clamp(14px,2vw,18px)}p{font-size:clamp(13px,1.5vw,16px);line-height:1.6}.price{font-size:clamp(18px,3vw,28px);font-weight:900;color:var(--primary);letter-spacing:-.02em}.touch-target,nav[aria-label="Main navigation"] a,nav[aria-label="Main navigation"] button{min-height:48px;min-width:48px}.icon-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.page-mobile-shell{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.page-top-padding{padding-top:16px}@media (min-width:768px){.page-top-padding{padding-top:80px}}@media (hover:hover){.listing-card:hover{transform:translateY(-4px);border-color:rgba(30,107,240,.4)!important;box-shadow:0 20px 40px rgba(30,107,240,.1);transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}}