{"id":9973,"date":"2026-02-17T01:29:07","date_gmt":"2026-02-17T00:29:07","guid":{"rendered":"https:\/\/grifos-pens.it\/?page_id=9973"},"modified":"2026-02-17T15:46:57","modified_gmt":"2026-02-17T14:46:57","slug":"laurea","status":"publish","type":"page","link":"https:\/\/grifos-pens.it\/it\/laurea\/","title":{"rendered":"Laurea"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Regalo di Laurea | Grifos Pens \u2013 Penne Artigianali in Argento 925<\/title>\n    <meta name=\"description\" content=\"Celebra il traguardo della Laurea con un'opera d'arte fatta a mano in Italia. Penne in argento 925 personalizzabili. Sconto esclusivo 5% con codice LAUREA2026.\">\n\n    <meta property=\"og:title\" content=\"Il Regalo di Laurea Perfetto | Grifos Pens\">\n    <meta property=\"og:description\" content=\"Penne artigianali in argento 925, fatte a mano in Italia. Un regalo che dura per sempre. Sconto -5% con codice LAUREA2026.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/grifos-pens.it\/regalo-laurea\">\n    <meta property=\"og:image\" content=\"https:\/\/grifos-pens.it\/wp-content\/uploads\/og-regalo-laurea-unified.jpg\">\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&#038;family=Montserrat:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           VARIABILI & RESET\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        :root {\n            --navy: #0B1120;\n            --navy-light: #131D35;\n            --navy-mid: #1A2744;\n            --gold: #C5A55A;\n            --gold-light: #D4BA7A;\n            --gold-dark: #A8893E;\n            --cream: #F5F0E8;\n            --white: #FFFFFF;\n            --text-light: #B8C1D1;\n            --text-muted: #7A8599;\n            --success: #4CAF50;\n            --font-serif: 'Cormorant Garamond', Georgia, serif;\n            --font-sans: 'Montserrat', 'Segoe UI', sans-serif;\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: var(--font-sans);\n            background: var(--navy);\n            color: var(--cream);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        img { max-width: 100%; height: auto; display: block; }\n        a { text-decoration: none; color: inherit; }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           BARRA COUPON FISSA\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .coupon-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            background: linear-gradient(135deg, var(--gold-dark), var(--gold), var(--gold-light));\n            color: var(--navy);\n            text-align: center;\n            padding: 10px 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            box-shadow: 0 2px 20px rgba(197, 165, 90, 0.3);\n        }\n\n        .coupon-bar code {\n            background: var(--navy);\n            color: var(--gold);\n            padding: 3px 12px;\n            border-radius: 4px;\n            font-family: var(--font-sans);\n            font-weight: 700;\n            font-size: 0.9rem;\n            letter-spacing: 2px;\n            cursor: pointer;\n            transition: all 0.3s;\n            position: relative;\n        }\n\n        .coupon-bar code:hover {\n            background: var(--navy-light);\n            transform: scale(1.05);\n        }\n\n        .coupon-bar code.copied::after {\n            content: '\u2713 Copiato!';\n            position: absolute;\n            top: -30px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--success);\n            color: white;\n            padding: 2px 10px;\n            border-radius: 4px;\n            font-size: 0.7rem;\n            white-space: nowrap;\n            animation: fadeUp 1.5s forwards;\n        }\n\n        @keyframes fadeUp {\n            0% { opacity: 1; top: -30px; }\n            70% { opacity: 1; }\n            100% { opacity: 0; top: -50px; }\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           HERO\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .hero {\n            position: relative;\n            padding: 120px 20px 80px;\n            text-align: center;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(ellipse at center, rgba(197, 165, 90, 0.06) 0%, transparent 60%);\n            animation: pulse 8s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); opacity: 0.5; }\n            50% { transform: scale(1.1); opacity: 1; }\n        }\n\n        .hero-badge {\n            display: inline-block;\n            background: rgba(197, 165, 90, 0.15);\n            border: 1px solid rgba(197, 165, 90, 0.3);\n            color: var(--gold);\n            padding: 8px 24px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            margin-bottom: 30px;\n            position: relative;\n        }\n\n        .hero h1 {\n            font-family: var(--font-serif);\n            font-size: clamp(2.2rem, 5vw, 3.8rem);\n            font-weight: 700;\n            line-height: 1.2;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .hero h1 .gold { color: var(--gold); }\n\n        .hero p {\n            font-size: 1.1rem;\n            color: var(--text-light);\n            max-width: 600px;\n            margin: 0 auto 40px;\n            font-weight: 300;\n            line-height: 1.8;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           CTA BUTTONS\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .cta-primary {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--gold-dark), var(--gold));\n            color: var(--navy);\n            padding: 16px 40px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 0.85rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.4s;\n            position: relative;\n            overflow: hidden;\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 30px rgba(197, 165, 90, 0.4);\n        }\n\n        .cta-primary::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: 0.5s;\n        }\n\n        .cta-primary:hover::after { left: 100%; }\n\n        .cta-secondary {\n            display: inline-block;\n            color: var(--gold);\n            border: 1px solid var(--gold);\n            padding: 14px 36px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 0.8rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.3s;\n        }\n\n        .cta-secondary:hover {\n            background: rgba(197, 165, 90, 0.1);\n            transform: translateY(-2px);\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           DIVIDER\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .divider {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            padding: 20px;\n        }\n\n        .divider-line {\n            width: 80px;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--gold), transparent);\n        }\n\n        .divider-icon {\n            color: var(--gold);\n            font-size: 0.8rem;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           SEZIONE PRODOTTI\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .products-section {\n            padding: 40px 20px 80px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .section-title {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-title h2 {\n            font-family: var(--font-serif);\n            font-size: clamp(1.6rem, 3vw, 2.4rem);\n            font-weight: 600;\n            margin-bottom: 10px;\n        }\n\n        .section-title p {\n            color: var(--text-muted);\n            font-size: 1.1rem;\n            font-weight: 300;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 30px;\n        }\n\n        .product-card {\n            background: linear-gradient(165deg, var(--navy-light), var(--navy-mid));\n            border: 1px solid rgba(197, 165, 90, 0.1);\n            border-radius: 16px;\n            overflow: hidden;\n            transition: all 0.4s ease;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n        }\n\n        .product-card:hover {\n            transform: translateY(-8px);\n            border-color: rgba(197, 165, 90, 0.3);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(197, 165, 90, 0.05);\n        }\n\n        \/* BADGE \"BEST SELLER\" (In alto a SX) *\/\n        .badge-bestseller {\n            position: absolute;\n            top: 16px;\n            left: 16px;\n            background: var(--navy);\n            border: 1px solid var(--gold);\n            color: var(--gold);\n            padding: 4px 10px;\n            border-radius: 4px;\n            font-size: 0.6rem;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            z-index: 2;\n        }\n\n        \/* BADGE \"TARGET\" (In alto a DX) - NUOVO *\/\n        .badge-target {\n            position: absolute;\n            top: 16px;\n            right: 16px;\n            padding: 5px 12px;\n            border-radius: 20px;\n            font-size: 0.65rem;\n            font-weight: 700;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            z-index: 2;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n            white-space: nowrap;\n        }\n\n        .product-image {\n            width: 100%;\n            height: 280px;\n            background: var(--navy);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            position: relative;\n            flex-shrink: 0;\n        }\n\n        .product-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .product-card:hover .product-image img {\n            transform: scale(1.05);\n        }\n\n        .product-info {\n            padding: 24px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }\n\n        .product-category {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--gold);\n            margin-bottom: 8px;\n        }\n\n        .product-name {\n            font-family: var(--font-serif);\n            font-size: 1.2rem;\n            font-weight: 600;\n            margin-bottom: 12px;\n            line-height: 1.3;\n            min-height: 3.2rem;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .product-desc {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            margin-bottom: 16px;\n            line-height: 1.6;\n            min-height: 3.9rem;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .product-price {\n            display: flex;\n            align-items: baseline;\n            gap: 10px;\n            margin-bottom: 16px;\n            margin-top: auto;\n        }\n\n        .price-current {\n            font-family: var(--font-serif);\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--gold);\n        }\n\n        .price-original {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            text-decoration: line-through;\n        }\n\n        .price-save {\n            font-size: 0.7rem;\n            background: rgba(76, 175, 80, 0.15);\n            color: #81C784;\n            padding: 2px 8px;\n            border-radius: 10px;\n            font-weight: 600;\n        }\n\n        .product-cta {\n            display: block;\n            width: 100%;\n            text-align: center;\n            background: transparent;\n            border: 1px solid var(--gold);\n            color: var(--gold);\n            padding: 12px;\n            border-radius: 8px;\n            font-weight: 600;\n            font-size: 0.75rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.3s;\n            cursor: pointer;\n        }\n\n        .product-cta:hover {\n            background: var(--gold);\n            color: var(--navy);\n        }\n\n        .product-loading {\n            grid-column: 1 \/ -1;\n            text-align: center;\n            padding: 60px 20px;\n            color: var(--text-muted);\n        }\n\n        .spinner {\n            width: 40px;\n            height: 40px;\n            border: 3px solid rgba(197, 165, 90, 0.2);\n            border-top-color: var(--gold);\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            margin: 0 auto 20px;\n        }\n\n        @keyframes spin { to { transform: rotate(360deg); } }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           SEZIONE COUPON\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .coupon-section {\n            padding: 80px 20px;\n            text-align: center;\n            background: linear-gradient(180deg, transparent, rgba(197, 165, 90, 0.03), transparent);\n        }\n\n        .coupon-box {\n            max-width: 600px;\n            margin: 0 auto;\n            background: linear-gradient(145deg, var(--navy-light), var(--navy-mid));\n            border: 2px solid rgba(197, 165, 90, 0.3);\n            border-radius: 20px;\n            padding: 50px 40px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .coupon-box::before {\n            content: '-5%';\n            position: absolute;\n            top: -20px;\n            right: -10px;\n            font-family: var(--font-serif);\n            font-size: 8rem;\n            font-weight: 700;\n            color: rgba(197, 165, 90, 0.04);\n            line-height: 1;\n        }\n\n        .coupon-box h3 {\n            font-family: var(--font-serif);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n        }\n\n        .coupon-box p {\n            color: var(--text-muted);\n            font-size: 0.9rem;\n            margin-bottom: 30px;\n        }\n\n        .coupon-code-display {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: var(--navy);\n            border: 2px dashed var(--gold);\n            padding: 16px 32px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n\n        .coupon-code-display:hover {\n            border-style: solid;\n            box-shadow: 0 0 20px rgba(197, 165, 90, 0.15);\n        }\n\n        .coupon-code-display span {\n            font-family: var(--font-sans);\n            font-size: 1.6rem;\n            font-weight: 700;\n            letter-spacing: 4px;\n            color: var(--gold);\n        }\n\n        .copy-icon {\n            width: 20px;\n            height: 20px;\n            fill: var(--text-muted);\n            transition: fill 0.3s;\n        }\n\n        .coupon-code-display:hover .copy-icon { fill: var(--gold); }\n\n        .coupon-hint {\n            font-size: 0.75rem;\n            color: var(--text-muted);\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           SPEDIZIONI\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .shipping-section {\n            padding: 60px 20px;\n            background: var(--navy-mid);\n            border-top: 1px solid rgba(197, 165, 90, 0.1);\n        }\n\n        .shipping-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            max-width: 900px;\n            margin: 0 auto 40px;\n        }\n\n        .shipping-card {\n            background: var(--navy);\n            border: 1px solid rgba(197, 165, 90, 0.2);\n            border-radius: 12px;\n            padding: 30px;\n            transition: transform 0.3s;\n            height: 100%;\n        }\n\n        .shipping-card:hover {\n            border-color: var(--gold);\n            transform: translateY(-5px);\n        }\n\n        .shipping-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 20px;\n            padding-bottom: 15px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .shipping-flag {\n            font-size: 2rem;\n        }\n\n        .shipping-title {\n            font-family: var(--font-serif);\n            font-size: 1.4rem;\n            color: var(--gold);\n            margin: 0;\n        }\n\n        .shipping-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .shipping-list li {\n            margin-bottom: 12px;\n            font-size: 0.9rem;\n            color: var(--text-light);\n            display: flex;\n            gap: 10px;\n            align-items: flex-start;\n        }\n\n        .shipping-list li strong {\n            color: var(--cream);\n            min-width: 100px;\n            display: inline-block;\n        }\n\n        .shipping-note {\n            background: rgba(197, 165, 90, 0.1);\n            border-left: 3px solid var(--gold);\n            padding: 20px;\n            border-radius: 0 8px 8px 0;\n            max-width: 900px;\n            margin: 0 auto;\n            font-size: 0.9rem;\n            color: var(--cream);\n            line-height: 1.6;\n        }\n\n        .shipping-icon-bullet {\n            color: var(--gold);\n            font-weight: bold;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           TRUST \/ USP\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .trust-section {\n            padding: 60px 20px;\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        .trust-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 30px;\n            text-align: center;\n        }\n\n        .trust-item {\n            padding: 30px 20px;\n        }\n\n        .trust-icon {\n            width: 50px;\n            height: 50px;\n            margin: 0 auto 16px;\n            fill: var(--gold);\n            opacity: 0.8;\n        }\n\n        .trust-title {\n            font-family: var(--font-serif);\n            font-size: 1.05rem;\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n\n        .trust-desc {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            line-height: 1.6;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           FAQ\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .faq-section {\n            padding: 60px 20px 80px;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            border-bottom: 1px solid rgba(197, 165, 90, 0.1);\n            padding: 20px 0;\n        }\n\n        .faq-question {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            gap: 16px;\n        }\n\n        .faq-question h4 {\n            font-family: var(--font-serif);\n            font-size: 1.05rem;\n            font-weight: 600;\n        }\n\n        .faq-toggle {\n            width: 24px;\n            height: 24px;\n            flex-shrink: 0;\n            fill: var(--gold);\n            transition: transform 0.3s;\n        }\n\n        .faq-item.open .faq-toggle { transform: rotate(45deg); }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease, padding 0.4s ease;\n        }\n\n        .faq-item.open .faq-answer {\n            max-height: 200px;\n            padding-top: 16px;\n        }\n\n        .faq-answer p {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            line-height: 1.8;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           FOOTER\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .footer {\n            background: var(--navy-light);\n            border-top: 1px solid rgba(197, 165, 90, 0.1);\n            padding: 40px 20px;\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-serif);\n            font-size: 1.4rem;\n            color: var(--gold);\n            letter-spacing: 3px;\n            margin-bottom: 8px;\n        }\n\n        .footer-address {\n            font-size: 0.75rem;\n            color: var(--text-muted);\n            margin-bottom: 16px;\n            line-height: 1.8;\n        }\n\n        .footer-links {\n            display: flex;\n            justify-content: center;\n            gap: 24px;\n            margin-bottom: 20px;\n        }\n\n        .footer-links a {\n            font-size: 0.75rem;\n            color: var(--text-muted);\n            transition: color 0.3s;\n        }\n\n        .footer-links a:hover { color: var(--gold); }\n\n        .footer-copy {\n            font-size: 0.7rem;\n            color: var(--text-muted);\n            opacity: 0.6;\n        }\n\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           RESPONSIVE\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        @media (max-width: 768px) {\n            .coupon-bar { font-size: 0.75rem; padding: 8px 12px; }\n            .hero { padding: 100px 20px 60px; }\n            .products-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }\n            .product-image { height: 220px; }\n            .coupon-box { padding: 30px 20px; }\n            .coupon-code-display span { font-size: 1.2rem; letter-spacing: 3px; }\n            .trust-grid { grid-template-columns: repeat(2, 1fr); }\n            .shipping-grid { grid-template-columns: 1fr; }\n        }\n\n        @media (max-width: 480px) {\n            .products-grid { grid-template-columns: 1fr; }\n            .trust-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"coupon-bar\">\n        <span>Regalo di Laurea: sconto esclusivo<\/span>\n        <code id=\"couponBarCode\" onclick=\"copyCoupon()\" title=\"Clicca per copiare\">LAUREA2026<\/code>\n        <span>-5% su tutta la selezione<\/span>\n    <\/div>\n\n    <section class=\"hero\">\n        <div class=\"hero-badge\">Regalo di Laurea 2026<\/div>\n        <h1>Celebra il Traguardo<br>con <span class=\"gold\">l&#8217;Eccellenza<\/span><\/h1>\n        <p>Un momento indimenticabile merita un regalo che duri per sempre. Scopri la nostra selezione di penne artigianali in argento 925, fatte a mano in Italia per i nuovi dottori.<\/p>\n\n        <div style=\"display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 20px;\">\n            <a href=\"#prodotti\" class=\"cta-primary\">Scopri la Selezione<\/a>\n            <a href=\"#sconto\" class=\"cta-secondary\">Usa il Codice -5%<\/a>\n        <\/div>\n    <\/section>\n\n    <div class=\"divider\">\n        <div class=\"divider-line\"><\/div>\n        <div class=\"divider-icon\">\u25c6<\/div>\n        <div class=\"divider-line\"><\/div>\n    <\/div>\n\n    <section class=\"trust-section\">\n        <div class=\"trust-grid\">\n            <div class=\"trust-item\">\n                <svg class=\"trust-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10l10 5 10-5V7L12 2zm0 2.18l7 3.5v7.64l-7 3.5-7-3.5V7.68l7-3.5zM12 8a3 3 0 100 6 3 3 0 000-6z\"\/><\/svg>\n                <div class=\"trust-title\">Argento 925 Certificato<\/div>\n                <div class=\"trust-desc\">Ogni pezzo \u00e8 punzonato e certificato dal Saggio dell&#8217;Ufficio Metrico di Torino<\/div>\n            <\/div>\n            <div class=\"trust-item\">\n                <svg class=\"trust-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\n                <div class=\"trust-title\">Fatto a Mano in Italia<\/div>\n                <div class=\"trust-desc\">Realizzato nel nostro laboratorio artigianale a Castiglione Torinese, Piemonte<\/div>\n            <\/div>\n            <div class=\"trust-item\">\n                <svg class=\"trust-icon\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zm-9-1h2v-4h3l-4-4-4 4h3v4z\"\/><\/svg>\n                <div class=\"trust-title\">Spedizione Gratuita<\/div>\n                <div class=\"trust-desc\">Consegna gratuita in tutta Europa. Spedizione assicurata dall&#8217;Italia.<\/div>\n            <\/div>\n            <div class=\"trust-item\">\n                <svg class=\"trust-icon\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 4l-1.5 4.5L12 16l3.5 1.5L12 19l-3.5-1.5L12 16l-1.5-4.5z\"\/><\/svg>\n                <div class=\"trust-title\">Incisione Personalizzata<\/div>\n                <div class=\"trust-desc\">Servizio di incisione su richiesta: nomi, date, dediche \u2014 il regalo perfetto per la laurea<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section style=\"background: rgba(197, 165, 90, 0.05); padding: 60px 20px; text-align: center; border-top: 1px solid rgba(197, 165, 90, 0.1); border-bottom: 1px solid rgba(197, 165, 90, 0.1);\">\n        <div style=\"max-width: 800px; margin: 0 auto;\">\n            <h2 style=\"font-family: var(--font-serif); font-size: 2.2rem; color: var(--gold); margin-bottom: 20px;\">Rendi il Regalo Unico<\/h2>\n            <p style=\"font-size: 1.1rem; color: var(--text-light); margin-bottom: 0; line-height: 1.8;\">\n                Tutte le nostre penne sono <strong>personalizzabili con incisioni<\/strong>. \n                Troverai tutte le opzioni e i dettagli tecnici direttamente nella pagina di ogni singolo prodotto.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"divider\">\n        <div class=\"divider-line\"><\/div>\n        <div class=\"divider-icon\">\u25c6<\/div>\n        <div class=\"divider-line\"><\/div>\n    <\/div>\n\n    <section class=\"products-section\" id=\"prodotti\">\n        <div class=\"section-title\">\n            <h2>Idee Regalo <span style=\"color: var(--gold)\">Laurea<\/span><\/h2>\n            <p>Una selezione curata di penne artigianali per celebrare il successo<\/p>\n        <\/div>\n\n        <div class=\"products-grid\" id=\"productsGrid\">\n            <div class=\"product-loading\" id=\"productsLoading\">\n                <div class=\"spinner\"><\/div>\n                <p>Caricamento prodotti dal catalogo&#8230;<\/p>\n            <\/div>\n        <\/div>\n\n        <div style=\"text-align: center; margin-top: 60px;\">\n            <a href=\"https:\/\/grifos-pens.it\/it\/catalogo\/\" class=\"cta-secondary\" style=\"padding: 18px 44px; font-size: 0.9rem;\">\n                Sfoglia il Catalogo Completo \u2192\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <section class=\"coupon-section\" id=\"sconto\">\n        <div class=\"coupon-box\">\n            <h3>Sconto <span style=\"color: var(--gold)\">Laurea<\/span><\/h3>\n            <p>Usa questo codice al checkout per ottenere il 5% di sconto su qualsiasi penna della selezione.<\/p>\n            <div class=\"coupon-code-display\" onclick=\"copyCoupon()\" title=\"Clicca per copiare\">\n                <span>LAUREA2026<\/span>\n                <svg class=\"copy-icon\" viewBox=\"0 0 24 24\"><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"\/><\/svg>\n            <\/div>\n            <p class=\"coupon-hint\">Clicca sul codice per copiarlo \u2014 Valido fino al 31 dicembre 2026<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"shipping-section\">\n        <div class=\"section-title\">\n            <h2>Spedizioni e <span style=\"color: var(--gold)\">Consegna<\/span><\/h2>\n            <p>Spediamo direttamente dal nostro laboratorio in Italia con corrieri espressi assicurati.<\/p>\n        <\/div>\n\n        <div class=\"shipping-grid\">\n            <div class=\"shipping-card\">\n                <div class=\"shipping-header\">\n                    <span class=\"shipping-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n                    <h3 class=\"shipping-title\">Italia<\/h3>\n                <\/div>\n                <ul class=\"shipping-list\">\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Corriere:<\/strong> TNT Express<\/li>\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Tempi:<\/strong> 1-2 giorni lavorativi*<\/li>\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Costo:<\/strong> \u20ac10 (Gratis > \u20ac80)<\/li>\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Express 24h:<\/strong> + \u20ac10<\/li>\n                <\/ul>\n                <p style=\"font-size: 0.8rem; color: var(--text-muted); margin-top: 15px; font-style: italic;\">*Fino a 96 ore per Isole e Calabria.<\/p>\n            <\/div>\n\n            <div class=\"shipping-card\">\n                <div class=\"shipping-header\">\n                    <span class=\"shipping-flag\">\ud83c\uddea\ud83c\uddfa<\/span>\n                    <h3 class=\"shipping-title\">Europa (UE)<\/h3>\n                <\/div>\n                <ul class=\"shipping-list\">\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Corriere:<\/strong> FedEx \/ DHL<\/li>\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Tempi:<\/strong> 3-5 giorni lavorativi<\/li>\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Costo:<\/strong> \u20ac25 (Gratis > \u20ac80)<\/li>\n                    <li><span class=\"shipping-icon-bullet\">\u25b8<\/span> <strong>Express:<\/strong> 1-2 giorni (+ \u20ac10)<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"shipping-note\">\n            <p style=\"margin-bottom: 10px;\">\n                <strong>\u26a0\ufe0f Nota sui Tempi:<\/strong> Ai tempi di consegna del corriere vanno aggiunti <strong>2 giorni lavorativi<\/strong> per l&#8217;elaborazione dell&#8217;ordine e la preparazione del pacco artigianale.\n            <\/p>\n            <p style=\"margin: 0;\">\n                <strong>\ud83c\udf93 Consiglio Laurea:<\/strong> Per garantire che il regalo arrivi in tempo per la cerimonia, ti consigliamo di ordinare con almeno <strong>10 giorni di anticipo<\/strong>. Tutti i pacchi sono assicurati e tracciabili.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"faq-section\">\n        <div class=\"section-title\" style=\"margin-bottom: 30px;\">\n            <h2>Domande Frequenti<\/h2>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                <h4>Come si usa il codice sconto?<\/h4>\n                <svg class=\"faq-toggle\" viewBox=\"0 0 24 24\"><path d=\"M12 2v10m0 0v10m0-10h10m-10 0H2\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>Aggiungi la penna al carrello, vai al checkout e inserisci il codice <strong>LAUREA2026<\/strong> nel campo &#8220;Codice sconto&#8221;. Lo sconto del 5% verr\u00e0 applicato automaticamente al totale dell&#8217;ordine.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                <h4>Arriver\u00e0 in tempo per la laurea?<\/h4>\n                <svg class=\"faq-toggle\" viewBox=\"0 0 24 24\"><path d=\"M12 2v10m0 0v10m0-10h10m-10 0H2\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>Spediamo dall&#8217;Italia. Per l&#8217;Italia consegna in 1-2 giorni lavorativi (TNT), per l&#8217;Europa 3-5 giorni (FedEx\/DHL). Ricorda di aggiungere 2 giorni per la preparazione. Ti consigliamo di ordinare con 10 giorni di anticipo.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                <h4>Posso richiedere un&#8217;incisione personalizzata?<\/h4>\n                <svg class=\"faq-toggle\" viewBox=\"0 0 24 24\"><path d=\"M12 2v10m0 0v10m0-10h10m-10 0H2\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>Assolutamente s\u00ec! Offriamo servizi di incisione per nomi, date di laurea, iniziali e dediche. Troverai tutte le opzioni nella pagina del prodotto scelto.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer class=\"footer\">\n        <div class=\"footer-logo\">GRIFOS<\/div>\n        <div class=\"footer-address\">\n            Aurumvallis di M. Stura \u2014 Strada Cordova 38<br>\n            10090 Castiglione Torinese (TO) \u2014 Italia<br>\n            P.IVA: 01946520016 \u2014 REA: TO-713119\n        <\/div>\n        <div class=\"footer-links\">\n            <a href=\"https:\/\/grifos-pens.it\/it\/\" target=\"_blank\">Catalogo Completo<\/a>\n            <a href=\"https:\/\/grifos-pens.it\/it\/chi-siamo\/\" target=\"_blank\">Chi Siamo<\/a>\n            <a href=\"https:\/\/grifos-pens.it\/contact-us\/\" target=\"_blank\">Contattaci<\/a>\n            <a href=\"https:\/\/wa.me\/393476298128\" target=\"_blank\">WhatsApp<\/a>\n        <\/div>\n        <div class=\"footer-copy\">\n            \u00a9 2026 Grifos Pens \u2014 Aurumvallis di M. Stura. Tutti i diritti riservati.\n        <\/div>\n    <\/footer>\n\n    <script>\n    const CONFIG = {\n        couponCode: 'LAUREA2026',\n        siteUrl: 'https:\/\/grifos-pens.it',\n        apiUrl: 'https:\/\/grifos-pens.it\/wp-json\/wc\/store\/v1\/products',\n        \n        \/\/ Elenchi separati per identificare il target\n        idsLui: [1988, 8899, 1936, 7277, 3593, 2794, 3611, 3545],\n        idsLei: [8819, 8627, 7058, 2659, 2135, 7320, 6701, 1731],\n        \n        \/\/ Elenco Unisex (Es. Legno Olivo)\n        idsUnisex: [1404],\n\n        utmParams: '?utm_source=landing&utm_medium=meta&utm_campaign=regalo_laurea_unified'\n    };\n\n    function copyCoupon() {\n        navigator.clipboard.writeText(CONFIG.couponCode).then(() => {\n            const barCode = document.getElementById('couponBarCode');\n            barCode.classList.add('copied');\n            setTimeout(() => barCode.classList.remove('copied'), 2000);\n        }).catch(() => {\n            alert('Codice copiato: ' + CONFIG.couponCode);\n        });\n    }\n\n    function toggleFaq(el) {\n        el.closest('.faq-item').classList.toggle('open');\n    }\n\n    \/\/ Funzione helper per ottenere il badge giusto con testi eleganti\n    function getTargetBadge(id) {\n        \/\/ PER LUI\n        if (CONFIG.idsLui.includes(id)) {\n            return `<div class=\"badge-target\" style=\"background: var(--navy-mid); color: var(--gold); border: 1px solid var(--gold);\">Per il Dottore<\/div>`;\n        }\n        \n        \/\/ PER LEI\n        if (CONFIG.idsLei.includes(id)) {\n            return `<div class=\"badge-target\" style=\"background: var(--gold); color: var(--navy); border: 1px solid var(--navy);\">Per la Dottoressa<\/div>`;\n        }\n        \n        \/\/ PER UNISEX (OLIVO)\n        if (CONFIG.idsUnisex.includes(id)) {\n            return `<div class=\"badge-target\" style=\"background: #F0EAD6; color: var(--navy); border: 1px solid var(--gold);\">Unisex<\/div>`;\n        }\n        \n        return ''; \n    }\n\n    function renderProducts(products) {\n        const grid = document.getElementById('productsGrid');\n        grid.innerHTML = '';\n\n        products.forEach(product => {\n            const card = document.createElement('div');\n            card.className = 'product-card';\n            const productUrl = product.url + CONFIG.utmParams + '&coupon_code=' + CONFIG.couponCode;\n\n            \/\/ Determina il badge \"Best Seller\" (solo per il primo prodotto visualizzato)\n            const bestSellerBadge = product.isFirst ? `<div class=\"badge-bestseller\">Best Seller<\/div>` : '';\n            \n            \/\/ Determina il badge \"Target\" (Dottore\/Dottoressa\/Icona)\n            const targetBadge = getTargetBadge(product.id);\n\n            card.innerHTML = `\n                ${bestSellerBadge}\n                ${targetBadge}\n                <a href=\"${productUrl}\" target=\"_blank\" rel=\"noopener\">\n                    <div class=\"product-image\">\n                        ${product.image\n                            ? `<img decoding=\"async\" src=\"${product.image}\" alt=\"${product.name}\" loading=\"lazy\">`\n                            : `<svg class=\"placeholder-pen\" width=\"80\" height=\"200\" viewBox=\"0 0 80 200\">\n                                <rect x=\"30\" y=\"10\" width=\"20\" height=\"120\" rx=\"3\" fill=\"#C5A55A\"\/>\n                                <rect x=\"26\" y=\"8\" width=\"28\" height=\"50\" rx=\"4\" fill=\"#C5A55A\" opacity=\"0.8\"\/>\n                                <polygon points=\"37,130 43,130 42,175 38,175\" fill=\"#C5A55A\" opacity=\"0.6\"\/>\n                            <\/svg>`\n                        }\n                    <\/div>\n                <\/a>\n                <div class=\"product-info\">\n                    <div class=\"product-category\">${product.category}<\/div>\n                    <div class=\"product-name\">${product.name}<\/div>\n                    <div class=\"product-desc\">${product.description}<\/div>\n                    <div class=\"product-price\">\n                        <span class=\"price-current\">${product.price}<\/span>\n                        ${product.originalPrice ? `<span class=\"price-original\">${product.originalPrice}<\/span>` : ''}\n                        <span class=\"price-save\">-5%<\/span>\n                    <\/div>\n                    <a href=\"${productUrl}\" target=\"_blank\" rel=\"noopener\" class=\"product-cta\">\n                        Scopri e Acquista \u2192\n                    <\/a>\n                <\/div>\n            `;\n            grid.appendChild(card);\n        });\n    }\n\n    async function loadProducts() {\n        \/\/ Logica di alternanza: mescoliamo Lui\/Lei + Unisex\n        let mixedIds = [];\n        const maxLength = Math.max(CONFIG.idsLui.length, CONFIG.idsLei.length);\n        \n        for (let i = 0; i < maxLength; i++) {\n            if (CONFIG.idsLui[i]) mixedIds.push(CONFIG.idsLui[i]);\n            if (CONFIG.idsLei[i]) mixedIds.push(CONFIG.idsLei[i]);\n        }\n        \/\/ Aggiungiamo gli unisex in coda\n        mixedIds = [...mixedIds, ...CONFIG.idsUnisex];\n\n        if (mixedIds.length === 0) {\n            document.getElementById('productsLoading').innerHTML = '<p>Seleziona i prodotti per visualizzarli.<\/p>';\n            return;\n        }\n\n        try {\n            const productPromises = mixedIds.map(id => \n                fetch(`${CONFIG.apiUrl}\/${id}?lang=it`, { headers: { 'Accept': 'application\/json' } })\n                    .then(res => res.ok ? res.json() : null)\n                    .catch(() => null)\n            );\n\n            const results = await Promise.all(productPromises);\n            const data = results.filter(p => p !== null);\n\n            if (data.length === 0) throw new Error('Nessun prodotto trovato');\n\n            const products = data.map((p, i) => {\n                const price = parseInt(p.prices?.price || '0') \/ 100;\n                const originalPrice = price \/ 0.95; \n                return {\n                    id: p.id, \n                    name: p.name,\n                    category: p.categories?.[0]?.name || 'Penna',\n                    price: `\u20ac${price.toFixed(2).replace('.', ',')}`,\n                    originalPrice: `\u20ac${originalPrice.toFixed(2).replace('.', ',')}`,\n                    description: p.short_description?.replace(\/<[^>]*>\/g, '').substring(0, 120) + '...' || '',\n                    url: p.permalink,\n                    image: p.images?.[0]?.src || '',\n                    isFirst: i === 0 \/\/ Per segnare il primo come Best Seller\n                };\n            });\n\n            renderProducts(products);\n        } catch (err) {\n            console.log('Errore caricamento:', err.message);\n        }\n    }\n\n    loadProducts();\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Regalo di Laurea | Grifos Pens \u2013 Penne Artigianali in Argento 925 Regalo di Laurea: sconto esclusivo LAUREA2026 -5% su tutta la selezione Regalo di Laurea 2026 Celebra il Traguardocon l&#8217;Eccellenza Un momento indimenticabile merita un regalo che duri per sempre. Scopri la nostra selezione di penne artigianali in argento 925, fatte a mano in [&#8230;]\n","protected":false},"author":3607,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank-landingpage.php","meta":{"footnotes":""},"class_list":["post-9973","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Laurea - Grifos Pens<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/grifos-pens.it\/it\/laurea\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Laurea - Grifos Pens\" \/>\n<meta property=\"og:description\" content=\"Regalo di Laurea | Grifos Pens \u2013 Penne Artigianali in Argento 925 Regalo di Laurea: sconto esclusivo LAUREA2026 -5% su tutta la selezione Regalo di Laurea 2026 Celebra il Traguardocon l&#8217;Eccellenza Un momento indimenticabile merita un regalo che duri per sempre. Scopri la nostra selezione di penne artigianali in argento 925, fatte a mano in [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/grifos-pens.it\/it\/laurea\/\" \/>\n<meta property=\"og:site_name\" content=\"Grifos Pens\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/grifospensitaly\/?locale=it_IT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T14:46:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/laurea\\\/\",\"url\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/laurea\\\/\",\"name\":\"Laurea - Grifos Pens\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/#website\"},\"datePublished\":\"2026-02-17T00:29:07+00:00\",\"dateModified\":\"2026-02-17T14:46:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/laurea\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/grifos-pens.it\\\/it\\\/laurea\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/laurea\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laurea\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/\",\"name\":\"Grifos Pens\",\"description\":\"Handcrafted Writing Instrument Of Italy\",\"publisher\":{\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/#organization\",\"name\":\"Grifos Pens\",\"url\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/grifos-pens.it\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/logo-grifos.svg\",\"contentUrl\":\"https:\\\/\\\/grifos-pens.it\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/logo-grifos.svg\",\"width\":267,\"height\":243,\"caption\":\"Grifos Pens\"},\"image\":{\"@id\":\"https:\\\/\\\/grifos-pens.it\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/grifospensitaly\\\/?locale=it_IT\",\"https:\\\/\\\/www.instagram.com\\\/grifos.pens\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Laurea - Grifos Pens","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/grifos-pens.it\/it\/laurea\/","og_locale":"it_IT","og_type":"article","og_title":"Laurea - Grifos Pens","og_description":"Regalo di Laurea | Grifos Pens \u2013 Penne Artigianali in Argento 925 Regalo di Laurea: sconto esclusivo LAUREA2026 -5% su tutta la selezione Regalo di Laurea 2026 Celebra il Traguardocon l&#8217;Eccellenza Un momento indimenticabile merita un regalo che duri per sempre. Scopri la nostra selezione di penne artigianali in argento 925, fatte a mano in [...]","og_url":"https:\/\/grifos-pens.it\/it\/laurea\/","og_site_name":"Grifos Pens","article_publisher":"https:\/\/www.facebook.com\/grifospensitaly\/?locale=it_IT","article_modified_time":"2026-02-17T14:46:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/grifos-pens.it\/it\/laurea\/","url":"https:\/\/grifos-pens.it\/it\/laurea\/","name":"Laurea - Grifos Pens","isPartOf":{"@id":"https:\/\/grifos-pens.it\/it\/#website"},"datePublished":"2026-02-17T00:29:07+00:00","dateModified":"2026-02-17T14:46:57+00:00","breadcrumb":{"@id":"https:\/\/grifos-pens.it\/it\/laurea\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/grifos-pens.it\/it\/laurea\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/grifos-pens.it\/it\/laurea\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/grifos-pens.it\/it\/"},{"@type":"ListItem","position":2,"name":"Laurea"}]},{"@type":"WebSite","@id":"https:\/\/grifos-pens.it\/it\/#website","url":"https:\/\/grifos-pens.it\/it\/","name":"Grifos Pens","description":"Handcrafted Writing Instrument Of Italy","publisher":{"@id":"https:\/\/grifos-pens.it\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/grifos-pens.it\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/grifos-pens.it\/it\/#organization","name":"Grifos Pens","url":"https:\/\/grifos-pens.it\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/grifos-pens.it\/it\/#\/schema\/logo\/image\/","url":"https:\/\/grifos-pens.it\/wp-content\/uploads\/2023\/05\/logo-grifos.svg","contentUrl":"https:\/\/grifos-pens.it\/wp-content\/uploads\/2023\/05\/logo-grifos.svg","width":267,"height":243,"caption":"Grifos Pens"},"image":{"@id":"https:\/\/grifos-pens.it\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/grifospensitaly\/?locale=it_IT","https:\/\/www.instagram.com\/grifos.pens\/"]}]}},"_links":{"self":[{"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/pages\/9973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/users\/3607"}],"replies":[{"embeddable":true,"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/comments?post=9973"}],"version-history":[{"count":8,"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/pages\/9973\/revisions"}],"predecessor-version":[{"id":9999,"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/pages\/9973\/revisions\/9999"}],"wp:attachment":[{"href":"https:\/\/grifos-pens.it\/it\/wp-json\/wp\/v2\/media?parent=9973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}