#login-page .form-container{max-width:420px;margin:2rem auto;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;text-align:center}#login-page h2{margin-bottom:1.5rem;color:#2d3748;font-size:2rem;font-weight:700;text-align:left;line-height:1.2}#login-page .form-group{margin-bottom:1.25rem;text-align:left}#login-page .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568}#login-page .form-group input{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e0;border-radius:8px;transition:border-color .2s}#login-page .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3182ce33}#login-page .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem}#login-page .checkbox-group{display:flex;align-items:center}#login-page .checkbox-group label{margin-left:.5rem;color:#4a5568}#login-page .forgot-password{color:var(--primary-color);text-decoration:none}#login-page .forgot-password:hover{text-decoration:underline}#login-page .btn.btn-primary{width:100%;padding:.8rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}#login-page .divider{display:flex;align-items:center;text-align:center;color:#a0aec0;margin:1.5rem 0}#login-page .divider:before,#login-page .divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}#login-page .divider:not(:empty):before{margin-right:.25em}#login-page .divider:not(:empty):after{margin-left:.25em}#login-page .btn-google{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;background-color:#fff;border:1px solid #cbd5e0;color:#2d3748;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}#login-page .btn-google:hover{background-color:#f7fafc}#login-page .google-icon{margin-right:.75rem}#login-page .signup-link{margin-top:1.5rem;color:#4a5568}#login-page .signup-link a{color:var(--primary-color);font-weight:600;text-decoration:none}#login-page .signup-link a:hover{text-decoration:underline}:root{--primary-color: #2a7e2e;--secondary-color: #155d19;--tertiary-color: #163317;--accent-color: #87bf44;--light-color: #f7f9f5;--dark-color: #1a1a1a;--gray-color: #d1d5db;--light-gray-color: #e5e7eb;--error-color: #dc2626;--success-color: #16a34a;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius-sm: .25rem;--border-radius: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-full: 9999px;--transition: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);line-height:1.6;color:var(--dark-color);background-color:var(--light-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:hover{color:var(--secondary-color);text-decoration:underline}ul{list-style-type:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.spinner{display:inline-block;width:1.25em;height:1.25em;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:0;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.toast-notification{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(10px);width:fit-content;max-width:85vw;background-color:#212121f2;color:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-size:.95rem;font-weight:500;text-align:center;line-height:1.4;white-space:pre-wrap;z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.toast-notification.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.toast-notification{bottom:90px;font-size:.85rem;padding:10px 20px;min-width:120px}}.pagination a:hover,.pagination a.active{background-color:var(--primary-color);color:#fff}.hidden-file-input{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--box-shadow);text-decoration:none;transition:var(--transition);text-indent:0!important;line-height:1.2;gap:.5rem}.btn:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);text-decoration:none}.btn:active{transform:translateY(-1px);box-shadow:var(--box-shadow)}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.btn-secondary{background-color:var(--light-gray-color);color:var(--dark-color);border:1px solid var(--gray-color)}.btn-secondary:hover{background-color:#d1d5db;border-color:#9ca3af;color:var(--dark-color)}.btn-google{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:#fff;color:#374151;border:1px solid var(--gray-color);border-radius:var(--border-radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);box-shadow:var(--box-shadow);text-transform:none;letter-spacing:normal;text-decoration:none}.btn-google:hover{background-color:#f9fafb;border-color:#adb5bd;box-shadow:var(--box-shadow-lg);transform:translateY(-2px);color:#374151;text-decoration:none}.btn-google .google-icon{width:20px;height:20px}.btn-block{width:100%}@media (max-width: 768px){.form-group select,.form-group input[type=time]{-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;background-image:none!important;padding-right:10px!important}}header{background-color:var(--dark-color);color:#fff;padding:15px 20px;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center}.logo{width:40px;height:auto}header h1{font-size:1.5rem;font-weight:700;margin:0}.tagline{font-size:1rem;display:block;margin-left:30px;margin-right:30px;margin-top:-5px}nav ul{display:flex}nav ul li{margin-right:15px}nav ul li a{color:#fff;font-weight:700;padding:5px 10px}nav ul li a:hover,nav ul li a.active{color:var(--accent-color)}.user-actions{display:flex;align-items:center;gap:15px}.auth-buttons{display:flex;align-items:center;gap:10px}.user-actions .auth-buttons .btn{padding:.5rem 1rem;font-size:.9rem}.profile-dropdown{position:relative}.profile-trigger{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:inherit;font-size:1rem;padding:5px}.profile-trigger .fa-caret-down{margin-left:8px;transition:transform .2s ease-in-out}.profile-dropdown.open .profile-trigger{color:var(--accent-color)}.profile-dropdown.open .fa-caret-down{transform:rotate(180deg)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-lg);z-index:1001;min-width:160px;padding:5px 0;list-style:none;opacity:0;transform:translateY(-10px);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.profile-dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s 0s}.dropdown-menu a{display:block;padding:10px 15px;color:var(--dark-color);font-size:.95rem}.dropdown-menu a:hover{background-color:var(--light-gray-color);color:var(--primary-color);text-decoration:none}.cart-icon{position:relative;color:#fff;font-size:1.2rem;text-decoration:none}.cart-count{position:absolute;top:-10px;right:-10px;background-color:var(--accent-color);color:#fff;font-size:.8rem;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center}.user-actions .cart-count{background-color:var(--error-color)}.hero{background-image:linear-gradient(#00000080,#00000080),url(/images/Saka_products.png);background-size:cover;background-position:center;color:#fff;text-align:center;padding:80px 20px}.hero a{font-size:1.5rem;margin-top:30px;text-shadow:2px 2px 4px rgb(59,57,57)}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:5px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.search-box{display:flex;width:60%}.search-box input{width:100%;padding:10px;border:1px solid var(--gray-color);border-radius:var(--border-radius) 0 0 var(--border-radius);font-size:1rem}.search-box button{padding:10px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;cursor:pointer}.filter-options{display:flex;gap:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--gray-color) var(--light-gray-color)}.filter-options::-webkit-scrollbar{height:8px}.filter-options::-webkit-scrollbar-track{background:var(--light-gray-color);border-radius:10px}.filter-options::-webkit-scrollbar-thumb{background-color:var(--gray-color);border-radius:10px;border:2px solid var(--light-gray-color)}.filter-select{padding:10px;border:1px solid var(--gray-color);border-radius:var(--border-radius);font-size:.9rem}.produce-grid,.farms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.produce-item,.farm-item{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition);display:flex;flex-direction:column;height:100%}.produce-item:hover,.farm-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003}.media-container{position:relative;width:100%;height:160px;background-color:#f0f0f0;overflow:hidden}.media-container .produce-image{width:100%;height:100%;object-fit:cover}.out-of-stock-label,.store-closed-label{position:absolute;top:.5rem;left:.5rem;background-color:var(--error-color);color:#fff;padding:.2rem .6rem;border-radius:var(--border-radius-full);font-size:.7rem;font-weight:600;box-shadow:0 1px 3px #0003;z-index:5;pointer-events:none}.item-content-wrapper{flex-grow:1;padding:.6rem .5rem;display:flex;flex-direction:column}.produce-item h3,.farm-item h3{margin-bottom:.05rem;color:var(--primary-color);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.farm-name,.location{margin:.1rem 0 .2rem;color:#555;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location i{margin-right:4px;color:#777}.price{font-weight:700;font-size:.8rem;color:var(--primary-color)}.price-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto}.items-sold{font-size:.75rem;color:#555;flex-shrink:0}.items-sold i{color:#f97316;margin-right:4px}.item-action-wrapper{padding:.5rem .5rem .75rem}.produce-item .btn,.farm-item .btn{width:100%;padding:.5rem;font-size:.85rem}.product-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cart-items{flex:2}.farm-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;overflow:hidden}.farm-card-header{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;padding:1rem 1.25rem;border-bottom:1px solid var(--light-gray-color);transition:background-color .2s ease-in-out}.farm-card-header:hover{background-color:#f9fafb}.farm-card-header h3{font-size:1.1rem;font-weight:600;color:#374151;margin:0;transition:color .2s ease-in-out}.farm-card-header:hover h3{color:var(--primary-color)}.farm-card-header .fa-chevron-right{font-size:.8rem;color:#9ca3af;transition:transform .2s ease-in-out,color .2s ease-in-out;margin-left:.5rem}.farm-card-header:hover .fa-chevron-right{transform:translate(3px);color:var(--primary-color)}.cart-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid var(--gray-color)}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius)}.quantity-btn{width:30px;height:30px;border:1px solid var(--gray-color);background-color:#fff;border-radius:50%;cursor:pointer}.item-quantity input{width:40px;text-align:center;border:1px solid var(--gray-color);border-radius:var(--border-radius);padding:5px}.remove-item:hover{color:var(--error-color)}.checkout-btn{width:100%;margin-top:1.5rem!important}.payment-method-grid{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.payment-method-option{position:relative;padding:.5rem;border:2px solid var(--gray-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease-in-out;background-color:var(--light-color);aspect-ratio:1 / 1}.payment-method-option:hover{border-color:var(--secondary-color);transform:translateY(-2px)}.payment-method-option.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px #2a7e2e4d}.payment-method-icon{height:3.25rem;width:auto;object-fit:contain}.payment-method-option.selected .payment-method-checkmark{display:flex;align-items:center;justify-content:center;position:absolute;top:-.6rem;right:-.6rem;background-color:var(--primary-color);color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003;font-size:.8rem}.farm-feed-container{max-width:680px;margin:20px auto;padding:0 16px;display:flex;flex-direction:column;gap:16px}.feed-controls-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;border:1px solid var(--light-gray-color);margin-bottom:16px;overflow:hidden}.farm-feed-toggle{display:flex;justify-content:center;gap:8px;padding:8px 0;position:relative;border-bottom:1px solid var(--light-gray-color)}.farm-feed-toggle .toggle-btn{padding:12px 24px;border:none;background:none;color:#65676b;font-size:15px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative}.farm-feed-toggle .toggle-btn:hover{background-color:var(--light-gray-color)}.farm-feed-toggle .toggle-btn.active{color:var(--primary-color)}.farm-feed-toggle .toggle-btn.active:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:calc(100% - 16px);height:3px;background-color:var(--primary-color);border-radius:2px}.create-post-section{padding:12px 16px 16px}.create-post-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.create-post-main-input{flex-grow:1;border:none;background-color:var(--light-gray-color);padding:12px 16px;border-radius:24px;resize:none;font-family:inherit;font-size:15px;line-height:1.33;outline:none;transition:all .2s ease;min-height:40px}.create-post-main-input:focus{background-color:#fff;box-shadow:0 0 0 2px #2a7e2e33}.create-post-main-input::placeholder{color:#65676b}.create-post-divider{border:none;height:1px;background-color:var(--light-gray-color);margin:12px 0}.create-post-actions-new{display:flex;justify-content:space-around;align-items:center}.action-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;cursor:pointer;font-weight:600;font-size:15px;color:#65676b;border-radius:8px;transition:background-color .2s ease;flex-grow:1;justify-content:center}.action-button:hover{background-color:var(--light-gray-color)}.action-button i{font-size:20px}.action-divider{width:1px;height:24px;background-color:var(--light-gray-color)}.post-button-container{padding-top:12px;margin-top:8px;border-top:1px solid var(--light-gray-color)}.post-button-container .btn-block{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.post-button-container .btn-block:hover{background-color:var(--secondary-color)}.post-button-container .btn-block:disabled{background-color:var(--gray-color);color:#bcc0c4;cursor:not-allowed}.post-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;border:1px solid var(--light-gray-color);margin-bottom:16px;overflow:hidden;position:relative;z-index:1}.post-card.menu-is-open{overflow:visible;z-index:2}.post-header{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 12px;position:relative}.post-user-info{flex-grow:1}.post-user-info h4{font-size:15px;font-weight:600;color:#050505;margin:0 0 2px}.post-user-info p{font-size:13px;color:#65676b;margin:0}.post-options-container{margin-left:auto;position:relative}.post-options-btn{background:none;border:none;color:#65676b;cursor:pointer;font-size:16px;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.post-options-btn:hover{background-color:var(--light-gray-color)}.post-options-menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 8px 30px #0000001f;z-index:10;min-width:200px;overflow:hidden;border:1px solid var(--light-gray-color);padding:8px 0}.post-options-menu ul{list-style:none;padding:0;margin:0}.post-options-menu li{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;font-size:15px;color:#050505;transition:background-color .2s ease}.post-options-menu li:hover{background-color:var(--light-gray-color)}.post-options-menu li i{width:20px;text-align:center;color:#65676b;font-size:16px}.post-body{padding:0 16px 6px}.post-body p{font-size:15px;color:#050505;line-height:1.33;margin:0;white-space:pre-wrap;word-wrap:break-word}.post-content-collapsible{white-space:pre-wrap;word-wrap:break-word}.post-content-collapsible.expanded-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.post-content-collapsible.truncated{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.post-content-collapsible .post-content-link,.post-content .post-content-link{color:var(--primary-color);text-decoration:underline;word-break:break-all;cursor:pointer}.post-content-collapsible .post-content-link:hover,.post-content .post-content-link:hover{color:var(--secondary-color)}.see-more-btn{background:none;border:none;padding:0;margin-top:4px;font-size:15px;color:#65676b;font-weight:600;cursor:pointer;transition:text-decoration .2s ease}.see-more-btn:hover{text-decoration:underline}.post-stats{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:15px;color:#65676b;border-bottom:1px solid var(--light-gray-color);margin:0}.likes-count{display:flex;align-items:center;gap:6px}.likes-count i{width:18px;height:18px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.post-stats .reactions-display{margin-left:0}.post-actions{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--light-gray-color);margin:0}.post-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;background:none;border:none;cursor:pointer;font-weight:600;font-size:15px;color:#65676b;transition:background-color .2s ease;border-radius:0;position:relative}.post-action-btn:hover{background-color:var(--light-gray-color)}.post-action-btn.liked{color:var(--primary-color);font-weight:700}.post-action-btn i{font-size:16px}.post-action-btn .spinner{width:14px;height:14px;border-width:2px;margin-left:4px}.create-post-avatar,.post-avatar,.comment-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;border:none}.create-post-avatar,.post-avatar{width:40px;height:40px}.comment-avatar{width:32px;height:32px}.comment-avatar.reply-avatar{width:28px;height:28px}.avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:600;text-transform:uppercase}.create-post-avatar.avatar-initials{font-size:16px}.post-avatar.avatar-initials{font-size:14px}.comment-avatar.avatar-initials{font-size:11px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.comment-section{padding:12px 16px 16px;background-color:#fff}.comments-list{margin-bottom:12px}.comment-thread{margin-bottom:8px;position:relative}.comment-thread[data-depth="0"]{margin-bottom:12px}.comment-thread[data-depth="1"],.comment-thread[data-depth="2"],.comment-thread[data-depth="3"],.comment-thread[data-depth="4"]{margin-bottom:4px}.comment-thread[data-depth="1"] .comment-avatar,.comment-thread[data-depth="2"] .comment-avatar,.comment-thread[data-depth="3"] .comment-avatar,.comment-thread[data-depth="4"] .comment-avatar{width:28px;height:28px}.comment-thread[data-depth="1"] .comment-content,.comment-thread[data-depth="2"] .comment-content,.comment-thread[data-depth="3"] .comment-content,.comment-thread[data-depth="4"] .comment-content{font-size:13px}.comment-thread[data-depth="1"] .comment-meta,.comment-thread[data-depth="2"] .comment-meta,.comment-thread[data-depth="3"] .comment-meta,.comment-thread[data-depth="4"] .comment-meta{margin-left:32px;font-size:11px}.comment-wrapper{margin-bottom:4px;position:relative;transition:background-color .15s ease}.comment-wrapper.comment-reply{transition:all .2s ease}.comment-wrapper.comment-reply:hover{background-color:#00000003;border-radius:8px}.comment-wrapper.comment-reply:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:transparent;transition:background-color .2s ease}.comment-wrapper.comment-reply:hover:before{background-color:var(--primary-color)}.comment{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;position:relative}.comment-content-wrapper{flex-grow:1}.comment-content{background-color:#f0f2f5;padding:8px 12px;border-radius:18px;font-size:14px;line-height:1.33;word-wrap:break-word;display:inline-block;max-width:100%;transition:background-color .15s ease}.comment:hover .comment-content{background-color:#e4e6e9}.comment-author{font-size:13px;font-weight:600;display:block;margin-bottom:2px;color:#050505}.comment-text{margin:0;word-break:break-word;white-space:pre-wrap;line-height:1.4;color:#050505}.comment-options-container{position:relative;margin-left:8px}.comment-options-btn{background:none;border:none;color:#65676b;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.comment-wrapper:hover .comment-options-btn{opacity:1}.comment-options-btn:hover{background-color:var(--light-gray-color)}.comment-options-menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:150px;border:1px solid var(--light-gray-color);padding:4px 0;list-style:none}.comment-options-menu ul{padding:0;margin:0}.comment-options-menu li{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:14px;color:#050505;transition:background-color .2s ease}.comment-options-menu li:hover{background-color:var(--light-gray-color)}.comment-options-menu li i{width:16px;text-align:center;color:#65676b}.comment-options-menu li:has(.fa-trash-alt){color:var(--error-color)}.comment-options-menu li:has(.fa-trash-alt):hover{background-color:#dc26261a}.comment-options-menu li:has(.fa-trash-alt) i{color:var(--error-color)}.edit-comment-form{display:flex;flex-direction:column;gap:4px;width:100%}.edit-comment-textarea{width:100%;padding:8px 12px;border:1px solid var(--primary-color);border-radius:12px;background:#fff;font-size:14px;outline:none;font-family:inherit;resize:vertical;line-height:1.33;min-height:50px;box-shadow:0 0 0 2px #2a7e2e1a}.edit-comment-actions{display:flex;justify-content:flex-end;gap:8px;font-size:12px}.edit-comment-btn{padding:4px 12px!important;font-size:12px!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;border-radius:var(--border-radius)!important}.comment-meta{display:flex;align-items:center;gap:12px;margin-left:40px;margin-top:2px;margin-bottom:6px;opacity:.8;transition:opacity .2s ease}.comment-wrapper:hover .comment-meta{opacity:1}.comment-time{font-size:12px;color:#65676b}.comment-actions{display:flex;align-items:center;gap:12px}.comment-action-btn{background:none;border:none;color:#65676b;font-size:12px;font-weight:600;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.comment-action-btn:hover{background-color:#f0f2f5;color:var(--primary-color)}.comment-action-btn .like-count{font-size:11px;color:var(--primary-color);font-weight:700}.comment-action-btn.liked{color:var(--primary-color);font-weight:700}.reply-input-wrapper{margin-top:8px;margin-bottom:12px;animation:fadeIn .2s ease-out}.add-comment-form{display:flex;align-items:flex-start;gap:8px;margin-top:8px;position:relative}.add-comment-form.reply-form{padding:0;border-radius:0;background:none;margin-top:0}.reply-input-container{flex:1;display:flex;align-items:center;gap:8px;position:relative}.add-comment-input{flex:1;padding:8px 70px 8px 12px;border:1px solid #ccd0d5;border-radius:20px;background:#f0f2f5;font-size:14px;outline:none;transition:all .2s ease;font-family:inherit;resize:none;line-height:1.33}.add-comment-input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 2px #2a7e2e1a}.reply-actions{position:absolute;right:6px;display:flex;align-items:center;gap:4px}.comment-submit-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;width:28px;height:28px;margin-top:2px}.comment-submit-btn:hover{background:var(--secondary-color);transform:scale(1.05)}.comment-submit-btn:disabled{background:#ccd0d5;cursor:not-allowed;transform:none}.comment-submit-btn i{font-size:12px}.comment-submit-btn .spinner{width:12px;height:12px;border-width:2px;border-color:#fff;border-top-color:transparent}.cancel-reply-btn{background:none;border:none;color:#65676b;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:all .2s ease;flex-shrink:0}.cancel-reply-btn:hover{background-color:#f0f2f5;color:var(--error-color)}.cancel-reply-btn i{font-size:14px}.comment-replies-container{overflow:hidden;animation:slideDown .25s ease-out}.collapse-bar,.expand-bar,.view-more-replies{display:flex;align-items:center;margin:4px 0;font-size:12px;font-weight:600;color:var(--primary-color)}.collapse-bar button,.expand-bar button,.view-more-replies button{background:none;border:none;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:6px;color:inherit}.collapse-bar button:hover,.expand-bar button:hover,.view-more-replies button:hover{text-decoration:underline}.main-comment-form{border-top:1px solid var(--light-gray-color);padding-top:12px;margin-top:12px}.login-prompt{text-align:center;padding:16px;background:#2a7e2e1a;border:1px solid var(--primary-color);border-radius:8px;margin:12px 0}.login-prompt p{margin:0;color:var(--primary-color);font-size:15px;font-weight:500}.no-comments{text-align:center;color:#65676b;font-size:14px;padding:16px 0}.comment-loading{display:flex;align-items:center;gap:8px;margin-left:40px;color:#65676b;font-size:12px}.comment-loading .spinner{width:12px;height:12px;border-width:2px}.comment-error{margin-left:40px;color:var(--error-color);font-size:12px;margin-top:4px}.footer-content{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding:0 20px}.footer-logo .logo{width:8rem;height:8rem}.social-icons{display:flex;gap:10px}.social-icons a{color:#fff;background-color:#ffffff1a;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}.newsletter-form input{padding:10px;border:none;border-radius:var(--border-radius)}.footer-bottom{max-width:1200px;margin:20px auto 0;padding-top:20px;text-align:center;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem}@media (max-width: 992px){.cart-container{flex-direction:column}}@media (max-width: 768px){.gallery-item{width:calc(50% - 20px)}nav ul{flex-wrap:wrap;justify-content:center}nav ul li{margin:5px}.filter-bar{flex-direction:column;gap:10px}.search-box,.filter-options{width:100%}.farm-feed-container{margin-top:8px;gap:0;padding:0}.post-card{border-radius:0;border-left:none;border-right:none;box-shadow:none;border-top:none;border-bottom:8px solid var(--light-gray-color);margin-bottom:0}.farm-feed-container .post-card:last-child{border-bottom:none}.post-header,.post-body,.post-stats,.comment-section{padding-left:12px;padding-right:12px}.comment-section{padding:8px 12px 12px}.comment{gap:6px}.comment-avatar{width:28px;height:28px}.comment-content{font-size:13px;padding:6px 10px}.comment-meta{margin-left:34px}.add-comment-form{gap:6px}.add-comment-input{font-size:13px;padding-right:60px}.reply-input-container .add-comment-input{padding-right:60px}.reply-actions{right:4px}.cancel-reply-btn,.comment-submit-btn{width:24px;height:24px}.cancel-reply-btn i{font-size:12px}.comment-thread[data-depth="1"] .comment-avatar,.comment-thread[data-depth="2"] .comment-avatar,.comment-thread[data-depth="3"] .comment-avatar,.comment-thread[data-depth="4"] .comment-avatar{width:24px;height:24px}.comment-thread[data-depth="1"] .comment-meta,.comment-thread[data-depth="2"] .comment-meta,.comment-thread[data-depth="3"] .comment-meta,.comment-thread[data-depth="4"] .comment-meta{margin-left:28px}.view-more-replies-btn,.collapse-replies button{font-size:12px}}@media (max-width: 576px){.container{padding-left:10px;padding-right:10px}.gallery-item{width:100%}.footer-content{grid-template-columns:1fr;text-align:center}.footer-content>div{align-items:center}.footer-links ul{padding-left:0}.social-icons,.newsletter-form{justify-content:center}}.edit-post-wrapper{display:flex;flex-direction:column;gap:0;background-color:#fff;border:1px solid var(--light-gray-color);border-radius:var(--border-radius);padding:16px;margin:8px 0;box-shadow:0 2px 8px #0000001a;animation:fadeIn .3s ease-out}.edit-post-textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--gray-color);border-radius:var(--border-radius);font-family:inherit;font-size:15px;resize:vertical;line-height:1.4;background-color:#fff;outline:none;transition:all .2s ease;margin-bottom:8px}.edit-post-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2a7e2e33}.edit-post-textarea::placeholder{color:#9ca3af}.edit-post-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid var(--light-gray-color)}.edit-action-btn{padding:8px 16px;border:none;border-radius:var(--border-radius);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.edit-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-action-btn.cancel{background-color:var(--light-gray-color);color:var(--dark-color);border:1px solid var(--gray-color)}.edit-action-btn.cancel:hover:not(:disabled){background-color:var(--gray-color);border-color:#9ca3af}.edit-action-btn.save{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);display:flex;align-items:center;justify-content:center;gap:.5rem}.edit-action-btn.save:hover:not(:disabled){background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-1px);box-shadow:var(--box-shadow)}.current-media-preview{margin:12px 0;border:1px solid var(--light-gray-color);border-radius:var(--border-radius);padding:12px;background-color:var(--light-color)}.current-media-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#65676b}.remove-current-media-btn{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;border-radius:var(--border-radius);transition:all .2s ease}.remove-current-media-btn:hover{background-color:#dc26261a;color:#dc2626}.current-media-thumbnail{width:100%;max-width:200px;height:120px;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--gray-color)}.removed-media-indicator{display:flex;align-items:center;gap:8px;padding:12px;margin:12px 0;background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--border-radius);color:var(--error-color);font-size:14px}.undo-remove-btn{background:none;border:1px solid var(--error-color);color:var(--error-color);cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;border-radius:var(--border-radius);transition:all .2s ease;margin-left:auto}.undo-remove-btn:hover{background-color:var(--error-color);color:#fff}.editing-files-preview{margin:12px 0;border:1px solid rgba(42,126,46,.3);border-radius:var(--border-radius);padding:12px;background-color:#2a7e2e0d}.editing-files-header{margin-bottom:8px;font-size:14px;color:var(--primary-color);font-weight:600}.edit-media-actions{display:flex;gap:12px;margin:12px 0;padding:12px 0;border-top:1px solid var(--light-gray-color);border-bottom:1px solid var(--light-gray-color);justify-content:center}.edit-action-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:none;border:1px solid var(--gray-color);cursor:pointer;font-weight:600;font-size:14px;color:#65676b;border-radius:var(--border-radius);transition:all .2s ease;justify-content:center;min-width:140px}.edit-action-button:hover{background-color:var(--light-gray-color);border-color:#9ca3af;transform:translateY(-1px)}.edit-action-button i{font-size:16px}.post-options-menu li:has(.fa-trash-alt){color:var(--error-color)}.post-options-menu li:has(.fa-trash-alt):hover{background-color:#dc26261a}.post-options-menu li:has(.fa-trash-alt) i{color:var(--error-color)}@media (max-width: 768px){.edit-media-actions{gap:8px}.edit-action-button{padding:10px 16px;min-width:120px;font-size:13px}.edit-post-actions{flex-direction:column-reverse;gap:8px}.edit-action-btn{width:100%;justify-content:center}.current-media-preview,.editing-files-preview{padding:8px}.current-media-thumbnail{max-width:100%;height:180px}.current-media-header{flex-direction:column;align-items:flex-start;gap:8px}.remove-current-media-btn{align-self:flex-end}}.edit-action-btn:disabled .spinner{width:14px;height:14px;border-width:2px;border-color:currentColor;border-top-color:transparent;margin:0}.edit-action-btn.save .spinner,.post-button-container .btn-block .spinner{border-color:#ffffff4d;border-top-color:#fff}.edit-success-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#16a34a1a;border:1px solid rgba(22,163,74,.3);border-radius:var(--border-radius);color:var(--success-color);font-size:14px;margin:8px 0}.edit-error-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--border-radius);color:var(--error-color);font-size:14px;margin:8px 0}.reaction-trigger{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.reaction-trigger:hover{background:#0000000d}.reaction-label{color:#65676b;font-size:12px;font-weight:600}.reaction-label.reacted{color:var(--primary-color)}.reaction-palette{position:fixed;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:24px;box-shadow:0 4px 12px #00000026;z-index:1000}.reaction-emoji{width:36px;height:36px;border:none;background:none;font-size:22px;border-radius:50%;transform:scale(1);transition:transform .15s,background-color .15s;cursor:pointer;display:flex;align-items:center;justify-content:center}.reaction-emoji:hover{transform:scale(1.4);background-color:#0000000d}.reactions-display{display:inline-flex;align-items:center;gap:4px;margin-left:44px;margin-top:2px;font-size:12px;color:#65676b}.reaction-icon{font-size:14px}.media-grid{display:grid;gap:2px;background-color:#fff;overflow:hidden;cursor:pointer}.media-item{position:relative;overflow:hidden;background-color:#f0f2f5}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out;display:block}.media-item:hover img,.media-item:hover video{transform:scale(1.05)}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;pointer-events:none}.media-grid-1{grid-template-columns:1fr;max-height:500px}.media-grid-1 .media-item{aspect-ratio:4 / 3}.media-grid-2{grid-template-columns:1fr 1fr;aspect-ratio:2 / 1;max-height:340px}.media-grid-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.5 / 1;max-height:450px}.media-grid-3>*:nth-child(1){grid-row:1 / 3}.media-grid-3>*:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}.media-grid-3>*:nth-child(3){grid-column:2 / 3;grid-row:2 / 3}.media-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1 / 1;max-height:680px}.media-grid-5{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;aspect-ratio:1.5 / 1;max-height:450px}.media-grid-5>*:nth-child(1){grid-column:1 / 4;grid-row:1 / 2}.media-grid-5>*:nth-child(2){grid-column:4 / 7;grid-row:1 / 2}.media-grid-5>*:nth-child(3){grid-column:1 / 3;grid-row:2 / 3}.media-grid-5>*:nth-child(4){grid-column:3 / 5;grid-row:2 / 3}.media-grid-5>*:nth-child(5){grid-column:5 / 7;grid-row:2 / 3}.media-preview-grid{display:grid;gap:10px;margin:16px 0 0;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-preview-item{position:relative;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease-in-out}.media-preview-item:hover{transform:scale(1.03)}.media-preview-item .preview-thumbnail{width:100%;height:100%;object-fit:cover}.media-preview-item .video-preview-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--light-gray-color);padding:8px;box-sizing:border-box}.video-preview-icon i{font-size:2.2rem;color:#888;margin-bottom:8px}.video-preview-icon span{font-size:.7rem;color:#555;text-align:center;word-break:break-all;max-height:2.4em;overflow:hidden;line-height:1.2}.remove-file-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background-color:#0f172a99;color:#fff;border:1.5px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 1px 3px #0003}.remove-file-btn:hover{background-color:var(--error-color);transform:scale(1.1)}.remove-file-btn i{line-height:1;transform:translateY(.5px)}.media-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.media-viewer-content{position:relative;max-width:95vw;max-height:90vh;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.media-viewer-content img,.media-viewer-content video{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 30px #00000080;animation:slideDown .4s ease-out}.media-viewer-close-btn,.media-viewer-nav-btn{position:absolute;background-color:#1e1e1e99;color:#fff;border:none;cursor:pointer;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background-color .2s ease;z-index:10000}.media-viewer-close-btn:hover,.media-viewer-nav-btn:hover{background-color:#000c}.media-viewer-close-btn{top:15px;right:15px}.media-viewer-nav-btn.prev{left:15px}.media-viewer-nav-btn.next{right:15px}.media-viewer-counter{position:absolute;top:25px;left:50%;transform:translate(-50%);background-color:#00000080;color:#fff;padding:4px 12px;border-radius:16px;font-size:.9rem;z-index:10000}@media (max-width: 768px){.media-viewer-nav-btn{display:none}}.report-modal-container{max-width:480px}.report-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.report-category-btn{padding:12px 16px;border:2px solid var(--gray-color);background-color:var(--light-color);border-radius:var(--border-radius-md);cursor:pointer;font-size:14px;font-weight:600;color:var(--dark-color);transition:all .2s ease;text-align:center}.report-category-btn:hover{border-color:var(--primary-color);background-color:#2a7e2e0d}.report-category-btn.active{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.report-details{margin:16px 0}.report-details label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--dark-color)}.report-details textarea{width:100%;padding:10px 12px;border:1px solid var(--gray-color);border-radius:var(--border-radius);font-family:inherit;font-size:14px;resize:vertical;outline:none;transition:border-color .2s ease}.report-details textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2a7e2e1a}.report-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.report-actions .btn{padding:10px 20px;font-size:14px}@media (max-width: 768px){.report-categories{grid-template-columns:1fr}.report-actions{flex-direction:column-reverse}.report-actions .btn{width:100%}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in forwards}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s infinite}.pwa-install-sheet{position:fixed;bottom:0;left:0;width:100%;z-index:9999;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;pointer-events:none}.pwa-install-sheet.show{transform:translateY(0);pointer-events:auto}.pwa-content{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:100%;max-width:500px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 25px #00000026;padding:20px 20px 30px;border:1px solid rgba(255,255,255,.5)}.pwa-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;position:relative}.pwa-icon-wrapper{background:#fff;padding:8px;border-radius:14px;box-shadow:0 4px 10px #0000001a}.pwa-app-icon{width:45px;height:45px;object-fit:contain;border-radius:8px}.pwa-text h4{color:var(--dark-color);font-size:1.1rem;font-weight:700;margin-bottom:2px}.pwa-text p{color:#666;font-size:.85rem;line-height:1.3;margin:0}.pwa-close-btn{position:absolute;top:-10px;right:-5px;background:none;border:none;color:#999;font-size:1.2rem;padding:5px;cursor:pointer;transition:color .2s}.pwa-close-btn:hover{color:var(--error-color)}.pwa-ios-instructions{background-color:var(--light-color);border-radius:12px;padding:15px;font-size:.9rem;color:var(--dark-color);border:1px solid var(--gray-color)}.pwa-ios-instructions p{font-weight:600;margin-bottom:8px}.pwa-ios-instructions ol{padding-left:20px;margin:0}.pwa-ios-instructions li{margin-bottom:8px;line-height:1.5}.pwa-ios-instructions i{color:#007aff;margin:0 4px;font-size:1.1em}.pwa-actions{display:flex;gap:10px}.pwa-install-btn{background-color:var(--primary-color);color:#fff;font-weight:600;border-radius:50px;padding:12px;box-shadow:0 4px 12px #2a7e2e4d}@supports (padding-bottom: env(safe-area-inset-bottom)){.pwa-content{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.farm-name,.location{padding:0;color:#666;font-size:.9rem}.price{padding:0;font-weight:700;color:var(--secondary-color)}.description{padding:5px 15px 15px;font-size:.9rem}.produce-item .btn,.farm-item .btn{margin:10px 15px 15px;width:calc(100% - 30px)}.pagination{display:flex;justify-content:center;margin:30px 0}.pagination a{color:var(--primary-color);padding:8px 14px;margin:0 5px;border:1px solid var(--gray-color);border-radius:var(--border-radius);transition:var(--transition)}.pagination a:hover,.pagination a.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.form-container{max-width:600px;margin:40px auto;padding:30px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.form-container h2{margin-bottom:20px;color:var(--primary-color);text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--gray-color);border-radius:var(--border-radius);font-family:inherit;font-size:1rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.checkbox-group{display:flex;align-items:center}.checkbox-group input{margin-right:5px}.forgot-password{font-size:.9rem}.login-options{display:flex;justify-content:space-between;align-items:center}.social-login{display:flex;gap:10px}.btn-social{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;border:none;cursor:pointer}.facebook{background-color:#3b5998}.google{background-color:#db4437}.cart-container{display:flex;gap:30px;margin:30px 0}.cart-items{flex:2;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px}.cart-summary{flex:1;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;height:fit-content}.cart-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid var(--gray-color)}.cart-item:last-child{border-bottom:none}.item-details{flex:2}.item-details h3{font-size:1.1rem;margin-bottom:5px}.item-quantity{flex:1;display:flex;align-items:center;justify-content:center}.quantity-btn{width:30px;height:30px;border:1px solid var(--gray-color);background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.item-quantity input{width:40px;text-align:center;margin:0 5px;border:1px solid var(--gray-color);border-radius:var(--border-radius);padding:5px}.item-total{flex:1;text-align:center;font-weight:700}.remove-item{background:none;border:none;color:#999;cursor:pointer;font-size:1.1rem;transition:var(--transition)}.remove-item:hover{color:#ff3b30}.cart-summary h3{margin-bottom:20px;font-size:1.3rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid var(--gray-color)}.summary-row.total{font-weight:700;font-size:1.2rem;color:var(--primary-color);border-bottom:none;margin-bottom:20px}.checkout-btn{width:100%;margin-bottom:10px}footer{background-color:var(--tertiary-color);color:#fff;padding:40px 0 20px}.footer-content{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding:0 10px}.footer-logo{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo .logo{width:8rem;height:8rem;margin-bottom:10px}.footer-logo h2{font-size:2rem;margin-bottom:10px}.footer-links h3,.footer-social h3,.footer-newsletter h3{margin-bottom:15px;font-size:1.1rem}.footer-links ul,.footer-social ul{padding:0}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{color:#ccc}.footer-links ul li a:hover{color:#fff}.social-icons{display:flex;gap:15px}.social-icons a{color:#fff;background-color:#ffffff1a;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:var(--transition)}.social-icons a:hover{background-color:var(--accent-color)}.newsletter-form{display:flex;flex-direction:column;gap:10px}.newsletter-form input{padding:10px;border:none;border-radius:var(--border-radius);font-size:.9rem}.footer-bottom{max-width:1200px;margin:30px auto 0;padding-top:20px;text-align:center;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem}.hidden-page{display:none}.active-page{display:block}.hero{background-size:cover;background-position:center;color:#fff;text-align:center;padding:80px 20px}.hero h2{font-size:2.8rem;margin-bottom:20px;margin-top:30px;text-shadow:2px 2px 4px black}.hero p{font-size:1.8rem;margin-bottom:30px;text-shadow:2px 2px 4px black}.hero a.btn{font-size:1.5rem;margin-top:30px;text-shadow:2px 2px 4px rgb(59,57,57)}.featured-section{padding:40px 20px}.featured-section h3{text-align:center;margin-bottom:20px;margin-top:40px;color:var(--primary-color);font-size:1.8rem}.image-gallery{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.gallery-item{width:calc(33.333% - 20px);min-width:250px;background-color:var(--primary-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003}.gallery-item img{width:100%;height:200px;object-fit:cover}.gallery-item p{padding:15px;text-align:center;font-weight:700;color:#fff;font-size:20px}@media (max-width: 992px){.cart-container{flex-direction:column}.cart-item{flex-wrap:wrap}.item-details{flex:1 1 100%;margin-bottom:10px}}@media (max-width: 768px){.gallery-item{width:calc(50% - 20px)}}@media (max-width: 576px){.gallery-item{width:100%}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links h3,.footer-social h3,.footer-newsletter h3,.footer-newsletter p{margin-left:0}.footer-links ul{padding-left:0}.social-icons,.newsletter-form{justify-content:center;margin-left:0}}.mobile-view{font-size:16px}.mobile-view .container{padding-left:.5rem;padding-right:.5rem}body.drawer-open,body.modal-is-open{overflow:hidden}body.chat-open{position:fixed;width:100%;height:100%;overflow:hidden}.mobile-view header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 1rem;gap:10px}.mobile-view header .logo-container{order:1;flex-shrink:0;display:flex;align-items:center}.mobile-view header h1{font-size:1.25rem;margin:0}.mobile-view header .tagline,.mobile-view header nav,.mobile-view header .user-actions .profile-dropdown,.mobile-view header .user-actions .auth-buttons,.mobile-view header .user-actions .cart-icon{display:none}.mobile-view header.page-homepage .location-icon{display:none}.mobile-view .user-actions{display:flex;order:2;flex-grow:1;min-width:0}.mobile-search-wrapper{display:none;position:relative;align-items:center;flex-grow:1}.mobile-view .mobile-search-wrapper.visible{display:flex}.mobile-search-wrapper input{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:var(--border-radius-full);padding:8px 16px 8px 40px;font-size:1rem;color:var(--dark-color);width:100%;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.mobile-search-wrapper input::placeholder{color:#9ca3af}.mobile-search-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2a7e2e33}.mobile-search-wrapper .fa-search{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1rem}.hamburger-menu{display:none;font-size:1.8rem;color:#fff;background:transparent;border:none;cursor:pointer;padding:.5rem}.mobile-view .hamburger-menu{display:block;order:3;flex-shrink:0}.nav-drawer{position:fixed;top:0;left:-300px;width:300px;max-width:80vw;height:100%;background-color:#fff;box-shadow:2px 0 8px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2000;display:flex;flex-direction:column}.nav-drawer.open{transform:translate(300px)}.nav-drawer-header{padding:1.5rem;background-color:var(--primary-color);color:#fff}.nav-drawer-header h3{margin:0;font-size:1.1rem;font-weight:500}.nav-drawer-header p{margin:4px 0 0;font-size:.9rem;opacity:.9}.nav-drawer-links{list-style:none;padding:8px 0;margin:0;flex-grow:1;overflow-y:auto}.nav-drawer-links li a{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;color:#333;text-decoration:none;font-size:1rem;font-weight:500}.nav-drawer-links li a:hover{background-color:#f0f0f0}.nav-drawer-links i{font-size:1.25rem;color:#555;width:24px;text-align:center}.nav-drawer-footer{padding:1rem;border-top:1px solid #e0e0e0}.nav-drawer-footer a{display:flex;align-items:center;gap:1rem;padding:.75rem;width:100%;text-align:left;border:none;background:none;color:var(--primary-color);font-weight:500;font-size:1rem;text-decoration:none;border-radius:4px;cursor:pointer}.nav-drawer-footer a:hover{background-color:#f0f0f0}.nav-drawer-footer i{font-size:1.2rem}.nav-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1999}.nav-drawer-overlay.show{opacity:1;visibility:visible}.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#fff;box-shadow:0 -1px 4px #0000001a;z-index:1000}body.modal-is-open .bottom-nav{display:none!important}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#757575;text-decoration:none;flex-grow:1;height:100%;transition:color .2s ease}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item i{font-size:1.5rem}.bottom-nav-label{font-size:.75rem;width:100%;text-align:center}.bottom-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:1.5rem;margin-bottom:4px}.bottom-nav-badge{position:absolute;top:-4px;right:-12px;color:#fff;border-radius:10px;padding:1px 5px;font-size:.75em;font-weight:700;line-height:1.2;min-width:16px;text-align:center;border:1px solid white}.bottom-nav-badge.badge-cart{background-color:var(--accent-color)}.bottom-nav-badge.badge-messages{background-color:var(--error-color)}.mobile-view .form-container{padding:1.5rem;box-shadow:none}.mobile-view .form-group input,.mobile-view .form-group select,.mobile-view .form-group textarea{padding:.8rem}.mobile-view .btn{width:100%;padding:.6rem;font-size:.8rem;text-transform:uppercase;font-weight:600}.mobile-view .cart-container{flex-direction:column}.mobile-view .cart-item{flex-direction:row;align-items:center;padding:1rem 0;gap:.75rem;flex-wrap:nowrap}.mobile-view .item-details{align-self:stretch}.mobile-view .price-quantity-row{display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-view .item-price{font-size:.9rem}.mobile-view .item-quantity .quantity-btn{width:24px;height:24px;font-size:.8rem}.mobile-view .item-quantity input{font-size:.7rem;width:36px}.mobile-view footer{display:none}.mobile-buy-sell-toggle{display:flex;background-color:var(--light-gray-color);border-radius:var(--border-radius-full);padding:.35rem;margin:1rem 0 .5rem;box-shadow:inset 0 2px 4px #0000000f}.mobile-buy-sell-toggle .toggle-btn{flex:1;padding:.7rem .5rem;border:none;background-color:transparent;color:#4b5563;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:var(--border-radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.mobile-buy-sell-toggle .toggle-btn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px -2px #2a7e2e80;transform:scale(1.02)}.mobile-buy-sell-toggle .toggle-btn i{font-size:1rem;transition:transform .3s ease}.mobile-buy-sell-toggle .toggle-btn:not(.active):hover{background-color:#0000000d}.mobile-buy-sell-toggle .toggle-btn:active{transform:scale(.98)}@media (max-width: 768px){.filter-bar .search-box{display:none}.mobile-search-wrapper.visible{display:flex;align-items:center;flex-grow:1}.mobile-view main{padding-bottom:150px!important}.mobile-view #profile-settings .dashboard-content{padding-bottom:80px}.mobile-view .produce-grid,.mobile-view .farms-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.mobile-view .media-container{height:160px}.mobile-view .item-content-wrapper{padding:.5rem}.mobile-view .produce-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-view .location{font-size:.7rem;margin:0 0 .1rem}.mobile-view .farm-name,.mobile-view .price{font-size:.8rem}.mobile-view .price-line .price,.mobile-view .items-sold{font-size:.7rem}.mobile-view .item-action-wrapper{padding:.4rem}.gallery-item{width:calc(50% - 20px)}#product-detail-page{padding-top:.5rem;padding-bottom:8rem}#product-detail-page .grid{gap:1rem}#product-detail-page img{max-height:350px}.product-detail-header{text-align:left}#product-detail-page h1{font-size:1.5rem}#product-detail-page .product-detail-price{font-size:1.2rem}#product-detail-page .bg-gray-100{padding:.5rem}.product-detail-mobile-header{margin-bottom:.5rem}.product-detail-back-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f3f4f6;border-radius:50%;border:1px solid #e5e7eb;color:var(--dark-color);font-size:1.1rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 1px 3px #00000014}#product-detail-page .back-button{display:none}.seller-info-block{gap:.75rem;padding:.5rem;margin:1rem 0}.seller-avatar img{width:48px;height:48px}.key-info-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;text-align:center}.key-info-item{padding:.75rem .25rem;font-size:.75rem}.key-info-item i{font-size:1.1rem;margin-bottom:.4rem}.key-info-item p{font-size:.85rem}.mobile-action-bar{position:fixed;bottom:60px;left:0;width:100%;background-color:#fff;padding:.75rem 1rem;box-shadow:0 -2px 8px #0000001a;z-index:999;display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--light-gray-color)}.mobile-action-bar button{border:none;cursor:pointer;border-radius:var(--border-radius-md);transition:var(--transition);height:48px}.mobile-action-bar button:disabled{opacity:.5;cursor:not-allowed}.btn-add-to-basket,.btn-chat-with-seller{background-color:var(--light-gray-color);color:var(--dark-color);flex:0 0 48px;font-size:1.2rem}.btn-buy-now-main{flex-grow:1;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase}}@media (max-width: 576px){.gallery-item{width:100%}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links h3,.footer-social h3,.footer-newsletter h3,.footer-newsletter p,.footer-links ul,.social-icons,.newsletter-form{margin-left:0;padding-left:0;justify-content:center}}@media (max-width: 768px){.review-section-modern .review-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.review-section-modern .review-section-header .btn{width:100%}.review-card-modern{padding:1rem}.review-header{gap:.75rem}.review-header img{width:40px;height:40px}.review-comment-text,.reply-action-area,.inline-reply-form,.replies-thread{margin-left:0;padding-left:0;border-left:none}.reply-card,.reply-comment-text{padding-left:0}}.top-right-floating-action-bar{position:fixed;top:68px;right:.75rem;z-index:998;pointer-events:none}.top-right-floating-action-bar .btn-remove-selected{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--error-color);color:#fff;padding:.6rem 1rem;border-radius:var(--border-radius-full);border:none;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000040;transition:all .3s ease;pointer-events:auto}.top-right-floating-action-bar .btn-remove-selected:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.top-right-floating-action-bar .btn-remove-selected:disabled{background-color:#9ca3af;opacity:.7;cursor:not-allowed}.top-right-floating-action-bar .btn-remove-selected i{font-size:.9rem}.cart-item-image-wrapper{position:relative;border-radius:.5rem;overflow:hidden;width:80px;height:80px;flex-shrink:0}.cart-item[data-status=OUT_OF_STOCK] .cart-item-image-wrapper:after,.cart-item[data-status=INVALID] .cart-item-image-wrapper:after,.cart-item[data-status=STORE_CLOSED] .cart-item-image-wrapper:after{position:absolute;left:0;bottom:0;width:100%;background-color:#0009;color:#fff;font-size:.7rem;font-weight:600;text-align:center;padding:2px 0;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.cart-item[data-status=OUT_OF_STOCK] .cart-item-image-wrapper:after{content:"Out of Stock"}.cart-item[data-status=STORE_CLOSED] .cart-item-image-wrapper:after{content:"Store Closed"}.cart-item[data-status=INVALID] .cart-item-image-wrapper:after{content:"Not Available"}.low-stock-overlay{position:absolute;left:0;bottom:0;width:100%;background-color:#0009;color:#fff;font-size:.7rem;font-weight:600;text-align:center;padding:2px 0;z-index:1}.swipe-container{position:relative;overflow:hidden;background-color:#fff}.farm-card .swipe-container:not(:last-child){border-bottom:1px solid var(--light-gray-color)}.swipe-actions-container{position:absolute;top:0;right:0;bottom:0;width:80px;z-index:1;display:flex}.swipe-action-btn{border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-grow:1;height:100%;font-size:.9rem;font-weight:600}.swipe-action-btn.delete{background-color:var(--error-color)}.swipe-content{position:relative;background-color:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2;padding:1rem}.swipe-content.swiped{transform:translate(-80px)}.swipe-content .cart-item{padding:0!important;flex-direction:row;align-items:center;gap:.75rem;flex-wrap:nowrap}.farm-card{padding:0}.btn:before,.btn:after{display:none!important;content:""!important}@media (max-width: 767px){body.mobile-view .modal-overlay{display:flex!important;align-items:stretch!important;justify-content:center!important;padding:0!important}body.mobile-view .modal-content{width:100%!important;max-width:100%!important;max-height:100dvh!important;height:100dvh!important;margin:0!important;transform:none!important;border-radius:0!important;box-shadow:none!important;border:none!important;padding:0!important}body.mobile-view .modal-header{padding:1rem!important}body.mobile-view .modal-header h3{font-size:1.25rem!important}body.mobile-view .modal-body{padding:.5rem 1rem 2.5rem!important;flex-grow:1!important;overflow-y:auto!important}body.mobile-view .modal-footer{flex-direction:row!important;justify-content:center!important;gap:.75rem!important;background-color:#fff!important;border-top:1px solid var(--gray-color)!important;padding:.5rem 1rem 2.5rem!important;padding-bottom:max(.5rem,env(safe-area-inset-bottom))!important;position:sticky!important;bottom:0!important;z-index:10!important}body.mobile-view .modal-footer .btn{flex:1!important;padding:.9rem!important;font-size:1rem!important}body.mobile-view .modal-header{padding:.5rem 1rem 2.5rem!important}body.mobile-view .modal-header h3{font-size:1.15rem!important}body.mobile-view .product-form{gap:.85rem!important}body.mobile-view .form-group{gap:.35rem!important}body.mobile-view .product-form input:not([type=file]),body.mobile-view .product-form textarea,body.mobile-view .product-form select{padding:1rem;font-size:1rem}.farm-feed-container{margin-top:10px;gap:0;padding:0}.feed-controls-card{border-radius:0;box-shadow:none;border-left:none;border-right:none;border-top:none;border-bottom:8px solid var(--light-gray-color);margin-bottom:0}.feed-controls-card .farm-feed-toggle{padding:8px 16px}.create-post-footer{flex-direction:column;align-items:stretch;gap:12px}.create-post-footer .post-button-container .btn{width:100%}.farm-feed-toggle{display:flex;justify-content:center;gap:.5rem;padding:0 .5rem;overflow-x:auto;scrollbar-width:none;border-bottom:none}.farm-feed-toggle::-webkit-scrollbar{display:none}.farm-feed-toggle .toggle-btn{flex:none;white-space:nowrap;padding:.4rem 1rem;border:1px solid var(--gray-color);background-color:var(--light-color);color:var(--dark-color);font-size:.8rem;font-weight:600;cursor:pointer;border-radius:var(--border-radius-full);transition:all .2s ease-in-out;text-decoration:none}.farm-feed-toggle .toggle-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px -1px #2a7e2e66;transform:none}.farm-feed-toggle .toggle-btn:not(.active):hover{background-color:var(--light-gray-color);border-color:#b0b4b8}.post-card{border-radius:0;box-shadow:none;border-bottom:1px solid var(--light-gray-color)}.farm-feed-container .post-card:last-child{border-bottom:none}.post-header,.post-body,.post-stats,.comment-section{padding-left:.75rem;padding-right:.75rem}.post-avatar{width:40px;height:40px}}body.chat-open main{padding-bottom:0!important}body.mobile-view .modal-footer .btn .spinner{width:1em;height:1em;border-width:3px;border-color:#fff6;border-top-color:#fff;margin-right:.75em}.rider-mobile-name{display:none}.mobile-view header.on-rider-dashboard .user-actions{flex-grow:0;flex-shrink:0}.mobile-view header.on-rider-dashboard .rider-mobile-name{display:flex;align-items:center;color:#fff;font-weight:600;font-size:.9rem;white-space:nowrap;padding:0 .5rem}.mobile-view header.on-rider-dashboard .profile-dropdown{display:none}body.mobile-view .map-modal-overlay .modal-content{max-height:calc(100dvh - 1rem)!important}body.mobile-view .map-modal-overlay .modal-body{max-height:none!important;padding:.5rem 1rem 3rem!important}
