TOMATIS.
.tom { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 1100px; margin: 0 auto; color: #1a1a1a; } /* ===== ANIMATII ===== */ @keyframes fadeInUp { from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);} } @keyframes fadeInLeft { from{opacity:0;transform:translateX(-60px);}to{opacity:1;transform:translateX(0);} } @keyframes fadeInRight { from{opacity:0;transform:translateX(60px);}to{opacity:1;transform:translateX(0);} } @keyframes scaleIn { from{opacity:0;transform:scale(0.85);}to{opacity:1;transform:scale(1);} } @keyframes pulse { 0%,100%{transform:scale(1);}50%{transform:scale(1.05);} } @keyframes shimmer { 0%{background-position:-200% center;}100%{background-position:200% center;} } @keyframes float { 0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);} } @keyframes borderGlow { 0%,100%{box-shadow:0 0 0 0 rgba(221,29,29,0);}50%{box-shadow:0 0 20px 4px rgba(221,29,29,0.3);} } @keyframes countUp { from{opacity:0;transform:translateY(20px) scale(0.8);}to{opacity:1;transform:translateY(0) scale(1);} } /* ===== SCROLL REVEAL — stare initiala ===== */ .reveal { opacity: 0; transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.from-left { transform: translateX(-60px); } .reveal.from-right { transform: translateX(60px); } .reveal.from-bottom { transform: translateY(50px); } .reveal.from-scale { transform: scale(0.88); } .reveal.visible { opacity: 1 !important; transform: none !important; } /* delay-uri pentru carduri in cascada */ .reveal.d1 { transition-delay: 0.1s; } .reveal.d2 { transition-delay: 0.2s; } .reveal.d3 { transition-delay: 0.3s; } .reveal.d4 { transition-delay: 0.4s; } /* ===== HERO ===== */ .tom-hero { background: linear-gradient(135deg, #1a0000 0%, #8b0000 45%, #dd1d1d 75%, #ff5533 100%); border-radius: 24px; padding: 52px 44px; margin-bottom: 32px; text-align: center; position: relative; overflow: hidden; animation: fadeInUp 0.9s cubic-bezier(0.22,1,0.36,1) both; } .tom-hero::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 50%, rgba(255,200,0,0.08) 0%, transparent 60%); pointer-events: none; } .tom-hero-badge { display: inline-block; background: #ffd700; color: #1a0000; font-size: 12px; font-weight: 900; padding: 7px 22px; border-radius: 30px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 22px; animation: pulse 2.5s ease-in-out infinite; position: relative; z-index: 1; } .tom-hero h1 { font-size: 44px; font-weight: 900; color: white; margin: 0 0 18px 0; line-height: 1.15; text-shadow: 0 3px 14px rgba(0,0,0,0.4); position: relative; z-index: 1; } .tom-hero h1 span { color: #ffd700; } .tom-hero p { font-size: 19px; color: rgba(255,255,255,0.88); margin: 0 0 30px 0; line-height: 1.65; position: relative; z-index: 1; } .tom-hero-pills { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; } .tom-hero-pill { background: rgba(255,255,255,0.13); border: 2px solid rgba(255,255,255,0.35); color: white; padding: 9px 22px; border-radius: 30px; font-size: 14px; font-weight: 700; backdrop-filter: blur(4px); transition: all 0.3s ease; } .tom-hero-pill:hover { background: rgba(255,255,255,0.25); } /* ===== GIF FULL-WIDTH ===== */ .tom-gif { width: 100%; border-radius: 22px; overflow: hidden; margin-bottom: 32px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); position: relative; animation: borderGlow 4s ease-in-out infinite; } .tom-gif img { width: 100%; display: block; } .tom-gif-label { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.72); color: white; font-size: 13px; font-weight: 800; padding: 9px 24px; border-radius: 30px; white-space: nowrap; backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.18); letter-spacing: 0.5px; } /* ===== IMAGINE FULL-WIDTH ===== */ .tom-img { width: 100%; display: block; border-radius: 22px; margin-bottom: 32px; box-shadow: 0 10px 36px rgba(0,0,0,0.14); transition: transform 0.4s ease, box-shadow 0.4s ease; } .tom-img:hover { transform: scale(1.01); box-shadow: 0 18px 52px rgba(221,29,29,0.18); } /* ===== DIVIDER ANIMAT ===== */ .tom-divider { height: 4px; background: linear-gradient(90deg, #dd1d1d, #ff6b35, #ffd700, #49a24e, #dd1d1d); background-size: 300% auto; border-radius: 4px; margin: 4px 0 32px 0; animation: shimmer 4s linear infinite; } /* ===== SECTIUNE PROBLEMA (dark) ===== */ .tom-problem { background: linear-gradient(135deg, #1a0000, #2d0000); border-radius: 24px; padding: 44px 40px; margin-bottom: 32px; color: white; } .tom-problem h2 { font-size: 32px; font-weight: 900; color: #ff7070; margin: 0 0 8px 0; text-align: center; } .tom-problem .sub { text-align: center; color: rgba(255,255,255,0.65); font-size: 16px; margin: 0 0 30px 0; } .tom-problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .tom-problem-item { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,100,100,0.25); border-radius: 16px; padding: 22px 20px; display: flex; align-items: flex-start; gap: 14px; transition: all 0.3s ease; } .tom-problem-item:hover { background: rgba(255,80,80,0.1); border-color: #dd1d1d; transform: translateY(-3px); } .tom-problem-icon { font-size: 34px; flex: 0 0 auto; } .tom-problem-item h4 { font-size: 16px; font-weight: 800; color: #ff9999; margin: 0 0 6px 0; } .tom-problem-item p { font-size: 14px; color: rgba(255,255,255,0.65); margin: 0; line-height: 1.55; } /* ===== SECTIUNE BENEFICII ===== */ .tom-benefits { background: linear-gradient(135deg, #fff9f0, #fff0f0); border-radius: 24px; padding: 44px 40px; margin-bottom: 32px; border: 2px solid #ffe0d0; } .tom-benefits h2 { font-size: 30px; font-weight: 900; color: #dd1d1d; text-align: center; margin: 0 0 8px 0; } .tom-benefits .sub { text-align: center; color: #666; font-size: 16px; margin: 0 0 30px 0; } .tom-benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .tom-benefit-card { background: white; border-radius: 18px; padding: 24px 20px; display: flex; align-items: flex-start; gap: 16px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); border-left: 5px solid #dd1d1d; transition: all 0.3s ease; } .tom-benefit-card:hover { transform: translateY(-7px) rotateX(2deg); box-shadow: 0 16px 40px rgba(221,29,29,0.2); } .tom-benefit-icon { font-size: 36px; flex: 0 0 auto; animation: float 4s ease-in-out infinite; } .tom-benefit-card h4 { font-size: 17px; font-weight: 900; color: #1a1a1a; margin: 0 0 6px 0; } .tom-benefit-card p { font-size: 14px; color: #666; margin: 0; line-height: 1.55; } /* ===== GRID 2 COLOANE ===== */ .tom-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; } .tom-grid2 img { width: 100%; display: block; border-radius: 18px; box-shadow: 0 6px 22px rgba(0,0,0,0.12); transition: transform 0.35s ease, box-shadow 0.35s ease; } .tom-grid2 img:hover { transform: scale(1.02); box-shadow: 0 12px 36px rgba(221,29,29,0.15); } /* ===== SECTIUNE TITLU ===== */ .tom-section-label { text-align: center; margin-bottom: 24px; } .tom-section-label h2 { font-size: 30px; font-weight: 900; background: linear-gradient(135deg, #dd1d1d, #ff6b35); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0 0 8px 0; } .tom-section-label p { font-size: 16px; color: #666; margin: 0; } /* ===== SECTIUNE SEZON (verde) ===== */ .tom-season { background: linear-gradient(135deg, #0a2e0a, #1a5c1a); border-radius: 24px; padding: 36px 40px; margin-bottom: 32px; color: white; text-align: center; } .tom-season h2 { font-size: 26px; font-weight: 900; color: #7fff7f; margin: 0 0 10px 0; } .tom-season p { color: rgba(255,255,255,0.78); font-size: 16px; margin: 0; line-height: 1.6; } /* ===== SECTIUNE UNDE E RECOMANDAT ===== */ .tom-where { background: linear-gradient(to bottom, #fff5f5, #ffffff); border-radius: 24px; padding: 44px 40px; margin-bottom: 32px; border: 2px solid #ffcdd2; } .tom-where h2 { font-size: 30px; font-weight: 900; color: #dd1d1d; text-align: center; margin: 0 0 8px 0; } .tom-where .sub { text-align: center; color: #666; font-size: 16px; margin: 0 0 28px 0; } /* 3 carduri MARI full-width stacked */ .tom-where-cards { display: flex; flex-direction: column; gap: 24px; } .tom-where-card { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 28px rgba(0,0,0,0.1); border: 2px solid #f0f0f0; transition: all 0.35s ease; display: grid; grid-template-columns: 1fr 1fr; min-height: 280px; } .tom-where-card:hover { transform: translateY(-7px); box-shadow: 0 20px 52px rgba(221,29,29,0.22); border-color: #dd1d1d; } .tom-where-card:nth-child(even) { direction: rtl; } .tom-where-card:nth-child(even) > * { direction: ltr; } .tom-where-card-img { overflow: hidden; } .tom-where-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .tom-where-card:hover .tom-where-card-img img { transform: scale(1.06); } .tom-where-card-body { padding: 32px 28px; display: flex; flex-direction: column; justify-content: center; } .tom-where-card-num { font-size: 48px; font-weight: 900; color: rgba(221,29,29,0.1); line-height: 1; margin-bottom: 8px; } .tom-where-card-body h3 { font-size: 22px; font-weight: 900; color: #dd1d1d; margin: 0 0 12px 0; } .tom-where-card-body p { font-size: 15px; color: #555; margin: 0; line-height: 1.65; } /* ===== SECTIUNE UTILIZARE ===== */ .tom-usage { background: #edf5ed; border-radius: 24px; padding: 44px 40px; margin-bottom: 32px; } .tom-usage h2 { font-size: 30px; font-weight: 900; color: #256b5d; text-align: center; margin: 0 0 8px 0; } .tom-usage .sub { text-align: center; color: #555; font-size: 16px; margin: 0 0 30px 0; } .tom-steps { display: flex; flex-direction: column; gap: 16px; margin-bottom: 28px; } .tom-step { background: white; border-radius: 18px; padding: 22px 26px; display: flex; align-items: center; gap: 22px; box-shadow: 0 4px 16px rgba(0,0,0,0.07); transition: all 0.3s ease; } .tom-step:hover { transform: translateX(12px); box-shadow: 0 8px 28px rgba(73,162,78,0.25); border-left: 4px solid #49a24e; } .tom-step-num { width: 56px; height: 56px; background: linear-gradient(135deg, #49a24e, #256b5d); color: white; font-size: 24px; font-weight: 900; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: 0 4px 14px rgba(73,162,78,0.4); } .tom-step h4 { font-size: 18px; font-weight: 800; color: #1a1a1a; margin: 0 0 5px 0; } .tom-step p { font-size: 14px; color: #555; margin: 0; line-height: 1.55; } /* ===== CTA FINAL ===== */ .tom-cta { background: linear-gradient(135deg, #dd1d1d, #8b0000); border-radius: 24px; padding: 50px 44px; text-align: center; color: white; position: relative; overflow: hidden; } .tom-cta::before { content: '🍅'; position: absolute; font-size: 200px; opacity: 0.05; top: -30px; right: -30px; animation: float 7s ease-in-out infinite; } .tom-cta h2 { font-size: 34px; font-weight: 900; margin: 0 0 14px 0; text-shadow: 0 2px 10px rgba(0,0,0,0.3); position: relative; z-index: 1; } .tom-cta p { font-size: 18px; color: rgba(255,255,255,0.88); margin: 0 0 30px 0; line-height: 1.65; position: relative; z-index: 1; } .tom-cta-pills { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; } .tom-cta-pill { background: rgba(255,255,255,0.15); border: 2px solid rgba(255,255,255,0.45); color: white; padding: 11px 24px; border-radius: 30px; font-size: 15px; font-weight: 700; transition: background 0.3s ease; } .tom-cta-pill:hover { background: rgba(255,255,255,0.28); } /* ===== RESPONSIVE ===== */ @media (max-width: 768px) { .tom-hero { padding: 34px 22px; } .tom-hero h1 { font-size: 28px; } .tom-hero p { font-size: 16px; } .tom-problem { padding: 30px 20px; } .tom-problem-grid { grid-template-columns: 1fr; } .tom-benefits { padding: 30px 20px; } .tom-benefits-grid { grid-template-columns: 1fr; } .tom-grid2 { grid-template-columns: 1fr; } .tom-where { padding: 30px 20px; } .tom-where-card { grid-template-columns: 1fr; min-height: auto; } .tom-where-card:nth-child(even) { direction: ltr; } .tom-where-card-img img { height: 220px; } .tom-usage { padding: 30px 20px; } .tom-cta { padding: 34px 22px; } .tom-cta h2 { font-size: 26px; } } 🌿 Biostimulator 100% Natural FLORAD TOMATISSusține cultura de roșii în fiecare etapă Fertilizant organo-mineral formulat pentru cultura de roșii — contribuie la susținerea proceselor de creștere, înflorire și fructificare. 🍅 Susținere în înflorire ☀️ Susținere în stres termic 🌱 Fără chimicale 🇷🇴 Fabricat în România ✅ Experiența utilizatorilor noștri Provocări frecvente în cultura de roșii Factori comuni care pot afecta dezvoltarea culturii 🌸 Căderea florilor Un fenomen frecvent asociat cu stresul termic sau dezechilibrele nutriționale. 🍅 Dezvoltare neuniformă a fructelor Poate apărea când planta nu beneficiază de nutriția adecvată în fazele critice. 🌿 Vigoare vegetativă scăzută Tulpini subțiri și frunze decolorate pot indica un sol cu disponibilitate redusă de nutrienți. ☀️ Sensibilitate la temperaturi ridicate La peste 30°C, procesele de polenizare și fecundare pot fi afectate semnificativ. ⚡ Aplicare foliară și radiculară Ce aduce FLORAD TOMATIS culturii tale? Formulat pentru nevoile specifice ale culturii de roșii 🛡️ Susținere în perioadele calde Contribuie la menținerea echilibrului hidric al plantei în perioadele cu temperaturi ridicate. 📈 Nutriție echilibrată Susține transportul nutrienților în plantă, contribuind la o dezvoltare uniformă pe toată înălțimea. 🍅 Susținere în faza de maturare Contribuie la absorbția nutrienților din sol, susținând procesele naturale de dezvoltare a fructelor. 🌿 Ingrediente naturale Formulă pe bază de materie organică, aminoacizi și microelemente. Fără substanțe chimice de sinteză. Compoziție adaptată culturii de roșii Utilizat în solarii, grădini și culturi intensive din România 📅 Aplicare pe tot parcursul sezonului Poate fi utilizat de la plantare până la sfârșitul sezonului de recoltare Unde este recomandat FLORAD TOMATIS? Formulat pentru cultura de roșii — adaptat diverselor condiții de cultură 01 În perioadele de stres termic La temperaturi ridicate, procesele de polenizare pot fi afectate. FLORAD TOMATIS contribuie la susținerea metabolismului plantei în perioadele dificile ale verii. 02 Diverse soiuri de roșii Inima boului, cherry, soiuri tradiționale sau hibrizi moderni — formulat pentru a susține nevoile nutriționale ale diferitelor tipuri de cultură. 03 Solar, grădină sau câmp Poate fi utilizat atât în solarii intensive, cât și în grădini familiale sau culturi de câmp, adaptându-se condițiilor specifice fiecărui mediu de cultură. 🌱 Ingrediente naturale — Fără substanțe chimice de sinteză Mod de utilizare Simplu, rapid, eficient — urmează cei 4 pași 1 Diluează 100ml la 10 litri de apă Un flacon de 1L îți ajunge pentru 100 litri de soluție — economie maximă pe tot sezonul. 2 Aplică dimineața sau seara târziu Pe sol umed, prin udare la rădăcină (min. 250ml/plantă) sau stropire foliară ușoară. 3 Urmează momentele cheie ale sezonului La plantare, la primele flori, în caniculă și la formarea fructelor — exact când planta are nevoie. 4 Repetă din 10 în 10 zile Aplicarea regulată contribuie la menținerea unui ritm constant de dezvoltare al culturii. Notă importantă: FLORAD TOMATIS® este un fertilizant organo-mineral destinat susținerii nutriționale a culturii de roșii. Nu are acțiune fitosanitară și nu înlocuiește tratamentele de protecție a plantelor. Rezultatele pot varia în funcție de starea inițială a culturii, condițiile de mediu, tipul de sol și respectarea modului de utilizare. Fotografiile și experiențele prezentate reflectă situații individuale ale utilizatorilor. Produs conform Regulamentului (UE) 2019/1009. 🍅 Susține-ți cultura de roșii în acest sezon Mii de grădinari din România aleg FLORAD TOMATIS în fiecare sezon.Comandă acum și oferă culturii tale susținerea de care are nevoie. ✅ 100% Natural 🚚 Livrare rapidă 🇷🇴 Fabricat în România 🌿 Fără substanțe chimice (function() { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' }); document.querySelectorAll('.reveal').forEach(function(el) { observer.observe(el); }); })();
More you might like
Related
TOMATIS
Related
TOMATIS
Related
TOMATIS, Humbert
Related