/*
Theme Name: National Farms
Theme URI: https://nationalfarmsgroup.com
Author: Watania Farms Group Ltd.
Author URI: https://nationalfarmsgroup.com
Description: Custom WordPress theme for Watania Farms Group Ltd. — premium fresh produce supplier from Kenya.
Version: 1.0.21
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: All Rights Reserved
License URI: https://nationalfarmsgroup.com
Text Domain: national-farms
Tags: agriculture, fresh-produce, custom-theme
*/

:root{--fr-green-50:#f0fdf4;--fr-green-100:#dcfce7;--fr-green-200:#bbf7d0;--fr-green-300:#86efac;--fr-green-400:#4ade80;--fr-green-500:#22c55e;--fr-green-600:#16a34a;--fr-green-700:#15803d;--fr-green-800:#166534;--fr-green-900:#14532d;--fr-amber:#f59e0b;--fr-red:#ef4444;--bs-primary:#16a34a;--bs-primary-rgb:22,163,74;--bs-focus-ring-color:#16a34a40}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;color:#1e293b;overflow-x:hidden}
p{line-height:1.8}
.woocommerce-info::before, a {color: var(--fr-green-700);}
.woocommerce-info {border-top-color: var(--fr-green-700);}
.section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;line-height:1.25;color:#0f172a}
.section-tag{display:inline-block;background:var(--fr-green-100);color:var(--fr-green-700);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px 14px;border-radius:99px}
.py-section{padding:96px 0}
#navbar{height:72px;background:#fffffff5;backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid #00000012;box-shadow:0 2px 16px rgba(0,0,0,.12);transition:background .4s,box-shadow .3s,border-color .4s}
#navbar.hero-top{background:transparent;border-bottom-color:#ffffff14;box-shadow:none;backdrop-filter:none}
#navbar .brand-icon{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--fr-green-500),var(--fr-green-700));display:inline-grid;place-items:center;font-size:1rem;color:#fff;flex-shrink:0}
#navbar.scrolled{background:#fffffff5;backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 24px #0000001a;border-bottom-color:#16a34a26}
#navbar .brand-text{font-weight:800;font-size:1.1rem;color:var(--fr-green-800)}
#navbar .brand-text span{color:var(--fr-green-500)}
.custom-logo-link {position:relative; display:inline-block;}
.custom-logo-link img, .navbar-logo {height:46px;width:auto;display:block}
#navbar .nav-link{font-size:.875rem;font-weight:500;color:#475569;border-radius:99px;padding:7px 14px!important;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
#navbar .nav-link:hover{background:var(--fr-green-50);color:var(--fr-green-700);box-shadow:inset 0 0 0 1.5px var(--fr-green-200)}
#navbar .nav-link.active{background:var(--fr-green-100);color:var(--fr-green-700)!important;font-weight:600}
.btn-signin{background:transparent;color:#334155;border:none;font-size:.875rem;font-weight:500;padding:8px 14px;border-radius:99px;transition:background .2s;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.btn-signin:hover{background:#f1f5f9}
.account-icon-btn{width:48px;height:48px;padding:0;border-radius:50%;justify-content:center;font-size:1.45rem;text-decoration:none}
.cart-btn{position:relative;width:42px;height:42px;border-radius:50%;background:var(--fr-green-700);border:none;cursor:pointer;display:inline-grid;place-items:center;font-size:1rem;color:#fff;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px #15803d4d}
.cart-btn:hover{background:var(--fr-green-800);color:#fff;transform:scale(1.08);box-shadow:0 4px 14px #15803d66}
.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--fr-green-500);color:#fff;font-size:.6rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:grid;place-items:center; justify-content: center;}


#navbar.hero-top .brand-text{color:#fff}
#navbar.hero-top .brand-text span{color:var(--fr-green-400)}
#navbar.hero-top .brand-icon{background:#ffffff26}
#navbar.hero-top .nav-link{color:#ffffffd9}
#navbar.hero-top .nav-link:hover{background:#ffffff1f;color:#fff}
#navbar.hero-top .btn-signin{color:#ffffffd9}
#navbar.hero-top .btn-signin:hover{background:#ffffff1f;color:#fff}
#navbar.hero-top .cart-btn{background:#ffffff2e;color:#fff;box-shadow:none}
#navbar.hero-top .cart-btn:hover{background:#ffffff47;transform:scale(1.08)}
#navbar.hero-top .nav-link.active{background:#ffffff26;color:#fff!important}
#navbar.hero-top .navbar-toggler{border-color:#ffffff4d}
#navbar.hero-top .navbar-toggler-icon{filter:invert(1)}
#navbar.hero-top .custom-logo-link img, #navbar.hero-top .navbar-logo {filter:brightness(0) invert(1)}

#navbar .dropdown-menu{margin-top:10px!important;padding:8px;border:none;border-radius:14px;background:#fff;box-shadow:0 12px 40px #00000021 0 2px 8px #0000000f;min-width:210px;animation:dropDown .2s ease forwards;transform-origin:top center;border-top:3px solid var(--fr-green-500)}
@keyframes dropDown {
from{opacity:0;transform:translateY(-8px) scale(.98)}
to{opacity:1;transform:translateY(0) scale(1)}
}
#navbar .dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px; text-transform: uppercase; font-size:.84rem;font-weight:500;color:#374151;transition:background .18s,color .18s,padding-left .18s;position:relative}
#navbar .dropdown-item i{width:28px;height:28px;border-radius:7px;background:var(--fr-green-50);color:var(--fr-green-600);display:inline-grid;place-items:center;font-size:.78rem;flex-shrink:0;transition:background .18s,color .18s}
#navbar .dropdown-item:hover{background:var(--fr-green-50);color:var(--fr-green-700);padding-left:18px}
#navbar .dropdown-item:hover i{background:var(--fr-green-600);color:#fff}
#navbar .dropdown-divider{border-color:#f1f5f9;margin:4px 8px}
#navbar.hero-top .dropdown-menu{background:#fff;border-top-color:var(--fr-green-500)}
/* Safety: if both hero-top + scrolled are present simultaneously, force dark mode */
#navbar.hero-top.scrolled{background:#fffffff5;backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 24px #0000001a;border-bottom-color:#16a34a26}
#navbar.hero-top.scrolled .nav-link{color:#475569}
#navbar.hero-top.scrolled .nav-link:hover{background:var(--fr-green-50);color:var(--fr-green-700)}
#navbar.hero-top.scrolled .nav-link.active{background:var(--fr-green-100);color:var(--fr-green-700)!important}
#navbar.hero-top.scrolled .custom-logo-link img,#navbar.hero-top.scrolled .navbar-logo{filter:none}
#navbar.hero-top.scrolled .cart-btn{background:var(--fr-green-700);color:#fff;box-shadow:0 2px 8px #15803d4d}
#navbar.hero-top.scrolled .navbar-toggler{border-color:rgba(0,0,0,.2)}
#navbar.hero-top.scrolled .navbar-toggler-icon{filter:none}
.hero{height:100vh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 5vw 32px;position:relative;overflow:hidden}
.page-hero{padding:140px 0 72px;background:linear-gradient(135deg,#0b3a18 0%,#14532d 60%,#0f3320 100%);position:relative;text-align:center;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><circle cx="30" cy="30" r="1.5" fill="#ffffff0f"/></svg>') repeat;pointer-events:none}
.page-hero-tag{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid #fff3;color:var(--fr-green-300);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 18px;border-radius:99px;margin-bottom:20px}
.page-hero h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.18;margin:0 auto 20px}
.page-hero p{font-size:clamp(.9rem,1.5vw,1.1rem);color:#ffffffc7;max-width:640px;margin:0 auto 32px;line-height:1.75}
.page-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:#ffffff80;margin-top:12px}
.page-breadcrumb a{color:var(--fr-green-400);text-decoration:none}
.page-breadcrumb a:hover{color:var(--fr-green-300)}
.page-breadcrumb span{color:#fff6}
.content-section{padding:80px 0}
.content-section + .content-section{padding-top:0}
.text-green{color:var(--fr-green-600)}
.highlight-card{background:var(--fr-green-50);border-left:4px solid var(--fr-green-500);border-radius:0 12px 12px 0;padding:20px 24px}
.step-item{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #f1f5f9}
.step-item:last-child{border-bottom:none}
.step-num{width:40px;height:40px;border-radius:50%;background:var(--fr-green-600);color:#fff;font-weight:800;font-size:.9rem;display:grid;place-items:center;flex-shrink:0}
.value-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;height:100%;transition:box-shadow .25s,transform .25s}
.value-card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-3px)}
.value-card .icon-wrap{width:52px;height:52px;border-radius:14px;background:var(--fr-green-100);color:var(--fr-green-700);font-size:1.25rem;display:grid;place-items:center;margin-bottom:16px}
.cert-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:32px 24px;text-align:center;height:100%;transition:box-shadow .25s,transform .25s,border-color .25s}
.cert-card:hover{border-color:var(--fr-green-300);box-shadow:0 8px 32px #16a34a1a;transform:translateY(-4px)}
.cert-card img{height:72px;object-fit:contain;margin-bottom:16px}
.cert-card h5{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:8px}
.cert-card p{font-size:.85rem;color:#64748b;margin:0}
.policy-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;margin-bottom:20px}
.policy-section h4{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.policy-section h4 i{color:var(--fr-green-600);font-size:.9rem}
.cta-band{background:linear-gradient(135deg,#0b3a18 0%,#14532d 100%);padding:72px 0;text-align:center}
.cta-band h2{color:#fff;font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:12px}
.cta-band p{color:#ffffffbf;margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}
.btn-cta-primary{background:var(--fr-green-500);color:#000;padding:14px 17px;border-radius:99px;border:1.5px solid transparent;font-weight:700;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s}
.btn-cta-primary:hover{background:var(--fr-green-400);color:#000;transform:translateY(-2px)}

.btn-cta-outline{background:transparent;color:var(--fr-green-700);border:1.5px solid var(--fr-green-600);padding:14px 17px;border-radius:99px;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,transform .2s}
.btn-cta-outline:hover{background:var(--fr-green-600);color:#fff;transform:translateY(-2px)}
.form-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;box-shadow:0 8px 32px #0000000f}
.form-wrapper iframe{width:100%;border:none;border-radius:10px;display:block}
.terms-section{counter-reset:terms-counter}
.terms-article{border-bottom:1px solid #f1f5f9;padding:28px 0}
.terms-article:last-child{border-bottom:none}
.terms-article h4{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:10px}
.tag-pill{display:inline-flex;align-items:center;gap:6px;background:var(--fr-green-100);color:var(--fr-green-700);font-size:.78rem;font-weight:600;letter-spacing:.3px;padding:4px 12px;border-radius:99px;margin:4px 4px 4px 0}
.hero-bg{position:absolute;inset:0;background:url(images/hero_banner.jpg) center/cover no-repeat;background-color:#0b3a18}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#031208b8 0%,#03120873 45%,#031208c7 100%)}
.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px!important;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid #ffffff38;color:#ffffffeb;font-size:clamp(.68rem,1.2vw,.78rem);font-weight:600;letter-spacing:.5px;padding:6px 16px;border-radius:99px;backdrop-filter:blur(10px);margin-bottom:clamp(14px,2.5vh,26px)}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--fr-green-400);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(1.4)}
}
.hero h1{font-size:clamp(1.9rem,5.5vw,5rem);font-weight:600;line-height:1.1;margin-bottom:clamp(12px,2vh,24px)}
.hero h1 .line1{display:block;color:#ffffffed}
.hero h1 .line2{display:block;color:var(--fr-green-400)}
.woocommerce-cart-form a{color:#0F172A !important}
:root .checkout-button, #place_order{background:var(--fr-green-500) !important}
.hero-desc{font-size:clamp(.875rem,1.5vw,1rem);color:#ffff;max-width:700px;margin-bottom:clamp(20px,3.5vh,36px);line-height:1.78}
.btn-hero-primary{background:var(--fr-green-500);color:#000;padding:14px 34px;font-size:.95rem;font-weight:700;box-shadow:0 6px 28px #22c55e80;border-radius:99px;border:1.5px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:9px;text-decoration:none;transition:all .25s}
.btn-hero-primary:hover{background:var(--fr-green-600);color:#000;transform:translateY(-2px);box-shadow:0 12px 36px #22c55e99}
.btn-hero-ghost{background:#ffffff1a;border:1.5px solid #ffffff52;color:#fff;padding:14px 34px;font-size:.95rem;font-weight:600;backdrop-filter:blur(8px);border-radius:99px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;text-decoration:none;transition:all .25s}
.btn-hero-ghost:hover{background:#fff3;border-color:#ffffffa6;color:#fff;transform:translateY(-2px)}
.hero-stats-bar{position:relative;z-index:1;width:100%;max-width:800px;display:flex;background:#ffffff12;border:1px solid #ffffff21;border-radius:20px;backdrop-filter:blur(14px);overflow:hidden;margin-top:clamp(28px,4vh,52px)}
.hero-stat{flex:1;padding:clamp(14px,2.5vh,24px) 16px;text-align:center;position:relative}
.hero-stat + .hero-stat::before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#ffffff24}
.hero-stat-num{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:900;color:#fff;line-height:1;margin-bottom:6px}
.hero-stat-num .accent{color:var(--fr-green-400)}
.hero-stat-label{font-size:.7rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.9px;font-weight:600}
.catalogue-group{margin-bottom:40px}
.catalogue-group-header{background:var(--fr-green-700);color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;border-radius:10px 10px 0 0}
.catalogue-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;overflow:hidden}
.catalogue-table thead tr{background:var(--fr-green-50);border-bottom:2px solid var(--fr-green-200)}
.catalogue-table th{padding:12px 16px;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--fr-green-800);white-space:nowrap}
.catalogue-table td{padding:11px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}
.catalogue-table tbody tr:last-child td{border-bottom:none}
.catalogue-table tbody tr:hover{background:var(--fr-green-50)}
.catalogue-table td.sku{font-family:'Courier New',monospace;font-size:.78rem;color:var(--fr-green-700);font-weight:600;white-space:nowrap}
.shelf-badge{display:inline-block;background:var(--fr-green-100);color:var(--fr-green-800);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap}
.shelf-badge-high{background:#dcfce7;color:#166534}
.shelf-badge-low{background:#fef9c3;color:#854d0e}
.marquee-bar{background:var(--fr-green-700);padding:14px 0;overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marqueeScroll 32s linear infinite}
.marquee-bar:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:inline-flex;align-items:center;gap:9px;padding:0 28px;font-size:.78rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}
.marquee-item .m-dot{width:5px;height:5px;border-radius:50%;background:var(--fr-green-300);flex-shrink:0;display:none}
@keyframes marqueeScroll {
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.video-showcase{position:relative;width:100%;background:#000;line-height:0;overflow:hidden}
.showcase-video{width:100%;max-height:680px;object-fit:cover;display:block}
.showcase-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}
.sv-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:background .3s,transform .3s}
.sv-dot.active{background:#fff;transform:scale(1.3)}
.cat-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:28px 18px;text-align:center;cursor:pointer;text-decoration:none;transition:all .25s;height:100%}
.cat-card:hover,.cat-card.active{border-color:var(--fr-green-400);background:var(--fr-green-50);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}
.cat-emoji{font-size:2.4rem;line-height:1}
.cat-name{font-size:.88rem;font-weight:700;color:#334155}
.cat-count{font-size:.75rem;color:#94a3b8}
.search-wrap{position:relative}
.search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem}
.search-input{padding-left:38px!important;border-radius:99px!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important}
.search-input:focus{border-color:var(--fr-green-400)!important;background:#fff!important;box-shadow:0 0 0 3px #22c55e1f!important}
.filter-tab{padding:7px 18px;border-radius:99px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}
.filter-tab:hover,.filter-tab.active{background:var(--fr-green-600);border-color:var(--fr-green-600);color:#fff}
.product-card{border:1.5px solid #f1f5f9;border-radius:20px;overflow:hidden;transition:all .3s;background:#fff;height:100%}
.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #0000001c;border-color:#e2e8f0}
.product-img-wrap{position:relative;height:210px;background:var(--fr-green-50);overflow:hidden}
.product-img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.product-card:hover .product-img-wrap img{transform:scale(1.06)}
.product-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px}
.p-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.p-badge-organic{background:var(--fr-green-600);color:#fff}
.p-badge-sale{background:var(--fr-red);color:#fff}
.p-badge-new{background:var(--fr-amber);color:#fff}
.product-wishlist{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:grid;place-items:center;font-size:.88rem;color:#94a3b8;transition:all .2s;backdrop-filter:blur(8px)}
.product-wishlist:hover{color:var(--fr-red);background:#fff}
.product-cat{font-size:.7rem;font-weight:600;color:var(--fr-green-600);text-transform:uppercase;letter-spacing:.5px}
.product-name{font-size:.95rem;font-weight:700;color:#1e293b;line-height:1.35}
.product-weight{font-size:.78rem;color:#94a3b8}
.product-stars{color:#fbbf24;font-size:.78rem}
.product-price{font-size:1.1rem;font-weight:800;color:#0f172a}
.product-price .currency{font-size:.78rem;font-weight:600;color:var(--fr-green-600)}
.product-price .old-price{font-size:.78rem;color:#94a3b8;text-decoration:line-through;font-weight:400}
.btn-add-cart{background:var(--fr-green-600);color:#fff;border:none;cursor:pointer;padding:8px 16px;border-radius:99px;font-size:.78rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:all .2s}
.btn-add-cart:hover{background:var(--fr-green-700);transform:scale(1.04)}
.form-control{border:1.5px solid #e2e8f0;border-radius:10px;padding:11px 14px;font-size:.875rem;background:#f8fafc;color:#334155;transition:border .2s,box-shadow .2s}
.form-control:focus{border-color:var(--fr-green-400);background:#fff;color:#334155;box-shadow:0 0 0 3px #22c55e1f}
.form-label-custom{display:block;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:7px;text-transform:uppercase;letter-spacing:.4px}
.delivery-feature{display:flex;align-items:flex-start;gap:14px;background:#fff;padding:18px;border-radius:14px;border:1.5px solid #f1f5f9;transition:border-color .2s}
.delivery-feature:hover{border-color:var(--fr-green-200)}
.delivery-feature p{font-size:.85rem;margin-bottom:0}
.delivery-feature-icon{width:46px;height:46px;border-radius:12px;background:var(--fr-green-100);color:var(--fr-green-600);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}
.delivery-form-wrap{background:#fff;border-radius:20px;padding:36px;box-shadow:0 8px 32px #00000017;border:1.5px solid #f1f5f9}
.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.time-slot{padding:9px 8px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;text-align:center;font-size:.76rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}
.time-slot:hover,.time-slot.selected{background:var(--fr-green-600);border-color:var(--fr-green-600);color:#fff}
.time-slot.unavailable{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed;border-color:#f1f5f9}
.steps-wrapper{position:relative}
.steps-connector{position:absolute;top:36px;left:18%;right:18%;height:2px;background:linear-gradient(90deg,var(--fr-green-200),var(--fr-green-400),var(--fr-green-200))}
.step-card{background:rgba(255,255,255,.1);border-radius:20px;padding:32px 22px;text-align:center;border:1.5px solid rgba(255,255,255,.2);transition:all .25s;position:relative;z-index:1;color:#fff}.step-card .fw-bold{color:#fff}.step-card .text-muted{color:rgba(255,255,255,.65)!important}
.step-card:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);transform:translateY(-4px);box-shadow:0 8px 24px #00000040}
.step-card .stxt{color:#374151}
.step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--fr-green-500),var(--fr-green-700));color:#fff;font-size:1.2rem;font-weight:800;display:grid;place-items:center;margin:0 auto 16px;box-shadow:0 6px 16px #22c55e59}
.quality-section{background:linear-gradient(135deg,#166534 0%,#14532d 100%);color:#fff}
.quality-section .section-tag{background:#ffffff24;color:#fff}
.quality-section .section-title{color:#fff}
.quality-point{display:flex;align-items:flex-start;gap:12px}
.quality-point-icon{width:34px;height:34px;border-radius:9px;background:#ffffff1c;color:var(--fr-green-300);display:grid;place-items:center;font-size:.95rem;flex-shrink:0}
.quality-point-text{font-size:.88rem;color:#ffffffd1;line-height:1.65}
.quality-point-text strong{color:#fff}
.quality-img{border-radius:20px;box-shadow:0 20px 60px #00000040;width:100%}
.quality-overlay-card{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:16px 20px;box-shadow:0 8px 32px #00000029;color:#1e293b}
.quality-overlay-stat{font-size:1.8rem;font-weight:800;color:var(--fr-green-600);line-height:1}
.quality-overlay-label{font-size:.75rem;color:#64748b;margin-top:4px}
.payment-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:28px 22px;text-align:center;transition:all .25s;height:100%}
.payment-card:hover{border-color:var(--fr-green-400);transform:translateY(-4px);box-shadow:0 8px 24px #00000017}
.payment-icon{font-size:2.3rem;margin-bottom:12px}
.payment-name{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:8px}
.payment-desc{font-size:.82rem;color:#64748b;line-height:1.6}
.accordion-item{background:#f8fafc;border:1.5px solid #f1f5f9!important;border-radius:12px!important;overflow:hidden}
.accordion-button{background:#f8fafc;font-size:.9rem;font-weight:600;color:#1e293b}
.accordion-button:not(.collapsed){color:var(--fr-green-700);background-color:var(--fr-green-50);box-shadow:none}
.accordion-button:focus{border-color:var(--fr-green-300);box-shadow:0 0 0 3px #22c55e1f}
.accordion-body{font-size:.875rem;color:#64748b;line-height:1.7}
.testimonial-card{background:#fff;border-radius:20px;padding:26px;border:1.5px solid #f1f5f9;transition:all .25s;height:100%}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000017}
.t-stars{color:#fbbf24;font-size:.88rem;margin-bottom:12px}
.t-text{font-size:.88rem;color:#475569;line-height:1.75;font-style:italic}
.author-avatar{width:42px;height:42px;border-radius:50%;background:var(--fr-green-200);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}
.author-name{font-size:.85rem;font-weight:700;color:#1e293b}
.author-loc{font-size:.72rem;color:#94a3b8}
.newsletter-section{background:linear-gradient(135deg,var(--fr-green-600),var(--fr-green-800));color:#fff;padding:80px 0;text-align:center}
.newsletter-section h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;margin-bottom:12px}
.newsletter-section p{opacity:.82;max-width:800px;margin:0 auto 32px}
.newsletter-input{flex:1;min-width:220px;padding:13px 20px;border-radius:99px;border:none;font-size:.9rem;outline:none;font-family:inherit}
.btn-newsletter{background:#fff;color:var(--fr-green-700);padding:13px 28px;border-radius:99px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .25s}
.btn-newsletter:hover{background:var(--fr-green-50);transform:translateY(-1px)}
.cart-item-img{width:62px;height:62px;border-radius:10px;object-fit:cover;background:var(--fr-green-50);flex-shrink:0}
.qty-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#475569;transition:all .2s}
.qty-btn:hover{background:var(--fr-green-600);border-color:var(--fr-green-600);color:#fff}
#cartOffcanvas .qty-btn:hover{background:var(--fr-green-600)!important;border-color:var(--fr-green-600)!important;color:#fff}
.btn-checkout{width:100%;padding:14px;background:linear-gradient(135deg,var(--fr-green-500),var(--fr-green-700));color:#fff;border:none;border-radius:99px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s}
.btn-checkout:hover{transform:translateY(-1px);box-shadow:0 8px 24px #22c55e66}
.modal-logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--fr-green-500),var(--fr-green-700));border-radius:14px;display:grid;place-items:center;font-size:1.5rem;color:#fff;margin:0 auto 10px}
.auth-tabs{display:flex;background:#f1f5f9;border-radius:99px;padding:4px}
.auth-tab{flex:1;text-align:center;padding:8px;border-radius:99px;cursor:pointer;font-size:.84rem;font-weight:600;color:#64748b;transition:all .2s;border:none;background:transparent}
.auth-tab.active{background:#fff;color:var(--fr-green-700);box-shadow:0 1px 4px #00000014}
.site-footer{background:#0f172a;color:#ffffffa6;padding:72px 0 0}
.footer-brand-text{color:#fff;font-weight:800;font-size:1.05rem}
.footer-brand-text span{color:var(--fr-green-400)}
.footer-desc{font-size:.875rem;line-height:1.75;max-width:450px;margin-top:12px}
.footer-logo{height:52px!important;width:auto;filter:brightness(0) invert(1);opacity:.9}
.core-focus-parallax{position:relative;background-image:url('images/fresh_vegetables_bg.jpg');background-attachment:fixed;background-size:cover;background-position:center}.core-focus-parallax::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.72);z-index:0}.core-focus-parallax>.container{position:relative;z-index:1}
.social-link{width:36px;height:36px;border-radius:9px;background:#ffffff12;color:#ffffffa6;display:grid;place-items:center;text-decoration:none;font-size:.88rem;transition:all .2s}
.social-link:hover{background:var(--fr-green-600);color:#fff}
.footer-col h5{color:#fff;font-size:.88rem;font-weight:700;margin-bottom:16px}
.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px}
.footer-links a{color:#ffffff8c;text-decoration:none;font-size:.84rem;transition:color .2s}
.footer-links a:hover{color:var(--fr-green-400)}
.footer-bottom{border-top:1px solid #ffffff12;padding:22px 0;text-align:center;font-size:.78rem;color:#ffffff59}
.footer-bottom a{color:#ffffff59;text-decoration:none}
.footer-bottom a:hover{color:var(--fr-green-400)}
.footer-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:28px 0;border-top:1px solid #ffffff12}
.footer-logos img{height:52px;width:auto;object-fit:contain;filter:grayscale(100%) invert(1);opacity:.55;transition:opacity .2s}
.footer-logos img:hover{opacity:1}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.quality-cert-card{background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;padding:32px 24px;text-align:center;color:#fff;height:100%}
.quality-cert-card h5{color:#fff;font-weight:700;margin:16px 0 12px}
.quality-cert-card p{color:#ffffffbf;font-size:.85rem;line-height:1.7;margin:0}
.cert-icon{width:60px;height:60px;border-radius:50%;background:#ffffff26;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:4px}
.cert-icon-img{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.cert-icon-img img {height:52px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}
.wa-float{position:fixed;bottom:28px;left:28px;z-index:9999;width:58px;height:58px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 6px 24px #25d36673;text-decoration:none;transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.1);box-shadow:0 10px 32px #25d36699;color:#fff}
.wa-float::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:#25d36666;animation:wa-pulse 2s ease-out infinite}
@keyframes wa-pulse {
0%{transform:scale(1);opacity:.8}
70%{transform:scale(1.55);opacity:0}
100%{transform:scale(1.55);opacity:0}
}

/* Hover dropdowns on desktop */
@media (min-width:992px){
  #navbar .dropdown:hover>.dropdown-menu{display:block}
  #navbar .dropdown>.dropdown-toggle{pointer-events:auto}
  #navbar .nav-item.dropdown{padding-bottom:12px;margin-bottom:-12px}
}

/* Hero video background */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#031208b8 0%,#03120873 45%,#031208c7 100%);z-index:1}

/* Core focus product image cards - Swiper */
.pf-swiper{width:100%;padding-bottom:8px}
.pf-swiper .product-focus-card{width:100%}
.pf-swiper-prev,.pf-swiper-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s}
.pf-swiper-prev:hover,.pf-swiper-next:hover{background:var(--fr-green-600);border-color:var(--fr-green-600)}
.pf-swiper-prev{left:-6px}
.pf-swiper-next{right:-6px}
.product-focus-card{position:relative;border-radius:16px;overflow:hidden;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px;background:#14532d;cursor:default;flex-shrink:0}
.product-focus-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.product-focus-card:hover img{transform:scale(1.07)}
.product-focus-card .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#00000099 0%,#00000022 60%,transparent 100%)}
.product-focus-card .card-label{position:relative;z-index:1;color:#fff;font-weight:700;font-size:.88rem;text-align:center}
.product-focus-card .card-sub{position:relative;z-index:1;color:#ffffffc0;font-size:.72rem;text-align:center;margin-top:3px}

/* Quality section parallax */
.quality-section{background-image:url('images/safety_standard_bg.jpg');background-attachment:fixed;background-size:cover;background-position:center}
.quality-section::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#0b3a18ee 0%,#14532dee 100%);z-index:0;pointer-events:none}
.quality-section .container{position:relative;z-index:1}
.quality-section{position:relative}

/* ---- Product Detail Pages ---- */
.prod-hero{min-height:420px;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;position:relative}
.prod-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,18,8,.62) 0%,rgba(3,18,8,.72) 100%);z-index:0}
.prod-hero .container{position:relative;z-index:1}
.prod-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:#fff;margin:0}
.prod-hero p{color:rgba(255,255,255,.8);max-width:540px}
.prod-section-title{font-size:1.35rem;font-weight:800;color:#111827;border-left:4px solid var(--fr-green-500);padding-left:14px;margin-bottom:1.2rem}
.nutrition-placeholder{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,var(--fr-green-50),var(--fr-green-100));border-radius:12px;border:2px dashed var(--fr-green-300);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--fr-green-600);font-size:.85rem;text-align:center;gap:8px}
.prod-sidebar{position:sticky;top:90px; height:auto;}
.prod-faq .accordion-button{font-weight:600;font-size:.95rem;background:var(--fr-green-50);color:#111827;border-radius:10px!important}
.prod-faq .accordion-button:not(.collapsed){background:var(--fr-green-100);color:var(--fr-green-800);box-shadow:none}
.prod-faq .accordion-item{border:1.5px solid var(--fr-green-100);border-radius:10px!important;overflow:hidden;margin-bottom:.6rem}
.prod-usage-card{background:var(--fr-green-50);border-radius:12px;padding:16px 20px;border-left:4px solid var(--fr-green-400)}
.text-green{color:var(--fr-green-600)}
/* ---- Product Detail Page v2 Layout ---- */
.prod-intro-section{padding:130px 0 80px;background:#fff}
.prod-intro-name{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--fr-green-800);line-height:1.1;letter-spacing:-.02em}
.prod-intro-img{width:100%;}
.prod-nutri-band{background:var(--fr-green-900);padding:80px 0;position:relative;overflow:hidden}
.prod-nutri-band::before{content:'';position:absolute;top:-80px;right:-80px;width:340px;height:340px;background:var(--fr-green-800);border-radius:50%;opacity:.5}
.prod-nutri-band::after{content:'';position:absolute;bottom:-100px;left:-60px;width:280px;height:280px;background:var(--fr-green-800);border-radius:50%;opacity:.4}
.prod-nutri-band .container{position:relative;z-index:1}
.prod-nutri-tag{color:var(--fr-green-400);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;margin-bottom:.5rem}
.prod-nutri-headline{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:var(--fr-green-300);line-height:1.05;text-transform:uppercase;letter-spacing:-.01em}
.prod-nutri-list{list-style:none;padding:0;margin-top:1.5rem}
.prod-nutri-list li{padding:.5rem 0;color:rgba(255,255,255,.85);font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}
.prod-nutri-list li:last-child{border-bottom:none}
.prod-nutri-list li i{color:var(--fr-green-400);flex-shrink:0;font-size:.8rem}
.prod-nutri-label{max-width:260px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.35)}
.prod-grow-section{padding:80px 0;background:var(--fr-green-50)}
.prod-grow-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#111827;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}
.prod-grow-img{border-radius:18px;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:0 16px 48px rgba(0,0,0,.1)}
/* ── Shop Page ──────────────────────────────────────────────── */
.order-type-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:36px 30px;text-align:center;cursor:pointer;transition:all .25s}
.order-type-card:hover,.order-type-card.active{border-color:var(--fr-green-500);box-shadow:0 8px 30px rgba(34,134,80,.12)}
.order-type-card .icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--fr-green-100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--fr-green-600);margin:0 auto 16px}
.shop-sidebar{position:sticky;top:90px;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:22px}
.sidebar-section-title{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px}
.sidebar-cat-block{border-bottom:1px solid #f1f5f9}
.sidebar-cat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;cursor:pointer;user-select:none}
.sidebar-cat-label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:#1a2332;cursor:pointer;flex:1}
.sidebar-cat-label input[type=checkbox]{accent-color:var(--fr-green-600);width:15px;height:15px;cursor:pointer;flex-shrink:0}
.sidebar-chevron{font-size:.65rem;color:#94a3b8;transition:transform .2s}
.sidebar-chevron.collapsed{transform:rotate(-90deg)}
.sidebar-children{padding:2px 0 10px 24px;display:flex;flex-direction:column;gap:2px}
.sidebar-child-label{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#475569;padding:3px 0;cursor:pointer}
.sidebar-child-label input[type=checkbox]{accent-color:var(--fr-green-600);width:14px;height:14px;cursor:pointer;flex-shrink:0}
.sidebar-child-count{margin-left:auto;font-size:.68rem;color:#94a3b8}
.sidebar-search-wrap{position:relative;margin-bottom:20px}
.sidebar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem;pointer-events:none}
.sidebar-search-input{width:100%;border:1.5px solid #e2e8f0;border-radius:10px;padding:9px 14px 9px 36px;font-size:.82rem;font-family:inherit;outline:none;transition:border-color .2s}
.sidebar-search-input:focus{border-color:var(--fr-green-400)}
.shop-search-wrap{position:relative;margin-bottom:20px}
.shop-search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem;pointer-events:none}
.shop-search-input{width:100%;border:1.5px solid #e2e8f0;border-radius:10px;padding:9px 14px 9px 36px;font-size:.82rem;font-family:inherit;outline:none;transition:border-color .2s}
.shop-search-input:focus{border-color:var(--fr-green-400)}
.shop-filter-head{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--fr-green-800);padding:12px 0 8px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}
.shop-filter-head:first-of-type{border-top:none;padding-top:0}
.shop-filter-list{list-style:none;padding:0 0 4px;margin:0}
.shop-filter-list li label{font-size:.8rem;color:#475569;cursor:pointer;display:flex;align-items:center;gap:8px;padding:3px 0}
.shop-filter-list input[type=checkbox]{accent-color:var(--fr-green-600);width:14px;height:14px;cursor:pointer}
.shop-results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.shop-results-count{font-size:.8rem;color:#64748b;font-weight:600}
.shop-product-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:box-shadow .22s,transform .22s;position:relative;height:100%}
.shop-product-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-3px)}
.shop-product-card img{width:100%;height:160px;object-fit:contain;background:#f8faf9;padding:12px;display:block}
.shop-order-badge{position:absolute;top:10px;left:10px;background:var(--fr-green-700);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.1em;padding:3px 9px;border-radius:4px;text-transform:uppercase}
.shop-card-body{padding:14px 16px 16px}
.shop-card-cat{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--fr-green-100);color:var(--fr-green-700);display:inline-block;margin-bottom:7px}
.shop-card-name{font-weight:700;font-size:.88rem;color:#0f172a;margin:0 0 3px;}
.shop-card-avail{font-size:.7rem;color:var(--fr-green-600);margin-bottom:10px}
.shop-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}
.shop-price{font-weight:800;font-size:.92rem;color:#0f172a}
.shop-price-unit{font-size:.72rem;color:#64748b}
.shop-qty-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}
.shop-qty-btn{width:26px;height:26px;border-radius:6px;background:var(--fr-green-100);border:none;font-size:.9rem;font-weight:700;color:var(--fr-green-700);cursor:pointer;display:grid;place-items:center;line-height:1;transition:background .2s}
.shop-qty-btn:hover{background:var(--fr-green-200)}
.shop-qty-input{width:46px;border:1.5px solid #e2e8f0;border-radius:7px;padding:4px 6px;font-size:.82rem;font-family:inherit;text-align:center}
.shop-qty-unit{font-size:.75rem;color:#64748b}
.shop-est-total{font-size:.72rem;color:#475569;margin-bottom:12px}
.btn-shop-add{width:100%;background:var(--fr-green-600);color:#fff;border:none;border-radius:8px;padding:9px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s;font-family:inherit}
.btn-shop-add:hover{background:var(--fr-green-700)}
.btn-shop-add.added{background:var(--fr-green-800)}
.login-btn {display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:transparent;border:1.5px solid var(--fr-green-600);color:var(--fr-green-700);font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap; text-decoration: none;}
.login-btn span {position:relative; width:49px; overflow:hidden;}
.login-btn:hover{background:var(--fr-green-600);color:#fff}

.hero-top .login-btn{border:1.5px solid #fff; color:#fff;}
.hero-top .login-btn:hover{background:#fff; color:var(--fr-green-700);}

.cart-item-row{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #f1f5f9;padding:12px 0}
.cart-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.cart-item-img{width:54px;height:54px;object-fit:contain;background:#f8faf9;border-radius:8px;flex-shrink:0;padding:4px}
.cart-item-name{font-size:.82rem;font-weight:600;line-height:1.3}
.cart-item-detail{font-size:.72rem;color:#64748b}
.cart-item-price{font-size:.8rem;color:var(--fr-green-700);font-weight:700}
.cart-item-price-total{font-size:.95rem;font-weight:700;color:#0f172a;white-space:nowrap}
.cart-item-remove{background:none;border:none;color:#cbd5e1;font-size:.8rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}
.cart-item-remove:hover{color:#ef4444}
.cart-footer-total{font-size:1rem;font-weight:700;display:flex;justify-content:space-between;padding:14px 0 10px;border-top:2px solid #f1f5f9}
.cart-drawer-actions{display:flex;gap:10px}
.btn-view-cart,.cart-drawer-actions .btn-checkout{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-view-cart{background:#fff;color:var(--fr-green-700);border:1.5px solid var(--fr-green-600);border-radius:10px;padding:13px;font-size:.9rem;font-weight:700;text-align:center;text-decoration:none;transition:all .2s}
.btn-view-cart:hover{background:var(--fr-green-50);color:var(--fr-green-800)}
.btn-checkout{display:block;width:100%;background:var(--fr-green-600);color:#fff;border:none;border-radius:10px;padding:13px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s;text-align:center;text-decoration:none}
.btn-checkout:hover{background:var(--fr-green-700);color:#fff}
@media (max-width: 479px){.cart-drawer-actions{flex-direction:column}}
.cart-empty-msg{text-align:center;color:#94a3b8;font-size:.88rem;padding:50px 0}
.woo-single-shell{padding:130px 0 72px}
.woo-single-gallery{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:20px;position:sticky;top:100px}
.woo-single-main-image{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f8faf9;border-radius:18px;padding:14px;display:block}
.woo-single-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;margin-top:14px}
.woo-single-thumbs img{width:100%;height:72px;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:4px}
.woo-single-summary{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:26px 28px}
.woo-single-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.05;color:#0f172a;margin:0 0 14px}
.woo-single-price{display:flex;align-items:baseline;gap:8px;margin:18px 0 12px}
.woo-single-price strong{font-size:1.6rem;font-weight:900;color:#0f172a}
.woo-single-price span{font-size:.9rem;color:#64748b}
.woo-single-desc{font-size:.98rem;line-height:1.9;color:#475569}
.woo-single-desc ul{list-style:none;padding-left:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
.woo-single-desc li{position:relative;padding-left:22px;line-height:1.55}
.woo-single-desc li::before{content:'';position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:999px;background:var(--fr-green-100);border:2px solid var(--fr-green-600)}
.woo-single-meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.woo-single-meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px}
.woo-single-meta-item strong{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:4px}
.woo-single-meta-item span{display:block;font-size:.92rem;color:#0f172a;font-weight:700}
.woo-single-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}
.woo-single-actions .shop-qty-row{margin:0}
.woo-single-actions .btn-shop-add{width:auto;min-width:180px;padding-inline:24px}
.woo-single-related{margin-top:48px}

/* Single product demo tweaks (no inline styles) */
.woo-single-summary .shop-order-badge{position:static;top:auto;left:auto;display:inline-block}

.woo-single-thumbs .nf-thumb{padding:0;border:0;background:transparent}
.woo-single-thumbs .nf-thumb.active img{border-color:var(--fr-green-500)}
.woo-single-thumbs .nf-thumb:focus-visible{outline:2px solid var(--fr-green-400);outline-offset:2px;border-radius:12px}

.woo-prod-tabs .nav-pills .nav-link{border:1px solid #e2e8f0;background:#fff;color:#334155;font-weight:700;border-radius:999px}
.woo-prod-tabs .nav-pills .nav-link.active{border-color:var(--fr-green-500);background:var(--fr-green-100);color:var(--fr-green-800)}
.woo-shop-page main{padding:72px 0}
.woo-shop-page .woocommerce-notices-wrapper,.woo-shop-page .woocommerce-breadcrumb{margin-bottom:20px}
.woo-shop-page .woocommerce-result-count,.woo-shop-page .woocommerce-ordering{margin-bottom:20px}
.blog-related-link{color:#0f172a;text-decoration:none;font-weight:700;line-height:1.5}
.blog-related-link:hover{color:var(--fr-green-700)}
@media (max-width: 991px){
  .woo-single-shell{padding:52px 0}
  .woo-single-gallery{position:static}
  .woo-single-meta-list{grid-template-columns:1fr}
}

.product_box {position:relative; overflow: hidden; border-radius:12px;margin-bottom:20px}
.product_box img {width:100%;height:320px;object-fit:cover;}

.product_box2 {position:relative; overflow: hidden; border-radius:12px;margin-bottom:20px}
.product_box2 img {width:100%;height:150px;object-fit:cover;}
#navbar a {text-transform: uppercase!important;}

.job-area-card {background: #fff;border: 1.5px solid #e2e8f0; border-radius: 16px; padding: 28px; transition: all .25s;}
.job-area-card:hover {border-color: var(--fr-green-500); box-shadow: 0 8px 28px rgba(34,134,80,.1); transform: translateY(-3px);}
.job-area-card .icon {font-size: 2rem; color: var(--fr-green-600); margin-bottom: 14px;}


.stat-box .big-num {font-size: 2.4rem !important; font-weight: 900; color: var(--fr-green-600); line-height: 1;}
.stat-box .label {font-size: .8rem; color: #64748b; margin-top: 6px;}


.btn-cta-ghost{background: transparent; color: var(--fr-green-700);
  border: 1.5px solid var(--fr-green-600); padding: 14px 21px;
  border-radius: 99px; font-weight: 600; font-size: .95rem; text-decoration: none;
  display: inline-flex; align-items: center; gap: 8px; transition: background .2s,transform .2s;}


.cta-band .btn-cta-ghost{background:#ffffff1a;color:#fff;border:1.5px solid #ffffff4d;padding:14px 32px;border-radius:99px;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s}
.cta-band .btn-cta-ghost:hover{background:#ffffff2e;color:#fff;transform:translateY(-2px)}

.Investment_Overview_section {position: relative;}


.rc-read-more {display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; font-weight: 700; color: var(--fr-green-600); text-decoration: none; margin-top: 12px; transition: gap .2s;}
.rc-read-more:hover {gap: 10px; color: var(--fr-green-700);}

.page-hero .btn-cta-ghost {color: #fff; background: #ffffff2e; border: 1.5px solid #ffffff4d;}

.btn-cta-ghost2{background: transparent; color: var(--fr-green-700);
  border: 1.5px solid var(--fr-green-600);padding:14px 32px;border-radius:99px;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s}
.btn-cta-ghost2:hover{background:var(--fr-green-600);color:#fff;transform:translateY(-2px)}

.product_item_card .text-muted {display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden; min-height: 75px;}



.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register { border:1px solid #cfc8d8; padding:20px; margin:2em 0; text-align:left; border-radius:10px}

.woocommerce form.checkout_coupon .woocommerce-Input,
.woocommerce form.login .woocommerce-Input,
.woocommerce form.register .woocommerce-Input {border:1.5px solid #e2e8f0;border-radius:10px;padding:11px 14px;font-size:.875rem;background:#f8fafc;color:#334155;transition:border .2s,box-shadow .2s}
.woocommerce form.checkout_coupon .woocommerce-Input:focus,
.woocommerce form.login .woocommerce-Input:focus,
.woocommerce form.register .woocommerce-Input:focus {border-color:var(--fr-green-400);background:#fff;color:#334155;box-shadow:0 0 0 3px #22c55e1f}


.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit, .woocommerce-button {background:var(--fr-green-500);color:#000;padding:14px 17px;border-radius:99px;border:1.5px solid transparent;font-weight:700;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s}
.woocommerce-button:hover{background:var(--fr-green-400);color:#000;transform:translateY(-2px)}


.woocommerce-account .woocommerce{display:flex;gap:40px;padding:40px;background:#f8f8f8;border-radius:16px}
.woocommerce-account .woocommerce-MyAccount-navigation{width:260px;background:#fff;padding:25px;border-radius:14px;box-shadow:0 4px 20px #0000000f}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{margin-bottom:12px}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;padding:12px 16px;text-decoration:none;color:#222;font-weight:500;border-radius:10px;transition:.3s ease;background:#f5f5f5}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--bs-primary);color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{flex:1;background:#fff;padding:35px;border-radius:14px;box-shadow:0 4px 20px #0000000f}
.woocommerce-account .woocommerce-MyAccount-content p{font-size:16px;line-height:1.8;color:#444}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--bs-primary);text-decoration:none;font-weight:500}
.woocommerce-account .woocommerce-MyAccount-content a:hover{text-decoration:underline}
@media (max-width: 768px) {
.woocommerce-account .woocommerce{flex-direction:column;padding:20px}
.woocommerce-account .woocommerce-MyAccount-navigation{width:100%}
.woocommerce-account .woocommerce-MyAccount-content{width:100%}
}


.woocommerce-Addresses .woocommerce-Address {float: none; width: 100%!important;}
.woocommerce-Addresses .title .edit {float: none!important;}

@media (min-width: 1200px) {
  .woocommerce .h2, .woocommerce h2 {font-size: 1.5rem;}
}

.woocommerce-page .woocommerce-info .button {float: none!important; margin-top: 20px!important;}

#customer_login a {color: var(--fr-green-700);}
#customer_login a:hover {color: var(--fr-green-700);}

.cart-drawer-actions {display: block; gap: 10px;}
.cart-drawer-actions .btn-view-cart {margin-bottom:10px;}

#pay_btn, #complete_btn {margin: 2px;}
#pay_btn, #complete_btn{background:var(--fr-green-500);color:#000;padding:14px 17px;border-radius:99px;border:1.5px solid transparent;font-weight:700;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s; min-width: 130px; text-align: center; justify-content: center;}
#pay_btn:hover, #complete_btn:hover{background:var(--fr-green-400);color:#000;transform:translateY(-2px)}

.woocommerce ul.order_details {padding: 0;}


.pi-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:2rem 2rem 1.75rem;box-shadow:0 4px 20px #0000000d}
.pi-bank-img{border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden}
.pi-bank-img img{width:100%;display:block}
.pi-bank-details h5{font-size:.95rem;font-weight:700;color:#1a2332;margin-bottom:1rem}
.pi-steps{list-style:none;padding:0;margin:0}
.pi-steps li{display:flex;gap:.75rem;padding:.45rem 0;font-size:.9rem;color:#374151;line-height:1.55}
.pi-steps li .pi-highlight{color:var(--fr-green-700,#15803d);font-weight:700}
.pi-step-num{width:22px;height:22px;min-width:22px;background:var(--fr-green-600,#16a34a);color:#fff;border-radius:50%;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.pi-note{background:#f0fdf4;border-left:3px solid var(--fr-green-500,#22c55e);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#15803d;margin-top:1.25rem}
.pi-note i{margin-right:.35rem}
.pi-plugin-placeholder{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;padding:1.5rem 1.25rem;color:#94a3b8;font-size:.875rem;text-align:center}
.pi-confirm-section{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;padding:2rem 2rem 1.75rem;margin-top:2rem}
.pi-confirm-icon{width:40px;height:40px;min-width:40px;background:var(--fr-green-600,#16a34a);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem}
.pi-confirm-section h4{font-size:1.05rem;font-weight:700;color:#1a2332;margin:0}
.pi-confirm-desc{font-size:.9rem;color:#64748b;margin-bottom:1.5rem}
.pi-confirm-iframe-wrap{border-radius:10px;overflow:hidden;border:1.5px solid #e2e8f0;background:#fff}
.pi-confirm-iframe-wrap iframe{width:100%;border:none;display:block}

.woocommerce-table--order-details tfoot:nth-last-child(2) {display: none!important;}


.woocommerce-account .woocommerce {gap: 20px;padding: 40px 20px;}