:root{
    --fx-green:#317041;
    --fx-green-2:#3f8a50;
    --fx-green-dark:#1e4d2d;
    --fx-cream:#f8f5ec;
    --fx-cream-2:#efe9da;
    --fx-ink:#173322;
    --fx-muted:#718077;
    --fx-white:#fffdf8;
    --fx-shadow:0 24px 70px rgba(23,51,34,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fx-cream);color:var(--fx-ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}
h1,h2,h3,h4,h5,.brand-copy,.section-title,.admin-title{font-family:'Manrope',sans-serif}
a{text-decoration:none}
.page-loader{position:fixed;inset:0;background:var(--fx-green);z-index:99999;color:var(--fx-cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;transition:.6s}
.page-loader.hide{opacity:0;visibility:hidden}
.loader-fruit{font-size:45px;animation:leafSpin 1.2s ease-in-out infinite alternate}
@keyframes leafSpin{to{transform:rotate(-12deg) scale(1.12)}}

.navbar{padding:12px 0;background:rgba(23,51,34,.72);backdrop-filter:blur(16px);transition:.35s;z-index:1000}
.navbar.scrolled{background:rgba(23,51,34,.97);box-shadow:0 12px 35px rgba(0,0,0,.14)}
.brand-mark{width:54px;height:54px;background:var(--fx-green);border-radius:16px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(248,245,236,.18)}
.brand-mark img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.brand-copy{color:var(--fx-cream);font-size:21px;font-weight:800;line-height:1}
.brand-copy small{display:block;font-family:'DM Sans';font-size:7px;letter-spacing:2px;color:#dce8d7;margin-top:6px}
.nav-link{color:rgba(255,253,248,.88)!important;font-weight:600;margin:0 7px;position:relative}
.nav-link:after{content:"";position:absolute;left:15%;right:15%;bottom:2px;height:2px;background:var(--fx-cream);transform:scaleX(0);transition:.3s}
.nav-link:hover:after{transform:scaleX(1)}
.btn-frutexpress{background:var(--fx-green);border:1px solid var(--fx-green);color:#fff!important;border-radius:13px;font-weight:800;padding:11px 17px;transition:.3s;box-shadow:0 9px 25px rgba(49,112,65,.18)}
.btn-frutexpress:hover{background:var(--fx-green-dark);border-color:var(--fx-green-dark);transform:translateY(-2px);box-shadow:0 15px 35px rgba(49,112,65,.26)}
.mini-count{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--fx-cream);color:var(--fx-green);font-size:11px;margin-left:4px}

.hero{min-height:900px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(112deg,rgba(23,51,34,.98) 0%,rgba(49,112,65,.92) 52%,rgba(49,112,65,.58) 100%),url('https://images.unsplash.com/photo-1610832958506-aa56368176cf?auto=format&fit=crop&w=2200&q=90') center/cover}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(248,245,236,.14),transparent 34%)}
.hero-content{position:relative;z-index:3;color:var(--fx-cream);max-width:720px;padding-top:70px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--fx-cream);font-size:12px;font-weight:800;letter-spacing:2.5px}
.eyebrow.dark{color:var(--fx-green)}
.eyebrow.light{color:#dbe9d7}
.hero h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.94;letter-spacing:-4px;font-weight:800;margin:25px 0}
.hero h1 span,.section-title span{color:#d7e6c9}
.hero p{font-size:18px;line-height:1.75;color:rgba(248,245,236,.88);max-width:650px}
.hero-proof{display:flex;flex-wrap:wrap;gap:18px;color:#dce8d7;font-size:13px;font-weight:700}
.hero-proof i{margin-right:5px}
.hero-card{position:absolute;right:7%;top:28%;z-index:3;width:270px;border-radius:25px;overflow:hidden;background:rgba(248,245,236,.94);box-shadow:0 30px 90px rgba(0,0,0,.22);transform:rotate(4deg);animation:floatCard 4s ease-in-out infinite}
.hero-card-image{height:180px;background:url('https://images.unsplash.com/photo-1553279768-865429fa0078?auto=format&fit=crop&w=700&q=90') center/cover}
.hero-card-body{padding:17px;color:var(--fx-ink)}
.hero-card-body small{font-size:9px;font-weight:900;letter-spacing:2px;color:var(--fx-green)}
.hero-card-body h5{margin:5px 0;font-weight:800}
.hero-card-body strong{font-size:21px;color:var(--fx-green)}
.hero-card-body strong small{font-size:11px;letter-spacing:0}
@keyframes floatCard{50%{transform:translateY(-12px) rotate(2deg)}}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.18;border:1px solid rgba(248,245,236,.45)}
.orb-1{width:420px;height:420px;right:16%;bottom:-210px}
.orb-2{width:230px;height:230px;left:4%;top:12%}
.fruit-float{position:absolute;font-size:55px;z-index:2;opacity:.75;animation:floatFruit 5s ease-in-out infinite}
.fruit-a{right:38%;top:19%}.fruit-b{right:6%;bottom:18%;animation-delay:1.4s}
@keyframes floatFruit{50%{transform:translateY(-20px) rotate(7deg)}}
.hero-wave{position:absolute;bottom:-2px;left:-5%;width:110%;height:100px;background:var(--fx-cream);border-radius:50% 50% 0 0/60% 60% 0 0}

.section-space{padding:115px 0}
.section-heading{max-width:750px;margin:0 auto 60px}
.section-title{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:800;letter-spacing:-2px;line-height:1.03;color:var(--fx-ink);margin:14px 0 18px}
.section-title span{color:var(--fx-green)}
.section-text{color:var(--fx-muted);line-height:1.85;font-size:16px}

.about-visual{height:590px;position:relative}
.about-photo{position:absolute;inset:0 35px 0 0;border-radius:35px;background:linear-gradient(180deg,transparent 35%,rgba(23,51,34,.4)),url('https://images.unsplash.com/photo-1490474418585-ba9bad8fd0ea?auto=format&fit=crop&w=1200&q=90') center/cover;box-shadow:var(--fx-shadow)}
.floating-stat{position:absolute;right:0;bottom:40px;background:var(--fx-white);border:1px solid #e9e2d5;padding:22px 25px;border-radius:22px;box-shadow:var(--fx-shadow);display:flex;flex-direction:column}
.floating-stat strong{font:800 32px 'Manrope';color:var(--fx-green)}
.floating-stat span{color:var(--fx-muted);font-size:12px}
.leaf-decoration{position:absolute;left:-20px;top:30px;font-size:70px;transform:rotate(-20deg);filter:drop-shadow(0 12px 15px rgba(0,0,0,.12))}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}
.feature-grid>div{background:rgba(255,253,248,.7);border:1px solid #e7dfd0;padding:19px;border-radius:18px;display:grid;grid-template-columns:40px 1fr;column-gap:10px}
.feature-grid i{grid-row:span 2;width:40px;height:40px;border-radius:12px;background:#e4eddc;color:var(--fx-green);display:grid;place-items:center}
.feature-grid strong{font-size:14px}.feature-grid small{color:var(--fx-muted);font-size:11px;margin-top:3px}

.products-section{background:#fffdf8}
.product-card{height:100%;background:var(--fx-white);border:1px solid #e8e1d5;border-radius:26px;overflow:hidden;box-shadow:0 12px 45px rgba(23,51,34,.06);transition:.45s}
.product-card:hover{transform:translateY(-10px);box-shadow:0 25px 65px rgba(23,51,34,.13)}
.product-image{height:245px;position:relative;overflow:hidden;background:#e8eee4}
.product-image img{width:100%;height:100%;object-fit:cover;transition:.7s}
.product-card:hover .product-image img{transform:scale(1.09)}
.image-placeholder{height:100%;display:grid;place-items:center;font-size:80px}
.product-badge{position:absolute;left:15px;top:15px;background:var(--fx-cream);color:var(--fx-green);padding:7px 11px;border-radius:50px;font-size:9px;font-weight:900;letter-spacing:1px}
.product-emoji{position:absolute;right:15px;bottom:15px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(248,245,236,.93);font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.product-body{padding:25px}.product-body h3{font-size:22px;font-weight:800;margin-bottom:9px}.product-body p{font-size:13px;line-height:1.7;color:var(--fx-muted);min-height:45px}
.price{font:800 23px 'Manrope';color:var(--fx-green)}.price small{font:500 11px 'DM Sans';color:var(--fx-muted)}

.quote-section{background:var(--fx-green-dark);color:white;overflow:hidden}
.quote-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(215,230,201,.08);right:-200px;top:-200px}
.quote-points{margin-top:35px;display:grid;gap:16px;color:#dbe9d7}.quote-points i{color:#d7e6c9;margin-right:8px}
.quote-box{background:var(--fx-white);border-radius:30px;padding:35px;color:var(--fx-ink);box-shadow:0 30px 90px rgba(0,0,0,.25)}
.quote-icon{width:52px;height:52px;border-radius:15px;background:#e4eddc;color:var(--fx-green);display:grid;place-items:center;font-size:22px}
.form-label{font-size:12px;font-weight:800;color:var(--fx-ink)}
.form-control,.form-select{border:1px solid #ded7ca;border-radius:12px;padding:13px 14px;background:#fffdf9}
.form-control:focus,.form-select:focus{border-color:var(--fx-green);box-shadow:0 0 0 .2rem rgba(49,112,65,.12)}
.quantity-control{display:flex;gap:7px}.quantity-control button{width:45px;border:0;border-radius:12px;background:#e4eddc;color:var(--fx-green);font-size:22px;font-weight:900}
.live-total{background:linear-gradient(135deg,#e4eddc,#f7f4e9);padding:20px 22px;border-radius:18px;display:flex;align-items:center;justify-content:space-between}.live-total span{font-weight:700}.live-total strong{font:800 30px 'Manrope';color:var(--fx-green)}

.experience-section{min-height:600px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(23,51,34,.93),rgba(23,51,34,.35)),url('https://images.unsplash.com/photo-1553530666-ba11a7da3888?auto=format&fit=crop&w=2200&q=90') center/cover fixed;color:white}
.experience-content{max-width:720px}.experience-content h2{font:800 clamp(2.7rem,6vw,5rem)/1.0 'Manrope';letter-spacing:-3px;margin:20px 0}.experience-content p{font-size:17px;line-height:1.8;color:rgba(255,255,255,.82);margin-bottom:30px}

.contact-card{height:100%;background:var(--fx-white);border:1px solid #e7dfd0;border-radius:22px;padding:25px;transition:.35s;position:relative}.contact-card:hover{transform:translateY(-7px);box-shadow:var(--fx-shadow)}.contact-card>i{width:50px;height:50px;border-radius:15px;background:#e4eddc;color:var(--fx-green);display:grid;place-items:center;font-size:21px;margin-bottom:18px}.contact-card h5{font-weight:800}.contact-card p{font-size:13px;color:var(--fx-muted);margin:0;line-height:1.7}

footer{background:#173322;color:#fffdf8;padding:55px 0 25px}.footer-brand{display:flex;align-items:center;gap:10px;font:800 25px 'Manrope'}.footer-brand img{width:45px;height:45px;object-fit:cover;border-radius:12px}.footer-brand+p{color:#b8c9b7;margin-top:12px}footer a{color:#d9e6d6;margin-left:18px;font-weight:600;font-size:13px}footer hr{border-color:rgba(255,255,255,.12);margin:30px 0}

.floating-cart{position:fixed;right:25px;bottom:25px;z-index:1100;width:62px;height:62px;border:0;border-radius:50%;background:var(--fx-green);color:white;box-shadow:0 15px 35px rgba(49,112,65,.4);font-size:24px;transition:.25s}.floating-cart:hover{transform:scale(1.08)}.floating-cart span{position:absolute;right:-4px;top:-4px;width:24px;height:24px;border-radius:50%;background:var(--fx-cream);color:var(--fx-green);font-size:10px;font-weight:900;display:grid;place-items:center}.floating-cart.pulse{animation:cartPulse .55s}@keyframes cartPulse{50%{transform:scale(1.18)}}

.cart-modal{border:0;border-radius:28px;overflow:hidden}.cart-modal .modal-header{background:var(--fx-green-dark);color:white;padding:25px 28px;border:0}.cart-modal .modal-body{padding:25px 28px}.cart-modal .modal-footer{border:0;padding:15px 28px 25px}.cart-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #eee8dc}.cart-product-icon{width:48px;height:48px;border-radius:14px;background:#e4eddc;display:grid;place-items:center;font-size:25px}.cart-row small{display:block;color:var(--fx-muted);margin-top:3px}.cart-qty{display:flex;align-items:center;gap:8px}.cart-qty button{border:0;width:30px;height:30px;border-radius:9px;background:#e4eddc;color:var(--fx-green);font-weight:900}.cart-subtotal{min-width:105px;text-align:right;color:var(--fx-green)}.customer-form{background:#f7f4e9;padding:18px;border-radius:18px}.modal-total{display:flex;justify-content:space-between;align-items:center;padding-top:22px;margin-top:15px}.modal-total strong{font:800 28px 'Manrope';color:var(--fx-green)}.empty-cart{text-align:center;padding:45px 10px;color:var(--fx-muted)}.empty-icon{font-size:55px;margin-bottom:10px}

#toastContainer{position:fixed;right:25px;bottom:100px;z-index:9999;display:grid;gap:10px}.frut-toast{background:#173322;color:#fffdf8;padding:13px 17px;border-radius:15px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:flex;gap:9px;align-items:center;font-size:13px;animation:toastIn .3s}.frut-toast i{color:#d7e6c9}@keyframes toastIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:none}

.admin-body{background:#f4f1e9}.admin-nav{background:var(--fx-green-dark);padding:14px 0;color:white}.admin-brand{display:flex;align-items:center;gap:10px;color:white;font:800 21px 'Manrope'}.admin-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.admin-title{font-size:44px;font-weight:800}.admin-card{background:#fffdf8;border:1px solid #e5ded1;border-radius:25px;padding:28px;box-shadow:0 12px 40px rgba(23,51,34,.06)}.admin-thumb{width:48px;height:48px;border-radius:12px;object-fit:cover}.admin-emoji{width:48px;height:48px;border-radius:12px;background:#e4eddc;display:grid;place-items:center;font-size:23px}.admin-login{min-height:100vh;background:linear-gradient(135deg,var(--fx-green-dark),var(--fx-green));display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);background:#fffdf8;border-radius:30px;padding:38px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.login-card>img{width:90px;height:90px;border-radius:22px;object-fit:cover;display:block;margin-bottom:22px}

@media(max-width:991px){.hero{min-height:850px}.hero-card{right:3%;top:auto;bottom:135px;width:220px}.hero-card-image{height:135px}.about-content{padding-top:15px}.experience-section{background-attachment:scroll}}
@media(max-width:767px){.navbar{padding:8px 0}.brand-copy{font-size:18px}.brand-copy small{font-size:6px}.hero{min-height:900px}.hero-content{padding-top:75px}.hero h1{letter-spacing:-2px}.hero p{font-size:15px}.hero-card{display:none}.fruit-a{right:7%;top:22%}.fruit-b{right:8%;bottom:25%}.section-space{padding:80px 0}.about-visual{height:460px}.about-photo{inset:0 20px 0 0}.floating-stat{right:0;bottom:20px}.feature-grid{grid-template-columns:1fr}.quote-box{padding:22px}.cart-row{flex-wrap:wrap}.cart-subtotal{margin-left:auto}.admin-title{font-size:34px}}

.confirmation-box {
    background: rgba(49,112,65,.08);
    border: 1px solid rgba(49,112,65,.18);
    border-radius: 14px;
    padding: 14px 16px 14px 40px;
}
.confirmation-box .form-check-input { margin-left: -24px; margin-top: 3px; }
.confirmation-box .form-check-label { font-size: .92rem; line-height: 1.45; }

/* ===== FrutyExpres brand panel ===== */
.hero-brand-panel{position:absolute;right:3%;top:27%;z-index:3;width:min(48vw,650px);border-radius:28px;background:rgba(255,253,248,.96);padding:10px;box-shadow:0 35px 100px rgba(0,0,0,.30);transform:rotate(1.2deg);animation:brandPanelFloat 5s ease-in-out infinite;overflow:hidden}
.hero-brand-panel img{display:block;width:100%;height:auto;border-radius:20px;object-fit:cover}
.brand-panel-glow{position:absolute;inset:-30%;background:radial-gradient(circle,rgba(215,230,201,.28),transparent 60%);z-index:-1}
.brand-panel-caption{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:12px 8px 6px;color:var(--fx-green-dark);font-size:12px;font-weight:800}
.brand-panel-caption i{color:var(--fx-green);margin-right:5px}
@keyframes brandPanelFloat{50%{transform:translateY(-10px) rotate(-.6deg)}}
.contact-phones-strip{background:var(--fx-green);color:var(--fx-cream);font-weight:800;font-size:15px}
.contact-phones-strip span{padding:8px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07)}
.contact-phones-strip i{color:#d7e6c9}
@media(max-width:991px){.hero{min-height:980px}.hero-content{padding-top:105px}.hero-brand-panel{position:relative;right:auto;top:auto;width:min(92vw,650px);margin:45px auto 0;transform:none}.hero-brand-panel{animation:none}.fruit-a,.fruit-b{display:none}}
@media(max-width:575px){.hero{min-height:920px}.hero h1{font-size:3rem;letter-spacing:-2px}.hero-brand-panel{width:94vw;border-radius:20px;padding:6px}.hero-brand-panel img{border-radius:15px}.brand-panel-caption{font-size:10px;gap:10px}.contact-phones-strip span{width:100%;text-align:center}}