{"product_id":"puloka-resplendent-noir","title":"Puloka Resplendent Noir","description":"\u003cstyle\u003e\n  .fone-editorial,\n  .fone-editorial * {\n    box-sizing: border-box;\n  }\n\n  .fone-editorial {\n    --black: #111214;\n    --text: #5f636b;\n    --muted: #8f949b;\n    --line: #efeff2;\n    --orange: #ff6b00;\n\n    width: 100%;\n    margin: 0;\n    color: var(--black);\n\n    font-family:\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Roboto,\n      Arial,\n      sans-serif;\n  }\n\n  \/* =========================\n     INTRO\n  ========================= *\/\n\n  .fone-editorial .fe-intro {\n    padding: 4px 0 20px;\n  }\n\n  .fone-editorial .fe-kicker {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    margin-bottom: 10px;\n\n    color: #7e8289;\n\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .fone-editorial .fe-kicker-dot {\n    width: 6px;\n    height: 6px;\n    flex: 0 0 6px;\n\n    border-radius: 50%;\n    background: var(--orange);\n  }\n\n  .fone-editorial .fe-title {\n    max-width: 760px;\n    margin: 0 0 12px;\n\n    color: var(--black);\n\n    font-size: 22px;\n    font-weight: 750;\n    line-height: 1.12;\n    letter-spacing: -.03em;\n  }\n\n  .fone-editorial .fe-description {\n    max-width: 760px;\n    margin: 0;\n\n    color: var(--text);\n\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  .fone-editorial .fe-description strong {\n    color: #111;\n    font-weight: 600;\n  }\n\n  .fone-editorial .fe-short-line {\n    width: 34px;\n    height: 3px;\n\n    margin-top: 18px;\n\n    border-radius: 30px;\n    background: var(--orange);\n  }\n\n\n  \/* =========================\n     PRODUCT IMAGE\n  ========================= *\/\n\n  .fone-editorial .fe-product-image {\n    position: relative;\n\n    margin: 6px 0 18px;\n\n    overflow: hidden;\n\n    border-radius: 22px;\n\n    background: #f4f4f5;\n  }\n\n  .fone-editorial .fe-product-image img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n  }\n\n  \/* stronger soft gradient *\/\n  .fone-editorial .fe-product-image::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    height: 135px;\n\n    background: linear-gradient(\n      to top,\n      rgba(12, 13, 15, .68) 0%,\n      rgba(12, 13, 15, .34) 35%,\n      rgba(12, 13, 15, .12) 60%,\n      rgba(12, 13, 15, 0) 100%\n    );\n\n    pointer-events: none;\n  }\n\n  \/* PHOTO BADGE *\/\n  .fone-editorial .fe-image-badge {\n    position: absolute;\n\n    top: 14px;\n    left: 14px;\n    z-index: 2;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n\n    padding: 6px 9px;\n\n    border: 1px solid rgba(255, 255, 255, .56);\n    border-radius: 30px;\n\n    background: rgba(255, 255, 255, .84);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    color: #353535;\n\n    font-size: 6.8px;\n    font-weight: 700;\n    letter-spacing: .10em;\n    text-transform: uppercase;\n  }\n\n  .fone-editorial .fe-image-badge::before {\n    content: \"\";\n\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n\n    background: var(--orange);\n  }\n\n  \/* WEBSITE *\/\n  .fone-editorial .fe-image-site {\n    position: absolute;\n\n    left: 50%;\n    bottom: 15px;\n    z-index: 2;\n\n    transform: translateX(-50%);\n\n    color: rgba(255, 255, 255, .96);\n\n    white-space: nowrap;\n    text-align: center;\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: .15em;\n    text-transform: lowercase;\n\n    text-shadow:\n      0 1px 4px rgba(0, 0, 0, .3),\n      0 2px 12px rgba(0, 0, 0, .18);\n  }\n\n\n  \/* =========================\n     FEATURES\n  ========================= *\/\n\n  .fone-editorial .fe-features {\n    margin-top: 0;\n  }\n\n  .fone-editorial .fe-feature {\n    display: grid;\n    grid-template-columns: 34px minmax(0, 1fr);\n    gap: 14px;\n\n    padding: 15px 0;\n  }\n\n  .fone-editorial .fe-feature + .fe-feature {\n    border-top: 1px solid var(--line);\n  }\n\n  .fone-editorial .fe-number {\n    padding-top: 2px;\n\n    color: #b4b7bd;\n\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: .08em;\n  }\n\n  .fone-editorial .fe-feature-content {\n    min-width: 0;\n  }\n\n  .fone-editorial .fe-feature-title {\n    margin: 0 0 4px;\n\n    color: #111;\n\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.3;\n  }\n\n  .fone-editorial .fe-feature-text {\n    margin: 0;\n\n    color: var(--muted);\n\n    font-size: 11.5px;\n    line-height: 1.58;\n  }\n\n\n  \/* =========================\n     TECH\n  ========================= *\/\n\n  .fone-editorial .fe-tech {\n    margin-top: 14px;\n    border: 0;\n  }\n\n  .fone-editorial .fe-tech summary {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    min-height: 46px;\n\n    padding: 0 30px 0 0;\n\n    color: #111;\n\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n\n    font-size: 10px;\n    font-weight: 750;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n  }\n\n  .fone-editorial .fe-tech summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .fone-editorial .fe-tech summary::before,\n  .fone-editorial .fe-tech summary::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 3px;\n    top: 50%;\n\n    width: 12px;\n    height: 1.3px;\n\n    border-radius: 10px;\n\n    background: #222;\n\n    transform: translateY(-50%);\n    transition: transform .2s ease;\n  }\n\n  .fone-editorial .fe-tech summary::after {\n    transform: translateY(-50%) rotate(90deg);\n  }\n\n  .fone-editorial .fe-tech[open] summary::after {\n    transform: translateY(-50%) rotate(0deg);\n  }\n\n  .fone-editorial .fe-tech-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .fone-editorial .fe-tech-label::before {\n    content: \"\";\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--orange);\n  }\n\n\n  \/* =========================\n     SPECS\n  ========================= *\/\n\n  .fone-editorial .fe-specs {\n    padding: 2px 0 12px;\n  }\n\n  .fone-editorial .fe-spec-row {\n    display: grid;\n    grid-template-columns: 42% 58%;\n    align-items: baseline;\n\n    padding: 8px 0;\n  }\n\n  .fone-editorial .fe-spec-row + .fe-spec-row {\n    border-top: 1px solid #f5f5f6;\n  }\n\n  .fone-editorial .fe-spec-name {\n    color: #8c8f95;\n\n    font-size: 10px;\n  }\n\n  .fone-editorial .fe-spec-value {\n    color: #111;\n\n    font-size: 10.5px;\n    font-weight: 650;\n\n    text-align: right;\n  }\n\n\n  \/* =========================\n     BOTTOM 3 FEATURES\n  ========================= *\/\n\n  .fone-editorial .fe-bottom {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    padding-top: 8px;\n\n    color: #9a9ca1;\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .fone-editorial .fe-bottom-line {\n    width: 16px;\n    height: 2px;\n    flex: 0 0 16px;\n\n    background: var(--orange);\n  }\n\n\n  \/* =========================\n     MOBILE\n  ========================= *\/\n\n  @media screen and (max-width: 749px) {\n\n    .fone-editorial .fe-title {\n      font-size: 19px;\n    }\n\n    .fone-editorial .fe-description {\n      font-size: 12px;\n      line-height: 1.65;\n    }\n\n\n    \/* IMAGE *\/\n\n    .fone-editorial .fe-product-image {\n      width: calc(100% + 28px);\n\n      margin-top: 5px;\n      margin-right: -14px;\n      margin-bottom: 14px;\n      margin-left: -14px;\n\n      border-radius: 20px;\n    }\n\n    .fone-editorial .fe-product-image img {\n      width: 100%;\n      height: auto;\n    }\n\n    .fone-editorial .fe-product-image::after {\n      height: 125px;\n\n      background: linear-gradient(\n        to top,\n        rgba(12, 13, 15, .72) 0%,\n        rgba(12, 13, 15, .36) 36%,\n        rgba(12, 13, 15, .1) 62%,\n        rgba(12, 13, 15, 0) 100%\n      );\n    }\n\n    .fone-editorial .fe-image-badge {\n      top: 11px;\n      left: 11px;\n\n      gap: 4px;\n\n      padding: 5px 8px;\n\n      font-size: 6.3px;\n      letter-spacing: .09em;\n    }\n\n    .fone-editorial .fe-image-badge::before {\n      width: 4px;\n      height: 4px;\n    }\n\n    .fone-editorial .fe-image-site {\n      bottom: 12px;\n\n      font-size: 7.5px;\n      letter-spacing: .13em;\n    }\n\n\n    \/* FEATURES *\/\n\n    .fone-editorial .fe-features {\n      margin-top: 0;\n    }\n\n    .fone-editorial .fe-feature {\n      grid-template-columns: 28px minmax(0, 1fr);\n      gap: 11px;\n\n      padding: 13px 0;\n    }\n\n    .fone-editorial .fe-feature:first-child {\n      padding-top: 11px;\n    }\n\n    .fone-editorial .fe-feature-title {\n      font-size: 12.2px;\n    }\n\n    .fone-editorial .fe-feature-text {\n      font-size: 10.8px;\n      line-height: 1.55;\n    }\n\n\n    \/* TECH *\/\n\n    .fone-editorial .fe-tech {\n      margin-top: 9px;\n    }\n\n    .fone-editorial .fe-tech summary {\n      min-height: 44px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"fone-editorial\"\u003e\n\n\n  \u003c!-- =========================\n       INTRO\n  ========================== --\u003e\n\n  \u003cdiv class=\"fe-intro\"\u003e\n\n    \u003cdiv class=\"fe-kicker\"\u003e\n      \u003cspan class=\"fe-kicker-dot\"\u003e\u003c\/span\u003e\n      GRADIENT SERIES\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"fe-title\"\u003e\n      PULOKA Resplendent Magnetic Fit\n    \u003c\/h3\u003e\n\n    \u003cp class=\"fe-description\"\u003e\n      La \u003cstrong\u003ePULOKA Resplendent\u003c\/strong\u003e combine une finition\n      \u003cstrong\u003etransparente Gradient\u003c\/strong\u003e, une structure hybride\n      \u003cstrong\u003eTPU + PC\u003c\/strong\u003e et un système\n      \u003cstrong\u003eMagSafe intégré\u003c\/strong\u003e.\n      Une coque élégante conçue pour protéger l’iPhone tout en conservant\n      son design fin et moderne.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fe-short-line\"\u003e\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================\n       PRODUCT IMAGE\n  ========================== --\u003e\n\n  \u003cdiv class=\"fe-product-image\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a9b3aeaa80bb4d0ba45f863121650a36.mov?v=1790295632\" alt=\"PULOKA Resplendent Magnetic Fit\" loading=\"lazy\"\u003e\n\n    \u003cdiv class=\"fe-image-badge\"\u003e\n      PHOTO RÉELLE\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fe-image-site\"\u003e\n      www.fone.ma\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================\n       FEATURES\n  ========================== --\u003e\n\n  \u003cdiv class=\"fe-features\"\u003e\n\n\n    \u003c!-- 01 --\u003e\n    \u003cdiv class=\"fe-feature\"\u003e\n\n      \u003cdiv class=\"fe-number\"\u003e\n        01\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fe-feature-content\"\u003e\n\n        \u003cdiv class=\"fe-feature-title\"\u003e\n          Design Transparent Gradient\n        \u003c\/div\u003e\n\n        \u003cp class=\"fe-feature-text\"\u003e\n          Une finition transparente teintée qui laisse apparaître\n          le design de l’iPhone avec un effet moderne et élégant.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- 02 --\u003e\n    \u003cdiv class=\"fe-feature\"\u003e\n\n      \u003cdiv class=\"fe-number\"\u003e\n        02\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fe-feature-content\"\u003e\n\n        \u003cdiv class=\"fe-feature-title\"\u003e\n          Construction TPU + PC\n        \u003c\/div\u003e\n\n        \u003cp class=\"fe-feature-text\"\u003e\n          Structure hybride associant souplesse et rigidité\n          pour une protection équilibrée au quotidien.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- 03 --\u003e\n    \u003cdiv class=\"fe-feature\"\u003e\n\n      \u003cdiv class=\"fe-number\"\u003e\n        03\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fe-feature-content\"\u003e\n\n        \u003cdiv class=\"fe-feature-title\"\u003e\n          Magnetic Fit · MagSafe\n        \u003c\/div\u003e\n\n        \u003cp class=\"fe-feature-text\"\u003e\n          Aimants intégrés pour une fixation stable avec\n          les chargeurs et accessoires MagSafe compatibles.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- 04 --\u003e\n    \u003cdiv class=\"fe-feature\"\u003e\n\n      \u003cdiv class=\"fe-number\"\u003e\n        04\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fe-feature-content\"\u003e\n\n        \u003cdiv class=\"fe-feature-title\"\u003e\n          Protection Renforcée\n        \u003c\/div\u003e\n\n        \u003cp class=\"fe-feature-text\"\u003e\n          Bords protecteurs et contour caméra surélevé pour aider\n          à protéger l’iPhone contre les chocs et les rayures.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================\n       FICHE TECHNIQUE\n  ========================== --\u003e\n\n  \u003cdetails class=\"fe-tech\"\u003e\n\n    \u003csummary\u003e\n      \u003cspan class=\"fe-tech-label\"\u003e\n        Fiche technique\n      \u003c\/span\u003e\n    \u003c\/summary\u003e\n\n\n    \u003cdiv class=\"fe-specs\"\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Marque\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          PULOKA\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Série\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          Gradient Series\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Modèle\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          Resplendent\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Matériaux\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          TPU + PC\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Finition\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          Transparente Gradient\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          MagSafe\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          Compatible\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Recharge sans fil\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          Compatible\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Protection\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          Chocs \u0026amp; rayures\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fe-spec-row\"\u003e\n        \u003cspan class=\"fe-spec-name\"\u003e\n          Protection caméra\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fe-spec-value\"\u003e\n          Contour surélevé\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/details\u003e\n\n\n  \u003c!-- =========================\n       3 KEY FEATURES\n  ========================== --\u003e\n\n  \u003cdiv class=\"fe-bottom\"\u003e\n\n    \u003cspan class=\"fe-bottom-line\"\u003e\u003c\/span\u003e\n\n    TPU+PC · MAGSAFE · GRADIENT\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"18 Pro","offer_id":50286442872970,"sku":null,"price":249.0,"currency_code":"MAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0761\/3857\/8058\/files\/fone-puloka-Resplendent-BLACK-img1.png?v=1790293797","url":"https:\/\/fone.ma\/products\/puloka-resplendent-noir","provider":"My Store","version":"1.0","type":"link"}