/* Shared SUPPLORA components */
.site-component-header{position:fixed;top:0;left:0;width:100%;z-index:1200;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #eaf0ea}
.site-component-nav{max-width:1200px;margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-component-logo{color:#2f6b2f;font-weight:900;font-size:26px;letter-spacing:.8px;white-space:nowrap;text-decoration:none}
.site-component-links{display:flex;align-items:center;gap:17px;font-size:14px;font-weight:800;min-width:0}
.site-component-links a{color:#1f2d1f;text-decoration:none;padding:7px 2px;white-space:nowrap}
.site-component-links a:hover,.site-component-links a.active{color:#2f6b2f}
.site-component-links a.active{border-bottom:2px solid #2f6b2f}
.site-component-langs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.site-component-langs button{border:1px solid #2f6b2f;background:#fff;color:#2f6b2f;padding:6px 9px;border-radius:99px;cursor:pointer;font-weight:800;font-size:13px}
.site-component-langs button.active,.site-component-langs button:hover{background:#2f6b2f;color:#fff}
.site-component-mobile{display:none;align-items:center;gap:8px;margin-left:auto}
.site-component-lang-select{border:1px solid #2f6b2f;background:#fff;color:#2f6b2f;padding:8px 10px;border-radius:99px;font-weight:800}
.site-component-footer{background:#183518;color:#fff;padding:34px 0 26px}
.site-component-footer .site-component-container{max-width:1200px;margin:auto;padding:0 20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-component-footer p,.site-component-footer a{color:#dce8dc;text-decoration:none;display:inline-block;margin-right:18px}
.site-component-footer a:hover{color:#fff}
.site-floating{position:fixed;right:20px;bottom:20px;z-index:1300;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.site-floating a{color:#fff;text-decoration:none;padding:14px 20px;border-radius:40px;font-weight:800;box-shadow:0 10px 26px rgba(0,0,0,.2);min-width:120px;text-align:center}
.site-floating .site-wa{background:#25D366}
.site-floating .site-email{background:#2f6b2f}
[dir="rtl"] .site-floating{right:auto;left:20px;align-items:flex-start}
[dir="rtl"] .site-component-footer p,[dir="rtl"] .site-component-footer a{margin-right:0;margin-left:18px}
@media(max-width:768px){
  .site-component-nav{flex-wrap:wrap;padding:10px 14px 8px;gap:10px}
  .site-component-logo{font-size:23px}
  .site-component-mobile{display:flex}
  .site-component-langs{display:none}
  .site-component-lang-select{height:38px;padding:7px 12px}
  .site-component-links{display:flex;width:100%;order:3;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;padding:2px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .site-component-links::-webkit-scrollbar{display:none}
  .site-component-links a{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#edf6ec;border:1px solid #dfeadf;font-size:13px;text-align:center}
  .site-component-links a.active{border-bottom:1px solid #2f6b2f}
  .site-component-links.mobile-loop-active{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;overflow:hidden;direction:ltr}
  .site-component-links.mobile-loop-active>.mobile-home-fixed{position:relative;z-index:3;margin:0;background:#2f6b2f;border-color:#2f6b2f;color:#fff;box-shadow:8px 0 13px rgba(255,255,255,.96)}
  .site-component-links .mobile-nav-viewport{min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-inline:contain;cursor:grab;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}
  .site-component-links .mobile-nav-viewport::-webkit-scrollbar{display:none}
  .site-component-links .mobile-nav-viewport:active{cursor:grabbing}
  .site-component-links .mobile-nav-track{display:flex;width:max-content}
  .site-component-links .mobile-nav-set{display:flex;align-items:center;flex:none;gap:8px;padding-right:8px;direction:ltr}
  .site-component-links .mobile-nav-set a{flex:0 0 auto;unicode-bidi:plaintext}
  .site-floating{right:14px;bottom:14px}
  [dir="rtl"] .site-floating{left:14px;right:auto}
  .site-floating a{padding:11px 15px;min-width:98px;font-size:13px}
}
