/* Hamid Badung's Bee Keeping Farms — SEO + Mobile Experience Layer */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden;min-width:0}
img{max-width:100%;height:auto}
a,button{touch-action:manipulation}
button,.btn,a.nav-pill,.support-budget-link,.product-link{min-height:44px}
.site-header{padding-left:clamp(18px,4vw,72px);padding-right:clamp(18px,4vw,72px)}
.brand-logo{max-width:190px;height:auto}
.hero-inner,.section-top,.farm-feature,.visual-story-grid,.product-grid,.product-development-inner,.future-pipeline-inner,.market-inner,.impact-grid,.resilience-inner,.support-card,footer{width:min(100% - 40px,1200px);margin-left:auto;margin-right:auto}

@media (max-width:1100px){
  .site-header{gap:18px}
  .site-header nav{gap:16px}
  .nav-pill{white-space:nowrap}
  .hero h1{font-size:clamp(3.4rem,7vw,6rem);line-height:.92}
}

@media (max-width:900px){
  .site-header{height:auto;min-height:72px;padding-top:12px;padding-bottom:12px;position:sticky;top:0;z-index:1000}
  .brand-logo{width:155px}
  .site-header nav,.site-header>.nav-pill{display:none!important}
  .menu{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;min-width:46px;padding:0;border-radius:50%;font-size:0;cursor:pointer}
  .menu::before{content:"☰";font-size:24px;line-height:1}
  .mobile-nav{position:fixed;top:72px;left:12px;right:12px;z-index:999;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:18px;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
  .mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .mobile-nav a{display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:12px;font-size:15px}
  .hero{min-height:calc(100svh - 72px);display:flex;align-items:center}
  .hero-inner{width:min(100% - 36px,720px);padding-top:80px;padding-bottom:120px}
  .hero h1{font-size:clamp(3rem,10vw,5.4rem);line-height:.9;letter-spacing:-.055em}
  .hero p{font-size:16px;line-height:1.6;max-width:620px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-actions .btn{width:100%;justify-content:center;text-align:center}
  .hero-bottom{display:grid!important;grid-template-columns:1fr 1fr;gap:1px}
  .hero-bottom>div{padding:18px 14px}
  .section,.visual-story,.statement,.product-development,.future-pipeline,.market,.resilience,.support{scroll-margin-top:82px}
  .section-top{display:grid!important;grid-template-columns:1fr;gap:20px;padding-top:72px;padding-bottom:32px}
  .section-top h2,.visual-story h2,.product-development h2,.future-pipeline h2,.market h2,.resilience h2,.support h2{font-size:clamp(2.25rem,7vw,4rem);line-height:.98}
  .farm-feature{grid-template-columns:1fr!important}
  .farm-image{min-height:380px}
  .location-facts{grid-template-columns:repeat(3,1fr)!important}
  .visual-story-grid{grid-template-columns:1fr 1fr!important;gap:10px}
  .story-large{grid-column:span 2}
  .product-grid{grid-template-columns:1fr!important;gap:14px}
  .product-card{min-height:unset}
  .product-photo{min-height:260px}
  .product-development-inner,.future-pipeline-inner,.market-inner,.resilience-inner,.support-card{grid-template-columns:1fr!important;gap:34px}
  .funding{grid-template-columns:1fr!important}
  .allocation{grid-template-columns:1fr!important}
  .impact-grid{grid-template-columns:1fr 1fr!important}
  .impact-copy{grid-column:span 2}
  .risk-grid{grid-template-columns:1fr 1fr!important}
  .support-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .support-actions .btn,.support-budget-link{width:100%;justify-content:center;text-align:center}
  footer{grid-template-columns:1fr!important;gap:24px;text-align:center}
  footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px}
  .footer-brand{display:flex;align-items:center;flex-direction:column;gap:8px}
  .footer-top{justify-self:center}
}

@media (max-width:600px){
  .site-header{min-height:64px;padding:8px 14px}
  .brand-logo{width:138px}
  .menu{width:44px;height:44px;min-width:44px}
  .mobile-nav{top:62px;left:8px;right:8px}
  .hero{min-height:calc(100svh - 64px)}
  .hero-inner{width:calc(100% - 28px);padding-top:64px;padding-bottom:104px}
  .hero-label{font-size:10px;letter-spacing:.12em;line-height:1.4}
  .hero h1{font-size:clamp(2.65rem,13vw,4.1rem);line-height:.9;margin-top:14px}
  .hero p{font-size:14px;line-height:1.55;margin-top:18px}
  .hero-actions{grid-template-columns:1fr;gap:8px;margin-top:22px}
  .hero-actions .btn{min-height:52px}
  .hero-bottom{grid-template-columns:1fr 1fr!important}
  .hero-bottom>div{padding:14px 10px}
  .hero-bottom b{font-size:1.25rem}
  .hero-bottom small{font-size:10px}
  .section-top{width:calc(100% - 28px);padding-top:56px}
  .section-top h2,.visual-story h2,.product-development h2,.future-pipeline h2,.market h2,.resilience h2,.support h2{font-size:clamp(2rem,10vw,3rem)}
  .section-top p,.farm-panel p,.market-copy p,.support-main p,.resilience-inner>div>p{font-size:14px;line-height:1.65}
  .farm-feature,.visual-story-grid,.product-grid,.product-development-inner,.future-pipeline-inner,.market-inner,.impact-grid,.resilience-inner,.support-card,footer{width:calc(100% - 28px)}
  .farm-image{min-height:300px}
  .farm-panel{padding:24px 18px!important}
  .location-facts{grid-template-columns:1fr!important;gap:8px!important}
  .visual-story-grid{grid-template-columns:1fr!important}
  .story-large{grid-column:auto}
  .story-image{min-height:240px}
  .product-photo{min-height:230px}
  .product-info{padding:22px 18px!important}
  .product-link{display:flex;align-items:center;justify-content:space-between}
  .allocation-total,.funding-number{font-size:2rem!important}
  .impact-grid{grid-template-columns:1fr!important}
  .impact-copy{grid-column:auto}
  .risk-grid{grid-template-columns:1fr!important}
  .route-map{min-width:0;overflow:hidden}
  .outline-map-wrap{min-height:300px!important}
  .map-detail{padding:16px!important}
  .phase{padding:15px!important}
  .market-next{display:grid;grid-template-columns:1fr;gap:8px}
  .market-next a{display:flex;align-items:center;justify-content:space-between;min-height:46px}
  .support-card{padding:24px 18px!important}
  .support-contact{padding-top:10px}
  footer{padding:28px 0!important}
  footer nav{font-size:13px}
}

/* Prevent common mobile overflow sources */
@media (max-width:900px){
  .route-map,.market-copy,.farm-panel,.product-info,.support-main,.support-contact,
  .section-top>*,.future-pipeline-copy,.product-development-head,.map-detail-copy{min-width:0}
  table,.allocation,.funding-visual,.donut{max-width:100%;overflow:hidden}
  h1,h2,h3,p,small,span,a,b,strong{overflow-wrap:anywhere}
}