/* AWEBZONE V10 — INLINE CRITICAL SOCIAL UI */
html,body{margin:0!important;padding:0!important;min-width:0!important}
body.az-social-app{background:#eef1f4!important;color:#111315!important;font-family:Arial,Helvetica,sans-serif!important}

/* Header — explicit layout */
.az-app-header{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;height:72px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dfe3e8!important;backdrop-filter:blur(18px)!important}
.az-header-inner{height:72px!important;max-width:1440px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:24px!important}
.az-brand{display:flex!important;align-items:center!important;font-size:24px!important;font-weight:900!important;line-height:1!important;letter-spacing:-1.5px!important;white-space:nowrap!important}
.az-brand i{display:inline-block!important;width:13px!important;height:13px!important;border-radius:50%!important;background:#b6ff38!important;margin-right:8px!important;box-shadow:0 0 0 6px rgba(182,255,56,.20)!important}
.az-brand span{background:#111315!important;color:#fff!important;padding:3px 6px!important;border-radius:5px!important}
.az-search-box{display:flex!important;align-items:center!important;gap:10px!important;width:min(430px,40vw)!important;padding:11px 16px!important;border-radius:999px!important;background:#f0f2f4!important;border:1px solid #e3e6e9!important;color:#77818a!important;font-size:14px!important}
.az-header-links{margin-left:auto!important;display:flex!important;align-items:center!important;gap:20px!important;font-weight:800!important;font-size:14px!important}
.az-header-links a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
.az-header-avatar{width:38px!important;height:38px!important;justify-content:center!important;border-radius:50%!important;background:#111315!important;color:#b6ff38!important;font-size:11px!important}

/* Three-column app shell */
.az-app-shell{max-width:1440px!important;margin:0 auto!important;padding:28px 22px 90px!important;display:grid!important;grid-template-columns:230px minmax(0,720px) 280px!important;gap:26px!important;align-items:start!important}
.az-left-nav{position:sticky!important;top:94px!important;display:block!important;width:auto!important;align-self:start!important;padding:12px!important;border-radius:22px!important;background:#fff!important;border:1px solid #dfe3e8!important;box-shadow:0 10px 28px rgba(20,30,40,.07)!important}
.az-nav-label{display:block!important;margin:8px 10px 12px!important;font-size:11px!important;font-weight:900!important;letter-spacing:1.4px!important;color:#78818a!important}
.az-left-nav nav{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important}
.az-left-nav nav a{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:48px!important;padding:11px 12px!important;border-radius:13px!important;font-size:14px!important;font-weight:850!important;white-space:normal!important}
.az-left-nav nav a:first-child{background:#111315!important;color:#fff!important}
.az-left-nav nav a:hover{background:#efffcf!important;color:#314b09!important}
.az-nav-cta{display:flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;margin-top:16px!important;padding:10px 12px!important;border-radius:14px!important;background:#111315!important;color:#fff!important;font-weight:900!important;text-align:center!important}
.az-location-mini{display:grid!important;gap:4px!important;margin:16px 8px 6px!important;color:#69727a!important;font-size:12px!important}
.az-location-mini b{color:#547d10!important}

/* Main feed */
.az-app-main{display:block!important;min-width:0!important;width:100%!important}
.az-feed-layout,.az-page-feed,.az-feed{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;width:100%!important}
.az-post,.az-page-post{display:block!important;width:100%!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:22px!important;padding:24px!important;box-shadow:0 10px 28px rgba(20,30,40,.07)!important;overflow:hidden!important}
.az-post-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important}
.az-profile{display:flex!important;align-items:center!important;gap:11px!important}
.az-avatar-large,.az-mini-avatar{display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;background:#111315!important;color:#b6ff38!important;font-weight:900!important}
.az-avatar-large{width:48px!important;height:48px!important;font-size:12px!important}
.az-mini-avatar{width:40px!important;height:40px!important;font-size:13px!important}
.az-profile strong,.az-profile small{display:block!important}
.az-profile strong{font-size:14px!important}
.az-profile small{margin-top:3px!important;color:#707982!important;font-size:12px!important}
.az-sponsored{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;background:#efffcf!important;color:#50770d!important;font-size:10px!important;font-weight:950!important;letter-spacing:1.2px!important}
.az-intro-post h1,.az-post h1,.az-post h2,.az-page-post h1,.az-page-post h2{display:block!important;color:#111315!important;font-weight:900!important;letter-spacing:-.05em!important;line-height:1.08!important}
.az-intro-post h1{font-size:clamp(42px,5vw,62px)!important;margin:16px 0 18px!important}
.az-intro-post h1 em{color:#5c8818!important;font-style:italic!important}
.az-post h2,.az-page-post h2{font-size:30px!important;margin:8px 0 14px!important}
.az-post p,.az-page-post p{color:#626c75!important;font-size:15px!important;line-height:1.7!important}

/* Hero visual */
.az-hero-visual{display:block!important;position:relative!important;width:100%!important;height:330px!important;margin:24px 0!important;border-radius:18px!important;overflow:hidden!important;background:radial-gradient(circle at 78% 20%,rgba(182,255,56,.6),transparent 18%),radial-gradient(circle at 22% 85%,rgba(182,255,56,.14),transparent 26%),linear-gradient(135deg,#111315,#293127)!important}
.az-visual-grid{position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;background-size:30px 30px!important}
.az-growth-card{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:275px!important;padding:22px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 22px 50px rgba(0,0,0,.25)!important}
.az-growth-card span{font-size:10px!important;font-weight:900!important;color:#707982!important;letter-spacing:1px!important}
.az-growth-card strong{display:block!important;margin:8px 0 18px!important;font-size:29px!important;line-height:1.05!important}
.az-bars{height:76px!important;display:flex!important;align-items:flex-end!important;gap:8px!important}
.az-bars i{display:block!important;flex:1!important;border-radius:6px 6px 2px 2px!important;background:linear-gradient(#b6ff38,#638e17)!important}
.az-bars i:nth-child(1){height:30%!important}.az-bars i:nth-child(2){height:58%!important}.az-bars i:nth-child(3){height:45%!important}.az-bars i:nth-child(4){height:76%!important}.az-bars i:nth-child(5){height:92%!important}
.az-hero-badge{position:absolute!important;display:inline-flex!important;padding:9px 12px!important;border-radius:10px!important;background:#fff!important;color:#111315!important;font-size:11px!important;font-weight:900!important}
.badge-a{left:16px!important;top:16px!important}.badge-b{right:16px!important;bottom:16px!important}

/* Service grid */
.az-service-feed-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:20px!important}
.az-service-feed-grid a{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:170px!important;padding:18px!important;border-radius:18px!important;background:#f9fafb!important;border:1px solid #e1e5e8!important;position:relative!important}
.az-service-feed-grid a>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#111315!important;color:#b6ff38!important;font-size:18px!important}
.az-service-feed-grid a b{font-size:15px!important;color:#111315!important}.az-service-feed-grid a small{color:#6d767f!important;line-height:1.45!important}.az-service-feed-grid a em{margin-top:auto!important;color:#5b8515!important;font-size:12px!important;font-weight:900!important;font-style:normal!important}

/* Engagement and CTA */
.az-reaction-row,.az-post-actions{display:flex!important;align-items:center!important;gap:12px!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid #e7eaed!important}
.az-reaction-row{color:#66717a!important;font-size:13px!important}
.az-post-actions a,.az-primary-action,.az-text-cta,.az-nav-cta{transition:transform .18s ease,box-shadow .18s ease!important}
.az-post-actions a:first-child,.az-primary-action,a[href*="api.whatsapp.com"]{background:#111315!important;color:#fff!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(0,0,0,.14)!important}
.az-post-actions a{display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;min-height:48px!important;padding:10px 14px!important;border-radius:10px!important;background:#f3f5f6!important;font-weight:900!important;font-size:13px!important}
.az-post-actions a:first-child:before,.az-primary-action:before,a[href*="api.whatsapp.com"]:before{content:"SHOP NOW"!important;display:inline-block!important;margin-right:8px!important;padding:5px 7px!important;border-radius:5px!important;background:#b6ff38!important;color:#111315!important;font-size:9px!important;letter-spacing:.7px!important;font-weight:950!important}
.az-primary-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:10px 18px!important;border-radius:10px!important;font-weight:900!important}
.az-post-actions a:hover,.az-primary-action:hover,.az-text-cta:hover,.az-nav-cta:hover{transform:translateY(-2px)!important}

/* Generic page cards and right rail */
.az-right-rail{display:grid!important;gap:18px!important;position:sticky!important;top:94px!important;align-self:start!important}
.az-right-rail>*{background:#fff!important;border:1px solid #dfe3e8!important;border-radius:20px!important;padding:18px!important;box-shadow:0 8px 24px rgba(20,30,40,.06)!important}

/* Tablet */
@media(max-width:1180px){
 .az-app-shell{grid-template-columns:210px minmax(0,720px)!important;justify-content:center!important}
 .az-right-rail{display:none!important}
}
@media(max-width:820px){
 .az-app-header{height:64px!important}.az-header-inner{height:64px!important;padding:0 14px!important}
 .az-search-box{display:none!important}.az-header-links a:not(.az-header-avatar){display:none!important}
 .az-app-shell{display:block!important;padding:14px 12px 90px!important}
 .az-left-nav{display:none!important}
 .az-post,.az-page-post{padding:18px!important;border-radius:18px!important}
 .az-intro-post h1{font-size:42px!important}
 .az-hero-visual{height:270px!important}
 .az-service-feed-grid{grid-template-columns:1fr!important}
 .az-post-actions{flex-direction:column!important}.az-post-actions a{width:100%!important}
 .az-right-rail{display:none!important}
}