HORTENSIS
/* ===== RESET & BASE ===== */ .fh-wrap *{box-sizing:border-box;margin:0;padding:0} .fh-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#3a1a2e;backgr ound:#fff;overflow-x:hidden} /* ===== ANIMAȚII SCROLL ===== */ .sr{opacity:0;transform:translateX(80px);transition:all 0.7s cubic-bezier(.22,.68,0,1.2)} .sl{opacity:0;transform:translateX(-80px);transition:all 0.7s cubic-bezier(.22,.68,0,1.2)} .su{opacity:0;transform:translateY(60px);transition:all 0.7s ease-out} .sd{opacity:0;transform:translateY(-60px);transition:all 0.6s ease-out} .sp{opacity:0;transform:scale(0.7);transition:all 0.65s cubic-bezier(.34,1.56,.64,1)} .sf{opacity:0;transform:rotateY(90deg);transition:all 0.7s ease-out} .sb{opacity:0;transform:scale(1.2);transition:all 0.6s ease-out} .sr2{opacity:0;transform:translateX(120px) rotate(5deg);transition:all 0.8s cubic-bezier(.22,.68,0,1.2)} .sl2{opacity:0;transform:translateX(-120px) rotate(-5deg);transition:all 0.8s cubic-bezier(.22,.68,0,1.2)} .d1{transition-delay:0.05s}.d2{transition-delay:0.15s}.d3{transition-delay:0.25s}.d4{transition-delay:0.35s} .d5{transition-delay:0.45s}.d6{transition-delay:0.55s}.d7{transition-delay:0.65s}.d8{transition-delay:0.75s} /* ===== HERO ===== */ .fh-hero{background:linear-gradient(135deg,#8b1a4a 0%,#c8226b 40%,#e8559a 70%,#f9c6dc 100%);padding:50px 20px 40px;text-align:center;position:relative;overflow:hidden} .fh-hero::before{content:'🌸';position:absolute;font-size:120px;opacity:0.08;top:-20px;left:-20px;animation:fh-float 6s ease-in-out infinite} .fh-hero::after{content:'🌸';position:absolute;font-size:100px;opacity:0.08;bottom:-10px;right:-10px;animation:fh-float 8s ease-in-out infinite reverse} @keyframes fh-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(10deg)}} @keyframes fh-pulse-ring{0%{box-shadow:0 0 0 0 rgba(200,34,107,0.5)}70%{box-shadow:0 0 0 20px rgba(200,34,107,0)}100%{box-shadow:0 0 0 0 rgba(200,34,107,0)}} @keyframes fh-shimmer{0%{background-position:-200% center}100%{background-position:200% center}} @keyframes fh-bounce-in{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}} @keyframes fh-slide-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes fh-divider{0%{width:0;opacity:0}100%{width:80px;opacity:1}} .fh-hero-badge{display:inline-block;background:#ffd700;color:#3a1a2e;font-weight:900;font-size:13px;padding:6px 18px;border-radius:30px;letter-spacing:1px;margin-bottom:18px;animation:fh-bounce-in 0.8s ease-out both,fh-pulse-ring 2s ease-out 1s infinite} .fh-hero h1{font-size:clamp(28px,6vw,52px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,0.3);background:linear-gradient(90deg,#fff,#ffd700,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fh-shimmer 3s linear infinite} .fh-hero-sub{color:rgba(255,255,255,0.9);font-size:clamp(14px,2.5vw,18px);margin-bottom:24px;font-weight:500} .fh-hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px} .fh-hero-pill{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.4);color:#fff;padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;backdrop-filter:blur(4px)} /* ===== DIVIDER ===== */ .fh-divider{text-align:center;padding:20px 0} .fh-divider::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#c8226b,#e8559a);margin:8px auto 0;border-radius:2px;animation:fh-divider 0.8s ease-out both} /* ===== SECȚIUNE STANDARD ===== */ .fh-section{padding:40px 20px;max-width:900px;margin:0 auto} .fh-section-title{font-size:clamp(20px,4vw,30px);font-weight:900;color:#8b1a4a;text-align:center;margin-bottom:8px;line-height:1.2} .fh-section-sub{text-align:center;color:#6a3a5a;font-size:15px;margin-bottom:28px} /* ===== GIF FULL WIDTH ===== */ .fh-gif-wrap{position:relative;margin:0 0 8px;overflow:hidden;border-radius:16px;box-shadow:0 8px 30px rgba(139,26,74,0.2)} .fh-gif-wrap img{width:100%;height:auto;display:block;transition:transform 0.5s ease} .fh-gif-wrap:hover img{transform:scale(1.02)} .fh-gif-label{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,#c8226b,#8b1a4a);color:#fff;font-size:12px;font-weight:800;padding:5px 14px;border-radius:20px;letter-spacing:1px;animation:fh-pulse-ring 2s ease-out infinite} /* ===== IMAGE FULL WIDTH ===== */ .fh-img-full{margin:0 0 8px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(139,26,74,0.15)} .fh-img-full img{width:100%;height:auto;display:block;object-fit:contain;transition:transform 0.5s ease} .fh-img-full:hover img{transform:scale(1.02)} /* ===== GRID 2 COLOANE ===== */ .fh-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px} .fh-grid2-item{border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(139,26,74,0.12)} .fh-grid2-item img{width:100%;height:auto;display:block;object-fit:contain;transition:transform 0.5s ease} .fh-grid2-item:hover img{transform:scale(1.04)} /* ===== CARDURI PROBLEME ===== */ .fh-problems{background:linear-gradient(135deg,#3a1a2e,#5a1a3e);padding:40px 20px;margin:0} .fh-problems-inner{max-width:900px;margin:0 auto} .fh-problems h2{font-size:clamp(20px,4vw,28px);font-weight:900;color:#ffd700;text-align:center;margin-bottom:6px} .fh-problems-sub{color:rgba(255,255,255,0.7);text-align:center;font-size:14px;margin-bottom:28px} .fh-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px} .fh-prob-card{background:rgba(255,255,255,0.08);border:1px solid rgba(200,34,107,0.3);border-radius:14px;padding:20px;text-align:center;transition:all 0.3s ease} .fh-prob-card:hover{background:rgba(200,34,107,0.2);border-color:#c8226b;transform:translateY(-4px)} .fh-prob-icon{font-size:32px;margin-bottom:10px;display:block} .fh-prob-card h3{color:#ffd700;font-size:14px;font-weight:800;margin-bottom:6px} .fh-prob-card p{color:rgba(255,255,255,0.75);font-size:13px;line-height:1.5} /* ===== SPLIT STÂNGA/DREAPTA ===== */ .fh-split{display:flex;align-items:center;gap:24px;padding:32px 20px;max-width:900px;margin:0 auto;flex-wrap:wrap} .fh-split.reverse{flex-direction:row-reverse} .fh-split-img{flex:0 0 45%;min-width:240px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(139,26,74,0.18)} .fh-split-img img{width:100%;height:auto;display:block;object-fit:contain;transition:transform 0.5s ease} .fh-split:hover .fh-split-img img{transform:scale(1.03)} .fh-split-text{flex:1;min-width:200px} .fh-split-badge{display:inline-block;background:linear-gradient(135deg,#c8226b,#8b1a4a);color:#fff;font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:1px;margin-bottom:12px} .fh-split-text h2{font-size:clamp(18px,3.5vw,26px);font-weight:900;color:#8b1a4a;margin-bottom:10px;line-height:1.2} .fh-split-text p{color:#5a3a4a;font-size:14px;line-height:1.7;margin-bottom:12px} .fh-split-list{list-style:none;padding:0} .fh-split-list li{padding:6px 0;color:#3a1a2e;font-size:14px;display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid #f0d0e0;transition:all 0.3s ease} .fh-split-list li:hover{padding-left:8px;color:#c8226b} .fh-split-list li::before{content:'🌸';font-size:14px;flex-shrink:0;margin-top:1px} /* ===== STATS ===== */ .fh-stats{background:linear-gradient(135deg,#c8226b,#8b1a4a);padding:36px 20px;text-align:center} .fh-stats-inner{max-width:900px;margin:0 auto} .fh-stats h2{color:#ffd700;font-size:clamp(18px,3.5vw,26px);font-weight:900;margin-bottom:24px} .fh-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px} .fh-stat-item{background:rgba(255,255,255,0.12);border-radius:14px;padding:20px 12px;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease} .fh-stat-item:hover{background:rgba(255,255,255,0.22);transform:translateY(-4px)} .fh-stat-num{font-size:clamp(28px,5vw,42px);font-weight:900;color:#ffd700;display:block;line-height:1} .fh-stat-label{color:rgba(255,255,255,0.85);font-size:13px;margin-top:6px} /* ===== UNDE E RECOMANDAT ===== */ .fh-reco{padding:40px 20px;background:#fff0f5;max-width:100%} .fh-reco-inner{max-width:900px;margin:0 auto} .fh-reco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px} .fh-reco-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(139,26,74,0.12);border-top:4px solid #c8226b;transition:all 0.3s ease} .fh-reco-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(139,26,74,0.22)} .fh-reco-img{overflow:hidden} .fh-reco-img img{width:100%;height:auto;display:block;object-fit:contain;transition:transform 0.5s ease} .fh-reco-card:hover .fh-reco-img img{transform:scale(1.04)} .fh-reco-body{padding:16px} .fh-reco-body h3{font-size:15px;font-weight:800;color:#8b1a4a;margin-bottom:6px} .fh-reco-body p{color:#5a3a4a;font-size:13px;line-height:1.5} /* ===== PAȘI UTILIZARE ===== */ .fh-steps{padding:40px 20px;background:#fff;max-width:900px;margin:0 auto} .fh-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #f0d0e0;transition:all 0.3s ease} .fh-step:hover{padding-left:10px;border-bottom-color:#c8226b} .fh-step-num{width:44px;height:44px;background:linear-gradient(135deg,#c8226b,#8b1a4a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(200,34,107,0.4)} .fh-step-content h3{font-size:15px;font-weight:800;color:#8b1a4a;margin-bottom:4px} .fh-step-content p{color:#5a3a4a;font-size:13px;line-height:1.6} /* ===== CTA FINAL ===== */ .fh-cta{background:linear-gradient(135deg,#8b1a4a,#c8226b,#e8559a,#c8226b,#8b1a4a);background-size:300% 300%;animation:fh-slide-bg 6s ease infinite;padding:50px 20px;text-align:center;position:relative;overflow:hidden} .fh-cta h2{font-size:clamp(22px,5vw,38px);font-weight:900;color:#fff;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,0.3)} .fh-cta p{color:rgba(255,255,255,0.9);font-size:16px;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto} .fh-cta-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px} .fh-cta-badge{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.4);color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;backdrop-filter:blur(4px)} /* ===== RESPONSIVE ===== */ @media(max-width:600px){ .fh-grid2{grid-template-columns:1fr} .fh-split,.fh-split.reverse{flex-direction:column} .fh-split-img{flex:none;width:100%} .fh-prob-grid{grid-template-columns:1fr 1fr} .fh-stats-grid{grid-template-columns:1fr 1fr} .fh-reco-grid{grid-template-columns:1fr} .sr,.sl,.sr2,.sl2{transform:translateY(40px)} } 🌸 BIOSTIMULATOR 100% NATURAL PENTRU HORTENSII Hortensiile tale merită flori spectaculoase Formula nemicrobiană complexă care activează metabolismul și susține înflorirea abundentă 🌿 100% Natural 💧 Udare la rădăcină 🌸 Flori uriașe 🇷🇴 Fabricat în România 🌸 HORTENSIS ÎN ACȚIUNE Recunoști aceste semne la hortensiile tale? Dacă da, planta ta are nevoie de activare metabolică urgentă 🌸Flori mici și palide Florile nu mai au dimensiunea și culoarea din primii ani 🍂Frunze îngălbenite Frunzele se îngălbenesc și planta arată tot mai slabă ☀️Nu rezistă la caniculă Florile se usucă rapid în perioadele cu temperaturi ridicate 📉Înflorire tot mai slabă An după an, hortensiile produc tot mai puține flori 💧 UDARE LA RĂDĂCINĂ DE CE HORTENSIS? Singurul produs din România formulat strict pentru hortensii Formula nemicrobiană complexă conține nutrienți organici și biostimulatori care deblochează metabolismul specific hortensiei — nu un îngrășământ universal. Doză exactă de nutrienți pentru hortensii Udare la rădăcină — absorbție maximă Flori masive și culori intense Rezultate vizibile pe tot sezonul 🌿 100% NATURAL Rezultate confirmate de mii de iubitori de hortensii 2.900+Grădini transformate 4.9★Rating mediu recenzii 100%Natural, fără chimicale 1L= 10 aplicări complete 🌸 UNDE ESTE RECOMANDAT Unde este recomandat FLORAD HORTENSIS? Funcționează în orice condiții — grădină, ghiveci sau terasă 🌞 Când canicula și seceta distrug florile Udarea la rădăcină menține planta hidratată și hrănită simultan — dublă protecție în perioadele grele. 🏡 Hortensii de grădină, ghiveci și terasă 100ml Hortensis la 10L apă, udare direct la baza rădăcinii. Nutrienți absorbiți rapid, plante mai viguroase. 🌈 Când vrei culori intense și flori uriașe tot sezonul Hrănire completă pentru flori mari, vibrante și rezistente. Intensifică natural fiecare nuanță — albastru, roz, alb, mov. 📋 MOD DE UTILIZARE Cum se folosește FLORAD HORTENSIS? 4 pași simpli pentru hortensii spectaculoase 1 Diluează 100ml Hortensis la 10L apă Amestecă bine. Doza standard pentru o aplicare completă — suficient pentru 1–2 plante mature. 2 Udare la rădăcină (metoda principală) Udă direct la baza plantei cu soluția preparată. Minim 1–2 litri per plantă pentru nutriție maximă. 3 Stropire foliară (metodă complementară) Poți stropi frunzele și florile. Completează udarea, nu o înlocuiește. Evită stropirea pe soare puternic! 4 Repetă la fiecare 10–14 zile La ieșirea din iarnă, înainte de înflorire, în plină înflorire și după tăierea florilor. Diferența se vede vizibil! Hortensiile tale merită cel mai bun Peste 2.900 de iubitori de hortensii au ales FLORAD HORTENSIS pentru flori spectaculoase, an după an. 🌸 Flori uriașe 🌿 100% Natural 💧 Udare la rădăcină 🇷🇴 Fabricat în România
More you might like
Related
HORTENSIS
Related
HORTENSIS 100ML
Furor Hortensis
Related