/* FokatLoot Index V133 — true mobile-first final layer */
:root{--i133-bg:#dbe6f0;--i133-bg2:#e4ecf4;--i133-card:#e9f0f6;--i133-card2:#e2eaf2;--i133-line:#c4d2df;--i133-ink:#10233d;--i133-muted:#61758d;--i133-blue:#1478ee;--i133-green:#07974d}
html,body{max-width:100%;overflow-x:hidden!important}body{background:linear-gradient(180deg,var(--i133-bg),var(--i133-bg2))!important;color:var(--i133-ink)!important}.container{width:calc(100% - 20px)!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
.v5-header .container{max-width:560px!important}.v5-nav{min-height:52px!important;padding:6px 0!important}.v5-logo img{width:34px!important;height:34px!important}.v5-menu{gap:8px!important}.v5-menu a{font-size:11px!important}.v5-menu .start-btn{min-height:38px!important;padding:0 14px!important;display:flex!important;align-items:center!important}
.v5-hero{padding:12px 0 4px!important}.hero-center{padding:18px 15px!important;margin:0 0 12px!important;border-radius:20px!important;background:linear-gradient(155deg,var(--i133-card),var(--i133-card2))!important;border:1px solid var(--i133-line)!important;box-shadow:0 9px 22px rgba(31,59,94,.07)!important}.hero-center h1{font-size:30px!important;line-height:1.08!important;margin:12px 0 10px!important;letter-spacing:-.7px!important}.hero-center p{font-size:12px!important;line-height:1.55!important;margin:0!important}.hero-badge{font-size:10px!important;line-height:1.4!important;padding:8px 10px!important;border-radius:13px!important}.hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important}.hero-buttons a{height:42px!important;min-height:42px!important;font-size:11px!important;border-radius:12px!important}
.trending-wrapper,.recent-wrapper,.stats-wrapper{padding:14px!important;margin:0 0 12px!important;border-radius:19px!important;background:linear-gradient(155deg,var(--i133-card),var(--i133-card2))!important;border:1px solid var(--i133-line)!important;box-shadow:0 9px 22px rgba(31,59,94,.07)!important}.block-title,.section-header h2{font-size:18px!important;text-align:left!important;margin:0 0 11px!important}.trending-grid{display:flex!important;gap:9px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:1px 1px 4px!important;-webkit-overflow-scrolling:touch!important}.trending-grid::-webkit-scrollbar{display:none}.trend-card{flex:0 0 128px!important;min-width:128px!important;scroll-snap-align:start!important;padding:13px 9px!important;border-radius:15px!important;background:rgba(255,255,255,.28)!important;border:1px solid #c7d5e2!important;text-align:center!important}.trend-reward{font-size:18px!important}.trend-name{font-size:10.5px!important;white-space:normal!important;line-height:1.35!important;min-height:29px!important;display:flex!important;align-items:center!important;justify-content:center!important}.trend-payment{font-size:7.5px!important;margin-top:5px!important}
.recent-feed{display:grid!important;gap:7px!important;max-height:230px!important;overflow:auto!important}.feed-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;padding:10px 11px!important;border-radius:13px!important;background:rgba(255,255,255,.27)!important;border:1px solid #c8d6e3!important;font-size:9.5px!important}.feed-item strong:last-child{color:var(--i133-green)!important;font-size:11px!important}.live-empty{display:block!important;text-align:center!important}
.stats-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.stats-wrapper .stat-box{padding:12px 5px!important;border-radius:14px!important;background:rgba(255,255,255,.27)!important;border:1px solid #c8d6e3!important;text-align:center!important}.stats-wrapper .stat-number{font-size:16px!important}.stats-wrapper .stat-label{font-size:8.5px!important;line-height:1.35!important}
.offers-v5,.why-v5,.faq-v5{margin-top:13px!important}.offers-v5 .container,.why-v5 .container,.faq-v5 .container{max-width:560px!important}.section-header{margin-bottom:10px!important}.section-header p{font-size:9.5px!important;margin:0!important}.offers-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.offer-card-v5{border-radius:18px!important;background:linear-gradient(155deg,var(--i133-card),var(--i133-card2))!important;border:1px solid var(--i133-line)!important;box-shadow:0 8px 20px rgba(31,59,94,.06)!important;overflow:hidden!important}.offer-card-v5>div{display:grid!important;grid-template-columns:64px minmax(0,1fr) 98px!important;grid-template-rows:auto auto auto!important;column-gap:10px!important;row-gap:4px!important;padding:13px!important;text-align:left!important}.offer-image-v5,.offer-card-v5>div>div[style*="width:85px"]{grid-column:1!important;grid-row:1/4!important;width:60px!important;height:60px!important;margin:0!important;align-self:center!important}.offer-card-v5 h3{grid-column:2!important;grid-row:1!important;font-size:13.5px!important;line-height:1.25!important;margin:0!important}.offer-description-v5{grid-column:2!important;grid-row:2!important;font-size:9.7px!important;line-height:1.45!important;margin:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}.offer-time-v5{grid-column:2!important;grid-row:3!important;font-size:8px!important;margin:0!important}.offer-reward-v5{grid-column:3!important;grid-row:1!important;justify-self:end!important;font-size:13px!important;padding:0!important;background:transparent!important;color:var(--i133-green)!important;white-space:nowrap!important}.offer-btn-v5{grid-column:3!important;grid-row:2/4!important;justify-self:end!important;align-self:end!important;width:94px!important;height:38px!important;min-height:38px!important;margin:0!important;font-size:10px!important;border-radius:11px!important}
.earners-v5{display:none!important}.why-grid-v5{grid-template-columns:1fr!important;gap:9px!important}.why-card-v5{padding:13px!important;border-radius:17px!important}.faq-item-v5{border-radius:16px!important}
@media(max-width:380px){.container{width:calc(100% - 14px)!important}.hero-center h1{font-size:27px!important}.offer-card-v5>div{grid-template-columns:56px minmax(0,1fr) 88px!important;padding:11px!important}.offer-image-v5,.offer-card-v5>div>div[style*="width:85px"]{width:52px!important;height:52px!important}.offer-btn-v5{width:84px!important}.trend-card{flex-basis:116px!important;min-width:116px!important}.stats-wrapper .stat-number{font-size:14px!important}}