{"id":449,"date":"2026-08-25T14:44:34","date_gmt":"2026-08-25T14:44:34","guid":{"rendered":"https:\/\/www.petnutritionpro.com\/pet-nutrition-pro-2\/"},"modified":"2026-09-18T09:08:08","modified_gmt":"2026-09-18T09:08:08","slug":"pet-nutrition-pro","status":"publish","type":"page","link":"https:\/\/www.petnutritionpro.com\/en\/","title":{"rendered":"Pet Nutrition Pro"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"449\" class=\"elementor elementor-449 elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14cbbee e-con-full e-flex e-con e-parent\" data-id=\"14cbbee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af92f6b elementor-widget elementor-widget-html\" data-id=\"af92f6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Pet Nutrition Pro \u2014 stili globali della landing\r\n  Incollare questo blocco UNA SOLA VOLTA nel primo widget HTML di Elementor.\r\n  Tutte le regole sono isolate dal prefisso pnp- per non interferire con\r\n  WooCommerce, WPML, Hello Elementor o altri componenti del sito.\r\n-->\r\n<style id=\"pnp-landing-styles\">\r\n\r\n  \/* =========================================================\r\n     VARIABILI E BASE\r\n     ========================================================= *\/\r\n\r\n  .pnp-landing {\r\n    --pnp-green: #073b31;\r\n    --pnp-green-deep: #052f28;\r\n    --pnp-green-dark: #03241f;\r\n    --pnp-mint: #62d9b3;\r\n    --pnp-mint-light: #bdf4df;\r\n    --pnp-ink: #102a2f;\r\n    --pnp-copy: #d9eee8;\r\n    --pnp-white: #ffffff;\r\n    --pnp-off-white: #f7fbf9;\r\n    --pnp-border: rgba(98, 217, 179, 0.32);\r\n    --pnp-shadow: 0 26px 70px rgba(1, 30, 25, 0.28);\r\n\r\n    color: var(--pnp-ink);\r\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .pnp-landing,\r\n  .pnp-landing *,\r\n  .pnp-landing *::before,\r\n  .pnp-landing *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     STRUTTURA GENERALE\r\n     ========================================================= *\/\r\n\r\n  .pnp-fullbleed {\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-right: -50vw;\r\n    margin-left: -50vw;\r\n  }\r\n\r\n  .pnp-shell {\r\n    width: min(1240px, calc(100% - 48px));\r\n    margin-inline: auto;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     PULSANTI\r\n     ========================================================= *\/\r\n\r\n  .pnp-button-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    align-items: center;\r\n  }\r\n\r\n  .pnp-button {\r\n    display: inline-flex;\r\n    min-height: 50px;\r\n    padding: 12px 22px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    border: 1px solid transparent;\r\n    border-radius: 8px;\r\n\r\n    font-size: 0.98rem;\r\n    font-weight: 750;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n      transform 180ms ease,\r\n      background-color 180ms ease,\r\n      border-color 180ms ease,\r\n      box-shadow 180ms ease;\r\n  }\r\n\r\n  .pnp-button:hover {\r\n    transform: translateY(-2px);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .pnp-button:focus-visible {\r\n    outline: 3px solid rgba(255, 255, 255, 0.95);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  .pnp-button--primary {\r\n    color: var(--pnp-green-dark);\r\n    background: var(--pnp-mint);\r\n    box-shadow: 0 12px 30px rgba(98, 217, 179, 0.22);\r\n  }\r\n\r\n  .pnp-button--primary:hover {\r\n    color: var(--pnp-green-dark);\r\n    background: #7be4c2;\r\n    box-shadow: 0 16px 34px rgba(98, 217, 179, 0.3);\r\n  }\r\n\r\n  .pnp-button--secondary {\r\n    color: var(--pnp-white);\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(255, 255, 255, 0.48);\r\n  }\r\n\r\n  .pnp-button--secondary:hover {\r\n    color: var(--pnp-white);\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: rgba(255, 255, 255, 0.75);\r\n  }\r\n\r\n  .pnp-button__icon {\r\n    width: 1.1em;\r\n    height: 1.1em;\r\n    flex: 0 0 auto;\r\n    fill: currentColor;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     HERO\r\n     ========================================================= *\/\r\n\r\n  .pnp-hero {\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n\r\n    min-height: 720px;\r\n    padding: 124px 0 84px;\r\n\r\n    color: var(--pnp-white);\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 82% 38%,\r\n        rgba(98, 217, 179, 0.22),\r\n        transparent 29%\r\n      ),\r\n      linear-gradient(\r\n        124deg,\r\n        var(--pnp-green-dark) 0%,\r\n        var(--pnp-green) 55%,\r\n        #064c3e 100%\r\n      );\r\n  }\r\n\r\n  .pnp-hero::before {\r\n    position: absolute;\r\n    z-index: -2;\r\n    inset: 0;\r\n\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(255, 255, 255, 0.025) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255, 255, 255, 0.025) 1px,\r\n        transparent 1px\r\n      );\r\n\r\n    background-size: 44px 44px;\r\n\r\n    content: \"\";\r\n\r\n    mask-image:\r\n      linear-gradient(\r\n        to right,\r\n        rgba(0, 0, 0, 0.8),\r\n        transparent 86%\r\n      );\r\n  }\r\n\r\n  .pnp-hero::after {\r\n    position: absolute;\r\n    z-index: -1;\r\n    right: -130px;\r\n    bottom: -310px;\r\n\r\n    width: 760px;\r\n    height: 760px;\r\n\r\n    border: 1px solid rgba(98, 217, 179, 0.2);\r\n    border-radius: 50%;\r\n\r\n    content: \"\";\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     HERO \u2014 GRIGLIA\r\n     ========================================================= *\/\r\n\r\n  .pnp-hero__grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      minmax(0, 1.06fr)\r\n      minmax(420px, 0.94fr);\r\n\r\n    gap: clamp(42px, 7vw, 96px);\r\n\r\n    align-items: center;\r\n  }\r\n\r\n  .pnp-hero__copy {\r\n    max-width: 690px;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     HERO \u2014 TESTI\r\n     ========================================================= *\/\r\n\r\n  .pnp-eyebrow {\r\n    margin: 0 0 18px;\r\n\r\n    color: var(--pnp-mint);\r\n\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.11em;\r\n    line-height: 1.45;\r\n\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pnp-hero__title {\r\n    max-width: 760px;\r\n    margin: 0;\r\n\r\n    color: var(--pnp-white);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(2.35rem, 4.5vw, 4.25rem);\r\n\r\n    font-weight: 700;\r\n    letter-spacing: -0.045em;\r\n    line-height: 0.98;\r\n\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .pnp-hero__lead {\r\n    max-width: 650px;\r\n\r\n    margin: 26px 0 32px;\r\n\r\n    color: var(--pnp-copy);\r\n\r\n    font-size: clamp(1.05rem, 1.65vw, 1.28rem);\r\n    line-height: 1.62;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     HERO \u2014 LINK \"SCOPRI COME FUNZIONA\"\r\n     ========================================================= *\/\r\n\r\n  .pnp-hero a.pnp-hero__more,\r\n  .pnp-hero a.pnp-hero__more:link,\r\n  .pnp-hero a.pnp-hero__more:visited {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    gap: 7px;\r\n\r\n    margin-top: 14px;\r\n\r\n    color: rgba(255, 255, 255, 0.82) !important;\r\n\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n      color 0.2s ease,\r\n      gap 0.2s ease;\r\n  }\r\n\r\n  .pnp-hero a.pnp-hero__more span {\r\n    color: var(--pnp-mint) !important;\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .pnp-hero a.pnp-hero__more:hover,\r\n  .pnp-hero a.pnp-hero__more:focus,\r\n  .pnp-hero a.pnp-hero__more:active {\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    gap: 10px;\r\n  }\r\n\r\n  .pnp-hero a.pnp-hero__more:hover span,\r\n  .pnp-hero a.pnp-hero__more:focus span,\r\n  .pnp-hero a.pnp-hero__more:active span {\r\n    color: var(--pnp-mint) !important;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     HERO \u2014 PUNTI DI FIDUCIA\r\n     ========================================================= *\/\r\n\r\n  .pnp-hero__trust {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 10px 20px;\r\n\r\n    margin: 24px 0 0;\r\n    padding: 0;\r\n\r\n    color: #cae5de;\r\n\r\n    font-size: 0.9rem;\r\n\r\n    list-style: none;\r\n  }\r\n\r\n  .pnp-hero__trust li {\r\n    position: relative;\r\n\r\n    padding-left: 18px;\r\n  }\r\n\r\n  .pnp-hero__trust li::before {\r\n    position: absolute;\r\n\r\n    top: 0.62em;\r\n    left: 0;\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--pnp-mint);\r\n\r\n    content: \"\";\r\n\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     HERO \u2014 VISUAL\r\n     ========================================================= *\/\r\n\r\n  .pnp-hero__visual {\r\n    position: relative;\r\n\r\n    min-height: 500px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n  }\r\n\r\n  .pnp-hero__blob {\r\n    position: absolute;\r\n\r\n    top: 3%;\r\n    right: 4%;\r\n    bottom: 4%;\r\n    left: 5%;\r\n\r\n    border: 1px solid rgba(98, 217, 179, 0.2);\r\n\r\n    border-radius:\r\n      45% 55% 38% 62% \/\r\n      53% 38% 62% 47%;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 32% 28%,\r\n        rgba(255, 255, 255, 0.13),\r\n        transparent 26%\r\n      ),\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(98, 217, 179, 0.17),\r\n        rgba(255, 255, 255, 0.035)\r\n      );\r\n\r\n    transform: rotate(-4deg);\r\n  }\r\n\r\n  .pnp-hero__image-wrap {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: min(100%, 520px);\r\n    height: 510px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n  }\r\n\r\n  .pnp-hero__image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: contain;\r\n    object-position: center bottom;\r\n\r\n    filter:\r\n      drop-shadow(\r\n        0 26px 30px rgba(0, 0, 0, 0.34)\r\n      );\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     HERO \u2014 BOX KCAL\r\n     ========================================================= *\/\r\n\r\n  .pnp-hero__kcal {\r\n    position: absolute;\r\n    z-index: 2;\r\n\r\n    right: -10px;\r\n    bottom: 36px;\r\n\r\n    width: 154px;\r\n    min-height: 142px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 18px;\r\n\r\n    border: 1px solid rgba(98, 217, 179, 0.6);\r\n    border-radius: 18px;\r\n\r\n    color: var(--pnp-ink);\r\n\r\n    background: rgba(255, 255, 255, 0.96);\r\n\r\n    box-shadow: var(--pnp-shadow);\r\n\r\n    text-align: center;\r\n\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .pnp-hero__kcal strong {\r\n    display: block;\r\n\r\n    font-size: 2.65rem;\r\n    font-weight: 850;\r\n\r\n    letter-spacing: -0.04em;\r\n    line-height: 1;\r\n  }\r\n\r\n  .pnp-hero__kcal span {\r\n    display: block;\r\n\r\n    margin-top: 9px;\r\n\r\n    color: #536c70;\r\n\r\n    font-size: 0.84rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 TABLET GRANDE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 980px) {\r\n\r\n    .pnp-hero {\r\n      min-height: auto;\r\n\r\n      padding: 104px 0 70px;\r\n    }\r\n\r\n    .pnp-hero__grid {\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        minmax(340px, 0.8fr);\r\n\r\n      gap: 36px;\r\n    }\r\n\r\n    .pnp-hero__visual {\r\n      min-height: 430px;\r\n    }\r\n\r\n    .pnp-hero__image-wrap {\r\n      height: 435px;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 TABLET \/ MOBILE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 820px) {\r\n\r\n    .pnp-shell {\r\n      width: min(100% - 36px, 680px);\r\n    }\r\n\r\n    .pnp-hero {\r\n      padding: 92px 0 48px;\r\n    }\r\n\r\n    .pnp-hero__grid {\r\n      grid-template-columns: 1fr;\r\n\r\n      gap: 38px;\r\n    }\r\n\r\n    .pnp-hero__copy {\r\n      max-width: none;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .pnp-hero__lead {\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .pnp-button-row,\r\n    .pnp-hero__trust {\r\n      justify-content: center;\r\n    }\r\n\r\n    .pnp-hero__visual {\r\n      width: min(100%, 560px);\r\n\r\n      min-height: 430px;\r\n\r\n      margin-inline: auto;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE \u2014 SMARTPHONE\r\n     ========================================================= *\/\r\n\r\n  @media (max-width: 560px) {\r\n\r\n    .pnp-shell {\r\n      width: min(100% - 28px, 520px);\r\n    }\r\n\r\n    .pnp-hero {\r\n      padding-top: 76px;\r\n    }\r\n\r\n    .pnp-hero__title {\r\n      font-size: clamp(1.9rem, 9vw, 2.6rem);\r\n    }\r\n\r\n    .pnp-button-row {\r\n      align-items: stretch;\r\n\r\n      flex-direction: column;\r\n    }\r\n\r\n    .pnp-button {\r\n      width: 100%;\r\n    }\r\n\r\n    .pnp-hero__visual {\r\n      min-height: 350px;\r\n    }\r\n\r\n    .pnp-hero__image-wrap {\r\n      height: 360px;\r\n    }\r\n\r\n    .pnp-hero__kcal {\r\n      right: 0;\r\n      bottom: 18px;\r\n\r\n      width: 126px;\r\n      min-height: 116px;\r\n\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .pnp-hero__kcal strong {\r\n      font-size: 2.15rem;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     ACCESSIBILIT\u00c0 \u2014 RIDUZIONE ANIMAZIONI\r\n     ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n\r\n    .pnp-landing *,\r\n    .pnp-landing *::before,\r\n    .pnp-landing *::after {\r\n      scroll-behavior: auto !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n\r\n  }\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2717ac elementor-widget elementor-widget-html\" data-id=\"c2717ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Pet Nutrition Pro \u2014 BLOCK 2: HERO (English US)\r\n-->\r\n<section class=\"pnp-landing pnp-hero pnp-fullbleed\" aria-labelledby=\"pnp-hero-title\">\r\n  <div class=\"pnp-shell pnp-hero__grid\">\r\n\r\n    <div class=\"pnp-hero__copy\">\r\n\r\n      <p class=\"pnp-eyebrow\">\r\n        WooCommerce plugin for personalized dog and cat nutrition\r\n      <\/p>\r\n\r\n      <h1 class=\"pnp-hero__title\" id=\"pnp-hero-title\">\r\n        Turn your WooCommerce catalog into a personalized shopping experience\r\n      <\/h1>\r\n\r\n      <p class=\"pnp-hero__lead\">\r\n        Pet Nutrition Pro calculates your pet\u2019s nutritional needs and automatically\r\n        recommends the most suitable products from your catalog. More confidence,\r\n        more value, more conversions.\r\n      <\/p>\r\n\r\n      <div class=\"pnp-button-row\" aria-label=\"Main actions\">\r\n\r\n        <!-- PRIMARY CTA: DOWNLOAD -->\r\n        <a\r\n          class=\"pnp-button pnp-button--primary\"\r\n          href=\"https:\/\/www.petnutritionpro.com\/petnutritionpro.zip\"\r\n          download\r\n        >\r\n          Download the plugin\r\n          <svg class=\"pnp-button__icon\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n            <path d=\"M9 2a1 1 0 0 1 2 0v9.59l2.3-2.3a1 1 0 1 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.42L9 11.59V2Z\"\/>\r\n            <path d=\"M3 16a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-1Z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <!-- SECONDARY CTA: LIVE DEMO -->\r\n        <a\r\n          class=\"pnp-button pnp-button--secondary\"\r\n          href=\"https:\/\/diet.petnutritionpro.com\/\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          Try the demo\r\n          <svg class=\"pnp-button__icon\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n            <path d=\"M6.5 4.6v10.8a1 1 0 0 0 1.54.84l8-5.4a1 1 0 0 0 0-1.68l-8-5.4A1 1 0 0 0 6.5 4.6Z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <a class=\"pnp-hero__more\" href=\"#come-funziona\">\r\n        See how it works\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n\r\n      <ul class=\"pnp-hero__trust\" aria-label=\"Key features\">\r\n        <li>Integrated with WooCommerce<\/li>\r\n        <li>Customizable experience<\/li>\r\n        <li>Diet Engine available<\/li>\r\n      <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"pnp-hero__visual\" aria-label=\"Example nutrition result for Argo\">\r\n\r\n      <div class=\"pnp-hero__blob\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"pnp-hero__image-wrap\">\r\n        <img fetchpriority=\"high\"\r\n          class=\"pnp-hero__image\"\r\n          src=\"https:\/\/www.petnutritionpro.com\/wp-content\/uploads\/2026\/08\/BraccoPortoghese_trasparente.png\"\r\n          alt=\"Argo, an example dog with a personalized Pet Nutrition Pro diet\"\r\n          width=\"720\"\r\n          height=\"720\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"pnp-hero__kcal\" aria-label=\"669 kilocalories per day\">\r\n        <strong>669<\/strong>\r\n        <span>kcal \/ day<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ed8619 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4ed8619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"come-funziona\" class=\"pnp-b03\">\r\n\r\n  <style>\r\n    .pnp-b03 {\r\n      --pnp-green: #063c35;\r\n      --pnp-mint: #65deb3;\r\n      --pnp-ink: #102a2e;\r\n      --pnp-muted: #5e706d;\r\n      --pnp-soft: #f5faf8;\r\n      --pnp-warm: #fbfaf6;\r\n      --pnp-border: #dcebe6;\r\n\r\n      width: 100%;\r\n      color: var(--pnp-ink);\r\n      background: #ffffff;\r\n      font-family: inherit;\r\n      scroll-margin-top: 100px;\r\n    }\r\n\r\n    .pnp-b03 *,\r\n    .pnp-b03 *::before,\r\n    .pnp-b03 *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Problem *\/\r\n\r\n    .pnp-b03__problem {\r\n      padding: clamp(28px, 4vw, 46px) 24px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 0%,\r\n          rgba(101, 222, 179, 0.11),\r\n          transparent 44%\r\n        ),\r\n        var(--pnp-warm);\r\n      border-top: 1px solid var(--pnp-border);\r\n      border-bottom: 1px solid var(--pnp-border);\r\n    }\r\n\r\n    .pnp-b03__problem-inner {\r\n      display: grid;\r\n      grid-template-columns: 72px minmax(0, 1fr) 72px;\r\n      gap: 24px;\r\n      align-items: center;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .pnp-b03__problem-icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 64px;\r\n      height: 64px;\r\n      color: var(--pnp-green);\r\n      background: rgba(101, 222, 179, 0.15);\r\n      border: 1px solid rgba(6, 60, 53, 0.15);\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .pnp-b03__problem-icon svg {\r\n      width: 31px;\r\n      height: 31px;\r\n    }\r\n\r\n    .pnp-b03__problem-copy {\r\n      text-align: center;\r\n    }\r\n\r\n    .pnp-b03__problem h2 {\r\n      margin: 0 0 9px;\r\n      color: var(--pnp-ink);\r\n      font-size: clamp(25px, 3vw, 36px);\r\n      line-height: 1.15;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .pnp-b03__problem p {\r\n      max-width: 850px;\r\n      margin: 0 auto;\r\n      color: var(--pnp-muted);\r\n      font-size: clamp(16px, 1.7vw, 19px);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* How it works *\/\r\n\r\n    .pnp-b03__process {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: clamp(48px, 7vw, 82px) 24px;\r\n    }\r\n\r\n    .pnp-b03__heading {\r\n      max-width: 760px;\r\n      margin: 0 auto clamp(30px, 4vw, 44px);\r\n      text-align: center;\r\n    }\r\n\r\n    .pnp-b03__heading h2 {\r\n      margin: 0 0 12px;\r\n      color: var(--pnp-ink);\r\n      font-size: clamp(28px, 3.5vw, 42px);\r\n      line-height: 1.15;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .pnp-b03__heading p {\r\n      margin: 0;\r\n      color: var(--pnp-muted);\r\n      font-size: 17px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .pnp-b03__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 22px;\r\n    }\r\n\r\n    .pnp-b03__card {\r\n      position: relative;\r\n      min-height: 220px;\r\n      padding: 30px 27px 28px;\r\n      overflow: hidden;\r\n      background: #ffffff;\r\n      border: 1px solid var(--pnp-border);\r\n      border-radius: 18px;\r\n      box-shadow: 0 14px 38px rgba(6, 60, 53, 0.07);\r\n      transition:\r\n        transform 180ms ease,\r\n        box-shadow 180ms ease,\r\n        border-color 180ms ease;\r\n    }\r\n\r\n    .pnp-b03__card:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(6, 60, 53, 0.28);\r\n      box-shadow: 0 18px 44px rgba(6, 60, 53, 0.11);\r\n    }\r\n\r\n    .pnp-b03__card-top {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .pnp-b03__card-icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 58px;\r\n      height: 58px;\r\n      color: var(--pnp-green);\r\n      background: rgba(101, 222, 179, 0.14);\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .pnp-b03__card-icon svg {\r\n      width: 29px;\r\n      height: 29px;\r\n    }\r\n\r\n    .pnp-b03__step {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      color: var(--pnp-green);\r\n      background: var(--pnp-mint);\r\n      border-radius: 50%;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .pnp-b03__card h3 {\r\n      margin: 0 0 10px;\r\n      color: var(--pnp-ink);\r\n      font-size: 22px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .pnp-b03__card p {\r\n      margin: 0;\r\n      color: var(--pnp-muted);\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    @media (max-width: 800px) {\r\n      .pnp-b03__problem-inner {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .pnp-b03__problem-icon {\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .pnp-b03__problem-spacer {\r\n        display: none;\r\n      }\r\n\r\n      .pnp-b03__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .pnp-b03__card {\r\n        min-height: auto;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .pnp-b03__card {\r\n        transition: none;\r\n      }\r\n\r\n      .pnp-b03__card:hover {\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- The problem -->\r\n  <div class=\"pnp-b03__problem\">\r\n    <div class=\"pnp-b03__problem-inner\">\r\n\r\n      <div class=\"pnp-b03__problem-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n             stroke=\"currentColor\" stroke-width=\"1.8\"\r\n             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M4 19V9\"><\/path>\r\n          <path d=\"M10 19V5\"><\/path>\r\n          <path d=\"M16 19v-7\"><\/path>\r\n          <path d=\"M22 19V3\"><\/path>\r\n          <path d=\"m3 7 5-4 6 5 7-6\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"pnp-b03__problem-copy\">\r\n        <h2>The problem: customers lack confidence when choosing pet food<\/h2>\r\n        <p>\r\n          Customers often do not know which product is right for their pet.\r\n          Too many options and no personalized guidance can lead to\r\n          abandoned carts, returns, and lower customer loyalty.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pnp-b03__problem-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- The three steps -->\r\n  <div class=\"pnp-b03__process\">\r\n\r\n    <div class=\"pnp-b03__heading\">\r\n      <h2>How it works: 3 steps, zero complexity<\/h2>\r\n      <p>\r\n        Pet Nutrition Pro turns a few essential details into a guided\r\n        selection of products from your WooCommerce catalog.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pnp-b03__grid\">\r\n\r\n      <!-- Step 1 -->\r\n      <article class=\"pnp-b03__card\">\r\n        <div class=\"pnp-b03__card-top\">\r\n          <div class=\"pnp-b03__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                 stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                 stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"5\" y=\"4\" width=\"14\" height=\"17\" rx=\"2\"><\/rect>\r\n              <path d=\"M9 4.5V3h6v1.5\"><\/path>\r\n              <path d=\"M8.5 10h7\"><\/path>\r\n              <path d=\"M8.5 14h7\"><\/path>\r\n              <path d=\"M8.5 18h4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"pnp-b03__step\">1<\/span>\r\n        <\/div>\r\n\r\n        <h3>Collect the pet\u2019s information<\/h3>\r\n        <p>\r\n          The pet owner completes a simple guided questionnaire\r\n          with the information needed for the calculation.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- Step 2 -->\r\n      <article class=\"pnp-b03__card\">\r\n        <div class=\"pnp-b03__card-top\">\r\n          <div class=\"pnp-b03__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                 stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                 stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"4\" y=\"2.5\" width=\"16\" height=\"19\" rx=\"2\"><\/rect>\r\n              <path d=\"M7.5 6.5h9\"><\/path>\r\n              <path d=\"M8 11h.01\"><\/path>\r\n              <path d=\"M12 11h.01\"><\/path>\r\n              <path d=\"M16 11h.01\"><\/path>\r\n              <path d=\"M8 15h.01\"><\/path>\r\n              <path d=\"M12 15h.01\"><\/path>\r\n              <path d=\"M16 15h.01\"><\/path>\r\n              <path d=\"M8 19h4\"><\/path>\r\n              <path d=\"M16 19h.01\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"pnp-b03__step\">2<\/span>\r\n        <\/div>\r\n\r\n        <h3>Calculate nutritional needs<\/h3>\r\n        <p>\r\n          The nutrition engine estimates the pet\u2019s daily energy needs\r\n          based on the information provided.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- Step 3 -->\r\n      <article class=\"pnp-b03__card\">\r\n        <div class=\"pnp-b03__card-top\">\r\n          <div class=\"pnp-b03__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                 stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                 stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M6 8h12l1 13H5L6 8Z\"><\/path>\r\n              <path d=\"M9 9V6a3 3 0 0 1 6 0v3\"><\/path>\r\n              <path d=\"m9 14 2 2 4-4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"pnp-b03__step\">3<\/span>\r\n        <\/div>\r\n\r\n        <h3>Recommend suitable products<\/h3>\r\n        <p>\r\n          The customer receives a selection of the most suitable products\r\n          from those actually available in your catalog.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-544ae1d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"544ae1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PET NUTRITION PRO \u2014 BLOCK 04: RESULT -->\r\n\r\n<style>\r\n.pnp-landing.pnp-result-section {\r\n  --pnp-result-green: var(--pnp-green, #073f35);\r\n  --pnp-result-mint: var(--pnp-mint, #58d7b0);\r\n  --pnp-result-ink: var(--pnp-ink, #102a43);\r\n  --pnp-result-muted: #5f6f79;\r\n  --pnp-result-line: #d9e5e1;\r\n  --pnp-result-soft: #f4faf8;\r\n\r\n  color: var(--pnp-result-ink);\r\n  background: #ffffff;\r\n  padding: clamp(64px, 8vw, 112px) 20px;\r\n}\r\n\r\n.pnp-result-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.pnp-result-inner {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.pnp-result-head {\r\n  max-width: 780px;\r\n  margin: 0 auto 38px;\r\n  text-align: center;\r\n}\r\n\r\n.pnp-result-kicker {\r\n  margin: 0 0 10px;\r\n  color: #0c8069;\r\n  font: 700 0.78rem\/1.2 Arial, sans-serif;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.pnp-result-title {\r\n  margin: 0;\r\n  color: var(--pnp-result-green);\r\n  font: 700 clamp(2rem, 4vw, 3.35rem)\/1.08 Georgia, serif;\r\n  text-wrap: balance;\r\n}\r\n\r\n.pnp-result-intro {\r\n  margin: 18px auto 0;\r\n  color: var(--pnp-result-muted);\r\n  font: 400 clamp(1rem, 1.6vw, 1.15rem)\/1.7 Arial, sans-serif;\r\n}\r\n\r\n.pnp-result-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.22fr) minmax(320px, 0.78fr);\r\n  gap: 22px;\r\n  align-items: stretch;\r\n}\r\n\r\n.pnp-result-side {\r\n  display: grid;\r\n  grid-template-rows: 1fr 1fr;\r\n  gap: 22px;\r\n}\r\n\r\n.pnp-result-card {\r\n  overflow: hidden;\r\n  border: 1px solid var(--pnp-result-line);\r\n  border-radius: 24px;\r\n  background: #ffffff;\r\n  box-shadow: 0 18px 48px rgba(7, 63, 53, 0.08);\r\n}\r\n\r\n.pnp-result-copy {\r\n  padding: 22px 24px 18px;\r\n}\r\n\r\n.pnp-result-card h3 {\r\n  margin: 0 0 7px;\r\n  color: var(--pnp-result-green);\r\n  font: 700 clamp(1.14rem, 2vw, 1.45rem)\/1.25 Arial, sans-serif;\r\n}\r\n\r\n.pnp-result-card p {\r\n  margin: 0;\r\n  color: var(--pnp-result-muted);\r\n  font: 400 0.95rem\/1.55 Arial, sans-serif;\r\n}\r\n\r\n.pnp-result-media {\r\n  margin: 0;\r\n  background: var(--pnp-result-soft);\r\n  border-top: 1px solid var(--pnp-result-line);\r\n}\r\n\r\n.pnp-result-media img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.pnp-result-main .pnp-result-media img {\r\n  aspect-ratio: 1.1 \/ 1;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n}\r\n\r\n.pnp-result-side .pnp-result-media img {\r\n  aspect-ratio: 1.55 \/ 1;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n}\r\n\r\n.pnp-result-outcomes {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 14px;\r\n  margin-top: 22px;\r\n}\r\n\r\n.pnp-result-outcome {\r\n  display: flex;\r\n  gap: 13px;\r\n  align-items: flex-start;\r\n  padding: 18px;\r\n  border: 1px solid var(--pnp-result-line);\r\n  border-radius: 18px;\r\n  background: var(--pnp-result-soft);\r\n}\r\n\r\n.pnp-result-icon {\r\n  flex: 0 0 38px;\r\n  display: grid;\r\n  width: 38px;\r\n  height: 38px;\r\n  place-items: center;\r\n  border-radius: 50%;\r\n  color: var(--pnp-result-green);\r\n  background: rgba(88, 215, 176, 0.28);\r\n  font: 700 1rem\/1 Arial, sans-serif;\r\n}\r\n\r\n.pnp-result-outcome strong {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: var(--pnp-result-green);\r\n  font: 700 1rem\/1.25 Arial, sans-serif;\r\n}\r\n\r\n.pnp-result-outcome span:last-child {\r\n  color: var(--pnp-result-muted);\r\n  font: 400 0.88rem\/1.45 Arial, sans-serif;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .pnp-result-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .pnp-result-side {\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-template-rows: auto;\r\n  }\r\n\r\n  .pnp-result-outcomes {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .pnp-result-main .pnp-result-media img {\r\n    aspect-ratio: auto;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .pnp-result-side .pnp-result-media img {\r\n    aspect-ratio: 1.45 \/ 1;\r\n  }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n  .pnp-landing.pnp-result-section {\r\n    padding-inline: 14px;\r\n  }\r\n\r\n  .pnp-result-side {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .pnp-result-card {\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .pnp-result-side .pnp-result-media img {\r\n    aspect-ratio: auto;\r\n    object-fit: contain;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section\r\n  id=\"risultato\"\r\n  class=\"pnp-landing pnp-result-section\"\r\n  aria-labelledby=\"pnp-result-title\"\r\n>\r\n  <div class=\"pnp-result-inner\">\r\n\r\n    <header class=\"pnp-result-head\">\r\n      <p class=\"pnp-result-kicker\">From pet profile to cart<\/p>\r\n\r\n      <h2 id=\"pnp-result-title\" class=\"pnp-result-title\">\r\n        The result: a personalized feeding plan based on your products\r\n      <\/h2>\r\n\r\n      <p class=\"pnp-result-intro\">\r\n        Customers can understand why a solution is suitable for their pet\r\n        and move directly to the recommended products in your WooCommerce\r\n        catalog.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pnp-result-grid\">\r\n\r\n      <article class=\"pnp-result-card pnp-result-main\">\r\n        <div class=\"pnp-result-copy\">\r\n          <h3>A clear nutrition summary<\/h3>\r\n          <p>\r\n            The pet profile, calorie requirements, and preferences are brought\r\n            together in a clear and easy-to-understand summary.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <figure class=\"pnp-result-media\">\r\n          <img\r\n            src=\"https:\/\/www.petnutritionpro.com\/wp-content\/uploads\/2026\/08\/SchedaArgo.png\"\r\n            alt=\"Example of a personalized nutrition summary for Argo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n      <\/article>\r\n\r\n      <div class=\"pnp-result-side\">\r\n\r\n        <article class=\"pnp-result-card\">\r\n          <div class=\"pnp-result-copy\">\r\n            <h3>Compatible products<\/h3>\r\n            <p>\r\n              Diet Engine connects the result with the products actually\r\n              available in your store catalog.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <figure class=\"pnp-result-media\">\r\n            <img\r\n              src=\"https:\/\/www.petnutritionpro.com\/wp-content\/uploads\/2026\/08\/Prodotti.png\"\r\n              alt=\"WooCommerce products recommended for Argo's feeding plan\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/figure>\r\n        <\/article>\r\n\r\n        <article class=\"pnp-result-card\">\r\n          <div class=\"pnp-result-copy\">\r\n            <h3>Daily amounts and purchase<\/h3>\r\n            <p>\r\n              Daily feeding amounts help guide the customer\u2019s choice,\r\n              and suggested products can be added directly to the cart.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <figure class=\"pnp-result-media\">\r\n            <img\r\n              src=\"https:\/\/www.petnutritionpro.com\/wp-content\/uploads\/2026\/08\/Risultati2.png\"\r\n              alt=\"Daily feeding plan breakdown and add-to-cart button\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/figure>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pnp-result-outcomes\" aria-label=\"Benefits of the result\">\r\n\r\n      <div class=\"pnp-result-outcome\">\r\n        <span class=\"pnp-result-icon\" aria-hidden=\"true\">1<\/span>\r\n        <span>\r\n          <strong>More clarity<\/strong>\r\n          <span>\r\n            Customers see a reasoned recommendation, not just a simple\r\n            list of products.\r\n          <\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"pnp-result-outcome\">\r\n        <span class=\"pnp-result-icon\" aria-hidden=\"true\">2<\/span>\r\n        <span>\r\n          <strong>More confidence<\/strong>\r\n          <span>\r\n            Personalization reduces uncertainty, even when customers are\r\n            considering less familiar brands.\r\n          <\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"pnp-result-outcome\">\r\n        <span class=\"pnp-result-icon\" aria-hidden=\"true\">3<\/span>\r\n        <span>\r\n          <strong>Closer to purchase<\/strong>\r\n          <span>\r\n            From recommendation to WooCommerce products without interrupting\r\n            the customer journey.\r\n          <\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9157d elementor-widget elementor-widget-html\" data-id=\"5a9157d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"vantaggi\" class=\"pnp-benefits-section\" aria-labelledby=\"pnp-benefits-title\">\r\n  <div class=\"pnp-shell\">\r\n\r\n    <header class=\"pnp-benefits-heading\">\r\n      <span class=\"pnp-eyebrow\">BENEFITS<\/span>\r\n      <h2 id=\"pnp-benefits-title\">More value for your store<\/h2>\r\n      <p>\r\n        Pet Nutrition Pro turns your catalog into a tool that helps guide\r\n        product selection and build customer confidence.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pnp-benefits-grid\">\r\n\r\n      <article class=\"pnp-benefit-card\">\r\n        <span class=\"pnp-benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 19V10M10 19V5M16 19v-7M3 19h18M5 7l5-4 5 4 5-4\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3>Increase conversions<\/h3>\r\n        <p>\r\n          Recommendations start from a real need and guide customers toward\r\n          the most suitable products available in your catalog.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pnp-benefit-card\">\r\n        <span class=\"pnp-benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 3l7 3v5c0 4.6-2.8 8.1-7 10-4.2-1.9-7-5.4-7-10V6l7-3z\"\/>\r\n            <path d=\"M9 12l2 2 4-5\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3>Build trust<\/h3>\r\n        <p>\r\n          Recommendations are based on the pet\u2019s nutritional profile,\r\n          not simply on brand recognition or price.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pnp-benefit-card\">\r\n        <span class=\"pnp-benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n            <path d=\"M4 21c.7-4.4 3.4-7 8-7s7.3 2.6 8 7\"\/>\r\n            <path d=\"M18 4l1.3 1.3L22 2.6\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3>Simplify the choice<\/h3>\r\n        <p>\r\n          Customers understand why a product was recommended and can\r\n          make their decision with greater confidence.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pnp-benefit-card\">\r\n        <span class=\"pnp-benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M20.8 5.7c-1.8-1.8-4.8-1.8-6.6 0L12 7.9 9.8 5.7A4.67 4.67 0 003.2 12.3L12 21l8.8-8.7a4.67 4.67 0 000-6.6z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3>Engage customers<\/h3>\r\n        <p>\r\n          A useful, personalized experience makes your store more distinctive\r\n          and encourages customer loyalty.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pnp-benefit-card\">\r\n        <span class=\"pnp-benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M3 4h2l2.2 10.2a2 2 0 002 1.6h8.7a2 2 0 002-1.6L21 8H7\"\/>\r\n            <circle cx=\"10\" cy=\"20\" r=\"1.5\"\/>\r\n            <circle cx=\"18\" cy=\"20\" r=\"1.5\"\/>\r\n            <path d=\"M11 11h6M14 8v6\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <h3>Build a more complete cart<\/h3>\r\n        <p>\r\n          The system can recommend multiple compatible products and add them\r\n          together to the WooCommerce cart.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .pnp-benefits-section {\r\n    width: 100%;\r\n    padding: clamp(64px, 8vw, 108px) 24px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .pnp-benefits-section .pnp-shell {\r\n    width: min(1200px, 100%);\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .pnp-benefits-heading {\r\n    max-width: 760px;\r\n    margin: 0 auto clamp(32px, 5vw, 52px);\r\n    text-align: center;\r\n  }\r\n\r\n  .pnp-benefits-heading .pnp-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    color: #14785f;\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.14em;\r\n  }\r\n\r\n  .pnp-benefits-heading h2 {\r\n    margin: 0 0 16px;\r\n    color: #102a43;\r\n    font-size: clamp(2rem, 4vw, 3.1rem);\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .pnp-benefits-heading p {\r\n    margin: 0;\r\n    color: #52656e;\r\n    font-size: 1.05rem;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .pnp-benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .pnp-benefit-card {\r\n    padding: 26px 20px 28px;\r\n    background: #ffffff;\r\n    border: 1px solid #dce9e4;\r\n    border-radius: 18px;\r\n    box-shadow: 0 14px 34px rgba(6, 60, 51, 0.06);\r\n    text-align: center;\r\n    transition:\r\n      transform 180ms ease,\r\n      border-color 180ms ease,\r\n      box-shadow 180ms ease;\r\n  }\r\n\r\n  .pnp-benefit-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #79d9b8;\r\n    box-shadow: 0 20px 42px rgba(6, 60, 51, 0.11);\r\n  }\r\n\r\n  .pnp-benefit-icon {\r\n    display: grid;\r\n    width: 58px;\r\n    height: 58px;\r\n    margin: 0 auto 20px;\r\n    place-items: center;\r\n    color: #08715b;\r\n    background: #e9fbf4;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .pnp-benefit-icon svg {\r\n    width: 29px;\r\n    height: 29px;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .pnp-benefit-card h3 {\r\n    margin: 0 0 12px;\r\n    color: #102a43;\r\n    font-size: 1.05rem;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .pnp-benefit-card p {\r\n    margin: 0;\r\n    color: #5e706a;\r\n    font-size: 0.91rem;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 1080px) {\r\n    .pnp-benefits-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 760px) {\r\n    .pnp-benefits-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .pnp-benefits-section {\r\n      padding-inline: 16px;\r\n    }\r\n\r\n    .pnp-benefits-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .pnp-benefit-card {\r\n      text-align: left;\r\n    }\r\n\r\n    .pnp-benefit-icon {\r\n      margin-inline: 0;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-062b1b1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"062b1b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"demo\" class=\"pnp-video-section\" aria-labelledby=\"pnp-video-title\">\r\n  <div class=\"pnp-video-inner\">\r\n\r\n    <header class=\"pnp-video-header\">\r\n      <span class=\"pnp-video-kicker\">VIDEO DEMO<\/span>\r\n\r\n      <h2 id=\"pnp-video-title\">\r\n        See Pet Nutrition Pro in action\r\n      <\/h2>\r\n\r\n      <p>\r\n        See how a personalized feeding plan guides customers toward\r\n        the most suitable products in your WooCommerce catalog.\r\n        A more technical overview is also available for agencies.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pnp-video-grid\">\r\n\r\n      <!-- PRIMARY VIDEO: STORES AND MANUFACTURERS -->\r\n      <article class=\"pnp-video-card pnp-video-card-primary\">\r\n        <div class=\"pnp-video-player\">\r\n          <iframe\r\n            src=\"https:\/\/www.youtube-nocookie.com\/embed\/iuqi5I5wmuM?rel=0&cc_load_policy=1\"\r\n            title=\"Pet Nutrition Pro for stores and manufacturers: from a personalized feeding plan to WooCommerce products\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"strict-origin-when-cross-origin\"\r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n            allowfullscreen>\r\n          <\/iframe>\r\n        <\/div>\r\n\r\n        <div class=\"pnp-video-content\">\r\n          <span class=\"pnp-video-label\">Main demo<\/span>\r\n\r\n          <h3>For stores and manufacturers<\/h3>\r\n\r\n          <p>\r\n            See how Pet Nutrition Pro collects the pet\u2019s information,\r\n            calculates nutritional requirements, and automatically recommends\r\n            compatible products available in the catalog.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- SECONDARY VIDEO: AGENCIES -->\r\n      <article class=\"pnp-video-card pnp-video-card-agency\">\r\n        <div class=\"pnp-video-player\">\r\n          <iframe\r\n            src=\"https:\/\/www.youtube-nocookie.com\/embed\/t5UO1XG8rQM?rel=0&cc_load_policy=1\"\r\n            title=\"Pet Nutrition Pro for web agencies: a WooCommerce solution for client websites\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"strict-origin-when-cross-origin\"\r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n            allowfullscreen>\r\n          <\/iframe>\r\n        <\/div>\r\n\r\n        <div class=\"pnp-video-content\">\r\n          <span class=\"pnp-video-label pnp-video-label-secondary\">\r\n            Technical overview\r\n          <\/span>\r\n\r\n          <h3>For agencies and developers<\/h3>\r\n\r\n          <p>\r\n            An overview focused on installation, configuration,\r\n            customization, and Diet Engine activation for your clients\u2019\r\n            WooCommerce projects.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"pnp-video-language-note\">\r\n      <strong>Narration:<\/strong> British English.\r\n      <strong>Subtitles available:<\/strong>\r\n      Italiano, English (US), English (UK), Deutsch, Fran\u00e7ais, Espa\u00f1ol,\r\n      Portugu\u00eas (Brasil), and Portugu\u00eas (Portugal).\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .pnp-video-section {\r\n    --pnp-video-dark: #073d33;\r\n    --pnp-video-dark-2: #0b5144;\r\n    --pnp-video-mint: #66ddb6;\r\n    --pnp-video-ink: #102a2e;\r\n    --pnp-video-muted: #58706d;\r\n    --pnp-video-line: #d9e7e2;\r\n    --pnp-video-soft: #f4faf7;\r\n\r\n    width: 100%;\r\n    padding: 84px 24px;\r\n    scroll-margin-top: 110px;\r\n    background:\r\n      radial-gradient(circle at 50% 0%, #effbf6 0, transparent 42%),\r\n      #ffffff;\r\n    color: var(--pnp-video-ink);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pnp-video-section *,\r\n  .pnp-video-section *::before,\r\n  .pnp-video-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pnp-video-inner {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .pnp-video-header {\r\n    max-width: 780px;\r\n    margin: 0 auto 40px;\r\n    text-align: center;\r\n  }\r\n\r\n  .pnp-video-kicker {\r\n    display: inline-flex;\r\n    margin-bottom: 14px;\r\n    padding: 7px 15px;\r\n    border-radius: 999px;\r\n    background: #dff8ef;\r\n    color: var(--pnp-video-dark);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: .11em;\r\n  }\r\n\r\n  .pnp-video-header h2 {\r\n    margin: 0 0 16px;\r\n    color: var(--pnp-video-dark);\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(34px, 4vw, 52px);\r\n    line-height: 1.08;\r\n    letter-spacing: -.025em;\r\n  }\r\n\r\n  .pnp-video-header p {\r\n    margin: 0;\r\n    color: var(--pnp-video-muted);\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .pnp-video-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);\r\n    gap: 26px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .pnp-video-card {\r\n    overflow: hidden;\r\n    border: 1px solid var(--pnp-video-line);\r\n    border-radius: 22px;\r\n    background: #ffffff;\r\n    box-shadow: 0 18px 45px rgba(7, 61, 51, .10);\r\n  }\r\n\r\n  .pnp-video-card-primary {\r\n    border-color: rgba(7, 61, 51, .28);\r\n  }\r\n\r\n  .pnp-video-card-agency {\r\n    box-shadow: 0 12px 32px rgba(7, 61, 51, .07);\r\n  }\r\n\r\n  .pnp-video-player {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    background: var(--pnp-video-dark);\r\n  }\r\n\r\n  .pnp-video-player iframe {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n  }\r\n\r\n  .pnp-video-content {\r\n    padding: 27px 29px 31px;\r\n  }\r\n\r\n  .pnp-video-label {\r\n    display: inline-flex;\r\n    margin-bottom: 15px;\r\n    padding: 7px 13px;\r\n    border-radius: 999px;\r\n    background: var(--pnp-video-mint);\r\n    color: var(--pnp-video-dark);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .055em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pnp-video-label-secondary {\r\n    border: 1px solid #b9dacf;\r\n    background: var(--pnp-video-soft);\r\n  }\r\n\r\n  .pnp-video-content h3 {\r\n    margin: 0 0 12px;\r\n    color: var(--pnp-video-dark);\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .pnp-video-content p {\r\n    margin: 0;\r\n    color: var(--pnp-video-muted);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .pnp-video-language-note {\r\n    margin-top: 27px;\r\n    padding: 17px 22px;\r\n    border: 1px solid var(--pnp-video-line);\r\n    border-radius: 14px;\r\n    background: var(--pnp-video-soft);\r\n    color: var(--pnp-video-muted);\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    text-align: center;\r\n  }\r\n\r\n  .pnp-video-language-note strong {\r\n    color: var(--pnp-video-dark);\r\n  }\r\n\r\n  @media (max-width: 860px) {\r\n    .pnp-video-section {\r\n      padding: 66px 20px;\r\n    }\r\n\r\n    .pnp-video-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .pnp-video-header p {\r\n      font-size: 17px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .pnp-video-section {\r\n      padding: 54px 16px;\r\n    }\r\n\r\n    .pnp-video-header {\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .pnp-video-content {\r\n      padding: 23px 21px 26px;\r\n    }\r\n\r\n    .pnp-video-content h3 {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .pnp-video-language-note {\r\n      padding: 15px 17px;\r\n      text-align: left;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-944b34f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"944b34f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"diet-engine\" class=\"pnp7\" aria-labelledby=\"pnp7-title\">\r\n  <style>\r\n    .pnp7,\r\n    .pnp7 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .pnp7 {\r\n      width: 100%;\r\n      padding: 38px 24px;\r\n      background: #eefaf6;\r\n      font-family: Inter, Arial, sans-serif;\r\n      color: #123d35;\r\n    }\r\n\r\n    .pnp7__inner {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .pnp7__panel {\r\n      display: grid;\r\n      grid-template-columns: 96px minmax(0, 1fr) auto;\r\n      align-items: center;\r\n      gap: 30px;\r\n      padding: 30px;\r\n      border: 1px solid #b7e7d7;\r\n      border-radius: 22px;\r\n      background: linear-gradient(135deg, #e4f8f0 0%, #f7fffc 100%);\r\n      box-shadow: 0 16px 40px rgba(7, 61, 51, 0.08);\r\n    }\r\n\r\n    .pnp7__icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 96px;\r\n      height: 96px;\r\n      border-radius: 22px;\r\n      background: #073d33;\r\n      color: #66ddb6;\r\n    }\r\n\r\n    .pnp7__icon svg {\r\n      width: 54px;\r\n      height: 54px;\r\n    }\r\n\r\n    .pnp7__eyebrow {\r\n      margin: 0 0 7px;\r\n      color: #08715d;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .pnp7 h2 {\r\n      margin: 0 0 10px;\r\n      color: #073d33;\r\n      font-family: Georgia, \"Times New Roman\", serif;\r\n      font-size: clamp(27px, 3vw, 40px);\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .pnp7__description {\r\n      max-width: 760px;\r\n      margin: 0;\r\n      color: #365e57;\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .pnp7__features {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .pnp7__feature {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 8px 12px;\r\n      border: 1px solid #c7eadd;\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.8);\r\n      color: #174e43;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .pnp7__feature::before {\r\n      content: \"\u2713\";\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 18px;\r\n      height: 18px;\r\n      border-radius: 50%;\r\n      background: #66ddb6;\r\n      color: #073d33;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .pnp7__notice {\r\n      margin: 15px 0 0;\r\n      color: #58766f;\r\n      font-size: 12px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .pnp7__cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-width: 194px;\r\n      padding: 14px 20px;\r\n      border: 2px solid #073d33;\r\n      border-radius: 12px;\r\n      background: #073d33;\r\n      color: #ffffff !important;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      text-align: center;\r\n      text-decoration: none !important;\r\n      transition: transform 0.2s ease, background 0.2s ease;\r\n    }\r\n\r\n    .pnp7__cta:hover,\r\n    .pnp7__cta:focus-visible {\r\n      background: #0a5547;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .pnp7__cta span {\r\n      font-size: 20px;\r\n      line-height: 1;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .pnp7__panel {\r\n        grid-template-columns: 78px minmax(0, 1fr);\r\n      }\r\n\r\n      .pnp7__icon {\r\n        width: 78px;\r\n        height: 78px;\r\n      }\r\n\r\n      .pnp7__cta {\r\n        grid-column: 1 \/ -1;\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .pnp7 {\r\n        padding: 28px 16px;\r\n      }\r\n\r\n      .pnp7__panel {\r\n        display: block;\r\n        padding: 24px 20px;\r\n      }\r\n\r\n      .pnp7__icon {\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .pnp7__cta {\r\n        margin-top: 22px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"pnp7__inner\">\r\n    <div class=\"pnp7__panel\">\r\n      <div class=\"pnp7__icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <circle cx=\"32\" cy=\"32\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"\/>\r\n          <path d=\"M32 8v8M32 48v8M8 32h8M48 32h8M15 15l6 6M43 43l6 6M49 15l-6 6M21 43l-6 6\"\r\n                stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M26 32a6 6 0 1 0 12 0a6 6 0 1 0-12 0\"\r\n                stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"pnp7__content\">\r\n        <p class=\"pnp7__eyebrow\">Diet Engine<\/p>\r\n\r\n        <h2 id=\"pnp7-title\">\r\n          The engine that connects nutritional needs to products\r\n        <\/h2>\r\n\r\n        <p class=\"pnp7__description\">\r\n          Diet Engine processes the information collected through the questionnaire,\r\n          estimates the pet\u2019s nutritional requirements, and automatically identifies\r\n          compatible products in the WooCommerce catalog. Customers receive a\r\n          personalized recommendation built around the products actually available\r\n          in your store.\r\n        <\/p>\r\n\r\n        <div class=\"pnp7__features\" aria-label=\"Key features\">\r\n          <span class=\"pnp7__feature\">Nutritional needs calculation<\/span>\r\n          <span class=\"pnp7__feature\">Product selection<\/span>\r\n          <span class=\"pnp7__feature\">Estimated daily feeding amounts<\/span>\r\n        <\/div>\r\n\r\n        <p class=\"pnp7__notice\">\r\n          The system uses nutritional criteria developed with reference to\r\n          FEDIAF and NRC guidelines. Pet Nutrition Pro is an informational\r\n          decision-support tool and does not replace veterinary diagnosis,\r\n          prescription, or professional advice.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a class=\"pnp7__cta\" href=\"#piani\">\r\n        Explore Diet Engine plans\r\n        <span aria-hidden=\"true\">\u203a<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdbb9ec elementor-widget elementor-widget-html\" data-id=\"fdbb9ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"piani\" class=\"pnp8\" aria-labelledby=\"pnp8-title\">\r\n  <style>\r\n    .pnp8,\r\n    .pnp8 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .pnp8 {\r\n      width: 100%;\r\n      padding: 78px 24px;\r\n      background: #ffffff;\r\n      font-family: Inter, Arial, sans-serif;\r\n      color: #163f37;\r\n    }\r\n\r\n    .pnp8__inner {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .pnp8__header {\r\n      max-width: 760px;\r\n      margin: 0 auto 38px;\r\n      text-align: center;\r\n    }\r\n\r\n    .pnp8__eyebrow {\r\n      margin: 0 0 9px;\r\n      color: #08715d;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .pnp8 h2 {\r\n      margin: 0;\r\n      color: #073d33;\r\n      font-family: Georgia, \"Times New Roman\", serif;\r\n      font-size: clamp(32px, 4vw, 48px);\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .pnp8__intro {\r\n      margin: 15px 0 0;\r\n      color: #56736d;\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .pnp8__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 22px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .pnp8__card {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n      padding: 30px;\r\n      border: 1px solid #d7e8e2;\r\n      border-radius: 20px;\r\n      background: #ffffff;\r\n      box-shadow: 0 15px 40px rgba(7, 61, 51, 0.07);\r\n      transition: transform 0.22s ease, box-shadow 0.22s ease;\r\n    }\r\n\r\n    .pnp8__card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 20px 48px rgba(7, 61, 51, 0.12);\r\n    }\r\n\r\n    .pnp8__card--business {\r\n      border: 2px solid #36b98d;\r\n      background: linear-gradient(180deg, #f2fcf8 0%, #ffffff 55%);\r\n    }\r\n\r\n    .pnp8__badge {\r\n      align-self: flex-start;\r\n      margin-bottom: 20px;\r\n      padding: 7px 11px;\r\n      border-radius: 999px;\r\n      background: #dff7ee;\r\n      color: #086451;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.05em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .pnp8__card--business .pnp8__badge {\r\n      background: #66ddb6;\r\n      color: #073d33;\r\n    }\r\n\r\n    .pnp8__card h3 {\r\n      margin: 0;\r\n      color: #073d33;\r\n      font-family: Georgia, \"Times New Roman\", serif;\r\n      font-size: 29px;\r\n      line-height: 1.15;\r\n    }\r\n\r\n    .pnp8__audience {\r\n      min-height: 48px;\r\n      margin: 8px 0 20px;\r\n      color: #607a74;\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .pnp8__slots {\r\n      display: flex;\r\n      align-items: baseline;\r\n      gap: 8px;\r\n      margin-bottom: 23px;\r\n      padding-bottom: 21px;\r\n      border-bottom: 1px solid #e2ece8;\r\n    }\r\n\r\n    .pnp8__slots strong {\r\n      color: #073d33;\r\n      font-size: 38px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .pnp8__slots span {\r\n      color: #52716a;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .pnp8__features {\r\n      display: grid;\r\n      gap: 13px;\r\n      margin: 0 0 28px;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .pnp8__features li {\r\n      position: relative;\r\n      padding-left: 27px;\r\n      color: #365b54;\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .pnp8__features li::before {\r\n      content: \"\u2713\";\r\n      position: absolute;\r\n      top: 1px;\r\n      left: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 19px;\r\n      height: 19px;\r\n      border-radius: 50%;\r\n      background: #dff7ee;\r\n      color: #08715d;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .pnp8__footer {\r\n      margin-top: auto;\r\n    }\r\n\r\n    .pnp8__price {\r\n      display: block;\r\n      width: 100%;\r\n      padding: 13px 15px;\r\n      border: 1px solid #71cdb0;\r\n      border-radius: 10px;\r\n      background: #f2fcf8;\r\n      color: #086451;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-align: center;\r\n    }\r\n\r\n    .pnp8__agency-link {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 100%;\r\n      padding: 13px 15px;\r\n      border: 2px solid #073d33;\r\n      border-radius: 10px;\r\n      background: #073d33;\r\n      color: #ffffff !important;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-align: center;\r\n      text-decoration: none !important;\r\n      transition: background 0.2s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .pnp8__agency-link:hover,\r\n    .pnp8__agency-link:focus-visible {\r\n      background: #0a5547;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .pnp8__tax-note {\r\n      max-width: 850px;\r\n      margin: 27px auto 0;\r\n      color: #698079;\r\n      font-size: 12px;\r\n      line-height: 1.6;\r\n      text-align: center;\r\n    }\r\n\r\n    .pnp8__price + .pnp8__agency-link {\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .pnp8__price small {\r\n      display: block;\r\n      margin-top: 3px;\r\n      font-size: 11px;\r\n      font-weight: 650;\r\n    }\r\n\r\n    .pnp8__details-link {\r\n      display: block;\r\n      margin-top: 12px;\r\n      color: #08715d !important;\r\n      font-size: 13px;\r\n      font-weight: 750;\r\n      text-align: center;\r\n      text-decoration: underline;\r\n    }\r\n\r\n    @media (max-width: 920px) {\r\n      .pnp8__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .pnp8__audience {\r\n        min-height: 0;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .pnp8 {\r\n        padding: 58px 16px;\r\n      }\r\n\r\n      .pnp8__card {\r\n        padding: 25px 21px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"pnp8__inner\">\r\n\r\n    <header class=\"pnp8__header\">\r\n      <p class=\"pnp8__eyebrow\">Diet Engine Plans<\/p>\r\n\r\n      <h2 id=\"pnp8-title\">\r\n        Choose the plan that best fits your business\r\n      <\/h2>\r\n\r\n      <p class=\"pnp8__intro\">\r\n        Every plan includes access to Diet Engine, plugin updates,\r\n        and use of Pet Nutrition Pro on the domains included\r\n        with your license.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pnp8__grid\">\r\n\r\n      <!-- SINGLE -->\r\n      <article class=\"pnp8__card\">\r\n        <span class=\"pnp8__badge\">Single<\/span>\r\n\r\n        <h3>Single 1<\/h3>\r\n\r\n        <p class=\"pnp8__audience\">\r\n          For one online store, manufacturer, or individual brand.\r\n        <\/p>\r\n\r\n        <div class=\"pnp8__slots\">\r\n          <strong>1<\/strong>\r\n          <span>domain for 12 months<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"pnp8__features\">\r\n          <li>One WordPress site with WooCommerce<\/li>\r\n          <li>Access to the Diet Engine service<\/li>\r\n          <li>Plugin updates included<\/li>\r\n          <li>Ticket-based support<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"pnp8__footer\">\r\n\r\n          <span\r\n            class=\"pnp8__price\"\r\n            data-wc-slug=\"diet-engine-single-1-domain-12-months\"\r\n          >\r\n            <span class=\"pnp8__price-amount\">\u20ac149<\/span> for the first year\r\n            <small>then \u20ac199\/year upon renewal<\/small>\r\n          <\/span>\r\n\r\n          <a\r\n            class=\"pnp8__agency-link\"\r\n            href=\"https:\/\/www.petnutritionpro.com\/en\/prodotto\/diet-engine-single-1-domain-12-months\/\"\r\n          >\r\n            Activate Single\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"pnp8__details-link\"\r\n            href=\"https:\/\/www.petnutritionpro.com\/en\/prodotto\/diet-engine-single-1-domain-3-months\/\"\r\n          >\r\n            Prefer to start gradually? Try the 3-month Starter plan\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- AGENCY 5 -->\r\n      <article class=\"pnp8__card pnp8__card--business\">\r\n        <span class=\"pnp8__badge\">Agency<\/span>\r\n\r\n        <h3>Agency 5<\/h3>\r\n\r\n        <p class=\"pnp8__audience\">\r\n          For businesses, manufacturers, and growing store networks.\r\n        <\/p>\r\n\r\n        <div class=\"pnp8__slots\">\r\n          <strong>5<\/strong>\r\n          <span>domains for 12 months<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"pnp8__features\">\r\n          <li>Up to five WooCommerce sites<\/li>\r\n          <li>Access to the Diet Engine service<\/li>\r\n          <li>Plugin updates included<\/li>\r\n          <li>Priority business support<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"pnp8__footer\">\r\n\r\n          <span\r\n            class=\"pnp8__price\"\r\n            data-wc-slug=\"diet-engine-agency-5-5-domains-12-months\"\r\n          >\r\n            <span class=\"pnp8__price-amount\">\u20ac449<\/span> \/year\r\n          <\/span>\r\n\r\n          <a\r\n            class=\"pnp8__agency-link\"\r\n            href=\"https:\/\/www.petnutritionpro.com\/en\/prodotto\/diet-engine-agency-5-5-domains-12-months\/\"\r\n          >\r\n            Activate Agency 5\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"pnp8__details-link\"\r\n            data-wc-slug=\"diet-engine-agency-3-3-domains-12-months\"\r\n            href=\"https:\/\/www.petnutritionpro.com\/en\/prodotto\/diet-engine-agency-3-3-domains-12-months\/\"\r\n          >\r\n            Need fewer domains? Try Agency 3 \u2013\r\n            <span class=\"pnp8__price-amount\">\u20ac299<\/span>\/year\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- AGENCY 9 -->\r\n      <article class=\"pnp8__card\">\r\n        <span class=\"pnp8__badge\">Agency<\/span>\r\n\r\n        <h3>Agency 9<\/h3>\r\n\r\n        <p class=\"pnp8__audience\">\r\n          For web agencies and developers managing multiple clients.\r\n        <\/p>\r\n\r\n        <div class=\"pnp8__slots\">\r\n          <strong>9<\/strong>\r\n          <span>domains for 12 months<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"pnp8__features\">\r\n          <li>Up to nine WooCommerce installations<\/li>\r\n          <li>Flexible domain slot management<\/li>\r\n          <li>Plugin updates included<\/li>\r\n          <li>Dedicated agency support<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"pnp8__footer\">\r\n\r\n          <span\r\n            class=\"pnp8__price\"\r\n            data-wc-slug=\"diet-engine-agency-9-9-domains-12-months\"\r\n          >\r\n            <span class=\"pnp8__price-amount\">\u20ac699<\/span> \/year\r\n          <\/span>\r\n\r\n          <a\r\n            class=\"pnp8__agency-link\"\r\n            href=\"https:\/\/www.petnutritionpro.com\/en\/prodotto\/diet-engine-agency-9-9-domains-12-months\/\"\r\n          >\r\n            Activate Agency 9\r\n          <\/a>\r\n\r\n          <a class=\"pnp8__details-link\" href=\"#agenzie\">\r\n            See how it works for agencies\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"pnp8__tax-note\">\r\n      Prices are shown excluding VAT. Applicable taxes will be calculated\r\n      at checkout based on the billing country and, for European Union\r\n      businesses, VAT number validation.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/\/ Updates the displayed prices using the actual WooCommerce product price\r\n  \/\/ through the public read-only WooCommerce Store API.\r\n  \/\/ If the request fails for any reason, the static price already shown above\r\n  \/\/ remains visible, so the page never displays an empty or broken price.\r\n\r\n  function formatWooPrice(prices) {\r\n    var minor = parseInt(prices.currency_minor_unit, 10);\r\n\r\n    if (isNaN(minor)) {\r\n      minor = 2;\r\n    }\r\n\r\n    var amount =\r\n      parseInt(prices.price, 10) \/ Math.pow(10, minor);\r\n\r\n    var decimals = minor === 0 ? 0 : 2;\r\n    var formatted = amount.toFixed(decimals);\r\n\r\n    return (prices.currency_symbol || '\u20ac') + formatted;\r\n  }\r\n\r\n  document\r\n    .querySelectorAll('#piani [data-wc-slug]')\r\n    .forEach(function (priceEl) {\r\n\r\n      var slug =\r\n        priceEl.getAttribute('data-wc-slug');\r\n\r\n      var amountEl =\r\n        priceEl.querySelector('.pnp8__price-amount');\r\n\r\n      if (!slug || !amountEl) {\r\n        return;\r\n      }\r\n\r\n      fetch(\r\n        '\/wp-json\/wc\/store\/v1\/products?slug=' +\r\n        encodeURIComponent(slug)\r\n      )\r\n        .then(function (res) {\r\n          return res.ok\r\n            ? res.json()\r\n            : Promise.reject(res.status);\r\n        })\r\n        .then(function (products) {\r\n\r\n          if (\r\n            products &&\r\n            products[0] &&\r\n            products[0].prices\r\n          ) {\r\n            amountEl.textContent =\r\n              formatWooPrice(products[0].prices);\r\n          }\r\n\r\n        })\r\n        .catch(function () {\r\n          \/\/ Silent fallback:\r\n          \/\/ the static price written in the page remains visible.\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e10c2c8 elementor-widget elementor-widget-html\" data-id=\"e10c2c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.pnp9{\r\n  --green:#073d33;\r\n  --mint:#66ddb6;\r\n  --white:#ffffff;\r\n  width:100%;\r\n  padding:34px 22px;\r\n  background:#ffffff;\r\n  box-sizing:border-box;\r\n}\r\n.pnp9 *{box-sizing:border-box}\r\n.pnp9__inner{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:32px 38px;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n  align-items:center;\r\n  gap:32px;\r\n  color:var(--white);\r\n  background:\r\n    radial-gradient(circle at 12% 50%,rgba(102,221,182,.18),transparent 27%),\r\n    linear-gradient(135deg,#073d33,#0a5143);\r\n  border-radius:20px;\r\n  box-shadow:0 18px 45px rgba(7,61,51,.16);\r\n}\r\n.pnp9__content{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:20px;\r\n}\r\n.pnp9__icon{\r\n  flex:0 0 62px;\r\n  width:62px;\r\n  height:62px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:17px;\r\n  color:var(--mint);\r\n  background:rgba(102,221,182,.12);\r\n  border:1px solid rgba(102,221,182,.28);\r\n}\r\n.pnp9__icon svg{width:34px;height:34px}\r\n.pnp9__eyebrow{\r\n  margin:0 0 7px;\r\n  color:var(--mint);\r\n  font:700 12px\/1.2 Arial,sans-serif;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n.pnp9 h2{\r\n  margin:0 0 10px;\r\n  color:#fff;\r\n  font:700 clamp(25px,3vw,36px)\/1.12 Georgia,serif;\r\n}\r\n.pnp9__text{\r\n  max-width:730px;\r\n  margin:0;\r\n  color:rgba(255,255,255,.83);\r\n  font:400 16px\/1.65 Arial,sans-serif;\r\n}\r\n.pnp9__features{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-top:16px;\r\n}\r\n.pnp9__features span{\r\n  padding:7px 11px;\r\n  color:#fff;\r\n  background:rgba(255,255,255,.08);\r\n  border:1px solid rgba(255,255,255,.13);\r\n  border-radius:999px;\r\n  font:600 13px\/1.2 Arial,sans-serif;\r\n}\r\n.pnp9__actions{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:10px;\r\n  min-width:215px;\r\n}\r\n.pnp9__button{\r\n  display:inline-flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  min-height:48px;\r\n  padding:12px 19px;\r\n  border-radius:10px;\r\n  text-decoration:none !important;\r\n  text-align:center;\r\n  font:700 14px\/1.25 Arial,sans-serif;\r\n  transition:transform .18s ease,background .18s ease;\r\n}\r\n.pnp9__button:hover{transform:translateY(-2px)}\r\n.pnp9__button--primary{\r\n  color:#073d33 !important;\r\n  background:var(--mint);\r\n}\r\n.pnp9__button--primary:hover{background:#83e8c6}\r\n.pnp9__button--secondary{\r\n  color:#fff !important;\r\n  border:1px solid rgba(255,255,255,.35);\r\n  background:transparent;\r\n}\r\n.pnp9__button--secondary:hover{background:rgba(255,255,255,.08)}\r\n\r\n@media(max-width:850px){\r\n  .pnp9__inner{grid-template-columns:1fr}\r\n  .pnp9__actions{\r\n    flex-direction:row;\r\n    flex-wrap:wrap;\r\n    min-width:0;\r\n  }\r\n}\r\n@media(max-width:560px){\r\n  .pnp9{padding:24px 15px}\r\n  .pnp9__inner{padding:27px 21px}\r\n  .pnp9__content{display:block}\r\n  .pnp9__icon{margin-bottom:17px}\r\n  .pnp9__actions{display:grid}\r\n}\r\n<\/style>\r\n\r\n<section id=\"agenzie\" class=\"pnp9\" aria-labelledby=\"pnp9-title\">\r\n  <div class=\"pnp9__inner\">\r\n\r\n    <div class=\"pnp9__content\">\r\n      <div class=\"pnp9__icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n             stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"8\" cy=\"8\" r=\"3\"><\/circle>\r\n          <circle cx=\"17\" cy=\"9\" r=\"2.5\"><\/circle>\r\n          <path d=\"M2.5 19c.4-3.7 2.4-5.6 5.5-5.6s5.1 1.9 5.5 5.6\"><\/path>\r\n          <path d=\"M14 14.2c.8-.7 1.8-1 3-1 2.7 0 4.3 1.7 4.5 4.8\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div>\r\n        <p class=\"pnp9__eyebrow\">For agencies and developers<\/p>\r\n\r\n        <h2 id=\"pnp9-title\">\r\n          Bring a personalized shopping experience to your clients\u2019 websites\r\n        <\/h2>\r\n\r\n        <p class=\"pnp9__text\">\r\n          Integrate Pet Nutrition Pro into the WooCommerce stores you build\r\n          or manage. The Agency plan lets you manage multiple installations,\r\n          customize how results are presented, and offer your clients a\r\n          distinctive service.\r\n        <\/p>\r\n\r\n        <div class=\"pnp9__features\" aria-label=\"Agency plan benefits\">\r\n          <span>9 domains included<\/span>\r\n          <span>Centralized slot management<\/span>\r\n          <span>Customizable layout<\/span>\r\n          <span>Dedicated support<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pnp9__actions\">\r\n      <a class=\"pnp9__button pnp9__button--primary\" href=\"#piani\">\r\n        Explore the Agency plan\r\n      <\/a>\r\n\r\n      <a class=\"pnp9__button pnp9__button--secondary\"\r\n         href=\"https:\/\/youtu.be\/t5UO1XG8rQM\"\r\n         target=\"_blank\"\r\n         rel=\"noopener\">\r\n        Watch the agency video\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7189614 elementor-widget elementor-widget-html\" data-id=\"7189614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.pnp10{\r\n  --green:#073d33;\r\n  --green-dark:#052f28;\r\n  --mint:#66ddb6;\r\n  --light:#f3faf7;\r\n  --border:#d9e8e2;\r\n  --text:#18322c;\r\n\r\n  width:100%;\r\n  padding:78px 22px;\r\n  color:var(--text);\r\n  background:#fff;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.pnp10 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.pnp10__inner{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.pnp10__intro{\r\n  max-width:760px;\r\n  margin:0 auto 38px;\r\n  text-align:center;\r\n}\r\n\r\n.pnp10__eyebrow{\r\n  margin:0 0 9px;\r\n  color:#14745f;\r\n  font:700 12px\/1.2 Arial,sans-serif;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.pnp10 h2{\r\n  margin:0 0 13px;\r\n  color:var(--green);\r\n  font:700 clamp(30px,4vw,45px)\/1.12 Georgia,serif;\r\n}\r\n\r\n.pnp10__lead{\r\n  margin:0;\r\n  color:#51675f;\r\n  font:400 17px\/1.65 Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.pnp10__grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\r\n  gap:30px;\r\n  align-items:start;\r\n}\r\n\r\n.pnp10__panel{\r\n  padding:28px;\r\n  border:1px solid var(--border);\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:0 13px 35px rgba(7,61,51,.07);\r\n}\r\n\r\n.pnp10__panel h3{\r\n  margin:0 0 22px;\r\n  color:var(--green);\r\n  font:700 25px\/1.2 Georgia,serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUICK START GUIDE\r\n   ========================================================= *\/\r\n\r\n.pnp10__steps{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0;\r\n}\r\n\r\n.pnp10__step{\r\n  display:grid;\r\n  grid-template-columns:43px minmax(0,1fr);\r\n  gap:14px;\r\n  padding:16px 0;\r\n  border-bottom:1px solid #e4eee9;\r\n}\r\n\r\n.pnp10__step:first-child{\r\n  padding-top:0;\r\n}\r\n\r\n.pnp10__step:last-child{\r\n  padding-bottom:0;\r\n  border-bottom:0;\r\n}\r\n\r\n.pnp10__number{\r\n  width:40px;\r\n  height:40px;\r\n  display:grid;\r\n  place-items:center;\r\n  color:var(--green);\r\n  background:#dff8ef;\r\n  border-radius:12px;\r\n  font:800 14px\/1 Arial,sans-serif;\r\n}\r\n\r\n.pnp10__step h4{\r\n  margin:1px 0 5px;\r\n  color:#12362e;\r\n  font:700 16px\/1.3 Arial,sans-serif;\r\n}\r\n\r\n.pnp10__step p{\r\n  margin:0;\r\n  color:#60736d;\r\n  font:400 14px\/1.55 Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* Link to the specific Quick Start Guide section *\/\r\n\r\n.pnp10 a.pnp10__step-link,\r\n.pnp10 a.pnp10__step-link:link,\r\n.pnp10 a.pnp10__step-link:visited{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:6px;\r\n\r\n  margin-top:7px;\r\n\r\n  color:#14745f !important;\r\n\r\n  font:700 13px\/1.4 Arial,sans-serif;\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n.pnp10 a.pnp10__step-link:hover,\r\n.pnp10 a.pnp10__step-link:focus{\r\n  color:var(--green) !important;\r\n  text-decoration:underline !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUICK START GUIDE ACTIONS\r\n   ========================================================= *\/\r\n\r\n.pnp10__guide-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:11px;\r\n  margin-top:26px;\r\n}\r\n\r\n.pnp10 a.pnp10__action,\r\n.pnp10 a.pnp10__action:link,\r\n.pnp10 a.pnp10__action:visited{\r\n  display:inline-flex;\r\n  min-height:44px;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n\r\n  padding:10px 16px;\r\n\r\n  border-radius:8px;\r\n\r\n  font:700 14px\/1.3 Arial,sans-serif;\r\n\r\n  text-decoration:none !important;\r\n\r\n  transition:\r\n    background-color .18s ease,\r\n    border-color .18s ease,\r\n    transform .18s ease;\r\n}\r\n\r\n.pnp10 a.pnp10__action--download{\r\n  color:var(--green-dark) !important;\r\n  background:var(--mint);\r\n  border:1px solid var(--mint);\r\n}\r\n\r\n.pnp10 a.pnp10__action--download:hover,\r\n.pnp10 a.pnp10__action--download:focus{\r\n  color:var(--green-dark) !important;\r\n  background:#7be4c2;\r\n  border-color:#7be4c2;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n.pnp10 a.pnp10__action--guide{\r\n  color:var(--green) !important;\r\n  background:#fff;\r\n  border:1px solid #b9dbcf;\r\n}\r\n\r\n.pnp10 a.pnp10__action--guide:hover,\r\n.pnp10 a.pnp10__action--guide:focus{\r\n  color:var(--green) !important;\r\n  background:#f0faf6;\r\n  border-color:#8dcab5;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ\r\n   ========================================================= *\/\r\n\r\n.pnp10__faq details{\r\n  border-bottom:1px solid #e1ece7;\r\n}\r\n\r\n.pnp10__faq details:first-of-type{\r\n  border-top:1px solid #e1ece7;\r\n}\r\n\r\n.pnp10__faq summary{\r\n  position:relative;\r\n  padding:18px 42px 18px 0;\r\n  color:#163b32;\r\n  cursor:pointer;\r\n  list-style:none;\r\n  font:700 15px\/1.4 Arial,sans-serif;\r\n}\r\n\r\n.pnp10__faq summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n.pnp10__faq summary::after{\r\n  content:\"+\";\r\n  position:absolute;\r\n  top:50%;\r\n  right:5px;\r\n\r\n  width:28px;\r\n  height:28px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  color:var(--green);\r\n  background:#e8f8f2;\r\n\r\n  border-radius:50%;\r\n\r\n  transform:translateY(-50%);\r\n\r\n  font:700 20px\/1 Arial,sans-serif;\r\n}\r\n\r\n.pnp10__faq details[open] summary::after{\r\n  content:\"\u2212\";\r\n}\r\n\r\n.pnp10__answer{\r\n  padding:0 42px 19px 0;\r\n  color:#5b7068;\r\n  font:400 14px\/1.65 Arial,sans-serif;\r\n}\r\n\r\n.pnp10__answer p{\r\n  margin:0;\r\n}\r\n\r\n.pnp10__note{\r\n  margin-top:23px;\r\n  padding:14px 16px;\r\n\r\n  color:#526760;\r\n  background:var(--light);\r\n\r\n  border-left:4px solid var(--mint);\r\n  border-radius:8px;\r\n\r\n  font:400 13px\/1.55 Arial,sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPLETE GUIDE\r\n   ========================================================= *\/\r\n\r\n.pnp10__fullguide{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n  gap:30px;\r\n  align-items:center;\r\n\r\n  margin-top:30px;\r\n  padding:29px 31px;\r\n\r\n  border:1px solid #b9ddd0;\r\n  border-radius:18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      #f2faf7 0%,\r\n      #fbfdfc 60%,\r\n      #e8f8f2 100%\r\n    );\r\n\r\n  box-shadow:0 13px 35px rgba(7,61,51,.055);\r\n}\r\n\r\n.pnp10__fullguide-eyebrow{\r\n  margin:0 0 7px;\r\n\r\n  color:#14745f;\r\n\r\n  font:800 11px\/1.2 Arial,sans-serif;\r\n\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.pnp10__fullguide h3{\r\n  margin:0 0 9px;\r\n\r\n  color:var(--green);\r\n\r\n  font:700 26px\/1.2 Georgia,serif;\r\n}\r\n\r\n.pnp10__fullguide-text{\r\n  max-width:790px;\r\n  margin:0;\r\n\r\n  color:#526760;\r\n\r\n  font:400 14px\/1.65 Arial,sans-serif;\r\n}\r\n\r\n.pnp10__fullguide-links{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:7px 18px;\r\n\r\n  margin-top:13px;\r\n\r\n  color:#567067;\r\n\r\n  font:600 12px\/1.45 Arial,sans-serif;\r\n}\r\n\r\n.pnp10__fullguide-links span{\r\n  position:relative;\r\n  padding-left:12px;\r\n}\r\n\r\n.pnp10__fullguide-links span::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  top:.55em;\r\n  left:0;\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n  background:var(--mint);\r\n}\r\n\r\n.pnp10 a.pnp10__fullguide-button,\r\n.pnp10 a.pnp10__fullguide-button:link,\r\n.pnp10 a.pnp10__fullguide-button:visited{\r\n  display:inline-flex;\r\n\r\n  min-width:210px;\r\n  min-height:50px;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:9px;\r\n\r\n  padding:12px 19px;\r\n\r\n  border-radius:9px;\r\n\r\n  color:#fff !important;\r\n  background:var(--green);\r\n\r\n  font:700 14px\/1.3 Arial,sans-serif;\r\n\r\n  text-align:center;\r\n  text-decoration:none !important;\r\n\r\n  transition:\r\n    background-color .18s ease,\r\n    transform .18s ease;\r\n}\r\n\r\n.pnp10 a.pnp10__fullguide-button:hover,\r\n.pnp10 a.pnp10__fullguide-button:focus{\r\n  color:#fff !important;\r\n  background:#0a5143;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:820px){\r\n\r\n  .pnp10__grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .pnp10__fullguide{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .pnp10__fullguide-button{\r\n    width:fit-content;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:560px){\r\n\r\n  .pnp10{\r\n    padding:56px 15px;\r\n  }\r\n\r\n  .pnp10__panel{\r\n    padding:23px 20px;\r\n  }\r\n\r\n  .pnp10__guide-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .pnp10__action{\r\n    width:100%;\r\n  }\r\n\r\n  .pnp10__fullguide{\r\n    padding:24px 21px;\r\n  }\r\n\r\n  .pnp10__fullguide-button{\r\n    width:100% !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"guida\"\r\n         class=\"pnp10\"\r\n         aria-labelledby=\"pnp10-title\">\r\n\r\n  <div class=\"pnp10__inner\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n         =================================================== -->\r\n\r\n    <header class=\"pnp10__intro\">\r\n\r\n      <p class=\"pnp10__eyebrow\">\r\n        From installation to launch\r\n      <\/p>\r\n\r\n      <h2 id=\"pnp10-title\">\r\n        Get started without the complexity\r\n      <\/h2>\r\n\r\n      <p class=\"pnp10__lead\">\r\n        Install the plugin, configure your catalog, and verify the complete\r\n        customer journey before making it available to your customers.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <div class=\"pnp10__grid\">\r\n\r\n\r\n      <!-- =================================================\r\n           QUICK START GUIDE\r\n           ================================================= -->\r\n\r\n      <article class=\"pnp10__panel\"\r\n               aria-labelledby=\"pnp10-guide-title\">\r\n\r\n        <h3 id=\"pnp10-guide-title\">\r\n          Quick Start Guide\r\n        <\/h3>\r\n\r\n\r\n        <ol class=\"pnp10__steps\">\r\n\r\n\r\n          <!-- 01 -->\r\n\r\n          <li class=\"pnp10__step\">\r\n\r\n            <span class=\"pnp10__number\">\r\n              01\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <h4>\r\n                Install Boma Pet Nutrition Pro\r\n              <\/h4>\r\n\r\n              <p>\r\n                Upload and activate the plugin on a WordPress site\r\n                where WooCommerce is already installed and active.\r\n              <\/p>\r\n\r\n              <a class=\"pnp10__step-link\"\r\n                 href=\"\/en\/quick-guide\/#installation\">\r\n                Go to installation\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n\r\n          <!-- 02 -->\r\n\r\n          <li class=\"pnp10__step\">\r\n\r\n            <span class=\"pnp10__number\">\r\n              02\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <h4>\r\n                Configure the questionnaire and results\r\n              <\/h4>\r\n\r\n              <p>\r\n                Set up the questionnaire page and verify the automatically\r\n                created Resulting Diet page and the shortcodes used by the plugin.\r\n              <\/p>\r\n\r\n              <a class=\"pnp10__step-link\"\r\n                 href=\"\/en\/quick-guide\/#first-setup\">\r\n                Go to initial setup\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n\r\n          <!-- 03 -->\r\n\r\n          <li class=\"pnp10__step\">\r\n\r\n            <span class=\"pnp10__number\">\r\n              03\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <h4>\r\n                Configure WooCommerce products\r\n              <\/h4>\r\n\r\n              <p>\r\n                Enable products for diet recommendations and configure\r\n                food category, kcal\/100 g, target pets, and compatibility.\r\n              <\/p>\r\n\r\n              <a class=\"pnp10__step-link\"\r\n                 href=\"\/en\/quick-guide\/#products\">\r\n                Go to products\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n\r\n          <!-- 04 -->\r\n\r\n          <li class=\"pnp10__step\">\r\n\r\n            <span class=\"pnp10__number\">\r\n              04\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <h4>\r\n                Run a complete test\r\n              <\/h4>\r\n\r\n              <p>\r\n                Check calculations, compatibility, product ordering,\r\n                recommended products, printing, and the cart flow.\r\n              <\/p>\r\n\r\n              <a class=\"pnp10__step-link\"\r\n                 href=\"\/en\/quick-guide\/#test\">\r\n                Go to testing\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n\r\n          <!-- 05 -->\r\n\r\n          <li class=\"pnp10__step\">\r\n\r\n            <span class=\"pnp10__number\">\r\n              05\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <h4>\r\n                Go live\r\n              <\/h4>\r\n\r\n              <p>\r\n                Complete the final checks, review privacy settings,\r\n                test mobile devices, and verify the experience as a logged-out user.\r\n              <\/p>\r\n\r\n              <a class=\"pnp10__step-link\"\r\n                 href=\"\/en\/quick-guide\/#publish\">\r\n                Go to final checks\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n        <\/ol>\r\n\r\n\r\n\r\n        <!-- ACTIONS -->\r\n\r\n        <div class=\"pnp10__guide-actions\">\r\n\r\n          <a class=\"pnp10__action pnp10__action--download\"\r\n             href=\"\/petnutritionpro.zip\">\r\n            Download the plugin\r\n            <span aria-hidden=\"true\">\u2193<\/span>\r\n          <\/a>\r\n\r\n          <a class=\"pnp10__action pnp10__action--guide\"\r\n             href=\"\/en\/quick-guide\/\">\r\n            Open the Quick Start Guide\r\n            <span aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           FAQ\r\n           ================================================= -->\r\n\r\n      <article id=\"faq\"\r\n               class=\"pnp10__panel pnp10__faq\"\r\n               aria-labelledby=\"pnp10-faq-title\">\r\n\r\n        <h3 id=\"pnp10-faq-title\">\r\n          Frequently Asked Questions\r\n        <\/h3>\r\n\r\n\r\n        <details>\r\n\r\n          <summary>\r\n            What information is needed to estimate nutritional requirements?\r\n          <\/summary>\r\n\r\n          <div class=\"pnp10__answer\">\r\n\r\n            <p>\r\n              The questionnaire collects information such as species, sex,\r\n              age, weight, body condition, activity level, and selected food\r\n              preferences or exclusions. The required information may vary\r\n              depending on the pet\u2019s profile.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/details>\r\n\r\n\r\n\r\n        <details>\r\n\r\n          <summary>\r\n            Can I use the products already available in my store?\r\n          <\/summary>\r\n\r\n          <div class=\"pnp10__answer\">\r\n\r\n            <p>\r\n              Yes. Pet Nutrition Pro works with your existing WooCommerce\r\n              catalog. Products that should participate in recommendations\r\n              must be enabled and configured with the information required\r\n              by the plugin.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/details>\r\n\r\n\r\n\r\n        <details>\r\n\r\n          <summary>\r\n            Is the plugin compatible with my theme?\r\n          <\/summary>\r\n\r\n          <div class=\"pnp10__answer\">\r\n\r\n            <p>\r\n              Pet Nutrition Pro is designed to integrate into WordPress pages.\r\n              The Appearance and Layout section also lets you customize colors,\r\n              width, typography, the nutrition summary, and recommended-product\r\n              presentation. Before going live, you should still test the plugin\r\n              with your active theme and other installed plugins.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/details>\r\n\r\n\r\n\r\n        <details>\r\n\r\n          <summary>\r\n            Do I need to install additional software on my server?\r\n          <\/summary>\r\n\r\n          <div class=\"pnp10__answer\">\r\n\r\n            <p>\r\n              No dedicated calculation engine needs to be installed on your\r\n              store\u2019s hosting environment. Your site uses WordPress,\r\n              WooCommerce, Boma Pet Nutrition Pro, and the remote connection\r\n              provided by the service.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/details>\r\n\r\n\r\n\r\n        <details>\r\n\r\n          <summary>\r\n            How are product recommendations generated?\r\n          <\/summary>\r\n\r\n          <div class=\"pnp10__answer\">\r\n\r\n            <p>\r\n              Diet Engine considers the preferences provided by the customer,\r\n              compares the pet\u2019s profile with products configured as compatible,\r\n              and then applies the product ordering defined by the store owner.\r\n              The result does not constitute veterinary diagnosis,\r\n              prescription, or medical advice.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/details>\r\n\r\n\r\n\r\n        <div class=\"pnp10__note\">\r\n\r\n          Pet Nutrition Pro is an informational tool designed to support\r\n          product selection. It does not replace evaluation or advice\r\n          from a veterinarian.\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         COMPLETE GUIDE\r\n         =================================================== -->\r\n\r\n    <aside class=\"pnp10__fullguide\"\r\n           aria-labelledby=\"pnp10-fullguide-title\">\r\n\r\n      <div>\r\n\r\n        <p class=\"pnp10__fullguide-eyebrow\">\r\n          Reference manual\r\n        <\/p>\r\n\r\n        <h3 id=\"pnp10-fullguide-title\">\r\n          Pet Nutrition Pro Complete Guide\r\n        <\/h3>\r\n\r\n        <p class=\"pnp10__fullguide-text\">\r\n          For a detailed explanation of the system, see the Complete Guide:\r\n          product configuration, compatibility, kcal\/100 g, product ordering,\r\n          Diet Engine, real-world examples, Appearance and Layout,\r\n          testing, and troubleshooting.\r\n        <\/p>\r\n\r\n        <div class=\"pnp10__fullguide-links\"\r\n             aria-label=\"Main topics in the Complete Guide\">\r\n\r\n          <span>Product configuration<\/span>\r\n          <span>kcal \/ 100 g<\/span>\r\n          <span>Product ordering<\/span>\r\n          <span>Appearance and Layout<\/span>\r\n          <span>Testing and verification<\/span>\r\n          <span>Troubleshooting<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a class=\"pnp10__fullguide-button\"\r\n         href=\"\/completeguideUS.pdf\"\r\n         target=\"_blank\"\r\n         rel=\"noopener noreferrer\">\r\n\r\n        View the Complete Guide\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/aside>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1afaa6d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1afaa6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.pnp11,\r\n.pnp11 * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.pnp11 {\r\n    width: 100%;\r\n    padding: 72px 24px;\r\n    background: #f5fbf8;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #12352e;\r\n}\r\n\r\n.pnp11__inner {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.pnp11__panel {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);\r\n    gap: 48px;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    padding: 52px;\r\n    border-radius: 24px;\r\n    background: #073d33;\r\n    color: #ffffff;\r\n    box-shadow: 0 24px 60px rgba(7, 61, 51, 0.18);\r\n}\r\n\r\n.pnp11__panel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -100px;\r\n    top: -130px;\r\n    width: 360px;\r\n    height: 360px;\r\n    border-radius: 50%;\r\n    background: rgba(102, 221, 182, 0.10);\r\n    pointer-events: none;\r\n}\r\n\r\n.pnp11__content,\r\n.pnp11__steps {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.pnp11__eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 16px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: #66ddb6;\r\n    color: #073d33;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n}\r\n\r\n.pnp11 h2 {\r\n    margin: 0 0 18px;\r\n    max-width: 700px;\r\n    color: #ffffff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(34px, 4vw, 54px);\r\n    line-height: 1.08;\r\n}\r\n\r\n.pnp11__lead {\r\n    max-width: 700px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.86);\r\n    font-size: 18px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.pnp11__features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin: 26px 0 30px;\r\n}\r\n\r\n.pnp11__feature {\r\n    padding: 9px 13px;\r\n    border: 1px solid rgba(255, 255, 255, 0.20);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.pnp11__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.pnp11__button {\r\n    display: inline-flex;\r\n    min-height: 52px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 14px 23px;\r\n    border: 2px solid #66ddb6;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    transition:\r\n        transform 0.18s ease,\r\n        background-color 0.18s ease,\r\n        color 0.18s ease;\r\n}\r\n\r\n.pnp11__button:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.pnp11__button--primary {\r\n    background: #66ddb6;\r\n    color: #073d33;\r\n}\r\n\r\n.pnp11__button--primary:hover {\r\n    background: #ffffff;\r\n    border-color: #ffffff;\r\n    color: #073d33;\r\n}\r\n\r\n.pnp11__button--secondary {\r\n    background: transparent;\r\n    color: #ffffff;\r\n}\r\n\r\n.pnp11__button--secondary:hover {\r\n    background: rgba(255, 255, 255, 0.10);\r\n    color: #ffffff;\r\n}\r\n\r\n.pnp11__note {\r\n    margin: 18px 0 0;\r\n    color: rgba(255, 255, 255, 0.70);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n}\r\n\r\n.pnp11__steps {\r\n    padding: 30px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(6px);\r\n}\r\n\r\n.pnp11__steps h3 {\r\n    margin: 0 0 22px;\r\n    color: #ffffff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 25px;\r\n}\r\n\r\n.pnp11__step {\r\n    display: grid;\r\n    grid-template-columns: 38px 1fr;\r\n    gap: 14px;\r\n    align-items: start;\r\n}\r\n\r\n.pnp11__step + .pnp11__step {\r\n    margin-top: 18px;\r\n}\r\n\r\n.pnp11__number {\r\n    display: flex;\r\n    width: 38px;\r\n    height: 38px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: #66ddb6;\r\n    color: #073d33;\r\n    font-weight: 900;\r\n}\r\n\r\n.pnp11__step strong {\r\n    display: block;\r\n    margin: 2px 0 4px;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n}\r\n\r\n.pnp11__step p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n}\r\n\r\n@media (max-width: 850px) {\r\n    .pnp11__panel {\r\n        grid-template-columns: 1fr;\r\n        gap: 32px;\r\n        padding: 38px 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .pnp11 {\r\n        padding: 52px 16px;\r\n    }\r\n\r\n    .pnp11__panel {\r\n        padding: 32px 20px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .pnp11__actions,\r\n    .pnp11__button {\r\n        width: 100%;\r\n    }\r\n\r\n    .pnp11__steps {\r\n        padding: 24px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"download-plugin\" class=\"pnp11\" aria-labelledby=\"pnp11-title\">\r\n    <div class=\"pnp11__inner\">\r\n        <div class=\"pnp11__panel\">\r\n\r\n            <div class=\"pnp11__content\">\r\n                <span class=\"pnp11__eyebrow\">FREE WORDPRESS PLUGIN<\/span>\r\n\r\n                <h2 id=\"pnp11-title\">Download Boma Pet Nutrition Pro<\/h2>\r\n\r\n                <p class=\"pnp11__lead\">\r\n                    Install the plugin on your WooCommerce site and create a guided\r\n                    nutrition experience for dogs and cats. The Free version generates\r\n                    an estimated nutrition summary, while Diet Engine adds advanced\r\n                    processing and automatically matches suitable products from your\r\n                    WooCommerce catalog.\r\n                <\/p>\r\n\r\n                <div class=\"pnp11__features\" aria-label=\"Download features\">\r\n                    <span class=\"pnp11__feature\">For WordPress<\/span>\r\n                    <span class=\"pnp11__feature\">WooCommerce integration<\/span>\r\n                    <span class=\"pnp11__feature\">ZIP format<\/span>\r\n                    <span class=\"pnp11__feature\">Free download<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pnp11__actions\">\r\n                    <a\r\n                        class=\"pnp11__button pnp11__button--primary\"\r\n                        href=\"https:\/\/petnutritionpro.com\/petnutritionpro.zip\"\r\n                        download=\"petnutritionpro.zip\"\r\n                        type=\"application\/zip\"\r\n                    >\r\n                        Download petnutritionpro.zip\r\n                    <\/a>\r\n\r\n                    <a\r\n                        class=\"pnp11__button pnp11__button--secondary\"\r\n                        href=\"#piani\"\r\n                    >\r\n                        Explore Diet Engine\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <p class=\"pnp11__note\">\r\n                    Downloading the plugin does not automatically activate Diet Engine.\r\n                    Advanced processing, recommended products, and WooCommerce cart\r\n                    integration require a valid Diet Engine license.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pnp11__steps\">\r\n                <h3>Quick installation<\/h3>\r\n\r\n                <div class=\"pnp11__step\">\r\n                    <span class=\"pnp11__number\">1<\/span>\r\n                    <div>\r\n                        <strong>Download the ZIP file<\/strong>\r\n                        <p>Do not extract the file after downloading it.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pnp11__step\">\r\n                    <span class=\"pnp11__number\">2<\/span>\r\n                    <div>\r\n                        <strong>Open WordPress<\/strong>\r\n                        <p>Go to Plugins \u2192 Add Plugin \u2192 Upload Plugin.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pnp11__step\">\r\n                    <span class=\"pnp11__number\">3<\/span>\r\n                    <div>\r\n                        <strong>Install and activate<\/strong>\r\n                        <p>Select petnutritionpro.zip and complete the installation.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pnp11__step\">\r\n                    <span class=\"pnp11__number\">4<\/span>\r\n                    <div>\r\n                        <strong>Complete the guided setup<\/strong>\r\n                        <p>Configure your products, questionnaire, and Pet Nutrition Pro settings.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WooCommerce plugin for personalized dog and cat nutrition Turn your WooCommerce catalog into a personalized shopping experience Pet Nutrition Pro calculates your pet\u2019s nutritional needs and automatically recommends the most suitable products from your catalog. More confidence, more value, more conversions. Download the plugin Try the demo See how it works \u2192 Integrated with WooCommerce [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-449","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pet Nutrition Pro \u2013 Plugin WooCommerce per pet food<\/title>\n<meta name=\"description\" content=\"Calcola il fabbisogno di cani e gatti e collega il risultato ai prodotti del tuo catalogo WooCommerce. Plugin gratuito con Diet Engine opzionale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.petnutritionpro.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pet Nutrition Pro \u2013 Plugin WooCommerce per pet food\" \/>\n<meta property=\"og:description\" content=\"Calcola il fabbisogno di cani e gatti e collega il risultato ai prodotti del tuo catalogo WooCommerce. Plugin gratuito con Diet Engine opzionale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.petnutritionpro.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Pet Nutrition Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-18T09:08:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/\",\"url\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/\",\"name\":\"Pet Nutrition Pro \u2013 Plugin WooCommerce per pet food\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#website\"},\"datePublished\":\"2026-08-25T14:44:34+00:00\",\"dateModified\":\"2026-09-18T09:08:08+00:00\",\"description\":\"Calcola il fabbisogno di cani e gatti e collega il risultato ai prodotti del tuo catalogo WooCommerce. Plugin gratuito con Diet Engine opzionale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pet Nutrition Pro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/\",\"name\":\"Pet Nutrition Pro\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#organization\",\"name\":\"Pet Nutrition Pro\",\"url\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.petnutritionpro.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo_sito-Bianco-trasparente.png\",\"contentUrl\":\"https:\\\/\\\/www.petnutritionpro.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo_sito-Bianco-trasparente.png\",\"width\":1530,\"height\":512,\"caption\":\"Pet Nutrition Pro\"},\"image\":{\"@id\":\"https:\\\/\\\/www.petnutritionpro.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.youtube.com\\\/@PetNutritionPro\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pet Nutrition Pro \u2013 Plugin WooCommerce per pet food","description":"Calcola il fabbisogno di cani e gatti e collega il risultato ai prodotti del tuo catalogo WooCommerce. Plugin gratuito con Diet Engine opzionale.","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:\/\/www.petnutritionpro.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Pet Nutrition Pro \u2013 Plugin WooCommerce per pet food","og_description":"Calcola il fabbisogno di cani e gatti e collega il risultato ai prodotti del tuo catalogo WooCommerce. Plugin gratuito con Diet Engine opzionale.","og_url":"https:\/\/www.petnutritionpro.com\/en\/","og_site_name":"Pet Nutrition Pro","article_modified_time":"2026-09-18T09:08:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.petnutritionpro.com\/en\/","url":"https:\/\/www.petnutritionpro.com\/en\/","name":"Pet Nutrition Pro \u2013 Plugin WooCommerce per pet food","isPartOf":{"@id":"https:\/\/www.petnutritionpro.com\/en\/#website"},"datePublished":"2026-08-25T14:44:34+00:00","dateModified":"2026-09-18T09:08:08+00:00","description":"Calcola il fabbisogno di cani e gatti e collega il risultato ai prodotti del tuo catalogo WooCommerce. Plugin gratuito con Diet Engine opzionale.","breadcrumb":{"@id":"https:\/\/www.petnutritionpro.com\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.petnutritionpro.com\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.petnutritionpro.com\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.petnutritionpro.com\/en\/"},{"@type":"ListItem","position":2,"name":"Pet Nutrition Pro"}]},{"@type":"WebSite","@id":"https:\/\/www.petnutritionpro.com\/en\/#website","url":"https:\/\/www.petnutritionpro.com\/en\/","name":"Pet Nutrition Pro","description":"","publisher":{"@id":"https:\/\/www.petnutritionpro.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.petnutritionpro.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.petnutritionpro.com\/en\/#organization","name":"Pet Nutrition Pro","url":"https:\/\/www.petnutritionpro.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.petnutritionpro.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.petnutritionpro.com\/wp-content\/uploads\/2026\/08\/logo_sito-Bianco-trasparente.png","contentUrl":"https:\/\/www.petnutritionpro.com\/wp-content\/uploads\/2026\/08\/logo_sito-Bianco-trasparente.png","width":1530,"height":512,"caption":"Pet Nutrition Pro"},"image":{"@id":"https:\/\/www.petnutritionpro.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.youtube.com\/@PetNutritionPro"]}]}},"_links":{"self":[{"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/pages\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":33,"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/pages\/449\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/pages\/449\/revisions\/586"}],"wp:attachment":[{"href":"https:\/\/www.petnutritionpro.com\/en\/wp-json\/wp\/v2\/media?parent=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}