{"product_id":"puloka-ultra-surface-privacy","title":"PULOKA Ultra Surface - Privacy","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700\u0026display=swap');\n\n  \/* =====================================================\n     FONE MARINA · SCREEN PROTECTION\n     PULOKA ULTRA SURFACE · PRIVACY\n  ===================================================== *\/\n\n  .fone-shield,\n  .fone-shield * {\n    box-sizing: border-box;\n  }\n\n  .fone-shield {\n    --fs-black: #101114;\n    --fs-text: #71767d;\n    --fs-muted: #9a9ea4;\n    --fs-line: #e9e9ec;\n    --fs-soft: #f6f6f7;\n    --fs-orange: #ff6b00;\n\n    width: 100%;\n    margin: 0;\n\n    color: var(--fs-black);\n\n    font-family:\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Roboto,\n      Arial,\n      sans-serif;\n  }\n\n\n  \/* =====================================================\n     LANGUAGE\n  ===================================================== *\/\n\n  .fone-shield .fs-lang-radio {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .fone-shield .fs-lang-wrap {\n    display: flex;\n    justify-content: flex-end;\n\n    margin-bottom: 20px;\n\n    direction: ltr;\n  }\n\n  .fone-shield .fs-lang-switch {\n    display: inline-flex;\n\n    gap: 3px;\n\n    padding: 3px;\n\n    border-radius: 999px;\n\n    background: #f0f0f2;\n  }\n\n  .fone-shield .fs-lang-switch label {\n    min-width: 42px;\n\n    padding: 7px 11px;\n\n    border-radius: 999px;\n\n    color: #85898f;\n\n    font-size: 11px;\n    font-weight: 700;\n\n    line-height: 1;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    user-select: none;\n  }\n\n  .fone-shield\n  #shield-fr:checked\n  ~ .fs-lang-wrap\n  label[for=\"shield-fr\"],\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-lang-wrap\n  label[for=\"shield-ar\"] {\n    color: #fff;\n\n    background: #111214;\n  }\n\n\n  \/* =====================================================\n     LANGUAGE VISIBILITY\n  ===================================================== *\/\n\n  .fone-shield .fs-fr,\n  .fone-shield .fs-ar {\n    display: none !important;\n  }\n\n  .fone-shield\n  #shield-fr:checked\n  ~ .fs-content\n  .fs-fr {\n    display: block !important;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-ar {\n    display: block !important;\n  }\n\n\n  \/* =====================================================\n     ARABIC\n  ===================================================== *\/\n\n  .fone-shield .fs-ar,\n  .fone-shield .fs-ar * {\n    font-family:\n      \"Tajawal\",\n      Tahoma,\n      Arial,\n      sans-serif !important;\n\n    letter-spacing: 0 !important;\n  }\n\n  .fone-shield .fs-ar {\n    direction: rtl;\n\n    text-align: right;\n  }\n\n\n  \/* =====================================================\n     GENERIC\n  ===================================================== *\/\n\n  .fone-shield .fs-kicker {\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    margin-bottom: 10px;\n\n    color: #85898f;\n\n    font-size: 9px;\n    font-weight: 750;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield .fs-kicker-dot {\n    width: 6px;\n    height: 6px;\n\n    flex: 0 0 6px;\n\n    border-radius: 50%;\n\n    background: var(--fs-orange);\n  }\n\n  .fone-shield .fs-ar .fs-kicker {\n    font-size: 10px;\n\n    font-weight: 500;\n\n    letter-spacing: 0;\n\n    text-transform: none;\n  }\n\n  .fone-shield .fs-section-label {\n    margin-bottom: 7px;\n\n    color: var(--fs-orange);\n\n    font-size: 8px;\n    font-weight: 800;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield .fs-ar .fs-section-label {\n    font-size: 10px;\n\n    font-weight: 500;\n\n    letter-spacing: 0;\n\n    text-transform: none;\n  }\n\n\n  \/* =====================================================\n     INTRO\n  ===================================================== *\/\n\n  .fone-shield .fs-intro {\n    padding: 3px 0 26px;\n  }\n\n  .fone-shield .fs-title {\n    max-width: 750px;\n\n    margin: 0 0 12px;\n\n    color: #101114;\n\n    font-size: 26px;\n    font-weight: 780;\n\n    line-height: 1.08;\n\n    letter-spacing: -.045em;\n  }\n\n  .fone-shield .fs-ar .fs-title {\n    font-size: 23px;\n\n    font-weight: 700;\n\n    line-height: 1.6;\n\n    letter-spacing: 0;\n  }\n\n  .fone-shield .fs-description {\n    max-width: 720px;\n\n    margin: 0;\n\n    color: var(--fs-text);\n\n    font-size: 13px;\n\n    line-height: 1.8;\n  }\n\n  .fone-shield .fs-ar .fs-description {\n    font-size: 13px;\n\n    line-height: 2;\n  }\n\n  .fone-shield .fs-description strong {\n    color: #111;\n\n    font-weight: 650;\n  }\n\n  .fone-shield .fs-orange-line {\n    width: 35px;\n    height: 3px;\n\n    margin-top: 18px;\n\n    border-radius: 999px;\n\n    background: var(--fs-orange);\n  }\n\n\n  \/* =====================================================\n     PRODUCT PROFILE\n  ===================================================== *\/\n\n  .fone-shield .fs-profile {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    margin-bottom: 31px;\n\n    border-top: 1px solid var(--fs-line);\n    border-bottom: 1px solid var(--fs-line);\n\n    direction: ltr;\n  }\n\n  .fone-shield .fs-profile-item {\n    padding: 16px 10px;\n\n    text-align: center;\n  }\n\n  .fone-shield\n  .fs-profile-item\n  + .fs-profile-item {\n    border-left: 1px solid var(--fs-line);\n  }\n\n  .fone-shield .fs-profile-value {\n    margin-bottom: 5px;\n\n    color: #111;\n\n    font-size: 13px;\n    font-weight: 760;\n\n    line-height: 1.1;\n  }\n\n  .fone-shield .fs-profile-label {\n    color: #999da3;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    line-height: 1.4;\n\n    letter-spacing: .09em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield .fs-profile-label.fs-ar {\n    direction: rtl;\n\n    font-size: 9px;\n\n    font-weight: 400;\n\n    letter-spacing: 0 !important;\n\n    text-transform: none;\n  }\n\n\n  \/* =====================================================\n     HERO IMAGE · OPTIONAL\n  ===================================================== *\/\n\n  .fone-shield .fs-hero {\n    display: none;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 760px;\n\n    margin: 0 auto 34px;\n\n    overflow: hidden;\n\n    border-radius: 23px;\n\n    background: var(--fs-soft);\n  }\n\n  .fone-shield\n  .fs-hero:has(\n    img[src^=\"https:\/\/\"]\n  ) {\n    display: block;\n  }\n\n  .fone-shield .fs-hero img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n  }\n\n  .fone-shield .fs-hero::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    height: 105px;\n\n    background:\n      linear-gradient(\n        to top,\n        rgba(8,8,10,.44),\n        rgba(8,8,10,0)\n      );\n\n    pointer-events: none;\n  }\n\n  .fone-shield .fs-site {\n    position: absolute;\n\n    left: 50%;\n    bottom: 15px;\n    z-index: 3;\n\n    transform: translateX(-50%);\n\n    color: #fff;\n\n    white-space: nowrap;\n\n    font-size: 8px;\n    font-weight: 650;\n\n    letter-spacing: .16em;\n\n    text-shadow:\n      0 1px 5px rgba(0,0,0,.4);\n  }\n\n\n  \/* =====================================================\n     PRIVACY EXPERIENCE\n  ===================================================== *\/\n\n  .fone-shield .fs-privacy {\n    position: relative;\n\n    margin-bottom: 35px;\n\n    padding: 31px 23px 23px;\n\n    overflow: hidden;\n\n    border-radius: 25px;\n\n    background:\n      radial-gradient(\n        circle at 88% 0%,\n        rgba(255,107,0,.065),\n        transparent 33%\n      ),\n      linear-gradient(\n        145deg,\n        #151619,\n        #0c0d0f\n      );\n\n    color: #fff;\n  }\n\n  .fone-shield .fs-privacy::after {\n    content: \"PRIVACY\";\n\n    position: absolute;\n\n    right: -10px;\n    bottom: -13px;\n\n    color: rgba(255,255,255,.027);\n\n    font-size: 76px;\n    font-weight: 800;\n\n    line-height: .9;\n\n    letter-spacing: -.06em;\n\n    pointer-events: none;\n  }\n\n  .fone-shield .fs-private-no {\n    position: relative;\n    z-index: 3;\n\n    margin-bottom: 19px;\n\n    color: var(--fs-orange);\n\n    font-size: 9px;\n    font-weight: 750;\n\n    letter-spacing: .14em;\n  }\n\n  .fone-shield .fs-private-label {\n    position: relative;\n    z-index: 3;\n\n    margin-bottom: 7px;\n\n    color: var(--fs-orange);\n\n    font-size: 8px;\n    font-weight: 800;\n\n    letter-spacing: .14em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield .fs-ar .fs-private-label {\n    font-size: 10px;\n\n    font-weight: 500;\n\n    letter-spacing: 0;\n\n    text-transform: none;\n  }\n\n  .fone-shield .fs-privacy-title {\n    position: relative;\n    z-index: 2;\n\n    max-width: 600px;\n\n    margin: 0 0 10px;\n\n    color: rgb(255,255,255);\n\n    font-size: 24px;\n    font-weight: 750;\n\n    line-height: 1.2;\n\n    letter-spacing: -.035em;\n  }\n\n  .fone-shield .fs-ar .fs-privacy-title {\n    font-size: 20px;\n\n    font-weight: 600;\n\n    line-height: 1.85;\n\n    letter-spacing: 0;\n  }\n\n  .fone-shield .fs-privacy-text {\n    position: relative;\n    z-index: 2;\n\n    max-width: 590px;\n\n    margin: 0;\n\n    color: rgb(190,193,198);\n\n    font-size: 11.5px;\n\n    line-height: 1.85;\n  }\n\n  .fone-shield .fs-ar .fs-privacy-text {\n    font-size: 12px;\n\n    line-height: 2;\n  }\n\n\n  \/* =====================================================\n     PRIVACY SLIDER\n  ===================================================== *\/\n\n  .fone-shield .fs-slider-area {\n    position: relative;\n    z-index: 5;\n\n    margin-top: 27px;\n  }\n\n  .fone-shield .fs-slider-labels {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: 5px;\n\n    direction: ltr;\n  }\n\n  .fone-shield .fs-slider-label {\n    display: none;\n\n    color: #7f8389;\n\n    font-size: 7px;\n    font-weight: 750;\n\n    letter-spacing: .12em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield\n  #shield-fr:checked\n  ~ .fs-content\n  .fs-slider-label.fs-fr-label {\n    display: block;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-slider-label.fs-ar-label {\n    display: block;\n\n    font-family:\n      \"Tajawal\",\n      Tahoma,\n      Arial,\n      sans-serif;\n\n    font-size: 9px;\n\n    letter-spacing: 0;\n\n    text-transform: none;\n  }\n\n  .fone-shield .fs-slider-label:first-child {\n    color: #fff;\n  }\n\n  .fone-shield .fs-privacy-range {\n    --fill: 0%;\n\n    display: block;\n\n    width: 100%;\n    height: 32px;\n\n    margin: 0;\n    padding: 0;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    cursor: grab;\n\n    direction: ltr;\n\n    touch-action: pan-y;\n  }\n\n  .fone-shield\n  .fs-privacy-range:active {\n    cursor: grabbing;\n  }\n\n  .fone-shield\n  .fs-privacy-range::-webkit-slider-runnable-track {\n    width: 100%;\n    height: 3px;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        to right,\n        var(--fs-orange) 0%,\n        var(--fs-orange) var(--fill),\n        #303237 var(--fill),\n        #303237 100%\n      );\n  }\n\n  .fone-shield\n  .fs-privacy-range::-webkit-slider-thumb {\n    width: 25px;\n    height: 25px;\n\n    margin-top: -11px;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    border: 3px solid var(--fs-orange);\n    border-radius: 50%;\n\n    background: #fff;\n\n    box-shadow:\n      0 0 0 4px rgba(255,107,0,.10),\n      0 5px 15px rgba(0,0,0,.32);\n\n    cursor: grab;\n  }\n\n  .fone-shield\n  .fs-privacy-range::-moz-range-track {\n    height: 3px;\n\n    border: 0;\n\n    border-radius: 999px;\n\n    background: #303237;\n  }\n\n  .fone-shield\n  .fs-privacy-range::-moz-range-progress {\n    height: 3px;\n\n    border-radius: 999px;\n\n    background: var(--fs-orange);\n  }\n\n  .fone-shield\n  .fs-privacy-range::-moz-range-thumb {\n    width: 20px;\n    height: 20px;\n\n    border: 3px solid var(--fs-orange);\n    border-radius: 50%;\n\n    background: #fff;\n\n    box-shadow:\n      0 0 0 4px rgba(255,107,0,.10),\n      0 5px 15px rgba(0,0,0,.32);\n  }\n\n  .fone-shield .fs-slider-hint {\n    display: none;\n\n    margin-top: 4px;\n\n    color: #70747b;\n\n    font-size: 8px;\n\n    line-height: 1.5;\n\n    text-align: center;\n  }\n\n  .fone-shield\n  #shield-fr:checked\n  ~ .fs-content\n  .fs-slider-hint.fs-fr-hint {\n    display: block;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-slider-hint.fs-ar-hint {\n    display: block;\n\n    font-family:\n      \"Tajawal\",\n      Tahoma,\n      Arial,\n      sans-serif;\n\n    font-size: 10px;\n\n    line-height: 1.8;\n  }\n\n\n  \/* =====================================================\n     PULOKA LAB\n  ===================================================== *\/\n\n  .fone-shield .fs-lab {\n    margin-bottom: 36px;\n\n    padding-top: 3px;\n  }\n\n  .fone-shield .fs-lab-heading {\n    margin-bottom: 20px;\n  }\n\n  .fone-shield .fs-lab-title {\n    max-width: 610px;\n\n    margin: 0;\n\n    color: #111;\n\n    font-size: 22px;\n    font-weight: 760;\n\n    line-height: 1.2;\n\n    letter-spacing: -.035em;\n  }\n\n  .fone-shield .fs-ar .fs-lab-title {\n    font-size: 19px;\n\n    font-weight: 600;\n\n    line-height: 1.8;\n\n    letter-spacing: 0;\n  }\n\n  .fone-shield .fs-lab-metrics {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    border-top: 1px solid var(--fs-line);\n    border-bottom: 1px solid var(--fs-line);\n\n    direction: ltr;\n  }\n\n  .fone-shield .fs-lab-metric {\n    padding: 22px 12px 19px;\n\n    text-align: center;\n  }\n\n  .fone-shield\n  .fs-lab-metric\n  + .fs-lab-metric {\n    border-left: 1px solid var(--fs-line);\n  }\n\n  .fone-shield .fs-lab-value {\n    margin-bottom: 7px;\n\n    color: #111;\n\n    font-size: 29px;\n    font-weight: 790;\n\n    line-height: .95;\n\n    letter-spacing: -.045em;\n  }\n\n  .fone-shield .fs-lab-unit {\n    color: var(--fs-orange);\n  }\n\n  .fone-shield .fs-lab-name {\n    color: #8d9299;\n\n    font-size: 8px;\n    font-weight: 750;\n\n    line-height: 1.45;\n\n    letter-spacing: .1em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield .fs-lab-name.fs-ar {\n    font-size: 10px;\n\n    font-weight: 500;\n\n    letter-spacing: 0;\n\n    text-transform: none;\n  }\n\n  .fone-shield .fs-lab-note {\n    display: grid;\n\n    grid-template-columns:\n      38px minmax(0,1fr);\n\n    gap: 14px;\n\n    align-items: start;\n\n    padding-top: 18px;\n  }\n\n  .fone-shield .fs-lab-note-index {\n    color: var(--fs-orange);\n\n    font-size: 9px;\n    font-weight: 750;\n  }\n\n  .fone-shield .fs-lab-note-text {\n    max-width: 610px;\n\n    margin: 0;\n\n    color: #858990;\n\n    font-size: 11px;\n\n    line-height: 1.8;\n  }\n\n  .fone-shield .fs-ar .fs-lab-note-text {\n    font-size: 11.5px;\n\n    line-height: 2;\n  }\n\n\n  \/* =====================================================\n     ABRASION\n  ===================================================== *\/\n\n  .fone-shield .fs-abrasion {\n    display: grid;\n\n    grid-template-columns:\n      145px minmax(0,1fr);\n\n    gap: 20px;\n\n    align-items: center;\n\n    margin-bottom: 36px;\n\n    padding: 23px 22px;\n\n    border-radius: 23px;\n\n    background:\n      radial-gradient(\n        circle at 90% 0%,\n        rgba(255,107,0,.09),\n        transparent 30%\n      ),\n      #111214;\n\n    color: #fff;\n  }\n\n  .fone-shield .fs-abrasion-number {\n    color: #fff;\n\n    font-size: 48px;\n    font-weight: 800;\n\n    line-height: .9;\n\n    letter-spacing: -.055em;\n  }\n\n  .fone-shield .fs-abrasion-number span {\n    color: var(--fs-orange);\n  }\n\n  .fone-shield .fs-abrasion-label {\n    margin-bottom: 5px;\n\n    color: var(--fs-orange);\n\n    font-size: 8px;\n    font-weight: 800;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield .fs-ar .fs-abrasion-label {\n    font-size: 10px;\n\n    font-weight: 500;\n\n    letter-spacing: 0;\n\n    text-transform: none;\n  }\n\n  .fone-shield .fs-abrasion-text {\n    margin: 0;\n\n    color: #c7c9cd;\n\n    font-size: 10.5px;\n\n    line-height: 1.7;\n  }\n\n  .fone-shield .fs-ar .fs-abrasion-text {\n    font-size: 11.5px;\n\n    line-height: 1.95;\n  }\n\n\n  \/* =====================================================\n     SURFACE ENGINEERING\n  ===================================================== *\/\n\n  .fone-shield .fs-surface {\n    padding: 30px 0;\n\n    border-top: 1px solid var(--fs-line);\n  }\n\n  .fone-shield .fs-surface-title {\n    max-width: 610px;\n\n    margin: 0 0 20px;\n\n    color: #111;\n\n    font-size: 21px;\n    font-weight: 760;\n\n    line-height: 1.2;\n\n    letter-spacing: -.035em;\n  }\n\n  .fone-shield .fs-ar .fs-surface-title {\n    font-size: 19px;\n\n    font-weight: 600;\n\n    line-height: 1.8;\n\n    letter-spacing: 0;\n  }\n\n\n  \/* =====================================================\n     SURFACE IMAGE · OPTIONAL\n  ===================================================== *\/\n\n  .fone-shield .fs-surface-image {\n    display: none;\n\n    margin-bottom: 23px;\n\n    overflow: hidden;\n\n    border-radius: 22px;\n\n    background: var(--fs-soft);\n  }\n\n  .fone-shield\n  .fs-surface-image:has(\n    img[src^=\"https:\/\/\"]\n  ) {\n    display: block;\n  }\n\n  .fone-shield .fs-surface-image img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n  }\n\n\n  \/* =====================================================\n     SURFACE ROWS\n  ===================================================== *\/\n\n  .fone-shield .fs-surface-row {\n    display: grid;\n\n    grid-template-columns:\n      42px minmax(0,1fr);\n\n    gap: 13px;\n\n    padding: 15px 0;\n\n    border-top: 1px solid var(--fs-line);\n  }\n\n  .fone-shield\n  .fs-surface-row:last-child {\n    border-bottom: 1px solid var(--fs-line);\n  }\n\n  .fone-shield .fs-surface-number {\n    color: #b0b4ba;\n\n    font-size: 9px;\n    font-weight: 750;\n  }\n\n  .fone-shield .fs-surface-row-title {\n    margin-bottom: 4px;\n\n    color: #111;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    line-height: 1.4;\n  }\n\n  .fone-shield .fs-ar .fs-surface-row-title {\n    font-size: 13px;\n\n    font-weight: 600;\n\n    line-height: 1.7;\n  }\n\n  .fone-shield .fs-surface-row-text {\n    margin: 0;\n\n    color: #858990;\n\n    font-size: 11px;\n\n    line-height: 1.75;\n  }\n\n  .fone-shield .fs-ar .fs-surface-row-text {\n    font-size: 11.5px;\n\n    line-height: 1.95;\n  }\n\n\n  \/* =====================================================\n     VIDEO · OPTIONAL\n  ===================================================== *\/\n\n  .fone-shield .fs-video-section {\n    display: none;\n\n    margin: 34px 0 26px;\n  }\n\n  .fone-shield\n  .fs-video-section:has(\n    video[src^=\"https:\/\/\"]\n  ) {\n    display: block;\n  }\n\n  .fone-shield .fs-video-heading {\n    display: none;\n\n    align-items: center;\n\n    gap: 8px;\n\n    max-width: 420px;\n\n    margin: 0 auto 12px;\n\n    color: #80848a;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: .14em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield\n  #shield-fr:checked\n  ~ .fs-content\n  .fs-video-heading-fr {\n    display: flex;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-video-heading-ar {\n    display: flex;\n\n    direction: rtl;\n\n    font-family:\n      \"Tajawal\",\n      Tahoma,\n      Arial,\n      sans-serif;\n\n    font-size: 10px;\n    font-weight: 500;\n\n    letter-spacing: 0;\n\n    text-transform: none;\n  }\n\n  .fone-shield\n  .fs-video-heading::before {\n    content: \"\";\n\n    width: 5px;\n    height: 5px;\n\n    flex: 0 0 5px;\n\n    border-radius: 50%;\n\n    background: var(--fs-orange);\n  }\n\n  .fone-shield .fs-video-frame {\n    position: relative;\n\n    width: 100%;\n    max-width: 420px;\n\n    aspect-ratio: 9 \/ 16;\n\n    margin: 0 auto;\n\n    overflow: hidden;\n\n    border-radius: 22px;\n\n    background: #111;\n  }\n\n  .fone-shield .fe-video {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    background: #111;\n\n    pointer-events: none;\n  }\n\n  .fone-shield\n  .fe-video::-webkit-media-controls,\n\n  .fone-shield\n  .fe-video::-webkit-media-controls-panel,\n\n  .fone-shield\n  .fe-video::-webkit-media-controls-play-button,\n\n  .fone-shield\n  .fe-video::-webkit-media-controls-start-playback-button {\n    display: none !important;\n\n    opacity: 0 !important;\n  }\n\n  .fone-shield .fs-video-frame::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    height: 100px;\n\n    background:\n      linear-gradient(\n        to top,\n        rgba(10,10,11,.44),\n        rgba(10,10,11,0)\n      );\n\n    pointer-events: none;\n  }\n\n  .fone-shield .fs-video-site {\n    position: absolute;\n\n    left: 50%;\n    bottom: 15px;\n    z-index: 3;\n\n    transform: translateX(-50%);\n\n    color: #fff;\n\n    white-space: nowrap;\n\n    font-size: 8px;\n    font-weight: 600;\n\n    letter-spacing: .15em;\n\n    pointer-events: none;\n  }\n\n\n  \/* =====================================================\n     SOUND BUTTON\n  ===================================================== *\/\n\n  .fone-shield .fe-sound-button {\n    position: absolute;\n\n    top: 14px;\n    right: 14px;\n    z-index: 5;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 38px;\n    height: 38px;\n\n    padding: 0;\n\n    border:\n      1px solid rgba(255,255,255,.3);\n\n    border-radius: 50%;\n\n    background:\n      rgba(15,15,16,.46);\n\n    color: #fff;\n\n    cursor: pointer;\n  }\n\n  .fone-shield .fe-sound-button svg {\n    display: block;\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .fone-shield .fe-icon-sound-on {\n    display: none;\n  }\n\n  .fone-shield\n  .fe-sound-button.is-sound-on\n  .fe-icon-sound-off {\n    display: none;\n  }\n\n  .fone-shield\n  .fe-sound-button.is-sound-on\n  .fe-icon-sound-on {\n    display: block;\n  }\n\n\n  \/* =====================================================\n     DETAILS\n  ===================================================== *\/\n\n  .fone-shield .fs-detail {\n    margin-top: 20px;\n\n    border-top: 1px solid var(--fs-line);\n    border-bottom: 1px solid var(--fs-line);\n  }\n\n  .fone-shield .fs-detail summary {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    min-height: 49px;\n\n    padding-right: 30px;\n\n    color: #111;\n\n    cursor: pointer;\n\n    list-style: none;\n  }\n\n  .fone-shield\n  .fs-detail\n  summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .fone-shield\n  .fs-detail\n  summary::before,\n\n  .fone-shield\n  .fs-detail\n  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    background: #222;\n\n    transform: translateY(-50%);\n  }\n\n  .fone-shield\n  .fs-detail\n  summary::after {\n    transform:\n      translateY(-50%)\n      rotate(90deg);\n  }\n\n  .fone-shield\n  .fs-detail[open]\n  summary::after {\n    transform:\n      translateY(-50%)\n      rotate(0deg);\n  }\n\n  .fone-shield\n  .fs-detail-title-fr,\n\n  .fone-shield\n  .fs-detail-title-ar {\n    display: none !important;\n\n    align-items: center;\n\n    gap: 8px;\n  }\n\n  .fone-shield\n  #shield-fr:checked\n  ~ .fs-content\n  .fs-detail-title-fr {\n    display: inline-flex !important;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-detail-title-ar {\n    display: inline-flex !important;\n  }\n\n  .fone-shield .fs-detail-title-fr {\n    font-size: 10px;\n    font-weight: 750;\n\n    letter-spacing: .08em;\n\n    text-transform: uppercase;\n  }\n\n  .fone-shield .fs-detail-title-ar {\n    direction: rtl;\n\n    font-family:\n      \"Tajawal\",\n      Tahoma,\n      Arial,\n      sans-serif !important;\n\n    font-size: 11px;\n\n    font-weight: 600;\n  }\n\n  .fone-shield\n  .fs-detail-title-fr::before,\n\n  .fone-shield\n  .fs-detail-title-ar::before {\n    content: \"\";\n\n    width: 5px;\n    height: 5px;\n\n    flex: 0 0 5px;\n\n    border-radius: 50%;\n\n    background: var(--fs-orange);\n  }\n\n\n  \/* RTL DETAILS *\/\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-detail summary {\n    direction: rtl;\n\n    padding-right: 0;\n    padding-left: 30px;\n\n    text-align: right;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-detail\n  summary::before,\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-detail\n  summary::after {\n    right: auto;\n\n    left: 3px;\n  }\n\n\n  \/* =====================================================\n     SPECS\n  ===================================================== *\/\n\n  .fone-shield .fs-specs {\n    padding-bottom: 13px;\n  }\n\n  .fone-shield .fs-spec-row {\n    display: grid;\n\n    grid-template-columns:\n      42% 58%;\n\n    align-items: baseline;\n\n    padding: 9px 0;\n  }\n\n  .fone-shield\n  .fs-spec-row\n  + .fs-spec-row {\n    border-top: 1px solid #f4f4f5;\n  }\n\n  .fone-shield .fs-spec-name {\n    color: #92969c;\n\n    font-size: 10px;\n  }\n\n  .fone-shield .fs-spec-value {\n    color: #111;\n\n    font-size: 10.5px;\n    font-weight: 650;\n\n    text-align: right;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-spec-row {\n    direction: rtl;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-spec-name {\n    text-align: right;\n  }\n\n  .fone-shield\n  #shield-ar:checked\n  ~ .fs-content\n  .fs-spec-value {\n    text-align: left;\n  }\n\n\n  \/* =====================================================\n     BOTTOM\n  ===================================================== *\/\n\n  .fone-shield .fs-bottom {\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    padding-top: 16px;\n\n    color: #999ca2;\n\n    font-size: 9px;\n    font-weight: 550;\n\n    direction: ltr;\n  }\n\n  .fone-shield .fs-bottom-line {\n    width: 16px;\n    height: 2px;\n\n    flex: 0 0 16px;\n\n    background: var(--fs-orange);\n  }\n\n\n  \/* =====================================================\n     MOBILE\n  ===================================================== *\/\n\n  @media screen and (max-width:749px) {\n\n    .fone-shield .fs-title {\n      font-size: 21px;\n    }\n\n    .fone-shield .fs-ar .fs-title {\n      font-size: 20px;\n\n      line-height: 1.65;\n    }\n\n    .fone-shield .fs-description {\n      font-size: 12px;\n    }\n\n    .fone-shield .fs-ar .fs-description {\n      font-size: 12.5px;\n    }\n\n    .fone-shield .fs-profile-item {\n      padding: 15px 6px;\n    }\n\n\n    \/* HERO *\/\n\n    .fone-shield .fs-hero {\n      width:\n        calc(100% + 28px);\n\n      margin-right: -14px;\n      margin-left: -14px;\n\n      border-radius: 20px;\n    }\n\n\n    \/* PRIVACY *\/\n\n    .fone-shield .fs-privacy {\n      padding: 28px 20px 22px;\n    }\n\n    .fone-shield .fs-privacy::after {\n      font-size: 61px;\n    }\n\n    .fone-shield .fs-privacy-title {\n      font-size: 20px;\n    }\n\n    .fone-shield .fs-ar .fs-privacy-title {\n      font-size: 18px;\n    }\n\n    .fone-shield .fs-privacy-text {\n      font-size: 10.8px;\n    }\n\n\n    \/* LAB *\/\n\n    .fone-shield .fs-lab-metric {\n      padding: 19px 5px 17px;\n    }\n\n    .fone-shield .fs-lab-value {\n      font-size: 25px;\n    }\n\n    .fone-shield .fs-lab-name {\n      font-size: 7px;\n    }\n\n\n    \/* ABRASION *\/\n\n    .fone-shield .fs-abrasion {\n      grid-template-columns:\n        110px minmax(0,1fr);\n\n      gap: 14px;\n\n      padding: 20px 18px;\n    }\n\n    .fone-shield .fs-abrasion-number {\n      font-size: 39px;\n    }\n\n\n    \/* SURFACE IMAGE *\/\n\n    .fone-shield .fs-surface-image {\n      width:\n        calc(100% + 28px);\n\n      margin-right: -14px;\n      margin-left: -14px;\n\n      border-radius: 20px;\n    }\n\n\n    \/* VIDEO *\/\n\n    .fone-shield .fs-video-frame {\n      width:\n        calc(100% + 28px);\n\n      max-width: none;\n\n      margin-right: -14px;\n      margin-left: -14px;\n\n      border-radius: 20px;\n    }\n\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"fone-editorial fone-shield\"\u003e\n\n\n  \u003c!-- =====================================================\n       LANGUAGE\n  ====================================================== --\u003e\n\n  \u003cinput class=\"fs-lang-radio\" type=\"radio\" name=\"shield-language\" id=\"shield-fr\" checked\u003e\n\n  \u003cinput class=\"fs-lang-radio\" type=\"radio\" name=\"shield-language\" id=\"shield-ar\"\u003e\n\n\n  \u003cdiv class=\"fs-lang-wrap\"\u003e\n\n    \u003cdiv class=\"fs-lang-switch\"\u003e\n\n      \u003clabel for=\"shield-fr\"\u003e\n        FR\n      \u003c\/label\u003e\n\n      \u003clabel for=\"shield-ar\"\u003e\n        العربية\n      \u003c\/label\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"fs-content\"\u003e\n\n\n    \u003c!-- =====================================================\n         INTRO\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-intro\"\u003e\n\n\n      \u003cdiv class=\"fs-fr\"\u003e\n\n        \u003cdiv class=\"fs-kicker\"\u003e\n\n          \u003cspan class=\"fs-kicker-dot\"\u003e\u003c\/span\u003e\n\n          SCREEN PROTECTION · PRIVACY\n\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fs-title\"\u003e\n          PULOKA Ultra Surface – Privacy\n        \u003c\/h2\u003e\n\n\n        \u003cp class=\"fs-description\"\u003e\n          Une protection d’écran en\n          \u003cstrong\u003everre trempé Privacy\u003c\/strong\u003e\n          conçue pour rendre vos informations\n          plus discrètes lorsque l’écran\n          est regardé depuis le côté.\n\n          Sa surface\n          \u003cstrong\u003eAF Vacuum Plated\u003c\/strong\u003e\n          associe toucher fluide,\n          protection quotidienne\n          et finition Ultra Surface.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"fs-orange-line\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-ar\"\u003e\n\n        \u003cdiv class=\"fs-kicker\"\u003e\n\n          \u003cspan class=\"fs-kicker-dot\"\u003e\u003c\/span\u003e\n\n          حماية الشاشة · PRIVACY\n\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fs-title\"\u003e\n          PULOKA Ultra Surface – Privacy\n        \u003c\/h2\u003e\n\n\n        \u003cp class=\"fs-description\"\u003e\n          حماية شاشة من\n          \u003cstrong\u003eالزجاج المقسّى بخاصية Privacy\u003c\/strong\u003e\n          تجعل محتوى الشاشة أكثر خصوصية\n          عند النظر إليها من الجانب.\n\n          ويجمع سطح\n          \u003cstrong\u003eAF Vacuum Plated\u003c\/strong\u003e\n          بين السلاسة،\n          الحماية اليومية\n          وتشطيب Ultra Surface.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"fs-orange-line\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         PRODUCT PROFILE\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-profile\"\u003e\n\n\n      \u003cdiv class=\"fs-profile-item\"\u003e\n\n        \u003cdiv class=\"fs-profile-value\"\u003e\n          PRIVACY\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-profile-label fs-fr\"\u003e\n          FILTER\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-profile-label fs-ar\"\u003e\n          فلتر خصوصية\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-profile-item\"\u003e\n\n        \u003cdiv class=\"fs-profile-value\"\u003e\n          CORNING\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-profile-label fs-fr\"\u003e\n          MATERIAL\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-profile-label fs-ar\"\u003e\n          خامة Corning\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-profile-item\"\u003e\n\n        \u003cdiv class=\"fs-profile-value\"\u003e\n          AF\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-profile-label fs-fr\"\u003e\n          SURFACE\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-profile-label fs-ar\"\u003e\n          معالجة السطح\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         IMAGE COLLEZ ICI 01\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-hero\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0761\/3857\/8058\/files\/SP_iPhone18_Glass_Radix_Privacy_SP_iPhone18_Glass_Radix_Privacy_03.jpg?v=1790725084\" alt=\"PULOKA Ultra Surface Privacy\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"fs-site\"\u003e\n        www.fone.ma\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         INTERACTIVE PRIVACY EXPERIENCE\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-privacy\"\u003e\n\n\n      \u003cdiv class=\"fs-private-no\"\u003e\n        01\n      \u003c\/div\u003e\n\n\n      \u003c!-- FR --\u003e\n\n      \u003cdiv class=\"fs-fr\"\u003e\n\n        \u003cdiv class=\"fs-private-label\"\u003e\n          TRY THE PRIVACY\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"fs-privacy-title\" data-shield-title\u003e\n          Visible devant vous.\n          Plus discret sur les côtés.\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fs-privacy-text\" data-shield-text\u003e\n          Déplacez le curseur vers SIDE\n          pour simuler l’effet du filtre Privacy\n          lorsque l’écran est observé\n          depuis un angle latéral.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- AR --\u003e\n\n      \u003cdiv class=\"fs-ar\"\u003e\n\n        \u003cdiv class=\"fs-private-label\"\u003e\n          جرّب تأثير الخصوصية\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"fs-privacy-title\" data-shield-title\u003e\n          واضحة أمامك.\n          وأكثر خصوصية من الجانب.\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fs-privacy-text\" data-shield-text\u003e\n          حرّك الدائرة نحو الجانب\n          لمحاكاة تأثير فلتر Privacy\n          عندما تتم مشاهدة الشاشة\n          من زاوية جانبية.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- SLIDER --\u003e\n\n      \u003cdiv class=\"fs-slider-area\"\u003e\n\n\n        \u003cdiv class=\"fs-slider-labels\"\u003e\n\n          \u003cspan class=\"fs-slider-label fs-fr-label\"\u003e\n            FRONT VIEW\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-slider-label fs-ar-label\"\u003e\n            أمام\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-slider-label fs-fr-label\"\u003e\n            SIDE VIEW\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-slider-label fs-ar-label\"\u003e\n            جانب\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cinput class=\"fs-privacy-range\" type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"1\" aria-label=\"Privacy Glass Simulation\"\u003e\n\n\n        \u003cdiv class=\"fs-slider-hint fs-fr-hint\"\u003e\n          Faites glisser le cercle →\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-slider-hint fs-ar-hint\"\u003e\n          حرّك الدائرة لتجربة تأثير الخصوصية\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         PULOKA LAB\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-lab\"\u003e\n\n\n      \u003cdiv class=\"fs-lab-heading\"\u003e\n\n\n        \u003cdiv class=\"fs-fr\"\u003e\n\n          \u003cdiv class=\"fs-section-label\"\u003e\n            PULOKA LAB\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"fs-lab-title\"\u003e\n            Un test de chute indiqué directement\n            sur l’emballage.\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-ar\"\u003e\n\n          \u003cdiv class=\"fs-section-label\"\u003e\n            مختبر PULOKA\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"fs-lab-title\"\u003e\n            اختبار سقوط موضح\n            مباشرة على العبوة.\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-lab-metrics\"\u003e\n\n\n        \u003c!-- 64g --\u003e\n\n        \u003cdiv class=\"fs-lab-metric\"\u003e\n\n          \u003cdiv class=\"fs-lab-value\"\u003e\n            64\u003cspan class=\"fs-lab-unit\"\u003eg\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-lab-name fs-fr\"\u003e\n            STEEL BALL\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-lab-name fs-ar\"\u003e\n            كرة فولاذية\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 1.5m --\u003e\n\n        \u003cdiv class=\"fs-lab-metric\"\u003e\n\n          \u003cdiv class=\"fs-lab-value\"\u003e\n            1.5\u003cspan class=\"fs-lab-unit\"\u003em\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-lab-name fs-fr\"\u003e\n            DROP HEIGHT\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-lab-name fs-ar\"\u003e\n            ارتفاع السقوط\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- x3 --\u003e\n\n        \u003cdiv class=\"fs-lab-metric\"\u003e\n\n          \u003cdiv class=\"fs-lab-value\"\u003e\n            ×3\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-lab-name fs-fr\"\u003e\n            CONSECUTIVE DROPS\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-lab-name fs-ar\"\u003e\n            مرات متتالية\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-lab-note\"\u003e\n\n\n        \u003cdiv class=\"fs-lab-note-index\"\u003e\n          ↳\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-fr\"\u003e\n\n          \u003cp class=\"fs-lab-note-text\"\u003e\n            Selon le test indiqué par PULOKA\n            sur l’emballage,\n            une bille d’acier de 64 g\n            a été lâchée trois fois successivement\n            depuis une hauteur de 1,5 m,\n            sans dommage constaté sur le produit.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-ar\"\u003e\n\n          \u003cp class=\"fs-lab-note-text\"\u003e\n            وفق الاختبار المذكور من PULOKA\n            على العبوة،\n            تم إسقاط كرة فولاذية بوزن 64 غرامًا\n            ثلاث مرات متتالية\n            من ارتفاع 1.5 متر،\n            مع الإشارة إلى عدم تضرر المنتج.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         1000× ABRASION TEST\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-abrasion\"\u003e\n\n\n      \u003cdiv class=\"fs-abrasion-number\"\u003e\n        1000\u003cspan\u003e×\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-fr\"\u003e\n\n        \u003cdiv class=\"fs-abrasion-label\"\u003e\n          SUPER ABRASION TEST\n        \u003c\/div\u003e\n\n        \u003cp class=\"fs-abrasion-text\"\u003e\n          L’emballage Ultra Surface\n          indique également\n          un test d’abrasion répété\n          1000 fois.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-ar\"\u003e\n\n        \u003cdiv class=\"fs-abrasion-label\"\u003e\n          اختبار الاحتكاك\n        \u003c\/div\u003e\n\n        \u003cp class=\"fs-abrasion-text\"\u003e\n          تشير عبوة Ultra Surface أيضًا\n          إلى اختبار احتكاك\n          متكرر 1000 مرة.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         SURFACE ENGINEERING\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-surface\"\u003e\n\n\n      \u003cdiv class=\"fs-fr\"\u003e\n\n        \u003cdiv class=\"fs-section-label\"\u003e\n          SURFACE ENGINEERING\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"fs-surface-title\"\u003e\n          Protection dehors.\n          Sensation soignée au toucher.\n        \u003c\/h3\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-ar\"\u003e\n\n        \u003cdiv class=\"fs-section-label\"\u003e\n          هندسة السطح\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"fs-surface-title\"\u003e\n          حماية أقوى.\n          وتجربة لمس أكثر سلاسة.\n        \u003c\/h3\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- =================================================\n           IMAGE COLLEZ ICI 02\n      ================================================== --\u003e\n\n      \u003cdiv class=\"fs-surface-image\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0761\/3857\/8058\/files\/fone-puloka-ultra-serface-privacy-img7.png?v=1790727627\" alt=\"PULOKA Ultra Surface\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 01 --\u003e\n\n      \u003cdiv class=\"fs-surface-row\"\u003e\n\n        \u003cdiv class=\"fs-surface-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-fr\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            Corning Material\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            L’emballage mentionne un matériau Corning\n            associé à une dureté renforcée\n            et à une meilleure résistance\n            aux rayures et à la casse.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-ar\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            خامة Corning\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            تشير العبوة إلى استخدام خامة Corning\n            مع صلابة معززة\n            ومقاومة أفضل\n            للخدوش والكسر.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 02 --\u003e\n\n      \u003cdiv class=\"fs-surface-row\"\u003e\n\n        \u003cdiv class=\"fs-surface-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-fr\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            Ultra-smooth Feel\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            Une surface pensée\n            pour rester fluide et confortable\n            pendant les gestes,\n            le défilement et le toucher.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-ar\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            ملمس فائق النعومة\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            سطح مصمم ليبقى\n            سلسًا ومريحًا\n            أثناء اللمس والتمرير\n            والاستخدام اليومي.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 03 --\u003e\n\n      \u003cdiv class=\"fs-surface-row\"\u003e\n\n        \u003cdiv class=\"fs-surface-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-fr\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            Fingerprint \u0026amp; Water Care\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            Le traitement de surface\n            est présenté comme moins sujet\n            aux traces de doigts\n            et à l’adhérence des gouttes d’eau.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-ar\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            آثار أقل على السطح\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            تُقدّم معالجة السطح\n            للمساعدة على تقليل\n            آثار الأصابع\n            والتصاق قطرات الماء.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 04 --\u003e\n\n      \u003cdiv class=\"fs-surface-row\"\u003e\n\n        \u003cdiv class=\"fs-surface-number\"\u003e\n          04\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-fr\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            Edge Strengthening\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            Les bords sont annoncés\n            comme physiquement renforcés,\n            tout en conservant\n            une surface sensible au toucher.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-ar\"\u003e\n\n          \u003cdiv class=\"fs-surface-row-title\"\u003e\n            حواف معززة\n          \u003c\/div\u003e\n\n          \u003cp class=\"fs-surface-row-text\"\u003e\n            تشير العبوة إلى تعزيز الحواف\n            مع الحفاظ\n            على استجابة مريحة\n            للمس الشاشة.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         VIDEO COLLEZ ICI\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-video-section\"\u003e\n\n\n      \u003cdiv class=\"fs-video-heading fs-video-heading-fr\"\u003e\n        Vidéo produit\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-video-heading fs-video-heading-ar\"\u003e\n        فيديو المنتج\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fs-video-frame\"\u003e\n\n\n        \u003cvideo class=\"fe-video\" src=\"VIDEO%20COLLEZ%20ICI\" autoplay muted loop playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture controlslist=\"\n            nodownload\n            nofullscreen\n            noplaybackrate\n            noremoteplayback\n          \"\u003e\u003c\/video\u003e\n\n\n        \u003cbutton class=\"fe-sound-button\" type=\"button\" aria-label=\"Activer le son\"\u003e\n\n          \u003csvg class=\"fe-icon-sound-off\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M11 5 6.8 8.5H3.5v7h3.3L11 19V5Z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"m17 9 4 4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"m21 9-4 4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n\n          \u003csvg class=\"fe-icon-sound-on\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M11 5 6.8 8.5H3.5v7h3.3L11 19V5Z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M15 9.5a4 4 0 0 1 0 5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M18 7a7 7 0 0 1 0 10\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/button\u003e\n\n\n        \u003cdiv class=\"fs-video-site\"\u003e\n          www.fone.ma\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         DETAILS\n    ====================================================== --\u003e\n\n    \u003cdetails class=\"fs-detail\"\u003e\n\n\n      \u003csummary\u003e\n\n        \u003cspan class=\"fs-detail-title-fr\"\u003e\n          Détails protection\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fs-detail-title-ar\"\u003e\n          تفاصيل الحماية\n        \u003c\/span\u003e\n\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"fs-specs\"\u003e\n\n\n        \u003cdiv class=\"fs-spec-row\"\u003e\n\n          \u003cspan class=\"fs-spec-name fs-fr\"\u003e\n            Fonction\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-name fs-ar\"\u003e\n            الوظيفة\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-value\"\u003e\n            Privacy Filter\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-spec-row\"\u003e\n\n          \u003cspan class=\"fs-spec-name fs-fr\"\u003e\n            Matériau\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-name fs-ar\"\u003e\n            الخامة\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-value\"\u003e\n            Corning · Tempered Glass\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-spec-row\"\u003e\n\n          \u003cspan class=\"fs-spec-name fs-fr\"\u003e\n            Traitement\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-name fs-ar\"\u003e\n            المعالجة\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-value\"\u003e\n            AF Vacuum Plated\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-spec-row\"\u003e\n\n          \u003cspan class=\"fs-spec-name fs-fr\"\u003e\n            Surface\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-name fs-ar\"\u003e\n            السطح\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-value\"\u003e\n            Ultra-hard · Ultra-smooth\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-spec-row\"\u003e\n\n          \u003cspan class=\"fs-spec-name fs-fr\"\u003e\n            Drop Ball Test\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-name fs-ar\"\u003e\n            اختبار السقوط\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-value\"\u003e\n            64g · 1.5m · ×3\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fs-spec-row\"\u003e\n\n          \u003cspan class=\"fs-spec-name fs-fr\"\u003e\n            Abrasion Test\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-name fs-ar\"\u003e\n            اختبار الاحتكاك\n          \u003c\/span\u003e\n\n          \u003cspan class=\"fs-spec-value\"\u003e\n            1000×\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- =====================================================\n         BOTTOM\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"fs-bottom\"\u003e\n\n      \u003cspan class=\"fs-bottom-line\"\u003e\u003c\/span\u003e\n\n      PRIVACY · CORNING · AF SURFACE\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n  document\n    .querySelectorAll('.fone-shield')\n    .forEach(function(root) {\n\n      const slider =\n        root.querySelector(\n          '.fs-privacy-range'\n        );\n\n      const privacyBox =\n        root.querySelector(\n          '.fs-privacy'\n        );\n\n      if (!slider || !privacyBox) {\n        return;\n      }\n\n\n      function updatePrivacy() {\n\n        const value =\n          Number(slider.value);\n\n        const ratio =\n          value \/ 100;\n\n\n        \/* ORANGE TRACK *\/\n\n        slider.style.setProperty(\n          '--fill',\n          value + '%'\n        );\n\n\n        \/* TITLE : WHITE -\u003e BLACK *\/\n\n        const titleTone =\n          Math.round(\n            255 +\n            (13 - 255) *\n            ratio\n          );\n\n\n        \/* TEXT : SOFT WHITE -\u003e BLACK *\/\n\n        const textTone =\n          Math.round(\n            190 +\n            (13 - 190) *\n            ratio\n          );\n\n\n        privacyBox\n          .querySelectorAll(\n            '[data-shield-title]'\n          )\n          .forEach(function(el) {\n\n            el.style.color =\n              'rgb(' +\n              titleTone + ',' +\n              titleTone + ',' +\n              titleTone +\n              ')';\n\n          });\n\n\n        privacyBox\n          .querySelectorAll(\n            '[data-shield-text]'\n          )\n          .forEach(function(el) {\n\n            el.style.color =\n              'rgb(' +\n              textTone + ',' +\n              textTone + ',' +\n              textTone +\n              ')';\n\n          });\n\n      }\n\n\n      slider.addEventListener(\n        'input',\n        updatePrivacy\n      );\n\n\n      slider.addEventListener(\n        'change',\n        updatePrivacy\n      );\n\n\n      updatePrivacy();\n\n    });\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"18 Pro Max","offer_id":50323327385738,"sku":null,"price":179.0,"currency_code":"MAD","in_stock":true},{"title":"18 Pro","offer_id":50323327418506,"sku":null,"price":179.0,"currency_code":"MAD","in_stock":true},{"title":"17 Pro Max","offer_id":50323070255242,"sku":null,"price":179.0,"currency_code":"MAD","in_stock":true},{"title":"17 Pro","offer_id":50323070288010,"sku":null,"price":179.0,"currency_code":"MAD","in_stock":true},{"title":"17","offer_id":50323070320778,"sku":null,"price":179.0,"currency_code":"MAD","in_stock":true},{"title":"16 Pro Max","offer_id":50323070353546,"sku":null,"price":179.0,"currency_code":"MAD","in_stock":true},{"title":"16 Pro","offer_id":50323070386314,"sku":null,"price":179.0,"currency_code":"MAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0761\/3857\/8058\/files\/fone-puloka-ultra-serface-privacy-img4.png?v=1790725475","url":"https:\/\/fone.ma\/products\/puloka-ultra-surface-privacy","provider":"My Store","version":"1.0","type":"link"}