FLORALIS 100ML
/* ===== ANIMAȚII CSS (fără JavaScript) ===== */ @keyframes fl-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes fl-from-left { from { opacity:0; transform:translateX(-6 0px); } to { opacity:1; transform:none; } } @keyframes fl-from-right { from { opacity:0; transform:translateX(60px); } to { opacity:1; transform:none; } } @keyframes fl-from-up { from { opacity:0; transform:translateY(-40px); } to { opacity:1; transform:none; } } @keyframes fl-from-down { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:none; } } @keyframes fl-scale-in { from { opacity:0; transform:scale(0.7); } to { opacity:1; transform:none; } } .fl { animation: fl-fade-in 0.8s ease both; } .fl.fll { animation-name: fl-from-left; } .fl.flr { animation-name: fl-from-right; } .fl.flu { animation-name: fl-from-up; } .fl.fld { animation-name: fl-from-down; } .fl.flp { animation-name: fl-scale-in; } .d1 { animation-delay:0.15s; } .d2 { animation-delay:0.3s; } .d3 { animation-delay:0.45s; } .d4 { animation-delay:0.6s; } .d5 { animation-delay:0.75s; } .d6 { animation-delay:0.9s; } /* ===== RESET & BASE ===== */ .flo-wrap * { box-sizing: border-box; margin: 0; padding: 0; } .flo-wrap { font-family: 'Segoe UI', Arial, sans-serif; color: #2a0a1a; overflow: hidden; } /* ===== CULORI FLORALIS ===== */ /* Burgundy: #7a1a3a | Rose: #c0395a | Auriu: #d4a017 | Crem: #fdf0f3 */ /* ===== HERO ===== */ .flo-hero { background: linear-gradient(135deg, #2a0515 0%, #6a1030 50%, #3a0820 100%); padding: 48px 24px 40px; text-align: center; position: relative; overflow: hidden; } .flo-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 50%, rgba(212,160,23,0.10) 0%, transparent 60%), radial-gradient(ellipse at 70% 30%, rgba(192,57,90,0.18) 0%, transparent 60%); animation: flo-bg-pulse 6s ease-in-out infinite alternate; } @keyframes flo-bg-pulse { from { opacity: 0.5; } to { opacity: 1; } } .flo-hero::after { content: '🌹'; position: absolute; font-size: 200px; opacity: 0.04; top: -30px; right: -20px; animation: flo-float 5s ease-in-out infinite; pointer-events: none; } @keyframes flo-float { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-15px) rotate(5deg); } } .flo-hero-badge { display: inline-block; background: linear-gradient(90deg, #d4a017, #f0c842); color: #2a0515; font-weight: 900; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; padding: 6px 18px; border-radius: 20px; margin-bottom: 18px; animation: flo-badge-pop 0.8s cubic-bezier(.22,.68,0,1.4) both; position: relative; z-index: 1; } @keyframes flo-badge-pop { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } } .flo-hero-title { font-size: clamp(28px, 5vw, 52px); font-weight: 900; color: #fff; line-height: 1.15; margin-bottom: 14px; position: relative; z-index: 1; animation: flo-title-in 1s cubic-bezier(.22,.68,0,1.2) 0.2s both; } @keyframes flo-title-in { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } } .flo-hero-title span { color: #f0c842; } .flo-hero-sub { font-size: clamp(15px, 2.5vw, 20px); color: rgba(255,255,255,0.85); max-width: 600px; margin: 0 auto 24px; line-height: 1.6; position: relative; z-index: 1; animation: flo-title-in 1s cubic-bezier(.22,.68,0,1.2) 0.4s both; } .flo-hero-pills { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; position: relative; z-index: 1; animation: flo-title-in 1s cubic-bezier(.22,.68,0,1.2) 0.6s both; } .flo-pill { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); color: #fff; padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; backdrop-filter: blur(4px); transition: background 0.3s; } .flo-pill:hover { background: rgba(212,160,23,0.25); } /* ===== DIVIDER ===== */ .flo-divider { height: 1px; background: linear-gradient(90deg, transparent, rgba(192,57,90,0.25), transparent); } /* ===== SECTION ===== */ .flo-section { padding: 40px 20px; max-width: 1000px; margin: 0 auto; } .flo-section-title { font-size: clamp(22px, 3.5vw, 36px); font-weight: 900; color: #7a1a3a; text-align: center; margin-bottom: 32px; line-height: 1.2; } .flo-section-title span { color: #c0395a; } /* ===== IMAGE FULL ===== */ .flo-img-full { width: 100%; border-radius: 16px; display: block; box-shadow: 0 8px 32px rgba(122,26,58,0.18); } .flo-gif-wrap { position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(122,26,58,0.2); max-width: 800px; margin: 0 auto; } .flo-gif-wrap img { width: 100%; display: block; } .flo-gif-label { position: absolute; bottom: 16px; left: 16px; background: rgba(122,26,58,0.85); color: #fff; font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 20px; backdrop-filter: blur(4px); } /* ===== PROBLEMS ===== */ .flo-problems-bg { background: linear-gradient(135deg, #1a0210, #4a0a20); padding: 48px 20px; } .flo-problems-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 900px; margin: 0 auto; } .flo-problem-card { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 24px 20px; backdrop-filter: blur(8px); transition: background 0.3s, transform 0.3s; } .flo-problem-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-4px); } .flo-problem-icon { font-size: 32px; display: block; margin-bottom: 12px; } .flo-problem-card h3 { font-size: 16px; font-weight: 800; color: #f0c842; margin-bottom: 8px; } .flo-problem-card p { font-size: 13px; color: rgba(255,255,255,0.75); line-height: 1.6; } /* ===== NATURAL STRIP ===== */ .flo-natural-strip { background: linear-gradient(135deg, #7a1a3a, #5a0a20); padding: 32px 20px; text-align: center; } .flo-natural-strip h3 { font-size: clamp(18px, 3vw, 28px); font-weight: 900; color: #fff; margin-bottom: 16px; } .flo-nat-badges { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; } .flo-nat-badge { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: #fff; padding: 10px 20px; border-radius: 30px; font-size: 14px; font-weight: 700; backdrop-filter: blur(4px); } /* ===== BENEFITS ===== */ .flo-benefit-section { padding: 40px 20px; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; gap: 60px; } .flo-benefit-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } .flo-benefit-split.reverse { direction: rtl; } .flo-benefit-split.reverse > * { direction: ltr; } .flo-benefit-img { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(122,26,58,0.2); } .flo-benefit-img img { width: 100%; display: block; transition: transform 0.5s ease; } .flo-benefit-img:hover img { transform: scale(1.04); } .flo-benefit-text { padding: 8px 0; } .flo-benefit-tag { display: inline-block; background: linear-gradient(90deg, #c0395a, #d4507a); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 14px; } .flo-benefit-text h2 { font-size: clamp(20px, 3vw, 30px); font-weight: 900; color: #7a1a3a; line-height: 1.2; margin-bottom: 16px; } .flo-benefit-text h2 span { color: #c0395a; } .flo-benefit-text p { font-size: 15px; line-height: 1.75; color: #3a1a2a; margin-bottom: 16px; } .flo-benefit-list { list-style: none; padding: 0; } .flo-benefit-list li { font-size: 14px; color: #2a0a1a; padding: 8px 0 8px 28px; position: relative; border-bottom: 1px solid rgba(192,57,90,0.1); transition: color 0.2s, padding-left 0.2s; } .flo-benefit-list li:hover { color: #7a1a3a; padding-left: 34px; } .flo-benefit-list li::before { content: '✿'; position: absolute; left: 0; color: #c0395a; font-weight: 900; font-size: 14px; } /* ===== GALERIE ===== */ .flo-gallery-bg { background: linear-gradient(135deg, #fdf0f3, #fae8f0); padding: 48px 20px; } .flo-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 0 auto; } .flo-gallery-item { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 16px rgba(122,26,58,0.14); position: relative; } .flo-gallery-item img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; transition: transform 0.5s ease; } .flo-gallery-item:hover img { transform: scale(1.06); } .flo-gallery-item::after { content: attr(data-label); position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(122,26,58,0.85)); color: #fff; font-size: 13px; font-weight: 700; padding: 20px 12px 10px; transform: translateY(100%); transition: transform 0.3s ease; } .flo-gallery-item:hover::after { transform: translateY(0); } /* ===== UNDE SE FOLOSEȘTE ===== */ .flo-where-bg { background: linear-gradient(135deg, #fff5f8, #fdf0f3); padding: 48px 20px; } /* ===== MOD UTILIZARE ===== */ .flo-usage-bg { background: linear-gradient(135deg, #fae8f0, #fff5f0); padding: 48px 20px; } .flo-usage-steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 900px; margin: 0 auto; } .flo-step { background: #fff; border-radius: 16px; padding: 24px 20px; display: flex; gap: 16px; align-items: flex-start; box-shadow: 0 4px 16px rgba(122,26,58,0.08); transition: transform 0.3s, box-shadow 0.3s; border-left: 4px solid #c0395a; } .flo-step:hover { transform: translateX(6px); box-shadow: 0 8px 32px rgba(122,26,58,0.15); } .flo-step-num { width: 44px; height: 44px; min-width: 44px; border-radius: 50%; background: linear-gradient(135deg, #7a1a3a, #c0395a); color: #fff; font-size: 20px; font-weight: 900; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(122,26,58,0.3); } .flo-step-text h3 { font-size: 15px; font-weight: 800; color: #7a1a3a; margin-bottom: 6px; } .flo-step-text p { font-size: 13px; line-height: 1.6; color: #4a2a3a; } /* ===== CTA FINAL ===== */ .flo-cta { background: linear-gradient(135deg, #1a0210, #5a0a20, #7a1a3a); background-size: 300% 300%; animation: flo-cta-bg 8s ease-in-out infinite; padding: 60px 24px; text-align: center; position: relative; overflow: hidden; } @keyframes flo-cta-bg { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .flo-cta::before { content: '🌹'; position: absolute; font-size: 150px; opacity: 0.06; top: -30px; right: 10px; } .flo-cta h2 { font-size: clamp(24px, 4vw, 42px); font-weight: 900; color: #fff; margin-bottom: 16px; position: relative; z-index: 1; } .flo-cta h2 span { color: #f0c842; } .flo-cta p { font-size: 17px; color: rgba(255,255,255,0.85); max-width: 560px; margin: 0 auto 28px; line-height: 1.6; position: relative; z-index: 1; } .flo-cta-badges { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; position: relative; z-index: 1; } .flo-cta-badge { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); color: #fff; padding: 10px 20px; border-radius: 30px; font-size: 14px; font-weight: 700; backdrop-filter: blur(4px); transition: background 0.3s, transform 0.3s; } .flo-cta-badge:hover { background: rgba(212,160,23,0.25); transform: scale(1.05); } /* ===== RESPONSIVE ===== */ @media (max-width: 768px) { .flo-benefit-split, .flo-usage-steps { grid-template-columns: 1fr; } .flo-benefit-split.reverse { direction: ltr; } .flo-problems-grid { grid-template-columns: 1fr; } .flo-gallery-grid { grid-template-columns: 1fr 1fr; } .flo-benefit-section { gap: 40px; } .flo-section { padding: 32px 16px; } .flo-hero { padding: 36px 16px 32px; } .flo-problems-bg, .flo-gallery-bg, .flo-where-bg, .flo-usage-bg { padding: 32px 16px; } .flo-cta { padding: 48px 16px; } } 🌹 FLORALIS — Biostimulator pentru Trandafiri și Flori Florile tale merită săstrălucească din plin Biostimulator organic 100% natural — acizi humici, fulvici, extract de alge și aminoacizi — formulat special pentru trandafiri și flori de grădină care înfloresc abundent, cu culori vii și parfum intens. 🌸 100% Natural & Organic 🚫 Fără chimicale 💧 100ml → 10L apă 🌹 Special pentru flori 🏠 Fabricat în România 🌹 Biostimulator Organic 100% Natural Florile tale au aceste semne? 🥀 Trandafiri care înfloresc rar Aștepți florile săptămâni întregi, dar plantele produc flori puține, mici și care cad repede fără să se bucuri de ele. 🎨 Culori palide și parfum slab Florile apar, dar culorile sunt șterse, fără vitalitate. Trandafirii nu mai au acel parfum intens caracteristic. 🍂 Plante slabe, vulnerabile la boli Frunzele se îngălbenesc, apar pete, ciupercile și afidele atacă ușor. Plantele nu au rezistența necesară să se apere singure. 🌍 Sol epuizat care nu mai hrănește Pământul e compact, uscat, fără viață. Fertilizanții nu ajung la rădăcini și florile tale suferă fără să știi de ce. 🌿 Formulă 100% Organică — Zero chimicale, zero compromisuri ✅ Acizi humici naturali ✅ Extract de alge marine ✅ Aminoacizi vegetali ✅ Acizi fulvici ✅ Fără pesticide ✅ Fără metale grele ✅ Fabricat în România Beneficiu #1 Înflorire abundentă și prelungită FLORALIS stimulează producerea de flori prin activarea proceselor naturale de înflorire. Aminoacizii și extractul de alge furnizează exact nutrienții de care florile tale au nevoie pentru a produce mai multe muguri și a menține florile mai mult timp pe plantă. Mai mulți muguri și flori pe plantă Sezon de înflorire prelungit cu 2–4 săptămâni Culori mai vii și parfum mai intens Flori mai mari cu petale sănătoase, bine formate Beneficiu #2 Plante puternice și rezistentela boli și dăunători Un trandafir hrănit corect cu FLORALIS dezvoltă un sistem imunitar natural puternic. Pereții celulari mai denși și microbiomul activ din sol înseamnă plante care se apără singure împotriva ciupercilor, afidelor și stresului climatic. Rezistență naturală la ciuperci și boli foliare Mai puțin vulnerabile la afide și dăunători Supraviețuiesc mai bine vara caldă și iernile grele Frunze verzi intense, fără pete sau îngălbeniri Beneficiu #3 Sol viu = flori extraordinarean după an Acizii humici și fulvici din FLORALIS activează microbiomul solului și cresc capacitatea de retenție a nutrienților. Fertilizanții pe care îi aplici devin mult mai eficienți — solul reține și eliberează treptat tot ce au nevoie florile tale. Activează microorganismele benefice din sol Nutrienții nu se pierd prin spălare — rămân disponibili Sol mai bine aerisit, cu retenție crescută de apă Grădini reale — rezultate reale Funcționează la toate florile de grădină 🌹 Trandafiri 🌸 Bujori 🌺 Dalii 🌻 Crizanteme 💜 Lavandă 🌷 Lalele 🪻 Petunii & Begonii 🌼 Gerbera & Narcise Simplu de utilizat —rezultate vizibile în 7–14 zile 1 Măsoară 100ml Toarnă 100ml de FLORALIS din flacon direct în stropitoare sau rezervor de irigare. 2 Adaugă 10L apă Completează cu 10 litri de apă și amestecă ușor. Soluția e gata imediat, fără timp de așteptare. 3 Udă la baza plantei Aplică soluția direct la sol, la baza trandafirilor și florilor. Nu stropire foliară. 1 flacon ajunge pentru 10–15 ghivece mari sau ~100m². 4 Repetă la 2–3 săptămâni Aplică regulat în sezonul de creștere și înflorire. Primele efecte vizibile apar în 7–14 zile de la prima aplicare. Grădina ta, un spectacol de culori! FLORALIS — 100ml de biostimulator organic care transformă trandafirii și florile tale dintr-o grădină obișnuită într-un adevărat spectacol. Natural, eficient, fabricat în România. 🌹 100% Organic & Natural 🚫 Fără chimicale 🏠 Fabricat în România 🚚 Livrare rapidă 💧 100ml → 10L apă