Il Gramignone \u2013 Piantine di Gramignone a Palermo<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --verde: #2d5a1b;\n --verde-medio: #3e7a27;\n --verde-chiaro: #6aaa42;\n --verde-pallido: #c8e6b0;\n --verde-menta: #e8f5e1;\n --terra: #8b5e3c;\n --sabbia: #f5f0e8;\n --bianco: #fefffe;\n --nero: #1a1a1a;\n --grigio: #666;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bianco);\n color: var(--nero);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NOISE TEXTURE OVERLAY \u2500\u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 9999;\n opacity: 0.4;\n }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n padding: 18px 60px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: var(--bianco);\n border-bottom: 1px solid rgba(45,90,27,0.1);\n box-shadow: 0 2px 20px rgba(0,0,0,0.06);\n }\n\n nav .logo img {\n height: 44px;\n width: auto;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 36px;\n }\n\n nav ul a {\n text-decoration: none;\n color: var(--verde);\n font-size: 0.88rem;\n font-weight: 500;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n position: relative;\n padding-bottom: 2px;\n }\n\n nav ul a::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 0; height: 1.5px;\n background: var(--verde-chiaro);\n transition: width 0.3s;\n }\n\n nav ul a:hover::after { width: 100%; }\n\n nav .cta-nav {\n background: var(--verde);\n color: var(--bianco) !important;\n padding: 10px 22px;\n border-radius: 30px;\n transition: background 0.2s, transform 0.2s !important;\n }\n nav .cta-nav:hover { background: var(--verde-medio); transform: translateY(-1px); }\n nav .cta-nav::after { display: none !important; }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n min-height: 100vh;\n background: var(--verde);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 120px 80px 80px;\n }\n\n \/* animated grass blades SVG bg *\/\n #hero-canvas {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 260px;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* big rotating botanical circle *\/\n .hero-circle {\n position: absolute;\n top: 50%; right: -180px;\n transform: translateY(-50%);\n width: 700px; height: 700px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.07);\n animation: slowSpin 40s linear infinite;\n }\n .hero-circle::before {\n content: '';\n position: absolute;\n inset: 40px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.05);\n }\n .hero-circle::after {\n content: '';\n position: absolute;\n inset: 100px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.04);\n }\n @keyframes slowSpin { to { transform: translateY(-50%) rotate(360deg); } }\n\n \/* scrolling word ticker *\/\n .hero-ticker-wrap {\n position: absolute;\n top: 0; left: 0; right: 0;\n overflow: hidden;\n height: 36px;\n background: rgba(255,255,255,0.06);\n display: flex;\n align-items: center;\n z-index: 3;\n }\n .hero-ticker {\n display: flex;\n gap: 0;\n animation: ticker 18s linear infinite;\n white-space: nowrap;\n }\n .hero-ticker span {\n font-size: 0.65rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.45);\n padding: 0 30px;\n }\n .hero-ticker span::after { content: '\u00b7'; margin-left: 30px; }\n @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n\n \/* main content *\/\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 780px;\n }\n\n .hero-eyebrow {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 32px;\n animation: fadeUp 0.9s 0.1s ease both;\n }\n .hero-eyebrow-line {\n width: 40px; height: 1px;\n background: var(--verde-chiaro);\n }\n .hero-eyebrow span {\n font-size: 0.72rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--verde-chiaro);\n font-weight: 500;\n }\n\n .hero-h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(4rem, 8vw, 8rem);\n color: var(--bianco);\n line-height: 0.95;\n margin-bottom: 36px;\n animation: fadeUp 0.9s 0.2s ease both;\n }\n .hero-h1 em {\n font-style: italic;\n color: var(--verde-pallido);\n display: block;\n }\n\n .hero-desc {\n color: rgba(255,255,255,0.7);\n font-size: 1.1rem;\n line-height: 1.75;\n max-width: 460px;\n font-weight: 300;\n margin-bottom: 48px;\n animation: fadeUp 0.9s 0.3s ease both;\n }\n\n .hero-btns {\n display: flex;\n gap: 16px;\n animation: fadeUp 0.9s 0.4s ease both;\n }\n\n .btn-primary {\n background: var(--bianco);\n color: var(--verde);\n padding: 14px 30px;\n border-radius: 30px;\n font-weight: 500;\n font-size: 0.95rem;\n text-decoration: none;\n transition: all 0.25s;\n box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.2); }\n\n .btn-ghost {\n border: 1.5px solid rgba(255,255,255,0.4);\n color: var(--bianco);\n padding: 14px 30px;\n border-radius: 30px;\n font-weight: 400;\n font-size: 0.95rem;\n text-decoration: none;\n transition: all 0.25s;\n }\n .btn-ghost:hover { border-color: white; background: rgba(255,255,255,0.1); }\n\n \/* floating botanical data badges *\/\n .hero-badges {\n position: absolute;\n right: 80px; top: 50%;\n transform: translateY(-50%);\n display: flex;\n flex-direction: column;\n gap: 16px;\n z-index: 3;\n animation: fadeUp 1s 0.6s ease both;\n }\n .hbadge {\n background: rgba(255,255,255,0.09);\n border: 1px solid rgba(255,255,255,0.14);\n border-radius: 14px;\n padding: 16px 22px;\n text-align: right;\n backdrop-filter: blur(6px);\n min-width: 160px;\n }\n .hbadge-val {\n font-family: 'Playfair Display', serif;\n font-size: 1.9rem;\n color: white;\n font-weight: 700;\n line-height: 1;\n }\n .hbadge-label {\n font-size: 0.72rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.5);\n margin-top: 4px;\n }\n\n \/* \u2500\u2500\u2500 STATS STRIP \u2500\u2500\u2500 *\/\n .stats-strip {\n background: var(--sabbia);\n padding: 50px 80px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n border-top: 1px solid var(--verde-pallido);\n border-bottom: 3px solid var(--verde-pallido);\n }\n\n .stat-item {\n text-align: center;\n padding: 10px 20px;\n border-right: 1px solid var(--verde-pallido);\n }\n .stat-item:last-child { border-right: none; }\n\n .stat-icon {\n font-size: 2rem;\n margin-bottom: 10px;\n }\n\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2.4rem;\n color: var(--verde);\n font-weight: 700;\n line-height: 1;\n margin-bottom: 6px;\n }\n\n .stat-label {\n font-size: 0.8rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--grigio);\n }\n\n \/* \u2500\u2500\u2500 SECTIONS SHARED \u2500\u2500\u2500 *\/\n section { padding: 100px 80px; }\n\n .section-tag {\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--verde-chiaro);\n font-weight: 500;\n margin-bottom: 14px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .section-tag::before {\n content: '';\n width: 30px; height: 1.5px;\n background: var(--verde-chiaro);\n }\n\n h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n color: var(--verde);\n line-height: 1.2;\n margin-bottom: 20px;\n }\n\n \/* \u2500\u2500\u2500 PRODOTTO \u2500\u2500\u2500 *\/\n #prodotto {\n background: var(--bianco);\n }\n\n .prodotto-intro-row {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 80px;\n align-items: start;\n margin-top: 50px;\n margin-bottom: 70px;\n }\n\n .prodotto-lead {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.4rem, 2.2vw, 1.9rem);\n color: var(--verde);\n line-height: 1.45;\n font-style: italic;\n }\n\n .prodotto-body p {\n color: var(--grigio);\n line-height: 1.8;\n font-size: 1rem;\n margin-bottom: 18px;\n font-weight: 300;\n }\n .prodotto-body p strong { color: var(--verde); font-weight: 500; }\n\n \/* accordion feature rows *\/\n .features-accordion {\n border-top: 1px solid var(--verde-pallido);\n }\n\n .facc-item {\n border-bottom: 1px solid var(--verde-pallido);\n overflow: hidden;\n }\n\n .facc-trigger {\n width: 100%;\n background: none;\n border: none;\n padding: 26px 0;\n display: flex;\n align-items: center;\n gap: 20px;\n cursor: pointer;\n text-align: left;\n font-family: 'DM Sans', sans-serif;\n }\n\n .facc-num {\n font-family: 'Playfair Display', serif;\n font-size: 0.85rem;\n color: var(--verde-chiaro);\n font-weight: 400;\n width: 28px;\n flex-shrink: 0;\n }\n\n .facc-title {\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--verde);\n flex: 1;\n }\n\n .facc-icon-wrap {\n font-size: 1.3rem;\n width: 40px;\n text-align: center;\n flex-shrink: 0;\n }\n\n .facc-arrow {\n width: 22px; height: 22px;\n border-radius: 50%;\n border: 1.5px solid var(--verde-pallido);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n transition: transform 0.35s, background 0.2s;\n color: var(--verde);\n font-size: 0.8rem;\n }\n .facc-item.open .facc-arrow {\n transform: rotate(45deg);\n background: var(--verde);\n color: white;\n border-color: var(--verde);\n }\n\n .facc-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n .facc-item.open .facc-body { max-height: 200px; }\n\n .facc-body-inner {\n padding: 0 0 26px 48px;\n color: var(--grigio);\n font-size: 0.97rem;\n line-height: 1.75;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 BOTANICA \u2500\u2500\u2500 *\/\n #botanica {\n background: var(--verde);\n position: relative;\n overflow: hidden;\n }\n\n #botanica::before {\n content: '';\n position: absolute;\n top: -120px; right: -120px;\n width: 450px; height: 450px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.08);\n }\n #botanica::after {\n content: '';\n position: absolute;\n bottom: -80px; left: 20%;\n width: 300px; height: 300px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n #botanica .section-tag { color: var(--verde-pallido); }\n #botanica .section-tag::before { background: var(--verde-pallido); }\n #botanica h2 { color: var(--bianco); }\n\n .botanica-intro {\n color: rgba(255,255,255,0.75);\n font-size: 1.05rem;\n line-height: 1.8;\n font-weight: 300;\n max-width: 700px;\n margin-bottom: 60px;\n }\n\n .cure-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n position: relative;\n z-index: 1;\n }\n\n .cura-card {\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 16px;\n padding: 36px 30px;\n transition: background 0.3s, transform 0.3s;\n }\n .cura-card:hover {\n background: rgba(255,255,255,0.12);\n transform: translateY(-4px);\n }\n\n .cura-icon {\n font-size: 2.2rem;\n margin-bottom: 18px;\n }\n\n .cura-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.35rem;\n color: var(--bianco);\n margin-bottom: 12px;\n }\n\n .cura-card p {\n color: rgba(255,255,255,0.65);\n font-size: 0.93rem;\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 PERCH\u00c9 \u2500\u2500\u2500 *\/\n #perche {\n background: var(--bianco);\n }\n\n .perche-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n margin-top: 60px;\n }\n\n .perche-item {\n display: flex;\n gap: 22px;\n align-items: flex-start;\n padding: 30px;\n border: 1px solid var(--verde-pallido);\n border-radius: 16px;\n transition: border-color 0.3s, box-shadow 0.3s;\n }\n .perche-item:hover {\n border-color: var(--verde-chiaro);\n box-shadow: 0 4px 24px rgba(45,90,27,0.1);\n }\n\n .perche-num {\n font-family: 'Playfair Display', serif;\n font-size: 2.8rem;\n color: var(--verde-pallido);\n font-weight: 700;\n line-height: 1;\n flex-shrink: 0;\n width: 50px;\n }\n\n .perche-item h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n color: var(--verde);\n margin-bottom: 10px;\n }\n\n .perche-item p {\n font-size: 0.93rem;\n color: var(--grigio);\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 RECENSIONI \u2500\u2500\u2500 *\/\n #recensioni {\n background: var(--verde-menta);\n border-top: 1px solid var(--verde-pallido);\n }\n\n .rec-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n margin-top: 60px;\n }\n\n .rec-card {\n background: white;\n padding: 36px 30px;\n border-radius: 16px;\n box-shadow: 0 2px 16px rgba(45,90,27,0.07);\n position: relative;\n }\n\n .rec-card::before {\n content: '\"';\n font-family: 'Playfair Display', serif;\n font-size: 6rem;\n color: var(--verde-pallido);\n position: absolute;\n top: 0; left: 20px;\n line-height: 1;\n pointer-events: none;\n }\n\n .stars { color: #f4a521; font-size: 1rem; margin-bottom: 18px; }\n\n .rec-card p {\n font-size: 0.97rem;\n color: var(--grigio);\n line-height: 1.75;\n font-weight: 300;\n font-style: italic;\n margin-bottom: 24px;\n position: relative;\n z-index: 1;\n }\n\n .rec-author {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .rec-avatar {\n width: 42px; height: 42px;\n border-radius: 50%;\n background: var(--verde-menta);\n border: 2px solid var(--verde-pallido);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n color: var(--verde);\n font-weight: 700;\n }\n\n .rec-author-name {\n font-weight: 500;\n font-size: 0.9rem;\n color: var(--verde);\n }\n .rec-author-label {\n font-size: 0.78rem;\n color: var(--grigio);\n }\n\n \/* \u2500\u2500\u2500 CONTATTI \u2500\u2500\u2500 *\/\n #contattaci {\n background: var(--verde);\n position: relative;\n overflow: hidden;\n }\n\n #contattaci::before {\n content: '';\n position: absolute;\n bottom: -100px; right: -100px;\n width: 400px; height: 400px;\n border-radius: 50%;\n background: rgba(255,255,255,0.04);\n }\n\n #contattaci .section-tag { color: var(--verde-pallido); }\n #contattaci .section-tag::before { background: var(--verde-pallido); }\n #contattaci h2 { color: var(--bianco); }\n\n .contatto-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n margin-top: 60px;\n align-items: start;\n }\n\n .contatto-intro {\n color: rgba(255,255,255,0.75);\n font-size: 1.05rem;\n line-height: 1.8;\n font-weight: 300;\n margin-bottom: 40px;\n }\n\n .contact-items {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 16px;\n color: white;\n }\n\n .contact-item .ci-icon {\n width: 44px; height: 44px;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n flex-shrink: 0;\n }\n\n .contact-item a {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n font-weight: 400;\n }\n .contact-item a:hover { text-decoration: underline; }\n .contact-item span {\n font-size: 1rem;\n font-weight: 300;\n color: rgba(255,255,255,0.85);\n }\n\n .phone-cta-box {\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 24px;\n padding: 50px 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n z-index: 1;\n gap: 28px;\n }\n\n .phone-cta-box .phone-icon {\n width: 70px; height: 70px;\n background: rgba(255,255,255,0.12);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n animation: pulse 2.5s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.2); }\n 50% { box-shadow: 0 0 0 16px rgba(255,255,255,0); }\n }\n\n .phone-cta-box p {\n color: rgba(255,255,255,0.7);\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 300;\n max-width: 300px;\n }\n\n .phone-cta-box .phone-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.4rem;\n color: white;\n font-weight: 700;\n letter-spacing: 0.02em;\n text-decoration: none;\n transition: color 0.2s;\n }\n .phone-cta-box .phone-number:hover { color: var(--verde-pallido); }\n\n .btn-call {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--bianco);\n color: var(--verde);\n padding: 16px 40px;\n border-radius: 50px;\n font-size: 1.05rem;\n font-weight: 500;\n text-decoration: none;\n transition: all 0.25s;\n box-shadow: 0 6px 30px rgba(0,0,0,0.2);\n letter-spacing: 0.02em;\n }\n .btn-call:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.25);\n background: var(--verde-pallido);\n }\n\n .phone-note {\n font-size: 0.8rem;\n color: rgba(255,255,255,0.4);\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: #1a2e12;\n padding: 50px 80px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid rgba(255,255,255,0.06);\n }\n\n footer img { height: 36px; opacity: 0.7; }\n\n footer p {\n color: rgba(255,255,255,0.4);\n font-size: 0.82rem;\n }\n\n footer a {\n color: rgba(255,255,255,0.4);\n text-decoration: none;\n }\n footer a:hover { color: rgba(255,255,255,0.7); }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes zoomOut {\n from { transform: scale(1.1); }\n to { transform: scale(1.04); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n nav { padding: 16px 30px; }\n #hero { padding: 100px 30px 80px; }\n .hero-badges { right: 30px; }\n section { padding: 80px 30px; }\n .stats-strip { padding: 40px 30px; }\n footer { padding: 40px 30px; }\n }\n\n @media (max-width: 768px) {\n #hero { padding: 90px 24px 100px; }\n .hero-badges { display: none; }\n .hero-circle { display: none; }\n .stats-strip { grid-template-columns: repeat(2, 1fr); }\n .stat-item:nth-child(2) { border-right: none; }\n .prodotto-intro-row { grid-template-columns: 1fr; gap: 30px; }\n .contatto-grid { grid-template-columns: 1fr; }\n .cure-grid, .rec-grid, .perche-grid { grid-template-columns: 1fr; }\n nav ul { display: none; }\n footer { flex-direction: column; gap: 20px; text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"logo\">\n <img decoding=\"async\" src=\"http:\/\/ilgramignone.it\/wp-content\/uploads\/2022\/05\/fffeff.png\" alt=\"Il Gramignone\">\n <\/div>\n <ul>\n <li><a href=\"#prodotto\">Il Prodotto<\/a><\/li>\n <li><a href=\"#botanica\">Cura & Botanica<\/a><\/li>\n <li><a href=\"#recensioni\">Recensioni<\/a><\/li>\n <li><a href=\"#contattaci\" class=\"cta-nav\">Contattaci<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section id=\"hero\">\n\n \n <div class=\"hero-ticker-wrap\">\n <div class=\"hero-ticker\">\n <span>Palermo, Sicilia<\/span><span>Stenotaphrum Secunda<\/span><span>Resistente al calpestio<\/span><span>Coltivazione diretta<\/span><span>Vivaio artigianale<\/span><span>100% naturale<\/span><span>Sud Italia<\/span><span>Manto erboso di qualit\u00e0<\/span>\n \n <span>Palermo, Sicilia<\/span><span>Stenotaphrum Secunda<\/span><span>Resistente al calpestio<\/span><span>Coltivazione diretta<\/span><span>Vivaio artigianale<\/span><span>100% naturale<\/span><span>Sud Italia<\/span><span>Manto erboso di qualit\u00e0<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-circle\"><\/div>\n\n \n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">\n <div class=\"hero-eyebrow-line\"><\/div>\n <span>Vivaio artigianale \u00b7 Palermo<\/span>\n <\/div>\n <h1 class=\"hero-h1\">Il<br><em>Gramignone<\/em><\/h1>\n <p class=\"hero-desc\">Piantine di gramignone coltivate direttamente nel nostro vivaio siciliano. Resistenti al caldo estremo, al calpestio e alla siccit\u00e0 \u2014 la scelta naturale per il tuo prato.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#prodotto\" class=\"btn-primary\">Scopri il prodotto<\/a>\n <a href=\"#contattaci\" class=\"btn-ghost\">Richiedi info<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-badges\">\n <div class=\"hbadge\">\n <div class=\"hbadge-val\">+45\u00b0<\/div>\n <div class=\"hbadge-label\">Resistenza al caldo<\/div>\n <\/div>\n <div class=\"hbadge\">\n <div class=\"hbadge-val\">4\u20135\u33a1<\/div>\n <div class=\"hbadge-label\">per contenitore<\/div>\n <\/div>\n <div class=\"hbadge\">\n <div class=\"hbadge-val\">\u22644\u00d7<\/div>\n <div class=\"hbadge-label\">Concimazioni l’anno<\/div>\n <\/div>\n <\/div>\n\n \n <svg id=\"hero-canvas\" viewBox=\"0 0 1440 260\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <style>\n .blade { transform-origin: bottom center; animation: sway 3s ease-in-out infinite alternate; }\n .b1 { animation-duration: 2.8s; animation-delay: 0s; }\n .b2 { animation-duration: 3.3s; animation-delay: 0.4s; }\n .b3 { animation-duration: 2.5s; animation-delay: 0.8s; }\n .b4 { animation-duration: 3.1s; animation-delay: 1.2s; }\n .b5 { animation-duration: 2.9s; animation-delay: 0.2s; }\n .b6 { animation-duration: 3.5s; animation-delay: 0.6s; }\n @keyframes sway { from { transform: rotate(-4deg); } to { transform: rotate(4deg); } }\n <\/style>\n <\/defs>\n \n <path d=\"M0 220 Q360 200 720 215 Q1080 230 1440 210 L1440 260 L0 260 Z\" fill=\"rgba(0,0,0,0.15)\"\/>\n \n <g fill=\"#1a3d0f\" opacity=\"0.7\">\n <ellipse class=\"blade b1\" cx=\"60\" cy=\"200\" rx=\"5\" ry=\"55\"\/>\n <ellipse class=\"blade b3\" cx=\"150\" cy=\"210\" rx=\"4\" ry=\"45\"\/>\n <ellipse class=\"blade b2\" cx=\"260\" cy=\"205\" rx=\"6\" ry=\"60\"\/>\n <ellipse class=\"blade b4\" cx=\"380\" cy=\"215\" rx=\"5\" ry=\"50\"\/>\n <ellipse class=\"blade b1\" cx=\"490\" cy=\"200\" rx=\"4\" ry=\"65\"\/>\n <ellipse class=\"blade b5\" cx=\"610\" cy=\"210\" rx=\"6\" ry=\"55\"\/>\n <ellipse class=\"blade b3\" cx=\"700\" cy=\"205\" rx=\"5\" ry=\"48\"\/>\n <ellipse class=\"blade b6\" cx=\"810\" cy=\"215\" rx=\"4\" ry=\"62\"\/>\n <ellipse class=\"blade b2\" cx=\"940\" cy=\"200\" rx=\"6\" ry=\"57\"\/>\n <ellipse class=\"blade b4\" cx=\"1060\" cy=\"210\" rx=\"5\" ry=\"52\"\/>\n <ellipse class=\"blade b1\" cx=\"1160\" cy=\"205\" rx=\"4\" ry=\"66\"\/>\n <ellipse class=\"blade b3\" cx=\"1280\" cy=\"215\" rx=\"6\" ry=\"50\"\/>\n <ellipse class=\"blade b5\" cx=\"1390\" cy=\"200\" rx=\"5\" ry=\"58\"\/>\n <\/g>\n \n <g fill=\"#234d15\" opacity=\"0.85\">\n <ellipse class=\"blade b2\" cx=\"30\" cy=\"215\" rx=\"4\" ry=\"44\"\/>\n <ellipse class=\"blade b5\" cx=\"110\" cy=\"220\" rx=\"5\" ry=\"38\"\/>\n <ellipse class=\"blade b1\" cx=\"200\" cy=\"212\" rx=\"6\" ry=\"52\"\/>\n <ellipse class=\"blade b4\" cx=\"320\" cy=\"218\" rx=\"4\" ry=\"42\"\/>\n <ellipse class=\"blade b3\" cx=\"435\" cy=\"213\" rx=\"5\" ry=\"58\"\/>\n <ellipse class=\"blade b6\" cx=\"545\" cy=\"220\" rx=\"4\" ry=\"46\"\/>\n <ellipse class=\"blade b2\" cx=\"655\" cy=\"214\" rx=\"6\" ry=\"53\"\/>\n <ellipse class=\"blade b1\" cx=\"760\" cy=\"219\" rx=\"5\" ry=\"40\"\/>\n <ellipse class=\"blade b4\" cx=\"880\" cy=\"213\" rx=\"4\" ry=\"60\"\/>\n <ellipse class=\"blade b5\" cx=\"1000\" cy=\"218\" rx=\"6\" ry=\"44\"\/>\n <ellipse class=\"blade b3\" cx=\"1100\" cy=\"212\" rx=\"5\" ry=\"50\"\/>\n <ellipse class=\"blade b6\" cx=\"1220\" cy=\"220\" rx=\"4\" ry=\"38\"\/>\n <ellipse class=\"blade b2\" cx=\"1330\" cy=\"214\" rx=\"6\" ry=\"55\"\/>\n <ellipse class=\"blade b1\" cx=\"1420\" cy=\"219\" rx=\"5\" ry=\"42\"\/>\n <\/g>\n \n <g fill=\"#3e7a27\" opacity=\"0.9\">\n <ellipse class=\"blade b3\" cx=\"20\" cy=\"230\" rx=\"5\" ry=\"34\"\/>\n <ellipse class=\"blade b6\" cx=\"85\" cy=\"225\" rx=\"4\" ry=\"40\"\/>\n <ellipse class=\"blade b1\" cx=\"175\" cy=\"232\" rx=\"6\" ry=\"30\"\/>\n <ellipse class=\"blade b4\" cx=\"285\" cy=\"226\" rx=\"5\" ry=\"36\"\/>\n <ellipse class=\"blade b2\" cx=\"360\" cy=\"230\" rx=\"4\" ry=\"42\"\/>\n <ellipse class=\"blade b5\" cx=\"460\" cy=\"225\" rx=\"6\" ry=\"33\"\/>\n <ellipse class=\"blade b3\" cx=\"570\" cy=\"231\" rx=\"5\" ry=\"38\"\/>\n <ellipse class=\"blade b1\" cx=\"680\" cy=\"226\" rx=\"4\" ry=\"44\"\/>\n <ellipse class=\"blade b6\" cx=\"775\" cy=\"230\" rx=\"6\" ry=\"32\"\/>\n <ellipse class=\"blade b2\" cx=\"870\" cy=\"225\" rx=\"5\" ry=\"39\"\/>\n <ellipse class=\"blade b4\" cx=\"975\" cy=\"231\" rx=\"4\" ry=\"35\"\/>\n <ellipse class=\"blade b5\" cx=\"1080\" cy=\"226\" rx=\"6\" ry=\"43\"\/>\n <ellipse class=\"blade b1\" cx=\"1175\" cy=\"230\" rx=\"5\" ry=\"31\"\/>\n <ellipse class=\"blade b3\" cx=\"1260\" cy=\"225\" rx=\"4\" ry=\"40\"\/>\n <ellipse class=\"blade b6\" cx=\"1360\" cy=\"232\" rx=\"6\" ry=\"36\"\/>\n <ellipse class=\"blade b2\" cx=\"1435\" cy=\"227\" rx=\"5\" ry=\"34\"\/>\n <\/g>\n \n <rect x=\"0\" y=\"240\" width=\"1440\" height=\"20\" fill=\"rgba(0,0,0,0.2)\"\/>\n <\/svg>\n\n<\/section>\n\n\n<div class=\"stats-strip\">\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\u2600\ufe0f<\/div>\n <div class=\"stat-num\">+45\u00b0<\/div>\n <div class=\"stat-label\">Resistenza al caldo<\/div>\n <\/div>\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\u2702\ufe0f<\/div>\n <div class=\"stat-num\">12<\/div>\n <div class=\"stat-label\">Giorni tra un taglio e l’altro<\/div>\n <\/div>\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\ud83d\udca7<\/div>\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Giorni tra un’irrigazione e l’altra<\/div>\n <\/div>\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\ud83d\udcd0<\/div>\n <div class=\"stat-num\">4\u20135\u33a1<\/div>\n <div class=\"stat-label\">Copertura per singolo contenitore<\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"prodotto\">\n <div class=\"section-tag\">Il nostro prodotto<\/div>\n <h2>Gramignone in Piantine<\/h2>\n\n <div class=\"prodotto-intro-row reveal\">\n <p class=\"prodotto-lead\">\u00abPiantine cresciute in composto di terra e torba, con un apparato radicale robusto pronto ad attecchire \u2014 e a resistere a tutto.\u00bb<\/p>\n <div class=\"prodotto-body\">\n <p>Con un singolo contenitore \u00e8 possibile coprire circa <strong>4\u20135 mq<\/strong>, distribuendo le piantine a 10\u201315 cm di distanza. In una stagione si ottiene una copertura uniforme e densa.<\/p>\n <p>Coltiviamo e vendiamo direttamente, senza intermediari: ogni piantina parte dal nostro vivaio di Palermo e arriva da te nelle migliori condizioni.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"features-accordion reveal\">\n\n <div class=\"facc-item open\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">01<\/span>\n <span class=\"facc-icon-wrap\">\u2600\ufe0f<\/span>\n <span class=\"facc-title\">Resistente al caldo estremo<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Sopporta le temperature estive siciliane senza cedere. Ideale per climi mediterranei con estati lunghe e calde, non richiede protezioni particolari neanche nelle giornate pi\u00f9 torride.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"facc-item\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">02<\/span>\n <span class=\"facc-icon-wrap\">\ud83d\udc63<\/span>\n <span class=\"facc-title\">Resiste al calpestio intenso<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Perfetta per giardini frequentati da bambini, animali domestici e attivit\u00e0 sportive leggere. I suoi stoloni si rigenerano rapidamente anche dopo un uso intensivo del prato.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"facc-item\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">03<\/span>\n <span class=\"facc-icon-wrap\">\ud83c\udf31<\/span>\n <span class=\"facc-title\">Manutenzione ridotta al minimo<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Solo 4 concimazioni l’anno e tagli ogni 10\u201312 giorni nei mesi caldi. In inverno la frequenza si riduce drasticamente. Un prato bello senza impegnarci ore ogni settimana.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"facc-item\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">04<\/span>\n <span class=\"facc-icon-wrap\">\ud83d\udca7<\/span>\n <span class=\"facc-title\">Basso consumo idrico<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Tollerante alla siccit\u00e0 una volta ben radicato. 10\u201312 mm ogni 2\u20133 giorni sono sufficienti anche d’estate, e il gramignone accetta acqua di qualit\u00e0 non eccelsa riducendo i costi di gestione.<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"botanica\">\n <div class=\"section-tag\">Botanica & Cura<\/div>\n <h2>Stenotaphrum secunda<\/h2>\n <p class=\"botanica-intro\">Il nome botanico della graminacea che coltiviamo. Si riproduce per stoloni e non per seme: una caratteristica che rende il gramignone particolarmente robusto e capace di colonizzare rapidamente il terreno. Prediligendo l’impianto tramite stoloni, plantule o rotoli, \u00e8 consigliato procedere in primavera avanzata o all’inizio dell’autunno, per evitare stress termici alle giovani piante.<\/p>\n\n <div class=\"cure-grid\">\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\u2702\ufe0f<\/div>\n <h3>Taglio<\/h3>\n <p>Richiede falciature ogni 10\u201312 giorni circa durante i mesi pi\u00f9 caldi. Si consiglia di effettuare il taglio con <strong>lame rotative<\/strong> per garantire un risultato uniforme senza stressare il manto erboso. In inverno la frequenza si riduce drasticamente.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83d\udca7<\/div>\n <h3>Irrigazione<\/h3>\n <p>Grazie alla buona resistenza alla siccit\u00e0, durante la stagione calda si distribuiscono <strong>10\u201312 mm ogni 2\u20133 giorni<\/strong>. Il gramignone accetta anche acqua di qualit\u00e0 non eccelsa, risultando perfetto anche in zone con approvvigionamento idrico limitato.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83c\udf3f<\/div>\n <h3>Concimazione<\/h3>\n <p>Si tratta di un prato con <strong>esigenze molto modeste<\/strong>: bastano al massimo quattro interventi l’anno. Questi possono essere ridotti ulteriormente in caso di necessit\u00e0, con la sola conseguenza di una lieve riduzione della colorazione verde brillante.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83c\udf21\ufe0f<\/div>\n <h3>Clima ideale<\/h3>\n <p>Il gramignone predilige climi <strong>caldi e soleggiati<\/strong>: \u00e8 perfetto per il Sud Italia, le isole e tutte le zone con estati lunghe. Tollera temperature molto elevate senza perdere vigore, purch\u00e9 non resti completamente privo d’acqua nei periodi pi\u00f9 critici.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83e\udeb4<\/div>\n <h3>Impianto<\/h3>\n <p>Il momento migliore per la messa a dimora \u00e8 <strong>tarda primavera o inizio autunno<\/strong>. Le piantine si distribuiscono a 10\u201315 cm di distanza. Nei primi 30 giorni \u00e8 fondamentale garantire irrigazioni pi\u00f9 frequenti per favorire l’attecchimento delle radici.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83c\udf3e<\/div>\n <h3>Riproduzione<\/h3>\n <p>La pianta si moltiplica per <strong>stoloni orizzontali<\/strong>, che si diffondono rapidamente sul terreno. Questo meccanismo garantisce una copertura sempre pi\u00f9 densa nel tempo, colmando naturalmente eventuali lacune nel manto erboso senza interventi aggiuntivi.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"perche\">\n <div class=\"section-tag\">Perch\u00e9 sceglierci<\/div>\n <h2>Il Gramignone di Andrea Liga<\/h2>\n <div class=\"perche-grid\">\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">01<\/div>\n <div>\n <h3>Produzione diretta<\/h3>\n <p>Coltiviamo personalmente ogni piantina nel nostro vivaio a Palermo. Nessun intermediario: dal nostro campo al tuo giardino, con la massima cura in ogni passaggio.<\/p>\n <\/div>\n <\/div>\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">02<\/div>\n <div>\n <h3>Anni di esperienza<\/h3>\n <p>Andrea Liga coltiva gramignone da anni, selezionando le variet\u00e0 pi\u00f9 adatte al clima siciliano. La passione per il verde si traduce in un prodotto di qualit\u00e0 eccellente e costante.<\/p>\n <\/div>\n <\/div>\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">03<\/div>\n <div>\n <h3>Consulenza personalizzata<\/h3>\n <p>Ogni giardino \u00e8 diverso. Forniamo consigli su misura per la preparazione del terreno, la distanza di impianto e il piano di cura ideale per il tuo spazio verde.<\/p>\n <\/div>\n <\/div>\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">04<\/div>\n <div>\n <h3>Prodotto siciliano<\/h3>\n <p>Il gramignone che vendiamo \u00e8 acclimatato al territorio siciliano e mediterraneo: resistente, vigoroso e abituato al sole cocente. Non importiamo: cresciamo qui, come te.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"recensioni\">\n <div class=\"section-tag\">Cosa dicono di noi<\/div>\n <h2>Clienti Soddisfatti<\/h2>\n <div class=\"rec-grid\">\n <div class=\"rec-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Gramignone eccellente con terra di qualit\u00e0. Ho gi\u00e0 acquistato questo prodotto 4 anni fa e se ho percorso oltre 100 km per acquistarlo ancora una volta un motivo ci sar\u00e0. Non c’\u00e8 paragone con quanto trovato altrove.<\/p>\n <div class=\"rec-author\">\n <div class=\"rec-avatar\">M<\/div>\n <div>\n <div class=\"rec-author-name\">Maria D.<\/div>\n <div class=\"rec-author-label\">Cliente fidelizzata<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rec-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>La migliore qualit\u00e0 di gramignone. Cresciuto con cura e pronto per i vostri giardini. Andrea, il proprietario, \u00e8 sempre cortese e professionale. Straconsigliato a chiunque voglia un prato di qualit\u00e0.<\/p>\n <div class=\"rec-author\">\n <div class=\"rec-avatar\">R<\/div>\n <div>\n <div class=\"rec-author-name\">Roberto M.<\/div>\n <div class=\"rec-author-label\">Proprietario di villa<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rec-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Ho rifatto tutto il prato del mio B&B con il gramignone di Andrea. Dopo due stagioni il risultato \u00e8 straordinario: verde, compatto, praticamente senza manutenzione. I clienti non smettono di fare complimenti.<\/p>\n <div class=\"rec-author\">\n <div class=\"rec-avatar\">G<\/div>\n <div>\n <div class=\"rec-author-name\">Giuseppe F.<\/div>\n <div class=\"rec-author-label\">Titolare B&B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contattaci\">\n <div class=\"section-tag\">Contatti<\/div>\n <h2>Parliamo del tuo prato<\/h2>\n\n <div class=\"contatto-grid\">\n <div>\n <p class=\"contatto-intro\">Sei interessato a comprare delle piantine o hai bisogno di consigli personalizzati? Scrivici o chiamaci direttamente. Rispondiamo velocemente e con piacere.<\/p>\n <div class=\"contact-items\">\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\ud83d\udcde<\/div>\n <a href=\"tel:+393386467187\">338.646.7187<\/a>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\u2709\ufe0f<\/div>\n <a href=\"mailto:info@ilgramignone.it\">info@ilgramignone.it<\/a>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\ud83d\udccd<\/div>\n <span>Cortile dei Quartieri s.n.c. \u2014 Palermo (PA) 90146<\/span>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\ud83d\udcd8<\/div>\n <a href=\"https:\/\/www.facebook.com\/gramignone\/\" target=\"_blank\">Seguici su Facebook<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"phone-cta-box reveal\">\n <div class=\"phone-icon\">\ud83d\udcde<\/div>\n <p>Hai domande sulle piantine, sulle quantit\u00e0 o sulla messa a dimora? Andrea risponde direttamente.<\/p>\n <a href=\"tel:+393386467187\" class=\"phone-number\">338.646.7187<\/a>\n <a href=\"tel:+393386467187\" class=\"btn-call\">\n \ud83d\udcde Chiama ora\n <\/a>\n <span class=\"phone-note\">Lun \u2013 Sab \u00b7 8:00 \u2013 19:00<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <img decoding=\"async\" src=\"http:\/\/ilgramignone.it\/wp-content\/uploads\/2022\/05\/fffeff.png\" alt=\"Il Gramignone\">\n <p>\u00a9 2026 Il Gramignone di Andrea Liga \u2014 Palermo | <a href=\"mailto:info@ilgramignone.it\">info@ilgramignone.it<\/a> | Realizzato da <a href=\"https:\/\/dedalux.com\" target=\"_blank\">DEDALUX<\/a><\/p>\n<\/footer>\n\n<script>\n \/\/ Accordion\n function toggleAcc(btn) {\n const item = btn.closest('.facc-item');\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.facc-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n }\n\n \/\/ Scroll reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 80);\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(el => observer.observe(el));\n\n \/\/ Nav always white - no scroll behavior needed\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Il Gramignone \u2013 Piantine di Gramignone a Palermo Il Prodotto Cura & Botanica Recensioni Contattaci Palermo, SiciliaStenotaphrum SecundaResistente al calpestioColtivazione direttaVivaio artigianale100% naturaleSud ItaliaManto erboso di qualit\u00e0 Palermo, SiciliaStenotaphrum SecundaResistente al calpestioColtivazione direttaVivaio artigianale100% naturaleSud ItaliaManto erboso di qualit\u00e0 Vivaio artigianale \u00b7 Palermo IlGramignone Piantine di gramignone coltivate direttamente nel nostro vivaio siciliano. Resistenti al […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":109,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":5185,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages\/95\/revisions\/5185"}],"wp:attachment":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":95,"date":"2018-06-18T06:57:36","date_gmt":"2018-06-18T06:57:36","guid":{"rendered":"http:\/\/ilgramignone.it\/index.php\/home\/"},"modified":"2026-05-27T11:46:42","modified_gmt":"2026-05-27T09:46:42","slug":"home","status":"publish","type":"page","link":"https:\/\/ilgramignone.it\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nIl Gramignone \u2013 Piantine di Gramignone a Palermo<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --verde: #2d5a1b;\n --verde-medio: #3e7a27;\n --verde-chiaro: #6aaa42;\n --verde-pallido: #c8e6b0;\n --verde-menta: #e8f5e1;\n --terra: #8b5e3c;\n --sabbia: #f5f0e8;\n --bianco: #fefffe;\n --nero: #1a1a1a;\n --grigio: #666;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bianco);\n color: var(--nero);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NOISE TEXTURE OVERLAY \u2500\u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 9999;\n opacity: 0.4;\n }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n padding: 18px 60px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: var(--bianco);\n border-bottom: 1px solid rgba(45,90,27,0.1);\n box-shadow: 0 2px 20px rgba(0,0,0,0.06);\n }\n\n nav .logo img {\n height: 44px;\n width: auto;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 36px;\n }\n\n nav ul a {\n text-decoration: none;\n color: var(--verde);\n font-size: 0.88rem;\n font-weight: 500;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n position: relative;\n padding-bottom: 2px;\n }\n\n nav ul a::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 0; height: 1.5px;\n background: var(--verde-chiaro);\n transition: width 0.3s;\n }\n\n nav ul a:hover::after { width: 100%; }\n\n nav .cta-nav {\n background: var(--verde);\n color: var(--bianco) !important;\n padding: 10px 22px;\n border-radius: 30px;\n transition: background 0.2s, transform 0.2s !important;\n }\n nav .cta-nav:hover { background: var(--verde-medio); transform: translateY(-1px); }\n nav .cta-nav::after { display: none !important; }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n min-height: 100vh;\n background: var(--verde);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 120px 80px 80px;\n }\n\n \/* animated grass blades SVG bg *\/\n #hero-canvas {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 260px;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* big rotating botanical circle *\/\n .hero-circle {\n position: absolute;\n top: 50%; right: -180px;\n transform: translateY(-50%);\n width: 700px; height: 700px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.07);\n animation: slowSpin 40s linear infinite;\n }\n .hero-circle::before {\n content: '';\n position: absolute;\n inset: 40px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.05);\n }\n .hero-circle::after {\n content: '';\n position: absolute;\n inset: 100px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.04);\n }\n @keyframes slowSpin { to { transform: translateY(-50%) rotate(360deg); } }\n\n \/* scrolling word ticker *\/\n .hero-ticker-wrap {\n position: absolute;\n top: 0; left: 0; right: 0;\n overflow: hidden;\n height: 36px;\n background: rgba(255,255,255,0.06);\n display: flex;\n align-items: center;\n z-index: 3;\n }\n .hero-ticker {\n display: flex;\n gap: 0;\n animation: ticker 18s linear infinite;\n white-space: nowrap;\n }\n .hero-ticker span {\n font-size: 0.65rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.45);\n padding: 0 30px;\n }\n .hero-ticker span::after { content: '\u00b7'; margin-left: 30px; }\n @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n\n \/* main content *\/\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 780px;\n }\n\n .hero-eyebrow {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 32px;\n animation: fadeUp 0.9s 0.1s ease both;\n }\n .hero-eyebrow-line {\n width: 40px; height: 1px;\n background: var(--verde-chiaro);\n }\n .hero-eyebrow span {\n font-size: 0.72rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--verde-chiaro);\n font-weight: 500;\n }\n\n .hero-h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(4rem, 8vw, 8rem);\n color: var(--bianco);\n line-height: 0.95;\n margin-bottom: 36px;\n animation: fadeUp 0.9s 0.2s ease both;\n }\n .hero-h1 em {\n font-style: italic;\n color: var(--verde-pallido);\n display: block;\n }\n\n .hero-desc {\n color: rgba(255,255,255,0.7);\n font-size: 1.1rem;\n line-height: 1.75;\n max-width: 460px;\n font-weight: 300;\n margin-bottom: 48px;\n animation: fadeUp 0.9s 0.3s ease both;\n }\n\n .hero-btns {\n display: flex;\n gap: 16px;\n animation: fadeUp 0.9s 0.4s ease both;\n }\n\n .btn-primary {\n background: var(--bianco);\n color: var(--verde);\n padding: 14px 30px;\n border-radius: 30px;\n font-weight: 500;\n font-size: 0.95rem;\n text-decoration: none;\n transition: all 0.25s;\n box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.2); }\n\n .btn-ghost {\n border: 1.5px solid rgba(255,255,255,0.4);\n color: var(--bianco);\n padding: 14px 30px;\n border-radius: 30px;\n font-weight: 400;\n font-size: 0.95rem;\n text-decoration: none;\n transition: all 0.25s;\n }\n .btn-ghost:hover { border-color: white; background: rgba(255,255,255,0.1); }\n\n \/* floating botanical data badges *\/\n .hero-badges {\n position: absolute;\n right: 80px; top: 50%;\n transform: translateY(-50%);\n display: flex;\n flex-direction: column;\n gap: 16px;\n z-index: 3;\n animation: fadeUp 1s 0.6s ease both;\n }\n .hbadge {\n background: rgba(255,255,255,0.09);\n border: 1px solid rgba(255,255,255,0.14);\n border-radius: 14px;\n padding: 16px 22px;\n text-align: right;\n backdrop-filter: blur(6px);\n min-width: 160px;\n }\n .hbadge-val {\n font-family: 'Playfair Display', serif;\n font-size: 1.9rem;\n color: white;\n font-weight: 700;\n line-height: 1;\n }\n .hbadge-label {\n font-size: 0.72rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.5);\n margin-top: 4px;\n }\n\n \/* \u2500\u2500\u2500 STATS STRIP \u2500\u2500\u2500 *\/\n .stats-strip {\n background: var(--sabbia);\n padding: 50px 80px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n border-top: 1px solid var(--verde-pallido);\n border-bottom: 3px solid var(--verde-pallido);\n }\n\n .stat-item {\n text-align: center;\n padding: 10px 20px;\n border-right: 1px solid var(--verde-pallido);\n }\n .stat-item:last-child { border-right: none; }\n\n .stat-icon {\n font-size: 2rem;\n margin-bottom: 10px;\n }\n\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2.4rem;\n color: var(--verde);\n font-weight: 700;\n line-height: 1;\n margin-bottom: 6px;\n }\n\n .stat-label {\n font-size: 0.8rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--grigio);\n }\n\n \/* \u2500\u2500\u2500 SECTIONS SHARED \u2500\u2500\u2500 *\/\n section { padding: 100px 80px; }\n\n .section-tag {\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--verde-chiaro);\n font-weight: 500;\n margin-bottom: 14px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .section-tag::before {\n content: '';\n width: 30px; height: 1.5px;\n background: var(--verde-chiaro);\n }\n\n h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n color: var(--verde);\n line-height: 1.2;\n margin-bottom: 20px;\n }\n\n \/* \u2500\u2500\u2500 PRODOTTO \u2500\u2500\u2500 *\/\n #prodotto {\n background: var(--bianco);\n }\n\n .prodotto-intro-row {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 80px;\n align-items: start;\n margin-top: 50px;\n margin-bottom: 70px;\n }\n\n .prodotto-lead {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.4rem, 2.2vw, 1.9rem);\n color: var(--verde);\n line-height: 1.45;\n font-style: italic;\n }\n\n .prodotto-body p {\n color: var(--grigio);\n line-height: 1.8;\n font-size: 1rem;\n margin-bottom: 18px;\n font-weight: 300;\n }\n .prodotto-body p strong { color: var(--verde); font-weight: 500; }\n\n \/* accordion feature rows *\/\n .features-accordion {\n border-top: 1px solid var(--verde-pallido);\n }\n\n .facc-item {\n border-bottom: 1px solid var(--verde-pallido);\n overflow: hidden;\n }\n\n .facc-trigger {\n width: 100%;\n background: none;\n border: none;\n padding: 26px 0;\n display: flex;\n align-items: center;\n gap: 20px;\n cursor: pointer;\n text-align: left;\n font-family: 'DM Sans', sans-serif;\n }\n\n .facc-num {\n font-family: 'Playfair Display', serif;\n font-size: 0.85rem;\n color: var(--verde-chiaro);\n font-weight: 400;\n width: 28px;\n flex-shrink: 0;\n }\n\n .facc-title {\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--verde);\n flex: 1;\n }\n\n .facc-icon-wrap {\n font-size: 1.3rem;\n width: 40px;\n text-align: center;\n flex-shrink: 0;\n }\n\n .facc-arrow {\n width: 22px; height: 22px;\n border-radius: 50%;\n border: 1.5px solid var(--verde-pallido);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n transition: transform 0.35s, background 0.2s;\n color: var(--verde);\n font-size: 0.8rem;\n }\n .facc-item.open .facc-arrow {\n transform: rotate(45deg);\n background: var(--verde);\n color: white;\n border-color: var(--verde);\n }\n\n .facc-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n .facc-item.open .facc-body { max-height: 200px; }\n\n .facc-body-inner {\n padding: 0 0 26px 48px;\n color: var(--grigio);\n font-size: 0.97rem;\n line-height: 1.75;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 BOTANICA \u2500\u2500\u2500 *\/\n #botanica {\n background: var(--verde);\n position: relative;\n overflow: hidden;\n }\n\n #botanica::before {\n content: '';\n position: absolute;\n top: -120px; right: -120px;\n width: 450px; height: 450px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.08);\n }\n #botanica::after {\n content: '';\n position: absolute;\n bottom: -80px; left: 20%;\n width: 300px; height: 300px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n #botanica .section-tag { color: var(--verde-pallido); }\n #botanica .section-tag::before { background: var(--verde-pallido); }\n #botanica h2 { color: var(--bianco); }\n\n .botanica-intro {\n color: rgba(255,255,255,0.75);\n font-size: 1.05rem;\n line-height: 1.8;\n font-weight: 300;\n max-width: 700px;\n margin-bottom: 60px;\n }\n\n .cure-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n position: relative;\n z-index: 1;\n }\n\n .cura-card {\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 16px;\n padding: 36px 30px;\n transition: background 0.3s, transform 0.3s;\n }\n .cura-card:hover {\n background: rgba(255,255,255,0.12);\n transform: translateY(-4px);\n }\n\n .cura-icon {\n font-size: 2.2rem;\n margin-bottom: 18px;\n }\n\n .cura-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.35rem;\n color: var(--bianco);\n margin-bottom: 12px;\n }\n\n .cura-card p {\n color: rgba(255,255,255,0.65);\n font-size: 0.93rem;\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 PERCH\u00c9 \u2500\u2500\u2500 *\/\n #perche {\n background: var(--bianco);\n }\n\n .perche-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n margin-top: 60px;\n }\n\n .perche-item {\n display: flex;\n gap: 22px;\n align-items: flex-start;\n padding: 30px;\n border: 1px solid var(--verde-pallido);\n border-radius: 16px;\n transition: border-color 0.3s, box-shadow 0.3s;\n }\n .perche-item:hover {\n border-color: var(--verde-chiaro);\n box-shadow: 0 4px 24px rgba(45,90,27,0.1);\n }\n\n .perche-num {\n font-family: 'Playfair Display', serif;\n font-size: 2.8rem;\n color: var(--verde-pallido);\n font-weight: 700;\n line-height: 1;\n flex-shrink: 0;\n width: 50px;\n }\n\n .perche-item h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n color: var(--verde);\n margin-bottom: 10px;\n }\n\n .perche-item p {\n font-size: 0.93rem;\n color: var(--grigio);\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 RECENSIONI \u2500\u2500\u2500 *\/\n #recensioni {\n background: var(--verde-menta);\n border-top: 1px solid var(--verde-pallido);\n }\n\n .rec-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n margin-top: 60px;\n }\n\n .rec-card {\n background: white;\n padding: 36px 30px;\n border-radius: 16px;\n box-shadow: 0 2px 16px rgba(45,90,27,0.07);\n position: relative;\n }\n\n .rec-card::before {\n content: '\"';\n font-family: 'Playfair Display', serif;\n font-size: 6rem;\n color: var(--verde-pallido);\n position: absolute;\n top: 0; left: 20px;\n line-height: 1;\n pointer-events: none;\n }\n\n .stars { color: #f4a521; font-size: 1rem; margin-bottom: 18px; }\n\n .rec-card p {\n font-size: 0.97rem;\n color: var(--grigio);\n line-height: 1.75;\n font-weight: 300;\n font-style: italic;\n margin-bottom: 24px;\n position: relative;\n z-index: 1;\n }\n\n .rec-author {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .rec-avatar {\n width: 42px; height: 42px;\n border-radius: 50%;\n background: var(--verde-menta);\n border: 2px solid var(--verde-pallido);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n color: var(--verde);\n font-weight: 700;\n }\n\n .rec-author-name {\n font-weight: 500;\n font-size: 0.9rem;\n color: var(--verde);\n }\n .rec-author-label {\n font-size: 0.78rem;\n color: var(--grigio);\n }\n\n \/* \u2500\u2500\u2500 CONTATTI \u2500\u2500\u2500 *\/\n #contattaci {\n background: var(--verde);\n position: relative;\n overflow: hidden;\n }\n\n #contattaci::before {\n content: '';\n position: absolute;\n bottom: -100px; right: -100px;\n width: 400px; height: 400px;\n border-radius: 50%;\n background: rgba(255,255,255,0.04);\n }\n\n #contattaci .section-tag { color: var(--verde-pallido); }\n #contattaci .section-tag::before { background: var(--verde-pallido); }\n #contattaci h2 { color: var(--bianco); }\n\n .contatto-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n margin-top: 60px;\n align-items: start;\n }\n\n .contatto-intro {\n color: rgba(255,255,255,0.75);\n font-size: 1.05rem;\n line-height: 1.8;\n font-weight: 300;\n margin-bottom: 40px;\n }\n\n .contact-items {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 16px;\n color: white;\n }\n\n .contact-item .ci-icon {\n width: 44px; height: 44px;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n flex-shrink: 0;\n }\n\n .contact-item a {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n font-weight: 400;\n }\n .contact-item a:hover { text-decoration: underline; }\n .contact-item span {\n font-size: 1rem;\n font-weight: 300;\n color: rgba(255,255,255,0.85);\n }\n\n .phone-cta-box {\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 24px;\n padding: 50px 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n z-index: 1;\n gap: 28px;\n }\n\n .phone-cta-box .phone-icon {\n width: 70px; height: 70px;\n background: rgba(255,255,255,0.12);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n animation: pulse 2.5s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.2); }\n 50% { box-shadow: 0 0 0 16px rgba(255,255,255,0); }\n }\n\n .phone-cta-box p {\n color: rgba(255,255,255,0.7);\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 300;\n max-width: 300px;\n }\n\n .phone-cta-box .phone-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.4rem;\n color: white;\n font-weight: 700;\n letter-spacing: 0.02em;\n text-decoration: none;\n transition: color 0.2s;\n }\n .phone-cta-box .phone-number:hover { color: var(--verde-pallido); }\n\n .btn-call {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--bianco);\n color: var(--verde);\n padding: 16px 40px;\n border-radius: 50px;\n font-size: 1.05rem;\n font-weight: 500;\n text-decoration: none;\n transition: all 0.25s;\n box-shadow: 0 6px 30px rgba(0,0,0,0.2);\n letter-spacing: 0.02em;\n }\n .btn-call:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.25);\n background: var(--verde-pallido);\n }\n\n .phone-note {\n font-size: 0.8rem;\n color: rgba(255,255,255,0.4);\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: #1a2e12;\n padding: 50px 80px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid rgba(255,255,255,0.06);\n }\n\n footer img { height: 36px; opacity: 0.7; }\n\n footer p {\n color: rgba(255,255,255,0.4);\n font-size: 0.82rem;\n }\n\n footer a {\n color: rgba(255,255,255,0.4);\n text-decoration: none;\n }\n footer a:hover { color: rgba(255,255,255,0.7); }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes zoomOut {\n from { transform: scale(1.1); }\n to { transform: scale(1.04); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n nav { padding: 16px 30px; }\n #hero { padding: 100px 30px 80px; }\n .hero-badges { right: 30px; }\n section { padding: 80px 30px; }\n .stats-strip { padding: 40px 30px; }\n footer { padding: 40px 30px; }\n }\n\n @media (max-width: 768px) {\n #hero { padding: 90px 24px 100px; }\n .hero-badges { display: none; }\n .hero-circle { display: none; }\n .stats-strip { grid-template-columns: repeat(2, 1fr); }\n .stat-item:nth-child(2) { border-right: none; }\n .prodotto-intro-row { grid-template-columns: 1fr; gap: 30px; }\n .contatto-grid { grid-template-columns: 1fr; }\n .cure-grid, .rec-grid, .perche-grid { grid-template-columns: 1fr; }\n nav ul { display: none; }\n footer { flex-direction: column; gap: 20px; text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"logo\">\n <img decoding=\"async\" src=\"http:\/\/ilgramignone.it\/wp-content\/uploads\/2022\/05\/fffeff.png\" alt=\"Il Gramignone\">\n <\/div>\n <ul>\n <li><a href=\"#prodotto\">Il Prodotto<\/a><\/li>\n <li><a href=\"#botanica\">Cura & Botanica<\/a><\/li>\n <li><a href=\"#recensioni\">Recensioni<\/a><\/li>\n <li><a href=\"#contattaci\" class=\"cta-nav\">Contattaci<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section id=\"hero\">\n\n \n <div class=\"hero-ticker-wrap\">\n <div class=\"hero-ticker\">\n <span>Palermo, Sicilia<\/span><span>Stenotaphrum Secunda<\/span><span>Resistente al calpestio<\/span><span>Coltivazione diretta<\/span><span>Vivaio artigianale<\/span><span>100% naturale<\/span><span>Sud Italia<\/span><span>Manto erboso di qualit\u00e0<\/span>\n \n <span>Palermo, Sicilia<\/span><span>Stenotaphrum Secunda<\/span><span>Resistente al calpestio<\/span><span>Coltivazione diretta<\/span><span>Vivaio artigianale<\/span><span>100% naturale<\/span><span>Sud Italia<\/span><span>Manto erboso di qualit\u00e0<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-circle\"><\/div>\n\n \n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">\n <div class=\"hero-eyebrow-line\"><\/div>\n <span>Vivaio artigianale \u00b7 Palermo<\/span>\n <\/div>\n <h1 class=\"hero-h1\">Il<br><em>Gramignone<\/em><\/h1>\n <p class=\"hero-desc\">Piantine di gramignone coltivate direttamente nel nostro vivaio siciliano. Resistenti al caldo estremo, al calpestio e alla siccit\u00e0 \u2014 la scelta naturale per il tuo prato.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#prodotto\" class=\"btn-primary\">Scopri il prodotto<\/a>\n <a href=\"#contattaci\" class=\"btn-ghost\">Richiedi info<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-badges\">\n <div class=\"hbadge\">\n <div class=\"hbadge-val\">+45\u00b0<\/div>\n <div class=\"hbadge-label\">Resistenza al caldo<\/div>\n <\/div>\n <div class=\"hbadge\">\n <div class=\"hbadge-val\">4\u20135\u33a1<\/div>\n <div class=\"hbadge-label\">per contenitore<\/div>\n <\/div>\n <div class=\"hbadge\">\n <div class=\"hbadge-val\">\u22644\u00d7<\/div>\n <div class=\"hbadge-label\">Concimazioni l’anno<\/div>\n <\/div>\n <\/div>\n\n \n <svg id=\"hero-canvas\" viewBox=\"0 0 1440 260\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <style>\n .blade { transform-origin: bottom center; animation: sway 3s ease-in-out infinite alternate; }\n .b1 { animation-duration: 2.8s; animation-delay: 0s; }\n .b2 { animation-duration: 3.3s; animation-delay: 0.4s; }\n .b3 { animation-duration: 2.5s; animation-delay: 0.8s; }\n .b4 { animation-duration: 3.1s; animation-delay: 1.2s; }\n .b5 { animation-duration: 2.9s; animation-delay: 0.2s; }\n .b6 { animation-duration: 3.5s; animation-delay: 0.6s; }\n @keyframes sway { from { transform: rotate(-4deg); } to { transform: rotate(4deg); } }\n <\/style>\n <\/defs>\n \n <path d=\"M0 220 Q360 200 720 215 Q1080 230 1440 210 L1440 260 L0 260 Z\" fill=\"rgba(0,0,0,0.15)\"\/>\n \n <g fill=\"#1a3d0f\" opacity=\"0.7\">\n <ellipse class=\"blade b1\" cx=\"60\" cy=\"200\" rx=\"5\" ry=\"55\"\/>\n <ellipse class=\"blade b3\" cx=\"150\" cy=\"210\" rx=\"4\" ry=\"45\"\/>\n <ellipse class=\"blade b2\" cx=\"260\" cy=\"205\" rx=\"6\" ry=\"60\"\/>\n <ellipse class=\"blade b4\" cx=\"380\" cy=\"215\" rx=\"5\" ry=\"50\"\/>\n <ellipse class=\"blade b1\" cx=\"490\" cy=\"200\" rx=\"4\" ry=\"65\"\/>\n <ellipse class=\"blade b5\" cx=\"610\" cy=\"210\" rx=\"6\" ry=\"55\"\/>\n <ellipse class=\"blade b3\" cx=\"700\" cy=\"205\" rx=\"5\" ry=\"48\"\/>\n <ellipse class=\"blade b6\" cx=\"810\" cy=\"215\" rx=\"4\" ry=\"62\"\/>\n <ellipse class=\"blade b2\" cx=\"940\" cy=\"200\" rx=\"6\" ry=\"57\"\/>\n <ellipse class=\"blade b4\" cx=\"1060\" cy=\"210\" rx=\"5\" ry=\"52\"\/>\n <ellipse class=\"blade b1\" cx=\"1160\" cy=\"205\" rx=\"4\" ry=\"66\"\/>\n <ellipse class=\"blade b3\" cx=\"1280\" cy=\"215\" rx=\"6\" ry=\"50\"\/>\n <ellipse class=\"blade b5\" cx=\"1390\" cy=\"200\" rx=\"5\" ry=\"58\"\/>\n <\/g>\n \n <g fill=\"#234d15\" opacity=\"0.85\">\n <ellipse class=\"blade b2\" cx=\"30\" cy=\"215\" rx=\"4\" ry=\"44\"\/>\n <ellipse class=\"blade b5\" cx=\"110\" cy=\"220\" rx=\"5\" ry=\"38\"\/>\n <ellipse class=\"blade b1\" cx=\"200\" cy=\"212\" rx=\"6\" ry=\"52\"\/>\n <ellipse class=\"blade b4\" cx=\"320\" cy=\"218\" rx=\"4\" ry=\"42\"\/>\n <ellipse class=\"blade b3\" cx=\"435\" cy=\"213\" rx=\"5\" ry=\"58\"\/>\n <ellipse class=\"blade b6\" cx=\"545\" cy=\"220\" rx=\"4\" ry=\"46\"\/>\n <ellipse class=\"blade b2\" cx=\"655\" cy=\"214\" rx=\"6\" ry=\"53\"\/>\n <ellipse class=\"blade b1\" cx=\"760\" cy=\"219\" rx=\"5\" ry=\"40\"\/>\n <ellipse class=\"blade b4\" cx=\"880\" cy=\"213\" rx=\"4\" ry=\"60\"\/>\n <ellipse class=\"blade b5\" cx=\"1000\" cy=\"218\" rx=\"6\" ry=\"44\"\/>\n <ellipse class=\"blade b3\" cx=\"1100\" cy=\"212\" rx=\"5\" ry=\"50\"\/>\n <ellipse class=\"blade b6\" cx=\"1220\" cy=\"220\" rx=\"4\" ry=\"38\"\/>\n <ellipse class=\"blade b2\" cx=\"1330\" cy=\"214\" rx=\"6\" ry=\"55\"\/>\n <ellipse class=\"blade b1\" cx=\"1420\" cy=\"219\" rx=\"5\" ry=\"42\"\/>\n <\/g>\n \n <g fill=\"#3e7a27\" opacity=\"0.9\">\n <ellipse class=\"blade b3\" cx=\"20\" cy=\"230\" rx=\"5\" ry=\"34\"\/>\n <ellipse class=\"blade b6\" cx=\"85\" cy=\"225\" rx=\"4\" ry=\"40\"\/>\n <ellipse class=\"blade b1\" cx=\"175\" cy=\"232\" rx=\"6\" ry=\"30\"\/>\n <ellipse class=\"blade b4\" cx=\"285\" cy=\"226\" rx=\"5\" ry=\"36\"\/>\n <ellipse class=\"blade b2\" cx=\"360\" cy=\"230\" rx=\"4\" ry=\"42\"\/>\n <ellipse class=\"blade b5\" cx=\"460\" cy=\"225\" rx=\"6\" ry=\"33\"\/>\n <ellipse class=\"blade b3\" cx=\"570\" cy=\"231\" rx=\"5\" ry=\"38\"\/>\n <ellipse class=\"blade b1\" cx=\"680\" cy=\"226\" rx=\"4\" ry=\"44\"\/>\n <ellipse class=\"blade b6\" cx=\"775\" cy=\"230\" rx=\"6\" ry=\"32\"\/>\n <ellipse class=\"blade b2\" cx=\"870\" cy=\"225\" rx=\"5\" ry=\"39\"\/>\n <ellipse class=\"blade b4\" cx=\"975\" cy=\"231\" rx=\"4\" ry=\"35\"\/>\n <ellipse class=\"blade b5\" cx=\"1080\" cy=\"226\" rx=\"6\" ry=\"43\"\/>\n <ellipse class=\"blade b1\" cx=\"1175\" cy=\"230\" rx=\"5\" ry=\"31\"\/>\n <ellipse class=\"blade b3\" cx=\"1260\" cy=\"225\" rx=\"4\" ry=\"40\"\/>\n <ellipse class=\"blade b6\" cx=\"1360\" cy=\"232\" rx=\"6\" ry=\"36\"\/>\n <ellipse class=\"blade b2\" cx=\"1435\" cy=\"227\" rx=\"5\" ry=\"34\"\/>\n <\/g>\n \n <rect x=\"0\" y=\"240\" width=\"1440\" height=\"20\" fill=\"rgba(0,0,0,0.2)\"\/>\n <\/svg>\n\n<\/section>\n\n\n<div class=\"stats-strip\">\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\u2600\ufe0f<\/div>\n <div class=\"stat-num\">+45\u00b0<\/div>\n <div class=\"stat-label\">Resistenza al caldo<\/div>\n <\/div>\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\u2702\ufe0f<\/div>\n <div class=\"stat-num\">12<\/div>\n <div class=\"stat-label\">Giorni tra un taglio e l’altro<\/div>\n <\/div>\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\ud83d\udca7<\/div>\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Giorni tra un’irrigazione e l’altra<\/div>\n <\/div>\n <div class=\"stat-item reveal\">\n <div class=\"stat-icon\">\ud83d\udcd0<\/div>\n <div class=\"stat-num\">4\u20135\u33a1<\/div>\n <div class=\"stat-label\">Copertura per singolo contenitore<\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"prodotto\">\n <div class=\"section-tag\">Il nostro prodotto<\/div>\n <h2>Gramignone in Piantine<\/h2>\n\n <div class=\"prodotto-intro-row reveal\">\n <p class=\"prodotto-lead\">\u00abPiantine cresciute in composto di terra e torba, con un apparato radicale robusto pronto ad attecchire \u2014 e a resistere a tutto.\u00bb<\/p>\n <div class=\"prodotto-body\">\n <p>Con un singolo contenitore \u00e8 possibile coprire circa <strong>4\u20135 mq<\/strong>, distribuendo le piantine a 10\u201315 cm di distanza. In una stagione si ottiene una copertura uniforme e densa.<\/p>\n <p>Coltiviamo e vendiamo direttamente, senza intermediari: ogni piantina parte dal nostro vivaio di Palermo e arriva da te nelle migliori condizioni.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"features-accordion reveal\">\n\n <div class=\"facc-item open\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">01<\/span>\n <span class=\"facc-icon-wrap\">\u2600\ufe0f<\/span>\n <span class=\"facc-title\">Resistente al caldo estremo<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Sopporta le temperature estive siciliane senza cedere. Ideale per climi mediterranei con estati lunghe e calde, non richiede protezioni particolari neanche nelle giornate pi\u00f9 torride.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"facc-item\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">02<\/span>\n <span class=\"facc-icon-wrap\">\ud83d\udc63<\/span>\n <span class=\"facc-title\">Resiste al calpestio intenso<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Perfetta per giardini frequentati da bambini, animali domestici e attivit\u00e0 sportive leggere. I suoi stoloni si rigenerano rapidamente anche dopo un uso intensivo del prato.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"facc-item\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">03<\/span>\n <span class=\"facc-icon-wrap\">\ud83c\udf31<\/span>\n <span class=\"facc-title\">Manutenzione ridotta al minimo<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Solo 4 concimazioni l’anno e tagli ogni 10\u201312 giorni nei mesi caldi. In inverno la frequenza si riduce drasticamente. Un prato bello senza impegnarci ore ogni settimana.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"facc-item\">\n <button class=\"facc-trigger\" onclick=\"toggleAcc(this)\">\n <span class=\"facc-num\">04<\/span>\n <span class=\"facc-icon-wrap\">\ud83d\udca7<\/span>\n <span class=\"facc-title\">Basso consumo idrico<\/span>\n <span class=\"facc-arrow\">+<\/span>\n <\/button>\n <div class=\"facc-body\">\n <div class=\"facc-body-inner\">Tollerante alla siccit\u00e0 una volta ben radicato. 10\u201312 mm ogni 2\u20133 giorni sono sufficienti anche d’estate, e il gramignone accetta acqua di qualit\u00e0 non eccelsa riducendo i costi di gestione.<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"botanica\">\n <div class=\"section-tag\">Botanica & Cura<\/div>\n <h2>Stenotaphrum secunda<\/h2>\n <p class=\"botanica-intro\">Il nome botanico della graminacea che coltiviamo. Si riproduce per stoloni e non per seme: una caratteristica che rende il gramignone particolarmente robusto e capace di colonizzare rapidamente il terreno. Prediligendo l’impianto tramite stoloni, plantule o rotoli, \u00e8 consigliato procedere in primavera avanzata o all’inizio dell’autunno, per evitare stress termici alle giovani piante.<\/p>\n\n <div class=\"cure-grid\">\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\u2702\ufe0f<\/div>\n <h3>Taglio<\/h3>\n <p>Richiede falciature ogni 10\u201312 giorni circa durante i mesi pi\u00f9 caldi. Si consiglia di effettuare il taglio con <strong>lame rotative<\/strong> per garantire un risultato uniforme senza stressare il manto erboso. In inverno la frequenza si riduce drasticamente.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83d\udca7<\/div>\n <h3>Irrigazione<\/h3>\n <p>Grazie alla buona resistenza alla siccit\u00e0, durante la stagione calda si distribuiscono <strong>10\u201312 mm ogni 2\u20133 giorni<\/strong>. Il gramignone accetta anche acqua di qualit\u00e0 non eccelsa, risultando perfetto anche in zone con approvvigionamento idrico limitato.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83c\udf3f<\/div>\n <h3>Concimazione<\/h3>\n <p>Si tratta di un prato con <strong>esigenze molto modeste<\/strong>: bastano al massimo quattro interventi l’anno. Questi possono essere ridotti ulteriormente in caso di necessit\u00e0, con la sola conseguenza di una lieve riduzione della colorazione verde brillante.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83c\udf21\ufe0f<\/div>\n <h3>Clima ideale<\/h3>\n <p>Il gramignone predilige climi <strong>caldi e soleggiati<\/strong>: \u00e8 perfetto per il Sud Italia, le isole e tutte le zone con estati lunghe. Tollera temperature molto elevate senza perdere vigore, purch\u00e9 non resti completamente privo d’acqua nei periodi pi\u00f9 critici.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83e\udeb4<\/div>\n <h3>Impianto<\/h3>\n <p>Il momento migliore per la messa a dimora \u00e8 <strong>tarda primavera o inizio autunno<\/strong>. Le piantine si distribuiscono a 10\u201315 cm di distanza. Nei primi 30 giorni \u00e8 fondamentale garantire irrigazioni pi\u00f9 frequenti per favorire l’attecchimento delle radici.<\/p>\n <\/div>\n <div class=\"cura-card reveal\">\n <div class=\"cura-icon\">\ud83c\udf3e<\/div>\n <h3>Riproduzione<\/h3>\n <p>La pianta si moltiplica per <strong>stoloni orizzontali<\/strong>, che si diffondono rapidamente sul terreno. Questo meccanismo garantisce una copertura sempre pi\u00f9 densa nel tempo, colmando naturalmente eventuali lacune nel manto erboso senza interventi aggiuntivi.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"perche\">\n <div class=\"section-tag\">Perch\u00e9 sceglierci<\/div>\n <h2>Il Gramignone di Andrea Liga<\/h2>\n <div class=\"perche-grid\">\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">01<\/div>\n <div>\n <h3>Produzione diretta<\/h3>\n <p>Coltiviamo personalmente ogni piantina nel nostro vivaio a Palermo. Nessun intermediario: dal nostro campo al tuo giardino, con la massima cura in ogni passaggio.<\/p>\n <\/div>\n <\/div>\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">02<\/div>\n <div>\n <h3>Anni di esperienza<\/h3>\n <p>Andrea Liga coltiva gramignone da anni, selezionando le variet\u00e0 pi\u00f9 adatte al clima siciliano. La passione per il verde si traduce in un prodotto di qualit\u00e0 eccellente e costante.<\/p>\n <\/div>\n <\/div>\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">03<\/div>\n <div>\n <h3>Consulenza personalizzata<\/h3>\n <p>Ogni giardino \u00e8 diverso. Forniamo consigli su misura per la preparazione del terreno, la distanza di impianto e il piano di cura ideale per il tuo spazio verde.<\/p>\n <\/div>\n <\/div>\n <div class=\"perche-item reveal\">\n <div class=\"perche-num\">04<\/div>\n <div>\n <h3>Prodotto siciliano<\/h3>\n <p>Il gramignone che vendiamo \u00e8 acclimatato al territorio siciliano e mediterraneo: resistente, vigoroso e abituato al sole cocente. Non importiamo: cresciamo qui, come te.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"recensioni\">\n <div class=\"section-tag\">Cosa dicono di noi<\/div>\n <h2>Clienti Soddisfatti<\/h2>\n <div class=\"rec-grid\">\n <div class=\"rec-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Gramignone eccellente con terra di qualit\u00e0. Ho gi\u00e0 acquistato questo prodotto 4 anni fa e se ho percorso oltre 100 km per acquistarlo ancora una volta un motivo ci sar\u00e0. Non c’\u00e8 paragone con quanto trovato altrove.<\/p>\n <div class=\"rec-author\">\n <div class=\"rec-avatar\">M<\/div>\n <div>\n <div class=\"rec-author-name\">Maria D.<\/div>\n <div class=\"rec-author-label\">Cliente fidelizzata<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rec-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>La migliore qualit\u00e0 di gramignone. Cresciuto con cura e pronto per i vostri giardini. Andrea, il proprietario, \u00e8 sempre cortese e professionale. Straconsigliato a chiunque voglia un prato di qualit\u00e0.<\/p>\n <div class=\"rec-author\">\n <div class=\"rec-avatar\">R<\/div>\n <div>\n <div class=\"rec-author-name\">Roberto M.<\/div>\n <div class=\"rec-author-label\">Proprietario di villa<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rec-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Ho rifatto tutto il prato del mio B&B con il gramignone di Andrea. Dopo due stagioni il risultato \u00e8 straordinario: verde, compatto, praticamente senza manutenzione. I clienti non smettono di fare complimenti.<\/p>\n <div class=\"rec-author\">\n <div class=\"rec-avatar\">G<\/div>\n <div>\n <div class=\"rec-author-name\">Giuseppe F.<\/div>\n <div class=\"rec-author-label\">Titolare B&B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contattaci\">\n <div class=\"section-tag\">Contatti<\/div>\n <h2>Parliamo del tuo prato<\/h2>\n\n <div class=\"contatto-grid\">\n <div>\n <p class=\"contatto-intro\">Sei interessato a comprare delle piantine o hai bisogno di consigli personalizzati? Scrivici o chiamaci direttamente. Rispondiamo velocemente e con piacere.<\/p>\n <div class=\"contact-items\">\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\ud83d\udcde<\/div>\n <a href=\"tel:+393386467187\">338.646.7187<\/a>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\u2709\ufe0f<\/div>\n <a href=\"mailto:info@ilgramignone.it\">info@ilgramignone.it<\/a>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\ud83d\udccd<\/div>\n <span>Cortile dei Quartieri s.n.c. \u2014 Palermo (PA) 90146<\/span>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"ci-icon\">\ud83d\udcd8<\/div>\n <a href=\"https:\/\/www.facebook.com\/gramignone\/\" target=\"_blank\">Seguici su Facebook<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"phone-cta-box reveal\">\n <div class=\"phone-icon\">\ud83d\udcde<\/div>\n <p>Hai domande sulle piantine, sulle quantit\u00e0 o sulla messa a dimora? Andrea risponde direttamente.<\/p>\n <a href=\"tel:+393386467187\" class=\"phone-number\">338.646.7187<\/a>\n <a href=\"tel:+393386467187\" class=\"btn-call\">\n \ud83d\udcde Chiama ora\n <\/a>\n <span class=\"phone-note\">Lun \u2013 Sab \u00b7 8:00 \u2013 19:00<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <img decoding=\"async\" src=\"http:\/\/ilgramignone.it\/wp-content\/uploads\/2022\/05\/fffeff.png\" alt=\"Il Gramignone\">\n <p>\u00a9 2026 Il Gramignone di Andrea Liga \u2014 Palermo | <a href=\"mailto:info@ilgramignone.it\">info@ilgramignone.it<\/a> | Realizzato da <a href=\"https:\/\/dedalux.com\" target=\"_blank\">DEDALUX<\/a><\/p>\n<\/footer>\n\n<script>\n \/\/ Accordion\n function toggleAcc(btn) {\n const item = btn.closest('.facc-item');\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.facc-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n }\n\n \/\/ Scroll reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 80);\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(el => observer.observe(el));\n\n \/\/ Nav always white - no scroll behavior needed\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Il Gramignone \u2013 Piantine di Gramignone a Palermo Il Prodotto Cura & Botanica Recensioni Contattaci Palermo, SiciliaStenotaphrum SecundaResistente al calpestioColtivazione direttaVivaio artigianale100% naturaleSud ItaliaManto erboso di qualit\u00e0 Palermo, SiciliaStenotaphrum SecundaResistente al calpestioColtivazione direttaVivaio artigianale100% naturaleSud ItaliaManto erboso di qualit\u00e0 Vivaio artigianale \u00b7 Palermo IlGramignone Piantine di gramignone coltivate direttamente nel nostro vivaio siciliano. Resistenti al […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":109,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":5185,"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/pages\/95\/revisions\/5185"}],"wp:attachment":[{"href":"https:\/\/ilgramignone.it\/index.php\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}