{"product_id":"nosely®-supremo-extrait-de-parfum","title":"Nosely® - Supremo - Extrait de parfum","description":"\u003csection class=\"supremo-liquid-performance\"\u003e\n  \u003cstyle\u003e\n    .supremo-liquid-performance{\n      --supremo-main:#f0ede4;\n      --supremo-milk:#fffaf0;\n      --supremo-cream:#fff4dc;\n      --supremo-caramel:#c98a3a;\n      --supremo-caramel-dark:#7a421f;\n      --supremo-honey:#e8b85f;\n      --supremo-text:#332016;\n      --supremo-muted:rgba(51,32,22,.66);\n\n      font-family:inherit;\n      position:relative;\n      margin:24px 0;\n      padding:0;\n      color:var(--supremo-text);\n      background:transparent;\n      border:none;\n      box-shadow:none;\n      overflow:visible;\n      isolation:isolate;\n    }\n\n    .supremo-liquid-performance *{\n      box-sizing:border-box;\n    }\n\n    .supremo-liquid-performance::before,\n    .supremo-liquid-performance::after{\n      content:none;\n    }\n\n    .supremo-liquid-kicker{\n      position:relative;\n      z-index:2;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:7px 12px;\n      border-radius:999px;\n      margin-bottom:13px;\n\n      background:rgba(255,255,255,.24);\n      border:1px solid rgba(255,255,255,.82);\n\n      box-shadow:\n        0 16px 34px rgba(122,66,31,.12),\n        0 6px 14px rgba(201,138,58,.12),\n        inset 0 1px 0 rgba(255,255,255,.92),\n        inset 0 -1px 0 rgba(201,138,58,.10);\n\n      color:var(--supremo-caramel-dark);\n      font-size:11px;\n      line-height:1;\n      letter-spacing:.10em;\n      text-transform:uppercase;\n      font-weight:900;\n\n      backdrop-filter:blur(24px) saturate(1.35);\n      -webkit-backdrop-filter:blur(24px) saturate(1.35);\n    }\n\n    .supremo-liquid-performance h3{\n      position:relative;\n      z-index:2;\n      margin:0 0 10px;\n      color:var(--supremo-text);\n      font-size:28px;\n      line-height:1.05;\n      letter-spacing:-.04em;\n      font-weight:950;\n      text-wrap:balance;\n      text-shadow:0 1px 0 rgba(255,255,255,.72);\n    }\n\n    .supremo-liquid-subtitle{\n      position:relative;\n      z-index:2;\n      margin:0 0 22px;\n      color:var(--supremo-muted);\n      font-size:14px;\n      line-height:1.65;\n      max-width:860px;\n      font-weight:500;\n    }\n\n    .supremo-liquid-subtitle strong{\n      color:var(--supremo-caramel-dark);\n      font-weight:950;\n    }\n\n    .supremo-liquid-grid{\n      position:relative;\n      z-index:2;\n      display:grid;\n      grid-template-columns:1.05fr .95fr;\n      gap:16px;\n      align-items:stretch;\n    }\n\n    .supremo-liquid-card{\n      position:relative;\n      overflow:hidden;\n      padding:16px;\n      border-radius:26px;\n\n      background:\n        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.05));\n\n      border:1px solid rgba(255,255,255,.80);\n\n      box-shadow:\n        0 34px 70px rgba(122,66,31,.18),\n        0 16px 34px rgba(201,138,58,.14),\n        0 4px 10px rgba(51,32,22,.08),\n        inset 0 1px 0 rgba(255,255,255,.96),\n        inset 0 -1px 0 rgba(201,138,58,.08);\n\n      backdrop-filter:blur(38px) saturate(1.45);\n      -webkit-backdrop-filter:blur(38px) saturate(1.45);\n\n      animation:supremoCardFloat 5.6s ease-in-out infinite;\n    }\n\n    .supremo-liquid-card:nth-child(2){\n      animation-delay:.7s;\n    }\n\n    .supremo-liquid-card::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(\n          120deg,\n          transparent 0%,\n          rgba(255,255,255,.10) 40%,\n          rgba(255,255,255,.56) 50%,\n          rgba(255,255,255,.12) 60%,\n          transparent 100%\n        );\n      transform:translateX(-130%);\n      animation:supremoCardSweep 6.2s ease-in-out infinite;\n      pointer-events:none;\n    }\n\n    .supremo-liquid-card::after{\n      content:\"\";\n      position:absolute;\n      inset:1px;\n      border-radius:25px;\n      pointer-events:none;\n      background:\n        radial-gradient(circle at 18% 0%, rgba(255,255,255,.46), transparent 34%),\n        radial-gradient(circle at 86% 12%, rgba(201,138,58,.16), transparent 38%),\n        linear-gradient(180deg, rgba(255,255,255,.16), transparent 40%);\n      opacity:.78;\n      mix-blend-mode:screen;\n    }\n\n    @keyframes supremoCardFloat{\n      0%,100%{transform:translateY(0);}\n      50%{transform:translateY(-5px);}\n    }\n\n    @keyframes supremoCardSweep{\n      0%,60%{transform:translateX(-130%);}\n      84%,100%{transform:translateX(130%);}\n    }\n\n    .supremo-liquid-card-title{\n      position:relative;\n      z-index:3;\n      margin:0 0 14px;\n      color:var(--supremo-text);\n      font-size:15px;\n      font-weight:950;\n      letter-spacing:-.01em;\n      text-shadow:0 1px 0 rgba(255,255,255,.72);\n    }\n\n    .supremo-liquid-bar{\n      position:relative;\n      z-index:3;\n      margin:14px 0;\n    }\n\n    .supremo-liquid-bar-top{\n      display:flex;\n      align-items:flex-end;\n      justify-content:space-between;\n      gap:10px;\n      margin-bottom:7px;\n      color:rgba(51,32,22,.82);\n      font-size:12.5px;\n      line-height:1.2;\n      font-weight:850;\n    }\n\n    .supremo-liquid-score{\n      color:var(--supremo-caramel-dark);\n      white-space:nowrap;\n      font-weight:950;\n      text-shadow:\n        0 0 10px rgba(201,138,58,.34),\n        0 0 18px rgba(255,255,255,.62);\n      animation:supremoScorePulse 2.3s ease-in-out infinite;\n    }\n\n    @keyframes supremoScorePulse{\n      0%,100%{opacity:.88;transform:scale(1);}\n      50%{opacity:1;transform:scale(1.035);}\n    }\n\n    .supremo-liquid-track{\n      position:relative;\n      height:13px;\n      overflow:hidden;\n      border-radius:999px;\n\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.09));\n\n      border:1px solid rgba(255,255,255,.80);\n\n      box-shadow:\n        inset 0 0 14px rgba(255,255,255,.82),\n        inset 0 -1px 0 rgba(201,138,58,.10),\n        0 9px 18px rgba(122,66,31,.12),\n        0 0 20px rgba(201,138,58,.20);\n    }\n\n    .supremo-liquid-track::before{\n      content:\"\";\n      position:absolute;\n      inset:-7px;\n      background:radial-gradient(circle, rgba(201,138,58,.30), transparent 64%);\n      opacity:.42;\n      animation:supremoTrackAura 2.4s ease-in-out infinite;\n      pointer-events:none;\n    }\n\n    @keyframes supremoTrackAura{\n      0%,100%{opacity:.20;transform:scaleX(.96);}\n      50%{opacity:.56;transform:scaleX(1.04);}\n    }\n\n    .supremo-liquid-fill{\n      position:relative;\n      overflow:hidden;\n      height:100%;\n      width:0;\n      border-radius:999px;\n\n      background:\n        linear-gradient(\n          115deg,\n          var(--supremo-caramel-dark) 0%,\n          var(--supremo-caramel) 26%,\n          var(--supremo-honey) 44%,\n          var(--supremo-cream) 60%,\n          var(--supremo-milk) 72%,\n          #ffffff 82%,\n          var(--supremo-cream) 92%,\n          var(--supremo-caramel) 100%\n        );\n\n      background-size:280% 100%;\n\n      box-shadow:\n        0 0 12px rgba(255,250,240,.94),\n        0 0 26px rgba(201,138,58,.72),\n        0 0 44px rgba(255,255,255,.34),\n        inset 0 1px 0 rgba(255,255,255,.94),\n        inset 0 -1px 0 rgba(122,66,31,.22);\n\n      filter:saturate(1.12) brightness(1.10);\n\n      animation:\n        supremoFillLoad 1.25s cubic-bezier(.16,1,.3,1) both,\n        supremoLiquidBar 2.15s ease-in-out infinite;\n    }\n\n    .supremo-liquid-fill::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(\n          90deg,\n          transparent 0%,\n          rgba(255,255,255,.12) 18%,\n          rgba(255,255,255,.96) 42%,\n          rgba(255,255,255,.22) 58%,\n          transparent 100%\n        );\n      transform:translateX(-130%) skewX(-18deg);\n      animation:supremoLightSweep 2.35s ease-in-out infinite;\n      mix-blend-mode:screen;\n    }\n\n    .supremo-liquid-fill::after{\n      content:\"\";\n      position:absolute;\n      inset:-40%;\n      background:\n        repeating-linear-gradient(\n          115deg,\n          rgba(255,255,255,0) 0px,\n          rgba(255,255,255,0) 9px,\n          rgba(255,255,255,.34) 12px,\n          rgba(255,255,255,0) 18px\n        );\n      opacity:.32;\n      animation:supremoDiagonalLight 4.4s linear infinite;\n      mix-blend-mode:overlay;\n    }\n\n    @keyframes supremoFillLoad{\n      from{width:0;filter:saturate(1.35) brightness(1.28);}\n      to{width:var(--target);filter:saturate(1.12) brightness(1.10);}\n    }\n\n    @keyframes supremoLiquidBar{\n      0%,100%{background-position:0% 50%;}\n      50%{\n        background-position:100% 50%;\n        box-shadow:\n          0 0 18px rgba(255,250,240,.98),\n          0 0 38px rgba(201,138,58,.78),\n          0 0 58px rgba(255,255,255,.36),\n          inset 0 1px 0 rgba(255,255,255,.98);\n      }\n    }\n\n    @keyframes supremoLightSweep{\n      0%{transform:translateX(-130%) skewX(-18deg);opacity:0;}\n      18%,55%{opacity:1;}\n      100%{transform:translateX(130%) skewX(-18deg);opacity:0;}\n    }\n\n    @keyframes supremoDiagonalLight{\n      from{transform:translateX(-18%);}\n      to{transform:translateX(18%);}\n    }\n\n    .supremo-liquid-notes{\n      position:relative;\n      z-index:3;\n      display:grid;\n      gap:10px;\n    }\n\n    .supremo-liquid-note{\n      padding:13px;\n      border-radius:18px;\n\n      background:\n        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.05));\n\n      border:1px solid rgba(255,255,255,.80);\n\n      box-shadow:\n        0 22px 42px rgba(122,66,31,.14),\n        0 8px 16px rgba(201,138,58,.10),\n        inset 0 1px 0 rgba(255,255,255,.92),\n        inset 0 -1px 0 rgba(201,138,58,.08);\n\n      backdrop-filter:blur(28px) saturate(1.38);\n      -webkit-backdrop-filter:blur(28px) saturate(1.38);\n      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n\n    .supremo-liquid-note:hover{\n      transform:translateY(-4px);\n      border-color:rgba(201,138,58,.30);\n      box-shadow:\n        0 28px 54px rgba(122,66,31,.18),\n        0 10px 20px rgba(201,138,58,.14),\n        inset 0 1px 0 rgba(255,255,255,.96);\n    }\n\n    .supremo-liquid-note strong{\n      display:block;\n      margin-bottom:5px;\n      color:var(--supremo-caramel-dark);\n      font-size:11px;\n      letter-spacing:.10em;\n      text-transform:uppercase;\n      font-weight:950;\n    }\n\n    .supremo-liquid-note span{\n      display:block;\n      color:rgba(51,32,22,.72);\n      font-size:13px;\n      line-height:1.45;\n      font-weight:500;\n    }\n\n    .supremo-liquid-badges{\n      position:relative;\n      z-index:3;\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      gap:9px;\n      margin-top:15px;\n    }\n\n    .supremo-liquid-badge{\n      text-align:center;\n      padding:12px 7px;\n      border-radius:18px;\n\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,250,240,.065));\n\n      border:1px solid rgba(255,255,255,.80);\n\n      box-shadow:\n        0 22px 42px rgba(122,66,31,.15),\n        0 8px 16px rgba(201,138,58,.10),\n        inset 0 1px 0 rgba(255,255,255,.92),\n        inset 0 -1px 0 rgba(201,138,58,.08);\n\n      backdrop-filter:blur(28px) saturate(1.35);\n      -webkit-backdrop-filter:blur(28px) saturate(1.35);\n\n      animation:supremoBadgeFloat 3.4s ease-in-out infinite;\n    }\n\n    .supremo-liquid-badge:nth-child(2){animation-delay:.25s;}\n    .supremo-liquid-badge:nth-child(3){animation-delay:.5s;}\n\n    @keyframes supremoBadgeFloat{\n      0%,100%{transform:translateY(0);}\n      50%{transform:translateY(-5px);}\n    }\n\n    .supremo-liquid-badge b{\n      display:block;\n      margin-bottom:3px;\n      color:var(--supremo-text);\n      font-size:17px;\n      line-height:1.05;\n      font-weight:950;\n    }\n\n    .supremo-liquid-badge small{\n      display:block;\n      color:rgba(51,32,22,.62);\n      font-size:10.5px;\n      line-height:1.22;\n      font-weight:650;\n    }\n\n    .supremo-liquid-footer{\n      position:relative;\n      z-index:3;\n      margin-top:15px;\n      padding-top:13px;\n      border-top:1px solid rgba(201,138,58,.16);\n      color:rgba(51,32,22,.56);\n      font-size:11.5px;\n      line-height:1.45;\n      font-weight:500;\n    }\n\n    @media(max-width:760px){\n      .supremo-liquid-performance{\n        padding:0;\n      }\n\n      .supremo-liquid-performance h3{\n        font-size:24px;\n      }\n\n      .supremo-liquid-grid{\n        grid-template-columns:1fr;\n        gap:13px;\n      }\n\n      .supremo-liquid-badges{\n        grid-template-columns:1fr;\n      }\n    }\n\n    @media(prefers-reduced-motion:reduce){\n      .supremo-liquid-card,\n      .supremo-liquid-card::before,\n      .supremo-liquid-fill,\n      .supremo-liquid-fill::before,\n      .supremo-liquid-fill::after,\n      .supremo-liquid-badge,\n      .supremo-liquid-score{\n        animation:none!important;\n      }\n\n      .supremo-liquid-fill{\n        width:var(--target);\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"supremo-liquid-kicker\"\u003ePerformance olfattiva\u003c\/div\u003e\n\n  \u003ch3\u003eSUPREMO è potere nella sua forma più morbida.\u003c\/h3\u003e\n\n  \u003cp class=\"supremo-liquid-subtitle\"\u003e\n    Una forza che \u003cstrong\u003enon urla, ma avvolge\u003c\/strong\u003e.\n    La \u003cstrong\u003evaniglia nera\u003c\/strong\u003e domina con calore e profondità, il \u003cstrong\u003elatte si tinge di spezie leggere\u003c\/strong\u003e, mentre il \u003cstrong\u003emiele scuro\u003c\/strong\u003e accarezza con una dolcezza \u003cstrong\u003eintensa e vellutata\u003c\/strong\u003e.\n    La base di \u003cstrong\u003eambra\u003c\/strong\u003e e \u003cstrong\u003efava tonka\u003c\/strong\u003e completa la fragranza con \u003cstrong\u003eeleganza e persistenza\u003c\/strong\u003e.\n    \u003cstrong\u003eUn profumo che si impone con grazia.\u003c\/strong\u003e Per chi sa \u003cstrong\u003ecomandare senza alzare la voce.\u003c\/strong\u003e\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"supremo-liquid-grid\"\u003e\n    \u003cdiv class=\"supremo-liquid-card\"\u003e\n      \u003cp class=\"supremo-liquid-card-title\"\u003eGrafico performance\u003c\/p\u003e\n\n      \u003cdiv class=\"supremo-liquid-bar\"\u003e\n        \u003cdiv class=\"supremo-liquid-bar-top\"\u003e\n          \u003cspan\u003ePersistenza sulla pelle\u003c\/span\u003e\n          \u003cspan class=\"supremo-liquid-score\"\u003e10\/10\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-track\"\u003e\n          \u003cdiv class=\"supremo-liquid-fill\" style=\"--target:100%;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"supremo-liquid-bar\"\u003e\n        \u003cdiv class=\"supremo-liquid-bar-top\"\u003e\n          \u003cspan\u003eScia percepita\u003c\/span\u003e\n          \u003cspan class=\"supremo-liquid-score\"\u003e9.5\/10\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-track\"\u003e\n          \u003cdiv class=\"supremo-liquid-fill\" style=\"--target:95%;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"supremo-liquid-bar\"\u003e\n        \u003cdiv class=\"supremo-liquid-bar-top\"\u003e\n          \u003cspan\u003eProiezione iniziale\u003c\/span\u003e\n          \u003cspan class=\"supremo-liquid-score\"\u003e9\/10\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-track\"\u003e\n          \u003cdiv class=\"supremo-liquid-fill\" style=\"--target:90%;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"supremo-liquid-bar\"\u003e\n        \u003cdiv class=\"supremo-liquid-bar-top\"\u003e\n          \u003cspan\u003eVaniglia nera\u003c\/span\u003e\n          \u003cspan class=\"supremo-liquid-score\"\u003e10\/10\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-track\"\u003e\n          \u003cdiv class=\"supremo-liquid-fill\" style=\"--target:100%;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"supremo-liquid-bar\"\u003e\n        \u003cdiv class=\"supremo-liquid-bar-top\"\u003e\n          \u003cspan\u003eDolcezza miele\/latte\u003c\/span\u003e\n          \u003cspan class=\"supremo-liquid-score\"\u003e9.5\/10\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-track\"\u003e\n          \u003cdiv class=\"supremo-liquid-fill\" style=\"--target:95%;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"supremo-liquid-bar\"\u003e\n        \u003cdiv class=\"supremo-liquid-bar-top\"\u003e\n          \u003cspan\u003eFondo ambrato\/tonka\u003c\/span\u003e\n          \u003cspan class=\"supremo-liquid-score\"\u003e9\/10\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-track\"\u003e\n          \u003cdiv class=\"supremo-liquid-fill\" style=\"--target:90%;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"supremo-liquid-badges\"\u003e\n        \u003cdiv class=\"supremo-liquid-badge\"\u003e\n          \u003cb\u003e18-24h+\u003c\/b\u003e\n          \u003csmall\u003edurata indicativa percepita\u003c\/small\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-badge\"\u003e\n          \u003cb\u003eGourmand\u003c\/b\u003e\n          \u003csmall\u003elatte, miele, vaniglia\u003c\/small\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"supremo-liquid-badge\"\u003e\n          \u003cb\u003eScia alta\u003c\/b\u003e\n          \u003csmall\u003edolce e riconoscibile\u003c\/small\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"supremo-liquid-card\"\u003e\n      \u003cp class=\"supremo-liquid-card-title\"\u003eEvoluzione della fragranza\u003c\/p\u003e\n\n      \u003cdiv class=\"supremo-liquid-notes\"\u003e\n        \u003cdiv class=\"supremo-liquid-note\"\u003e\n          \u003cstrong\u003eApertura\u003c\/strong\u003e\n          \u003cspan\u003eVaniglia nera calda e profonda: morbida, intensa, subito riconoscibile.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"supremo-liquid-note\"\u003e\n          \u003cstrong\u003eCuore\u003c\/strong\u003e\n          \u003cspan\u003eLatte speziato e miele scuro: una dolcezza vellutata, avvolgente e raffinata.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"supremo-liquid-note\"\u003e\n          \u003cstrong\u003eFondo\u003c\/strong\u003e\n          \u003cspan\u003eAmbra e fava tonka: elegante, persistente, caldo, con una scia morbida ma dominante.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"supremo-liquid-footer\"\u003e\n        Le performance possono variare in base a pelle, temperatura, quantità applicata e modalità di conservazione.\n        La durata 18-24h+ è indicativa e può risultare più evidente su tessuti e capi d’abbigliamento.\n        Per una resa più avvolgente: vaporizzare su collo, polsi, nuca e tessuti, evitando di strofinare dopo l’applicazione.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Nosely®","offers":[{"title":"5 ml","offer_id":56662963093830,"sku":null,"price":10.0,"currency_code":"EUR","in_stock":true},{"title":"85 ml","offer_id":56662963126598,"sku":null,"price":110.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1005\/5152\/4678\/files\/SUPREMO.png?v=1779973387","url":"https:\/\/noselyparfum.it\/products\/nosely%c2%ae-supremo-extrait-de-parfum","provider":"Nosely®","version":"1.0","type":"link"}